@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;
}
.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}
a{
	color:#000000;
	text-decoration:none;
}

.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
------------------------ */
#main{
	position:relative;
}
#main #main_logo{
	position:absolute;
	top:30%;
	left:5%;
}
#main #main_logo img{
	width:95%;
}

/* ------------------------
 concept
------------------------ */
#concept{
	margin:40px 30px 50px;
}
#concept_text{
	margin:25px 15px 0 15px;
	font-size:10px;
	line-height:200%;
}

/* ------------------------
 model
------------------------ */
.stying{
	margin:0 0 40px 0;
}
.credit{
	margin:10px 0 0 0;
	font-family:apercu;
	font-size:12px;
	letter-spacing:0.05em;
	text-align:center;
}
.credit span{
	margin:0 0 0 3px;
	padding:0 10px 0 0;
	font-size:10px;
}
.credit span.buy{
	padding:2px 7px;
	background:#ededed;
}

/* ------------------------
 footer
------------------------ */
footer{
	margin:70px 0 0 0;
}
footer img{
	display:block;
	width:100px;
	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;
}

/* ------------------------
 concept
------------------------ */
#main{
	height:700px;
/*	background:#ebece6; */
	overflow:hidden;
}
#main #main_image{
	margin:0 auto;
	width:1060px;
}
#main #main_logo{
	position:absolute;
	top:150px;
	left:50%;
	margin:0 0 0 -300px;
}
#main #main_logo img{
	width:600px;
}

/* ------------------------
 concept
------------------------ */
#concept{
	margin:60px auto 70px;
	width:640px;
}
#concept_text{
	margin:25px 0 0 0;
	font-size:14px;
	line-height:220%;
	text-align:center;
}

/* ------------------------
 model
------------------------ */
.stying_box{
	margin:0 auto;
	width:980px;
}
.stying{
	margin:0 20px 40px 20px;
	width:450px;
	float:left;
}

}