@charset "UTF-8" ;

/* トップページ
------------------------------------------*/
#container{
	display: table;
	width: 95%;
	max-width: 1520px;
	margin: 0 auto;
	position: relative;
}

#mv{
	position: relative;
}

#mv ul.cara{
	height: 113px;
	padding-top: 10px;
	padding-right: 100px;
	background-image: url(../img/top/bg_nashite.png);
	background-repeat: repeat-y;
	background-position: right 0;
	cursor: pointer;
	z-index: 1599;
	position: absolute;
	bottom: -50px;
	right: 30px;
/* 	bottom: 0; */
/* 	right: 310px; */
}

#mv .cara li{
	visibility: hidden!important;
	color: #373838;
	padding-right: 12px;
	background: url(../img/bg_baloon.png) no-repeat right center;
}

#mv .cara.active li{
	visibility: visible!important;
}

#mv .cara li span{
	display: inline-block;
	min-width: 200px;
	max-width: 200px;
	padding: 10px;
	background: #f5f0cf;
	border-radius: 5px;
}

#mv .cara li a{
	text-decoration: underline;
	color: #373838;
}

#mv1{
	height: auto;
}

#mv1 .flexslider{
	margin-bottom: 40px;
}

#mv1 .flexslider .slides li a, #mv1 .flexslider .slides li a img{
	display: block;
}

#mv1 .flexslider .slides li{
	margin-right: 5px;
}

#mv1 .flexslider .slides li a span.img{
	display: block;
	overflow: hidden;
}

#mv1 .flexslider .slides li a span.img img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

#mv1 .flexslider .slides li a:hover span.img img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

#mv1 .flex-control-nav{
	margin-top: 3px;
	height: 24px;
	padding: 16px 0 0 0;
	background: #eca614;
	border-top: 5px solid #fff;
}

#mv1 dl{
	height: 66px;
	padding: 8px 8px 0 8px;
	color: #fff;
	font-size: 14px;
	line-height: 1.3;
	background: #a19a95;
}

#mv1 dt{
	font-size: 17px;
}
#mv1 a dt{
	text-decoration: underline;
}

#mv2{
	width: 330px;
	height: 462px;
	position: absolute;
	top: 0;
	right: 0;
	background: #eca614;
	z-index: 999;
	border-bottom: 5px solid #fff;
}

#mv2 p{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 10px;
	z-index: 40;
}

#mv2_slide_wrap{
	position: relative;
}

#mv2_slide{
	height: 427px;
	margin: 0 auto;
	background: #e3851d;
	position: absolute;
	top: 35px;
	left: 0;
}

#mv2_slide li{
	width: 300px;
	height: 174px;
	margin: 15px 15px 0 15px;
}

#mv2_slide .slick-arrow{
	width: 100%;
	height: 35px;
	text-indent: -9999px;
	cursor: pointer;
	border: none;
	position: absolute;
	left: 0;
	z-index: 30;
}

#mv2_slide .slick-next{
	bottom: 0;
	background: url(../img/top/bg_arrow_mv2_down.png) no-repeat 97% center #eca614;
}

#mv2_slide .slick-prev{
	top: -35px;
	height: 40px;
	line-height: 40px;
	background: url(../img/top/bg_arrow_mv2_up.png) no-repeat 97% center #eca614;
}

#mv2_slide li a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	cursor: pointer;
}

#mv2_slide li.item a{
	display: table;
	width: 100%;
	min-height: 174px;
	background: #fff;
	border: 1px solid #ccc;
}

#mv2_slide li.item a span.img{
	display: table-cell;
	vertical-align: top;
	height: 30%;
}

#mv2_slide li.item a dl{
	display: table-cell;
	vertical-align: top;
	padding: 10px;
	line-height: 1.3;
	color: #191919;
}

#mv2_slide li.item a dt{
	font-size: 13px;
	color: #2598d1;
	text-decoration: underline;
	margin-bottom: 1em;
}

