@charset "UTF-8";
/* =========================================================
   nkm（中井機械工業）ブース専用スタイル
   2026-11-07 新規
   index.cgi は booth 直下に koma_style.css があれば自動で読み込む。
   style.css（全ブース配布）は触らない。ここだけで完結させること。
   ---------------------------------------------------------
   対象は製品ページ（HTMLページ欄）の仕様表 table.table1。
   .dat 側で各表を <div class="tbl-scroll"> で包んである。
   ========================================================= */

/* --- 表の外枠：幅に収まらないときだけ表の中だけ横に送る --- */
.tbl-scroll {
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 0 0 20px;
}

/* --- 仕様表本体 --- */
table.table1 {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	background: #fff;
	font-size: 15px;
	line-height: 1.6;
	color: #333;
}

table.table1 th,
table.table1 td {
	border: 1px solid #d5d9de;
	padding: 8px 12px;
	text-align: left;
	vertical-align: middle;
}

/* 見出しセル */
table.table1 th {
	background: #eef2f5;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
}

/* 1行おきの薄い色（行を目で追いやすくする） */
table.table1 tbody tr:nth-child(even) td {
	background: #f8f9fa;
}

table.table1 caption {
	caption-side: top;
	padding: 0 0 6px;
	font-weight: 700;
	text-align: left;
}

/* --- スマホ --- */
@media screen and (max-width: 600px) {
	table.table1 {
		font-size: 13px;
	}

	table.table1 th,
	table.table1 td {
		padding: 6px 8px;
	}

	/* 短い値だけの仕様表（.dat 側で tbl-nowrap を付けてある）は
	   狭い画面でも折り返さない。「SM-15」が「SM-」「15」に割れるのを防ぐ。
	   はみ出す分は .tbl-scroll の中で横に送れる。
	   長い文章が入る表には付けていないので、そちらは従来どおり折り返す。 */
	table.table1.tbl-nowrap th,
	table.table1.tbl-nowrap td {
		white-space: nowrap;
	}
}

/* =========================================================
   大見出し2（.headline2）の吹き出しのしっぽ対策  2026-11-07 追加
   配布元 style.css の指定：
     .headline2       … margin の指定が無い（上下とも0）
     .headline2:after … position:absolute; top:100%; border-top:15px solid
                        ＝ 要素の下に 15px はみ出す「吹き出しのしっぽ」
   margin-bottom が0なので、しっぽがそのまま次の行の文字に重なる。
   しっぽの15px＋余白15px＝30px を下に確保する。
   （配布元 style.css を直すと全ブースへの配布が必要になるためこちらで対処）
   ========================================================= */

.headline2 {
	margin-bottom: 30px;
}