@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('http://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('https://fonts.googleapis.com/css?family=Goudy+Bookletter+1911|Noticia+Text');

@import url('https://fonts.googleapis.com/css2?family=New+Tegomin&display=swap');
/* font-family: 'New Tegomin', serif; */

/* =============================================================================
   clearfix
   ========================================================================== */
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE/Mac */
.clearfix{
	display: inline-table;
	zoom: 1;
}
/* Hide from IE/Mac, apply to IE/Win \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

.clear {
	clear: both;
	display: block;
}

.ne span{
	display: inline-block;   
}
/* ---------------------------------------------------------------------------
   フォント色
   ---------------------------------------------------------------------------*/

.txt_red1{
	color:#C6002F;
}

.txt_red2{
	color:#CC5F7D;
}

.txt_pink1{
	color:#F30;
}

.txt_pink2{
	color:#E50065;
}

.txt_pink3{
	color:#e8546b;
}

.txt_blue1{
	color:#03F;
}

.txt_blue2{
	color:#09F;
}

.txt_blue3{
	color:#80d8e4;
}

.txt_green1{
	color:#396;
}

.txt_green2{
	color:#00A6A3;
}

.txt_green3{
	color:#7FBF39;
}

.txt_gray1{
	color:#999;
}

.txt_Purple1{
	color:#90C;
}

.txt_orange1{
	color:#F60;
}

.txt_yellow{
	color:rgba(245,236,153,1.00);
}

/* ---------------------------------------------------------------------------
   フォントサイズ
   ---------------------------------------------------------------------------*/

.fsize50{
	font-size:50%;
}

.fsize60{
	font-size:60%;
}

.fsize70{
	font-size:70%;
}

.fsize80{
	font-size:80%;
}

.fsize90{
	font-size:90%;
}

.fsize100{
	font-size:100%;
}

.fsize110{
	font-size:110%;
}

.fsize120{
	font-size:120%;
}



/* ---------------------------------------------------------------------------
   全般
   ---------------------------------------------------------------------------*/
html,body{
 	width: 100%;
  min-width:1100px;
}

body{
margin: 0;
padding: 0;
}

.sage{
    padding-left: 1em; 
    text-indent: -1em; 
}

ul, ol, dl {
	list-style-type: none;
}

h1,h2,h3,h4,h5,p,ol,ul,li,dl,dt,dd{
	margin:0;
	padding:0;
}

p{
	padding-top:10px;
}

img {
   vertical-align:bottom
}



/* =============================================================================
   ティザー
   ========================================================================== */

body{
　overflow: hidden;
	font-size:100%;
	height: 100%;
	line-height: 1.6;
	background-color: rgba(140,128,76,1.00);
 	background-image: url("../images/tv2nd/bg/bg_01.png");
	background-repeat: repeat;
 	text-size-adjust: 100%; 
		-webkit-text-size-adjust: 100%; 
    	-moz-text-size-adjust: 100%; 
    	-ms-text-size-adjust: 100%; 
    	-o-text-size-adjust: 100%;
	font-family: 'Roboto Condensed',"游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}


#visual{
	position: relative;
	width: 100%;
	height: auto;
}

	#visual img{
		width: 100%;
		height: auto;

	}


#scrollArea {
   width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
#scrollArea::-webkit-scrollbar {
	display:none;
}


.ad-thumbs{
   position: relative;
   overflow: none;
}

.ad-thumb-list{
	position: relative;
	width:200%;
}

.vis_scl_wrap{
   position: relative;
   overflow: hidden;
}

.vis_scl_wrap img{
   position: relative;
   width: 100% !important;
}

.btn_scr_wrap{
   position: absolute;
   overflow: none;
   width: 100%;
   height: 90%;
   top: 0;
   border-bottom-left-radius: 0;
   background-color: rgba(0,0,0,0.30);
}

.b_v_right{
   position: fixed;
   background-color: rgba(234,84,19,1.00);
   top: 0;
   right: 0;
   color: rgba(255,255,255,1.00);
   cursor: pointer;
   padding: 20px;
}

.b_v_left{
   position: fixed;
   background-color: rgba(234,84,19,1.00);
   top: 0;
   left: 20%;
   color: rgba(255,255,255,1.00);
   cursor: pointer;
   padding: 20px;
}

.b_swp{
display: none;
}

