/* --- デフォルトCSS設定 --- */
#GPH260727LOOKBOOK {
  max-width: 100%;
  min-width: 100%;
  font-feature-settings: "palt";
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  --black: #000000;
  --white: #ffffff;
  --green:#d7e5dc;
  --light-green:#e8f0eb;
  --pc-width: 1680;
  --sp-width: 750;
  --pc-artboard-width: 750;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
  overflow-x: clip;
}

#GPH260727LOOKBOOK *{
  box-sizing:border-box;
}

@media (min-width: 1681px) {
  #GPH260727LOOKBOOK { --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width)); --variable: 1px; }
}
@media (min-width: 768px) and (max-width: 1680px) {
  #GPH260727LOOKBOOK { --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width)); --variable: calc(100vw / var(--pc-width)); }
}
@media (max-width: 767px) {
  #GPH260727LOOKBOOK { --ratio: 1; --variable: calc(100vw / var(--sp-width)); }
}

#GPH260727LOOKBOOK img {
  display: block;
  width: 100%;
  height: auto;
}

#GPH260727LOOKBOOK h2,
#GPH260727LOOKBOOK h3,
#GPH260727LOOKBOOK p,
#GPH260727LOOKBOOK li {
  margin-block: calc((1em - 1lh) / 2);
}

#GPH260727LOOKBOOK .invisible-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
#GPH260727LOOKBOOK .mv__inner--horizontal [class*="-img-"],
#GPH260727LOOKBOOK [class*="-img-"]:has(a) {
  background: var(--white);
  display: flex;
  flex-direction: column;
  line-height: 0;
  font-size: 0;
}
/* --- 固有クラス設定 --- */
#GPH260727LOOKBOOK .sec-set {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

/* --- 抽出されたCSS（上から順） --- */
#GPH260727LOOKBOOK .lp-mv-area {
  background: var(--green);
  padding: calc(49 * var(--formula)) 0 calc(60 * var(--formula)) 0;
}
#GPH260727LOOKBOOK .lp-main-area {
    background: var(--light-green);
    display: flex;
    justify-content: center;
    width: 100%;
}
#GPH260727LOOKBOOK .lp-center-area {
  width: calc(750 * var(--formula_pc));
  padding: calc(57 * var(--formula)) 0 calc(57 * var(--formula)) 0;
}
#GPH260727LOOKBOOK .lp-left-area,
#GPH260727LOOKBOOK .lp-right-area {
  position: sticky;
  top: 0;
  height: 100vh;
  flex: 1;
  display: grid;
  place-items: center;
}
#GPH260727LOOKBOOK .lp-txt-01 {
  width: calc(242 * var(--formula));
}
#GPH260727LOOKBOOK .mv__inner--horizontal{
    margin: calc(45 * var(--formula)) 0 calc(59 * var(--formula)) 0;
    width: calc(750 * var(--formula));
}

#GPH260727LOOKBOOK .mv__inner--horizontal a {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

#GPH260727LOOKBOOK .lp-img-01 {
  width: calc(240 * var(--formula));
}

#GPH260727LOOKBOOK .lp-img-02 {
  width: calc(243 * var(--formula));
}

#GPH260727LOOKBOOK .lp-img-03 {
  width: calc(240 * var(--formula));
}

#GPH260727LOOKBOOK .lp-txt-02 {
  width: calc(560 * var(--formula));
}


#GPH260727LOOKBOOK .lp-pc-txt-01 {
  width: calc(242 * var(--formula));
  position: relative;
  left: calc(29 * var(--formula_pc));
}



#GPH260727LOOKBOOK .center__inner--grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(5, 1fr);
  grid-column-gap: calc(30 * var(--formula));
  grid-row-gap: calc(29 * var(--formula));
}

#GPH260727LOOKBOOK .lp-img-04 {
  width: calc(302 * var(--formula));
}

#GPH260727LOOKBOOK .lp-img-05 {
  width: calc(302 * var(--formula));
}

#GPH260727LOOKBOOK .lp-img-06 {
  width: calc(302 * var(--formula));
}

#GPH260727LOOKBOOK .lp-img-07 {
  width: calc(302 * var(--formula));
}

#GPH260727LOOKBOOK .lp-img-08 {
  width: calc(302 * var(--formula));
}

#GPH260727LOOKBOOK .lp-img-09 {
  width: calc(302 * var(--formula));
}

#GPH260727LOOKBOOK .lp-img-10 {
  width: calc(302 * var(--formula));
}

#GPH260727LOOKBOOK .lp-img-11 {
  width: calc(302 * var(--formula));
}

#GPH260727LOOKBOOK .lp-img-12 {
  width: calc(302 * var(--formula));
}

#GPH260727LOOKBOOK .lp-img-13 {
  width: calc(170 * var(--formula));
  place-self: center;
  margin: calc(28 * var(--formula)) 0 0 calc(-3 * var(--formula));
}

#GPH260727LOOKBOOK .lp-txt-03 {
  width: calc(520 * var(--formula));
  margin: calc(56 * var(--formula)) 0 0 0;
}



#GPH260727LOOKBOOK .lp-pc-txt-02 {
  width: calc(287 * var(--formula));
  position: relative;
  right: calc(34 * var(--formula_pc));
  top: calc(2 * var(--formula_pc));
}
@media (max-width: 767px) {

  #GPH260727LOOKBOOK .lp-main-area {
    width: 100%;
}
#GPH260727LOOKBOOK .lp-left-area,
#GPH260727LOOKBOOK .lp-right-area {
display: none;
}
}