@charset "utf-8";



.box {font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif; -webkit-text-size-adjust: 100%;}



#EC_design #EC_wrapper {

  width: 100%;

}

#main {float:left; width:700px; margin-top:20px; padding-bottom:70px; background:#fff; color:#000;}

main .main_inner {

  background: #fff;

}

main.lipholder_20250418 {

  width: auto;

}

main header {

  background: none;

}

main.lipholder_20250418 h1 {

  width: auto;

}







#content{-webkit-font-smoothing: antialiased;}

#content header.news_header {border:0; padding-bottom:2px;}

#content header.news_header h3 { margin: 0; }







#content time {margin-bottom:20px; font-family: 'Montserrat',Verdana,Arial,Helvetica,sans-serif; color:#999; text-align: center;font-size: 1.4em;display: block;}

#content h2 {font-size:2.2em; font-family:"Montserrat",Verdana,Arial,Helvetica,sans-serif; font-weight:bold; margin-bottom:10px; line-height: 1.4}

#content h2 small {font-size:0.8em; font-weight: normal; }

#content h3 {font-size:1.3em; font-weight:normal; margin-bottom:20px;}

#content h3 span.info {display: block; /*border-top: 1px solid #ddd; padding-top:14px; */margin-top:8px; }

#content h3 p {display: block; padding-bottom:1px; font-size: inherit; line-height: 1.8; margin:0; text-align: center;}

#content h3 p .release {display: block; margin:0 0; text-align: center;}

#content h3 p .reserve {display: block; margin:0 0; text-align: center;}

#content h4 {font-size:1.3em; font-weight:normal; margin-bottom:6px; text-align:center;}



#content .en {font-family: 'Montserrat',Verdana,Arial,Helvetica,sans-serif;}



#content br.onlySP,

#content br.onlySP--force{ display: none; }







a.black-bg{ display: inline-block!important; margin: 0 auto; position: relative; }

a.black-bg img{ opacity: 1!important; position: relative; }

a.black-bg:before{ background-color: #9f9f9f; border-radius: 4px; content: " "; display: block; height: 100%; margin: -5px 0 0 -20px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; padding: 5px 20px; position: absolute; left: 0; top: 0; transition: opacity .4s ease; width: 100%; }

a.black-bg:hover:before{ opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; }





/* introduction */

/* #content #introduction { padding: 300px 0 40px;}

#content #introduction-inner {letter-spacing: normal;}

#content #introduction h3 strong,

#content #introduction h3 span { display: block; font-size: 12px; }

#content #introduction h3 strong { padding: 0 0 8px; }

#content #introduction h4 {font-size:18px; color:#363636; font-weight: normal; margin-top: 60px;}

#content #introduction p{ line-height: 32px; } */











/* .section */

#content .section{ padding: 46px 0 0; }





#content .section .description{ font-size: 18px; line-height: 32px; margin: 0; position: relative; text-align: center; }

/*#content .section .description:before,

#content .section .description:after{ content: " "; display: block; left: 50%; position: absolute; }*/

#content .section .description sup { vertical-align: super; font-size: 9px; }







#content .section .img{ padding: 50px 0 30px; text-align: center; position: relative;}





#content .section .meta{ width: 100%; position: relative;text-align: center;}

#content .section .meta *{ text-align: center; }

#content .section .meta h5 { font-size:16px; line-height:26px; color:#9fa0a0; margin-bottom:25px;}

#content .section .meta .icon { display: block; width: 80px; font-size: 11px; margin: 0 auto 17px; padding:2px 20px; border: 1px solid #aaa; background: #fff; }

#content .section .meta .release{ display: block; font-size: 13px; padding: 0 0 4px; color: #888888; }

#content .section .meta .icon_candygiftbox {

  color: #fff;

  background-color: #CC90AA;

  padding: 3px 15px;

  margin: 0 auto 12px;

  font-weight: 600;

  display: inline-block;

  font-size: 14px;

  border-radius: 14px;

}

#content .section .meta .reserve { display: block; font-size: 12px; margin: 0 0 13px; color: #888888; }

#content .section .meta .ec { display: block; font-size: 12px; margin: -6px 0 16px; line-height: 1.6;}

#content .section .meta .reserve_ec { display: block;; font-size: 12px; margin: 0;}

#content .section .meta .title { margin-bottom: 8px;}

#content .section .meta .title > strong{ color: #333; display: block; font-size: 15px; line-height: 28px; padding: 0 0 18px; letter-spacing: 0; font-weight: 300; }

#content .section .meta .title > span{ display: block; font-size: 11px; line-height: 17px; }

#content .section .meta .title > strong > span,

#content .section .meta .title > span > span { display: inline-block;  word-break:keep-all; font-size: inherit; font-weight: 300;}

#content .section .meta .price{ font-size: 13px; line-height: 1.6; padding: 0 0 8px; margin: 0; }

#content .section .meta .price small{ font-size: 11px; }

#content .section .meta .kome { font-size: 11px; line-height: 1.6; padding: 0 0 8px; margin: 0; }

#content .section .meta .color { padding: 20px 0 40px; }

#content .section .meta .colors { border: none!important; padding: 8px 0 20px !important; margin: 0; }

#content .section .meta .colors li { padding-top: 0!important; }





#content .section .more{ padding: 0 0 30px; text-align: center; }

#content .section .more > *{ display: inline-block; vertical-align: middle; text-align: left; }

#content .section .more dd{ font-size: 12px; line-height: 18px; padding: 0 0 0 10px; width: 160px; }





#content .section .detailBtn,

#content .section .cartBtn { background-color: #333; color: #fff; display: block; font-family: 'Montserrat',Verdana,Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; line-height: 1.4; padding: 10px 0; margin: 10px auto 0; transition: opacity .4s ease; text-align: center; width: 188px; }

#content .section .detailBtn:hover,

#content .section .cartBtn:hover{ opacity: .8; }



#content .section .cartBtn-s { border-bottom: 1px solid #333; box-sizing: border-box; color: #333; display: inline-block; font-size: 11px; font-weight: bold; line-height: 1.2; letter-spacing: 0; margin-top: 10px; }

#content .section .cartBtn-s:before { background: url(/common/images/general/icon_cart_black.png) no-repeat 0 50%; content: " "; display: inline-block; height: 12px; padding: 0 4px 0 0; position: relative; top: 1px; width: 14px; }

#content .section__footer { display: block; text-align: right; margin: 30px 0 10px; }

#content .section__footer .limited { display: block; text-align: right; font-size: 11px; margin: 0 0 90px; padding: 0; }

#content .section__footer .pagetop { display: inline-block; text-align: right; background: url(/common/images/general/icon_up.png) no-repeat; color: #333; font-size: 12px; padding: 0 0 0 16px; }

#content .section__footer.right { justify-content:flex-end; margin-top: -20px; }

#content .section__footer.right .limited { text-align: right; }

#content .section .cartBtn-s:hover { opacity: .6; }





/* .colors */

#content div[class^="colors"]{ margin: 0px 0 -50px; position: relative; }

#content div[class^="colors"].no-border{ border: 0; margin-top: 0; }

#content div[class^="colors"].no-border li { padding-top: 0; }

