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

/*--------------------------------------------------------Reserve*/
#RemodalReserve { }
#RemodalReserve .GeneralTtl { color:#fff; margin-top:5px; }
#RemodalReserve .GeneralTtl .main { }

#RemodalReserve .Info{text-align:left;border: 1px solid #ccc; padding:10px;}

#RemodalReserve .inner {background-color:#fff;padding: 10px; margin-bottom:20px;}
#RemodalReserve .inner .title {background-color:#EFEFEF;padding: 5px;margin-bottom: 15px;}
#RemodalReserve .inner .title h2 {}
#RemodalReserve .inner .title h2 .carrier {font-size: 1.4rem;}
#RemodalReserve .inner .title h2 .dst {font-size: 2rem;}
#RemodalReserve .inner .title h2 .otherdst {font-size: 1.2rem;padding-bottom: 5px;}
#RemodalReserve .inner .title .htl {font-size: 1.2rem;padding-left: 5px;font-weight: bold;padding-bottom: 5px;}
#RemodalReserve .inner .title dl {justify-content: center;display: flex;align-items: center;flex-wrap: wrap;}
#RemodalReserve .inner .title dt {font-size: 2.0rem;padding-bottom: 3px;white-space: nowrap;padding-right: 5px;}
#RemodalReserve .inner .title dd {font-size: 14px;color: #242424;line-height: 1.4;}


#RemodalReserve .inner .sec { position: relative;margin-top: 10px; padding-top: 10px; width:100%;}
#RemodalReserve .inner .sec + .sec {border-top: 1px solid #a7a7a7;}
#RemodalReserve .inner .sec h3 {font-size: 1.4rem;position: absolute;right: 0;top: 5px;}
#RemodalReserve .inner .sec h3:before {content:"\f105";font-family:FontAwesome;font-weight: normal;line-height: 1.2;padding-right: 5px;}
#RemodalReserve .inner .sec dl {flex: 1;text-align: left;padding-bottom: 10px;}
#RemodalReserve .inner .sec dt { display: inline-block; background-color: #242424; color: #fff; font-size: 12px; padding: 2px 10px; line-height: 1.4; margin-bottom: 5px; letter-spacing: 1px; }
#RemodalReserve .inner .sec dd { }
#RemodalReserve .inner .sec dd strong { }
#RemodalReserve .inner .btnGlobal {/* width: 200px; */}
#RemodalReserve .inner .btnGlobal a { }

#RemodalReserve .inner .sec#tel h3,
#RemodalReserve .inner .sec#tel dd strong,
#RemodalReserve .inner .sec#mail h3,
#RemodalReserve .inner .sec#mail dd strong{ color:#7D7C40;}
#RemodalReserve .inner .sec#online h3,
#RemodalReserve .inner .sec#online dd strong{ color:#004098;}

#RemodalReserve .inner .sec#tel h3:before{content:"\f007"; }
#RemodalReserve .inner .sec#mail h3:before{content:"\f0e0"; }
#RemodalReserve .inner .sec#online h3:before{ content:"\f108"; }

#RemodalReserve .inner .sec#tel dt,
#RemodalReserve .inner .sec#mail dt{ background-color:#7D7C40;}
#RemodalReserve .inner .sec#online dt{ background-color:#004098;}

#RemodalReserve .inner .sec#tel .btnGlobal a,
#RemodalReserve .inner .sec#mail .btnGlobal a { background-color:#7D7C40; }
#RemodalReserve .inner .sec#online .btnGlobal a{background-color:#004098;}
#RemodalReserve .inner .sec#online .btnGlobal a:after{content:"\f107"}
#RemodalReserve .inner .sec#tel .btnGlobal a:before,
#RemodalReserve .inner .sec#mail .btnGlobal a:before {position: absolute;left: 10px; font-size:12px;top:50%; margin-top:-0.9em;content:"\f24d"; font-family:FontAwesome; }


#RemodalReserve .inner .sec#tel .btnGlobal a:hover,
#RemodalReserve .inner .sec#mail .btnGlobal a:hover,
#RemodalReserve .inner .sec#online .btnGlobal a:hover{background-color:#242424;}

#RemodalReserve .inner .Search{ padding:10px;margin:0 auto; width:100%;border: 5px solid #ccc;margin-top: 10px;box-sizing: border-box;text-align: left;}
#RemodalReserve .inner .Search .inner{ padding:0; margin:0;}
#RemodalReserve .inner .Search .btn{ margin-right:0}

.Remodalcancel{position: absolute;margin-bottom: 30px;width: 92.6%;padding-bottom: 35px;}
#clone + .Remodalcancel{ width:100%;}
.remodal-confirm,
.remodal-cancel{padding:10px 15px;width: 100%;}