/* hover
=================================================================== */
/* ================================================ vw */
/* ================================================ vh */
/* common
=================================================================== */
/* layout
=================================================================== */
/* imgCover
=================================================================== */
/* mask
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* textTate
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/*============================================================================================ 767px */
@media only screen and (max-width: 767px) {
  /* ================================================ vw */
  .shopTop .shopList.column--5 {
    justify-content: space-between;
  }
  .shopTop .shopList.column--5 > li, .shopTop .shopList.column--5 > div {
    width: calc(50% - 4vw);
    margin-right: 0;
    margin-bottom: 9.3333333333vw;
  }
  .shopTop .shopBlock__comsoment--text {
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
  .shopTop .shopBlock__logo {
    width: 14vw;
    margin-top: 3vw;
    margin-bottom: 2vw;
  }
  /* ============================================================================================ shopDetail */
  .SD__tabArticle {
    margin-bottom: -20vw;
  }
  .SD__tabArticle .tabSection {
    padding-bottom: 30vw;
  }
  .SD__tabArticle:last-of-type {
    margin-bottom: 0;
  }
  .SD__tabArticle:last-of-type .tabSection {
    padding-bottom: 1.3333333333vw;
  }
  /* =================================================================== SDkv */
  .SDkv {
    margin-top: -7.5vw;
    margin-bottom: 2.333vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }
  /* --------------------------------------- SDkv__article */
  .SDkv__article {
    padding-top: 57.9710144928%;
  }
  /* --------------------------------------- SDkv__bg */
  .SDkv__bg {
    border-radius: 2.6666666667vw;
  }
  /* --------------------------------------- SDkv__info */
  .SDkv__info {
    padding: 2.6666666667vw;
  }
  .SDkv__info--logoInner, .SDkv__info--descText {
    padding: 2.1333333333vw 3.4666666667vw;
  }
  .SDkv__info--logoInner {
    border-radius: 1.6vw 1.6vw 0 0;
  }
  .SDkv__info--descText {
    border-radius: 0 1.6vw 1.6vw 1.6vw;
  }
  /* --------------------------------------- SDkv__info logo */
  .SDkv__info--logo img {
    max-width: 32vw;
  }
  /* --------------------------------------- SDkv__info desc */
  .SDkv__info--descText {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
  /* =================================================================== SD__about */
  .SD__about {
    padding-top: 7vw;
  }
  .SD__aboutSection {
    flex-wrap: wrap;
    padding-top: 5vw;
  }
  .SD__aboutMain {
    width: 100%;
    margin-bottom: 10.6666666667vw;
  }
  .SD__aboutInfo {
    width: 100%;
  }
  /* =================================================================== SD__aboutMain */
  /* --------------------------------------- SD__aboutMain descText */
  .SD__aboutMain--descText {
    font-size: 13px;
    font-size: 3.4666666667vw;
    line-height: 2;
    margin-bottom: 5.3333333333vw;
  }
  /* --------------------------------------- SD__aboutMain siteBtn */
  .SD__aboutMain--siteBtn {
    align-self: center;
    margin-right: 4vw;
  }
  /* --------------------------------------- SD__aboutMain sns */
  .SD__aboutMain .snsTarget {
    margin-right: 2vw;
  }
  .SD__aboutMain .snsLink, .SD__aboutMain a.snsLink {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
  }
  /* =================================================================== SD__aboutInfo */
  .SD__aboutInfo--block {
    padding-bottom: 4vw;
    margin-bottom: 4vw;
  }
  .SD__aboutInfo--blockTitle {
    width: 28.7539936102%;
  }
  .SD__aboutInfo--blockText {
    width: 71.2460063898%;
  }
  .SD__aboutInfo--blockTitle, .SD__aboutInfo--blockText {
    font-size: 13px;
    font-size: 3.4666666667vw;
    word-break: break-all;
  }
  /* =================================================================== SD__news */
  .newsList__target {
    padding-bottom: 5.3333333333vw;
    margin-bottom: 5.3333333333vw;
  }
  .newsDate {
    font-size: 12px;
    font-size: 3.2vw;
    margin-bottom: 2.6666666667vw;
  }
  .newsText {
    font-size: 12px;
    font-size: 3.2vw;
  }
  .newsText img {
    width: 26.6666666667vw;
    margin-left: 1.8301610542vw;
    border-radius: 1.6vw;
  }
  .shopDetail .objContact {
    margin-top: 10vw;
  }
  /* ============================================================================================ shop homepage */
  .shop-homepage {
    /* =================================================================== common */
    /* =================================================================== SDkv */
    /* =================================================================== pageHeader__date */
    /* =================================================================== shop-homepage-nav */
  }
  .shop-homepage .SDkv {
    margin-top: 0;
  }
  .shop-homepage .wrapper {
    padding-top: 12.667vw;
  }
  .shop-homepage .SDkv__info {
    height: 100%;
    padding: 2.6666666667vw 4vw;
  }
  .shop-homepage .SDkv__info--logoInner, .shop-homepage .SDkv__info--descText {
    border-radius: 2.1333333333vw;
  }
  .shop-homepage .SDkv__info--logo {
    top: -4vw;
  }
  .shop-homepage .SDkv__info--logoInner {
    width: 46vw;
  }
  .shop-homepage .SDkv__info--desc {
    bottom: 3.2vw;
  }
  .shop-homepage .SD__about {
    padding-top: 2vw;
  }
  .shop-homepage .pageHeader__date {
    top: -4.5333333333vw;
    right: 4vw;
    padding: 0 6.1333333333vw 6.1333333333vw 6.1333333333vw;
    border-radius: 0 0 0 2.6666666667vw;
  }
  .shop-homepage .shop-homepage-nav {
    position: absolute;
    width: 100%;
    top: -12px;
    left: 0;
    padding-left: 0;
    transform: translateY(-100%);
    height: auto;
    pointer-events: all;
  }
  .shop-homepage .shop-homepage-nav .navTarget {
    margin-right: 0.667vw;
  }
  .shop-homepage .shop-homepage-nav .navLink {
    padding-top: 4vw;
    padding-bottom: 4vw;
    cursor: pointer;
  }
  .shop-homepage .shop-homepage-nav .navText {
    font-size: 3.6vw;
  }
  /* ============================================================================================ shopTop */
  .shopTop {
    /* --------------------------------------- shopTop common */
    background-color: rgba(var(--keyColor-shopItem), 1);
    /* --------------------------------------- shopBlock__desc */
  }
  .shopTop .headerInner {
    background-color: rgba(var(--keyColor-shopItem), 1);
  }
  .shopTop .shopBlock__desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  /* =================================================================== SD__aboutInfo */
  .SD__obj .column--4 > li, .SD__obj .column--4 > div, .SD__obj .column--4 .objBlock, .SD__obj .column--4 .specialBlock {
    margin-bottom: 9vw;
  }
  .SD__obj .column--4 > li:nth-last-child(-n+4), .SD__obj .column--4 > div:nth-last-child(-n+4), .SD__obj .column--4 .objBlock:nth-last-child(-n+4), .SD__obj .column--4 .specialBlock:nth-last-child(-n+4) {
    margin-bottom: 9vw;
  }
}/*# sourceMappingURL=shop-sp.css.map */