body#top h2{
	font-size: 20px;
	font-weight: bold;
	color: #050000;
	line-height: 1;
	margin: 30px 0 15px 0;
	padding: 5px 5px 5px 30px;
	border-bottom: 3px solid #eca614!important;
}

body#top .movie h2{ background: url(../img/top/icon_movie.png) no-repeat left center;}
body#top .today_tv h2{ background: url(../img/top/icon_tv.png) no-repeat left center;}
body#top .top_event h2{ background: url(../img/top/icon_event.png) no-repeat left center;}
body#top .information h2{ background: url(../img/top/icon_info.png) no-repeat left center;}
body#top .nst_tv h2{ background: url(../img/top/icon_nst_tv.png) no-repeat left center;}
body#top .top_news h2{ background: url(../img/top/icon_news.png) no-repeat left center;}
body#top .top_present h2{ background: url(../img/top/icon_present.png) no-repeat left center;}

#top_main{
	display: table-cell;
	vertical-align: top;
}

#top_main .in{
	padding: 0 3.5% 0 0;
}

#top_main .movie{
	width: 48%;
	float: left;
}

.movie_item{
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.movie_item iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#top_main .today_tv{
	width: 48%;
	float: right;
}

.more_link{
	height: 51px;
	position: relative;
}

.more_link a{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #36c9bf;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #fff;
	border: 1px solid #36c9bf;
}

.more_link a:first-letter{
	padding-left: 27px;
	background: url(../img/icon_list.gif) no-repeat left center;
}

.more_link span{
	display: block;
	width: 43px;
	height: 51px;
	background-repeat: repeat-y;
	background-position: 0 0;
	background-image: url(../img/top/bg_cara_tv.png);
	position: absolute;
	bottom: 0;
}

.today_tv .more_link span{ left: 27%;}
.top_news .more_link span{ left: 21%;}
.top_event .more_link span{ left: 36%;}
.top_present .more_link span{ left: 15%;}

@media screen and (max-width: 1500px) {
.today_tv .more_link span{ left: 26%;}
.top_news .more_link span{ left: 20%;}
.top_event .more_link span{ left: 35%;}
.top_present .more_link span{ left: 14%;}
}
@media screen and (max-width: 1350px) {
.today_tv .more_link span{ left: 20%!important;}
.top_news .more_link span{ left: 13%!important;}
.top_event .more_link span{ left: 31%!important;}
.top_present .more_link span{ left: 4%!important;}
}
@media screen and (max-width: 1250px) {
.today_tv .more_link span{ left: 16%!important;}
.top_news .more_link span{ left: 7%!important;}
.top_event .more_link span{ left: 29%!important;}
.top_present .more_link span{ left: 0%!important;}
}
@media screen and (max-width: 1025px) {
.today_tv .more_link span{ left: 20%!important;}
.top_news .more_link span{ left: 32%!important;}
.top_event .more_link span{ left: 32%!important;}
.top_present .more_link span{ left: 32%!important;}
}

.today_tv .more_link span{ background-image: url(../img/top/bg_cara_tv.png);}
.top_news .more_link span{ background-image: url(../img/top/bg_cara_news.png);}
.top_event .more_link span{ background-image: url(../img/top/bg_cara_event.png);}
.top_present .more_link span{ background-image: url(../img/top/bg_cara_present.png);}

.today_tv_list{
	padding: 0 30px 0 0;
	border: 1px solid #ccc!important;
}

.today_tv_list li{
	margin-left: 10px;
	border-bottom: 1px solid #ccc!important;
}

.today_tv_list li span.no_link,
.today_tv_list li a{
	display: block;
	padding: 15px 10px;
	position: relative;
}

.today_tv .slick-arrow{
	width: 20px;
	height: 50%!important;
	text-indent: -9999px;
	cursor: pointer;
	border: none;
	position: absolute;
	right: 0;
	z-index: 30;
}

.today_tv .slick-next{
	bottom: 0;
	border-top: 1px solid #fff;
	background: url(../img/top/bg_arrow_mv2_down.png) no-repeat center center #eca614;
}

