@font-face{font-family:Futura-PT-Book;src:url(/media/fonts/Futura-PT-Book.otf)}@font-face{font-family:Futura-PT-Oblique;src:url(/media/fonts/Futura-PT-Book-Oblique.otf);font-weight:400}@font-face{font-family:Futura-PT-Oblique;src:url(/media/fonts/FuturaRound-Medium.otf);font-weight:500}@font-face{font-family:Futura-PT-Oblique;src:url(/media/fonts/Futura-PT-Heavy-Oblique.otf);font-weight:700}.wrapper{margin:0 auto}.wrapper h1,.wrapper h2,.wrapper h3,.wrapper h4{font-family:Futura-PT-Oblique,Roboto,"Open Sans",sans-serif;text-transform:uppercase;text-align:center;color:#000;letter-spacing:.062em;margin:0 auto}.wrapper h1{font-family:Futura-PT-Oblique,Roboto,"Open Sans",sans-serif;font-weight:700;font-size:1.6rem;margin:1em auto;color:#fff}.wrapper h1 span{background:#6ab7b4;padding:.3em 1em .1em}.wrapper h5{font-family:Futura-PT-Oblique,Roboto,"Open Sans",sans-serif;font-weight:700;color:#6ab7b4;text-align:center;margin:.2em auto 1.4em;line-height:1.3}.wrapper p{font-family:Futura-PT-Oblique,Roboto,"Open Sans",sans-serif;font-weight:400;font-size:1.2em;line-height:1.4;color:#8aa4a3;text-align:center;margin:0}.wrapper section{margin:0}.wrapper a.button{font-family:Futura-PT-Oblique,Roboto,"Open Sans",sans-serif;font-weight:500!important;width:100%;max-width:340px;padding:10px;line-height:1.4;font-size:1em;color:#87a3a1;border:1px solid #87a3a1;background:#fff;-webkit-transition:all .5s ease;transition:all .5s ease;display:block;margin:0 auto;letter-spacing:.1em}.wrapper a.button:hover{background:#87a3a1;color:#fff}.wrapper img.desktop{display:none}.top-banner{width:100%;height:calc(102vw + 42px);background-image:url(/media/image/product-series/hoka-sky/Mobile_top_banner.jpg);background-position:top;background-size:contain;background-repeat:no-repeat;background-color:#e9eae5;position:relative}.tb_c>*{position:absolute}.tb_c a.button{color:#000;left:0;right:0;bottom:0;border-top:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;width:100%;max-width:100%}.hoka_logo{width:36%;right:8%;top:6%}.fly_title{width:90%;right:5%;bottom:calc(6% + 42px)}.fly_title h2,.fly_title h3{margin:0;line-height:.94;text-align:right}.fly_title h2{font-weight:500;font-size:8vw;color:#8aa4a3}.fly_title h3{font-size:4vw;color:#6ab7b4}section.second-banner{width:100%;height:calc(834 / 828 * 100vw);background-image:url(/media/image/product-series/hoka-sky/mobile-middle-image.jpg);background-position:center;background-size:cover;position:relative}section.second-banner p{color:#fff;text-align:right;font-size:4.5vw;letter-spacing:.1em}.sb-abt{position:absolute;width:80%;top:12%;right:5.8%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.p_a{width:100%}.p_a div{shape-outside:polygon(0 0,62% 0,45% 58%,0 100%);width:100%;height:36vw;float:left}.arrw{width:13%;margin-right:20%}section.main{margin:0 auto 3em;max-width:100%}section.main h2{font-size:2.25em;color:#8aa4a3;margin:0 auto;font-weight:700;line-height:1.1}section.main p{font-weight:500;margin:0 auto 1em}.wrapper .flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.shoe-cont{position:relative;width:100vw;height:48vw;background-position:center;background-size:cover;background-color:#a7c2db;margin:2.8em auto 1.8em}.shoe-cont img{position:absolute;width:85%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.wrapper .flex:nth-of-type(1) .shoe-cont{background-color:#a7c2db}.wrapper .flex:nth-of-type(2) .shoe-cont{background-color:#ecdbc7}.wrapper .flex:nth-of-type(3) .shoe-cont{background-color:#c0c2cf}.brand-abt{margin:0 30px;position:relative}.arw-dt{display:none}section.collection-text{padding:1em;margin:1em 1em 3em;border-bottom:1px solid #000;border-top:1px solid #000}section.collection-text h3{font-weight:700}section.collection-text p{color:#111;margin:.75em auto 1.25em;max-width:900px}.row{max-width:1200px}@media (min-width:750px){.top-banner{background-position:bottom}.hoka_logo{width:26%;right:10%;top:17%}.fly_title{width:65%;width:65%;right:4%;bottom:12%}.fly_title h2{font-size:6.8vw}.fly_title h3{font-size:3.6vw;line-height:1.2}.shoe_feature.container_1200{padding:2em}.tb_c a.button{width:340px;border:1px solid #fff;left:auto;bottom:4%;right:5%;background:0 0;color:#8aa4a3}.sb-abt{top:17%;right:10%}.p_a div{shape-outside:polygon(0 0,67% 0,51% 60%,0 100%);height:31vw}.arrw{margin-right:18%}section.second-banner p{font-size:4vw}.brand-abt{margin:0 16%}}@media (min-width:1000px){.wrapper h5{text-align:left}section.main h2{font-size:3em;margin:0 auto}.wrapper a.button{background:0 0;border:1px solid #fff;color:#8aa4a3;width:340px}.wrapper a.button:hover{color:#8aa4a3;background:#fff}.top-banner{height:56.25vw;height:70vw;background-image:url(/media/image/product-series/hoka-sky/top_banner.jpg);background-position:center;background-size:cover}.tb_c{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;bottom:22%;right:10%;width:38%}.tb_c>*{position:static;width:unset}.tb_c a.button{margin:1vw 0 0}.hoka_logo{width:16vw}.fly_title h2{font-size:4.8vw;margin:1.5vw auto 0}.fly_title h3{font-size:2vw;letter-spacing:.1em}.fly_title img{margin:1.6vw 0 .6vw 1vw;display:block}section.second-banner{height:calc(1280 / 1920 * 100vw);background-image:url(/media/image/product-series/hoka-sky/middle-image.jpg)}section.second-banner p{font-size:2vw}.sb-abt{right:10%;top:50%;width:28%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.arrw,.p_a div{display:none}.arw-dt{display:block;position:absolute;width:31%;left:-25%;top:-1%}.brand-abt{width:46%;margin:0 auto;padding:0 3% 0 7%}.brand-abt a.button{margin:0}.brand-abt h2{text-align:left;font-size:3em;line-height:1.1}.brand-abt h5{border-bottom:1px solid #fff;padding-bottom:.6em;line-height:1.2}.brand-abt p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;text-align:left;color:#8aa4a3;font-size:1em}.brand-abt p:before{content:"";border-left:.8em solid #6ab7b4;border-right:.5em solid transparent;border-top:.5em solid transparent;border-bottom:.5em solid transparent;width:1.6em;height:1em}.wrapper .flex{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4em 0}.shoe-cont{width:54%;height:26vw;margin:0 auto}.shoe-cont img{width:100%;left:58%}.wrapper .flex:nth-of-type(1){background-color:#e9eae5}.wrapper .flex:nth-of-type(2){background-color:#fff;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.wrapper .flex:nth-of-type(2) .shoe-cont img{left:45%}.wrapper .flex:nth-of-type(2) .brand-abt h5{border-bottom:1px solid #8aa4a3}.wrapper .flex:nth-of-type(2) .brand-abt a.button{border:1px solid #8aa4a3}.wrapper .flex:nth-of-type(2) .brand-abt a.button:hover{color:#fff;background:#8aa4a3}.wrapper .flex:nth-of-type(2) .arw-dt{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);left:auto;right:-20%}.wrapper .flex:nth-of-type(3){background-color:#e9eae5}section.collection-text{padding:3em 1em 1.8em;max-width:1000px;margin:4em auto}}@media only screen and (min-width:1025px) and (max-width:1366px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1.5){section.second-banner{height:100vh;background-attachment:scroll}}@media only screen and (min-width:1025px) and (max-width:1366px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){section.second-banner{height:100vh;background-attachment:scroll}}@media (min-width:1200px){.wrapper img.desktop{display:block;position:absolute;width:42px;bottom:25px;left:0;right:0;margin:0 auto}section.second-banner{height:50vw;background-attachment:fixed}}@media (min-width:1400px){.top-banner{height:100vh;background-attachment:fixed}.tb_c{right:8%}.wrapper img.desktop{bottom:50px}.wrapper .flex{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.brand-abt p{font-size:1.2em}.arw-dt{top:-2%}section.second-banner p{font-size:1.6vw}.sb-abt{width:24%}}@media (min-width:1600px){.brand-abt p,.wrapper h5{font-size:1.4em}.wrapper a.button{font-size:1.3em}}@media (min-width:1800px){.wrapper .flex{padding:6em 0}section.main h2{font-size:4em}.arw-dt{width:230px;left:-18%}}@media (min-width:1930px){.shoe-cont{width:1030px;height:500px;margin:0}.brand-abt{width:878px;margin:0}.arw-dt{width:230px;left:-170px;top:-21px}}