@charset "utf-8";

/*  MV
============================================================================= */
.mvh1{position:absolute;left:0;top:0;z-index:2;width:100%}.mvh1Inr{display:flex;justify-content:space-between;margin:0 auto;width:100%;max-width:1280px}.mvh1Box{font-family:"Noto Serif JP",serif;font-weight:700}.mvh1Box span{display:inline-block;padding:4px 8px;color:#fff;font-size:1.4rem;font-weight:700;background-color:rgba(0,0,0,.5)}.mvSide{height:250px}.mvCnt{padding:4px;background:url(/onsen/_images/top/mv_bg.webp) center / cover no-repeat}.mvCnt_logo{margin:0 auto;width:200px}.logo_painting{fill:#fff}.logo_painting2{fill:#fff}@media screen and (max-width:959px){.mvCnt_logo{position:absolute;left:50%;top:40px;transform:translateX(-50%);z-index:100;margin:0 auto}.mvLogo svg{filter:drop-shadow(0 3px 6px rgba(0,0,0,.9));transform:translateZ(0)}}.mvCnt_txt{font-size:1.2rem;line-height:1.7}@media screen and (max-width:959px){.mvCnt_txt{text-align:center}.mvCnt_txt span{display:block}}.mvSide{position:relative;overflow:hidden}.mvSlider{height:100%}.mvSliderWp{display:flex;width:100%;height:100%}.mvImg{flex:1;position:relative}.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,1.4);opacity:.5}66%{transform:rotateY(10deg);transform:scaleY(1.8,1);opacity:.4}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:.1}33%{transform:rotateY(40deg);transform:scale(.8,1);opacity:.4}66%{transform:rotateY(2deg);transform:scaleY(1,1.2)}100%{bottom:0;filter:blur(20px);transform:rotateY(50deg);transform:scaleY(1.2,1.4);opacity:0}}@media print,screen and (min-width:960px){.mvCnt,.mvSide{height:590px}.mvh1Box span{padding:8px;font-size:1.6rem}.mvCnt{position:relative;z-index:2;margin:0 auto;padding:32px;width:380px}.mvCnt_logo{width:284px}.mvCnt_txt{margin-top:24px;font-size:1.6rem}.logo_painting{fill:#655238;filter:none}.logo_painting2{fill:#655238;filter:none}.mvSide{position:absolute;left:0;top:0;overflow:hidden;width:100%}.mvImg{padding-top:0;height:100%}.mvImg:not(:first-child){margin-left:380px}.mvImg_caption{left:0;padding:0 8px}.mvImg:first-child .mvImg_caption{text-align:left}}

/*  PAGENAV
============================================================================= */
.pagenavList{display:flex}.pagenavWp{flex:1;display:flex;width:50%}@media screen and (max-width:959px){.pagenav_item{flex:1}}.pagenav_item a{display:block;height:100%}.pagenav_box{position:relative;display:flex;flex-direction:column-reverse;align-content:center;padding:4px;height:100%;font-size:1.2rem;background-color:rgba(227,223,216,.9)}.pagenav_box:before,.pagenav_box:after{position:absolute;content:"";display:inline-block;width:10px;height:9px;background:url(/onsen/_images/top/nav_kado.webp) center / 100% auto no-repeat}.pagenav_box:before{right:0;top:2px}.pagenav_box:after{left:0;bottom:2px;transform:rotate(180deg)}.pagenav_txt{flex:1;display:flex;justify-content:center;align-items:center;margin-top:2px;text-align:center;font-family:"Noto Serif JP",serif;font-optical-sizing:auto;font-weight:700;line-height:1.3}.pagenav_ico{text-align:center}@media screen and (max-width:959px){.pagenav{width:100%;background:#e6e2dc}.pagenav_ico{height:18px}.pagenav_ico img{width:auto;height:100%}.navfixed .pagenav{position:fixed;top:0;z-index:100;border-bottom:solid 2px #e6e2dc;background:#fff;transform:translateY(-100%);animation:0.3s forwards navslidein}.navfixed .pagenav_item{position:relative}.navfixed .pagenav_item:not(:first-child):before,.navfixed .pagenavWp:last-child .pagenav_item:last-child:after{position:absolute;top:50%;transform:translateY(-50%);content:"";display:inline-block;width:1px;height:60%;background:#e6e2dc}.navfixed .pagenav_box{min-height:50px;background:none}.navfixed .pagenav_box:before,.navfixed .pagenav_box:after{display:none}.navfixed .pagenav .pagenav_ico{display:none}}@media print,screen and (min-width:960px){.pagenav{position:absolute;left:0;top:200px;z-index:1;width:100%}.pagenavList{justify-content:space-between;flex-direction:row-reverse}.pagenavWp{justify-content:center;flex-direction:row-reverse}.pagenavWp:not(:first-child){margin-right:380px}.pagenav_item{width:100px;height:280px}.pagenav_item:not(:first-child){margin-right:5%}.pagenav_item a{display:block;height:100%}.pagenav_box{transition:transform .2s;padding:16px;font-size:100%}.pagenav_box:before,.pagenav_box:after{width:20px;height:18px}.pagenav_box:before{right:2px}.pagenav_box:after{left:2px}.pagenav_item a:hover .pagenav_box{transform:translateY(-24px)}.pagenav_txt{-ms-writing-mode:tb-rl;writing-mode:vertical-rl;font-size:1.8rem;font-family:"Noto Serif JP",serif;letter-spacing:.2em}.pagenav_ico{position:absolute;left:50%;top:0;transform:translate(-50%,-50%)}.navfixed .pagenav{position:fixed;top:0;z-index:100;border-bottom:solid 2px #e6e2dc;background:#fff;transform:translateY(-100%);animation:0.3s forwards navslidein}.navfixed .pagenavList{flex-direction:row;margin:0 auto;width:100%;max-width:1280px}.navfixed .pagenavWp{margin-right:0!important;flex-direction:row}.navfixed .pagenav_item{position:relative;margin:0!important;width:100%;height:auto}.navfixed .pagenav_item:before,.navfixed .pagenavWp:last-child .pagenav_item:last-child:after{position:absolute;top:50%;transform:translateY(-50%);content:"";display:inline-block;width:1px;height:60%;background:#e6e2dc}.navfixed .pagenav_item:before{left:0}.navfixed .pagenavWp:last-child .pagenav_item:last-child:after{right:0}.navfixed .pagenav_box{padding:12px 8px;background:none;transition:opacity .2s}.navfixed .pagenav_item a:hover .pagenav_box{transform:translateY(0);opacity:.6}.navfixed .pagenav_box:before,.navfixed .pagenav_box:after{display:none}.navfixed .pagenav_txt{display:flex;flex-direction:column;line-height:1.3;-ms-writing-mode:horizontal-tb;writing-mode:horizontal-tb}.navfixed .pagenav_ico{display:none}.navfixed .pagenav_txt span{margin-top:2px;font-size:1.4rem}}@keyframes navslidein{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}

/*  AREA
============================================================================= */
.areaWp{margin-top:24px}.allMap{position:relative}.allMap_bt{cursor:pointer;position:absolute;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;padding:4px 0 4px 8px;min-height:30px;line-height:1;font-size:1.3rem;border-radius:50vw;border:solid 1px #889e3b;background:#fff;white-space:nowrap;transition:background .2s}.allMap_bt[aria-selected="false"]:hover{background:#eff2e9}.allMap_bt:nth-child(1){left:59%;top:9%}.allMap_bt:nth-child(2){left:85%;top:35%}.allMap_bt:nth-child(3){left:80%;top:60%}.allMap_bt:nth-child(4){left:79%;top:71%}.allMap_bt:nth-child(5){left:73%;top:82%}.allMap_bt:nth-child(6){left:54%;top:44%}.allMap_bt:nth-child(7){left:55%;top:82%}.allMap_bt:nth-child(8){left:39%;top:52%}.allMap_bt:nth-child(9){left:37%;top:62%}.allMap_bt:nth-child(10){left:14%;top:64%}.allMap_bt:nth-child(11){left:28%;top:95%}.map_df{fill:url(#bg-pattern)}.map_line{fill:#BBBABA}.map_ac{fill:url(#bg-pattern_ac)}.map_area{opacity:0;transition:opacity .2s}.map_area.is-active{opacity:1}.allMap_bt .m-ico{line-height:1;font-size:2rem;color:#889e3b}.allMap_bt[aria-selected="true"]{color:#fff;font-weight:500;border-color:#b81919;background:#b81919}.allMap_bt[aria-selected="true"] .m-ico{color:#fff}.areaInfo{position:relative;padding:16px 8px 0}.areaInfoDl{margin-top:32px}.areaInfoDl dt{font-weight:700}.areaInfoList{display:flex;flex-wrap:wrap;margin:16px 0 0 -24px}.areaInfoList_item{margin:16px 0 0 24px}.areaInfo_df{display:flex;flex-direction:column;justify-content:center;height:100%}.areaInfoTxt{font-size:2.4rem;font-weight:700}.areaInfoModal[aria-hidden="true"]{display:none}.areaInfoModalCnt{display:flex;flex-direction:column-reverse}.areaInfoModalBd{margin-top:16px;padding-bottom:16px;font-size:1.4rem}.areaInfoModal_ttl{display:flex;align-items:center;line-height:1.3;font-family:"Noto Serif JP",serif;font-size:2.1rem;font-weight:600}.areaInfoModal_ttl:after{content:"";display:inline-block;flex:1;margin-left:16px;height:1px;border-top:solid 1px #889e3b}.areaInfoModal_txt{margin-top:8px}.areaInfoModal_pickup{margin-top:16px}.areaInfoModal_pickup dt{display:flex;align-items:center;padding-bottom:4px;font-weight:500;border-bottom:dashed 1px #d8d8cb}.areaInfoModal_pickup dt .m-ico{color:#b81919;font-size:2.5rem;line-height:1}.areaInfoModal_pickup dd{margin-top:8px}.areaInfoModalList{display:flex;flex-wrap:wrap;margin:-4px 0 0 -16px}.areaInfoModalList_item{margin:4px 0 0 16px}.areaInfoModal_bt{margin:0 -8px;padding:12px 16px;box-shadow:0 -1px 3px rgb(0 0 0 / 30%)}.areaInfoModal_bt a{position:relative;display:flex;justify-content:center;align-items:center;padding:16px 8px;color:#fff;font-weight:500;background:#889e3b;transition:opacity .2s}.areaInfoModal_bt .m-ico{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:2.5rem}.modalArrow{position:absolute;left:0;top:calc(100% + 4px);display:flex;justify-content:space-between;width:100%}.modal-arrowBt{color:#fff}.modal-btPrev{margin-left:4px}.modal-btNext{margin-right:4px}@media screen and (max-width:959px){.areaInfo{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);height:85%;border-radius:24px;background:#fff}.areaInfoModal{display:flex;flex-direction:column;width:100%;height:100%}.areaInfoModalWp{flex:1;overflow-y:auto;scroll-behavior:smooth;overscroll-behavior-y:contain;scroll-margin-top:auto;padding:0 8px}}@media print,screen and (min-width:960px){.areaWp{margin-top:32px;display:flex;align-items:flex-start}.allMap{width:35%}.areaInfo{flex:1;padding:0}.allMap{position:relative}.allMap_bt{padding:8px 4px 8px 12px;font-size:1.6rem}.map_area.is-hover:not(.is-active){opacity:.3}.allMap_bt .m-ico{line-height:1;font-size:2rem;color:#889e3b}.areaInfoDl{margin-top:32px}.areaInfoDl dt{font-weight:700}.areaInfoList{display:flex;flex-wrap:wrap;margin:16px 0 0 -24px}.areaInfoList_item{margin:16px 0 0 24px}.areaInfo_df{display:flex;flex-direction:column;justify-content:center;height:100%}.areaInfoTxt{font-size:2.4rem;font-weight:700}.areaInfoModal{padding:32px;width:100%;height:100%;border-radius:32px;border:solid 1px #d8d8cb;background:#fff}.areaInfoModal[aria-hidden="true"]{opacity:0;visibility:hidden}.areaInfoModal[aria-hidden="false"]{opacity:1;visibility:visible;transition:opacity .2s}.areaInfoModalCnt{flex-direction:row-reverse}.areaInfoModalBd{flex:1;display:flex;flex-direction:column;margin:0 0 0 32px;padding-bottom:52px;font-size:1.6rem}.areaInfoModal_ttl{display:flex;align-items:center;line-height:1.3;font-family:"Noto Serif JP",serif;font-size:2.4rem;font-weight:600}.areaInfoModal_ttl:after{content:"";display:inline-block;flex:1;margin-left:16px;height:1px;border-top:solid 1px #889e3b}.areaInfoModal_txt{margin-top:16px}.areaInfoModalList{margin:-8px 0 0 -24px}.areaInfoModalList_item{margin:8px 0 0 24px}.areaInfoModal_bt{position:absolute;right:32px;bottom:32px;margin:0;padding:0;width:calc(50% - 64px);box-shadow:none}.areaInfoModal_bt a{padding:8px}.areaInfoModal_bt a:hover{opacity:.6}}@media screen and (min-width:960px) and (max-width:1200px){.allMap_bt{min-height:inherit;font-size:1vw}.areaInfoModal{padding:32px}.allMap svg{width:100%}}

/*  MODAL
-----------------------------------------------------------*/
@media screen and (max-width:959px){html.mdlock{overflow:inherit}body.mdlock{height:calc(var(--window-inner-height) - 1px);overflow:hidden;box-sizing:border-box}}@media print,screen and (min-width:960px){body.mdlock{position:fixed;width:100%;height:100%;left:0;overflow-y:scroll;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.modal-content{display:none;position:fixed;left:100%;width:100%;background:#fff}.modal-wrap *{box-sizing:border-box}.modal-wrap{z-index:10001;display:none;position:fixed;top:0;left:0;padding:24px 16px;width:100%;height:100%}.modal-overlay{z-index:10000;display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.modal-close{position:absolute;right:-30px;top:-40px;font-size:2.5rem;color:#fff;cursor:pointer;transition:all 0.4s ease}.modal-close .m-ico{margin:0}@media screen and (max-width:999px){.modal-content{height:100%}.modal-content-wrap{display:flex;flex-direction:column;height:100%}.modal-content-in{height:100%}.modal-header{display:flex;align-items:center;padding:0 10px;height:56px;box-shadow:0 1px 3px rgb(0 0 0 / 30%);background-color:#fff}.modal-header_ttl{flex-grow:1;text-align:center;padding-left:40px;font-size:2rem;font-weight:700}.modal-header button+.modal-header_ttl{padding-left:0}.modal-header_bt{width:40px}.modal-body{overflow-y:auto;height:100%}.modal-body::-webkit-scrollbar{background:#ccc;width:3px}.modal-body::-webkit-scrollbar-thumb{background:#aaa}.modal-close{right:0}}@media print,screen and (min-width:960px){.modal-content{left:50%;top:50%;transform:translate(-50%,-50%);margin:30px auto;padding:30px;width:1200px;transition:opacity 0.5s 0s ease;opacity:0}.modal-wrap{overflow-y:auto;width:100%;height:100%;padding:0}.modal-wrap::-webkit-scrollbar{background:#ccc;width:3px}.modal-wrap::-webkit-scrollbar{width:10px;margin-bottom:30px}.modal-wrap::-webkit-scrollbar-thumb{background:#aaa}.modal-content.is-animation{opacity:1}.modal-header{display:none}.modal-close:hover{opacity:.6}}@media screen and (max-width:959px){.modal-content-in::-webkit-scrollbar{background:#ccc;width:3px}.modal-content-in::-webkit-scrollbar-thumb{background:#aaa}}