@charset "UTF-8";
/* ************************************************************************

************************************************************************ */
body {
  word-break: break-all;
  margin: auto;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", YuGothic, "游ゴシック", Meiryo, "メイリオ", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  line-height: 1.5;
  position: relative;
}

img {
  width: 100%;
  height: auto;
}

section {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

ul {
  list-style: none;
}

.eventArea .slideArea .box a:hover,
.float-button__wrap .navBox a:hover,
.anewArea .appliBox .linkBox .box:hover,
.footArea a:hover {
  opacity: 0.7;
}

*:hover {
  transition: 0.3s;
}

/*
.navBox a:hover,
.saleArea a:hover {
  opacity: 0.7;
}
*/
/* ************************************************************************

@media (min-width: 981px)

************************************************************************ */
@media (min-width: 981px) {
  .sp {
    display: none;
  }
  /*------- header ------*/
  .header {
    background-color: #000;
    color: #fff;
    height: 4.2328042328vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header .ttl {
    font-size: 1.59vw;
    font-weight: bold;
    letter-spacing: 0.1em;
  }
  /*------- topArea /imgArea ------*/
  #topArea .endtxt {
    font-size: 1.58vw;
    font-weight: bold;
    text-align: center;
    margin-top: 3.5vw;
    letter-spacing: 0.05em;
  }
  .topArea {
    margin-bottom: 2.6455026455vw;
    /*------- topArea / modalArea ------*/
  }
  .topArea .modalArea {
    margin-top: 1.3227513228vw;
  }
  .topArea .open-btnBox {
    text-align: center;
  }
  .topArea .modal__btn {
    width: 19.5105820106vw;
    background-color: #fff;
    font-size: 1.0582010582vw;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 0.6vw 0;
    border: 1px solid #000;
    border-radius: 120px;
    background-image: url(../images/btn_icon_plus_b.png);
    background-repeat: no-repeat;
    background-size: 0.7936507937vw 0.7936507937vw;
    background-position: right 8% center;
  }
  .topArea .modal__btn:hover {
    background-color: #000;
    color: #fff;
    background-image: url(../images/btn_icon_plus_w.png);
    transition: 0.3s;
  }
  .topArea .modal__container .cont_wrap .imgBox {
    width: 55.5555555556vw;
    margin: 0 auto;
  }
  .topArea .modal__container .cont_wrap .modal__content {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .topArea .imgArea {
    position: relative;
    width: 47.8835978836vw;
    height: 33.3994708995vw;
    margin: 3.7037037037vw auto 0 auto;
  }
  .topArea .imgArea .mainBox {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .topArea .imgArea .iconBox {
    width: 6.6137566138vw;
    position: absolute;
    top: -1.2vw;
    left: -6.2vw;
  }
  /*------- topArea / navArea ------*/
  .navArea {
    margin-top: 2.6455026455vw;
  }
  .navArea .navBox {
    width: 47.619047619vw;
    height: 5.8201058201vw;
    margin: 0 auto;
    color: #fff;
    display: flex;
  }
  .navArea .navBox a {
    width: 15.873015873vw;
    height: 100%;
    display: block;
    padding: 0.9259259259vw 0 0 0;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    line-height: 1;
    /*background-image: url(../images/icon_arrow_under.png);
    background-position: 50% 83%;
    background-repeat: no-repeat;
    background-size: 0.8vw 0.4vw;*/
    position: relative;
  }
  .navArea .navBox a::after {
    content: "";
    position: absolute;
    bottom: 0.9259259259vw;
    left: 50%;
    transform: translateX(-50%);
    width: 0.5952380952vw;
    height: 0.5952380952vw;
    margin: auto;
    border-top: 0.1322751323vw solid #fff;
    border-right: 0.1322751323vw solid #fff;
    transform: translateY(-2px) rotate(135deg);
    box-sizing: border-box;
  }
  .navArea .navBox .nav01 a {
    background-color: #F04664;
    border-width: 1px 0px 1px 1px;
    border-style: solid;
    border-color: #000000;
    border-radius: 0.6613756614vw 0px 0px 0.6613756614vw;
  }
  .navArea .navBox .nav01 a:hover {
    color: #F04664;
    background-color: #fff;
  }
  .navArea .navBox .nav01 a:hover #n_sale {
    fill: #F04664;
  }
  .navArea .navBox .nav01 a:hover::after {
    border-color: #F04664;
  }
  .navArea .navBox .nav01 .icon {
    width: 4.1005291005vw;
    height: 1.2566137566vw;
  }
  .navArea .navBox .nav02 a {
    background-color: #28BE00;
    border-width: 0.0661375661vw 0.0661375661vw 0.0661375661vw 0.0661375661vw;
    border-style: solid;
    border-color: #000000;
    border-radius: 0.6613756614vw 0px 0px 0.6613756614vw;
  }
  .navArea .navBox .nav02 a:hover {
    color: #28BE00;
    background-color: #fff;
  }
  .navArea .navBox .nav02 a:hover #s_event {
    fill: #28BE00;
  }
  .navArea .navBox .nav02 a:hover::after {
    border-color: #28BE00;
  }
  .navArea .navBox .nav02 .icon {
    width: 11.5079365079vw;
    height: 1.2566137566vw;
  }
  .navArea .navBox .nav03 a {
    background-color: #FFAA00;
    border-width: 1px 0;
    border-style: solid;
    border-color: #000000;
  }
  .navArea .navBox .nav03 a:hover {
    color: #FFAA00;
    background-color: #fff;
  }
  .navArea .navBox .nav03 a:hover #pres {
    fill: #FFAA00;
  }
  .navArea .navBox .nav03 a:hover::after {
    border-color: #FFAA00;
  }
  .navArea .navBox .nav03 .icon {
    width: 7.2751322751vw;
    height: 1.2566137566vw;
  }
  .navArea .navBox .nav04 a {
    background-color: #00A2FF;
    border: 1px solid #000000;
    border-radius: 0 0.6613756614vw 0.6613756614vw 0;
  }
  .navArea .navBox .nav04 a:hover {
    color: #00A2FF;
    background-color: #fff;
  }
  .navArea .navBox .nav04 a:hover #anew {
    fill: #00A2FF;
  }
  .navArea .navBox .nav04 a:hover::after {
    border-color: #00A2FF;
  }
  .navArea .navBox .nav04 .icon {
    width: 7.2751322751vw;
    height: 1.5211640212vw;
  }
  .navArea .navBox .nav01 img {
    width: 4.2328042328vw;
  }
  .navArea .navBox .nav02 img {
    width: 11.5740740741vw;
  }
  .navArea .navBox .nav03 img {
    width: 7.3412698413vw;
  }
  .navArea .navBox .nav04 img {
    width: 7.3412698413vw;
  }
  .navArea .navBox .box .txt {
    margin-top: 0.5291005291vw;
    font-size: 0.8vw;
    letter-spacing: 0.05em;
    display: block;
  }
  .navArea .navBox .nav04 .txt {
    margin-top: 0.1322751323vw;
  }
  /*------- saleArea ------*/
  .saleArea {
    background-color: #EEEEEE;
    overflow: hidden;
    padding-bottom: 11.2433862434vw;
    /*height: 104vw;*/
  }
  .saleArea .saleTop {
    position: relative;
    width: 66.1375661376vw;
    margin: 0 auto;
  }
  .saleArea .saleTop .img-bg {
    position: absolute;
    width: 78.935185vw;
    top: 4.3650793651vw;
    left: -5.8vw;
  }
  .saleArea .saleTop .img01 {
    position: absolute;
    width: 37.4338624339vw;
    top: -0.1322751323vw;
    left: 45.669312vw;
  }
  .saleArea .saleTop .img02 {
    position: absolute;
    width: 10.2513227513vw;
    top: 13.3597883598vw;
    left: -4vw;
  }
  .saleArea .saleTop .img03 {
    position: absolute;
    width: 10.582010582vw;
    top: 51.0582010582vw;
    left: 61vw;
  }
  .saleArea .saleTop .img04 {
    position: absolute;
    width: 10.7804232804vw;
    top: 42.9232804233vw;
    left: 43.6vw;
  }
  .saleArea .saleTop .img05 {
    position: absolute;
    width: 32.5396825397vw;
    top: 45.4365079365vw;
    left: -16.5vw;
  }
  .saleArea .mvArea {
    width: 47.619047619vw;
    height: 26.7195767196vw;
    margin: 0 auto 0 auto;
    padding-top: 10.582010582vw;
    /*
    position: absolute;
    top: $--160;
    left: 50%;
     transform: translateX(-50%);
    */
  }
  .saleArea .mvArea .mvBox {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .saleArea .mvArea .mvBox::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    z-index: 0;
    background-color: #F04664;
    top: 0.66137566vw;
    left: 0.66137566vw;
    border-radius: 1.3888888889vw;
    border: 0.0694444444vw solid #000;
  }
  .saleArea .mvArea .mvBox iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
    display: block;
    margin: auto;
    z-index: 3;
    position: absolute;
    border-radius: 1.3888888889vw;
    border: 0.0694444444vw solid #000;
  }
  .saleArea .ttlArea {
    width: 24.2063492063vw;
    height: 16.5343915344vw;
    margin: 5.9523809524vw auto 0 auto;
    /*
    .iconBox {
      width: $--88;
      margin: 0 auto;
      line-height: 0;

    } */
  }
  .saleArea .ttlArea .ttlBox {
    width: 12.8306878307vw;
    height: 3.4391534392vw;
    margin: 1.0582010582vw auto 0 auto;
    line-height: 0;
    padding-top: 6.4814814815vw;
  }
  .saleArea .ttlArea .dateBox {
    width: 100%;
    box-sizing: border-box;
    background-color: #F04664;
    color: #fff;
    margin-top: 2.1164021164vw;
    font-family: "Andika", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: 0.02em;
    padding: 0 0 0 1vw;
  }
  .saleArea .ttlArea .dateBox .yBox {
    font-size: 1.455026455vw;
  }
  .saleArea .ttlArea .dateBox .dBox {
    font-size: 2.6455026455vw;
    padding-left: 0.2vw;
  }
  .saleArea .ttlArea .dateBox .wBox {
    font-size: 1.455026455vw;
    padding-left: 0.4vw;
    vertical-align: text-bottom;
  }
  .saleArea .ttlArea .dateBox .wBox02 {
    font-size: 1.455026455vw;
    padding-left: 0.5vw;
  }
  .saleArea .ttlArea .dateBox .scBox {
    position: relative;
    font-size: 1.52vw;
    padding-left: 1vw;
    padding-right: 1vw;
  }
  .saleArea .ttlArea .dateBox .scBox::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 2px;
    height: 42%;
    background-color: #fff;
    transform: rotate(90deg);
    bottom: 28%;
    left: 55%;
  }
  .saleArea .shoplistArea {
    margin-top: 3.9682539683vw;
    padding-bottom: 11.2433862434vw;
    position: relative;
    height: 43.6507936508vw;
  }
  .saleArea .shoplistArea::before {
    width: 100%;
    height: 43.6507936508vw;
    content: "";
    position: absolute;
    background-color: #F04664;
    top: 0.66137566vw;
    left: 0.66137566vw;
    border-radius: 1.3888888889vw;
    border: 0.0694444444vw solid #000;
  }
  .saleArea .shoplistArea .areaBox {
    position: absolute;
    width: 100%;
    padding: 5.291005291vw;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 1.3888888889vw;
    border: 0.0694444444vw solid #000;
  }
  .saleArea .ttlBox {
    font-size: 1.5873015873vw;
    font-weight: bold;
    letter-spacing: 0.05em;
    text-align: center;
  }
  .saleArea .shoplistBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 2.6455026455vw;
  }
  .saleArea .shoplistBox .listBox {
    width: 13.0952380952vw;
    height: 3.9682539683vw;
    margin-bottom: 1.0582010582vw;
  }
  .saleArea .shoplistBox .listBox a {
    width: 100%;
    height: 100%;
    background-color: #00A2FF;
    border: 0.0661375661vw solid #00A2FF;
    display: block;
    font-size: 1.15vw;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #fff;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .saleArea .shoplistBox .listBox a:hover {
    background-color: #fff;
    color: #00A2FF;
  }
  .saleArea .shoplistBox .listBox.nw a {
    background-color: #28BE00;
    border-color: #28BE00;
  }
  .saleArea .shoplistBox .listBox.nw a:hover {
    background-color: #fff;
    color: #28BE00;
    border-color: #28BE00;
  }
  .saleArea .start-btnArea {
    margin-top: 1.5873015873vw;
  }
  .saleArea .start-btnArea .txtBox {
    width: 16.2698412698vw;
    margin: 0 auto;
  }
  .saleArea .start-btnArea .btnBox {
    width: 18.3862433862vw;
    height: 3.9682539683vw;
    margin: 0.462962963vw auto 0 auto;
  }
  .saleArea .start-btnArea .btnBox a {
    width: 100%;
    padding: 1vw 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    font-size: 1.325vw;
    font-weight: bold;
    background-color: #000;
    border: 0.0661375661vw solid #000;
    color: #fff;
  }
  .saleArea .start-btnArea .btnBox a:hover {
    background-color: #fff;
    color: #000;
    border: 0.0661375661vw solid #000;
  }
  .saleArea .start-btnArea .btnBox .txt-s {
    font-size: 0.8vw;
    font-weight: normal;
    display: inline-block;
    padding-right: 0.8vw;
  }
  /*------- eventArea ------*/
  .eventArea {
    padding-top: 10.582010582vw;
    padding-bottom: 15.2116402116vw;
    /*padding-bottom: $--150;*/
  }
  .eventArea .eventTop {
    position: relative;
    width: 64.81vw;
    margin: 0 auto;
  }
  .eventArea .eventTop .img-bg {
    position: absolute;
    width: 64.7486772487vw;
    top: -5.4894179894vw;
    left: -2.0502645503vw;
  }
  .eventArea .eventTop .img01 {
    position: absolute;
    width: 31.5476190476vw;
    top: -18.253968254vw;
    left: 48.2804232804vw;
    z-index: 10;
  }
  .eventArea .eventTop .img02 {
    position: absolute;
    width: 10.3835978836vw;
    top: -12.3015873016vw;
    left: 5.6216931217vw;
  }
  .eventArea .eventTop .img03 {
    position: absolute;
    width: 9.5899470899vw;
    top: -0.9920634921vw;
    left: -9.3915343915vw;
  }
  .eventArea .ttlArea {
    width: 34.4576719577vw;
    height: 3.5714285714vw;
    margin: 0 auto;
  }
  .eventArea .slideArea {
    width: 64.8148148148vw;
    height: auto;
    margin-top: 5.2248677249vw;
  }
  .eventArea .slideArea .phBox {
    position: relative;
    width: 15.2116402116vw;
    height: 15.2116402116vw;
  }
  .eventArea .slideArea .phBox::before {
    width: 14.8148148148vw;
    height: 14.8148148148vw;
    content: "";
    position: absolute;
    background-color: #28BE00;
    top: 0.3968254vw;
    left: 0.3968254vw;
    border-radius: 0.66137566vw;
    border: 0.0694444444vw solid #000;
  }
  .eventArea .slideArea .phBox img {
    position: absolute;
    width: 14.8148148148vw;
    height: 14.8148148148vw;
    background-color: #fff;
    border-radius: 0.66137566vw;
    border: 0.0694444444vw solid #000;
  }
  .eventArea .slideArea .box {
    height: 23.0158730159vw;
    background-color: #fff;
  }
  .eventArea .slideArea .detaiBox {
    padding: 0.7936507937vw 0 0 0;
    width: 14.8148148148vw;
    line-height: 1;
    letter-spacing: 0.05em;
  }
  .eventArea .slideArea .nameBox {
    color: #28BE00;
    font-size: 0.9259259259vw;
    font-weight: bold;
  }
  .eventArea .slideArea .dateBox {
    margin-top: 0.5952380952vw;
    font-size: 0.7936507937vw;
  }
  .eventArea .slideArea .txtBox {
    margin-top: 0.462962963vw;
    font-size: 0.9259259259vw;
    line-height: 1.5;
  }
  .swiper-horizontal > .swiper-scrollbar,
  .swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: -3.1746031746vw;
    width: 13.2275132275vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .swiper-scrollbar-drag {
    background-color: #28BE00;
  }
  /* 前へ次への矢印カスタマイズ */
  .swiper-button-prev,
  .swiper-button-next {
    height: 3.3068783069vw;
    width: 3.3068783069vw;
  }
  .eventArea .slideArea .swiper-button-prev {
    left: 21.15vw;
    top: auto;
    bottom: -4.6957671958vw;
  }
  .eventArea .slideArea .swiper-button-next {
    right: 21.15vw;
    top: auto;
    bottom: -4.6957671958vw;
  }
  /* 前へ次への矢印カスタマイズ */
  .swiper-button-prev::after,
  .swiper-button-next::after {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 100%;
    width: 100%;
    margin: auto;
  }
  /* 前への矢印カスタマイズ */
  .eventArea .slideArea .swiper-button-prev::after {
    background-image: url(../images/slide_arrow_l.png);
  }
  /* 次への矢印カスタマイズ */
  .eventArea .slideArea .swiper-button-next::after {
    background-image: url(../images/slide_arrow_r.png);
  }
  /* 画像サイズ調整 */
  .swiper-slide img {
    height: auto;
    width: 100%;
  }
  /*ボタン*/
  .eventArea .start-btnArea {
    margin-top: 9.9206349206vw;
  }
  .eventArea .start-btnArea .txtBox {
    width: 19.1798941799vw;
    margin: 0 auto;
  }
  .eventArea .start-btnArea .btnBox {
    width: 18.3862433862vw;
    height: 3.9682539683vw;
    margin: 0.462962963vw auto 0 auto;
  }
  .eventArea .start-btnArea .btnBox a {
    width: 100%;
    padding: 1vw 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    font-size: 1.325vw;
    font-weight: bold;
    background-color: #000;
    border: 0.0661375661vw solid #000;
    color: #fff;
  }
  .eventArea .start-btnArea .btnBox a:hover {
    background-color: #fff;
    color: #000;
    border: 0.0661375661vw solid #000;
  }
  .eventArea .start-btnArea .btnBox .txt-s {
    font-size: 0.8vw;
    font-weight: normal;
    display: inline-block;
    padding-right: 0.8vw;
  }
  /*-- Participating store --*/
  .storesArea {
    background-color: #eee;
    padding-top: 10.582010582vw;
    padding-bottom: 6.6137566138vw;
    /*    padding-bottom: $--160;*/
  }
  .storesArea .storesBox {
    position: relative;
  }
  .storesArea .storesBox .mainBox {
    width: 66.1375661376vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .storesArea .storesBox .mainBox .phArea {
    width: 30.0264550265vw;
    height: 30.0264550265vw;
    position: relative;
    line-height: 0;
  }
  .storesArea .storesBox .mainBox .phArea::before {
    width: 100%;
    height: 30.0264550265vw;
    content: "";
    position: absolute;
    background-color: #ED1C24;
    top: 0.66137566vw;
    left: 0.66137566vw;
    border-radius: 1.3888888889vw;
    border: 0.0694444444vw solid #000;
  }
  .storesArea .storesBox .mainBox .phArea img {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 1.3888888889vw;
    border: 0.0694444444vw solid #000;
  }
  .storesArea .storesBox .mainBox .detailArea {
    width: 30.1587301587vw;
  }
  .storesArea .storesBox .mainBox .detailArea .ttlBox {
    text-align: center;
  }
  .storesArea .storesBox .mainBox .detailArea .ttlBox .ttl {
    width: 7.2751322751vw;
    height: 2.6455026455vw;
    margin: 0 auto;
    font-size: 1.5873015873vw;
    letter-spacing: 0.1em;
    padding-bottom: 0.5291005291vw;
    background-image: url(../images/stores_ttl_bg_pc.svg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1.7857142857vw;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox {
    width: 14.5502645503vw;
    height: auto;
    margin-bottom: 1.0582010582vw;
    /*------- modalArea ------*/
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalArea .open-btnBox {
    text-align: center;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalArea:hover {
    background-color: #ccc;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalArea .modal__btn {
    width: 100%;
    background-color: #ED1C24;
    color: #fff;
    font-size: 0.9259259259vw;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 1.1904761905vw 0;
    border-radius: 0.3306878307vw;
    background-image: url(../images/btn_icon_plus_w.png);
    background-repeat: no-repeat;
    background-size: 0.7936507937vw 0.7936507937vw;
    background-position: right 8% center;
    border: 1px solid #ED1C24;
    line-height: 1;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalArea .modal__btn .dBox {
    display: block;
    font-size: 0.7936507937vw;
    font-weight: 400;
    margin-top: 0.5291005291vw;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalArea .modal__btn:hover {
    color: #ED1C24;
    border: 1px solid #ED1C24;
    background-color: #fff;
    background-image: url(../images/btn_icon_plus_r.png);
    transition: 0.3s;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalArea .modal__container .cont_wrap .modal__content {
    margin-top: 107px;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalArea .modalBox .detailBox {
    width: 66.1375661376vw;
    margin: 0 auto;
    position: relative;
    height: 44.6428571429vw;
    box-sizing: border-box;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalArea .modalBox .detailBox::before {
    width: 100%;
    height: 44.6428571429vw;
    content: "";
    position: absolute;
    background-color: #ED1C24;
    top: 0.66137566vw;
    left: 0.66137566vw;
    border-radius: 1.3888888889vw;
    border: 0.0694444444vw solid #000;
    box-sizing: border-box;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalArea .modalBox .detailBox .areaBox {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 5.291005291vw;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 1.3888888889vw;
    border: 0.0694444444vw solid #000;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalArea .modalBox .detailBox .areaBox .ttlArea {
    width: 100%;
    text-align: center;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalArea .modalBox .detailBox .areaBox .ttlArea .ttl {
    font-size: 2.380952381vw;
    font-weight: 700;
    display: inline-block;
    background: url(../images/stores_ttl_bg.svg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: auto;
    padding-bottom: 1.1243386243vw;
    line-height: 1;
    padding-left: 2px;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalArea .modalBox .detailBox .areaBox .txtArea {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 3.9682539683vw;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalArea .modalBox .detailBox .areaBox .txtArea .box {
    width: 26.455026455vw;
    text-align: center;
    margin-bottom: 1.3227513228vw;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalArea .modalBox .detailBox .areaBox .txtArea .box .ttl {
    background-color: #ED1C24;
    color: #fff;
    font-size: 0.9259259259vw;
    padding: 0.1322751323vw 0;
    margin-bottom: 1.0582010582vw;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalArea .modalBox .detailBox .areaBox .txtArea .box .txt {
    font-size: 0.9259259259vw;
    line-height: 2;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalArea .modalBox .detailBox .areaBox .txtArea .box .txt .note {
    font-size: 0.7936507937vw;
    text-align: left;
    margin-top: 1.0582010582vw;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalArea .modalBox .detailBox .areaBox .txtArea .box .txt .txt_left {
    text-align: left;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalArea .modalBox #modal-7 .areaBox .ttl {
    padding-left: 0;
  }
  .storesArea .storesBox .pointArea {
    width: 52.9100529101vw;
    margin: 4.6296296296vw auto 0;
  }
  .storesArea .storesBox .pointArea .areattl {
    width: 100%;
    margin-bottom: 1.0582010582vw;
    font-size: 1.0582010582vw;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    letter-spacing: 0.05em;
    border: 0.0661375661vw solid #000;
    padding: 0.5291005291vw 0;
    border-radius: 1.9841269841vw;
  }
  .storesArea .storesBox .pointArea .txtArea {
    font-size: 0.9259259259vw;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.05em;
  }
  .storesArea .storesBox .pointArea .txtArea .box {
    margin-top: 0.6613756614vw;
  }
  .storesArea .storesBox .pointArea .txtArea .box .sttl {
    display: inline-block;
    font-size: 0.9259259259vw;
    font-weight: 500;
    border-bottom: 0.0661375661vw solid #000;
    margin-bottom: 0.6613756614vw;
  }
  .storesArea .storesBox .pointArea .txtArea .box .txtBox {
    font-size: 0.9259259259vw;
    line-height: 2;
  }
  .storesArea .storesBox .pointArea .txtArea .box .txtBox .noteBox {
    font-size: 0.7936507937vw;
    /*margin-top: $--10;*/
  }
  .storesArea .img-bg01 {
    position: absolute;
    width: 21.2301587302vw;
    top: -2.4470899471vw;
    right: 20.7671957672vw;
  }
  .storesArea .img-bg02 {
    position: absolute;
    width: 31.746031746vw;
    top: -5.8201058201vw;
    left: 11.9047619048vw;
  }
  .storesArea .img01 {
    position: absolute;
    width: 41.2037037037vw;
    top: -25vw;
    left: 3.835978836vw;
  }
  .storesArea .img02 {
    position: absolute;
    width: 10.5158730159vw;
    top: -1.8518518519vw;
    right: 7.4735449735vw;
  }
  /*------- presArea ------*/
  .presArea {
    padding-top: 10.582010582vw;
    padding-bottom: 12.4338624339vw;
  }
  .presArea .presTop {
    position: relative;
  }
  .presArea .presTop .ttlArea {
    width: 22.4867724868vw;
    margin: 0 auto;
  }
  .presArea .presTop .img-bg {
    position: absolute;
    width: 75.8597883598vw;
    top: -5.291005291vw;
    left: 8.7962962963vw;
  }
  .presArea .presTop .img01 {
    position: absolute;
    width: 20.2380952381vw;
    top: -21.164021164vw;
    right: 9.9206349206vw;
  }
  .presArea .presTop .img02 {
    position: absolute;
    width: 10.3835978836vw;
    top: -7.671957672vw;
    left: 26.455026455vw;
    z-index: 10;
  }
  .presArea .presTop .img03 {
    position: absolute;
    width: 5.1587301587vw;
    top: 7.2751322751vw;
    left: 15.0793650794vw;
    z-index: 10;
  }
  .presArea .mainArea {
    width: 66.1375661376vw;
    height: 38.6243386243vw;
    margin: 4.6296296296vw auto 0 auto;
    padding: 5.291005291vw 5.291005291vw 4.9603174603vw 5.291005291vw;
    position: relative;
    box-sizing: border-box;
  }
  .presArea .mainArea::before {
    width: 100%;
    height: 38.6243386243vw;
    content: "";
    position: absolute;
    background-color: #FFAA00;
    top: 0.66137566vw;
    left: 0.66137566vw;
    border-radius: 1.3888888889vw;
    border: 0.0694444444vw solid #000;
    box-sizing: border-box;
  }
  .presArea .mainArea .areaBox {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 5.291005291vw 5.291005291vw 4.9603174603vw 5.291005291vw;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 1.3888888889vw;
    border: 0.0694444444vw solid #000;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
  }
  .presArea .mainArea .phBox {
    width: 26.9841269841vw;
    line-height: 0;
    padding-top: 0.5291005291vw;
  }
  .presArea .mainArea .detailBox {
    width: 24.6031746032vw;
  }
  .presArea .mainArea .detailBox .ttlBox {
    font-size: 2.6455026455vw;
    font-weight: 700;
    text-align: center;
    margin-bottom: 1.3227513228vw;
    line-height: 1;
  }
  .presArea .mainArea .detailBox .catchBox {
    font-size: 1.5873015873vw;
    font-weight: 500;
    text-align: center;
    margin-bottom: 1.3227513228vw;
  }
  .presArea .mainArea .detailBox .dBox {
    width: 100%;
    margin-bottom: 0.6613756614vw;
  }
  .presArea .mainArea .detailBox .txtBox {
    font-size: 1.0582010582vw;
    font-weight: 400;
    line-height: 2;
  }
  .presArea .mainArea .detailBox .txtBox .note {
    font-size: 0.7936507937vw;
    margin-top: 0.6613756614vw;
  }
  .presArea .mainArea .detailBox .mBox {
    margin-top: 1.3227513228vw;
    /*------- modalArea ------*/
  }
  .presArea .mainArea .detailBox .mBox .modalArea {
    width: 17.328042328vw;
    margin: 0 auto;
  }
  .presArea .mainArea .detailBox .mBox .open-btnBox {
    text-align: center;
  }
  .presArea .mainArea .detailBox .mBox .modal__btn {
    width: 100%;
    background-color: #000;
    color: #fff;
    font-size: 1.0582010582vw;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 1.455026455vw 0;
    border-radius: 1.9841269841vw;
    background-image: url(../images/btn_icon_plus_w.png);
    background-repeat: no-repeat;
    background-size: 0.7936507937vw 0.7936507937vw;
    background-position: right 1.5873015873vw center;
    border: 0.0661375661vw solid #000;
    line-height: 1;
  }
  .presArea .mainArea .detailBox .mBox .modal__btn .dBox {
    display: block;
    font-size: 0.7936507937vw;
    font-weight: 400;
    margin-top: 0.5291005291vw;
  }
  .presArea .mainArea .detailBox .mBox .modal__btn:hover {
    color: #000;
    border: 0.0661375661vw solid #000;
    background-color: #fff;
    background-image: url(../images/btn_icon_plus_b.png);
    transition: 0.3s;
  }
  .presArea .mainArea .detailBox .mBox .modal__container .cont_wrap .modal__content {
    margin-top: 120px;
    margin-bottom: 6.6137566138vw;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox {
    width: 66.1375661376vw;
    margin: 0 auto;
    position: relative;
    height: 90.6084656085vw;
    box-sizing: border-box;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox::before {
    width: 100%;
    height: 90.6084656085vw;
    content: "";
    position: absolute;
    background-color: #FFAA00;
    top: 0.66137566vw;
    left: 0.66137566vw;
    border-radius: 1.3888888889vw;
    border: 0.0694444444vw solid #000;
    box-sizing: border-box;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox .modal_areaBox {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 5.291005291vw 0 0 0;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 1.3888888889vw;
    border: 0.0694444444vw solid #000;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox .modal_areaBox .ttlArea {
    width: 100%;
    text-align: center;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox .modal_areaBox .ttlArea .ttl {
    font-size: 2.6455026455vw;
    font-weight: 700;
    letter-spacing: 0;
    display: inline-block;
    background: url(../images/press_ttl_bg.svg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100%;
    padding-bottom: 1.1243386243vw;
    line-height: 1;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox .modal_areaBox .ttlArea .sttl {
    font-size: 1.3227513228vw;
    font-weight: 500;
    letter-spacing: 0.05em;
    margin-top: 1.3227513228vw;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox .modal_areaBox .listArea {
    width: 55.5555555556vw;
    margin: 3.7698412698vw auto 0 auto;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox .modal_areaBox .listArea .listBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6613756614vw;
    padding: 1.3888888889vw 0.6613756614vw 1.455026455vw 0.6613756614vw;
    font-size: 0.9259259259vw;
    font-weight: 400;
    line-height: 1.5;
    border-bottom: 1px solid #ccc;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox .modal_areaBox .listArea .listBox .nBox {
    width: 9.5238095238vw;
    font-weight: 500;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox .modal_areaBox .listArea .listBox .pBox {
    width: 21.2962962963vw;
    display: flex;
    align-items: center;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox .modal_areaBox .listArea .listBox .tBox {
    width: 21.8253968254vw;
    display: flex;
    align-items: center;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox .modal_areaBox .listArea .listBox .fullBox {
    width: calc(100% - 9.5238095238vw);
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox .modal_areaBox .listArea .listBox .iconBox {
    width: 3.835978836vw;
    height: 1.1904761905vw;
    font-size: 0.6613756614vw;
    border: 1px solid #000000;
    padding: 0.1984126984vw 0 0 0;
    margin-right: 0.5291005291vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox .modal_areaBox .listArea .listBox .t-Box {
    display: block;
    width: calc(100% - 3.835978836vw);
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox .modal_areaBox .listArea .listBox .note {
    font-size: 0.7936507937vw;
    margin-top: 0.6613756614vw;
  }
  /*-- anewloop --*/
  .anewArea {
    background-color: #eee;
    padding-bottom: 11.2433862434vw;
  }
  .anewArea .anewTop {
    position: relative;
  }
  .anewArea .anewTop .ttlArea {
    width: 22.4867724868vw;
    margin: 0 auto;
    padding-top: 10.582010582vw;
    line-height: 0;
  }
  .anewArea .anewTop .img-bg {
    position: absolute;
    width: 69.5767195767vw;
    top: 6.8121693122vw;
    left: 10.6481481481vw;
  }
  .anewArea .anewTop .img01 {
    position: absolute;
    width: 35.582010582vw;
    top: -11.8386243386vw;
    left: 3.9682539683vw;
  }
  .anewArea .anewTop .img02 {
    position: absolute;
    width: 10.3835978836vw;
    top: -1.3888888889vw;
    right: 21.5608465608vw;
  }
  .anewArea .anewTop .img03 {
    position: absolute;
    width: 10.5158730159vw;
    top: 14.9470899471vw;
    right: 13.6243386243vw;
    z-index: 10;
  }
  .anewArea .mainArea {
    width: 66.1375661376vw;
    margin: 4.2989417989vw auto 0 auto;
    padding: 5.291005291vw;
    position: relative;
    height: 95.4365079365vw;
    box-sizing: border-box;
  }
  .anewArea .mainArea::before {
    width: 100%;
    height: 95.4365079365vw;
    content: "";
    position: absolute;
    background-color: #00A2FF;
    top: 0.66137566vw;
    left: 0.66137566vw;
    border-radius: 1.3888888889vw;
    border: 0.0694444444vw solid #000;
    box-sizing: border-box;
  }
  .anewArea .mainArea .areaBox {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 5.291005291vw;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 1.3888888889vw;
    border: 0.0694444444vw solid #000;
    top: 0;
    left: 0;
  }
  .anewArea .mainArea .areaBox .catchBox {
    width: 100%;
  }
  .anewArea .mainArea .areaBox .catchBox .box {
    width: 33.0687830688vw;
    margin: 0 auto;
    line-height: 0;
  }
  .anewArea .mainArea .areaBox .catchBox .btnBox {
    width: 17.328042328vw;
    height: 3.9682539683vw;
    margin: 1.5873015873vw auto 0 auto;
  }
  .anewArea .mainArea .areaBox .catchBox .btnBox a {
    width: 100%;
    display: block;
    font-size: 1.0582010582vw;
    font-weight: 700;
    background-color: #036EB8;
    color: #fff;
    border-radius: 3.9682539683vw;
    text-align: center;
    padding: 1.1904761905vw 0;
    letter-spacing: 0.1em;
    position: relative;
    border: 0.0661375661vw solid #00A2FF;
  }
  .anewArea .mainArea .areaBox .catchBox .btnBox a:after {
    content: "";
    display: block;
    width: 1.2566137566vw;
    height: 1.3227513228vw;
    background-image: url(../images/icon_pdf_w.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7.5%;
  }
  .anewArea .mainArea .areaBox .catchBox .btnBox a:hover {
    color: #036EB8;
    background-color: #fff;
    border: 0.0661375661vw solid #036EB8;
  }
  .anewArea .mainArea .areaBox .catchBox .btnBox a:hover #s_anew {
    fill: #28BE00;
  }
  .anewArea .mainArea .areaBox .catchBox .btnBox a:hover::after {
    width: 1.2566137566vw;
    height: 1.3227513228vw;
    background-image: url(../images/icon_pdf_blue.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7.5%;
  }
  .anewArea .mainArea .areaBox .catchBox .imgBox {
    margin-top: 3.9682539683vw;
    line-height: 0;
  }
  .anewArea .mainArea .areaBox .appliArea {
    margin-top: 3.9682539683vw;
  }
  .anewArea .mainArea .areaBox .appliArea .appliBox {
    width: 47.4867724868vw;
    margin: 0 auto;
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
  }
  .anewArea .mainArea .areaBox .appliArea .appliBox .logoBox {
    width: 7.9365079365vw;
    margin-right: 1.5873015873vw;
  }
  .anewArea .mainArea .areaBox .appliArea .appliBox .txtBox {
    width: 18.5185185185vw;
    color: #2F8ED1;
    font-weight: bold;
    line-height: 1;
    padding-top: 0.5291005291vw;
    margin-right: 3.1746031746vw;
  }
  .anewArea .mainArea .areaBox .appliArea .appliBox .txtBox .txt01 {
    display: block;
    font-size: 0.9259259259vw;
    letter-spacing: 0.03em;
  }
  .anewArea .mainArea .areaBox .appliArea .appliBox .txtBox .txt02 {
    display: block;
    font-size: 1.5873015873vw;
    margin-top: 1.0582010582vw;
    letter-spacing: 0.05em;
  }
  .anewArea .mainArea .areaBox .appliArea .appliBox .txtBox .txt03 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-top: 1.0582010582vw;
    line-height: 0;
  }
  .anewArea .mainArea .areaBox .appliArea .appliBox .linkBox {
    width: 16.2698412698vw;
    display: flex;
    justify-content: space-between;
  }
  .anewArea .mainArea .areaBox .appliArea .appliBox .linkBox .appBox {
    width: 7.2751322751vw;
  }
  .anewArea .mainArea .areaBox .appliArea .appliBox .linkBox .appBox .qrBox {
    padding: 0 1.1243386243vw 0.7936507937vw;
  }
  .anewArea .mainArea .areaBox .appliArea .appliBox .linkBox .andBox {
    width: 7.4074074074vw;
  }
  .anewArea .mainArea .areaBox .appliArea .appliBox .linkBox .andBox .qrBox {
    padding: 0 1.1904761905vw 0.7936507937vw;
  }
  .anewArea .reBox {
    width: 55.5555555556vw;
    margin: 3.3068783069vw auto 0 auto;
  }
  .anewArea .reBox .r_ttl .ttlBox {
    font-size: 1.5873015873vw;
    font-weight: bold;
    color: #fff;
    --r: .5em;
    line-height: 1.8;
    clip-path: polygon(0 0, 100% 0, calc(100% - var(--r)) 50%, 100% 100%, 0 100%, var(--r) 50%);
    background: #00A2FF;
    width: 100%;
    color: #fff;
    text-align: center;
    letter-spacing: 0.05em;
    padding: 0.462962963vw 0;
  }
  .anewArea .reBox .detailBox {
    /*width: $--760;*/
    height: 19.8412698413vw;
    margin: 2.6455026455vw 2.2486772487vw 0 2.6455026455vw;
    background-image: url(../images/anewloop_img02_pc.png);
    background-repeat: no-repeat;
    background-size: 34%;
    background-position: 6.2% top;
    /*
    .phBox{
      width: $--236;
      padding-left: $--64;
      box-sizing: border-box;
    }
    */
  }
  .anewArea .reBox .detailBox .txtBox {
    padding-bottom: 0.6613756614vw;
    padding-left: 15.2116402116vw;
    padding-top: 0.9259259259vw;
    letter-spacing: 0.05em;
    line-height: 2;
  }
  .anewArea .reBox .detailBox .txtBox .txt {
    font-size: 0.9259259259vw;
    font-weight: 500;
    line-height: 2;
  }
  .anewArea .reBox .detailBox .txtBox .btnBox {
    margin-top: 2.6455026455vw;
  }
  .anewArea .reBox .detailBox .txtBox .btnBox a {
    position: relative;
    display: block;
    width: 17.328042328vw;
    padding: 1.455026455vw 0;
    background-color: #000;
    border-radius: 1.9841269841vw;
    font-size: 1.0582010582vw;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    text-align: center;
    border: 0.0661375661vw solid #000;
  }
  .anewArea .reBox .detailBox .txtBox .btnBox a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.7857142857vw;
    width: 0.5952380952vw;
    height: 0.5952380952vw;
    margin: auto;
    border-top: 0.1322751323vw solid #fff;
    border-right: 0.1322751323vw solid #fff;
    transform: rotate(45deg);
    box-sizing: border-box;
  }
  .anewArea .reBox .detailBox .txtBox .btnBox a:hover {
    color: #000;
    border: 0.0661375661vw solid #000;
    background-color: #fff;
  }
  .anewArea .reBox .detailBox .txtBox .btnBox a:hover::after {
    border-color: #000;
  }
  .footArea {
    background-color: #DF0615;
    color: #fff;
    padding: 2.3vw 0 1vw 0;
  }
  .footArea .iconArea {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 16.5343915344vw;
    margin: 0 auto;
  }
  .footArea .iconArea .icon_m {
    width: 1.5873015873vw;
  }
  .footArea .iconArea .icon_i {
    width: 1.455026455vw;
  }
  .footArea .iconArea .icon_f {
    width: 1.5873015873vw;
  }
  .footArea .iconArea .icon_x {
    width: 1.3888888889vw;
  }
  .footArea .iconArea .icon_y {
    width: 1.7857142857vw;
  }
  .footArea .logoArea {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 17.2619047619vw;
    margin: 0 auto;
    padding-top: 1.3vw;
  }
  .footArea .logoArea .logo_l {
    width: 6.2830687831vw;
  }
  .footArea .logoArea .logo_n {
    width: 8.7962962963vw;
  }
  .footArea .copyArea {
    margin: 2.9761904762vw auto 0 auto;
    text-align: center;
    font-size: 0.6613756614vw;
    letter-spacing: 0.05em;
  }
  #pageTop {
    display: none;
    position: fixed;
    line-height: 0;
    bottom: 0;
    right: 17.8vw;
    z-index: 10000;
  }
  .pageTop {
    width: 3.0423280423vw;
    height: 3.0423280423vw;
    line-height: 0;
  }
  .pageTop a {
    width: 100%;
    height: 100%;
    display: block;
    background-image: url(../images/pagetop.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right 8% center;
  }
  .pageTop a:hover {
    background-image: url(../images/pagetop_w.png);
  }
  .float-button__wrap {
    display: none; /*最初は隠す*/
    opacity: 0;
    pointer-events: none;
    width: 13.2275132275vw;
    height: 5.9523809524vw;
    position: fixed;
    top: 40px;
    right: 0;
    z-index: 10;
  }
  .float-button__wrap .navBox a {
    position: relative;
    display: block;
    width: 13.2275132275vw;
    padding: 1.0582010582vw 0;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 1;
  }
  .float-button__wrap .navBox a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.1243386243vw;
    width: 0.5291005291vw;
    height: 0.5291005291vw;
    margin: auto;
    border-top: 0.0661375661vw solid #fff;
    border-right: 0.0661375661vw solid #fff;
    transform: translateY(-2px) rotate(135deg);
    box-sizing: border-box;
  }
  .float-button__wrap .navBox.box01 a {
    background-color: #F04664;
    border-radius: 0.6613756614vw 0 0 0;
    border: 0.0661375661vw solid #000;
  }
  .float-button__wrap .navBox.box01 a img {
    width: 3.1746031746vw;
    height: 0.8597883598vw;
    line-height: 0;
  }
  .float-button__wrap .navBox.box02 a {
    background-color: #28BE00;
    border-radius: 0.6613756614vw 0 0 0.6613756614vw;
    border: 0.0661375661vw solid #000;
  }
  .float-button__wrap .navBox.box02 a img {
    width: 8.4656084656vw;
    height: 0.8597883598vw;
    line-height: 0;
  }
  .float-button__wrap.is-active {
    display: block;
    opacity: 1;
    pointer-events: auto;
  }
}
/* ************************************************************************

@media (max-width: 980px)

************************************************************************ */
@media (max-width: 980px) {
  /*--------------共通(sp)--------------*/
  img {
    max-width: 100%;
    height: auto;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  /*------- header ------*/
  .header {
    background-color: #000;
    color: #fff;
    height: 11.7948717949vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header .ttl {
    font-size: 4.6153846154vw;
    font-weight: bold;
    letter-spacing: 0.05em;
  }
  /*------- topArea /imgArea ------*/
  #topArea .endtxt {
    font-size: 4.61vw;
    font-weight: bold;
    text-align: center;
    margin-top: 10.8vw;
    letter-spacing: 0.05em;
  }
  .topArea {
    margin-bottom: 12.7vw;
  }
  .topArea .imgArea {
    position: relative;
    width: 76.9230769231vw;
    height: 102.5641025641vw;
    margin: 15.3846153846vw auto 0 auto;
  }
  .topArea .imgArea .mainBox {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .topArea .imgArea .iconBox {
    width: 18.4615384615vw;
    height: 20vw;
    position: absolute;
    top: -12.4vw;
    left: -8.3vw;
  }
  /*------- topArea /imgArea ------*/
  .topArea {
    /*------- topArea / modalArea ------*/
  }
  .topArea .modalArea {
    margin-top: 6.1538461538vw;
  }
  .topArea .open-btnBox {
    text-align: center;
  }
  .topArea .modal__btn {
    width: 67.1794871795vw;
    height: 15.8974358974vw;
    font-size: 3.5897435897vw;
    font-weight: 700;
    letter-spacing: 0.05em;
    padding: 2.6vw 0 2.4vw 0;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 120px;
    background-image: url(../images/btn_icon_plus_b.png);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: right 8% center;
  }
  .topArea .modal__btn:hover {
    background-color: #000;
    color: #fff;
    background-image: url(../images/btn_icon_plus_w.png);
    transition: 0.3s;
  }
  .topArea .modal__container .cont_wrap .imgBox {
    width: 91.7948717949vw;
    margin: 0 auto 25.64102564vw auto;
  }
  .topArea .modal__container .cont_wrap .modal__content {
    margin-top: 40px;
  }
  .topArea .imgArea {
    position: relative;
    width: 76.9230769231vw;
    height: auto;
    aspect-ratio: 300/400;
    margin: 15.3846153846vw auto 0 auto;
  }
  .topArea .imgArea .mainBox {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .topArea .imgArea .iconBox {
    width: 24.461538%;
    height: auto;
    aspect-ratio: 72/78;
    position: absolute;
    top: -12.4vw;
    left: -8.3vw;
  }
  /*------- topArea / navArea ------*/
  .navArea {
    margin-top: 8.2051282051vw;
  }
  .navArea .navBox {
    width: 100%;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    box-sizing: border-box;
  }
  .navArea .navBox a {
    width: 100%;
    height: 22.0512820513vw;
    display: block;
    padding-top: 3.5897435897vw;
    background-image: url(../images/icon_arrow_under.png);
    background-position: 50% 83%;
    background-repeat: no-repeat;
    background-size: 3.075vw 1.5vw;
    box-sizing: border-box;
  }
  .navArea .navBox .box {
    width: 50%;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    border-bottom: 1px solid #000;
  }
  .navArea .navBox .nav02.box {
    width: 100%;
  }
  .navArea .navBox .nav01 a {
    background-color: #F04664;
  }
  .navArea .navBox .nav02 a {
    background-color: #28BE00;
  }
  .navArea .navBox .nav03 a {
    background-color: #FFAA00;
    border-right: 1px solid #000;
  }
  .navArea .navBox .nav04 a {
    background-color: #00A2FF;
  }
  .navArea .navBox .nav01 img {
    width: 16.4102564103vw;
  }
  .navArea .navBox .nav02 img {
    width: 21.0256410256vw;
    margin: 0 auto;
  }
  .navArea .navBox .nav03 img {
    width: 28.4615384615vw;
  }
  .navArea .navBox .nav04 img {
    width: 28.4615384615vw;
  }
  .navArea .navBox .box .txt {
    margin-top: 0;
    font-size: 3.075vw;
    letter-spacing: 0.004em;
    color: #fff;
    display: block;
  }
  .navArea .navBox .box.nav02 .txt {
    margin-top: 1.5384615385vw;
  }
  .navArea .navBox .box.nav04 .txt {
    margin-top: -1.2820512821vw;
  }
  .navArea .navBox .nav01 .icon {
    width: 15.8974358974vw;
    height: 4.8717948718vw;
  }
  .navArea .navBox .nav02 .icon {
    width: 20.2564102564vw;
    height: 4.6153846154vw;
    margin: 0 auto;
  }
  .navArea .navBox .nav03 .icon {
    width: 28.2051282051vw;
    height: 4.8717948718vw;
  }
  .navArea .navBox .nav04 .icon {
    width: 28.2051282051vw;
    height: 5.8974358974vw;
  }
  /*------- saleArea ------*/
  .saleArea {
    background-color: #eee;
    overflow: hidden;
    padding-bottom: 30.7692307692vw;
  }
  .saleArea .saleTop {
    position: relative;
    width: 100%;
    box-sizing: border-box;
  }
  .saleArea .saleTop .img-bg {
    position: absolute;
    width: 84.358974359vw;
    top: 13.3333333333vw;
    left: 5.8974358974vw;
  }
  .saleArea .saleTop .img01 {
    position: absolute;
    width: 90vw;
    top: 0;
    left: 10vw;
  }
  .saleArea .saleTop .img02 {
    position: absolute;
    width: 30.7692307692vw;
    top: 89.2307692308vw;
    right: 0;
  }
  .saleArea .saleTop .img03 {
    position: absolute;
    width: 33.8461538462vw;
    top: 65.641025641vw;
    left: 0;
  }
  .saleArea .saleTop .img04 {
    position: absolute;
    width: 25vw;
    top: 148vw;
    left: -6.15vw;
    z-index: 100;
  }
  .saleArea .saleTop .img05 {
    position: absolute;
    width: 10.2vw;
    bottom: -354vw;
    right: 22vw;
    z-index: 10;
  }
  .saleArea .ttlArea {
    width: 72.5641025641vw;
    margin: 15.3846153846vw auto 0 auto;
  }
  /*
    .saleArea .ttlArea .iconBox {
      width: 32%;
      margin: 0 auto;
      line-height: 0;
    }
    */
  .saleArea .ttlArea .ttlBox {
    width: 44.358974359vw;
    margin: 4.1025641026vw auto 0 auto;
    padding-top: 25.641025641vw;
  }
  .saleArea .ttlArea .dateBox {
    width: 100%;
    margin-top: 7%;
    line-height: 0;
  }
  .saleArea .ttlArea .dateBox .yBox {
    font-size: 4.358vw;
  }
  .saleArea .ttlArea .dateBox .dBox {
    font-size: 7.69vw;
    padding-left: 1.2vw;
  }
  .saleArea .ttlArea .dateBox .wBox {
    font-size: 4.358vw;
    padding-left: 1.6vw;
    vertical-align: text-bottom;
  }
  .saleArea .ttlArea .dateBox .wBox02 {
    font-size: 4.358vw;
    padding-left: 1.6vw;
    vertical-align: text-bottom;
  }
  .saleArea .ttlArea .dateBox .scBox {
    position: relative;
    font-size: 4.358vw;
    padding-left: 3vw;
    padding-right: 2vw;
  }
  .saleArea .ttlArea .dateBox .scBox::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 1px;
    height: 42%;
    background-color: #000;
    bottom: 30%;
    left: 63%;
    transform: rotate(90deg);
  }
  .saleArea .mvArea {
    width: 87.6923076923vw;
    height: 49.2307692308vw;
    margin: 0 auto;
    padding-top: 30.7692307692vw;
    position: relative;
    z-index: 100;
  }
  .saleArea .mvArea .mvBox {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .saleArea .mvArea .mvBox::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    z-index: 0;
    background-color: #F04664;
    top: 1.282051282vw;
    left: 1.282051282vw;
    border-radius: 2.564102564vw;
    border: 0.0694444444vw solid #000;
  }
  .saleArea .mvArea .mvBox iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
    display: block;
    margin: auto;
    z-index: 3;
    position: absolute;
    border-radius: 2.564102564vw;
    border: 0.0694444444vw solid #000;
  }
  .saleArea .shoplistArea {
    box-sizing: border-box;
    margin: 15.3846153846vw 4.1025641026vw 30.7692307692vw;
    position: relative;
    height: 198.4615384615vw;
  }
  .saleArea .shoplistArea::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background-color: #F04664;
    border-radius: 2.564102564vw;
    border: 0.0694444444vw solid #000;
    top: 1.282051282vw;
    left: 1.282051282vw;
  }
  .saleArea .shoplistArea .areaBox {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 15.3846153846vw 6.1538461538vw;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 2.564102564vw;
    border: 0.0694444444vw solid #000;
  }
  .saleArea .ttlBox {
    font-size: 6.1538461538vw;
    letter-spacing: 0.05em;
    font-weight: bold;
    text-align: center;
  }
  .saleArea .shoplistBox {
    display: flex;
    flex-wrap: wrap;
    gap: 4%;
    margin-top: 10.2%;
  }
  .saleArea .shoplistBox .listBox {
    width: 48%;
    height: 11.2820512821vw;
    margin-bottom: 2.5641025641vw;
  }
  .saleArea .shoplistBox .listBox a {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    padding: 8% 0;
    background-color: #00A2FF;
    display: block;
    font-size: 3.59vw;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #fff;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .saleArea .shoplistBox .listBox.nw a {
    background-color: #28BE00;
  }
  .saleArea .start-btnArea {
    width: 90%;
    margin: 5.641025641vw auto 0 auto;
  }
  .saleArea .start-btnArea .txtBox {
    width: 89%;
    margin: 0 auto;
  }
  .saleArea .start-btnArea .btnBox {
    margin-top: 2.5641025641vw;
  }
  .saleArea .start-btnArea .btnBox a {
    width: 100%;
    padding: 5.1282051282vw 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    font-size: 5.1282051282vw;
    font-weight: bold;
    background-color: #000;
    color: #fff;
    line-height: 1;
  }
  .saleArea .start-btnArea .btnBox .txt-s {
    font-size: 3.0769230769vw;
    font-weight: normal;
    display: inline-block;
    padding-right: 0.8vw;
  }
  /*------- eventArea ------*/
  .eventArea {
    padding-top: 28.4615384615vw;
    padding-bottom: 45.1282051282vw;
    /*   padding-bottom: $--s100;*/
  }
  .eventArea .eventTop {
    position: relative;
    width: 100%;
    box-sizing: border-box;
  }
  .eventArea .eventTop .img-bg {
    position: absolute;
    width: 82.3076923077vw;
    top: -15.8974358974vw;
    left: 8.2051282051vw;
  }
  .eventArea .eventTop .img01 {
    position: absolute;
    width: 62.3076923077vw;
    top: -59.4871794872vw;
    right: 0;
  }
  .eventArea .eventTop .img02 {
    position: absolute;
    width: 34.6153846154vw;
    top: -41.0256410256vw;
    left: 5.8974358974vw;
  }
  .eventArea .eventTop .img03 {
    position: absolute;
    width: 23.0769230769vw;
    top: 28.9743589744vw;
    left: 0;
  }
  .eventArea .eventTop .img04 {
    position: absolute;
    width: 11.4vw;
    top: 1vw;
    right: 41.6vw;
  }
  .eventArea .ttlArea {
    width: 57.6923076923vw;
    margin: 0 auto;
  }
  .eventArea .ttlArea .ttlBox {
    margin: 3% auto 0 auto;
  }
  .eventArea .slideArea {
    width: 100%;
    height: auto;
    /*    padding-left: $--s20;*/
    padding-top: 15.3846153846vw;
  }
  .eventArea .slideArea .swiper:first-child {
    padding-left: 5.1282051282vw;
  }
  .eventArea .slideArea .swiper .swiper-slide {
    width: 43.6vw;
  }
  .eventArea .slideArea .phBox {
    position: relative;
    width: 39.7435897436vw;
    height: 39.7435897436vw;
  }
  .eventArea .slideArea .phBox::before {
    width: 38.7179487179vw;
    height: 38.7179487179vw;
    content: "";
    position: absolute;
    background-color: #28BE00;
    top: 1.025641026vw;
    left: 1.025641026vw;
    border-radius: 2.564102564vw;
    border: 0.0694444444vw solid #000;
  }
  .eventArea .slideArea .phBox img {
    position: absolute;
    width: 38.7179487179vw;
    height: 38.7179487179vw;
    background-color: #fff;
    border-radius: 2.564102564vw;
    border: 0.0694444444vw solid #000;
  }
  .eventArea .slideArea .box {
    height: 74.358974359vw;
  }
  .eventArea .slideArea .detaiBox {
    padding: 3.8461538462vw 0 0 0;
    width: 38.7179487179vw;
    line-height: 1;
  }
  .eventArea .slideArea .nameBox {
    color: #28BE00;
    font-size: 3.5897435897vw;
    font-weight: bold;
  }
  .eventArea .slideArea .dateBox {
    margin-top: 2.3076923077vw;
    font-size: 3.0769230769vw;
  }
  .eventArea .slideArea .txtBox {
    font-size: 3.5897435897vw;
    margin-top: 2.5641025641vw;
    line-height: 1.5;
  }
  /* 前へ次への矢印カスタマイズ */
  .swiper-button-prev,
  .swiper-button-next {
    height: 12.8205128205vw;
    width: 12.8205128205vw;
  }
  .eventArea .slideArea .swiper-button-prev {
    left: 6.4102564103vw;
    top: auto;
    bottom: -14.358974359vw;
  }
  .eventArea .slideArea .swiper-button-next {
    right: 6.4102564103vw;
    top: auto;
    bottom: -14.358974359vw;
  }
  /* 前へ次への矢印カスタマイズ */
  .swiper-button-prev::after,
  .swiper-button-next::after {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 100%;
    width: 100%;
    margin: auto;
  }
  /* 前への矢印カスタマイズ */
  .eventArea .slideArea .swiper-button-prev::after {
    background-image: url(../images/slide_arrow_l.png);
  }
  /* 次への矢印カスタマイズ */
  .eventArea .slideArea .swiper-button-next::after {
    background-image: url(../images/slide_arrow_r.png);
  }
  /* 画像サイズ調整 */
  .swiper-slide img {
    height: auto;
    width: 100%;
  }
  .swiper-horizontal > .swiper-scrollbar,
  .swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: -8.4615384615vw;
    width: 51.2820512821vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .swiper-scrollbar-drag {
    background-color: #28BE00;
  }
  /*ボタン*/
  .eventArea .start-btnArea {
    margin: 30.7692307692vw auto 0 auto;
  }
  .eventArea .start-btnArea .txtBox {
    width: 74.358974359vw;
    margin: 0 auto;
  }
  .eventArea .start-btnArea .btnBox {
    width: 71.0256410256vw;
    margin: 2.5641025641vw auto 0 auto;
  }
  .eventArea .start-btnArea .btnBox a {
    width: 100%;
    padding: 5.1282051282vw 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    font-size: 5.1282051282vw;
    font-weight: bold;
    background-color: #000;
    color: #fff;
    line-height: 1;
  }
  .eventArea .start-btnArea .btnBox .txt-s {
    font-size: 3.0769230769vw;
    font-weight: normal;
    display: inline-block;
    padding-right: 0.8vw;
  }
  /*-- storeArea --*/
  .storesArea {
    background-color: #eee;
    padding-top: 30.7692307692vw;
    padding-bottom: 25.641025641vw;
  }
  .storesArea .storesBox {
    padding: 0 6.1538461538vw;
    position: relative;
  }
  .storesArea .storesBox .mainBox {
    width: 100%;
    margin: 0 auto;
  }
  .storesArea .storesBox .mainBox .phArea {
    width: 100%;
    height: 87.6923076923vw;
    position: relative;
  }
  .storesArea .storesBox .mainBox .phArea::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background-color: #ED1C24;
    top: 1.282051282vw;
    left: 1.282051282vw;
    border-radius: 2.564102564vw;
    border: 0.0694444444vw solid #000;
  }
  .storesArea .storesBox .mainBox .phArea img {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 2.564102564vw;
    border: 0.0694444444vw solid #000;
  }
  .storesArea .storesBox .mainBox .detailArea {
    width: 100%;
    padding-top: 10.2564102564vw;
  }
  .storesArea .storesBox .mainBox .detailArea .ttlBox {
    text-align: center;
  }
  .storesArea .storesBox .mainBox .detailArea .ttlBox .ttl {
    width: 28.2051282051vw;
    height: 9.2307692308vw;
    margin: 0 auto;
    font-size: 6.1538461538vw;
    letter-spacing: 0.1em;
    padding-bottom: 1.7948717949vw;
    background-image: url(../images/stores_ttl_bg_pc.svg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 7.4358974359vw;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox {
    margin-bottom: 3.0769230769vw;
    /*------- topArea / modalArea ------*/
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .open-btnBox {
    text-align: center;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modal__btn {
    width: 42.3076923077vw;
    height: 14.358974359vw;
    background-color: #ED1C24;
    color: #fff;
    font-size: 3.5897435897vw;
    font-weight: bold;
    letter-spacing: 0.05em;
    border-radius: 1.2820512821vw;
    background-image: url(../images/btn_icon_plus_w.png);
    background-repeat: no-repeat;
    background-size: 2.5641025641vw 2.5641025641vw;
    background-position: right 3.0769230769vw center;
    border: none;
    line-height: 1.4;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modal__btn .dBox {
    display: none;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modal__btn:hover {
    color: #fff;
    background-image: url(../images/btn_icon_plus_w.png);
    transition: 0.3s;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modal__content {
    margin-top: 10.2564102564vw;
    margin-bottom: 25.641025641vw;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalBox .detailBox {
    width: 91.7948717949vw;
    height: 182.0512820513vw;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalBox .detailBox::before {
    width: 100%;
    height: 182.0512820513vw;
    content: "";
    position: absolute;
    background-color: #ED1C24;
    top: 1.282051282vw;
    left: 1.282051282vw;
    border-radius: 2.564102564vw;
    border: 0.0694444444vw solid #000;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalBox .detailBox .areaBox {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 15.3846153846vw 6.1538461538vw;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 2.564102564vw;
    border: 0.0694444444vw solid #000;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalBox .detailBox .areaBox .ttlArea {
    width: 100%;
    text-align: center;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalBox .detailBox .areaBox .ttlArea .ttl {
    font-size: 7.6923076923vw;
    font-weight: 700;
    display: inline-block;
    background: url(../images/stores_ttl_bg_sp.svg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: auto;
    padding-bottom: 3.5897435897vw;
    line-height: 1;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalBox .detailBox .areaBox .txtArea {
    margin-top: 10.2564102564vw;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalBox .detailBox .areaBox .txtArea .box {
    width: 100%;
    text-align: center;
    margin-bottom: 4.358974359vw;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalBox .detailBox .areaBox .txtArea .box .ttl {
    background-color: #ED1C24;
    color: #fff;
    font-size: 3.5897435897vw;
    padding: 0.5128205128vw 0;
    margin-bottom: 0;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalBox .detailBox .areaBox .txtArea .box .txt {
    font-size: 3.5897435897vw;
    line-height: 2;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalBox .detailBox .areaBox .txtArea .box .txt .note {
    font-size: 3.0769230769vw;
    text-align: left;
    margin-top: 1.5384615385vw;
    letter-spacing: -0.02em;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalBox .detailBox .areaBox .txtArea .box .txt .txt_left {
    text-align: left;
    margin-top: 2.5641025641vw;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalBox #modal-4 .detailBox {
    height: 212.8205128205vw;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalBox #modal-4 .detailBox::before {
    height: 212.8205128205vw;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalBox #modal-6 .detailBox {
    height: 197.4358974359vw;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalBox #modal-6 .detailBox::before {
    height: 197.4358974359vw;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalBox #modal-7 .detailBox {
    height: 197.4358974359vw;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalBox #modal-7 .detailBox::before {
    height: 197.4358974359vw;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalBox #modal-8 .detailBox {
    height: 171.7948717949vw;
  }
  .storesArea .storesBox .mainBox .detailArea .listArea .listBox .modalBox #modal-8 .detailBox::before {
    height: 171.7948717949vw;
  }
  .storesArea .storesBox .pointArea {
    width: 100%;
    margin: 12.8205128205vw auto 0;
  }
  .storesArea .storesBox .pointArea .areattl {
    width: 100%;
    margin-bottom: 3.5897435897vw;
    font-size: 3.5897435897vw;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    letter-spacing: 0.05em;
    border: 0.0661375661vw solid #000;
    padding: 2.0512820513vw 0;
    border-radius: 7.6923076923vw;
  }
  .storesArea .storesBox .pointArea .txtArea {
    font-size: 3.5897435897vw;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.05em;
  }
  .storesArea .storesBox .pointArea .txtArea .box {
    margin-top: 6.6666666667vw;
  }
  .storesArea .storesBox .pointArea .txtArea .box .sttl {
    display: inline-block;
    font-size: 3.5897435897vw;
    font-weight: 500;
    border-bottom: 0.2564102564vw solid #000;
    margin-bottom: 2.5641025641vw;
  }
  .storesArea .storesBox .pointArea .txtArea .box .txtBox {
    font-size: 3.5897435897vw;
    line-height: 2;
  }
  .storesArea .storesBox .pointArea .txtArea .box .txtBox .noteBox {
    font-size: 3.0769230769vw;
    margin-top: 2.5641025641vw;
  }
  .storesArea .img-bg {
    position: absolute;
    width: 67.328042328vw;
    top: -5.6216931217vw;
    left: -11.9047619048vw;
  }
  .storesArea .img01 {
    position: absolute;
    width: 84.1025641026vw;
    top: -38.4615384615vw;
    left: 0;
  }
  .storesArea .img02 {
    position: absolute;
    width: 21.0256410256vw;
    top: 77.6923076923vw;
    right: 0;
    z-index: 10;
  }
  .storesArea .img03 {
    position: absolute;
    width: 60.7692307692vw;
    top: 92.8205128205vw;
    left: 10.7692307692vw;
  }
  /*------- presArea ------*/
  .presArea {
    padding-top: 30.7692307692vw;
    padding-bottom: 32.0512820513vw;
  }
  .presArea .presTop {
    position: relative;
    margin-bottom: 15.3846153846vw;
  }
  .presArea .presTop .img-bg {
    position: absolute;
    width: 91.0256410256vw;
    top: -14.1025641026vw;
    left: 4.358974359vw;
  }
  .presArea .presTop .img01 {
    position: absolute;
    width: 80.7692307692vw;
    top: -61.5384615385vw;
    right: 0;
  }
  .presArea .presTop .img02 {
    position: absolute;
    width: 31.2820512821vw;
    top: -35.3846153846vw;
    left: 8.9743589744vw;
    z-index: 10;
  }
  .presArea .presTop .img03 {
    position: absolute;
    width: 12.8205128205vw;
    top: 23.0769230769vw;
    left: 0;
    z-index: 10;
  }
  .presArea .presTop .ttlArea {
    width: 77.6923076923vw;
    margin: 0 auto;
  }
  .presArea .mainArea {
    width: 91.79%;
    height: 212.8205128205vw;
    margin: 0 auto 0 auto;
    position: relative;
    box-sizing: border-box;
  }
  .presArea .mainArea::before {
    width: 100%;
    height: 212.8205128205vw;
    content: "";
    position: absolute;
    background-color: #FFAA00;
    top: 1.282051282vw;
    left: 1.282051282vw;
    border-radius: 2.564102564vw;
    border: 0.0694444444vw solid #000;
    box-sizing: border-box;
  }
  .presArea .mainArea .areaBox {
    position: absolute;
    width: 100%;
    padding: 15.3846153846vw 6.1538461538vw;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 2.564102564vw;
    border: 0.0694444444vw solid #000;
  }
  .presArea .mainArea .phBox {
    width: 100%;
    line-height: 0;
  }
  .presArea .mainArea .detailBox {
    width: 100%;
    margin-top: 8.2051282051vw;
  }
  .presArea .mainArea .detailBox .ttlBox {
    font-size: 8.2051282051vw;
    font-weight: 700;
    text-align: center;
    margin-bottom: 4.1025641026vw;
    line-height: 1;
  }
  .presArea .mainArea .detailBox .catchBox {
    font-size: 4.6153846154vw;
    font-weight: 500;
    text-align: center;
    margin-bottom: 4.1025641026vw;
  }
  .presArea .mainArea .detailBox .dBox {
    width: 100%;
    margin-bottom: 4.1025641026vw;
  }
  .presArea .mainArea .detailBox .txtBox {
    font-size: 3.5897435897vw;
    font-weight: 400;
    line-height: 2;
  }
  .presArea .mainArea .detailBox .txtBox .note {
    font-size: 3.0769230769vw;
    margin-top: 2.5641025641vw;
  }
  .presArea .mainArea .detailBox .mBox {
    margin-top: 5.8974358974vw;
    /*------- modalArea ------*/
  }
  .presArea .mainArea .detailBox .mBox .modalArea {
    width: 67.1794871795vw;
    margin: 0 auto;
  }
  .presArea .mainArea .detailBox .mBox .open-btnBox {
    text-align: center;
  }
  .presArea .mainArea .detailBox .mBox .modal__btn {
    width: 100%;
    background-color: #000;
    color: #fff;
    font-size: 4.1025641026vw;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 5.641025641vw 0;
    border-radius: 7.6923076923vw;
    background-image: url(../images/btn_icon_plus_w.png);
    background-repeat: no-repeat;
    background-size: 3.0769230769vw 3.0769230769vw;
    background-position: right 6.1538461538vw center;
    border: none;
    line-height: 1;
  }
  .presArea .mainArea .detailBox .mBox .modal__btn .dBox {
    display: block;
    font-size: 3.0769230769vw;
    font-weight: 400;
    margin-top: 2.0512820513vw;
  }
  .presArea .mainArea .detailBox .mBox .modal__btn:hover {
    color: #fff;
    background-image: url(../images/btn_icon_plus_w.png);
    transition: 0.3s;
  }
  .presArea .mainArea .detailBox .mBox .modal__container .cont_wrap .modal__content {
    margin-top: 38px;
    margin-bottom: 51.2820512821vw;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox {
    width: 91.7948717949vw;
    margin: 0 auto;
    position: relative;
    height: 680vw;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox::before {
    width: 100%;
    height: 680vw;
    content: "";
    position: absolute;
    background-color: #FFAA00;
    top: 1.282051282vw;
    left: 1.282051282vw;
    border-radius: 2.564102564vw;
    border: 0.0694444444vw solid #000;
    padding: 15.3846153846vw 0;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox .modal_areaBox {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 15.3846153846vw 0;
    background-color: #fff;
    border-radius: 2.564102564vw;
    border: 0.0694444444vw solid #000;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox .modal_areaBox .ttlArea {
    width: 100%;
    text-align: center;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox .modal_areaBox .ttlArea .ttl {
    font-size: 8.2051282051vw;
    font-weight: 700;
    letter-spacing: 0;
    display: inline-block;
    background: url(../images/pres_ttl_bg_sp.svg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100%;
    padding-bottom: 3.5897435897vw;
    line-height: 1;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox .modal_areaBox .ttlArea .sttl {
    font-size: 4.1025641026vw;
    font-weight: 500;
    letter-spacing: 0.05em;
    margin-top: 4.358974359vw;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox .modal_areaBox .listArea {
    margin: 8.9743589744vw 6.1538461538vw 0;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox .modal_areaBox .listArea .listBox {
    margin: 0 auto;
    padding: 4.6153846154vw 2.5641025641vw 2.5641025641vw 2.5641025641vw;
    font-size: 3.5897435897vw;
    font-weight: 400;
    line-height: 1.5;
    border-bottom: 1px solid #ccc;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox .modal_areaBox .listArea .listBox .nBox {
    width: 100%;
    margin-bottom: 2.8205128205vw;
    font-weight: 500;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox .modal_areaBox .listArea .listBox .pBox {
    width: 100%;
    margin-bottom: 1.7948717949vw;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox .modal_areaBox .listArea .listBox .tBox {
    width: 100%;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox .modal_areaBox .listArea .listBox .fullBox {
    width: 100%;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox .modal_areaBox .listArea .listBox .iconBox {
    width: 14.8717948718vw;
    height: 4.6153846154vw;
    padding: 1.0256410256vw 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.5641025641vw;
    line-height: 1;
    box-sizing: border-box;
    border: 1px solid #000000;
    text-align: center;
    margin-bottom: 0.7692307692vw;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox .modal_areaBox .listArea .listBox .t-Box {
    display: block;
    line-height: 2;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox .modal_areaBox .listArea .listBox .note {
    font-size: 3.0769230769vw;
    margin-top: 2.5641025641vw;
  }
  .presArea .mainArea .detailBox .mBox .modalBox .detailBox .modal_areaBox .noteArea {
    margin: 12.8205128205vw 6.1538461538vw 0;
    font-size: 3.0769230769vw;
    letter-spacing: 0.05em;
  }
  /*-- anewloop --*/
  .anewArea {
    background-color: #eee;
    padding-bottom: 32.0512820513vw;
  }
  .anewArea .anewTop {
    position: relative;
  }
  .anewArea .anewTop .ttlArea {
    width: 78.2051282051vw;
    margin: 0 auto;
    padding-top: 30.7692307692vw;
    line-height: 0;
  }
  .anewArea .anewTop .img-bg {
    position: absolute;
    width: 51.2820512821vw;
    top: 15.1282051282vw;
    left: 43.0769230769vw;
  }
  .anewArea .anewTop .img01 {
    position: absolute;
    width: 58.9743589744vw;
    top: -35.8974358974vw;
    left: 0;
  }
  .anewArea .anewTop .img02 {
    position: absolute;
    width: 29.2307692308vw;
    top: -6.9230769231vw;
    right: 2.3076923077vw;
  }
  .anewArea .anewTop .img03 {
    position: absolute;
    width: 23.0769230769vw;
    top: 47.4358974359vw;
    right: 0;
    z-index: 10;
  }
  .anewArea .mainArea {
    width: auto;
    margin: 11.5384615385vw 4.1025641026vw 0;
    padding: 0;
    position: relative;
    height: 411.5384615385vw;
    box-sizing: border-box;
  }
  .anewArea .mainArea::before {
    width: 100%;
    height: 411.5384615385vw;
    content: "";
    position: absolute;
    background-color: #00A2FF;
    top: 1.282051282vw;
    left: 1.282051282vw;
    border-radius: 2.564102564vw;
    border: 0.0694444444vw solid #000;
    box-sizing: border-box;
  }
  .anewArea .mainArea .areaBox {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 15.3846153846vw 5.8974358974vw;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 2.564102564vw;
    border: 0.0694444444vw solid #000;
    top: 0;
    left: 0;
  }
  .anewArea .mainArea .areaBox .catchBox {
    width: 100%;
  }
  .anewArea .mainArea .areaBox .catchBox .box {
    width: 67.1794871795vw;
    margin: 0 auto;
    line-height: 0;
  }
  .anewArea .mainArea .areaBox .catchBox .btnBox {
    width: 67.1794871795vw;
    height: 15.3846153846vw;
    margin: 6.1538461538vw auto 0 auto;
  }
  .anewArea .mainArea .areaBox .catchBox .btnBox a {
    width: 100%;
    display: block;
    font-size: 4.1025641026vw;
    font-weight: 700;
    background-color: #036EB8;
    color: #fff;
    border-radius: 15.3846153846vw;
    text-align: center;
    padding: 4.6153846154vw 0;
    letter-spacing: 0.1em;
    position: relative;
  }
  .anewArea .mainArea .areaBox .catchBox .btnBox a:after {
    content: "";
    display: block;
    width: 4.8717948718vw;
    height: 5.1282051282vw;
    background-image: url(../images/icon_pdf_w.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7.5%;
  }
  .anewArea .mainArea .areaBox .catchBox .imgBox {
    width: 100%;
    margin-top: 10.2564102564vw;
    line-height: 0;
  }
  .anewArea .mainArea .areaBox .appliArea {
    margin-top: 10.2564102564vw;
    line-height: 0;
  }
  .anewArea .mainArea .areaBox .appliArea .appliBox {
    width: 100%;
    margin: 0 auto;
    border-radius: 10px;
    box-sizing: border-box;
  }
  .anewArea .mainArea .areaBox .appliArea .appliBox .logoBox {
    width: 18.9743589744vw;
    margin-right: 1.5873015873vw;
    float: left;
  }
  .anewArea .mainArea .areaBox .appliArea .appliBox .txtBox {
    width: 56.4102564103vw;
    color: #2F8ED1;
    font-weight: bold;
    line-height: 1;
    padding-top: 0.5291005291vw;
    float: right;
  }
  .anewArea .mainArea .areaBox .appliArea .appliBox .linkBox {
    width: 56.4102564103vw;
    margin-top: 1.5384615385vw;
    float: right;
    display: flex;
    justify-content: space-between;
  }
  .anewArea .mainArea .areaBox .appliArea .appliBox .linkBox .appBox {
    width: 26.6666666667vw;
  }
  .anewArea .mainArea .areaBox .appliArea .appliBox .linkBox .appBox .qrBox {
    padding: 0 1.1243386243vw 0.7936507937vw;
  }
  .anewArea .mainArea .areaBox .appliArea .appliBox .linkBox .andBox {
    width: 26.6666666667vw;
  }
  .anewArea .mainArea .areaBox .appliArea .appliBox .linkBox .andBox .qrBox {
    padding: 0 1.1904761905vw 0.7936507937vw;
  }
  .anewArea .mainArea .areaBox .appliArea::after {
    content: "";
    display: block;
    clear: both;
  }
  .anewArea .reBox {
    width: 100%;
    margin: 10.2564102564vw auto 0 auto;
  }
  .anewArea .reBox .r_ttl {
    margin-bottom: 6.9230769231vw;
  }
  .anewArea .reBox .r_ttl .ttlBox {
    font-size: 4.6153846154vw;
    font-weight: bold;
    color: #fff;
    --r: .5em;
    line-height: 1.8;
    clip-path: polygon(0 0, 100% 0, calc(100% - var(--r)) 50%, 100% 100%, 0 100%, var(--r) 50%);
    background: #00A2FF; /* the main color */
    width: 100%;
    color: #fff;
    text-align: center;
    letter-spacing: 0em;
    padding: 2.0512820513vw 0;
  }
  .anewArea .reBox .detailBox {
    width: 100%;
    background-image: url(../images/anewloop_img02_pc.png);
    background-repeat: no-repeat;
    background-size: 77%;
    background-position: 24.358974359vw 0;
    padding-top: 77.6923076923vw;
  }
  .anewArea .reBox .detailBox .phBox {
    width: 28.7179487179vw;
    padding-left: 2.0512820513vw;
  }
  .anewArea .reBox .detailBox .txtBox {
    padding: 0 2.0512820513vw 2.5641025641vw;
  }
  .anewArea .reBox .detailBox .txtBox .txt {
    font-size: 3.5897435897vw;
    font-weight: 500;
    line-height: 2;
  }
  .anewArea .reBox .btnBox {
    margin-top: 7.6923076923vw;
  }
  .anewArea .reBox .btnBox a {
    position: relative;
    display: block;
    width: 67.1794871795vw;
    margin: 0 auto;
    padding: 5.641025641vw 0;
    background-color: #000;
    border-radius: 7.6923076923vw;
    font-size: 4.1025641026vw;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    text-align: center;
  }
  .anewArea .reBox .btnBox a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 6.9230769231vw;
    width: 2.3076923077vw;
    height: 2.3076923077vw;
    margin: auto;
    border-top: 0.5128205128vw solid #fff;
    border-right: 0.5128205128vw solid #fff;
    transform: rotate(45deg);
    box-sizing: border-box;
  }
  .footArea {
    background-color: #DF0615;
    color: #fff;
    padding: 8.4615384615vw 0 5.1282051282vw 0;
  }
  .footArea .iconArea {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 64.1025641026vw;
    margin: 0 auto;
    line-height: 0;
  }
  .footArea .iconArea .icon_m {
    width: 6.1538461538vw;
  }
  .footArea .iconArea .icon_i {
    width: 5.641025641vw;
  }
  .footArea .iconArea .icon_f {
    width: 6.1538461538vw;
  }
  .footArea .iconArea .icon_x {
    width: 5.3846153846vw;
  }
  .footArea .iconArea .icon_y {
    width: 6.9230769231vw;
  }
  .footArea .logoArea {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 66.9230769231vw;
    margin: 0 auto;
    padding-top: 6.1538461538vw;
  }
  .footArea .logoArea .logo_l {
    width: 24.358974359vw;
  }
  .footArea .logoArea .logo_n {
    width: 34.1025641026vw;
  }
  .footArea .copyArea {
    margin: 10.7692307692vw auto 5.1282051282vw auto;
    text-align: center;
    font-size: 2.5641025641vw;
    letter-spacing: 0.05em;
  }
  #pageTop {
    display: none;
    position: fixed;
    line-height: 0;
    bottom: 0;
    right: 0;
  }
  .pageTop {
    width: 11.7948717949vw;
    line-height: 0;
  }
  .pageTop a {
    width: 100%;
    height: 100%;
    display: block;
  }
  /*-- anewloop --*/
  .float-button__wrap {
    display: none; /*最初は隠す*/
    opacity: 0;
    pointer-events: none;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    border-top: 0.0661375661vw solid #000;
    z-index: 1000;
  }
  .float-button__wrap .navBox {
    /*width: 50%;*/
    width: 100%;
    box-sizing: border-box;
  }
  .float-button__wrap .navBox a {
    position: relative;
    display: block;
    width: 100%;
    padding: 4.1025641026vw 0;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 1;
  }
  .float-button__wrap .navBox a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4.358974359vw;
    width: 2.0512820513vw;
    height: 2.0512820513vw;
    margin: auto;
    border-top: 0.2564102564vw solid #fff;
    border-right: 0.2564102564vw solid #fff;
    transform: translateY(2px) rotate(315deg);
    box-sizing: border-box;
  }
  .float-button__wrap .navBox.box01 {
    border-right: 0.2564102564vw solid #000;
  }
  .float-button__wrap .navBox.box01 a {
    background-color: #F04664;
  }
  .float-button__wrap .navBox.box01 a img {
    width: 16.4102564103vw;
    height: 4.6153846154vw;
    line-height: 0;
  }
  .float-button__wrap .navBox.box02 a {
    background-color: #28BE00;
  }
  .float-button__wrap .navBox.box02 a img {
    width: 21.0256410256vw;
    height: 4.358974359vw;
    padding-bottom: 0.5128205128vw;
    margin: 0 auto;
    line-height: 0;
  }
  .float-button__wrap.is-active {
    display: block;
    opacity: 1;
    pointer-events: auto;
    /*
    .navBox{
      float: left;
    }
    */
  }
  .float-button__wrap.is-hidden {
    display: none;
    opacity: 0;
    pointer-events: none;
  }
}/*# sourceMappingURL=style.css.map */