@charset "utf-8";

/* =========================================================
   1. 変数定義 (:root)
========================================================= */
:root {
  /* ▼ カラーパレット */
  --lp-color-primary: #1D6504; /* メインカラー */
  --lp-color-secondary: #007CDD; /* ポイントカラー */
  --lp-color-bg: #F5F7FA; /* 背景カラー */
  --lp-color-button: #C2761C; /* リンクボタンカラー */
  --lp-color-card-bg: #FFFFFF; /* カードカラー */
  --lp-color-text-main: #2C2A29; /* テキストメインカラー */
  --lp-color-text-muted: #697180; /* テキストメインカラー */
  --lp-color-bg-odd: #F0E7D5; /* 背景カラー奇数 */
  --lp-color-bg-even: #FBF8F3; /* 背景カラー偶数 */
  --lp-color-info-bg: #F5F7FA; /* 基本情報背景 */
  --lp-color-info-text: #258206; /* 基本情報タイトルテキスト */
  --lp-color-faq-q-icon: #258206; /* Q&Aアイコン */
  --lp-color-faq-a-text: #2C2A29; /* Q&Aテキスト */
  --lp-color-faq-a-bg: #FBF8F3; /* Q&A背景 */
  --lp-color-card-with-bg: #FBF8F3;  /* 背景色付きカードの背景色 */
}

/* =========================================================
   2. ベースレイアウト・ユーティリティ
========================================================= */

/* =========================================================
   背景単色 ※ページによって使い分ける
========================================================= */
.lp-section:nth-of-type(odd) { background-color: var(--lp-color-bg-odd)!important;}
.lp-section:nth-of-type(even) { background-color: var(--lp-color-bg-even)!important; }
.lp-section:nth-of-type(odd) {background-image:none !important;}
.lp-section:nth-of-type(even) {background-image:none !important;}
/* =========================================================
   背景画像 ※ページによって使い分ける
========================================================= */
  /* 画像をリピート表示 */
/*.lp-section:nth-of-type(odd) {
  background-image: url("../images/bg01.jpg") !important;
  background-repeat: repeat !important;
  background-color: transparent !important;
}*/

/* 画像を画面サイズに拡大 */
/*.lp-section:nth-of-type(even) {
  background-image: url("../images/bg02.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;  
  background-color: transparent !important;
}*/

/* =========================================================
   任意の背景画像を敷くためのカスタムクラス　※クラス「lp-bg-custom」を追加
========================================================= */
/* ▽画像指定▽ */
#season.lp-bg-custom {
  background-image: url("../images/custom01_bg.jpg") !important;
}
#info.lp-bg-custom {
  background-image: url("../images/custom02_bg.jpg") !important;
}
#voice.lp-bg-custom {
  background-image: url("../images/custom03_bg.jpg") !important;
}

/* =========================================================
   アイコンバッチ配置
========================================================= */
.lp-mv-badge {
  top: -8px;
  left: -105px;
}

@media (max-width: 767px) {
.lp-mv-badge {
  top: -16px;left: 50%;
}
}

/* =========================================================
   5. コンポーネント：MV（メインビジュアル）
========================================================= */
/* --- スマホ用 --- */
.ui-static-main-visual-bg-big {
    background: url("../images/mv_sp.jpg") center/cover no-repeat !important;
}

/* --- PC用 --- */
@media screen and (min-width: 768px) {
    .ui-static-main-visual-bg-big {
        background: url("../images/mv_pc.jpg") center/cover no-repeat !important;
    }
}

/* =========================================================
   ナビ
========================================================= */
/*.ui-static-link-list-container {
  max-width: 1000px !important;
}*/