@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;700&display=swap);
* {
  box-sizing: border-box;
  margin: 0;
  letter-spacing: 1px;
}

.color-black {
  color: #000000;
}

.color-red {
  color: #eb5757;
}

.color-red-bold {
  color: #eb5757;
  font-weight: bold;
}

.align-item-center {
  align-items: center !important;
}

.text-align-end {
  text-align: end !important;
}

.pd-0 {
  padding: 0;
}

.pd-10 {
  padding: 10px;
}

.margin-0 {
  margin: 0 !important;
}

.mr-5 {
  margin-right: 5px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-90 {
  margin-right: 90px;
}

.mr-left {
  margin-left: 5px;
}

.bd-r {
  border-right: 1px solid #e2e4e7;
}

.bg-grey {
  background: #f7f8f9;
}

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

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

.mb-12 {
  margin-bottom: 12px;
}

.mb-14 {
  margin-bottom: 14px;
}

.w-120 {
  width: 120px;
}

.w-300 {
  width: 300px;
}

.w-680 {
  width: 680px;
}

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

.w-10 {
  width: 10% !important;
}

.w-20 {
  width: 20% !important;
}

.w-30 {
  width: 30% !important;
}

.w-70 {
  width: 70% !important;
}

.w-80 {
  width: 80% !important;
}

.border-none {
  border: none !important;
}

.custom-text-shop {
  font-size: 13px !important;
  color: #f1f3f4;
  text-align: center;
}

.text-black {
  color: #393939;
  text-align: center;
}

.hide-sp {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 920px) {
  .hide-sp {
    display: none !important;
  }
}

.hide-sp-nonflex {
  display: inherit;
}
@media screen and (max-width: 920px) {
  .hide-sp-nonflex {
    display: none;
  }
}

.show-sp {
  display: none;
}
@media screen and (max-width: 920px) {
  .show-sp {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.show-sp-nonflex {
  display: none;
}
@media screen and (max-width: 920px) {
  .show-sp-nonflex {
    display: inherit;
  }
}

header {
  position: sticky;
  top: 0;
  z-index: 4;
}
@media screen and (max-width: 1112px) {
  header {
    position: initial;
  }
}

body {
  font-family: "Noto Sans JP", sans-serif;
  color: #000000;
}
@media screen and (max-width: 768px) {
  body::-webkit-scrollbar {
    display: none;
  }
}

.wrap-img {
  padding-top: 100%;
  position: relative;
}

.setup-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.setup-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.header__first {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  background-color: #ffffff;
  padding: 0 40px 0 30px;
}
@media screen and (max-width: 1326px) {
  .header__first {
    padding: 0 15px;
  }
}
@media screen and (max-width: 920px) {
  .header__first {
    width: 100%;
    justify-content: center;
  }
}
.header__left {
  display: flex;
  align-items: center;
  width: 50%;
}
@media screen and (max-width: 1326px) {
  .header__left {
    width: 40%;
  }
}
@media screen and (max-width: 920px) {
  .header__left {
    width: 100%;
    justify-content: center;
  }
}
@media screen and (max-width: 920px) {
  .header__left a img {
    width: 120px;
    height: 32px;
  }
}
@media screen and (max-width: 386px) {
  .header__left a img {
    width: 100px;
    height: 32px;
  }
}
.header__right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
}
@media screen and (max-width: 1326px) {
  .header__right {
    width: 60%;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 920px) {
  .header__right {
    display: none;
  }
}
.header__right button {
  font-size: 14px;
}
.header__box-search {
  background-color: #ffffff;
}
@media screen and (max-width: 920px) {
  .header__box-search--fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-width: 920px) {
  .header__box-form {
    padding: 12px 16px;
    background-color: #ffd500;
  }
}
@media screen and (max-width: 1112px) {
  .header__box-form {
    padding: 12px 16px;
  }
}
.header__search {
  display: flex;
  border: 2px solid #d3d8db;
  border-radius: 6px;
  height: 44px;
  width: 450px;
  margin-left: 26px;
}
@media screen and (max-width: 920px) {
  .header__search {
    border: 1px solid #ffd500;
    border-radius: 4px;
  }
  .header__search button {
    background: #ffffff;
  }
}
@media screen and (max-width: 1326px) {
  .header__search {
    width: 300px;
  }
}
@media screen and (max-width: 1112px) {
  .header__search {
    display: none;
    margin-left: 0;
  }
}
@media screen and (max-width: 920px) {
  .header__search {
    display: none;
  }
}
.header__search input {
  border: none;
  width: 100%;
  padding-left: 10px;
  font-size: 15px;
}
.header__search input:focus {
  outline: none;
}
.header__search button {
  padding: 0 12px;
  flex-shrink: 0;
  border: none;
  background: #ffffff;
}
.header__search--sp {
  display: none;
}
@media screen and (max-width: 1112px) {
  .header__search--sp {
    display: flex;
    width: auto;
    font-size: 1px;
  }
}
.header__dropdown {
  display: flex;
  align-items: center;
  margin-right: 50px;
}
.header__dropdown button {
  background: #ffffff;
  color: #000000;
  border: none;
  outline: none;
}
@media screen and (max-width: 1112px) {
  .header__dropdown button {
    display: none;
  }
}
.header__dropdown button:hover {
  cursor: pointer;
  background: none;
  border: none;
  box-shadow: none;
  color: #00a0e9;
}
.header__dropdown button:after {
  content: url("/assets/shop/image/icon_arrow.svg");
  border: none;
  position: absolute;
  top: -2px;
  margin-left: 10px;
}
.header__content {
  margin-right: 30px;
  font-size: 14px;
  font-weight: 500;
  flex-shrink: 0;
}
@media screen and (max-width: 1326px) {
  .header__content {
    margin-right: 20px;
  }
}
@media screen and (max-width: 542px) {
  .header__content {
    font-size: 12px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 386px) {
  .header__content {
    font-size: 8px;
    margin-right: 8px;
  }
}
.header__content a {
  margin-right: 12px;
  text-decoration: none;
  color: #000000;
}
.header__content a:last-child {
  margin-right: 0;
}
.header__content a:hover {
  color: #00a0e9;
}
.header__icons {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 920px) {
  .header__icons {
    display: none;
  }
}
.header__icons a {
  margin-left: 21px;
  position: relative;
  display: flex;
}
.header__icons span {
  font-size: 10px;
}
.header__second {
  height: auto;
  background-color: #101d23;
  color: #ffffff;
  display: flex;
  align-items: center;
  padding: 12px 40px;
  font-size: 14px;
}
@media screen and (max-width: 1112px) {
  .header__second {
    padding: 5px 0;
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  .header__second {
    font-size: 11px;
    padding-top: 5px;
    padding-bottom: 5px;
    flex-direction: column;
  }
}
.header__second .dropdown {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1112px) {
  .header__second .dropdown {
    width: auto;
    margin-right: 0;
  }
  .header__second .dropdown button {
    margin-right: 0;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 920px) {
  .header__second .dropdown:nth-child(5) {
    display: none;
  }
}
@media screen and (max-width: 920px) {
  .header__second .dropdown:nth-child(6) {
    display: none;
  }
}
.header__second .dropdown button {
  display: flex;
  align-items: center;
  height: 36px;
  width: 100%;
  background: none;
  color: #ffffff;
  border-radius: 4px;
  position: relative;
  border: 1px solid #101d23;
  cursor: pointer;
  margin-right: 40px;
  padding: 8px 25px 8px 20px;
}
@media screen and (max-width: 920px) {
  .header__second .dropdown button {
    margin-right: 0;
    padding-left: 4px;
    border: none;
  }
}
.header__second .dropdown button:hover {
  border: 1px solid #919ba0;
}
.header__second .dropdown button:after {
  content: url("/assets/shop/image/icon_arrow.svg");
  border: none;
  position: absolute;
  right: 7px;
  top: 5px;
  width: auto;
  height: auto;
}
@media screen and (max-width: 920px) {
  .header__second .dropdown button:after {
    font-size: 11px;
    top: 9px;
  }
}
.header__second .dropdown .index-checkbox {
  font-size: 12px;
  margin-bottom: 10px;
}
.header__second .dropdown .index-checkbox label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.header__second .dropdown .index-checkbox label input {
  margin-right: 5px;
}
.header__second .dropdown .index-checkbox .checkbox {
  margin-right: 5px;
}
.header__second .dropdown .dropdown-menu {
  min-width: 200px;
  padding: 15px 0 5px 10px;
}
.header__second--checkbox {
  display: flex;
  align-items: center;
  margin-right: 50px;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
.header__second--checkbox .checkbox {
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .header__second--checkbox .checkbox {
    width: 20px;
    height: 20px;
  }
}
.header__second--checkbox .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.header__second--checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: #ffffff;
  border: 2px solid #d3d8db;
}
@media screen and (max-width: 768px) {
  .header__second--checkbox .checkmark {
    width: 20px;
    height: 20px;
  }
}
.header__second--checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.header__second--checkbox .checkbox input:checked ~ .checkmark:after {
  display: block;
}
.header__second--checkbox .checkbox .checkmark:after {
  left: 7px;
  top: 2px;
  width: 7px;
  height: 12px;
  border: 1px solid #00a0e9;
  border-radius: 1px;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .header__second--checkbox .checkbox .checkmark:after {
    left: 5px;
    top: 1px;
  }
}
.header__second--checkbox label {
  margin-right: 10px;
}
.header__second button {
  width: 94px;
  height: 37px;
  border-radius: 4px;
  border: none;
  font-weight: 500;
  color: #222b2f;
}
@media screen and (max-width: 768px) {
  .header__second button {
    width: 70px;
    height: 30px;
  }
}
.header__second--row1 {
  display: flex;
}
@media screen and (max-width: 542px) {
  .header__second--row1 {
    justify-content: space-around;
  }
}
.header__second--row2 {
  display: flex;
}

.text-link-shop {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 23px;
  margin-top: 52px;
}
@media screen and (max-width: 1326px) {
  .text-link-shop {
    margin-bottom: 47px;
  }
}
.text-link-shop a {
  text-decoration: none !important;
  color: #000000 !important;
}
.text-link-shop a:hover {
  color: #00a0e9 !important;
  text-decoration: underline !important;
}

.slider-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.slider-wrap.slider-pc {
  display: block;
}
.slider-wrap.slider-sp {
  display: none;
}
@media screen and (max-width: 920px) {
  .slider-wrap.slider-pc {
    display: none;
  }
  .slider-wrap.slider-sp {
    display: block;
  }
}
.slider-wrap .slider-dots {
  position: absolute;
  width: 100%;
  bottom: 20px;
}
.slider-wrap .slider-dots .slick-dots {
  text-align: center;
}
.slider-wrap .slider-dots .slick-dots li {
  display: inline-block;
  width: 60px;
  height: 6px;
  margin: 20px;
  background: #fff;
  opacity: 0.7;
  cursor: pointer;
}
.slider-wrap .slider-dots .slick-dots li.slick-active {
  opacity: 1;
}
@media screen and (max-width: 920px) {
  .slider-wrap .slider-dots .slick-dots li {
    width: 10vmin;
    margin: 10px;
  }
}
.slider-wrap .slider-dots .slick-dots button {
  display: block;
  width: 0;
  height: 6px;
  margin: 0;
  font-size: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  outline: none;
  background: #0a467d;
  cursor: pointer;
}

.slider {
  margin: 20px 0;
}
.slider .slick-list {
  overflow: visible;
}
.slider::before {
  content: "";
  display: block;
  width: 50px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -5px;
  z-index: 1;
}
.slider::after {
  content: "";
  display: block;
  width: 50px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -1px;
  z-index: 1;
}
.slider.slick-initialized .slider__item {
  display: block;
}
.slider__item {
  display: none;
  margin: 0 auto;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 3px 5px 3px rgba(0, 0, 0, 0.1);
  width: 850px;
}
.slider__item.slick-slide {
  margin: 0 18px;
}
.slider__item:first-child {
  display: block;
}
@media screen and (max-width: 920px) {
  .slider__item {
    width: 100vw;
    margin: 0;
    border-radius: 0;
  }
}
.slider__item a {
  display: block;
}
.slider__item img {
  width: 100%;
}
.slider .slick-arrow {
  z-index: 2;
  width: 17px;
  height: 100%;
  line-height: 100%;
  margin-top: 0;
}
.slider .slick-arrow.slick-prev {
  left: 25px;
}
.slider .slick-arrow.slick-prev:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f104";
  color: #ffd500;
  font-size: 48px;
}
.slider .slick-arrow.slick-next {
  right: 25px;
}
.slider .slick-arrow.slick-next:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f105";
  color: #ffd500;
  font-size: 48px;
}

.info {
  display: flex;
  padding-right: 40px;
}
@media screen and (max-width: 920px) {
  .info {
    display: block;
    padding: 0 20px;
    height: 100%;
  }
}
.info__left {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 250px;
  flex-shrink: 0;
}
@media screen and (max-width: 920px) {
  .info__left {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 20px 0 10px 0;
    font-size: 18px;
  }
}
.info__left h4 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 5px;
}
@media screen and (max-width: 920px) {
  .info__left h4 {
    margin-right: 10px;
    margin-bottom: 0;
    font-size: 18px;
  }
}
.info__left p {
  color: #aab0b3;
  font-size: 14px;
  margin-bottom: 0;
  font-family: "Prompt";
}
@media screen and (max-width: 920px) {
  .info__left p {
    font-size: 12px;
  }
}
.info__right {
  display: flex;
  align-items: center;
  width: 100%;
}

.list-info {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 7.5em;
  overflow-y: auto;
}
.list-info .item {
  display: flex;
  border-bottom: 1px solid #e2e4e7;
  padding: 20px 40px;
  text-decoration: none;
  font-size: 15px;
  color: #393939;
  width: 100%;
}
@media screen and (max-width: 920px) {
  .list-info .item {
    flex-direction: column;
    padding: 20px 0;
  }
}
.list-info .item .title:hover {
  color: #00a0e9;
}
@media screen and (max-width: 920px) {
  .list-info .item .title {
    font-size: 13px;
  }
}
.list-info .item:first-child {
  border-top: 1px solid #e2e4e7;
}
.list-info .item p {
  margin-bottom: 0;
}
.list-info .item p:first-child {
  font-family: "Prompt";
}
.list-info .item .time {
  margin-right: 50px;
  color: #818181;
  flex-shrink: 0;
  width: 10.5263157895%;
}
@media screen and (max-width: 920px) {
  .list-info .item .time {
    font-size: 13px;
    width: 100%;
  }
}
.list-info .item .item_title {
  font-weight: bold;
}

main {
  min-height: calc(100vh - 470px);
}

.main {
  display: flex;
}

.sidebar {
  width: 250px;
  flex-shrink: 0;
  padding: 20px;
  border-right: 1px solid #e2e4e7;
}
@media screen and (max-width: 920px) {
  .sidebar {
    display: none;
  }
}
.sidebar h4 {
  font-weight: 700;
  font-size: 15px;
  padding: 0 0 20px 0;
  margin-bottom: 0;
  color: #000000;
}
.sidebar .accordion-button {
  background: none;
  color: #393939;
  padding: 15px 10px;
  font-size: 14px;
  box-shadow: none;
  border-top: 1px solid #e2e4e7;
  border-bottom: 1px solid #e2e4e7;
}
.sidebar .accordion-button.collapsed {
  border-bottom: none;
}
.sidebar .accordion-button:after {
  width: 10px;
  height: 10px;
  background-size: 10px;
  transform: rotate(-90deg);
}
.sidebar .accordion-button:not(.collapsed)::after {
  transform: rotate(0deg);
}
.sidebar .accordion-button::after {
  background-image: url(/assets/shop/image/arrow_sidebar.svg);
}
.sidebar .accordion-item {
  border: none;
  font-size: 14px;
}
.sidebar .accordion-item:first-of-type .accordion-button {
  border-radius: 0;
}
.sidebar .accordion-item:last-child {
  border-bottom: 1px solid #e2e4e7;
}
.sidebar .accordion-body {
  padding: 0;
}
.sidebar .accordion-body a {
  display: flex;
  align-items: center;
  height: 44px;
  padding: 0 20px;
  text-decoration: none;
  color: #393939;
}
.sidebar .accordion-body a:hover {
  color: #00a0e9;
  background: #f1f3f4;
}

.product {
  width: 100%;
}
.product__title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 21px;
}
@media screen and (max-width: 768px) {
  .product__title {
    flex-direction: column;
  }
}
.product__title button {
  width: 114px;
  height: 45px;
  border: 2px solid #00a0e9;
  border-radius: 6px;
  background: none;
  font-size: 14px;
  font-weight: 500;
  color: #00a0e9;
}
.product__title button:hover {
  background: #00a0e9;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .product__title button {
    margin-left: auto;
  }
}
.product__title--left {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1326px) {
  .product__title--left {
    flex-direction: column;
    align-items: flex-start;
  }
}
.product__title--left h4 {
  font-size: 28px;
  margin: 0 15px 0 0;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .product__title--left h4 {
    margin-right: 0;
  }
}
.product__title--left p {
  margin: 0;
  color: #aab0b3;
  font-family: "Prompt";
}
.product__content {
  padding: 50px 40px;
}
.product__content:last-of-type {
  border: none;
}
.product__content--last {
  border-bottom: none;
  border-top: 1px solid #e2e4e7;
  padding: 50px 0 242px 0;
}
@media screen and (max-width: 1326px) {
  .product__content {
    padding: 50px 20px 40px 20px;
  }
}
@media screen and (max-width: 920px) {
  .product__content {
    border-bottom: 1px solid #e2e4e7;
    padding: 40px 20px;
  }
  .product__content:last-of-type {
    border-bottom: 1px solid #e2e4e7;
  }
}

.product-list {
  display: flex;
  margin: 0 -18px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1112px) {
  .product-list {
    margin: 0 -8px;
  }
}
.product-list--col-5 {
  margin: 0 -13px;
}
@media screen and (max-width: 920px) {
  .product-list--col-5 {
    width: 100%;
    margin: 0;
  }
}
.product-list--hidden-scroll {
  max-height: 800px; /** 800px is side banner height */
  overflow-y: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.product-list--hidden-scroll::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 920px) {
  .product-list--hidden-scroll {
    height: calc(100vh - 1px);
  }
}
.product-list__item {
  padding: 0 18px;
  margin-bottom: 50px;
  width: 25%;
  text-decoration: none;
  color: #000000;
  cursor: pointer;
}
.product-list__item--width-33 {
  width: 33.3333333333%;
}
@media screen and (max-width: 920px) {
  .product-list__item {
    width: 100%;
    padding: 0 8px;
    margin-bottom: 20px;
  }
}
.product-list__item:hover {
  color: #00a0e9;
}
.product-list__item--sm {
  width: 25%;
  padding: 0 13px;
}
@media screen and (max-width: 1112px) {
  .product-list__item--sm {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 920px) {
  .product-list__item--sm {
    width: 50%;
  }
  .product-list__item--sm:nth-child(1n) {
    padding: 0 8px 0 0;
  }
  .product-list__item--sm:nth-child(2n) {
    padding: 0 0 0 8px;
  }
}
@media screen and (max-width: 920px) {
  .product-list__item--alone {
    padding: 0;
  }
}
.product-list__item--recommended {
  width: 20%;
  padding: 0 13px;
}
@media screen and (max-width: 1112px) {
  .product-list__item--recommended {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 920px) {
  .product-list__item--recommended {
    width: 50%;
  }
  .product-list__item--recommended:nth-child(1n) {
    padding: 0 8px 0 0;
  }
  .product-list__item--recommended:nth-child(2n) {
    padding: 0 0 0 8px;
  }
}
.product-list__item a {
  text-decoration: none;
  color: #393939;
}
.product-list__item a:hover {
  color: #00a0e9;
}
.product-list__wrap-img {
  padding-top: 100%;
  position: relative;
}
.product-list__img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.product-list__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.product-list__heading {
  display: flex;
  gap: 0.5em;
  align-items: flex-start;
  justify-content: space-between;
}
.product-list__brand {
  margin: 0;
}
.product-list__status {
  margin: 0;
  min-width: 2.5em;
}
.product-list__title {
  font-size: 16px;
  font-weight: 500;
  margin: 12px 0 6px 0;
}
@media screen and (max-width: 920px) {
  .product-list__title {
    font-size: 16px;
  }
}
.product-list__title--sm {
  font-size: 16px;
  font-weight: 500;
  margin: 10px 0;
}
@media screen and (max-width: 920px) {
  .product-list__title--sm {
    font-size: 14px;
  }
}
.product-list__description {
  font-size: 13px;
  color: #757575;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 920px) {
  .product-list__description {
    font-size: 12px;
  }
}
.product-list__description--color {
  color: #aab0b3;
  margin-top: 12px;
  margin-bottom: 0;
  font-family: "Prompt";
  font-size: 14px;
}
@media screen and (max-width: 920px) {
  .product-list__description--color {
    font-size: 12px;
  }
}
.product-list__price {
  font-size: 16px;
  font-weight: 500;
  margin: 6px 0 0 0;
  text-align: right;
  color: #393939;
}
.product-list__price.strike {
  font-size: 14px;
  color: #757575;
  text-decoration: line-through;
}
@media screen and (max-width: 920px) {
  .product-list__price {
    font-size: 16px;
  }
}
.product-list__price--sm {
  font-size: 16px;
  font-weight: 500;
  margin: 10px 0;
}
@media screen and (max-width: 920px) {
  .product-list__price--sm {
    font-size: 14px;
  }
}
.product-list__txt {
  margin: 0;
}
.product-list__txt._small {
  font-size: 12px;
}
.product-list__txt._right {
  text-align: right;
}
.product-list__item a:hover .product-list__txt {
  color: #1a1a1a;
}
.product-list__pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
@media screen and (max-width: 542px) {
  .product-list__pagination .page-link {
    padding: 4px 8px;
    font-size: 14px;
    line-height: 1.5;
  }
  .product-list__pagination .page-item:first-child .page-link {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .product-list__pagination .page-item:last-child .page-link {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
}
.product-list__promotion {
  border: 1px solid #eb5757;
  border-radius: 4px;
  color: #eb5757;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  padding: 8px 15px;
  vertical-align: middle;
  white-space: nowrap;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 8px;
}
.product-list__combo-coupon {
  border: 1px solid #eb5757;
  border-radius: 4px;
  color: #eb5757;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  padding: 8px 15px;
  vertical-align: middle;
  white-space: nowrap;
  display: inline-block;
  text-decoration: none;
  margin-bottom: 10px;
  background-color: #fcf1f1;
  box-sizing: border-box;
  height: 36px;
  transition: opacity 0.3s ease;
}
.product-list__combo-coupon:hover {
  color: #eb5757;
  opacity: 0.75;
}
.product-list__combo-coupon span {
  margin-left: 3px;
  font-size: 10px;
}

.tick-check {
  margin: 0 -18px;
}
@media screen and (max-width: 920px) {
  .tick-check {
    height: 100%;
    margin: 0;
  }
}
.tick-check .checkmark {
  position: absolute;
  bottom: 13px;
  right: 10px;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  background-color: #ffffff;
}
.tick-check .checkmark:after {
  content: "";
  position: absolute;
  width: 9px;
  height: 16px;
  border: solid #d3d8db;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  left: 17px;
  top: 10px;
}
.tick-check .checkmark:hover {
  cursor: pointer;
}
.tick-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.tick-check input:checked ~ .checkmark {
  background-color: #2196f3;
}
.tick-check input:checked ~ .checkmark:after {
  display: block;
  border: solid #ffffff;
  border-width: 0 3px 3px 0;
}

@media screen and (max-width: 920px) {
  .tick-star {
    height: 100%;
    margin: 0;
  }
}
.tick-star .checkmark {
  position: absolute;
  bottom: 13px;
  right: 10px;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  background-color: #ffffff;
  border: 1px solid #e2e4e7;
}
.tick-star .checkmark:after {
  content: "";
  position: absolute;
  border: none !important;
  background-image: url(/assets/shop/image/icon_star_inactive.svg);
  width: 20px;
  height: 20px;
  left: 9px;
  top: 9px;
  transform: rotate(0deg);
}
.tick-star .checkmark:hover {
  cursor: pointer;
}
.tick-star input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.tick-star input:checked ~ .checkmark {
  background-color: #ffffff;
}
.tick-star input:checked ~ .checkmark:after {
  display: block;
  background-image: url(/assets/shop/image/icon_star.svg);
  border: none !important;
}

.not-found {
  font-size: 20px;
  min-height: calc(100vh - 191px - 330px);
}

.footer__scrolltop {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #313c41;
  height: 80px;
  width: 100%;
  border: none;
  padding: 0;
}
.footer__scrolltop p {
  margin: 0 0 0 15px;
  color: #ffffff;
}
.footer__bottom {
  background: #222b2f;
  padding: 60px 60px 20px 60px;
  overflow: auto;
}
@media screen and (max-width: 1112px) {
  .footer__bottom {
    height: 100%;
  }
}
.footer__content {
  display: flex;
  color: #ffffff;
}
@media screen and (max-width: 1112px) {
  .footer__content {
    display: block;
  }
}
.footer__logo {
  margin-right: 90px;
}
@media screen and (max-width: 1326px) {
  .footer__logo {
    margin-right: 60px;
  }
}
@media screen and (max-width: 1112px) {
  .footer__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-direction: column;
  }
}
.footer__logo .footer__logo__img {
  max-width: 280px;
  height: auto;
}
@media screen and (max-width: 1112px) {
  .footer__logo .footer__logo__img {
    width: 100%;
  }
}
.footer__menu {
  display: flex;
  font-size: 13px;
}
@media screen and (max-width: 1112px) {
  .footer__menu {
    display: block;
    width: 100%;
    margin: 30px 0;
  }
}
.footer__menu ul {
  margin: 0 90px 0 0;
  padding: 0;
}
@media screen and (max-width: 1326px) {
  .footer__menu ul {
    margin: 0 60px 0 0;
  }
}
@media screen and (max-width: 1112px) {
  .footer__menu ul {
    margin: 0 0 22px 0;
    text-align: center;
  }
}
.footer__menu ul:nth-child(1) li {
  width: 140px;
}
@media screen and (max-width: 1112px) {
  .footer__menu ul:nth-child(1) li {
    width: 100%;
  }
}
.footer__menu ul:nth-child(2) li {
  width: 126px;
}
@media screen and (max-width: 1112px) {
  .footer__menu ul:nth-child(2) li {
    width: 100%;
  }
}
@media screen and (max-width: 1112px) {
  .footer__menu ul:nth-child(3) li {
    width: 100%;
  }
}
.footer__menu li {
  list-style: none;
  margin-bottom: 20px;
  font-size: 13px;
}
.footer__menu li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1112px) {
  .footer__menu li {
    margin-bottom: 22px;
  }
}
.footer__menu a {
  color: #f1f3f4;
  text-decoration: none;
  font-weight: 500;
}
.footer__menu a:hover {
  border-bottom: 1px solid #ffffff;
}
@media screen and (max-width: 1112px) {
  .footer__contact {
    width: 100%;
    margin: auto;
  }
}
.footer__contact button {
  display: flex;
  align-items: center;
  width: 240px;
  height: 60px;
  border: 2px solid #ffffff;
  border-radius: 6px;
  background: #222b2f;
  color: #ffffff;
  margin-bottom: 15px;
  padding: 0;
  position: relative;
}
@media screen and (max-width: 1326px) {
  .footer__contact button {
    width: 200px;
  }
}
@media screen and (max-width: 1112px) {
  .footer__contact button {
    width: 100%;
  }
}
.footer__contact button p {
  font-size: 14px;
  color: #ffffff;
}
@media screen and (max-width: 1326px) {
  .footer__contact button p {
    font-size: 11px;
  }
}
@media screen and (max-width: 386px) {
  .footer__contact button p {
    font-size: 11px;
  }
}
.footer__contact button img:first-child {
  margin: 0 15px 0 30px;
}
.footer__contact button img:last-child {
  position: absolute;
  right: 17px;
}
.footer__contact p {
  font-size: 13px;
  color: #f1f3f4;
  margin-bottom: 0;
}
@media screen and (max-width: 1112px) {
  .footer__contact p {
    text-align: center;
  }
}
.footer__year {
  float: right;
  margin-top: 25px;
  color: #c2c2c2;
  font-size: 12px;
  font-family: "Prompt";
}
@media screen and (max-width: 1112px) {
  .footer__year {
    display: flex;
    justify-content: center;
    height: 70px;
    float: none;
    padding-top: 30px;
  }
}
.footer__year p {
  margin: 0;
}

.text-wrap {
  width: 280px;
  margin-top: 70px;
  font-size: 10px;
  color: #f1f3f4 !important;
}
@media screen and (max-width: 1112px) {
  .text-wrap {
    text-align: center;
    margin-top: 20px;
  }
}

.breadcrumb-custom {
  display: flex;
  align-items: center;
  margin: 0 auto 0 auto;
  width: 1300px;
  min-height: 50px;
  border-bottom: 1px solid #e2e4e7;
  padding-left: 20px;
  --bs-breadcrumb-divider: ">";
}
@media screen and (max-width: 1326px) {
  .breadcrumb-custom {
    width: calc(100% - 40px);
    margin: 0 20px;
  }
}
.breadcrumb-custom .breadcrumb {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.breadcrumb-custom .breadcrumb-item a {
  text-decoration: none;
  color: #313131;
  font-size: 13px;
}
.breadcrumb-custom .breadcrumb-item + .breadcrumb-item:before {
  content: url("/assets/shop/image/breadcrumb_arrow.svg");
}
.breadcrumb-custom .breadcrumb-item.active {
  font-size: 13px;
  padding-top: 4px;
  color: #313131;
}

.container-custom {
  padding: 0;
  width: 1111px;
  margin: auto;
}
@media screen and (max-width: 1112px) {
  .container-custom {
    width: 100%;
  }
}
.container-custom--pb-110 {
  padding-bottom: 110px;
}
.container-custom--lg {
  width: 1300px;
}
@media (max-width: 1300px) {
  .container-custom--lg {
    width: 100%;
  }
}

.btn-main {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffd700;
  font-weight: 700;
  font-size: 16px;
  width: 280px;
  height: 60px;
  border: none;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  margin: auto;
}
.btn-main:enabled {
  color: #393939;
}
@media screen and (max-width: 386px) {
  .btn-main {
    margin: 0 20px;
    width: calc(100% - 40px);
  }
}

.step {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 70px 0;
}
.step__font-size-custom {
  color: #eb5757;
  font-weight: 700;
  display: flex;
  letter-spacing: 1px;
}
.step__font-size-custom div:first-child {
  margin-right: 20px;
}
@media screen and (max-width: 386px) {
  .step__font-size-custom div:first-child {
    margin-right: 0;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 386px) {
  .step__font-size-custom {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.step__progressbar {
  counter-reset: step;
  width: 320px;
  padding: 0;
  margin: 0;
}
.step__progressbar li {
  float: left;
  list-style: none;
  position: relative;
  text-align: center;
  width: 50%;
  font-size: 15px;
  font-weight: 500;
  height: 78px;
  color: #393939;
  font-family: "Prompt";
}
.step__progressbar li:before {
  line-height: 50px;
  background: #cdd2d4;
  border-radius: 50%;
  color: #ffffff;
  content: counter(step);
  counter-increment: step;
  display: block;
  font-weight: 500;
  margin: 0 auto 6px;
  text-align: center;
  width: 50px;
  height: 50px;
  font-size: 18px;
}
.step__progressbar li:after {
  background: #cdd2d4;
  content: "";
  height: 3px;
  left: -50%;
  position: absolute;
  top: 25px;
  width: 100%;
  z-index: -1;
}
.step__progressbar li:first-child:after {
  content: none;
}
.step__progressbar li.active:before {
  background: #00a0e9;
  border-color: #00a0e9;
}
.step__progressbar li.active {
  color: #00a0e9;
}
.step__progressbar--more {
  counter-reset: step;
  padding: 0;
  width: 468px;
  margin: 0;
}
.step__progressbar--more li {
  float: left;
  list-style: none;
  position: relative;
  text-align: center;
  width: 33.3333333333%;
  font-size: 15px;
  font-weight: 500;
  height: 78px;
  color: #393939;
}
@media screen and (max-width: 920px) {
  .step__progressbar--more li {
    font-size: 12px;
  }
}
.step__progressbar--more li:before {
  line-height: 50px;
  background: #cdd2d4;
  border-radius: 50%;
  color: #ffffff;
  content: counter(step);
  counter-increment: step;
  display: block;
  font-weight: 500;
  margin: 0 auto 6px;
  text-align: center;
  width: 50px;
  height: 50px;
  font-size: 18px;
}
.step__progressbar--more li:after {
  background: #cdd2d4;
  content: "";
  height: 3px;
  left: -50%;
  position: absolute;
  top: 25px;
  width: 100%;
  z-index: -1;
}
.step__progressbar--more li:first-child:after {
  content: none;
}
.step__progressbar--more li.active:before {
  background: #00a0e9;
  border-color: #00a0e9;
}
.step__progressbar--more li.active {
  color: #00a0e9;
}
.step__complete {
  text-align: center;
  margin-bottom: 70px;
}
.step__complete p {
  font-weight: 500;
  font-size: 22px;
  margin: 30px 0 0 0;
}
.step__button {
  text-align: center;
}
.step__button button {
  width: 259px;
  height: 55px;
  background: #ffffff;
  border: 1px solid #00a0e9;
  box-sizing: border-box;
  border-radius: 6px;
  color: #00a0e9;
  margin-bottom: 100px;
}
.step__button button:hover {
  color: #ffffff;
  background: #00a0e9;
}

.step-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 70px 0;
}
.step-2__progressbar {
  counter-reset: step;
  padding: 0;
  width: 445px;
  margin: 0;
}
.step-2__progressbar li {
  float: left;
  list-style: none;
  position: relative;
  text-align: center;
  width: 33.3333333333%;
  font-size: 15px;
  font-weight: 500;
  height: 78px;
  font-family: "Prompt";
}
@media screen and (max-width: 920px) {
  .step-2__progressbar li {
    font-size: 12px;
  }
}
.step-2__progressbar li:before {
  display: block;
  line-height: 50px;
  background: #cdd2d4;
  border-radius: 50%;
  color: #ffffff;
  content: counter(step);
  counter-increment: step;
  font-weight: 500;
  margin: 0 auto 6px;
  text-align: center;
  width: 50px;
  height: 50px;
  font-size: 18px;
}
.step-2__progressbar li:after {
  background: #cdd2d4;
  content: "";
  height: 3px;
  left: -50%;
  position: absolute;
  top: 25px;
  width: 100%;
  z-index: -1;
}
.step-2__progressbar li:first-child:after {
  content: none;
}
.step-2__progressbar li.active:before {
  background: #00a0e9;
  border-color: #00a0e9;
}
.step-2__progressbar li.active {
  color: #00a0e9;
}
.step-2__complete {
  text-align: center;
  padding: 0 20px 154px 20px;
}
.step-2__complete p {
  font-weight: 500;
  font-size: 22px;
  margin: 30px 0 0 0;
}
@media screen and (max-width: 386px) {
  .step-2__complete p {
    font-size: 16px;
  }
}
.step-2__complete .order-complete-notification {
  display: flex;
  justify-content: center;
  text-align: left;
  margin-top: 70px;
}
@media screen and (max-width: 386px) {
  .step-2__complete .order-complete-notification {
    font-size: 13px;
    margin: 15px 0;
  }
}
.step-2__complete .order-complete-notification .fisrt-span-order {
  color: #eb5757;
  font-weight: bold;
}
.step-2__complete .order-complete-notification .second-span-order {
  color: #393939;
  font-size: 15px;
  font-weight: 100;
}
.step-2__complete button {
  width: 300px;
  height: 58px;
  background: #ffd700;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  border: none;
  font-size: 15px;
  font-weight: 700;
  color: #393939;
  margin-top: 70px;
}
@media screen and (max-width: 386px) {
  .step-2__complete button {
    width: auto;
    padding: 20px;
    margin-top: 0;
  }
}
.step-2__button {
  text-align: center;
}
.step-2__button button {
  width: 259px;
  height: 55px;
  background: #ffffff;
  border: 1px solid #00a0e9;
  box-sizing: border-box;
  border-radius: 6px;
  color: #00a0e9;
  margin-bottom: 100px;
}
.step-2__button button:hover {
  color: #ffffff;
  background: #00a0e9;
}

.set-create {
  display: flex;
  justify-content: space-around;
  padding-bottom: 100px;
}
@media screen and (max-width: 920px) {
  .set-create {
    flex-direction: column;
  }
}
.set-create .tb-1-head {
  display: flex;
  height: 50px;
  color: #000000;
  font-weight: 500;
  font-size: 15px;
  border-bottom: 1px solid #000000;
}
.set-create .tb-1-head__1 {
  width: 6.25%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 920px) {
  .set-create .tb-1-head__1 {
    width: 40px;
  }
}
.set-create .tb-1-head__2 {
  width: 72.9167%;
}
.set-create .tb-1-head__3 {
  width: 95.83%;
}
.set-create .tb-1-head__4 {
  width: 10.4167%;
}
.set-create .tb-1-head__5 {
  width: 10.4167%;
}
.set-create .tb-1-row {
  display: flex;
  min-height: 100;
  border-bottom: 1px solid #e2e4e7;
  font-size: 13px;
  color: #393939;
}
.set-create .tb-1-row__1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.25%;
}
@media screen and (max-width: 920px) {
  .set-create .tb-1-row__1 {
    width: 40px;
  }
}
.set-create .tb-1-row__2 {
  display: flex;
  width: 93.75%;
}
@media screen and (max-width: 920px) {
  .set-create .tb-1-row__2 {
    flex-direction: column;
    width: 95.83%;
    padding-bottom: 20px;
  }
}
.set-create .tb-1-row__2 .tb-1-top {
  display: flex;
  width: 77.78%;
  padding: 20px 20px;
}
@media screen and (max-width: 920px) {
  .set-create .tb-1-row__2 .tb-1-top {
    width: 100%;
    padding-bottom: 0;
    border: none;
  }
}
.set-create .tb-1-row__2 .tb-1-top .tb-1-img {
  width: 60px;
  height: 60px;
  margin-right: 20px;
}
.set-create .tb-1-row__2 .tb-1-top .tb-1-img img {
  -o-object-fit: contain;
     object-fit: contain;
}
.set-create .tb-1-row__2 .tb-1-top--column {
  display: flex;
  margin-bottom: 10px;
}
@media screen and (max-width: 920px) {
  .set-create .tb-1-row__2 .tb-1-top--column {
    flex-direction: column;
    align-items: flex-start;
  }
}
.set-create .tb-1-row__2 .tb-1-top--column span {
  color: #000000;
  font-weight: 500;
  margin-bottom: 10px;
}
.set-create .tb-1-row__2 .tb-1-top--column p {
  width: 160px;
  margin: 0;
}
.set-create .tb-1-row__2 .tb-1-top--column p:first-of-type {
  margin-bottom: 5px;
}
.set-create .tb-1-row__3 {
  width: 11.11%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 15px;
}
@media screen and (max-width: 920px) {
  .set-create .tb-1-row__3 {
    width: 100%;
    justify-content: flex-start;
    padding-left: 100px;
    margin-bottom: 10px;
    border: none;
  }
}
.set-create .tb-1-row__3 span:first-child {
  margin-right: 10px;
  color: #000000;
  font-weight: 500;
}
.set-create .tb-1-row__4 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 11.11%;
}
@media screen and (max-width: 920px) {
  .set-create .tb-1-row__4 {
    width: 100%;
    justify-content: flex-start;
    padding-left: 100px;
  }
}
.set-create .tb-1-row__4 button {
  background: #00a0e9;
  border: none;
  border-radius: 4px;
  color: #ffffff;
  width: 65px;
  height: 33px;
  font-size: 12px;
}
.set-create .tb-1-row__4 button:hover {
  background: #ffffff;
  border: 1px solid #00a0e9;
  color: #00a0e9;
}
.set-create .tb-1-row__4 span:first-child {
  margin-right: 10px;
  color: #000000;
  font-weight: 500;
}
.set-create__customer {
  width: 300px;
  border: 1px solid #e2e4e7;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: 30px 20px;
  flex-shrink: 0;
  margin-left: 40px;
  position: sticky;
  top: 0;
}
@media screen and (max-width: 920px) {
  .set-create__customer {
    width: calc(100% - 40px);
    margin: 30px 20px 0 20px;
  }
}
.set-create__customer .set-name {
  margin-bottom: 15px;
}
.set-create__customer .set-name p {
  margin-bottom: 10px;
  font-weight: 500;
}
.set-create__customer .set-name .is-required {
  margin-left: 5px;
  padding: 1px 10px;
  color: #e80000;
  font-size: 10px;
  font-weight: 100;
  line-height: 1.5;
  border: 1px solid #e80000;
  border-radius: 16px;
}
.set-create__customer .set-name textarea {
  width: 100%;
  height: 76px;
  border: 2px solid #d3d8db;
  border-radius: 4px;
  padding: 15px;
  font-size: 13px;
}
.set-create__customer .set-name textarea.error {
  border-color: #eb5757;
}
.set-create__customer .set-name textarea::-moz-placeholder {
  color: #c2c2c2;
}
.set-create__customer .set-name textarea::placeholder {
  color: #c2c2c2;
}
.set-create__customer .set-name label.error {
  font-size: 12px;
  color: #eb5757;
}
.set-create__customer .user-name p:first-child {
  display: inline-block;
  margin-bottom: 10px;
  font-weight: 500;
}
.set-create__customer .user-name span {
  font-size: 13px;
  font-weight: 500;
}
.set-create__customer .user-name select {
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
  font-size: 13px;
}
.set-create__customer .user-name .text {
  font-size: 12px;
  color: #757575;
  margin-bottom: 15px;
}
.set-create__customer button {
  width: 100%;
  height: 55px;
  background: #ffd700;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  border: none;
  font-weight: 700;
  font-size: 15px;
  margin-top: 5px;
  padding: 0;
}
.set-create__customer button:enabled {
  color: #393939;
}

.table-responsive {
  width: 960px;
  font-size: 13px;
  margin-bottom: 100px;
}
@media screen and (max-width: 920px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 0;
  }
}

.tb-2 {
  width: 100%;
  margin: 70px 0;
}
.tb-2__head {
  display: flex;
  border-bottom: 1px solid #000000;
  height: 50px;
}
.tb-2__head .tb-2__4 {
  justify-content: center;
  padding: 0 20px 0 0;
}
.tb-2__body {
  min-height: calc(100vh - 110px - 330px - 1px);
  overflow-y: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.tb-2__body::-webkit-scrollbar {
  display: none;
}
.tb-2__row {
  display: flex;
  border-bottom: 1px solid #e2e4e7;
}
.tb-2 .full-width {
  display: flex;
  width: 91.15%;
}
.tb-2__1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
@media screen and (max-width: 1112px) {
  .tb-2__1 {
    width: 40px;
  }
}
.tb-2__1 .checkbox {
  display: block;
  width: 16px;
  height: 16px;
  position: relative;
  cursor: pointer;
}
.tb-2__1 .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.tb-2__1 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #ffffff;
  border: 1px solid #d3d8db;
}
.tb-2__1 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.tb-2__1 .checkbox input:checked ~ .checkmark:after {
  display: block;
  background-image: url("/assets/custom/images/icon/check.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.tb-2__1 .checkbox .checkmark:after {
  left: 3px;
  top: 4px;
  width: 8px;
  height: 8px;
}
.tb-2-color {
  background: #f1f3f4;
}
.tb-2__2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  font-size: 15px;
  font-weight: 500;
}
@media screen and (max-width: 920px) {
  .tb-2__2 {
    font-size: 13px;
  }
}
@media screen and (max-width: 1112px) {
  .tb-2__2 {
    width: 41px;
  }
}
.tb-2__2 span {
  font-size: 13px;
  color: #393939;
}
.tb-2__sp-show {
  width: 93.84%;
  font-size: 13px;
  font-weight: 500;
}
.tb-2__3 {
  width: 31.22%;
  padding: 20px 20px;
  font-size: 15px;
  font-weight: 500;
}
@media screen and (max-width: 920px) {
  .tb-2__3 {
    width: 93.84%;
    border: none;
    margin-bottom: 50px;
    padding: 0;
  }
}
.tb-2__3 p {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
}
.tb-2__3 span {
  font-size: 13px;
  color: #393939;
  font-weight: 400;
}
.tb-2__4 {
  width: 36.7%;
  padding: 20px 0 0 20px;
  font-size: 15px;
  font-weight: 500;
}
@media screen and (max-width: 920px) {
  .tb-2__4 {
    width: 93.84%;
    border: none;
    padding: 0;
  }
}
.tb-2__4:nth-child(1) {
  padding: 0;
}
.tb-2__4 p {
  font-size: 13px;
  font-weight: 500;
}
.tb-2__4 span {
  font-size: 13px;
  color: #393939;
}
.tb-2__5 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32.06%;
}
@media screen and (max-width: 920px) {
  .tb-2__5 {
    width: 93.84%;
    border: none;
    justify-content: flex-start;
  }
}
.tb-2 .full-column {
  display: flex;
  width: 91.15%;
}
@media screen and (max-width: 920px) {
  .tb-2 .full-column {
    flex-direction: column;
    padding: 20px 20px;
  }
}
.tb-2-img {
  display: flex;
  margin-bottom: 10px;
  font-weight: 400;
}
.tb-2-img:last-of-type {
  margin-bottom: 20px;
}
.tb-2-img img {
  margin-right: 10px;
  -o-object-fit: contain;
     object-fit: contain;
}
.tb-2 button {
  background: #00a0e9;
  color: #ffffff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  border: none;
}
.tb-2 button:hover {
  background: #ffffff;
  color: #00a0e9;
  border: 1px solid #00a0e9;
}
.tb-2 .btn-small {
  width: 65px;
  height: 33px;
  margin: 0 99px 0 63px;
  font-size: 12px;
}
@media screen and (max-width: 1112px) {
  .tb-2 .btn-small {
    margin: 0 20px 0 0;
  }
}
.tb-2 .btn-big {
  width: 117px;
  height: 33px;
  font-size: 12px;
}
.tb-2 .pd-sp {
  padding-left: 170px;
}
@media screen and (max-width: 920px) {
  .tb-2 .pd-sp {
    padding: 0;
  }
}

.del {
  border-top: 1px solid #e2e4e7;
  text-align: center;
  padding: 21px 20px;
  background: #f7f8fa;
}
.del button {
  width: 299px;
  height: 58px;
  background: #ffd700;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  border: none;
  font-size: 15px;
  font-weight: 700;
}
.del button:enabled {
  color: #393939;
}
@media screen and (max-width: 386px) {
  .del button {
    width: auto;
    padding: 20px;
  }
}

@media screen and (max-width: 920px) {
  .check-tax-10 {
    display: none;
  }
}

.detail {
  display: flex;
}
@media screen and (max-width: 920px) {
  .detail {
    flex-direction: column;
  }
}
@media screen and (max-width: 920px) {
  .detail__line {
    border-top: 1.5px solid #707070;
    margin-left: 20px;
    margin-right: 20px;
  }
}
.detail__line-text-final {
  border-top: 1px solid #737373;
}
@media screen and (max-width: 920px) {
  .detail__line-text-final {
    display: none;
  }
}
.detail__all {
  width: 960px;
}
@media screen and (max-width: 920px) {
  .detail__all {
    width: 100%;
    margin: 0;
  }
}
.detail__all .text-final {
  color: #757575;
  font-size: 13px;
  margin: 40px 0 100px 0;
}
@media screen and (max-width: 1326px) {
  .detail__all .text-final {
    margin-bottom: 40px;
    padding: 0 30px;
  }
}
@media screen and (max-width: 920px) {
  .detail__all .text-final {
    font-size: 12px;
    padding: 0 40px;
  }
}
.detail__order {
  border-top: 1px solid #737373;
  display: flex;
  padding: 30px 30px 30px 30px;
}
@media screen and (max-width: 920px) {
  .detail__order {
    flex-direction: column;
    border-top: none;
    padding: 32px 20px 32px 20px;
  }
  .detail__order:first-child {
    padding-right: 0;
  }
}
.detail__order30 {
  padding: 30px 30px;
}
@media screen and (max-width: 920px) {
  .detail__order30 {
    padding: 32px 0 32px 40px;
  }
}
.detail__order30.confirm-area {
  padding: 30px 0px;
}
@media screen and (max-width: 920px) {
  .detail__order30.confirm-area {
    padding: 32px 0 32px 40px;
  }
}
.detail__order-number {
  width: 25%;
}
@media screen and (max-width: 920px) {
  .detail__order-number {
    width: 100%;
  }
}
.detail__order-number p {
  display: inline-block;
  margin-right: 28px;
  color: #9ea7ab;
  font-size: 18px;
}
.detail__order-number span {
  font-weight: 600;
  font-size: 21px;
}
.detail__order-number span.is-required {
  margin-left: 5px;
  padding: 1px 10px;
  color: #e80000;
  font-size: 10px;
  font-weight: 100;
  line-height: 1.5;
  border: 1px solid #e80000;
  border-radius: 16px;
}
@media screen and (max-width: 920px) {
  .detail__order-number span {
    margin-bottom: 30px;
  }
}
.detail__order-info-top select {
  width: auto;
  border: 1px solid #737373;
  border-radius: 4px;
}
@media screen and (max-width: 920px) {
  .detail__order-info-top select {
    width: 100%;
  }
}
@media screen and (max-width: 920px) {
  .detail__order-info-top {
    width: calc(100% - 40px);
    margin-top: 30px;
  }
  .detail__order-info-top select {
    height: 55px;
    margin-bottom: 10px;
  }
}
.detail__order-info span {
  font-weight: 500;
  font-size: 14px;
}
.detail__order-info select {
  display: inline-block;
  width: auto;
  border: 1px solid #737373;
  border-radius: 4px;
  color: #393939;
  font-size: 14px;
}
@media screen and (max-width: 386px) {
  .detail__order-info select {
    width: calc(100vw - 84px);
  }
}
@media screen and (max-width: 920px) {
  .detail__order-info select {
    width: calc(100% - 40px);
    height: 55px;
    font-size: 16px;
  }
}
.detail__order-info button {
  background: #00a0e9;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  border: solid 1px #00a0e9;
  color: #ffffff;
  font-size: 12px;
  min-height: 32px;
}
.detail__order-info button.btn-blue {
  padding: 4px 10px;
  margin: 0;
}
@media screen and (max-width: 920px) {
  .detail__order-info-under select {
    margin-bottom: 10px;
  }
}
.detail__order-info-under p {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 14px;
  color: #393939;
}
@media screen and (max-width: 920px) {
  .detail__order-info-under p {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 920px) {
  .detail__order-info-under {
    margin-top: 20px;
  }
}
.detail__order-info-under .address-detail {
  margin: 5px 5px 0px 5px;
}
@media screen and (max-width: 920px) {
  .detail__order-info-under .address-detail {
    margin: 0px;
  }
}
.detail__order-info-under .address-detail p {
  word-break: break-all;
  overflow-wrap: break-word;
}
.detail__order-info-coupon {
  width: 75%;
}
@media screen and (max-width: 920px) {
  .detail__order-info-coupon {
    width: 100%;
  }
  .detail__order-info-coupon select {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 920px) {
  .detail__order-info-coupon {
    margin-top: 20px;
  }
}
.detail__order-address.attachment-custom {
  width: 75%;
}
.detail__order-address button {
  border: 1px solid #00a0e9;
  font-size: 14px;
}
@media screen and (max-width: 920px) {
  .detail__order-address button.btn-change-guest-information {
    width: calc(100% - 40px);
    height: 55px;
    font-size: 16px;
  }
}
.detail__order-address button:hover {
  background: #ffffff;
  color: #00a0e9;
}
.detail__order-address .text-attachment-and-memo {
  white-space: pre-wrap;
  word-break: break-word;
}
.detail__order-address .text-attachment-and-memo .file-view {
  color: #00a0e9;
}
.detail__order-address .icon-paperclip {
  cursor: pointer;
}
.detail__order-address select {
  margin-top: 4px;
}
.detail__order-radio label {
  margin: 0 40px 0 0;
}
.detail__order-radio--custom {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  font-size: 14px;
  color: #393939;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.detail__order-radio--custom input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.detail__order-radio--custom input:checked ~ .checkmark {
  background-color: #000000;
}
.detail__order-radio--custom .checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 1px solid #000000;
}
.detail__order .list {
  width: 75%;
}
@media screen and (max-width: 920px) {
  .detail__order .list {
    width: 100%;
  }
}
.detail__order .list .item {
  display: flex;
  min-height: 100px;
  background-color: #f7f8f9;
  padding: 20px;
  border-top: 1px solid #e2e4e7;
}
@media screen and (max-width: 920px) {
  .detail__order .list .item {
    width: 100%;
  }
}
.detail__order .list .item .columm-sp {
  display: flex;
}
@media screen and (max-width: 920px) {
  .detail__order .list .item .columm-sp {
    flex-direction: column;
  }
}
.detail__order .list .item img {
  width: 60px;
  height: 60px;
  margin-right: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
.detail__order .list .item__detail {
  width: 275px;
  margin-right: 20px;
}
@media screen and (max-width: 920px) {
  .detail__order .list .item__detail {
    width: 100%;
  }
}
.detail__order .list .item__detail .attachment {
  display: flex;
  align-items: center;
}
.detail__order .list .item__detail .attachment > div {
  display: flex;
  margin-bottom: 5px;
}
.detail__order .list .item__detail .attachment img {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
.detail__order .list .item p {
  font-size: 13px;
  color: #393939;
  margin-bottom: 5px;
}
.detail__order .list .item__no-image {
  width: 60px;
  height: 60px;
  margin-right: 20px;
}
@media screen and (max-width: 920px) {
  .detail__order .bill {
    width: 100%;
  }
}
.detail__order .bill p {
  font-size: 13px;
  color: #393939;
  margin: 0;
}
@media screen and (max-width: 920px) {
  .detail__order .bill p {
    font-size: 12px;
    padding-right: 37px;
  }
}
.detail__order .bill__amount {
  display: flex;
  align-items: center;
}
.detail__order .bill__amount p {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}
.detail__order .bill__amount .currency {
  display: flex;
  align-items: flex-end;
}
.detail__order .bill__amount .currency span {
  font-weight: 700;
  font-size: 26px;
  color: #eb5757;
}
.detail__order .bill__amount .currency span:last-child {
  font-size: 18px;
  line-height: 35px;
}
.detail__order .bill button {
  width: 300px;
  height: 55px;
  background: #ffd700;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  border: none;
  margin: 15px 0;
  font-weight: 700;
  color: #1a1a1a;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
@media screen and (max-width: 920px) {
  .detail__order .bill button {
    width: calc(100% - 40px);
    font-weight: 400;
    margin: 15px 0;
  }
}
.detail__order .bill button:disabled {
  opacity: 0.7;
}
.detail__order .bill a {
  color: #3f77cb;
}
.detail__order .bill .btn-under {
  background: #ffffff;
  border: 1px solid #737373;
  border-radius: 4px;
  margin-bottom: 16px;
  display: none;
}
@media screen and (max-width: 920px) {
  .detail__order .bill .btn-under {
    display: inline-block;
  }
}
.detail__order:last-of-type {
  border-bottom: 1px solid #e2e4e7;
}
@media screen and (max-width: 920px) {
  .detail__order:last-of-type {
    border-bottom: none;
  }
}
.detail__right {
  position: sticky;
  top: 110px;
  text-align: center;
  border: 1px solid #737373;
  padding: 30px 20px;
  width: 300px;
  height: 100%;
  border-radius: 10px;
  margin-left: 40px;
}
@media screen and (max-width: 1112px) {
  .detail__right {
    top: 172px;
    position: static;
  }
}
@media screen and (max-width: 920px) {
  .detail__right {
    width: calc(100% - 40px);
    margin: 30px 20px 40px 20px;
  }
}
.detail__right-price-byday {
  border-bottom: dotted 3px rgba(128, 128, 128, 0.6);
}
.detail__right-price {
  border-bottom: 1px solid #737373;
}
.detail__right-price .sb {
  display: flex;
  justify-content: space-between;
}
.detail__right-price .sb p {
  margin-bottom: 19px;
  font-size: 14px;
}
@media screen and (max-width: 1112px) {
  .detail__right-price .sb p {
    font-size: 12px;
  }
}
@media screen and (max-width: 920px) {
  .detail__right-price .sb p {
    font-size: 16px;
  }
}
.detail__right-price .sb span {
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 1112px) {
  .detail__right-price .sb span {
    font-size: 16px;
  }
}
.detail__right-price-total {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 10px 0 0 0;
}
.detail__right-price-total p {
  font-size: 14px;
  margin: 0;
  font-weight: 500;
}
@media screen and (max-width: 1112px) {
  .detail__right-price-total p {
    font-size: 12px;
  }
}
@media screen and (max-width: 920px) {
  .detail__right-price-total p {
    font-size: 21px;
  }
}
.detail__right-price-total p:last-child {
  font-size: 30px;
  font-weight: 700;
}
.detail__right-price-total .money span {
  font-weight: 700;
  font-size: 20px;
}
@media screen and (max-width: 1112px) {
  .detail__right-price-total .money span {
    font-size: 21px;
  }
}
.detail__right-price-total .money span:last-child {
  font-size: 20px;
  margin-left: -5px;
}
@media screen and (max-width: 1112px) {
  .detail__right-price-total .money span:last-child {
    font-size: 21px;
  }
}
@media screen and (max-width: 920px) {
  .detail__right-price-total.tb-sm-d-none {
    display: none;
  }
}
.detail__right-delivery-fee {
  border-bottom: none;
}
.detail__right-notification {
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0;
  color: #ee0202;
}
@media screen and (max-width: 920px) {
  .detail__right-notification {
    padding-top: 20px;
  }
}
@media screen and (max-width: 920px) {
  .detail__right-notification.tb-sm-d-none {
    display: none;
  }
}
.detail__right button {
  width: 100%;
  height: 50px;
  font-weight: 700;
  font-size: 15px;
  color: #393939;
}
.detail__right .btn-top {
  background: #ffd700;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  border: none;
  margin: 16px 0;
  color: #393939;
}
.detail__right .btn-top:disabled {
  opacity: 0.7;
}
.detail__right .btn-under {
  background: #ffffff;
  border: 1px solid #737373;
  border-radius: 6px;
  margin-bottom: 16px;
}
.detail__right-title {
  font-weight: 600;
  font-size: 21px;
}
@media screen and (max-width: 1112px) {
  .detail__right-title {
    text-align: left;
  }
}

.promotion-block {
  background-color: rgba(255, 215, 0, 0.0392156863);
  border-bottom: 1px solid #e2e4e7;
  padding: 16px;
  align-items: center;
  justify-content: space-between;
  display: flex;
}
.promotion-block .group-1 {
  display: flex;
  align-items: center;
}
.promotion-block .group-1 .label {
  border: 1px solid #eb5757;
  border-radius: 4px;
  color: #eb5757;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  padding: 8px 15px;
  vertical-align: middle;
  white-space: nowrap;
  display: inline-block;
}
.promotion-block .group-1 .detail {
  margin-left: 10px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 500;
}
.promotion-block .view-more {
  margin-left: 10px;
  color: #eb5757;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  text-decoration: none;
}

.tb__head {
  display: flex;
  align-items: center;
  height: 50px;
  font-size: 15px;
  font-weight: 500;
  border-bottom: 1px solid #000000;
}
@media screen and (max-width: 920px) {
  .tb__head {
    font-size: 13px;
  }
}
.tb__head-1 {
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 920px) {
  .tb__head-1 {
    width: 40px;
  }
}
.tb__head-2 {
  width: 470px;
}
.tb__head-3 {
  width: 470px;
}
@media screen and (max-width: 920px) {
  .tb__head-3 {
    width: 100%;
  }
}
.tb__head-4 {
  width: 70px;
}
.tb__head-5 {
  width: 90px;
}
.tb__head-6 {
  width: 180px;
}
.tb__head-7 {
  width: 90px;
}
.tb__head .full-width {
  display: flex;
  align-items: center;
  width: 93.75%;
}

.tb__product {
  display: flex;
  border-bottom: 1px solid #e2e4e7;
  min-height: 100px;
}
.tb__product-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 60px;
}
@media screen and (max-width: 920px) {
  .tb__product-1 {
    width: 40px;
  }
}
.tb__product-right {
  display: flex;
  width: 93.75%;
}
@media screen and (max-width: 920px) {
  .tb__product-right {
    flex-direction: column;
  }
}
.tb__product-2 {
  display: flex;
  flex-direction: column;
  width: 52.22%;
  padding: 20px 20px;
}
@media screen and (max-width: 920px) {
  .tb__product-2 {
    border: none;
    width: 100%;
    padding: 0;
  }
}
.tb__product-2 p {
  font-weight: 700;
  margin-bottom: 10px;
}
.tb__product-2 .tb-img {
  margin-right: 20px;
}
@media screen and (max-width: 920px) {
  .tb__product-2 .tb-img {
    margin: 0;
  }
}
.tb__product-2 .tb-img img {
  width: 60px;
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
}
.tb__product-2 .tb-img__no-image {
  width: 60px;
  height: 60px;
}
.tb__product-2-sub {
  display: flex;
}
@media screen and (max-width: 920px) {
  .tb__product-2-sub {
    padding: 20px 0 0 20px;
  }
}
.tb__product-2-top {
  display: flex;
}
@media screen and (max-width: 920px) {
  .tb__product-2-top {
    flex-direction: column;
    margin-left: 20px;
    height: 100%;
  }
  .tb__product-2-top p:last-of-type {
    display: block;
  }
}
.tb__product-2-top p {
  font-weight: 500;
}
.tb__product-2 .flex {
  display: flex;
}
@media screen and (max-width: 920px) {
  .tb__product-2 .flex {
    flex-direction: column;
    margin-bottom: 10px;
  }
}
.tb__product-2 .flex p {
  margin: 0;
  font-weight: 400;
  color: #393939;
}
.tb__product-2-detail {
  margin-right: 20px;
}
@media screen and (max-width: 920px) {
  .tb__product-2-detail {
    margin-bottom: 10px;
  }
}
.tb__product-2-detail p {
  width: 165px;
}
.tb__product-2-detail p a {
  text-decoration: none;
  color: #393939;
}
.tb__product-2-detail p a:hover {
  text-decoration: underline;
  color: #00a0e9;
}
@media screen and (max-width: 1326px) {
  .tb__product-2-detail p {
    width: 100%;
  }
}
.tb__product-2 .text-block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 213px;
  height: 28px;
  border: 1px solid #eb5757;
  border-radius: 4px;
  color: #eb5757;
  margin: 10px 0 0 0;
  font-weight: 500;
  font-size: 12px;
}
.tb__product-2 .text-block:first-child {
  display: none;
}
@media screen and (max-width: 920px) {
  .tb__product-2 .text-block {
    margin: 0 0 10px 0;
  }
  .tb__product-2 .text-block:first-child {
    display: flex;
  }
  .tb__product-2 .text-block:last-child {
    display: none;
  }
}
@media screen and (max-width: 386px) {
  .tb__product-2 .text-block {
    width: 100%;
    font-size: 10px;
  }
}
.tb__product-3 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 15px;
  width: 43.75%;
}
@media screen and (max-width: 920px) {
  .tb__product-3 {
    border: none;
    padding: 0;
    width: auto;
    margin-right: 20px;
  }
}
.tb__product-3 span {
  margin-right: 10px;
  font-weight: 500;
  width: 28px;
}
@media screen and (max-width: 920px) {
  .tb__product-3 span {
    font-weight: 400;
  }
}
.tb__product-3 p {
  display: inline-block;
  margin: 0;
  color: #393939;
}
.tb__product-4 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 15px;
  color: #393939;
  width: 56.25%;
}
@media screen and (max-width: 920px) {
  .tb__product-4 {
    border: none;
    padding: 0;
    width: auto;
  }
}
.tb__product-4 span {
  margin-right: 10px;
  font-weight: 500;
}
.tb__product-4 p {
  display: inline-block;
  margin: 0;
  color: #393939;
}
.tb__product-5 {
  width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 920px) {
  .tb__product-5 {
    border: none;
    padding: 0;
    justify-content: flex-start;
    margin-right: 20px;
  }
  .tb__product-5 span {
    width: auto;
    margin-right: 10px;
    font-weight: 500;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 920px) and (max-width: 920px) {
  .tb__product-5 span {
    font-weight: 400;
  }
}
@media screen and (max-width: 920px) {
  .tb__product-5 p {
    width: 27px;
    margin: 0 10px 0 0;
  }
}
.tb__product-5 .circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid #000000;
  border-radius: 50%;
  margin: 0;
  font-weight: 500;
}
.tb__product-5.sub-detail {
  width: 100%;
}
.tb__product-6 {
  width: 20.93%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tb__product-6 .icon-remove:hover {
  cursor: pointer;
}
@media screen and (max-width: 920px) {
  .tb__product-6 {
    border: none;
    padding: 0;
    width: 100%;
    justify-content: flex-start;
  }
}
.tb__product-6 button {
  width: 65px;
  height: 33px;
  background: #00a0e9;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  border: none;
  color: #ffffff;
  font-size: 12px;
}
.tb__product-6 button:hover {
  background: #ffffff;
  border: 1px solid #00a0e9;
  color: #00a0e9;
}
.tb__product-7 {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 920px) {
  .tb__product-7 {
    border: none;
    padding: 0;
    justify-content: flex-start;
  }
}
.tb__product-7 img {
  cursor: pointer;
}
.tb__product-sub {
  display: flex;
  position: relative;
  width: 100%;
}
.tb__product-sub img {
  margin-right: 20px;
}
.tb__product-sub--line {
  width: 11.11%;
}
@media screen and (max-width: 920px) {
  .tb__product-sub--line {
    width: 100%;
  }
}
.tb__product-sub--line span {
  display: block;
  position: absolute;
  height: 100%;
  border-left: 2px solid #d3d8db;
  top: 0;
  left: 45px;
}
.tb__product-sub--line span:after {
  content: "";
  width: 10px;
  height: 2px;
  background: #d3d8db;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.tb__product-sub-2 {
  width: 46.25%;
  padding-top: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1112px) {
  .tb__product-sub-2 {
    width: 46.25%;
  }
}
@media screen and (max-width: 920px) {
  .tb__product-sub-2 {
    border: none;
    width: 100%;
  }
  .tb__product-sub-2 p:first-of-type {
    display: block;
  }
}
@media screen and (max-width: 386px) {
  .tb__product-sub-2 {
    width: 100%;
  }
}
.tb__product-sub-2 p {
  font-weight: 500;
  font-size: 13px;
  margin-bottom: 10px;
}
.tb__product-sub-2 .sub-2-input {
  width: 100%;
  border: 1px solid #e2e4e7;
  border-radius: 5px;
  padding: 5px 10px;
  margin-bottom: 10px;
}
.tb__product-sub-2 .sub-2-input:focus-visible {
  outline: 2px solid #00a0e9;
}
.tb__product-sub-6 {
  width: 33.75%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 920px) {
  .tb__product-sub-6 {
    border: none;
    padding: 0;
    width: 100%;
    justify-content: flex-start;
  }
}
.tb__product-sub-6 button {
  width: 100%;
  background: #00a0e9;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  border: none;
  color: #ffffff;
  font-size: 16px;
}
.tb__product-sub-6 button:hover {
  background: #ffffff;
  border: 1px solid #00a0e9;
  color: #00a0e9;
}
.tb__product:last-child .tb__product-sub--line span {
  height: 50%;
}
.tb__product:last-child .tb__product-sub--line span:after {
  content: "";
  width: 12px;
  height: 2px;
  left: -2px;
  top: 100%;
}
.tb__product .full-columm {
  display: flex;
  width: 47.78%;
  flex-shrink: 0;
}
@media screen and (max-width: 920px) {
  .tb__product .full-columm {
    flex-direction: column;
    width: 100%;
    padding-left: 100px;
    margin-bottom: 20px;
  }
}
.tb__product .full-sub-columm {
  display: flex;
  flex-shrink: 0;
  width: 88.89%;
}
@media screen and (max-width: 920px) {
  .tb__product .full-sub-columm {
    flex-direction: column;
    padding: 20px 0;
    width: 70%;
  }
}
.tb__product .detail-group-1 {
  display: flex;
  width: 37.21%;
}
@media screen and (max-width: 920px) {
  .tb__product .detail-group-1 {
    margin-bottom: 10px;
    width: 100%;
  }
}
.tb__product .sub-detail-group-1 {
  display: flex;
  width: 20%;
}
@media screen and (max-width: 920px) {
  .tb__product .sub-detail-group-1 {
    margin-bottom: 10px;
    width: 100%;
  }
}
.tb__product .sub-detail-group-1 .product-quantity {
  padding-right: 0;
  justify-content: center;
}
.tb__product .sub-detail-group-1 .product-quantity .form-input {
  width: 33px;
  font-size: 13px;
}
.tb__product .detail-group-2 {
  display: flex;
  width: 41.86%;
}
@media screen and (max-width: 920px) {
  .tb__product .detail-group-2 {
    margin-bottom: 10px;
    width: 176px;
  }
}
.tb__product .sub-detail-group-2 {
  display: flex;
  width: 22.5%;
}
@media screen and (max-width: 920px) {
  .tb__product .sub-detail-group-2 {
    margin-bottom: 10px;
    width: 176px;
  }
}

.text-flex {
  display: flex;
}
@media screen and (max-width: 920px) {
  .text-flex {
    flex-direction: column;
  }
}
.text-flex p {
  font-weight: 400;
  margin-right: 20px;
  width: 160px;
  color: #393939;
}
.text-flex p a {
  text-decoration: none;
  color: #393939;
}
.text-flex p a:hover {
  text-decoration: underline;
  color: #00a0e9;
}

.box-queue {
  display: flex;
}
@media screen and (max-width: 1326px) {
  .box-queue {
    justify-content: center;
  }
}
@media screen and (max-width: 920px) {
  .box-queue {
    display: block;
  }
}

.box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 50px 0;
}
@media screen and (max-width: 1112px) {
  .box {
    flex-direction: column;
    align-items: center;
  }
}
.box__left {
  display: flex;
  width: 960px;
  border: 1px solid #e2e4e7;
  border-radius: 10px;
  padding: 40px 50px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1326px) {
  .box__left {
    margin: 0 20px;
    width: calc(100% - 40px);
    justify-content: center;
    padding: 40px 20px;
  }
}
@media screen and (max-width: 920px) {
  .box__left {
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 40px 20px;
    border: none;
  }
}
.box__left-img {
  text-align: center;
  margin-right: 40px;
  width: 150px;
  height: 150px;
}
@media screen and (max-width: 920px) {
  .box__left-img {
    margin-right: 0;
  }
}
.box__left-img img {
  width: 150px;
  height: 150px;
  -o-object-fit: contain;
     object-fit: contain;
}
.box__left-text .amount {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1112px) {
  .box__left-text .amount {
    justify-content: center;
  }
}
.box__left-text .amount p {
  font-weight: 500;
  font-size: 16px;
  margin: 0;
}
.box__left-text .amount img {
  margin: 0 10px 8px 0;
}
.box__left-text .amount .lg-number {
  font-size: 25px;
}
.box__left-text .amount .quantity {
  display: inline-block;
  text-align: center;
  width: 70px;
  height: 33px;
  border: 2px solid #d3d8db;
  margin: 0 2px;
}
.box__left-text .text-color {
  margin: 10px 0;
}
@media screen and (max-width: 1112px) {
  .box__left-text .text-color {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.box__left-text .text-color p {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 253px;
  height: 36px;
  border: 1px solid #eb5757;
  border-radius: 4px;
  color: #eb5757;
  order: 1;
  font-size: 14px;
  margin: 0;
}
.box__left-text .product-name {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 10px;
}
@media screen and (max-width: 920px) {
  .box__left-text .product-name {
    text-align: center;
  }
}
.box__left-text .product-info {
  margin-bottom: 10px;
}
@media screen and (max-width: 1112px) {
  .box__left-text .product-info {
    text-align: center;
  }
}
.box__left-text .product-info p {
  margin: 0;
  font-weight: 500;
  font-size: 13px;
}
.box__left-text .product-info span {
  font-weight: 400;
}
@media screen and (max-width: 1112px) {
  .box__left-text .product-customization {
    text-align: center;
  }
}
.box__left-text .product-customization p {
  margin: 0;
  font-weight: 500;
  font-size: 13px;
}
.box__left-text .product-customization p:not(:last-child) {
  margin-bottom: 10px;
}
.box__left-text .product-customization span {
  font-weight: 400;
}
.box__right {
  width: 300px;
  height: 320px;
  padding: 30px 20px;
  border: 1px solid #e2e4e7;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  margin-top: 20px;
}
@media screen and (max-width: 920px) {
  .box__right {
    width: calc(100% - 40px);
    margin: 50px 20px 0 20px;
  }
}
.box__right .subtotal {
  font-size: 13px;
  color: #393939;
  width: 260px;
  border-bottom: 1px solid #e2e4e7;
  padding-bottom: 15px;
}
.box__right .total {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 6px;
}
.box__right .float-right {
  float: right;
}
.box__right .float-right span {
  font-weight: 700;
  font-size: 30px;
}
.box__right .float-right span:last-child {
  font-size: 20px;
  margin-left: -5px;
}
.box__right button {
  width: 260px;
  height: 55px;
  background: #ffd700;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  font-weight: 700;
  font-size: 15px;
  border: none;
  color: #393939;
}
@media screen and (max-width: 920px) {
  .box__right button {
    width: 100%;
  }
}
.box__right button:first-of-type {
  margin-bottom: 15px;
}

.box-total {
  height: 100%;
  width: 300px;
  padding: 30px 20px;
  border: 1px solid #e2e4e7;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  margin: 50px 0 10px 40px;
  position: sticky;
  top: 0;
}
@media screen and (max-width: 920px) {
  .box-total {
    width: calc(100% - 40px);
    margin: 50px 20px 50px 20px;
  }
}
.box-total .subtotal {
  font-size: 13px;
  color: #393939;
  width: 260px;
  border-bottom: 1px solid #e2e4e7;
  padding-bottom: 15px;
}
.box-total .total {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0px;
}
.box-total .float-right {
  float: right;
  margin-bottom: 15px;
}
.box-total .float-right span {
  font-weight: 700;
  font-size: 30px;
}
.box-total .float-right span:last-child {
  font-size: 20px;
  margin-left: -5px;
}
.box-total button {
  width: 260px;
  height: 55px;
  background: #ffd700;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  font-weight: 700;
  font-size: 15px;
  border: none;
}
.box-total button:enabled {
  color: #393939;
}
@media screen and (max-width: 920px) {
  .box-total button {
    width: 100%;
  }
}
.box-total button:first-of-type {
  margin-bottom: 15px;
}

.flex-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 50px;
  border-bottom: 1px solid #e2e4e7;
}
.flex-btn button {
  width: 250px;
  height: 55px;
  border: 1px solid #d3d8db;
  border-radius: 6px;
  background: #ffffff;
  font-size: 14px;
  color: #393939;
}

.thumb-gallery-slider {
  width: 500px;
  margin-right: 50px;
  height: 100%;
}
@media screen and (max-width: 1112px) {
  .thumb-gallery-slider {
    width: 100%;
  }
}
.thumb-gallery-slider .swiper-slide.swiper-slide-active {
  text-align: center;
  font-size: 18px;
  background: #fff;
  height: 100%;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}
.thumb-gallery-slider .swiper-slide.swiper-slide-active img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.thumb-gallery-slider .swiper {
  margin-left: auto;
  margin-right: auto;
}
.thumb-gallery-slider .swiper-slide {
  background-size: cover;
  background-position: center;
}
.thumb-gallery-slider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.thumb-gallery-slider .slide-set-product-2 {
  width: 100%;
}
.thumb-gallery-slider .slide-set-product {
  box-sizing: border-box;
}
@media screen and (max-width: 1112px) {
  .thumb-gallery-slider .slide-set-product {
    padding-top: 10px;
    padding-left: 10px;
  }
}
.thumb-gallery-slider .slide-set-product .swiper-slide {
  width: 25%;
  height: 100%;
}
.thumb-gallery-slider .slide-set-product .swiper-slide-thumb-active {
  opacity: 1;
}
.thumb-gallery-slider .img-92 {
  height: 92px !important;
  width: 92px !important;
  margin-right: 10px;
  margin-top: 20px;
  cursor: pointer;
  border: none;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
@media screen and (max-width: 920px) {
  .thumb-gallery-slider .img-92 {
    height: 67px !important;
    width: 67px !important;
  }
}
.thumb-gallery-slider .img-92:nth-child(5n) {
  margin-right: 0;
}
@media screen and (max-width: 1112px) {
  .thumb-gallery-slider .img-92:nth-child(5n) {
    margin-right: 10px;
  }
}
@media screen and (max-width: 386px) {
  .thumb-gallery-slider .img-92:nth-child(5n) {
    margin-right: 0;
  }
}
.thumb-gallery-slider .flex-wrap {
  display: flex;
  flex-wrap: wrap;
  transform: none !important;
}
.thumb-gallery-slider .swiper-button-next {
  right: 14px;
}
@media screen and (max-width: 1112px) {
  .thumb-gallery-slider .swiper-button-next {
    right: 4%;
  }
}
@media screen and (max-width: 920px) {
  .thumb-gallery-slider .swiper-button-next {
    right: 2%;
  }
}
@media screen and (max-width: 386px) {
  .thumb-gallery-slider .swiper-button-next {
    right: 4%;
  }
}
.thumb-gallery-slider .swiper-button-next:after {
  content: url(/assets/shop/image/next_arrow2.svg);
}
.thumb-gallery-slider .swiper-button-prev {
  left: 14px;
}
@media screen and (max-width: 1112px) {
  .thumb-gallery-slider .swiper-button-prev {
    left: 2%;
  }
}
@media screen and (max-width: 920px) {
  .thumb-gallery-slider .swiper-button-prev {
    left: 4%;
  }
}
@media screen and (max-width: 386px) {
  .thumb-gallery-slider .swiper-button-prev {
    left: 4%;
  }
}
.thumb-gallery-slider .swiper-button-prev:after {
  content: url(/assets/shop/image/prev_arrow2.svg);
}

.main-flex {
  display: flex;
  border-bottom: 1px solid #e2e4e7;
  padding: 50px 0;
}
@media screen and (max-width: 1112px) {
  .main-flex {
    display: block;
    padding-bottom: 40px;
  }
}
.main-flex.non-border {
  border: none;
}
.main-flex .product-detail {
  width: 400px;
  height: 100%;
  margin-right: 50px;
}
@media screen and (max-width: 1112px) {
  .main-flex .product-detail {
    width: 100%;
    padding: 0 20px;
  }
}
.main-flex .product-detail .product-title {
  padding-bottom: 20px;
}
@media screen and (max-width: 1112px) {
  .main-flex .product-detail .product-title {
    padding-top: 20px;
  }
}
.main-flex .product-detail .product-title p {
  font-size: 13px;
  color: #000000;
  margin-bottom: 10px;
}
.main-flex .product-detail .product-title p:last-of-type {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 7px;
}
.main-flex .product-detail .product-title .second-span {
  font-weight: 700;
  font-size: 30px;
}
.main-flex .product-detail .product-title .third-span {
  font-size: 13px;
  margin-bottom: 7px;
}
.main-flex .product-detail__tick-star {
  position: relative;
}
.main-flex .product-detail__tick-star .checkmark {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  background-color: #ffffff;
  border: 1px solid #e2e4e7;
}
.main-flex .product-detail__tick-star .checkmark:before {
  content: "";
  position: absolute;
  border: none !important;
  background-image: url(/assets/shop/image/icon_star_inactive.svg);
  width: 20px;
  height: 20px;
  left: 9px;
  top: 9px;
  transform: rotate(0deg);
}
.main-flex .product-detail__tick-star .checkmark:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 9px;
  top: 9px;
  transform: rotate(0deg);
}
.main-flex .product-detail__tick-star .checkmark:hover {
  cursor: pointer;
}
.main-flex .product-detail__tick-star input {
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.main-flex .product-detail__tick-star input:checked ~ .checkmark {
  background-color: #ffffff;
}
.main-flex .product-detail__tick-star input:checked ~ .checkmark:after {
  display: block;
  background-image: url(/assets/shop/image/icon_star.svg);
  border: none !important;
}
.main-flex .product-detail .accordion {
  border-top: 1px solid #e2e4e7;
}
.main-flex .product-detail .accordion.accordion2 {
  border-bottom: 1px solid #e2e4e7;
}
.main-flex .product-detail .accordion .accordion-button {
  height: 55px;
  padding: 0;
  background: #ffffff;
  color: #000000;
  padding: 24px 0 9px 0;
  box-shadow: none;
}
@media screen and (max-width: 1112px) {
  .main-flex .product-detail .accordion .accordion-button {
    padding-bottom: 15px;
  }
}
.main-flex .product-detail .accordion .accordion-button span {
  font-size: 15px;
}
.main-flex .product-detail .accordion .accordion-button span:last-child {
  font-weight: 700;
}
.main-flex .product-detail .accordion .accordion-button:after {
  background-image: url(/assets/shop/image/arrow_up.svg);
  transform: rotate(180deg);
  transition: transform 0.2s ease-in-out;
  height: 7px;
  width: 12px;
  background-size: 12px 7px;
}
.main-flex .product-detail .accordion .accordion-button:not(.collapsed):after {
  transform: rotate(0deg);
}
.main-flex .product-detail .accordion .accordion-item {
  border: none;
}
.main-flex .product-detail .accordion .accordion-body {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 20px;
}
@media screen and (max-width: 1112px) {
  .main-flex .product-detail .accordion .accordion-body {
    display: flex;
    flex-wrap: nowrap;
    margin-right: -20px;
    overflow-x: scroll;
    overflow-y: hidden;
  }
}
.main-flex .product-detail .accordion .accordion-body2 {
  padding: 0;
}
.main-flex .product-detail .select-color {
  cursor: pointer;
  position: relative;
  margin: 10px 8px 0 0;
}
@media screen and (max-width: 1112px) {
  .main-flex .product-detail .select-color {
    margin: 0 6px 0 0;
  }
}
.main-flex .product-detail .select-color:nth-child(4n) {
  margin-right: 0;
}
@media screen and (max-width: 1326px) {
  .main-flex .product-detail .select-color:nth-child(4n) {
    margin-right: 6px;
  }
}
.main-flex .product-detail .select-color .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 90px;
  width: 90px;
  border-radius: 4px;
  border: 2px solid #d3d8db;
}
.main-flex .product-detail .select-color input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.main-flex .product-detail .select-color input:checked ~ .checkmark {
  border: 2px solid #00a0e9;
}
.main-flex .product-detail .select-color .product-color img {
  width: 90px;
  height: 90px;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-flex .product-detail .select-size {
  cursor: pointer;
  position: relative;
  margin: 10px 8px 0 0;
  width: 94px;
  height: 70px;
}
@media screen and (max-width: 1112px) {
  .main-flex .product-detail .select-size {
    margin: 0 6px 0 0;
  }
}
.main-flex .product-detail .select-size:nth-child(4n) {
  margin-right: 0;
}
@media screen and (max-width: 1326px) {
  .main-flex .product-detail .select-size:nth-child(4n) {
    margin-right: 6px;
  }
}
.main-flex .product-detail .select-size .product-size {
  height: 100%;
}
@media screen and (max-width: 768px) {
  .main-flex .product-detail .select-size .product-size {
    width: 94px;
    height: 70px;
  }
}
.main-flex .product-detail .select-size .product-size p {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  background: #f8f9fa;
  padding-left: 10px;
  height: 50%;
}
.main-flex .product-detail .select-size .product-size p:last-child {
  font-size: 13px;
  font-weight: 400;
  background: #ffffff;
  color: #393939;
}
.main-flex .product-detail .select-size .checkmark2 {
  width: 94px;
  height: 70px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
  border: 2px solid #d3d8db;
}
.main-flex .product-detail .select-size .checkmark-dashed {
  border: 2px dashed #d3d8db;
}
.main-flex .product-detail .select-size input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.main-flex .product-detail .select-size input:checked ~ .checkmark2 {
  border: 2px solid #00a0e9;
}
.main-flex .product-detail .select-size-2 {
  background: #f8f9fa;
}
.main-flex .product-detail .select-size-2 .product-size-2 {
  width: 94px;
  height: 70px;
  margin-right: 6px;
  text-align: center;
}
.main-flex .product-detail .select-size-2 .product-size-2 p {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  height: 100%;
  font-weight: 500;
  font-size: 14px;
}

.accordion-button:focus, .accordion-button:not(.collapsed) {
  z-index: 0;
  background: none;
  color: #393939;
}
.accordion-button:focus {
  box-shadow: unset;
}
.accordion-button:not(.collapsed) {
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.13);
}

.accordion-content {
  color: #393939;
}
.accordion-content > p {
  line-height: 1.25;
}

.badge-square {
  margin-top: -2px;
  width: 25px;
  height: 25px;
}

.text-table {
  color: #393939 !important;
}

.first-span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 27px;
  border: 1px solid #eb5757;
  box-sizing: border-box;
  border-radius: 4px;
  font-weight: 500;
  font-size: 13px;
  color: #eb5757;
  margin-right: 10px;
}
.first-span p {
  margin-bottom: 5px;
}

.size-spec p {
  font-weight: 500;
  font-size: 15px !important;
  margin-bottom: 10px;
}
.size-spec p:last-child {
  font-size: 13px !important;
  color: #393939;
  font-weight: 400;
  margin: 10px 0 20px 0;
}
.size-spec-non-border {
  border: none;
  padding: 0;
}

.product-descrip {
  padding-top: 20px;
}
.product-descrip p {
  font-weight: 500;
  font-size: 15px !important;
  margin-bottom: 10px;
}
.product-descrip-non-border {
  border: none;
  padding: 0;
}

.product-specifications {
  margin-top: 20px;
}
.product-specifications p {
  font-weight: 500;
  font-size: 15px !important;
  margin-bottom: 10px !important;
}
.product-specifications table tr {
  border-top: 1px solid #e2e4e7;
  border-bottom: 1px solid #e2e4e7;
}
.product-specifications table tr .td-140 {
  background: #f8f9fa;
  width: 140px;
  padding: 7px 15px;
  font-size: 13px;
  color: #393939;
}
.product-specifications table tr .td-65 {
  width: 65%;
  padding: 7px 15px;
  font-size: 13px;
  color: #393939;
}

.product-description {
  margin-top: 20px;
}
.product-description p {
  font-weight: 500;
  font-size: 15px !important;
  margin-bottom: 10px;
  color: #000000 !important;
}

.product-description-text {
  font-size: 13px;
  color: #393939;
  font-weight: 400;
  margin: 10px 0 0 0;
}

.product-embroidery {
  margin-top: 20px;
}
.product-embroidery p {
  font-weight: 500;
  font-size: 15px !important;
  margin-bottom: 10px;
  color: #000000 !important;
}
.product-embroidery p:last-child {
  color: #393939 !important;
  font-size: 13px !important;
  margin: 10px 0 0 0;
  font-weight: 400;
}

.product-description {
  margin-top: 20px;
}
.product-description p {
  font-weight: 500;
  font-size: 15px !important;
  margin-bottom: 10px;
  color: #000000 !important;
}
.product-description p:last-child {
  color: #393939 !important;
  font-size: 13px !important;
  margin: 10px 0 0 0;
  font-weight: 400;
}

.final {
  height: 100%;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
@media screen and (max-width: 1112px) {
  .final {
    padding: 20px 20px 0 20px;
  }
}
.final .order-product {
  border: 1px solid #e2e4e7;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: 20px 20px 30px 20px;
  width: 300px;
}
@media screen and (max-width: 1112px) {
  .final .order-product {
    width: 100%;
  }
}
.final .order-product .after-tax p {
  display: inline-block;
  font-weight: 700;
  font-size: 30px;
  margin: 0;
  color: #000000;
}
.final .order-product .after-tax span {
  font-size: 13px;
  color: #000000;
  font-weight: 400;
}
.final .order-product__add {
  width: 260px;
  height: 55px;
  background: #ffd700;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  border: none;
  font-weight: 700;
  font-size: 15px;
  padding: 0;
}
.final .order-product__add:enabled {
  color: #393939;
}
@media screen and (max-width: 920px) {
  .final .order-product__add {
    width: 100%;
  }
}
.final p {
  color: #393939;
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .final p {
    margin-top: 20px;
  }
}
.final span {
  font-weight: 500;
  font-size: 16px;
  margin-right: 15px;
  color: #000000;
}
.final .flex-checkbox {
  display: flex;
  align-items: center;
}
.final textarea {
  display: block;
  width: 260px;
  height: 99px;
  padding: 15px;
  margin: 15px 0;
  font-size: 13px;
  color: #393939;
  border: 2px solid #d3d8db;
  border-radius: 4px;
}
@media screen and (max-width: 920px) {
  .final textarea {
    max-width: 100%;
  }
}
.final .checkbox {
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
}
.final .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.final .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: #ffffff;
  border: 2px solid #d3d8db;
}
.final .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.final .checkbox input:checked ~ .checkmark:after {
  display: block;
}
.final .checkbox .checkmark:after {
  left: 7px;
  top: 2px;
  width: 7px;
  height: 12px;
  border: 1px solid #00a0e9;
  border-radius: 1px;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.point p {
  font-size: 14px;
}
.point span {
  color: #eb5757;
  font-size: 14px;
  font-weight: 400;
}

.quantity {
  display: flex;
  align-items: center;
  margin: 15px 0;
}
.quantity span {
  font-weight: 500;
  color: #000000;
}
.quantity .form-select {
  display: inline-block;
  width: 70px;
  height: 33px;
  margin-left: 15px;
  border: 2px solid #d3d8db;
}
.quantity__group {
  display: flex;
  align-items: center;
  border: 1px solid #e2e4e7;
  border-radius: 3px;
}
.quantity__group .form-input {
  display: inline-block;
  text-align: center;
  width: 50px;
  height: 33px;
  font-size: 14px;
  border: none;
  -moz-appearance: textfield;
}
.quantity__group .form-input::-webkit-outer-spin-button, .quantity__group .form-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quantity__group .form-input:focus-visible {
  outline: none;
}
.quantity__group button {
  background: #eeeeee;
  width: 33px;
  height: 33px;
  border: none;
  color: #393939;
  display: flex;
  justify-content: center;
  align-items: center;
}
.quantity__group button:disabled {
  opacity: 0.7;
}
.quantity__group button:hover:not(:disabled) {
  opacity: 0.7;
}
.quantity .column {
  flex-direction: column-reverse;
  border: 1px solid #e2e4e7;
}

.embroidery-request {
  border-top: 1px solid #e2e4e7;
  padding-top: 15px;
}
.embroidery-request-non-border {
  border: none;
}
.embroidery-request-non-border textarea {
  width: 300px;
}

.print-request {
  border-top: 1px solid #e2e4e7;
  padding-top: 15px;
}
.print-request-non-border textarea {
  width: 300px;
}

.first-title {
  font-weight: 500;
  font-size: 26px;
  margin: 29px 0 0 0;
  padding-left: 20px;
}
@media screen and (max-width: 1112px) {
  .first-title {
    padding-right: 20px;
  }
}

.set-pricing {
  width: 300px;
  height: 280px;
  border: 1px solid #e2e4e7;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: 20px 20px 30px 20px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1326px) {
  .set-pricing {
    margin-right: 20px;
  }
}
@media screen and (max-width: 920px) {
  .set-pricing {
    width: calc(100% - 40px);
    margin-left: 20px;
  }
}
.set-pricing .last-span {
  margin-bottom: 5px;
}
.set-pricing .third-span {
  font-size: 13px;
  margin-left: 10px;
}
.set-pricing .quantity span {
  margin-right: 15px;
}
.set-pricing button.btn-add-set {
  width: 260px;
  height: 55px;
  background: #ffd700;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  border: none;
  font-weight: 700;
  font-size: 15px;
  padding: 0;
}
.set-pricing button.btn-add-set:enabled {
  color: #393939;
}
@media screen and (max-width: 920px) {
  .set-pricing button.btn-add-set {
    width: 100%;
  }
}
.set-pricing .d-flex {
  margin-bottom: 15px;
}

.two-flex .flex-end {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .two-flex .flex-end {
    justify-content: center;
  }
}
.two-flex2 {
  border-bottom: 1px solid #e2e4e7;
}

.full-size table {
  width: 100%;
}
.full-size table td:nth-child(2) {
  padding: 7px 15px;
  font-size: 13px;
  color: #393939;
}

.border-non {
  border: none !important;
  font-size: 15px;
}
.border-non th {
  padding-bottom: 10px;
  font-weight: 500;
}

#buy_btn_scroll {
  display: none;
  position: fixed;
  z-index: 99;
  width: 170px;
  height: 44px;
  background: #ffd700;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 100px;
  bottom: 76px;
  right: 10px;
  border: none;
  font-weight: 700;
  font-size: 13px;
}
#buy_btn_scroll:enabled {
  color: #393939;
}

.d-flex {
  display: flex;
  align-items: flex-end;
}
.d-flex .third-span {
  font-size: 13px;
  margin-bottom: 7px;
}

.second-span span {
  font-weight: 700;
  font-size: 30px;
  margin-right: 0;
}

.dropdown-responsive button {
  background: #f1f3f4;
  width: 100%;
  height: 50px;
  letter-spacing: 1px;
}
@media screen and (max-width: 1112px) {
  .dropdown-responsive button {
    display: block;
    width: 100%;
  }
}

.header__dropdown--sp {
  display: none;
}
@media screen and (max-width: 1112px) {
  .header__dropdown--sp {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 920px) {
  .header__dropdown--sp {
    display: block;
    width: 100%;
  }
}
.header__dropdown--sp button {
  text-align: left;
  padding-left: 20px;
}
.header__dropdown--sp button:hover {
  background: #f1f3f4;
  color: #000000;
}
.header__dropdown--sp button:after {
  top: 10px;
}
@media screen and (max-width: 542px) {
  .header__dropdown--sp button {
    font-size: 13px;
  }
  .header__dropdown--sp button:after {
    top: 15px;
  }
}
@media screen and (max-width: 386px) {
  .header__dropdown--sp button {
    font-size: 12px;
  }
}
@media screen and (max-width: 542px) {
  .header__dropdown--sp ul {
    font-size: 13px;
  }
}
@media screen and (max-width: 386px) {
  .header__dropdown--sp ul {
    font-size: 12px;
  }
}
@media screen and (max-width: 920px) {
  .header__dropdown--pc {
    display: none;
  }
}

.nav-btn {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 25px;
  height: 18px;
  border: none;
  background: none;
  padding: 0;
}
@media screen and (max-width: 1326px) {
  .nav-btn {
    display: none;
  }
}
@media screen and (max-width: 920px) {
  .nav-btn {
    display: flex;
  }
}
.nav-btn span {
  display: block;
  background-color: #000000;
  height: 2px;
  width: 100%;
  border-radius: 2px;
}

nav.nav-sp {
  display: flex;
  justify-content: center;
  background-color: #ffffff;
  width: 320px;
  transform: translate(320px, 0);
  z-index: 3;
}
@media screen and (max-width: 920px) {
  nav.nav-sp .sidebar {
    display: block;
    border-right: none;
    width: 100%;
    padding: 0 20px 60px 20px;
  }
}

.ssm-overlay {
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.5);
}

.close {
  width: 100%;
  position: relative;
  height: 60px;
}

.close-btn {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 30px;
  right: 19px;
  width: 25px;
  border: none;
  background: none;
  padding: 0;
}
.close-btn span {
  display: block;
  background-color: #000000;
  height: 2px;
  width: 100%;
  border-radius: 2px;
}
.close-btn span:first-child {
  transform: rotate(45deg);
  position: relative;
}
.close-btn span:last-child {
  transform: rotate(-45deg);
  position: absolute;
}

.nav-fixed {
  display: none;
}
@media screen and (max-width: 920px) {
  .nav-fixed {
    display: flex;
    align-items: center;
    width: 100%;
    height: 55px;
    box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.05);
    background-color: #ffd500;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    justify-content: space-around;
  }
}
.nav-fixed__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20%;
}
.nav-fixed__item label {
  font-size: 10px;
  font-weight: 400;
  color: #10161a;
}
.nav-fixed__item .icon-active {
  display: none;
}
.nav-fixed__item.is-active .icon-inactive {
  display: none;
}
.nav-fixed__item.is-active .icon-active {
  display: inherit;
}
.nav-fixed__item .icon-cart {
  position: relative;
}
.nav-fixed span {
  position: absolute;
  font-size: 11px;
  bottom: 6px;
  right: 7px;
}

