body{background:#fff}#arrows{display:none}.area_okayama{color:#3c3c3c}.area_okayama-first{position:relative;width:100%;background:url("/book/monthly/202602/images/area_okayama_kurashiki/main_bg.jpg") no-repeat center top/cover;height:56.4vw;max-height:96vh}.area_okayama-first .area_okayama-ttl{width:12.2%;max-width:156px;margin:0 auto;margin:0;position:absolute;top:26px;left:28px}@media only screen and (max-width: 800px){.area_okayama-first .area_okayama-ttl{width:22.2%}}@media only screen and (max-width: 800px){.area_okayama-first .area_okayama-ttl{width:14%;max-width:179px;margin:0 auto}}@media only screen and (max-width: 800px)and (max-width: 800px){.area_okayama-first .area_okayama-ttl{width:24%}}.area_okayama-first .main-sub{width:28.3%;max-width:362px;margin:0 auto;margin:0;position:absolute;top:0;right:0}@media only screen and (max-width: 800px){.area_okayama-first .main-sub{width:38.3%}}.area_okayama-first .main-ttl{width:50%;max-width:640px;margin:0 auto;margin:0;position:absolute;top:47%;right:5.8%}@media only screen and (max-width: 800px){.area_okayama-first .main-ttl{width:60%}}@media only screen and (max-width: 800px){.area_okayama-first .main-ttl{width:40%;max-width:512px;margin:0 auto}}@media only screen and (max-width: 800px)and (max-width: 800px){.area_okayama-first .main-ttl{width:50%}}.area_okayama-first .credit{position:absolute;width:5%;max-width:64px;margin:0 auto;right:0;bottom:0}@media only screen and (max-width: 800px){.area_okayama-first .credit{width:15%}}.area_okayama-first img{display:block;width:100%;height:auto}.area_okayama-bg-wrap{position:relative;z-index:1}.area_okayama-summary{padding-top:50px;margin-bottom:170px;background:linear-gradient(0deg, rgba(250, 252, 248, 0) 0%, rgb(251, 253, 250) 30%)}.area_okayama-summary .summary-box{width:58.6%;max-width:750px;margin:0 auto;box-sizing:border-box;position:relative;z-index:1}@media only screen and (max-width: 800px){.area_okayama-summary .summary-box{width:68.6%}}.area_okayama-summary .summary-box .summary-txt{font-family:"Hiragino Kaku Gothic W3 JIS2004",Sans-Serif;font-size:17px;line-height:1.733;color:#000;text-align:left}@media only screen and (max-width: 1024px){.area_okayama-summary .summary-box .summary-txt{font-size:15px}}@media only screen and (max-width: 800px){.area_okayama-summary .summary-box .summary-txt{font-size:1.875vw}}@media only screen and (max-width: 640px){.area_okayama-summary .summary-box .summary-txt{font-size:15px}}.area_okayama-summary .summary-box .staff-credit{font-family:"Hiragino Kaku Gothic W3 JIS2004",Sans-Serif;font-size:14px;line-height:2.166;color:#000;margin-top:.5em}@media only screen and (max-width: 1024px){.area_okayama-summary .summary-box .staff-credit{font-size:12px}}@media only screen and (max-width: 800px){.area_okayama-summary .summary-box .staff-credit{font-size:1.5vw}}@media only screen and (max-width: 640px){.area_okayama-summary .summary-box .staff-credit{font-size:12px}}@media only screen and (max-width: 800px){.area_okayama-summary .summary-box{width:70%;max-width:896px;margin:0 auto}}@media only screen and (max-width: 800px)and (max-width: 800px){.area_okayama-summary .summary-box{width:80%}}@media(max-width: 640px){.area_okayama-summary .summary-box{top:66%;bottom:unset}}.area_okayama-summary .access-bg{position:relative;background-position:center center;background-repeat:no-repeat;background-size:100% auto;padding-bottom:0}.area_okayama-summary .access-bg .access-box{padding-top:0;margin-bottom:110px}.area_okayama-summary .access-box{width:100%;max-width:1280px;margin:0 auto;padding-bottom:0;position:relative;z-index:0;display:flex;justify-content:center;align-items:flex-start;gap:3%;padding-bottom:50px;margin-top:25px}@media only screen and (max-width: 800px){.area_okayama-summary .access-box{width:110%}}.area_okayama-summary .access-box .map{width:27.3%;max-width:296px;margin-left:-4%}.area_okayama-summary .access-box .map figure{width:100%;margin:0 auto}.area_okayama-summary .access-box .map img{width:100%}.area_okayama-summary .access-box .route{width:32.5%;min-width:305px;position:relative;border-bottom:1px dotted #000;color:#000;padding-top:90px;padding-bottom:23px}.area_okayama-summary .access-box .route .ttl{font-family:"Hiragino Kaku Gothic W6 JIS2004",Sans-Serif}.area_okayama-summary .access-box .route dt{margin-bottom:23px;padding-bottom:10px;font-family:"Hiragino Kaku Gothic W6 JIS2004",Sans-Serif;font-size:15px;border-bottom:1px dotted #000}@media only screen and (max-width: 1024px){.area_okayama-summary .access-box .route dt{font-size:13px}}@media only screen and (max-width: 800px){.area_okayama-summary .access-box .route dt{font-size:1.625vw}}@media only screen and (max-width: 640px){.area_okayama-summary .access-box .route dt{font-size:13px}}.area_okayama-summary .access-box .route dd{line-height:1.83;font-family:"Hiragino Kaku Gothic W3 JIS2004",Sans-Serif;font-size:14px}@media only screen and (max-width: 1024px){.area_okayama-summary .access-box .route dd{font-size:12px}}@media only screen and (max-width: 800px){.area_okayama-summary .access-box .route dd{font-size:1.5vw}}@media only screen and (max-width: 640px){.area_okayama-summary .access-box .route dd{font-size:12px}}.area_okayama-summary .access-box .route dd h6{font-family:"Hiragino Kaku Gothic W6 JIS2004",Sans-Serif;font-size:14px}@media only screen and (max-width: 1024px){.area_okayama-summary .access-box .route dd h6{font-size:12px}}@media only screen and (max-width: 800px){.area_okayama-summary .access-box .route dd h6{font-size:1.5vw}}@media only screen and (max-width: 640px){.area_okayama-summary .access-box .route dd h6{font-size:12px}}.area_okayama-summary .access-box .route .br{display:inline-block}.area_okayama-summary .access-box .route .mt_none{margin-top:0}.area_okayama-summary .access-box .img01{width:26.7%;position:absolute;top:55%;left:7.5%;z-index:-1}.area_okayama-summary .access-box .img01 img{width:100%}.area_okayama-summary .access-box .img02{width:25.75%;position:absolute;top:-60px;right:7%;margin-top:0;z-index:-1}.area_okayama-summary .access-box .img02 img{width:100%}.area_okayama-title{width:76.1%;max-width:974px;margin:0 auto;position:relative;margin-bottom:95px}@media only screen and (max-width: 800px){.area_okayama-title{width:86.1%}}.area_okayama-title .center-title{width:100%;margin-bottom:30px;padding-bottom:0}.area_okayama-title .center-title img{margin:auto;display:block;max-width:100%}.area_okayama-title .area_okayama_txt{font-family:"Hiragino Kaku Gothic W3 JIS2004",Sans-Serif;font-size:17px;line-height:2;color:#000;text-align:center}@media only screen and (max-width: 1024px){.area_okayama-title .area_okayama_txt{font-size:15px}}@media only screen and (max-width: 800px){.area_okayama-title .area_okayama_txt{font-size:1.875vw}}@media only screen and (max-width: 640px){.area_okayama-title .area_okayama_txt{font-size:15px}}.area_okayama-spot{margin-bottom:100px;position:relative;z-index:0}.area_okayama-spot .spot_ttl img{display:block;max-width:100%}.area_okayama-spot .spot_img{position:relative}.area_okayama-spot .spot_img img{display:block;width:100%}.area_okayama-spot .spot_img figcaption{padding-top:6px;font-family:"Hiragino Kaku Gothic W3 JIS2004",Sans-Serif;font-weight:300;font-size:14px;line-height:1.43;letter-spacing:0}@media only screen and (max-width: 1024px){.area_okayama-spot .spot_img figcaption{font-size:12px}}@media only screen and (max-width: 800px){.area_okayama-spot .spot_img figcaption{font-size:1.5vw}}@media only screen and (max-width: 640px){.area_okayama-spot .spot_img figcaption{font-size:12px}}.area_okayama-spot .spot-outer figure img{display:block;width:100%}.area_okayama-spot .topictext{width:100%;position:absolute;top:-2.5%;left:0}.area_okayama-spot .border{margin:70px auto;width:53.8%}.area_okayama-spot .bg_color{background:#f3f7ee;padding:110px 0 10px;position:relative;z-index:0}.area_okayama-spot .bg_color::before{content:"";width:100%;height:27px;position:absolute;z-index:-1;width:100%;top:10px;left:0;background:url("/book/monthly/202602/images/area_okayama_kurashiki/before_bg.svg") repeat-x top left/auto}.area_okayama-spot .bg_color::after{content:"";width:100%;height:27px;position:absolute;z-index:-1;width:100%;bottom:10px;right:0;background:url("/book/monthly/202602/images/area_okayama_kurashiki/after_bg.svg") repeat-x top left/auto}.area_okayama-spot .bg_color .info .data{color:#71a842;margin-bottom:.3em}.area_okayama-spot .bg_color .info .data_b{color:#71a842}.area_okayama-spot .bg_color .info .data_g{color:#71a842}.area_okayama-spot .spot-inner{position:relative;margin-bottom:100px}.area_okayama-spot .spot-inner .ttl-block{display:flex;justify-content:center;align-items:flex-start;position:relative;width:76.2%;max-width:975px;margin:0 auto;margin:0 auto 30px}@media only screen and (max-width: 800px){.area_okayama-spot .spot-inner .ttl-block{width:86.2%}}.area_okayama-spot .spot-inner .ttl-block .box-L{width:78.7%}.area_okayama-spot .spot-inner .ttl-block .box-R{width:21.3%}.area_okayama-spot .spot-inner .spot-block{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;position:relative;z-index:1;width:76.2%;max-width:975px;margin:0 auto;padding-top:0px;padding-bottom:0;margin-bottom:50px}@media only screen and (max-width: 800px){.area_okayama-spot .spot-inner .spot-block{width:86.2%}}.area_okayama-spot .spot-inner .spot-block h3.spot-name{line-height:0;margin-bottom:25px;position:relative;z-index:5}.area_okayama-spot .spot-inner .spot-block h3.spot-name+p{font-family:"Hiragino Kaku Gothic W3 JIS2004",Sans-Serif;font-weight:300;font-size:16px;line-height:1.71;width:100%;max-width:1280px;margin:0 auto;margin:0 auto}@media only screen and (max-width: 1024px){.area_okayama-spot .spot-inner .spot-block h3.spot-name+p{font-size:14px}}@media only screen and (max-width: 800px){.area_okayama-spot .spot-inner .spot-block h3.spot-name+p{font-size:1.75vw}}@media only screen and (max-width: 640px){.area_okayama-spot .spot-inner .spot-block h3.spot-name+p{font-size:14px}}@media only screen and (max-width: 800px){.area_okayama-spot .spot-inner .spot-block h3.spot-name+p{width:110%}}.area_okayama-spot .spot-inner .spot-block .box-L{width:45%}.area_okayama-spot .spot-inner .spot-block .box-R{width:50%}.area_okayama-spot .spot-inner .spot-block .txt_box{width:100%;font-family:"Hiragino Kaku Gothic W3 JIS2004",Sans-Serif;font-size:17px;line-height:1.6;color:#000}@media only screen and (max-width: 1024px){.area_okayama-spot .spot-inner .spot-block .txt_box{font-size:15px}}@media only screen and (max-width: 800px){.area_okayama-spot .spot-inner .spot-block .txt_box{font-size:1.875vw}}@media only screen and (max-width: 640px){.area_okayama-spot .spot-inner .spot-block .txt_box{font-size:15px}}.area_okayama-spot .spot-inner .spot-block .info{width:100%;font-family:"Hiragino Kaku Gothic W3 JIS2004",Sans-Serif;font-weight:300;font-size:15px;line-height:1.5;padding-top:20px;margin-bottom:45px;color:#000}@media only screen and (max-width: 1024px){.area_okayama-spot .spot-inner .spot-block .info{font-size:13px}}@media only screen and (max-width: 800px){.area_okayama-spot .spot-inner .spot-block .info{font-size:1.625vw}}@media only screen and (max-width: 640px){.area_okayama-spot .spot-inner .spot-block .info{font-size:13px}}.area_okayama-spot .spot-inner .spot-block .info .data{display:block;font-family:"Hiragino Kaku Gothic W6 JIS2004",Sans-Serif;font-weight:600;color:#71a842;font-size:15px;line-height:2;margin-bottom:.3em}@media only screen and (max-width: 1024px){.area_okayama-spot .spot-inner .spot-block .info .data{font-size:13px}}@media only screen and (max-width: 800px){.area_okayama-spot .spot-inner .spot-block .info .data{font-size:1.625vw}}@media only screen and (max-width: 640px){.area_okayama-spot .spot-inner .spot-block .info .data{font-size:13px}}.area_okayama-spot .spot-inner .spot-block .info .data_b{color:#71a842}.area_okayama-spot .spot-inner .sec_btn{display:block;width:30.5%;max-width:390px;margin:0 auto;margin-top:30px !important;cursor:pointer;opacity:1;transition:all .3s ease-in-out}@media only screen and (max-width: 800px){.area_okayama-spot .spot-inner .sec_btn{width:40.5%}}.area_okayama-spot .spot-inner .sec_btn:hover{opacity:.7}.area_okayama-spot .spot-inner .sec_btn img{margin:auto;display:block;width:100%}.area_okayama-spot .spot-inner.spot1{margin-bottom:120px;position:relative}.area_okayama-spot .spot-inner.spot1 .ttl-block{width:79.1%;max-width:1012px;margin:0 auto;margin:0 auto 40px}@media only screen and (max-width: 800px){.area_okayama-spot .spot-inner.spot1 .ttl-block{width:89.1%}}.area_okayama-spot .spot-inner.spot1 .spot-block{width:79.1%;max-width:1012px;margin:0 auto;margin-bottom:90px}@media only screen and (max-width: 800px){.area_okayama-spot .spot-inner.spot1 .spot-block{width:89.1%}}.area_okayama-spot .spot-inner.spot1 .spot-block .box-L{width:41%}.area_okayama-spot .spot-inner.spot1 .spot-block .box-L .img02{width:100%;margin-bottom:35px}.area_okayama-spot .spot-inner.spot1 .spot-block .box-R{width:54%}.area_okayama-spot .spot-inner.spot2{margin-bottom:100px}.area_okayama-spot .spot-inner.spot2 .ttl-block .box-L{width:68.8%}.area_okayama-spot .spot-inner.spot2 .ttl-block .box-R{width:31.2%}.area_okayama-spot .spot-inner.spot2 .spot-block{margin-bottom:0}.area_okayama-spot .spot-inner.spot2 .spot-block .box-L{position:relative}.area_okayama-spot .spot-inner.spot2 .spot-block .box-C{width:48.8%;max-width:624px;margin:0 auto;margin:30px auto 50px}@media only screen and (max-width: 800px){.area_okayama-spot .spot-inner.spot2 .spot-block .box-C{width:58.8%}}.area_okayama-spot .spot-inner.spot3{margin-bottom:100px;position:relative}.area_okayama-spot .spot-inner.spot3 .spot-block{margin-bottom:75px}.area_okayama-spot .spot-inner.spot3 .spot-block .info{margin-bottom:80px}.area_okayama-spot .spot-inner.spot3 .spot-block .box-L .img02{margin:40px 0 0 auto;width:85%}.area_okayama-spot .spot-inner.spot3 .spot-block .box-R .img03{margin:0 13.5% 0 8%}.area_okayama-spot .spot-inner.spot3 .spot-block .box-R .img03 figcaption{text-align:center}.area_okayama-spot .spot-inner.spot4{margin-bottom:190px}.area_okayama-spot .spot-inner.spot4 .spot-block .box-C{width:78.4%;max-width:1003px;margin:0 auto;margin:0 auto}@media only screen and (max-width: 800px){.area_okayama-spot .spot-inner.spot4 .spot-block .box-C{width:88.4%}}.area_okayama-spot .spot-inner.spot4 .spot-block .box-C .img01{margin-bottom:0}.area_okayama-spot .spot-inner.spot4 .spot-block .box-L{width:37.2%;position:relative}.area_okayama-spot .spot-inner.spot4 .spot-block .box-L .img02{margin-bottom:45px}.area_okayama-spot .spot-inner.spot4 .spot-block .box-L .img03{margin-bottom:0}.area_okayama-spot .spot-inner.spot4 .spot-block .box-R{width:58.6%}.area_okayama-spot .spot-inner.spot4 .spot-block .box-R .info{margin-bottom:50px}.area_okayama-eff{position:absolute;z-index:-1}.area_okayama-eff.eff01{left:0;bottom:-50px;width:7.7%}.area_okayama-eff.eff02{left:19%;bottom:100px;width:7.9%}.area_okayama-eff.eff03{left:-12%;top:-110px;width:20.4%}.area_okayama-eff.eff04{right:-7%;bottom:25px;width:12.4%}.area_okayama-eff.eff05{right:2%;top:-35px;width:9.9%}.area_okayama-eff.eff06{left:-1%;bottom:-100px;width:11.25%}.area_okayama-eff.eff07{left:-2%;bottom:-300px;width:12.6%}.area_okayama-eff.eff08{right:-2%;bottom:-65px;width:7.34%}.area_okayama-eff.eff09{right:0;top:-48px;width:13.85%}.area_okayama-eff.eff10{left:4%;bottom:-25px;width:7.68%}.area_okayama-eff.eff11{left:-6%;bottom:-65px;width:18.6%}.area_okayama-info{width:79.1%;max-width:925px;margin:0 auto}.area_okayama-info h3{width:100%;line-height:0;margin-bottom:45px}.area_okayama-info ul{width:100%;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;-moz-column-gap:4.5%;column-gap:4.5%}.area_okayama-info ul li{width:21.9%;line-height:0}.area_okayama-info ul li a{display:block;cursor:pointer;opacity:1;transition:all .3s ease-in-out}.area_okayama-info ul li a:hover{opacity:.7}.area_okayama-info ul li div.photo{width:100%}.area_okayama-info ul li div.text{width:94%;margin:0 auto 12px}.area_okayama-footer .txt{width:55.5%;max-width:710px;margin:0 auto;padding-bottom:80px}@media only screen and (max-width: 800px){.area_okayama-footer .txt{width:65.5%}}.area_okayama-footer .txt .txt-tit{display:inline-block;margin-bottom:5px;width:14%}.area_okayama-footer .txt p{font-family:"Hiragino Kaku Gothic W3 JIS2004",Sans-Serif;font-weight:300;font-size:13px;line-height:1.27em}@media only screen and (max-width: 1024px){.area_okayama-footer .txt p{font-size:11px}}@media only screen and (max-width: 800px){.area_okayama-footer .txt p{font-size:1.375vw}}@media only screen and (max-width: 640px){.area_okayama-footer .txt p{font-size:11px}}.area_okayama-footer .txt p+p{margin-top:1.27em}.area_okayama-footer .page-link{margin:auto;width:67.31%}.area_okayama-footer .page-link img{width:100%;height:auto}#footer{background:#fff;padding-top:8%}@keyframes swing{0%{transform:rotate(0deg)}50%{transform:rotate(10deg)}100%{transform:rotate(0deg)}}.swing{animation:swing 2s infinite}.fade-in{display:block;opacity:1;transition:opacity .8s ease-in-out,all .8s ease}.fade-in.switch{opacity:0}.fade-up{opacity:1;transform:translate(0, 0);transition:opacity .8s ease-in-out,all .8s ease}.fade-up.switch{opacity:0;transform:translate(0, 40px)}.fade-up.day-ttl{transform:translate(-50%, 0)}.fade-up.day-ttl.switch{transform:translate(-50%, 40px)}.fade-down{opacity:1;transform:translate(0, 0);transition:opacity .8s ease-in-out,all .8s ease}.fade-down.switch{opacity:0;transform:translate(0, -40px)}.fade-right{opacity:1;transform:translate(0, 0);transition:opacity .8s ease-in-out,all .8s ease}.fade-right.switch{opacity:0;transform:translate(20px, 0)}.fade-left{opacity:1;transform:translate(0, 0);transition:opacity .8s ease-in-out,all .8s ease}.fade-left.switch{opacity:0;transform:translate(-20px, 0)}.fade-scale{opacity:1;transform:scale(1);transition:all .8s cubic-bezier(0.65, -0.55, 0.265, 1.55)}.fade-scale.switch{opacity:0;transform:scale(0.5)}.delay1{transition-delay:.3s}