@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box;user-select:none}body{background:#fff;min-width:1200px;min-height:600px}img{pointer-events:none}@keyframes show{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@keyframes hidden{0%{display:block;opacity:1}99%{display:block;opacity:0}100%{display:none;opacity:0}}svg.loader{width:28px;height:28px}svg.loader>circle{fill:none;stroke-width:8px;transform-origin:center;transform:rotate(-90deg)}#contents[data-category=all] svg.loader>circle{stroke:#68b21b}#contents[data-category=men] svg.loader>circle{stroke:#171675}#contents[data-category=women] svg.loader>circle{stroke:#e9589a}svg.loader>circle.loader-base{opacity:.5}@keyframes drawLoader{0%{stroke-dashoffset:68px}50%{stroke-dashoffset:0}100%{stroke-dashoffset:-68px}}@keyframes drawLoaderIE{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}svg.loader>circle.loader-prog{stroke-dasharray:68px;stroke-dashoffset:68px;animation:drawLoader 3s linear infinite}@media all and (-ms-high-contrast:none){svg.loader>circle.loader-prog{stroke-dashoffset:-47px}svg.loader{animation:drawLoaderIE 1s steps(4) infinite}}#preload{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;overflow:hidden;background:#fff}#preload>div{width:100%;height:100%;opacity:0;transition:all .4s;position:absolute;top:0;left:0}body[data-status=preload]>#preload>div{opacity:1}#preload>svg.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body[data-status=cover]>#preload>svg.loader,body[data-status=ready]>#preload>svg.loader,body[data-status=start]>#preload>svg.loader{display:none}#preload .preload-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:124%;min-height:1100px}#preload .preload-human{position:absolute;bottom:0;left:50%;height:100%;transform:translateX(-50%)}#preload .preload-logo{position:absolute;top:44.27%;left:49.11%;height:42.47%}#preload .preload-progressbar{position:absolute;top:86.09%;left:51.98%;width:calc(100vh * .611)}#preload .preload-progressbar>div{box-sizing:content-box;width:100%;height:calc(100vh * .03);background:#fff;border-radius:calc(100vh * .0245);overflow:hidden;box-shadow:0 0 0 1vh #000;margin:1vh;position:relative;z-index:1}#preload .preload-progressbar>div>span{display:block;position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);background:#69b21c;transition:all .4s;transform:scaleX(0);transform-origin:top left}@keyframes preload-arrow{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#preload .preload-progressbar>div:before{content:'';display:inline-block;position:absolute;top:17%;right:1.5%;width:2vh;height:2vh;transform-origin:center;background-image:url(../images/card/pasome/preload-loader-arrow.webp);background-repeat:no-repeat;background-size:2vh 2vh;animation:preload-arrow 1s linear infinite}html:not([data-image-ok-webp=TRUE]) #preload .preload-progressbar>div:before{background-image:url(../images/card/pasome/preload-loader-arrow.png)}#preload .preload-progressbar[data-progress="50"]>div>span{transform:scaleX(.5)}#preload .preload-progressbar[data-progress="100"]>div>span{transform:scaleX(1)}#preload .preload-progressbar>i{display:block;position:absolute;left:0;bottom:calc(100vh * -.0567);height:calc(100vh * .0567)}#preload .preload-progressbar>i>img{height:100%}#preload .preload-progressbar>i>img+img{position:absolute;top:0;left:0;opacity:0;transition:all .1s;transition-delay:.4s}#preload .preload-progressbar>img{position:absolute;bottom:calc(100vh * -.0567);height:calc(100vh * .0567)}#preload .preload-progressbar>i:nth-child(2){left:-3%}#preload .preload-progressbar>i:nth-child(3){left:44.8%}#preload .preload-progressbar>i:nth-child(4){left:91.6%}#preload .preload-progressbar[data-progress="0"]>i:nth-child(2)>img+img{opacity:1}#preload .preload-progressbar[data-progress="0"]>i:nth-child(3)>img+img{opacity:0}#preload .preload-progressbar[data-progress="0"]>i:nth-child(4)>img+img{opacity:0}#preload .preload-progressbar[data-progress="50"]>i:nth-child(2)>img+img{opacity:1}#preload .preload-progressbar[data-progress="50"]>i:nth-child(3)>img+img{opacity:1}#preload .preload-progressbar[data-progress="50"]>i:nth-child(4)>img+img{opacity:0}#preload .preload-progressbar[data-progress="100"]>i:nth-child(2)>img+img{opacity:1}#preload .preload-progressbar[data-progress="100"]>i:nth-child(3)>img+img{opacity:1}#preload .preload-progressbar[data-progress="100"]>i:nth-child(4)>img+img{opacity:1}#preload .preload-cover{position:absolute;top:0;left:0;width:0;height:0;border-style:solid;border-width:100vh 100vw 0 0;border-color:#fff transparent transparent transparent;transition:all .4s;transform:scale(0,0);transform-origin:top left}body[data-status=cover]>#preload .preload-cover,body[data-status=ready]>#preload .preload-cover{transform:scale(2,2)}body[data-status=ready]>#preload{animation:hidden .4s 1;animation-fill-mode:forwards}body[data-status=start]>#preload{display:none}#contents{display:flex;width:100%;height:100%;padding:15px 15px 15px 10px;overflow:hidden}#contents[data-category=all]{background:#69b21c}#contents[data-category=men]{background:#171675}#contents[data-category=women]{background:#e9589a}#contents>aside{width:185px}#contents>aside img{pointer-events:none}#contents>aside>h1{margin-bottom:15px}#contents>aside>h2{margin-bottom:20px}#contents>aside>nav{position:relative;padding:23px 0 18px 0}#contents>aside>nav:after,#contents>aside>nav:before{content:'';display:block;position:absolute;left:0;z-index:1;width:172px}#contents>aside>nav:before{height:6px;top:0;background-image:url(../images/card/pasome/controller-line-top.webp);background-repeat:no-repeat}html:not([data-image-ok-webp=TRUE]) #contents>aside>nav:before{background-image:url(../images/card/pasome/controller-line-top.png)}#contents>aside>nav:after{height:3px;bottom:0;background-image:url(../images/card/pasome/controller-line-bottom.webp);background-repeat:no-repeat}html:not([data-image-ok-webp=TRUE]) #contents>aside>nav:after{background-image:url(../images/card/pasome/controller-line-bottom.png)}#contents>aside>nav>a{position:relative;width:172px;height:17px;background:#fff;margin-bottom:13px;cursor:pointer;transform:translateY(100vh);transition:all 1s ease-out}@media all and (-ms-high-contrast:none){#contents>aside>nav>a{transform:translateY(2000px);transition:transform 1s}}#contents>aside>nav>a:nth-child(1){transition-delay:1.4s}#contents>aside>nav>a:nth-child(2){transition-delay:1.6s}#contents>aside>nav>a:nth-child(3){transition-delay:1.8s}body[data-status=start]>#contents>aside>nav>a{transform:translateY(0)}#contents>aside>nav>a:last-child{margin-bottom:0}#contents>aside>nav>a:before{content:'';display:block;background:#e90000;width:100%;height:100%;transform-origin:top right;transform:scaleX(0);animation:controller-menu-mouseout .3s forwards}#contents>aside>nav>a>img{position:absolute;top:0;left:0;display:none}#contents[data-category=all]>aside>nav>a>img[data-category=all]{display:block}#contents[data-category=men]>aside>nav>a>img[data-category=men]{display:block}#contents[data-category=women]>aside>nav>a>img[data-category=women]{display:block}@keyframes controller-menu-mouseover{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}@keyframes controller-menu-mouseout{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}#contents>aside>nav>a:hover:before{transform-origin:top left;animation:controller-menu-mouseover .3s forwards}@keyframes boyon{0%{transform:scale(1)}20%{transform:scale(1.08)}30%{transform:scale(.9)}50%{transform:scale(1.03)}60%{transform:scale(.97)}70%{transform:scale(1.03)}75%{transform:scale(.97)}80%{transform:scale(1.03)}85%{transform:scale(.97)}90%{transform:scale(1.03)}95%{transform:scale(.97)}100%{transform:scale(1)}}#contents>aside>a:nth-child(4){display:block;width:130px;height:130px;margin:13px 0 10px 20px;transition:all .1s ease-out;transition-delay:3s;transform:scale(0,0)}@media all and (-ms-high-contrast:none){#contents>aside>a:nth-child(4){opacity:0;transform:scale(1,1)}}body[data-status=start]>#contents>aside>a:nth-child(4){transform:scale(1,1)}@media all and (-ms-high-contrast:none){body[data-status=start]>#contents>aside>a:nth-child(4){opacity:1}}#contents>aside>a:nth-child(4):hover{animation:boyon .8s ease-in}#contents>aside>a:nth-child(4)>img{display:none}#contents[data-category=all]>aside>a:nth-child(4)>img[data-category=all]{display:block}#contents[data-category=men]>aside>a:nth-child(4)>img[data-category=men]{display:block}#contents[data-category=women]>aside>a:nth-child(4)>img[data-category=women]{display:block}#contents>aside>a:nth-child(5){position:relative;margin-left:20px;transition:all .1s ease-out;transition-delay:3s;transform:scale(0)}@media all and (-ms-high-contrast:none){#contents>aside>a:nth-child(5){opacity:0;transform:scale(1,1)}}body[data-status=start]>#contents>aside>a:nth-child(5){transform:scale(1)}@media all and (-ms-high-contrast:none){body[data-status=start]>#contents>aside>a:nth-child(5){opacity:1}}#contents>aside>a:nth-child(5):after{content:'';display:block;position:absolute;top:0;left:0;width:131px;height:23px;background-image:url(../images/card/pasome/controller-link-namecard-hover.webp);background-repeat:no-repeat;opacity:0}html:not([data-image-ok-webp=TRUE]) #contents>aside>a:nth-child(5):after{background-image:url(../images/card/pasome/controller-link-namecard-hover.png)}#contents>aside>a:nth-child(5):hover:after{opacity:1}#contents>aside>a:nth-child(6){position:relative;margin-top:10px;margin-left:24px;transition:all .1s ease-out;transition-delay:3s;transform:scale(0)}@media all and (-ms-high-contrast:none){#contents>aside>a:nth-child(6){opacity:0;transform:scale(1,1)}}body[data-status=start]>#contents>aside>a:nth-child(6){transform:scale(1)}@media all and (-ms-high-contrast:none){body[data-status=start]>#contents>aside>a:nth-child(6){opacity:1}}#contents>aside>a:nth-child(6)>img{display:none;transition:all .2s;transform-origin:center}body[data-status=start]>#contents[data-sound=OFF]>aside>a:nth-child(6)>#sound-on{display:block}body[data-status=start]>#contents[data-sound=ON]>aside>a:nth-child(6)>#sound-off{display:block}body[data-status=start]>#contents>aside>a:nth-child(6):hover>img{opacity:.7}#contents>main{width:calc(100% - 185px);height:100%;border-radius:6px;padding:10px 15px;background:#fff;overflow:hidden;position:relative}#contents>main>nav{display:flex;height:36px}#contents>main>nav>span{padding:4px 12px 0 10px}#contents>main>nav>a{margin-right:3px;position:relative;transform:translateX(100vw);transition:all 1s ease-out}@media all and (-ms-high-contrast:none){#contents>main>nav>a{transform:translateX(2000px);transition:transform 1s}}body[data-status=start]>#contents>main>nav>a{transform:translateX(0)}#contents>main>nav>a:nth-child(2){transition-delay:0s}#contents>main>nav>a:nth-child(3){transition-delay:.2s}#contents>main>nav>a:nth-child(4){transition-delay:.4s}#contents>main>nav>a:last-child{margin-right:0}#contents>main>nav>a:after{content:'';display:block;width:200px;height:28px;position:absolute;top:0;left:0;transition:all .2s;opacity:0}#contents>main>nav>a:nth-child(2):after{background-image:url(../images/card/pasome/controller-button-men-hover.webp);background-repeat:no-repeat}html:not([data-image-ok-webp=TRUE]) #contents>main>nav>a:nth-child(2):after{background-image:url(../images/card/pasome/controller-button-men-hover.png)}#contents>main>nav>a:nth-child(3):after{background-image:url(../images/card/pasome/controller-button-women-hover.webp);background-repeat:no-repeat}html:not([data-image-ok-webp=TRUE]) #contents>main>nav>a:nth-child(3):after{background-image:url(../images/card/pasome/controller-button-women-hover.png)}#contents>main>nav>a:nth-child(4):after{background-image:url(../images/card/pasome/controller-button-all-hover.webp);background-repeat:no-repeat}html:not([data-image-ok-webp=TRUE]) #contents>main>nav>a:nth-child(4):after{background-image:url(../images/card/pasome/controller-button-all-hover.png)}#contents>main>nav>a:hover:after{opacity:1}#contents>main>#overlay{position:absolute;z-index:10;top:37px;left:0;width:100%;height:calc(100% - 37px);background:#fff;text-align:center;padding:10px 20px;display:block;overflow:hidden}#contents>main[data-mode=detail]>#overlay,#contents>main[data-mode=init]>#overlay{display:none}#contents>main>#overlay>div{padding:5px 0;display:none;position:relative;height:100%;opacity:0;transition:all .4s}#contents>main[data-mode=overlay-01]>#overlay>div.overlay-01,#contents>main[data-mode=overlay-02]>#overlay>div.overlay-02,#contents>main[data-mode=overlay-03]>#overlay>div.overlay-03{display:inline-block}#contents>main>#overlay>div>.overlay-cover{position:absolute;top:0;left:0;width:0;height:0;border-style:solid;border-width:0 0 100vh 100vw;border-color:transparent transparent #fff transparent;transition:all .4s ease-out;transform:scale(2,2);transform-origin:bottom right}@media all and (-ms-high-contrast:none){#contents>main>#overlay>div>.overlay-cover{transition:transform .4s}}#contents>main.active>#overlay>div>.overlay-cover{transform:scale(0,0)}#contents>main>#overlay>div>a{position:absolute;top:10px;right:0;z-index:10}#contents>main>#overlay>div>a:hover:after{content:'';position:absolute;top:0;left:0;display:block;width:30px;height:30px;background-image:url(../images/card/pasome/contents-close-hover.webp);background-repeat:no-repeat}html:not([data-image-ok-webp=TRUE]) #contents>main>#overlay>div>a:hover:after{background-image:url(../images/card/pasome/contents-close-hover.png)}#contents>main>#overlay>div>img{height:100%}#contents>main>#overlay>div{background-image:url(../images/card/pasome/contents-title-bg.webp),url(../images/card/pasome/contents-title-bg.webp);background-repeat:repeat-x,repeat-x;background-position:top,bottom}html:not([data-image-ok-webp=TRUE]) #contents>main>#overlay>div{background-image:url(../images/card/pasome/contents-title-bg.png),url(../images/card/pasome/contents-title-bg.png)}#contents>main>#overlay>div:after,#contents>main>#overlay>div:before{content:'';display:inline-block;position:absolute;left:20px;height:7px}#contents>main>#overlay>div:before{top:0}#contents>main>#overlay>div:after{bottom:0}#contents>main>#overlay>div.overlay-01:after,#contents>main>#overlay>div.overlay-01:before{width:154px;background-image:url(../images/card/pasome/contents-title-01.webp);background-repeat:no-repeat}html:not([data-image-ok-webp=TRUE]) #contents>main>#overlay>div.overlay-01:after,html:not([data-image-ok-webp=TRUE]) #contents>main>#overlay>div.overlay-01:before{background-image:url(../images/card/pasome/contents-title-01.png)}#contents>main>#overlay>div.overlay-02:after,#contents>main>#overlay>div.overlay-02:before{width:141px;background-image:url(../images/card/pasome/contents-title-02.webp);background-repeat:no-repeat}html:not([data-image-ok-webp=TRUE]) #contents>main>#overlay>div.overlay-02:after,html:not([data-image-ok-webp=TRUE]) #contents>main>#overlay>div.overlay-02:before{background-image:url(../images/card/pasome/contents-title-02.png)}#contents>main>#overlay>div.overlay-03:after,#contents>main>#overlay>div.overlay-03:before{width:166px;background-image:url(../images/card/pasome/contents-title-03.webp);background-repeat:no-repeat}html:not([data-image-ok-webp=TRUE]) #contents>main>#overlay>div.overlay-03:after,html:not([data-image-ok-webp=TRUE]) #contents>main>#overlay>div.overlay-03:before{background-image:url(../images/card/pasome/contents-title-03.png)}#contents>main.active[data-mode=overlay-01]>#overlay>div.overlay-01{opacity:1}#contents>main.active[data-mode=overlay-02]>#overlay>div.overlay-02{opacity:1}#contents>main.active[data-mode=overlay-03]>#overlay>div.overlay-03{opacity:1}#contents>main>#line-up{display:flex;flex-wrap:wrap;width:calc(110px * 13)}#contents>main>#line-up>li{display:flex;justify-content:center;align-items:center;width:100px;height:100px;position:relative;margin:0 10px 10px 0;opacity:0;transition:all .4s}#contents>main[data-status=ready]>#line-up>li{opacity:1}#contents>main>#line-up>li>img{width:100px;height:100px;position:absolute;top:0;left:0;opacity:0;transition:all .4s}#contents>main>#line-up>li.active>img{opacity:1}#contents>main>#line-up>li.active>svg.loader>circle.loader-prog{animation:none}@media all and (-ms-high-contrast:none){#contents>main>#line-up>li.active>svg.loader{animation:none}}#contents>main>#line-up>li>div{position:absolute;top:-5px;left:-5px;z-index:2;width:110px;height:110px;box-shadow:0 0 0 2px rgba(0,0,0,.8) inset;padding:2px 2px 2px 110px;overflow:hidden;transition:opacity .1s,width .3s;opacity:0}#contents>main>#line-up>li>a{position:absolute;top:-5px;left:-5px;z-index:3;width:110px;height:110px;display:block;cursor:pointer}#contents>main>#line-up>li.active-text>a{cursor:default}#contents>main>#line-up>li.active:not(.active-text)>a:hover+div{opacity:1;width:220px}#contents>main>#line-up>li>div>div{width:108px;height:106px;background:rgba(0,0,0,.8);padding:10px 3px 10px 5px}#contents>main>#line-up>li>div>div>span{color:#fff;font-size:10px;display:block;width:100px}#contents>main>#line-up>li>div>div>span+span{margin-top:10px}#contents>main>#line-up>li>span{position:absolute;top:-5px;left:-5px;z-index:1;display:block;width:0;height:110px;transition:width .3s;overflow:hidden}#contents>main>#line-up>li>span:after,#contents>main>#line-up>li>span:before{content:'';display:block;position:absolute;background:rgba(255,255,255,.5)}#contents>main>#line-up>li>span:before{width:1px;height:100%;right:0;top:0}#contents>main>#line-up>li>span:after{width:100%;height:1px;left:0;bottom:0}#contents[data-init=ON]>main>#line-up>li>span{transition:none}#contents>main>#line-up>li.active-text>span{width:110px}#contents>main>#line-up>li>span>i{display:block;width:100px;position:absolute;top:50%;left:5px;transform:translateY(-50%);color:#fff;font-size:10px;font-style:normal}#contents[data-category=all]>main>#line-up>li>span{background:#69b21c}#contents[data-category=men]>main>#line-up>li>span{background:#171675}#contents[data-category=women]>main>#line-up>li>span{background:#e9589a}#contents>main>#detail{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background:rgba(0,0,0,.7);display:none;opacity:0}@keyframes show-detail{0%{display:none;opacity:0}1%{display:flex;opacity:0}100%{display:flex;opacity:1}}#contents>main[data-mode=detail]>#detail{display:flex;justify-content:center;align-items:center;opacity:1;animation:show-detail .4s}#contents>main[data-mode=detail]>#detail>div{width:840px;background:#fff;position:relative;padding-top:50px}#contents>main>#detail>div>a{position:absolute;top:10px;right:10px}#contents>main>#detail>div>a:hover:after{content:'';position:absolute;top:0;left:0;display:block;width:30px;height:30px;background-image:url(../images/card/pasome/contents-close-hover.webp);background-repeat:no-repeat}html:not([data-image-ok-webp=TRUE]) #contents>main>#detail>div>a:hover:after{background-image:url(../images/card/pasome/contents-close-hover.png)}#contents>main>#detail>div>div{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;padding:30px 0;background-image:url(../images/card/pasome/contents-title-bg.webp),url(../images/card/pasome/contents-title-bg.webp);background-repeat:repeat-x,repeat-x;background-position:top,bottom;margin-bottom:25px}html:not([data-image-ok-webp=TRUE]) #contents>main>#detail>div>div{background-image:url(../images/card/pasome/contents-title-bg.png),url(../images/card/pasome/contents-title-bg.png)}#contents>main>#detail>div>div:after,#contents>main>#detail>div>div:before{content:'';display:inline-block;position:absolute;left:20px;height:7px;width:80px;background-image:url(../images/card/pasome/contents-title-detail.webp);background-repeat:no-repeat}html:not([data-image-ok-webp=TRUE]) #contents>main>#detail>div>div:after,html:not([data-image-ok-webp=TRUE]) #contents>main>#detail>div>div:before{background-image:url(../images/card/pasome/contents-title-detail.png)}#contents>main>#detail>div>div:before{top:0}#contents>main>#detail>div>div:after{bottom:0}#contents>main>#detail>div>div>ul{width:100%;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 15px}#contents>main>#detail>div>div>ul>li{width:400px;height:400px;display:flex;align-items:center;justify-content:center;position:relative}#contents>main>#detail>div>div>ul>li>img{position:absolute;top:0;left:0;width:100%;opacity:0;transition:all .4s}#contents>main>#detail>div>div>ul>li.active>svg.loader>circle.loader-prog{animation:none}@media all and (-ms-high-contrast:none){#contents>main>#detail>div>div>ul>li.active>svg.loader{animation:none}}#contents>main>#detail>div>div>ul>li.active>img{opacity:1}#contents>main>#detail>div>div>div{width:calc(100% - 234px);padding:0 10px 0 20px}#contents>main>#detail>div>div>div>p{font-size:10px;font-weight:700;color:#000}#contents>main>#detail>div>div>div>h3{font-size:11px;font-weight:700;color:#000;margin-top:5px}#contents>main>#detail>div>div>a{position:relative;width:214px;height:76px;margin-right:20px}#contents>main>#detail>div>div>a:after{content:'';position:absolute;top:0;left:0;display:block;width:214px;height:76px;background-image:url(../images/card/pasome/contents-detail-link-hover.webp);background-repeat:no-repeat;opacity:0;transition:all .2s}html:not([data-image-ok-webp=TRUE]) #contents>main>#detail>div>div>a:after{background-image:url(../images/card/pasome/contents-detail-link-hover.png)}#contents>main>#detail>div>div>a:hover:after{opacity:1}audio{display:none}