/** Shopify CDN: Minification failed

Line 861:0 Unexpected "}"

**/
.desktop {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  background-color: #ffffff;
}

.desktop .frame {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  align-items: center;
  position: relative;
}

.desktop .MV {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 609.08px;
  object-fit: cover;
}

.desktop .div {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 40px 0px 10px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  align-items: center;
  position: relative;
}

.desktop .div-2 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 30px 0px 10px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  align-items: center;
  position: relative;
}

.desktop .flexcontainer-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  align-items: center;
  position: relative;

}

.desktop .flexcontainer-wrapper-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  align-self: stretch;
  flex: 0 0 auto;
  align-items: center;
  position: relative;
width: 100%;
background-color: #f3e1e1;
margin: 130px 0px 0px;
}


.desktop .flexcontainer {
  gap: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.desktop .text {
  position: relative;
  align-self: stretch;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 30px;
  text-align: center;
  letter-spacing: 0;
  line-height: 35px;
}

.desktop .text-wrapper {
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 35px;
}

.desktop .text-wrapper-2 {
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 35px;
}

.desktop .text-wrapper-4 {
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 35px;
}

.desktop .span-wrapper {
  position: relative;
  align-self: stretch;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 25px;
  margin: 0px auto;
  width:800px
}

.desktop .span {
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 20px;
}

.desktop .frame-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 50px 0px 0px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #fbf8f3;
  align-items: center;
  position: relative;
}

.desktop .text-wrapper-2 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 700;
  color: #333333;
  font-size: 25px;
  text-align: center;
  letter-spacing: 0;
  line-height: 50px;
  white-space: nowrap;
}

.desktop .text-wrapper-3 {
  position: relative;
  width: fit-content;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 700;
  color: #333333;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24.9px;
  white-space: nowrap;
}

.desktop .view-wrapper {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 9.25px 9.25px;
  flex: 0 0 auto;
  align-items: center;
  position: relative;
}

.desktop .view {
  position: relative;
  width: 376px;
  height: 191.48px;
  margin-right: -6.00px;
}

.desktop .overlap {
  position: relative;
  width: 370px;
  height: 191px;
  background-color: #c5e7d3;
}

.desktop .rectangle {
  position: absolute;
  width: 343px;
  height: 169px;
  top: 11px;
  left: 14px;
  border: 0.43px solid;
  border-color: #907d63;
}

.desktop .overlap-group-wrapper {
  position: absolute;
  width: 274px;
  height: 78px;
  top: 84px;
  left: 50px;
}

.desktop .overlap-group {
  position: relative;
  width: 270px;
  height: 78px;
  background-color: #ffffff;
}

