@charset "utf-8";

/**************************************************
 * 共通
 **************************************************/
:root {
	--theme-color: #36b9cc;
	--search-color: #4e73df;
	--topic-color: #36b9cc;
	--rank-color: #69cd37;
	--plus-color: #2196f3;
	--plus-dark-color: #0b7ad5;
	--minus-color:#f44336;
	--minus-dark-color:#e91b0c;
	--sale-color: #1cc88a;
	--sale-avg-color: #63e9b8;
	--buy-color: #f6c23e;
	--buy-avg-color: #fae09e;
}

html, body {
	/* -webkit-overflow-scrolling: touch; */
	font-family: 'Noto Sans JP', sans-serif;
}
body {
	min-height: 100vh;
	box-sizing: content-box;
}
#wrapper {
	min-height: 100vh;
}
#wrapper #content-wrapper {
	background-color: #333 !important;
	overflow-x: visible; /* スティッキーヘッダー対応 */
}
#content,
footer {
	max-width: 1500px;
	width: 100%;
	margin: auto;
	background-color: #fff !important;
}

.text-theme { color: var(--theme-color); }
.text-black { color: #000000; }
.text-sale  { color: #303030; }
.text-buy   { color: #303030; }

.bg-theme    { background-color: var(--theme-color); }
.bg-black    { background-color: #000000; }
.bg-sale     { background-color: var(--theme-sale); }
.bg-sale-avg { background-color: var(--theme-sale-avg); }
.bg-buy      { background-color: var(--theme-buy); }
.bg-buy-avg  { background-color: var(--theme-buy-avg); }

.btn-theme        { color: #fff; background-color: var(--theme-color); border-color: var(--theme-color); }
.btn-theme:active { color: #fff; background-color: #2a96a5; border-color: #278c9b; }
.btn-theme:hover  { color: #fff; background-color: #2c9faf; border-color: #2a96a5; }
.btn-theme:focus  { box-shadow: 0 0 0 0.2rem rgba(84,196,212,.5); }

.btn-outline-search { color: var(--search-color); border-color: var(--search-color); }
.btn-outline-search:active { color: #fff; background-color: var(--search-color); border-color: var(--search-color); }
.btn-outline-search:hover  { color: #fff; background-color: var(--search-color); border-color: var(--search-color); }
.btn-outline-search:focus  { box-shadow: 0 0 0 0.2rem rgba(78,115,223,.5); }

.badge-theme { color: #fff; background-color: var(--theme-color); }

@media (min-width: 1500px) {
	.d-1500-none {
		display: none !important;
	}
	.d-1500-block {
		display: block !important;
	}
	.row-cols-1500-2>* {
		-ms-flex: 0 0 50%;
		    flex: 0 0 50%;
		max-width: 50%;
	}
	.mx-1500-n1 {
		margin-left: -.25rem !important;
		margin-right: -.25rem !important;
	}
	.mx-1500-n2 {
		margin-left: -.5rem !important;
		margin-right: -.5rem !important;
	}
	.px-1500-1 {
		padding-left: .25rem !important;
		padding-right: .25rem !important;
	}
	.px-1500-2 {
		padding-left: .5rem !important;
		padding-right: .5rem !important;
	}
}

h2.headline {
	position: relative;
	padding: 0.5em;
	margin: 0 0 10px 0;
	font-size: 20px;
	color: #033;
	background: #a6d3c8;
}
h2.headline:before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 5px transparent;
	border-right: solid 20px rgb(149, 158, 155);
}

.table {
	margin: 0;
}

.hr-dashed {
	background: none;
	border: none;
	border-top: 1px dashed;
}
.hr-dotted {
	background: none;
	border: none;
	border-top: 1px dashed;
}

.hr-text {
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	color: black;
	text-align: center;
	height: 1.5em;
	opacity: .5;
}
.hr-text:before {
	content: '';
	background: -webkit-linear-gradient(left, transparent, #818078, transparent);
	background: linear-gradient(to right, transparent, #818078, transparent);
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
}
.hr-text:after {
	content: attr(data-content);
	position: relative;
	display: inline-block;
	color: black;
	padding: 0 .5em;
	line-height: 1.5em;
	color: #818078;
	background-color: #fcfcfa;
}

.text-preline {
	white-space: pre-line;
}

.fa-rotate-45 {
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.fa-rotate-135 {
	-webkit-transform: rotate(135deg);
	   -moz-transform: rotate(135deg);
	    -ms-transform: rotate(135deg);
	     -o-transform: rotate(135deg);
	        transform: rotate(135deg);
}
.fa-rotate-225 {
	-webkit-transform: rotate(225deg);
	   -moz-transform: rotate(225deg);
	    -ms-transform: rotate(225deg);
	     -o-transform: rotate(225deg);
	        transform: rotate(225deg);
}
.fa-rotate-315 {
	-webkit-transform: rotate(315deg);
	   -moz-transform: rotate(315deg);
	    -ms-transform: rotate(315deg);
	     -o-transform: rotate(315deg);
	        transform: rotate(315deg);
}

.label-check {
	margin: 0;
}
.label-check input[type='checkbox'] {
	display: none;
}
.label-check input[type='checkbox'] + label {
	display: inline-block;
	position: relative;
	margin: 0.1rem 0;
	padding: .25rem .5rem;
	font-size: 14px;
	cursor: pointer;
	z-index: 0;
}
.label-check input[type='checkbox'] + label::before {
	content: ' ';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid var(--theme-color);
	border-radius: 4px;
	z-index: -1;
}
.label-check input[type='checkbox']:checked + label {
	color: #fff;
}
.label-check input[type='checkbox']:checked + label::before {
	background: var(--theme-color);
}
.label-check label,
.label-check label::before {
	-webkit-transition: 0.25s all ease;
	        transition: 0.25s all ease;
}

.toggle-check {
	height: 2rem;
	padding: 0;
	margin: 0;
}
.toggle-check input[type="checkbox"] {
	display: none;
}
.toggle-check input[type="checkbox"] + label {
	display: block;
	position: relative;
	top: .5rem;
	padding: 0;
	margin: 0;
	cursor: pointer;
}
.toggle-check input[type="checkbox"] + label:before,
.toggle-check input[type="checkbox"] + label:after {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin-top: -7.5px;
}
.toggle-check input[type="checkbox"] + label:before {
	top: 0;
	left: 0;
	width: 4rem;
	height: 2rem;
	background: #fff;
	border: 1px solid #e4e3e1;
	border-radius: 15px;
}
.toggle-check input[type="checkbox"] + label:after {
	top: 0.1rem;
	left: 0.1rem;
	width: 1.8rem;
	height: 1.8rem;
	background: #bdbdbd;
	border-radius: 50%;
	-webkit-transition: all 200ms ease-out;
	        transition: all 200ms ease-out;
}
.toggle-check input[type="checkbox"]:checked + label:after {
	left: 2.1rem;
	background: var(--search-color);
}

.tooltip-inner {
	max-width: 90%;
	text-align: left;
}

.item-spacer:before {
	content: "";
	position: relative;
	display: inline-block;
	padding: 0 .25rem;
}
.item-separator:before {
	content: "|";
	position: relative;
	display: inline-block;
	color: #ccc;
	padding: 0 .25rem;
}
.item-slash:before {
	content: "/";
	position: relative;
	display: inline-block;
	color: #ccc;
	padding: 0 .25rem;
}

.cookie-disabled {
	display: none;
}

/* カード */
.card {
	height: 100%;
}

.price-list .card .card-header {
	font-size: 12px;
}

.card .card-body {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}

.card .card-body .flex-item-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	   -ms-flex-direction: row;
	       flex-direction: row;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.card .card-body .col-center-img {
	-webkit-flex-grow: 1;
	        flex-grow: 1;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0;
	text-align: center;
}
.card .card-body .col-center-img img {
	width: 100px;
	margin: 0 auto;
}
.card .card-body .col-left-img {
	-ms-flex-preferred-size: 110px;
	flex-basis: 110px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin: 0;
}
.card .card-body .col-left-img a {
	display: inline-block;
	position: relative;
}
.card .card-body .col-left-img a .icon {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 12px;
	color: #555;
	opacity: .8;
}
.card .card-body .col-left-img img {
	width: 100px;
	margin: 0 auto;
	border-radius: unset;
}
.card .card-body .col-right-info,
.card .card-body .col-right-price {
	-webkit-flex-grow: 1;
	        flex-grow: 1;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0;
}
.card .card-body .col-right-info .table th,
.card .card-body .col-right-price .table th {
	padding: .15rem .5rem;
	font-size: 12px;
	line-height: 1rem;
}
.card .card-body .col-right-info .table td,
.card .card-body .col-right-price .table td {
	padding: .15rem .5rem;
	font-size: 12px;
	line-height: 1rem;
}

.card .card-body .col-bottom-list,
.card .card-body .col-bottom-info {
	-webkit-flex-grow: 1;
	        flex-grow: 1;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	text-align: center;
}
.card .card-body .col-bottom-list .btn,
.card .card-body .col-bottom-info .btn {
	font-size: 12px;
}
.card .card-body .col-bottom-list [data-toggle="collapse"] i.collapse-open,
.card .card-body .col-bottom-list [data-toggle="collapse"] i.collapse-close,
.card .card-body .col-bottom-info [data-toggle="collapse"] i.collapse-open,
.card .card-body .col-bottom-info [data-toggle="collapse"] i.collapse-close {
	position: absolute;
	right: 30px;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1;
	opacity: .5;
}
.card .card-body .col-bottom-list [data-toggle="collapse"][aria-expanded="false"] i.collapse-close,
.card .card-body .col-bottom-list [data-toggle="collapse"][aria-expanded="true"] i.collapse-open,
.card .card-body .col-bottom-info [data-toggle="collapse"][aria-expanded="false"] i.collapse-close,
.card .card-body .col-bottom-info [data-toggle="collapse"][aria-expanded="true"] i.collapse-open {
	display: inline;
}
.card .card-body .col-bottom-list [data-toggle="collapse"][aria-expanded="false"] i.collapse-open,
.card .card-body .col-bottom-list [data-toggle="collapse"][aria-expanded="true"] i.collapse-close,
.card .card-body .col-bottom-info [data-toggle="collapse"][aria-expanded="false"] i.collapse-open,
.card .card-body .col-bottom-info [data-toggle="collapse"][aria-expanded="true"] i.collapse-close {
	display: none;
}
.card .card-body .col-bottom-list table,
.card .card-body .col-bottom-info table {
	font-size: 10px;
	margin: 0;
}
.card .card-body .col-bottom-list .card-list .rarity {
	font-size: 10px;
}

.card .btn-bookmark {
	position: absolute;
	top: 1px;
	right: 0;
}
.card .btn-bookmark .off-icon {
	display: block;
	color: var(--theme-color);
}
.card .btn-bookmark .on-icon {
	display: none;
	color: var(--theme-color);
}
.card .btn-bookmark.on .off-icon {
	display: none;
}
.card .btn-bookmark.on .on-icon {
	display: block;
}

.card .btn-check {
	position: absolute;
	top: 1px;
	right: 0;
}
.card .btn-check .off-icon {
	display: block;
	color: #d1d3e2;
}
.card .btn-check .on-icon {
	display: none;
	color: #e74a3b;
}
.card .btn-check.on .off-icon {
	display: none;
}
.card .btn-check.on .on-icon {
	display: block;
}
.card-img {
	border-radius: unset;
}

.rank-label {
	display: inline-block;
	position: absolute;
	top: -.75rem;
    left: .25rem;
	width: 3rem;
	line-height: 1.5rem;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-align: center;
	font-size: 12px;
	color: white;
	background: #69cd37;
	border-radius: 0 0 50% 50%;
	box-shadow: 0 0.15rem 0.25rem 0 rgba(58, 59, 69, 0.25)
}
.rank-label.plus {
	background: var(--plus-color);
}
.rank-label.minus {
	background: var(--minus-color);
}
.rank-label:after {
	position: absolute;
	content: '';
	top: 0;
	left: 100%;
	border: none;
	border-top: solid .75rem transparent;
	border-left: solid .25rem #6ba72a;
}
.rank-label.plus:after {
	border-left: solid .25rem var(--plus-dark-color);
}
.rank-label.minus:after {
	border-left: solid .25rem var(--minus-dark-color);
}

/* シェアボタン */
.share-buttons a {
	text-decoration: none;
}
.share-buttons .twitter i {
	color: #1DA1F2;
}
.share-buttons .facebook i {
	color: #3C5A99;
}
.share-buttons .line i {
	color: #00B900;
}

/* ヘッダー */
#topbar {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	height: auto;
	z-index: 10;
}
a.sidebar-brand {
	font-size: 16px;
	color: var(--theme-color);
	text-decoration: none;
}
#topbar-search {
	width: 100%;
	margin: 0;
}
#topbar-search button {
	border-radius: 0;
}
@media (min-width: 576px) {
	#topbar-search {
		width: 100% !important;
	}
}
#collapse-topbar-search {
	background-color: var(--theme-color);
}
#topbar-search .input-group input[type="text"] {
	font-size: 16px; /* iOSフォーム選択時ズーム対策 */
}
#topbar-search .input-group .form-control:focus {
	box-shadow: 0 0 0 0.2rem rgba(78,115,223,.25) inset;
}
#collapse-toggle-topbar-search {
	display: block;
	font-size: 12px;
	line-height: 1rem;
	padding: .25rem 0;
	color: #fff;
	background-color: var(--theme-color);
	border-radius: 0 0 .35rem .35rem;
	text-align: center;
	text-decoration: none;
}
#collapse-toggle-topbar-search::after {
	font-family: "Font Awesome 5 Free";
	content: "";
	position: relative;
}
#collapse-toggle-topbar-search[aria-expanded="false"]::after {
	content: "\f002";
	font-weight: 900;
}
#collapse-toggle-topbar-search[aria-expanded="true"]::after {
	content: "\f077";
	font-weight: 900;
}

/* パンくずリスト */
.breadcrumb {
	font-size: .75rem;
	padding: .25rem 1rem;
	background: unset;
	border-radius: 0;
}

/* フッター */
footer.sticky-footer {
	padding: 1rem 0;
}
footer .navbar {
	font-size: 10px;
}
footer .navbar .nav-item:not(:first-child) {
	margin-left: 0 !important;
	padding-left: .25rem !important;
	border-left: 1px solid #ccc;
}

/* サイドメニュー */
#left-menu,
#right-menu {
	width: 100%;
	height: 100%;
	padding: 0 .25rem;
}
.side-menu-main-container
{
	height: 650px;
}
#left-menu a.brand-name {
	display: block;
	padding: .25rem .5rem;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background: var(--theme-color);
	border-radius: 0 0 .25rem .25rem;;
	text-decoration: none;
}
#left-menu .global-menu {
	padding: .25rem 0;
}
#left-menu .menu-headline,
#right-menu .menu-headline {
	padding: .25rem;
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background-color: var(--theme-color);
	text-align: center;
	border-radius: .25rem;
}
#left-menu .nav-item:not(:last-child) {
	border-bottom: 1px solid #ccc;
}

