/** Shopify CDN: Minification failed

Line 5259:21 The "+" operator only works if there is whitespace on both sides

**/
@charset "UTF-8";

/* =============================================================
基本設定
============================================================= */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  font-size: 10px;
}

body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2 {
  position: relative;
  z-index: 0;
  font-family: var(--font-body-family);
  color: rgb(var(--color-foreground));
  font-size: 1.4rem;
  line-height: 1.8;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body:before {
  visibility: hidden;
  opacity: 0;
  content: "";
  display: block;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: visibility 0.8s ease, opacity 0.8s ease;
  transition: visibility 0.8s ease, opacity 0.8s ease;
}

body.nav-opend:before {
  visibility: visible;
  opacity: 1;
}

body * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 {
  color: inherit;
}

::-moz-selection {
  color: #ffffff;
  background: #333333;
}

::selection {
  color: #ffffff;
  background: #333333;
}

@media screen and (max-width: 960px) {
  body {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
}


/* a
-------------------------------------------------------------- */

a {
  color: #333333;
  text-decoration: underline;
}

a:hover,
a:active {
  text-decoration: none;
}

@media screen and (min-width: 1025px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}


/* img
-------------------------------------------------------------- */

img {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: bottom;
}

.img-rp {
  display: block;
  width: 100%;
  height: auto;
}

/* svg
-------------------------------------------------------------- */

svg {
  max-width: 100%;
  height: auto;
}

/* header
---------------------------------------------------------- */
:root {
  --page-width-padding: 5rem;
}
.page-width {
  padding: 0 var(--page-width-padding);
}
@media screen and (max-width: 749px) {
  .page-width {
      padding: 0 calc(var(--page-width-padding) / 2);
  }
}


/* header
---------------------------------------------------------- */

#header {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 44px;
  -webkit-transition: padding 0.3s ease;
  transition: padding 0.3s ease;
}

#header a {
  text-decoration: none;
}

.header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: none;
}

.header__logo {
  display: block;
  position: relative;
  z-index: 0;
  width: 88px;
  height: 40px;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}

.header__logo .logo-wh,
.header__logo .logo-bk {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-left: auto;
}

.header__nav > li {
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0.3em;
  margin-right: 32px;
}

.header__nav > li:last-child {
  margin-right: 64px;
}

.header__nav > li > a {
  display: block;
  position: relative;
  z-index: 0;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.header__nav > li > a:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0;
  height: 1px;
  margin-top: -2px;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.header__nav > li > a:hover:before {
  width: 100%;
}

.header-wh .logo-wh {
  visibility: visible;
  opacity: 1;
}

.header-wh .logo-bk {
  visibility: hidden;
  opacity: 0;
}

.header-wh .header__nav > li > a {
  color: #ffffff;
}

.header-wh .header__nav > li > a:before {
  background: rgba(255, 255, 255, 0.5);
}

.header-wh #btn-header-menu span:before,
.header-wh #btn-header-menu span:after {
  background: #ffffff;
}

.header-bk .logo-wh {
  visibility: hidden;
  opacity: 0;
}

.header-bk .logo-bk {
  visibility: visible;
  opacity: 1;
}

.nav-opend .logo-wh {
  opacity: 0.3;
  pointer-events: none;
}

.nav-opend .logo-bk {
  opacity: 0.9;
  pointer-events: none;
}

@media screen and (min-width: 1025px) {
  #header.is-scrolled {
    padding-top: 24px;
  }
  #header.is-scrolled .header__logo {
    width: 82px;
  }
}

@media screen and (max-width: 1024px) {
  .header__nav > li:not([class]) {
    display: none;
  }

  .header__nav > li:last-child {
    margin-right: 32px;
  }
}

@media screen and (max-width: 960px) {
  #header {
    padding-top: 20px;
  }
  .header__logo {
    width: 64px;
  }
}

/* #btn-header-menu
---------------------------------------------------------- */
#btn-header-menu {
  position: relative;
  z-index: 3;
  cursor: pointer;
  width: 36px;
  height: 20px;
  margin-top: -3px;
}

#btn-header-menu span {
  display: block;
  position: relative;
  z-index: 0;
  width: 100%;
  height: 2px;
  -webkit-transition: width 0.3s cubic-bezier(0.32, 0.01, 0.33, 1), background 0.3s cubic-bezier(0.32, 0.01, 0.33, 1), -webkit-transform 0.3s cubic-bezier(0.32, 0.01, 0.33, 1);
  transition: width 0.3s cubic-bezier(0.32, 0.01, 0.33, 1), background 0.3s cubic-bezier(0.32, 0.01, 0.33, 1), -webkit-transform 0.3s cubic-bezier(0.32, 0.01, 0.33, 1);
  transition: transform 0.3s cubic-bezier(0.32, 0.01, 0.33, 1), width 0.3s cubic-bezier(0.32, 0.01, 0.33, 1), background 0.3s cubic-bezier(0.32, 0.01, 0.33, 1);
  transition: transform 0.3s cubic-bezier(0.32, 0.01, 0.33, 1), width 0.3s cubic-bezier(0.32, 0.01, 0.33, 1), background 0.3s cubic-bezier(0.32, 0.01, 0.33, 1), -webkit-transform 0.3s cubic-bezier(0.32, 0.01, 0.33, 1);
}

#btn-header-menu span:nth-of-type(1) {
  width: 58.3333333333%;
  margin-left: auto;
  margin-bottom: 6px;
}

#btn-header-menu span:before,
#btn-header-menu span:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  height: 100%;
  background: #333333;
  -webkit-transition: width 0.3s cubic-bezier(0.32, 0.01, 0.33, 1), background 0.3s cubic-bezier(0.32, 0.01, 0.33, 1), -webkit-transform 0.3s cubic-bezier(0.32, 0.01, 0.33, 1);
  transition: width 0.3s cubic-bezier(0.32, 0.01, 0.33, 1), background 0.3s cubic-bezier(0.32, 0.01, 0.33, 1), -webkit-transform 0.3s cubic-bezier(0.32, 0.01, 0.33, 1);
  transition: transform 0.3s cubic-bezier(0.32, 0.01, 0.33, 1), width 0.3s cubic-bezier(0.32, 0.01, 0.33, 1), background 0.3s cubic-bezier(0.32, 0.01, 0.33, 1);
  transition: transform 0.3s cubic-bezier(0.32, 0.01, 0.33, 1), width 0.3s cubic-bezier(0.32, 0.01, 0.33, 1), background 0.3s cubic-bezier(0.32, 0.01, 0.33, 1), -webkit-transform 0.3s cubic-bezier(0.32, 0.01, 0.33, 1);
}

#btn-header-menu span:before {
  left: 0;
  right: auto;
  width: 0;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

#btn-header-menu span:after {
  left: auto;
  right: 0;
  width: 100%;
}

#btn-header-menu.is-active span {
  width: 90%;
  background: #333333;
}

#btn-header-menu.is-active span:before,
#btn-header-menu.is-active span:after {
  visibility: hidden;
  opacity: 0;
}

#btn-header-menu.is-active span:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 0;
}

#btn-header-menu.is-active span:nth-of-type(2) {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.btn-header-menu__line {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

@media screen and (min-width: 1025px) {
  #btn-header-menu:hover span:before {
    width: 100%;
  }
  #btn-header-menu:hover span:after {
    width: 0;
  }
}

@media screen and (max-width: 960px) {
  #btn-header-menu {
    width: 24px;
    height: 12px;
  }
  #btn-header-menu span:nth-of-type(1) {
    margin-bottom: 4px;
  }
}


/* nav-header-menu
---------------------------------------------------------- */

#nav-header-menu {
  visibility: hidden;
  overflow-y: auto;
  position: fixed;
  z-index: 2;
  top: 0;
  right: -100%;
  width: 50%;
  max-width: 720px;
  height: 100%;
  background: #ffffff;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
  -webkit-transition: visibility 0.7s cubic-bezier(0.23, 1, 0.32, 1), right 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: visibility 0.7s cubic-bezier(0.23, 1, 0.32, 1), right 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}

.nav-header-menu__body {
  width: 100%;
  padding: 100px 22.2222222222%;
}

.nav-opend #nav-header-menu {
  visibility: visible;
  right: 0;
}

@media screen and (max-width: 960px) {
  #nav-header-menu {
    top: 0;
    width: 75%;
    margin-top: 0;
  }
  #nav-header-menu > span {
    width: 20px;
  }
  #nav-header-menu > span:not(:last-child) {
    margin-bottom: 6px;
  }
  .nav-header-menu__body {
    padding: 60px 12.8% 80px;
  }
}


/* .nav-header-menu__main
---------------------------------------------------------- */

.nav-header-menu__main > li {
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 1.6em;
  line-height: 1.5;
  letter-spacing: 0.3em;
  white-space: nowrap;
}

.nav-header-menu__main > li > a {
  display: inline-block;
  position: relative;
  z-index: 0;
  text-decoration: none;
}

@media screen and (min-width: 1025px) {
  .nav-header-menu__main {
    width: 100%;
    max-width: 520px;
  }
  .nav-header-menu__main > li > a:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0;
    height: 1px;
    margin-top: -2px;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: width 0.2s ease;
    transition: width 0.2s ease;
  }
  .nav-header-menu__main > li > a:hover:before {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .nav-header-menu__main > li > a {
    display: block;
  }
}

@media screen and (max-width: 960px) {
  .nav-header-menu__main > li {
    font-size: 1.2rem;
    margin-bottom: 1.5em;
  }
}


/* nav-header-menu__sub
---------------------------------------------------------- */

.nav-header-menu__sub {
  margin: 40px 0 50px;
}

.nav-header-menu__sub > a:not(:last-child) {
  margin-bottom: 10px;
}

.nav-header-menu__sub .m-btn-shop__label,
.nav-header-menu__sub .btn-items-shop__label {
  font-size: 1.3rem;
  padding-top: 1.2307692308em;
  padding-bottom: 1.2307692308em;
  letter-spacing: 0.2em;
}

.nav-header-menu__sub .m-btn-shop__label:before,
.nav-header-menu__sub .btn-items-shop__label:before {
  width: 46px;
}

.nav-header-menu__sub .m-btn-shop__label:after,
.nav-header-menu__sub .btn-items-shop__label:after {
  left: 15px;
}

@media screen and (max-width: 960px) {
  .nav-header-menu__sub {
    margin: 30px 0 40px;
  }
  .nav-header-menu__sub .m-btn-shop:after,
  .nav-header-menu__sub .btn-items-shop:after {
    right: 12px;
  }
  .nav-header-menu__sub .m-btn-shop__label,
  .nav-header-menu__sub .btn-items-shop__label {
    font-size: 1.0rem;
    padding-left: 1em;
    letter-spacing: 0.15em;
  }
  .nav-header-menu__sub .m-btn-shop__label:before,
  .nav-header-menu__sub .btn-items-shop__label:before {
    width: 32px;
  }
  .nav-header-menu__sub .m-btn-shop__label:after,
  .nav-header-menu__sub .btn-items-shop__label:after {
    left: 8px;
  }
}


/* nav-header-menu__sns
---------------------------------------------------------- */

.nav-header-menu__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav-header-menu__sns > a {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.nav-header-menu__sns > a:not(:last-child) {
  margin-right: 24px;
}

.nav-header-menu__title {
  font-size: 1.2rem;
  font-weight: 400;
  margin-bottom: 1em;
  line-height: 1.4;
  letter-spacing: 0.3em;
  color: #adadad;
}

@media screen and (min-width: 1025px) {
  .nav-header-menu__sns > a:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 960px) {
  .nav-header-menu__sns > a:not(:last-child) {
    margin-right: 16px;
  }
}


/* footer
---------------------------------------------------------- */

.footer {
  padding-top: 70px;
  padding-bottom: 40px;
  background: #ffffff;
}

.footer a {
  text-decoration: none;
}

.footer__body {
  position: relative;
  z-index: 0;
}

.footer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-top: 45px;
}

.footer__nav > li {
  font-size: 1.1rem;
  font-weight: 300;
  letter-spacing: 0.28em;
  line-height: 1;
  margin-right: 1.8181818182em;
}

.footer__nav > li > a {
  display: block;
  position: relative;
  z-index: 0;
  -webkit-transition: color 0.3s cubic-bezier(0.32, 0.01, 0.33, 1);
  transition: color 0.3s cubic-bezier(0.32, 0.01, 0.33, 1);
}

.footer__nav > li > a:hover {
  color: #848484;
}

.footer__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
}

.footer__sns > a {
  display: block;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.footer__sns > a:not(:last-child) {
  margin-right: 24px;
}

.footer__copy-right {
  font-size: 1.0rem;
  line-height: 1.35;
  letter-spacing: 0.28em;
  color: #adadad;
}

@media screen and (min-width: 961px) {
  .footer__copy-right {
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
  }
}

@media screen and (min-width: 1025px) {
  .footer__sns > a:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 960px) {
  .footer {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .footer__logo {
    display: block;
    width: 72px;
  }
  .footer__nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 30px;
    margin-bottom: 40px;
  }
  .footer__nav > li {
    font-size: 1.0rem;
  }
  .footer__nav > li:not(:last-child) {
    margin-bottom: 1em;
  }
  .footer__sns > a:not(:last-child) {
    margin-right: 16px;
  }
}


/* aside-store
---------------------------------------------------------- */

.aside-store {
  padding-top: 120px;
  padding-bottom: 120px;
  background: #faf7f7;
}

.aside-store__text {
  text-align: center;
  margin-top: 0.7142857143em;
  margin-bottom: 4.2857142857em;
  line-height: 1.5;
  letter-spacing: 0.2em;
}

@media screen and (min-width: 961px) {
  .list-aside-store {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px 3.7037037037%;
  }
}

@media screen and (max-width: 960px) {
  .aside-store {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .aside-store__text {
    font-size: 1.2rem;
    margin-bottom: 2.3076923077em;
  }
  .list-aside-store > a {
    margin-left: auto;
    margin-right: auto;
  }
  .list-aside-store > a:not(:last-child) {
    margin-bottom: 10px;
  }
}


/* contents
-------------------------------------------------------------- */

.contents {
  display: block;
}

.contents.--margin-top {
  margin-top: 120px;
}

#js-particles {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

@media screen and (max-width: 749px) {
  .contents.--margin-top {
    margin-top: 100px;
  }
}

/* container
---------------------------------------------------------- */

.container-sm,
.container-md {
  position: relative;
  z-index: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px;
  -webkit-transition: padding 0.3s ease-out;
  transition: padding 0.3s ease-out;
}

.container-sm {
  max-width: 880px;
}

.container-md {
  max-width: 1240px;
}

@media screen and (min-width: 1441px) {
  .container-md {
    max-width: 86.1111111111%;
  }
}

@media screen and (max-width: 960px) {
  .container-sm,
  .container-md {
    padding-left: 48px;
    padding-right: 48px;
  }
}

@media screen and (max-width: 576px) {
  .container-sm {
    padding-left: 24px;
    padding-right: 24px;
  }
  .container-md {
    padding-left: 10.6666666667vw;
    padding-right: 10.6666666667vw;
  }
}


/* =============================================================
ページ固有のスタイリングを定義
============================================================= */


/* loading
---------------------------------------------------------- */
#loading {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #ffffff;
}

#loading.is-shown:before {
  opacity: 1;
}

#loading.is-shown .loading__logo {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
  opacity: 1;
  -ms-filter: blur(0);
  -webkit-filter: blur(0);
  filter: blur(0);
}

#loading.is-shown .loading__text > span {
  opacity: 1;
}

#loading.is-shown .svg-shooting-star-02__star {
  -webkit-animation: animation-shootin-star-01 0.8s ease 3s 1 forwards;
  animation: animation-shootin-star-01 0.8s ease 3s 1 forwards;
}

#loading.is-shown .svg-shooting-star-02__line {
  -webkit-animation: animation-shootin-star-02 0.8s ease 2.5s 1 forwards;
  animation: animation-shootin-star-02 0.8s ease 2.5s 1 forwards;
}

#loading:before {
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('//cocosilk.jp/cdn/shop/t/73/assets/bg_loading_pc_2000x.png?v=81284870662694752851750759634') no-repeat center;
  background-size: 1920px;
  -webkit-transition: opacity 1s ease 3.5s;
  transition: opacity 1s ease 3.5s;
}

.loading__body {
  position: relative;
  z-index: 0;
  text-align: center;
  width: 100%;
  max-width: 400px;
  padding: 0 24px;
}

.loading__text {
  font-size: 1.7rem;
  margin-top: 1.1764705882em;
  padding-left: 1em;
  line-height: 1.5;
  letter-spacing: 0.26em;
}

