@charset "utf-8";

/* 
Theme Name: post
*/


  .post_items {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
}

.post_item {
    /* border-bottom: 1px solid #ddd; */
}

.post_link {
    display: flex;
    align-items: center;
    padding: 16px;
    color: #000;
    text-decoration: none;
    transition: background-color 0.3s;
    gap: 24px;
}

.post_link:hover {
    background-color: #f5f5f5;
}

.post_list_date {
    width: fit-content;
    font-size: 14px;
    color: #000;
}

.post_list_title {
    flex: 1;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}
.post_page_content {
    display: flex;
    gap: 40px; /* Adjust gap as needed */
    background: #fff;
    padding:50px 140px;
    border-radius: 10px;
  }
  
  .post_sidebar {
    width: 240px; /* Adjust sidebar width as needed */
    flex-shrink: 0;
  }
  
  .post_list_area {
    flex-grow: 1;
  }
  
  .category_section {
    margin-bottom: 30px;
  }
  
  .sidebar_title {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #15376F; /* カテゴリタイトルの色 */
  }
    .archive_section {
        margin-bottom:27px;
    }
    .category_dropdown {
      display:none;
    }
  .archive_dropdown,.category_dropdown {
    position: relative;
  }
  
  .archive_dropdown select,
  .category_dropdown select {
    width: 100%;
    padding: 10px 15px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    border: 1px solid #15376F;
    font-size: 14px;
    cursor: pointer;
    
    border-radius: 4px;
  }
  
  .archive_dropdown::after,
  .category_dropdown::after {
    content: '▶';
    font-size: 12px;
    color: #15376F;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
  }
  .category_list {
    list-style: none;
    padding: 0;
    margin: 0;
    display:block;
  }

  .category_list li {
    margin-bottom: 0; /* デフォルトのマージンをリセット */
    border-left: 3px solid #B7B7B7; /* 左側の青い縦線 */
  }
  
  
  .category_list a {
    display: flex;
    justify-content: space-between; /* テキストと矢印を両端に配置 */
    align-items: center;
    padding: 10px 15px; /* リンク内の余白 */
    text-decoration: none;
    font-size: 14px;
    color:#000;
  }
  
  .category_list a:hover {
    background-color: #f5f5f5; /* ホバー時の背景色 */
  }
  
  
  .category_list a::after {
    content: '▶'; /* 三角のアイコン */
    font-size: 12px;
    color: #15376F; /* アイコンの色 */
  }
  
  .category_list li.current-cat , 
  .category_list li.current_page_item  {
    border-left-color: #402E76; 
  }
  
  .category_list li.current-cat a::after,
  .category_list li.current_page_item a::after {
      color: #402E76;
  }
  
  .category_list li.is-active-cat {
    border-left-color: #402E76; /* 選択されているカテゴリーの線の色 */
  }
  
  
  
  .filter_links p {
    margin-top: 10px;
    font-size: 14px;
  }
  
  .post_item:last-child {
    border-bottom: none;
  }
  .post_content_inner {
    border-bottom: 1px solid #B9B9B9;
    width:100%;
  }

  .post_meta {
    font-size: 12px;
    color: #666;
    margin-bottom: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  
.post_category {
    font-size: 12px;
    padding: 0 18px;
    width: fit-content;
    border: 1px solid #333;
    border-radius: 30px;
    font-weight:500;
}
  .post_list_date {
    margin-right: 10px;
  }

  .pagination {
    margin-top: 30px;
    text-align: center;
  }
  
  .pagination a,
  .pagination span {
    margin: 0 5px;
    padding: 10px 15px;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #333;
  }
  
  .pagination .current {
    background-color: #eee;
  }
  /* カテゴリごとの色設定 */
  .category-news {
    color: #000093;
    border-color: #000093;
  }
  
  .category-recruit {
    color: #E60012;
    border-color: #E60012;
  }
  
  .category-exhibition {
    color: #00A960;
    border-color: #00A960;
  }
  
  .category-media {
    color: #8B7B04;
    border-color: #8B7B04;
  }
  
  .category-other {
    color: #666666;
    border-color: #666666;
  }

  
/* ページネーション */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 48px auto;
    gap: 10px; /* 要素間の隙間を調整 */
    width: fit-content;
}

.pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px; /* 円のサイズ */
    height: 40px; /* 円のサイズ */
    padding: 0; /* パディングをリセット */
    border: 1px solid #402E76; /* ボーダーの色 */
    color: #402E76; /* テキストの色 */
    background-color: #fff; /* 背景色 */
    border-radius: 50%; /* 円形にする */
    text-decoration: none; /* 下線を削除 */
    transition: all 0.3s;
    font-size: 16px; /* フォントサイズ調整 */
    font-weight: normal; /* フォントウェイト調整 */
    font-family: 'Montserrat';
}

/* ページ番号にのみ下線を追加 */
.pagination .page-numbers:not(.prev):not(.next) {
    text-decoration: underline; /* 数字の下線 */
    text-underline-offset: 3px; /* 下線の位置を調整 */
}

