:root {
  --font-jp: "kozuka-gothic-pr6n", sans-serif;
  --font-main: "Amiko", sans-serif;
  --color-red: #D11500;
  --color-white: #F9F7F3;
}

html.is-modalOpen {
  overflow: hidden;
}

#emily_1031 {
  background: var(--color-white);
  color: var(--color-red);
  font-family: var(--font-main);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.01em;
  -webkit-font-smoothing: antialiased;
}
#emily_1031 *,
#emily_1031 *::before,
#emily_1031 *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#emily_1031 p, #emily_1031 h1, #emily_1031 h2, #emily_1031 ul, #emily_1031 li {
  margin: 0;
  padding: 0;
  font-weight: 400;
}
#emily_1031 ul {
  list-style: none;
}
#emily_1031 img {
  display: block;
  max-width: 100%;
  height: auto;
}
#emily_1031 a {
  color: inherit;
}
@media screen and (max-width: 767px) {
  #emily_1031 .pc {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  #emily_1031 .sp {
    display: none !important;
  }
}
#emily_1031 .fadeKv {
  opacity: 0;
  -webkit-animation: fadeKv 1.2s forwards;
          animation: fadeKv 1.2s forwards;
}
#emily_1031 .fadeKv--01 {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
#emily_1031 .fadeKv--02 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
#emily_1031 .fadeKv--03 {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
#emily_1031 .fadeKv--04 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
#emily_1031 .fadeKv--05 {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
@-webkit-keyframes fadeKv {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeKv {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#emily_1031 .fadeIn {
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
#emily_1031 .fadeIn--late {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
#emily_1031 .fadeIn.is-show {
  opacity: 1;
}
#emily_1031 .visualBlock__innerPc {
  position: relative;
  height: calc(800 / 1440 * 100vw);
  max-height: 100vh;
  margin-bottom: calc(100 / 1440 * 100vw);
  overflow: hidden;
}
#emily_1031 .visualBlock__image {
  position: absolute;
}
#emily_1031 .visualBlock__image--01 {
  left: calc(195 / 1440 * 100vw);
  top: calc(100 / 1440 * 100vw);
  width: calc(450 / 1440 * 100vw);
}
#emily_1031 .visualBlock__image--02 {
  left: calc(645 / 1440 * 100vw);
  top: 0;
  width: calc(500 / 1440 * 100vw);
}
#emily_1031 .visualBlock__image--03 {
  left: calc(645 / 1440 * 100vw);
  top: calc(500 / 1440 * 100vw);
  width: calc(300 / 1440 * 100vw);
}
#emily_1031 .visualBlock__image--04 {
  left: calc(945 / 1440 * 100vw);
  top: calc(500 / 1440 * 100vw);
  width: calc(300 / 1440 * 100vw);
}
#emily_1031 .visualBlock__title {
  position: absolute;
  z-index: 1;
  line-height: 1.1;
  text-align: center;
}
#emily_1031 .visualBlock__title span {
  display: block;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 768px) {
  #emily_1031 .visualBlock__title {
    top: calc(400 / 1440 * 100vw);
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    font-size: calc(22 / 1440 * 100vw);
    white-space: nowrap;
  }
  #emily_1031 .visualBlock__title span {
    margin-top: calc(16 / 1440 * 100vw);
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  #emily_1031 .visualBlock__title {
    top: 44%;
    left: 0;
    width: 100%;
    font-size: calc(18 / 390 * 100vw);
  }
  #emily_1031 .visualBlock__title span {
    margin-top: 1em;
    font-size: calc(12 / 390 * 100vw);
  }
}
#emily_1031 .visualBlock__logo {
  position: absolute;
}
#emily_1031 .visualBlock__logo img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #emily_1031 .visualBlock__logo {
    top: calc(50 / 1440 * 100vw);
    right: calc(50 / 1440 * 100vw);
    width: calc(90 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  #emily_1031 .visualBlock__logo {
    top: calc(25 / 390 * 100vw);
    right: calc(25 / 390 * 100vw);
    width: calc(70 / 390 * 100vw);
  }
}
#emily_1031 .visualBlock__lead {
  position: absolute;
  z-index: 1;
  left: calc(50 / 1440 * 100vw);
  top: calc(583 / 1440 * 100vw);
}
#emily_1031 .visualBlock__leadTitle {
  font-size: max(11px, 13 / 1440 * 100vw);
}
#emily_1031 .visualBlock__leadText {
  margin-top: 1em;
  font-size: max(9px, 11 / 1440 * 100vw);
  line-height: 2;
}
#emily_1031 .visualBlock__main {
  position: relative;
}
#emily_1031 .visualBlock__mainImage {
  width: 100%;
}
#emily_1031 .visualBlock__2col {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#emily_1031 .visualBlock__leftImage {
  width: calc(234 / 390 * 100vw);
}
#emily_1031 .visualBlock__right {
  width: calc(156 / 390 * 100vw);
}
#emily_1031 .visualBlock__index {
  position: absolute;
  z-index: 1;
  top: calc(-36 / 390 * 100vw);
  left: calc(14 / 390 * 100vw);
}
@media screen and (min-width: 768px) {
  #emily_1031 .indexArea__list {
    font-size: max(9px, 10 / 1440 * 100vw);
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  #emily_1031 .indexArea__list {
    font-size: calc(9 / 390 * 100vw);
    line-height: 1.75;
  }
}
#emily_1031 .leadBlock {
  padding: calc(90 / 390 * 100vw) calc(20 / 390 * 100vw);
  text-align: center;
  font-family: var(--font-jp);
}
#emily_1031 .leadBlock__title {
  font-size: calc(14 / 390 * 100vw);
  font-weight: 500;
}
#emily_1031 .leadBlock__text {
  margin-top: calc(20 / 390 * 100vw);
  font-size: calc(11 / 390 * 100vw);
  line-height: 2.1;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #emily_1031 .contents {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
