/*-------------------------------
モバイル・タブレットでは
固定テーブルヘッダーを
サイトヘッダー＋メニューバーの下に出す
-------------------------------*/
@media screen and (max-width: 1023px) {
	body .dtfh-floatingparent {
		top: 85px !important;
		z-index: 900 !important;
	}
}

/*-------------------------------
PCでは上余白なし
-------------------------------*/
@media screen and (min-width: 1024px) {
	body .dtfh-floatingparent {
		top: 0 !important;
		z-index: 900 !important;
	}
}

/*-------------------------------
サイト側ヘッダーを常に前面にする
-------------------------------*/
#header-container,
#header,
#navi,
.mobile-menu-buttons,
.header-container,
#header-container.fixed-header {
	z-index: 9999 !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;
}

/*-------------------------------
ジョーダンダサいのみ
-------------------------------*/
.tablepress-id-nike-air-jordan-1 .column-1,
.tablepress-id-nike-air-jordan-1 .column-2 {
	min-width: 60px;
	white-space: normal;
	text-align: center;
}

.tablepress-id-nike-air-jordan-1 .column-3 {
	min-width: 70px;
	text-align: center;
	white-space: normal;
}

.tablepress-id-nike-air-jordan-1 .column-4,
.tablepress-id-nike-air-jordan-1 .column-6 {
	min-width: 80px;
	text-align: center;
	white-space: normal;
}

.tablepress-id-nike-air-jordan-1 .column-5,
.tablepress-id-nike-air-jordan-1 .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;
}

/* 幅をそろえたい列（4・6・7列目）1) 列の設計幅 */
.tablepress[class*="ran-anke"] colgroup col:nth-child(4),
.tablepress[class*="ran-anke"] colgroup col:nth-child(6),
.tablepress[class*="ran-anke"] colgroup col:nth-child(7) {
	width: 100px !important;
}

/* 幅をそろえたい列（4・6・7列目）2) ヘッダー・本文セルの見た目 */
.tablepress[class*="ran-anke"] thead th:nth-child(4),
.tablepress[class*="ran-anke"] thead th:nth-child(6),
.tablepress[class*="ran-anke"] thead th:nth-child(7),
.tablepress[class*="ran-anke"] tbody td:nth-child(4),
.tablepress[class*="ran-anke"] tbody td:nth-child(6),
.tablepress[class*="ran-anke"] tbody td:nth-child(7) {
	width: 100px !important;
	min-width: 100px !important;
	max-width: 100px !important;
	box-sizing: border-box !important;
}

/* 幅をそろえたい列（4・6・7列目）3) 中身は改行 */
.tablepress[class*="ran-anke"] tbody td:nth-child(4),
.tablepress[class*="ran-anke"] tbody td:nth-child(6),
.tablepress[class*="ran-anke"] tbody td:nth-child(7) {
	white-space: normal !important;
	overflow-wrap: anywhere !important;
	line-break: anywhere !important;
}

/*-------------------------------
ランキング表の共通
-------------------------------*/
.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"] {
	table-layout: auto !important;
}

/* 所持スニーカー列（6〜12列目） */
.tablepress[class*="size"] colgroup col:nth-child(n+6):nth-child(-n+12) {
	width: 100px !important;
}

.tablepress[class*="size"] thead th:nth-child(n+6):nth-child(-n+12),
.tablepress[class*="size"] tbody td:nth-child(n+6):nth-child(-n+12) {
	width: 100px !important;
	min-width: 100px !important;
	max-width: 100px !important;
	box-sizing: border-box !important;
}

/* 所持スニーカー列の中身は改行 */
.tablepress[class*="size"] tbody td:nth-child(n+6):nth-child(-n+12) {
	white-space: normal !important;
	overflow-wrap: anywhere !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: 100px;
	text-align: center;
	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;
}

/*-------------------------------
サンバ流行
-------------------------------*/
.tablepress-id-adidas-samba-trend .column-1,
.tablepress-id-adidas-samba-trend .column-2 {
	min-width: 60px;
	white-space: normal;
	text-align: center;
}

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

.tablepress-id-adidas-samba-trend .column-4,
.tablepress-id-adidas-samba-trend .column-5 {
	min-width: 80px;
	text-align: center;
	white-space: normal;
}

.tablepress-id-adidas-samba-trend .column-6 {
	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;
	}
}