@charset "UTF-8";

/* base style */
.main-area,
.main_inner {
	-webkit-font-feature-settings: normal;
	color: #000;
	padding-bottom: calc(110* (100vw /375));
	font-family: Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
	font-feature-settings: normal;
	font-style: normal;
	font-weight: normal;
	letter-spacing: .04em;
	margin: auto;
	text-align: left;
	width: 100%;
}

.main-area *,
.main_inner * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.main-area *::before,
.main-area *::after,
.main_inner *::before,
.main_inner *::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.main-area img,
.main-area svg,
.main_inner img,
.main_inner svg {
	height: auto;
	width: 100%;
}

.main-area a,
.main_inner a {
	overflow: visible;
}

.main-area {
	overflow-x: hidden;
}

/* toggle visibility for responsive object */
.sp-hidden {
	display: block;
}

.pc-hidden {
	display: none;
}

#main-container picture,
#main-container a {
	display: block;
}

#main-container #breadcrumb a {
	display: inline;
}

.container {
	margin-left: auto;
	margin-right: auto;
}

/* -----------------------------------------
SP
------------------------------------------ */

@media only screen and (max-width: 767px) {
	
	.flex-control-nav li {
		line-height: 20px;
	}
}

.mainWrap {
	width: 100%;
	padding: 0 calc(10 * (100vw / 375));
}

.pc-hidden {
	display: block;
}

/* heading */
#title {
	margin-top: calc(20 * (100vw / 375));
	height: auto;
	background-color: #000000;
	color: #ffffff;
	-webkit-box-shadow: 0px calc(2 * (100vw / 375)) calc(5 * (100vw / 375)) #999999;
	box-shadow: 0px calc(2 * (100vw / 375)) calc(5 * (100vw / 375)) #999999;
	margin-bottom: calc(40 * (100vw / 375));
}

#title p {
	padding: calc(30 * (100vw / 375)) 0;
	font-weight: bold;
	text-align: center;
	font-size: calc(18 * (100vw / 375));
}

#video-area #model-video {
	display: block;
	margin: 0 auto;
	max-width: 1000px;
	width: 100%;
	height: auto;
}

#video-area {
	margin-bottom: calc(50 * (100vw / 375));
}

#lookbook #slider {
	margin-bottom: 55px;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: 0 0;
}

div.slider-wrap {
	width: 100%;
}

#slider .slides img {
	float: left;
	width: 50%;
}

#lookbook .slider-wrap #carousel ul>li {
	padding: 0 calc(10 * (100vw / 375));
}

#lookbook #carousel ul>li>img {
	width: 45%;
	float: left;
	cursor: pointer;
}

#lookbook #carousel ul>li>img:first-child {
	margin-left: 0;
}

#lookbook #carousel {
	margin: 0 0 calc(100 * (100vw / 375));
	padding: 0 calc(17 * (100vw / 375));
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: 0 0;
}

#lookbook .flex-direction-nav .flex-disabled {
	display: none;
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: calc(-75 * (100vw / 375));
	line-height: 1.66;
	text-align: center;
}

.flex-direction-nav a {
	width: calc(25 * (100vw / 375));
	height: calc(46 * (100vw / 375));
}

#lookbook .flex-direction-nav .flex-prev {
	background: url("../imgs/btn_flex-prev-bk.png") no-repeat scroll 0 0;
	left: calc(-60 * (100vw / 375));
	display: block;
	opacity: 1;
	left: calc(5 * (100vw / 375));
}

#lookbook .flex-direction-nav .flex-next {
	background: url("../imgs/btn_flex-next-bk.png") no-repeat scroll 0 0;
	right: calc(-60 * (100vw / 375));
	display: block;
	opacity: 1;
	right: calc(5 * (100vw / 375));
}

#carousel .flex-active-slide {
	opacity: 0.5;
}

.flex-control-nav {
	display: block;
}

/* btn */
.top-btn {
	max-width: 420px;
	margin: 0 auto;
	margin-top: calc(130 * (100vw / 375));
	margin-bottom: calc(80 * (100vw / 375));
	padding: calc(15 * (100vw / 375));
	text-align: center;
	background: #000000;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	box-sizing: content-box;
	line-height: 20px;
}

