@charset "UTF-8";
 *{
  padding: 0;
  color: #000;
  min-width: initial;
}
@media screen and (min-width: 64em) {
 *  {
    padding: 0;
  }
}


@media only screen and (max-width: 768px) {
  .vpc {
    display: none !important;
  }
}

.vsp {
  display: none !important;
}

.takebanner {   display: none !important;}
	#footer {   display: none !important;}
@media only screen and (max-width: 768px) {
	.takebanner {   display: none !important;}
	#footer {   display: none !important;}
  .vsp {
    display: block !important;
  }
}

 * {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

 img {
  width: 100%;
}

.videoWrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}

.background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-container {
  position: relative;
  width: 100%;
}
.l-drawer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1100;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  visibility: hidden;
  opacity: 0;
}
@media screen and (min-width: 64em) {
  .l-drawer {
    position: fixed;
    left: 0;
    width: calc((100% - 32.2314049587vw) / 2);
    background: rgba(43, 46, 77, 0.7);
    visibility: visible;
    opacity: 1;
  }
}

.is-drawerOpen .l-drawer {
  visibility: visible;
  opacity: 1;
}

.l-drawer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  overflow-y: auto;
  padding: 23.0769230769vw 10.2564102564vw 10.2564102564vw;
}
@media screen and (min-width: 64em) {
  .l-drawer__inner {
    padding: 3.125vw 2.7777777778vw 2.7777777778vw;
  }
}

.l-main {
  width: 100%;
  overflow-x: hidden;
}
html {
  scroll-padding-top: 0px;
	 padding: 0px !important;
	margin: 0px !important;
}

body {
  padding: 0px !important;
	margin: 0px !important;
		
}

@media screen and (min-width: 64em) {
  .l-main {
    width: 100%;
  }
}

.l-main__inner {
  position: relative;
  width: 100%;
  background: rgba(22, 24, 46, 0.7);
}
@media screen and (min-width: 64em) {
  .l-main__inner {
    width: 32.2314049587vw;
    margin: 0 auto;
  }
}

.l-main__top {
  position: relative;
  z-index: 1;
}

.l-main__bottom {
  position: relative;
  z-index: 10;
}

.mainFixed .l-center__bottom {
  position: fixed;
  top: 0;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .mainFixed .l-center__bottom {
    width: 32.2314049587vw;
  }
}

.mainFixed-next .l-center__bottom {
  opacity: 0;
}

.l-container__right {
  display: none;
}
@media screen and (min-width: 64em) {
  .l-container__right {
    position: fixed;
    top: 0;
    right: 0;
    display: block;
    width: calc((100% - 32.2314049587vw) / 2);
    height: 100%;
    background: rgba(43, 46, 77, 0.7);
  }
}

.drawerLogo {
  display: block;
  width: 27.4358974359vw;
  margin: 0 auto 25.641025641vw;
}
@media screen and (min-width: 64em) {
  .drawerLogo {
    width: 10.5555555556vw;
    margin: 0 0 6.9444444444vw;
  }
}

.drawerNav__item {
  margin-bottom: 7.6923076923vw;
}
@media screen and (min-width: 64em) {
  .drawerNav__item {
    margin-bottom: 1.3888888889vw;
  }
}

.drawerNav__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 4.6153846154vw;
  line-height: 1;
  text-align: center;
  color: #484848;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  letter-spacing: 0;
}
@media screen and (min-width: 64em) {
  .drawerNav__link {
    font-size: 0.8680555556vw;
    color: #fff;
  }
  .drawerNav__link span {
    color: #fff;
  }
}

.drawerNav__link .ja {
  display: inline-block;
  font-weight: 700;
  white-space: nowrap;
  letter-spacing: 0;
}

.drawerNav__link .en {
  display: inline-block;
  /* font-family: "Alata", sans-serif; */
  font-weight: 400;
  white-space: nowrap;
  letter-spacing: 0;
}

.drawerNav__link::after {
  content: "";
  display: block;
  width: 4.6153846154vw;
  height: 3.0769230769vw;
  margin-left: 2.0512820513vw;
  background-image: url("../img/holiday2024/icon_arrow_red.svg");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media screen and (min-width: 64em) {
  .drawerNav__link::after {
    width: 0.8333333333vw;
    height: 0.5555555556vw;
    margin-left: 0.5555555556vw;
  }
}

.socialBox {
  margin-bottom: 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .socialBox {
    margin-bottom: 1.3888888889vw;
  }
}

.socialBox:last-child {
  margin-bottom: 0;
}

.socialBox__header {
  margin-bottom: 2.0512820513vw;
}
@media screen and (min-width: 64em) {
  .socialBox__header {
    margin-bottom: 0.5555555556vw;
  }
}

.socialBox__ttl {
  font-size: 2.5641025641vw;
  font-family: "Alata", sans-serif;
  color: #9B9B9B;
}
@media screen and (min-width: 64em) {
  .socialBox__ttl {
    font-size: 0.6944444444vw;
  }
}

.socialBox__txtLink {
  font-size: 4.1025641026vw;
  font-weight: 700;
  color: #000;
  line-height: 1;
}
@media screen and (min-width: 64em) {
  .socialBox__txtLink {
    color: #fff;
    font-size: 1.1111111111vw;
  }
}

.socialNav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4.6153846154vw;
}
@media screen and (min-width: 64em) {
  .socialNav__list {
    gap: 1.25vw;
  }
}

.socialNav__item--x {
  width: 4.6153846154vw;
}
@media screen and (min-width: 64em) {
  .socialNav__item--x {
    width: 1.25vw;
  }
}

.socialNav__item--insta {
  width: 4.8717948718vw;
}
@media screen and (min-width: 64em) {
  .socialNav__item--insta {
    width: 1.3194444444vw;
  }
}

.socialNav__item--line {
  width: 5.0256410256vw;
}
@media screen and (min-width: 64em) {
  .socialNav__item--line {
    width: 1.3611111111vw;
  }
}

.socialNav__item--fb {
  width: 2.4358974359vw;
}
@media screen and (min-width: 64em) {
  .socialNav__item--fb {
    width: 0.6597222222vw;
  }
}

.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3.0769230769vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 71.7948717949vw;
  padding: 5.3846153846vw;
  background: #AD3028;
  border: #AD3028 solid 0.2564102564vw;
  border-radius: 15.3846153846vw;
}
@media screen and (min-width: 64em) {
  .btn {
    gap: 0.9917355372vw;
    width: 23.1404958678vw;
    padding: 1.7355371901vw;
    border-radius: 4.958677686vw;
    border: #AD3028 solid 0.0826446281vw;
  }
}

