/* Scss Document */
@keyframes zoom {
  0% {
    opacity: 1;
    transform: scale(1.5);
  }
  70% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes sale {
  100% {
    background: url(../img/bg-sale-top.png) repeat-x -1339px 0;
  }
}
@keyframes sale-sp {
  100% {
    background: url(../img/bg-sale-top.png) repeat-x -142.4vw 0/142.4vw auto;
  }
}
@keyframes sale-bottom {
  100% {
    background: url(../img/bg-sale-bottom.png) repeat-x 1339px 0;
  }
}
@keyframes sale-bottom-sp {
  100% {
    background: url(../img/bg-sale-bottom.png) repeat-x 142.4vw 0/142.4vw auto;
  }
}
@keyframes display {
  100% {
    background: url(../img/bg-display-top-sub.png) repeat-x -1567px 0;
  }
}
@keyframes display-sp {
  100% {
    background: url(../img/bg-display-top-sub.png) repeat-x -209vw 0/209vw auto;
  }
}
@keyframes display-bottom {
  100% {
    background: url(../img/bg-display-bottom-sub.png) repeat-x 1567px 0;
  }
}
@keyframes display-bottom-sp {
  100% {
    background: url(../img/bg-display-bottom-sub.png) repeat-x 209vw 0/209vw auto;
  }
}
.keyvisual {
  width: 100%;
  height: 200px;
  background: url("../img/bg-kv-sub.jpg");
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1110px) {
  .keyvisual {
    height: 26.7vw;
    background: url(../img/bg-kv-sub.jpg) repeat center center/120%;
  }
}
.keyvisual-title {
  position: static;
  color: #fff;
  font-size: 3.25rem;
  font-weight: bold;
}
@media screen and (max-width: 1110px) {
  .keyvisual-title {
    font-size: 8vw;
  }
}

.content section:nth-child(2n+1) {
  background: none;
  color: #333;
}
.content section:nth-child(2n+1) .headline:after {
  background: #8e8e8e;
}
.content section.sale:before {
  background: url("../img/bg-sale-top.png") repeat-x;
  animation: sale 20s linear infinite normal;
  height: 125px;
}
@media screen and (max-width: 1110px) {
  .content section.sale:before {
    animation: sale-sp 20s linear infinite normal;
    height: 13.1vw;
    background-size: 142.4vw auto;
    top: 7.25vw;
  }
}
.content section.sale:after {
  background: url("../img/bg-sale-bottom.png") repeat-x;
  animation: sale-bottom 20s linear infinite normal;
  height: 125px;
}
@media screen and (max-width: 1110px) {
  .content section.sale:after {
    animation: sale-bottom-sp 20s linear infinite normal;
    height: 13.1vw;
    background-size: 142.4vw auto;
  }
}
.content section.display:before {
  background: url("../img/bg-display-top-sub.png") repeat-x;
  animation: display 20s linear infinite normal;
  height: 166px;
}
@media screen and (max-width: 1110px) {
  .content section.display:before {
    animation: display-sp 20s linear infinite normal;
    height: 22.2vw;
    background-size: 209vw auto;
    top: 3.5vw;
  }
}
.content section.display:after {
  background: url("../img/bg-display-bottom-sub.png") repeat-x;
  animation: display-bottom 20s linear infinite normal;
  height: 166px;
}
@media screen and (max-width: 1110px) {
  .content section.display:after {
    animation: display-bottom-sp 20s linear infinite normal;
    height: 22.2vw;
    background-size: 209vw auto;
  }
}

.list {
  width: 100%;
}
.list:after {
  content: "";
  width: calc((100% - 60px) / 3);
}
@media screen and (max-width: 1110px) {
  .list:after {
    width: calc((100% - 5vw) / 2);
  }
}
.list-thumb {
  width: 296px;
  height: 296px;
}
@media screen and (max-width: 1110px) {
  .list-thumb {
    width: 41.5vw;
    height: 41.5vw;
  }
}
.list-item {
  width: calc((100% - 60px) / 3);
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1110px) {
  .list-item {
    width: calc((100% - 5vw) / 2);
    margin: 0 0 5vw;
  }
}
.list-text {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.list-name {
  text-align: left;
}
.list-price.price-tbd::before {
  display: none;
}
.list-size-price {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.list-size-price .list-size {
  width: 50%;
  font-size: 1.5rem;
}
@media screen and (max-width: 1110px) {
  .list-size-price .list-size {
    font-size: 3vw;
  }
}
.list-size-price .list-price {
  width: 50%;
  margin-bottom: 0;
}

.notice {
  margin: 0 auto;
  width: 950px;
  background: #e7e7e7;
  padding: 30px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1110px) {
  .notice {
    width: 90%;
    padding: 3vw;
    margin: 5vw auto;
  }
}
.notice li {
  text-indent: -0.6rem;
  padding: 0 0 0 1rem;
  margin: 0 0 0.5rem;
}
@media screen and (max-width: 1110px) {
  .notice li {
    font-size: 3vw;
  }
}
.notice li:last-child {
  margin: 0;
}
.notice li:before {
  content: "";
  width: 2px;
  height: 2px;
  background: #333;
  border-radius: 1px;
  display: inline-block;
  position: relative;
  top: -5px;
  margin: 0 0.5rem 0 0;
}
@media screen and (max-width: 1110px) {
  .notice li:before {
    top: -1vw;
  }
}/*# sourceMappingURL=sub.css.map */