.index-slider {
  overflow: hidden;
}

.index-slider__items {
  margin-right: auto;
  margin-left: auto;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: opacity 0.3s linear;
  visibility: hidden;
}

.index-slider__items.slick-initialized {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}

.index-slider__item {
  position: relative;
  border-right: none;
  padding: 0 8px;
}

.index-slider__item:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  position: absolute;
  top: 0;
  left: 0;
  background: #ffffff;
}

.index-slider__item.slick-current:after {
  content: none;
}

.index-slider__link {
  display: block;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.index-slider__link img {
  width: 100%;
  height: 350px;
  background: transparent;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.index-slider .slick-list,
.index-slider .slick-track {
  width: 100%;
  height: 100%;
}

.index-slider__thumbs {
  width: 100%;
  margin-top: 0;
  background: #323233;
}

.index-slider__thumb {
  position: relative;
}

.index-slider__thumb:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000;
}

.index-slider__thumb.slick-current {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.index-slider__thumb.slick-current:after {
  content: none;
}

.index-slider__navi img {
  width: 100%;
  height: 60px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center center;
  object-position: center center;
}

@media screen and (min-width: 768px) and (max-width: 1240px) {
  .index-slider__link img {
    height: calc(350*100vw/1200);
  }

  .index-slider__navi img {
    height: calc(60*100vw/1200);
  }
}

@media screen and (max-width: 768px) {
  .index-slider__item {
    position: relative;
    border-right: none;
    padding: 0 2px;
  }

  .index-slider__link img {
    width: 100%;
    height: auto;
    background: #323233;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
  }

  .index-slider__navi img {
    width: 100%;
    height: 42px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
  }
}

.index-expansion {
  margin-top: 28px;
}

.index-expansion__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.index-expansion__list {
  overflow: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-bottom: 6px;
}

.index-expansion__list::-webkit-scrollbar {
  width: calc(100% - 32px);
  height: 5px;
}

.index-expansion__list::-webkit-scrollbar-track {
  width: 100%;
  border-radius: 2.5px;
  box-shadow: inset 0 0 6px #dfdfdf;
}

.index-expansion__list::-webkit-scrollbar-thumb {
  border-radius: 2.5px;
  box-shadow: 0 0 0 1px #8f8f8f;
  background-color: #8f8f8f;
}

.index-expansion__item {
  position: relative;
}

.index-expansion__item:nth-child(n+2) {
  margin-left: 8px;
}

.index-expansion__link {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  height: 60px;
  /* padding: 0 24px 0 8px; */
  padding: 0 15px 0 0;
  border: 1px solid #e10541;
  font-size: 19.2px;
  font-size: 1.2rem;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
}

.index-expansion__link:before {
  content: "";
  display: block;
  height: 100%;
  width: 16px;
  position: absolute;
  right: 0;
  background: #e10541;
  top: 0;
  bottom: 0;
}

.index-expansion__link:after {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  transform: rotate(45deg);
  margin: auto;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}

.index-expansion__link .sub_category_image {
  width: 100%;
  height: 59px;
  display: flex;
  justify-content: center;
}

.index-expansion__link .sub_category_text {
  width: 100%;
  height: 59px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
}

.index-pricedown {
  padding: 0 25px 40px;
  background: #FFF;
}

.index-rank__top03 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.index-rank__lower__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.index-rank__button {
  margin-right: auto;
  margin-left: auto;
}

.index-checked__slider {
  position: relative;
  margin-top: 16px;
}

.index-checked__slider .slick-track {
  display: -ms-flexbox;
  display: flex;
  margin-left: 0;
}

.index-checked__slider .slick-list {
  padding-right: 16px !important;
}

.index-checked__item {
  margin-right: 8px;
}

.index-checked__img {
  position: relative;
  padding-top: 100%;
  overflow: hidden;
}

.index-checked__img img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: auto;
}

.index-checked__price {
  font-size: 16px;
  font-size: 1rem;
  text-align: right;
}

.index-checked__arrow {
  height: 50px;
  width: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #323233;
}

.index-checked__arrow:focus {
  outline: none;
}

.index-checked__arrow.slick-disabled {
  display: none !important;
}

.index-checked__arrow--prev {
  left: 0;
  z-index: 1;
}

.index-checked__arrow--prev:after {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  transform: rotate(45deg);
  margin: auto;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
}

.index-checked__arrow--next {
  right: 0;
}

.index-checked__arrow--next:after {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  position: absolute;
  top: 0;
  right: 9px;
  bottom: 0;
  transform: rotate(45deg);
  margin: auto;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

.index-cardlist__list::-webkit-scrollbar {
  width: calc(100% - 32px);
  height: 5px;
  margin-top: 6px;
}

.index-cardlist__list::-webkit-scrollbar-track {
  width: 100%;
  border-radius: 2.5px;
  box-shadow: inset 0 0 6px #dfdfdf;
}

.index-cardlist__list::-webkit-scrollbar-thumb {
  border-radius: 2.5px;
  box-shadow: 0 0 0 1px #8f8f8f;
  background-color: #8f8f8f;
}

.index-cardlist__item {
  margin-left: 8px;
}

.index-news__heading {
  cursor: pointer;
  position: relative;
}

.index-news__item {
  display: block;
  position: relative;
  border-bottom: 1px solid #e7e7e7;
}

.index-news__heading.is-open .index-news__button:after {
  content: none;
}

.index-news__button.active::after {
  content: none;
}

.index-news__title {
  position: relative;
  width: 100%;
}

.index-news__button {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  top: 20px;
}

.index-news__text {
  margin-top: 16px;
}

.index-bnr-sp {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 24px;
}

.index-bnr-sp__youtube {
  width: 49.4%;
}

.index-bnr-sp__youtube__inner {
  position: relative;
  padding-top: 66.7%;
  overflow: hidden;
}

.index-bnr-sp__youtube__inner iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
}

.index-bnr-sp__banner {
  width: 49.4%;
}

.index-bnr-sp__banner__inner {
  position: relative;
  padding-top: 70%;
  overflow: hidden;
}

.index-bnr-sp__banner__inner img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.index-buy-box__inner {
  position: relative;
  border-top: 5px solid #323233;
  background: #29905e;
  display: block;
}

.index-buy-box__title {
  color: #ffffff;
  font-weight: 700;
  text-align: center;
}

.index-buy-box__title--sm {
  display: block;
}

.index-buy-box__title--lg {
  display: block;
}

.index-buy-box__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  margin-top: 8px;
}

