@charset "utf-8";
/* -------------------------------------
 背景
------------------------------------- */
.site {
	background-image: url(../jpg/bg_vgd_dz_white.jpg);
}
@media screen and (max-width: 869px) {
	.site-header-top {
		background-image: url(../jpg/bg_vgd_dz_white.jpg);
	}
	.header-search, .header-menu {
		background-image: url(../jpg/bg_vgd_dz_white.jpg);
	}
}
.products-movie {
	background-image: url(../jpg/bg_vgd_dz_b.jpg);
}

/* -------------------------------------
 パンくず
------------------------------------- */
@media screen and (min-width: 696px) {
	.site-breadcrumbs span, .site-breadcrumbs a {
		font-size: 1.1rem;
	}
	.site-breadcrumbs {
		margin-bottom: 16px;
	}
}

/* -------------------------------------
 大会検索
------------------------------------- */

.system-error-message {
	margin: 8px 0;
	padding: 8px 12px;
	border: 1px solid #F66;
	color: #F66;
}

.battle-list-table .with-favorite>s>span {
	display: block;
	text-align: left;
}

@media screen and (min-width: 696px) {
	.battle-list-table .with-favorite>s>span {
		padding-right: 9.5em;
	}
}

/* -------------------------------------
 tweetボタン非表示処理
------------------------------------- */
.twitter-share-button-hide {
	display: none;
}

/* -------------------------------------
 デッキレシピ検索
------------------------------------- */
.recipe-search-result-table .category span {
	text-align: center;
	display: inline-block;
	color: #fff;
	background-color: #777;
	padding: .2em .4em;
	line-height: 1;
	white-space: nowrap;
	width: 100%;
	font-size: 1.4rem;
}
.recipe-search-result-table .category span.title {
	background-color: #d93175;
}
.recipe-search-result-table .category span.prize {
	background-color: #4cb748;
}
.recipe-search-result-table .category span.recommend {
	background-color: #d6be20;
}
@media screen and (max-width: 696px) {
	.recipe-search-result-table .category span {
		font-size: 1.2rem;
	}
}

/* -------------------------------------
 デッキレシピ詳細
------------------------------------- */
.recipe_data .recipe-image {
	text-align: center;
	margin-bottom: 16px;
}

.recipe-single-list li {
	position: relative;
}
.recipe-single-list .ride {
	width: 95%;
	height: 95%;
	position: absolute;
	right: 3%;
	top: 3%;
	background-size: 22% auto;
	background-repeat: no-repeat;
	background-position: right 0 top 0;
	z-index: 100;
	pointer-events: none;
}
.recipe-single-list .landscape .ride {
	top: 28%;
}

@media screen and (min-width: 696px) and (max-width: 869px) {
	.recipe-single-list .ride {
		background-size: 27% auto;
	}
}
@media screen and (min-width: 1216px) {
	.recipe-single-list .ride {
		background-size: 27% auto;
	}
}

.recipe-single-list li.grade-10 {
	background-color: #b9b9b9;
}

.recipe-single-list li.grade-11 {
	background-color: #707070;
}

/* -------------------------------------
 大会
------------------------------------- */
.battle-list-table .event-name a,
.battle-list-table .event-name .no-link {
	background-color: #194bb7;
	font-weight: bold;
}

