@charset "UTF-8";
/*------------------------------------------
search__container
------------------------------------------*/
.wrapper {
  overflow-x: clip;
}

.mian {
  overflow: visible;
}

.search__container {
  background: #EDECE8;
  position: relative;
  padding: 0 0 34px;
}
@media (min-width: 1025px) {
  .search__container {
    padding: 0 0 62px;
  }
}
.search__container::before, .search__container::after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.search__container::before {
  background: url(../images/search_wave_sp.png) no-repeat center/100%;
  height: 14.6666666667vw;
  top: -14.4vw;
}
@media (min-width: 1025px) {
  .search__container::before {
    background: url(../images/search_wave_pc.png) no-repeat center/100%;
    height: 9.2972181552vw;
    top: -9.224011713vw;
  }
}
.search__container::after {
  background: url(../images/dashed_sp.png) no-repeat center/100%;
  height: 0.2666666667vw;
  bottom: 0;
}
@media (min-width: 1025px) {
  .search__container::after {
    background: url(../images/dashed_pc.png) no-repeat center/100%;
    height: 0.1464128843vw;
  }
}
.search__container .inner {
  width: 100%;
  margin: 0 auto;
  padding: 0 28px;
}
@media (min-width: 1025px) {
  .search__container .inner {
    max-width: 1096px;
    padding: 0;
  }
}
.search__container .search__ttl {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 700;
  font-size: 22px;
  margin: 0 auto 24px;
  padding-left: 30px;
  position: relative;
}
@media (min-width: 1025px) {
  .search__container .search__ttl {
    font-size: 30px;
    padding-left: 42px;
    margin: 0 auto;
    -webkit-transform: translateY(-36px);
            transform: translateY(-36px);
  }
}
.search__container .search__ttl::before {
  content: "";
  background: url(../images/ico_search.svg) no-repeat center/100%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 3px;
  left: 0;
  bottom: 0;
  margin: auto;
}
@media (min-width: 1025px) {
  .search__container .search__ttl::before {
    width: 27px;
    height: 27px;
    top: 5px;
  }
}

.search__subttl {
  width: 100%;
  position: relative;
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .search__subttl {
    margin-bottom: 24px;
  }
}
.search__subttl::after {
  content: "";
  width: 100%;
  height: 1px;
  background: url(../images/dashed_subttl.png) no-repeat center/100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
}
.search__subttl .subttl {
  line-height: 1.4;
  background: #EDECE8;
  display: inline-block;
  position: relative;
  z-index: 2;
  padding: 0 12px 0 22px;
  font-weight: 700;
  font-size: 16px;
}
@media (min-width: 1025px) {
  .search__subttl .subttl {
    padding: 0 18px 0 32px;
    font-size: 21px;
  }
}
.search__subttl .subttl::before {
  content: "";
  background: url(../images/ico_search_2.svg) no-repeat center/100%;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 2px;
  left: 0;
  bottom: 0;
  margin: auto;
}
@media (min-width: 1025px) {
  .search__subttl .subttl::before {
    width: 20px;
    height: 20px;
  }
}

.location__info,
.category__info {
  width: 100%;
}

.location__list,
.category__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
@media (min-width: 1025px) {
  .location__list,
  .category__list {
    gap: 16px;
  }
}

.location__item,
.category__item {
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border-radius: 8px;
  border: 1px solid #023B7D;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1025px) {
  .location__item,
  .category__item {
    border: 2px solid #023B7D;
  }
}
.location__item .item--txt,
.category__item .item--txt {
  line-height: 1;
  font-weight: 700;
  position: relative;
  width: 100%;
}
.location__item:first-child .item--txt,
.category__item:first-child .item--txt {
  width: 100%;
  text-align: center;
}
.location__item:first-child .item--txt::before,
.category__item:first-child .item--txt::before {
  display: none;
}
.location__item.active, .location__item:focus-within,
.category__item.active,
.category__item:focus-within {
  background: #023B7D;
}
.location__item.active .item--txt, .location__item:focus-within .item--txt,
.category__item.active .item--txt,
.category__item:focus-within .item--txt {
  color: #fff;
  text-decoration: underline;
}
.location__item:focus-within,
.category__item:focus-within {
  outline: 3px solid #005fcc;
  outline-offset: 3px;
}
@media (hover: hover) and (pointer: fine) {
  .location__item:hover,
  .category__item:hover {
    background: #023B7D;
  }
  .location__item:hover .item--txt,
  .category__item:hover .item--txt {
    color: #fff;
    text-decoration: underline;
  }
}

.location__info {
  margin-bottom: 24px;
}

