.zentai {
  width: 80%;          /* または 1000px などの固定値 */
  max-width: 1000px;   /* 必要に応じて最大幅を設定 */
  margin: 0 auto;      /* 左右中央寄せの核となる設定 */
}



/*パンくずリスト*/



.breadcrumb {

max-width: 1800px;
    margin: 0 auto; /* 中央寄せ */
    padding-left: 40px; /* 必要に応じて調整 */
    box-sizing: border-box; /* paddingを含めた幅計算 */
  list-style: none;
 /* padding: 0;*/
}

.breadcrumb ol {
  list-style: none;
 padding: 0;
  margin: 0;
  display: flex; /* 横並びにする */
  flex-wrap: wrap; /* 折り返しを許可 */
}

.breadcrumb li {
  font-size: 12px;
}


.breadcrumb li + li::before {
  content: "/\00a0"; /* 区切り文字 */
  margin: 0 5px;
}





.breadcrumb a {
  text-decoration: none;
  color: #007bff;
}
.breadcrumb .current {
  color: #6c757d;
}

.breadcrumb, #breadcrumb, .breadcrumbs {/*パンくずリスト上余白0*/
    margin-top: 0 !important;
    padding-top: 0 !important;
}




/*構成*/
.container1 {
    display: flex;
    max-width: 1200px;

    justify-content: center; /* 水平方向の中央寄せ */
    width: 100%;             /* 必要に応じて幅を設定 */
}

.mainSection-col-two {
    display: flex; /* Flexboxで2カラム化 */
    gap: 10px; /* カラム間の隙間 */
    padding: 20px;
    max-width: 2000px;
    margin: 0 auto;
}

.col-main {
    flex: 3; /* メインエリアを広く */
    background-color: #ffffff;
    padding: 20px;

/*width: 75%;*/
}

.col-side {
    flex: 1; /* サイドバーを狭く */
    background-color: #ffffff;
    padding: 20px;
/*width: 25%;*/
}

/* スマホ対応（メディアクエリ） */
@media (max-width: 768px) {
    .mainSection-col-two {
        flex-direction: column; /* スマホでは縦並びに */
    }
}



header {
    margin-bottom: 0 !important;/*ヘッダー下余白0*/
    padding-bottom: 0 !important;
}

/*ページヘッダー*/

.page-header {

margin-bottom: 0 !important;
    padding-bottom: 0 !important;

width: 100%;       /* 親要素いっぱいに広げる場合 */
 /*   max-width: 2000px; *//* 最大幅を1200pxに制限する場合 */

height: 78px;/*バナーの高さが変わる*/
    /* 2. 左右のマージンを自動にして中央に寄せる */
  background-color: #1f2f54; /* 背景色 */
  padding: 5px 0;           /* 上下の余白 */


  text-align: center;       /* 中央寄せ */

border-bottom; 1px solid #1f2f54;
}





.content {
    flex: 1; /* コンテンツが少ない時もフッターを下へ */
}


/* フッター全体 */
.footer-menu {

border-top: 3px solid #1f2f54; /* 黒い線を上に引く */
    background-color: #f4f4f4;
    color: #000000;
    padding: 20px 0;
    font-size: 14px;
}

/* コンテナ設定 */
.footer-container {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; /* 左右に配置 */
    align-items: center;
    padding: 0 20px;
}

/* 著作権表記 */
.copyright {
    margin: 0;
}

/* リンク一覧 */
.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px; /* リンク間のスペース */
}

.footer-links a {
    color: #000000;
    text-decoration: none;
}

.footer-links a:hover {
    text-decoration: underline;
}

/* スマホ対応（メディアクエリ） */
@media (max-width: 600px) {
    .footer-container {
        flex-direction: column; /* 縦並びに変更 */
        gap: 10px;
        text-align: center;
    }
    .footer-links {
        flex-direction: column;
        gap: 5px;
    }
.page-header_pageTitle {
        font-size: 24px;
    }

}


/*横並びボックス*/

.card-container {

  display: flex; /* 横並びにする */
  gap: 20px;     /* カード間の隙間 */
  justify-content: center; /* 中央寄せ（任意） */
}


.card-horizontal {
    display: flex;
    flex-direction: row; /* 横並びにする */
    max-width: 500px;
width: 45%;    /* 2つ並べるため50%以下にする */
box-sizing: border-box;
    margin: 20px auto;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 0px rgba(0,0,0,0.1);
    background-color: #fff;
    transition: transform 0.2s;
}

/* ホバー時に少し浮き上がる効果 */
/*.card-horizontal:hover {*/
/*   transform: translateY(-5px);*/
/*}*/

/* 画像部分 */
.card-image {
    flex: 0 0 25%; /* 画像の幅を固定 */
    overflow: hidden;

object-fit: cover;

/* 背景画像の指定 */
  background-image: url('http://tokuzou.co.jp/tenisu/image/no-image.png');
  /* 画像を要素全体にカバーさせる */
  background-size: cover;
  /* 画像の中央を基準にする */
  background-position: center;
  /* 画像をリピートしない */
  background-repeat: no-repeat;


}

/*.card-image img {*/
    /*width: 100%;*/
   /* height: 100%;*/
   /* object-fit: cover; *//* 画像を綺麗に収める */
/*}*/

/* テキスト部分 */
.card-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.card-title {
    margin: 0 0 10px 0;
    font-size: 1.25rem;
    color: #333;
}

.card-text {
    margin: 0 0 15px 0;
    font-size: 0.9rem;
    color: #666;
    line-height: 1.5;
}

.card-button {
    display: inline-block;
    padding: 8px 16px;
    background-color: #464646;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-size: 0.6rem;
    align-self: flex-start; /* ボタンを左寄せ */
}

/* レスポンシブ対応：画面が小さい時は縦並びにする */
@media (max-width: 480px) {
    .card-horizontal {
        flex-direction: column;
    }
  /*  .card-image {*/
     /*   flex: 0 0 100%;*/
       /* height: 200px;*/
    }
}



.entry-meta {
    font-size: 0.85rem;
    color: #666;
    margin-bottom: 1em;
}

.entry-meta_items_term {
    margin-right: 15px; /* 項目間の余白 */
    display: inline-block;
}

.entry-meta_items_term a {
    color: inherit;
    text-decoration: none;
}

.entry-meta_items_term a:hover {
    text-decoration: underline;
}

/* アイコンとテキストの余白 */
.entry-meta_items_term i {
    margin-right: 4px;
}


.pagination {
  text-align: center;
  margin: 20px 0;
}
.pagination a,
.pagination .current {
  padding: 8px 16px;
  text-decoration: none;
  border: 1px solid #ddd;
  color: #333;
}
.pagination .current {
  background-color: #0073aa; /* 現在のページの背景色 */
  color: white;
  border: 1px solid #0073aa;
  font-weight: bold;
}
.pagination a:hover:not(.current) {
  background-color: #ddd;
}