#emily_1031 .fixedArea {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: calc(500 / 1440 * 100vw);
  height: 100vh;
}
#emily_1031 .fixedArea__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  padding: 0 calc(40 / 1440 * 100vw);
  text-align: right;
  overflow-y: auto;
  scrollbar-width: none;
}
#emily_1031 .fixedArea__inner::-webkit-scrollbar {
  display: none;
}
#emily_1031 .fixedArea__title {
  font-size: calc(20 / 1440 * 100vw);
  line-height: 1.1;
}
#emily_1031 .fixedArea__title span {
  display: block;
  margin-top: 1em;
  font-size: calc(12 / 1440 * 100vw);
  letter-spacing: 0.01em;
}
#emily_1031 .fixedArea__index {
  margin-top: calc(50 / 1440 * 100vw);
}
#emily_1031 .fixedArea__link {
  margin-top: calc(50 / 1440 * 100vw);
}
#emily_1031 .fixedArea__logo {
  margin-top: calc(30 / 1440 * 100vw);
}
#emily_1031 .fixedArea__logo img {
  width: calc(70 / 1440 * 100vw);
}
#emily_1031 .fixedArea__copy {
  margin-top: 1.5em;
  font-size: max(8px, 9 / 1440 * 100vw);
}
#emily_1031 .linkArea__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  #emily_1031 .linkArea__list {
    gap: 1.5em;
    font-size: max(10px, 12 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  #emily_1031 .linkArea__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(15 / 390 * 100vw);
    font-size: calc(13 / 390 * 100vw);
  }
}
#emily_1031 .linkArea__list a {
  text-decoration: underline;
  text-underline-offset: 0.25em;
}
@media (hover: hover) {
  #emily_1031 .linkArea__list a:where(:-webkit-any-link, :enabled, summary):hover {
    opacity: 0.8;
  }
  #emily_1031 .linkArea__list a:where(:-moz-any-link, :enabled, summary):hover {
    opacity: 0.8;
  }
  #emily_1031 .linkArea__list a:where(:any-link, :enabled, summary):hover {
    opacity: 0.8;
  }
}
@media screen and (min-width: 768px) {
  #emily_1031 .contentsBlock {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
  }
}
#emily_1031 .contentsBlock__2col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#emily_1031 .contentsBlock__col {
  width: 50%;
}
#emily_1031 .contentsBlock__item {
  position: relative;
}
@media screen and (max-width: 767px) {
  #emily_1031 .contentsBlock__item {
    cursor: pointer;
  }
}
@media screen and (min-width: 768px) and (hover: hover) {
  #emily_1031 .contentsBlock__item:hover .contentsBlock__credit {
    opacity: 1;
    visibility: visible;
  }
}
#emily_1031 .contentsBlock__image {
  width: 100%;
}
#emily_1031 .contentsBlock__plus {
  position: absolute;
  right: calc(8 / 390 * 100vw);
  bottom: calc(8 / 390 * 100vw);
  width: calc(16 / 390 * 100vw);
  height: calc(16 / 390 * 100vw);
  pointer-events: none;
}
#emily_1031 .contentsBlock__plus::before, #emily_1031 .contentsBlock__plus::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--color-white);
}
#emily_1031 .contentsBlock__plus::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#emily_1031 .contentsBlock__credit {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(36 / 1440 * 100vw);
  padding: calc(30 / 1440 * 100vw);
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.4);
  color: var(--color-white);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.4s, visibility 0.4s;
  transition: opacity 0.4s, visibility 0.4s;
}
@media screen and (max-width: 767px) {
  #emily_1031 .contentsBlock__credit {
    display: none;
  }
}
#emily_1031 .creditArea {
  text-align: center;
}
@media screen and (max-width: 767px) {
  #emily_1031 .creditArea__detail + .creditArea__detail {
    margin-top: calc(30 / 390 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  #emily_1031 .creditArea {
    color: var(--color-white);
  }
}
@media screen and (min-width: 768px) {
  #emily_1031 .creditArea__item {
    font-size: max(13px, 15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  #emily_1031 .creditArea__item {
    font-size: calc(15 / 390 * 100vw);
  }
}
#emily_1031 .creditArea__brand {
  margin-top: 1em;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  #emily_1031 .creditArea__brand {
    font-size: max(10px, 11 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  #emily_1031 .creditArea__brand {
    font-size: calc(10 / 390 * 100vw);
  }
}
#emily_1031 .creditArea__2col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.8em;
}
@media screen and (min-width: 768px) {
  #emily_1031 .creditArea__2col {
    margin-top: 1em;
    font-size: max(10px, 11 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  #emily_1031 .creditArea__2col {
    margin-top: calc(14 / 390 * 100vw);
    font-size: calc(11 / 390 * 100vw);
  }
}
#emily_1031 .creditArea__buy a {
  display: inline-block;
  padding: 0.25em 1em 0;
  border: 1px solid currentColor;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media (hover: hover) {
  #emily_1031 .creditArea__buy a:where(:-webkit-any-link, :enabled, summary):hover {
    opacity: 0.8;
  }
  #emily_1031 .creditArea__buy a:where(:-moz-any-link, :enabled, summary):hover {
    opacity: 0.8;
  }
  #emily_1031 .creditArea__buy a:where(:any-link, :enabled, summary):hover {
    opacity: 0.8;
  }
}
#emily_1031 .creditArea .item-d-none {
  display: none;
}
#emily_1031 .footerBlock__inner {
  padding: calc(50 / 390 * 100vw) calc(30 / 390 * 100vw);
}
#emily_1031 .footerBlock__logo {
  margin-top: calc(100 / 390 * 100vw);
}
#emily_1031 .footerBlock__logo img {
  width: calc(110 / 390 * 100vw);
}
#emily_1031 .footerBlock__copy {
  margin-top: calc(20 / 390 * 100vw);
  font-size: calc(9 / 390 * 100vw);
  letter-spacing: 0.01em;
}
#emily_1031 .modalArea {
  position: fixed;
  inset: 0;
  z-index: 10000;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}
#emily_1031 .modalArea.is-show {
  opacity: 1;
  visibility: visible;
}
#emily_1031 .modalArea__bg {
  position: fixed;
  inset: 0;
  background: rgba(30, 32, 34, 0.85);
}
#emily_1031 .modalArea__close {
  position: fixed;
  top: calc(30 / 390 * 100vw);
  right: calc(30 / 390 * 100vw);
  z-index: 1;
  width: calc(20 / 390 * 100vw);
  height: calc(20 / 390 * 100vw);
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
#emily_1031 .modalArea__close::before, #emily_1031 .modalArea__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -20%;
  width: 140%;
  height: 1px;
  background: var(--color-white);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#emily_1031 .modalArea__close::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#emily_1031 .modalArea__inner {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100%;
  padding: calc(90 / 390 * 100vw) calc(30 / 390 * 100vw) calc(calc(140 / 390 * 100vw) + env(safe-area-inset-bottom));
}
#emily_1031 .modalArea__image {
  width: 100%;
}
#emily_1031 .modalArea__credit {
  padding-top: calc(28 / 390 * 100vw);
}/*# sourceMappingURL=style.css.map */