@charset "utf-8";
/* CSS Document */
body{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
@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 */ }

/*common*/
.nodisp{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.pc-only{
	display:none;
}
@media(min-width:480px){
	.pc-only{
		display:block;
	}
	.sp-only{
		display:none;
	}
}
a{
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-ms-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;
}
a:hover{
	opacity: 0.7;
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

#Page{
	min-width:inherit;
}
@media(min-width:480px){
	#Page{
		width:100%;
		margin:0 auto 40px;
	}
}
.lower #Contents{
	width:100%;
}
@media(min-width:480px){
	.lower #Contents{
		min-width:960px;
	}
}
.fleximg{
	display:block;
	width:100%;
	height:auto;
}

/*main*/
#main{
	position:relative;
	margin:0 0 15px;
}
@media(min-width:480px){
	#main{
		margin:0 0 100px;
	}
	#main_image{
		width:50%;
	}
}
#main_image img{
	width:100%;
	opacity:0;
}
#main_text1{
	margin:10px 15px;
	font-size:24px;
	font-family:apercu;
	line-height:160%;
	text-align:center;
	letter-spacing:0.05em;
	color:#000000;
}
#main_text1 .target{
	opacity:0;
}
#main_text1 span{
	font-size:18px;
}
#main_text2{
	color:#000000;
	text-align:center;
	font-size:10px;
	line-height:160%;
	opacity:0;
}
#main_text3{
	margin:15px 15px 70px;
	color:#666666;
	font-size:10px;
	line-height:160%;
	opacity:0;
}

@media(min-width:580px){
	#main_title{
		position:absolute;
		top:20%;
		left:54%;
		width:500px;
	}
	#main_text1{
		font-size:40px;
	}
	#main_text1 span{
		font-size:30px;
	}
	#main_text2{
		margin:40px 0 0 0;
		font-size:12px;
		line-height:220%;
		text-align:center;
	}
	#main_text3{
		margin:40px 0 0 0;
		font-size:10px;
		line-height:220%;
		text-align:center;
	}
}

/*item_list*/
#item_list{
	width:100%;
	margin:20px auto 70px;
}
@media(min-width:480px){
	#item_list{
		width:960px;
		margin:30px auto 0;
	}
}
#item_list li{
	position:relative;
	width:25.333%;
	margin:0 4% 15px;
	float:left;
}
#item_list li.item_list_4{
	position:relative;
	width:25%;
	margin:0;
	float:left;
}
#item_list li img{
	width:100%;
}
#item_list_text{
	margin:50px 0 0 0;
	padding:10px 0;
	text-align:center;
	background:#000000;
	color:#ffffff;
}
@media(min-width:480px){
	#item_list_text{
		width:960px;
		margin:100px auto 0;
	}
}
.item_text{
	height:60px;
	font-size:10px;
	text-align:center;
	line-height:150%;
}
.alphabet{
	position:absolute;
	top:0;
	left:0;
	padding:4px;
	width:10px;
	background:#000000;
	color:#ffffff;
	text-align:center;
	font-size:10px;
	font-weight:bold;
}
#item_list li.item_list_4 .alphabet{
	left:2px;
}
@media(min-width:580px){
	#item_list li{
		width:20%;
		margin:0 0 15px;
	}
	#item_list li.item_list_4{
		width:20%;
	}
}

/*styling_list*/
#styling_list{
	overflow:hidden;
}
.pic{
	margin:0 30px 30px;
}
@media(min-width:480px){
	#styling_list{
		width:960px;
		margin:0 auto;
	}
	.styling{
		width:455px;
		margin:0 auto 100px;
		position:relative;
	}
	.pic{
		margin:0;
	}
	.styling:nth-of-type(3n+1){	/*1,4,7...*/
		float:left;
	}
	.styling:nth-of-type(3n-1){		/*2,5,8...*/
		float:right;
	}
	.styling:nth-of-type(3n){		/*3,6,9...*/
		clear:both;
	}
	.styling:nth-last-of-type(2),
	.styling:last-of-type{
		margin:0 auto 0;
	}
}

.credit{
	position:fixed;
	bottom:0;
	width:100%;
	background:rgba(216,209,201,0.5);
	padding:5px 0 ;
	transition: all .5s ease;
	z-index:99;
}
.credit p img{
	display:block;
	width:74px;
	height:9px;
	margin:0 auto 5px;
}
.credit ul{
	text-align:center;
}
.credit ul li{
	width:70px;
	height:84px;
	display:inline-block;
	position:relative;
	margin:0 5px;
}
.credit ul li a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:70px;
	height:84px;
}
@media(min-width:580px){
	.credit{
		display:none;
	}
}

.credit_text {
    margin: 0 30px 30px;
}
.credit_text h3{
	font-size:14px;
	margin:0 0 15px 0;
	font-family:apercu;
}
.credit_text ul li{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
/*	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
	font-size:10px;
	line-height:16px;
	color:#535353;
	margin-bottom:10px;
	position:relative;
}
.credit_text ul li a span{
	position:absolute;
	top:2px;
	right:0;
	display:block;
	padding:1px 10px;
	background:#000000;
	color:#ffffff;
	text-align:center;
}

@media(min-width:580px){
	.credit_text{
		opacity:0;
		transition:ease 0.5s;
		width:455px;
		height:100%;
		margin:0;
		position:absolute;
		top:0;
		left:0;
		background:rgba(255,255,255,0.7)
	}
	.credit_text:hover{
		opacity:1;
	}
	.credit_text h3{
		font-size:12px;
		margin:20px;
	}
	.credit_text ul{
		margin:20px;
	}
	.credit_text ul li span a{
		margin-top:-15px;
		width:102px;
		height:30px;
	}
}

/* ------------------------
 ihana
------------------------ */
a.btn_ihana_list{
	display:block;
	margin:0 auto 70px auto;
	width:80%;
	background:#000000;
	color:#ffffff;
	text-align:center;
	font-size:14px;
	padding:10px;
	text-decoration:none;
}
a:hover.btn_ihana_list{
	background:#333333;
}
@media(min-width:480px){
	a.btn_ihana_list{
		display:block;
		margin:100px auto;
		width:400px;
		font-size:16px;
		padding:15px;
		text-decoration:none;
	}
}
a.bnr_collabo img{
	display:block;
	margin:0 auto 70px;
	width:90%;
}
@media(min-width:480px){
	a.bnr_collabo{
		display:block;
		margin:0 auto;
		width:640px;
	}
}