/* 260104 */
@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&display=swap");
body {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6",
    "ヒラギノ角ゴ Pro W3", "游ゴシック体", "Yu Gothic", YuGothic,
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  line-height: 1;
  position: relative;
  font-size: 13px;
}
:focus,
button {
  outline: 0;
}
a,
body {
  color: #868585;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
li,
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  text-decoration: none;
}
.clearfix {
  display: inline-block;
  height: 1%;
}
.clearfix::after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.g_wrapper:before,
.pc_elm:before {
  content: "";
}
img,
picture,
svg {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .sp {
    display: block;
  }
  .pc {
    display: none !important;
  }
}
.scroll-in {
  opacity: 0;
}
.scroll-in.show {
  opacity: 1;
  transform: none;
  transition: 1.5s ease;
}
@media screen and (min-width: 767px) {
  .sp {
    display: none !important;
  }
  .pc {
    display: block;
  }
  .pc_elm {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
  }
}
.pc_elm:before {
  display: block;
  width: 100%;
  height: 215px;
  position: relative;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.pc_elm .col {
  width: calc(50vw - 230px);
  height: 100%;
  position: absolute;
  top: 0;
  background-size: cover;
  background-position: center;
}
.pc_elm {
  background-size: cover;
  background-image: url("../img/pc_bg.jpg");
  background-image: image-set(
    url("../img/pc_bg.jpg") 1x,
    url("../img/pc_bg@2x.jpg") 2x
  );
  background-position: center;
}
.col .col__instagram {
  position: absolute;
  top: 5%;
  left: 5%;
  margin-inline: 5%;
  z-index: 3;
  filter: invert(1);
      max-width: 39.41px;
}
.col:nth-of-type(1) .img_wrapper {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  width: 100%;
  max-width: 600px;
  margin: auto;
  transform: translateY(-50%);
}

.pc_elm .col:nth-of-type(2) {
  right: 0;
}

.col:nth-of-type(2) .img_wrapper {
  position: absolute;
  bottom: 7%;
  right: 2%;
  width: 6vw;
}

.g_wrapper {
  position: relative;
  z-index: 2;
  background: #fff;
}

@media screen and (min-width: 767px) {
  .g_wrapper {
    max-width: 496px;
    padding: 0 23px;
    margin: 0 auto;
    -webkit-clip-path: inset(0 0 100% 0);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
    background-size: contain;
    background-image: url("../img/g_wrapper_bg.jpg");
    background-image: image-set(
      url("../img/g_wrapper_bg.jpg") 1x,
      url("../img/g_wrapper_bg@2x.jpg") 2x
    );
    background-position: center;
  }
  .g_wrapper.show {
    opacity: 1;
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    transition: -webkit-clip-path 3s linear 0.5s;
    transition: clip-path 3s linear 0.5s;
    transition: clip-path 3s linear 0.5s, -webkit-clip-path 3s linear 0.5s;
  }
  .g_wrapper.pass {
    opacity: 1;
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    transition: opacity 0.8s ease 0.5s;
  }
  .product_credit li .item_name {
    font-size: 11.7px !important;
  }
  .product_credit .buyBtn {
    font-size: 12px !important;
    background-size: 17px 18px !important;
  }
  .product_credit .comingsoon {
    font-size: 12px !important;
  }
  .modal__item .product_credit .buyBtn {
    background-size: cover !important;
  }
}
.g_wrapper:before {
  display: block;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  position: absolute;
  top: 0;
  left: 0;
}
.g_wrapper main {
  background-color: #fff;
}
main {
  overflow: hidden;
}

/**
** パーツ product_credit
*/

.product_credit {
}
.product_credit._large {
  margin-top: 35px;
}
.product_credit li {
  display: flex;
  align-items: last baseline;
  font-weight: 600;
  letter-spacing: 0.1em;
}

.product_credit.__center li {
  justify-content: center;
}

.modal_bg .product_credit li {
  justify-content: center;
  align-items: center;
  width: 96%;
  margin-inline: auto;
}

.product_credit li + li {
  margin-top: 0.3em;
}

.product_credit li .item_name {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6",
    "ヒラギノ角ゴ Pro W3";
  font-size: 2.6vw;
  font-weight: 100;
  color: #2b2e34;
  line-height: 1.5;
  letter-spacing: -0.01em;
}

.product_credit li .item_name span {
  font-weight: 400;
}

.product_credit li .item_name + a,
.product_credit li .item_name + span {
  margin-left: 0.75em;
  letter-spacing: 0;
}

.product_credit .buyBtn {
  font-family: "Helvetica", "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3";
  font-size: 2.67vw;
  text-align: center;
  color: #2b2e34;
  text-decoration: underline;
  padding: 0.5em 0.5em 0.5em 2em;
  display: inline-block;
  background-image: url("../img/ico_cart.svg");
  background-position: right 3em center;
  background-repeat: no-repeat;
  background-size: 3.3vw 3.5vw;
  letter-spacing: 0;
}

.product_credit .buyBtn_cartwhite {
  background-image: url("../img/ico_cart_white.svg");
}

.product_credit .comingsoon {
  background: none;
  color: #2b2e34;
  font-weight: bold;
  margin-left: 0.75em;
  letter-spacing: -0.05em;
  font-size: 2.67vw;
}

.product_credit .buyBtn:hover,
.product_credit .buyBtn:focus {
  box-shadow: 0px 0px 0px #2b2e34;
  position: relative;
  top: 3px;
}

.product_credit .comming {
  font-size: 12px;
  color: #2b2e34;
}

/**
** .mv
*/

.mainSliderJS img {
  display: block;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  width: 100%;
}

.main_mv {
  position: relative;
}

.main_mv__logo {
  position: absolute;
  bottom: 1.3%;
  width: 81%;
  right: 0;
  left: 0;
  margin: auto;
}

.main_mv__logo img {
  margin: auto;
}

.main_mv__instagram {
  width: 50px;
  max-width: 6%;
  right: 3%;
  position: absolute;
  top: 2%;
}
.main_mv__instagram:has(#blk) {
  filter: invert(1);
}

.main_mv__instagram:hover {
  opacity: 0.8;
}

/**
** main_top-catch
*/

.sub_top-catch {
  width: 100%;
  height: auto;
  position: relative;
  margin: 111px 0 40px;
}
.sub_top-catch .product_item__photo{
   width: 59.764%;
  height: auto;
margin: -25px auto 0;
  z-index: 1;
     position: relative;
}
.sub_top-catch .product_item__title{
  display: block;
  width: 27.3417%;
  margin: 0 auto;
   z-index: 3;
   position: relative;
}
.sub_top-catch .product_item__title.item02{
  width: 43.4271%;
}
.sub_top-catch::before{
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("../img/section_02_star1.png");
  background-position: right top;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  animation: blink-flip 1s step-start infinite;
}
.sub_top-catch::after{
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("../img/section_02_star2.png");
  background-position: left top;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  animation: blink-flip 1s step-start infinite;
}
@keyframes blink-flip {
  0%, 100% { transform: scaleX(1);}
  50% { transform: scaleX(-1);}
}

/* .main_top-catch > div {
   
    display: flex;
    flex-direction: column;
    gap: 35px;
    justify-content: center;
    width: 100%;
    height: 90%;
}
.main_top-catch__title img{
    margin: 0 auto;
    width: 67%;
}

.main_top-catch__text img{
    margin: 0 auto;
    width: 42.5%;
} */

/**
** product_item
*/

.product_item {
  position: relative;
  width: 100%;
}
.product_item__photo {
  position: relative;
  z-index: 0;
}
.product_item__textBox {
  padding: 3% 0% 3%;
}

/* チェックボックス */
.product_item .checkBtn {
  cursor: pointer;
  z-index: 3;
  width: 20%;
}

.product_item .checkBtn:focus,
.product_item .checkBtn:hover {
  box-shadow: 0px 1px 1px #ffffff;
}

.product_item .cnvBtn_wrap {
  text-align: center;
  margin-bottom: 6px;
}

.product_item .cnvBtn {
  font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic,
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.2em;
  text-align: center;
  background: #404040;
  color: #ffffff;
  width: 70%;
  padding: 1em;
  display: inline-block;
}

.product_item .cnvBtn:focus,
.product_item .cnvBtn:hover {
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  position: relative;
  top: 3px;
}

/* 位置調整 */
.product_item .product_item__photo {
  position: relative;
}
.product_item .product_item__textBox {
  position: relative;
}
.product_item .product_item__title {
  position: relative;
}
.product_item .product_item__textBox.__rBtn .checkBtn {
  position: absolute;
  top: 37px;
  transform: translateY(-50%);
  right: 5%;
  z-index: 3;
  width: 144px;
}
.product_item .product_item__title.__rBtn .checkBtn {
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  right: 5%;
  z-index: 3;
}
.product_item .product_item__textBox.__lBtn .checkBtn {
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  left: 10%;
  z-index: 3;
}
.product_item .product_item__textBox.__llBtn .checkBtn {
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  left: 5%;
  z-index: 3;
}
.product_item .product_item__photo.__topRBtn .checkBtn {
  position: absolute;
  top: 0;
  right: 5%;
  z-index: 3;
}
.product_item .product_item__photo.__topLBtn .checkBtn {
  position: absolute;
  top: 0;
  left: 5%;
  z-index: 3;
}
.product_item .product_item__photo.__bottomRBtn .checkBtn {
  position: absolute;
  bottom: 0;
  right: 5%;
  z-index: 3;
}
.product_item .product_item__textBox.__centerBtn .checkBtn {
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
.product_item .product_item__textBox.__centerBtn.__relative .checkBtn {
  position: relative;
  text-align: center;
  display: inline-block;
  width: 19vw;
  max-width: 87.696px;
  z-index: 2;
}

.product_credit + .checkBtn {
  margin-top: 20px;
}

.contents_item__catch {
  text-align: center;
  font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic,
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #fff;
  position: absolute;
  right: 0;
  left: 0;
}

.contents_item__catch .sub {
  font-size: 12px;
  letter-spacing: 2px;
}

.contents_item__catch .main {
  font-size: 35px;
  letter-spacing: 6px;
  margin-top: 0.5em;
}

.product_item__ringImage {
  max-width: 70%;
  margin: auto;
}

.product_item__textBox.__ring {
  padding-block: 20% 30%;
}

.__centerTitle {
  max-width: 100%;
  margin: 0 auto;
}
.__centerTitle li {
  display: flex;
  justify-content: center;
}

.product_item .mainSliderJS img {
  height: auto;
}

.product_item .deco img {
  width: 100%;
}

/* アイテムごとの位置調整 */
.product_item.main_item.__01 {
  position: relative;
  padding-top: 25px;
  margin-bottom: 80px;
}
.product_item.main_item.__01 .product_item__photo {
  width: 100%;
  margin: 0 auto;
}
.product_item.__01 .product_item__title {
  position: absolute;
  top: 84px;
  right: 50%;
  width: 32%;
  min-width: 122px;
  transform: translate(50%, -43%);
  z-index: 3;
}
.product_item.main_item.__01 .deco{
  position: absolute;
}
.product_item.main_item.__01 .deco.__01{
 width: 79.377%;
  aspect-ratio: 207.7	/100;
  top: 16.845%;
  left: 0.667%;
  animation: swing 1s step-start infinite;
}
.product_item.main_item.__01 .deco.__02{
  width: 96.043%;
  aspect-ratio: 100	/126.591;
  left: 2.8%;
  bottom:-7.375%;
  animation: swing 1.3s step-start infinite;
}
@keyframes swing {
  20% {
    transform: rotate(5deg);
  }
  40% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(-5deg);
  }
  80% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(5deg);
     opacity:1;
  }
}

