@charset "UTF-8";

@media screen and (min-width: 768px) {
  #footer{
    padding-top: 0;
  }
}

#MO261026happybag .lp-page {
  --pc-width: 1400;
  --sp-width: 750;
  --pc-artboard-width: 510;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
  --size-rail: calc(100vw / var(--pc-width));
  --color-text: #1e1d1c;
  --color-bg: #fff;
  --color-section-bg: #f7f7f7;
  --color-accent: #5e1515;
  --font-base: "yu-gothic-pr6n", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --font-credit: "tt-commons-pro", "Helvetica Neue", Arial, sans-serif;
  --ease-base: cubic-bezier(0.39, 0.575, 0.565, 1);
  --duration-base: 1s;
  --ease-up: cubic-bezier(0.215, 0.61, 0.355, 1);
  --duration-up: 0.5s;
  --delay-up: 0.3s;

  --header-offset: 0px;
  overflow: clip;
}

@media (min-width: 1401px) {
  #MO261026happybag .lp-page {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}

@media (min-width: 768px) and (max-width: 1400px) {
  #MO261026happybag .lp-page {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}

@media (max-width: 767px) {
  #MO261026happybag .lp-page {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}

#MO261026happybag .lp-page * {
  box-sizing: border-box;
  font: inherit;
  letter-spacing: inherit;

  font-feature-settings: "pwid", "halt";
}

#MO261026happybag .lp-page img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  transition: unset;
}

#MO261026happybag .lp-page h1,
#MO261026happybag .lp-page h2,
#MO261026happybag .lp-page h3,
#MO261026happybag .lp-page h4,
#MO261026happybag .lp-page h5,
#MO261026happybag .lp-page h6,
#MO261026happybag .lp-page p {
  margin: 0;
}

#MO261026happybag .lp-page picture {
  display: block;
}

#MO261026happybag .lp-page button {
  padding: 0;
  cursor: pointer;
  appearance: none;
  color: inherit;
  background-color: unset;
  border: unset;
}

@media (min-width: 768px) {
  #MO261026happybag .lp-page .is-hidden--desktop {
    display: none !important;
  }
}

@media (max-width: 767px) {
  #MO261026happybag .lp-page .is-hidden--mobile {
    display: none !important;
  }
}

#MO261026happybag .lp-page .lp-deco {
  pointer-events: none;
}

#MO261026happybag .lp-page .lp-slider img,
#MO261026happybag .lp-page .lp-slider a {
  -webkit-user-drag: none;
  user-select: none;
}

#MO261026happybag .lp-page .lp-slider__pager {
  position: static;
}

#MO261026happybag .lp-page section,
#MO261026happybag .lp-page .lp-item {
  display: flow-root;
}

#MO261026happybag .lp-page {
  color: var(--color-text);
  background-color: var(--color-bg);
  font-family: var(--font-base);
  line-height: 1.5;
  letter-spacing: 0.05em;
}

#MO261026happybag .lp-page .ani-inview {
  opacity: 0;
  translate: 0 calc(30 * var(--formula, 1px));
  transition: opacity var(--duration-base) var(--ease-base),
    translate var(--duration-base) var(--ease-base);
}

#MO261026happybag .lp-page .ani-inview.is-active {
  opacity: 1;
  translate: none;
}

#MO261026happybag .lp-page .ani-fade {
  opacity: 0;
  transition: opacity var(--duration-base) var(--ease-base);
}

#MO261026happybag .lp-page .ani-fade.is-active {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  #MO261026happybag .lp-page .ani-inview,
  #MO261026happybag .lp-page .ani-fade {
    opacity: 1;
    translate: none;
    transition: none;
  }
}

#MO261026happybag .lp-page .lp-inner {
  width: calc(var(--sp-artboard-width) * var(--formula));
  margin-inline: auto;
  display: flow-root;
}