#left-menu .banner {
	padding: .1rem;
	margin: .2rem 0;
	border: 2px solid #55f;
}
#left-menu .banner img {
	width: 100%;
	height: auto;
}

/* Twitterタイムライン */
.twitter-timeline-wrapper {
	padding: 0 2rem;
}
#right-menu .twitter-timeline-wrapper {
	padding: 0 !important;
}

/* メニューモーダル */
#menu-modal .modal-content {
	border: 0;
	border-radius: 1rem;
}
#menu-modal .modal-header {
	color: #fff;
	background-color: var(--theme-color);
	border: 0;
	border-radius: 1rem 1rem 0 0;
}
#menu-modal .menu-list {
	max-width: 360px;
	margin: auto;
}
#menu-modal .menu-item {
	padding: .25rem;
}
#menu-modal .menu-item a {
	display: block;
	position: relative;
	width: 100px;
	height: 100px;
	margin: auto;
	text-decoration: none;
}
#menu-modal .menu-item .btn {
	display: block;
	position: relative;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 80px;
	height: 80px;
	padding: 0;
}
#menu-modal .menu-item i {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	font-size: 70px;
}
#menu-modal .menu-item .label {
	display: block;
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #154e56;
	text-shadow: 2px  2px 1px #ffffff,
				-2px  2px 1px #ffffff,
				 2px -2px 1px #ffffff,
				-2px -2px 1px #ffffff,
				 2px  0px 1px #ffffff,
				 0px  2px 1px #ffffff,
				-2px  0px 1px #ffffff,
				 0px -2px 1px #ffffff;
	z-index: 10;
	pointer-events: none;
}
#menu-modal .menu-item .badge {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 20;
}
#menu-modal .banner-list {
	font-size: 0; /* .bannerのinline-blockの隙間除去用 */
}
#menu-modal .banner {
	display: inline-block;
	width: 50%;
	height: auto;
	padding: .1rem
}
#menu-modal .banner img {
	width: 100%;
	height: auto;
}