.product_item.sub_item.__01 .product_item__photo {
  width: 90%;
}
.product_item.sub_item.__01 .product_item__textBox .checkBtn {
  display: block;
  position: absolute;
  top: 12%;
  right: 6.7%;
  z-index: 3;
}

.product_item.main_item.__02 {
  position: relative;
  margin-bottom: 50px;
  width: 71.2%;
  margin: 0 auto;
}
.product_item.main_item.__02 h3 {
  width: 70%;
  margin: -41px auto 0;
}
.product_item.main_item.__02 .product_item__photo:before {
  content: "";
  display: block;
  width: 20%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -6%;
  z-index: 3;
  background-image: url("../img/section_03_item02_star1.png ");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: auto 100%;
  animation: flip-hrt 1s step-start infinite;
}
.product_item.main_item.__02 .product_item__photo::after {
  content: "";
  display: block;
  width: 20%;
  height: 100%;
  position: absolute;
  top: 0;
  right: -15%;
  z-index: 3;
  background-image: url("../img/section_03_item02_star2.png ");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: auto 100%;
  animation: flip-hrt 1s step-start infinite;
}
@keyframes  flip-hrt {
  0%, 100% { transform: scaleX(1);}
  50% { transform: scaleX(-1)translateX(30px);}
}

.product_item.main_item.__02 .product_item__photo img {
  width: 100%;
}
.product_item.main_item.__02 .product_item__textBox {
  margin: 4% auto 0;
}
.product_item.main_item.__02 .checkBtn {
  display: block;
  position: absolute;
  bottom: -3%;
  right: 7%;
}
.product_item.main_item.__03 {
  position: relative;
  padding-top: 100px;
  width: 100%;
}
.product_item.main_item.__03 .product_item__photo._main {
  width: 100%;
  margin: 0 auto;
}
.product_item.main_item.__03 .product_item__photo._main .checkBtn {
  display: block;
  position: absolute;
  bottom: 4%;
}

