/* header */
header{ z-index: 1000; }
header .header .top{ background-color: rgba(255,255,255); border-bottom: 1px solid #FAFAF8; height: 65px; }
header .header .top > a{color: #51504B;}
header .header .top > a:after{ background-color: #51504B;}
header .header .logo img.scroll{ opacity: 1;}
header .header .logo img.normal{ opacity: 0;}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
  header .header .top{ border-bottom: 1px solid #DDDDDB; }
}

#comm-tab{ background-color: #fff; position: relative; z-index: 10;}
#comm-tab .top{ width: 100%; height: 60px; border-bottom: 1px solid #E2DED5; display: flex; align-items: center; justify-content: center;}
#comm-tab .top a{ display: block; padding: 0 20px;}
#comm-tab a.active{ text-decoration: underline; text-underline-position: under;}
#comm-tab .btm{ width: 100%; height: 40px; background-color: #FAFAF8; display: flex; align-items: center; justify-content: center;}
#comm-tab .btm a{ display: block; padding: 0 5px;}

#section01.comm { padding: 20px 0 100px; position: relative; background-color: #fff; z-index: 10;}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
    #comm-tab .top a{ display: block; padding: 0 10px;}
    #section01.comm { padding: 40px 0 60px;}
    
}




/* book */
#section01.book .reserv-mo{ width: 100%; padding: 0 15px; text-align: center;}
#section01.book .reserv-mo p{ padding-bottom: 20px;}
#section01.book .reserv-calendar{ width: 100%;}
#section01.book .reser-btn{ text-align: center; padding-top: 0; padding-bottom: 0;}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
    #section01.book{ padding-bottom: 80px; }
}

/* charge */
#section01.charge iframe{ padding-bottom: 60px;}
#section01.charge .charge-tit{ width: 100%; height: 57px; line-height: 57px; }
#section01.charge .charge-tit.active i{ transform: rotate(180deg);}
#section01.charge .charge-tit p{ display: inline-block;}
#section01.charge .charge-tit.sub{ padding: 0 10px 0 25px; border-top: 1px solid rgba(81,80,75,0.2); border-bottom: 1px solid rgba(81,80,75,0.2);}
#section01.charge .charge-tit.bb-none{ border-bottom: unset;}
#section01.charge .content{ width: 100%; padding-bottom: 40px; overflow: hidden;}
#section01.charge .charge-sub .content{ padding-bottom: 40px ;}
#section01.charge .charge-sub table{ width: 100%; text-align: center; border-top: 1px solid rgba(81,80,75,0.1);}
#section01.charge .charge-sub table tr{ border-bottom: 1px solid rgba(81,80,75,0.1) }
#section01.charge .charge-sub table th, #section01.charge .charge-sub table td{  padding: 10px 0;}
#section01.charge .charge-sub table th.w40, #section01.charge .charge-sub table td.w40{ width: 32%; text-align: left; padding-left: 20px;}
/* #section01.charge table {width: 456px; text-align: center; border: 1px solid #6C4D38; }
#section01.charge table th { border: 1px solid #6C4D38; background-color: #DEE5ED; line-height: 38px; font-size: 14px;color: #6C4D38; font-weight: 400;  }
#section01.charge table td { border: 1px solid #6C4D38; line-height: 38px; font-size: 14px;color: #6C4D38; font-weight: 400;  } */
#section01.charge p.lig{ display: block;}
#section01 .reser-btn{ display: block; padding-bottom: 40px; text-align: right; padding-top: 20px;}
#section01 .reser-btn p{ display: inline-block;}
#section01 .reser-btn .circle-wrap{ width: 20px; height: 12px; position: relative; display: inline-block; top: 2px;}
#section01 .reser-btn .circle-wrap .line{ width: 14px; height: 1px; background-color: #51504B; position: absolute; top: 5px; left: 0; transition: .3s;}
#section01 .reser-btn .circle-wrap .circle{ width: 12px; height: 12px; border-radius: 50%; border: 1px solid #51504B; position: absolute; right: 0; top: 0;}
#section01 .reser-btn:hover .circle-wrap .line{ left: 3px;}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
    #section01.charge .content{ padding-bottom: 20px; }
}