@charset 'UTF-8';
#l-wrap {
	background : #000;
}

@media screen and (min-width: 0) and (max-width: 767px) {
	#l-header {
		height : 0;
	}
}

@media screen and (min-width: 0) and (max-width: 767px) {
	#l-header h1 {
		display : none;
	}
}

@media screen and (min-width: 0) and (max-width: 767px) {
	#l-header .sp-menu {
		position : fixed;
	}
}

#l-content {
	background : #000;
}
#l-content .content-inner {
	background : #000;
	min-height : calc( 100vh - 210px);
}
@media screen and (max-width: 1280px) {
	#l-content .content-inner {
		min-width : 750px;
	}
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-content .content-inner {
		min-width : 0;
		min-height : 0;
	}
}
#l-content .content-inner .content-inner2 {
	position : relative;
	padding : 0;
	width : 100%;
	min-width : 1030px;
	max-width : none;
	min-height : 0;
	background : #000;
	font-family : 'Pathway Gothic One', '游明朝', YuMincho, Meiryo, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 1280px) {
	#l-content .content-inner .content-inner2 {
		min-width : 750px;
	}
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-content .content-inner .content-inner2 {
		min-width : 0;
	}
}
#l-content .content-inner .content-inner2:before {
	content : '';
	position : absolute;
	width : 474px;
	height : 484px;
	bottom : 0;
	right : 0;
	background : url(../../images/bg_main.png);
	z-index : 1;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-content .content-inner .content-inner2:before {
		content : '';
		position : static;
		width : 0;
		height : 0;
		background : none;
	}
}

.u-top-main {
	float : left;
	padding-bottom : 150px;
	position : relative;
	width : calc(100% - 250px);
	background : #000;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-main {
		float : none;
		padding-bottom : 0;
		width : 100%;
	}
}
.u-top-main .main-image {
	position : relative;
	width : 100%;
	max-width : 780px;
	margin : 0 auto;
}
@media screen and (max-width: 1280px) {
	.u-top-main .main-image {
		min-width : 500px;
	}
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-main .main-image {
		min-width : 0;
		padding-bottom : 20px;
	}
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-main .main-image:after {
		content : '';
		position : absolute;
		bottom : 0;
		right : 0;
		width : 112px;
		height : 115px;
		background : url(../../images/bg_main_sp.png);
		background-size : 112px;
		z-index : 1;
	}
}
.u-top-main .main-image .image-catch-pc {
	position : absolute;
	display : block;
	top : 94%;
	right : 0;
	left : 0;
	margin-left : 10%;
	width : 80%;
	max-width : 398px;
	z-index : 2;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-main .main-image .image-catch-pc {
		display : none;
	}
}
.u-top-main .main-image .image-catch-sp {
	display : none;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-main .main-image .image-catch-sp {
		position : relative;
		display : block;
		padding : 20px 0;
		margin : -10% auto 0;
		width : 90%;
		max-width : 100%;
		z-index : 2;
	}
}
.u-top-main .main-image img {
	width : 100%;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-main .main-image img {
		max-width : none;
	}
}

