@charset "UTF-8";

/* MIR260430 layout reset */
body:has(#issue240) .l-container {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-inline: auto !important;
  overflow-x: clip;
}

body {
  margin: 0 !important;
}

/* media query
------------------------------------------ */
/* display
------------------------------------------ */
.is-show-pc {
  display: block;
}

.is-show-sp {
  display: none;
}

#breadcrumb {
  display: none;
}

@media (max-width: 767px) {
  .footer {
    padding-top: 0;
  }

  .is-show-pc {
    display: none;
  }

  .is-show-sp {
    display: block;
  }

  .main-area {
    padding-top: calc(7 * (100vw / 375));
  }
}

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

/* function
------------------------------------------ */
.issue240 {
  --pc-width: 2100;
  --sp-width: 750;
  --pc-artboard-width: 675;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);

  --font-new-hero: "new-hero", sans-serif;
  --font-helvetica: "helvetica-neue-lt-pro", sans-serif;
  --font-noto: "Noto Sans JP", sans-serif;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;

  --color-gray: #353535;
  --color-black: #000;
  --color-white: #fff;

  font-style: normal;
  color: var(--color-black);
  background-color: #fff;
  font-feature-settings: "palt";
}


/* SPだけ透過 */
@media (max-width: 767px) {
  .issue240 {
    background-color: transparent;
  }
}

@media (min-width: 1401px) {
  .issue240 {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}

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

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

.issue240 img {
  width: 100%;
  height: auto;
}

.issue240 a {
  display: inline-block;
}

.issue240 * {
  box-sizing: border-box;
}

.issue240-container {
  display: flex;
  color: #353535;
}

@media (max-width: 767px) {
  .issue240-container {
    display: block;
  }
}

/* ===================================
    mv
=================================== */
.issue240 .mv a {
  display: block;
  position: relative;
  z-index: 0;
}

.issue240 .mv_ttl,
.issue240 .mv_subttl {
  position: absolute;
  z-index: 1;
}

@media (min-width: 768px) {
  .issue240 .mv {
    position: sticky;
    top: 0;
    width: 50%;
    height: 100vh;
    overflow: hidden;
    align-self: flex-start;
  }

  .issue240 .mv-img {
    width: 100%;
    height: 100%;
  }

  .issue240 .mv-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
  }

  .issue240 .mv_ttl {
    width: calc(513.1807 * var(--formula_pc));
    bottom: calc(120 * var(--formula_pc));
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (max-width: 767px) {
  .issue240 .mv {
    position: static;
    width: 100%;
    height: auto;
    overflow: visible;
  }

  .issue240 .mv-img {
    width: 100%;
    height: auto;
  }

  .issue240 .mv-img img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: fill;
    object-position: center top;
  }

  .issue240 .mv_ttl {
    width: calc(513.1807 * var(--formula));
    bottom: calc(184 * var(--formula));
    left: 50%;
    transform: translateX(-50%);
  }
}

/* ===================================
    lp-container
=================================== */
.issue240 .lp-container {
  width: 50%;
}

.issue240 .lp-cont {
  width: calc(750 * var(--variable) * var(--ratio));
  margin: 0 auto;
  padding-top: calc(127 * var(--formula));
}

.issue240 .product {
  margin-top: calc(160 * var(--formula));
}

.issue240 .product-credit__wrapper {
  position: relative;
}

.issue240 .credit__list {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  top: calc(40 * var(--formula));
  right: calc(40 * var(--formula));
  gap: calc(11 * var(--formula)) 0;
}

.issue240 .credit__list .credit_item {
  font-family: var(--font-helvetica);
  font-size: calc(20 * var(--formula));
  font-weight: var(--fw-light);
  letter-spacing: 0.02em;
  color: var(--color-white);
  line-height: 1;
  font-variant-numeric: lining-nums;
}

.issue240 .lead_txt {
  font-family: var(--font-noto);
  font-size: calc(22 * var(--formula));
  font-weight: var(--fw-regular);
  color: var(--color-black);
  line-height: 2;
  letter-spacing: 0.16em;
  text-align: center;
}

.issue240 .lead_txt.--02 {
  padding-top: calc(36 * var(--formula));
}

.issue240 .lead_txt.--02 .font-en {
  font-family: var(--font-helvetica);
  word-spacing: calc(-3 * var(--formula));
}

@media (max-width: 767px) {
  .issue240 .lp-container {
    width: 100%;
    overflow-x: clip;
  }

  .issue240 .lp-cont {
    margin-top: calc(-21 * var(--formula));
  }

  .issue240 .lead_txt.--02 {
    padding-top: calc(13 * var(--formula));
  }
}

/* ===================================
    at the end
=================================== */
.issue240 .all {
  padding: 0 0 calc(225 * var(--formula)) 0;
  text-align: center;
  margin-top: calc(200 * var(--formula));
}

.issue240 .all-link {
  position: relative;
  display: inline-block;
  font-family: var(--font-new-hero);
  font-weight: var(--fw-regular);
  font-optical-sizing: auto;
  font-size: calc(31 * var(--formula));
  line-height: 1;
  color: var(--color-black);
}

.issue240 .all-link::after {
  content: "";
  position: absolute;
  bottom: calc(-25 * var(--formula));
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 1px;
  background-color: var(--color-black);
  transform: scale(0);
  transition: 2s;
}

.issue240 .all-link.is-active::after {
  width: calc(160 * var(--formula));
  transform: scale(1);
}

/* ===================================
    animation
=================================== */
.anim-delay01 {
  transition-delay: 0.5s;
}

.js-show .anim-delay02 {
  transition-delay: 0.6s !important;
}

@media (min-width: 768px) {
  .js-show.is-active {
    transition-delay: 0.3s;
  }
}

.js-show.product-img,
.js-show .product-img,
.js-show .anim-delay02,
.js-first {
  opacity: 0;
}

.js-show.is-active.product-img,
.js-show.is-active .product-img,
.js-show.is-active .anim-delay02,
.js-first.is-active {
  opacity: 1;
  transition: opacity 440ms cubic-bezier(0.335, 0.2, 0.18, 0.915);
  filter: none;
}

.js-first.mv_ttl {
  opacity: 0;
}

.js-show.anim-delay01.is-active {
  opacity: 1;
  transition: opacity 600ms cubic-bezier(0.335, 0.2, 0.18, 0.915);
  filter: none;
  transition-delay: 0.6s;
}

.js-first.mv_ttl.is-active {
  opacity: 1;
  transition: opacity 800ms cubic-bezier(0.335, 0.2, 0.18, 0.915);
  filter: none;
  transition-delay: 0.6s;
}

/* =========================
  MIR260430 CUSTOM START
========================= */

/* =========================
  MIR260430 COMMON
========================= */
.issue240 {
  font-family: "Noto Sans JP", sans-serif;
}

.issue240 .font-en {
  font-family: "Times New Roman", Times, serif;
}

/* ===================================
   MIR260430 MV
=================================== */
@media (min-width: 768px) {
  .issue240 .mv.mv--mir260430 {
    position: sticky;
    top: 80px;
    width: 50%;
    height: calc(100vh - 80px);
    overflow: hidden;
    align-self: flex-start;
  }

  .issue240 .mv-img.mv-img--mir260430 {
    width: 100%;
    height: 100%;
  }

  .issue240 .mv-img.mv-img--mir260430 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
  }

  .issue240 .mv_ttl.mv_ttl--mir260430 {
    position: absolute;
    z-index: 2;
    bottom: calc(-5.3% + 80px);
    left: 23.7%;
    width: 34%;
    margin: 0;
  }
}

