@charset "UTF-8";

/* ▼共通▼ */

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: normal;
	}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
	}

body {

	font-family: "Yu Gothic Medium", YuGothic, "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;

	}

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

/* サイズが変わる時の動きを緩める */
a, img, div, p, h1, h2, h3, h4, h5, h6, article {

	transition-property:all;
	-moz-transition-property:all;
	-webkit-transition-property:all;
	-o-transition-property:all;
	-ms-transition-property:all;

	transition-duration:0.6s;
	-moz-transition-duration:0.6s;
	-webkit-transition-duration:0.6s;
	-o-transition-duration:0.6s;
	-ms-transition-duration:0.6s;

	transition-timing-function:ease-in-out;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-timing-function:ease-in-out;
	-o-transition-timing-function:ease-in-out;
	-ms-transition-timing-function:ease-in-out;

	}

img {
	width: 100%;
	}

ul { padding: 0; }

article {

	margin-bottom: 25px;

	}

h2 {

	margin-bottom: 20px;

	}

/* ▽カラムの余白5px▽ */
.col-right-5 {

	padding-right: 5px;

	}

.col-left-5 {

	padding-left: 5px;

	}

/* ▽カラムの余白10px▽ */
.col-right-10 {

	padding-right: 10px;

	}

.col-left-10 {

	padding-left: 10px;

	}

/* ▽カラムの余白削除▽ */
.col-right-0 {

	padding-right: 0;

	}

.col-left-0 {

	padding-left: 0;

	}

#sdKeyword {

	color: #000;
	background: #fff;
	border: none;
	padding: 3px 5px;
	width: 80%;
	height: 25px;

	}

/* ▽460px以下で改行▽ */
.xxs-br { display:none; }

@media (max-width: 460px) {
.xxs-br { display:block; }
	}

/* ▽タイトル上のミニタイトル▽ */
.min-title {

	position: relative;
	padding: 5px 0 0 5px;
	margin-bottom: 5px;

	}

.min-title:before {

	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-top: 18px solid #E50012;
	border-right: 27px solid transparent;

	}

.min-title p {

	font-size: 0.73rem!important;
	color: #808080!important;
	font-weight: bold;
	position: relative;
	z-index: 100;
	line-height: 1.1;
	margin: 0;

	}

.boldText {

	font-weight: bold;

	}

/* ▽赤文字▽ */
.red {

	color: #E50012;

	}

/* ▽タイトル▽ */
h2.mainTit {

	font-size: 2.62rem;
	border-bottom: 3px solid #ccc;
	padding-bottom: 5px;

	}

h2.mainTit span {

	font-size: 1.9rem;
	margin-left: 20px;

	}

@media (max-width: 576px) {

	h2.mainTit {
		font-size: 2.2rem;
		border-bottom: 3px solid #ccc;
		}

	h2.mainTit span {
		font-size: 1.5rem;
		margin-left: 10px;
		}

	}

/* ▲共通▲ */


/* ▼ヘッダー▼ */

header {

	color: #fff;

	}

@media (max-width: 768px) {

	header {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10000000000;
		}

	div.content {
		padding-top: 72px;
		}

	}

@media (max-width: 450px) {

	div.content {
		padding-top: 61px;
		}

	}

@media all and (max-width: 768px) {

	_:-ms-lang(x),html.mm-opened.mm-blocking header {
		position: absolute;
		}

	}

@media all and (-ms-high-contrast:none) and (max-width: 768px) {

	*::-ms-backdrop, html.mm-opened.mm-blocking header {
		position: absolute;
		}

	}


.main_header {

	padding-top: 10px;
	border-bottom: 2px solid;
	background: #000;
	border-bottom: 3px solid #BABABF;

	}

@media (max-width: 768px) {

	.main_header {

		padding-top: 5px;
		margin-bottom: 0;

		}

	}

.main_header a {

	color: #fff;

	}

.main_header .container {

	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;

	position: relative;

	}

.main_header .titleBox {

	overflow: hidden;
	width: 400px;
	font-weight: bold;
	margin-bottom: -10px;

	}

@media (max-width: 992px) {

	.main_header .titleBox {
		width: auto;
		}

	}