@media (min-width: 768px) {
  #MO261026happybag .lp-page .lp-inner {
    width: calc(var(--pc-artboard-width) * var(--formula_pc));
  }
}

@media (min-width: 768px) {
  #MO261026happybag .lp-page .lp-layout { display: grid; align-items: start; }
  #MO261026happybag .lp-page .lp-layout--col-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #MO261026happybag .lp-page .lp-layout--col-3 {
    grid-template-columns:
      minmax(0, 1fr)
      min(calc(var(--pc-artboard-width) * var(--formula_pc)), 100%)
      minmax(0, 1fr);
  }
}

#MO261026happybag .lp-page .lp-layout__primary {
  overflow-x: clip;
  display: flow-root;
}

#MO261026happybag .lp-page [id] {
  scroll-margin-top: var(--header-offset, 0px);
}

#MO261026happybag .lp-page .lp-layout__sub { display: none; }

@media (min-width: 768px) {
  #MO261026happybag .lp-page .lp-layout__sub {
    display: grid;
    place-items: center;
    position: sticky;
    top: var(--header-offset, 0px);
    height: calc(100dvh - var(--header-offset, 0px));
    overflow: hidden;
  }
}

#MO261026happybag .lp-page .lp-mv{
  background-color: var(--color-section-bg);
}

#MO261026happybag .lp-page .lp-mv__visual {
  position: relative;
  top: calc(-4 * var(--formula));
  width: calc(750 * var(--formula));
}

#MO261026happybag .lp-page .lp-mv__photo {
  width: calc(750 * var(--formula));
}

#MO261026happybag .lp-page .lp-mv__date {
  position: absolute;
  top: calc(799 * var(--formula));
  left: calc(13 * var(--formula));
  width: calc(481 * var(--formula));
}

#MO261026happybag .lp-page .lp-mv__starring {
  position: absolute;
  top: calc(447 * var(--formula));
  left: calc(16 * var(--formula));
  width: calc(266 * var(--formula));
}

#MO261026happybag .lp-page .lp-mv__title-happybox {
  width: calc(365 * var(--formula));
}

#MO261026happybag .lp-page .lp-mv__title-2027 {
  width: calc(190 * var(--formula));
}

#MO261026happybag .lp-page .lp-mv__copy {
  position: absolute;
  top: calc(761 * var(--formula));
  left: calc(13 * var(--formula));
  width: calc(418 * var(--formula));
  white-space: nowrap;
}

#MO261026happybag .lp-page .lp-body {
  padding-bottom: calc(149 * var(--formula));
}

#MO261026happybag .lp-page .lp-item--intro {
  position: relative;
  margin-top: calc(175 * var(--formula));
}
@media screen and (max-width: 767px) {
  #MO261026happybag .lp-page .lp-item--intro {
    margin-top: calc(182 * var(--formula));
  }
}

#MO261026happybag .lp-page .lp-intro__visual {
  position: relative;
  margin-inline: calc(33 * var(--formula)) auto;
  width: calc(683 * var(--formula));
  height: calc(597 * var(--formula));
}

#MO261026happybag .lp-page .lp-intro__visual a{
  width: 100%;
  height: 100%;
}

#MO261026happybag .lp-page .lp-intro__item--03 {
  margin-top: calc(197 * var(--formula));
  margin-left: calc(273 * var(--formula));
  width: calc(206 * var(--formula));
}

#MO261026happybag .lp-page .lp-intro__box {
  position: absolute;
  top: calc(392 * var(--formula));
  left: calc(158 * var(--formula));
  width: calc(368 * var(--formula));
}

#MO261026happybag .lp-page .lp-intro__title {
  position: absolute;
  top: calc(-69 * var(--formula));
  left: calc(129 * var(--formula));
  width: calc(501 * var(--formula));
}

#MO261026happybag .lp-page .lp-intro__item--01 {
  position: absolute;
  top: calc(266 * var(--formula));
  left: calc(71 * var(--formula));
  width: calc(114 * var(--formula));
}

