@charset "UTF-8";

/* 山崎倶楽部
-------------------------------------------------- */

#yamazakiContents #contentsKeyvisual{
	background:url(../img/yamazaki_club/bg_main.jpg) no-repeat center top;
	width:100%;
	height:240px;
	padding:300px 0 0 0;
	text-align:center;
	opacity: 0;
}

.contentsKeyvisual__header {
	opacity: 0;
	-webkit-transition-duration: 1.4s;
	transition-duration: 1.4s;
	-webkit-transition-property: opacity, top;
	transition-property: opacity, top;
}
.contentsKeyvisual__header.is-show {
	opacity: 1;
}

#yamazakiContents .contentsKeyvisual__title{
	margin-bottom:10px;
	font-size:38px;
	letter-spacing: 7px;
	line-height:2.0;
}

#yamazakiContents .contentsKeyvisual__txt{
	line-height:2.2;
	margin-bottom:10px;
}

#yamazakiContents .registArea1{
	background:#1B1C1B;
	padding:30px 0;
	text-align:center;
}

#yamazakiContents .registArea1 a{
	background: url(../img/yamazaki_club/bnr_regist.png) no-repeat left top;
	width: 400px;
	height:56px;
	margin:0 auto;
	display:block;
	overflow:hidden;
	text-indent:-99em;
}

#yamazakiContents .registArea1 a:hover{
	background-position:left bottom;
}

#yamazakiContents .yamazakiClub{
	text-align:center;
	background: url(../img/yamazaki_club/bg_contents.jpg) no-repeat center 0px;
	background-size:100%;
	padding:80px 0 0 0;
	position: relative;
}

#yamazakiContents .yamazakiClub:after{
    position: absolute;
    left: 0px;
    bottom: 0px;
    content: '';
    width: 100%;
    background: url(../img/common/bokashi.png) repeat left top;
    height: 163px;
    z-index: 1;
}

#yamazakiContents .yamazakiClub .yamazakiClub__title{
	letter-spacing: 3px;
	font-size:22px;
	margin-bottom:10px;
	text-align:center;
	line-height:2.0;
}

#yamazakiContents .yamazakiClub .lead{
	line-height:2.3;
	margin-bottom:35px;
}

#yamazakiContents .yamazakiClub ul{
	overflow:hidden;
	margin-left:-20px;
}

#yamazakiContents .yamazakiClub ul li{
	float:left;
	margin-left:20px;
}

#yamazakiContents .yamazakiClub #interview{
	background:url() no-repeat center top;
	width:870px;
	margin:0 auto 80px auto;
}

#yamazakiContents .yamazakiClub #interview ul li{width:275px;}

#yamazakiContents .yamazakiClub #present{
	background:url() no-repeat center top;
	width:870px;
	margin:0 auto 80px auto;
}

#yamazakiContents .yamazakiClub #present ul li{width:420px;}

#yamazakiContents .yamazakiClub #event{
	background:url() no-repeat center top;
	width:870px;
	margin:0 auto 80px auto;
}

#yamazakiContents .yamazakiClub #event ul li{width:420px;}

#yamazakiContents .yamazakiClub #letter{
	background:url() no-repeat center top;
	width:870px;
	margin:0 auto 80px auto;
}

#yamazakiContents .yamazakiClub #letter ul li{width:200px;}

#yamazakiContents .yamazakiClub #secretStory{
	background:url() no-repeat center top;
	width:870px;
	margin:0 auto 100px auto;
}

#yamazakiContents .yamazakiClub #secretStory ul li{width:420px;}

#yamazakiContents .registArea2{
	text-align:center;
	position: relative;
	z-index: 100;
}

#yamazakiContents .registArea2 a{
	background: url(../img/yamazaki_club/bnr_regist.png) no-repeat left top;
	width: 400px;
	height:56px;
	margin:0 auto;
	display:block;
	overflow:hidden;
	text-indent:-99em;
}

#yamazakiContents .registArea2 a:hover{
	background-position:left bottom;
}


