#page-hakama-simulator #popupBg{display:block;width:100%;height:100%;background:#00000080}#page-hakama-simulator .page-width--narrow{max-width:800px}#page-hakama-simulator .main-page-title{font-size:3.8rem;margin:0;margin-bottom:1rem;text-align:center;font-weight:600;letter-spacing:.5rem;color:#89c1c8}@media screen and (max-width: 767px){#page-hakama-simulator .main-page-title{font-size:2.6rem}}@media screen and (max-width: 767px){#page-hakama-simulator h2.title{font-size:1rem;margin:5% 0 3%}}#page-hakama-simulator .howto{padding:0 3%}@media screen and (max-width: 767px){#page-hakama-simulator .howto{margin-bottom:-4%;padding:0 7%}}#page-hakama-simulator .howtoConts{width:2.5rem;margin:0 0 0 auto;cursor:pointer}#page-hakama-simulator .howtoConts img{width:4.5rem}@media screen and (max-width: 767px){#page-hakama-simulator .howtoConts,#page-hakama-simulator .howtoConts img{width:4.5rem}}#page-hakama-simulator .popup{position:fixed;top:0;left:0;display:none;width:100%;height:100vh;z-index:3000}#page-hakama-simulator .popupConts{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;max-width:712px}@media screen and (max-width: 767px){#page-hakama-simulator .popupConts{max-width:354px}}#page-hakama-simulator .popupConts img.pc{max-width:712px}@media screen and (max-width: 767px){#page-hakama-simulator .popupConts img.pc{display:none}}#page-hakama-simulator .popupConts img.sp{max-width:354px}@media screen and (min-width: 768px){#page-hakama-simulator .popupConts img.sp{display:none}}#page-hakama-simulator #close{position:absolute;top:-50px;right:0;width:40px;font-size:1rem;line-height:1em;color:#fff;background:0 0;border:0;white-space:nowrap}#page-hakama-simulator #close:before,#page-hakama-simulator #close:after{content:"";position:absolute;top:30px;left:0;width:100%;height:13%;background:#fff}#page-hakama-simulator #close:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#page-hakama-simulator #close:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#page-hakama-simulator #popupBg{width:100%;height:100%;background:#00000080}#page-hakama-simulator .kisekae_container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;max-width:800px;margin:0 auto;padding:3%}@media screen and (max-width: 767px){#page-hakama-simulator .kisekae_container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}#page-hakama-simulator #kisekae-area{width:53.2%}@media screen and (max-width: 835px){#page-hakama-simulator #kisekae-area{width:48.8%}}@media screen and (max-width: 767px){#page-hakama-simulator #kisekae-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;margin:0 auto;height:100%;max-height:380px}}#page-hakama-simulator #base-area{position:relative!important;width:100%;max-width:400px;padding-bottom:135%}#page-hakama-simulator #base-area img{position:absolute;top:10px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:100%;max-width:400px}@media screen and (max-width: 767px){#page-hakama-simulator #base-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;width:96vw;min-width:240px;max-height:340px;padding-bottom:50rem}}#page-hakama-simulator .wear-img{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:100%;max-width:400px}@media screen and (max-width: 767px){#page-hakama-simulator .wear-img{width:96vw;z-index:-20}}#page-hakama-simulator #name-area{width:100%;max-width:270px;margin:0 auto}@media screen and (max-width: 767px){#page-hakama-simulator #name-area{display:none}}#page-hakama-simulator .nav-pc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#page-hakama-simulator .prev{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 10% 0 -10%}#page-hakama-simulator .prev:before{content:"";position:absolute;top:50%;left:0;width:20px;height:30px;margin-top:-15px;background:#fff;border:solid 1px #000;cursor:pointer}@media screen and (max-width: 767px){#page-hakama-simulator .prev:before{width:26px;height:36px}}#page-hakama-simulator .prev:after{content:"";position:absolute;top:2px;left:8px;width:6px;height:6px;border-top:solid 2px #000;border-left:solid 2px #000;margin-top:-5px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media screen and (max-width: 767px){#page-hakama-simulator .prev:after{top:6px;left:12px}}@media screen and (max-width: 767px){#page-hakama-simulator .prev{margin:0}}#page-hakama-simulator .next{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 -10% 0 10%}#page-hakama-simulator .next:before{content:"";position:absolute;top:50%;right:0;width:20px;height:30px;margin-top:-15px;background:#fff;border:solid 1px #000;cursor:pointer}@media screen and (max-width: 767px){#page-hakama-simulator .next:before{width:26px;height:36px}}#page-hakama-simulator .next:after{content:"";position:absolute;top:2px;right:8px;width:6px;height:6px;border-top:solid 2px #000;border-right:solid 2px #000;margin-top:-5px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media screen and (max-width: 767px){#page-hakama-simulator .next:after{top:6px;right:12px}}@media screen and (max-width: 767px){#page-hakama-simulator .next{margin:0}}#page-hakama-simulator .select-text{font-size:1.2rem}#page-hakama-simulator .kimonoName,#page-hakama-simulator .hakamaName,#page-hakama-simulator .obiName{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:270px;margin:.625rem 0;padding:.375rem 1.25rem;font-size:1.2rem;font-weight:700;color:#fff;background:#000}@media screen and (max-width: 835px){#page-hakama-simulator .kimonoName,#page-hakama-simulator .hakamaName,#page-hakama-simulator .obiName{width:270px;padding:.385rem 1rem}}@media screen and (max-width: 767px){#page-hakama-simulator .kimonoName,#page-hakama-simulator .hakamaName,#page-hakama-simulator .obiName{width:100%;padding:3% 7% 3% 3.5%}}#page-hakama-simulator .item{width:25%;margin:0;text-align:right}#page-hakama-simulator .itemName{width:70%;margin:0;text-align:left}#page-hakama-simulator .select-button{border:solid 3px #000;text-align:center;width:100%;max-width:60rem;cursor:pointer;margin-top:5rem;margin-bottom:10rem;padding:1rem}#page-hakama-simulator .select-button:hover{background:#efefef}@media screen and (max-width: 767px){#page-hakama-simulator .select-button{margin-top:0}}#page-hakama-simulator .select-button h3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:8.1%;font-size:1.8rem;letter-spacing:.5em;font-weight:700;text-decoration:none;margin:1rem 0}#page-hakama-simulator .select-button p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.2rem;text-align:center;letter-spacing:0;margin:.5rem 0}#page-hakama-simulator .select-button .select-text{font-size:.625rem;width:100%}#page-hakama-simulator .nav-sp{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100px;margin:0% 0 10%}@media screen and (min-width: 768px){#page-hakama-simulator .nav-sp{display:none}}#page-hakama-simulator .navBtn{width:100%;margin:4% auto}#page-hakama-simulator .navBtn .pc{max-width:270px}@media screen and (max-width: 767px){#page-hakama-simulator .navBtn .pc{display:none}}@media screen and (min-width: 768px){#page-hakama-simulator .navBtn .sp{display:none}}#page-hakama-simulator .navBtn h4{font-size:1.2rem;font-weight:400;text-align:right;margin-bottom:-13px;margin-right:32px}#page-hakama-simulator #select-img-area{width:45.2%;max-width:340px}@media screen and (max-width: 835px){#page-hakama-simulator #select-img-area{margin-right:2%}}@media screen and (max-width: 767px){#page-hakama-simulator #select-img-area{width:100%;max-width:430px;margin:0}}#page-hakama-simulator .accBtn{display:none}@media screen and (max-width: 767px){#page-hakama-simulator .accBtn{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}}#page-hakama-simulator .accConts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 767px){#page-hakama-simulator .accConts{display:none}}#page-hakama-simulator .selectTitle{width:100%;margin-bottom:6%}#page-hakama-simulator .selectTitle h3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:1.8rem;font-weight:100;line-height:1.5em;text-align:center;white-space:nowrap;margin:0}#page-hakama-simulator .selectTitle h3:before,#page-hakama-simulator .selectTitle h3:after{content:"";border-top:1px solid #000;border-bottom:0;width:7.25rem}#page-hakama-simulator .selectTitle h3:before{margin-right:1rem}#page-hakama-simulator .selectTitle h3:after{margin-left:1rem}#page-hakama-simulator .selectTitle p{font-size:.625rem;text-align:center;margin:0}@media screen and (max-width: 767px){#page-hakama-simulator .selectTitle{display:none;margin-bottom:3%}}#page-hakama-simulator .selectConts{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:1%;margin-top:0}@media screen and (max-width: 767px){#page-hakama-simulator .selectConts{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:unset;-ms-flex-pack:unset;justify-content:unset;overflow-x:scroll;padding:0 2%}#page-hakama-simulator .selectConts::-webkit-scrollbar{height:4px}#page-hakama-simulator .selectConts::-webkit-scrollbar-thumb{border-radius:6px;background-color:#e3e3e3}}#page-hakama-simulator .selectConts.kimono{width:114%;height:100%;max-height:340px;overflow-y:scroll;margin-bottom:5%;padding:4% 4.5% 4% 7%}@media screen and (min-width: 768px){#page-hakama-simulator .selectConts.kimono::-webkit-scrollbar{width:8px}#page-hakama-simulator .selectConts.kimono::-webkit-scrollbar-track{border:solid 1px #d9d9d9;border-radius:8px}#page-hakama-simulator .selectConts.kimono::-webkit-scrollbar-thumb{border-radius:8px;background-color:#d9d9d9}}@media screen and (max-width: 767px){#page-hakama-simulator .selectConts.kimono{width:100%;overflow-y:hidden;padding:0 2%}}#page-hakama-simulator .select-img{width:10%;min-width:35px;margin:0 4% 4% 0;cursor:pointer}@media screen and (min-width: 768px){#page-hakama-simulator .select-img:nth-child(7n){margin-right:0}}#page-hakama-simulator .select-img img{display:none;width:100%;max-width:400px}#page-hakama-simulator .select-img img:first-child{display:inline-block;width:100%;max-width:40px}#page-hakama-simulator .select-img p{white-space:nowrap;font-size:1.2rem;text-align:center;margin:.375rem 0}#page-hakama-simulator .select-img p:nth-of-type(2){font-size:1rem}@media screen and (max-width: 767px){#page-hakama-simulator .select-img{margin:3% 4% 4% 0}#page-hakama-simulator .select-img:last-child{position:relative}#page-hakama-simulator .select-img:last-child:after{content:"";position:absolute;top:0;left:100%;width:15%;height:1px}}#page-hakama-simulator .kimono>.select-img{width:14.1%;min-width:48px;margin:0 4% 4.4% 0;cursor:pointer}@media screen and (min-width: 768px){#page-hakama-simulator .kimono>.select-img:nth-child(5n){margin-right:0}}#page-hakama-simulator .kimono>.select-img img{display:none;width:100%;max-width:400px}#page-hakama-simulator .kimono>.select-img img:first-child{display:inline-block;width:100%;max-width:48px}@media screen and (max-width: 767px){#page-hakama-simulator .kimono>.select-img{margin:3% 4% 4% 0}#page-hakama-simulator .kimono>.select-img:nth-child(65){position:relative}#page-hakama-simulator .kimono>.select-img:nth-child(65):after{content:"";position:absolute;top:0;left:100%;width:14%;height:1px}}#page-hakama-simulator .hakama>.select-img{margin-bottom:2%}#page-hakama-simulator .obi>.select-img{width:23.3%;min-width:100px;margin:0 4% 2% 0}@media screen and (min-width: 768px){#page-hakama-simulator .obi>.select-img:nth-child(3n){margin-right:0}}#page-hakama-simulator .obi>.select-img img{display:none;width:100%;max-width:400px}#page-hakama-simulator .obi>.select-img img:first-child{display:inline-block;width:100%;max-width:100px}@media screen and (max-width: 835px){#page-hakama-simulator .obi>.select-img{min-width:90px}}@media screen and (max-width: 767px){#page-hakama-simulator .obi>.select-img{min-width:100px;margin:3% 4% 2% 0}}#page-hakama-simulator .empty-img{width:14.1%;min-width:48px}#page-hakama-simulator .hakama>.empty-img{width:10%;min-width:35px}#page-hakama-simulator .select-button.sp{display:none}@media screen and (max-width: 767px){#page-hakama-simulator .select-button.sp{display:-webkit-box;display:-ms-flexbox;display:flex}}#page-hakama-simulator .active img:first-child{outline:2px solid #000;outline-offset:4px}#page-hakama-simulator .obi-reversible{width:100%;margin:4% auto;padding:3%;background:#efefef}#page-hakama-simulator .obi-reversible p{font-size:1.2rem;text-align:center;margin:0}
/*# sourceMappingURL=/cdn/shop/t/54/assets/component-page_hakama_simulator.css.map */