@media (max-width: 768px) {

	.main_header .titleBox {
		padding-left: 20px;
		}

	}

@media (max-width: 767px) {

	.main_header .titleBox {
		margin: auto;
		margin-bottom: -10px;
		padding-left: 60px;
		margin-top: 0;
		}

	}

@media (max-width: 420px) {

	.main_header .titleBox {
		padding-left: 25px;
		width: 220px;
		margin-top: 0;
		}

	}

.main_header .titleBox h1 {

	margin-bottom: 0;
	max-width: 100%;

	}

.main_header .titleBox h1 img {

	width: auto;
	max-width: 100%;
	position: relative;
	z-index: 100000000;
	max-height: 75px;

	}

.main_header .titleBox h1 img.d-lg-block {

	display: none;

	}

.main_header .container form {

	margin-left: auto;
	width: 240px;
	padding-left: 5px;

	}

.main_header .container p.searchCaption {

	margin: 0;
	margin-bottom: 0;
	font-size: 0.89rem;

	}

.search-menu { display: none; }

@media (max-width: 767px) {

	.main_header .container form, 
	.main_header .container p.searchCaption {
		display: none;
		}

	.search-menu {
		display: block;
		max-width: 25px;
		margin: auto;
		margin-left: 10px;
		padding-bottom: 5px;
		}

	}

.searchSubmitBtn {

	width: 30px;
	height: 25px;
	background: url(../images/search_icon.png) no-repeat;
	background-size: 80%;
	border: none;

	}

.main_header .searchSubmitBtn {

	background: url(../images/search_icon2.png) no-repeat;
	background-size: 80%;

	}

.main_header .container .twitter_share {
	margin-left: 10px;
	margin-bottom: 5px;
	}

@media (max-width: 380px) {

	.main_header .container .twitter_share {
		margin-left: 5px;
		margin-bottom: 5px;
		}

	}

.main_header .container .twitter_share a {

	width: 30px;
	display: block;
	margin: auto;

	}

.main_header .container .twitter_share p {

	font-size: 0.5rem;
	margin: 0;
	text-align: center;
	line-height: 1.3;

	}

@media (max-width: 768px) {

	.menu {
		display: none;
		}

	}

.menu ul {

	padding: 0;
	margin: 0;
	overflow: hidden;

	}

.menu ul li {

	list-style: none;
	font-size: 0.97rem;
	text-align: center;
	line-height: 1.2;
	font-weight: bold;
	border-right: 3px solid #fff;
	float: left;
	width: 14.27%;

	}

.menu ul li:last-child {

	border-right: none;

	}

.menu ul li.award span {

	font-size: 0.8rem;

	}


@media (max-width: 992px) {

	.menu ul li {
		font-size: 0.75rem;
		}

	.menu ul li.award span {
		font-size: 0.65rem;
		}

	}

.menu ul li a {

	text-decoration: none;
	display: block;
	background: #F3F3F3;
	padding: 20% 5%;
	height: 70px;
	color: #000;
	position: relative;

	}

.menu ul li.award a {

	padding: 7% 5%;

	}

@media (max-width: 992px) {

	.menu ul li a {

		padding: 20% 3%;
		height: 55px;

		}

	.menu ul li.award a {

		padding: 9% 5%;

		}

	}

.menu ul li a:before {

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

	}

#index .menu ul li.index a, 
#release .menu ul li.release a, 
#future .menu ul li.future a, 
#comics .menu ul li.comics a, 
#special .menu ul li.special a, 
#award .menu ul li.award a, 
.menu ul li a:hover {

	background: #d2d2d2;

	}


/* ▼スマホ版メニュー▼ */
.menu_sp {

	width: 30px;
	height: 25px;
	left: 15px;
	margin: 0;

	}

@media (min-width: 769px) {

	.menu_sp {

		display: none!important;

		}

	}

.menu_sp a {

	display: block;

	}

.menu_sp span {

	display: block;
	height: 4px;
	background: #fff;
	margin: 6.5px 0;

	}

.menu_sp a:before, 
.menu_sp a:after {

	content: "";

	display: block;

	height: 4px;

	background: #fff;

	}

