@charset "utf-8";
.header-menu>ul>li.header-menu-hide {
	display: none;
}

@media (min-width: 1216px) {
	.product-image.the_school_idol_movie_a img,
	.product-image.the_school_idol_movie_b img,
	.product-image.the_school_idol_movie_c img,
	.product-image.the_school_idol_movie_d img,
	.product-image.the_school_idol_movie_e img,
	.product-image.the_school_idol_movie_f img,
	.product-image.the_school_idol_movie_g img,
	.product-image.the_school_idol_movie_h img,
	.product-image.the_school_idol_movie_i img {
		padding: 0 22px;
	}
	.product-image.p5_bp img,
	.product-image.p5_td img {
		padding: 0 24px;
	}
	.product-image.fate-ubw_bp img {
		padding: 0 10px;
	}

	.product-image.spset_s img {
		padding: 0 10px;
	}
}
.recent-products {
	margin: 8px auto;
	width: 100%;
}

.recent-products td {
	width: 100%;
	text-align: center;
}

.recent-products td img {
	width: 48%;
	margin: 2px;
	text-align: center;
}

a.todays-card-img {
	position: relative;
}
a.todays-card-img img {
	position: absolute;
	display: none;
}
a.todays-card-img:after {
	content: "";
	display: block;
	clear: both;
}

/* -------------------------------------
 カードリスト
------------------------------------- */
.category_select {
	margin-bottom: 8px;
}

/* -------------------------------------
 PRカード
------------------------------------- */
.contents-box-main.system.system_card_pr {
	overflow-x: hidden;
}
@media screen and (min-width: 1216px) {
	#prcard_filter #prcard_filter_work_title {
		max-width: 75%;
	}
}

/* -------------------------------------
 大会掲載
------------------------------------- */

.battle-list-table th:nth-child(1){width:40%;text-align:left}
.battle-list-table th:nth-child(2){width:10%}
.battle-list-table th:nth-child(3){width:6%}
.battle-list-table th:nth-child(4){width:10%}
.battle-list-table th:nth-child(5){width:7%}
.battle-list-table th:nth-child(6){width:7%}
.battle-list-table th:nth-child(7){width:20%}

@media (min-width: 640px){
	.battle-list-table th:nth-child(1){width:40%}
	.battle-list-table th:nth-child(2){width:10%}
	.battle-list-table th:nth-child(3){width:6%}
	.battle-list-table th:nth-child(4){width:10%}
	.battle-list-table th:nth-child(5){width:7%}
	.battle-list-table th:nth-child(6){width:7%}
	.battle-list-table th:nth-child(7){width:20%}
}
.battle-list-table th.row-search{width:27%}

.entrant {
	color: #33AA33;
}

/* -------------------------------------
 大会検索
------------------------------------- */
input[type=button].clear_hold_date {
	margin-left: 6px;
	padding: 4px 8px;
}
.system-error-message {
	margin: 8px 0;
	padding: 8px 12px;
	border: 1px solid #F66;
	color: #F66;
}

/* -------------------------------------
 デッキレシピ
------------------------------------- */
.deckrecipe-history-list.recipe-list {
	margin-bottom: 24px;
}

/* -------------------------------------
 カード詳細
------------------------------------- */
.card-detail-table .graphic {
	width: 100%;
	height: auto;
	text-align: center;
}
@media (min-width: 680px) {
	.card-detail-table th.col-2 {
		width: 65px;
	}
	.card-detail-table .graphic {
		width: 350px;
	}
}
.card-detail-table .graphic>img {
	max-width: 350px;
	max-height: 350px;
}

/* -------------------------------------
 プライバシーポリシー
------------------------------------- */
.privacy {
	text-align: left;
	font-size: 11px;
	font-size: 1.1rem;
	margin-bottom: 20px;
	color: #28a3d9;
	font-weight: bold;
}
.privacy a {
	color: #28a3d9;
	text-decoration: none;
}
.privacy a:hover {
	color: #FFF;
	background-color: #28a3d9;
	-webkit-animation: menu-hover .5s linear 0s infinite alternate;
	animation: menu-hover .5s linear 0s infinite alternate;
}

@media screen and (max-width: 679px) {
	.privacy {
		font-size: 12px;
		font-size: 1.2rem;
	}
	.privacy a {
		display: block;
		padding: 10px;
		color: #FFF;
	}
}
@media screen and (min-width: 680px) {
	.privacy {
		font-size: 12px;
		font-size: 1.2rem;
		text-align: center;
	}
	.privacy a {
		padding: 6px;
	}
}
@media screen and (min-width: 1216px) {
	.privacy {
		font-size: 13px;
		font-size: 1.3rem;
	}
}

/* -------------------------------------
 フッターロゴ
------------------------------------- */
.site-footer {
	padding-bottom: 48px;
}
.footer-logo {
	font-size: 16px;
	font-size: 1.6rem;
	padding-left: 24px;
	padding-right: 24px;
	margin-bottom: 0;
	margin-top: 18px;
	color: #e0e0e5;
	text-align: center;
}
.footer-logo span {
	padding: 0 12px;
}
.footer-logo img {
	max-width: 160px;
	vertical-align: middle;
}
@media screen and (max-width: 679px) {
	.footer-logo {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.footer-logo span {
		padding: 0 8px;
	}
	.footer-logo img {
		max-width: 120px;
	}
}