@import url(https://fonts.googleapis.com/css?family=Oswald:300,500&display=swap);#app{line-height:1.5;color:#000;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:none}#app:after{display:block;content:""}#app hr{font-size:0;height:1px;margin:0;padding:0;border:0;border-top:1px solid #fff}#app input,#app select{vertical-align:middle;border:1px solid #ccc}#app textarea{border:1px solid #ccc}#app,#app button,#app input,#app select,#app textarea{font-size:1rem;font-size:16px}#app a{text-decoration:none;color:#000;-webkit-tap-highlight-color:rgba(0,0,0,.2)}#app a:active,#app a:focus,#app a:hover{color:#333}#app a:hover{text-decoration:none!important}#app .route-box .route-body .swiper-card .card-text p,#app figure,#header{position:relative}#app figure img{width:100%;vertical-align:bottom}#app ul{list-style:none}#app .inner-box{box-sizing:border-box;max-width:1240px;margin:0 auto;padding:0 6.94444%} .hero{overflow: hidden;}#app #campaign-blcok{padding:6.94444% 0}#app #campaign-blcok h2,#app h2{font-family:"Oswald",sans-serif;font-size:6.25rem;font-size:100px;font-weight:500;line-height:1;margin-bottom:2.77778%;color:#028898}#app #campaign-blcok .bnr-l{margin:0 auto 5.55556%;text-align:center}#app #campaign-blcok .bnr-l a,#app #campaign-blcok .bnr-l.switch-pc{display:block}#app #campaign-blcok .bnr-l.switch-sp{display:none}#app #campaign-blcok .bnr-s{width:80%;margin:0 auto;text-align:center}#app #experience-block{padding:6.94444% 0;background:url(/japan-travel-planner/shikoku-driving-tourism/assets/images/bg-experience.jpg) no-repeat #000 center/cover;background-size:cover}#app #experience-block p,#app .book-btn a,#app .more-btn a{font-family:"Oswald",sans-serif;font-weight:300;line-height:1}#app #experience-block p{font-size:4.75rem;font-size:76px;margin-bottom:5.55556%;text-align:center;color:#fff}#app #experience-block a{border:8px solid #fff}#app .icn-window svg{width:20px;height:20px}#app .button:hover{opacity:1;background:rgba(213,65,0,.6)}footer.footer{padding-top:1px}#app .book-btn a,#app .more-btn a,#app .route-box .route-head .route-link a p{font-size:1.75rem;font-size:28px;display:block;display:flex;max-width:200px;padding:8px 32px 8px 16px;transition-duration:.6s;color:#fff;background:#028898;justify-content:space-between}#app .book-btn a,#app .more-btn a{position:relative}#app .book-btn a:after,#app .more-btn a:after,#app .route-box .route-body .swiper-card .more-btn:after,#app .route-box .route-head .route-link a p:after{position:absolute;top:50%;right:16px;display:block;width:10px;height:10px;margin-top:-6px;content:"";transform:rotate(45deg);border-top:solid 2px #fff;border-right:solid 2px #fff}#app .book-btn a:hover,#app .more-btn a:hover{transition-duration:.6s;background:#015b66}#app .book-btn a i.icn-window svg{vertical-align:middle;fill:#fff}#header{z-index:9999}#app #about-block figure,#app #about-block h2,#app #about-block p,#app .route-box .route-head h2,#app h1{opacity:0}#app #itinerary-hero{position:relative;height:700px}#app #it-he-vid,#app .it-he-cover{position:absolute;top:0;left:0;width:100%;height:100%}#app .it-he-cover{z-index:2;display:flex;align-items:center;justify-content:center}#app .btn-start,#app .btn-stop{position:absolute;z-index:3;right:0;bottom:0;width:80px;height:80px;padding:25px;border:0;background:rgba(0,0,0,.6)}#app .btn-start-img,#app .btn-stop-img{width:30px;height:30px}#app .btn-start{visibility:hidden}#app #about-block{position:relative;padding:6.94444% 0;background:#e4f1f3}#app #about-block:before{position:absolute;top:0;left:50%;width:1px;height:100px;content:"";transform:translateY(-50%);background:#000}#app #about-block .inner-box,#app .route-box .route-head{display:flex;flex-wrap:wrap;justify-content:space-between}#app #about-block .desc-box{width:39.51613%}#app #about-block nav{width:59.67742%}#app #about-block nav ul{position:relative;width:100%;background:url(/japan-travel-planner/shikoku-driving-tourism/assets/images/routemap.png) no-repeat left top/100%;background-size:100%;opacity:0}#app #about-block nav ul li{position:absolute}#app #about-block nav ul li a,#app #about-block nav ul li span{font-family:"Oswald",sans-serif;font-weight:500;line-height:1;display:block;text-align:center}#app #about-block nav ul li a{width:100%;height:100%;font-size:2rem;font-size:32px}#app #about-block nav ul li span{font-size:1.25rem;font-size:20px;margin-top:4px;text-shadow:#fff 2px 0 2px,#fff -2px 0 2px,#fff 0 -2px 2px,#fff -2px 0 2px,#fff 2px 2px 2px,#fff -2px 2px 2px,#fff 2px -2px 2px,#fff -2px -2px 2px,#fff 1px 2px 2px,#fff -1px 2px 2px,#fff 1px -2px 2px,#fff -1px -2px 2px,#fff 2px 1px 2px,#fff -2px 1px 2px,#fff 2px -1px 2px,#fff -2px -1px 2px,#fff 1px 1px 2px,#fff -1px 1px 2px,#fff 1px -1px 2px,#fff -1px -1px 2px}#app #about-block nav ul li.route-01{top:3.39%;left:47.57%}#app #about-block nav ul li.route-01 a{border-bottom:3px solid #0a9d96}#app #about-block nav ul li.route-02{top:27.71%;left:70.27%}#app #about-block nav ul li.route-02 a{border-bottom:3px solid #0a3b9e}#app #about-block nav ul li.route-03{top:62.5%;left:48.92%}#app #about-block nav ul li.route-03 a{border-bottom:3px solid #0a9d2a}#app .anker{margin-top:-80px;padding-top:80px}#app .route-box{padding:6.94444% 0;background:linear-gradient(180deg,#fff 0%,#fff 50%,#efecec 50%,#efecec 100%)}#app .route-box .route-head .route-link{width:426px;opacity:0;flex-shrink:0}#app .route-box .route-head .route-link a{position:relative;display:block;width:100%;max-width:426px;padding-top:19.24883%;transition-duration:.6s;background:#000;background:url(/japan-travel-planner/shikoku-driving-tourism/assets/images/nav-route.jpg) no-repeat #000 center/100%;background-size:100%}#app .route-box .route-head .route-link a:hover{transition-duration:.6s;opacity:.8}#app .route-box .route-head .route-link a:hover p{transition-duration:.6s;opacity:1;background:#015b66}#app .route-box .route-head .route-link a p{position:absolute;right:0;bottom:0}#app .route-box .route-body .card-title{font-family:"Oswald",sans-serif;font-size:2rem;font-size:32px;font-weight:500;line-height:1;margin-bottom:8px}#app .route-box .route-body .card-title span,#app .route-box .route-head .route-link a p{font-family:"Oswald",sans-serif;font-weight:300;line-height:1}#app .route-box .route-body .swiper-slide{opacity:0}#app .route-box .route-body .swiper-card{position:relative;border-bottom:4px solid #c7c7c7;background:#fff}#app .route-box .route-body .swiper-card a{display:block}#app .route-box .route-body .swiper-card figure{overflow:hidden}#app .route-box .route-body .swiper-card .card-text{padding:16px 16px 48px}#app .route-box .route-body .swiper-card .card-text p:before{position:absolute;z-index:1;top:0;left:0;display:block;width:100%;height:100%;content:"";background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 90%)}#app .route-box .route-body .swiper-card .more-btn{font-family:"Oswald",sans-serif;font-size:2rem;font-size:32px;font-weight:300;line-height:1;position:absolute;z-index:4;right:0;bottom:0;display:flex;max-width:280px;padding:8px 32px 8px 16px;transition-duration:.6s;color:#fff;background:#028898;justify-content:space-between}#app .route-box .route-body .bnr-btn{max-width:700px;margin:32px auto 0;text-align:center;opacity:0}#app .route-box .route-body .bnr-btn img{width:100%}#app .route-box .route-body .bnr-btn a{display:block;transition:.4s}#app .route-box .route-body .bnr-btn a:hover{transition:.4s;opacity:.5}#app .over-block{background:#fff}#app .swiper-button-next,#app .swiper-button-prev{display:none;position:absolute;z-index:9;top:50%;width:32px;height:104px;margin-top:-32px;cursor:pointer;background-repeat:no-repeat;background-position:center}#app .swiper-button-next,#app .swiper-button-prev,#app .swiper-container-rtl .swiper-button-next,#app .swiper-container-rtl .swiper-button-prev{background:url(/japan-travel-planner/shikoku-driving-tourism/assets/images/icn_arrow.png) no-repeat left top/100%;background-size:100%}#app .swiper-button-next,#app .swiper-container-rtl .swiper-button-prev{transform:scale(-1,1);-webkit-filter:FlipH;filter:FlipH}html:lang(fr) #app .route-box .route-head .route-link a{transition-duration:.6s;background:url(/japan-travel-planner/shikoku-driving-tourism/assets/images/nav-route-fr.jpg) no-repeat #000 center/100%;background-size:100%}html:lang(fr) #app .route-box .route-head .route-link a:hover{transition-duration:.6s;opacity:.8}@media only screen and (min-width:1899px){#app #itinerary-hero{max-height:800px}}@media only screen and (max-width:1240px){#app .swiper-button-next,#app .swiper-button-prev{display:block}}@media only screen and (max-width:1024px){#app #campaign-blcok h2,#app h2{font-size:5rem;font-size:80px}#app #experience-block p{font-size:4rem;font-size:64px}#app #about-block nav ul li a,#app .book-btn a,#app .more-btn a,#app .route-box .route-head .route-link a p{font-size:1.5rem;font-size:24px}#app #about-block nav ul li span{font-size:1.125rem;font-size:18px}#app .route-box .route-head .route-link{width:48%}#app .route-box .route-body .swiper-card .more-btn{font-size:1.75rem;font-size:28px}}@media only screen and (max-width:768px){#app #campaign-blcok h2,#app h2{font-size:4rem;font-size:64px}#app #experience-block p{font-size:3rem;font-size:48px}:root{font-size:1rem;font-size:16px}#app #about-block nav ul li a,#app .book-btn a,#app .more-btn a,#app .route-box .route-head .route-link a p{font-size:1.25rem;font-size:20px}#app h1{max-width:320px}#app .btn-start,#app .btn-stop{width:50px;height:50px;padding:15px}#app .btn-start-img,#app .btn-stop-img{width:20px;height:20px}#app #about-block:before{height:50px}#app #about-block .desc-box,#app #about-block nav{width:100%}#app #about-block nav ul li span{font-size:1rem;font-size:16px}#app .anker{margin-top:-62px;padding-top:62px}#app .route-box .route-body .card-title{font-size:1.5rem;font-size:24px}#app .route-box .route-body .swiper-card .card-text p{font-size:.875rem;font-size:14px}#app .swiper-button-next,#app .swiper-button-prev{width:19px;height:55px}}@media only screen and (max-width:640px){#app .inner-box{padding:0 12px}#app #campaign-blcok h2,#app h2{font-size:3rem;font-size:48px;margin-bottom:12px}#app #campaign-blcok .bnr-l.switch-pc{display:none}#app #campaign-blcok .bnr-l.switch-sp{display:block}#app #experience-block p{font-size:2.5rem;font-size:40px}:root{font-size:.875rem;font-size:14px}#app #about-block nav ul li a,#app .book-btn a,#app .more-btn a,#app .route-box .route-head .route-link a p{font-size:1.125rem;font-size:18px}#app h1{max-width:300px}#app #about-block nav ul li span{font-size:.875rem;font-size:14px}#app .route-box .inner-box{padding:0 0 0 12px}#app .route-box .route-head{width:100%}#app .route-box .route-head .route-link{width:100%;margin-bottom:16px;padding-right:12px}#app .route-box .route-head .route-link a{max-width:inherit}#app .route-box .route-body .card-title{font-size:1.25rem;font-size:20px}#app .route-box .route-body .swiper-container{padding-right:12px}#app .route-box .route-body .swiper-slide{width:80%}#app .route-box .route-body .swiper-card .card-text{padding:8px 8px 40px}#app .route-box .route-body .swiper-card .card-text p{font-size:.75rem;font-size:12px}#app .route-box .route-body .bnr-btn{margin-right:12px}}@media only screen and (max-width:550px){#app #itinerary-hero{height:80vh;max-height:none}#app .hero{overflow: hidden;}}

.bnr-btn a {
    display: block;
    position: relative;
}

.icon__new_window {
    background-color: #fff;
    padding: 5px;
    position: absolute;
    top: 0;
    right: 0;
}