@charset "utf-8";

/*--------------------------------------------------------------------------------*/
#main_v {
	position:relative;
	height:640px;
	width:100%;
	overflow:hidden;
}
#main_v .t{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:5px;
	background:#000;
	z-index:980;
}
#main_v .b{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:5px;
	background:#000;
	z-index:980;
}
#main_v .l{
	position:absolute;
	top:0;
	left:0;
	width:5px;
	height:100%;
	background:#000;
	z-index:980;
}
#main_v .r{
	position:absolute;
	top:0;
	right:0;
	width:5px;
	height:100%;
	background:#000;
	z-index:980;
}
#main_v .bg{
	position:absolute;
	top:0;
	left:-100%;
	width:100%;
	height:640px;
	background:#eeeeee;
	z-index:700;
}
#main_v .base{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:640px;
	background:url(../img/category_top/kv_bg_pc.png) top center no-repeat;
	z-index:701;
}
#main_v .stage{
	position:absolute;
	top:0;
	left:50%;
	width:1400px;
	height:640px;
	margin-left:-700px;
	overflow:hidden;
	z-index:750;
}
#main_v .stage .txt0,
#main_v .stage .txt1,
#main_v .stage .txt2,
#main_v .stage .txt3,
#main_v .stage .txt4{
	position:absolute;
	top:0;
	left:-100%;
}
#main_v .stage .txt0{
	top:0;
	background-color: #EEE;
}
#main_v .stage .txt1{
	top:70px;
}
#main_v .stage .txt2{
	top:170px;
}
#main_v .stage .txt3{
	top:-5px;
}
#main_v .stage .txt4{
	top:540px;
}
#main_v .m{
	position:absolute;
	top:640px;
	left:20%;
	width:1190px;
	margin-left:-440px;
	z-index:810;
}
@media screen and (max-width:750px) {
#main_v {
	position:relative;
	height:auto;
	min-width:320px;
	width:100%;
	overflow:hidden;
}
#main_v .t{
	display:none;
}
#main_v .b{
	display:none;
}
#main_v .l{
	display:none;
}
#main_v .r{
	display:none;
}
#main_v .bg{
	position:absolute;
	top:0;
	left:-100%;
	width:100%;
	height:auto;
	background:#eeeeee;
	z-index:700;
}
#main_v .base{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	background:url(../img/category_top/kv_bg_sp.png) top center no-repeat;
	background-size:100% auto;
	z-index:701;
}
#main_v .stage{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:auto;
	margin-left:0;
	overflow:hidden;
	z-index:750;
}
#main_v .stage .txt0,
#main_v .stage .txt1,
#main_v .stage .txt2,
#main_v .stage .txt3,
#main_v .stage .txt4{
	position:absolute;
	width:100%;
	top:0;
	left:-100%;
}
#main_v .m{
	position:absolute;
	top:200px;
	left:20%;
	width:100%;
	margin-left:-50%;
	z-index:810;
}
#main_v ul{
	position:relative;
	bottom:0;
	left:0;
	width:100%;
	margin-left:0;
	zoom:1;
	overflow:hidden;
	z-index:860;
	background:#000000;
	}
#main_v ul li{
	opacity:0;
	float:left;
	width:33.33333%;
	background:#000000;
}
#main_v ul li img{
	width:100%;
	height:auto;
}
}
/*--------------------------------------------------------------------------------*/
/*COTENTS*/
/*--------------------------------------------------------------------------------*/
#news{
	width:100%;
	margin:0 auto;
	background:#000000;
	padding:30px 0 40px;
	text-align:center;
}
#news dl{
	width:1200px;
	margin:0 auto;
	position:relative;
	display:table;
}

#news dt{
	display:table-cell;
	width:100px;
	margin:0;
	color:#fff;
	font-family: "bleagueFont";
letter-spacing: 0.2em;
text-align:left;
	font-size:24px;
	line-height:28px;
	font-weight:400;
	vertical-align:middle;
	border-right:#fff 2px solid;
}

#news dd{
	display:table-cell;
	width:1100px;
	margin:0;
	text-align:left;
	vertical-align:top;
}

#news dd ul{
	position:relative;
	display:table;
	margin:0 0 10px 30px;
}
#news dd ul .date{
	display:table-cell;
	width:80px;
	font-family: "bleagueFont";