.logout-on-mouse-over {
  position: relative;
  display: inline-block;
}
.logout-on-mouse-over .logout-on-mouse-out {
  font-size: 9px;
  color: #fff;
  text-align: center;
  visibility: hidden;
  width: 110px;
  background-color: #101d23;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: -5%;
  right: 105%;
}
.logout-on-mouse-over:hover .logout-on-mouse-out {
  visibility: visible;
}

.page-item.active .page-link {
  background-color: #8e9396;
  border-color: #8e9396;
}
.page-item .page-link {
  color: #000000;
}

.close-confirm-cart {
  width: auto;
  height: auto;
}

.modal-confirm {
  z-index: 9999;
}
.modal-confirm .modal-body {
  font-size: 14px;
}
@media screen and (max-width: 542px) {
  .modal-confirm .modal-body {
    font-size: 12px;
  }
}
.modal-confirm .btn-modal:disabled {
  pointer-events: unset;
}
.modal-confirm .btn-modal:disabled:hover {
  cursor: progress;
}

.btn-modal {
  font-size: 12px;
  color: #ffffff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.btn-modal__close {
  background-color: #808080;
}
.btn-modal__close:disabled:hover {
  color: #ffffff;
}
.btn-modal__close:not(:disabled):hover {
  background-color: #ffffff;
  color: #808080;
  border: 1px solid #808080;
}
.btn-modal__confirm {
  background-color: #00a0e9;
}
.btn-modal__confirm:disabled:hover {
  color: #ffffff;
}
.btn-modal__confirm:not(:disabled):hover {
  background-color: #ffffff;
  color: #00a0e9;
  border: 1px solid #00a0e9;
}
.btn-modal__dismiss {
  box-shadow: none;
  border-radius: 50%;
  border: none;
  color: #808080;
  background: none;
}
.btn-modal__dismiss :hover {
  opacity: 0.7;
}

