@charset "UTF-8";
/* CSS Document */

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

comics

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

ul.comics_menu {

	margin-top: 30px;
	margin-bottom: 20px;

	}

ul.comics_menu li {

	list-style: none;
	text-align: center;
	margin-bottom: 10px;

	}

ul.comics_menu li a {

	display: block;
	padding: 10px;
	background-color: #E50012;
	color: #fff;
	font-weight: bold;
	position: relative;

	}

ul.comics_menu li a:hover {

	text-decoration: none;
	background-color: #f4695f;

	}

ul.comics_menu li a:before {

	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #fff;

	}

@media all and ( max-width: 768px ) {
	#new_release, #future, #list {

		margin-top: -75px;
		padding-top: 75px;

		}
	}

#new_release, #future, #list {

	margin-bottom: 50px;

	}

.rightBox {

	margin-top: 0!important;

	}

.title_box {

	position: static;
	max-width: 100%;

	}

@media all and ( min-width: 768px ) {
	#future .title_box p.author span {

		margin-right: 15px;

		}
	}

.spbnrBox2.row {

	margin: 0;
	width: 100%;

	}

.spbnrBox2 p {

	margin-bottom: 5px;

	}

h4.b_no {

	font-size: 1.07rem;
	margin-top: 10px;

	}

h4.b_no a {

	color: #E50012;

	}

h4.b_no a span.before_tit, h4.b_no a span.after_tit {

	font-size: 90%;

	}

.listBox p {

	font-size: 0.91rem;

	}