.bottom{
	position:relative;
	overflow:hidden;
}




/*
第2メニュー 
*/
#slideL {
	z-index:100;
  	cursor: pointer;
  	position:absolute;
  	top: 20px;
	left: -185px;
  	width: 180px;
  	color: #fff;
  	font-size: 16px;
	border-radius: 0 10px 10px 0;
	padding: 10px 40px 10px 0;
  	background:rgba(255,255,255,0.80);
	background-image:url(../images/teaser/menu/pc/bg_01.png);
	background-position: right top;
	background-repeat: no-repeat;
}

#slideL .slide-inner {
  overflow: auto;
  overflow-x: hidden;
}

#slideL li{
	border-bottom: rgba(255,151,4,1.00) 1px solid;
	padding-top:10px;
}

	#slideL li img{
		width:100%;
		height:auto;
	}


#slideL .pr{
	width: 90%;
	margin: 15px 0 10px auto;
}

	#slideL .pr img{
		width:100%;
		height:auto;
	}




/*
Back to top button 
*/
#back-top {
    position: fixed;
    bottom: 3%;
    right: 50px;
	z-index:100;
}
#back-top span {
    width: 100px;
    height: 100px;
    display: block;
}

#back-top img{
   cursor: pointer;
}



/* --------------------------------------------------------------------------
   ビジュアル制御
   -------------------------------------------------------------------------- */

#upper{
	position:relative;
	width:100%;
	height:auto;
	clear:both;
	/*background-color:rgba(196,192,184,1.00);*/
   background: linear-gradient(rgba(140,128,76,1.00), rgba(95,83,76,1.00));
}

.upper_bg{
   position: relative;
	width:100%;
	background-image: url("../images/tv2nd/bg/bg_05.png");
	background-repeat: repeat;
	height:auto;
	clear:both;
}


.visual_core03{
   position: relative;
   width: 100%;
   margin: auto;
}

/* -- ビジュアルスペース -- */	

#upper-box-center-visual{
	position:relative;
	width:100%;
	height:auto;
   display: flex;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 15px;
}


/* -- サイドスペース -- */	
#side-left{
   position: relative;
	width:20%;
}


#side-left .leftContent{
	width:100%;
	z-index:50;
   align-self: flex-start;
}

	.side-inner-left-logo{
		position:relative;
		width:100%;
		top:2%;
		left:2%;
		z-index:55;
}
	.visual_core03 .side-inner-left-logo{
		position:absolute;
		width:16%;
		top:75px;
		left:auto;
      right: 2%;
		z-index:55;
}
		
	.side-inner-left-logo img{
		width:100%;
		height:auto;
	}

.pv{
	position:relative;
	top: 45%;
	margin:2% auto 10% auto;
	width:95%;
}



/* -- 左側 -- */	
#side-right{
   position: relative;
	width:80%;
	float:left;
}



	
.aniCh01{
	position: absolute;
	width: 8.4%;
	top: 2%;
	right: 2%;
	z-index: 243;
}

.pv_2nd_001{
   position: absolute;
   width:22%;
   top: 3.3%;
   right: 4%;
}

.pv_2nd_002{
   position: relative;
   width:100%;
   margin: 5% auto 5% auto;
}
.pv_2nd_002 img{
   border: rgba(78,54,17,1.00) 3px solid;
}

.pv_2nd_003{
   position: relative;
   width:65%;
   margin: 5% auto 0 35%;
}

.core3 .pv_2nd_003{
   position: relative;
   width:80%;
   margin: 5% auto 0 20%;
}


.bn_sp01{
   margin: 20px auto 20px auto;
}

.bn_movie{
	width:90%;
	margin:5% 0 0 8%;
}

.onair{
	width:98%;
	margin:4% auto 0 auto;
}

	.onair img{
		height:100%;
		width:auto;
	}


.onair02{
	position: absolute;
	top:5%;
	width: 40%;
  	right: 3%;
  	margin:0 auto;
	z-index: 245;
}

	.onair02 img{
		width:100%;
		height:auto;
	}


.menu01_wrapper{
  position: relative;
  width: 90%;
  margin: auto;
  margin-bottom: 5%;
}