.product_item.__03 .product_item__title {
  width: 72%;
  min-width: 270px;
  margin-left: 7%;
  z-index: 1;
  margin-bottom: 10px;
}
.product_item.main_item.__03 .product_item__textBox._main .checkBtn {
  display: block;
  position: absolute;
  top: 0;
  right: 6.7%;
  transform: translateY(-50%);
}
.product_item.main_item.__03 .product_item__textBox._main .product_credit li {
  justify-content: center;
}
.product_item.main_item.__03 .product_item__photo._sub01 > img {
  width: 74%;
  min-width: 244px;
  margin: 0 auto;
}
.product_item.main_item.__03 .product_item__photo._sub01 .checkBtn {
  display: block;
  position: absolute;
  bottom: 0;
  left: 74%;
}
.product_item.main_item.__04 {
  position: relative;
  margin-top: 100px;
}
.product_item.main_item.__04 .product_item_wrapper {
  display: flex;
  align-items: end;
}
.product_item.__04 .product_item__title {
  width: 14.3%;
  height: auto;
  z-index: 3;
  margin-left: -2%;
}
.product_item.main_item.__04 .product_item_wrapper .product_item__photo {
  width: 74.8%;
}
.product_item.main_item.__04 .product_item_wrapper::after {
  content: "";
  position: absolute;
  right: 1%;
  top: 27px;
  display: block;
  width: 33.457%;
  aspect-ratio: 32.316/ 67.684;
  background-image: url("../img/section_04_item01_star.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  animation: swing 1.5s step-start infinite;
}
.product_item.main_item.__04 .product_item__photo.item02 {
  margin: -60px auto 0;
}
.product_item.main_item.__04 .product_item__photo.item02::after {
  content: "";
  position: absolute;
  left: -22px;
  bottom: 11px;
  display: block;
  width: 42.067%;
  aspect-ratio: 35.88/ 64.12;
  background-image: url("../img/section_04_item02_star.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  animation: swing 2s step-start infinite;
}
.product_item.main_item.__04 .product_item__textBox {
  margin-top: -60px;
}
.product_item.sub_item_01.__04 .product_item__textBox {
  padding-bottom: 58px;
}
.product_item.sub_item_02.__04 .product_item__photo {
  width: 57.6%;
  margin: 0 auto;
}
.product_item.sub_item_02.__04 .product_item__textBox {
  padding-bottom: 140px;
}
.product_item.sub_item_02.__04 .product_item__photo._sub {
  width: 105%;
}
.product_item.main_item.__05 {
  padding-top: 80px;
}
.product_item.main_item.__05 .product_item__photo {
  position: relative;
  width: 84%;
  margin: -7% auto 0;
}
.product_item.__05 .product_item__title {
  width: 86.667%;
  margin: 80px auto 0;
  z-index: 2;
}
.product_item.main_item.__05 .product_item__photo.item01::before {
  content: "";
  display: block;
  width: 112%;
  aspect-ratio: 55.871/44.129;
  position: absolute;
  top: 27px;
  left: -5%;
  z-index: 3;
  background-image: url("../img/section_05_item01_star.png ");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  animation:blink-flip 1s step-start infinite;
}
.product_item.main_item.__05 .product_item__photo .checkBtn {
  display: block;
  position: absolute;
  bottom: 4%;
  right: 6.7%;
}
.product_item.main_item.__05 .product_item__photo.item02 {
  width: 90.148%;
  margin: -50px auto 0 1.8%;
}
.product_item.main_item.__05 .product_item__textBox {
  margin: -32% 0 0 auto;
  width: max-content;
  padding-right: 4%;
}
.product_item.main_item.__05 .product_item__textBox ul {
  display: flex;
  flex-direction: column;
  width: max-content;
}
.product_item.main_item.__05 .product_item__textBox ul li {
  display: inline-flex;
}

.product_item.main_item.__06 {
  position: relative;
  margin-top: 96px;
}
.product_item.__06 .product_item__title {
  width: 84.723%;
  margin: 0 auto -148px;
  z-index: 3;
}
.product_item.main_item.__06 .product_item__photo {
  width: 83.3%;
  margin: 0 auto 0;
}
.product_item.main_item.__06 .product_item__photo > img {
  width: 100%;
  margin: 0 auto;
}
.product_item.main_item.__06 .product_item__textBox {
  margin: 0 auto;
}
.product_item.__06 .product_item__photo .checkBtn {
  display: block;
}
.product_item.__062 {
  margin: 55px 0 70px;
  width: 100%;
}
.product_item.__062 .product_item__photo {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.product_item.__062 .product_item__photo .deco {
  position: absolute;
  width: 86.667%;
  top: 44px;
  z-index: 3;
  animation: blink-flip02 1s step-start infinite;
}
@keyframes blink-flip02 {
  0%, 100% { transform: scaleX(1)translate(-50%, 0);
    left: 50%;}
  50% { transform: scaleX(-1)translate(50%, 0);
    right: 50%;}
}

.product_item.main_item.__07 .main_top-catch {
  position: relative;
  z-index: 1;
  background-image: image-set(
    url("../img/section_06_mv_bg.png") 1x,
    url("../img/section_06_mv_bg@2x.png") 2x
  );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: auto;
  padding: 60px 0 54px;
  margin-bottom: 100px;
}
.product_item.main_item.__07 .main_top-catch .collection {
  width: 100%;
  height: auto;
  aspect-ratio: 375 /388;
  position: relative;
}
.product_item.main_item.__07 .main_top-catch .collection figure {
  position: absolute;
  cursor: pointer;
}
.product_item.main_item.__07 .main_top-catch .collection img {
  width: 100%;
  height: auto;
}
.section_07_mv_ttl{
  position: absolute;
  width: 35.875%;
  height: auto;
  top:42.436%;
  left:31.4%;
}
#bag01 {
  width: 36%;
  height: auto;
  top: 5.838%;
  left: 3.667%;
}
#chouchou01 {
  width: 17.867%;
  height: auto;
  top: 0.039%;
  left: 34.8717%;
}
#backpack {
  width: 38%;
  height: auto;
  top: 2.23%;
  right: 13%;
}
#pouch02 {
  width: 24.4%;
  height: auto;
  top: 23.235%;
  right: 31.133%;
}
#iphone_case {
  width: 23.067%;
  height: auto;
  top: 34.575%;
  left: 5.533%;
}
#pouch01 {
  width: 26.533%;
  height: auto;
  bottom: 33.08%;
  left: 10.6%;
}
#charm02 {
  width: 21.867%;
  height: auto;
  top: 25.168%;
  right: 7%;
}
#pouch03 {
  width: 28.133%;
  height: auto;
  right: 5.32%;
  bottom: 28.956%;
}
#hair_acce {
  width: 28.133%;
  height: auto;
  left: -0.6%;
  bottom: 14.394%;
}
#charm01 {
  width: 20.667%;
  height: auto;
  bottom: 12.719%;
  left: 28.067%;
}
#bag02 {
  width: 23.733%;
  height: auto;
  bottom: 0;
  right: 28.863%;
}
#chouchou02 {
  width: 18%;
  height: auto;
  bottom: 10.013%;
  right: 14.467%;
}
.product_item.main_item.__07 .main_top-catch p.trigger{
  width: 33.847%;
  height: auto;
  margin:36.6px auto 0;
}
.product_item.main_item.__07 .product_item__title{
  width: 84.933%;
  margin: 0 auto;
} 
.product_item.main_item.__07 .product_item__photo {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.product_item.main_item.__07 .deco{
  width: 100%;
  position: absolute;
  top:0;
  left:0;
  z-index: 3;
  animation: swing 1.2s step-start infinite;
}
.product_item.sub_item_01.__07 .product_item__photo > img {
  width: 75%;
  margin: 0 auto;
}
.product_item.sub_item_01.__07 .product_item__photo .checkBtn {
  display: block;
  position: absolute;
  bottom: 0;
  right: 6.7%;
  transform: translateY(50%);
  z-index: 3;
}
.product_item.__midbreak {
  width: 99.2%;
}

.product_item.main_item.__08 {
  position: relative;
  width: 100%;
  aspect-ratio: 750/1453;
  background-image: url("../img/section_07_item02_bg.png");
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  padding: 0;
}
.product_item.__08 .product_item__title {
  position: absolute;
  top: 0;
  left: 6.2%;
  transform: translateY(28%);
  width: 39%;
  min-width: 149px;
  z-index: 3;
}
.main_top-catch.section_08_mv{
  width: 56.028%;
  height: auto;
  margin: 80px auto 175px;
}
.product_item.main_item.__082 .product_item_inner{
  display: flex;
  width: 87.317%;
  margin: 0 auto 44px;
}
.product_item.main_item.__082 .product_item_inner .product_item__photo{
  width:74.976%;
}
.product_item.main_item.__082 .product_item_inner .product_item__title{
  width:34.852%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 108px 0 0 -9.773%;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3";
    font-size: 2.6vw;
    font-weight: 100;
    color: #2b2e34;
    line-height: 1.5;
    letter-spacing: -0.01em;
}
.product_item.main_item.__082 .product_item_inner .product_item__title .product_credit{
      width: max-content;
      margin-left: 31%;
}
.product_item.main_item.__082 .product_item_inner .product_item__title p span{
  font-size: 80%;
}
.product_item.__082 .product_item__textBox {
  margin-top: -22%;
}
.product_item.__08 .product_item__photo {
  position: relative;
}
.product_item.__08 .product_item__photo::after{
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 750	/1453;
  position: absolute;
  bottom: 0;
  left: 0%;
  z-index: 3;
  background-image: url("../img/section_07_item02_star@2x.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  animation: blink-flip 1s step-start infinite;
}
.product_item.__08 .product_item__photo .checkBtn {
  display: block;
  position: absolute;
  bottom: 0;
  transform: translateY(50%);
}
.product_item.__08 ._left .product_item__photo .checkBtn {
  width: 40.4%;
  right: 6.4%;
}
.product_item.__08 ._right .product_item__photo .checkBtn {
  width: 40%;
  right: 14.5%;
}
.product_item.__09 {
  padding: 50px 0 40px;
  background-color: #EBDBE8;
}
.product_item.__09 .product_item__photo {
  position: relative;
  width: 82.621%;
  margin: 0 auto;
}
.product_item.__09 .product_item__photo::before{
  content: "";
  display: block;
  width: 109%;
  aspect-ratio: 44.967/55.033;
  position: absolute;
  top: 2%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  background-image: url("../img/section_09_item02_star.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  animation: blink-simple 1s step-start infinite;
}
@keyframes blink-simple {
  0%, 100%  { opacity:1;}
  50% { opacity:0;}
}
.product_item.__09  .product_item__title {
  position: absolute;
  width: 40.449%;
  z-index: 3;
  top:80px;
  right: 17.333%;
}
.product_item.__09 .product_item__textBox{
  padding-bottom: 0;
}
.product_item.__09 .product_item__photo .checkBtn {
  position: absolute;
  display: block;
  bottom: 0;
  right: 6.7%;
  transform: translateY(50%);
}
.product_item.__10 {
  position: relative;
  margin: 0px auto 120px;
  text-align: right;
}
.product_item.__10 .product_item_inner{
  width: 100%;
  display: flex;
  padding-right: 6.133%;
  justify-content: space-between;
}
.product_item.__10 .product_item_inner .product_item__photo{
  width: 79.333%;
}
.product_item.__10 .product_item_inner  .product_item__title{
  width: 44.583%;
  margin-left: -50%;
  z-index: 2;
  display: flex;
  align-items: end;
  padding-bottom: 10px;
}
.product_item.__10 .product_item__photo.item02{
  width: 100%;
  display: flex;
  justify-content: right;
  margin-top: 10px;
}
.product_item.__10 .product_item__photo.item02 img{
  width: 73.6%;
}
.product_item.__10 .product_item__photo .checkBtn {
  display: block;
  position: absolute;
  bottom: 0;
  right: 6.7%;
  transform: translateY(50%);
  z-index: 3;
}
.product_item.__10 .product_item__textBox {
  position: relative;
  padding-bottom: 11%;
  z-index: 2;
  text-align: center;
}
.product_item.__10 .product_item__textBox .checkBtn{
  transform: translateY(0);
  left: auto;
}
.product_item.__10 .all_item_btn{
  width: 69.909%;
  margin: 0 auto;
}
.product_item.__10 .all_item_btn::after{
  content: "※表示価格は全て税込みです。";
  position: absolute;
  display: block;
  width: 100%;
  height: 20px;
color: #2b2e34;
margin-top: 8px;
right: 14%;
font-size: 2.6vw;
}
@media screen and (min-width: 767px){
  .product_item.__10 .all_item_btn::after{
  font-size: 11.7px !important;
  }
}
/* フッター */

.footer_logo {
  position: absolute;
  top: 2%;
  left: 0;
  width: 100%;
  z-index: 3;
}
.footer_logo img {
  width: 81%;
  margin: 0 auto;
}
.footer__credit {
  position: absolute;
  top: 30px;
  left:15.067%;
  width: 69.909%;
  z-index: 3;
}

/* 回転アニメーションを定義する */
@keyframes rotateAnimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.model {
  max-width: 25%;
  animation-name: rotateAnimation;
  animation-duration: 30s; /* アニメーションの実行時間 */
  animation-timing-function: linear; /* アニメーションのタイミング関数 */
  animation-iteration-count: infinite; /* アニメーションの繰り返し回数（無限ループ） */
}

.modal_bg {
  width: 90%;
  height: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 100;
  visibility: hidden;
  transition: 0.5s ease 0.25s;
  background: #ffffff;
  box-shadow: inset 0 5px 20px 0 rgba(0, 0, 0, 0.05);
  /* border-radius:50px; */
  overflow-x: hidden;
}
.modal_bg.open {
  opacity: 1;
  visibility: visible;
  height: 93.23308vh;
  height: 93.23308dvh;
  transition-delay: 0s;
}
.modal_bg.open .scroll_area {
  opacity: 1;
  transition-delay: 0.45s;
  overflow-x: hidden;
}
.modal_bg.open .close {
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.4s ease 0.5s,
    transform 0.3s cubic-bezier(0, 1.59, 0.92, 1.31);
}
.modal_bg .scroll_area {
  width: 100%;
  height: 100%;
  padding: 0 0 20%;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.modal_bg .scroll_area::-webkit-scrollbar {
  display: none;
}
.modal_bg .modal__item {
  padding-top: 16%;
}

.modal__item .__sub {
  padding-top: 16%;
}

.modal__ph img {
  width: 100%;
  margin: 0 auto;
}
#modal06 .modal__ph,#modal07 .modal__ph{
  width: 80%;
  margin: 0 auto;
}

.modal__head {
  width: 100%;
  margin:0 auto 0 auto;
  padding-top: 16%;
  position: relative;
}
.modal__head img{
  width: 63.547%;
  margin: 0 auto;
}
.modal_bg  .modal__head::before{
  content: "";
  width: 100%;
  aspect-ratio: 600/410;
  background-image: url("../img/modal_title_star.png");
  background-position: right top;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.modal_sub_title img {
  margin: 6% auto 0;
  width: 80%;
}
.modal__num{
  margin: 50px auto 16.4px;
}
.modal__num img {
  height: 100%;
}
#modal01 .modal__num{
  width: 31.5%;
}
#modal02 .modal__num{
  width: 31.712%;
}
#modal03 .modal__num{
  width: 53%;
  margin-bottom: 7px;
}
#modal04 .modal__num,#modal05 .modal__num,#modal06 .modal__num,#modal10 .modal__num{
  width: 22.155%;
}
#modal07 .modal__num{width: 44.818%;}
#modal08 .modal__num{width: 32.222%;}
#modal09 .modal__num{width: 31.247%;}
#modal11 .modal__num{width: 71.012%;}
#modal12 .modal__num{width: 22.047%;}
#modal13 .modal__num{width: 24.692%;}
#modal14 .modal__num{width: 72.647%;}
#modal15 .modal__num{width: 38.157%;}
#modal16 .modal__num{width: 30.317%;}

