/******************************/
/* スライダー */
/******************************/
/* ======= パソコン用 ======= */
.large-slider {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
#slider div {
  width: 100%;
  max-width: 100%;
  height: auto;
}
#slider div img {
  width: 100%;
  height: auto;
}
#slider > div {
  display: none;
}
.bx-viewport #slider > div {
  display: block;
}
.bx-wrapper {
  z-index: 0;
}
.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;
}
/* ======= スマホ・タブレット用 ======= */
.small-slider {
  position: relative;
  overflow: hidden;
  /* 画像のサイズに合わせて変更ください */
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  height: 100vw;
  background : #fff;
}
.small-slider a {
  display: block;
  position: absolute;
  /* 画像のサイズを表示エリアに合せる */
  width: inherit;
  height: inherit;
  visibility: hidden;
  opacity: 0;
  animation: smallSlideAnime 16.5s ease infinite;
}
.small-slider img {
  /* 画像のサイズを表示エリアに合せる */
  width: inherit;
  height: inherit;
}
.small-slider a:nth-of-type(1) { animation-delay: 0.0s }
.small-slider a:nth-of-type(2) { animation-delay: 5.5s }
.small-slider a:nth-of-type(3) { animation-delay: 11.0s }
@keyframes smallSlideAnime{
   0% { opacity: 0; visibility:hidden; }
   2% { opacity: 1; visibility:visible; }
  31% { opacity: 1; visibility:visible; }
  33% { opacity: 0; visibility:hidden; }
 100% { opacity: 0; visibility:hidden; }
}
@media screen and (min-width: 960px) {
  .small-slider {
    visibility: hidden;
    display: none;
  }
}
@media screen and (max-width: 959px) {
  .large-slider {
    visibility: hidden;
    display: none;
  }
}
/******************************/
/* バナー */
/******************************/
.banner-commitment {
  margin-top: 4.0em;
}
.banner-shipping {
  margin-top: 1.0em;
}
/******************************/
/* トップ商品 */
/******************************/
.top-item-img-wrapper {
  text-align: center;
  height: 160px;
  bottom: 0;
}
.top-item-img-wrapper img {
  width: 100%;
  height: 100%;
  top: 0;
  object-fit: cover;
}
.top-item-name {
  margin-top: 0.5em;
  margin-bottom: 0.3em;
  font-size: 1.2em;
  font-weight: bolder;
  /*はみ出し防止*/
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.top-item-content {
  width: calc(100% - 10px);
  padding-left: 8px;
  margin-left: 2px;
  border-left: 1px solid;
  text-align: left;
}
.top-item-price {
  margin-top: 0.5em;
  text-align: right;
  font-size: 1.0em;
}
/******************************/
/* 全商品一覧 */
/******************************/
.all-item-img-wrapper {
  text-align: center;
  height: 120px;
  bottom: 0;
}
.all-item-img-wrapper img {
  width: 100%;
  height: 100%;
  top: 0;
  object-fit: cover;
}
.all-item-name {
  margin-top: 0.5em;
  margin-bottom: 0.3em;
  font-size: 1.0em;
  font-weight: bolder;
  /*はみ出し防止*/
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.all-item-content {
  width: calc(100% - 10px);
  padding-left: 8px;
  margin-left: 2px;
  border-left: 1px solid;
  text-align: left;
}
.all-item-price {
  margin-top: 0.5em;
  text-align: right;
  font-size: 0.8em;
}