.menu01{
	width: 95%;
	text-align: right;
	margin-top:3.0%;
	border-bottom: rgba(70,69,79,0.50) 1px solid;
   font-size: 1.1vw;
   font-weight: 600;
   letter-spacing: 1px;
   font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
   text-shadow    : 
       1px  1px 3px #000000,
      -1px  1px 3px #000000,
       1px -1px 3px #000000,
      -1px -1px 3px #000000,
       1px  0px 3px #000000,
       0px  1px 3px #000000,
      -1px  0px 3px #000000,
       0px -1px 3px #000000;
}

.menu01 a{
   color: rgba(255,252,252,1.00);
   text-decoration: none;
}


.menu01 img{
  width: 100%;
  height: auto;
}



.menu02{
	width: 100%;
   /*background-color: rgba(245,161,0,1.00);*/
   height: auto;
	text-align: right;
	margin-top:12%;
	border-bottom: rgba(50,48,62,0.60) 2px solid;
   font-size: 1.5vw;
   font-family: 'New Tegomin', serif;
   color: rgba(255,255,255,1.00);
}

.menu02.tv2nd{
   background: linear-gradient(-135deg, rgba(12,10,15,0.00), rgba(94,40,88,1.00));
   letter-spacing: 5px;
}

.menu02.tv1st{
   background: linear-gradient(-135deg, rgba(12,10,15,0.00), rgba(158,64,24,1.00));
   letter-spacing: 5px;
}

.menu02.movie{
   background: linear-gradient(-135deg, rgba(12,10,15,0.00), rgba(100,25,56,1.00));
   letter-spacing: 1px;
}



.menu02 img{
  width: 100%;
  height: auto;
}



.menu03{
	width: 100%;
  background-color: rgba(234,84,19,1.00);
  height: auto;
	text-align: right;
	margin-top:10%;
	border-bottom: rgba(78,54,17,1.00) 2px solid;
	-webkit-box-shadow: 0 2px 0px #fff;
   	-moz-box-shadow: 0 2px 0px rgba(255,255,255,0.60);
        box-shadow: 0 2px 0px rgba(255,255,255,0.60);
}


.menu03 img{
  width: 100%;
  height: auto;
}


.menu05{
	width: 95%;
	margin: 2% auto auto auto;
}
.menu05 img{
	width: 100%;
	height: auto;
}


.visual_core03 .menu{
   position: fixed;
   top: 0;
   left: 0;
   background-color: rgba(140,128,76,1.00);
   width: 100%;
   display: flex;
   flex-wrap:wrap;
   justify-content: center;
   z-index: 100;
   background-image: url("../images/tv2nd/bg/bg_02.png");
}
.visual_core03 .menu01{
	width: auto;
	text-align: center;
	margin: 0 0 10px 0;
	border-bottom: none;
   padding: 15px 15px 5px 15px;
   font-size: 1.1vw;
   font-weight: 600;
   letter-spacing: 1px;
   font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
   text-shadow    : 
       1px  1px 3px #000000,
      -1px  1px 3px #000000,
       1px -1px 3px #000000,
      -1px -1px 3px #000000,
       1px  0px 3px #000000,
       0px  1px 3px #000000,
      -1px  0px 3px #000000,
       0px -1px 3px #000000;
}


.logo-blur {
  filter: blur(0px);
  animation-name: logoblur;
  animation-duration: 2.5s;
  animation-delay: 1.0s;
  animation-fill-mode: forwards;
}

@keyframes logoblur {
  0% {
    filter: blur(0px);
  }
  100% {
    filter: blur(40px);
  }
}

/* --------------------------------------------------------------------------
   インフォ
   -------------------------------------------------------------------------- */


#info_inner{
	position:relative;
	overflow:hidden;
	width: 100%;
	margin:auto;
	z-index:19;
}

#info_inner .twitter_inner{
	position:relative;
	overflow:hidden;
	width:95%;
	margin:auto;
	margin-bottom:4%;
   padding-bottom: 2%;
	top:2%;
	border: rgba(167,152,130,1.00) 1px solid;
	border-radius: 5px;
	background-color: rgba(255,255,255,0.60);
}


.twitter_inner-index{
		width: 40%;
		height:auto;
		margin: 10px 0 10px 15px;
		font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
		font-weight:600;
		font-size: 60%;
		line-height: 1.0;
		color: rgba(78,54,17,1.00);
}

	.twitter_inner-index img{
		width:100%;
		height:auto;
	}

