header.scroll{ background-color: rgba(34,34,34,.8);}


/* charge */
.black-bg{ display: none;}
.reser-wrap{ padding: 50px 0 40px; text-align: left;}
.reser-wrap .tit{ text-align: center;}
.reser-wrap .tit h3{ font-size: 32px; padding-bottom: 10px; letter-spacing: 0.04em;}
.reser-wrap .tit p{ font-size: 16px; letter-spacing: 0.04em;}
.reser-wrap .charge-tit{ width: 100%; padding-bottom: 10px; }
.reser-wrap p.color1{ padding: 40px 0 80px;}
.reser-wrap .flex-wrap{ display: flex; position: relative; text-align: left;}
.reser-wrap .flex-wrap .line{ width: 200%; height: 1px; background-color: #ccc; position: absolute; top: 75px; left: -50%;}
.reser-wrap .flex-wrap .charge-tit{ border: 0;}
.reser-wrap .flex-wrap .content{ width: 100%; padding-bottom: 60px; font-size: 13px;}
.reser-wrap .table-wrap{ text-align: left; position: relative;}
.reser-wrap .table-wrap .charge-tit{ border: 0;}
.reser-wrap .content{ line-height: 24px;}

.reser-wrap iframe#inner{ position: relative; top: -100px;}

.reser-wrap table {width: 100%;margin: 0 auto;text-align: center;border-top: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;}
.reser-wrap table tr {line-height: 50px;  border-bottom: 1px solid #efefef;}
.reser-wrap table th {font-size: 16px;color: #666666;font-weight: 500; width:calc(100%/11);  background-color: #F6F6F6;}
.reser-wrap table td {font-size: 14px;color: #333; width:calc(100%/11); background-color: #fff;}

/* =================== 1024px =================== */
@media (max-width: 1024px) {
    header.scroll{ background-color: #fff;}

    .reser-wrap .tit h3{ font-size: 25px; }
    .reser-wrap .tit p{ font-size: 12px; }
    .reser-wrap .content-wrap{ text-align: left; padding: 0;}
    .reser-wrap .charge-tit{ font-size: 13px;}
    .reser-wrap p.color1{ padding: 20px 0 40px;}
    .reser-wrap .flex-wrap{ flex-direction: column; padding: 0!important;}
    .reser-wrap .flex-wrap .line{ display: none;}
    .reser-wrap .flex-wrap .content{ padding: 0 0 30px; font-size: 12px;}
    .reser-wrap .table-wrap .line01{ width: 200%; height: 1px; background-color: #ccc; position: absolute; top: 45px; left: -50%;}
    .reser-wrap .content{ line-height: 24px;}

    .ch-block.last{padding-bottom: 50px}
    .reser-wrap table{width: 1025px;}
    .refund {overflow-x: scroll;overflow-y: hidden;}
    .refund::-webkit-scrollbar { width: 5px; height: 5px; }
    .refund::-webkit-scrollbar-thumb{ height: 17%; background-color: #3677b3; border-radius: 2px; }
    .refund::-webkit-scrollbar-track{ background-color: #fff; }

    .comm3_wrap #inner{ height: 700px!important;}

    
}

/* =================== 800px =================== */
@media (max-width: 800px) {
    .reser-wrap iframe#inner{ position: relative; top: 0;}

}