@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/* カテゴリーラベル非表示 */
.entry-card .cat-label,
.related-entry-card .cat-label{
  display: none;
}

/* 動画の全画面表示 */
.video-container {
  max-width: none;
}

/* 2023/08/09 アピールエリアを追加 */

/*ボタン*/
.appeal-button{
  background-color: transparent !important; /*ボタンの背景色無効化*/
  font-weight: normal; /*文字の太さ*/
  color: #777; /*ボタン部分文字とアイコンの色*/
}

/*アイコンを追加*/
.appeal-button:before{
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  content: "\f103"; /*アイコン指定*/
  font-size: 2em; /*アイコンの大きさ*/
  animation: move 1s infinite alternate ease-in-out; /*以下、アイコンを動かすアニメーション*/
}

@keyframes move{
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(10px);
  }
}

/*スムーズにスクロール*/
html {
  scroll-behavior: smooth;
}

/* ギャラリーアイコン用キャプションのカスタマイズ 2023/08/17 */
.wp-caption .wp-caption-text,
.gallery .gallery-caption {
  font-size: 0.8em;
}

/*カレンダー*/
.tribe-events .tribe-events-calendar-month__header-column {
  /*padding-bottom: var(--tec-spacer-3);
  width: var(--tec-grid-width-1-of-7);*/
  padding: 5px;
  width: 100%;
}

.tribe-events-calendar-month th .tribe-events-calendar-month__header-column-title {
  color: #000;
  text-align: center !important;
}

.tribe-events-calendar-month th:nth-of-type(6) {
  text-align: center;
  background: #39afd3;
}

.tribe-events-calendar-month th:nth-of-type(7) {
  text-align: center;
  background: #db3b4b;
}

.tribe-events-calendar-month th:nth-of-type(6) .tribe-events-calendar-month__header-column-title,
.tribe-events-calendar-month th:nth-of-type(7) .tribe-events-calendar-month__header-column-title {
  color: #fff !important;
  font-weight: bold;
}

/*メイン画像 PCとSP切り替え*/
/* ===== PC用 ===== */
.appeal {
  background-image: url("http://sanseito-kumamoto.jp/wp-content/uploads/2026/05/20260508_PC.webp");
  background-position: top center;
  background-size: contain; /* PCはcontain */
  background-repeat: no-repeat;
  width: 100%;
  min-height: 450px;
}

/* ===== スマホ用 ===== */
@media screen and (max-width: 767px) {
  .appeal {
    background-image: url("http://sanseito-kumamoto.jp/wp-content/uploads/2026/05/20260508_SP.webp");
    background-size: cover; /* スマホはcover */
    min-height: 60vh;
  }
}

/* =========================
   2026.08.01 リンク一覧ページ用CSS
   ACFで作成したカテゴリ別リンク表の装飾
   ========================= */

.link-list-page .container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 30px 20px;
}

/* ページタイトル */
.link-list-title {
  font-size: 2rem;
  margin-bottom: 24px;
}

/* 一覧テーブル全体 */
.link-list-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}

/* テーブルの見出し・本文セル */
.link-list-table th,
.link-list-table td {
  border: 1px solid #d7e3f4;
  padding: 12px 16px;
  text-align: left;
  vertical-align: top;
}

/* ヘッダー行 */
.link-list-table th {
  background: #8db4f2;
  color: #fff;
}

/* 偶数行の背景色 */
.link-list-table tbody tr:nth-child(even) {
  background: #eef4ff;
}

/* リンク文字色 */
.link-list-table a {
  color: #1a73e8;
  text-decoration: underline;
}

/* =========================
   リンク一覧テーブルの列幅調整
   サイト名・説明・リンクのバランスを調整
   ========================= */

.link-list-table th:nth-child(1),
.link-list-table td:nth-child(1) {
  width: 35%;
}

.link-list-table th:nth-child(2),
.link-list-table td:nth-child(2) {
  width: 45%;
}

.link-list-table th:nth-child(3),
.link-list-table td:nth-child(3) {
  width: 20%;
  white-space: nowrap;
  text-align: center;
}

/* 日本語の不自然な改行を抑える */
.link-list-table td,
.link-list-table th {
  word-break: normal;
  overflow-wrap: break-word;
}

/* =========================
   トップページ：カテゴリ別サマリー
   災害時リンク一覧の要約表示用
   ========================= */

.link-summary-section {
  margin: 40px 0;
}

.link-summary-title {
  font-size: 1.4rem;
  margin-bottom: 20px;
  border-bottom: 2px solid #8db4f2;
  padding-bottom: 8px;
}

.link-summary-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}

.link-summary-table th,
.link-summary-table td {
  border: 1px solid #d7e3f4;
  padding: 12px 16px;
  text-align: left;
  vertical-align: middle;
}

.link-summary-table th {
  background: #8db4f2;
  color: #fff;
}

/* 行政・公的機関 公式SNS速報 のみ背景色を付ける */
.link-summary-table tbody tr.is-highlight {
  background: #eef4ff;
}

.link-summary-table th:nth-child(2),
.link-summary-table td:nth-child(2),
.link-summary-table th:nth-child(3),
.link-summary-table td:nth-child(3) {
  text-align: center;
  white-space: nowrap;
}

.link-summary-table a {
  color: #1a73e8;
  text-decoration: underline;
}

/* =========================
   災害時リンク一覧 上部メッセージ
   ========================= */
.link-summary-message {
  margin: 0 0 20px;
  line-height: 1.9;
}

.link-summary-message p {
  margin: 0 0 1em;
}

/* =========================
   最上部カテゴリ行の強調
   行政・公的機関 公式SNS速報
   ========================= */

/* 行全体の背景を少し強調 */
.link-summary-table tbody tr.is-highlight {
  background: #e3efff;
}

/* カテゴリ名を強調 */
.link-summary-table tbody tr.is-highlight td:first-child {
  font-weight: 700;
  color: #1f4fa3;
  border-left: 4px solid #4a7edb;
}

/* 件数も少し強調 */
.link-summary-table tbody tr.is-highlight td:nth-child(2) {
  font-weight: 700;
  color: #1f4fa3;
}

/* リンクも少し強調 */
.link-summary-table tbody tr.is-highlight td:nth-child(3) a {
  font-weight: 700;
}