.today_tv .slick-prev{
	top: 0;
	height: 40px;
	line-height: 40px;
	background: url(../img/top/bg_arrow_mv2_up.png) no-repeat center center #eca614;
}
.today_tv_list li span.no_link span.now,
.today_tv_list li a span.now{
	display: block;
	white-space: nowrap;
	color: #fff;
	font-size: 11px;
	text-align: center;
	background: #36c9c0;
	min-width: 20%;
	position: absolute;
	top: 0;
	left: -11px;
}
.today_tv_list li span.no_link dl,
.today_tv_list li a dl{
	display: table;
	width: 100%;
	line-height: 1.3;
	color: #525252;
}
.today_tv_list li span.no_link dt,
.today_tv_list li a dt{
	display: table-cell;
	width: 18%;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #333;
}
.today_tv_list li span.no_link dd,
.today_tv_list li a dd{
	display: table-cell;
	vertical-align: middle;
	font-size: 11px;
	padding-left: 10px;
}
.today_tv_list li span.no_link dd h3,
.today_tv_list li a dd h3{
	color: #333;
	font-size: 14px;
}
.today_tv_list li a dd h3{
	text-decoration: underline;
}
#top_main .top_event li{
	width: 49.2%;
	margin-bottom: 10px;
	float: right!important;
	border: 1px solid #c7c7c7;
}

#top_main .top_event li.even{
	float: left!important;
}

#top_main .top_event li a{
	display: table;
	width: 100%;
	color: #272626;
	table-layout: fixed;
}

#top_main .top_event li a span.img{
	display: table-cell;
	width: 35%;
	vertical-align: top;
}

#top_main .top_event li a span.img img{
	width: 100%;
}

#top_main .top_event li a span.img img{
	display: block;
}

#top_main .top_event li a dl{
	display: table-cell;
	vertical-align: top;
	line-height: 1.3;
}

#top_main .top_event li a dt{
	height: 28px;
	line-height: 28px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background: #f6ab00;
}

#top_main .top_event li a dd{
	padding: 10px 10px 0 10px;
}

#top_main .top_event li a dd.tt{
	font-size: 18px;
	color: #1a1a1a;
}

@media screen and (max-width: 1025px) {
	#top_main .top_event li a dd.tt{
/* 		font-size: 16px; */
	}
}

#top_main .information .wrap{
	display: table;
	width: 100%;
}

#top_main .information .lbox{
	display: block;
	width: 48%;
	float: left;
}

#top_main .fb{
	width: 100%;
	overflow: hidden;
}

#top_main .blog, #top_main .information .link{
	margin-bottom: 25px;
}

#top_main .blog .top{
	padding: 0 10px 0 10px;
	height: 46px;
	line-height: 40px;
	color: #fff;
	background: #eca614;
}

#top_main .blog .top h3{
	float: left;
	font-size: 15px;
	padding-left: 20px;
	background: url(../img/icon_mic.png) no-repeat left center;
}

#top_main .blog .top a{
	float: right;
	color: #fff;
	padding-right: 25px;
	background: url(../img/icon_list_w.png) no-repeat right center;
}

#top_main .blog li{
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

#top_main .blog li a{
	display: table;
	width: 100%;
	height: 90px;
	color: #030000;
	padding: 10px 10px 0 10px;
	box-sizing: border-box;
}

#top_main .blog li a .img{
	width: 77px;
	display: table-cell;
	vertical-align: top;
}

#top_main .blog li a dl{
	display: table-cell;
	vertical-align: top;
	padding-left: 10px;
}

#top_main .blog li a dt{
	font-size: 117%;
}

#top_main .blog li a dd.tt{
	font-size: 134%;
	line-height: 1.2;
	word-wrap: break-word;
	text-decoration: underline;
	margin-bottom: 10px;
}

#top_main .information .rbox{
	padding-left: 20px;
	display: block;
	width: 48%;
	float: right;
}