#content div[class^="colors"] h5{ font-size: 16px; line-height: 28px; padding: 0 0 40px; text-align: center; }

#content div[class^="colors"] ul{  display: flex; flex-wrap: wrap; justify-content:center; font-size: 0; margin-top: 0; text-align: center; gap: 24px; max-width: 886px; margin: 0 auto; }

#content div[class^="colors"] li{ display: flex; justify-content: space-between; flex-direction: column; align-items: center; padding: 0 0 56px; vertical-align: top; text-align: center; width: 175px; }

#content div[class^="colors"] li  * { display: block; text-align: center; }

#content div[class^="colors"] li img { margin: 0 auto 12px; width: 90%; }

#content div[class^="colors"] li strong { display: block; font-family: 'Montserrat',Verdana,Arial,Helvetica,sans-serif; color: #333; font-size: 12px; padding: 0 0 8px; line-height: 17px; font-weight: 400; letter-spacing: normal; }

#content div[class^="colors"] li strong span { display: block; font-size: 12px; font-weight: normal; padding:0; text-align: center; }

#content div[class^="colors"] li strong small { display: inline-block; font-size: 12px; font-weight: normal; }

#content div[class^="colors"] li span{ font-size: 11px; line-height: 1.6; letter-spacing: 0; color: #333; }

#content div[class^="colors"] li a > span > span { display: inline; }

#content div[class^="colors"] .limited{ bottom: -1em; font-size: 11px; margin: 0; padding: 0; position: absolute; right: 0; text-align: right; }

#content .section .colors-1col ul li { width: auto; }

#content .section .colors-2col ul { justify-content: center; }

#content .section .colors-2col ul li { width: 250px; }

#content .section .holder_colors_wrapper ul { width: auto; margin: 0 auto; }

#content .section .holder_colors_wrapper ul li { width: 200px; }

#content .section .colors-4col ul li{ width: 162px; }

#content .section .colors-5col ul li{ width: 130px; }

#content .section .colors-6col ul li{ width: 107px; }







/* toggle */

#content .toggle__body { visibility:hidden; height: 0; opacity: 0; flex-wrap: wrap; justify-content: center; padding: 0;

  -webkit-transition: all 1.0s;

  -moz-transition: all 1.0s;

  -ms-transition: all 1.0s;

  -o-transition: all 1.0s;

  transition: all 1.0s;

  overflow: hidden;

}

#content .toggle__buttons { text-align: center; }

#content .toggle__button:hover { opacity: .8; }

#content .toggle__button--detail { background: #fbfbfb; color: #333; border: 1px solid #efefef; border-radius: 5px; cursor: pointer; display: inline-flex; justify-content: center; align-items: center; font-size: 13px; line-height: 22px; text-align: center; transition: opacity .4s ; width: 100%; padding: 22px 0; position: relative;}

#content .toggle__button--detail:after { content: ""; background: url("images/icon_down.png") no-repeat center; display: inline-block; width: 35px; height: 18px; margin-left: 10px; position: absolute; right: 18px;}

#content .toggle__button--detail > span { display: inline-block; text-align: center; }

#content .toggle__button--detail > span > span { display: inline-block; }

#content .toggle__button--close { font-size: 12px; display: none; margin-top: 30px; text-align: center;}

#content .toggle__button--close:hover { opacity: .8; cursor: pointer; }

#content .toggle__button--close:after { content: ""; background: url("images/icon_down.png") no-repeat center top -6px; display: inline-block; width: 25px; height: 12px; margin-left: 10px; transform: rotate(180deg) scale(1); }











/* checked */

#content .toggle { height: 1px; left: -9999px; position: absolute; visibility: hidden; width: 1px; }

#content .toggle:checked ~ .toggle__body { visibility: visible; height: auto; opacity: 1; }

#content .toggle:checked ~ .toggle__body .toggle__button--close { display: block; }

#content .toggle:checked ~ .toggle__buttons .toggle__button--detail { display: none; }





.view_pc {

  display: block;

}

.view_sp {

  display: none !important;

}







/* sp */







@media (width <= 767px) {



  .view_pc {

    display: none!important;

  }

  .view_sp {

    display: block!important;

  }

  main.lipholder_20250418 {

    margin-top: 20%;

  }



main .main_inner{ overflow: visible; }

#content header.news_header { padding-bottom: 2px; background: white; }

#content header.news_header .image img{ width: 100%; }

#content time {margin-bottom:10px; text-align:center;}

#content h2 {font-size:18px; margin-bottom:10px; text-align:center;}

#content h2 span {display: inline-block; word-break:keep-all; }

#content h3 {font-size:14px; line-height:1.6; text-align:center;}

#content h3 span {text-align:center;}

#content h3 p {text-align:center; font-size: 13px; margin-top:4px;}

#content br.force,

#content br.onlySP--force { display: inline-block!important; }

#content .smp_view {display:inline;}

#content .smp_hidden {display:none;}

#content br.onlySP{ display: inline; }

#content .section{ background-size: auto 50px; margin: -30px -7.13% 30px; padding-top: 30px; }

#content .section > *{ margin: 0 5px; }

#content .section:before { margin: 0 0 40px; background-repeat: repeat-x; }

#content .section .description { font-size: 14px; line-height: 1.8; letter-spacing: 0; margin: 0 5px;}

#content .section .description span {display: inline-block;}

#content .section .img { padding: 30px 0; }

#content .section .img img{ height: auto; max-height: 250px; max-width: 300px; }

#content .section .meta h5 { font-size:14px; line-height:1.6; }

#content .section .meta .icon { margin: 0 auto 16px; }

#content .section .meta .release{ font-size: 12px; padding: 0 0 4px; }

#content .section .meta .reserve { font-size: 12px; margin: 0 0 16px; }

#content .section .meta .ec { font-size: 12px; }

#content .section .meta .reserve_ec { display: block; font-size: 11px; }

#content .section .meta .title > strong{ font-size: 18px; line-height: 1.6; padding: 0 0 15px; letter-spacing: 0;}

#content .section .meta .title > span{ font-size: 10px; line-height: 1.4; }

#content .section .meta .title > strong > span,

#content .section .meta .title > span > span { display: inline-block;  word-break:keep-all; font-size: inherit; }

#content .section .meta .price{ font-size: 12px; line-height: 1.4; padding: 0 0 15px; }

#content .section .meta .price span { display: inline-block;}

#content .section .meta .colors ul{ justify-content: center; }

#content .section .more dt img{ max-height: 80px; max-width: 90px; }

#content .section .more dd{ font-size: 11px; line-height: 1.6; }

#content .section .detailBtn,

#content .section .cartBtn{ max-width: 100%; }

#content .section__footer { align-items: flex-end; flex-direction: column; margin: -20px 4% -30px; }

#content .section__footer .limited { font-size: 11px; padding: 0 0 8px; }

#content .section__footer .pagetop { font-size: 11px; }

#content .toggle__button--detail { font-size: 12px; line-height: 18px; }

#content .toggle__button--detail:after { background-size: 22px auto; right: 10px; }

#content .toggle__buttons { margin-bottom: 30px; }

#content .toggle__button--detail { width: 100%; padding: 10px 0; margin: 0; }

#content div[class^="colors"]{ position: relative; margin: 30px auto 50px; /*max-width: 320px;*/width: 100%;}

#content div[class^="colors"] ul{ display: flex; flex-wrap: wrap; text-align: left;}

#content div[class^="colors"] h5{ font-size: 12px; line-height: 18px; }

#content div[class^="colors"] .note { width: auto; }

#content div[class^="colors"] li{ padding: 8px 0 0; width: 48%; }

#content div[class^="colors"] li strong{ font-size: 12px; }

#content div[class^="colors"] li span{ font-size: 10px; letter-spacing: -0.01em;}

#content div[class^="colors"] li img { margin-bottom: 5px; max-width: 100%; }

#content div[class^="colors"] .limited{ text-align: left; }

#content div[class^="colors"] {margin: 0 4px 20px; width: auto;}

#content div[class^="colors"] ul li {width: calc(33.3% - 4px); padding: 8px 2px 0; /*margin-bottom: 26px;*/}

#content div[class^="colors"] ul li a > span > span { display: inline-block;  word-break:keep-all; font-size: inherit; width: auto !important; }

#content .section .colors-1col ul { justify-content: center; }

#content .section .colors-1col ul li { width: 70%; }

#content .section .colors-2col ul { justify-content: center; }

#content .section .colors-2col ul li { width: calc(50% - 6px); padding: 50px 3px 0;}

#content .section .holder_colors_wrapper ul { width: auto; justify-content: space-around; }

#content .section .colors-4col ul { width: auto; justify-content: space-around; }











article {

  float: none;

  width: initial;

}



}





