* {

	margin:0;

	padding:0;

}

body {

	background:#ff6e01 url(../img/bg.jpg) repeat-x;

	font-family:"�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";

	font-size:12px;

	color:#FFFFFF;

}

img {

	border:none;

}

.clearfix {zoom:1;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

a {

	color:#FFFFFF;

	text-decoration:underline;

}

a:link {

	color:#FFFFFF;

	text-decoration:underline;

}

a:visited {

	color:#FFFFFF;

	text-decoration:underline;

}

a:hover {

	color:#FFFFFF;

	text-decoration:none;

}

#wrapper {

	margin:0 auto;

	text-align:center;

	width:901px;

}

#container {

	text-align:left;

}

#header {

	background:url(../img/bg_header.jpg) no-repeat;

	width:901px;

	height:97px;

}

#header h1 {

	margin:0 11px 0 13px;

}

#header img.url {

	margin:10px 0 0 0;

}

#middle {

	background:url(../img/bg_middle.gif) repeat-y;

	width:901px;

}

#middle table td.left {

	padding:10px 7px 14px 9px;

}

#middle table td.left2 {

	padding:0 8px 35px 15px;

}

#newsarea {
	height: 271px;
    height: 520px;
	margin: 10px 0 0 0;
}
.twitter_wrap{
	width:350px;
    background: #000;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

#moviearea {

	margin:8px 0;

}

#tvarea {

	background:url(../img/tvarea_bg.gif) no-repeat 0 20px;

	height:180px;

	margin: 8px 0 0;

}

#infoarea {

	background:url(../img/twitter_base.png) no-repeat;

	height:183px;

	margin:10px 0 0 0;

}

#moviearea img.banner, #tvarea img.banner {

	border:#000000 1px solid;

	margin:5px 0 0 9px;

}

#infoarea img.banner {

	border:#000000 1px solid;

	margin:7px 0 0 9px;

}

ul.menu li {

	list-style:none;

	text-indent:-9999px;

	height:29px;

	float:left;

}

ul.menu li a {

	height:29px;

	text-indent:-9999px;

	display:block;

}

ul.menu li.top a {

	background:url(../img/menu_top.gif) no-repeat;

	width:90px;

}

ul.menu li.dvdcd a {

	background:url(../img/menu_dvd.gif) no-repeat;

	width:140px;

}

ul.menu li.goods a {

	background:url(../img/menu_goods.gif) no-repeat;

	width:96px;

}

ul.menu li.blog a {

	background:url(../img/menu_blog.gif) no-repeat;

	width:112px;

}

ul.menu li.mobile a {

	background:url(../img/menu_mobile.gif) no-repeat;

	width:97px;

}

ul.menu li.mail a {

	background:url(../img/menu_mailmag.gif) no-repeat;

	width:96px;

}

ul.menu li.link a {

	background:url(../img/menu_link.gif) no-repeat;

	width:81px;

}

ul.menu li.bg {

	background:url(../img/menu_bg.gif) no-repeat;

	width:366px;

}

ul.menu li.top {

	background:url(../img/menu_top_on.gif) no-repeat;

	width:90px;

}

ul.menu li.dvdcd {

	background:url(../img/menu_dvd_on.gif) no-repeat;

	width:140px;

}

ul.menu li.goods {

	background:url(../img/menu_goods_on.gif) no-repeat;

	width:96px;

}

ul.menu li.blog {

	background:url(../img/menu_blog_on.gif) no-repeat;

	width:112px;

}

ul.menu li.mobile {

	background:url(../img/menu_mobile_on.gif) no-repeat;

	width:97px;

}

ul.menu li.mail {

	background:url(../img/menu_mailmag_on.gif) no-repeat;

	width:96px;

}

ul.menu li.link {

	background:url(../img/menu_link_on.gif) no-repeat;

	width:81px;

}

ul.menu li a:hover {

	background:none;

}

span.bold_r {

	font-weight:bold;

	color:#FF0000;

}

span.thin {

	font-size:10px;

}

#newsarea ul.newsbox {

	margin:6px 0 0 15px;

	width:330px;

	height:225px;

	line-height:130%;

	overflow:auto;

	scrollbar-track-color: #000000;

	scrollbar-face-color: #1a1a1a;

	scrollbar-arrow-color:#ffffff;

	scrollbar-3dlight-color: #1a1a1a;

	scrollbar-darkshadow-color: #1a1a1a;

	scrollbar-highlight-color:#ffffff;

	scrollbar-shadow-color: #ffffff;

}

#mobile {

	font-size:10px;

	line-height:135%;

	padding:7px 15px;

	border:1px solid #ffffff;

	width:329px;

	height:51px;

	background-color:#000000;

}