#top_main .information .link li{
	width: 33.3%;
	float: left;
	background: #eca614;
}

#top_main .information .link li a{
	display: table;
	width: 100%;
}

#top_main .information .link a span{
	display: table-cell;
	width: 100%!important;
	height: 70px;
	vertical-align: middle;
	color: #fff;
	font-size: 14px;
	line-height: 1.3;
	padding-left: 28px;
	background: url(../img/top/bg_link_arrow.png) no-repeat left center;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

@media screen and (max-width: 1250px) {
	#top_main .information .link a span{
		font-size: 12px;
	}
}
	
#top_main .information .link a img{
	display: block;
	width: 106px!important;
	max-width: 98%!important;
	height: auto!important;
}

#top_main .information .link li.daisuki a img{
	max-width: 72px!important;
}

#top_side{
	display: table-cell;
	width: 31%;
	padding: 0 2%;
	vertical-align: top;
}

.nst_tv a img{
	display: block;
	margin: 0 auto;
}

.top_news li{
	border-top: 1px solid #b0afb0;
}

.top_news li:first-child{
	border-top: none;
}

.top_news li a, .top_news li a span{
	display: block;
	color: #525252;
}

.top_news li a{
	padding: 10px;
}

.top_news li a span{
	color: #030000;
}

.top_news li a span.tt{
	font-size: 16px;
	text-decoration: underline;
}

.top_present li{
	padding: 15px 0;
	border-top: 1px solid #ccc;
}

.top_present li:first-child{
	border-top: none;
}

.top_present li a{
	display: table;
	width: 100%;
}

.top_present li a span.img{
	display: table-cell;
	width: 120px!important;
	height: 90px!important;
	vertical-align: top;
}

/*
.top_present li.view a span.img{
	width: 120px!important;
	height: 90px!important;
	background: url(../img/top/bg_film.png) no-repeat center 0;
	background-size: 100% auto;
	overflow: hidden;
}

.top_present li.view a span.img img{
	width: auto!important;
	height: 90px!important;
}
*/

.top_present li a span.img img{
	display: block;
	margin: 0 auto;
	border: 1px solid #ccc;
	width: 120px;
	max-width: 100%;
	height: auto;
}

.top_present li a dl{
	display: table-cell;
	vertical-align: top;
	padding: 0 10px;
	color: #525252;
}

.top_present li a dt{
	font-size: 18px;
	color: #030000;
	line-height: 1.3;
}

.top_present li a dt span{
	display: inline-block;
	margin-bottom: 5px;
	padding: 3px 10px;
	line-height: 1;
	font-size: 12px;
	color: #fff;
	background: #36c9bf;
}

.btn_sns{
	display: none;
	text-align: center;
}

.btn_sns li{
	display: inline-block;
	margin: 0 10px;
}

@media screen and (max-width: 1025px) {
	#container{
		display: block;
		width: 98%;
	}
	#top_main{
		display: block;
		width: 100%;
	}
	#top_side{
		display: block;
		width: 100%;
		padding: 0;
	}
	#top_main .in{
		padding: 0;
	}
	#top_main .movie, #top_main .today_tv{
		width: 49%;
	}
	#top_main .fb, #top_main .tw{
		display: none;
	}
	.btn_sns{
		display: block;
	}
	#top_main .blog .top a{
		display: none;
	}
}

#bnr_area{
	max-width: 1520px;
	margin: 40px auto;
}

#bnr_area li{
	width: 16.4%;
	float: left;
	margin: 0.1%;
}

#bnr_area li a, #bnr_area li a img{
	display: block;
}

.tablet{
	display: none;
}

@media screen and (max-width: 1025px) {
	#bnr_area{
		width: 98%;
	}
	#bnr_area li{
		width: 24.8%;
		margin: 0.1%;
	}
	.top_news, .top_present, .nst_tv{
		display: none;
	}
	.tablet{
		display: block!important;	
	}
}



.adjust{
	margin: 20px auto;
	text-align: center;
}