body{background:#fff}#arrows{display:none}.area{color:#3c3c3c}.area-first{position:relative;width:100%;background:url("/book/monthly/202605/images/area_okinawahonto/main_bg.jpg") no-repeat center/cover;height:57.75vw;max-height:100dvh}.area-first .area-ttl{width:12.2%;max-width:156px;margin:0 auto}@media only screen and (max-width: 800px){.area-first .area-ttl{width:22.2%}}.area-first .area-ttl{margin:0;position:absolute;top:26px;left:28px}@media only screen and (max-width: 800px){.area-first .area-ttl{width:14%;max-width:179px;margin:0 auto}}@media only screen and (max-width: 800px)and (max-width: 800px){.area-first .area-ttl{width:24%}}.area-first .main-ttl{width:76.17%;margin:0 auto;position:absolute;top:50%;left:50%;transform:translateX(-50%)}@media only screen and (max-width: 1280px){.area-first .main-ttl{width:76.17%;max-width:974px;margin:0 auto}}@media only screen and (max-width: 1280px)and (max-width: 800px){.area-first .main-ttl{width:86.17%}}@media only screen and (max-width: 800px){.area-first .main-ttl{width:40.72%;max-width:521px;margin:0 auto}}@media only screen and (max-width: 800px)and (max-width: 800px){.area-first .main-ttl{width:50.72%}}.area-first .main-sub{width:28.3%;max-width:362px;margin:0 auto}@media only screen and (max-width: 800px){.area-first .main-sub{width:38.3%}}.area-first .main-sub{margin:0;position:absolute;top:0;right:0}.area-first .credit{position:absolute;width:5%;max-width:64px;margin:0 auto}@media only screen and (max-width: 800px){.area-first .credit{width:15%}}.area-first .credit{right:0;bottom:0}.area-first img{display:block;width:100%;height:auto}.area-first .main-figcaption{font-size:14px}@media only screen and (max-width: 1024px){.area-first .main-figcaption{font-size:12px}}@media only screen and (max-width: 800px){.area-first .main-figcaption{font-size:1.5vw}}@media only screen and (max-width: 640px){.area-first .main-figcaption{font-size:12px}}.area-first .main-figcaption{position:absolute;z-index:2;bottom:-2em;left:14%}.area-bg-wrap{position:relative;z-index:1}.area-summary{padding-top:50px;margin-bottom:30px;background:linear-gradient(0deg, rgba(112, 243, 120, 0) 0%, rgba(51, 183, 146, 0.45) 9%, #0388a6 18%, #00003e 27%, black 49%)}.area-summary .summary-box{width:58.6%;max-width:750px;margin:0 auto}@media only screen and (max-width: 800px){.area-summary .summary-box{width:68.6%}}.area-summary .summary-box{box-sizing:border-box;position:relative;z-index:1}.area-summary .summary-box .summary-txt{font-family:"Hiragino Kaku Gothic W3 JIS2004",Sans-Serif;font-size:17px}@media only screen and (max-width: 1024px){.area-summary .summary-box .summary-txt{font-size:15px}}@media only screen and (max-width: 800px){.area-summary .summary-box .summary-txt{font-size:1.875vw}}@media only screen and (max-width: 640px){.area-summary .summary-box .summary-txt{font-size:15px}}.area-summary .summary-box .summary-txt{line-height:1.733;color:#eaeaea;text-align:left}.area-summary .summary-box .staff-credit{font-family:"Hiragino Kaku Gothic W3 JIS2004",Sans-Serif;font-size:14px}@media only screen and (max-width: 1024px){.area-summary .summary-box .staff-credit{font-size:12px}}@media only screen and (max-width: 800px){.area-summary .summary-box .staff-credit{font-size:1.5vw}}@media only screen and (max-width: 640px){.area-summary .summary-box .staff-credit{font-size:12px}}.area-summary .summary-box .staff-credit{line-height:2.166;color:#eaeaea;margin-top:14px}@media only screen and (max-width: 800px){.area-summary .summary-box{width:70%;max-width:896px;margin:0 auto}}@media only screen and (max-width: 800px)and (max-width: 800px){.area-summary .summary-box{width:80%}}@media(max-width: 640px){.area-summary .summary-box{top:66%;bottom:unset}}.area-summary .summary-box .lead-ttl{width:100%;max-width:1280px;margin:0 auto}@media only screen and (max-width: 800px){.area-summary .summary-box .lead-ttl{width:110%}}.area-summary .summary-box .lead-ttl{margin-bottom:45px}.area-summary .summary-box .lead-ttl img{display:block;width:100%}.area-summary .access-bg{position:relative;background-position:center center;background-repeat:no-repeat;background-size:100% auto;padding-bottom:0}.area-summary .access-bg .access-box{padding-top:0}.area-summary .access-box{width:100%;max-width:1280px;margin:0 auto}@media only screen and (max-width: 800px){.area-summary .access-box{width:110%}}.area-summary .access-box{padding-bottom:85px;position:relative;z-index:0}.area-summary .access-box .map{width:22.36%;max-width:286px;margin:0 auto}@media only screen and (max-width: 800px){.area-summary .access-box .map{width:32.36%}}.area-summary .access-box .map figure{width:100%;margin:0 auto}.area-summary .access-box .map img{width:100%}.area-summary .access-box .route{width:32.5%;min-width:390px;position:relative;border-bottom:1px dotted #fff;color:#eaeaea;padding-bottom:23px;margin-left:50%;margin-top:35px}.area-summary .access-box .route .ttl{font-family:"Hiragino Kaku Gothic W6 JIS2004",Sans-Serif;font-weight:600;font-size:17px}@media only screen and (max-width: 1024px){.area-summary .access-box .route .ttl{font-size:15px}}@media only screen and (max-width: 800px){.area-summary .access-box .route .ttl{font-size:1.875vw}}@media only screen and (max-width: 640px){.area-summary .access-box .route .ttl{font-size:15px}}.area-summary .access-box .route dt{margin-bottom:23px;padding-bottom:10px;font-family:"Hiragino Kaku Gothic W6 JIS2004",Sans-Serif;font-size:15px}@media only screen and (max-width: 1024px){.area-summary .access-box .route dt{font-size:13px}}@media only screen and (max-width: 800px){.area-summary .access-box .route dt{font-size:1.625vw}}@media only screen and (max-width: 640px){.area-summary .access-box .route dt{font-size:13px}}.area-summary .access-box .route dt{border-bottom:1px dotted #fff}.area-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-summary .access-box .route dd{font-size:12px}}@media only screen and (max-width: 800px){.area-summary .access-box .route dd{font-size:1.5vw}}@media only screen and (max-width: 640px){.area-summary .access-box .route dd{font-size:12px}}.area-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-summary .access-box .route dd h6{font-size:12px}}@media only screen and (max-width: 800px){.area-summary .access-box .route dd h6{font-size:1.5vw}}@media only screen and (max-width: 640px){.area-summary .access-box .route dd h6{font-size:12px}}.area-summary .access-box .route .br{display:inline-block}.area-summary .access-box .route .mt_none{margin-top:0}.area-summary .access-box .img01{width:28.71%;position:absolute;bottom:-50px;left:13.87%;z-index:-1}.area-summary .access-box .img01 img{width:100%;display:block}.area-summary .access-box .img02{width:23.53%;position:absolute;top:-60px;right:10.35%;z-index:-1}.area-summary .access-box .img02 img{width:100%;display:block}.area-title{width:72.5%;max-width:928px;margin:0 auto}@media only screen and (max-width: 800px){.area-title{width:82.5%}}.area-title{position:relative;margin-bottom:90px}.area-title .center-title{width:100%;margin-bottom:15px;padding-bottom:0;position:relative;z-index:2}.area-title .center-title img{margin:auto;display:block;width:100%}.area-title .area_txt{font-family:"Hiragino Kaku Gothic W3 JIS2004",Sans-Serif;font-size:17px}@media only screen and (max-width: 1024px){.area-title .area_txt{font-size:15px}}@media only screen and (max-width: 800px){.area-title .area_txt{font-size:1.875vw}}@media only screen and (max-width: 640px){.area-title .area_txt{font-size:15px}}.area-title .area_txt{line-height:2;color:#000;text-align:center}.area-spot{padding-top:90px;padding-bottom:120px;position:relative;z-index:1}.area-spot .spot_ttl{width:100%;margin-bottom:20px}.area-spot .spot_ttl img{display:block;width:100%}.area-spot .spot_img{position:relative;margin-bottom:30px}.area-spot .spot_img img{display:block;width:100%}.area-spot .spot_img figcaption{padding-top:6px;font-family:"Hiragino Kaku Gothic W3 JIS2004",Sans-Serif;font-weight:300;font-size:14px}@media only screen and (max-width: 1024px){.area-spot .spot_img figcaption{font-size:12px}}@media only screen and (max-width: 800px){.area-spot .spot_img figcaption{font-size:1.5vw}}@media only screen and (max-width: 640px){.area-spot .spot_img figcaption{font-size:12px}}.area-spot .spot_img figcaption{line-height:1.43;letter-spacing:0;font-feature-settings:"palt"}.area-spot .spot-outer figure img{display:block;width:100%}.area-spot .topictext{width:100%;position:absolute;top:-2.5%;left:0}.area-spot .border{margin:70px auto;width:53.8%}.area-spot.bg_color1{background:#e9f7d7;padding-top:150px;padding-bottom:200px;position:relative;z-index:1}.area-spot.bg_color1::before{content:"";width:auto;height:41px;position:absolute;z-index:-1;left:0;right:0;top:-1px;background:url("/book/monthly/202605/images/area_okinawahonto/bg1_before.svg") no-repeat bottom left/100%}.area-spot.bg_color1::after{content:"";width:auto;height:41px;position:absolute;z-index:-1;left:0;right:0;bottom:-41px;background:url("/book/monthly/202605/images/area_okinawahonto/bg1_after.svg") no-repeat bottom left/100%}.area-spot.bg_color1 .info .data{color:#0388a6;margin-bottom:.3em}.area-spot.bg_color2{background:#ddd9f0;padding-top:150px;padding-bottom:120px;margin-bottom:220px;position:relative;z-index:0}.area-spot.bg_color2::before{content:"";width:auto;height:270px;position:absolute;z-index:-1;left:0;right:0;top:0px;background:linear-gradient(0deg, rgb(221, 217, 240) 26%, rgb(205, 227, 241) 100%)}.area-spot.bg_color2::after{content:"";width:auto;height:41px;position:absolute;z-index:0;left:0;right:0;bottom:-41px;background:url("/book/monthly/202605/images/area_okinawahonto/bg2_after.svg") no-repeat bottom left/100%}.area-spot.bg_color2 .info .data{color:#0388a6;margin-bottom:.3em}.area-spot .spot-inner{position:relative}.area-spot .spot-inner:not(:last-child){margin-bottom:100px}.area-spot .spot-inner .ttl-block{display:flex;justify-content:center;align-items:flex-start;position:relative;width:72.27%;max-width:925px;margin:0 auto}@media only screen and (max-width: 800px){.area-spot .spot-inner .ttl-block{width:82.27%}}.area-spot .spot-inner .ttl-block{margin:0 auto 20px}.area-spot .spot-inner .ttl-block .boxImg{width:81.35%}.area-spot .spot-inner .ttl-block .boxTtl{width:18.65%}.area-spot .spot-inner .ttl-block .boxTtl .spot_ttl{margin-bottom:0}.area-spot .spot-inner .spot-block{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;position:relative;z-index:1;width:72.27%;max-width:925px;margin:0 auto}@media only screen and (max-width: 800px){.area-spot .spot-inner .spot-block{width:82.27%}}.area-spot .spot-inner .spot-block{padding-top:0px;padding-bottom:0;margin-bottom:50px}.area-spot .spot-inner .spot-block h3.spot-name{line-height:0;margin-bottom:25px;position:relative;z-index:5}.area-spot .spot-inner .spot-block h3.spot-name+p{font-family:"Hiragino Kaku Gothic W3 JIS2004",Sans-Serif;font-weight:300;font-size:16px}@media only screen and (max-width: 1024px){.area-spot .spot-inner .spot-block h3.spot-name+p{font-size:14px}}@media only screen and (max-width: 800px){.area-spot .spot-inner .spot-block h3.spot-name+p{font-size:1.75vw}}@media only screen and (max-width: 640px){.area-spot .spot-inner .spot-block h3.spot-name+p{font-size:14px}}.area-spot .spot-inner .spot-block h3.spot-name+p{line-height:1.71;width:100%;max-width:1280px;margin:0 auto}@media only screen and (max-width: 800px){.area-spot .spot-inner .spot-block h3.spot-name+p{width:110%}}.area-spot .spot-inner .spot-block h3.spot-name+p{margin:0 auto}.area-spot .spot-inner .spot-block .boxImg{width:45.54%}.area-spot .spot-inner .spot-block .boxTxt{width:50%}.area-spot .spot-inner .spot-block .txt_box{width:100%;font-family:"Hiragino Kaku Gothic W3 JIS2004",Sans-Serif;font-size:17px}@media only screen and (max-width: 1024px){.area-spot .spot-inner .spot-block .txt_box{font-size:15px}}@media only screen and (max-width: 800px){.area-spot .spot-inner .spot-block .txt_box{font-size:1.875vw}}@media only screen and (max-width: 640px){.area-spot .spot-inner .spot-block .txt_box{font-size:15px}}.area-spot .spot-inner .spot-block .txt_box{line-height:1.6;color:#000}.area-spot .spot-inner .spot-block .info{width:100%;font-family:"Hiragino Kaku Gothic W3 JIS2004",Sans-Serif;font-weight:300;font-size:15px}@media only screen and (max-width: 1024px){.area-spot .spot-inner .spot-block .info{font-size:13px}}@media only screen and (max-width: 800px){.area-spot .spot-inner .spot-block .info{font-size:1.625vw}}@media only screen and (max-width: 640px){.area-spot .spot-inner .spot-block .info{font-size:13px}}.area-spot .spot-inner .spot-block .info{line-height:1.5;padding-top:25px;margin-bottom:45px;color:#000}.area-spot .spot-inner .spot-block .info .data{display:block;font-family:"Hiragino Kaku Gothic W6 JIS2004",Sans-Serif;font-weight:600;color:#0388a6;font-size:17px}@media only screen and (max-width: 1024px){.area-spot .spot-inner .spot-block .info .data{font-size:15px}}@media only screen and (max-width: 800px){.area-spot .spot-inner .spot-block .info .data{font-size:1.875vw}}@media only screen and (max-width: 640px){.area-spot .spot-inner .spot-block .info .data{font-size:15px}}.area-spot .spot-inner .spot-block .info .data{line-height:2;margin-bottom:.3em}.area-spot .spot-inner .sec_btn{display:block;width:31.25%;max-width:400px;margin:0 auto}@media only screen and (max-width: 800px){.area-spot .spot-inner .sec_btn{width:41.25%}}.area-spot .spot-inner .sec_btn{max-width:400px;margin-top:55px;cursor:pointer;opacity:1;transition:all .3s ease-in-out}.area-spot .spot-inner .sec_btn:hover{opacity:.7}.area-spot .spot-inner .sec_btn img{margin:auto;display:block;width:100%}.area-spot .spot-inner-wrap{width:82.71%;max-width:1058px;margin:0 auto}@media only screen and (max-width: 800px){.area-spot .spot-inner-wrap{width:92.71%}}.area-spot .spot-inner-wrap{display:flex;justify-content:space-between;position:relative}.area-spot .spot-inner-wrap .spot-inner{width:48.4%;margin-bottom:0;box-sizing:border-box}.area-spot .spot-inner-wrap .spot-inner .ttl-block{display:block;width:100%;margin-bottom:10px}.area-spot .spot-inner-wrap .spot-inner .spot-block{width:100%}.area-spot .spot-inner-wrap .sec_btn{width:77.3%;margin-top:30px}.area-spot .spot-inner.spot1{position:relative}.area-spot .spot-inner.spot1 .ttl-block{width:82.71%;max-width:1058px;margin:0 auto}@media only screen and (max-width: 800px){.area-spot .spot-inner.spot1 .ttl-block{width:92.71%}}.area-spot .spot-inner.spot1 .box-C{width:82.71%;max-width:1058px;margin:0 auto}@media only screen and (max-width: 800px){.area-spot .spot-inner.spot1 .box-C{width:92.71%}}.area-spot .spot-inner.spot1 .spot-block{width:76.17%;max-width:974px;margin:0 auto}@media only screen and (max-width: 800px){.area-spot .spot-inner.spot1 .spot-block{width:86.17%}}.area-spot .spot-inner.spot1 .spot-block .boxTxt{width:54.6%}.area-spot .spot-inner.spot1 .spot-block .boxImg{width:42.31%}.area-spot .spot-inner.spot1 .img02{width:87.8%}.area-spot .spot-inner.spot1 .img03{margin-bottom:114px}.area-spot .spot-inner.spot1 .img04{margin-left:-11.8%;width:87.88%}.area-spot .spot-inner.spot2 .ttl-block{width:82.71%;max-width:1058px;margin:0 auto}@media only screen and (max-width: 800px){.area-spot .spot-inner.spot2 .ttl-block{width:92.71%}}.area-spot .spot-inner.spot2 .ttl-block .boxImg{width:80.28%}.area-spot .spot-inner.spot2 .ttl-block .boxTtl{margin-top:-14px;width:16.72%}.area-spot .spot-inner.spot2 .img02{margin-bottom:40px}.area-spot .spot-inner.spot3 .ttl-block .boxTtl{margin-top:-18px}.area-spot .spot-inner.spot3 .info{margin-bottom:50px}.area-spot .spot-inner.spot3 .img02{margin-bottom:40px}.area-spot .spot-inner.spot4{padding:28px 20px 40px;background-color:#f2f9fa}.area-spot .spot-inner.spot5{padding:28px 20px 40px;background-color:#f2f9fa}.area-spot .spot-inner.spot6{margin-bottom:120px}.area-spot .spot-inner.spot6 .ttl-block{width:76.17%;max-width:974px;margin:0 auto}@media only screen and (max-width: 800px){.area-spot .spot-inner.spot6 .ttl-block{width:86.17%}}.area-spot .spot-inner.spot6 .box-C{width:76.17%;max-width:974px;margin:0 auto}@media only screen and (max-width: 800px){.area-spot .spot-inner.spot6 .box-C{width:86.17%}}.area-spot .spot-inner.spot6 .spot-block{width:76.17%;max-width:974px;margin:0 auto}@media only screen and (max-width: 800px){.area-spot .spot-inner.spot6 .spot-block{width:86.17%}}.area-spot .spot-inner.spot6 .spot-block .boxTxt{width:54.6%}.area-spot .spot-inner.spot6 .spot-block .boxImg{width:41.67%}.area-spot .spot-inner.spot6 .img02{width:74.88%;margin-left:8.45%;margin-top:40px}.area-spot .spot-inner.spot6 .img02 figcaption{margin-top:15px}.area-spot .spot-inner.spot6 .img03{margin-bottom:40px}.area-spot .spot-inner.spot7{width:44.14%;max-width:564px;margin:0 auto}@media only screen and (max-width: 800px){.area-spot .spot-inner.spot7{width:54.14%}}.area-spot .spot-inner.spot7 .img01{width:88.9%;max-width:1137px;margin:0 auto}@media only screen and (max-width: 800px){.area-spot .spot-inner.spot7 .img01{width:98.9%}}.area-spot .spot-inner.spot7 .sec_btn{width:70.8%;max-width:906px;margin:0 auto}@media only screen and (max-width: 800px){.area-spot .spot-inner.spot7 .sec_btn{width:80.8%}}.area-spot .spot-inner.spot7 .sec_btn{margin-top:45px}.area-spot .spot-inner.spot8 .ttl-block{width:76.17%;max-width:974px;margin:0 auto}@media only screen and (max-width: 800px){.area-spot .spot-inner.spot8 .ttl-block{width:86.17%}}.area-spot .spot-inner.spot8 .ttl-block .boxImg{width:79.5%}.area-spot .spot-inner.spot8 .ttl-block .boxTtl{margin-top:-13px;width:20.5%}.area-spot .spot-inner.spot8 .img02{margin-bottom:40px}.area-spot .spot-inner.spot8 .spot-block{margin-bottom:0}.area-spot .spot-inner.spot8 .sec_btn{margin-top:35px}.area-eff{position:absolute;z-index:-1}.area-eff img{display:block;width:100%}.area-eff.eff01{right:-7.4%;bottom:-92px;width:23.78%}.area-eff.eff02{position:relative;z-index:0;width:29.36%;margin-top:8.2%;margin-left:5.25%}.area-eff.eff03{position:relative;z-index:0;width:57%;margin-top:23%;margin-left:25%}.area-eff.eff04{position:relative;z-index:0;width:62.7%;margin-top:8.5%;margin-left:22%}.area-eff.eff05{right:9.6%;top:-58px;width:10.67%}.area-eff.eff06{left:1.2%;bottom:-38px;width:6.9%}.area-eff.eff07{position:relative;z-index:0;width:69.2%;margin-left:10%}.area-eff.eff08{left:8.5%;bottom:-200px;width:23%;z-index:1;max-width:300px}.area-eff.eff09{left:6.75%;top:1px;width:86.35%;z-index:1}.area-eff.eff10{position:relative;z-index:0;width:49.26%;margin-left:9.8%;margin-top:25%}.area-info{width:79.1%;max-width:925px;margin:0 auto}.area-info .center-title{margin:0 auto 55px}.area-info .center-title img{display:block;margin:0 auto;max-width:100%}.area-info ul{width:100%;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;-moz-column-gap:4%;column-gap:4%}.area-info ul li{width:21.9%;line-height:0}.area-info ul li a{display:block;cursor:pointer;opacity:1;transition:all .3s ease-in-out}.area-info ul li a:hover{opacity:.7}.area-info ul li div.photo{width:100%}.area-info ul li div.text{width:94%;margin:0 auto 12px}.area-info ul li div.text img{width:100%}.area-footer .txt{width:55.5%;max-width:710px;margin:0 auto}@media only screen and (max-width: 800px){.area-footer .txt{width:65.5%}}.area-footer .txt{padding-bottom:80px}.area-footer .txt .txt-tit{display:inline-block;margin-bottom:5px;width:14%}.area-footer .txt p{font-family:"Hiragino Kaku Gothic W3 JIS2004",Sans-Serif;font-weight:300;font-size:13px}@media only screen and (max-width: 1024px){.area-footer .txt p{font-size:11px}}@media only screen and (max-width: 800px){.area-footer .txt p{font-size:1.375vw}}@media only screen and (max-width: 640px){.area-footer .txt p{font-size:11px}}.area-footer .txt p{line-height:1.27em}.area-footer .txt p+p{margin-top:1.27em}.area-footer .page-link{margin:auto;width:67.31%}.area-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}