/*	comic
============================== */

div.bx-wop-comic div.bx-wop-btn ul {
	list-style-type:none;
}
div.bx-wop-comic div.bx-wop-btn ul li.btn-w-prev {
	float:left;
}
div.bx-wop-comic div.bx-wop-btn ul li.btn-w-next {
	float:right;
}
div.bx-wop-comic p.btn-w-close a, div.bx-wop-comic div.bx-wop-btn ul li a {
	display:block;
	text-indent:110%;white-space:nowrap;overflow:hidden;
	background-image:url(/gibomusu_blues/2020/img/arrow_wop.svg);
	background-repeat:no-repeat;
}
div.bx-wop-comic p.btn-w-close {
	margin:0 auto;
}
@media all and (min-width: 768px) {
div.bx-wop-comic p.btn-w-close, div.bx-wop-comic div.bx-wop-btn ul li {
	width:80px;
}
div.bx-wop-comic div.bx-wop-btn ul li a, div.bx-wop-comic p.btn-w-close a {
	height:80px;
	background-size:150px 480px;
}
div.bx-wop-comic div.bx-wop-btn ul li.btn-w-prev a {
	background-position:left top;
}
div.bx-wop-comic div.bx-wop-btn ul li.btn-w-next a {
	background-position:0 -80px;
}
div.bx-wop-comic p.btn-w-close a {
	background-position:0 -160px;
}
}
@media all and (max-width: 767px) {
div.bx-wop-comic div.bx-wop-btn {
	width:156px;
	margin:0 auto;
}
div.bx-wop-comic p.btn-w-close {
	clear:both;
}
div.bx-wop-comic div.bx-wop-btn ul li {
	padding-bottom:6px;
}
div.bx-wop-comic div.bx-wop-btn ul li, div.bx-wop-comic p.btn-w-close {
	width:75px;
}
div.bx-wop-comic div.bx-wop-btn ul li:first-child {
	margin-right:6px;
}
div.bx-wop-comic div.bx-wop-btn ul li a, div.bx-wop-comic p.btn-w-close a {
	height:40px;
	background-size:75px 240px;
	background-color:#f0d6a8;
}
div.bx-wop-comic div.bx-wop-btn ul li.btn-w-prev a {
	background-position:0 -120px;
}
div.bx-wop-comic div.bx-wop-btn ul li.btn-w-next a {
	background-position:0 -160px;
}
div.bx-wop-comic p.btn-w-close a {
	background-position:0 -200px;
}
}





div.bx-wop-comic {
	text-align:left;
	position:absolute;
	left:50%;
	z-index:5200;
}
div.bx-w-comic span,
div.bx-w-comic span img {
	display:block;
}
div.bx-w-comic span {
	background-size:cover;
	background-position:center top;
}
@media all and (min-width: 768px) {
div.bx-wop-comic {
	width:500px;
	margin-left:-250px;
	padding:30px 0;
}
div.bx-w-comic {
	margin-bottom:20px;
}
div.bx-w-comic span img {
	width:500px;
	height:1552px;
}
}
@media all and (min-width: 480px) and (max-width: 767px) {
div.bx-wop-comic {
	width:460px;
	margin-left:-230px;
	padding:15px 0;
}
div.bx-w-comic {
	margin-bottom:15px;
}
div.bx-w-comic span img {
	width:460px;
	height:1428px;
}
}
@media all and (min-width: 375px) and (max-width: 479px) {
div.bx-wop-comic {
	width:340px;
	margin-left:-170px;
}
div.bx-w-comic span img {
	width:340px;
	height:1056px;
}
}
@media all and (max-width: 479px) {
div.bx-wop-comic {
	padding:12px 0;
}
div.bx-w-comic {
	margin-bottom:12px;
}
}
@media all and (max-width: 374px) {
div.bx-wop-comic {
	width:300px;
	margin-left:-150px;
}
div.bx-w-comic span img {
	width:300px;
	height:931px;
}
}
