/*+++++++++++++++++++++++++++++++++++++++++++
	2026東西ゴルフ事情リニュアル追加css
+++++++++++++++++++++++++++++++++++++++++++ */
/*  共通 */

/*  パンくずリスト */
.breadcrumb_h{
    margin:5px 0 5px;
    padding: 5px 0;
    font-size:13px !important;
    color:#808080;
}

.breadcrumb_h a{
    color:#808080;
    text-decoration:none;
}

.breadcrumb_h a:hover{
    text-decoration:underline;
    color:#F79646;
}

#sp_head {
    width:960px;
    height:30px;
    margin:5px 0;
    font-weight:bold;
    font-size:18px;
	}
#sp_ttl{
    height:50px;
    background-color:#f5f5f5;
    font-weight:bold;
    font-size:18px;
    border-top:3px solid #600;
    padding-top: 5px;
    margin: 5px 0 5px;
	}


/* 共通 */

/* ■TOPページ */
/* =========================
   歴史館イントロ帯
========================= */

.history_intro{
    position: relative;
    width: 100%;
    height: 160px;
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 6px;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,0.72) 0%,
            rgba(0,0,0,0.45) 45%,
            rgba(0,0,0,0.12) 100%
        ),
        url("../history/common_img/history_intro.jpg");
    background-size: cover;
    background-position: center center;
}

/* テキスト */
.history_intro_text{
    position: absolute;
    left: 45px;
    top: 38px;
    color: #fff;
}

.history_intro_text h2{
    margin: 0 0 16px 0;
    font-size: 20px;
    line-height: 1.4;
    font-weight: bold;
    letter-spacing: 1px;
    color: #ffffff;
    text-shadow: 0 2px 8px rgba(0,0,0,0.7);
    height: 20px;
}

.history_intro_text p{
    margin: 0;
    font-size: 12px;
    line-height: 2;
    color: rgba(255,255,255,0.95);
    text-shadow: 0 2px 6px rgba(0,0,0,0.7);
}

/* =========================
   今月のアーカイブ特集
========================= */
.archive_circle{
    width:120px;
    height:120px;
    border:2px solid #b08b3c;
    border-radius:50%;
    color:#8b6a23;
    font-size:18px;
    font-weight:bold;
    line-height:1.5;
    text-align:center;

    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;

    background:#fffdf8;
}

.archive_section{
    width:980px;
    margin:20px auto;
    background:#ffffff;
    border:1px solid #e5e5e5;
    border-radius:12px;
    padding:25px;
    box-sizing:border-box;
}

.archive_head{
    display:flex;
    align-items:flex-start;
    margin-bottom:20px;
}

.archive_icon{
    width:50px;
    margin-right:15px;
}

.archive_icon img{
    width:36px;
    height:auto;
}

.archive_title_wrap h2{
    margin:0 0 8px 0;
    font-size:30px;
    color:#123A63;
    line-height:1.2;
}

.archive_title_wrap p{
    margin:0;
    font-size:14px;
    line-height:1.8;
    color:#555;
}

.archive_card{
    display:flex;
    gap:30px;
    background:#faf9f5;
    border:1px solid #e8dfcf;
    border-radius:10px;
    padding:20px;
}

.archive_img{
    width:30%;
}

.archive_img img{
    width:100%;
    height:auto;
    border-radius:8px;
    display:block;
}

.archive_text{
    width:53%;
}

.archive_category{
    display:inline-block;
    background:#2E7D32;
    color:#fff;
    font-size:13px;
    padding:6px 12px;
    border-radius:6px;
    margin-bottom:10px;
}

.archive_text h3{
    margin:0 0 10px 0;
    font-size:20px;
    line-height:1.4;
}

.archive_text h3 a{
    color:#222;
    text-decoration:none;
}

.archive_text h3 a:hover{
    color:#123A63;
}

.archive_date{
    font-size:13px;
    color:#777;
    margin-bottom:10px;
}

.archive_desc{
    font-size:12px;
    line-height:1.9;
    color:#444;
    margin-bottom:10px;
}

.archive_btns a{
    display:inline-block;
    text-decoration:none;
    padding:8px 24px;
    border-radius:4px;
    font-size:14px;
    margin-right:10px;
}

.btn_read{
    background:#17365D;
    color:#fff;
}

.btn_read:hover{
    background:#0f2f50;
}

.btn_list{
    border:1px solid #123A63;
    color:#ffffff;
    text-decoration: none;
}

.btn_list:hover{
       text-decoration: none;
}