.twitter_inner .link{
	margin: 5px 0 0 0;
}

	.twitter_inner .link a{
			color: rgba(78,54,17,1.00);
			text-decoration: none;
	}
	
	.twitter_inner .link a:hover{
			color: rgba(78,54,17,1.00);
			text-decoration:underline;
	}

	.twitter_inner .link a:visited{
			color: rgba(78,54,17,1.00);
	}
	
	
	
.twitter_inner .twitter_content{
	position:relative;
	width:85%;
	overflow:auto !important;
	-webkit-overflow-scrolling:touch !important;
	margin: auto;
	padding: 0 10px 10px 10px;
	margin-bottom:10px;
height: 100%;
height: -webkit-calc(100% - 100px);
height: calc(100% - 100px);}


.twitter_flame{
	width:100%;
	margin:auto;
	margin-bottom:10px;
}
	
	#info_inner .twitter_index{
		position: relative;
		overflow: hidden;
		width: 30%;
		height: 220px;
		font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
		font-weight:600;
		font-size: 90%;
		font-size: 70%;
		line-height: 1.0;
		color: rgba(78,54,17,1.00);
	}
	
.twitter_index .index{
		width: 161px;
		height: 38px;
		margin: 10px 0 10px 15px;
}

.twitter_index .link{
	margin: 5px 0 0 15px;
}

	.twitter_index .link a{
			color: rgba(78,54,17,1.00);
			text-decoration: none;
	}
	
	.twitter_index .link a:hover{
			color: rgba(78,54,17,1.00);
			text-decoration:underline;
	}

	.twitter_index .link a:visited{
			color: rgba(78,54,17,1.00);
	}

	



/* -- ニューススペース -- */	


#info_inner .news_inner{
	position:relative;
	overflow:hidden;
	width:95%;
	margin:auto;
	margin-bottom:15%;
	top:2%;
	border: rgba(167,152,130,1.00) 1px solid;
	border-radius: 5px;
	background-color: rgba(255,255,255,0.60);
}



.news_inner .index{
		width: 40%;
		height:auto;
		margin: 10px 0 10px 15px;
}

	.news_inner .index img{
		width:100%;
		height:auto;
	}

.news_inner .news_content{
	position:relative;
	width:85%;
	overflow:auto;
	margin: auto;
	padding: 0 10px 10px 10px;
	margin-bottom:10px;
height: 100%;
height: -webkit-calc(100% - 80px);
height: calc(100% - 80px);}


.news_content .day{
	width: 80px;
	color: rgba(234,84,19,1.00);
	font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight:400;
	font-size: 80%;
}

.news_content .title{
	color:rgba(78,54,17,1.00);
	font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight:400;
	font-size: 80%;
}

	.title a{
		color:rgba(78,54,17,1.00);
		text-decoration: none;
	}
	
	.title a:hover{
		color:rgba(78,54,17,1.00);
		text-decoration: underline;
	}
	



.news_content .kiji{
	color:rgba(78,54,17,1.00);
	font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight:400;
	font-size: 70%;
}

	.kiji a{
		color:rgba(78,54,17,1.00);
		text-decoration: none;
	}
	
	.kiji a:hover{
		color:rgba(78,54,17,1.00);
		text-decoration: underline;
	}
	
	.kiji a:visited{
		color:rgba(78,54,17,1.00);
		text-decoration: none;
	}


.top-bnr01{
	position:relative;
	overflow:hidden;
	width:70%;
	margin:auto;
   margin-top: 150px;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
}

.top-bnr01 li{
   width: 28%;
   margin: 0 10px 20px 10px;
}

.top-bnr01 li img{
   border: rgba(110,56,294,1.00) 1px solid;
   box-sizing: border-box;
}




/* -- ソーシャル -- */	

.snsBoxPc{
		width: 100px;
		margin:auto;
		height:30px;
	}
	

#sns_button{
	width: 130px;
	bottom: 12px;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

	.popn-socialbutton-count{
		display:none !important;
	}

	

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


.modal { 
	position:fixed; 
	display:none; 
	z-index:99999; 
	top:50%; 
	left:50%; 
	width:300px; 
	height:227px; 
	margin:-117px 0 0 -150px; 
	text-align:center;
}

.modal p {
	margin-bottom:10px; 
}