#MO261026happybag .lp-page .lp-intro__item--02 {
  position: absolute;
  top: calc(65 * var(--formula));
  left: calc(127 * var(--formula));
  width: calc(212 * var(--formula));
}

#MO261026happybag .lp-page .lp-intro__item--04 {
  position: absolute;
  top: calc(76 * var(--formula));
  left: calc(453 * var(--formula));
  width: calc(154 * var(--formula));
}

#MO261026happybag .lp-page .lp-credit--intro {
  margin-top: calc(27 * var(--formula));
  margin-inline: calc(264 * var(--formula)) auto;
  width: calc(222 * var(--formula));
  font-size: calc(22 * var(--formula));
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: center;
  color: #1e1d1c;
  white-space: nowrap;
}

#MO261026happybag .lp-page .lp-intro__text {
  margin-top: calc(61 * var(--formula));
  margin-inline: calc(62 * var(--formula)) auto;
  width: calc(626 * var(--formula));
  font-size: calc(22 * var(--formula));
  line-height: 2.0;
  letter-spacing: 0.05em;
  text-align: center;
  color: #1e1d1c;
  white-space: nowrap;
}

#MO261026happybag .lp-page .lp-style__head--01 {
  position: relative;
  margin-top: calc(176 * var(--formula));
  margin-inline: calc(267 * var(--formula)) auto;
  width: calc(216 * var(--formula));
  height: calc(165 * var(--formula));
}

#MO261026happybag .lp-page .lp-style__title--01 {
  position: absolute;
  top: calc(62 * var(--formula));
  left: calc(-8 * var(--formula));
  width: calc(232 * var(--formula));
}

#MO261026happybag .lp-page .lp-style__label--01 {
  position: absolute;
  top: calc(-35 * var(--formula));
  left: calc(44 * var(--formula));
  width: calc(131 * var(--formula));
}

#MO261026happybag .lp-page .lp-style__items--01 {
  margin-top: calc(-11 * var(--formula));
}

#MO261026happybag .lp-page .lp-style__item--01c {
  margin-inline: calc(421 * var(--formula)) auto;
  width: calc(84 * var(--formula));
}

#MO261026happybag .lp-page .lp-photo--style01a {
  margin-top: calc(30 * var(--formula));
  margin-inline: calc(110 * var(--formula)) auto;
  width: calc(640 * var(--formula));
}
@media screen and (max-width: 767px) {
  #MO261026happybag .lp-page .lp-photo--style01a {
    margin-top: calc(35 * var(--formula));
  }
}

#MO261026happybag .lp-page .lp-photo--style01b {
  margin-top: calc(30 * var(--formula));
  width: calc(540 * var(--formula));
}

#MO261026happybag .lp-page .lp-style__text--01 {
  margin-top: calc(50 * var(--formula));
  margin-inline: calc(54 * var(--formula)) auto;
  width: calc(642 * var(--formula));
  font-size: calc(22 * var(--formula));
  line-height: 2.0;
  letter-spacing: 0.05em;
  color: #1e1d1c;
  white-space: normal;
}

#MO261026happybag .lp-page .lp-style__head--02 {
  position: relative;
  margin-top: calc(180 * var(--formula));
  margin-inline: calc(186 * var(--formula)) auto;
  width: calc(378 * var(--formula));
  height: calc(166 * var(--formula));
}
@media screen and (max-width: 767px) {
  #MO261026happybag .lp-page .lp-style__head--02 {
    margin-top: calc(181 * var(--formula));
  }
}

#MO261026happybag .lp-page .lp-style__title--02 {
  position: absolute;
  top: calc(63 * var(--formula));
  left: calc(-6 * var(--formula));
  width: calc(391 * var(--formula));
}