.loading__text > span {
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

.loading__text > span:nth-child(2) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.loading__text > span:nth-child(3) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.loading__text > span:nth-child(4) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.loading__text > span:nth-child(5) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.loading__text > span:nth-child(6) {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.loading__text > span:nth-child(7) {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.loading__text > span:nth-child(8) {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

.loading__text > span:nth-child(9) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.loading__text > span:nth-child(10) {
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
}

.loading__text > span:nth-child(10) {
  -webkit-transition-delay: 1.0s;
  transition-delay: 1.0s;
}

.loading__text > span:nth-child(11) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

.loading__logo {
  opacity: 0;
  width: 100%;
  max-width: 147px;
  margin-top: -26px;
  -ms-filter: blur(6px);
  -webkit-filter: blur(6px);
  filter: blur(6px);
  -webkit-transition: opacity 1s ease, -webkit-filter 2s ease;
  transition: opacity 1s ease, -webkit-filter 2s ease;
  transition: opacity 1s ease, filter 2s ease;
  transition: opacity 1s ease, filter 2s ease, -webkit-filter 2s ease;
}

.loading__star-01,
.loading__star-02 {
  position: absolute;
  z-index: 1;
}

.loading__star-01 {
  top: -60px;
  left: 0;
}

.loading__star-02 {
  bottom: -50px;
  right: 0;
}

.svg-shooting-star-02 {
  width: 97px;
  height: 62px;
}

.svg-shooting-star-02__star {
  fill: #ffffff;
}

.svg-shooting-star-02__line {
  stroke: #d2a930;
  stroke-miterlimit: 10;
  stroke-dasharray: 130px;
  stroke-dashoffset: 130px;
}

.ie .loading__star-01,
.ie .loading__star-02 {
  display: none;
}

@media screen and (max-width: 960px) {
  .loading__body {
    margin-top: -30px;
  }
  .loading__logo {
    width: 100px;
  }
  .loading__text {
    font-size: 1.4rem;
  }
  .svg-shooting-star-02 {
    width: 64px;
  }
  .loading__star-01 {
    left: 44px;
  }
  .loading__star-02 {
    right: 40px;
  }
}

@media screen and (max-width: 576px) {
  #loading:before {
    background: url('//cocosilk.jp/cdn/shop/t/73/assets/bg_loading_sp_1000x.png?v=53883976036701830201750759634') no-repeat center;
    background-size: 576px;
  }
}


/* sec-home-mv
------------------------------------------------------------- */

.sec-home-mv {
  overflow: hidden;
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100vh;
}

#mv-home-slider {
  width: 100%;
  height: 100%;
}

.mv-home-slider__item {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: opacity 1.5s cubic-bezier(0.32, 0.01, 0.33, 1), -webkit-transform 12s ease;
  transition: opacity 1.5s cubic-bezier(0.32, 0.01, 0.33, 1), -webkit-transform 12s ease;
  transition: opacity 1.5s cubic-bezier(0.32, 0.01, 0.33, 1), transform 12s ease;
  transition: opacity 1.5s cubic-bezier(0.32, 0.01, 0.33, 1), transform 12s ease, -webkit-transform 12s ease;
}

.mv-home-slider__item:nth-child(1) {
  background: url('//cocosilk.jp/cdn/shop/t/73/assets/mv_slide_01_pc_2000x.png?v=5069584728018282291750759702') no-repeat center top;
  background-size: cover;
}

.mv-home-slider__item:nth-child(2) {
  background: url('//cocosilk.jp/cdn/shop/t/73/assets/mv_slide_02_pc_2000x.png?v=125527627061993377651750759703') no-repeat center;
  background-size: cover;
}

.mv-home-slider__item:nth-child(3) {
  background: url('//cocosilk.jp/cdn/shop/t/73/assets/mv_slide_03_pc_2000x.png?v=42556460397404332291750759704') no-repeat center top;
  background-size: cover;
}

.mv-home-slider__item.is-active {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.sec-home-mv__title {
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 36%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.mv-home-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 56px;
  -webkit-transform: rotate(90deg) translateX(50%);
  transform: rotate(90deg) translateX(50%);
  -webkit-transform-origin: top right;
  transform-origin: top right;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.2em;
  color: #ffffff;
}

.mv-home-counter__current {
  position: relative;
  z-index: 0;
  width: 12px;
  height: 18px;
}

.mv-home-counter__current span {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.mv-home-counter__total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mv-home-counter__total:before {
  content: "";
  display: block;
  width: 100px;
  height: 1px;
  margin-top: -0.1666666667em;
  margin-left: 0.6666666667em;
  margin-right: 0.6666666667em;
  background: rgba(255, 255, 255, 0.5);
}

.sec-home-mv__text {
  position: absolute;
  z-index: 1;
  bottom: 32px;
  right: 56px;
  font-size: 1.0rem;
  font-weight: 400;
  letter-spacing: 0.4em;
  color: #ffffff;
}

.mv-home-scroll {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 220px;
  background: #e3caca;
}

.mv-home-scroll__inner {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.mv-home-scroll__text {
  webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  display: block;
  position: absolute;
  z-index: 1;
  top: 28px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 1.1rem;
  font-weight: 300;
  margin-left: -0.1818181818em;
  line-height: 1;
  letter-spacing: 0.2em;
  color: #fff;
}

.mv-home-scroll__line {
  overflow: hidden;
  display: block;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 125px;
  margin-left: -1px;
  background: #e5e5e5;
}

.mv-home-scroll__line span {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 1px;
  height: 32px;
  background: #333333;
  -webkit-animation: animation-scroll 2s infinite cubic-bezier(0.32, 0.01, 0.33, 1);
  animation: animation-scroll 2s infinite cubic-bezier(0.32, 0.01, 0.33, 1);
}

@-webkit-keyframes animation-scroll {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(125px);
    transform: translateY(125px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(125px);
    transform: translateY(125px);
  }
}

@keyframes animation-scroll {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(125px);
    transform: translateY(125px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(125px);
    transform: translateY(125px);
  }
}

@media screen and (max-width: 960px) {
  .mv-home-counter {
    right: 18px;
  }
  .mv-home-counter__total:before {
    width: 72px;
  }
  .sec-home-mv__text {
    bottom: 20px;
    right: 24px;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    letter-spacing: 0.3em;
  }
  .mv-home-scroll {
    width: 40px;
    height: 130px;
  }
  .mv-home-scroll__text {
    top: 14px;
    font-size: 1.0rem;
  }
  .mv-home-scroll__line {
    height: 56px;
  }
  .mv-home-scroll__line span {
    height: 12px;
  }
}

@media screen and (max-width: 576px) {
  .mv-home-slider__item:nth-child(1) {
    background: url('//cocosilk.jp/cdn/shop/t/73/assets/mv_slide_01_sp_1000x.png?v=72712369404145268361750759702') no-repeat center top;
    background-size: cover;
  }
  .mv-home-slider__item:nth-child(2) {
    background: url('//cocosilk.jp/cdn/shop/t/73/assets/mv_slide_02_sp_1000x.png?v=42060142812360982821750759703') no-repeat center;
    background-size: cover;
  }
  .mv-home-slider__item:nth-child(3) {
    background: url('//cocosilk.jp/cdn/shop/t/73/assets/mv_slide_03_sp_1000x.png?v=52593860049031579401750759704') no-repeat center top;
    background-size: cover;
  }
.sec-home-mv__title {
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
}

/* sec-home-news
------------------------------------------------------------- */
.sec-home-news {
  position: relative;
  z-index: 0;
  padding-top: 130px;
  padding-bottom: 160px;
}

.sec-home-news:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ffffff;
}

.sec-home-news__body {
  position: relative;
  z-index: 0;
}

.list-home-info {
  margin-left: auto;
  width: 62.037037037%;
}

.list-home-info a {
  text-decoration: none;
}

.list-home-info__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 83.5820895522%;
}

.list-home-info__item:nth-child(2n) {
  margin-left: auto;
}

.list-home-info__item:not(:last-child) {
  margin-bottom: 70px;
}

.list-home-info__img {
  position: relative;
  z-index: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 200px;
  flex: 0 0 200px;
  line-height: 0;
  margin-right: 30px;
}

.list-home-info__img img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  aspect-ratio: 2 / 3;
}

.list-home-info__detail {
  max-width: 400px;
}

.list-home-info__date {
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.2em;
  color: #adadad;

  position: absolute;
  z-index: 1;
  top: 0;
  right: 10px;
  writing-mode: vertical-rl;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.2em;
  color: #d2a930;
}

.sec-home-news__illust-01,
.sec-home-news__illust-02 {
  position: absolute;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}

.sec-home-news__illust-01 {
  bottom: -80px;
  left: 200px;
}

.sec-home-news__illust-02 {
  bottom: -240px;
  left: 40px;
}

.list-home-info__img {
  padding: 4px;
  border: 1px solid #d2a930;
  mix-blend-mode: multiply;
}

@media screen and (max-width: 960px) {
  .sec-home-news {
    padding-top: 70px;
    padding-bottom: 80px;
  }
  .sec-home-news .m-title-01 {
    text-align: left;
  }
  .list-home-info {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 50px;
  }
  .list-home-info__item {
    width: 100%;
  }
  .list-home-info__item:not(:last-child) {
    margin-bottom: 20px;
  }
  .list-home-info__date {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 10px;
    writing-mode: vertical-rl;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.2em;
    color: #d2a930;
  }
  .list-home-info__title {
    font-size: 1.1rem;
    margin-top: 0.3846153846em;
    line-height: 1.8;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 8.9285714286%;
  }
  .sec-home-news__illust-01 {
    display: none;
  }
  .sec-home-news__illust-02 {
    width: 20.7291666667vw;
    bottom: -14.5833333333vw;
    left: auto;
    right: 24px;
  }
}

@media screen and (max-width: 576px) {
  .sec-home-news__illust-02 {
    width: 100px;
    bottom: -100px;
    right: 24px;
  }
}

@media screen and (max-width: 320px) {
  .sec-home-news__illust-02 {
    display: none;
  }
  .list-home-info__img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    height: 80px;
    margin-right: 24px;
  }
  .list-home-info__title {
    font-size: 1.0rem;
  }
}

/* sec-home-concept
------------------------------------------------------------- */

.sec-home-concept {
  overflow: hidden;
  position: relative;
  z-index: 0;
  padding-top: 170px;
  padding-bottom: 130px;
}

.sec-home-concept:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 75vw;
  height: 100%;
  background: #e4cacb;
  background-image: url(//cocosilk.jp/cdn/shop/t/73/assets/top-concept-bg_2000x.png?v=108149598467670159141750759809);
}

.sec-home-concept__detail {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 320px;
  flex: 0 0 320px;
  padding-right: 7.4074074074%;
  color: #ffffff;
}

.sec-home-concept__title {
  position: relative;
  z-index: 0;
  font-size: 2.7rem;
  font-weight: 400;
  margin-bottom: 1.1851851852em;
  line-height: 1.7777777778;
  letter-spacing: 0.2em;
  white-space: nowrap;
}

.sec-home-concept__text {
  margin-bottom: 3.9285714286em;
  line-height: 2;
  letter-spacing: 0.2em;
}

.sec-home-concept__movie {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 62.962962963%;
  flex: 1 1 62.962962963%;
  max-width: 840px;
  cursor: pointer;
}

.sec-home-concept__movie video {
  display: block;
  width: 100%;
}

.sec-home-concept__letter {
  position: absolute;
  z-index: -1;
  bottom: -120px;
  left: 31.4814814815%;
  font-size: 22.0rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.1em;
  text-stroke: 1px #f0e4e4;
  -webkit-text-stroke: 1px #f0e4e4;
  color: transparent;
}

@media screen and (min-width: 961px) {
  .sec-home-concept__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .sec-home-concept__movie {
    -webkit-transition-delay: 0.3s !important;
    transition-delay: 0.3s !important;
    -webkit-animation-delay: 0.3s !important;
    animation-delay: 0.3s !important;
  }
}

@media screen and (max-width: 960px) {
  .sec-home-concept {
    padding-top: 70px;
    padding-bottom: 0;
  }
  .sec-home-concept:before {
    width: 100%;
    height: calc(100% - 80px);
    background: #e3caca;
  }
  .sec-home-concept__detail {
    padding-right: 0;
    text-align: center;
  }
  .sec-home-concept__title {
    font-size: 2.0rem;
    margin-bottom: 1.25em;
  }
  .sec-home-concept__title:before {
    top: -20px;
    left: 0;
    width: 18px;
    height: 19px;
  }
  .sec-home-concept__text {
    font-size: 1.2rem;
    margin-bottom: 2.0833333333em;
  }
  .sec-home-concept__text .pc-none {
    display: inline-block !important;
  }
  .sec-home-concept__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: center;
  }
  .sec-home-concept__movie {
    width: 100%;
    margin-top: 50px;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }
}

/* sec-home-model
------------------------------------------------------------- */

.sec-home-model {
  overflow: hidden;
  position: relative;
  z-index: 0;
  height: 840px;
}

.sec-home-model .m-btn-01 {
  position: absolute;
  bottom: 80px;
  right: 80px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.sec-home-model__body {
  display: block;
  width: 100%;
  height: 100%;
  background: url('//cocosilk.jp/cdn/shop/t/73/assets/img_model_01_pc_2000x.png?v=19182868700784509141750759679') no-repeat right top;
  background-size: cover;
}

.sec-home-model__title {
  display: block;
  position: absolute;
  left: 80px;
}

@media screen and (min-width: 577px) {
  .sec-home-model__title {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media screen and (max-width: 1440px) {
  .sec-home-model {
    height: 58.3333333333vw;
    max-height: 840px;
  }
}

@media screen and (max-width: 1024px) {
  .sec-home-model {
    height: 62.5vw;
  }
  .sec-home-model .m-btn-01 {
    display: none;
  }
  .sec-home-model__title {
    width: 39.0625vw;
    left: 24px;
  }
}

@media screen and (max-width: 576px) {
  .sec-home-model {
    height: 121.5277777778vw;
  }
  .sec-home-model__body {
    background: url('//cocosilk.jp/cdn/shop/t/73/assets/img_model_01_sp_1000x.png?v=93194215141282179361750759679') no-repeat center top;
    background-size: cover;
  }
  .sec-home-model__title {
    width: 69.4444444444vw;
    bottom: 17.3611111111vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}


/* sec-home-story
------------------------------------------------------------- */

.sec-home-story {
  overflow: hidden;
  position: relative;
  z-index: 0;
  padding-top: 160px;
  padding-bottom: 160px;
}

.sec-home-story__illust-01 {
  position: absolute;
  z-index: -1;
  top: -210px;
  left: 0;
  -webkit-backface-visibility: hidden;
}

.sec-home-story__body {
  position: relative;
  z-index: 0;
  display: flex;
  gap: 50px;
}

.sec-home-story__detail {
  padding-top: 100px;
}

.sec-home-story__title {
  margin-top: 70px;
  margin-bottom: 30px;
}

.sec-home-story__text {
  margin-bottom: 4.6428571429em;
  line-height: 2;
  letter-spacing: 0.2em;
}

.sec-home-story__img-sp {
  line-height: 0;
}

@media screen and (min-width: 961px) {
  .sec-home-story__detail {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 400px;
  }
  .sec-home-story__img-sp {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  .sec-home-story {
    padding-top: 100px;
    padding-bottom: 110px;
  }
  .sec-home-story .m-title-01 {
    text-align: center;
    margin-bottom: 1.875em;
  }
  .sec-home-story__illust-01 {
    width: 21.875vw;
    top: -12.5vw;
  }
  .sec-home-story__detail {
    padding-top: 0;
    -webkit-animation: none !important;
    animation: none !important;
    visibility: visible !important;
  }
  .sec-home-story__title {
    width: calc(100% - 48px);
    max-width: 240px;
    margin: 30px auto 15px;
  }
  .sec-home-story__text {
    font-size: 1.2rem;
    margin-bottom: 2.3076923077em;
  }
  .sec-home-story__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

@media screen and (max-width: 576px) {
  .sec-home-story__img {
    width: 110.6666666667vw;
    margin-right: -10.6666666667vw;
  }
  .sec-home-story__illust-01 {
    width: 105px;
    top: -120px;
  }
}


/* =============================================================
ページ固有のスタイリングを定義
============================================================= */

.page-items .m-block-title-page-01__img {
  background: url('//cocosilk.jp/cdn/shop/t/73/assets/mv_items_01_2000x.png?v=62697932159895411891750759700') no-repeat center;
  background-size: cover;
}

/* sec-item-archive
------------------------------------------------------------- */

.sec-items-archive {
  overflow: hidden;
  padding-bottom: 180px;
}

.sec-items-archive .container-md {
  max-width: 1400px;
}

@media screen and (min-width: 961px) {
  .sec-items-archive {
    padding-top: 100px;
    margin-top: -100px;
  }
  .sec-items-archive .container-md {
    max-width: 1400px;
  }
}

@media screen and (max-width: 960px) {
  .sec-items-archive {
    padding-bottom: 80px;
  }
}


/* sec-items-fv
------------------------------------------------------------- */

.sec-items-fv {
  overflow: hidden;
  position: relative;
  z-index: 0;
  background: #e4cacb;
}

.sec-items-fv:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
}

.sec-items-fv__body {
  position: static;
  z-index: 1;
}

.sec-items-fv__body + .sec-items-fv__body {
  z-index: 0;
  margin-top: 188px;
}

.sec-items-fv__img-01 {
  position: relative;
  z-index: 0;
  width: calc(100% - 240px);
  height: 1100px;
}

.sec-items-fv__img-01:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}

.sec-items-fv__container {
  position: absolute;
  z-index: 1;
  top: 150px;
  right: 56px;
  width: 520px;
  padding: 40px 60px 45px;
  background: #ffffff;
}

.sec-items-fv__summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sec-items-fv__detail_set {
  width: 70%;
  padding-right: 24px;
}

.sec-items-fv__catch {
  font-size: 1.4rem;
  font-weight: 400;
  margin-bottom: 1.0714285714em;
  line-height: 1.4;
  letter-spacing: 0.2em;
}

.sec-items-fv__name {
  font-size: 1.0rem;
  font-weight: 400;
  line-height: 1.4;
}

.sec-items-fv__name .ja {
  letter-spacing: 0.4em;
}

.sec-items-fv__name .en {
  display: block;
  font-size: 2.4em;
  font-weight: 400;
  letter-spacing: 0.26em;
}

.sec-items-fv__option_name {
  font-size: 14px;
  letter-spacing: 0.07em;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 6px;
}

.sec-items-fv__option_values {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.sec-items-fv__option_values.--color {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(34px, 1fr));
  gap: 12px 8px;
}

.color-slider__image {
  width: 64.5%;
}

.sec-items-fv__color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 170px;
  margin-left: -3px;
  margin-bottom: 25px;
}

.sec-items-fv__color img {
  display: block;
  width: 15px;
  margin-bottom: 6px;
  margin-left: 3px;
  margin-right: 3px;
}

.btn-items-shop {
  max-width: 100% !important;
  cursor: pointer;
}

.btn-items-shop:after {
  width: 9px !important;
  height: 7px !important;
  background: url('//cocosilk.jp/cdn/shop/t/73/assets/ico_arw_down_01_bk_200x.png?v=102702071512830805811750759659') no-repeat !important;
}

.btn-items-shop.is-active .btn-items-shop__list {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.btn-items-shop__label {
  padding-left: 1em;
}

.btn-items-shop__list {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 1;
  top: 55px;
  left: 0;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  width: 100%;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}

.btn-items-shop__list > a {
  display: block;
  text-align: center;
  font-size: 1.3rem;
  padding-top: 1.4615384615em;
  padding-bottom: 1.4615384615em;
  line-height: 1.4;
  letter-spacing: 0.2em;
  color: #333333;
  background: #ffffff;
  text-decoration: none;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}

.btn-items-shop__list > a:hover {
  background: #faf5f5;
}

.sec-items-fv__letter {
  position: static;
  z-index: 0;
  bottom: -110px;
  left: 56px;
  font-size: 18.0rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.18em;
  color: #f0e6e6;
}

.sec-items-fv__img-03 {
  position: relative;
  z-index: 1;
  width: calc(100% - 240px);
  height: 720px;
  margin-left: auto;
}

.sec-items-fv__img-03:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}

.sec-items-fv__title {
  position: absolute;
  z-index: 2;
  top: 300px;
  left: 120px;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.2em;
  color: #ffffff;
}

.sec-items-fv__title span {
  font-size: 1.8571428571em;
}

/*.page-night-cap .sec-items-fv:after {
  background: #faf5f5;
}

.page-nightcap .sec-items-fv:after {
  background: #faf5f5;
}*/

.page-pillow-case .sec-items-fv {
  background: #dcc2cc;
}

.page-pillow-case .sec-items-fv:after {
  background: #ffffff;
}

.page-pillow-case .sec-items-fv__letter {
  color: #f2e6ea;
}

.page-pajamas .sec-items-fv {
  background: #d9c5bb;
}

/*..page-pajamas .sec-items-fv:after {
  background: #faf5f5;
}*/

.page-pajamas .sec-items-fv__letter {
  color: #f2e9e4;
}

.page-pajamas .sec-items-fv__img-02 {
  max-width: 180px;
}

@media screen and (max-width: 1440px) {
  .sec-items-fv__container {
    top: 10vw;
    right: 3.8888888889vw;
  }
}

@media screen and (max-width: 1024px) {
  .sec-items-fv__body + .sec-items-fv__body {
    margin-top: 24.71875vw;
  }
  .sec-items-fv__img-01 {
    width: 100%;
    height: 70.3125vw;
    min-height: 280px;
  }
  .sec-items-fv__container {
    position: relative;
    top: 0;
    right: auto;
    width: 100%;
  }
  .sec-items-fv__color {
    max-width: 100%;
  }
  .sec-items-fv__color img {
    width: 14px;
  }
  .sec-items-fv__letter {
    font-size: 15.625vw;
    bottom: -21.53125vw;
    left: 48px;
  }
  .sec-items-fv__img-03 {
    width: calc(100% - 80px);
    height: 54.6875vw;
  }
  .sec-items-fv__title {
    top: 17.578125vw;
    left: 48px;
    font-size: 2.734375vw;
  }
}

@media screen and (max-width: 960px) {
  .sec-items-fv:after {
    height: 40px;
  }
  .sec-items-fv__container {
    padding-left: 48px;
    padding-right: 48px;
  }
  .btn-items-shop__list {
    top: 46px;
  }
  .btn-items-shop__list > a {
    font-size: 1.2rem;
  }
  .sec-items-fv__img-03 {
    width: calc(100% - 48px);
  }
  .sec-items-fv__letter,
  .sec-items-fv__title {
    left: 24px;
  }
}

@media screen and (max-width: 576px) {
  .sec-items-fv__body + .sec-items-fv__body {
    margin-top: 22.5694444444vw;
  }
  .sec-items-fv__container {
    padding-left: 8.5333333333vw;
    padding-right: 8.5333333333vw;
  }
  .sec-items-fv__name .en {
    font-size: 1.9em;
  }
  .color-slider__image {
    width: 67%;
  }
  .sec-items-fv__img-03 {
    width: calc(100% - 24px);
  }
  .page-pajamas .sec-items-fv__img-02 {
    max-width: 120px;
  }
  .sec-items-fv__title {
    position: static;
    font-size: 4.1666666667vw;
    margin-bottom: 1.4583333333em;
    padding-left: 24px;
  }
  .sec-items-fv__title span {
    font-size: 1.5833333333em;
  }
}

@media screen and (max-width: 749px) {
  .sec-items-fv__option_values.--color {
    gap: 12px 7.5px;
  }
  .sec-items-fv__option_name {
    font-size: 12px;
    line-height: 1.1;
    margin-bottom: 8px;
  }
}


/* sec-night-cap-guard
------------------------------------------------------------- */

.sec-night-cap-guard {
  position: relative;
  z-index: 0;
  padding-top: 110px;
  padding-bottom: 100px;
  background: #faf5f5;
}

.sec-night-cap-guard:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 170px;
  background: #f5ebeb;
}

.sec-night-cap-guard .container-md {
  max-width: 1240px;
}

.sec-night-cap-guard p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 60px;
  width: 100%;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
}

.sec-night-cap-guard p img {
  display: block;
  width: 48.275862069%;
  -webkit-backface-visibility: hidden;
}

.sec-night-cap-guard__img {
  position: relative;
  z-index: 0;
  line-height: 0;
  margin-top: 100px;
}

.sec-night-cap-guard__img img {
  -webkit-backface-visibility: hidden;
}

.sec-night-cap-guard__img:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 100px;
  right: 180px;
  width: 100vw;
  height: 100%;
  background: #dcc2cc;
}

@media screen and (max-width: 960px) {
  .sec-night-cap-guard {
    padding-top: 60px;
    padding-bottom: 20px;
  }
  .sec-night-cap-guard:before {
    height: 90px;
  }
  .sec-night-cap-guard p {
    margin-top: 30px;
  }
  .sec-night-cap-guard p img:nth-child(1) {
    margin-right: 1.0416666667%;
  }
  .sec-night-cap-guard p img:nth-child(2) {
    margin-left: 1.0416666667%;
  }
  .sec-night-cap-guard__img {
    margin-top: 40px;
  }
  .sec-night-cap-guard__img:before {
    top: 20px;
    right: 20px;
  }
}


/* sec-night-cap-why
------------------------------------------------------------- */

.sec-night-cap-why {
  overflow: hidden;
  padding-top: 195px;
  padding-bottom: 160px;
  background: #f5ebeb;
}

.sec-night-cap-why .container-md {
  max-width: 1240px;
}

.sec-night-cap-why__title-main {
  position: relative;
  z-index: 0;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.2em;
}

.sec-night-cap-why__title-main:before {
  content: "WHY?";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: "Josefin Sans", var(--font-body-family);
  font-size: 7.1428571429em;
  font-weight: 400;
  margin-top: 0.045em;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #ffffff;
}

.sec-night-cap-why__title-main:after {
  content: "";
  display: block;
  height: 11px;
  width: 100%;
  max-width: 450px;
  margin-top: 0.1785714286em;
  margin-left: auto;
  margin-right: auto;
  background: url('//cocosilk.jp/cdn/shop/t/73/assets/line_zigzag_01_1000x.png?v=96226151965335737531750759699') repeat-x;
}

.list-night-cap-why {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 720px;
  margin: 85px auto 35px;
}

.list-night-cap-why > li {
  text-align: center;
  width: 32.2222222222%;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0.5em 0.875em;
  letter-spacing: 0.2em;
  background: #333333;
  color: #ffffff;
  border-radius: 2px;
  margin-bottom: 1.6666666667%;
}

.sec-night-cap-why__illust {
  text-align: center;
  line-height: 0;
}

.sec-night-cap-why__illust img {
  -webkit-backface-visibility: hidden;
  width: 100%;
  max-width: 960px;
}

.sec-night-cap-why__body {
  padding-top: 90px;
  padding-bottom: 110px;
  background: #ffffff;
  border-radius: 8px;
}

.sec-night-cap-why__title-sub {
  text-align: center;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.6923076923;
  letter-spacing: 0.2em;
}

.list-night-cap-method {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 60px auto 40px;
  width: 100%;
  max-width: 720px;
}

.list-night-cap-method > li {
  position: relative;
  z-index: 0;
  width: 21.6666666667%;
  height: 0;
  padding-bottom: 21.6666666667%;
  font-size: 1.4rem;
  font-weight: 550;
  line-height: 1.8571428571;
  letter-spacing: 0.14em;
  border-radius: 50%;
  border: 1px solid #707070;
}

.list-night-cap-method > li:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: calc(100% + 4px);
  height: 8.9743589744%;
  background: #ffffff;
}

