:root{--bg:#a5c0bd}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 #whatsa360shirt{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000}html body #whatsa360shirt address,html body #whatsa360shirt blockquote,html body #whatsa360shirt dl,html body #whatsa360shirt figure,html body #whatsa360shirt form,html body #whatsa360shirt iframe,html body #whatsa360shirt p,html body #whatsa360shirt pre,html body #whatsa360shirt table{margin:0}html body #whatsa360shirt h1,html body #whatsa360shirt h2,html body #whatsa360shirt h3,html body #whatsa360shirt h4,html body #whatsa360shirt h5,html body #whatsa360shirt h6{font-size:inherit;font-weight:inherit;margin:0}html body #whatsa360shirt button,html body #whatsa360shirt input,html body #whatsa360shirt optgroup,html body #whatsa360shirt select,html body #whatsa360shirt 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 #whatsa360shirt ol,html body #whatsa360shirt ul{list-style:none;margin:0;padding:0}html body #whatsa360shirt dt{font-weight:700}html body #whatsa360shirt dd{margin-left:0}html body #whatsa360shirt a{background-color:transparent;color:inherit;text-decoration:none}html body #whatsa360shirt embed,html body #whatsa360shirt iframe,html body #whatsa360shirt img,html body #whatsa360shirt object,html body #whatsa360shirt svg{vertical-align:bottom}html body #whatsa360shirt img{height:auto;width:100%}@media screen and (min-width:980px){html body #whatsa360shirt .pc{display:block}html body #whatsa360shirt .sp{display:none!important}}@media screen and (max-width:980px){html body #whatsa360shirt .sp{display:block}html body #whatsa360shirt .pc{display:none!important}}html body #whatsa360shirt .scroll-in{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}html body #whatsa360shirt .scroll-in.show{opacity:1;-webkit-transform:none;transform:none;transition:.5s ease}html body #whatsa360shirt [data-flip-pic]{position:relative}html body #whatsa360shirt [data-flip-pic]>*{opacity:0}html body #whatsa360shirt [data-flip-pic]>:nth-child(n+2){left:0;position:absolute;top:0}html body #whatsa360shirt [data-flip-pic]>.show{opacity:1}@media screen and (min-width:500px){html body #whatsa360shirt{background-color:#a8b8c5}}@media screen and (min-width:500px) and (min-width:980px){html body #whatsa360shirt{align-items:flex-start;display:flex;justify-content:flex-end;padding-top:25px}}html body #whatsa360shirt button:hover{cursor:pointer}html body #whatsa360shirt .feature-main-content{background-color:var(--bg);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 #whatsa360shirt .feature-main-content{margin-right:2.196193265%;max-width:none;width:29.2825768668%}}html body #whatsa360shirt .feature-main-content #main-visual{position:relative}html body #whatsa360shirt .feature-main-content #main-visual .ph{overflow:hidden;position:relative;z-index:1}html body #whatsa360shirt .feature-main-content #main-visual .ph img{opacity:0;scale:1.1}html body #whatsa360shirt .feature-main-content #main-visual.show .ph img{opacity:1;scale:1;transition:1.5s ease 0s}html body #whatsa360shirt .feature-main-content #main-visual .ah{left:0;margin-left:2.1333333333%;margin-top:2.1333333333%;position:absolute;scale:0;top:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;width:40%;z-index:2}html body #whatsa360shirt .feature-main-content #main-visual.show .ah{scale:1;transition:.4s cubic-bezier(.25,.25,.37,1.46) 2.2s}html body #whatsa360shirt .feature-main-content #main-visual .title{bottom:0;height:100%;left:0;position:absolute;width:100%;z-index:3}html body #whatsa360shirt .feature-main-content #main-visual .title>*{background-color:#fff;left:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;position:absolute;top:0}html body #whatsa360shirt .feature-main-content #main-visual .title>*>img{opacity:0}html body #whatsa360shirt .feature-main-content #main-visual .title .title1{margin-left:4.8%;margin-top:56.2666666667%;opacity:0;translate:-10px 0;width:26.9333333333%}html body #whatsa360shirt .feature-main-content #main-visual .title .title2{aspect-ratio:159/168;margin-left:49.6%;margin-top:63.7333333333%;opacity:0;translate:0 10px;width:4.5333333333%}html body #whatsa360shirt .feature-main-content #main-visual .title .title2 img{height:100%;left:0;position:absolute;top:0;width:100%}html body #whatsa360shirt .feature-main-content #main-visual .title .title3{background-color:transparent;margin-left:21.3333333333%;margin-top:77.3333333333%;-webkit-perspective:1000px;perspective:1000px;scale:0;width:35.2%}html body #whatsa360shirt .feature-main-content #main-visual .title .title3 .omote,html body #whatsa360shirt .feature-main-content #main-visual .title .title3 .ura{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff;height:100%;left:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;position:absolute;top:0;width:100%}@-webkit-keyframes rotate{0%{rotate:y 0deg}to{rotate:y 180deg}}@keyframes rotate{0%{rotate:y 0deg}to{rotate:y 180deg}}@-webkit-keyframes rotate2{0%{rotate:y 180deg}to{rotate:y 1turn}}@keyframes rotate2{0%{rotate:y 180deg}to{rotate:y 1turn}}html body #whatsa360shirt .feature-main-content #main-visual .title .title3 .ura{rotate:y 180deg}html body #whatsa360shirt .feature-main-content #main-visual .title .title4{margin-left:66.4%;margin-top:87.7333333333%;opacity:0;translate:0 10px;width:28.8%}html body #whatsa360shirt .feature-main-content #main-visual.show .title .title1{opacity:1;transition:.6s ease .5s;translate:0 0}html body #whatsa360shirt .feature-main-content #main-visual.show .title .title2{opacity:1;transition:.6s ease .8s;translate:0 0}html body #whatsa360shirt .feature-main-content #main-visual.show .title .title3{scale:1;transition:.4s ease 1.2s}html body #whatsa360shirt .feature-main-content #main-visual.show .title .title3 .omote{-webkit-animation:rotate 2s ease 1.7s infinite;animation:rotate 2s ease 1.7s infinite}html body #whatsa360shirt .feature-main-content #main-visual.show .title .title3 .ura{-webkit-animation:rotate2 2s ease 1.7s infinite;animation:rotate2 2s ease 1.7s infinite}html body #whatsa360shirt .feature-main-content #main-visual.show .title .title4{opacity:1;transition:.6s ease 1.5s;translate:0 0}html body #whatsa360shirt .feature-main-content #intro{padding-block:7.2%}html body #whatsa360shirt .feature-main-content #intro h2{font-size:4.8vw;font-weight:800;line-height:1.8888888889;text-align:center}@media screen and (min-width:500px){html body #whatsa360shirt .feature-main-content #intro h2{font-size:25.7142857143px}}@media screen and (min-width:500px) and (min-width:980px){html body #whatsa360shirt .feature-main-content #intro h2{font-size:1.505961096vw}}html body #whatsa360shirt .feature-main-content #intro p{font-size:3.7333333333vw;line-height:2.1428571429;margin-inline:auto;margin-top:5.3333333333%;width:84%}@media screen and (min-width:500px){html body #whatsa360shirt .feature-main-content #intro p{font-size:20px}}@media screen and (min-width:500px) and (min-width:980px){html body #whatsa360shirt .feature-main-content #intro p{font-size:1.1713030747vw}}html body #whatsa360shirt .feature-main-content #points{--section-text-color:#b71c22;background-color:#baadd3;overflow:clip;width:100%}html body #whatsa360shirt .feature-main-content #points .sticky-wrapper{position:relative}html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper{left:0;padding-bottom:5.3333333333%;padding-top:8%;position:-webkit-sticky;position:sticky;top:0}@media screen and (min-width:980px){html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper{top:65px}}html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper .tap{align-items:center;-webkit-animation:flash 1s step-end 0s infinite;animation:flash 1s step-end 0s infinite;color:var(--section-text-color);display:flex;font-family:tt-commons-pro,sans-serif;font-size:2.9333333333vw;font-style:normal;font-weight:600;justify-content:center;margin-top:4%}@media screen and (min-width:500px){html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper .tap{font-size:15.7142857143px}}@media screen and (min-width:500px) and (min-width:980px){html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper .tap{font-size:.9203095587vw}}@-webkit-keyframes flash{0%{opacity:0}50%{opacity:1}to{opacity:1}}@keyframes flash{0%{opacity:0}50%{opacity:1}to{opacity:1}}html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper .tap:after,html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper .tap:before{background-color:var(--section-text-color);-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);content:"";display:block;height:6px;margin-inline:5px;width:7px}html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper .ph{margin-inline:auto;margin-top:4%;position:relative;width:93.3333333333%}html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper .ph>img{position:relative;z-index:1}html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper .ph .circle{left:0;position:absolute;scale:0;top:0;translate:-50% -50%;width:5.4285714286%;z-index:2}html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper .ph.show .circle{scale:1;transition:.3s ease .6s}html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper .ph.show .circle:nth-child(2){transition-delay:.9s}html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper .ph.show .circle:nth-child(3){transition-delay:1.2s}html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper .text-area{margin-inline:auto;margin-top:8%;width:85.3333333333%}html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper .text-area p{font-size:3.2vw;line-height:2}@media screen and (min-width:500px){html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper .text-area p{font-size:17.1428571429px}}@media screen and (min-width:500px) and (min-width:980px){html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper .text-area p{font-size:1.003974064vw}}html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper.point2,html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper.point3{padding-bottom:0;padding-top:0;pointer-events:none}html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper.point2 .section-head,html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper.point2 .tap,html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper.point3 .section-head,html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper.point3 .tap{opacity:0;visibility:hidden}html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper.point2 .ph,html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper.point3 .ph{margin-top:12%;pointer-events:auto}html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper.point1 .ph .circle:nth-child(2){margin-left:39.1428571429%;margin-top:25.4285714286%}html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper.point1 .ph .circle:nth-child(3){margin-left:58%;margin-top:47.4285714286%}html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper.point1 .ph .circle:nth-child(4){margin-left:47.7142857143%;margin-top:53.7142857143%}html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper.point2 .ph{rotate:9deg}html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper.point2 .ph .circle:nth-child(2){margin-left:37.7142857143%;margin-top:54.5714285714%}html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper.point2 .ph .circle:nth-child(3){margin-left:51.1428571429%;margin-top:66.8571428571%}html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper.point2 .ph .circle:nth-child(4){margin-left:55.4285714286%;margin-top:34.8571428571%}html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper.point3 .ph{rotate:-8deg}html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper.point3 .ph .circle:nth-child(2){margin-left:49.4285714286%;margin-top:20.8571428571%}html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper.point3 .ph .circle:nth-child(3){margin-left:47.4285714286%;margin-top:47.1428571429%}html body #whatsa360shirt .feature-main-content #points .sticky-wrapper .point-wrapper.point3 .ph .circle:nth-child(4){margin-left:54.2857142857%;margin-top:65.1428571429%}html body #whatsa360shirt .feature-main-content .section-head{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);color:var(--section-text-color);font-family:tt-commons-pro,sans-serif;font-size:7.4666666667vw;font-style:normal;font-weight:600;margin-inline:auto;opacity:1;position:relative;text-align:center;width:89.6%}html body #whatsa360shirt .feature-main-content .section-head:after,html body #whatsa360shirt .feature-main-content .section-head:before{background-color:var(--section-text-color);content:"";display:block;height:2px;left:0;position:absolute;width:100%}html body #whatsa360shirt .feature-main-content .section-head:before{top:0}html body #whatsa360shirt .feature-main-content .section-head:after{bottom:0}@media screen and (min-width:500px){html body #whatsa360shirt .feature-main-content .section-head{font-size:40px}}@media screen and (min-width:500px) and (min-width:980px){html body #whatsa360shirt .feature-main-content .section-head{font-size:2.3426061493vw}}html body #whatsa360shirt .feature-main-content .section-head.show{-webkit-clip-path:inset(0);clip-path:inset(0);transition:.5s ease 0s}html body #whatsa360shirt .feature-main-content #how-to{--section-text-color:#150073;color:var(--section-text-color);padding-top:7.4666666667%}html body #whatsa360shirt .feature-main-content #how-to .intro-images{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:7.4666666667%;opacity:1;-webkit-transform:none;transform:none;translate:0 0}html body #whatsa360shirt .feature-main-content #how-to .intro-images .img{opacity:0;transition:.7s ease 0s;width:48%}html body #whatsa360shirt .feature-main-content #how-to .intro-images .img.img1{margin-inline:auto;translate:-10px 0}html body #whatsa360shirt .feature-main-content #how-to .intro-images .img.img2{margin-top:4.8%;transition-delay:.3s;translate:0 -10px}html body #whatsa360shirt .feature-main-content #how-to .intro-images .img.img3{margin-top:-2.1333333333%;transition-delay:.9s;translate:10px 0}html body #whatsa360shirt .feature-main-content #how-to .intro-images .img.img4{margin-inline:auto;margin-top:2.1333333333%;transition-delay:.6s;translate:0 10px}html body #whatsa360shirt .feature-main-content #how-to .intro-images.show .img{opacity:1;translate:0 0}html body #whatsa360shirt .feature-main-content #how-to .desc{font-size:3.2vw;line-height:2;margin-inline:auto;margin-top:6.9333333333%;width:84%}@media screen and (min-width:500px){html body #whatsa360shirt .feature-main-content #how-to .desc{font-size:17.1428571429px}}@media screen and (min-width:500px) and (min-width:980px){html body #whatsa360shirt .feature-main-content #how-to .desc{font-size:1.003974064vw}}html body #whatsa360shirt .feature-main-content #how-to .section{margin-bottom:13.3333333333%;margin-top:6.6666666667%}html body #whatsa360shirt .feature-main-content #how-to .section h3{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);font-family:tt-commons-pro,sans-serif;font-size:3.0666666667vw;font-style:normal;font-weight:700;margin-left:6.4%;opacity:1}@media screen and (min-width:500px){html body #whatsa360shirt .feature-main-content #how-to .section h3{font-size:16.4285714286px}}@media screen and (min-width:500px) and (min-width:980px){html body #whatsa360shirt .feature-main-content #how-to .section h3{font-size:.9621418113vw}}html body #whatsa360shirt .feature-main-content #how-to .section h3.show{-webkit-clip-path:inset(0);clip-path:inset(0);transition:.5s ease 0s}html body #whatsa360shirt .feature-main-content #how-to .section .flip{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);margin-inline:auto;margin-top:5.3333333333%;opacity:1;overflow:hidden;width:94.6666666667%}html body #whatsa360shirt .feature-main-content #how-to .section .flip .ph{transition:.4s ease}html body #whatsa360shirt .feature-main-content #how-to .section .flip img{scale:1.1}html body #whatsa360shirt .feature-main-content #how-to .section .flip.show{-webkit-clip-path:inset(0);clip-path:inset(0);transition:.8s ease 0s}html body #whatsa360shirt .feature-main-content #how-to .section .flip.show img{scale:1;transition:scale 1.5s ease 0s}html body #whatsa360shirt .feature-main-content #how-to .section .text-area .credits{margin-inline:auto;margin-top:5.3333333333%;width:85.3333333333%}html body #whatsa360shirt .feature-main-content #how-to .section .text-area .credits li .buy{background-color:var(--section-text-color);border-color:var(--section-text-color)}html body #whatsa360shirt .feature-main-content #how-to .section .text-area .credits li .buy:hover{background-color:transparent;color:var(--section-text-color)}html body #whatsa360shirt .feature-main-content #how-to .section .text-area .ah-head{align-items:center;display:flex;justify-content:flex-start;margin-top:6.4%;opacity:1}html body #whatsa360shirt .feature-main-content #how-to .section .text-area .ah-head .ah{margin-left:3.7333333333%;scale:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;width:22.6666666667%}html body #whatsa360shirt .feature-main-content #how-to .section .text-area .ah-head .section-lead{font-size:4.2666666667vw;font-weight:700;line-height:1.75;margin-left:4.5333333333%;opacity:0;translate:0 10px}@media screen and (min-width:500px){html body #whatsa360shirt .feature-main-content #how-to .section .text-area .ah-head .section-lead{font-size:22.8571428571px}}@media screen and (min-width:500px) and (min-width:980px){html body #whatsa360shirt .feature-main-content #how-to .section .text-area .ah-head .section-lead{font-size:1.3386320853vw}}html body #whatsa360shirt .feature-main-content #how-to .section .text-area .ah-head.show .ah{scale:1;transition:.5s cubic-bezier(.25,.25,.37,1.46) .3s}html body #whatsa360shirt .feature-main-content #how-to .section .text-area .ah-head.show .section-lead{opacity:1;transition:1s ease 0s;translate:0 0}html body #whatsa360shirt .feature-main-content #how-to .section .text-area>p{font-size:3.2vw;line-height:2;margin-inline:auto;margin-top:5.3333333333%;width:72.8%}@media screen and (min-width:500px){html body #whatsa360shirt .feature-main-content #how-to .section .text-area>p{font-size:17.1428571429px}}@media screen and (min-width:500px) and (min-width:980px){html body #whatsa360shirt .feature-main-content #how-to .section .text-area>p{font-size:1.003974064vw}}html body #whatsa360shirt .feature-main-content #how-to .section .text-area .howtolink{align-items:center;border:2px solid;display:flex;font-family:tt-commons-pro,sans-serif;font-size:10px;font-style:normal;font-weight:700;height:15px;justify-content:center;margin-left:auto;margin-right:8.2666666667%;margin-top:5.3333333333%;position:relative;width:150px}@media screen and (min-width:980px){html body #whatsa360shirt .feature-main-content #how-to .section .text-area .howtolink{font-size:11px;height:20px;width:170px}}html body #whatsa360shirt .feature-main-content #how-to .section .text-area .howtolink:hover{opacity:.7}html body #whatsa360shirt .feature-main-content #how-to .section .text-area .howtolink img{position:absolute;right:2px;top:2px;width:4px}@media screen and (min-width:980px){html body #whatsa360shirt .feature-main-content #how-to .section .text-area .howtolink img{width:6px}}html body #whatsa360shirt .credits li{align-items:center;display:flex;font-family:noto-sans-cjk-jp,sans-serif;font-size:3.2vw;font-style:normal;font-weight:800;justify-content:space-between;margin-top:6px}@media screen and (min-width:500px){html body #whatsa360shirt .credits li{font-size:17.1428571429px}}@media screen and (min-width:500px) and (min-width:980px){html body #whatsa360shirt .credits li{font-size:1.003974064vw}}html body #whatsa360shirt .credits li .buy{align-items:center;background-color:#b71c22;border:1px solid #b71c22;color:#fff;display:flex;font-size:2.6666666667vw;height:12px;justify-content:center;padding-bottom:1px;text-transform:uppercase;transition:.4s ease;width:50px}@media screen and (min-width:500px){html body #whatsa360shirt .credits li .buy{font-size:14.2857142857px}}@media screen and (min-width:500px) and (min-width:980px){html body #whatsa360shirt .credits li .buy{font-size:.8366450533vw}}@media screen and (min-width:980px){html body #whatsa360shirt .credits li .buy{padding-block:2px;padding-bottom:3px;width:55px}}html body #whatsa360shirt .credits li .buy:hover{background-color:transparent;color:#b71c22}html body #whatsa360shirt .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 #whatsa360shirt .scroll-bar .current{background-color:#fff;height:44px;left:-1px;position:absolute;top:0;width:3px}html body #whatsa360shirt #outro{background-color:#fff;padding-bottom:8%;padding-top:10.6666666667%}html body #whatsa360shirt #outro a:hover{opacity:.7}html body #whatsa360shirt #outro .banner{display:block;margin-inline:auto;margin-bottom:10.6666666667%;width:83.4666666667%}html body #whatsa360shirt #points-modal{background-color:#fff;height:100%;left:0;margin-inline:auto;max-width:500px;opacity:0;position:fixed;right:0;top:0;transition:1s ease;translate:0 100%;visibility:hidden;width:100%;z-index:100}html body #whatsa360shirt #points-modal .close{height:20px;position:absolute;right:27px;top:27px;width:20px;z-index:3}html body #whatsa360shirt #points-modal .close:after,html body #whatsa360shirt #points-modal .close:before{background-color:#fff;content:"";height:1px;left:50%;position:absolute;top:50%;translate:-50% -50%;width:100%}html body #whatsa360shirt #points-modal .close:before{rotate:45deg}html body #whatsa360shirt #points-modal .close:after{rotate:-45deg}html body #whatsa360shirt #points-modal .modal-inner{height:100%;overflow:scroll;position:relative;width:100%;z-index:1}@media screen and (min-width:980px){html body #whatsa360shirt #points-modal{height:calc(100% - 65px);margin-left:60.7613469985%;margin-right:auto;max-width:none;top:65px;width:29.2825768668%}}html body #whatsa360shirt #points-modal.open{opacity:1;translate:0 0;visibility:visible}html body #whatsa360shirt #points-modal .inner{margin-inline:auto;padding-bottom:80px;padding-top:2.6666666667%;width:93.3333333333%}html body #whatsa360shirt #points-modal .inner .point{margin-inline:auto;margin-bottom:1.7142857143%;position:relative;width:100%}html body #whatsa360shirt #points-modal .inner .point>img{position:relative;z-index:1}html body #whatsa360shirt #points-modal .inner .point .point-text{left:0;opacity:0;position:absolute;top:0;transition:.5s ease 0s;translate:0 10px;z-index:2}html body #whatsa360shirt #points-modal .inner .point.on .point-text{opacity:1;translate:0 0}html body #whatsa360shirt #points-modal .inner .point.on .point-text:nth-child(2){transition:.5s ease .4s}html body #whatsa360shirt #points-modal .inner .point.on .point-text:nth-child(3){transition:.5s ease .8s}html body #whatsa360shirt #points-modal .inner .point.on .point-text:nth-child(4){transition:.5s ease 1.2s}html body #whatsa360shirt #points-modal .inner .point.point1 .pt1-1{margin-left:4.2857142857%;margin-top:8.8571428571%;width:35.4285714286%}html body #whatsa360shirt #points-modal .inner .point.point1 .pt1-2{margin-left:56.8571428571%;margin-top:46.5714285714%;width:37.7142857143%}html body #whatsa360shirt #points-modal .inner .point.point1 .pt1-3{margin-left:4.2857142857%;margin-top:52.8571428571%;width:44%}html body #whatsa360shirt #points-modal .inner .point.point2 .pt2-1{margin-left:50.2857142857%;margin-top:10.5714285714%;width:44.5714285714%}html body #whatsa360shirt #points-modal .inner .point.point2 .pt2-2{margin-left:4.2857142857%;margin-top:53.7142857143%;width:37.7142857143%}html body #whatsa360shirt #points-modal .inner .point.point2 .pt2-3{margin-left:51.4285714286%;margin-top:58%;width:43.1428571429%}html body #whatsa360shirt #points-modal .inner .point.point3 .pt3-1{margin-left:48.5714285714%;margin-top:20%;width:44.8571428571%}html body #whatsa360shirt #points-modal .inner .point.point3 .pt3-2{margin-left:4.5714285714%;margin-top:46.2857142857%;width:51.4285714286%}html body #whatsa360shirt .fixed-button{bottom:83px;position:fixed;right:20px;transition:.4s ease;translate:0 120px;width:90px;z-index:90}html body #whatsa360shirt:has(#intro.on) .fixed-button{translate:0 0}html body #whatsa360shirt #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 #whatsa360shirt #pc-fixed-area{width:98.7525987526vh}}html body #whatsa360shirt #pc-fixed-area .title{margin-inline:auto;width:90.6626506024%}html body #whatsa360shirt #pc-fixed-area .title .line1{align-items:flex-end;display:flex;justify-content:flex-start;width:100%}html body #whatsa360shirt #pc-fixed-area .title .line2{align-items:center;display:flex;justify-content:flex-end;margin-top:3.2558139535%}html body #whatsa360shirt #pc-fixed-area .title .title1{opacity:0;translate:-10px 0;width:31.1627906977%}html body #whatsa360shirt #pc-fixed-area .title .title2{margin-left:5.2491694352%;opacity:0;translate:-10px 0;width:5.2491694352%}html body #whatsa360shirt #pc-fixed-area .title .title3{-webkit-perspective:500px;perspective:500px;position:relative;scale:0;width:35.2823920266%}html body #whatsa360shirt #pc-fixed-area .title .title3>img{opacity:0}html body #whatsa360shirt #pc-fixed-area .title .title3 .omote,html body #whatsa360shirt #pc-fixed-area .title .title3 .ura{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-size:100% 100%;height:100%;left:0;position:absolute;top:0;width:100%}html body #whatsa360shirt #pc-fixed-area .title .title3 .ura{rotate:y 180deg}html body #whatsa360shirt #pc-fixed-area .title .title4{margin-left:4.2524916944%;opacity:0;translate:10px 0;width:28.5049833887%}html body #whatsa360shirt #pc-fixed-area .points{align-items:center;display:flex;justify-content:space-between;margin-inline:auto;margin-top:5.3012048193%;width:90.9638554217%}html body #whatsa360shirt #pc-fixed-area .points .point{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);position:relative;width:32.4503311258%}html body #whatsa360shirt #pc-fixed-area .points .point>img{position:relative;scale:1.1;z-index:1}html body #whatsa360shirt #pc-fixed-area .points .point .point-text{left:0;opacity:0;position:absolute;top:0;translate:0 10px;z-index:2}html body #whatsa360shirt #pc-fixed-area .points .point.point1 .pt1-1{margin-left:4.2857142857%;margin-top:8.8571428571%;width:35.4285714286%}html body #whatsa360shirt #pc-fixed-area .points .point.point1 .pt1-2{margin-left:56.8571428571%;margin-top:46.5714285714%;width:37.7142857143%}html body #whatsa360shirt #pc-fixed-area .points .point.point1 .pt1-3{margin-left:4.2857142857%;margin-top:52.8571428571%;width:44%}html body #whatsa360shirt #pc-fixed-area .points .point.point2 .pt2-1{margin-left:50.2857142857%;margin-top:10.5714285714%;width:44.5714285714%}html body #whatsa360shirt #pc-fixed-area .points .point.point2 .pt2-2{margin-left:4.2857142857%;margin-top:53.7142857143%;width:37.7142857143%}html body #whatsa360shirt #pc-fixed-area .points .point.point2 .pt2-3{margin-left:51.4285714286%;margin-top:58%;width:43.1428571429%}html body #whatsa360shirt #pc-fixed-area .points .point.point3 .pt3-1{margin-left:48.5714285714%;margin-top:20%;width:44.8571428571%}html body #whatsa360shirt #pc-fixed-area .points .point.point3 .pt3-2{margin-left:4.5714285714%;margin-top:46.2857142857%;width:51.4285714286%}html body #whatsa360shirt #pc-fixed-area .buy{display:block;margin-inline:auto;margin-top:67.5px;opacity:0;translate:0 10px;width:300px}html body #whatsa360shirt #pc-fixed-area .buy:hover{scale:1.05}html body #whatsa360shirt:has(#main-visual.show) #pc-fixed-area .title .title1{opacity:1;transition:.4s ease .2s;translate:0 0}html body #whatsa360shirt:has(#main-visual.show) #pc-fixed-area .title .title2{opacity:1;transition:.4s ease .5s;translate:0 0}html body #whatsa360shirt:has(#main-visual.show) #pc-fixed-area .title .title3{scale:1;transition:.4s cubic-bezier(.25,.25,.37,1.46) .8s}html body #whatsa360shirt:has(#main-visual.show) #pc-fixed-area .title .title3 .omote{-webkit-animation:rotate 2s ease 1.3s infinite;animation:rotate 2s ease 1.3s infinite}html body #whatsa360shirt:has(#main-visual.show) #pc-fixed-area .title .title3 .ura{-webkit-animation:rotate2 2s ease 1.3s infinite;animation:rotate2 2s ease 1.3s infinite}html body #whatsa360shirt:has(#main-visual.show) #pc-fixed-area .title .title4{opacity:1;transition:.4s ease 1.2s;translate:0 0}html body #whatsa360shirt:has(#main-visual.show) #pc-fixed-area .buy{opacity:1;transition:opacity 1s ease 1.5s,translate 1s ease 1.5s,scale .4s ease;translate:0 0}html body #whatsa360shirt:has(#main-visual.show) #pc-fixed-area .points .point{-webkit-clip-path:inset(0);clip-path:inset(0);transition:.5s ease 1.3s}html body #whatsa360shirt:has(#main-visual.show) #pc-fixed-area .points .point>img{scale:1;transition:1.4s ease 1.3s}html body #whatsa360shirt:has(#main-visual.show) #pc-fixed-area .points .point .point-text{opacity:1;transition:.7s ease;translate:0 0}html body #whatsa360shirt:has(#main-visual.show) #pc-fixed-area .points .point .point-text:nth-child(2){transition-delay:1.5s}html body #whatsa360shirt:has(#main-visual.show) #pc-fixed-area .points .point .point-text:nth-child(3){transition-delay:1.7s}html body #whatsa360shirt:has(#main-visual.show) #pc-fixed-area .points .point .point-text:nth-child(4){transition-delay:1.9s}html body #whatsa360shirt:has(#main-visual.show) #pc-fixed-area .points .point.point2 .point-text:nth-child(2){transition-delay:1.9s}html body #whatsa360shirt:has(#main-visual.show) #pc-fixed-area .points .point.point2 .point-text:nth-child(3){transition-delay:2.1s}html body #whatsa360shirt:has(#main-visual.show) #pc-fixed-area .points .point.point3 .point-text:nth-child(2){transition-delay:2.3s}html body #whatsa360shirt:has(#main-visual.show) #pc-fixed-area .points .point.point3 .point-text:nth-child(3){transition-delay:2.5s}html body #whatsa360shirt:has(#main-visual.show) #pc-fixed-area .points .point.point3 .point-text:nth-child(4){transition-delay:2.7s}