@charset "UTF-8";
/* CSS Document */

.dress-mv_wrap {
	width:100%;
	color: #fff;
	height:37.58vw;
	min-height: 587px;
	/*margin-bottom: 140px;*/
}
.dress-mv_wrap::before{
	content: "";
	position: fixed;
	top:0;
	left:0;
	width: 100%;
		height:calc(37.58vw + 80px);
/*	height:37.58vw;*/
	min-height: 587px;	
	background-blend-mode: multiply;
	background-image:url("../img/dress/mv.jpg");
	background-color: rgba(0,0,0,0.24);
	background-position: center; 
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}
@media screen and (max-width:600px){
	.dress-mv_wrap {
	width:100%;
	height:60vh;
	min-height: auto;
	}
	.dress-mv_wrap::before{
	background-image:url("../img/dress/mv_sp.jpg");
	background-position:center; 
	height:calc(60vh + 60px);
	}
}

/* dress 2022-07-19 */
/*
.dress-mv_wrap {
	width:100%;
	background-image:url("../img/dress/mv.jpg");
	background-position: center; 
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(0,0,0,0.1);
	background-blend-mode:multiply;
	color: #fff;
	height:37.58vw;
	min-height: 587px;
	margin-bottom: 0px;
}
*/

.dress-mv_wrap .inner {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.dress-mv_wrap .inner .ft-gra {
	line-height: 1.2;
}

@media screen and (max-width:600px){
	.dress-mv_wrap .inner {
	padding-top: 8vh;
	box-sizing: border-box
	}
}
@media screen and (max-width:320px){
	.dress-mv_wrap .inner {
	padding-top: 15vh;
	}	
}

.dress__copy-1 {font-size: 2.1rem;}
.dress__copy-2,.dress__copy-4 {line-height: 2;}

.dress__1__wrap {
	display: flex;
	flex-flow: row;
	/*justify-content: space-between;*/
	justify-content: center
}
.dress__1__txt {margin-right: 2em;}
.dress__1__txt p { line-height: 1.7; text-align: center}

.dress__2__wrap {
	background:linear-gradient(0deg,#cbd2d5 0%,#cbd2d5 50%,#fff 50%,#fff 100%);
}

.dress_2-1 {
	display: flex;
}

.dress_2-1-txt {
	padding-top: 5em;
	margin-left: 4%;
}

.dress_2-2 {
	display: flex;
	flex-flow: row-reverse;
	justify-content: space-between;
	margin-top: -100px;
	padding-bottom: 100px;
}
.dress_2-2-ph  {
margin-top: -40px;
}
.dress_2-2-txt {
padding-top: 200px;
	width: 50%;
}

.dress__2_tit {
	font-size: 8rem;
	color:#cbd2d5;
	line-height: 1;
}

.dress__2_list {
	display: flex;
	align-items: center;
	margin-bottom: 0.5em;


}
.dress__2_list dt {
	color:#7898b2;
	font-size: 3rem;
			flex: 0 0 1.3em;

}
.dress__2_list dd {
	color:#1a1a1a;
	font-size: 1.3rem;
}

.dress__3_wrap {
/*	background: #3d474a;*/
	background: var(--fair-color);
	color:#fff;
	padding: 40px 0 0;
}

.dress__copy-3 {
	font-size: 8rem;
/*	color:#cbd2d5;*/
	color:#eee
}

.dress__3_wrap .inner {
	display: flex;
	flex-flow: row;
	justify-content: space-between;	
}
.dress__3_ph img {border-radius: 42% 42% 0 0;}

.tim {font-family:"Times New Roman", Times, "serif" ; font-weight: normal !important;}

.dress__4__wrap {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	border:1px solid #000;
	padding: 40px 0;
}

.dress__4__ph {width:46.6%;}
.dress__4__txt {width:46%; margin-right: 2%; display: flex; flex-flow: column; justify-content: center;}
.dress__4__txt p {font-size: 1.4rem;}

@media screen and (max-width:999px){
.dress_2-2 {
	display: flex;
	flex-flow: row-reverse;
	justify-content: space-between;
	margin-top: -20px;
	padding-bottom: 50px;
	}	
	.dress_2-1-ph {width:34%;}
	.dress_2-2-ph  {
	margin-top: 0px;
		width:45%;
	}
	.dress_2-2-txt {
	padding-top: 100px;
	}	

	.dress__copy-4 {
		font-size: 1.2rem;
	}
	.dress__4__ph {
		width:40%;
	}
	.dress__4__txt{
		width:55%;
	}
}

@media screen and (max-width:600px){
	/*.dress-mv_wrap h1 img {width: 34vw;}*/
	.dress-mv_wrap .t40/*t60*/ {font-size: /*10vw*/8vw;}
	.dress-mv_wrap .t30 {font-size: 6vw;}

	/*.ft-gra {margin-top: 60px}*/
	
	.dress__copy-1 {font-size: 4.8vw;}
	.dress__copy-2 {font-size: 3.3vw; line-height: 1.7/*2.2*/;}
	.mb100 {margin-bottom: 60px;}
	
	.dress__1__wrap {
	display: flex;
	flex-flow: column-reverse;
	justify-content: space-between;
	}
	.dress__1__txt {margin-right: 0em; text-align: center;}
	.dress__1__txt img {width:34vw;}
	.dress__1__txt p { line-height: 2; font-size: 3.2vw; }
	.dress__1__ph {margin-bottom: 40px;}

	.dress_2-1 {
		display: flex;
		flex-flow: row nowrap;
		margin-bottom: 40px;
	}	
	.dress_2-1-ph {width:50%;}
	.dress_2-1-txt{width:40%; margin-left: -20px; display: flex; align-items: flex-end;}
	.dress__2_tit {
	font-size: 10vw;
	color:#cbd2d5;
	line-height: 1;
		margin-bottom: 0.7em;
	}
	.dress_2-2 {
	display: flex;
	flex-flow: column-reverse;
	justify-content: space-between;
	margin-top: 0px;
	padding-bottom: 50px;
	}	
	.dress_2-2-ph  {
	margin-top: 40px;
		text-align: center;
		width: 100%;
	}	
	.dress_2-2-ph img {width:70vw;}
	.dress_2-2-txt {
		padding-top: 0px;
		width: 100%;		
	}
	
	.dress__2_list {
	display: flex;
	align-items: center;
	margin-bottom: 1em;
	}
	.dress__2_list dt {
	color:#7898b2;
	font-size: 8vw;
			flex: 0 0 10vw;
	}
	.dress__2_list dd {
	color:#1a1a1a;
	font-size: 3vw;
	}	
	
	.dress__2__wrap {
	background:linear-gradient(0deg,#cbd2d5 0%,#cbd2d5 75%,#fff 50%,#fff 100%);}
	
	.dress__3_wrap .inner {
	display: flex;
	flex-flow: column;
	justify-content: center;	
	}	
	.dress__copy-3 {
	font-size: 14vw;
	color:#cbd2d5;
		text-align: center;
	}
	.dress__3_ph {text-align: center;}
	.dress__3_ph img {width:70%}
	.dress__copy-4 {text-align: center; font-size: 3.0vw; line-height: 2.4}
	
	.dress__4__wrap {
	display: flex;
	flex-flow: column;
	/*justify-content: space-between;*/
	border:1px solid #000;
	padding: 20px 0;
	}

	.dress__4__ph {width:74%; margin: auto; margin-bottom: 30px}
	.dress__4__txt {width:90%; margin-right: auto; margin-left: auto; display: flex; flex-flow: column; justify-content: center;}
	.dress__4__txt p {font-size: 3.4vw; line-height: 1.7;}	
	.dress__4__txt h2 {font-size: 5vw; text-align: center;}
	
	
}

/* gallery */
.dress_gallery__wrap {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.dress_gallery__wrap li {
	width:calc(25% - 2px);
	margin-bottom: 10px;
}
.dress_gallery__wrap li:nth-child(4n){
	margin-right: 0;
}

@media screen and (max-width:600px){
    .dress_gallery__wrap li {
        width:calc(50% - 2px);
        margin-bottom: 30px;
    }
    .dress_gallery__wrap li:nth-child(2n){
        margin-right: 0;
    }	
}

.dress__info {
	position: relative;
	overflow: hidden
}
.dress__info.onon::before {
	position: absolute;
	content: "WWW";
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.3);
}

.dress__info__wrap {
opacity: 0;
  transition: .7s;	
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top:0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.3);
	color: #fff;
	margin-top: 60px;
}
.dress__info__wrap.ons {opacity: 1; margin-top: 0}

.lb-data {color:#fff !important;}
.lb-number {color:#fff !important; margin-top: 10px}

@media screen and (max-width:600px){
	.dress__info__wrap {margin-top: 0;}

}

.rm-open {position: relative;}
.rm-open:hover{cursor: pointer}
.rm-open::before{/* 閉じている時 */
	content: "＋";
	position: absolute;
	right: 5px;
	 transition: .3s ease all
}
.rm-open.open::before{/* 開いている時 */
	content: "－";
}
.lht {
	line-height: 1.5;
	margin-top: 7px;
}