body{background:#fff}#arrows{display:none}.area{color:#3c3c3c}.area-first{position:relative;width:100%;background:url("/book/monthly/202609/images/area_kochi/main_bg.jpg") no-repeat center center/cover;height:69.6vw;max-height:100dvh}.area-first::after{content:"";bottom:0;width:100%;position:absolute;height:23%;background:linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);z-index:0}.area-first .area-ttl{width:10.8%;max-width:138px;margin:0 auto}@media only screen and (max-width: 800px){.area-first .area-ttl{width:20.8%}}.area-first .area-ttl{margin:0;position:absolute;z-index:2;top:26px;left:28px;filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.2))}.area-first .main-ttl{width:26.12%;max-width:334px;margin:0 auto}@media only screen and (max-width: 800px){.area-first .main-ttl{width:36.12%}}.area-first .main-ttl{margin:0;position:absolute;top:6.46%;right:3.75%;z-index:9;filter:drop-shadow(0 0 20px rgba(0, 102, 204, 0.3))}.area-first .main-ttl img{display:block;width:100%}@media only screen and (max-width: 800px){.area-first .main-ttl{width:11%;max-width:140px;margin:0 auto}}@media only screen and (max-width: 800px)and (max-width: 800px){.area-first .main-ttl{width:21%}}.area-first .main-sub{width:29.12%;max-width:372px;margin:0 auto}@media only screen and (max-width: 800px){.area-first .main-sub{width:39.12%}}.area-first .main-sub{margin:0;position:absolute;top:25.85%;left:14.03%}.area-first .main-sub img{display:block;width:100%}.area-first .credit{position:absolute;z-index:2;font-family:"Hiragino Kaku Gothic W3 JIS2004",Sans-Serif;font-size:14px}@media only screen and (max-width: 1024px){.area-first .credit{font-size:12px}}@media only screen and (max-width: 800px){.area-first .credit{font-size:1.5vw}}@media only screen and (max-width: 640px){.area-first .credit{font-size:12px}}.area-first .credit{line-height:1;color:#000;text-align:right;right:45px;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;padding-bottom:50px;position:relative}.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}.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:#000;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:#000;margin-top:20px}@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-box{width:58.6%;max-width:750px;margin:0 auto}@media only screen and (max-width: 800px){.area-summary .access-box{width:68.6%}}.area-summary .access-box{margin-top:50px;padding-bottom:0;position:relative;z-index:0}.area-summary .access-box .map{width:83.67%;max-width:1070px;margin:0 auto}@media only screen and (max-width: 800px){.area-summary .access-box .map{width:93.67%}}.area-summary .access-box .map figure{width:100%;max-width:1280px;margin:0 auto}@media only screen and (max-width: 800px){.area-summary .access-box .map figure{width:110%}}.area-summary .access-box .map img{width:100%}.area-summary .access-box .route{width:50%;max-width:640px;margin:0 auto}@media only screen and (max-width: 800px){.area-summary .access-box .route{width:60%}}.area-summary .access-box .route{margin-top:40px;min-width:360px;padding-bottom:23px;border-bottom:1px dotted #000}.area-summary .access-box .route .ttl{font-family:"Hiragino Kaku Gothic W6 JIS2004",Sans-Serif}.area-summary .access-box .route dt{font-family:"Hiragino Kaku Gothic W6 JIS2004",Sans-Serif;font-weight:600;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{margin-bottom:25px;border-bottom:1px dotted #000;padding-bottom:10px}.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 .img01{width:25%;top:-8px;left:-5%}.area-summary .img02{width:25.833334%;bottom:31px;left:-8.33334%}.area-summary .img03{width:25%;top:280px;right:-3%}.area-title{position:relative;width:72.26%;max-width:924px;margin:0 auto}@media only screen and (max-width: 800px){.area-title{width:82.26%}}.area-title{margin-bottom:100px}.area-title .center-title{margin-bottom:24px}.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{position:relative;z-index:0;padding-top:100px;padding-bottom:80px}.area-spot::after{content:"";background-image:url(/book/monthly/202609/images/area_kochi/bg_texture.png);position:absolute;z-index:-1;inset:0;mix-blend-mode:overlay}.area-spot .spot_ttl img{display:block;width:100%}.area-spot .spot_img{position:relative}.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 .spot-inner{position:relative}.area-spot .spot-inner:not(:last-of-type){padding-bottom:150px}.area-spot .spot-inner .ttl-block{display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column;position:relative;width:72.26%;max-width:924px;margin:0 auto}@media only screen and (max-width: 800px){.area-spot .spot-inner .ttl-block{width:82.26%}}.area-spot .spot-inner .ttl-block{margin-bottom:35px}.area-spot .spot-inner .ttl-block .spot_ttl{width:100%;max-width:1280px;margin:0 auto}@media only screen and (max-width: 800px){.area-spot .spot-inner .ttl-block .spot_ttl{width:110%}}.area-spot .spot-inner .ttl-block .spot_ttl{margin-bottom:40px}.area-spot .spot-inner .ttl-block .spot_img{width:81.08%;max-width:1037px;margin:0 auto}@media only screen and (max-width: 800px){.area-spot .spot-inner .ttl-block .spot_img{width:91.08%}}.area-spot .spot-inner .ttl-block .spot_img{margin:auto}.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.26%;max-width:924px;margin:0 auto}@media only screen and (max-width: 800px){.area-spot .spot-inner .spot-block{width:82.26%}}.area-spot .spot-inner .spot-block.boxTxt{margin-bottom:40px}.area-spot .spot-inner .spot-block.boxTxt .txt_box{width:56.08%}.area-spot .spot-inner .spot-block.boxTxt .info{width:40.54%}.area-spot .spot-inner .spot-block.boxImg .spot_img{width:46.62%}.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{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;color:#000}.area-spot .spot-inner .spot-block .info .data{display:block;font-family:"Hiragino Kaku Gothic W6 JIS2004",Sans-Serif;font-weight:600;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 .spot-block .spot_img:not(:last-child){margin-bottom:30px}.area-spot .spot-inner .sec_btn{display:block;width:31.54%;max-width:403px;margin:0 auto}@media only screen and (max-width: 800px){.area-spot .spot-inner .sec_btn{width:41.54%}}.area-spot .spot-inner .sec_btn{margin-top:50px;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:76.17%;max-width:974px;margin:0 auto}@media only screen and (max-width: 800px){.area-spot .spot-inner-wrap{width:86.17%}}.area-spot .spot-inner-wrap{display:flex;flex-wrap:wrap;justify-content:flex-start;position:relative;gap:40px 20px}.area-spot .spot-inner-wrap .spot-inner{width:48.72%;box-sizing:border-box;background-color:#fff;padding-bottom:24px}.area-spot .spot-inner-wrap .spot_ttl{display:block;width:100%;margin-bottom:15px}.area-spot .spot-inner-wrap .spot_img{width:86.84%;max-width:1111px;margin:0 auto}@media only screen and (max-width: 800px){.area-spot .spot-inner-wrap .spot_img{width:96.84%}}.area-spot .spot-inner-wrap .sec_btn{width:77.63%;margin-top:20px}.area-spot .spot-inner.spot21{margin-bottom:0}.area-spot .spot-inner.spot21 .spot-block{align-items:center;justify-content:center;background-color:#fff;padding:40px 0;box-sizing:border-box;column-gap:6.48%}.area-spot .spot-inner.spot21 .boxImg{width:44.59%;margin:0}.area-spot .spot-inner.spot21 .boxTxt{width:39.86%;margin:0}.area-spot .spot-inner.spot21 .sec_btn{width:100%;margin-left:0;margin-top:25px}.area-spot.bg_color1{background-color:#bee6a0}.area-spot.bg_color1 .data{color:#008200}.area-spot.bg_color2{background-color:#f0dcc8}.area-spot.bg_color2 .data{color:#aa3232}.area-spot.bg_color3{background-color:#dce6e6}.area-spot.bg_color3 .data{color:#323296}.area-eff{position:absolute;z-index:0}.area-eff img{display:block}.area-eff.eff01{width:17.16%;left:-8.65%;top:114px}.area-eff.eff02{width:24.32%;right:-13.92%;top:170px}.area-eff.eff03{width:16.89%;left:-9.19%;top:-102px}.area-eff.eff04{width:15.54%;right:-5.54%;top:42px}.area-eff.eff05{width:28.72%;right:9.1%;bottom:73px}.area-eff.eff06{width:16.35%;right:2.57%;top:0}.area-eff.eff07{width:17.3%;left:-5.96%;bottom:-117px}.area-eff.eff08{width:16.35%;right:-4.73%;bottom:-183px}.area-eff.eff09{width:14.86%;right:-0.8%;top:12px}.area-eff.eff10{width:10.81%;left:-1.89%;bottom:-195px}.area-eff.eff11{width:27.43%;right:-18.65%;bottom:-173px}.area-eff.eff12{width:16.22%;left:-10.14%;top:-71px}.area-eff.eff13{width:14.86%;right:-8.38%;top:-50px}.area-colum{position:relative;width:76.17%;max-width:974px;margin:0 auto}@media only screen and (max-width: 800px){.area-colum{width:86.17%}}.area-colum{box-sizing:border-box;margin-top:70px;background-color:#fff;clip-path:polygon(0% 30px, 30px 0%, calc(100% - 30px) 0%, 100% 30px, 100% calc(100% - 30px), calc(100% - 30px) 100%, 30px 100%, 0% calc(100% - 30px));padding:10px}.area-colum .colum-inner{display:flex;justify-content:center;position:relative;align-items:center;column-gap:3.47%;background-color:#f0ffeb;clip-path:polygon(0% 30px, 30px 0%, calc(100% - 30px) 0%, 100% 30px, 100% calc(100% - 30px), calc(100% - 30px) 100%, 30px 100%, 0% calc(100% - 30px));padding:42px 0;box-sizing:border-box}.area-colum .colum-inner .boxTxt{width:54.6%}.area-colum .colum-inner .boxTxt .colum-ttl{width:100%;margin-bottom:30px}.area-colum .colum-inner .boxTxt .colum-ttl img{width:100%}.area-colum .colum-inner .boxTxt .txt_box{width:100%;font-family:"Hiragino Kaku Gothic W3 JIS2004",Sans-Serif;font-size:17px}@media only screen and (max-width: 1024px){.area-colum .colum-inner .boxTxt .txt_box{font-size:15px}}@media only screen and (max-width: 800px){.area-colum .colum-inner .boxTxt .txt_box{font-size:1.875vw}}@media only screen and (max-width: 640px){.area-colum .colum-inner .boxTxt .txt_box{font-size:15px}}.area-colum .colum-inner .boxTxt .txt_box{line-height:1.6;color:#000;letter-spacing:1px;text-align:justify}.area-colum .colum-inner .boxImg{width:36.84%}.area-info{width:79.1%;max-width:925px;margin:0 auto;padding-top:100px}.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;column-gap:4.5%}.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}