/*

 *

 * for this page

 *

 */



.main_bg{ background-color: #F7F0F0; position: relative; overflow: hidden;}

#content { position: relative; z-index: 1; }

.main_bg_inner{ width: 100%; height: auto; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 0;}



#content {width: 100vw; margin: 0 auto; text-align: center;}

#content h1 a {color: #363636!important;text-align: center;}

#content h1 {font-size:2em; font-family: 'Montserrat',Verdana,Arial,Helvetica,sans-serif; color: #363636; text-align: center; padding: 30px 0 20px;margin: 0 auto;font-weight: 400;text-align: center;}

#content p { font-family: "Shippori Mincho", serif; text-align: center; color: #312727;}



#content section{

  position: relative;

  z-index: 1;

}



#content .side_nav {

  position: fixed;

  top: 50%;

  right: 20px;

  transform: translateY(-50%);

  z-index: 500;

}

#content .side_nav ul {

  list-style: none;

  margin: 0;

  padding: 0;

}



#content .side_nav li {

  margin-bottom: 32px;

}



#content .side_nav a {

  position: relative;

  display: block;

  width: 12px;

  height: 12px;

  background: rgba(43, 12, 12, 0.3); /* 通常は30%不透明 */

  border-radius: 50%;

  transition: background 0.3s ease;

}

#content .side_nav a.active {

  background: rgba(43, 12, 12, 0.8);

}

#content .side_nav a:hover {

  background: rgba(43, 12, 12, 0.5);

}

#content .side_nav a::after {

  content: attr(data-label);

  position: absolute;

  top: 50%;

  right: calc(100% + 8px); /* 丸より8px左側に出す */

  transform: translateY(-50%);

  background: rgba(43, 12, 12, 0.8);

  color: #fff;

  padding: 0.25rem 0.5rem;

  border-radius: 4px;

  white-space: nowrap;

  opacity: 0;

  pointer-events: none;

  transition: opacity 0.2s;

}



/* 吹き出し三角部分 */

.side_nav a::before {

  content: "\f0da";

  font-family: "Font Awesome 6 Free"; /* FontAwesome を読み込んでる前提 */

  font-weight: 900;

  position: absolute;

  top: 50%;

  right: calc(100% + 4px); /* 丸から4px離す */

  transform: translateY(-50%);

  font-size: 12px;

  color: rgba(43, 12, 12, 0.8); /* 吹き出しと同じ色にする */

  opacity: 0;

  pointer-events: none;

  transition: opacity 0.2s;

}



#content .side_nav a:hover::after,

#content .side_nav a:hover::before{

  opacity: 1;

}



@media (max-width: 767px) {

  #content .side_nav {

    display: none;

  }

}



#content .kv {

  position: fixed;

  width: 100%;

  height: 100vh; 

  overflow: hidden;

  display: flex;

  justify-content: space-between;

  z-index: 0;

}

#content .kv::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #2B0C0C;

  opacity: 0.24;     

  pointer-events: none; 

  z-index: 1;

}



#content .kv .bg {

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-position: center;

  opacity: 0;

  animation: none;

}

#content .kv .bg.bg1 {

  background-image: image-set(

    url('images/kv_bg01.jpg') 1x,

    url('images/kv_bg01@2x.jpg') 2x

  );

  opacity: 1;

  z-index: 0;

}



#content .kv .bg.bg2 {

  background-image: image-set(

    url('images/kv_bg02.jpg') 1x,

    url('images/kv_bg02@2x.jpg') 2x

  );

  animation-delay: 5s;

}



#content .kv .bg.bg3 {

  background-image: image-set(

    url('images/kv_bg03.jpg') 1x,

    url('images/kv_bg03@2x.jpg') 2x

  );

  animation-delay: 10s;

}



#content .kv .bg.bg4 {

  background-image: image-set(

    url('images/kv_bg04.jpg') 1x,

    url('images/kv_bg04@2x.jpg') 2x

  );

  animation-delay: 15s;

}



@keyframes fade {

  0%   { opacity: 0; }

  15%  { opacity: 1; }

  35%  { opacity: 1; }

  50%  { opacity: 0; }

  100% { opacity: 0; }

}



@media (max-width: 767px) {

  #content .kv .bg.bg1 {

    background-image: image-set(

      url('images/kv_bg01_sp.jpg') 1x,

      url('images/kv_bg01_sp@2x.jpg') 2x

    );

  }

  #content .kv .bg.bg2 {

    background-image: image-set(

      url('images/kv_bg02_sp.jpg') 1x,

      url('images/kv_bg02_sp@2x.jpg') 2x

    );

  }

  #content .kv .bg.bg3 {

    background-image: image-set(

      url('images/kv_bg03_sp.jpg') 1x,

      url('images/kv_bg03_sp@2x.jpg') 2x

    );

  }

  #content .kv .bg.bg4 {

    background-image: image-set(

      url('images/kv_bg04_sp.jpg') 1x,

      url('images/kv_bg04_sp@2x.jpg') 2x

    );

  }

}



#content .kv .nav{

  width: 30%;

  height: 100%;

  background-color: rgba(188, 160, 163, 0.44);

  display: flex;

  justify-content: center;

  align-items: center;

  position: relative;

  z-index: 2;

}

#content .kv .nav .nav_wrapper{

  width: 50%;

  min-width: 224px;

  display: flex;

  flex-direction: column;

  gap: 75px;

}



#content .kv .nav .nav_list{

  display: flex;

  flex-direction: column;

  gap: 30px;

  align-items: center;

}

#content .kv .nav .nav_list a{

  font-size: 18px;

  letter-spacing: 0.054em;

  line-height: 1.67;

  color: #fff;

  font-family: 'Montserrat',Verdana,Arial,Helvetica,sans-serif;

  font-weight: 300;

  text-decoration: none;

}



