/* ===== TablePress 浮動ヘッダーをメニューの背面へ ===== */
.dtfh-floatingparent,
/* ← 実際に重なるラッパー */
.fixedHeader-floating {
/* 旧バージョン用の保険 */
	z-index: 1 !important; /* 負の値はクリック不能事故の元なので小さめ正数で十分 */
}

/*-------------------------------
固定ヘッダーの上部余白を
* -------------------------------*/
@media screen and (min-width: 768px) {
	.dtfh-floatingparent {
		top: 0 !important;
	}
}

/*-------------------------------
メニューを開いた時に固定ヘッダーを背景に
* -------------------------------*/
body:has(#navi-menu-input:checked) .dtfh-floatingparent {
	display: none !important;
}

/*-------------------------------
ソートボタンの色を白に
* -------------------------------*/
/* 通常時の矢印：グレー */
.dt-column-order::before,
.dt-column-order::after {
	color: #bbbbbb !important;
	opacity: 1 !important;
	font-size: 10px !important;
}

/* 昇順ソート中：上矢印だけ白 */
.dt-ordering-asc .dt-column-order::before {
	color: white !important;
}

/* 降順ソート中：下矢印だけ白 */
.dt-ordering-desc .dt-column-order::after {
	color: white !important;
}

/*-------------------------------
Page Length と Pagination を横並び＆同じ行に
* -------------------------------*/
.dt-container .dt-layout-table + .dt-layout-row {
	flex-direction: row;
}

/*-------------------------------
横にスクロールした時に一番左の固定列を上にくるようにする
-------------------------------*/
.tablepress>:not(caption)>*>* {
	position: static;
}

/*-------------------------------
ヘッダー：色を黒、文字色を白、中央揃え
-------------------------------*/
.tablepress thead th {
	text-align: center;
	background: #545454;
	color: white;
	border: 1px solid #888; /* 薄いグレーのライン */
}

/*-------------------------------
文字の太さを黒にして垂直方向の位置を中央
-------------------------------*/
.tablepress tbody td,
.tablepress tbody th {
	border: .1px solid #dbdbdb;
}

.tablepress tbody td {
	vertical-align: middle;
}

/*-------------------------------
ダサい共通
-------------------------------*/
[class*="dasai"] .column-1,
[class*="dasai"] .column-2 {
	min-width: 60px;
	white-space: normal;
	text-align: center;
}

[class*="dasai"] .column-3 {
	min-width: 70px;
	text-align: center;
	white-space: normal;
}

[class*="dasai"] .column-4 {
	min-width: 80px;
	text-align: center;
	white-space: normal;
}

[class*="dasai"] .column-5,
[class*="dasai"] .column-6,
[class*="dasai"] .column-7 {
	min-width: 230px;
	white-space: normal;
}

/*-------------------------------
ランキング記事アンケート共通
-------------------------------*/
[class*="ran-anke"] .column-1,
[class*="ran-anke"] .column-2 {
	min-width: 60px;
	text-align: center;
	white-space: normal;
}

[class*="ran-anke"] .column-3 {
	min-width: 70px;
	text-align: center;
	white-space: normal;
}

[class*="ran-anke"] .column-5 {
	min-width: 230px;
	white-space: normal;
}

[class*="ran-anke"] .column-4,
[class*="ran-anke"] .column-6,
[class*="ran-anke"] .column-7 {
	min-width: 100px;
	white-space: normal;
}

/*-------------------------------
ランキング表の共通
-------------------------------*/
.tablepress[class*="ranking"] .column-1,
.tablepress[class*="ranking"] .column-2,
.tablepress[class*="ranking"] .column-3,
.tablepress[class*="ranking"] .column-4,
.tablepress[class*="ranking"] .column-5,
.tablepress[class*="ranking"] .column-7,
.tablepress[class*="ranking"] .column-8,
.tablepress[class*="ranking"] .column-9,
.tablepress[class*="ranking"] .column-10,
.tablepress[class*="ranking"] .column-11,
.tablepress[class*="ranking"] .column-12,
.tablepress[class*="ranking"] .column-13,
.tablepress[class*="ranking"] .column-14 {
	text-align: center;
	white-space: nowrap;
}

