@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;overflow:hidden}#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 figure{position:relative}#app figure img{width:100%;vertical-align:bottom}#app ul{list-style:none}#app .inner-box{box-sizing:content-box;max-width:1240px;margin:0 auto;padding:0 6.94444%}#app #campaign-blcok{padding:6.94444% 0}#app #campaign-blcok h2,#app #experience-block p{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,#app .route-timeline-block .route-box .route-title span{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{font-size:4.75rem;font-size:76px;font-weight:300;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{font-size:1.75rem;font-size:28px;position:relative;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:after,#app .more-btn a:after,#app .route-nav-block ul li 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}#app #visual-block{position:relative;padding:6.94444% 0;text-align:center;background:url(/japan-travel-planner/shikoku-driving-tourism/assets/images/bg-route.jpg) no-repeat center bottom/100%}#app #visual-block:before{position:absolute;top:0;left:0;display:block;width:100%;height:100%;content:"";background:rgba(0,0,0,.5)}#app #visual-block h1{position:absolute;top:16px;left:16px;max-width:180px;opacity:0}#app #visual-block h1 a{display:block;padding-left:16px}#app #visual-block h1 a:before{position:absolute;top:50%;display:block;width:24px;height:24px;margin-top:-10px;content:"";transform:rotate(-135deg);border-top:solid 2px #fff;border-right:solid 2px #fff}#app #day-block .day-title,#app #visual-block h2{font-family:"Oswald",sans-serif;font-weight:500;line-height:1;opacity:0}#app #visual-block h2{position:relative;z-index:9;color:#fff;font-size:4rem;font-size:64px}#app #picture-block{padding:11.11111% 0;background:#000}#app #picture-block figure{opacity:0}#app #day-block .day-title{font-size:3.5rem;font-size:56px;margin-bottom:5.55556%;transition:.6s;transform:translateY(40px);text-align:center}#app #day-block .day-title.fade,#app .movie-block.fade{transition:.6s;transform:translateY(0);opacity:1}#app #day-block .day-title span,#app .book-btn a,#app .more-btn a{font-family:"Oswald",sans-serif;font-weight:300;line-height:1}#app #day-block .day-box{margin-top:-120px;padding-top:120px}#app #day-block .day-box .day-body{display:flex;margin-bottom:5.55556%;flex-wrap:wrap}#app #day-block .day-box .day-body figure{width:50%;max-width:720px;transition:.6s;transform:translateX(40px);opacity:0}#app #day-block .day-box .day-body figure figcaption{font-size:.875rem;font-size:14px;margin-top:4px}#app #day-block .day-box .day-body figure figcaption a{text-decoration:underline;color:#028898}#app #day-block .day-box .day-body .day-text{width:50%;padding:0 2.77778% 0 6.94444%;transition:.6s;transform:translateX(-40px);opacity:0}#app #day-block .day-box .day-body .day-text>p:nth-child(2){margin-top:1em}#app #day-block .day-box .day-body.flip-box .day-text{padding:0 6.94444% 0 2.77778%;order:1;transition:.6s;transform:translateX(40px);opacity:0}#app #day-block .day-box .day-body.flip-box figure{margin:0 0 0 auto;transition:.6s;transform:translateX(-40px);opacity:0}#app #day-block .day-box .day-body.flip-box figure figcaption{text-align:right}#app #day-block .day-box .day-body .day-text.fade,#app #day-block .day-box .day-body figure.fade{transition:.6s;transform:translateX(0);opacity:1}#app #day-block .day-box .day-body .day-text.fade{transition-delay:.6s}#app #day-block .day-box .day-btn{max-width:700px;margin:32px auto;text-align:center}#app #day-block .day-box .day-btn img{width:100%}#app #day-block .day-box .day-btn a{display:block;transition:.4s}#app #day-block .day-box .day-btn a:hover{transition:.4s;opacity:.5}#app .movie-block{position:relative;max-width:900px;margin:0 auto 5.55556%;transition:.6s;transform:translateY(40px);opacity:0}#app .movie-block .movie-box{position:relative;width:100%;padding-top:56.25%}#app .movie-block .movie-box iframe{position:absolute;top:0;left:0;width:100%;height:100%}#app .route-timeline-block{display:flex;width:100%;height:10.25rem;margin-bottom:64px;padding:0;justify-content:space-between}#app .route-timeline-block .route-box{position:relative;width:100%;opacity:0}#app .route-timeline-block .route-box:after,#app .route-timeline-block .route-box:before{position:absolute;top:4.75rem;display:block;content:"";transform:translateY(-50%);background:#028898}#app .route-timeline-block .route-box:before{width:24px;border-radius:100%;height:24px}#app .route-timeline-block .route-box:after{right:0;left:0;height:4px}#app .route-timeline-block .route-box .route-title{font-family:"Oswald",sans-serif;font-size:1rem;font-size:16px;font-weight:500;line-height:1;color:#000}#app .route-timeline-block .route-box .route-approx,#app .route-timeline-block .route-box .route-icn{font-family:"Oswald",sans-serif;font-size:1rem;font-size:16px;font-weight:500;line-height:1;position:absolute;right:0;left:1.4375rem;text-align:center}#app .route-timeline-block .route-box .route-icn{bottom:6rem}#app .route-timeline-block .route-box .route-icn img{max-width:54px}#app .route-timeline-block .route-box .route-approx{bottom:0;height:4rem;margin-top:4.75rem;color:#000}#app .route-timeline-block .route-box .route-approx span{font-size:1.875rem;font-size:30px}#app .route-timeline-block .route-box:last-child{width:auto}#app .route-timeline-block .route-box:last-child:after{display:none}#app #rent-block{padding:6.94444% 0;background:#efecec}#app #rent-block 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;opacity:0}#app #rent-block .rent-body{display:flex;flex-wrap:wrap;justify-content:space-between}#app #rent-block .rent-body figure{overflow:hidden;width:38.88889%;text-align:center}#app #rent-block .rent-body figure img{max-width:502px}#app #rent-block .rent-body .rent-text{width:50%}#app #rent-block .rent-body .rent-text .rent-title{font-size:1.625rem;font-size:26px;font-weight:700}#app #rent-block .rent-body .rent-text p{margin-bottom:2em}#app #rent-block .over-block{position:absolute;display:block;width:100%;height:100%;background:#efecec}#app .page-nav-block{position:fixed;z-index:11;top:50%;right:0;transform:translateY(300%) rotate(90deg);transform-origin:100% 100%}#app .page-nav-block ul{display:flex}#app .page-nav-block ul li{transform:translateY(100%)}#app .page-nav-block ul li:not(:last-child){margin-right:8px}#app .day-nav-block ul,#app .page-nav-block ul li a{font-family:"Oswald",sans-serif;font-weight:500;line-height:1}#app .page-nav-block ul li a{display:block;padding:16px;color:#fff;border:1px solid #fff;border-radius:0 0 8px 8px;background:#015b66;font-size:1.5rem;font-size:24px}#app .page-nav-block ul li.active a{background:#000}#app .day-nav-block{position:relative;max-width:1000px;margin:0 auto;padding:64px 0 100px}#app .day-nav-block figure{position:absolute;max-width:290px;transform:translate(0%,-70%);opacity:0}#app .day-nav-block ul{font-size:3.125rem;font-size:50px;display:flex;width:100%;justify-content:center}#app .day-nav-block ul li{position:relative;opacity:0}#app .day-nav-block ul li:not(:last-child):after{font-family:"Oswald",sans-serif;font-size:3.125rem;font-size:50px;font-weight:500;line-height:1;margin:0 4px;content:"/";color:#028898}#app .day-nav-block ul li a{position:relative;color:#028898}#app .day-nav-block ul li a:after{position:absolute;top:inherit;bottom:-16px;left:50%;display:block;width:16px;height:16px;margin-top:0;content:"";transform:rotate(135deg);transform:translateX(-50%) rotate(135deg);border-top:solid 3px #028898;border-right:solid 3px #028898}#app .route-nav-block ul{display:flex;flex-wrap:wrap}#app .route-nav-block ul li{width:50%}#app .route-nav-block ul li a{position:relative;display:block;overflow:hidden;padding-top:29.16667%;background:#000}#app .route-nav-block ul li a p,#app .route-nav-block ul li a span{font-family:"Oswald",sans-serif;line-height:1;position:absolute;color:#fff}#app .route-nav-block ul li a span{top:-9px;left:-1px;font-size:6.25rem;font-size:100px;font-weight:500;z-index:9}#app .route-nav-block ul li a:after{position:absolute;top:0;left:0;display:block;width:100%;height:100%;content:"";transition:.4s;background:rgba(0,0,0,.5)}#app .route-nav-block ul li a:hover:after{transition:.4s;background:rgba(0,0,0,.8)}#app .route-nav-block ul li a:hover p{transition-duration:.6s;opacity:1;background:#015b66}#app .route-nav-block ul li a p{font-size:1.75rem;font-size:28px;font-weight:300;z-index:2;right:0;bottom:0;display:block;display:flex;max-width:200px;padding:8px 32px 8px 16px;transition-duration:.6s;background:#028898;justify-content:space-between}#app .route-nav-block ul li.route01 a{background:url(/japan-travel-planner/shikoku-driving-tourism/assets/images/local-nav-route01.jpg) no-repeat center/cover;background-size:cover}#app .route-nav-block ul li.route02 a{background:url(/japan-travel-planner/shikoku-driving-tourism/assets/images/local-nav-route02.jpg) no-repeat center/cover;background-size:cover}#app .route-nav-block ul li.route03 a{background:url(/japan-travel-planner/shikoku-driving-tourism/assets/images/local-nav-route03.jpg) no-repeat center/cover;background-size:cover}@media only screen and (max-width:1024px){#app #campaign-blcok h2,#app #rent-block h2{font-size:5rem;font-size:80px}#app #experience-block p{font-size:4rem;font-size:64px}#app .book-btn a,#app .more-btn a,#app .route-nav-block ul li a p{font-size:1.5rem;font-size:24px}#app .route-nav-block ul li a span{font-size:5rem;font-size:80px;top:-8px;left:-1px}}@media only screen and (max-width:768px){#app #campaign-blcok h2{font-size:4rem;font-size:64px}#app #day-block .day-title,#app #experience-block p{font-size:3rem;font-size:48px}:root{font-size:1rem;font-size:16px}#app .book-btn a,#app .more-btn a,#app .route-nav-block ul li a p{font-size:1.25rem;font-size:20px}#app #visual-block{padding:50px 0}#app #visual-block h1{top:32px;max-width:140px}#app #visual-block h1 a{padding-left:8px}#app #visual-block h1 a:before{width:16px;height:16px;margin-top:-6px}#app #visual-block h2{font-size:2.5rem;font-size:40px}#app #picture-block{padding:11.11111% 0 140px}#app #day-block .day-box{margin-top:-82px;padding-top:82px}#app #day-block .day-box .day-body figure{width:100%;padding:0 6.94444%}#app #day-block .day-box .day-body .day-text,#app #day-block .day-box .day-body.flip-box .day-text{width:100%;padding:6.94444%;transform:translateX(0);transform:translateY(20px)}#app #day-block .day-box .day-body.flip-box .day-text{order:0}#app #day-block .day-box .day-body figure,#app #day-block .day-box .day-body.flip-box figure{margin:0 auto;transform:translateX(0);transform:translateY(20px)}#app #day-block .day-box .day-body .day-text.fade,#app #day-block .day-box .day-body figure.fade{transform:translateY(0)}#app .route-timeline-block{flex-direction:column;height:auto;padding:0}#app .route-timeline-block .route-box{display:flex;align-items:center;justify-content:space-between}#app .route-timeline-block .route-box:before{top:0;left:30%;transform:translateX(-50%)}#app .route-timeline-block .route-box:after{top:24px;bottom:0;left:30%;width:4px;height:auto;transform:translateX(-50%)}#app .route-timeline-block .route-box .route-title span{display:inline-block}#app .route-timeline-block .route-box .route-title{font-size:1.5rem;font-size:24px;position:absolute;top:0;left:35%}#app .route-timeline-block .route-box .route-icn{position:relative;bottom:auto;left:0;width:30%;margin-top:24px}#app .route-timeline-block .route-box .route-approx{position:relative;left:auto;width:calc(70% - 15px);height:auto;margin:0 0 0 auto;padding:5rem 0 5rem 16px;text-align:left}#app #rent-block h2{font-size:4rem;font-size:64px}#app #rent-block .rent-body figure{width:251px;margin:16px auto}#app #rent-block .rent-body figure img{width:251px}#app #rent-block .rent-body .rent-text{width:100%}#app .page-nav-block{display:none}#app .day-nav-block{padding:0 0 64px}#app .day-nav-block figure{position:relative;width:80%;margin:-100px auto 40px;transform:translate(0%,0)}#app .route-nav-block ul li a span{font-size:3.75rem;font-size:60px;top:-6px;left:0}}@media only screen and (max-width:640px){#app #day-block .day-box .day-body figure,#app .inner-box{padding:0 12px}#app #campaign-blcok 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,#app .day-nav-block ul{font-size:2.5rem;font-size:40px}:root{font-size:.875rem;font-size:14px}#app .book-btn a,#app .more-btn a,#app .route-nav-block ul li a p{font-size:1.125rem;font-size:18px}#app #visual-block h1{top:40px;max-width:90px}#app #visual-block h2{font-size:2rem;font-size:32px}#app #day-block .day-title{font-size:2.5rem;font-size:40px;margin-bottom:24px}#app #day-block .day-box .day-body{margin-bottom:40px}#app #day-block .day-box .day-body figure figcaption,#app #day-block .day-box .day-body.flip-box figure figcaption{text-align:center}#app #day-block .day-box .day-body .day-text,#app #day-block .day-box .day-body.flip-box .day-text,#app .route-nav-block ul{padding:12px}#app #rent-block h2{font-size:3rem;font-size:48px;margin-bottom:12px}#app #rent-block .rent-body .rent-text p{margin-bottom:1em}#app .day-nav-block ul li:not(:last-child):after{font-size:2.5rem;font-size:40px}#app .route-nav-block ul li{width:100%}#app .route-nav-block ul li a span{font-size:2.5rem;font-size:40px;top:0;left:2px}html:lang(fr) #app .day-nav-block ul{font-size:1.875rem;font-size:30px}html:lang(fr) #app .day-nav-block ul li:not(:last-child):after{font-size:1.875rem;font-size:30px}}