.modal_bg .modal__cap {
  font-family: "Noto Sans Myanmar";
  font-weight: 500;
  font-size: 13px;
  letter-spacing: -0.03em;
  line-height: 25px;
  text-align: left;
  color: #000000;
  width: 80%;
  margin-inline: auto;
  border-top: solid 0.7px #2b2e34;
  padding-top: 10px;
  margin-bottom: 22px;
}

.modal_bg .modal__cap.border-none {
  border: none;
}

.modal .product_credit {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 22px;
}
.modal__item .product_credit p {
  font-family: "Hiragino Sans";
  font-weight: normal;
  font-size: 13px;
  text-align: left;
  color: #2b2e34;
}
.modal__item .product_credit .buyBtn span {
  font-family: "Helvetica", "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3";
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  text-decoration: underline;
  text-decoration: underline;
  padding: 0.5em 1.5em 0.5em 3em;
  display: inline-block;
  background-image: url("../img/ico_cart_modal.svg");
  background-position: left 1em center;
  background-repeat: no-repeat;
  background-size: 17px 18px;
  letter-spacing: 0;
  position: relative;
}
.modal__item .product_credit .buyBtn {
  background-image: url("../img/modal_buybtn.png");
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0.1em 0;
}

.modal__item .product_credit .comingsoon {
  background: none;
  font-weight: bold;
}



