@charset "UTF-8";
@use "parts/smart/_c_button";

:first-child + html .clearfix {
  display: inline-block;
}

.quantity_view,
.quantity_view_teiki {
  display: none;
}

.addnumcount,
.addnumcount_incart {
  visibility: hidden;
}

.item_view_area_incart,
.item_view_area_teiki_incart {
  background-color: #ffffe7 !important;
}

.cart_item_foot_cart {
  position: relative;
}

.quantity_view_teiki_incart {
  border: 2px solid #558d5c;
  border-radius: 60px;
  color: #558d5c;
}

.quantity_view_incart,
.quantity_view_teiki_incart {
  width: 20px;
  height: 16px;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  padding: 4px 0 0;
  position: absolute;
  top: -12px;
  left: 70px;
  background-color: #fff;
}

.quantity_view_incart {
  border: 2px solid #db4f43;
  border-radius: 60px;
  color: #db4f43;
}

.footer-fixed-area .quantity_view_incart,
.footer-fixed-area .quantity_view_teiki_incart {
  top: -10px;
}

.kitDetail_purchase .quantity_view,
.kitDetail_purchase .quantity_view_incart,
.kitDetail_purchase .quantity_view_teiki,
.kitDetail_purchase .quantity_view_teiki_incart {
  left: 155px;
}

[data-content-view-status="hide"] {
  display: none !important;
}

[data-content-view-status="show"] {
  display: block;
}

@keyframes animationModalContentSlideUp {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes animationModalContentSlideDown {
  0% {
    opacity: 1;
    transform: translate(0);
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}
.async__loading {
  display: flex;
  height: 250px;
  position: relative;
  align-items: center;
  justify-content: center;
}

.async__loading__inner {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  left: 50%;
  margin-left: -5px;
}

.async__loading__img {
  filter: grayscale(100%);
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in;
  animation-name: teikiLoading;
}

@keyframes teikiLoading {
  0% {
    filter: grayscale(100%);
  }
  50% {
    filter: grayscale(0);
  }
  100% {
    filter: grayscale(100%);
  }
}
.async__loading__loader {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  color: #999;
  font-size: 10px;
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation: load7 1.8s ease-in-out -0.16s infinite both;
}

.async__loading__loader::after,
.async__loading__loader::before {
  content: "";
  position: absolute;
  top: 0;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  animation: load7 1.8s ease-in-out infinite both;
}

.async__loading__loader::before {
  left: -3em;
  animation-delay: -0.32s;
}

.async__loading__loader::after {
  left: 3em;
}

@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.caution-modal-trigger {
  background: #eee;
}

.caution-modal-trigger__link {
  display: block;
  line-height: 1.3;
  color: #888;
  padding: 8px 10px;
}

.caution-modal-trigger__link::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 4px;
  background-image: url(/smart/shopping/image/cartshousaiview-q-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  vertical-align: bottom;
}

body[data-overflow="auto"] {
  overflow: auto;
}

body[data-overflow="hidden"] {
  overflow: hidden;
}

#js-beginner-guide-mycorner-wrapper > .js-beginner-guide-kitlink-mycorner,
#js-beginner-guide-mycorner-wrapper
  > .js-beginner-guide-vegegohanlink-mycorner {
  position: fixed;
  left: 0;
  z-index: 1010;
  padding: 5px 10px 10px;
  background-color: #fff;
}

#js-modal > .js-beginner-guide-kitlink-header {
  position: fixed;
  top: 57px;
  z-index: 1010;
}

#js-beginner-guide-mycorner-wrapper > .js-beginner-guide-milklink-mycorner {
  position: fixed;
  left: 0;
  z-index: 1010;
  padding: 5px 10px 10px;
  background-color: #fff;
}

#js-modal > .js-beginner-guide-milklink-header {
  position: fixed;
  top: 57px;
  z-index: 1010;
}

#js-beginner-notification._hide {
  width: 300px;
  height: 112px;
  bottom: -120px;
  right: 50%;
  text-align: center;
  margin-right: -150px;
}

#js-beginner-notification._hide #js-beginner-notification-badge {
  display: none;
}

.beginnerGuide__balloon {
  position: fixed;
  right: -100%;
  bottom: 82px;
  opacity: 0;
  z-index: 97;
  transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1),
    right 1.7s cubic-bezier(0.4, 0, 0.2, 1);
}

.beginnerGuide__balloon._show {
  opacity: 1;
  right: 75px;
  transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1) 1s,
    right 1.7s cubic-bezier(0.4, 0, 0.2, 1);
}

.beginnerGuide__balloon__inner {
  display: flex;
  position: relative;
  min-width: 220px;
  min-height: 50px;
  padding: 10px 7px 8px;
  background: #fff;
  border-radius: 5px;
  box-sizing: border-box;
  text-align: center;
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3);
  align-items: center;
  justify-content: center;
}

.beginnerGuide__balloon__inner::after {
  content: "";
  display: block;
  position: absolute;
  background: #fff;
  top: 21px;
  right: -4px;
  width: 10px;
  box-shadow: 1px -2px 4px rgba(0, 0, 0, 0.2);
  height: 10px;
  transform: rotate(45deg);
}

.beginnerGuide__balloon__title {
  color: #76952f;
  line-height: 1.5;
  font-weight: 700;
}

.beginnerGuide__balloon__title._step4 {
  color: #c99f63;
}

.beginnerGuide__balloon__text {
  font-size: 1.083rem;
  line-height: 1.4;
}

.beginnerGuide__balloon__close {
  margin-top: 8px;
  color: #999;
  z-index: 1;
}

.beginnerGuide__balloon__close i {
  position: relative;
  display: block;
  width: 34px;
  height: 34px;
  font-size: 0;
  background: #aaa;
  border-radius: 50%;
}

.beginnerGuide__balloon__close i::before {
  transform: rotate(45deg);
}

.beginnerGuide__balloon__close i::after,
.beginnerGuide__balloon__close i::before {
  content: "";
  display: block;
  width: 24px;
  height: 4px;
  position: absolute;
  top: 15px;
  left: 5px;
  background: #fff;
}

.beginnerGuide__balloon__close i::after {
  transform: rotate(-45deg);
}

#js-fixedModal-beginnerGuide {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1001;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
}

#js-fixedModal-beginnerGuide[data-modal-status="show"] {
  display: block !important;
}

#js-fixedModal-beginnerGuide[data-modal-status="hide"] {
  display: none !important;
}

#js-fixedModal-beginnerGuide .fixedModal__content {
  width: 100%;
  height: 100%;
  position: relative;
  transition: none;
  background: #fff;
  overflow: auto;
}

#js-fixedModal-beginnerGuide .fixedModal__content[data-modal-status="show"] {
  animation: animationModalContentSlideUp 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s
    forwards;
}

#js-fixedModal-beginnerGuide .fixedModal__content[data-modal-type="caution"] {
  background: transparent !important;
}

#js-fixedModal-beginnerGuide .fixedModal__content[data-modal-status="hide"] {
  animation: animationModalContentSlideDown 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s
    forwards;
}

#js-fixedModal-beginnerGuide
  .fixedModal__content[data-modal-status="static-hide"] {
  display: none;
  opacity: 0;
  transform: translateY(100%);
}

#js-fixedModal-beginnerGuide .fixedModal__content__close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  cursor: pointer;
}

#js-fixedModal-beginnerGuide .fixedModal__content__close i {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  font-size: 0;
}

#js-fixedModal-beginnerGuide .fixedModal__content__close i::before {
  content: "";
  display: block;
  width: 24px;
  height: 4px;
  position: absolute;
  top: 10px;
  left: 0;
  background: #ccc;
  transform: rotate(45deg);
}

#js-fixedModal-beginnerGuide .fixedModal__content__close i::after {
  content: "";
  display: block;
  width: 24px;
  height: 4px;
  position: absolute;
  top: 10px;
  left: 0;
  background: #ccc;
  transform: rotate(-45deg);
}

#js-fixedModal-beginnerGuide .fixedModal__content__caution {
  height: 100%;
  display: flex;
  align-items: center;
  width: 300px;
  margin: 0 auto;
}

#js-fixedModal-beginnerGuide .fixedModal__content__caution__inner {
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 4px;
}

#js-fixedModal-beginnerGuide .fixedModal__content__caution__text,
#js-fixedModal-beginnerGuide .fixedModal__content__caution__text * {
  line-height: 1.6;
  font-size: 1.083rem;
}

#js-fixedModal-beginnerGuide .fixedModal__content__caution__btn {
  display: block;
  width: 100%;
  position: relative;
  appearance: none;
  margin: 15px auto 0;
  padding: 10px 0;
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
  color: #76952f !important;
  background: #fff;
  font-size: 1.25rem;
  line-height: 24px;
  border: 2px solid #76952f;
  text-shadow: 0 0 0 #76952f;
  cursor: pointer;
}

#js-fixedModal-beginnerGuide .fixedModal__content__caution__btn i {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #76952f;
  border-right: 2px solid #76952f;
  transform: rotate(45deg);
}

#js-fixedModal-beginnerGuide .fixedModal__content__caution__btn--submit {
  display: block;
  width: 100%;
  position: relative;
  appearance: none;
  margin: 15px auto 0;
  padding: 10px 0;
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
  color: #fff !important;
  background: #76952f;
  font-size: 1.25rem;
  line-height: 24px;
  border: 2px solid #76952f;
  text-shadow: 0 0 0 #fff;
  cursor: pointer;
}

#js-fixedModal-beginnerGuide .fixedModal__content__caution__btn--submit i {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

.beginnerGuide__content__wrapper--start {
  position: fixed;
  width: 100%;
  height: 68px;
  z-index: 1050;
  margin: auto;
  top: 0;
  bottom: 0;
  text-align: center;
}

.beginnerGuide__content__instruction {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.beginnerGuide__content__instruction_teikifinger {
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 50%;
  margin-left: -41px;
  animation: moveTeikiFinger 1s ease infinite;
}

@keyframes moveTeikiFinger {
  0% {
    bottom: 15px;
  }
  100% {
    bottom: 40px;
  }
}
.beginnerGuide__content__btn {
  display: block;
  margin-top: 25px;
  margin-right: auto;
  margin-left: auto;
  width: 200px;
  font-size: 1.25rem;
  line-height: 45px;
  text-align: center;
  font-weight: 700;
  color: #fff;
  background-color: #76952f;
  border-radius: 5px;
}

.beginnerGuide__content__btn i {
  display: inline-block;
  margin: 0 2px;
  background: #fff;
  color: #76952f;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border-radius: 50%;
  font-weight: 700;
  vertical-align: middle;
}

.beginnerGuide__notification {
  position: fixed;
  right: 12px;
  bottom: 83px;
  display: none;
  width: 50px;
  height: 50px;
  z-index: 98;
  cursor: pointer;
}

.beginnerGuide__notification._move_finger::after,
.beginnerGuide__notification[onclick="closeBeginerKitGuide('start')"]::after {
  position: absolute;
  right: 12px;
  bottom: -25px;
  z-index: 1010;
  content: "";
  display: block;
  width: 27px;
  height: 32px;
  background-image: url(/smart/base/images/beginnerguide/beginnerguide_btn_finger.png);
  background-repeat: no-repeat;
  background-size: 27px 32px;
  animation: moveFinger 1s ease infinite;
  transform: rotate(-32deg);
}

@keyframes moveFinger {
  0% {
    bottom: -15px;
  }
  50% {
    bottom: -27px;
  }
  100% {
    bottom: -15px;
  }
}
.beginnerGuide__notification i {
  display: block;
  width: 50px;
  height: 50px;
  background-image: url(/smart/base/images/beginnerguide/beginnerguide_btn_wakaba_green_icon.png);
  background-size: 34px 34px;
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
  animation: beginnerGuideBtnBlink 5s ease infinite;
}

@keyframes beginnerGuideBtnBlink {
  0% {
    filter: grayscale(0);
    opacity: 1;
  }
  80% {
    filter: grayscale(0);
    opacity: 1;
  }
  90% {
    filter: grayscale(100%);
    opacity: 1;
  }
  100% {
    filter: grayscale(0);
    opacity: 1;
  }
}
.beginnerGuide__notification[data-view-status="hide"] {
  display: none;
}

.beginnerGuide__notification[data-view-status="high"],
.beginnerGuide__notification[data-view-status="low"],
.beginnerGuide__notification[data-view-status="show"] {
  display: block;
}

.beginnerGuide__notification[data-view-status="high"] {
  z-index: 1002;
}

.beginnerGuide__notification__badge {
  display: block;
  opacity: 0;
  position: absolute;
  background: red;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  color: #fff;
  top: -2px;
  right: -2px;
  border-radius: 50%;
}

.beginnerGuide__notification__badge[data-view-status="show"] {
  animation: beginnerGuideBtnBadgeBlink 0.4s ease 1 forwards;
}

@keyframes beginnerGuideBtnBadgeBlink {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.beginnerGuide__notification._change i {
  animation: beginnerGuideBtChange 1s ease 1 forwards;
}

@keyframes beginnerGuideBtChange {
  0% {
    background-color: #fff;
    transform: scale(1);
  }
  50% {
    background-color: #fff;
    transform: scale(0);
  }
  100% {
    background-color: #c99d66;
    transform: scale(1);
    background-image: url(/smart/base/images/icon_header_coupon.png);
  }
}
.beginnerGuide__step4 {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.beginnerGuide__step4__inner {
  opacity: 0;
  margin-bottom: 35px;
  transition: all 0.5s ease;
}

.beginnerGuide__step4__inner._show {
  opacity: 1;
}

.beginnerGuide__step4__lead {
  margin: 10px 0;
  line-height: 1.4;
  font-size: 1.333rem;
  color: #fff;
  font-weight: 700;
}

.beginnerGuide__step4__annotation {
  margin: 15px 0 0;
  line-height: 1.5;
  font-size: 1.166rem;
  color: #fff;
  text-shadow: #000 0 0 3px;
}

.beginnerGuide__btn-gotostep2 {
  position: fixed;
  bottom: -50px;
  left: 50%;
  margin-left: -110px;
  z-index: 1;
  transition: all 1s ease;
}

.beginnerGuide__btn-gotostep2._show {
  bottom: 60px;
}

.beginnerGuide__menu {
  box-sizing: border-box;
  padding: 0;
  background: #f4f4f4;
  margin: auto;
  top: 0;
  left: 0;
}

.beginnerGuide__menu__header {
  position: relative;
  height: 120px;
  padding: 30px 0 10px;
  box-sizing: border-box;
  background: #fff;
  text-align: center;
}

.beginnerGuide__menu__header .beginnerGuide__menu__checkbox {
  transform: scale(0.7);
}

.beginnerGuide__menu__header .beginnerGuide__menu__title {
  margin-top: -10px;
}

.beginnerGuide__menu__title {
  position: relative;
  margin-bottom: 10px;
  color: #76952f;
  font-size: 1.25rem;
  line-height: 1.5;
  text-align: center;
  font-weight: 700;
}

.beginnerGuide__menu__title i {
  display: inline-block;
  margin: 0 2px;
  background: #76952f;
  color: #fff;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border-radius: 50%;
  font-weight: 700;
  vertical-align: top;
}

.beginnerGuide__menu__lead {
  display: flex;
  position: relative;
  width: 100%;
  height: 46px;
  color: #76952f;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  align-items: center;
  justify-content: center;
}

.beginnerGuide__menu__checkbox {
  display: inline-block;
  position: relative;
  width: 19px;
  height: 19px;
  border: 3px solid #76952f;
  vertical-align: top;
  margin: 0 3px;
  background: #fff;
}

.beginnerGuide__menu__checkbox::before {
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 3px;
  left: 2px;
  background: transparent;
  transform: rotate(-45deg);
  border-left: 4px solid #76952f;
  border-bottom: 4px solid #76952f;
}

.beginnerGuide__menu__checkbox[data-checked="checked"]::before {
  animation: beginnerGuideChecked 0.4s ease 0.6s forwards;
}

@keyframes beginnerGuideChecked {
  0% {
    opacity: 1;
    width: 0;
    height: 0;
  }
  50% {
    opacity: 1;
    height: 5px;
  }
  100% {
    opacity: 1;
    width: 15px;
    height: 5px;
  }
}
.beginnerGuide__menu__list {
  position: relative;
  padding: 10px;
  margin-top: -20px;
}

.beginnerGuide__menu__item {
  position: relative;
  margin-bottom: 15px;
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  overflow: hidden;
}

.beginnerGuide__menu__item__lower {
  display: flex;
  position: relative;
  align-items: center;
  padding: 8px 12px 8px 6px;
}

.beginnerGuide__menu__item__lower::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border-top: 2px solid #888;
  border-right: 2px solid #888;
  transform: rotate(45deg);
}

.beginnerGuide__menu__item__check {
  display: block;
  margin-right: 5px;
  z-index: 1;
}

.beginnerGuide__menu__item__bnr {
  display: block;
  width: 74px;
  margin-right: 5px;
}

.beginnerGuide__menu__item__bnr img {
  border-radius: 3px;
}

.beginnerGuide__menu__item__cover {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.166rem;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.1rem;
}

.beginnerGuide__menu__item__desc {
  display: block;
  flex: 1;
  font-size: 1rem;
  line-height: 1.4;
}

.beginnerGuide__menu__item__cap {
  text-align: center;
  padding: 5px 0;
  font-size: 1.063rem;
  line-height: 1.4;
}

.beginnerGuide__menu__item__lead {
  flex: 1;
  line-height: 1.3;
  font-size: 1.063rem;
  font-weight: 700;
}

.header--ui__logo._cloned {
  position: fixed;
  left: 50%;
  padding: 13px;
  background: #fff;
  top: 0;
  z-index: 2000;
  border-radius: 5px;
}

.header--ui__logo._cloned::after {
  position: absolute;
  right: 12px;
  bottom: -25px;
  z-index: 1010;
  content: "";
  display: block;
  width: 27px;
  height: 32px;
  background-image: url(/smart/base/images/beginnerguide/beginnerguide_btn_finger.png);
  background-repeat: no-repeat;
  background-size: 27px 32px;
  animation: moveFinger 1s ease infinite;
  transform: rotate(-32deg);
}

.header--ui__search-items__btn._move_finger {
  position: fixed;
  background-color: #fff;
  top: 8px;
  right: 8px;
  z-index: 2000;
  border-radius: 5px;
  padding: 7px;
  background-position: 50%;
  overflow: initial;
}

.header--ui__search-items__btn._move_finger::after {
  position: absolute;
  right: 12px;
  bottom: -25px;
  z-index: 1010;
  content: "";
  display: block;
  width: 27px;
  height: 32px;
  background-image: url(/smart/base/images/beginnerguide/beginnerguide_btn_finger.png);
  background-repeat: no-repeat;
  background-size: 27px 32px;
  animation: moveFinger 1s ease infinite;
  transform: rotate(-32deg);
}

.js-beginner-guide--static {
  display: none;
}

.js-beginner-guide__submit {
  position: fixed;
  width: 250px;
  left: 50%;
  margin-left: -125px;
  bottom: -100px;
  transition: all 1s ease;
}

.js-beginner-guide__submit._animated {
  bottom: 20px;
}

.beginner-coupon-modal__btn {
  display: block;
  width: 240px;
  position: relative;
  margin: 15px auto;
  padding: 12px 0 12px 25px;
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  background: #76952f;
  font-size: 1.25rem;
  line-height: 24px;
  cursor: pointer;
  font-weight: 700;
}

.beginner-coupon-modal__btn::before {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

.beginner-coupon-modal__cap {
  margin: 20px 0;
  color: #76952f;
  line-height: 1.6;
  text-align: center;
}

.diagnosis-beginner {
  background: #fff;
  padding-top: 15px;
}

.diagnosis-beginner__head {
  position: relative;
  border-bottom: 1px solid #ebebeb;
}

.diagnosis-beginner__head-inner {
  position: relative;
  max-width: 340px;
  margin: 0 auto;
  padding: 0 0 5px;
}

.diagnosis-beginner__head-staff {
  position: absolute;
  bottom: 0;
  right: 5px;
}

#js-diagnosis-fukidashi {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 58px;
  font-size: 1.666rem;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
  color: #76952f;
  box-sizing: border-box;
}

.diagnosis-beginner__comment {
  display: flex;
  align-items: center;
  min-height: 90px;
  margin: 0 80px 0 15px;
  line-height: 1.6;
  font-size: 1.083rem;
}

.diagnosis-beginner__content {
  padding: 15px 15px 80px;
}

.diagnosis-beginner__content[data-step="3"] {
  background: #ebebeb;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.diagnosis-beginner__expectation-list {
  margin: 0 -5px;
}

.diagnosis-beginner__expectation-list li {
  margin-bottom: 15px;
  cursor: pointer;
}

.diagnosis-beginner__expectation-list li:last-of-type {
  margin-bottom: 0;
}

.diagnosis-beginner__expectation-list li input {
  display: none;
}

.diagnosis-beginner__expectation-list li input[type="radio"] + label {
  display: block;
  margin: 5px;
  height: 45px;
  line-height: 45px;
  box-sizing: border-box;
  text-align: center;
  color: #76952f;
  border-radius: 4px;
  border: 1px solid #76952f;
  background: #fff;
  font-size: 1.166rem;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  font-weight: 700;
}

.diagnosis-beginner__expectation-list li input[type="radio"]:checked + label {
  line-height: 41px;
  border: 3px solid #76952f;
  background: #ebebeb;
}

.diagnosis-beginner__theme-list {
  margin: 0 -5px;
}

.diagnosis-beginner__theme-list li {
  float: left;
  cursor: pointer;
}

.diagnosis-beginner__theme-list li:first-of-type,
.diagnosis-beginner__theme-list li:nth-of-type(2) {
  width: 50%;
}

.diagnosis-beginner__theme-list li:nth-of-type(3),
.diagnosis-beginner__theme-list li:nth-of-type(5) {
  width: 33%;
}

.diagnosis-beginner__theme-list li:nth-of-type(4) {
  width: 34%;
}

.diagnosis-beginner__theme-list li span {
  display: block;
  color: #76952f;
  line-height: 15px;
}

.diagnosis-beginner__theme-list li input {
  display: none;
}

.diagnosis-beginner__theme-list li input[type="checkbox"] + label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 5px;
  height: 75px;
  box-sizing: border-box;
  text-align: center;
  color: #76952f;
  border-radius: 4px;
  border: 1px solid #76952f;
  background: #fff;
  font-size: 1.166rem;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  font-weight: 700;
}

.diagnosis-beginner__theme-list li input[type="checkbox"]:checked + label {
  line-height: 41px;
  border: 3px solid #76952f;
  background: #ebebeb;
}

.diagnosis-beginner__card-step {
  display: block;
  margin-bottom: 15px;
  color: #76952f;
  font-size: 1.5rem;
  font-weight: 700;
}

.diagnosis-beginner__card-lead {
  margin-bottom: 15px;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
}

.diagnosis-beginner__btn {
  height: 45px;
  line-height: 43px;
  border: 0;
  border-radius: 4px;
  box-sizing: border-box;
  z-index: 5;
  background: #76952f;
  color: #fff;
  font-weight: 700;
}

.diagnosis-beginner__btn,
.diagnosis-beginner__btn--text {
  display: block;
  width: 80%;
  margin: 20px auto 0;
  text-align: center;
  font-size: 1.166rem;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}

.diagnosis-beginner__btn--text {
  height: 25px;
  line-height: 25px;
  color: #76952f;
  text-decoration: underline;
}

.js-diagnosis-step.is-hide {
  height: 0 !important;
  overflow: hidden;
}

.diagnosis-card,
.item--card {
  position: relative;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  z-index: 2;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  background: #fff;
  overflow: hidden;
  height: 0;
  padding: 0 15px;
  transform: scale(0.8);
  opacity: 0;
}

.item--card {
  margin-bottom: 15px;
  padding: 0 15px 5px;
  box-shadow: 0;
}

.diagnosis-card .item--multiple__product_name,
.item--card .item--multiple__product_name {
  font-weight: 400;
}

.js-diagnosis-step.is-hide .diagnosis-card,
.js-diagnosis-step.is-hide .item--card {
  height: 0;
  padding: 0 15px;
  transform: scale(0.8);
  opacity: 0;
}

.js-diagnosis-step.is-active .diagnosis-card,
.js-diagnosis-step.is-active .item--card {
  height: auto;
  padding: 15px;
  transform: scale(1);
  opacity: 1;
}

.js-diagnosis-step.is-answered .diagnosis-card,
.js-diagnosis-step.is-answered .item--card {
  height: 0;
  padding: 0 15px;
  opacity: 0;
  transform: scale(0.8);
  overflow: hidden;
}

.item--card__figue {
  display: block;
  margin: -15px -15px 0;
}

.item--card__lead {
  margin: 15px -15px;
  text-align: center;
  font-size: 1.333rem;
  line-height: 1.4;
  font-weight: 700;
}

.js-diagnosis-product {
  display: none;
}

.js-diagnosis-product.is-show {
  display: block;
}

.js-diagnosis-back {
  display: block;
  width: 100%;
  height: 0;
  margin: 0 auto;
  opacity: 0;
  background: #ebebeb;
  color: #76952f;
  text-align: center;
  border-radius: 4px 4px 0 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 3;
  cursor: pointer;
}

.js-diagnosis-step.is-answered .js-diagnosis-back {
  display: block;
  width: 90%;
  height: 30px;
  line-height: 30px;
  margin-top: 0;
  opacity: 1;
}

.js-diagnosis-next:disabled {
  opacity: 0.4;
  z-index: 1;
}

.js-diagnosis-step.is-answered .js-diagnosis-next,
.js-diagnosis-step.is-answered .js-diagnosis-skip,
.js-diagnosis-step.is-hide .js-diagnosis-next,
.js-diagnosis-step.is-hide .js-diagnosis-skip {
  display: none;
}

.js-loading-updata-diagnosis .async__loading__text {
  margin-bottom: 70px;
  font-size: 1.333rem;
  font-weight: 700;
  color: #666;
}

#js-fixedModal-cart {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 2001;
  box-sizing: border-box;
}