@media (max-width: 900px) {

  #content .kv .nav {

    display: none;

  }

}





/* 

   Introduction 

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

#content .introduction{

  position: relative;

  width: 70%;

  padding: 160px 0 100px;

  margin-left: auto;

}



#content .introduction .intro_inner{

  width: fit-content;

  margin-left: auto;

  margin-right: 10%;

}



#content .sec_title{

  font-size: 20px;

  color: #8E8181;

  font-family: 'Montserrat',Verdana,Arial,Helvetica,sans-serif;

  font-weight: 300;

  letter-spacing: 0.054em;

  line-height: 1.67;

}



#content .introduction .sec_title{

  color: #fff;

  margin-top: 180px;

  font-size: 18px;

  text-align: left;

}



#content .introduction .intro_lead{

  font-size: 28px;

  font-weight: 500;

  letter-spacing: 0.054em;

  line-height: 1.07;

  text-align: left;

  color: #fff;

  margin-top: 49px;

  margin-bottom: 38px;

}

#content .introduction .intro_body{

  font-size: 16px;

  font-weight: 500;

  letter-spacing: 0.05em;

  line-height: 2.27;

  text-align: left;

  color: #fff;

  margin-bottom: 66px;

  width: auto;

}



#content .introduction #intro_movie_banner{

  width: 85%;

  margin-top: 80px;

  margin-bottom: 105px;

}

#content .introduction #intro_movie_banner img{

  width: 100%;

}



#content .modal {

  position: fixed;

  top: 0; left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.8);

  opacity: 0;

  visibility: hidden;

  transition: opacity 0.3s;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 1000;

}

#content #kv_modal{

  background-color: rgba(188, 160, 163, 0.75);

  position: fixed;

  z-index: 1000;

}



#content .modal.open {

  opacity: 1;

  visibility: visible;

}



#content .modal__content {

  position: relative;

  width: 73%;

  max-width: 1080px;

}



.modal__close {

  position: absolute;

  top: -50px;

  right: -80px;

  background: #000;      

  color: #fff;          

  border: none;

  border-radius: 50%;    

  width: 60px;        

  height: 60px;

  font-size: 27px;    

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

  line-height: 1;      

  opacity: 0.8;        

  transition: opacity 0.2s;

  padding: 0;

}



.modal__close:hover {

  opacity: 1;            /* hoverで不透明に */

}



#content video {

  max-width: 100%;

}

#content section{

  width: 100%;

}

#content section .sec_wrapper{

  display: flex;

  flex-direction: column;

  align-items: center;

}



@media (max-width: 900px) {

  #content .introduction {

    width: 100%;

    padding: 300px 0 40px;

  }

  #content .introduction .intro_inner {

    width: 100%;

    margin: 0 0 0 30px;

  }

  #content .introduction .sec_title {

    font-size: 18px;

  }

  #content .introduction .intro_lead {

    font-size: 19px;

    margin-bottom: 32px;

  }

  #content .introduction .intro_body {

    font-size: 14px;

  }

  #content .introduction #intro_movie_banner {

    margin-top: 40px;

    margin-bottom: 40px;

    width: 100%;

  }

  #content .introduction #intro_movie_banner img {

    width: 85%;

  }

}



/*

 * Message

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

#content #message {

  padding: 122px 0;

  min-height: calc(100vh - 244px);

  display: flex;

  flex-direction: column;

  justify-content: center;

  background-image: image-set(

    url('images/message_bg.jpg') 1x,

    url('images/message_bg@2x.jpg') 2x

  );

  background-size: cover;

}

#content #message .sec_title{

  color: #fff;

  margin-bottom: 50px;

}

#content #message .movie_wrapper{

  width: 70%;

  max-width: 1080px;

  aspect-ratio: 16 / 9;

  margin: 50px auto 54px;

}



@media (max-width: 767px) {

  #content #message {

    height: auto;

    padding: 100px 0;

  }

  #content #message .sec_title {

    padding-top: 0;

  }

  #content #message .sec_wrapper{

    width: 85%;

    margin: 0 auto;

  }

  #content #message .movie_wrapper {

    width: 90%;

    height: auto;

  }

}





/*

 * Story

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

#content #story {

  background-color: #FAF7F7;

  position: relative;  

}

#content #story .sec_wrapper{

  max-width: 100%;

  padding: 100px 0;

  position: relative;

  z-index: 1;

}

#content #story .sec_title{

  margin-bottom: 50px;

}



#content #story .bg._top{

  position: absolute;

  top: 10px;

  left: 50%;

  transform: translateX(-50%);

  width: calc(100% - 20px);

  z-index: 0;

}

#content #story .bg._bottom{

  position: absolute;

  bottom: 10px;

  left: 50%;

  transform: translateX(-50%);

  width: calc(100% - 20px);

  z-index: 0;

}

#content section ._body{

  margin-top: 37px;

  font-size: 15px;

  letter-spacing: 0.05em;

  line-height: 1.87;

  font-weight: 500;

}

#content #story .story_list{

  width: 86.3%;

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  gap: 30px;

  margin-top: 78px;

}

#content #story .story_list li{

  display: flex;

  flex-direction: column;

  align-items: center;

}

#content #story .story_list li a {

  text-decoration: none;

}

#content #story .story_list li ._num{

  font-size: 12px;

  font-family: 'Montserrat',Verdana,Arial,Helvetica,sans-serif;

  letter-spacing: 0.054em;

  line-height: 2.5;

  color: #BE8499;

}

#content #story .story_list li ._title{

  margin: 6px auto 0;

  min-height: 70.3px;

}

#content #story .story_list li ._img{

  width: 100%;

  margin-top: 13px;

  margin-bottom: auto;

}

#content #story .story_list li ._img img{

  width: 100%;

}

#content #story .story_list .note {

  font-size: 12px;

  text-align: center;

}

#content section  ._schedule{

  font-size: 13px;

  letter-spacing: 0.05em;

  line-height: 1.54;

}

#content #story .story_list li ._schedule{

  margin: 16px auto 12px;

  max-width: 100%;

}

#content section .detail_btn{

  width: 180px;

  background-color: #333333;

  color: #fff;

  font-size: 13px;

  padding: 13px 0;

  transition: opacity 0.3s;

}

#content section .detail_btn:hover {

  opacity: 0.8;

}

#content #story .story_list li ._img.__03{

  background-color: #E2D9D9;

  display: flex;

  justify-content: center;

  align-items: center;

  aspect-ratio: 1 / 0.49;

}

#content #story .story_list li ._img.__03 p{

  color: #fff;

  font-size: 15px;

  letter-spacing: 0.05em;

}



@media (max-width: 767px) {

  #content #story .sec_wrapper{

    width: 85%;

    margin: 0 auto;

  }

  #content section ._body {

    margin-top: 25px;    

    font-size: 14px;

  }

  #content #story .story_list {

    grid-template-columns: 1fr;

    gap: 60px;

    margin-top: 40px;

    width: 100%;

  }

  #content #story .story_list li ._num {

    font-size: 12px;

  }

  #content #story .story_list li ._title {

    margin-top: 4px;

  }

  #content #story .story_list li ._img {

    margin-top: 28px;

  }

  #content #story .story_list li ._schedule {

    margin-top: 8px;

  }

  #content #story .story_list li ._img.__03 {

    aspect-ratio: 1 / 0.49;

  }

}





/*

 * Product

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

#content #product {

  background-color: #F7F0F0;

}

#content #product .sec_wrapper{

  width: 90%;

  max-width: 960px;

  margin: 0 auto;

  padding: 102px 0;

}

#content #product .sec_title{

  margin-bottom: 33px;

}

#content #product .product_content{

  width:  100%;

  background-color: #fff;

  margin-top: 57px;

  padding-top: 62px;

  padding-bottom: 40px;

  display: flex;

  flex-direction: column;

  align-items: center;

}

#content #product .product_content ._title{

  font-size: 22px;

  letter-spacing: 0.05em;

  font-weight: 500;

}

#content #product .product_content ._schedule{

  margin: 27px auto 40px;

}

#content #product .product_content ._item {

  display: flex;

  flex-direction: column;

  align-items: center;

}

#content #product .product_content ._item a {

  text-decoration: none;

}

#content section .limited{

  font-size: 12px;

  border: solid 1px #999999;

  padding: 5px 10px;

}

#content #product .product_content ._lead {

  font-size: 18px;

  font-weight: 500;

  letter-spacing: 0.05em;

  line-height: 1.78;

  font-family: 'Shippori Mincho', serif;

}

#content #product .product_content ._item.__01 ._lead {

  margin-top: 17px;

  margin-bottom: 32px;

}

@media (max-width: 767px) {

  #content #product .sec_wrapper {

    width: 100%;

    padding-bottom: 0px;

  }

  #content #product .product_content {

    border-radius: 40px 40px 0px 0px;

  }

  #content #product .product_content ._title {

    font-size: 18px;

  }

  #content #product .product_content ._item.__01 {

    width: 85%;

    margin-left: auto;

    margin-right: auto;

  }

  #content #product .product_content ._item.__01 ._lead {

    font-size: 14px;

  }

  #content #product .product_content ._lead {

    font-size: 14px;

  } 

}



/** eyecolor **/

