.MV {
  padding: 1.1rem;
  /* padding-top: 0; */
}

@media screen and (min-width: 768px) {
  .MV {
    padding: 1.5rem;
    /* padding-top: 0; */
  }
}

.autumn_wrap {
  position: relative;
}

.autumn_wrap::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: #fff;
  animation: min-anim .8s forwards;
  animation-delay: .5s;
  transform-origin: right;
}

@keyframes min-anim {
  0% {
    transform: scaleX(1);
  }

  100% {
    transform: scaleX(0);
  }
}

.autumn-mv-txt {
  position: absolute;
  z-index: 1;
  left: 8%;
  top: 8%;
  font-size: clamp(.875rem, 3.75vw, .9rem);
  line-height: 2;
  text-align: justify;
  letter-spacing: .2em;
}

.autumn-mv-txt > * {
  filter: drop-shadow(2px 2px 6px #fff);
}

.autumn-mv-txt::after{
  content: "";
  position: absolute;
  left:0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: #fff;
  animation: min-anim1 .8s forwards;
  animation-delay: 1.2s;
  transform-origin: right;
}

@media screen and (min-width: 768px) {
  .autumn-mv-txt {
    color: #fff;
    top: auto;
    left: auto;
    right: 5%;
    bottom: 10%;
    transform: translate(-5%, -10%);
  }

  .autumn-mv-txt>* {
    filter: none;
  }

  .autumn-mv-txt::after{
    background: #3f3e3c;
  }
}

.inner-900 {
  width: calc(100% - 2.2em);
}

.inner-L {
  padding: 80px 0 80px;
}

@media screen and (min-width: 768px) {
  .inner-L {
    width: calc(100% - 2.2em);
    max-width: 1120px;
    margin: 0 auto;
    padding: 160px 0 160px;
  }
}

.logo-img img {
  width: 70%;
  height: 100%;
  object-fit: contain;
  margin: auto;
}

.txt-box1 {
  background-color: #fff;
  padding: 2rem;
  margin-top: auto;
  position: relative;
}

.text-bg-back1 {
  background-color: #fff;
  padding: 0.75em 1em;
  letter-spacing: .1em;
}

.text-bg-back1.extend-trigger {
  display: inline-block;
  line-height: initial;
}

.gallery-2 {
  display: flex;
  flex-flow: row wrap;
  overflow: hidden;
}

.gallery-2.rl-center {
  justify-content: center;
}

.gallery-2.tb-center {
  align-items: center;
}

.gallery-2.all-center {
  justify-content: center;
  align-items: center;
}

.gallery-2 .gl-1 {
  flex-basis: 100%;
}

.gallery-2 .gl-2 {
  position: relative;
  margin-bottom: 7rem;
}

.gallery-2 .gl-3 {
  flex-basis: 48%;
  margin-top: 16%;
}

.gallery-2 .gl-4 {
  flex-basis: 48%;
}

.gallery-2 .gl-5 {
  flex-basis: 80%;
  margin: auto;
}

.gallery-2 .gl-6 {
  flex-basis: 70%;
  margin: 0 auto 0;
}

.gallery-2 .gl-7 {
  flex-basis: 100%;
}

.gallery-2 .gl-8 {
  flex-basis: 80%;
  /* border: 2px solid #bcb395; */
  padding: 12% 6%;
  margin-bottom: 2rem;
}

.gallery-2 .gl-8.visible.lineTrigger::before {
  border-top: 1px solid #bcb395;
}

.gallery-2 .gl-8.visible.lineTrigger>*::before {
  border-right: 1px solid #bcb395;
}

.gallery-2 .gl-8.visible.lineTrigger::after {
  border-bottom: 1px solid #bcb395;
}

.gallery-2 .gl-8.visible.lineTrigger>*::after {
  border-left: 1px solid #bcb395;
}

.gallery-2 .gl-8 > * {
  line-height: 2;
  width: calc(80% - 1em);
  margin: auto;
}

.gallery-2 .gl-9 {
  flex-basis: 80%;
  margin-left: auto;
  margin-right: 1.1rem
}

.content-bt,
.gallery-2 .content-bt {
  margin-bottom: 75px;
}


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

  .content-bt,
  .gallery-2 .content-bt {
    margin-bottom: 150px;
  }

  .gallery-2 .gl-1 {
    flex-basis: 40%;
    margin: auto;
  }

  .gallery-2 .gl-2 {
    flex-basis: 50%;
    margin: auto 0;
  }

  .gallery-2 .gl-3 {
    flex-basis: 35%;
    margin-top: 8%;
    margin-left: 7%;
  }

  .gallery-2 .gl-4 {
    flex-basis: 35%;
  }

  .gallery-2 .gl-5 {
    flex-basis: 40%;
    margin: 0 7%;
  }

  .gallery-2 .gl-6 {
    flex-basis: 40%;
    margin: 0 auto;
  }

  .gallery-2 .gl-7 {
    flex-basis: 80%;
    margin: auto;
  }

  .gallery-2 .gl-8 {
    flex-basis: 35%;
    margin-top: 8%;
    margin-left: auto;
    margin-right: 8%;
    padding: 6%;
  }

  .gallery-2 .gl-9 {
    flex-basis: 35%;
    margin-right: auto;
    margin-left: 0;
  }
}

