@media print, screen and (min-width:768px){
/*===========================================

 → MAIN VISUAL BLOCK
  
=========================================*/


.main_visual_bloc {
	background:#050000;
	overflow:hidden;
	width:100%;
	height:auto;
	max-height:1600px;
	/*background:url(../img/top/bg_head_visual.jpg) no-repeat center top;*/
	/*background-size:cover;*/
	background-color:#000000;
	
}

.visual_inner {
	max-width:1300px;
	width:100%;
	margin:0 auto;
	
}

#main_visual {max-width:1300px; width:100%; margin:0 auto; height:auto; background-size:100% !important;}
#main_visual img,
#main_visual a img {
	width:100%;
	height:auto;
	display:block;
	max-width:1300px;
	/*max-height:865px !important;*/
	}

#main_visual2 {max-width:1300px; width:100%; margin:0 auto; height:auto; background-size:100% !important;}
#main_visual2 img,
#main_visual2 a img {
	width:100%;
	height:auto;
	display:block;
	max-width:1300px;
	max-height:865px;
	}


.one {background:url(../img/top/visual_top20220417.jpg) no-repeat center top;}
.one2 {background:url(../img/top/visual2.jpg) no-repeat center top;}


/*===========================================

 → Whats New BLOCK
  
=========================================*/
#whatsnew {margin:10px 0; background:#050000; width:100%; height:28px; position:relative;}

#whatsnew:before {
	content:"";
	position:absolute;
	width:29%;
	height:28px;
	background:#f20000;
	top:0;
	left:0;
}

#whatsnew:after {
	content:"";
	position:absolute;
	width:71%;
	height:28px;
	background:#050000;
	top:0;
	right:0;
}

.news_inner {
	max-width:1000px;
	width:98%;
	height:28px;
	margin:0 auto;
	 position: relative;
    overflow: hidden;
	}
 
#whatsnew ul {
    width: 100%;
    position: relative;
	list-style-type:none;
}
#whatsnew ul li:after {
	 content: ".";
     display: block;
     clear: both;
     height: 0;
     visibility: hidden;
	
}
#whatsnew ul li {
    width: 100%;
   display: none;
   white-space:nowrap;
   height:28px;
   color:#fff;
   font-size:12px;
   background:#050000;
}




#top_update, #t_article {padding:5px 0;}
#top_update {
	float:left;
	text-align:right;
	max-width:160px;
	width:16%;
	background:#f20000;
	color:#fff;
	padding-right:10px;
	 height:100%;
	}

#t_article {
	float:right;
	max-width:830px;
	width:83%;
	height:28px;
	}

#whatsnew ul li a {
   color:#e80000 !important;
   text-decoration:underline !important;
	
}
#whatsnew ul li a:hover {color:#fff !important;}

/*===========================================

 → PICKUP BLOCK
  
=========================================*/


#pickup_bloc{
	text-align:center;
	padding-bottom:5px;
}
#pickup_bloc  .inner{
	max-width:950px;
	width:92%;
	margin:0 auto;
	padding: 3% 0;
}

#pickup_bloc  .inner .pc{
	width:70% !important;
	margin: auto;
}

#pickup_bloc  .inner .sp{
	display:none;
}



/*===========================================

 → MOVIE BLOCK
  
=========================================*/
.top_movie {
	background:#050000;
	padding:40px 0 90px;
	
	overflow:hidden;
	 }





/*===========================================

 → LIVE BLOCK
  
=========================================*/
.live_bloc {
	background:url(../img/public/bg.gif) repeat-x left top #fff;
	 padding:78px 0 90px;
	 height:auto;
	 }
	 
.top_live_inner {
	width:98%;
	margin:0 auto;
	max-width:1000px;
}

#live_artice_bloc ul {list-style-type:none; max-width:800px; width:100%; margin:0 auto; }
#live_artice_bloc ul li {
	padding:10px 0;
	display:block;
	font-size:12px;
	width:100%;
	height:auto;
	background:#f5f5f5;
	text-align:left;
	}

