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

.kimetsu {
	background: #000;
	margin: -10px 0 0 0;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4;
	color: #333;
	/*ゴシック系フォント*/
	font-family: Avenir, "Open Sans", Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img {
	display: block;
	width: 100%;
	margin: 0 auto;
}
/*メイン画像*/
.main {
	background: url(_image/main.jpg) no-repeat;
	background-size: 100% auto;
	margin: 0;
	padding: 74% 0 0 0;
}
/*ニュース枠*/
.news {
	background: #000 url(_image/newBG.jpg) repeat-x center top;
	background-size: 100% auto;
	margin: 0 auto;
	padding: 14% 0 6%;
	
	color: #FFF;
}
/*インラインフレーム*/
.newslist {
	height: 200px;
	margin: 0 auto;
	padding: 0;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

/*ニュース画像*/
.newslist img {
	width: 30%;
	float: left;
	margin: 0 2% 0 0;
}
/*ニューステキスト*/
.newslist p {
	width: 68%;
	margin: 0;
	padding: 0 0 0 0;
	float: right;
}
/*ボーダー*/
.newslist div {
	margin: 0 0 8px;
	padding: 8px 12px 12px;
	border-bottom: 1px dotted #CCC;
	zoom: 1;
}
/*フロート解除:回り込みクリア*/
.newslist div:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
/*最後のラインを消去*/
.newslist div:last-child {
	border: none;
}
/*テキストリンク*/
.news a:link, .news a:visited {
	color: #CCC;
	text-decoration: underline
}
/*----------------------------------------------------------*/
/*幸せが壊れる時にはいつも血の匂いがする*/
.info {
	background: url(_image/info.jpg) no-repeat center top;
	background-size: 100% auto;
	margin: 0;
	padding: 28% 0 0 0;
	text-indent: -99999px;
}
/*登場人物*/
.info2 {
	background:#000 url(_image/chara.jpg) no-repeat center top;
	background-size: 100% auto;
	margin: 0;
	padding: 160% 0 0 0;
	text-indent: -99999px;
}
/*コミックス*/
.info3 {
	background:#000 url(_image/comics.jpg) no-repeat center top;
	background-size: 100% auto;
	margin: 0;
	padding: 12% 0 0 0;
	text-indent: -99999px;
}
/*読み切り*/
.info4 {
	background:#000 url(_image/ex.jpg) no-repeat center top;
	background-size: 100% auto;
	margin: 0;
	padding: 12% 0 0 0;
	text-indent: -99999px;
}
/*テキストボックス*/
.infotxt {
	background:url(_image/txtBG.png);
	margin: 0;
	padding: 8px 24px 24px;
	color: #333;
}
/*コミックスボックス*/
.comics {
	background:#000;
	margin: 0;
	padding: 8px 24px 24px;
	color: #FFF;
}
/*タイトル*/
.infotxt strong,.comics strong{
	display: block;
	font-size: 20px;
	line-height: 1.6;
}
/*作者*/
.infotxt em,.comics em{
	display: block;
	font-style: normal;
}
/*書影*/
.infotxt img,.comics img{
	max-width:50%;
	margin: 12px auto 16px auto;
}


.comics dl,.comics dt,.comics dd{
	margin: 0;
	padding: 0;
}
/*ボタン*/
.comics ul {
	margin: 12px 0 0;
	padding: 0;
	font-size: 0;
}
.comics ul li:first-child {
	display: inline-block;
	width: 100%;
	margin: 0 auto;
}
.comics ul li {
	display: inline-block;
	width: 50%;
	margin: 1px 0 0;
	padding: 0;
	box-sizing: border-box;
	border-right:2px solid #000; 
}



/*-----------------------------------------------------------------*/
/*YOUTUBE*/
.youtube {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	margin: 12px 0 0 0;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/*テキストリンク*/
 a.link:link,a.link:visited {
	 display: block;
	background: #8a1d30;
	 margin: 2px auto;
	 padding: 10px 8px 8px;
	 font-size: 12px;
	 font-size: 1.2rem;
	color: #FFF;
	text-decoration:none;
	 text-align: center;
}

/*フロート解除*/
.clear {
	zoom: 1;
}
/*フロート解除:回り込みクリア*/
.clear:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}