/* =========================
   探したい内容ガイド
========================= */

.guide_wrap{
    width:980px;
    margin:40px auto;
}

.guide_title{
    text-align:center;
    position:relative;
    margin-bottom:20px;
}

.guide_title span{
    display:inline-block;
    padding:0 20px;
    font-size:20px;
    font-weight:bold;
    color:#17365D;
    background:#fff;
    position:relative;
    z-index:2;
}

.guide_title:before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    height:2px;
    background:#d8bf87;
    z-index:1;
}

/* 4カラム */
.guide_grid{
    display:flex;
    gap:15px;
}

/* カード */
.guide_card{
    width:25%;
    background:#fff;
    border:1px solid #dddddd;
    border-radius:8px;
    text-align:center;
    padding:15px 16px 15px;
    box-sizing:border-box;
    text-decoration:none;
    color:#222;
    position:relative;
    transition:0.3s;
    min-height:180px;
}

.guide_card:hover{
    transform:translateY(-4px);
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    text-decoration: none;
    color:#F79646;
}

/* アイコン */
.guide_icon{
    font-size:50px;
    line-height:1;
    margin-bottom:10px;
}

.guide_icon img{
    width:30%;
    height:auto;
}

/* タイトル */
.guide_card h3{
    margin:0 0 14px;
    font-size:20px;
    line-height:1.3;
    color:#17305d;
    margin-bottom: 10px;
}

.guide_card h3 span{
    font-size:10px;
    color:#8a6b2e;   
}

/* 説明文 */
.guide_card p{
    margin:0;
    font-size:11px;
    line-height:1.8;
    color:#333;
    font-weight:600;
}


/* 矢印 */
.arrow{
    position:absolute;
    right:16px;
    bottom:12px;
    font-size:18px;
    color:#21452f;
}

<!-- =========================
 写真館と特別資料館（連載読み物）
========================= -->

.top_sections{
    width:980px;
    margin:25px auto 40px;
    clear:both;
}


/* =====================================
   上段2カラム
===================================== */

.top_row{
    display:flex;
    margin-top:15px;
    margin-bottom:15px;
}

.photo_box{
    flex:1;
    margin-right:15px;
    min-width:0;
}

.special_box{
    flex:1;
    min-width:0;
}

/* =====================================
   共通BOX
===================================== */

.box{
    background:#ffffff;
    border:1px solid #dddddd;
    border-radius:8px;
    padding:15px;
    box-sizing:border-box;
}


/* =====================================
   見出し
===================================== */
/* =========================
   見出し行を低くして横一列
========================= */

.section_head{
    display:flex;
    justify-content:space-between;
    align-items:baseline;   /* h2とaの文字位置を揃える */
    margin-bottom:8px;
    padding-bottom:5px;
    border-bottom:2px solid #ece4d5;
    line-height:1;
     height:30px; 
}

/* 左タイトル */
.section_head h2{
    margin:0;
    padding:0;
    font-size:22px;
    line-height:1;
    font-weight:bold;
}

/* 補足文字（連載読み物など） */
.section_head h2 span{
    font-size:12px;
    line-height:1;
    vertical-align:baseline;
}

/* 右リンク */
.section_head a{
    margin:0;
    padding:0;
    font-size:12px;
    line-height:1;
    text-decoration:none;
    font-weight:bold;
    white-space:nowrap;
}

.section_head h2{
    margin:0;
    font-size:20px;
    color:#17305d;
    line-height:1.2;
}

.section_head h2 span{
    font-size:14px;
    color:#8b6a2b;
}

.section_head a{
    font-size:12px;
    color:#17305d;
    text-decoration:none;
    font-weight:bold;
}

.section_head a:hover{
    text-decoration:underline;
}

/* =====================================
   ゴルフ写真館部分
===================================== */
.photo_box{
    flex:1;
}


/* 3列レイアウト */
.photo_grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:16px;
    margin-top:10px;
}


/* カード全体 */
.photo_card{
    display:block;
    width:100%;
    text-decoration:none;
    color:#222;
    transition:all .25s ease;
}

/* hover */
.photo_card:hover{
    transform:translateY(-4px);
}


/* 写真 */
.photo_card img{
    width:100%;
    height:115px;
    object-fit:cover;
    display:block;
    border-radius:6px;
    margin-bottom:10px;
    box-shadow:0 3px 8px rgba(0,0,0,0.08);
}


