@charset "utf-8";

/* ============================================
   うまさ一番 富山のさかな 2026リニューアル

   sakana.css の後に読み込み、レイアウトはそのままに
   配色・見出し・カードの装飾を 2026 の設計へ寄せる。
   （配色トークンは common2026.css の :root で定義）
============================================ */

/* --------------------------------------------
   アンカーナビ（黒帯 → 白地＋緑）
-------------------------------------------- */
.p-sakana .anchorlink {
	background-color: #fff;
	border-top: 1px solid var(--t-border);
	border-bottom: 1px solid var(--t-border);
}

.p-sakana .anchorlink a {
	color: var(--t-green);
	border-right-color: var(--t-border);
	transition: background-color .2s, color .2s;
}

.p-sakana .anchorlink a:hover {
	opacity: 1;
	background-color: var(--t-green);
	color: #fff;
}

/* --------------------------------------------
   セクション見出し（黒帯 → 白カード＋緑ライン）
-------------------------------------------- */
.p-sakana .sakanaSec_hd_ttl {
	padding: 18px 20px;
	background-color: #fff;
	border: 1px solid var(--t-border);
	border-top: 4px solid var(--t-green);
	color: var(--t-green);
	letter-spacing: .06em;
}

.p-sakana .ttl-l,
.p-sakana .ttl-m {
	color: var(--t-green);
}

/* --------------------------------------------
   「うまい理由」6項目・「旬のさかな」一覧 → 2026カード
-------------------------------------------- */
.p-sakana .umai_feature_list > li,
.p-sakana .season_feature_list > li {
	box-sizing: border-box;
	padding-bottom: 18px;
	background: #fff;
	border: 1px solid var(--t-border);
	border-radius: 8px;
	overflow: hidden;
}

.p-sakana .umai_feature_list > li > img,
.p-sakana .season_feature_list > li > img {
	display: block;
	width: 100%;
	margin-bottom: 16px;
}

.p-sakana .umai_feature_list > li > .ttl-m,
.p-sakana .season_feature_list > li > h4,
.p-sakana .umai_feature_list > li > p,
.p-sakana .season_feature_list > li > p,
.p-sakana .season_feature_list > li > dl {
	padding-left: 16px;
	padding-right: 16px;
}

.p-sakana .season_feature_list > li > h4 {
	margin-top: 0;
}

.p-sakana .season_feature_list > li > dl {
	border-top-color: var(--t-border);
}

.p-sakana .season_feature_list > li > dl > dt {
	color: var(--t-green);
}

/* --------------------------------------------
   帯見出し（青 → 緑）
-------------------------------------------- */
.p-sakana .season_cal_ttl,
.p-sakana .sustainable_method_feature_ttl {
	padding: 8px 12px;
	background-color: var(--t-green);
	border-radius: 5px;
}

/* キャラクターのコメント枠（水色 → 緑） */
.p-sakana .season_feature_intro {
	border-color: var(--t-green);
}

/* 漁法セクションの区切り線 */
.p-sakana .sustainable_method {
	border-top-color: var(--t-border);
}

/* --------------------------------------------
   下部バナー
-------------------------------------------- */
.p-sakana .bnr a {
	border: 1px solid var(--t-border);
	border-radius: 8px;
	overflow: hidden;
	transition: border-color .2s, opacity .2s;
}

.p-sakana .bnr a:hover {
	opacity: 1;
	border-color: var(--t-green);
}

.p-sakana .bnr a img {
	display: block;
}

/* ============================================
   キャンペーン協力店（/sakana/shop/）
   スポット紹介（/sakana/spot/）
============================================ */

/* --------------------------------------------
   ボタン（黒 → 緑）
-------------------------------------------- */
.p-sakana .btn-bk {
	background-color: var(--t-green);
	border-radius: 5px;
	transition: background-color .2s;
}

.p-sakana .btn-bk:hover {
	opacity: 1;
	background-color: #0a2f22;
}

.p-sakana .btn-bk.-nolink:hover {
	background-color: var(--t-green);
}

/* --------------------------------------------
   協力店を探せます（ベージュの角丸ボックス → 白＋緑ライン）
-------------------------------------------- */
.p-sakana .search_wrap {
	background-color: #fff;
	border: 1px solid var(--t-border);
	border-top: 4px solid var(--t-green);
	border-radius: 10px;
}

.p-sakana .search_tbl > dl {
	border-top-color: var(--t-border);
}

.p-sakana .search_tbl > dl:last-child {
	border-bottom-color: var(--t-border);
}

.p-sakana .search_tbl > dl > dt {
	color: var(--t-green);
}

/* --------------------------------------------
   協力店募集中
-------------------------------------------- */
.p-sakana .partner {
	background-color: var(--t-green-light);
}

.p-sakana .partner_tbl > dl,
.p-sakana .partner_tbl > dl:last-child {
	border-color: var(--t-border);
}

.p-sakana .partner_tbl > dl > dt {
	background-color: #fff;
	border-right: 1px solid var(--t-border);
	color: var(--t-green);
}

.p-sakana .partner_form,
.p-sakana .partner_form:last-child {
	border-color: var(--t-border);
}

/* 見出しの縦バー（青 → 緑） */
.p-sakana .partner_form_ttl::before,
.p-sakana .sustainable_method_text > h3::before {
	background-color: var(--t-green);
}

.p-sakana .partner_form_ttl,
.p-sakana .sustainable_method_text > h3 {
	color: var(--t-green);
}

/* --------------------------------------------
   スポット紹介
-------------------------------------------- */
.p-sakana .spot_ttl {
	border-top: none;
	border-bottom: 2px solid var(--t-green);
}

.p-sakana .spot_ttl h2 {
	color: var(--t-green);
}

.p-sakana .spot_info_tbl > dl {
	border-top-color: var(--t-border);
}

.p-sakana .spot_info_tbl > dl:last-child {
	border-bottom-color: var(--t-border);
}

.p-sakana .spot_info_tbl > dl > dt {
	background-color: var(--t-green-light);
	color: var(--t-green);
}