.pagetop, #chatplusview {
  display: none !important;
}

footer {
  margin-top: 0 !important;
}

:where(img, svg, video) {
  block-size: auto;
  max-inline-size: 100%;
  vertical-align: middle;
}

.txt-center {
  text-align: center;
}

.txt-black {
  color: #141414;
}

.en {
  font-family: "Times New Roman", serif;
  letter-spacing: 0.05em;
  font-weight: 400;
}

.ls-60 {
  letter-spacing: 0.06em;
}

@media screen and (min-width: 1000px) {
  .TAB {
    display: none;
  }
}

body:has(.silky_header.nav-active) {
  overflow: clip;
  overscroll-behavior: none;
}

#silky {
  opacity: 0;
  backdrop-filter: blur(20px);
  transition: 0.8s ease 0.2s;
}

#header, h1 img {
  opacity: 0;
  backdrop-filter: blur(20px);
  transition: 0.6s ease 0.8s;
}

body {
  background-color: #141414;
}
body.visible #header, body.visible #silky, body.visible h1 img {
  opacity: 1;
  backdrop-filter: blur(0);
}

#silky, #header, #drawer {
  color: #fff;
}
#silky *, #header *, #drawer * {
  box-sizing: border-box;
}
#silky *:not(.en), #header *:not(.en), #drawer *:not(.en) {
  font-family: "YuMincho", "Yu Mincho", serif;
}
@media (hover) {
  #silky a:not(.btn):hover, #header a:not(.btn):hover, #drawer a:not(.btn):hover {
    opacity: 1;
  }
}
#silky img, #header img, #drawer img {
  vertical-align: middle;
}

.pc_gnav {
  display: none !important;
}
@media screen and (min-width: 769px) {
  .pc_gnav {
    display: block !important;
    position: absolute;
    right: 0;
    top: 0;
    pointer-events: visible;
  }
}
.pc_gnav ul {
  display: flex;
  justify-content: flex-end;
  padding-right: 1.3125rem;
}
.pc_gnav ul a {
  display: block;
  padding: 1.875rem 1.3125rem;
  font-size: 1.125rem;
  letter-spacing: 0.05em;
  color: #fff;
}