/* タイトル */
.photo_card h3{
    margin:0 0 6px;
    font-size:12px;
    line-height:1.5;
    font-weight:bold;
    color:#17305d;

    /* 2行まで表示 */
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;

    min-height:42px;
}


/* 日付 */
.photo_card .date{
    margin:0;
    font-size:11px;
    color:#777;
    letter-spacing:0.3px;
}


/* 説明文非表示 */
.photo_card .desc{
    display:none;
}


/* 詳細ボタン非表示 */
.detail_btn{
    display:none;
}


/* 下部ボタンエリア */
.center_btn{
    text-align:center;
    margin-top:18px;
}


/* 一覧ボタン */
.line_btn{
    display:inline-block;
    border:1px solid #17365D;
    color:#17365D;
    padding:9px 20px;
    font-size:12px;
    text-decoration:none;
    border-radius:4px;
    font-weight:bold;
    transition:all .25s ease;
}

.line_btn:hover{
    background:#f3f7ef;
    color:#17365D;
}
/* =====================================
   特別展示室（連載読み物）部分
===================================== */

.feature_list{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.feature_item{
    position:relative;
    display:block;
    height:96px;
    overflow:hidden;
    border-radius:4px;
    text-decoration:none;
}

.feature_item img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.feature_item span{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.45);
    color:#fff;
    font-size:18px;
    font-weight:bold;
    display:flex;
    align-items:center;
    padding-left:18px;
    box-sizing:border-box;
}

.feature_item:after{
    content:">";
    position:absolute;
    right:13px;
    top:50%;
    transform:translateY(-50%);
    width:25px;
    height:25px;
    border:1px solid #fff;
    border-radius:50%;
    color:#fff;
    line-height:25px;
    text-align:center;
    font-size:20px;
}

.special_box .feature_list{
    width:100%;
}

.special_box .feature_item{
    display:block;
    width:100%;
    box-sizing:border-box;
}

.special_box .feature_item img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.special_box .feature_item span{
    width:100%;
    box-sizing:border-box;
}


/* =====================================
   コラム一覧部分
===================================== */

.column_box{
    width:980px;
}

.column_group{
    padding:18px 0;
    border-top:1px solid #eeeeee;
}

.column_group:first-child{
    border-top:none;
    padding-top:0;
}

.column_group h3{
    margin:0 0 12px;
    font-size:22px;
    color:#17305d;
}

.column_group ul{
    margin:0;
    padding:0;
    list-style:none;
}

.column_group li{
    padding:7px 0;
    border-bottom:1px dotted #dddddd;
}

.column_group li a{
    text-decoration:none;
    color:#222;
    font-size:15px;
    line-height:1.5;
}

.column_group li a:hover{
    color:#17305d;
}

.column_group li span{
    display:block;
    font-size:11px;
    color:#777;
    margin-top:2px;
}

.more_link{
    text-align:right;
    margin-top:10px;
}

.more_link a{
    color:#17305d;
    text-decoration:none;
    font-size:13px;
    font-weight:bold;
}

.more_link a:hover{
    text-decoration:underline;
}

/* =====================================
   コラム全集部分
===================================== */

#cont_column_new{
    width:980px;
    margin:40px auto 50px;
}




/* 3カラム */

.column_theme_wrap{
    display:flex;
    justify-content:space-between;
}


/* BOX */

.theme_box{
    width:320px;
    background:#fff;
    border:1px solid #dddddd;
    border-radius:8px;
    overflow:hidden;
    box-sizing:border-box;
}


/* 見出し */

.theme_head{
    background:#000000;
    color:#fff;
    font-size:18px;
    font-weight:bold;
    padding:12px 20px;
    line-height:1.4;
}


/* 記事エリア */

.theme_articles{
    padding:18px;
}


/* 記事 */

.theme_article{
    display:flex;
    gap:12px;
    margin-bottom:18px;
    text-decoration:none;
    color:#222;
    transition:.25s;
}

.theme_article:hover{
    opacity:.8;
}


/* サムネ */

.theme_thumb{
    width:90px;
    flex-shrink:0;
}

.theme_thumb img{
    width:90px;
    height:70px;
    object-fit:cover;
    border-radius:4px;
    display:block;
}


/* 文字 */

.theme_text{
    flex:1;
}

.theme_article_title{
    font-size:12px;
    font-weight:bold;
    line-height:1.6;
    margin-bottom:6px;
}

.theme_date{
    font-size:11px;
    color:#777;
}


/* ボタン */

.theme_more{
    padding:0 18px 18px;
}