#content #product .product_eyecolor_content .eyecolor_all_img {

  display: block;

  margin: 0 auto 0;

}

#content #product .product_eyecolor_content_inner {

  display: flex;

  gap: 30px;

  width: 100%;

  max-width: 720px;

  margin: 20px auto 75px;

}

#content #product .product_eyecolor_list {

  display: flex;

  flex-direction: column;

  gap: 40px;

}

#content #product .product_eyecolor_item {

  display: flex;

  flex-direction: column;

  gap: 16px;

}

#content #product .product_eyecolor_item_content {

  border-bottom: solid 1px #E0E0E0;

  padding-bottom: 16px;

}

#content #product .product_eyecolor_item_content ._title {

  font-size: 14px;

  font-weight: 500;

  letter-spacing: 0.05em;

  line-height: 1.78;

  text-align: left;

  font-family: "Shippori Mincho", serif;

}

#content #product .product_eyecolor_item_content ._body {

  font-size: 12px;

  letter-spacing: 0.05em;

  line-height: 1.5;

  text-align: left;

  margin-top: 4px;

}

#content #product .product_eyecolor_item_content ._info {

  font-size: 12px;

  line-height: 1.5;

  color: #999;

  text-align: left;

}

#content #product .product_eyecolor_item_img {

  display: flex;

  justify-content: center;

  align-items: start;

  gap: 14px;

}

#content #product .product_eyecolor_item_img img {

  width: 64px;

  height: 64px;

  object-fit: cover;

  aspect-ratio: 1 / 1;

}

#content #product .product_eyecolor_item_text ._name {

  font-size: 12px;

  font-weight: 300;

  text-align: left;

  font-family: 'Montserrat',Verdana,Arial,Helvetica,sans-serif;

  color: #312727;

}

#content #product .product_eyecolor_item_text ._body {

  font-size: 12px;

  line-height: 1.5;

  text-align: left;

  margin: 4px 0;

  font-weight: 300;

  font-family: 'Hiragino Sans',Verdana,Arial,Helvetica,sans-serif;

}

#content #product .product_eyecolor_item_text ._info {

  font-size: 12px;

  line-height: 1.5;

  color: #999;

  text-align: left;

  font-weight: 300;

  font-family: 'Hiragino Sans',Verdana,Arial,Helvetica,sans-serif;

}

#content #product .product_eyecolor_accordion_btn {

  margin: 0 auto;

  margin-top: 20px;

  font-size: 14px;

  color: #312727;

  padding-bottom: 10px;

  border-bottom: solid 1px #312727;

  text-decoration: none;

}

#content #product .product_eyecolor_accordion_btn span {

  display: inline-block;

  width: 10px;

  height: 10px;

  padding-left: 10px;

  position: relative;

}

#content #product .product_eyecolor_accordion_btn span::before,

#content #product .product_eyecolor_accordion_btn span::after {

  content: '';

  position: absolute;

  background-color: #312727;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

#content #product .product_eyecolor_accordion_btn span::before {

  width: 10px;

  height: 1px;

}

#content #product .product_eyecolor_accordion_btn span::after {

  width: 1px;

  height: 10px;

}

/* open時は縦棒を消して「-」にする */

#content #product .product_eyecolor_accordion_btn.open span::after {

  display: none;

}



@media (max-width: 767px) {

  #content #product .product_eyecolor_content_inner {

    max-height: 0;

    opacity: 0;

    overflow: hidden;

    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s;

    pointer-events: none;

    flex-direction: column;

    width: 85%;

    margin-top: 30px;

  }

  #content #product .product_eyecolor_content_inner.open {

    max-height: 3000px; /* 十分大きな値 */

    opacity: 1;

    pointer-events: auto;

    gap: 0;

  }

}



#content #product .product_content ._item.__02 ._lead {

  margin-top: 20px;

  margin-bottom: 18px;

}

#content #product .product_content ._item img{

  max-width: 100%;

}

#content #product .product_content ._item ._name_en{

  font-size: 16px;

  font-weight: 500;

  font-family: 'Montserrat',Verdana,Arial,Helvetica,sans-serif;

  letter-spacing: 0;

  line-height: 1.56;

}

#content #product .product_content ._item.__01 ._name_en{

  margin: 35px auto 17px;

}

#content #product .product_content ._item.__02 ._name_en{

  margin: 10px auto 11px;

}

#content #product .product_content ._item ._name_jp{

  color: #999999;

  font-size: 13px;

  font-weight: 600;

  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;

}

#content #product .product_content ._item ._price{

  font-size: 14px;

  font-weight: 300;

  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;

  margin: 15px auto 13px;

}

#content #product .product_content ._item ._price span{

  font-size: 11px;

}

#content #product .product_content .__palette{

  margin: 45px auto 20px;

}

#content #product .product_content ._item.__02{

  margin-bottom: 75px;

}



@media (max-width: 767px) {

  #content #product .product_content ._item.__02{

    width: 85%;

    margin-left: auto;

    margin-right: auto;

  }

}





/** howto **/

#content #product .howto_lead_img {

  display: block;

  margin: 0 auto;

  max-width: 100%;

}

#content #product .product_content ._body.__howto{

  margin-top: 20px;

  margin-bottom: 36px;

}

