/******************************/
/* SLIDER */
/******************************/
.slider {
  width: 80%;
  margin: 100px auto;
}
#slider div {
  width: 100%;
  max-width: 100%;
  height: auto;
}
#slider > div {
  display: none;
}
.bx-viewport #slider > div {
  display: block;
}
.bx-wrapper {
  z-index: 0;
}
.bx-wrapper img {
  width: 100%;
  height: auto;
}
.bx-wrapper .bx-viewport {
  box-shadow: none !important;
  border: 0 !important;
  left: 0 !important;
}
.bx-wrapper .bx-pager {
  bottom: -27px !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  margin: 0 3px !important;
  padding-top: 15px;
  width: 25px !important;
  height: 1px !important;
  background: transparent !important;
  border-bottom: 1px solid #cccccc;
  border-radius: 0 !important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: transparent !important;
  border-bottom: 1px solid #000000;
}
@media screen and (max-width: 768px) {
  .sp-head.wh .main-logo {
    background-image: url(https://img21.shop-pro.jp/PA01518/562/etc_base64/ZnV0Y2hh.png?cmsp_timestamp=20250715152705);
  }
  .sp-head.wh .navToggle, .sp-head.wh .cart {
    color: #000;
}
  #slider div {
    overflow: hidden;
    justify-content: center;
  }
  .bx-viewport #slider > div {
    display: flex;
}
  .bx-wrapper img {
    max-width: 400%!important;
    width: auto;
    height: 60vh;
  }
}
/*contents*/
#main-content-area {
  opacity: 0;
  z-index: 1004;
  animation-delay: 3s!important;
  animation: fadeIn02 .8s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
@keyframes fadeIn02 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.splashbg .logo {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:150px;
  animation-delay: 0.5s;
  animation: fadeIn 1.2s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body.appear .splashbg .logo {
    opacity: 0;
    -webkit-transition: .7s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: .7s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: .7s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: .7s cubic-bezier(0.77, 0, 0.175, 1);
    transition: .7s cubic-bezier(0.77, 0, 0.175, 1);
    z-index: 1004;
}
body .splashbg{
  display: block;
  content: "";
  position:fixed;
  opacity: 1;
  width: 100%;
  height: 110vh;
  left: 0;
  top: 0;
  background-color:#fffbeb;
  z-index: 1004;
}
body.appear .splashbg{
  opacity: 0;
  z-index: 1004;
  -webkit-transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition:1s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-transition:1s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition:1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
}
/* MAIN */
.sp-only.logo-img {
  display: none; 
  
}
.content-inner {
  margin: 80px auto 0;
}
.about-tx-ja {
  letter-spacint: 0.02em;
  font-size:1.1em;
  line-height: 2.2;
  text-align:center;
}
.about-tx-en {
  font-size: 1.2em;
  line-height: 2;
  text-align: center;
  margin-top: 2em;
}
.about-tx-en span {
  content: "";
  position: relative;
  display: block;
  padding: 0.5em 0;
}
.cont-banner {
  display: flex;
  flex-direction: column;
  width: 60%;
  margin: 0 0 0 auto;
}
.banner-tx {
  font-size: 1.1em;
  margin-top: 20px;
}
.banner-tx p span {
  font-size:0.9em;
  margin-left: 1em;
}
.banner-tx p span:after {
  content: "";
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  width: 70px;
  margin-left: 1.1em;
  height: 10px;
  background-image: url(https://img21.shop-pro.jp/PA01518/562/etc_base64/YXJyb3c.png?cmsp_timestamp=20250716141540);
}
.item-list-top {
  margin-top:100px;
}
@media screen and (max-width: 768px) {
  .about-tx-ja {
    font-size: 1.2em;
  }
  .about-tx-en {
    font-size: 1.4em;
    line-height: 1.8;
  }
  .content-inner {
    margin: 60px auto 0;
}
  .cont-banner {
    width: calc(100% - 20px);
    margin: auto;
  }
  .cont-img {
    aspect-ratio: 1/1.5;
    display: flex;
    justify-content: center;
  }
   .cont-img img {
  height: 100%;
    width: auto;
    max-width: max-content;
}
  .banner-tx {
    font-size: 1.3em;
  }
  .banner-tx p span {
    font-size: 1em;
    margin-left: 0;
    display: block;
}
  .banner-tx p span:after {
    display: none;
  }
  .item-list-top {
    margin-top: 60px;
}
  .c-item-list {
    grid-template-columns: 1fr 1fr;
    row-gap: 40px;
}
  .sp-only.logo-img {
        position: absolute;
        top: 30px;
        left: 50%;
        right: 50%;
        margin: auto;
        display: flex;
        justify-content: center;
    }
  .sp-only.logo-img .main-logo {
    background-image: url(https://img21.shop-pro.jp/PA01518/562/etc_base64/ZnV0Y2hh.png?cmsp_timestamp=20250826121436);
    width: 110px;
  }
  .sp-only.logo-img.scrolled {
    display: none;
  }
}