@charset "utf-8";
/* CSS Document */

@media screen and (min-width:641px){ /*PC*/
    .spOnly{display: none;}
}
@media screen and (max-width:599px){ /*SP*/
    .pcOnly{display: none;}
}

/*--------------------------------------------------------------------------------------------------- */
#formWrap {margin:0 auto;border-radius: 20px;
	color:#534741;
	font-size:90%;
	background-color:rgba(255,255,255,0.9);font-family: "メイリオ", Meiryo, sans-serif;
}
#formWrap table *{text-align: left;}
.ph,
::placeholder {color:#ccc;}

table.formTable{ width:100%; border-collapse:collapse;}

table.formTable > tbody > tr > td,table.formTable > tbody > tr > th{ padding:20px 10px;text-align: left;position: relative;}
table.formTable > tbody > tr > th{background-color: #efefef; color: #777;}
table.formTable > tbody > tr > td{color: #000;}
table.formTable > tbody > tr > th{font-weight:normal; text-align:left;}
table.formTable > tbody > tr > td p{font-size: 12px; display:inline-block;}
table.formTable > tbody > tr > td p.add01,table.formTable > tbody > tr > td p.add02,table.formTable > tbody > tr > td p.mini{font-size: 12px; display:block;}
.required{font-size: 10px; color:#d24648;}

.confirm #formWrap .inner {background-color: #fff;}
.confirm table.formTable > tbody > tr > td{font-weight: bold;}
.error_messe{color: rgba(203,52,55,1.00);}

@media screen and (min-width:641px){ /*PC*/
	#formWrap {padding:90px 70px 110px;}
	#formWrap p.text01{display: block; padding-bottom: 30px;}
	.confirm #formWrap {padding:60px 50px 60px;color: #000;}
	table.formTable{border-top:1px solid rgba(255,255,255,0.2);margin:0 auto 70px auto;}
	table.formTable > tbody > tr{border-bottom:1px solid rgba(197,187,178,0.45);}
	table.formTable > tbody > tr:first-child{border-top:1px solid rgba(197,187,178,0.45);}
	table.formTable > tbody > tr > td,table.formTable > tbody > tr > th{ padding:25px;}
	table.formTable > tbody > tr > td{ font-size:16px; line-height: 40px;}
	table.formTable > tbody > tr > th{ width:20%;text-align: center; }
	.confirm table.formTable{border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;}
	.confirm table.formTable > tbody > tr{border-bottom: 1px dotted #aaa;}
}
@media screen and (max-width: 640px){ /*SP*/
	#formWrap { margin:30px auto 0px; padding:6% 6% 60px 6%; }
	#formWrap p.text01{display: block; padding-bottom:20px;}
	table.formTable{margin:10px auto 20px;}
	table.formTable > tbody > tr > th { width:auto; display:block;padding:10px 10px 5px;}
	table.formTable > tbody > tr > td { width:auto; display:block;}
	table.formTable > tbody > tr > td{line-height:26px;}
	table.formTable > tbody > tr > th {font-size: 15px; margin-top:5px; border-bottom: 1px dotted #999;}
	table.formTable > tbody > tr > td p.add01{  margin-bottom: 3px;line-height: 20px; display: block;}
	table.formTable > tbody > tr > td p.add02{ padding-top:12px;margin-bottom: 3px;line-height: 20px; display: block;}
	.confirm p{color: #000;}
	.confirm table.formTable{border-bottom:none;border-bottom: 1px solid #aaa;}
	.confirm table.formTable > tbody > tr > th{ padding:10px;margin:0px;}
	.confirm table.formTable > tbody > tr > td{ font-size:16px; padding:15px 10px;line-height:26px;}
	.confirm table.formTable > tbody > tr{border-top: 1px solid #aaa;}
	
}

table.formTable .notice{font-size: 11px;}
table.formTable > tbody > tr > td ul{list-style: none;}
table.formTable > tbody > tr > td ul li{}
table.formTable > tbody > tr > td label{display: block; font-family:'ts-unused';}
table.formTable th.media .must{font-size: 70%; color:rgba(0,0,0,0.6);}
table.formTable p.birth{display: block;}
table.formTable .att{color:rgb(186 80 186);font-size: 95%;display: block;}
@media screen and (min-width:641px){ /*PC*/
	table.formTable > tbody > tr > td ul li{display:inline-block; width: 49%;font-size: 90%;}
	table.formTable > tbody > tr > td label{font-size: 18px; margin:7px 0;}
	table.formTable > tbody > tr > td label{margin-right: 20px;}

	table.formTable .att{font-size: 14px; line-height: 24px; padding-top: 10px;}
}
@media screen and (max-width: 640px){ /*SP*/
	table.formTable > tbody > tr > td label{font-size: 16px; margin:7px 0;}
	table.formTable > tbody > tr > td label{display: block; padding-bottom: 10px;}
	table.formTable .att{font-size: 13px; line-height:18px; padding-top: 6px;}
}



.formarea select{background-color:#ffffe1;border-radius: 4px;  white-space: nowrap;  /* 改行させない */
  overflow: hidden;     /* はみ出しを隠す */
  text-overflow: ellipsis; /* …で省略表示 */appearance: none;
  -webkit-appearance: none;}
select.jtime{}
select.work{}
select.age{}
select.kitsuke{}
select.tool{}
select.time{}
textarea{border-radius: 4px;}
input[type="text"]{font-size: 18px; line-height: 50px; height: 50px; padding: 5px; background-color: #ffffe1; border: 1px solid #666;border-radius: 4px;}
input[type="submit"],
input[type="reset"],
input[type="button"]{color: #fff; border:none;display:block;}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover{opacity: 0.7;}
input[type="submit"]{letter-spacing: 1px; background-color:#eb5367; border-radius: 6px;}
input[type="reset"],
input[type="button"]{background-color:#ccc;}
input[type="text"]#qa{display: none;}
.ichi input[type="text"]{border: none; color:#000000; background-color:rgba(255,255,255,0.0); width: 100%;pointer-events : none;}
.ichi td{color: rgba(0,0,0,1.00);font-family: 'ts-unused'; font-weight: bold;}
.ichi td.Unselected{color: rgba(176,0,2,1.00);}
.ichi a.reselect{display: inline-block; padding: 2px 10px; font-size: 13px; line-height: 20px; border: 1px solid rgba(0,0,0,0.1); text-decoration: none; color: rgba(0,0,0,0.6); font-weight: lighter;position: absolute;}
.ichi a.more{display: inline-block; padding: 2px 10px; font-size: 13px; line-height: 20px; border: 1px solid rgba(0,0,0,0.1); text-decoration: none;  font-weight: lighter; margin-right: 15px;position: absolute;background:rgba(0,0,0,0.3);color: #fff; }

@media screen and (min-width:641px){ /*PC*/
	.formarea select{font-size: 18px; padding:15px; line-height: 24px; width: auto;}
	tr.ichi td {position: relative;}
	.ichi a.reselect{right: 0; top:38px; background:rgba(0,0,0,0.05); }
	.ichi a.more{right:110px; top:38px; }
	.name input[type="text"],
	.furi input[type="text"]{margin:0 10px;}
	input[type="text"].adress01{width:40%; margin-bottom: 10px;}
	input[type="text"].adress02{width: 90%; margin-bottom: 10px;}
	input[type="submit"]{padding: 30px; width: 50%; font-size: 28px; margin:30px auto 5px;}
	input[type="reset"],
	input[type="button"]{font-size:15px; padding:5px 15px; width:20%;margin: 50px auto 0;}
	textarea{width:360px; height:90px; padding: 5px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.formarea select{font-size: 16px; padding:12px; line-height: 22px;width: 100%;}
	input[type="text"], textarea { width:100%; padding:15px 5px; font-size:110%; display:block;}
	.ichi input[type="text"]{font-size:18px;}
	.ichi td{font-size: 18px; text-align: center;}
	.ichi th{position: relative;}
	.ichi a.reselect{right: 10px; top: -34px; background:rgba(255,255,255,0.7); }
	.ichi a.more{right:110px; top:-34px; }
	.name span,.furi span{display: inline-block; float: left; padding: 10px 15px 10px 0;}
	.name input[type="text"],
	.furi input[type="text"]{margin:0 2%;width:75%;}
	input[type="text"].zip{ width:50%;}
	input[type="submit"]{padding: 20px 0; width:95%;font-size:22px;line-height: 22px; margin:50px auto 0px; }
	input[type="reset"],
	input[type="button"] {font-size:13px; padding:5px 0; width:50%;margin: 30px auto 0px;}
	textarea{width:100%; height:60px; padding: 5px;}
}