#content #product .howto_title{

  margin-top: 45px;

  font-size: 14px;

  letter-spacing: 0.05em;

  line-height: 2;

  color: #be8499;

  font-weight: 300;

  text-align: center;

  font-family: 'Montserrat',Verdana,Arial,Helvetica,sans-serif;

}

#content #product .howto_item:first-child{

  margin-top: 40px;

}

#content #product .howto_item {

  width: 100%;

  max-width: 700px

}

#content #product .howto_content {

  display: flex;

  justify-content: space-between;

  align-items: center;

  width: 100%;

  gap: 14px;

}

#content #product .howto_item h4 {

  font-family: 'Montserrat',Verdana,Arial,Helvetica,sans-serif;

  font-weight: 300;

  font-size: 14px;

  letter-spacing: 0.05em;

  line-height: 2;

  color: #be8499;

  margin-bottom: 8px;

  text-align: left;

}

#content #product .howto_content .howto_list {

  flex: 1;

  display: flex;

  flex-direction: column;

  gap: 14px;

}

#content #product .howto_content .howto_list p{

  font-weight: 500;

  font-size: 14px;

  letter-spacing: 0.05em;

  line-height: 1.57;

  text-align: left;

  display: flex;

  gap: 10px;

}

#content #product .howto_content .howto_list p span{

  font-family: 'Montserrat',Verdana,Arial,Helvetica,sans-serif;

  font-weight: 300;

  color: #be8499;

}

#content #product .howto_make_list{

  display: block;

  margin: 0 auto;

}

#content #product .howto_content .howto_img {

  min-width: 130px;

  text-align: center;

}

@media (max-width: 767px) {

  #content #product .howto_content_wrapper {

    width: 85%;

    margin-left: auto;

    margin-right: auto;

  }

  #content #product .howto_thumnail_img {

    width: 100%;

  }

  #content #product .howto_item {

    width: 100%;

  }

  #content #product .howto_item img {

    max-width: 100%;

  }

  #content #product .howto_content {

    flex-direction: column-reverse;

  }

  #content #product .howto_item h4 {

    text-align: center;

  }

  #content #product .howto_make_list {

    max-width: 100%;

    margin: 30px auto;

  }

  #content #product .product_eyecolor_list {

    gap: 0;

  }

  #content #product .product_eyecolor_item {

    margin-bottom: 30px;

  }

  

}





