main#dress .head{width:95%;margin:auto}main#dress .titleimage-area{position:relative;padding:0;margin:6rem auto 3rem;width:700px;height:100%}main#dress .title-area{margin-top:1rem}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 .accent-title{padding:2rem 0}main#dress .accent-title .text{font-size:1.8rem;color:#000;font-weight:400;line-height:2;text-align:center}main#dress .main .dress-types{width:1200px;margin:6rem auto 8rem;gap:1rem;justify-content:center}main#dress .main .dress-types .dress-type{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 .main .dress-images .disp-area .description{margin-top:6rem}main#dress .main .dress-images .disp-area .description .one-block{font-size:1.4rem;font-weight:300;padding-left:2rem;text-indent:-2rem;line-height:1.6}main#dress .main .dress-images .disp-area .description .one-block .dress-sp{display:none}main#dress .main .other-area{padding:6rem 0}main#dress .main .other-area .other-title{position:relative;margin:0 auto;width:700px;height:100%}main#dress .main .other-area .other-image{width:1200px;margin:2rem auto 0;position:relative}main#dress .main .other-area .other2{margin-top:10rem}@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{width:23.9%}main#dress .main #dress-images{scroll-margin-top:80px}main#dress .main .dress-images{padding:3rem 1rem 6rem}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}main#dress .main .other-area .other-image{width:90%}main#dress .main .other-area .other2{margin-top:6rem}}@media only screen and (max-width:767px){main#dress .main .wrapper{padding:0}main#dress .titleimage-area{width:100%;margin:2rem auto 1rem}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 .accent-title .text{font-size:1.4rem;line-height:1.5}main#dress .main .dress-types{margin:1.5rem auto 3.5rem}main#dress .main .dress-types .dress-type{width:48%;margin:0 auto .5rem}main#dress .main .dress-images .group-area .group-button-area{max-width:48%}main#dress .main .dress-images .group-area .groups .group-button-area .group-btn{font-size:1.6rem}main#dress .main .dress-images .disp-area .description{margin-top:2rem}main#dress .main .dress-images .disp-area .description .one-block{font-size:1rem;padding-left:1.5rem;text-indent:-1.5rem;line-height:1.8}main#dress .main .dress-images .disp-area .description .one-block .dress-no-sp{display:none}main#dress .main .dress-images .disp-area .description .one-block .dress-sp{display:inline}main#dress .main .other-area .other-title{width:100%}}