.modal a { 
	cursor:pointer; 
}

.btn_comment{
	position:relative;
	width: 100px;
	margin:10% 5% 0 auto;
}


#bg_wrapperTop{
	position: relative;
	overflow: hidden;
	background-image:url(../images/top02/bg01.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	background-color: rgba(225,225,220,1.00);
	border-bottom: rgba(167,152,131,1.00) 1px solid;
}


#bg_wrapperTop .bg2{
	background-image: url(../images/teaser/top/bg_book.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size:100%;
}



#bg_inner{
 	background-image: url("../images/tv2nd/top/bg_02.png");
	background-repeat: repeat;
}

#contents_inner{
	position: relative;
	overflow: hidden;
	width: 1000px;
	margin: auto;
}




#intro{
	width: 759px;
	margin: auto;
	margin-top: 30px;
}



#staff{
	width: 759px;
	margin: auto;
	margin-top: 30px;
}



#movie{
	position: relative;
	width: 1000px;
	margin: 50px auto 120px auto;
}

#movie .index{
	width: 144px;
	height: auto;
	margin: 0 auto 20px auto;
}





#comics{
	position: relative;
	width: 1000px;
	margin: 50px auto 100px auto;
}

#comics .index{
	width: 210px;
	height: auto;
	margin: 0 auto 20px auto;
}

#comics .bnr01{
	width: 315px;
	height: 60px;
	margin: 30px auto 0 auto;
}

.comics_flame{
	display:flex;
  	justify-content:flex-start;
	flex-wrap: wrap;

}

.comic_pic{
	width: 18%;
   margin: 0 1% 15px 1%;
	height: auto;
}

	.comic_pic img{
		width: 100%;
		height: auto;
	}


.bar01{
	width: 650px;
	border-bottom: rgba(167,152,131,1.00) 1px solid;
	margin: auto;
}


#footer{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 150px;
	background-repeat: no-repeat;
	background-size: 100%;
}

.copyTop{
	position: relative;
	overflow: hidden;
	width: 600px;
	font-family:'Noto Sans Japanese', "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 80%;
	text-align: center;
	font-feature-settings : "palt";
	margin: 10px auto 60px auto;
	-moz-text-shadow:-1px -1px 1px #fff, 1px 1px 1px #fff;
	-webkit-text-shadow:-1px -1px 1px #fff, 1px 1px 1px #fff;
	text-shadow:-1px -1px 1px #fff, 1px 1px 1px #fff;
}



/* -----------------------------------------
   シェアボタン
   -----------------------------------------*/

.share_wrap{
   position:relative;
   width:300px;
   font-size:130%;
   padding: 10px;
   margin: auto;
   margin-top: 20px;
}




.s_info_wrap{
	position: relative;
	overflow: hidden;
	width: 100%;
	background-color: rgba(95,91,73,1.00);
	background-image: url("../images/movie_new/top/intro/bg_01.png");
	border-bottom: rgba(58,83,40,1.00) 2px solid;
	font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.s_info_wrap .inner{
	width: 90%;
   min-width: 1100px;
   max-width: 1900px;
	margin: 30px auto;
	display: flex;
	justify-content: space-around;
}

.s_info_wrap .news_wrap{
	position: relative;
	overflow: hidden;
	width: 47%;
	background-color: rgba(255,255,255,0.70);
	border-radius: 20px;
	height: 380px;
	box-shadow:0px 0px 16px 6px #643DAB;
	border:1px solid #AB5BB3;
	shadowColor:"#2D2F83",
shadowOffset:{width:0,height:0},
shadowOpacity:1,
shadowRadius:6,
borderWidth:1,
borderColor:"#fbd2ff",
borderRadius:6
}

.news_wrap .content{
	position: relative;
	overflow: hidden;
	padding: 20px;
}

.s_info_wrap .index{
	width: 140px;
	margin-bottom: 10px;
}

.news_wrap .box{
	position: relative;
	height: 280px;
	overflow: auto;
}

.news_wrap .tw_box{
  position: relative;
  height: 280px;
  padding: 0;
	overflow:auto !important;
	-webkit-overflow-scrolling:touch !important;
}



.news_sys .day{
	font-weight: 600;
	font-size: 85%;
	color: rgba(123,36,136,1.00);
}

.news_sys .title{
	font-weight: 600;
	font-size: 90%;
	margin-bottom: 7px;
}

.news_sys a{
	color: rgba(0,0,0,1.00);
	text-decoration: none;
}

.news_sys a:hover{
	color: rgba(0,0,0,1.00);
	text-decoration: underline;
}




.style_pc_pc{
	display: block;
}

.style_tab{
   display: none;
}


.style_pc{
	display: block;
}

.style_mobile{
	display: none;
}

.style_movile_tab{
   display: none;
}

/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
   タブレット版
   〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

@media screen and (max-width: 1100px) {


html,body{
   min-width:760px;
}


#comics{
   width: 95%;
}

.comic_pic{
   width: 23%;
   margin-bottom: 20px;
}

.visual_core03 .menu{
   position: relative;
}
.menu01{
   margin-top: 10px;
   margin-bottom: 10px;
   align-content: 1;
   font-size: 70%;
}

.menu02{
   line-height: 1;
}



.info_1st{
   display: flex;
   justify-content: space-between;
   width: 95%;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 30px;
}

.onair{
   width: 40%;
   margin: auto;
}

.pv{
   width: 80%;
   margin: auto;
}

#info_inner{
   background-color: rgba(169,136,117,0.40);
}


