.l-section-top{padding-top:60px;padding-bottom:80px}@media only screen and (max-width: 989px){.l-section-top{padding-top:40px;padding-bottom:40px}}.l-section-top:last-of-type{border-bottom:none}.template-cart .page-width,.template-article .page-width,.page-faq .page-width,.page-privacy-policy .page-width,.page-terms .page-width,.page-legal .page-width,.page-about-ok .page-width,.page-recycle .page-width{max-width:990px}.site-header{position:fixed;z-index:10}@media only screen and (max-width: 989px){.site-header{border-bottom:none;background-color:transparent}}@media only screen and (max-width: 989px){.site-header__logo{padding-top:15px}}.mobile-navi{padding-right:20px}@media only screen and (max-width: 989px){.mobile-navi{position:fixed;left:0;bottom:0;background-color:#000;width:100%;z-index:10;padding-right:20px;padding-left:20px!important}}@media only screen and (max-width: 989px){.mobile-navi .site-header__icons-wrapper{margin-right:0;text-align:left}}.site-header__icons-wrapper{margin-right:0}.gnav-burger{display:flex;justify-content:center;align-items:center;cursor:pointer;pointer-events:auto;width:55px;height:55px;background-color:#000}@media only screen and (max-width: 989px){.gnav-burger{position:fixed;bottom:0;right:0;z-index:10}}.gnav-burger>div{position:relative;z-index:9999;width:21px;height:20px}.gnav-burger span{display:block;position:absolute;height:2px;width:100%;background:#fff;left:0;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.gnav-burger span:nth-child(1){top:0}.gnav-burger span:nth-child(2){top:50%;width:16px;-webkit-transform:translate(0%,-50%);transform:translateY(-50%)}.gnav-burger span:nth-child(3){bottom:0}.gnav-burger.active span:nth-child(1){top:11px;-webkit-transform:rotate(134deg);-moz-transform:rotate(134deg);transform:rotate(134deg)}.gnav-burger.active span:nth-child(2){width:0;left:50%}.gnav-burger.active span:nth-child(3){top:11px;-webkit-transform:rotate(-134deg);-moz-transform:rotate(-134deg);transform:rotate(-134deg)}@font-face{font-family:Druk Wide Medium;src:url(//db.onlinewebfonts.com/t/7e389c5e310dc537b083e0e25ea6eab5.eot);src:url(//db.onlinewebfonts.com/t/7e389c5e310dc537b083e0e25ea6eab5.eot?#iefix) format("embedded-opentype"),url(//db.onlinewebfonts.com/t/7e389c5e310dc537b083e0e25ea6eab5.woff2) format("woff2"),url(//db.onlinewebfonts.com/t/7e389c5e310dc537b083e0e25ea6eab5.woff) format("woff"),url(//db.onlinewebfonts.com/t/7e389c5e310dc537b083e0e25ea6eab5.ttf) format("truetype"),url("//db.onlinewebfonts.com/t/7e389c5e310dc537b083e0e25ea6eab5.svg#Druk Wide Medium") format("svg")}@font-face{font-family:Druk Wide Bold;src:url(//db.onlinewebfonts.com/t/2206d6cc490084998d531e8c1b2cbb4a.eot);src:url(//db.onlinewebfonts.com/t/2206d6cc490084998d531e8c1b2cbb4a.eot?#iefix) format("embedded-opentype"),url(//db.onlinewebfonts.com/t/2206d6cc490084998d531e8c1b2cbb4a.woff2) format("woff2"),url(//db.onlinewebfonts.com/t/2206d6cc490084998d531e8c1b2cbb4a.woff) format("woff"),url(//db.onlinewebfonts.com/t/2206d6cc490084998d531e8c1b2cbb4a.ttf) format("truetype"),url("//db.onlinewebfonts.com/t/2206d6cc490084998d531e8c1b2cbb4a.svg#Druk Wide Bold") format("svg")}.gnav-wrapper{background:#000c;display:none;height:100%;position:fixed;width:100%;z-index:8;top:0;left:0;overflow-y:auto}.gnav{font-family:Druk Wide Medium,Lato,sans-serif;padding:90px 50px 50px}@media only screen and (max-width: 989px){.gnav{padding:80px 20px 70px}}.gnav-cont{display:flex}@media only screen and (max-width: 989px){.gnav-cont{display:block}}.gnav-cont .gnav-cont__l{width:25%}@media only screen and (max-width: 989px){.gnav-cont .gnav-cont__l{width:100%}}.gnav-cont .gnav-cont__r{width:75%}@media only screen and (max-width: 989px){.gnav-cont .gnav-cont__r{width:100%;margin-top:30px}}.gnav-menu>li{font-size:20px;margin-bottom:30px}@media only screen and (max-width: 989px){.gnav-menu>li{margin-top:20px}}@media only screen and (max-width: 989px){.gnav-menu>li{margin-bottom:10px}}.gnav-menu-sub{font-family:Druk Wide Medium,Lato,sans-serif;margin-top:30px}@media only screen and (max-width: 989px){.gnav-menu-sub{margin-top:10px}}.gnav-menu-sub>li{font-size:12px;margin-bottom:5px}.gnav-top,.gnav-item{font-size:24px;margin-bottom:30px}@media only screen and (max-width: 989px){.gnav-top,.gnav-item{margin-top:20px}}@media only screen and (max-width: 989px){.gnav-top,.gnav-item{margin-bottom:10px}}.gnav-top,.gnav-item,.gnav-menu__list{color:#fff}.gnav-top a,.gnav-item a,.gnav-menu__list a{color:#fff;font-weight:700;text-decoration:none;transition:.3s}.gnav-top a:hover,.gnav-item a:hover,.gnav-menu__list a:hover{color:#ff468d}.gnav-item{display:flex;justify-content:space-between;align-items:center}.gnav-item>div{font-weight:700}.gnav-item>a{display:inline-block;font-size:18px;line-height:1;padding-right:40px;transition:background-position ease .3s;font-size:14px;margin-top:0;background:url(//officekiko.com/cdn/shop/t/21/assets/link_arrow.svg?v=75600970438813493861756387839) right 5px top 50% no-repeat;background-size:16px 8px}@media only screen and (max-width: 989px){.gnav-item>a{font-size:12px}}.gnav-item>a:hover{background-position:right 0px top 50%}.gnav-menu-item{display:flex;flex-wrap:wrap}.gnav-menu-item a{display:flex;align-items:center;color:#fff;font-size:12px;font-weight:700;text-decoration:none}@media only screen and (max-width: 989px){.gnav-menu-item a{font-size:12px}}.gnav-menu-item a:hover{color:#fff846}.gnav-menu-item a:hover .gnav-menu-item__list--img{background-color:#fff846}.gnav-menu-item .gnav-menu-item__list{width:30%;margin-bottom:20px}@media only screen and (max-width: 989px){.gnav-menu-item .gnav-menu-item__list{width:50%}}.gnav-menu-item .gnav-menu-item__list .gnav-menu-item__list--img{background-color:#f4f4f4;border-radius:50%;width:66px;height:66px;padding:5px}@media only screen and (max-width: 989px){.gnav-menu-item .gnav-menu-item__list .gnav-menu-item__list--img{width:55px;height:55px}}.gnav-menu-item .gnav-menu-item__list .gnav-menu-item__list--txt{flex:1;margin-left:10px;word-break:break-word}.gnav-banner{margin-top:30px;text-align:center}@media only screen and (max-width: 989px){.gnav-banner{margin-top:30px}}.gnav-banner .gnav-banner__list{max-width:270px;display:inline-block;border:1px solid #707070;margin:0 10px 20px}.gnav-banner .gnav-banner__list a{position:relative;display:inline-block}.gnav-banner .gnav-banner__list .gnav-banner__list--img:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0003;transition:background-color ease .3s}.gnav-banner .gnav-banner__list .gnav-banner__list--txt{position:absolute;top:50%;left:50%;color:#fff;font-weight:700;font-size:13px;transform:translate(-50%,-50%)}@media only screen and (max-width: 989px){.gnav-banner .gnav-banner__list .gnav-banner__list--txt{font-size:12px}}.ly-languages-switcher-wrapper{display:flex;justify-content:center;align-items:center}.ly-languages-switcher-wrapper svg{fill:#333}.ly-languages-switcher{margin:30px 0;border:none;background-color:transparent}*:focus{outline:none}a{-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}#logomask__wrapper a{-webkit-touch-callout:none}.heading{position:relative}@media only screen and (max-width: 989px){.heading{margin-bottom:20px}}.heading .heading-link{position:absolute;top:50%;right:0;transform:translateY(-50%)}@media only screen and (max-width: 989px){.heading .heading-link{position:relative;top:inherit;text-align:right;transform:translateY(0)}}.u-text-link--gr{color:#666;text-decoration:none;display:inline-block;font-size:18px;line-height:1;margin-top:10px;padding-right:40px;transition:background-position ease .3s;background:url(//officekiko.com/cdn/shop/t/21/assets/link_arrow_gr.svg?v=55505262199823322991756387839) right 5px top 50% no-repeat;background-size:17px 8px}@media only screen and (max-width: 989px){.u-text-link--gr{font-size:14px}}.u-text-link--gr:hover{background-position:right 0px top 50%}.btn--ghost{border-radius:100px;background-color:transparent;border:1px solid #222;color:#222}.btn--ghost.u-text-link--gr{padding-left:50px;padding-right:70px;background-position:right 15px top 50%}.btn--ghost.u-text-link--gr:hover{background-position:right 10px top 50%}html,body{height:100%}body.template-index{overflow:hidden}body.template-index .shopify-section{height:100%}body.template-index .main-content{padding-top:0}.index-main{height:100vh;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 989px){.index-main{height:100%}}#wavylogo__wrapper{width:40%}@media only screen and (max-width: 989px){#wavylogo__wrapper{width:60%}}#wavylogo{position:relative;width:100%}#wavylogo:before{content:"";display:block;padding-top:100%}#wavylogo img,#wavylogo canvas{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;margin:auto}#plasma{position:fixed;display:block;width:100%;height:100%;top:0;right:0;bottom:0;left:0;line-height:0}#plasma p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000}#logomask__wrapper{width:30%;position:relative}@media only screen and (max-width: 989px){#logomask__wrapper{width:50%}}.top-main{margin-bottom:40px}@media only screen and (max-width: 989px){.top-main{margin-bottom:20px}}.top-main .top-main__inner{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:40px}@media only screen and (max-width: 989px){.top-main .top-main__inner{display:block}}.top-main .top-main__items{display:grid;grid-template-columns:repeat(2,1fr);column-gap:40px;row-gap:40px}@media only screen and (max-width: 989px){.top-main .top-main__items{margin-top:20px;column-gap:20px;row-gap:20px}}.top-main .top-main__item{position:relative;overflow:hidden;width:100%;height:100%}.top-main .top-main__item img{position:absolute;width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 989px){.top-main .top-main__item a{padding-top:150%;display:block;width:100%;height:0}}.top-main .top-main__item-aspect{position:relative;padding-top:150%}.top-main .top-main__item-aspect .item-img{width:100%;height:100%}.top-main .top-main__main{position:relative}.top-main .top-main__main a{color:#fff}.top-main .top-main__img img{max-width:inherit;width:100%}.top-main .top-main__txt{position:absolute;top:60%;left:40px;color:#fff}@media only screen and (max-width: 989px){.top-main .top-main__txt{left:20px}}.top-main .top-main__txt.font-bk{color:#333}.top-main .top-main__txt .icon--new{padding:6px;font-size:12px;margin-bottom:5px;margin-left:0}.top-main .top-main__txt .top-main__txt--ttl{font-size:42px;font-weight:900;line-height:1}@media only screen and (max-width: 989px){.top-main .top-main__txt .top-main__txt--ttl{font-size:28px}}.item-img{position:absolute;top:0;left:0}.item-img img{display:none}.cateList{display:grid;grid-template-columns:repeat(6,1fr);column-gap:20px;row-gap:20px}@media only screen and (max-width: 989px){.cateList{grid-template-columns:repeat(2,1fr);column-gap:20px;row-gap:20px}}.cateList-item{position:relative}.cateList-item .cateList-item__inner{background-color:#f4f4f4;padding:15px 30px 50px}@media only screen and (max-width: 989px){.cateList-item .cateList-item__inner{padding:10px 15px 40px}}.cateList-item .cateList-item__img{margin-left:auto;margin-right:auto}.cateList-item .cateList-item__img img{filter:drop-shadow(0 10px 20px rgba(0,0,0,.16));width:100%}.cateList-item .cateList-item__txt{position:absolute;bottom:15px;left:0;width:100%;text-align:center}.cateList-item .cateList-item__txt .cateList-item__txt--ttl{font-size:13px;font-weight:700}.cateList-item a{color:#222;text-decoration:none}.newsList{display:grid;grid-template-columns:repeat(4,1fr);column-gap:40px;row-gap:40px}@media only screen and (max-width: 989px){.newsList{grid-template-columns:repeat(2,1fr);column-gap:20px;row-gap:20px}}.newsList-item .newsList-item__img{padding-top:100%;position:relative;overflow:hidden;background-color:#fff}.newsList-item .newsList-item__img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.newsList-item .newsList-item__txt{margin-top:10px}.newsList-item .newsList-item__txt .newsList-item__txt--ttl{font-size:15px;font-weight:700}.newsList-item .newsList-item__txt .newsList-item__txt--date{font-size:13px}.newsList-item a{color:#222;text-decoration:none}.item-img-slide:hover .item-img-slide-w,.item-img-slide:active .item-img-slide-w{transform:translate(-50%)}@media (hover: none){.item-img-slide:hover .item-img-slide-w,.item-img-slide:active .item-img-slide-w{transform:none}}.item-img-slide-w{position:absolute;top:0;left:0;width:200%;height:100%;transition:all .6s cubic-bezier(.57,.06,.05,.95);will-change:transform}.item-img-slide img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.item-img-slide-w img:nth-child(1){width:50%;position:relative}.item-img-slide-w img:nth-child(2){width:50%;left:50%}.thumb-eco{position:absolute;top:10px;right:10px}.grid-view-item__meta .thumb-eco{position:static;top:0;right:0;margin-left:5px;vertical-align:middle;line-height:1}.grid-view-item__meta .thumb-eco svg{width:16px;height:16px}.product-eco-icon{vertical-align:middle;line-height:1;padding-left:5px}.input-border-bottom{border:none;background:none;border-bottom:2px solid #707070}.shopify-cleanslate ._1mqqPYZtCQtz5_i0b-po4l{justify-content:flex-end}.banner-1col{display:block}.banner-1col+.banner-2colLeft{margin-top:40px}.banner-2col{display:grid;grid-template-columns:repeat(2,1fr);column-gap:40px;row-gap:40px}@media only screen and (max-width: 989px){.banner-2col{grid-template-columns:repeat(1,1fr);column-gap:20px;row-gap:20px}}.banner-2colLeft{display:grid;grid-template-columns:2fr 1fr;column-gap:40px;row-gap:40px}@media only screen and (max-width: 989px){.banner-2colLeft{grid-template-columns:repeat(1,1fr);column-gap:20px;row-gap:20px}}.banner-3col{display:grid;grid-template-columns:repeat(3,1fr);column-gap:40px;row-gap:40px}@media only screen and (max-width: 989px){.banner-3col{grid-template-columns:repeat(1,1fr);column-gap:20px;row-gap:20px}}.top-banner-okxthepus{margin-bottom:40px}@media only screen and (max-width: 989px){.top-banner-okxthepus{margin-bottom:20px}}.banner{position:relative;padding-top:calc(400 / 650 * 100%);overflow:hidden}.banner-1col .banner{padding-top:calc(400 / 1352 * 100%)}.banner-2col .banner{padding-top:calc(400 / 650 * 100%)}.banner-2colLeft .banner:nth-child(1){padding-top:calc(406 / 888 * 100%)}.banner-3col .banner{padding-top:100%}.top-banner-okxthepus .banner{padding-top:50%}.top-banner-okxthepus .banner .banner__img .pc{display:block}@media only screen and (max-width: 989px){.top-banner-okxthepus .banner .banner__img .pc{display:none}}.top-banner-okxthepus .banner .banner__img .sp{display:none}@media only screen and (max-width: 989px){.top-banner-okxthepus .banner .banner__img .sp{display:block}}.top-banner-recycle .banner{padding-top:calc(300 / 1350 * 100%)}.top-banner-recycle .banner .banner__txt{bottom:50%;left:50%;transform:translate(-50%,50%)}.top-banner-recycle .banner .banner__txt .banner__txt--ttl{font-size:64px}@media only screen and (max-width: 989px){.top-banner-recycle .banner .banner__txt .banner__txt--ttl{font-size:24px}}.banner .banner__img{position:absolute;top:0;left:0;width:100%}.banner .banner__img img{max-width:inherit;width:100%}.banner .banner__txt{position:absolute;bottom:10%;left:40px;color:#fff}@media only screen and (max-width: 989px){.banner .banner__txt{left:20px}}.banner .banner__txt.font-bk{color:#333}.banner .banner__txt .icon--new{padding:6px;font-size:12px;margin-bottom:5px;margin-left:0}.banner .banner__txt .banner__txt--ttl{font-size:42px;font-weight:900;line-height:1}@media only screen and (max-width: 989px){.banner .banner__txt .banner__txt--ttl{font-size:28px}}.banner a{color:#fff}.banner a:hover .banner__img:after{background-color:#0000000d}#stalker{pointer-events:none;position:fixed;top:-4px;left:-4px;width:8px;height:8px;background:#000c;border-radius:50%;transform:translate(0);transition:transform .2s,top,.5s,left .5s,width .5s,height .5s,background-color .5s;transition-timing-function:ease-out;z-index:999}@media only screen and (max-width: 989px){#stalker{display:none}}#stalker.hov_{top:-16px;left:-16px;width:32px;height:32px;transition:.5s;background:#ffff0080}.breadcrumb{font-size:14px;margin-bottom:40px}@media only screen and (max-width: 989px){.breadcrumb{margin-bottom:20px}}.breadcrumb .page-width{max-width:none}.breadcrumb h1{display:inline;font-size:14px;font-weight:400}.u-text-right{text-align:right!important}.u-text-center{text-align:center!important}.u-text-left{text-align:left!important}.u-text-top{vertical-align:top!important}.u-text-middle{vertical-align:middle!important}.u-text-bottom{vertical-align:bottom!important}.u-text-underline{border-bottom:1px solid #333}.box-shadow{box-shadow:0 0 30px #0000001a}input.grad-btn{color:#fff;line-height:1.4;padding:15px 60px;white-space:normal;margin-top:0;min-height:44px;font-size:18px;font-weight:700;background:transparent linear-gradient(298deg,#3300bc,#f00094) 0% 0% no-repeat padding-box;border-radius:100px;border:none}.icon--new{padding:3px;color:#fff;font-size:11px;font-weight:700;line-height:1;background:transparent linear-gradient(298deg,#3300bc,#f00094) 0% 0% no-repeat padding-box;display:inline-block;margin-left:7px;margin-top:-2px;vertical-align:middle}.product-single__meta .icon--new{margin-left:0;margin-top:0}.grid-view-item__title .icon--new{margin-left:0;margin-top:0;margin-right:4px}.top-main__item .icon--new{position:absolute;top:0;left:0;margin-left:0;margin-top:0}.icon--eco{margin-left:10px;display:inline-block;vertical-align:middle;line-height:0;margin-bottom:5px}
/*# sourceMappingURL=/cdn/shop/t/21/assets/common.scss.css.map */