.theme_more a{
    display:block;
    text-align:center;
    border:1px solid #17365D;
    color:#17365D;
    text-decoration:none;
    padding:10px;
    border-radius:4px;
    font-size:13px;
    font-weight:bold;
    transition:.2s;
}

.theme_more a:hover{
    background:#f5f8f2;
}

/* =========================
   TOP キーワード検索
========================= */

.top_search_wrap{
    background:#f7f7f7;
    border:1px solid #d8d8d8;
    padding:20px 30px;
    margin:10px 0;
}

.top_search_title{
    font-size:20px;
    font-weight:bold;
    color:#0c2d67;
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom: 5px;
}

.search_icon{
    font-size:54px;
    line-height:1;
}

.top_search_form{
    display:flex;
    gap:10px;
}

.top_search_input{
    width:800px;
    height:40px;
    border:1px solid #ccc;
    padding:0 20px;
    font-size:14px;
    background:#fff;
    border-radius: 4px;
}

.top_search_btn{
    width:120px;
    height:40px;
    background:#17365D;
    color:#fff;
    border:none;
    font-size:12px;
    font-weight:bold;
    cursor:pointer;
    border-radius: 4px;
}

.top_search_btn:hover{
    opacity:0.85;
}

.top_search_example{
    margin-top:12px;
    color:#666;
    font-size:14px;
}

.fa-solid, .fas {
    font-weight: 900;
    font-size: 18px;
} 
/* =====================================
   検索結果
===================================== */    
    
.search_result_title{
    font-size:34px;
    margin-bottom:40px;
}

.search_midashi{
    font-size:28px;
    margin:40px 0 20px;
}

.search_grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.search_card{
    display:block;
    border:1px solid #ddd;
    background:#fff;
    padding:15px;
    text-decoration:none;
    color:#333;
}

.search_card img{
    width:100%;
    height:180px;
    object-fit:cover;
    margin-bottom:10px;
}

.search_card_title{
    font-size:20px;
    font-weight:bold;
    margin-bottom:10px;
    line-height:1.5;
}

.search_card_text{
    font-size:14px;
    line-height:1.8;
}


/* =====================================
   hover効果
===================================== */

.photo_card,
.feature_item{
    transition:0.3s;
}

.photo_card:hover,
.feature_item:hover{
    transform:translateY(-3px);
}


/* =====================================
   既存float崩れ防止
===================================== */

.top_sections:after,
.top_row:after{
    content:"";
    display:block;
    clear:both;
}

/* =====================================
   リンクエリア
===================================== */
.linkArea h3 {
	padding-bottom: 0px;
	border-bottom: 1px solid #ccc;
}

.column4box {
  margin-bottom: 15px;
}
.column4box::after {
  content: '';
  display: block;
  clear: both;
}
.column4box::after {
  content: '';
  display: block;
  clear: both;
}
.column4box > .column {
  float: left;
  width: 23.5%;
  margin-left: 2%;
  margin-bottom: 10px;
}
.column4box > .column.col2 {
  width: 49%;
}
.column4box > .column:nth-child(4n + 1) {
  margin-left: 0;
  clear: both;
}

a.column {
  color: #000;
}

.inner {
	margin: 0 auto;
	width: 100%;
	max-width: 900px;
}
.inner1 {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
}
.inner::after {
  content: '';
  display: block;
  clear: both;
}
.inner.wide {
	width: 1000px;
	max-width: 1000px;
}

/*  以下profile.php（プロフィールページ）*/ 
/* =====================================
   プロフィールページ
===================================== */  
.profile_card{
    display:flex;
    flex-wrap:wrap;
    gap:0 30px;
    background:#faf9f5;
    border:1px solid #e8dfcf;
    border-radius:10px;
    padding:20px;
}

.profile_bottom{
    width:100%;
}

/*  以上profile.php（プロフィールページ）*/ 

/*以下pict_list.php（写真館）ページ*/
/* =====================================
   写真資料館　
===================================== */

#pict_archive_wrap{
    width:980px;
    margin:0 auto 60px;
}


/* =====================================
   タイトルエリア
===================================== */

.pict_page_title{
    padding:15px;
    border:1px solid #dcccae;
    background:#faf7f0;
    color:#666;
    font-size:14px;
    text-align:center;
    border-radius:4px;
}
.pict_page_title img{
        margin-bottom:15px;
}


/* =====================================
   検索
===================================== */

.pict_search_area{
    margin-bottom:15px;
    text-align:center;
}

