@charset "UTF-8";
.ta-r {
  text-align: right;
}

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

.mb-00 {
  margin-bottom: 0 !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mt-00 {
  margin-top: 0 !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-20-48 {
  margin-top: 20px !important;
}

.mt-40-80 {
  margin-top: 40px !important;
}

.pb-00 {
  padding-bottom: 0 !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pt-00 {
  padding-top: 0 !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pt-70 {
  padding-top: 70px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pt-110 {
  padding-top: 110px !important;
}

.pr-00 {
  padding-right: 0 !important;
}

.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.px-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.px-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.px-60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.mw-100 {
  max-width: 100%;
}

.ls-0 {
  letter-spacing: 0;
}

.bx-tooltip {
  display: inline-block;
  position: relative;
}
.bx-tooltip.-kift .bx-tooltip__img {
  width: 136px;
  margin: 0 auto;
  min-width: 136px;
}
.bx-tooltip.-kift .bx-tooltip__wrap {
  background-color: #ffffff;
  padding: 0;
  color: #16160e;
  bottom: 48px;
}
.bx-tooltip.-kift .bx-tooltip__link:hover, .bx-tooltip.-kift .bx-tooltip__link:focus, .bx-tooltip.-kift .bx-tooltip__link:active {
  background-color: transparent;
  color: #6b6b6b;
}
.bx-tooltip.-kift .bx-tooltip__top {
  padding: 24px 32px 16px 24px;
}
.bx-tooltip.-kift .bx-tooltip__bottom {
  padding: 32px 16px 16px;
  background-color: #fffade;
  border-radius: 0 0 4px 4px;
  font-size: 14px;
  font-weight: normal;
}
.bx-tooltip.-kift .bx-tooltip__bottom .bold {
  display: inline-block;
  width: 136px;
  margin: 0 16px 0 0;
  font-weight: bold;
}
.bx-tooltip.-kift .bx-tooltip__arrow::before, .bx-tooltip.-kift .bx-tooltip__arrow::after {
  background-color: #ffffff;
}
.bx-tooltip.-kift .bx-tooltip__close {
  color: #6b6b6b;
}
.bx-tooltip.-kift .bx-tooltip__close:hover, .bx-tooltip.-kift .bx-tooltip__close:focus, .bx-tooltip.-kift .bx-tooltip__close:active {
  color: #6b6b6b;
  background-color: transparent;
}
.bx-tooltip.-kift .i-arrow {
  font-weight: normal;
  display: inline;
}
.bx-tooltip.-kift .i-arrow:hover, .bx-tooltip.-kift .i-arrow:focus, .bx-tooltip.-kift .i-arrow:active {
  background-color: transparent;
}

.bx-tooltip__link {
  color: #6b6b6b;
  display: inline-block;
  position: relative;
}
.bx-tooltip__link:hover, .bx-tooltip__link:focus, .bx-tooltip__link:active {
  opacity: 0.6;
}
.bx-tooltip__link .icn-help {
  display: inline-block;
  width: 1em;
  margin-left: 0;
}

.bx-tooltip__wrap {
  color: #ffffff;
  width: calc(100vw - 40px);
  max-width: 370px;
  background-color: #6b6b6b;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  padding: 30px 16px 20px;
  position: absolute;
  left: 0;
  bottom: 38px;
  z-index: 9999;
  box-sizing: border-box;
  display: none;
}
.bx-tooltip__wrap.is-active {
  display: block;
}
.bx-tooltip__wrap[tabindex]:focus {
  outline: none;
}
.bx-tooltip__wrap .txt-link.-bottom {
  margin-top: 4px;
  text-align: center;
}
.bx-tooltip__wrap .txt-link.-bottom a {
  color: #fff;
  text-decoration: underline;
}

.bx-tooltip__inner2 {
  display: flex;
}

.bx-tooltip__img-area {
  width: 33%;
  margin-right: 16px;
}

.bx-tooltip__arrow {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 20px;
  height: 20px;
}
.bx-tooltip__arrow::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.4);
  background-color: #6b6b6b;
}
.bx-tooltip__arrow::after {
  content: "";
  position: absolute;
  top: -16px;
  left: -20px;
  display: block;
  width: 40px;
  height: 16px;
  background-color: #6b6b6b;
}

.bx-tooltip__text {
  font-size: 12px;
  line-height: 1.7;
  white-space: normal;
  font-weight: normal;
  text-align: left;
}
.bx-tooltip__text:not(:first-child) {
  margin-top: 10px;
}
.bx-tooltip__text a {
  color: #ffffff;
  text-decoration: underline;
}
.bx-tooltip__text a:hover, .bx-tooltip__text a:focus, .bx-tooltip__text a:active {
  color: #ffffff;
  text-decoration: none;
}

.bx-tooltip__close {
  font-size: 16px;
  position: absolute;
  top: 11px;
  right: 11px;
  color: #c8c8c8;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.bx-tooltip__close::before {
  content: "\e025";
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

.box--rounded {
  position: relative;
  border: solid 2px #e5e5e5;
  border-radius: 4px;
  padding: 30px 14px 20px;
}

.box--rounded.-maff {
  border-color: #3d963b;
}
.box--rounded.-maff .box--rounded__label {
  position: absolute;
  top: -10px;
  right: 0;
  left: 0;
  margin: auto;
  display: flex;
  justify-content: center;
}
.box--rounded.-maff .box--rounded__label > span {
  position: relative;
  background: #ffffff;
  color: #3d963b;
  font-size: 14px;
  font-weight: bold;
  padding: 0 20px;
}
.box--rounded.-maff .box--rounded__label > span:before, .box--rounded.-maff .box--rounded__label > span:after {
  position: absolute;
  content: "";
  top: 8px;
  width: 14px;
  height: 2px;
  background: #3d963b;
}
.box--rounded.-maff .box--rounded__label > span:before {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
  left: 4px;
}
.box--rounded.-maff .box--rounded__label > span:after {
  -webkit-transform: rotate(-60deg);
          transform: rotate(-60deg);
  right: 4px;
}
.box--rounded.-maff .box--rounded__title {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3d963b;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
}
.box--rounded.-maff .box--rounded__title i {
  font-size: 20px;
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.box--rounded.-maff .box--rounded__text {
  font-size: 14px;
  letter-spacing: 0.01px;
}
.box--rounded.-maff .box--rounded__supplement p {
  font-size: 12px;
  margin-top: 12px;
}
.box--rounded.-maff .txt-link--right {
  font-size: 14px;
  color: #1e50a2;
  margin-top: 8px;
}
.box--rounded.-maff .txt-link--right > a:before {
  top: 0.5em;
}

.grid-image {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 10px auto;
  -ms-grid-columns: 2fr 10px 1fr;
      grid-template: "area-1 area-2" auto "area-1 area-3" auto/2fr 1fr;
  gap: 10px;
}

.grid-image__item {
  position: relative;
  display: flex;
}
.grid-image__item::before {
  content: "";
  display: block;
  width: 0;
  padding-top: 100%;
}
.grid-image__item:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: area-1;
}
.grid-image__item:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: area-2;
}
.grid-image__item:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: area-3;
}

.grid-image__link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border: solid 1px #e5e5e5;
  cursor: pointer;
}
.grid-image__link:hover, .grid-image__link:focus, .grid-image__link:active {
  opacity: 0.85;
}
.grid-image__link > img {
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover";
  width: 100%;
  height: 100%;
}

.modal-component {
  z-index: 10000;
  display: none;
}
.modal-component.-opened {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
}

.modal-component__wrapper {
  display: none;
}

.modal-component__overlay {
  background: rgba(0, 0, 0, 0.6);
  width: 100vw;
  height: 100vh;
}

.modal-component__container {
  position: absolute;
  top: 50vh;
  left: 50vw;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.modal-component__x {
  position: absolute;
  padding: 16px;
  right: 0;
  top: -36px;
  cursor: pointer;
}
.modal-component__x::before, .modal-component__x::after {
  content: "";
  height: 32px;
  width: 2px;
  position: absolute;
  background-color: #fff;
  right: 12px;
  top: 0;
}
.modal-component__x::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.modal-component__x::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.modal-component__body {
  background: #fff;
  border-radius: 6px;
  padding: 24px 30px;
  overflow-y: auto;
}

.modal-component__header {
  margin-bottom: 24px;
  padding: 10px 30px 0;
  border-bottom: 1px solid #e5e5e5;
  width: calc(100% + 60px);
  position: relative;
  left: -30px;
  box-sizing: border-box;
}
.modal-component__header.none {
  display: none;
}

.modal-component__main {
  max-height: 65vh;
}
.modal-component__main h4 {
  font-size: 20px;
}

.modal-component__footer {
  margin-top: 24px;
  padding: 10px 30px 0;
  border-top: 1px solid #e5e5e5;
  position: relative;
  box-sizing: border-box;
}
.modal-component__footer.none {
  display: none;
}

.modal-component__title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}

.modal-component.-slider .modal-component__container {
  top: 48vh;
  width: 100vw;
}
.modal-component.-slider .modal-component__body {
  background: none;
  border-radius: 0;
  padding: 0;
}
.modal-component.-slider .modal-component__overlay {
  background: rgba(0, 0, 0, 0.75);
}
.modal-component.-slider .modal-component__main {
  max-height: 70vh;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.modal-component.-slider .modal-component__main::-webkit-scrollbar {
  display: none;
}
.modal-component.-slider .modal-component__x {
  right: 8px;
  z-index: 1;
}
.modal-component.-slider .grid-image {
  display: flex;
  justify-content: center;
  gap: 0;
  margin: 10px -5px 0;
}
.modal-component.-slider .grid-image__item {
  width: 82px;
  padding: 0 5px;
}
.modal-component.-slider .grid-image__item.is-current .grid-image__link {
  border: solid 2px #ad0003;
}
.modal-component.-slider .grid-image__link {
  border: 0;
  right: 5px;
  left: 5px;
}
.modal-component.-slider .review-list__title {
  font-size: 16px;
}
.modal-component.-slider .review-list__text {
  margin-top: 10px;
}
.modal-component.-slider .review-list__goods {
  font-size: 18px;
}
.modal-component.-slider .review-reason {
  font-size: 14px;
  margin-top: 4px;
}

.modal-slider-component {
  overflow: hidden;
  position: relative;
}

.modal-slider-component__list {
  display: flex;
  background: #16160e;
}

.modal-slider-component__item {
  flex-shrink: 0;
  width: 100vw;
  height: 75vw;
}
.modal-slider-component__item > img {
  -o-object-fit: scale-down;
     object-fit: scale-down;
  font-family: "object-fit: scale-down";
  width: 100%;
  height: 100%;
}

.modal-slider-component__prev,
.modal-slider-component__next {
  visibility: hidden;
  opacity: 0;
  color: #ffffff;
  background: rgba(22, 22, 14, 0.7);
  border: 0;
  position: absolute;
  top: calc(50% - 37px);
  z-index: 0;
  width: 33px;
  height: 74px;
  overflow: hidden;
  cursor: pointer;
  transition: visibility 0.2s, opacity 0.2s;
}
.modal-slider-component__prev:hover, .modal-slider-component__prev:focus, .modal-slider-component__prev:active,
.modal-slider-component__next:hover,
.modal-slider-component__next:focus,
.modal-slider-component__next:active {
  outline: 0;
}
.modal-slider-component__prev > i,
.modal-slider-component__next > i {
  display: inline-block;
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 8px);
  transition: left 0.2s;
}
.modal-slider-component__prev > i > span,
.modal-slider-component__next > i > span {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.modal-slider-component__prev {
  border-radius: 0 4px 4px 0;
  left: 0;
}
.modal-slider-component__prev:hover > i {
  left: calc(50% - 12px);
}
.modal-slider-component__prev > i::before {
  display: inline-block;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.modal-slider-component__next {
  border-radius: 4px 0 0 4px;
  right: 0;
}
.modal-slider-component__next:hover > i {
  left: calc(50% - 4px);
}

.modal-slider-component__caption {
  color: #ffffff;
  padding: 0 16px;
  margin-top: 10px;
}

.modal-slider-component__content {
  margin-top: 15px;
  overflow: hidden;
}

.modal-component {
  z-index: 10000;
  display: none;
}
.modal-component.-opened {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
}

.modal-component__wrapper {
  display: none;
}

.modal-component__overlay {
  background: rgba(0, 0, 0, 0.6);
  width: 100vw;
  height: 100vh;
}

.modal-component__container {
  position: absolute;
  top: 50vh;
  left: 50vw;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.modal-component__x {
  position: absolute;
  padding: 16px;
  right: 0;
  top: -36px;
  cursor: pointer;
}
.modal-component__x::before, .modal-component__x::after {
  content: "";
  height: 32px;
  width: 2px;
  position: absolute;
  background-color: #fff;
  right: 12px;
  top: 0;
}
.modal-component__x::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.modal-component__x::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.modal-component__body {
  background: #fff;
  border-radius: 6px;
  padding: 24px 30px;
  overflow-y: auto;
}

.modal-component__header {
  margin-bottom: 24px;
  padding: 10px 30px 0;
  border-bottom: 1px solid #e5e5e5;
  width: calc(100% + 60px);
  position: relative;
  left: -30px;
  box-sizing: border-box;
}
.modal-component__header.none {
  display: none;
}

.modal-component__main {
  max-height: 65vh;
}
.modal-component__main h4 {
  font-size: 20px;
}

.modal-component__footer {
  margin-top: 24px;
  padding: 10px 30px 0;
  border-top: 1px solid #e5e5e5;
  position: relative;
  box-sizing: border-box;
}
.modal-component__footer.none {
  display: none;
}

.modal-component__title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}

.modal-component[data-modal-id=zoom-image] .modal-component__body {
  max-width: 1016px;
  width: 83vw;
  max-height: 686px;
  height: 75vh;
}
.modal-component[data-modal-id=zoom-image] .modal-component__body .modal-component__main {
  overflow: auto;
  width: 100%;
  height: 100%;
  max-height: none;
}
.modal-component[data-modal-id=zoom-image] .modal-component__body .basicinfo_images {
  width: 100%;
  height: 100%;
}
.modal-component[data-modal-id=zoom-image] .modal-component__body .basicinfo_mainvisual {
  justify-content: center;
  width: 100%;
  max-height: 550px;
  height: calc(100% - 134px);
}
.modal-component[data-modal-id=zoom-image] .modal-component__body .mainvisual__image-container {
  max-width: 880px;
  width: calc(100% - 60px);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-component[data-modal-id=zoom-image] .modal-component__body .slider_mainvisual {
  max-width: 880px;
  width: 100%;
  max-height: 550px;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  font-family: "object-fit: scale-down";
}
.modal-component[data-modal-id=zoom-image] .modal-component__body .basicinfo_slider {
  width: auto;
}
.modal-component[data-modal-id=zoom-image] .modal-component__body .basicinfo_img {
  width: 97px;
}
.modal-component[data-modal-id=zoom-image] .modal-component__body .basicinfo_images__button img {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.modal-component[data-modal-id=zoom-image] .modal-component__body .sld__container {
  display: inline-block;
  padding: 0 10px;
  display: flex;
}
.modal-component[data-modal-id=zoom-image] .modal-component__body .basicinfo_slider_list {
  width: auto;
  justify-content: center;
  margin: auto;
}
.modal-component[data-modal-id=zoom-image] .modal-component__body .basicinfo_images__description {
  min-height: auto;
}

.point-modal__title {
  font-size: 22px;
  letter-spacing: normal;
  bottom: 0;
}
.point-modal__title span {
  font-weight: bold;
  display: inline-block;
}

.point-modal__subtitle {
  font-size: 20px;
  letter-spacing: normal;
  padding-left: 8px;
  border-left: #ad0003 4px solid;
}
.point-modal__subtitle span {
  font-weight: bold;
  display: inline-block;
}

.point-modal__item-title {
  font-size: 18px;
  margin-top: 10px;
  color: #2b2b2b;
}

.point-modal h1 {
  bottom: 0 !important;
}
.point-modal .point-color-red {
  color: #e8000a;
}
.point-modal .point-note {
  font-size: 12px;
}
.point-modal .ttl-h2:not(:first-child) {
  margin-top: 0;
}
.point-modal p,
.point-modal pre {
  margin: 1em 0;
}
.point-modal .mt-20-48 {
  margin-top: 20px;
}
.point-modal .mt-40-80 {
  margin-top: 40px !important;
}
.point-modal .title-decor-left {
  padding-left: 8px;
  position: relative;
}
.point-modal .title-decor-left:before {
  content: "";
  position: absolute;
  background: #9f1111;
  height: 100%;
  width: 5px;
  top: 0;
  left: 0;
}
.point-modal .point-caution {
  background-color: #f9eaea;
  padding: 16px 16px;
}
.point-modal .point-caution h3,
.point-modal .point-caution p {
  font-size: 14px;
  margin: 0;
  line-height: 1.7;
}

.bold {
  font-weight: bold;
}

.page-restock .section-title {
  margin: 0 16px 16px;
  font-size: 20px;
  font-weight: bold;
}
.page-restock .read-text {
  margin: 0 16px 24px;
}
.page-restock .annot {
  font-size: 12px;
  color: #6b6b6b;
  padding-left: 1.5em;
  text-indent: -1.5em;
}
.page-restock .notice {
  padding: 10px 16px;
  margin: 0 16px 24px;
  border: 2px solid #398463;
  border-radius: 4px;
}
.page-restock .notice .text {
  font-size: 16px;
  color: #398463;
}

.restock-regist-link {
  color: #1e50a2;
}
.restock-regist-link .icn-mail {
  margin-right: 5px;
}

.restock-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 16px 18px;
}
.restock-head p {
  font-size: 12px;
}
.restock-head .regist-count {
  flex-shrink: 0;
  margin-right: 45px;
  font-size: 16px;
}

.restock-list {
  margin: 0 16px;
}
.restock-list .restock-item {
  display: flex;
  border-top: 1px solid #e5e5e5;
  padding: 12px 0;
}
.restock-list .restock-item:last-child {
  padding-bottom: 0;
}
.restock-list .restock-item .image {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: 80px;
  height: 50px;
  border: 1px solid #c8c8c8;
  margin-right: 12px;
}
.restock-list .restock-item .image.hover:hover {
  color: #ffffff;
}
.restock-list .restock-item .image .soldflag {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  z-index: 10;
  text-align: center;
  cursor: default;
}
.restock-list .restock-item .summary .name {
  font-size: 14px;
  font-weight: bold;
}
.restock-list .restock-item .summary .child-text {
  font-size: 16px;
}
.restock-list .restock-item .summary .price {
  font-size: 12px;
  color: #ad0003;
}
.restock-list .restock-item .summary .price span {
  font-size: 14px;
}
.restock-list .restock-item .summary .cityname {
  font-size: 12px;
  margin-bottom: 4px;
}
.restock-list .restock-item .summary .date {
  font-size: 12px;
  color: #6b6b6b;
}
.restock-list .restock-item .release-check {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}
.restock-list .restock-item .release-check .release-check-label {
  background: #ffffff;
  cursor: pointer;
}
.restock-list .restock-item .release-check .release-check-label .frm-checkbox__text {
  padding-left: 22px;
  font-size: 12px;
}

.attention {
  margin: 30px 16px 0;
}
.attention .attention-inner {
  padding: 20px 16px;
  background: #f6f6f6;
  border-radius: 4px;
}
.attention .attention-inner p {
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 14px;
}
.attention .attention-inner ul li {
  margin-bottom: 8px;
  font-size: 14px;
  padding-left: 0.5em;
  text-indent: -0.5em;
}
.attention .attention-inner ul li:last-child {
  margin-bottom: 0;
}

.restock-fixbar,
.restock-submit-area {
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: #ffffff;
  box-sizing: border-box;
  padding: 16px;
  font-size: 14px;
}
.restock-fixbar .selected-count,
.restock-submit-area .selected-count {
  letter-spacing: -0.02em;
}
.restock-fixbar .btn-positive,
.restock-submit-area .btn-positive {
  width: auto;
  margin-left: 4px;
  padding: 14px 12px;
}

.restock-fixbar {
  position: fixed;
  left: 0;
  bottom: -100%;
  box-shadow: 0 -2px 1px 0 #f6f6f6;
  z-index: 20000;
  transition: bottom ease 0.3s;
}
.restock-fixbar.visible {
  bottom: 0;
}

.arrive-area {
  margin-top: 40px;
}
.arrive-area .arrive-box {
  margin: 0 16px 12px;
}
.arrive-area .arrive-date {
  position: relative;
}
.arrive-area .arrive-date::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 100%;
  height: 1px;
  background: #e5e5e5;
}
.arrive-area .arrive-date .label {
  position: relative;
  z-index: 1;
  padding: 6px 10px;
  background: #f6f6f6;
  border: 1px solid #e5e5e5;
  border-radius: 4px 0 0 4px;
  border-right: none;
  font-size: 12px;
  font-weight: bold;
}
.arrive-area .arrive-date .label::before, .arrive-area .arrive-date .label::after {
  content: "";
  position: absolute;
  top: 0px;
  right: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 12px 8px;
  border-color: transparent transparent transparent #f6f6f6;
}
.arrive-area .arrive-date .label::before {
  z-index: 1;
}
.arrive-area .arrive-date .label::after {
  top: -1px;
  right: -9px;
  border-width: 13px 0 13px 9px;
  border-color: transparent transparent transparent #e5e5e5;
  z-index: 0;
}
.arrive-area .restock-list {
  margin: 0;
}
.arrive-area .restock-list .restock-item:first-child {
  border-top: none;
}
.arrive-area .annot {
  margin: 20px 16px 0;
}

.button-wrap {
  border-top: 1px solid #e5e5e5;
  margin-top: 20px;
  padding-top: 32px;
  display: flex;
  justify-content: center;
}
.button-wrap .btn-passive--icon,
.button-wrap .btn-positive {
  width: 283px;
}
.button-wrap .btn-passive--icon {
  margin-right: 16px;
  color: #6b6b6b;
}

.modal-component--new[data-modal-id=login] .modal-content-title,
.modal-component--new[data-modal-id=limit] .modal-content-title,
.modal-component--new[data-modal-id=single] .modal-content-title,
.modal-component--new[data-modal-id=select] .modal-content-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
.modal-component--new[data-modal-id=login] .restock-modal .restock-list,
.modal-component--new[data-modal-id=limit] .restock-modal .restock-list,
.modal-component--new[data-modal-id=single] .restock-modal .restock-list,
.modal-component--new[data-modal-id=select] .restock-modal .restock-list {
  margin: 0 0 16px;
}
.modal-component--new[data-modal-id=login] .restock-modal .restock-list .restock-item,
.modal-component--new[data-modal-id=limit] .restock-modal .restock-list .restock-item,
.modal-component--new[data-modal-id=single] .restock-modal .restock-list .restock-item,
.modal-component--new[data-modal-id=select] .restock-modal .restock-list .restock-item {
  padding: 24px 0;
}
.modal-component--new[data-modal-id=login] .restock-modal .restock-list .restock-item:first-child,
.modal-component--new[data-modal-id=limit] .restock-modal .restock-list .restock-item:first-child,
.modal-component--new[data-modal-id=single] .restock-modal .restock-list .restock-item:first-child,
.modal-component--new[data-modal-id=select] .restock-modal .restock-list .restock-item:first-child {
  border-top: 0;
  padding-top: 0;
}
.modal-component--new[data-modal-id=login] .restock-modal .restock-list .restock-item:last-child,
.modal-component--new[data-modal-id=limit] .restock-modal .restock-list .restock-item:last-child,
.modal-component--new[data-modal-id=single] .restock-modal .restock-list .restock-item:last-child,
.modal-component--new[data-modal-id=select] .restock-modal .restock-list .restock-item:last-child {
  padding-bottom: 0;
}
.modal-component--new[data-modal-id=login] .restock-modal .restock-list .restock-item .image,
.modal-component--new[data-modal-id=limit] .restock-modal .restock-list .restock-item .image,
.modal-component--new[data-modal-id=single] .restock-modal .restock-list .restock-item .image,
.modal-component--new[data-modal-id=select] .restock-modal .restock-list .restock-item .image {
  width: 90px;
  height: 56px;
}
.modal-component--new[data-modal-id=login] .restock-modal .restock-list .restock-item .summary .name,
.modal-component--new[data-modal-id=limit] .restock-modal .restock-list .restock-item .summary .name,
.modal-component--new[data-modal-id=single] .restock-modal .restock-list .restock-item .summary .name,
.modal-component--new[data-modal-id=select] .restock-modal .restock-list .restock-item .summary .name {
  font-size: 16px;
}
.modal-component--new[data-modal-id=login] .restock-modal .restock-list .restock-item .summary .price,
.modal-component--new[data-modal-id=limit] .restock-modal .restock-list .restock-item .summary .price,
.modal-component--new[data-modal-id=single] .restock-modal .restock-list .restock-item .summary .price,
.modal-component--new[data-modal-id=select] .restock-modal .restock-list .restock-item .summary .price {
  font-size: 16px;
}
.modal-component--new[data-modal-id=login] .restock-modal .restock-list .restock-item .summary .price span,
.modal-component--new[data-modal-id=limit] .restock-modal .restock-list .restock-item .summary .price span,
.modal-component--new[data-modal-id=single] .restock-modal .restock-list .restock-item .summary .price span,
.modal-component--new[data-modal-id=select] .restock-modal .restock-list .restock-item .summary .price span {
  font-size: 16px;
}
.modal-component--new[data-modal-id=login] .restock-modal .restock-list .restock-item .summary .cityname,
.modal-component--new[data-modal-id=limit] .restock-modal .restock-list .restock-item .summary .cityname,
.modal-component--new[data-modal-id=single] .restock-modal .restock-list .restock-item .summary .cityname,
.modal-component--new[data-modal-id=select] .restock-modal .restock-list .restock-item .summary .cityname {
  font-size: 14px;
  margin-bottom: 0;
}
.modal-component--new[data-modal-id=login] .restock-modal .restock-select,
.modal-component--new[data-modal-id=limit] .restock-modal .restock-select,
.modal-component--new[data-modal-id=single] .restock-modal .restock-select,
.modal-component--new[data-modal-id=select] .restock-modal .restock-select {
  margin: 16px 0 0;
}
.modal-component--new[data-modal-id=login] .restock-modal .restock-select .read-text,
.modal-component--new[data-modal-id=limit] .restock-modal .restock-select .read-text,
.modal-component--new[data-modal-id=single] .restock-modal .restock-select .read-text,
.modal-component--new[data-modal-id=select] .restock-modal .restock-select .read-text {
  margin-bottom: 10px;
  font-size: 16px;
}
.modal-component--new[data-modal-id=login] .restock-modal .restock-select .select-list .select-item,
.modal-component--new[data-modal-id=limit] .restock-modal .restock-select .select-list .select-item,
.modal-component--new[data-modal-id=single] .restock-modal .restock-select .select-list .select-item,
.modal-component--new[data-modal-id=select] .restock-modal .restock-select .select-list .select-item {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  padding: 16px 10px;
  background: #f6f6f6;
  border-radius: 4px;
}
.modal-component--new[data-modal-id=login] .restock-modal .restock-select .select-list .select-item:last-child,
.modal-component--new[data-modal-id=limit] .restock-modal .restock-select .select-list .select-item:last-child,
.modal-component--new[data-modal-id=single] .restock-modal .restock-select .select-list .select-item:last-child,
.modal-component--new[data-modal-id=select] .restock-modal .restock-select .select-list .select-item:last-child {
  margin-bottom: 0;
}
.modal-component--new[data-modal-id=login] .restock-modal .restock-select .select-list .select-item .image,
.modal-component--new[data-modal-id=limit] .restock-modal .restock-select .select-list .select-item .image,
.modal-component--new[data-modal-id=single] .restock-modal .restock-select .select-list .select-item .image,
.modal-component--new[data-modal-id=select] .restock-modal .restock-select .select-list .select-item .image {
  flex-shrink: 0;
  align-self: flex-start;
  width: 87px;
  height: 54px;
  border: 1px solid #e5e5e5;
  margin-right: 8px;
}
.modal-component--new[data-modal-id=login] .restock-modal .restock-select .select-list .select-item .name,
.modal-component--new[data-modal-id=limit] .restock-modal .restock-select .select-list .select-item .name,
.modal-component--new[data-modal-id=single] .restock-modal .restock-select .select-list .select-item .name,
.modal-component--new[data-modal-id=select] .restock-modal .restock-select .select-list .select-item .name {
  margin: 0 10px 0 0;
}
.modal-component--new[data-modal-id=login] .restock-modal .restock-select .select-list .select-item .select-link,
.modal-component--new[data-modal-id=limit] .restock-modal .restock-select .select-list .select-item .select-link,
.modal-component--new[data-modal-id=single] .restock-modal .restock-select .select-list .select-item .select-link,
.modal-component--new[data-modal-id=select] .restock-modal .restock-select .select-list .select-item .select-link {
  flex-shrink: 0;
  display: block;
  width: 52px;
  height: 44px;
  margin-left: auto;
  border-radius: 4px;
  background: #ad0003;
  color: #ffffff;
  text-align: center;
  line-height: 44px;
  border: 0;
  cursor: pointer;
}
.modal-component--new[data-modal-id=login] .restock-modal .attention,
.modal-component--new[data-modal-id=limit] .restock-modal .attention,
.modal-component--new[data-modal-id=single] .restock-modal .attention,
.modal-component--new[data-modal-id=select] .restock-modal .attention {
  margin: 24px 0 0;
  padding-top: 20px;
  border-top: 1px solid #e5e5e5;
}
.modal-component--new[data-modal-id=login] .restock-modal .link,
.modal-component--new[data-modal-id=limit] .restock-modal .link,
.modal-component--new[data-modal-id=single] .restock-modal .link,
.modal-component--new[data-modal-id=select] .restock-modal .link {
  color: #1e50a2;
}
.modal-component--new[data-modal-id=login] .restock-modal .btn-wrap,
.modal-component--new[data-modal-id=limit] .restock-modal .btn-wrap,
.modal-component--new[data-modal-id=single] .restock-modal .btn-wrap,
.modal-component--new[data-modal-id=select] .restock-modal .btn-wrap {
  margin-top: 0;
}
.modal-component--new[data-modal-id=login] .restock-modal .btn-wrap .btn-positive,
.modal-component--new[data-modal-id=limit] .restock-modal .btn-wrap .btn-positive,
.modal-component--new[data-modal-id=single] .restock-modal .btn-wrap .btn-positive,
.modal-component--new[data-modal-id=select] .restock-modal .btn-wrap .btn-positive {
  width: 100%;
}
.modal-component--new[data-modal-id=login] .restock-complete-modal .attention,
.modal-component--new[data-modal-id=limit] .restock-complete-modal .attention,
.modal-component--new[data-modal-id=single] .restock-complete-modal .attention,
.modal-component--new[data-modal-id=select] .restock-complete-modal .attention {
  padding-top: 0;
  border-top: none;
}

.loading-spinner {
  font-size: 40px;
  position: relative;
  display: block;
  width: 1em;
  height: 1em;
  margin: 0 auto;
}
.loading-spinner .loading-spinner__blade {
  position: absolute;
  left: 0.4629em;
  bottom: 0;
  width: 0.05em;
  height: 0.24em;
  border-radius: 0.5em;
  background-color: transparent;
  -webkit-transform-origin: center -0.2222em;
          transform-origin: center -0.2222em;
  -webkit-animation: spinner-fade 1s infinite linear;
          animation: spinner-fade 1s infinite linear;
}
.loading-spinner .loading-spinner__blade:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.loading-spinner .loading-spinner__blade:nth-child(2) {
  -webkit-animation-delay: 0.083s;
          animation-delay: 0.083s;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.loading-spinner .loading-spinner__blade:nth-child(3) {
  -webkit-animation-delay: 0.166s;
          animation-delay: 0.166s;
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}
.loading-spinner .loading-spinner__blade:nth-child(4) {
  -webkit-animation-delay: 0.249s;
          animation-delay: 0.249s;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.loading-spinner .loading-spinner__blade:nth-child(5) {
  -webkit-animation-delay: 0.332s;
          animation-delay: 0.332s;
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
}
.loading-spinner .loading-spinner__blade:nth-child(6) {
  -webkit-animation-delay: 0.415s;
          animation-delay: 0.415s;
  -webkit-transform: rotate(150deg);
          transform: rotate(150deg);
}
.loading-spinner .loading-spinner__blade:nth-child(7) {
  -webkit-animation-delay: 0.498s;
          animation-delay: 0.498s;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.loading-spinner .loading-spinner__blade:nth-child(8) {
  -webkit-animation-delay: 0.581s;
          animation-delay: 0.581s;
  -webkit-transform: rotate(210deg);
          transform: rotate(210deg);
}
.loading-spinner .loading-spinner__blade:nth-child(9) {
  -webkit-animation-delay: 0.664s;
          animation-delay: 0.664s;
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg);
}
.loading-spinner .loading-spinner__blade:nth-child(10) {
  -webkit-animation-delay: 0.747s;
          animation-delay: 0.747s;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.loading-spinner .loading-spinner__blade:nth-child(11) {
  -webkit-animation-delay: 0.83s;
          animation-delay: 0.83s;
  -webkit-transform: rotate(300deg);
          transform: rotate(300deg);
}
.loading-spinner .loading-spinner__blade:nth-child(12) {
  -webkit-animation-delay: 0.913s;
          animation-delay: 0.913s;
  -webkit-transform: rotate(330deg);
          transform: rotate(330deg);
}

@-webkit-keyframes spinner-fade {
  0% {
    background-color: #333333;
  }
  100% {
    background-color: transparent;
  }
}

@keyframes spinner-fade {
  0% {
    background-color: #333333;
  }
  100% {
    background-color: transparent;
  }
}
.list-description {
  margin-bottom: 16px;
}
.list-description > dt {
  font-weight: bold;
  margin-top: 16px;
  margin-bottom: 8px;
}

.list--note {
  font-size: 12px;
  color: #6b6b6b;
}

.flag--new {
  background-color: #16160e;
  border-radius: 1em;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  padding: 4px 8px;
  margin-right: 2px;
  position: relative;
}

.label--exclusive.-ribbon {
  background: #ad0003;
  color: #ffffff;
  font-weight: bold;
  line-height: 1;
}
.label--exclusive.-ribbon:hover {
  text-decoration: none;
}

.label--exclusive.-ribbon {
  font-size: 13px;
  padding: 4px 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 0;
  height: 18px;
  bottom: 5px;
}
.label--exclusive.-ribbon::before, .label--exclusive.-ribbon::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  right: -12px;
}
.label--exclusive.-ribbon::before {
  border-width: 26px 20px 0 0;
  border-color: #ad0003 transparent transparent transparent;
  z-index: 2;
}
.label--exclusive.-ribbon::after {
  border-width: 26px 0 0 20px;
  border-color: transparent transparent transparent #730103;
  z-index: 1;
}

.gcf-tag {
  background: #cce1d8;
  color: #2e792d;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  padding: 5px 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

#main.page-product {
  overflow-x: hidden;
}

.review-list {
  margin-top: 40px;
}
.review-list h2 {
  font-size: 20px;
}
.review-list .review-null {
  margin-top: 20px;
}
.review-list .btn-wrap--reverse {
  margin-top: 48px;
  margin-bottom: 112px;
}

.review-list__content {
  position: relative;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 24px 16px;
  margin-top: 20px;
}
.review-list__content .review-list__name {
  font-size: 12px;
  margin-bottom: 16px;
}
.review-list__content .review-list__title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
}
.review-list__content .review-images {
  margin-bottom: 8px;
}
.review-list__content .review-images .grid-image__link {
  border: none;
}
.review-list__content .review-images .grid-image__link img {
  border-radius: 16px;
}
.review-list__content .review-list__text-wrap {
  min-height: 65px;
}
.review-list__content .review-list__text {
  word-break: break-word;
}
.review-list__content .review-list__goods {
  font-size: 12px;
  margin-bottom: 4px;
  margin-top: 16px;
}
.review-list__content .review-reason {
  font-size: 12px;
  margin-bottom: 16px;
  line-height: 1.8;
}
.review-list__content .review-reason .review-reason__item {
  display: inline;
}
.review-list__content .review-reason .review-reason__item:not(:last-child):after {
  content: "|";
  margin-left: 4px;
}
.review-list__content .review-tag {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.review-list__content .review-tag .review-tag__item {
  display: inline;
  color: #ad0003;
  font-size: 12px;
  margin-right: 16px;
}
.review-list__content .review-tag .review-tag__item:last-of-type {
  margin-right: 0;
}
.review-list__content .review-tag .review-tag__item.is-null {
  color: #767676;
}
.review-list__content .review-tag .review-tag__item i {
  vertical-align: middle;
  font-size: 18px;
  margin-right: 4px;
}
.review-list__content .review-list__data {
  font-size: 12px;
  color: #6b6b6b;
}
.review-list__content .review-list__date {
  font-size: 12px;
  color: #6b6b6b;
}
.review-list__content .review-list__delete {
  display: inline-block;
  color: #1e50a2;
  font-size: 14px;
  margin-top: 12px;
}

.review-list__box {
  background-color: #f6f6f6;
  padding: 16px;
  margin-top: 12px;
  border-radius: 8px;
}
.review-list__box small {
  display: inline-block;
  margin-top: 6px;
  font-size: 12px;
  color: #767676;
}

.review-list__reply {
  margin: 16px 0;
}
.review-list__reply .toggle-controller {
  position: relative;
  cursor: pointer;
  color: #1e50a2;
}
.review-list__reply .toggle-controller::after {
  position: absolute;
  content: "";
  top: -5px;
  bottom: 0;
  right: -16px;
  margin: auto;
  width: 6px;
  height: 6px;
  border-top: 2px solid #1e50a2;
  border-left: 2px solid #1e50a2;
  transition: 0.2s;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
.review-list__reply .toggle-controller:has(+ .toggle-target.-active)::after {
  top: 2px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.review-list__reply .toggle-trigger {
  display: none;
}
.review-list__reply .toggle-trigger:checked + .toggle-controller::after {
  top: 2px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.review-list__reply .toggle-target {
  overflow: hidden;
  transition: height 150ms linear;
}
.review-list__reply .toggle-target:not(.-active) {
  height: 0;
}

.bx-more2__wrap {
  transition: height 150ms linear;
}
.bx-more2__wrap.is-more + .bx-more2__button::before {
  content: "";
  display: block;
  width: 100%;
  height: 18px;
  position: absolute;
  top: -31px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 68%);
}
.bx-more2__wrap.is-more + .bx-more2__button .btn-more__icon::after {
  top: 8px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.bx-more2__button {
  position: relative;
  display: none;
  justify-content: center;
}

.bx-more2__button.-active {
  display: flex;
  justify-content: end;
  margin-top: 8px;
}

.btn-more {
  text-align: center;
}
.btn-more::before {
  content: "";
  display: none;
}

.btn-more__text {
  color: #1e50a2;
  background-color: #ffffff;
  margin-top: -29px;
}

.btn-more__icon {
  display: block;
  position: relative;
  height: 24px;
}
.btn-more__icon::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-width: 1px 1px 0 0;
  border-style: solid;
  position: absolute;
  top: 16px;
  right: 0;
  left: 0;
  margin: 0 auto;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.fixed-favorite {
  z-index: 20;
  border: 0;
  background: none;
  margin: 0;
  padding: 0;
}
.fixed-favorite span {
  display: block;
  width: 56px;
  height: 56px;
  border: 4px solid #767676;
  border-radius: 30px;
  box-sizing: border-box;
  background-color: #ffffff;
}
.fixed-favorite i {
  font-size: 26px;
  line-height: 1;
  color: #767676;
  text-align: center;
  padding-top: 13px;
}
.fixed-favorite .btn-active__icon {
  display: none;
}
.fixed-favorite .btn-passive__icon {
  display: block;
  -webkit-animation: blink 0.4s ease;
          animation: blink 0.4s ease;
}

.fixed-favorite.on span {
  border: 4px solid #ad0003;
}
.fixed-favorite.on i {
  color: #ad0003;
}
.fixed-favorite.on .btn-active__icon {
  display: block;
  -webkit-animation: beat 0.4s ease-in-out;
          animation: beat 0.4s ease-in-out;
}
.fixed-favorite.on .btn-passive__icon {
  display: none;
}

.review-reaction-wrap {
  display: flex;
  justify-content: end;
}

.review-reaction-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 176px;
  padding: 2px 20px;
  border-radius: 54px;
  border: 1px solid #e5e5e5;
  background-color: #ffffff;
  font-size: 14px;
  transition: background-color ease 0.4s;
  cursor: pointer;
  color: #16160e;
}
.review-reaction-button.-active {
  background-color: #f3f3f3;
  border-color: #f3f3f3;
}
.review-reaction-button.-active .review-reaction-button__icon {
  -webkit-animation: beat 0.4s ease-in-out;
          animation: beat 0.4s ease-in-out;
}

.review-reaction-button__icon,
.review-reaction-button__text {
  display: inline-block;
  margin-right: 8px;
  flex-shrink: 0;
}

.review-reaction-button__icon {
  font-size: 20px;
}

.review-reaction-button__number {
  text-align: left;
}

.page-product__sec2 {
  border-top: 1px solid #e5e5e5;
  margin-top: 20px;
  padding-top: 20px;
}

.section-border {
  border-top: 1px solid #e5e5e5;
  padding-top: 20px;
}

.product-detail__city-info {
  border: 2px solid #e5e5e5;
}

.city-header {
  background-color: #f6f6f6;
  line-height: 1;
}

.city-title {
  background: #f6f6f6;
  line-height: 1;
  padding: 16px 0 0;
  display: flex;
  color: #1e50a2;
  flex-wrap: wrap;
  align-items: center;
}
.city-title > a {
  flex-shrink: 0;
  flex-basis: 100%;
}
.city-title > a:hover {
  text-decoration: underline;
  color: #1e50a2;
}

.city-title__ruby {
  font-size: 14px;
}

.city-title__text {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}

.award-label {
  display: flex;
  align-items: center;
  margin-top: 10px;
  margin-right: 5px;
}
.award-label a:hover {
  opacity: 0.8;
}

.point-wrapper .inner {
  padding: 12px 16px;
}

.point_balance img {
  width: 20px;
  vertical-align: middle;
  position: relative;
  top: -0.1em;
}
.point_balance p {
  color: #d59300;
  font-size: 14px;
  display: inline;
}
.point_balance .name {
  margin-right: 10px;
}
.point_balance .points {
  color: #6b6b6b;
  float: left;
}
.point_balance .points_name {
  color: #020202;
  font-weight: bold;
  float: left;
}

.point-save {
  font-size: 14px;
}
.point-save a {
  display: block;
  margin-top: 4px;
}

.basicinfo {
  position: relative;
}

.ttl-h1 {
  margin-top: 24px;
}
.ttl-h1 .ttl-h1__text {
  font-weight: 500;
}

.labels {
  display: flex;
  flex-wrap: wrap;
}

.label {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  height: 26px;
  font-size: 12px;
  font-weight: normal;
  border-radius: 4px;
  margin: 0 12px 8px 0;
  padding: 0 2px;
}
.label.-wakeari {
  color: #667c29;
  border: 2px solid;
}
.label.-point {
  color: #d59300;
  border: 2px solid;
}
.label.-choice-pay {
  color: #239dda;
  border: 2px solid;
}
.label.-exclusive {
  position: relative;
  color: #ffffff;
  border: 2px solid #ad0003;
  background-color: #ad0003;
  font-weight: bold;
  padding: 0 6px;
  margin-right: 30px;
}
.label.-exclusive .tooltip-exclusive {
  position: absolute;
  right: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.label.-exclusive .tooltip-exclusive .icn-help {
  font-size: 14px;
}

.catchphrase {
  display: block;
  font-size: 16px;
  font-weight: normal;
}

.company-info {
  display: flex;
  margin-top: 16px;
}

.company-icon {
  width: 32px;
  height: 32px;
  background-color: #e5e5e5;
  border-radius: 20px;
}
.company-icon .mf-icon-company {
  display: flex;
  justify-content: center;
  font-size: 16px;
  width: 32px;
  height: 32px;
  align-items: center;
  color: #767676;
}

#basicinfo_name-display-company-name {
  padding: 4px 8px;
  font-weight: normal;
}

.basicinfo__wrap {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.basicinfo_content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.basicinfo_content.basicinfo_content__b {
  flex-direction: column-reverse;
}

.underage_warning {
  padding: 4px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.underage_warning i {
  color: red;
}

.basicinfo_pay {
  width: 100%;
}

.basicinfo_review {
  flex-shrink: 0;
  width: 244px;
  box-sizing: border-box;
  padding: 16px;
  border: 2px solid #e5e5e5;
  border-radius: 16px;
  height: 100%;
}
.basicinfo_review .basicinfo_review-title {
  text-align: center;
}
.basicinfo_review .review-fv-lists .review-fv-lists-no-review {
  text-align: center;
}
.basicinfo_review .review-fv-list {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9.5px 0;
  box-sizing: border-box;
  justify-content: space-between;
  border-top: 1px solid #e5e5e5;
}
.basicinfo_review .review-fv-list:last-child {
  border-bottom: 1px solid #e5e5e5;
}
.basicinfo_review .review-fv-list .review-fv-list__content {
  flex: 1;
  overflow: hidden;
}
.basicinfo_review .review-fv-list .review-fv-list__text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #6b6b6b;
  font-size: 14px;
  margin-top: 8px;
}
.basicinfo_review .review-fv-list .review-fv-list__name {
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.basicinfo_review .review-fv-list .review-fv-list__title,
.basicinfo_review .review-fv-list .review-fv-list__name {
  overflow: hidden;
}
.basicinfo_review .review-fv-list .review-list__data {
  color: #6b6b6b;
  font-size: 14px;
  margin-top: 8px;
}
.basicinfo_review .review-fv-list .review-list__image {
  min-width: 56px;
  min-height: 56px;
}
.basicinfo_review .review-fv-list .review-list__image img {
  width: 56px;
  height: 56px;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
.basicinfo_review .review-fv-link {
  display: flex;
  justify-content: end;
  margin-top: 10px;
}
.basicinfo_review .review-fv-link.review-fv-link-no-review {
  justify-content: center;
}
.basicinfo_review .basicinfo_review-link {
  display: block;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
}

.basicinfo_images {
  width: auto;
  margin: 0 -16px 8px;
}
.basicinfo_images > a {
  display: block;
}
.basicinfo_images > a > .slider_mainvisual {
  width: 520px;
  min-height: 323px;
  outline: 1px solid #e5e5e5;
  box-sizing: border-box;
  border-radius: 2px;
}
.basicinfo_images .sld__wrap {
  padding: 0;
}

.basicinfo_mainvisual {
  position: relative;
  text-align: center;
}

.basicinfo_images__button {
  margin: auto 0;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
          appearance: none;
}
.basicinfo_images__button:hover {
  cursor: pointer;
  opacity: 0.85;
}
.basicinfo_images__button.is-next {
  right: -5px;
}
.basicinfo_images__button.is-prev {
  left: -5px;
}
.basicinfo_images__button.-hide {
  visibility: hidden;
}
.basicinfo_images__button.-has-zoom {
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
}
.basicinfo_images__button img {
  width: 100%;
  height: 30px;
}

.label--exclusive.-ribbon {
  margin-right: 24px;
}

.saigai-note {
  margin-top: 24px;
}
.saigai-note > p {
  font-size: 12px;
  margin-top: 8px;
}

.saigai-note_mark {
  width: 160px;
}
.saigai-note_mark p {
  border-radius: 4px;
  background-color: #ffdb4f;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding: 4px;
}

.city_saigai {
  margin: 0 16px 16px;
}
.city_saigai h2 {
  background-color: #ffdb4f;
  padding: 8px;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  color: #000;
}
.city_saigai p {
  border: 1px solid #ffdb4f;
  padding: 8px;
  color: #000;
}

#mainvisual-swiper .swiper {
  height: 62.5vw;
}
#mainvisual-swiper .swiper-wrapper {
  flex-wrap: nowrap;
}
#mainvisual-swiper .sld__item img {
  width: 100%;
}

.basicinfo_slider {
  width: 100%;
  margin: 16px auto 12px;
}
.basicinfo_slider:not(.end)::after {
  content: "";
  width: 20px;
  height: 60px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.basicinfo_slider:not(.start)::before {
  content: "";
  width: 20px;
  height: 60px;
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0), #fff);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.basicinfo_slider_list {
  width: 100%;
  flex-wrap: nowrap;
}
.basicinfo_slider_list.-review .basicinfo_img {
  background-color: #f5f5f5;
  border-radius: 0;
}
.basicinfo_slider_list.-review .basicinfo_img.appeared {
  border-color: #16160e;
}

.basicinfo_img {
  width: 88px;
  margin: 0 4px 15px 0;
  box-sizing: content-box;
  border-radius: 2px;
  cursor: pointer;
  flex-shrink: 0;
  border: 2px solid transparent;
}
.basicinfo_img.appeared {
  border: 2px solid #ad0003;
}
.basicinfo_img > img {
  width: 100%;
  max-width: none;
}

.basicinfo_images__description {
  margin: 0 16px;
  font-size: 14px;
  text-align: left;
  min-height: 42px;
}

.basicinfo_active {
  padding-bottom: 20px;
}

.basicinfo_price {
  margin: 16px 0 8px;
  font-weight: bold;
  font-size: 28px;
  line-height: 1.3;
}
.basicinfo_price .small {
  font-size: 14px;
  display: block;
}
.basicinfo_price .ex {
  color: #16160e;
  display: block;
  font-weight: normal;
  font-size: 14px;
}
.basicinfo_price .ex-point {
  font-weight: bold;
}

.basicinfo_price--letter-space-clear {
  letter-spacing: 0;
}

.basicinfo_amount {
  display: block;
  font-size: 14px;
  font-weight: normal;
}

.button-wrapper {
  display: flex;
  margin-top: 24px;
}

.review_btn {
  width: 100%;
  margin-right: 18px;
  height: 69px;
  line-height: 1.5;
}
.review_btn:hover {
  opacity: 0.85;
}

.btn-rebuild {
  width: 100%;
  height: 69px;
  padding: 0;
  border: 0;
  line-height: 2.1;
}
.btn-rebuild.on .btn-active__icon {
  -webkit-animation: beat 0.4s ease-in-out;
          animation: beat 0.4s ease-in-out;
}
.btn-rebuild .btn-passive__icon {
  -webkit-animation: blink 0.4s ease;
          animation: blink 0.4s ease;
  color: #16160e;
}

.like_button,
.review_button {
  display: block;
  padding: 8px;
  overflow: hidden;
  box-sizing: border-box;
  text-align: center;
}
.like_button img,
.review_button img {
  display: block;
  width: 18px;
  margin: 0 auto;
}
.like_button p,
.review_button p {
  color: #16160e;
  font-size: 14px;
  text-align: center;
}
.like_button i:before,
.review_button i:before {
  font-size: 18px;
}
.like_button .points,
.review_button .points {
  float: right;
}
.like_button .btn-passive__text {
  min-width: 69px;
}
.review_button i {
  color: #213a70;
}

.product-graybox {
  background-color: #f6f6f6;
  padding: 24px;
  margin: 24px -16px 0;
}

.municipal-caution {
  margin-top: 20px;
}

.icn-pickup {
  vertical-align: middle;
  margin-right: 8px;
  font-size: 16px;
}
.choices select {
  cursor: pointer;
}
.choices .form_entry {
  width: 82%;
  margin-left: 5px;
  border: 1px solid #e5e5e5;
}
.choices .form_entry.notice {
  color: #e8000a;
  border: 1px solid #e8000a;
}
.choices .notice-text {
  display: none;
  margin-top: 8px;
  color: #e8000a;
  font-size: 14px;
}
.choices .notice-text.is-show {
  display: block;
}

.choices + .goods-option .amount {
  margin-top: 18px;
}

.goods-option {
  position: relative;
}
.goods-option .amount {
  display: inline-block;
}
.goods-option .stock {
  display: block;
  margin-top: 16px;
}
.goods-option .stock .few {
  font-weight: bold;
  color: #e8000a;
  margin-left: 3px;
}
.goods-option .donation {
  display: flex;
  margin-top: 20px;
}
.goods-option .donation button {
  margin-top: 20px;
}
.goods-option .donation button:last-child {
  margin-top: 0;
}

.info-fast {
  margin-top: 8px;
}
.info-fast:empty {
  margin-top: 0;
}
.info-fast .-red {
  color: #ad0003;
}

.info-fast__balloon {
  margin-bottom: 8px;
  margin-top: 8px;
}
.info-fast__balloon > span {
  color: #ffffff;
  background: #5ba3de;
  display: inline-block;
  padding: 4px 8px;
  position: relative;
  font-size: 14px;
  border-radius: 4px;
  box-sizing: border-box;
}
.info-fast__balloon > span::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 9px solid #5ba3de;
  top: -7px;
  left: 90px;
}

.info-suspended-fast__balloon > span {
  background: #767676;
}
.info-suspended-fast__balloon > span::before {
  border-bottom: 9px solid #767676;
}

.info-link {
  margin-top: 20px;
}
.info-link:empty {
  margin-top: 0;
}

.available-payments {
  display: flex;
  margin-top: 16px;
  align-items: center;
  background-color: #fff;
  border-radius: 4px;
  padding: 8px 12px;
}
.available-payments .title {
  white-space: nowrap;
  margin-right: 8px;
  font-weight: bold;
}
.available-payments .payments {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.available-payments .payments .payment-type {
  margin-right: 16px;
  font-size: 12px;
  display: flex;
  align-items: baseline;
}
.available-payments .payments .payment-type:last-child {
  margin-left: 0;
}
.available-payments .payments .payment-type.available span {
  color: #16160e;
}
.available-payments .payments .payment-type.available .avaiable-icon::before {
  content: none;
}
.available-payments .payments .payment-type.available .avaiable-icon::after {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 5em;
  border: 1px solid #59b052;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: transparent;
}
.available-payments .payments .payment-type span {
  padding-right: 2px;
  color: #666666;
}
.available-payments .payments .payment-type .avaiable-icon {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
}
.available-payments .payments .payment-type .avaiable-icon::before, .available-payments .payments .payment-type .avaiable-icon::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  background-color: #666666;
  box-sizing: border-box;
}
.available-payments .payments .payment-type .avaiable-icon::before {
  -webkit-transform: rotate(45deg) translateY(calc(-50% + 0.5px));
          transform: rotate(45deg) translateY(calc(-50% + 0.5px));
  left: 0;
}
.available-payments .payments .payment-type .avaiable-icon::after {
  -webkit-transform: rotate(-45deg) translateY(calc(-50% + 0.5px));
          transform: rotate(-45deg) translateY(calc(-50% + 0.5px));
  right: 0;
}
.available-payments .additional {
  white-space: nowrap;
}

.product-select-box {
  float: none;
  box-sizing: border-box;
  vertical-align: middle;
  width: 138px;
  height: 44px;
  padding: 10px;
  color: #16160e;
}

.caution-box {
  margin-top: 16px;
  border: 2px solid #e8000a;
  border-radius: 4px;
}
.caution-box .head {
  color: #ffffff;
  background: #e8000a;
  padding: 6px 16px 8px;
  font-size: 16px;
  font-weight: normal;
}
.caution-box .content {
  background: #ffffff;
  padding: 12px 16px;
}
.caution-box .content .text {
  font-size: 14px;
  margin-bottom: 8px;
}
.caution-box .content .number-list {
  font-size: 14px;
  margin-bottom: 8px;
}
.caution-box .content .link {
  font-size: 14px;
}
.caution-box .caution-list {
  margin-bottom: 8px;
}
.caution-box .caution-list > li {
  padding-left: 0.8em;
  position: relative;
}
.caution-box .caution-list > li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.caution-box .caution-list > li + li {
  margin-top: 8px;
}
.caution-box .caution-list > li .txt-sub {
  margin-top: 4px;
}

.number-list {
  counter-reset: item;
}
.number-list li {
  text-indent: -1.8em;
  padding-left: 1.8em;
}
.number-list li:not(:last-child) {
  margin-bottom: 0.3em;
}
.number-list li::before {
  counter-increment: item;
  content: "（" counter(item) "）";
  padding-right: 2px;
}

.product-tbl-info {
  box-sizing: border-box;
  border: 2px solid #e5e5e5;
  border-radius: 4px;
  padding: 0;
  display: block;
  overflow: hidden;
}

.product-tbl-info__body {
  display: block;
  width: 100%;
}

.product-tbl-info__label {
  background: #f6f6f6;
  padding: 8px 16px;
  font-weight: normal;
  vertical-align: top;
  box-sizing: border-box;
  width: 118px;
  font-size: 14px;
  flex-shrink: 0;
}
.basicinfo_content__b .product-tbl-info__label {
  display: flex;
  align-items: center;
  width: 120px;
  font-size: 16px;
}

.product-tbl-info__row {
  display: flex;
}

.product-tbl-info__row:not(:first-child) {
  border-top: 1px solid #e5e5e5;
}

.product-tbl-info__wrap {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  padding: 8px 16px;
  vertical-align: middle;
}
.basicinfo_content.basicinfo_content__b .product-tbl-info__wrap {
  gap: 8px;
}
.product-tbl-info__wrap .inline-text {
  display: block;
}
.product-tbl-info__wrap .sendlist {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 4px;
}
.product-tbl-info__wrap .sendlist .lst-icon__item {
  margin: 0;
}
.basicinfo_content:not(.basicinfo_content__b) .product-tbl-info__wrap .sendlist:has(.sendlist__item) {
  gap: 0 4px;
}
.basicinfo_content:not(.basicinfo_content__b) .product-tbl-info__wrap .sendlist__item {
  display: inline-block;
}
.basicinfo_content:not(.basicinfo_content__b) .product-tbl-info__wrap .sendlist__item:not(:last-of-type):after {
  content: "、";
}
.product-tbl-info__wrap .speed-shipping {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.basicinfo_content:not(.basicinfo_content__b) .product-allergy__contents {
  margin-top: 16px;
  margin-bottom: 12px;
}

.product-allergy__text {
  margin-bottom: 8px;
}

.detail-deduction-images {
  display: flex;
  padding: 0 0 8px;
}

.detail-deduction-images__item {
  line-height: 1;
}
.detail-deduction-images__item:first-child {
  margin: 0 0 16px 0;
}
.detail-deduction-images__item img {
  margin-right: 8px;
}

.overview {
  margin-top: 20px;
  padding: 20px 0 0;
  position: relative;
  border-top: 1px solid #e5e5e5;
}

.overview + section {
  margin-top: 28px;
}

.overview_title {
  background: url(/img/icon/title/icon_list_blk.svg) no-repeat left center;
  background-size: 18px;
  margin: 0 16px 16px;
  padding-left: 24px;
}

.overview_text {
  font-size: 14px;
  word-wrap: break-word;
}

.overview_table {
  margin-top: 20px;
  border-collapse: collapse;
  font-size: 14px;
  text-align: left;
}

.overview__th {
  color: #6b6b6b;
  box-sizing: border-box;
  font-weight: normal;
  font-size: 14px;
  width: 80px;
}

.overview__td {
  font-size: 14px;
}

.detailinfo {
  box-sizing: border-box;
  position: relative;
}
.detailinfo .item-parts {
  margin-top: 28px;
}
.detailinfo .item-parts > :not(:first-child) {
  margin-top: 28px;
}
.detailinfo .f_photo {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.detailinfo .f_photo > a:hover {
  opacity: 0.85;
}
.detailinfo .f_photo_wrap {
  display: flex;
  flex-direction: column;
  max-width: 99.999%;
}
.detailinfo .f_photo_wrap img {
  flex-shrink: 0;
}
.detailinfo .f_caption {
  background: #e5e5e5;
  color: #16160e;
  padding: 4px;
  font-size: 14px;
  text-align: center;
  order: 2;
}
.detailinfo .f_caption + img {
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  order: 1;
}
.detailinfo .f_text_blk {
  text-align: justify;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.6px;
}
.detailinfo .f_text_red {
  color: #e8000a;
  text-align: justify;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 0.6px;
}
.detailinfo .item-parts p.f_text_red {
  margin-top: 16px;
}
.detailinfo .f_lyt-image__wrap,
.detailinfo .f_lyt-image__wrap--reverse {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}
.detailinfo .f_lyt-image__img {
  display: flex;
  flex-direction: column;
}
.detailinfo .f_lyt-image__img:nth-child(n+2) {
  margin-top: 12px;
}
.detailinfo .f_lyt-image__img .f_caption {
  padding: 3px 0 4px;
  font-size: 12px;
}
.detailinfo .f_lyt-image__texts:nth-child(n+2) {
  margin-top: 12px;
}
.detailinfo .f_lyt-image__texts > *:nth-child(n+2) {
  margin-top: 10px;
}
.detailinfo .f_lyt-image__texts > h5 {
  font-size: 16px;
  text-align: justify;
  letter-spacing: 1.5px;
}
.detailinfo .goods_list {
  overflow: hidden;
  width: 100%;
}
.detailinfo .goods_list .goods-4-col:nth-child(n) {
  margin: 0;
}
.detailinfo .goods_list .goods-4-col:nth-child(-n+3) {
  margin-top: 0;
}
.detailinfo .f_anchor_left {
  color: #1e50a2;
  text-align: left;
}
.detailinfo .f_anchor_left:hover {
  text-decoration: underline;
}
.detailinfo .f_anchor_right,
.detailinfo .f_anchor_city,
.detailinfo .f_anchor_outside {
  color: #1e50a2;
  text-align: right;
}
.detailinfo .f_anchor_right:hover,
.detailinfo .f_anchor_city:hover,
.detailinfo .f_anchor_outside:hover {
  text-decoration: underline;
}
.detailinfo .f_gray_box {
  background-color: #f6f6f6;
  overflow: hidden;
  padding: 16px;
}
.detailinfo .f_gray_box .of_hidden {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: 16px;
}
.detailinfo .f_gray_box .of_hidden p {
  font-size: 14px;
}
.detailinfo .f_gray_box .of_hidden > :not(:first-child) {
  margin-top: 16px;
}
.detailinfo .f_movie {
  visibility: hidden;
}
.detailinfo .f_movie.resized {
  visibility: visible;
  position: relative;
}
.detailinfo .f_movie.resized iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.relativecategory {
  padding: 24px 16px;
  box-sizing: border-box;
  position: relative;
}
.relativecategory::before {
  content: "";
  display: block;
  background: #c8c8c8;
  width: calc(100% - 32px);
  height: 1px;
  position: absolute;
  top: 0;
  left: 16px;
}

.relativecategory_list {
  overflow: hidden;
}

.relativecategory_item {
  margin: 0 16px 8px 0;
  font-size: 12px;
  float: left;
}

.item-info__wrapper {
  display: block;
}
.item-info__wrapper:nth-child(n+2) {
  margin-top: 16px;
}

.item-info__title {
  font-weight: bold;
}

.item-info__link {
  display: block;
  margin-top: 4px;
}

.cityAnnounce {
  margin-top: 40px;
}

.cityAnnounce_img {
  display: block;
}
.cityAnnounce_img:nth-child(n+2) {
  margin-top: 20px;
}
.cityAnnounce_img:hover img {
  opacity: 0.8;
}

.cityAnnounce_text:nth-child(n+2) {
  margin-top: 20px;
}

.point-rule {
  margin-top: 40px;
  word-wrap: break-word;
}

.point-rule__text {
  margin-top: 40px;
  line-height: 2;
}

.point-rule__img {
  margin-top: 20px;
}

.point-rule__link {
  margin-top: 16px;
}

.point-rate .ttl-h3 {
  margin-top: 28px;
}

.point-rate ul {
  margin-top: 20px;
}

.table-points {
  margin-top: 20px;
  border: 2px solid #f6f6f6;
  border-radius: 4px;
}
.table-points tr {
  border-top: 2px solid #f6f6f6;
}
.table-points .left {
  text-align: left;
  border: none;
  width: 50%;
  padding: 16px 8px 16px 32px;
}
.table-points .right {
  text-align: left;
  border: none;
  width: 50%;
  padding: 16px 32px 16px 8px;
}

.sidebar-right > section:last-of-type {
  margin-bottom: 0;
}

.profile {
  display: flex;
  align-items: center;
  gap: 8px;
}
.profile .icon {
  min-width: 47px;
}
.profile img {
  width: 47px;
  border-radius: 4px;
}
.profile .city_title {
  display: inline;
}

.citygoods,
.wanted,
.saigai,
.feature {
  margin: 40px 0;
}

.citynews,
.recommend,
.useway,
.wanted,
.cityblog {
  box-shadow: none;
  padding: 0;
  margin: 40px 0;
}

.crd-thumb {
  margin-top: 20px;
}

.article-pnl_img {
  border-radius: 4px;
}

.section-border {
  border-top: 1px solid #e5e5e5;
  padding-top: 20px;
}

.text-image {
  overflow: hidden;
}
.text-image .text-image-left {
  float: left;
  width: 520px;
  word-break: break-all;
}
.text-image .text-image-left p {
  line-height: 2;
}
.text-image .text-image-right {
  float: right;
  width: 244px;
  word-break: break-all;
}
.text-image p {
  font-size: 14px;
  margin-top: 1em;
}
.text-image p:first-child {
  margin-top: 0;
}
.text-image img {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  max-width: 100%;
  box-sizing: border-box;
}

.product-hr-gray {
  height: 16px;
  background-color: #f6f6f6;
  border: none;
  margin: 24px 0 8px;
}
.smcity-recommendyou + .detailinfo::before,
.smcity-recommendyou + .relativecategory::before,
.smcity-recommendyou + .page-product__sec2::before,
.goods-container + .dejavu::before,
.goods-container + .recommendyou::before {
  display: none;
}

.wakeari-box {
  border: 2px solid #667c29;
  border-radius: 4px;
  padding: 24px 16px;
  margin: 20px 0;
}

.wakeari-box__title {
  color: #667c29;
}
.wakeari-box__title i {
  position: relative;
  top: 2px;
}
.wakeari-box__title > h3 {
  display: inline;
}
.wakeari-box__title .bx-tooltip__link {
  vertical-align: bottom;
}
.wakeari-box__title .bx-tooltip__link .icn-help {
  display: inline-block;
}

.wakeari-box__tags {
  margin-top: 8px;
  color: #667c29;
  font-size: 14px;
}
.wakeari-box__tags li {
  display: inline-block;
  margin-right: 16px;
  font-weight: bold;
}
.wakeari-box__tags li::before {
  position: relative;
  top: 5px;
  margin-right: 3px;
  font-size: 20px;
}

.wakeari-box__item {
  margin-top: 8px;
}
.wakeari-box__item + .wakeari-box__item {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #e5e5e5;
}

.wakeari-box__h4 {
  margin-top: 16px;
}
.wakeari-box__img + .wakeari-box__text {
  margin-top: 16px;
}
.wakeari-box__img img {
  width: 100%;
}

.detail-entry-steps {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.detail-entry-steps__item {
  width: 100%;
}
.detail-entry-steps__item .detail-entry-steps__note {
  margin-top: 15px;
}

.detail-entry-steps__title {
  margin-bottom: 20px;
  font-weight: bold;
}
.detail-entry-steps__title > span {
  border-bottom: 3px solid #ffb100;
}
.detail-entry-steps__title sup {
  font-size: 10px;
  font-weight: normal;
  vertical-align: top;
}

.detail-entry-steps__arrow {
  flex-shrink: 0;
  -ms-grid-row-align: center;
      align-self: center;
  padding: 20px 15px;
}

.detail-entry-steps__note {
  font-size: 12px;
}
.detail-entry-steps__note::before {
  content: "※";
}

.detail-entry-steps__certificate-content {
  position: relative;
}

.detail-entry-steps__certificate-text {
  width: 108px;
  position: absolute;
  top: 50%;
  right: 35px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.detail-entry-steps__certificate-text > p {
  font-size: 12px;
  text-align: center;
  line-height: 1.16666;
}
.detail-entry-steps__certificate-text > p > b {
  display: block;
  margin-bottom: 8px;
  line-height: 1.5;
}

.detail-onestop-steps {
  display: flex;
  margin: 24px -10px;
}

.detail-onestop-steps__item {
  width: 100%;
  margin: 0 10px;
  border: 1px solid;
  border-radius: 4px;
}
.detail-onestop-steps__item:first-child {
  border-color: #3e62ad;
  background-color: #f4f7ff;
}
.detail-onestop-steps__item:first-child .detail-onestop-steps__title {
  background-color: #3e62ad;
}
.detail-onestop-steps__item:last-child {
  position: relative;
  margin-bottom: 0;
  border-color: #aa4c8f;
  background-color: #fff2fb;
}
.detail-onestop-steps__item:last-child::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: -14px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #767676;
}
.detail-onestop-steps__item:last-child .detail-onestop-steps__title {
  background-color: #aa4c8f;
}
.detail-onestop-steps__item p {
  font-size: 14px;
}

.detail-onestop-steps__title {
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.detail-onestop-steps__body {
  display: flex;
  justify-content: center;
  padding: 12px 14px;
}
.detail-onestop-steps__body p {
  line-height: 1;
}

.detail-onestop-steps__image {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin: 0 8px;
}
.detail-onestop-steps__image picture {
  display: flex;
  align-items: center;
}
.detail-onestop-steps__image picture:not(:first-child)::before {
  content: "+";
}

.detail-onestop-steps__content {
  margin: 0 8px;
}
.detail-onestop-steps__content .text-mark {
  display: block;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  margin-top: 0.25em;
}
.detail-onestop-steps__content .text-mark::before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  position: absolute;
  border-bottom: 8px solid rgba(255, 216, 0, 0.3);
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  margin: 0 auto;
}
.detail-onestop-steps__content strong {
  line-height: 1.5;
}
.detail-onestop-steps__content sup {
  font-size: 10px;
  font-weight: normal;
  vertical-align: top;
}

.box--rounded.-maff {
  margin-top: 40px;
}

.zoom {
  background: #f6f6f6;
  display: flex;
  width: 100%;
  height: 40px;
  border: none;
  justify-content: center;
  align-items: center;
}
.zoom span {
  font-size: 14px;
}
.zoom img {
  width: 18px;
  height: 18px;
}

.swiper-pagination-bullet {
  background-color: #dcd9d9;
  width: 7px;
  height: 7px;
  margin: 0 6px;
  border-radius: 50%;
  box-sizing: border-box;
}

.swiper-pagination-bullet-active {
  background: #ad0003;
}

.zoom-image-drawer {
  width: 100vw;
  height: 100vh;
  background: #ffffff;
  position: fixed;
  top: 100%;
  left: 0;
  z-index: 10000;
  transition: top 0.5s;
}
.zoom-image-drawer.-opened {
  top: 0;
}
.zoom-image-drawer .zoom-image-drawer__body {
  position: relative;
  overflow: auto;
}
.zoom-image-drawer .zoom-image-drawer__x-wrapper {
  height: 32px;
  margin: 3vmin 3vmin 0 0;
  position: absolute;
  top: 0;
  right: 0;
}
.zoom-image-drawer .zoom-image-drawer__x {
  position: absolute;
  padding: 16px;
  cursor: pointer;
  z-index: 10001;
  right: 0;
}
.zoom-image-drawer .zoom-image-drawer__x::before, .zoom-image-drawer .zoom-image-drawer__x::after {
  content: "";
  height: 32px;
  width: 2px;
  position: absolute;
  background-color: #16160e;
  right: 12px;
  top: 0;
}
.zoom-image-drawer .zoom-image-drawer__x::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.zoom-image-drawer .zoom-image-drawer__x::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.zoom-image-drawer .basicinfo_images {
  margin: auto;
}
.zoom-image-drawer .basicinfo_images .basicinfo_mainvisual {
  height: 80vh;
}
.zoom-image-drawer .basicinfo_images .mainvisual__image-container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.zoom-image-drawer .basicinfo_images .mainvisual__image-container img {
  position: absolute;
}
.zoom-image-drawer .basicinfo_images .mainvisual__image-container .zoom-tutorial {
  z-index: 10002;
  display: none;
}
.zoom-image-drawer .basicinfo_images .basicinfo_slider {
  margin: 10px auto 12px;
  width: 95vw;
}
.zoom-image-drawer .basicinfo_images .basicinfo_slider:not(.end)::after {
  content: "";
  width: 15px;
  height: 60px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), #ffffff);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10002;
}
.zoom-image-drawer .basicinfo_images .basicinfo_slider:not(.start)::before {
  content: "";
  width: 15px;
  height: 60px;
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0), #ffffff);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10002;
}
.zoom-image-drawer .basicinfo_images .basicinfo_slider .sld__wrap {
  padding: 0;
  overflow: auto;
  position: relative;
}
.zoom-image-drawer .basicinfo_images .basicinfo_slider .sld__list {
  width: 100%;
  flex-wrap: nowrap;
}
.zoom-image-drawer .basicinfo_images .basicinfo_img {
  width: 90px;
  margin: 0 8px 0 0;
  box-sizing: content-box;
  border-radius: 2px;
  cursor: pointer;
  flex-shrink: 0;
  border: solid 2px transparent;
}
.zoom-image-drawer .basicinfo_images .basicinfo_img.appeared {
  border: solid 2px #ad0003;
}
.zoom-image-drawer .zoom-image-drawer__footer {
  border-top: 1px solid #707070;
  background: #ffffff;
  z-index: 10001;
  padding-bottom: 37px;
  position: relative;
}

.js-loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f6f6f6;
  display: flex;
  z-index: 2;
  align-items: center;
}
.js-loading.-hidden {
  display: none;
}

.zoom-area {
  cursor: pointer;
}

.pr-special__banner img {
  border: solid 1px #e5e5e5;
  box-sizing: border-box;
}

.btn-dofast {
  position: relative;
}
.btn-dofast .js-loading {
  background-color: rgba(255, 255, 255, 0.85);
}
.btn-dofast .loading-spinner {
  font-size: 30px;
}

[data-modal-id=inquiries] .modal-section {
  margin-top: 1.3em;
}

[data-modal-id=inquiries] .modal-content-title,
[data-modal-id=modal-new-years-holiday-delivery] .modal-content-title,
[data-modal-id=modal-new-years-holiday-onestop] .modal-content-title,
[data-modal-id=choose-uses] .modal-content-title,
[data-modal-id=payments] .modal-content-title,
[data-modal-id=caution] .modal-content-title,
[data-modal-id=apply] .modal-content-title,
[data-modal-id=modal-condition] .modal-content-title,
[data-modal-id=modal-login] .modal-content-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 24px;
}

[data-modal-id=city-point] .modal-content-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
}
[data-modal-id=city-point] .modal-content-title ~ .modal-content-title {
  margin-top: 20px;
}
[data-modal-id=city-point] .point-rule__text {
  margin-top: 0;
  line-height: 1.5;
}
[data-modal-id=city-point] .point-rule__img {
  margin-top: 0;
}
[data-modal-id=city-point] .point-rule__link {
  margin-top: 0;
}
[data-modal-id=city-point] .table-points th {
  text-align: center;
}
[data-modal-id=city-point] .table-points th,
[data-modal-id=city-point] .table-points td {
  padding: 10px;
  border: 1px solid #e5e5e5;
}

[data-modal-id=about-online-onestop] .modal-content-title,
[data-modal-id=about-cert-download] .modal-content-title {
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 16px;
}
[data-modal-id=about-online-onestop] .section-box,
[data-modal-id=about-cert-download] .section-box {
  border: 1px solid #f4dfb4;
  background-color: #fdf7ea;
  margin: 24px 0;
  padding: 24px;
  border-radius: 4px;
}
[data-modal-id=about-online-onestop] .notes-box,
[data-modal-id=about-cert-download] .notes-box {
  margin: 24px 0;
  padding: 16px 20px;
  border-top: 1px solid #e5e5e5;
  background-color: #f6f6f6;
  color: #6b6b6b;
  counter-reset: number;
}

[data-modal-id=about-fast] .modal-content-title,
[data-modal-id=about-fast-apply] .modal-content-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px;
}
[data-modal-id=about-fast] .modal-content-lead,
[data-modal-id=about-fast-apply] .modal-content-lead {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: bold;
}
[data-modal-id=about-fast] .text-annotation,
[data-modal-id=about-fast-apply] .text-annotation {
  font-size: 0.8em;
  position: relative;
  top: -4px;
}
[data-modal-id=about-fast] .modal-component--new__footer,
[data-modal-id=about-fast-apply] .modal-component--new__footer {
  position: relative;
}

[data-modal-id=choose-uses] .modal-content-text {
  margin-left: 15px;
}
[data-modal-id=choose-uses] .modal-content-text + .modal-content-text {
  margin-top: 16px;
}

[data-modal-id=payments] .modal-content-text {
  margin-left: 15px;
}
[data-modal-id=payments] .modal-content-text + .modal-content-text {
  margin-top: 16px;
}
[data-modal-id=payments] h3 {
  padding-top: 20px;
  border-top: 1px solid #e5e5e5;
}

[data-modal-id=allergy] .square {
  display: inline-block;
  width: 11px;
  height: 11px;
  background: #e8000a;
}
[data-modal-id=allergy] .allergy-top {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px;
}
[data-modal-id=allergy] .allergy-top__text {
  font-size: 14px;
  line-height: 1;
}
[data-modal-id=allergy] .allergy-top__text:first-child {
  margin-right: 24px;
}
[data-modal-id=allergy] .allergy-top__text .square {
  margin-right: 2px;
  vertical-align: baseline;
}
[data-modal-id=allergy] .allergy-info {
  margin-bottom: 24px;
}
[data-modal-id=allergy] .allergy-info__title {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: bold;
}
[data-modal-id=allergy] .allergy-info__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  row-gap: 4px;
  text-align: center;
}
[data-modal-id=allergy] .allergy-info__item {
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}
[data-modal-id=allergy] .allergy-info__item:nth-child(4n) {
  border-right: 1px solid #e5e5e5;
}
[data-modal-id=allergy] .allergy-info__item .name,
[data-modal-id=allergy] .allergy-info__item .info {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
}
[data-modal-id=allergy] .allergy-info__item .name {
  background: #f6f6f6;
  font-size: 12px;
  font-weight: bold;
}
[data-modal-id=allergy] .allergy-info__item .info {
  font-size: 11px;
}
[data-modal-id=allergy] .allergy-info__item.-include .name {
  background: rgba(232, 0, 10, 0.1);
}
[data-modal-id=allergy] .allergy-info__item.-include .info {
  background: rgba(232, 0, 10, 0.04);
}
[data-modal-id=allergy] .allergy-inquiry__note {
  font-size: 14px;
  color: #6b6b6b;
  text-align: center;
}
[data-modal-id=allergy] .allergy-inquiry__contents {
  margin-top: 16px;
  padding: 20px;
  background: #f6f6f6;
}
[data-modal-id=allergy] .allergy-inquiry__top {
  padding-bottom: 16px;
  border-bottom: 1px solid #e5e5e5;
}
[data-modal-id=allergy] .allergy-inquiry__title {
  margin-bottom: 12px;
  font-weight: bold;
}
[data-modal-id=allergy] .allergy-inquiry__text {
  font-size: 14px;
}
[data-modal-id=allergy] .allergy-inquiry__text.-hours {
  padding-left: 4em;
  text-indent: -4em;
}
[data-modal-id=allergy] .allergy-inquiry__bottom {
  padding-top: 16px;
}

.gcf-tag {
  margin-top: 6px;
}

.text-gray {
  color: #6b6b6b;
  font-size: 12px;
}

.fixed-favorite__wrap {
  position: fixed;
  right: 16px;
  bottom: 16px;
  display: flex;
  z-index: 100;
}

.fixed-favorite-bubble {
  background: #6b6b6b;
  position: absolute;
  width: 258px;
  right: 0;
  bottom: 58px;
  margin-right: -4px;
  box-sizing: border-box;
  padding: 16px 32px 16px 16px;
  border-radius: 4px;
  z-index: 100;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.4);
}
.fixed-favorite-bubble .fixed-favorite-bubble__link > a {
  color: #f9d36e;
  font-size: 12px;
  background-image: url(/img/icon_arrow_anchor_yellow.svg);
}

.fixed-favorite-bubble__text {
  color: #ffffff;
  font-size: 12px;
}

.fixed-favorite-bubble__close {
  font-size: 16px;
  position: absolute;
  top: 11px;
  right: 11px;
  color: #c8c8c8;
  background: 0 0;
  border: 0;
  padding: 0;
  cursor: pointer;
  z-index: 100;
}

.fixed-favorite-bubble__arrow {
  position: absolute;
  bottom: -20px;
  right: 24px;
  width: 20px;
  height: 20px;
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}
.fixed-favorite-bubble__arrow::before, .fixed-favorite-bubble__arrow::after {
  content: "";
  display: block;
  background-color: #6b6b6b;
}
.fixed-favorite-bubble__arrow::before {
  width: 20px;
  height: 20px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.4);
}
.fixed-favorite-bubble__arrow::after {
  position: absolute;
  top: -20px;
  left: -16px;
  width: 16px;
  height: 40px;
}

