@charset "UTF-8";
/* ============================================================
   短納期モデルページ (/quick_delivery_model_2025/) モバイル対応
   20260724
   - 本文はWP編集画面(DB)管理のテーブルレイアウトのため、CSSのみで対応
   - jquery.bxslider_new.css 末尾の共通ルール
     「#contents table { white-space:nowrap; display:block; overflow:auto }」
     がこのページの製品カードを横長1行に崩すため、ページ内で打ち消す
   ============================================================ */

@media only screen and (max-width: 768px) {

	/* 共通モバイルテーブルルールの打ち消し（文章の折り返しを許可） */
	#contents.quick_delivery_model_2025 .contents-page table {
		white-space: normal;
	}

	/* ------------------------------------------------------------
	   アンカーボタン群（line01.jpg 区切り画像を含むテーブル）
	   → ボタンを縦積みにして区切り線・空セルは非表示
	   ------------------------------------------------------------ */
	#contents.quick_delivery_model_2025 .contents-page table:has(img[src*="line01"]) {
		display: block;
		width: 100% !important;
		height: auto !important;
		border: none;
	}
	#contents.quick_delivery_model_2025 .contents-page table:has(img[src*="line01"]) tbody,
	#contents.quick_delivery_model_2025 .contents-page table:has(img[src*="line01"]) tr,
	#contents.quick_delivery_model_2025 .contents-page table:has(img[src*="line01"]) td {
		display: block;
		width: 100% !important;
		height: auto !important;
		padding: 0;
		border: none;
	}
	/* リンクを含まないセル（区切り線・空セル）は非表示 */
	#contents.quick_delivery_model_2025 .contents-page table:has(img[src*="line01"]) td:not(:has(a)) {
		display: none;
	}
	#contents.quick_delivery_model_2025 .contents-page table:has(img[src*="line01"]) td a img {
		display: block;
		width: 100%;
		max-width: 330px;
		height: auto;
		margin: 6px auto;
	}

	/* ------------------------------------------------------------
	   製品カードテーブル（td[colspan="3"] を含むテーブル）
	   → 製品画像・説明・価格を縦積みに
	   ------------------------------------------------------------ */
	#contents.quick_delivery_model_2025 .contents-page table:has(td[colspan="3"]) {
		display: block;
		width: 100% !important;
		height: auto !important;
		border: none;
	}
	#contents.quick_delivery_model_2025 .contents-page table:has(td[colspan="3"]) tbody,
	#contents.quick_delivery_model_2025 .contents-page table:has(td[colspan="3"]) tr,
	#contents.quick_delivery_model_2025 .contents-page table:has(td[colspan="3"]) td {
		display: block;
		width: 100% !important;
		height: auto !important;
		border: none;
		box-sizing: border-box;
	}
	#contents.quick_delivery_model_2025 .contents-page table:has(td[colspan="3"]) td {
		padding: 5px 0;
	}
	/* 製品画像セル */
	#contents.quick_delivery_model_2025 .contents-page table:has(td[colspan="3"]) td[colspan="3"] {
		text-align: center;
	}
	#contents.quick_delivery_model_2025 .contents-page table:has(td[colspan="3"]) td[colspan="3"] img {
		display: block;
		width: 100%;
		max-width: 250px;
		height: auto;
		margin: 0 auto;
	}
	/* CPU/GPUアイコンのセルは横並びのまま小さく表示 */
	#contents.quick_delivery_model_2025 .contents-page table:has(td[colspan="3"]) td:has(> img[width="100"]) {
		display: inline-block;
		width: 76px !important;
		padding: 5px;
		vertical-align: middle;
	}
	#contents.quick_delivery_model_2025 .contents-page table:has(td[colspan="3"]) td:has(> img[width="100"]) img {
		width: 100%;
		height: auto;
	}
	/* 空セル（レイアウト調整用）は非表示 */
	#contents.quick_delivery_model_2025 .contents-page table:has(td[colspan="3"]) td:not(:has(*)) {
		display: none;
	}

	/* ------------------------------------------------------------
	   比較テーブル（DGX Spark / GPUカード: td width:25% の4列表）
	   → 共通ルールの横スクロールを活かしつつ、列幅と折り返しを確保
	   ------------------------------------------------------------ */
	#contents.quick_delivery_model_2025 .contents-page table:has(td[style*="width: 25%"]) td {
		min-width: 150px;
	}

	/* ------------------------------------------------------------
	   本文インラインの大きな文字サイズをスマホ向けに縮小
	   ------------------------------------------------------------ */
	#contents.quick_delivery_model_2025 .contents-page span[style*="36pt"] {
		font-size: 26px !important;
	}
	#contents.quick_delivery_model_2025 .contents-page span[style*="21pt"] {
		font-size: 17px !important;
	}
	#contents.quick_delivery_model_2025 .contents-page span[style*="18pt"] {
		font-size: 18px !important;
	}
	#contents.quick_delivery_model_2025 .contents-page span[style*="14pt"] {
		font-size: 15px !important;
	}

	/* 見積り・購入バナー画像は原寸以上に引き伸ばさない */
	#contents.quick_delivery_model_2025 .contents-page img[src*="gaisan_banner"],
	#contents.quick_delivery_model_2025 .contents-page img[src*="product_p_banner"],
	#contents.quick_delivery_model_2025 .contents-page img[src*="kanbai_banner"] {
		width: auto;
		max-width: 100%;
		height: auto;
	}
}