@charset "UTF-8";

@font-face {
  font-family: 'BauerBodoniStd-Roman';
  src: url("BauerBodoniStd-Roman.otf") format("otf");
}

.flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.fw {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.fnw {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.jcsb {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.jcc {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.jcfs {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.jcfe {
	-webkit-box-pack: end;
     -ms-flex-pack: end;
   justify-content: flex-end;
}

.aic {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.aie {
	-webkit-box-align: end;
     -ms-flex-align: end;
        align-items: flex-end;
}

/* ====================
	all
==================== */
#springdress {
	width: 1400px;
	max-width: 1400%;
	margin: 75px auto 140px;
	font-feature-settings: "palt";
}

#springdress img {
	width: 100%;
}

/* ===================
	title
=================== */
.springdress_ttl {
	text-align: center;
}

.springdress_ttl_top {
	font-family: escrow-banner, serif;
	font-weight: 400;
	font-style: italic;
	font-size: 44px;
	display: block;
	letter-spacing: 0.05em;
}

/*.springdress_ttl_btm {
	font-family: 'BauerBodoniStd-Roman';
	font-size: 64px;
	margin-top: 23px;
	display: block;
	letter-spacing: 0.05em;
}*/

.springdress_ttl_btm {
	width: 360px;
	margin: 23px auto 0;
	display: block;
}

/* ===================
	credit
=================== */
.springdress_credit_wrap {
	margin-top: 14px;
}

.springdress_credit {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 12px;
	letter-spacing: 0.1em;
	line-height: 2;
}

/* ===================
	section
=================== */
.springdress_img_wrap {
	margin: 76px auto 0;
}

.springdress_img_wrap._01 {
	margin: 58px auto 0;
	width: 450px;
	max-width: 450px;
}

.springdress_img_wrap._02 {
	width: 1050px;
	max-width: 1050px;
	margin-left: 160px;
	margin-right: 190px;
}

.springdress_img_wrap._03 {
	width: 420px;
	max-width: 420px;
}

.springdress_img_wrap._04 {
	width: 1000px;
	max-width: 1000px;
}

.springdress_img_wrap._05 {
	width: 480px;
	max-width: 480px;
}

/* ===================
	image
=================== */
.springdress_img_inner._02 {
	width: 450px;
	max-width: 450px;
}

.springdress_img_inner._03 {
	width: 520px;
	max-width: 520px;
	margin-top: 100px;
}

.springdress_img_inner._05 {
	width: 450px;
	max-width: 450px;
	margin-top: 200px;
}

.springdress_img_inner._06 {
	width: 450px;
	max-width: 450px;
}

/* ===================
	button
=================== */
/*.springdress_btn a {
	margin: 95px auto 0;
	width: 450px;
	max-width: 450px;
	height: 74px;
	font-family: 'BauerBodoniStd-Roman';
	font-size: 20px;
	border: 1px solid #000;
	box-sizing: border-box;
	letter-spacing: 0.04em;
}*/

.springdress_btn {
	margin: 95px auto 0;
	width: 450px;
}

.springdress_btn._02 {
	margin-top: 40px;
}


/* for pc */
@media only screen
and (min-device-width: 768px) {
	.sp_only {
		display: none;
	}
}


/* for tablet */
/* for tablet */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1200px)
and (-webkit-min-device-pixel-ratio: 1) {
}

/* for sp */
@media only screen
and (max-device-width: 767px) {
	.pc_only {
		display: none;
	}

	#springdress {
		width: 100%;
		max-width: 100%;
		margin: calc(114 * (100vw / 750)) auto calc(200 * (100vw / 750));
	}

	/* ===================
		title
	=================== */
	.springdress_ttl {
		text-align: center;
	}

	.springdress_ttl_top {
		font-size: calc(64 * (100vw / 750));
	}

	/*.springdress_ttl_btm {
		font-size: calc(92 * (100vw / 750));
		margin-top: calc(20 * (100vw / 750));
	}*/

	.springdress_ttl_btm {
		margin: calc(20 * (100vw / 750)) auto 0;
		width: calc(518 * (100vw / 750));
	}

	/* ===================
		credit
	=================== */
	.springdress_credit_wrap._03 {
		margin-left: calc(20 * (100vw / 750));
		margin-top: calc(35 * (100vw / 750));
	}

	.springdress_credit {
		font-size: calc(24 * (100vw / 750));
		line-height: calc(42 / 24);
	}

	/* ===================
		section
	=================== */
	.springdress_img_wrap {
		width: auto;
	}

	.springdress_img_wrap,
	.springdress_img_wrap._01 {
		margin: 0 auto;
	}

	.springdress_img_wrap._01 {
		width: calc(600 * (100vw / 750));
		max-width: calc(600 * (100vw / 750));
	}

	.springdress_img_wrap._02 {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
	}

	.springdress_img_wrap._03 {
		width: calc(712 * (100vw / 750));
		max-width: calc(712 * (100vw / 750));
		margin-left: calc(37 * (100vw / 750));
	}

	.springdress_img_wrap._04 {
		width: 100%;
		max-width: 100%;
	}

	.springdress_img_wrap._05 {
		width: calc(676 * (100vw / 750));
		max-width: calc(676 * (100vw / 750));
	}

	/* ===================
		image
	=================== */
	.springdress_img_inner {
		margin: calc(120 * (100vw / 750)) auto 0;
	}

	.springdress_img_inner._01 {
		margin-top: calc(66 * (100vw / 750));
	}

	.springdress_img_inner._02 {
		width: calc(676 * (100vw / 750));
		max-width: calc(676 * (100vw / 750));
	}

	.springdress_img_inner._03 {
		width: 100%;
		max-width: 100%;
		margin-top: calc(108 * (100vw / 750));
	}

	.springdress_img_inner._04 {
		width: calc(600 * (100vw / 750));
		max-width: calc(600 * (100vw / 750));
		margin-left: 0;
		margin-top: calc(108 * (100vw / 750));
	}

	.springdress_img_inner._05 {
		width: calc(676 * (100vw / 750));
		max-width: calc(676 * (100vw / 750));
		margin-top: calc(112 * (100vw / 750));
	}

	.springdress_img_inner._06 {
		width: calc(638 * (100vw / 750));
		max-width: calc(638 * (100vw / 750));
		margin-left: calc(112 * (100vw / 750));
	}

	.springdress_img_inner._07 {
	}

	/* ===================
		button
	=================== */
	/*.springdress_btn a {
		margin: calc(190 * (100vw / 750)) auto 0;
		width: calc(676 * (100vw / 750));
		max-width: calc(676 * (100vw / 750));
		height: calc(200 * (100vw / 750));
		font-size: calc(44 * (100vw / 750));
		line-height: calc(52 / 44);
		text-align: center;
	}*/

	.springdress_btn {
		margin: calc(190 * (100vw / 750)) auto 0;
		width: calc(676 * (100vw / 750));
	}

	.springdress_btn._02 {
		margin-top: calc(80 * (100vw / 750));
	}

	.order_01 {
		order: 1;
	}

	.order_02 {
		order: 2;
	}
}


/************ fade **********/
.fade {
  -webkit-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
}

.fade.onView {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}