/* カード情報 */
.sale-price,
.sale-avg-price,
.buy-price,
.buy-avg-price {
	color: #303030;
}
.sale-price .plus,
.sale-avg-price .plus,
.buy-price .plus,
.buy-avg-price .plus {
	color: var(--plus-color);
}
.sale-price .minus,
.sale-avg-price .minus,
.buy-price .minus,
.buy-avg-price .minus {
	color: var(--minus-color);
}

/**************************************************
 * トップページ
 **************************************************/
#logo {
	margin: 30px 0;
	flex-shrink: 0;
}
#logo img {
	max-width: 100%;
	height: auto;
}
#logo span.title {
	display: block;
	width: 100%;
	height: auto;
	line-height: 1;
	margin: 10px 0;
	font-size: 20px;
	font-weight: 900;
}
#logo span.subtitle {
	display: block;
	width: 100%;
	height: auto;
	line-height: 1;
	font-size: 16px;
	font-weight: 900;
}

#site-descption {
	font-size:14px;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto;
	padding: .5rem 1rem;
	border: 2px solid var(--theme-color);
	border-radius: 1rem;
}
/* 最新トピックス */
#top-new-topic-list {
	padding: 0 .25rem;
	border: solid 2px var(--theme-color);
	border-radius: .5rem;
}
#top-new-topic-list .list-group,
#top-new-topic-list .list-link {
	font-size: 12px;
}
#top-new-topic-list .list-group:not(:last-child) {
	border-bottom: solid 1px #ccc;
}
#top-new-topic-list .list-group-item {
	padding: .25rem .5rem;
	background: unset;
}
#top-new-topic-list .list-link span {
	display: block;
	position: relative;
}
#top-new-topic-list .list-group-item .date {
	display: block;
	font-size: 10px;
}
#top-new-topic-list .list-group a::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content:     "\f054";
	float:       right;
}
/* 新商品（新着エキスパンション） */
#top-new-expansion table {
	border: 2px solid var(--theme-color);
}
#top-new-expansion th {
	font-size: 12px;
	color: #fff;
	background-color: var(--theme-color);
	border: 1px solid var(--theme-color);
}
#top-new-expansion td {
	font-size: 12px;
	background-color: #fff;
	border: 1px solid var(--theme-color);
}
#top-new-expansion .release {
	min-width: 80px;
	text-align: right;
}
#top-new-expansion .title {
	width: 9999px;
}
#top-new-expansion .list-link {
	font-size: 14px;
	position: relative
}
/* 人気の検索キーワード */
#top-search-rank-list {
	padding: 0 .25rem;
	border: solid 2px #4e73df;
	border-radius: .5rem;
}
#top-search-rank-list .list-group {
	font-size: 12px;
}
#top-search-rank-list .list-group:not(:last-child) {
	border-bottom: solid 1px #ccc;
}
#top-search-rank-list .list-group-item {
	padding: .25rem .5rem;
	background: unset;
	font-size: 12px;
}
#top-search-rank-list .list-group a::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content:     "\f054";
	float:       right;
}
/* ランキング */
#top-view-rank-list th,
#top-sale-soaring-rank-list th,
#top-sale-decline-rank-list th,
#top-buy-soaring-rank-list th,
#top-buy-decline-rank-list th {
	font-size: 12px;
	color: #fff;
	background-color: var(--theme-color);
	border: 1px solid var(--theme-color);
}
#top-sale-soaring-rank-list th,
#top-buy-soaring-rank-list th {
	background-color: var(--plus-color);
	border: 1px solid var(--plus-color);
}
#top-sale-decline-rank-list th,
#top-buy-decline-rank-list th {
	background-color: var(--minus-color);
	border: 1px solid var(--minus-color);
}
#top-view-rank-list td,
#top-sale-soaring-rank-list td,
#top-sale-decline-rank-list td,
#top-buy-soaring-rank-list td,
#top-buy-decline-rank-list td {
	font-size: 12px;
	background-color: #fff;
	border: 1px solid var(--theme-color);
	vertical-align: middle;
}
#top-sale-soaring-rank-list td,
#top-buy-soaring-rank-list td {
	border: 1px solid var(--plus-color);
}
#top-sale-decline-rank-list td,
#top-buy-decline-rank-list td {
	border: 1px solid var(--minus-color);
}
#top-view-rank-list .rank,
#top-sale-soaring-rank-list .rank,
#top-sale-decline-rank-list .rank,
#top-buy-soaring-rank-list .rank,
#top-buy-decline-rank-list .rank {
	text-align: right;
}
#top-view-rank-list .img,
#top-sale-soaring-rank-list .img,
#top-sale-decline-rank-list .img,
#top-buy-soaring-rank-list .img,
#top-buy-decline-rank-list .img {
	text-align: center;
}
#top-view-rank-list .img img,
#top-sale-soaring-rank-list .img img,
#top-sale-decline-rank-list .img img,
#top-buy-soaring-rank-list .img img,
#top-buy-decline-rank-list .img img {
	width: auto;
	height: 2rem;
}
#top-view-rank-list .name,
#top-sale-soaring-rank-list .name,
#top-sale-decline-rank-list .name,
#top-buy-soaring-rank-list .name,
#top-buy-decline-rank-list .name {
	width: 9999px;
}
#top-sale-soaring-rank-list .sale-diff,
#top-buy-soaring-rank-list .buy-diff {
	color: var(--plus-color);
	text-align: right;
}
#top-sale-decline-rank-list .sale-diff ,
#top-buy-decline-rank-list .buy-diff {
	color: var(--minus-color);
	text-align: right;
}
/* リンク */
#top-link .navbar-nav .nav-item .nav-link {
	display: inline-block;
}
#top-link .navbar-nav .nav-item .nav-link span {
	display: block;
	font-size: .65rem;
}

