@charset "UTF-8";
/* ブレイクポイント
   ========================================================================== */
/* フォント
   ========================================================================== */
/* 色
   ========================================================================== */
/* 商品購入関連
   ========================================================================== */
/* 購入フォーム注意書き
   ====================================== */
.order-description {
  margin-bottom: 1em; }
  .order-description a {
    text-decoration: underline; }
    @media (hover: hover) {
      .order-description a:hover {
        text-decoration: none; } }
  .order-description p {
    font-size: 1.4rem;
    margin-top: 1em; }
    .order-description p:first-of-type {
      margin-top: 0; }
  @media (min-width: 768px) {
    .order-description p {
      font-size: 1.6rem; } }
  @media (min-width: 1025px) {
    .order-description p {
      font-size: 1.8rem; } }

/* お客様の明細用説明文
   ====================================== */
.customer-description {
  color: #000; }
  .customer-description a {
    text-decoration: underline; }
    @media (hover: hover) {
      .customer-description a:hover {
        text-decoration: none; } }

/* アンケートタイトル部分 */
.questionnaire-description {
  color: #000; }
  .questionnaire-description p {
    font-size: 1.4rem;
    margin-top: 1em; }
    .questionnaire-description p:first-of-type {
      margin-top: 0; }
  @media (min-width: 768px) {
    .questionnaire-description p {
      font-size: 1.6rem; } }
  @media (min-width: 1025px) {
    .questionnaire-description p {
      font-size: 1.8rem; } }

/* 必ずお読みください
   ====================================== */
.order-caution {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #000; }
  .order-caution__ttl {
    font-size: 1.6rem;
    font-weight: bold;
    color: #f00;
    text-align: center; }
  .order-caution p {
    margin-top: 1em; }
  .order-caution a {
    text-decoration: underline; }
    @media (hover: hover) {
      .order-caution a:hover {
        text-decoration: none; } }
  @media (min-width: 768px) {
    .order-caution {
      padding: 30px;
      margin: 30px 0; }
      .order-caution__ttl {
        font-size: 2rem; } }
  @media (min-width: 1025px) {
    .order-caution {
      padding: 40px !important;
      margin: 40px 0; }
      .order-caution__ttl {
        font-size: 2.4rem; } }

/* メールについての注意書き
   ====================================== */
.mail-notice {
  margin-top: 2em; }
  .mail-notice ul li {
    margin-top: 2em; }
  .mail-notice__ttl {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: .5em; }
  .mail-notice p {
    margin-top: 0; }
  @media (min-width: 768px) {
    .mail-notice__ttl {
      font-size: 1.8rem; } }
  @media (min-width: 1025px) {
    .mail-notice__ttl {
      font-size: 2rem; } }

/* その他の重要なご連絡
   ====================================== */
.other-notice {
  margin-top: 40px; }
  .other-notice > div {
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center; }
  .other-notice__ttl {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: .5em; }
  .other-notice ul li {
    margin-top: 2em; }
  .other-notice p {
    margin-top: 0; }
  @media (min-width: 768px) {
    .other-notice {
      margin-top: 60px; }
      .other-notice > div {
        font-size: 2rem; }
      .other-notice__ttl {
        font-size: 1.8rem; } }
  @media (min-width: 1025px) {
    .other-notice {
      margin-top: 80px; }
      .other-notice > div {
        font-size: 2.4rem; }
      .other-notice__ttl {
        font-size: 2rem; } }

/* 購入フォーム用
   ========================================================================== */
/* Aforms用
   ====================================== */
.form-notes div {
  margin-top: .5em; }

/* Aformsに合わせたデザイン枠
   ====================================== */
.aforms-layout {
  width: 100%;
  margin-bottom: 20px; }
  .aforms-layout .item {
    padding: 10px 10px 10px 0; }
    .aforms-layout .item .name {
      font-size: 1.8rem;
      font-weight: bold;
      margin-bottom: 1em; }
  .aforms-layout .contents {
    overflow-x: auto;
    border: 1px solid rgba(18, 18, 18, 0.26); }
    .aforms-layout .contents::-webkit-scrollbar {
      /*スクロールバー：全体*/
      width: 6px;
      height: 10px; }
    .aforms-layout .contents::-webkit-scrollbar-track {
      /*スクロールバー：軌道*/
      border-radius: 10px;
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); }
    .aforms-layout .contents::-webkit-scrollbar-thumb {
      /*スクロールバー：動く部分*/
      background-color: rgba(0, 0, 50, 0.5);
      border-radius: 10px;
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3); }
  @media (min-width: 768px) {
    .aforms-layout {
      margin-bottom: 30px; }
      .aforms-layout .item .name {
        font-size: 2.2rem; } }
  @media (min-width: 1025px) {
    .aforms-layout {
      margin-bottom: 30px; }
      .aforms-layout .item .name {
        font-size: 2.4rem; } }

/* Aforms型追加：ベース
   ====================================== */
.list-fix {
  display: flex; }
  .list-fix li {
    width: 150px;
    font-size: 1.6rem;
    padding: 16px;
    background-color: #e1d5ad; }
    .list-fix li figure {
      width: 100px;
      margin: 0 auto; }
  .list-fix__name {
    margin-top: 10px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.6; }
  .list-fix__note {
    margin-top: 1em; }
    .list-fix__note p {
      font-size: 1.2rem;
      line-height: 1.4;
      margin-top: 0; }
      .list-fix__note p.notes_red {
        font-weight: bold !important;
        color: #f00 !important; }
  .list-fix__price {
    color: #000;
    font-size: 2rem;
    text-align: center;
    line-height: 1;
    margin-top: 10px; }
  @media (min-width: 1025px) {
    .list-fix__name {
      font-size: 1.6rem; } }