@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;
}

.fade-in {
	transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
}

/* ------------------------
 main_image
------------------------ */
#collabo{
	position:relative;
}
#collabo #title_collabo,
#days14 #title_14days{
	margin:10px 15px;
	font-size:24px;
	font-family:apercu;
	line-height:140%;
	text-align:center;
	letter-spacing:0.05em;
}
#collabo #title_collabo span,
#days14 #title_14days span{
	font-size:18px;
}

#text_collabo{
	margin:0 15px;
	font-size:12px;
	line-height:160%;
}
#days14{
	position:relative;
	margin:60px 0 70px;
}
#text_14days{
	margin:10px 15px 0;
	font-size:12px;
	line-height:160%;
}

@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
a.detail-btn{
	position:relative;
	display:block;
	margin:25px auto 0 auto;
	padding:10px 10px 10px 40px;
	width:170px;
	background:#000000;
	color:#ffffff;
	text-decoration:none;
	font-family:apercu;
	font-size:14px;
	transition: background-color 0.5s;
}
a:hover.detail-btn{
	background:#666666;
	transition: background-color 1s;
}
.detail-btn::before{
	content: '';
	width: 6px;
	height: 6px;
	border: 0;
	border-top: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -5px;
}
#wrapper a img{
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-ms-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;
}
#wrapper a:hover img{
	opacity: 0.7;
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/* ------------------------
 ihana
------------------------ */
a.btn_ihana_list{
	display:block;
	margin:30px 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;
}

/* ------------------------
 PC
------------------------ */
@media screen and (min-width:480px) {
.pc-only{
	display:block;
}
.sp-only{
	display:none;
}
a.detail-btn{
	display:block;
	margin:15px auto 0 auto;
	padding:15px 10px 15px 40px;
	width:170px;
}
/* ------------------------
 PC main_image
------------------------ */
#wrapper{
	margin:0 auto 100px;
	width:1060px;
}
#collabo,
#days14{
	float:left;
	width:50%;
	margin:0;
}
#collabo #ihana_special{
	position:absolute;
	top:300px;
	right:-70px;
	width:140px;
	z-index:99999;
}
#text_collabo,
#text_14days{
	margin:15px 0 0;
	text-align:center;
	height:120px;
	line-height:180%;
}

/* ------------------------
 ihana
------------------------ */
a.btn_ihana_list{
	display:block;
	margin:100px auto;
	width:400px;
	font-size:16px;
	padding:15px;
	text-decoration:none;
}

}