/* //////////////////////////////////////////////////

Title : _base.scss
For   : page/collection/2024/ss_2nd/

Created       : 2024-04-20
Last Modified : 2024-04-23

==========================================

Content

////////////////////////////////////////////////// */
/* ========== varables */
#em240501LOOK {
  --color-base: #000000;
  --color-blue: #002CD0;
  --font-base: "itc-american-typewriter", serif;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  #em240501LOOK {
    --rate: 100vw / 750;
    --text-size-base: calc(22 * var(--rate));
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  #em240501LOOK {
    --rate: .1rem;
    --text-size-base: calc(14 * var(--rate));
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  html {
    font-size: 0.6944444444vw;
  }
}
/* ========== init */
#Contents {
  padding-top: 0 !important;
}

#header_emmi.header {
  background-color: transparent !important;
}

.main-area {
  overflow: initial;
}

#footer_emmi {
  margin-top: 0;
  padding-top: 0;
}

#em240501LOOK {
  -webkit-padding-before: var(--header-banner-height, 0);
          padding-block-start: var(--header-banner-height, 0);
  box-sizing: border-box;
}
#em240501LOOK a,
#em240501LOOK img,
#em240501LOOK svg,
#em240501LOOK picture {
  display: var(--display, block);
}
#em240501LOOK img,
#em240501LOOK svg,
#em240501LOOK video {
  width: 100%;
  height: auto;
}
#em240501LOOK * {
  box-sizing: border-box;
  word-break: normal;
  text-align: left;
}

