@charset "utf-8";

/*  CTA
============================================================================= */
.hotelLink a{color:#fff;font-size:1.4rem;background:url(/onsen/_images/area/nav_bg.webp) repeat #63625e}.hotelLink a .m-ico{color:#60462f}@media print,screen and (min-width:960px){.hotelLink a{font-size:1.6rem}}

/*  MV
============================================================================= */
.mv{position:relative;overflow:hidden}.mv:after{position:absolute;left:0;bottom:0;content:"";display:inline-block;width:100%;height:65px;background:url(/onsen/_images/area/mv_bg_sp.webp) center / 100% 100% no-repeat}.mvInr{position:relative;display:flex;flex-direction:column-reverse;margin:0 auto;width:100%;max-width:1280px;height:100%}.mvh1{position:absolute;left:0;top:0;z-index:1;font-family:"Noto Serif JP",serif;font-weight:700}.mvh1 span{display:inline-block;padding:4px 8px;color:#fff;font-size:1.4rem;font-weight:700;background-color:rgba(0,0,0,.5)}.mvLogo{position:absolute;left:50%;top:20px;transform:translateX(-50%);z-index:1;margin:0 auto;width:240px}.mvImg{overflow:hidden;width:100%;height:250px}.mvImg img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;vertical-align:bottom}.mvImg_caption{position:absolute;left:0;bottom:2px;content:"";z-index:1;display:inline-block;line-height:1.3;padding:0 4px;width:100%;color:#fff;text-align:right;font-size:1.2rem;text-shadow:#323743 1px 1px 2px,#323743 -1px 1px 2px,#323743 1px -1px 2px,#323743 -1px -1px 2px}.steam img{width:100%;display:block}.steam01{position:absolute;right:0;animation:steam01 10s infinite linear;opacity:0}.steam02{position:absolute;left:0;animation:steam02 14s infinite linear;opacity:0}.steam03{margin:auto;position:absolute;right:0;left:0;animation:steam02 12s infinite linear;animation-delay:6s;opacity:0}.steam01 img,.steam03 img{width:532px;height:800px}.steam02 img{width:399px;height:600px}@keyframes steam01{0%{bottom:-600px;filter:blur(16px);transform:rotateY(0deg);transform:scale(.6,1);opacity:0}11%{opacity:.1}33%{transform:rotateY(40deg);transform:scale(1,.6);opacity:.8}66%{transform:rotateY(10deg);transform:scaleY(1.8,1);opacity:.5}100%{bottom:0;filter:blur(20px);transform:rotateY(60deg);transform:scaleY(2,1.8);opacity:0}}@keyframes steam02{0%{bottom:-400px;filter:blur(16px);transform:rotateY(0deg);transform:scale(.6,.6);opacity:0}11%{opacity:.3}33%{transform:rotateY(40deg);transform:scale(.8,1);opacity:.6}66%{transform:rotateY(2deg);transform:scaleY(1,1.2)}100%{bottom:0;filter:blur(20px);transform:rotateY(50deg);transform:scaleY(1.2,1.8);opacity:0}}@media print,screen and (min-width:960px){.mv{height:500px}.mv:after{height:169px;background-image:url(/onsen/_images/area/mv_bg.webp)}.mvh1{display:flex;padding-bottom:32px;width:50%}.mvh1Box span{font-size:1.8rem}.mvLogo{width:500px}.mvImg{position:absolute;left:0;top:0;height:100%}}

/*  PAGENAV
============================================================================= */
.pagenav{position:relative;z-index:1;background:url(/onsen/_images/area/nav_bg.webp) repeat}.pagenavInr{position:relative;display:flex;margin:0 auto;width:100%;max-width:1280px}.pagenavList{flex:1;display:flex}.pagenavWp{flex:1;display:flex;width:50%}.pagenav_item{position:relative;flex:1}.pagenav_item:not(:first-child):before{position:absolute;top:50%;transform:translateY(-50%);content:"";display:inline-block;width:1px;height:40px;background:#8f8e8b}.pagenav_item:before{left:0}.pagenav_item a{position:relative;display:flex;justify-content:center;align-items:center;min-height:50px;color:#fff;font-weight:500;line-height:1.3}.pagenav_item a:before{position:absolute;left:4px;top:4px;content:"";display:inline-block;width:calc(100% - 8px);height:calc(100% - 8px);border-radius:8px;transition:background .2s}.pagenav_box{position:relative;display:flex;flex-direction:column;padding:4px;height:100%;letter-spacing:.2em;text-align:center;line-height:1.3;font-size:1.2rem;font-family:"Noto Serif JP",serif;font-weight:700}.pagenav_box span{font-weight:700}.pagenav_txt{margin-top:2px;font-size:1.4rem;font-weight:400}.pagenav_ico{text-align:center}.navmenu{width:calc(100% / 6)}.navmenuBt{cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 2px;color:#63625e;font-family:"Noto Serif JP",serif;border-top:solid 1px #63625e;border-bottom:solid 1px #63625e;background:#e1dfde;transition:border .2s}.navmenu[aria-expanded="true"] .navmenuBt{border-radius:4px 4px 0 0}.navmenuBt:before{content:"";display:inline-block;width:20px;height:20px;background:url(/onsen/_images/ico_onsen.svg) center / 100% auto no-repeat}.navmenuBt_box{font-size:1.2rem;font-weight:500;line-height:1;text-align:center}@media screen and (max-width:959px){.pagenav_box .sp-br,.navmenuBt_box .sp-br{display:block}.nav-open .pagenav{z-index:1002!important}.nav-open .pagenavList,.nav-open .navmenuBt{display:none}.navmenuPanel{position:fixed;left:100%;top:0;margin:0;padding:8px;width:260px;height:100vh;background:#e1dfde;transform:translateX(0);transition:transform .5s}.navmenuPanel[aria-hidden="false"]{transform:translateX(-260px)}.nav-close{position:absolute;right:calc(100% + 8px);top:8px;color:#fff;font-size:2.5rem}}.menuList{display:flex;flex-wrap:wrap;width:100%}.menuList_item{position:relative;width:calc(100% / 2)}@media screen and (max-width:959px){.menuList_item:nth-child(n+3){border-top:solid 1px #d3d1d0}.menuList_item:not(:nth-child(2n+1))::before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";display:inline-block;width:1px;height:60%;background:#d3d1d0}}.menuList_item a{position:relative;z-index:0;display:block;padding:12px 8px;text-align:center;font-size:1.6rem}.menuList_item a::before{position:absolute;left:4px;top:4px;content:"";z-index:-1;display:inline-block;width:calc(100% - 8px);height:calc(100% - 8px);border-radius:4px;transition:background .2s}.navfixed .pagenav{position:fixed;top:0;z-index:100;transform:translateY(-100%);width:100%;animation:0.3s forwards navslidein}@keyframes navslidein{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}@media print,screen and (min-width:960px){.pagenavInr{align-items:center}.pagenavList{margin-right:24px}.pagenav_item:before,.pagenav_item:last-child:after{height:55px}.pagenav_item a{min-height:80px;font-weight:700}.pagenav_item a:hover:before{background-color:rgba(255,255,255,.2)}.pagenav_box{font-size:1.8rem}.navmenu{width:auto}.navmenuBt{width:80px;height:55px;border-radius:4px;border:none}.navmenuBt .m-ico{font-size:3rem}.navmenuPanel{display:none;position:absolute;right:0;z-index:1;margin:0;padding:8px;width:320px;border-radius:8px 0 8px 8px;border:1px solid #ddd;background:#e1dfde}.menuList_item{width:calc(100% / 4)}.pagenav_item:before,.pagenav_item:last-child:after{position:absolute;top:50%;transform:translateY(-50%);content:"";display:inline-block;width:1px;height:55px;background:#8f8e8b}.pagenav_item:first-child:before{left:0}.pagenav_item:last-child:after{right:0}.navmenuBt:before{width:30px;height:30px}.navmenuBt_box{font-weight:700}.menuList_item:nth-child(n+5){border-top:solid 1px #d3d1d0}.menuList_item:not(:nth-child(4n+1))::before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";display:inline-block;width:1px;height:60%;background:#d3d1d0}.menuList_item a:hover::before{background-color:#d3d1d0}}@media print,screen and (min-width:1800px){.navmenu{position:relative}.navmenuPanel{right:inherit;left:0;border-radius:0 8px 8px 8px}}

/*  AREA RANKING
============================================================================= */
.arearanking{position:relative}.rankingBot{position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:50px;overflow:hidden}.rankingBot:before,.rankingBot:after{position:absolute;bottom:0;left:50%;content:"";display:block;transform:translateX(-50%);width:110vw;height:50px}.rankingBot:before{background:#faf7f2}.rankingBot:after{border-radius:0 0 100% 100%;background:#fff}.rankingAreaList{display:none}.rankingSecWp{display:flex;flex-wrap:wrap;justify-content:center}@media screen and (max-width:959px){.rankingSec{display:block!important}.rankingSec:not(:first-child){margin-top:24px}.rankingSecWp{position:relative;overflow:hidden;padding-bottom:8px;max-height:210px;transition:max-height 0.3s ease-in-out}.rankingSecWp:before{position:absolute;left:0;bottom:-1px;z-index:1;content:"";display:inline-block;width:100%;height:60px;background:linear-gradient(to bottom,transparent,white)}.rankingSecWp.expanded:before{background:none}.rankingMore{text-align:center}.rankingMoreBtn{cursor:pointer;padding:8px 16px;font-weight:500;transition:background-color 0.3s}.rankingMoreBtn .m-ico{font-size:2rem}}.rankingSpot_inr{display:flex;flex-direction:column;width:100%}.rankingSpot_hd{order:-1;position:relative;margin:0 -16px;padding:10px 16px 8px 56px;background:#f6f7f4;border-top:solid 2px #697651}.rankingSpot_mark{display:inline-flex;justify-content:center;align-items:center;position:absolute;top:-6px;left:8px;margin:0;padding:2px 0;z-index:2;width:40px;height:32px;text-align:center;color:#fff;line-height:1.3;border-radius:2px 0 0 0}.rankingSpot_mark::before{position:absolute;content:'';top:0;right:-6px;border:none;border-bottom-width:6px;border-bottom-style:solid;border-right:solid 6px transparent}.rankingSpot_mark::after{content:'';position:absolute;left:0;top:100%;height:0;width:0;border-left-width:20px;border-right-width:20px;border-left-style:solid;border-right-style:solid;border-bottom:8px solid transparent}.rankingSec:first-of-type .rankingSpot_mark{background:linear-gradient(135deg,#e29218 0%,#e5be69 100%)}.rankingSec:nth-of-type(2) .rankingSpot_mark{background:linear-gradient(135deg,#4f4e4e 0%,#838383 100%)}.rankingSec:nth-of-type(3) .rankingSpot_mark{background:linear-gradient(135deg,#7a3f00 0%,#c0720b 100%)}.rankingSec:nth-of-type(n+4) .rankingSpot_mark{height:40px;background-color:#a39e93}.rankingSpot_mark span::before{content:counter(rankingnum);font-size:2rem;font-weight:500}.rankingSec:first-of-type .rankingSpot_mark span::before{content:"1"}.rankingSec:nth-of-type(2) .rankingSpot_mark span::before{content:"2"}.rankingSec:nth-of-type(3) .rankingSpot_mark span::before{content:"3"}.rankingSec:nth-of-type(4) .rankingSpot_mark span::before{content:"4"}.rankingSec:nth-of-type(5) .rankingSpot_mark span::before{content:"5"}.rankingSec:nth-of-type(6) .rankingSpot_mark span::before{content:"6"}.rankingSec:nth-of-type(7) .rankingSpot_mark span::before{content:"7"}.rankingSec:nth-of-type(8) .rankingSpot_mark span::before{content:"8"}.rankingSec:nth-of-type(9) .rankingSpot_mark span::before{content:"9"}.rankingSec:nth-of-type(10) .rankingSpot_mark span::before{content:"10"}.rankingSec:first-of-type .rankingSpot_mark::before{border-bottom-color:#c4820b}.rankingSec:nth-of-type(2) .rankingSpot_mark::before{border-bottom-color:#383838}.rankingSec:nth-of-type(3) .rankingSpot_mark::before{border-bottom-color:#542f03}.rankingSec:nth-of-type(n+4) .rankingSpot_mark::before{border-bottom-color:#55534f}.rankingSec:first-of-type .rankingSpot_mark::after{border-left-color:#e3aa45;border-right-color:#e4b960}.rankingSec:nth-of-type(2) .rankingSpot_mark::after{border-left-color:#6b6a6a;border-right-color:#7e7e7e}.rankingSec:nth-of-type(3) .rankingSpot_mark::after{border-left-color:#a05b06;border-right-color:#b76b0a}.rankingSec:nth-of-type(n+4) .rankingSpot_mark::after{border:none}.rankingSpot_ttl{line-height:1.3;font-size:2rem;font-weight:700}.rankingSpot_ttlPref{display:inline-flex;align-items:center;font-size:1.2rem;vertical-align:middle}.rankingSpot_ttlPref:before{content:"";display:inline-block;margin-right:4px;width:4px;height:1;border-top:solid 1px #000}.rankingSpot_ttlRuby{display:block;font-size:1.2rem}.rankingSpot_img{order:-1;margin-top:8px}.rankingSpot_img figure{position:relative;overflow:hidden;padding-top:calc(500 / 800* 100%)}.rankingSpot_img figure img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.1,1.1);image-rendering:-webkit-optimize-contrast;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.rankingSpot_img figcaption{position:absolute;right:0;bottom:3px;padding:0 5px;color:#fff;font-size:1.2rem;line-height:1.2;text-shadow:0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%)}.rankingSpot_dl{margin-top:8px}.rankingSpot_dl dt{font-size:1.6rem;font-weight:700}.rankingSpot_dl dd{margin-top:8px;font-size:1.4rem}.rankingSpot_bt{order:-1;display:flex;justify-content:flex-end;margin-top:4px}.rankingSpot_bt button{cursor:pointer;color:#63625e;font-size:1.4rem;font-weight:500;transition:0.2s opacity}.rankingSpot_btmap{margin-right:2px;font-size:2rem}.rankingSpot_btarrow{margin-left:2px}.rankingHtl{margin-top:32px;width:100%}.rankingHtl_ttl{display:flex;justify-content:center;align-items:center;text-align:center;font-family:"Noto Serif JP",serif;font-size:2rem;font-weight:600}.rankingHtl_ttl:before,.rankingHtl_ttl:after{content:"";display:inline-block;flex:1;height:14px;background:radial-gradient(circle farthest-side,#b81919,#b81919 28%,transparent 28%,transparent);background-size:14px}.rankingHtl_ttl:before{margin-right:8px;background-position:right bottom}.rankingHtl_ttl:after{margin-left:8px;background-position:left bottom}.rankingCassette{display:flex;flex-wrap:wrap;margin-left:-8px}.rankingCassette_item{margin:16px 0 0 8px;width:calc(100% / 2 - 8px)}.rankingCassette_item a{display:flex;flex-direction:column;transition:0.2s opacity}.rankingCassette_img{order:-1;position:relative;overflow:hidden;padding-top:calc(350 / 500* 100%)}.rankingCassette_img img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.1);width:100%;height:100%;object-fit:cover;object-position:50% 50%}.rankingCassette_ttl{margin-top:4px;font-weight:700}.rankingCassette_enquete{display:flex;align-items:center;flex-wrap:wrap;font-size:1.4rem;line-height:1.3}.rankingCassette_enquete dt{margin-bottom:4px;width:100%}.rankingCassette_enquete dd+dd{margin-left:8px}.rankingCassette_enquete img{vertical-align:text-top}.rankingLink_plan{position:relative;z-index:2;margin-top:16px;width:100%}.rankingLink_planBt{cursor:pointer;width:100%}.rankingLink_planBt:hover{opacity:1}.rankingLink_planBt .m-ico{font-size:2rem}.rankingLink_planBt .m-ico:before{line-height:1;transform:rotateZ(0deg);transition:all .3s ease}.rankingLink_planBt[aria-expanded=true] .m-ico:before{transform:rotateZ(179deg)}.rankingplan{position:absolute;left:50%;top:100%;z-index:1;transform:translateX(-50%) scaleY(0);visibility:hidden;opacity:0;padding-top:10px;width:300px;transition:opacity .3s,visibility .3s,transform 0.3s ease 0s;transform-origin:center top}.rankingplan[aria-hidden=false]{visibility:visible;opacity:1;transform:translateX(-50%) scaleY(1)}.rankingplanList{position:relative;padding:4px 16px;border-radius:12px;background-color:rgba(0,0,0,.8)}.rankingplanList:before{position:absolute;left:50%;bottom:100%;content:"";display:inline-block;margin-left:-4px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(0,0,0,.7)}.rankingplan.-top{top:inherit;bottom:100%;padding:0 0 10px 0;transform-origin:center bottom}.rankingplan.-top .rankingplanList:before{bottom:inherit;top:100%;border-bottom:none;border-top:8px solid rgba(0,0,0,.7)}.rankingplanList_item:not(:first-child){border-top:dotted 1px #666}.rankingplanList_item a{position:relative;display:flex;justify-content:space-between;padding:8px 32px;color:#fff;font-size:1.4rem;transition:opacity .2s}.rankingplan_ico{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:2.5rem}.rankingplan_arrow{position:absolute;right:0;top:50%;transform:translateY(-50%)}.rankingLink_rankinglist{margin-top:16px;width:100%}.ctaBt_ranking{position:relative;display:flex;justify-content:center;align-items:center;min-height:60px;line-height:1.3;color:#86684e!important;font-size:1.4rem;font-weight:700;border-radius:50vw;background:#eae0d7;transition:opacity 0.2s}.ctaBt_ranking .m-ico{position:absolute;right:10px;top:50%;transform:translateY(-50%);line-height:1;color:#fff;font-size:100%;display:flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:50vw;background:#86684e}.ctaBt_ranking{font-weight:700}@media screen and (max-width:959px){.ctaBt_ranking{flex-direction:column}.rankingSpot{order:-1}.rankingSecWp .rankingLink_plan{order:-1}}@media print,screen and (min-width:960px){.ctaBt_ranking{font-size:1.6rem}.ctaBt_ranking:hover{opacity:.6}}#modal_map{max-width:832px;border-radius:8px}@media screen and (max-width:959px){#modal_map{height:85%!important}#modal_map .modal-header{display:none}#modal_map .modal-close{top:-32px;color:#fff}}.onsenareaInfo{display:flex;flex-direction:column}.areaMapList_item{z-index:0}.areaMapList_box{position:relative;cursor:pointer;transition:background .2s}.areaMapList_box[aria-selected="true"]{position:relative;color:#fff!important;border-color:#b81919;background:#b81919}.areaAccsessSec{flex:1;display:flex;flex-direction:column;margin-top:8px}.areaAccsessCon{position:relative}.areaAccsess_ttl{position:relative;padding:12px 16px 8px;text-align:center;font-size:1.6rem;font-weight:700;line-height:1.3;background:#f6f7f4;border-top:solid 2px #697651}
.areaAccsess_ranking{position:absolute;top:0;width:100%;text-align:center;transform:translateY(-60%)}.areaAccsess_ranking span{line-height:1;padding:2px 8px;color:#fff;font-size:1.2rem;font-weight:500;border-radius:50vw;background:#ccc}.areaAccsessSec:first-of-type .areaAccsess_ranking span{background:linear-gradient(135deg,#e29218 0%,#e5be69 100%)}.areaAccsessSec:nth-of-type(2) .areaAccsess_ranking span{background:linear-gradient(135deg,#4f4e4e 0%,#838383 100%)}.areaAccsessSec:nth-of-type(3) .areaAccsess_ranking span{background:linear-gradient(135deg,#7a3f00 0%,#c0720b 100%)}.areaAccsessSec:nth-of-type(n+4) .areaAccsess_ranking span{background-color:#a39e93}.areaAccsessCon{flex:1}.areaAccsess_dl{margin-top:8px;font-size:1.4rem}.areaAccsess_dlbox{display:flex}.areaAccsess_dlbox:not(:first-child){margin-top:4px;padding-top:4px;border-top:dashed 1px #d8d8cb}.areaAccsess_dlbox dt{width:32px}.areaAccsess_dlbox dt .m-ico{display:flex;justify-content:center;align-content:center;width:25px;height:25px;font-size:2rem;line-height:1;background:#f5f5f5;border-radius:50vw}.areaAccsess_dlbox dd{flex:1}.areaAccsess_bt{margin-top:16px}.areaAccsess_btList{display:flex;flex-wrap:wrap;margin:-8px 0 0 -8px}.areaAccsess_btitem{margin:8px 0 0 8px;width:calc(100% / 2 - 8px)}.areaAccsess_btitem.-wide{width:calc(100% - 8px)}.modalArrow{position:absolute;left:0;top:calc(100% + 4px);display:flex;justify-content:space-between;width:100%}.modal-arrowBt{cursor:pointer;color:#fff;transition:opacity 0.2s}.modal-btPrev{margin-left:4px}.modal-btNext{margin-right:4px}@media print,screen and (min-width:960px){.rankingBot{height:400px}.rankingBot:before,.rankingBot:after{height:400px}.rankingWp{display:flex;flex-direction:row-reverse}.rankingAreaList{display:block;margin:0;width:250px}.rankingTabList{counter-reset:listnum;background:#eeebe6}.rankingTabList_item{border-top:solid 1px #dedbd5}.rankingTabList_item:last-child{border-bottom:solid 1px #dedbd5}.rankingTab_bt{cursor:pointer;display:flex;align-items:center;padding:8px 16px;width:100%;min-height:65px;transition:0.2s background}.rankingTab_bt[aria-selected="false"]:hover{background:#d5d2ce}.rankingTab_bt[aria-selected="true"]:after{position:absolute;right:100%;top:50%;transform:translateY(-50%);z-index:1;content:"";display:inline-block;width:0;height:0;border-right:8px solid #697651;border-top:8px solid transparent;border-bottom:8px solid transparent}.rankingTab_bt[aria-selected="true"] .rankingTabList_txtPref:before{border-top-color:#fff}.rankingTabList_rank{width:30px;height:30px}.rankingTabList_itemBox{margin-left:8px}.rankingTabList_txtPref{display:inline-flex;align-items:center;font-size:1.4rem;vertical-align:middle}.rankingTabList_txtPref:before{content:"";display:inline-block;margin-right:4px;width:4px;height:1;border-top:solid 1px #000}.rankingTabList_rank{display:flex;justify-content:center;align-items:center;width:26px;height:26px;color:#fff;line-height:1;border-radius:50vw;background:#ccc}.rankingTabList_item:first-of-type .rankingTabList_rank{background:linear-gradient(135deg,#e29218 0%,#e5be69 100%)}.rankingTabList_item:nth-of-type(2) .rankingTabList_rank{background:linear-gradient(135deg,#4f4e4e 0%,#838383 100%)}.rankingTabList_item:nth-of-type(3) .rankingTabList_rank{background:linear-gradient(135deg,#7a3f00 0%,#c0720b 100%)}.rankingTabList_item:nth-of-type(n+4) .rankingTabList_rank{background-color:#a39e93}.rankingTabList_rank span::before{counter-increment:listnum;content:counter(listnum)}.rankingTab_bt[aria-selected="true"]{position:relative;font-weight:700;color:#fff;background:#697651}.rankingBd{flex:1;margin-right:56px}.rankingSpot{position:relative;display:flex}.rankingSpot:before{margin-left:-1px;content:"";width:1px;height:0;padding-top:calc(200 / 300 * (50% - 32px))}.rankingSpot_inr{display:block;flex:1}.rankingSpot_hd{margin:0 0 0 50%}.rankingSpot_ttl{font-size:2.4rem}.rankingSpot_ttlPref{font-size:1.6rem}.rankingSpot_ttlRuby{font-size:1.4rem}.rankingSpot_img{position:absolute;left:0;top:0;margin-top:0;width:calc(50% - 32px)}.rankingSpot_img img{image-rendering:-webkit-optimize-contrast;transition:transform 0.3s ease}.rankingSpot_dl{margin:16px 0 0 50%}.rankingSpot_dl dt{margin:0 4px;font-size:1.8rem}.rankingSpot_dl dd{padding:0 4px 2px;font-size:1.6rem;background-color:#fff;background-image:linear-gradient(90deg,transparent 0%,transparent 50%,#fff 50%,#fff 100%),linear-gradient(180deg,#e1ddd6 1px,transparent 1px);background-size:8px 100%,100% 2.5em;line-height:2.5em}.rankingSpot_bt{margin:16px 0 0 50%}.rankingSpot_bt button{font-size:1.6rem;font-weight:400}.rankingSpot_bt button:hover{opacity:.6}.rankingHtl{margin-top:40px}.rankingHtl_ttl{font-size:2.7rem;letter-spacing:.1em}.rankingHtl_ttl:before,.rankingHtl_ttl:after{width:100px;height:15px;background:radial-gradient(circle farthest-side,#b81919,#b81919 30%,transparent 30%,transparent);background-size:15px}.rankingHtl_ttl:before{margin-right:24px}.rankingHtl_ttl:after{margin-left:24px}.rankingCassette{margin-left:-24px}.rankingCassette_item{margin:24px 0 0 24px;width:calc(100% / 4 - 24px)}.rankingCassette_item a:hover{opacity:.6}.rankingSec[aria-hidden="false"]{display:block}.rankingSec[aria-hidden="true"]{display:none}.rankingSecWp .rankingLink_plan{margin-top:56px;width:calc(100% / 2 - 32px)}.rankingSecWp .rankingLink_rankinglist{margin-top:56px;width:calc(100% / 2 - 32px)}.rankingSecWp .rankingLink_plan+.rankingLink_rankinglist{margin-left:24px}.rankingplanList_item a:hover{opacity:.6}.onsenareaInfo{flex-direction:row;justify-content:space-between;padding:32px}.areaMapList_box[aria-selected="false"]:hover{background-color:rgba(255,255,255,1)}.areaMapList_item:before{left:-8px;top:-9px;z-index:1;height:14px;font-size:1.2rem}.areaAccsessSec{margin:0 0 0 16px}.areaAccsess_ttl{padding:16px 16px 8px;font-size:1.8rem}.areaAccsess_ranking{position:absolute;top:0;width:100%;text-align:center;transform:translateY(-55%)}.areaAccsess_ranking span{padding:3px 12px}.areaAccsess_dl{margin-top:16px;font-size:1.6rem}.areaAccsess_dlbox:not(:first-child){margin-top:16px;padding-top:16px}.areaAccsess_dlbox dt{width:50px}.areaAccsess_dlbox dt .m-ico{width:40px;height:40px;font-size:2.5rem}.areaAccsess_dlbox dd{padding-top:8px}.modal-arrowBt:hover{opacity:.6}}

/*  KEYWORDS
============================================================================= */
.keywords{background:#faf7f2}

/*  QUALITY
============================================================================= */
.quality{background:#faf7f2}.qualityTabList_item{border-color:#d4d1cc;background-color:rgba(255,255,255,.7)}.quality_detailBox{border-color:#d4d1cc}.quality_detailBox:nth-of-type(2){border-bottom:solid 1px #d4d1cc}.quality_detailBox:last-of-type{display:none}@media screen and (min-width:960px){.qualityTab_bt[aria-selected="false"]:hover{background:#eae7e1}}.quality_detailBox dt{background:#eae7e1}

/*  ARTICLE
============================================================================= */
.article{background:#faf7f2}.articleCasetteBnList{display:flex;flex-wrap:wrap;margin:8px 0 0 -8px}.articleCasetteBnList_item{margin:16px 0 0 8px;width:calc(100% / 2 - 8px)}.articleCasetteBnList_item a{position:relative;display:block;overflow:hidden;transition:all 0.3s ease;color:#fff!important;font-weight:700;line-height:1.3}.articleCasetteBnList_item a img{image-rendering:-webkit-optimize-contrast;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform 0.3s ease}.articleCasetteBnList_txt{position:absolute;z-index:1;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:5px}.articleCasetteBnList_txt p{text-align:center}.articleCasetteBnList_txt p:before{content:"#";margin-right:5px}.articleCasetteBnList_photo{position:relative}.articleCasetteBnList_photo:after{position:absolute;left:0;top:0;content:"";width:100%;height:100%;background-color:rgba(0,0,0,.3)}@media print,screen and (min-width:960px){.articleCasetteBnList{margin:0 0 0 -32px}.articleCasetteBnList_item{margin:32px 0 0 32px;width:calc(100% / 3 - 32px)}.articleCasetteBnList_item a{height:150px}.articleCasetteBnList_item a:hover img{transform:scale(1.1)}.articleCasetteBnList_item a:hover{opacity:.6}.articleCasetteBnList_txt{letter-spacing:.1em}}

/*  FEATURE
============================================================================= */
.feature{background:#faf7f2}

/*  TABISUGO
============================================================================= */
#jtbonly{background:#faf7f2}#jtbonly .jtbonly-sect__inner{padding:16px 0;background:#fff}#jtbonly>.page-title-h2__wrap{margin:0 16px}#jtbonly .sect{overflow:inherit;margin:0 16px;padding:0}#jtbonly .page-title-h2{color:#697651;text-align:center;font-weight:700}#jtbonly .page-title-h2 br{display:none}#jtbonly .jtbonlyTtl{margin:8px 16px 0;text-align:center}.jtbonlyTtl img{width:120px;height:auto}.jtbonlyAbout{margin-top:16px}.jtbonlyAbout_ttl span{display:inline-block;padding:4px 16px;color:#697651;line-height:1.3;font-weight:700;border-radius:50vw;background:#f5f5f5}.jtbonlyAbout_txt{margin-top:8px}.jtbonlyAbout_txt .kome{position:relative;margin-top:16px;padding-left:calc(1em + 4px);font-size:1.2rem}.jtbonlyAbout_txt .kome:before{position:absolute;left:0;top:0;content:"\203B"}.jtbonlyAbout_txt .tabisugo_plus{display:inline-block;margin:0 8px;width:80px;height:auto}.jtbonly__unit{position:relative;margin-top:24px;padding-top:24px}.jtbonly__unit:before{position:absolute;left:0;top:-7px;content:'';display:inline-block;width:100%;height:15px;background:radial-gradient(circle farthest-side,#697651,#697651 30%,transparent 30%,transparent);background-size:15px}.jtbonly__unit.-green,.jtbonly__unit.-brown{position:relative}.jtbonly__unit.-green .page-title-h4,.jtbonly__unit.-brown .page-title-h4{font-size:1.8rem;font-weight:700}.jtbonly__unit.-green .page-title-h4 .tabisugo_plus,.jtbonly__unit.-brown .page-title-h4 .tabisugo_plus{display:inline-block;line-height:1;width:80px;height:auto;vertical-align:text-bottom}.jtbonly-wrap__cassette{margin-top:16px}.jtbonly-wrap__cassette__item:last-of-type{margin-top:16px}.jtbonly-ly-btn-column{margin-top:16px}.jtbonly-ly-btn-column a{color:#697651;font-weight:700}.jtbonly-ly-btn-column a span{font-weight:700;text-decoration:underline}.jtbonly-ly-btn-column a:after{margin-left:4px;font-family:'Material Icons Round';content:"\e89e";line-height:1;font-size:100%;vertical-align:middle;text-decoration:none}.jtbonly-ttl{font-size:1.8rem;text-align:center;font-weight:700}.jtbonly-txt{line-height:1.6;margin-bottom:8px}.jtbonly-txt.-center{margin-top:16px;text-align:center}.jtbonly_slider img,.jtbonly_noslider img{width:100%;height:250px;object-fit:cover}@media print,screen and (min-width:960px){.jtbonly_slider img,.jtbonly_noslider img{height:350px}}.jtbonly_slider .slick-slide{position:relative;margin:0 10px}.jtbonly_slider .slick-dots{text-align:center;margin:20px 0 0 0}.jtbonly_slider .slick-dots li{display:inline-block;margin:0 5px}.slick-dots button{background:#ccc}.slick-dots .slick-active button{background:#697651}.jtbonly_slider .slick-slide .caption{position:absolute;left:0;bottom:0;z-index:2;width:100%;padding:6px 12px;text-shadow:#323743 1px 1px 2px,#323743 -1px 1px 2px,#323743 1px -1px 2px,#323743 -1px -1px 2px;color:#fff;font-size:1.4rem;opacity:0;transition:.2s ease}.jtbonly_slider .slick-current .caption{opacity:1;transition-delay:.5s}.jtbonly_noslider{position:relative}.jtbonly_noslider img{width:100%;height:auto;display:block;user-select:none;-webkit-tap-highlight-color:transparent}.jtbonly_noslider .caption{position:absolute;left:0;bottom:2px;z-index:2;padding:0 4px;line-height:1.3;font-size:1.2rem;text-shadow:#323743 1px 1px 2px,#323743 -1px 1px 2px,#323743 1px -1px 2px,#323743 -1px -1px 2px;color:#fff}.feature-sect__more{margin-top:24px;text-align:center}.feature-sect__more a{position:relative;display:inline-block;padding:16px;width:100%;color:#86684e;font-size:1.4rem;font-weight:700;background:#eae0d7;border-radius:50vw;transition:0.2s opacity}.feature-sect__more a:after{position:absolute;right:24px;top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;font-family:'Material Icons Round';content:"\e89e";line-height:1;font-size:100%}.jtbonly-txt img.tabisugo{width:285px;height:auto;vertical-align:middle}.jtbonly-txt img.tabisugo_plus{width:100px;height:auto;vertical-align:middle}.jtbonly-txt span{display:inline-block;margin-top:8px;vertical-align:middle}.jtbonly-moreplan{position:relative;margin-top:24px;padding-top:24px}.jtbonly-moreplan:before{position:absolute;left:0;top:-5px;content:'';display:inline-block;width:100%;height:15px;background:radial-gradient(circle farthest-side,#697651,#697651 30%,transparent 30%,transparent);background-size:15px}.jtbonly-moreplan_wp{display:flex;justify-content:center;margin-top:16px}@media screen and (max-width:959px){.jtbonly-moreplan_wp{padding:0 8px}}.jtbonly-moreplan_item{width:calc(100% / 2)}.jtbonly-moreplan_item:not(:first-child){margin-left:8px}.jtbonly-moreplan_item a{position:relative;display:block;padding:32px 8px 8px;height:100%;text-decoration:none;border-radius:4px;border:solid 1px #BCBDC2;transition:0.2s opacity}.jtbonly-moreplan_item dt{display:flex;align-items:flex-start;font-weight:700;line-height:1.3}.jtbonly-moreplan_item dt .tabisugo_plus{position:absolute;top:8px;margin-left:auto;width:80px;height:auto}.jtbonly-moreplan_item dd{margin-top:8px;font-size:1.4rem}.jtbonly-moreplan .swipeBarThumb{background:#666}.jtbonly-moreplan .swipeBt{margin-top:-25px;background:#666;border-color:#666}@media screen and (max-width:959px){.jtbonly-moreplan .swipeBt{display:none}}.allarea-btn-htl{margin:16px auto 0;width:100%;max-width:650px}.allarea-btn-tour{margin:16px auto 0;width:100%;max-width:650px}.allarea-btn-htl+.allarea-btn-tour{margin-top:8px}.allarea-btn-htl a,.allarea-btn-tour-p a{position:relative;display:flex;align-items:center;justify-content:center;padding:16px;color:#fff;font-size:1.4rem;font-weight:700;text-align:center;text-decoration:none;line-height:1.2;border-radius:50vw;background:url(/onsen/_images/area/nav_bg.webp) repeat #63625e;;overflow:hidden}.allarea-btn-htl span,.allarea-btn-htl span,.allarea-btn-tour-p span{display:flex;align-items:center;font-weight:700}.allarea-btn-htl a:after,.allarea-btn-tour-p a:after{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-family:'Material Icons Round';content:"\e5c8";line-height:1;font-size:100%;display:flex;justify-content:center;align-items:center;width:20px;height:20px;color:#60462f;border-radius:50vw;background:#fff}.allarea-btn-htl span.icon-htl:before,.allarea-btn-tour span.icon-jr:before,.allarea-btn-tour span.icon-air:before{margin-right:8px;display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;font-family:'Material Icons Round';color:#63625e;font-size:2rem;font-weight:400;line-height:1;border-radius:50vw;background:#fff}.allarea-btn-htl span.icon-htl:before{content:"\ea40"}.allarea-btn-tour span.icon-jr:before{content:"\e570"}.allarea-btn-tour span.icon-air:before{content:"\e539"}.allarea-btn-tour-p{margin-top:8px;width:100%}#jtbonly .dept_kokunai_TYO{display:block!important}#jtbonly .dept_kokunai_SPK,#jtbonly .dept_kokunai_SDJ,#jtbonly .dept_kokunai_NGO,#jtbonly .dept_kokunai_HKJ,#jtbonly .dept_kokunai_OSA,#jtbonly .dept_kokunai_HIJ,#jtbonly .dept_kokunai_FUK,#jtbonly .s-none_TYO{display:none!important}@media screen and (max-width:959px){.jtbonly-sect__inner{position:relative;overflow:hidden;max-height:210px;transition:max-height 0.3s ease-in-out}.jtbonly-sect__inner:before{position:absolute;left:0;bottom:0;z-index:1;content:"";display:inline-block;width:100%;height:30px;background:linear-gradient(to bottom,transparent,#faf7f2)}.jtbonly-sect__inner.expanded:before{background:none}.jtbonlyMore{text-align:center}.jtbonlyMoreBtn{cursor:pointer;padding:8px 16px;font-weight:500;transition:background-color 0.3s}.jtbonlyMoreBtn .m-ico{font-size:2rem}}@media print,screen and (min-width:960px){#jtbonly .jtbonly-sect__inner{margin:0 auto;padding:40px;width:100%;max-width:1280px}#jtbonly .jtbonlyTtl{margin:8px 0 0}.jtbonlyTtl img{width:200px}#jtbonly .sect{margin:0}.jtbonlyAbout{margin-top:8px}.jtbonlyAbout_ttl span{padding:8px 16px;font-size:1.6rem}.jtbonlyAbout_txt{font-size:1.7rem}.jtbonly__unit{margin-top:40px;padding-top:40px}.jtbonly__unit.-green,.jtbonly__unit.-brown{min-height:434px}.jtbonly__unit.-green .page-title-h4,.jtbonly__unit.-brown .page-title-h4{margin-left:calc(45% + 40px);font-size:2.1rem}.jtbonly__unit.-green .page-title-h4 a,.jtbonly__unit.-brown .page-title-h4 a{line-height:1.3;color:#323743}.jtbonly__unit.-green .page-title-h4 .tabisugo_plus,.jtbonly__unit.-brown .page-title-h4 .tabisugo_plus{width:100px}.jtbonly-wrap__cassette{margin-top:24px;margin-left:calc(45% + 40px)}.jtbonly-wrap__cassette__item:first-of-type{position:absolute;left:0;top:40px;width:45%}.jtbonly-ly-btn-column{margin-top:24px;text-align:right}.jtbonly-ly-btn-column a{display:inline-flex;align-items:center}.jtbonly-ly-btn-column a:hover span{text-decoration:none}.jtbonly-ttl{font-size:2.1rem}.jtbonly-txt{font-size:1.7rem}.jtbonly-moreplan .swipeInr{padding-bottom:0}.jtbonly-moreplan .swipeBar{display:none}.slick-dots .slick-active button{background:#03A3A9}.jtbonly_noslider .caption{width:469px;padding:6px 12px;font-size:1.4rem;position:absolute;left:0;bottom:0}.feature-sect__more{margin-top:32px}.feature-sect__more a{max-width:600px;font-size:1.6rem}.feature-sect__more a:hover{opacity:.6}.jtbonly-moreplan{margin-top:32px;padding-top:32px}.jtbonly-moreplan_item{width:calc(100% / 3)}.jtbonly-moreplan_item a{padding:40px 16px 16px}.jtbonly-moreplan_item a:hover{opacity:.6}.jtbonly-moreplan_item dt .tabisugo_plus{top:16px;width:70px}.jtbonly-moreplan_item dd{font-size:1.6rem}.allarea-btn-htl{margin:35px auto 0}.allarea-btn-tour{margin:24px auto 0}.allarea-btn_two{display:flex;justify-content:space-evenly;margin-left:-10px}.allarea-btn-tour-p{margin:0 0 0 10px}.allarea-btn-htl a,.allarea-btn-tour-p a{font-size:1.6rem}.allarea-btn-htl:hover,.allarea-btn-tour-p:hover{opacity:.6;transition:all 0.4s ease}.allarea-btn-htl span.icon-htl:before,.allarea-btn-tour span.icon-jr:before,.allarea-btn-tour span.icon-air:before{width:32px;height:32px;font-size:2.5rem}}

/*  SEARCH
============================================================================= */
.datesearch{background:#eeebe6}

/*  MODAL
============================================================================= */
.open-modal{cursor:pointer;margin-right:10px;padding:10px;color:#333;border-radius:4px;border:1px solid #ccc;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;background-color:#f1f1f1}.open-modal:focus{border-color:#81c2e3;outline:0;box-shadow:0 0 0 .25rem rgba(2,132,199,.25)}@media screen and (max-width:959px){html.modal-lock{overflow:inherit}body.modal-lock{height:calc(var(--window-inner-height) - 1px);overflow:hidden;box-sizing:border-box}}@media screen and (min-width:960px){body.modal-lock{position:fixed;width:100%;height:100%;left:0;overflow-y:scroll;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.modal{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);max-height:85%;background:#fff}.modal-wrap *{box-sizing:border-box}.modal-wrap{z-index:1002;display:none;position:fixed;top:0;left:0;width:100%;height:100%}.modal-overlay{z-index:1001;display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.modal-close{position:absolute;right:0;top:6px;font-size:2.5rem;cursor:pointer;transition:opacity 0.4s ease,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.modal-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(255,255,255,.25)}.modal-close .m-ico{margin:0}.modal-block{display:flex;flex-direction:column;height:100%}.modal-header{display:flex;align-items:center;padding:0 10px;height:48px;box-shadow:0 1px 3px rgb(0 0 0 / 30%);background-color:#fff}.modal-header_ttl{flex-grow:1;text-align:center;padding:0 40px;font-size:2rem;font-weight:700}.modal-content{flex:1;padding:16px;overflow-y:auto}.modal-content::-webkit-scrollbar{background:#ccc;width:3px;border-radius:50vw}.modal-content::-webkit-scrollbar-thumb{border-radius:50vw;background:#aaa}@media screen and (min-width:960px){.modal{padding:8px;width:1200px}.modal-close{right:-30px;top:-40px;color:#fff}.modal-header{display:none}.modal-content{padding:24px}.modal-content::-webkit-scrollbar{width:8px}.modal-close:hover{opacity:.6}}