@media (max-width: 767px) {
  .issue240 .mv.mv--mir260430 {
    position: relative;
    width: 100%;
    height: auto;
    overflow: visible;
  }

  .issue240 .mv-img.mv-img--mir260430 {
    width: 100%;
    height: auto;
  }

  .issue240 .mv-img.mv-img--mir260430 img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center top;
  }

  .issue240 .mv_ttl.mv_ttl--mir260430 {
    position: absolute;
    z-index: 2;
    width: calc(358 * var(--formula));
    left: calc(52.5 * var(--formula));
    bottom: calc(74 * var(--formula));
    transform: none;
    margin: 0;
  }
}

/* ===================================
   MIR260430 look common
=================================== */
.issue240 .wrap_look {
  margin-top: calc(160 * var(--formula));
}

.issue240 .look__link {
  display: block;
  position: relative;
}

.issue240 .look__media {
  position: relative;
}

.issue240 .look__media img {
  display: block;
  width: 100%;
  height: auto;
}

.issue240 .look__icon {
  position: absolute;
  right: calc(20 * var(--formula));
  bottom: calc(20 * var(--formula));
  width: calc(36 * var(--formula));
  z-index: 2;
}

.issue240 .look__single,
.issue240 .look__main,
.issue240 .look__sub,
.issue240 .look__bottom,
.issue240 .look__slider {
  position: relative;
}

.issue240 .look__sub-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(20 * var(--formula));
  margin-top: calc(18 * var(--formula));
}

/* ===================================
   MIR260430 look--01
=================================== */
.issue240 .wrap_look--01 {
  margin-top: calc(115 * var(--formula));
  padding: calc(35 * var(--formula));
}

.issue240 .wrap_look--01 .look__switch {
  position: relative;
}

.issue240 .wrap_look--01 .look__switch--fade {
  overflow: hidden;
}

.issue240 .wrap_look--01 .look__switch--fade .look__media {
  width: 100%;
}

.issue240 .wrap_look--01 .look__switch--fade .img_01,
.issue240 .wrap_look--01 .look__switch--fade .img_02 {
  position: absolute;
  inset: 0;
  opacity: 0;
}

.issue240 .wrap_look--01 .look__switch--fade .img_01.is-active,
.issue240 .wrap_look--01 .look__switch--fade .img_02.is-active {
  position: relative;
  opacity: 1;
}

/* ===================================
   MIR260430 look--02
=================================== */
.issue240 .wrap_look--02 {
  margin-top: calc(124 * var(--formula));
}

.issue240 .wrap_look--02 .look__single {
  width: 100%;
}

@media (max-width: 767px) {
  .issue240 .wrap_look {
    margin-top: calc(120 * var(--formula));
  }

  .issue240 .look__icon {
    right: calc(16 * var(--formula));
    bottom: calc(16 * var(--formula));
    width: calc(36 * var(--formula));
  }

  .issue240 .look__sub-wrap {
    gap: calc(16 * var(--formula));
    margin-top: calc(21 * var(--formula));
  }

  .issue240 .wrap_look--01 {
    margin-top: calc(114 * var(--formula));
  }

  .issue240 .wrap_look--02 {
    margin-top: calc(120 * var(--formula));
  }
}

/* ===================================
   MIR260430 look--03
=================================== */
.issue240 .wrap_look--03 {
  padding-top: calc(159 * var(--formula));
}

.issue240 .wrap_look--03 .look__vertical {
  display: flex;
  flex-direction: column;
  gap: calc(23 * var(--formula));
  width: 61%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .issue240 .wrap_look--03 {
    margin-top: calc(165 * var(--formula));
  }

  .issue240 .wrap_look--03 .look__vertical {
    gap: calc(16 * var(--formula));
    width: 61%;
    margin: 0 auto;
  }
}

/* ===================================
   MIR260430 look--04
=================================== */
.issue240 .wrap_look--04 {
  margin-top: calc(127 * var(--formula));
  padding: calc(34 * var(--formula));
}

.issue240 .wrap_look--04 .look__vertical {
  display: flex;
  flex-direction: column;
  gap: calc(20 * var(--formula));
}

.issue240 .wrap_look--04 .look__sub-wrap {
  gap: calc(21 * var(--formula));
  margin-top: calc(-3 * var(--formula));
}

@media (max-width: 767px) {
  .issue240 .wrap_look--04 {
    margin-top: calc(134 * var(--formula));
    padding: calc(35 * var(--formula));
  }

  .issue240 .wrap_look--04 .look__vertical {
    gap: calc(16 * var(--formula));
  }

  .issue240 .wrap_look--04 .look__sub-wrap {
    gap: calc(16 * var(--formula));
    margin-top: calc(1 * var(--formula));
  }
}

/* ===================================
   MIR260430 look--05
=================================== */
.issue240 .wrap_look--05 {
  margin-top: calc(126 * var(--formula));
}