.events-banner-certified li.standard a.d-panel:before,
.top-events-banner li.standard a.d-panel:before,
.events-banner-certified li.pstandard a.d-panel:before,
.top-events-banner li.pstandard a.d-panel:before,
.events-banner-certified li.female-vstandard a.d-panel:before,
.top-events-banner li.female-vstandard a.d-panel:before {
	margin-left: auto;
	margin-right: 0;
	border-left-width: 2em;
	border-right-width: 0;
}
.events-banner-certified li.vstandard a.d-panel:before,
.top-events-banner li.vstandard a.d-panel:before,
.events-banner-certified li.female-standard a.d-panel:before,
.top-events-banner li.female-standard a.d-panel:before,
.events-banner-certified li.female-pstandard a.d-panel:before,
.top-events-banner li.female-pstandard a.d-panel:before {
	margin-left: 0;
	margin-right: auto;
	border-left-width: 0;
	border-right-width: 2em;
}
.events-banner-certified li.standard a.d-panel .date,
.top-events-banner li.standard a.d-panel .date,
.events-banner-certified li.pstandard a.d-panel .date,
.top-events-banner li.pstandard a.d-panel .date,
.events-banner-certified li.female-vstandard a.d-panel .date,
.top-events-banner li.female-vstandard a.d-panel .date {
	left: auto;
	right: 0;
	padding-left: 2em;
	padding-right: 1em;
}
.events-banner-certified li.vstandard a.d-panel .date,
.top-events-banner li.vstandard a.d-panel .date,
.events-banner-certified li.female-standard a.d-panel .date,
.top-events-banner li.female-standard a.d-panel .date,
.events-banner-certified li.female-pstandard a.d-panel .date,
.top-events-banner li.female-pstandard a.d-panel .date {
	left: 0;
	right: auto;
	padding-left: 1em;
	padding-right: 2em;
}

.events-banner-certified li.standard a.navi-panel:before,
.top-events-banner li.standard a.navi-panel:before,
.events-banner-certified li.vstandard a.navi-panel:before,
.top-events-banner li.vstandard a.navi-panel:before,
.events-banner-certified li.pstandard a.navi-panel:before,
.top-events-banner li.pstandard a.navi-panel:before,
.events-banner-certified li.extreme a.navi-panel:before,
.top-events-banner li.extreme a.navi-panel:before {
	margin-left: auto;
	margin-right: 0;
	border-left-width: 2em;
	border-right-width: 0;
}
.events-banner-certified li.female-standard a.navi-panel:before,
.top-events-banner li.female-standard a.navi-panel:before,
.events-banner-certified li.female-vstandard a.navi-panel:before,
.top-events-banner li.female-vstandard a.navi-panel:before,
.events-banner-certified li.female-pstandard a.navi-panel:before,
.top-events-banner li.female-pstandard a.navi-panel:before,
.events-banner-certified li.female-extreme a.navi-panel:before,
.top-events-banner li.female-extreme a.navi-panel:before {
	margin-left: 0;
	margin-right: auto;
	border-left-width: 0;
	border-right-width: 2em;
}
.events-banner-certified li.standard a.navi-panel .date,
.top-events-banner li.standard a.navi-panel .date,
.events-banner-certified li.vstandard a.navi-panel .date,
.top-events-banner li.vstandard a.navi-panel .date,
.events-banner-certified li.pstandard a.navi-panel .date,
.top-events-banner li.pstandard a.navi-panel .date,
.events-banner-certified li.extreme a.navi-panel .date,
.top-events-banner li.extreme a.navi-panel .date {
	left: auto;
	right: 0;
	padding-left: 2em;
	padding-right: 1em;
}
.events-banner-certified li.female-standard a.navi-panel .date,
.top-events-banner li.female-standard a.navi-panel .date,
.events-banner-certified li.female-vstandard a.navi-panel .date,
.top-events-banner li.female-vstandard a.navi-panel .date,
.events-banner-certified li.female-pstandard a.navi-panel .date,
.top-events-banner li.female-extreme a.navi-panel .date,
.events-banner-certified li.female-standard a.navi-panel .date,
.top-events-banner li.female-extreme a.navi-panel .date {
	left: 0;
	right: auto;
	padding-left: 1em;
	padding-right: 2em;
}

/* -------------------------------------
 お気に入りショップ
------------------------------------- */
#fav-shop-h3 {
	margin-top: 80px;
}
#fav-shop-loading {
	text-align: center;
}
.fav_shop_info_container {
	border: #aeaeae 1px solid;
}
.fav_shop_info_container .fav_shop_info_area {
	border: none;
}

@media screen and (max-width: 696px) {
	.battle-list-table .map-link {
		display: none;
	}
}
.fav_shop_info_container:nth-child(n+2) {
	margin-top: 40px;
}
@media screen and (min-width: 696px) {
	.fav_shop_info_container:nth-child(n+2) {
		margin-top: 60px;
	}
}
.fav-battle-list-table tr th:first-child,
.fav-battle-list-table tr td:first-child {
	border-left: none;
}
.fav-battle-list-table tr th:last-child,
.fav-battle-list-table tr td:last-child {
	border-right: none;
}

