/*
Theme Name: JF佐賀 有明海
Theme URI: https://www.jf-sariake.or.jp/
Author: アライブキャスト
Description: 佐賀県有明海漁業協同組合 オリジナルテーマ（XOOPSからの移行）。旧themesetのCSSを assets/css に踏襲。
Version: 0.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: jf-sariake
*/

/* ===== 旧テーマCSSへの最小の上書き・補完のみ（レイアウト本体は assets/css/*.css） ===== */

/* グローバルナビのドロップダウン（superfish JSの代わりにCSS hoverで表示） */
#gnavi .sf-2-menu > li { position: relative; }
#gnavi .sf-2-menu > li > ul { display: none; position: absolute; left: 0; top: 100%; z-index: 999; }
#gnavi .sf-2-menu > li:hover > ul,
#gnavi .sf-2-menu > li:focus-within > ul { display: block; }

img { max-width: 100%; height: auto; }

/* トップ メインイメージ スライドショー（フェード） */
#mainImg .slides_container { position: relative; }
#mainImg .mainImg_box {
	background-size: cover; background-position: center;
	opacity: 0; transition: opacity 1s ease;
	position: absolute; inset: 0;
}
#mainImg .slides_container { min-height: 360px; }
#mainImg .mainImg_box.is-active { opacity: 1; position: relative; }
#mainImg .mainImg_box h2 { margin: 0; }

/* ===================================================================
   2026-08-20 追加：ライブサイトとの表示差異の修正
=================================================================== */

/* 資料ダウンロードは旧サイトに無いページでタイトル画像が存在しないため、
   .pageTl の text-indent:-9999px を打ち消してテキストで表示する */
.page_document .pageTl {
	text-indent: 0;
}
.page_document .pageTl em {
	font-style: normal;
	font-size: 138.5%;
	font-weight: bold;
	color: #142758;
	line-height: 1.4;
}

/* ------------------------------------------------------------------
   画像認証（旧サイト simpleCaptcha 相当）
------------------------------------------------------------------ */
.simpleCaptcha {
	margin: 20px 0 10px;
	padding: 15px;
	border: 1px solid #ccc;
	background-color: #F2F3F7;
}
.simpleCaptcha .captchaIntro {
	margin-bottom: 10px;
}
.simpleCaptcha .captchaText {
	font-size: 115.4%;
	color: #c00;
}
/* 4枚を必ず横一列に並べる */
.simpleCaptcha .captchaImages {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
}
.simpleCaptcha .captchaImages a {
	display: inline-block;
	float: none;
	margin-right: 10px;
	border: 3px solid transparent;
	line-height: 0;
	flex: 0 0 auto;
}
.simpleCaptcha .captchaImages a img {
	display: block;
	width: 96px;
	height: 96px;
}
.simpleCaptcha .captchaImages a:hover {
	border-color: #9db8dc;
}
.simpleCaptcha .captchaImage {
	cursor: pointer;
}
.simpleCaptcha .simpleCaptchaSelected {
	outline: 3px solid #3669B1;
}

/* お問い合わせ：電話・FAX の2列表示 */
.page_contact .telfax_table th,
.page_contact .telfax_table td {
	text-align: center;
	vertical-align: top;
}
.page_contact .telfax_table .tel,
.page_contact .telfax_table .fax {
	font-size: 184.6%;
	font-weight: bold;
	color: #142758;
	line-height: 1.3;
}
.page_contact .zip_row input[type="button"] {
	margin-left: 8px;
}

/* お問い合わせ 確認画面のボタン（旧サイトの画像ボタンを踏襲） */
.page_contact .confirm_buttonRow {
	text-align: center;
}
.page_contact .confirm_buttonRow input {
	display: inline-block;
	margin: 0 8px;
	vertical-align: top;
}
.page_contact .buttonRow .btn_modify {
	background: url(assets/img_cont/btn_modify.gif) no-repeat;
	width: 120px;
	height: 32px;
	text-indent: -9999px;
}
.page_contact .buttonRow .btn_modify:hover {
	background-position: 0 -32px;
}
.page_contact .buttonRow .btn_send {
	background: url(assets/img_cont/btn_send.gif) no-repeat;
	width: 236px;
	height: 32px;
	text-indent: -9999px;
}
.page_contact .buttonRow .btn_send:hover {
	background-position: 0 -32px;
}