﻿/****************/
/* アイコン表示 */
/****************/

.icon_alignment {
	font-size			: 0px; 
	text-align			: center; 
}

.icon_alignment img {
	display				: inline-block; 
}

.icon_alignment2 {
	margin				: 1rem 0; 
	font-size			: 0; 
	text-align			: center; 
}

.icon_alignment2 img {
	width				: 16%; 
	margin				: 0 1px; 
}


/************/
/* 主な用途 */
/************/

.purpose {
	width				: 100%; 
	text-align			: center; 
}

.purpose img {
	border				: solid thin lightgray; 
	border-radius		: 1rem; 
	box-shadow			: 2px 2px 4px gainsboro; 
}

.purpose td {
	padding				: 0.25rem; 
}

pu {
	display				: inline-block ;
	font-weight			: bold; 
	background			: whitesmoke; 
	padding				: 0.3rem 1rem; 
	margin				: 0.5rem 1rem; 
	border				: solid thin lightgray; 
	border-radius		: 20px; 
	box-shadow			: 2px 2px 4px gainsboro; 
	font-size			: clamp(0.5em,1.7vw,1em); 
}

/****************/
/* タイトル表示 */
/****************/

.title {
	width				: 100%; 
	border				: solid thin lightgray; 
	background			: whitesmoke; 
	font-size			: clamp(1em,2.6vw,1.5em); 
	font-weight			: bold; 
	text-align			: left; 
	text-indent			: 1em; 
	margin				: 1.5rem 0 0.5rem; 
}

.title2 {
	width				: 100%; 
	border				: solid thin lightgray; 
	background			: whitesmoke; 
	font-size			: large; 
	font-weight			: bold; 
	text-align			: left; 
	padding				: 0.5rem 1rem; 
	margin				: 1.5rem 0 0.5rem; 
	text-indent			: 1em; 
}

/**********/
/* 仕様表 */
/**********/

.specification {
	width				: 100%; 
	border-collapse		: collapse; 
}

.specification th {
	border				: solid thin lightgray; 
	text-align			: center; 
	vertical-align		: middle; 
	padding				: 0.5rem 1rem; 
	background			: whitesmoke; 
	font-size			: clamp(0.5em,1.7vw,1em); 
}

.specification td {
	border				: solid thin lightgray; 
	vertical-align		: middle; 
	padding				: 0.5rem 1rem; 
	font-size			: clamp(0.5em,1.7vw,1em); 
}

.specification_tze {
	width				: 100%; 
	border-collapse		: collapse; 
}

.specification_tze th {
	border				: solid thin lightgray; 
	text-align			: center; 
	vertical-align		: middle; 
	padding				: 0.5rem 1rem; 
	background			: whitesmoke; 
}

.specification_tze td {
	border				: solid thin lightgray; 
	vertical-align		: middle; 
	padding				: 0.5rem; 
}

.tze_display {
	width				: 463px; 
	display				: inline-block; 
	margin				: auto; 
}

.tze_display a {
	text-decoration		: none; 
}

.tze_display img {
	border-radius		: 5%; 
	border				: solid thin lightgray; 
}

.tze_display p {
	background			: #0040c0; 
	color				: white; 
	border-radius		: 5px; 
	padding				: 0.1rem; 
	margin-top			: 0.5rem; 
	box-shadow			: 0 0.3rem navy; 
}

.p_this {
	background			: crimson; 
	color				: white; 
	border-radius		: 5px; 
	padding				: 0.1rem; 
	margin-top			: 0.5rem; 
	box-shadow			: none; 
}

/**************/
/* オプション */
/**************/

.option_text {
	font-size		: small; 
	font-weight		: normal; 
	margin-top		: 0.5rem; 
	line-height		: normal; 
	text-align		: center; 
}

.option {
	width				: 100%; 
	border-collapse		: separate; 
	border-spacing		: 0.5rem; 
}

.option th {
	border				: solid thin lightgray; 
	text-align			: center; 
	vertical-align		: middle; 
	padding				: 0.25rem; 
	background			: whitesmoke; 
	font-size			: clamp(0.5em,1.7vw,1em); 
	border-radius		: 20px; 
}

.option td {
	border				: 0; 
	text-align			: center; 
	vertical-align		: top; 
	padding				: 0; 
	font-size			: clamp(0.5em,1.7vw,1em); 
}

.option td img {
	border				: solid thin lightgray; 
	border-radius		: 5px; 
	width				: auto; 
}

/**************/
/* 対応モデル */
/**************/

.compatible_models {
	display				: flex; 
	justify-content		: start; 
	flex-wrap			: wrap; 
	gap					: 0.5rem; 
}

.compatible_models p {
	background			: #0040c0; 
	color				: white; 
	border-radius		: 5px; 
	padding				: 0.1rem; 
	margin-top			: 0.5rem; 
	box-shadow			: 0 0.5rem navy; 
	text-align			: center; 
}

.compatible_models a {
	text-decoration		: none; 
	font-size			: medium; 
	font-weight			: bold; 
	margin-bottom		: 1rem; 
}

.compatible_models img {
	width				: 180px; 
	padding				: 0.5rem; 
	border-radius		: 5%; 
	border				: solid thin lightgray; 
}

/**************/
/* 表の中の表 */
/**************/

.intbl {
	width	: auto; 
	border-collapse		: separate; 
}