.u-top-info {
	float : right;
	position : absolute;
	right : 0;
	width : 250px;
	height : 100%;
	z-index : 2;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-info {
		float : none;
		position : static;
		padding : 0 15px;
		margin-top : 20px;
		box-sizing : border-box;
		width : 100%;
	}
}
.u-top-info .info-wrap {
	position : relative;
}
.u-top-info .info-inner {
	position : relative;
	top : 0;
	right : 0;
	height : 100%;
}
.u-top-info .info-news {
	position : absolute;
	width : 170px;
	top : 32px;
	right : 40px;
	z-index : 2;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-info .info-news {
		position : static;
		width : 100%;
	}
}
.u-top-info .info-news .news-inner {
	position : relative;
	z-index : 1;
}
.u-top-info .info-news .news-inner .news-ttl {
	*zoom : 1;
	padding-bottom : 15px;
	margin-bottom : 15px;
	margin-right : -40px;
	border-bottom : 1px solid #654d03;
	box-sizing : border-box;
	color : #fff;
	font-size : 187%;
}
.u-top-info .info-news .news-inner .news-ttl:after {
	content : ' ';
	display : table;
	clear : both;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-info .info-news .news-inner .news-ttl {
		margin-right : -15px;
	}
}
.u-top-info .info-news .news-inner .news-ttl h3 {
	float : left;
	padding-top : 3px;
	line-height : 1;
}
.u-top-info .info-news .news-inner .news-ttl h3 img {
	width : 52px;
	height : auto;
}
.u-top-info .info-news .news-inner .news-content {
	max-height : 170px;
	line-height : 1.25;
	box-sizing : border-box;
	overflow-y : scroll;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-info .info-news .news-inner .news-content {
		max-height : 270px;
	}
}
.u-top-info .info-news .news-inner .news-content .content-list > li {
	margin-top : 15px;
	color : #fff;
	font-size : 81%;
}
.u-top-info .info-news .news-inner .news-content .content-list > li:first-child {
	margin-top : 0;
}
.u-top-info .info-news .news-inner .news-content .content-list > li a, .u-top-info .info-news .news-inner .news-content .content-list > li span {
	display : block;
	color : #fff;
}
.u-top-info .info-news .news-inner .news-content .content-list > li span {
	color : #fff;
}
.u-top-info ::-webkit-scrollbar {
	width : 5px;
}
.u-top-info ::-webkit-scrollbar-track {
	border-radius : 10px;
	box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.5);
}
.u-top-info ::-webkit-scrollbar-thumb {
	background-color : gray;
	border-radius : 10px;
}
.u-top-info .info-video {
	position : absolute;
	width : 354px;
	height : 373px;
	top : 275px;
	right : 10px;
	z-index : 2;
	background : url(../../images/bg_video_pc.png) top left no-repeat;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-info .info-video {
		position : relative;
		top : 0;
		right : 0;
		width : 100%;
		height : 100%;
		padding-top : 100%;
		margin-top : 40px;
		background : none;
		background-size : 100%;
	}
}
.u-top-info .info-video .video-wrap {
	width : 100%;
	height : 100%;
}
.u-top-info .info-video .video-wrap .video-item {
	width : 228px;
	height : 228px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-info .info-video .video-wrap .video-item {
		width : 65%;
		height : 65%;
	}
}
.u-top-info .info-video .video-wrap .video-item#video01 {
	position : absolute;
	top : 20px;
	left : 0;
	background : url(../../images/thumb_video01_pc.png) top left no-repeat;
	background-size : 228px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-info .info-video .video-wrap .video-item#video01 {
		top : 0;
		background : url(../../images/thumb_video01_sp.png) top left no-repeat;
		background-size : 100%;
	}
}
.u-top-info .info-video .video-wrap .video-item#video02 {
	position : absolute;
	bottom : 0;
	right : 0;
	background : url(../../images/thumb_video02_pc.png) top left no-repeat;
	background-size : 228px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-info .info-video .video-wrap .video-item#video02 {
		background : url(../../images/thumb_video02_sp.png) top left no-repeat;
		background-size : 100%;
	}
}
.u-top-info .info-video .video-wrap .video-item a {
	position : relative;
	margin-top : 32px;
	margin-left : 32px;
	display : block;
	width : 164px;
	height : 164px;
	-ms-transform : rotate(45deg);
	    transform : rotate(45deg);
	font-size : 0 !important;
	background : transparent;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-info .info-video .video-wrap .video-item a {
		width : 72%;
		height : 72%;
		margin-top : 14%;
		margin-left : 14%;
	}
}
.u-top-info .info-video .video-wrap .video-item a:hover {
	background : rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-info .info-video .video-wrap .video-item a:hover {
		background : transparent;
	}
}
.u-top-info .info-video .video-wrap .video-item a .video-btn-pc {
	display : block;
	position : absolute;
	top : 0;
	bottom : 0;
	right : 0;
	left : 0;
	margin : auto;
	width : 58px;
	height : 59px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-info .info-video .video-wrap .video-item a .video-btn-pc {
		display : none;
	}
}
.u-top-info .info-video .video-wrap .video-item a .video-btn-pc img {
	-ms-transform : rotate(-45deg) !important;
	    transform : rotate(-45deg) !important;
}
.u-top-info .info-video .video-wrap .video-item a .video-btn-pc img:hover {
	cursor : pointer;
}
.u-top-info .info-video .video-wrap .video-item a .video-btn-sp {
	display : none;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-info .info-video .video-wrap .video-item a .video-btn-sp {
		display : block;
		position : absolute;
		top : 0;
		bottom : 0;
		right : 0;
		left : 0;
		margin : auto;
		width : 30%;
		height : 30%;
		max-width : 58px;
		max-height : 59px;
	}
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-info .info-video .video-wrap .video-item a .video-btn-sp img {
		-ms-transform : rotate(-45deg) !important;
		    transform : rotate(-45deg) !important;
	}
}
.u-top-info .info-movie {
	position : absolute;
	width : 296px;
	height : 248px;
	top : 275px;
	right : 68px;
	z-index : 2;
	background : url(../../images/bg_movie_pc.png) top left no-repeat;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-info .info-movie {
		position : static;
		width : 100%;
		height : 78.9%;
		padding-top : 78.9%;
		margin-top : 40px;
		background : url(../../images/bg_movie_sp.png) top left no-repeat;
		background-size : 100%;
	}
}
.u-top-info .info-movie .movie-wrap {
	position : relative;
	height : 100%;
	width : 227px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-info .info-movie .movie-wrap {
		height : auto;
		width : auto;
	}
}
.u-top-info .info-movie .movie-wrap:hover {
	cursor : pointer;
}
.u-top-info .info-movie .movie-wrap:hover:before {
	content : '';
	position : absolute;
	width : 296px;
	height : 248px;
	top : 0;
	right : -69px;
	z-index : 2;
	background : url(../../images/bg_movie_pc_on.png) top left no-repeat;
	opacity : 0.5;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
}
.u-top-info .info-movie .movie-wrap:hover img {
	position : relative;
	z-index : 5;
}
.u-top-info .info-movie .movie-item {
	display : none;
	width : 300px;
}
.u-top-info .info-movie .movie-btn-pc {
	display : inline-block;
	position : absolute;
	top : 108px;
	left : 83px;
	cursor : pointer;
	z-index : 5;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-info .info-movie .movie-btn-pc {
		display : none;
	}
}
.u-top-info .info-movie .movie-btn-sp {
	display : none;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-info .info-movie .movie-btn-sp {
		display : inline-block;
		position : absolute;
		top : 0;
		left : 30%;
		margin-top : calc(-50% + 1px);
		width : 19%;
	}
}
.u-top-info .info-movie .m-box-overlay {
	display : none;
}
.u-top-info .info-tweet {
	position : absolute;
	bottom : 40px;
	right : 40px;
	width : 170px;
	z-index : 2;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-info .info-tweet {
		position : static;
		margin-top : 20px;
		width : 100%;
	}
}
.u-top-info .info-tweet .tweet-inner {
	position : relative;
	z-index : 1;
}
.u-top-info .info-tweet .tweet-inner .tweet-ttl {
	*zoom : 1;
	padding : 8px 5px 15px 0;
	margin-bottom : 15px;
	margin-right : -40px;
	border-bottom : 1px solid #654d03;
	box-sizing : border-box;
	color : #fff;
	font-size : 187%;
}
.u-top-info .info-tweet .tweet-inner .tweet-ttl:after {
	content : ' ';
	display : table;
	clear : both;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-info .info-tweet .tweet-inner .tweet-ttl {
		margin-right : -15px;
	}
}
.u-top-info .info-tweet .tweet-inner .tweet-ttl h3 {
	float : left;
	padding-top : 3px;
	line-height : 1;
}
.u-top-info .info-tweet .tweet-inner .tweet-ttl h3 img {
	width : 52px;
	height : auto;
}
.u-top-info .info-tweet .tweet-inner .tweet-ttl .ttl-link {
	float : right;
	padding-right : 40px;
	height : 1em;
	display : inline-block;
	letter-spacing : -0.4em;
	text-align : right;
}
.u-top-info .info-tweet .tweet-inner .tweet-ttl .ttl-link a {
	color : #fff;
	font-size : 12px;
	text-decoration : none;
	font-size : 53%;
	position : relative;
	display : block;
	margin-top : 10px;
	padding-left : 19px;
	letter-spacing : normal;
}
.u-top-info .info-tweet .tweet-inner .tweet-ttl .ttl-link a:before {
	content : '';
	position : absolute;
	left : 0;
	top : 8px;
	width : 9px;
	height : 9px;
	background : url(../../images/ico_blank_wh_pc.png) center center no-repeat;
	background-size : 9px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-info .info-tweet .tweet-inner .tweet-ttl .ttl-link a:before {
		top : 6px;
	}
}
.u-top-info .info-tweet .tweet-inner .tweet-ttl .ttl-link a:hover {
	color : #b50033;
}
.u-top-info .info-tweet .tweet-inner .tweet-ttl .ttl-link a:hover:before {
	background : url(../../images/ico_blank_red_pc.png) center center no-repeat;
	background-size : 9px;
}
.u-top-info .info-tweet .tweet-inner .tweet-content {
	max-height : 170px;
	box-sizing : border-box;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-info .info-tweet .tweet-inner .tweet-content {
		height : 270px;
		max-height : none;
	}
}
.u-top-info .info-tweet .tweet-inner .twitter-timeline {
	min-width : 170px !important;
	max-width : 170px !important;
	min-height : 170px !important;
	max-height : 170px !important;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-info .info-tweet .tweet-inner .twitter-timeline {
		min-width : 100% !important;
		max-width : 100% !important;
		min-height : 270px !important;
		max-height : 270px !important;
	}
}

