/*===========================================================================================================*/

/*フォームパーツの基礎定義 common　*/

/*===========================================================================================================*/


/*===========================================================*/

/*入力欄定義　*/

/*===========================================================*/

input[type="text"] ,
input[type="password"], 
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="number"],
textarea{
	box-sizing:border-box; flex-shrink:0; align-self: baseline;
	font-size:1rem;
	padding:0.5rem; 
 }
 
 
textarea{ width:100%;}


/*===========================================================*/

/* radio 定義　*/

/*===========================================================*/

input[type="radio"] {
	transform: scale(1.2);
	vertical-align: middle;
	position: relative;
	top: -2px;
	margin-right:0.3rem;
}


/*===========================================================*/

/* checkbox 定義　*/

/*===========================================================*/
input[type="checkbox"] {

	vertical-align: middle;
	position: relative;
	top: -2px;
	margin-right:0.3rem;
}


/*===========================================================*/

/* select 定義　*/

/*===========================================================*/

select {
    padding: 0.7rem 4rem 0.7rem 0.8rem;
    background: #fff;
    border: solid 1px #ccc;
    border-radius: 5px;
}

select option{ padding: 1.5rem 0;}

select:after{ content:"";}



/*===========================================================*/

/*フォーム内　パーツタグ定義　*/

/*===========================================================*/


.formtable p{ margin-bottom:0.3rem;}

label.flexBlock{ flex-wrap:wrap; align-items: center;}
label.flexBlock p{ flex-shrink:0; flex-basis:100%;}


label{display: block; }
label + label{ margin-top:1rem;}

.block{ display:block;}
.inline{ display:inline;}

.listmb03 li{ margin-bottom:0.3rem;}
.listmb05 li{ margin-bottom:0.5rem;}
.listmb10 li{ margin-bottom:1rem;}






/*===========================================================*/

/*フォームパーツ スマホ調整 　*/

/*===========================================================*/

/* SP */
@media screen and (max-width: 736px) {

input[type="text"] ,
input[type="password"], 
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="number"],
textarea
{ width:100%;}



label.flexBlock{ display:block; }
}



/*===========================================================*/

/* フォーム入力欄の隣り余白 */

/*===========================================================*/


.mrPer1{ margin-right:1% !important;} 
.mrPer2{ margin-right:2% !important;} 
.mrPer3{ margin-right:3% !important;} 
.mrPer4{ margin-right:4% !important;} 
.mrPer5{ margin-right:5% !important;} 
.mrPer6{ margin-right:6% !important;} 
.mrPer7{ margin-right:7% !important;} 
.mrPer8{ margin-right:8% !important;} 
.mrPer9{ margin-right:9% !important;} 
.mrPer10{ margin-right:10% !important;} 


/* PC */
@media print, screen and (min-width: 737px) {


.pcmrPer1{ margin-right:1% !important;} 
.pcmrPer2{ margin-right:2% !important;} 
.pcmrPer3{ margin-right:3% !important;} 
.pcmrPer4{ margin-right:4% !important;} 
.pcmrPer5{ margin-right:5% !important;} 
.pcmrPer6{ margin-right:6% !important;} 
.pcmrPer7{ margin-right:7% !important;} 
.pcmrPer8{ margin-right:8% !important;} 
.pcmrPer9{ margin-right:9% !important;} 
.pcmrPer10{ margin-right:10% !important;} 

}







/*===========================================================================================================*/

/* フォーム デザイン毎の定義  form style*/

/*===========================================================================================================*/



/*===========================================================*/

/*フォームテーブル  外観　*/

/*===========================================================*/


/* カラー */
.formtable{ width:100%; border-top: solid 1px #E6E6E6 ; background:#FFFFFF;}
.formtable tr{ border-bottom: solid 1px #E6E6E6;}
.formtable th{	background:#F8F8F8; 	text-align:left;}
.formtable tr:last-child{ border-bottom:solid 1px #E6E6E6;}

/* SP */
@media screen and (max-width: 736px) {
.formtable th{ border-bottom: dotted 1px #E6E6E6;}
}


/* PC */
@media print, screen and (min-width: 737px) {

/* 幅 */
.formtable th{	width: 25%; vertical-align:middle;}
.formtable td{	width:75%;}

/* 余白 */
.formtable th,
.formtable td{ padding:0.8rem 1rem;}
}



/* SP */
@media screen and (max-width: 736px) {
	
/* 余白 */
.formtable th,
.formtable td{ padding:1.2rem 1rem;}
}


/*===========================================================*/

/*フォームパーツ  外観　*/

/*===========================================================*/


/*入力定義 変更　*/

input[type="text"] ,
input[type="password"], 
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="number"],
textarea
{
	padding:0.6rem;
	border: 1px solid #CCC;
}


/*入力枠同士の上下空定義 変更　*/
label + label{ margin-top:1rem;}

/* SP */
@media screen and (max-width: 736px) {

label + label{ margin-top:1.5rem;}
}

/* エラー */

.error{ color: #AB090C;}

/*===========================================================*/

/*フォーム 送信ボタン　*/

/*===========================================================*/


input[type="submit"]{
	cursor:pointer;
	border: none;

	padding:1.3rem ;
	margin:auto;
	display:block;
	font-size:1.2rem;
	color:#FFFFFF;
	border-radius:5px;
	font-weight:500;
background: #DD8AAA url(../images/common/btnS_wh.svg) no-repeat 7px center;
background-size: auto 1.2rem;
}


input[type="submit"].backBtn{ background-color: #C8C3C3;
}


/* PC */
@media print, screen and (min-width: 737px) {
input[type="submit"]{	width:300px;}
}

/* SP */
@media screen and (max-width: 736px) {

input[type="submit"]{	width:80%;}
}


input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover
{
	opacity:0.9;
}


/*===========================================================*/

/*フォーム ボタン　*/

input[type="reset"]{}

input[type="button"]{
	cursor:pointer;
	border: none;
	background:#999999;
	padding:0.5rem 1rem;	font-size:0.9rem;
	color:#FFFFFF;
	border-radius:5px;
}