.order-complete-resize {
  min-height: 554px;
}

.sidebar-img {
  width: 230px;
  padding: 0 15px;
}
.sidebar-img .bonten_banner img {
  margin: 10px 0;
}

.modal-dialog-change-cart {
  max-width: 1140px;
}
@media screen and (max-width: 768px) {
  .modal-dialog-change-cart .modal-title {
    font-size: 13px;
  }
}
.modal-dialog-change-cart .btn-modal {
  font-size: 11px;
}
.modal-dialog-change-cart .btn-modal__dismiss {
  font-size: 16px;
}
.modal-dialog-change-cart .table-fixed-header {
  max-height: 500px;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .modal-dialog-change-cart .table-fixed-header {
    font-size: 11px;
  }
}
.modal-dialog-change-cart .table-fixed-header table {
  margin-bottom: 0;
}
.modal-dialog-change-cart .table-fixed-header table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #ffffff;
  border-top: none;
}
@media screen and (max-width: 768px) {
  .modal-dialog-change-cart .table-fixed-header table thead th:nth-of-type(1) {
    min-width: 50px;
  }
  .modal-dialog-change-cart .table-fixed-header table thead th:nth-of-type(2) {
    min-width: 80px;
  }
  .modal-dialog-change-cart .table-fixed-header table thead th:nth-of-type(3) {
    min-width: 350px;
  }
  .modal-dialog-change-cart .table-fixed-header table thead th:nth-of-type(4) {
    min-width: 50px;
  }
}
@media screen and (max-width: 542px) {
  .modal-dialog-change-cart .table-fixed-header table thead th:nth-of-type(3) {
    min-width: 250px;
  }
}
.modal-dialog-change-cart .table-fixed-header table tbody tr td {
  border-top: none;
}
.modal-dialog-change-cart .table-fixed-header table tbody tr td:first-child {
  background: #f1f3f4;
}
.modal-dialog-change-cart .table-fixed-header table tbody tr td input {
  text-align: center;
  font-size: 13px;
  border: 2px solid #d3d8db;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .modal-dialog-change-cart .table-fixed-header table tbody tr td input {
    font-size: 11px;
  }
}
.modal-dialog-change-cart .table-fixed-header table tbody tr td textarea {
  text-align: center;
  font-size: 13px;
  border: 2px solid #d3d8db;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .modal-dialog-change-cart .table-fixed-header table tbody tr td textarea {
    font-size: 11px;
  }
}
.modal-dialog-change-cart .table-fixed-header table tbody tr td .form-input {
  border: none;
}
@media screen and (max-width: 768px) {
  .modal-dialog-change-cart .table-fixed-header table tbody tr td .form-input {
    width: 40px;
    height: 25px;
  }
}
.modal-dialog-change-cart .table-fixed-header table tbody tr td .form-group label {
  text-align: left;
  width: 20%;
}
@media screen and (max-width: 768px) {
  .modal-dialog-change-cart .table-fixed-header table tbody tr td .form-group label {
    padding: 0;
  }
}
@media screen and (max-width: 542px) {
  .modal-dialog-change-cart .table-fixed-header table tbody tr td .form-group label {
    min-width: 50px;
  }
}
.modal-dialog-change-cart .table-fixed-header table tbody tr td .form-group input {
  width: 80%;
  text-align: left;
}
.modal-dialog-change-cart .table-fixed-header table tbody tr td .form-group textarea {
  min-height: 60px;
  max-height: 250px;
  width: 80%;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .modal-dialog-change-cart .table-fixed-header table tbody tr td .quantity button {
    width: 25px;
    height: 25px;
  }
}

