@charset "utf-8";
/* common*/


	.koma {
		margin:2%;
	}

.comic-nav{
	margin-bottom:20px;
	border-top:solid thin #ccc;
	padding-top:10px;

}
.comic-nav-next{
	text-align:right;
	float:right;
	padding:10px 0px 20px 10px;
}
.comic-nav-back{
	float:left;
	padding:10px 10px 20px 0px;
}

.comic-nav span{
	display:inline-block;
	background-color:gray;
	text-weight:bold;
	color:white;
	padding:10px 20px 10px 20px;
	border-radius:5px;
}

@media screen and (min-width:600px) and ( max-width:959px) {

// タブレットに適用したいスタイル //
	


}





@media screen and (min-width:960px)  {
		.comic {
		display:flex;
		flex-flow: row-reverse;
flex-wrap:wrap;
	}
	.koma {
		width:45%;

	}

	.koma img {
		
	}
	.comic-nav-next{
	width:40%;
}
.comic-nav-back{
	width:40%;
}
	
	
}







@media screen and (min-width:1281px) {

// 横幅の広いデスクトップに適用したいスタイル //





}