.btn__txt {
  color: #fff;
  font-size: 4.1025641026vw;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (min-width: 64em) {
  .btn__txt {
    font-size: 1.3223140496vw;
  }
}

.btn__icon {
  position: relative;
  display: block;
  overflow: hidden;
  width: 4.1025641026vw;
  height: 2.5641025641vw;
}
@media screen and (min-width: 64em) {
  .btn__icon {
    width: 1.3223140496vw;
    height: 0.826446281vw;
  }
}

.btn__icon::before,
.btn__icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.btn__icon::before {
  background-image: url("../img/holiday2024/icon_arrow.svg");
}

.btn__icon::after {
  left: -100%;
  background-image: url("../img/holiday2024/icon_arrow_red.svg");
}

.btn--sm {
  width: 40.5128205128vw;
  padding: 2.0512820513vw;
  gap: 2.0512820513vw;
}
@media screen and (min-width: 64em) {
  .btn--sm {
    width: 13.0578512397vw;
    padding: 0.6611570248vw;
    gap: 0.6611570248vw;
  }
}
.btn--sm .btn__txt {
  font-size: 3.0769230769vw;
  font-weight: 500;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;
}
@media screen and (min-width: 64em) {
  .btn--sm .btn__txt {
    font-size: 0.9917355372vw;
  }
}

.btn:hover {
  /* background: #fff; */
  /* border: 0.2564102564vw solid #BBBBBB; */
  opacity: 1;
}
@media screen and (min-width: 64em) {
  .btn:hover {
    /* border: 0.0826446281vw solid #BBBBBB; */
  }
}
.btn:hover .btn__txt {
  color: #0A0A0A;
}
.btn:hover .btn__icon::before {
  left: 100%;
}
.btn:hover .btn__icon::after {
  left: 0;
}

.btn--white {
  background: #fff;
  border: #BBBBBB solid 0.2564102564vw;
}
@media screen and (min-width: 64em) {
  .btn--white {
    border: #BBBBBB solid 0.0826446281vw;
  }
}
.btn--white .btn__txt {
  color: #0A0A0A;
}
.btn--white .btn__icon::before {
  background-image: url("../img/holiday2024/icon_arrow_red.svg");
}
.btn--white .btn__icon::after {
  background-image: url("../img/holiday2024/icon_arrow.svg");
}
.btn--white:hover {
  background: #AD3028;
  border: #fff solid 0.2564102564vw;
  opacity: 1;
}
@media screen and (min-width: 64em) {
  .btn--white:hover {
    border: #fff solid 0.0826446281vw;
  }
}
.btn--white:hover .btn__txt {
  color: #fff;
}

.btn--end {
  /* pointer-events: none; */
  background: #fff100;
   border: #B5B5B5 solid 0.2564102564vw; 
}
@media screen and (min-width: 64em) {
  .btn, a.btn, button.btn {
    padding:1rem 0rem;
    background: #fff100;
    /* color: #000; */
    border: 0;
  }
  .btn--end {
    border: #B5B5B5 solid 0.0826446281vw;
  }
}
.btn--end .btn__txt {
  color: #000;
}

.ctaBtn {
  position: fixed;
  bottom: 5.1282051282vw;
  right: 5.1282051282vw;
  display: block;
  width: 23.0769230769vw;
  height: 23.0769230769vw;
  padding-top: 7.1794871795vw;
  background: #AD3028;
  border-radius: 50%;
  text-align: center;
  -webkit-box-shadow: 0 1.0256410256vw 1.0256410256vw rgba(0, 0, 0, 0.25);
          box-shadow: 0 1.0256410256vw 1.0256410256vw rgba(0, 0, 0, 0.25);
  z-index: 1300;
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 64em) {
  .ctaBtn {
    bottom: 2.1180555556vw;
    right: 2.0486111111vw;
    display: block;
    width: 8.5416666667vw;
    height: 8.5416666667vw;
    padding-top: 2.5vw;
    -webkit-box-shadow: 0 0.2777777778vw 0.2777777778vw rgba(0, 0, 0, 0.25);
            box-shadow: 0 0.2777777778vw 0.2777777778vw rgba(0, 0, 0, 0.25);
    visibility: visible;
    opacity: 1;
  }
}

.ctaBtn__txt {
  color: #fff;
  font-size: 3.0769230769vw;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (min-width: 64em) {
  .ctaBtn__txt {
    font-size: 1.1805555556vw;
  }
}

.ctaBtn__icon {
  position: relative;
  display: block;
  margin: 1.0256410256vw auto 0;
  width: 4.1025641026vw;
  height: 2.5641025641vw;
}
@media screen and (min-width: 64em) {
  .ctaBtn__icon {
    margin: 0.5555555556vw auto 0;
    width: 1.5vw;
    height: 0.9166666667vw;
  }
}

.ctaBtn__icon::before,
.ctaBtn__icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.ctaBtn__icon::before {
  background-image: url("../img/holiday2024/icon_arrow.svg");
}

.ctaBtn__icon::after {
  opacity: 0;
  background-image: url("../img/holiday2024/icon_arrow_red.svg");
}

.ctaBtn:hover {
  background: #fff;
}
.ctaBtn:hover .ctaBtn__txt {
  color: #0A0A0A;
}
.ctaBtn:hover .ctaBtn__icon::before {
  opacity: 0;
}
.ctaBtn:hover .ctaBtn__icon::after {
  opacity: 1;
}

.navBar {
  position: fixed;
  top: 7.6923076923vw;
  right: 5.1282051282vw;
  z-index: 1200;
  width: 6.1538461538vw;
  height: 3.0769230769vw;
  cursor: pointer;
  mix-blend-mode: difference;
}
@media screen and (min-width: 64em) {
  .navBar {
    display: none;
  }
}
.navBar__line {
  display: block;
  width: 100%;
  height: 0.7692307692vw;
  background: #fff;
  position: absolute;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.navBar__line.line01.active {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-35deg);
          transform: translateY(-50%) rotate(-35deg);
}
.navBar__line.line02 {
  bottom: 0;
}
.navBar__line.line02.active {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(35deg);
          transform: translateY(-50%) rotate(35deg);
}

@media screen and (min-width: 64em) {
  .containerRightTtl {
    position: absolute;
    top: 1.1805555556vw;
    right: 1.0416666667vw;
    width: 8.75vw;
    z-index: 10;
  }
}

.containerSlider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.containerSlider__list {
  position: relative;
  width: 100%;
  height: 100%;
}

.containerSlider__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.containerSlider__img {
  height: 100%;
}

.containerSlider__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.l-kv {
    /* height: 530px; */
    overflow: hidden;
    padding: 0px 0px 110px 0px;
}

.l-kv__top {
  position: relative;
  height: 100%;
  overflow: hidden;
}
@media screen and (min-width: 64em) {
  .l-kv__top {
    height: calc(100dvh - 8.2644628099vw);
    /* padding: 0px 0px 0px 0px; */
  }
}

.l-kv__bottom {
  position: relative;
  z-index: 10;
  height: 25.641025641vw;
}
@media screen and (min-width: 64em) {
  .l-kv__bottom {
    height: 8.264463vw;
  }
}

.kv__light {
  position: absolute;
  top: -2.282051vw;
  left: -10.7948717949vw;
  display: block;
  width: 132vw;
  height: 31%;
  z-index: 10;
  /* -webkit-transform: rotate(18deg); */
  /* transform: rotate(18deg); */
}
@media screen and (min-width: 64em) {
  .kv__light {
    top: 2.8099173554vw;
    left: -3.479338843vw;
    width: 39.2561983471vw;
    height: 10.0826446281vw;
  }
}

.kv__light img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.kv__main {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.kv__main img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 64em) {
  .kv__main img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}

.kv__logo {
  position: absolute;
  top: 48.2051282051vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 26.9230769231vw;
}
@media screen and (min-width: 64em) {
  .kv__logo {
    top: 15.5371900826vw;
    width: 8.6776859504vw;
  }
}

.kv__ttl {
  width: 74.358974359vw;
  margin: -20.5128205128vw auto 0;
}
@media screen and (min-width: 64em) {
  .kv__ttl {
    width: 23.9669421488vw;
    margin: -6.6115702479vw auto 0;
  }
}

.l-lead {
  padding-bottom: 20.5128205128vw;
}
@media screen and (min-width: 64em) {
  .l-lead {
    padding-bottom: 4.132231405vw;
  }
}

.cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 2000;
  -webkit-transition: all 0.3s ease-out 0.2s;
  transition: all 0.3s ease-out 0.2s;
}

.kv__logoImg {
  opacity: 0;
  -webkit-transform: translateY(2rem);
          transform: translateY(2rem);
  -webkit-transition: all 1s ease 0.4s;
  transition: all 1s ease 0.4s;
}

.kv__main img {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
  -webkit-transition: all 1s ease 0.2s;
  transition: all 1s ease 0.2s;
}

.kv__ttl {
  opacity: 0;
  -webkit-transform: translateY(2rem);
          transform: translateY(2rem);
  -webkit-transition: all 1s ease 0.8s;
  transition: all 1s ease 0.8s;
}

.kv__light img {
  -webkit-transition: all 1s ease 1s;
  transition: all 1s ease 1s;
}
.kv__light .kv__light--02 {
  opacity: 0;
}

.is-loaded .cover {
  top: -100%;
}
.is-loaded .kv__logoImg {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.is-loaded .kv__main img {
  opacity: 1;
  -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}


.is-loaded .kv__ttl {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.is-loaded .kv__light--01 {
  opacity: 0;
}
.is-loaded .kv__light--02 {
  opacity: 1;
}

.lead__ttl {
  margin-bottom: 20.5128205128vw;
  font-size: 4.1025641026vw;
  font-weight: 500;
  text-align: center;
  color: #B7B8C3;
  line-height: 1.5;
}
@media screen and (min-width: 64em) {
  .lead__ttl {
    margin-bottom: 1.61157vw;
    font-size: 1vw;
    line-height: 2vw;
  }
}

.leadImg {
  position: relative;
  overflow: hidden;
  width: 58.9743589744vw;
  height: 93.5897435897vw;
  margin: 0 auto 23.5897435897vw;
}
@media screen and (min-width: 64em) {
  .leadImg {
    width: 19.0082644628vw;
    height: 30.165289vw;
    margin: 0 auto 4.603306vw;
  }
}

.leadImg__list {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.leadImg__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.leadImg__img {
  height: 100%;
  overflow: hidden;
  position: relative;
}

.leadImg__item.active .leadImg__img {
  -webkit-animation: imgslide 1s cubic-bezier(0.26, 0.01, 0.08, 1.1) forwards;
          animation: imgslide 1s cubic-bezier(0.26, 0.01, 0.08, 1.1) forwards;
}

.leadImg__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@-webkit-keyframes imgslide {
  0% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    clip-path: inset(0 0 0 0);
  }
}

@keyframes imgslide {
  0% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    clip-path: inset(0 0 0 0);
  }
}
.lead__txt {
  margin-bottom: 5.1282051282vw;
  text-align: center;
  font-size: 4.6153846154vw;
  font-weight: 500;
  line-height: 1.5;
  color: #FFFFFF;
}
@media screen and (min-width: 64em) {
  .lead__txt {
    margin-bottom: 1.652892562vw;
    font-size: 1.3vw;
    line-height: 2;
  }
}

.lead__txt:last-child {
  margin-bottom: 0;
}

.l-giftSecTop__bottom {
  background: #fff;
  margin-top: -5.1282051282vw;
  padding-top: 23.0769230769vw;
  padding-bottom: 15.3846153846vw;
}
@media screen and (min-width: 64em) {
  .l-giftSecTop__bottom {
    margin-top: -1.652892562vw;
    padding-top: 3.438017vw;
    padding-bottom: 1.958678vw;
  }
}

.giftSecTopTtl__txt {
  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: 1.0256410256vw;
  margin-bottom: 2.5641025641vw;
}
@media screen and (min-width: 64em) {
  .giftSecTopTtl__txt {
    margin-bottom: 0.826446281vw;
    gap: 0.3305785124vw;
  }
}
.giftSecTopTtl__txt .en {
  display: inline-block;
  font-size: 3.5897435897vw;
  font-family: "Alata", sans-serif;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (min-width: 64em) {
  .giftSecTopTtl__txt .en {
    font-size: 1.5vw;
  }
}
.giftSecTopTtl__txt .ja {
  display: inline-block;
  font-size: 3.0769230769vw;
  font-weight: 500;
  line-height: 1;
  color: #727272;
}
@media screen and (min-width: 64em) {
  .giftSecTopTtl__txt .ja {
    font-size: 1.3vw;
  }
}

.giftSecTopTtl__img {
  width: 51.2820512821vw;
  margin: 0 auto 12.8205128205vw;
}
@media screen and (min-width: 64em) {
  .giftSecTopTtl__img {
    width: 16.5289256198vw;
    margin: 0 auto 4.132231405vw;
  }
}

.giftSecTop__txt {
  margin-bottom: 8.7179487179vw;
  font-size: 4.1025641026vw;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
}
@media screen and (min-width: 64em) {
  .giftSecTop__txt {
    margin-bottom: 1.809917vw;
    font-size: 1.2vw;
  }
}

.giftSecTopLabel {
  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: 2.5641025641vw;
}
@media screen and (min-width: 64em) {
  .giftSecTopLabel {
    gap: 0.826446281vw;
  }
}

.giftSecTopLabel__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 8.7179487179vw;
}
@media screen and (min-width: 64em) {
  .giftSecTopLabel__label {
    width: 2.8099173554vw;
  }
}

.giftSecTopLabel__txt {
  display: inline-block;
  font-size: 5.8974358974vw;
  font-family: "Alata", sans-serif;
  line-height: 1.5;
  color: #AD9754;
}
@media screen and (min-width: 64em) {
  .giftSecTopLabel__txt {
    font-size: 1.9008264463vw;
  }
}

.giftSecTop__btn {
  margin-top: 12.8205128205vw;
  margin-bottom: 2.5641025641vw;
  text-align: center;
}
.giftSecTop__btn .btn {
    padding: 2px 0px 2px 0px;
}
@media screen and (min-width: 64em) {
  .giftSecTop__btn {
    margin-top: 2.132231vw;
    margin-bottom: 0.67vw;
  }
}

.giftSecTop__note {
  margin-bottom: 1.0256410256vw;
  font-size: 2.5641025641vw;
  font-weight: 500;
  text-align: center;
  color: #3C3C3C;
  line-height: 1.5;
}
@media screen and (min-width: 64em) {
  .giftSecTop__note {
    margin-bottom: 0.3305785124vw;
    font-size: 0.826446281vw;
  }
}

.giftSecTop__note:last-child {
  margin-bottom: 0;
}

.l-gift {
  padding-top: 9.512821vw;
  background: #16182E;
}
@media screen and (min-width: 64em) {
  .l-gift {
    /* padding-top: 6.6115702479vw; */
  }
}
.l-gift.l-gift--06.gift {
    padding: 80px 0px 110px 0px;
}
.l-gift__header {
  padding: 0;
}
@media screen and (min-width: 64em) {
  .l-gift--01  .l-gift__header {
    padding: 60px 0.826446vw 0px;
    margin-top: -1.702479vw;
  }
  
  .l-gift__header {
    /* padding: 0 0.826446281vw; */
    /* margin-top: -15.7024793388vw; */
  }
}

.l-gift__body {
  position: relative;
  z-index: 10;
  padding-top: 0;
}
@media screen and (min-width: 64em) {
  .l-gift.l-gift--03.gift   .l-gift__body {
    padding-top: 10px;
  }
  .l-gift__body {
    padding-top: 70px;
  }
}
.l-gift.l-gift--03 .l-gift__body {padding-bottom: 110px;}
.gift__bg {
  line-height:0;
}
.giftTtl__label {
  display: block;
  margin-bottom: 5.1282051282vw;
  font-size: 5.1282051282vw;
  font-family: "Alata", sans-serif;
  line-height: 1;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .giftTtl__label {
    margin-bottom: 1.652892562vw;
    font-size: 1.652892562vw;
  }
}

.giftTtl {
  position: relative;
  z-index: 10;
  padding: 0px 0px 60px 0px;
}
l-gift l-gift--06 gift {}

.giftTtl__img {
  width: 71.0256410256vw;
  margin: 0 auto;
}
@media screen and (min-width: 64em) {
  .giftTtl__img {
    width: 22.8925619835vw;
  }
}

.giftTtl__txt {
  display: block;
  margin-top: 2.5641025641vw;
  text-align: center;
  color: #fff;
  font-size: 3.0769230769vw;
  line-height: 1.5;
  font-weight: 500;
}
@media screen and (min-width: 64em) {
  .giftTtl__txt {
    margin-top: 0.6611570248vw;
    font-size: 0.9917355372vw;
  }
}

.giftThumb {
  position: relative;
  /* margin-top: -13.3333333333vw; */
  width: 100%;
  /* height: 126.9230769231vw; */
}
@media screen and (min-width: 64em) {
  .giftThumb {
    /* margin-top: 0; */
    /* height: 25.909091vw; */
  }
}

.giftThumb__bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.giftThumb__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-animation: scaleAnimation 8s ease-in-out infinite;
          animation: scaleAnimation 8s ease-in-out infinite;
}

@-webkit-keyframes scaleAnimation {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes scaleAnimation {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.giftThumb__img {
  /* position: absolute; */
  /* top: 50%; */
  /* left: 50%; */
  /* -webkit-transform: translate(-50%, -50%); */
  /* transform: translate(-50%, -50%); */
  /* width: 58.9743589744vw; */
}
@media screen and (min-width: 64em) {
  .giftThumb__img {
    /* width: 32.2vw; */
  }
}

.giftBox__header {
  margin-bottom: 10.2564102564vw;
}
@media screen and (min-width: 64em) {
  .giftBox__header {
    margin-bottom: 3.305785124vw;
  }
}

.giftBox__boby {
  padding: 0 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .giftBox__boby {
    padding: 55px 1.652892562vw 0px;
  }
}

.giftBox__footer {
  text-align: center;
  /* margin-top: 25.641025641vw; */
}
@media screen and (min-width: 64em) {
  .giftBox__footer {
    margin-top: 2.264463vw;
  }
}

.giftBox__label {
  margin-bottom: 6.1538461538vw;
  font-size: 3.5897435897vw;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
  color: #B7B8C3;
}
@media screen and (min-width: 64em) {
  .giftBox__label {
    margin-bottom: 1.9834710744vw;
    font-size: 1.1570247934vw;
  }
}

.giftBox__txt {
  font-size: 5.1282051282vw;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
  color: #fff;
}
@media screen and (min-width: 64em) {
  .giftBox__txt {
    font-size: 1.1vw;
    line-height: 1.8;
    text-align: left;
    padding: 0px 0px 0px 2vw;
  }
   .giftBox__txt span {
    font-size: 0.6vw;
    padding: 0px 0px 0px 10px;
}

 
}
 .giftBox__txt span {
    color: #ddd;
}
.giftBox__item {
  position: relative;
  padding: 0px 0px 60px 0px;
}

.giftBox__desc {
  color: #fff;
  font-size: 4.1025641026vw;
  line-height: 1.3;
  font-weight: 500;
}
.giftBox__img {
    padding: 0px 0px 20px 0px;
}
@media screen and (min-width: 64em) {
  .giftBox__desc {
    font-size: 1vw;
  }
}

.l-gift--01 .giftBox__img {
  width: 84.6153846154vw;
}
.l-gift--01 .giftBox__img {
    width: 58.272727vw;
  }
@media screen and (min-width: 64em) {
  .l-gift--01 .giftBox__img {
    width: 17.272727vw;
  }
}

.l-gift--01 .giftBox__item--01 {
  margin-bottom: 17.1794871795vw;
}
@media screen and (min-width: 64em) {
  .l-gift--01 .giftBox__item--01 {
    margin-bottom: 1.53719vw;
  }
  .l-gift--01 .giftBox__item--01 .giftBox__desc {
  position: absolute;
  bottom: -7.1794871795vw;
  right: 0;
}

}
.l-gift--01 .giftBox__item--01 .giftBox__desc {
  position: absolute;
  bottom: 12.820513vw;
  left: 60vw;
}
.l-gift--02 .giftBox__item--02 .giftBox__desc {
  /* position: absolute; */
  /* bottom: 12.820513vw; */
  /* right: 0; */
}

    .l-gift--01 .giftBox__item--01 p.giftBox__desc {
        bottom: -4.31405vw;
        font-size: 3vw;
        /* right: 34px; */
    }

@media screen and (min-width: 64em) {
  .l-gift--01 .giftBox__item--01 h3.giftBox__desc {
    bottom: 7.68595vw;
    right: 20px;
    font-size: 1.3vw;
  }
  .l-gift--01 .giftBox__item--01 p.giftBox__desc {
    bottom: 1.68595vw;
    font-size: 1vw;
    right: 20px;
  }
}
.l-gift--01 .giftBox__item--02 .giftBox__img {
  margin-left: auto;
}
 .l-gift--01 .giftBox__item--02 h3.giftBox__desc {
    bottom: 24.68595vw;
    left: 1vw;
    /* font-size: 6.3vw; */
    position: absolute;
  }
  .l-gift--01 .giftBox__item--02 p.giftBox__desc {
    bottom: 1.68595vw;
    font-size: 4vw;
    left: 20px;
    position: absolute;
  }

@media screen and (min-width: 64em) {
  .l-gift--01 .giftBox__item--02 h3.giftBox__desc {
     bottom: 7.68595vw;
     left: 12px;
     font-size: 1.3vw;
     position: absolute;
  }
  .l-gift--01 .giftBox__item--02 p.giftBox__desc {
    bottom: 1.68595vw;
    font-size: 1vw;
    left: 13px;
    position: absolute;
  }
}
.l-gift--01 .gift__bg {
  margin-top: -16.6666666667vw;
}
@media screen and (min-width: 64em) {
  .l-gift--01 .gift__bg {
    margin-top: -5.3719008264vw;
  }
}

.l-gift--02 {
  padding-top: 0;
  background: #294C2F;
}
.l-gift--02 .l-gift__header {
  /* padding-top: 20.5128205128vw; */
  /* margin-top: -48.7179487179vw; */
}
@media screen and (min-width: 64em) {
  .l-gift--02 .l-gift__header {
    /* padding-top: 6.6115702479vw; */
    /* margin-top: -15.7024793388vw; */
  }
}
.l-gift--02 .giftThumb {
  /* margin-top: -4.6153846154vw; */
}
@media screen and (min-width: 64em) {
  .l-gift--02 .giftThumb {
    /* margin-top: -1.4876033058vw; */
  }
}
.l-gift--02 .giftTtl__img {
  width: 57.6923076923vw;
}
@media screen and (min-width: 64em) {
  .l-gift--02 .giftTtl__img {
    width: 18.5950413223vw;
  }
}
.l-gift--02 .giftBox__label {
  color: #fff;
}
.l-gift--02 .giftBox__header {
  margin-bottom: 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .l-gift--02 .giftBox__header {
    margin-bottom: 1.652892562vw;
  }
}
.l-gift--02 .giftBox__boby {
  padding: 0 4.384615vw;
}
@media screen and (min-width: 64em) {
  .l-gift--02 .giftBox__boby {
    padding: 0 1.958678vw;
  }
}
.l-gift--02 .giftBox__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
}
.l-gift--02 .giftBox__item--01 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.l-gift--02 .giftBox__item--01 .giftBox__desc {
  margin-bottom: 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .l-gift--02 .giftBox__item--01 .giftBox__desc {
    margin-bottom: 1.652893vw;
    padding: 0px 0px;
    width: 44%;
  }
}
.l-gift--02 .giftBox__item--02 {
  /* margin-top: -5.1282051282vw; */
}
@media screen and (min-width: 64em) {
  .l-gift--02 .giftBox__item--02 {
    /* margin-top: 3.347107vw; */
  }
}
.l-gift--02 .giftBox__item--02 .giftBox__desc {
  /* margin-right: 5.1282051282vw; */
  margin-bottom: 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .l-gift--02 .giftBox__item--02 .giftBox__desc {
    /* margin-right: 1.652892562vw; */
    margin-bottom: 1.652892562vw;
    padding: 0px 0px;
    width: 45%;
  }
}
.l-gift--02 .giftBox__img {
  width: 77.897436vw;
}
@media screen and (min-width: 64em) {
  .l-gift--02 .giftBox__img {
    width: 53%;
  }
}
.l-gift--02 .giftBox__footer {
  margin-top: 20.5128205128vw;
}
@media screen and (min-width: 64em) {
  .l-gift--02 .giftBox__footer {
    margin-top: 6.6115702479vw;
  }
}
.l-gift--02 .gift__bg {
  margin-top: -25.641025641vw;
}
@media screen and (min-width: 64em) {
  .l-gift--02 .gift__bg {
    margin-top: -8.2644628099vw;
  }
}

.l-gift--03 {
  padding-top: 0;
  /* padding-bottom: 20.5128205128vw; */
  background: #602D1D;
}
@media screen and (min-width: 64em) {
  .l-gift--03 {
    /* padding-bottom: 6.6115702479vw; */
  }
}
.l-gift--03 .l-gift__header {
  /* padding-top: 20.5128205128vw; */
  /* margin-top: -48.7179487179vw; */
}
@media screen and (min-width: 64em) {
  .l-gift--03 .l-gift__header {
    /* padding-top: 6.6115702479vw; */
    /* margin-top: -15.7024793388vw; */
  }
}
.l-gift--03 .giftThumb {
  margin-top: -13.3333333333vw;
}
@media screen and (min-width: 64em) {
  .l-gift--03 .giftThumb {
    margin-top: 0;
  }
}
.l-gift--03 .giftTtl__img {
  width: 54.1025641026vw;
}
@media screen and (min-width: 64em) {
  .l-gift--03 .giftTtl__img {
    width: 17.4380165289vw;
  }
}
.l-gift--03 .giftBox__label {
  color: #fff;
}
.l-gift--03 .giftBox__desc {
  text-align: center;
  margin: 0 auto 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .l-gift--03 .giftBox__desc {
    margin: 0 auto 1.9834710744vw;
  }
}
.l-gift--03 .giftBox__footer {
  margin-top: 12.8205128205vw;
}
@media screen and (min-width: 64em) {
  .l-gift--03 .giftBox__footer {
    margin-top: 4.132231405vw;
  }
}

.l-center {
  background: #fff;
}

.l-center__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 88.4615384615vw;
}
@media screen and (min-width: 64em) {
  .l-center__top {
    height: 28.5123966942vw;
  }
}

.centerLogo {
  width: 31.2820512821vw;
}
@media screen and (min-width: 64em) {
  .centerLogo {
    width: 10.0826446281vw;
  }
}

.l-seasonTop {
  background: #E5ECEE;
  padding-top: 12.8205128205vw;
  padding-bottom: 19.4871794872vw;
}
@media screen and (min-width: 64em) {
  .l-seasonTop {
    padding-top: 4.132231405vw;
    padding-bottom: 6.2809917355vw;
  }
}

.seasonTop__img--01 {
  width: 56.4102564103vw;
  margin-left: auto;
  margin-right: 10.7692307692vw;
  margin-bottom: 10.2564102564vw;
}
@media screen and (min-width: 64em) {
  .seasonTop__img--01 {
    width: 18.1818181818vw;
    margin-right: 3.4710743802vw;
    margin-bottom: 3.305785124vw;
  }
}

.seasonTop__img--02 {
  width: 56.4102564103vw;
  margin-right: auto;
  margin-left: 11.7948717949vw;
}
@media screen and (min-width: 64em) {
  .seasonTop__img--02 {
    width: 18.1818181818vw;
    margin-left: 3.8016528926vw;
  }
}

.seasonTop__ttl {
  width: 78.2051282051vw;
  margin-left: 5.1282051282vw;
  margin-top: -5.1282051282vw;
  margin-bottom: 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .seasonTop__ttl {
    width: 25.2066115702vw;
    margin-left: 1.652892562vw;
    margin-top: -1.652892562vw;
    margin-bottom: 1.652892562vw;
  }
}

.seasonTop__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-left: 13.5897435897vw;
}
@media screen and (min-width: 64em) {
  .seasonTop__flex {
    padding-left: 4.3801652893vw;
  }
}