letter-spacing: 0.2em;
text-align:left;
	font-size:13px;
	line-height:19px;
	vertical-align:top;
	color:#bababa;
	white-space:nowrap;
}
#news dd ul .category{
	display:table-cell;
	padding:0 20px 0 0;
	text-align:left;
	vertical-align:top;
	white-space:nowrap;
}
#news dd ul .category span{
	display:block;
	padding:3px 5px;
	font-family: "bleagueFont";
letter-spacing: 0.2em;
text-align:left;
	font-size:13px;
	line-height:13px;
	color:#ffffff;
	background:#4a575f;
}
#news dd ul .text{
	display:table-cell;
	text-align:left;
	font-size:13px;
	line-height:19px;
	vertical-align:top;
	color:#bababa;
}
#news .more{
	display:none;
	}
#news .btn_more{
	display:inline-block;
	margin:20px auto 0;
	border:#fff 4px solid;
	padding:15px 100px;
	font-family: "bleagueFont";
letter-spacing: 0.2em;
text-align:center;
	font-size:14px;
	line-height:15px;
	color:#fff;
	background:url(../img/arrow.png) center right no-repeat;
	background-size:35px auto;
	cursor:pointer;
		transform: translate3d(0, 0, 0);
	-webkit-transition: .4s ease-out;
	-moz-transition: .4s ease-out;
	-o-transition: .4s ease-out;
	transition: .4s ease-out;
	}
#news .more_close{
	background:url(../img/arrow_close.png) center right no-repeat;
	background-size:35px auto;	
}
#news .btn_more:hover{
	opacity:0.6;
}
@media screen and (max-width:750px) {
#news{
	width:100%;
	margin:0 auto;
	background:#000000;
	padding:30px 0 50px;
	text-align:center;
}
#news dl{
	width:100%;
	margin:0 auto;
	position:relative;
	display:block;
}

#news dt{
	display:block;
	width:90%;
	margin:0 auto;
	color:#fff;
	font-family: "bleagueFont";
letter-spacing: 0.2em;
text-align:center;
	font-size:34px;
	line-height:34px;
	font-weight:400;
	vertical-align:middle;
	border-right:none;
}

#news dd{
	display:block;
	width:90%;
	margin:0 auto 0;
	text-align:left;
	vertical-align:top;
}

#news dd ul{
	position:relative;
	display:block;
	margin:30px 0 0 0;
	zoom:1;
	overflow:hidden;
}
#news dd ul .date{
	float:left;
	display:block;
	width:auto;
	font-family: "bleagueFont";
letter-spacing: 0.2em;
text-align:left;
	font-size:12px;
	line-height:17px;
	vertical-align:top;
	color:#bababa;
}
#news dd ul .category{
	float:left;
	display:block;
	padding:0 0 0 10px;
	text-align:left;
	vertical-align:top;
}
#news dd ul .category span{
	display:block;
	padding:2px 5px;
	font-family: "bleagueFont";
letter-spacing: 0.2em;
text-align:left;
	font-size:12px;
	line-height:12px;
	color:#ffffff;
	background:#4a575f;
}
#news dd ul .text{
	float:none;
	clear:both;
	display:block;
	text-align:left;
	font-size:12px;
	line-height:17px;
	vertical-align:top;
	color:#bababa;
	padding:5px 0 0;
}
#news .more{
	display:none;
	}
#news .btn_more{
	display:inline-block;
	margin:30px auto 0;
	width:90%;
	border:#fff 4px solid;
	padding:15px 100px;
	font-family: "bleagueFont";
letter-spacing: 0.2em;
text-align:center;
	font-size:17px;
	line-height:17px;
	color:#fff;
	background:url(../img/arrow.png) center right no-repeat;
	background-size:35px auto;
	cursor:pointer;
	}
#news .more_close{
	background:url(../img/arrow_close.png) center right no-repeat;
	background-size:35px auto;	
}
}
section h2{
	font-family: "bleagueFont";
letter-spacing: 0.2em;
text-align:center;
	font-size:40px;
	line-height:41px;
	color:#fff;
	font-weight:normal;
}
section .sub_ttl{
	margin-top:15px;
	text-align:center;
	font-size:14px;
	line-height:15px;
	color:#fff;	
}
@media screen and (max-width:750px) {
section h2{
	font-family: "bleagueFont";
letter-spacing: 0.2em;
text-align:center;
	font-size:34px;
	line-height:35px;
	color:#fff;
	font-weight:normal;
}
section .sub_ttl{
	margin-top:10px;
	text-align:center;
	font-size:13px;
	line-height:14px;
	color:#fff;	
}
}
#earlycup{
	width:100%;
	margin:0;
	padding:65px 0 80px;
	text-align:center;
	background:#1d1d1d;
	}