.pict_search_area form{
    display:flex;
    justify-content:center;
    gap:15px;
    margin-top: 25px;
}

.pict_search_area input{
    width:800px;
    height:46px;
    border:1px solid #cccccc;
    border-radius:4px;
    padding:0 15px;
    font-size:14px;
    box-sizing:border-box;
}

.pict_search_area button{
    width:150px;
    height:46px;
    border:none;
    background:#17305d;
    color:#fff;
    font-size:14px;
    border-radius:4px;
    cursor:pointer;
    font-weight:bold;
}

.pict_search_area button:hover{
    opacity:0.9;
}


/* =====================================
   件数
===================================== */

.pict_count{
    margin-bottom:15px;
    font-size:12px;
    color:#666;
}


/* =====================================
   4列グリッド
===================================== */

.pict_grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:12px;
}


/* =====================================
   カード
===================================== */

.pict_card{
    background:#fff;
    border:1px solid #dddddd;
    border-radius:6px;
    overflow:hidden;
    transition:.3s;
    box-shadow:0 2px 10px rgba(0,0,0,.05);
}

.pict_card:hover{
    transform:translateY(-3px);
    box-shadow:0 5px 18px rgba(0,0,0,.08);
}


/* =====================================
   写真
===================================== */

.pict_image_link{
    display:block;
}

.pict_card img{
    width:100%;
    height:150px;
    object-fit:cover;
    display:block;
}


/* =====================================
   本文
===================================== */

.pict_body{
    padding:15px;
}

.pict_body h2{
    margin:0 0 4px 0;
    font-size:14px;
    color:#17305d;
    line-height:1.4;
    height:40px;
    overflow:hidden;
}

.pict_date{
    margin-top:0;
    margin-bottom:6px;
    font-size:12px;
    color:#9a7d4f;
    font-weight:bold;
}

.pict_desc{
    font-size:12px;
    line-height:1.7;
    color:#333;
    height:60px;
    overflow:hidden;
    margin-top:0;
}


/* =====================================
   ボタン
===================================== */

.pict_btn_area{
    margin-top:18px;
}

.pict_btn{
    display: inline-block;
    width: 95px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #17365D;
    border-radius: 4px;
    background: #17365D;
    color: #fff;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    transition: .2s;
}
}

.pict_btn:hover{
    background: #17365D;
}


/* =====================================
   ページャー
===================================== */

.pict_pager{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:35px;
    padding-top:20px;
    border-top:1px solid #dddddd;
}

.pict_pager a{
    color:#17305d;
    text-decoration:none;
    font-weight:bold;
    font-size:14px;
}

.pict_pager a:hover{
    text-decoration:underline;
}

.pager_center{
    font-size:13px;
    color:#666;
}


/* =====================================
   注意文
===================================== */

.pict_notice{
    margin-top:30px;
    padding:18px;
    border:1px solid #dcccae;
    background:#faf7f0;
    color:#666;
    font-size:12px;
    text-align:center;
    border-radius:4px;
}


/*以上pict_list.php（写真館）ページ*/



/*以下column_list_hist.phpページ*/
/* =====================================
   ゴルフ歴史館アーカイブ検索
===================================== */

.hist-search-title{
    width:980px;
    margin:10px auto;
    font-size:20px;
    font-weight:bold;
    color:#333;
}

.hist-search-form{
    width:980px;
    margin:15px auto;
}

.hist-search-input{
    width:500px;
    padding:8px;
    border:1px solid #ccc;
    font-size:14px;
    border-radius: 4px;
    margin-right: 10px;
}

.hist-search-button{
    padding:8px 16px;
    border:none;
    background:#17365D;
    color:#fff;
    cursor:pointer;
    border-radius: 4px;
}

.hist-tag{
    display:inline-block;
    padding:5px 15px;
    margin:0 5px 8px 0;
    background:#eeeeee;
    border-radius:20px;
    text-decoration:none;
    color:#333;
    font-size:12px;
}

.hist-tag-current{
    background:#17365D;
    color:#fff;
}


/* =====================================
   記事一覧グリッド
===================================== */

.hist-grid{
    width:980px;
    margin:30px auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;
}


/* =====================================
   カード
===================================== */

.hist-card{
    display:block;
    background:#fff;
    border:1px solid #ddd;
    text-decoration:none;
    color:#333;
    overflow:hidden;
    transition:.2s;
}

.hist-card:hover{
    transform:translateY(-3px);
    box-shadow:0 8px 20px rgba(0,0,0,.15);
}