.item-count-center {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 12px;
  height: 100%;
  top: -2px;
  right: 4px;
}
.item-count-center span {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 5px;
}

#toast-container > div {
  border-radius: 6px;
  opacity: 1;
}
#toast-container .toast-success {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' class='bi bi-check-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z'/%3E%3C/svg%3E") !important;
}
#toast-container .toast-error {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' class='bi bi-x-octagon' viewBox='0 0 16 16'%3E%3Cpath d='M4.54.146A.5.5 0 0 1 4.893 0h6.214a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353L4.54.146zM5.1 1 1 5.1v5.8L5.1 15h5.8l4.1-4.1V5.1L10.9 1H5.1z'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") !important;
}
#toast-container .toast-warning {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' class='bi bi-exclamation-triangle' viewBox='0 0 16 16'%3E%3Cpath d='M7.938 2.016A.13.13 0 0 1 8.002 2a.13.13 0 0 1 .063.016.146.146 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.163.163 0 0 1-.054.06.116.116 0 0 1-.066.017H1.146a.115.115 0 0 1-.066-.017.163.163 0 0 1-.054-.06.176.176 0 0 1 .002-.183L7.884 2.073a.147.147 0 0 1 .054-.057zm1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566z'/%3E%3Cpath d='M7.002 12a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 5.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995z'/%3E%3C/svg%3E") !important;
}
#toast-container div:hover {
  box-shadow: none;
}
#toast-container .toast-error {
  background-color: rgba(244, 67, 54, 0.9);
}
#toast-container .toast-success {
  background-color: #00c386;
}
#toast-container .toast-warning {
  background-color: #ffc107;
}

