@charset "UTF-8";
/* ============================================
   富山の食材 詳細（single-product.php）印刷用
   media="print" で product_detail.css / product_detail2026.css の
   後に読み込み、旧 print ブロック（旧ヘッダー前提）を上書きする。
   ・2026共通ヘッダー/フッター/UIを隠す
   ・メイン画像とギャラリー（slick）を通常フローに戻して切れないようにする
============================================ */
@page {
	margin: 12mm;
}

body {
	color: #000;
	background: #fff;
}

a {
	color: inherit;
	text-decoration: none;
}

/* --------------------------------------------
   非表示にするUI
-------------------------------------------- */
.tHeader,
.tMenu,
.tFooter,
.tPageTop,
.gPankuzu,
.printBtn,
.tHeader_fav,
.js-tFav,
.prod_col-no2,
.slick-arrow,
.slick-dots,
.slick-cloned {
	display: none !important;
}

/* --------------------------------------------
   レイアウト
-------------------------------------------- */
.gBody {
	padding: 0;
}

.prod {
	padding: 0;
}

.prod_inner {
	max-width: none;
	margin: 0;
	padding: 0;
}

.prod_cols {
	display: block;
}

.prod_col-no1 {
	width: auto;
}

/* 見出しの直後で改ページしない */
h1, h2, h3, h4, h5, h6,
.prod_title,
.prod_headline,
.free_title,
.data_title,
.season_headline,
.city_headline,
.contact_headline,
.relation_headline,
.brand_title {
	page-break-after: avoid;
	break-after: avoid;
}

.free_sect,
.data_sect,
.contact_sect,
.relation_sect,
.brand_sect {
	page-break-inside: avoid;
	break-inside: avoid;
}

/* --------------------------------------------
   メイン画像
   画面用は背景画像＋絶対配置で中央トリミングしているので、
   印刷では img を通常フローに戻して全体を収める
-------------------------------------------- */
.prod_vis {
	position: static;
	height: auto;
	padding: 0;
	margin: 0 0 8mm;
	overflow: visible;
	background: none !important;
	background-image: none !important;
	text-align: center;
}

.prod_vis > img {
	display: block;
	position: static;
	/* 小さい元画像を拡大してぼやけないよう、幅は元サイズまで */
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 120mm;
	margin: 0 auto;
	object-fit: contain;
	-webkit-transform: none;
	transform: none;
	page-break-inside: avoid;
	break-inside: avoid;
}

.prod_vis-noImage {
	display: none;
}

/* --------------------------------------------
   ギャラリー（slick を無効化した見た目）
-------------------------------------------- */
.prod_slide {
	opacity: 1 !important;
	font-size: 0;
	margin: 0 0 8mm;
}

.prod_slide .slick-list {
	height: auto !important;
	overflow: visible !important;
}

.prod_slide .slick-track {
	display: block !important;
	width: auto !important;
	height: auto !important;
	-webkit-transform: none !important;
	transform: none !important;
}

.prod_slide .slick-slide,
.prod_slide .slick-slide.slick-current,
.prod_slide_image {
	display: block !important;
	position: static !important;
	float: none !important;
	width: auto !important;
	height: auto !important;
	left: auto !important;
	top: auto !important;
	opacity: 1 !important;
	padding: 0 !important;
	margin: 0 0 4mm;
	background: none !important;
	background-image: none !important;
	page-break-inside: avoid;
	break-inside: avoid;
}

.prod_slide_image > img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 90mm;
	margin: 0 auto;
	object-fit: contain;
}

.prod_slide_image-small::after {
	display: none;
}

/* --------------------------------------------
   本文中の画像
-------------------------------------------- */
.free_image > img,
.brand_image > img,
.relation_image > img {
	max-width: 100%;
	height: auto;
	page-break-inside: avoid;
	break-inside: avoid;
}

.relation_image {
	padding: 0;
	background-image: none !important;
}

.relation_image > img {
	display: block;
	width: 100%;
}

/* 2026スタイルで色付けしている見出し類は黒に */
.p-product-detail .prod_headline,
.p-product-detail .prod_headline > .icon,
.p-product-detail .free_title,
.p-product-detail .data_title,
.p-product-detail .brand_city,
.p-product-detail .brand_title,
.p-product-detail .prod_titleWrap {
	color: #000;
}

.prod_titleWrap {
	background-color: transparent;
	padding: 0;
	margin-left: 0;
}

.prod_titleOuter::after {
	display: none;
}