@charset "UTF-8";

:root {
  --color_yw01a: #fff100; /* サブ01カラー　濃 */
  --color_yw01b: #fff100; /* メイン01カラー ↑ */
  --color_yw01c: #fff100; /* メイン02カラー ↓ */
  --color_yw01d: #fff100; /* サブ02カラー  薄 */
  --color_pn01: #ff006b; /* いくらやピンク  */
  --color_gn01: #06c755; /* LINEグリーン */
}

/*
GREEN
*/
.yw {
  #mv {
    background: url(../img/bg_pattern_yw.webp) repeat;
  }
  #mv::before,
  #mv::after {
    background: url(../img/bg_wing_yw.svg) no-repeat top center / cover;
  }
  .navigation {
    background-color: var(--color_yw01b);
  }
  .navigation ul li.has-child .menu-dropdown li a {
    color: #333;
    background-color: var(--color_yw01b);
  }
  .navigation ul#page_link li a {
    color: #333;
  }
  .navigation ul#page_link li a:hover {
    background: var(--color_yw01a);
  }
  .ttl_deco {
    /* background-image: url("../img/stripe.svg"),
      url("../img/midashi_left_yw.webp"), url("../img/midashi_right_yw.webp");
    background-repeat: repeat, no-repeat, no-repeat;
    background-position: top left, left, right;
    background-size: 190px, auto, auto; */
    background-color: var(--color_yw01b);
    h2 {
      color: #333;
    }
    /* h2::after {
      background: #fff;
    } */
  }

  .side_contact {
    background: linear-gradient(var(--color_pn01), var(--color_pn01));
    a {
      color: #fff;
    }
    a::before {
      background: url(../img/svg/icn_mail_wh.svg) no-repeat;
    }
  }
  .side_contact01 {
    background: linear-gradient(var(--color_gn01), var(--color_gn01));
    a {
      color: #fff;
    }
    /* a::before {
      background: url(../img/svg/icn_mail_wh.svg) no-repeat;
    } */
  }
  .date::before {
    background: url(../img/svg/icn_cal_yw.svg) no-repeat;
  }
  .link_area a {
    color: #333;
    background: linear-gradient(90deg, var(--color_yw01a), var(--color_yw01c));
  }
  .link_area a::after {
    background: url(../img/svg/icn_arw_right_bk.svg) no-repeat;
  }
  #greeting {
    background: url("../img/stripe.svg") repeat top left / 190px,
      var(--color_yw01d);
  }
  #greeting h2 span {
    color: var(--color_pn01);
  }
  /* #greeting::before,
  #greeting::after {
    background: url(../img/bg_wing_yw.svg) no-repeat top center / cover;
  } */
  .more__btn {
    background: var(--color_yw01b);
    span {
      background: url(../img/svg/icn_arw_down_bk.svg) no-repeat top center /
        contain;
    }
  }
  #itemlist {
    /* background: url(../img/bg_pattern_yw.webp) repeat; */
    background-color: var(--base-color07);
  }
  .itemlist_box p {
    color: #333;
    background-color: var(--color_yw01b);
  }
  .itemlist_box p::before {
    background: url(../img/svg/icn_arw_right_bk.svg) no-repeat;
  }
  .method_ttl {
    color: #333;
    background-color: var(--color_yw01b);
  }
  .method_ttl::after {
    background: #fff;
  }
  .method_box .osusume p {
    color: var(--color_pn01);
    /* border-bottom-color: var(--color_yw01b); */
  }
  .method_txt a {
    color: #333;
    background-color: var(--color_yw01b);
  }
  .method_txt a::after {
    background: url(../img/svg/icn_arw_right_bk.svg) no-repeat;
  }
  .info_table {
    border-top-color: var(--color_yw01b);
  }
  .info_table dl {
    border-bottom-color: var(--color_yw01b);
  }
  .info_table dl dt {
    color: #333;
    background: var(--color_yw01b);
  }
  footer {
    background: var(--color_yw01d);
  }
  footer .copyright {
    color: #333;
    background: var(--color_yw01b);
  }
  #page_top a {
    background: var(--color_yw01a);
  }

  /* #pagetitle {
    background: url(../img/stripe.svg) repeat;
  } */
  /* #pagetitle::before,
  #pagetitle::after {
    background: url(../img/bg_wing_yw02.png) no-repeat top center / cover;
  } */

  .purchase_flow_wrap::after {
    background-image: url("../img/svg/icn_arw_down_yw.svg");
  }
  /*STEPエンブレム*/
  .purchase_flow_box dt {
    border-bottom-color: var(--color_yw01b);
  }
  .purchase_flow_box dt span {
    color: #333;
    background: var(--color_yw01b);
  }
  .purchase_flow_box dt span::before {
    border-bottom-color: var(--color_yw01a);
  }
  .purchase_flow_box dt span:after {
    border-top-color: var(--color_yw01b);
  }
  .store_address {
    /* background: var(--color_yw01d); */
    > p {
      border-bottom-color: var(--color_yw01a);
    }
  }
  .store_address .form_link a {
    color: #fff;
    background: linear-gradient(var(--color_pn01), var(--color_pn01));
    span:nth-of-type(1)::before {
      background: url(../img/svg/icn_mail_wh.svg) no-repeat;
    }
  }

  .phone_num a:before {
    background: url(../img/svg/icn_tel_bk.svg) no-repeat;
  }
  .access_box .access_txt::before {
    color: var(--color_pn01);
  }
  #faq .faq_item {
    background: var(--color_yw01d);
  }
  #faq .question::before {
    background: var(--color_yw01b);
  }
  #mailformpro button[type="submit"] {
    background: var(--color_yw01b);
  }
  #mfp_phase_confirm_inner .mfp_buttons #mfp_button_send {
    background: var(--color_yw01b);
  }

  .pagination li a {
    color: var(--color_yw01b);
    border-color: var(--color_yw01b);
  }
  .pagination li.active a {
    color: #fff;
    background: var(--color_yw01b);
  }
}
@media (max-width: 599.98px) {
  .yw {
    .sp_fixed_bnr li:nth-of-type(2) {
      color: #fff;
      background: linear-gradient(var(--color_pn01), var(--color_pn01));
      a::before {
        background: url(../img/svg/icn_mail_wh.svg) no-repeat;
      }
    }
    .sp_fixed_bnr li:nth-of-type(3) {
      color: #fff;
      background: #06c755;
    }
    .menu-btn span.txt {
      color: var(--color_pn01);
    }
    .menu-btn span.bar,
    .menu-btn span.bar:before,
    .menu-btn span.bar:after {
      background-color: var(--color_pn01);
    }
  }
}