#live_artice_bloc ul li:nth-child(even) {background:#fbfbfb;}
#live_artice_bloc ul li a {text-decoration:underline; color: #050000;}
#live_artice_bloc ul li a:hover {color:#e00000;}

#live_artice_bloc ul div {display:inline-block; height:auto; vertical-align:top;}
#live_date {color:#e00000; text-align:center; width:12%; }
#live_infob {width:65%; text-align:left;}
#venue {text-align:center; width:12%; display:inline-block; }

#live_infob p { display:inline-block; vertical-align:top;}

.t_place {width:30%;}
.t_info {width:25%;}
.t_open {width:40%;}

.pickup_bloc img:hover {
	opacity: 0.8 ;
}

.livemidashi {padding-top:20px; font-size:13px; text-align:center !important; padding-left:3%;}


/*===========================================

 → TOP BANNER
  
=========================================*/

.bnr01 {
	border:#C00 3px solid; width:950px; height:auto; color:#FFF;
	margin-top:5px;
	margin-bottom:5px;
	}
.bnr01 a {
	font-size:16px;
	text-decoration:none;
	background-color:#000;
	display:block;
	width:100%;
	padding-top:13px;
	height:47px;
	 color:#F00;
	}
.bnr01 a:hover {
	background-color:#c8000f;
	 color:#000;
	}
	
.bnr02 {
	border:#194BB0 3px solid;
	width:100%;
	height:auto;
	
	color:#FFF;
	margin:5px auto;
	}
.bnr02 a {
	font-size:16px;
	text-decoration:none;
	background-color:#000;
	display:block;
	width:100%;
	padding-top:13px;
	height:47px;
	 color:#194BB0;
	}
.bnr02 a:hover {
	background-color:#194BB0;
	 color:#000;
	}

.bnr03 {
	border:#F00 3px solid;
	background-color:#080808;
	width:100%;
	height:auto;
	color:#FFF;
	padding:10px;
	margin: auto;
	margin-bottom:10px;
	}

.bnr03 a {color:#E80003 !important;}

.bnrs {margin-bottom:10px;}
.bnrs2 {margin-bottom:0px;}

.tsuika {
	background-color:#000000 !important;
	padding:10px;
	margin-top:20px;
	color:#FFFFFF;}



/*===============================================================

2019/10/25

================================================================*/
#top_release_detailBox {margin-bottom: 60px;}
#top_oneMoive {margin-bottom: 45px;}



/*----------------------------------------------------------------------------------------------------- */
#textBanner {margin-bottom: 20px;}

#textBanner, #textBanner a {font-size: 18px;}
#textBanner span , #textBanner a span{font-size: 13px;}

#textBanner a {padding: 13px 10px;}

#bnrUpdate {font-size: 10px !important; margin-top: 5px;}


/*============================================================================================================
2022/06/18：TOP BANNER
=============================================================================================================*/
ul#top_eventBanner {margin-bottom: 0px;}
ul#top_eventBanner li {margin-bottom: 30px; font-size: 16px;}
ul#top_eventBanner li p {margin-top: 10px;}


/*============================================================================================================
2023.11.22
=============================================================================================================*/
#movieCap {padding: 5px; font-size: 11px; }

@media print, screen and (max-width:1200px){
#movieCap {font-size: 10px;}
}

/* --------------------------------------------------------------------------------------------------------- */
#movie_capBox {font-size:12px; padding-top: 15px;}

@media print, screen and (max-width:1000px){
#movie_capBox {font-size: 11px;}
}

/* --------------------------------------------------------------------------------------------------------- */
#movie_capBox p{margin-bottom: 1em;}

/* --------------------------------------------------------------------------------------------------------- */
#movieTitle {font-size: 11px !important; margin-bottom: 5px;}
#movieTitle span {padding: 2px 15px; margin-bottom: 3px;}

@media print, screen and (max-width:1000px){
#movieTitle {font-size: 10px !important;}
}


}
