:root{--navy:#003e7b}html body{margin:0}html body main>ul{padding-left:1rem;padding-right:1rem}@media screen and (min-width:767px){html body main>ul{max-width:83.3333333333%}}html body .max-w-content{padding-inline:0!important}html body #findyourdenim{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000}html body #findyourdenim address,html body #findyourdenim blockquote,html body #findyourdenim dl,html body #findyourdenim figure,html body #findyourdenim form,html body #findyourdenim iframe,html body #findyourdenim p,html body #findyourdenim pre,html body #findyourdenim table{margin:0}html body #findyourdenim h1,html body #findyourdenim h2,html body #findyourdenim h3,html body #findyourdenim h4,html body #findyourdenim h5,html body #findyourdenim h6{font-size:inherit;font-weight:inherit;margin:0}html body #findyourdenim button,html body #findyourdenim input,html body #findyourdenim optgroup,html body #findyourdenim select,html body #findyourdenim textarea{-webkit-appearance:none;appearance:none;background:transparent;background-color:transparent;border:none;border-radius:0;color:inherit;font:inherit;margin:0;padding:0;text-align:inherit;text-transform:inherit;vertical-align:middle}html body #findyourdenim ol,html body #findyourdenim ul{list-style:none;margin:0;padding:0}html body #findyourdenim dt{font-weight:700}html body #findyourdenim dd{margin-left:0}html body #findyourdenim a{background-color:transparent;color:inherit;text-decoration:none}html body #findyourdenim embed,html body #findyourdenim iframe,html body #findyourdenim img,html body #findyourdenim object,html body #findyourdenim svg{vertical-align:bottom}html body #findyourdenim img{height:auto;width:100%}@media screen and (min-width:980px){html body #findyourdenim .pc{display:block}html body #findyourdenim .sp{display:none!important}}@media screen and (max-width:980px){html body #findyourdenim .sp{display:block}html body #findyourdenim .pc{display:none!important}}html body #findyourdenim .scroll-in{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}html body #findyourdenim .scroll-in.show{opacity:1;-webkit-transform:none;transform:none;transition:.5s ease}@media screen and (min-width:500px){html body #findyourdenim{background-color:var(--navy)}}@media screen and (min-width:500px) and (min-width:980px){html body #findyourdenim{align-items:flex-start;display:flex;justify-content:flex-end;padding-top:25px}}html body #findyourdenim button:hover{cursor:pointer}html body #findyourdenim .feature-main-content{background-color:#fff;font-family:noto-sans-cjk-jp,sans-serif;font-style:normal;font-weight:500;margin-inline:auto;max-width:500px}@media screen and (min-width:980px){html body #findyourdenim .feature-main-content{margin-right:2.196193265%;max-width:none;width:29.2825768668%}}html body #findyourdenim .feature-main-content #main-visual{padding-top:4%}@media screen and (min-width:980px){html body #findyourdenim .feature-main-content #main-visual{padding-top:0}}html body #findyourdenim .feature-main-content #main-visual .title{aspect-ratio:694/88;display:flex;justify-content:flex-start;margin-inline:auto;padding-bottom:3.6%;width:92.5333333333%}@media screen and (min-width:500px) and (min-width:980px){html body #findyourdenim .feature-main-content #main-visual .title{display:none}}html body #findyourdenim .feature-main-content #main-visual .title span{display:block;height:100%;opacity:0;translate:0 50%}html body #findyourdenim .feature-main-content #main-visual .title span img{height:100%;width:auto}html body #findyourdenim .feature-main-content #main-visual .title span:nth-child(2){margin-left:1.1095100865%}html body #findyourdenim .feature-main-content #main-visual .title span:nth-child(3){margin-left:1.2002881844%}html body #findyourdenim .feature-main-content #main-visual .title span:nth-child(4){margin-left:1.2074927954%}html body #findyourdenim .feature-main-content #main-visual .title span:nth-child(5){margin-left:2.8242074928%}html body #findyourdenim .feature-main-content #main-visual .title span:nth-child(6){margin-left:.0864553314%}html body #findyourdenim .feature-main-content #main-visual .title span:nth-child(7){margin-left:1.0518731988%}html body #findyourdenim .feature-main-content #main-visual .title span:nth-child(8){margin-left:1.1959654179%}html body #findyourdenim .feature-main-content #main-visual .title span:nth-child(9){margin-left:4.3948126801%}html body #findyourdenim .feature-main-content #main-visual .title span:nth-child(10){margin-left:1.469740634%}html body #findyourdenim .feature-main-content #main-visual .title span:nth-child(11){margin-left:1.4121037464%}html body #findyourdenim .feature-main-content #main-visual .title span:nth-child(12),html body #findyourdenim .feature-main-content #main-visual .title span:nth-child(13){margin-left:1.5850144092%}html body #findyourdenim .feature-main-content #main-visual .image{position:relative}html body #findyourdenim .feature-main-content #main-visual .image .img{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);overflow:hidden;position:relative;z-index:1}html body #findyourdenim .feature-main-content #main-visual .image .img img{scale:1.1}html body #findyourdenim .feature-main-content #main-visual .image .ah{left:0;margin-left:2%;margin-top:2%;position:absolute;scale:0;top:0;-webkit-transform-origin:100% 90%;transform-origin:100% 90%;width:24%;z-index:2}@media screen and (min-width:980px){html body #findyourdenim .feature-main-content #main-visual .image .ah{display:none}}html body #findyourdenim .feature-main-content #main-visual.show .title span{opacity:1;transition:.5s ease 0s;translate:0 0}html body #findyourdenim .feature-main-content #main-visual.show .title span:first-child{transition-delay:.3s}html body #findyourdenim .feature-main-content #main-visual.show .title span:nth-child(2){transition-delay:.4s}html body #findyourdenim .feature-main-content #main-visual.show .title span:nth-child(3){transition-delay:.5s}html body #findyourdenim .feature-main-content #main-visual.show .title span:nth-child(4){transition-delay:.6s}html body #findyourdenim .feature-main-content #main-visual.show .title span:nth-child(5){transition-delay:1s}html body #findyourdenim .feature-main-content #main-visual.show .title span:nth-child(6){transition-delay:1.1s}html body #findyourdenim .feature-main-content #main-visual.show .title span:nth-child(7){transition-delay:1.2s}html body #findyourdenim .feature-main-content #main-visual.show .title span:nth-child(8){transition-delay:1.3s}html body #findyourdenim .feature-main-content #main-visual.show .title span:nth-child(9){transition-delay:1.7s}html body #findyourdenim .feature-main-content #main-visual.show .title span:nth-child(10){transition-delay:1.8s}html body #findyourdenim .feature-main-content #main-visual.show .title span:nth-child(11){transition-delay:1.9s}html body #findyourdenim .feature-main-content #main-visual.show .title span:nth-child(12){transition-delay:2s}html body #findyourdenim .feature-main-content #main-visual.show .title span:nth-child(13){transition-delay:2.1s}html body #findyourdenim .feature-main-content #main-visual.show .image .img{-webkit-clip-path:inset(0);clip-path:inset(0);transition:1.5s ease .5s}html body #findyourdenim .feature-main-content #main-visual.show .image .img img{scale:1;transition:2s ease .5s}html body #findyourdenim .feature-main-content #main-visual.show .image .ah{scale:1;transition:.4s cubic-bezier(.25,.25,.37,1.46) 2.2s}html body #findyourdenim .feature-main-content #intro{padding-top:7.0666666667%;position:relative}html body #findyourdenim .feature-main-content #intro .lead{font-size:3.2vw;line-height:2;opacity:0;text-align:center;translate:0 10px}@media screen and (min-width:500px){html body #findyourdenim .feature-main-content #intro .lead{font-size:16px}}@media screen and (min-width:500px) and (min-width:980px){html body #findyourdenim .feature-main-content #intro .lead{font-size:.9370424597vw}}html body #findyourdenim .feature-main-content #intro .yajirushi{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0);margin-right:4%;margin-top:9.8666666667%;position:absolute;right:0;top:0;translate:0 -100%;width:1.0666666667%}@media screen and (min-width:980px){html body #findyourdenim .feature-main-content #intro .look-index{display:none}}html body #findyourdenim .feature-main-content:has(#main-visual.show) #intro .lead{opacity:1;transition:1s ease 2.5s;translate:0 0}@media screen and (min-width:980px){html body #findyourdenim .feature-main-content:has(#main-visual.show) #intro .lead{transition-delay:1s}}html body #findyourdenim .feature-main-content:has(#main-visual.show) #intro .yajirushi{-webkit-animation:yajirushi 2s ease 2s infinite;animation:yajirushi 2s ease 2s infinite}@media screen and (min-width:980px){html body #findyourdenim .feature-main-content:has(#main-visual.show) #intro .yajirushi{-webkit-animation-delay:1s;animation-delay:1s}}@-webkit-keyframes yajirushi{0%{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0);translate:0 -100%}80%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);translate:0 0}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);translate:0 0}}@keyframes yajirushi{0%{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0);translate:0 -100%}80%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);translate:0 0}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);translate:0 0}}html body #findyourdenim .feature-main-content #look-wrapper{margin-top:10.4%}html body #findyourdenim .feature-main-content #look-wrapper .look-sticky-wrapper{height:500vh;position:relative}html body #findyourdenim .feature-main-content #look-wrapper .look{left:0;margin:0;padding-top:4%;position:-webkit-sticky;position:sticky;top:0}@media screen and (min-width:980px){html body #findyourdenim .feature-main-content #look-wrapper .look{top:65px}}html body #findyourdenim .feature-main-content #look-wrapper .look .look-name{height:8.5333333333vw;margin-inline:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (min-width:500px){html body #findyourdenim .feature-main-content #look-wrapper .look .look-name{height:42.6666666667px}}@media screen and (min-width:500px) and (min-width:980px){html body #findyourdenim .feature-main-content #look-wrapper .look .look-name{height:2.4890190337vw}}html body #findyourdenim .feature-main-content #look-wrapper .look .look-name img{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);height:100%;width:auto}html body #findyourdenim .feature-main-content #look-wrapper .look .look-name.show img{-webkit-clip-path:inset(0);clip-path:inset(0);transition:1s ease 0s}html body #findyourdenim .feature-main-content #look-wrapper .look .look-container{margin-top:4%;opacity:1;overflow:hidden;position:relative;-webkit-transform:none;transform:none;z-index:1}html body #findyourdenim .feature-main-content #look-wrapper .look .look-container:after{aspect-ratio:1/1;border-right:1px solid;border-top:1px solid;content:"";display:block;pointer-events:none;position:absolute;right:20px;rotate:45deg;top:50%;translate:0 -50%;width:10px;z-index:3}html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .ph{overflow:hidden;position:relative}html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .ph img{scale:1.1;transition:1s ease}html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .ph2{left:0;position:absolute;top:100%;z-index:2}html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .modal-button{left:0;margin-left:3.6%;margin-top:3.0666666667%;position:absolute;scale:0;top:0;-webkit-transform-origin:100% 90%;transform-origin:100% 90%;transition:.4s cubic-bezier(.25,.25,.37,1.46) 1s;width:22.6666666667%;z-index:5}html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .modal-button img{-webkit-transform-origin:100% 90%;transform-origin:100% 90%;transition:.3s ease 0s}html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .modal-button:hover img{scale:1.06}@-webkit-keyframes shake{0%{rotate:0deg}10%{rotate:3deg}20%{rotate:0deg}30%{rotate:3deg}40%{rotate:0deg}to{rotate:0deg}}@keyframes shake{0%{rotate:0deg}10%{rotate:3deg}20%{rotate:0deg}30%{rotate:3deg}40%{rotate:0deg}to{rotate:0deg}}html body #findyourdenim .feature-main-content #look-wrapper .look .look-container.show .modal-button{-webkit-animation:shake 2s ease 0s infinite;animation:shake 2s ease 0s infinite;scale:1}html body #findyourdenim .feature-main-content #look-wrapper .look .look-container.show .ph img{scale:1}html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .modal{background-color:hsla(0,0%,100%,.8);color:var(--navy);height:100%;left:0;padding-top:4.5333333333%;position:absolute;top:0;transition:.7s ease;translate:100% 0;width:100%;z-index:10}html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .modal.open{translate:0 0}html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .modal .close{aspect-ratio:1/1;left:15px;position:absolute;top:15px;width:15px}html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .modal .close:after,html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .modal .close:before{background-color:#000;content:"";display:block;height:1px;left:50%;position:absolute;top:50%;translate:-50% -50%;width:100%}html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .modal .close:before{rotate:45deg}html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .modal .close:after{rotate:-45deg}html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .modal h3{font-size:3.7333333333vw;font-weight:800;padding-inline:5.3333333333%;text-align:center}@media screen and (min-width:500px){html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .modal h3{font-size:18.6666666667px}}@media screen and (min-width:500px) and (min-width:980px){html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .modal h3{font-size:1.093216203vw}}html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .modal .points{margin-top:10.6666666667%;padding-left:29.3333333333%;padding-right:16%}html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .modal .points .point{margin-bottom:14.6341463415%;position:relative}html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .modal .points .point img{bottom:calc(100% - 30px);position:absolute;right:calc(100% + 10px);scale:0;-webkit-transform-origin:100% 90%;transform-origin:100% 90%;transition:0s ease 1s;width:24.3902439024%}html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .modal .points .point h4{font-family:tt-commons-pro,sans-serif;font-size:6vw;font-style:normal;font-weight:700}@media screen and (min-width:500px){html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .modal .points .point h4{font-size:30px}}@media screen and (min-width:500px) and (min-width:980px){html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .modal .points .point h4{font-size:1.756954612vw}}html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .modal .points .point .desc{font-size:3.3333333333vw;font-weight:700;line-height:2;margin-top:0}@media screen and (min-width:500px){html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .modal .points .point .desc{font-size:16.6666666667px}}@media screen and (min-width:500px) and (min-width:980px){html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .modal .points .point .desc{font-size:.9760858956vw}}html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .modal.open .points .point img{scale:1;transition:.4s cubic-bezier(.25,.25,.37,1.46) .8s}html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .modal.open .points .point:nth-child(2) img{transition-delay:1s}html body #findyourdenim .feature-main-content #look-wrapper .look .look-container .modal.open .points .point:nth-child(3) img{transition-delay:1.2s}html body #findyourdenim .feature-main-content #look-wrapper .look .text-area{background-color:#fff;font-family:noto-sans-cjk-jp,sans-serif;font-size:2.9333333333vw;font-style:normal;font-weight:800;left:0;line-height:2.0909090909;padding-block:8.5333333333%;position:-webkit-sticky;position:sticky;text-align:center;top:145.8666666667vw;z-index:3}@media screen and (min-width:500px){html body #findyourdenim .feature-main-content #look-wrapper .look .text-area{font-size:14.6666666667px}}@media screen and (min-width:500px) and (min-width:980px){html body #findyourdenim .feature-main-content #look-wrapper .look .text-area{font-size:.8589555881vw}}html body #findyourdenim .feature-main-content #look-wrapper .look .text-area .credits li{align-items:center;display:flex;justify-content:center}html body #findyourdenim .feature-main-content #look-wrapper .look .text-area .credits li .price{margin-inline:1em}html body #findyourdenim .feature-main-content #look-wrapper .look .text-area .credits li a{text-decoration:underline}html body #findyourdenim .feature-main-content #look-wrapper .look .text-area .credits li a:hover{text-decoration:none}html body #findyourdenim .feature-main-content #outro{padding-bottom:4%}html body #findyourdenim .feature-main-content #outro a:hover{opacity:.7}html body #findyourdenim .feature-main-content #outro .all{align-items:center;aspect-ratio:616/112;display:flex;justify-content:flex-start;margin-inline:auto;position:relative;width:82.1333333333%}html body #findyourdenim .feature-main-content #outro .all img{margin-left:1.9480519481%;width:88.7987012987%}html body #findyourdenim .feature-main-content #outro .all .yajirushi{aspect-ratio:1/1;border-right:1px solid;border-top:1px solid;display:block;position:absolute;right:5px;rotate:45deg;top:50%;translate:0 -50%;width:18px}html body #findyourdenim .feature-main-content #outro .all:after,html body #findyourdenim .feature-main-content #outro .all:before{background-color:#000;content:"";display:block;height:1px;left:0;position:absolute;width:100%}html body #findyourdenim .feature-main-content #outro .all:before{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);top:0}html body #findyourdenim .feature-main-content #outro .all:after{bottom:0;-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%)}html body #findyourdenim .feature-main-content #outro .all.show:after,html body #findyourdenim .feature-main-content #outro .all.show:before{-webkit-clip-path:inset(0);clip-path:inset(0);transition:.4s ease .7s}html body #findyourdenim .feature-main-content #outro .banner{display:block;margin-inline:auto;margin-top:8%;width:82.1333333333%}html body #findyourdenim .feature-main-content #outro .social{align-items:center;display:flex;justify-content:center;margin-top:16.6666666667%}html body #findyourdenim .feature-main-content #outro .social li{margin-inline:5.8666666667%}html body #findyourdenim .feature-main-content #outro .social li:first-child{width:6.1333333333%}html body #findyourdenim .feature-main-content #outro .social li:nth-child(2){width:5.7333333333%}html body #findyourdenim .feature-main-content #outro .social li:nth-child(3){width:4.6666666667%}html body #findyourdenim .feature-main-content #outro .social li:nth-child(4){width:6.2666666667%}html body #findyourdenim .feature-main-content #outro .copy{font-family:tt-commons-pro,sans-serif;font-size:2.6666666667vw;font-style:normal;font-weight:400;margin-top:15.8666666667%;text-align:center}@media screen and (min-width:500px){html body #findyourdenim .feature-main-content #outro .copy{font-size:13.3333333333px}}@media screen and (min-width:500px) and (min-width:980px){html body #findyourdenim .feature-main-content #outro .copy{font-size:.7808687164vw}}html body #findyourdenim .look-index{margin-top:7.2%}html body #findyourdenim .look-index h2{font-family:tt-commons-pro,sans-serif;font-size:3.4666666667vw;font-style:normal;font-weight:500;text-align:center;text-transform:uppercase}@media screen and (min-width:500px){html body #findyourdenim .look-index h2{font-size:17.3333333333px}}@media screen and (min-width:500px) and (min-width:980px){html body #findyourdenim .look-index h2{font-size:1.0151293314vw}}html body #findyourdenim .look-index ul{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between;margin-inline:auto;margin-top:6.8%;width:62.6666666667%}html body #findyourdenim .look-index ul li{margin-top:3.6170212766%;width:25.5319148936%}html body #findyourdenim .look-index ul li a .look-name{display:block;font-family:tt-commons-pro,sans-serif;font-size:2.9333333333vw;font-style:normal;font-weight:500;letter-spacing:-.02em;margin-left:50%;margin-top:12.5%;translate:-50% 0;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (min-width:500px){html body #findyourdenim .look-index ul li a .look-name{font-size:14.6666666667px}}@media screen and (min-width:500px) and (min-width:980px){html body #findyourdenim .look-index ul li a .look-name{font-size:.8589555881vw}}html body #findyourdenim:has(#section1.on) .index-opener{translate:0 0}html body #findyourdenim:has(#outro.on) .index-opener{translate:200% 0}html body #findyourdenim .index-opener{align-items:center;aspect-ratio:124/45;border:1px solid;border-radius:45px;bottom:87px;display:flex;font-family:tt-commons-pro,sans-serif;font-size:12px;font-style:normal;font-weight:300;justify-content:center;letter-spacing:-.02em;position:fixed;right:15px;text-transform:uppercase;transition:.5s ease;translate:200% 0;width:62px}@media screen and (min-width:550px){html body #findyourdenim .index-opener{background-color:#fff}}@media screen and (min-width:550px) and (min-width:980px){html body #findyourdenim .index-opener{display:none}}html body #findyourdenim #fixed-index{background-color:#fff;border-radius:10px 10px 0 0;bottom:56px;left:0;margin-inline:auto;max-width:486.6666666667px;padding-bottom:5.3333333333%;position:fixed;right:0;transition:.5s ease 0s;translate:0 100%;width:97.3333333333%;z-index:19}@media screen and (min-width:980px){html body #findyourdenim #fixed-index{display:none}}html body #findyourdenim #fixed-index.show{translate:0 0}html body #findyourdenim #fixed-index.show .cover{display:block}html body #findyourdenim #fixed-index .cover{bottom:0;display:none;height:100vh;left:50%;position:absolute;translate:-50% 0;width:100vw;z-index:-1}html body #findyourdenim #fixed-index .close{aspect-ratio:1/1;display:block;margin-inline:auto;margin-top:9.5890410959%;position:relative;width:15px;z-index:2}html body #findyourdenim #fixed-index .close:after,html body #findyourdenim #fixed-index .close:before{background-color:#000;content:"";display:block;height:1px;left:50%;position:absolute;top:50%;translate:-50% -50%;width:110%}html body #findyourdenim #fixed-index .close:before{rotate:45deg}html body #findyourdenim #fixed-index .close:after{rotate:-45deg}html body #findyourdenim #pc-fixed-area{left:30.3806734993%;margin-bottom:50px;position:-webkit-sticky;position:sticky;top:0;translate:-50% 0;width:60.7613469985%}@media (min-aspect-ratio:1795/962){html body #findyourdenim #pc-fixed-area{width:98.7525987526vh}}html body #findyourdenim #pc-fixed-area hgroup{align-items:center;display:flex;justify-content:flex-start;width:100%}html body #findyourdenim #pc-fixed-area hgroup .ah{margin-left:3.5542168675%;margin-right:3.5542168675%;scale:0;-webkit-transform-origin:100% 90%;transform-origin:100% 90%;width:18.5542168675%}html body #findyourdenim #pc-fixed-area hgroup .title{align-items:center;aspect-ratio:1051/138;display:flex;justify-content:flex-start;width:63.313253012%}html body #findyourdenim #pc-fixed-area hgroup .title span{display:block;height:100%;opacity:0;translate:0 50%}html body #findyourdenim #pc-fixed-area hgroup .title span img{height:100%;width:auto}html body #findyourdenim #pc-fixed-area hgroup .title span:nth-child(2){margin-left:1.1095100865%}html body #findyourdenim #pc-fixed-area hgroup .title span:nth-child(3){margin-left:1.2002881844%}html body #findyourdenim #pc-fixed-area hgroup .title span:nth-child(4){margin-left:1.2074927954%}html body #findyourdenim #pc-fixed-area hgroup .title span:nth-child(5){margin-left:2.8242074928%}html body #findyourdenim #pc-fixed-area hgroup .title span:nth-child(6){margin-left:.0864553314%}html body #findyourdenim #pc-fixed-area hgroup .title span:nth-child(7){margin-left:1.0518731988%}html body #findyourdenim #pc-fixed-area hgroup .title span:nth-child(8){margin-left:1.1959654179%}html body #findyourdenim #pc-fixed-area hgroup .title span:nth-child(9){margin-left:4.3948126801%}html body #findyourdenim #pc-fixed-area hgroup .title span:nth-child(10){margin-left:1.469740634%}html body #findyourdenim #pc-fixed-area hgroup .title span:nth-child(11){margin-left:1.4121037464%}html body #findyourdenim #pc-fixed-area hgroup .title span:nth-child(12),html body #findyourdenim #pc-fixed-area hgroup .title span:nth-child(13){margin-left:1.5850144092%}html body #findyourdenim #pc-fixed-area .pc-index{margin-top:3.0120481928%}html body #findyourdenim #pc-fixed-area .pc-index ul{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;margin-inline:auto;width:84.9397590361%}html body #findyourdenim #pc-fixed-area .pc-index ul li{margin-inline:1.0638297872%;margin-bottom:2.6241134752%;width:17.8723404255%}html body #findyourdenim #pc-fixed-area .pc-index ul li a{display:block}html body #findyourdenim #pc-fixed-area .pc-index ul li a .img{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}html body #findyourdenim #pc-fixed-area .pc-index ul li a .img img{transition:1s ease}html body #findyourdenim #pc-fixed-area .pc-index ul li a .look-name{color:#fff;display:block;font-family:tt-commons-pro,sans-serif;font-size:12px;font-style:normal;font-weight:400;letter-spacing:-.02em;margin-left:50%;margin-top:7.1428571429%;opacity:0;text-align:center;translate:-50% 10px;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}html body #findyourdenim #pc-fixed-area .pc-index ul li a:hover .img img{scale:1.1}html body #findyourdenim #pc-fixed-area .pc-index ul li a:hover .look-name{text-decoration:underline}html body #findyourdenim #pc-fixed-area .all{align-items:center;aspect-ratio:616/112;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);display:flex;justify-content:flex-start;margin-inline:auto;margin-top:3.0120481928%;position:relative;width:37.1084337349%}html body #findyourdenim #pc-fixed-area .all img{margin-left:1.7857142857%;width:88.7987012987%}html body #findyourdenim #pc-fixed-area .all .yajirushi{aspect-ratio:1/1;border-right:1px solid #fff;border-top:1px solid #fff;display:block;position:absolute;right:5px;rotate:45deg;top:50%;translate:0 -50%;width:6.4935064935%}html body #findyourdenim #pc-fixed-area .all:after,html body #findyourdenim #pc-fixed-area .all:before{background-color:#fff;content:"";display:block;height:1px;left:0;position:absolute;width:100%}html body #findyourdenim #pc-fixed-area .all:before{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);top:0}html body #findyourdenim #pc-fixed-area .all:after{bottom:0;-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%)}html body #findyourdenim .scroll-bar{background-color:#fff;display:block;height:80.3883495146vh;margin-bottom:11.3915857605vh;margin-right:7.6134699854%;position:-webkit-sticky;position:sticky;right:0;top:11.3915857605vh;width:1px}html body #findyourdenim .scroll-bar .current{background-color:#fff;height:44px;left:-1px;position:absolute;top:0;width:3px}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area hgroup .ah{scale:1;transition:.4s cubic-bezier(.25,.25,.37,1.46) 2.2s}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area hgroup .title span{opacity:1;transition:.5s ease 0s;translate:0 0}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area hgroup .title span:first-child{transition-delay:.3s}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area hgroup .title span:nth-child(2){transition-delay:.4s}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area hgroup .title span:nth-child(3){transition-delay:.5s}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area hgroup .title span:nth-child(4){transition-delay:.6s}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area hgroup .title span:nth-child(5){transition-delay:.9s}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area hgroup .title span:nth-child(6){transition-delay:1s}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area hgroup .title span:nth-child(7){transition-delay:1.1s}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area hgroup .title span:nth-child(8){transition-delay:1.2s}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area hgroup .title span:nth-child(9){transition-delay:1.5s}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area hgroup .title span:nth-child(10){transition-delay:1.6s}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area hgroup .title span:nth-child(11){transition-delay:1.7s}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area hgroup .title span:nth-child(12){transition-delay:1.8s}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area hgroup .title span:nth-child(13){transition-delay:1.9s}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area .pc-index ul li a .img{-webkit-clip-path:inset(0);clip-path:inset(0);transition:1s ease 2s}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area .pc-index ul li a .look-name{opacity:1;transition:1s ease 1s;translate:-50% 0}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area .pc-index ul li:first-child a .img,html body #findyourdenim:has(#main-visual.show) #pc-fixed-area .pc-index ul li:first-child a .look-name{transition-delay:1s}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area .pc-index ul li:nth-child(2) a .img,html body #findyourdenim:has(#main-visual.show) #pc-fixed-area .pc-index ul li:nth-child(2) a .look-name{transition-delay:1.1s}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area .pc-index ul li:nth-child(3) a .img,html body #findyourdenim:has(#main-visual.show) #pc-fixed-area .pc-index ul li:nth-child(3) a .look-name{transition-delay:1.2s}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area .pc-index ul li:nth-child(4) a .img,html body #findyourdenim:has(#main-visual.show) #pc-fixed-area .pc-index ul li:nth-child(4) a .look-name{transition-delay:1.3s}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area .pc-index ul li:nth-child(5) a .img,html body #findyourdenim:has(#main-visual.show) #pc-fixed-area .pc-index ul li:nth-child(5) a .look-name{transition-delay:1.4s}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area .pc-index ul li:nth-child(6) a .img,html body #findyourdenim:has(#main-visual.show) #pc-fixed-area .pc-index ul li:nth-child(6) a .look-name{transition-delay:1.5s}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area .pc-index ul li:nth-child(7) a .img,html body #findyourdenim:has(#main-visual.show) #pc-fixed-area .pc-index ul li:nth-child(7) a .look-name{transition-delay:1.6s}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area .pc-index ul li:nth-child(8) a .img,html body #findyourdenim:has(#main-visual.show) #pc-fixed-area .pc-index ul li:nth-child(8) a .look-name{transition-delay:1.7s}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area .pc-index ul li:nth-child(9) a .img,html body #findyourdenim:has(#main-visual.show) #pc-fixed-area .pc-index ul li:nth-child(9) a .look-name{transition-delay:1.8s}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area .all{-webkit-clip-path:inset(0);clip-path:inset(0);transition:.7s ease 2s}html body #findyourdenim:has(#main-visual.show) #pc-fixed-area .all:after,html body #findyourdenim:has(#main-visual.show) #pc-fixed-area .all:before{-webkit-clip-path:inset(0);clip-path:inset(0);transition:.4s ease 2.7s}