.loading-page-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 99999;
}

.loading-page-wrapper .loader,
.loading-page-wrapper .loader:after {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.loading-page-wrapper .loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 5px solid rgba(255, 255, 255, 0.2);
  border-right: 5px solid rgba(255, 255, 255, 0.2);
  border-bottom: 5px solid rgba(255, 255, 255, 0.2);
  border-left: 5px solid #ffffff;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
}
@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loading-wrapper {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 99999;
}

.loading-wrapper.active {
  display: flex;
}

.loading-wrapper .loader,
.loading-wrapper .loader:after {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.loading-wrapper .loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 5px solid rgba(255, 255, 255, 0.2);
  border-right: 5px solid rgba(255, 255, 255, 0.2);
  border-bottom: 5px solid rgba(255, 255, 255, 0.2);
  border-left: 5px solid #ffffff;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
}
@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loader-more .loader,
.loader-more .loader:after {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

.loader-more .loader {
  margin: 20px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 3px solid #dd2526;
  border-right: 3px solid #dd2526;
  border-bottom: 3px solid #dd2526;
  border-left: 3px solid #eee;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
}
@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.stripe-payment {
  padding: 0 20px;
}
.stripe-payment .title {
  font-size: 16px;
  font-weight: bold;
}
.stripe-payment form {
  margin-top: 15px;
}
.stripe-payment label {
  height: 40px;
  width: 100%;
  line-height: 40px;
  margin-bottom: 0;
  font-size: 12px;
}
.stripe-payment .field {
  background: transparent;
  font-weight: 300;
  border: 0;
  color: #31325f;
  outline: none;
  flex: 1;
  padding-right: 10px;
  padding-left: 10px;
  cursor: text;
  height: 40px;
  width: 100%;
}
.stripe-payment .field::-webkit-input-placeholder {
  color: #cfd7e0;
}
.stripe-payment .field::-moz-placeholder {
  color: #cfd7e0;
}
.stripe-payment .error {
  display: none;
  font-size: 13px;
}
.stripe-payment .error.visible {
  display: inline;
}
.stripe-payment .error {
  color: #e4584c;
}

.list-logo-credit img {
  width: 50px;
}

.list-tag__item {
  display: inline-block;
  border-radius: 5px;
  font-size: 12px;
  background-color: #ffd700;
  color: #000000;
  text-decoration: none;
  margin-right: 5px;
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 2px 8px;
}

.notification {
  min-height: calc(100vh - 330px - 100px);
}
.notification .empty-cart {
  font-size: 27px;
  font-weight: 500;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 50px;
}
@media screen and (max-width: 542px) {
  .notification .empty-cart {
    font-size: 20px;
  }
}

.loader-only {
  display: none;
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #808080;
  width: 30px;
  height: 30px; /* Safari */
  animation: spin 2s linear infinite;
}

.loader-only.active {
  display: flex;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.box-product__detail {
  border-bottom: none;
}
.box-product__description {
  padding-bottom: 50px;
  border-bottom: 1px solid #e2e4e7;
}
.box-product__description .accordion-item {
  border: none;
}
.box-product__description .accordion-button {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.box-product__description .accordion-button:not(.collapsed) {
  color: #000000;
  background-color: #ffffff;
  box-shadow: none;
}
.box-product__description .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.box-product__description .accordion-button:focus {
  box-shadow: none;
}
.box-product__description .accordion-body2 {
  padding: 20px;
}
.box-product__full div {
  margin-top: 0;
}
.box-product__full div:not(:last-child) {
  margin-bottom: 20px;
}
.box-product__full .product-descrip p:last-child {
  margin-top: 0;
}
.box-product__full .product-size-spec p:first-child {
  font-weight: 500;
  font-size: 15px !important;
  margin-bottom: 10px;
}
.box-product__full .product-size-spec p:last-child {
  font-size: 13px !important;
  color: #393939;
  font-weight: 400;
  margin-bottom: 0;
}
.box-product__full .product-size-spec-non-border {
  border: none;
  padding: 0;
}
.box-product__full table {
  width: 100%;
}
.box-product__full table td:nth-child(2) {
  padding: 7px 15px;
  font-size: 13px;
  color: #393939;
}
.box-product .last-box {
  border-bottom: none;
}

.box-price {
  border-bottom: 1px solid #e2e4e7;
}
.box-price__detail {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .box-price__detail {
    justify-content: center;
  }
}

.staff-no-div .sub-2-input {
  width: 100%;
  border: 1px solid #737373;
  border-radius: 5px;
  padding: 5px 10px;
}
@media screen and (max-width: 920px) {
  .staff-no-div .sub-2-input {
    height: 55px;
    margin-bottom: 10px;
  }
}

.error-custom {
  font-size: 12px;
  color: red;
}

.required-column {
  color: #eb5757;
}

.ml-5 {
  margin-left: 3rem !important;
}

.mr-5 {
  margin-right: 3rem !important;
}

.summer:hover {
  opacity: 0.8;
}

.container-model-login .btn-blue {
  margin: 10px 0;
}

.modal-login .separator-line {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.modal-login .btn-blue {
  padding: 10px 20px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
}
.modal-login .btn-login {
  width: 100%;
  height: auto;
  padding: 10px 20px;
  gap: 8px;
  align-items: baseline;
  background-color: #ffd700;
  border: 1px solid #ffd700;
}
.modal-login .btn-guest-shopping {
  width: 100%;
  height: auto;
  padding: 10px 20px;
  background-color: #ffffff;
  border: 1px solid #393939;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
}
.modal-login .text-opacity {
  color: #808080;
}

.btn-close-modal-login {
  top: 15px;
  right: 15px;
}

.btn-blue {
  padding: 14px 20px;
  margin: 10px;
  width: 100%;
  background-color: #00a0e9;
}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active {
  color: #00a0e9;
  background-color: #ffffff;
  border: 1px solid #00a0e9;
}

.title-hr {
  border-top: 1px solid #393939;
  position: relative;
  margin: 16px 0;
}
.title-hr span {
  position: absolute;
  padding: 0 21px;
  color: #393939;
  background: #ffffff;
  left: 50%;
  transform: translateX(-50%);
  top: -13px;
}

.text-login-modal {
  padding: 8px 12px;
  border: 1px solid #393939;
  border-radius: 4px;
  background-color: #ffffff;
  color: #808080;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
}

.client-shipping-add-form .auth-title {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
  margin: 0;
  padding: 35px 0px 10px;
}
.client-shipping-add-form .is-required {
  margin-left: 5px;
  padding: 1px 10px;
  color: #e80000;
  font-size: 10px;
  font-weight: 100;
  line-height: 1.5;
  border: 1px solid #e80000;
  border-radius: 16px;
}

.form-group-custom label {
  font-size: 15px;
  color: #000000;
  line-height: 22px;
  margin-bottom: 10px;
  font-weight: 500 !important;
  letter-spacing: 1px;
}
.form-group-custom label .note {
  font-size: 12px;
  color: #757c80;
}
.form-group-custom .form-control {
  height: 55px;
  font-size: 14px;
  padding: 15px 18px;
  border-radius: 4px;
  border: 2px solid #d3d8db;
}
.form-group-custom .form-control.is-invalid {
  border-color: #dc3545;
  background-image: none;
}
.form-group-custom .form-control:disabled {
  background-color: #f4f7f8;
}
.form-group-custom .form-control::-moz-placeholder {
  color: #c2c2c2;
}
.form-group-custom .form-control::placeholder {
  color: #c2c2c2;
}
.form-group-custom .select2-container--default .select2-selection--multiple {
  border: 2px solid #d3d8db;
}
.form-group-custom.has-success .valid-feedback-custom {
  display: flex;
}

.form-group--search {
  border-bottom: 1px solid #cecece;
  padding-left: 26px;
  position: relative;
}
.form-group--search::before {
  content: url(/assets/custom/images/icon/search.svg);
  position: absolute;
  top: 11px;
  left: 0px;
}
.form-group--search .form-control {
  border-radius: 0;
  border: none;
  font-size: 13px;
}

.coupon-code {
  margin-bottom: 10px;
}

.error {
  color: #e4584c !important;
}

.btn-blue.add-client-shipping {
  width: auto;
  height: 32px;
  padding: 0 10px;
  font-size: 14px;
  border: 1px solid #00a0e9;
  margin: 0;
  margin-bottom: 2.3px;
}
.btn-blue.apply-coupon {
  color: #1a1a1a;
  width: auto;
  height: 32px;
  padding: 0 10px;
  font-size: 14px;
  border: 1px solid #ffd700;
  background: #ffd700;
  margin: 0;
  margin-bottom: 4px;
}
@media screen and (max-width: 920px) {
  .btn-blue.apply-coupon {
    width: calc(100% - 40px);
    height: 55px;
    font-size: 16px;
    margin: 0;
  }
}
.btn-blue.upload-attachment {
  width: auto;
  height: 32px;
  padding: 0 10px;
  font-size: 14px;
  border: 1px solid #00a0e9;
  color: #ffffff;
}
.btn-blue.upload-attachment:hover, .btn-blue.upload-attachment:active, .btn-blue.upload-attachment:focus {
  color: #00a0e9;
}
@media screen and (max-width: 920px) {
  .btn-blue.btn-shipping-main {
    width: calc(100% - 40px);
    height: 55px;
    font-size: 16px;
    margin: 0;
  }
}

.row-client-shipping .add-client-shipping {
  flex-shrink: 0;
}
.row-client-shipping .content-postal {
  padding-right: 20px;
}

.btn-blue.btn-cancel {
  border-color: #808080;
  background-color: #808080;
  margin-right: 5px !important;
  margin: 10px 0;
}
.btn-blue.btn-cancel:hover, .btn-blue.btn-cancel:focus, .btn-blue.btn-cancel:active {
  color: #808080;
  background-color: #ffffff;
  border: 1px solid #808080;
}

.btn-add-client {
  margin-left: 5px !important;
  margin: 10px 0;
}

.list-client-shipping {
  list-style: none;
  padding: 0;
}

.row-client-shipping {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 600px) {
  .row-client-shipping {
    font-size: 12px;
  }
  .auth-title {
    font-size: 12px;
  }
  .register-client-label-customize {
    font-size: 12px;
  }
  .btn-cancel {
    font-size: 11px;
  }
  .btn-add-client {
    font-size: 11px;
  }
}
.cart-out-stock {
  font-size: 16px;
  color: #eb5757;
}
@media (max-width: 921px) {
  .cart-out-stock {
    text-align: unset;
    padding: 0;
  }
}

.msg-show {
  padding: 0 10px;
  color: #eb5757;
}

.disable-btn-memo {
  opacity: 0.65;
}
.disable-btn-memo:hover {
  background: #00a0e9 !important;
  color: #ffffff !important;
}

.header__search .search-input {
  margin-left: 3px;
}

.tooltip {
  font-size: 12px;
}

.modal-choose-file .modal-body {
  font-size: 14px;
}

.modal-attach-file-from-storage .modal-header {
  justify-content: space-between;
  border-bottom: none;
}
.modal-attach-file-from-storage .modal-header button {
  border-radius: 50%;
  border: none;
  color: #808080;
  background: none;
}
.modal-attach-file-from-storage .modal-header button :hover {
  opacity: 0.7;
}
.modal-attach-file-from-storage .modal-content {
  min-height: 600px;
}
.modal-attach-file-from-storage .box-search {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
.modal-attach-file-from-storage .box-search .form-search {
  margin-right: 15px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .modal-attach-file-from-storage .box-search .form-search {
    width: 100%;
  }
}
.modal-attach-file-from-storage .box-search .form-search label {
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .modal-attach-file-from-storage .box-search .form-search label {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.modal-attach-file-from-storage .box-search .form-search input {
  border: 2px solid #d3d8db;
  border-radius: 6px;
  height: 40px;
  padding: 7px 14px;
}
@media screen and (max-width: 768px) {
  .modal-attach-file-from-storage .box-search .form-search input {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .modal-attach-file-from-storage .box-search .form-search {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .modal-attach-file-from-storage .box-search {
    align-items: start;
    flex-direction: column;
  }
}
.modal-attach-file-from-storage .group-btn button {
  background: #00a0e9;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  border: 1px solid #00a0e9;
  border-radius: 4px;
  color: #ffffff;
  font-size: 12px;
  padding: 7px 14px;
}
.modal-attach-file-from-storage .group-btn button:first-child {
  margin-right: 10px;
}
.modal-attach-file-from-storage .group-btn button:hover {
  background: #ffffff;
  color: #00a0e9;
}
.modal-attach-file-from-storage .table-responsive {
  width: auto;
  margin-bottom: 0;
}
.modal-attach-file-from-storage .table-responsive .icon-paperclip:hover {
  cursor: pointer;
}
.modal-attach-file-from-storage .table-responsive.table-fixed-header thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #ffffff;
  border-top: none;
}
.modal-attach-file-from-storage .table-responsive .icon-paperclip:hover {
  cursor: pointer;
}
.modal-attach-file-from-storage .table-responsive .icon-paperclip-no:hover {
  cursor: pointer;
}
.modal-attach-file-from-storage .load-more .loader,
.modal-attach-file-from-storage .load-more .loader:after {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.modal-attach-file-from-storage .load-more .loader {
  background-color: #ffffff;
  margin: 5px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 4px solid #888;
  border-right: 4px solid #888;
  border-bottom: 4px solid #888;
  border-left: 4px solid #c4c3c3;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
}
@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.modal-attachment .modal-custom {
  height: auto;
}
.modal-attachment .modal-header {
  justify-content: end;
  border-bottom: none;
}
.modal-attachment .modal-header button {
  border-radius: 50%;
  border: none;
  color: #808080;
  background: none;
}
.modal-attachment .modal-header button:hover {
  opacity: 0.7;
}
.modal-attachment .text-file-upload {
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
}
.modal-attachment .open-modal-attachment {
  display: block;
  margin: 0 5px 0 5px;
  padding: 10px;
  width: 190px;
  color: #ffffff;
}
.modal-attachment .open-modal-attachment:hover, .modal-attachment .open-modal-attachment:active, .modal-attachment .open-modal-attachment:focus {
  color: #00a0e9;
}
.modal-attachment .close-modal-attachment {
  display: block;
  margin: 0 5px 0 5px;
  padding: 10px;
  width: 190px;
  color: #ffffff;
}
.modal-attachment .close-modal-attachment:hover {
  background-color: #ffffff;
  color: #808080;
  border: 1px solid #808080;
}
.modal-attachment .area-memo {
  padding: 10px;
}
.modal-attachment .area-memo #memo_area {
  border: 1px solid #e2e4e7;
  border-radius: 10px;
  padding: 10px;
  height: 200px;
  max-height: 200px;
  width: 100%;
  resize: none;
}
.modal-attachment .attachment-file-name .file-show {
  padding: 0 10px;
  color: #00a0e9;
}
.modal-attachment .attachment-file-name .file-show .fa-times-circle-o {
  color: #dc3545;
  cursor: pointer;
}

.btn-add-file {
  background: #ffffff;
  border: 1px solid #808080 !important;
  border-radius: 6px;
}

.btn-add-file:hover {
  border: 1px solid #00a0e9 !important;
  border-radius: 6px;
}

/* grid modal visa card*/
.f-grid {
  display: flex;
  justify-content: space-between;
}

.f-grid-col {
  margin-bottom: 1rem;
  padding: 1rem;
  margin: 1rem;
  width: 350px;
}

.btn-confirm-payment {
  color: white;
  background-color: #dc2626;
}

.btn-confirm-payment:hover {
  background-color: #ffffff;
  color: #dc2626;
  border: 1px solid #dc2626;
}

.btn-modal__add {
  background-color: #00a0e9;
  color: #ffffff;
}

.btn-modal__add:hover {
  background-color: #ffffff;
  color: #00a0e9;
  border: 1px solid #00a0e9;
}

.modal-cards-list .saved-cards .card {
  margin-bottom: 10px;
}
.modal-cards-list .card .card-header {
  display: flex;
  justify-content: end;
  font-size: 12px;
}
.modal-cards-list .card .card-header span:hover {
  opacity: 0.5;
  cursor: pointer;
}
.modal-cards-list .card.card-default {
  border: 1px solid #eb5757;
}
.modal-cards-list .card.card-default:hover {
  cursor: not-allowed;
}
.modal-cards-list .card:not(.card-default):hover {
  cursor: pointer;
  background-color: #f7f8f9;
}
.modal-cards-list .card .card-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 542px) {
  .modal-cards-list .card .card-body {
    flex-direction: column;
  }
}
.modal-cards-list .card .card-body .card-text {
  font-size: 12px;
  margin-bottom: 0;
}
.modal-cards-list .card .card-body .card-info {
  display: flex;
  align-items: center;
}
.modal-cards-list .card .card-body .card-info .logo-brand {
  width: 50px;
  height: 32px;
  margin-right: 5px;
}
.modal-cards-list .btn.btn-modal:disabled {
  pointer-events: unset;
}
.modal-cards-list .btn.btn-modal:disabled:hover {
  cursor: progress;
}

.cards-list {
  padding: 15px 15px 20px;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  font-size: 12px;
}
.cards-list .saved-cards .card {
  margin-bottom: 10px;
}
.cards-list .card-title {
  font-size: 14px;
  font-weight: bold;
}
.cards-list .card-header {
  display: flex;
  justify-content: end;
  background-color: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  margin-bottom: 10px;
}
.cards-list .card-info {
  width: 100%;
}
.cards-list .card-info input[type=radio] {
  font-size: 16px;
  margin: 8px 0 0 0;
}
.cards-list .card-expire {
  width: 100px;
}
.cards-list .card-action {
  width: 60px;
  text-align: center;
}
.cards-list .card {
  cursor: pointer;
}
.cards-list .card.card-selected {
  border: 1px solid #ffd700;
  background-color: rgba(255, 215, 0, 0.25);
}
.cards-list .card .card-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cards-list .card .card-body .card-info {
  line-height: 32px;
}
.cards-list .card .card-body .card-expire {
  line-height: 32px;
}
.cards-list .card .card-body .card-action {
  line-height: 32px;
}
@media screen and (max-width: 386px) {
  .cards-list .card .card-body {
    padding: 0.5rem;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 386px) {
  .cards-list .card .card-body .card-info .form-check {
    width: 100%;
  }
  .cards-list .card .card-body .card-expire {
    width: 80%;
    text-align: right;
  }
  .cards-list .card .card-body .card-action {
    width: 20%;
  }
}
.cards-list .card .card-body .card-text {
  font-size: 12px;
  margin-bottom: 0;
}
.cards-list .card .card-body .card-info {
  display: flex;
  align-items: center;
}
.cards-list .card .card-body .card-info .logo-brand {
  width: 50px;
  height: 32px;
  margin-right: 5px;
}
.cards-list .btn.btn-modal:disabled {
  pointer-events: unset;
}
.cards-list .btn.btn-modal:disabled:hover {
  cursor: progress;
}

.modal-add-new-credit-card .modal-header {
  justify-content: space-between;
  border-bottom: none;
}
.modal-add-new-credit-card .modal-header button {
  border: none;
  color: #808080;
  background: none;
}
.modal-add-new-credit-card .modal-header button :hover {
  opacity: 0.7;
}
.modal-add-new-credit-card .modal-header button span {
  font-size: 14px;
}
.modal-add-new-credit-card .btn.btn-modal:disabled {
  pointer-events: unset;
}
.modal-add-new-credit-card .btn.btn-modal:disabled:hover {
  cursor: progress;
}

/*bonten-banner*/
.fixed-bnr {
  bottom: 0;
  display: block;
  position: fixed;
  right: 0;
  width: 300px;
  height: 250px;
  z-index: 777;
}

.fixed-bnr i {
  cursor: pointer;
  display: table;
  font-size: 20px;
  margin: 0 7px 7px auto;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

.loader-more-dashboard {
  width: 100%;
}
.loader-more-dashboard .loader,
.loader-more-dashboard .loader:after {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.loader-more-dashboard .loader {
  background-color: #ffffff;
  margin: 5px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 4px solid #888;
  border-right: 4px solid #888;
  border-bottom: 4px solid #888;
  border-left: 4px solid #c4c3c3;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
}
@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.custom-img-np-invoice {
  padding: 10px;
}
.custom-img-np-invoice .pd-10 {
  font-size: 14px;
  color: #393939;
}

.banner {
  padding: 0px 40px 0px 15px;
}
@media screen and (max-width: 1326px) {
  .banner {
    padding: 0px 20px 0px 15px;
  }
}
@media screen and (max-width: 768px) {
  .banner {
    padding: 0px 20px;
  }
}

.agree-delivery-block {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.agree-delivery-block .checkbox-custom {
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
.agree-delivery-block .checkbox-custom input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.agree-delivery-block .checkbox-custom .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: #ffffff;
  border: 2px solid #d3d8db;
}
.agree-delivery-block .checkbox-custom .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.agree-delivery-block .checkbox-custom input:checked ~ .checkmark:after {
  display: block;
}
.agree-delivery-block .checkbox-custom .checkmark:after {
  left: 7px;
  top: 2px;
  width: 7px;
  height: 12px;
  border: 1px solid #00a0e9;
  border-radius: 1px;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.agree-delivery-label {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin-left: 5px;
  color: #393939;
  cursor: pointer;
}

.dropdown-category {
  right: 5px;
  bottom: 50px;
  height: 300px;
  overflow-y: auto;
  overflow-x: visible;
  z-index: 999;
}
.dropdown-category ul {
  list-style: none;
  padding-left: 0;
}

.dropdown-sp {
  border: 1px solid #707070;
  padding: 16px;
}
.dropdown-sp .dropdown-item {
  font-size: 16px;
  font-weight: 400;
  color: #6c757d;
  padding: 8px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dropdown-sp .dropdown-item:hover, .dropdown-sp .dropdown-item:active {
  background-color: #e9ecef;
}
.dropdown-sp .dropdown-item.disabled {
  background-color: rgba(233, 236, 239, 0.25);
}
.dropdown-sp .dropdown-item.category-item {
  padding-left: 1rem;
}
.dropdown-sp li {
  border-bottom: 1px solid #e6e6e6;
}

.list-tag-container {
  display: flex;
  padding: 50px 0;
}
@media screen and (max-width: 920px) {
  .list-tag-container {
    flex-direction: column-reverse;
  }
}
.list-tag-container .list-tag-left {
  width: 230px;
  display: flex;
  flex-direction: column;
  padding: 0 20px 0 0;
  float: left;
}
.list-tag-container .list-tag-left__inner {
  box-shadow: 0 3px 5px 3px rgba(0, 0, 0, 0.1);
  padding: 25px 20px;
}
@media screen and (max-width: 920px) {
  .list-tag-container .list-tag-left {
    padding: 0;
    width: 100%;
  }
  .list-tag-container .list-tag-left__inner__cat {
    display: block;
  }
  .list-tag-container .list-tag-left__inner__tag {
    display: none;
  }
}
.list-tag-container .list-tag-left__item {
  text-decoration: none;
  color: #000000;
  display: block;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 16px 5px 0;
  position: relative;
}
.list-tag-container .list-tag-left__item:hover {
  color: #00a0e9;
}
.list-tag-container .list-tag-left__item:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-size: 100% 100%;
  background-position: right center;
}
.list-tag-container .list-tag-left__cat {
  text-decoration: none;
  color: #000000;
  display: block;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 0;
  position: relative;
}
.list-tag-container .list-tag-left__cat:hover {
  color: #00a0e9;
}
.list-tag-container .list-tag-left__cat i {
  display: inline-block;
  width: 18px;
  text-align: center;
}
.list-tag-container .product {
  width: calc(100% - 230px);
}
@media screen and (max-width: 920px) {
  .list-tag-container .product {
    width: 100%;
  }
}

.dropdown-category .list-tag-container .list-tag-left {
  width: auto;
  padding: 0;
  float: none;
}
@media screen and (max-width: 920px) {
  .dropdown-category .list-tag-container .list-tag-left {
    display: block;
  }
}
.dropdown-category .list-tag-container .list-tag-left__inner {
  box-shadow: none;
  padding: 0;
}
@media screen and (max-width: 920px) {
  .dropdown-category .list-tag-container .list-tag-left__inner__cat {
    display: none;
  }
  .dropdown-category .list-tag-container .list-tag-left__inner__tag {
    display: block;
  }
}
.dropdown-category .list-tag-container .list-tag-left__item {
  font-size: 16px;
}

.fs-7 {
  font-size: 0.75rem !important;
}

.fs-8 {
  font-size: 0.66rem !important;
}

.free_html {
  width: 100%;
  padding: 20px 0;
}

.button-primary {
  background: #00a0e9;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  color: #ffffff;
  font-size: 16px;
  border: 1px solid #00a0e9;
}
.button-primary:hover {
  background: #ffffff;
  color: #00a0e9;
}

.ly_header {
  background-color: #fff;
  box-shadow: 0 3px 5px 3px rgba(0, 0, 0, 0.1);
}

.ly_header__primary {
  box-shadow: 0 3px 5px 3px rgba(0, 0, 0, 0.1);
  padding: 5px 0;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .ly_header__primary {
    box-shadow: unset;
    padding: 8px 0;
  }
}

.ly_header__secondary {
  background-color: #ffd500;
  position: relative;
  z-index: 3;
}

.ly_header__inner {
  display: flex;
}
.ly_header__primary .ly_header__inner {
  justify-content: space-between;
  align-items: center;
  /*
  @include mq {
      justify-content: center;
  }
   */
}

.ly_header__logo {
  max-width: 200px;
  margin: 0;
  flex: 1;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .ly_header__logo {
    max-width: 137px;
  }
}
.ly_header__logo .ly_header__logo__img {
  max-width: 100%;
  max-height: 80px;
  width: auto;
  height: 100%;
}

.ly_header__cta {
  display: flex;
  align-items: center;
  gap: 40px;
  /*
  @include mq {
      display: none;
  }
   */
}

.el_strike {
  text-decoration: line-through;
}

.el_red {
  color: #E80000;
}

.el_bold {
  font-weight: bold;
}

.el_button {
  display: block;
  text-decoration: none;
}
.el_button._more {
  border: 1px solid #6c757d;
  color: #6c757d;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5em;
  font-size: 0.875rem;
  font-weight: normal;
  padding: 0.5em 1em;
}
.el_button._more::after {
  -webkit-mask-image: url("/assets/shop/image/icon_caretRight.svg");
          mask-image: url("/assets/shop/image/icon_caretRight.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 4.5px;
  height: 7.5px;
  background-color: #6c757d;
  content: "";
  display: block;
}
.el_button._more:hover {
  background: #6c757d;
  color: #fff;
}
.el_button._more:hover::after {
  background-color: #fff;
}
.el_button._round {
  background: #fff;
  border: 2px solid #00a0e9;
  border-radius: 6px;
  color: #00a0e9;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 1em;
}
.el_button._round:hover {
  background: #00a0e9;
  color: #fff;
}
.el_button._blue {
  background-color: #2EA9E5;
  color: #fff;
  font-size: 1rem;
  padding: 1em;
}
.el_button._withFukukuru {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.el_button._withFukukuru::before {
  background: url("/assets/shop/image/icon_fukukuru.png") no-repeat center center;
  background-size: 100%;
  content: "";
  height: 1em;
  width: 1em;
}

.el_buttonSearch._icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5em 1em;
}
.el_buttonSearch._icon span {
  display: none;
}
.el_buttonSearch._icon::after {
  -webkit-mask-image: url("/assets/shop/image/icon_magnifyingGlass.svg");
          mask-image: url("/assets/shop/image/icon_magnifyingGlass.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 16px;
  height: 16px;
  background-color: #fff;
  content: "";
}

.el_buttonLecture {
  background-color: #fff;
  border: 1px solid #00a0e9;
  border-radius: 5px;
  color: #00a0e9;
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  font-size: 0.75rem;
  padding: 0.5em;
  text-decoration: none;
}
.el_buttonLecture::before, .el_buttonLecture::after {
  content: "";
  display: block;
}
.el_buttonLecture::before {
  -webkit-mask-image: url("/assets/shop/image/icon_headset.svg");
          mask-image: url("/assets/shop/image/icon_headset.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: #00a0e9;
}
.el_buttonLecture::after {
  -webkit-mask-image: url("/assets/shop/image/icon_caretRight.svg");
          mask-image: url("/assets/shop/image/icon_caretRight.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: #00a0e9;
}
.el_buttonLecture:hover {
  background-color: #00a0e9;
  color: #fff;
}
.el_buttonLecture:hover::before, .el_buttonLecture:hover::after {
  background-color: #fff;
}

.el_buttonAdd {
  background: #ffd700;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  border: none;
  color: #1A1A1A;
  font-weight: 700;
  font-size: min(24px, 6.4vw);
  padding: 0.5em 1em;
  width: 100%;
}
.el_buttonAdd:hover {
  color: #00a0e9;
}
.el_buttonAdd:disabled {
  color: rgba(128, 128, 128, 0.6);
  cursor: default;
}
.el_buttonAdd:disabled:hover {
  color: rgba(128, 128, 128, 0.6);
}

.el_label {
  background-color: #ffd500;
  border-radius: 5px;
  color: #000;
  display: block;
  font-size: 0.75rem;
  padding: 2px 0.5em;
  text-align: center;
  text-decoration: none;
}

.el_badge {
  background-color: #e80000;
  border-radius: 50vw;
  color: #fff;
  font-size: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  height: 17px;
  width: 17px;
}

.el_badge--square {
  display: block;
  font-size: 0.75rem;
  line-height: 1.2;
  padding: 0.25em;
  width: 100%;
}
.el_badge--square._black {
  background: #000;
  color: #fff;
}
.el_badge--square._orange {
  background: #FF8000;
  color: #fff;
}
.el_badge--square._center {
  text-align: center;
}

.el_inputCombine {
  border: 1px solid #737374;
  border-radius: 5px;
  display: flex;
  font-size: 0.75rem;
}
.el_inputCombine select,
.el_inputCombine button,
.el_inputCombine input {
  border: none;
}

.el_inputCombine__select {
  background-color: #e6e6e6;
  border-radius: 5px 0 0 5px;
  color: #737374;
  max-width: 25%;
  padding: 0.5em;
}

.el_inputCombine__text {
  flex: 1;
  min-width: 0;
  width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.el_inputCombine__text:focus {
  font-size: 1rem;
}

.el_inputCombine__button {
  background-color: #737374;
  max-width: 40px;
}

.bl_card {
  display: block;
}
.bl_card._small .bl_card__title {
  font-size: 0.75rem;
}

.bl_card__link {
  color: #1a1a1a;
  display: block;
  text-decoration: none;
}
.bl_card._col2 .bl_card__link {
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .bl_card._col2 .bl_card__link {
    display: block;
  }
}

.bl_card__img,
.bl_card__subTitle,
.bl_card__title,
.bl_card__price,
.bl_card__description {
  color: #1a1a1a;
  margin: 0;
}

.bl_card__img {
  flex-shrink: 0;
}
.bl_card._col2 .bl_card__img {
  width: 38.9583333333%;
}
@media screen and (max-width: 768px) {
  .bl_card._col2 .bl_card__img {
    width: 100%;
  }
}

.bl_card__content {
  margin-top: 6px;
}
.bl_card._col2 .bl_card__content {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .bl_card._col2 .bl_card__content {
    margin-top: 6px;
  }
}

.bl_card__heading {
  display: flex;
  gap: 0.5em;
  align-items: flex-start;
  justify-content: space-between;
}

.bl_card__brand {
  margin: 0;
}

.bl_card__status {
  margin: 0;
  min-width: 2.5em;
}

.bl_card__subTitle {
  font-size: 0.75rem;
  font-weight: bold;
}

.bl_card__title {
  color: #6c757d;
  margin-top: 0.25em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.bl_card__link:hover .bl_card__title {
  color: #00a0e9;
}
.bl_card__price {
  font-size: 0.75rem;
  font-weight: bold;
  margin-top: 1em;
  text-align: right;
}

.bl_card__description {
  color: #707070;
  font-size: 0.75rem;
  line-height: 1.6;
  margin-top: 1em;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-clamp: 3;
}

.bl_card__txt {
  margin: 0;
}
.bl_card__txt._small {
  font-size: 0.75rem;
}
.bl_card__txt._right {
  text-align: right;
}
.bl_card__link:hover .bl_card__txt {
  color: #1a1a1a;
}

.bl_cardList {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.bl_cardList._col12 {
  gap: 1.4%;
}
.bl_cardList._col12 .bl_cardList__item {
  width: 7.05%;
}
.bl_cardList._col6 {
  gap: 1.4%;
}
.bl_cardList._col6 .bl_cardList__item {
  width: 15.5%;
}
.bl_cardList._col5 {
  gap: 1.625%;
}
.bl_cardList._col5 .bl_cardList__item {
  width: 18.7%;
}
.bl_cardList._col2 {
  -moz-column-gap: 4%;
       column-gap: 4%;
  row-gap: 40px;
}
.bl_cardList._col2 .bl_cardList__item {
  width: 48%;
}
.bl_cardList._ranking {
  counter-reset: rank 0;
}
.bl_cardList._ranking .bl_cardList__item {
  counter-increment: rank 1;
  font-size: 1rem;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  position: relative;
}
.bl_cardList._ranking .bl_cardList__item::before {
  content: counter(rank);
  display: block;
  padding-top: 3px;
  text-align: center;
  z-index: 2;
}
.bl_cardList._ranking .bl_cardList__item::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
}
.bl_cardList._ranking .bl_cardList__item._rank1::after, .bl_cardList._ranking .bl_cardList__item._rank2::after, .bl_cardList._ranking .bl_cardList__item._rank3::after {
  -webkit-mask-image: url("/assets/shop/image/icon_crown.svg");
          mask-image: url("/assets/shop/image/icon_crown.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  width: 40px;
  height: 30px;
}
.bl_cardList._ranking .bl_cardList__item._rank1::after {
  background-color: #ffd500;
}
.bl_cardList._ranking .bl_cardList__item._rank2::after {
  background-color: #e6e6e6;
}
.bl_cardList._ranking .bl_cardList__item._rank3::after {
  background-color: #d99100;
}
@media screen and (max-width: 768px) {
  .bl_cardList {
    justify-content: space-between;
  }
  .bl_cardList._col5, .bl_cardList._col2, .bl_cardList._ranking {
    -moz-column-gap: unset;
         column-gap: unset;
    row-gap: 20px;
  }
  .bl_cardList._col5 .bl_cardList__item, .bl_cardList._col2 .bl_cardList__item, .bl_cardList._ranking .bl_cardList__item {
    width: 48.0225988701%;
  }
  .bl_cardList._col5 .bl_cardList__item:nth-child(n+5) {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .bl_cardList__wrapper._scroll {
    overflow: hidden;
    margin: 0 -20px;
  }
  .bl_cardList__wrapper._scroll .bl_cardList {
    flex-wrap: nowrap;
    padding: 0 20px;
    overflow-x: auto;
  }
  .bl_cardList__wrapper._scroll .bl_cardList._col12, .bl_cardList__wrapper._scroll .bl_cardList._col6 {
    gap: 14px;
  }
  .bl_cardList__wrapper._scroll .bl_cardList._col12 .bl_cardList__item, .bl_cardList__wrapper._scroll .bl_cardList._col6 .bl_cardList__item {
    flex-shrink: 0;
    width: 112px;
  }
}
.bl_section {
  padding: 50px 40px;
}
@media screen and (max-width: 768px) {
  .bl_section {
    padding: 40px 20px;
  }
}
.bl_section._top {
  background-color: #ffffff;
  box-shadow: 0 3px 5px 3px rgba(0, 0, 0, 0.1);
  padding: 20px;
}
.bl_section._top:not(:first-child) {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .bl_section._top:not(:first-child) {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .bl_section._top {
    box-shadow: none;
  }
}

.bl_section__title {
  font-size: 1.75rem;
  margin-bottom: 20px;
}
.bl_section__title._withBoder {
  border-bottom: 1px solid #ffd500;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.3125rem;
  margin-bottom: 23px;
  padding-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .bl_section__title._withBoder .bl_section__titleButton {
    display: none;
  }
}
.bl_section__title._withButton {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bl_foot {
  display: none;
}
@media screen and (max-width: 768px) {
  .bl_foot {
    display: block;
  }
}

.bl_sideSection {
  margin-top: 16px;
  padding: clamp(12px, 1vw, 24px);
}

@media screen and (max-width: 768px) {
  .bl_sideSection {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.bl_sideSection__title {
  font-size: 18px;
  font-weight: bold;
}
.bl_sideSection__title._bgRhombus {
  position: relative;
  display: inline-block;
  padding-bottom: 0.1em;
}
.bl_sideSection__title._bgRhombus::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.5em;
  background: repeating-linear-gradient(-55deg, #FFD700, #FFD700 3px, transparent 3px, transparent 6px);
  background-size: 100% 100%, auto;
  background-position: 0 50%;
  background-clip: padding-box;
  z-index: -1;
}

.bl_tgSection {
  margin-top: 16px;
  padding: clamp(12px, 1vw, 24px);
}

.bl_tgSection__title {
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  gap: 0.5em;
  align-items: center;
  justify-content: space-between;
}

.bl_tgSection__icon {
  width: 0.8em;
  height: 0.8em;
  position: relative;
}
.bl_tgSection__icon::before, .bl_tgSection__icon::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #000000;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  rotate: 0deg;
  transition: rotate 0.3s ease;
}
.bl_tgSection__icon::after {
  rotate: 90deg;
}
.bl_tgSection._active .bl_tgSection__icon::after {
  rotate: 360deg;
}

.bl_tgSection__body {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease-out;
}
.bl_tgSection._active .bl_tgSection__body {
  height: auto;
}

.bl_tgSection__inner._withPadding {
  padding: 1.5em 1em;
}
.bl_tgSection__inner._withBorder {
  border: 1px solid #e2e4e7;
  border-radius: 5px;
}

@media screen and (max-width: 768px) {
  .bl_tgSection {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.bl_labelList {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  max-width: 250px;
}
.bl_labelList .slick-track {
  display: flex;
  gap: 5px;
}
.bl_labelList .slick-arrow {
  margin-top: 0;
}

.bl_bannerList {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.bl_bannerList a {
  display: block;
}
.bl_bannerList a img {
  width: 100%;
}
.bl_bannerList._bdRadius a {
  border-radius: 5px;
}
.bl_bannerList._bdRadius img {
  border-radius: 5px;
}
.bl_bannerList._bgGray a {
  background-color: #f2f2f2;
  padding: 5px 0;
}
.bl_bannerList._gap5 {
  gap: 5px;
}

@media screen and (max-width: 768px) {
  .bl_bannerList {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
.bl_adBanner {
  margin-top: 16px;
  padding: clamp(12px, 1vw, 24px);
}

.bl_adBannerList {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

@media screen and (max-width: 768px) {
  .bl_adBanner {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .bl_adBannerList {
    flex-direction: row;
    gap: 10px;
  }
}
.bl_campaign-banner a {
  display: block;
}
.bl_campaign-banner img {
  width: 100%;
}

.bl_buttonList {
  margin-top: 16px;
  padding-top: clamp(12px, 1vw, 24px);
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.bl_headerIconNav {
  display: flex;
  gap: 15px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .bl_headerIconNav {
    display: none;
  }
}

.bl_headerIconNav__item {
  position: relative;
}
.bl_headerIconNav__item .bl_headerIconNav__badge {
  position: absolute;
  top: -5px;
  right: 0;
}

.bl_headerIconNav__link {
  color: #000;
  display: flex;
  align-items: center;
  flex-direction: column;
  font-size: 0.625rem;
  gap: 2px;
  text-decoration: none;
}
.bl_headerIconNav__link::before {
  content: "";
  display: block;
}
.bl_headerIconNav__link._clipboard::before {
  -webkit-mask-image: url("/assets/shop/image/icon_clipboard.svg");
          mask-image: url("/assets/shop/image/icon_clipboard.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 30px;
  height: 24px;
  background-color: #000;
}
.bl_headerIconNav__link._shopping::before {
  -webkit-mask-image: url("/assets/shop/image/icon_shopping.svg");
          mask-image: url("/assets/shop/image/icon_shopping.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 30px;
  height: 24px;
  background-color: #000;
}
.bl_headerIconNav__link._comments::before {
  -webkit-mask-image: url("/assets/shop/image/icon_comments.svg");
          mask-image: url("/assets/shop/image/icon_comments.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 30px;
  height: 24px;
  background-color: #000;
}
.bl_headerIconNav__link._star::before {
  -webkit-mask-image: url("/assets/shop/image/icon_star.svg");
          mask-image: url("/assets/shop/image/icon_star.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 30px;
  height: 24px;
  background-color: #000;
  background-color: #ffd700;
}
.bl_headerIconNav__link._login::before {
  -webkit-mask-image: url("/assets/shop/image/icon_login.svg");
          mask-image: url("/assets/shop/image/icon_login.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 30px;
  height: 24px;
  background-color: #000;
}
.bl_headerIconNav__link:hover {
  color: #00a0e9;
}
.bl_headerIconNav__link:hover::before {
  background-color: #00a0e9;
}

.bl_headerAccount {
  display: flex;
  gap: 10px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .bl_headerAccount {
    display: none;
  }
}

.bl_headerAccount__title {
  padding-left: 35px;
  color: #000;
  cursor: pointer;
  font-size: 0.75rem;
  display: block;
  margin: 0;
  text-decoration: none;
  position: relative;
}
.bl_headerAccount__title:hover {
  color: #00a0e9;
}
.bl_headerAccount__title:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
}
.bl_headerAccount__title.rank_diamond:before {
  background-image: url(/assets/shop/image/rank_diamond.svg);
}
.bl_headerAccount__title.rank_platinum:before {
  background-image: url(/assets/shop/image/rank_platinum.svg);
}
.bl_headerAccount__title.rank_gold:before {
  background-image: url(/assets/shop/image/rank_gold.svg);
}
.bl_headerAccount__title.rank_silver:before {
  background-image: url(/assets/shop/image/rank_silver.svg);
}
.bl_headerAccount__title.rank_regular:before {
  background-image: url(/assets/shop/image/rank_regular.svg);
}

.bl_headerAccount__department,
.bl_headerAccount__name {
  display: block;
}

.bl_headerAccount__department {
  font-size: 0.625rem;
  margin-bottom: 0.3em;
}

.bl_headerAccount__icon {
  aspect-ratio: 1/1;
  height: 32px;
  width: 32px;
  margin: 0;
}
.bl_headerAccount__icon img {
  box-shadow: 0 3px 5px 3px rgba(0, 0, 0, 0.1);
  border-radius: 50vw;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.bl_gnav {
  margin: 0;
  padding: 0;
  width: 100%;
}

.bl_gnav__list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.bl_gnav__item {
  border-right: 1px solid #e6c109;
  position: relative;
  flex: 1;
}
.bl_gnav__item:first-child {
  border-left: 1px solid #e6c109;
}
@media screen and (max-width: 920px) {
  .bl_gnav__item {
    position: static;
  }
}

.bl_gnav__link {
  color: #000;
  font-size: 0.75rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  padding: 1em;
  text-decoration: none;
  width: 100%;
}
.bl_gnav__link::before, .bl_gnav__link::after {
  content: "";
  display: block;
  background: #000;
}
.bl_gnav__link::after {
  -webkit-mask-image: url("/assets/shop/image/icon_caretRight.svg");
          mask-image: url("/assets/shop/image/icon_caretRight.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  width: 4.5px;
  height: 7.5px;
  rotate: 90deg;
}
.bl_gnav__link._shirt::before {
  -webkit-mask-image: url("/assets/shop/image/icon_shirt.svg");
          mask-image: url("/assets/shop/image/icon_shirt.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  width: 20px;
  height: 16px;
}
.bl_gnav__link._gaugeHigh::before {
  -webkit-mask-image: url("/assets/shop/image/icon_gaugeHigh.svg");
          mask-image: url("/assets/shop/image/icon_gaugeHigh.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  width: 16px;
  height: 16px;
}
.bl_gnav__link._setting::before {
  -webkit-mask-image: url("/assets/shop/image/icon_setting.svg");
          mask-image: url("/assets/shop/image/icon_setting.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  width: 16px;
  height: 16px;
}
.bl_gnav__link._circleQuestion::before {
  -webkit-mask-image: url("/assets/shop/image/icon_circleQuestion.svg");
          mask-image: url("/assets/shop/image/icon_circleQuestion.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  width: 16px;
  height: 16px;
}
.bl_gnav__link:hover {
  color: #00a0e9;
}
.bl_gnav__link:hover::before, .bl_gnav__link:hover::after {
  background-color: #00a0e9;
}

.bl_gnav__dropdown {
  background-color: #fff;
  border: 1px solid #737374;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px;
  padding: min(5.9347181009%, 20px);
  width: 100%;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  transition: opacity 0.3s ease, visibility 0.3s;
}
.is_active .bl_gnav__dropdown {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 920px) {
  .bl_gnav__dropdown {
    width: 90vw;
    left: 5vw;
  }
}

.bl_gnav__sub {
  font-size: 0.75rem;
  list-style: disc;
  padding-left: 1em;
}
.bl_gnav__sub:not(:first-child) {
  margin-top: 15px;
}
.bl_gnav__sub a {
  color: #737374;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 2;
  text-decoration: none;
}
.bl_gnav__sub a::after {
  -webkit-mask-image: url("/assets/shop/image/icon_caretRight.svg");
          mask-image: url("/assets/shop/image/icon_caretRight.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 4px;
  height: 7px;
  background-color: #737374;
  content: "";
  display: block;
}
.bl_gnav__sub a:hover {
  color: #00a0e9;
}
.bl_gnav__sub a:hover::after {
  background-color: #00a0e9;
}

.bl_gnav__button {
  margin: 0;
  text-align: center;
}
.bl_gnav__button:not(:first-child) {
  margin-top: 15px;
}

.list-color-select {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.list-color-select .list-color-select_item {
  line-height: 0;
  width: 18%;
  margin-left: 2%;
  margin-bottom: 5px;
  height: 32px;
}
@media screen and (max-width: 768px) {
  .list-color-select .list-color-select_item {
    width: 12%;
    height: 10vmin;
    margin-bottom: 2vmin;
  }
}
.list-color-select .list-color-select_item a {
  height: 100%;
  width: 100%;
  display: inline-block;
  border: solid 1px #656565;
}

.bl_product {
  display: flex;
  justify-content: space-between;
  margin: 0 20px;
  padding-top: 50px;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}
@media screen and (min-width: 1340px) {
  .bl_product {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  .bl_product {
    flex-direction: column;
  }
}

.bl_product__slide {
  width: 38.8106416275%;
}
.bl_product__slide .thumb-gallery-slider {
  margin-right: 0;
  width: auto;
}
.bl_product__slide .thumb-gallery-slider .slide-set-product {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .bl_product__slide {
    width: 100%;
  }
}

.bl_product__slideMain {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.bl_product__contents {
  width: 58.2159624413%;
}
@media screen and (max-width: 768px) {
  .bl_product__contents {
    margin-top: 20px;
    width: 100%;
  }
}

.bl_product__labels {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
}

.bl_product__label {
  background-color: #1A1A1A;
  color: #fff;
  font-size: min(14px, 3.2vw);
  padding: 0.3em 0.5em;
}
.bl_product__label._red {
  background-color: #E80000;
}

.bl_product__title {
  font-size: min(27px, 5.8666666667vw);
}

.bl_product__price {
  display: flex;
  gap: 0.5em;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .bl_product__price {
    position: relative;
    flex-direction: column;
    align-items: flex-start;
  }
}

.bl_product__priceOrg {
  font-size: min(16px, 3.7333333333vw);
  line-height: 1;
  margin: 0;
}

.bl_product__priceSale {
  color: #E80000;
  font-size: min(30px, 6.9333333333vw);
  font-weight: bold;
  line-height: 1;
  margin: 0;
}

.bl_product__priceTax {
  color: #1A1A1A;
  font-size: min(15px, 3.2vw);
  font-weight: normal;
}

.bl_product__favorite {
  position: relative;
  padding-top: 40px;
  width: 40px;
}
.bl_product__favorite.tick-star .checkmark {
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .bl_product__favorite {
    position: absolute;
    right: 0;
    bottom: -6px;
  }
}

.bl_product__section {
  border-top: 1px solid #E6E6E6;
  margin-top: 15px;
  padding-top: 10px;
}

.bl_product__sectionTitle {
  font-weight: bold;
  font-size: min(18px, 4.2666666667vw);
}
.bl_product__sectionTitle .bl_product__sectionTitleNotice {
  color: #707070;
  font-weight: normal;
  font-size: min(14px, 3.2vw);
}

.bl_product__colorsList {
  display: grid;
  list-style: none;
  margin: 0;
  padding: 0;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}
@media screen and (max-width: 768px) {
  .bl_product__colorsList {
    grid-template-columns: repeat(auto-fill, minmax(75px, 1fr));
  }
}

.bl_product__colorsItem {
  border: 2px solid #E6E6E6;
  border-radius: 5px;
  cursor: pointer;
  display: block;
  grid-template-rows: subgrid;
  grid-row: span 2;
  grid-gap: 0;
}
.bl_product__colorsItem._active {
  border-color: #FF8000;
}

.bl_product__colorsBtn {
  display: contents;
}

.bl_product__colorsImg {
  border-radius: 3px 3px 0 0;
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 1/1;
  width: 100%;
}

.bl_product__colorsName {
  background-color: #E6E6E6;
  font-size: min(12px, 2.6666666667vw);
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0.2em;
  text-align: left;
}
._active .bl_product__colorsName {
  background-color: #FF8000;
  color: #fff;
}

.bl_product__notice {
  border: 1px solid #FFD500;
  border-radius: 5px;
  font-size: min(14px, 3.2vw);
  margin-top: 20px;
  padding: 1em;
}

.bl_product__noticeItem {
  margin-bottom: 1.5em;
}
.bl_product__noticeItem:last-child {
  margin-bottom: 0;
}

.bl_product__noticeTitle {
  font-size: min(18px, 4vw);
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .bl_product__noticeTitle {
    margin-bottom: 0.5em;
  }
}

.bl_product__noticeText {
  color: #707070;
}
.bl_product__noticeText:last-child {
  margin: 0;
}

.bl_product__sizesTable {
  font-size: min(18px, 2.6666666667vw);
  text-align: center;
  width: 100%;
}
.bl_product__sizesTable th, .bl_product__sizesTable td {
  padding: 0.3em 0.5em;
}
.bl_product__sizesTable td {
  padding: 0.5em;
}
.bl_product__sizesTable thead th {
  background-color: #E6E6E6;
  color: #10161A;
  font-size: min(12px, 2.6666666667vw);
  font-weight: normal;
  white-space: nowrap;
}
.bl_product__sizesTable tbody td {
  border-bottom: 1px solid #E6E6E6;
}
@media screen and (max-width: 768px) {
  .bl_product__sizesTable tbody select {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .bl_product__sizesTable tbody td[data-org] {
    display: flex;
    flex-direction: column;
  }
  .bl_product__sizesTable tbody td[data-org]::before {
    content: attr(data-org);
    text-decoration: line-through;
  }
}
.bl_product__sizesTable .el_cell--size {
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .bl_product__sizesTable .el_cell--size {
    font-size: 3.2vw;
  }
}
.bl_product__sizesTable .el_cell--price {
  color: #E80000;
  font-size: min(23px, 4.2666666667vw);
  font-weight: bold;
}

.bl_product__sizesNotice {
  color: #10161A;
  font-size: min(12px, 2.6666666667vw);
  margin: 1em 0 1.5em;
  text-align: right;
}

.bl_product__details {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .bl_product__details {
    margin-top: 20px;
  }
}

.bl_coupon {
  position: fixed;
  right: 10px;
  bottom: 55px;
  padding-bottom: 5px;
  display: block;
  width: 120px;
  z-index: 2;
}

.bl_coupon_btn {
  font-size: 0.75rem;
  border: solid 2px #ffd700;
  border-radius: 4px;
  background: #ffffff;
  padding: 5px 8px;
}

@media screen and (max-width: 768px) {
  .s-pc {
    display: none;
  }
}

.s-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .s-sp {
    display: inherit;
  }
}

.agency-login .hide-agency {
  display: none;
}

.login-only {
  display: none;
}

.logout-only {
  display: block;
}

.logged-in .login-only {
  display: block;
}
.logged-in .logout-only {
  display: none;
}