.seasonTop__img--03 {
  width: 34.6153846154vw;
}
@media screen and (min-width: 64em) {
  .seasonTop__img--03 {
    width: 11.1570247934vw;
  }
}

.seasonTop__txtBox {
  margin-left: 14.8717948718vw;
}
@media screen and (min-width: 64em) {
  .seasonTop__txtBox {
    margin-left: 4.7933884298vw;
  }
}

.seasonTop__txt {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-align: left;
}

.seasonTop__txt span {
  display: block;
  margin: 1.2820512821vw 0;
  font-size: 4.1025641026vw;
  font-weight: 500;
  white-space: pre;
}
@media screen and (min-width: 64em) {
  .seasonTop__txt span {
    margin: 0.4132231405vw 0;
    font-size: 1.3223140496vw;
  }
}

.l-itemSecWrapper {
  /* background: #E5ECEE; */
}

.l-itemSec__header {
  position: relative;
}

.l-itemSec__body {
  padding-bottom: 20.5128205128vw;
}
@media screen and (min-width: 64em) {
  .l-itemSec__body {
    padding-bottom: 6.6115702479vw;
  }
}

.itemSec__btn {
  position: absolute;
  bottom: 7.6923076923vw;
  left: 0;
  width: 100%;
  padding: 0 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .itemSec__btn {
    bottom: 2.479338843vw;
    padding: 0 1.652892562vw;
  }
}

