/* reser */
.reser_dl .list01 li {
    word-break: keep-all;
}
.reser_dl .list01 li::before {
    content: "- ";
    display: inline-block;
    margin-left: -10px;
}
.subCon02 {
    width: 80%;
    margin: 90px auto;
}
.reserCon01 { padding: 100px 0; border-bottom:1px solid #dedede;}
.reserCon01:last-child { margin-bottom:0; border:none;}
.reserCon01::after {content: ""; display: block; clear: both;}
.reser01_01 { float:left; width:30.7%; margin-bottom:6%;}
.reser01_01 .img_box {
    max-height: 309px;
    margin-bottom: 200px;
}
.reser01_01 .img_box.no_marginbottom {
    margin-bottom: 0;
}
.reser01_01 img {
    width: 100%;
    
}

.reser01_01 h2 {font-size: 2.4em; margin-top: 5px;}
.reser_dl { float:left; width:65%; margin-left:4.3%;}
.reser_dl > dt {position: absolute; left: -10000%;}
.reser_dl > dd { margin-bottom:6%; font-size: 1.2em; line-height: 1.8em; font-weight: 600;}
.reser_dl > dd > p {font-size:1.2em; line-height:1.8em; margin-bottom:0.5em;}
.reser_con {}
.reser_con dt { font-size:1.35em; line-height:1.6em; font-weight:600; margin-bottom:0.5em;}
.reser_con dd {margin-bottom:4em;}
.reser_con dd p { margin-bottom:3px;}
.reser_info { font-size:1.07em; line-height:1.8em;}

.reserTable { width:100%; border-collapse:collapse; border-top:1px solid #999;}
.reser .reserTable { position:relative; margin-bottom:5%;}
.roomReser { margin-bottom:10px;}
.room .reserTable { float:left; width:50%;}
.reserTable th, .reserTable td { padding:12px 2px; font-size:1em; line-height:1.5em; text-align:center; border-bottom:1px solid #999; font-weight:400;}
.reserTable th { background:#f9f9f9}
.reserTable td { background:url(../images/bg/white_50.png);}
.reserTable thead { border-bottom:2px solid #333;}
.reserTable td.type { text-align:left; padding-left:5%;}
.reser .reserTable tbody tr { overflow:hidden;}
.reser .reserTable .roomName { position:relative;}
.roomLink { position:absolute; width:2000%; height:100%; left:0; top:0; opacity:0;  filter: alpha(opacity=0;); z-index:5;}
.roomLink a { display:block; width:100%; height:100%;}
.reser .reserTable tbody tr:hover td, .reser .reserTable tbody tr:hover th {  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background:#000; color:#fff; cursor:pointer;}

.cancelTable { width:100%; max-width:450px; border-collapse:collapse; border-top:1px solid #999; margin-top:5%; border-bottom: 2px solid #181818;}
.cancelTable tr > th:first-child {background-color: #e6e6e6;}
.cancelTable tr:first-child > th {background-color: #fff; border-top: 2px solid #181818; border-bottom: 1px solid #181818;  font-weight: 700;}
.cancelTable th, .cancelTable td { padding:12px 3px; font-size:1.07em; line-height:1.5em; text-align:center; border-bottom:1px solid #999; font-weight:400;}
.cancelTable thead { border-bottom:2px solid #333;}
.cancelTable thead th { background:#f5f5f5;}

.reser_frame {position:relative;  z-index:3; }
.reser_frame iframe { display:block; width:100%; height:1350px; border:0; overflow-y:auto; margin:0 auto; padding:2% 0; background:#fff;}

.active .reser01_0301 {opacity:1; filter: alpha(opacity=100;); transition: all 0.5s ease 1.3s;}





@media (max-width: 768px) {
    .reser_dl .list01 li::before {
        margin-left: -7px;
    }
    .subCon02 {
        width: 100%;
        padding: 0 30px;
        box-sizing: border-box;
        margin: 60px auto;
    }
    .reserCon01 { padding: 60px 0;}
    .reser01_01 { float:none; width: 100%; margin-bottom: 0%;}
    .reser01_01 .img_box {
        margin-bottom: 60px;
    }
    .reser01_01 img {width: 100%; }
    .reser01_01 h2 {padding: 20px 0;}
    .reser_dl { float:none; width:100%; margin-left: 0;}
    .reser_dl > dt.line { border-bottom:1px solid #999; padding-bottom:0.2em;}
    .reser_dl > dd { margin-bottom: 0; font-size: 1em;}
    .reser_con dd {letter-spacing: -1px;}
    
}