#mobile .info a {

	color:#ff0000;

	text-decoration:underline;

}

#mobile .info a:link {

	color:#ff0000;

	text-decoration:underline;

}

#mobile .info a:visited {

	color:#ff0000;

	text-decoration:underline;

}

#mobile .info a:hover {

	color:#ff0000;

	text-decoration:none;

}

{

}

img.dvd-banner {

	border:1px solid #000000;

}

/* footer */



#footer {

	background:url(../img/bg_footer.gif) repeat-y;

	border-top:#ff0000 1px solid;

	font-size:10px;

	padding:10px 0 40px 25px;

	line-height:120%;

	letter-spacing:1px;

}

#footer table {

	width:855px;

}

#footer table td.left {

	text-align:left;

}

#footer table td.right {

	padding:0 25px 0 0;

	text-align:right;

}

/*-------------------------------------------------*/



#twitterBody {

	width:328px;

	height:140px;

	overflow:hidden;

	color:#fff;

	font-size:12px;

	line-height:1.5em;

	margin:17px 0 0 17px;

}

#twitter_update_list li {

	margin-top:5px;

	padding-bottom:6px;

}

#twitter_update_list li a {

	color:#fe0000;

}

p.btn_follow {

	text-align:right;

}









#box {
	height: 380px;
	margin: 10px 0 0;
	position: relative;
}

#movie_thumb01{
	position: absolute;
	top: 159px;
	left: 10px;
	cursor: pointer;
}

#movie_thumb02 {
	position: absolute;
	top: 159px;
	left: 183px;
	cursor: pointer;
}

#movie_thumb03{
	position: absolute;
	top: 159px;
	left: 10px;
	cursor: pointer;
}


#detail_btn {

	position: absolute;

	top: 138px;

	left: 224px;

}

#lb {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	display: none;

}

#lb.show {

	display: block;

}

#lbbg {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: #000;

	opacity: 0.8;

	filter: alpha(opacity=80);

}

#lightbox {

	position: absolute;

	width: 668px;

	height: 430px;

	top: 50%;

	left: 50%;

	margin: -233px 0 0 -320px;

}

#close_btn {

	text-align: right;

	cursor: pointer;

}

#moviewrap {

	margin: 14px 0 0;

}

/* player */
#player_wrapper {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:1;
}

#player_bg {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	
	background:#000;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}

#aoexPlayer {
	position:fixed;
	left:0px;
	top:0px;
}

#btn_close {
	width:82px;
	height:14px;
	overflow:hidden;
	position:fixed;
	left:0px;
	top:0px;
	cursor:pointer;
	z-index:5;
}

#btn_close:hover img {
	margin-top:-14px;
}

p.btn-more{
	position:absolute;
	top:98px;
	right:5px;
}

div.bnrTwitter{
	margin: 10px 0;
}

div.listeningPlayer{
	position:absolute;
	bottom:42px;
	left:13px;
}

p.playernotes{
	position:absolute;
	bottom:16px;
	left:10px;
	font-size:10px;
}

#cm{
  background: url(../img/bg_tvspot.png) no-repeat;
  width: 360px;
  height: 405px;
}

.cap_tv,.cap_movie,.youtube{
  margin-left: 35px;
}

.cap_tv{
  padding-top: 30px;
}

.youtube{
  margin-bottom: 10px;
  width: 290px;
  height: 163px;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}

.youtube#Po7A1VEEX24{
  background: url(../img/thumb_tv_off.png) no-repeat;
}

.youtube#Po7A1VEEX24:hover{
  background: url(../img/thumb_tv_on.png) no-repeat;
}

.youtube#Sj5CChX7AKA{
  background: url(../img/thumb_movie_off.png) no-repeat;
}

.youtube#Sj5CChX7AKA:hover{
  background: url(../img/thumb_movie_on.png) no-repeat;
}


#modal {
  display: none;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5000;
  background: rgba(0,0,0,0.7);
  overflow: auto;
}

#modal .wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100;
}

#modal .movie_wrap {
  width: 720px;
  height: 405px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 150;
}

#modal .option_wrap {
  width: 660px;
  height: 490px;
  position: absolute;
  margin-left: -330px;
  left: 50%;
  top: 30px;
/*  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;*/
  z-index: 150;
}

#modal .option_wrap.option_movie_wrap {
  height: 797px;
}

#modal .option_wrap.option_tv_wrap {
  height: 820px;
}

.link_area{
  background: url(../img/bg_middle.gif) repeat-y;
  padding: 0 10px 10px;
}

.link_area ul{
  letter-spacing: -.4em;
}