.issue240 .wrap_look--05 .look__main {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.issue240 .wrap_look--05 .look {
  display: flex;
  flex-direction: column;
  gap: calc(20 * var(--formula));
}

.issue240 .wrap_look--05 .look__switch--slide {
  overflow: hidden;
}

.issue240 .wrap_look--05 .look__slide-track {
  display: flex;
  margin-top: calc(61 * var(--formula));
  gap: calc(20 * var(--formula));
  width: 78.4%;
}

.issue240 .wrap_look--05 .look__slide-track .look__media {
  flex-shrink: 0;
  width: 85%;
}

.issue240 .wrap_look--05 .look__bottom {
  margin-top: calc(-19 * var(--formula));
  margin-bottom: calc(124 * var(--formula));
  padding: calc(74 * var(--formula));
}

@media (max-width: 767px) {
  .issue240 .wrap_look--05 {
    margin-top: calc(126 * var(--formula));
  }

  .issue240 .wrap_look--05 .look__main {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .issue240 .wrap_look--05 .look {
    gap: calc(20 * var(--formula));
  }

  .issue240 .wrap_look--05 .look__slide-track {
    margin-top: calc(58 * var(--formula));
    gap: calc(16 * var(--formula));
    width: 79%;
  }

  .issue240 .wrap_look--05 .look__slide-track .look__media {
    width: 85%;
  }

  .issue240 .wrap_look--05 .look__bottom {
    margin-top: calc(-20 * var(--formula));
    padding: calc(76 * var(--formula));
  }
}

/* ===================================
   MIR260430 look--06
=================================== */
.issue240 .wrap_look--06 {
  margin-top: calc(-38 * var(--formula));
}

.issue240 .wrap_look--06 .look__single {
  width: 100%;
}

@media (max-width: 767px) {
  .issue240 .wrap_look--06 {
    margin-top: calc(86 * var(--formula));
  }
}

/* ===================================
   MIR260430 look--07
=================================== */
.issue240 .wrap_look--07 {
  margin-top: calc(122 * var(--formula));
  padding: calc(159 * var(--formula)) calc(34 * var(--formula)) calc(34 * var(--formula));
}

.issue240 .wrap_look--07 .look {
  display: flex;
  flex-direction: column;
  gap: calc(17 * var(--formula));
}

.issue240 .wrap_look--07 .look__grid--four {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(20 * var(--formula));
}

.issue240 .wrap_look--07 .look .look__bottom {
  margin-top: calc(60 * var(--formula));
}

@media (max-width: 767px) {
  .issue240 .wrap_look--07 {
    padding: calc(127 * var(--formula)) calc(35 * var(--formula)) calc(35 * var(--formula));
  }

  .issue240 .wrap_look--07 .look {
    gap: calc(16 * var(--formula));
  }

  .issue240 .wrap_look--07 .look__grid--four {
    gap: calc(16 * var(--formula));
  }

  .issue240 .wrap_look--07 .look .look__bottom {
    margin-top: calc(62 * var(--formula));
  }
}

/* ===================================
   MIR260430 look--08
=================================== */
.issue240 .wrap_look--08 {
  margin-top: calc(162 * var(--formula));
  padding-bottom: calc(7 * var(--formula));
}

.issue240 .wrap_look--08::after {
  content: "";
  display: block;
  height: calc(160 * var(--formula));
}

.issue240 .wrap_look--08 .look__vertical {
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--formula));
}

.issue240 .wrap_look--08 .look__single:nth-child(1),
.issue240 .wrap_look--08 .look__single:nth-child(2) {
  width: 61%;
  margin: 0 auto;
}

.issue240 .wrap_look--08 .look__single:nth-child(3) {
  width: 100%;
  margin-top: calc(57 * var(--formula));
}

@media (max-width: 767px) {
  .issue240 .wrap_look--08 {
    margin-top: calc(120 * var(--formula));
    margin-bottom: calc(160 * var(--formula));
  }

  .issue240 .wrap_look--08 .look__vertical {
    gap: calc(25 * var(--formula));
  }

  .issue240 .wrap_look--08 .look__single:nth-child(1),
  .issue240 .wrap_look--08 .look__single:nth-child(2) {
    width: 61%;
    margin: 0 auto;
  }

  .issue240 .wrap_look--08 .look__single:nth-child(3) {
    width: 100%;
    margin-top: calc(60 * var(--formula));
  }
}

/* ===================================
   MIR260430 look--09
=================================== */
.issue240 .wrap_look--09 {
  margin-top: calc(144 * var(--formula));
  margin-bottom: calc(106 * var(--formula));
  padding-top: calc(16 * var(--formula));
  padding-bottom: calc(4 * var(--formula));
  width: 67%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  .issue240 .wrap_look--09 {
    margin-top: calc(187 * var(--formula));
    padding-top: calc(159 * var(--formula));
    width: 66.5%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ===================================
   MIR260430 look--10
=================================== */
.issue240 .wrap_look--10 {
  margin-top: calc(123 * var(--formula));
  padding: calc(34 * var(--formula));
}

.issue240 .wrap_look--10 .look {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--formula));
}

.issue240 .wrap_look--10 .look__sub-wrap {
  margin-top: calc(4 * var(--formula));
  gap: calc(21 * var(--formula));
}

@media (max-width: 767px) {
  .issue240 .wrap_look--10 {
    margin-top: calc(126 * var(--formula));
    padding: calc(35 * var(--formula));
  }

  .issue240 .wrap_look--10 .look {
    gap: calc(6 * var(--formula));
  }

  .issue240 .wrap_look--10 .look__sub-wrap {
    margin-top: calc(14 * var(--formula));
    gap: calc(20 * var(--formula));
  }
}

/* ===================================
   MIR260430 look--11
=================================== */
.issue240 .wrap_look--11 {
  margin-top: calc(124 * var(--formula));
  overflow-x: hidden;
}

