@charset "UTF-8";
/* ==========================================================
   がんニュース（2026-09 追加）
   トップ #gannews／一覧 archive-gannews.php／記事 single-gannews.php
   ※リンク色は basis.css の #contentsLeft a:link/visited(IDセレクタ)に負けないよう #contentsLeft を付けて指定する
   ※ボタン背景はサイト共通色(#35b67e/#52b1d0)の暗め(#1f7d55/#2a7c97)。白文字とのコントラスト 4.5:1 以上を確保
   ========================================================== */

/* 見出し（トップページ） */
#gannews{margin-bottom:40px;clear:both;overflow:auto}
#gannews h2:not(.innerh){border-top:1px solid #CCC;border-bottom:1px solid #CCC;font-size:18px;padding:8px 0;margin-bottom:10px}
#gannews h2:not(.innerh):before{content:"NEWS";display:inline-block;background:#dc6171;color:#fff;font-size:12px;font-weight:700;line-height:1;padding:5px 10px;border-radius:4px;margin-right:12px;vertical-align:middle;letter-spacing:.05em}

/* 一覧 */
ul.gnList{width:100%}
ul.gnList li.gnItem{border-bottom:1px dotted #CCC;padding:20px 0;overflow:auto;clear:both}
.gnThumb{float:left;width:240px;margin-right:20px}
.gnThumb img{width:240px;height:160px;object-fit:cover;display:block}
.gnBody{overflow:hidden}
.gnDate{font-size:12px;color:#666;margin-bottom:6px}
.gnNew{color:#FC0105;font-weight:700;font-size:12px;margin-left:8px}
ul.gnList h3{font-size:18px;font-weight:700;line-height:1.5;margin-bottom:10px}
#contentsLeft ul.gnList h3 a:link,#contentsLeft ul.gnList h3 a:visited{color:#4eafcc;text-decoration:underline}
#contentsLeft ul.gnList h3 a:hover{color:#222}
.gnExcerpt{font-size:14px;line-height:1.7;color:#333;margin-bottom:10px}
#contentsLeft .gnMore a:link,#contentsLeft .gnMore a:visited{display:inline-block;background:#1f7d55;color:#fff;text-decoration:none;font-size:13px;font-weight:700;padding:4px 14px;border-radius:4px}
#contentsLeft .gnMore a:hover{background:#b36c00;color:#fff;text-decoration:none}
.gnAll{text-align:right;margin-top:14px}
#contentsLeft .gnAll a:link,#contentsLeft .gnAll a:visited{display:inline-block;background:#2a7c97;color:#fff;text-decoration:none;font-size:14px;font-weight:700;padding:8px 20px;border-radius:6px}
#contentsLeft .gnAll a:hover{background:#b36c00;color:#fff;text-decoration:none}
.gnNone{padding:20px 0;color:#666}

/* 記事ページ */
.gnSingle .gnDate{margin:-10px 0 20px;text-align:right}
.gnContent{font-size:16px;line-height:1.8;margin-bottom:30px}
.gnContent p{margin-bottom:1.5em}
.gnContent h3{font-size:18px;font-weight:700;color:#A52D6E;border-left:4px solid #A52D6E;padding-left:10px;margin:30px 0 14px;line-height:1.5}
.gnContent h4{font-size:16px;font-weight:700;margin:24px 0 10px}
.gnContent:after{content:"";display:table;clear:both}
.gnContent img{max-width:100%;height:auto}
/* 画像の配置クラス（basis.css の .aligncenter{position:absolute} が WP 標準のキャプション/画像に当たって崩れるため、本文内では通常配置に戻す） */
.gnContent .aligncenter,.gnContent .wp-caption.aligncenter{position:static;left:auto;right:auto;display:block;margin:20px auto}
.gnContent .alignleft,.gnContent .wp-caption.alignleft{float:left;margin:6px 20px 10px 0}
.gnContent .alignright,.gnContent .wp-caption.alignright{float:right;margin:6px 0 10px 20px}
.gnContent .alignnone{margin:10px 0}
.gnContent .wp-caption{max-width:100%;text-align:center}
.gnContent .wp-caption img{display:block;margin:0 auto;max-width:100%;height:auto}
.gnContent .wp-caption-text{font-size:13px;color:#555;line-height:1.6;margin:8px 0 0;text-align:left}
.gnContent blockquote{background:#f6f6f6;border-left:4px solid #CCC;padding:14px 18px;margin:0 0 1.5em}
.gnContent blockquote p:last-child{margin-bottom:0}
.gnContent .gnSign{text-align:right}
.gnContent .gnInfo{background:#f4fbfd;border:1px solid #cfe8f0;padding:14px 18px;font-size:14px;line-height:1.7}
.gnContent .gnInfo p{margin-bottom:0}
.gnNav{overflow:auto;border-top:1px dotted #CCC;padding-top:14px;margin-bottom:30px;font-size:14px}
.gnNav .gnPrev{float:left;max-width:48%}
.gnNav .gnNext{float:right;max-width:48%;text-align:right}
#contentsLeft .gnNav a:link,#contentsLeft .gnNav a:visited{color:#1d63c7;text-decoration:underline}
#contentsLeft .gnNav a:hover{color:#b36c00}
.gnBack{text-align:center;margin-bottom:30px}
#contentsLeft .gnBack a:link,#contentsLeft .gnBack a:visited{display:inline-block;background:#ddd;color:#232323;text-decoration:none;font-weight:700;padding:8px 30px;border-radius:6px}
#contentsLeft .gnBack a:hover{background:#232323;color:#ddd;text-decoration:none}

/* スマホ */
@media screen and (max-width:767px){
#gannews h2:not(.innerh){font-size:16px}
.gnContent .alignleft,.gnContent .alignright,.gnContent .wp-caption.alignleft,.gnContent .wp-caption.alignright{float:none;margin:20px auto}
.gnContent .wp-caption{width:auto!important}
.gnThumb{float:none;width:100%;margin:0 0 10px}
.gnThumb img{width:100%;height:auto;max-height:240px}
ul.gnList h3{font-size:16px}
.gnAll{text-align:center}
.gnContent{font-size:15px}
.gnNav .gnPrev,.gnNav .gnNext{float:none;max-width:100%;text-align:left;margin-bottom:8px}
}