/*

 * History

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

#content #history {

  background-color: #E7DFE0;

  position: relative;

}

#content #history .history_bg {

  position: absolute;

  z-index: 0;

  width: 100%;

}

#content #history .history_bg.__top {

  top: 0;

  opacity: 0.4;

}

#content #history .history_bg.__top img {

  width: 100%;

}

#content #history .history_bg.__bottom {

  bottom: 50px;

  left: 50%;

  transform: translateX(-50%);

  width: 90%; 

  opacity: 0.4;

}

#content #history .history_bg.__bottom img {

  width: 100%;

}

#content #history .sec_wrapper {

  position: relative;

  z-index: 1;

  padding: 80px 0 70px;

}

#content #history .history_lead {

  font-size: 24px;

  letter-spacing: 0.05em;

  font-weight: 500;

  margin: 37px auto 35px;

}

#content #history .history_body {

  font-size: 14px;

  letter-spacing: 0.05em;

  line-height: 2.29;

  font-weight: 500;

}

#content #history .history_content {

  width: 1080px;

  max-width: 90vw;

  margin: -25px auto 0;

  position: relative;

}

#content #history .history_content .chronology {

  width: 100%;

}

#content #history .history_content .chronology img {

  width: 100%;

}



@media (max-width: 767px) {

  #content #history .history_lead {

    font-size: 20px;

    line-height: 1.4em;

  }

  #content #history .history_body {

    font-size: 14px;

  }

  #content #history .history_content {

    margin-top: 45px;

  }

  #content #history .sec_wrapper {

    width: 90%;

    margin-left: auto;

    margin-right: auto;

  }

  #content #history .history_content .chronology {

    width: 100%;

  }

}





#content #history .item_list {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  list-style: none;

}

#content #history .item_list .item {

  position: absolute;

  display: flex;

  flex-direction: column;

  align-items: center;

}

#content #history .item_list .item ._release {

  font-size: clamp(10px, 1.296vw, 14px);

  font-family: 'Montserrat',Verdana,Arial,Helvetica,sans-serif;

  font-weight: 300;

  letter-spacing: 0.054em;

}

#content #history .item_list .item ._name {

  font-size: clamp(10px, 1.296vw, 14px);

  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;

  font-weight: 300;

  letter-spacing: 0;

  line-height: 1.43;

  margin: 0.55vw auto 0.7vw;

}

#content #history .item_list .item .plus_btn {

  width: 22px;

  height: 22px;

  background-color: #eadfe1;

  border: 1px solid #312727;

  border-radius: 50%;

  position: relative;

  padding: 0;

  cursor: pointer;

  appearance: none;

  box-sizing: border-box;

}

#content #history .item_list .item .plus_btn::before,

#content #history .item_list .item .plus_btn::after {

  content: "";

  position: absolute;

  background-color: #312727;

}

#content #history .item_list .item .plus_btn::before {

  top: 50%;

  left: 50%;

  width: 10px;

  height: 1px;

  transform: translate(-50%, -50%);

}

#content #history .item_list .item .plus_btn::after {

  top: 50%;

  left: 50%;

  width: 1px;

  height: 10px;

  transform: translate(-50%, -50%);

}

#content #history .item_list .item.__01_1 {

  top: 8.6%;

  left: 30%;

}

#content #history .item_list .item.__01_2 {

  top: 18.59%;

  left: 14.51%;

}

#content #history .item_list .item.__01_3 {

  top: 15.18%;

  left: 14.33%;

}

#content #history .item_list .item.__02 {

  top: 41.37%;

  left: 23.54%;

}

#content #history .item_list .item.__03 {

  top: 32.01%;

  left: 42.93%;

}

#content #history .item_list .item.__04 {

  top: 19.25%;

  right: 21.74%;

}

#content #history .item_list .item.__05{

  top: 23.47%;

  right: 1.40%;

}

#content #history .item_list .item.__06 {

  top: 35.39%;

  right: 13.42%;

}

#content #history .item_list .item.__07 {

  bottom: 35.4%;

  right: 17.76%;

}

#content #history .item_list .item.__08 {

  bottom: 28.3%;

  left: 41.51%;

}

#content #history .item_list .item.__09 {

  bottom: 37.64%;

  left: 11.95%;

}

#content #history .item_list .item.__10 {

  bottom: 23.44%;

  left: 17.28%;

}

#content #history .item_list .item.__11 {

  bottom: 10.42%;

  left: 19.29%;

}

#content #history .item_list .item.__12 {

  bottom: 18.47%;

  right: 35.73%;

}

#content #history .item_list .item.__13 {

  bottom: 21.39%;

  right: 8.55%;

}

#content #history .item_list .item.__14 {

  bottom: 3.80%;

  right: 17%;

}



@media (max-width: 767px) {

  #content #history .item_list .item ._release {

    display: none;

  }

  #content #history .item_list .item ._name {

    display: none;

  }

  #content #history .item_list .item .plus_btn {

    width: 16px;

    height: 16px;

  }

  #content #history .item_list .item.__01_3 {

    left: 40%;

  }

  #content #history .item_list .item.__02 {

    top: 8.37%;

    left: auto;

    right: 3%;

  }

  #content #history .item_list .item.__03 {

    top: 19%;

    left: auto;

    right: 20%;

  }

  #content #history .item_list .item.__04 {

    top: 23%;

    right: 50%;

  }

  #content #history .item_list .item.__05 {

    top: 21.47%;

    right: auto;

    left: 12%;

  }

  #content #history .item_list .item.__06 {

    top: 43%;

    left: 6%;

    right: auto;

}

  #content #history .item_list .item.__07 {

    bottom: 52%;

    right: 42%;

  }

  #content #history .item_list .item.__08 {

    top: 43.39%;

    right: 27.42%;

    left: auto;

  }

  #content #history .item_list .item.__09 {

    bottom: 36.64%;

    left: auto;

    right: 2%;

  }

  #content #history .item_list .item.__10 {

    bottom: 26.44%;

    right: 24%;

    left: auto;

  }

  #content #history .item_list .item.__11 {

    bottom: 34.2%;

    left: 33%;

  }

  #content #history .item_list .item.__12 {

    bottom: 33%;

    right: auto;

    left: 8%;

  }

  #content #history .item_list .item.__13 {

    bottom: 13%;

    right: auto;

    left: 23%;

  }

  #content #history .item_list .item.__14 {

    bottom: 9.80%;

    right: 25%;

  }

}

/* 

 * special

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

#content #special {

  background-color: #ECD7D9;

}



#content #special .special_item {

  position: relative;

  width: 100%;

  background-color: #fff;

  padding: 100px 0; 

  margin-top: 60px;

}



#content #special .special_item_bg {

  position: absolute;

  top: 0;

  left: 0;

  height: calc(100% - 28px);

  padding: 14px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: space-between;

  z-index: 0;

  width: calc(100% - 28px);

 }

#content #special .special_item_bg img {

  width: 100%;

}

#content #special .special_item_content{

   position: relative;

   z-index: 1;

   display: flex;

   width: 80%;

   margin: 0 auto;

   flex-direction: column;

   align-items: center;

   justify-content: center;

   gap: 20px;

}

#content #special .special_item h3,

#content #special .special_item h4 {

  font-family: 'Shippori Mincho', serif;

  font-weight: 500;

  font-size: 24px;

  letter-spacing: 0.05em;

  line-height: 32px;

  text-align: center;

  color: #2b0c0c;

  margin: 0px;

}

#content #special .deco_diamond {

  width: 8px;

  height: 8px;

  background-color: #CCD0D2;

  rotate: 45deg;

}

#content #special .special_item p {

  font-weight: 500;

  font-size: 14px;

  letter-spacing: 0.05em;

  line-height: 1.8;

  text-align: center;

  color: #2b0c0c;

}

#content #special .special_item p span._strong {

    color: #BE8499;

    font-weight: 700;

}

#content #special .special_border_line {

    width: 100%;

    height: 1px;

    background-color: #CFD3D3;

    margin: 20px 0;

}

#content #special .special_item_img {

    width: 100%;

    height: auto;

    max-width: 400px;

}

  

#content #special ._wallpaper .special_item_img {

    max-width: 300px;

}

#content #special .special_item_btn {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    background-color: #333333;

    color: #fff;

    width: 90%;

    max-width: 200px;

    padding: 8px 0;

    text-decoration: none;

}

#content #special .special_item_btn .icon_arrow {

    width: 12px;

    height: auto;

}

#content #special .special_item_content .note {

    font-size: 12px;

    text-align: center;

    margin-top: 20px;

    line-height: 1.5;

}

  



#content #special .special_item_content._shopper h4 {

    margin-bottom: 10px;

}

#content #special .special_item_content._shopper ._shopper_title {

    font-size: 12px;

    background-color: #ECD7D9;

    padding: 4px 12px;

    width: fit-content;

    margin: 0 auto 15px;

}

#content #special .special_item_content._shopper ._shopper_date {

    font-size: 16px;

    font-weight: 700;

    margin-bottom: 12px;

}

#content #special .special_item_content._shopper ._shopper_description {

    font-size: 14px;

}

#content #special .special_item_content._shopper .shopper_place_wrap {

    background-color: #FAF7F7;

    padding: 35px 0;

    width: 100%;

}

#content #special .special_item_content._shopper ._shopper_gift_title {

    font-size: 14px;

}

#content #special .special_item_content._shopper ._shopper_gift_list {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 13px;

    padding: 30px 0;

    width: 100%;

}

#content #special .special_item_content._shopper ._shopper_gift_list ul {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 15px; 

} 

#content #special .special_item_content._shopper ._shopper_gift_list ul li a{

    color: #2B0C0C;

    text-decoration: underline;

    font-size: 14px;

}



  @media (max-width: 767px) {

    #content #special .logo_special_img {

      max-width: 100px;

    }

    #content #special .sec_title_jp {

      font-size: 22px;

    }

    #content #special .special_item h3 {

      font-size: 18px;

    }

    #content #special .special_item h4 {

      font-size: 16px;

    }

    #content #special .special_item p.note {

      font-size: 12px;

      text-align: left;

    }

    #content #special .special_item_content._shopper ._shopper_gift_list {

      width: 100%;

    }

    #content #special .special_item_content._shopper ._shopper_gift_list ul {

      width: 90%;

      margin: 0 auto;

    }

  }





#content .modal._item {

  background-color: rgba(236, 215, 217, 0.8);

}

#content .modal._item .modal__content {

  background-color: #fff;

  padding: 45px 0;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  width: 90%;

  max-width: 800px;

  max-height: 70vh;

}

#content .modal._item .modal__close {

  top: 0;

  right: 0;

  transform: translate(50%, -50%);

}

#content .modal._item .debuit{

  color: #BE8499;

  font-size: 18px;

  font-weight: 300;

  font-family: 'Montserrat',Verdana,Arial,Helvetica,sans-serif;

  letter-spacing: 0.054em;

  padding: 4px 0;

  border: solid 1px #BE8499;

  width: 96px;

  margin: 6px auto 37px;

}

#content .modal._item .scroll{

  height: 100%;

  overflow-y: scroll;

  display: flex;

  flex-direction: column;

  gap: 40px;

}

#content .modal._item .modal_body{

  width: 90%;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

#content .modal._item .modal_body ._img {

  width: 45%;

  height: auto;

}

#content .modal._item .modal_body ._img img{

  width: 100%;

}

#content .modal._item .modal_body ._detail {

  width: 50%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

#content .modal._item .modal_body ._detail .__release{

  font-size: 12px;

  letter-spacing: 0;

  padding: 7px 9px;

  background-color: #EBEBEB;

}

#content .modal._item .modal_body ._detail .__name_en{

  font-size: 20px;

  font-family: 'Montserrat',Verdana,Arial,Helvetica,sans-serif;

  font-weight: 500;

  letter-spacing: 0.04em;

  margin: 22px auto 10px;

}

#content .modal._item .modal_body ._detail .__name_jp{

  font-size: 14px;

  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;

  font-weight: 500;

}

#content .modal._item .modal_body ._detail .__description{

  font-size: 14px;

  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;

  font-weight: 300;

  line-height: 1.71;

  margin-top: 22px;

}



@media (max-width: 767px) {

  .modal__close {

    width: 32px;

    height: 32px;

    font-size: 18px;

    top: -20px;

    right: -20px;

  }

  #content .modal._item .modal_body {

    flex-direction: column;

    justify-content: center;

    gap: 20px;

    margin-left: auto;

    margin-right: auto;

  }

  #content .modal._item .modal_body ._img,

  #content .modal._item .modal_body ._detail {

    width: 100%;

    max-width: 280px;

    text-align: center;

  }

  #content .modal._item .modal_body ._detail .__name_en {

  }

}

/* 

  special

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

#content #special {

  background-color: #ECD7D9;

  position: relative;

  z-index: 0;

}

#content #special .sec_wrapper {

  width: 90%;

  max-width: 1200px;

  padding: 65.5px 0 90px;

  margin: 0 auto;

}

#content #special .sec_title{

  color: #fff;

  font-size: 26px;

  margin-top: 7px;

}

#content #special .sec_title_jp{

  color: #2B0C0C;

  font-size: 24px;

  letter-spacing: 0.05em;

  font-weight: 500;

  margin: 17px auto 0;

}

main{

  margin-bottom: 0!important;

}

#content footer {

  background: linear-gradient(180deg, #ebe2e1 0%, #f0e8e7 100%);

  position: relative;

  z-index: 1;

}

#content footer .footer_inner{

  width: 100%;

  padding: 70px 0 84px;

  margin: 0;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  align-items: center;

}

#content footer #copyright{

  color: #444;

  font-size: 12px;

  letter-spacing: 0.05em;

  font-family: "Shippori Mincho", serif;

  margin-top: 45px;

  text-align: center;

}

@media (max-width: 767px) {

  .block-footer-link--item {

    width: 49.7%;

  }

}





.fadein {

  opacity: 0;

  transform: translateY(20px);

  transition: opacity 1.5s ease, transform 1.5s cubic-bezier(0.4,0,0.2,1);

}

.fadein.visible {

  opacity: 1;

  transform: translateY(0);

}



/* Opening Loader */

