#loader-bg{
	position:fixed;
	background:#000;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:100000;
}
#loading{
	position:absolute;
	background:#000 url(../img/open_logo.png)center center no-repeat;
	width:100%;
	/*max-width:600px;*/
	height:100%;
	margin:auto;
	left:0;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-animation:loader 2.5s forwards;
	animation:loader 2.5s forwards;
}

@keyframes loader{0%{opacity:0}40%{opacity:1}40%{opacity:1}60%{opacity:1}100%{opacity:0}}
@-webkit-keyframes loader{0%{opacity:0}40%{opacity:1}60%{opacity:1}100%{opacity:0}}

@media screen and (max-width:1000px){
	#loading{
		background-size:80%;
	}
}
/*-------------------------------------
■ content
-------------------------------------*/
.top_main{
	position:relative;
	height:700px;
	margin-bottom:45px;
	background:#000;
	border-bottom:1px solid #644600;
}


/* Slider */
.swiper-container,
.swiper-container ul,
.swiper-container ul li{
	height:100%;
}
.swiper-container ul li{
	text-align:center;
	background:#000;
}
.swiper-container ul li div{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.swiper-container ul li img{
	max-height:700px;
	max-width:none;
}



.top_main h2{
	font-family:"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	display:block;
	font-size:42px;
	line-height:1.8;
	font-weight:bold;
	position:absolute;
	transform:translate(-50%,-50%);
	top:50%;
	left:50%;
	color:#fcf2d3;
	text-shadow:0 0 10px rgb(0,0,0,1);
	text-align:center;
	word-break:keep-all;
	z-index:100;
}
.top_main h2 span{
	line-height:2.5;
	display:block;
	font-size:26px;
	font-weight:bold;
}
.top_main h2 span br{
	display:none;
}

.top_main_banner{
	margin:0 auto 30px;
	max-width:1000px;
}

.top_banner a{
	transition:opacity .3s;
}
.top_banner a:hover{
	opacity:.85;
}

.top_cast{
	margin-bottom:30px;
}


/* ■ left
-------------------------------------*/
.tc_l{
	float:left;
	width:740px;
}

.top_banner{
	margin-bottom:30px;
}


/* ■ right
-------------------------------------*/
.tc_r{
	float:right;
	width:240px;
}

/* SNS */
.top_twitter{
	background:#fff;
}






@media screen and (max-width:767px){
	.tc_l,
	.tc_r{
		float:none;
		width:100%;
	}
/*-------------------------------------
■ content
-------------------------------------*/
	.top_main{
		margin-bottom:25px;
		height:340px;
	}


	.swiper-container ul li div,
	.swiper-container ul li img{
		width:100%;
	}
	.swiper-container ul li img{
		opacity:0;
	}

	.swiper-container ul li:nth-child(1),
	.swiper-container ul li:nth-child(4){
		/*background:url(../img/top_main3.jpg) no-repeat center top;*/
		background:url(../img/top_main.jpg) no-repeat center top;
		background-size:cover;
	}
	.swiper-container ul li:nth-child(2),
	.swiper-container ul li:nth-child(5){
		background:url(../img/top_main.jpg) no-repeat center top;
		background-size:cover;
	}
	.swiper-container ul li:nth-child(3),
	.swiper-container ul li:nth-child(6){
		/*background:url(../img/top_main2.jpg) no-repeat center top;*/
		background:url(../img/top_main.jpg) no-repeat center top;
		background-size:cover;
	}



	.top_main h2{
		font-size:5.1vw;
	}
	.top_main h2 span{
		line-height:1.5;
		font-size:4.5vw;
	}
	.top_main h2 span br{
		display:inline;
	}

	.top_main_banner{
		width:90%;
		margin-bottom:20px;
	}

/* ■ left
-------------------------------------*/
	.top_banner{
		margin-left:auto;
		margin-right:auto;
		width:90%;
	}


/* ■ right
-------------------------------------*/
	.sp_sns_w{
		width:84%;
		margin:30px auto 0;
	}


}