#l-footer {
	width : auto;
	min-width : 750px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	#l-footer {
		margin-top : 60px;
		min-width : 0;
	}
}
#l-footer .footer-link {
	border-top : none;
}

.u-top-main .main-image .image-catch-pc_0401, .u-top-main .main-image .image-catch-sp_0401 {
	display : none;
}

.u-top-info .info-video .video-wrap .video-item#video01_0401 {
	position : absolute;
	top : 20px;
	left : 0;
	background : url(../../images/thumb_video01_pc_0401.png) top left no-repeat;
	background-size : 228px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-info .info-video .video-wrap .video-item#video01_0401 {
		top : 0;
		background : url(../../images/thumb_video01_sp_0401.png) top left no-repeat;
		background-size : 100%;
	}
}

.u-top-character {
	float : left;
	position : relative;
	background : white;
	width : 100%;
	margin : -200px auto 0;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-character {
		float : none;
		padding-bottom : 0;
		width : 100%;
		padding : 0;
		margin : 0;
	}
}
.u-top-character .character-inner {
	position : relative;
	width : auto;
	max-width : 950px;
	min-height : calc( 100vh - 261px);
	margin : 0 auto;
	padding : 40px 105px 500px;
	background-color : #fff;
}
@media screen and (max-width: 1480px) {
	.u-top-character .character-inner {
		width : auto;
		min-width : 880px;
	}
}
@media screen and (max-width: 1280px) {
	.u-top-character .character-inner {
		width : 880px;
	}
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-character .character-inner {
		width : 100%;
		min-width : 0;
		max-width : none;
		min-height : 0;
		padding : 40px 15px 60px;
		box-sizing : border-box;
		background-size : 65%;
	}
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-character .u-character-box {
		margin : 0 -4px 0 -2px;
	}
	.u-top-character .u-character-box a {
		display : block;
		padding-right : 4px;
	}
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-character .character-ttl {
		padding-top : 55px;
		text-align : center;
	}
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.u-top-character .character-ttl img {
		width : 168px;
	}
}