#menu_btn{background:#f05082}#menu_content{background:#fde5ec}#menu_content #gnavi{position:relative}#menu_content #gnavi ul{padding-bottom:2.5em}#menu_content #gnavi li{margin:0.8% 0}#menu_content #gnavi li .img{width:11vmin}#menu_content #gnavi .copyrights{width:80vw;position:absolute;bottom:0;right:0;text-align:right;margin-bottom:0.8%;z-index:-1}#menu_content #gnavi .copyrights.rightbox{bottom:0}@media screen and (orientation: portrait){#menu_content #gnavi li .img{width:8vmax}#menu_content #gnavi li .txt{font-size:12px;line-height:1.2em}}.bottom-contents{width:60%}.bottom-contents ul li{width:22%;margin-right:4%}.bottom-contents ul li:nth-child(5n){margin-right:4%}.bottom-contents ul li:nth-child(4n){margin-right:0}@media only screen and (max-width: 960px){.bottom-contents{width:80%}}body{background:#ffffff}#arrows{display:none}#scroll_arrow{width:80px;text-align:center;position:absolute;bottom:64px;right:20px;margin-left:-40px;cursor:pointer;opacity:1}.is-frame-fixed #scroll_arrow{opacity:0;-moz-transition:ease-in,.3s;-o-transition:ease-in,.3s;-webkit-transition:ease-in,.3s;transition:ease-in,.3s}#scroll_arrow .next{display:inline-block;width:30px;height:30px;border-right:1px solid #000000;border-bottom:1px solid #000000;-moz-animation:down 2s infinite;-webkit-animation:down 2s infinite;animation:down 2s infinite}#scroll_arrow .scroll{font-family:"Hiragino Kaku Gothic W3 JIS2004", Sans-Serif;font-size:16px;color:#000000}@-webkit-keyframes down{0%{-moz-transform:translate(0, -20px) rotate(45deg);-ms-transform:translate(0, -20px) rotate(45deg);-webkit-transform:translate(0, -20px) rotate(45deg);transform:translate(0, -20px) rotate(45deg);opacity:0}15%{opacity:1}55%{opacity:1}70%{-moz-transform:translate(0, 0) rotate(45deg);-ms-transform:translate(0, 0) rotate(45deg);-webkit-transform:translate(0, 0) rotate(45deg);transform:translate(0, 0) rotate(45deg);opacity:0}100%{opacity:0}}@keyframes down{0%{-moz-transform:translate(0, -20px) rotate(45deg);-ms-transform:translate(0, -20px) rotate(45deg);-webkit-transform:translate(0, -20px) rotate(45deg);transform:translate(0, -20px) rotate(45deg);opacity:0}15%{opacity:1}55%{opacity:1}70%{-moz-transform:translate(0, 0) rotate(45deg);-ms-transform:translate(0, 0) rotate(45deg);-webkit-transform:translate(0, 0) rotate(45deg);transform:translate(0, 0) rotate(45deg);opacity:0}100%{opacity:0}}.main{margin-top:-44px}.shoulder{width:300px;position:absolute;top:44px;left:0}.hotspring-first{position:relative;height:calc(100vh - (44px * 2))}.hotspring-first::before{content:"";width:100%;height:100%;background:url("/book/monthly/202104/images/hotspring/main01.jpg") no-repeat center bottom/cover;position:fixed;top:0;left:0;z-index:-1}.hotspring-first::after{content:"";width:100%;height:100%;background:rgba(255,255,255,0.7);position:absolute;top:0;left:0;z-index:0}.hotspring-first .inner{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:relative;z-index:1}.hotspring-first .main-ttl{width:16.6%;max-width:212px;margin:0 auto;margin:0}@media only screen and (max-width: 960px){.hotspring-first .main-ttl{width:26.6%}}.hotspring-first .main-lead{width:29.3%;max-width:375px;margin:0 auto;margin:0}@media only screen and (max-width: 960px){.hotspring-first .main-lead{width:39.3%}}.hotspring-second{position:relative;width:100vw;height:100vh}.hotspring-second .photo-caption{width:26em;position:absolute;bottom:60px;left:60px;font-family:"Hiragino Kaku Gothic W3 JIS2004", Sans-Serif;font-size:17px;line-height:1.4;color:#ffffff;text-shadow:0 0 4px rgba(0,0,0,0.4)}@media only screen and (max-width: 1280px){.hotspring-second .photo-caption{font-size:15px;font-size:1.46484vw}}@media only screen and (max-width: 960px){.hotspring-second .photo-caption{font-size:2vw}}.hotspring-second.is-fixed::before,.hotspring-second.is-fixed .shoulder{position:fixed;left:44px}.hotspring-third{position:relative;width:100vw;height:100vh;background:#ffffff}.hotspring-third .bg{width:100%;height:100%;background:url("/book/monthly/202104/images/hotspring/main02.jpg") no-repeat center bottom/cover;position:absolute;top:0;left:0}.hotspring-third .photo-caption{width:26em;position:absolute;bottom:60px;right:20px;font-family:"Hiragino Kaku Gothic W3 JIS2004", Sans-Serif;font-size:17px;color:#ffffff;text-shadow:0 0 4px rgba(0,0,0,0.4)}@media only screen and (max-width: 1280px){.hotspring-third .photo-caption{font-size:15px;font-size:1.46484vw}}@media only screen and (max-width: 960px){.hotspring-third .photo-caption{font-size:2vw}}.hotspring-third.is-fixed .bg,.hotspring-third.is-fixed .shoulder{position:fixed;left:44px}.hotspring-fourth{position:relative;width:100vw;height:100vh;background:#ffffff}.hotspring-fourth .bg{width:100%;height:100%;background:url("/book/monthly/202104/images/hotspring/main03.jpg") no-repeat center top/cover;position:absolute;top:0;left:0}.hotspring-fourth .photo-caption{width:28em;position:absolute;bottom:60px;right:20px;font-family:"Hiragino Kaku Gothic W3 JIS2004", Sans-Serif;font-size:17px;color:#ffffff;text-shadow:0 0 4px rgba(0,0,0,0.8)}@media only screen and (max-width: 1280px){.hotspring-fourth .photo-caption{font-size:15px;font-size:1.46484vw}}@media only screen and (max-width: 960px){.hotspring-fourth .photo-caption{font-size:2vw}}.hotspring-fourth.is-fixed .bg,.hotspring-fourth.is-fixed .shoulder{position:fixed;left:44px}.hotspring-article{background:#ffffff;position:relative}.hotspring-article .summary-block{background:url("/book/monthly/202104/images/hotspring/summary_bg.jpg") no-repeat center bottom/1192px auto;padding:90px 0 60px}.hotspring-article .summary-ttl{font-family:"Hiragino Mincho W3 JIS2004", serif;font-size:30px;line-height:1.75;text-align:center;padding-bottom:50px}@media only screen and (max-width: 1280px){.hotspring-article .summary-ttl{font-size:28px;font-size:2.73438vw}}@media only screen and (max-width: 960px){.hotspring-article .summary-ttl{font-size:3.73333vw}}.hotspring-article .summary-txt{width:70%;max-width:896px;margin:0 auto}@media only screen and (max-width: 960px){.hotspring-article .summary-txt{width:80%}}.hotspring-article .summary-txt p{width:60%;font-size:17px;line-height:1.8;color:#3c3c3c}@media only screen and (max-width: 1280px){.hotspring-article .summary-txt p{font-size:15px;font-size:1.46484vw}}@media only screen and (max-width: 960px){.hotspring-article .summary-txt p{font-size:2vw}}.hotspring-article .summary-txt p+p{margin-top:1.5em}.hotspring-article .summary-txt .staff-credit{font-size:13px}@media only screen and (max-width: 1280px){.hotspring-article .summary-txt .staff-credit{font-size:11px;font-size:1.07422vw}}@media only screen and (max-width: 960px){.hotspring-article .summary-txt .staff-credit{font-size:1.46667vw}}@media only screen and (max-width: 1280px){.hotspring-article .summary-block{background-size:100% auto}}.hotspring-article .data-block{width:90%;max-width:1152px;margin:0 auto}@media only screen and (max-width: 960px){.hotspring-article .data-block{width:100%}}.hotspring-article .data-ttl{width:34%;margin:0 auto}.hotspring-article .data-wrap{position:relative;padding:15px 0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.hotspring-article .data-wrap::before{content:"";width:100vw;height:100%;background:#e9f3f1;position:absolute;top:0;left:50%;margin-left:-50vw}.hotspring-article .data-wrap dl{position:relative;background:#FFFFFF;padding:25px 40px;font-family:"Hiragino Mincho W6 JIS2004", serif;font-size:22px;line-height:1.6}@media only screen and (max-width: 1280px){.hotspring-article .data-wrap dl{font-size:20px;font-size:1.95313vw}}@media only screen and (max-width: 960px){.hotspring-article .data-wrap dl{font-size:2.66667vw}}.hotspring-article .data-wrap dl dt{color:#6cafa0;float:left;clear:left}.hotspring-article .data-wrap dl dd{padding-left:3em}.hotspring-article .areainfo-block{width:90%;max-width:1152px;margin:0 auto;padding-top:80px}@media only screen and (max-width: 960px){.hotspring-article .areainfo-block{width:100%}}.hotspring-article .areainfo-ttl{width:34%;margin:0 auto}.hotspring-article .areainfo-imgbox{padding:30px 0}.hotspring-article .areainfo-imgbox .txt{font-size:14px;line-height:1.7;color:#3c3c3c}@media only screen and (max-width: 1280px){.hotspring-article .areainfo-imgbox .txt{font-size:12px;font-size:1.17188vw}}@media only screen and (max-width: 960px){.hotspring-article .areainfo-imgbox .txt{font-size:1.6vw}}.hotspring-article .areainfo-imgbox .name{font-family:"Hiragino Mincho W6 JIS2004", serif;font-size:19px;display:block;text-align:center}@media only screen and (max-width: 1280px){.hotspring-article .areainfo-imgbox .name{font-size:17px;font-size:1.66016vw}}@media only screen and (max-width: 960px){.hotspring-article .areainfo-imgbox .name{font-size:2.26667vw}}.hotspring-article .areainfo-imgbox.imgbox01{width:63%;margin:0 auto;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.hotspring-article .areainfo-imgbox.imgbox01 .img01{width:57.5%}.hotspring-article .areainfo-imgbox.imgbox01 .txt{width:36.6%}.hotspring-article .areainfo-imgbox.imgbox02{width:63%;margin:0 auto;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.hotspring-article .areainfo-imgbox.imgbox02 .img02{width:92.7%;margin-left:auto;margin-bottom:20px}.hotspring-article .areainfo-imgbox.imgbox02 .img03{width:36.2%}.hotspring-article .areainfo-imgbox.imgbox02 .txt{width:51.3%;margin-right:7%}.hotspring-article .areainfo-imgbox.imgbox03{width:70%;margin:0 auto;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-end;align-items:flex-end}.hotspring-article .areainfo-imgbox.imgbox03 .img04{width:50.8%}.hotspring-article .areainfo-imgbox.imgbox03 .img05{width:45.8%}.hotspring-article .areainfo-imgbox.imgbox03 .txt{width:80%;margin:20px auto 0}.hotspring-article .areainfo-imgbox.imgbox04{width:60%;margin:0 auto;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.hotspring-article .areainfo-imgbox.imgbox04 .img06{width:64.4%}.hotspring-article .areainfo-imgbox.imgbox04 .txt{width:29.3%}.hotspring-article .hotel-block{width:90%;max-width:1152px;margin:0 auto;padding-top:80px;padding-bottom:50px}@media only screen and (max-width: 960px){.hotspring-article .hotel-block{width:100%}}.hotspring-article .hotel-ttl{width:34%;margin:0 auto 10px}.hotspring-article .hotel-box{background:#f3f9f7;border-top:2px solid #6cafa0;padding:30px 5%;margin-bottom:30px;box-sizing:border-box;overflow:hidden}.hotspring-article .hotel-box:last-child{margin-bottom:0}.hotspring-article .hotel-box .subttl{font-family:"Hiragino Mincho W3 JIS2004", serif;font-size:20px;line-height:1.3;color:#6cafa0;padding-left:20px}@media only screen and (max-width: 1280px){.hotspring-article .hotel-box .subttl{font-size:18px;font-size:1.75781vw}}@media only screen and (max-width: 960px){.hotspring-article .hotel-box .subttl{font-size:2.4vw}}.hotspring-article .hotel-box .name{font-family:"Hiragino Mincho W6 JIS2004", serif;font-size:28px;line-height:1.3;margin-bottom:10px;padding-left:20px}@media only screen and (max-width: 1280px){.hotspring-article .hotel-box .name{font-size:26px;font-size:2.53906vw}}@media only screen and (max-width: 960px){.hotspring-article .hotel-box .name{font-size:3.46667vw}}.hotspring-article .hotel-box .img{width:47.3%;float:left}.hotspring-article .hotel-box .img .note{display:block;font-size:13px;color:#3c3c3c}@media only screen and (max-width: 1280px){.hotspring-article .hotel-box .img .note{font-size:11px;font-size:1.07422vw}}@media only screen and (max-width: 960px){.hotspring-article .hotel-box .img .note{font-size:1.46667vw}}.hotspring-article .hotel-box .txt{width:49.6%;float:right}.hotspring-article .hotel-box .txt p{font-size:16px;line-height:1.4;color:#3c3c3c}@media only screen and (max-width: 1280px){.hotspring-article .hotel-box .txt p{font-size:14px;font-size:1.36719vw}}@media only screen and (max-width: 960px){.hotspring-article .hotel-box .txt p{font-size:1.86667vw}}.hotspring-article .hotel-box .txt .info{font-size:14px;line-height:1.5;margin-top:1.5em}@media only screen and (max-width: 1280px){.hotspring-article .hotel-box .txt .info{font-size:12px;font-size:1.17188vw}}@media only screen and (max-width: 960px){.hotspring-article .hotel-box .txt .info{font-size:1.6vw}}.hotspring-article .hotel-box .txt a{color:inherit;text-decoration:underline}.hotspring-article .hotel-box .txt a:hover{text-decoration:none}#footer{background:#ffffff}.is-anm{opacity:0;transition:opacity .8s ease-in-out,all .8s ease}.is-anm.is-done{opacity:1;transform:translate(0, 0)}.fade-up{transform:translate(0, 30px)}.fade-down{transform:translate(0, -30px)}.fade-left{transform:translate(-20px, 0)}.fade-right{transform:translate(20px, 0)}.fade-scale{transform:scale(0.5);transition:all .8s cubic-bezier(0.65, -0.55, 0.265, 1.55)}.fade-scale.is-done{transform:scale(1)}.hotspring-first .main-ttl,.hotspring-first .main-lead{opacity:0;transform:translate(0, -30px);transition:opacity .8s ease-in-out,all .8s ease}.hotspring-first.is-loaded .main-ttl{opacity:1;transform:translate(0, 0)}.hotspring-first.is-loaded .main-lead{opacity:1;transform:translate(0, 0);transition-delay:.3s}