.u-box-top {
	width : 100%;
	height : 1140px;
	margin-top : 45px;
	position : relative;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-box-top {
		margin-top : 0;
		height : auto;
	}
}
.u-box-top .top-mainv {
	position : absolute;
	top : 35px;
	right : 0;
	z-index : -2;
	}
/***アンケートが終わったら戻す***
.u-box-top .top-mainv {
	position : absolute;
	top : 0;
	right : 0;
	z-index : -2;
}
***/
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-box-top .top-mainv {
		position : static;
		overflow : hidden;
		padding : 0 10px;
		box-sizing : border-box;
	}
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-box-top .top-mainv img {
		width : 100%;
		margin : 50px auto 0 auto;
		height : auto;
	}
/***アンケートが終わったら戻す***	
	.u-box-top .top-mainv img {
		width : 100%;
		margin : 0 auto;
		height : auto;
	}
***/
}
.u-box-top .top-video {
	margin-bottom : 15px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-box-top .top-video {
		position : relative;
		width : 100%;
		margin : 20px 0;
		padding : 0 15px;
		box-sizing : border-box;
	}
	.u-box-top .top-video::before {
		content : '';
		display : block;
		padding-top : 57%;
	}
}
.u-box-top .top-video .video-btn {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity : 0;
	filter : alpha(opacity=0);
	z-index : 2;
	cursor : pointer;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-box-top .top-video .video-btn {
		display : none;
	}
}
.u-box-top .top-video .video-btn.is-active {
	position : fixed;
	top : 50%;
	right : 50%;
	margin-top : -280px;
	margin-right : -385px;
	width : 50px;
	height : 50px;
	z-index : 20;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity : 1;
	filter : alpha(opacity=100);
}
.u-box-top .top-video .video-btn.is-active:before {
	position : absolute;
	top : 0;
	right : 0;
	content : '';
	width : 100%;
	height : 2px;
	background : #fff;
	-webkit-transform : rotate(45deg);
	    -ms-transform : rotate(45deg);
	        transform : rotate(45deg);
}
.u-box-top .top-video .video-btn.is-active:after {
	position : absolute;
	top : 0;
	right : 0;
	content : '';
	width : 100%;
	height : 2px;
	background : #fff;
	-webkit-transform : rotate(-45deg);
	    -ms-transform : rotate(-45deg);
	        transform : rotate(-45deg);
}
.u-box-top .top-video .video-btn.is-active:hover:before {
	-webkit-transform : rotate(135deg);
	    -ms-transform : rotate(135deg);
	        transform : rotate(135deg);
	transition : all 0.3s ease-in-out;
}
.u-box-top .top-video .video-btn.is-active:hover:after {
	-webkit-transform : rotate(45deg);
	    -ms-transform : rotate(45deg);
	        transform : rotate(45deg);
	transition : all 0.3s ease-in-out;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-box-top .top-video iframe {
		position : absolute;
		top : 0;
		left : 0;
		bottom : 0;
		right : 0;
		width : 100%;
		height : 100%;
		padding : 0 15px;
		box-sizing : border-box;
		transition : all 0.3s ease-in-out;
	}
}
.u-box-top .top-video iframe.is-active {
	position : fixed;
	top : 50%;
	left : 50%;
	margin-top : -240px;
	margin-left : -360px;
	height : 480px;
	width : 720px;
	transition : all 0.3s ease-in-out;
	z-index : 20;
}
.u-box-top .top-sideNav {
	width : 235px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-box-top .top-sideNav {
		width : auto;
		padding : 0 15px;
		box-sizing : border-box;
	}
}
.u-box-top .top-sideNav .sideNav-news {
	position : relative;
	border : 2px solid #0d1827;
	box-sizing : border-box;
}
.u-box-top .top-sideNav .sideNav-news:before {
	content : '';
	z-index : 0;
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	background : #0d1827;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	opacity : 0.85;
	filter : alpha(opacity=85);
	z-index : -1;
}
.u-box-top .top-sideNav .sideNav-news .news-inner {
	position : relative;
	border : 1px solid #635d54;
	box-sizing : border-box;
	z-index : 1;
}
.u-box-top .top-sideNav .sideNav-news .news-inner .news-ttl {
	*zoom : 1;
	padding : 8px 5px;
	border-bottom : 1px solid #635d54;
	box-sizing : border-box;
}
.u-box-top .top-sideNav .sideNav-news .news-inner .news-ttl:after {
	content : ' ';
	display : table;
	clear : both;
}
.u-box-top .top-sideNav .sideNav-news .news-inner .news-ttl h3 {
	float : left;
	padding-top : 3px;
	padding-left : 12px;
	line-height : 1;
}
.u-box-top .top-sideNav .sideNav-news .news-inner .news-ttl h3 img {
	width : 52px;
	height : auto;
}
.u-box-top .top-sideNav .sideNav-news .news-inner .news-ttl span {
	float : right;
}
.u-box-top .top-sideNav .sideNav-news .news-inner .news-ttl span img {
	width : 50px;
	height : auto;
}
.u-box-top .top-sideNav .sideNav-news .news-inner .news-content {
	max-height : 232px;
	padding : 15px 5px 15px 17px;
	box-sizing : border-box;
	overflow-y : scroll;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-box-top .top-sideNav .sideNav-news .news-inner .news-content {
		margin-height : 230px;
	}
}
.u-box-top .top-sideNav .sideNav-news .news-inner .news-content .content-list > li {
	margin-top : 15px;
}
.u-box-top .top-sideNav .sideNav-news .news-inner .news-content .content-list > li:first-child {
	margin-top : 0;
}
.u-box-top .top-sideNav .sideNav-news .news-inner .news-content .content-list > li a, .u-box-top .top-sideNav .sideNav-news .news-inner .news-content .content-list > li span {
	display : block;
	font-size : 92%;
}
.u-box-top .top-sideNav .sideNav-news .news-inner .news-content .content-list > li span {
	color : #fff;
}
.u-box-top .top-sideNav .sideNav-twitter {
	margin-top : 20px;
}
.u-box-top .top-sideNav .sideNav-bnr {
	margin-top : 10px;
}
.u-box-top .top-sideNav .sideNav-bnr > li {
	display : block;
	margin-top : 19px;
}
.u-box-top .top-sideNav .sideNav-bnr > li:hover {
	text-decoration : none;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity : 0.7;
	filter : alpha(opacity=70);
	transition : all 0.3s ease-out;
}
.u-box-top .top-sideNav .sideNav-bnr > li:first-child {
	margin-top : 0;
}
.u-box-top .top-sideNav .sideNav-bnr > li img {
	width : 100%;
	height : auto;
}