/**************************************************
 * トピックスページ
 **************************************************/
/* トピックス */
#topics-topic-list .list-group {
	font-size: 14px;
	padding: .5rem 0;
}
#topics-topic-list .list-group:not(:last-child) {
	border-bottom: solid 1px #ccc;
}
#topics-topic-list .list-group-item {
	padding: .25rem .5rem;
	background: unset;
	border: none;
}
#topics-topic-list .list-link span {
	display: block;
	position: relative;
}
#topics-topic-list .list-group-item .date {
	display: block;
	font-size: 12px;
}
#topics-topic-list .list-group a::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content:     "\f054";
	float:       right;
}

/**************************************************
 * トピックページ
 **************************************************/
/* トピック */
#topic-content {
	padding: .25rem;
	color: #000;
}
#topic-content h2 {
	font-size: 1.2rem;
	padding: 0 0 0 .5rem;
	margin: 0 0 .5rem 0;
    border-left: .5rem solid var(--topic-color);
}
#topic-content h3 {
	font-size: 1.1rem;
	padding: 0 0 0 .5rem;
	margin: 0 0 .5rem .25rem;
    border-left: .25rem solid var(--topic-color);
}
#topic-content h4 {
	font-size: 1rem;
	padding: 0 0 0 .5rem;
	margin: 0 0 .5rem .35rem;
	border-left: .15rem solid var(--topic-color);
}
#topic-content table.list {
	width: 100%;
	border-collapse: collapse;
}
#topic-content table.list th {
	color: #333;
	background: #ccc;
}
#topic-content table.list th,
#topic-content table.list td {
	padding: .25em;
	font-size: 14px;
	border: 1px solid #aaa;
}

