@charset "utf-8";

@media all and (-ms-high-contrast:none) {
	/*IE11用*/
	*::-ms-backdrop,html{
		height: 100% !important;
		overflow: auto !important;
	}
	*::-ms-backdrop,body{
		height: 100% !important;
		overflow: auto !important;
	}
}

/* = メインビジュアル
-------------------------------------------------------------- */

#mainvisual {
	position: relative;
	z-index: 2;
	background: #000;
	color: #FFF;
	overflow: hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
#mainvisual:before {
	content: '';
	display: block;
	background: rgba(0,0,0,0.2);
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
}
#mainvisual .table {
	height: 100vh;
	position: relative;
	z-index: 2;
	text-align: center;
}
#mainvisual .table h2 {
	text-align: left;
	font-size: 41px;
	font-weight: normal;
	margin: 80px 0 0;
	letter-spacing: 0.05em;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	display: inline-block;
	white-space: nowrap;
	line-height: 1.537;
	text-shadow: 0 0 3px #555,0 0 3px #555;

}
	@media screen and (max-width: 736px) {
		#mainvisual .table h2 {
			margin-top: 1rem;
		}
		#mainvisual .table h2 {
			text-align: center;
			-webkit-writing-mode: inherit;
			-ms-writing-mode: inherit;
			writing-mode: inherit;
		}
	}

/* = 背景スライド
-------------------------------------------------------------- */
#bg_video {
	height: auto;
	left: 50%;
	min-height: 100%;
	min-width: 100%;
	position: fixed;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: auto;
	z-index: -1;
	background-size: cover;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow: hidden;
}
	@supports (-ms-ime-align:auto) {
		#bg_video { position: absolute!important; } /* IE11 */
	}

	#main_slider {
		overflow: visible;
	}
	#main_slider li {
		height: 100vh;
		background-size: cover;
		background-position: center center;
	}

#after_visual {
	position: relative;
	overflow: hidden;
	z-index: 4;
	background: #FFF;
}


/* =top news ticker
-------------------------------------------------------------- */
#news_bottombox {
	bottom: 0;
	z-index: 2;
	width: 100%;
	background: rgba( 0, 0, 0, 0.5);
	padding: 10px 0;
}
#news_bottombox .inner {
	display: table;
	table-layout: fixed;
	height: 40px;
}
#news_bottombox .inner h2,
#news_bottombox .inner #slide_newsbox,
#news_bottombox .inner .btn-more {
	display: table-cell;
	vertical-align: middle;
}
#news_bottombox .inner h2 {
	width: 3.2em;
	padding-right: 15px;
	letter-spacing: 0.05em;
	font-size: 21px;
	font-weight: normal;
	border-right: 1px solid #999;
	white-space: nowrap;
}
#news_bottombox .inner #slide_newsbox {
	padding: 0 5.5rem 0 1.5rem;
	position: relative;
}
#news_slider li {
	font-size: 14px;
	display: none;
}
	#news_slider li:first-child,
	.bx-wrapper #news_slider li  {
		display: block;
	}
	
	#news_bottombox .bx-wrapper .bx-controls-direction a {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		width: 12px;
		height: 12px;
		margin: auto;
	}
	#news_bottombox .bx-wrapper .bx-controls-direction a.bx-prev {
		border-bottom: 2px solid #fff;
		border-left: 2px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		right: 30px;
	}
	#news_bottombox .bx-wrapper .bx-controls-direction a.bx-next {
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		right: 10px;
	}

#news_bottombox .inner .btn-more {
	width: 2.6em;
	text-align: right;
	font-size: 1.8rem;
	white-space: nowrap;
}

@media screen and (max-width: 736px) {
	#news_bottombox .inner {
		height: 50px;
	}
	#news_bottombox .inner h2 {
		font-size: 1.5rem;
	}
	#news_bottombox .inner .btn-more,
	#news_slider li span {
		display: none;
	}
	#news_bottombox .inner #slide_newsbox {
		padding: 0 0 0 10px;
	}
	#news_slider li h3 {
		margin: 0;
		overflow: hidden;
		font-size: 1.5rem;
		padding-right: 10px;
		white-space: nowrap;
	}
	#slide_newsbox .bx-controls {
		display: none;
	}
}