@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*---全体調整---*/
/* Google Fontsの読み込み */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

/* アイコンフォントの読み込み */
@font-face {
	font-family: "icomoon";
	src:  url("../swell_child/fonts/icomoon.eot?gizg5m");
	src:  url("../swell_child/fonts/icomoon.eot?gizg5m#iefix") format("embedded-opentype"),
	url("../swell_child/fonts/icomoon.ttf?gizg5m") format("truetype"),
	url("../swell_child/fonts/icomoon.woff?gizg5m") format("woff"),
	url("../swell_child/fonts/icomoon.svg?gizg5m#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	font-family: "icomoon";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-yugioh-symbol:before {content:"\e900";}
.icon-pokeca-symbol:before {content:"\e901";}
.icon-cardstack-symbol:before {content:"\e902";}

html, body {
height: 100%;
background-color: #01040f;
}

#body_wrap {
min-height: 100vh;
display: flex;
flex-direction: column;
background: #fff;
}

#content {
flex: 1 0 auto;
width: 100%;
}

#breadcrumb {
width: 100%;
}

img {
vertical-align: middle;
}

.c-pageTitle__subTitle {
display: none;
}

.p-breadcrumb__list {
display: block;
}

/*---header---*/
.c-gnav .sub-menu a {
padding: 1em 2em 1em .75em;
}

.c-gnav .sub-menu a:hover {
background: #ffebaf;
}

.c-gnav .sub-menu a:before {
font-family: "Font Awesome 6 Free" !important;
font-weight: 900;
content: "\f105";
left: auto;
right: 1em;
}

.c-gnav .sub-menu li:not(:first-child) {
border-top: 1px solid #ddd;
}

.c-gnav > li.menu-item:nth-child(odd) > a:hover {
color: #cc27ff;
}

.c-gnav > li.menu-item:nth-child(even) > a:hover {
color: #ffd600;
}

.c-gnav > li.menu-item:nth-child(odd) > a::after {
background: #cc27ff;
}

.c-gnav > li.menu-item:nth-child(even) > a::after {
background: #ffd600;
}

#header .c-iconList {
gap: .5rem;
}

#header .c-iconList__link {
border: 1px solid #444;
margin: 0;
padding: 8px;
border-radius: 6px;
background: #333;
}

/*---footer---*/
.w-footer {
display: flex;
flex-flow: column;
}

.w-footer .w-footer__box:first-child {
order: 2;
}

.w-footer .w-footer__box:nth-child(2) {
order: 1;
}

.footer_site-description p {
font-size: .90em;
}

#footer .c-listMenu a {
border-bottom: 1px solid #444;
}

#footer .c-widget__title {
margin-bottom: 1em;
}

#footer .widget_swell_sns_links .c-iconList {
justify-content: left;
gap: .5rem;
}

#footer .c-iconList__link {
border: 1px solid #444;
margin: 0;
padding: 10px;
border-radius: 6px;
background: #333;
}

.l-footer .copyright {
text-align: left;
}

.p-fixBtnWrap {
display: none;
}

@media (min-width: 767px) {
.w-footer .w-footer__box:nth-child(2) {
display: flex;
justify-content: space-between;
}
	
.w-footer__box .widget_nav_menu:nth-child(n+2) {
margin-top: 0;
}
	
.w-footer__box .widget_nav_menu {
width: 30%;
}
	
#footer .c-listMenu a {
font-size: .80em;
}

.footer_site-description p {
font-size: .85em;
}
}

@media (min-width: 960px) {
.w-footer {
flex-flow: row;
}
	
.w-footer .w-footer__box:first-child {
order: 1;
max-width: 30%;
}
	
.w-footer .w-footer__box:nth-child(2) {
order: 2;
max-width: 64%;
}

.p-fixBtnWrap {
display: flex;
}
}