/* ---- gallery-img ---- */
.gallery-2 img {
  display: block;
}

.autumn-gifts > * {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 3rem;
}

.autumn-gifts > *:last-child {
  margin-bottom: 0;
}

.autumn-gifts > * > * {
  flex-basis: 100%;
}

.autumn-gifts .fit-image-c.frame-size {
  flex-basis: calc(100% - 2em);
  margin: auto;
}

.autumn-gifts-item1 {
  flex-basis: 80%;
}

@media screen and (min-width: 768px) {
  .autumn-gifts>*.f-reverse {
    flex-flow: row-reverse;
  }

  .txt-f-r {
    position: relative;
    right: -4%;
  }

  .txt-f-l {
    position: relative;
    left: -4%;
  }


  .autumn-gifts > * > * {
    flex-basis: 50%;
  }

  .autumn-gifts .fit-image-c,
  .autumn-gifts .txt-all-box {
    flex-basis: 50%;
  }

  .autumn-gifts .fit-image-c.frame-size {
    flex-basis: 50%;
    margin: initial;
  }

  .autumn-gifts-item1 {
    flex-basis: 50%;
    margin: auto;
  }
}

.special-listbox {
  overflow: hidden;
}

.special-listbox>* {
  margin-bottom: 3rem;
}

.special-box {
  background-color: #fff;
  display: grid;
}

.special-box .txt-box {
  margin: auto;
  padding: 0.75em 2em;
}

@media screen and (min-width: 768px) {
  .special-box {
    grid-template-columns: repeat(2, 1fr);
  }
}

@keyframes min-anim1 {
  0% {
    transform: scaleX(1);
  }

  100% {
    transform: scaleX(0);
  }
}

.visible.extend-trigger.extend-S:before {
  animation: extend-wrapS .3s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
}

@keyframes extend-wrapS {
  100% {
    transform: translateX(100%);
  }
}

.visible.extend-trigger.extend-M:before {
  animation: extend-wrapM .6s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
}

@keyframes extend-wrapM {
  100% {
    transform: translateX(100%);
  }
}

.visible.extend-trigger.extend-T.extend-S:before {
  animation: extend-topS .3s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
}

@keyframes extend-topS {
  100% {
    transform: translateY(100%);
  }
}

.visible.extend-trigger.extend-T.extend-M:before {
  animation: extend-topM .6s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
}

@keyframes extend-topM {
  100% {
    transform: translateY(100%);
  }
}