@charset "UTF-8";

@font-face {
  font-family: 'apercu';
  font-style: normal;
  font-weight: 100;
  src: url("../font/apercu/apercu_regular_pro.eot");
  src: url("../font/apercu/apercu_regular_pro.eot?#iefix") format("embedded-opentype"), url("../font/apercu/apercu_regular_pro.woff") format("woff"), url("../font/apercu/apercu_regular_pro.ttf") format("truetype");
  /* Safari, Android, iOS */ }

body{
	margin:0;
	padding:0;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
ul{
	margin:0;
	padding:0;
	list-style:none;
}
p{
	margin:0;
	padding:0;
}
h1{
	margin:0;
	padding:0;
	display:block;
}
img{
	width:100%;
	vertical-align:bottom;
}
.pc-only{
	display:none;
}
a{
	color:#333333;
}
.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}

.fade-in {
	transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
}
@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

/* ------------------------
 main_image
------------------------ */
#main_image{
	position:relative;
}
.target_image,
.target{
	opacity:0;
}
#main_title{
	position:absolute;
	width:50%;
	top:30%;
	left:25%;
}
.main_title3{
	margin-left:9%;
	width:80%;
}
#main_text{
	margin:20px 18px 0;
	font-size:12px;
	line-height:200%;
}
#main_text #main_text_bold{
	margin:0 0 10px 0;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	line-height:200%;
}
#instore{
	padding:10px 0 0 0;
	text-align:center;
	font-weight:normal;
}
/* ------------------------
 item
------------------------ */
#item_image{
	margin:50px 0 0;
}
#item_credit_top{
	margin:10px 20px;
	font-size:12px;
	text-align:center;
	color:#999999;
}
/* ------------------------
 model image
------------------------ */
.model_area{
	position:relative;
	margin:70px 0 0 0;
}
h2{
	margin:0 0 20px 0;
	padding:0;
	text-align:center;
}
h2 img{
	width:auto;
	height:19px;
}
#model_image{
	margin:40px 0;
}
.model1_1{
	margin:0 10% 20px;
}
.model1_4{
	margin:0 2% 20px;
}
.model_2col{
	display:flex;
}
.model_2col li:nth-child(odd){
	margin:0 1% 0 2%;
}
.model_2col li:nth-child(even){
	margin:0 2% 0 1%;
}
.model2_1{
	margin:0 10% 20px;
}
.model2_3{
	margin:0 12% 20px;
}
.model2_8{
	margin:0 0 20px;
}
.model_credit{
	margin:20px 0 40px;
	text-align:center;
	font-size:12px;
	line-height:200%;
}
.model_credit a,
.item_credit a{
	color:#666666;
	line-height:200%;
}
.model_credit a span.buy,
.item_credit a span.buy{
	margin:0 0 0 6px;
	padding:1px 5px;
	background:#666666;
	color:#ffffff;
}
.model_credit a:hover,
.item_credit a:hover{
	color:#999999;
}
.model_credit a:hover span.buy,
.item_credit a:hover span.buy{
	background:#999999;
}
h3{
	margin:70px 0 0 0;
	text-align:center;
}
h3 img{
	width:auto;
	height:20px;
}
.item_credit{
	margin:20px 0 0;
	font-size:12px;
	text-align:center;
}
.item_text{
	margin:0 20px;
	font-size:12px;
	line-height:160%;
}

/* ------------------------
 stylist
------------------------ */
#stylist_area{
	margin:70px 0;
	display:flex;
}
#stylist_area li:nth-child(odd){
	margin:0 2% 0 2%;
	width:46%;
}
#stylist_area li:nth-child(even){
	margin:15px 2% 0 1%;
	width:47%;
	font-size:10px;
	line-height:160%;
}

/* ------------------------
 footer
------------------------ */
.btn_allitem{
	display:block;
	margin:60px auto 40px;
	padding:12px 0;
	width:70%;
	text-decoration:none;
	text-align:center;
	border:1px solid #666666;
	font-family:apercu;
	font-size:13px;
}
footer{
	margin:70px 0 0 0;
}
footer img{
	display:block;
	width:250px;
	margin:0 auto;
}
footer p{
	margin:20px 0 15px 0;
	text-align:center;
	font-size:11px;
	font-family:apercu;
}