#js-fixedModal-cart[data-modal-status="show"] {
  display: block !important;
}

#js-fixedModal-cart[data-modal-status="hide"] {
  display: none !important;
}

#js-fixedModal-cart .fixedModal__content {
  width: 100%;
  height: 100%;
  position: relative;
  transition: none;
  background: #fff;
  overflow: auto;
}

#js-fixedModal-cart .fixedModal__content[data-modal-status="show"] {
  animation: animationModalContentSlideUp 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s
    forwards;
}

#js-fixedModal-cart .fixedModal__content[data-modal-type="caution"] {
  background: transparent !important;
}

#js-fixedModal-cart .fixedModal__content[data-modal-status="hide"] {
  animation: animationModalContentSlideDown 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s
    forwards;
}

#js-fixedModal-cart .fixedModal__content[data-modal-status="static-hide"] {
  display: none;
  opacity: 0;
  transform: translateY(100%);
}

#js-fixedModal-cart .fixedModal__content__close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  cursor: pointer;
}

#js-fixedModal-cart .fixedModal__content__close i {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
}

#js-fixedModal-cart .fixedModal__content__close i::before {
  content: "";
  display: block;
  width: 24px;
  height: 4px;
  position: absolute;
  top: 10px;
  left: 0;
  background: #ccc;
  transform: rotate(45deg);
}

#js-fixedModal-cart .fixedModal__content__close i::after {
  content: "";
  display: block;
  width: 24px;
  height: 4px;
  position: absolute;
  top: 10px;
  left: 0;
  background: #ccc;
  transform: rotate(-45deg);
}

#js-fixedModal-cart .fixedModal__content__caution {
  height: 100%;
  display: flex;
  align-items: center;
  width: 300px;
  margin: 0 auto;
}

#js-fixedModal-cart .fixedModal__content__caution__inner {
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 4px;
}

#js-fixedModal-cart .fixedModal__content__caution__text,
#js-fixedModal-cart .fixedModal__content__caution__text * {
  line-height: 1.6;
  font-size: 1.083rem;
}

#js-fixedModal-cart .fixedModal__content__caution__btn {
  display: block;
  width: 100%;
  position: relative;
  appearance: none;
  margin: 15px auto 0;
  padding: 10px 0;
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
  color: #76952f !important;
  background: #fff;
  font-size: 1.25rem;
  line-height: 24px;
  border: 2px solid #76952f;
  text-shadow: 0 0 0 #76952f;
  cursor: pointer;
}

#js-fixedModal-cart .fixedModal__content__caution__btn i {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #76952f;
  border-right: 2px solid #76952f;
  transform: rotate(45deg);
}

#js-fixedModal-cart .fixedModal__content__caution__btn--submit {
  display: block;
  width: 100%;
  position: relative;
  appearance: none;
  margin: 15px auto 0;
  padding: 10px 0;
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
  color: #fff !important;
  background: #76952f;
  font-size: 1.25rem;
  line-height: 24px;
  border: 2px solid #76952f;
  text-shadow: 0 0 0 #fff;
  cursor: pointer;
}

#js-fixedModal-cart .fixedModal__content__caution__btn--submit i {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

#js-fixedModal-cart .async__loading {
  position: fixed;
  width: 60%;
  height: 120px;
  top: 50%;
  left: 20%;
  margin-top: -60px;
  background: hsla(0deg, 0%, 100%, 0.8);
  z-index: 1;
  border-radius: 5px;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
}

#js-fixedModal-cart .async__loading__text {
  margin-top: 65px;
  font-size: 1.333rem;
  font-weight: 700;
  color: #76952f;
}

.cart-auto-save-tutorial {
  padding: 0 0 30px;
  background: #fff;
}

.cart-auto-save-tutorial__trigger {
  display: block;
  position: relative;
  margin: 40px 0;
  padding: 10px 30px 10px 45px;
  border-radius: 5px;
  box-sizing: border-box;
  background: #faeae5;
  font-size: 1.0833rem;
  line-height: 1.6;
  color: #da4742;
}

.cart-auto-save-tutorial__trigger span {
  font-size: 1.0833rem;
  font-weight: 700;
  line-height: 1.6;
  color: #da4742;
}

.cart-auto-save-tutorial__trigger i {
  display: inline-block;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  left: 10px;
  background-image: url(/smart/base/images/cartmodal_info-attention.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  vertical-align: bottom;
}

.cart-auto-save-tutorial__trigger::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
  transform: rotate(45deg);
}

.cart-auto-save-tutorial__title {
  margin-bottom: 20px;
  font-size: 1.5rem;
  line-height: 1.6;
  color: #789338;
  text-align: center;
}

.cart-auto-save-tutorial__lead {
  margin: 20px 20px 10px;
  padding: 10px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  line-height: 1.6;
  text-align: center;
}

.cart-auto-save-tutorial__faq {
  position: relative;
  margin: 15px 20px 25px;
  text-align: right;
}

.cart-auto-save-tutorial__faq a {
  display: inline-block;
  position: relative;
  padding-right: 18px;
  color: #666;
  font-size: 1.0833rem;
}

.cart-auto-save-tutorial__faq a::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -7px;
  background-image: url(/smart/shopping/image/cartshousaiview-q-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  vertical-align: bottom;
}

.cart-auto-save-tutorial__faq__tooltip {
  position: absolute;
  top: 25px;
  right: 0;
}

.cart-auto-save-tutorial__faq__tooltip span {
  display: block;
  width: 222px;
  position: relative;
  padding: 15px 18px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  font-size: 1.0833rem;
  text-align: left;
  line-height: 1.6;
  background: hsla(0deg, 0%, 94.1%, 0.9);
}

.cart-auto-save-tutorial__faq__tooltip span::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -10px;
  transform: rotate(45deg);
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background: #f0f0f0;
}

.cart-auto-save-tutorial__list {
  text-align: center;
  background: #789338;
}

.cart-auto-save-tutorial__inquiry {
  margin: 40px 0;
}

.cart-auto-save-tutorial__inquiry__lead {
  font-size: 1.0833rem;
  line-height: 1.6;
  text-align: center;
}

.cart-auto-save-tutorial__inquiry__btn {
  display: block;
  width: 240px;
  position: relative;
  appearance: none;
  margin: 15px auto;
  padding: 12px 0;
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
  color: #76952f;
  background: #fff;
  font-size: 1.25rem;
  line-height: 24px;
  border: 2px solid #76952f;
  font-family: YuGothic, Yu Gothic, 游ゴシック体, 游ゴシック,
    ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ Pro W3,
    Hiragino Kaku Gothic Pro, メイリオ, Meiryo, MS ゴシック, MS Gothic,
    sans-serif;
  text-shadow: 0 0 0 #76952f;
  cursor: pointer;
  font-weight: 700;
}

.cart-auto-save-tutorial__inquiry__btn::before {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #76952f;
  border-right: 2px solid #76952f;
  transform: rotate(45deg);
}

.cart-auto-save-tutorial__inquiry__btn--submit {
  display: block;
  width: 240px;
  position: relative;
  appearance: none;
  margin: 15px auto;
  padding: 12px 0;
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  background: #76952f;
  font-size: 1.25rem;
  line-height: 24px;
  border: 2px solid #76952f;
  font-family: YuGothic, Yu Gothic, 游ゴシック体, 游ゴシック,
    ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ Pro W3,
    Hiragino Kaku Gothic Pro, メイリオ, Meiryo, MS ゴシック, MS Gothic,
    sans-serif;
  text-shadow: 0 0 0 #fff;
  cursor: pointer;
  font-weight: 700;
}