.info_2nd{
   display: flex;
   justify-content: space-between;
   width: 95%;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 30px;
}

#info_inner .news_inner{
   margin: auto;
   top: 0;
   width: 100%;
}

#info_inner .twitter_inner{
   margin: auto;
   padding: 0;
}


.onair_tab{
   position: absolute;
   bottom: 20px;
   right: 20px;
   width: 40%;
}

.onair{
   display: none;
}


.s_info_wrap .inner{
	margin: 30px auto;
	display: flex;
	justify-content: space-around;
   box-sizing: border-box;
   min-width: 100%;
   max-width: 100%;
   width: 100%;
}

.style_pc_pc{
	display: none;
}
.style_tab{
   display: block;
}

.style_movile_tab{
   display: block;
}


.top-bnr01{
	position:relative;
	overflow:hidden;
	width:70%;
	margin:auto;
   display: flex;
   justify-content: space-between;
}

.top-bnr01 li{
   width: 45%;
   margin: auto;
   margin-bottom: 10px;
}

.b_v_right{
   position: fixed;
   background-color: rgba(234,84,19,1.00);
   top: 0%;
   right: 0;
   color: rgba(255,255,255,1.00);
   cursor: pointer;
   padding: 15px;
}

.b_v_left{
   position: fixed;
   background-color: rgba(234,84,19,1.00);
   top: 0%;
   color: rgba(255,255,255,1.00);
   cursor: pointer;
   padding: 15px;
}

.b_swp{
   display: block;
   position: absolute;
   width: 100px;
   background-color: rgba(255,255,255,0.40);
   top: 100px;
   left: 40%;
   border-radius: 20px;
}
.b_swp .icon{
   width: 95%;
   margin: auto;
   padding: 10px;
   box-sizing: border-box;
   animation: flash 1.5s linear infinite;
}

@keyframes flash {
  0%,100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

}



/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
   スマホ版
   〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

@media screen and (max-width: 480px) {


html,body{
	min-width:100%;
	max-width:100%;
}


.style_pc{
	display: none;
}

.style_pc_pc{
	display: none;
}

.style_mobile{
	display: block;
}

.style_movile_tab{
   display: block;
}

/* =============================================================================
   モバイルメニュー
   ========================================================================== */

#mobileHeader{
	position:relative;
	width:100%;
	height:50px;
	background-color: rgba(140,128,76,1.00);
}

	
		#mobileHeader .logo_m{
	position: absolute;
	width: 110px;
	height: auto;
	top: 5px;
	left: 8px;
	z-index: 788;
	}
	
	#mobileHeader .logo_m img{
		width: 100%;
		height: auto;
	}
	
	#mobileMenu .btn{
		width:150px;
		float:right;
	}

	#mobileMenu img{
		width:100%;
		height:auto;
	}
	

#header h1{
	width: 100%;
	height: 30px;
	float:none;
	text-align: right;
	margin: auto;
}

	#header h1 img{
		height: 100%;
		width: auto;
		margin-bottom: 5px;
	}


