@charset "UTF-8";
.cf:after, #bookingsearch #booking_body .booking_items:after, #sp_navi #sp_navi_body #sp_navi_items > a:after { content: ""; display: block; width: 0; height: 0; clear: both; overflow: hidden; }

.cf_node { clear: both; width: 0; height: 0; overflow: hidden; }

@font-face { src: url(../../font/HinaMincho.woff2) format("woff2"); font-family: 'HinaMincho'; font-weight: 400; font-display: block; }

@font-face { src: url(../../font/HinaMincho_vertical.woff2) format("woff2"); font-family: 'HinaMinchoV'; font-weight: 400; font-display: block; }

body { font-family: 'Hiragino Sans','ヒラギノ角ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',sans-serif; -webkit-text-size-adjust: 100%; }

.ffg, .faq_body, #bookingsearch #booking_body, .circle_imgset_l .cirimg_txt p.note, .circle_imgset_r .cirimg_txt p.note, .circle_imgset_940_l .cirimg_txt p.note, .circle_imgset_860_l .cirimg_txt p.note, .circle_imgset_860_r .cirimg_txt p.note, .circle_imgset_800_r .cirimg_txt p.note { font-family: 'Hiragino Sans','ヒラギノ角ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',sans-serif; }

.ffm, #contentbody { font-family: 'Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','HG明朝E',Meiryo,'メイリオ',serif; }

#footer #footer_body #footer_right #copyright { font-size: 0.6875rem; line-height: 181.6%; font-weight: 300; }

#footer #footer_body #logoset h2 { font-size: 0.75rem; line-height: 148.902%; font-weight: 300; }

#footer #footer_body #footer_right #link_sct > a, .circle_imgset_l .cirimg_txt p.note, .circle_imgset_r .cirimg_txt p.note, .circle_imgset_940_l .cirimg_txt p.note, .circle_imgset_860_l .cirimg_txt p.note, .circle_imgset_860_r .cirimg_txt p.note, .circle_imgset_800_r .cirimg_txt p.note { font-size: 0.75rem; line-height: 179.4%; font-weight: 300; }

#bookingsearch #booking_body .booking_items a { font-size: 0.8125rem; line-height: 100%; font-weight: 300; }

#the_booking_btn > div p { font-size: 0.8125rem; line-height: 177.2%; font-weight: 300; }

#footer #footer_body #logoset a#map_btn { font-size: 0.875rem; line-height: 100%; font-weight: 300; }

.faq_body .faq_items .faq_itemset .faq_answer_wrap .faq_answer p { font-size: 0.875rem; line-height: 145.25%; font-weight: 300; }

.circle_imgset_l .cirimg_txt p, .circle_imgset_r .cirimg_txt p, .circle_imgset_940_l .cirimg_txt p, .circle_imgset_860_l .cirimg_txt p, .circle_imgset_860_r .cirimg_txt p, .circle_imgset_800_r .cirimg_txt p, #contentbody { font-size: 0.875rem; line-height: 192.5%; font-weight: 300; }

.faq_body .faq_items .faq_itemset .faq_question, #footer #footer_body #logoset h3 { font-size: 0.9375rem; line-height: 143.424%; font-weight: 300; }

#bookingsearch #booking_body { font-size: 1rem; line-height: 100%; font-weight: 300; }

.faq_body .faq_menu .faq_menuitems a { font-size: 1.0625rem; line-height: 139.772%; font-weight: 300; }

/*-------------------------------------- common ---------------------------------------*/
* { margin: 0; padding: 0; }