#opening_loader {

  position: fixed;

  top: 0; left: 0;

  width: 100vw;

  height: 100vh;

  background: rgba(247,240,240,0.7); /* ほぼ透明に近い背景色 */

  z-index: 99999;

  display: flex;

  align-items: center;

  justify-content: center;

  overflow: hidden;

  transition: opacity 1.5s;

}

#opening_loader .loader_img {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 100vw;

  height: 100vh;

  object-fit: cover;

  transform: translate(-50%, -50%);

  opacity: 0;

  transition: opacity 1.2s;

  pointer-events: none;

}



#opening_loader .loader_logo {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 100%;

  height: auto;

  z-index: 5;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 32px;

}

#opening_loader .loader_logo img {

  width: 100%;

  height: auto;

  max-width: 200px;

}

#opening_loader .loader_logo p {

  font-family: 'Shippori Mincho', serif;

  font-size: 22px;

  text-align: center;

  color: white;

}



#opening_loader .loader_img.active {

  opacity: 1;

}

#opening_loader.hide {

  opacity: 0;

  pointer-events: none;

}

@media (max-width: 767px) {

  #opening_loader .loader_logo img {

    max-width: 150px;

  }

  #opening_loader .loader_logo p {

    font-size: 16px;

  }

}

/* Opening Loader End */



/* ハンバーガーメニュー（SPのみ） */

.hamburger {

  display: none;

  position: fixed;

  top: 24px;

  right: 24px;

  z-index: 1001;

  width: 40px;

  height: 40px;

  background: none;

  border: none;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  gap: 6px;

  cursor: pointer;

}

.hamburger span {

  display: block;

  width: 28px;

  height: 3px;

  background: #ffffff;

  border-radius: 2px;

  transition: all 0.3s;

}

@media (max-width: 900px) {

  .hamburger {

    display: flex;

  }

  #content .side_nav {

    display: none;

  }

}



/* SP用ナビゲーションモーダル */

.sp_nav_modal {

  display: block;

  pointer-events: none;

  opacity: 0;

  position: fixed;

  z-index: 2000;

  top: 0; left: 0;

  width: 100vw;

  height: 100vh;

  background: rgba(43,12,12,0.18);

  transition: opacity 0.35s cubic-bezier(0.4,0,0.2,1);

}

.sp_nav_modal.open {

  pointer-events: auto;

  opacity: 1;

}

.sp_nav_inner {

  position: absolute;

  top: 0; right: 0;

  width: 100vw;

  height: 100vh;

  background: rgba(188, 160, 163);

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: flex-start;

  padding: 0;

  /* スライドイン用 */

  transform: translateX(100%);

  transition: transform 0.45s cubic-bezier(0.4,0,0.2,1);

  box-shadow: -2px 0 16px rgba(0,0,0,0.10);

}

.sp_nav_modal.open .sp_nav_inner {

  transform: translateX(0);

}

.sp_nav_logo {

  width: 140px;

  margin: 48px auto 36px auto;

  display: block;

}

.sp_nav_close {

  background: none;

  border: none;

  font-size: 2.2rem;

  color: #2B0C0C;

  margin: 0 18px 0 auto;

  cursor: pointer;

  align-self: flex-end;

  z-index: 10;

  position: absolute;

  top: 16px;

}

.sp_nav_inner ul {

  list-style: none;

  margin: 0;

  padding: 0;

  width: 100%;

  display: flex;

  flex-direction: column;

  gap: 16px;

  align-items: center;

}

.sp_nav_inner li {

  width: 100%;

  display: flex;

  justify-content: center;

}

.sp_nav_inner a {

  position: relative;

  display: block;

  width: 100%;

  font-size: 18px;

  letter-spacing: 0.054em;

  line-height: 1.67;

  color: #fff;

  font-family: 'Montserrat',Verdana,Arial,Helvetica,sans-serif;

  font-weight: 400;

  text-align: center;

  padding: 12px 0 12px 0;

  transition: color 0.2s;

  text-decoration: none;

}



.sp_nav_inner a.active,

.sp_nav_inner a:hover {

  color: #fff;

}

@media (min-width: 900px) {

  .sp_nav_modal {

    display: none !important;

  }

  .hamburger {

    display: none !important;

  }

}





.view_max374 {

  display: none;

}

@media (max-width: 374px) {

  .view_max374 {

    display: block;

  }

  .hidden_max374 {

    display: none!important;

  }

}



#opening_catch span {

  opacity: 0;

  display: inline-block;

  transition: opacity 0.5s;

}

#opening_catch span.visible {

  opacity: 1;

}



#content .kv.kv-bg-animate .bg {

  animation: fade 20s infinite;

}

#content .kv.kv-bg-animate .bg.bg1 { animation-delay: 0s; }

#content .kv.kv-bg-animate .bg.bg2 { animation-delay: 5s; }

#content .kv.kv-bg-animate .bg.bg3 { animation-delay: 10s; }

#content .kv.kv-bg-animate .bg.bg4 { animation-delay: 15s; }