@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
*/

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


/* 固定ページのタイトルを消す */
.page .entry-title{
  display:none;
}

/* 投稿日・更新日を消す */
.page .post-date,
.page .post-update,
.page .date-tags{
  display:none;
}

/* 投稿者情報を消す */
.page .author-info{
  display:none;
}



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

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

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

/* ヘッダー「体験予約」ボタン */
.header-reserve {
    display: flex;
    align-items: center;
}

.header-reserve a {
    background-color: #F7931E;
    color: #fff !important;
    border-radius: 999px;
    padding: 6px 14px !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: 1.2 !important;

    position: relative;
    top: 13px;
}

/* スマホヘッダー：ロゴを左寄せ */
@media screen and (max-width: 834px) {
  .logo-menu-button img {
    margin-left: 16px !important;
    margin-right: auto !important;
  }
}

/* フッターロゴ横のInstagram */
.footer-bottom-logo {
  display: flex;
  align-items: center;
  gap: 12px;
}

.freshgym-footer-instagram {
  display: inline-flex;
  align-items: center;
}

.freshgym-footer-instagram img {
  width: 32px;
  height: 32px;
  display: block;
}

/* スマホ・タブレット：フッターロゴ＋Instagramを少し左へ */
@media screen and (max-width: 1024px) {
  .footer-bottom-logo {
    transform: translateX(-48px);
  }
}

/* ================================
   FRESH GYM 料金プラン
================================ */

.fresh-price-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 24px;
}

.fresh-price-card {
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 14px;
  padding: 24px 20px;
  box-sizing: border-box;
}

.fresh-price-card-main {
  border: 1.5px solid #f57c00;
}


/* まずは1ヶ月から・各プラン見出し */
.fresh-price-label {
  font-size: 16px;
  font-weight: 700;
  text-align: left;   /* center → left */
  margin-bottom: 18px;
  color: #333;
}

.fresh-price-label-main {
  color: #f57c00;
}


/* ○ヶ月｜全○回 */
.fresh-price-period {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}


/* 料金 */
.fresh-price-amount {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 14px;
  color: #333;
  white-space: nowrap;
}


/* （税込） */
.fresh-price-amount span {
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
}


/* 1回あたり */
.fresh-price-unit {
  background: #fafafa;
  border-radius: 8px;
  padding: 10px;
  text-align: center;
  font-size: 14px;
}


/* サポート部分 */
.fresh-price-support {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e8d5c7;
}


/* すべてのコースに含まれるサポート */
.fresh-price-support-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
}


/* サポート項目 */
.fresh-price-support-items {
  display: flex;
  gap: 10px 22px;
  flex-wrap: wrap;
  font-size: 14px;
  font-weight: 600;
}

.fresh-price-support-items div::before {
  content: "✓";
  margin-right: 6px;
  color: #f57c00;
}


/* ================================
   スマホ
================================ */

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

  .fresh-price-grid {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 20px;
  }

  .fresh-price-card {
    padding: 20px 16px;
  }

  .fresh-price-label {
    font-size: 16px;
    text-align: left;
    margin-bottom: 14px;
  }

  .fresh-price-period {
    font-size: 15px;
    margin-bottom: 10px;
  }

  .fresh-price-amount {
    font-size: 26px;
    margin-bottom: 12px;
  }

  .fresh-price-amount span {
    font-size: 12px;
  }

  .fresh-price-unit {
    font-size: 13px;
    padding: 8px;
  }

  .fresh-price-support {
    margin-top: 14px;
    padding-top: 14px;
  }

  .fresh-price-support-title {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .fresh-price-support-items {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    font-size: 14px;
  }
}

/* ========================================
   PC：ファーストビューを少し広めにする
======================================== */

@media screen and (min-width: 769px) {

  .fresh-hero-slider {
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 16px;
  }

}