.tablepress[class*="ranking"] .column-6 {
	min-width: 110px;
	white-space: normal;
}

/*-------------------------------
サイズの共通
-------------------------------*/
.tablepress[class*="size"] .column-1,
.tablepress[class*="size"] .column-2 {
	min-width: 60px;
	text-align: center;
	white-space: normal;
}

.tablepress[class*="size"] .column-3 {
	min-width: 70px;
	text-align: center;
	white-space: normal;
}

.tablepress[class*="size"] .column-5,
.tablepress[class*="size"] .column-13 {
	min-width: 100px;
	text-align: center;
	white-space: normal;
}

.tablepress[class*="size"] .column-6,
.tablepress[class*="size"] .column-7,
.tablepress[class*="size"] .column-8,
.tablepress[class*="size"] .column-9,
.tablepress[class*="size"] .column-10,
.tablepress[class*="size"] .column-11,
.tablepress[class*="size"] .column-12 {
	min-width: 100px !important;
	max-width: 100px !important;
	width: 100px !important;
	white-space: normal;
	word-break: break-all !important;
	overflow-wrap: anywhere !important;
	overflow: hidden !important;
	line-break: anywhere !important;
}

.tablepress[class*="size"] .column-4,
.tablepress[class*="size"] .column-14,
.tablepress[class*="size"] .column-15 {
	min-width: 230px;
	white-space: normal;
}

/*-------------------------------
人気色共通
-------------------------------*/
[class*="color"] .column-1,
[class*="color"] .column-2 {
	min-width: 60px;
	text-align: center;
	white-space: normal;
}

[class*="color"] .column-3 {
	min-width: 70px;
	text-align: center;
	white-space: normal;
}

[class*="color"] .column-4,
[class*="color"] .column-5 {
	min-width: 120px;
	white-space: normal;
}

[class*="color"] .column-6 {
	min-width: 230px;
	white-space: normal;
}

/*-------------------------------
スニーカー価格
-------------------------------*/
.tablepress-id-sneakers-price-range .column-1,
.tablepress-id-sneakers-price-range .column-2 {
	min-width: 60px;
	text-align: center;
	white-space: normal;
}

.tablepress-id-sneakers-price-range .column-3 {
	min-width: 70px;
	text-align: center;
	white-space: normal;
}

.tablepress-id-sneakers-price-range .column-5 {
	min-width: 220px;
	white-space: normal;
}

.tablepress-id-sneakers-price-range .column-4,
.tablepress-id-sneakers-price-range .column-6,
.tablepress-id-sneakers-price-range .column-7,
.tablepress-id-sneakers-price-range .column-8,
.tablepress-id-sneakers-price-range .column-9 {
	min-width: 130px;
	text-align: center;
	white-space: normal;
}

/*-------------------------------
スニーカー寿命
-------------------------------*/
.tablepress-id-sneakers-lifespan .column-1,
.tablepress-id-sneakers-lifespan .column-2 {
	min-width: 60px;
	text-align: center;
	white-space: normal;
}

.tablepress-id-sneakers-lifespan .column-3 {
	min-width: 70px;
	text-align: center;
	white-space: normal;
}

.tablepress-id-sneakers-lifespan .column-4,
.tablepress-id-sneakers-lifespan .column-5 {
	min-width: 100px;
	text-align: center;
	white-space: normal;
}

.tablepress-id-sneakers-lifespan .column-6,
.tablepress-id-sneakers-lifespan .column-7 {
	min-width: 220px;
	white-space: normal;
}

/*-------------------------------
スニーカー何足
-------------------------------*/
.tablepress-id-how-many-shoes .column-1,
.tablepress-id-how-many-shoes .column-2 {
	min-width: 60px;
	text-align: center;
	white-space: normal;
}

