@charset "UTF-8";
/*==============================================

    THEME COMICS

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

/*==============================================
    COMICS INDEX
==============================================*/

.comics-top .l-frame {
	width:90%;
	max-width:100%; 
	padding:20px 10px; 
	background-color:#fff; 
	margin-top:-120px; 
	z-index:2; 
	position:relative; 
	box-sizing:border-box;
}

.comics-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.comics-list li {
	width: 95%;
	margin: 40px 2.5% 0;
}
.comics-list li:nth-child(1) {
	margin-top: 0;
}
.comics-list li .photo{
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
	position: relative;
}
.comics-list li .photo{
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
}
.comics-list li .photo a{
	display: block;
	position: relative;
}
.comics-list li .photo a::after{
	content:'';
	display:block;
	width:100%;
	height:100%;
	border:10px solid #ffffff;
	box-sizing:border-box;
	position:absolute;
	top:0;
	left:0;
}
.comics-list li .comics-ttl{
	padding:15px 0 0;
	font-size: 1.29em;
	line-height: 1.5;
	font-weight:bold;
	text-align:center;
}

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

	.comics-top .l-frame {
		max-width:900px; 
		padding:40px 30px; 
		margin-top:-160px; 
	}
	.comics-list li {
		width: 45%;
		margin: 50px 2.5% 0;
	}
	.comics-list li:nth-child(1), 
	.comics-list li:nth-child(2) {
		margin-top: 0;
	}
}





/*==============================================
    COMICS INDIVIDUAL
==============================================*/

.comics-single .c-section {
	width:90%;
	max-width:100%; 
	padding:40px 0 0px;
	margin:0 auto;
	background-color:#fff; 
	margin-top:-60px; 
	z-index:2; 
	position:relative; 
	box-sizing:border-box;
}
.comics-single .t-textarea__title {
	margin:0 0 15px;
	font-weight: 700;
	font-family: "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 24px;
	line-height: 1.66667;
	text-align:center!important;
}
.comics-single .l-frame {
	width:100%;
	max-width:100%; 
	padding:0 0 30px; 
	background-color:#fff; 
	z-index:2; 
	position:relative; 
	box-sizing:border-box;
}
.comics-single .l-frame .comicBox {
	margin-bottom:25px;
}
@media screen and (min-width: 540px) {

	.comics-single .c-section {
		max-width:900px; 
		padding:60px 30px 0px; 
		margin-top:-80px; 
	}
	.comics-single .t-textarea__title {
		font-size: 28px;
	}
	.comics-single .l-frame {
		max-width:900px; 
		padding:0 0 60px; 
	}
}