#l-content {
	margin-top : 0;
	margin-bottom : 0;
}

.footer-top {
	margin-top : -47px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.footer-top {
		margin-top : 0;
	}
}
.footer-top .footer-inner {
	position : relative;
}
.footer-top .top-sns {
	position : absolute;
	top : 15px;
	left : 0;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.footer-top .top-sns {
		position : static;
		top : auto;
		left : auto;
	}
}

.u-jack {
	position : fixed;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	z-index : 15;
	display : none;
}
.u-jack .jack-overlay {
	position : fixed;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	background : #000;
	opacity : 0.75;
	filter : alpha(opacity=75);
	z-index : 10;
}
.u-jack .jack-video {
	position : relative;
	width : 60%;
	top : 50%;
	left : 20%;
	padding-bottom : 30%;
	padding-top : 30px;
	height : 0;
	z-index : 11;
	-webkit-transform : translateY(-50%);
	    -ms-transform : translateY(-50%);
	        transform : translateY(-50%);
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-jack .jack-video {
		width : 91.2%;
		left : 4.44%;
		padding-bottom : 47%;
	}
}
.u-jack .jack-video iframe {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
}
.u-jack .jack-video .video-close {
	position : absolute;
	width : 50px;
	height : 50px;
	top : -70px;
	right : -25px;
	z-index : 2;
	cursor : pointer;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-jack .jack-video .video-close {
		top : -60px;
		right : 0;
		width : 40px;
		height : 40px;
	}
}
.u-jack .jack-video .video-close:before, .u-jack .jack-video .video-close:after {
	content : '';
	position : absolute;
	top : 25px;
	width : 100%;
	height : 2px;
	background : #fff;
}
.u-jack .jack-video .video-close:before {
	left : 0;
	-webkit-transform : rotate(45deg);
	    -ms-transform : rotate(45deg);
	        transform : rotate(45deg);
}
.u-jack .jack-video .video-close:after {
	right : 0;
	-webkit-transform : rotate(-45deg);
	    -ms-transform : rotate(-45deg);
	        transform : rotate(-45deg);
}

.fadeIn {
	-webkit-animation-name : fadeIn;
	        animation-name : fadeIn;
}

.fadeOut {
	-webkit-animation-name : fadeOut;
	        animation-name : fadeOut;
}

.spean{
	position: absolute;
	top: -30px;
	right: 12%;
}
/*.spean2 img{
	width:245px;
	height:50px;
}*/
@media screen and (min-width: 0) and (max-width: 767px) {
	.spean{
		position: relative;
	}
	.spean2{
		position: absolute;
		top: 60px;
		left: 62%;
		transform: translateY(-50%) translateX(-50%);
		-webkit- transform: translateY(-50%) translateX(-50%);
	}
	.spean2 img{
		width:245px;
		height:50px;
	}
}