.fixed-favorite > .fixed-favorit__icon {
  width: 40px;
  height: 40px;
  border: 2px solid #767676;
}
.fixed-favorite > .fixed-favorit__icon > .icn-heart,
.fixed-favorite > .fixed-favorit__icon > .icn-heart2 {
  font-size: 18px;
  padding-top: 10px;
}

.fixed-favorite.on > .fixed-favorit__icon {
  border: 2px solid #ad0003;
}

.smart-onestop-label {
  background: #dbeee8;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding: 0 5px;
  height: 34px;
  border-radius: 5px;
}
.smart-onestop-label > p {
  color: #028760;
  white-space: nowrap;
  font-size: 12px;
}
.smart-onestop-label .smart-onestop-label__bold {
  font-weight: bold;
}

.review-images-block {
  overflow: visible;
  position: relative;
}
.review-images-block .review-images-block__swiper {
  width: 100%;
  height: calc((100vw - 32px - 24px) / 2.5);
  overflow: visible;
}
.review-images-block .review-image-list__item {
  width: calc((100vw - 32px - 24px) / 2.5);
  height: calc((100vw - 32px - 24px) / 2.5);
  margin-right: 8px;
  overflow: hidden;
  border-radius: 16px;
}
.review-images-block .review-image-list-item__img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.review-images-block .review-images-block__swiper-button {
  display: none;
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  background-color: #16160e;
  border-radius: 50%;
  margin-top: -20px;
  z-index: 10;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
.review-images-block .review-images-block__swiper-button.-next {
  right: -12px;
}
.review-images-block .review-images-block__swiper-button.-prev {
  left: -12px;
  rotate: 180deg;
}

.review-image-drawer {
  width: 100vw;
  height: 100vh;
  background: #ffffff;
  position: fixed;
  top: 100%;
  left: 0;
  z-index: 10000;
  transition: top 0.5s;
}
.review-image-drawer.-opened {
  top: 0;
}
.review-image-drawer .review-image-drawer__body {
  position: relative;
  overflow: auto;
  display: flex;
  flex-direction: column;
  height: 100dvh;
}
.review-image-drawer .review-image-drawer__x-wrapper {
  height: 32px;
  margin: 3vmin 3vmin 0 0;
  position: absolute;
  top: 0;
  right: 0;
}
.review-image-drawer .review-image-drawer__x {
  position: absolute;
  padding: 16px;
  cursor: pointer;
  z-index: 10001;
  right: 0;
}
.review-image-drawer .review-image-drawer__x::before, .review-image-drawer .review-image-drawer__x::after {
  content: "";
  height: 32px;
  width: 2px;
  position: absolute;
  background-color: #16160e;
  right: 12px;
  top: 0;
}
.review-image-drawer .review-image-drawer__x::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.review-image-drawer .review-image-drawer__x::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.review-image-drawer .review-image-drawer__main {
  margin-top: 32px;
  padding: 16px 16px 0;
  height: calc(100% - 117px);
}
.review-image-drawer .review-image-drawer__float {
  position: absolute;
  top: 10px;
}
.review-image-drawer .mainvisual__image-container {
  width: 100%;
  aspect-ratio: 1/1;
  background-color: #f5f5f5;
}
.review-image-drawer .basicinfo_img {
  width: 56px;
  height: 56px;
}
.review-image-drawer .review-image-drawer__texts {
  word-break: break-word;
  overflow: auto;
  height: calc(100% - 100vw + 16px);
}
.review-image-drawer .review-image-drawer__footer {
  display: flex;
  justify-content: space-around;
  padding: 16px;
  margin-top: auto;
}
.review-image-drawer .review-image-drawer-button.-prev {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.review-modal-content {
  display: flex;
  max-height: 536px;
}
.review-modal-content .review-modal-content__left {
  width: 536px;
  min-width: 536px;
  height: 536px;
  background-color: #f5f5f5;
}
.review-modal-content .review-modal-content__right {
  word-break: break-word;
  margin-left: 40px;
  width: 360px;
  display: flex;
  flex-direction: column;
}
.review-modal-content .review-modal-content__right .review-modal-content__right_detail {
  overflow-y: auto;
}
.review-modal-content .review-modal-content__right-footer {
  margin-top: auto;
}
.review-modal-content .review-modal-content__right-footer .review-reaction-button {
  margin-left: auto;
}
.review-modal-content .basicinfo_slider {
  width: auto;
  margin-left: 0;
  margin-bottom: 0;
}
.review-modal-content .basicinfo_mainvisual {
  height: 100%;
}
.review-modal-content .basicinfo_img {
  width: 96px;
  height: 96px;
}
.review-modal-content .review-image-modal__button {
  position: absolute;
  top: calc(50% - 20px);
}
.review-modal-content .review-image-modal__button.-prev {
  left: -20px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.review-modal-content .review-image-modal__button.-next {
  right: -20px;
}

.object-fit-contain {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.button-circle {
  width: 37px;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
.button-circle.-black {
  background-color: #16160e;
  border: 2px solid #16160e;
  color: #ffffff;
}
.button-circle .icn-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}
.button-circle .icn-arrow::before {
  padding-left: 2px;
}

.product-detail__choicepay-point {
  font-weight: bold;
  border: 2px solid #ffdb4f;
  border-radius: 4px;
  padding: 16px 24px;
}
.product-detail__choicepay-point .product-detail__choicepay-point-item {
  font-size: 20px;
}
.product-detail__choicepay-point .product-detail__choicepay-point-item-point {
  font-size: 20px;
}
.product-detail__choicepay-point .product-detail__choicepay-point-item-pt {
  font-size: 16px;
}
.product-detail__choicepay-point .product-detail__choicepay-point-item-point-pt {
  font-size: 16px;
}
.product-detail__choicepay-point .product-detail__choicepay-point-item-point-unit {
  font-size: 12px;
  display: inline-block;
}
.product-detail__choicepay-point .product-detail__choicepay-point-error {
  font-size: 14px;
  font-weight: normal;
  color: #e8000a;
  padding-top: 16px;
}

.product-detail__choicepay-point.hidden {
  display: none;
}

.product-detail__choicepay-point-error.hidden {
  display: none;
}

.sidebar-parts {
  position: fixed;
  top: 0;
  z-index: 11;
  transition: opacity 0.08s;
  width: 244px;
  max-height: 100%;
  overflow-y: auto;
}
.sidebar-parts.is-hidden {
  opacity: 0;
  pointer-events: none;
}
.sidebar-parts.is-top-border-radius-0 .product-graybox {
  border-radius: 0 0 16px 16px;
}
.sidebar-parts .product-graybox {
  margin: 0;
  padding: 16px;
  border-radius: 16px;
}
.sidebar-parts .product-graybox .goods-option {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sidebar-parts .product-graybox .goods-option .stock {
  display: block;
  margin: 0;
}
.sidebar-parts .product-graybox .goods-option .donation {
  flex-direction: column-reverse;
  gap: 8px;
  margin-top: 4px;
}
.sidebar-parts .product-graybox .goods-option .donation button {
  width: auto;
  margin: 0;
}
.sidebar-parts .product-graybox .goods-option .donation .btn-positive {
  width: auto;
}
.sidebar-parts .product-graybox .goods-option .donation .btn-positive.is-disable:first-child {
  display: none;
}
.sidebar-parts .restock-regist-link {
  margin-top: 16px;
  font-size: 14px;
}
.sidebar-parts .choices .form_entry {
  width: 100%;
}

.sidebar-parts--upper-detail {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}

.sidebar-parts--city {
  display: flex;
  gap: 4px;
}
.sidebar-parts--city .sidebar-parts--city__icon {
  width: 20px;
  height: 20px;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: initial;
}
.sidebar-parts--city .sidebar-parts--city__title {
  display: flex;
  align-items: center;
  font-size: 12px;
}

.sidebar-parts--detail {
  display: flex;
  gap: 8px;
  height: 63px;
}
.sidebar-parts--detail .sidebar-parts--detail__img {
  width: 81px;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.sidebar-parts--detail .sidebar-parts--detail__title {
  font-size: 14px;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.sidebar-parts--button-wrapper {
  display: flex;
  gap: 4px;
}
.sidebar-parts--button-wrapper .review_btn {
  height: 40px;
}
.sidebar-parts--button-wrapper .review_btn .review_button {
  display: flex;
  gap: 4px;
  justify-content: center;
  align-items: center;
  width: 92px;
  height: 40px;
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #213a70;
}
.sidebar-parts--button-wrapper .btn-rebuild {
  height: 40px;
}
.sidebar-parts--button-wrapper .btn-rebuild .like_button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 116px;
  height: 40px;
  margin: 0;
  padding: 0;
  font-size: 12px;
}

.sidebar-parts--basicinfo-price .sidebar-parts--basicinfo-price__basicinfo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}
.sidebar-parts--basicinfo-price .sidebar-parts--basicinfo-price__basicinfo .sidebar-parts--basicinfo-price__basicinfo__amount {
  font-size: 18px;
  font-weight: bold;
}
.sidebar-parts--basicinfo-price .sidebar-parts--basicinfo-price__basicinfo .sidebar-parts--basicinfo-price__basicinfo__amount .sidebar-parts--basicinfo-price__basicinfo__amount__unit {
  font-weight: normal;
}
.sidebar-parts--basicinfo-price .sidebar-parts--basicinfo-price__basicinfo .sidebar-parts--basicinfo-price__basicinfo__point,
.sidebar-parts--basicinfo-price .sidebar-parts--basicinfo-price__basicinfo .sidebar-parts--basicinfo-price__basicinfo__can-amount {
  font-size: 12px;
}

.sidebar-parts--amount-condition {
  font-size: 12px;
}
.sidebar-parts--amount-condition .sidebar-parts--amount-condition__amount {
  display: flex;
  flex-wrap: wrap;
}

.bottombar-parts {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 100;
  transition: opacity 0.08s;
  width: 100%;
}
.bottombar-parts.is-hidden {
  opacity: 0;
  pointer-events: none;
}
.bottombar-parts .product-graybox {
  margin: 0;
  padding: 16px;
}
.bottombar-parts .product-graybox .donation {
  display: flex;
  flex-direction: row-reverse;
  gap: 8px;
  margin-right: 48px;
}
.bottombar-parts .product-graybox .donation button,
.bottombar-parts .product-graybox .donation .btn-positive {
  height: 40px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bottombar-parts .product-graybox .donation .btn-positive.is-disable:first-child {
  display: none;
}
.bottombar-parts .product-graybox .donation .sp-text {
  display: block;
}
.bottombar-parts .product-graybox .donation .tab-text {
  display: none;
}

a.awoo-tag {
  background-color: #f6f6f6;
  border-color: #d9d9d9;
  border-radius: 19.5px;
  color: #16160e;
}

a.awoo-tag:hover {
  background-color: #e5e5e5;
  border-color: #e5e5e5;
}

.detail__id {
  margin-top: 8px;
  font-size: 12px;
}

@media only screen and (min-width: 835px), (min-device-width: 835px) {
  .align-center-pc {
    text-align: center;
  }
  .mb-00-pc {
    margin-bottom: 0 !important;
  }
  .mb-10-pc {
    margin-bottom: 10px !important;
  }
  .mb-20-pc {
    margin-bottom: 20px !important;
  }
  .mb-30-pc {
    margin-bottom: 30px !important;
  }
  .mb-40-pc {
    margin-bottom: 40px !important;
  }
  .mb-50-pc {
    margin-bottom: 50px !important;
  }
  .mb-60-pc {
    margin-bottom: 60px !important;
  }
  .mt-10-pc {
    margin-top: 10px !important;
  }
  .mt-20-pc {
    margin-top: 20px !important;
  }
  .mt-30-pc {
    margin-top: 30px !important;
  }
  .mt-40-pc {
    margin-top: 40px !important;
  }
  .mt-50-pc {
    margin-top: 50px !important;
  }
  .mt-60-pc {
    margin-top: 60px !important;
  }
  .mt-20-48 {
    margin-top: 48px !important;
  }
  .mt-40-80 {
    margin-top: 80px !important;
  }
  .pb-10-pc {
    padding-bottom: 10px !important;
  }
  .pb-20-pc {
    padding-bottom: 20px !important;
  }
  .pb-30-pc {
    padding-bottom: 30px !important;
  }
  .pb-40-pc {
    padding-bottom: 40px !important;
  }
  .pb-50-pc {
    padding-bottom: 50px !important;
  }
  .pb-60-pc {
    padding-bottom: 60px !important;
  }
  .pt-10-pc {
    padding-top: 10px !important;
  }
  .pt-20-pc {
    padding-top: 20px !important;
  }
  .pt-30-pc {
    padding-top: 30px !important;
  }
  .pt-40-pc {
    padding-top: 40px !important;
  }
  .pt-50-pc {
    padding-top: 50px !important;
  }
  .pt-60-pc {
    padding-top: 60px !important;
  }
  .pt-70-pc {
    padding-top: 70px !important;
  }
  .pt-80-pc {
    padding-top: 80px !important;
  }
  .pt-90-pc {
    padding-top: 90px !important;
  }
  .pt-100-pc {
    padding-top: 100px !important;
  }
  .pt-110-pc {
    padding-top: 110px !important;
  }
  .px-10-pc {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .px-20-pc {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .px-30-pc {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .px-40-pc {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .px-50-pc {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .px-60-pc {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .sp {
    display: none !important;
  }
  .bx-tooltip.-kift .bx-tooltip__wrap {
    max-width: 528px;
  }
  .bx-tooltip.-kift .bx-tooltip__text {
    margin: 0 0 0 16px;
  }
  .bx-tooltip.-kift .bx-tooltip__top {
    display: flex;
    align-items: flex-start;
  }
  .bx-tooltip.-kift .bx-tooltip__bottom {
    padding: 24px 32px 24px 24px;
  }
  .bx-tooltip.-kift .bx-tooltip__bottom li + li {
    margin-top: 16px;
  }
  .bx-tooltip.-kift .bx-tooltip__arrow::before, .bx-tooltip.-kift .bx-tooltip__arrow::after {
    background-color: #fffade;
  }
  .bx-tooltip__wrap {
    padding: 37px 23px;
    cursor: default;
  }
  .bx-tooltip__wrap .txt-link.-bottom {
    font-size: 14px;
  }
  .bx-tooltip__text {
    font-size: 14px;
  }
  .box--rounded {
    padding: 24px 16px;
  }
  .box--rounded.-maff .box--rounded__title i {
    font-size: 23px;
    margin-right: 6px;
  }
  .box--rounded.-maff .box--rounded__supplement {
    display: flex;
    justify-content: space-between;
  }
  .box--rounded.-maff .box--rounded__supplement p {
    margin-top: 8px;
  }
  .grid-image {
    display: flex;
    margin-right: -5px;
    margin-left: -5px;
    gap: 0;
  }
  .grid-image__item {
    width: 105px;
    padding: 0 5px;
  }
  .grid-image__link {
    right: 5px;
    left: 5px;
  }
  .modal-component__body.-size-auto {
    width: auto;
    max-width: 810px;
    padding: 32px;
  }
  .modal-component__body.-size-s {
    width: 324px;
  }
  .modal-component__body.-size-m {
    width: 620px;
  }
  .modal-component__body.-size-l {
    width: 916px;
  }
  .modal-component__main h4 {
    font-size: 22px;
  }
  .modal-component.-slider .modal-component__container {
    top: 50vh;
    width: auto;
  }
  .modal-component.-slider .modal-component__main {
    max-height: calc(80vh - 44px);
  }
  .modal-component.-slider .modal-component__x {
    top: -44px;
    right: calc(50% - 292px);
  }
  .modal-component.-slider .grid-image__item {
    width: 95px;
  }
  .modal-slider-component {
    margin: 0 auto;
    width: 600px;
  }
  .modal-slider-component:hover .modal-slider-component__prev,
  .modal-slider-component:hover .modal-slider-component__next {
    visibility: visible;
    opacity: 1;
  }
  .modal-slider-component__item {
    width: 600px;
    height: 450px;
  }
  .modal-slider-component__caption {
    color: #16160e;
    padding: 0;
    margin-top: 20px;
  }
  .modal-component__body.-size-auto {
    width: auto;
    max-width: 810px;
    padding: 32px;
  }
  .modal-component__body.-size-s {
    width: 324px;
  }
  .modal-component__body.-size-m {
    width: 620px;
  }
  .modal-component__body.-size-l {
    width: 916px;
  }
  .modal-component__main h4 {
    font-size: 22px;
  }
  .modal-component[data-modal-id=zoom-image] .modal-component__body .basicinfo_slider:not(.end)::after {
    height: 75px;
  }
  .modal-component[data-modal-id=zoom-image] .modal-component__body .basicinfo_slider:not(.start)::before {
    height: 75px;
  }
  .modal-component[data-modal-id=zoom-image] .modal-component__body .sld__wrap {
    overflow-x: auto;
  }
  .point-modal__title {
    font-size: 26px;
  }
  .point-modal__item-title {
    min-height: 3.7em;
  }
  .point-modal p,
  .point-modal pre {
    margin: 0;
  }
  .point-modal .mt-20-48 {
    margin-top: 48px;
  }
  .point-modal .mt-40-80 {
    margin-top: 80px !important;
  }
  .point-modal .point-merit ul {
    font-size: 0;
    text-align: center;
  }
  .point-modal .point-merit li {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    margin: 0 1.5%;
    margin-bottom: 50px;
  }
  .point-modal .point-merit p {
    margin-top: 10px;
    text-align: left;
  }
  .point-modal .point-caution {
    padding: 30px 40px;
  }
  .page-restock .section-title {
    margin-bottom: 28px;
    font-size: 24px;
  }
  .page-restock .read-text {
    margin: 0 0 32px;
  }
  .page-restock .annot {
    font-size: 14px;
  }
  .page-restock .notice {
    margin: 0 0 32px;
  }
  .restock-regist-link {
    cursor: pointer;
  }
  .restock-head {
    margin: 0 0 16px;
  }
  .restock-head p {
    font-size: 14px;
  }
  .restock-list {
    margin: 0;
  }
  .restock-list .restock-item {
    padding: 20px 0;
  }
  .restock-list .restock-item .image {
    width: 180px;
    height: 112px;
    margin-right: 16px;
  }
  .restock-list .restock-item .image .soldflag {
    font-size: 20px;
  }
  .restock-list .restock-item .summary .name {
    font-size: 16px;
    margin-bottom: 4px;
  }
  .restock-list .restock-item .summary .child-text {
    margin-bottom: 4px;
  }
  .restock-list .restock-item .summary .price {
    font-size: 16px;
    margin-bottom: 4px;
  }
  .restock-list .restock-item .summary .price span {
    font-size: inherit;
  }
  .restock-list .restock-item .summary .cityname {
    font-size: 14px;
  }
  .restock-list .restock-item .summary .date {
    font-size: 14px;
  }
  .restock-list .restock-item .release-check .release-check-label .frm-checkbox__text {
    padding-left: 32px;
    font-size: 14px;
  }
  .attention {
    margin: 40px 0 0;
  }
  .attention .attention-inner {
    padding: 24px 18px;
  }
  .restock-fixbar,
  .restock-submit-area {
    text-align: center;
  }
  .restock-fixbar .selected-count,
  .restock-submit-area .selected-count {
    letter-spacing: 0.035em;
  }
  .restock-fixbar .btn-positive,
  .restock-submit-area .btn-positive {
    margin-left: 24px;
    padding: 14px;
  }
  .arrive-area {
    margin-top: 64px;
  }
  .arrive-area .arrive-box {
    margin: 0 0 20px;
  }
  .arrive-area .arrive-date .label {
    font-size: 16px;
  }
  .arrive-area .arrive-date .label::before, .arrive-area .arrive-date .label::after {
    top: 0px;
    right: -12px;
    border-width: 14px 0 14px 12px;
  }
  .arrive-area .arrive-date .label::after {
    top: -1px;
    right: -14px;
    border-width: 15px 0 15px 14px;
  }
  .arrive-area .annot {
    margin: 24px 0 0;
  }
  .modal-component--new[data-modal-id=login] .restock-modal .restock-list .restock-item .image,
  .modal-component--new[data-modal-id=limit] .restock-modal .restock-list .restock-item .image,
  .modal-component--new[data-modal-id=single] .restock-modal .restock-list .restock-item .image,
  .modal-component--new[data-modal-id=select] .restock-modal .restock-list .restock-item .image {
    width: 140px;
    height: 87px;
  }
  .modal-component--new[data-modal-id=login] .restock-modal .restock-select .read-text,
  .modal-component--new[data-modal-id=limit] .restock-modal .restock-select .read-text,
  .modal-component--new[data-modal-id=single] .restock-modal .restock-select .read-text,
  .modal-component--new[data-modal-id=select] .restock-modal .restock-select .read-text {
    margin-bottom: 16px;
  }
  .modal-component--new[data-modal-id=login] .restock-modal .restock-select .select-list .select-item,
  .modal-component--new[data-modal-id=limit] .restock-modal .restock-select .select-list .select-item,
  .modal-component--new[data-modal-id=single] .restock-modal .restock-select .select-list .select-item,
  .modal-component--new[data-modal-id=select] .restock-modal .restock-select .select-list .select-item {
    margin-bottom: 10px;
    padding: 16px 20px;
  }
  .modal-component--new[data-modal-id=login] .restock-modal .restock-select .select-list .select-item .image,
  .modal-component--new[data-modal-id=limit] .restock-modal .restock-select .select-list .select-item .image,
  .modal-component--new[data-modal-id=single] .restock-modal .restock-select .select-list .select-item .image,
  .modal-component--new[data-modal-id=select] .restock-modal .restock-select .select-list .select-item .image {
    width: 70px;
    height: 44px;
    margin-right: 16px;
  }
  .modal-component--new[data-modal-id=login] .restock-modal .restock-select .select-list .select-item .name,
  .modal-component--new[data-modal-id=limit] .restock-modal .restock-select .select-list .select-item .name,
  .modal-component--new[data-modal-id=single] .restock-modal .restock-select .select-list .select-item .name,
  .modal-component--new[data-modal-id=select] .restock-modal .restock-select .select-list .select-item .name {
    margin: 0 20px 0 0;
  }
  .modal-component--new[data-modal-id=login] .restock-modal .restock-select .select-list .select-item .select-link,
  .modal-component--new[data-modal-id=limit] .restock-modal .restock-select .select-list .select-item .select-link,
  .modal-component--new[data-modal-id=single] .restock-modal .restock-select .select-list .select-item .select-link,
  .modal-component--new[data-modal-id=select] .restock-modal .restock-select .select-list .select-item .select-link {
    width: 74px;
    height: 40px;
    line-height: 40px;
  }
  .modal-component--new[data-modal-id=login] .restock-modal .btn-wrap .btn-positive,
  .modal-component--new[data-modal-id=limit] .restock-modal .btn-wrap .btn-positive,
  .modal-component--new[data-modal-id=single] .restock-modal .btn-wrap .btn-positive,
  .modal-component--new[data-modal-id=select] .restock-modal .btn-wrap .btn-positive {
    width: 347px;
  }
  .goods_list .flag--new {
    top: -0.1em;
  }
  #main.page-product {
    margin-bottom: 48px;
  }
  .review-list {
    margin-top: 80px;
  }
  .review-list .review-null {
    margin-top: 24px;
  }
  .review-list .btn-wrap--reverse {
    margin-top: 64px;
    margin-bottom: 62px;
  }
  .review-list__content .review-list__title {
    font-size: 20px;
  }
  .review-list__content .review-list__text-wrap {
    min-height: auto;
  }
  .review-list__content .review-list__goods {
    font-size: 14px;
  }
  .review-list__content .review-reason {
    font-size: 14px;
  }
  .review-list__content .review-tag {
    line-height: 1.5;
  }
  .review-list__content .review-tag .review-tag__item {
    height: 26px;
  }
  .review-list__content .review-list__data {
    display: inline-block;
    margin-right: 8px;
  }
  .review-list__content .review-list__date {
    display: inline-block;
  }
  .review-list__box small {
    margin-top: 12px;
  }
  .review-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .page-product__sec2 {
    width: 796px;
    margin-top: 40px;
    padding-top: 40px;
  }
  .section-border {
    margin-top: 40px;
    padding-top: 40px;
  }
  .city-header .inner {
    display: flex;
  }
  .city-title {
    padding: 10px 0;
  }
  .city-title > a {
    flex-basis: fit-content;
  }
  .award-label {
    margin-top: 0;
    margin-left: 10px;
  }
  .point-wrapper .inner {
    display: flex;
    justify-content: space-between;
  }
  .point-wrapper .inner::after {
    content: none;
  }
  .point-save {
    line-height: 1;
    font-size: 16px;
  }
  .point-save a {
    display: inline;
    margin-left: 18px;
    margin-top: 0;
  }
  .point-save__text {
    display: inline;
  }
  .basicinfo:nth-child(n+2) {
    margin-top: 24px;
  }
  #basicinfo_name-display-company-name {
    font-size: 16px;
  }
  .basicinfo_content {
    flex-direction: row;
    justify-content: space-between;
  }
  .basicinfo_content.basicinfo_content__b {
    flex-direction: row;
  }
  .basicinfo_images {
    position: relative;
    width: 580px;
    margin: 0;
  }
  .basicinfo_images .sld__wrap {
    overflow: hidden;
    position: relative;
  }
  .basicinfo_mainvisual {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 320px;
  }
  .saigai-note > p {
    display: inline-block;
    font-size: 14px;
    margin-top: 0;
    margin-left: 16px;
  }
  .saigai-note_mark {
    display: inline-block;
  }
  .saigai-note_mark p {
    font-size: 14px;
  }
  .city_saigai {
    margin: 16px 0 0 0;
  }
  .city_saigai h2 {
    font-size: 16px;
  }
  .city_saigai p {
    padding: 16px;
  }
  .slider_mainvisual {
    max-height: 100%;
    max-width: 520px;
  }
  .basicinfo_slider {
    width: 520px;
    margin-bottom: 8px;
  }
  .basicinfo_images__description {
    margin: 8px 30px 0;
  }
  .basicinfo_right {
    width: 460px;
  }
  .basicinfo_active {
    display: flex;
    justify-content: space-between;
  }
  .basicinfo_price {
    width: calc(100% - 280px);
    margin: 0 16px 0 0;
    line-height: 1.1;
    font-size: 32px;
  }
  .button-wrapper {
    margin-top: 0;
  }
  .review_btn {
    margin-right: 0;
    height: 64px;
    line-height: 1.2;
  }
  .btn-rebuild {
    height: 64px;
  }
  .like_button,
  .review_button {
    background-color: #ffffff;
    display: inline-block;
    width: 126px;
    height: 64px;
    border: 2px solid #e5e5e5;
    border-radius: 5px;
    font-size: 14px;
  }
  .like_button {
    padding: 9px 16px 10px;
    line-height: 1.5;
  }
  .review_button {
    padding: 10px 16px;
    margin-right: 12px;
  }
  .product-graybox {
    margin: 24px 0 0 0;
    border-radius: 4px;
  }
  .municipal-caution {
    margin-top: 16px;
  }
  .icn-pickup {
    font-size: 24px;
  }
  .choices .form_entry {
    width: 365px;
    margin-left: 0;
  }
  .goods-option .stock {
    display: inline;
    margin: 18px 0 0 16px;
  }
  .goods-option .donation button {
    padding: 14px 6px;
    margin: 0 15px 0 0;
  }
  .goods-option .donation button:last-child {
    margin-right: 0;
  }
  .goods-option .donation button,
  .goods-option .donation .btn-positive {
    width: 198px;
    word-break: keep-all;
  }
  .info-link {
    margin-top: 24px;
  }
  .available-payments {
    width: 412px;
    box-sizing: border-box;
  }
  .available-payments .additional {
    padding-left: 10px;
    border-left: 1px solid #e5e5e5;
  }
  .product-select-box {
    width: 96px;
  }
  .product-tbl-info__label {
    font-size: 16px;
    width: 118px;
  }
  .basicinfo_content__b .product-tbl-info__label {
    width: 144px;
  }
  .product-tbl-info__wrap {
    font-size: 16px;
  }
  .product-tbl-info__wrap .speed-shipping {
    flex-direction: row;
    align-items: center;
  }
  .detail-deduction-images__item {
    text-align: right;
  }
  .detail-deduction-images__item:first-child {
    margin: 0 16px 0 0;
  }
  .detail-deduction-images__item img {
    display: block;
    margin: 8px 0 0;
  }
  .content-wrap {
    width: 1072px;
    margin: 40px auto 0;
    padding-top: 40px;
    border-top: 1px solid #e5e5e5;
  }
  .content-wrap::after {
    content: "";
    display: block;
    clear: both;
  }
  .content-wrap-awoo {
    width: 1072px;
    margin: 1px auto 0;
    padding-top: 40px;
    border-top: none;
  }
  .content-wrap-awoo::after {
    content: "";
    display: block;
    clear: both;
  }
  .content-wrap__left {
    width: 796px;
    margin-right: 32px;
    float: left;
  }
  .overview {
    -webkit-font-feature-settings: "pwid";
            font-feature-settings: "pwid";
    border: 0;
    margin: 0;
    padding: 0;
  }
  .overview::before {
    width: 100%;
    left: 0;
  }
  .overview + section {
    margin-top: 48px;
  }
  .overview_text {
    width: 520px;
    margin: 48px 32px 0 0;
    float: left;
  }
  .overview_table {
    margin-top: 48px;
  }
  .overview__th {
    font-size: 16px;
  }
  .overview__td {
    font-size: 16px;
  }
  .detailinfo::before {
    width: 100%;
    left: 0;
  }
  .detailinfo .item-parts {
    width: 796px;
    margin-top: 0;
  }
  .detailinfo .item-parts > :not(:first-child) {
    margin-top: 48px;
  }
  .detailinfo .f_caption {
    padding: 3px 0 4px;
    font-size: 12px;
  }
  .detailinfo .f_text_blk {
    font-size: 16px;
  }
  .detailinfo a.f_lyt-image__wrap:hover .f_lyt-image__img,
  .detailinfo a.f_lyt-image__wrap--reverse:hover .f_lyt-image__img {
    opacity: 0.85;
  }
  .detailinfo a.f_lyt-image__wrap:hover .f_lyt-image__texts,
  .detailinfo a.f_lyt-image__wrap--reverse:hover .f_lyt-image__texts {
    color: #1e50a2;
    text-decoration: underline;
  }
  .detailinfo .f_lyt-image__wrap .f_lyt-image__img {
    margin-right: 32px;
  }
  .detailinfo .f_lyt-image__wrap--reverse .f_lyt-image__img {
    margin-left: 32px;
  }
  .detailinfo .f_lyt-image__texts {
    width: 796px;
  }
  .detailinfo .item-parts .goods_list {
    margin-top: 64px;
  }
  .detailinfo .goods_list {
    display: flex;
    justify-content: space-between;
  }
  .detailinfo .goods_list .goods-4-col:nth-child(-n+4) {
    margin-right: 0;
  }
  .detailinfo .goods_list .goods-4-col:nth-child(n+4) {
    margin-top: 64px;
  }
  .detailinfo .goods_list .goods-col_textinfo {
    max-height: 4.2em;
  }
  .detailinfo .f_gray_box > :not(:first-child) {
    margin-top: 0;
  }
  .detailinfo .f_gray_box p {
    font-size: 14px;
    width: 772px;
  }
  .detailinfo .f_gray_box .of_hidden {
    justify-content: space-between;
  }
  .detailinfo .f_gray_box .float {
    margin-left: 0;
  }
  .relativecategory {
    margin-top: 48px;
    padding: 48px 0 0;
  }
  .relativecategory::before {
    width: 100%;
    left: 0;
  }
  .relativecategory_title {
    margin: 0 0 16px;
  }
  .relativecategory_list {
    padding: 0;
  }
  .item-info__wrapper {
    display: flex;
    align-items: flex-start;
  }
  .item-info__wrapper:nth-child(n+2) {
    margin-top: 24px;
  }
  .item-info__title {
    flex-shrink: 0;
    width: 180px;
    padding-right: 40px;
  }
  .item-info__link {
    margin-top: 8px;
  }
  .cityAnnounce {
    margin: 48px 0 0;
  }
  .cityAnnounce_img:nth-child(n+2) {
    margin-top: 48px;
  }
  .cityAnnounce_text:nth-child(n+2) {
    margin-top: 48px;
  }
  .point-rule {
    margin-top: 48px;
  }
  .point-rule__text {
    margin-top: 48px;
  }
  .point-rule__img {
    margin-top: 48px;
  }
  .point-rate .ttl-h3,
  .point-rate ul {
    margin-top: 48px;
  }
  .table-points {
    margin-top: 16px;
  }
  .sidebar-right {
    float: right;
    width: 244px;
  }
  .profile {
    gap: 10px;
  }
  .profile .icon {
    min-width: 56px;
  }
  .profile img {
    width: 56px;
  }
  .citygoods,
  .wanted,
  .saigai,
  .feature {
    margin: 36px 0 64px;
  }
  .citynews,
  .recommend,
  .useway,
  .wanted,
  .cityblog {
    margin-bottom: 64px;
  }
  .crd-thumb {
    margin-top: 24px;
  }
  .crd-thumb:first-of-type {
    margin-top: 16px;
  }
  .crd-thumb__text {
    margin-top: 8px;
  }
  .crd-thumb__image {
    flex-shrink: 0;
  }
  .crd-thumb__image > img {
    border-radius: 4px;
  }
  .section-border {
    margin-top: 40px;
    padding-top: 40px;
  }
  .product-hr-gray {
    height: 24px;
    margin: 72px 0;
  }
  .smcity-recommendyou + .detailinfo,
  .smcity-recommendyou + .relativecategory,
  .smcity-recommendyou + .page-product__sec2,
  .goods-container + .dejavu,
  .goods-container + .recommendyou {
    padding: 0;
  }
  .wakeari-box {
    padding: 32px;
    margin-top: 0;
  }
  .wakeari-box__item {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .wakeari-box__h4 {
    margin-top: 24px;
  }
  .wakeari-box__img {
    width: 234px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
  }
  .wakeari-box__img + .wakeari-box__text {
    width: 476px;
    margin: 0 0 0 auto;
  }
  .box--rounded.-maff {
    margin-top: 32px;
  }
  [data-modal-id=about-fast] .modal-content-lead,
  [data-modal-id=about-fast-apply] .modal-content-lead {
    font-size: 16px;
  }
  [data-modal-id=allergy] .square {
    width: 14px;
    height: 14px;
  }
  [data-modal-id=allergy] .allergy-top__text .square {
    vertical-align: top;
  }
  [data-modal-id=allergy] .allergy-info {
    margin-bottom: 32px;
  }
  [data-modal-id=allergy] .allergy-info__title {
    font-size: 20px;
  }
  [data-modal-id=allergy] .allergy-info__item .name {
    font-size: 14px;
  }
  [data-modal-id=allergy] .allergy-info__item .info {
    font-size: 12px;
  }
  [data-modal-id=allergy] .allergy-inquiry__contents {
    margin-top: 24px;
    padding: 24px 32px;
  }
  .gcf-tag {
    margin-top: 8px;
  }
  .text-gray {
    font-size: 14px;
  }
  .fixed-favorite__wrap {
    right: 28px;
  }
  .fixed-favorite-bubble {
    right: 100%;
    bottom: 0;
    margin-right: 24px;
  }
  .fixed-favorite-bubble__arrow {
    left: 100%;
    bottom: 8px;
    right: auto;
    -webkit-transform: initial;
            transform: initial;
  }
  .fixed-favorite > .fixed-favorit__icon {
    width: 56px;
    height: 56px;
    border-width: 4px;
  }
  .fixed-favorite > .fixed-favorit__icon > .icn-heart,
  .fixed-favorite > .fixed-favorit__icon > .icn-heart2 {
    padding-top: 13px;
    font-size: 26px;
  }
  .fixed-favorite.on > .fixed-favorit__icon {
    border-width: 4px;
  }
  .smart-onestop-label {
    margin-top: 0;
    margin-left: 10px;
    height: 40px;
  }
  .review-images-block .review-images-block__swiper {
    height: 140px;
  }
  .review-images-block .review-image-list__item {
    width: 140px;
    height: 140px;
    margin-right: 24px;
  }
  .review-images-block .review-images-block__swiper-button.-next {
    right: -20px;
  }
  .review-images-block .review-images-block__swiper-button.-prev {
    left: -20px;
  }
  .modal-component__body.-size-review {
    padding: 24px;
    width: 936px;
    height: 536px;
    border-radius: 16px;
  }
  .button-circle {
    width: 40px;
  }
}

@media only screen and (max-width: 834px) and (max-device-width: 834px) {
  .pc {
    display: none !important;
  }
  .bx-tooltip__wrap {
    max-width: 390px;
  }
  .bx-tooltip__wrap .txt-link.-bottom {
    font-size: 12px;
  }
  .modal-component__container {
    width: 93vw;
  }
  .modal-component__container {
    width: 93vw;
  }
  .button-wrap.confirm {
    margin: 20px 16px 0;
    flex-wrap: wrap;
  }
  .button-wrap.confirm .btn-passive--icon,
  .button-wrap.confirm .btn-positive {
    width: 100%;
    margin: 0;
  }
  .button-wrap.confirm .btn-passive--icon {
    order: 2;
  }
  .button-wrap.confirm .btn-positive {
    order: 1;
    margin-bottom: 13px;
  }
  .label--exclusive.-ribbon {
    bottom: 3px;
  }
  .review-list__content .review-list__text {
    margin-bottom: 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .review-list__content .review-list__text.is-show {
    display: block;
  }
  .bx-more2__wrap.is-more {
    height: 5em;
    overflow: hidden;
  }
  .review-box .review-list-wrap {
    display: none;
  }
  .review-box .review-list-wrap.is-show {
    display: block;
    margin-bottom: 16px;
  }
  .review-reaction-wrap {
    margin-top: 16px;
  }
  #main {
    margin-top: -1px !important;
  }
  .city-header {
    padding: 0 16px 12px;
  }
  .point_balance .name {
    display: block;
    float: none;
  }
  .point_balance .points span {
    display: none;
  }
  .basicinfo {
    padding: 0 16px;
  }
  .labels {
    margin-top: 32px;
  }
  .label.-exclusive .bx-tooltip__wrap {
    padding: 24px 16px 20px;
  }
  .label.-exclusive .bx-tooltip__wrap .bx-tooltip__close {
    top: 8px;
  }
  #basicinfo_name-display-company-name {
    font-size: 14px;
  }
  .basicinfo_review {
    width: 100%;
  }
  .basicinfo_review .basicinfo_review-title {
    text-align: left;
  }
  .basicinfo_review .review-fv-lists {
    display: flex;
    overflow: auto;
  }
  .basicinfo_review .review-fv-lists .review-fv-lists-no-review {
    text-align: left;
  }
  .basicinfo_review .review-fv-list {
    min-width: 237px;
    border-top: none;
    border-right: 1px solid #e5e5e5;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0 16px 9px 16px;
  }
  .basicinfo_review .review-fv-list:first-child {
    padding: 0 16px 9px 0;
  }
  .basicinfo_review .review-fv-list:last-child {
    border-bottom: none;
  }
  .basicinfo_review .review-fv-link {
    justify-content: flex-start;
  }
  .basicinfo_review .review-fv-link.review-fv-link-no-review {
    justify-content: flex-start;
  }
  #mainvisual-swiper .sld__item {
    min-height: 233px;
    width: 100vw;
  }
  #thumbnails .sld__wrap {
    overflow: auto;
  }
  .basicinfo_slider_list {
    padding: 0 8px;
  }
  .basicinfo_slider_list.-review {
    padding: 0;
  }
  .button-wrapper {
    justify-content: space-between;
  }
  .like_button,
  .review_button {
    position: relative;
    border: 2px solid #e5e5e5;
    border-radius: 5px;
    font-size: 11px;
    width: 100%;
    margin-right: 18px;
    height: 69px;
    line-height: 1.5;
  }
  .like_button {
    padding-top: 9px;
    line-height: 2.1;
  }
  .ttl-side__icon {
    font-size: 18px;
    color: #2b2b2b;
  }
  .ttl-side__text {
    font-size: 18px;
    margin-left: 8px;
    color: #2b2b2b;
  }
  .choices {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .goods-option .donation {
    flex-direction: column-reverse;
  }
  .info-fast {
    min-height: 42px;
  }
  .info-fast > div {
    min-height: 21px;
  }
  .info-fast__balloon > span {
    width: 100%;
    text-align: center;
  }
  .info-fast__balloon > span::before {
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .info-link p:not(:first-of-type) {
    margin-top: 12px;
  }
  .available-payments {
    position: relative;
    display: block;
    margin-top: 12px;
  }
  .available-payments .title {
    margin-bottom: 4px;
    font-size: 14px;
  }
  .available-payments .additional {
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 14px;
    line-height: 1;
  }
  .caution-box .head {
    font-size: 14px;
  }
  .caution-box .caution-list > li {
    font-size: 14px;
  }
  .product-tbl-info__wrap a::before {
    content: "\a";
  }
  .detail-deduction-images {
    flex-direction: column;
    padding: 8px 0;
  }
  .detail-deduction-images__item {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .detail-deduction-images__item .bx-tooltip__wrap {
    bottom: 54px;
  }
  .content-wrap {
    padding: 0 16px;
  }
  .content-wrap-awoo {
    padding: 0 16px;
    margin-top: 40px;
  }
  .detailinfo .goods_list .goods-4-col:nth-child(n+3) {
    margin-top: 28px;
  }
  .item-info__title {
    margin-bottom: 4px;
  }
  .table-points .left {
    width: 30%;
    padding: 16px 6px 16px 16px;
  }
  .table-points .right {
    width: 70%;
    padding: 16px 16px 16px 6px;
  }
  .sidebar-right {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e5e5e5;
  }
  .cityblog .article-pnl_img-box {
    width: 30.1%;
    margin-right: 12px;
  }
  .cityblog .article-pnl_img {
    width: 100%;
  }
  .cityblog .article-pnl_title {
    font-size: 18px;
  }
  .cityblog .article-pnl_date {
    font-size: 14px;
  }
  .cityblog .article-pnl_date:nth-child(n+2) {
    margin-top: 6px;
  }
  .article-pnl_txt {
    font-weight: bold;
  }
  .text-image .text-image-left {
    float: none;
    width: auto;
  }
  .text-image .text-image-right {
    margin-top: 1em;
    float: none;
    width: auto;
  }
  .dejavu,
  .recommendyou {
    border-bottom: 0;
  }
  .dejavu::after,
  .recommendyou::after {
    display: none;
  }
  .dejavu {
    padding: 16px 16px 24px;
  }
  .detail-entry-steps {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  .detail-entry-steps__item {
    width: auto;
    text-align: center;
  }
  .detail-entry-steps__title > span {
    font-size: 18px;
  }
  .detail-entry-steps__note {
    text-align: left;
  }
  .detail-entry-steps__certificate-text {
    width: 124px;
    right: 19px;
  }
  .detail-entry-steps__certificate-text > p > b {
    font-size: 13px;
  }
  .detail-onestop-steps {
    flex-direction: column;
    margin: 0;
  }
  .detail-onestop-steps__item {
    margin: 16px 0;
  }
  .detail-onestop-steps__item:last-child::before {
    top: -22px;
    right: 0;
    left: 0;
    margin: 0 auto;
    -webkit-transform: none;
            transform: none;
    border-width: 12px 8px 0 8px;
    border-color: #767676 transparent transparent transparent;
  }
  [data-modal-id=city-point] .table-points th,
  [data-modal-id=city-point] .table-points td {
    width: 50%;
    padding: 10px;
  }
  [data-modal-id=allergy] .allergy-inquiry__title {
    font-size: 14px;
  }
  .fixed-favorite-bubble .fixed-favorite-bubble__link {
    margin-right: -16px;
  }
  .product-detail__choicepay-point {
    margin-top: 17px;
  }
  .product-detail__choicepay-point .product-detail__choicepay-point-item-point-point {
    font-size: 18px;
  }
  .product-detail__choicepay-point .product-detail__choicepay-point-item-point-pt {
    font-size: 14px;
  }
  .product-detail__choicepay-point .product-detail__choicepay-point-error {
    padding-top: 12px;
  }
  .sidebar-parts {
    display: none;
  }
}

@media only screen and (max-width: 599px) and (max-device-width: 599px) {
  .modal-component__container {
    top: 43vh;
  }
  .modal-component__body {
    max-height: 60vh;
  }
  .modal-component.-slider .modal-component__body {
    max-height: 70vh;
  }
  .modal-component__container {
    top: 43vh;
  }
  .modal-component__body {
    max-height: 60vh;
  }
}

@media only screen and (max-device-width: 320px) {
  .detail-deduction-images__item .bx-tooltip__wrap {
    bottom: 38px;
  }
}

@media only screen and (min-device-width: 600px) {
  .detailinfo .f_lyt-image__wrap,
  .detailinfo .f_lyt-image__wrap--reverse {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .detailinfo .f_lyt-image__wrap--reverse {
    flex-direction: row-reverse;
  }
  .detailinfo .f_lyt-image__img {
    min-width: 0;
    max-width: 244px;
  }
  .detailinfo .f_lyt-image__img img {
    min-height: 0;
  }
  .detailinfo .f_lyt-image__texts:nth-child(n+2) {
    margin-top: 0;
  }
  .detailinfo .f_gray_box {
    padding: 24px;
    border-radius: 4px;
  }
  .detailinfo .f_gray_box .of_hidden {
    flex-wrap: nowrap;
  }
  .detailinfo .f_gray_box .of_hidden > :not(:first-child) {
    margin-top: 0;
  }
  .detailinfo .f_gray_box .float {
    width: 244px;
    margin-left: 24px;
  }
  .fixed-favorite-bubble {
    width: 275px;
  }
  .fixed-favorite-bubble .fixed-favorite-bubble__link > a {
    font-size: 13px;
  }
  .fixed-favorite-bubble__text {
    font-size: 13px;
  }
  .bottombar-parts .product-graybox .donation .sp-text {
    display: none;
  }
  .bottombar-parts .product-graybox .donation .tab-text {
    display: block;
  }
}

@media screen and (min-device-width: 600px) and (max-device-width: 834px) {
  .detailinfo .f_lyt-image__texts {
    width: 63%;
  }
  .review-images-block .review-images-block__swiper {
    height: calc((100vw - 32px - 96px) / 5);
  }
  .review-images-block .review-image-list__item {
    width: calc((100vw - 32px - 96px) / 5);
    height: calc((100vw - 32px - 96px) / 5);
  }
}

@media screen and (max-width: 450px) and (max-device-width: 450px) {
  .zoom-image-drawer .basicinfo_images .basicinfo_mainvisual {
    height: 70vh;
  }
}

@media screen and (min-width: 600px) {
  .review-images-block .review-images-block__swiper {
    overflow: hidden;
    -webkit-transform: none;
            transform: none;
  }
  .review-images-block .review-images-block__swiper-button:not(.swiper-button-disabled) {
    display: flex;
  }
}