@import url("https://use.typekit.net/klk7soc.css");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{background:#e4dfcf;font-family:fot-cezanne-pron,sans-serif;font-feature-settings:"palt";-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;color:#0f231e}*{outline:none;box-sizing:border-box}a{color:#000;text-decoration:none}a:hover{text-decoration:underline}img{width:100%;display:block}.wrapper{width:100%;margin:auto;overflow:hidden}.pc-appear{display:block}.sp-appear{display:none}@media screen and (max-width: 768px){.wrapper{background-size:20px 20px}.pc-appear{display:none}.sp-appear{display:block}}.fadein{opacity:.01}.fadein.hidden{visibility:hidden;-webkit-animation:none;animation:none}.fadein.visible{visibility:visible;-webkit-animation:fadeIn 1.5s .05s forwards;animation:fadeIn 1.5s .05s forwards}.fadein-up{opacity:.05;transform:translate3d(0, 40px, 0)}.fadein-up.hidden{visibility:hidden;-webkit-animation:none;animation:none}.fadein-up.visible{visibility:visible;-webkit-animation:fadeInUp 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.05s forwards;animation:fadeInUp 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.05s forwards}.type-writer{visibility:hidden}.type-writer.visible{visibility:visible}@-webkit-keyframes fadeIn{0%{opacity:.05}100%{opacity:1}}@keyframes fadeIn{0%{opacity:.05}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:.05;transform:translate3d(0, 40px, 0)}100%{opacity:1;transform:none}}@keyframes fadeInUp{0%{opacity:.05;transform:translate3d(0, 40px, 0)}100%{opacity:1;transform:none}}.top{background:url(../img/bg.png) center center;background-size:25px 25px;width:100%;height:50vw;max-height:700px;position:relative}.top .container{position:relative;width:100%;max-width:1400px;height:100%;margin:auto}.top .container .logo{position:absolute;top:30.85714%;left:5.14286%;width:32.35714%}.top .container .style{position:absolute}.top .container .style.style-1{top:5.85714%;left:39%;width:15.5%}.top .container .style.style-2{top:15.28571%;left:46.28571%;width:17.71429%}.top .container .style.style-3{top:6.85714%;left:63.5%;width:18.71429%}.top .container .style.style-4{top:11.42857%;left:79.78571%;width:14.28571%}.top .container .txt{position:absolute;top:74.28571%;left:70.85714%;width:25.35714%}@media screen and (max-width: 768px){.top{background-size:12px 12px;height:133.33333vw;max-height:133.33333vw}.top .container .logo{top:6%;left:20.26667%;width:58.93333%}.top .container .style.style-1{top:26.2%;left:3.86667%;width:30.53333%}.top .container .style.style-2{top:37.1%;left:12.13333%;width:34.8%;z-index:4}.top .container .style.style-3{top:27.8%;left:41.73333%;width:36.8%}.top .container .style.style-4{top:33%;left:68.93333%;width:27.2%}.top .container .txt{top:74.5%;left:46.4%;width:47.33333%}}.introduction{padding:110px 0 10px}.introduction .body-text{font-size:15px;line-height:2;letter-spacing:.05em;text-align:center;margin-bottom:170px}.introduction .note{width:100%;max-width:1100px;margin:auto;font-size:13px;line-height:1.84;letter-spacing:.08em}@media screen and (max-width: 768px){.introduction{padding:12vw 0 5px}.introduction .body-text{font-size:3.06667vw;line-height:1.8;margin-bottom:19.33333vw}.introduction .note{width:100%;padding:0 8vw;font-size:10px;text-align:right}}.styles{width:100%;max-width:1100px;margin:auto}.styles .style{margin-bottom:300px}.styles .style .look{display:flex;align-items:flex-end;margin-bottom:100px}.styles .style .look .photos{width:50%;padding-right:24px;position:relative}.styles .style .look .photos .style-no{position:absolute;width:96px;top:5.28571%;left:6.36364%;z-index:10;pointer-events:none;opacity:1;transition:opacity .2s}.styles .style .look .photos .style-no.hidden{opacity:0}.styles .style .look .photos .swiper-container{padding-bottom:50px}.styles .style .look .photos .navigation{position:absolute;bottom:0;left:0;width:82px;display:flex;justify-content:space-between}.styles .style .look .photos .navigation .swiper-button-prev,.styles .style .look .photos .navigation .swiper-button-next{width:20px;height:22px;position:relative;top:auto;left:auto;right:auto}.styles .style .look .photos .navigation .swiper-button-prev::after,.styles .style .look .photos .navigation .swiper-button-next::after{content:'';background:url(../img/icon-arrow.svg) no-repeat;background-size:contain;width:100%;height:100%;display:block}.styles .style .look .photos .navigation .swiper-button-prev::after{transform:rotate(180deg)}.styles .style .look .credit{width:50%;padding-left:24px;padding-bottom:50px}.styles .style .look .credit ul{font-size:15px;font-family:roboto-slab,serif;line-height:1.6}.styles .style .look .credit ul li{position:relative;padding-right:9em}.styles .style .look .credit ul li:not(:last-child){margin-bottom:1em}.styles .style .look .credit ul li a{text-decoration:none}.styles .style .look .credit ul li .item-type{font-weight:700;text-transform:uppercase}.styles .style .look .credit ul li .store{font-weight:700;text-decoration:underline;position:absolute;bottom:0;right:0;width:9em}.styles .style .look .credit ul li .store-disable{font-family:fot-cezanne-pron,sans-serif;position:absolute;bottom:0;right:0;width:10em;text-align:right;padding-right:1.5em}.styles .style .point{background:url(../img/bg.png) center center;background-size:25px 25px;padding:65px 60px 100px 55px}.styles .style .point .point-detail{display:flex;align-items:flex-end;margin-bottom:40px}.styles .style .point .point-detail .point-title{width:260px;margin-right:5.07614%}.styles .style .point .point-detail p{font-size:15px;line-height:2;letter-spacing:.05em;width:1%;flex-grow:1}.styles .style .point .items{display:flex;padding:0 8.18182%}.styles .style .point .items .item{width:50%;font-family:roboto-slab,serif;font-weight:700;text-align:center}.styles .style .point .items .item .fig{margin:0 auto 25px;position:relative}.styles .style .point .items .item .fig img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.styles .style .point .items .item .brand{font-size:26px;line-height:1.4;letter-spacing:.03em;margin-bottom:20px}.styles .style .point .items .item .price,.styles .style .point .items .item .note{font-size:16px;line-height:2;letter-spacing:.03em}.styles .style .point .items .item .note{margin-top:-20px}.styles .style .point .items .item .code{font-size:16px;line-height:2;letter-spacing:.03em;margin-bottom:30px}.styles .style .point .items .item .btn-link:not(:last-child){margin-bottom:50px}.styles .style .point .items .item .btn-link a{display:inline-block;background:#0f231e;border:#0f231e 2px solid;padding:4px 20px 3px;font-size:22px;line-height:1.5;letter-spacing:.05em;color:#fff;text-decoration:none;transition:background .3s, color .3s}.styles .style .point .items .item .btn-link a:hover{background:#fff;color:#0f231e}.styles .style .point .items .item .btn-link .disable{display:inline-block;background:transparent;padding:9px 20px 8px;font-family:fot-cezanne-pron,sans-serif;font-weight:400;font-size:19px;line-height:1.5;letter-spacing:.05em;color:#000}.styles .style:nth-child(2n) .look{flex-direction:row-reverse}.styles .style:nth-child(2n) .look .photos .navigation{left:auto;right:0}.styles .style.styles-1 .look .photos .style-no,.styles .style.styles-3 .look .photos .style-no{left:auto;right:10.90909%}.styles .style.styles-1 .point .items .item .fig{padding-bottom:89.43966%}.styles .style.styles-1 .point .items .item-1 .fig img{width:87.93103%}.styles .style.styles-1 .point .items .item-2 .fig img{width:75.86207%}.styles .style.styles-2 .point .items .item .fig{padding-bottom:86.2069%}.styles .style.styles-2 .point .items .item-1 .fig img{width:94.18103%;transform:translate(-50%, -40%)}.styles .style.styles-2 .point .items .item-2 .fig img{width:89.43966%}.styles .style.styles-3 .point .items .item .fig{padding-bottom:87.28448%}.styles .style.styles-3 .point .items .item-1 .fig img{width:82.5431%}.styles .style.styles-3 .point .items .item-2 .fig img{width:89.87069%}.styles .style.styles-4 .point .items .item .fig{padding-bottom:91.37931%}.styles .style.styles-4 .point .items .item-1 .fig img{width:95.90517%}.styles .style.styles-4 .point .items .item-2 .fig img{width:76.72414%}.styles .style.styles-5 .point .items .item .fig{padding-bottom:94.82759%}.styles .style.styles-5 .point .items .item-1 .fig img{width:90.94828%}.styles .style.styles-5 .point .items .item-2 .fig img{width:78.87931%;transform:translate(-50%, -40%)}.styles .style.styles-6 .point .items .item .fig{padding-bottom:94.82759%}.styles .style.styles-6 .point .items .item-1 .fig img{width:92.88793%}.styles .style.styles-6 .point .items .item-2 .fig img{width:73.92241%;transform:translate(-50%, -45%)}.styles .style.styles-7 .point .items .item .fig img{position:relative;top:auto;left:auto;transform:none}.styles .style.styles-7 .point .items .item-1 .fig{padding-left:18%}.styles .style.styles-7 .point .items .item-1 .fig img{width:82.75862%}.styles .style.styles-7 .point .items .item-2 .fig{padding-left:12%}.styles .style.styles-7 .point .items .item-2 .fig img{width:90.57471%}.styles .btn-all{margin-top:-110px;text-align:center}.styles .btn-all a{font-size:42px;font-family:roboto-slab,serif;font-weight:700;line-height:1.2}.styles .btn-all a span{display:inline-block;position:relative}.styles .btn-all a span::after{content:'';background:#0f231e;width:100%;height:4px;position:absolute;bottom:-10px;left:0}@media screen and (max-width: 768px){.styles .style{margin-bottom:33.33333vw}.styles .style .look{display:block;margin-bottom:16.8vw}.styles .style .look .photos{width:100%;padding-right:0;margin-bottom:5.33333vw}.styles .style .look .photos .style-no{width:20vw;top:7%;left:5.86667%}.styles .style .look .photos .swiper-container{padding-bottom:10.66667vw}.styles .style .look .photos .navigation{width:14.66667vw;left:8vw !important;right:auto !important}.styles .style .look .photos .navigation .swiper-button-prev,.styles .style .look .photos .navigation .swiper-button-next{width:3.33333vw;height:3.6vw}.styles .style .look .credit{width:100%;padding:0 8vw}.styles .style .look .credit ul{font-size:3.06667vw}.styles .style .look .credit ul li{padding-right:8em}.styles .style .look .credit ul li:not(:last-child){margin-bottom:.75em}.styles .style .look .credit ul li .store{text-align:right;font-size:2.93333vw}.styles .style .look .credit ul li .store-disable{padding-right:0;font-size:2.66667vw}.styles .style .look .credit ul li br{display:none}.styles .style .point{background-size:12px 12px;margin:0 8vw;padding:6.66667vw 6vw 20vw}.styles .style .point .point-detail{display:block;margin-bottom:8.66667vw}.styles .style .point .point-detail .point-title{width:43.33333vw;margin:0 0 3.33333vw -8vw}.styles .style .point .point-detail p{width:100%;font-size:3.06667vw;line-height:1.8}.styles .style .point .items{display:block;padding:0}.styles .style .point .items .item{width:100%}.styles .style .point .items .item:not(:last-child){margin-bottom:17.33333vw}.styles .style .point .items .item .fig{margin:0 auto 9.86667vw}.styles .style .point .items .item .fig img{position:relative;top:auto;left:auto;transform:none;margin:auto}.styles .style .point .items .item .brand{font-size:4.8vw;margin-bottom:2.66667vw}.styles .style .point .items .item .price,.styles .style .point .items .item .note{font-size:3.06667vw;line-height:1.8}.styles .style .point .items .item .note{margin-top:-1.2em}.styles .style .point .items .item .code{font-size:3.06667vw;line-height:1.8;margin-bottom:5.33333vw}.styles .style .point .items .item .btn-link:not(:last-child){margin-bottom:8.66667vw}.styles .style .point .items .item .btn-link a{padding:.8vw 3.46667vw .8vw;font-size:4.26667vw}.styles .style .point .items .item .btn-link .disable{padding:1.2vw 3.46667vw 1.2vw;font-size:4.26667vw}.styles .style.styles-1 .look .photos .style-no,.styles .style.styles-3 .look .photos .style-no{right:5.86667%}.styles .style.styles-1 .point .items .item .fig,.styles .style.styles-2 .point .items .item .fig,.styles .style.styles-3 .point .items .item .fig,.styles .style.styles-4 .point .items .item .fig,.styles .style.styles-5 .point .items .item .fig,.styles .style.styles-6 .point .items .item .fig{padding-bottom:0}.styles .style.styles-2 .point .items .item-1 .fig img{transform:none}.styles .style.styles-5 .point .items .item-2 .fig img{transform:none}.styles .style.styles-6 .point .items .item-2 .fig img{transform:none}.styles .style.styles-7 .point .items .item-1 .fig{padding-left:0}.styles .style.styles-7 .point .items .item-2 .fig{padding-left:0}.styles .btn-all{margin-top:0}.styles .btn-all a{font-size:7.06667vw}.styles .btn-all a span::after{height:3px}}.footer{width:100%;margin:auto;padding:200px 0 35px}.footer .logo{width:160px;margin:0 auto 90px}.footer .logo img{display:block;width:100%}.footer .copyright{font-size:11px;font-family:roboto-slab,serif;line-height:1.5;text-align:center}@media screen and (max-width: 768px){.footer{padding:38.66667vw 0 15px}.footer .logo{width:30.66667vw;margin:0 auto 12vw}.footer .copyright{font-size:10px}}