/**************************************************
 * 検索結果ページ
 **************************************************/
.search-card-list .card .card-header {
	font-size: 12px;
}

/**************************************************
 * 詳細検索ページ
 **************************************************/
.detail-search [data-toggle="collapse"] i.collapse-open,
.detail-search [data-toggle="collapse"] i.collapse-close {
	line-height: 1;
	opacity: .5;
}
.detail-search [data-toggle="collapse"][aria-expanded="false"] i.collapse-close,
.detail-search [data-toggle="collapse"][aria-expanded="true"] i.collapse-open {
	display: inline;
}
.detail-search [data-toggle="collapse"][aria-expanded="false"] i.collapse-open,
.detail-search [data-toggle="collapse"][aria-expanded="true"] i.collapse-close {
	display: none;
}
#collapseDetailSearchForm {
	padding: 1rem;
	border: 2px solid var(--search-color);
	border-radius: .5rem;
}

#collapseDetailSearchForm .label-check input[type='checkbox'] + label::before {
	border: 2px solid var(--search-color);
}
#collapseDetailSearchForm .label-check input[type='checkbox']:checked + label::before {
	background: var(--search-color);
}
#collapseDetailSearchForm input::placeholder,
#collapseDetailSearchForm textarea::placeholder {
	color: #aaa;
}
#collapseDetailSearchForm input,
#collapseDetailSearchForm select,
#collapseDetailSearchForm option,
#collapseDetailSearchForm textarea {
	color: #333;
}
.detail-search-label-wrapper,
.detail-search-form-wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
}
.detail-search-form-wrapper input[type="text"],
.detail-search-form-wrapper select {
	width: 100%;
}

