/*
Theme Name: 小町ネット様用テーマ
Theme URI: none
Description:小町ネット　共通パーツ：漫画
Version: 3.0
Author: 株式会社ルシアス
Author URI:
*/

@charset "utf-8";


/* ==================================================================== */
/* comic
/* ==================================================================== */
#comic{
	margin-bottom: 50px;
	text-align: center;
}
#comic h2{
}
#comic h2 img{
	width: 100%;
}
#comics{
	display: none;
}
#comics img{
	width: 100%;
	max-width: 960px;
}
#comics img[src*="comic/immediately."]{
	margin-bottom: 5%;
	width: 75%;
}
#comic_btn{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: #D80614;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 125%;
	line-height: 1.2;
	overflow: hidden;
	padding: 5px 5px 1.125em;
	position: relative;
	transition: opacity 0.2s ease-out 0s;
}
#comic_btn:hover{
	opacity: 0.7;
}
#comic_btn:after{
	font-family:"Material Design Icons";
	font-size: 150%;
	line-height: 1;
	position: absolute;
	bottom: 0;
	left: 50%;
	-ms-transform: translate(-50%, 5%);
	-webkit-transform: translate(-50%, 5%);
	transform: translate(-50%, 5%);
}
#comics:not(.active) + #comic_btn:after{
	content: "\F35D";
}
#comics.active + #comic_btn:after{
	content: "\F360";
}
#comic_more{
}
#comics.active + #comic_btn #comic_more{
	display: none;
}
#comic_less{
}
#comics:not(.active) + #comic_btn #comic_less{
	display: none;
}
#comic_close{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: #D80614;
	color: #FFFFFF;
	cursor: pointer;
	display: none;
	font-size: 125%;
	line-height: 1.2em;
	padding: 0.25em 0;
	position: fixed;
	top: 112px;
	left: 0;
	text-align: center;
	transition: opacity 0.2s ease-out 0s;
	width: 4em;
	z-index: 1000;
}
#comic_close:hover{
	opacity: 0.7;
}
@media screen and (min-width:768px){
	#comic{
		margin-bottom: 6.25em;
	}
	#comic_btn{
		font-size: 150%;
		padding: 0.875em 0.875em 1.125em;
	}
	#comic_close{
		font-size: 125%;
		top: 2.8em;
	}
}