/*[SP]チャート*/
.card-trend-box {
padding: 20px;
border: 1px solid #eee;
border-radius: 12px;
background: #fff;
margin-bottom: 20px;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* タイトル部分 */
.card-trend-title {
font-size: 12px;
color: #999;
margin-bottom: 5px;
}

.category-pokeca .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner:before,
.tax-pokeca-box .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner:before,
.id_67 .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner:before {
content: "\e901";
font-family: icomoon;
font-weight: normal;
font-style: normal;
font-size: 1.3em;
margin-right: 8px;
vertical-align: middle;
color: #f09819;
background: linear-gradient(-45deg, #f09819 0%, #ff5858 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.category-yugioh .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner:before,
.tax-yugioh-box .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner:before,
.id_45 .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner:before {
content: "\e900";
font-family: icomoon;
font-weight: normal;
font-style: normal;
font-size: 1.3em;
margin-right: 8px;
vertical-align: middle;
color: #7c00ff;
background: linear-gradient(-45deg, #aa20cc 0%, #5c13d2 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.c-pageTitle[data-style=b_bottom] .c-pageTitle__inner:before {
content: "\e902";
font-family: icomoon;
font-weight: normal;
font-style: normal;
font-size: 1.3em;
margin-right: 8px;
vertical-align: middle;
color: #222;
background: linear-gradient(-45deg, #ffaa00 0%, #7c00ff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

/* 価格表示部分 */
.card-trend-price {
font-weight: bold;
font-size: 22px;
margin-right: 8px;
}

/* チャートの高さ確保 */
.card-trend-chart-container {
width: 100%;
height: 200px;
margin-top: 15px;
}

/*[PC]チャート*/
@media (min-width: 767px) {
.card-trend-chart-container {
height: 250px;
}
}

/* 並べ替えプルダウン */
.card-filter-container {
background: #ededed;
margin-bottom: 1em;
padding: 1em;
}

.card-filter-row {
display: flex;
flex-wrap: wrap;
gap: 8px;
padding: 0 !important;
flex-direction: row-reverse;
justify-content: space-between;
}

.filter-meta-wrap {
width: 100%;
position: relative;
}

.card-filter-row select {
width: 100%;
height: 40px;
padding: 0 10px;
border: 2px solid #bbbbbb;
background: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 6px;
}

.filter-order-wrap, .filter-variation-wrap {
width: 66%;
position: relative;
}

.filter-meta-wrap:after, .filter-order-wrap:after, .filter-variation-wrap:after {
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f107";
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
pointer-events: none;
}

.card-filter-container .reset-btn {
width: 30%;
height: 40px;
padding: 0;
background: #fff;
color: #000;
border: 2px solid #bbbbbb;
border-radius: 6px;
cursor: pointer;
font-size: 14px;
transition: background 0.3s;
}

.card-filter-checkboxes {
display: flex;
flex-wrap: wrap;
gap: 8px 10px;
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #ddd;
width: 100%;
}
.filter-checkbox-item {
display: inline-flex;
align-items: center;
gap: 6px;
background: #fff;
border: 1px solid #bbbbbb;
border-radius: 20px;
padding: 6px 12px;
font-size: 13px;
cursor: pointer;
transition: background 0.2s, border-color 0.2s, color 0.2s;
}
.filter-checkbox-item:hover {
background: #f5f5f5;
}
.filter-checkbox-item input[type="checkbox"] {
accent-color: #333;
cursor: pointer;
margin: 0;
}
.filter-checkbox-item.is-checked {
background: #333;
border-color: #333;
color: #fff;
}

.pokeca-search-page .card-filter-container,
.yugioh-search-page .card-filter-container {
background: none;
padding: 0;
}

.pokeca-search-page .card-filter-row,
.yugioh-search-page .card-filter-row {
flex-direction: row;
align-items: center;
margin-bottom: 1.5em;
padding-top: 1.5em !important;
}

.pokeca-search-page .cardlist-view-toggle,
.yugioh-search-page .cardlist-view-toggle {
margin: 0;
}

/* [PC]並べ替えプルダウン */
@media (min-width: 600px) {
	
.card-filter-row {
flex-direction: row;
}
	
.filter-meta-wrap, .filter-order-wrap, .filter-variation-wrap {
width: 40%;
}
	
.card-filter-container .reset-btn {
width: 15%;
}

.card-filter-container .reset-btn:hover {
background: #eee;
}	

}

/*---BOX・カード詳細ページ共通---*/
.is-visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}

.post_content h2.card-page-title {
font-family: "Oswald", "Noto Sans JP", YuGothic, -apple-system, sans-serif;
font-size: .70em;
background: #000000;
background-image: linear-gradient(90deg, #000000a6, #48229294), url(https://cardstack.jp/wp-content/uploads/2026/05/h2-backimg-yugioh2.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: right;
border-left: 6px solid #a33dff;
color: #a33dff;
margin-top: 4em !important;
text-shadow: #000 1px 0 10px;
}

.tax-pokeca-box .post_content h2.card-page-title,
.pokeca-card-detail .post_content h2.card-page-title {
background-image: linear-gradient(90deg, #000000, #a3652394), url(https://cardstack.jp/wp-content/uploads/2026/05/h2-backimg-pokeca.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: right;
border-left: 6px solid #f09819;
color: #f09819;
}

.yugioh-box .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before,
.yugioh-card-detail .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before,
.tax-pokeca-box .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before,
.pokeca-card-detail .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before {
border: none;
}

.card-page-title span {
display: block;
font-size: 1.8em;
color: #fff;
}

.card-visual-area img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}

.card-visual-figure:after {
content: "";
position: absolute;
top: 0;
left: -150%;
width: 50%;
height: 100%;
background: linear-gradient(
to right,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.3) 50%,
rgba(255, 255, 255, 0) 100%
);
transform: skewX(-25deg); /* 光を斜めにする */
animation: shiny 3s infinite; /* 3秒ごとに無限に繰り返す */
}

/* アニメーションの定義 */
@keyframes shiny {
0% {
left: -150%;
}
30% {
left: 150%; /* 素早く通り抜ける */
}
100% {
left: 150%; /* 残りの時間は待機（間隔を空ける） */
}
}

/* [PC]BOX・カード詳細ページ共通 */
@media (min-width: 600px) {
.card_head_content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
overflow: visible;
}
}

@media (min-width: 960px) {
.card_head_right {
flex: 1;
min-width: 0; /* 子要素(グラフ等)の横幅がはみ出さないようにするための保険 */
}
}

/* 価格推移グラフ */
.card-chart-container {
border: 1px solid #dbd4eb;
margin-bottom: 1.4rem;
padding: 10px;
border-radius: 1em;
}

.pokeca-card-detail .card-chart-container {
border-color: #ebe2d4;
}

h3.card-chart-title {
font-family: "Oswald", "Noto Sans JP", YuGothic, -apple-system, sans-serif;
font-size: .90em;
text-align: center;
margin-bottom: 8px;
padding: 0;
border: none;
}

.card-chart-title span {
display: block;
}

.card-chart-summary {
font-family: "Oswald", "Noto Sans JP", YuGothic, -apple-system, sans-serif;
display: flex;
flex-flow: column;
text-align: center;
width: 100%;
margin-bottom: 20px;
padding: 20px 14px;
border: 1px solid #dbd4eb;
border-radius: 1em;
font-size: 13px;
}

.card-chart-summary .summary-item.price {
display: inline-flex;
flex-flow: column;
align-items: center;
margin: 0;
padding-bottom: 20px;
font-weight: bold;
color: #888;
line-height: 1;
}

.card-chart-summary .summary-item.price span {
font-size: 2em;
font-weight: 600;
margin-left: 6px;
color: #ff0230;
}

.card-chart-summary .summary-item.price span.label {
display: block;
margin: 0;
font-size: 14px;
color: #888;
}

.card-chart-summary .summary-item.diff {
display: inline-flex;
flex-flow: column;
align-items: center;
font-weight: bold;
padding-top: 20px;
border-top: 1px solid #dbd4eb;
line-height: 1;
}

.pokeca-card-detail .card-chart-summary,
.pokeca-card-detail .card-chart-summary .summary-item.diff {
border-color: #ebe2d4;
}

.card-chart-summary .summary-item.diff span {
font-size: 1.2em;
font-weight: 600;
margin-left: 6px;
position: relative;
}

.card-chart-summary .summary-item.diff span.label {
display: block;
margin: 0;
font-size: 12px;
color: #888;
}

.card-chart-summary .summary-item.price span.chart-price {
display: block;
margin: 10px 0 0 !important;
font-size: 3em;
}

.card-chart-summary .summary-item.diff span.chart-diff {
display: block;
margin: 10px 0 0 !important;
}

.summary-item.diff.is-up span.chart-diff {
color: #ff0230;
padding-left: 14px;
}

.summary-item.diff.is-up span.chart-diff:before {
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f0d8";
font-size: 18px;
position: absolute;
top: -2px;
left: 0;
}

.summary-item.diff.is-down span.chart-diff {
color: #1402ff;
padding-left: 14px;
}

.summary-item.diff.is-down span.chart-diff:before {
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f0d7";
font-size: 18px;
position: absolute;
top: -3px;
left: 0;
}

.card-chart-note {
font-size: 10px;
color: #666;
margin-bottom: 10px;
}

.chart-filter-btns {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 5px;
margin-top: 3px;
padding: 6px;
font-size: 0.64em;
}

.chart-filter-btns .chart-btn {
-moz-appearance: none;
appearance: none;
border-radius: 100px;
border: 1px solid #e7d0ff;
background: #f4eaff;
color: #611a8c;
padding: .8em .5em;
line-height: 1;
transition: all 0.15s;
}

.tax-pokeca-box .chart-filter-btns .chart-btn,
.pokeca-card-detail .chart-filter-btns .chart-btn {
border-color: #f7d1a9;
background: #fff2e4;
color: #8c4d1a;
}

.chart-filter-btns .chart-btn.active {
background: linear-gradient(-45deg, #aa20cc 0%, #5c13d2 100%);
background-clip: padding-box;
border-color: #aa20cc;
color: #fff;
}

.tax-pokeca-box .chart-filter-btns .chart-btn.active,
.pokeca-card-detail .chart-filter-btns .chart-btn.active {
background: linear-gradient(-45deg, #f09819 0%, #ff5858 100%);
background-clip: padding-box;
border-color: #f09819;
color: #fff;
}

.chart-wrapper {
position: relative;
height: 220px;
}

@media (min-width: 600px) {
.card-chart-container {
padding: 20px 30px;
}
}

@media (min-width: 960px) {
.chart-wrapper {
height: 300px;
}

.chart-filter-btns .chart-btn:hover {
background: #e3caff;
color: #611a8c;
}

.tax-pokeca-box .chart-filter-btns .chart-btn:hover,
.pokeca-card-detail .chart-filter-btns .chart-btn:hover {
background: #ffddb8;
color: #8c4d1a;
}

}

/* 価格履歴テーブル */
.card-history-container {
margin-bottom: 1.4rem;
}

.history-toggle-btn {
display: flex;
align-items: center;
gap: 6px;
justify-content: center;
width: 100%;
height: 54px;
border: 1px solid #dbd4eb;
border-radius: 10px;
font-size: .85em;
font-weight: 600;
background: #fff;
transition: all 0.15s;
}

.tax-pokeca-box .history-toggle-btn,
.pokeca-card-detail .history-toggle-btn {
border-color: #ebe2d4;
}

.history-toggle-btn i {
  transition: transform 0.3s ease;
}
.history-toggle-btn[aria-expanded="true"] i {
  transform: rotate(180deg);
}

.price-history-wrapper {
margin-top: 1em;
padding: 10px 14px 14px;
position: relative;
border: 1px solid rgb(219, 212, 235);
border-radius: 1em;
}

.tax-pokeca-box .price-history-wrapper,
.pokeca-card-detail .price-history-wrapper {
border-color: #ebe2d4;
}

.price-history-list th, .price-history-list td {
font-family: "Oswald", "Noto Sans JP", YuGothic, -apple-system, sans-serif;
text-align: center;
font-size: 0.8em;
border: none;
}

.price-history-list thead th {
background: none;
color: #785c95;
}

.price-history-list tbody tr:nth-child(odd){
background: #ededed;
}

.tax-pokeca-box .price-history-list thead th,
.pokeca-card-detail .price-history-list thead th {
color: #b17152;
}

.price-history-list tbody th {
font-weight: 400;
background: none;
}

.price-history-list tbody td {
font-weight: 600;
}

.history-more-btn-wrap {
z-index: 10;
position: absolute;
text-align: center;
bottom: 0;
left: 0;
margin: 0;
width: 100%;
height: 150px;
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient( 180deg, rgb(255, 255, 255, 0) 0%, rgb(255, 255, 255, 1) 70% );
}

.js-show-more-target {
display: none;
}

.js-show-more-container {
overflow: hidden;
position: relative;
}

.history-more-btn {
width: 90%;
max-width: 240px;
padding: 7px 10px;
background: #fff;
border: 2px solid #333;
border-radius: 50px;
font-weight: bold;
cursor: pointer;
transition: background 0.3s;
position: relative;
}

.history-more-btn:before {
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\2b";
margin-right: 5px;
}

/* [TB]価格履歴テーブル */
@media (min-width: 600px) {
.price-history-wrapper {
padding: 15px 30px 30px;
}

.history-more-btn:hover {
background: #dfdfdf;
}
}

/* [PC]価格履歴テーブル */
@media (min-width: 960px) {
.history-toggle-btn:hover {
background: #f4eaff;
}

.tax-pokeca-box .history-toggle-btn:hover,
.pokeca-card-detail .history-toggle-btn:hover {
background: #fff2e4;
}
}

/* 基本情報 */
.card-info-list {
width: 100%;
font-family: "Oswald", "Noto Sans JP", YuGothic, -apple-system, sans-serif;
font-size: 14px;
border: 1px solid #dbd4eb;
padding: 10px 14px;
border-radius: 1em;
}

.card-info-list .list-row {
display: flex;
border-bottom: 1px solid #dbd4eb;
padding: .5em 0;
align-items: center;
gap: 10px;
}

.pokeca-card-detail .card-info-list,
.pokeca-card-detail .card-info-list .list-row {
border-color: #ebe2d4;
}

.card-info-list .list-row:last-child {
border-bottom: none;
}

.card-info-list .list-row > dt {
width: 110px;
font-size: 12px;
color: #785c95;
}

.tax-pokeca-box .card-info-list .list-row > dt,
.pokeca-card-detail .card-info-list .list-row > dt {
color: #b17152;
}

.card-info-list .list-row dd > {
width: 80%;
font-size: .93em;
}

.card-info-list .list-row.row-stack {
display: block;
}

.card-info-list .list-row.row-stack > dt,
.card-info-list .list-row.row-stack > dd {
width: 100%;
display: block;
}

.card-info-list .list-row p {
margin-bottom: 1em;
font-size: 13px;
}

.card-info-list .included-contents dd dl dt {
width: 100% !important;
font-size: inherit !important;
color: #333;
}

.card-info-list .included-contents dd dl dd {
width: 100% !important;
margin-bottom: 1em;
}

.card-row {
display: block;
font-weight: bold;
padding-top: 7px;
}

.card-row ruby {
ruby-align: space-around;
overflow-wrap: break-word;
word-break: break-word;
}

.card-row rt {
letter-spacing: 0.1em;
color: #666;
}

.card-sup {
display: block;
font-size:0.85em;
color:#666;
}

.card-desc-body p {
margin-bottom: 1em;
}

.card-desc-body strong {
color: #9425cb;
}

.tax-pokeca-box .card-desc-body strong {
color: #D43F12;
}

.card-info-list .list-row > dd a {
display: inline-block;
margin: .2rem;
padding: 0 .6rem;
border: 1px solid #cde7ff;
background: #eef7ff;
border-radius: 3px;
font-size: 13px;
color: #1176d4;
transition: all 0.15s;
}

/* [TB]基本情報 */
@media (min-width: 600px) {
.card-info-list {
padding: 20px 30px;
}

.card-info-list .list-row.row-stack {
display: flex;
align-items: baseline;
}

.card-info-list .list-row.row-stack > dt,
.card-info-list .list-row > dt {
width: 140px;
}
	
.card-info-list .list-row.row-stack > dd {
width: 80%;
}
}

/* [PC]基本情報 */
@media (min-width: 960px) {
.card-info-list .list-row > dd a:hover {
background: #d3e4f3;
}
}

/* 画像拡大ポップアップ */
.cs-lightbox-dialog {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0; /* ブラウザデフォルトのmargin:autoを無効化 */
border: none;
padding: 3rem 0.5rem 0.5rem;
background: transparent;
max-width: 90vw;
max-height: 90vh;
overflow: hidden;
}

.cs-lightbox-dialog::backdrop {
background: rgba(0, 0, 0, 0.85);
}

.cs-lightbox-dialog img {
max-width: 90vw;
max-height: calc(90vh - 3.5rem);
object-fit: contain;
display: block;
}

.cs-lightbox-dialog__close {
position: absolute;
top: 0;
right: 0;
width: 2.5rem;
height: 2.5rem;
color: #fff;
background: rgba(0, 0, 0, 0.6);
border-radius: 50%;
border: 1px solid #fff;
font-size: 1.5rem;
line-height: 1;
cursor: pointer;
z-index: 1;
}

/* サムネイルのボタン化に伴うリセット */
.cardBox_list_thumb_link,
.boxCate_list_thumb_link {
display: block;
width: 100%;
padding: 0;
border: none;
background: none;
cursor: zoom-in;
appearance: none;
}

.cardBox_list_thumb_link,
.boxCate_list_thumb_link {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    border: none;
    background: none;
    cursor: zoom-in;
    appearance: none;
}

.cardBox_list_thumb_link::after,
.boxCate_list_thumb_link::after {
    content: "\f00e";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.55);
    border-radius: 50%;
}

/* 記事一覧のデザイン調整 */

.c-pageTitle[data-style=b_bottom] {
border-bottom: 2px solid #d7d7d7;
}

.c-pageTitle[data-style=b_bottom] .c-pageTitle__inner {
border-bottom: none;
}

.category-pokeca .c-pageTitle[data-style=b_bottom],
.tax-pokeca-box .c-pageTitle[data-style=b_bottom],
.id_67 .c-pageTitle[data-style=b_bottom] {
border-bottom: 2px solid #ffddc9;
}

.category-yugioh .c-pageTitle[data-style=b_bottom],
.tax-yugioh-box .c-pageTitle[data-style=b_bottom],
.id_45  .c-pageTitle[data-style=b_bottom]
{
border-bottom: 2px solid #dec9ff;
}

.c-postThumb__cat {
background: linear-gradient(-45deg, #ffaa00 0%, #7c00ff 100%) !important;
border-radius: 100px;
border: 1px solid #fff;
top: 3px;
right: 3px;
}

.c-postThumb__cat[data-cat-id="21"] {
background: linear-gradient(-45deg, #f09819 0%, #ff5858 100%) !important;
}

.c-postThumb__cat[data-cat-id="1"] {
background: linear-gradient(-45deg, #aa20cc 0%, #5c13d2 100%) !important;
}

.c-widget__title:after,
.c-widget__title:before {
height: 2px;
}

@media (min-width: 960px) {
.c-postThumb__cat {
top: 10px;
right: 10px;
}
}

/*サイドバー*/
#sidebar .c-widget+.c-widget,
#sidebar .widget+.widget {
margin-top: 1.5em;
}

#custom_html-4, #custom_html-5,
#custom_html-6, #custom_html-7, #custom_html-8, #custom_html-9 {
padding: 1.2rem;
background-image: linear-gradient(130deg, #29323c 0%, #485563 100%);
border-radius: 1em;
box-shadow: 2px 4px 8px rgb(0 0 0 / 15%);
}

#custom_html-4 .c-widget__title,
#custom_html-7 .c-widget__title,
#custom_html-8 .c-widget__title {
border: none;
margin-bottom: 0;
padding: 0 0 .9rem;
text-align: center;
color: #f07419;
}

#custom_html-5 .c-widget__title,
#custom_html-6 .c-widget__title,
#custom_html-9 .c-widget__title {
border: none;
margin-bottom: 0;
padding: 0 0 .9rem;
text-align: center;
color: #ba47ff;
}

.sidebar-searchBar {
display: flex;
align-items: center;
gap: 10px;
height: 40px;
margin-bottom: 0 !important;
padding: 0 16px;
background: #fff;
border-radius: 8px;
text-decoration: none;
color: #1a1a1a;
font-size: 13px;
transition: transform 0.15s ease;
box-shadow: 2px 4px 8px #0000001f;
}

.sidebar-searchBar-pokeca i.fa-magnifying-glass {
color: #e08800;
font-size: 1.1rem;
}

.sidebar-searchBar-yugioh  i.fa-magnifying-glass {
color: #8a2be2;
font-size: 1.1rem;
}

.sidebar-searchBar i.fa-chevron-right,
.sidebar-subMenu-link i.fa-chevron-right {
color: rgba(0, 0, 0, 0.35);
margin-left: auto;
}

.sidebar-menu-list {
list-style: none;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: .8em;
margin-top: 1rem;
padding: 0;
}

.sidebar-menu-link {
display: flex;
text-decoration: none;
flex-flow: column;
justify-content: normal;
align-items: center;
height: 100%;
border-radius: 1em;
overflow: hidden;
background: #fff;
box-shadow: 2px 4px 8px #0000001f;
transition: transform 0.15s ease;
}

.sidebar-menu-label {
display: flex;
flex: 1;
justify-content: center;
align-items: center;
width: 100%;
font-size: .8em;
text-align: center;
font-weight: 900;
padding: 8px 4px;
color: #222;
}

.sidebar-menu-item .icon-pokeca-symbol {
font-size: 14cqw;
white-space: nowrap;
background: linear-gradient(-45deg, #f09819 0%, #ff5858 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: absolute;
top: -1px;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}

.sidebar-menu-item .icon-yugioh-symbol {
font-size: 19cqw;
background: linear-gradient(-45deg, #aa20cc 0%, #5c13d2 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: absolute;
top: -14px;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}

.sidebar-subMenu-link {
display: flex;
align-items: center;
gap: 10px;
height: 40px;
margin-top: .6rem;
padding: 0 16px;
background: #fff;
border-radius: 8px;
text-decoration: none;
color: #1a1a1a;
font-size: 13px;
transition: transform 0.15s ease;
box-shadow: 2px 4px 8px #0000001f;
}

#custom_html-5 .sidebar-subMenu-link .icon-yugioh-symbol {
background: linear-gradient(-45deg, #aa20cc 0%, #5c13d2 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 1.3rem;
}

#custom_html-7 .sidebar-subMenu-link .icon-pokeca-symbol {
background: linear-gradient(-45deg, #f09819 0%, #ff5858 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 1.2rem;
}

.sidebar-menu-img {
display: block;
width: 70%;
padding-top: .6rem;
aspect-ratio: 240 / 160;
background: #fff;
text-align: center;
position: relative;
}

.sidebar-menu-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

.sidebar-bnr-bottom {
padding: 10px 0;
}

.sidebar-bnr-top a,
.sidebar-bnr-bottom a {
display: block;
border-radius: 1em;
overflow: hidden;
box-shadow: 2px 4px 8px #0000001f;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/*[TB]サイドバー*/
@media (min-width: 600px) {
.sidebar-menu-list {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sidebar-menu-item .icon-pokeca-symbol {
font-size: 9cqw;
top: 0px;
}
	
.sidebar-menu-item .icon-yugioh-symbol {
font-size: 12cqw;
top: -14px;
}
}

/*[PC]サイドバー*/
@media (min-width: 960px) {
#custom_html-4, #custom_html-5, #custom_html-6, #custom_html-7,
#custom_html-8, #custom_html-9 {
padding: .8rem .8rem .8rem;
}
	
#custom_html-4 .c-widget__title, #custom_html-7 .c-widget__title {
padding: 0 0 .6rem;
}

.sidebar-menu-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: .7em;
}

.sidebar-searchBar:hover,
.sidebar-menu-link:hover,
.sidebar-subMenu-link:hover {
transform: scale(1.04);
}
	
.sidebar-menu-item .icon-pokeca-symbol {
font-size: 44px;
top: 0px;
}
	
.sidebar-menu-item .icon-yugioh-symbol {
font-size: 50px;
top: 0;
}

.w-fixSide {
margin-top: 1em;
}	

.sidebar-bnr-top a:hover,
.sidebar-bnr-bottom a:hover {
transform: translateY(-4px);
box-shadow: 0 4px 12px rgb(0 0 0 / 15%);
}
}

@media (min-width: 1200px) {
.sidebar-menu-item .icon-pokeca-symbol {
font-size: 47px;
}
	
	.sidebar-menu-item .icon-yugioh-symbol {
font-size: 56px;
top: -4px;
}
}

/* カード・BOX内の誘導 */
.article-bnr-area {
margin-bottom: 1.4em;
}

.article-bnr-area a {
display: block;
border-radius: 1em;
overflow: hidden;
box-shadow: 2px 4px 8px #0000001f;
transition: transform 0.15s ease;
}

.article-bnr-message {
text-align: center;
margin-bottom: .2em;
}

.article-bnr-message span {
display: flex;
align-items: center;
justify-content: center;
font-size: .90rem;
color: #ef4400;
}

.article-bnr-message span:before,
.article-bnr-message span:after {
background-color: #f09819;
border-radius: 2px;
content: "";
height: 2px;
width: 20px;
}

.article-bnr-message span:before {
margin-right: 6px;
 transform: rotate(60deg);
}

.article-bnr-message span:after {
margin-left: 6px;
transform: rotate(-60deg);
}

.card-site-area {
padding: 20px 14px;
border: 1px solid #ffaa00;
border-radius: 1em;
background: linear-gradient(-45deg, #ffaa00 0%, #7c00ff 100%);
}

h3.card-site-title {
border: none;
font-size: .95rem;
color: #fff;
margin: 1.5em 0 .9em;
padding: 0;
}

h3.card-site-title i {
margin-right: 4px;
}

ul.card-site-list {
display: grid;
gap: .75rem;
padding: 0 !important;
}

li.card-site-item {
list-style: none !important;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0;
}

li.card-site-item a {
display: flex;
justify-content: normal;
gap: 10px;
width: 100%;
padding: 10px;
color: #222;
background: #fff;
border: 1px solid #0000001c;
border-radius: 8px;
box-shadow: 2px 4px 8px #0000001f;
transition: transform 0.15s ease;
}

.card-site-thumb {
width: 100px;
margin: 0 auto;
}

.card-site-figure {
width: 100%;
aspect-ratio: 1 / 1;
overflow: hidden;
margin: 0;
}

.card-site-figure img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}

.card-site-body {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
}

.card-site-label {
font-size: 1rem;
font-weight: 600;
line-height: 1.2;
margin-bottom: .3em;
}

.card-site-text {
font-size: .80em;
line-height: 1.4;
}

@media (min-width: 640px) {
.card-site-area {
padding: 20px 30px 30px;
}
	
ul.card-site-list {
grid-template-columns: repeat(2, 1fr);
}
}

@media (min-width: 960px) {
.article-bnr-area a:hover {
transform: scale(1.04);
}
	
li.card-site-item a:hover {
transform: scale(1.04);
}
}