.issue240 .wrap_look--11 .look__main {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.issue240 .wrap_look--11 .look {
  display: flex;
  flex-direction: column;
  gap: calc(17 * var(--formula));
  overflow-y: hidden;
}

.issue240 .wrap_look--11 .look__switch--slide {
  overflow: hidden;
}

.issue240 .wrap_look--11 .look__slide-track {
  display: flex;
  margin-top: calc(62 * var(--formula));
  gap: calc(20 * var(--formula));
  width: 67.4%;
}

.issue240 .wrap_look--11 .look__slide-track .look__media {
  flex-shrink: 0;
  width: 85%;
}

.issue240 .wrap_look--11 .look__bottom {
  margin-top: calc(-8 * var(--formula));
  margin-bottom: calc(3 * var(--formula));
  padding: calc(74 * var(--formula));
}

@media (max-width: 767px) {
  .issue240 .wrap_look--11 {
    margin-top: calc(126 * var(--formula));
  }

  .issue240 .wrap_look--11 .look__main {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .issue240 .wrap_look--11 .look {
    gap: calc(18 * var(--formula));
  }

  .issue240 .wrap_look--11 .look__slide-track {
    margin-top: calc(61 * var(--formula));
    gap: calc(16 * var(--formula));
    width: 79%;
  }

  .issue240 .wrap_look--11 .look__slide-track .look__media {
    width: 73%;
  }

  .issue240 .wrap_look--11 .look__bottom {
    margin-top: calc(-14 * var(--formula));
    padding: calc(74 * var(--formula));
  }
}

/* ===================================
   MIR260430 look--12
=================================== */
.issue240 .wrap_look--12 {
  margin-top: calc(84 * var(--formula));
  width: 61.5%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  .issue240 .wrap_look--12 {
    margin-top: calc(86.5 * var(--formula));
    width: 61.5%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ===================================
   MIR260430 cta
=================================== */
.issue240 .wrap_cta--260430MIR {
  margin-top: calc(157 * var(--formula));
  padding-bottom: calc(200 * var(--formula));
  background-color: #191c40;
}

.issue240 .cta--260430MIR .cta__image {
  margin-top: calc(0 * var(--formula));
  width: 30%;
  margin-left: auto;
  margin-right: auto;
}

.issue240 .cta--260430MIR .cta__image a {
  display: block;
}

.issue240 .cta--260430MIR .cta__image img {
  display: block;
  width: 100%;
  height: auto;
}

.issue240 .cta--260430MIR .cta__link_image {
  margin-top: calc(203 * var(--formula));
  width: 35.5%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  .issue240 .wrap_cta--260430MIR {
    margin-top: calc(158 * var(--formula));
    padding-bottom: calc(200 * var(--formula));
  }
}

/* ===================================
   MIR260430 check all items
=================================== */

.issue240 .check-all {
  position: relative;
  width: 35.5%;
  margin: 0 auto;
  padding-bottom: calc(18 * var(--formula));
}

.issue240 .check-all .cta__link_image {
  width: 100%;
  margin-top: calc(203 * var(--formula));
}

.issue240 .check-all::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: #fff;
  transform: translateX(-50%);
  transition: width 1s ease;
}

.issue240 .check-all.is-line-active::before {
  width: 75%;
}

/* ===================================
   MIR260430 modal
=================================== */
.issue240 .credit-modal--260430MIR {
  position: fixed;
  inset: 0;
  background: rgba(25, 28, 64, 0.9);
  color: #fff;
  z-index: 9999;
  display: none;
}

.issue240 .credit-modal--260430MIR .credit-modal__inner {
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
  background: transparent;
  backdrop-filter: none;
  overflow: hidden;
}

.issue240 .credit-modal--260430MIR .credit-modal__close {
  position: absolute;
  top: 3%;
  right: 5%;
  width: calc(62 * var(--formula));
  z-index: 5;
}

.issue240 .credit-modal--260430MIR .credit-modal__close a {
  display: block;
}

.issue240 .credit-modal--260430MIR .credit-modal__contents {
  height: 100%;
  overflow: auto;
  overscroll-behavior: contain;
  margin-top: calc(41 * var(--formula));
  padding-top: calc(20 * var(--formula));
  padding-bottom: calc(48 * var(--formula));
}

.issue240 .credit-modal--260430MIR .credit-single {
  width: calc(600.5 * var(--formula));
  margin: 0 auto;
  padding-top: calc(79 * var(--formula));
  padding-bottom: calc(78 * var(--formula));
}

.issue240 .credit-modal--260430MIR .credit-single__visual {
  margin-top: calc(0 * var(--formula));
  margin-bottom: calc(28 * var(--formula));
  background: #e5e9eb;
  /* padding: calc(20 * var(--formula)) calc(20 * var(--formula)) calc(24 * var(--formula)); */
  filter: drop-shadow(0 0 calc(28 * var(--formula)) rgba(20, 48, 88, 0.9));
}

.issue240 .credit-modal--260430MIR .credit-single__media img {
  display: block;
  width: 100%;
  height: auto;
}

.issue240 .credit-modal--260430MIR .credit-single__content {
  margin: 0;
}

@media (min-width: 768px) {
  .issue240 .credit-modal--260430MIR .credit-modal__close {
    width: calc(62 * var(--formula));
    top: calc(20 * var(--formula));
    right: calc(20 * var(--formula));
  }

  .issue240 .credit-modal--260430MIR .credit-modal__contents {
    padding-top: 2.4rem;
    padding-bottom: 8rem;
  }

  .issue240 .credit-modal--260430MIR .credit-single {
    width: min(48.8rem, 80%);
    margin-left: auto;
    margin-right: auto;
    padding-top: 2.5rem;
    padding-bottom: 4.4rem;
    display: block;
    margin-top: calc(23 * var(--formula));
  }

  .issue240 .credit-modal--260430MIR .credit-single__visual {
    margin: 0 0 -0.4rem;
    /* padding: 1.6rem 1.6rem 2rem; */
    filter: drop-shadow(0 0 2.4rem rgba(20, 48, 88, 0.9));
  }

  .issue240 .credit-modal--260430MIR .credit-single__content {
    padding: 0;
  }
}

/* ===================================
   MIR260430 modal credit CMS output
=================================== */
.issue240 .credit-modal--260430MIR .style__credit {
  /* margin: calc(4 * var(--formula)) 0 0; */
  padding: 0;
  text-align: center;
  color: #fff;
}

.issue240 .credit-modal--260430MIR .style__credit .credit {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  gap: 0;
  margin: 0;
  padding: 0 calc(12 * var(--formula));
  list-style: none;
  text-align: center;
}

.issue240 .credit-modal--260430MIR .style__credit .credit_item {
  display: block;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  line-height: 1.5;
}

.issue240 .credit-modal--260430MIR .style__credit .credit_item:not(:last-child)::after {
  content: "/";
  display: inline-block;
  margin: 0 calc(5 * var(--formula));
  font-family: "Helvetica Neue LT Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: calc(20 * var(--formula));
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0.02em;
  color: #fff;
  vertical-align: baseline;
}

.issue240 .credit-modal--260430MIR .style__credit .credit_link {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: calc(2 * var(--formula));
  color: #fff;
  text-decoration: none;
  vertical-align: baseline;
}

.issue240 .credit-modal--260430MIR .style__credit .credit_txt,
.issue240 .credit-modal--260430MIR .style__credit .credit_decoration,
.issue240 .credit-modal--260430MIR .style__credit .credit_price,
.issue240 .credit-modal--260430MIR .style__credit .credit_detail {
  display: inline-block;
  font-family: "Helvetica Neue LT Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: calc(20 * var(--formula));
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0.04em;
  color: #fff;
  vertical-align: baseline;
}

.issue240 .credit-modal--260430MIR .style__credit .credit_decoration:empty,
.issue240 .credit-modal--260430MIR .style__credit .credit_detail:empty {
  display: none;
}

@media (min-width: 768px) {
  .issue240 .credit-modal--260430MIR .style__credit {
    margin-top: 3em;
  }

  .issue240 .credit-modal--260430MIR .style__credit .credit_item:not(:last-child)::after {
    margin: 0 0.3rem 0 0.1rem;
    font-size: 1rem;
  }

  .issue240 .credit-modal--260430MIR .style__credit .credit_link {
    gap: 0.1rem;
  }

  .issue240 .credit-modal--260430MIR .style__credit .credit_txt,
  .issue240 .credit-modal--260430MIR .style__credit .credit_decoration,
  .issue240 .credit-modal--260430MIR .style__credit .credit_price,
  .issue240 .credit-modal--260430MIR .style__credit .credit_detail {
    font-size: 1rem;
  }
}

/* LOOK11 クレジット改行位置調整 */
.issue240 .credit-modal--260430MIR #look11 .style__credit .credit {
  width: calc(430 * var(--formula));
  margin-left: auto;
  margin-right: auto;
}
/* PCのモーダル表示位置調整 */

@media (min-width: 768px) {
  .issue240 .credit-modal--260430MIR {
    position: fixed;
    top: var(--header-height, 0px);
    right: 0;
    left: auto;
    width: 50%;
    height: calc(100vh - var(--header-height, 0px));
    display: none;
    background: transparent;
    overflow: hidden;
    z-index: 9999;
  }

  .issue240 .credit-modal--260430MIR .credit-modal__inner {
    width: calc(750 * var(--variable) * var(--ratio));
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    background: rgba(25, 28, 64, 0.9);
    overflow: hidden;
  }

  .issue240 .credit-modal--260430MIR .credit-modal__contents {
    height: 100%;
    overflow-y: auto;
    margin-top: 0;
    padding-top: calc(70 * var(--formula));
    padding-bottom: 8rem;
  }

  .issue240 .credit-modal--260430MIR .credit-modal__close {
    top: calc(38 * var(--formula));
    right: calc(38 * var(--formula));
    width: calc(62 * var(--formula));
  }
}


@media (min-width: 768px) {
  .issue240 .credit-modal--260430MIR .credit-modal__contents {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE / Edge legacy */
  }

  .issue240 .credit-modal--260430MIR .credit-modal__contents::-webkit-scrollbar {
    display: none; /* Chrome / Safari */
  }
}


/* ===================================
   MIR260430 modal open state
=================================== */
body.is-modal-open {
  overflow: hidden;
}

/* ===================================
   MIR260430 dark layer
=================================== */

/*
  look08_04.jpg だけを sticky の下側レイヤーにして、
  dark-layer--260430MIR を上側レイヤーとしてせり上げる
*/
.issue240 .look-rise-set--08-dark {
  margin-top: calc(0 * var(--formula));
  padding-top: calc(23 * var(--formula));
  position: relative;
  display: block;
  background-color: #fff;
  z-index: 1;
  overflow: visible;
  isolation: isolate;
}

/* look08通常部分の後ろに余白を作らない */
.issue240 .wrap_look--08::after {
  content: none !important;
  display: none !important;
  height: 0 !important;
}

/* look08通常部分は固定しない */
.issue240 .wrap_look--08 {
  position: relative;
  z-index: 1;
  background-color: #fff;
  margin-bottom: 0 !important;
  overflow: visible;
}

/* look08_04だけを固定対象にする */
.issue240 .wrap_look--08-last {
  position: sticky;
  top: var(--header-height, 0px);
  z-index: 1;
  margin-top: calc(83 * var(--formula));
  background-color: #fff;
  overflow: visible;
}

/* look08_04画像 */
.issue240 .wrap_look--08-last .look {
  position: relative;
  background-color: #fff;
}

.issue240 .wrap_look--08-last .look__single,
.issue240 .wrap_look--08-last .look__media {
  position: relative;
  width: 100%;
  margin: 0;
  overflow: visible;
}

/* dark-layerは上に被さるレイヤー */
.issue240 .look-rise-set--08-dark .dark-layer--260430MIR {
  margin-top: calc(126 * var(--formula)) !important;
  position: relative;
  z-index: 2;
  background-color: #191c40 !important;
  overflow: hidden;
  isolation: isolate;
}

/* 背景用疑似要素は使わない */
.issue240 .look-rise-set--08-dark .dark-layer--260430MIR::before {
  content: none !important;
  display: none !important;
}

/* dark-layer内の要素 */
.issue240 .look-rise-set--08-dark .dark-layer--260430MIR > * {
  position: relative;
  z-index: 1;
}

/* dark-layer内の背景切れ対策 */
.issue240 .look-rise-set--08-dark .dark-layer--260430MIR .wrap_look,
.issue240 .look-rise-set--08-dark .dark-layer--260430MIR .look {
  background-color: #191c40;
}

/* フッターはdark-layerより前面 */
.l-footer,
.footer,
.pc-footer,
.sp-footer {
  position: relative;
  z-index: 999;
  background-color: #fff;
}

/* ===================================
   MIR260430 loading（白背景＋ロゴ 同時フェード）
=================================== */

/* HTMLのloading要素は使わない */
.loading--260430MIR {
  display: none !important;
}

/*
  body::before / body::after に常時疑似要素を持たせることで、
  body.is-loaded 付与時に疑似要素が消滅せず opacity transition が効く。
*/
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 2147483646;
  background: #fff;
  opacity: 1;
  pointer-events: auto;
  transition: opacity 800ms cubic-bezier(0.335, 0.2, 0.18, 0.915);
}

body::after {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 2147483647;

  width: 56vw;
  aspect-ratio: 320 / 120;

  background-image: url("../img/loading_logo_pc.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  transform: translate(-50%, -50%);
  opacity: 1;
  pointer-events: none;
  transition: opacity 800ms cubic-bezier(0.335, 0.2, 0.18, 0.915);
}

@media (max-width: 767px) {
  body::after {
    width: 126vw;
    aspect-ratio: 278 / 120;
    background-image: url("../img/loading_logo_sp.svg");
  }
}

/* 同時フェードアウト */
body.is-loaded::before,
body.is-loaded::after {
  opacity: 0;
  pointer-events: none;
}

/* フェード完了後は疑似要素を完全に外す */
body.is-loading-hidden::before,
body.is-loading-hidden::after {
  content: none;
  display: none;
}

/* ===================================
   MIR260430 modal slider
=================================== */
.issue240 .credit-slider {
  position: relative;
  display: block;
  overflow: hidden;
}

.issue240 .credit-slider__viewport {
  overflow: hidden;
  width: 100%;
}

.issue240 .credit-slider__track {
  display: flex;
  width: 100%;
  transition: transform 500ms cubic-bezier(0.335, 0.2, 0.18, 0.915);
  will-change: transform;
}

.issue240 .credit-slider__slide {
  display: block;
  flex: 0 0 100%;
  width: 100%;
}

.issue240 .credit-slider__slide img {
  display: block;
  width: 100%;
  height: auto;
}

.issue240 .credit-slider__dots {
  position: absolute;
  left: 50%;
  bottom: calc(9 * var(--formula));
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(17 * var(--formula));
  padding: calc(10 * var(--formula)) calc(18 * var(--formula));
  transform: translateX(-50%);
}

.issue240 .credit-slider__dot {
  display: block;
  width: calc(12 * var(--formula));
  height: calc(12 * var(--formula));
  padding: 0;
  border: 1px solid #fff;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}

.issue240 .credit-slider__dot.is-active {
  background: #fff;
}

@media (min-width: 768px) {
  .issue240 .credit-slider__dots {
    bottom: 0.6rem;
    gap: 0.9rem;
    padding: 0.45rem 0.8rem;
  }

  .issue240 .credit-slider__dot {
    width: 0.6rem;
    height: 0.6rem;
  }
}

.issue240 .credit-slider__dots {
  pointer-events: auto;
}

.issue240 .credit-slider__dot {
  position: relative;
  z-index: 5;
  pointer-events: auto;
}

.issue240 .credit-slider {
  touch-action: pan-y;
}

/* ===================================
   MIR260430 fade animation ①
=================================== */

/* 基本：下からフェードイン */
.issue240 .js-show {
  opacity: 0;
  transform: translate3d(0, calc(50 * var(--formula)), 0);
  transition:
    opacity 900ms cubic-bezier(0.335, 0.2, 0.18, 0.915),
    transform 900ms cubic-bezier(0.335, 0.2, 0.18, 0.915);
  will-change: opacity, transform;
}

.issue240 .js-show.is-active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* 左からフェードイン */
.issue240 .js-show.js-fade-left {
  transform: translate3d(calc(-70 * var(--formula)), 0, 0);
}

.issue240 .js-show.js-fade-left.is-active {
  transform: translate3d(0, 0, 0);
}

/* 右からフェードイン */
.issue240 .js-show.js-fade-right {
  transform: translate3d(calc(70 * var(--formula)), 0, 0);
}

.issue240 .js-show.js-fade-right.is-active {
  transform: translate3d(0, 0, 0);
}

/* SPは移動量を少し大きめ */
@media (max-width: 767px) {
  .issue240 .js-show {
    transform: translate3d(0, calc(70 * var(--formula)), 0);
  }

  .issue240 .js-show.js-fade-left {
    transform: translate3d(calc(-90 * var(--formula)), 0, 0);
  }

  .issue240 .js-show.js-fade-right {
    transform: translate3d(calc(90 * var(--formula)), 0, 0);
  }

  .issue240 .js-show.is-active,
  .issue240 .js-show.js-fade-left.is-active,
  .issue240 .js-show.js-fade-right.is-active {
    transform: translate3d(0, 0, 0);
  }
}

/* ===================================
   MIR260430 look fade switch ②
=================================== */
.issue240 .js-look-fade {
  position: relative;
  overflow: hidden;
}

.issue240 .js-look-fade .look-fade__img {
  display: block;
  width: 100%;
  height: auto;
}

.issue240 .js-look-fade .look-fade__img:not(:first-child) {
  position: absolute;
  inset: 0;
  opacity: 0;
}

.issue240 .js-look-fade .look-fade__img {
  transition: opacity 1000ms cubic-bezier(0.335, 0.2, 0.18, 0.915);
}

.issue240 .js-look-fade .look-fade__img.is-active {
  opacity: 1;
}

.issue240 .look__switch--fade {
  position: relative;
  overflow: hidden;
}

.issue240 .look__switch--fade .look__media {
  width: 100%;
}

.issue240 .look__switch--fade .look__media:not(:first-child) {
  position: absolute;
  inset: 0;
}

.issue240 .look__switch--fade .look__media {
  opacity: 0;
  transition: opacity 1000ms cubic-bezier(0.335, 0.2, 0.18, 0.915);
}

.issue240 .look__switch--fade .look__media.is-active {
  opacity: 1;
}

/* ===================================
   MIR260430 flow animation ③
   LOOK05 / LOOK11
=================================== */
.issue240 .wrap_look--05 .look__switch--slide,
.issue240 .wrap_look--11 .look__slider {
  overflow: hidden;
}

.issue240 .wrap_look--05 .look__slide-track,
.issue240 .wrap_look--11 .look__slide-track {
  display: flex;
  width: max-content;
  will-change: transform;
  animation: mir260430-flow-left 18s linear infinite;
  animation-play-state: paused;
}

.issue240 .wrap_look--05 .look__slider.is-active .look__slide-track,
.issue240 .wrap_look--11 .look__slider.is-active .look__slide-track {
  animation-play-state: running;
}

.issue240 .wrap_look--05 .look__slide-track {
  margin-top: calc(61 * var(--formula));
  gap: calc(20 * var(--formula));
}

.issue240 .wrap_look--05 .look__slide-track .look__media {
  flex: 0 0 auto;
  width: calc(500 * var(--formula));
}

.issue240 .wrap_look--11 .look__slide-track {
  margin-top: calc(65 * var(--formula));
  gap: calc(20 * var(--formula));
}

.issue240 .wrap_look--11 .look__slide-track .look__media {
  flex: 0 0 auto;
  width: calc(430 * var(--formula));
}

@keyframes mir260430-flow-left {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@media (max-width: 767px) {
  .issue240 .wrap_look--05 .look__slide-track {
    margin-top: calc(58 * var(--formula));
    gap: calc(16 * var(--formula));
  }

  .issue240 .wrap_look--05 .look__slide-track .look__media {
    width: calc(500 * var(--formula));
  }

  .issue240 .wrap_look--11 .look__slide-track {
    margin-top: calc(61 * var(--formula));
    gap: calc(16 * var(--formula));
  }

  .issue240 .wrap_look--11 .look__slide-track .look__media {
    width: calc(430 * var(--formula));
  }
}

/* ===================================
   MIR260430 look rise set
   look02固定 → look03せり上がり
   look06固定 → look07せり上がり
=================================== */
.issue240 .look-rise-set {
  position: relative;
  display: flow-root;
  background-color: #fff;
  z-index: 1;
}

.issue240 .look-rise-set .wrap_look {
  background-color: #fff;
}

.issue240 .look-rise-set__base {
  position: sticky;
  top: var(--header-height, 0px);
  z-index: 1;
}

.issue240 .look-rise-set__cover {
  position: relative;
  z-index: 2;
}

.issue240 .look-rise-set--02-03 + .wrap_look--04 {
  position: relative;
  z-index: 2;
  background-color: #fff;
}

@media (max-width: 767px) {
  .issue240 .look-rise-set__base {
    top: 0;
  }
}

/* =========================
  MIR260430 CUSTOM END
========================= */


/* ===================================
   MIR260430 iOS sticky / rise stability override
   02→03 / 06→07 のせり上がり中のカクつき対策
=================================== */
.issue240,
.issue240 .lp-container,
.issue240 .lp-cont {
  -webkit-text-size-adjust: 100%;
}

.issue240 .look-rise-set,
.issue240 .wrap_look,
.issue240 .look {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* モーダルの親になるため、ここには transform を当てない */
.issue240 .lp-container,
.issue240 .lp-cont {
  transform: none !important;
}

.issue240 .look-rise-set {
  position: relative;
  display: block;
  contain: layout paint;
  background-color: #fff;
  z-index: 1;
  overflow: visible;
  isolation: isolate;
}

.issue240 .look-rise-set .wrap_look {
  background-color: #fff;
}

.issue240 .look-rise-set__base {
  position: sticky;
  top: var(--header-height, 0px);
  z-index: 1;
  overflow: visible;
}

.issue240 .look-rise-set__cover {
  position: relative;
  z-index: 2;
  overflow: visible;
}

.issue240 .look-rise-set__base .look,
.issue240 .look-rise-set__cover .look {
  position: relative;
}

.issue240 .look-rise-set--02-03 + .wrap_look--04 {
  position: relative;
  z-index: 2;
  background-color: #fff;
  transform: translateZ(0);
}

@media (max-width: 767px) {
  .issue240 .look-rise-set {
    contain: paint;
  }

  .issue240 .look-rise-set__base {
    top: 0;
  }
}

.issue240 .js-show {
  will-change: opacity, transform;
}

.issue240 .js-show.is-active.is-animated-end {
  will-change: auto;
}

.issue240 .look-rise-set__base,
.issue240 .look-rise-set__cover {
  overflow: visible !important;
}

.issue240 .look-rise-set__base .look__link,
.issue240 .look-rise-set__cover .look__link {
  overflow: hidden;
}

.issue240 .wrap_look--05 .look__switch--slide,
.issue240 .wrap_look--11 .look__slider {
  contain: paint;
  transform: translateZ(0);
}

.issue240 .wrap_look--05 .look__slide-track,
.issue240 .wrap_look--11 .look__slide-track,
.issue240 .credit-slider__track {
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .issue240 .js-show,
  .issue240 .look__switch--fade .look__media,
  .issue240 .credit-slider__track {
    transition-duration: 1ms !important;
  }

  .issue240 .wrap_look--05 .look__slide-track,
  .issue240 .wrap_look--11 .look__slide-track {
    animation: none !important;
  }
}

body.is-modal-open {
  overflow: hidden;
}

/* ===================================
   MIR260430 modal scroll stability override
   モーダルの親には transform を当てない
=================================== */
.issue240 .lp-container,
.issue240 .lp-cont {
  transform: none !important;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.issue240 .credit-modal--260430MIR {
  position: fixed !important;
  inset: 0 !important;
  height: 100dvh !important;
  overflow: hidden !important;
  z-index: 9999 !important;
}

.issue240 .credit-modal--260430MIR .credit-modal__inner {
  height: 100% !important;
  overflow: hidden !important;
}

.issue240 .credit-modal--260430MIR .credit-modal__contents {
  height: 100% !important;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y;
}

@media (min-width: 768px) {
  .issue240 .credit-modal--260430MIR {
    top: var(--header-height, 0px) !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    width: 50% !important;
    height: calc(100dvh - var(--header-height, 0px)) !important;
  }
}

/* @media (min-width: 768px) {
  .issue240 .credit-modal--260430MIR.is-scrolled-open {
    margin-top: 80px;
  }
} */

/* ===================================
   look08-last staging spacing fix
=================================== */

.issue240 .wrap_look--08-last {
  margin-top: calc(80 * var(--formula)) !important;
}

/* sticky用のlook08_04はフェード移動させない */
.issue240 .wrap_look--08-last .js-show {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* ===================================
   modal fixed position correction
   スクロール後にモーダルが下へずれる対策
=================================== */
.issue240 {
  transform: none !important;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

/* ===================================
   modal width fix
   PC時：モーダル背景をlp-container幅いっぱいに広げる
=================================== */
@media (min-width: 768px) {
  .issue240 .credit-modal--260430MIR {
    right: 0 !important;
    left: auto !important;
    width: 50% !important;
  }

  .issue240 .credit-modal--260430MIR .credit-modal__inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
}

@media (min-width: 768px) {
  .issue240 .credit-modal--260430MIR {
    top: var(--modal-top, var(--header-height, 0px)) !important;
    height: calc(100dvh - var(--modal-top, var(--header-height, 0px))) !important;
    margin-top: 0 !important;
  }

  .issue240 .credit-modal--260430MIR.is-scrolled-open {
    margin-top: 0 !important;
  }
}

/* ===================================
   modal position final fix
   PC時：右側モーダルはtop:0固定 + 中身だけ80px下げる
=================================== */
@media (min-width: 768px) {
  .issue240 .credit-modal--260430MIR {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    width: 50% !important;
    height: 100dvh !important;
    margin-top: 0 !important;
    padding-top: 80px !important;
    background: transparent !important;
    overflow: hidden !important;
    z-index: 9999 !important;
  }

  .issue240 .credit-modal--260430MIR .credit-modal__inner {
    width: 100% !important;
    max-width: none !important;
    height: calc(100dvh - 80px) !important;
    margin: 0 !important;
    background: rgba(25, 28, 64, 0.9) !important;
    overflow: hidden !important;
  }

  .issue240 .credit-modal--260430MIR .credit-modal__contents {
    height: 100% !important;
    margin-top: 0 !important;
    overflow-y: scroll !important;
  }

  .issue240 .credit-modal--260430MIR.is-scrolled-open {
    margin-top: 0 !important;
  }
}

@media (min-width: 768px) {
  .issue240 .credit-modal--260430MIR {
    top: 0 !important;
    height: calc(100dvh - var(--modal-margin-top, 80px)) !important;
    margin-top: var(--modal-margin-top, 80px) !important;
    padding-top: 0 !important;
  }

  .issue240 .credit-modal--260430MIR .credit-modal__inner {
    height: 100% !important;
  }
}

/* ===================================
   modal background full / content original width
=================================== */
@media (min-width: 768px) {
  .issue240 .credit-modal--260430MIR {
    width: 50% !important;
    right: 0 !important;
    left: auto !important;
    background: rgba(25, 28, 64, 0.9) !important;
  }

  .issue240 .credit-modal--260430MIR .credit-modal__inner {
    width: calc(750 * var(--variable) * var(--ratio)) !important;
    max-width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    background: transparent !important;
  }

  .issue240 .credit-modal--260430MIR .credit-single {
    width: min(48.8rem, 80%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* ===================================
   MIR260430 modal close button final fix
   credit-modal__inner の外側へ配置しても見切れないように fixed にする
=================================== */
.issue240 .credit-modal--260430MIR .credit-modal__close {
  position: fixed !important;
  top: calc(var(--modal-margin-top, 80px) + (20 * var(--formula))) !important;
  right: calc(20 * var(--formula)) !important;
  width: calc(62 * var(--formula)) !important;
  z-index: 10000 !important;
}

.issue240 .credit-modal--260430MIR .credit-modal__close a {
  display: block !important;
}

@media (max-width: 767px) {
  .issue240 .credit-modal--260430MIR .credit-modal__close {
    top: calc(24 * var(--formula)) !important;
    right: calc(24 * var(--formula)) !important;
    width: calc(62 * var(--formula)) !important;
  }
}


/* ===================================
   dark-layer background full width fix
   背景だけ右カラムいっぱい / 中身は元幅維持
=================================== */
@media (min-width: 768px) {
  .issue240 .look-rise-set--08-dark {
    contain: none !important;
    overflow: visible !important;
  }

  .issue240 .look-rise-set--08-dark .dark-layer--260430MIR {
    --dark-inner-width: calc(750 * var(--variable) * var(--ratio));

    position: relative !important;
    z-index: 2;
    width: 50vw !important;
    margin-left: calc((50vw - var(--dark-inner-width)) / -2) !important;
    margin-right: 0 !important;
    background-color: #191c40 !important;
    overflow: hidden !important;
    isolation: isolate;
  }

  .issue240 .look-rise-set--08-dark .dark-layer--260430MIR::before {
    content: none !important;
    display: none !important;
  }

  .issue240 .look-rise-set--08-dark .dark-layer--260430MIR > .wrap_look:not(.wrap_look--09):not(.wrap_look--12),
.issue240 .look-rise-set--08-dark .dark-layer--260430MIR > .wrap_cta {
  width: var(--dark-inner-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative;
  z-index: 1;
}

  .issue240 .look-rise-set--08-dark .dark-layer--260430MIR .wrap_look,
  .issue240 .look-rise-set--08-dark .dark-layer--260430MIR .wrap_cta,
  .issue240 .look-rise-set--08-dark .dark-layer--260430MIR .look {
    background-color: #191c40 !important;
  }
}

/* ===================================
   dark-layer look09 / look12 size restore
=================================== */
@media (min-width: 768px) {
  .issue240 .dark-layer--260430MIR .wrap_look--09 {
    width: calc(var(--dark-inner-width) * 0.67) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .issue240 .dark-layer--260430MIR .wrap_look--09 .look,
  .issue240 .dark-layer--260430MIR .wrap_look--09 .look__single,
  .issue240 .dark-layer--260430MIR .wrap_look--09 .look__media {
    width: 100% !important;
  }

  .issue240 .dark-layer--260430MIR .wrap_look--12 {
    width: calc(var(--dark-inner-width) * 0.615) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .issue240 .dark-layer--260430MIR .wrap_look--12 .look,
  .issue240 .dark-layer--260430MIR .wrap_look--12 .look__single,
  .issue240 .dark-layer--260430MIR .wrap_look--12 .look__media {
    width: 100% !important;
  }
}



/* ==== FINAL FIX look08 ==== */
.issue240 .wrap_look--08-combined {
  position: static !important;
  top: auto !important;
}

.issue240 .wrap_look--08-last {
  position: sticky !important;
  top: var(--header-height, 0px) !important;
  z-index: 1;
  margin-top: calc(80 * var(--formula)) !important;
  background-color: #fff;
}

.issue240 .wrap_look--08-last .js-show {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* ===================================
   look08 img_27 out → img_28 sticky
=================================== */
.issue240 .look-rise-set--08-dark {
  background-color: #fff !important;
}

.issue240 .look-rise-set--08-dark .wrap_look--08-last {
  position: relative !important;
  top: auto !important;
  z-index: 1;
  margin-top: calc(51 * var(--formula)) !important;
  padding-bottom: 0 !important;
  background-color: #fff;
}

.issue240 .look-rise-set--08-dark.is-img27-out .wrap_look--08-last {
  position: sticky !important;
  top: 0 !important;
}

.issue240 .wrap_look--08-last .js-show {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

.issue240 .look-rise-set--08-dark .dark-layer--260430MIR {
  position: relative !important;
  z-index: 2 !important;
}

/* ===================================
   look08 SP rise fix
   SPではJS制御せず、常にstickyでせり上がりさせる
=================================== */
@media (max-width: 767px) {
  .issue240 .look-rise-set--08-dark .wrap_look--08-last {
    position: sticky !important;
    top: 0 !important;
    z-index: 1;
    margin-top: calc(80 * var(--formula)) !important;
    background-color: #fff;
  }

  .issue240 .look-rise-set--08-dark .dark-layer--260430MIR {
    position: relative !important;
    z-index: 2 !important;
  }
}

/* ===================================
   look02→03 / look06→07
   look08-last → dark-layer と同じ挙動に合わせる
=================================== */

.issue240 .look-rise-set--02-03,
.issue240 .look-rise-set--06-07 {
  position: relative;
  display: block;
  background-color: #fff;
  z-index: 1;
  overflow: visible;
  isolation: isolate;
  contain: none !important;
}

/* 固定開始前は通常配置 */
.issue240 .look-rise-set--02-03 .look-rise-set__base,
.issue240 .look-rise-set--06-07 .look-rise-set__base {
  position: relative !important;
  top: auto !important;
  z-index: 1;
  background-color: #fff;
  overflow: visible;
}

/* 条件を満たしたらsticky */
.issue240 .look-rise-set--02-03.is-rise-base-sticky .look-rise-set__base,
.issue240 .look-rise-set--06-07.is-rise-base-sticky .look-rise-set__base {
  position: sticky !important;
  top: 0 !important;
}

/* せり上がる側 */
.issue240 .look-rise-set--02-03 .look-rise-set__cover,
.issue240 .look-rise-set--06-07 .look-rise-set__cover {
  position: relative !important;
  z-index: 2 !important;
  background-color: #fff;
  overflow: visible;
}

/* sticky対象はフェード移動させない */
.issue240 .look-rise-set--02-03 .look-rise-set__base .js-show,
.issue240 .look-rise-set--06-07 .look-rise-set__base .js-show {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* look06の余白は親側で調整 */
.issue240 .look-rise-set--06-07 {
  margin-top: calc(-38 * var(--formula));
}

.issue240 .look-rise-set--06-07 .wrap_look--06 {
  margin-top: 0 !important;
}

@media (max-width: 767px) {
  .issue240 .look-rise-set--02-03 .look-rise-set__base,
  .issue240 .look-rise-set--06-07 .look-rise-set__base {
    position: sticky !important;
    top: 0 !important;
  }

  .issue240 .look-rise-set--06-07 {
    margin-top: calc(86 * var(--formula));
  }
}

/* ===================================
   look07 下線消し final
   marginの透明部分をなくして背景で覆う
=================================== */

@media (min-width: 768px) {
  .issue240 .look-rise-set--06-07 .wrap_look--07.look-rise-set__cover {
    margin-top: 0 !important;
    padding-top: calc(159 * var(--formula));
    background-color: #fff !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 10 !important;
  }

  .issue240 .look-rise-set--06-07 .wrap_look--06.look-rise-set__base {
    z-index: 1 !important;
  }
}


/* ===================================
   Edge right line fix
   sticky親にはoverflow:hiddenを付けない
=================================== */

@media (min-width: 768px) {
  .issue240 .look-rise-set--02-03,
  .issue240 .look-rise-set--06-07 {
    overflow: visible !important;
  }

  .issue240 .look-rise-set--02-03 .look-rise-set__cover,
  .issue240 .look-rise-set--06-07 .look-rise-set__cover {
    background-color: #fff !important;
    overflow: visible !important;
    position: relative !important;
  }

  .issue240 .look-rise-set--02-03 .look-rise-set__cover::after,
  .issue240 .look-rise-set--06-07 .look-rise-set__cover::after {
    content: "";
    position: absolute;
    top: 0;
    right: -3px;
    width: 6px;
    height: 100%;
    background-color: #fff;
    z-index: 50;
    pointer-events: none;
  }
}

/* ===================================
   Edge look07 右端の縦線だけ消す
=================================== */

@media (min-width: 768px) {
  .issue240 .look-rise-set--06-07 .wrap_look--07.look-rise-set__cover {
    position: relative !important;
    overflow: visible !important;
    background-color: #fff !important;
  }

  .issue240 .look-rise-set--06-07 .wrap_look--07.look-rise-set__cover::after {
    content: "";
    position: absolute;
    top: 0;
    right: -4px;
    width: 8px;
    height: 100%;
    background-color: #fff;
    z-index: 999;
    pointer-events: none;
  }
}