.top-btn a {
	font-size: calc(13 * (100vw / 375));
	font-feature-settings: "palt";
	letter-spacing: .07em;
	color: #ffffff;
	text-decoration: none;
}

.top-btn:hover {
	background: #3f3f3f;
}


/* cnt_lookbook */
.cnt_lookbook {
	width: calc(320 * (100vw /375));
	margin: 0 auto;
	font-size: calc(12 * (100vw /375));
	line-height: 1.66;
	letter-spacing: 0.05em;
}

.cnt_lookbook img {
	width: calc(10 * (100vw / 375));
}




/* -----------------------------------------
tablet
------------------------------------------ */


/* -----------------------------------------
PC
------------------------------------------ */

@media only screen and (min-width: 768px) {
	.main-area,
.main_inner {
	padding-bottom: 13rem;
} 
	.mainWrap {
		width: 100%;
		padding: 0;
	}

	/* heading */
	#title {
		margin-top: 20px;
		height: auto;
		background-color: #000000;
		color: #ffffff;
		-webkit-box-shadow: 0px 2px 5px #999999;
		box-shadow: 0px 2px 5px #999999;
		margin-bottom: 40px;
	}

	#title p {
		padding: 30px 0 30px;
		font-size: 18px;
	}

	/* sec01 */
	div.slider-wrap {
		width: 1000px;
	}

	#video-area {
		margin-bottom: 50px;
	}

	#lookbook #slider {
		margin-bottom: 55px;
		border: none;
	}

	#slider .slides img {
		float: left;
		width: 50%;
	}

	#lookbook .slider-wrap #carousel ul>li {
		padding: 0 10px;
	}

	#lookbook #carousel ul>li>img {
		width: 45%;
		float: left;
		cursor: pointer;
	}

	#lookbook #carousel ul>li>img:first-child {
		margin-left: 0;
	}

	#lookbook #carousel {
		margin: 0 0 100px;
		padding: 0 17px;
		border: none;
	}

	#lookbook .flex-direction-nav .flex-disabled {
		display: none;
	}

	.flex-control-nav {
		width: 100%;
		position: absolute;
		bottom: -75px;
		line-height: 1.66;
		text-align: center;
	}

	.flex-direction-nav a {
		width: 25px;
		height: 46px;
	}

	#lookbook .flex-direction-nav .flex-prev {
		background: url("../imgs/btn_flex-prev-bk.png") no-repeat scroll 0 0;
		left: -60px;
		display: block;
		opacity: 1;
	}

	#lookbook .flex-direction-nav .flex-next {
		background: url("../imgs/btn_flex-next-bk.png") no-repeat scroll 0 0;
		right: -60px;
		display: block;
		opacity: 1;
	}

	#carousel .flex-active-slide {
		opacity: 0.5;
	}

	.flex-control-nav {
		display: none;
	}

	/* btn */
	.top-btn {
		max-width: 420px;
		margin: 0 auto;
		margin-top: 100px;
		margin-bottom: 80px;
		padding: 15px;
		text-align: center;
		background: #000000;
		color: #ffffff;
		font-weight: bold;
		cursor: pointer;
	}

	.top-btn a {
		font-size: 15px;
		font-feature-settings: "palt";
		letter-spacing: .07em;
		color: #ffffff;
		text-decoration: none;
	}

	.top-btn:hover {
		background: #3f3f3f;
	}


	/* cnt_lookbook */
	.cnt_lookbook {
		width: 1050px;
		margin: auto;
		margin: 0 auto;
		font-size: 12px;
		line-height: 1.66;
		letter-spacing: 0.05em;
	}

	.cnt_lookbook img {
		width: 10px;
	}

	.mainWrap .button1,
	.mainWrap .button2 {
		width: 670px;
		margin: auto;
		padding: 15px;
		font-size: 13.2px;
	}

	.mainWrap .button1 a,
	.mainWrap .button2 a {
		display: inline-block;
	}

	.mainWrap .button1 {
		margin-top: 60px;
	}

	.mainWrap .button2 {
		margin-top: 50px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1170px) {
	div.slider-wrap {
		width: 100%;
	}

	#lookbook .flex-direction-nav .flex-prev {
		left: 5px;
	}

	#lookbook .flex-direction-nav .flex-next {
		right: 5px;
	}
}