/**************************************************
 * 同種カードページ
 **************************************************/
.card-info .regulation,
.card-detail-info .regulation {
	display: inline-block;
	padding: .25rem .5rem;
	font-size: 12px;
	color: #333;
	background-color: #fc0;
	border-radius: .25rem;
}
.card-detail-info table {
	font-size: 12px;
}
.card-index table {
	font-size: 10px;
}

.card-index .release {
	display: block;
	font-size: 10px;
}
.card-detail-info .item-name,
.card .card-info .item-name {
	font-size: 10px;
	color: #999;
}
.card .card-detail-info .kana,
.card .card-info .kana,
.card .card-price .kana {
	font-size: 10px;
	line-height: 1;
}
.card .card-price .sale-price .item-name,
.card .card-price .sale-avg-price .item-name,
.card .card-price .buy-price .item-name,
.card .card-price .buy-avg-price .item-name {
	display: inline-block;
	padding: 0 .25rem;
	margin: 0 .25rem 0 0;
	font-size: 10px;
	color: #555;
}
.card .card-price .sale-price .item-name {
	background-color: var(--sale-color);
}
.card .card-price .sale-avg-price .item-name {
	background-color: var(--sale-avg-color);
}
.card .card-price .buy-price .item-name {
	background-color: var(--buy-color);
}
.card .card-price .buy-avg-price .item-name {
	background-color: var(--buy-avg-color);
}