@media screen and (min-width: 767px) {
  .modal_bg {
    max-width: 400px;
  }
  .modal_bg .close:hover {
    cursor: pointer;
    transform: scale(1.1);
  }
}
.modal__section {
  margin-top: 12%;
}

.modal__section__title {
  text-decoration: underline;
  width: 90%;
  margin-top: 8%;
  margin-inline: auto;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
}

.modal_bg .close {
  width: 34px;
  height: 34px;
  background: #EBDBE8;
  border-radius: 100%;
  position: absolute;
  bottom: 10px;
  right: 4%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease,
    transform 0.3s cubic-bezier(0, 1.59, 0.92, 1.31);
}
.modal_bg .close .plus {
  width: 12px;
  height: 12px;
  position: relative;
  transform: rotate(45deg);
}
.modal_bg .close .plus:after,
.modal_bg .close .plus:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;

  background: #fff;
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  right: 0;
  margin: auto;
}
.modal_bg .close .plus:after {
  transform: rotate(90deg);
}

@media screen and (max-width: 390px) {
  .modal__item .product_credit p {
    font-size: 12px;
  }
}

@media screen and (max-width: 375px) {
  .product_item.main_item.__15 .product_item__photo.__sub03 .product_credit li {
    width: 60%;
    flex-direction: column;
    justify-content: start;
    align-items: start;
  }
}

@media screen and (max-width: 374px) {
  .product_item.main_item.__15
    .product_item__photo.__sub02
    .product_item__textBox {
    bottom: -13%;
  }
}

.view_max320 {
  display: none;
}
@media screen and (max-width: 320px) {
  .view_max320 {
    display: block;
  }
}

.infinite-scroll {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 406px; /* 画像の高さに合わせる */
}
.scroll-track {
  display: flex;
  width: 2420px; /* 画像2枚分の幅 */
  animation: scroll-left 8s linear infinite;
}
.scroll-track img {
  width: 1210px;
  height: 406px;
  object-fit: cover;
  display: block;
}
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-1210px);
  }
}

/* allitemフェード用 */
.js-allitem-fade {
  position: relative;
  min-height: 1px;
}
.allitem-fade-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.5s;
  z-index: 1;
}
.allitem-fade-img:first-child {
  position: relative;
  z-index: 0;
}
.allitem-fade-img.is-active {
  opacity: 1;
  z-index: 2;
}