.fav-battle-list-table tr:last-child th,
.fav-battle-list-table tr:last-child td {
	border-bottom: none;
}
.battle-list-table.fav-battle-list-table .event-name a,
.battle-list-table.fav-battle-list-table .event-name .no-link {
	background-color: #194bb7;
	font-weight: bold;
}
.fav-battle-list-table {
	margin-bottom: 0;
}


/* -------------------------------------
 講習会
------------------------------------- */
.lecture-prefecture-label {
	margin-top: 32px;
}
.lecture-list-table {
	margin-bottom: 0;
}
.lecture-prefecture-container .lecture-list-table.lecture-item tr:first-child th,
.lecture-prefecture-container .lecture-list-table.lecture-item tr:first-child td {
	border-top: none;
}


/* -------------------------------------
 カードリスト・Q&A（商品画像）
------------------------------------- */
.image.cardlist-img-vgd {
	margin-top: 8px;
}

/* -------------------------------------
 商品情報（商品画像）
------------------------------------- */
.top-products-slide-container .img img.img-vgd,
.products-list .no-link .img img.img-vgd,
.products-list a .img img.img-vgd {
	margin-top: 8px;
}

/* -------------------------------------
 はじめてのかたへ
------------------------------------- */
@media screen and (min-width: 696px) {
	.top-channel {
		margin-bottom: 40px;
	}
	.top-beginner {
		margin-bottom: 16px;
	}
}
.top-beginner img {
	margin-bottom: 4px;
}

/* -------------------------------------
 ファーストガイド
------------------------------------- */
.smartphoto-firstthumb.smartphoto-firstthumb-rev li {
    display: inline-block;
}
.smartphoto-firstthumb.smartphoto-firstthumb-rev li:not(:last-child) {
    display: none;
}

/* -------------------------------------
 ヘッダ
------------------------------------- */

@media screen and (min-width: 870px) and (max-width: 949px) {
	.header-menu>ul>li {
		font-size: 1.2rem;
	}
	.header-menu>ul a {
		padding-left: .3em;
		padding-right: .3em;
	}
	.site-header-top-menu .header-menu {
		margin-right: 0;
	}
	.site-header-top-menu .header-channel-link {
		margin-right: -6px;
	}
	.site-header-top-menu .header-search-toggle {
		margin-right: 0;
	}
}

@media screen and (min-width: 950px) and (max-width: 1095px) {
	.header-menu>ul>li {
		font-size: 1.3rem;
	}
	.header-menu>ul a {
		padding-left: .4em;
		padding-right: .4em;
	}
	.site-header-top-menu .header-menu, .site-header-top-menu .header-channel-link {
		margin-right: 0;
	}
}
@media screen and (min-width: 1096px) and (max-width: 1123px) {
	.header-menu>ul a {
		padding-left: .5em;
		padding-right: .5em;
	}
}
@media screen and (min-width: 1124px) and (max-width: 1249px) {
	.header-menu>ul a {
		padding-left: .5em;
		padding-right: .5em;
	}
}
@media screen and (min-width: 1250px) and (max-width: 1280px) {
	.header-menu>ul a {
		padding-left: .6em;
		padding-right: .6em;
	}
}

/* -------------------------------------
 プライバシーポリシー
------------------------------------- */
.site-footer .privacy {
	text-align: center;
	font-size: 8px;
	font-size: .8rem;
	padding-left: 32px;
	padding-right: 32px;
	line-height: 1.25;
	margin-bottom: 6px;
	color: #eee;
}
.site-footer .privacy a {
	color: #FFF;
	text-decoration: none;
}
@media screen and (min-width: 1216px) {
	.site-footer .privacy {
		font-size: 10px;
		font-size: 1rem;
	}
}
@media screen and (min-width: 696px) {
	.site-footer .privacy {
		font-size: 9px;
		font-size: .9rem;
	}
}
/* -------------------------------------
 ガイドライン
------------------------------------- */
.site-footer .vg_guideline {
	text-align: center;
	font-size: 8px;
	font-size: .8rem;
	padding-left: 32px;
	padding-right: 32px;
	line-height: 1.25;
	margin-bottom: 20px;
	color: #eee;
}
.site-footer .vg_guideline a {
	color: #FFF;
	text-decoration: none;
}
@media screen and (min-width: 1216px) {
	.site-footer .vg_guideline {
		font-size: 10px;
		font-size: 1rem;
	}
}
@media screen and (min-width: 696px) {
	.site-footer .vg_guideline {
		font-size: 9px;
		font-size: .9rem;
	}
}