.cart-auto-save-tutorial__inquiry__btn--submit::before {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

.cart-auto-save-tutorial__close {
  display: block;
  width: 240px;
  position: relative;
  appearance: none;
  margin: 15px auto;
  padding: 12px 0;
  box-sizing: border-box;
  border-radius: 5px;
  border: none;
  text-align: center;
  color: #fff;
  background: #76952f;
  font-size: 1.25rem;
  line-height: 24px;
  font-family: YuGothic, Yu Gothic, 游ゴシック体, 游ゴシック,
    ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ Pro W3,
    Hiragino Kaku Gothic Pro, メイリオ, Meiryo, MS ゴシック, MS Gothic,
    sans-serif;
  text-shadow: 0 0 0 #fff;
  cursor: pointer;
  font-weight: 700;
}

.cart-auto-save-tutorial__close i::before {
  transform: rotate(45deg);
}

.cart-auto-save-tutorial__close i::after,
.cart-auto-save-tutorial__close i::before {
  content: "";
  display: block;
  width: 22px;
  height: 3px;
  position: absolute;
  top: 23px;
  left: 60px;
  background: #fff;
}

.cart-auto-save-tutorial__close i::after {
  transform: rotate(-45deg);
}

.cart-auto-save-tutorial__links {
  padding: 25px 0;
  margin: 0 20px;
  background: #76952f;
  border-top: 1px solid #fff;
  text-align: right;
}

.cart-auto-save-tutorial__links a {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  padding-right: 20px;
  color: #fff;
  font-size: 1.166rem;
}

.cart-auto-save-tutorial__links a:nth-of-type(n + 2) {
  margin-left: 20px;
}

.cart-auto-save-tutorial__links a::after {
  content: "";
  position: absolute;
  right: 7px;
  top: 50%;
  margin-top: -5px;
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #eee255;
  border-right: 2px solid #eee255;
  transform: rotate(45deg);
}

.cart-auto-save-tutorial__annotation {
  margin: 10px 20px;
  color: #888;
  line-height: 1.6;
}

.cart-popup-announce {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid #eee;
  text-align: center;
  z-index: 100;
}

.cart-popup-announce p {
  line-height: 1.5;
}

.cart-popup-announce a,
.cart-popup-announce p {
  padding: 14px 10px;
  font-size: 1.0833rem;
  font-weight: 700;
}

.cart-popup-announce a {
  display: block;
  position: relative;
  color: #779035;
  cursor: pointer;
}

.cart-popup-announce a::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -7px;
  background-image: url(/smart/shopping/image/cartshousaiview-q-icon-green.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  vertical-align: bottom;
}

.cart-popup-announce[data-popup-status="defalut"] {
  display: none;
}

.cart-popup-announce[data-popup-status="cartin"] {
  animation-name: animationCartPopupAjaxResult;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.cart-popup-announce[data-popup-status="cartin"] p {
  background: rgba(119, 144, 53, 0.8);
  color: #fff;
}

.cart-popup-announce[data-popup-status="cartsave"] {
  animation-name: animationCartPopupCartSave;
  animation-duration: 4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.cart-popup-announce[data-popup-status="cartsave"] p {
  padding: 0;
  background: hsla(0deg, 0%, 100%, 0.8);
  color: #779035;
}

.cart-popup-announce[data-popup-status="carterror"] {
  background: rgba(250, 235, 229, 0.8);
  animation-name: animationCartPopupAjaxResult;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.cart-popup-announce[data-popup-status="carterror"] p {
  background: rgba(250, 235, 229, 0.8);
  color: #ca3d04;
}

@keyframes animationCartPopupAjaxResult {
  0% {
    display: block;
    opacity: 0;
    transform: translateY(100%);
  }
  20% {
    display: block;
    opacity: 1;
    transform: translateY(0);
  }
  80% {
    display: block;
    opacity: 1;
    transform: translateY(0);
  }
  99% {
    display: block;
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    display: none;
    opacity: 0;
    transform: translateY(100%);
  }
}
@keyframes animationCartPopupCartSave {
  0% {
    display: block;
    opacity: 0;
    transform: translateY(100%);
  }
  10% {
    display: block;
    opacity: 1;
    transform: translateY(0);
  }
  90% {
    display: block;
    opacity: 1;
    transform: translateY(0);
  }
  99% {
    display: block;
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    display: none;
    opacity: 0;
    transform: translateY(100%);
  }
}
#js-modal-cartautosave-announce {
  margin-top: 40px;
  text-align: center;
}

.cartautosave-announce {
  text-align: center;
}

.cartautosave-announce__inquiry {
  padding: 20px;
  background: #eee;
  text-align: left;
}

.cartautosave-announce__inquiry__btn {
  display: block;
  width: 240px;
  position: relative;
  appearance: none;
  margin: 15px auto;
  padding: 12px 0;
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
  color: #76952f;
  background: #fff;
  font-size: 1.25rem;
  line-height: 24px;
  border: 2px solid #76952f;
  font-family: YuGothic, Yu Gothic, 游ゴシック体, 游ゴシック,
    ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ Pro W3,
    Hiragino Kaku Gothic Pro, メイリオ, Meiryo, MS ゴシック, MS Gothic,
    sans-serif;
  text-shadow: 0 0 0 #76952f;
  cursor: pointer;
  font-weight: 700;
}

.cartautosave-announce__inquiry__btn::before {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #76952f;
  border-right: 2px solid #76952f;
  transform: rotate(45deg);
}

.cartautosave-announce__inquiry p {
  color: #231815;
  line-height: 1.6;
}

.cartautosave-announce__inquiry dl {
  margin-top: 20px;
}

.cartautosave-announce__inquiry dt {
  margin-bottom: 5px;
  font-weight: 700;
}

.cartautosave-announce__inquiry dd,
.cartautosave-announce__inquiry dt {
  color: #231815;
  line-height: 1.6;
  font-size: 1.166rem;
}

.cartautosave-announce__inquiry dd span {
  color: #231815;
  line-height: 1.6;
}

.teiki-countdown {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  transition: all 0.5s ease;
  z-index: 1001;
  background: #eee;
}

.teiki-countdown[data-countdown-display="show"] {
  display: block;
}

.teiki-countdown[data-countdown-display="hide"] {
  display: none;
}

.teiki-countdown__inner {
  position: relative;
  height: 38px;
}

.teiki-countdown__desc {
  position: absolute;
  padding: 5px 10px 5px 20px;
  background: hsla(0deg, 0%, 100%, 0.8);
  height: 16px;
  right: 0;
  top: 6px;
  border-radius: 14px 0 0 14px;
  font-weight: 700;
}

.teiki-countdown__limit {
  font-weight: 700;
}

.teiki-countdown__limit[data-countdown-type="green"] {
  font-size: bold;
  color: #76952f;
}

.teiki-countdown__limit[data-countdown-type="green"] span {
  font-size: 1.333rem;
  color: #76952f;
}

.teiki-countdown__limit[data-countdown-type="red"] {
  font-size: bold;
  color: #ca3d04;
}

.teiki-countdown__limit[data-countdown-type="red"] span {
  font-size: 1.333rem;
  color: #ca3d04;
}

.teiki-countdown__bar {
  display: block;
  width: 0;
  height: 100%;
  transition: all 1s ease;
}

.teiki-countdown__bar[data-countdown-type="green"] {
  background-image: url(/smart/base/images/countdown_bg.png);
  background-size: auto 38px;
  background-repeat: repeat-x;
  background-position: 50%;
}

.teiki-countdown__bar[data-countdown-type="red"] {
  background: #ca3d04;
}

.cart-auto-save-countdown {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cart-auto-save-countdown__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.cart-auto-save-countdown__lead {
  font-size: 1.5rem;
  color: #779035;
  text-align: center;
  font-weight: 700;
}

.cart-auto-save-countdown__save-data,
.cart-auto-save-countdown__save-data span {
  margin-top: 10px;
  color: #888;
  text-align: center;
}

.cart-auto-save-countdown__annotation {
  margin: 20px 0;
  line-height: 1.6;
  text-align: center;
  font-size: 1.166rem;
}

.cart-auto-save-countdown__annotation span {
  font-size: 1.166rem;
  color: #e80519;
}

.cart-auto-save-countdown__notice {
  margin: 30px 0 10px;
  line-height: 1.6;
  text-align: center;
}

.cart-auto-save-countdown__greeting {
  margin: 10px 0;
  color: #779035;
  text-align: center;
}

.cart-auto-save-countdown__btn {
  display: block;
  width: 240px;
  position: relative;
  appearance: none;
  margin: 0 auto;
  padding: 12px 0;
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
  color: #76952f;
  background: #fff;
  font-size: 1.25rem;
  line-height: 24px;
  border: 2px solid #76952f;
  font-family: YuGothic, Yu Gothic, 游ゴシック体, 游ゴシック,
    ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ Pro W3,
    Hiragino Kaku Gothic Pro, メイリオ, Meiryo, MS ゴシック, MS Gothic,
    sans-serif;
  text-shadow: 0 0 0 #76952f;
  cursor: pointer;
  font-weight: 700;
}

.cart-auto-save-countdown__btn::before {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #76952f;
  border-right: 2px solid #76952f;
  transform: rotate(45deg);
}

.cart-auto-save-countdown__btn--submit {
  display: block;
  width: 240px;
  position: relative;
  appearance: none;
  margin: 15px auto 0;
  padding: 12px 0;
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  background: #76952f;
  font-size: 1.25rem;
  line-height: 24px;
  border: 2px solid #76952f;
  font-family: YuGothic, Yu Gothic, 游ゴシック体, 游ゴシック,
    ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ Pro W3,
    Hiragino Kaku Gothic Pro, メイリオ, Meiryo, MS ゴシック, MS Gothic,
    sans-serif;
  text-shadow: 0 0 0 #fff;
  cursor: pointer;
  font-weight: 700;
}

.cart-auto-save-countdown__btn--submit::before {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

.header--ui__wrapper[data-header-countdown="true"] .header--ui__fix-area,
.header--ui__wrapper[data-header-countdown="true"]
  .header--ui__fix-area[data-fixmode="fixed"],
.header--ui__wrapper[data-header-countdown="true"] .header__bnr,
.header--ui__wrapper[data-header-countdown="true"]
  .header__bnr
  + .header--ui__fix-area[data-fixmode="fixed"] {
  margin-top: 38px;
}

.header--ui__wrapper[data-header-countdown="true"]
  .header__bnr
  + .header--ui__fix-area {
  margin-top: 0;
}

.sup {
  font-size: 0.7em;
  font-weight: 400;
  vertical-align: super;
}

.js-accordion {
  cursor: pointer;
}

.header {
  padding: 10px;
  background-color: #fff;
}

.header--mother {
  padding: 5px 5px 10px;
}

.header--mother__logo,
.header__logo {
  float: left;
}

.header__price-area {
  float: right;
  box-sizing: border-box;
  padding: 5px 10px;
  width: 175px;
  min-height: 45px;
  background-color: #f4f4f4;
  border-radius: 8px;
}

.header__price {
  margin-bottom: 5px;
  font-size: 1.166rem;
  font-weight: 700;
  text-align: right;
  color: #333;
}

.header__price--note {
  font-size: 0.83rem;
  font-weight: 700;
}

.header__carriage_free {
  font-size: 1rem;
  text-align: right;
  color: #333;
}

.header__login {
  float: right;
}

.header__login__btn {
  margin-top: 5px;
  appearance: none;
  box-sizing: border-box;
  display: inline-block;
  width: 90px;
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 33px;
  text-align: center;
  text-decoration: none;
  color: #666;
  background: linear-gradient(#f7f7f7, #e7e7e7);
  border: 1px solid #ccc;
  border-radius: 4px;
}

.header__welcome {
  font-size: 0.92rem;
  line-height: 1.2;
  color: #fff;
}

.header--mother__welcome {
  clear: both;
  padding: 5px;
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  background-color: rgba(135, 100, 25, 0.4);
}

.search {
  position: relative;
  margin: 0;
  padding: 15px 10px;
  background: #e1e1e1;
  border-bottom: 1px solid #ccc;
}

.search__input__wrapper {
  width: 100%;
  padding-right: 40px;
  box-sizing: border-box;
}

.search__input {
  appearance: none;
  display: block;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 14px 10px 12px;
  font-size: 1.166rem;
  line-height: 1;
  box-sizing: border-box;
  border: none;
  border-radius: 4px 0 0 4px;
}

.search__input::placeholder {
  font-size: 1.166rem;
  line-height: 1.1;
  color: #9f9e9e;
}

.search__btn {
  appearance: none;
  position: absolute;
  right: 10px;
  top: 15px;
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  color: #fff;
  background-color: #454545;
  border: none;
  border-radius: 3px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}

.search__btn::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  display: block;
  margin: auto;
}

.icon_sprite--search::before {
  height: 23px;
  width: 23px;
  background-position: -38px -132px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search__aoutocomplete__wrapper {
  position: absolute;
  z-index: 99;
  left: 0;
  top: 66px;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}

.search__aoutocomplete,
.search__aoutocomplete-page {
  width: calc(100% - 4px);
  border: 2px solid #eee;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.search__aoutocomplete-page__child + .search__aoutocomplete-page__child,
.search__aoutocomplete__child + .search__aoutocomplete__child {
  border-top: 1px solid #eee;
}

.search__aoutocomplete-page__link,
.search__aoutocomplete__link {
  display: block;
  padding: 0 10px;
  font-size: 1.33rem;
  line-height: 44px;
  color: #333;
}

.search-items__search__aoutocomplete-page__wrapper {
  position: absolute;
  z-index: 100;
  top: 50px;
  left: 1%;
  box-sizing: border-box;
  width: 98%;
}

.search-items__search-page {
  margin-bottom: 0;
}

.search__attention-word {
  margin-top: 10px;
  vertical-align: top;
}

.search__attention-word__description,
.search__attention-word__list,
.search__attention-word__title {
  display: inline-block;
  vertical-align: top;
}

.search__attention-word__list {
  margin-left: 5px;
}

.bread-list {
  margin: 10px 10px 0;
  font-size: 0.916rem;
}

.bread-list__child {
  margin-bottom: 10px;
  display: inline-block;
  font-size: 0.916rem;
}

.nav-main__title {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: justify;
  color: #333;
  padding: 30px 10px 20px 15px;
}

.nav-main--category > .nav-main__title {
  padding-top: 22px;
  padding-bottom: 15px;
}

.nav-main__list,
.nav-main__list--vip {
  border: 1px solid #ccc;
  border-top: 0;
}

.nav-main__child {
  position: relative;
  display: table;
  width: 100%;
  height: 62px;
  border-top: 1px solid #ccc;
}

.nav-main__child::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 1px;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-top: 3px solid #c0b8b6;
  border-right: 3px solid #c0b8b6;
  transform: rotate(45deg);
}

.nav-main__child--category {
  position: relative;
  display: table;
  width: 100%;
  height: 62px;
  border-top: 1px solid #ccc;
}

.nav-main__child--category::after {
  content: "";
  position: absolute;
  right: 12px;
  top: -5px;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-top: 3px solid #c0b8b6;
  border-right: 3px solid #c0b8b6;
  transform: rotate(135deg);
}

.nav-main__child--category.close::after {
  top: 6px;
  transform: rotate(-45deg);
}

.nav-main__child--vip > .nav-main__link {
  background-color: #ffffe3;
}

.nav-main__catechild {
  float: left;
  display: table;
  box-sizing: border-box;
  width: 50%;
  height: 61px;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}

.nav-main__catechild--fruitscategory {
  width: 100%;
  float: none;
  height: 60px;
  border-right: 0;
}

.nav-main__catechild > a {
  display: table-cell;
  padding-right: 20px;
  vertical-align: middle;
  padding-left: 51px;
  font-size: 1.166rem;
  text-align: justify;
  color: #333;
  position: relative;
  line-height: 1.1;
}

.nav-main__catechild > a::before {
  left: 9px;
  top: 0;
}

.nav-main__catechild > a::after,
.nav-main__catechild > a::before {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  margin: auto 0;
}

.nav-main__catechild > a::after {
  right: 12px;
  top: 1px;
  width: 8px;
  height: 8px;
  border-top: 3px solid #c0b8b6;
  border-right: 3px solid #c0b8b6;
  transform: rotate(45deg);
}

.nav-main__catechild > a > span {
  font-size: 1.166rem;
  text-align: justify;
  color: #333;
  line-height: 1.1;
}

.nav-main__child--category-list {
  padding-bottom: 60px;
  border-top: 1px solid #ececec;
}

.nav-main__child--category-list__child {
  display: table;
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #ececec;
}

.nav-main__child--category-list__child > a {
  font-size: 1.166rem;
  line-height: 1.4;
  text-align: justify;
  color: #333;
  position: relative;
  display: table-cell;
  padding-right: 20px;
  padding-left: 10px;
  vertical-align: middle;
  background-color: #fff;
}

.nav-main__child--category-list__child > a::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 1px;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-top: 3px solid #c0b8b6;
  border-right: 3px solid #c0b8b6;
  transform: rotate(45deg);
}

.nav-main__child--category-list__child > a > .js--categoryCount {
  font-size: 1em;
}

.nav-main__link {
  font-size: 1.333rem;
  font-weight: 400;
  line-height: 1;
  text-align: justify;
  color: #333;
  position: relative;
  display: table-cell;
  box-sizing: border-box;
  padding-right: 10px;
  padding-left: 79px;
  vertical-align: middle;
  background-color: #f4f4f4;
}

.nav-main__link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
}

.nav-main__list--reasonable {
  margin-top: 20px;
}

.nav-main__child--category-list__child__mama {
  display: table;
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #ececec;
}

.nav-main__child--category-list__child__mama > a {
  font-size: 1.166rem;
  line-height: 1.4;
  text-align: justify;
  color: #333;
  position: relative;
  display: table-cell;
  padding: 0 20px 0 59px;
  vertical-align: middle;
  background-color: #fff;
}

.nav-main__child--category-list__child__mama > a::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 1px;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-top: 3px solid #c0b8b6;
  border-right: 3px solid #c0b8b6;
  transform: rotate(45deg);
}

.nav-main__catechild--link::before {
  content: "";
  position: absolute;
  left: 9px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
}

.nav-main__catechild--1stBirthday::before,
.nav-main__catechild--base_recipe::before,
.nav-main__catechild--gokkun_ok::before,
.nav-main__catechild--gokkun_osusume::before,
.nav-main__catechild--gokkun_recipe::before,
.nav-main__catechild--halfBirthday::before,
.nav-main__catechild--jyunyu_osusume::before,
.nav-main__catechild--jyunyu_recipe::before,
.nav-main__catechild--kamikami_ok::before,
.nav-main__catechild--kamikami_osusume::before,
.nav-main__catechild--kamikami_recipe::before,
.nav-main__catechild--mogumogu_ok::before,
.nav-main__catechild--mogumogu_osusume::before,
.nav-main__catechild--mogumogu_recipe::before,
.nav-main__catechild--ninshin_osusume::before,
.nav-main__catechild--ninshin_recipe::before,
.nav-main__catechild--okuizome::before,
.nav-main__catechild--pakupaku_ok::before,
.nav-main__catechild--pakupaku_osusume::before,
.nav-main__catechild--pakupaku_recipe::before,
.nav-main__catechild--youji_ok::before,
.nav-main__catechild--youji_osusume::before,
.nav-main__catechild--youji_oyatsu::before,
.nav-main__catechild--youji_recipe::before {
  height: 36px;
  width: 36px;
  background-repeat: no-repeat;
  background-size: 36px auto;
}

.nav-main__catechild--base_recipe::before {
  background-image: url(/smart/base/images/icon_base_recipe.png);
}

.nav-main__catechild--ninshin_osusume::before {
  background-image: url(/smart/base/images/icon_ninshin_osusume.png);
}

.nav-main__catechild--ninshin_recipe::before {
  background-image: url(/smart/base/images/icon_ninshin_recipe.png);
}

.nav-main__catechild--jyunyu_osusume::before {
  background-image: url(/smart/base/images/icon_jyunyu_osusume.png);
}

.nav-main__catechild--jyunyu_recipe::before {
  background-image: url(/smart/base/images/icon_jyunyu_recipe.png);
}

.nav-main__catechild--gokkun_osusume::before {
  background-image: url(/smart/base/images/icon_gokkun_osusume.png);
}

.nav-main__catechild--gokkun_ok::before {
  background-image: url(/smart/base/images/icon_gokkun_ok.png);
}

.nav-main__catechild--gokkun_recipe::before {
  background-image: url(/smart/base/images/icon_gokkun_recipe.png);
}

.nav-main__catechild--mogumogu_osusume::before {
  background-image: url(/smart/base/images/icon_mogumogu_osusume.png);
}

.nav-main__catechild--mogumogu_ok::before {
  background-image: url(/smart/base/images/icon_mogumogu_ok.png);
}

.nav-main__catechild--mogumogu_recipe::before {
  background-image: url(/smart/base/images/icon_mogumogu_recipe.png);
}

.nav-main__catechild--kamikami_osusume::before {
  background-image: url(/smart/base/images/icon_kamikami_osusume.png);
}

.nav-main__catechild--kamikami_ok::before {
  background-image: url(/smart/base/images/icon_kamikami_ok.png);
}

.nav-main__catechild--kamikami_recipe::before {
  background-image: url(/smart/base/images/icon_kamikami_recipe.png);
}

.nav-main__catechild--pakupaku_osusume::before {
  background-image: url(/smart/base/images/icon_pakupaku_osusume.png);
}

.nav-main__catechild--pakupaku_ok::before {
  background-image: url(/smart/base/images/icon_pakupaku_ok.png);
}

.nav-main__catechild--pakupaku_recipe::before {
  background-image: url(/smart/base/images/icon_pakupaku_recipe.png);
}

.nav-main__catechild--youji_osusume::before {
  background-image: url(/smart/base/images/icon_youji_osusume.png);
}

.nav-main__catechild--youji_ok::before {
  background-image: url(/smart/base/images/icon_youji_ok.png);
}

.nav-main__catechild--youji_oyatsu::before {
  background-image: url(/smart/base/images/icon_youji_oyatsu.png);
}

.nav-main__catechild--youji_recipe::before {
  background-image: url(/smart/base/images/icon_youji_recipe.png);
}

.nav-main__catechild--okuizome::before {
  background-image: url(/smart/base/images/icon_okuizome.png);
}

.nav-main__catechild--halfBirthday::before {
  background-image: url(/smart/base/images/icon_halfBirthday.png);
}

.nav-main__catechild--1stBirthday::before {
  background-image: url(/smart/base/images/icon_1stBirthday.png);
}

.nav__mama__subtitle--gokkun::before,
.nav__mama__subtitle--jyunyu::before,
.nav__mama__subtitle--kamikami::before,
.nav__mama__subtitle--mogumogu::before,
.nav__mama__subtitle--pakupaku::before,
.nav__mama__subtitle--youji::before {
  content: "";
  height: 26px;
  width: 26px;
  background-repeat: no-repeat;
  background-size: 26px auto;
  display: block;
  position: relative;
  bottom: 3px;
  margin-right: 5px;
  float: left;
}

.nav__mama__subtitle--jyunyu::before {
  background-image: url(/smart/base/images/icon_mama.png);
}

.nav__mama__subtitle--gokkun::before,
.nav__mama__subtitle--kamikami::before,
.nav__mama__subtitle--mogumogu::before {
  background-image: url(/smart/base/images/icon_baby.png);
}

.nav__mama__subtitle--pakupaku::before,
.nav__mama__subtitle--youji::before {
  background-image: url(/smart/base/images/icon_kids.png);
}

.nav__mama__subtitle--pakupaku {
  background-color: #00c164;
  color: #fff;
}

.icon_sprite--free-shipping::before {
  background-position: 0 -7872px;
}

.icon_sprite--daichi::before,
.icon_sprite--free-shipping::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--daichi::before {
  background-position: 0 -7562px;
}

.icon_sprite--greencheck::before {
  background-position: 0 -8368px;
}

.icon_sprite--baby_congratulations::before,
.icon_sprite--greencheck::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--baby_congratulations::before {
  background-position: 0 -7128px;
}

.icon_sprite--kids_new::before {
  background-position: 0 -8802px;
}

.icon_sprite--baby_new::before,
.icon_sprite--kids_new::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--baby_new::before {
  background-position: 0 -7190px;
}

.icon_sprite--babyfood::before {
  background-position: 0 -7252px;
}

.icon_sprite--babyfood::before,
.icon_sprite--bread::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--bread::before {
  background-position: 0 -7314px;
}

.icon_sprite--cleanup::before {
  background-position: 0 -7376px;
}

.icon_sprite--cleanup::before,
.icon_sprite--coupon::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--coupon::before {
  background-position: 0 -7438px;
}

.icon_sprite--course::before {
  background-position: 0 -7500px;
}

.icon_sprite--course::before,
.icon_sprite--drinkmilk::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--drinkmilk::before {
  background-position: 0 -7624px;
}

.icon_sprite--eggdairyfree::before {
  background-position: 0 -7686px;
}

.icon_sprite--eggdairyfree::before,
.icon_sprite--favorite::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--favorite::before {
  background-position: 0 -7748px;
}

.icon_sprite--fish::before {
  background-position: 0 -7810px;
}

.icon_sprite--fish::before,
.icon_sprite--freezemain::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--freezemain::before {
  background-position: 0 -7934px;
}

.icon_sprite--freezesub::before {
  background-position: 0 -7996px;
}

.icon_sprite--freezesub::before,
.icon_sprite--fruits::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--fruits::before {
  background-position: 0 -8058px;
}

.icon_sprite--gluten::before {
  background-position: 0 -8120px;
}

.icon_sprite--gluten::before,
.icon_sprite--gokkun_recommend::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--gokkun_recommend::before {
  background-position: 0 -8306px;
}

.icon_sprite--hayawari::before {
  background-position: 0 -8430px;
}

.icon_sprite--hayawari::before,
.icon_sprite--hinamatsuri::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--hinamatsuri::before {
  background-position: 0 -8492px;
}

.icon_sprite--hiroba::before {
  background-position: 0 -8554px;
}

.icon_sprite--hiroba::before,
.icon_sprite--history::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--history::before {
  background-position: 0 -8616px;
}

.icon_sprite--jyunyu_recommend::before {
  background-position: 0 -8678px;
}

.icon_sprite--jyunyu_recommend::before,
.icon_sprite--kamikami_recommend::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--kamikami_recommend::before {
  background-position: 0 -8740px;
}

.icon_sprite--kit::before {
  background-position: 0 -8864px;
}

.icon_sprite--kit2::before,
.icon_sprite--kit::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--kit2::before {
  background-position: 0 -8926px;
}

.icon_sprite--kitchen::before {
  background-position: 0 -8988px;
}

.icon_sprite--kitchen::before,
.icon_sprite--kitcource::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--kitcource::before {
  background-position: 0 -9050px;
}

.icon_sprite--kyushu::before {
  background-position: 0 -9112px;
}

.icon_sprite--kyushu::before,
.icon_sprite--mama::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--mama::before {
  background-position: 0 -9174px;
}

.icon_sprite--mama_new::before {
  background-position: 0 -9236px;
}

.icon_sprite--mama_new::before,
.icon_sprite--meat::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--meat::before {
  background-position: 0 -9298px;
}

.icon_sprite--menu::before {
  background-position: 0 -9360px;
}

.icon_sprite--gohan_main::before,
.icon_sprite--menu::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--gohan_main::before {
  background-position: 0 -8182px;
}

.icon_sprite--gohan_side::before {
  background-position: 0 -8244px;
}

.icon_sprite--gohan_side::before,
.icon_sprite--milk::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--milk::before {
  background-position: 0 -9422px;
}

.icon_sprite--mogumogu_recommend::before {
  background-position: 0 -9670px;
}

.icon_sprite--mogumogu_recommend::before,
.icon_sprite--ninshin_recommend::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--ninshin_recommend::before {
  background-position: 0 -9732px;
}

.icon_sprite--noodles::before {
  background-position: 0 -10042px;
}

.icon_sprite--noodles::before,
.icon_sprite--oichika::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--oichika::before {
  background-position: 0 -10166px;
}

.icon_sprite--osechi::before {
  background-position: 0 -10228px;
}

.icon_sprite--osechi::before,
.icon_sprite--pantheon::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--pantheon::before {
  background-position: 0 -10476px;
}

.icon_sprite--pickles::before {
  background-position: 0 -10538px;
}

.icon_sprite--pickles::before,
.icon_sprite--rice::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--rice::before {
  background-position: 0 -10600px;
}

.icon_sprite--sale::before {
  background-position: 0 -10662px;
}

.icon_sprite--sale::before,
.icon_sprite--salt::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--salt::before {
  background-position: 0 -10724px;
}

.icon_sprite--seasoning::before {
  background-position: 0 -10848px;
}

.icon_sprite--seasoning::before,
.icon_sprite--setsubun::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--setsubun::before {
  background-position: 0 -11034px;
}

.icon_sprite--shorter-campaign::before {
  background-position: 0 -10972px;
}

.icon_sprite--shorter-campaign::before,
.icon_sprite--shorter::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--shorter::before {
  background-position: 0 -10910px;
}

.icon_sprite--snack::before {
  background-position: 0 -10786px;
}

.icon_sprite--snack::before,
.icon_sprite--tft::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--tft::before {
  background-position: 0 -10414px;
}

.icon_sprite--tofu::before {
  background-position: 0 -10352px;
}

.icon_sprite--tofu::before,
.icon_sprite--toku::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--toku::before {
  background-position: 0 -10290px;
}

.icon_sprite--u199::before {
  background-position: 0 -10104px;
}

.icon_sprite--u199::before,
.icon_sprite--vegetables::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--vegetables::before {
  background-position: 0 -7004px;
}

.icon_sprite--veji160825::before {
  background-position: 0 -9918px;
}

.icon_sprite--veji160825::before,
.icon_sprite--vip::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--vip::before {
  background-position: 0 -9856px;
}

.icon_sprite--water::before {
  background-position: 0 -9794px;
}

.icon_sprite--water::before,
.icon_sprite--xmas::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--xmas::before {
  background-position: 0 -9608px;
}

.icon_sprite--youji_recommend::before {
  background-position: 0 -9546px;
}

.icon_sprite--youji_recommend::before,
.icon_sprite--yoyaku::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--yoyaku::before {
  background-position: 0 -9484px;
}

.icon_sprite--187::before {
  background-position: 0 -9980px;
}

.icon_sprite--187::before,
.icon_sprite--188::before {
  height: 62px;
  width: 62px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--188::before {
  background-position: 0 -7066px;
}

.nav-main__catechild--autumnlink a::before {
  background-position: 0 -1243px;
}

.nav-main__catechild--autumnlink a::before,
.nav-main__catechild--avocadolink a::before {
  height: 36px;
  width: 36px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-main__catechild--avocadolink a::before {
  background-position: 0 -1207px;
}

.nav-main__catechild--broccolilink a::before {
  background-position: 0 -1171px;
}

.nav-main__catechild--broccolilink a::before,
.nav-main__catechild--burdocklink a::before {
  height: 36px;
  width: 36px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-main__catechild--burdocklink a::before {
  background-position: 0 -1135px;
}

.nav-main__catechild--carrotlink a::before {
  background-position: 0 -1099px;
}

.nav-main__catechild--carrotlink a::before,
.nav-main__catechild--chinalink a::before {
  height: 36px;
  width: 36px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-main__catechild--chinalink a::before {
  background-position: 0 -1027px;
}

.nav-main__catechild--chinesecabbagelink a::before {
  background-position: 0 -991px;
}

.nav-main__catechild--chinesecabbagelink a::before,
.nav-main__catechild--cornlink a::before {
  height: 36px;
  width: 36px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-main__catechild--cornlink a::before {
  background-position: 0 -955px;
}

.nav-main__catechild--cucumberlink a::before {
  background-position: 0 -883px;
}

.nav-main__catechild--cucumberlink a::before,
.nav-main__catechild--cutlink a::before {
  height: 36px;
  width: 36px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-main__catechild--cutlink a::before {
  background-position: 0 -847px;
}

.nav-main__catechild--drinklink a::before {
  background-position: 0 -811px;
}

.nav-main__catechild--drinklink a::before,
.nav-main__catechild--eggplantlink a::before {
  height: 36px;
  width: 36px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-main__catechild--eggplantlink a::before {
  background-position: 0 -739px;
}

.nav-main__catechild--freezelink a::before {
  background-position: 0 -631px;
}

.nav-main__catechild--freezelink a::before,
.nav-main__catechild--gingerlink a::before {
  height: 36px;
  width: 36px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-main__catechild--gingerlink a::before {
  background-position: 0 -595px;
}

.nav-main__catechild--greenonionslink a::before {
  background-position: 0 -559px;
}

.nav-main__catechild--greenonionslink a::before,
.nav-main__catechild--greenpepperlink a::before {
  height: 36px;
  width: 36px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-main__catechild--greenpepperlink a::before {
  background-position: -23px -487px;
}

.nav-main__catechild--greensoybeanslink a::before {
  background-position: 0 -919px;
}

.nav-main__catechild--greensoybeanslink a::before,
.nav-main__catechild--herblink a::before {
  height: 36px;
  width: 36px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-main__catechild--herblink a::before {
  background-position: 0 -523px;
}

.nav-main__catechild--jamlink a::before {
  background-position: 0 -667px;
}

.nav-main__catechild--jamlink a::before,
.nav-main__catechild--jpngingerlink a::before {
  height: 36px;
  width: 36px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-main__catechild--jpngingerlink a::before {
  background-position: 0 -703px;
}

.nav-main__catechild--kalelink a::before {
  background-position: 0 -775px;
}

.nav-main__catechild--kalelink a::before,
.nav-main__catechild--lettucelink a::before {
  height: 36px;
  width: 36px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-main__catechild--lettucelink a::before {
  background-position: 0 -1063px;
}

.nav-main__catechild--mushroomlink a::before {
  background-position: 0 -1315px;
}

.nav-main__catechild--mushroomlink a::before,
.nav-main__catechild--nabelink a::before {
  height: 36px;
  width: 36px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-main__catechild--nabelink a::before {
  background-position: 0 -1351px;
}

.nav-main__catechild--onionslink a::before {
  background-position: 0 -1495px;
}

.nav-main__catechild--onionslink a::before,
.nav-main__catechild--potatolink a::before {
  height: 36px;
  width: 36px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-main__catechild--potatolink a::before {
  background-position: 0 -1639px;
}

.nav-main__catechild--pumpkinlink a::before {
  background-position: 0 -1675px;
}

.nav-main__catechild--pumpkinlink a::before,
.nav-main__catechild--radishsproutslink a::before {
  height: 36px;
  width: 36px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-main__catechild--radishsproutslink a::before {
  background-position: 0 -1711px;
}

.nav-main__catechild--rarelink a::before {
  background-position: 0 -1747px;
}

.nav-main__catechild--rarelink a::before,
.nav-main__catechild--saladlink a::before {
  height: 36px;
  width: 36px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-main__catechild--saladlink a::before {
  background-position: 0 -1819px;
}

.nav-main__catechild--seasonlink a::before {
  background-position: 0 -1891px;
}

.nav-main__catechild--seasonlink a::before,
.nav-main__catechild--spinachlink a::before {
  height: 36px;
  width: 36px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-main__catechild--spinachlink a::before {
  background-position: 0 -1963px;
}

.nav-main__catechild--sproutlink a::before {
  background-position: 0 -1783px;
}

.nav-main__catechild--sproutlink a::before,
.nav-main__catechild--summerlink a::before {
  height: 36px;
  width: 36px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-main__catechild--summerlink a::before {
  background-position: 0 -1603px;
}

.nav-main__catechild--sweetpotatolink a::before {
  background-position: 0 -1567px;
}

.nav-main__catechild--sweetpotatolink a::before,
.nav-main__catechild--tomatolink a::before {
  height: 36px;
  width: 36px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-main__catechild--tomatolink a::before {
  background-position: 0 -1531px;
}

.nav-main__catechild--turniplink a::before {
  background-position: 0 -1459px;
}

.nav-main__catechild--turniplink a::before,
.nav-main__catechild--westjapanlink a::before {
  height: 36px;
  width: 36px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-main__catechild--westjapanlink a::before {
  background-position: 0 -1387px;
}

.nav-main__catechild--winterlink a::before {
  background-position: 0 -1279px;
}

.nav-main__catechild--springlink a::before,
.nav-main__catechild--winterlink a::before {
  height: 36px;
  width: 36px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-main__catechild--springlink a::before {
  background-position: 0 -1855px;
}

.nav-main__catechild--vegegohan a::before {
  background-position: 0 -1423px;
}

.nav-main__catechild--shun a::before,
.nav-main__catechild--vegegohan a::before {
  height: 36px;
  width: 36px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-main__catechild--shun a::before {
  background-position: 0 -1927px;
}

.nav-main__catechild--autumnlink,
.nav-main__catechild--blanklink,
.nav-main__catechild--cutlink,
.nav-main__catechild--nabelink,
.nav-main__catechild--rarelink,
.nav-main__catechild--saladlink,
.nav-main__catechild--shun,
.nav-main__catechild--springlink,
.nav-main__catechild--summerlink,
.nav-main__catechild--vegegohan,
.nav-main__catechild--westjapanlink,
.nav-main__catechild--winterlink {
  background-color: #ffe;
}

.nav-main__catch-copy {
  color: #c00;
}

.nav-main__link__reasonable-title {
  display: block;
  margin-bottom: 5px;
  color: #3f9741;
  font-weight: 700;
  font-size: 1.166rem;
}

.mamaBnrArea {
  margin: 20px 10px;
}

.nav__mama__subtitle {
  font-size: 1.333rem;
  text-align: justify;
  color: #333;
  font-weight: 700;
  padding: 7px 10px;
  line-height: 1.2;
  background-color: #f9cebb;
  border-bottom: 1px solid #b4a7a7;
}

.nav__mama__subtitle--ninshin {
  background-color: #f12f63;
  color: #fff;
}

.nav__mama__subtitle--jyunyu {
  background-color: #ffe52a;
  color: #300;
}

.nav__mama__subtitle--gokkun {
  background-color: #9bc342;
  color: #fff;
}

.nav__mama__subtitle--mogumogu {
  background-color: #c077af;
  color: #fff;
}

.nav__mama__subtitle--kamikami {
  background-color: #08abc7;
  color: #fff;
}

.nav__mama__subtitle--youji {
  background-color: #f57822;
  color: #fff;
}

.footer__to-pagetop {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
}

.footer__to-pagetop > a {
  font-size: 1.166rem;
  text-align: justify;
  color: #333;
  position: relative;
  display: inline-block;
  padding-left: 27px;
  line-height: 16px;
}

.footer__to-pagetop > a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto 0;
  width: 17px;
  height: 16px;
  background: url(../images/icon/anchor--top--gray.png);
  background-size: 17px auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.footer {
  padding-bottom: 80px;
  margin-top: 36px;
}

.footer__support {
  margin-top: 25px;
  margin-bottom: 15px;
  padding: 10px;
  text-align: center;
}

.footer__support--gochi {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 10px;
}

.footer__support__title {
  font-size: 1.25rem;
  font-weight: 400;
}

.footer__support__content__title {
  clear: both;
}

.footer__support__content,
.footer__support__content__title {
  float: left;
  margin-top: 13px;
}

.footer__support__content__link {
  font-size: 1.25rem;
  text-decoration: underline;
}

.footer-nav {
  margin-bottom: 30px;
  border-bottom: 1px solid #e0e0e0;
  background-color: #eee;
}

.footer-nav__child {
  position: relative;
  border-top: 2px solid #e0e0e0;
}

.footer-nav__child::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 1px;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-top: 3px solid #c0b8b6;
  border-right: 3px solid #c0b8b6;
  transform: rotate(45deg);
}

.footer-nav__child--category {
  position: relative;
  border-top: 2px solid #e0e0e0;
}

.footer-nav__child--category::after {
  content: "";
  position: absolute;
  right: 12px;
  top: -5px;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-top: 3px solid #c0b8b6;
  border-right: 3px solid #c0b8b6;
  transform: rotate(135deg);
}

.footer-nav__child--category.close::after {
  top: 6px;
  transform: rotate(-45deg);
}

.footer-nav__child--list {
  border-top: 2px solid #e0e0e0;
}

.footer-nav__link {
  padding: 20px 40px 20px 10px;
}

.footer-nav__link,
.footer-nav__link--icon {
  display: block;
  font-size: 1.166rem;
  color: #333;
  text-decoration: none;
  line-height: 1.4;
}

.footer-nav__link--icon {
  position: relative;
  padding: 20px 40px 20px 45px;
}

.footer-nav__link--icon::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
}

.footer-nav__child--category__list {
  position: relative;
  border-top: 2px solid #ececec;
}

.footer-nav__child--category__list::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 1px;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-top: 3px solid #c0b8b6;
  border-right: 3px solid #c0b8b6;
  transform: rotate(45deg);
}

.footer-nav__child--category__link {
  display: block;
  padding: 20px 40px 20px 10px;
  font-size: 1.166rem;
  color: #333;
  text-decoration: none;
  background-color: #fff;
}

.icon_sprite--direct-delivery-30::before {
  background-position: -26px -421px;
}

.icon_sprite--direct-delivery-30::before,
.icon_sprite--oitoku-30::before {
  height: 30px;
  width: 30px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--oitoku-30::before {
  background-position: -30px -391px;
}

.icon_sprite--osechi-30::before {
  height: 30px;
  width: 30px;
  background-position: 0 -391px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.copyright {
  display: block;
  font-size: 0.92rem;
  text-align: center;
}

.footer-nav__child--category__list--item {
  position: relative;
  border-top: 2px solid #ececec;
}

.footer-nav__child--category__list--item::after {
  content: "";
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  display: block;
  margin-top: auto;
  width: 21px;
  height: 19px;
  margin-bottom: auto;
  background-size: 21px auto;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../images/window-icon.png);
}

.footer-nav__child--category__list--item__link {
  display: block;
  padding: 15px 35px 15px 10px;
  font-size: 1.166rem;
  color: #333;
  text-decoration: none;
  background-color: #fff;
}

.footer-nav__child--category__list--item__image {
  float: left;
  margin-right: 10px;
}

.footer-nav__child--category__list--item__title {
  font-size: 1.166rem;
  color: #333;
  font-weight: 700;
  margin-bottom: 5px;
  line-height: 1.2;
  text-align: left;
}

.footer-nav__child--category__list--item__text {
  font-size: 1.166rem;
  text-align: justify;
  color: #333;
  line-height: 1.2;
}

.footer-nav__child--category__list--item__emphasis {
  font-size: 1em;
  color: #c00;
}

.popup-announce {
  display: none;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 10px 30px;
  width: 200px;
  background: linear-gradient(#164a84, #0f2350);
  border: 1px solid #0f2350;
  border-radius: 3px;
}

.popup-announce--cart-in {
  z-index: 100;
}

.popup-announce__text {
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.js-slider-container,
.js-swiper-container {
  position: relative;
  overflow: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.js-swiper-wrapper {
  position: relative;
  width: 100%;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transition-timing-function: ease;
  transform: translateZ(0);
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.js-swiper-slide {
  float: left;
  height: auto !important;
}

.js-slider-wrapper {
  position: relative;
  width: 100%;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translateZ(0);
  transition-timing-function: ease;
}

.js-slider-slide {
  float: left;
  height: auto !important;
}

.js-slider-pagination {
  text-align: center;
  margin-top: 10px;
}

.swiper-active-switch {
  background-color: #ffa800 !important;
}

.js-slider-button-next,
.js-slider-button-prev {
  position: absolute;
  bottom: -8px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.166rem;
  font-weight: 700;
  color: #666;
}

.js-slider-button-prev {
  left: 0;
  padding-right: 30px;
}

.js-slider-button-next {
  right: 0;
  padding-left: 30px;
}

.nav-global__wrapper {
  z-index: 100;
  width: 100%;
  background-color: #fff;
}

.js-nav-global--fix {
  position: fixed;
}

.js-nav-global--fix--view {
  top: 0 !important;
}

.nav-global {
  display: flex;
  align-items: flex-end;
}

.nav-global__child {
  width: 25%;
}

.nav-global__link {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding-top: 27px;
  padding-bottom: 5px;
  width: 100%;
  height: 45px;
  font-weight: 700;
  text-align: center;
  line-height: 1;
  color: #fff;
  border: 1px solid;
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
}

.nav-global__link::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  right: 0;
  display: block;
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background-size: 24px auto;
  background-repeat: no-repeat;
}

.nav-global__link.current {
  padding-top: 33px;
  height: 51px;
}

.nav-global__link.is-checked::before {
  width: 35px;
  height: 33px;
  background-size: 35px auto;
}

.nav-global__link.current::before {
  top: 1px;
  width: 30px;
  height: 30px;
  background-size: 30px auto;
  background-repeat: no-repeat;
}

.nav-global__link.is-checked.current::before {
  width: 46px;
  height: 43px;
  background-size: 46px auto;
}

.nav-global--regular {
  border-bottom: 4px solid #0f9042;
}

.nav-global__link--regular {
  background: linear-gradient(#28bb62, #0f9042);
  border-color: #1aa350;
}

.nav-global__link--regular::before {
  background-image: url(../images/nav-global_number_01.png);
}

.nav-global__link--regular.is-checked::before {
  background-image: url(../images/nav-global_check_01.png);
}

.nav-global--recommend {
  border-bottom: 4px solid #73ad2e;
}

.nav-global__link--recommend {
  background: linear-gradient(#95d54b, #73ad2e);
  border-color: #7ab534;
}

.nav-global__link--recommend::before {
  background-image: url(../images/nav-global_number_04.png);
}

.nav-global__link--recommend.is-checked::before {
  background-image: url(../images/nav-global_check_04.png);
}

.nav-global--myfavorite {
  border-bottom: 4px solid #e75d5f;
}

.nav-global__link--myfavorite {
  background: linear-gradient(#f06f71, #e75d5f);
  border-color: #e75d5f;
}

.nav-global__link--myfavorite::before {
  background-image: url(../images/nav-global_number_04_2.png);
}

.nav-global__link--myfavorite.is-checked::before {
  background-image: url(../images/nav-global_check_04.png);
}

.nav-global--category {
  border-bottom: 4px solid #f48a0d;
}

.nav-global__link--category {
  background: linear-gradient(#ffac4a, #f48a0d);
  border-color: #f89622;
}

.nav-global__link--category::before {
  background-image: url(../images/nav-global_number_03.png);
}

.nav-global__link--category.is-checked::before {
  background-image: url(../images/nav-global_check_03.png);
}

.nav-global--feature {
  border-bottom: 4px solid #d8372b;
}

.nav-global__link--feature {
  background: linear-gradient(#e76259, #d8372b);
  border-color: #dd463b;
}

.nav-global__link--feature::before {
  background-image: url(../images/nav-global_number_02.png);
}

.nav-global__link--feature.is-checked::before {
  background-image: url(../images/nav-global_check_02.png);
}

.nav-global__link--feature__update {
  position: absolute;
  top: -28px;
  right: 0;
}

body {
  position: relative;
  overflow-x: hidden;
}

.is-slide-body {
  position: absolute;
  z-index: 100;
  transform: translateX(-260px);
  transition: transform 0.2s;
  background-color: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
}

.header__btn,
.header__btn--contact,
.header__btn--visitor {
  font-size: 0.916rem;
  position: relative;
  float: right;
  display: block;
  padding-top: 35px;
  padding-bottom: 9px;
  width: 59px;
  font-weight: 700;
  text-align: center;
  line-height: 1;
  color: #838383;
  background: linear-gradient(#fff, #f6f6f6);
  border: 1px solid #efefef;
  border-radius: 4px;
}

.header__btn--contact::before,
.header__btn--visitor::before,
.header__btn::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  right: 0;
  display: block;
  margin: 0 auto;
}

.header__btn--visitor {
  margin: 5px 10px;
}

.header__btn--contact {
  margin-right: 10px;
}

.nav-slide {
  position: absolute;
  top: 0;
  right: -260px;
  z-index: 10;
  display: none;
  padding-bottom: 1000px;
  width: 260px;
  background-color: #f4f4f4;
}

.nav-slide__wrapper {
  padding: 15px 20px;
  background-color: #ffa300;
}

.nav-slide__title {
  font-size: 1rem;
  line-height: 1.5;
  text-align: justify;
  color: #333;
  font-weight: 700;
  padding: 5px 10px 5px 15px;
  background-color: #cbcbcb;
}

.nav-slide__customer-name {
  font-size: 1.25rem;
  text-align: justify;
  color: #fff;
  line-height: 1.3;
}

.nav-slide__child,
.nav-slide__child--other {
  border-bottom: 1px solid #ddd;
}

.nav-slide__link {
  position: relative;
  font-size: 1.25rem;
  text-align: justify;
  color: #333;
  font-weight: 700;
  display: block;
  padding: 22px 5px 20px 47px;
  line-height: 1.1;
}

.nav-slide__link::before {
  content: "";
  position: absolute;
  left: 15px;
  display: block;
  margin: auto 0;
  top: 19px;
  bottom: auto;
}

.nav-slide__link--other {
  position: relative;
  font-size: 1.25rem;
  text-align: justify;
  color: #333;
  font-weight: 700;
  display: block;
  padding: 15px 15px 15px 47px;
  line-height: 1.1;
  background-color: #ffd8d8;
}

.nav-slide__link--other::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
}

.nav-slide__link--other--oitoku {
  background-color: #d4efff;
}

.nav-slide__link--other--shop {
  background-color: #fff7d4;
}

.nav-slide__link--other__text {
  font-size: 1rem;
  line-height: 1.5;
  text-align: justify;
  color: #333;
}

.menu__title--beginner {
  background: #76952f;
  color: #fff;
}

.nav-slide-beginner__icon--beginner_wakaba {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 37px;
  color: #fff;
  font-size: 1.166rem;
  font-weight: 700;
}

.menu__list + .menu__title {
  margin-top: 25px;
}

.menu__list__child--beginner {
  border-bottom: 1px solid #76952f;
}

.nav-slide-beginner__link {
  position: relative;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
  color: #76952f;
}

.nav-slide-beginner__link span {
  display: block;
  margin-top: 5px;
  color: #76952f;
  font-size: 1.166rem;
  font-weight: 700;
}

.nav-slide-beginner__link::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 10px;
}

.nav-slide-beginner__link::after {
  display: block;
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 2px solid #76952f;
  border-right: 2px solid #76952f;
  transform: rotate(45deg);
  top: 50%;
  margin-top: -4px;
  right: 10px;
}

.nav-slide__icon--cancel::before {
  background-position: 0 -247px;
}

.nav-slide__icon--cancel::before,
.nav-slide__icon--favorite::before {
  height: 23px;
  width: 23px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-slide__icon--favorite::before {
  background-position: -15px -132px;
}

.nav-slide__icon--history::before {
  background-position: -23px -318px;
}

.nav-slide__icon--history::before,
.nav-slide__icon--kit-history::before {
  height: 23px;
  width: 23px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-slide__icon--kit-history::before {
  background-position: -23px -178px;
}

.nav-slide__icon--milk::before {
  background-position: -23px -270px;
}

.nav-slide__icon--milk::before,
.nav-slide__icon--myset::before {
  height: 23px;
  width: 23px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-slide__icon--myset::before {
  background-position: -23px -247px;
}

.nav-slide__icon--passport::before {
  background-position: 0 -201px;
}

.nav-slide__icon--passport::before,
.nav-slide__icon--setting::before {
  height: 23px;
  width: 23px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-slide__icon--setting::before {
  background-position: 0 -487px;
}

.nav-slide__icon--logout::before {
  height: 23px;
  width: 23px;
  background-position: -23px -201px;
}

.nav-slide__icon--logout::before,
.nav-slide__icon--reservation::before {
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-slide__icon--reservation::before {
  height: 20px;
  width: 20px;
  background-position: -20px -42px;
}

.nav-slide__icon--oitoku::before {
  background-position: 0 -270px;
}

.nav-slide__icon--oitoku::before,
.nav-slide__icon--osechi::before {
  height: 23px;
  width: 23px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-slide__icon--osechi::before {
  background-position: 0 -293px;
}

.nav-slide__icon--directdelivery::before {
  background-position: -38px -109px;
}

.nav-slide__icon--cart::before,
.nav-slide__icon--directdelivery::before {
  height: 23px;
  width: 23px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-slide__icon--cart::before {
  background-position: -23px -224px;
}

.nav-slide__icon--support::before {
  background-position: 0 -155px;
}

.nav-slide__icon--guide::before,
.nav-slide__icon--support::before {
  height: 23px;
  width: 23px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-slide__icon--guide::before {
  background-position: 0 -178px;
}

.nav-slide__icon--coupon::before {
  height: 23px;
  width: 23px;
  background-repeat: no-repeat;
  background-image: url(/smart/base/images/icon_present_new.png);
  background-position: 0 0;
  background-size: 23px 23px;
}

.nav-slide__icon--vip::before {
  height: 23px;
  width: 23px;
  background-position: 0 -224px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-slide__icon--primepass::before {
  height: 20px;
  background-position: -10px -64px;
}

.nav-slide__icon--customer::before,
.nav-slide__icon--primepass::before {
  width: 20px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-slide__icon--customer::before {
  height: 23px;
  background-position: 0 -86px;
}

.nav-slide__icon--customer-vip::before {
  height: 23px;
  width: 40px;
  background-position: -20px -86px;
}

.nav-slide__icon--customer-vip::before,
.nav-slide__icon--point::before {
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-slide__icon--point::before {
  height: 17px;
  width: 17px;
  background-position: -20px -23px;
}

.nav-slide-beginner__icon--beginner_faq::before {
  background-position: -23px -293px;
}

.nav-slide-beginner__icon--beginner_faq::before,
.nav-slide-beginner__icon--beginner_guide::before {
  height: 25px;
  width: 25px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-slide-beginner__icon--beginner_guide::before {
  background-position: 0 -341px;
}

.nav-slide-beginner__icon--beginner_info::before {
  background-position: -25px -366px;
}

.nav-slide-beginner__icon--beginner_info::before,
.nav-slide-beginner__icon--beginner_offer::before {
  height: 25px;
  width: 25px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-slide-beginner__icon--beginner_offer::before {
  background-position: -25px -341px;
}

.nav-slide-beginner__icon--beginner_wakaba::before {
  height: 25px;
  width: 25px;
  background-position: 0 -366px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 10px;
}

.nav-slide__link__infromation {
  display: block;
  margin-top: 6px;
  font-size: 1rem;
  color: #7e7e7e;
  line-height: 1.4;
  font-weight: 400;
}

.nav-slide__link__expiration-date {
  display: block;
  margin-top: 8px;
  font-size: 1rem;
  color: #ff821f;
  line-height: 1.4;
  font-weight: 400;
}

.nav-slide__link__expiration-date-description {
  display: block;
  font-size: 1rem;
  color: #333;
  line-height: 1.4;
  font-weight: 400;
}

.nav-slide__other {
  margin: 20px 10px;
  padding: 15px 10px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.nav-slide__other__btn {
  appearance: none;
  box-sizing: border-box;
  display: block;
  padding: 0;
  margin: 0 auto;
  font-size: 1.166rem;
  font-weight: 700;
  text-align: center;
  line-height: 45px;
  color: #666;
  background: linear-gradient(#f6f6f6, #ebebeb);
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 208px;
}

.nav-slide__other__btn.disable,
.nav-slide__other__btn:disabled {
  opacity: 0.4;
}

.nav-slide__other__text {
  font-size: 1.166rem;
  line-height: 1.4;
  text-align: justify;
  color: #333;
  margin-top: 15px;
}

.is-nav-slide-view {
  display: block;
  transform: translateX(-260px);
  transition: transform 0.2s;
}

.nav-fix__to-pagetop {
  position: fixed;
  right: 10px;
  bottom: 64px;
  z-index: 50;
  display: none;
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background-color: rgba(90, 53, 27, 0.8);
  border: 1px solid #fff;
  border-radius: 3px;
}

.nav-fix__to-pagetop::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  display: block;
  margin: auto;
}

.nav-fix__icon--pagetop::before {
  height: 21px;
  width: 23px;
  background-position: 0 -318px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.nav-fix__price-area {
  position: fixed;
  bottom: 0;
  z-index: 110;
  box-sizing: border-box;
  padding: 6px 10px 8px;
  width: 100%;
  background-color: #f4f4f4;
  border-top: 1px solid #bbb;
}

.nav-fix__price__inner {
  float: left;
  margin-right: -120px;
  width: 100%;
  line-height: 1.5;
}

.nav-fix__price,
.postage {
  color: #333;
}

.nav-fix__price,
.postage,
.postage--discount {
  font-size: 1.083rem;
  text-align: justify;
  line-height: 1;
}

.postage--discount {
  color: #c00;
}

.postage--discount[target="_blank"]::after {
  display: inline-block;
  content: "";
  margin-left: 5px;
  width: 15px;
  height: 13px;
  background-image: url(../images/icon/blank.png);
  background-repeat: no-repeat;
  background-size: 15px;
}

.nav-fix__price-area__link {
  appearance: none;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(#ff8a00, #f47900);
  border: 1px solid #f06600;
  border-radius: 4px;
  position: relative;
  padding: 0 3px 0 26px;
  font-size: 1.166rem;
  line-height: 35px;
}

.nav-fix__price-area__link.disable,
.nav-fix__price-area__link:disabled {
  opacity: 0.4;
}

.nav-fix__price-area__link::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 22px;
  height: 22px;
  background-size: 22px auto;
  background-repeat: no-repeat;
  background-image: url(../images/nav-global_number_05.png);
}

.nav-fix__price-area__link__kerning {
  margin-right: -4px;
  margin-left: -3px;
  font-size: 1.166rem;
  line-height: 35px;
  color: #fff;
}

.web-evo__title {
  font-size: 1.333rem;
  line-height: 1;
  text-align: justify;
  color: #333;
  font-weight: 700;
  margin: 20px 10px;
}

.web-evo__title > img {
  width: auto !important;
}

.pagetitle {
  font-size: 1.333rem;
  line-height: 1;
  text-align: justify;
  color: #333;
  font-weight: 700;
  margin: 20px 10px;
}

.back-previous-page {
  position: relative;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 35px 0 70px;
}

.back-previous-page::after {
  content: "";
  position: absolute;
  left: 12px;
  top: 1px;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-top: 3px solid #c0b8b6;
  border-right: 3px solid #c0b8b6;
  transform: rotate(-135deg);
}

.back-previous-page .back-previous-page__link {
  display: block;
  padding: 15px 10px 15px 35px;
  font-size: 1.25rem;
  color: #333;
  text-decoration: none;
  line-height: 1.4;
  background-color: #f4f4f4;
}

.back-previous-page--button {
  margin: 35px 20px 70px;
}

.back-previous-page--button .back-previous-page--button__link {
  appearance: none;
  box-sizing: border-box;
  display: block;
  padding: 0;
  margin: 0 auto;
  font-size: 1.416rem;
  text-align: center;
  color: #000;
  background: linear-gradient(#fcfcfc, #dbd8d8);
  border: 1px solid #aaa;
  border-radius: 4px;
  width: 100%;
  line-height: 45px;
}

.back-previous-page--button .back-previous-page--button__link.disable,
.back-previous-page--button .back-previous-page--button__link:disabled {
  opacity: 0.4;
}

.menu__moving {
  margin: 16px 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.menu__moving__head {
  padding: 8px;
  background: #ebebeb;
}

.menu__moving__head__lead {
  margin-bottom: 4px;
  color: #999;
  font-size: 11px;
  line-height: 1.4;
}

.menu__moving__head__point {
  color: #db4f43;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
}

.menu__moving__main {
  padding: 8px;
  display: flex;
}

.menu__moving__main--left {
  flex: 1;
}

.menu__moving__main__date {
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
}

.menu__moving__main__date span,
.menu__moving__main__name {
  font-size: 11px;
  font-weight: 700;
}

.menu__moving__main__name {
  margin-bottom: 4px;
}

.menu__moving__main__address,
.menu__moving__main__name {
  width: 190px;
  color: #666;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.menu__moving__main__address {
  font-size: 11px;
}

.menu__moving__main__btn {
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu__moving__main__btn a {
  color: #76952f;
  font-size: 11px;
}

.native-bnr__wrapper {
  margin-top: 20px;
  background-color: #f4f4f4;
}

.native-bnr {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.native-bnr__list {
  position: relative;
}

.native-bnr__list::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 1px;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-top: 3px solid #c0b8b6;
  border-right: 3px solid #c0b8b6;
  transform: rotate(45deg);
}

.native-bnr__list,
.native-bnr__list--emphasis {
  margin-top: 10px;
}

.native-bnr__link {
  display: block;
  padding-right: 25px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.native-bnr__image {
  float: left;
  margin-right: 10px;
}

.native-bnr__text {
  font-size: 1.166rem;
  text-align: justify;
  color: #333;
  font-weight: 700;
  margin-top: 10px;
  line-height: 1.3;
}

.native-bnr__emphasis {
  font-size: 1em;
  color: #c00;
}

.native-bnr__list--emphasis .native-bnr__image {
  float: none;
  margin-right: 0;
  width: 100%;
  min-height: 118px;
}

.native-bnr__list--emphasis .native-bnr__link {
  padding-right: 0;
}

.native-bnr__list--emphasis .native-bnr__text {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  padding-right: 25px;
}

.native-bnr__list--emphasis .native-bnr__text::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 1px;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-top: 3px solid #c0b8b6;
  border-right: 3px solid #c0b8b6;
  transform: rotate(45deg);
}

.native-bnr__not-yet {
  margin-top: 5px;
  margin-left: 10px;
  margin-bottom: 7px;
  color: grey;
  line-height: 11px;
}

.native-bnr__not-yet > img {
  margin-right: 5px;
}

.js-already-view > .native-bnr__not-yet,
.js-hide-myself {
  display: none;
}

.footer__bnr {
  margin-top: 25px;
  margin-bottom: 40px;
  text-align: center;
}

.footer__bnr__title {
  box-sizing: border-box;
  display: block;
  padding: 5px 10px;
  margin: 0;
  font-size: 1.333rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
  color: #fff;
  background: #5a351c;
}

.footer__bnr__text {
  font-size: 1.166rem;
  line-height: 1.4;
  text-align: justify;
  color: #333;
  margin: 25px 10px;
}

.autopager__wrapper {
  position: fixed;
  z-index: 100;
  top: 120%;
  padding-top: 49px;
  padding-bottom: 40px;
  width: 100%;
  min-height: 1000px;
  background-color: #eee;
  transition-property: top;
  transition-duration: 0.2s;
}

.autopager__header {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  box-sizing: border-box;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  width: 100%;
  background-color: #fba035;
}

.autopager__header__title {
  font-size: 1.333rem;
  text-align: justify;
  color: #fff;
  font-weight: 700;
  float: left;
  line-height: 29px;
}

.autopager__close {
  appearance: none;
  box-sizing: border-box;
  display: inline-block;
  padding: 0 20px;
  text-align: center;
  font-weight: 700;
  color: #666;
  background: linear-gradient(#f6f6f6, #ebebeb);
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 0 10px 0 auto;
  font-size: 1.166rem;
  line-height: 27px;
}

.autopager__close.disable,
.autopager__close:disabled {
  opacity: 0.4;
}

.autopager__category__title {
  font-size: 1.25rem;
  line-height: 1.4;
  text-align: justify;
  color: #333;
  font-weight: 700;
  margin: 20px 10px 10px;
}

.autopager__category__list {
  margin-right: 10px;
  margin-bottom: 20px;
  margin-left: 10px;
  background-color: #fff;
  border-radius: 5px;
}

.autopager__category__list > .nav-main__child--category {
  position: relative;
}

.autopager__category__list > .nav-main__child--category::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 1px;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-top: 3px solid #c0b8b6;
  border-right: 3px solid #c0b8b6;
  transform: rotate(45deg);
}

.autopager__category__list .nav-main__link {
  font-weight: 400 !important;
}

.autopager__under-layer {
  position: fixed;
  left: 110%;
  top: 0;
  margin-top: 49px;
  padding-bottom: 400px;
  width: 100%;
  background-color: #eee;
  transition-property: left;
  transition-duration: 0.3s;
}

.autopager__under-layer .nav-main__child--category-list__link {
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
}

.autopager__under-layer .nav-main__child--category-list__link::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 1px;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-top: 3px solid #c0b8b6;
  border-right: 3px solid #c0b8b6;
  transform: rotate(45deg);
}

.autopager__under-layer__back {
  position: relative;
  font-size: 1.25rem;
  font-weight: 400;
  text-align: justify;
  color: #333;
  display: block;
  padding-left: 30px;
  line-height: 40px;
  border-bottom: 1px solid #ccc;
}

.autopager__under-layer__back::after {
  content: "";
  position: absolute;
  left: 12px;
  top: 1px;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-top: 3px solid #c0b8b6;
  border-right: 3px solid #c0b8b6;
  transform: rotate(-135deg);
}

.is-item-layer-hide {
  display: none;
}

.is-autopager-move {
  top: 0;
}

.is-pagetop-view {
  display: block;
}

.is-autopager-view {
  position: relative;
  top: 0;
}

.is-autopager-header-fixed {
  position: fixed;
}

.is-upperlayer-hide {
  display: none;
}

.is-underlayer-move {
  left: 0;
}

.is-underlayer-view {
  position: relative;
  left: 0;
  margin-top: 0;
  padding-bottom: 0;
}

.nav-fix__cart-view__background {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.nav-fix__cart-view__background.close {
  display: block;
}

.nav-fix__price__inner--test {
  position: relative;
  float: left;
  box-sizing: border-box;
  margin-right: -120px;
  padding-left: 24px;
  width: 100%;
  height: 36px;
  line-height: 1.5;
}

.nav-fix__price__inner--test::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 20px;
  height: 37px;
  background: linear-gradient(#ebeaea, #d1d1d1);
  border: 1px solid #bbb;
  border-radius: 3px;
}

.nav-fix__price__inner--test::after {
  border-top: 0;
  border-bottom: 6px solid #4c4c4c;
}

.nav-fix__price__inner--test.close::after,
.nav-fix__price__inner--test::after {
  content: "";
  position: absolute;
  top: 15px;
  left: 7px;
  display: block;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.nav-fix__price__inner--test.close::after {
  border-top: 6px solid #4c4c4c;
  border-bottom: 0;
}

.nav-fix__cart-view {
  position: fixed;
  bottom: 51px;
  z-index: 100;
  display: none;
  box-sizing: border-box;
  padding-top: 15px;
  padding-bottom: 10px;
  width: 100%;
  height: 320px;
  background-color: #ebebeb;
}

.nav-fix__cart-view__baloon {
  position: fixed;
  left: 0;
  bottom: 53px;
  z-index: 100;
  display: none;
}

.nav-fix__cart-view__title {
  margin-bottom: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  line-height: 12px;
  color: #424242;
  border-bottom: 1px solid #bbb;
}

.nav-fix__cart-view__close {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 37px;
  height: 35px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}

.nav-fix__cart-view__close::after,
.nav-fix__cart-view__close::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 18px;
  display: block;
  width: 2px;
  height: 17px;
  background-color: #424242;
  transform: rotate(45deg);
}

.nav-fix__cart-view__close::after {
  transform: rotate(-45deg);
}

.nav-fix__cart-view__amount-all {
  font-weight: 400;
  color: #424242;
}

.nav-fix__cart-view__list {
  overflow-y: scroll;
  box-sizing: border-box;
  margin-right: 5px;
  margin-left: 10px;
  max-height: 259px;
}

.nav-fix__cart-view__child {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  width: 53px;
  height: 53px;
  font-size: 1px;
  border: 1px solid #fff;
}

.nav-fix__cart-view__child--set {
  border-color: #300;
}

.nav-fix__cart-view__child--set::before {
  position: absolute;
  left: -1px;
  bottom: -3px;
  content: "";
  display: block;
  width: 27px;
  height: 26px;
  background: 0 0 url(../images/icon_set.png) no-repeat;
  background-size: 27px auto;
}

.nav-fix__cart-view__child__amount {
  position: absolute;
  right: -3px;
  bottom: -3px;
  display: block;
  width: 28px;
  font-size: 0.916rem;
  text-align: center;
  line-height: 15px;
  color: #666;
  background-color: #fff;
  border-radius: 7px;
}

.nav-fix__cart-view__text {
  font-size: 1.166rem;
  color: #666;
  text-align: center;
  line-height: 250px;
}

.nav-fix__cart-view__link {
  font-size: 1em;
  color: #a00;
}

.nav-fix__cart-view__loading {
  vertical-align: middle;
}

.nav-fix__cart-view__namebox__wrapper {
  position: fixed;
  z-index: 150;
  left: 0;
  display: none;
  box-sizing: border-box;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 8px;
  width: 100%;
}

.nav-fix__cart-view__namebox {
  font-size: 1.083rem;
  line-height: 1.5;
  text-align: justify;
  color: #fff;
  box-sizing: border-box;
  padding: 6px 8px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #543636;
  border-radius: 3px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
}

.nav-fix__cart-view__namebox__arrow {
  position: absolute;
  bottom: 4px;
  display: block;
  width: 8px;
  height: 8px;
  background-color: #543636;
  box-shadow: 0 2px 2px rgba(94, 54, 54, 0.35);
  transform: rotate(45deg);
}

.js-fix-cart-items-disabled {
  opacity: 0.3;
}

.icon_sprite--pc::after {
  height: 16px;
  width: 17px;
  background-position: 0 0;
}

.icon_sprite--pc::after,
.icon_sprite--window::after {
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.icon_sprite--window::after {
  height: 19px;
  width: 21px;
  background-position: -37px -23px;
}

.hide > :not(#js-search-items) {
  visibility: hidden;
  overflow-y: hidden;
  margin: 0;
  width: 100%;
  height: 0;
}

.header--ui {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 52px;
  background-color: #fff;
}

.header--ui__fix-area {
  position: relative;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
}

.header--ui__gNav {
  display: table-cell;
  padding-top: 16px;
  padding-bottom: 13px;
  padding-left: 10px;
  height: 23px;
  vertical-align: middle;
}

.header--ui__menu {
  text-indent: 110%;
  width: 22px;
  white-space: nowrap;
  background-image: url(/smart/base/images/icon_header_hamburger.png?date=201710131816);
  background-size: 22px auto;
}

.header--ui__menu,
.header--ui__menu__login {
  display: block;
  overflow: hidden;
  height: 23px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.header--ui__menu__login {
  text-indent: -110%;
  width: 58px;
  background-image: url(/smart/base/images/icon_header_login.png?date=201710131816);
  background-size: 58px auto;
}

.header--ui__menu__link {
  position: relative;
  display: block;
  width: 22px;
  height: 23px;
  float: left;
  margin-right: 20px;
}

.header--ui__menu__favorite {
  position: relative;
  width: 21px;
  height: 23px;
  float: left;
  background-image: url(/smart/base/images/icon_header_favorite.png);
  background-size: 21px auto;
  background-position: 0;
  vertical-align: bottom;
}

.header--ui__menu__favorite,
.header--ui__menu__notification {
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  text-indent: 110%;
  white-space: nowrap;
}

.header--ui__menu__notification {
  position: absolute;
  top: -4px;
  right: -8px;
  z-index: 1;
  width: 20px;
  height: 20px;
  background-image: url(/smart/base/images/icon_header_coupon.png);
  background-size: 20px auto;
  background-position: 0 0;
}

.header--ui__logo {
  display: table-cell;
  width: 78px;
  vertical-align: middle;
}

.header--ui__logo__link {
  display: block;
}

.header--ui__search-items {
  display: table-cell;
  padding-top: 16px;
  padding-right: 10px;
  padding-bottom: 12px;
  height: 24px;
  text-align: right;
  vertical-align: middle;
}

.header--ui__search-items__btn {
  width: 70px;
  background-image: url(/smart/base/images/icon_header_search.png?date=201710131816);
  background-size: 70px auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.header--ui__search-items__btn,
.header--ui__search-items__close {
  display: block;
  overflow: hidden;
  text-indent: 110%;
  margin-left: auto;
  height: 24px;
  white-space: nowrap;
}

.header--ui__search-items__close {
  width: 24px;
}

.header--ui__search-items__close::before {
  content: "";
  position: absolute;
  top: 25px;
  right: 15px;
  display: block;
  width: 9px;
  height: 9px;
  border-top: 3px solid #c0b8b6;
  border-right: 3px solid #c0b8b6;
  transform: rotate(-45deg);
}

.header--ui__featurelist {
  box-sizing: border-box;
  padding-top: 5px;
  padding-right: 5px;
  padding-left: 5px;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  background-color: #eee;
  border-bottom: 1px solid #ddd;
}

.header--ui__featurelist__child {
  display: inline-block;
  padding-right: 5px;
  padding-bottom: 5px;
  width: 84px;
}

.header--ui__featurelist__child:first-child {
  margin-left: 320px;
  transition: margin-left 0.3s ease-out;
}

.header--ui__featurelist__child:first-child.js-ui-slide-header {
  margin-left: 0;
}

.header--ui__featurelist__image {
  border-radius: 3px;
}

.header--ui__featurelist__link {
  display: block;
  width: 84px;
  height: 28px;
}

.featurelist__feature-image {
  position: absolute;
  left: 0;
  bottom: 3px;
  display: inline-block;
  box-sizing: border-box;
  padding-top: 1px;
  padding-right: 5px;
  padding-left: 5px;
  width: 94px;
  height: 32px;
  text-align: center;
  background-color: #eee;
}

.featurelist__feature-image__inner {
  display: inline-block;
  overflow: hidden;
  padding-bottom: 6px;
  background-color: #fff;
  border-radius: 3px 3px 0 0;
}

#search_input::placeholder {
  color: #ababab;
}

.search-items {
  position: absolute;
  top: 0;
  display: none;
  width: 100%;
  background-color: #fff;
}

.search-items.open {
  display: block;
  z-index: 2000;
}

.search-items__header__wrapper {
  height: 117px;
}

.search-items__header__inner {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: #fff;
}

.search-items__inner {
  margin-bottom: 40px;
}

.search-items__title {
  position: relative;
  margin-top: 30px;
  margin-bottom: 10px;
  padding-left: 10px;
  font-size: 1.166rem;
  font-weight: 700;
  line-height: 1;
  color: #231815;
  text-align: center;
}

.search-items__title--sub {
  margin-top: 5px;
  margin-bottom: 10px;
  margin-left: 10px;
  line-height: 1;
  color: #666;
}

.search-items__reflesh-date {
  position: absolute;
  z-index: 1;
  top: 1px;
  right: 10px;
  color: #666;
}

.search-items__search {
  position: relative;
  padding: 15px 10px;
  background-color: #fff;
}

.search-items__search__input {
  width: 100%;
  margin: 0;
  padding: 14px 40px 12px 10px;
  font-size: 1.166rem;
  line-height: 1;
  background-color: #f4f4f4;
  border: none;
  border-radius: 4px;
}

.search-items__search__btn,
.search-items__search__input {
  appearance: none;
  display: block;
  box-sizing: border-box;
  height: 40px;
}

.search-items__search__btn {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 40px;
  margin: auto 0;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-image: url(/smart/base/images/icon_search-items_search.png);
  background-size: 24px auto;
  background-repeat: no-repeat;
  background-position: 8px 8px;
  border: none;
}

.search-items__search__aoutocomplete__wrapper {
  position: absolute;
  z-index: 100;
  top: 50px;
  left: 1%;
  box-sizing: border-box;
  width: 98%;
}

.search-items__trend {
  margin-left: 10px;
}

.search-items__trend__list {
  float: left;
  margin-right: 20px;
  margin-bottom: 8px;
}

.search-items__trend__list__link {
  font-size: 1.166rem;
  color: #231815;
}

.search-items__category {
  display: flex;
  flex-wrap: wrap;
  margin: 5px 10px 10px;
}

.search-items__category__list {
  box-sizing: border-box;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 50%;
  flex-grow: 1;
}

.search-items__category__link {
  position: relative;
  padding-left: 55px;
  height: 50px;
}

.search-items__category__link,
.search-items__category__link--img {
  display: flex;
  align-items: center;
}

.search-items__category__link--img__text {
  flex: 1;
  margin-left: 5px;
  font-size: 1.166rem;
  line-height: 1.1;
  color: #231815;
}

.search-items__category__link::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  display: block;
  width: 50px;
  height: 50px;
}

.search-items__category__link__text {
  font-size: 1.166rem;
  line-height: 1.1;
  color: #231815;
}

.search-items__bnr {
  margin: 20px 10px 10px;
}

.search-items__feature {
  display: flex;
  flex-wrap: wrap;
  margin-right: 5px;
  margin-left: 5px;
}

.search-items__feature__list {
  width: 50%;
}

.search-items__feature__list,
.search-items__feature__list--emphasis {
  box-sizing: border-box;
  margin-top: 5px;
  margin-bottom: 25px;
  padding-right: 5px;
  padding-left: 5px;
}

.search-items__feature__list--emphasis {
  width: 100%;
}

.search-items__feature__link {
  position: relative;
  display: block;
  padding-top: 20px;
}

.search-items__feature__link--emphasis {
  display: block;
}

.search-items__feature__title {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  width: 120px;
  height: 40px;
  border-radius: 4px;
}

.search-items__feature__image {
  margin-bottom: 10px;
}

.search-items__feature__text {
  font-size: 1.166rem;
  line-height: 1.3;
  text-align: center;
  color: #231815;
}

.search-items__feature__not-yet {
  margin-top: 10px;
  line-height: 11px;
  text-align: center;
  color: grey;
}

.js-already-view .search-items__feature__not-yet {
  display: none;
}

.search-items__feature__delivery-date {
  margin-top: 10px;
  text-align: center;
  line-height: 22px;
  color: #231815;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.search-items__feature-digest__feature__link {
  display: block;
  padding-bottom: 15px;
}

.search-items__feature-digest__feature__link .cart_limit_member_only,
.search-items__feature-digest__feature__link .cart_teikibox_only,
.search-items__feature-digest__feature__link .item_sold_out_permanently {
  display: none;
}

.search-items__feature-digest__feature__title {
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  padding-top: 10px;
  border-top: 1px solid #eee;
}

.search-items__feature-digest__feature__title__image {
  margin-left: -10px;
  border-radius: 0 4px 4px 0;
}

.search-items__feature-digest__not-yet {
  float: left;
  margin-left: 10px;
  font-size: 0.916rem;
  color: #231815;
}

.search-items__feature-digest__not-yet > img {
  margin-right: 5px;
}

.js-already-view .search-items__feature-digest__not-yet {
  display: none;
}

.search-items__feature-digest__more {
  position: relative;
  float: right;
  margin-right: 10px;
  padding-right: 15px;
  font-size: 1.083rem;
  color: #333;
}

.search-items__feature-digest__more::after {
  content: "";
  position: absolute;
  right: 0;
  top: 1px;
  bottom: 0;
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #888;
  border-right: 2px solid #888;
  transform: rotate(45deg);
}

.search-items__campaign {
  margin-top: 20px;
}

.search-items__campaign__item {
  position: relative;
}

.search-items__campaign__item__image {
  float: left;
  margin-right: 10px;
}

.search-items__campaign__item__title {
  font-size: 1.166rem;
  color: #333;
  font-weight: 700;
  margin-top: 4px;
  line-height: 1.2;
  text-align: left;
}

.search-items__campaign__item__text {
  font-size: 1.166rem;
  text-align: justify;
  color: #333;
  margin-top: 4px;
  line-height: 1.2;
}

.search-items__campaign__item__text--em {
  font-size: 1.166rem;
  text-align: justify;
  color: #333;
  color: #db4f43;
  line-height: 1.2;
}

.search-items__campaign__item__text__limit {
  color: #db4f43;
  margin-top: 4px;
  line-height: 1.2;
  text-align: left;
  font-weight: 700;
}

.search-items__campaign__link {
  display: block;
  padding: 7px 10px;
  font-size: 1.166rem;
  color: #333;
  text-decoration: none;
  background-color: #fff;
}

.search-items__page__list {
  display: none;
}

.search-items__page__list.view {
  display: block;
}

.search-items__page__list--first.hide {
  display: none;
}

.search-items__page__list .nav-main__catechild > a::after,
.search-items__page__list
  > .nav-main__child--category-list
  > .nav-main__child--category-list__child
  > a::after {
  border: none;
}

.search-items__page__list__title {
  position: relative;
  display: block;
  margin-bottom: 15px;
  font-size: 1.166rem;
  font-weight: 700;
  text-align: center;
  line-height: 35px;
  color: #231815;
}

.search-items__page__list__title::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 11px;
  margin-top: auto;
  margin-bottom: auto;
  width: 9px;
  height: 9px;
  border-top: 3px solid #c0b8b6;
  border-left: 3px solid #c0b8b6;
  transform: rotate(-45deg);
}

.feature-digest__items {
  display: flex;
  box-sizing: border-box;
  padding-bottom: 25px;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
  overflow-y: auto;
}

.feature-digest__item {
  flex: 1 0 auto;
  box-sizing: border-box;
  padding-right: 10px;
  width: 140px;
}

.feature-digest__item > .cart_limit_member_only,
.feature-digest__item > .cart_teikibox_only,
.feature-digest__item > .item_sold_out_permanently {
  display: none;
}

.feature-digest__item__text {
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 5px;
  font-size: 1.083rem;
  line-height: 1.3;
  color: #231815;
}

.feature-digest__item > .cart_item_foot_cart,
.js-already-view > .search-items__feature__not-yet {
  display: none;
}

.nav-fix--ui__btn--confirm {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100px;
  height: 50px;
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(/smart/base/images/btn_order_confirm.png?20190409);
  background-size: 100px auto;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.nav-fix--ui__btn--confirm--auto-complete {
  background-image: url(/smart/base/images/btn_order_confirm_auto.png);
}

.menu {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  margin-left: -293px;
  width: 258px;
  height: 0;
  background-color: #fff;
}

.menu__inner {
  padding-top: 8px;
  height: 100%;
  overflow-y: auto;
}

.menu__customer__name {
  position: relative;
  margin-bottom: 19px;
  padding-right: 10px;
  padding-left: 35px;
  font-size: 1.166rem;
  line-height: 23px;
  color: #231815;
}

.menu__customer__name__image {
  margin-right: 5px;
}

.menu__customer__name::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 10px;
}

.menu__customer__name.nav-slide__icon--customer-vip {
  padding-left: 55px;
}

.menu__list__child {
  background-color: #f4f4f4;
  border-bottom: 1px solid #fff;
}

.menu__list__child--white > .nav-slide__link,
.menu__list__child > .nav-slide__link {
  padding: 17px 10px 13px 35px;
  font-size: 1.166rem;
}

.menu__list__child--white > .nav-slide__link::before,
.menu__list__child > .nav-slide__link::before {
  top: 13px;
  left: 10px;
}

.menu__list__child__notification {
  color: #db4f43;
}

.menu__title {
  margin: 35px 10px 20px;
  line-height: 1;
  color: #666;
}

.menu__point {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  font-size: 1.166rem;
  text-align: right;
  color: #231815;
}

.menu__point::before {
  content: "";
  position: absolute;
  top: -2px;
  bottom: 0;
  left: 0;
}

.menu__btn--close {
  position: absolute;
  right: -35px;
  top: 0;
  z-index: 1;
  display: block;
  width: 35px;
  height: 30px;
  text-indent: 200%;
  overflow: hidden;
  white-space: nowrap;
  background-image: url(/smart/base/images/btn_menu_close.png);
  background-repeat: no-repeat;
  background-size: 35px auto;
  background-position: 0 0;
}

.menu.view {
  height: 100%;
}

.menu__bg.view {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.menu__news__list {
  border-top: 1px solid #f4f4f4;
}

.menu__news__item {
  border-bottom: 1px solid #f4f4f4;
}

.menu__news__link {
  display: block;
  position: relative;
  padding: 10px 25px 10px 10px;
}

.menu__news__link::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
  display: block;
  width: 6px;
  height: 6px;
  border-top: 2px solid #c0b8b6;
  border-right: 2px solid #c0b8b6;
  transform: rotate(45deg);
}

.menu__news__date {
  color: #666;
  vertical-align: sub;
}

.menu__news__status--important {
  background: #db4f43;
}

.menu__news__status--collect,
.menu__news__status--important {
  float: left;
  margin-right: 8px;
  padding: 4px 5px;
  color: #fff;
  border-radius: 4px;
  font-size: 0.916rem;
}

.menu__news__status--collect {
  background: #9f708c;
}

.menu__news__desc {
  margin-top: 5px;
  line-height: 1.6;
  font-weight: 700;
}

.menu__news__desc__em {
  display: block;
  color: #999;
}

.menu__news__desc__em--red {
  display: block;
  color: #db4f43;
}

#js-change-item-layer.fixed {
  position: fixed;
  width: 100%;
  left: 0;
}

.search-items__icon_sprite--free-shipping::before {
  background-position: 0 -6194px;
}

.search-items__icon_sprite--daichi::before,
.search-items__icon_sprite--free-shipping::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--daichi::before {
  background-position: 0 -5944px;
}

.search-items__icon_sprite--greencheck::before {
  background-position: 0 -6694px;
}

.search-items__icon_sprite--baby_congratulations::before,
.search-items__icon_sprite--greencheck::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--baby_congratulations::before {
  background-position: 0 -5544px;
}

.search-items__icon_sprite--kids_new::before {
  background-position: 0 -4994px;
}

.search-items__icon_sprite--baby_new::before,
.search-items__icon_sprite--kids_new::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--baby_new::before {
  background-position: 0 -5594px;
}

.search-items__icon_sprite--babyfood::before {
  background-position: 0 -2094px;
}

.search-items__icon_sprite--babyfood::before,
.search-items__icon_sprite--bread::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--bread::before {
  background-position: 0 -5744px;
}

.search-items__icon_sprite--cleanup::before {
  background-position: 0 -5794px;
}

.search-items__icon_sprite--cleanup::before,
.search-items__icon_sprite--coupon::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--coupon::before {
  background-position: 0 -5844px;
}

.search-items__icon_sprite--course::before {
  background-position: 0 -5894px;
}

.search-items__icon_sprite--course::before,
.search-items__icon_sprite--drinkmilk::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--drinkmilk::before {
  background-position: 0 -5994px;
}

.search-items__icon_sprite--eggdairyfree::before {
  background-position: 0 -6044px;
}

.search-items__icon_sprite--eggdairyfree::before,
.search-items__icon_sprite--favorite::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--favorite::before {
  background-position: 0 -6094px;
}

.search-items__icon_sprite--fish::before {
  background-position: 0 -6144px;
}

.search-items__icon_sprite--fish::before,
.search-items__icon_sprite--freezemain::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--freezemain::before {
  background-position: 0 -6244px;
}

.search-items__icon_sprite--freezesub::before {
  background-position: 0 -6294px;
}

.search-items__icon_sprite--freezesub::before,
.search-items__icon_sprite--fruits::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--fruits::before {
  background-position: 0 -6344px;
}

.search-items__icon_sprite--gluten::before {
  background-position: 0 -6394px;
}

.search-items__icon_sprite--gluten::before,
.search-items__icon_sprite--gokkun_recommend::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--gokkun_recommend::before {
  background-position: 0 -6644px;
}

.search-items__icon_sprite--hayawari::before {
  background-position: 0 -6844px;
}

.search-items__icon_sprite--hayawari::before,
.search-items__icon_sprite--hinamatsuri::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--hinamatsuri::before {
  background-position: 0 -4094px;
}

.search-items__icon_sprite--hiroba::before {
  background-position: 0 -5344px;
}

.search-items__icon_sprite--hiroba::before,
.search-items__icon_sprite--history::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--history::before {
  background-position: 0 -5294px;
}

.search-items__icon_sprite--jyunyu_recommend::before {
  background-position: 0 -5194px;
}

.search-items__icon_sprite--jyunyu_recommend::before,
.search-items__icon_sprite--kamikami_recommend::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--kamikami_recommend::before {
  background-position: 0 -5044px;
}

.search-items__icon_sprite--kit::before {
  background-position: 0 -4944px;
}

.search-items__icon_sprite--kit2::before,
.search-items__icon_sprite--kit::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--kit2::before {
  background-position: 0 -4894px;
}

.search-items__icon_sprite--kitchen::before {
  background-position: 0 -4844px;
}

.search-items__icon_sprite--kitchen::before,
.search-items__icon_sprite--kitcource::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--kitcource::before {
  background-position: 0 -4794px;
}

.search-items__icon_sprite--kyushu::before {
  background-position: 0 -4744px;
}

.search-items__icon_sprite--kyushu::before,
.search-items__icon_sprite--mama::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--mama::before {
  background-position: 0 -4694px;
}

.search-items__icon_sprite--mama_new::before {
  background-position: 0 -4594px;
}

.search-items__icon_sprite--mama_column::before,
.search-items__icon_sprite--mama_new::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--mama_column::before {
  background-position: 0 -4644px;
}

.search-items__icon_sprite--oiwt_tama::before {
  background-position: 0 -3944px;
}

.search-items__icon_sprite--oiwt_hiyo1::before,
.search-items__icon_sprite--oiwt_tama::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--oiwt_hiyo1::before {
  background-position: 0 -4044px;
}

.search-items__icon_sprite--oiwt_hiyo2::before {
  background-position: 0 -3994px;
}

.search-items__icon_sprite--ninshin_recipe::before,
.search-items__icon_sprite--oiwt_hiyo2::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--ninshin_recipe::before {
  background-position: 0 -4244px;
}

.search-items__icon_sprite--jyunyu_recipe::before {
  background-position: 0 -5244px;
}

.search-items__icon_sprite--gokkun_recipe::before,
.search-items__icon_sprite--jyunyu_recipe::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--gokkun_recipe::before {
  background-position: 0 -6594px;
}

.search-items__icon_sprite--kamikami_recipe::before {
  background-position: 0 -5094px;
}

.search-items__icon_sprite--kamikami_recipe::before,
.search-items__icon_sprite--mogumogu_recipe::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--mogumogu_recipe::before {
  background-position: 0 -4344px;
}

.search-items__icon_sprite--pakupaku_recipe::before {
  background-position: 0 -3744px;
}

.search-items__icon_sprite--pakupaku_recipe::before,
.search-items__icon_sprite--youji_recipe::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--youji_recipe::before {
  background-position: 0 -2194px;
}

.search-items__icon_sprite--base_recipe::before {
  background-position: 0 -5694px;
}

.search-items__icon_sprite--base_recipe::before,
.search-items__icon_sprite--gokkun_ok::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--gokkun_ok::before {
  background-position: 0 -6544px;
}

.search-items__icon_sprite--kamikami_ok::before {
  background-position: 0 -5144px;
}

.search-items__icon_sprite--kamikami_ok::before,
.search-items__icon_sprite--mogumogu_ok::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--mogumogu_ok::before {
  background-position: 0 -4394px;
}

.search-items__icon_sprite--pakupaku_ok::before {
  background-position: 0 -3794px;
}

.search-items__icon_sprite--pakupaku_ok::before,
.search-items__icon_sprite--youji_ok::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--youji_ok::before {
  background-position: 0 -2344px;
}

.search-items__icon_sprite--1stBirthday::before {
  background-position: 0 -5494px;
}

.search-items__icon_sprite--1stBirthday::before,
.search-items__icon_sprite--halfBirthday::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--halfBirthday::before {
  background-position: 0 -6794px;
}

.search-items__icon_sprite--okuizome::before {
  background-position: 0 -3894px;
}

.search-items__icon_sprite--okuizome::before,
.search-items__icon_sprite--youji_oyatsu::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--youji_oyatsu::before {
  background-position: 0 -2244px;
}

.search-items__icon_sprite--meat::before {
  background-position: 0 -4544px;
}

.search-items__icon_sprite--meat::before,
.search-items__icon_sprite--menu::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--menu::before {
  background-position: 0 -4494px;
}

.search-items__icon_sprite--gohan_main::before {
  background-position: 0 -6444px;
}

.search-items__icon_sprite--gohan_main::before,
.search-items__icon_sprite--gohan_side::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--gohan_side::before {
  background-position: 0 -6494px;
}

.search-items__icon_sprite--milk::before {
  background-position: 0 -4444px;
}

.search-items__icon_sprite--milk::before,
.search-items__icon_sprite--mogumogu_recommend::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--mogumogu_recommend::before {
  background-position: 0 -4294px;
}

.search-items__icon_sprite--ninshin_recommend::before {
  background-position: 0 -4194px;
}

.search-items__icon_sprite--ninshin_recommend::before,
.search-items__icon_sprite--noodles::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--noodles::before {
  background-position: 0 -4144px;
}

.search-items__icon_sprite--oichika::before {
  background-position: 0 -2294px;
}

.search-items__icon_sprite--oichika::before,
.search-items__icon_sprite--osechi::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--osechi::before {
  background-position: 0 -3844px;
}

.search-items__icon_sprite--pantheon::before {
  background-position: 0 -3694px;
}

.search-items__icon_sprite--pantheon::before,
.search-items__icon_sprite--pepitprice::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--pepitprice::before {
  background-position: 0 -3594px;
}

.search-items__icon_sprite--pickles::before {
  background-position: 0 -3544px;
}

.search-items__icon_sprite--pickles::before,
.search-items__icon_sprite--radish::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--radish::before {
  background-position: 0 -3444px;
}

.search-items__icon_sprite--rice::before {
  background-position: 0 -3344px;
}

.search-items__icon_sprite--rice::before,
.search-items__icon_sprite--sale::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--sale::before {
  background-position: 0 -3294px;
}

.search-items__icon_sprite--salt::before {
  background-position: 0 -3244px;
}

.search-items__icon_sprite--salt::before,
.search-items__icon_sprite--seasoning::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--seasoning::before {
  background-position: 0 -3194px;
}

.search-items__icon_sprite--setsubun::before {
  background-position: 0 -3144px;
}

.search-items__icon_sprite--setsubun::before,
.search-items__icon_sprite--shorter-campaign::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--shorter-campaign::before {
  background-position: 0 -3094px;
}

.search-items__icon_sprite--shorter::before {
  background-position: 0 -3044px;
}

.search-items__icon_sprite--shorter::before,
.search-items__icon_sprite--snack::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--snack::before {
  background-position: 0 -2944px;
}

.search-items__icon_sprite--tft::before {
  background-position: 0 -2844px;
}

.search-items__icon_sprite--tft::before,
.search-items__icon_sprite--tofu::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--tofu::before {
  background-position: 0 -2794px;
}

.search-items__icon_sprite--toku::before {
  background-position: 0 -2744px;
}

.search-items__icon_sprite--toku::before,
.search-items__icon_sprite--u199::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--u199::before {
  background-position: 0 -2694px;
}

.search-items__icon_sprite--vegetables::before {
  background-position: 0 -2594px;
}

.search-items__icon_sprite--vegetables::before,
.search-items__icon_sprite--veji160825::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--veji160825::before {
  background-position: 0 -2544px;
}

.search-items__icon_sprite--vip::before {
  background-position: 0 -2494px;
}

.search-items__icon_sprite--vip::before,
.search-items__icon_sprite--water::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--water::before {
  background-position: 0 -2444px;
}

.search-items__icon_sprite--xmas::before {
  background-position: 0 -2394px;
}

.search-items__icon_sprite--xmas::before,
.search-items__icon_sprite--youji_recommend::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--youji_recommend::before {
  background-position: 0 -2144px;
}

.search-items__icon_sprite--yoyaku::before {
  background-position: 0 -5644px;
}

.search-items__icon_sprite--187::before,
.search-items__icon_sprite--yoyaku::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--187::before {
  background-position: 0 -5394px;
}

.search-items__icon_sprite--188::before {
  background-position: 0 -5444px;
}

.search-items__icon_sprite--188::before,
.search-items__icon_sprite--spring::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--spring::before {
  background-position: 0 -2894px;
}

.search-items__icon_sprite--vegegohan::before {
  background-position: 0 -2644px;
}

.search-items__icon_sprite--shun::before,
.search-items__icon_sprite--vegegohan::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--shun::before {
  background-position: 0 -2994px;
}

.search-items__icon_sprite--primepass::before {
  background-position: 0 -3494px;
}

.search-items__icon_sprite--primepass::before,
.search-items__icon_sprite--reserved::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--reserved::before {
  background-position: 0 -3394px;
}

.search-items__icon_sprite--haircare::before {
  background-position: 0 -6744px;
}

.search-items__icon_sprite--haircare::before,
.search-items__icon_sprite--pb::before {
  height: 50px;
  width: 50px;
  background-image: url(../../../smart/base/images/sprite-s1e1960c9b5.png);
  background-repeat: no-repeat;
  background-size: 62px auto;
}

.search-items__icon_sprite--pb::before {
  background-position: 0 -3644px;
}

.footer-nav--new {
  margin-bottom: 50px;
}

.footer-nav--new__inner {
  padding: 25px 10px;
  background-color: #f4f4f4;
}

.footer-nav--new__title {
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  font-size: 12px;
  line-height: 1;
  color: #666;
}

.footer-nav--new__link-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.footer-nav--new__link-list__child {
  box-sizing: border-box;
  width: 50%;
  padding-right: 5px;
  margin-bottom: 15px;
}

.footer-nav--new__link-list__child--wide {
  width: 100%;
}

.footer-nav--new__link-list__link {
  font-size: 14px;
  line-height: 1;
  color: #231815;
}

.footer-nav--new__link-list__link--bold {
  font-weight: 700;
}

.footer-nav--new__link-list--sns__child {
  display: inline-block;
  padding-right: 10px;
}

.footer-nav--new__other-services__link {
  position: relative;
  display: block;
  padding: 15px 10px 15px 50px;
  height: 30px;
  font-size: 14px;
  font-weight: 700;
  color: #231815;
  background-color: #f4f4f4;
}

.footer-nav--new__other-services__link::before {
  left: 10px;
}

.footer-nav--new__other-services__link::after,
.footer-nav--new__other-services__link::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin-top: auto;
  margin-bottom: auto;
}

.footer-nav--new__other-services__link::after {
  right: 10px;
  width: 21px;
  height: 19px;
  background-size: 21px auto;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(/smart/base/images/window-icon.png);
}

.footer-nav--new__other-services__link--description {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: #666;
}

.footer-nav--new .footer-nav__child--category__list--item::after {
  background: none;
}

.modal {
  display: none;
}

.modal__background {
  position: fixed;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1000;
}

.modal__contact {
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-top: 10px;
  padding-right: 20px;
  padding-left: 20px;
  width: 100%;
  text-align: right;
  z-index: 101;
}

.modal__contact__inner {
  position: relative;
  margin-top: 20px;
  background-color: #f39800;
  border-radius: 4px;
}

.modal__contact__inner::before {
  position: absolute;
  top: -18px;
  right: 70px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-color: transparent transparent #f39800;
  border-style: solid;
  border-width: 0 23px 18px;
}

#js-modal-close,
.js-modal-close {
  cursor: pointer;
}

#js-fixedModal-async {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  box-sizing: border-box;
}

#js-fixedModal-async[data-modal-status="show"] {
  display: block !important;
}

#js-fixedModal-async[data-modal-status="hide"] {
  display: none !important;
}

#js-fixedModal-async .fixedModal__content {
  width: 100%;
  height: 100%;
  position: relative;
  transition: none;
  background: transparent;
  margin: 0;
  overflow: auto;
}

#js-fixedModal-async .fixedModal__content[data-modal-status="show"] {
  animation: animationModalContentSlideUp 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s
    forwards;
}

#js-fixedModal-async .fixedModal__content[data-modal-type="caution"] {
  background: transparent !important;
}

#js-fixedModal-async .fixedModal__content[data-modal-status="hide"] {
  animation: animationModalContentSlideDown 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s
    forwards;
}

#js-fixedModal-async .fixedModal__content[data-modal-status="static-hide"] {
  display: none;
  opacity: 0;
  transform: translateY(100%);
}

#js-fixedModal-async .fixedModal__content__close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  cursor: pointer;
}

#js-fixedModal-async .fixedModal__content__close i {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  font-size: 0;
}

#js-fixedModal-async .fixedModal__content__close i::before {
  content: "";
  display: block;
  width: 24px;
  height: 4px;
  position: absolute;
  top: 10px;
  left: 0;
  background: #ccc;
  transform: rotate(45deg);
}

#js-fixedModal-async .fixedModal__content__close i::after {
  content: "";
  display: block;
  width: 24px;
  height: 4px;
  position: absolute;
  top: 10px;
  left: 0;
  background: #ccc;
  transform: rotate(-45deg);
}

#js-fixedModal-async .fixedModal__content__caution {
  height: 100%;
  display: flex;
  align-items: center;
  width: 300px;
  margin: 0 auto;
}

#js-fixedModal-async .fixedModal__content__caution__inner {
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 4px;
}

#js-fixedModal-async .fixedModal__content__caution__text,
#js-fixedModal-async .fixedModal__content__caution__text * {
  line-height: 1.6;
  font-size: 1.083rem;
}

#js-fixedModal-async .fixedModal__content__caution__btn {
  display: block;
  width: 100%;
  position: relative;
  appearance: none;
  margin: 15px auto 0;
  padding: 10px 0;
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
  color: #76952f !important;
  background: #fff;
  font-size: 1.25rem;
  line-height: 24px;
  border: 2px solid #76952f;
  text-shadow: 0 0 0 #76952f;
  cursor: pointer;
}

#js-fixedModal-async .fixedModal__content__caution__btn i {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #76952f;
  border-right: 2px solid #76952f;
  transform: rotate(45deg);
}

#js-fixedModal-async .fixedModal__content__caution__btn--submit {
  display: block;
  width: 100%;
  position: relative;
  appearance: none;
  margin: 15px auto 0;
  padding: 10px 0;
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
  color: #fff !important;
  background: #76952f;
  font-size: 1.25rem;
  line-height: 24px;
  border: 2px solid #76952f;
  text-shadow: 0 0 0 #fff;
  cursor: pointer;
}

#js-fixedModal-async .fixedModal__content__caution__btn--submit i {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

#js-fixedModal-async .async__loading__text {
  margin-top: 65px;
  font-size: 1.333rem;
  font-weight: 700;
  color: #76952f;
}

#js-loading-async-contents.async__loading {
  position: fixed;
  width: 80%;
  height: 120px;
  top: 50%;
  left: 10%;
  margin-top: -60px;
  background: hsla(0deg, 0%, 100%, 0.8);
  z-index: 1001;
  border-radius: 5px;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
}

#js-loading-async-contents.async__loading__text {
  margin-top: 65px;
  font-size: 1.333rem;
  font-weight: 700;
  color: #76952f;
}

.menu__list__child__link__possession {
  margin-top: 4px;
}

.menu__list__child__link__possession__point {
  display: inline-block;
  margin-right: 12px;
  font-size: 11px;
  font-weight: 400;
  color: #db4f43;
}

.menu__list__child__link__possession__point::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-image: url(/smart/base/images/benefit/icon_point_benefit.svg);
  background-size: 20px auto;
  background-repeat: no-repeat;
}

.menu__list__child__link__possession__coupon {
  display: inline-block;
  font-size: 11px;
  font-weight: 400;
  color: #db4f43;
}

.menu__list__child__link__possession__coupon::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-image: url(/smart/base/images/benefit/icon_coupon_benefit.svg);
  background-size: 20px auto;
  background-repeat: no-repeat;
}

.form--renewal__title {
  margin-top: 12px;
  margin-bottom: 16px;
  font-size: 17px;
  font-weight: 700;
  line-height: 23px;
  text-align: center;
  color: #333;
}

.form--renewal__flow {
  display: flex;
  background-color: #eee;
  border-top: 1px solid #fff;
  z-index: 1;
}

.form--renewal__flow__list {
  position: relative;
  flex-grow: 1;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #666;
  background-color: #eee;
}

.form--renewal__flow__list:not(:last-child)::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  right: -17px;
  display: block;
  margin: auto 0;
  width: 33px;
  height: 33px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  background-color: #eee;
  transform: rotate(45deg);
}

.form--renewal__flow__list:first-child::after {
  right: -17px;
  background-color: #eee;
}

.form--renewal__flow__list--active {
  font-weight: 700;
  color: #fff;
  background-color: #231815;
}

.form--renewal__flow__list--active:not(:last-child)::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  right: -17px;
  display: block;
  margin: auto 0;
  width: 33px;
  height: 33px;
  border-top: 0;
  border-right: 0;
  background-color: #231815;
  transform: rotate(45deg);
}

.form--renewal__flow--2line__list {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-grow: 1;
  box-sizing: border-box;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 20px;
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
  color: #666;
  background-color: #eee;
}

.form--renewal__flow--2line__list:not(:last-child)::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  right: -17px;
  display: block;
  margin: auto 0;
  width: 32px;
  height: 32px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  background-color: #eee;
  transform: rotate(45deg);
}

.form--renewal__flow--2line__list:first-child::after {
  right: -17px;
  background-color: #eee;
}

.form--renewal__flow--2line__list--active {
  font-weight: 700;
  color: #fff;
  background-color: #231815;
}

.form--renewal__flow--2line__list--active:not(:last-child)::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  right: -17px;
  display: block;
  margin: auto 0;
  width: 32px;
  height: 32px;
  border-top: 0;
  border-right: 0;
  background-color: #231815;
  transform: rotate(45deg);
}

.form--renewal__content {
  max-width: 780px;
}

.form--renewal__content--flat {
  border-bottom: 16px solid #eee;
}

.form--renewal__content--flat--confirm {
  padding-top: 12px;
  padding-bottom: 1px;
  background-color: #eee;
}

.form--renewal__content--flat--confirm__title {
  margin: 12px 16px 16px;
  font-size: 17px;
  font-weight: 700;
  line-height: 23px;
}

.form--renewal__content--flat--confirm__text {
  margin-bottom: 24px;
  padding: 8px 8px 8px 30px;
  font-size: 13px;
  background-color: #fff;
}

.form--renewal__content--flat--confirm__text span {
  max-width: 640px;
  margin: 0 auto;
  display: block;
}

.form--renewal__content--error__list:not(:empty) {
  padding: 0 16px 32px;
  max-width: 780px;
  margin: 0 auto;
  box-sizing: border-box;
}

.form--renewal__content--error__list__child {
  margin-bottom: 4px;
  font-size: 15px;
  line-height: 1.4;
  color: #e80519;
}

.form--renewal__content--error__list__child.--info {
  color: #666;
  font-size: 14px;
}

.form--renewal__content--error__list__child > a {
  font-size: 13px;
  text-decoration: underline;
  color: #666;
}

.form--renewal__content__title {
  font-size: 1.666rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  margin: 0 auto;
  padding: 16px 0;
  border-top: 1px solid #ddd;
  background: #333;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.form--renewal__content__text {
  margin-top: 8px;
  font-size: 1.166rem;
  line-height: 1.5;
  text-align: justify;
  color: #666;
}

.form--renewal__content__image-wrapper {
  margin-right: 16px;
  margin-bottom: 8px;
  margin-left: 16px;
}

.form--renewal__content__note {
  margin-bottom: 16px;
  font-size: 11px;
  line-height: 1.5;
  margin-right: 16px;
  margin-left: 16px;
}

.form--renewal__content__form__list {
  margin-top: 40px;
}

.form--renewal__content__form__list .c-checkbox-parts {
  color: #666;
  font-weight: bold;
  font-size: 1.333rem;
}

.form--renewal__content__form__list__child {
  margin-bottom: 32px;
  padding-left: 36px;
  font-size: 1.333rem;
  line-height: 1.86;
  text-indent: -36px;
  color: #666;
  font-weight: bold;
}

.form--renewal__content__form__list__child__note {
  font-size: 13px;
  color: #333;
}

.form--renewal__content__form__list__child__note__link {
  font-size: 13px;
  color: #76952f;
}

.form--renewal__content__confirm__text {
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
  color: #333;
}

.form--renewal__content__confirm__link {
  font-size: 13px;
  line-height: 1.2;
  color: #76952f;
}

.form--renewal__content__confirm__link__wrapper {
  margin: 12px 16px;
  text-align: center;
}

.form--renewal__content__confirm__btn {
  max-width: 780px;
  position: relative;
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  display: block;
  padding: 0;
  text-align: center;
  line-height: 48px;
  border-radius: 4px;
  margin: 0 16px 20px;
  width: calc(100% - 32px);
  font-size: 14px;
  font-weight: bold;
  border: none;
  background-color: #76952f;
  color: #fff;
  cursor: pointer;
  box-shadow: none;
  transform: initial;
  transition: initial;
}

.form--renewal__content__confirm__btn:hover {
  box-shadow: none;
  transform: initial;
  background: #91aa59;
}
.form--renewal__content__confirm__btn.--disabled {
  background: rgba(199, 199, 199, 0.4);
  cursor: default;
  color: rgba(102, 102, 102, 0.4);
}

.form--renewal__content__confirm__btn--commit:hover {
  box-shadow: 0 2px 0 0 #e38023;
  transform: translateY(-2px);
}

.form--renewal__content__confirm__btn--commit {
  font-size: 20px;
  box-shadow: 0 6px 0 0 #e38023;
  transform: translateY(-6px);
  transition: 0.3s all;
  background-color: #f5a32d;
  margin: 24px auto 16px;
}
.form--renewal__content__confirm__data {
  width: 100%;
  max-width: 780px;
  border-collapse: separate;
  margin: 0 auto 24px;
  box-sizing: border-box;
}
.form--renewal__content__confirm__data__caption {
  padding-right: 16px;
  padding-left: 16px;
  font-size: 15px;
  font-weight: 700;
  line-height: 48px;
  text-align: left;
  color: #333;
  background-color: #eee;
}

.form--renewal__content__confirm__data__caption--flat {
  margin-bottom: 12px;
  padding-top: 32px;
  padding-right: 16px;
  padding-left: 16px;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  text-align: left;
  color: #333;
}

.form--renewal__content__confirm__data__change {
  appearance: none;
  cursor: pointer;
  float: right;
  box-sizing: border-box;
  display: block;
  padding-right: 0;
  padding-left: 0;
  width: 56px;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  color: #76952f;
  background-color: #fff;
  border: 1px solid #76952f;
  border-radius: 4px;
}

.form--renewal__content__confirm__data__inner {
  display: block;
  padding-right: 16px;
  padding-left: 16px;
}

.form--renewal__content__confirm__data__head:not(:empty) {
  padding-top: 28px;
  padding-right: 16px;
  padding-left: 16px;
  font-size: 13px;
  text-align: left;
  line-height: 16px;
  color: #999;
}

.form--renewal__content__confirm__data__category {
  display: block;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ddd;
}

.form--renewal__content__confirm__data__category:last-child {
  border: 0;
}

.form--renewal__content__confirm__data__category__title {
  width: 119px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
}

.form--renewal__content__confirm__data__category__data {
  font-size: 15px;
  text-align: justify;
  line-height: 1.5;
  vertical-align: middle;
  word-break: break-all;
}

.form--renewal__content__confirm__data__category--delivery-information {
  display: block;
  width: 100%;
}

.form--renewal__content__confirm__data__category--delivery-information__title {
  display: block;
  padding-top: 16px;
  padding-bottom: 8px;
  width: 100%;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
}

.form--renewal__content__confirm__data__category--delivery-information__data {
  display: block;
  width: 100%;
}

.form--renewal__content__confirm__data__category--delivery-information__data__table {
  border-collapse: separate;
  margin-bottom: 12px;
  width: 100%;
  border: 1px solid #ddd;
}

.form--renewal__content__confirm__data__category--delivery-information__data__table__inner {
  display: block;
  padding-right: 16px;
  padding-left: 16px;
}

.form--renewal__content__confirm__data__category--delivery-information__data__table__category {
  display: block;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ddd;
}

.form--renewal__content__confirm__data__category--delivery-information__data__table__category:last-child {
  border: 0;
}

.form--renewal__content__confirm__data__category--delivery-information__data__table__category__title {
  width: 80px;
  font-size: 15px;
  line-height: 1.3;
  text-align: left;
  font-weight: normal;
}

.form--renewal__content__confirm__data__category--delivery-information__data__table__category__data {
  font-size: 15px;
  text-align: justify;
  line-height: 1.5;
}

.form--renewal__content__confirm__milk {
  margin-right: 16px;
  margin-bottom: 12px;
  margin-left: 16px;
}

.form--renewal__content__confirm__milk__title {
  margin-top: 8px;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  text-align: center;
  color: #1dacbd;
}

.form--renewal__content__confirm__milk__price {
  margin-top: 4px;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #1dacbd;
}

.form--renewal__content__confirm__milk__discount {
  position: relative;
  z-index: 1;
  display: block;
  margin-top: 10px;
  padding: 14px;
  background-color: #1dacbd;
  border-radius: 4px;
}

.form--renewal__content__confirm__milk__discount::before {
  content: "";
  position: absolute;
  z-index: 10;
  top: -7px;
  right: 0;
  left: 0;
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: 0;
  height: 0;
  border-right: 7px solid transparent;
  border-bottom: 8px solid #1dacbd;
  border-left: 7px solid transparent;
}

.form--renewal__content__confirm__milk__discount__price {
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  color: #fff;
}

.form--renewal__content__confirm__milk__discount__price__emphasis {
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  color: #f4e657;
}

.form--renewal__content__confirm__milk__discount__period__title {
  margin-right: auto;
  margin-bottom: 4px;
  margin-left: auto;
  width: 216px;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
  color: #1dacbd;
  background-color: #fff;
  border-radius: 4px;
}

.form--renewal__content__confirm__milk__discount__period__date {
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #fff;
}

.form--renewal__content__confirm__service {
  border-collapse: separate;
  box-sizing: border-box;
  margin-bottom: 8px;
  padding-right: 16px;
  padding-left: 16px;
  width: 100%;
}

.form--renewal__content__confirm__service--insert {
  border-collapse: separate;
  box-sizing: border-box;
  margin-bottom: 4px;
  width: 100%;
}

.form--renewal__content__confirm__service__inner {
  display: block;
  padding: 4px 16px 8px;
  background-color: #fefce9;
}

.form--renewal__content__confirm__service__name {
  display: block;
  margin-bottom: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ccc;
}

.form--renewal__content__confirm__service__name__title {
  width: 103px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #333;
}

.form--renewal__content__confirm__service__name__description {
  font-size: 15px;
  line-height: 1.5;
  text-align: left;
  color: #333;
}

.form--renewal__content__confirm__service__price {
  display: block;
  padding-top: 4px;
  padding-bottom: 4px;
}

.form--renewal__content__confirm__service__price__title {
  width: 103px;
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  color: #999;
}

.form--renewal__content__confirm__service__price__title--total {
  width: 103px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #333;
}

.form--renewal__content__confirm__service__price__description {
  font-size: 13px;
  text-align: left;
  color: #999;
}

.form--renewal__content__confirm__service__price__description--discount {
  font-size: 13px;
  text-align: left;
  color: #db4f43;
}

.form--renewal__content__confirm__service__price__description--total {
  font-size: 15px;
  text-align: left;
  color: #333;
}

.form--renewal__content__login {
  border-radius: 4px;
  max-width: 780px;
  box-sizing: border-box;
  padding: 0 16px;
  margin: 24px auto 0;
}

.form--renewal__content__login._first-time {
  padding: 16px 16px 8px 16px;
}

.form--renewal__content__login__external-link {
  display: flex;
  justify-content: center;
}

.form--renewal__content__login__external-link div {
  margin: 0 8px;
}

.form--renewal__content__login__title {
  margin-bottom: 16px;
  font-size: 1.333rem;
  font-weight: 700;
  line-height: 23px;
  color: #333;
}
.form--renewal__content__login__title span {
  display: block;
  font-weight: normal;
  font-size: 1.166rem;
  color: #666;
}

.form--renewal__content__login__title--other {
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  color: #333;
  text-align: center;
}

.form--renewal__content__login__text {
  margin-bottom: 12px;
  font-size: 12px;
  line-height: 1.5;
  color: #666;
  text-align: center;
}

.form--renewal__content__login__hr {
  margin-top: 24px;
  margin-bottom: 16px;
  border-color: #ccc;
}

.form--renewal__content__login__btn {
  position: relative;
  z-index: 1;
  display: block;
  text-align: center;
  color: #76952f;
  border: 1px solid #76952f;
  border-radius: 4px;
  width: 172px;
  margin: 0 auto;
  line-height: 32px;
  font-size: 1.333rem;
  font-weight: bold;
}

.form--renewal__content__login__btn::after {
  content: normal;
  position: absolute;
  z-index: 10;
  top: -2px;
  right: 15px;
  bottom: 0;
  display: block;
  margin-top: auto;
  margin-bottom: auto;
  width: 8px;
  height: 8px;
  border-top: 1px solid #76952f;
  border-right: 1px solid #76952f;
  transform: rotate(45deg);
}

.form--renewal__content__login__external-link__line {
  width: 172px;
}

.form--renewal__content__login__external-link__line img {
  height: auto;
}

.form--renewal__content__login__to-form {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  font-size: 15px;
  text-align: center;
  line-height: 46px;
  color: #fff;
  background-color: #76952f;
  border-radius: 4px;
}

.form--renewal__content__login__to-form::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  right: 15px;
  bottom: 0;
  display: block;
  margin-top: auto;
  margin-bottom: auto;
  width: 8px;
  height: 8px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(45deg);
}

.form--renewal__content__add-other-address {
  display: none;
  padding: 24px 16px;
}

.form--renewal__content__add-other-address__link {
  font-size: 1.166rem;
  line-height: 1;
  text-decoration: underline;
  color: #76952f;
}

.form--renewal__content__add-other-address__link.open {
  text-decoration: none;
  color: #333;
}

.form--renewal__content__add-other-address__link__text {
  margin: 32px auto;
  font-size: 15px;
  line-height: 19px;
  text-align: center;
  color: #76952f;
  font-weight: bold;
}

.form--renewal__content__add-other-address__title {
  margin-top: 24px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
}

.form--renewal__content__add-other-address__title::after {
  content: "必須";
  display: inline-block;
  margin-left: 8px;
  padding-right: 5px;
  padding-left: 5px;
  font-size: 11px;
  font-weight: 400;
  text-align: center;
  vertical-align: top;
  line-height: 20px;
  color: #fff;
  background-color: #e80519;
}

.form--renewal__content__add-other-address__text {
  margin-top: 13px;
  font-size: 15px;
  line-height: 1.5;
  text-align: justify;
  color: #333;
}

.form--renewal__content__add-other-address__btn {
  cursor: pointer;
  font-size: 15px;
  text-decoration: underline;
  color: #333;
}

.form--renewal__content__add-other-address__btn__wrapper {
  margin-top: 32px;
  margin-bottom: 16px;
  text-align: center;
}

.form--renewal__content__add-other-address__form__title {
  margin-top: 16px;
  font-size: 15px;
  font-weight: 700;
  color: #333;
}

.form--renewal__content__baby-information {
  padding-right: 16px;
  padding-left: 16px;
}

.form--renewal__content__baby-information__title {
  margin-top: 24px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
}

.form--renewal__content__baby-information__title::after {
  content: "必須";
  display: inline-block;
  margin-left: 8px;
  padding-right: 5px;
  padding-left: 5px;
  font-size: 11px;
  font-weight: 400;
  text-align: center;
  vertical-align: top;
  line-height: 20px;
  color: #fff;
  background-color: #e80519;
}

.form--renewal__content__baby-information__text {
  margin-top: 13px;
  font-size: 15px;
  line-height: 1.5;
  text-align: justify;
  color: #333;
}

.form--renewal__content__baby-information__note {
  margin-top: 4px;
  margin-bottom: 24px;
  font-size: 11px;
  line-height: 1.5;
  text-align: justify;
  color: #666;
}

.form--renewal__content__baby-information__btn {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  margin: 24px auto;
  width: 263px;
  font-size: 14px;
  text-align: center;
  line-height: 38px;
  color: #666;
  background-color: #ebebeb;
  border: 1px solid #c7c7c7;
  border-radius: 4px;
}

.form--renewal__content__baby-information__form {
  margin-bottom: 24px;
  padding-bottom: 24px;
}

.form--renewal__content__baby-information__form__wrapper {
  margin-top: 12px;
  font-size: 14px;
  color: #333;
}

.form--renewal__content__baby-information__form__member {
  margin-top: 16px;
  font-size: 17px;
  font-weight: 700;
  color: #333;
}

.form--renewal__content__baby-information__form__title {
  margin-top: 16px;
  font-size: 15px;
  font-weight: 700;
  color: #333;
}

.form--renewal__content__baby-information__form__radio {
  display: none;
}

.form--renewal__content__baby-information__form__label {
  cursor: pointer;
  position: relative;
  z-index: 1;
  display: inline-block;
  box-sizing: border-box;
  margin-right: 24px;
  padding-left: 28px;
  font-size: 15px;
  line-height: 20px;
  color: #333;
}

.form--renewal__content__baby-information__form__label::before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
  margin-top: auto;
  margin-bottom: auto;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 20px;
}

.form--renewal__content__baby-information__form__radio:checked
  + .form--renewal__content__baby-information__form__label::after {
  content: "";
  position: absolute;
  z-index: 11;
  top: 0;
  bottom: 0;
  left: 2px;
  display: block;
  box-sizing: border-box;
  margin-top: auto;
  margin-bottom: auto;
  width: 16px;
  height: 16px;
  background-color: #76952f;
  border-radius: 16px;
}

.form--renewal__form {
  padding-right: 16px;
  padding-left: 16px;
}

.form--renewal__form input,
.form--renewal__form select {
  font-size: 16px !important;
}

.form--renewal__form__title {
  margin-top: 24px;
  font-size: 1.333rem;
  font-weight: 700;
  line-height: 1.35;
}

.form--renewal__form__title::after {
  content: "必須";
  display: inline-block;
  margin-left: 8px;
  padding-right: 5px;
  padding-left: 5px;
  font-size: 11px;
  font-weight: 400;
  text-align: center;
  vertical-align: top;
  line-height: 20px;
  color: #fff;
  background-color: #e80519;
}
.-oikura-form .form--renewal__form__title::after {
  border-radius: 2px;
  background: #db4f43;
}
.form--renewal__form__title._not-required::after {
  display: none;
}

.form--renewal__form__content {
  margin-bottom: 24px;
}

.form--renewal__form__content__addition .form--renewal__form__content {
  margin-bottom: 0;
}
.form--renewal__form__content__addition .form--renewal__form {
  padding: 0;
}

.form--renewal__form__content__text {
  margin-top: 13px;
  font-size: 1.166rem;
  line-height: 1.5;
  text-align: justify;
  color: #666;
}
.form--renewal__form__content__note {
  background: #f7f7f7;
  color: #666;
  text-align: justify;
  font-size: 1rem;
  padding: 16px;
  line-height: 1.5;
  margin-top: 16px;
}
.form--renewal__form__content__note li {
  text-indent: -1rem;
  margin-left: 1rem;
  font-size: 13px;
  line-height: 1.4;
}
.form--renewal__form__content__note li::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 10px;
  transform: rotate(45deg);
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  margin-right: 8px;
}

.form--renewal__form__content__attention {
  margin-top: 13px;
  font-size: 15px;
  line-height: 1.5;
  text-align: justify;
  color: #e80519;
}

.form--renewal__form__content__input {
  appearance: none;
  box-sizing: border-box;
  display: block;
  padding-right: 16px;
  padding-left: 16px;
  width: 100%;
  font-size: 15px;
  line-height: 44px;
  color: #333;
  border: 1px solid #ddd;
  border-radius: 4px;
  outline: none;
}

.form--renewal__form__content__input:focus {
  border-color: #76952f;
  border-width: 2px;
}

.form--renewal__form__content__input:placeholder-shown {
  color: #999;
}

.form--renewal__form__content__input--zip {
  display: inline-block;
  width: 50%;
}

.form--renewal__form__content__select {
  appearance: none;
  z-index: 10;
  box-sizing: border-box;
  display: inline-block;
  padding: 10px 51px 10px 16px;
  font-size: 15px;
  line-height: 19px;
  color: #333;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  outline: none;
}

.form--renewal__form__content__select:focus {
  border-color: #76952f;
}

.form--renewal__form__content__select--birthday__wrapper {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin-right: 4px;
  background-color: #fff;
  border-radius: 4px;
}

.form--renewal__form__content__select--birthday__wrapper::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: -6px;
  right: 10px;
  bottom: 0;
  display: block;
  margin-top: auto;
  margin-bottom: auto;
  width: 8px;
  height: 8px;
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
  transform: rotate(45deg);
}

.form--renewal__form__content__select--long {
  width: 100%;
}

.form--renewal__form__content__select--long__wrapper {
  display: block;
  width: 100%;
}

.form--renewal__form__content__select__text {
  display: inline-block;
  width: 44px;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
}

.form--renewal__form__content__select--delivery {
  width: 194px;
}

.form--renewal__form__content__select--delivery__wrapper {
  width: 238px;
}

.form--renewal__form__content__select__wrapper.--pref {
  width: 100%;
}

.form--renewal__form__content__select__wrapper {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin-top: 13px;
}

.form--renewal__form__content__select__wrapper::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: -6px;
  right: 14px;
  bottom: 0;
  display: block;
  margin-top: auto;
  margin-bottom: auto;
  width: 8px;
  height: 8px;
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
  transform: rotate(45deg);
}

.form--renewal__form__content__select__wrapper.--pref select {
  background: rgba(199, 199, 199, 0.4);
  color: #666;
  pointer-events: none;
  font-size: 16px;
  appearance: none;
  z-index: 10;
  box-sizing: border-box;
  display: inline-block;
  padding: 10px 51px 10px 16px;
  line-height: 26px;
  border: 1px solid #ddd;
  border-radius: 4px;
  outline: none;
  width:50%;
}
.form--renewal__form__content__select__wrapper.--pref::after {
  content: initial;
}

.form--renewal__form__content__birthday {
  margin-top: 13px;
  font-size: 14px;
  color: #666;
}

.form--renewal__form__content__image {
  margin-top: 13px;
}

.form--renewal__form__content__payment__details {
  margin-top: 24px;
  overflow: hidden;
  background-color: #f7f7f7;
  border-radius: 4px;
}

.form--renewal__form__content__payment__details__title {
  position: relative;
  z-index: 1;
  padding-right: 40px;
  padding-left: 16px;
  font-size: 15px;
  line-height: 40px;
  color: #333;
}

.form--renewal__form__content__payment__details__title::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: -6px;
  right: 16px;
  bottom: 0;
  display: block;
  margin-top: auto;
  margin-bottom: auto;
  width: 8px;
  height: 8px;
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
  transform: rotate(45deg);
}

.form--renewal__form__content__payment__details__title.close::after {
  top: 6px;
  transform: rotate(-135deg);
}

.form--renewal__form__content__payment__details__description {
  padding: 8px 16px 16px;
}

.form--renewal__form__content__payment__details__description__list__child {
  font-size: 13px;
  line-height: 1.5;
  text-align: justify;
  color: #333;
}

.form--renewal__form__content__payment__details__description__list__child__note {
  font-size: inherit;
  line-height: inherit;
}

.form--renewal__form__content__checkbox {
  margin-right: 8px;
  margin-left: 0;
  width: 28px;
  height: 28px;
}

.form--renewal__form__content__addition {
  position: relative;
  z-index: 1;
  padding-top: 1px;
}

.form--renewal__form__content__addition__title {
  margin-top: 24px;
  font-size: 1.1666rem;
  font-weight: 700;
  color: #333;
}

.form--renewal__form__content__addition__note {
  margin: 4px 0;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1rem;
  line-height: 1.5;
  color: #333;
}

.form--renewal__form__content__addition.close {
  display: block;
}
.form--renewal__form__content__address-list {
  margin-top: 16px;
}

.form--renewal__form__content__address-list__child
  + .form--renewal__form__content__address-list__child {
  margin-top: 12px;
}

.form--renewal__form__content__address-list__child__radio {
  display: none;
}

.form--renewal__form__content__address-list__child__name {
  margin-bottom: 4px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  color: #333;
}

.form--renewal__form__content__address-list__child__address {
  font-size: 15px;
  line-height: 1.5;
  color: #666;
}

.form--renewal__form__content__address-list__child__date {
  display: inline-block;
  margin-left: 24px;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  color: #333;
}

.form--renewal__form__content__address-list__child__delivery-timing {
  display: inline-block;
  margin-left: 16px;
  font-size: 15px;
  line-height: 20px;
  color: #666;
}

.form--renewal__form__content__address-list__child__wrapper {
  cursor: pointer;
  position: relative;
  z-index: 1;
  display: block;
  box-sizing: border-box;
  padding: 16px 16px 16px 52px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.form--renewal__form__content__address-list__child__wrapper::before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  left: 16px;
  display: block;
  box-sizing: border-box;
  margin-top: auto;
  margin-bottom: auto;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 20px;
}

.form--renewal__form__content__address-list__child__radio:checked
  + .form--renewal__form__content__address-list__child__wrapper {
  border-color: #76952f;
}

.form--renewal__form__content__address-list__child__radio:checked
  + .form--renewal__form__content__address-list__child__wrapper::after {
  content: "";
  position: absolute;
  z-index: 11;
  top: 0;
  bottom: 0;
  left: 18px;
  display: block;
  box-sizing: border-box;
  margin-top: auto;
  margin-bottom: auto;
  width: 16px;
  height: 16px;
  background-color: #76952f;
  border-radius: 16px;
}

.form--renewal__form__content__error:not(:empty) {
  margin-top: 4px;
}

.form--renewal__form__content__error__text {
  display: block;
  font-size: 15px;
  line-height: 1.5;
  color: #DB4F43;
}

.AccountDomainJG {
  border: 1px solid #300;
  margin: 0 10px;
  padding: 10px;
  color: #41290d;
  border-radius: 8px;
}

.AccountDomainJG h3 {
  font-size: 16px;
}

.AccountDomainJG p {
  font-size: 13px;
  margin: 10px 0;
}

.AccountDomainJG .Shinkitouroku {
  margin: 15px 0;
}

.AccountDomainJG .Loginbutton,
.AccountDomainJG .Shinkitouroku {
  background: linear-gradient(180deg, #fff 0, #faab26 6%, #f39800) repeat scroll
    0 0 transparent;
  border: 1px solid #c57c02;
  border-radius: 3px;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  padding: 10px 0;
  width: 100%;
}

.AccountDomainJGoikura {
  border: 1px solid #300;
  margin: 10px;
  padding: 10px;
  color: #41290d;
  border-radius: 8px;
}

.AccountDomainJGoikura h3 {
  font-size: 16px;
}

.AccountDomainJGoikura p {
  font-size: 13px;
  margin: 10px 0;
}

.AccountDomainJGoikura .Shinkitouroku {
  background: linear-gradient(180deg, #fff 0, #faab26 6%, #f39800) repeat scroll
    0 0 transparent;
  border: 1px solid #c57c02;
  border-radius: 3px;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  padding: 10px 0;
  margin: 15px 0;
  width: 100%;
}

.AccountDomainJGoikura .Loginbutton {
  background: linear-gradient(180deg, #fff 0, #fffdf6 6%, #f9f5ef) repeat scroll
    0 0 transparent;
  border: 1px solid #959595;
  border-radius: 3px;
  color: #231815;
  font-size: 17px;
  font-weight: 700;
  padding: 10px 0;
  width: 100%;
}

.TrourokuWord {
  position: relative;
  display: block;
}

.TrourokuWord::after {
  content: url(/smart/shared/img/shinkitouroku_arrowdown01.png);
  position: absolute;
  right: 5px;
  top: 5px;
  transform: scale(0.5);
  display: block;
}

.LoginWord {
  position: relative;
  display: block;
}

.LoginWord::after {
  content: url(/smart/shared/img/login_arrow01.png);
  position: absolute;
  right: 5px;
  top: 0;
  transform: scale(0.5);
  display: block;
}

.yahooClear {
  float: right;
}

.yahooClear a:nth-of-type(2),
.yahooClear div:first-child {
  display: none;
}

.yahooClear a img:first-child {
  width: 130px;
  height: 30px;
}

.CordinationDetail {
  text-align: right;
  margin-top: 10px;
  font-size: 13px;
}

.header--ui__link-login,
.header--ui__menu__login {
  display: none !important;
}

.form--renewal-body,
.form--renewal__content,
.form--renewal__content--flat--confirm__body {
  max-width: 780px;
  margin: 0 auto;
}

.form--renewal__content.--notBorderBtm {
  border-bottom: none;
}

.form_noti {
  margin-top: 40px;
}

.form_noti a,
.form_noti a:link,
.form_noti a:visited {
  color: #76952f;
}

.form_noti a:hover {
  opacity: 0.7;
  text-decoration: underline;
}

.footer__support p {
  font-size: 1.25rem;
  line-height: 1.5;
  text-align: center;
}

.otameshi-shere-snsbtn {
  margin: 40px 0;
}

.otameshi-shere-snsbtn__title {
  margin-bottom: 15px;
  text-align: center;
  font-size: 1.333rem;
  line-height: 1.5;
  font-feature-settings: "palt";
  font-weight: 700;
  letter-spacing: 0.1rem;
}

.o-finish__sns__title,
.otameshi-shere-snsbtn__title,
.otameshi-shere-snsbtn__title span {
  font-family: 游明朝, Yu Mincho, 游明朝体, YuMincho, ヒラギノ明朝 ProN W3,
    Hiragino Mincho Pro, HGS明朝E, ＭＳ Ｐ明朝, serif;
  text-shadow: 0 0 0 #000;
}

.o-finish__sns__title,
.otameshi-shere-snsbtn__title span {
  display: block;
  font-size: 1.5rem;
  font-feature-settings: "palt";
  font-weight: 700;
}

.otameshi-shere-snsbtn__list {
  text-align: center;
}

.otameshi-shere-snsbtn__list li {
  display: inline-block;
  margin: 0 5px;
}

.form__content--otameshi__btn--line {
  appearance: none;
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  margin: 0 auto 20px;
  width: 263px;
  font-size: 15px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  background-color: #06c755;
  border: 0;
  border-radius: 4px;
}

.form__content--otameshi__btn--line::before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 0 5px 0 0;
  background: url(/smart/otameshi/eraberu/images/otameshi_btn_icon_line.png)
    no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.form__content--otameshi__login__line {
  display: block;
  margin: 0 auto;
  padding: 0 20px 20px;
  text-decoration: none;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
  color: #76952f;
}

.form__content--otameshi__btn--line:hover {
  opacity: 0.7;
}

.form__content--otameshi__login__line:link,
.form__content--otameshi__login__line:visited {
  color: #76952f;
}

.form__content--otameshi__login__line:hover {
  opacity: 0.7;
  text-decoration: underline;
}

.credit {
  display: none;
}

.credit-cell {
  width: 18%;
  height: 24px;
  padding: 6px 8px;
  font-size: 18px;
  border: none;
  outline: none;
  text-align: center;
  letter-spacing: 3px;
}

.credit-cell,
.credit-input {
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
}

.credit-input {
  display: block;
  width: 93%;
  max-width: 400px;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.c-focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}

/* email補完 入力フォームの余白に合わせて調整する */
.eac-sugg {
  color: #ccc;
  font-size: inherit;
  line-height: 41px !important;
}

.eac-cval {
  padding: 0 16px;
}

.otameshi-form input,
.otameshi-form select {
  font-size: 16px !important;
}

/**
 * おいくら登録フォーム
 * 
 */
.oikura-form__header__logo {
  width: 51px;
}
.oikura-form__header__logo img {
  width: 100%;
  height: auto;
}
.oikura-form__header__title {
  font-size: 2rem;
  font-weight: bold;
  margin-top: 8px;
}
.oikura-form__header__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 20px;
  padding: 20px 20px 16px 20px;
}

.zero_week_kit_chanto_sakuoi--hidden {
  display: none !important;
}

.swiper-container.js-swiper-course-select-container {
  margin: 24px -16px 0;
}
.swiper-container.js-swiper-course-select-container .swiper-pagination-bullets {
  bottom: 0;
}
.swiper-container.js-swiper-course-select-container .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
}
.swiper-container.js-swiper-course-select-container
  .swiper-pagination-bullet-active {
  background: #76952f;
}

.swiper-wrapper.js-swiper-course-select-wrapper {
  height: auto;
  padding-bottom: 25px;
  align-items: end;
}

.swiper-slide.js-swiper-course-select-item {
  width: 88%;
  height: auto;
  margin-right: 16px;
}

/* li要素が1つだけの場合 */
.swiper-slide.js-swiper-course-select-item:only-child {
  width: 50%;
  flex: 1;
  height: auto;
  margin-right: 16px;
}
.swiper-slide.js-swiper-course-select-item:first-child {
  margin-left: 16px;
  overflow: hidden;
}
.swiper-slide.js-swiper-course-select-item label {
  height: 100%;
}

.course-select-list__item-recommend {
  margin-bottom: 8px;
  margin-top: 8px;
}
.course-select-list__item-recommend span {
  display: inline-block;
  background: #fdf2e0;
  border-radius: 16px;
  color: #f5a32d;
  padding: 4px 8px;
  font-size: 11px;
}
.course-select-list__item input[type="radio"] {
  display: none;
}
.course-select-list__item input[type="radio"] + label {
  display: block;
  position: relative;
  min-height: 180px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 16px 12px 16px 44px;
  cursor: pointer;
  width: 100%;
}
.course-select-list__item input[type="radio"]:checked + label {
  border: 1px solid #76952f;
}
.course-select-list__item
  input[type="radio"]
  + label
  .course-select-list__item-checkBox::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 18px;
  width: 17px;
  height: 17px;
  border: 1px solid #c7c7c7;
  border-radius: 50%;
}
.course-select-list__item
  input[type="radio"]:checked
  + label
  > .course-select-list__item-checkBox::after {
  content: "";
  position: absolute;
  z-index: 11;
  top: 20px;
  left: 16px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #76952f;
}
.course-select-list__item-title {
  font-size: 1.333rem;
  font-weight: bold;
  line-height: 1.5;
}
.course-select-list__item-detail {
  display: flex;
  margin: 8px 0 0 0;
}
.course-select-list__item-desc {
  flex: 1;
  margin: 0 0 0 8px;
  font-size: 13px;
  line-height: 1.5;
}

.course-select-unit__desc {
  color: #666;
  font-size: 13px;
  padding: 0 0 16px 24px;
}

.course-select-unit-list {
  margin: 12px 0 0;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.course-select-unit-list__item {
  position: relative;
  display: block;
}
.course-select-unit-list__item:not(:first-child) {
  border-top: 1px solid #ddd;
}
.course-select-unit-list__item__sub {
  color: #333;
  font-size: 13px;
  line-height: 1.5;
}
.course-select-unit-list__item input[type="radio"] {
  display: none;
}
.course-select-unit-list__item input[type="radio"] + label {
  display: block;
  position: relative;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 16px 12px 16px 44px;
  font-size: 15px;
  color: #333;
  line-height: 1.5;
}
.course-select-unit-list__item
  input[type="radio"]
  + label
  .course-select-unit-list__item-checkBox::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  margin-top: -10px;
  width: 17px;
  height: 17px;
  border: 1px solid #c7c7c7;
  border-radius: 50%;
}
.course-select-unit-list__item
  input[type="radio"]:checked
  + label
  > .course-select-unit-list__item-checkBox::after {
  content: "";
  position: absolute;
  z-index: 11;
  top: 50%;
  left: 16px;
  margin-top: -8px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #76952f;
}

.select-course-annotation {
  padding: 24px 6px 24px 12px;
  background: #f7f7f7;
}
.select-course-annotation li {
  position: relative;
  color: #333;
  font-size: 13px;
  padding: 0 0 0 26px;
  line-height: 1.5;
}
.select-course-annotation li:not(:first-child) {
  margin-top: 3px;
}
.select-course-annotation li::before {
  content: "";
  display: block;
  width: 6px;
  height: 11px;
  position: absolute;
  top: 2px;
  left: 4px;
  transform: rotate(50deg);
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
}

.select-course-annotation-by-course {
  width: 100%;
  margin: 23px 0 0;
}
.select-course-annotation-by-course li {
  color: #666;
  font-size: 11px;
  line-height: 1.5;
}
.select-course-annotation-by-course li:not(:first-child) {
  margin-top: 3px;
}

/**
 * おいくら登録フォームプログレストラッカー
 * smart/kounyuu/subscription/inc_progress_bar.jsp
 */
.form-progress-bar__step {
  display: flex;
  position: relative;
  margin-bottom: 28px;
}
.form-progress-bar__step::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #ddd;
}
.form-progress-bar__step-item {
  flex: 1;
  position: relative;
  padding-top: 10px;
}
.form-progress-bar__step-item span {
  display: block;
  font-size: 10px;
  color: #999;
}
.form-progress-bar__step-item[data-step-status="done"]::before,
.form-progress-bar__step-item[data-step-status="doing"]::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: #76952f;
}
.form-progress-bar__step-item[data-step-status="doing"] span {
  color: #76952f;
  text-align: right;
  padding-right: 1px;
}
.form-progress-bar__step-item[data-step-status="next"] span {
  padding-left: 8px;
}
.form-progress-bar__step-item[data-step-status="done"] span,
.form-progress-bar__step-item[data-step-status="todo"] span {
  display: none;
}

.form-oitoku__header {
  max-width: 780px;
  margin: 32px auto;
  padding: 0 16px;
  box-sizing: border-box;
}
.form-oitoku__header .header-lead,
.form-oitoku__header .header-link {
  font-size: 15px;
  line-height: 1.5;
}
.form-oitoku__header .header-lead {
  font-size: 15px;
}
.form-oitoku__header .header-link {
  font-size: 13px;
  margin-top: 8px;
  padding-right: 28px;
  text-align: right;
  position: relative;
}
.form-oitoku__header .header-link::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1px solid #76952f;
  border-bottom: 1px solid #76952f;
  transform: rotate(-45deg);
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -5px;
}
.form-oitoku__header .header-link a {
  color: #76952f;
}

.oitoku-form__edit .form__content__zip {
  margin-top: 16px;
  display: flex;
  align-items: center;
}
.oitoku-form__edit .form__content__zip .zip-icon {
  font-size: 15px;
  padding-right: 8px;
}
.oitoku-form__edit
  .form__content__zip
  .zip-input
  .form--renewal__form__content__input {
  margin-top: 0;
}
.oitoku-form__edit .option-checkbox {
  margin-top: 12px;
  font-size: 13px;
  line-height: 1.5;
}
.oitoku-form__edit .option-checkbox label {
  cursor: pointer;
}
.oitoku-form__edit .form--renewal__content--flat--confirm {
  padding: 32px 0;
}
.oitoku-form__edit .form--renewal__content__form__list__child {
  margin-bottom: 0;
}
.oitoku-form__edit .form--renewal__content__form__list__child label {
  font-size: 15px;
  cursor: pointer;
}
.oitoku-form__edit .form--renewal__content__form__list__child a {
  color: #76952f;
}
.oitoku-form__edit .form--renewal__content__form__list__child:nth-child(n + 2) {
  margin-top: 8px;
}
#submit {
  border-top: 1px solid #ddd;
  margin: 40px 16px 0;
  padding-top: 40px;
}
.select-delivery-item {
  width: 33.3%;
  box-sizing: border-box;
  padding: 0 0 11px 11px;
}
.select-delivery-item-label {
  line-height: 36px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d1d1d1;
  color: #333;
  height: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-feature-settings: "palt";
  border-radius: 24px;
  padding: 0 16px;
  box-sizing: border-box;
  font-weight: normal;
}
.select-delivery-item-label._disabled {
  background: #ebebeb !important;
  color: #fff !important;
}
.form--renewal__form__content__addition__title__block {
  display: flex;
  justify-content: flex-start;
  align-items: end;
  gap: 8px;
}
.form--renewal__form__content__payment__details__description__list__child--image {
  display: flex;
  width: 280px;
  flex-wrap: wrap;
  gap: 2px;
}
.form--renewal__form__content__payment__details__description__list__child--image
  img {
  display: block;
  height: auto;
  flex: 1;
  max-width: calc(20% - 8px);
}
.form--renewal__form__content__select--birthday {
  padding-right: 32px;
  padding-left: 8px;
}
.form--renewal__form__content__recapcha {
  margin-top: 24px;
  line-height: 1.5;
}
.form--renewal__form__content__recapcha__text {
  color: #666;
  font-size: 1.166rem;
}
.form--renewal__form__content__recapcha__link {
  margin-top: 8px;
  display: flex;
  gap: 16px;
  justify-content: flex-start;
}
.form--renewal__form__content__recapcha__link a:link,
.form--renewal__form__content__recapcha__link a:visited {
  color: #666;
  font-size: 1.166rem;
  text-decoration: underline;
}

@media screen and (max-width: 640px) {
  .--input--width-25 {
    width: 50%;
  }
}

.form--renewal__login {
  margin-bottom: 32px;
}

@media screen and (min-width: 640px) {
  .form--renewal__login {
    max-width: 780px;
    margin: 0 auto 32px;
    display: flex;
    flex-direction: column;
    align-items: normal;
    padding-left: 24px;
  }
  .form--renewal__content__login {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 640px;
    margin: 24px 0 0 0;
    padding: 0 16px 0 0;
  }

  .form--renewal__content__login__title {
    margin-bottom: 0;
  }
  .form--renewal__content__login__btn {
    margin: 0 0 0 24px;
  }
  .form--renewal__content__login.--line
    .form--renewal__content__login__external-link
    div {
    margin: 0;
  }
  .course-select-unit-detail-box {
    display: flex;
    justify-content: flex-start;
  }
  .course-select-unit-detail-body {
    width: 50%;
  }
  .--input--width-100 {
    width: 100%;
  }
  .--input--width-50 {
    width: 50%;
  }
  .--input--width-33 {
    width: 33%;
  }
  .--input--width-25 {
    width: 25%;
  }
}

.course-select-list__ribbon {
  position: relative;
  display: inline-block; /* or block if needed */
  width: 100%; /* 必要に応じて調整 */
  height: 100%;
}

.course-select-list__ribbon::before {
  content: "おすすめ";
  position: absolute;
  top: 65px;
  right: -20px;
  background-color: #c9a063;
  color: #fff;
  font-weight: bold;
  font-size: 1rem;
  padding: 6px 36px;
  transform: rotate(45deg);
  transform-origin: top right;
  pointer-events: none;
}

.efo-arrivalResult {
  height: 0;
  visibility: hidden;
}
.form--renewal__content__magazine {
  margin-top: 40px;
}
.form--renewal__content__magazine__box {
  padding: 0 16px;
}
.form--renewal__content__note,
.form--renewal__content__confirm__milk__note-title,
.form--renewal__content__confirm__milk__note,
.form--renewal__content--error__list__child {
  max-width: 780px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 16px;
}
.form--renewal__content__confirm__milk__note {
  margin: 20px auto 40px;
  font-size: 13px;
  line-height: 1.5;
}
.form--renewal__content__confirm {
  margin: 0 16px;
}
.form--renewal__content__confirm__btn__wrapper {
  margin-bottom: 54px;
}
.form--renewal__content__change__btn {
  background-color: #fff;
  color: #666;
  padding-left: 2px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  margin: 0 auto;
  display: inline-block;
  width: 100%;
  text-align: left;
  text-decoration: underline;
}
.form--renewal__content__confirm span::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-top: 2px;
  margin-left: 2px;
  border-right: #666 solid 2px;
  border-bottom: #666 solid 2px;
  transform: rotate(135deg);
  vertical-align: top;
}
.form--renewal__content__confirm .c-btn:hover {
  cursor: pointer;
}
.form--renewal__content__confirm.--textLink {
  display: flex;
  justify-content: left;
  align-items: center;
  margin: 32px 0 0 0;
}
.form--renewal__content__confirm__data__desc {
  padding: 16px;
  background: #f7f7f7;
  line-height: 1.5;
  font-weight: normal;
}
.form--renewal__content__confirm__data__desc li {
  font-size: 14px;
  position: relative;
  display: flex;
  align-items: center;
}
.form--renewal__content__confirm__data__desc li::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 10px;
  margin-right: 10px;
  border-right: #333 solid 2px;
  border-bottom: #333 solid 2px;
  transform: rotate(45deg);
  vertical-align: top;
}
.form--renewal__content__confirm__milk__note-title {
  margin: 25px 16px 5px;
  font-weight: 300;
  font-size: 13px;
  line-height: 150%;
}
@media screen and (min-width: 640px) {
  .form--renewal__content__confirm__milk__note-title {
    margin: 25px auto 5px;
  }
}
.form--renewal__content__confirm__accordion {
  position: relative;
  font-size: 1.0833rem;
}
.form--renewal__content__confirm__accordion::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-top: 2px;
  margin-left: 8px;
  border-right: #aaa solid 2px;
  border-bottom: #aaa solid 2px;
  transform: rotate(45deg);
  vertical-align: top;
}
.form--renewal__content__confirm__accordion__contents {
  font-size: 13px;
  margin-top: 20px;
}
#efo-arrivalDateList ul {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  min-width: 320px;
}
#efo-arrivalDateList .form--renewal__form__content__select__text {
  width: auto;
  margin-top: 16px;
}
#efo-arrivalDateList .form--renewal__form__content__address-list__child {
  display: block;
  box-sizing: border-box;
  padding: 16px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #999;
  line-height: 21px;
  font-size: 15px;
}
#efo-arrivalDateList
  .form--renewal__form__content__address-list__child.--selected {
  border: 1px solid #76952f;
  color: #333;
  font-weight: bold;
  font-size: 16px;
}
#efo-arrivalDateList #efo-arrivalDay input {
  display: none;
}

.myaccount-base__select .--hide,
.select-delivery-item .--hide {
  display: none;
}
#arrivalDateListWrapper.form--renewal__form__content__addition {
  background: none;
}
#arrivalDateListWrapper.form--renewal__form__content__addition::before {
  display: none;
}
#arrivalDateListWrapper.form--renewal__form__content__addition
  .form--renewal__form {
  padding: 0;
}
#arrivalDateListWrapper.form--renewal__form__content__addition
  .form--renewal__form__content__select__text {
  display: block;
}
.select-delivery-list {
  display: flex;
  flex-wrap: wrap;
}
.select-delivery-item-radio {
  display: none;
}
.select-delivery-item:nth-of-type(3n + 1) {
  padding-left: 0;
}
.select-delivery-item-radio:checked + .select-delivery-item-label {
  background: #f3f6e8;
  border: 1px solid #76952f;
  color: #76952f;
  font-weight: bold !important;
}
.form--renewal__form__content__address-list__child#arrival-date-item-default {
  display: block;
  box-sizing: border-box;
  padding: 16px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #999;
  line-height: 21px;
  font-size: 15px;
  margin-top: 12px;
}
.form--renewal__form__title.form--renewal__form__title--overwrite.x-arrival-date-time-title {
  font-size: 14px;
}
.form--renewal__form__title.form--renewal__form__title--overwrite.x-arrival-date-time-title::after {
  display: none;
}
.form--renewal__form__title--overwrite.is-locked::after {
  display: none;
}
.campaign-banner {
  width: 100%;
  text-align: center;
  padding: 0 16px;
  box-sizing: border-box;
  max-width: 500px;
  margin: 0 auto 16px;
}
.campaign-banner img {
  width: 100%;
  height: auto;
}