/* =====================================
   サムネイル
===================================== */

.hist-thumb{
    width:100%;
    height:160px;
    overflow:hidden;
    background:#f5f5f5;
}

.hist-thumb img{
    display:block;
    width:100%;
    height:160px;
    object-fit:cover;
}


/* =====================================
   本文
===================================== */

.hist-body{
    padding:10px;
}

.hist-date{
    font-size:12px;
    color:#999;
    margin-bottom:8px;
}

.hist-category{
    display:inline-block;
    background:#17365D;
    color:#fff;
    font-size:11px;
    padding:4px 8px;
    margin-bottom:10px;
}

.hist-body h3{
    font-size:14px;
    line-height:1.6;
    margin-bottom:10px;
    height:4.5em;
    overflow:hidden;
}

.hist-body p{
    font-size:12px;
    line-height:1.7;
    color:#666;
    height:5.4em;
    overflow:hidden;
}


/* =====================================
   ページ送り
===================================== */

.hist-pagination{
    text-align:center;
    margin:40px 0;
}

.hist-pagination a,
.hist-pagination span{
    display:inline-block;
    padding:8px 12px;
    border:1px solid #ccc;
    margin:3px;
    text-decoration:none;
}

.hist-current{
    background:#669966;
    color:#fff;
}


/* =====================================
   検索結果なし
===================================== */

.hist-noresult{
    width:980px;
    margin:50px auto;
    text-align:center;
    font-size:18px;
    color:#666;
}

/*以上column_list_hist.phpページ*/

/*以下column.phpページ*/
/* =====================================
   記事詳細ページ column.tpl
===================================== */

.hist-article-wrap{
    width:980px;
    margin:0 auto;
    padding:20px 0 20px;
}

/* -----------------------------
   パンくず
----------------------------- */

.hist-breadcrumb{
    margin-bottom:20px;
    font-size:13px;
    color:#666;
}

.hist-breadcrumb a{
    color:#666;
    text-decoration:none;
}

.hist-breadcrumb a:hover{
    text-decoration:underline;
}

/* -----------------------------
   記事ヘッダー
----------------------------- */

.hist-series-header{
    width:980px;
    margin:20px auto 20px;
    display:flex;
    gap:10px;
    align-items:flex-start;
}

.hist-series-image{
    width:200px;
    flex:0 0 200px;
}

.hist-series-image img{
    width:100%;
    height:auto;
    display:block;
}

.hist-series-info{
    flex:1;
}

.hist-series-info h1{
    mmargin: 0 0 14px;
    font-size:20px;
    line-height:1.4;
}

.hist-series-info .writer{
    font-size:14px;
    font-weight:bold;
    color:#666;
    margin-bottom:20px;
}

.hist-series-info p{
    font-size:14px;
    line-height:2;
    color:#444;
}

.hist-date{
    color:#888;
    font-size:12px;
}

/* -----------------------------
   本文
----------------------------- */

.hist-article-body{
    width:860px;
    margin:0 auto;
    font-size:12px;
    line-height:2.2;
    color:#333;
}

.hist-article-body p{
    margin:0 0 0.5em;
}

.hist-article-body img{
    max-width:100%;
    height:auto;
}

/* 本文中の右寄せ画像 */
.hist-article-body img[align="right"]{
    float:right;
    margin:0 0 15px 15px;
}

/* 本文中の左寄せ画像 */
.hist-article-body img[align="left"]{
    float:left;
    margin:0 15px 15px 0;
}

/* float解除 */
.hist-article-body::after{
    content:"";
    display:block;
    clear:both;
}

.archive_category_wrap{
    text-align:center;
    margin-top: 20px;
}
.hist-body img[align="right"]{
    float:right;
    margin:0 0 15px 15px;
}

.hist-body img[align="left"]{
    float:left;
    margin:0 15px 15px 0;
}

.hist-body::after{
    content:"";
    display:block;
    clear:both;
}
/* -----------------------------
   シリーズ一覧
----------------------------- */
.hist-series-area{
    width:980px;
    margin:20px auto;
}

.hist-series-section{
    margin-top:70px;
}

.hist-series-section h2{
    font-size:24px;
    text-align:center;
    margin-bottom:30px;
    color:#333;
}

.hist-series-grid{
    display:grid;
    grid-template-columns:repeat(5,185px);
    justify-content:space-between;
    gap:10px;
}

.hist-series-card{
    display:flex;
    flex-direction:column;
    background:#fff;
    border:1px solid #ddd;
    text-decoration:none;
    color:#333;
    transition:.2s;
    width:185px;
}

