@charset "UTF-8";
/*----------------------------------------
≡≡≡≡≡≡≡≡≡≡≡ ▼ カスタムプロバティ ▼ ≡≡≡≡≡≡≡≡≡≡≡
----------------------------------------*/
@font-face {
  font-family: "ampersand";
  /* フォント名 */
  /* フォーマットごとにパスを指定 */
  src: url("../fonts/ampersand.otf") format("opentype"), url("../fonts/ampersand.woff") format("woff"), url("../fonts/ampersand.woff2") format("woff2");
}
/*--------------------------------
   Media Queries (1400px ~ 1400px)
 --------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1400px) {
  html {
    font-size: calc(10 * (100vw/1400));
  }
}
@media only screen and (max-width: 767px) {
  html {
    font-size: calc(10 * (100vw/600));
  }
}
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡ ▼ S e t U p SP ▼ ≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.lp_ckcomic_ep3 {
  position: relative;
  color: var(--color-text);
  font-family: var(--font-number), "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  max-width: calc(430 * 60rem/390);
  z-index: 0;
}
.lp_ckcomic_ep3__inner {
  background-color: var(--color-background);
}
.lp_ckcomic_ep3 img,
.lp_ckcomic_ep3 svg {
  display: block;
  opacity: 1;
  width: 100%;
  height: auto;
}
.lp_ckcomic_ep3 picture {
  display: block;
}
.lp_ckcomic_ep3 a {
  display: block;
  color: inherit;
}
.lp_ckcomic_ep3 a:hover {
  opacity: 1;
}
.lp_ckcomic_ep3 *:focus {
  outline: none;
}
.lp_ckcomic_ep3 a,
.lp_ckcomic_ep3 label {
  -webkit-tap-highlight-color: rgba(223, 237, 244, 0.5);
}
.lp_ckcomic_ep3 input {
  display: none;
}
.lp_ckcomic_ep3 li,
.lp_ckcomic_ep3 ol {
  list-style-type: none;
}
.lp_ckcomic_ep3 .spOnly {
  display: block;
}
.lp_ckcomic_ep3 .pcOnly {
  display: none;
}
.lp_ckcomic_ep3 ::-moz-selection {
  background-color: rgba(223, 237, 244, 0.8);
}
.lp_ckcomic_ep3 ::selection {
  background-color: rgba(223, 237, 244, 0.8);
}
.lp_ckcomic_ep3 sup {
  font-size: 0.6em;
}
.lp_ckcomic_ep3 #share img {
  display: block;
  margin: auto;
}
.lp_ckcomic_ep3 .anim,
.lp_ckcomic_ep3 .mvArea,
.lp_ckcomic_ep3 .js-action {
  opacity: 0;
}
.lp_ckcomic_ep3 .js-action_enable {
  -webkit-animation: downupAmin 1s cubic-bezier(0.53, 0.1, 0.59, 1) forwards;
          animation: downupAmin 1s cubic-bezier(0.53, 0.1, 0.59, 1) forwards;
}
@-webkit-keyframes downupAmin {
  10% {
    translate: 0% 5%;
    opacity: 0;
  }
  100% {
    translate: 0% 0%;
    opacity: 1;
  }
}
@keyframes downupAmin {
  10% {
    translate: 0% 5%;
    opacity: 0;
  }
  100% {
    translate: 0% 0%;
    opacity: 1;
  }
}
.lp_ckcomic_ep3 .anim_enable {
  -webkit-animation: opaAmin 1.4s cubic-bezier(0.53, 0.1, 0.59, 1) forwards;
          animation: opaAmin 1.4s cubic-bezier(0.53, 0.1, 0.59, 1) forwards;
}
@-webkit-keyframes opaAmin {
  10% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opaAmin {
  10% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* .lp_ckcomic_ep3 : set up SP*/