body { color: #362c0d; background: url(../../images/cmn_bg.png) #fbfaf7; background-size: 200px 200px; }

a, a:visited { color: #91855e; text-decoration: none; }

ul { list-style: none; }

img { border-style: none; vertical-align: top; }

#wholepage { display: none; visibility: hidden; min-width: 1100px; }

/*-------------------------------------- header ---------------------------------------*/
.for_pc { display: none; }

#wholepage { min-width: 320px; }

#sp_header { height: 35px; padding: 20px 0; text-align: center; background: #000; }

#photoset { position: relative; height: 275px; background-size: cover; overflow: hidden; }

#photoset #fv_wave1 { position: absolute; top: 264px; left: 0; width: 100%; height: 12px; background: url(../../images/cmn_deco_wave_fv1.png) no-repeat -120px bottom; background-size: 1100px auto; }

#photoset #fv_wave2 { position: absolute; top: 268px; left: 0; width: 100%; height: 8px; background: url(../../images/cmn_deco_wave_fv2.png) no-repeat -210px bottom; background-size: 1100px auto; }

#sp_navi { position: fixed; top: 0; left: 0; width: 100%; z-index: 8000; }

#sp_navi #sp_menubtn { position: absolute; top: 0; left: 245px; }

#sp_navi #sp_navi_body { display: none; background: #000; background: rgba(0, 0, 0, 0.9); overflow: hidden; }

#sp_navi #sp_navi_body #sp_navi_header { height: 35px; padding: 20px 0; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.15); background: #000; }

#sp_navi #sp_navi_body #sp_navi_items > a { display: block; height: 24px; padding: 12px 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); }

#sp_navi #sp_navi_body #sp_navi_items > a.thispage { background: #42453f; background: rgba(255, 255, 229, 0.2); }

#sp_navi #sp_navi_body #sp_navi_items > a img { display: block; }

#sp_navi #sp_navi_body #sp_navi_items > a img:first-child { float: left; }

#sp_navi #sp_navi_body #sp_navi_items > a img:first-child + img { float: right; }

#sp_navi #sp_navi_body #sp_navi_items #sp_navi_endbtns { display: table; width: 100%; height: 76px; }

#sp_navi #sp_navi_body #sp_navi_items #sp_navi_endbtns #sp_navi_search { display: table-cell; vertical-align: middle; padding: 0 0 0 25px; text-align: left; }

#sp_navi #sp_navi_body #sp_navi_items #sp_navi_endbtns #sp_navi_search a { display: inline-block; width: 19.467vw; height: 29px; padding: 5px 23px 0; background: #91855e; }

#sp_navi #sp_navi_body #sp_navi_items #sp_navi_endbtns #sp_sw_language { display: table-cell; vertical-align: middle; padding: 21px 25px 21px 0; text-align: right; }

#sp_navi #sp_navi_body #sp_navi_items #sp_navi_endbtns #sp_sw_language a { margin-left: 8px; opacity: 0.3; }

#sp_navi #sp_navi_body #sp_navi_items #sp_navi_endbtns #sp_sw_language a.usethis { opacity: 1.0; }

#book_btn_header { display: none; position: fixed; top: 342px; left: 6.667vw; z-index: 8100; transition: opacity 0.2s; }

#book_btn_header > div a#show-modal { display: block; width: 119px; height: 34px; padding: 8px 0 0; color: transparent !important; font-size: 0.01vw; letter-spacing: 0.267vw; background: url(../../images/cmn_btn_book_en.svg) no-repeat center center !important; background-color: #b3a985 !important; background-size: auto 14px !important; }

/*-------------------------------------- contents ---------------------------------------*/
h2.blocktitle_a { margin: 0 20px; padding-top: 40px; text-align: center; }

.lrblock_ti { padding: 35px 0 0; }

.lrblock_ti .lrblock_t { padding: 0 20px; }

.lrblock_ti .lrblock_t p { padding-bottom: 14px; }

.lrblock_ti .lrblock_i { position: relative; }

.lrblock_it { padding: 35px 0 0; }

.lrblock_it.min_topspace { padding-top: 15px; }

.lrblock_it .lrblock_i { position: relative; }

.lrblock_it .lrblock_t { padding: 0 20px; }

.lrblock_it .lrblock_t p { padding-bottom: 14px; }

.circle_imgset_l, .circle_imgset_r, .circle_imgset_940_l, .circle_imgset_860_l, .circle_imgset_860_r, .circle_imgset_800_r { position: relative; margin: 40px auto 0; padding-top: 240px; }

.circle_imgset_l .cirimg_l, .circle_imgset_l .cirimg_r, .circle_imgset_r .cirimg_l, .circle_imgset_r .cirimg_r, .circle_imgset_940_l .cirimg_l, .circle_imgset_940_l .cirimg_r, .circle_imgset_860_l .cirimg_l, .circle_imgset_860_l .cirimg_r, .circle_imgset_860_r .cirimg_l, .circle_imgset_860_r .cirimg_r, .circle_imgset_800_r .cirimg_l, .circle_imgset_800_r .cirimg_r { position: absolute; top: 0; left: 0; width: 100%; }

.circle_imgset_l .cirimg_txt, .circle_imgset_r .cirimg_txt, .circle_imgset_940_l .cirimg_txt, .circle_imgset_860_l .cirimg_txt, .circle_imgset_860_r .cirimg_txt, .circle_imgset_800_r .cirimg_txt { padding: 25px 20px 0; }

.circle_imgset_l .cirimg_txt .txt_lead, .circle_imgset_r .cirimg_txt .txt_lead, .circle_imgset_940_l .cirimg_txt .txt_lead, .circle_imgset_860_l .cirimg_txt .txt_lead, .circle_imgset_860_r .cirimg_txt .txt_lead, .circle_imgset_800_r .cirimg_txt .txt_lead { padding-bottom: 6px; text-align: center; }

.circle_imgset_l .cirimg_txt .txt_lead a, .circle_imgset_r .cirimg_txt .txt_lead a, .circle_imgset_940_l .cirimg_txt .txt_lead a, .circle_imgset_860_l .cirimg_txt .txt_lead a, .circle_imgset_860_r .cirimg_txt .txt_lead a, .circle_imgset_800_r .cirimg_txt .txt_lead a { display: inline-block; height: 14px; margin-top: 14px; padding: 8px 10px 8px 16px; border-radius: 4px; background: #fbfaf7; }

.circle_imgset_l .cirimg_txt .txt_lead a.clr_blue, .circle_imgset_r .cirimg_txt .txt_lead a.clr_blue, .circle_imgset_940_l .cirimg_txt .txt_lead a.clr_blue, .circle_imgset_860_l .cirimg_txt .txt_lead a.clr_blue, .circle_imgset_860_r .cirimg_txt .txt_lead a.clr_blue, .circle_imgset_800_r .cirimg_txt .txt_lead a.clr_blue { border: 1px solid #2c6776; }

.circle_imgset_l .cirimg_txt .txt_lead a.clr_red, .circle_imgset_r .cirimg_txt .txt_lead a.clr_red, .circle_imgset_940_l .cirimg_txt .txt_lead a.clr_red, .circle_imgset_860_l .cirimg_txt .txt_lead a.clr_red, .circle_imgset_860_r .cirimg_txt .txt_lead a.clr_red, .circle_imgset_800_r .cirimg_txt .txt_lead a.clr_red { border: 1px solid #96555e; }

.circle_imgset_l .cirimg_txt .txt_lead a img, .circle_imgset_r .cirimg_txt .txt_lead a img, .circle_imgset_940_l .cirimg_txt .txt_lead a img, .circle_imgset_860_l .cirimg_txt .txt_lead a img, .circle_imgset_860_r .cirimg_txt .txt_lead a img, .circle_imgset_800_r .cirimg_txt .txt_lead a img { height: 14px; width: auto; }

.circle_imgset_l .cirimg_txt p, .circle_imgset_r .cirimg_txt p, .circle_imgset_940_l .cirimg_txt p, .circle_imgset_860_l .cirimg_txt p, .circle_imgset_860_r .cirimg_txt p, .circle_imgset_800_r .cirimg_txt p { padding-top: 12px; }

.circle_imgset_l .cirimg_txt p.note, .circle_imgset_r .cirimg_txt p.note, .circle_imgset_940_l .cirimg_txt p.note, .circle_imgset_860_l .cirimg_txt p.note, .circle_imgset_860_r .cirimg_txt p.note, .circle_imgset_800_r .cirimg_txt p.note { color: #757068; }

.block_border { height: 2px; margin: 50px auto 0; background: rgba(149, 136, 95, 0.15); }

.slideshow { margin: 40px auto 0; }

.slideshow .ss_data, .slideshow .ss_frame { display: none; }

.slideshow .ss_body { background: #000; }

.slideshow .ss_body .ss_photos div { display: none; }

.slideshow .ss_body .ss_photos div:first-child { display: block; }

.slideshow .ss_body .ss_photos div img { width: 100%; height: auto; }

.slideshow .ss_naviset { padding-top: 15px; text-align: center; }

.slideshow .ss_naviset a { opacity: 0.3; }

.slideshow .ss_naviset a.showing { opacity: 1.0; }

/*------------------------------------------ booking search for smartphone & sitetop -------------------------------------------*/
#bookingsearch { width: 280px; margin: 50px auto 0; padding-bottom: 7px; background: url(../../images/sp_cmn_bg_booking.png) no-repeat center bottom; background-size: 280px 13px; }

#bookingsearch #booking_body { position: relative; width: 280px; }

#bookingsearch #booking_body .item_sel { display: inline-block; height: 16px; padding: 7px 0 7px; text-align: center; color: #fff; background: #afaca1; border-radius: 4px; }

#bookingsearch #booking_body .item_sel:hover { background: #938f80; }

#bookingsearch #booking_body #booking_date { padding: 20px 25px 20px; background: #e9e6de; border-top-left-radius: 6px; border-top-right-radius: 6px; }

#bookingsearch #booking_body #booking_date .item_title { display: block; height: 26px; }

#bookingsearch #booking_body #booking_date .item_sel { width: 64px; }

#bookingsearch #booking_body #booking_date #booking_year { width: 91px; }

#bookingsearch #booking_body #booking_date #booking_yet { width: 230px; margin-top: 6px; text-align: center; background-image: url(../../images/cmn_form_checkbox.png); background-repeat: no-repeat; background-position: 10px top; background-size: 22px 60px; }

#bookingsearch #booking_body #booking_date #booking_yet.usethis { background-position: 10px bottom; }

#bookingsearch #booking_body #booking_option { padding: 20px 25px 8px; background: #f2f0eb; }

#bookingsearch #booking_body #booking_option .item_title { display: inline-block; width: 64px; height: 35px; }

#bookingsearch #booking_body #booking_option .item_sel { width: 92px; }

#bookingsearch #booking_body #booking_submit { padding: 20px 25px; background: #e9e6de; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }

#bookingsearch #booking_body #booking_submit button { display: block; width: 230px; height: 50px; color: #fff; font-size: 19px; border: none; background: #b5a981; letter-spacing: 2px; cursor: pointer; }

#bookingsearch #booking_body #booking_submit button:hover { background: #cbbd8f; }

#bookingsearch #booking_body #booking_submit #search_489ban select, #bookingsearch #booking_body #booking_submit #search_489ban label, #bookingsearch #booking_body #booking_submit #search_489ban span { display: none; }

#bookingsearch #booking_body #booking_submit #search_btn_en { width: 61.333vw; height: 13.333vw; border: none; background: url(../../images/lang_en/cmn_btn_bookingsearch.png) no-repeat center center #b3a985; background-size: auto 4.533vw; cursor: pointer; }

#bookingsearch #booking_body #booking_submit #search_btn_en:hover { background-color: #cbbc91; }

#bookingsearch #booking_body .booking_items { position: absolute; padding: 7px; background: #000; border-radius: 6px; }

#bookingsearch #booking_body .booking_items a { display: block; margin: 2px; padding: 6px 0; text-align: center; color: #fff; background: rgba(255, 255, 255, 0.18); border-radius: 3px; float: left; }

#bookingsearch #booking_body .booking_items a:hover { color: #362c0d; background: rgba(255, 255, 255, 0.9); }

#bookingsearch #booking_body #booking_year_items { top: 86px; left: -2px; width: 156px; }

#bookingsearch #booking_body #booking_year_items a { width: 74px; }

#bookingsearch #booking_body #booking_month_items { top: 86px; left: 17px; width: 232px; }

#bookingsearch #booking_body #booking_month_items a { width: 54px; }

#bookingsearch #booking_body #booking_day_items { top: 86px; left: -2px; width: 270px; }

#bookingsearch #booking_body #booking_day_items a { width: 50px; }

#bookingsearch #booking_body #booking_adult_items { top: 192px; left: 17px; width: 232px; }

#bookingsearch #booking_body #booking_adult_items a { width: 54px; }

#bookingsearch #booking_body #booking_children_items { top: 234px; left: 17px; width: 232px; }

#bookingsearch #booking_body #booking_children_items a { width: 54px; }

#bookingsearch #booking_body #booking_stay_items { top: 276px; left: 17px; width: 232px; }

#bookingsearch #booking_body #booking_stay_items a { width: 54px; }

#bookingsearch #form_data { position: absolute; left: -9999px; /* for Preview left: 100px; input { width: 70px; padding: 8px; font-size: 19px; text-align: center; &#date_ym, &#date { width: 110px; } } //*/ }

#the_booking_btn { width: 280px; margin: 50px auto 0; text-align: center; padding-bottom: 7px; background: url(../../images/sp_cmn_bg_booking.png) no-repeat center bottom; background-size: 280px 13px; }

#the_booking_btn > div { padding: 40px 0 30px; background: #e9e6de; border-radius: 4px; }

#the_booking_btn > div a { display: inline-block; width: 230px; padding: 25px 0; background: #b5a883; transition: all 0.25s; }

#the_booking_btn > div a:hover { background: #cbbc91; }

#the_booking_btn > div p { padding: 8px 0 0; color: #989084; }

/*-------------------------------------- footer ---------------------------------------*/
#footer { position: relative; margin-top: 40px; padding: 0 20px; background: #cfccc2; }

#footer #ftr_waves { position: absolute; top: -7px; left: 0; width: 100%; height: 12px; overflow: hidden; }

#footer #ftr_waves #ftr_wave1 { position: absolute; top: 0; left: 0; width: 100%; height: 12px; background: url(../../images/cmn_deco_wave_ftr1.png) no-repeat -120px top; background-size: 1100px auto; }

#footer #ftr_waves #ftr_wave2 { position: absolute; top: 0; left: 0; width: 100%; height: 8px; background: url(../../images/cmn_deco_wave_ftr2.png) no-repeat -210px top; background-size: 1100px auto; }

#footer #footer_body { padding: 50px 0 20px 0; }

#footer #footer_body #footer_navi #f_navi_body { width: 172px; margin: 0 auto; border-top: 1px solid #bfbcb0; }

#footer #footer_body #footer_navi #f_navi_body a { display: block; padding: 10px 0; text-align: center; border-bottom: 1px solid #bfbcb0; }

#footer #footer_body #footer_navi #f_navi_body a img { width: 172px; }

#footer #footer_body #logoset { padding: 50px 0 0; text-align: center; }

#footer #footer_body #logoset h1 img { width: 174px; height: 100%; }

#footer #footer_body #logoset h2 { padding-top: 21px; }

#footer #footer_body #logoset h3 { padding: 35px 0 10px; }

#footer #footer_body #logoset a#map_btn { display: block; width: 50px; margin: 0 auto; padding: 5px 0; color: #362c0d; border: 1px solid #a19c8b; border-radius: 4px; }

#footer #footer_body #logoset #footer_phone { padding-top: 25px; }

#footer #footer_body #footer_right nav { display: flex; justify-content: center; width: calc(100vw - 40px); margin-top: 40px; }

#footer #footer_body #footer_right nav a { margin: 0 4px; padding: 10px; }

#footer #footer_body #footer_right nav a img { width: 24px; height: 24px; }

#footer #footer_body #footer_right #link_sct { padding: 10.667vw 0 0; text-align: center; }

#footer #footer_body #footer_right #link_sct > a { color: #a5a197; }

#footer #footer_body #footer_right #copyright { padding-top: 3.2vw; text-align: center; color: #a5a197; }

#photoset { background-image: url(../images/sp_idx_pht_mv.jpg); background-position: left center; }

.faq_body { margin: 40px auto 0; }

.faq_body .faq_menu { position: relative; padding: 0 40px 55px; }

.faq_body .faq_menu .faq_menuitems a { display: block; margin-bottom: 10px; padding: 9px 20px 8px; text-align: center; color: #b5a981; border: 1px solid #b5a981; border-radius: 4px; }

.faq_body .faq_menu .faq_menuitems a.usethis { color: #fbfaf7; background: #b5a981; }

.faq_body .faq_menu .faq_arrow { display: none; }

.faq_body .faq_items > div { display: none; }

.faq_body .faq_items > div.usethis { display: block; }

.faq_body .faq_items > div.back_to_list { display: none; padding-top: 40px; text-align: center; }

.faq_body .faq_items .faq_itemset { margin-top: 15px; }

.faq_body .faq_items .faq_itemset .faq_question { margin: 0 20px 0; padding: 12px 20px 12px; background-color: rgba(181, 169, 129, 0.1); border-radius: 4px; }

.faq_body .faq_items .faq_itemset .faq_answer_wrap { height: 0; overflow: hidden; }

.faq_body .faq_items .faq_itemset .faq_answer_wrap .faq_answer { position: relative; margin: 20px 20px 20px; padding: 15px 20px 15px; background: #fff; border: 1px solid #d8d1bc; border-radius: 10px; }

.faq_body .faq_items .faq_itemset .faq_answer_wrap .faq_answer p { padding-top: 12px; color: #91855e; }

.faq_body .faq_items .faq_itemset .faq_answer_wrap .faq_answer p:first-child { padding-top: 0; }

.faq_body .faq_items .faq_itemset .faq_answer_wrap .faq_answer p a { color: #5d4d1e; border-bottom: 1px dotted #977d31; }

.faq_body .faq_items .faq_itemset.opened .faq_question { background-color: rgba(181, 169, 129, 0.3); }

.faq_body .faq_items .faq_itemset.opened .faq_answer { display: block; }