.hist-series-card:hover{
    transform:translateY(-3px);
    box-shadow:0 8px 18px rgba(0,0,0,.12);
}


.hist-series-card span{
    display:block;
    padding:12px;
    text-align:center;
    font-size:14px;
    font-weight:bold;
    line-height:1.5;
}

/* -----------------------------
   戻るボタン
----------------------------- */

.hist-back{
    text-align:center;
    margin-top:50px;
}

.hist-back a{
    display:inline-block;
    padding:12px 28px;
    background:#6a8d3d;
    color:#fff;
    text-decoration:none;
    border-radius:4px;
}

.hist-back a:hover{
    opacity:.85;
}

/* -----------------------------
シリーズカード画像調整 
----------------------------- */
.hist-series-card .thumb{
    width:100%;
    height:150px;
    background:#f5f5f5;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.hist-series-card .thumb img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}

/* タイトル・説明 */
.hist-title {
    font-size:20px;
    text-align:center;
    margin:10px;
    color:#333;
    font-weight:bold;
}

.hist-series-card .body{
    padding:10px;
    flex:1;
}

.hist-series-card .body h4{
    margin:0 0 5px;
    font-size:12px;
    line-height:1.5;
    font-weight:bold;
    min-height:35px;     /* タイトル2行分 */
}

.hist-series-card .body p{
    margin:0;
    font-size:10px;
    line-height:1.6;
    color:#666;
    min-height:35px;     /* 説明2行程度 */
}

/*以上column.phpページ*/


/*serial_content.phpページ以下*/
/*+++++++++++++++++++++++++++++++++++++++++++
	連載読み物紹介ページ
+++++++++++++++++++++++++++++++++++++++++++ */
.serial_contentarea {
    padding: 0px 20px 30px;
    text-align: left;
    margin-bottom: 30px;
}

.serial_content_title {
    padding: 15px 0;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}


.article {
  display: flex;
  border-bottom: 1px solid lightgray;
  padding: 20px 0;
}

.article_1 {
  display: flex;
  border-bottom: 1px solid lightgray;
  padding-top: 20px;
}

.thumb {
  width: 250px;
  height: auto;
  object-fit: cover;
  margin-right: 20px;
  border-radius: 4px;
  display: block;
}

.serial_content {
  flex: 1;
  margin-left: 20px;
}

.meta {
  font-size: 12px;
  color: #334d55;
  margin-bottom: 5px;
  font-weight: bold;
  margin-right: 10px;
}

.serial_title {
  font-size: 14px;
  font-weight: bold;
  margin: 5px 0 10px;
}

.serial_digest{
  font-size: 12px;
  margin: 5px 0 10px;
}


.box_content {
  flex: 1 1 calc(48% - 20px);
  max-width: 320px;
  height: 135px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  text-align: center;
    background-color: #FFF;
    border: solid 2px lightgray;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box_content p {
    margin: 0; 
    padding: 0;
}
/* 画像とキャプションの重ね表示 */
.image-wrapper {
  width: 100%;
  height: 100%; /* これで box_content に合わせる */
  position: relative;
  margin: 0px; 
}

.image-wrapper img {
  width: 100%;
  height: auto;
  display: block;
}

.box_wrapper {
  flex: 1 1 calc(48% - 20px);
  max-width: 320px;
  align-items: center;
  box-sizing: border-box;
}
.caption {
  position: absolute;
  padding: 7px 18px;
  font-size: 12px;
  text-align: right;
  box-sizing: border-box;
}
.caption {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background-color: #ffffff; /* 白 + 60% 透明 */; /* ボックスの背景色 */
  border-radius: 6px; /*角の丸み*/
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
}
.caption:hover {
  background-color: rgba(240, 240, 240, 0.6); /* 0.6 = 60% 不透明（40% 透過） */
  transform: translateY(-2px);
}

.series-period {
  font-size: 10px;
  text-align: right;
  margin-top: 6px;
  margin-bottom：0;
}

/*各読み物ページ*/
.memorial {
    text-align:left;
    padding:10px 0;
}
.memorial_padding{
    padding-left: 200px;
}

/*モーダル */
  .thumbnail {
    width: 200px;
    height: auto;
    cursor: pointer;
    margin: 5px;
  }

  .modal {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.6);
    justify-content: center;
    align-items: center;
  }

  .modal.show {
    display: flex;
  }

  .modal-content-wrapper {
    position: relative;
  }

  .modal img {
    max-width: 90vw;
    max-height: 80vh;
    display: block;
  }

  .close-btn {
    position: absolute;
    top: 3px;
    right: 10px;
    background: none;
    border: none;
    font-size: 30px;
    color: #334d55;
    cursor: pointer;
    padding: 0;
    line-height: 1;
  }

/* moreボタン*/
.btn_column_more  {
  display: inline-block;
  padding: 0.4em 1.6em;
  font-size: 1em;
  text-decoration: none;
  user-select: none;
  border: none;
  background: #f9f9f5;  
}
.btn_column_more:hover {
  opacity: 0.5;
}
.btn_column_more2 {
  display: inline-block;
  padding: 0.4em 1.6em;
  font-size: 1em;
  text-decoration: none;
  user-select: none;
  border: none;
  background: none;  
}
.btn_column_more2:hover {
  opacity: 0.5;
}
.btn_column_more2 {
  position: relative;
  text-align: center;
  margin: 15px 0;
  padding: 0;
}

.btn_column_more2::before,
.btn_column_more2::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #ccc; /* 飾り線の色 */
  margin: 15px auto;
}
.font20b {
		font-size: 20px;
		line-height: 150%;
		font-weight: bold;
        padding: 10px 0 10px;
}