#MO261026happybag .lp-page .lp-style__label--02 {
  position: absolute;
  top: calc(-35 * var(--formula));
  left: calc(123 * var(--formula));
  width: calc(133 * var(--formula));
}

#MO261026happybag .lp-page .lp-style__items--02 {
  display: flex;
  align-items: flex-start;
  margin-top: calc(-10 * var(--formula));
  margin-inline: calc(241 * var(--formula)) auto;
  width: calc(246 * var(--formula));
}

#MO261026happybag .lp-page .lp-style__item--02a {
  width: calc(140 * var(--formula));
}

#MO261026happybag .lp-page .lp-style__item--02b {
  margin-left: calc(12 * var(--formula));
  width: calc(94 * var(--formula));
}

#MO261026happybag .lp-page .lp-photo--style02a {
  margin-top: calc(29 * var(--formula));
  margin-inline: calc(55 * var(--formula)) auto;
  width: calc(640 * var(--formula));
}
@media screen and (max-width: 767px) {
  #MO261026happybag .lp-page .lp-photo--style02a {
    margin-top: calc(34 * var(--formula));
  }
}

#MO261026happybag .lp-page .lp-photo--style02b {
  margin-top: calc(30 * var(--formula));
  margin-inline: calc(210 * var(--formula)) auto;
  width: calc(540 * var(--formula));
}

#MO261026happybag .lp-page .lp-style__text--02 {
  margin-top: calc(51 * var(--formula));
  margin-inline: calc(57 * var(--formula)) auto;
  width: calc(637 * var(--formula));
  font-size: calc(22 * var(--formula));
  line-height: 2.0;
  letter-spacing: 0.05em;
  color: #1e1d1c;
  white-space: normal;
}

#MO261026happybag .lp-page .lp-style__head--03 {
  position: relative;
  margin-top: calc(129 * var(--formula));
  margin-inline: calc(172 * var(--formula)) auto;
  width: calc(406 * var(--formula));
  height: calc(166 * var(--formula));
}
@media screen and (max-width: 767px) {
  #MO261026happybag .lp-page .lp-style__head--03 {
    margin-top: calc(128 * var(--formula));
  }
}

#MO261026happybag .lp-page .lp-style__title--03 {
  position: absolute;
  top: calc(60 * var(--formula));
  left: calc(-8 * var(--formula));
  width: calc(421 * var(--formula));
}

#MO261026happybag .lp-page .lp-style__label--03 {
  position: absolute;
  top: calc(-35 * var(--formula));
  left: calc(136 * var(--formula));
  width: calc(133 * var(--formula));
}

#MO261026happybag .lp-page .lp-style__items--03 {
  margin-top: calc(-5 * var(--formula));
  margin-inline: calc(305 * var(--formula)) auto;
  width: calc(140 * var(--formula));
}

#MO261026happybag .lp-page .lp-photo--style03a {
  margin-top: calc(21 * var(--formula));
  margin-inline: calc(110 * var(--formula)) auto;
  width: calc(640 * var(--formula));
}
@media screen and (max-width: 767px) {
  #MO261026happybag .lp-page .lp-photo--style03a {
    margin-top: calc(28 * var(--formula));
  }
}

#MO261026happybag .lp-page .lp-photo--style03b {
  margin-top: calc(29 * var(--formula));
  width: calc(540 * var(--formula));
}

#MO261026happybag .lp-page .lp-style__text--03 {
  margin-top: calc(50 * var(--formula));
  margin-inline: calc(55 * var(--formula)) auto;
  width: calc(640 * var(--formula));
  font-size: calc(22 * var(--formula));
  line-height: 2.0;
  letter-spacing: 0.05em;
  color: #1e1d1c;
  white-space: normal;
}

#MO261026happybag .lp-page .lp-style__head--04 {
  position: relative;
  margin-top: calc(179 * var(--formula));
  margin-inline: calc(192 * var(--formula)) auto;
  width: calc(366 * var(--formula));
  height: calc(163 * var(--formula));
}