.index-buy-box__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc((100% - 10px) / 3);
  min-height: 80px;
  border-radius: 4px;
  background: #ffffff;
}

.index-buy-box__item--highlight {
  color: #29905e;
  display: block;
  margin-top: 4px;
  font-weight: 700;
}

.index-buy-item {
  background: rgba(41, 144, 94, 0.15);
}

.index-buy-item__title {
  padding: 10px;
  background: #29905e;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

.index-buy-item__img {
  position: relative;
  margin-right: auto;
  margin-left: auto;
}

.index-buy-item__label {
  height: 20px;
  width: 81px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  bottom: 10px;
  left: -4px;
  transform: rotate(-2deg);
  width: calc(100% + 8px);
  background: #29905e;
  color: #ffffff;
  font-weight: 700;
  font-size: 16px;
  font-size: 1rem;
}

.index-buy-item__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  justify-content: center;
}

.index-buy-item__item {
  width: 25.6%;
  padding: 8px;
  background: #ffffff;
}

.index-buy-item__item:nth-child(n+2) {
  margin-left: 8px;
}

.index-buy-item__text {
  margin-top: 6px;
  font-weight: 700;
  font-size: 12.8px;
  font-size: 0.8rem;
  text-align: center;
}

.index-buy-item__price {
  margin-top: 2px;
  color: #29905e;
  font-weight: 700;
  font-size: 19.2px;
  font-size: 1.2rem;
  text-align: center;
  white-space: nowrap;
}

.index-buy-item__button {
  height: 48px;
}

@media screen and (max-width: 1023px) {
  .index-section {
    margin-top: 40px;
  }

  .index-slider__thumbs {
    height: 50px;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .index-slider__thumb {
    margin-left: 4px;
  }

  .index-expansion__list {
    width: calc(100% - 112px);
  }

  .index-expansion__item {
    min-width: 124px;
    width: 124px;
  }

  .index-rank__top03 {
    margin-top: 24px;
  }

  .index-rank__lower__items {
    margin-top: 24px;
  }

  .index-rank__buttons {
    margin-top: 32px;
  }

  .index-rank__button {
    height: 48px;
  }

  .index-rank__button:nth-child(n+2) {
    margin-top: 10px;
  }

  .index-cardlist {
    padding-bottom: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .index-cardlist__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .index-cardlist__item {
    width: calc(25% - 8px);
  }

  .index-news__item {
    padding: 16px 0;
  }

  .index-news__title {
    margin-top: 8px;
    padding-right: 80px;
  }

  .index-buy-box__inner {
    padding: 30px 8px 16px;
  }

  .index-buy-box__inner:before {
    left: 8px;
  }

  .index-buy-box__title--sm {
    font-size: 1.4rem;
  }

  .index-buy-box__title--lg {
    font-size: 2.2rem;
  }

  .index-buy-box__item--highlight {
    font-size: 1.6rem;
  }

  .index-buy-item {
    margin-top: 4px;
  }

  .index-buy-item__title {
    font-size: 1.4rem;
  }

  .index-buy-item__img {
    width: 85%;
  }

  .index-buy-item__items {
    padding: 16px 0;
  }

  .index-buy-item__button {
    margin-top: 16px;
  }
}

@media all and (min-width: 1024px) {
  .index-section {
    margin-top: 60px;
  }

  .index-slider__items {
    max-height: 350px;
    /* background: #323233; */
  }

  .index-slider__thumbs {
    height: 76px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .index-slider__thumb {
    margin-left: 5px;
  }

  .index-expansion__list {
    position: relative;
    width: calc(100% - 180px);
  }

  .index-expansion__item {
    min-width: 141px;
    width: 141px;
  }

  .index-expansion__link {
    cursor: pointer;
    transition: opacity 0.3s;
  }

  .index-expansion__link:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }

  .index-rank {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 24px;
  }

  .index-rank__top03 {
    width: 57.4%;
  }

  .index-rank__lower {
    width: 39.8%;
  }

  .index-rank__buttons {
    margin-top: 24px;
  }

  .index-rank__button {
    max-width: 304px;
    height: 40px;
  }

  .index-rank__button:nth-child(n+2) {
    margin-top: 16px;
  }

  .index-checked__item {
    cursor: pointer;
    transition: opacity 0.3s;
  }

  .index-checked__item:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }

  .index-checked__price {
    margin-top: 4px;
  }

  .index-checked__arrow--next {
    transition: 0.3s;
  }

  .index-cardlist {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .index-cardlist__list {
    -ms-flex-align: center;
    align-items: center;
    margin-left: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .index-cardlist__item {
    width: calc(25% - 8px);
  }

  .index-cardlist__item {
    cursor: pointer;
    transition: opacity 0.3s;
  }

  .index-cardlist__item:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }

  .index-news__heading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .index-news__item {
    padding: 20px 0;
  }

  .index-news__date {
    min-width: 120px;
    width: 120px;
  }

  .index-news__title {
    margin-left: 24px;
    padding-right: 20px;
  }

  .index-news__text {
    font-size: 1.2rem;
    padding-left: 144px;
    padding-right: 100px;
  }

  .index-buy-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .index-buy-box {
    width: 45%;
  }

  .index-buy-box__inner {
    cursor: pointer;
    transition: opacity 0.3s;
  }

  .index-buy-box__inner:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }

  .index-buy-box__inner {
    padding: 18px 12px 14px 13px;
  }

  .index-buy-box__inner:before {
    left: 16px;
  }

  .index-buy-box__title--sm {
    font-size: 1.6rem;
  }

  .index-buy-box__title--lg {
    font-size: 2.4rem;
  }

  .index-buy-box__item {
    font-size: 1.4rem;
  }

  .index-buy-box__item--highlight {
    font-size: 2rem;
  }

  .index-buy-item {
    width: 53.8%;
  }

  .index-buy-item__title {
    font-size: 1.6rem;
  }

  .index-buy-item__img {
    width: 70%;
  }

  .index-buy-item__items {
    padding: 22px 16px;
  }

  .index-buy-item__item {
    cursor: pointer;
    transition: opacity 0.3s;
  }

  .index-buy-item__item:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }

  .index-buy-item__button {
    margin-top: 12px;
  }
}