/*serial_content.phpページ以上*/

/*column_list.phpページ以下*/
/*+++++++++++++++++++++++++++++++++++++++++++
	コラム番組別一覧column_list.phpページ
+++++++++++++++++++++++++++++++++++++++++++ */

/*コラムヘッダー*/
.column-hero{
    width:980px;
    margin:45px auto 10px;
    display:flex;
    align-items:flex-start;
    gap:10px;
}

.column-hero-image{
    width:200px;
    flex:0 0 200px;
}

.column-hero-image img{
    width:100%;
    display:block;
}

.column-hero-text{
    flex:1;
}

.column-hero-text h1{
    margin:0 0 14px;
    font-size:20px;
    line-height:1.3;
    color:#222;
}

.column-writer{
    font-size:14px;
    font-weight:bold;
    margin-bottom:20px;
    color:#666;
}

.column-description{
    font-size:15px;
    line-height:2;
    color:#444;
}

.column-list-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:10px 0 10px;
}

.column-total{
    font-size:20px;
    font-weight:bold;
}

.column-sort{
    font-size:22px;
}

.column-sort .current{
    color:#b1923f;
    font-weight:bold;
}

.column-article-wrap{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}

.column-card{
    width:230px;
    background:#fff;
    border:1px solid #ddd;
    overflow:hidden;
    transition:.3s;
}

.column-card:hover{
    box-shadow:0 5px 15px rgba(0,0,0,.15);
    transform:translateY(-3px);
}

.column-card a{
    color:#333;
    text-decoration:none;
    display:block;
}

.column-card-image{
    height:170px;
    overflow:hidden;
}

.column-card-image img{
    width:100%;
    height:170px;
    object-fit:cover;
}

.column-card-body{
    padding:15px;
}

.column-card-date{
    color:#b1923f;
    font-size:10px;
    font-weight:bold;
    margin-bottom:10px;
}

.column-card-title{
    font-size:14px;
    line-height:1.5;
    font-weight:bold;
    min-height:50px;
    margin-bottom:15px;
}

.column-card-summary{
    color:#555;
    line-height:1.8;
    min-height:50px;
}

.column-card-tag{
    display:inline-block;
    margin-top:10px;
    padding:8px 12px;
    border:1px solid #d6c59a;
    border-radius:5px;
    color:#7a6a2f;
    font-size:10px;
}


.column-btn{
    display:inline-block;
    width:360px;
    padding:20px;
    background:#b1923f;
    color:#fff;
    font-size:20px;
    border-radius:6px;
    text-decoration:none;
}

.column-btn:hover{
    opacity:.85;
}

.hist-pagination{
    clear:both;
    text-align:center;
    margin:40px 0;
}

.hist-pagination a{
    display:inline-block;
    padding:8px 14px;
    margin:0 4px;
    background:#f3f3f3;
    color:#333;
    text-decoration:none;
    border-radius:4px;
}

.hist-pagination a:hover{
    background:#17365D;
    color:#fff;
}

.hist-current{
    display:inline-block;
    padding:8px 14px;
    margin:0 4px;
    background:#17365D;
    color:#fff;
    border-radius:4px;
    font-weight:bold;
}
/*コラム番組別一覧column_list.phpページ以上*/