.pagination .current {
    background-color: #402E76; /* 現在のページの背景色 */
    color: #fff; /* 現在のページのテキスト色 */
    border-color: #402E76; /* 現在のページのボーダー色 */
    text-decoration: none!important; /* 現在のページの下線を削除 */
}

/* 矢印（前へ・次へ）のスタイル */
.pagination .prev.page-numbers,
.pagination .next.page-numbers {
    padding: 0; /* パディングをリセット */
    display: flex; /* 画像を中央に配置するためにflexboxを使用 */
    align-items: center; /* 垂直方向の中央揃え */
    justify-content: center; /* 水平方向の中央揃え */
}

.pagination .prev.page-numbers img,
.pagination .next.page-numbers img {
    display: block; /* 画像の下に不要な隙間ができないようにブロック要素化 */
    width: 10px; /* 画像の幅を調整 (必要に応じて調整してください) */
    height: auto; /* 画像の高さを自動調整 */
}

.pagination a.page-numbers:hover {
    background-color: #f5f5f5; /* ホバー時の背景色 */
    color: #402E76; /* ホバー時のテキスト色 */
    border-color: #402E76; /* ホバー時のボーダー色 */
}

.pagination a.current:hover {
    background-color: #402E76; /* 現在のページホバー時は色を変えないか、微調整 */
    color: #fff; /* 現在のページホバー時は色を変えない */
}
.pagination i {
  font-size:14px;
  font-weight: bold;
}

/* 投稿詳細ページ */
#news_single {
   margin-top:162px;
   width: 100%;
    padding: 50px 40px;
}
.news_single {
  padding:45px 100px;
  background-color: #fff;
}
.post_thumbnail {
    width: 120px;
    height: 80px;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 4px;
}

.post_thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.post_content {
    flex: 1;
}

.post_single {
    margin-bottom: 60px;
}

.post_header {
    margin-bottom: 40px;
    padding-bottom: 24px;
    border-bottom: 1px solid #ddd;
}

.post_single_title {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.6;
    margin-top: 40px;
    margin-bottom: 40px;
    color: #333;
}

.post_meta {
    display: flex;
    align-items: center;
    gap: 16px;
    width: fit-content;
}

.post_single_date {
    color: #666;
    font-size: 14px;
    width: fit-content;
}

.post_content {
    line-height: 2;
    color: #000;
    display: flex;
    gap:28px;
}

.post_content p {
    margin-bottom: 1.5em;
}

.post_footer {
    margin-top: 80px;
    text-align: center;
}

.post_back_btn {
    display: inline-block;
    padding: 12px 40px;
    background-color: #fff;
    border: 1px solid #333;
    color: #333;
    text-decoration: none;
    transition: all 0.3s;
}

.post_back_btn:hover {
    background-color: #333;
    color: #fff;
}
.new_label {
    color: #FF0000;
    font-size: 14px;
    font-weight: bold;
    margin-right:12px;
}

/* ブロックカスタマイズ */
.wp-block-video {
  padding:50px 125px;
}
.wp-block-video :where(figcaption) {
  font-size:14px;
}
.wp-block-image :where(figcaption) {
  font-size:12px;
}
.wp-block-heading {
  color:#15376F;
}
.wp-block-list {
  background-color:#F8F8F8;
  border-top:1px solid #16376F;
  border-bottom:1px solid #16376F;
  padding:30px 56px;
  margin:20px auto;
}
.wp-block-list li{
  list-style-type: unset;

}
#news_single .text_link{
  font-size: 14px;
  border-bottom: 1px solid #15376F;

}
#news_single .text_link::after {
  content:'\f105';
  font-size:14px;
  font-weight:900;
  font-family: "Font Awesome 5 Free"; 
  font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
  margin-left:8px;
}
.link-text {
  font-size:14px;
}
.link-icon {
  width:23px;
  height:23px;
}
@media (max-width: 1024px) {
  .post_page_content {
    padding:50px 20px;
  }
}
@media (max-width: 768px) {
  .post_page_content {
      flex-direction: column;
      padding:20px;
  }
  .post_content {
    flex-direction: column;
    width:100%;
    gap:16px;
  }
  .post_items {
    width:100%;
    padding:0;
  }
    .post_link {
        flex-direction: column;
        align-items: flex-start;
        padding: 8px 0;
    }

    .post_list_date {
        margin-bottom: 0;
    }

    .post_list_title {
        padding-left: 0;
    }
    .category_dropdown {
      display: block;
      width: 100%;
      padding: 8px;
      font-size: 16px;
    }
    .category_list {
      display:none;
    }
    .post_content_inner_sp {
      display:flex;
      gap:18px;
      /* gap:0; */
      padding-bottom:16px;
    }
    #news_single {
      padding: 24px 16px;
  }

  .post_single_title {
      font-size: 24px;
  }

  .post_meta {
      /* flex-wrap: wrap; */
      gap: 8px;
  }
  .wp-block-video {
    padding: 50px 20px;
  }
  
}
@media (max-width: 480px) {

  .post_content_inner {
    /* padding-bottom:16px; */
  }
  .post_sidebar {
    width:100%;
  }
  .post_content {
    flex-direction: column;
  }
  .post_thumbnail {
    width:100px;
  }
  .news_single {
    padding:20px;
  }
  
}