.itemSecLead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12.8205128205vw;
}
@media screen and (min-width: 64em) {
  .itemSecLead {
    padding: 4.132231405vw;
  }
}

.itemSecLead__ttl {
  width: 16.4102564103vw;
}
@media screen and (min-width: 64em) {
  .itemSecLead__ttl {
    width: 5.2892561983vw;
  }
}

.itemSecLead__txtBox {
  padding-top: 12.8205128205vw;
}
@media screen and (min-width: 64em) {
  .itemSecLead__txtBox {
    padding-top: 4.132231405vw;
  }
}

.itemSecLead__txt {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-align: left;
}

.itemSecLead__txt span {
  display: block;
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 1.8;
  white-space: pre;
}
@media screen and (min-width: 64em) {
  .itemSecLead__txt span {
    font-size: 1rem;
  }
}

.itemSecProduct__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  row-gap: 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .itemSecProduct__list {
    row-gap: 1.652892562vw;
  }
}

.itemSecProduct__body {
  padding: 2vw;
}
@media screen and (min-width: 64em) {
  .itemSecProduct__body {
    padding: 1vw;
  }
}

.itemSecProduct__ttl {
  margin-bottom: 3.5897435897vw;
  font-size: 3.5897435897vw;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 64em) {
  .itemSecProduct__ttl {
    margin-bottom: 1.1570247934vw;
    font-size: 1.1570247934vw;
  }
}

