/*
.tcgui .ui-datepicker td span, .tcgui .ui-datepicker td a { text-align:center;}
.tcgui .ui-state-active, .tcgui .ui-widget-content .ui-state-active, .tcgui .ui-widget-header .ui-state-active, a.tcgui .ui-button:active, .tcgui .ui-button:active, .tcgui .ui-button.ui-state-active:hover {background:#e47929; border:0.01rem solid #e47929;}
.tcgui .ui-widget.ui-widget-content {border-radius:0;}
*/


.graybg {padding: .4rem 0;}
.graybg .main {margin: 0 auto;}

.Wdate10 {background:#fff url("/images/2022/icon/icon-calendar.png") no-repeat right center; cursor:default;}

/* -------- public ---------- */
span.req {color: #fa8200;font-size: .14rem;font-weight: bold;}
.textInput {border:0.01rem solid #d1d1d1; height:.48rem; line-height:.48rem; text-indent:.1rem; font-size:.18rem;}
.selInput {border:0.01rem solid #d1d1d1; height:.48rem; line-height:.48rem;font-size:.18rem;text-indent: .1rem;}
.textMemo {border:0.01rem solid #d1d1d1; padding:.1rem;font-size:.18rem;}

.textInput[type="date"] {text-indent: .05rem;}

.topIntro {text-align: center;padding: .2rem;width: 90%;margin: 0 auto .1rem;}
.topIntro h1 {margin-bottom: .2rem;}
.formBody {background: #fff; border-radius: .2rem; padding: .2rem .8rem; margin: 0 .1rem;}
.privacy {background:url(/images/2022/icon/p007.png) no-repeat .1rem .1rem; padding:.2rem .2rem 0 1rem; margin: .4rem .6rem; min-height: 1rem;}

@media screen and (max-width: 1024px){
	.formBody {padding: .2rem .4rem;}
}
@media screen and (max-width: 768px){
	.topIntro {width: auto;padding: 0;}
	.formBody {padding: .2rem;}
}
@media screen and (max-width: 480px){
	.privacy {padding:.9rem .2rem .2rem; background-position: top center;margin: .2rem 0 0; text-align: justify;}
}
/* form */
.topTitleBox {position:relative;overflow:hidden;}
.topTitleBox .formNoteBox {position:absolute; bottom:0; right:0;}

.formTitle {font-size:.3rem; }
.formTitle span {font-size:.12rem; font-weight:normal; display:inline-block; color:#666;}


/* contact box */
.formBox {padding:0 0 .2rem;}
.formBox ul {display: flex;flex-wrap: wrap;align-items: flex-end;}
.formBox li {float:left;width:31.3%; margin:0 1% 0 0;}
.formBox li.fullWidth {width:100%;}

.formBox li .fieldTitle {padding:.2rem 0 .1rem; line-height: normal;}
.formBox li .fullbox {margin:0; padding:0;}
.formBox li .twobox {position:relative;margin:0; padding:0; }
.formBox li .twobox .fixCol {position:absolute; left:0; top:0; width:.6rem;}
.formBox li .twobox .fixCol select {width:100%;}
.formBox li .twobox .flexCol {padding-left:.7rem;}

.formBox li .textInput {width:100%;}
.formBox li .selInput {width:100%;}
.formBox li .textMemo {width:96.9%;}
.formBox li label {display: inline-block;margin-right:.2rem;}
.formBox li .ppnum img {vertical-align: middle;}
.formBox li .ppnum .textInput {width:.8rem;}
.formBox li .d-ib {display: inline-block;}

.sgArrDate,.sgArrDateNote {margin-top: .3rem; display: inline-block;}
.sgArrDateNote {font-size: .14rem;color:#999;margin-top: 0;}
.formBox li .sgArrDate .ppnum .textInput {width:1.6rem;}

.formBox li .fieldTitle.acr {padding-top: 0; font-size: .16rem; color:#666;}

@media screen and (max-width: 1024px){
	.sgArrDateNote {width:3.2rem;max-width: 100%; position: relative;top:.05rem; line-height: normal;}
}
@media screen and (max-width: 768px){
	.formBox li .fieldTitle.acr .d-ib {display: block;}
}
@media screen and (max-width: 640px){
	.formBox li {width:49%;}
	.formBox li .textMemo {width:100%;}
}
@media screen and (max-width: 480px){
	.formBox li {float:none;width:100%; margin:0;}
	.formBox li .fieldTitle.acr+.fullbox {padding-bottom: .1rem;}
	.formBox li .fieldTitle.acr .d-ib {display: inline-block;}
}

/* submit button */
.bookButtons {margin-top:.2rem; text-align:center;}
.booklong {font-size: .24rem; color:#fff; text-align:center; padding: .2rem .9rem; background:#B07636 linear-gradient(#B07636,#985F32); border-radius: .2rem; border: none;cursor: pointer;}
.booklong:hover {background:#B07636 linear-gradient(#985F32,#B07636);}
.bookNote {padding:.2rem 0;}

@media screen and (max-width: 480px){
	.booklong {padding: .15rem 0; border-radius: .1rem; width:100%;}
}


/* check */
.cReqBox {padding:.4rem 0;}
.cReqBox .cReqBoxInner {margin:0 auto; background:#fff; padding:.5rem 0; min-height:1.6rem; border-radius:.2rem; border-bottom:none;}
.cReqBox .cReqBody {width:4.5rem; max-width: 100%; margin:0 auto;}
.cReqBox .cReqPageTitle {color:#666; font-size:.36rem; line-height: normal;}
.cReqBox .cReqPageTitleNote {padding:.24rem 0;}

.cReqBox ul {margin:0 0 .3rem .2rem;}
.cReqBox li {color:#f00; text-align:left; list-style:disc; margin-left:.2rem;}

.cReqBox .cReqBody.after {width: 6rem;font-style: italic; text-align: center;}
.cReqBox .cReqBody.after h1 {color: #990000; line-height: normal;}
.cReqBox .cReqBody.after .sstxt {font-family: Times New Roman;color: #B75504; font-size: .24rem; margin: .2rem; line-height: 1.5;}

@media screen and (max-width: 480px){
	.cReqBox {padding: 0;}
	.cReqBox .cReqBoxInner {width: auto;}
	.cReqBox .cReqBody {width:90%;}
	.cReqBox .cReqPageTitle {font-size:.24rem;}
	.cReqBox ul {margin-left:0;}
}

/*alert*/
.emsgInfo {color:#c10000;display: none;padding: 3px 0;font-size: 17px;}
.emsgBox.showAlert {border:1px solid #c10000;}
.emsgBox.showAlert .emsgInfo {display: block;}
.emsgBox.showAlert+.emsgInfo {display: inline-block;padding-left: 10px;}
@media screen and (max-width: 480px){
	.cirow.hasEmsgBox {flex-wrap:wrap;}
	.cirow.hasEmsgBox .emsgInfo {flex:none;width:100%;text-align:right;}
}

/* note */
.mInfo {padding: 0 20px; margin:0 auto;max-width:960px;}
.iconMsgBox {margin:0 auto; font-size:24px; max-width:700px;line-height:normal;}
.iconMsgBox.single {margin:50px auto;}
.iconMsgBox .msgIcon {padding:20px 20px 20px 0;}
.iconMsgBox .msgIcon img {width:50px; height:auto;}
.msgNote {margin-top: 20px;}
.ctbox {display:flex;grid-gap:10px;}
@media screen and (max-width: 480px) {
    .ctbox {flex-direction:column;grid-gap:0;margin-top:20px;}
    .ctTitle {color:#999;}
}