.tablepress-id-how-many-shoes .column-3 {
	min-width: 70px;
	text-align: center;
	white-space: normal;
}

.tablepress-id-how-many-shoes .column-15 {
	min-width: 300px;
	white-space: normal;
}

.tablepress-id-how-many-shoes .column-4,
.tablepress-id-how-many-shoes .column-5,
.tablepress-id-how-many-shoes .column-6,
.tablepress-id-how-many-shoes .column-7,
.tablepress-id-how-many-shoes .column-8,
.tablepress-id-how-many-shoes .column-9,
.tablepress-id-how-many-shoes .column-10,
.tablepress-id-how-many-shoes .column-11,
.tablepress-id-how-many-shoes .column-12,
.tablepress-id-how-many-shoes .column-13,
.tablepress-id-how-many-shoes .column-14 {
	min-width: 100px;
	text-align: center;
	white-space: normal;
}

/*-------------------------------
スニーカー色アンケート
-------------------------------*/
.tablepress-id-sneakers-color .column-1,
.tablepress-id-sneakers-color .column-2 {
	min-width: 60px;
	text-align: center;
	white-space: normal;
}

.tablepress-id-sneakers-color .column-3 {
	min-width: 70px;
	text-align: center;
	white-space: normal;
}

.tablepress-id-sneakers-color .column-6,
.tablepress-id-sneakers-color .column-8,
.tablepress-id-sneakers-color .column-13,
.tablepress-id-sneakers-color .column-14 {
	min-width: 220px;
	white-space: normal;
}

.tablepress-id-sneakers-color .column-4,
.tablepress-id-sneakers-color .column-5,
.tablepress-id-sneakers-color .column-7,
.tablepress-id-sneakers-color .column-9,
.tablepress-id-sneakers-color .column-10,
.tablepress-id-sneakers-color .column-11,
.tablepress-id-sneakers-color .column-12 {
	min-width: 100px;
	white-space: normal;
}

/*-------------------------------
芸能人着用スニーカー
-------------------------------*/
.tablepress-id-sneakers-celebrity .column-1,
.tablepress-id-sneakers-celebrity .column-2,
.tablepress-id-sneakers-celebrity .column-3,
.tablepress-id-sneakers-celebrity .column-4,
.tablepress-id-sneakers-celebrity .column-5,
.tablepress-id-sneakers-celebrity .column-8,
.tablepress-id-sneakers-celebrity .column-9 {
	min-width: 90px;
	white-space: normal;
}

.tablepress-id-sneakers-celebrity .column-2 {
	min-width: 90px;
	white-space: normal;
}

.tablepress-id-sneakers-celebrity .column-1,
.tablepress-id-sneakers-celebrity .column-2,
.tablepress-id-sneakers-celebrity .column-3,
.tablepress-id-sneakers-celebrity .column-4,
.tablepress-id-sneakers-celebrity .column-5,
.tablepress-id-sneakers-celebrity .column-8 {
	text-align: center;
}

.tablepress-id-sneakers-celebrity .column-6 {
	min-width: 150px;
}

.tablepress-id-sneakers-celebrity .column-7 {
	min-width: 90px;
	text-align: right;
}

/*-------------------------------
スニーカー一覧表
-------------------------------*/
/* 中央寄せ・nowrap 対象 */
.tablepress-id-1 .column-1,
.tablepress-id-1 .column-2,
.tablepress-id-1 .column-3,
.tablepress-id-1 .column-4,
.tablepress-id-1 .column-5,
.tablepress-id-1 .column-8,
.tablepress-id-1 .column-9,
.tablepress-id-1 .column-10,
.tablepress-id-1 .column-11,
.tablepress-id-1 .column-13,
.tablepress-id-1 .column-14,
.tablepress-id-1 .column-15,
.tablepress-id-1 .column-16,
.tablepress-id-1 .column-17,
.tablepress-id-1 .column-18,
.tablepress-id-1 .column-19,
.tablepress-id-1 .column-20,
.tablepress-id-1 .column-21,
.tablepress-id-1 .column-22,
.tablepress-id-1 .column-23,
.tablepress-id-1 .column-24,
.tablepress-id-1 .column-25,
.tablepress-id-1 .column-26 {
	text-align: center;
	white-space: nowrap;
}