/* -------------------------------------
 カードリスト
------------------------------------- */
@media screen and (max-width: 695px) {
	.cardlist_view .viewchange a, .qanda_view .viewchange a {
		text-indent: -9999px;
	}
}
.select-conditions-container {
	margin-bottom: 0;
}
@media screen and (min-width: 696px) {
	.select-conditions-container {
		margin-bottom: 4px;
	}
}
@media screen and (min-width: 1216px) {
	.select-conditions-container {
		margin-bottom: 4px;
	}
}
.cardlist_head .filterling-list-label {
	margin-bottom: 0;
	font-weight: bold;
	font-size: 12px;
	padding-left:8px;
}
@media screen and (min-width: 1216px) {
	.cardlist_head .filterling-list-label {
		font-size: 16px;
		padding-left: 8px;
	}
	.cardlist_head .filterling-list-parallel {
		margin-bottom: 8px;
	}
}
@media screen and (min-width: 696px) {
	.cardlist_head .filterling-list-label {
		font-size: 14px;
		padding-left: 6px;
	}
	.cardlist_head .filterling-list-parallel {
		margin-bottom: 4px;
	}
}
.cardlist_head .filterling-list-parallel {
	margin-bottom: 12px;
}
.cardlist_head .filterling-list-parallel li {
	margin-bottom: 0.1em;
}

/* -------------------------------------
 タブ
------------------------------------- */
@media screen and (min-width: 1216px) {
	.category-menu.tab4 li {
		width: 220px;
	}
}
.category-menu.image-tab li a {
	border: none;
}
.category-menu.image-tab.alpha-tab li a {
	opacity: 0.6;
	padding-bottom: 0;
}
.category-menu.image-tab.alpha-tab li.active a,
.category-menu.image-tab.alpha-tab li:hover a {
	background-color: transparent;
	opacity: 1;
}
.category-menu.image-tab.alpha-tab li a:before {
	background-color: transparent;
}
.tab-switcher-content.tab-switcher-content-tab4>p {
	display: none;
}

/* -------------------------------------
 アコーディオン
------------------------------------- */
accordion-open:hover {
	cursor: pointer;
}
.accordion-item {
	display: none;
}

/* -------------------------------------
 フッターメニュー
------------------------------------- */

.footer-menu li.submenu.lang-menu {
	border: none;
}
@media screen and (min-width: 696px) {
	.footer-menu li.submenu.lang-menu li {
		width: 100%;
	}
	.footer-menu li.submenu.lang-menu li a {
		padding: 0.2em 1em;
		text-align: left;
	}
}
@media screen and (max-width: 695px) {
	.footer-menu li.submenu.lang-menu {
		margin: 0;
		padding: 0;
	}
	.footer-menu li.submenu.lang-menu ul {
		display: flex;
		justify-content: flex-end;
		margin-right: 1em;
	}
	.footer-menu li.submenu.lang-menu ul li {
		width: auto;
	}
	.footer-menu li.submenu.lang-menu ul li a {
		padding-left: 1em;
		padding-right: 1em;
	}
	.footer-menu li.submenu.lang-menu ul li:first-child {
		border-right: 1px solid #434343;
	}
}

/* -------------------------------------
 X
------------------------------------- */

.footer-social-links li.twitter a {
    background-image: url(../svg/footer-social-x.svg);
}
.social-buttons li.sns-x a {
    background-image: url(../jpg/x_400_400.jpg);
    background-color: #000;
    background-size: 86%;
    -webkit-background-size: 86% 86%;
}