.drawer_btn {
  pointer-events: visible;
  -webkit-appearance: none;
  appearance: none;
  padding: 0;
  background: none;
  border: none;
  outline: none;
  position: relative;
  width: calc(78 / 375 * 100vw);
  height: calc(78 / 375 * 100vw);
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .drawer_btn {
    display: none !important;
  }
}
.drawer_btn_open {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s cubic-bezier(0.12, 0, 0.39, 0);
}
.drawer_btn_open i {
  position: relative;
  width: calc(44 / 375 * 100vw);
  height: calc(10 / 375 * 100vw);
}
.drawer_btn_open i:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.drawer_btn_open i:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}
.drawer_btn_close {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(78 / 375 * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
.drawer_btn_close i {
  position: relative;
  width: calc(44 / 375 * 100vw);
  height: calc(10 / 375 * 100vw);
}
.drawer_btn_close i:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: calc(5 / 375 * 100vw);
  left: 0;
  transform: rotate(5deg);
  transition: 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
.drawer_btn_close i:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: calc(4 / 375 * 100vw);
  left: 0;
  transform: rotate(-5deg);
  transition: 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

.block_drawer {
  background-color: #222f40;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  color: #fff;
  width: 100%;
  height: 100dvh;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  filter: blur(10px);
  transition: 0.5s cubic-bezier(0.12, 0, 0.39, 0);
}
.block_drawer_wrap {
  width: 100%;
  padding-inline: calc(30 / 375 * 100vw);
  min-height: 100%;
  padding-top: calc(100 / 375 * 100vw);
  display: flex;
  flex-direction: column;
}
.block_drawer_logo {
  position: sticky;
  top: calc(20 / 375 * 100vw);
  left: 0;
  margin-left: calc(20 / 375 * 100vw);
}
.block_drawer_logo img {
  width: calc(155 / 375 * 100vw);
}
.block_drawer_nav {
  display: grid;
  row-gap: calc(30 / 375 * 100vw);
  padding-left: calc(22 / 375 * 100vw);
  padding-bottom: calc(60 / 375 * 100vw);
}
.block_drawer_nav a {
  display: flex;
  flex-direction: column;
}
.block_drawer_nav a span {
  font-size: calc(13 / 375 * 100vw);
}
.block_drawer_nav a strong {
  font-size: calc(19 / 375 * 100vw);
  font-weight: 600;
  letter-spacing: 0.15em;
  padding-top: calc(10 / 375 * 100vw);
  display: flex;
  align-items: center;
}
.block_drawer_nav a strong:before {
  content: "";
  width: calc(5 / 375 * 100vw);
  height: 2px;
  background-color: #fff;
  margin-right: calc(20 / 375 * 100vw);
}
.block_drawer_bnr {
  margin-top: auto;
  padding-block: calc(20 / 375 * 100vw);
  border-top: 1px solid #fff;
}
.block_drawer_bnr .itemLink {
  padding: calc(10 / 375 * 100vw);
}

header.nav-active .silky_header_logo a {
  display: none;
}
header.nav-active .drawer_btn .drawer_btn_open {
  left: calc(-78 / 375 * 100vw);
}
header.nav-active .drawer_btn .drawer_btn_close {
  left: calc(0 / 375 * 100vw);
}
header.nav-active .drawer_btn .drawer_btn_close i::before {
  transform: rotate(14deg);
}
header.nav-active .drawer_btn .drawer_btn_close i::after {
  transform: rotate(-14deg);
}
header.nav-active + .block_drawer {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
  filter: blur(0px);
}

.itemLink {
  background-color: #222f40;
  color: #fff;
  text-decoration: none;
  display: grid;
  align-items: center;
  column-gap: calc(10 / 375 * 100vw);
  grid-template-columns: calc(78 / 375 * 100vw) auto calc(8 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .itemLink {
    column-gap: 0.75rem;
    grid-template-columns: 4.875rem auto 0.5rem;
    padding: 0.625rem 0.9375rem;
  }
}
.itemLink figure img {
  width: 100%;
}
.itemLink h2 {
  margin-bottom: 0 !important;
  display: flex;
  flex-direction: column;
  padding-right: calc(10 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .itemLink h2 {
    padding-right: 0.625rem;
  }
}
.itemLink h2 b {
  font-size: calc(18 / 375 * 100vw);
  font-weight: 400;
  line-height: 1.2;
  font-family: "Times New Roman", serif;
}
@media screen and (min-width: 769px) {
  .itemLink h2 b {
    font-size: 1.125rem;
  }
}
.itemLink h2 strong {
  font-size: calc(12 / 375 * 100vw);
  font-weight: 600;
  line-height: 1.3;
  padding-top: 0.5em;
  font-family: "YuMincho", "Yu Mincho", serif;
}
@media screen and (min-width: 769px) {
  .itemLink h2 strong {
    font-size: 0.75rem;
  }
}
.itemLink_arrow {
  overflow: hidden;
  line-height: 1;
}
.itemLink_arrow img {
  width: 100%;
  vertical-align: middle;
}
@media screen and (hover) and (min-width: 769px) {
  .itemLink:hover .itemLink_arrow img {
    animation: arrow 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  }
}

.link_diagonal {
  width: fit-content;
  margin-inline: auto;
}
.link_diagonal a {
  display: flex;
  align-items: center;
  column-gap: calc(13 / 375 * 100vw);
  padding: 0 calc(5 / 375 * 100vw) calc(10 / 375 * 100vw);
  border-bottom: 1px solid #fff;
}
@media screen and (min-width: 769px) {
  .link_diagonal a {
    column-gap: 0.8125rem;
    padding: 0 0.3125rem 0.625rem;
  }
}
.link_diagonal a p {
  font-size: calc(18 / 375 * 100vw);
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .link_diagonal a p {
    font-size: 1.125rem;
  }
}
@media screen and (hover) and (min-width: 769px) {
  .link_diagonal a:hover .link_diagonal_arrow img {
    animation: arrow_diagonal 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  }
}
.link_diagonal_arrow {
  overflow: hidden;
  line-height: 1;
  width: calc(12 / 375 * 100vw);
  height: calc(12 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .link_diagonal_arrow {
    width: 0.75rem;
    height: 0.75rem;
  }
}
.link_diagonal_arrow img {
  width: 100%;
  vertical-align: middle;
}

.silky_container.scroll h1 {
  opacity: 0;
  filter: blur(10px);
}
.silky_container.scroll .silky_header_logo, .silky_container.scroll .silky_floater {
  opacity: 1;
  filter: blur(0);
}
.silky_loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  background-color: #141414;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  transition: 0.5s cubic-bezier(0.5, 1, 0.89, 1);
}
.silky_loading figure {
  opacity: 0;
  filter: blur(30px);
}
.silky_loading figure img {
  width: calc(240 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_loading figure img {
    width: 18.3125rem;
  }
}
.silky_loading.start figure {
  animation: loading 3s cubic-bezier(0.32, 0, 0.67, 0) forwards 1s;
}
.silky_loading.end {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.silky_floater {
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: #222f40;
  z-index: 1;
  opacity: 0;
  filter: blur(20px);
  transition: 0.6s cubic-bezier(0.32, 0, 0.67, 0) 0.2s;
}
@media screen and (max-width: 768px) {
  .silky_floater {
    background-color: transparent;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .silky_floater .itemLink {
    background-color: #fff;
    color: #141414;
    column-gap: 0.5333333333vw;
    grid-template-columns: 17.0666666667vw auto 25.8666666667vw;
    height: calc(60 / 375 * 100vw);
  }
}
@media (hover) {
  .silky_floater .itemLink:hover {
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  .silky_floater .itemLink figure {
    padding-inline: calc(10 / 375 * 100vw);
    text-align: center;
    display: flex;
    align-items: center;
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .silky_floater .itemLink figure img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    vertical-align: middle;
  }
}
@media screen and (max-width: 768px) {
  .silky_floater .itemLink h2 {
    padding-right: 0;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .silky_floater .itemLink h2 b {
    font-size: calc(15 / 375 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .silky_floater .itemLink h2 strong {
    font-size: calc(14 / 375 * 100vw);
    padding-top: calc(5 / 375 * 100vw);
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .silky_floater .itemLink_arrow {
    padding-inline: calc(10 / 375 * 100vw);
  }
}
.silky_floater_img {
  width: calc(266 / 375 * 100vw);
  display: block;
  margin-left: auto;
}
@media screen and (min-width: 769px) {
  .silky_floater_img {
    width: 20.3125rem;
  }
}
.silky_floater_img img {
  vertical-align: bottom;
}
.silky_header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  z-index: 10;
  display: flex;
  justify-content: space-between;
}
.silky_header_logo {
  pointer-events: visible;
  position: relative;
  margin-top: calc(18 / 375 * 100vw);
  margin-left: calc(20 / 375 * 100vw);
  width: fit-content;
  transition: 0.6s cubic-bezier(0.32, 0, 0.67, 0) 0.2s;
  opacity: 0;
  filter: blur(10px);
}
@media screen and (min-width: 769px) {
  .silky_header_logo {
    margin-top: 1.125rem;
    margin-left: 2.25rem;
  }
}
.silky_header_logo img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
.silky_header_logo img:nth-child(1) {
  width: calc(65 / 375 * 100vw);
  filter: blur(0);
}
@media screen and (min-width: 769px) {
  .silky_header_logo img:nth-child(1) {
    width: 5.1875rem;
  }
}
.silky_header_logo img:nth-child(2) {
  opacity: 0;
  visibility: hidden;
  width: calc(156 / 375 * 100vw);
  filter: blur(10px);
}
@media screen and (min-width: 769px) {
  .silky_header_logo img:nth-child(2) {
    display: none;
  }
}
.silky_kv {
  min-height: 100dvh;
  background: url(../img/silky/kv_sp.webp) no-repeat center/cover #141414;
  position: relative;
}
@media screen and (min-width: 769px) {
  .silky_kv {
    background-image: url(../img/silky/kv.webp);
    display: flex;
    align-items: center;
  }
}
.silky_kv h1 {
  text-align: center;
  padding-top: calc(140 / 375 * 100vw);
  transition: 0.6s cubic-bezier(0.32, 0, 0.67, 0);
}
@media screen and (min-width: 769px) {
  .silky_kv h1 {
    text-align: left;
    padding-top: 0;
    padding-bottom: 5rem;
    padding-left: 18.1944444444vw;
  }
}
.silky_kv h1 img {
  width: calc(240 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_kv h1 img {
    width: 18.3125rem;
  }
}
.silky_inner {
  margin-inline: calc(20 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_inner {
    margin-inline: auto;
    padding-inline: 1.25rem;
  }
}
.silky_sec {
  padding-block: calc(70 / 375 * 100vw);
  position: relative;
}
@media screen and (min-width: 769px) {
  .silky_sec {
    padding-block: 6.875rem;
  }
}
.silky_subTtl {
  font-size: calc(16 / 375 * 100vw);
  margin-bottom: calc(20 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_subTtl {
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
  }
}
.silky_secTtl {
  font-size: calc(26 / 375 * 100vw) !important;
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: 0.15em;
  font-feature-settings: "palt";
}
@media screen and (min-width: 769px) {
  .silky_secTtl {
    font-size: 2rem !important;
  }
}
.silky_concept {
  background-color: #141414;
}
.silky_concept::before {
  content: "";
  width: 100%;
  height: calc(134 / 375 * 100vw);
  background: linear-gradient(0deg, rgb(20, 20, 20) 50%, rgba(34, 193, 195, 0) 100%);
  position: absolute;
  left: 0;
  top: calc(-67 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_concept::before {
    height: 9.375rem;
    top: -4.6875rem;
  }
}
.silky_concept_ttl {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .silky_concept_ttl {
    max-width: 60rem;
  }
}
.silky_concept_ttl .silky_subTtl {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .silky_concept_ttl .silky_subTtl {
    margin-bottom: calc(40 / 375 * 100vw);
  }
}
.silky_concept_ttl .silky_secTtl {
  text-align: left;
  margin-bottom: 0 !important;
}
@media screen and (max-width: 768px) {
  .silky_concept_ttl .silky_secTtl {
    writing-mode: vertical-rl;
    line-height: 2.4;
    margin-left: auto;
    padding-block-start: calc(10 / 375 * 100vw);
  }
}
.silky_concept_detail {
  margin-top: calc(-145 / 375 * 100vw);
  margin-bottom: calc(55 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_concept_detail {
    position: relative;
    z-index: 0;
    margin: -2.5rem auto 0;
    max-width: 79.375rem;
    padding-bottom: 5.125rem;
  }
}
@media screen and (min-width: 769px) {
  .silky_concept_detail dt {
    width: 36.5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
  }
}
.silky_concept_detail dt img {
  width: calc(292 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_concept_detail dt img {
    width: 100%;
  }
}
.silky_concept_detail dd {
  font-size: calc(16 / 375 * 100vw);
  line-height: 2.5;
  padding: calc(50 / 375 * 100vw) calc(20 / 375 * 100vw) 0;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .silky_concept_detail dd {
    font-size: 1.1875rem;
    padding: 9.25rem 45% 0 0;
    margin-left: auto;
    width: fit-content;
  }
}
.silky_concept_img {
  text-align: right;
}
@media screen and (min-width: 769px) {
  .silky_concept_img {
    text-align: left;
  }
}
@media screen and (min-width: 1300px) {
  .silky_concept_img {
    position: absolute;
    bottom: 5.875rem;
    right: calc(50% + 27rem);
  }
}
.silky_concept_img img {
  width: calc(317 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_concept_img img {
    width: 18.5625rem;
  }
}
.silky_item {
  position: relative;
  background-color: #141414;
}
.silky_item_bg img {
  width: 100%;
}
.silky_item_ttl {
  position: absolute;
  top: calc(70 / 375 * 100vw);
  left: 0;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .silky_item_ttl {
    height: 100%;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: fit-content;
    padding-left: 6.25rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_item_ttl {
    padding-left: 9rem;
  }
}
.silky_item_ttl p {
  font-size: calc(20 / 375 * 100vw);
  font-weight: 600;
  margin-bottom: calc(15 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_item_ttl p {
    font-size: 1.5rem;
    margin-bottom: 1.3125rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_item_ttl p {
    font-size: 2.125rem;
    margin-bottom: 1.875rem;
  }
}
.silky_item_ttl h2 {
  display: flex;
  flex-direction: column;
  margin-bottom: 0 !important;
}
.silky_item_ttl h2 b {
  font-size: calc(35 / 375 * 100vw);
  font-weight: 400;
}
@media screen and (min-width: 769px) {
  .silky_item_ttl h2 b {
    font-size: 2.625rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_item_ttl h2 b {
    font-size: 3.8125rem;
  }
}
.silky_item_ttl h2 strong {
  font-size: calc(13 / 375 * 100vw);
  font-weight: 600;
}
@media screen and (min-width: 769px) {
  .silky_item_ttl h2 strong {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_item_ttl h2 strong {
    font-size: 1.4375rem;
  }
}
.silky_product {
  background-color: #222f40;
}
@media screen and (min-width: 769px) {
  .silky_product_wrap {
    max-width: 77.25rem;
  }
}
.silky_product .silky_subTtl {
  text-align: left;
}
@media screen and (min-width: 769px) {
  .silky_product .silky_subTtl {
    margin-bottom: 3.125rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_product .silky_subTtl {
    margin-bottom: 5.3125rem;
    padding-left: 6.875rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_product_outer {
    position: relative;
    z-index: 0;
  }
}
@media screen and (min-width: 1000px) {
  .silky_product_item {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 50.25rem;
    max-width: 51rem;
    margin-inline: auto;
  }
}
.silky_product_item h3 {
  display: none;
}
@media screen and (min-width: 1000px) {
  .silky_product_item h3 {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    writing-mode: vertical-lr;
    font-size: 1.3125rem;
    letter-spacing: 0.1em;
    font-weight: 600;
    padding-top: 10.375rem;
  }
}
.silky_product_item h2 {
  margin-bottom: calc(25 / 375 * 100vw) !important;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .silky_product_item h2 {
    margin-bottom: 1.5625rem !important;
  }
}
@media screen and (min-width: 1000px) {
  .silky_product_item h2 {
    margin-bottom: 6.25rem !important;
  }
}
.silky_product_item h2 strong {
  font-size: calc(30 / 375 * 100vw);
  line-height: 1.3;
  font-weight: 400;
  margin-bottom: calc(20 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_product_item h2 strong {
    font-size: 2.375rem;
    margin-bottom: 1.25rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_product_item h2 strong {
    font-size: 2.625rem;
    margin-bottom: 0.9375rem;
  }
}
.silky_product_item h2 span {
  font-size: calc(17 / 375 * 100vw);
  font-weight: 600;
}
@media screen and (min-width: 769px) {
  .silky_product_item h2 span {
    font-size: 1.0625rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_product_item h2 span {
    font-size: 1.125rem;
  }
}
.silky_product_item figure {
  display: grid;
  grid-template-columns: calc(298 / 375 * 100vw) calc(35 / 375 * 100vw);
  margin-bottom: calc(22 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_product_item figure {
    grid-template-columns: 1fr 7.5rem;
    margin-bottom: 1.375rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_product_item figure {
    margin-bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 37.1875rem;
    z-index: -1;
  }
}
.silky_product_item figure img {
  width: 100%;
}
.silky_product_item figure figcaption {
  font-size: calc(13 / 375 * 100vw);
  font-weight: 600;
  writing-mode: vertical-rl;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 769px) {
  .silky_product_item figure figcaption {
    font-size: 1.3125rem;
    padding-right: 1.25rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_product_item figure figcaption {
    display: none;
  }
}
.silky_product_item > p {
  font-size: calc(13 / 375 * 100vw);
  font-weight: 600;
  line-height: 2.1;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  margin-bottom: calc(30 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_product_item > p {
    font-size: 1rem;
    margin-bottom: 1.875rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_product_item > p {
    font-size: 1.0625rem;
    margin-bottom: 3.75rem;
    line-height: 2.47;
  }
}
.silky_product_item .link_diagonal {
  margin-inline: 0;
}
.silky_gift {
  margin-top: calc(110 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_gift {
    margin-top: 7.8125rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_gift {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #fff;
  }
}
.silky_gift dt {
  display: flex;
  flex-direction: column;
  margin-bottom: calc(30 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_gift dt {
    margin-bottom: 1.875rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_gift dt {
    flex-shrink: 0;
    padding-top: 1rem;
    margin-bottom: 0;
  }
}
.silky_gift dt span {
  font-size: calc(30 / 375 * 100vw);
  font-weight: 400;
}
@media screen and (min-width: 769px) {
  .silky_gift dt span {
    font-size: 1.8125rem;
  }
}
.silky_gift dt strong {
  font-size: calc(13 / 375 * 100vw);
  font-weight: 600;
}
@media screen and (min-width: 769px) {
  .silky_gift dt strong {
    font-size: 0.9375rem;
    padding-top: 0.3125rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_gift dd {
    max-width: 42.375rem;
  }
}
.silky_gift_item {
  border-top: 1px solid #fff;
  padding-top: calc(12 / 375 * 100vw);
  padding-bottom: calc(38 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_gift_item {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_gift_item {
    border-top: none;
    border-bottom: 1px solid #fff;
  }
}
.silky_gift_item h4 {
  font-size: calc(20 / 375 * 100vw);
  letter-spacing: 0.15em;
  font-feature-settings: "palt";
  margin-bottom: calc(15 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_gift_item h4 {
    font-size: 1.5625rem;
    margin-bottom: 1.25rem;
  }
}
.silky_gift_item h4 small {
  font-size: calc(11 / 375 * 100vw);
  padding-left: calc(5 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_gift_item h4 small {
    font-size: 0.9375rem;
  }
}
.silky_gift_item p {
  font-size: calc(13 / 375 * 100vw);
  line-height: 2.1;
  padding-left: calc(40 / 375 * 100vw);
  font-feature-settings: "palt";
}
@media screen and (min-width: 769px) {
  .silky_gift_item p {
    font-size: 0.9375rem;
    padding-left: 3.75rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_gift_item p {
    padding-left: 8.75rem;
  }
}
.silky_movie {
  background-color: #431a0a;
}
.silky_movie_ttl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: calc(35 / 375 * 100vw) !important;
}
@media screen and (min-width: 769px) {
  .silky_movie_ttl {
    margin-bottom: 5.3125rem !important;
  }
}
.silky_movie_ttl span {
  font-size: calc(35 / 375 * 100vw);
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .silky_movie_ttl span {
    font-size: 3.8125rem;
  }
}
.silky_movie_ttl strong {
  font-size: calc(13 / 375 * 100vw);
  font-weight: 600;
  line-height: 1;
  margin-top: calc(10 / 375 * 100vw);
  letter-spacing: 0.15em;
}
@media screen and (min-width: 769px) {
  .silky_movie_ttl strong {
    font-size: 1.4375rem;
    margin-top: 0.9375rem;
  }
}
.silky_movie_wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
}
@media screen and (min-width: 769px) {
  .silky_movie_wrap {
    max-width: 57.1875rem;
    margin-inline: auto;
  }
}
.silky_movie_inner {
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  transition: 0.5s ease;
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
}
.silky_movie_inner:has(.play) {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.silky_movie_thumb {
  width: 100%;
  height: 100%;
  cursor: pointer;
  object-fit: cover;
  transition: 0.5s ease;
}
@media (hover) {
  .silky_movie_thumb:hover {
    scale: 1.05;
  }
}
.silky_movie_player {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: 0.5s ease;
  width: 100%;
  height: 100%;
}
.silky_movie_player iframe {
  width: 100%;
  height: 100%;
}
.silky_feature {
  background-color: #141414;
}
@media screen and (min-width: 1000px) {
  .silky_feature_wrap {
    position: relative;
    height: 100vh;
    width: 100%;
    display: flex;
    padding-block: 7.8125rem;
  }
}
.silky_feature_item {
  display: none;
}
@media screen and (min-width: 1000px) {
  .silky_feature_item {
    display: flex;
  }
}
@media screen and (min-width: 1000px) {
  .silky_feature_item li {
    width: 100vw;
    text-align: center;
  }
}
.silky_feature_item li figure {
  height: 100%;
}
@media screen and (min-width: 1000px) {
  .silky_feature_item li img {
    max-width: 37.125rem;
    width: 100%;
    height: 100%;
    aspect-ratio: 594/697;
    object-fit: contain;
  }
}
.silky_feature_detail {
  display: grid;
  row-gap: calc(60 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_feature_detail {
    row-gap: 3.75rem;
    max-width: 46.875rem;
    margin-inline: auto;
  }
}
@media screen and (min-width: 1000px) {
  .silky_feature_detail {
    width: 100%;
    max-width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 1;
  }
}
.silky_feature_detail li {
  padding-inline: calc(20 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_feature_detail li {
    padding-inline: 1.25rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_feature_detail li {
    padding-inline: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    filter: blur(20px);
    transition: 0.8s cubic-bezier(0.5, 0, 0.75, 0);
  }
}
.silky_feature_detail li figure {
  margin-bottom: calc(30 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_feature_detail li figure {
    margin-bottom: 1.875rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_feature_detail li figure {
    display: none;
  }
}
.silky_feature_detail li figure img {
  width: 100%;
}
.silky_feature_detail li h3 {
  display: grid;
  row-gap: calc(12 / 375 * 100vw);
  line-height: 1;
  padding-bottom: calc(25 / 375 * 100vw);
  position: relative;
  color: #c0c1c0;
  margin-bottom: calc(30 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_feature_detail li h3 {
    row-gap: 0.75rem;
    padding-bottom: 1.5625rem;
    margin-bottom: 3.125rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_feature_detail li h3 {
    row-gap: 1.375rem;
    margin-left: min(5.9027777778vw, 5.3125rem);
    margin-bottom: 0;
  }
}
.silky_feature_detail li h3:after {
  content: "";
  width: calc(65 / 375 * 100vw);
  height: 1px;
  background-color: #c0c1c0;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (min-width: 769px) {
  .silky_feature_detail li h3:after {
    width: 5.9375rem;
  }
}
.silky_feature_detail li h3 span {
  font-size: calc(21 / 375 * 100vw);
  font-weight: 400;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 769px) {
  .silky_feature_detail li h3 span {
    font-size: 1.3125rem;
  }
}
.silky_feature_detail li h3 strong {
  font-size: calc(29 / 375 * 100vw);
  font-weight: 400;
  letter-spacing: 0.075em;
  font-feature-settings: "palt";
}
@media screen and (min-width: 769px) {
  .silky_feature_detail li h3 strong {
    font-size: 2.6875rem;
  }
}
.silky_feature_detail li dl {
  padding-left: calc(50 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_feature_detail li dl {
    padding-left: 3.125rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_feature_detail li dl {
    padding-left: 0;
    margin-left: 10rem;
    max-width: 25rem;
  }
}
.silky_feature_detail li dl dt {
  font-size: calc(24 / 375 * 100vw);
  font-weight: 600;
  line-height: 1.58;
  margin-bottom: calc(20 / 375 * 100vw);
  font-feature-settings: "palt";
  letter-spacing: 0.15em;
}
@media screen and (min-width: 769px) {
  .silky_feature_detail li dl dt {
    font-size: 1.75rem;
    margin-bottom: 1.25rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_feature_detail li dl dt {
    margin-bottom: 2.8125rem;
    line-height: 1.78;
  }
}
.silky_feature_detail li dl dd {
  font-size: calc(13 / 375 * 100vw);
  font-weight: 600;
  line-height: 2.1;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .silky_feature_detail li dl dd {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_feature_detail li dl dd {
    line-height: 2.5;
  }
}
.silky_howto {
  background-color: #141414;
}
.silky_howto:before {
  content: "";
  width: calc(100% - 40 / 375 * 100vw);
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: calc(20 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_howto:before {
    width: calc(100% - 2.5rem);
    max-width: 77.25rem;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 769px) {
  .silky_howto .silky_inner {
    max-width: 77.25rem;
  }
}
.silky_howto_item {
  width: calc(260 / 375 * 100vw);
  margin-inline: auto;
  margin-top: calc(80 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_howto_item {
    display: flex;
    justify-content: center;
    column-gap: 3.125rem;
    width: 100%;
    margin-top: 5rem;
  }
}
@media screen and (min-width: 1230px) {
  .silky_howto_item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2.5rem;
  }
}
.silky_howto_item li {
  position: relative;
}
@media screen and (min-width: 769px) {
  .silky_howto_item li {
    width: 17.5rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_howto_item li {
    width: 20.5625rem;
  }
}
@media screen and (min-width: 1230px) {
  .silky_howto_item li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 20.125rem;
    z-index: 0;
    padding-left: 53%;
    width: 100%;
  }
}
.silky_howto_item li + li {
  margin-top: calc(110 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_howto_item li + li {
    margin-top: 0;
  }
}
@media screen and (min-width: 1230px) {
  .silky_howto_item li + li {
    margin-top: 5rem;
  }
}
.silky_howto_item li figure {
  margin-bottom: calc(20 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_howto_item li figure {
    margin-bottom: 1.25rem;
  }
}
@media screen and (min-width: 1230px) {
  .silky_howto_item li figure {
    position: absolute;
    top: 0;
    left: 0;
    margin-bottom: 0rem;
    z-index: -1;
  }
}
.silky_howto_item li figure img {
  width: 100%;
}
@media screen and (min-width: 1230px) {
  .silky_howto_item li figure img {
    width: 20.5625rem;
  }
}
.silky_howto_item li span {
  position: absolute;
  top: calc(-18 / 375 * 100vw);
  left: calc(-18 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_howto_item li span {
    top: -1.125rem;
    left: -1.125rem;
  }
}
@media screen and (min-width: 1230px) {
  .silky_howto_item li span {
    position: static;
    margin-bottom: 1.375rem;
  }
}
.silky_howto_item li span img {
  width: calc(55 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_howto_item li span img {
    width: 3.625rem;
  }
}
.silky_howto_item li h3 {
  font-size: calc(21 / 375 * 100vw);
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.15em;
  font-feature-settings: "palt";
  margin-bottom: calc(15 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_howto_item li h3 {
    font-size: 1.5rem;
    margin-bottom: 0.9375rem;
  }
}
@media screen and (min-width: 1230px) {
  .silky_howto_item li h3 {
    font-size: 1.6875rem;
    text-align: left;
    margin-bottom: 1.25rem;
  }
}
.silky_howto_item li p {
  font-size: calc(12 / 375 * 100vw);
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 2;
}
@media screen and (min-width: 769px) {
  .silky_howto_item li p {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1230px) {
  .silky_howto_item li p {
    font-size: 0.9375rem;
  }
}
.silky_howto_item li p small {
  font-size: calc(10 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_howto_item li p small {
    font-size: 0.6875rem;
  }
}
.silky_message {
  background-color: #222f40;
  padding-bottom: calc(60 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_message {
    padding-bottom: 11.25rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_message {
    padding-top: 5.9375rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_message_wrap {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    max-width: 90rem;
    margin-inline: auto;
  }
}
.silky_message_ttl {
  position: relative;
  background-color: #141414;
  padding-top: calc(65 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_message_ttl {
    padding-top: 6.25rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_message_ttl {
    padding-top: 0;
    background-color: transparent;
    flex: 1;
  }
}
.silky_message_ttl h2 {
  writing-mode: vertical-rl;
  font-size: calc(24 / 375 * 100vw) !important;
  margin-bottom: 0 !important;
  letter-spacing: 0.2em;
  line-height: 1;
  padding-right: calc(18 / 375 * 100vw);
  border-right: 1px solid #fff;
  font-weight: 600;
  position: absolute;
  top: 0;
  right: calc(30 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_message_ttl h2 {
    font-size: 2.4375rem !important;
    padding-right: 1.875rem;
    right: 13%;
  }
}
@media screen and (min-width: 1000px) {
  .silky_message_ttl figure {
    padding-top: 10.5rem;
  }
}
.silky_message_ttl figure img {
  width: 100%;
}
@media screen and (min-width: 1000px) {
  .silky_message_ttl figure img {
    height: 41.75rem;
    object-fit: cover;
    object-position: left top;
  }
}
.silky_message_detail {
  padding: calc(35 / 375 * 100vw) calc(20 / 375 * 100vw) 0;
}
@media screen and (min-width: 769px) {
  .silky_message_detail {
    padding: 2.1875rem 1.25rem 0;
    max-width: 48.75rem;
    margin-inline: auto;
  }
}
@media screen and (min-width: 1000px) {
  .silky_message_detail {
    max-width: 100%;
    width: 28.125rem;
    margin-inline: 0;
    flex-shrink: 0;
    padding: 20.625rem 0 0;
  }
}
.silky_message_detail h3 {
  font-size: calc(20 / 375 * 100vw);
  font-weight: 600;
  font-feature-settings: "palt";
  letter-spacing: 0.15em;
  line-height: 2.1;
  margin-bottom: calc(25 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_message_detail h3 {
    font-size: 1.75rem;
    margin-bottom: 1.5625rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_message_detail h3 {
    font-size: 1.875rem;
    margin-bottom: 9rem;
    transform: translateX(10rem);
  }
}
.silky_message_detail p {
  font-size: calc(13 / 375 * 100vw);
  font-weight: 600;
  line-height: 2.1;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .silky_message_detail p {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_message_detail p {
    font-size: 1.125rem;
    transform: translateX(13.25rem);
    max-width: 24.6875rem;
    line-height: 2.5;
  }
}
@media screen and (min-width: 769px) {
  .silky_cam_bnr {
    max-width: 41.25rem;
    margin-inline: auto;
  }
}
.silky_cam_bnr img {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .silky_cam_bnr img {
    width: 100%;
  }
}
.silky_cam_period {
  border: 1px solid #fff;
  margin-top: calc(33 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_cam_period {
    margin-top: 3.125rem;
    margin-inline: auto;
    max-width: 32.8125rem;
  }
}
.silky_cam_period dt {
  text-align: center;
  font-size: calc(13 / 375 * 100vw);
  font-weight: 600;
  letter-spacing: 0.17em;
  line-height: 1;
  padding-block: calc(8 / 375 * 100vw);
  border-bottom: 1px solid #fff;
}
@media screen and (min-width: 769px) {
  .silky_cam_period dt {
    font-size: 1rem;
    padding-block: 0.75rem;
  }
}
.silky_cam_period dd {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: calc(8 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_cam_period dd {
    padding-block: 0.625rem;
  }
}
.silky_cam_period dd p {
  line-height: 1;
  font-size: calc(14 / 375 * 100vw);
  font-weight: 600;
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
}
@media screen and (min-width: 769px) {
  .silky_cam_period dd p {
    font-size: 1.125rem;
  }
}
.silky_cam_period dd span {
  display: block;
  padding-inline: calc(10 / 375 * 100vw);
  line-height: 1;
  font-size: 0;
}
@media screen and (min-width: 769px) {
  .silky_cam_period dd span {
    padding-inline: 1.25rem;
  }
}
.silky_cam_period dd span img {
  width: calc(5 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_cam_period dd span img {
    width: 0.375rem;
  }
}
.silky_cam_detail {
  margin-top: calc(80 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_cam_detail {
    margin-top: 6.875rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 58.125rem;
    margin-inline: auto;
  }
}
@media screen and (min-width: 769px) {
  .silky_cam_detail li {
    width: 46%;
  }
}
@media screen and (min-width: 1000px) {
  .silky_cam_detail li {
    width: 43%;
  }
}
.silky_cam_detail li + li {
  margin-top: calc(64 / 375 * 100vw);
  padding-top: calc(64 / 375 * 100vw);
  position: relative;
}
@media screen and (min-width: 769px) {
  .silky_cam_detail li + li {
    margin-top: 0;
    padding-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .silky_cam_detail li + li:before {
    content: "";
    width: calc(100% + 40 / 375 * 100vw);
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: calc(-20 / 375 * 100vw);
  }
}
.silky_cam_detail li h3 {
  font-size: calc(27 / 375 * 100vw);
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1;
  margin-bottom: calc(30 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_cam_detail li h3 {
    font-size: 2rem;
    margin-bottom: 2.1875rem;
  }
}
.silky_cam_detail li figure {
  margin-bottom: calc(15 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_cam_detail li figure {
    margin-bottom: 1.25rem;
  }
}
.silky_cam_detail li figure img {
  width: 100%;
}
.silky_cam_detail li h4 {
  font-size: calc(18 / 375 * 100vw);
  font-weight: 600;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  margin-bottom: calc(10 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_cam_detail li h4 {
    font-size: 1.4375rem;
    margin-bottom: 0.9375rem;
  }
}
.silky_cam_detail li p {
  font-size: calc(12 / 375 * 100vw);
  font-weight: 500;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  line-height: 2;
}
@media screen and (min-width: 769px) {
  .silky_cam_detail li p {
    font-size: 0.9375rem;
  }
}
.silky_cam_detail li p a {
  text-decoration: underline;
  text-underline-offset: 0.3em;
}
.silky_cam_btn {
  margin-top: calc(40 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_cam_btn {
    margin-top: 5rem;
  }
}
.silky_cam_btn a {
  display: block;
  width: 100%;
  max-width: calc(320 / 375 * 100vw);
  margin-inline: auto;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(52 / 375 * 100vw);
  border-radius: calc(52 / 375 * 100vw);
  color: #141414;
  transition: 0.3s ease;
  border: 1px solid #fff;
}
@media screen and (min-width: 769px) {
  .silky_cam_btn a {
    max-width: 23.5625rem;
    height: 3.875rem;
    border-radius: 3.875rem;
  }
}
.silky_cam_btn a span {
  display: block;
  width: calc(18 / 375 * 100vw);
  color: #141414;
}
@media screen and (min-width: 769px) {
  .silky_cam_btn a span {
    width: 1.375rem;
  }
}
.silky_cam_btn a span svg path {
  fill: currentColor;
  transition: 0.3s ease;
}
.silky_cam_btn a p {
  width: fit-content;
  font-size: calc(17 / 375 * 100vw);
  font-family: "YuMincho", "Yu Mincho", serif;
  font-weight: 600;
  padding-left: calc(18 / 375 * 100vw);
  transition: 0.3s ease;
}
@media screen and (min-width: 769px) {
  .silky_cam_btn a p {
    font-size: 1.25rem;
    padding-left: 1.875rem;
  }
}
@media (hover) {
  .silky_cam_btn a:hover {
    background-color: #141414;
  }
  .silky_cam_btn a:hover p, .silky_cam_btn a:hover span {
    color: #fff;
  }
}
.silky_cam_frame {
  overflow: hidden;
  width: 100%;
  margin-top: calc(90 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_cam_frame {
    margin-top: 8.125rem;
  }
}
.silky_cam_video {
  width: calc(250 / 375 * 100vw);
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .silky_cam_video {
    width: 18.5625rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_cam_video {
    width: 100%;
    max-width: 71.375rem;
    visibility: visible;
  }
}
@media screen and (min-width: 1000px) {
  .silky_cam_video.is-initialized:not(.is-active) .splide__list {
    display: flex;
  }
}
.silky_cam_video_ttl {
  text-align: center;
  margin-bottom: calc(42 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_cam_video_ttl {
    margin-bottom: 6.875rem;
  }
}
.silky_cam_video_ttl h2 {
  margin-bottom: calc(10 / 375 * 100vw) !important;
}
@media screen and (min-width: 769px) {
  .silky_cam_video_ttl h2 {
    margin-bottom: 2.5rem !important;
  }
}
.silky_cam_video_ttl h2 img {
  width: calc(320 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_cam_video_ttl h2 img {
    width: 35.3125rem;
  }
}
.silky_cam_video_ttl p {
  font-size: calc(14 / 375 * 100vw);
  font-weight: 500;
  line-height: 2.14;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .silky_cam_video_ttl p {
    font-size: 1.375rem;
  }
}
.silky_cam_video_num {
  position: relative;
  text-align: center;
  padding-top: calc(75 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_cam_video_num {
    padding-top: 5.4375rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_cam_video_num {
    display: none;
  }
}
.silky_cam_video_num li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #141414;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.5s ease;
  filter: blur(5px);
}
.silky_cam_video_num li.active {
  opacity: 1;
  visibility: visible;
  filter: blur(0);
}
.silky_cam_video_num img {
  width: calc(115 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_cam_video_num img {
    width: 8.375rem;
  }
}
.silky_cam_video .splide__track {
  overflow: visible;
}
@media screen and (min-width: 1000px) {
  .silky_cam_video .splide__list {
    justify-content: space-between;
  }
}
@media screen and (min-width: 1000px) {
  .silky_cam_video .splide__slide {
    width: 31%;
  }
}
.silky_cam_video .splide__slide.is-active .splide__content {
  transform: scale(1);
}
.silky_cam_video .splide__content {
  transform: scale(0.8);
  transition: transform 0.3s ease;
}
@media screen and (min-width: 1000px) {
  .silky_cam_video .splide__content {
    transform: none;
  }
}
.silky_cam_video_wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  padding: calc(20 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_cam_video_wrap {
    padding: 1.875rem;
  }
}
.silky_cam_video_wrap:before {
  content: "";
  width: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #303030;
  position: absolute;
  top: 0;
  left: 0;
}
.silky_cam_video_wrap video {
  position: relative;
  width: 100%;
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.25));
  vertical-align: middle;
}
.silky_cam_video_wrap .play-btn {
  position: absolute;
  top: calc(20 / 375 * 100vw);
  left: calc(20 / 375 * 100vw);
  width: calc(100% - 40 / 375 * 100vw);
  height: calc(100% - 40 / 375 * 100vw);
  object-fit: cover;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .silky_cam_video_wrap .play-btn {
    top: 1.875rem;
    left: 1.875rem;
    width: calc(100% - 3.75rem);
    height: calc(100% - 3.75rem);
  }
}
.silky_cam_video_wrap .play-btn.playActive {
  display: none;
}
.silky_cam_video h3 {
  display: none;
}
@media screen and (min-width: 1000px) {
  .silky_cam_video h3 {
    margin-bottom: 2.5rem;
    text-align: center;
    display: block;
  }
}
@media screen and (min-width: 1000px) {
  .silky_cam_video h3 img {
    width: 8.375rem;
  }
}
.silky_cam_video .splide__arrow {
  width: calc(27 / 375 * 100vw);
  height: calc(27 / 375 * 100vw);
  background: #fff;
  transform: none;
  top: auto;
  bottom: calc(144 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_cam_video .splide__arrow {
    width: 1.875rem;
    height: 1.875rem;
    bottom: 9.5rem;
  }
}
.silky_cam_video .splide__arrow--prev {
  left: calc(-13 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_cam_video .splide__arrow--prev {
    left: -0.9375rem;
  }
}
.silky_cam_video .splide__arrow--next {
  right: calc(-13 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_cam_video .splide__arrow--next {
    right: -0.9375rem;
  }
}
.silky_cam_video .splide__arrow svg {
  width: calc(10 / 375 * 100vw);
  height: calc(10 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_cam_video .splide__arrow svg {
    width: 0.625rem;
    height: 0.625rem;
  }
}
.silky_cam_video .splide__pagination {
  margin-top: calc(15 / 375 * 100vw);
  column-gap: calc(15 / 375 * 100vw);
  position: static;
}
@media screen and (min-width: 769px) {
  .silky_cam_video .splide__pagination {
    margin-top: 0.9375rem;
    column-gap: 0.9375rem;
  }
}
.silky_cam_video .splide__pagination__page {
  margin: 0;
  width: calc(8 / 375 * 100vw);
  height: calc(8 / 375 * 100vw);
  opacity: 1;
  background-color: #606060;
}
@media screen and (min-width: 769px) {
  .silky_cam_video .splide__pagination__page {
    width: 0.625rem;
    height: 0.625rem;
  }
}
.silky_cam_video .splide__pagination__page.is-active {
  transform: none;
  background-color: #fff;
}
.silky_cam_artist {
  margin-top: calc(75 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_cam_artist {
    margin-top: 10.625rem;
  }
}
.silky_cam_artist_lead {
  text-align: center;
  font-size: calc(20 / 375 * 100vw);
  font-weight: 600;
  line-height: 1.75;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  margin-bottom: calc(30 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_cam_artist_lead {
    font-size: 2rem;
    margin-bottom: 4.375rem;
  }
}
.silky_cam_artist_wrap {
  background-color: #303030;
  padding: calc(40 / 375 * 100vw) calc(20 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_cam_artist_wrap {
    padding: 6.75rem 1.25rem;
    max-width: 62.5rem;
    margin-inline: auto;
  }
}
@media screen and (min-width: 769px) {
  .silky_cam_artist_top {
    max-width: 53.125rem;
    margin-inline: auto;
    display: grid;
    grid-template-columns: 41.5% 1fr;
    column-gap: 9.2%;
  }
}
@media screen and (min-width: 1000px) {
  .silky_cam_artist_top {
    column-gap: 6%;
  }
}
.silky_cam_artist_top dt {
  margin-bottom: calc(50 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_cam_artist_top dt {
    margin-bottom: 0;
  }
}
.silky_cam_artist_top dt img {
  width: 100%;
}
.silky_cam_artist_top dd h2 {
  display: flex;
  align-items: center;
  margin-bottom: calc(70 / 375 * 100vw) !important;
  column-gap: calc(12 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_cam_artist_top dd h2 {
    margin-bottom: 3.125rem !important;
    column-gap: 0.9375rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_cam_artist_top dd h2 {
    margin-bottom: 6.25rem !important;
  }
}
.silky_cam_artist_top dd h2 strong {
  line-height: 1;
  font-size: calc(25 / 375 * 100vw);
  font-weight: 500;
}
@media screen and (min-width: 769px) {
  .silky_cam_artist_top dd h2 strong {
    font-size: 2rem;
  }
}
.silky_cam_artist_top dd h2 span {
  font-size: calc(13 / 375 * 100vw);
  line-height: 1;
  font-weight: 500;
}
@media screen and (min-width: 769px) {
  .silky_cam_artist_top dd h2 span {
    font-size: 0.875rem;
  }
}
.silky_cam_artist_top dd h3 {
  font-weight: 400;
  font-size: calc(16 / 375 * 100vw);
  line-height: 1;
  margin-bottom: calc(25 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_cam_artist_top dd h3 {
    font-size: 1.25rem;
    margin-bottom: 1.75rem;
  }
}
@media screen and (min-width: 1000px) {
  .silky_cam_artist_top dd h3 {
    margin-bottom: 2.5rem;
  }
}
.silky_cam_artist_top dd p {
  font-size: calc(12 / 375 * 100vw);
  font-weight: 500;
  line-height: 2.15;
}
@media screen and (min-width: 769px) {
  .silky_cam_artist_top dd p {
    font-size: 0.875rem;
    line-height: 2.2;
  }
}
.silky_cam_artist_bottom {
  margin-top: calc(60 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_cam_artist_bottom {
    margin-top: 7.5rem;
    position: relative;
    max-width: 43.75rem;
    margin-inline: auto;
    border: 1px solid #fff;
    padding-top: 4.375rem;
    padding-bottom: 3.4375rem;
  }
}
.silky_cam_artist_bottom dt {
  background-color: #fff;
  font-size: calc(14 / 375 * 100vw);
  font-weight: 600;
  text-align: center;
  padding-block: calc(8 / 375 * 100vw);
  border-radius: calc(30 / 375 * 100vw);
  margin-bottom: calc(26 / 375 * 100vw);
  color: #141414;
}
@media screen and (min-width: 769px) {
  .silky_cam_artist_bottom dt {
    font-size: 1.0625rem;
    padding-block: 0;
    border-radius: 2.5rem;
    margin-bottom: 0;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -1.25rem;
    left: calc(50% - 11.4375rem);
    width: 22.875rem;
    z-index: 1;
  }
}
.silky_cam_artist_bottom dd {
  font-size: calc(12 / 375 * 100vw);
  line-height: 2.15;
}
@media screen and (min-width: 769px) {
  .silky_cam_artist_bottom dd {
    font-size: 1rem;
    line-height: 2.4;
    max-width: 34rem;
    margin-inline: auto;
  }
}
.silky_bnr {
  background-color: #c0c1c0;
}
.silky_bnr .silky_inner {
  padding-bottom: calc(60 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_bnr .silky_inner {
    padding-bottom: 10rem;
  }
}
.silky_bnr_btn {
  background: url(../img/silky/btn_chocolat_sp.webp) no-repeat center/100% auto;
  aspect-ratio: 345/120;
  position: relative;
}
@media screen and (min-width: 769px) {
  .silky_bnr_btn {
    background-image: url(../img/silky/btn_chocolat.webp);
    aspect-ratio: 114/25;
    margin-top: 0.625rem;
    max-width: 71.25rem;
    margin-inline: auto;
  }
}
.silky_bnr_btn a {
  display: block;
  height: 100%;
}
@media (hover) {
  .silky_bnr_btn a:hover {
    opacity: 0.7 !important;
  }
  .silky_bnr_btn a:hover .btn_more {
    border-bottom-color: transparent;
  }
  .silky_bnr_btn a:hover .btn_more:after {
    transform: translateX(0.4125rem);
  }
}
.silky_bnr_btn h3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-left: calc(14 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_bnr_btn h3 {
    padding-left: 3.4375rem;
  }
}
.silky_bnr_btn h3 span {
  font-size: calc(30 / 375 * 100vw);
  font-weight: 400;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .silky_bnr_btn h3 span {
    font-size: 3.125rem;
  }
}
.silky_bnr_btn h3 strong {
  font-size: calc(10 / 375 * 100vw);
  margin-top: calc(5 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_bnr_btn h3 strong {
    font-size: 1rem;
  }
}
.silky_bnr_btn-btn {
  position: absolute;
  right: calc(10 / 375 * 100vw);
  bottom: calc(10 / 375 * 100vw);
}
@media screen and (min-width: 769px) {
  .silky_bnr_btn-btn {
    right: 1.25rem;
    bottom: 1.25rem;
  }
}
.silky_bnr_btn-btn .btn_more {
  font-size: calc(10 / 375 * 100vw);
  padding-left: 0;
  padding-right: 0;
  border-bottom: 1px solid #fff;
}
@media screen and (min-width: 769px) {
  .silky_bnr_btn-btn .btn_more {
    font-size: 1rem;
  }
}
.silky_bnr_btn-btn .btn_more:after {
  background-image: url(../img/arrow_wh_normal.svg);
}

#horizontal.show-1 .silky_feature_detail li:nth-child(1), #horizontal.show-2 .silky_feature_detail li:nth-child(1) {
  opacity: 1;
  filter: blur(0);
  visibility: visible;
  pointer-events: visible;
}
#horizontal.show-3 .silky_feature_detail li:nth-child(2), #horizontal.show-4 .silky_feature_detail li:nth-child(2) {
  opacity: 1;
  filter: blur(0);
  visibility: visible;
  pointer-events: visible;
}
#horizontal.show-5 .silky_feature_detail li:nth-child(3), #horizontal.show-6 .silky_feature_detail li:nth-child(3) {
  opacity: 1;
  filter: blur(0);
  visibility: visible;
  pointer-events: visible;
}

.word_anime span:nth-child(1) {
  animation-delay: calc(1 * 0.053s) !important;
}

.word_anime span:nth-child(2) {
  animation-delay: calc(2 * 0.053s) !important;
}

.word_anime span:nth-child(3) {
  animation-delay: calc(3 * 0.053s) !important;
}

.word_anime span:nth-child(4) {
  animation-delay: calc(4 * 0.053s) !important;
}

.word_anime span:nth-child(5) {
  animation-delay: calc(5 * 0.053s) !important;
}

.word_anime span:nth-child(6) {
  animation-delay: calc(6 * 0.053s) !important;
}

.word_anime span:nth-child(7) {
  animation-delay: calc(7 * 0.053s) !important;
}

.word_anime span:nth-child(8) {
  animation-delay: calc(8 * 0.053s) !important;
}

.word_anime span:nth-child(9) {
  animation-delay: calc(9 * 0.053s) !important;
}

.word_anime span:nth-child(10) {
  animation-delay: calc(10 * 0.053s) !important;
}

.word_anime span:nth-child(11) {
  animation-delay: calc(11 * 0.053s) !important;
}

.word_anime span:nth-child(12) {
  animation-delay: calc(12 * 0.053s) !important;
}

.word_anime span:nth-child(13) {
  animation-delay: calc(13 * 0.053s) !important;
}

.word_anime span:nth-child(14) {
  animation-delay: calc(14 * 0.053s) !important;
}

.word_anime span:nth-child(15) {
  animation-delay: calc(15 * 0.053s) !important;
}

.word_anime span:nth-child(16) {
  animation-delay: calc(16 * 0.053s) !important;
}

.word_anime span:nth-child(17) {
  animation-delay: calc(17 * 0.053s) !important;
}

.word_anime span:nth-child(18) {
  animation-delay: calc(18 * 0.053s) !important;
}

.word_anime span:nth-child(19) {
  animation-delay: calc(19 * 0.053s) !important;
}

.word_anime span:nth-child(20) {
  animation-delay: calc(20 * 0.053s) !important;
}

@media screen and (hover) and (min-width: 769px) {
  .word_anime_hv:hover .word_anime span {
    animation: textanime 0.5s ease-in-out forwards;
  }
}

@keyframes arrow {
  0% {
    translate: 0 0;
  }
  50% {
    translate: 100% 0;
  }
  50.1% {
    translate: -100% 0;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes arrow_diagonal {
  0% {
    translate: 0 0;
  }
  50% {
    translate: 100% -100%;
  }
  50.1% {
    translate: -100% 100%;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes textanime {
  0% {
    opacity: 1;
    filter: blur(0px);
  }
  50% {
    opacity: 0.5;
    filter: blur(3px);
  }
  100% {
    opacity: 1;
    filter: blur(0px);
  }
}
@keyframes opacity {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes loading {
  0% {
    opacity: 0;
    filter: blur(20px);
  }
  20% {
    opacity: 1;
    filter: blur(0);
  }
  80% {
    opacity: 1;
    filter: blur(0);
  }
  100% {
    opacity: 0;
    filter: blur(20px);
  }
}
.anime {
  opacity: 0;
  filter: blur(30px);
  transition: 0.6s cubic-bezier(0.55, 0, 1, 0.45);
}
.anime-delay {
  transition-delay: 0.3s !important;
}
.anime.view {
  opacity: 1;
  filter: blur(0);
}

.silky_product_wrap.anime p, .silky_product_wrap.anime h3, .silky_product_wrap.anime h2, .silky_product_wrap.anime .link_diagonal {
  opacity: 0;
  filter: blur(30px);
  transition: 0.6s cubic-bezier(0.55, 0, 1, 0.45) 0.3s;
}
.silky_product_wrap.anime figure {
  opacity: 0;
  filter: blur(30px);
  transition: 0.6s cubic-bezier(0.55, 0, 1, 0.45);
}
.silky_product_wrap.anime.view p, .silky_product_wrap.anime.view h3, .silky_product_wrap.anime.view h2, .silky_product_wrap.anime.view .link_diagonal, .silky_product_wrap.anime.view figure {
  opacity: 1;
  filter: blur(0);
}/*# sourceMappingURL=silky.css.map */