@charset "utf-8";
@media print, screen and (max-width:768px){
/*=================================================================
TOP CONTENTS
==================================================================*/
#wrapper.top.sp_other:before {	background-image:url(../img/public/sp_main_visual.jpg) ;}

/* ------------------------------------------------------ */
.top_basics {	padding:30px 0px;}


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

 �� MAIN VISUAL BLOC
   
============================================*/
#top_visualBloc {	height:auto;	}

#main_visual.sp_other:before {background-image:url(../img/public/sp_main_visual.jpg); background-position: center;}


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

 �� MAIN VISUAL BLOC ��  BANNERS BLOC
   
============================================*/
#topBanners {padding:15px 0;}
#topBanners ul li { margin: 0 auto 10px; width:100%; display:block;}
#topBanners ul li:last-child {margin-bottom:0;}


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

 �� MAIN VISUAL BLOC ��  MOVIES BLOC
   
============================================*/
#main_visual {height:60vh; }

ul#movies {	width:100%; height:auto;margin:0px auto ;}
ul#movies.with_bnr {width: 96%; display: flex; flex-wrap: wrap;}
/*
ul#movies li #player {position:relative; overflow:hidden; margin:0 auto !important; padding:0 !important; height:260px; width: 100%;}
ul#movies li #player iframe {
	position:absolute;
	width:100%;
	height: 100% !Important;

	left:0;
	top:0;
	margin:auto;
}
*/
ul#movies li {
}
ul#movies li:last-child {margin-bottom:10px;}

ul#movies.with_bnr li.bnr {width: 49%; margin:  0 2% 2% 0;}
ul#movies.with_bnr li.bnr:nth-of-type(2n) {margin-right: 0;}


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

 �� MAIN VISUAL BLOC ��  MOVIES BLOC �� TWITTER TIMELINE
   
============================================*/

#tw_timelines { height: 280px; padding:10px 8%; margin:0 auto; max-width:330px; -webkit-overflow-scrolling: touch; width: 96%;}
#tw_timelines iframe { height:250px; margin:0 auto; width:100%;}

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

 �� MAIN VISUAL BLOC ��  HOT TOPIC BLOC
   
============================================*/
#top_blocTitle {	font-size:18px;}
#top_blocTitle span {	font-size:30px;}


ul#top_hotTopic {	width:100%;	margin:0 auto;}

p#hot_subT {font-size:12px;}
#top_hotTitle {font-size:14px; }

#top_hotTitle span {font-size:12px;}

#hottopicDate {font-size:16px;}

#more_mark {font-size:11px; }
#more_mark:after {	top: 43%;}


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

TOP LIVE LIST
   
==============================================================================*/
#top_upDate {		font-size:11px;}

#topNext {	font-size:12px !important; padding: 2px 10px !important; line-height: 100%;}

#top_articleTitle { font-size:15px; word-break:break-all;margin-bottom: 5px; }

#top_liveDate {font-size:20px !important; margin-bottom: 0;}
#top_liveWeek {font-size: 12px;}
#top_liveVenue {font-size:13px;}


li#top_oneSchedule #top_articleTitle { font-size:16px;}


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

TOP NEW RELEASE
  
=========================================================*/
#top_newreleaseBox {width: 96%;}

ul#top_disc_picBox {width: 48%; margin-right: 4%;}
#top_release_dateBox {width: 48%;}

#top_discPic {margin-bottom: 10px;}

#top_discStyle {font-size: 20px; margin-bottom: 5px;}
#top_discTitle  {font-size: 30px; margin-bottom: 10px;}

#top_releaseDate{font-size: 18px;}
#top_discPrice {font-size: 13px;}

#top_disc_picBox.two_disc p { width: 49%; margin-right: 2%;}

#newRelease #btn_more {width:100%; margin-top: 30px; }



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

TOP PAGE > MOVIE LIST

========================================================================*/
ul#top_youtubeList {width: 80%; margin: 0 auto 3%;}
ul#top_youtubeList li  {width: 100%; margin: 0 auto 3%;}
ul#top_youtubeList li:last-of-type {margin-bottom: 0;}



/* ---------------------------------------------------------------------------------- */
#btn_banner {margin-top: 30px;}



/*=======================================================================
TOP PAGE�FCUSTOM (24/10/25)
========================================================================*/
#top_bannerList {margin: 3% auto 0 !important; width:100% !important; display: flex; flex-wrap: wrap; align-items: flex-start;}
#top_bannerList p {
display: inline-block;
width: 48% !important;
margin: 0 3.5% 1% 0 !important;
height: auto;
padding: 0;
}
#top_bannerList p:nth-of-type(even) {margin-right: 0 !important;}





}