/* ===============================================================
    * tab-list 
=============================================================== */
.tab-list {width: 100%; display: flex; justify-content: center; align-items: center; height: 80px; border-bottom: 1px solid #ccc;}
.tab-item {position: relative; display: inline-block; height: 80px; line-height: 80px; font-size: 18px; margin: 0 30px; cursor: pointer;}
.tab-item:after {content: ''; position: absolute; width: 120%; left: 50%; bottom: 0; transform: translateX(-50%); height: 2px; background: #e3a259; opacity: 0; transition: .3s;}
.tab-item:hover a {font-weight: bold;}
.tab-item:hover:after {opacity: 1;}
.active.tab-item a {font-weight: bold;}
.active.tab-item:after {opacity: 1;}
.tab-reserv {padding-top: 50px;}
@media (max-width: 820px){
    .tab-list {height: 50px;}
    .tab-item {height: 50px; line-height: 50px; font-size: 14px; margin: 0 20px;}
    .tab-reserv {padding-top: 0;}
    .reserv-mo {text-align: center; padding: 50px 0;}
    .icon-cal {display: inline-block; width:55px; height: 55px; border-radius: 50%; background: #5791a9; color: #fff; font-size: 30px; line-height: 55px;}
    .reserv-mo p {margin: 10px 0 30px; font-size: 14px; line-height: 19px; color: #444;}
    .reserv-btn {display: inline-block; width: 100%; height: 50px; line-height: 50px; font-size: 18px; letter-spacing: 0.04em; color: #fff; text-align: center; background: #5791a9;}
    
}


/* ===============================================================
    * charge.html
=============================================================== */
.tab-reserv.tab02 {padding-top: 0; padding-bottom: 60px;}
.ch-heading {margin-top: 50px;margin-bottom: 10px;}
.ch-num {display: inline-block;font-size: 20px;color: #fff;width: 36px;height: 36px;line-height: 36px;border-radius: 50%;background:#e3a259;text-align: center;}
.ch-subtt {font-size: 20px;font-weight: 600;color: #222;line-height: 36px;margin-left: 10px;}
.ch-content {font-size: 16px;width: 100%;font-weight: 300;}
.ch-block {margin: 40px 0;}
.ch-block p {line-height: 24px;color: #444;}
.block-tit {font-weight: 600;line-height: 16px;color: #222!important;margin-bottom: 1.5rem;}
.ch-block .red {color: #f82323; font-weight: 500;}
.charge-01 {padding: 3% 0;height: auto;}
.charge-flex {display: flex;justify-content: space-between;flex-wrap: wrap;}
.charge-02 {width: 45%;}
.charge-03 {width: 50%;}
.charge-04 table {width: 100%;margin: 0 auto;text-align: center;border-top: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;}
.charge-04 table tr {line-height: 50px;}
.table-top {background: #f6f6f6;}
.table-top th {font-size: 14px;color: #666666;font-weight: 400;}
.table-btm td {font-size: 16px;color: #222;}
@media (max-width: 820px){
    .ch-num {font-size: 17px;width: 30px;height: 30px;line-height: 30px;}
    .ch-subtt {font-size: 18px;}
    .ch-heading {margin-top: 20px;margin-bottom: 10px;}
    .ch-content {font-size: 14px;}
    .block-tit {font-size: 15px;}
    .ch-block {margin: 20px 0;}
    .ch-block p {line-height: 20px;}
    .charge-02 {width: 100%;}
    .charge-03 {width: 100%;}
    .charge-04 table tr {float: left; width: 50%; display: flex; flex-direction: column;}
}