/*------------------------------------
≡≡≡≡≡≡≡≡ ▼ Layout SP First ▼ ≡≡≡≡≡≡≡≡
 ------------------------------------*/
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡ ▼ layout  SP ▼ ≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.lp_ckcomic_ep3 {
  --color-text: #646464;
  --color-primary: #C49991;
  --color-secondary: #EFE2D6;
  --color-tertiary: #F6F2EE;
  --color-quaternary: #8FB2C6;
  --color-background: #D8E6ED;
  --font-number: "Inter";
  --font-en: "the-seasons", sans-serif;
}
.lp_ckcomic_ep3 .box {
  position: absolute;
  cursor: pointer;
  z-index: 1;
}
.lp_ckcomic_ep3 .box--1 {
  bottom: 7.5%;
  left: 4.1%;
  width: 67.7%;
  height: 12%;
}
.lp_ckcomic_ep3 .box--2 {
  top: 6.3%;
  left: 18.8%;
  width: 32.7%;
  height: 23.2%;
}
.lp_ckcomic_ep3 .box--1 img {
  width: calc(231 * 60rem/390);
  height: calc(55.76 * 60rem/390);
}
.lp_ckcomic_ep3 .clip {
  position: relative;
  z-index: 0;
}
.lp_ckcomic_ep3 .clip::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: colorRotation 6s linear infinite;
          animation: colorRotation 6s linear infinite;
  background: linear-gradient(326deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 10%, rgb(255, 255, 255) 32%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0) 100%);
  background-size: 110% 750%;
  z-index: 0;
}
@-webkit-keyframes colorRotation {
  0% {
    opacity: 0;
  }
  18% {
    opacity: 0;
  }
  18.9% {
    opacity: 1;
  }
  20% {
    background-position: bottom -20% right -20%;
  }
  34% {
    background-position: top 0% left -20%;
  }
  34.1% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
}
@keyframes colorRotation {
  0% {
    opacity: 0;
  }
  18% {
    opacity: 0;
  }
  18.9% {
    opacity: 1;
  }
  20% {
    background-position: bottom -20% right -20%;
  }
  34% {
    background-position: top 0% left -20%;
  }
  34.1% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
}
.lp_ckcomic_ep3 .clip img {
  opacity: 0.4;
}
.lp_ckcomic_ep3 .clip--1 {
  -webkit-clip-path: url(#clipPath--1);
          clip-path: url(#clipPath--1);
}
.lp_ckcomic_ep3 .clip--2 {
  -webkit-clip-path: url(#clipPath--2);
          clip-path: url(#clipPath--2);
}
.lp_ckcomic_ep3 .slick-dots {
  display: flex;
  justify-content: center;
  -moz-column-gap: calc(10 * 60rem/390);
       column-gap: calc(10 * 60rem/390);
  margin-top: calc(24 * 60rem/390);
}
.lp_ckcomic_ep3 .slick-dots li {
  line-height: 0;
}
.lp_ckcomic_ep3 .slick-dots button {
  background: unset;
  border: 0;
  font-size: 0;
  -webkit-mask-image: url(../img/star.svg);
          mask-image: url(../img/star.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background: #E5D3C3;
  width: calc(14 * 60rem/390);
  height: calc(14 * 60rem/390);
}
.lp_ckcomic_ep3 .slick-dots .slick-active button {
  background: #C49991;
}
.lp_ckcomic_ep3 .c-card {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  margin-inline: calc(9 * 60rem/390);
  padding: calc(17 * 60rem/390);
  border: 1px solid #BCBCBC;
  border-radius: calc(12 * 60rem/390);
  box-sizing: border-box;
}
.lp_ckcomic_ep3 .c-card__inner {
  margin-bottom: calc(11 * 60rem/390);
  text-align: left;
}
.lp_ckcomic_ep3 .c-card .images {
  margin-bottom: calc(8 * 60rem/390);
}
.lp_ckcomic_ep3 .c-card .category {
  padding: calc(5 * 60rem/390) calc(7 * 60rem/390);
  background-color: var(--color-secondary);
  font-size: calc(11 * 60rem/390);
  line-height: 1;
  letter-spacing: 0.025em;
}
.lp_ckcomic_ep3 .c-card .categoryWrap {
  display: flex;
  -moz-column-gap: calc(5 * 60rem/390);
       column-gap: calc(5 * 60rem/390);
  margin-bottom: calc(7 * 60rem/390);
}
.lp_ckcomic_ep3 .c-card .copy {
  margin-bottom: calc(5 * 60rem/390);
  font-size: calc(13 * 60rem/390);
  font-weight: 600;
  line-height: 1.51;
  letter-spacing: 0.025em;
}
.lp_ckcomic_ep3 .c-card .loosen__slider .copy,
.lp_ckcomic_ep3 .c-card .pointmake__slider .copy,
.lp_ckcomic_ep3 .c-card .dresser__slider .copy {
  min-height: calc(58 * 60rem/390);
}
.lp_ckcomic_ep3 .c-card .name {
  margin-bottom: calc(5 * 60rem/390);
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  font-size: calc(13 * 60rem/390);
  line-height: 1.4;
  letter-spacing: 0;
}
.lp_ckcomic_ep3 .c-card .price {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  font-size: calc(15 * 60rem/390);
  font-weight: 600;
  letter-spacing: 0.025em;
}
.lp_ckcomic_ep3 .c-card .price .yen {
  font-size: calc(13 * 60rem/390);
  letter-spacing: 0.075em;
}
.lp_ckcomic_ep3 .c-card .price small {
  font-size: calc(10 * 60rem/390);
  font-weight: 300;
}
.lp_ckcomic_ep3 .button--detail {
  display: inline-block;
  position: relative;
  margin-top: auto;
  padding: calc(9 * 60rem/390) calc(9 * 60rem/390) calc(8 * 60rem/390) calc(26 * 60rem/390);
  background-color: var(--color-text);
  color: #ffffff;
  font-size: calc(13 * 60rem/390);
  line-height: 1;
  letter-spacing: 0.05em;
  box-sizing: border-box;
  text-align: left;
  width: calc(130 * 60rem/390);
  z-index: 0;
}
.lp_ckcomic_ep3 .button--detail::after {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  right: calc(17 * 60rem/390);
  bottom: 0;
  width: calc(4 * 60rem/390);
  height: calc(8 * 60rem/390);
  background-image: url(../img/arrow3.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.lp_ckcomic_ep3 .button--detail + .name {
  margin-top: calc(12 * 60rem/390);
  text-align: left;
  width: 100%;
}
.lp_ckcomic_ep3 .button--more {
  margin-bottom: calc(15 * 60rem/390);
  background-image: url(../img/button_bg1.svg);
}
.lp_ckcomic_ep3 .button--more::after {
  right: calc(-32 * 60rem/390);
  background-image: url(../img/face_1.png);
}
.lp_ckcomic_ep3 .button--more p {
  padding-left: calc(10 * 60rem/390);
}
.lp_ckcomic_ep3 .button--items {
  margin-top: calc(42 * 60rem/390);
  background-image: url(../img/button_bg2.svg);
}
.lp_ckcomic_ep3 .button--items::after {
  left: calc(-32 * 60rem/390);
  background-image: url(../img/face_2.png);
}
.lp_ckcomic_ep3 .button--items p {
  padding-left: calc(13 * 60rem/390);
}
.lp_ckcomic_ep3 .button--items p::after {
  transform: rotate(90deg);
}
.lp_ckcomic_ep3 .mvArea {
  margin-bottom: calc(60 * 60rem/390);
}
.lp_ckcomic_ep3 .readArea {
  padding-bottom: calc(48 * 60rem/390);
  text-align: center;
}
.lp_ckcomic_ep3 .readArea p {
  font-size: calc(14 * 60rem/390);
  letter-spacing: 0.05em;
}
.lp_ckcomic_ep3 .readArea__profile {
  display: inline-block;
  position: relative;
  margin-left: calc(9 * 60rem/390);
  margin-bottom: calc(27 * 60rem/390);
  padding: calc(19 * 60rem/390) calc(30 * 60rem/390) calc(17 * 60rem/390) calc(35 * 60rem/390);
  background-color: var(--color-tertiary);
  border-radius: calc(10 * 60rem/390);
  line-height: 1.75;
  z-index: 0;
}
.lp_ckcomic_ep3 .readArea__profile::after {
  content: "";
  position: absolute;
  top: calc(-20 * 60rem/390);
  left: calc(-30 * 60rem/390);
  width: calc(67 * 60rem/390);
  height: calc(67 * 60rem/390);
  background-image: url(../img/face_0.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}
.lp_ckcomic_ep3 .readArea__text {
  margin-left: calc(3 * 60rem/390);
  line-height: 2.25;
}
.lp_ckcomic_ep3 .readArea__text:last-child {
  margin-top: calc(18 * 60rem/390);
}
.lp_ckcomic_ep3 .pastStory {
  padding: calc(36 * 60rem/390) 0;
  background-color: rgba(255, 255, 255, 0.4);
  text-align: center;
}
.lp_ckcomic_ep3 .pastStory__title {
  margin-bottom: calc(14 * 60rem/390);
  font-size: calc(14 * 60rem/390);
  font-weight: 600;
  letter-spacing: 0.05em;
}
.lp_ckcomic_ep3 .pastStory__list {
  display: flex;
  justify-content: center;
  -moz-column-gap: calc(18 * 60rem/390);
       column-gap: calc(18 * 60rem/390);
}
.lp_ckcomic_ep3 .pastStory__item:nth-of-type(1) .link {
  background: linear-gradient(132deg, rgb(252, 215, 205) 0%, rgb(179, 210, 227) 100%);
}
.lp_ckcomic_ep3 .pastStory__item:nth-of-type(2) .link {
  background: linear-gradient(132deg, rgb(196, 208, 141) 0%, rgb(252, 215, 205) 100%);
}
.lp_ckcomic_ep3 .pastStory .link {
  position: relative;
  padding: calc(13 * 60rem/390) calc(29 * 60rem/390) calc(13 * 60rem/390);
  border-radius: 40px;
  box-sizing: border-box;
  color: #000000;
  font-size: calc(15 * 60rem/390);
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: left;
  width: calc(152 * 60rem/390);
  z-index: 0;
}
.lp_ckcomic_ep3 .pastStory .link::after {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  right: calc(19 * 60rem/390);
  bottom: 0;
  width: calc(5 * 60rem/390);
  height: calc(8 * 60rem/390);
  background-image: url(../img/arrow2.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.lp_ckcomic_ep3 .pastStory .link .en {
  font-family: var(--font-en);
  font-weight: normal;
}
.lp_ckcomic_ep3 .pastStory-foot {
  padding-block: calc(50 * 60rem/390) calc(39 * 60rem/390);
  text-align: center;
}
.lp_ckcomic_ep3 .pastStory-foot .link {
  position: relative;
  padding: calc(13 * 60rem/390) calc(29 * 60rem/390) calc(13 * 60rem/390);
  border-radius: 40px;
  box-sizing: border-box;
  color: #000000;
  font-size: calc(15 * 60rem/390);
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: left;
  width: calc(152 * 60rem/390);
  z-index: 0;
}
.lp_ckcomic_ep3 .pastStory-foot .link::after {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  right: calc(19 * 60rem/390);
  bottom: 0;
  width: calc(5 * 60rem/390);
  height: calc(8 * 60rem/390);
  background-image: url(../img/arrow2.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.lp_ckcomic_ep3 .pastStory-foot .link .en {
  font-family: var(--font-en);
  font-weight: normal;
}
.lp_ckcomic_ep3 .pastStory-foot__button {
  display: inline-block;
  position: relative;
  padding-top: calc(24 * 60rem/390);
  text-align: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: calc(287 * 60rem/390);
  height: calc(73 * 60rem/390);
  z-index: 0;
}
.lp_ckcomic_ep3 .pastStory-foot__button::after {
  content: "";
  position: absolute;
  bottom: calc(5 * 60rem/390);
  width: calc(67 * 60rem/390);
  height: calc(67 * 60rem/390);
  background-size: contain;
  background-repeat: no-repeat;
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.16));
  z-index: 1;
}
.lp_ckcomic_ep3 .pastStory-foot__button p {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: calc(16 * 60rem/390);
       column-gap: calc(16 * 60rem/390);
  font-size: calc(14 * 60rem/390);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.05em;
}
.lp_ckcomic_ep3 .pastStory-foot__button p::after {
  content: "";
  width: calc(10 * 60rem/390);
  height: calc(5 * 60rem/390);
  background-image: url(../img/arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.lp_ckcomic_ep3 .comicWrap {
  padding: calc(46 * 60rem/390) 0;
}
.lp_ckcomic_ep3 .comicWrap__img {
  position: relative;
  margin-inline: auto;
  border: 1px solid var(--color-quaternary);
  background: #fff;
  border-radius: calc(24 * 60rem/390);
  overflow: hidden;
  width: 24.4em;
  z-index: 0;
}
.lp_ckcomic_ep3 .comicWrap__img:nth-of-type(n+2) {
  margin-top: calc(22 * 60rem/390);
}
.lp_ckcomic_ep3 .comicWrap .page1 {
  margin-top: calc(-10 * 60rem/390);
}
.lp_ckcomic_ep3 .comicWrap .page2 {
  position: relative;
  z-index: 0;
}
.lp_ckcomic_ep3 .comicWrap .page2::before, .lp_ckcomic_ep3 .comicWrap .page2::after {
  content: "";
  position: absolute;
  background-image: url(../img/kirakira.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.lp_ckcomic_ep3 .comicWrap .page2::before {
  -webkit-animation: star-flashing-before 6s infinite 0.5s;
          animation: star-flashing-before 6s infinite 0.5s;
  top: 42%;
  left: 37%;
  width: 13%;
  height: 11%;
}
.lp_ckcomic_ep3 .comicWrap .page2::after {
  -webkit-animation: star-flashing-after 7s infinite;
          animation: star-flashing-after 7s infinite;
  top: 66.5%;
  left: 81%;
  width: 11%;
  height: 9%;
}
@-webkit-keyframes star-flashing-before {
  0% {
    scale: 1;
    opacity: 1;
  }
  50% {
    scale: 0.8;
    opacity: 0;
  }
  60% {
    scale: 1;
    opacity: 1;
  }
  90% {
    scale: 0.9;
    opacity: 0;
  }
  100% {
    scale: 1;
    opacity: 1;
  }
}
@keyframes star-flashing-before {
  0% {
    scale: 1;
    opacity: 1;
  }
  50% {
    scale: 0.8;
    opacity: 0;
  }
  60% {
    scale: 1;
    opacity: 1;
  }
  90% {
    scale: 0.9;
    opacity: 0;
  }
  100% {
    scale: 1;
    opacity: 1;
  }
}
@-webkit-keyframes star-flashing-after {
  0% {
    scale: 0.8;
    opacity: 0;
  }
  60% {
    scale: 1;
    opacity: 1;
  }
  70% {
    scale: 0.9;
    opacity: 0;
  }
  80% {
    scale: 1;
    opacity: 1;
  }
  85% {
    scale: 0.95;
    opacity: 0.5;
  }
  90% {
    scale: 1;
    opacity: 1;
  }
  100% {
    scale: 0.8;
    opacity: 0;
  }
}
@keyframes star-flashing-after {
  0% {
    scale: 0.8;
    opacity: 0;
  }
  60% {
    scale: 1;
    opacity: 1;
  }
  70% {
    scale: 0.9;
    opacity: 0;
  }
  80% {
    scale: 1;
    opacity: 1;
  }
  85% {
    scale: 0.95;
    opacity: 0.5;
  }
  90% {
    scale: 1;
    opacity: 1;
  }
  100% {
    scale: 0.8;
    opacity: 0;
  }
}
.lp_ckcomic_ep3 .itemWrap {
  position: relative;
  padding: calc(54 * 60rem/390) 0 calc(58 * 60rem/390);
  background: #FAF8F5;
  overflow: hidden;
  text-align: center;
  z-index: 0;
}
.lp_ckcomic_ep3 .itemWrap::before, .lp_ckcomic_ep3 .itemWrap::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: calc(400 * 60rem/390);
  z-index: 0;
}
.lp_ckcomic_ep3 .itemWrap::before {
  top: 0;
  background: linear-gradient(170deg, rgb(245, 240, 236) 0%, rgba(250, 248, 245, 0) 100%);
}
.lp_ckcomic_ep3 .itemWrap::after {
  bottom: 0;
  background: linear-gradient(0deg, rgb(245, 240, 236) 0%, rgba(250, 248, 245, 0) 100%);
}
.lp_ckcomic_ep3 .itemWrap__inner {
  position: relative;
  z-index: 1;
}
.lp_ckcomic_ep3 .itemWrap__slider {
  margin-inline: auto;
  width: calc(240 * 60rem/390);
}
.lp_ckcomic_ep3 .itemWrap__slider__title {
  margin-bottom: calc(15 * 60rem/390);
  color: var(--color-primary);
  font-size: calc(15 * 60rem/390);
  line-height: 1.18;
  letter-spacing: 0.05em;
}
.lp_ckcomic_ep3 .itemWrap__slider__title .en-text {
  font-family: var(--font-en);
  font-size: calc(30 * 60rem/390);
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.05em;
}
.lp_ckcomic_ep3 .itemWrap__subTitle {
  display: inline-block;
  margin-bottom: calc(-3 * 60rem/390);
  padding: calc(8 * 60rem/390) calc(2 * 60rem/390) calc(13 * 60rem/390);
  font-size: calc(12 * 60rem/390);
  line-height: 1;
  letter-spacing: 0;
  background-size: contain;
  background-repeat: no-repeat;
  box-sizing: border-box;
  height: calc(32 * 60rem/390);
}
.lp_ckcomic_ep3 .itemWrap__title {
  font-size: calc(23 * 60rem/390);
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
}
.lp_ckcomic_ep3 .itemWrap__title .number {
  font-family: var(--font-en);
  font-size: calc(38 * 60rem/390);
  font-style: italic;
  font-weight: 700;
}
.lp_ckcomic_ep3 .itemWrap__title .quotation {
  font-family: var(--font-en);
  font-size: calc(28 * 60rem/390);
  font-style: normal;
  font-weight: 700;
}
.lp_ckcomic_ep3 .itemWrap .slick-list {
  overflow: visible;
}
.lp_ckcomic_ep3 .itemWrap .slick-track {
  display: flex;
}
.lp_ckcomic_ep3 .itemWrap .slick-slide {
  height: auto !important;
}
.lp_ckcomic_ep3 .itemWrap.bathgoods-dresserWrap .itemWrap__inner:nth-of-type(n+2) {
  margin-top: calc(48 * 60rem/390);
}
.lp_ckcomic_ep3 .loosen__slider,
.lp_ckcomic_ep3 .bathgoods__slider,
.lp_ckcomic_ep3 .dresser__slider {
  margin-top: calc(27 * 60rem/390);
}
.lp_ckcomic_ep3 .basemake__slider {
  margin-top: calc(22 * 60rem/390);
}
.lp_ckcomic_ep3 .pointmake__slider {
  margin-top: calc(32 * 60rem/390);
}
.lp_ckcomic_ep3 .loosenWrap__subTitle {
  width: calc(108 * 60rem/390);
  background-image: url(../img/subTitle_frame1.svg);
}
.lp_ckcomic_ep3 .makeWrap__subTitle {
  width: calc(132 * 60rem/390);
  background-image: url(../img/subTitle_frame2.svg);
}
.lp_ckcomic_ep3 .bathgoods__subTitle {
  width: calc(96 * 60rem/390);
  background-image: url(../img/subTitle_frame3.svg);
}
.lp_ckcomic_ep3 .dresser__subTitle {
  width: calc(132 * 60rem/390);
  background-image: url(../img/subTitle_frame2.svg);
}
.lp_ckcomic_ep3 .appearingItems {
  position: relative;
  padding: calc(49 * 60rem/390) 0 calc(58 * 60rem/390);
  background: #FAF8F5;
  overflow: hidden;
  text-align: center;
  z-index: 0;
}
.lp_ckcomic_ep3 .appearingItems::before, .lp_ckcomic_ep3 .appearingItems::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: calc(400 * 60rem/390);
  z-index: 0;
}
.lp_ckcomic_ep3 .appearingItems::before {
  top: 0;
  background: linear-gradient(170deg, rgb(245, 240, 236) 0%, rgba(250, 248, 245, 0) 100%);
}
.lp_ckcomic_ep3 .appearingItems::after {
  bottom: 0;
  background: linear-gradient(0deg, rgb(245, 240, 236) 0%, rgba(250, 248, 245, 0) 100%);
}
.lp_ckcomic_ep3 .appearingItems__title {
  display: inline-block;
  position: relative;
  margin-bottom: calc(33 * 60rem/390);
  color: var(--color-primary);
  font-size: calc(24 * 60rem/390);
  font-weight: 600;
  letter-spacing: 0.1em;
  z-index: 0;
}
.lp_ckcomic_ep3 .appearingItems__title::before, .lp_ckcomic_ep3 .appearingItems__title::after {
  content: "";
  position: absolute;
  top: calc(15 * 60rem/390);
  width: calc(82 * 60rem/390);
  height: 1px;
  border-bottom: 1px solid var(--color-primary);
  z-index: 0;
}
.lp_ckcomic_ep3 .appearingItems__title::before {
  left: calc(-100 * 60rem/390);
}
.lp_ckcomic_ep3 .appearingItems__title::after {
  right: calc(-100 * 60rem/390);
}
.lp_ckcomic_ep3 .appearingItems .itemWrap__inner:nth-of-type(n+2) {
  margin-top: calc(58 * 60rem/390);
}
.lp_ckcomic_ep3 .appearingItems .slick-list {
  overflow: visible;
}
.lp_ckcomic_ep3 .appearingItems .slick-track {
  display: flex;
}
.lp_ckcomic_ep3 .appearingItems .slick-slide {
  height: auto !important;
}

/* .lp_ckcomic_ep3 SP*/
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ PC ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡
 ------------------------------------*/
@media (min-width: 768px) {
  /*------------------------------------
  ≡≡≡≡≡≡≡≡≡ ▼ S e t U p  PC ▼ ≡≡≡≡≡≡≡≡≡
  ------------------------------------*/
  main {
    max-width: 100vw;
  }
  #FooterWrap {
    position: relative;
    z-index: 1;
  }
  #Wrap {
    width: auto;
  }
  .wrapTop,
.wrapBottom {
    width: 100%;
  }
  /*  set up PC*/
  /*------------------------------------
  ≡≡≡≡≡≡≡≡≡≡ ▼ layout  PC ▼ ≡≡≡≡≡≡≡≡≡≡
  ------------------------------------*/
  .lp_ckcomic_ep3 {
    background-color: #f4ebe4;
    max-width: 100vw;
  }
  .lp_ckcomic_ep3 a {
    cursor: pointer;
  }
  .lp_ckcomic_ep3 .pcOnly {
    display: block;
  }
  .lp_ckcomic_ep3 .spOnly {
    display: none;
  }
  .lp_ckcomic_ep3__inner {
    grid-column: 2;
    margin-inline: auto;
  }
  .lp_ckcomic_ep3 .box--1 img {
    width: 25.9em;
    height: 6.2em;
  }
  .lp_ckcomic_ep3 .fixed_area {
    display: grid;
    grid-template-columns: 1fr 60rem 0.3fr;
    max-width: 180rem;
    width: 100%;
    height: 100%;
    margin: 0 auto;
  }
  .lp_ckcomic_ep3 .fixed_area .fixed_nav {
    position: -webkit-sticky;
    position: sticky;
    display: grid;
    place-items: center;
    height: 100vh;
    pointer-events: all;
  }
  .lp_ckcomic_ep3 .fixed_area .fixed_left {
    top: 0;
    grid-column: 1;
  }
  .lp_ckcomic_ep3 .fixed_area .fixed_left__inner {
    text-align: center;
    width: 100%;
  }
  .lp_ckcomic_ep3 .fixed_area .fixed_left__title {
    color: #fff;
    font-feature-settings: "palt";
    font-size: 4.5rem;
    font-weight: 600;
    letter-spacing: 0.125em;
    line-height: 1.75;
    text-indent: 0.5em;
  }
  .lp_ckcomic_ep3 .fixed_area .fixed_left__title .bg {
    padding: 0.4rem 0.5rem 0.3rem;
    background-color: #d8968a;
  }
  .lp_ckcomic_ep3 .fixed_area .fixed_left__title .en {
    font-family: var(--font-en);
    font-size: 5rem;
  }
  .lp_ckcomic_ep3 .fixed_area .fixed_left .CosmeKitchen {
    margin: 3.5rem auto 0;
    width: 24rem;
  }
  .lp_ckcomic_ep3 .fixed_area .fixed_right {
    top: 0;
    grid-column: 3;
    text-align: center;
  }
  .lp_ckcomic_ep3 .fixed_area .fixed_right__inner {
    padding: calc(20 * 60rem/390);
    width: calc(294 * 60rem/390);
  }
  .lp_ckcomic_ep3 .fixed_area .fixed_right li:nth-of-type(n+2) {
    margin-top: calc(10 * 60rem/390);
  }
  .lp_ckcomic_ep3 .fixed_area .fixed_right__item {
    position: relative;
    transition: all 0.4s ease;
    padding: calc(11 * 60rem/390) 0 calc(20 * 60rem/390);
    background-color: #FAF8F5;
    z-index: 0;
  }
  .lp_ckcomic_ep3 .fixed_area .fixed_right__item::after {
    content: "";
    position: absolute;
    transform: scale(1, -1);
    margin: auto;
    bottom: calc(8 * 60rem/390);
    left: 0;
    right: 0;
    width: calc(8 * 60rem/390);
    height: calc(4 * 60rem/390);
    background-image: url(../img/arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
  }
  .lp_ckcomic_ep3 .fixed_area .fixed_right__item:hover {
    background-color: #e7d8d5;
  }
  .lp_ckcomic_ep3 .fixed_area .fixed_right .appearingItems__title {
    margin-bottom: calc(16 * 60rem/390);
    font-size: calc(15 * 60rem/390);
  }
  .lp_ckcomic_ep3 .fixed_area .fixed_right .appearingItems__title::after {
    top: calc(8 * 60rem/390);
  }
  .lp_ckcomic_ep3 .fixed_area .fixed_right .itemWrap__subTitle {
    margin-bottom: calc(-10 * 60rem/390);
    font-size: calc(9 * 60rem/390);
  }
  .lp_ckcomic_ep3 .fixed_area .fixed_right .itemWrap__title {
    font-size: calc(17 * 60rem/390);
  }
  .lp_ckcomic_ep3 .fixed_area .fixed_right .itemWrap__title .quotation {
    font-size: calc(22 * 60rem/390);
  }
  .lp_ckcomic_ep3 .fixed_area .fixed_right .itemWrap__title .number {
    font-size: calc(32 * 60rem/390);
  }
  .lp_ckcomic_ep3 .fixed_area .fixed_right .loosenWrap__subTitle {
    width: calc(88 * 60rem/390);
  }
  .lp_ckcomic_ep3 .fixed_area .fixed_right .makeWrap__subTitle,
.lp_ckcomic_ep3 .fixed_area .fixed_right .dresser__subTitle {
    width: calc(112 * 60rem/390);
  }
  .lp_ckcomic_ep3 .fixed_area .fixed_right .bathgoods__subTitle {
    width: calc(76 * 60rem/390);
  }
  .lp_ckcomic_ep3 .comicWrap__img {
    width: 37.7em;
  }
  /* .lp_ckcomic_ep3 PC*/
}
/*--------------------------------
   Media Queries (768 ~ 1201px)
 --------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .lp_ckcomic_ep3 .fixed_area {
    display: block;
  }
  .lp_ckcomic_ep3 .fixed_area .fixed_nav {
    display: none;
  }
}
/*--------------------------------
   Media Queries (768 ~ 1401px)
 --------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1400px) {
  .lp_ckcomic_ep3 .comicWrap {
    padding: calc(46 * 60rem/390) 1.8em;
  }
}
/*# sourceMappingURL=style.css.map */