#MO261026happybag .lp-page .lp-style__title--04 {
  position: absolute;
  top: calc(60 * var(--formula));
  left: calc(-8 * var(--formula));
  width: calc(381 * var(--formula));
}

#MO261026happybag .lp-page .lp-style__label--04 {
  position: absolute;
  top: calc(-35 * var(--formula));
  left: calc(116 * var(--formula));
  width: calc(134 * var(--formula));
}

#MO261026happybag .lp-page .lp-style__items--04 {
  margin-top: calc(-13 * var(--formula));
  margin-inline: calc(334 * var(--formula)) auto;
  width: calc(87 * var(--formula));
}

#MO261026happybag .lp-page .lp-photo--style04a {
  margin-top: calc(27 * var(--formula));
  width: calc(640 * var(--formula));
}
@media screen and (max-width: 767px) {
  #MO261026happybag .lp-page .lp-photo--style04a {
    margin-top: calc(33 * var(--formula));
  }
}

#MO261026happybag .lp-page .lp-photo--style04b {
  margin-top: calc(30 * var(--formula));
  margin-inline: calc(210 * var(--formula)) auto;
  width: calc(540 * var(--formula));
}

#MO261026happybag .lp-page .lp-style__text--04 {
  margin-top: calc(50 * var(--formula));
  margin-inline: calc(54 * var(--formula)) auto;
  width: calc(640 * var(--formula));
  font-size: calc(22 * var(--formula));
  line-height: 2.0;
  letter-spacing: 0.05em;
  color: #1e1d1c;
  white-space: normal;
}

#MO261026happybag .lp-page .lp-allitems {
  padding-bottom: calc(316 * var(--formula));
}
@media screen and (max-width: 767px) {
  #MO261026happybag .lp-page .lp-allitems {
    padding-bottom: calc(204 * var(--formula));
  }
}

#MO261026happybag .lp-page .lp-allitems__button {
  position: relative;
  margin-top: calc(123 * var(--formula));
  margin-inline: calc(125 * var(--formula)) auto;
  width: calc(500 * var(--formula));
}

#MO261026happybag .lp-page .lp-allitems__frame {
  width: calc(500 * var(--formula));
}

#MO261026happybag .lp-page .lp-allitems__text {
  position: absolute;
  top: calc(22 * var(--formula));
  left: calc(117 * var(--formula));
  width: calc(266 * var(--formula));
}

#MO261026happybag .lp-page .lp-mv__title-happybox {
  position: absolute;
  top: calc(366 * var(--formula));
  left: calc(17 * var(--formula));
}

#MO261026happybag .lp-page .lp-mv__title-2027 {
  position: absolute;
  top: calc(367 * var(--formula));
  left: calc(547 * var(--formula));
}

#MO261026happybag .lp-page .lp-mv.is-open .lp-mv__date {
  display: none;
}

#MO261026happybag .lp-page .lp-mv .lp-mv__copy.is-open {
  top: calc(799 * var(--formula));
}

#MO261026happybag .lp-page .lp-mv__visual,
#MO261026happybag .lp-page .lp-intro__visual,
#MO261026happybag .lp-page .lp-allitems__button {
  display: flow-root;
}

#MO261026happybag .lp-page .lp-body {
  display: flow-root;
  background-color: var(--color-section-bg);
}

#MO261026happybag .lp-page .lp-allitems {
  display: flow-root;
  background-color: var(--color-bg);
}

#MO261026happybag .lp-page .lp-intro__item--03 {
  position: relative;
  z-index: 1;
}

#MO261026happybag .lp-page .lp-intro__item--04 {
  z-index: 2;
}

#MO261026happybag .lp-page .lp-intro__item a,
#MO261026happybag .lp-page .lp-style__item a,
#MO261026happybag .lp-page .lp-photo a {
  display: block;
}

