@charset "UTF-8";*,:after,:before{border-style:solid;border-width:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;line-height:1.15}body{margin:0}main{display:block}address,blockquote,dl,figure,form,iframe,p,pre,table{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ol,ul{list-style:none;margin:0;padding:0}dt{font-weight:700}dd{margin-left:0}hr{border-top-width:1px;box-sizing:content-box;clear:both;color:inherit;height:0;margin:0;overflow:visible}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;color:inherit;text-decoration:none}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}embed,iframe,img,object,svg{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;background:transparent;border-radius:0;color:inherit;font:inherit;margin:0;padding:0;text-align:inherit;text-transform:inherit;vertical-align:middle}[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox}[type=radio]{-webkit-appearance:radio;appearance:radio}[type=button],[type=reset],[type=submit],button{cursor:pointer}[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled,button:disabled{cursor:default}select:disabled{opacity:inherit}fieldset,option{padding:0}fieldset{margin:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-collapse:collapse;border-color:inherit}caption{text-align:left}td,th{padding:0;vertical-align:top}th{font-weight:700;text-align:left}html{font-size:62.5%}html body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem}html body .clearfix{display:inline-block;height:1%}html body .clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}html body img,html body svg,html body video{height:auto;width:100%}@media screen and (min-width:980px){html body .pc{display:block}html body .sp{display:none!important}}@media screen and (max-width:980px){html body .sp{display:block}html body .pc{display:none!important}}html body .scroll-in{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}html body .scroll-in.show{opacity:1;-webkit-transform:none;transform:none;transition:.5s ease}html body .gif>*{opacity:0}html body .gif>.current{opacity:1}@font-face{html body{font-family:HelveticaNeue-Bold;src:url(../font/helvetica-neue/HelveticaNeue-Bold.eot)}}@font-face{font-family:HelveticaNowDisplay-Md;src:url(../font/HelveticaNow/HelveticaNowDisplay-Md.eot) format("embedded-opentype"),url(../font/HelveticaNow/HelveticaNowDisplay-Md.woff) format("woff"),url(../font/HelveticaNow/HelveticaNowDisplay-Md.ttf) format("truetype"),url(../font/HelveticaNow/HelveticaNowDisplay-Md.svg#HelveticaNowDisplay-Md) format("svg")}:root{--disp-height:100svh;--text-color:#000;--background-color:#f1f1f1;--section1:#446ca2;--section2:#95604c;--section3:#505050;--section4:#ffd9d9;--section5:#66a7dc;--section6:#af3727}html body{-webkit-font-feature-settings:"palt";font-feature-settings:"palt";-webkit-font-smoothing:auto;background-color:var(--background-color);color:var(--text-color);font-family:Noto Sans JP,sans-serif;font-style:normal;font-weight:400;opacity:1;padding-top:0;transition:background-color 1s ease}html body,html body [data-flip-pic]{position:relative}html body [data-flip-pic]>*{left:0;opacity:0;position:absolute;top:0;transition:opacity 1.7s ease 1s;z-index:1}html body [data-flip-pic]>:first-child{position:relative}html body [data-flip-pic]>.show{opacity:1;transition:opacity 1.7s ease;z-index:2}html body #main{width:100%}html body #main #content-wrapper{background-color:var(--background-color);margin-inline:auto;max-width:500px;overflow:clip}@media screen and (min-width:980px){html body #main #content-wrapper{max-width:none;width:27.5256222548%}}html body #main #main-visual{overflow:hidden;position:relative}@media screen and (min-width:980px){html body #main #main-visual{height:100vh;left:0;position:fixed;top:0;width:36.2371888726vw}}html body #main #main-visual .ph{position:relative;z-index:1}@media screen and (min-width:980px){html body #main #main-visual .ph,html body #main #main-visual .ph .img{height:100%;width:100%}}html body #main #main-visual .ph .img img{opacity:0;scale:1.1}@media screen and (min-width:980px){html body #main #main-visual .ph .img img{height:100%;object-fit:cover;width:100%}}html body #main #main-visual .logo{left:15px;position:absolute;top:16px;translate:0 -200%;width:73px;z-index:2}@media screen and (min-width:980px){html body #main #main-visual .logo{background-color:#000;left:23px;-webkit-mask-image:url(../images/myownknitwear/globalwork.png);mask-image:url(../images/myownknitwear/globalwork.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;top:26px;width:98px}html body #main #main-visual .logo img{opacity:0}}html body #main #main-visual hgroup{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);left:0;margin-inline:auto;position:absolute;right:0;top:53%;translate:0 -50%;width:83.2446808511%;z-index:2}html body #main #main-visual hgroup .title{background-color:var(--text-color);-webkit-mask-image:url(../images/myownknitwear/title.png);mask-image:url(../images/myownknitwear/title.png);-webkit-mask-size:100% 100.5%;mask-size:100% 100.5%}html body #main #main-visual hgroup .title img{opacity:0}html body #main #main-visual hgroup .title-jp{background-color:var(--text-color);margin-inline:auto;margin-top:3.1948881789%;-webkit-mask-image:url(../images/myownknitwear/title-jp.png);mask-image:url(../images/myownknitwear/title-jp.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;opacity:0;translate:0 10px;width:72.8434504792%}html body #main #main-visual hgroup .title-jp img{opacity:0}html body #main #main-visual .season{background-color:var(--text-color);bottom:0;left:0;margin-inline:auto;margin-bottom:9.0425531915%;-webkit-mask-image:url(../images/myownknitwear/season.png);mask-image:url(../images/myownknitwear/season.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;opacity:0;position:absolute;right:0;translate:0 10px;width:26.8617021277%;z-index:2}html body #main #main-visual .season img{opacity:0}html body #main #main-visual .scroll{background-color:#fff;bottom:0;height:82px;margin-right:7.4468085106%;opacity:0;position:absolute;right:0;width:1px;z-index:2}html body #main #main-visual .scroll:before{-webkit-animation:scroll 2s ease-in-out 0s infinite;animation:scroll 2s ease-in-out 0s infinite;aspect-ratio:1/1;background-color:#fff;border-radius:50%;content:"";display:block;left:-3px;position:absolute;top:0;width:7px}@-webkit-keyframes scroll{0%{opacity:0;translate:0 0}10%{opacity:1;translate:0 0}80%{opacity:1}to{opacity:0;translate:0 82px}}@keyframes scroll{0%{opacity:0;translate:0 0}10%{opacity:1;translate:0 0}80%{opacity:1}to{opacity:0;translate:0 82px}}html body #main #main-visual.show .scroll{opacity:1;transition:1s ease 1.4s}html body #main #main-visual.show .logo{transition:1s ease 1.4s;translate:0 0}html body #main #main-visual.show .ph .img img{opacity:1;scale:1;transition:1.5s ease 1.3s}html body #main #main-visual.show hgroup{-webkit-clip-path:inset(0);clip-path:inset(0);transition:1s ease .1s}html body #main #main-visual.show hgroup .title{background-color:#fff;transition:1s ease 1.3s}html body #main #main-visual.show hgroup .title-jp{background-color:#fff;opacity:1;transition:opacity .6s ease .6s,translate .6s ease .6s,background-color 1s ease 1.3s;translate:0 0}html body #main #main-visual.show .season{background-color:#fff;opacity:1;transition:opacity .6s ease .8s,translate .6s ease .8s,background-color 1s ease 1.3s;translate:0 0}@media screen and (min-width:980px){html body #main #main-visual.show .ph .img img{transition:opacity 1.2s ease 0s,scale 1.8s ease 0s}html body #main #main-visual.show .logo{transition:1s ease .3s}}html body #main #intro{padding-top:7.9787234043%}@media screen and (min-width:980px){html body #main #intro .text-inner hgroup>*,html body #main #intro .text-inner>h2,html body #main #intro .text-inner>p{opacity:0;-webkit-transform:none;transform:none;translate:0 -12px}html body #main #intro.pc-opening-start .text-inner hgroup>*,html body #main #intro.pc-opening-start .text-inner>h2,html body #main #intro.pc-opening-start .text-inner>p{opacity:1;transition:opacity .7s ease,translate .7s ease;translate:0 0}html body #main #intro.pc-opening-start .text-inner hgroup>:nth-child(2){transition-delay:.15s}html body #main #intro.pc-opening-start .text-inner hgroup>:nth-child(3){transition-delay:.3s}html body #main #intro.pc-opening-start .text-inner>h2{transition-delay:.45s}html body #main #intro.pc-opening-start .text-inner>p{transition-delay:.6s}html body #main #intro{height:100vh;padding-top:0;position:fixed;right:0;top:0;width:36.2371888726vw}}html body #main #intro .text-area{text-align:center}@media screen and (min-width:980px){html body #main #intro .text-area{align-items:center;display:flex;height:43.6486486486%;justify-content:center}html body #main #intro .text-area .text-inner{width:304px}html body #main #intro .text-area .text-inner .season{background-color:var(--text-color);margin-bottom:17px;margin-inline:auto;-webkit-mask-image:url(../images/myownknitwear/season.png);mask-image:url(../images/myownknitwear/season.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;width:101px}html body #main #intro .text-area .text-inner .season img{opacity:0}html body #main #intro .text-area .text-inner .title{background-color:var(--text-color);-webkit-mask-image:url(../images/myownknitwear/title.png);mask-image:url(../images/myownknitwear/title.png);-webkit-mask-size:100% 100%;mask-size:100% 100%}html body #main #intro .text-area .text-inner .title img{opacity:0}html body #main #intro .text-area .text-inner .title-jp{background-color:var(--text-color);margin-inline:auto;margin-top:3.2894736842%;-webkit-mask-image:url(../images/myownknitwear/title-jp.png);mask-image:url(../images/myownknitwear/title-jp.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;width:72.6973684211%}html body #main #intro .text-area .text-inner .title-jp img{opacity:0}}html body #main #intro .text-area h2{font-family:HelveticaNowDisplay-Bd,sans-serif;font-size:4.2553191489vw;letter-spacing:.01em;line-height:1.1875}@media screen and (min-width:500px){html body #main #intro .text-area h2{font-size:21.2765957447px}}@media screen and (min-width:980px){html body #main #intro .text-area h2{font-size:1.1713030747vw;font-size:1.4rem;margin-top:38px}}html body #main #intro .text-area p{font-size:3.4574468085vw;line-height:1.3846153846;margin-top:1em}@media screen and (min-width:500px){html body #main #intro .text-area p{font-size:17.2872340426px}}@media screen and (min-width:980px){html body #main #intro .text-area p{font-size:.9516837482vw;font-size:1.1rem}}html body #main #intro #index{-webkit-clip-path:inset(0 calc(-100vw + 100%) 0 0);clip-path:inset(0 calc(-100vw + 100%) 0 0);margin-top:9.8404255319%;opacity:0;-webkit-transform:none;transform:none;translate:100% 0}html body #main #intro #index.show{opacity:1;transition:.7s ease 0s;translate:0 0}@media screen and (min-width:980px){html body #main #intro #index{aspect-ratio:329/417;height:56.3513513514%;margin-top:0}}html body #main #intro #index .splide__track{overflow:visible}html body #main #intro #index .splide__slide{opacity:1;z-index:2}html body #main #intro #index .splide__slide.is-cover-outgoing,html body #main #intro #index .splide__slide.is-cover-underneath{z-index:1}html body #main #intro #index .splide__slide.is-cover-leaving{z-index:4}html body #main #intro #index .splide__slide a{align-items:flex-start;aspect-ratio:329/417;background-color:#000;color:#fff;display:flex;justify-content:flex-start;position:relative;width:100%}html body #main #intro #index .splide__slide a:after{bottom:0;content:"VIEW";font-family:HelveticaNowDisplay-Md,sans-serif;margin-bottom:12.7659574468%;margin-right:4.5592705167%;position:absolute;right:0;text-decoration:underline}html body #main #intro #index .splide__slide a .img{-webkit-clip-path:inset(0 1% 0 0);clip-path:inset(0 1% 0 0);margin-left:9.1185410334%;margin-top:20.6686930091%;overflow:hidden;position:relative;width:71.1246200608%;z-index:1}html body #main #intro #index .splide__slide a .img img{opacity:0;scale:1.1}html body #main #intro #index .splide__slide a .head{align-items:center;color:#fff;display:flex;font-family:HelveticaNowDisplay-Bd,sans-serif;font-size:3.7234042553vw;justify-content:space-between;left:0;margin-left:9.1185410334%;margin-top:10.6382978723%;position:absolute;top:0;width:86.3221884498%}@media screen and (min-width:500px){html body #main #intro #index .splide__slide a .head{font-size:18.6170212766px}}@media screen and (min-width:980px){html body #main #intro #index .splide__slide a .head{font-size:1.0248901903vw}}html body #main #intro #index .splide__slide a .head .num{font-family:HelveticaNowDisplay-Md,sans-serif;font-size:3.1914893617vw}@media screen and (min-width:500px){html body #main #intro #index .splide__slide a .head .num{font-size:15.9574468085px}}@media screen and (min-width:980px){html body #main #intro #index .splide__slide a .head .num{font-size:.878477306vw}}html body #main #intro #index .splide__slide a hgroup{font-family:HelveticaNowDisplay-Md,sans-serif;left:0;margin-left:73.8601823708%;margin-top:54.7112462006%;position:absolute;top:0;white-space:nowrap;z-index:2}html body #main #intro #index .splide__slide a hgroup .num{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);font-size:2.1276595745vw;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (min-width:500px){html body #main #intro #index .splide__slide a hgroup .num{font-size:10.6382978723px}}@media screen and (min-width:980px){html body #main #intro #index .splide__slide a hgroup .num{font-size:.5856515373vw}}html body #main #intro #index .splide__slide a hgroup .num:before{background-color:#fff;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}html body #main #intro #index .splide__slide a hgroup h2{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);font-size:3.4574468085vw;margin-top:.2em;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (min-width:500px){html body #main #intro #index .splide__slide a hgroup h2{font-size:17.2872340426px}}@media screen and (min-width:980px){html body #main #intro #index .splide__slide a hgroup h2{font-size:.9516837482vw}}html body #main #intro #index .splide__slide a hgroup h2:before{background-color:#fff;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}html body #main #intro #index .splide__slide a hgroup .type{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);font-size:2.6595744681vw;margin-top:.1em;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (min-width:500px){html body #main #intro #index .splide__slide a hgroup .type{font-size:13.2978723404px}}@media screen and (min-width:980px){html body #main #intro #index .splide__slide a hgroup .type{font-size:.7320644217vw}}html body #main #intro #index .splide__slide a hgroup .type:before{background-color:#fff;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}html body #main #intro #index .splide__slide.is-active a .img img,html body #main #intro #index .splide__slide.is-cover-leaving a .img img{opacity:1;scale:1;transition:opacity .6s ease 0s,scale 2.5s ease 0s}html body #main #intro #index .splide__slide.is-active a hgroup .num,html body #main #intro #index .splide__slide.is-active a hgroup .type,html body #main #intro #index .splide__slide.is-active a hgroup h2,html body #main #intro #index .splide__slide.is-cover-leaving a hgroup .num,html body #main #intro #index .splide__slide.is-cover-leaving a hgroup .type,html body #main #intro #index .splide__slide.is-cover-leaving a hgroup h2{-webkit-clip-path:inset(0);clip-path:inset(0);transition:.5s cubic-bezier(1,.01,.095,.97) .4s}html body #main #intro #index .splide__slide.is-active a hgroup .num:before,html body #main #intro #index .splide__slide.is-active a hgroup .type:before,html body #main #intro #index .splide__slide.is-active a hgroup h2:before,html body #main #intro #index .splide__slide.is-cover-leaving a hgroup .num:before,html body #main #intro #index .splide__slide.is-cover-leaving a hgroup .type:before,html body #main #intro #index .splide__slide.is-cover-leaving a hgroup h2:before{transition:.5s cubic-bezier(1,.01,.095,.97) .9s;translate:102% 0}html body #main #intro #index .splide__slide.is-active a hgroup h2,html body #main #intro #index .splide__slide.is-cover-leaving a hgroup h2{transition-delay:.6s}html body #main #intro #index .splide__slide.is-active a hgroup h2:before,html body #main #intro #index .splide__slide.is-cover-leaving a hgroup h2:before{transition-delay:1.1s}html body #main #intro #index .splide__slide.is-active a hgroup .type,html body #main #intro #index .splide__slide.is-cover-leaving a hgroup .type{transition-delay:.8s}html body #main #intro #index .splide__slide.is-active a hgroup .type:before,html body #main #intro #index .splide__slide.is-cover-leaving a hgroup .type:before{transition-delay:1.3s}@media screen and (min-width:980px){html body #main #intro #index .splide__slide.is-cover-next{z-index:3}html body #main #intro #index .splide__slide.is-cover-next a .img img,html body #main #intro #index .splide__slide.is-image-revealed a .img img{opacity:1;scale:1;transition:opacity .6s ease 0s,scale 2.5s ease 0s}}html body #main #intro #index:not(.show) .splide__slide a hgroup .num,html body #main #intro #index:not(.show) .splide__slide a hgroup .type,html body #main #intro #index:not(.show) .splide__slide a hgroup h2{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);transition:none}html body #main #intro #index:not(.show) .splide__slide a hgroup .num:before,html body #main #intro #index:not(.show) .splide__slide a hgroup .type:before,html body #main #intro #index:not(.show) .splide__slide a hgroup h2:before{transition:none;translate:0 0}@media screen and (min-width:980px){html body #main #intro #index .splide__slide a,html body #main #intro #index .splide__slide a .head{font-size:1.8918918919vh}html body #main #intro #index .splide__slide a .head .num{font-size:1.6216216216vh}html body #main #intro #index .splide__slide a hgroup .num{font-size:1.0810810811vh}html body #main #intro #index .splide__slide a hgroup h2{font-size:1.7567567568vh}html body #main #intro #index .splide__slide a hgroup .type{font-size:1.3513513514vh}}html body #main #intro #index .index1 a{background-color:var(--section1)}html body #main #intro #index .index2 a{background-color:var(--section2)}html body #main #intro #index .index3 a{background-color:var(--section3)}html body #main #intro #index .index4 a{background-color:var(--section4)}html body #main #intro #index .index5 a{background-color:var(--section5)}html body #main #intro #index .index6 a{background-color:var(--section6)}html body #main .fixed-button{--button-border-size:1px;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,85%,.2);border:var(--button-border-size) solid transparent;border-radius:20px;bottom:25px;color:#000;display:flex;font-family:HelveticaNowDisplay-Bd,sans-serif;font-size:1.5rem;height:40px;justify-content:center;left:0;margin-inline:auto;position:fixed;right:0;transition:.4s ease 0s;translate:0 180%;width:275px;z-index:10}html body #main .fixed-button.show{translate:0 0}html body #main .fixed-button:before{background-image:linear-gradient(160deg,#fff,hsla(0,0%,100%,0) 62%,#fff);border-radius:20px;content:"";inset:calc(var(--button-border-size)*-1);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:var(--button-border-size);position:absolute}html body #main .fixed-button:after{content:"→";font-family:HelveticaNowDisplay-Md,sans-serif;position:absolute;right:20px;top:50%;translate:0 -50%}html body #main #content .section{--heading-color:#fff;overflow:clip;padding-top:18.6170212766%}html body #main #content .section#section1,html body #main #content .section#section3{--heading-color:#000}html body #main #content .section .ph{position:relative}html body #main #content .section .ph .img{overflow:hidden;position:relative;z-index:1}html body #main #content .section .ph .img img{scale:1.1}html body #main #content .section .ph hgroup{color:var(--heading-color);font-family:HelveticaNowDisplay-Bd,sans-serif;left:0;margin-left:3.9893617021%;position:absolute;top:0;top:50%;translate:0 -50%;z-index:2}html body #main #content .section .ph hgroup .num{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);font-size:2.6595744681vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (min-width:500px){html body #main #content .section .ph hgroup .num{font-size:13.2978723404px}}@media screen and (min-width:980px){html body #main #content .section .ph hgroup .num{font-size:.7320644217vw}}html body #main #content .section .ph hgroup .num:before{background-color:currentColor;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}html body #main #content .section .ph hgroup h2{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);font-size:3.4574468085vw;margin-top:.2em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (min-width:500px){html body #main #content .section .ph hgroup h2{font-size:17.2872340426px}}@media screen and (min-width:980px){html body #main #content .section .ph hgroup h2{font-size:.9516837482vw}}html body #main #content .section .ph hgroup h2:before{background-color:currentColor;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}html body #main #content .section .ph hgroup .type{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);font-size:2.6595744681vw;margin-top:.1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (min-width:500px){html body #main #content .section .ph hgroup .type{font-size:13.2978723404px}}@media screen and (min-width:980px){html body #main #content .section .ph hgroup .type{font-size:.7320644217vw}}html body #main #content .section .ph hgroup .type:before{background-color:currentColor;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}html body #main #content .section .ph.frame{background-color:#e4e3dd;padding:8px}html body #main #content .section .ph.frame .img{-webkit-clip-path:inset(50%);clip-path:inset(50%)}html body #main #content .section .ph.frame.show .img{-webkit-clip-path:inset(0);clip-path:inset(0);transition:1s ease 0s}html body #main #content .section .ph.show .img img{scale:1;transition:1.4s ease 0s}html body #main #content .section .ph.show hgroup .num{-webkit-clip-path:inset(0);clip-path:inset(0);transition:.6s ease .5s}html body #main #content .section .ph.show hgroup h2{opacity:1;transition:.6s ease .7s;translate:0 0}html body #main #content .section .ph.show hgroup .type{opacity:1;transition:.6s ease .9s;translate:0 0}html body #main #content .section .ph.tobira .img{background-color:var(--section-color);-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}html body #main #content .section .ph.tobira .img img{opacity:0;scale:1.1}html body #main #content .section .ph.tobira.show .img{-webkit-clip-path:inset(0);clip-path:inset(0);transition:1s ease 0s}html body #main #content .section .ph.tobira.show .img img{opacity:1;scale:1;transition:1s ease 1.1s}html body #main #content .section .ph.tobira.show hgroup .num{-webkit-clip-path:inset(0);clip-path:inset(0);transition:.6s cubic-bezier(1,.01,.095,.97) 1s}html body #main #content .section .ph.tobira.show hgroup .num:before{transition:.6s cubic-bezier(1,.01,.095,.97) 1.7s;translate:101% 0}html body #main #content .section .ph.tobira.show hgroup h2{-webkit-clip-path:inset(0);clip-path:inset(0);transition:.6s cubic-bezier(1,.01,.095,.97) 1.2s}html body #main #content .section .ph.tobira.show hgroup h2:before{transition:.6s cubic-bezier(1,.01,.095,.97) 1.9s;translate:101% 0}html body #main #content .section .ph.tobira.show hgroup .type{-webkit-clip-path:inset(0);clip-path:inset(0);transition:.6s cubic-bezier(1,.01,.095,.97) 1.4s}html body #main #content .section .ph.tobira.show hgroup .type:before{transition:.6s cubic-bezier(1,.01,.095,.97) 2.1s;translate:101% 0}html body #main #content .section .credit{margin-inline:auto;width:73.1382978723%}html body #main #content .section .credit .type{color:#505050;font-family:EB Garamond,serif;font-optical-sizing:auto;font-size:2.3936170213vw;font-style:normal;font-weight:600;margin-top:2em}@media screen and (min-width:500px){html body #main #content .section .credit .type{font-size:11.9680851064px}}@media screen and (min-width:980px){html body #main #content .section .credit .type{font-size:.6588579795vw}}html body #main #content .section .credit .type:first-child{color:var(--section-color)}html body #main #content .section .credit .credit-list .credit-item{align-items:center;display:flex;font-family:HelveticaNowDisplay-Bd,sans-serif;justify-content:flex-start;margin-top:2.5454545455%}html body #main #content .section .credit .credit-list .credit-item .name,html body #main #content .section .credit .credit-list .credit-item .price{font-size:3.4574468085vw}@media screen and (min-width:500px){html body #main #content .section .credit .credit-list .credit-item .name,html body #main #content .section .credit .credit-list .credit-item .price{font-size:17.2872340426px}}@media screen and (min-width:980px){html body #main #content .section .credit .credit-list .credit-item .name,html body #main #content .section .credit .credit-list .credit-item .price{font-size:.9516837482vw}}html body #main #content .section .credit .credit-list .credit-item .line{background-color:var(--section-color);flex:1;height:1px;margin-inline:1em}html body #main #content .section .credit .credit-list .credit-item .name{width:5em}html body #main #content .section .credit .credit-list .credit-item .buy{align-items:center;aspect-ratio:86/19;background-color:#fff;border:1px solid #000;display:flex;font-size:2.6595744681vw;justify-content:center;margin-left:auto;transition:.4s ease;width:8.6em}@media screen and (min-width:500px){html body #main #content .section .credit .credit-list .credit-item .buy{font-size:13.2978723404px}}@media screen and (min-width:980px){html body #main #content .section .credit .credit-list .credit-item .buy{font-size:.7320644217vw}}html body #main #content .section .credit .credit-list .credit-item .buy:hover{background-color:var(--section-color);color:#fff;cursor:pointer}html body #main #content .section#section1{--section-color:var(--section1)}@media screen and (min-width:980px){html body #main #content .section#section1{padding-top:0}}html body #main #content .section#section1 .ph1-wrapper{aspect-ratio:750/1500;opacity:1;-webkit-transform:none;transform:none;translate:0 0;width:100%}@media (max-width:979px){html body #main #content .section#section1 .ph1-wrapper{aspect-ratio:auto;overflow-x:auto}}@media screen and (min-width:980px){html body #main #content .section#section1 .ph1-wrapper{aspect-ratio:auto}}html body #main #content .section#section1 .ph1-wrapper .ph{display:flex;justify-content:space-between;left:0;position:-webkit-sticky;position:sticky;top:calc(50% - 47.87234vw);transition:0s ease 0s;width:148.9361702128%}@media screen and (min-width:500px){html body #main #content .section#section1 .ph1-wrapper .ph{top:calc(50% - 239.3617px)}}@media screen and (min-width:980px){html body #main #content .section#section1 .ph1-wrapper .ph{position:relative;top:0}}@media (max-width:979px){html body #main #content .section#section1 .ph1-wrapper .ph{position:relative;top:0}}html body #main #content .section#section1 .ph1-wrapper .ph .img{background-color:var(--section-color);-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);overflow:hidden;width:49.1071428571%}html body #main #content .section#section1 .ph1-wrapper .ph .img img{opacity:0;scale:1.1}html body #main #content .section#section1 .ph1-wrapper .ph hgroup{margin-left:2.6785714286%}html body #main #content .section#section1 .ph1-wrapper.show .ph .img{-webkit-clip-path:inset(0);clip-path:inset(0);transition:1s ease 0s}html body #main #content .section#section1 .ph1-wrapper.show .ph .img img{opacity:1;scale:1;transition:1s ease 1.1s}html body #main #content .section#section1 .ph1-wrapper.show hgroup .num{-webkit-clip-path:inset(0);clip-path:inset(0);transition:.6s cubic-bezier(1,.01,.095,.97) 1s}html body #main #content .section#section1 .ph1-wrapper.show hgroup .num:before{transition:.6s cubic-bezier(1,.01,.095,.97) 1.7s;translate:101% 0}html body #main #content .section#section1 .ph1-wrapper.show hgroup h2{-webkit-clip-path:inset(0);clip-path:inset(0);transition:.6s cubic-bezier(1,.01,.095,.97) 1.2s}html body #main #content .section#section1 .ph1-wrapper.show hgroup h2:before{transition:.6s cubic-bezier(1,.01,.095,.97) 1.9s;translate:101% 0}html body #main #content .section#section1 .ph1-wrapper.show hgroup .type{-webkit-clip-path:inset(0);clip-path:inset(0);transition:.6s cubic-bezier(1,.01,.095,.97) 1.4s}html body #main #content .section#section1 .ph1-wrapper.show hgroup .type:before{transition:.6s cubic-bezier(1,.01,.095,.97) 2.1s;translate:101% 0}html body #main #content .section#section1 .ph3{margin-inline:auto;margin-top:13.2978723404%;width:73.1382978723%}html body #main #content .section#section2{--section-color:var(--section2)}html body #main #content .section#section2 .credit .buy:has(span){position:relative}html body #main #content .section#section2 .credit .buy:has(span) span{color:#505050;font-size:2.1276595745vw;left:50%;line-height:1.4;position:absolute;text-align:center;top:calc(100% + .5em);translate:-50% 0;white-space:nowrap}@media screen and (min-width:500px){html body #main #content .section#section2 .credit .buy:has(span) span{font-size:10.6382978723px}}@media screen and (min-width:980px){html body #main #content .section#section2 .credit .buy:has(span) span{font-size:.5856515373vw}}html body #main #content .section#section2 .ph2{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%);margin-top:6.1170212766%;opacity:1;translate:0 0;width:73.9361702128%}html body #main #content .section#section2 .ph2.show{-webkit-clip-path:inset(0);clip-path:inset(0);transition:1s ease 0s}html body #main #content .section#section2 .ph3{margin-left:30.8510638298%;margin-top:-7.9787234043%;width:61.9680851064%;z-index:2}html body #main #content .section#section2 .ph4{margin-inline:auto;margin-top:7.9787234043%;width:89.6276595745%}html body #main #content .section#section3{--section-color:var(--section3)}html body #main #content .section#section3 .flex{display:flex;justify-content:center;margin-top:10.6382978723%}html body #main #content .section#section3 .ph2,html body #main #content .section#section3 .ph3{margin-inline:.5319148936%;padding:6px;width:40.4255319149%}html body #main #content .section#section3 .ph3.show .img,html body #main #content .section#section3 .ph3.show .img img{transition-delay:.5s}html body #main #content .section#section3 .ph4{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);margin-left:auto;margin-top:10.6382978723%;opacity:1;translate:0 0;width:70.7446808511%}html body #main #content .section#section3 .ph4.show{-webkit-clip-path:inset(0);clip-path:inset(0);transition:1s ease 0s}html body #main #content .section#section4{--section-color:var(--section4);--section-color:#ecbaba}html body #main #content .section#section4 .ph2{margin-inline:auto;margin-top:13.2978723404%;width:73.1382978723%}html body #main #content .section#section4 .ph3-wrapper{aspect-ratio:750/1500;margin-top:13.2978723404%;width:100%}@media (max-width:979px){html body #main #content .section#section4 .ph3-wrapper{aspect-ratio:auto;overflow-x:auto}}html body #main #content .section#section4 .ph3-wrapper .ph{display:flex;justify-content:space-between;left:0;position:-webkit-sticky;position:sticky;top:calc(50% - 47.87234vw);transition:0s ease 0s;width:148.9361702128%}@media screen and (min-width:500px){html body #main #content .section#section4 .ph3-wrapper .ph{top:calc(50% - 239.3617px)}}@media screen and (min-width:980px){html body #main #content .section#section4 .ph3-wrapper .ph{top:calc(50% - 13.17716vw)}}@media (max-width:979px){html body #main #content .section#section4 .ph3-wrapper .ph{position:relative;top:0}}html body #main #content .section#section4 .ph3-wrapper .ph .img{width:49.1071428571%}html body #main #content .section#section5{--section-color:var(--section5)}html body #main #content .section#section5 .ph2{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);margin-left:51.329787234%;margin-top:10.3723404255%;opacity:1;translate:0 0;width:43.3510638298%}html body #main #content .section#section5 .ph2.show{-webkit-clip-path:inset(0 1% 0 0);clip-path:inset(0 1% 0 0);transition:1s ease 0s}html body #main #content .section#section5 .ph3{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0);margin-left:5.0531914894%;margin-top:-46.2765957447%;opacity:1;translate:0 0;width:43.6170212766%}html body #main #content .section#section5 .ph3.show{-webkit-clip-path:inset(0 1% 0 0);clip-path:inset(0 1% 0 0);transition:1s ease 0s}html body #main #content .section#section5 .ph4{margin-left:auto;margin-top:13.2978723404%;width:83.7765957447%}html body #main #content .section#section6{--section-color:var(--section6)}html body #main #content .section#section6 .ph2{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%);margin-left:auto;margin-top:6.1170212766%;opacity:1;translate:0 0;width:73.1382978723%}html body #main #content .section#section6 .ph2.show{-webkit-clip-path:inset(0);clip-path:inset(0);transition:1s ease 0s}html body #main #content .section#section6 .ph3{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);margin-top:-12.2340425532%;opacity:1;translate:0 0;width:46.8085106383%;z-index:3}html body #main #content .section#section6 .ph3.show{-webkit-clip-path:inset(0);clip-path:inset(0);transition:1s ease 0s}html body #main #content .section#section6 .ph4{margin-left:auto;margin-top:8.7765957447%;width:87.7659574468%}html body #main #outro{margin-top:11.7021276596%;position:relative}html body #main #outro .text-area{left:0;margin-top:18.085106383%;position:absolute;text-align:center;top:0;z-index:2}html body #main #outro .text-area img{opacity:0}html body #main #outro .text-area .season{-webkit-mask-image:url(../images/myownknitwear/season.png);mask-image:url(../images/myownknitwear/season.png);width:26.8617021277%}html body #main #outro .text-area .season,html body #main #outro .text-area hgroup .title{background-color:var(--text-color);margin-inline:auto;-webkit-mask-size:100% 100%;mask-size:100% 100%}html body #main #outro .text-area hgroup .title{margin-top:3.9893617021%;-webkit-mask-image:url(../images/myownknitwear/title.png);mask-image:url(../images/myownknitwear/title.png);width:68.6170212766%}html body #main #outro .text-area hgroup .title-jp{background-color:var(--text-color);margin-inline:auto;margin-top:2.3936170213%;-webkit-mask-image:url(../images/myownknitwear/title-jp.png);mask-image:url(../images/myownknitwear/title-jp.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;width:48.9361702128%}html body #main #outro .text-area .staff{font-family:HelveticaNowDisplay-Md,sans-serif;font-size:3.1914893617vw;font-weight:500;line-height:1.5;margin-top:2em}@media screen and (min-width:500px){html body #main #outro .text-area .staff{font-size:15.9574468085px}}@media screen and (min-width:980px){html body #main #outro .text-area .staff{font-size:.878477306vw}}html body #main #outro .ph{position:relative;width:100%;z-index:1}html body #main #outro .bottom{align-items:flex-end;bottom:0;color:#fff;display:flex;justify-content:space-between;left:0;margin-inline:auto;margin-bottom:6.3829787234%;position:absolute;right:0;width:86.4361702128%;z-index:2}html body #main #outro .bottom .copy{font-family:HelveticaNowDisplay-Md,sans-serif;font-size:2.3936170213vw}@media screen and (min-width:500px){html body #main #outro .bottom .copy{font-size:11.9680851064px}}@media screen and (min-width:980px){html body #main #outro .bottom .copy{font-size:.6588579795vw}}html body #main #outro .bottom .logo{width:25.2307692308%}