.ripples {
	background:url("../images/tv2nd/top/v_003m.jpg")
   center no-repeat;
	background-size:cover;
	display:block;
	position:absolute;
   width: 100%;
   height: 100%;
	top:0;
	left:0;
}


#side-left{
   display: none;
}

#side-right{
   width: 100%;
}


.aniLogom img{
		width: 100%;
		height: auto;
	}

.aniCh01m{
	position: absolute;
	width: 60px;
	height:auto;
	top: 10px;
	right: 5px;
}

.aniCh01m img{
		width: 100%;
		height: auto;
	}

.aniCh02m{
	position: absolute;
	width: 60%;
	height: auto;
	bottom: 5px;
	left: 2px;
}

.aniCh01m img{
		width: 100%;
		height: auto;
	}

.btn_commentm{
	position: absolute;
	width: 60px;
	height: auto;
	bottom: 10px;
	right: 2px;
}

.btn_commentm img{
		width: 100%;
		height: auto;
	}

.aniCh01{
	position: absolute;
	width: 12.4%;
	top: 5%;
	right: 2%;
	z-index: 243;
}

#pv-inner-m{
	padding:10px;
}

#pv-inner-m .pv01{
	width:90%;
	margin:auto;
	margin-bottom:15px;
}

#pv-inner-m .pv01 img{
	width:100%;
	height:auto;
}

.top-bnr01m{
	position:relative;
	overflow:hidden;
	width:80%;
	margin:auto;
}

	.top-bnr01m li{
	}


	.top-bnr01m li img{
		width:100%;
		height:auto;
		margin-bottom:10px;
	}

.top_movie_lds_wrap{
  width: 100%;
  background-color: rgba(59,67,103,1.00);
  padding: 10px 0;
}

.top_movie_lds{
  width: 90%;
  margin: auto;
  margin-bottom: 15px;
}

  .top_movie_lds img{
    width: 100%;
    height: auto;
  }


.bn_sp01{
   margin: 0px auto 20px auto;
}

.ad-thumbs{
   position: relative;
   overflow-x: scroll;
}

.b_swp{
   display: block;
   position: absolute;
   width: 80px;
   background-color: rgba(255,255,255,0.40);
   top: auto;
   bottom: 20px;
   left: 40%;
   border-radius: 20px;
}
.b_swp .icon{
   width: 95%;
   margin: auto;
   padding: 10px;
   box-sizing: border-box;
   animation: flash 1.5s linear infinite;
}

@keyframes flash {
  0%,100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}


.b_v_right{
   /*display: none !important;*/
   position: absolute;
   top: auto;
   right: 0;
   bottom: 0;
}

.b_v_left{
   /*display: none !important;*/
   position: absolute;
   top: auto;
   left: 0;
   bottom: 0;
}



#contents_inner_m{
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: auto;
}


#info_inner_m{
	width: 95%;
	height: auto;
	float:none;
	margin: auto;
	margin-top: 15px;
}



#info_inner_m .twitter_inner_m{
	width:95%;
	border: rgba(167,152,130,0.60) 1px solid;
	border-radius: 5px;
	background-color: rgba(255,255,255,0.60);
	margin:auto;
}
	
	#info_inner .twitter_index{
		display: none;
	}



.twitter_inner_m .index_m{
		height: 30px;
		margin: 10px 0 10px 15px;
		font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
		font-weight:600;
		font-size: 60%;
		line-height: 1.0;
		color: rgba(78,54,17,1.00);
}


	.twitter_inner_m .index_m img{
		width: auto;
		height: 100%;
	}

	
	#info_inner_m .twitter_content_m{
		width:90%;
		margin:auto;
    margin-bottom: 10px;
    margin-top: 10px;
		height: 250px;
		background-color:rgba(255,255,255,0.00);
    padding: 0;
	  overflow:auto !important;
	  -webkit-overflow-scrolling:touch !important;
  }


.twitter_content_m iframe { width: 740px !important; }

	#info_inner_m .news_inner_m{
		width:95%;
		overflow:hidden;
		border: rgba(167,152,130,1.00) 1px solid;
		border-radius: 5px;
		margin:auto;
		margin-top: 15px;
		background-color: rgba(255,255,255,0.60);
		margin-bottom:15px;
}

.news_inner_m .index_m{
		height: 30px;
		width: 100px;
		margin: 10px 0 10px 15px;
}


	.news_inner_m .index_m img{
		width: auto;
		height: 100%;
	}