.location__list .location__item {
  width: calc(50% - 6px);
  height: 46px;
  padding: 0 18px 0 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1025px) {
  .location__list .location__item {
    width: calc(25% - 12px);
    height: 56px;
    padding: 0 24px 0 16px;
  }
}
.location__list .location__item .item--txt {
  font-size: 13px;
  padding: 0 0 0 36px;
}
@media (min-width: 1025px) {
  .location__list .location__item .item--txt {
    font-size: 18px;
    padding: 0 0 0 86px;
  }
}
.location__list .location__item .item--txt::before {
  content: "";
  background: url(../images/ico_location_sp.svg) no-repeat center/100%;
  width: 23px;
  height: 23px;
  position: absolute;
  top: 2px;
  left: 0;
  bottom: 0;
  margin: auto;
}
@media (min-width: 1025px) {
  .location__list .location__item .item--txt::before {
    background: url(../images/ico_location_pc.svg) no-repeat center/100%;
    width: 59px;
    height: 27px;
  }
}
.location__list .location__item:first-child .item--txt {
  padding: 0;
}
.location__list .location__item.active .item--txt::before, .location__list .location__item:focus-within .item--txt::before {
  background: url(../images/ico_location_active_sp.svg) no-repeat center/100%;
}
@media (min-width: 1025px) {
  .location__list .location__item.active .item--txt::before, .location__list .location__item:focus-within .item--txt::before {
    background: url(../images/ico_location_active_pc.svg) no-repeat center/100%;
  }
}
@media (hover: hover) and (pointer: fine) {
  .location__list .location__item:hover .item--txt::before {
    background: url(../images/ico_location_active_sp.svg) no-repeat center/100%;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 1025px) {
  .location__list .location__item:hover .item--txt::before {
    background: url(../images/ico_location_active_pc.svg) no-repeat center/100%;
  }
}

.category__list .category__item {
  width: calc(33.3333333333% - 8px);
  height: 110px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 1025px) {
  .category__list .category__item {
    width: calc(16.6666666667% - 14px);
    height: 146px;
  }
}
.category__list .category__item .item--txt {
  text-align: center;
  font-size: 12px;
  padding: 80px 0 0;
}
@media (min-width: 1025px) {
  .category__list .category__item .item--txt {
    font-size: 16px;
    padding: 102px 0 0;
  }
}
.category__list .category__item .item--txt::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.category__list .category__item:first-child {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.category__list .category__item:first-child .item--txt {
  padding: 0;
}
@media (min-width: 1025px) {
  .category__list .category__item:first-child .item--txt {
    font-size: 18px;
  }
}
@media (max-width: 1024px) {
  .category__list .category__item:nth-child(2) .item--txt {
    line-height: 1.3;
    padding: 70px 0 0;
    width: 66px;
  }
}
.category__list .category__item:nth-child(2) .item--txt::before {
  background: url(../images/category_1.png) no-repeat center/100%;
  width: 69px;
  height: 50px;
  top: 14px;
}
@media (min-width: 1025px) {
  .category__list .category__item:nth-child(2) .item--txt::before {
    width: 95px;
    height: 68px;
    top: 27px;
  }
}
@media (max-width: 1024px) {
  .category__list .category__item:nth-child(3) .item--txt {
    padding: 78px 0 0;
  }
}
.category__list .category__item:nth-child(3) .item--txt::before {
  background: url(../images/category_2.png) no-repeat center/100%;
  width: 76px;
  height: 37px;
  top: 25px;
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
}
@media (min-width: 1025px) {
  .category__list .category__item:nth-child(3) .item--txt::before {
    width: 122px;
    height: 60px;
    top: 30px;
  }
}
.category__list .category__item:nth-child(4) .item--txt::before {
  background: url(../images/category_3_sp.png) no-repeat center/100%;
  width: 73px;
  height: 56px;
  top: 18px;
}
@media (min-width: 1025px) {
  .category__list .category__item:nth-child(4) .item--txt::before {
    background: url(../images/category_3_pc.png) no-repeat center/100%;
    width: 108px;
    height: 81px;
    top: 16px;
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
}
.category__list .category__item:nth-child(5) .item--txt::before {
  background: url(../images/category_4.png) no-repeat center/100%;
  width: 71px;
  height: 31px;
  top: 33px;
  -webkit-transform: rotate(-8deg);
          transform: rotate(-8deg);
}
@media (min-width: 1025px) {
  .category__list .category__item:nth-child(5) .item--txt::before {
    width: 94px;
    height: 41px;
    top: 41px;
  }
}
.category__list .category__item:nth-child(6) .item--txt::before {
  background: url(../images/category_5.png) no-repeat center/100%;
  width: 60px;
  height: 59px;
  top: 13px;
}
@media (min-width: 1025px) {
  .category__list .category__item:nth-child(6) .item--txt::before {
    width: 77px;
    height: 76px;
    top: 18px;
  }
}

.option__txt {
  width: 256px;
  margin: 32px auto 0;
  letter-spacing: 0.08em;
  line-height: 1.6;
  text-align: center;
  font-weight: 400;
  font-size: 12px;
}
@media (min-width: 1025px) {
  .option__txt {
    width: 100%;
    font-size: 14px;
  }
}

/*------------------------------------------
cnt__container
------------------------------------------*/
.cnt__container {
  position: relative;
  padding: 55px 0 40px;
}
@media (min-width: 1025px) {
  .cnt__container {
    padding: 80px 0 40px;
  }
}
.cnt__container .inner {
  width: 100%;
  margin: 0 auto;
  padding: 0 14px;
}
@media (min-width: 1025px) {
  .cnt__container .inner {
    max-width: 1240px;
    padding: 0;
  }
}
.cnt__container .ttl__area {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
  margin-bottom: 46px;
}
@media (min-width: 1025px) {
  .cnt__container .ttl__area {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 60px;
  }
}
.cnt__container .ttl__area .cnt__ttl {
  font-weight: 400;
  font-size: 16px;
}
@media (min-width: 1025px) {
  .cnt__container .ttl__area .cnt__ttl {
    font-size: 14px;
  }
}
.cnt__container .ttl__area .cnt__icon--list {
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.cnt__container .ttl__area .cnt__icon--list li {
  font-weight: 400;
  font-size: 12px;
  position: relative;
}
.cnt__container .ttl__area .cnt__icon--list li::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  bottom: 0;
  margin: auto;
}
.cnt__container .ttl__area .cnt__icon--list li.nrt {
  padding-left: 29px;
}
.cnt__container .ttl__area .cnt__icon--list li.nrt::before {
  background: url(../images/ico_nrt.svg) no-repeat center/100%;
  width: 25px;
  height: 19px;
}
.cnt__container .ttl__area .cnt__icon--list li.vege {
  padding-left: 34px;
}
.cnt__container .ttl__area .cnt__icon--list li.vege::before {
  background: url(../images/ico_vege.svg) no-repeat center/100%;
  width: 30px;
  height: 30px;
}
.cnt__container .ttl__area .cnt__icon--list li.halal {
  padding-left: 30px;
}
.cnt__container .ttl__area .cnt__icon--list li.halal::before {
  background: url(../images/ico_halal.svg) no-repeat center/100%;
  width: 26px;
  height: 25px;
}

.gourmet__results--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px 18px;
}
@media (min-width: 1025px) {
  .gourmet__results--list {
    gap: 65px 40px;
  }
}
.gourmet__results--list .gourmet__item {
  width: calc(50% - 9px);
  position: relative;
}
@media (min-width: 1025px) {
  .gourmet__results--list .gourmet__item {
    width: calc(25% - 30px);
  }
}
.gourmet__results--list .gourmet__item .nrt__limited {
  position: absolute;
  top: -21px;
  left: 0;
  width: 83px;
}
@media (min-width: 1025px) {
  .gourmet__results--list .gourmet__item .nrt__limited {
    width: 102px;
    top: -29px;
  }
}
.gourmet__results--list .gourmet__item .item__inner {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  z-index: 2;
  -webkit-box-shadow: 0 0 0 0 transparent;
          box-shadow: 0 0 0 0 transparent;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}
@media (min-width: 1025px) {
  .gourmet__results--list .gourmet__item .item__inner {
    border-radius: 30px;
  }
}
.gourmet__results--list .gourmet__item .item__trigger {
  display: block;
  width: 100%;
}
.gourmet__results--list .gourmet__item .item__trigger::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
}
.gourmet__results--list .gourmet__item .item__img {
  display: block;
  aspect-ratio: 280/210;
  overflow: hidden;
  position: relative;
}
.gourmet__results--list .gourmet__item .item__img img {
  position: absolute;
  inset: 0;
  margin: auto;
}
.gourmet__results--list .gourmet__item .item__info {
  padding: 16px 12px 24px;
}
@media (min-width: 1025px) {
  .gourmet__results--list .gourmet__item .item__info {
    padding: 20px 20px 34px;
  }
}
.gourmet__results--list .gourmet__item .item__ttl {
  line-height: 1.5;
  font-weight: 700;
  font-size: 14px;
  padding-bottom: 12px;
  margin-bottom: 8px;
  border-bottom: 1px dashed #023B7D;
}
@media (min-width: 1025px) {
  .gourmet__results--list .gourmet__item .item__ttl {
    font-size: 16px;
    margin-bottom: 12px;
  }
}
.gourmet__results--list .gourmet__item .item__location {
  line-height: 1.4;
  font-size: 12px;
}
@media (min-width: 1025px) {
  .gourmet__results--list .gourmet__item .item__location {
    font-size: 16px;
  }
}
.gourmet__results--list .gourmet__item .icon {
  border-radius: 50%;
  border: 1px solid #023B7D;
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 8px;
  right: 8px;
}
@media (min-width: 1025px) {
  .gourmet__results--list .gourmet__item .icon {
    border: 2px solid #023B7D;
    width: 20px;
    height: 20px;
    bottom: 14px;
    right: 20px;
  }
}
.gourmet__results--list .gourmet__item .icon::before, .gourmet__results--list .gourmet__item .icon::after {
  content: "";
  background: #023B7D;
  position: absolute;
  inset: 0;
  margin: auto;
}
.gourmet__results--list .gourmet__item .icon::before {
  width: 7px;
  height: 1px;
}
@media (min-width: 1025px) {
  .gourmet__results--list .gourmet__item .icon::before {
    width: 8px;
    height: 2px;
  }
}
.gourmet__results--list .gourmet__item .icon::after {
  width: 1px;
  height: 7px;
}
@media (min-width: 1025px) {
  .gourmet__results--list .gourmet__item .icon::after {
    width: 2px;
    height: 8px;
  }
}
.gourmet__results--list .gourmet__item .item__inner:has(.item__trigger:hover), .gourmet__results--list .gourmet__item .item__inner:has(.item__trigger:focus-visible) {
  -webkit-box-shadow: 0 0 0 2px #023B7D;
          box-shadow: 0 0 0 2px #023B7D;
}
.gourmet__results--list .gourmet__item .item__inner:has(.item__trigger:hover) .icon, .gourmet__results--list .gourmet__item .item__inner:has(.item__trigger:focus-visible) .icon {
  background: #023B7D;
}
.gourmet__results--list .gourmet__item .item__inner:has(.item__trigger:hover) .icon::before, .gourmet__results--list .gourmet__item .item__inner:has(.item__trigger:hover) .icon::after, .gourmet__results--list .gourmet__item .item__inner:has(.item__trigger:focus-visible) .icon::before, .gourmet__results--list .gourmet__item .item__inner:has(.item__trigger:focus-visible) .icon::after {
  background: #fff;
}

.item__category--list,
.info__category--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.item__category--list .txt,
.info__category--list .txt {
  line-height: 1.5;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #E7EEF0;
  border-radius: 4px;
}
.item__category--list .halal,
.info__category--list .halal {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}

.item__category--list {
  gap: 6px;
  margin-bottom: 4px;
}
@media (min-width: 1025px) {
  .item__category--list {
    gap: 8px;
    margin-bottom: 8px;
  }
}
.item__category--list .txt {
  padding: 2px 6px 3px;
  font-size: 10px;
}
@media (min-width: 1025px) {
  .item__category--list .txt {
    font-size: 13px;
    padding: 3px 16px 4px;
  }
}
.item__category--list .vege {
  width: 26px;
}
@media (min-width: 1025px) {
  .item__category--list .vege {
    width: 30px;
  }
}
.item__category--list .halal {
  width: 22px;
}
@media (min-width: 1025px) {
  .item__category--list .halal {
    width: 26px;
  }
}

.info__category--list {
  gap: 15px;
}
@media (min-width: 1025px) {
  .info__category--list {
    gap: 10px;
  }
}
.info__category--list .txt {
  font-size: 13px;
  padding: 3px 16px 4px;
}
.info__category--list .vege {
  width: 32px;
}
.info__category--list .halal {
  width: 26px;
}

/*------------------------------------------
modal
------------------------------------------*/
.modal__block {
  color: #023B7D;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  max-width: 100%;
  max-height: 100%;
  border: none;
  background: none;
  overflow: hidden;
  padding: 0;
}
@media (min-width: 1025px) {
  .modal__block {
    overflow-y: visible;
    padding: 0;
  }
}
.modal__block::-ms-backdrop {
  background: rgba(39, 38, 35, 0.9);
}
.modal__block::backdrop {
  background: rgba(39, 38, 35, 0.9);
}

.modal__wrap {
  width: 100%;
  height: 100%;
  max-height: none;
  position: relative;
  top: auto;
  left: auto;
  -webkit-transform: none;
          transform: none;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 36px 16px 166px;
}
.modal__wrap:focus {
  outline: none;
}
@media (min-width: 1025px) {
  .modal__wrap {
    height: auto;
    max-width: 1050px;
    max-height: calc(100vh - 100px);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    overflow: visible;
    padding: 0;
  }
}

.modal__cnt {
  position: relative;
}
.modal__cnt .modal__close {
  border-radius: 50%;
  border: 1px solid #023B7D;
  background: #fff;
  width: 37px;
  height: 37px;
  position: absolute;
  top: -20px;
  right: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  z-index: 2;
}
@media (min-width: 1025px) {
  .modal__cnt .modal__close {
    top: 20px;
    right: 26px;
  }
}
.modal__cnt .modal__close::before, .modal__cnt .modal__close::after {
  content: "";
  background: #023B7D;
  position: absolute;
  inset: 0;
  margin: auto;
}
.modal__cnt .modal__close::before {
  width: 15px;
  height: 1px;
}
.modal__cnt .modal__close::after {
  width: 1px;
  height: 15px;
}
.modal__cnt .modal__close:focus-visible {
  background: #023B7D;
}
.modal__cnt .modal__close:focus-visible::before, .modal__cnt .modal__close:focus-visible::after {
  background: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .modal__cnt .modal__close:hover {
    background: #023B7D;
  }
  .modal__cnt .modal__close:hover::before, .modal__cnt .modal__close:hover::after {
    background: #fff;
  }
}
.modal__cnt .modal__arrow--prev,
.modal__cnt .modal__arrow--next {
  width: 110px;
  height: 42px;
  position: absolute;
  bottom: -54px;
  background: #fff;
}
@media (min-width: 1025px) {
  .modal__cnt .modal__arrow--prev,
  .modal__cnt .modal__arrow--next {
    width: 74px;
    height: 90px;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 1px solid #023B7D;
  }
}
@media (max-width: 1024px) {
  .modal__cnt .modal__arrow--prev,
  .modal__cnt .modal__arrow--next {
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.modal__cnt .modal__arrow--prev .txt,
.modal__cnt .modal__arrow--next .txt {
  display: inline-block;
  width: 100%;
  line-height: 1;
  font-size: 12px;
  position: relative;
}
@media (min-width: 1025px) {
  .modal__cnt .modal__arrow--prev .txt,
  .modal__cnt .modal__arrow--next .txt {
    text-align: center;
    font-size: 14px;
    padding: 30px 0 0;
  }
}
.modal__cnt .modal__arrow--prev .txt::after,
.modal__cnt .modal__arrow--next .txt::after {
  content: "";
  background: #023B7D;
  -webkit-mask: url(../images/ico_arrow.svg) no-repeat center/contain;
          mask: url(../images/ico_arrow.svg) no-repeat center/contain;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 2px;
  bottom: 0;
  margin: auto;
}
@media (min-width: 1025px) {
  .modal__cnt .modal__arrow--prev .txt::after,
  .modal__cnt .modal__arrow--next .txt::after {
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
  }
}
.modal__cnt .modal__arrow--prev:focus-visible,
.modal__cnt .modal__arrow--next:focus-visible {
  background: #023B7D;
}
.modal__cnt .modal__arrow--prev:focus-visible .txt,
.modal__cnt .modal__arrow--next:focus-visible .txt {
  color: #fff;
}
.modal__cnt .modal__arrow--prev:focus-visible .txt::after,
.modal__cnt .modal__arrow--next:focus-visible .txt::after {
  background: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .modal__cnt .modal__arrow--prev:hover,
  .modal__cnt .modal__arrow--next:hover {
    background: #023B7D;
  }
  .modal__cnt .modal__arrow--prev:hover .txt,
  .modal__cnt .modal__arrow--next:hover .txt {
    color: #fff;
  }
  .modal__cnt .modal__arrow--prev:hover .txt::after,
  .modal__cnt .modal__arrow--next:hover .txt::after {
    background: #fff;
  }
}
.modal__cnt .modal__arrow--prev {
  left: 0;
}
@media (min-width: 1025px) {
  .modal__cnt .modal__arrow--prev {
    left: -52px;
    border-left: none;
    border-radius: 0 8px 8px 0;
  }
}
@media (max-width: 1024px) {
  .modal__cnt .modal__arrow--prev {
    padding: 0 0 0 35px;
  }
}
.modal__cnt .modal__arrow--prev .txt::after {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
@media (max-width: 1024px) {
  .modal__cnt .modal__arrow--prev .txt::after {
    left: -22px;
  }
}
.modal__cnt .modal__arrow--next {
  right: 0;
}
@media (min-width: 1025px) {
  .modal__cnt .modal__arrow--next {
    right: -52px;
    border-right: none;
    border-radius: 8px 0 0 8px;
  }
}
@media (max-width: 1024px) {
  .modal__cnt .modal__arrow--next {
    padding: 0 0 0 24px;
  }
}
@media (max-width: 1024px) {
  .modal__cnt .modal__arrow--next .txt::after {
    right: 14px;
  }
}
.modal__cnt .modal__limited {
  position: absolute;
  top: -30px;
  left: 0;
  width: 113px;
}
@media (min-width: 1025px) {
  .modal__cnt .modal__limited {
    top: -39px;
    width: 152px;
  }
}
.modal__cnt .contents {
  position: relative;
  background: linear-gradient(to bottom, transparent 30px, #F5F4F0 22px);
  border-radius: 8px;
}
@media (min-width: 1025px) {
  .modal__cnt .contents {
    padding: 60px 66px;
    border-radius: 20px;
    background: #F5F4F0;
  }
}
.modal__cnt .modal__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
@media (min-width: 1025px) {
  .modal__cnt .modal__info {
    gap: 36px;
  }
}
.modal__cnt .modal__info .info__img {
  width: 100%;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}
@media (min-width: 1025px) {
  .modal__cnt .modal__info .info__img {
    width: 480px;
    border-radius: 6px 6px 0 0;
  }
}
.modal__cnt .modal__info .info__img .splide {
  position: relative;
  overflow: hidden;
}
.modal__cnt .modal__info .info__img .splide.no-slide {
  visibility: visible;
}
.modal__cnt .modal__info .info__img .splide.no-slide .splide__slide {
  width: 100%;
}
.modal__cnt .modal__info .info__img .splide.no-slide .splide__arrows,
.modal__cnt .modal__info .info__img .splide.no-slide .splide__toggle,
.modal__cnt .modal__info .info__img .splide.no-slide .slider__count {
  display: none;
}
.modal__cnt .modal__info .info__img .splide.no-slide .splide__list {
  display: block;
}
.modal__cnt .modal__info .info__img .splide__wrapper {
  width: 100%;
  position: relative;
  margin: 0 auto;
  padding: 25px 0 35px;
}
@media (min-width: 1025px) {
  .modal__cnt .modal__info .info__img .splide__wrapper {
    padding: 30px 0 48px;
  }
}
.modal__cnt .modal__info .info__img .splide__track {
  overflow: visible;
}
.modal__cnt .modal__info .info__img .splide__slide .slide--inner {
  position: relative;
}
.modal__cnt .modal__info .info__img .splide__slide .slide--limited {
  width: 83px;
  position: absolute;
  top: -22px;
  left: 1px;
}
@media (min-width: 1025px) {
  .modal__cnt .modal__info .info__img .splide__slide .slide--limited {
    width: 152px;
    top: -27px;
    left: 0;
  }
}
.modal__cnt .modal__info .info__img .splide__slide .slide--img {
  aspect-ratio: 1/1;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1024px) {
  .modal__cnt .modal__info .info__img .splide__slide .slide--img {
    border-radius: 8px 8px 0 0;
  }
}
.modal__cnt .modal__info .info__img .splide__slide .slide--txt {
  opacity: 0;
  -webkit-transition: opacity 0.7s ease-in-out;
  transition: opacity 0.7s ease-in-out;
  line-height: 1.5;
  margin-top: 8px;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
}
@media (min-width: 1025px) {
  .modal__cnt .modal__info .info__img .splide__slide .slide--txt {
    padding-right: 160px;
    text-align: left;
  }
}
.modal__cnt .modal__info .info__img .splide__slide.is-active .slide--txt {
  opacity: 1;
}
.modal__cnt .modal__info .info__img .splide__toggle {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #023B7D;
  width: 22px;
  height: 22px;
  position: absolute;
  right: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media (min-width: 1025px) {
  .modal__cnt .modal__info .info__img .splide__toggle {
    top: 518px;
  }
}
@media (max-width: 1024px) {
  .modal__cnt .modal__info .info__img .splide__toggle {
    width: 20px;
    height: 20px;
    left: 146px;
    bottom: 7px;
    margin: auto;
  }
}
.modal__cnt .modal__info .info__img .splide__toggle .splide__toggle__play,
.modal__cnt .modal__info .info__img .splide__toggle .splide__toggle__pause {
  width: 100%;
  height: 100%;
}
.modal__cnt .modal__info .info__img .splide__toggle .ico--play,
.modal__cnt .modal__info .info__img .splide__toggle .ico--pause {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.modal__cnt .modal__info .info__img .splide__toggle .ico--play::after {
  content: "";
  position: absolute;
  inset: 0;
  left: 1px;
  margin: auto;
  width: 0;
  height: 0;
  color: #023B7D;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 5px solid currentColor;
}
.modal__cnt .modal__info .info__img .splide__toggle .ico--pause::before, .modal__cnt .modal__info .info__img .splide__toggle .ico--pause::after {
  content: "";
  background: #023B7D;
  width: 2px;
  height: 6px;
  position: absolute;
  inset: 0;
  margin: auto;
}
.modal__cnt .modal__info .info__img .splide__toggle .ico--pause::before {
  left: -4px;
}
.modal__cnt .modal__info .info__img .splide__toggle .ico--pause::after {
  right: -4px;
}
.modal__cnt .modal__info .info__img .splide__toggle:focus-visible {
  outline: 3px solid #005fcc;
  outline-offset: 3px;
  background: #023B7D;
}
.modal__cnt .modal__info .info__img .splide__toggle:focus-visible .ico--play::after {
  color: #fff;
}
.modal__cnt .modal__info .info__img .splide__toggle:focus-visible .ico--pause::before, .modal__cnt .modal__info .info__img .splide__toggle:focus-visible .ico--pause::after {
  background: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .modal__cnt .modal__info .info__img .splide__toggle:hover {
    background: #023B7D;
  }
  .modal__cnt .modal__info .info__img .splide__toggle:hover .ico--play::after {
    color: #fff;
  }
  .modal__cnt .modal__info .info__img .splide__toggle:hover .ico--pause::before, .modal__cnt .modal__info .info__img .splide__toggle:hover .ico--pause::after {
    background: #fff;
  }
}
.modal__cnt .modal__info .info__img .splide__arrows {
  position: absolute;
  width: 106px;
  height: 20px;
}
@media (min-width: 1025px) {
  .modal__cnt .modal__info .info__img .splide__arrows {
    right: 38px;
    top: 520px;
  }
}
@media (max-width: 1024px) {
  .modal__cnt .modal__info .info__img .splide__arrows {
    left: 0;
    right: 0;
    bottom: 7px;
    margin: auto;
  }
}
.modal__cnt .modal__info .info__img .splide__arrows .splide__arrow {
  opacity: 1;
  top: 0;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border: 1px solid #023B7D;
  background: #fff;
  width: 20px;
  height: 100%;
}
.modal__cnt .modal__info .info__img .splide__arrows .splide__arrow > svg {
  display: none;
}
.modal__cnt .modal__info .info__img .splide__arrows .splide__arrow::after {
  content: "";
  width: 4px;
  height: 4px;
  position: absolute;
  inset: 0;
  margin: auto;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-right: 1px solid #023B7D;
  border-bottom: 1px solid #023B7D;
}
.modal__cnt .modal__info .info__img .splide__arrows .splide__arrow.splide__arrow--prev {
  left: 0;
}
.modal__cnt .modal__info .info__img .splide__arrows .splide__arrow.splide__arrow--prev::after {
  -webkit-transform: rotate(45deg) scaleX(-1);
          transform: rotate(45deg) scaleX(-1);
}
.modal__cnt .modal__info .info__img .splide__arrows .splide__arrow.splide__arrow--next {
  right: 0;
}
.modal__cnt .modal__info .info__img .splide__arrows .splide__arrow:focus-visible {
  outline: 3px solid #005fcc;
  outline-offset: 3px;
  background: #023B7D;
}
.modal__cnt .modal__info .info__img .splide__arrows .splide__arrow:focus-visible::after {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
@media (hover: hover) and (pointer: fine) {
  .modal__cnt .modal__info .info__img .splide__arrows .splide__arrow:hover {
    background: #023B7D;
  }
  .modal__cnt .modal__info .info__img .splide__arrows .splide__arrow:hover::after {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
}
.modal__cnt .modal__info .info__img .slider__count {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
@media (min-width: 1025px) {
  .modal__cnt .modal__info .info__img .slider__count {
    right: 74px;
    top: 522px;
  }
}
@media (max-width: 1024px) {
  .modal__cnt .modal__info .info__img .slider__count {
    left: 0;
    right: 0;
    bottom: 11px;
    margin: auto;
  }
}
.modal__cnt .modal__info .info__img .slider__count > span {
  display: inline-block;
  line-height: 1;
  font-weight: 400;
  font-size: 14px;
}
.modal__cnt .modal__info .info__detail {
  width: 100%;
  padding: 0 16px 24px;
  position: static;
}
@media (min-width: 1025px) {
  .modal__cnt .modal__info .info__detail {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 30px 0 0;
  }
}
.modal__cnt .modal__info .info__detail .menu__cnts {
  margin-bottom: 24px;
}
.modal__cnt .modal__info .info__detail .menu__cnts:last-of-type {
  margin-bottom: 0;
}
.modal__cnt .modal__info .info__detail .info__ttl {
  line-height: 1.5;
  font-weight: 700;
  font-size: 18px;
  margin-top: 8px;
}
@media (min-width: 1025px) {
  .modal__cnt .modal__info .info__detail .info__ttl {
    font-size: 24px;
  }
}
.modal__cnt .modal__info .info__detail .info__price {
  font-weight: 700;
  margin-top: 4px;
}
.modal__cnt .modal__info .info__detail .info__price span {
  display: inline-block;
}
.modal__cnt .modal__info .info__detail .info__price .price__group:not(:last-of-type) {
  margin-right: 5px;
}
.modal__cnt .modal__info .info__detail .info__price .price {
  font-size: 18px;
}
@media (min-width: 1025px) {
  .modal__cnt .modal__info .info__detail .info__price .price {
    font-size: 24px;
  }
}
.modal__cnt .modal__info .info__detail .info__price .small {
  font-size: 12px;
}
.modal__cnt .modal__info .info__detail .info__price .s--txt {
  margin-right: 5px;
  font-size: 12px;
}
.modal__cnt .modal__info .info__detail .info__txt {
  margin-top: 12px;
  padding-top: 12px;
  line-height: 1.5;
  font-size: 14px;
  position: relative;
  white-space: pre-line;
}
@media (min-width: 1025px) {
  .modal__cnt .modal__info .info__detail .info__txt {
    font-weight: 400;
    font-size: 16px;
  }
}
.modal__cnt .modal__info .info__detail .info__txt::before {
  content: "";
  width: 100%;
  height: 1px;
  background: url(../images/dashed_subttl.png) repeat-x left 0/935px 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.modal__cnt .modal__info .info__detail .shop__cnts {
  margin-top: 32px;
}
.modal__cnt .modal__info .info__detail .info__sub--ttl {
  position: relative;
  margin-bottom: 16px;
}
.modal__cnt .modal__info .info__detail .info__sub--ttl::before {
  content: "";
  width: 100%;
  height: 1px;
  background: url(../images/dashed_subttl.png) repeat-x left 0/935px 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
}
.modal__cnt .modal__info .info__detail .info__sub--ttl .txt {
  background: #F5F4F0;
  display: inline-block;
  padding: 0 10px 0 35px;
  position: relative;
  z-index: 2;
  line-height: 1.4;
  font-size: 14px;
}
.modal__cnt .modal__info .info__detail .info__sub--ttl .txt::before {
  content: "";
  background: url(../images/ico_airplane.svg) no-repeat center/100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 27px;
  height: 23px;
}
.modal__cnt .modal__info .info__detail .shop__detail {
  margin-bottom: 10px;
}
@media (min-width: 1025px) {
  .modal__cnt .modal__info .info__detail .shop__detail {
    margin-bottom: 20px;
  }
}
.modal__cnt .modal__info .info__detail .shop__detail:last-child {
  margin-bottom: 0;
}
.modal__cnt .modal__info .info__detail .shop__detail > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
@media (min-width: 1025px) {
  .modal__cnt .modal__info .info__detail .shop__detail > a {
    gap: 25px;
  }
}
.modal__cnt .modal__info .info__detail .shop__detail > a:focus-visible {
  outline: 3px solid #005fcc;
  outline-offset: 4px;
}
.modal__cnt .modal__info .info__detail .shop__detail > a:focus-visible .shop__info .shop__ttl {
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  .modal__cnt .modal__info .info__detail .shop__detail > a:hover .shop__info .shop__ttl {
    text-decoration: underline;
  }
}
.modal__cnt .modal__info .info__detail .shop__detail .shop__logo {
  width: 100px;
  background: #fff;
  padding: 8px;
}
.modal__cnt .modal__info .info__detail .shop__detail .shop__info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.modal__cnt .modal__info .info__detail .shop__detail .shop__info .shop__ttl {
  line-height: 1.5;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 8px;
}
@media (min-width: 1025px) {
  .modal__cnt .modal__info .info__detail .shop__detail .shop__info .shop__ttl {
    font-size: 16px;
  }
}
.modal__cnt .modal__info .info__detail .shop__detail .shop__info .shop__location {
  position: relative;
  font-size: 12px;
  padding-left: 20px;
  text-decoration: underline;
}
@media (min-width: 1025px) {
  .modal__cnt .modal__info .info__detail .shop__detail .shop__info .shop__location {
    font-size: 14px;
  }
}
.modal__cnt .modal__info .info__detail .shop__detail .shop__info .shop__location::before {
  content: "";
  background: url(../images/ico_pin.svg) no-repeat center/100%;
  width: 12px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.modal__cnt .modal__info .info__detail .cnts__close {
  width: 120px;
  height: 36px;
  border: 1px solid #023B7D;
  border-radius: 26px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media (min-width: 1025px) {
  .modal__cnt .modal__info .info__detail .cnts__close {
    margin: 36px auto 0;
  }
}
@media (max-width: 1024px) {
  .modal__cnt .modal__info .info__detail .cnts__close {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -126px;
    margin: auto;
  }
}
.modal__cnt .modal__info .info__detail .cnts__close .txt {
  display: inline-block;
  padding: 0 30px 0 45px;
  font-size: 15px;
  line-height: 1.2;
  position: relative;
}
.modal__cnt .modal__info .info__detail .cnts__close .txt::before, .modal__cnt .modal__info .info__detail .cnts__close .txt::after {
  content: "";
  background: #023B7D;
  position: absolute;
  top: 2px;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.modal__cnt .modal__info .info__detail .cnts__close .txt::before {
  width: 15px;
  height: 1px;
  left: 16px;
}
.modal__cnt .modal__info .info__detail .cnts__close .txt::after {
  width: 1px;
  height: 15px;
  left: 23px;
}
.modal__cnt .modal__info .info__detail .cnts__close:focus-visible {
  background: #023B7D;
}
.modal__cnt .modal__info .info__detail .cnts__close:focus-visible .txt {
  color: #fff;
}
.modal__cnt .modal__info .info__detail .cnts__close:focus-visible .txt::before, .modal__cnt .modal__info .info__detail .cnts__close:focus-visible .txt::after {
  background: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .modal__cnt .modal__info .info__detail .cnts__close:hover {
    background: #023B7D;
  }
  .modal__cnt .modal__info .info__detail .cnts__close:hover .txt {
    color: #fff;
  }
  .modal__cnt .modal__info .info__detail .cnts__close:hover .txt::before, .modal__cnt .modal__info .info__detail .cnts__close:hover .txt::after {
    background: #fff;
  }
}

/*------------------------------------------
loading__area
------------------------------------------*/
.loading__area {
  width: 28px;
  margin: 64px auto 0;
}
@media (min-width: 1025px) {
  .loading__area {
    width: 56px;
    margin: 100px auto 0;
  }
}

/*------------------------------------------
bottom area
------------------------------------------*/
.ill__group {
  width: 100%;
  max-width: 354px;
  margin: 100px auto 0;
}
@media (min-width: 1025px) {
  .ill__group {
    max-width: 1024px;
  }
}

.restaurant__btn {
  width: 274px;
  height: 48px;
  margin: 64px auto 40px;
}
@media (min-width: 1025px) {
  .restaurant__btn {
    width: 340px;
    height: 56px;
    margin: 0 auto;
  }
}
.restaurant__btn > a {
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid #023B7D;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 21px 0 17px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media (min-width: 1025px) {
  .restaurant__btn > a {
    border: 2px solid #023B7D;
    padding: 0 32px 0 22px;
  }
}
.restaurant__btn > a .txt {
  display: inline-block;
  position: relative;
  padding-left: 68px;
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
}
@media (min-width: 1025px) {
  .restaurant__btn > a .txt {
    padding-left: 84px;
    font-size: 18px;
  }
}
.restaurant__btn > a .txt::before {
  content: "";
  background: url(../images/ico_restaurant.svg) no-repeat center/100%;
  width: 56px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
@media (min-width: 1025px) {
  .restaurant__btn > a .txt::before {
    width: 67px;
    height: 32px;
  }
}
.restaurant__btn > a:focus-visible {
  background: #023B7D;
}
.restaurant__btn > a:focus-visible .txt {
  color: #fff;
}
.restaurant__btn > a:focus-visible .txt::before {
  background: url(../images/ico_restaurant_on.svg) no-repeat center/100%;
}
@media (hover: hover) and (pointer: fine) {
  .restaurant__btn > a:hover {
    background: #023B7D;
  }
  .restaurant__btn > a:hover .txt {
    color: #fff;
  }
  .restaurant__btn > a:hover .txt::before {
    background: url(../images/ico_restaurant_on.svg) no-repeat center/100%;
  }
}

.ill__btm {
  width: 100%;
  max-width: 347px;
  margin: 40px auto 0;
}
@media (min-width: 1025px) {
  .ill__btm {
    max-width: 811px;
    margin: 0 auto;
  }
}

/*------------------------------------------
gnav__btn
------------------------------------------*/
.gnav__btn,
.gnav__btn--close {
  display: block;
  width: 196px;
  height: 36px;
  border-radius: 8px 8px 0px 0px;
  background: #023B7D;
  padding: 0 14px 0 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1025px) {
  .gnav__btn,
  .gnav__btn--close {
    display: none;
  }
}
.gnav__btn .txt,
.gnav__btn--close .txt {
  color: #fff;
  line-height: 1;
  font-weight: 700;
  font-size: 14px;
  position: relative;
  padding: 0 34px 0 25px;
}
.gnav__btn .txt::before, .gnav__btn .txt::after,
.gnav__btn--close .txt::before,
.gnav__btn--close .txt::after {
  content: "";
  position: absolute;
}
.gnav__btn .txt::before,
.gnav__btn--close .txt::before {
  background: url(../images/ico_search_3.svg) no-repeat center/100%;
  width: 15px;
  height: 15px;
  top: 2px;
  left: 0;
  bottom: 0;
  margin: auto;
}
.gnav__btn .txt::after,
.gnav__btn--close .txt::after {
  width: 8px;
  height: 8px;
  right: 0;
  bottom: 0;
  margin: auto;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.gnav__btn {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 10;
  opacity: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
}
.gnav__btn .txt::after {
  top: 5px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.gnav__btn:focus-visible {
  outline: 3px solid #005fcc;
  outline-offset: 2px;
}
.gnav__btn.is-show {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.gnav__btn--close {
  margin: 0 auto;
}
.gnav__btn--close .txt::after {
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.gnav__btn--close:focus-visible {
  outline: 3px solid #005fcc;
  outline-offset: 2px;
}

.gnav__container {
  visibility: hidden;
  -webkit-transition: visibility 0s 0.3s;
  transition: visibility 0s 0.3s;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 100;
  scrollbar-width: none;
  scrollbar-color: transparent transparent;
  padding: 60px 15px 0;
}
.gnav__container .gnav__nav--bg {
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  position: fixed;
  top: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
  background-color: rgba(0, 0, 0, 0.8);
}
.gnav__container .gnav__nav--wrap {
  width: 100%;
  margin: 0 0 0 auto;
  position: relative;
  z-index: 1;
  padding-bottom: calc(40px + env(safe-area-inset-bottom));
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gnav__container .gnav__nav--wrap .search__cnt {
  background: #EDECE8;
  border-radius: 8px;
  padding: 40px 16px;
}
.gnav__container.is-open {
  visibility: visible;
  -webkit-transition: visibility 0s;
  transition: visibility 0s;
}
.gnav__container.is-open .gnav__nav--bg {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.gnav__container.is-open .gnav__nav--wrap {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/*------------------------------------------
mv__container
------------------------------------------*/
@-webkit-keyframes slideY-pc {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(23.0600292826vw);
            transform: translateY(23.0600292826vw);
    opacity: 1;
  }
}
@keyframes slideY-pc {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(23.0600292826vw);
            transform: translateY(23.0600292826vw);
    opacity: 1;
  }
}
@-webkit-keyframes slideY-sp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(131.2vw);
            transform: translateY(131.2vw);
    opacity: 1;
  }
}
@keyframes slideY-sp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(131.2vw);
            transform: translateY(131.2vw);
    opacity: 1;
  }
}
.mv__container {
  height: 326.4vw;
  position: relative;
}
@media (min-width: 1025px) {
  .mv__container {
    height: 98.9751098097vw;
  }
}
.mv__container .mv__plan--1,
.mv__container .mv__plan--2,
.mv__container .mv__track {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.mv__container .mv__circle--area {
  width: 116.2666666667vw;
  height: 116.2666666667vw;
  position: absolute;
  top: 34.6666666667vw;
  left: -8vw;
  right: 0;
  margin: auto;
}
@media (min-width: 1025px) {
  .mv__container .mv__circle--area {
    width: 53.8799414348vw;
    height: 53.8799414348vw;
    top: 3.7335285505vw;
    left: 0;
  }
}
.mv__container .mv__circle {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: auto;
}
.mv__container .mv__plan--1 {
  opacity: 0;
  width: 26.6666666667vw;
  top: 10.6666666667vw;
}
@media (min-width: 1025px) {
  .mv__container .mv__plan--1 {
    width: 10.980966325vw;
    top: 5.1244509517vw;
  }
}
.mv__container .mv__ttl--area {
  opacity: 0;
  width: 84.2666666667vw;
  height: 62.1333333333vw;
  position: absolute;
  inset: 0;
  margin: auto;
}
@media (min-width: 1025px) {
  .mv__container .mv__ttl--area {
    width: 39.7510980966vw;
    height: 29.5021961933vw;
  }
}
.mv__container .mv__ttl--area .mv__subttl {
  width: 77.8666666667vw;
  margin: 0 auto;
}
@media (min-width: 1025px) {
  .mv__container .mv__ttl--area .mv__subttl {
    width: 36.82284041vw;
  }
}
.mv__container .mv__ttl--area .mv__ttl {
  width: 100%;
}
.mv__container .mv__track {
  width: 39.2vw;
  bottom: 9.8666666667vw;
  opacity: 0;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
@media (min-width: 1025px) {
  .mv__container .mv__track {
    width: 22.1083455344vw;
    bottom: 7.5402635432vw;
  }
}
.mv__container .mv__people {
  width: 91.4666666667vw;
  position: absolute;
  bottom: 14.9333333333vw;
  left: 0;
  right: 0;
  margin: auto;
  will-change: transform;
}
@media (min-width: 1025px) {
  .mv__container .mv__people {
    width: 95.168374817vw;
    left: auto;
    right: 1.6105417277vw;
    bottom: 7.906295754vw;
  }
}
.mv__container .mv__plan--2 {
  width: 36.2666666667vw;
  bottom: 142.6666666667vw;
  z-index: 2;
  opacity: 0;
  will-change: transform, opacity;
}
@media (min-width: 1025px) {
  .mv__container .mv__plan--2 {
    width: 14.7877013177vw;
    bottom: 30.3074670571vw;
  }
}
.mv__container .mv__gourmet--1,
.mv__container .mv__gourmet--2,
.mv__container .mv__gourmet--3,
.mv__container .mv__gourmet--4,
.mv__container .mv__gourmet--5,
.mv__container .mv__gourmet--6,
.mv__container .mv__gourmet--7,
.mv__container .mv__gourmet--8,
.mv__container .mv__gourmet--9,
.mv__container .mv__gourmet--10,
.mv__container .mv__gourmet--11,
.mv__container .mv__gourmet--12,
.mv__container .mv__gourmet--13,
.mv__container .mv__gourmet--14,
.mv__container .mv__gourmet--15 {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  -webkit-filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.08));
          filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.08));
}
@media (min-width: 1025px) {
  .mv__container .mv__gourmet--1,
  .mv__container .mv__gourmet--2,
  .mv__container .mv__gourmet--3,
  .mv__container .mv__gourmet--4,
  .mv__container .mv__gourmet--5,
  .mv__container .mv__gourmet--6,
  .mv__container .mv__gourmet--7,
  .mv__container .mv__gourmet--8,
  .mv__container .mv__gourmet--9,
  .mv__container .mv__gourmet--10,
  .mv__container .mv__gourmet--11,
  .mv__container .mv__gourmet--12,
  .mv__container .mv__gourmet--13,
  .mv__container .mv__gourmet--14,
  .mv__container .mv__gourmet--15 {
    -webkit-filter: drop-shadow(8px 8px 10px rgba(0, 0, 0, 0.08));
            filter: drop-shadow(8px 8px 10px rgba(0, 0, 0, 0.08));
  }
}
.mv__container .mv__gourmet--1,
.mv__container .mv__gourmet--2,
.mv__container .mv__gourmet--3,
.mv__container .mv__gourmet--4,
.mv__container .mv__gourmet--5,
.mv__container .mv__gourmet--6,
.mv__container .mv__gourmet--7 {
  opacity: 0;
}
@media (min-width: 1025px) {
  .mv__container .mv__gourmet--8,
  .mv__container .mv__gourmet--9,
  .mv__container .mv__gourmet--10,
  .mv__container .mv__gourmet--11,
  .mv__container .mv__gourmet--12,
  .mv__container .mv__gourmet--13,
  .mv__container .mv__gourmet--14,
  .mv__container .mv__gourmet--15,
  .mv__container .mv__people {
    opacity: 0;
  }
}
.mv__container .mv__gourmet--1 {
  width: 38.4vw;
  top: 1.0666666667vw;
  left: 1.3333333333vw;
}
@media (min-width: 1025px) {
  .mv__container .mv__gourmet--1 {
    width: 24.3777452416vw;
    top: -3.6603221083vw;
    left: 4.39238653vw;
  }
}
.mv__container .mv__gourmet--2 {
  width: 37.0666666667vw;
  top: 8vw;
  right: 24.2666666667vw;
}
@media (min-width: 1025px) {
  .mv__container .mv__gourmet--2 {
    width: 19.5461200586vw;
    top: 2.0497803807vw;
    right: 13.6896046852vw;
  }
}
.mv__container .mv__gourmet--3 {
  width: 31.4666666667vw;
  top: 5.0666666667vw;
  right: -7.4666666667vw;
}
@media (min-width: 1025px) {
  .mv__container .mv__gourmet--3 {
    width: 19.6925329429vw;
    top: 4.1727672035vw;
    right: -5.270863836vw;
  }
}
.mv__container .mv__gourmet--4 {
  width: 25.6vw;
  top: 31.4666666667vw;
  left: -7.4666666667vw;
}
@media (min-width: 1025px) {
  .mv__container .mv__gourmet--4 {
    width: 15.3733528551vw;
    top: 13.6896046852vw;
    left: -4.0263543192vw;
  }
}
.mv__container .mv__gourmet--5 {
  width: 32.8vw;
  top: 132vw;
  left: -2.6666666667vw;
}
@media (min-width: 1025px) {
  .mv__container .mv__gourmet--5 {
    width: 21.0102489019vw;
    top: 21.3762811127vw;
    left: 8.1259150805vw;
  }
}
.mv__container .mv__gourmet--6 {
  width: 30.9333333333vw;
  top: 35.4666666667vw;
  right: 0;
}
@media (min-width: 1025px) {
  .mv__container .mv__gourmet--6 {
    width: 25.8418740849vw;
    top: 15.4465592972vw;
    right: 8.78477306vw;
  }
}
.mv__container .mv__gourmet--7 {
  width: 30.1333333333vw;
  top: 134.6666666667vw;
  right: -3.4666666667vw;
}
@media (min-width: 1025px) {
  .mv__container .mv__gourmet--7 {
    width: 21.3030746706vw;
    top: 26.9399707174vw;
    right: -4.7584187408vw;
  }
}
.mv__container .mv__gourmet--8 {
  width: 20vw;
  top: 224vw;
  left: 3.4666666667vw;
}
@media (min-width: 1025px) {
  .mv__container .mv__gourmet--8 {
    width: 12.737920937vw;
    top: 37.4084919473vw;
    left: -1.756954612vw;
  }
}
.mv__container .mv__gourmet--9 {
  width: 27.7333333333vw;
  top: 167.4666666667vw;
  left: 0.8vw;
}
@media (min-width: 1025px) {
  .mv__container .mv__gourmet--9 {
    width: 23.2064421669vw;
    top: 42.6793557833vw;
    left: 10.102489019vw;
  }
}
.mv__container .mv__gourmet--10 {
  width: 21.0666666667vw;
  top: 164.5333333333vw;
  right: 8.5333333333vw;
}
@media (min-width: 1025px) {
  .mv__container .mv__gourmet--10 {
    width: 16.8374816984vw;
    top: 44.729136164vw;
    right: 15.1537335286vw;
  }
}
.mv__container .mv__gourmet--11 {
  width: 15.7333333333vw;
  top: 180.2666666667vw;
  right: 0.5333333333vw;
}
@media (min-width: 1025px) {
  .mv__container .mv__gourmet--11 {
    width: 10.6149341142vw;
    top: 53.2942898975vw;
    right: 6.3689604685vw;
  }
}
.mv__container .mv__gourmet--12 {
  display: none;
}
@media (min-width: 1025px) {
  .mv__container .mv__gourmet--12 {
    display: block;
    width: 18.6676427526vw;
    bottom: 19.9853587116vw;
    left: -6.588579795vw;
  }
}
.mv__container .mv__gourmet--13 {
  width: 32.5333333333vw;
  bottom: 39.2vw;
  left: -3.7333333333vw;
  -webkit-transform: rotate(9deg);
          transform: rotate(9deg);
}
@media (min-width: 1025px) {
  .mv__container .mv__gourmet--13 {
    width: 21.2298682284vw;
    bottom: 17.1303074671vw;
    left: 16.6178623719vw;
  }
}
.mv__container .mv__gourmet--14 {
  width: 34.4vw;
  bottom: 74.1333333333vw;
  right: -4.5333333333vw;
}
@media (min-width: 1025px) {
  .mv__container .mv__gourmet--14 {
    width: 19.7657393851vw;
    bottom: 23.7920937042vw;
    right: 17.4231332357vw;
  }
}
.mv__container .mv__gourmet--15 {
  width: 32.2666666667vw;
  bottom: 34.4vw;
  right: -5.3333333333vw;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}
@media (min-width: 1025px) {
  .mv__container .mv__gourmet--15 {
    width: 19.8389458272vw;
    bottom: 9.4436310395vw;
    right: 6.8814055637vw;
  }
}

/*------------------------------------------
animation
------------------------------------------*/
@-webkit-keyframes scaleRotate {
  0% {
    -webkit-transform: scale(0.623) rotate(40deg);
            transform: scale(0.623) rotate(40deg);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(1) rotate(24deg);
            transform: scale(1) rotate(24deg);
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}
@keyframes scaleRotate {
  0% {
    -webkit-transform: scale(0.623) rotate(40deg);
            transform: scale(0.623) rotate(40deg);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(1) rotate(24deg);
            transform: scale(1) rotate(24deg);
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}
@-webkit-keyframes appear {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes appear {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes slideX-pc {
  0% {
    -webkit-transform: translateX(-25.7686676428vw);
            transform: translateX(-25.7686676428vw);
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slideX-pc {
  0% {
    -webkit-transform: translateX(-25.7686676428vw);
            transform: translateX(-25.7686676428vw);
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes slideX-sp {
  0% {
    -webkit-transform: translateX(-58.1333333333vw);
            transform: translateX(-58.1333333333vw);
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slideX-sp {
  0% {
    -webkit-transform: translateX(-58.1333333333vw);
            transform: translateX(-58.1333333333vw);
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes mvgourmet1-pc {
  0% {
    opacity: 0;
    -webkit-transform: translate(8.78477306vw, 2.635431918vw) scale(0.8) rotate(82deg);
            transform: translate(8.78477306vw, 2.635431918vw) scale(0.8) rotate(82deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(22deg);
            transform: translate(0) scale(1) rotate(22deg);
  }
}
@keyframes mvgourmet1-pc {
  0% {
    opacity: 0;
    -webkit-transform: translate(8.78477306vw, 2.635431918vw) scale(0.8) rotate(82deg);
            transform: translate(8.78477306vw, 2.635431918vw) scale(0.8) rotate(82deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(22deg);
            transform: translate(0) scale(1) rotate(22deg);
  }
}
@-webkit-keyframes mvgourmet1-sp {
  0% {
    opacity: 0;
    -webkit-transform: translate(6.6666666667vw, 9.6vw) scale(0.8) rotate(30deg);
            transform: translate(6.6666666667vw, 9.6vw) scale(0.8) rotate(30deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(-30deg);
            transform: translate(0) scale(1) rotate(-30deg);
  }
}
@keyframes mvgourmet1-sp {
  0% {
    opacity: 0;
    -webkit-transform: translate(6.6666666667vw, 9.6vw) scale(0.8) rotate(30deg);
            transform: translate(6.6666666667vw, 9.6vw) scale(0.8) rotate(30deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(-30deg);
            transform: translate(0) scale(1) rotate(-30deg);
  }
}
@-webkit-keyframes mvgourmet2-pc {
  0% {
    opacity: 0;
    -webkit-transform: translate(-5.8565153734vw, 3.6603221083vw) scale(0.8) rotate(-60deg);
            transform: translate(-5.8565153734vw, 3.6603221083vw) scale(0.8) rotate(-60deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(-10deg);
            transform: translate(0) scale(1) rotate(-10deg);
  }
}
@keyframes mvgourmet2-pc {
  0% {
    opacity: 0;
    -webkit-transform: translate(-5.8565153734vw, 3.6603221083vw) scale(0.8) rotate(-60deg);
            transform: translate(-5.8565153734vw, 3.6603221083vw) scale(0.8) rotate(-60deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(-10deg);
            transform: translate(0) scale(1) rotate(-10deg);
  }
}
@-webkit-keyframes mvgourmet2-sp {
  0% {
    opacity: 0;
    -webkit-transform: translate(-6.6666666667vw, 10.6666666667vw) scale(0.8) rotate(40deg);
            transform: translate(-6.6666666667vw, 10.6666666667vw) scale(0.8) rotate(40deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(-10deg);
            transform: translate(0) scale(1) rotate(-10deg);
  }
}
@keyframes mvgourmet2-sp {
  0% {
    opacity: 0;
    -webkit-transform: translate(-6.6666666667vw, 10.6666666667vw) scale(0.8) rotate(40deg);
            transform: translate(-6.6666666667vw, 10.6666666667vw) scale(0.8) rotate(40deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(-10deg);
            transform: translate(0) scale(1) rotate(-10deg);
  }
}
@-webkit-keyframes mvgourmet3-pc {
  0% {
    opacity: 0;
    -webkit-transform: translate(-15.3733528551vw, 2.5622254758vw) scale(0.8) rotate(0deg);
            transform: translate(-15.3733528551vw, 2.5622254758vw) scale(0.8) rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(17deg);
            transform: translate(0) scale(1) rotate(17deg);
  }
}
@keyframes mvgourmet3-pc {
  0% {
    opacity: 0;
    -webkit-transform: translate(-15.3733528551vw, 2.5622254758vw) scale(0.8) rotate(0deg);
            transform: translate(-15.3733528551vw, 2.5622254758vw) scale(0.8) rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(17deg);
            transform: translate(0) scale(1) rotate(17deg);
  }
}
@-webkit-keyframes mvgourmet3-sp {
  0% {
    opacity: 0;
    -webkit-transform: translate(-9.6vw, 10.6666666667vw) scale(0.8) rotate(-36deg);
            transform: translate(-9.6vw, 10.6666666667vw) scale(0.8) rotate(-36deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(14deg);
            transform: translate(0) scale(1) rotate(14deg);
  }
}
@keyframes mvgourmet3-sp {
  0% {
    opacity: 0;
    -webkit-transform: translate(-9.6vw, 10.6666666667vw) scale(0.8) rotate(-36deg);
            transform: translate(-9.6vw, 10.6666666667vw) scale(0.8) rotate(-36deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(14deg);
            transform: translate(0) scale(1) rotate(14deg);
  }
}
@-webkit-keyframes mvgourmet4-pc {
  0% {
    opacity: 0;
    -webkit-transform: translate(10.2489019034vw, 0.7320644217vw) scale(0.8) rotate(80deg);
            transform: translate(10.2489019034vw, 0.7320644217vw) scale(0.8) rotate(80deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(0deg);
            transform: translate(0) scale(1) rotate(0deg);
  }
}
@keyframes mvgourmet4-pc {
  0% {
    opacity: 0;
    -webkit-transform: translate(10.2489019034vw, 0.7320644217vw) scale(0.8) rotate(80deg);
            transform: translate(10.2489019034vw, 0.7320644217vw) scale(0.8) rotate(80deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(0deg);
            transform: translate(0) scale(1) rotate(0deg);
  }
}
@-webkit-keyframes mvgourmet4-sp {
  0% {
    opacity: 0;
    -webkit-transform: translate(2.6666666667vw, 5.3333333333vw) scale(0.8) rotate(18deg);
            transform: translate(2.6666666667vw, 5.3333333333vw) scale(0.8) rotate(18deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(0deg);
            transform: translate(0) scale(1) rotate(0deg);
  }
}
@keyframes mvgourmet4-sp {
  0% {
    opacity: 0;
    -webkit-transform: translate(2.6666666667vw, 5.3333333333vw) scale(0.8) rotate(18deg);
            transform: translate(2.6666666667vw, 5.3333333333vw) scale(0.8) rotate(18deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(0deg);
            transform: translate(0) scale(1) rotate(0deg);
  }
}
@-webkit-keyframes mvgourmet5-pc {
  0% {
    opacity: 0;
    -webkit-transform: translate(8.6383601757vw, 0.5856515373vw) scale(0.6) rotate(-60deg);
            transform: translate(8.6383601757vw, 0.5856515373vw) scale(0.6) rotate(-60deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(0deg);
            transform: translate(0) scale(1) rotate(0deg);
  }
}
@keyframes mvgourmet5-pc {
  0% {
    opacity: 0;
    -webkit-transform: translate(8.6383601757vw, 0.5856515373vw) scale(0.6) rotate(-60deg);
            transform: translate(8.6383601757vw, 0.5856515373vw) scale(0.6) rotate(-60deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(0deg);
            transform: translate(0) scale(1) rotate(0deg);
  }
}
@-webkit-keyframes mvgourmet5-sp {
  0% {
    opacity: 0;
    -webkit-transform: translate(9.3333333333vw, -8vw) scale(0.6) rotate(-60deg);
            transform: translate(9.3333333333vw, -8vw) scale(0.6) rotate(-60deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(0deg);
            transform: translate(0) scale(1) rotate(0deg);
  }
}
@keyframes mvgourmet5-sp {
  0% {
    opacity: 0;
    -webkit-transform: translate(9.3333333333vw, -8vw) scale(0.6) rotate(-60deg);
            transform: translate(9.3333333333vw, -8vw) scale(0.6) rotate(-60deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(0deg);
            transform: translate(0) scale(1) rotate(0deg);
  }
}
@-webkit-keyframes mvgourmet6-pc {
  0% {
    opacity: 0;
    -webkit-transform: translate(-6.2957540264vw, -4.2459736457vw) scale(0.6) rotate(90deg);
            transform: translate(-6.2957540264vw, -4.2459736457vw) scale(0.6) rotate(90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(13deg);
            transform: translate(0) scale(1) rotate(13deg);
  }
}
@keyframes mvgourmet6-pc {
  0% {
    opacity: 0;
    -webkit-transform: translate(-6.2957540264vw, -4.2459736457vw) scale(0.6) rotate(90deg);
            transform: translate(-6.2957540264vw, -4.2459736457vw) scale(0.6) rotate(90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(13deg);
            transform: translate(0) scale(1) rotate(13deg);
  }
}
@-webkit-keyframes mvgourmet6-sp {
  0% {
    opacity: 0;
    -webkit-transform: translate(-3.4666666667vw, 4vw) scale(0.6) rotate(30deg);
            transform: translate(-3.4666666667vw, 4vw) scale(0.6) rotate(30deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(13deg);
            transform: translate(0) scale(1) rotate(13deg);
  }
}
@keyframes mvgourmet6-sp {
  0% {
    opacity: 0;
    -webkit-transform: translate(-3.4666666667vw, 4vw) scale(0.6) rotate(30deg);
            transform: translate(-3.4666666667vw, 4vw) scale(0.6) rotate(30deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(13deg);
            transform: translate(0) scale(1) rotate(13deg);
  }
}
@-webkit-keyframes mvgourmet7-pc {
  0% {
    opacity: 0;
    -webkit-transform: translate(-8.1991215227vw, -5.1244509517vw) scale(0.8) rotate(-30deg);
            transform: translate(-8.1991215227vw, -5.1244509517vw) scale(0.8) rotate(-30deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(0deg);
            transform: translate(0) scale(1) rotate(0deg);
  }
}
@keyframes mvgourmet7-pc {
  0% {
    opacity: 0;
    -webkit-transform: translate(-8.1991215227vw, -5.1244509517vw) scale(0.8) rotate(-30deg);
            transform: translate(-8.1991215227vw, -5.1244509517vw) scale(0.8) rotate(-30deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(0deg);
            transform: translate(0) scale(1) rotate(0deg);
  }
}
@-webkit-keyframes mvgourmet7-sp {
  0% {
    opacity: 0;
    -webkit-transform: translate(-8vw, -8vw) scale(0.8) rotate(-30deg);
            transform: translate(-8vw, -8vw) scale(0.8) rotate(-30deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(0deg);
            transform: translate(0) scale(1) rotate(0deg);
  }
}
@keyframes mvgourmet7-sp {
  0% {
    opacity: 0;
    -webkit-transform: translate(-8vw, -8vw) scale(0.8) rotate(-30deg);
            transform: translate(-8vw, -8vw) scale(0.8) rotate(-30deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(0deg);
            transform: translate(0) scale(1) rotate(0deg);
  }
}
@-webkit-keyframes mvgourmet8-pc {
  0% {
    opacity: 0;
    -webkit-transform: translate(8.1259150805vw, -4.9780380673vw) scale(0.8) rotate(180deg);
            transform: translate(8.1259150805vw, -4.9780380673vw) scale(0.8) rotate(180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(240deg);
            transform: translate(0) scale(1) rotate(240deg);
  }
}
@keyframes mvgourmet8-pc {
  0% {
    opacity: 0;
    -webkit-transform: translate(8.1259150805vw, -4.9780380673vw) scale(0.8) rotate(180deg);
            transform: translate(8.1259150805vw, -4.9780380673vw) scale(0.8) rotate(180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(240deg);
            transform: translate(0) scale(1) rotate(240deg);
  }
}
@-webkit-keyframes mvgourmet9-pc {
  0% {
    opacity: 0;
    -webkit-transform: translate(8.0527086384vw, -4.9780380673vw) scale(0.7) rotate(-40deg);
            transform: translate(8.0527086384vw, -4.9780380673vw) scale(0.7) rotate(-40deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(-11deg);
            transform: translate(0) scale(1) rotate(-11deg);
  }
}
@keyframes mvgourmet9-pc {
  0% {
    opacity: 0;
    -webkit-transform: translate(8.0527086384vw, -4.9780380673vw) scale(0.7) rotate(-40deg);
            transform: translate(8.0527086384vw, -4.9780380673vw) scale(0.7) rotate(-40deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(-11deg);
            transform: translate(0) scale(1) rotate(-11deg);
  }
}
@-webkit-keyframes mvgourmet10-pc {
  0% {
    opacity: 0;
    -webkit-transform: translate(-6.9546120059vw, -9.9560761347vw) scale(0.7) rotate(29deg);
            transform: translate(-6.9546120059vw, -9.9560761347vw) scale(0.7) rotate(29deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(-19deg);
            transform: translate(0) scale(1) rotate(-19deg);
  }
}
@keyframes mvgourmet10-pc {
  0% {
    opacity: 0;
    -webkit-transform: translate(-6.9546120059vw, -9.9560761347vw) scale(0.7) rotate(29deg);
            transform: translate(-6.9546120059vw, -9.9560761347vw) scale(0.7) rotate(29deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(-19deg);
            transform: translate(0) scale(1) rotate(-19deg);
  }
}
@-webkit-keyframes mvgourmet11-pc {
  0% {
    opacity: 0;
    -webkit-transform: translate(-7.3206442167vw, -10.2489019034vw) scale(0.8) rotate(57deg);
            transform: translate(-7.3206442167vw, -10.2489019034vw) scale(0.8) rotate(57deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(27deg);
            transform: translate(0) scale(1) rotate(27deg);
  }
}
@keyframes mvgourmet11-pc {
  0% {
    opacity: 0;
    -webkit-transform: translate(-7.3206442167vw, -10.2489019034vw) scale(0.8) rotate(57deg);
            transform: translate(-7.3206442167vw, -10.2489019034vw) scale(0.8) rotate(57deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0) scale(1) rotate(27deg);
            transform: translate(0) scale(1) rotate(27deg);
  }
}
@-webkit-keyframes opacity-pc {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacity-pc {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.mian.is-active .mv__container .mv__track {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 3s;
          transition-delay: 3s;
}
.mian.is-active .mv__container .mv__circle {
  -webkit-animation: scaleRotate 2s linear forwards;
          animation: scaleRotate 2s linear forwards;
}
.mian.is-active .mv__container .mv__plan--1 {
  -webkit-animation: slideX-sp 2s 0.5s ease forwards;
          animation: slideX-sp 2s 0.5s ease forwards;
}
@media (min-width: 1025px) {
  .mian.is-active .mv__container .mv__plan--1 {
    -webkit-animation: slideX-pc 2s 0.5s ease forwards;
            animation: slideX-pc 2s 0.5s ease forwards;
  }
}
.mian.is-active .mv__container .mv__ttl--area {
  -webkit-animation: appear 2s linear forwards;
          animation: appear 2s linear forwards;
}
.mian.is-active .mv__container .mv__gourmet--1 {
  -webkit-animation: mvgourmet1-sp 1s 2.3s ease forwards;
          animation: mvgourmet1-sp 1s 2.3s ease forwards;
}
@media (min-width: 1025px) {
  .mian.is-active .mv__container .mv__gourmet--1 {
    -webkit-animation: mvgourmet1-pc 1s 2.3s ease forwards;
            animation: mvgourmet1-pc 1s 2.3s ease forwards;
  }
}
.mian.is-active .mv__container .mv__gourmet--2 {
  -webkit-animation: mvgourmet2-sp 1s 2.3s ease forwards;
          animation: mvgourmet2-sp 1s 2.3s ease forwards;
}
@media (min-width: 1025px) {
  .mian.is-active .mv__container .mv__gourmet--2 {
    -webkit-animation: mvgourmet2-pc 1s 2.3s ease forwards;
            animation: mvgourmet2-pc 1s 2.3s ease forwards;
  }
}
.mian.is-active .mv__container .mv__gourmet--3 {
  -webkit-animation: mvgourmet3-sp 1s 2.3s ease forwards;
          animation: mvgourmet3-sp 1s 2.3s ease forwards;
}
@media (min-width: 1025px) {
  .mian.is-active .mv__container .mv__gourmet--3 {
    -webkit-animation: mvgourmet3-pc 1s 2.3s ease forwards;
            animation: mvgourmet3-pc 1s 2.3s ease forwards;
  }
}
.mian.is-active .mv__container .mv__gourmet--4 {
  -webkit-animation: mvgourmet4-sp 1s 2.3s ease forwards;
          animation: mvgourmet4-sp 1s 2.3s ease forwards;
}
@media (min-width: 1025px) {
  .mian.is-active .mv__container .mv__gourmet--4 {
    -webkit-animation: mvgourmet4-pc 1s 2.3s ease forwards;
            animation: mvgourmet4-pc 1s 2.3s ease forwards;
  }
}
.mian.is-active .mv__container .mv__gourmet--5 {
  -webkit-animation: mvgourmet5-sp 1s 2.3s ease forwards;
          animation: mvgourmet5-sp 1s 2.3s ease forwards;
}
@media (min-width: 1025px) {
  .mian.is-active .mv__container .mv__gourmet--5 {
    -webkit-animation: mvgourmet5-pc 1s 2.3s ease forwards;
            animation: mvgourmet5-pc 1s 2.3s ease forwards;
  }
}
.mian.is-active .mv__container .mv__gourmet--6 {
  -webkit-animation: mvgourmet6-sp 1s 2.3s ease forwards;
          animation: mvgourmet6-sp 1s 2.3s ease forwards;
}
@media (min-width: 1025px) {
  .mian.is-active .mv__container .mv__gourmet--6 {
    -webkit-animation: mvgourmet6-pc 1s 2.3s ease forwards;
            animation: mvgourmet6-pc 1s 2.3s ease forwards;
  }
}
.mian.is-active .mv__container .mv__gourmet--7 {
  -webkit-animation: mvgourmet7-sp 1s 2.3s ease forwards;
          animation: mvgourmet7-sp 1s 2.3s ease forwards;
}
@media (min-width: 1025px) {
  .mian.is-active .mv__container .mv__gourmet--7 {
    -webkit-animation: mvgourmet7-pc 1s 2.3s ease forwards;
            animation: mvgourmet7-pc 1s 2.3s ease forwards;
  }
}
@media (min-width: 1025px) {
  .mian.is-active .mv__container .mv__gourmet--8 {
    -webkit-animation: mvgourmet8-pc 1s 2.3s ease forwards;
            animation: mvgourmet8-pc 1s 2.3s ease forwards;
  }
}
@media (min-width: 1025px) {
  .mian.is-active .mv__container .mv__gourmet--9 {
    -webkit-animation: mvgourmet9-pc 1s 2.3s ease forwards;
            animation: mvgourmet9-pc 1s 2.3s ease forwards;
  }
}
@media (min-width: 1025px) {
  .mian.is-active .mv__container .mv__gourmet--10 {
    -webkit-animation: mvgourmet10-pc 1s 2.3s ease forwards;
            animation: mvgourmet10-pc 1s 2.3s ease forwards;
  }
}
@media (min-width: 1025px) {
  .mian.is-active .mv__container .mv__gourmet--11 {
    -webkit-animation: mvgourmet11-pc 1s 2.3s ease forwards;
            animation: mvgourmet11-pc 1s 2.3s ease forwards;
  }
}
@media (min-width: 1025px) {
  .mian.is-active .mv__container .mv__gourmet--12,
  .mian.is-active .mv__container .mv__gourmet--13,
  .mian.is-active .mv__container .mv__gourmet--14,
  .mian.is-active .mv__container .mv__gourmet--15,
  .mian.is-active .mv__container .mv__people {
    -webkit-animation: opacity-pc 1s 2.3s ease forwards;
            animation: opacity-pc 1s 2.3s ease forwards;
  }
}

/*------------------------------------------
言語毎 調整
------------------------------------------*/
@media (max-width: 1024px) {
  .page-en .modal__cnt .modal__arrow--next .txt {
    padding-right: 35px;
  }
}
.page-en .gnav__btn,
.page-en .gnav__btn--close {
  width: 228px;
}
.page-en .mv__container .mv__ttl--area .mv__ttl {
  width: 84vw;
  margin: 3.4666666667vw auto 0;
}
@media (min-width: 1025px) {
  .page-en .mv__container .mv__ttl--area .mv__ttl {
    width: 39.6778916545vw;
    margin: 1.6105417277vw auto 0;
  }
}

@media (max-width: 1024px) {
  .page-ko .category__list .category__item:nth-child(2) .item--txt,
  .page-zh-sc .category__list .category__item:nth-child(2) .item--txt,
  .page-zh-tc .category__list .category__item:nth-child(2) .item--txt {
    padding: 76px 0 0;
  }
}

.page-ko .mv__container .mv__ttl--area .mv__ttl {
  width: 82.6666666667vw;
  margin: 0 auto;
}
@media (min-width: 1025px) {
  .page-ko .mv__container .mv__ttl--area .mv__ttl {
    width: 39.0922401171vw;
  }
}

.page-zh-sc .header__container .h__lang,
.page-zh-tc .header__container .h__lang {
  width: 137px;
}
@media (min-width: 1025px) {
  .page-zh-sc .header__container .h__lang,
  .page-zh-tc .header__container .h__lang {
    width: 173px;
  }
}
.page-zh-sc .mv__container .mv__ttl--area .mv__ttl,
.page-zh-tc .mv__container .mv__ttl--area .mv__ttl {
  width: 78.6666666667vw;
  margin: 0 auto;
}
@media (min-width: 1025px) {
  .page-zh-sc .mv__container .mv__ttl--area .mv__ttl,
  .page-zh-tc .mv__container .mv__ttl--area .mv__ttl {
    width: 37.1156661786vw;
  }
}