.mm-listview>li:not(.mm-divider):after {

	left: 0;

	}

.mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before {

	width: 7px;

	height: 7px;

	}

.mm-menu {

	background: #E5E5E7;

	}

html.mm-pagedim-black.mm-opening #mm-blocker {

	opacity: 0.4;

	}

.mm-menu .mm-navbar a {

	color: #E50012;
	font-weight: bold;

	}

html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview>li {

	font-size: 1rem;
	font-weight: bold;
	color: #000;

	}

.mm-listview>li:not(.mm-divider):after, .mm-navbar {

	border-color: #fff;

	}

.mm-listview>li>a {

	padding: 10px 10px 10px 30px;

	}

.mm-listview>li>a:hover {

	background: #eee;

	}

.mm-listview>li>a:before {

	content:"";
	width: 0;
	height: 0;
	display: inline-block;
	border-top: 5px solid transparent;
	border-left: 5px solid #E50012;
	border-bottom: 5px solid transparent;
	margin-left: -10px;
	margin-right: 15px;

	}

/* 検索窓＆詳細検索リンク */

.mm-listview>li>span {

	padding: 7px 10px 7px 20px;

	}

#menu ul li.no-link {

	padding: 10px 25px 0 25px;

	}

#menu ul li.no-link p.searchCaption {

	margin: 0;
	font-size: 0.875rem;

	}

.mm-listview>li.no-link>span.text {

	padding: 5px 0;
	font-size: 0.875rem;

	}

.mm-listview>li.no-link>span.text:before {

	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/search_icon.png) no-repeat;
	background-size:contain;
	vertical-align:middle;
	margin-right: 5px;

	}

.mm-listview>li.no-link:not(.mm-divider):after {

	border: none;

	}

#menu ul li.no-link form #sdKeyword2 {

	display: inline-block;
	width: 80%;
	height: 30px;
	padding: 5px;
	border-radius: 0;
	background: #fff;
	border: 1px solid #ccc;

	}

#menu ul li.no-link .searchSubmitBtn {

	margin-left: 5px;
	background: #3D3D3D;
	color: #fff;
	padding: 5px;
	height: 30px;
	width: 35px;
	border-radius: 0;

	}

#menu ul li.no-link .searchCaption a {

	color: #000;
	position: relative;

	}

#menu ul li.no-link .searchCaption a:after {

	content:"";
	width: 0;
	height: 0;
	display: inline-block;
	border-top: 6px solid transparent;
	border-left: 10px solid #000;
	border-bottom: 6px solid transparent;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	margin-left: 5px;

	}

html.mm-pagedim-black #mm-blocker {

	overflow: hidden;

	}


/* ▲ヘッダー▲ */

/* ▼中身▼ */

.mainCont {

	margin-top: 25px;

	}

/* ▲中身▲ */

/* ▼特集バナー▼ */

#special_banner .banner {

	margin-bottom: 15px;

	}

/* ▲特集バナー▲ */


/* ▼フッター▼ */

/* ▽集英社・他バナー示▽ */

#other_banner {

	margin: 0;
	margin-top: 50px;
	background: #E5E5E5;
	padding: 20px 0 10px;

	}

#other_banner .row {

	margin: auto -5px;

	}

#other_banner .banner {

	margin-bottom: 10px;
	padding: 0 5px;

	}

#other_banner .banner img {

	width: auto;
	height: auto;
	max-width: 100%;

	}

/* △集英社・他バナー△ */

footer {

	background: #000;
	padding: 20px 0;
	color: #fff;

	}

footer #footerInner .right {

	text-align: right;
	padding-left: 5px;

	}

footer #footerInner .right span.one,
footer #footerInner .right span.two {

	margin-right: 10px;

	}

footer #footerInner .right a {

	color: #fff;
	text-decoration: underline;

	}

.page_link {

	padding-top: 80px;
	margin-top: -80px;

	}

/* ▲フッター▲ */


#colorbox {

	transition-property: none;
	-moz-transition-property: none;
	-webkit-transition-property: none;
	-o-transition-property: none;
	-ms-transition-property: none;

	}