﻿/*!
*  Style.css | ©bocl-trip
*/@import url("https://fonts.googleapis.com/earlyaccess/notosansjp.css");@import url("https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap");html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}.row-flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.row-flex>*{-webkit-box-flex:0 1 auto;-moz-box-flex:0 1 auto;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.row-flex__end{-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack:flex-end}.row-flex__center{-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center}.row-flex__around{-webkit-justify-content:space-around;-moz-justify-content:space-around;-ms-justify-content:space-around;justify-content:space-around;-ms-flex-pack:space-around}.row-flex__wrap{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.row-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr))}*{-webkit-text-size-adjust:100%;box-sizing:border-box}html{position:relative;min-width:1100px;font-family:"Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:15px;-webkit-text-size-adjust:100%}@media only screen and (max-width: 640px){html{min-width:auto;font-size:13px}}body{position:relative;color:#333;font-family:"Kosugi Maru",sans-serif;font-size:1.0em;font-weight:normal;line-height:1.8;text-align:center}@media only screen and (max-width: 640px){body{font-size:1.0em;line-height:1.6}}img{vertical-align:top}@media only screen and (max-width: 640px){img{max-width:100%;height:auto}}ol,ul{padding:0;margin:0;list-style:none}a{color:#111;text-decoration:none;overflow:hidden}a:hover{color:#14aae5}a:hover img{opacity:0.8}small{font-size:0.9em}.hidden{display:none}.visible-tb{display:none}.visible-ss{display:none}@media only screen and (max-width: 1024px){.visible-tb{display:block}.hidden-tb{display:none}}@media only screen and (max-width: 640px){.visible-ss{display:block}.hidden-ss{display:none}}.container{display:block;width:1040px;margin:0 auto}.container:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}@media only screen and (max-width: 640px){.container{width:auto;padding:0 15px}}.section{padding:60px 0}.section-ttl{margin-bottom:20px}.section-ttl::after{content:'';display:block;width:360px;height:2px;margin:10px auto;background-color:#29abe2}.section-lead{margin-bottom:40px;font-size:1.8rem;line-height:1.6}.section-txt{margin-bottom:30px;font-size:1.1rem;font-weight:500;line-height:1.8;text-align:left}@media only screen and (max-width: 640px){.section{padding:30px 0}.section-ttl{margin-bottom:10px}.section-ttl img{width:auto;height:16px}.section-ttl::after{width:180px;margin:15px auto}.section-lead{margin-bottom:20px;font-size:1.4rem;line-height:1.6}.section-txt{margin-bottom:15px;line-height:1.8;text-align:left}}.txt_left{text-align:left}.txt_right{text-align:right}.txt_center{text-align:center}.txt_uline{text-decoration:underline}.btn{margin:30px auto 10px}.btn a{display:inline-block;width:300px;height:50px;color:#111;font-size:1.4rem;font-weight:600;text-align:center;line-height:44px;background-color:#fff;border:3px solid #14aae5;border-radius:30px;transition:0.2s}.btn a:hover{box-shadow:0 0 10px rgba(0,0,0,0.3)}@media only screen and (max-width: 640px){.btn{margin:30px auto 10px}.btn a{width:240px}.btn a:hover{box-shadow:0 0 10px rgba(0,0,0,0.3)}}.header{position:relative}.header-logo{position:absolute;top:30px;left:60px;z-index:301}.header-sns{position:absolute;top:60px;right:60px;z-index:301}.header-link{position:absolute;top:20px;top:30px;right:20px;z-index:100}.header-link a{display:block;max-width:360px;margin:10px 0}.header-link a img{width:100%}@media only screen and (max-width: 640px){.header-logo{position:absolute;top:10px;left:0;right:0;width:140px;margin:auto}.header-logo.-sp{width:120px}.header-sns{position:absolute;top:20px;right:20px}}.header-toggle{position:absolute;top:0;right:10px;z-index:300;display:none;width:60px;height:70px;padding:20px 10px}.header-toggle-btn{position:relative;display:block;width:40px;height:30px}.header-toggle-btn span{position:absolute;left:0;display:block;width:100%;height:4px;background-color:#fff;border-radius:2px;transition:all .4s;box-sizing:border-box}.header-toggle-btn span:nth-of-type(1){top:0}.header-toggle-btn span:nth-of-type(2){top:13px}.header-toggle-btn span:nth-of-type(3){bottom:0}@media only screen and (max-width: 1024px){.header-toggle{display:block;z-index:202}.header-toggle.open span:nth-of-type(1){top:13px;transform:rotate(225deg)}.header-toggle.open span:nth-of-type(2){display:none}.header-toggle.open span:nth-of-type(3){bottom:13px;transform:rotate(-225deg)}}.nav{position:fixed;bottom:3%;left:0;right:0;z-index:200}.nav-item{margin:20px}@media only screen and (max-width: 1024px){.nav{display:none;position:absolute;top:0;bottom:auto;left:0;right:0;background-color:#000;background-color:rgba(0,0,0,0.7)}.nav-list{width:340px;margin:auto;padding-top:240px;padding-bottom:80px}.nav-item{min-width:100%;margin:10px auto}.nav-item img{width:100%}}@media only screen and (max-width: 640px){.nav-list{width:260px;padding-top:220px}.nav-list.-sp{padding-top:180px}}.footer{padding-top:40px;padding-bottom:60px;padding-bottom:200px;padding-bottom:240px;background-color:#b8e5f7}.footer-logo{margin:0 20px}.footer-info{padding-top:15px;font-size:1.0rem;text-align:left}.footer-info+.footer-info{margin-left:80px}.footer-info-ttl{margin-bottom:5px;font-size:1.2rem;font-weight:600;line-height:1.4}.footer-info-name{padding-left:5px;margin-bottom:10px;margin-top:10px;margin-bottom:20px;font-size:1.3rem;font-weight:600;line-height:1.4}.footer-info-name small{font-size:0.7em}.footer-info-addr{padding-left:5px;font-size:1.0rem;font-size:1.1rem;line-height:1.4}@media only screen and (max-width: 640px){.footer{padding:20px 15px 40px}.footer-logo{margin:10px auto}.footer-info{width:300px;padding-top:0;margin:10px auto}.footer-info+.footer-info{margin-top:30px;margin-left:auto}.footer-info-name{margin-bottom:10px}}.common-bnr{padding:30px 0;background-color:#fff}.common-bnr-item{margin:20px}@media only screen and (max-width: 640px){.common-bnr-item{max-width:300px;margin:20px auto}}.follow{position:fixed;right:20px;bottom:30px;z-index:99;z-index:301}.follow-pagetop{margin-top:30px}@media only screen and (max-width: 640px){.follow{position:fixed;right:15px;bottom:20px;display:none}.follow-reserve{width:80px}.follow-pagetop{margin-top:10px}}.visual{position:relative;width:100%;height:calc(100vh - 60px);background-color:#ddeef7;background-image:url("../images/top/main_visual@2x.jpg");background-size:cover;background-position:center}.visual-ttl{position:absolute;top:160px;left:0;right:0;width:1100px;margin:auto}.visual-ttl-trip{width:1082px;height:308px}.visual-ttl-copy{position:absolute;bottom:60px;right:40px}@media only screen and (max-width: 640px){.visual{height:400px;background-image:url("../images/top/main_visual.jpg")}.visual-ttl{position:absolute;top:0;bottom:0;width:inherit}.visual-ttl-trip{display:none}.visual-ttl-copy{position:absolute;bottom:-20px;right:0}}.main{padding:60px 0;background-color:#ddeef7}.main-head{margin-bottom:30px}.main-head-logo{margin-bottom:30px}.main-head-txt{font-size:1.6rem;font-weight:bold;line-height:1.8}.main-intro{padding-top:60px;margin-bottom:30px;background-image:url("../images/bg_introduction.png");background-repeat:no-repeat;background-position:10% top}.main-intro-wrap{overflow:hidden}.main-intro-body{float:right;width:50%;padding:10px 100px 60px 30px;text-align:left}.main-intro-btn{text-align:left}.main-intro-photo{float:right}.main-plan{padding-top:60px;padding-bottom:60px}.main-plan-timeline+.main-plan-timeline{margin-top:20px}.main-plan-timeline img{max-width:100%}.main-plan-link{display:none}@media only screen and (max-width: 640px){.main{padding:30px 0}.main-head{padding:40px 0 30px;margin-bottom:30px}.main-head-logo{display:none;margin-bottom:20px}.main-head-txt{font-size:1.2rem;font-feature-settings:"palt"}.main-intro{padding-top:0;margin-bottom:60px;background-image:none}.main-intro-body{float:none;width:inherit;padding:0 20px 30px}.main-intro-btn{text-align:center}.main-intro-photo{float:none;width:500px}.main-plan{padding:0}.main-plan-timeline{display:none}.main-plan-link{display:block}.main-plan-link+.main-plan-link{margin-top:10px}.main-plan-link a{display:inline-block;width:300px;padding:10px;color:#111;font-size:1.2rem;font-weight:600;text-align:center;line-height:1.4;background-color:#fff;border:3px solid #14aae5;border-radius:30px}}.article{padding-top:60px}.article-head{margin-bottom:30px;overflow:hidden}.article-ttl{float:left;width:300px;padding-bottom:10px;text-align:right;border-bottom:1px solid #828282}.article-plan-ttl{margin-bottom:60px}.article-plan-box+.article-plan-box{margin-top:60px}.article-plan-box-ttl{margin-bottom:10px;font-size:2.0rem;font-weight:bold}.article-plan-box-ttl img{margin-right:20px;vertical-align:middle}.article-plan-head{max-width:700px}.article-plan-head.left{float:left;text-align:right}.article-plan-head.right{float:right;text-align:left}.article-plan-body{width:280px}.article-plan-body.left{float:left}.article-plan-body.right{float:right}.article-gallery{padding-bottom:90px}.article-gallery-ttl{padding-left:60px;margin-bottom:20px;text-align:left}.article-gallery-box{max-width:1100px;margin:auto}.article-gallery-item{margin:10px}.article-map-ttl{margin-bottom:30px;text-align:center}.article-map-box{height:450px}.article-map-box iframe{height:100%}@media only screen and (max-width: 640px){.article{padding-top:30px}.article-head{margin-bottom:10px}.article-ttl{width:160px;padding-bottom:5px}.article-ttl img{width:auto;height:14px}.article-plan{padding-top:30px}.article-plan-ttl{margin-bottom:30px}.article-plan-box+.article-plan-box{margin-top:20px}.article-plan-box-ttl{margin-bottom:10px;font-size:1.6rem}.article-plan-box-ttl img{width:auto;height:24px}.article-plan-box-ttl span{display:block}.article-plan-box-lead img{width:auto;height:240px}.article-plan-head{float:none !important;text-align:left !important}.article-plan-body{float:none !important;width:inherit;padding:20px}.article-gallery{padding-top:30px;padding-bottom:45px}.article-gallery-ttl{width:260px;padding-left:0;margin:0 auto 10px;text-align:center}.article-gallery-box{max-width:1100px;margin:auto}.article-gallery-item{width:44%;margin:5px}.article-map-box{height:300px}}.main-tour-logo{margin-bottom:45px;align-items:center}.main-tour-logo-item{margin:0 30px}.main-tour-lead{margin-bottom:80px;font-size:1.6rem;font-weight:bold;font-feature-settings:"palt";line-height:1.8;text-align:left}.main-tour-notice{margin-bottom:30px;font-size:1.1rem;line-height:1.4;text-align:center}.main-tour-link{margin-top:30px;margin-bottom:60px}.main-tour-link-subject{margin-bottom:15px;text-align:left;font-size:1.8rem;line-height:1.4}.main-tour-link-subject::before{content:'●';color:#53A8DE;margin-right:10px}.main-tour-link-box{margin-bottom:30px}.main-tour-link-btn{display:inline-block;padding:30px 45px;margin:15px 15px;color:#000;font-size:1.6rem;text-align:center;line-height:1.2;background-color:#fff;border:4px solid #53A8DE;border-radius:45px}.main-tour-link-btn.-blue{color:#fff;background-color:#53A8DE}.main-tour-link-btn.-blue:hover{background-color:#274574;border-color:#274574}.main-tour-link-btn.-large{min-width:700px;border-radius:65px}.main-tour-txt{margin-bottom:30px;font-size:1.4rem;line-height:1.6;text-align:center}@media only screen and (max-width: 640px){.main-tour{padding:40px 0 30px}.main-tour-logo{display:none;margin-bottom:20px}.main-tour-logo-item{margin:0 15px}.main-tour-lead{margin-bottom:40px;font-size:1.2rem}.main-tour-notice{font-size:1.0rem;text-align:left}.main-tour-link{margin-bottom:30px}.main-tour-link-subject{margin-bottom:30px;font-size:1.4rem}.main-tour-link-box{margin-bottom:20px}.main-tour-link-btn{width:100%;padding:15px 30px;margin:5px auto 10px;font-size:1.25rem;border-width:2px;border-radius:60px}.main-tour-link-btn.-large{min-width:100%}.main-tour-txt{font-size:1.2rem;text-align:left}}.cycling-visual{position:relative;width:100%;height:calc(100vh - 60px);background-color:#ddeef7;background-image:url("../images/cycling/bg_main_visual@2x.jpg");background-size:cover;background-position:center}.cycling-visual-head{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}.cycling-visual-ttl{margin:0 auto 60px}.cycling-visual-txt{color:#fff;font-size:1.2rem;font-weight:600;text-shadow:0 0 3px #000}@media only screen and (max-width: 640px){.cycling-visual-head{width:300px;margin:auto;transform:translate(-50%, -25%)}.cycling-visual-ttl{width:100%}.cycling-visual-ttl img{min-width:100%}.cycling-visual-txt{display:none}}.cycling-course{padding:60px 0;background-color:#ddeef7}.cycling-course-ttl{display:block;max-width:280px;padding-bottom:5px;margin:0 auto 30px;color:#29abe2;font-family:Georgia, "Times New Roman", Times, "serif";font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";font-size:1.8rem;font-weight:600;text-align:center;border-bottom:1px solid #29abe2}.cycling-course-illust{position:relative;width:830px;margin:0 auto}.cycling-course-illust-img{margin:0 auto 30px}.cycling-course-illust-btn{position:absolute;top:20px;right:20px}.cycling-course-map{display:none}.cycling-course-map iframe{width:100%;height:600px}@media only screen and (max-width: 640px){.cycling-course{padding:40px 0}.cycling-course-illust{display:none}.cycling-course-map{display:block}.cycling-course-map iframe{height:400px}}.cycling-point-list{padding:60px 0}.cycling-point-head{width:640px;margin:30px 20px}.cycling-point-head-ttl{margin-bottom:10px}.cycling-point-head-box{width:100%;padding:30px;background-color:#fffec3;overflow:hidden}.cycling-point-head-item{display:inline-block;margin:0 10px;font-size:1.0rem;text-align:center;vertical-align:bottom}.cycling-point-head-item_txt{min-height:240px;padding:80px 0 20px;line-height:1.6;text-align:left}.cycling-point-head-item_img{min-width:240px}.cycling-point-item{width:300px;margin:30px 20px}.cycling-point-item-icon{margin:0 auto 20px;text-align:center}.cycling-point-item-img{margin-bottom:20px}.cycling-point-item-name{margin-bottom:10px;color:#29abe2;font-size:1.4rem;line-height:1.4;text-align:left}.cycling-point-item-name small{display:block;font-size:0.8em;line-height:1.4}.cycling-point-item-body{min-height:240px}.cycling-point-item-txt{margin-bottom:10px;font-size:1.0rem;font-weight:400;line-height:1.6;text-align:left}.cycling-point-item-info{font-size:1.0rem;font-weight:600;line-height:1.6;text-align:left}.cycling-point-item-btn{margin:20px auto}.cycling-point-item-btn .btn{display:block;max-width:300px;height:40px;margin:auto;color:#fff;font-size:1.2rem;font-weight:600;text-align:center;line-height:40px;background-color:#29abe2;border-radius:15px;transition:0.3s}.cycling-point-item-btn .btn:hover{opacity:0.7}@media only screen and (max-width: 640px){.cycling-point-list{padding:30px 0}.cycling-point-head{width:auto;margin:20px auto}.cycling-point-head-box{padding:20px 15px}.cycling-point-head-item{display:block;margin:15px auto;text-align:center}.cycling-point-head-item_txt{min-height:inherit;padding:10px 0;font-size:1.1rem}.cycling-point-item{width:auto;max-width:320px;margin:20px auto}.cycling-point-item-img img{width:100%;height:auto}.cycling-point-item-body{min-height:inherit}}.spot-visual{position:relative;width:100%;height:calc(100vh - 60px);background-color:#ddeef7;background-image:url("../images/spot/bg_main_visual@2x.jpg");background-size:cover;background-position:center}.spot-visual-head{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}.spot-visual-ttl{margin:0 auto 60px}.spot-visual-txt{color:#fff;font-size:1.2rem;font-weight:600;text-shadow:0 0 3px #000}@media only screen and (max-width: 640px){.spot-visual-head{width:300px;margin:auto;transform:translate(-50%, -25%)}.spot-visual-ttl{width:100%}.spot-visual-ttl img{min-width:100%}.spot-visual-txt{display:none}}.spot-course{padding:30px 0;background-color:#ddeef7}.spot-course-map iframe{width:100%;height:600px}@media only screen and (max-width: 640px){.spot-course{padding:20px 0}.spot-course-map iframe{height:400px}}.spot-point-list{padding:30px 0}.spot-point-item{width:480px;padding:20px;margin:20px 20px;border:1px solid #ccc;border-radius:10px}.spot-point-item-img{margin-bottom:20px}.spot-point-item-img img{width:100%;height:auto}.spot-point-item-head{margin-bottom:15px;color:#29abe2;text-align:left}.spot-point-item-lead{font-size:1.2rem;line-height:1.4}.spot-point-item-name{font-size:1.6rem;line-height:1.4}.spot-point-item-body{min-height:120px;margin-bottom:15px;font-size:1.0rem;font-weight:400;line-height:1.8;text-align:left}.spot-point-item-info{padding:10px 5px;font-size:1.0rem;font-weight:600;line-height:1.6;text-align:left;border-top:1px solid #ccc}.spot-point-item-btn{margin:20px auto}.spot-point-item-btn .btn{display:block;max-width:300px;height:40px;margin:auto;color:#fff;font-size:1.2rem;font-weight:600;text-align:center;line-height:40px;background-color:#29abe2;border-radius:15px;transition:0.3s}.spot-point-item-btn .btn:hover{background-color:#ddeef7}@media only screen and (max-width: 640px){.spot-point-item{width:auto;max-width:340px;padding:15px;margin:15px auto}.spot-point-item-body{min-height:inherit}}