.link_area li{
  width: 290px;
  list-style: none;
  display: inline-block;
  transition: 0.3s;
}

.link_area li:nth-of-type(n+4){
  margin-top: 8px;
}

.link_area:after {
  content: "";
  clear: both;
  display: block;
}

.link_area li:nth-of-type(3n+2){
  margin: 0 5px;
}

.link_area li:hover{
  opacity: 0.6;
}

.link_area li img{
  width: 100%;
}

.box_tv, .box_movie{
  position: relative;
}

.box_tv{
  margin-bottom: 10px;
}

.box_tv p,.box_movie p{
  width: 200px;
  position: absolute;
  bottom: 8px;
  right: 31px;
  list-style: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}

.box_movie p{
  bottom: 9px;
}

.box_tv p:hover, .box_movie p:hover{
  opacity: 0.7;
}

.box_tv p a, .box_movie p a{
  display: block;
}


/********************************/
body.is-modal-open { overflow: hidden; }
body.is-modal-open .btn_menu__wrap { display: none; }

.m-modal { position: fixed; top: 0; left: 0; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; z-index: 5000; width: 100%; height: 100%; overflow-y: auto; -ms-overflow-x: hidden; overflow-x: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.m-modal .m-modal__wrap { background:  #000; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.m-modal .m-modal__bg { position: fixed; width: 100%; height: 100%; background: #000; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.m-modal .m-modal__close { position: absolute; cursor: pointer; }
.m-modal .m-modal__close:before, .m-modal .m-modal__close:after { content: ""; display: block; position: absolute; width: 100%; height: 2px; background: #fff; left: 0; top: 50%; }
.m-modal .m-modal__close:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.m-modal .m-modal__close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.m-modal[data-modal-type='youtube'] .m-modal__bg { background: url("../img/common/bg_modal_pc.jpg") fixed no-repeat center #000; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.m-modal[data-modal-type='youtube'] .m-modal__content { position: absolute; width: 90vw; height: 50.625vw; max-width: 1200px; max-height: 675px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.m-modal[data-modal-type='template'] .m-modal__content { position: relative; width: 90vw; max-width: 1200px; padding: 8vh 0; margin: auto; }
.m-modal[data-modal-type='img'] .m-modal__content { position: absolute; width: 90vw; max-width: 750px; text-align: center; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.m-modal .modal_scene .modal_cap, .m-modal .modal_scene .modal_title { letter-spacing: 0.06em; }
.m-modal .modal_scene .modal_cap { color: #e60012; }
.m-modal .modal_scene .modal_text { line-height: 1.8; }
.m-modal .modal_image .modal_year { position: relative; padding-left: 1.3em; }
.m-modal .modal_image .modal_year:before { content: ""; display: block; position: absolute; width: 0.8em; height: 1px; background: #FFF; left: 0; top: 50%; }
@media only screen and (min-width: 961px) { .m-modal .m-modal__close { width: 34px; height: 34px; top: 30px; right: 30px; }
  .m-modal .m-modal__close:hover:before, .m-modal .m-modal__close:hover:after { background: #e60012; }
  .m-modal[data-modal-type='template'] .m-modal__content { width: 96%; }
  .m-modal .modal_scene { width: 80vw; max-width: 1200px; margin: auto; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 42vw; height: 38vw; }
  .m-modal .modal_scene .modal_cap { font-size: 14px; margin-bottom: 10px; }
  .m-modal .modal_scene .modal_title { margin-bottom: 28px; font-size: 20px; }
  .m-modal .modal_scene .modal_image { margin-bottom: 20px; position: absolute; width: 38vw; left: 0; top: 0; }
  .m-modal .modal_image { width: 680px; margin: auto; }
  .m-modal .modal_image .modal_year { font-size: 13px; margin-bottom: 10px; }
  .m-modal .modal_image .modal_cap { font-size: 18px; margin-bottom: 30px; } }

.m-modal.is-open { visibility: visible; opacity: 1; }


.modal_wrap{
	max-width: 980px;
	margin: auto;
}
.modal_wrap .modal_logo{
	background: #FFF;
	padding: 15px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	width: 60%;
	margin: 0 auto 20px;
}
.modal_wrap .modal_logo img{
	width: 100%;
}
.modal_text{
	text-align: center;
	font-size: 3vw;
	margin-bottom: 20px;
}
.modal_link{
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}
.modal_link li{
	width: calc(50% - 12px);
	margin-bottom: 30px;
	position: relative;
	list-style: none;
}
.modal_link li a{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.modal_link li img{
	width: 100%;
}

.top_15th{
	background: #FFF;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 15px;
    margin-right: 20px;
}

.top_15th img{
	width: 100%;
}