/* ------------------------
 PC
------------------------ */
@media screen and (min-width:480px) {
.pc-only{
	display:block;
}
.sp-only{
	display:none;
}
#main_image,
#main_lead,
#main_text,
.model_area{
	width:1060px;
	margin:0 auto;
}
/* ------------------------
 PC main_image
------------------------ */
#main_image{
	position:relative;
}
#main_title{
	position:absolute;
	width:320px;
	top:160px;
	left:390px;
}
#main_text{
	padding:30px 0 90px 0;
	font-size:14px;
	line-height:200%;
	text-align:center;
}
#main_text #main_text_bold{
	font-size:16px;
	line-height:180%;
}
.main_title3{
	margin-left:0;
	width:100%;
}

/* ------------------------
 model image
------------------------ */
.item_maintitle{
	margin:130px auto 30px;
}
.item_maintitle img{
	width:auto;
	height:70px;
}
.model_image{
	position:relative;
	width:1060px;
	margin:0 auto;
}
.model_area{
	position:relative;
}
h2 img{
	width:auto;
	height:30px;
}
#model_area1{
	margin:0 auto;
	width:1060px;
	height:2300px;
}
#model_area1 h2{
	position:absolute;
	display:block;
	top:0;
	left:360px;
}
.model1_1{
	position:absolute;
	top:80px;
	left:0;
	margin:0;
	width:430px;
}
.model1_2{
	position:absolute;
	top:230px;
	right:0;
	width:570px;
}
.model1_4{
	position:absolute;
	top:790px;
	left:160px;
	margin:0;
	width:740px;
}
#model_area1 .model_2col{
	position:absolute;
	top:1350px;
	left:110px;
	margin:0;
	width:840px;
}
#model_credit1{
	display:none;
}

#model_credit2{
	position:absolute;
	top:1970px;
	width:1060px;
}
#model_credit3{
	position:absolute;
	top:1970px;
	width:1060px;
}
#model_credit4{
	position:absolute;
	top:2020px;
	width:1060px;
}

#model_area2{
	margin:0 auto;
	width:1060px;
	height:1850px;
}
#model_area2 h2{
	position:absolute;
	display:block;
	top:0;
	left:360px;
}
.model2_1{
	position:absolute;
	top:70px;
	left:0;
	margin:0;
	width:430px;
}
.model2_2{
	position:absolute;
	top:180px;
	right:0;
	margin:0;
	width:560px;
}
.model2_3{
	position:absolute;
	top:780px;
	left:50px;
	margin:0;
	width:400px;
}
.model2_6{
	position:absolute;
	top:700px;
	right:50px;
	margin:0;
	width:460px;
}
.model2_8{
	position:absolute;
	top:1550px;
	left:180px;
	margin:0;
	width:700px;
}
#model_area2 .model_2col{
	position:absolute;
	top:2130px;
	left:110px;
	margin:0;
	width:840px;

}
#model_credit2_1{
	position:absolute;
	top:1450px;
	left:110px;
	margin:0;
	width:840px;
	}
#model_credit2_2{
	position:absolute;
	top:1550px;
	left:110px;
	margin:0;
	width:840px;
}
#model_credit2_3{
	position:absolute;
	top:1500px;
	left:110px;
	margin:0;
	width:840px;
}
#model_credit2_4{
	position:absolute;
	top:1600px;
	left:110px;
	margin:0;
	width:840px;

}
.item_title{
	margin:0 auto;
	width:700px;
	text-align:center;
}
.item_credit li a:hover span.buy{
	background:#999999;
}
.item_credit li a:hover span.domani{
	border:1px solid #999999;
	color:#999999;
}
.item_credit li a:hover span.underline,
.item_credit li a:hover{
	color:#999999;
}

/* ------------------------
 item

#item_area{
	width:1060px;
	margin:0 auto;
	display:flex;
}
#item_area li{
	width:500px;
}
#item_area li:nth-child(odd){
	margin:0 60px 0 0;
}
#item_area li:nth-child(odd) .item_image{
	margin:35px 0 40px;
}
.item_text{
	margin:0 auto;
	line-height:200%;
}
/* ------------------------
 stylist
------------------------ */
#stylist_area{
	width:720px;
	margin:90px auto;
	display:flex;
}
#stylist_area li:nth-child(odd){
	width:240px;
}
#stylist_area li:nth-child(even){
	margin:100px 0 0 20px;
	font-size:12px;
	line-height:180%;
}
/* ------------------------
 footer
------------------------ */
.btn_allitem{
	margin:250px auto 60px;
	width:500px;
	font-size:14px;
}
a:hover.btn_allitem{
	border:1px solid #999999;
	color:#999999;
}
.btn_domani{
	width:500px;
	font-size:13px;
}
a:hover.btn_domani{
	background:#dedede;
}


}