.tablepress-id-1 .column-6 {
	min-width: 90px;
	text-align: center;
}

/* 折り返し・最小幅を指定するコメント列 */
.tablepress-id-1 .column-7,
.tablepress-id-1 .column-12 {
	min-width: 160px;
	white-space: normal;
}

/*-------------------------------
歩きやすいスニーカー
-------------------------------*/
.tablepress-id-easy-to-walk .column-1,
.tablepress-id-easy-to-walk .column-2,
.tablepress-id-easy-to-walk .column-3,
.tablepress-id-easy-to-walk .column-5,
.tablepress-id-easy-to-walk .column-6,
.tablepress-id-easy-to-walk .column-7,
.tablepress-id-easy-to-walk .column-8,
.tablepress-id-easy-to-walk .column-9,
.tablepress-id-easy-to-walk .column-10 {
	text-align: center;
	white-space: nowrap;
}

.tablepress-id-easy-to-walk .column-4 {
	min-width: 110px;
	white-space: normal;
}

/*-------------------------------
履きやすいスニーカー
-------------------------------*/
.tablepress-id-easy-to-wear-sneakers .column-1,
.tablepress-id-easy-to-wear-sneakers .column-2,
.tablepress-id-easy-to-wear-sneakers .column-3,
.tablepress-id-easy-to-wear-sneakers .column-4 {
	text-align: center;
	white-space: nowrap;
}

.tablepress-id-airmax90-color td {
	text-align: center;
}

.tablepress-id-airmax97-color-women td {
	text-align: center;
}

.tablepress-id-airmax97-color-mens td {
	text-align: center;
}

.tablepress-id-newbalance327-color td {
	text-align: center;
}

.tablepress-id-easy-to-wear-sneakers td {
	text-align: center;
}

/*-------------------------------
サンバかかと痛い
-------------------------------*/
.tablepress-id-samba-heel-pain .column-1,
.tablepress-id-samba-heel-pain .column-3 {
	min-width: 70px;
	max-width: 70px;
	width: 70px;
	text-align: center;
	white-space: normal;
	word-break: break-word;
	overflow-wrap: anywhere;
}

.tablepress-id-samba-heel-pain .column-2 {
	min-width: 230px;
	white-space: normal;
}

/*-------------------------------
ハイカットスニーカーメンズダサい
-------------------------------*/
.tablepress-id-high-cut-sneakers-dasai .column-8,
.tablepress-id-high-cut-sneakers-dasai .column-9,
.tablepress-id-high-cut-sneakers-dasai .column-10 {
	min-width: 230px;
	white-space: normal;
}

/*-------------------------------
スニーカー靴下見えるダサい
-------------------------------*/
.tablepress-id-sneaker-socks-visible-dasai .column-8 {
	min-width: 100px;
	white-space: normal;
}

.tablepress-id-sneaker-socks-visible-dasai .column-9 {
	min-width: 230px;
	white-space: normal;
}

/*-------------------------------
スカートスニーカーダサい
-------------------------------*/
.tablepress-id-sneakers-skirt-dasai .column-8,
.tablepress-id-sneakers-skirt-dasai .column-9 {
	min-width: 230px;
	white-space: normal;
}

/*-------------------------------
スーツスニーカーダサい
-------------------------------*/
.tablepress-id-sneakers-suit-dasai .column-8,
.tablepress-id-sneakers-suit-dasai .column-10 {
	min-width: 230px;
	white-space: normal;
}

