/* =========================================================
   投稿ページ：メタ/アイキャッチ/カテゴリ類
   ========================================================= */

/* Cocoon標準のカテゴリ行（表示される場合の余白） */
.entry-categories-tags.ctdt-one-row{
  margin-bottom: 5px !important;
}

/* Cocoon標準の表示（カテゴリ・タグ）を非表示 */
.single .entry-categories,
.single .entry-categories-tags,
.single .entry-categories-tags.ctdt-one-row{
  display: none !important;
}

/* Cocoonアイキャッチの見た目 */
.single .eye-catch-wrap{
  margin: 15px 0;
}
.single .eye-catch img{
  width: 100%;
  height: auto;
  display: block;
}

/* あなたの「本文先頭に追加する投稿メタ」 */
.my-post-topmeta{
  margin-bottom: 10px !important;
}

/* 投稿メタ全体 */
.my-post-meta{
  margin: 16px 0 24px;
}

/* 上段（日付・カテゴリ・タグ） */
.my-post-meta-top{
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  font-size: 14px;
  margin-bottom: 12px;
}

/* カテゴリ（あなたの出力） */
.my-meta-cat{
  background: #c7a492; /*カテゴリラベル背景色*/
  color: #fff;
  padding: 4px 8px;
  border-radius: 3px;
  font-size: 14px;
  text-decoration: none;
}

/* タグ（あなたの出力） */
.my-meta-tag{
  font-size: 14px;
  color: #777; /*タグの文字色*/
  text-decoration: none;
}

/* アイキャッチ（あなたの出力） */
.my-meta-eyecatch{
  margin-top: 12px;
}
.my-meta-eyecatch img{
  width: 100%;
  height: auto;
  display: block;
}

/* 記事タイトル（あなたの出力） */
.my-post-title{
  font-size: 26px; /* 24〜30pxで調整 */
  font-weight: 500;
  line-height: 1.6;
  display: block;
  margin-bottom: 6px;
}

/* 日付（あなたの出力） */
.my-meta-date{ color: #666; }
.my-meta-date i.fa-clock{ color: #BBA492; }

/* 本文先頭にある「最初の画像ブロック」を非表示（必要な時だけ） */
.single .entry-content > figure.wp-block-image:first-child,
.single .entry-content > .wp-block-image:first-child{
  display: none !important;
}

/* スマホ：タイトル等 */
@media (max-width: 768px){
  .single .my-post-datetitle{ font-size: 18px; }
  .my-post-title{ font-size: 18px; }
  .pagetitle{ font-size: 28px !important; }
}


/* テキストカラー */
.color {
  color: #AC7B3B !important;
}

/* AM・PM */
.time {
  position: relative;
  display: table;
  width: fit-content;
  padding-left: 21px;
  color: #AC7B3B;
}

/* 時計の外枠 */
.time::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 16px;
  height: 16px;
  border: 1px solid #AC7B3B;
  border-radius: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
}

/* 時計の針 */
.time::after {
  content: "";
  position: absolute;
  left: 7px;
  top: calc(50% - 5px);
  width: 4px;
  height: 5px;
  border-left: 1px solid #AC7B3B;
  border-bottom: 1px solid #AC7B3B;
}

/* ==========================
   FAQ
========================== */

/* 質問・回答：16px */
.faq-list .faq-question-content,
.faq-list .faq-answer-content,
.faq-list .faq-question-content p,
.faq-list .faq-answer-content p {
  font-size: 16px !important;
  line-height: 1.5;
}


/* 各FAQの区切り線 */
.faq-list.faq-wrap {
  border-bottom: 0.5px solid #c59b62 !important;
  padding-bottom: 14px !important;
  margin-bottom: 14px !important;
}

/* 最後のFAQだけ区切り線なし */
.faq-list.faq-wrap:last-child {
  border-bottom: none !important;
}




/* ==========================================
   RYT200 カリキュラム
   スマホのみアコーディオン
========================================== */

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

  /* DAYカード */
  .curriculum-day {
    overflow: hidden;
  }

  /* Day 1 / Day 2 ... の見出し */
  .curriculum-day-title {
    position: relative;
    cursor: pointer;
    padding-right: 45px !important;
  }

  /* ＋アイコン */
  .curriculum-day-title::after {
    content: "＋";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);

    color: #AC7B3B;
    font-size: 20px;
    font-weight: 300;
    line-height: 1;
  }

  /* 開いているときは − */
  .curriculum-day.is-open .curriculum-day-title::after {
    content: "−";
  }


    /* アコーディオン内容 */
  .curriculum-day-content {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition:
      height 0.5s ease,
      opacity 0.4s ease;
  }

  /* 開いている状態 */
  .curriculum-day.is-open .curriculum-day-content {
    opacity: 1;
  }


    /* 閉じたカード */
  .curriculum-day:not(.is-open) {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  /* Dayタイトル自体の余白をリセット */
  .curriculum-day:not(.is-open) .curriculum-day-title {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

 /* ------------------------------------------
     Dayタイトルを左寄せ
  ------------------------------------------ */

  .curriculum-day-title {
    text-align: left !important;
    justify-content: flex-start !important;
    width: 100%;
    padding-left: 10px !important;
  }


  /* ------------------------------------------
     閉じているカード
  ------------------------------------------ */

  .curriculum-day {
    background-color: #fff !important;
    transition: background-color 0.3s ease;
  }


  /* ------------------------------------------
     開いているカードだけ薄く色をつける
  ------------------------------------------ */

  .curriculum-day.is-open {
    background-color: #fff !important;
  }

    /* ------------------------------------------
     スライダーの余白調整左右
  ------------------------------------------ */


  .vk_slider_item .vk_slider_item_container {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box;
  }

    /* ------------------------------------------
     口コミレイアウト
  ------------------------------------------ */

  .voice {
    text-align: center !important;
  }

    /* ------------------------------------------
     縦線の幅
  ------------------------------------------ */

  .vertical-line1 {
    height: 60px !important;
    min-height: 60px !important;
  }


    /* ------------------------------------------
     リスト配置
  ------------------------------------------ */

    .list1 {
    width: fit-content !important;
    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left !important;
  }



}





/* ==========================================
   RYT200 LP
   スマホヘッダーを非表示
========================================== */

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

  .page-id-268 .mobile-header-menu-buttons {
    display: none !important;
  }

    /* ヘッダー分の上余白を削除 */
  .page-id-268 {
    margin-top: 0 !important;
  }

}


/* ==========================================
   RYT200 LP
   ボタンアニメーション
========================================== */

/* 予約ボタン：拡大・縮小アニメーション */
@keyframes anime_cvbtn01 {
  from {
    transform: scale(0.94);
  }

  to {
    transform: scale(1);
  }
}

.animated-cv-button {
  animation: anime_cvbtn01 0.7s ease-in-out infinite alternate;
  transform-origin: center;
}

/* 画像をクリックできる場合 */
.animated-cv-button a {
  display: inline-block;
}

/* マウスを載せたときは少し明るく */
.animated-cv-button:hover {
  filter: brightness(1.06);
}