.itemSecProduct__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.itemSecProduct__price .num {
  font-size: 4.1025641026vw;
  font-family: "Alata", sans-serif;
  line-height: 1.5;
}
@media screen and (min-width: 64em) {
  .itemSecProduct__price .num {
    font-size: 1.3223140496vw;
  }
}

.itemSecProduct__price .label {
  font-size: 2.8205128205vw;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 64em) {
  .itemSecProduct__price .label {
    font-size: 0.9090909091vw;
  }
}

.l-itemSec--01 .itemSec__btn {
  text-align: right;
}
.l-itemSec--01 .itemSecLead {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.l-itemSec--02 .itemSecLead {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.l-itemSec--02 .itemSecLead__txtBox {
  margin-left: 28.2051282051vw;
}
@media screen and (min-width: 64em) {
  .l-itemSec--02 .itemSecLead__txtBox {
    margin-left: 9.0909090909vw;
  }
}

.l-itemSec--03 .itemSecLead {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.l-nameSec {
  background: #fff;
}

.l-nameSec__header {
  position: relative;
}

.l-nameSec__body {
  padding: 7.6923076923vw 5.1282051282vw 25.641025641vw;
}
@media screen and (min-width: 64em) {
  .l-nameSec__body {
    padding: 2.479338843vw 1.652892562vw 8.2644628099vw;
  }
}

.nameSec__ttl {
  position: absolute;
  bottom: 7.6923076923vw;
  left: 7.6923076923vw;
  font-size: 5.641025641vw;
  font-weight: 700;
  color: #fff;
  text-indent: -0.5em;
  line-height: 1.5;
}
@media screen and (min-width: 64em) {
  .nameSec__ttl {
    bottom: 2.479338843vw;
    left: 2.479338843vw;
    font-size: 1vw;
  }
}

.nameSec__label {
  width: 77.9487179487vw;
  margin: 0 auto 12.3076923077vw;
}
@media screen and (min-width: 64em) {
  .nameSec__label {
    width: 25.1239669421vw;
    margin: 0 auto 3.9669421488vw;
  }
}

.nameSec__txtBox {
  margin-bottom: 15.3846153846vw;
}
@media screen and (min-width: 64em) {
  .nameSec__txtBox {
    margin-bottom: 4.958677686vw;
  }
}

.nameSec__txt {
  margin-bottom: 6.1538461538vw;
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .nameSec__txt {
    margin-bottom: 1.9834710744vw;
    font-size: 1.3223140496vw;
  }
}

.nameSec__txt:last-child {
  margin-bottom: 0;
}

.nameSec__btn {
  text-align: center;
}

.l-about {
  background: #fff;
  /* padding-bottom: 25.641025641vw; */
}
@media screen and (min-width: 64em) {
  .l-about {
    /* padding-bottom: 4.958677686vw; */
  }
}

.l-about__header {
  /* margin-bottom: 17.9487179487vw; */
}
@media screen and (min-width: 64em) {
  .l-about__header {
    margin: 0;
    padding: 50px 0px 0px 0px;
  }
}

.aboutTtl {
  position: relative;
  z-index: 10;
  /* margin-top: -10.2564102564vw; */
}
@media screen and (min-width: 64em) {
  .aboutTtl {
    /* margin-top: -3.305785124vw; */
  }
}

.aboutTtl__logo {
  width: 20.5128205128vw;
  margin: 0 auto 5.641025641vw;
}
@media screen and (min-width: 64em) {
  .aboutTtl__logo {
    width: 6.6115702479vw;
    margin: 0 auto 1.8181818182vw;
  }
}

.aboutTtl__txt {
  font-size: 4.1025641026vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
}
@media screen and (min-width: 64em) {
  .aboutTtl__txt {
    font-size: 1.3223140496vw;
  }
}

@-webkit-keyframes infinity-scroll-left {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes infinity-scroll-left {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.aboutSlider__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.aboutSlider__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
}

.aboutSlider__list {
  -webkit-animation: infinity-scroll-left 8s infinite linear 0.5s both;
          animation: infinity-scroll-left 8s infinite linear 0.5s both;
}

.aboutSlider__item {
  position: relative;
  width: 33.3333333333vw;
  height: 121.5384615385vw;
  overflow: hidden;
}
@media screen and (min-width: 64em) {
  .aboutSlider__item {
    width: 10.7438016529vw;
    height: 39.173553719vw;
  }
}

@-webkit-keyframes infinity-scroll-left2 {
  from {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
  to {
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
  }
}

@keyframes infinity-scroll-left2 {
  from {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
  to {
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
  }
}
.aboutSlider__img {
  position: absolute;
  top: 0;
  left: -50%;
  height: 100%;
  overflow: hidden;
  width: 66.6666666667vw;
  -webkit-animation: infinity-scroll-left2 25s infinite linear 0.5s both;
          animation: infinity-scroll-left2 25s infinite linear 0.5s both;
}
@media screen and (min-width: 64em) {
  .aboutSlider__img {
    width: 20vw;
  }
}

.aboutSlider__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.about__txtBox {
  margin-bottom: 15.3846153846vw;
}
@media screen and (min-width: 64em) {
  .about__txtBox {
    margin-bottom: 4.958677686vw;
  }
}

.about__txt {
  margin-bottom: 6.1538461538vw;
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .about__txt {
    margin-bottom: 1.9834710744vw;
    font-size: 1.3223140496vw;
  }
}

.about__btn {
  text-align: center;
}

.l-footer {
  padding-top: 23.5897435897vw;
  padding-bottom: 5.641025641vw;
}
@media screen and (min-width: 64em) {
  .l-footer {
    /* display: none; */
    padding-top: 7.6033057851vw;
    padding-bottom: 1.8181818182vw;
  }
}

.l-footer__inner {
  padding-left: 10.7692307692vw;
  padding-right: 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .l-footer__inner {
    padding-left: 3.4710743802vw;
    padding-right: 1.652892562vw;
  }
}

.l-footer__top {
  margin-bottom: 9.2307692308vw;
}
@media screen and (min-width: 64em) {
  .l-footer__top {
    margin-bottom: 2.9752066116vw;
  }
}

.footerLogo {
  width: 27.4358974359vw;
}
@media screen and (min-width: 64em) {
  .footerLogo {
    width: 8.8429752066vw;
  }
}

.l-footer .socialBox__txtLink {
  color: #fff;
}

.copyright {
  color: #fff;
  font-size: 2.5641025641vw;
  font-family: "Alata", sans-serif;
  text-align: right;
}
@media screen and (min-width: 64em) {
  .copyright {
    font-size: 0.826446281vw;
  }
  
.spec h3 {
  font-size: 1.4vw;
}
}

.roastprice .spec {
    max-width: 290px;
    margin: 0 auto;
    padding: 0px 0px 30px 0px;
}
.spec {
  margin-bottom: 30px;
}

.spec h3 {
  margin: 0px auto 20px;
  line-height: 1;
  color: #fff;
  font-weight: 500;
}
.pizza .spec h3 {
color:#000 
}

.spec h3 {
color:#fff6d2 
}
.spec h3 span{color:#fff6d2;font-size: 0.7rem;display: block;}

.itemSecProduct__body 
 p.price {color:#fff;font-size: 1rem;}


 p.price {
 font-size: 1.2rem;
 }
.roastprice .price  {
  color: #fff;
}
.roastprice .price span {
   color: #fff;
}

 p.price span{
   color: #ff5151;
   font-size: 2vw;
 }
.pizza .text p{color: #000;}
.price.tojitsu span {color: #000;}
.text p{color: #fff;font-size: 0.8vw;line-height: 1.4;}

p.price span.fontS {
   font-size: 1vw;
   color: #fff;
}
.giftBox__desc p.price  {
	font-size: 1.2vw;
	color:#fff;
}
.giftBox__desc p.price br {
	display:block;
}
.zeikomi {}

.iconlist {
    overflow: hidden;
    max-width: 1040px;
    display: -webkit-flex;
    display: flex;
    /* -webkit-justify-content: space-between; */
    /* justify-content: space-between; */
    flex-wrap: wrap;
    margin: 0px 0px 7px 0px;
}
.countlimited {
    background: #124327;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 6px;
    margin: 0;
}
.yoyakuicon {
    background: #C9BF8D;
    color: #900;
    font-size: 14px;
    text-align: center;
    padding: 6px;
}
.itemcenter {
    text-align: center;
}
.itemcenter .price {
  text-align: center;
  color: #fff;
}


.roastprice {
    text-align: center;
}
.roastprice h3{color: #FFF6d2;margin: 9px auto 2px auto;text-align: left;}
.roastprice .price{
    text-align: right;
}
.roastprice .iconlist {
    max-width: 70px;
    /* margin: 0 auto; */
}



.about__txtBox h2 {
    width: 100%;
    /* text-align: left; */
    line-height: 30px;
    text-align: center;
}
.about__txtBox h2 span{
  display:block;
  font-size: 19px;
  font-weight: normal;
}

.about__txtBox .right{
    /* width: 60%; */
    overflow: hidden;
    padding: 0px 20px;
    border: 1px solid #ddd;
    margin: 30px;
}
.about__txtBox .left{
    /* width: 35%; */
    padding: 0;
}
.about__txtBox .left h3{padding: 20px 0px 0px 0px;text-align: center;}
.about__txtBox .left p{line-height:26px;padding: 0px 20px;}


.about__txtBox .shop {
}
.about__txtBox .shop ul {
  clear:both;
  margin: 0;
}
.about__txtBox .shop li {
  float: left;
  clear: both;
}
.about__txtBox .shop .txt1 {
  padding-top: 10px;
  list-style: none;
}
.about__txtBox .shop li dl {
  padding-top: 10px;
}
.about__txtBox .shop li dt, .about__txtBox .shop li dd {
  padding-top: 10px;
  line-height: 1.6;
}
.about__txtBox .shop li dt {
  float: left;
  width: 130px;
}
.about__txtBox .shop li dd {
  margin-left: 130px;
}

.orderflow {
    max-width: 1040px;
    margin: 30px auto;
    background: #C9BF8D;
    padding: 20px;
    box-sizing: border-box;
}
.orderflow dl{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #777;
    padding: 20px 0px;
}
.orderflow dl:last-child{
  border:0;
}
.orderflow dl dt{
    /* width: 220px; */
    font-size: 18px;
    font-weight: 500;
}
.orderflow dl dd{
    width: 710px;
    line-height: 24px;
    font-size: 16px;
}
.orderflow dl dd span{
    padding: 1px 5px;
    display: block;
    max-width: 130px;
    text-align: center;
    border: 1px solid #777;
    font-size: 14px;
}


.xmasinfo {
    max-width: 980px;
    margin: 50px auto;

}




.l-gift--04.gift {
    background: #b22423;
    padding: 0px  0px 0px 0px;
}
.gradient-transitionblg {
  height: 150px;
  background: linear-gradient(#16182e, #294c2f);
}

.gradient-transitiongb {
  height: 190px;
  background: linear-gradient(#294c2f, #602d1d);
}

.gradient-transitionbr {
  height: 100px;
  background: linear-gradient(#602d1d, #b22423);
}


.gradient-transitionrw {
  height: 100px;
  background: linear-gradient(#b22423, #ffffff);
}


.gradient-transitionwbl {
  height: 100px;
  background: linear-gradient(#ffffff, #16182e);
}




p.take_price.yoyaku_price {
  text-align: right;
  color: #fff6d2;
  font-size: 1.5vw;
  background: #900;
  padding: 0px 10px 5px 10px;
}
p.take_price span {
  /* font-size: 14px; */
  color: #fff6d2;
}

p.take_price.yoyaku_price {
    text-align: right;
    color: #fff6d2;
    font-size: 2.5vw;
    background: #900;
    padding: 10px 20px 10px 20px;
}
.spec p.take_price {
    text-align: right;
    color: #fff6d2;
    font-size: 36px;
    margin: 17px 0px 0px 0px;
    line-height: 25px;
}
p.take_price span {
    font-size: 1.2vw;
}
p.take_price {
    text-align: right;
    color: #fff6d2;
    font-size: 2vw;
    margin: 17px 0px 0px 0px;
    line-height: 1;
    padding: 0px 30px 0px 0px;
}

.textp  {
    max-width: 370px;
    margin: 0 auto;
}

.textp p{
	color: #fff;
	text-align: left;
	font-size: 1vw;
	padding: 0px 20px;
}
.textp p span{
	color: #fff;
	font-size: 0.8rem;
}

@media screen and (max-width:1024px) {
	
.textp p{
	font-size: 4vw;

}
	.nameSec__ttl {
    font-size: 3vw;
}
	.spec h3 {
    font-size: 6vw;
}
	.spec h3 br {
		display:none;
	}
	p.price span {
    font-size: 9vw;
}
p.price span.fontS {
   font-size: 4vw;
   color: #fff;
}
.giftBox__desc p.price  {
	font-size: 4vw;
	color:#fff;
}
.giftBox__desc p.price.pizza_price {
	color:#000;
}
	
	.giftBox__desc p.price.tojitsu {
    color: #000;
}
.giftBox__desc p.price br {
	display:block;
}
	.text p {
    font-size: 4vw;
}
.zeikomi {} 
	.l-gift--02 .giftBox__item--01,
	.l-gift--02 .giftBox__item--02{
    display: block;
}
	.l-gift--02 .giftBox__img {
		width:100%;
	}
	.giftBox__item {
    padding: 80px 0px 0px 0px;
}
	p.take_price.yoyaku_price {
	font-size: 6vw;
	}
p.take_price span {
    font-size: 4vw;
}
	p.take_price {
		font-size: 5vw;
	}

	
}

@media screen and (max-width:768px) {


	
  .spec p.take_price.yoyaku_price {
    font-size: 6.5vw;
  }
  .l-gift--03.gift h3 {
    font-size: 5vw;
  }
  .l-gift__body {
    padding:20px 0px 0px 0px;
  }
  .giftBox__txt {
    font-size: 3.9vw;
    line-height: 2;
    text-align: left;
    padding: 0px 0px 0px 3vw;
  }
  .giftBox__txt span {
    font-size: 2vw;
}
  .nameSec__ttl {
    font-size: 2.5vw;
  }
}.tojitsu {
  color: #000;
}