.onair_m{
   position: absolute;
   bottom: 20px;
   left: 20px;
   width: 50%;
}




.news_inner_m .news_content_m{
	width: 90%;
	position: relative;
	overflow: auto;
	height: 250px;
	margin: auto;
  margin-bottom: 10px;
}

.news_content_m .day{
	font-weight:600;
	font-size: 80%;
	color: rgba(234,84,19,1.00);
	font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.news_content_m .kiji{
	font-size: 80%;
	line-height: 1.2;
	font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight:400;
}


	.news_inner_m .index img{
		width: 100%;
		height: auto;
	}


.menu01{
	position: absolute;
	top: 15px;
	width: 100%;
	width: -webkit-calc(0.5 * (100% - 1000px) + 245px);
	width: calc(0.5 * (100% - 1000px) + 245px);
	text-align: right;
	border-bottom: rgba(233,85,13,1.00) 1px solid;
}

.menu02{
	position: absolute;
	top: 75px;
	width: 100%;
	width: -webkit-calc(0.5 * (100% - 1000px) + 245px);
	width: calc(0.5 * (100% - 1000px) + 245px);
	text-align: right;
	border-bottom: rgba(233,85,13,1.00) 1px solid;
}


#intro{
	width:100%;
	margin: auto;
	margin-top: 30px;
}

	#intro img{
		width: 100%;
		height: auto;
	}


#staff{
	width:100%;
	margin: auto;
	margin-top: 30px;
}

	#staff img{
		width: 100%;
		height: auto;
	}


#movie{
	position: relative;
	width: 90%;
	margin: 20px auto 20px auto;
}

#movie .index{
	width: 100%;
	height: auto;
	margin: 0 auto 20px auto;
}



#comics{
	position: relative;
	width: 100%;
	margin: 20px auto 80px auto;
}

#comics .index{
	width: 50%;
	height: auto;
	margin: 0 auto 20px auto;
}

	#comics .index img{
		width: 100%;
		height: auto;
	}

#comics .bnr01{
	width: 60%;
	height: auto;
	margin: 0 auto 0 auto;
}

	#comics .bnr01 img{
		width: 100%;
		height: auto;
	}

.comics_flame{
	width: 90%;
	margin: auto;
	display:flex;
  	-webkit-justify-content: space-around; /* Safari */
 	 justify-content:         space-around;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap; /* Safari */
}

.comic_pic{
	width: 45%;
	height: auto;
}

	.comic_pic img{
		width: 100%;
		height: auto;
		margin-bottom: 5px;
	}


.bar01{
	width: 100%;
	border-bottom: rgba(167,152,131,1.00) 1px solid;
	margin: auto;
}


.top-bnr01{
	position:relative;
	overflow:hidden;
	width:70%;
	margin:auto;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.top-bnr01 li{
   width: 100%;
   margin-bottom: 10px;
}


.menu01{
	display: none;
}

.menu02{
	display: none;
}



/* -- ソーシャル -- */	

.snsBoxPc{
		width: 90%;
		margin:auto;
		height:50px;
	}
	

#sns_button{
	width: 110px;
	margin:auto;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

	.popn-socialbutton-count{
		display:none !important;
	}

/*
Back to top button 
*/
#back-top {
    position: fixed;
    bottom: 3%;
    right: 10px;
	z-index:100;
}
#back-top span {
    width: 50px;
    height: 50px;
    display: block;
}

#back-top img{
   width: 70px;
   height: auto;
}

.copyTop{
	width: 100%;
   font-size: 90%;
}

#footer{
   height: auto;
}


.s_info_wrap{
	position: relative;
	width: 100%;
	background-color: none;
	border:none;
}

.s_info_wrap .inner{
	width: 90%;
	margin: 10px auto;
	display: block;
}

.s_info_wrap .news_wrap{
	width: 100%;
	background-color: rgba(255,255,255,0.70);
	border-radius: 20px;
	height: 280px;
	margin-bottom: 20px;
}


.news_wrap .box{
	position: relative;
	height: 200px;
	overflow: auto;
	font-size: 90%;
}

.news_wrap .tw_box{
  position: relative;
  height: 200px;
  padding: 0;
	overflow:auto !important;
	-webkit-overflow-scrolling:touch !important;
}



}