/* banner */
.banner{
   display: flex;
   align-items: flex-end;
   justify-content: center;
   height: auto;
   min-height: 500px;
   background-repeat: no-repeat;
   background-position: center;
}
.banner h5{
   display: block;
   font-size: 20px;
   font-weight: 400;
   letter-spacing: 0.05em;
   color: #FFFFFF;
   text-align: center;
}
.banner h5::before{
   display: block;
   font-family: "Montserrat", sans-serif;
   font-weight: 700;
   font-size: 42px;
   color: #E9D27F;
   letter-spacing: 0.05em;
}

@media screen and (max-width:1024px) {
.banner{min-height: 400px;background-size: cover;}
}
@media screen and (max-width:768px) {
.banner{min-height: 300px;}
}
@media screen and (max-width:600px) {
.banner{min-height: 200px;}
.banner h5{text-shadow: 0 0 8px #000000;}
}

.banner.banG{
   background-image: url(../img/order_ban.jpg);
}

.banner.banG h5::before{
   content: 'Booking';
}

.banner.banB{
   align-items: center;
   background-image: url(../img/news_ban.jpg);
   min-height: 270px;
}
.banner.banB h5::before{
   content: 'NEWS';
}


.banner.banH{
   background-image: url(../img/teavel_ban.jpg);
}
.banner.banH h5::before{
   content: 'TRAVEL';
}

.banner.banE{
   background-image: url(../img/photo_ban.jpg);
}
.banner.banE h5::before{
   content: 'REVIEWS';
}

/* onlineform */
.box_le h6{
   background: #F7A74A;
}


.str_detail03{
   background: none;
}
.str_detail03 b{
   max-width: 800px;
   margin: 0 auto 30px;
   padding-bottom: 30px;
   border-bottom: 1px solid #DDDDDD;
}
.str_detail03 li em, .str_detail03 li input{
   background: #FFFFFF;
}
.str_detail_btn:hover{
   background: #E4B31B;
}

/* promotions_page */
.promotions_page #content{
   background-image: url(../img/news_bg.jpg);
}
body.promotions_page .path{
   display: none;
}
.time{
   font-size: 16px;
   color: #5B6682;
}
.promotion_title{
   border-bottom: 1px solid #5B6682;
}
.promotion_title span{
   display: inline;
   font-size: 16px;
   color: #5B6682;
}
.promotion_title h2{
   font-size: 20px;
   font-weight: normal;
   letter-spacing: 0.05em;
   color: #FFFFFF;
}
.promotion_title h2 span{
   display: none;
}
body.promotions_page .edit{
   color: #FFFFFF
}
ul.other_promotion {
   display: grid;
   grid-template-columns: repeat(3,1fr);
   gap: 50px 20px;
}
ul.other_promotion.clearfix:before,ul.other_promotion.clearfix:after{
   display: none;
}
.other_promotion li{
   border-top: 1px solid #5B6682;
   width: 100%;
   margin: 0;
   padding: 20px 0 0;
}
.other_promotion li:hover{
   border-top: 1px solid #E4B31B;
}
.other_promotion .pmtTime{
   font-size: 18px;
   color: #5A6681;
}
.other_promotion span{
   display: none;
}
.other_promotion .pmtTitle h3{
   font-size: 16px;
   letter-spacing: 0.05em;
   line-height: 180%;
   color: #FFFFFF;
   height: auto;
}
.other_promotion li:hover h3{
   text-decoration: none;
   color: #E4B31B;
}
@media screen and (max-width:980px) {
ul.other_promotion{grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width:600px) {
ul.other_promotion{gap: 20px;}
}
@media screen and (max-width:500px) {
ul.other_promotion{grid-template-columns: 1fr;}
}

/* page */

.other_promotion .page li,.other_promotion .page li a{
   color: #FFFFFF;
}
.other_promotion .page li a{
   border: 1px solid #FFFFFF;
}


/* news */
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category{
   background: #182230 !important;
}
body.blog_page .path{
   display: none;
}
h4.blog_category_title{
   display: none;
}
.subbox_item::before{
   background: rgba(228,179,27,0.7);
}
.subbox_item a:before{
   content: 'SEE MORE';
   font-family: "Montserrat", sans-serif;
   letter-spacing: 0.05em;
}
.blog_list_le img{
   aspect-ratio: 1 / 1;
   object-fit: cover;
}

.blog_in_page h4.blog_category_title{
   display: block;
}
.blog_back a.article_btn_prev,.blog_back a.article_btn_next{
   background: #30517E;
}
.blog_back a.article_btn_back{
   background: #AAAAAA;
}

/* photo */
.lightbox {
   width: 100%;
   max-width: 100%;
   position: fixed;
   left: 50% !important;
   top: 50% !important;
   transform: translate(-50%, -50%);
}

body.work_page .path{
   display: none;
}
.other_album{
   display: none;
}