@charset "UTF-8";
/* **********************************************
	製品詳細ページ（カスタム投稿記事）スタイル
	
	スマホ(max-width: 768px)
	タブレット（min-width: 768px）and(max-width:960px)
	PC（min-width: 960px）
	
 ********************************************** */
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
}
/* =================================================
	本文エリア
 ================================================= */
#wrapper .contents {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	background: #fff;
	position: relative;
	z-index: 0;
}
.productdetailArea {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px 0px 100px 0px;
	text-align: center;
}
.productdetailArea [class*="detail_"] {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px 0px 50px 0px;
	text-align: center;
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	.productdetailArea [class*="detail_"] {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px 0px 0px 0px;
		text-align: center;
	}
}
/* 見出し */
.productdetailArea .mds {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto 30px;
	padding: 0px;
	text-align: center;
}
.productdetailArea .mds .series_logo {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto 0px;
	padding: 30px 0px 0px;
}
.productdetailArea .mds .series_logo img {
	width: 100%;
	max-width: 220px;
	height: auto;
}
.productdetailArea .mds h1 {
	width: 100%;
	height: auto;
	display: block;
	margin: 10px auto 20px;
	padding: 0px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 1em;
	color: #231815;
}
.productdetailArea .mds h2 {
	width: 90%;
	height: auto;
	display: block;
	margin: 20px auto 0px;
	padding: 0px;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.65em;
	color: #231815;
	position: relative;
}
.productdetailArea .mds h2 .sp {
	display: inline-block;
}
.productdetailArea .mds .eyecatch {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px;
}
.productdetailArea .mds .eyecatch img {
	width: 100%;
	height: auto;
	object-fit: cover;
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	/* 見出し */
	.productdetailArea .mds .series_logo {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto 0px;
		padding: 70px 0px 0px;
	}
	.productdetailArea .mds .series_logo img {
		width: 100%;
		max-width: 300px;
		height: auto;
	}
	.productdetailArea .mds h1 {
		width: 100%;
		height: auto;
		display: block;
		margin: 15px auto 30px;
		padding: 0px;
		text-align: center;
		font-weight: 500;
		line-height: 1em;
		color: #231815;
	}
	body[lang="ja"] .productdetailArea .mds h1 {
		font-size: 20px;
	}
	body[lang="en"] .productdetailArea .mds h1, 
	body[lang="en-US"] .productdetailArea .mds h1 {
		font-size: 26px;
	}
	.productdetailArea .mds h2 {
		width: 100%;
		height: auto;
		display: block;
		margin: 40px auto 20px;
		padding: 0px;
		text-align: center;
		line-height: 1.65em;
		color: #231815;
		position: relative;
	}
	.productdetailArea .mds h2 .sp {
		display: none;
	}
	body[lang="ja"] .productdetailArea .mds h2 {
		font-size: 24px;
		font-weight: 500;
	}
	body[lang="en"] .productdetailArea .mds h2, 
	body[lang="en-US"] .productdetailArea .mds h2 {
		font-size: 24px;
		font-weight: 300;
	}
	.productdetailArea .mds .eyecatch {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px;
	}
	.productdetailArea .mds .eyecatch img {
		width: 100%;
		height: 300px;
		object-fit: cover;
	}
}
/* =================================================
	目次　ページ内リンク
 ================================================= */
.productdetailArea .content_index_bg {
	width: 100%;
	height: auto;
	display: block;
	margin: 40px auto 70px;
	padding: 10px 0px 20px;
	box-sizing: border-box;
	background: #c5cbd335;
}
.productdetailArea ul.content_index {
	width: 90%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 20px auto;
	padding: 10px 0px;
	box-sizing: border-box;
	list-style: none;
}
.productdetailArea ul.content_index li {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto 10px;
	padding: 0px;
	text-align: left;
	list-style: none;
}
.productdetailArea ul.content_index li a {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto 0px;
	padding: 10px 0px;
	text-align: left;
	font-size: 1.25em;
	font-weight: 400;
	line-height: 1.5em;
	color: #231815;
	text-decoration: none;
	letter-spacing: -0.025em;
	border-bottom: 1px dotted #ccc;
	position: relative;
	transition: all 0.3s ease;
}
.productdetailArea ul.content_index li a:hover {
	color: #D33F5E;
}
.productdetailArea ul.content_index li a::before{
	content: "";
	width: 30px;
	height: 30px;
	margin: auto;
	vertical-align: middle;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #D33F5E;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
}
.productdetailArea ul.content_index li a::after{
	content: "";
	width: 11px;
	height: 11px;
	margin: auto;
	vertical-align: middle;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: -5px;
	bottom: 0;
	right: 8px;
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	.productdetailArea .content_index_bg {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px;
		box-sizing: border-box;
		background: transparent;
	}
	.productdetailArea ul.content_index {
		width: auto;
		max-width: 1100px;
		height: auto;
		display: flex; /* ← block ではなく inline-flex */
		justify-content: center; /* 中央寄せ */
		flex-wrap: nowrap;
		margin: 50px auto 40px;
		padding: 0px;
		list-style: none;
	}
	.productdetailArea ul.content_index li {
		width: auto;
		height: 2.5em;
		display: block;
		margin: 0px 20px;
		padding: 0px 20px 0px 0px;
		text-align: left;
		font-size: 13px;
		font-weight: 400;
		line-height: 1.5em;
		white-space: nowrap;
		letter-spacing: -0.025em;
		list-style: none;
		position: relative;
	}
	.productdetailArea ul.content_index li:not(:last-child)::before {
		content: "｜";
		width: 1em;
		height: 1.5em;
		display: block;
		margin: auto;
		padding: 0px;
		text-align: left;
		font-size: 1em;
		font-weight: 400;
		line-height: 1.25em;
		color: #bbb;
		letter-spacing: -0.025em;
		position: absolute;
		top: 0;
		bottom: 0;
		left: auto;
		right: -25px;
	}
	.productdetailArea ul.content_index li a {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px 8px 0px 0px;
		text-align: left;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.5em;
		color: #231815;
		text-decoration: none;
		letter-spacing: 0.025em;
		position: relative;
		transition: all 0.3s ease;
	}
	.productdetailArea ul.content_index li a::before{
		content: "";
		width: 26px;
		height: 26px;
		margin: auto;
		vertical-align: middle;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background: #D33F5E;
		position: absolute;
		top: -2px;
		bottom: 0;
		right: -22px;
	}
	.productdetailArea ul.content_index li a::after{
		content: "";
		width: 10px;
		height: 10px;
		margin: auto;
		vertical-align: middle;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		position: absolute;
		top: -6px;
		bottom: 0;
		right: -15px;
	}
	.productdetailArea ul.content_index li a:hover::before{
		top: 3px;
	}
	.productdetailArea ul.content_index li a:hover::after{
		top: 0px;
	}
}
/* =================================================
	目次　ページ内リンク 製品ラインナップ部分
 ================================================= */
