@charset "utf-8";

/* 基本設定（フォント、カラー） */
:root {
  --color-container-shadow: #d9e5ed; /* コンテナ（コンテンツ領域）の影の色 */
  --font-family: "Noto Sans JP", sans-serif; /* フォント名 */
  --font-weight: 500; /* フォント太さ（400,500,700） */
  --color-text: #000000; /* 文字色 */
  --color-bg: #ffffff; /* 背景色 */
  --color-form-control-text: #000000; /* 入力欄の文字色 */
  --color-form-control-bg: #f1f1f1; /* 入力欄の背景色 */
  --color-form-control-border: #a8a8a8; /* 入力欄の枠色 */
  --color-placeholder-text: #bfbfbf; /* 入力欄のプレースホルダの色 */
  --color-footer-text: #888888; /* フッターの文字色 */
  --color-footer-bg: #ffffff; /* フッターの背景色 */
  --color-pagetop-text: #ffffff; /* ページトップボタンの文字色 */
  --color-pagetop-bg: #19b37d; /* ページトップボタンの背景色 */
}

/* カウントダウン */
:root {
  --color-countdown-text: #ff0000; /* 文字色 */
  --color-countdown-bg: #ffff00; /* 背景色 */
}

/* 追従ボタン */
:root {
  --follow-width-sp: 696; /* SPデザインでのpx幅 */
  --follow-width-pc: 1042; /* PCデザインでのpx幅 */
}

/* レイヤー設定 */
:root {
  /* レイヤー1 */
  --layer1-width-sp: 556; /* SPデザインでのpx幅 */
  --layer1-width-pc: 556; /* PCデザインでのpx幅 */
  --layer1-top-sp: 86.5%; /* SPで親要素の上端を0%,下端を100%とする位置 */
  --layer1-top-pc: 83%; /* PCで親要素の上端を0%,下端を100%とする位置 */
  /* レイヤー2 */
  --layer2-width-sp: 556; /* SPデザインでのpx幅 */
  --layer2-width-pc: 556; /* PCデザインでのpx幅 */
  --layer2-top-sp: 86%; /* SPで親要素の上端を0%,下端を100%とする位置 */
  --layer2-top-pc: 83.5%; /* PCで親要素の上端を0%,下端を100%とする位置 */
  /* レイヤー3 */
  --layer3-width-sp: 556; /* SPデザインでのpx幅 */
  --layer3-width-pc: 556; /* PCデザインでのpx幅 */
  --layer3-top-sp: 84%; /* SPで親要素の上端を0%,下端を100%とする位置 */
  --layer3-top-pc: 81%; /* PCで親要素の上端を0%,下端を100%とする位置 */
  /* レイヤー4 */
  --layer4-width-sp: 610; /* SPデザインでのpx幅 */
  --layer4-width-pc: 665; /* PCデザインでのpx幅 */
  --layer4-top-sp: 96.3%; /* SPで親要素の上端を0%,下端を100%とする位置 */
  --layer4-top-pc: 94%; /* PCで親要素の上端を0%,下端を100%とする位置 */
  /* レイヤー5 */
  --layer5-width-sp: 556; /* SPデザインでのpx幅 */
  --layer5-width-pc: 556; /* PCデザインでのpx幅 */
  --layer5-top-sp: 70%; /* SPで親要素の上端を0%,下端を100%とする位置 */
  --layer5-top-pc: 67%; /* PCで親要素の上端を0%,下端を100%とする位置 */
  /* レイヤー6 */
  --layer6-width-sp: 556; /* SPデザインでのpx幅 */
  --layer6-width-pc: 556; /* PCデザインでのpx幅 */
  --layer6-top-sp: 53%; /* SPで親要素の上端を0%,下端を100%とする位置 */
  --layer6-top-pc: 53%; /* PCで親要素の上端を0%,下端を100%とする位置 */
  /* レイヤー7 */
  --layer7-width-sp: 556; /* SPデザインでのpx幅 */
  --layer7-width-pc: 556; /* PCデザインでのpx幅 */
  --layer7-top-sp: 43%; /* SPで親要素の上端を0%,下端を100%とする位置 */
  --layer7-top-pc: 42%; /* PCで親要素の上端を0%,下端を100%とする位置 */
}

/* サブページ（プライバシーポリシー、特商法ページ等） */
:root {
  --color-subpage-title: #000000; /* タイトルの文字色 */
  --color-subpage-heading: #000000; /* 見出しの文字色 */
  --color-subpage-heading-bg: #fbfbfb; /* 見出しの背景色 */
  --color-subpage-heading-border1: #dfdfdf; /* 見出しのボーダー色（薄） */
  --color-subpage-heading-border2: #000000; /* 見出しのボーダー色（濃） */
}