@media print {
  .index-section {
    margin-top: 60px;
  }

  .index-slider__items {
    max-height: 330px;
    background: #323233;
  }

  .index-slider__thumbs {
    height: 76px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .index-slider__thumb {
    margin-left: 8px;
  }

  .index-expansion__list {
    position: relative;
    width: calc(100% - 180px);
  }

  .index-expansion__item {
    min-width: 141px;
    width: 141px;
  }

  .index-expansion__link {
    cursor: pointer;
    transition: opacity 0.3s;
  }

  .index-expansion__link:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }

  .index-rank {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 24px;
  }

  .index-rank__top03 {
    width: 57.4%;
  }

  .index-rank__lower {
    width: 39.8%;
  }

  .index-rank__buttons {
    margin-top: 24px;
  }

  .index-rank__button {
    max-width: 304px;
    height: 40px;
  }

  .index-rank__button:nth-child(n+2) {
    margin-top: 16px;
  }

  .index-checked__item {
    cursor: pointer;
    transition: opacity 0.3s;
  }

  .index-checked__item:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }

  .index-checked__price {
    margin-top: 4px;
  }

  .index-checked__arrow--next {
    transition: 0.3s;
  }

  .index-cardlist {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .index-cardlist__list {
    -ms-flex-align: center;
    align-items: center;
    margin-left: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .index-cardlist__item {
    width: 288px;
    min-width: 288px;
    height: 64px;
  }

  .index-cardlist__item {
    cursor: pointer;
    transition: opacity 0.3s;
  }

  .index-cardlist__item:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }

  .index-news__heading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .index-news__item {
    padding: 20px 0;
  }

  .index-news__date {
    min-width: 120px;
    width: 120px;
  }

  .index-news__title {
    margin-left: 24px;
    padding-right: 100px;
  }

  .index-news__text {
    font-size: 1.2rem;
    padding-left: 144px;
    padding-right: 100px;
  }

  .index-buy-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .index-buy-box {
    width: 45%;
  }

  .index-buy-box__inner {
    cursor: pointer;
    transition: opacity 0.3s;
  }

  .index-buy-box__inner:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }

  .index-buy-box__inner {
    padding: 18px 12px 14px 13px;
  }

  .index-buy-box__inner:before {
    left: 16px;
  }

  .index-buy-box__title--sm {
    font-size: 1.6rem;
  }

  .index-buy-box__title--lg {
    font-size: 2.4rem;
  }

  .index-buy-box__item {
    font-size: 1.4rem;
  }

  .index-buy-box__item--highlight {
    font-size: 2rem;
  }

  .index-buy-item {
    width: 53.8%;
  }

  .index-buy-item__title {
    font-size: 1.6rem;
  }

  .index-buy-item__img {
    width: 70%;
  }

  .index-buy-item__items {
    padding: 22px 16px;
  }

  .index-buy-item__item {
    cursor: pointer;
    transition: opacity 0.3s;
  }

  .index-buy-item__item:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }

  .index-buy-item__button {
    margin-top: 12px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1232px) {
  .index-buy-box__inner:before {
    width: 6.389vw !important;
    height: 6.111vw !important;
  }

  .index-buy-box__title--lg {
    font-size: 1.389vw !important;
  }

  .index-buy-box__item {
    font-size: 0.972vw !important;
  }

  .index-buy-box__item--highlight {
    font-size: 1.389vw !important;
  }

  .index-buy-item__title {
    font-size: 1.51vw !important;
  }

  .index-buy-item__price {
    font-size: 0.833vw;
  }

  .index-buy-item__button {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .index-cardlist__list {
    overflow-x: auto;
    padding-bottom: 6px;
  }

  .index-cardlist__item {
    width: 104px;
    min-width: 104px;
  }
}

/*# sourceMappingURL=maps/index.css.map */
/*!
 * jquery-drawer v3.2.2
 * Flexible drawer menu using jQuery, iScroll and CSS.
 * http://git.blivesta.com/drawer
 * License : MIT
 * Author : blivesta <design@blivesta.com> (http://blivesta.com/)
 */

/*!------------------------------------*\
    Base
\*!------------------------------------*/

.drawer-open {
  overflow: hidden !important;
}

.drawer-nav {
  position: fixed;
  z-index: 101;
  top: 0;
  overflow: hidden;
  width: 16.25rem;
  height: 100%;
  color: #222;
  background-color: #fff;
}

.drawer-brand {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 3.75rem;
  display: block;
  padding-right: .75rem;
  padding-left: .75rem;
  text-decoration: none;
  color: #222;
}

.drawer-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.drawer-menu-item {
  font-size: 1rem;
  display: block;
  padding: .75rem;
  text-decoration: none;
  color: #222;
}

.drawer-menu-item:hover {
  text-decoration: underline;
  color: #555;
  background-color: transparent;
}

/*! overlay */

.drawer-overlay {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .2);
}

.drawer-open .drawer-overlay {
  display: block;
}

/*!------------------------------------*\
    Top
\*!------------------------------------*/

.drawer--top .drawer-nav {
  top: -100%;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 100%;
  -webkit-transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.drawer--top.drawer-open .drawer-nav {
  top: 0;
}

.drawer--top .drawer-hamburger,
.drawer--top.drawer-open .drawer-hamburger {
  right: 0;
}

/*!------------------------------------*\
    Left
\*!------------------------------------*/

.drawer--left .drawer-nav {
  left: -16.25rem;
  -webkit-transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.drawer--left.drawer-open .drawer-nav,
.drawer--left .drawer-hamburger,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
  left: 0;
}

.drawer--left.drawer-open .drawer-hamburger {
  left: 16.25rem;
}

/*!------------------------------------*\
    Right
\*!------------------------------------*/

.drawer--right .drawer-nav {
  right: -16.25rem;
  -webkit-transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
  right: 0;
}

.drawer--right.drawer-open .drawer-hamburger {
  right: 16.25rem;
}

/*!------------------------------------*\
    Hamburger
\*!------------------------------------*/

.drawer-hamburger {
  position: fixed;
  z-index: 104;
  top: 0;
  display: block;
  box-sizing: content-box;
  width: 2rem;
  padding: 0;
  padding-top: 18px;
  padding-right: .75rem;
  padding-bottom: 30px;
  padding-left: .75rem;
  -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  border: 0;
  outline: 0;
  background-color: transparent;
}

.drawer-hamburger:hover {
  cursor: pointer;
  background-color: transparent;
}

.drawer-hamburger-icon {
  position: relative;
  display: block;
  margin-top: 10px;
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  width: 100%;
  height: 2px;
  -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  background-color: #222;
}

.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  position: absolute;
  top: -10px;
  left: 0;
  content: ' ';
}