.desktop .text-wrapper-4 {
  position: absolute;
  top: 28px;
  left: 64px;
  font-family: "Yu Mincho-Regular", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 27.8px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .text-wrapper-5 {
  position: absolute;
  top: 11px;
  left: 97px;
  font-family: "Yu Mincho-Regular", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 10.9px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .text-wrapper-6 {
  position: absolute;
  width: 53px;
  top: 23px;
  left: 124px;
  -webkit-text-stroke: 0.43px #c6a435;
  font-family: "Cinzel", Helvetica;
  font-weight: 700;
  color: #c6a435;
  font-size: 44.9px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.desktop .text-wrapper-7 {
  position: absolute;
  width: 19px;
  top: 45px;
  left: 175px;
  font-family: "Cinzel", Helvetica;
  font-weight: 700;
  color: #c6a435;
  font-size: 21.7px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .text-wrapper-8 {
  position: absolute;
  width: 57px;
  top: 41px;
  left: 188px;
  -webkit-text-stroke: 0.43px #c6a435;
  font-family: "Cinzel", Helvetica;
  font-weight: 700;
  color: #c6a435;
  font-size: 26.1px;
  text-align: right;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .frame-3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 20px 0px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #fbf8f3;
  align-items: center;
  position: relative;
}

.desktop .text-wrapper-9 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24.9px;
  white-space: nowrap;
}

.desktop .frame-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 10px;
  padding: 10px 200px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  align-items: center;
  position: relative;
}

.desktop .div-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 994px;
  justify-content: center;
  gap: 10px 10px;
  align-items: center;
  position: relative;
}

.desktop .flexcontainer-2 {
  gap: 7.12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.desktop .p {
  position: relative;
  align-self: stretch;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .text-wrapper-10 {
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
}

.desktop .frame-4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px 25px;
  padding: 100px 0px 0px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  align-items: center;
  position: relative;
}

.desktop .element {
  position: relative;
  width: 168.75px;
  height: 56.25px;
  object-fit: cover;
}

.slide-container{
  width: 100%;
  margin: 20px auto;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.slide-wrapper{
  display: flex;
  animation: slide-flow 30s infinite linear 1s both;
}

.slide{
  width: 300px;
  object-fit: cover;
}

@keyframes slide-flow{
  0% {transform: translateX(0);}
  100%{transform: translateX(-100%);}
}



/*------------------------
mv
-------------------------*/
.mv {
  text-align: center;
}

@media screen and (max-width:600px) {
  .mv {}
}

h1 {
  display: none;
}


/*------------------------
mv
-------------------------*/
.howto {
  text-align: center;
}

@media screen and (max-width:600px){
  .howto{

  }
}



/*------------------------
コレクション
-------------------------*/

.img-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  width: 92%;
  max-width: 1010px;
  margin: 0 auto;
}

.img-item {
  width: 23%;
  margin-bottom: 50px;
  text-align: center;
}

.img-item img {
  height: 224px;
  width: auto;
  object-fit: contain;
  margin: 0 auto 20px;
}

.img-wrap {
  background: #fff;
}

.img-name {
  font-size: 14px;
  margin-bottom: 25px;
}

.img-name {
  font-size: 15px;
  margin-bottom: 7px;
  line-height: 1.5;
}

.img-price {
  font-size: 15px;
}

.tax {
  font-size: 10px;
}

@media screen and (max-width:800px) {
  .img-name {
      font-size: 14px;
  }

  .img-name {
      font-size: 12px;
  }
}

@media screen and (max-width:720px) {
  .img-list {
      flex-wrap: wrap;
      max-width: 530px;
  }

  .img-item {
      width: 48%;
      max-width: 250px;
      margin-bottom: 30px;
  }

  .img-item img {
      height: 190px;
  }
}

@media screen and (max-width:480px) {
  .img-name {
      font-size: 12px;
  }

  .img-item img {
      height: 160px;
  }

  .screen .frame-2 {
      display: block;
  }
}

/*------------------------
レスポンシブ
-------------------------*/
html {
  scroll-behavior: smooth;
}

.rte>div.content {
  margin-bottom: 120px !important;
}

h1 {
  display: none;
}

.sp {
  display: none;
}

@media screen and (max-width:768px) {
  .sp {
      display: block;
  }

  .pc {
      display: none;
  }
}

.tb-1000-600,
.sp-1000,
.sp-750,
.sp-600,
.sp-580,
.sp-480 {
  display: none;
}

@media screen and (max-width:1000px) {
  .tb-1000-600 {
      display: inline-block;
  }

  .pc-1000 {
      display: none;
  }

  .sp-1000 {
      display: block;
  }
}

@media screen and (max-width:920px) {
  .pc-920none {
      display: none;
  }

  .desktop .span-wrapper{
    padding: 0px 50px;
  }

  .desktop .frame-wrapper{
    padding: 10px 50px;
  }
}

@media screen and (max-width:750px) {
  .sp-750 {
      display: inline-block;
  }
  .desktop .span-wrapper{
    padding: 0px 50px;
  }

  .desktop .frame-wrapper{
    padding: 10px 50px;
  }
}

@media screen and (max-width:680px) {
  .sp-680none {
      display: none;
  }
  .desktop .span-wrapper{
    padding: 0px 50px;
  }

  .desktop .frame-wrapper{
    padding: 10px 50px;
  }
}

@media screen and (max-width:600px) {
  .sp-600 {
      display: inline-block;
  }

  .pc-600 {
      display: none;
  }

  .tb-1000-600 {
      display: none;
  }

  .sp-600none {
      display: none;
  }

  .desktop .div{
    padding: 30px 30px;
  }
  .desktop .span-wrapper{
    text-align: left;
  }

  .desktop .text-wrapper-10{
    font-size: 14px;
  }

  
  .desktop .frame-4{
    padding: 50px 0px 0px;
  }


  .desktop .flexcontainer-wrapper-2{
    margin: 50px 0px 10px;
  }
}


@media screen and (max-width:580px) {
  .sp-600 {
      display: inline-block;
  }

  .pc-580 {
      display: none;
  }

  .desktop .frame-wrapper{
    padding: 10px 20px;
  }

  .desktop .span{
    font-size: 16px;
  }

  .desktop .div{
    padding: 30px 30px;
  }
  .desktop .span-wrapper{
    text-align: left;
    padding: 10px 20px;
  }

  .desktop .frame-wrapper{
    padding: 10px 20px;
  }

  .desktop .text-wrapper-10{
    font-size: 14px;
  }
  
  .desktop .frame-4{
    padding: 50px 0px 0px;
  }

  .desktop .flexcontainer-wrapper-2{
    margin: 50px 0px 10px;
  }

  .desktop .text-wrapper-2 {
    font-size: 20px;
  }

  .desktop .text-wrapper-4 {
    font-size: 30px;
  }

}


@media screen and (max-width:480px) {
  .sp-600 {
      display: inline-block;
  }

  .frame .text-wrapper{
    font-size: 20px;
  }

  .frame .span{
    font-size: 14px;
  }

  .desktop .text-wrapper {
    font-size: 20px;
  }

  .desktop .text-wrapper-2 {
    font-size: 20px;
  }

  .desktop .text{
    font-size: 20px;
  }

  .desktop .frame-wrapper{
    padding: 10px 20px;
  }

  .desktop .span{
    font-size: 16px;
  }

  .desktop .div{
    padding: 30px 30px;
  }
  .desktop .span-wrapper{
    text-align: left;
    padding: 10px 20px;
    width:fit-content
  }

  .desktop .frame-wrapper{
    padding: 10px 20px;
  }

  .desktop .text-wrapper-10{
    font-size: 14px;
  }


  .desktop .frame-4{
    padding: 50px 0px 0px;
  }


  .desktop .flexcontainer-wrapper-2{
    margin: 50px 0px 10px;
  }

  .desktop .text-wrapper-4 {
    font-size: 30px;
  }

}


@media screen and (max-width:430px) {
  .sp-430none {
      display: none;
  }

  .desktop .text-wrapper {
    font-size: 20px;
  }

  
  .desktop .text{
    font-size: 20px;
  }

  .desktop .frame-wrapper{
    padding: 10px 20px;
  }

  .desktop .span{
    font-size: 16px;
  }

  .desktop .div{
    padding: 30px 30px;
  }

  .desktop .span-wrapper{
    text-align: left;
    padding: 10px 20px;
        width:fit-content
  }
  }

  .desktop .frame-wrapper{
    padding: 10px 20px;
  }

  .desktop .text-wrapper-10{
    font-size: 14px;
  }


  .desktop .frame-4{
    padding: 50px 0px 0px;
  }

  .desktop .flexcontainer-wrapper-2{
    margin: 50px 0px 10px;
  }

  .desktop .text-wrapper-2 {
    font-size: 20px;
  }

  .desktop .text-wrapper-4 {
    font-size: 30px;
  }
}