.intbl th {
	border				: 0; 
	padding				: 0 1rem 0 0; 
	font-weight			: normal; 
	text-align			: right; 
	background			: transparent; 
}

.intbl td {
	border				: 0; 
	padding				: 0 1rem 0 0; 
}

/**************************/
/* ドライバーダウンロード */
/**************************/

.driver {
	width				: 100%; 
}

.driver td {
	text-align			: center; 
	vertical-align		: middle; 
	font-size			: clamp(0.5em,1.7vw,1em); 
}

/****************/
/* テキスト縮小 */
/****************/

txts {
	display				: block; 
	font-size			: smaller; 
	line-height			: 1.5rem; 
}

/****************/
/* テキスト拡大 */
/****************/

txtl {
	font-size			: larger; 
	font-weight			: bold; 
}

/******************/
/* テキスト字下げ */
/******************/

.txtp {
	margin-left			: 2em;
	text-indent			: -1em ;
	font-size			: clamp(0.5em,1.7vw,1em); 
}

/**************/
/* 並べて表示 */
/**************/

block {
	display				: inline-block; 
}

/****************/
/* 文字にライン */
/****************/

gold {
	background			: linear-gradient(transparent 40%, gold 80%); 
}

/**********************/
/* プリメックスブルー */
/**********************/

p_blue {
	color				: #0040c0
}

/**************/
/* 商品説明２ */
/**************/

.features {
	margin-left		: 2rem; 
	text-indent		: -2rem; 
	margin-top		: 1rem; 
	line-height		: 1.8rem; 
}

/**************/
/* 代理店表示 */
/**************/

.manufacturer_name {
	width				: auto; 
	margin-top			: 1rem; 
	background			: #0040c0; 
	box-shadow			: 0px 0px 0px 3px #0040c0; 
	border				: solid 1px white; 
	border-radius		: 10px; 
	color				: white; 
	text-align			: center; 
	padding				: 0.5rem 0 1rem 0; 
	font-weight			: normal; 
}

.manufacturer_name img {
	width				: 80px; 
	vertical-align		: -0.5rem; 
}

/************/
/* 在庫表示 */
/************/

.stock_upp {
	width				: auto; 
	margin-top			: 1rem; 
	border-radius		: 10px 10px 0 0; 
	text-align			: center; 
	font-weight			: bold; 
	font-size			: large; 
	padding				: 0.25rem ;
	background			: darkgoldenrod; 
	color				: white; 
}

.stock_low {
	width				: auto; 
	border				: 3px solid darkgoldenrod; 
	border-radius		: 0 0 10px 10px; 
	font-weight			: normal; 
	background			: white; 
	text-align			: center; 
	padding				: 0.5rem; 
}

/**************/
/* 問合せ表示 */
/**************/

.balloon2 {
  position				: relative; 
  display				: inline-block; 
  margin				: 3rem 0 1.2rem; 
  padding				: 0.5rem 2rem; 
  min-width				: 120px; 
  max-width				: 100%; 
  color					: black; 
  font-size				: clamp(1rem, 2.5vw, 2rem); 
  background			: white; 
  border				: solid 3px #0040c0; 
  box-sizing			: border-box; 
  border-radius			: 5rem; 
}

.balloon2:before {
  content				: ""; 
  position				: absolute; 
  bottom				: -24px; 
  left					: 50%; 
  margin-left			: -15px; 
  border				: 12px solid transparent; 
  border-top			: 12px solid #FFF; 
  z-index				: 2; 
}

.balloon2:after {
  content				: ""; 
  position				: absolute; 
  bottom				: -30px; 
  left					: 50%; 
  margin-left			: -17px; 
  border				: 14px solid transparent; 
  border-top			: 14px solid #0040c0; 
  z-index				: 1; 
}

.balloon2 p {
  margin				: 0; 
  padding				: 0; 
}
/*********************/
/* ブラザーTzeテープ */
/*********************/

.tze {
	width				: 100%; 
	border-collapse		: collapse; 
}

.tze th {
	border				: solid thin lightgray; 
	text-align			: center; 
	vertical-align		: middle; 
	padding				: 0.2rem 0.5rem; 
	background			: whitesmoke; 
}

.tze td {
	border				: solid thin lightgray; 
	vertical-align		: middle; 
	text-align			: center; 
	padding				: 0.2rem 0.5rem; 
	background			: white; 
}

/****************/
/* 仕様表 その２*/
/****************/

.spec {
	width				: 100%; 
	border-collapse		: collapse; 
}

.spec th {
	border				: solid thin lightgray; 
	text-align			: center; 
	vertical-align		: middle; 
	padding				: 0.5rem; 
	background			: whitesmoke; 
	font-size			: medium; 
	white-space			: nowrap; 
}

.spec td {
	border				: solid thin lightgray; 
	text-align			: center; 
	vertical-align		: middle; 
	padding				: 0.5rem; 
	font-size			: medium; 
}

@media screen and (max-width: 768px) {
	.spec th  {
		display			: block; 
		padding			: 0 1rem; 
		border-bottom	: none; 
	}
	.spec td  {
		display			: block; 
		padding			: 0.5rem 1rem; 
		border-bottom	: none; 
	}
	.spec tr:last-child td {
		border-bottom	: solid thin lightgray; 
	}
}