.drawer-hamburger-icon:after {
  top: 10px;
}

.drawer-open .drawer-hamburger-icon {
  background-color: transparent;
}

.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
  top: 0;
}

.drawer-open .drawer-hamburger-icon:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.drawer-open .drawer-hamburger-icon:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*!------------------------------------*\
    accessibility
\*!------------------------------------*/

/*!
 * Only display content to screen readers
 * See: http://a11yproject.com/posts/how-to-hide-content
 */

.sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

/*!
 * Use in conjunction with .sr-only to only display content when it's focused.
 * Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
 * Credit: HTML5 Boilerplate
 */

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
}

/*!------------------------------------*\
    Sidebar
\*!------------------------------------*/

.drawer--sidebar {
  background-color: #fff;
}

.drawer--sidebar .drawer-contents {
  background-color: #fff;
}

@media (min-width: 64em) {
  .drawer--sidebar .drawer-hamburger {
    display: none;
    visibility: hidden;
  }

  .drawer--sidebar .drawer-nav {
    display: block;
    -webkit-transform: none;
            transform: none;
    position: fixed;
    width: 12.5rem;
    height: 100%;
  }

  /*! Left */
  .drawer--sidebar.drawer--left .drawer-nav {
    left: 0;
    border-right: 1px solid #ddd;
  }

  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 12.5rem;
  }

  /*! Right */
  .drawer--sidebar.drawer--right .drawer-nav {
    right: 0;
    border-left: 1px solid #ddd;
  }

  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 12.5rem;
  }

  /*! container */
  .drawer--sidebar .drawer-container {
    max-width: 48rem;
  }
}

@media (min-width: 75em) {
  .drawer--sidebar .drawer-nav {
    width: 16.25rem;
  }

  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 16.25rem;
  }

  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 16.25rem;
  }

  /*! container */
  .drawer--sidebar .drawer-container {
    max-width: 60rem;
  }
}

/*!------------------------------------*\
    Navbar
\*!------------------------------------*/

.drawer--navbarTopGutter {
  padding-top: 3.75rem;
}

.drawer-navbar .drawer-navbar-header {
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}

.drawer-navbar {
  z-index: 102;
  top: 0;
  width: 100%;
}

/*! .drawer-navbar modifier */

.drawer-navbar--fixed {
  position: fixed;
}

.drawer-navbar-header {
  position: relative;
  z-index: 102;
  box-sizing: border-box;
  width: 100%;
  height: 3.75rem;
  padding: 0 .75rem;
  text-align: center;
}

.drawer-navbar .drawer-brand {
  line-height: 3.75rem;
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
}

.drawer-navbar .drawer-brand:hover {
  background-color: transparent;
}

.drawer-navbar .drawer-nav {
  padding-top: 3.75rem;
}

.drawer-navbar .drawer-menu {
  padding-bottom: 7.5rem;
}

@media (min-width: 64em) {
  .drawer-navbar {
    height: 3.75rem;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
  }

  .drawer-navbar .drawer-navbar-header {
    position: relative;
    display: block;
    float: left;
    width: auto;
    padding: 0;
    border: 0;
  }

  .drawer-navbar .drawer-menu--right {
    float: right;
  }

  .drawer-navbar .drawer-menu li {
    float: left;
  }

  .drawer-navbar .drawer-menu-item {
    line-height: 3.75rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .drawer-navbar .drawer-hamburger {
    display: none;
  }

  .drawer-navbar .drawer-nav {
    position: relative;
    left: 0;
    overflow: visible;
    width: auto;
    height: 3.75rem;
    padding-top: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  .drawer-navbar .drawer-menu {
    padding: 0;
  }

  /*! dropdown */
  .drawer-navbar .drawer-dropdown-menu {
    position: absolute;
    width: 16.25rem;
    border: 1px solid #ddd;
  }

  .drawer-navbar .drawer-dropdown-menu-item {
    padding-left: .75rem;
  }
}

/*!------------------------------------*\
    Dropdown
\*!------------------------------------*/

.drawer-dropdown-menu {
  display: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
}

.drawer-dropdown-menu > li {
  width: 100%;
  list-style: none;
}

.drawer-dropdown-menu-item {
  line-height: 3.75rem;
  display: block;
  padding: 0;
  padding-right: .75rem;
  padding-left: 1.5rem;
  text-decoration: none;
  color: #222;
}

.drawer-dropdown-menu-item:hover {
  text-decoration: underline;
  color: #555;
  background-color: transparent;
}

/*! open */

.drawer-dropdown.open > .drawer-dropdown-menu {
  display: block;
}

/*! drawer-caret */

.drawer-dropdown .drawer-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 4px;
  -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
  transition: opacity .2s ease, -webkit-transform .2s ease;
  transition: transform .2s ease, opacity .2s ease;
  transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

/*! open */

.drawer-dropdown.open .drawer-caret {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/*!------------------------------------*\
    Container
\*!------------------------------------*/

.drawer-container {
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 64em) {
  .drawer-container {
    max-width: 60rem;
  }
}

@media (min-width: 75em) {
  .drawer-container {
    max-width: 70rem;
  }
}
@charset "euc-jp";
/*::::::::::::::::::::::::::::::::::::::::::::::::: LAYOUT :::::::::::::::::::::::::::::::::::::::::::::::::*/
 #wrapper {
     width: 100%;
     margin: auto;
     padding-top: 110px;
     background-color: #FFF;
}
 #contents {
     max-width: 1098px;
     margin: 0px auto 0;
}
 #top_content + #contents {
     display: none;
}
 .contents_inner {
     padding: 60px;
}
 .container {
     max-width: 1098px;
     width: 90%;
     margin: 30px auto 0;
     background: #fff;
}
 .flex {
     display: flex;
     flex-wrap: wrap;
}
 .item_list {
     display: flex;
     flex-wrap: wrap;
     margin: 0 -10px;
}
 .item_list li {
     width: calc( 100% / 5 - 20px);
     margin: 0 10px;
     margin-bottom: 20px;
}
 .item_lists > li > a {
     display: block;
}
 .item_lists > li > .txt_area {
     padding: 10px 5px;
}
/* CATEGORY LIST */
 .item_list.cat_list li {
     width: calc( 100% / 3 - 20px);
}
 #footer {
     margin-top: 98px
}
/*::::::::::::::::::::::::::::::::::::::::::::::::: TEXT :::::::::::::::::::::::::::::::::::::::::::::::::*/
 body {
     font-family: -apple-system, blinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Noto Sans JP', YuGothicM, YuGothic, Meiryo, sans-serif;
}
 .bold {
     font-weight: bold;
}
 h2.heading {
     text-align: center;
     border-bottom: solid 1px #ccc;
}
 h3.heading {
     border-bottom: solid 1px #ccc;
     padding-bottom: 0.5em;
     margin-bottom: 1em;
     font-size: 20px;
}
 h2, h3, .heading {
     font-weight: bold;
     color: #000;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::: BTN & LINK :::::::::::::::::::::::::::::::::::::::::::::::::*/
 a:hover, :focus, .btn:hover {
     text-decoration: none;
     transition: all 0.3s;
     cursor: pointer;
}
 a:hover, a:focus, .btn:hover {
     opacity: 0.6;
}
 .btn_border {
     text-align: center;
     margin: 30px auto 90px;
     max-width: 500px;
     border: solid 4px #FFF;
     padding: 0.5em;
     border-radius: 3px;
     justify-content: center;
     display: flex;
     background: #ee031d;
     color:#FFF;
     font-size:150%;
     font-weight: bold;
     border-radius:50px;
     box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 1.0);
}
/* add20210315_新規の記述 ボタンのマウスオーバー時の装飾デザインの記述です */
 a.btn_border {
     color:#fff;
}
#delivery {
    padding-top: 20px;
    margin-top: -100px;
}
#payment, #info {
     padding-top: 100px;
     margin-top: -100px;
}
 #back_to_top {
     position: fixed;
     right: 60px;
     bottom: 24px;
     cursor: pointer;
     display: block;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::: COMMON :::::::::::::::::::::::::::::::::::::::::::::::::*/