.productdetailArea .lineup_link {
	width: 90%;
	height: auto;
	display: inline-flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 10px auto;
	padding: 0px;
	gap: 0px 5px;
}
.productdetailArea .lineup_link a {
	width: calc(100% / 4.5);
	height: auto;
	display: block;
	margin: 0px 3px 1em;
	padding: 0px;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.35em;
	color: #231815;
	text-decoration: none;
	letter-spacing: -0.025em;
	transition: all 0.3s ease;
}
.productdetailArea .lineup_link a:hover {
	color: #D33F5E;
}
.productdetailArea .lineup_link a img {
	width: 100%;
	height: auto;
}
.productdetailArea .lineup_link hr {
	flex-basis: 100%; /* ← これで改行＆全幅 */
	height: 1px;
	border: none;
	margin: -10px 0px 30px;
}
.productdetailArea .lineup_link a.dealer-only {
	position: relative;
}
.productdetailArea .lineup_link a.dealer-only::before {
	content: "販売店様向け";
	position: absolute;
	top: 2px;
	left: 2px;
	background: #41439c87;
	color: #fff;
	font-size: 11px;
	padding: 2px 3px;
	z-index: 2;
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	.productdetailArea .lineup_link {
		width: 90%;
		max-width: 1260px;
		height: auto;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
		margin: 50px auto 0px;
		padding: 0px;
		gap: 0px;
	}
	.productdetailArea .lineup_link a {
		width: calc(100% / 5.5);
		height: auto;
		display: block;
		margin: 0px 10px 20px;
		padding: 0px;
		text-align: center;
		line-height: 1.35em;
		color: #231815;
		text-decoration: none;
		letter-spacing: -0.025em;
		transition: all 0.3s ease;
	}
	body[lang="ja"] .productdetailArea .lineup_link a {
		font-size: 12px;
		font-weight: 400;
	}
	body[lang="en"] .productdetailArea .lineup_link a, 
	body[lang="en-US"] .productdetailArea .lineup_link a {
		font-size: 14px;
		font-weight: 300;
	}
	.productdetailArea .lineup_link a:hover {
		color: #D33F5E;
	}
	.productdetailArea .lineup_link a img {
		width: 100%;
		height: auto;
	}
	.productdetailArea .lineup_link a.dealer-only {
		position: relative;
	}
	.productdetailArea .lineup_link a.dealer-only::before {
		content: "販売店様向け";
		position: absolute;
		top: 4px;
		left: 4px;
		background: #41439c87;
		color: #fff;
		font-size: 12px;
		padding: 2px 6px;
		z-index: 2;
		border-radius: 2px;
	}
}
/* =================================================
	コーナータイトル
 ================================================= */
h2.indexttl {
	width: 90%;
	height: auto;
	display:block;
	margin: 0px auto 0px;
	padding: 20px 0px 20px;
	border-top: 1px solid #c5cbd3;
	text-align: left;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5em;
	color: #231815;
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	h2.indexttl {
		width: 100%;
		max-width: 1100px;
		height: auto;
		display:block;
		margin: 50px auto 0px;
		padding: 50px 0px 70px;
		border-top: 1px solid #c5cbd3;
		text-align: left;
		font-size: 24px;
		font-weight: 500;
		line-height: 1.5em;
		color: #231815;
	}
}
/* =================================================
	左：属性アイコン・ページ内リンク／右：製品スペック・ラインナップ
 ================================================= */
.detail_spec,
.detail_lineup {
	width: 100%;
	display: block;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	overflow: visible;
}
.left {
	width: 90%;
	height: auto;
	display: block;
	margin: 0px auto 30px;
	padding: 0px;
	position:relative;
}
.right {
	width: 90%;
	height: auto;
	display: block;
	margin: 0px auto 50px;
	padding: 0px;
	position:relative;
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	.detail_spec,
	.detail_lineup {
		width: 100%;
		display: block;
		margin: 0px auto;
		padding: 0px;
		text-align: center;
		overflow: visible;
	}
	.detail_spec .flex-box,
	.detail_lineup .flex-box {
		width: 100%;
		max-width: 1100px;
		display: flex;
		margin: 0px auto;
		padding: 0px;
		text-align: center;
		overflow: visible;
	}
	.left {
		width: 230px;
		height: 100%;
		position: sticky;
		top: 100px;
		overflow-y: auto;
		flex-shrink: 0;
	}
	.right {
		flex-grow: 1;
		overflow-y: auto;
		margin: 0px auto;
		padding: 0px 0px 0px 30px;
	}
}
/* =================================================
	左側：属性アイコン・タグエリア
 ================================================= */
