@charset "utf-8";
/* CSS Document */
img{display:block;width:100%;height: auto;}
.costume-article-top{margin-top:70px;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse;}
.costume-article-top-img{width:50%;}
.costume-article-top-cap{width:50%;padding:0 12rem;}
.costume-article-top-cap p:first-child{font-size:4.5rem;line-height:4.5rem;font-family:'Centaur',serif;display:flex;}
.costume-article-top-cap > h2{font-size:1.3rem;margin:2rem 0;}
.costume-article-top-cap p:last-child{line-height:normal;}

.disney .costume-article-top-img{width:60%;}
.disney .costume-article-top-cap{width:40%;padding:0 7rem;}
.disney .costume-article-top-cap > h2{font-size:1.8rem;margin:2rem 0;line-height:normal;}
.disney_title_wrap{margin:7rem auto;text-align:center;width:70%;}
.disney_title_wrap p{font-size:2rem;line-height:normal;display:flex;justify-content:center;align-items:center;font-family:'Centaur',serif;}
.disney_title_wrap p::before{content: "";border-bottom:solid 1px #000;width:30%;margin-right:5%;}
.disney_title_wrap p::after{content: "";border-bottom:solid 1px #000;width:30%;margin-left:5%;}

/*----コスチュームコンテンツ----*/
.cont_top.dress-color .cont_image{left:0;}
.cont_top.dress-color .cont_cap{left:65%;padding:3vw 0 3vw 3vw;}


.cos01{display:flex;justify-content:center;align-items: flex-end;margin-top:7rem;padding:0 15rem 5rem 0;}
.cos01-01{width:50%;padding:3rem 0 3rem 10rem;background:linear-gradient(90deg,#AA6F69 60%,#FFF 60%);margin-right:10%;}
.cos01-02{width:50%;}
.cos01-02-01{margin-bottom:7rem;text-align:center;}
.cos01-02-01 > img{width:60%;margin:0 auto 3rem;}
.cos01-02-01 > p{text-align:left;}
.cos01-02-02{display:flex;justify-content:center;padding-bottom:3rem;}
.cos01-02-02 > picture:first-child{margin-right:5%;}
.cos01-02-02.jill-color-flex > picture{margin:0 1%;}
.cos01-02-02.jill-color-flex > picture:first-child{margin:0 1%;}
.cos01-02-03{display:flex;justify-content:center;padding-bottom:3rem;}
.cos01-02-03 > picture:first-child,.cos01-02-03 > picture:nth-child(2){margin-right:1%;}
.cos01.re{flex-direction:row-reverse;padding:0 0 5rem 15rem;}
.cos01.re .cos01-01{padding:3rem 10rem 3rem 0;background:linear-gradient(90deg,#FFF 40%,#AA6F69 40%);margin-left:10%;margin-right:0;}
.cs-title{font-size:2rem;line-height:normal;margin-bottom:1rem;font-family:"Noto Serif JP",serif;}
.back-bule .cos01-01{background:linear-gradient(90deg,#6fddd7 60%,#FFF 60%)}

.cos02{position:relative;padding:7rem 0;background:linear-gradient(90deg,#FFF 50%,#D5ADA1 50%)}
.cos02-01{position:absolute;width:25%;left:5%;top:50%;}
.cos02-02{width:50%;margin:0 15% 0 35%;}

.cos03{width:80%;padding:0 5%;margin:0 auto;display:flex;justify-content:center;background:linear-gradient(#FFF 60%,#D5ADA1 60%)}
.cos03 picture{width:25%;padding:1rem 1rem 3rem;}
.cos03.mt100px{margin-top:5rem;}

.cos04{margin:10rem auto;text-align:center;}
.cos04-01 p:last-child{width:50%;margin:0 auto;text-align:left;}
.cos04-02{margin-top:3rem;display:flex;justify-content:space-between;}
.cos04-02 picture{padding:1rem;}
.cos04-02-2flex{margin:3rem auto 0;display:flex;justify-content:space-between;background:linear-gradient(#FFF 33%,#D5ADA1 33%,#D5ADA1 66%,#FFF 66%);align-items:center;padding:0 20%;}
.cos04-02-2flex picture{padding:1rem;}

.cos05{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%;padding:0 20%;margin:0 auto;background:linear-gradient(#FFF 33%,#D5ADA1 33%,#D5ADA1 66%,#FFF 66%)}
.cos05 picture{width:33%;padding:1rem;}


/*コラボドレス*/
.cos-collabo-box{margin-bottom:15rem}
.cos-collabo-top{display:flex;justify-content:center;align-items:center;width:70%;margin:0 auto;}
.cos-collabo-top-img{width:45%;}
.cos-collabo-top-cap{width:55%;}
.cos-collabo-top-cap.pl2rem{padding-left:2rem;}
.cos-collabo-top-cap h3{font-size:1.5rem;line-height:normal;margin-bottom:2rem;padding-bottom:2rem;position:relative;}
.cos-collabo-top-cap h3::before{position:absolute;left:0;bottom:0;content:"";border-bottom:solid 1px #555;width:20rem;}
.cos-collabo-top-cap p{line-height:normal;}
.cos-collabo-dress{width:70%;margin:3rem auto;}
.cos-collabo-dress picture{padding:0 .5rem;}
.cos-collabo-dress-main,.cos-collabo-dress-list{display:flex;justify-content:center;align-items: center;}
.cos-collabo-dress-sub > p{width:70%;margin:5rem auto;padding:2rem;border:solid 1px #DDD;}


@media screen and (max-width:1600px){


}
@media screen and (max-width:1440px){
	

	
}
@media screen and (max-width:1366px){
.cos05{padding:0 10%;}
.color-cs03{width:95%;}	
	
.disney .costume-article-top-cap{padding:0 3rem;}
}
@media screen and (max-width:1280px){
.cos01{padding:0 10rem 5rem 0;}
.cos01-02-01{margin-bottom:3rem;text-align:center;}
.cos01.re{padding:0 0 5rem 10rem;}

}
@media screen and (max-width:1024px){
.cos01{padding:0 3rem 6rem 0;}
.cos01-01{width:50%;padding:3rem 0 3rem 3rem;margin-right:5%;}	
.cos01-02-01{margin-bottom:3rem;text-align:center;}
.cos01.re{padding:0 0 3rem 6rem;}
.cos01.re .cos01-01{padding:3rem 3rem 3rem 0;margin-left:5%;}
.cos03{width:95%;}
.cos04{width:95%;}
.cos04-02-2flex{padding:0 10%;}

}
@media screen and (max-width:768px){
/*コラボドレス*/
.cos-collabo-box{margin-bottom:10rem}
.cos-collabo-top{width:90%;}
.cos-collabo-dress{width:90%;}
.cos-collabo-dress-sub > p{width:80%;}

.costume-article-top.disney{display:block;}
.disney .costume-article-top-img{width:100%;}
.disney .costume-article-top-cap{width:90%;padding:0;margin:0 auto 2rem;}
.disney .costume-article-top-cap > h2 br{display:none;}
.disney_title_wrap{margin:5rem auto;}	
}
@media screen and (max-width:640px){
.cos01{display:block;margin-top:5rem;padding:0;}
.cos01-01{width:100%;padding:3rem 1rem 0;background:linear-gradient(90deg,#AA6F69 50%,#FFF 50%);margin:0 auto;}
.cos01-02{width:100%;margin-top:1.5rem;}
.cos01-02-01{margin:0 auto 3rem;width:90%;}
.cos01-02-01 > img{width:60%;margin:0 auto 1.5rem;}
.cos01-02-02 > picture:first-child{margin-right:1%;}
	
.cos02{padding:5rem 0 0;background:linear-gradient(90deg,#FFF 50%,#D5ADA1 50%);height:500px;}
.cos02-01{width:90%;left:5%;top:65%;}
.cos02-02{width:90%;margin:0 auto;}
	
.cs-title{font-size:1.5rem;}	
	
.cos01.re{padding:0;}
.cos01.re .cos01-01{width:100%;padding:3rem 1rem 0;background:linear-gradient(90deg,#FFF 50%,#AA6F69 50%);margin:0 auto;}
	
.cos03{width:100%;padding:0;margin:0 auto;background:linear-gradient(#FFF 60%,#D5ADA1 60%);flex-wrap:wrap;}
.cos03 picture{width:50%;padding:1rem 1rem 2rem;background:linear-gradient(#FFF 60%,#D5ADA1 60%);}
	
.cos04{width:90%;margin:5rem auto;}
.cos04-02{flex-wrap:wrap;}
.cos04-02 picture{width:50%;padding:0;}
.cos04-02 picture:first-child{width:100%;}
.cos04-02-2flex{display:block;padding:0;}
.cos05{padding:0;}
.cos05 picture{width:50%;padding:0;}
.color-cos04-02 picture:first-child{width:50%;}
.color-cos04-02-01 picture{width:100%;margin-bottom:5%;}	
.cos04-01 p:last-child{width:95%;margin:0 auto;}
.color-cs03 picture:nth-child(3){width:100%;}

.cos-collabo-top{display:block;}
.cos-collabo-top-img{width:100%;}
.cos-collabo-top-cap{width:100%;margin-top:2rem;}
.cos-collabo-top-cap h3{text-align:center;}
.cos-collabo-top-cap.pl2rem{padding-left:0;}
.cos-collabo-top-cap h3::before{left:50%;width:10rem;transform: translateX(-50%);}
.cos-collabo-dress{width:90%;}
.cos-collabo-dress picture{padding:.5rem 0;}
.cos-collabo-dress-main,.cos-collabo-dress-list{flex-wrap:wrap;}
	.cos-collabo-dress-sub{display:flex;flex-direction:column-reverse;}
.cos-collabo-dress-sub > p{width:100%;margin:3rem auto;}

.costume-article-top.disney{margin-top:60px;}
.disney .costume-article-top-cap > h2{font-size:1.5rem;}
.disney .costume-article-top-cap > h2 br{display:block;}
.disney_title_wrap{margin:3rem auto;width:95%;}
.disney_title_wrap > p{font-size:1.6rem;}
.disney_title_wrap p::before{width:12%;margin-right:3%;}
.disney_title_wrap p::after{width:12%;margin-left:3%;}
	
}