#MO261026happybag .lp-page .lp-photo {
  background-color: var(--color-section-bg);
}

#MO261026happybag .lp-page .lp-credit {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#MO261026happybag .lp-page .lp-credit__row {
  display: flex;
}

#MO261026happybag .lp-page .lp-credit__item {
  display: block;
  font-family: var(--font-credit);
  color: inherit;
  text-decoration: none;
}

#MO261026happybag .lp-page .lp-style__head::before,
#MO261026happybag .lp-page .lp-style__head::after {
  content: "";
  position: absolute;
  top: var(--size-line-top);
  width: calc(300 * var(--formula));
  height: 1px;
  background-color: var(--color-accent);
}

#MO261026happybag .lp-page .lp-style__head::before {
  left: calc(var(--size-head-left) * -1);
}

#MO261026happybag .lp-page .lp-style__head::after {
  left: calc(450 * var(--formula) - var(--size-head-left));
}

#MO261026happybag .lp-page .lp-style__head--01 {
  --size-head-left: calc(267 * var(--formula));
  --size-line-top: calc(-3 * var(--formula));
}

#MO261026happybag .lp-page .lp-style__head--02 {
  --size-head-left: calc(186 * var(--formula));
  --size-line-top: calc(1 * var(--formula));
}

#MO261026happybag .lp-page .lp-style__head--03 {
  --size-head-left: calc(172 * var(--formula));
  --size-line-top: calc(-3 * var(--formula));
}

#MO261026happybag .lp-page .lp-style__head--04 {
  --size-head-left: calc(192 * var(--formula));
  --size-line-top: calc(-3 * var(--formula));
}

#MO261026happybag .lp-page .lp-style__items--01 {
  display: flex;
  align-items: flex-start;
  margin-left: calc(116 * var(--formula));
}

#MO261026happybag .lp-page .lp-style__item--01a {
  width: calc(140 * var(--formula));
}

#MO261026happybag .lp-page .lp-style__item--01b {
  margin-left: calc(13 * var(--formula));
  width: calc(140 * var(--formula));
}

#MO261026happybag .lp-page .lp-style__item--01c {
  margin-inline: calc(12 * var(--formula)) 0;
}

#MO261026happybag .lp-page .lp-style__item--01d {
  margin-left: calc(12 * var(--formula));
  width: calc(94 * var(--formula));
}

#MO261026happybag .lp-page .lp-allitems__button {
  display: block;
}

#MO261026happybag .lp-page .lp-allitems__frame {
  display: block;
  height: calc(100 * var(--formula));
  border: 1px solid var(--color-accent);
}

#MO261026happybag .lp-page .ani-up {
  opacity: 0;
  translate: 0 calc(20 * var(--formula));
  transition:
    opacity var(--duration-up) var(--ease-up) calc(var(--delay-up) * var(--delay-index, 0)),
    translate var(--duration-up) var(--ease-up) calc(var(--delay-up) * var(--delay-index, 0));
}

#MO261026happybag .lp-page .ani-up.is-active {
  opacity: 1;
  translate: none;
}

@media (prefers-reduced-motion: reduce) {
  #MO261026happybag .lp-page .ani-up {
    opacity: 1;
    translate: none;
    transition: none;
  }
}

@media (min-width: 768px) {
  #MO261026happybag .lp-page .lp-layout {
    background-color: var(--color-section-bg);
  }

  /* #MO261026happybag .lp-page .lp-layout__primary {
    background-color: var(--color-bg);
  } */

  #MO261026happybag .lp-page .lp-rail--left{
    position: relative;
    left: calc(1 * var(--size-rail));
    width: calc(311 * var(--size-rail));
  }

  #MO261026happybag .lp-page .lp-rail--right {
    display: block;
    width: calc(271 * var(--size-rail));
  }
}

#MO261026happybag .lp-page .lp-style__text--02 {
  min-height: calc(220 * var(--formula));
}