@import url('https://fonts.googleapis.com/css?family=Quicksand');
/*===================================

	コミック共通

===================================*/
#contents .main_contents .box_comic{
	padding: 30px 0 40px;
	border-top: 5px solid #002e58;
	background-color: #fff;
}
#contents .main_contents .box_comic .box_comic_inner{
	padding: 0 40px;
}
.l_categories #contents .main_contents .box_content.mt00{
	margin-top: 0px !important;
}
.l_categories #contents .main_contents .box_content02{
	background: transparent;
	margin-top: 32px;
	margin-left: 0;
	margin-right: 0;
	padding: 0 40px;
}
.box_comic a:hover{
	-webkit-transition: all .3s;
	transition: all .3s;
}
/*パンくずリスト*/
.bread_crumb_box{
	width: 100%;
	/*margin: 0 auto 29px;*/
	margin: 0 auto 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.2rem;
	text-align: left;
}
.bread_crumb_box span{
	margin: 0 5px 0 0;
}
.bread_crumb_box span::after{
	content: '';
	width: 5px;
	min-height: 8px;
	padding: 0 14px 0 0;
	background: url(/common/img/icon_bread_crumb_arrow.png) no-repeat center right;
}
.bread_crumb_box span:last-child::after{
	background: none;
}
/* 最新情報 */
.content_comic_article_01,
#category_top_list{
	/*margin: 0 0 40px;
	margin: 0 0 20px;*/
	margin: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	text-align: left;
}
.content_comic_article_01 a{
	/*width: 48%;*/
	width:375px;
	margin: 0 0 20px;
	position: relative;
}
.content_comic_article_01 a.first_post{
	width: 850px;
	margin: 0 0 20px;
}
.content_comic_article_01 a.first_post dl{
	background: url(/common/img/bg_top_topics_pc.png);
	padding: 10px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	text-align: left;
	box-sizing: border-box;
}
.content_comic_article_01 a dl dt{
	width: 375px;
	height: 375px;
	background: #f1f1f1;
	overflow: hidden;
	border: solid 1px #e1e8ec;
	box-sizing: border-box;
}
.content_comic_article_01 a.first_post dl dt{
	width: 355px;
	height: 355px;
}
.content_comic_article_01 a.first_post dl dd{
	width: 395px;
	height: 355px;
	background: #fff;
	padding: 0 36px;
	display: table;
	overflow: hidden;
	box-sizing: border-box;
}
.content_comic_article_01 a.first_post dl dd div{
	display: table-cell;
	vertical-align: middle;
}
.content_comic_article_01 a dl dt img{
	width: 100%;
	height: auto;
}
/*.content_comic_article_01 a:first-child dl dt{
	min-height: 317px;
	background: #f1f1f1;
}*/
.content_comic_article_01 a.first_post::after{
	content: '';
	width: 100%;
	height: 100%;
	max-width: 97px;
	max-height: 97px;
	background: url(/common/img/icon_comic_new_top.png) no-repeat 0 0 / 100% auto;
	position: absolute;
	right: 0;
	top: 0;
}
.content_comic_article_01 #category_top_list a:nth-child(1)::after,
.content_comic_article_01 #category_top_list a:nth-child(2)::after{
	content: '';
	width: 100%;
	height: 100%;
	max-width: 80px;
	background: url(/common/img/icon_comic_new.png) no-repeat 0 0 / 100% auto;
	position: absolute;
	right: 0;
	top: 0;
}
.l_categories .article_detail .content_body .content_comic_article_01 a dl dd h3{
	margin: 2px 0;
	font-size: 1.8rem;
	color: #212121;
}
.l_categories .article_detail .content_body .content_comic_article_01 a.first_post p.comic_category_title{
	font-size: 1.8rem;
}
.l_categories .article_detail .content_body .content_comic_article_01 a.first_post dl dd h3{
	margin: 10px 0 5px;
	font-size: 2.4rem;
}
.content_comic_article_01 a dl dd div{
	margin: 12px 0 0;
}
.content_comic_article_01 a dl dd p.comic_category_title{
	font-size: 1.4rem;
}
.content_comic_article_01 a dl dd p{
	margin: 0 0 2px;
	font-weight: bold;
	font-size: 1.4rem;
	color: #212121;
}
.content_comic_article_01 a.first_post dl dd p{
	margin: 0 0 20px;
	font-size:1.8rem;
}
.content_comic_article_01 a dl dd p.date{
	margin: 0;
	font-weight: normal;
	font-size: 1.2rem;
	color: #718597;
}
.content_comic_article_01 a:not(.first_post):hover dl dt{
	background: #fff;
	border: solid 1px #F45B69;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.content_comic_article_01 a:hover dl dt img{
	width: 110%;
	margin: 0 -25px;
	opacity: .7;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.content_comic_article_01 a:hover dl dd h3{
	-webkit-transition: all .3s;
	transition: all .3s;
	color: #002e58 !important;
}
.content_comic_article_01 a:hover dl dd p.comic_category_title{
	-webkit-transition: all .3s;
	transition: all .3s;
	color: #F45B69;
}
.content_comic_article_01 a.first_post dl dd .marker{
	background: rgba(255,255,51,1);
	padding: 1px 2px;
	position: relative;
}
.content_comic_article_01 a.first_post dl dd .marker::before,
.content_comic_article_01 a.first_post dl dd .marker::after{
	content: '';
	background: rgba(255,255,51,1);
	height: 1.1em;
	position: absolute;
	width: 1em;
	z-index: -1;
}
.content_comic_article_01 a.first_post:hover dl dd .marker{
	-webkit-transition: all .3s;
	transition: all .3s;
	color: #002e58;
}
/* 連載作品 */
.content_comic_article_02{
	/*margin: 0 0 40px;*/
	margin: 0 0 20px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	text-align: left;
}
.content_comic_article_02 a{
	width: 100%;
	height: 100%;
	max-width: 373px;
	margin: 0 0 20px;
}
.content_comic_article_02 a dl dt{
	height: 152px;
	background: #f1f1f1;
	overflow: hidden;;
}
.content_comic_article_02 a dl dt img{
	width: 100%;
	height: auto;
}
.content_comic_article_02 a dl dt:hover{
	opacity: .5;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.content_comic_article_02 a dl dd h3{
	margin: 10px 0 1px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #212121;
}
.content_comic_article_02 a dl dd p{
	margin: 0 0 2px;
	font-weight: bold;
	font-size: 1.4rem;
	color: #212121;
}
.content_comic_article_02 a dl dd p.date{
	margin: 0;
	font-weight: normal;
	font-size: 1.2rem;
	color: #718597;
}
.content_comic_article_02 a:hover dl dd h3{
	color: #002e58 !important;
	-webkit-transition: all .3s;
	transition: all .3s;
}
/*刊行情報*/
.content_comic_bookList{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	text-align: left;
}
.content_comic_bookList dl{
	width: 230px;
}
.content_comic_bookList dl dt{
	width: 230px;
	height: auto;
	background: #f1f1f1;
	border: solid 1px #e1e8ec;
	box-sizing: border-box;
	line-height: 0;
}
.content_comic_bookList dl dt a img{
	width: 100%;
	height: auto;
}
.content_comic_bookList dl dd h3{
	margin: 10px 0 5px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #002e58;
}
.content_comic_bookList dl dd p{
	margin: 0 0 5px;
	font-weight: normal;
	font-size: 1.2rem;
	color: #002e58;
}
/*作品詳細ページ*/
.content_comic_article_03{
	width: 100%;
	/*margin: 0 0 39px;*/
	margin: 0 0 10px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	text-align: left;
}
.content_comic_article_03 a{
	width: 48%;
	margin: 0 0 20px;
}
.content_comic_article_03 a dl{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	text-align: left;
}
.content_comic_article_03 a dl dt{
	width: 150px;
	height: 150px;
	background: #f1f1f1;
	margin: 0 20px 0 0;
	position: relative;;
	overflow: hidden;
	border: solid 1px #e1e8ec;
	box-sizing: border-box;
}
.content_comic_article_03 a dl dt img{
	width: 100%;
	height: auto;
}
.content_comic_article_03 a:hover dl dt img{
	opacity: .7;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.content_comic_article_03 a:first-child dl dt::after{
	width: 150px;
	height: 150px;
	content: 'NEW!';
	background: rgba(244,91,105,0.7);
	position: absolute;
	top: 0;
	left: 0;
	font-family: 'Quicksand', sans-serif;
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 150px;
	color: #fff;
	text-align: center;
}
.content_comic_article_03 a dl dd{
	width: 199px;
}
.content_comic_article_03 a dl dd p{
	margin: 0 0 1px;
	font-size: 1.8rem;
	font-weight: bold;
}
.content_comic_article_03 a dl dd h3{
	margin: 0 0 2px !important;
	font-size: 1.8rem;
	font-weight: bold;
}
.content_comic_article_03 a dl dd p.date{
	font-size: 1.2rem;
	font-weight: normal;
	color: #718597;
}
.content_comic_article_03 a:hover{
	-webkit-transition: all .3s;
	transition: all .3s;
}
/* button */
.btn_comic_more a::after,
.btn_comic_more02::after,
.view_more_button::after{
	content: url(/common/img/icon_arrow_down.png);
	padding: 0 0 0 15px;
}
.btn_comic_more a,
.view_more_button{
	width: 100%;
	background: #ffff33;
	padding: 18px 0;
	display: block;
	border: none;
	border-radius: 50px;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}
.btn_comic_more02{
	width:770px;
	background: #ffff33;
	padding: 18px 0;
	display: block;
	border: none;
	border-radius: 50px;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}
.btn_comic_more a:hover,
.btn_comic_more02:hover
.view_more_button:hover{
	background: #e1e8ec;
	-webkit-transition: all .2s;
	transition: all .2s;
	color: #161a6f;
}
.btn_comic_buy a{
	width: 100%;
	padding: 8px 0;
	display: block;
	border: solid 2px #f45b69;
	border-radius: 50px;
	box-shadow: 5px 5px 0 #f45b69;
	box-sizing: border-box;
	font-size:1.2rem;
	font-weight: bold;
	text-align: center;
}
a.singleBtn{
	border-right: none;
}
.btn_comic_buy a::before{
	content: '';
	background: url(/common/img/icon_buy.png) no-repeat center left;
	padding: 0 30px 0 0;
}
.btn_comic_buy a:hover{
	box-shadow: none;
	-webkit-transition: all .1s;
	transition: all .1s;
	transform: translate3d(0px, 5px, 0);
}
ul.sns_comic_list{
	width: 208px;
	margin: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
	text-align: left;
}
ul.sns_comic_list li a img{
	/*width: 40px;*/
	width: 50px;

}
ul.sns_comic_list li:first-child{
	display: none;
}
ul.sns_comic_list li:first-child:hover{
	opacity: 1;
}
ul.sns_comic_list li:hover{
	opacity: 0.5;
	-webkit-transition: all .2s;
	transition: all .2s;
}
ul.sns_comic_list02{
	width: 198px;
	margin: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
	text-align: left;
}
ul.sns_comic_list02 li:first-child:hover{
	opacity: 1;
}
ul.sns_comic_list02 li img{
	width: 40px;
	height: 40px;
}
ul.sns_comic_list02 li:hover{
	opacity: 0.5;
	-webkit-transition: all .2s;
	transition: all .2s;
}
/*===================================

	コミック中ページ

===================================*/
/*キービジュアル*/
.head_key {
	margin: 0 0 20px;
}
.head_key dl dt{
	width: 100%;
	height: 320px;
	background: #f1f1f1;
	margin: 0 0 20px;
	overflow: hidden;
}
.head_key dl dt img{
	width: 100%;
	height: auto;
}
.head_key dl dd .headings_block{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	text-align: left;

}
#contents .main_contents .head_key .headings{
	margin: 0 0 26px;
}

#contents .main_contents .head_key .headings02{
	margin: 0 0 14px;
}
#contents .main_contents .head_key .headings h2,
#contents .main_contents .head_key .headings02 h2{
    margin-left: -50px;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    display: inline-block;
    border: 4px solid #002e58;
    color: #002e58;
    padding: 8px 36px;
    background-color: transparent;
    letter-spacing: 0.2em;
}
.head_key dl dd ul.btn{
	/*margin: 20px 0;*/
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	text-align: left;
}
#contents .main_contents .head_key dl{
	margin: 0 0 35px;
}
/*.head_key dl dd ul.btn a{
	background: #000;
	padding: 10px 0;
	border: solid 5px #000;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
}
.head_key dl dd ul.btn a:hover{
	background: none;
	border: solid 5px #000;
	color: #000;
}
.head_key dl dd ul.btn a:first-child{
	width: 60%;
}
.head_key dl dd ul.btn a:last-child{
	width: 38%;
}*/
.top_btn_block{
	margin: 0 0 38px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	text-align: left;
}
.prevList,
.nextList{
	width: 150px;
}
.top_btn_block a.prev,
.top_btn_block a.next{
	width: 150px;
	display: block;
	border: solid 2px #e1e8ec;
	border-radius: 50px;
	box-sizing: border-box;
	box-shadow: 5px 5px 0 #e1e8ec;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}
.top_btn_block a.prev{
	padding: 10px 5px 10px 0;
}
.top_btn_block a.next{
	padding: 10px 0 10px 5px;
}
.top_btn_block a.prev:hover,
.top_btn_block a.next:hover{
	box-shadow: none;
	-webkit-transition: all .1s;
	transition: all .1s;
	transform: translate3d(0px, 5px, 0);
}
.top_btn_block ul.btn{
	/*margin: 20px 0;*/
	padding: 10px 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: left;
}
.top_btn_block ul.btn a:first-child{
	margin: 0 39px 0 0;
	padding: 0 39px 0 0;
	border-right: solid 1px #e1e8ec;
}
a.singleBtn{
	margin: 0 !important;
	border-right: none !important;
}
a.prev::before{
	content: url(/common/img/icon_comic_preview.png);
	margin: 0 15px 0 0;
}
a.next::after{
	content: url(/common/img/icon_comic_next.png);
	margin: 0 0 0 15px;
}
.head_key dl dd h1{
	margin: 0;
	font-size: 1.8rem;
	font-weight: bold;
}
.head_key dl dd h2{
	margin: 0;
	font-size: 2.4rem;
	font-weight: bold;
}
.head_key dl dd p.date{
	font-size: 1.2rem;
	color: #718597;
}
/*コンテンツメイン*/
.content_comic_main{
text-align: center;
}
.content_comic_main .btn{
	width: 100%;
	background: #000;
	margin: 20px 0;
	padding: 10px 0;
	display: block;
	border: solid 5px #000;
	box-sizing: border-box;
	color: #fff;
	text-align: center
}
.content_comic_main .btn:hover{
	background: none;
	border: solid 5px #000;
	color: #000;
}

/*作家プロフィール*/
.content_comic_author dl{
	width:100%;
	/*margin: 0 0 20px;*/
	margin: 0 0 40px;
	padding: 25px 0 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	text-align: left;
}
.content_comic_author.border{
	border-top: solid 1px #e1e8ec;
}
.content_comic_author dl dt{
	width: 150px;
	height: 150px;
	background: #f1f1f1;
	margin: 0 20px 0 0;
}
.content_comic_author dl dt img{
	width: 100%;
	height: auto;
}
.content_comic_author dl dd{
	width: calc(100% - 170px);
	width: -webkit-calc(100% - 170px);
}
.content_comic_author dl dd h3{
	margin: 0 0 10px !important;
	font-size: 1.8rem;
	font-weight: bold;
	color: #212121 !important;
}
.content_comic_author dl dd p{
	font-size: 1.4rem;
}
/*SNS周り*/
.content_comic_main_sns{
	margin: 20px 0;
	padding: 0 50px 37px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
	text-align: left;
}

.btn_comic_impressions a{
	width: 281px;
	margin: 0 0 0 -5px;
	padding: 14px 0 14px 10px;
	display: block;
	border: solid 2px #f45b69;
	border-radius: 50px;
	box-shadow: 5px 5px 0 #f45b69;
	box-sizing: border-box;
	font-size:1.4rem;
	font-weight: bold;
	text-align: center;
}
.btn_comic_impressions a::after{
	content: '';
	background: url(/common/img/icon_impressions.png) no-repeat center right;
	padding: 0 0 0 30px;
}
.btn_comic_impressions a:hover{
	box-shadow: none;
	-webkit-transition: all .1s;
	transition: all .1s;
	transform: translate3d(0px, 5px, 0);
}
/*ページャー*/
.content_comic_main_pager{
	margin: 20px 0;
	/*padding: 0 25px;*/
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	border-top: solid 1px #e1e8ec;
	border-bottom: solid 1px #e1e8ec;
	text-align: left;
}
.content_comic_main_pager .prevList,
.content_comic_main_pager .nextList{
	min-width: 150px;
}
.content_comic_main_pager a{
	font-size: 1.4rem;
	font-weight: bold;
}
.content_comic_main_pager li{
	width: 430px;
	height: 68px;
	/*padding: 22px 0;*/
	line-height: 68px;
	text-align: center;
}
.content_comic_main_pager li a{
	width: 100%;
	height: 68px;
	display: block;
	margin: 0;
	padding: 0;
}
.content_comic_main_pager li:first-child{
	width: 150px;
	height: 68px;
	/*padding: 22px 37px 22px 0;*/
	padding: 0;
	line-height: 68px;
	border-right:  solid 1px #e1e8ec;
	box-sizing: border-box;
	text-align: center;
}
.content_comic_main_pager li:last-child{
	width: 150px;
	height: 68px;
	/*padding: 22px 37px 22px 0;*/
	padding: 0;
	line-height: 68px;
	border-left:  solid 1px #e1e8ec;
	box-sizing: border-box;
	text-align: center;
}

@media screen and (max-width: 640px) { 
	#contents{
		margin: 2.6666666vw 0 0;
		padding: 0;
	}
	#contents .main_contents .box_comic{
		padding:0;
		border-top: none;
		box-sizing: border-box;
	}
	#contents .main_contents .box_comic .box_comic_inner{
		padding: 0;
	}
	.comic_sp_menu{
		width: 100%;
		/*margin: 0 0 3.7333333vw;*/
		margin: 0 0 1.3vw;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
		border-bottom: solid 1px #e1e8ec;
		text-align: left;
	}
	.comic_sp_menu li,
	.comic_sp_menu a{
		width: 50%;
		display: block;
		font-weight: bold;
		text-align: center;
	}
	.comic_sp_menu li:first-child,
	.comic_sp_menu a li:first-child{
		border-right: solid 1px #e1e8ec;
	}
	.comic_sp_menu li{
		padding: 3.4666666vw 0;
		border-top: 5px solid #f45b69;
		box-sizing: border-box;
		color: #f45b69;
	}
	.comic_sp_menu a{
		border-top: 5px solid #e1e8ec;
		text-decoration: center;
		color: #002e58;
	}
	.comic_sp_menu a li{
		color: #002e58;
	}
	.comic_sp_menu a:hover{
		border-top: 5px solid #f45b69;
		text-decoration: center;
	}
	.comic_sp_menu a:hover li{
		color: #f45b69;
	}
	.comic_sp_menu a li{
		width: 100%;
	}
	.comic_sp_menu a li{
		border: none;
	}
	.bread_crumb_box{
		width: calc(100% - 5.3333333vw);
		width: -webkit-calc(100% - 5.3333333vw);
		margin: 0 0 1.4vw;
		padding: 0 2.6666666vw;
	}
	.l_categories #contents .main_contents .box_content,
	#contents .main_contents .box_content{
		/*margin: 2.6666666vw 0 0;*/
		margin: 16px 0 0;
		padding: 0;
	}
	.content_comic_article_01{
		width: 94.6666667vw;
		margin: 0 auto;
	}
	.content_comic_article_01 a.first_post{
		width: 100%;
		height: 45.8666667vw;
		margin: 0 0 2.66666665vw;
		overflow: hidden;
	}
	.content_comic_article_01 a.first_post::after{
		content: '';
		width: 100%;
		height: 100%;
		max-width: 16vw;
		max-height: auto;
		background: url(/common/img/icon_comic_new.png) no-repeat 0 0 / 100% auto;
		position: absolute;
		right: 0;
		top: 0;
	}