#earlycup>div{
	width:1200px;
	margin:0 auto;
	position:relative;
}
#earlycup h2,
#earlycup .sub_ttl{
	color:#fff;	
}
#earlycup ul{
	zoom:1;
	overflow:hidden;
}
#earlycup ul li{
	float:left;
	width:370px;
	margin:55px 45px 0 0;
}
#earlycup ul li:nth-child(3n),
#earlycup ul li:nth-child(3),
#earlycup ul li:nth-child(6),
#earlycup ul li:nth-child(9){
	margin:55px 0 0 0;
}

#earlycup ul li img{
	width:100%;
	height:auto;
}
#earlycup dl{
	zoom:1;
	overflow:hidden;
}
#earlycup dt{
	float:left;
	padding:25px 0 0 0;
	font-family: "bleagueFont";
letter-spacing: 0.2em;
text-align:left;
	font-size:26px;
	line-height:26px;
	color:#fff;
	font-weight:normal;
}
#earlycup dd{
	float:left;
	padding:25px 0 0 0;
	text-align:left;
	font-size:14px;
	line-height:14px;
	color:#fff;
	font-weight:normal;
}

@media screen and (max-width:750px) {
#earlycup{
	width:100%;
	margin:0;
	padding:30px 0 50px;
	text-align:center;
	background:#1d1d1d;
	}
#earlycup>div{
	width:100%;
	margin:0 auto;
	position:relative;
}
#earlycup ul{
	width:90%;
	margin:0 auto;
	zoom:1;
	overflow:hidden;
}
#earlycup ul li{
	float:left;
	width:47%;
	margin:30px 6% 0 0;
}
#earlycup ul li:nth-child(3n),
#earlycup ul li:nth-child(3),
#earlycup ul li:nth-child(6),
#earlycup ul li:nth-child(9){
	margin:30px 6% 0 0;
}
#earlycup ul li:nth-child(even){
	margin:30px 0 0 0;
}

#earlycup ul li img{
	width:100%;
	height:auto;
}
#earlycup dl{
	zoom:1;
	overflow:hidden;
}
#earlycup dt{
	float:none;
	padding:10px 0 0 0;
	font-family: "bleagueFont";
letter-spacing: 0.2em;
text-align:left;
	font-size:17px;
	line-height:17px;
	color:#fff;
	font-weight:normal;
}
#earlycup dd{
	float:none;
	padding:10px 0 0 0;
	text-align:left;
	font-size:11px;
	line-height:17px;
	color:#fff;
	font-weight:normal;
}
}

#kk_club{
	width:100%;
	margin:0;
	padding:65px 0 80px;
	text-align:center;
	background:#171717;
	}
#kk_club>div{
	width:1200px;
	margin:0 auto;
	position:relative;
}
#kk_club h2,
#kk_club .sub_ttl{
	color:#fff;	
}

#kk_club .img{
	text-align:center;
	margin:60px 0 0;
}

#kk_club .ttl{
	text-align:center;
	margin:25px 0 0;
	font-size:16px;
	line-height:24px;
	color:#c6c6c6;
	font-weight:normal;
}

#kk_club .text{
	text-align:center;
	margin:15px 0 0;
	font-size:14px;
	line-height:24px;
	color:#c6c6c6;
	font-weight:normal;
}
@media screen and (max-width:750px) {
#kk_club{
	width:100%;
	margin:0;
	padding:30px 0 50px;
	text-align:center;
	background:#171717;
	}
#kk_club>div{
	width:90%;
	margin:0 auto;
	position:relative;
}
#kk_club h2,
#kk_club .sub_ttl{
	color:#fff;	
}

#kk_club .img{
	text-align:center;
	margin:30px 0 0;
}

#kk_club .ttl{
	text-align:center;
	margin:20px 0 0;
	font-size:14px;
	line-height:20px;
	color:#c6c6c6;
	font-weight:normal;
}

#kk_club .text{
	text-align:left;
	margin:10px 0 0;
	font-size:12px;
	line-height:18px;
	color:#c6c6c6;
	font-weight:normal;
}