.tablepress-id-sneakers-suit-dasai .column-9 {
	min-width: 100px;
	white-space: normal;
}

/*-------------------------------
サンダル
-------------------------------*/
.tablepress-id-sandals .column-1,
.tablepress-id-sandals .column-2,
.tablepress-id-sandals .column-3,
.tablepress-id-sandals .column-4,
.tablepress-id-sandals .column-5,
.tablepress-id-sandals .column-6,
.tablepress-id-sandals .column-7,
.tablepress-id-sandals .column-8,
.tablepress-id-sandals .column-9,
.tablepress-id-sandals .column-10,
.tablepress-id-sandals .column-11,
.tablepress-id-sandals .column-12 {
	text-align: center;
	white-space: nowrap;
}

/*-------------------------------
身長盛れるスニーカー
-------------------------------*/
.tablepress-id-sneakers-make-you-taller .column-1,
.tablepress-id-sneakers-make-you-taller .column-2,
.tablepress-id-sneakers-make-you-taller .column-3,
.tablepress-id-sneakers-make-you-taller .column-4,
.tablepress-id-sneakers-make-you-taller .column-6,
.tablepress-id-sneakers-make-you-taller .column-7,
.tablepress-id-sneakers-make-you-taller .column-8,
.tablepress-id-sneakers-make-you-taller .column-9,
.tablepress-id-sneakers-make-you-taller .column-10,
.tablepress-id-sneakers-make-you-taller .column-11,
.tablepress-id-sneakers-make-you-taller .column-12,
.tablepress-id-sneakers-make-you-taller .column-13 {
	text-align: center;
	white-space: nowrap;
}

.tablepress-id-sneakers-make-you-taller .column-5 {
	min-width: 110px;
	white-space: normal;
}

/*-------------------------------
アディダスガゼルうるさい
-------------------------------*/
.tablepress-id-gazelle-sound .column-1,
.tablepress-id-gazelle-sound .column-2,
.tablepress-id-gazelle-sound .column-4 {
	min-width: 60px;
	text-align: center;
	white-space: normal;
}

.tablepress-id-gazelle-sound .column-3 {
	min-width: 70px;
	text-align: center;
	white-space: normal;
}

.tablepress-id-gazelle-sound .column-5,
.tablepress-id-gazelle-sound .column-6,
.tablepress-id-gazelle-sound .column-7 {
	min-width: 120px;
	text-align: center;
	white-space: normal;
}

.tablepress-id-gazelle-sound .column-8 {
	min-width: 230px;
	white-space: normal;
}

/* ===============================
   追加：タブレット以上で幅を拡大
   ============================== */
@media (min-width: 768px) {
	/* 230px → 320px（必要なら数値を調整） */
	[class*="dasai"] .column-5,
	[class*="dasai"] .column-6,
	[class*="dasai"] .column-7,
	[class*="ran-anke"] .column-5,
	.tablepress[class*="size"] .column-4,
	.tablepress[class*="size"] .column-14,
	.tablepress[class*="size"] .column-15,
	[class*="color"] .column-6,
	.tablepress-id-gazelle-sound .column-8,
	.tablepress-id-high-cut-sneakers-dasai .column-8,
	.tablepress-id-high-cut-sneakers-dasai .column-9,
	.tablepress-id-high-cut-sneakers-dasai .column-10,
	.tablepress-id-sneaker-socks-visible-dasai .column-9,
	.tablepress-id-sneakers-skirt-dasai .column-8,
	.tablepress-id-sneakers-skirt-dasai .column-9,
	.tablepress-id-sneakers-suit-dasai .column-8,
	.tablepress-id-sneakers-suit-dasai .column-10,
	.tablepress-id-samba-heel-pain .column-2 {
		min-width: 320px;
	}
}

/* ---- TablePress の浮動ヘッダーをメニューより奥に ---- */
.tablepress.fixedHeader-floating.no-footer,
.fixedHeader-floating {
	z-index: 0;
}