@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');

/* =============================================================================
   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;
}

/* ---------------------------------------------------------------------------
   フォント色
   ---------------------------------------------------------------------------*/

.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;
}

.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(204,170,118,1.00);
 	background-image: url(../images/teaser/tmp/bg_02.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;
	overflow: hidden;
	width: 100%;
	height: auto;
}

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

	}




.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%;
    left: 50px;
	z-index:100;
}
#back-top span {
    width: 100px;
    height: 100px;
    display: block;
}



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

#upper{
	position:relative;
	overflow:hidden;
	width:100%;
	height:auto;
	clear:both;
	background-color:rgba(196,192,184,1.00);
	background-image: url(../images/teaser/tmp/bg_02.png);
	background-repeat: repeat;
}

#upper2nd{
	position:relative;
	overflow:hidden;
	width:100%;
	height:auto;
	clear:both;
	background-color:rgba(196,192,184,1.00);
	background-image: url(../images/teaser/tmp/bg_02.png);
	background-repeat: repeat;
}


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

#upper-box-center-visual{
	position:relative;
	overflow:hidden;
	width:60%;
	height:auto;
	float:left;
	z-index:11;
}


	#upper-box-center-visual img{
		width:100%;
		height:auto;
		z-index:12;
}



#view01{
	position:absolute;
	top:0;
	width:100px;
}

#view02{
	position:absolute;
	top:0;
	width:100px;
}


/* -- サイドスペース -- */	

#side-left{
	width:18%;
	float:left;
}


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

	#side-left .side-inner-left-logo{
		position:relative;
		width:110%;
		top:2%;
		left:2%;
		z-index:55;
}
	
	.side-inner-left-logo img{
		width:100%;
		height:auto;
	}

.pv{
	position:relative;
	top: 50%;
	margin:7% auto 10% auto;
	width:90%;
}




#side-right{
	width:22%;
	float:right;
}

#side-left .rightContent{
	width:100%;
	z-index:42;
}


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



.onair{
	width:90%;
	margin:10px auto 5% 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: 100%;
}



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

.menu01 a{
   color: rgba(255,155,0,1.00);
   text-decoration: none;
  text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;        /* 文字の影 */}


.menu02{
	width: 100%;
  background-color: rgba(245,161,0,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);
}


.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;
}

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


#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:20px;
	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 .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:1000px;
	margin:auto;
  display: flex;
  justify-content: space-around;
  margin-bottom: 15px;
  margin-top: 50px;
}

	.top-bnr01 li{
	}


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



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

.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/teaser/tmp/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 90px auto;
}

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

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

.comics_flame{
	display:flex;
  	-webkit-justify-content: space-around; /* Safari */
  	justify-content:         space-around;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap; /* Safari */
}

.comic_pic{
	width: 130px;
	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;
}






.style_pc{
	display: block;
}

.style_mobile{
	display: none;
}



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

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


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


.style_pc{
	display: none;
}

.style_mobile{
	display: block;
}



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

#mobileHeader{
	position:relative;
	width:100%;
	height:50px;
	background-color: rgba(167,152,131,1.00);

}

	
		#mobileHeader .logo{
	position: absolute;
	width: 130px;
	height: auto;
	top: 5px;
	left: 8px;
	z-index: 788;
	}
	
	#mobileHeader .logo 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;
	}




.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;
	}



#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(255,255,255,0.50);
  padding: 10px 0;
}

.top_movie_lds{
  width: 90%;
  margin: auto;
}

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



#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%;
	}







.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: 100%;
	height: auto;
	margin: 0 auto 20px auto;
}

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

#comics .bnr01{
	width: 60%;
	height: auto;
	margin: 50px 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: 140px;
	height: auto;
}

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


.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: block;
}


.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-top {
	display:none;
}

#back-top img{
	display:none;
}

.copyTop{
	width: 100%;
}





}