@charset "UTF-8";

body {
	background: url(../images/bg_all.gif) repeat-x #000;
	color: #333;
}
a {
	outline: none;
}
li img {
	vertical-align: bottom;
}

/* main
-------------------------------------------*/
#all {
	background: url(../images/bg_shadow.png) no-repeat;
	width: 998px;
	margin: 0 auto;
}
#main {
	width: 960px;
	margin: 0 19px;
	background-color: #000;
	overflow: hidden;
	_zoom: 1;
}

/* left
-------------------------------------------*/
#leftContents {
	width: 240px;
	float: left;
	color: #ccc;
}
#leftContents h1 {
	margin: 10px 0 15px 0;
	text-align: center;
}
ul#leftNav {
	padding-left: 20px;
	margin-bottom: 40px;
}
#leftNav li {
	margin-top: 15px;
}
#leftNav li ul {
	margin-bottom: 0;
	padding-left: 20px;
}
#leftNav li ul li {
	margin-top: 10px;
}
#areaTwitter {
	margin-bottom: 20px;
}
#twtr-widget-1 {
	background: url(../images/bg_twitter.gif) no-repeat !important;
	padding: 10px;
}
.twtr-hd {
	display: none;
}
#areaLinks {
	padding: 20px;
	font-size: 85%;
	line-height: 1.4;
}
#areaLinks h2 {
	margin: -20px -20px 20px -20px;
}
#areaLinks p {
	margin-bottom: 5px;
}
#areaLinks ul {
	padding-top: 10px;
}
#areaLinks li {
	margin-top: 10px;
}

/* right
-------------------------------------------*/
#rightContents {
	float: right;
	width: 720px;
	position: relative;
	background-color: #fff;
}
#rightContents a {
	color: #fff;
	text-decoration: underline;
}
#rightContents a:hover {
	text-decoration: none;
}

.areaTopimg { /* 5pb */
	background: url(../images/img_top.jpg) no-repeat top left;
	height: 800px;
	position: relative;
}

.areaTopimg .playpv {
	float: left;
	padding: 5px 0 0 20px;
}

.areaTopimg .youtubebtn {/* ysinc */
	position: absolute;
	bottom: 20px;
	left: 20px;
	cursor: pointer;
	transition: .3s;
}

.areaTopimg .youtubebtn:hover {
	opacity: .6;
}

.areaTopimg .youtubebtn .inner {/* ysinc */
	width: 170px;
	height: 97px;
	position: relative;
	overflow: hidden;
}

.areaTopimg .youtubebtn .inner::after {/* ysinc */
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	background-color: rgba(0, 0, 0, .7);
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMSAyNCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fS5jbHMtMntmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT7jgqLjg7zjg4jjg5zjg7zjg4kgMjwvdGl0bGU+PGcgaWQ9ImxldHRlciI+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjIwLjU3IDEyLjA3IDAuNTcgMC41NyAwLjU3IDIzLjU3IDIwLjU3IDEyLjA3Ii8+PHJlY3QgY2xhc3M9ImNscy0yIiB3aWR0aD0iMjEiIGhlaWdodD0iMjQiLz48L2c+PC9zdmc+);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 11%;
}

.areaTopimg .youtubebtn .inner>img {/* ysinc */
	width: 110%;
	height: auto;
	position: absolute;
	bottom: 50%;
	right: 50%;
	transform: translate(50%, 50%)
}

.areaTopimg .gekijouban {
	float: left;
	padding: 25px 0 0 10px;
}

.areaTopimg .bddvd {
	padding: 320px 0 0 270px;
}

.areaTopimg .fifth {
	padding: 160px 0 0 20px;
}

.areaTopimg .wlttt {
	padding: 220px 0 0 20px;
}

.areaTopimg .mailmagazine {
	padding: 0 0 0 400px;
}


#areaNews {
	background: url(../images/bg_news.gif) repeat-x #404040;
	padding: 3px 20px 100px 20px;
	color: #fff;
	line-height: 1.5;
	overflow: hidden;
	_zoom: 1;
}
#areaNews h2 {
	border-bottom: 1px solid #ff0000;
	margin-bottom: 10px;
}
#areaNews h2 img {
	margin-left: -10px;
}
#areaNews ul {
	height: 90px;
	overflow-y: scroll;
}
#areaNews ul li {
	margin-bottom: 15px;
}
#areaNews .fltL, #areaNews .fltR {
	width: 325px;
}
.bg2nd {
	background: url(../images/bg_right.jpg) no-repeat;
}
.contents {
}

.l_modal {/* ysinc */
	width: 100vw;
	height: 100vh;
	display: table;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .9);
	z-index: 9999;
	transition: .5s;
}

.l_modal:not(.is_show) {/* ysinc */
	opacity: 0;
	pointer-events: none;
}

.modal {/* ysinc */
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}

.modal .modal_inner {/* ysinc */
	width: 624px;
	height: 351px;
	margin: auto;
	position: relative;
}

.modal .modal_inner .modal_inner_close {/* ysinc */
	position: absolute;
	width: 30px;
	height: 30px;
	left: calc(100% + 15px);
	bottom: calc(100% + 15px);
}

.closebtn {/* ysinc */
	width: 100%;
	height: 100%;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAyNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fS5jbHMtMntmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT7jgqLjg7zjg4jjg5zjg7zjg4kgMzwvdGl0bGU+PGcgaWQ9IuODrOOCpOODpOODvF8zIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAzIj48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMjUgMS43MiAyNC4yOCAxIDEzIDEyLjI4IDEuNzIgMSAxIDEuNzIgMTIuMjggMTMgMSAyNC4yOCAxLjcyIDI1IDEzIDEzLjcyIDI0LjI4IDI1IDI1IDI0LjI4IDEzLjcyIDEzIDI1IDEuNzIiLz48cmVjdCBjbGFzcz0iY2xzLTIiIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIvPjwvZz48L3N2Zz4=);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: .3s;
	cursor: pointer;
}

.closebtn:hover {/* ysinc */
	animation: flash .5s linear 0s 1 forwards;
}

@keyframes flash {/* ysinc */
	0% {
		opacity: .1
	}
	30% {
		opacity: 1
	}
	70% {
		opacity: .1
	}
	100% {
		opacity: .7
	}
}

/* footer
-------------------------------------------*/
#footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 70px;
	background: url(../images/bg_footer.png) repeat-x;
	_zoom: 1;
	z-index: 10;
}
#footer p {
	padding: 20px 20px 0 0;
	text-align: right;
	font-size: 77%;
	color: #969696;
	line-height: 1.4;
}

/* class
-------------------------------------------*/
.fltR {float: right;}
.fltL {float: left;}
.png {}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */