/*
Theme Name: RIMEP
Description: NPO法人りんくうメディカルプラザ 公式サイト用テーマ。既存HTMLのデザインをそのまま保ちつつ、講演会・イベント情報を管理画面から追加・編集できます。
Version: 1.1.6
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: rimep
*/

/*
 * 既存デザインの本体は assets/css/index.css および各ページ用CSSです。
 * このファイルには WordPress 化にあたって新しく必要になった分だけを記述しています。
 */

/*
 * フォントの指定
 *
 * 元のCSSには font-family の指定が無く、ブラウザ任せになっていました。
 * パソコンの既定はゴシック系ですが、iOS Safari は日本語の既定が
 * 明朝系（ヒラギノ明朝）のため、iPhoneだけ明朝で表示されていました。
 *
 * 個別のフォント名ではなく sans-serif（ゴシック系）だけを指定しています。
 * こうすると各端末が自前のゴシック体を使うので、
 * パソコンでの見え方は今までどおりのまま、iPhoneだけがゴシックに変わります。
 * 特定のフォントに揃えたい場合は、ここにフォント名を並べてください。
 *
 * フォーム部品は既定ではフォントを引き継がないため、個別に指定しています。
 */
body,
input,
button,
select,
textarea {
	font-family: sans-serif;
}

/*
 * 文字サイズ
 *
 * 元は body に font-size: small（約13px）が指定されており、小さすぎました。
 * 本文を14pxに上げています。
 *
 * 旧サイトは幅800pxの固定レイアウトで、文字がぎりぎり収まる幅で
 * 作られている箇所があります。はみ出すところは下で個別に幅を広げています。
 */
body {
	font-size: 14px;
}

h1 {
	font-size: 11px;
}

/*
 * 左メニュー
 * 「治験審査委員会とは？」（10文字＝140px）が折り返さないよう、
 * リストの幅を140px→160pxに広げます（#left の170pxに収まる範囲）。
 * 画像ボタン（130px固定）には影響しません。
 */
#left ul {
	width: 160px;
}

/*
 * 概要ページの見出し列
 *
 * 「特別名誉顧問」（6文字）が元の90pxに収まらず折り返すため、110pxに広げます。
 * 本文列を300px→290pxに詰めて、合計は元どおり400pxのままです。
 *
 * 幅の計算方法（padding込みかどうか）はプラグイン等の影響で変わりうるので、
 * box-sizing を明示し、さらに white-space で折り返しを禁止して二重に保険をかけています。
 *
 * 文化活動ページにも同名の .category_title がありますが別物なので、
 * #outline を付けて概要・お問い合わせページだけに限定しています。
 */
#outline .category_title {
	box-sizing: border-box;
	width: 110px;
	white-space: nowrap;
}

#outline .category_text {
	box-sizing: border-box;
	width: 290px;
}

/* 右カラム・フッターなど、元が10px以下だった小さい文字 */
.right_text,
#for_access,
#footer p,
.return_top,
.irb_info_date {
	font-size: 11px;
}

/*
 * 「日　時：」などの見出しに続く本文を、2行目以降も見出しの右に揃えます。
 * 元HTMLでは   を並べて位置合わせしていた部分の置き換えです。
 *
 * 見出しはいずれも全角4文字（日　時：／講　師：／テーマ：など）なので、
 * 4文字ぶん字下げしたうえで1行目だけ戻す「ぶら下げインデント」にしています。
 *
 * 以前は inline-block の箱で揃えていましたが、
 * その方式だと中身が入りきらないときに箱ごと次の行へ落ちてしまうため、
 * 折り返しの起きる長い文章に耐えられませんでした。
 *
 * 2つめのセレクタはトップページ用で、詳細度を上げるためだけのものです。
 * 元CSSの `.info .info_text p { padding: 0px; }` のほうが詳細度が高く、
 * これが無いと padding-left だけ打ち消されて text-indent だけが効き、
 * 1行目が枠の左へはみ出してしまいます。
 */
.rimep_hang,
.info .info_text p.rimep_hang {
	padding-left: 4em;
	text-indent: -4em;
}

/* 元HTMLの <p align="center"> / <p align="right"> の置き換え */
.rimep_center {
	text-align: center;
}
.rimep_right {
	text-align: right;
}

/* 文化活動ページのページ送り */
.rimep_pagination {
	margin: 30px 0 10px;
	text-align: center;
	font-size: 13px;
	line-height: 2.2;
}

.rimep_pagination .page-numbers {
	display: inline-block;
	margin: 0 2px;
	padding: 3px 8px;
	border: 1px solid #C9D4E2;
	color: #003399;
	text-decoration: none;
}

.rimep_pagination a.page-numbers:hover {
	background-color: #EDF2F8;
	border-color: #7A99AE;
}

.rimep_pagination .page-numbers.current {
	background-color: #203471;
	border-color: #203471;
	color: #FFFFFF;
	font-weight: bold;
}

.rimep_pagination .page-numbers.dots {
	border: 0;
	padding: 3px 2px;
	color: #666666;
}

/* トップページ：仕切り線の下に置く、文化活動ページへのリンク */
.rimep_archive_link {
	margin: 0 0 20px;
	text-align: center;
}

/* 中止の講演会 */
.rimep_cancel {
	color: #FF0000;
}
.rimep_cancel_note {
	color: #FF0000;
	text-align: center;
}

/* 講演会が1件も登録されていないときの案内（管理者のみ表示） */
.rimep_empty {
	margin: 10px;
	color: #666666;
}

/* 管理バー表示時に固定幅レイアウトがずれないようにする */
body.admin-bar #wrapper {
	padding-top: 0;
}

/*
 * 左メニュー：HOMEボタンを先頭に移したことによる余白の調整。
 * 元のCSS（assets/css/index.css）は
 * 「HOMEが最後・RIMEP概要が先頭」の並びを前提に余白を付けているため、
 * 上下を入れ替えて、他のボタンと同じ10pxの間隔になるようにします。
 */
#left .btn_home {
	margin-top: 0;
	margin-bottom: 10px;
}

#left .btn_outline {
	margin-top: 10px;
}

/*
 * HOMEボタンの画像を差し替え。
 * 元の btn_home.gif は「HOMEに戻る」と文字が焼き込まれているため、
 * 「に戻る」の部分を背景色で埋めた PNG を用意しました。
 * 元のGIFは assets/image/ にそのまま残してあります。
 */
#left .btn_home {
	background-image: url(assets/image/btn_home.png);
}

#left .btn_home a:hover {
	background-image: url(assets/image/btn_home_f2.png);
}

/* ヘッダー画像をクリックするとトップへ戻れるようにする */
#header a {
	display: block;
	height: 305px;
	width: 800px;
}

/* 画面には出さず、読み上げソフトと検索エンジンにだけ伝えるテキスト */
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
	border: 0;
}