/* カテゴリーアイコンの説明テキスト */
.catedescription {
	width: calc(100% - 7.5em);
	height: 8em;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 0px auto;
	text-align: left;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 7em;
	right: auto;
}
body[lang="ja"] .catedescription {
	padding: 0px;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.65em;
	color: #666;
}
body[lang="en"] .catedescription, 
body[lang="en-US"] .catedescription {
	padding: 2px 0px 0px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.35em;
	color: #666;
}
.catedescription p {
	width: 100%;
	height: 100%;
	display: block;
}
body[lang="ja"] .catedescriptiontext {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5em;
	color: #333;
	letter-spacing: 0.05em;
}
body[lang="en"] .catedescriptiontext, 
body[lang="en-US"] .catedescriptiontext {
	font-size: 22px;
	font-weight: 600;
	line-height: 1em;
	color: #333;
	letter-spacing: 0;
}
/* 属性アイコン一覧 */
.product_icon {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto 30px;
	padding: 50px 0px 0px;
	text-align: left;
	list-style: none;
}
.product_icon .icn {
	width: auto;
	height: auto;
	display: inline-block;
	margin: 0px 7px 7px 0px;
	padding: 6px 10px 5px 10px;
	border-radius: 4px;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.35em;
	letter-spacing: -0.025em;
	color: #222;
	flex-direction: column; /* ← テキストが2行になる場合も自然に */
	position: relative;
}
.product_icon .icn img {
	width: 18px;
	height: auto;
	display: inline-block;
	margin: 0px 3px 2px 0px;
	padding: 0px;
	vertical-align: bottom;
	filter: invert(14%) sepia(0%) saturate(3963%) hue-rotate(324deg) brightness(102%) contrast(84%);
}
.product_icon .icn_type.oil-solvent-fastdry, 
.product_icon .icn_type.water-based, 
.product_icon .icn_type.oil-based
{	background: #ffc6e2;}
.product_icon .icn_type.pigment-ink, 
.product_icon .icn_type.dye-ink 
{	background: #c6e2ff;}
.product_icon .icn_type.air-dry, 
.product_icon .icn_type.absorption-dry 
{	background: #c6ffe2;}
.product_icon .icn_type.archival, 
.product_icon .icn_type.acid-free 
{	background: #e5ccff;}
.product_icon .icn_type.heat-set, 
.product_icon .icn_type.heat-required 
{	background: #ffc6c6;}
.product_icon .icn_type.emboss-optimal, 
.product_icon .icn_type.emboss-friendly, 
.product_icon .icn_type.emboss-not-recommended, 
.product_icon .icn_type.emboss-only 
{	background: #ffffc6;}
.product_icon .icn_type.refill-available 
{	background: #e2e2f2;}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	/* カテゴリーアイコンの説明テキスト */
	.catedescription {
		width: calc(100% - 107px);
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
		margin: 0px;
		padding: 0px;
		text-align: left;
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 107px;
		right: auto;
		z-index: -1;
	}
	body[lang="ja"] .catedescription {
		font-size: 11px;
		font-weight: 400;
		line-height: 1.65em;
		color: #666;
	}
	body[lang="en"] .catedescription, 
	body[lang="en-US"] .catedescription {
		font-size: 11px;
		font-weight: 400;
		line-height: 1.25em;
		color: #666;
	}
	.catedescription p {
		width: 100%;
		height: 100%;
		display: block;
	}
	body[lang="ja"] .catedescriptiontext {
		font-size: 18px;
		font-weight: 600;
		line-height: 1.5em;
		color: #333;
		letter-spacing: -0.01em;
	}
	body[lang="en"] .catedescriptiontext, 
	body[lang="en-US"] .catedescriptiontext {
		font-size: 18px;
		font-weight: 600;
		line-height: 1.2em;
		color: #333;
		letter-spacing: 0em;
	}
	/* 属性アイコン一覧 */
	ul.product_icon {
		width: 100%;
		height: auto;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
		list-style: none;
		margin: 50px auto;
		padding: 50px 0px 0px;
		text-align: center;
		gap: 3px 7px;
	}
	.product_icon .icn {
		width: auto;
		height: auto;
		display: inline-block;
		margin: 0px 7px 7px 0px;
		padding: 7px 7px 5px 7px;
		border-radius: 4px;
		text-align: center;
		font-size: 13px;
		font-weight: 400;
		line-height: 1.35em;
		letter-spacing: -0.025em;
		color: #222;
		flex-direction: column; /* ← テキストが2行になる場合も自然に */
		position: relative;
	}
	.product_icon .icn img {
		width: 15px;
		height: auto;
		display: inline-block;
		margin: 0px 3px 2px 0px;
		padding: 0px;
		vertical-align: bottom;
		filter: invert(14%) sepia(0%) saturate(3963%) hue-rotate(324deg) brightness(102%) contrast(84%);
	}
	.product_icon .icn br {
		display: none;
	}
	.product_icon .icn_type {	background: #ffc6e2;}
	.product_icon .icn_composition {	background: #c6e2ff;}
	.product_icon .icn_dry {	background: #c6ffe2;}
	.product_icon .icn_durable {	background: #e5ccff;}
	.product_icon .icn_heat {	background: #ffc6c6;}
	.product_icon .icn_embos {	background: #ffffc6;}
	.product_icon .icn_inker {	background: #e2e2f2;}
}
/* =================================================
	特性アイコンのツールチップ設定（完成版・修正版）
 ================================================= */
/* ツールチップ共通 */
.product_icon .icn {
	position: relative; /* 擬似要素の基準 */
	/* 既存のスタイルはそのまま維持 */
}
/* 吹き出し（::after）を非表示状態で準備 */
.product_icon .icn::after {
	content: ''; /* attrで表示するので初期は空 */
	position: absolute;
	bottom: 31px;
	left: 5px;
	min-width: 65px;
	max-width: 320px;
	white-space: normal;
	padding: 8px 10px;
	border-radius: 6px;
	background: rgba(0,0,0,0.85);
	color: #fff;
	font-size: 13px;
	line-height: 1.4;
	text-align: left;
	box-shadow: 0 2px 6px rgba(0,0,0,0.25);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	z-index: 60;
}
/* 吹き出しの矢印（::before） */
.product_icon .icn::before {
	content: '';
	position: absolute;
	bottom: 27px;
	left: 50%;
	transform: translateX(-50%);
	width: 15px;
	height: 15px;
	background: rgba(0,0,0,0.85);
	transform: translateX(-50%) rotate(45deg);
	border-radius: 1px;
	opacity: 0;
	visibility: hidden;
	z-index: 59;
}
/* ホバーまたはフォーカス時に表示（attr(data-desc) で中身をセット） */
.product_icon .icn:hover::after,
.product_icon .icn:focus::after {
	content: attr(data-desc);
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
/* 矢印も表示 */
.product_icon .icn:hover::before,
.product_icon .icn:focus::before {
	opacity: 1;
	visibility: visible;
}

/* 吹き出しの位置調整（アイコンの上に出したければ top: auto; bottom: 100% 等にする） */
.product_icon .icn.top-tooltip::after {
	top: auto;
	bottom: 100%;
	transform: translateX(-50%);
}
.product_icon .icn.top-tooltip::before {
	top: auto;
	bottom: 100%;
	transform: translateX(-50%) rotate(45deg);
}
/* 小さい画面での調整 */
@media screen and (max-width: 767px) {
	.product_icon .icn::after {
		min-width: 65px;
		max-width: 260px;
		font-size: 12px;
	}
}
/* 上のタグ一覧 */
ul.product_tags {
	width: 100%;
	height: auto;
	display: block;
	margin: 20px auto 0px;
	padding: 0px;
	text-align: left;
	list-style: none;
}
ul.product_tags li {
	height: auto;
	display: inline-block;
	margin: 0px 7px 10px 0px;
	padding: 0px;
}
ul.product_tags li a {
	height: auto;
	display: block;
	margin: 0px;
	padding: 3px 7px 2px;
	background: #fff;
	border-radius: 0px;
	border: 1px solid #666;
	text-align: left;
	font-size: 14px;
	line-height: 1.5em;
	font-weight: 400;
	font-style: normal;
	color: #333;
	text-decoration: none;
	transition: all 0.3s ease;
}
ul.product_tags li a:hover {
	color: #fff;
	background: #333;
}
/* 下のラインナップ一覧 */
ul.product_lineup {
	display: none;
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	/* 下のラインナップ一覧 */
	ul.product_lineup {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px;
		text-align: left;
		list-style: none;
	}
	ul.product_lineup li {
		height: auto;
		display: block;
		margin: 0px auto 20px;
		padding: 0px;
	}
	ul.product_lineup li a {
		width: auto;
		height: auto;
		display: inline-block;
		margin: 0px;
		padding: 0px;
		text-align: left;
		font-size: 12px;
		line-height: 1.5em;
		font-weight: 400;
		font-style: normal;
		color: #333;
		text-decoration: none;
		padding-bottom: 3px; /* テキストと下線の間隔 */
		background-image: linear-gradient(#000, #000);
		background-repeat: no-repeat;
		background-position: bottom right; /* 下線の初期位置 */
		background-size: 0 1px; /* 下線のサイズ（横幅、高さ） */
		transition: background-size 0.3s;
	}
	ul.product_lineup li a:hover {
		background-position: bottom left; /* 下線のホバー時位置 */
		background-size: 100% 1px; /* 下線の横幅を100%にする */
	}
}
/* =================================================
	右側：スペックエリア
 ================================================= */
.detail_spec .right dl {
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.75em;
	color: #333;
	text-decoration: none;
}
.detail_spec .right dl dt,
.detail_spec .right dl dd {
	border-right: 2px solid #e5ecf8;
	border-left: 2px solid #e5ecf8;
}
.detail_spec .right dl dd {
	display: block;
}
.detail_spec .right dl dd:last-child {
	border-bottom: 2px solid #e5ecf8;
}
.detail_spec .right dl dt {
	width: 100%;
	background: #e5ecf8;
	border-top: 2px solid #fff;
	padding: 10px;
	box-sizing: border-box;
	font-weight: 500;
	text-align: left;
}
.detail_spec .right dl dd {
	width: 100%;
	background: #fff;
	padding: 10px;
	box-sizing: border-box;
	color: #333;
	text-align: left;
}
.detail_spec .right dl dd a {
	color: #333;
	text-decoration: underline;
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	.detail_spec .right dl {
		display: flex;
		justify-content: center;
		align-items: stretch; /* これで高さを揃える */
		flex-wrap: wrap;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.75em;
		color: #333;
		text-decoration: none;
	}
	.detail_spec .right dl dt,
	.detail_spec .right dl dd {
		border-top: 2px solid #e5ecf8;
		border-right: 2px solid #e5ecf8;
		border-left: none;
	}
	.detail_spec .right dl dd {
		display: block;
	}
	.detail_spec .right dl dt:first-child {
		border-top: 2px solid #e5ecf8;
	}
	.detail_spec .right dl dd:last-child {
		border-bottom: 2px solid #e5ecf8;
	}
	.detail_spec .right dl dt {
		width: 190px;
		background: #e5ecf8;
		border-top: 2px solid #fff;
		padding: 15px;
		box-sizing: border-box;
		font-weight: 500;
	}
	.detail_spec .right dl dd {
		width: calc(100% - 200px); /* 残り幅 */
		background: #fff;
		padding: 15px;
		box-sizing: border-box;
		color: #333;
		text-align: left;
	}
	.detail_spec .right dl dd a {
		color: #333;
		text-decoration: underline;
	}
}
/* ul/li版 適性表 */
.tekisei-table {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	border-collapse: collapse; /* 見た目用 */
}
.tekisei-table .row {
	display: flex;
	border-top: 1px solid #ccc;
}
.tekisei-table .row:last-child {
	border-bottom: 1px solid #ccc;
}
.tekisei-table .cell {
	flex: 1;
	padding: 10px;
	border-left: 1px solid #ccc;
	text-align: center;
}
.tekisei-table .cell:last-child {
	border-right: 1px solid #ccc;
}
/* データ行色分け */
.tekisei-table .cell.fabric {
	background: #cee5ed;
}
.tekisei-table .row .cell:not(.fabric) {
	background: #fff; /* データ列は白背景 */
}
/* ヘッダー行色分け */
.tekisei-table .row.header .tekisei {
	background: #fff6e5;
}
.tekisei-table .row.header .func {
	background: #ffe6e5;
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	.tekisei-table .row {
		flex-direction: row; /* 必要なら縦並びに変更可能 */
	}
}
/* =================================================
	ラインナップ個別
 ================================================= */
.lineup_box {
	width: 100%;
	display: flex;
	justify-content: center; /* 並び全体を中央寄せ */
	align-items: flex-start; /* 上揃え。中央揃えなら center に */
	flex-wrap: wrap;
	gap: 10px; /* 間隔 */
	margin: 0px auto 60px;
	padding: 0px;
	position: relative;
}
.lineup_box:first-child {
	padding: 0px 0px 60px;
}
.lineup_box::after {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	margin: auto;
	padding: 0px;
	border-top: 1px solid #c5cbd3;
	position: absolute;
	top: auto;
	bottom: -30px;
	left: 0px;
	right: 0px;
}
.lineup_box:last-child::after {
	content: none;
}
.lineup_box img {
	width: 120px;
	height: auto;
	border: 1px solid #eee;
}
.lineup_box .name {
	width: calc(100% - 130px);
	display: block;
	text-align: left;
	font-size: 15px;
	line-height: 1.75em;
	color: #333;
	overflow-wrap: break-word;
}
.lineup_box .information {
	width: 100%;
	display: block;
	text-align: left;
	font-size: 15px;
	line-height: 1.75em;
	color: #333;
	overflow-wrap: break-word;
}
.lineup_box .information .note {
	display: block;
	margin: 7px auto;
	padding: 0px;
	text-align: left;
	font-size: 15px;
	line-height: 1.5em;
	color: #333;
}
.lineup_box .information .caution {
	display: block;
	margin: 7px auto;
	padding: 0px;
	text-align: left;
	font-size: 14px;
	line-height: 1.5em;
	color: #f00;
}
.lineup_box .information a {
	color: inherit;
	text-decoration: underline;
}
.indent {
	display: inline-block;
	padding-left: 4em; /* ←スペースの数に応じて調整 */
}
.lineup_box .links {
	width: 100%;
	display: block;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5em;
	color: #333;
	text-decoration: none;
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	.lineup_box {
		width: 100%;
		display: flex;
		justify-content: center; /* 並び全体を中央寄せ */
		align-items: flex-start; /* 上揃え。中央揃えなら center に */
		flex-wrap: wrap;
		gap: 20px; /* 間隔 */
		margin: 0px auto 60px;
		padding: 60px 0px;
		position: relative;
	}
	.lineup_box:first-child {
		padding: 0px 0px 60px;
	}
	.lineup_box::after {
		content: "";
		width: 100%;
		height: 1px;
		display: block;
		margin: auto;
		padding: 0px;
		border-top: 1px solid #c5cbd3;
		position: absolute;
		top: auto;
		bottom: -30px;
		left: 0px;
		right: 0px;
	}
	.lineup_box:last-child::after {
		content: none;
	}
	.lineup_box img {
		width: 200px;
		height: auto;
		border: 1px solid #eee;
	}
	.lineup_box .name {
		width: calc(100% - 420px);
		display: block;
		text-align: left;
		font-size: 15px;
		line-height: 2em;
		color: #333;
		inline-size: 280px;
		overflow-wrap: break-word;
	}
	.lineup_box .information {
		width: 100%;
		display: block;
		text-align: left;
		font-size: 15px;
		line-height: 2em;
		color: #333;
		overflow-wrap: break-word;
	}
	.lineup_box .information .note {
		display: block;
		margin: 7px auto;
		padding: 0px;
		text-align: left;
		font-size: 15px;
		line-height: 1.5em;
		color: #333;
	}
	/* br.sp 非表示 */
	.lineup_box .information .note br.sp {
		display: none;
	}
	/* 繋げる区切り線 */
	.lineup_box .information .note span::after {
		content: "／";
		margin: 0 0.3em 0 0.7em;
	}
	.lineup_box .information .caution {
		display: block;
		margin: 7px auto;
		padding: 0px;
		text-align: left;
		font-size: 14px;
		line-height: 1.5em;
		color: #f00;
	}
	.indent {
		display: inline-block;
		padding-left: 4em; /* ←スペースの数に応じて調整 */
	}
	.lineup_box .links {
		width: 220px;
		display: block;
		margin: 0px auto;
		padding: 0px;
		text-align: left;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.5em;
		color: #333;
		text-decoration: none;
	}
}
/* 購入するボタン */
.lineup_box .links a.cartbtn {
	width: 100%;
	height: auto;
	display:block;
	margin: 0px auto 4px;
	padding: 10px 0px 10px 25px;
	background: #1b2b7e;
	border-radius: 20px;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.5em;
	color: #fff;
	text-decoration: none;
	position: relative;
	transition: all 0.3s ease;
}
.lineup_box .links a br {
	display: none;
}
.lineup_box .links a.cartbtn::before {
	content: "";
	background-image: url(../_img/cmn/icnset_cart.svg);
	background-position: left -57px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 28px;
	height: 28px;
	display:block;
	margin: auto;
	padding: 0px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 20px;
	right: auto;
}
/* 印刷用PDFボタン */
.lineup_box .links a.chartbtn {
	width: 100%;
	height: auto;
	display:block;
	margin: 0px auto 4px;
	padding: 10px 0px 10px 35px;
	background: #6796de;
	border-radius: 20px;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.5em;
	color: #fff;
	text-decoration: none;
	position: relative;
	transition: all 0.3s ease;
}
.lineup_box .links a.chartbtn::before {
	content: "";
	background-image: url(../_img/cmn/icnset_paper.svg);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 28px;
	height: 28px;
	display:block;
	margin: auto;
	padding: 0px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 20px;
	right: auto;
}
/* 問い合わせボタン */
.lineup_box .links a.contactbtn {
	width: 100%;
	height: auto;
	display:block;
	margin: 0px auto 4px;
	padding: 10px 0px 10px 25px;
	background: #59bee3;
	border-radius: 20px;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.5em;
	color: #fff;
	text-decoration: none;
	position: relative;
	transition: all 0.3s ease;
}
.lineup_box .links a.contactbtn::before {
	content: "";
	background-image: url(../_img/cmn/icnset_contact.svg);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 28px;
	height: 28px;
	display:block;
	margin: auto;
	padding: 0px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 20px;
	right: auto;
}
.lineup_box .links a:hover.cartbtn,
.lineup_box .links a:hover.chartbtn,
.lineup_box .links a:hover.contactbtn {
	background: #666;
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	/* 購入するボタン */
	.lineup_box .links a.cartbtn {
		width: 100%;
		height: auto;
		display:block;
		margin: 0px auto 4px;
		padding: 10px 45px 10px 0px;
		background: #1b2b7e;
		border-radius: 10px;
		text-align: center;
		font-size: 13px;
		font-weight: 500;
		line-height: 1.5em;
		color: #fff;
		text-decoration: none;
		position: relative;
		transition: all 0.3s ease;
	}
	.lineup_box .links a br {
		display: inline-block;
	}
	.lineup_box .links a.cartbtn::before {
		content: "";
		background-image: url(../_img/cmn/icnset_cart.svg);
		background-position: left -57px;
		background-repeat: no-repeat;
		background-size: 100% auto;
		width: 30px;
		height: 30px;
		display:block;
		margin: auto;
		padding: 0px;
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: auto;
		right: 10px;
	}
	.lineup_box .links a.cartbtn::after {
		content: "";
		width: 1px;
		height: 40px;
		display:block;
		margin: auto;
		padding: 0px;
		border-left: 1px dashed #fff;
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: auto;
		right: 45px;
	}
	/* 印刷用PDFボタン */
	.lineup_box .links a.chartbtn {
		width: 100%;
		height: auto;
		display:block;
		margin: 0px auto 4px;
		padding: 10px 45px 10px 0px;
		background: #6796de;
		border-radius: 10px;
		text-align: center;
		font-size: 13px;
		font-weight: 500;
		line-height: 1.5em;
		color: #fff;
		text-decoration: none;
		position: relative;
		transition: all 0.3s ease;
	}
	.lineup_box .links a.chartbtn::before {
		content: "";
		background-image: url(../_img/cmn/icnset_paper.svg);
		background-position: left bottom;
		background-repeat: no-repeat;
		background-size: 100% auto;
		width: 30px;
		height: 30px;
		display:block;
		margin: auto;
		padding: 0px;
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: auto;
		right: 10px;
	}
	.lineup_box .links a.chartbtn::after {
		content: "";
		width: 1px;
		height: 40px;
		display:block;
		margin: auto;
		padding: 0px;
		border-left: 1px dashed #fff;
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: auto;
		right: 45px;
	}
	/* 問い合わせボタン */
	.lineup_box .links a.contactbtn {
		width: 100%;
		height: auto;
		display:block;
		margin: 0px auto 4px;
		padding: 10px 45px 10px 0px;
		background: #59bee3;
		border-radius: 10px;
		text-align: center;
		font-size: 13px;
		font-weight: 500;
		line-height: 1.5em;
		color: #fff;
		text-decoration: none;
		position: relative;
		transition: all 0.3s ease;
	}
	.lineup_box .links a.contactbtn::before {
		content: "";
		background-image: url(../_img/cmn/icnset_contact.svg);
		background-position: left bottom;
		background-repeat: no-repeat;
		background-size: 100% auto;
		width: 30px;
		height: 30px;
		display:block;
		margin: auto;
		padding: 0px;
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: auto;
		right: 10px;
	}
	.lineup_box .links a.contactbtn::after {
		content: "";
		width: 1px;
		height: 40px;
		display:block;
		margin: auto;
		padding: 0px;
		border-left: 1px dashed #fff;
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: auto;
		right: 45px;
	}
	.lineup_box .links a:hover.cartbtn,
	.lineup_box .links a:hover.chartbtn,
	.lineup_box .links a:hover.contactbtn {
		background: #666;
	}
}
/* =================================================
	カラーチャート開閉（javascript使用）
 ================================================= */
:root {
	--more-base-height: 200px;
}
.more {
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	box-sizing: border-box;
}
.more__content {
	position: relative;
	height: auto;
	max-height: var(--more-base-height);
	overflow: hidden;
	transition: max-height 1s;
}
.more__content::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	transition: 1s;
	background: linear-gradient(to bottom, transparent 30%, #ffffff 100%);
	z-index: 10;
}
.more__content.open:after {
	z-index: -1;
	opacity: 0;
}
.more__btn {
	display: block;
	margin: 20px auto;
	padding: 4px 40px 6px;
	border: 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5em;
	letter-spacing: 0.0125em;
	color: #ffffff;
	background-color: #00c2bc;
	cursor: pointer;
}
.more__btn img {
	width: 24px;
	height: auto;
	border: none;
}
/* カラーチャート */
ul.color-grid {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	margin: 0px auto 0px;
	list-style: none;
	border-left: 1px solid #f5f5f5;
}
ul.color-grid li {
	width: calc(100% / 3);
	height: auto;
	display: block;
	border-top: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
}
ul.color-grid li:last-child {
	border-right: 1px solid #f5f5f5;
}
ul.color-grid li:nth-child(even) {
	background: #f5f5f5;
	border-bottom: 1px solid #fff;
}
ul.color-grid li:nth-child(odd) {
	border-bottom: 1px solid #f5f5f5;
}
.color-swatch {
	width: 30px;
	height: 30px;
	display: block;
	margin: 7px auto 5px;
	padding: 0px;
	border-radius: 50%;
	flex-shrink: 0;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.color-text {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px 5px 5px;
}
.color-text p {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.25em;
	letter-spacing: -0.0125em;
	color: #333;
	text-decoration: none;
}
.color-text p.color-name .highlight {
	color: #e63946;
}
.color-text p.color-jan {
	font-size: 10px;
	line-height: 1.75em;
}
/* NEWリボン */
.color-item {
	position: relative; /* ::before の基準にする */
	overflow: hidden;   /* はみ出した部分を隠す */
}
.color-item.new::before {
	content: "NEW";
	position: absolute;
	top: 36px;
	right: -20px;
	width: 80px;
	height: 18px;
	background: #e63946; /* 赤系 */
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	transform: rotate(45deg);
	transform-origin: top right;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	z-index: 5;
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	/* カラーチャート */
	ul.color-grid {
		width: 100%;
		height: auto;
		display: flex;
		justify-content: flex-start;
		align-items: stretch;
		flex-wrap: wrap;
		margin: 0px auto 0px;
		list-style: none;
		border-left: 1px solid #f5f5f5;
	}
	ul.color-grid li {
		width: calc(100% / 5);
		height: auto;
		display: flex;
		justify-content: flex-start;
		align-items: stretch;
		border-top: 1px solid #f5f5f5;
		border-right: 1px solid #f5f5f5;
	}
	ul.color-grid li:nth-child(even) {
		background: #f5f5f5;
		border-bottom: 1px solid #fff;
	}
	ul.color-grid li:nth-child(odd) {
		border-bottom: 1px solid #f5f5f5;
	}
	.color-swatch {
		width: 30px;
		height: 30px;
		display: block;
		margin: 10px 10px 10px 10px;
		padding: 0px;
		border-radius: 50%;
		flex-shrink: 0;
	}
	.color-text {
		width: calc(100% - 40px);
		height: auto;
		display: block;
		margin: 10px 10px 10px 0px;
		padding: 0px;
	}
	.color-text p {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px;
		text-align: left;
		font-size: 12px;
		font-weight: 400;
		line-height: 1.5em;
		color: #333;
		text-decoration: none;
	}
	.color-text p.color-jan {
		font-size: 10px;
		line-height: 1.75em;
	}
}
/* =================================================
	マルチカラーバリエーション
 ================================================= */
/* マルチカラー li をフル幅（スマホ・タブレット） */
ul.color-grid li.color-item.multi {
	width: 100%;
	display: flex;
	flex-direction: row-reverse;
	box-sizing: border-box;
	justify-content: flex-end;
	align-items: center;
	gap: 1%;
	padding: 5px 0px;
}
/* デスクトップ時（960px以上）で幅を50%に */
@media screen and (min-width: 960px) {
	ul.color-grid li.color-item.multi {
		width: 50%;
	}
}
/* 品番・色名・JANをまとめて1行に */
.color-item.multi .color-text {
	display: block;
	width: 12em;
	margin: 5px 10px;
	font-size: 12px;
	line-height: 1.3em;
	text-align: left;
/*
	white-space: nowrap;
*/
}
/* マルチカラーの色玉をまとめた div に横並び */
.color-item.multi .color-swatch-group {
	display: flex;        /* 横並び */
	flex-wrap: wrap;      /* 幅が足りなくなったら折り返す */
	gap: 5px 0px;             /* 色玉同士の隙間 */
	align-items: center;  /* 高さを揃える */
}
/* 各色玉 */
.color-item.multi .color-swatch-group .color-swatch {
	width: 30px;          /* 正方形 */
	height: 30px;
	border-radius: 50%;   /* 丸にする */
	display: block;
	margin: 0px 5px
}
/* =================================================
	製品の使い方
 ================================================= */
.detail_howto .flex_box {
	width: 90%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px;
}
.detail_howto .tips {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0px auto 20px;
	padding: 0px 0px 20px;
	text-align: left;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5em;
	color: #666;
	border-bottom: 1px dotted #c5cbd3;
}
.detail_howto .tips:last-child {
	border-bottom: none;
}
.detail_howto .tips h3 {
	width: 100%;
	margin: 10px 0px 0px;
	padding: 0px;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5em;
	color: #231815;
	text-align: left;
}
.detail_howto .tips h3 br {
	display: none;
}
.detail_howto .tips p {
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5em;
	color: #666;
	text-align: left;
}
.detail_howto .tips img {
	width: 100%;
	height: auto;
	object-fit: cover;
}
.detail_howto .tips a {
	width: 100%;
	height: auto;
	display: block;
	margin: 10px auto 0px;
	padding: 0px;
	text-align: left;
	color: #D33F5E;
	text-decoration: none;
}
.detail_howto .tips a.inline {
	width: auto;
	height: auto;
	display: inline-block;
	margin: 0px 3px 0px;
	padding: 0px;
	color: #D33F5E;
	text-decoration: none;
}
.detail_howto .tips a:hover {
	text-decoration: underline;
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	.detail_howto .flex_box {
		width: 100%;
		max-width: 1100px;
		height: auto;
		display: flex;
		justify-content: flex-start;
		align-items: stretch;
		flex-wrap: wrap;
		gap: 10px;
		margin: 0px auto;
		padding: 0px;
	}
	.detail_howto .tips {
		height: auto;
		max-width: 360px;
		display: block;
		margin: 0px 0px 30px;
		padding: 0px;
		text-align: left;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.75em;
		color: #666;
		border-bottom: none;
	}
	.detail_howto .tips h3 {
		width: 100%;
		margin: 10px auto 3px;
		padding: 0px;
		font-size: 16px;
		font-weight: 500;
		line-height: 1.5em;
		color: #231815;
		text-align: left;
	}
	.detail_howto .tips h3 br {
		display: inline-block;
	}
	.detail_howto .tips p {
		width: 100%;
		margin: 0px;
		padding: 0px;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.5em;
		color: #666;
		text-align: left;
	}
	.detail_howto .tips img {
		width: 100%;
		height: auto;
	}
	.detail_howto .tips a {
		width: 100%;
		height: auto;
		display: block;
		margin: 10px auto 0px;
		padding: 0px;
		color: #D33F5E;
		text-decoration: none;
	}
	.detail_howto .tips a.inline {
		width: auto;
		height: auto;
		display: inline-block;
		margin: 0px 3px 0px;
		padding: 0px;
		color: #D33F5E;
		text-decoration: none;
	}
	.detail_howto .tips a:hover {
		text-decoration: underline;
	}
}
/* =================================================
	同カテゴリー製品（６件）
 ================================================= */
.detail_other .lineup {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin: 30px auto 0px;
	padding: 0px 0px;
	overflow-x: scroll;	/* 横スクロール */
	touch-action: auto !important;	/* 縦スクロールできなくなる */
	position: relative;
}
.detail_other .lineup .lineup-box {
	width: 140px;
	margin: 0px 10px;
	flex-grow:1; /* 横幅均等 */
}
.detail_other .lineup a {
	width: 100%;
	text-decoration: none;
	transition: all 0.2s ease;
}
.detail_other .lineup a:hover {
	opacity: 0.75;
}
.detail_other .lineup a figure {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px;
	position: relative;
}
/* ラインナップ商品画像（ズーム） */
.detail_other .lineup a figure .img-zoom {
	width: 140px;
	max-width: 140px;
	height: 140px;
	display: block;
	margin: 0px auto;
	padding: 6px;
	overflow: hidden;
	cursor: pointer;
}
.detail_other .lineup a figure .img-zoom img {
	width: 110px;
	height: auto;
	transition: transform 0.3s ease;
}
.detail_other .lineup a:hover figure .img-zoom img {
	transform: scale(1.1);
}
/* ラインナップのテキスト */
.detail_other .lineup a figure figcaption {
	width: 90%;
	display:block;
	margin: 5px auto 0px;
	padding: 0px;
	text-align: center;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5em;
	color: #231815;
	vertical-align: top;
	transform-origin: top;	/* 上揃え */
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	/* ラインナップエリア */
	.detail_other .lineup {
		width: 100%;
		max-width: 1100px;
		height: auto;
		display: grid;	/* 全体中央寄せのリストは左寄せ */
		grid-template-columns: repeat(auto-fit, minmax(150px, 150px));
		gap: 2em;
		justify-content: flex-start;
		margin: 0px auto;
		padding: 0px;
		overflow-x: hidden;
	}
	.detail_other .lineup .lineup-box {
		width: calc(100% / 6);
		margin: 0px;
		flex-grow:1; /* 横幅均等 */
	}
	.detail_other .lineup a {
		width: 100%;
		text-decoration: none;
		transition: all 0.2s ease;
	}
	.detail_other .lineup a figure {
		width: 150px;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px;
		position: relative;
	}
	/* ラインナップ商品画像（ズーム） */
	.detail_other .lineup a figure .img-zoom {
		width: 150px;
		max-width: 150px;
		height: 150px;
		display: block;
		margin: 0px auto;
		padding: 10px;
		overflow: hidden;
		cursor: pointer;
	}
	.detail_other .lineup a figure .img-zoom img {
		width: 130px;
		height: auto;
		transition: transform 0.3s ease;
	}
	/* ラインナップのテキスト */
	.detail_other .lineup a figure figcaption {
		margin: 10px auto 0px;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.5em;
		color: #231815;
		transform: none;
	}
}