main#dress .main .wrapper{padding:4rem 0 0;max-width:1200px;width:100%;text-align:center;margin:auto}main#dress .title-area .text{font-size:1.8rem;text-align:center}main#dress .title-area .title-image{margin:auto;width:120px}main#dress .sub-title{padding:2rem 0}main#dress .sub-title .text{font-size:2.4rem;color:#74574d;font-weight:400}main#dress .dress-shop-banner{width:850px;max-width:850px;margin:0 auto;padding:5rem 0}main#dress .dress-shop-banner a:hover{opacity:.5}main#dress .dress-shop-banner a img{height:auto}main#dress .main .dress-types{width:1200px;margin:3rem auto 8rem;gap:1rem}main#dress .main .dress-types .dress-type{max-width:24%}main#dress .main .dress-types .dress-type .dress-type-link{position:relative}main#dress .main .dress-types .dress-type .dress-type-link:hover{opacity:.5}main#dress .main #dress-images{scroll-margin-top:100px}main#dress .main .dress-images{background-color:#efeee8;padding:3rem 0 8rem}main#dress .main .dress-images .group-area{width:100%;padding:1rem 0;max-width:1000px;margin:auto}main#dress .main .dress-images .group-area .groups{padding:1rem 0}main#dress .main .dress-images .group-area .groups .group-button-area{width:100%;background-color:#fff;text-align:center;min-height:60px}main#dress .main .dress-images .group-area .groups.type1 .group-button-area{border:1px solid #6e91a6}main#dress .main .dress-images .group-area .groups.type2 .group-button-area{border:1px solid #e19697}main#dress .main .dress-images .group-area .groups .group-button-area.select{transition:1s;color:#fff}main#dress .main .dress-images .group-area .groups.type1 .group-button-area.select{background-color:#6e91a6;border:1px solid #6e91a6}main#dress .main .dress-images .group-area .groups.type2 .group-button-area.select{background-color:#e19697;border:1px solid #e19697}main#dress .main .dress-images .group-area .groups .group-button-area .group-btn{width:100%;min-height:60px;margin:auto;color:#000;font-size:1.8rem;font-weight:300}main#dress .main .dress-images .group-area .groups .group-button-area.select .group-btn{transition:1s;color:#fff}main#dress .main .dress-images .disp-area{width:1200px;margin:5rem auto 0}main#dress .main .dress-images .disp-area .dress-image{position:relative}main#dress .shop-images-area{max-width:1000px;margin:0 auto;padding:8rem 1rem 2rem;box-sizing:initial}main#dress .shop-images-area .shop-title{font-size:2.4rem;font-weight:400;display:flex;align-items:center}main#dress .shop-images-area .shop-title:after,main#dress .shop-images-area .shop-title:before{content:"";height:6px;border-top:1px solid #000;border-bottom:1px solid #000;flex-grow:1}main#dress .shop-images-area .shop-title:before{margin-right:2rem}main#dress .shop-images-area .shop-title:after{margin-left:2rem}main#dress .shop-images-area .main-image{width:850px;max-width:850px;margin:3rem auto 0}main#dress .shop-images-area .main-image a:hover{opacity:.5}main#dress .shop-images-area .main-image a img{height:auto}main#dress .shop-images-area .sub-images{display:flex;gap:1%;width:75%;margin:1.5rem auto 0;flex-wrap:wrap}main#dress .shop-images-area .sub-images .sub-image{width:49.5%;margin:0 auto}main#dress .shop-images-area .sub-images .sub-image a:hover{opacity:.5}main#dress .shop-images-area .sub-images .sub-image a img{height:auto}main#dress .dress-banner-area{margin:8rem auto;justify-content:center;max-width:1400px}main#dress .dress-banner-area .banner{position:relative}main#dress .dress-banner-area .banner a:hover{opacity:.5}main#dress .dress-banner-area .banner-text{font-size:1.3rem;width:46%;position:absolute;top:48%}main#dress .dress-banner-area .banner-text span{display:inline-block;margin-top:.5rem}main#dress .dress-banner-area .banner-text1{right:3%}main#dress .dress-banner-area .banner-text2{left:6%}@media screen and (max-width:1400px){main#dress .dress-banner-area .banner-text{font-size:.9vw}}@media screen and (max-width:1200px){main#dress .main .dress-types{width:100%;padding:0 2rem;margin:3rem auto 5rem}main#dress .main .dress-types .dress-type{max-width:23.9%}main#dress .main #dress-images{scroll-margin-top:80px}main#dress .main .dress-images{padding:3rem 1rem 8rem}main#dress .main .dress-images .disp-area{width:90%;margin:2rem auto 0}main#dress .main .dress-images .group-area .groups .group-button-area .group-btn{font-size:1.7rem}}@media screen and (max-width:1024px){main#dress .dress-shop-banner{width:90%}main#dress .shop-images-area .main-image{width:95%}main#dress .shop-images-area .sub-images{width:100%;gap:1rem;margin:1rem auto 0}main#dress .shop-images-area .sub-images .sub-image{width:95%}main#dress .dress-banner-area .banner-text{font-size:1.3vw}}@media only screen and (max-width:767px){main#dress .main .wrapper{padding:0}main#dress .title-area .text{font-size:1.4rem}main#dress .title-area .title-image{width:100px}main#dress .sub-title .text{font-size:1.8rem}main#dress .dress-shop-banner{width:80%;max-width:540px;padding:0 0 2rem}main#dress .main .dress-types{margin:3rem auto 3.5rem}main#dress .main .dress-types .dress-type{max-width:48.5%;margin:0 auto .5rem}main#dress .main .dress-images .group-area .group-button-area{max-width:48.5%}main#dress .shop-images-area{padding:5rem 1rem 0}main#dress .shop-images-area .main-image{max-width:540px}main#dress .shop-images-area .shop-title{font-size:2rem}main#dress .dress-banner-area{padding:0 2rem;margin:8rem auto 4rem}main#dress .dress-banner-area .banner-text{font-size:2.8vw;width:88%;top:60%}main#dress .dress-banner-area .banner-text1{right:auto;left:7%}}