@charset "utf-8";
.single .page-header {
    min-height: 0rem;
    padding: 6px 0;
}

.main-section {
  padding: 60px 0;
}
/* 一覧全体の囲み */
.custom-post-list {
    margin-bottom: 2rem;
}

/* 各記事のエリア */
.custom-archive-item {
    padding: 3rem 0;
    border-bottom: 1px solid #e0e0e0; /* 記事ごとの区切り線 */
}
.custom-archive-item:last-child {
    border-bottom: none; /* 最後の線の削除 */
}

/* 日付とカテゴリーの横並び */
.custom-meta {
    display: flex;
    align-items: center;
    gap: 12px; /* 日付とカテゴリの間隔 */
    margin-bottom: 0.4rem;
}

/* 日付 */
.custom-date {
    font-size: 0.85rem;
    color: #666;
    font-family: monospace; /* 数字を綺麗に揃えたい場合 */
}

/* カテゴリー共通（色座布団） */
.custom-cat {
    display: inline-block;
    padding: 2px 8px;
    font-size: 0.75rem;
    font-weight: bold;
    color: #ffffff; /* 文字色は白 */
    border-radius: 3px;
    background-color: #333333; /* スラッグ未指定時のデフォルト背景色 */
}

/* タイトル */
.custom-title {
    font-size: 18px;
    margin: 0;
    line-height: 1.6;
  font-weight: 300;
}
.custom-title a {
    color: #333;
    text-decoration: none;
    transition: color 0.2s;
}
.custom-title a:hover {
    color: #0073aa; /* ホバー時の色（お好みで） */
    text-decoration: underline;
}

/* ページネーションの簡易デザイン */
.custom-pagination {
    text-align: center;
    margin-top: 2rem;
}
.custom-pagination .page-numbers {
    padding: 5px 12px;
    margin: 0 2px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #333;
}
.custom-pagination .page-numbers.current {
    background: #333;
    color: #fff;
    border-color: #333;
}

/* --------------------------------------------------
   カテゴリーごとの色設定（例）
-------------------------------------------------- */
.custom-cat.cat-temporary-closure { background-color: #e53935; }  /* スラッグが news */
.custom-cat.cat-uncategorized { background-color: #1e88e5; }  /* スラッグが blog */
.custom-cat.cat-info { background-color: #43a047; } /* スラッグが event */
.custom-cat.cat-business-hours { background-color: #FB8C00; }
.custom-cat.cat-closed { background-color: #004374; }
.custom-cat.cat-open { background-color: #C0A100; }



/*サイドバー*******************************************************/
.site-body .col-md-4 {
  padding-left: 100px;
  padding-top: 50px;
}
.widget-title {
  font-size: 16px;
  font-weight: 300;
}
.localNavi {
  font-size: 14px;
}

.sub-section--col--two {
  padding-left: 100px;
    padding-top: 70px;
}
.widget_archive>.sub-section-title {
  font-size: 16px;
  font-weight: 300;
}
/*サイドバー*******************************************************/



/*ボタン*******************************************************/
.sub-section--col--two .u_btn-wrapper {
  padding: 0;
  justify-content: flex-start;
}
.sub-section--col--two .u_custom-btn {

    font-size: 16px;
    font-weight: 300;
}
/*ボタン*******************************************************/

.next-prev {
  padding-top: 300px;
}


/**************************************************************************/
/****************** media queries *****************************************/
/**************************************************************************/
/********************************************************************/
/* max-width: 991px ハンバーガー切替サイズ*******************************/
/********************************************************************/
@media screen and (max-width: 991px) {

/*サイドバー*******************************************************/


.sub-section--col--two {
  padding-left: 0;
    padding-top: 0;
  padding-bottom: 50px;
}

/*サイドバー*******************************************************/
.next-prev {
  padding-top: 100px;
}
}

@media screen and (max-width: 480px) {

/*サイドバー*******************************************************/

/*サイドバー*******************************************************/
.next-prev {
  padding-top: 50px;
}
}