@charset "UTF-8";

/*520px以下の記述。（モバイル）*/
.content {
}
@media screen and (min-width: 600px){
  .sp-con{
    display: none;
  }
}
/*521px〜960pxの記述。（タブレット）*/
@media screen and (max-width: 960px) {
.shopnav{
  padding: 12vw 0 0;
}
.flex {
  flex-wrap:nowrap;
}
.shopnav .inner{
  padding: 0 0 10vw 0;
}
.shopnav a.arbtn{
  width: 80%;
  margin: auto;
}
.imgbox{
  width: 80%;
  max-width: 400px;
  margin: 0 20px 0 20px;
}
  .parent,.child {
    max-width: inherit;
  }
.child img {
    max-width: 300px;
    width: 80%;
    margin: auto;
  }
.shopwp a {
    max-width: 100%;
    margin: 0 auto;
  }
  .shopwp .type01 div {
    display: block;
  }
.method-other .splide{
  margin: 40px auto 0;
}
.mt-con,
.method-on .mt-con {
  margin: 0 auto 0;
}
.splide {
  margin: 20px 0 30px 0;
}

.shopwp .child ,
.shopwp .splide.is-initialized:not(.is-active) .splide__list .splide__slide{
  max-width: 100%;
  margin: 0 auto ;
  padding: 0 0%;
}
.shopwp .splide .child,
.shopnav .splide.is-initialized:not(.is-active) .splide__list .splide__slide {
  max-width: 32%;
  margin: 0 ;
}
.method-other .child{
  padding: 0 5%;
}
.grandchild{
  width: 85%;
  margin: auto;
}
}
@media screen and (max-width: 800px) {
.flex {
    flex-wrap: wrap;
  }
  .shopwp .type01 li {
      width: inherit;
      justify-content: center;
      text-align: center;
    }
  
    .shopnav .line {
      text-align: left;
    }
  
    .method-on.original .imgbox {
      order: 1;
    }
.shopwp .splide .child,
  .method .child,
  .splide.is-initialized:not(.is-active) .splide__list .splide__slide {
    max-width: 100%;
    margin: inherit ;
    padding: 0 0%;
  }
.method-other li {
  border: none;
}
.method .splide.is-initialized:not(.is-active) .splide__list .splide__slide {
  max-width: 32%;
  margin: 0;
}
}
@media screen and (max-width: 500px) {
.splide.is-initialized: not(.is-active) .splide__list{
  margin: inherit ;
}
.splide {
    margin: 5vw 0 8vw 0;
  }
}
@media screen and (max-width: 699px) {
.shopnav {
    padding-top: 12vw;
  }
}

@media screen and (max-width: 499px) {
.shopnav {
    padding-top: 18vw;
  }
}