.list-night-cap-method > li > span {
  display: block;
  text-align: center;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  white-space: nowrap;
}

.sec-night-cap-why__text {
  text-align: center;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.6923076923;
  letter-spacing: 0.2em;
}

.sec-night-cap-why__text span {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(75%, transparent), color-stop(75%, #f8d4d5), color-stop(100%, #f8d4d5), to(transparent));
  background: linear-gradient(transparent 0%, transparent 75%, #f8d4d5 75%, #f8d4d5 100%, transparent 100%);
}

@media screen and (max-width: 1024px) {
  .list-night-cap-method > li {
    font-size: 1.3671875vw;
  }
}

@media screen and (max-width: 960px) {
  .sec-night-cap-why {
    padding-top: 70px;
    padding-bottom: 40px;
  }
  .sec-night-cap-why__title-main {
    font-size: 1.8rem;
  }
  .sec-night-cap-why__title-main:before {
    font-size: 5.5555555556em;
  }
  .list-night-cap-why {
    margin-top: 30px;
    margin-bottom: 10px;
    padding-left: 3.7037037037%;
    padding-right: 3.7037037037%;
  }
  .list-night-cap-why > li {
    font-size: 1.1rem;
    padding-top: 0.2727272727em;
    padding-bottom: 0.2727272727em;
  }
  .sec-night-cap-why__illust {
    padding-left: 3.7037037037%;
    padding-right: 3.7037037037%;
  }
  .sec-night-cap-why__body {
    padding-top: 30px;
    padding-bottom: 40px;
  }
  .sec-night-cap-why__title-sub {
    font-size: 1.7rem;
  }
  .list-night-cap-method {
    margin-top: 25px;
    margin-bottom: 10px;
    padding-left: 3.7037037037%;
    padding-right: 3.7037037037%;
  }
  .sec-night-cap-why__text {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 576px) {
  .sec-night-cap-why .container-md + .container-md {
    padding-left: 24px;
    padding-right: 24px;
  }
  .list-night-cap-method > li {
    font-size: 2.4305555556vw;
    width: 46.875%;
    margin-bottom: 5.2083333333%;
    padding-bottom: 46.875%;
  }
}

@media screen and (max-width: 320px) {
  .list-night-cap-method > li {
    font-size: 2.5vw;
  }
}


/* sec-items-ng
------------------------------------------------------------- */
.sec-items-ng {
  padding-top: 150px;
  padding-bottom: 160px;
  background: url('//cocosilk.jp/cdn/shop/t/73/assets/bg_hand_writing_2000x.jpg?v=139451442750034615831750759634') no-repeat top right;
}

.sec-items-ng .container-md {
  max-width: 1240px;
}

.list-items-ng__text {
  text-align: left;
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.2em;
}

.sec-items-ng__body {
  padding-top: 110px;
  padding-bottom: 120px;
  background: #ffffff;
}

.list-items-ng {
  margin-top: 50px;
}

.list-items-ng__item {
  position: relative;
  z-index: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.list-items_item:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
}


.list-items-ng__item {
  position: relative;
  z-index: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.list-items-ng__item:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(#d2a930), color-stop(25%, #d2a930), color-stop(25%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))) 0 0;
  background: linear-gradient(to right, #d2a930, #d2a930 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%) 0 0;
  background-size: 4px 1px;
}

.list-items-ng__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-size: 2.4rem;
  font-weight: 500;
  margin-bottom: 0.8333333333em;
  line-height: 1.6666666667;
  letter-spacing: 0.2em;
}

.list-items-ng__title .ico_check_01_gld {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 26px;
  flex: 0 0 26px;
  width: 26px;
  height: 21px;
  margin-top: 0.4166666667em;
  margin-right: 0.625em;
  object-fit: contain;
}

.list-items-ng__text {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.2em;
}

@media screen and (max-width: 960px) {
  .sec-items-ng {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .sec-items-ng__body {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .list-items-ng {
    margin-top: 0;
  }
  .list-items-ng__item {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .list-items-ng__title {
    font-size: 1.6rem;
  }
  .list-items-ng__title .ico_check_01_gld {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 17px;
    flex: 0 0 17px;
    width: 17px;
    height: 14px;
    margin-right: 0.625em;
  }
  .list-items-ng__text {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 576px) {
  .sec-items-ng .container-md {
    padding-left: 24px;
    padding-right: 24px;
  }
  .sec-items-ng__body {
    padding-left: 16px;
    padding-right: 16px;
  }
}


/* sec-items-feature
------------------------------------------------------------- */

.sec-items-feature {
  padding-top: 140px;
  padding-bottom: 150px;
}

.sec-items-feature .container-md {
  max-width: 1240px;
}

.list-items-feature {
  margin-top: 100px;
}

.list-items-feature__item {
  position: relative;
  z-index: 0;
}

.list-items-feature__item:not(:last-child) {
  margin-bottom: 100px;
}

.list-items-feature__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.list-items-feature__illust {
  text-align: center;
  width: 39.1304347826%;
}

.list-items-feature__detail {
  width: 47.8260869565%;
}

.list-items-feature__num {
  position: absolute;
  z-index: -1;
  top: -0.0384615385em;
  font-size: 26.0rem;
  font-weight: 200;
  line-height: 1;
  color: #fbf6ea;
}

.list-items-feature__title {
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.6666666667;
  letter-spacing: 0.2em;
}

.list-items-feature__title:after {
  content: "";
  display: block;
  width: 100px;
  height: 1px;
  margin-top: 0.6428571429em;
  margin-bottom: 1.0714285714em;
  background: #d2a930;
}

.list-items-feature__text {
  text-align: left;
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.2em;
}

@media screen and (min-width: 961px) {
  .list-items-feature__item:nth-child(2n-1) {
    padding-left: 14.8148148148%;
  }
  .list-items-feature__item:nth-child(2n-1) .list-items-feature__num {
    left: 0;
  }
  .list-items-feature__item:nth-child(2n-1) .list-items-feature__detail {
    margin-right: auto;
  }
  .list-items-feature__item:nth-child(2n) {
    padding-right: 14.8148148148%;
  }
  .list-items-feature__item:nth-child(2n) .list-items-feature__num {
    right: 0;
  }
  .list-items-feature__item:nth-child(2n) .list-items-feature__detail {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: auto;
  }
  .list-items-feature__item:nth-child(2n) .list-items-feature__illust {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media screen and (max-width: 1024px) {
  .list-items-feature__title {
    font-size: 2.6rem;
  }
}

@media screen and (max-width: 960px) {
  .sec-items-feature {
    padding-top: 80px;
    padding-bottom: 90px;
  }
  .list-items-feature {
    margin-top: 50px;
  }
  .list-items-feature.-night-cap .list-items-feature__item:nth-child(1) .list-items-feature__illust img {
    max-width: 170px;
  }
  .list-items-feature.-night-cap .list-items-feature__item:nth-child(2) .list-items-feature__illust img {
    max-width: 220px;
  }
  .list-items-feature.-pillow-case .list-items-feature__item:nth-child(1) .list-items-feature__illust img {
    max-width: 220px;
  }
  .list-items-feature.-pillow-case .list-items-feature__item:nth-child(2) .list-items-feature__illust img {
    max-width: 220px;
  }
  .list-items-feature.-pajamas .list-items-feature__item:nth-child(1) .list-items-feature__illust img {
    max-width: 170px;
  }
  .list-items-feature.-pajamas .list-items-feature__item:nth-child(2) .list-items-feature__illust img {
    max-width: 220px;
  }
  .list-items-feature.-pajamas .list-items-feature__item:nth-child(3) .list-items-feature__illust img {
    max-width: 220px;
  }
  .list-items-feature__item {
    width: 100%;
  }
  .list-items-feature__item:not(:last-child) {
    margin-bottom: 80px;
  }
  .list-items-feature__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .list-items-feature__detail {
    position: relative;
    z-index: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
  }
  .list-items-feature__num {
    top: -0.1153846154em;
    left: auto;
    right: 0;
    font-size: 20.8333333333vw;
  }
  .list-items-feature__illust {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    margin-bottom: 20px;
  }
  .list-items-feature__title {
    font-size: 1.8rem;
  }
  .list-items-feature__title:after {
    width: 80px;
  }
  .list-items-feature__text {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 576px) {
  .list-items-feature__num {
    font-size: 24.3055555556vw;
  }
}


/* sec-items-silk
------------------------------------------------------------- */

.sec-items-silk {
  position: relative;
  z-index: 0;
  width: 100%;
  padding: 130px 120px;
}

.sec-items-silk:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 75vw;
  height: 100%;
  background: #faf5f5;
}

.sec-items-silk__detail {
  position: relative;
  z-index: 2;
  padding: 80px;
  background: #ffffff;
}

.sec-items-silk__detail:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 8px;
  width: 100%;
  height: 100%;
  border: 1px solid #d2a930;
  mix-blend-mode: multiply;
}

.sec-items-silk__title {
  font-size: 2.6rem;
  font-weight: 500;
  margin-bottom: 1.1538461538em;
  line-height: 1.6923076923;
  letter-spacing: 0.2em;
}

.sec-items-silk__text {
  font-size: 1.4rem;
  line-height: 2.1428571429;
  letter-spacing: 0.2em;
}

.sec-items-silk__img {
  position: relative;
  z-index: 1;
  width: 77.7777777778%;
  width: calc(100% - 320px);
  height: 600px;
  background: url('//cocosilk.jp/cdn/shop/t/73/assets/night_cap_img_silk_01_2000x.jpg?v=111967322786584591701750759709') no-repeat center;
  background-size: cover;
}

.sec-items-silk2__img {
  position: relative;
  z-index: 1;
  width: 77.7777777778%;
  width: calc(100% - 320px);
  height: 600px;
  background: url('//cocosilk.jp/cdn/shop/t/73/assets/img_silk_01_2000x.jpg?v=16323401122092026221750759694') no-repeat center;
  background-size: cover;
}

@media screen and (min-width: 961px) {
  .sec-items-silk__detail {
    position: absolute;
    top: 50%;
    left: 120px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30.5555555556vw;
    min-width: 400px;
    max-width: 440px;
  }
  .sec-items-silk__img {
    margin-left: auto;
  }
  .sec-items-silk2__img {
    margin-left: auto;
  }
}

@media screen and (max-width: 1440px) {
  .sec-items-silk {
    padding-left: 8.3333333333vw;
    padding-right: 8.3333333333vw;
  }
  .sec-items-silk__detail {
    left: 8.3333333333vw;
    padding-left: 5.5555555556%;
    padding-right: 5.5555555556%;
  }
}

@media screen and (max-width: 1280px) {
  .sec-items-silk {
    padding-left: 80px;
    padding-right: 0;
  }
  .sec-items-silk__detail {
    left: 80px;
  }
}

@media screen and (max-width: 960px) {
  .sec-items-silk {
    padding: 0 0 40px;
  }
  .sec-items-silk:before {
    width: 100%;
  }
  .sec-items-silk__img {
    width: 100%;
    height: 62.5vw;
  }
  .sec-items-silk2__img {
    width: 100%;
    height: 62.5vw;
  }
  .sec-items-silk__detail {
    left: 0;
    width: calc(100% - 96px);
    margin-left: auto;
    margin-right: auto;
    margin-top: -40px;
    padding: 40px 48px 35px;
  }
  .sec-items-silk__detail:after {
    top: 4px;
    left: 4px;
  }
  .sec-items-silk__title {
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 0.7692307692em;
  }
  .sec-items-silk__text {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 576px) {
  .sec-items-silk__detail {
    width: calc(100% - 48px);
  }
}


/* sec-items-size
------------------------------------------------------------- */

.sec-items-size {
  padding-top: 140px;
  padding-bottom: 150px;
}

.sec-items-size .m-title-04 {
  margin-top: 2.3214285714em;
  margin-bottom: 1.7857142857em;
}

.sec-items-size__text {
  text-align: center;
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.2em;
}

.list-items-size {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 80px;
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}

.list-items-size__item {
  width: 45.9459459459%;
}

.list-items-size__item img {
  -webkit-backface-visibility: hidden;
}

.list-items-size__title {
  font-size: 2.6rem;
  font-weight: 500;
  margin-top: 0.5384615385em;
  margin-bottom: 0.1923076923em;
  line-height: 1.6923076923;
  letter-spacing: 0.2em;
}

.list-items-size__text {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.2em;
}

.list-items-size__text span {
  display: inline-block;
  font-size: 1.1428571429em;
  font-weight: bold;
  line-height: 1.7142857143;
}

@media screen and (max-width: 960px) {
  .sec-items-size {
    padding-top: 80px;
    padding-bottom: 90px;
  }
  .sec-items-size .m-title-04 {
    margin-top: 1.75em;
    margin-bottom: 1.5em;
  }
  .sec-items-size__text {
    text-align: left;
    font-size: 1.2rem;
  }
  .list-items-size {
    margin-top: 40px;
  }
  .list-items-size__title {
    font-size: 1.7rem;
  }
  .list-items-size__text {
    font-size: 1.0rem;
  }
  .list-items-size__text span {
    font-size: 1.1em;
  }
}


/* sec-items-use
------------------------------------------------------------- */

.sec-items-use {
  padding-top: 140px;
  padding-bottom: 150px;
  background: #faf5f5;
}

.sec-items-use .container-md {
  max-width: 1240px;
}

.list-items-use {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 100px;
}

.list-items-use__item {
  position: relative;
  z-index: 0;
  width: 20.5555555556%;
}

.list-items-use__item:last-child .list-items-use__illust:after {
  display: none;
}

.list-items-use__illust {
  position: relative;
  z-index: 0;
  text-align: center;
}

.list-items-use__illust:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  right: -18.9189189189%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 21px;
  height: 10px;
  background: url('//cocosilk.jp/cdn/shop/t/73/assets/ico_arw_next_03_pink_200x.png?v=117301320887552985931750759661') no-repeat;
  background-size: contain;
}

.list-items-use__illust img {
  -webkit-backface-visibility: hidden;
}

.list-items-use__title {
  font-size: 2.0rem;
  font-weight: 500;
  margin-top: 0.75em;
  margin-bottom: 1em;
  line-height: 1.4;
  letter-spacing: 0.18em;
  color: #d97787;
}

.list-items-use__text {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.2em;
}

@media screen and (max-width: 960px) {
  .sec-items-use {
    padding-top: 80px;
    padding-bottom: 70px;
  }
  .list-items-use {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 640px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
  }
  .list-items-use__item {
    position: relative;
    z-index: 0;
    width: 45.8333333333%;
    margin-bottom: 15%;
  }
  .list-items-use__item:nth-last-child(-n + 2) {
    margin-bottom: 0;
  }
  .list-items-use__illust:after {
    display: none;
  }
  .list-items-use__title {
    text-align: center;
  }
}

@media screen and (max-width: 576px) {
  .list-items-use__title {
    font-size: 1.4rem;
  }
  .list-items-use__text {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 320px) {
  .list-items-use__title {
    font-size: 1.3rem;
  }
  .list-items-use__text {
    font-size: 1.1rem;
  }
}


/* sec-items-care
------------------------------------------------------------- */

.sec-items-care__header {
  position: relative;
  z-index: 0;
  text-align: center;
  padding-top: 190px;
  padding-bottom: 210px;
  color: #ffffff;
}

.sec-items-care__header:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('//cocosilk.jp/cdn/shop/t/73/assets/night_cap_img_care_01_2000x.jpg?v=145921492730412545301750759709') no-repeat center;
  background-size: cover;
}

.sec-items-care__header:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.sec-items-care__text {
  font-size: 1.4rem;
  font-weight: bold;
  margin-top: 3.4285714286em;
  line-height: 2;
  letter-spacing: 0.2em;
}

.sec-items-care__body {
  padding-bottom: 150px;
  background: url('//cocosilk.jp/cdn/shop/t/73/assets/pat_01_2000x.png?v=134620987235456703591750759722') repeat;
}

.list-items-care {
  margin-top: -80px;
}

.list-items-care__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  background: #ffffff;
  border: 1px solid #e4cacb;
  border-radius: 3px;
  padding-right: 30px;
}

.list-items-care__item:not(:last-child) {
  margin-bottom: 14px;
}

.list-items-care__num {
  position: relative;
  z-index: 0;
  width: 140px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.08em;
  background: #e4cacb;
  color: #ffffff;
  border-radius: 3px 0 0 3px;
}

.list-items-care__num span {
  display: block;
  font-size: 2.6666666667em;
}

.list-items-care__num-inner {
  display: block;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.list-items-care__text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 2.8571428571em;
  line-height: 2;
  letter-spacing: 0.2em;
}

.list-items-care__illust {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 140px;
  flex: 0 0 140px;
}

.list-items-care__illust img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-height: 100px;
  -webkit-backface-visibility: hidden;
}

@media screen and (max-width: 960px) {
  .sec-items-care__header {
    padding-top: 80px;
    padding-bottom: 110px;
  }
  .sec-items-care__text {
    font-size: 1.2rem;
    margin-top: 3.3333333333em;
  }
  .sec-items-care__body {
    padding-bottom: 80px;
  }
  .list-items-care {
    margin-top: -60px;
  }
  .list-items-care__item {
    min-height: 80px;
    padding-right: 16px;
  }
  .list-items-care__num {
    width: 48px;
    font-size: 1.0rem;
  }
  .list-items-care__num span {
    font-size: 2em;
  }
  .list-items-care__text {
    font-size: 1.2rem;
    padding: 1.1666666667em 1.1428571429em 1.1666666667em 1.4285714286em;
    line-height: 1.8;
  }
  .list-items-care__illust {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
  }
}


/* sec-items-faq
------------------------------------------------------------- */

.sec-items-faq {
  padding-top: 140px;
  padding-bottom: 160px;
  background: #faf5f5;
}

.list-faq {
  margin-top: 60px;
}

.list-faq__item {
  font-size: 1.6rem;
  font-weight: normal;
  margin-bottom: 5px;
  letter-spacing: 0.2em;
  line-height: 1.875;
  background: #ffffff;
}

.list-faq__question {
  position: relative;
  z-index: 0;
  cursor: pointer;
  -webkit-transition: background 0.6s ease;
  transition: background 0.6s ease;
}

.list-faq__question:before,
.list-faq__question:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 40px;
  width: 14px;
  height: 2px;
  background: #333333;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.list-faq__question:before {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.list-faq__question:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.list-faq__question.is-active {
  background: #e4cacb;
}

.list-faq__question.is-active:before,
.list-faq__question.is-active:after {
  background: #ffffff;
}

.list-faq__question.is-active:before {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.list-faq__question.is-active:after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.list-faq__question.is-active .list-faq__title {
  color: #ffffff;
  font-weight: bold;
}

.list-faq__title {
  font-size: 1.6rem;
  position: relative;
  z-index: 0;
  padding: 1.5625em 3.75em 1.5625em 4.25em;
}

.list-faq__title:before {
  content: "Q";
  display: block;
  position: absolute;
  z-index: 1;
  top: 1.3em;
  left: 1.6em;
  font-family: "Josefin Sans", var(--font-body-family);
  font-size: 2.0rem;
  font-weight: 400;
  line-height: 1;
  color: inherit;
}

.list-faq__answer {
  display: none;
}

.list-faq__answer p {
  position: relative;
  z-index: 0;
  font-size: 1.4rem;
  font-weight: normal;
  padding: 1.7857142857em 4.2857142857em 1.7857142857em 4.8571428571em;
  letter-spacing: 0.2em;
  line-height: 2;
  color: #d97787;
}

.list-faq__answer p:before {
  content: "A";
  display: block;
  position: absolute;
  z-index: 1;
  top: 1.5em;
  left: 1.6em;
  font-family: "Josefin Sans", var(--font-body-family);
  font-size: 2.0rem;
  font-weight: 400;
  line-height: 1;
  color: #d97787;
}

.ie .list-faq__title:before {
  top: 1.35em;
}

.ie .list-faq__answer:before {
  top: 1.35em;
}

@media screen and (max-width: 960px) {
  .sec-items-faq {
    padding-top: 80px;
    padding-bottom: 90px;
  }
  .list-faq {
    margin-top: 40px;
  }
  .list-faq__item {
    font-size: 1.3rem;
  }
  .list-faq__question:before,
  .list-faq__question:after {
    right: 20px;
    width: 12px;
    height: 2px;
  }
  .list-faq__title {
    font-size: 1.3rem;
    padding: 1.0769230769em 4.3076923077em 1.0769230769em 2.9230769231em;
    line-height: 1.6;
  }
  .list-faq__title:before {
    top: 1.05em;
    left: 0.875em;
    font-size: 1.6rem;
  }
  .list-faq__answer p {
    font-size: 1.2rem;
    padding: 1.1666666667em 1.6666666667em 1.1666666667em 3.1666666667em;
    line-height: 1.8;
  }
  .list-faq__answer p:before {
    top: 1.15em;
    left: 0.875em;
    font-size: 1.6rem;
  }
}


/* sec-items-other
------------------------------------------------------------- */

.sec-items-other {
  overflow: hidden;
  padding-top: 180px;
  padding-bottom: 180px;
}

.sec-items-other__body {
  position: relative;
  z-index: -1;
}


/* Slider */

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 56px;
  height: 56px;
  background: url('//cocosilk.jp/cdn/shop/t/73/assets/ico_circle_01_gld_200x.png?v=115456566612725841631750759662') no-repeat;
  background-size: contain;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  cursor: pointer !important;
}

.slick-arrow:before {
  content: "";
  display: block;
  width: 21px;
  height: 9px;
}

.slick-arrow.btn-prev:before {
  background: url('//cocosilk.jp/cdn/shop/t/73/assets/ico_arw_prev_01_gld_200x.png?v=84982039617519517751750759661') no-repeat;
}

.slick-arrow.btn-prev:hover:before {
  -webkit-animation: anim-slider-prev-arw 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s 1;
  animation: anim-slider-prev-arw 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s 1;
}

.slick-arrow.btn-next {
  margin-left: 8px;
}

.slick-arrow.btn-next:before {
  background: url('//cocosilk.jp/cdn/shop/t/73/assets/ico_arw_next_01_gld_200x.png?v=73997119538345805501750759660') no-repeat;
}

.slick-arrow.btn-next:hover:before {
  -webkit-animation: anim-slider-next-arw 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s 1;
  animation: anim-slider-next-arw 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s 1;
}

@-webkit-keyframes anim-slider-prev-arw {
  50% {
    -webkit-transform: translate(-6px, 0);
    transform: translate(-6px, 0);
  }
  50.1% {
    -webkit-transform: translate(6px, 0);
    transform: translate(6px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes anim-slider-prev-arw {
  50% {
    -webkit-transform: translate(-6px, 0);
    transform: translate(-6px, 0);
  }
  50.1% {
    -webkit-transform: translate(6px, 0);
    transform: translate(6px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes anim-slider-next-arw {
  50% {
    -webkit-transform: translate(6px, 0);
    transform: translate(6px, 0);
  }
  50.1% {
    -webkit-transform: translate(-6px, 0);
    transform: translate(-6px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes anim-slider-next-arw {
  50% {
    -webkit-transform: translate(6px, 0);
    transform: translate(6px, 0);
  }
  50.1% {
    -webkit-transform: translate(-6px, 0);
    transform: translate(-6px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

.list-items-other {
  margin-left: 38.8888888889vw;
}

.list-items-other__item {
  display: block;
  position: relative;
  z-index: 0;
  width: 320px;
  margin-right: 40px;
  text-decoration: none;
}

.list-items-other__item img {
  -webkit-backface-visibility: hidden;
}

.list-items-other__name {
  font-size: 1.0rem;
  margin-top: 2.5em;
}

.list-items-other__name .ja {
  letter-spacing: 0.4em;
}

.list-items-other__name .en {
  display: block;
  font-size: 2em;
  font-weight: 400;
  margin-top: 0.4166666667em;
  letter-spacing: 0.26em;
  line-height: 1;
  text-transform: uppercase;
}

.list-items-other__text {
  font-size: 1.2rem;
  line-height: 2.5;
  letter-spacing: 0.2em;
}

.sec-items-other__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  z-index: 1;
  top: 100px;
  left: 0;
}

@media screen and (min-width: 961px) {
  .list-items-other {
    margin-top: -40px;
  }
}

@media screen and (max-width: 960px) {
  .sec-items-other {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .list-items-other {
    margin-top: 40px;
    margin-left: 48px;
  }
  .list-items-other__item {
    width: 160px;
    margin-right: 16px;
  }
  .list-items-other__name .en {
    font-size: 1.3333333333em;
  }
  .list-items-other__text {
    font-size: 1.0rem;
  }
  .sec-items-other__nav {
    display: none;
  }
}

@media screen and (max-width: 576px) {
  .list-items-other {
    margin-left: 10.6666666667vw;
  }
}


/* sec-items-worry
------------------------------------------------------------- */

.sec-items-worry {
  padding-top: 130px;
  padding-bottom: 140px;
  background: #faf5f5;
}

.sec-items-worry .container-md {
  max-width: 1240px;
}

.sec-items-worry__body {
  position: relative;
  z-index: 0;
  padding-top: 80px;
  padding-bottom: 80px;
  background: #ffffff;
}

.sec-items-worry__body:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 8px;
  width: 100%;
  height: 100%;
  border: 1px solid #d2a930;
  mix-blend-mode: multiply;
}

.list-items-worry {
  position: relative;
  z-index: 0;
  margin-top: 50px;
  width: 100%;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.list-items-worry > li {
  position: relative;
  z-index: 0;
  font-size: 1.8rem;
  font-weight: 500;
  padding-top: 0.9444444444em;
  padding-bottom: 0.9444444444em;
  line-height: 1.5;
  letter-spacing: 0.2em;
}

.list-items-worry > li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.list-items-worry > li span .ico_check_01_gld {
  content: "";
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 26px;
  flex: 0 0 26px;
  width: 26px;
  height: 21px;
  margin-top: 0.2777777778em;
  margin-right: 0.8333333333em;
  object-fit: contain;
}

.list-items-worry > li:nth-child(1):before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(#d2a930), color-stop(25%, #d2a930), color-stop(25%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))) 0 0;
  background: linear-gradient(to right, #d2a930, #d2a930 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%) 0 0;
  background-size: 4px 1px;
}

.list-items-worry > li:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(#d2a930), color-stop(25%, #d2a930), color-stop(25%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))) 0 0;
  background: linear-gradient(to right, #d2a930, #d2a930 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%) 0 0;
  background-size: 4px 1px;
}

@media screen and (max-width: 960px) {
  .sec-items-worry {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .sec-items-worry__body {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .list-items-worry {
    margin-top: 20px;
  }
  .list-items-worry > li {
    font-size: 1.3rem;
  }
  .list-items-worry > li span .ico_check_01_gld {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 17px;
    flex: 0 0 17px;
    width: 17px;
    height: 14px;
    margin-right: 0.625em;
  }
}

@media screen and (max-width: 576px) {
  .sec-items-worry .container-md {
    padding-left: 24px;
    padding-right: 24px;
  }
  .list-items-worry {
    max-width: 240px;
    padding-left: 16px;
    padding-right: 16px;
  }
}


/* sec-pillow-case-why
------------------------------------------------------------- */

.sec-pillow-case-why {
  padding-top: 110px;
  padding-bottom: 50px;
}

.sec-pillow-case-why .container-md {
  max-width: 1240px;
}

.sec-pillow-case-why__body {
  margin-top: 90px;
}

.sec-pillow-case-why__fig {
  text-align: center;
  width: 48.1481481481%;
  line-height: 0;
}

.sec-pillow-case-why__fig img {
  width: 73.0769230769%;
}

.sec-pillow-case-why__detail {
  width: 48.1481481481%;
}

.sec-pillow-case-why__text {
  font-size: 1.4rem;
  margin-top: 1.7857142857em;
  line-height: 2;
  letter-spacing: 0.2em;
}

@media screen and (min-width: 961px) {
  .sec-pillow-case-why__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media screen and (max-width: 960px) {
  .sec-pillow-case-why {
    padding-top: 60px;
    padding-bottom: 0;
  }
  .sec-pillow-case-why__body {
    margin-top: 30px;
  }
  .sec-pillow-case-why__fig {
    width: 100%;
  }
  .sec-pillow-case-why__fig img {
    max-width: 320px;
  }
  .sec-pillow-case-why__detail {
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
  .sec-pillow-case-why__text {
    text-align: left;
    font-size: 1.2rem;
    margin-top: 1.6666666667em;
  }
}


/* sec-pillow-case-feature
------------------------------------------------------------- */

.sec-pillow-case-feature {
  overflow: hidden;
  padding-top: 180px;
}

@media screen and (min-width: 961px) {
  .sec-pillow-case-feature .m-block-utility__item:nth-of-type(2n) .m-block-utility__img {
    margin-left: auto;
    margin-right: -16.6666666667%;
  }
  .sec-pillow-case-feature .m-block-utility__item:nth-of-type(2n) .m-block-utility__detail {
    left: 0;
  }
  .sec-pillow-case-feature .m-block-utility__item:nth-of-type(2n-1) .m-block-utility__img {
    margin-left: -16.6666666667%;
  }
  .sec-pillow-case-feature .m-block-utility__item:nth-of-type(2n-1) .m-block-utility__detail {
    right: 0;
  }
}

@media screen and (max-width: 960px) {
  .sec-pillow-case-feature {
    padding-top: 80px;
  }
}


/* sec-pillow-case-feature
------------------------------------------------------------- */

.block-pillow-case-fastener {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding-left: 120px;
  padding-right: 120px;
  margin-bottom: 160px;
}

.block-pillow-case-fastener__item {
  width: 50%;
  height: 30.5555555556vw;
  max-height: 740px;
  background: #dcc2cc;
}

.block-pillow-case-fastener__item:nth-child(2) {
  padding: 10px;
}

.block-pillow-case-fastener__item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  border: 1px solid #ffffff;
}

.block-pillow-case-fastener__title {
  text-align: center;
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 1.5714285714;
  letter-spacing: 0.2em;
  color: #ffffff;
}

@media screen and (max-width: 1024px) {
  .block-pillow-case-fastener__title {
    font-size: 2.2rem;
  }
}

@media screen and (max-width: 960px) {
  .block-pillow-case-fastener {
    height: auto;
    padding: 0;
    margin-bottom: 80px;
  }
  .block-pillow-case-fastener__item {
    height: 50vw;
  }
  .block-pillow-case-fastener__item:nth-child(2) {
    padding: 4px;
  }
}

@media screen and (max-width: 576px) {
  .block-pillow-case-fastener__title {
    font-size: 3.4722222222vw;
    letter-spacing: 0;
  }
}


/* .block-pajamas-photo
------------------------------------------------------------- */

.block-pajamas-photo__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.block-pajamas-photo__item {
  width: 48.1481481481%;
  line-height: 0;
}


/* sec-pajamas-size
------------------------------------------------------------- */

.sec-pajamas-size {
  padding-top: 150px;
  padding-bottom: 150px;
}

.sec-pajamas-size .container-md {
  max-width: 1240px;
}

.sec-pajamas-size .m-table-02 {
  margin-top: 80px;
  margin-bottom: 100px;
}

.sec-pajamas-size .m-table-02 + img {
  -webkit-backface-visibility: hidden;
}

@media screen and (max-width: 960px) {
  .sec-pajamas-size {
    padding-top: 80px;
    padding-bottom: 90px;
  }
  .sec-pajamas-size .m-table-02 {
    margin-top: 40px;
    margin-bottom: 50px;
  }
  .sec-pajamas-size__illust {
    width: 100%;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
  }
}


/* =============================================================
ページ固有のスタイリングを定義
============================================================= */

.page-concept .m-block-title-page-01__img {
  background: url('//cocosilk.jp/cdn/shop/t/73/assets/mv_concept_01_2000x.png?v=170576370832033047991750759700') no-repeat center left;
  background-size: cover;
}

@media screen and (max-width: 960px) {
  .page-concept .m-block-title-page-01 {
    text-align: center;
    margin-bottom: 80px;
    padding-top: 20.8333333333vw;
  }
  .page-concept .m-block-title-page-01__label {
    font-size: 4.0rem;
    padding: 0;
  }
  .page-concept .m-block-title-page-01__label .ja {
    font-size: 0.35em;
  }
  .page-concept .m-block-title-page-01__img {
    display: none;
  }
}

@media screen and (max-width: 576px) {
  .page-concept .m-block-title-page-01 {
    margin-bottom: 60px;
    padding-top: 100px;
  }
  .page-concept .m-block-title-page-01__label {
    font-size: 2.2rem;
  }
}


/* sec-concept-intro
------------------------------------------------------------- */

.sec-concept-intro {
  overflow: hidden;
  position: relative;
  z-index: 0;
  padding-bottom: 180px;
}

.sec-concept-intro__detail {
  position: relative;
  z-index: 0;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 3.7037037037% 80px 11.1111111111% 120px;
}

.sec-concept-intro__text {
  margin-top: 2.8571428571em;
  line-height: 2.2857142857;
  letter-spacing: 0.2em;
}

.sec-concept-intro__img-01 {
  position: relative;
  z-index: 0;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 37.037037037%;
  max-width: 400px;
  line-height: 0;
}

.sec-concept-intro__img-02 {
  position: relative;
  z-index: 0;
  width: 37.037037037%;
  max-width: 400px;
  margin-top: -130px;
  margin-left: auto;
  line-height: 0;
}

.sec-concept-intro__img-02 img + img {
  position: absolute;
  z-index: 1;
  bottom: -30%;
  left: -25%;
  width: 70%;
  max-width: 280px;
}

.sec-concept-intro__illust-01,
.sec-concept-intro__illust-02 {
  position: absolute;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}

.sec-concept-intro__illust-01 {
  bottom: 70px;
  right: 90px;
}

.sec-concept-intro__illust-02 {
  bottom: -80px;
  left: 100px;
}

@media screen and (min-width: 961px) {
  .sec-concept-intro__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media screen and (max-width: 1440px) {
  .sec-concept-intro__detail {
    padding-right: 0;
  }
  .sec-concept-intro__img-02 {
    margin-top: -80px;
  }
  .sec-concept-intro__illust-01 {
    bottom: 40px;
    right: 10px;
  }
}

@media screen and (max-width: 960px) {
  .sec-concept-intro {
    padding-bottom: 60px;
  }
  .sec-concept-intro .js-fade-in-up {
    visibility: visible;
    -webkit-animation: none;
    animation: none;
  }
  .sec-concept-intro__detail {
    padding: 0;
  }
  .sec-concept-intro__text {
    font-size: 1.2rem;
    line-height: 2;
    margin-top: 2.0833333333em;
  }
  .sec-concept-intro__text span {
    display: block;
    margin-bottom: 1em;
  }
  .sec-concept-intro__img-01 {
    width: 53.3333333333vw;
    height: 74.6666666667vw;
    margin-bottom: 60px;
  }
  .sec-concept-intro__img-01 img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 0 -20px;
    object-position: 0 -20px;
    width: 100%;
    height: 100%;
  }
  .sec-concept-intro__img-01:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 5.3333333333vw;
    left: 5.3333333333vw;
    width: 100%;
    height: 100%;
    background: #faf5f5;
  }
  .sec-concept-intro__img-02 {
    display: none;
    width: 48vw;
    margin-top: 0;
  }
  .sec-concept-intro__illust-01 {
    width: 15.625vw;
    top: -8vw;
    right: -80px;
  }
  .sec-concept-intro__illust-02 {
    width: 21.7708333333vw;
    left: 0;
    bottom: 16vw;
  }
}

@media screen and (max-width: 576px) {
  .sec-concept-intro__illust-01 {
    right: -12vw;
  }
}


/* block-concept-movie
------------------------------------------------------------- */

.block-concept-movie {
  position: relative;
  z-index: 0;
  overflow: hidden;
  padding-bottom: 120px;
}

.block-concept-movie:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 120px);
  background: #faf5f5;
}

.block-concept-movie__body {
  position: relative;
  z-index: 0;
  width: 100%;
  max-width: 55.5555555556vw;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}

.block-concept-movie__body video {
  display: block;
  width: 100%;
}

.block-concept-movie__text {
  position: absolute;
  z-index: 1;
  bottom: -40px;
  right: -72px;
}

@media screen and (max-width: 1024px) {
  .block-concept-movie__body {
    max-width: 100%;
  }
  .block-concept-movie__text {
    width: 40.0390625vw;
    bottom: -5.859375vw;
    right: -8px;
  }
}

@media screen and (max-width: 960px) {
  .block-concept-movie {
    padding-bottom: 50px;
    margin-bottom: 70px;
  }
}


/* sec-concept-day
------------------------------------------------------------- */

.sec-concept-day {
  overflow: hidden;
  padding-top: 160px;
  padding-bottom: 180px;
}

.sec-concept-day .container-md {
  max-width: 1240px;
}

.sec-concept-day__detail {
  padding-left: 11.1111111111%;
  padding-right: 11.1111111111%;
}

.sec-concept-day__img-01,
.sec-concept-day__img-02 {
  line-height: 0;
}

.sec-concept-day__time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.7rem;
  font-weight: 500;
  margin-bottom: 1.7647058824em;
  line-height: 1;
  letter-spacing: 0.3em;
}

.sec-concept-day__time svg {
  margin-top: -0.4117647059em;
  margin-right: 1.1764705882em;
}

.sec-concept-day__text {
  font-size: 1.4rem;
  line-height: 2.2857142857;
  letter-spacing: 0.2em;
}

.sec-concept-day__item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sec-concept-day__item {
  position: relative;
  z-index: 0;
}

.sec-concept-day__item svg {
  -webkit-backface-visibility: hidden;
}

.sec-concept-day__item:nth-of-type(1) .sec-concept-day__img-01 {
  width: 48.1481481481%;
}

.sec-concept-day__item:nth-of-type(1) .sec-concept-day__detail {
  width: 48.1481481481%;
}

.sec-concept-day__item:nth-of-type(2) .sec-concept-day__img-01 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  width: 33.3333333333%;
}

.sec-concept-day__item:nth-of-type(2) .sec-concept-day__detail {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 62.962962963%;
}

.sec-concept-day__item:nth-of-type(3) .sec-concept-day__img-01 {
  width: 33.3333333333%;
}

.sec-concept-day__item:nth-of-type(3) .sec-concept-day__detail {
  width: 62.962962963%;
}

.sec-concept-day__item:nth-of-type(4) .sec-concept-day__img-01 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  width: 40.7407407407%;
}

.sec-concept-day__item:nth-of-type(4) .sec-concept-day__img-02 {
  width: 48.1481481481%;
  margin-top: 6.4814814815%;
}

.sec-concept-day__item:nth-of-type(4) .sec-concept-day__detail {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 55.5555555556%;
}

.sec-concept-day__item:nth-of-type(5) .sec-concept-day__img-01 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  width: 33.3333333333%;
}

.sec-concept-day__item:nth-of-type(5) .sec-concept-day__detail {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 62.962962963%;
}

.sec-concept-day__item:nth-of-type(6) {
  padding-top: 40px;
  padding-bottom: 30px;
}

.sec-concept-day__item:nth-of-type(6) .sec-concept-day__item-inner {
  display: block;
}

.sec-concept-day__item:nth-of-type(6) .sec-concept-day__img-01 {
  width: 62.962962963%;
}

.sec-concept-day__item:nth-of-type(6) .sec-concept-day__img-02 {
  position: absolute;
  z-index: 1;
  top: 38.2352941176%;
  right: 0;
  width: 25.9259259259%;
}

.sec-concept-day__item:nth-of-type(6) .sec-concept-day__detail {
  width: 62.962962963%;
  padding-top: 70px;
}

.sec-concept-day__item:nth-of-type(7) .sec-concept-day__img-01 {
  width: 33.3333333333%;
}

.sec-concept-day__item:nth-of-type(7) .sec-concept-day__detail {
  width: 62.962962963%;
}

.sec-concept-day__item:not(:last-child) {
  margin-bottom: 120px;
}

.block-concept-credit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 48px;
  padding-bottom: 48px;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
}

.block-concept-credit__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
}

.block-concept-credit__item:nth-child(1) {
  border-right: 1px solid #707070;
}

.block-concept-credit__title {
  font-size: 1.2rem;
  font-weight: 550;
  letter-spacing: 0.3em;
}

.block-concept-credit__text {
  position: relative;
  z-index: 0;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2.5833333333;
  letter-spacing: 0.3em;
}

@media screen and (max-width: 960px) {
  .sec-concept-day {
    padding-top: 0;
    padding-bottom: 80px;
  }
  .sec-concept-day__item-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .sec-concept-day__detail {
    padding-top: 25px;
    padding-left: 0;
    padding-right: 0;
  }
  .sec-concept-day__time {
    font-size: 1.4rem;
    margin-bottom: 1.1428571429em;
  }
  .sec-concept-day__time svg {
    width: 26px;
  }
  .sec-concept-day__text {
    font-size: 1.2rem;
  }
  .sec-concept-day__item:nth-of-type(1) .sec-concept-day__img-01 {
    width: 80%;
  }
  .sec-concept-day__item:nth-of-type(1) .sec-concept-day__detail {
    width: 80%;
  }
  .sec-concept-day__item:nth-of-type(2) .sec-concept-day__img-01 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 70%;
    margin-left: auto;
  }
  .sec-concept-day__item:nth-of-type(2) .sec-concept-day__detail {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 70%;
    margin-left: auto;
  }
  .sec-concept-day__item:nth-of-type(3) .sec-concept-day__img-01 {
    width: 70%;
  }
  .sec-concept-day__item:nth-of-type(3) .sec-concept-day__detail {
    width: 70%;
  }
  .sec-concept-day__item:nth-of-type(4) .sec-concept-day__img-01 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: calc(100% + 48px);
  }
  .sec-concept-day__item:nth-of-type(4) .sec-concept-day__img-02 {
    width: 100%;
    margin-top: 30px;
    -webkit-transform: translateX(-48px);
    transform: translateX(-48px);
  }
  .sec-concept-day__item:nth-of-type(4) .sec-concept-day__detail {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
  }
  .sec-concept-day__item:nth-of-type(5) .sec-concept-day__img-01 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 70%;
    margin-left: auto;
  }
  .sec-concept-day__item:nth-of-type(5) .sec-concept-day__detail {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 70%;
    margin-left: auto;
  }
  .sec-concept-day__item:nth-of-type(6) {
    padding-top: 0;
    padding-bottom: 0;
  }
  .sec-concept-day__item:nth-of-type(6) .sec-concept-day__img-02 {
    top: 40px;
  }
  .sec-concept-day__item:nth-of-type(6) .sec-concept-day__detail {
    width: 100%;
    padding-top: 30px;
  }
  .sec-concept-day__item:nth-of-type(7) {
    margin-bottom: 80px;
  }
  .sec-concept-day__item:nth-of-type(7) .sec-concept-day__img-01 {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
  .sec-concept-day__item:nth-of-type(7) .sec-concept-day__detail {
    width: 100%;
  }
  .sec-concept-day__item:not(:last-child) {
    margin-bottom: 60px;
  }
  .block-concept-credit {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .block-concept-credit__item {
    width: 100%;
  }
  .block-concept-credit__item:nth-child(1) {
    border-right: none;
  }
  .block-concept-credit__title {
    margin-bottom: 1.6666666667em;
  }
  .block-concept-credit__text {
    font-size: 1.0rem;
  }
}

@media screen and (max-width: 576px) {
  .sec-concept-day__text {
    font-size: 1.1rem;
  }
  .sec-concept-day__item:nth-of-type(4) .sec-concept-day__img-01 {
    width: calc(100% +(40 / 375*100vw));
  }
  .sec-concept-day__item:nth-of-type(4) .sec-concept-day__img-02 {
    -webkit-transform: translateX(-10.6666666667vw);
    transform: translateX(-10.6666666667vw);
  }
}


/* =============================================================
ページ固有のスタイリングを定義
============================================================= */

.page-story .m-block-title-page-01__img {
  background: url('//cocosilk.jp/cdn/shop/t/73/assets/mv_story_01_2000x.png?v=77715820396894518451750759705') no-repeat center;
  background-size: cover;
}

@media screen and (max-width: 960px) {
  .page-story .m-block-title-page-01 {
    text-align: center;
    margin-bottom: 80px;
    padding-top: 20.8333333333vw;
  }
  .page-story .m-block-title-page-01__label {
    font-size: 4.0rem;
    padding: 0;
  }
  .page-story .m-block-title-page-01__label .ja {
    font-size: 0.35em;
  }
  .page-story .m-block-title-page-01__img {
    display: none;
  }
}

@media screen and (max-width: 576px) {
  .page-story .m-block-title-page-01 {
    margin-bottom: 60px;
    padding-top: 100px;
  }
  .page-story .m-block-title-page-01__label {
    font-size: 2.2rem;
  }
}


/* sec-story-intro
------------------------------------------------------------- */

.sec-story-intro__text {
  line-height: 2;
  letter-spacing: 0.2em;
}

.sec-story-intro__img {
  width: calc(100% - 160px);
  height: 640px;
  margin-top: 140px;
  background: url('//cocosilk.jp/cdn/shop/t/73/assets/img_story_01_2000x.png?v=12203702038315539201750759694') no-repeat center;
  background-size: cover;
}

@media screen and (min-width: 961px) {
  .sec-story-intro__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .sec-story-intro__text {
    width: 51.8518518519%;
    margin-left: 160px;
  }
}

@media screen and (max-width: 960px) {
  .sec-story-intro .js-fade-in-up {
    visibility: visible;
    -webkit-animation: none;
    animation: none;
  }
  .sec-story-intro__title {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
  }
  .sec-story-intro__text {
    text-align: center;
    font-size: 1.2rem;
    margin-top: 3.3333333333em;
  }
  .sec-story-intro__img {
    width: calc(100% - 48px);
    height: 50vw;
    margin-top: 70px;
  }
}


/* sec-story-feature
------------------------------------------------------------- */

.sec-story-feature {
  overflow: hidden;
  padding-top: 160px;
}

.sec-story-feature .m-title-02 {
  margin-bottom: 3.5714285714em;
}

.sec-story-feature .m-block-utility__item:nth-of-type(1) .m-block-utility__img {
  background: url('//cocosilk.jp/cdn/shop/t/73/assets/img_feature_01_2000x.png?v=159572707498115051111750759676') center bottom;
  background-size: cover;
}

.sec-story-feature .m-block-utility__item:nth-of-type(2) .m-block-utility__img {
  background: url('//cocosilk.jp/cdn/shop/t/73/assets/img_feature_02_2000x.png?v=62476089491128009781750759676') center right;
  background-size: cover;
}

.sec-story-feature .m-block-utility__item:nth-of-type(3) .m-block-utility__img {
  background: url('//cocosilk.jp/cdn/shop/t/73/assets/img_feature_03_2000x.png?v=147351637425483874671750759677') center;
  background-size: cover;
}

@media screen and (min-width: 961px) {
  .sec-story-feature .m-block-utility__item:nth-of-type(2n) .m-block-utility__img {
    margin-left: -16.6666666667%;
  }
  .sec-story-feature .m-block-utility__item:nth-of-type(2n) .m-block-utility__detail {
    right: 0;
  }
  .sec-story-feature .m-block-utility__item:nth-of-type(2n-1) .m-block-utility__img {
    margin-left: auto;
    margin-right: -16.6666666667%;
  }
  .sec-story-feature .m-block-utility__item:nth-of-type(2n-1) .m-block-utility__detail {
    left: 0;
  }
}

@media screen and (max-width: 960px) {
  .sec-story-feature {
    padding-top: 100px;
  }
  .sec-story-feature .m-title-02 {
    margin-bottom: 2.8571428571em;
  }
  .sec-story-feature .container-md {
    padding-left: 24px;
    padding-right: 24px;
  }
}


/* sec-story-quality
------------------------------------------------------------- */

.sec-story-quality {
  padding-top: 180px;
  padding-bottom: 180px;
}

.sec-story-quality .m-title-01 {
  text-align: center;
}

.sec-story-quality__text {
  text-align: center;
  margin-top: 3.5714285714em;
  margin-bottom: 4.2857142857em;
  line-height: 2;
  letter-spacing: 0.2em;
}

@media screen and (max-width: 960px) {
  .sec-story-quality {
    padding-top: 100px;
    padding-bottom: 110px;
  }
  .sec-story-quality__text {
    text-align: left;
    font-size: 1.2rem;
    margin-top: 2.5em;
    margin-bottom: 3.3333333333em;
    padding-left: 24px;
    padding-right: 24px;
  }
}


/* =============================================================
ページ固有のスタイリングを定義
============================================================= */


/* sec-model-fv
------------------------------------------------------------- */

.sec-model-fv {
  padding-top: 120px;
  padding-bottom: 140px;
  background: #e4cacb;
}

.sec-model-fv__body {
  position: relative;
  z-index: 0;
}

.sec-model-fv__text {
  font-size: 1.4rem;
  font-weight: bold;
  margin-top: 2.8571428571em;
  padding-left: 20%;
  line-height: 2;
  letter-spacing: 0.2em;
  color: #ffffff;
}

.sec-model-fv__letter {
  position: absolute;
  z-index: 1;
  top: 594px;
  right: 80px;
  -webkit-transform: rotate(90deg) translateX(100%);
  transform: rotate(90deg) translateX(100%);
  -webkit-transform-origin: top right;
  transform-origin: top right;
  font-size: 20.0rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #f0e6e6;
}

.sec-model-fv__img {
  width: calc(100% - 320px);
  height: 720px;
  background: url('//cocosilk.jp/cdn/shop/t/73/assets/mv_model_01_2000x.jpg?v=44883577316697339851750759701') no-repeat left top;
  background-size: cover;
}

@media screen and (min-width: 961px) {
  .sec-model-fv__detail {
    position: absolute;
    z-index: 1;
    top: 124px;
    left: 80px;
    width: 500px;
  }
  .sec-model-fv__img {
    margin-left: auto;
  }
}

@media screen and (max-width: 1440px) {
  .sec-model-fv__img {
    width: calc(100% - 240px);
  }
}

@media screen and (max-width: 1024px) {
  .sec-model-fv__title {
    width: 39.0625vw;
  }
  .sec-model-fv__img {
    width: 100%;
    height: 70.3125vw;
  }
  .sec-model-fv__detail {
    left: 24px;
    padding-left: 24px;
    margin-bottom: 40px;
  }
  .sec-model-fv__text {
    padding-left: 0;
  }
  .sec-model-fv__letter {
    font-size: 19.53125vw;
    right: 24px;
  }
}

@media screen and (max-width: 960px) {
  .sec-model-fv {
    padding-top: 70px;
    padding-bottom: 50px;
  }
  .sec-model-fv__detail {
    text-align: center;
    padding-left: 48px;
    padding-right: 48px;
  }
  .sec-model-fv__title {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }
  .sec-model-fv__text {
    font-size: 1.2rem;
  }
  .sec-model-fv__letter {
    top: auto;
    bottom: -8.3333333333vw;
  }
}


/* sec-model-profile
------------------------------------------------------------- */

.sec-model-profile {
  padding-bottom: 180px;
  background: #e4cacb;
}

.sec-model-profile__title {
  font-size: 2.6rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  color: #ffffff;
  vertical-align: middle;
}

.sec-model-profile__title .en {
  font-size: 0.5em;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.3em;
  vertical-align: middle;
}

.sec-model-profile__text {
  font-size: 1.4rem;
  font-weight: bold;
  margin-top: 2.1428571429em;
  margin-bottom: 2.8571428571em;
  line-height: 2.2857142857;
  letter-spacing: 0.3em;
  color: #ffffff;
}

.sec-model-profile__img {
  position: relative;
  z-index: 0;
  width: 37.037037037%;
  max-width: 400px;
  line-height: 0;
}

.sec-model-profile__img:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: -20px;
  left: -20px;
  width: 100%;
  height: 100%;
  background: url('//cocosilk.jp/cdn/shop/t/73/assets/bg_gorss_02_1000x.jpg?v=112400574039081443351750759633') no-repeat center;
  background-size: cover;
}

.sec-model-profile__list {
  padding-top: 35px;
  padding-bottom: 35px;
  border-top: 1px solid #f1e4e5;
  border-bottom: 1px solid #f1e4e5;
  color: #ffffff;
}

.sec-model-profile__list div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.sec-model-profile__list div:not(:last-child) {
  margin-bottom: 12px;
}

.sec-model-profile__list dt,
.sec-model-profile__list dd {
  font-size: 1.3rem;
  letter-spacing: 0.3em;
}

.sec-model-profile__list dt {
  width: 150px;
}

.sec-model-profile__list dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bold;
  padding-left: 16px;
}

@media screen and (min-width: 961px) {
  .sec-model-profile__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .sec-model-profile__detail {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: auto;
    padding-left: 7.4074074074%;
    padding-right: 200px;
  }
}

@media screen and (max-width: 960px) {
  .sec-model-profile {
    padding-bottom: 60px;
  }
  .sec-model-profile__img {
    width: 62.5%;
    margin-left: 6px;
  }
  .sec-model-profile__img:before {
    top: -6px;
    left: -6px;
  }
  .sec-model-profile__detail {
    margin-top: 20px;
  }
  .sec-model-profile__title {
    font-size: 2.2rem;
  }
  .sec-model-profile__title .en {
    display: block;
  }
  .sec-model-profile__text {
    font-size: 1.2rem;
    margin-top: 1.6666666667em;
    margin-bottom: 2.0833333333em;
  }
  .sec-model-profile__list dt,
  .sec-model-profile__list dd {
    font-size: 1.1rem;
  }
}


/* block-model-photo
------------------------------------------------------------- */

.block-model-photo {
  padding-top: 140px;
  padding-bottom: 180px;
}

.block-model-photo img {
  -webkit-backface-visibility: hidden;
}

.block-model-photo__img-01,
.block-model-photo__img-02,
.block-model-photo__img-03 {
  position: relative;
  z-index: 1;
  line-height: 0;
}

.block-model-photo__img-01 {
  width: 70.3703703704%;
  margin-left: auto;
}

.block-model-photo__img-01:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 54.1666666667%;
  left: -31.5789473684%;
  width: 36.8421052632%;
  height: 87.5%;
  background: #faf5f5;
}

.block-model-photo__img-02 {
  width: 40.7407407407%;
  margin-top: 14.8148148148%;
}

.block-model-photo__img-03 {
  width: 25.9259259259%;
  margin-top: -12.962962963%;
  margin-left: auto;
}

@media screen and (max-width: 960px) {
  .block-model-photo {
    padding-top: 70px;
    padding-bottom: 80px;
  }
  .block-model-photo__img-01 {
    width: 88.8888888889%;
  }
  .block-model-photo__img-02 {
    width: 70.3703703704%;
    margin-top: 20.8333333333%;
  }
  .block-model-photo__img-03 {
    width: 40.7407407407%;
    margin-top: 20.8333333333%;
  }
}


/* =============================================================
ページ固有のスタイリングを定義
============================================================= */

.page-news {
  background: #faf5f5;
}


/* block-news-archive
------------------------------------------------------------- */

.block-news-archive {
  padding-bottom: 180px;
}

.block-news-single .container-md {
  max-width: 1240px;
}

.block-news-single:not(:last-child) {
  margin-bottom: 80px;
}

.block-news-single__body {
  padding-top: 110px;
  padding-bottom: 100px;
  background: #ffffff;
  border-radius: 4px;
}

.block-news-single__img {
  position: relative;
  z-index: 0;
  line-height: 0;
}

.block-news-single__img img {
  width: 100%;
}

.block-news-single__img.show-border:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 8px;
  width: 100%;
  height: 100%;
  border: 1px solid #d2a930;
  mix-blend-mode: multiply;
}

.block-news-single__date {
  position: absolute;
  z-index: 1;
  top: 0;
  left: -30px;
  -webkit-transform: rotate(90deg) translateY(-100%);
  transform: rotate(90deg) translateY(-100%);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.2em;
}

.block-news-single__title {
  font-size: 2.2rem;
  font-weight: 500;
  margin-top: 2.2727272727em;
  margin-bottom: 1.1363636364em;
  line-height: 1.7272727273;
  letter-spacing: 0.2em;
}

.block-news-single__text {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.2em;
}

@media screen and (max-width: 960px) {
  .block-news-archive {
    padding-bottom: 80px;
  }
  .block-news-single:not(:last-child) {
    margin-bottom: 20px;
  }
  .block-news-single__body {
    padding-top: 35px;
    padding-bottom: 40px;
  }
  .block-news-single__img:after {
    top: 4px;
    left: 4px;
  }
  .block-news-single__title {
    font-size: 1.6rem;
    margin-top: 1.5625em;
    margin-bottom: 0.625em;
  }
  .block-news-single__text {
    font-size: 1.2rem;
  }
  .block-news-single__date {
    font-size: 1.0rem;
    left: -24px;
  }
}

@media screen and (max-width: 576px) {
  .block-news-single .container-md {
    padding-left: 24px;
    padding-right: 24px;
  }
  .block-news-single__body {
    padding-left: 16px;
    padding-right: 16px;
  }
}


/* =============================================================
ページ固有のスタイリングを定義
============================================================= */

.page-contact {
  background: #faf5f5;
}


/* block-contact-entry
------------------------------------------------------------- */

.block-contact-entry {
  padding-bottom: 180px;
}

.block-contact-entry .container-md {
  max-width: 1240px;
}

.block-contact-entry__body {
  padding-top: 90px;
  padding-bottom: 120px;
  background: #ffffff;
  border-radius: 4px;
}

.block-contact-entry__text {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.2em;
}

.block-contact-entry__text + .block-contact-entry__text {
  margin-top: 4.2857142857em;
  margin-bottom: 4.2857142857em;
}

@media screen and (max-width: 960px) {
  .block-contact-entry {
    padding-bottom: 80px;
  }
  .block-contact-entry__body {
    padding-top: 30px;
    padding-bottom: 50px;
  }
  .block-contact-entry__text {
    text-align: left;
    font-size: 1.2rem;
  }
  .block-contact-entry__text + .block-contact-entry__text {
    margin-top: 3.3333333333em;
  }
}

@media screen and (max-width: 576px) {
  .block-contact-entry .container-md {
    padding-left: 24px;
    padding-right: 24px;
  }
  .block-contact-entry__body {
    padding-left: 8px;
    padding-right: 8px;
  }
}


/* form
------------------------------------------------------------- */

input[type="text"],
input[type="checkbox"],
input[type="email"],
input[type="tel"],
textarea,
select {
  -webkit-appearance: none;
  outline: none;
  border: none;
  border-radius: 0;
}

button,
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: none;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}

::-webkit-input-placeholder {
  color: #a3a3a3;
}

:-ms-input-placeholder {
  color: #a3a3a3;
}

::-ms-input-placeholder {
  color: #a3a3a3;
}

::placeholder {
  color: #a3a3a3;
}

:-ms-input-placeholder {
  color: #a3a3a3;
}

::-webkit-input-placeholder {
  color: #a3a3a3;
}

.table-form {
  font-size: 1.5rem;
  margin-top: 75px;
}

.table-form th,
.table-form td {
  vertical-align: middle;
}

.table-form input[type="text"],
.table-form textarea,
.table-form input[type="email"],
.table-form input[type="tel"] {
  display: block;
  font-size: 1.5rem;
  padding: 1em 1.2em;
  width: 100%;
  background: #f7f7f7;
}

.table-form textarea {
  width: 100%;
  line-height: 1.8;
  resize: vertical;
}

.table-form__required,
.table-form__optional {
  display: inline-block;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  width: 48px;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
  margin-right: 1em;
  padding-top: 0.0833333333em;
  padding-bottom: 0.1666666667em;
  letter-spacing: 0.1em;
  color: #ffffff;
}

.ie .table-form__required,
.ie .table-form__optional {
  padding-top: 0.5em;
}

.table-form__required {
  background: #b41b1b;
}

.table-form__optional {
  background: #cccccc;
}

.btn-submit {
  position: relative;
  z-index: 0;
  width: 100%;
  max-width: 400px;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
}

.btn-submit:hover input {
  color: #333333;
  background: #ffffff;
}

.btn-submit input {
  display: block;
  text-align: center;
  width: 100%;
  font-size: 1.5rem;
  font-weight: bold;
  padding-top: 1.4666666667em;
  padding-bottom: 1.4666666667em;
  line-height: 1.4;
  letter-spacing: 0.14em;
  color: #ffffff;
  background: #333333;
  border: 1px solid #333333;
  -webkit-transition: color 0.3s ease, background 0.3s ease;
  transition: color 0.3s ease, background 0.3s ease;
}

.error {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.4;
  letter-spacing: 0.14em;
  margin-top: 0.7142857143em;
  color: #b41b1b;
}

@media screen and (min-width: 961px) {
  .table-form.m-table-01 tr:last-child th {
    vertical-align: top;
  }
  .table-form.m-table-01 th {
    width: 240px;
  }
}

@media screen and (max-width: 960px) {
  .table-form {
    margin-top: 30px;
  }
  .table-form.m-table-01 input[type="text"],
  .table-form.m-table-01 textarea {
    font-size: 1.6rem;
    padding: 0.8em;
  }
  .table-form.m-table-01 th {
    padding-bottom: 1em;
  }
  .btn-submit {
    margin-top: 40px;
  }
  .btn-submit input {
    font-size: 1.3rem;
  }
}


/* =============================================================
再利用可能な【見出し】のスタイリングを定義
============================================================= */


/* m-title-01
------------------------------------------------------------- */

.m-title-01 {
  display: block;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

@media screen and (max-width: 576px) {
  .m-title-01 {
    font-size: 2.2rem;
  }
}


/* m-title-02
------------------------------------------------------------- */

.m-title-02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 400;
  line-height: 1.5714285714;
  letter-spacing: 0.2em;
}

.m-title-02__star-01 {
  margin-right: 0.8571428571em;
}

.m-title-02__star-02 {
  margin-left: 0.8571428571em;
}

@media screen and (max-width: 960px) {
  .m-title-02 {
    font-size: 1.6rem;
  }
  .m-title-02__star-01 {
    margin-right: 0.5333333333em;
  }
  .m-title-02__star-02 {
    margin-left: 0.5333333333em;
  }
}

@media screen and (max-width: 576px) {
  .m-title-02 .svg-shooting-star-01 {
    width: 9.7222222222vw;
  }
}

@media screen and (max-width: 320px) {
  .m-title-02 {
    font-size: 1.5rem;
  }
}


/* m-title-03
------------------------------------------------------------- */

.m-title-03 {
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 1.6923076923;
  letter-spacing: 0.2em;
}

@media screen and (max-width: 960px) {
  .m-title-03 {
    font-size: 2.0rem;
  }
}


/* m-title-04
------------------------------------------------------------- */

.m-title-04 {
  text-align: center;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.5714285714;
  letter-spacing: 0.2em;
}

.m-title-04:after {
  content: "";
  display: block;
  width: 100px;
  height: 1px;
  margin-top: 1.0714285714em;
  margin-left: auto;
  margin-right: auto;
  background: #e4cacb;
}

@media screen and (max-width: 960px) {
  .m-title-04 {
    font-size: 1.8rem;
  }
  .m-title-04:after {
    width: 80px;
  }
}


/* m-title-05
------------------------------------------------------------- */

.m-title-05 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.5714285714;
  letter-spacing: 0.2em;
}

.m-title-05 .illust_line_star_01 {
  margin-right: 0.6428571429em;
}

.m-title-05 .illust_line_star_02 {
  margin-left: 0.6428571429em;
}

@media screen and (max-width: 960px) {
  .m-title-05 {
    font-size: 1.6rem;
    letter-spacing: 0.18em;
  }
  .m-title-05 .illust_line_star_01,
  .m-title-05 .illust_line_star_02 {
    width: 6.875vw;
    height: 1.875vw;
  }
  .m-title-05 .illust_line_star_01 {
    margin-right: 0.3em;
  }
  .m-title-05 .illust_line_star_02 {
    margin-left: 0.3em;
  }
}


/* =============================================================
再利用可能な【ボタン】のスタイリングを定義
============================================================= */


/* m-btn-01
---------------------------------------------------------- */

.m-btn-01 {
  display: inline-block;
  position: relative;
  z-index: 0;
  font-size: 1.2rem;
  padding-right: 4.8333333333em;
  line-height: 1.4;
  letter-spacing: 0.3em;
  text-decoration: none;
}

svg.ico-circle-01-gld,
svg.ico-circle-01-wh {
  position: absolute;
  display: block;
  z-index: 1;
  top: 50%;
  right: 0;
  margin-top: -3em;
  width: 72px;
  height: 72px;
  object-fit: contain;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}

svg.ico-arw-next-01-gld,
svg.ico-arw-next-01-wh {
  position: absolute;
  display: block;
  z-index: 1;
  top: 50%;
  right: 2em;
  margin-top: -0.375em;
  width: 21px;
  height: 9px;
}

.m-btn-01:hover svg.ico-circle-01-gld,
.m-btn-01:hover svg.ico-circle-01-wh {
  -webkit-animation: anim-btn-01-circle 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s 1;
  animation: anim-btn-01-circle 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s 1;
}

.m-btn-01:hover svg.ico-arw-next-01-gld,
.m-btn-01:hover svg.ico-arw-next-01-wh {
  -webkit-animation: anim-btn-01-arw 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s 1;
  animation: anim-btn-01-arw 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s 1;
}

.m-btn-01.-wh {
  color: #FFF;
}

@-webkit-keyframes anim-btn-01-circle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    opacity: 1;
  }
}

@keyframes anim-btn-01-circle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    opacity: 1;
  }
}

@-webkit-keyframes anim-btn-01-arw {
  50% {
    -webkit-transform: translate(6px, 0);
    transform: translate(6px, 0);
  }
  50.1% {
    -webkit-transform: translate(-6px, 0);
    transform: translate(-6px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes anim-btn-01-arw {
  50% {
    -webkit-transform: translate(6px, 0);
    transform: translate(6px, 0);
  }
  50.1% {
    -webkit-transform: translate(-6px, 0);
    transform: translate(-6px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@media screen and (max-width: 960px) {
  .m-btn-01 {
    font-size: 1.1rem;
    padding-right: 3.9090909091em;
  }
  .m-btn-01:before {
    margin-top: -2.5454545455em;
    width: 56px;
    height: 56px;
  }
  .m-btn-01:after {
    width: 18px;
    right: 1.6363636364em;
  }
}


/* m-btn-shop
---------------------------------------------------------- */

.m-btn-shop,
.btn-items-shop {
  display: block;
  position: relative;
  z-index: 0;
  width: 100%;
  max-width: 320px;
  border: 1px solid #e5e5e5;
  background: #FFF;
  text-decoration: none;
}

.m-btn-shop:after,
.btn-items-shop:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 7px;
  height: 9px;
  background: url('//cocosilk.jp/cdn/shop/t/73/assets/ico_arw_next_02_bk_200x.png?v=10141869798329584111750759660') no-repeat;
  background-size: contain;
}

.m-btn-shop:hover .--official:hover:before,
.btn-items-shop:hover .--official:hover:before {
  background: #a9a9a9;
}

.m-btn-shop:hover .--rakuten:hover:before,
.btn-items-shop:hover .--rakuten:hover:before {
  background: #c31d1d;
}

.m-btn-shop:hover .--amazon:hover:before,
.btn-items-shop:hover .--amazon:hover:before {
  background: #ffa200;
}

.m-btn-shop:hover .--yahoo:hover:before,
.btn-items-shop:hover .--yahoo:hover:before {
  background: #ff9000;
}

.m-btn-shop:hover .--aupay:hover:before,
.btn-items-shop:hover .--aupay:hover:before {
  background: #ff7f50;
}

.m-btn-shop__label,
.btn-items-shop__label {
  display: block;
  text-align: center;
  font-size: 1.3rem;
  padding-top: 1.3846153846em;
  padding-bottom: 1.3846153846em;
  line-height: 1.4;
  letter-spacing: 0.2em;
  color: #333;
}

.m-btn-shop__label:before,
.btn-items-shop__label:before,
.m-btn-shop__label:after,
.btn-items-shop__label:after {
  content: "";
  display: block;
  position: absolute;
}

.m-btn-shop__label:before,
.btn-items-shop__label:before {
  z-index: 0;
  top: -1px;
  left: 0;
  width: 50px;
  height: calc(100% + 2px);
  background: #000;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}

.m-btn-shop__label:after,
.btn-items-shop__label:after {
  display: block;
  z-index: 1;
  top: 50%;
  left: 17px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 15px;
  height: 16px;
  background: url('//cocosilk.jp/cdn/shop/t/73/assets/ico_cart_01_wh_200x.png?v=134645187331758498711750759661') no-repeat;
  background-size: contain;
}

.m-btn-shop__label.-official:before,
.-rakuten.btn-items-shop__label:before {
  background: #a9a9a9;
}
.m-btn-shop__label.-rakuten:before,
.-rakuten.btn-items-shop__label:before {
  background: #b41b1b;
}

.m-btn-shop__label.-amazon:before,
.-amazon.btn-items-shop__label:before {
  background: #ff9900;
}

.m-btn-shop__label.-yahoo:before,
.-yahoo.btn-items-shop__label:before {
  background: #ff8400;
}

.m-btn-shop__label.-aupay:before,
.-aupay.btn-items-shop__label:before {
  background: #ff7f50;
}
@media screen and (max-width: 960px) {
  .m-btn-shop__label,
  .btn-items-shop__label {
    font-size: 1.2rem;
    padding-top: 1.1666666667em;
    padding-bottom: 1.1666666667em;
  }
  .m-btn-shop__label:before,
  .btn-items-shop__label:before {
    width: 40px;
  }
  .m-btn-shop__label:after,
  .btn-items-shop__label:after {
    left: 11px;
  }
}


/* =============================================================
再利用可能な【表組】のスタイリングを定義
============================================================= */


/* m-table-01
------------------------------------------------------------- */

.m-table-01 {
  width: 100%;
  font-size: 1.4rem;
  border-collapse: separate;
  border-top: 1px solid #e5e5e5;
}

.m-table-01 th,
.m-table-01 td {
  text-align: left;
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  border-bottom: 1px solid #e5e5e5;
  letter-spacing: 0.1em;
}

.m-table-01 th {
  font-weight: bold;
  padding-right: 2.8571428571em;
}

.m-table-01 td {
  line-height: 1.9285714286;
}

@media screen and (max-width: 960px) {
  .m-table-01 {
    font-size: 1.3rem;
  }
  .m-table-01 tbody,
  .m-table-01 tr,
  .m-table-01 th,
  .m-table-01 td {
    width: 100%;
    display: block;
  }
  .m-table-01 th {
    padding-top: 1.1428571429em;
    padding-bottom: 0.2857142857em;
    padding-right: 0;
    border-bottom: 0;
  }
  .m-table-01 td {
    padding-top: 0;
    padding-bottom: 1.5714285714em;
    padding-left: 0;
  }
}


/* m-table-02
------------------------------------------------------------- */

.m-table-02 {
  width: 100%;
  font-size: 1.4rem;
}

.m-table-02 tr:nth-child(2n-1) {
  background: #F5F5F5;
}

.m-table-02 tr th:nth-child(1) {
  padding-left: 1.7142857143em;
}

.m-table-02 th,
.m-table-02 td {
  text-align: left;
  padding-top: 1.2142857143em;
  padding-bottom: 1.2142857143em;
  letter-spacing: 0.2em;
}

.m-table-02 th {
  font-weight: bold;
}

@media screen and (max-width: 960px) {
  .m-table-02 {
    font-size: 1.0rem;
  }
}



/* m-table-03　追加
------------------------------------------------------------- */

.m-table-03 {
  width: 100%;
  font-size: 1.4rem;
  border-collapse: separate;
}

.m-table-03 th,
.m-table-03 td {
  text-align: left;
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  border-bottom: solid 0.5px #d2a930;
  letter-spacing: 0.1em;
}

.m-table-03 th {
  font-weight: bold;
  padding-right: 2.8571428571em;
}

.m-table-03 td {
  line-height: 1.9285714286;
}

@media screen and (max-width: 960px) {
  .m-table-03 {
    font-size: 1.3rem;
  }
  .m-table-03 tbody,
  .m-table-03 tr,
  .m-table-03 th,
  .m-table-03 td {
    width: 100%;
    display: block;
  }
  .m-table-03 th {
    padding-top: 1.1428571429em;
    padding-bottom: 0.2857142857em;
    padding-right: 0;
    border-bottom: 0;
  }
  .m-table-03 td {
    padding-top: 0;
    padding-bottom: 1.5714285714em;
    padding-left: 0;
  }
}


/* table-jan　追加
------------------------------------------------------------- */
.table-jan {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 750px;
  table-layout: fixed;
}

.table-jan tr {
  background-color: #fff;
  padding: 0.35em;
  border-bottom: 1px dotted #d2a930;
}
.table-jan tr:last-child {
  border-bottom: 2px solid #d2a930;
}
.table-jan th,
.table-jan td {
  padding: 1em 10px 1em 1em;
}
.table-jan tbody th {
  border-bottom: 2px solid #d2a930;
}
.table-jan .txt {
  text-align: center;
  font-size: 0.85em;
}
.table-jan .size {
  text-align: center;
  font-size: 0.85em;
}
.table-jan .name {
  text-align: center;
  font-size: 0.85em;
}
.table-jan .price {
  text-align: right;
  font-size: 0.85em;
}
@media screen and (max-width: 600px) {
  .table-jan {
    border: 0;
    width: 100%
  }
  .table-jan th {
    display: block;
    border-right: none;
    border-bottom: 2px solid #d2a930;
    padding-bottom: 0.6em;
    margin-bottom: 0.6em;

  }
  .table-jan thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .table-jan tr {
    display: block;
    margin-bottom: 2em;
    border-bottom: 2px solid #d2a930;
  }

  .table-jan td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: 0.8em;
    text-align: right;
    position: relative;
    padding: 0.625em 0.625em 0.625em 4em;
    border-right: none;
  }

  .table-jan td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
  }

  .table-jan td:last-child {
    border-bottom: 0;
  }
}


/* =============================================================
【商品一覧】のスタイリングを定義
============================================================= */


/* m-block-item
------------------------------------------------------------- */

.m-block-item__header {
  position: relative;
  z-index: 0;
}

.m-block-item__illust {
  position: absolute;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}

.m-block-item__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.m-block-item__wrap-img {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: relative;
  z-index: 0;
  width: 74.0740740741%;
}

.m-block-item__img-01 {
  padding: 10px;
  display: inline-block;
}

.m-block-item__img-01 picture {
  display: inline-block;
}

.m-block-item__note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  z-index: 1;
  top: 0;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.1em;
}

.m-block-item__note > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.m-block-item__note > span:after {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  margin-left: 0.4285714286em;
  margin-right: 0.4285714286em;
  background: #707070;
}

.m-block-item__catch {
  position: relative;
  z-index: 2;
  font-size: 2.8rem;
  font-weight: 400;
  padding-top: 6.4814814815%;
  line-height: 1.6071428571;
  letter-spacing: 0.24em;
  white-space: nowrap;
}

.m-block-item__star-01,
.m-block-item__star-02 {
  position: absolute;
  z-index: -1;
  bottom: -32px;
}

.m-block-item__star-01 {
  top: 0px;
}

.m-block-item__star-02 {
  top: -112px;
  height: 90px;
}

.svg-shooting-star-01 {
  width: 8.7037037037vw;
  max-width: 94px;
}

.svg-shooting-star-01.is-inview .svg-shooting-star-01__star {
  -webkit-animation: animation-shootin-star-01 0.8s ease 0.5s 1 forwards;
  animation: animation-shootin-star-01 0.8s ease 0.5s 1 forwards;
}

.svg-shooting-star-01.is-inview .svg-shooting-star-01__line {
  -webkit-animation: animation-shootin-star-02 0.8s ease 1 forwards;
  animation: animation-shootin-star-02 0.8s ease 1 forwards;
}

.ie .svg-shooting-star-01 .svg-shooting-star-01__star {
  fill: #d2a930;
}

.ie .svg-shooting-star-01 .svg-shooting-star-01__line {
  stroke-dasharray: 0;
  stroke-dashoffset: 0;
}

.ie .svg-shooting-star-01.is-inview .svg-shooting-star-01__star {
  -webkit-animation: none;
  animation: none;
}

.ie .svg-shooting-star-01.is-inview .svg-shooting-star-01__line {
  -webkit-animation: none;
  animation: none;
}

.svg-shooting-star-01__star {
  fill: #ffffff;
}

.svg-shooting-star-01__line {
  stroke: #d2a930;
  stroke-miterlimit: 10;
  stroke-dasharray: 130px;
  stroke-dashoffset: 130px;
}

@-webkit-keyframes animation-shootin-star-01 {
  0% {
    fill: #ffffff;
  }
  100% {
    fill: #d2a930;
  }
}

@keyframes animation-shootin-star-01 {
  0% {
    fill: #ffffff;
  }
  100% {
    fill: #d2a930;
  }
}

@-webkit-keyframes animation-shootin-star-02 {
  0% {
    stroke-dashoffset: 130px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes animation-shootin-star-02 {
  0% {
    stroke-dashoffset: 130px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

.m-block-item__img-02 {
  position: absolute;
  z-index: 1;
  bottom: 3.7037037037%;
  right: 12.4074074074%;
  width: 17.2222222222%;
}

.m-block-item__body {
  position: relative;
  z-index: 0;
  margin-top: 60px;
}

.m-block-item__name {
  font-size: 1.2rem;
}

.m-block-item__name .ja {
  letter-spacing: 0.4em;
}

.m-block-item__name .en {
  display: block;
  font-size: 2.5em;
  font-weight: 500;
  letter-spacing: 0.3em;
  text-transform: uppercase;
}

.m-block-item__name:not(.m-block-item__name-ambassador):after {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  margin-top: 0.4166666667em;
  background: #d2a930;
}

.m-block-item__detail {
  font-size: 1.1rem;
  margin-top: 1.8181818182em;
  line-height: 1.8181818182;
  letter-spacing: 0.2em;
}

.m-block-item__text {
  line-height: 2;
  letter-spacing: 0.2em;
}

.m-block-item__unit {
  position: relative;
  z-index: 0;
}

.m-block-item__unit:not(:last-child) {
  margin-bottom: 160px;
}

.m-block-item__unit:nth-of-type(2n-1) .m-block-item__note {
  right: -30px;
  -webkit-transform: rotate(90deg) translateX(100%);
  transform: rotate(90deg) translateX(100%);
  -webkit-transform-origin: top right;
  transform-origin: top right;
}

.m-block-item__unit:nth-of-type(2n-1) .m-block-item__catch {
  padding-right: 6.6666666667%;
}

.m-block-item__unit:nth-of-type(2n-1) .m-block-item__star-01 {
  right: 148px;
}

.m-block-item__unit:nth-of-type(2n-1) .m-block-item__img-02 {
  right: 12.4074074074%;
}

.m-block-item__unit:nth-of-type(2n) .m-block-item__wrap-img {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.m-block-item__unit:nth-of-type(2n) .m-block-item__note {
  left: -30px;
  -webkit-transform: rotate(90deg) translateY(-100%);
  transform: rotate(90deg) translateY(-100%);
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

.m-block-item__unit:nth-of-type(2n) .m-block-item__catch {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  padding-left: 7.4074074074%;
}

.m-block-item__unit:nth-of-type(2n) .m-block-item__star-01 {
  left: 0;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.m-block-item__unit:nth-of-type(2n) .m-block-item__img-02 {
  left: 12.4074074074%;
}

.m-block-item__unit:nth-of-type(1) .m-block-item__illust {
  top: 380px;
  right: 32px;
}

.m-block-item__unit:nth-of-type(2) .m-block-item__illust {
  top: -100px;
  left: -120px;
}

.m-block-item__unit:nth-of-type(3) .m-block-item__illust {
  top: -100px;
  right: -120px;
}

@media screen and (min-width: 961px) {
  .m-block-item__catch {
    webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    -webkit-text-orientation: upright;
  }
  .m-block-item__body-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .m-block-item__star-02 {
    left: 40px;
  }
  .m-block-item__text {
    width: 37.037037037%;
    margin-left: 80px;
    margin-right: 80px;
  }
  .m-block-item__unit:nth-of-type(3) .m-block-item__img-02 {
    bottom: -2.7777777778%;
    right: 12.037037037%;
    width: 22.2222222222%;
  }
}

@media screen and (max-width: 960px) {
  .m-block-item__header {
    padding-bottom: 55px;
  }
  .m-block-item__img-01 {
    padding: 5px;
  }
  .m-block-item__img-02 {
    width: 25vw;
    max-width: 186px;
    bottom: 30px;
  }
  .m-block-item__wrap-img {
    width: 100%;
  }
  .m-block-item__note {
    font-size: 1.0rem;
  }
  .m-block-item__catch {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 1.4rem;
  }
  .m-block-item__body {
    margin-top: 20px;
  }
  .m-block-item__name {
    font-size: 1.0rem;
  }
  .m-block-item__name .en {
    font-size: 1.8em;
  }
  .m-block-item__text {
    font-size: 1.2rem;
    margin-top: 0.7692307692em;
    margin-bottom: 1.9230769231em;
  }
  .m-block-item__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .m-block-item__star-01 {
    display: none;
  }
  .m-block-item__star-02 {
    top: -100px;
    left: 0;
    height: 53px;
  }
  .svg-shooting-star-01 {
    width: 56px;
  }
  .m-block-item__unit:not(:last-child) {
    margin-bottom: 90px;
  }
  .m-block-item__unit:nth-of-type(2n-1) .m-block-item__catch {
    padding: 0;
  }
  .m-block-item__unit:nth-of-type(2n-1) .m-block-item__wrap-img {
    -webkit-transform: translateX(-90px);
    transform: translateX(-90px);
  }
  .m-block-item__unit:nth-of-type(2n-1) .m-block-item__note {
    right: -22px;
  }
  .m-block-item__unit:nth-of-type(2n-1) .m-block-item__img-02 {
    right: 0;
  }
  .m-block-item__unit:nth-of-type(2n) .m-block-item__catch {
    padding: 0;
  }
  .m-block-item__unit:nth-of-type(2n) .m-block-item__wrap-img {
    -webkit-transform: translateX(90px);
    transform: translateX(90px);
  }
  .m-block-item__unit:nth-of-type(2n) .m-block-item__note {
    left: -22px;
  }
  .m-block-item__unit:nth-of-type(2n) .m-block-item__img-02 {
    left: 0;
    right: auto;
  }
  .m-block-item__unit:nth-of-type(1) .m-block-item__illust {
    width: 13.6458333333vw;
    top: 0;
    right: -12.5vw;
  }
  .m-block-item__unit:nth-of-type(2) .m-block-item__illust {
    width: 16.7708333333vw;
    top: 0;
    left: -12.5vw;
  }
  .m-block-item__unit:nth-of-type(3) .m-block-item__illust {
    display: none;
    width: 20.4166666667vw;
    top: 0;
    right: -14.5833333333vw;
  }
}

@media screen and (max-width: 576px) {
  .m-block-item__unit:nth-of-type(2n-1) .m-block-item__wrap-img {
    -webkit-transform: translateX(-12.2666666667vw);
    transform: translateX(-12.2666666667vw);
  }
  .m-block-item__unit:nth-of-type(2n) .m-block-item__wrap-img {
    -webkit-transform: translateX(12.2666666667vw);
    transform: translateX(12.2666666667vw);
  }
  .m-block-item__unit:nth-of-type(1) .m-block-item__illust {
    width: 65px;
    top: -100px;
    right: -40px;
  }
  .m-block-item__unit:nth-of-type(2) .m-block-item__illust {
    width: 79px;
    top: -80px;
    right: -40px;
  }
  .m-block-item__unit:nth-of-type(3) .m-block-item__img-02 {
    width: 30.5555555556vw;
    right: -10px;
    bottom: 30px;
  }
}


/* =============================================================
ページ見出しのスタイリングを定義
============================================================= */


/* m-block-title-page-01
------------------------------------------------------------- */

.m-block-title-page-01 {
  position: relative;
  z-index: 0;
  margin-bottom: 140px;
}

.m-block-title-page-01__label {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 180px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 4.0rem;
  font-weight: 500;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  line-height: 1.2;
}

.m-block-title-page-01__label .ja {
  display: block;
  font-size: 0.35em;
  font-weight: normal;
  margin-top: 0.2857142857em;
  letter-spacing: 0.3em;
}

.m-block-title-page-01__img {
  width: calc(100% - 320px);
  height: 680px;
  margin-left: auto;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}

@media screen and (max-width: 1440px) {
  .m-block-title-page-01__label {
    left: 5.5555555556vw;
  }
  .m-block-title-page-01__img {
    width: calc(100% - 240px);
  }
}

@media screen and (max-width: 1024px) {
  .m-block-title-page-01__img {
    height: 70.3125vw;
  }
}

@media screen and (max-width: 960px) {
  .m-block-title-page-01 {
    margin-bottom: 60px;
  }
  .m-block-title-page-01__label {
    position: static;
    -webkit-transform: none;
    transform: none;
    font-size: 2.2rem;
    padding-top: 48px;
    padding-left: 48px;
  }
  .m-block-title-page-01__label .ja {
    font-size: 0.4545454545em;
  }
  .m-block-title-page-01__img {
    width: calc(100% - 48px);
    height: 400px;
  }
}

@media screen and (max-width: 576px) {
  .m-block-title-page-01__img {
    width: calc(100% - 24px);
    height: 260px;
  }
  .m-block-title-page-01__label {
    padding-left: 24px;
    padding-top: 24px;
  }
}


/* m-block-title-page-02
------------------------------------------------------------- */

.m-block-title-page-02 {
  margin-bottom: 80px;
  padding-top: 230px;
}

.m-block-title-page-02__label {
  text-align: center;
  font-size: 4.0rem;
  font-weight: 500;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  line-height: 1.2;
}

.m-block-title-page-02__label .ja {
  display: block;
  font-size: 0.35em;
  font-weight: normal;
  margin-top: 0.2857142857em;
  letter-spacing: 0.3em;
}

@media screen and (max-width: 960px) {
  .m-block-title-page-02 {
    padding-top: 20.8333333333vw;
  }
}

@media screen and (max-width: 576px) {
  .m-block-title-page-02 {
    margin-bottom: 40px;
    padding-top: 100px;
  }
  .m-block-title-page-02__label {
    font-size: 2.2rem;
  }
  .m-block-title-page-02__label .ja {
    font-size: 0.4545454545em;
  }
}


/* =============================================================
【モーダル】のスタイリングを定義
============================================================= */


/* m-block-modal
------------------------------------------------------------- */

.m-block-modal {
  display: none;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

.m-block-modal.is-shown .m-block-modal__inner {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.m-block-modal__bg {
  background: rgba(250, 245, 245, 0.85);
  width: 100%;
  height: 100vh;
}

.m-block-modal__body {
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.m-block-modal__inner {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transition: visibility 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: visibility 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: visibility 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: visibility 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.m-block-modal__movie {
  width: 69.4444444444vw;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.m-block-modal__movie > video {
  width: 100%;
}

.m-block-modal__close {
  position: fixed;
  z-index: 5;
  top: 40px;
  right: 40px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #6e6e6e;
  cursor: pointer;
}

.m-block-modal__close > span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
  height: 2px;
}

.m-block-modal__close > span:before,
.m-block-modal__close > span:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #333333;
}

.m-block-modal__close > span:before {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.m-block-modal__close > span:after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

@media screen and (max-width: 1024px) {
  .m-block-modal__movie {
    width: 84.375vw;
  }
  .m-block-modal__close {
    width: 32px;
    height: 32px;
  }
}

@media screen and (max-width: 576px) {
  .m-block-modal__close {
    top: 20px;
    right: 24px;
  }
  .m-block-modal__movie {
    width: 100vw;
  }
}


/* m-block-utility
------------------------------------------------------------- */

.m-block-utility__item {
  position: relative;
  z-index: 0;
}

.m-block-utility__item:not(:last-child) {
  margin-bottom: 180px;
}

.m-block-utility__detail {
  width: 560px;
  padding-left: 120px;
  padding-right: 120px;
  background: #ffffff;
}

.m-block-utility__num {
  font-size: 4.8rem;
  font-weight: 300;
  margin-top: -0.5em;
  margin-bottom: 0.625em;
  line-height: 1;
  letter-spacing: 0.08em;
  color: #d2a930;
}

.m-block-utility__title {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 1em;
  letter-spacing: 0.2em;
}

.m-block-utility__title:after {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  margin-top: 0.6em;
  background: #d2a930;
}

.m-block-utility__text {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.2em;
}

.m-block-utility__img {
  width: 88.8888888889%;
  height: 38.8888888889vw;
  background: #eee;
}

@media screen and (min-width: 961px) {
  .m-block-utility__detail {
    position: absolute;
    z-index: 1;
    bottom: 0;
  }
}

@media screen and (max-width: 1440px) {
  .m-block-utility__detail {
    width: 38.8888888889vw;
    padding-left: 8.3333333333vw;
    padding-right: 8.3333333333vw;
  }
}

@media screen and (max-width: 1024px) {
  .m-block-utility__title {
    font-size: 2.3rem;
  }
}

@media screen and (max-width: 960px) {
  .m-block-utility__item:not(:last-child) {
    margin-bottom: 80px;
  }
  .m-block-utility__img {
    width: 100%;
    height: 50vw;
    min-height: 200px;
  }
  .m-block-utility__detail {
    width: calc(100% - 48px);
    margin-left: auto;
    margin-right: auto;
    margin-top: -30px;
    padding-top: 30px;
  }
  .m-block-utility__num {
    font-size: 2.8rem;
    margin-top: 0;
    margin-bottom: 0.3571428571em;
  }
  .m-block-utility__title {
    font-size: 1.6rem;
  }
  .m-block-utility__text {
    font-size: 1.2rem;
  }
}


/* =============================================================
アニメーションを定義
============================================================= */

.js-fade-in-up {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 1s ease;
  transition: visibility 1s ease;
}

@-webkit-keyframes animation-fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
  }
}

@keyframes animation-fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
  }
}

.fade-in-up {
  opacity: 1;
  visibility: visible;
  -webkit-animation: animation-fade-in-up 1s ease;
  animation: animation-fade-in-up 1s ease;
}


/* =============================================================
figma
============================================================= */

* {
  box-sizing: border-box;
}
body {
  font-size: 14px;
}
.v1_2 {
  width: 100%;
  height: 13846px;
  background: rgba(255, 255, 255, 1);
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.v1_76 {
  width: 78px;
  height: 21px;
  background: rgba(51, 51, 51, 1);
  opacity: 1;
  position: absolute;
  top: 76px;
  left: 265px;
  overflow: hidden;
}
.v1_77 {
  width: 670px;
  height: 725px;
  background: rgba(241, 245, 246, 1);
  opacity: 1;
  position: absolute;
  top: 1134px;
  left: 265px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}
.v1_79 {
  width: 40px;
  height: 40px;
  background: url("../images/v1_79.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 3210px;
  left: 265px;
  border: 3px solid rgba(51, 51, 51, 1);
  overflow: hidden;
}
.v1_564 {
  width: 40px;
  height: 40px;
  background: url("../images/v1_564.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 4755px;
  left: 265px;
  border: 3px solid rgba(51, 51, 51, 1);
  overflow: hidden;
}
.v1_82 {
  width: 40px;
  height: 40px;
  background: url("../images/v1_82.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 3494px;
  left: 265px;
  border: 3px solid rgba(51, 51, 51, 1);
  overflow: hidden;
}
.v1_85 {
  width: 40px;
  height: 40px;
  background: url("../images/v1_85.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 3778px;
  left: 263px;
  border: 3px solid rgba(51, 51, 51, 1);
  overflow: hidden;
}
.v1_557 {
  width: 40px;
  height: 40px;
  background: url("../images/v1_557.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 4143px;
  left: 263px;
  border: 3px solid rgba(51, 51, 51, 1);
  overflow: hidden;
}
.v1_634 {
  width: 5px;
  height: 43px;
  background: rgba(51, 51, 51, 1);
  opacity: 1;
  position: absolute;
  top: 9033px;
  left: 260px;
  overflow: hidden;
}
.v1_644 {
  width: 5px;
  height: 43px;
  background: rgba(51, 51, 51, 1);
  opacity: 1;
  position: absolute;
  top: 10651px;
  left: 260px;
  overflow: hidden;
}
.v1_639 {
  width: 5px;
  height: 43px;
  background: rgba(51, 51, 51, 1);
  opacity: 1;
  position: absolute;
  top: 9842px;
  left: 260px;
  overflow: hidden;
}
.v1_645 {
  width: 5px;
  height: 43px;
  background: rgba(51, 51, 51, 1);
  opacity: 1;
  position: absolute;
  top: 11460px;
  left: 260px;
  overflow: hidden;
}
.v1_654 {
  width: 5px;
  height: 43px;
  background: rgba(51, 51, 51, 1);
  opacity: 1;
  position: absolute;
  top: 11830px;
  left: 260px;
  overflow: hidden;
}
.v1_658 {
  width: 5px;
  height: 43px;
  background: rgba(51, 51, 51, 1);
  opacity: 1;
  position: absolute;
  top: 12308px;
  left: 260px;
  overflow: hidden;
}
.v1_635 {
  width: 670px;
  height: 43px;
  background: url("../images/v1_635.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 9033px;
  left: 265px;
  overflow: hidden;
}
.v1_646 {
  width: 670px;
  height: 43px;
  background: url("../images/v1_646.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 10651px;
  left: 265px;
  overflow: hidden;
}
.v1_640 {
  width: 670px;
  height: 43px;
  background: url("../images/v1_640.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 9842px;
  left: 265px;
  overflow: hidden;
}
.v1_647 {
  width: 670px;
  height: 43px;
  background: url("../images/v1_647.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 11460px;
  left: 265px;
  overflow: hidden;
}
.v1_655 {
  width: 670px;
  height: 43px;
  background: url("../images/v1_655.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 11830px;
  left: 265px;
  overflow: hidden;
}
.v1_659 {
  width: 670px;
  height: 43px;
  background: url("../images/v1_659.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 12308px;
  left: 265px;
  overflow: hidden;
}
.v1_553 {
  width: 5px;
  height: 43px;
  background: rgba(51, 51, 51, 1);
  opacity: 1;
  position: absolute;
  top: 2471px;
  left: 260px;
  overflow: hidden;
}
.v1_554 {
  width: 670px;
  height: 43px;
  background: url("../images/v1_554.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 2471px;
  left: 265px;
  overflow: hidden;
}
.v1_568 {
  width: 670px;
  height: 2px;
  background: rgba(241, 245, 246, 1);
  opacity: 1;
  position: absolute;
  top: 4841px;
  left: 265px;
  overflow: hidden;
}
.v1_581 {
  width: 670px;
  height: 2px;
  background: rgba(241, 245, 246, 1);
  opacity: 1;
  position: absolute;
  top: 5168px;
  left: 265px;
  overflow: hidden;
}
.v1_569 {
  width: 670px;
  height: 195px;
  background: url("../images/v1_569.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 4843px;
  left: 265px;
  overflow: hidden;
}
.v1_582 {
  width: 670px;
  height: 195px;
  background: url("../images/v1_582.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 5170px;
  left: 265px;
  overflow: hidden;
}
.v1_586 {
  width: 670px;
  height: 195px;
  background: url("../images/v1_586.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 5958px;
  left: 265px;
  overflow: hidden;
}
.v1_608 {
  width: 670px;
  height: 195px;
  background: url("../images/v1_608.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 7039px;
  left: 265px;
  overflow: hidden;
}
.v1_622 {
  width: 670px;
  height: 195px;
  background: url("../images/v1_622.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 8050px;
  left: 265px;
  overflow: hidden;
}
.v1_299 {
  width: 62px;
  color: rgba(255, 255, 255, 1);
  position: absolute;
  top: 78px;
  left: 273px;
  font-family: Prompt;
  font-weight: Regular;
  font-size: 11px;
  opacity: 1;
  text-align: left;
}
.v1_300 {
  width: 95px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 76px;
  left: 355px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 12px;
  opacity: 1;
  text-align: left;
}
.v1_301 {
  width: 638px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 123px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 44px;
  opacity: 1;
  text-align: left;
}
.v1_302 {
  width: 663px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 333px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 15px;
  opacity: 1;
  text-align: left;
}
.v1_303 {
  width: 664px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 901px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 15px;
  opacity: 1;
  text-align: left;
}
.v1_556 {
  width: 664px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 2528px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 15px;
  opacity: 1;
  text-align: left;
}
.v1_304 {
  width: 41px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 1153px;
  left: 290px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 19px;
  opacity: 1;
  text-align: left;
}
.v1_305 {
  width: 228px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 1194px;
  left: 310px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 14px;
  opacity: 1;
  text-align: left;
}
.v1_306 {
  width: 312px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 1232px;
  left: 310px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 14px;
  opacity: 1;
  text-align: left;
}
.v1_544 {
  width: 312px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 1536px;
  left: 310px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 14px;
  opacity: 1;
  text-align: left;
}
.v1_307 {
  width: 250px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 1270px;
  left: 330px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 14px;
  opacity: 1;
  text-align: left;
}
.v1_545 {
  width: 250px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 1574px;
  left: 330px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 14px;
  opacity: 1;
  text-align: left;
}
.v1_308 {
  width: 250px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 1308px;
  left: 330px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 14px;
  opacity: 1;
  text-align: left;
}
.v1_546 {
  width: 250px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 1612px;
  left: 330px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 14px;
  opacity: 1;
  text-align: left;
}
.v1_541 {
  width: 312px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 1422px;
  left: 310px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 14px;
  opacity: 1;
  text-align: left;
}
.v1_551 {
  width: 312px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 1802px;
  left: 310px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 14px;
  opacity: 1;
  text-align: left;
}
.v1_542 {
  width: 427px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 1460px;
  left: 330px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 14px;
  opacity: 1;
  text-align: left;
}
.v1_543 {
  width: 427px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 1498px;
  left: 330px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 14px;
  opacity: 1;
  text-align: left;
}
.v1_309 {
  width: 390px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 1346px;
  left: 330px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 14px;
  opacity: 1;
  text-align: left;
}
.v1_547 {
  width: 390px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 1650px;
  left: 330px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 14px;
  opacity: 1;
  text-align: left;
}
.v1_549 {
  width: 390px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 1726px;
  left: 330px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 14px;
  opacity: 1;
  text-align: left;
}
.v1_310 {
  width: 343px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 1384px;
  left: 330px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 14px;
  opacity: 1;
  text-align: left;
}
.v1_548 {
  width: 343px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 1688px;
  left: 330px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 14px;
  opacity: 1;
  text-align: left;
}
.v1_550 {
  width: 343px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 1764px;
  left: 330px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 14px;
  opacity: 1;
  text-align: left;
}
.v1_312 {
  width: 660px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 3012px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 32px;
  opacity: 1;
  text-align: left;
}
.v1_562 {
  width: 660px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 4515px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 32px;
  opacity: 1;
  text-align: left;
}
.v1_629 {
  width: 660px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 8770px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 32px;
  opacity: 1;
  text-align: left;
}
.v1_662 {
  width: 660px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 12792px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 32px;
  opacity: 1;
  text-align: left;
}
.v1_313 {
  width: 663px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 3100px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 15px;
  opacity: 1;
  text-align: left;
}
.v1_563 {
  width: 663px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 4603px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 15px;
  opacity: 1;
  text-align: left;
}
.v1_630 {
  width: 663px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 8858px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 15px;
  opacity: 1;
  text-align: left;
}
.v1_663 {
  width: 663px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 13418px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 15px;
  opacity: 1;
  text-align: left;
}
.v1_638 {
  width: 663px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 9586px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 15px;
  opacity: 1;
  text-align: left;
}
.v1_648 {
  width: 663px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 11204px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 15px;
  opacity: 1;
  text-align: left;
}
.v1_641 {
  width: 663px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 10395px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 15px;
  opacity: 1;
  text-align: left;
}
.v1_649 {
  width: 663px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 11574px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 15px;
  opacity: 1;
  text-align: left;
}
.v1_656 {
  width: 663px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 11944px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 15px;
  opacity: 1;
  text-align: left;
}
.v1_660 {
  width: 663px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 12422px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 15px;
  opacity: 1;
  text-align: left;
}
.v1_314 {
  width: 12px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 3213px;
  left: 278px;
  font-family: Prompt;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: center;
}
.v1_565 {
  width: 12px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 4758px;
  left: 279px;
  font-family: Prompt;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: center;
}
.v1_315 {
  width: 591px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 3210px;
  left: 320px;
  font-family: Prompt;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}
.v1_566 {
  width: 591px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 4755px;
  left: 320px;
  font-family: Prompt;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}
.v1_316 {
  width: 663px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 3278px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 15px;
  opacity: 1;
  text-align: left;
}
.v1_322 {
  width: 16px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 3497px;
  left: 277px;
  font-family: Prompt;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: center;
}
.v1_323 {
  width: 447px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 3494px;
  left: 320px;
  font-family: Prompt;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}
.v1_325 {
  width: 662px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 3562px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 15px;
  opacity: 1;
  text-align: left;
}
.v1_329 {
  width: 16px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 3781px;
  left: 275px;
  font-family: Prompt;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: center;
}
.v1_558 {
  width: 16px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 4146px;
  left: 275px;
  font-family: Prompt;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: center;
}
.v1_330 {
  width: 447px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 3778px;
  left: 318px;
  font-family: Prompt;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}
.v1_559 {
  width: 447px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 4143px;
  left: 318px;
  font-family: Prompt;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}
.v1_331 {
  width: 664px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 3846px;
  left: 263px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 15px;
  opacity: 1;
  text-align: left;
}
.v1_560 {
  width: 664px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 4211px;
  left: 263px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 15px;
  opacity: 1;
  text-align: left;
}
.v1_636 {
  width: 410px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 9037px;
  left: 290px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}
.v1_650 {
  width: 410px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 10655px;
  left: 290px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}
.v1_642 {
  width: 410px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 9846px;
  left: 290px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}
.v1_651 {
  width: 410px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 11464px;
  left: 290px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}
.v1_657 {
  width: 410px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 11834px;
  left: 290px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}
.v1_661 {
  width: 410px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 12312px;
  left: 290px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}
.v1_555 {
  width: 410px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 2475px;
  left: 290px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}
.v1_572 {
  width: 74px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 4869px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 17px;
  opacity: 1;
  text-align: left;
}
.v1_583 {
  width: 74px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 5196px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 17px;
  opacity: 1;
  text-align: left;
}
.v1_574 {
  width: 663px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 4911px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 15px;
  opacity: 1;
  text-align: left;
}
.v1_599 {
  width: 40px;
  height: 40px;
  background: url("../images/v1_599.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 5436px;
  left: 265px;
  border: 3px solid rgba(51, 51, 51, 1);
  overflow: hidden;
}
.v1_600 {
  width: 670px;
  height: 2px;
  background: rgba(241, 245, 246, 1);
  opacity: 1;
  position: absolute;
  top: 5522px;
  left: 265px;
  overflow: hidden;
}
.v1_609 {
  width: 670px;
  height: 2px;
  background: rgba(241, 245, 246, 1);
  opacity: 1;
  position: absolute;
  top: 6603px;
  left: 265px;
  overflow: hidden;
}
.v1_623 {
  width: 670px;
  height: 2px;
  background: rgba(241, 245, 246, 1);
  opacity: 1;
  position: absolute;
  top: 7587px;
  left: 265px;
  overflow: hidden;
}
.v1_601 {
  width: 670px;
  height: 195px;
  background: url("../images/v1_601.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 5524px;
  left: 265px;
  overflow: hidden;
}
.v1_610 {
  width: 670px;
  height: 195px;
  background: url("../images/v1_610.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 6605px;
  left: 265px;
  overflow: hidden;
}
.v1_624 {
  width: 670px;
  height: 195px;
  background: url("../images/v1_624.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 7589px;
  left: 265px;
  overflow: hidden;
}
.v1_602 {
  width: 12px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 5439px;
  left: 279px;
  font-family: Prompt;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: center;
}
.v1_603 {
  width: 591px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 5436px;
  left: 320px;
  font-family: Prompt;
  font-weight: Regular;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}
.v1_604 {
  width: 74px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 5550px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 17px;
  opacity: 1;
  text-align: left;
}
.v1_611 {
  width: 141px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 6631px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 17px;
  opacity: 1;
  text-align: left;
}
.v1_625 {
  width: 141px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 7615px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 17px;
  opacity: 1;
  text-align: left;
}
.v1_605 {
  width: 663px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 5592px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 15px;
  opacity: 1;
  text-align: left;
}
.v1_612 {
  width: 663px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 6673px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 15px;
  opacity: 1;
  text-align: left;
}
.v1_626 {
  width: 663px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 7657px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 15px;
  opacity: 1;
  text-align: left;
}
.v1_584 {
  width: 659px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 5238px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 15px;
  opacity: 1;
  text-align: left;
}
.v1_587 {
  width: 497px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 6301px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 15px;
  opacity: 1;
  text-align: left;
}
.v1_613 {
  width: 497px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 7339px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 15px;
  opacity: 1;
  text-align: left;
}
.v1_627 {
  width: 497px;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: 8350px;
  left: 265px;
  font-family: Noto Sans JP;
  font-weight: Regular;
  font-size: 15px;
  opacity: 1;
  text-align: left;
}
.v1_540 {
  width: 664px;
  height: 442px;
  background: url("../images/v1_540.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 423px;
  left: 265px;
  overflow: hidden;
}
.v1_552 {
  width: 663px;
  height: 441px;
  background: url("../images/v1_552.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 1949px;
  left: 265px;
  overflow: hidden;
}
.v1_607 {
  width: 500px;
  height: 374px;
  background: url("../images/v1_607.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 5895px;
  left: 350px;
  border-top-left-radius: 35px;
  border-top-right-radius: 35px;
  border-bottom-left-radius: 35px;
  border-bottom-right-radius: 35px;
  overflow: hidden;
}
.v1_614 {
  width: 500px;
  height: 374px;
  background: url("../images/v1_614.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 6923px;
  left: 350px;
  border-top-left-radius: 35px;
  border-top-right-radius: 35px;
  border-bottom-left-radius: 35px;
  border-bottom-right-radius: 35px;
  overflow: hidden;
}
.v1_628 {
  width: 500px;
  height: 374px;
  background: url("../images/v1_628.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 7934px;
  left: 350px;
  border-top-left-radius: 35px;
  border-top-right-radius: 35px;
  border-bottom-left-radius: 35px;
  border-bottom-right-radius: 35px;
  overflow: hidden;
}
.v1_637 {
  width: 665px;
  height: 442px;
  background: url("../images/v1_637.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 9110px;
  left: 260px;
  overflow: hidden;
}
.v1_652 {
  width: 665px;
  height: 442px;
  background: url("../images/v1_652.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 10728px;
  left: 260px;
  overflow: hidden;
}
.v1_664 {
  width: 665px;
  height: 442px;
  background: url("../images/v1_664.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 12905px;
  left: 260px;
  overflow: hidden;
}
.v1_643 {
  width: 665px;
  height: 442px;
  background: url("../images/v1_643.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 9919px;
  left: 260px;
  overflow: hidden;
}



/* =============================================================
汎用的なスタイリングを定義
============================================================= */


/* display
------------------------------------------------------------- */

.is-block {
  display: block;
}

.is-ilblock {
  display: inline-block;
}

.is-block-center {
  display: block;
  margin: 0 auto;
}

.pc-none {
  display: none !important;
}

@media screen and (max-width: 960px) {
  .pc-none {
    display: block !important;
  }
  .sp-none {
    display: none !important;
  }
}


/* text-align
------------------------------------------------------------- */

.text-left {
  text-align: left;
}

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

.text-right {
  text-align: right;
}


/* font-family
------------------------------------------------------------- */

.en {
  font-family: "Josefin Sans", var(--font-body-family);
}

.min {
  font-family: "Shippori Mincho", serif;
}

.min-b1 {
  font-family: "Shippori Mincho B1", serif;
}



/* font-weight
------------------------------------------------------------- */

.is-normal {
  font-weight: 400;
}

.is-medium {
  font-weight: 500;
}

.is-bold {
  font-weight: 700;
}


/* color
------------------------------------------------------------- */

.is-white {
  color: #ffffff;
}

.is-dark-red {
  color: #bc7b7b;
}


/* margin
------------------------------------------------------------- */

.mt-05 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-00 {
  margin-bottom: 0;
}

.mb-05 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-60 {
  margin-bottom: 60px;
}

.ml-05 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-35 {
  margin-left: 35px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-45 {
  margin-left: 45px;
}

.ml-50 {
  margin-left: 50px;
}

.mr-05 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-25 {
  margin-right: 25px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-35 {
  margin-right: 35px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-45 {
  margin-right: 45px;
}

.mr-50 {
  margin-right: 50px;
}

/* Header */
.header__nav .cart-count-bubble {
  position: absolute;
  background-color: rgb(var(--color-foreground));
  color: rgb(var(--color-base-solid-button-labels));
  height: 1.7rem;
  width: 1.7rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .9rem;
  top: -1rem;
  left: 2rem;
  line-height: calc(1 + .1 / var(--font-body-scale));
}

/* Product 共通 */
.color-white,
.color-champagne_gold,
.color-ash_light_pink,
.color-ash_pink,
.color-brown,
.color-light_pink,
.color-pink,
.color-salmon_pink,
.color-ash_blue,
.color-light_purple,
.color-light_blue,
.color-green,
.color-pistachio_green,
.color-navy,
.color-black,
.color-red,
.color-gold,
.color-rose_brown,
.color-rose_wine,
.color-deep_purple,
.color-silver_pink,
.color-dark_gray,
.color-gray,
.color-smoky_pink,
.color-khaki,
.color-beige,
.color-antique_blue,
.color-apricot_beige,
.color-aqua_green,
.color-ice_blue,
.color-ivory,
.color-ash_brown,
.color-latte_beige,
.color-cocoa_brown,
.color-pajama_pearl_pink,
.color-pajama_ash_gray,
.color-pajama_cocoa-brown,
.color-pajama_deep_purple,
.color-pajama_lavender_pink,
.color-pajama_navy,
.color-pajama_beige,
.color-pajama_pink_beige,
.color-pajama_rose_brown,
.color-pajama_rose_wine,
.color-pajama_turquoise,
.color-pajama_abe,
.color-pajama_agr,
.color-pajama_anb,
.color-pajama_icb,
.color-pajama_ivy,
.color-pajama_khaki,
.color-pajama_olive,
.color-pajama_Indigo-blue,
.color-pajama_dark-navy,
.color-pajama_peacock-blue,
.color-pajama_sax-blue,
.color-pajama_wine-red{
  margin: 0.7rem 0.5rem 0.2rem 0;
}
.color-white {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_white_80x.png?v=147441800117872695501750759651');
}
.color-champagne_gold {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_champagne_gold_80x.png?v=57940777537983517921750759642');
}
.color-ash_light_pink {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_ash_light_pink_80x.png?v=158227762771143444221750759640');
}
.color-ash_pink {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_ash_pink_80x.png?v=57466350804818602041750759641');
}
.color-brown {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_brown_80x.png?v=21416052127207312041750759642');
}
.color-light_pink {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_light_pink_80x.png?v=76997031638299015281750759646');
}
.color-pink {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_pink_80x.png?v=52894464884875432811750759648');
}
.color-salmon_pink {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_salmon_pink_80x.png?v=4651089907893270231750759650');
}
.color-ash_blue {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_ash_blue_80x.png?v=183672416186568366451750759639');
}
.color-light_purple {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_light_purple_80x.png?v=31895538626401346991750759647');
}
.color-light_blue {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_light_blue_80x.png?v=131034554109864149151750759646');
}
.color-green {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_green_80x.png?v=136744636982523942891750759644');
}
.color-pistachio_green {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_pistachio_green_80x.png?v=150512733412791419601750759648');
}
.color-navy {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_navy_80x.png?v=53355986557903181891750759647');
}
.color-black {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_black_80x.png?v=118933339160465401181750759642');
}
.color-red {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_red_80x.png?v=132546731149530094491750759649');
}
.color-gold {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_metal_gold_80x.png?v=169472288308285344521750759647');
}
.color-rose_brown {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_rose_brown_80x.png?v=161443500123510053471750759649');
}
.color-rose_wine {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_rose_wine_80x.png?v=31531955775984402691750759649');
}
.color-deep_purple {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_deep_purple_80x.png?v=72557823624525623541750759644');
}
.color-antique_blue {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_antique_blue_80x.png?v=134512725373095006651750759638');
}
.color-apricot_beige {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_apricot_beige_80x.png?v=142031381484470014101750759639');
}
.color-aqua_green {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_aqua_green_80x.png?v=63673624158436949861750759639');
}
.color-ice_blue {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_ice_blue_80x.png?v=30436165722793141601750759645');
}
.color-ivory {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_ivory_80x.png?v=124559945840426120581750759645');
}
.color-ash_brown {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_ash_brown_80x.png?v=112319060020227015341750759640');
}
.color-latte_beige {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_latte_beige_80x.png?v=159919045736841347641750759645');
}
.color-dark_gray {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color2_dark_gray_80x.png?v=166689512035241917921750759636');
}
.color-silver_pink {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color2_silver_pink_80x.png?v=137516518529933037131750759638');
}
.color-gray {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color2_gray_80x.png?v=20688454103726404871750759637');
}
.color-smoky_pink {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color2_smoky_pink_80x.png?v=71797834423303486411750759638');
}
.color-khaki {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color2_khaki_80x.png?v=158379882142491721761750759637');
}
.color-beige {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color_beige_80x.png?v=12565026173131088081750759641');
}
.color-cocoa_brown {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/color2_cocoa_brown_80x.png?v=146306077256382684611750759636');
}
.color-pajama_pearl_pink {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/pajama_pearl_pink_80x.png?v=10288313535707977891750759719');
}
.color-pajama_ash_gray {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/pajama_ash_gray_80x.png?v=162860285727913947851750759713');
}
.color-pajama_cocoa-brown {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/pajama_cocoa-brown_80x.png?v=36306492874528111371750759714');
}
.color-pajama_deep_purple {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/pajama_deep_purple_80x.png?v=26168698450589311481750759715');
}
.color-pajama_lavender_pink {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/pajama_lavender_pink_80x.png?v=130474453400942709341750759717');
}
.color-pajama_navy {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/pajama_navy_80x.png?v=9958907071398649801750759718');
}
.color-pajama_beige {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/pajama_beige_80x.png?v=9291141558942355461750759714');
}
.color-pajama_pink_beige {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/pajama_pink_beige_80x.png?v=105259018347629167881750759719');
}
.color-pajama_pearl_pink {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/pajama_pearl_pink_80x.png?v=10288313535707977891750759719');
}
.color-pajama_rose_brown {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/pajama_rose_brown_80x.png?v=6050938109620429621750759720');
}
.color-pajama_rose_wine {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/pajama_rose_wine_80x.png?v=116686255967483816871750759720');
}
.color-pajama_turquoise {
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/pajama_turquoise_80x.png?v=114722971852470177771750759721');
}
.color-pajama_abe{
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/pajama_abe_80x.png?v=180204984319324310651750759712');
}
.color-pajama_agr{
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/pajama_agr_80x.png?v=158356726755179246581750759712');
}
.color-pajama_anb{
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/pajama_anb_80x.png?v=43595733920371831221750759713');
}
.color-pajama_dark-navy{
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/pajama_dark-navy_80x.png?v=88205429673695155991750759715');
}
.color-pajama_icb{
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/pajama_icb_80x.png?v=127161739156319656231750759716');
}
.color-pajama_Indigo-blue{
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/pajama_Indigo-blue_80x.png?v=176066004091183569431750759716');
}
.color-pajama_ivy{
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/pajama_ivy_80x.png?v=162166127520069344191750759716');
}
.color-pajama_khaki{
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/pajama_khaki_80x.png?v=39928812433019226291750759717');
}
.color-pajama_olive{
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/pajama_olive_80x.png?v=62456659754981401281750759718');
}
.color-pajama_peacock-blue{
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/pajama_peacock-blue_80x.png?v=179939032499553979121750759718');
}
.color-pajama_sax-blue{
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/pajama_sax-blue_80x.png?v=34382384687749063921750759721');
}
.color-pajama_wine-red{
  background-image: url('//cocosilk.jp/cdn/shop/t/73/assets/pajama_wine-red_80x.png?v=18265020380102421661750759721');
}


/* Challengeページ */
#wrapper .shopify-challenge__container {
  margin: 7rem auto;
  padding: 2rem;
}

p.shopify-challenge__message {
  margin-bottom: 2rem;
}

div#g-recaptcha {
  margin-bottom: 2rem;
}

/* ボタン */
.button, .button-label, .shopify-challenge__button, .customer button {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.button:after, .shopify-challenge__button:after, .customer button:after, .shopify-payment-button__button--unbranded:after {
  transition: box-shadow var(--duration-short) ease, background-color var(--duration-short) ease;
}
.button:not([disabled]):hover:after, .shopify-challenge__button:hover:after, .customer button:hover:after, .shopify-payment-button__button--unbranded:hover:after {
  --border-offset: 0 !important;
  background: rgb(0 0 0 / 5%);
}
@media (max-width: 749px) {
  .button, .button-label, .shopify-challenge__button, .customer button {
    font-size: 12px;
  }
}

/* price */
.price-wrapper .price {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.1em;
  display: flex;
  align-items: center;
  gap: 12px;
}
.price .product__tax-inline {
  font-size: 16px;
  font-weight: 500;
}
.price-item--sale {
  margin-right: 0;
}
@media screen and (max-width: 749px) {
  .price-wrapper .price {
    font-size: 23px;
  }
}

/* badge */
.badge {
  line-height: 1;
  padding: 5px 13px 3px;
}

/* 「今すぐ購入」ボタン */
.shopify-payment-button__button--unbranded {
  background-color: #e3ca80 !important;
}
.shopify-payment-button__button--unbranded:hover:not([disabled]) {
  background-color: #e3ca80 !important;
}