/* add20210315_新規の記述 背景画像 赤と黒の2つのイメージを読み込んでいます。 */
 .ec-layoutRole {
     /* background: url(../img/common/bg_mai_pipes.png); */
     background-size: cover;
}
 .p-shop__logo {
     width: 220px;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::: HEADER & NAV :::::::::::::::::::::::::::::::::::::::::::::::::*/
 #header {
     width: 100%;
     margin: auto;
     z-index: 10000;
     position: fixed;
     top: 0;
     background: #fff;
}
 #header .logo {
     position: absolute;
     width:300px;
     top: -5px;
     margin: auto;
}
 #header .ico_cart {
     margin-right: 8px;
}
 #header.js_scrollin {
     animation-duration: 0.5s;
     animation-name: slideDown;
}
 @keyframes slideDown {
     0% {
         transform: translateY(-100%);
    }
     100% {
         transform: translateY(0);
    }
}
/* GNAV */
 #header .shop_desc {
     font-size: 13px;
     background: #fff;
     padding: 5px 30px;
}
 .gnav {
     justify-content: space-between;
     background: #ce0000;
     padding: 14px 30px;
     align-items: center;
     align-content: center;
     box-shadow: 1px 3px 16px #23222221;
}
 .gnav a {
     color: #fff;
}
 .incart_count {
     background: rgba(0, 0, 0, 0.14);
     border-radius: 50%;
     height: 1.5em;
     width: 1.5em;
     line-height: 1.5;
     font-size: 13px;
     font-weight: bold;
     text-align: center;
     margin-left: 5px;
}
 .gnav .sub_nav {
     align-items: center;
}
 .gnav .sub_nav a {
     display: inline-flex;
     margin-left: 22px;
     color: #fff;
     font-weight: bold;
     align-items: center;
}
 .sub_nav span {
     font-weight: bold;
}
 .search_input {
     min-width: 198px;
     height: 40px;
     padding: 15px 11px 17px 51px;
     background: none;
     border: none;
     border-radius: 40px;
     color: #333;
     background: url(../img/common/ico_search.svg) no-repeat 10px 8px #fff;
     margin-left: 15px;
     font-size: 15px;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::: TOP--- SLIDE :::::::::::::::::::::::::::::::::::::::::::::::::*/
 #top_content {
     overflow: hidden;
}
 #mv .bx-wrapper {
     margin-bottom: 0 !important;
}
 .bx-wrapper .bx-viewport {
     overflow: visible !important;
     box-shadow: none !important;
     border: none !important;
     left: 0 !important;
}
 #slider > div {
     display: none;
}
 .bx-viewport #slider > div {
     display: block !important;
}
/* PAGER */
 #mv .bx-wrapper .bx-pager {
     color: #ce0000;
     bottom: -30px;
}
 #mv .bx-wrapper .bx-pager.bx-default-pager a {
     background: #ccc;
     width: 14px;
     height: 14px;
     border-radius: 50%;
     margin: 0 8px;
}
 #mv .bx-wrapper .bx-pager.bx-default-pager a:hover, #mv .bx-wrapper .bx-pager.bx-default-pager a.active {
     background: #ce0000;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
 #mv .bx-wrapper .bx-controls-direction a {
     position: absolute;
     top: 50%;
     margin-top: -16px;
     width: 48px;
     height: 90px;
}
 #mv .bx-wrapper .bx-controls-direction .bx-prev {
     left: -35px;
     background: url(../img/common/prev.svg) no-repeat;
}
 #mv .bx-wrapper .bx-controls-direction .bx-next {
     right: -35px;
     background: url(../img/common/next.svg) no-repeat;
}
 #mv .bx-wrapper .bx-controls-direction a:hover {
     background-position: 0 0;
     opacity: 0.8;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::: TOP ---- CONTENTS :::::::::::::::::::::::::::::::::::::::::::::::::*/
 .ttl img {
     margin: auto;
     max-width: 380px;
}
 .sec_recommend, .sec_news, .sec_new_item {
     background: #fff;
     padding: 30px 0 30px;
}
/* RANK */
 .sec_rank {
     background: #fff;
     border-top: solid 1px #ddd;
     margin-top: 50px;
}
 .sec_rank .container {
     padding: 0 0;
     background-color: transparent;
}
 .sec_rank_inner {
     background: url(../img/common/bg_border_line.png) repeat-x 0 0 #ce0000;
     margin-top: 110px;
     padding: 40px 0;
}
 .sec_rank h2.ttl {
     margin-top: -140px;
}
 .rank_number {
     background: url(../img/common/ico_rank.png) no-repeat 0 0;
     padding-left: 50px;
     vertical-align: bottom;
     margin-bottom: 8px;
     font-family: 'Poppins';
     font-size: 18px;
     font-weight: bold;
}
 .rank_list_item {
     background: #fff;
     border-radius: 6px;
}
 .rank_list_item .txt_area {
     padding: 10px;
}
 .item_list .item_name {
     font-size: 14px;
}
 .item_list .item_price {
     text-align: right;
     font-weight: bold;
     font-size: 14px;
}
 .item_list .item_image {
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 25px;
}
/* CATEGORY */
 .sec_cate {
     padding-top: 30px;
     padding-bottom: 60px;
}
 .sec_cate .container {
     padding: 0 0;
     background-color: transparent;
}
/* NEWS */
 .news_date {
     display: block;
     width: 158px;
     font-size: 16px;
}
 .news_item {
     border-bottom: solid 1px #ccc;
     padding: 2em 1em;
     display: flex;
}
 .news_item a {
     text-decoration: underline;
}
 .news_detail {
     max-width: 628px;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::: FOOTER :::::::::::::::::::::::::::::::::::::::::::::::::*/
 .footer {
     background-image: url(../img/common/bg_pipes.png);
     border-top: solid 1px #ccc;
     background-size: cover;
     padding-top: 100px;
}
.footer_inner {
    max-width: 700px;
    width: 100%;
    margin: 0 auto 30px;
}
 .footer_content {
     display: flex;
     align-items: center;
     justify-content: center;
}
 .footer_logo {
     margin-right: 30px;
     margin-top: 30px;
}
 .footer_logo img {
     max-width: 180px;
}
 .footer_nav {
     background-color: #FFF;
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     padding: 20px 10px;
}
 .footer .bn_kaitori {
     max-width: 724px;
     margin: auto;
     width: 100%;
}
 .footer_nav a {
     padding: 0 10px;
     font-size: 14px;
     font-weight: bold;
     border-right: solid 1px;
}
 .footer_nav li:last-child a {
     border-right: none;
}
 .copyright {
     font-size: 12px;
     text-align: center;
     background: #ce1900;
     color: #fff;
     font-weight: bold;
     padding: 5px;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::: PAGES :::::::::::::::::::::::::::::::::::::::::::::::::*/
/*:::::::::::::::::::::::::::::::: PRODUCT :::::::::::::::::::::::::::::::::*/
 .product_wrap {
     display: flex;
     justify-content: space-between;
}
 .product_desc_wrap {
     max-width: 600px;
     margin: 80px auto 30px;
}
 .product_exp {
     margin-bottom: 60px;
     word-break: break-all;
}
 .product_exp table {
     margin-bottom: 60px;
}
 #product {
     margin-bottom: 80px;
}
 .product_info_wrap {
     max-width: 350px;
}
 .topicpath-nav_wrap {
     margin-bottom: 27px;
}
 .product_info_inner {
     width: 100%;
     margin: 0;
     background: #fff;
     padding: 30px 0;
}
 .product-image {
     max-width: 500px;
     width: 100%;
}
 .product-image-main .mainImage {
     margin: auto;
}
 .product-image-thumb > ul {
     display: flex;
     flex-wrap: wrap;
     margin-right: -3px;
     margin-left: -3px;
}
 .product-image-thumb li {
     background: #fff;
     width: calc(100% / 4 - 6px);
     margin-left: 3px;
     margin-right: 3px;
     margin-top: 6px;
}
 .product-image-thumb li img {
     width: 100%;
     height: auto;
}
 .product_init_row_wrap {
     margin-bottom: 10px;
}
 .product_init_row_wrap .flex {
     justify-content: space-between;
     height: 48px;
     align-items: center;
     padding-left: 15px;
     padding-right: 15px;
     background: #F5F0F0;
}
 .product_item_name {
     margin-top: 11px;
}
 .product_num {
     background: transparent;
     border: 1px solid #bdbdbd;
     text-align: center;
     line-height: 1.5;
     width: 90px;
     height: 43px;
     line-height: 43px;
     font-size: 18px;
     font-weight: bold;
}
 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
     opacity: 1;
     height: 40px;
}
 .init-list__detail-updw {
     margin: 0;
     padding-left: 0;
     vertical-align: middle;
     display: inline-flex;
     flex-direction: column;
     justify-content: space-between;
     height: 18px;
}
 .order-btn-list__unit .btn {
     background: #000;
     color: #fff;
     height: 48px;
     display: inline-block;
     font-size: 16px;
     padding: 0 .5em;
}
 .order_sec {
     margin-bottom: 20px
}
 .product_simple_exp {
     margin-bottom: 20px;
}
 .product_simple_exp li {
     border-bottom: solid 1px #95989A;
     padding: 3px;
     font-size: 12px;
}
 .product_item_name {
     font-size: 24px;
     margin-bottom: 1em;
     line-height: 1.2;
}
 .product__price {
     font-size: 18px;
     font-weight: bold;
     padding-bottom: 15px;
     text-align: right;
     display: inline-block;
}
 .product__stock-str {
     color: #ce1900;
     font-size: 14px;
}
 .product_price span {
     font-size: 14px;
     margin-left: 5px;
}
 .product_exp {
     margin-bottom: 0;
     border-bottom: solid 1px #ccc;
     border-top: solid 1px #ccc;
     padding-bottom: 50px;
     padding-top: 50px;
}
 .product_exp p {
     margin: 60px 0;
     font-size: 15px;
     text-align: justify;
}
 .product_price_name, .product_init_name, .pproduct_init_row_wrap dt {
     font-size: 16px;
}
 .product_item_model, .product_num, .product_exp table {
     font-size: 16px;
}
 .product_item_category a {
     font-size: 13px;
     border: solid 1px;
     display: inline-block;
     padding: 2px 5px;
     margin-bottom: 10px;
}
 .product_exp table th {
     border-bottom: solid 1px #95989A;
     border-top: solid 1px #95989A;
     padding: 1em;
     text-align: left;
     width: 14%;
}
 .product_exp table td {
     border-bottom: solid 1px #95989A;
     border-top: solid 1px #95989A;
     padding: 1em;
}
 .detail_links {
     font-size: 12px;
}
 .detail_links li {
     display: flex;
     align-items: baseline;
}
 .detail_links li:before {
     content: "\02022";
     padding-right: 2px;
}
 select::-ms-expand {
     display: none;
}
 .prduct_option select {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     border: none;
     background-color: #f5f0f0;
     content: "";
     background-image: url(../images/ico_angle_down.svg);
     background-repeat: no-repeat;
     background-position: right 15px center;
     height: 30px;
     padding: 0 15px;
     line-height: 30px;
     width: 100%;
}
 .prduct_option_item {
     margin-bottom: 5px;
}
 .prduct_option_item:nth-child(2) {
     margin-bottom: 15px;
}
 @media only screen and (max-width: 600px) {
     .product_wrap {
         display: block;
    }
     .product_info_wrap {
         margin-top: 15px;
    }
     .product_info_inner {
         max-width: 100%;
    }
     .product_item_name {
         font-size: 20px;
         margin-bottom: 10px;
    }
     .product_price {
         font-size: 22px;
    }
     .product_price span {
         font-size: 12px;
    }
     .product-image {
         margin-bottom: 10px;
         width: auto;
         max-width: unset;
    }
     .product_exp table {
         font-size: 14px;
    }
     .product_exp table th {
         width: 22%;
         white-space: nowrap;
    }
     .product_desc_wrap {
         margin-left: 0;
         margin-top: 30px;
    }
     .product_exp p {
         margin: 30px 0;
    }
     .product_info_inner {
         padding: 30px 15px;
    }
     .product_price {
         margin-bottom: 10px;
    }
}
/*:::::::::::::::::::::::::::::::: ////// PRODUCT :::::::::::::::::::::::::::::::::*/
/* temp */
 .d_inline {
     display: inline;
}
/* font */
 .txt_l {
     text-align: left;
}
 .txt_c {
     text-align: center;
}
 .txt_r {
     text-align: right;
}
 .bold {
     font-weight: bold;
}
 .txt_10 {
     font-size: 10px;
}
 .txt_11 {
     font-size: 11px;
}
 .txt_12 {
     font-size: 12px;
}
 .txt_14 {
     font-size: 14px;
}
 .txt_15 {
     font-size: 15px;
}
 .txt_16 {
     font-size: 16px;
}
 .txt_18 {
     font-size: 18px;
}
 .txt_20 {
     font-size: 20px;
}
 .txt_24 {
     font-size: 24px;
}
 .txt_28 {
     font-size: 28px;
}
 h2.txt_28 {
     line-height: 1.8;
}
 .txt_c_333 {
     color: #333;
}
/* background */
 .bg_w {
     background-color: #fff;
}
/* margin */
 .mar_auto {
     margin: 0 auto;
}
 .mar_0 {
     margin: 0;
}
 .mar_t_0 {
     margin-top: 0;
}
 .mar_r_0 {
     margin-right: 0;
}
 .mar_b_0 {
     margin-bottom: 0;
}
 .mar_l_0 {
     margin-left: 0;
}
 .mar_5 {
     margin: 5px;
}
 .mar_t_5 {
     margin-top: 5px;
}
 .mar_r_5 {
     margin-right: 5px;
}
 .mar_b_5 {
     margin-bottom: 5px;
}
 .mar_l_5 {
     margin-left: 5px;
}
 .mar_t_10 {
     margin-top: 10px;
}
 .mar_r_10 {
     margin-right: 10px;
}
 .mar_b_10 {
     margin-bottom: 10px;
}
 .mar_l_10 {
     margin-left: 10px;
}
 .mar_t_20 {
     margin-top: 20px;
}
 .mar_r_20 {
     margin-right: 20px;
}
 .mar_b_20 {
     margin-bottom: 20px;
}
 .mar_l_20 {
     margin-left: 20px;
}
 .mar_t_30 {
     margin-top: 30px;
}
 .mar_r_30 {
     margin-right: 30px;
}
 .mar_b_30 {
     margin-bottom: 30px;
}
 .mar_l_30 {
     margin-left: 30px;
}
 .mar_t_50 {
     margin-top: 50px;
}
 .mar_r_50 {
     margin-right: 50px;
}
 .mar_b_50 {
     margin-bottom: 50px;
}
 .mar_l_50 {
     margin-left: 50px;
}
/* padding */
 .pad_v_10 {
     padding: 10px 0;
}
 .pad_v_20 {
     padding: 20px 0;
}
 .pad_v_30 {
     padding: 30px 0;
}
 .pad_0 {
     padding: 0;
}
 .pad_t_0 {
     padding-top: 0;
}
 .pad_r_0 {
     padding-right: 0;
}
 .pad_b_0 {
     padding-bottom: 0;
}
 .pad_l_0 {
     padding-left: 0;
}
 .pad_5 {
     padding: 5px;
}
 .pad_t_5 {
     padding-top: 5px;
}
 .pad_r_5 {
     padding-right: 5px;
}
 .pad_b_5 {
     padding-bottom: 5px;
}
 .pad_l_5 {
     padding-left: 5px;
}
 .pad_10 {
     padding: 10px;
}
 .pad_t_10 {
     padding-top: 10px;
}
 .pad_r_10 {
     padding-right: 10px;
}
 .pad_b_10 {
     padding-bottom: 10px;
}
 .pad_l_10 {
     padding-left: 10px;
}
 .pad_20 {
     padding: 20px;
}
 .pad_t_20 {
     padding-top: 20px;
}
 .pad_r_20 {
     padding-right: 20px;
}
 .pad_b_20 {
     padding-bottom: 20px;
}
 .pad_l_20 {
     padding-left: 20px;
}
 .pad_30 {
     padding: 30px
}
 .pad_t_30 {
     padding-top: 30px;
}
 .pad_r_30 {
     padding-right: 30px;
}
 .pad_b_30 {
     padding-bottom: 30px;
}
 .pad_l_30 {
     padding-left: 30px;
}
/* border */
 .bor_t_1 {
     border-top: 1px solid #AAA;
}
 .bor_r_1 {
     border-right: 1px solid #AAA;
}
 .bor_b_1 {
     border-bottom: 1px solid #AAA;
}
 .bor_l_1 {
     border-left: 1px solid #AAA;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::: RESPONSIVE :::::::::::::::::::::::::::::::::::::::::::::::::*/
/* --------------------------------------------------*/
 @media only screen and (min-width: 961px) {
     .pc_hidden {
         display: none;
    }
}
/* FOR SP ----------------------------------------- */
 @media only screen and (max-width: 960px) {
    /*-- -----------------------*/
     #contents .sec_body .sec_body_subttl, #back_to_top {
         display: none !important;
    }
    /*SP ---------------- */
     .sp_hidden {
         display: none;
    }
     .sp_b_center {
         margin: auto;
    }
     .sp_block {
         display: block;
    }
     .sp_t_center {
         text-align: center;
    }
     .sp_100 {
         width: 100%;
    }
     .item_list.cat_list li {
         width: 78%;
         margin-left: auto;
         margin-right: auto;
    }
    /*SP LAYOUT-----------------*/
     #wrapper {
         padding-top: 70px;
    }
     .container {
         padding: 0;
    }
     .item_list li {
         width: calc( 100% / 2 - 10px);
         margin: 0 5px 15px;
    }
     .item_list .item_name {
         font-size: 13px;
         line-height: 1.6;
         margin-bottom: 10px;
    }
    /*SP TOP-----------------*/
     .ttl img {
         width: 80%;
    }
     #mv .bx-wrapper .bx-pager {
         bottom: -20px;
    }
     #mv .bx-wrapper .bx-viewport {
         overflow: hidden !important;
    }
     #mv .bx-wrapper .bx-controls-direction a {
         display: none;
    }
     #mv .bx-wrapper .bx-pager.bx-default-pager a {
         width: 10px;
         height: 10px;
    }
     .sec_rank {
         margin-top: 30px;
    }
     .sec_rank_inner {
         margin-top: 60px;
    }
     .sec_rank h2.ttl {
         margin-top: -100px;
    }
    /*SP TEXT----------------- */
     h2, h3 {
         font-size: 20px;
         line-height: 1.5;
    }
     h2.heading.line {
         font-size: 20px;
         margin-bottom: 30px;
    }
     .mv_info_box .mv_info {
         font-size: 15px;
    }
    /*HEADER-----------------*/
     #header .logo {
         width: 160px;
         top: 5px;
         left: 50%;
         transform: translate(-50%, 0%);
    }
     #header .shop_desc {
         font-size: 10px;
         background: #fff;
         padding: 5px 10px;
         text-align: center;
         white-space: nowrap;
         transform: scale(0.9, 0.9);
    }
     #header .gnav {
         height: 60px;
         padding: 0 10px;
    }
     #header .view_cart_box {
         position: absolute;
         right: 8px;
    }
     #header .ico_cart {
         width: 20px;
    }
     #header .search_box {
         position: absolute;
         top: 104px;
    }
    /*:::::::::::::::::::::::::::::::::::: DRAWER HAMBURGER ::::::::::::::::::::::::::::::::::::*/
    /* drawer nav*/
     .drawer-hamburger {
         border-radius: 50%;
         height: 42px;
         width: 42px;
         padding: 8px;
         box-sizing: border-box;
         top: 10px;
         left: 10px !important;
         background: #fff;
    }
     .drawer-hamburger:hover {
         background-color: #fff;
    }
     .drawer-hamburger-icon {
         margin-top: 0;
    }
     .drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
         background-color: #ce0000;
    }
     .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
         top: -8px;
    }
     .drawer-hamburger-icon:after {
         top: 8px;
    }
     .drawer-nav {
         padding-top: 90px;
         width: 100%
    }
     .drawer--left .drawer-nav {
         left: -100%;
    }
     .drawer--left.drawer-open .drawer-nav {
         background-color: #ce0000;
    }
    /* drawer NAV*/
     .d_nav {
         max-width: 300px;
         margin: auto;
    }
     .d_nav a {
         font-size: 14px;
         color: #fff;
         font-weight: bold;
         border-bottom: solid 1px #fff;
         display: block;
         padding: 10px;
    }
     .d_nav .js_ac_menu dd {
         display: none;
    }
     .d_nav_ttl {
         background-color: #fff;
         padding: .5em 1em;
         margin-bottom: 5px;
         position: relative;
    }
     .d_nav_lists {
         padding: 1em 5px;
    }
     .d_nav_lists > li {
         padding-bottom: 1em;
    }
     .d_nav_ttl:before, .d_nav_ttl:after {
         content: "";
         position: absolute;
         top: 50%;
         right: 15px;
         width: 15px;
         height: 1px;
         display: block;
         background: #000;
    }
     .d_nav_ttl:before {
         transform: rotate(90deg);
    }
     .d_nav_ttl.active:before {
         transform: rotate(0deg);
    }
     .d_nav_sec .sub_nav a {
         margin-bottom: 25px;
         margin-left: 0;
    }
     .header_gnav .d_nav_sec:first-child dd {
         overflow: hidden;
         display: block;
    }
     .header_gnav .d_nav_sec:first-child .d_nav_ttl:before {
         transform: rotate(0deg);
    }
     .header_gnav .d_nav_sec:first-child .d_nav_ttl.active:before {
         transform: rotate(90deg);
    }
    /*FOOTER-----------------*/
     .footer_nav_sns {
         display: flex;
         justify-content: center;
    }
    /*TOP MV -----------------*/
     .mv_info_box {
         width: 64vw;
         padding: 10px 20px 10px 10px;
         bottom: 20px;
         left: 6%;
         border-radius: 8px;
    }
     .intro_sub_txt {
         font-size: 13px;
         margin-bottom: 1em;
         text-align: center;
    }
     .scrollbox {
         position: absolute;
         bottom: 25px;
         left: 90%;
         transform: none;
    }
     .ico_more_white:after {
         right: 10px;
         bottom: 20px;
    }
    /*TOP ITEM & NEWS -----------------*/
     .item_lists.item_col .item_image {
         margin-bottom: 15px;
    }
     .item_row {
         padding: 6%;
    }
     .design .item_image {
         margin: 0px auto 15px;
    }
     .feature .item_col li {
         margin-bottom: 10px;
    }
     .news_item {
         padding: 2em 0;
         display: block;
    }
     .link.more {
         margin-top: 1em;
    }
     .feature .item_lists a {
         font-size: 16px;
    }
    /*FOOTER -----------------*/
     .footer_inner {
         padding: 0 5%;
    }
     .footer_content {
         display: block;
    }
     .footer_logo {
         display: none;
    }
    /*RECCOMMEND -----------------*/
     .item_group.recommend .item_exp {
         font-size: 11px;
         line-height: 1.5;
    }
     .item_group.recommend .item_name, .item_group.recommend .item_price, .item_group.recommend .item_category {
         font-size: 12px;
    }
     .item_group.recommend .item_name, .item_group.recommend .item_price {
         line-height: 1.4;
    }
     .item_group.recommend .item_category {
         line-height: 1.4;
    }
     .recommend .item_lists.item_col .item_image {
         margin-bottom: 0;
    }
     .topicpath-nav_wrap {
         margin-bottom: 16px;
    }
}