@charset "UTF-8";
/************  ブレイクポイント・変数設定 ************/
@media (max-width: 767px) {
  .hide-on-sp {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hide-on-pc {
    display: none !important;
  }
}

/************  テキスト ************/
/*赤字*/
.onlineStore-redText {
  color: #e54747;
}

/************  リスト ************/
/*括弧の数字付き*/
ol.guide-number-list {
  counter-reset: item;
  list-style: none;
  padding-left: 0;
}

ol.guide-number-list li {
  counter-increment: item;
}

ol.guide-number-list li::before {
  content: "(" counter(item) ") ";
  color: #000;
}

/*注意事項用*/
ul.guide-star-list {
  list-style: none;
  padding-left: 0;
}

ul.guide-star-list li {
  counter-increment: item;
}

ul.guide-star-list li::before {
  content: "* ";
  color: #000;
}

/*注意事項用(数字付き)*/
ol.guide-starNumber-list {
  counter-reset: item;
  list-style: none;
  padding-left: 0;
}

ol.guide-starNumber-list li {
  counter-increment: item;
}

ol.guide-starNumber-list li::before {
  content: "*" counter(item);
  color: #000;
}

/************ 横に並べる ************/
/* 基本の設定はSP・PC共に2列 */
[id^="flex-container"] {
  /* PC5列・SP2列 */
  /* PC2列(横幅左30%)・SP1列 */
}

[id^="flex-container"],
[id^="flex-container"] *,
[id^="flex-container"] *::before,
[id^="flex-container"] *::after {
  box-sizing: border-box;
}

[id^="flex-container"] > div {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}

[id^="flex-container"] > div > div {
  padding: 0;
  float: none !important;
  margin-right: 1rem;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

@media (min-width: 768px) {
  [id^="flex-container"] > div > div > div,
  [id^="flex-container"] > div > div > div > div,
  [id^="flex-container"] > div > div > div > div > div {
    height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  [id^="flex-container"] > div > div > div,
  [id^="flex-container"] > div > div > div > div,
  [id^="flex-container"] > div > div > div > div > div {
    height: auto;
  }
}

@media (max-width: 767px) {
  [id^="flex-container"][id*="_pc5-sp2"] > div > div {
    width: calc((100% - 1 * 1rem) / 2) !important;
  }
  [id^="flex-container"][id*="_pc5-sp2"] > div > div:nth-child(2n) {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  [id^="flex-container"][id*="_pc5-sp2"] > div > div {
    width: calc((100% - 4 * 1rem) / 5) !important;
  }
  [id^="flex-container"][id*="_pc5-sp2"] > div > div:nth-child(5n) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  [id^="flex-container"][id*="_pc2w30-sp1"] > div > div {
    width: 100%;
  }
}

@media (min-width: 768px) {
  [id^="flex-container"][id*="_pc2w30-sp1"] > div > div:first-child {
    width: 30% !important;
    margin-right: 1rem;
  }
  [id^="flex-container"][id*="_pc2w30-sp1"] > div > div:nth-child(2) {
    width: calc(70% - 1rem) !important;
    margin-right: 0;
  }
}