/* ========== common */
.lpEmmi * {
  font-family: var(--font-base);
  color: var(--color, var(--color-base));
  font-weight: var(--font-weight, 500);
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  #em240501LOOK {
    -webkit-padding-after: calc(50 * var(--rate));
            padding-block-end: calc(50 * var(--rate));
  }
  #em240501LOOK .hidden-sml {
    display: none !important;
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  #em240501LOOK {
    -webkit-padding-after: calc(20 * var(--rate));
            padding-block-end: calc(20 * var(--rate));
  }
  #em240501LOOK .hidden-lrg {
    display: none !important;
  }
}
/* //////////////////////////////////////////////////

Title : _typography.scss
For   : page/collection/2024/ss_2nd/

Created       : 2024-04-20
Last Modified : 2024-04-23

==========================================

Content

////////////////////////////////////////////////// */
/* ========== common: typography */
.lpEmmi-copyright {
  letter-spacing: 0.04em;
  line-height: 1;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .lpEmmi-staffCredit {
    font-size: calc(21 * var(--rate));
    line-height: 1.4761904762;
  }
  .lpEmmi-staffCredit__title {
    letter-spacing: 0.05em;
  }
  .lpEmmi-staffCredit__title + .lpEmmi-staffCredit__details {
    -webkit-margin-before: calc(25 * var(--rate));
            margin-block-start: calc(25 * var(--rate));
  }
  .lpEmmi-staffCredit__heading, .lpEmmi-staffCredit__details {
    letter-spacing: 0.02em;
  }
  .lpEmmi-staffCredit__details > dl dd + dt {
    -webkit-margin-before: calc(15 * var(--rate));
            margin-block-start: calc(15 * var(--rate));
  }
  .lpEmmi-copyright {
    -webkit-margin-before: calc(90 * var(--rate));
            margin-block-start: calc(90 * var(--rate));
    padding-inline: calc(18 * var(--rate));
    font-size: calc(17 * var(--rate));
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .lpEmmi-staffCredit {
    padding-inline: calc(50 * var(--rate));
    font-size: calc(12 * var(--rate));
    line-height: 1.3333333333;
    letter-spacing: 0.06em;
  }
  .lpEmmi-staffCredit__title + .lpEmmi-staffCredit__details {
    -webkit-margin-before: calc(35 * var(--rate));
            margin-block-start: calc(35 * var(--rate));
  }
  .lpEmmi-staffCredit__details > dl dd + dt {
    -webkit-margin-before: calc(11 * var(--rate));
            margin-block-start: calc(11 * var(--rate));
  }
  .lpEmmi-copyright {
    max-width: calc(1240 * var(--rate));
    width: 95%;
    -webkit-margin-before: calc(88 * var(--rate));
            margin-block-start: calc(88 * var(--rate));
    margin-inline: auto;
    font-size: calc(9 * var(--rate));
  }
}
/* ========== contents: typography */
.lpEmmi-contents__title, .lpEmmi-contents__heading, .lpEmmi-contents__lead, .lpEmmi-contents__description-details {
  letter-spacing: 0.04em;
}
.lpEmmi-contents__title, .lpEmmi-contents__heading {
  line-height: 1;
}
.lpEmmi-contents__lead, .lpEmmi-contents__description-details {
  font-size: var(--text-size-base);
}
.lpEmmi-contents__prices {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  letter-spacing: var(--prices-letter-spacing, 0.04em);
}
.lpEmmi-contents__prices > * {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.lpEmmi-contents__prices-price {
  text-decoration: underline;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .lpEmmi-contents__title {
    font-size: calc(25 * var(--rate));
  }
  .lpEmmi-contents__heading {
    font-size: var(--heading-font-size, calc(25 * var(--rate)));
  }
  .lpEmmi-contents__lead, .lpEmmi-contents__description-details {
    line-height: 1.5;
  }
  .lpEmmi-contents__prices-name {
    font-size: var(--price-name-font-size, calc(23 * var(--rate)));
  }
  .lpEmmi-contents__prices-price {
    font-size: calc(20 * var(--rate));
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .lpEmmi-contents__title {
    font-size: calc(16 * var(--rate));
  }
  .lpEmmi-contents__heading {
    font-size: var(--text-size-base);
  }
  .lpEmmi-contents__lead, .lpEmmi-contents__description-details {
    line-height: 1.5;
  }
  .lpEmmi-contents__prices {
    line-height: var(--price-line-height, calc(18 * var(--rate)));
  }
  .lpEmmi-contents__prices-name {
    font-size: var(--price-name-font-size, calc(13 * var(--rate)));
  }
  .lpEmmi-contents__prices-price {
    font-size: calc(11 * var(--rate));
  }
}
/* //////////////////////////////////////////////////

Title : _pageIndex.scss
For   : page/collection/2024/ss_2nd/

Created       : 2024-04-20
Last Modified : 2024-04-23

==========================================

Content

////////////////////////////////////////////////// */
/* ========== index */
.lpEmmi-index {
  width: 100%;
}
.lpEmmi-index__hero-text {
  --color: var(--color-blue);
  letter-spacing: 0.04em;
}
.lpEmmi-index-summary__card {
  transition: 0.3s;
}
.lpEmmi-index-summary__card:hover {
  cursor: pointer;
  opacity: 0.7;
}
.lpEmmi-index-summary__list {
  display: grid;
}
.lpEmmi-index-summary__caption {
  letter-spacing: 0.04em;
  line-height: 1;
}
.lpEmmi-index .lpEmmi-staffCredit {
  border-top: 1px solid var(--color-base);
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .lpEmmi-index__hero {
    -webkit-padding-after: calc(123 * var(--rate));
            padding-block-end: calc(123 * var(--rate));
  }
  .lpEmmi-index__hero-lead {
    -webkit-margin-before: calc(52 * var(--rate));
            margin-block-start: calc(52 * var(--rate));
    padding-inline: calc(36 * var(--rate));
  }
  .lpEmmi-index__hero-text {
    -webkit-margin-before: calc(22 * var(--rate));
            margin-block-start: calc(22 * var(--rate));
    font-size: calc(26 * var(--rate));
    line-height: 1.3461538462;
  }
  .lpEmmi-index__shell {
    padding-inline: calc(36 * var(--rate));
  }
  .lpEmmi-index-summary {
    -webkit-padding-after: calc(206 * var(--rate));
            padding-block-end: calc(206 * var(--rate));
  }
  .lpEmmi-index-summary__list {
    grid-template-columns: 100%;
    row-gap: calc(135 * var(--rate));
  }
  .lpEmmi-index-summary__caption {
    -webkit-margin-before: calc(25 * var(--rate));
            margin-block-start: calc(25 * var(--rate));
    font-size: calc(23 * var(--rate));
  }
  .lpEmmi-index .lpEmmi-staffCredit {
    -webkit-padding-before: calc(60 * var(--rate));
            padding-block-start: calc(60 * var(--rate));
  }
  .lpEmmi-index .lpEmmi-staffCredit__container {
    -webkit-padding-start: calc(54 * var(--rate));
            padding-inline-start: calc(54 * var(--rate));
  }
  .lpEmmi-index .lpEmmi-staffCredit__cell:nth-child(n+2):not(:last-child) {
    display: grid;
    grid-template-columns: 1fr calc(414 * var(--rate));
  }
  .lpEmmi-index .lpEmmi-staffCredit__cell:nth-child(2) {
    -webkit-margin-before: calc(95 * var(--rate));
            margin-block-start: calc(95 * var(--rate));
  }
  .lpEmmi-index .lpEmmi-staffCredit__cell:nth-child(n+3) {
    -webkit-margin-before: calc(45 * var(--rate));
            margin-block-start: calc(45 * var(--rate));
  }
  .lpEmmi-index .lpEmmi-staffCredit__cell:last-child {
    -webkit-padding-start: calc(282 * var(--rate));
            padding-inline-start: calc(282 * var(--rate));
    -webkit-padding-end: calc(52 * var(--rate));
            padding-inline-end: calc(52 * var(--rate));
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .lpEmmi-index__hero-lead {
    display: grid;
    grid-template-columns: calc(620 * var(--rate)) 1fr;
    -moz-column-gap: calc(50 * var(--rate));
         column-gap: calc(50 * var(--rate));
    max-width: calc(1440 * var(--rate));
    width: 100%;
    -webkit-margin-before: calc(26 * var(--rate));
            margin-block-start: calc(26 * var(--rate));
    margin-inline: auto;
    padding-inline: calc(50 * var(--rate));
  }
  .lpEmmi-index__hero-text {
    font-size: calc(17 * var(--rate));
    line-height: 1.4705882353;
    transform: translateY(-6px);
  }
  .lpEmmi-index__shell {
    max-width: calc(1240 * var(--rate));
    width: 95%;
    margin-inline: auto;
  }
  .lpEmmi-index-summary {
    -webkit-margin-before: calc(178 * var(--rate));
            margin-block-start: calc(178 * var(--rate));
  }
  .lpEmmi-index-summary__list {
    grid-template-columns: 100%;
    row-gap: calc(143 * var(--rate));
  }
  .lpEmmi-index-summary__cell:nth-child(1) {
    justify-self: end;
    width: calc(678 * var(--rate));
    -webkit-margin-end: calc(30 * var(--rate));
            margin-inline-end: calc(30 * var(--rate));
  }
  .lpEmmi-index-summary__cell:nth-child(2) {
    width: calc(723 * var(--rate));
  }
  .lpEmmi-index-summary__cell:nth-child(3) {
    justify-self: end;
    width: calc(492 * var(--rate));
    -webkit-margin-end: calc(114 * var(--rate));
            margin-inline-end: calc(114 * var(--rate));
    -webkit-padding-before: calc(2 * var(--rate));
            padding-block-start: calc(2 * var(--rate));
  }
  .lpEmmi-index-summary__caption {
    -webkit-margin-before: calc(20 * var(--rate));
            margin-block-start: calc(20 * var(--rate));
    font-size: var(--text-size-base);
  }
  .lpEmmi-index .lpEmmi-staffCredit {
    -webkit-margin-before: calc(235 * var(--rate));
            margin-block-start: calc(235 * var(--rate));
    -webkit-padding-before: calc(55 * var(--rate));
            padding-block-start: calc(55 * var(--rate));
    white-space: nowrap;
  }
  .lpEmmi-index .lpEmmi-staffCredit__container {
    display: grid;
    grid-template-columns: auto calc(108 * var(--rate)) auto calc(91 * var(--rate)) calc(14 * var(--rate)) auto calc(108 * var(--rate)) 1fr;
    row-gap: calc(94 * var(--rate));
    max-width: calc(1240 * var(--rate));
    width: 95%;
    margin-inline: auto;
  }
  .lpEmmi-index .lpEmmi-staffCredit__cell:nth-child(1) {
    grid-column: 1/span 4;
    grid-row: 1;
  }
  .lpEmmi-index .lpEmmi-staffCredit__cell:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
  }
  .lpEmmi-index .lpEmmi-staffCredit__cell:nth-child(3) {
    grid-column: 3;
    grid-row: 2;
  }
  .lpEmmi-index .lpEmmi-staffCredit__cell:nth-child(4) {
    grid-column: 6;
    grid-row: 2;
  }
  .lpEmmi-index .lpEmmi-staffCredit__cell:nth-child(5) {
    grid-column: 8;
    grid-row: 2;
  }
  .lpEmmi-index .lpEmmi-staffCredit__cell:last-child {
    grid-column: 5/span 4;
    grid-row: 1;
    max-width: calc(584 * var(--rate));
    -webkit-padding-before: calc(5 * var(--rate));
            padding-block-start: calc(5 * var(--rate));
  }
  .lpEmmi-index .lpEmmi-staffCredit__heading + .lpEmmi-staffCredit__details {
    -webkit-margin-before: calc(15 * var(--rate));
            margin-block-start: calc(15 * var(--rate));
    -webkit-padding-start: calc(18 * var(--rate));
            padding-inline-start: calc(18 * var(--rate));
  }
}
/* //////////////////////////////////////////////////

Title : _contents.scss
For   : page/collection/2024/ss_2nd/

Created       : 2024-04-20
Last Modified : 2024-04-23

==========================================

Content

////////////////////////////////////////////////// */
/* ========== contents: layout */
.lpEmmi-contents {
  position: relative;
}
.lpEmmi-contents__button {
  position: absolute;
  transform: rotate(45deg);
  z-index: 1;
}
.lpEmmi-contents__button::before, .lpEmmi-contents__button::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  margin: auto;
  background-color: var(--color-base);
}
.lpEmmi-contents__button::after {
  transform: rotate(90deg);
}
.lpEmmi-contents__inner {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.lpEmmi-contents__shell, .lpEmmi-contents__cell, .lpEmmi-contents__thumbnail {
  position: relative;
}
.lpEmmi-contents__shell {
  display: grid;
}
.lpEmmi-contents .lpEmmi-staffCredit__cell {
  display: grid;
}
.lpEmmi-contents.js-modal-target {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  background-color: #fff;
  transition: all 0.25s;
}
.lpEmmi-contents.js-modal-target.is-open {
  opacity: 1;
  visibility: visible;
  z-index: 99999;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .lpEmmi-contents__button {
    top: calc(38 * var(--rate));
    right: calc(38 * var(--rate));
    width: calc(36 * var(--rate));
    height: calc(36 * var(--rate));
  }
  .lpEmmi-contents__inner {
    -webkit-padding-before: calc(200 * var(--rate));
            padding-block-start: calc(200 * var(--rate));
    -webkit-padding-after: calc(200 * var(--rate));
            padding-block-end: calc(200 * var(--rate));
  }
  .lpEmmi-contents__header {
    padding-inline: calc(36 * var(--rate));
  }
  .lpEmmi-contents__header + * {
    -webkit-margin-before: calc(75 * var(--rate));
            margin-block-start: calc(75 * var(--rate));
  }
  .lpEmmi-contents__title + * {
    -webkit-margin-before: var(--title-spacer, calc(70 * var(--rate)));
            margin-block-start: var(--title-spacer, calc(70 * var(--rate)));
    padding-inline: calc(36 * var(--rate));
  }
  .lpEmmi-contents__heading + * {
    -webkit-margin-before: var(--heading-spacer, calc(8 * var(--rate)));
            margin-block-start: var(--heading-spacer, calc(8 * var(--rate)));
  }
  .lpEmmi-contents__shell {
    grid-template-columns: 100%;
  }
  .lpEmmi-contents__description {
    padding-inline: calc(72 * var(--rate));
  }
  .lpEmmi-contents__thumbnail + .lpEmmi-contents__prices {
    -webkit-margin-before: var(--prices-spacer, calc(20 * var(--rate)));
            margin-block-start: var(--prices-spacer, calc(20 * var(--rate)));
  }
  .lpEmmi-contents .lpEmmi-staffCredit__cell {
    grid-template-columns: auto 1fr;
  }
  .lpEmmi-contents .lpEmmi-staffCredit__details + .lpEmmi-staffCredit__details {
    -webkit-margin-before: calc(15 * var(--rate));
            margin-block-start: calc(15 * var(--rate));
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .lpEmmi-contents__button {
    top: calc(28 * var(--rate));
    right: calc(35 * var(--rate));
    width: calc(22 * var(--rate));
    height: calc(22 * var(--rate));
  }
  .lpEmmi-contents__button:hover {
    cursor: pointer;
  }
  .lpEmmi-contents__inner {
    -webkit-padding-before: calc(64 * var(--rate));
            padding-block-start: calc(64 * var(--rate));
    -webkit-padding-after: calc(150 * var(--rate));
            padding-block-end: calc(150 * var(--rate));
    padding-inline: calc((100% - 1440 * var(--rate)) / 2);
  }
  .lpEmmi-contents__header + * {
    -webkit-margin-before: calc(76 * var(--rate));
            margin-block-start: calc(76 * var(--rate));
  }
  .lpEmmi-contents__title + * {
    -webkit-margin-before: var(--title-spacer, calc(73 * var(--rate)));
            margin-block-start: var(--title-spacer, calc(73 * var(--rate)));
    -webkit-padding-start: var(--title-gap, calc(24 * var(--rate)));
            padding-inline-start: var(--title-gap, calc(24 * var(--rate)));
  }
  .lpEmmi-contents__heading + * {
    -webkit-margin-before: var(--heading-spacer, calc(10 * var(--rate)));
            margin-block-start: var(--heading-spacer, calc(10 * var(--rate)));
  }
  .lpEmmi-contents__thumbnail + .lpEmmi-contents__prices {
    -webkit-margin-before: var(--prices-spacer, calc(14 * var(--rate)));
            margin-block-start: var(--prices-spacer, calc(14 * var(--rate)));
  }
}
/* //////////////////////////////////////////////////

Title : _emmiRose.scss
For   : page/collection/2024/ss_2nd/

Created       : 2024-04-20
Last Modified : 2024-04-23

==========================================

Content

////////////////////////////////////////////////// */
/* ========== contents: emmi rose */
.lpEmmi-contents--emmiRose .lpEmmi-staffCredit {
  position: relative;
}
.lpEmmi-contents--emmiRose .lpEmmi-staffCredit__photos, .lpEmmi-contents--emmiRose .lpEmmi-staffCredit__photo {
  position: absolute;
}
.lpEmmi-contents--emmiRose .lpEmmi-staffCredit__photos:nth-child(1), .lpEmmi-contents--emmiRose .lpEmmi-staffCredit__photo:nth-child(1) {
  z-index: 2;
}
.lpEmmi-contents--emmiRose .lpEmmi-staffCredit__photos:nth-child(2), .lpEmmi-contents--emmiRose .lpEmmi-staffCredit__photo:nth-child(2) {
  z-index: 1;
}
.lpEmmi-contents--emmiRose .lpEmmi-staffCredit__photos:nth-child(3), .lpEmmi-contents--emmiRose .lpEmmi-staffCredit__photo:nth-child(3) {
  z-index: 3;
}
/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(1) .lpEmmi-contents__cell {
    --heading-font-size: var(--text-size-base);
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(1) .lpEmmi-contents__cell:nth-of-type(2) {
    -webkit-margin-before: calc(67 * var(--rate));
            margin-block-start: calc(67 * var(--rate));
    padding-inline: calc(36 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(1) .lpEmmi-contents__cell:nth-of-type(2) .lpEmmi-contents__thumbnail:nth-of-type(1) {
    width: calc(511 * var(--rate));
    -webkit-margin-start: auto;
            margin-inline-start: auto;
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(1) .lpEmmi-contents__cell:nth-of-type(2) .lpEmmi-contents__thumbnail:nth-of-type(2) {
    width: calc(594 * var(--rate));
    -webkit-margin-before: calc(50 * var(--rate));
            margin-block-start: calc(50 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(1) .lpEmmi-contents__cell:nth-of-type(3) {
    --prices-spacer: calc(12 * var(--rate));
    -webkit-margin-before: calc(213 * var(--rate));
            margin-block-start: calc(213 * var(--rate));
    -webkit-padding-start: calc(185 * var(--rate));
            padding-inline-start: calc(185 * var(--rate));
    -webkit-padding-end: calc(54 * var(--rate));
            padding-inline-end: calc(54 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(1) .lpEmmi-contents__cell:nth-of-type(4) {
    --prices-spacer: calc(6 * var(--rate));
    -webkit-margin-before: calc(228 * var(--rate));
            margin-block-start: calc(228 * var(--rate));
    padding-inline: calc(8 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(1) .lpEmmi-contents__cell:nth-of-type(4) .lpEmmi-contents__prices {
    -webkit-padding-start: calc(17 * var(--rate));
            padding-inline-start: calc(17 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(1) .lpEmmi-contents__cell:nth-of-type(5) {
    --prices-spacer: calc(10 * var(--rate));
    -webkit-margin-before: calc(228 * var(--rate));
            margin-block-start: calc(228 * var(--rate));
    -webkit-padding-end: calc(16 * var(--rate));
            padding-inline-end: calc(16 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(1) .lpEmmi-contents__cell:nth-of-type(5) .lpEmmi-contents__prices {
    -webkit-padding-start: calc(36 * var(--rate));
            padding-inline-start: calc(36 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(1) .lpEmmi-contents__cell:nth-of-type(6) {
    --prices-spacer: calc(14 * var(--rate));
    -webkit-margin-before: calc(252 * var(--rate));
            margin-block-start: calc(252 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(1) .lpEmmi-contents__cell:nth-of-type(6) .lpEmmi-contents__thumbnail:nth-of-type(1) {
    -webkit-padding-start: calc(204 * var(--rate));
            padding-inline-start: calc(204 * var(--rate));
    -webkit-padding-end: calc(36 * var(--rate));
            padding-inline-end: calc(36 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(1) .lpEmmi-contents__cell:nth-of-type(6) .lpEmmi-contents__thumbnail:nth-of-type(2) {
    -webkit-margin-before: calc(84 * var(--rate));
            margin-block-start: calc(84 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(1) .lpEmmi-contents__cell:nth-of-type(6) .lpEmmi-contents__prices {
    -webkit-padding-start: calc(204 * var(--rate));
            padding-inline-start: calc(204 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(2) {
    -webkit-margin-before: calc(235 * var(--rate));
            margin-block-start: calc(235 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(2) .lpEmmi-contents__cell:nth-of-type(2) {
    -webkit-margin-before: calc(75 * var(--rate));
            margin-block-start: calc(75 * var(--rate));
    -webkit-padding-start: calc(222 * var(--rate));
            padding-inline-start: calc(222 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(2) .lpEmmi-contents__cell:nth-of-type(2) .lpEmmi-contents__thumbnail {
    transform: rotate(1deg);
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(2) .lpEmmi-contents__cell:nth-of-type(2) .lpEmmi-contents__prices {
    --prices-spacer: 0;
    -webkit-padding-start: calc(12 * var(--rate));
            padding-inline-start: calc(12 * var(--rate));
    transform: translateY(calc(-2 * var(--rate)));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(2) .lpEmmi-contents__cell:nth-of-type(3) {
    -webkit-margin-before: calc(140 * var(--rate));
            margin-block-start: calc(140 * var(--rate));
    -webkit-padding-end: calc(164 * var(--rate));
            padding-inline-end: calc(164 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(2) .lpEmmi-contents__cell:nth-of-type(3) .lpEmmi-contents__prices {
    -webkit-padding-start: calc(36 * var(--rate));
            padding-inline-start: calc(36 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(2) .lpEmmi-contents__cell:nth-of-type(4) {
    -webkit-margin-before: calc(118 * var(--rate));
            margin-block-start: calc(118 * var(--rate));
    -webkit-padding-start: calc(180 * var(--rate));
            padding-inline-start: calc(180 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(2) .lpEmmi-contents__cell:nth-of-type(4) .lpEmmi-contents__prices {
    -webkit-padding-start: calc(63 * var(--rate));
            padding-inline-start: calc(63 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(3) {
    -webkit-margin-before: calc(304 * var(--rate));
            margin-block-start: calc(304 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(3) .lpEmmi-contents__cell:nth-of-type(2) {
    -webkit-margin-before: calc(86 * var(--rate));
            margin-block-start: calc(86 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(3) .lpEmmi-contents__cell:nth-of-type(2) .lpEmmi-contents__prices {
    position: absolute;
    bottom: calc(45 * var(--rate));
    left: calc(44 * var(--rate));
    z-index: 1;
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(3) .lpEmmi-contents__cell:nth-of-type(3) {
    -webkit-margin-before: calc(210 * var(--rate));
            margin-block-start: calc(210 * var(--rate));
    -webkit-padding-start: calc(176 * var(--rate));
            padding-inline-start: calc(176 * var(--rate));
    -webkit-padding-end: calc(18 * var(--rate));
            padding-inline-end: calc(18 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(3) .lpEmmi-contents__cell:nth-of-type(3) .lpEmmi-contents__prices {
    -webkit-padding-start: calc(10 * var(--rate));
            padding-inline-start: calc(10 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__description-details {
    -webkit-margin-before: calc(10 * var(--rate));
            margin-block-start: calc(10 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__prices {
    line-height: calc(34 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-staffCredit {
    -webkit-margin-before: calc(297 * var(--rate));
            margin-block-start: calc(297 * var(--rate));
    -webkit-padding-after: calc(1100 * var(--rate));
            padding-block-end: calc(1100 * var(--rate));
    -webkit-padding-start: calc(50 * var(--rate));
            padding-inline-start: calc(50 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-staffCredit__heading {
    font-size: var(--text-size-base);
  }
  .lpEmmi-contents--emmiRose .lpEmmi-staffCredit__cell {
    -moz-column-gap: calc(85 * var(--rate));
         column-gap: calc(85 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-staffCredit__details:nth-of-type(2) {
    grid-column: 2;
    grid-row: 2;
  }
  .lpEmmi-contents--emmiRose .lpEmmi-staffCredit__photos {
    top: calc(883 * var(--rate));
    left: calc(36 * var(--rate));
    width: calc(386 * var(--rate));
    height: calc(437 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-staffCredit__photo:nth-child(1) {
    top: 0;
    left: 0;
    width: calc(296 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-staffCredit__photo:nth-child(2) {
    top: calc(54 * var(--rate));
    right: 0;
    width: calc(296 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-staffCredit__photo:nth-child(2).is-active {
    transform: translate(calc(206 * var(--rate)), calc(46 * var(--rate)));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-staffCredit__photo:nth-child(3) {
    bottom: 0;
    left: 0;
    right: 0;
    width: calc(290 * var(--rate));
    margin: auto;
  }
  .lpEmmi-contents--emmiRose .lpEmmi-staffCredit__photo:nth-child(3).is-active {
    transform: translate(calc(40 * var(--rate)), calc(448 * var(--rate)));
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell {
    --row-width: 1440;
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(1) {
    grid-template-columns: calc(50 * var(--rate)) calc(111 * var(--rate)) calc(328 * var(--rate)) calc(78 * var(--rate)) calc(114 * var(--rate)) calc(61 * var(--rate)) calc(42.6 * var(--rate)) calc(3.4 * var(--rate)) calc(515 * var(--rate)) calc(100 * var(--rate)) calc(37 * var(--rate));
    grid-template-rows: calc(110 * var(--rate)) auto calc(95 * var(--rate)) auto calc(204 * var(--rate)) auto calc(14 * var(--rate)) auto calc(288 * var(--rate)) 1fr;
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(1) .lpEmmi-contents__cell:nth-of-type(1) {
    --title-spacer: calc(54 * var(--rate));
    --heading-spacer: calc(6 * var(--rate));
    align-self: start;
    grid-column: 2/span 3;
    grid-row: 1/span 2;
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(1) .lpEmmi-contents__cell:nth-of-type(2) {
    grid-column: 9/span 3;
    grid-row: 2/span 2;
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(1) .lpEmmi-contents__cell:nth-of-type(2) .lpEmmi-contents__thumbnail:nth-of-type(1) {
    -webkit-padding-end: calc(188 * var(--rate));
            padding-inline-end: calc(188 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(1) .lpEmmi-contents__cell:nth-of-type(2) .lpEmmi-contents__thumbnail:nth-of-type(2) {
    -webkit-margin-before: calc(72 * var(--rate));
            margin-block-start: calc(72 * var(--rate));
    -webkit-padding-start: calc(213 * var(--rate));
            padding-inline-start: calc(213 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(1) .lpEmmi-contents__cell:nth-of-type(2) .lpEmmi-contents__prices {
    --prices-spacer: calc(8 * var(--rate));
    -webkit-padding-start: calc(213 * var(--rate));
            padding-inline-start: calc(213 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(1) .lpEmmi-contents__cell:nth-of-type(3) {
    grid-column: 2/span 2;
    grid-row: 3/span 3;
    -webkit-padding-start: calc(5 * var(--rate));
            padding-inline-start: calc(5 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(1) .lpEmmi-contents__cell:nth-of-type(4) {
    grid-column: 7/span 3;
    grid-row: 5/span 2;
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(1) .lpEmmi-contents__cell:nth-of-type(4) .lpEmmi-contents__prices {
    --prices-spacer: calc(8 * var(--rate));
    -webkit-padding-start: calc(10 * var(--rate));
            padding-inline-start: calc(10 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(1) .lpEmmi-contents__cell:nth-of-type(5) {
    grid-column: 3/span 5;
    grid-row: 8/span 2;
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(1) .lpEmmi-contents__cell:nth-of-type(6) {
    grid-column: 6/span 5;
    grid-row: 9/span 2;
    display: grid;
    grid-template-columns: calc(133 * var(--rate)) calc(210 * var(--rate)) calc(159 * var(--rate)) calc(220 * var(--rate));
    grid-template-rows: auto calc(143 * var(--rate)) auto auto;
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(1) .lpEmmi-contents__cell:nth-of-type(6) > *:nth-child(1) {
    grid-column: 3/span 2;
    grid-row: 1/span 2;
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(1) .lpEmmi-contents__cell:nth-of-type(6) > *:nth-child(2) {
    grid-column: 2/span 2;
    grid-row: 4;
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(1) .lpEmmi-contents__cell:nth-of-type(6) > *:nth-child(3) {
    grid-column: 1/span 3;
    grid-row: 2/span 2;
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(2) {
    grid-template-columns: calc(50 * var(--rate)) calc(73 * var(--rate)) calc(364 * var(--rate)) calc(134 * var(--rate)) calc(187 * var(--rate)) calc(78 * var(--rate)) calc(406 * var(--rate)) calc(42 * var(--rate)) calc(56 * var(--rate)) calc(50 * var(--rate));
    grid-template-rows: auto calc(318 * var(--rate)) auto calc(148 * var(--rate)) 1fr;
    -webkit-margin-before: calc(213 * var(--rate));
            margin-block-start: calc(213 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(2) .lpEmmi-contents__cell:nth-of-type(1) {
    grid-column: 2/span 2;
    grid-row: 1;
    align-self: start;
    -webkit-padding-start: calc(24 * var(--rate));
            padding-inline-start: calc(24 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(2) .lpEmmi-contents__cell:nth-of-type(2) {
    grid-column: 7/span 2;
    grid-row: 1/span 2;
    -webkit-padding-before: calc(6 * var(--rate));
            padding-block-start: calc(6 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(2) .lpEmmi-contents__cell:nth-of-type(2) .lpEmmi-contents__thumbnail {
    transform: rotate(1deg);
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(2) .lpEmmi-contents__cell:nth-of-type(2) .lpEmmi-contents__prices {
    --prices-spacer: calc(7 * var(--rate));
    -webkit-padding-start: calc(6 * var(--rate));
            padding-inline-start: calc(6 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(2) .lpEmmi-contents__cell:nth-of-type(3) {
    grid-column: 3/span 2;
    grid-row: 2/span 3;
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(2) .lpEmmi-contents__cell:nth-of-type(3) .lpEmmi-contents__prices {
    -webkit-padding-start: calc(12 * var(--rate));
            padding-inline-start: calc(12 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(2) .lpEmmi-contents__cell:nth-of-type(4) {
    grid-column: 6/span 2;
    grid-row: 4/span 2;
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(2) .lpEmmi-contents__cell:nth-of-type(4) .lpEmmi-contents__prices {
    --prices-spacer: 1px;
    -webkit-padding-start: 32px;
            padding-inline-start: 32px;
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(3) {
    grid-template-columns: calc(50 * var(--rate)) calc(427 * var(--rate)) calc(97 * var(--rate)) calc(180 * var(--rate)) calc(673 * var(--rate)) calc(13 * var(--rate));
    grid-template-rows: calc(187 * var(--rate)) auto auto calc(295 * var(--rate)) 1fr;
    -webkit-margin-before: calc(274 * var(--rate));
            margin-block-start: calc(274 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(3) .lpEmmi-contents__cell:nth-of-type(1) {
    grid-column: 2;
    grid-row: 2;
    -webkit-padding-start: calc(14 * var(--rate));
            padding-inline-start: calc(14 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(3) .lpEmmi-contents__cell:nth-of-type(2) {
    grid-column: 5;
    grid-row: 1/span 4;
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(3) .lpEmmi-contents__cell:nth-of-type(2) .lpEmmi-contents__prices {
    position: absolute;
    bottom: calc(94 * var(--rate));
    left: calc(10 * var(--rate));
    z-index: 1;
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(3) .lpEmmi-contents__cell:nth-of-type(3) {
    grid-column: 1/span 3;
    grid-row: 4/span 2;
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__shell:nth-of-type(3) .lpEmmi-contents__cell:nth-of-type(3) .lpEmmi-contents__prices {
    --prices-spacer: calc(10 * var(--rate));
    padding-inline: calc(109 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__description-details {
    -webkit-margin-before: calc(7 * var(--rate));
            margin-block-start: calc(7 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-contents__prices {
    --prices-letter-spacing: .06em;
  }
  .lpEmmi-contents--emmiRose .lpEmmi-staffCredit {
    -webkit-margin-before: calc(208 * var(--rate));
            margin-block-start: calc(208 * var(--rate));
    -webkit-padding-after: calc(500 * var(--rate));
            padding-block-end: calc(500 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-staffCredit__cell {
    grid-template-columns: auto calc(130 * var(--rate)) auto calc(80 * var(--rate)) auto 1fr;
  }
  .lpEmmi-contents--emmiRose .lpEmmi-staffCredit__cell > *:nth-child(1) {
    grid-column: 1;
  }
  .lpEmmi-contents--emmiRose .lpEmmi-staffCredit__cell > *:nth-child(2) {
    grid-column: 3;
  }
  .lpEmmi-contents--emmiRose .lpEmmi-staffCredit__cell > *:nth-child(3) {
    grid-column: 5;
  }
  .lpEmmi-contents--emmiRose .lpEmmi-staffCredit__photos {
    top: calc(4 * var(--rate));
    right: calc(30 * var(--rate));
    width: calc(340 * var(--rate));
    height: calc(386 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-staffCredit__photo:nth-child(1) {
    top: 0;
    left: 0;
    width: calc(266 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-staffCredit__photo:nth-child(1).is-active {
    transform: translate(calc(-86 * var(--rate)), calc(-32 * var(--rate)));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-staffCredit__photo:nth-child(2) {
    top: calc(45 * var(--rate));
    right: 0;
    width: calc(266 * var(--rate));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-staffCredit__photo:nth-child(2).is-active {
    transform: translate(calc(51 * var(--rate)), calc(-2 * var(--rate)));
  }
  .lpEmmi-contents--emmiRose .lpEmmi-staffCredit__photo:nth-child(3) {
    bottom: 0;
    left: 0;
    right: 0;
    width: calc(260 * var(--rate));
    margin: auto;
  }
  .lpEmmi-contents--emmiRose .lpEmmi-staffCredit__photo:nth-child(3).is-active {
    transform: translate(calc(-126 * var(--rate)), calc(332 * var(--rate)));
  }
}
.js-scatter-target {
  pointer-events: none;
}
.js-scatter-target.is-active {
  pointer-events: auto;
}

/* //////////////////////////////////////////////////

Title : _myFavorite.scss
For   : page/collection/2024/ss_2nd/

Created       : 2024-04-21
Last Modified : 2024-04-23

==========================================

Content

////////////////////////////////////////////////// */
/* ========== contents: my favorite */
.lpEmmi-contents--myFavorite .lpEmmi-contents__shell:nth-child(1) .lpEmmi-contents__cell:nth-of-type(2) > *:nth-child(5) {
  aspect-ratio: 1/1;
  background-size: 100%;
  background-repeat: no-repeat;
}
.lpEmmi-contents--myFavorite .lpEmmi-contents__pricesLayer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  --color: var(--color-blue);
  opacity: 0;
  transition: all 0.25s;
}
.lpEmmi-contents--myFavorite .lpEmmi-contents__pricesLayer--link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.lpEmmi-contents--myFavorite .lpEmmi-contents__pricesList {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  counter-reset: listNum;
  list-style: none;
  z-index: 2;
}
.lpEmmi-contents--myFavorite .lpEmmi-contents__pricesList li {
  position: relative;
}
.lpEmmi-contents--myFavorite .lpEmmi-contents__pricesList li::before {
  content: counter(listNum) ".";
  position: absolute;
  left: 0;
  counter-increment: listNum;
  font-weight: 500;
}
.lpEmmi-contents--myFavorite .lpEmmi-contents__prices-listNumber {
  position: absolute;
  display: grid;
  place-items: center;
  width: var(--size-list-number);
  height: var(--size-list-number);
  border: calc(1 * var(--rate)) solid var(--color-blue);
  border-radius: 100vh;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .lpEmmi-contents--myFavorite {
    --title-spacer: calc(66 * var(--rate));
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__cell:nth-of-type(2) {
    display: grid;
    grid-template-columns: 100%;
    row-gap: calc(17 * var(--rate));
    -webkit-margin-before: calc(120 * var(--rate));
            margin-block-start: calc(120 * var(--rate));
    padding-inline: calc(18 * var(--rate));
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__cell:nth-of-type(2) > *:nth-child(5) {
    background-image: url(../images/contents/myFavorite/my_favorite-poster-05-sml.jpg);
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__pricesLayer {
    padding: calc(40 * var(--rate));
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__pricesLayer a {
    pointer-events: none;
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__pricesLayer.is-visible {
    opacity: 1;
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__pricesLayer.is-visible a {
    pointer-events: auto;
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__pricesList {
    --price-name-font-size: calc(20 * var(--rate));
    line-height: 1.35;
    transform: translateY(calc(-5 * var(--rate)));
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__pricesList li {
    -webkit-padding-start: calc(34 * var(--rate));
            padding-inline-start: calc(34 * var(--rate));
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__pricesList li + li {
    -webkit-margin-before: calc(12 * var(--rate));
            margin-block-start: calc(12 * var(--rate));
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__prices-listNumber {
    --size-list-number: calc(33 * var(--rate));
    font-size: calc(19 * var(--rate));
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__prices-listNumber:nth-of-type(1) {
    top: calc(73 * var(--rate));
    right: calc(315 * var(--rate));
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__prices-listNumber:nth-of-type(2) {
    bottom: calc(256 * var(--rate));
    left: calc(44 * var(--rate));
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__prices-listNumber:nth-of-type(3) {
    bottom: calc(303 * var(--rate));
    right: calc(226 * var(--rate));
  }
  .lpEmmi-contents--myFavorite .lpEmmi-staffCredit {
    -webkit-margin-before: calc(162 * var(--rate));
            margin-block-start: calc(162 * var(--rate));
    -webkit-padding-start: calc(57 * var(--rate));
            padding-inline-start: calc(57 * var(--rate));
  }
  .lpEmmi-contents--myFavorite .lpEmmi-staffCredit__cell {
    -moz-column-gap: calc(75 * var(--rate));
         column-gap: calc(75 * var(--rate));
  }
  .js-playVideo-tap a {
    pointer-events: none;
  }
  .js-playVideo-tap.is-play a {
    pointer-events: auto;
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .lpEmmi-contents--myFavorite .lpEmmi-contents__shell {
    padding-inline: calc(50 * var(--rate));
    grid-template-columns: auto calc(600 * var(--rate));
    -moz-column-gap: calc(200 * var(--rate));
         column-gap: calc(200 * var(--rate));
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__cell:nth-of-type(1) {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    align-self: start;
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__cell:nth-of-type(2) {
    display: grid;
    grid-template-columns: 100%;
    row-gap: calc(50 * var(--rate));
    -webkit-margin-before: calc(93 * var(--rate));
            margin-block-start: calc(93 * var(--rate));
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__cell:nth-of-type(2) > *:nth-child(1) {
    grid-row: 1;
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__cell:nth-of-type(2) > *:nth-child(2) {
    grid-row: 2;
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__cell:nth-of-type(2) > *:nth-child(3) {
    grid-row: 3;
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__cell:nth-of-type(2) > *:nth-child(4) {
    grid-row: 5;
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__cell:nth-of-type(2) > *:nth-child(5) {
    grid-row: 4;
    background-image: url(../images/contents/myFavorite/my_favorite-poster-05-lrg.jpg);
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__cell:nth-of-type(2) > *:nth-child(6) {
    grid-row: 6;
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__pricesLayer {
    padding: calc(34 * var(--rate));
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__pricesLayer:hover {
    opacity: 1;
    visibility: visible;
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__pricesList {
    --price-name-font-size: calc(11 * var(--rate));
    --price-line-height: calc(15 * var(--rate));
    transform: translateY(calc(-3 * var(--rate)));
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__pricesList li {
    -webkit-padding-start: calc(16 * var(--rate));
            padding-inline-start: calc(16 * var(--rate));
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__pricesList li + li {
    -webkit-margin-before: calc(10 * var(--rate));
            margin-block-start: calc(10 * var(--rate));
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__prices-listNumber {
    --size-list-number: calc(28 * var(--rate));
    font-size: calc(16 * var(--rate));
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__prices-listNumber:nth-of-type(1) {
    top: calc(61 * var(--rate));
    right: calc(265 * var(--rate));
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__prices-listNumber:nth-of-type(2) {
    bottom: calc(215 * var(--rate));
    left: calc(37 * var(--rate));
  }
  .lpEmmi-contents--myFavorite .lpEmmi-contents__prices-listNumber:nth-of-type(3) {
    bottom: calc(255 * var(--rate));
    right: calc(190 * var(--rate));
  }
  .lpEmmi-contents--myFavorite .lpEmmi-staffCredit {
    -webkit-margin-before: calc(82 * var(--rate));
            margin-block-start: calc(82 * var(--rate));
  }
  .lpEmmi-contents--myFavorite .lpEmmi-staffCredit__cell {
    grid-template-columns: auto auto 1fr;
    -moz-column-gap: calc(118 * var(--rate));
         column-gap: calc(118 * var(--rate));
  }
}
/* //////////////////////////////////////////////////

Title : _myArtWork.scss
For   : page/collection/2024/ss_2nd/

Created       : 2024-04-20
Last Modified : 2024-04-23

==========================================

Content

////////////////////////////////////////////////// */
/* ========== contents: my art work */
/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .lpEmmi-contents--myArtWork {
    --prices-spacer: calc(16 * var(--rate));
  }
  .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(n + 2) {
    padding-inline: calc(36 * var(--rate));
  }
  .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(3), .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(4), .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(6), .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(7) {
    width: calc(622 * var(--rate));
  }
  .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(3), .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(7) {
    justify-self: end;
  }
  .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(2) {
    -webkit-margin-before: calc(205 * var(--rate));
            margin-block-start: calc(205 * var(--rate));
  }
  .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(3) {
    -webkit-margin-before: calc(186 * var(--rate));
            margin-block-start: calc(186 * var(--rate));
  }
  .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(4) {
    -webkit-margin-before: calc(233 * var(--rate));
            margin-block-start: calc(233 * var(--rate));
  }
  .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(5) {
    -webkit-margin-before: calc(250 * var(--rate));
            margin-block-start: calc(250 * var(--rate));
  }
  .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(6) {
    -webkit-margin-before: calc(176 * var(--rate));
            margin-block-start: calc(176 * var(--rate));
  }
  .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(7) {
    -webkit-margin-before: calc(190 * var(--rate));
            margin-block-start: calc(190 * var(--rate));
  }
  .lpEmmi-contents--myArtWork .lpEmmi-contents__prices {
    line-height: calc(31 * var(--rate));
  }
  .lpEmmi-contents--myArtWork .lpEmmi-staffCredit {
    -webkit-margin-before: calc(206 * var(--rate));
            margin-block-start: calc(206 * var(--rate));
    -webkit-padding-start: calc(54 * var(--rate));
            padding-inline-start: calc(54 * var(--rate));
  }
  .lpEmmi-contents--myArtWork .lpEmmi-staffCredit__cell {
    -moz-column-gap: calc(64 * var(--rate));
         column-gap: calc(64 * var(--rate));
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .lpEmmi-contents--myArtWork .lpEmmi-contents__shell {
    grid-template-columns: calc(50 * var(--rate)) 1fr calc(50 * var(--rate));
    grid-template-rows: auto calc(65 * var(--rate)) auto calc(91 * var(--rate)) auto calc(118 * var(--rate)) auto calc(16 * var(--rate)) auto calc(57 * var(--rate)) auto calc(126 * var(--rate)) 1fr;
  }
  .lpEmmi-contents--myArtWork .lpEmmi-contents__cell {
    --prices-spacer: calc(16 * var(--rate));
  }
  .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(n + 2) {
    grid-column: 2;
  }
  .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(2), .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(5) {
    width: calc(550 * var(--rate));
  }
  .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(3), .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(4), .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(6), .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(7) {
    width: calc(420 * var(--rate));
  }
  .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(even) {
    justify-self: end;
  }
  .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(1) {
    grid-column: 2;
    grid-row: 1;
    width: calc(500 * var(--rate));
    padding-inline: 0;
  }
  .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(2) {
    grid-row: 3/span 2;
    -webkit-margin-end: calc(50 * var(--rate));
            margin-inline-end: calc(50 * var(--rate));
  }
  .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(3) {
    grid-row: 4/span 3;
    -webkit-margin-start: calc(50 * var(--rate));
            margin-inline-start: calc(50 * var(--rate));
  }
  .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(4) {
    grid-row: 6/span 3;
    -webkit-margin-end: calc(50 * var(--rate));
            margin-inline-end: calc(50 * var(--rate));
  }
  .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(5) {
    grid-row: 8/span 2;
    -webkit-margin-start: calc(120 * var(--rate));
            margin-inline-start: calc(120 * var(--rate));
  }
  .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(6) {
    grid-row: 11/span 2;
    -webkit-margin-end: calc(122 * var(--rate));
            margin-inline-end: calc(122 * var(--rate));
  }
  .lpEmmi-contents--myArtWork .lpEmmi-contents__cell:nth-of-type(7) {
    grid-row: 12/span 2;
    -webkit-margin-start: calc(120 * var(--rate));
            margin-inline-start: calc(120 * var(--rate));
  }
  .lpEmmi-contents--myArtWork .lpEmmi-staffCredit {
    -webkit-margin-before: calc(200 * var(--rate));
            margin-block-start: calc(200 * var(--rate));
  }
  .lpEmmi-contents--myArtWork .lpEmmi-staffCredit__cell {
    grid-template-columns: auto auto 1fr;
    -moz-column-gap: calc(110 * var(--rate));
         column-gap: calc(110 * var(--rate));
  }
}
/* ========== comment */
/* --- for small viewport --- */
/* --- for large viewport --- */
/*# sourceMappingURL=style.css.map */