#yamazakiContents .yamazakiClub {
	background: none;
	overflow: hidden;
}
#yamazakiContents .yamazakiClub .yamazakiClub__bg{
	background: url(../img/yamazaki_club/bg_contents.jpg) no-repeat center 0px;
    background-size: 100%;
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;

}
#yamazakiContents .yamazakiClub .yamazakiClub__inner {
	position: relative;
}

@media screen and (max-width: 768px){

	#yamazakiContents #contentsKeyvisual{
		background:url(../img/yamazaki_club/bg_main_sp.jpg) no-repeat center top;
		background-size:100%;
		height:auto;
		padding:50% 0 10px 0;
	}

	#yamazakiContents .contentsKeyvisual__title{
		margin-bottom:10px;
		font-size:25px;
		letter-spacing: 3px;
	}

	#yamazakiContents .contentsKeyvisual__txt{
		line-height:1.8;
		font-size:13px;
		margin:0 6% 10px;
		text-align:left;

	}

	#yamazakiContents .registArea1{
		padding:20px;
		text-align:center;
	}

	#yamazakiContents .registArea1 a,
	#yamazakiContents .registArea2 a{
		background: url(../img/yamazaki_club/bnr_regist_sp.png) no-repeat left top;
		background-size:270px;
		width: 270px;
		height:58px;
	}

	#yamazakiContents .yamazakiClub{
		text-align:center;
		background: url(../img/yamazaki_club/bg_contents_sp.jpg) no-repeat left -50px;
		background-size:100%;
		padding:30px 6% 0;
	}

	#yamazakiContents .yamazakiClub .yamazakiClub__title{
		letter-spacing: 1px;
		font-size:18px;
		margin-bottom:10px;
		text-align:center;
		line-height:1.5;
	}

	#yamazakiContents .yamazakiClub .yamazakiClub__title span{display:block;}

	#yamazakiContents .yamazakiClub .lead{
		line-height:1.7;
		margin-bottom:20px;
		text-align:left;
	}

	#yamazakiContents .yamazakiClub .lead br{display:none;}

	#yamazakiContents .yamazakiClub ul{
		overflow:hidden;
		margin-left:0;
	}

	#yamazakiContents .yamazakiClub ul li{
		float:left;
		width:auto;
		margin-left:2%;
	}

	#yamazakiContents .yamazakiClub ul li img{width:100%;}

	#yamazakiContents .yamazakiClub #interview{
		width:100%;
		margin:0 auto 40px auto;
	}

	#yamazakiContents .yamazakiClub #interview ul li{width:30%;}

	#yamazakiContents .yamazakiClub #present{
		width:100%;
		margin:0 auto 40px auto;
	}

	#yamazakiContents .yamazakiClub #present ul li{width:47%;}

	#yamazakiContents .yamazakiClub #event{
		width:100%;
		margin:0 auto 40px auto;
	}

	#yamazakiContents .yamazakiClub #event ul li{width:47%;}

	#yamazakiContents .yamazakiClub #letter{
		width:100%;
		margin:0 auto 40px auto;
	}

	#yamazakiContents .yamazakiClub #letter ul li{width:22.5%;}

	#yamazakiContents .yamazakiClub #secretStory{
		width:100%;
		margin:0 auto 50px auto;
	}

	#yamazakiContents .yamazakiClub #secretStory ul li{width:47%;}
	#yamazakiContents .registArea2{margin-bottom:35px;}

	#yamazakiContents .yamazakiClub .yamazakiClub__bg{
	    text-align: center;
	    background: url(../img/yamazaki_club/bg_contents_sp.jpg) no-repeat left -50px;
	    background-size: 100%;
	}
	.section__spFade {
		-webkit-transition-duration: 1.4s;
		transition-duration: 1.4s;
		-webkit-transition-property: opacity, top;
		transition-property: opacity, top;
		opacity: 0;
		position: relative;
		top:20px;
	}
	.section__spFade.is-show {
		opacity: 1;
		top:0px;
	}

}