.price-chart-wrapper {
	height: -moz-fit-content;
	height: fit-content;
}

/**************************************************
 * カード価格ページ
 **************************************************/
/*
.card-info .card .card-header {
	font-size: 12px;
}
*/
.card-info-wrapper,
.card-detail-info-wrapper,
.sale-price-table,
.buy-price-table {
	height: -moz-fit-content;
	height: fit-content;
}
.price-table .row {
	margin: 0;
}
.sale-price-table table,
.buy-price-table table {
	font-size: 12px;
}
.sale-price-table table .recent,
.buy-price-table table .recent {
	color: var(--cyan);
}
.dataTables_filter,
.dataTables_filter input {
	font-size: 12px;
}
.dataTables_filter label {
	margin: 0 10px;
}
.dataTables_filter input {
	max-width: 80%;
}
.price-update {
	font-size: 10px;
	padding: 0 10px;
}
.card-reccomend .card .card-header {
	font-size: 12px;
}
.card-reccomend .swiper-slide {
	padding: 1rem .5rem;
}

/**************************************************
 * カードリスト（エキスパンション一覧）ページ
 **************************************************/
#expansion-accordion .card-header {
	font-size: 12px;
	padding: .5rem .75rem;
}
#expansion-accordion .list-group {
	font-size: 12px;
}
#expansion-accordion .list-group-item {
	padding: .25rem .75rem .25rem .75rem;
	background-color: #eee;
}
#expansion-accordion .list-group-item .release {
	display: block;
	font-size: 10px;
}
#expansion-accordion .card-header a[data-toggle="collapse"].collapsed::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content:     "\f055";
	float:       right;
}
#expansion-accordion .card-header a[data-toggle="collapse"]::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content:     "\f056";
	float:       right;
}
#expansion-accordion .list-group a::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content:     "\f054";
	float:       right;
}

/**************************************************
 * ブックマークページ
 **************************************************/
.bookmark-list .card .card-header {
	font-size: 12px;
}

/**************************************************
 * 閲覧履歴ページ
 **************************************************/
.history-list .card .card-header {
	font-size: 12px;
}

/**************************************************
 * 閲覧ランキングページ
 **************************************************/
.view-rank-list .card .card-header {
	font-size: 12px;
}

/**************************************************
 * カード価格変動ランキングページ
 **************************************************/
.price_fluctuation_rank-list .card .card-header {
	font-size: 12px;
}

/**************************************************
 * Googleアドセンス
 **************************************************/
.google-adsense-container {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	overflow: hidden;
}

.adsbygoogle {
	display: block;
}
@media (max-width: 992px) {
	#left-menu .adsbygoogle,
	#right-menu .adsbygoogle {
		display: none !important;
	}
}
@media (max-width: 1500px) {
	.d-none.d-1500-block .adsbygoogle {
		display: none !important;
	}
}

/**************************************************
 * A8アフィリエイト
 **************************************************/
.a8-affiliate-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}
.a8-affiliate-container img {
	max-width: 100%;
	height: auto;
}