.content_comic_article_03{
position:relative;
}
	.content_comic_article_01 #category_top_list a:nth-child(1)::after,
	.content_comic_article_01 #category_top_list a:nth-child(2)::after{
		content: '';
		width: 100%;
		height: 100%;
		max-width: 13.3333333vw;
		background: url(/common/img/icon_comic_new.png) no-repeat 0 0 / 100% auto;
		position: absolute;
		right: 0;
		top: 0;
	}
	.content_comic_article_01 a{
		width: 46.1333333vw;
		/*margin: 2.6666666vw 0 5.0666666vw;*/
		margin: 0 0 5.0666666vw;
	}
	.content_comic_article_01 a dl dd div{
		margin: 2.6666666vw 0 0;
	}
	.content_comic_article_01 a dl dt{
		width: 100%;
	}
	.btn_comic_more a::after{
		content: url(/common/img/icon_arrow_down.png);
		padding: 0 0 0 4vw;
	}
	.btn_comic_more a{
		/*width: calc(100% - 5.3333333vw);
		width: -webkit-calc(100% - 5.3333333vw);*/
		width: 94.6666667vw;
		margin: 0 auto;
		padding: 4.8vw 0;
	}
	.l_categories .article_detail .content_body .content_comic_article_01 a dl dd h3{
		/*margin: 0 0 1.8666666vw;
		margin: 0 0 0.2333337vw;*/
		margin: 5px 0;
		line-height: 1.3;
		font-size: 3.8vw;
	}

	.content_comic_article_01 a dl dd p.comic_category_title{
		font-size: 3.2vw;
	}
	.content_comic_article_01 a dl dd p{
		/*margin: 0 0 1.8666666vw;*/
		margin: 0 0 0.2333337vw;
		font-size: 3.2vw;
	}
	.content_comic_article_01 a dl dd p.date{
		font-size: 3.2vw;
	}
	.sp_border{
		margin: 2.6666666vw 0 0 !important;
		padding: 5.0666666vw 0 0 !important;
		border-top:solid 1px #e1e8ec;
	}
	.sp_border_bottom{
		margin: 0 0 2.6666666vw !important;
		padding: 0 0 5.0666666vw !important;
		border-bottom:solid 1px #e1e8ec;
	}
	#contents .main_contents .box_content .headings h2{
		width: 100%;
		margin: 0 0 5.3333333vw;
		padding: 0;
		border: none;
		font-size: 3.7333333vw;
		text-align: center;
		color: #212121;
	}
	.l_categories #contents .main_contents .box_content .headings h2{
		margin-left: 0;
		text-align: center;
	}
	.head_key dl dd h2{
		margin: 0;
		font-size: 5.3333333vw;
		font-weight: bold;
	}
	#contents .main_contents .head_key .headings02 h2{
		width: 100%;
		margin: 0 0 0.88888888vw;
		padding: 0;
		border: none;
		font-size: 3.7333333vw;
		line-height: 0;
		text-align: center;
		color: #212121;
	}
	.content_comic_article_01 a.first_post dl{
		background: url(/common/img/bg_top_topics_sp.png);
		height: 45.8666667vw;
		padding: 2.13333vw;
		position: relative;
	}
	.content_comic_article_01 a.first_post dl dt{
		height: 41.600006vw;
		line-height: 0;
		position: relative;
	}
	.content_comic_article_01 a.first_post:hover dl dt::after{
		content: '';
		width: 100%;
		height: 100%;
		/*background: rgba(113,133,151,0.7);*/
		background: rgba(255,255,255,0.7);
		position: absolute;
		top: 0;
		left: 0;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	.content_comic_article_01 a dl dt{
		height: auto;
		line-height: 0;
	}
	.content_comic_article_01 a:hover dl dt img{
		width: 100%;
		margin: 0;
	}
	.content_comic_article_01 a.first_post dl dd{
		width: 90.4vw;
		height: auto;
		background: none;
		padding: 0 4.8vw;
		display: block;
		position: absolute;
		/*bottom: 1.33333vw;*/
		bottom: 2.6vw;
		left: 0;
	}
	.content_comic_article_01 a.first_post dl dd div{
		padding: 0 1.5vw 0 0;
	}
	.content_comic_article_01 a.first_post dl dd .marker{
		background:rgba(255,255,51,0.95);
		padding: 0.2666666vw 0.5333333vw;
	}
	.content_comic_article_01 a.first_post dl dd .marker::before,
	.content_comic_article_01 a.first_post dl dd .marker::after{
		content: '';
		background:rgba(255,255,51,0.95);
		height: 1.1em;
	}
	.content_comic_article_01 a.first_post dl dd h3{
		margin: 2.6666666vw 0 1.8666666vw !important;
		font-size: 4.2666666vw !important;
	}
	.content_comic_article_01 a.first_post dl dd p{
		margin: 0 0 2.1333333vw;
		font-size: 3.2vw !important;
	}
	.content_comic_article_01 a.first_post dl dd p.date{
		background: rgba(255,255,255,1.0);
		position: absolute;
		bottom: 0;
		/*right: 2.6666666vw;*/
		right: 0;
		font-size: 3.2vw;
		text-shadow: none;
		color: #718597;
	}

	/* 連載作品 */
	.content_comic_article_02{
		margin: 0;
		padding:0 1.86666667vw;
		justify-content: space-between;
		text-align:left;
	}
	.content_comic_article_02 a dl dd h3{
		font-size: 3.8vw;
		line-height: 1.3;
		margin: 6px 0 5px;
	}
	.content_comic_article_02 a dl dd p{
		font-size: 3.2vw;
		line-height: 1.3;
		margin-bottom: 5px;
	}
	.content_comic_article_02 a{
		width: 46.9333333vw;
	}
	.content_comic_article_02 a dl dt{
		height: auto;
		background: #f1f1f1;
		line-height: 0;
	}
	.l_categories .article_detail .content_body .content_comic_article_02 a dl dd h3{
		margin-top: 1.3333333vw;
		margin-bottom: 0;
		font-size: 3.7333333vw;
	}
	.l_categories .article_detail .content_body .content_comic_article_02 a dl dd p{
		font-size: 3.2vw;
	}
	.l_categories .article_detail .content_body .content_comic_article_02 a dl dd p.date{
		font-size: 3.2vw;
	}
	/*刊行情報*/
	.content_comic_bookList{
		justify-content: space-around;
		padding: 0 0 5vw;
		border-bottom: solid 1px #e1e8ec;
	}
	.content_comic_bookList dl{
		width: 29.6vw;
	}
	.content_comic_bookList dl dt{
		width: 100%;
		height: auto;
		line-height: 0;
	}
	.content_comic_bookList dl dd{
		display: none;
	}

	/*キービジュアル*/
	.head_key {
		/*margin: 3.7333333vw 0 5.3333333vw;*/
		margin: 0 0 5.3333333vw;
	}
	.head_key dl dt{
		width: 100%;
		height: auto;
		background: #f1f1f1;
		margin: 0 0 5.3333333vw;
		overflow: hidden;
		line-height: 0;
	}
	.head_key dl dt img{
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
	}
	.head_key dl dd .headings_block{
		display: block;
	}
	#contents .main_contents .head_key .headings{
		margin: 0;
	}
	#contents .main_contents .head_key .headings h2{
		width: 100%;
		margin: 0 0 5.3333333vw;
		padding: 0;
		border: none;
		font-size: 3.7333333vw;
		text-align: center;
		color: #212121;
	}
	.head_key dl dd p.date{
		/*padding: 1.6vw 0 0;*/
		padding: 0.8vw 0 0;
	}
	.sns_comic_list_sp_block{
		/*width: calc(100% - 5.3333333vw);
		width: -webkit-calc(100% - 5.3333333vw);*/
		margin: 2.6666666vw auto 0;
		padding: 2.4vw 0 2.1333333vw;
		border-top:solid 1px #e1e8ec;
		border-bottom:solid 1px #e1e8ec;
	}
	/*作品詳細ページ*/
	.content_comic_article_03{
		width: calc(100% - 5.3333333vw);
		width: -webkit-calc(100% - 5.3333333vw);
		margin: 0 auto 2.6666666vw;
		display: block;
	}
	.content_comic_article_03 a
	.content_comic_article_03 .article_list_00{
		width: 100%;
		margin: 0;
		padding: 0;
		position: relative;
	}
	.content_comic_article_03 a.article_list_00:first-child::after{
		content: '';
		width: 94.6666666vw;
		height: 26.6666666vw;
		margin: 0;
		padding: 0;
		top: 0;
		position: absolute;
		background: url(/common/img/icon_comic_new.png) no-repeat right top / 15% auto;
	}
	.content_comic_article_03 a dl{
		width: 100%;
		padding: 0 0 2.6666666vw;
		margin: 0 0 2.6666666vw;
		border-bottom:solid 1px #e1e8ec;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: stretch;
		text-align: left;
	}
	.content_comic_article_03 a:last-child dl{
		border-bottom: none;
	}
	.content_comic_article_03 a dl dt{
		/*width: 37.8666666vw;
		height: 37.8666666vw;*/
		width: 23.4666666vw;
		height: 23.4666666vw;
		background: #f1f1f1;
		margin: 0 2.6666666vw 0 0;
		position: relative;
		overflow: hidden;
		border: solid 1px #e1e8ec;
		box-sizing: border-box;
		text-align: center;
	}
	.content_comic_article_03 a:first-child dl dt::after{
		width: 18.9333333vw;
		height: 18.9333333vw;
		content: '';
		background: transparent;
		position: absolute;
		top: 0;
		left: 0;
		font-family: 'Quicksand', sans-serif;
		font-size: 8.5333333vw;
		font-weight: bold;
		line-height: 40vw;
		color: #fff;
		text-align: center;
	}
	.content_comic_article_03 a dl dd{
		width: calc(100% - 43.1999998vw);
		width: -webkit-calc(100% - 43.1999998vw);
		width: -moz-calc(100% - 43.1999998vw);
	}
	.content_comic_article_03 a dl dd p{
		/*margin: 0 0 1.6vw;*/
		margin: 0 0 0.2vw;
		font-size: 3.7333333vw;
	}
	.content_comic_article_03 a dl dd h3{
		margin: 0 0 0.2vw !important;
		font-size: 4.2666666vw !important;
	}
	.content_comic_article_03 a dl dd p.date{
		font-size: 3.2vw;
	}
	.content_comic_author{
		margin: 0 0 2.4vw;
	}
	.content_comic_author.border{
		border: none;
	}
	/*作家プロフィール*/
	.content_comic_author dl{
		width: calc(100% - 5.3333333vw);
		width: -webkit-calc(100% - 5.3333333vw);
		margin: 0 auto;
		/*padding: 0 0 2.6666666vw;*/
		padding: 2.5666666vw 0;
		border-bottom: solid 1px #e1e8ec;
	}
	.content_comic_author dl:first-child{
		margin: 2.6666666vw auto 0;
		border-top: solid 1px #e1e8ec;
	}
	.content_comic_author dl dt{
		width: 23.4666666vw;
		height: 23.4666666vw;
		background: #f1f1f1;
		margin: 0 2.6666666vw 0 0;
	}
	.content_comic_author dl dd{
		width: calc(100% - 26.1333333vw);
		width: -webkit-calc(100% - 26.1333333vw);
	}
	.content_comic_author dl dd h3{
		margin: 0 0 1.6vw !important;
		font-size: 3.7333333vw !important;
	}
	.head_key dl dd{
		padding:0 2.6666666vw;
	}
	.head_key dl dd ul.btn{
		/*width: calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		margin: 5.3333333vw auto 2.6666666vw;*/
		margin: 2.6666666vw auto;
		/*margin: 20px 0;*/
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
		font-size: 3.7333333vw;
		font-weight: bold;
		}
	.head_key dl dd ul.btn a{
		width: 48%;
		background: #ffff33;
		/*padding: 3.7333333vw 0 3.4666666vw;*/
		padding: 3.6vw 0;
		border-radius: 13.3333333vw;
		text-align: center;
		color: #212121;
	}
	a.singleBtn{
		width: 100% !important;
		display: block;
	}
	.head_key dl dd ul.btn a:hover{
		background: #F2F5F7;
		-webkit-transition: all .2s;
		transition: all .2s;
		color: #212121;
	}
	#contents .main_contents .head_key dl{
		margin: 0 0 4.6666666vw;
	}
	.sns_comic_list_sp_footer{
		width: 100%;
		margin: 2.6666666vw auto;
		padding: 5.3333333vw 0 0;
		border-top: solid 1px #e1e8ec;
	}
	ul.sns_comic_list{
		width: 80vw;
		margin: 0 auto;
	}
	ul.sns_comic_list li{
		width: 13.3333333vw;
	}
	ul.sns_comic_list li a img{
		width: 100%;
		height: auto;
	}
	p.content_comic_topBtn a{
		width: 100%;
		background: #718597;
		padding: 6.4vw 0 6.6666666vw;
		display: block;
		font-family: 'Quicksand', sans-serif;
		font-size: 4.2666666vw;
		/*font-size: 3.7333333vw;*/
		font-weight: bold;
		text-align: center;
		color: #fff;
	}
	p.content_comic_topBtn a::before{
		content:'';
		background:url(/common/img/icon_comic_arrow_top.png) no-repeat center left / 50% 50%;
		padding: 0 8vw 0 0;
	}
	p.content_comic_topBtn a:hover{
		-webkit-transition: all .2s;
		transition: all .2s;
		opacity: 0.5;
	}
	.content_comic_main_order{
		display: flex;
		flex-wrap: wrap-reverse;
	}
	/*SNS周り*/
	.content_comic_main_sns{
		width: 100%;
		/*margin: 5.3333333vw 0 4vw;*/
		margin: 2.6666667vw 0 2vw;
		padding: 0;
		display: block;
		/*border-bottom: solid 1px #e1e8ec;*/
		border: none;
	}

	.btn_comic_impressions a{
		width: calc(100% - 5.3333333vw);
		width: -webkit-calc(100% - 5.3333333vw);
		margin: 0 auto 6.6666666vw;
		padding: 3.7333333vw 0;
		display: block;
		border: solid 2px #f45b69;
		border-radius: 50px;
		box-shadow: 5px 5px 0 #f45b69;
		box-sizing: border-box;
		font-size:3.7333333vw;
		font-weight: bold;
		text-align: center;
	}
	.btn_comic_impressions a::after{
		content: '';
		background: url(/common/img/icon_impressions.png) no-repeat center right;
		padding: 0 0 0 8vw;
	}
	.btn_comic_impressions a:hover{
		box-shadow: none;
		-webkit-transition: all .1s;
		transition: all .1s;
		transform: translate3d(0px, 5px, 0);
	}
	/*ページャー*/
	.content_comic_main_pager{
		width: 100%;
		margin: 2.6666666vw 0;
		padding: 0;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: stretch;
		text-align: center;
		border-top: solid 1px #e1e8ec;
		border-bottom: solid 1px #e1e8ec;
	}
	.content_comic_main_pager li{
		width: 34%;
		height: 17.3333333vw;
		/*padding: 5.8666666vw 0;*/
		padding: 0;
		line-height: 17.3333333vw;
		box-sizing: border-box;
	}
	.content_comic_main_pager li a{
		width: 100%;
		height: 17.3333333vw;
		display: block;
	}
	.content_comic_main_pager li:first-child,
	.content_comic_main_pager li:last-child{
		width: 33%;
		min-width: auto;
		padding: 0;
		/*padding-left: 0;
		padding-right: 0;*/
		text-align: center;
	}
	.content_comic_main_pager li:first-child{
		border-right: solid 1px #e1e8ec;
	}
	.content_comic_main_pager li:last-child{
		border-left: solid 1px #e1e8ec;
	}
	.content_comic_main_pager a{
		font-size: 3.7333333vw;
		font-weight: bold;
	}
	.btn_comic_more a,
	.btn_comic_more02,
	.view_more_button{
		/*width: calc(100% - 5.3333333vw);
		width: -webkit-calc(100% - 5.3333333vw);*/
		width: 94.6666667vw;
		margin: 0 auto;
	}
}