#menu_btn{background:#c8a082}#menu_content{background:#eee2d9}#menu_content #gnavi{position:relative}#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{height:100vh;background:url("/book/monthly/202001/images/hotspring/main01.jpg") no-repeat center center/cover}body.bg-white{background:#ffffff}#scroll_arrow{width:80px;text-align:center;position:absolute;bottom:20px;left:50%;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}.hotspring-first{background:rgba(255,255,255,0.7)}.hotspring-first .inner{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.hotspring-first .main-ttl{width:18%;max-width:24vh}.hotspring-first .main-ttl img{width:100%;height:auto}.hotspring-first .main-lead{width:20%;max-width:26vh}.hotspring-first .main-lead img{width:100%;height:auto}@media only screen and (max-width: 960px){.hotspring-first .main-ttl{width:17vw;padding-left:3%}.hotspring-first .main-lead{width:26vw}}.hotspring-second .hotspring-name{position:absolute;width:30vw;right:165px;top:150px}.hotspring-second .hotspring-name img{width:100%;height:auto}.hotspring-second .hotspring-name img{-webkit-filter:drop-shadow(0 0 6px rgba(0,0,0,0.8));filter:drop-shadow(0 0 6px rgba(0,0,0,0.8))}.hotspring-second .photo-caption{width:26em;position:absolute;bottom:60px;left:60px;font-family:"Hiragino Kaku Gothic W3 JIS2004", Sans-Serif;font-size:17px;color:#ffffff;text-shadow:0 0 3px #000000}@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}}@media only screen and (max-width: 960px){.hotspring-second .hotspring-name{width:45vw;right:40px}}.hotspring-third{background:url("/book/monthly/202001/images/hotspring/main02.jpg") no-repeat center bottom/cover}.hotspring-third .photo-caption{width:28em;position:absolute;bottom:60px;left:60px;font-family:"Hiragino Kaku Gothic W3 JIS2004", Sans-Serif;font-size:17px;color:#ffffff;text-shadow:0 0 3px #000000}@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 .shoulder{width:20vw;position:absolute;top:84px;left:40px}.hotspring-third .shoulder img{width:100%;height:auto}.hotspring-third .shoulder img{-webkit-filter:drop-shadow(0 0 3px rgba(0,0,0,0.8));filter:drop-shadow(0 0 3px rgba(0,0,0,0.8))}@media only screen and (max-width: 960px){.hotspring-third .shoulder{width:24vw}}.hotspring-fourth{background:url("/book/monthly/202001/images/hotspring/main03.jpg") no-repeat center center/cover}.hotspring-fourth .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 3px #000000}@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 .shoulder{width:20vw;position:absolute;top:84px;left:40px}.hotspring-fourth .shoulder img{width:100%;height:auto}@media only screen and (max-width: 960px){.hotspring-fourth .shoulder{width:24vw}}.hotspring-article{background:#ffffff}.hotspring-article .summary-block{width:100%;max-width:1280px;margin:0 auto;background:url("/book/monthly/202001/images/hotspring/summary_bg.png") no-repeat center 280px;background-size:100% auto;padding:6% 0 4%}@media only screen and (max-width: 960px){.hotspring-article .summary-block{width:110%}}.hotspring-article .summary-block h3{font-family:"Hiragino Mincho W3 JIS2004", serif;font-size:30px;line-height:1.8em;text-align:center;padding:0 0 6%}@media only screen and (max-width: 1280px){.hotspring-article .summary-block h3{font-size:28px;font-size:2.73438vw}}@media only screen and (max-width: 960px){.hotspring-article .summary-block h3{font-size:3.73333vw}}@media only screen and (max-width: 960px){.hotspring-article .summary-block h3{font-size:28px}}@media only screen and (max-width: 960px) and (max-width: 1280px){.hotspring-article .summary-block h3{font-size:26px;font-size:2.53906vw}}@media only screen and (max-width: 960px) and (max-width: 960px){.hotspring-article .summary-block h3{font-size:3.46667vw}}.hotspring-article .summary-txt{padding:0 40% 0 16%;font-family:"Hiragino Kaku Gothic W3 JIS2004", Sans-Serif;font-size:17px;line-height:2em;color:#3c3c3c}@media only screen and (max-width: 1280px){.hotspring-article .summary-txt{font-size:15px;font-size:1.46484vw}}@media only screen and (max-width: 960px){.hotspring-article .summary-txt{font-size:2vw}}.hotspring-article .staff-credit{padding:0 40% 0 16%;font-family:"Hiragino Kaku Gothic W3 JIS2004", Sans-Serif;font-size:13px;margin-top:1.3em}@media only screen and (max-width: 1280px){.hotspring-article .staff-credit{font-size:11px;font-size:1.07422vw}}@media only screen and (max-width: 960px){.hotspring-article .staff-credit{font-size:1.46667vw}}.hotspring-article .data-block{width:78%;max-width:998px;margin:0 auto;padding:4% 0 6%}@media only screen and (max-width: 960px){.hotspring-article .data-block{width:88%}}.hotspring-article .data-block h4{width:38%;margin:0 auto;padding-bottom:10px}.hotspring-article .data-block h4 img{width:100%;height:auto}.hotspring-article .data-block .data-wrap{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:15px 16%;background:#faeae2;box-sizing:border-box}.hotspring-article .data-block .data-wrap dl{font-family:"Hiragino Mincho W6 JIS2004", serif;font-size:22px;width:30em;margin:0 auto;padding:30px 4%;background:#ffffff;overflow:hidden}@media only screen and (max-width: 1280px){.hotspring-article .data-block .data-wrap dl{font-size:20px;font-size:1.95313vw}}@media only screen and (max-width: 960px){.hotspring-article .data-block .data-wrap dl{font-size:2.66667vw}}.hotspring-article .data-block .data-wrap dl dt{float:left;clear:left;color:#e17341}.hotspring-article .data-block .data-wrap dl dd{margin-left:3em}.hotspring-article .data-block .data-wrap dl span{color:#333333}@media only screen and (max-width: 960px){.hotspring-article .data-block .data-wrap dl{font-size:18px}}@media only screen and (max-width: 960px) and (max-width: 1280px){.hotspring-article .data-block .data-wrap dl{font-size:16px;font-size:1.5625vw}}@media only screen and (max-width: 960px) and (max-width: 960px){.hotspring-article .data-block .data-wrap dl{font-size:2.13333vw}}.hotspring-article .areainfo-block{width:78%;max-width:998px;margin:0 auto;position:relative;overflow:hidden}@media only screen and (max-width: 960px){.hotspring-article .areainfo-block{width:88%}}.hotspring-article .areainfo-block h4{width:38%;margin:0 auto;padding-bottom:10px}.hotspring-article .areainfo-block h4 img{width:100%;height:auto}.hotspring-article .areainfo-block figcaption{font-family:"Hiragino Kaku Gothic W3 JIS2004", Sans-Serif;font-size:14px;color:#3c3c3c}@media only screen and (max-width: 1280px){.hotspring-article .areainfo-block figcaption{font-size:12px;font-size:1.17188vw}}@media only screen and (max-width: 960px){.hotspring-article .areainfo-block figcaption{font-size:1.6vw}}.hotspring-article .areainfo-block .spot-name{font-family:"Hiragino Mincho W6 JIS2004", serif;display:block;font-size:19px;color:#000000;margin-bottom:5px}@media only screen and (max-width: 1280px){.hotspring-article .areainfo-block .spot-name{font-size:17px;font-size:1.66016vw}}@media only screen and (max-width: 960px){.hotspring-article .areainfo-block .spot-name{font-size:2.26667vw}}.hotspring-article .areainfo-block .img01{width:94%;margin:25px auto 0}.hotspring-article .areainfo-block .img02{width:40%;margin:35px 0 80px;float:left;position:relative}.hotspring-article .areainfo-block .img02 figcaption{width:57%;position:absolute;left:104%;bottom:0}.hotspring-article .areainfo-block .img03{width:71.72%;margin:0 auto 80px;clear:both;float:left;position:relative}.hotspring-article .areainfo-block .img03 figcaption{width:29%;position:absolute;left:103%;bottom:0}.hotspring-article .areainfo-block .img04{width:78%;margin:0 0 80px;position:relative;float:right}.hotspring-article .areainfo-block .img04 figcaption{width:23%;position:absolute;left:-24%;bottom:0}.hotspring-article .areainfo-block .img05{width:60%;margin:10px 2% 50px 95px;float:left;position:relative}.hotspring-article .areainfo-block .img05 figcaption{width:32%;position:absolute;right:-36%;bottom:0}.hotspring-article .areainfo-block .figbox{clear:both;width:90%;margin:50px auto;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-end;align-items:flex-end}.hotspring-article .areainfo-block .img06{width:43%}.hotspring-article .areainfo-block .img06 img{display:block;width:70%;margin:0 auto 30px}.hotspring-article .areainfo-block .img06 figcaption{margin-left:10px}.hotspring-article .areainfo-block .img07{width:52%}.hotspring-article .hotel-block{width:84%;max-width:1075px;margin:0 auto;padding:8% 0 0}@media only screen and (max-width: 960px){.hotspring-article .hotel-block{width:94%}}.hotspring-article .hotel-block h4{width:38%;margin:0 auto;padding-bottom:10px}.hotspring-article .hotel-block h4 img{width:100%;height:auto}.hotspring-article .hotel-block .hotel-box{background:#fdf4f0;margin-bottom:50px;padding:30px;border-top:2px solid #e17341;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}.hotspring-article .hotel-block .hotel-box .subttl{font-family:"Hiragino Mincho W3 JIS2004", serif;font-size:20px;color:#e17341;width:100%}@media only screen and (max-width: 1280px){.hotspring-article .hotel-block .hotel-box .subttl{font-size:18px;font-size:1.75781vw}}@media only screen and (max-width: 960px){.hotspring-article .hotel-block .hotel-box .subttl{font-size:2.4vw}}.hotspring-article .hotel-block .hotel-box h5{font-family:"Hiragino Mincho W6 JIS2004", serif;font-size:28px;margin-bottom:10px;width:100%}@media only screen and (max-width: 1280px){.hotspring-article .hotel-block .hotel-box h5{font-size:26px;font-size:2.53906vw}}@media only screen and (max-width: 960px){.hotspring-article .hotel-block .hotel-box h5{font-size:3.46667vw}}.hotspring-article .hotel-block .hotel-box .img{width:50%;margin-right:20px}.hotspring-article .hotel-block .hotel-box .img .note{display:block;text-align:right;font-family:"Hiragino Kaku Gothic W3 JIS2004", Sans-Serif;font-size:13px;color:#3c3c3c}@media only screen and (max-width: 1280px){.hotspring-article .hotel-block .hotel-box .img .note{font-size:11px;font-size:1.07422vw}}@media only screen and (max-width: 960px){.hotspring-article .hotel-block .hotel-box .img .note{font-size:1.46667vw}}.hotspring-article .hotel-block .hotel-box .txt{width:calc(50% - 20px);font-family:"Hiragino Kaku Gothic W3 JIS2004", Sans-Serif;font-size:16px;line-height:1.6em;color:#3c3c3c}@media only screen and (max-width: 1280px){.hotspring-article .hotel-block .hotel-box .txt{font-size:14px;font-size:1.36719vw}}@media only screen and (max-width: 960px){.hotspring-article .hotel-block .hotel-box .txt{font-size:1.86667vw}}.hotspring-article .hotel-block .hotel-box .txt .info{font-size:14px;margin-top:1em}@media only screen and (max-width: 1280px){.hotspring-article .hotel-block .hotel-box .txt .info{font-size:12px;font-size:1.17188vw}}@media only screen and (max-width: 960px){.hotspring-article .hotel-block .hotel-box .txt .info{font-size:1.6vw}}.hotspring-article .hotel-block .hotel-box a{color:#3c3c3c;text-decoration:none}#footer{background:#ffffff}#footer .copyrights{margin-bottom:88px}.hotspring-second .hotspring-name{opacity:0;-moz-transform:translate(40px, 0);-ms-transform:translate(40px, 0);-webkit-transform:translate(40px, 0);transform:translate(40px, 0);-moz-transition:ease-in-out,.7s;-o-transition:ease-in-out,.7s;-webkit-transition:ease-in-out,.7s;transition:ease-in-out,.7s}.hotspring-second .photo-caption{opacity:0;-moz-transition:ease-in-out,.7s;-o-transition:ease-in-out,.7s;-webkit-transition:ease-in-out,.7s;transition:ease-in-out,.7s}.hotspring-second.move-up .hotspring-name,.hotspring-second.active .hotspring-name{opacity:1;-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0);-moz-transition-delay:0.7s;-o-transition-delay:0.7s;-webkit-transition-delay:0.7s;transition-delay:0.7s}.hotspring-second.move-up .photo-caption,.hotspring-second.active .photo-caption{opacity:1;-moz-transition-delay:0.9s;-o-transition-delay:0.9s;-webkit-transition-delay:0.9s;transition-delay:0.9s}.hotspring-third::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#ffffff;opacity:1;-moz-transition:ease-in-out,.7s;-o-transition:ease-in-out,.7s;-webkit-transition:ease-in-out,.7s;transition:ease-in-out,.7s}.hotspring-third .shoulder,.hotspring-third .photo-caption{opacity:0;-moz-transition:ease-in-out,.7s;-o-transition:ease-in-out,.7s;-webkit-transition:ease-in-out,.7s;transition:ease-in-out,.7s}.hotspring-third.move-up::before,.hotspring-third.active::before{opacity:0;-moz-transition-delay:0.7s;-o-transition-delay:0.7s;-webkit-transition-delay:0.7s;transition-delay:0.7s}.hotspring-third.move-up .shoulder,.hotspring-third.move-up .photo-caption,.hotspring-third.active .shoulder,.hotspring-third.active .photo-caption{opacity:1;-moz-transition-delay:0.9s;-o-transition-delay:0.9s;-webkit-transition-delay:0.9s;transition-delay:0.9s}.hotspring-fourth::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#ffffff;opacity:1;-moz-transition:ease-in-out,.7s;-o-transition:ease-in-out,.7s;-webkit-transition:ease-in-out,.7s;transition:ease-in-out,.7s}.hotspring-fourth .shoulder,.hotspring-fourth .photo-caption{opacity:0;-moz-transition:ease-in-out,.7s;-o-transition:ease-in-out,.7s;-webkit-transition:ease-in-out,.7s;transition:ease-in-out,.7s}.hotspring-fourth.move-up::before,.hotspring-fourth.active::before{opacity:0;-moz-transition-delay:0.7s;-o-transition-delay:0.7s;-webkit-transition-delay:0.7s;transition-delay:0.7s}.hotspring-fourth.move-up .shoulder,.hotspring-fourth.move-up .photo-caption,.hotspring-fourth.active .shoulder,.hotspring-fourth.active .photo-caption{opacity:1;-moz-transition-delay:0.9s;-o-transition-delay:0.9s;-webkit-transition-delay:0.9s;transition-delay:0.9s}