@charset "UTF-8";

/* --------------------------------------------------------------------
  header
--------------------------------------------------------------------- */
.block-header-info {
  background: #F0F0F0;
}
.block-header-info-inner {
  position: relative;
  width: var(--wrapper);
  margin-left: auto;
  margin-right: auto;
}
.block-header-info-swiper {
  width: 1120px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.block-header-info-list {
  padding-top: 7px;
  padding-bottom: 7px;
}
.block-header-info li .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 13px;
  overflow: hidden;
  text-align: center;
}
.block-header-info li a.text {
  text-decoration: underline;
}
.block-header-info li a.text:hover {
  text-decoration: none;
  opacity: 1;
}
.block-header-info-inner .swiper-button-prev,
.block-header-info-inner .swiper-button-next {
  top: 0;
  bottom: 0;
  width: 4rem;
  height: 4rem;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 0;
}
.block-header-info-inner .swiper-button-prev {
  left: 0;
}
.block-header-info-inner .swiper-button-next {
  right: 0;
}
.block-header-info-inner .swiper-button-prev::after,
.block-header-info-inner .swiper-button-next::after {
  content: '';
  display: block;
  width: 7px;
  height: 12px;
  background-size: contain;
  background-repeat: no-repeat;
}
.block-header-info-inner .swiper-button-prev::after {
  background-image: url('../../img/usr/arrow_l_13x23_black.png');
}
.block-header-info-inner .swiper-button-next::after {
  background-image: url('../../img/usr/arrow_r_13x23_black.png');
}
#block_header {
  transition: all .3s;
}
#block_header_wrap {
  position: relative;
}
#pageTop {
  background: var(--color-main);
}
#header1 {
  display: flex;
  align-items: center;
  height: 80px;
  margin: 0 auto;
}
#header1 .logo {
  position: static;
  margin-right: 14.62rem;
}
#header1 .logo a img {
  width: 186px;
  height: auto;
}
#header1 .logo a img.fixed {
  display: none;
}
#header1 .search1 {
  position: relative;
}
#header1 .search1 dt input {
  width: 300px;
  height: 40px;
  padding-left: 12px;
  padding-right: 3.79rem;
  border-radius: 3px;
  border: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}
#header1 .search1 dt input::placeholder,
#header1 .search1 dt input::-ms-input-placeholder,
#header1 .search1 dt input:-ms-input-placeholder {
  color: #9C9C9C;
}
#header1 .search1 dd button {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.35rem;
  display: block;
  width: 19px;
  height: 18px;
  margin-top: auto;
  margin-bottom: auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  background-image: url('../../img/usr/go.png');
  border: 0;
  cursor: pointer;
  appearance: none;
}
#header1 ul.info {
  position: static;
  margin-left: auto;
}
#header1 ul.info li {
  width: auto;
  border-right: 1px solid rgba(255,255,255, .3);
}
#header1 ul.info li:last-of-type {
  border-right: 0;
}
#header1 ul.info li a {
  padding-left: .9375rem;
  padding-right: .9375rem;
  font-size: 13px;
  font-weight: 500;
  transition: 0s;
}
#header1 ul.info li:first-of-type a {
  padding-left: 0;
}
#header1 ul.info li:last-of-type a {
  padding-right: 0;
}
#header1 ul.info li a:hover {
  text-decoration: none;
}
/* global navi */
#header {
  height: 70px;
  background: var(--color-main);
  border-top: 1px solid rgba(255,255,255, .3);
}
#gnav_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: var(--wrapper);
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
#header #globalnav {
  display: block;
  width: auto;
  height: 100%;
  margin: 0;
}
#gnav_head {
  display: flex;
  align-items: center;
  gap: 38px;
  height: 100%;
  color: #fff;
}
#header #globalnav li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  width: auto;
  height: 100%;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  border-right: 0;
  letter-spacing: .07em;
}
#header #globalnav li.active::before {
  content: '';
  position: absolute;
  bottom: 14px;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
}
#header #globalnav li::after {
  content: '';
  display: block;
  width: 14px;
  height: 8px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('../../img/usr/arrow_b_27x15_white.png');
  transition: all .3s;
}
#header #globalnav li.active::after {
  transform: rotate(180deg);
}
#header #globalnav li br {
  display: none;
}
#gnav_body {
  position: absolute;
  left: 0;
  width: 100%;
  background: #F0F0F0;
  z-index: 32768;
}
.gnav-body-inner {
  width: var(--wrapper);
  margin-left: auto;
  margin-right: auto;
  overflow-y: auto;
}
.gnav-contents-item {
  display: none;
  padding-bottom: 50px;
}
.gnav-contents-item1 {
  padding-top: 46px;
}
.gnav-contents-item1 > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
.gnav-contents-item1 > ul > li {
  /* width: calc((100% - (32px * 4)) / 5); */
}
.gnav-contents-item1 > ul > li > dl {
  line-height: calc(20 / 14);
}
.gnav-contents-item-list-title {
  font-weight: bold;
  font-size: 16px;
}
.gnav-contents-item1 > ul > li > dl > dd {
  display: flex;
  gap: 32px;
  margin-top: 17px;
}
.gnav-contents-item1 > ul > li > dl > dd ul {
  width: 209px;
}
.gnav-contents-item1 > ul > li > dl > dd li {
  margin-top: 14px;
}
.gnav-contents-item1 > ul > li > dl > dd a:hover {
  opacity: 1;
}
.gnav-contents-item2 {
  padding-top: 50px;
}
.gnav-contents-item2 ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
}
.gnav-contents-item2 li {
  width: calc((100% - (12px * 5)) / 6);
}
.gnav-contents-item2 li a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  line-height: calc(20 / 14);
  padding: 10px;
}
.gnav-contents-item2 li a:hover {
  text-decoration: none;
}
#header_link_btn {
  display: flex;
  align-items: center;
  gap: 10px;
}
#header_link_btn li a {
  display: flex;
  align-items: center;
  width: 132px;
  height: 36px;
  padding-left: 15px;
  background: #fff;
  border-radius: 3px;
  color: var(--color-main);
  font-weight: 500;
  line-height: 1;
  letter-spacing: .05em;
  transition: 0s;
}
#header_link_btn li a:hover {
  opacity: 1;
}
#header_link_btn li.cart a {
  position: relative;
  color: #fff;
  background: #8BAAD1;
}
#header_link_btn li a:hover {
  text-decoration: none;
}
#header_link_btn li a::before {
  content: '';
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
}
#header_link_btn li.batch-order a::before {
  width: 21px;
  height: 28px;
  margin-right: 1.81rem;
  background-image: url('../../img/usr/icon_batch_order.png');
}
#header_link_btn li.shipping-request a::before {
  width: 31px;
  height: 22px;
  margin-right: 1.06rem;
  background-image: url('../../img/usr/icon_shipping_request.png');
}
#header_link_btn li.cart a::before {
  width: 24px;
  height: 19px;
  margin-right: 1.02rem;
  background-image: url('../../img/usr/icon_cart.png');
}
#header_link_btn li.cart .js-cart-count {
  position: absolute;
  top: -9px;
  right: 8px;
  display: none;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: #DDA408;
  font-size: 10px;
  font-weight: bold;
}
/* fixed header */
#block_header.fixed_header {
  min-width: var(--wrapper);
}
#block_header.fixed_header #block_header_inner {
  position: relative;
  height: 66px;
}
#block_header.fixed_header #pageTop {
  height: 100%;
}
#block_header.fixed_header #header1 {
  height: 100%;
}
#block_header.fixed_header #header1 .logo {
  margin-right: 3.52rem;
}
#block_header.fixed_header #header1 .logo a img.non-fixed {
  display: none;
}
#block_header.fixed_header #header1 .logo a img.fixed {
  display: block;
  width: 65px;
  height: auto;
}
#block_header.fixed_header #header1 .search1 dt input {
  width: 240px;
}
#block_header.fixed_header #header {
  position: absolute;
  top: 0;
  left: 50%;
  width: auto;
  margin-left: -188px;
  height: 66px;
}
#block_header.fixed_header #gnav_inner {
  width: auto;
  justify-content: flex-start;
}
#block_header.fixed_header #header #globalnav {
  margin-right: 18px;
}
#block_header.fixed_header #gnav_head {
  justify-content: space-between;
  width: 390px;
  gap: 0;
}
#block_header.fixed_header #header #globalnav li {
  line-height: calc(18 / 14 );
}
#block_header.fixed_header #header #globalnav li::before {
  content: none;
}
#block_header.fixed_header #header #globalnav li br {
  display: inline;
}
#block_header.fixed_header #header_link_btn {
  gap: 10px;
  width: 268px;
}
#block_header.fixed_header #header_link_btn li a {
  justify-content: center;
  width: 78px;
  padding-left: 0;
}
#block_header.fixed_header #header_link_btn li.cart a {
  width: 86px;
  font-size: 0;
}
#block_header.fixed_header #header_link_btn li a::before {
  content: none;
}
#block_header.fixed_header #header_link_btn li.cart a::before {
  content: '';
  margin-right: 0;
}
#block_header.fixed_header #header_link_btn li.cart .js-cart-count {
  top: -7px;
  right: -6px;
}
#block_header.fixed_header #header1 ul.info {
  align-items: center;
  gap: 1.45rem;
}
#block_header.fixed_header #header1 ul.info li {
  border: 0;
}
#block_header.fixed_header #header1 ul.info li#hnav_history,
#block_header.fixed_header #header1 ul.info li#hnav_login,
#block_header.fixed_header #header1 ul.info li#hnav_mypage {
  display: none;
}
#block_header.fixed_header #header1 ul.info li a {
  gap: 0;
  padding: 0;
  font-size: 0;
}
#block_header.fixed_header #header1 ul.info li a::before {
  content: '';
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}
#block_header.fixed_header #header1 ul.info li#hnav_bookmark a::before {
  width: 27px;
  height: 23px;
  background-image: url('../../img/usr/header/icon_bookmark.png');
}
#block_header.fixed_header #header1 ul.info li#hnav_guide a::before {
  width: 17px;
  height: 27px;
  background-image: url('../../img/usr/header/icon_guide.png');
}
#block_header.fixed_header #header1 ul.info li#hnav_contact a::before {
  width: 24px;
  height: 20px;
  background-image: url('../../img/usr/header/icon_contact.png');
}

/* --------------------------------------------------------------------
  footer
--------------------------------------------------------------------- */
#footer {
  position: relative;
  height: auto;
  min-width: auto;
  z-index: 0;
}
#page_top_scroll {
  position: fixed;
  bottom: 160px;
  right: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: all .3s;
}
#page_top_scroll.show {
  opacity: 1;
  visibility: visible;
}
#page_top_scroll.non-fixed {
  position: absolute;
  top: -25px;
}
#page_top_scroll img {
  width: 50px;
  height: auto;
}
.footer-inner {
  overflow: hidden;
}
.footer-container {
  width: var(--wrapper);
  margin-left: auto;
  margin-right: auto;
}
#footer_about {
  padding-top: 60px;
  padding-bottom: 60px;
  background: #F2F2F2;
}
#footer_about ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px;
}
#footer_about li {
  width: 160px;
  height: 120px;
}
#footer_about li > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 10px;
  font-weight: bold;
  line-height: calc(24 / 10);
  text-align: center;
}
#footer_about .howto > a {
  gap: 10px;
}
#footer_about .cut > a {
  gap: 1.21rem;
}
#footer_about .payment > a {
  gap: 1.2rem;
}
#footer_about .shipment > a {
  gap: 1.78rem;
}
#footer_about li > a:hover {
  text-decoration: none;
}
#footer_about li > a::before {
  content: '';
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}
#footer_about .howto > a::before {
  width: 51px;
  height: 66px;
  background-image: url('../../img/usr/footer/footer_about_howto.png');
}
#footer_about .cut > a::before {
  width: 50px;
  height: 58px;
  background-image: url('../../img/usr/footer/footer_about_cut.png');
}
#footer_about .payment > a::before {
  width: 75px;
  height: 68px;
  background-image: url('../../img/usr/footer/footer_about_payment2.png');
}
#footer_about .shipment > a::before {
  width: 75px;
  height: 53px;
  background-image: url('../../img/usr/footer/footer_about_shipment.png');
}
#footer_main {
  padding-top: 80px;
  padding-bottom: 80px;
  background: var(--color-main);
}
#footer_main .footer-container {
  display: flex;
  justify-content: space-between;
  height: 257px;
  padding-left: 40px;
  padding-right: 40px;
}
.footer-main-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(100% - 331px);
}
#footer_main {
  color: #fff;
}
#footer_main a, #footer_main a:link, #footer_main a:visited {
  color: #fff;
}
#footernav {
  position: static;
  justify-content: flex-start;
  gap: 80px;
  width: auto;
  text-align: left;
}
.footernav-column-title {
  margin-bottom: 14px;
  font-size: 15px;
  font-weight: bold;
  line-height: calc(21 / 15);
}
.footernav-column-title a:hover {
  opacity: 1;
}
#footernav li a {
  color: #fff;
  padding: 0;
}
.footernav-column-list > ul {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.footernav-column-list li {
  line-height: 1;
}
.footernav-column-list li a {
  font-size: 13px;
  font-weight: 500;
  line-height: calc(19 / 13);
}
.footernav-column-list li a:hover {
  opacity: 1;
}
#footernav li a::before,
#footernav li a::after {
  content: none;
}
.footer-logo-copyright {
  display: flex;
  align-items: flex-end;
}
#footer_logo {
  margin-right: 50px;
}
#footer_logo img {
  width: 190px;
  height: auto;
}
#copyright {
  position: static;
  width: auto;
  margin: 0;
  color: #fff;
  font-size: 12px;
  line-height: 1;
}
.footer-main-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 331px;
}
#footer_contact {
  width: 286px;
  text-align: center;
}
#footer_contact .title {
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: bold;
  line-height: calc(21 / 15);
}
#footer_contact .text {
  margin-bottom: 20px;
  font-size: 13px;
  font-weight: 500;
  line-height: calc(20 / 13);
}
#footer_contact .contact-link a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 20px;
  border: 1px solid #fff;
  background: transparent;
  font-size: 13px;
  font-weight: 500;
}
#footer_contact .contact-link a:hover {
  text-decoration: none;
}
#footer_contact .contact-link a::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.43rem;
  display: block;
  width: 6px;
  height: 11px;
  margin-top: auto;
  margin-bottom: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../../img/usr/arrow_r_12x21_white.png');
}
#footer_company {
  display: flex;
  align-items: center;
  width: 100%;
}
.footer-company-logo img {
  width: 123px;
  height: auto;
}
.footer-company-link {
  margin-left: 20px;
}
.footer-company-link a {
  font-size: 13px;
  font-weight: 500;
  line-height: calc(19 / 13);
}
.footer-company-link a:hover {
  opacity: 1;
}
.footer-company-link a::after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 0.48rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('../../img/usr/icon_link.png');
}
.footer-company-instagram {
  margin-left: auto;
}
.footer-company-instagram img {
  width: 29px;
  height: auto;
}

/* --------------------------------------------------------------------
  common
--------------------------------------------------------------------- */
/* contact banner */
.block-bnr-contact {
  width: var(--wrapper);
  margin-left: auto;
  margin-right: auto;
  height: 518px;
  overflow: visible;
}
.block-bnr-contact-inner {
  width: 1920px;
  height: 100%;
  margin-left: -360px;
  margin-right: -360px;
  background-image: url('../../img/usr/bnr_contact01.png');
  background-size: cover;
}
@media screen and (min-width: 1920px) {
  .block-bnr-contact {
    width: 100%;
  }
  .block-bnr-contact-inner {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.block-bnr-contact-contents {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: var(--wrapper);
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #fff;
}
.block-bnr-contact .title {
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: bold;
  line-height: calc(40 / 28);
}
.block-bnr-contact .description {
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 500;
  line-height: calc(24 / 16);
}
.block-bnr-contact .link-contact {
  text-align: center;
}
.block-bnr-contact .link-contact a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 1.19rem;
  width: 300px;
  height: 54px;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: .05em;
  background: #fff;
  border-radius: 27px;
}
.block-bnr-contact .link-contact a:hover {
  text-decoration: none;
}
.block-bnr-contact .link-contact a::after {
  content: '';
  display: block;
  width: 8px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../../img/usr/arrow_r_15x27_black.png');
}
/* pagenaition */
.navipage_ {
  text-align: left;
  padding: 0;
  margin: 0;
}
.navipage_.top_ {
  justify-content: space-between;
  margin-bottom: 3.95rem;
}
.navipage_.bottom_ {
  justify-content: space-between;
  margin-top: 4.05rem;
}
.navipage_sum_ {
  font-weight: 500;
  line-height: 1;
}
.navipage_pagenation_ {
  display: flex;
  gap: 20px;
}
.navipage_ a,
.navipage_pagenation_ > * {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: #F0F0F0;
  border-radius: 50%;
}
.navipage_pagenation_ a.navipage_first_,
.navipage_pagenation_ a.navipage_prev_,
.navipage_pagenation_ a.navipage_next_,
.navipage_pagenation_ a.navipage_last_ {
  background-color: transparent;
}


.navipage_ a:hover,
.navipage_pagenation_ > *:hover {
  border: 0;
}
.navipage_now_ {
  color: #fff;
  font-weight: 500;
  background-color: var(--color-main);
}
.navipage_first_,
.navipage_last_,
.navipage_prev_,
.navipage_next_ {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 0;
}
.navipage_first_,
.navipage_last_ {
  background-size: 12px 12px;
}
.navipage_prev_,
.navipage_next_ {
  background-size: 7px 12px;
}
.navipage_first_ {
  background-image: url('../../img/usr/pagination_f_23x24.png');
}
.navipage_last_ {
  background-image: url('../../img/usr/pagination_l_23x24.png');
}
.navipage_prev_ {
  background-image: url('../../img/usr/pagination_p_13x24.png');
}
.navipage_next_ {
  background-image: url('../../img/usr/pagination_n_13x24.png');
}

/* --------------------------------------------------------------------
  goods list
--------------------------------------------------------------------- */
/* pickup */
.StyleP_Frame_items_ {
  display: grid;
  grid-template-columns: repeat(4, calc((100% - 26px * 3) / 4));
  gap: 30px 26px;
}
div.StyleP_item_ {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
  margin-bottom: 0;
}
.StyleP_Frame_items_ .StyleP_item_ {
  word-break: break-all;
}
.StyleP_item_ .img_ {
  position: relative;
}
.StyleP_item_ .icon_ {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  z-index: 0;
}
.StyleP_item_ .icon_ img {
  width: auto;
  height: 25px;
}
.StyleP_item_ .img_s_ {
  display: none;
}
.StyleP_item_ .img_5_ {
  display: block;
  width: 100%;
  height: 280px;
  margin-bottom: 10px;
}
.StyleP_item_ .img_5_ img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.StyleP_item_ .code_ {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 500;
  line-height: calc(29 / 20);
  text-align: center;
}
.StyleP_item_ .name_ {
  text-align: center;
}
.StyleP_item_ .name_ .catalog_name_,
.StyleP_item_ .name_ .name1_ {
  font-size: 16px;
  font-weight: 500;
  line-height: calc(24 / 16);
}
.StyleP_item_ .attr_box_ {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 34px;
  padding: 10px 15px;
  background: #F0F0F0;
}
.StyleP_item_ .attr_box_:not(:has(*)) {
  background: none;
  margin-top: 0;
  padding: 0;
}
.StyleP_item_ .attr_box_ > * {
  font-size: 14px;
  line-height: calc(25 / 14);
  text-align: center;
}
.block-event .StyleP_Frame_ {
  min-width: var(--wrapper);
  margin: 0 auto;
  overflow: visible;
}
.block-event .StyleP_Frame_items_ {
  display: flex;
  justify-content: center;
}
.block-event .StyleP_Frame_inner_ {
  width: calc(var(--wrapper) - 10px * 2 - 15px * 2);
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}
.block-event .StyleP_item_ {
  display: flex;
  flex-direction: column;
  max-width: 230px!important;
  padding-left: 15px;
  padding-right: 15px;
}
.block-event .StyleP_item_ .img_ {
  margin-bottom: 12px;
}
.block-event .StyleP_item_ .img_5_ {
  display: none;
}
.block-event .StyleP_item_ .img_s_ {
  display: block;
  width: 100%;
  height: 200px;
}
.block-event .StyleP_item_ .img_s_ img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.block-event .StyleP_item_ .code_ {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: calc(26 / 18);
}
.block-event .StyleP_item_ .name_ .catalog_name_,
.block-event .StyleP_item_ .name_ .name1_ {
  font-size: 14px;
  line-height: calc(22 / 14);
}
.block-event .StyleP_item_ .attr_box_ {
  display: none;
}
.block-event .StyleP_Frame_items_.slick-slider {
  position: relative;
  display: block;
}
.block-event .StyleP_Frame_items_.slick-slider::before,
.block-event .StyleP_Frame_items_.slick-slider::after {
  content: '';
  position: absolute;
  top: 7.52rem;
  width: 50px;
  height: 50px;
  border: 0;
  background-color: #B2B1B4;
  mix-blend-mode: multiply;
  z-index: 1;
}
.block-event .StyleP_Frame_items_.slick-slider::before {
  left: 0;
}
.block-event .StyleP_Frame_items_.slick-slider::after {
  right: 0;
}
.block-event .StyleP_Frame_items_.slick-slider .slick-list {
	overflow: visible !important;
}
.block-event .StyleP_Frame_items_.slick-slider .slick-arrow {
  position: absolute;
  top: 7.52rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border: 0;
  background-color: transparent;
  font-size: 0;
  appearance: none;
  cursor: pointer;
  z-index: 2;
}
.block-event .StyleP_Frame_items_.slick-slider .slick-prev {
  left: 0;
}
.block-event .StyleP_Frame_items_.slick-slider .slick-next {
  right: 0;
}
.block-event .StyleP_Frame_items_.slick-slider .slick-arrow::after {
  content: '';
  display: block;
  width: 32px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  mix-blend-mode: normal;
}
.block-event .StyleP_Frame_items_.slick-slider .slick-prev::after {
  background-image: url('../../img/usr/arrow_l_63x31_white.png');
}
.block-event .StyleP_Frame_items_.slick-slider .slick-next::after {
  background-image: url('../../img/usr/arrow_r_63x31_white.png');
}
/* detail list */
.StyleD_Frame_items_ {
  border-top: 1px solid #CECECE;
}
div.StyleD_Item_ {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 280px;
  margin: 0;
  padding: 1.65rem 0 2.45rem 240px;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #CECECE;
  font-size: 14px;
}
div.StyleD_Frame_ div.img_ {
  position: absolute;
  top: 2.45rem;
  left: 0;
  padding: 0;
  display: block;
  float: none;
  width: 200px;
  height: 200px;
}
div.StyleD_Frame_ .img_inner_ {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
div.StyleD_Frame_ div.img_ .icon_auto_ {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
div.StyleD_Frame_ div.img_ .icon_auto_ img {
  width: auto;
  height: 25px;
}
div.StyleD_Frame_ div.img_ .img_s_ {
  width: 100%;
  height: 100%;
}
div.StyleD_Frame_ div.img_ .img_s_ img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
div.StyleD_Frame_ .code_ {
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 500;
  line-height: calc(29 / 20);
}
div.StyleD_Frame_ .goods_code_ span {
  color: rgba(38, 38, 38, .5);
  font-size: 14px;
  font-weight: normal;
  line-height: calc(20 / 14);
}
div.StyleD_Item_ div.name_ {
  display: block;
  margin-bottom: 10px;
  margin-right: 0;
  font-size: 16px;
}
div.StyleD_Frame_ .name1_ {
  font-size: 16px;
  line-height: calc(24 / 16);
  font-weight: 500;
}
div.StyleD_Item_ .icon_inner_ {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 12px;
}
div.StyleD_Item_ .icon_inner_ span {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  height: 24px;
  padding: 0 14px;
  border-radius: 12px;
  background: #F0F0F0;
  line-height: 1;
}
div.StyleD_Item_ .icon_inner_ span.blue {
  font-weight: 500;
  color: #fff;
  background: var(--color-main);
}
div.StyleD_Frame_ div.desc_ {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0;
}
div.StyleD_Frame_ .desc_table_ {
  width: 510px;
  border-top: 1px solid #B9B9B9;
}
div.StyleD_Frame_ .desc_table_bottom_ {
  border-top: 1px solid #B9B9B9;
  border-bottom: 1px solid #B9B9B9;
}
div.StyleD_Frame_ .desc_table_ .table_row_ {
  display: flex;
  line-height: calc(20 / 14);
}
div.StyleD_Frame_ .desc_table_ .attr1_ {
  min-height: 50px;
}
div.StyleD_Frame_ .desc_table_ .desc_table_bottom_ {
  display: grid;
  grid-template-columns: 271px calc(100% - 271px);
  height: 50px;
}
div.StyleD_Frame_ .desc_table_ .table_row_ dt {
  display: flex;
  align-items: center;
  padding-left: 15px;
  background: #F0F0F0;
}
div.StyleD_Frame_ .desc_table_ .attr1_ dt {
  width: 140px;
  min-width: 140px;
}
div.StyleD_Frame_ .desc_table_ .width_length_ dt {
  width: 140px;
  min-width: 140px;
}
div.StyleD_Frame_ .desc_table_ .attr2_ dt {
  width: 110px;
  min-width: 110px;
}
div.StyleD_Frame_ .desc_table_ .table_row_ dd {
  display: flex;
  align-items: center;
  padding: 5px 30px;
  font-weight: 500;
  word-break: break-all;
}
div.StyleD_Frame_ .desc_table_ .width_length_ dd {
  display: inline-flex;
  flex-wrap: wrap;
}
div.StyleD_Frame_ .comment_ {
  display: flex;
  align-items: center;
  width: 430px;
  height: 100px;
  padding: 0 20px;
  background: #F0F0F0;
}
div.StyleD_Frame_ .comment_text_ {
  overflow: hidden;
}
div.StyleD_Frame_ .comment_text_ a {
  display: none;
  text-decoration: underline;
}
div.StyleD_Frame_ .comment_text_ a:hover {
  text-decoration: none;
  opacity: 1;
}
div.StyleD_Frame_ .goodscomment3_ {
  margin-top: 11px;
  margin-bottom: 0;
  padding-left: 30px;
}
div.StyleD_Frame_ .goodscomment3_ a {
  color: #B9B9B9;
  line-height: calc(20 / 14);
  text-decoration: underline;
}
div.StyleD_Frame_ .goodscomment3_ a:hover {
  text-decoration: none;
  opacity: 1;
}
.block-event .StyleD_Frame_ {
  min-width: var(--wrapper);
  margin: 0 auto;
  overflow: visible;
}
.block-event .StyleD_Frame_items_ {
  display: flex;
  justify-content: center;
  gap: 30px 26px;
  border: 0;
}
.block-event .StyleD_Frame_inner_ {
  width: calc(var(--wrapper) - 10px * 2 - 15px * 2);
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}
.block-event div.StyleD_Item_ {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: 230px!important;
  min-height: auto;
  padding: 0 15px;
  border: 0;
}
.block-event .StyleD_Item_ .img_ {
  position: relative;
  top: 0;
  margin-bottom: 12px;
}
.block-event .StyleD_Item_ .icon_auto_ {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  z-index: 1;
}
.block-event .StyleD_Item_ .icon_auto_ img {
  width: auto;
  height: 25px;
}
.block-event .StyleD_Item_ .img_s_ {
  display: block;
  width: 100%;
  height: 200px;
}
.block-event .StyleD_Item_ .img_s_ img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.block-event .StyleD_Item_ .code_ {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: calc(26 / 18);
  font-weight: 500;
  text-align: center;
}
.block-event .StyleD_Item_ .name_ {
  text-align: center;
  margin-bottom: 0;
}
.block-event .StyleD_Item_ .name_ .catalog_name_,
.block-event .StyleD_Item_ .name_ .name1_ {
  font-size: 14px;
  font-weight: 500;
  line-height: calc(22 / 14);
}
.block-event div.StyleD_Frame_ .code_ span,
.block-event .icon_,
.block-event div.StyleD_Frame_ div.desc_,
.block-event div.StyleD_Frame_ .goodscomment3_ {
  display: none;
}
.block-event .StyleD_Frame_items_.slick-slider {
  position: relative;
  display: block;
}
.block-event .StyleD_Frame_items_.slick-slider::before,
.block-event .StyleD_Frame_items_.slick-slider::after {
  content: '';
  position: absolute;
  top: 7.52rem;
  width: 50px;
  height: 50px;
  border: 0;
  background-color: #B2B1B4;
  mix-blend-mode: multiply;
  z-index: 1;
}
.block-event .StyleD_Frame_items_.slick-slider::before {
  left: 0;
}
.block-event .StyleD_Frame_items_.slick-slider::after {
  right: 0;
}
.block-event .StyleD_Frame_items_.slick-slider .slick-list {
	overflow: visible !important;
}
.block-event .StyleD_Frame_items_.slick-slider .slick-arrow {
  position: absolute;
  top: 7.52rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border: 0;
  background-color: transparent;
  font-size: 0;
  appearance: none;
  cursor: pointer;
  z-index: 2;
}
.block-event .StyleD_Frame_items_.slick-slider .slick-prev {
  left: 0;
}
.block-event .StyleD_Frame_items_.slick-slider .slick-next {
  right: 0;
}
.block-event .StyleD_Frame_items_.slick-slider .slick-arrow::after {
  content: '';
  display: block;
  width: 32px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  mix-blend-mode: normal;
}
.block-event .StyleD_Frame_items_.slick-slider .slick-prev::after {
  background-image: url('../../img/usr/arrow_l_63x31_white.png');
}
.block-event .StyleD_Frame_items_.slick-slider .slick-next::after {
  background-image: url('../../img/usr/arrow_r_63x31_white.png');
}
/*=== event ===*/
.event_ {
  margin-bottom: 150px;
}
.event_:empty {
  display: none;
}
.block-event + .block-event {
  padding-top: 150px;
  border-top: 1px solid #CECECE;
}
.contents_ .event_banner_ {
  float: none;
  display: block;
  width: var(--wrapper);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 44px;
  text-align: center;
}
.block-event-title {
  min-width: var(--wrapper);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  text-align: center;
}
.event_title_ {
  background: transparent;
  margin: 0;
  padding: 0;
}
.event_title_ a,
.event_title_ span {
  font-family: var(--font-lato);
  font-weight: 900;
  letter-spacing: .05em;
  font-size: 25px;
  line-height: calc(36 / 25);
}
.event_title_ a:hover {
  text-decoration: none;
}
.event_title_ a::before {
  content: none;
}
.event_comment_ {
  margin-top: 18px;
  font-size: 20px;
  line-height: calc(29 / 20);
  font-weight: 500;
}
div.container_ div.contents_ div.mainframe_ .event_ .goods_ {
  padding-top: 0;
}
.event-detail-link {
  min-width: var(--wrapper);
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  text-align: center;
}
.event-detail-link a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 1.15rem;
  width: 250px;
  height: 54px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .05em;
  background: #F2F2F2;
  border-radius: 27px;
  padding-left: 1.725rem;
}
.event-detail-link a:hover {
  text-decoration: none;
}
.event-detail-link a::after {
  content: '';
  display: block;
  width: 8px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../../img/usr/arrow_r_15x27_black.png');
}

/* --------------------------------------------------------------------
  topic
--------------------------------------------------------------------- */
div.topicdetaillist_ .topicdetaillist_body_ {
  width: 100%;
}
div.topiclist_ ul.topicline_,
div.topicdetaillist_ ul.topicdetailline_ {
  display: flex;
  flex-direction: column;
  gap: 47px;
}
div.topiclist_ ul.topicline_ {
  width: calc(100% - 120px);
}
div.topiclist_ ul.topicline_ li,
div.topicdetaillist_ ul.topicdetailline_ li {
  padding: 0;
  border-bottom: 0;
}
div.topiclist_ ul.topicline_ li dl,
div.topicdetaillist_ ul.topicdetailline_ li dl {
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}
div.topiclist_ ul.topicline_ li dl dt,
div.topicdetaillist_ ul.topicdetailline_ li dl dt {
  gap: 10px;
  width: auto;
  font-size: 16px;
  line-height: calc(24 / 16);
}
div.topiclist_ ul.topicline_ li dl dt img,
div.topicdetaillist_ ul.topicdetailline_ li dl dt img {
  width: auto;
  height: 20px;
}
div.topiclist_ ul.topicline_ li dl dd,
div.topicdetaillist_ ul.topicdetailline_ li dl dd {
  width: auto!important;
  line-height: calc(21 / 14);
  word-break: break-all;
}
h2.topic_title_ {
  display: flex;
  align-items: center;
  gap: 20px;
}
h2.topic_title_ img {
  width: auto;
  height: 20px;
}

/* --------------------------------------------------------------------
  top
--------------------------------------------------------------------- */
/*=== TOP BODY ===*/
div.wrapper_.top_wrapper_ {
  width: 100%;
  padding-top: 28px;
}
div.wrapper_.top_wrapper_ div.container_ div.contents_ {
  width: 100%;
}
div.wrapper_.top_wrapper_ div.container_ div.contents_ div.mainframe_ {
  padding-top: 30px;
}
.hash-tab-list {
  min-width: var(--wrapper);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 28px;
}
.hash-tab-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 20px;
  width: 985px;
  margin-left: auto;
  margin-right: auto;
}
.hash-tab-list ul li {
  font-size: 13px;
  line-height: calc(19 / 13);
}
/* mv */
.mv {
  margin-bottom: 10.05rem;
  padding-bottom: 4.95rem;
  border-bottom: 1px solid #CECECE;
}
.mv-tile {
  min-width: var(--wrapper);
  margin-left: auto;
  margin-right: auto;
}
.mv-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
  padding-left: 8px;
  padding-right: 8px;
}
.mv-list-item {
  width: calc((100% - 4px) / 2);
  aspect-ratio: 9/5;
}
.mv-list-item a,
.mv-list-item span {
  display: block;
  width: 100%;
  height: 100%;
}
.mv-list-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
@media screen and (min-width: 1920px) {
  .mv-tile {
    width: 1790px;
  }
  .mv-list-item {
    width: calc((100% - 10px * 3) / 4);
  }
  .mv-list {
    flex-wrap: nowrap;
  }
}
/* mv slider */
.mv-slider {
  width: var(--wrapper);
  margin: 0 auto;
}
.mv-inner {
  width: 1920px;
  margin-left: -360px;
  margin-right: -360px;
}
.mv-slider .slide-items {
  position: relative;
}
.mv-slider .slide-items::before,
.mv-slider .slide-items::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 50px;
  height: 50px;
  border: 0;
  background-color: #B2B1B4;
  mix-blend-mode: multiply;
  z-index: 1;
}
.mv-slider .slide-items::before {
  left: 50%;
  margin-left: -350px;
}
.mv-slider .slide-items::after {
  right: 50%;
  margin-right: -350px;
}
.mv-slider .slick-list {
  overflow: visible !important;
}
.mv-slider .slide-items .slide-list {
  height: 350px;
  padding-left: 5px;
  padding-right: 5px;
}
.mv-slider .slide-items .slide-list a,
.mv-slider .slide-items .slide-list span {
  width: 100%;
  height: 100%;
}
.mv-slider .slide-items .slide-list img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mv-slider .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  width: 50px;
  height: 50px;
  border: 0;
  background-color: transparent;
  font-size: 0;
  appearance: none;
  cursor: pointer;
  z-index: 2;
}
.mv-slider .slick-prev {
  left: 50%;
  margin-left: -350px;
}
.mv-slider .slick-next {
  right: 50%;
  margin-right: -350px;
}
.mv-slider .slick-arrow::after {
  content: '';
  display: block;
  width: 32px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  mix-blend-mode: normal;
}
.mv-slider .slick-prev::after {
  background-image: url('../../img/usr/arrow_l_63x31_white.png');
}
.mv-slider .slick-next::after {
  background-image: url('../../img/usr/arrow_r_63x31_white.png');
}
.mv-slider .slick-dots {
  position: absolute;
  bottom: -2.1rem;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-left: auto;
  margin-right: auto;
}
.mv-slider .slick-dots li {
  width: 6px;
}
.mv-slider .slick-dots li button {
  width: 6px;
  height: 6px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #B9B9B9;
  font-size: 0;
  appearance: none;
  cursor: pointer;
}
.mv-slider .slick-dots li.slick-active button {
  background: var(--color-main);
}
/*=== event ===*/
.top_wrapper_ .event_ {
  margin-bottom: 144px;
}
.top_wrapper_ .block-event {
  padding-bottom: 150px;
}
.top_wrapper_ .block-event:last-of-type {
  border-bottom: 1px solid #CECECE;
}
.top_wrapper_ .event_title_ a,
.top_wrapper_ .event_title_ span {
  font-size: 46px;
  line-height: calc(50 / 46);
}
.top_wrapper_ .event_comment_ {
  margin-top: 16px;
  font-size: 23px;
  line-height: calc(34 / 23);
  font-weight: bold;
}
.top_wrapper_ .event_text_ {
  margin-top: 26px;
  font-size: 16px;
  line-height: calc(28 / 16);
  font-weight: 500;
}
/*=== TOP free1 ===*/
/* pick up */
.block-pickup {
  margin-bottom: 150px;
}
.block-pickup-title {
  margin-bottom: 26px;
  text-align: center;
  font-family: var(--font-lato);
  font-size: 46px;
  font-weight: 900;
  letter-spacing: .05em;
  line-height: calc(50 / 46);
}
.block-pickup .block-pickup-frame {
  width: var(--wrapper);
  margin: 0 auto;
  overflow: visible;
}
.block-pickup .pickup-list {
  display: flex;
  justify-content: center;
}
.block-pickup .block-pickup-inner {
  width: 1272px;
  margin-left: -40px;
  margin-right: -40px;
  overflow: visible;
}
.block-pickup .pickup-list-item {
  max-width: 424px!important;
  padding-left: 10px;
  padding-right: 10px;
}
.block-pickup .pickup-list-item-inner {
  display: block;
}
.block-pickup .pickup-list-item-inner:hover {
  opacity: 1;
}
.block-pickup .pickup-list-item figure {
  width: 100%;
  height: 227px;
  margin: 0 0 20px;
}
.block-pickup .pickup-list-item-inner:hover figure {
  opacity: .7;
}
.block-pickup .pickup-list-item figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.block-pickup .pickup-list-item .title {
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 18px;
  line-height: calc(26 / 18);
}
.block-pickup .pickup-list-item .description {
  font-size: 14px;
  line-height: calc(21 / 14);
}
.block-pickup .pickup-list.slick-slider {
  position: relative;
  display: block;
}
.block-pickup .pickup-list.slick-slider::before,
.block-pickup .pickup-list.slick-slider::after {
  content: '';
  position: absolute;
  top: 9.25rem;
  width: 50px;
  height: 50px;
  border: 0;
  background-color: #B2B1B4;
  mix-blend-mode: multiply;
  z-index: 1;
}
.block-pickup .pickup-list.slick-slider::before {
  left: 0;
}
.block-pickup .pickup-list.slick-slider::after {
  right: 0;
}
.block-pickup .pickup-list.slick-slider .slick-list {
	overflow: visible !important;
}
.block-pickup .pickup-list.slick-slider .slick-arrow {
  position: absolute;
  top: 9.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border: 0;
  background-color: transparent;
  font-size: 0;
  appearance: none;
  cursor: pointer;
  z-index: 2;
}
.block-pickup .pickup-list.slick-slider .slick-prev {
  left: 0;
}
.block-pickup .pickup-list.slick-slider .slick-next {
  right: 0;
}
.block-pickup .pickup-list.slick-slider .slick-arrow::after {
  content: '';
  display: block;
  width: 32px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  mix-blend-mode: normal;
}
.block-pickup .pickup-list.slick-slider .slick-prev::after {
  background-image: url('../../img/usr/arrow_l_63x31_white.png');
}
.block-pickup .pickup-list.slick-slider .slick-next::after {
  background-image: url('../../img/usr/arrow_r_63x31_white.png');
}
/*=== TOP free2 ===*/
.block-top-free2 {
  margin-bottom: 150px;
}
/*=== TOP topic ===*/
div.topiclist_ .topiclist_head_ {
  margin: 0;
  padding: 0;
  background: transparent;
}
div.topiclist_ .topiclist_head_ h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: calc(50 / 32);
}
div.topiclist_ .topiclist_head_ h2::before {
  content: none;
}
.top_wrapper_ .topiclist_,
.category_container_ .topiclist_ {
  display: flex;
  justify-content: space-between;
  width: var(--wrapper);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}
.category_container_ .topiclist_ {
  margin-bottom: 150px;
}
.top_wrapper_ .topiclist_body_,
.category_container_ .topiclist_body_ {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 99.675rem;
}
.topiclist_body_ .topicline_detaillist_ {
  width: 120px;
  min-width: 120px;
  padding: 0;
}
.topiclist_body_ .topicline_detaillist_ a {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  font-size: 14px;
  line-height: calc(20 / 14);
}
.topiclist_body_ .topicline_detaillist_ a::after {
  content: '';
  display: block;
  width: 8px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../../img/usr/arrow_r_15x27_black.png');
}

/* --------------------------------------------------------------------
  list page
--------------------------------------------------------------------- */
.navistyle_sort_filter_ {
  display: flex;
  align-items: center;
  background: #F0F0F0;
  margin-bottom: 40px;
  padding: 12px 36px 15px;
}
.block-event .navistyle_sort_filter_ {
  display: none;
}
.navistyle_sort_filter_right_ {
  display: flex;
  align-items: center;
  gap: 50px;
  margin-left: auto;
}
.navistyle_display_ {
  display: flex;
  align-items: center;
  gap: 30px;
}
.navistyle_display_ dt {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}
.navistyle_display_ dd {
  display: flex;
  gap: 10px;
}
.navistyle_item_ {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 200px;
  height: 60px;
  padding-left: 15px;
  background: #fff;
  border: 3px solid #fff;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}
.navistyle_item_.navistyle_now_,
.navistyle_item_:hover {
  text-decoration: none;
  opacity: 1;
  border: 3px solid var(--color-main);
  color: var(--color-black);
}
.navistyle_item_::before {
  content: '';
  display: block;
  width: 40px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
}
.navistyle_item_.style_D_::before {
  background-image: url('../../img/usr/style_fabric.png');
}
.navistyle_item_.style_P_::before {
  background-image: url('../../img/usr/style_catalog.png');
}
.navisort_ {
  display: flex;
  width: auto;
  gap: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 16px;
  font-weight: 500;
}
.navisort_ dt {
  float: none;
  width: auto;
  text-align: left;
  font-weight: 500;
}
.navisort_ dd {
  display: flex;
  gap: 16px;
  margin: 0;
}
.navisort_ a {
  margin: 0;
  white-space: normal;
}
.navisort_ a:hover {
  text-decoration: underline;
  opacity: 1;
}
.navisort_now_ {
  margin: 0;
  text-decoration: underline;
  color: var(--color-black);
  white-space: normal;
}
.navisort_now_:hover {
  opacity: 1;
}
.navisort_ dd > a:nth-of-type(2) ~ *,
.navisort_ dd > span:first-of-type + a ~ a,
.navisort_ dd > a:first-of-type + span ~ a {
  display: none;
}
#goods_class_filter_ {
  position: relative;
  width: auto;
  margin: 0;
  border: 0;
  font-size: 14px;
  overflow: visible;
}
.navistyle_ dt {
  float: none;
  text-align: left;
  width: auto;
  font-weight: normal;
}
.navistyle_ dd {
  margin-left: 0;
}
#goods_class_filter_ > dt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 173px;
  height: 50px;
  border-radius: 5px;
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-image: url('../../img/usr/icon_plus30x30.png');
  background-color: #fff;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
#goods_class_filter_ > dt.open {
  background-size: 15px 1px;
  background-image: url('../../img/usr/icon_plus30x2.png');
}
#goods_class_filter_ > dd {
  position: absolute;
  display: none;
  top: 50px;
  right: 0;
  padding: 30px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .12);
  z-index: 1;
}
#goods_class_filter_ > dd .inner {
  display: grid;
  grid-template-columns: repeat(3, 220px);
  gap: 5px;
}
#goods_class_filter_ .class_filter_ {
  position: relative;
  display: block;
  margin-right: 0;
}
#goods_class_filter_ .class_filter_ dt {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  background-color: #F0F0F0;
  background-size: 12px 7px;
  background-repeat: no-repeat;
  background-position: right 30px center;
  background-image: url('../../img/usr/arrow_b_23x13_black.png');
  cursor: pointer;
  transition: all .3s;
}
#goods_class_filter_ .class_filter_ dt.open {
  background-color: var(--color-main);
  background-image: url('../../img/usr/arrow_t_23x13_white.png');
  color: #fff;
  font-weight: 500;
}
#goods_class_filter_ .class_filter_ dd {
  position: absolute;
  top: 45px;
  left: 0;
  display: none;
  width: 100%;
  background: #fff;
  border-radius: 5px;
  border: 2px solid #8BAAD1;
  z-index: 1;
}
#goods_class_filter_ .class_filter_ dd li {
  cursor: pointer;
  padding-top: 6px;
  padding-bottom: 6px;
  font-weight: 500;
  text-align: center;
}
#goods_class_filter_ .class_filter_ dd li.selected,
#goods_class_filter_ .class_filter_ dd li:hover {
  color: #fff;
  background: #8BAAD1;
}
#goods_class_filter_ .class_filter_ dd li.selected {
  cursor: auto;
}
/*=== category ===*/
.wrapper_:has(.category_container_),
div.container_.category_container_ div.contents_ {
  width: 100%;
  overflow-y: visible;
}
div.container_.category_container_ div.contents_ div.mainframe_ {
  overflow: visible;
}
div.container_.category_container_ div.contents_ div.mainframe_ .navitopicpath_ {
  margin-top: -40px;
}
.category_mv_ {
  margin-bottom: 50px;
}
.category_mv_ img {
  width: 100%;
  height: auto;
}
h1.category_name_ {
  margin: 0 0 50px;
  font-size: 30px;
  padding: 0;
  color: var(--color-black);
  text-align: center;
}
div.CategoryStyleL_ {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 1050px;
  margin: 0 auto 147px;
  padding: 0;
}
div.CategoryStyleL_ .name_ {
  width: calc((100% - 10px * 3) / 4);
}
div.CategoryStyleL_ .category_name_ {
  position: relative;
  display: block;
  background: #F0F0F0;
  padding: 12px 45px 12px 40px;
}
div.CategoryStyleL_ .category_name_:hover {
  text-decoration: none;
}
div.CategoryStyleL_ .category_name_::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.91rem;
  width: 8px;
  height: 14px;
  margin-top: auto;
  margin-bottom: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../../img/usr/arrow_r_15x27_black.png');
}
/*=== genre ===*/
.wrapper_:has(.genre_container_),
div.container_.genre_container_ div.contents_ {
  width: 100%;
  overflow-y: visible;
}
div.container_.genre_container_ div.contents_ div.mainframe_ {
  overflow: visible;
}
div.container_.genre_container_ div.contents_ div.mainframe_ .navitopicpath_ {
  margin-top: -40px;
}
.genre_mv_ {
  margin-bottom: 50px;
}
h1.genre_name_ {
  margin: 0 0 50px;
  font-size: 30px;
  padding: 0;
  color: var(--color-black);
  text-align: center;
}
div.GenreStyle_ {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 1050px;
  margin: 0 auto 147px;
}
div.GenreStyle_Line_ {
  width: calc((100% - 10px * 3) / 4);
  margin: 0;
}
div.GenreStyle_Item_ {
  display: block;
  width: 100%;
  margin: 0;
  float: none;
}
div.GenreStyle_Item_:not(:nth-of-type(3n)) {
  margin-right: 0;
}
div.GenreStyle_Item_ h3.name_ {
  border: 0;
}
div.GenreStyle_Item_ h3.name_ a {
  position: relative;
  display: block;
  background: #F0F0F0;
  padding: 12px 45px 12px 40px;
  font-weight: normal;
}
div.GenreStyle_Item_ h3.name_ a:hover {
  text-decoration: none;
}
div.GenreStyle_Item_ h3.name_ a::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.91rem;
  width: 8px;
  height: 14px;
  margin-top: auto;
  margin-bottom: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../../img/usr/arrow_r_15x27_black.png');
}
/*=== event ===*/
.wrapper_:has(.event_container_),
div.container_.event_container_ div.contents_ {
  width: 100%;
  overflow-y: visible;
}
div.container_.event_container_ div.contents_ div.mainframe_ {
  overflow: visible;
}
.event_mv_ {
  margin-bottom: 50px;
  text-align: center;
}
h1.event_name_ {
  margin: 0 0 50px;
  font-size: 30px;
  padding: 0;
  color: var(--color-black);
  text-align: center;
}
.event_container_ .event_ .event_banner_ {
  display: none;
}
/*=== search ===*/
.search_detail_goods_list_ {
  margin-bottom: 150px;
}

/* --------------------------------------------------------------------
  goods detail
--------------------------------------------------------------------- */
div.container_.goods_container_ div.contents_ div.mainframe_ .navitopicpath_ {
  margin-top: -40px;
  display: flex;
  flex-wrap: wrap;
}
div.container_.goods_container_ div.contents_ div.mainframe_ .navitopicpath_ #bread-crumb-list > li:not(:last-child) {
  display: none;
}
div.container_.goods_container_ div.contents_ div.mainframe_ .navitopicpath_ #bread-crumb-list li {
  font-size: 0;
}
div.container_.goods_container_ div.contents_ div.mainframe_ .navitopicpath_ #bread-crumb-list:nth-child(n + 2) li::before {
  display: inline-block;
  content: "/";
  line-height: calc(19 / 13);
  font-size: 13px;
}

.block_goods_detail_head_ {
  display: flex;
  gap: 30px;
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 2px solid #CECECE;
}
#gallery.goodsimg_ {
  display: flex;
  justify-content: space-between;
  width: 290px;
  min-width: 290px;
}
#gallery.goodsimg_ .swiper-slider-main {
  width: 230px;
}
#gallery.goodsimg_ .swiper-slider-main li {
  width: 230px;
  height: 230px;
}
#gallery.goodsimg_ .swiper-slider-main li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#gallery.goodsimg_ .swiper-slider-thumbnail {
  width: 50px;
}
#gallery.goodsimg_ .swiper-slider-thumbnail ul {
  flex-direction: column;
  gap: 10px;
}
#gallery.goodsimg_ .swiper-slider-thumbnail ul li {
  position: relative;
  width: 50px;
  height: 50px;
  cursor: pointer;
  margin: 0!important;
}
#gallery.goodsimg_ .swiper-slider-thumbnail ul li.swiper-slide-thumb-active::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid var(--color-main);
  background-color: transparent;
  box-sizing: border-box;
}
#gallery.goodsimg_ .swiper-slider-thumbnail ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.block_goods_head_description_ .goods_icon_ {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 15px;
}
.block_goods_head_description_ .goods_icon_ span {
  line-height: calc(20 / 14);
  background: #F0F0F0;
  padding: 2px 14px;
  border-radius: 12px;
}
.block_goods_head_description_ .goods_icon_ span.blue {
  font-weight: 500;
  background: var(--color-main);
  color: #fff;
}
#spec_goods {
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: 500;
  line-height: calc(35 / 24);
}
#spec_goods span {
  margin-left: 10px;
  color: rgba(38,38,38,.5);
  font-size: 16px;
  font-weight: normal;
  line-height: calc(24 / 26);
}
h1.goods_name_ {
  margin: 0 0 6px;
  padding: 0;
  color: var(--color-black);
  font-size: 18px;
  font-weight: 500;
  line-height: calc(26 / 18);
}
.goods_price {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  margin-bottom: 10px;
}
.goods_price .price_ {
  font-size: 25px;
  font-weight: bold;
  line-height: calc(36 / 26);
}
.goods_price .price_ .unit {
  font-size: 21px;
  line-height: calc(30 / 21);
}
.goods_price .note {
  line-height: calc(20 / 14);
}
.goods_price .note span {
  font-size: 18px;
  font-weight: bold;
  line-height: calc(26 / 18);
}
div.goodscomment1_ {
  margin-top: 0;
  color: var(--color-red);
  line-height: calc(23 / 14);
}
.block_goods_head_description_ .option_buttons_ {
  justify-content: flex-start;
  gap: 10px;
  margin: 0;
  padding: 0;
}
.block_goods_head_description_ .option_buttons_ li {
  margin: 0;
}
.block_goods_head_description_ .option_buttons_ li a {
  display: inline-flex;
  align-items: center;
  gap: .93rem;
  width: auto;
  min-width: 16.03rem;
  height: 40px;
  padding: 0 15px 0 14px;
  border: 0;
  background: #F0F0F0;
  border-radius: 5px;
  color: var(--color-main);
  font-size: 14px;
  font-weight: 500;
}
.block_goods_head_description_ .option_buttons_ li a::before {
  position: static;
  background-size: contain;
  background-repeat: no-repeat;
}
.btn-add-bookmark::before {
  width: 24px;
  height: 21px;
}
.btn-contact-goods::before {
  width: 24px;
  height: 20px;
}
.block_goods_head_btn_ {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 190px;
  min-width: 190px;
  margin-left: auto;
}
.block_goods_material_file_ .modal-open-goods,
.block_goods_standard_file_ a,
.block_goods_add_cart_ a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 18px;
  appearance: none;
  border: 1px solid var(--color-main);
  background: #fff;
  border-radius: 5px;
  color: var(--color-main);
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  cursor: pointer;
  transition: all .3s;
}
.block_goods_material_file_ .modal-open-goods:hover,
.block_goods_standard_file_ a:hover,
.block_goods_add_cart_ a:hover {
  opacity: .7;
  text-decoration: none;
}
.block_goods_material_file_ .modal-container-goods {
  padding-top: 100px;
}
.block_goods_material_file_ .modal-close-goods {
  top: -38px;
  right: 0;
  height: 30px;
}
.block_goods_material_file_ .modal-close-goods::after {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../../img/usr/icon_close60x60.png');
}
.block_goods_material_file_ .modal-body-goods {
  max-width: 900px;
}
.block_goods_material_file_ .modal-content-goods {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 35px;
}
.block_goods_material_file_ .modal-content-goods p.title {
  font-weight: 500;
  font-size: 25px;
  line-height: calc(36 / 25);
}
.block_goods_material_file_ .modal-content-goods p.text {
  font-size: 16px;
  line-height: calc(24 / 16);
}
.block_goods_material_file_ .modal-content-goods a {
  text-decoration: underline;
  font-size: 18px;
  line-height: calc(26 / 18);
}
.block_goods_material_file_ .modal-content-goods a:hover {
  text-decoration: none;
  opacity: 1;
}
div.goodsproductdetail_ {
  justify-content: space-between;
  gap: 0;
  margin-bottom: 0;
}
.goodsproductdetail_contents_ {
  width: 514px;
}
.goodsproductdetail_contents_ > dt {
  margin-bottom: 20px;
  font-size: 25px;
  font-weight: 500;
  line-height: calc(36 / 25);
}
table.goodsspec_ {
  margin: 0 0 20px;
  height: auto;
  border-spacing: 0;
  border-top: 1px solid #CECECE;
}
table.goodsspec_ th,
table.goodsspec_ td {
  padding: 1.45rem 4px 1.55rem 18px;
  line-height: calc(20 / 14);
  border-bottom: 1px solid #CECECE;
  font-size: 14px;
  display: table-cell;
}
table.goodsspec_ th {
  width: 140px;
  background: #F0F0F0;
  border-left: 0;
  font-weight: normal;
}
table.goodsspec_ td {
  font-weight: 500;
  background: #fff;
}
#spec_goods_comment {
  margin-bottom: 50px;
}
#spec_goods_comment p {
  padding: 20px;
  background: #F0F0F0;
  line-height: calc(22 / 14);
}
#catalog_gallery {
  position: relative;
  margin-bottom: 66px;
}
#catalog_gallery li {
  width: 100%;
  height: 514px;
  border: 1px solid #CECECE;
}
#catalog_gallery li img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#catalog_gallery .swiper-button-prev,
#catalog_gallery .swiper-button-next {
  display: none;
  width: 50px;
  height: 50px;
}
#catalog_gallery .swiper-initialized ~ .swiper-button-prev,
#catalog_gallery .swiper-initialized ~ .swiper-button-next {
  display: flex;
}
#catalog_gallery .swiper-button-prev {
  left: 0;
}
#catalog_gallery .swiper-button-next {
  right: 0;
}
#catalog_gallery .swiper-button-prev::after,
#catalog_gallery .swiper-button-next::after {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 0;
}
#catalog_gallery .swiper-button-prev::after {
  background-image: url('../../img/usr/arrow_slider_l_100x100.png');
}
#catalog_gallery .swiper-button-next::after {
  background-image: url('../../img/usr/arrow_slider_r_100x100.png');
}
#catalog_gallery .swiper-pagination-bullets {
  top: auto;
  bottom: -36px;
  display: none;
  justify-content: center;
  gap: 20px;
}
#catalog_gallery .swiper-initialized ~ .swiper-pagination-bullets {
  display: flex;
}
#catalog_gallery .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #B9B9B9;
  opacity: 1;
}
#catalog_gallery .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--color-main);
}
.goodsproductdetail_contents_ div.cartbox_ {
  margin-bottom: 50px;
  text-align: center;
}
.goodsproductdetail_contents_ .cartbox_ .btn_cart_ {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 54px;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  background: #fff;
  border-radius: 6px;
  border: 1px solid var(--color-main);
  color: var(--color-main);
}
.goodsproductdetail_contents_ .cartbox_ .btn_cart_::before {
  content: none;
}
.goodsproductdetail_contents_ .cartbox_ .cart_note_ {
  margin-top: 15px;
  text-align: center;
  color: var(--color-red);
  font-size: 16px;
  line-height: calc(24 / 16);
}
.goodscomment2_ dt {
  margin-bottom: 20px;
  font-size: 25px;
  font-weight: bold;
  line-height: calc(36 / 25);
}
.goodscomment2_ dd {
  font-size: 16px;
  line-height: calc(28 / 16);
}
.goodscomment2_ dd p + p {
  margin-top: 1em;
}
.goodsproductdetail_right_ {
  width: 666px;
}
.goodsproductdetail_right_ div.cartvariation_ {
  position: relative;
  margin-bottom: 0;
  padding-right: 20px;
}
.goodsproductdetail_right_ table.variation_ {
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
}
.goodsproductdetail_right_ .variation_body_ {
  max-height: 601px;
  overflow-y: auto;
  overflow-x: hidden;
}
.goodsproductdetail_right_ table.variation_ .color_code {
  width: 173px;
}
.goodsproductdetail_right_ table.variation_ .stock {
  width: 65px;
}
.goodsproductdetail_right_ table.variation_ .cont_stock {
  width: 92px;
}
.goodsproductdetail_right_ table.variation_ .cut_stock {
  width: 65px;
}
.goodsproductdetail_right_ table.variation_ .qty {
  width: 120px;
}
.goodsproductdetail_right_ table.variation_ .buy {
  width: auto;
}
.goodsproductdetail_right_ table.variation_ th {
  background: #F0F0F0;
  padding: 11px 2px 10px;
  color: #707070;
  font-weight: 500;
  line-height: calc(20 / 14);
  border-right: 1px solid #fff;
  border-top: 1px solid #CECECE;
  border-bottom: 1px solid #CECECE;
}
.goodsproductdetail_right_ table.variation_ th.cut_stock {
  border-right: 2px solid #fff;
}
.goodsproductdetail_right_ table.variation_ th:last-of-type {
  border-right: 0;
}
.goodsproductdetail_right_ table.variation_ td {
  padding: 8px 8px 7px;
  border-bottom: 1px solid #CECECE;
  line-height: calc(19 / 14);
  vertical-align: middle;
}
.goodsproductdetail_right_ table.variation_ td.list_border {
  border-right: 1px solid #CECECE;
}
.goodsproductdetail_right_ table.variation_ td.cut_stock {
  border-right: 2px solid #9D9C9C;
}
.goodsproductdetail_right_ table.variation_ .color_code .inner_ {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  word-break: break-all;
}
.goodsproductdetail_right_ table.variation_ .color_code span {
  text-align: left;
}
.goodsproductdetail_right_ table.variation_ .color_code span:first-of-type {
  font-weight: normal;
  min-width: 2.4em;
}
.goodsproductdetail_right_ table.variation_ td.cont_stock {
  text-align: left;
  padding-left: 14px;
}
.cartvariation_ .cont_stock .inner {
  display: flex;
  align-items: center;
  gap: .84rem;
}
.cartvariation_ .calendar {
  display: inline-block;
  width: 24px;
}
.cartvariation_ .calendar_btn_ {
  width: 24px;
  height: 24px;
  appearance: none;
  border: 0;
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../../img/usr/icon_calendar.png');
  cursor: pointer;
}
.cartvariation_ .delivery-due-date {
  position: absolute;
  width: 200px;
  margin-top: 3.75rem;
  margin-left: -68px;
  background: var(--color-main);
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .15);
  text-align: center;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: all .3s;
}
.cartvariation_ .calendar_btn_.show + .delivery-due-date {
  visibility: visible;
  opacity: 1;
}
.cartvariation_ .delivery-due-date::before {
  content: '';
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 10px solid var(--color-main);
  margin-left: auto;
  margin-right: auto;
}
.cartvariation_ .delivery-due-date dt {
  padding: 10px;
  color: #fff;
  font-weight: 500;
}
.cartvariation_ .delivery-due-date ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 9px 13px 14px 15px;
  background: #fff;
}
.cartvariation_ .delivery-due-date li {
  line-height: calc(20 / 14);
}
.cartvariation_ .cont_stock .num {
  display: inline-block;
  min-width: 32px;
  text-align: center;
}
.cartvariation_ .qty_ {
  width: 120px;
}
.cartvariation_ .qty_ .inner {
  display: flex;
  align-items: center;
  gap: 10px;
}
.cartvariation_ .qty_ .order_qty_ {
  width: 52px;
  height: 34px;
  padding: 0 8px;
  border: 1px solid #CECECE;
  border-radius: 3px;
}
.cartvariation_ .qty_ .unit_ {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.cartvariation_ .qty_ .unit_ label {
  display: flex;
  gap: 4px;
  margin: 0;
  font-weight: 500;
  color: #707070;
  cursor: pointer;
}
.cartvariation_ .qty_ input[type="radio"] {
  appearance: none;
  border: 0;
  width: 21px;
  height: 21px;
  background-image: url('../../img/usr/icon_radio_off.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  cursor: pointer;
}
.cartvariation_ .qty_ input[type="radio"]:checked {
  background-image: url('../../img/usr/icon_radio_on.png');
}
.cartvariation_ .cartbox_ .btn_cart_ {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 105px;
  height: 40px;
  padding: 0;
  font-size: 0;
  border: 2px solid #8BAAD1;
  background: #fff;
  border-radius: 5px;
}
.cartvariation_ .cartbox_ .btn_cart_::before {
  position: static;
  width: 24px;
  height: 19px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../../img/usr/icon_cart_48x37.png');
}
.cart_bloon_ {
  display: none;
}
.cartvariation_  table.variation_ td.cartbox_ div.cartbutton_ .cart_bloon_,
.cart-bulk-action_ .cart_bloon_ {
  position: absolute;
  display: block;
  visibility: hidden;
  opacity: 0;
  width: 160px;
  background: #F0F0F0;
  border-radius: .5rem;
  margin-top: -107px;
  margin-left: -91px;
  padding: 11px 15px 15px;
  text-align: center;
  transition: all .3s;
  box-shadow: 0 0 5px rgba(0, 0, 0, .16);
}
.cart-bulk-action_ .cart_bloon_ {
  margin-top: -120px;
  margin-left: 230px;
}
.cartvariation_  table.variation_ td.cartbox_ div.cartbutton_ .btn_cart_.show + .cart_bloon_,
.cart-bulk-action_ .btn_all_cart_.show + .cart_bloon_ {
  visibility: visible;
  opacity: 1;
}
.cartvariation_  table.variation_ td.cartbox_ div.cartbutton_ .cart_bloon_::after,
.cart-bulk-action_ .cart_bloon_::after {
  content: '';
  position: absolute;
  top: 80px;
  right: 30px;
  width: 0;
  height: 0;
  border-top: 10px solid #F0F0F0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.cart-bulk-action_ .cart_bloon_::after {
  right: 70px;
}
.cartvariation_  table.variation_ td.cartbox_ div.cartbutton_ .cart_bloon_ p,
.cart-bulk-action_ .cart_bloon_ p {
  margin-bottom: 4px;
  font-weight: 500;
  line-height: calc(20 / 14);
}
.cartvariation_  table.variation_ td.cartbox_ div.cartbutton_ .cart_bloon_ a,
.cart-bulk-action_ .cart_bloon_ a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  padding-left: 27px;
  background: #fff;
  border-radius: 5px;
  line-height: 1;
}
.cartvariation_  table.variation_ td.cartbox_ div.cartbutton_ .cart_bloon_ a:hover,
.cart-bulk-action_ .cart_bloon_ a:hover {
  text-decoration: none;
}
.cartvariation_  table.variation_ td.cartbox_ div.cartbutton_ .cart_bloon_ a::before,
.cart-bulk-action_ .cart_bloon_ a::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.81rem;
  width: 7px;
  height: 12px;
  margin-top: auto;
  margin-bottom: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../../img/usr/arrow_r_13x23_black.png');
}
body > .balloontip {
  background: #F0F0F0;
  border-radius: .5rem;
  padding: 11px 15px 15px;
  text-align: center;
  transition: all .3s;
  box-shadow: 0 0 5px rgba(0, 0, 0, .16);
  border: 0;
  font-weight: 500;
  line-height: calc(20 / 14);
  color: var(--color-black);
}
body > .balloontip > div {
  border-top: 10px solid #F0F0F0!important;
  border-left: 6px solid transparent!important;
  border-right: 6px solid transparent!important;
  border-bottom: 0!important;
}
.cartvariation_ .cartbox_ .restock_alert_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 105px;
  height: 40px;
  padding: 0;
  border: 2px solid var(--color-main);
  background: #fff;
  border-radius: 5px;
  color: var(--color-main);
  font-weight: 500;
  cursor: pointer;
}
.cartvariation_ .cartbox_ button.restock_alert_btn {
  cursor: pointer;
  transition: all .3s;
  font-weight: bold;
}
.cartvariation_ .cartbox_ button.restock_alert_btn:hover {
  opacity: .7;
}
.cartvariation_ .cartbox_ button.restock_alert_btn::before {
  content: attr(data-text);
}
.cartvariation_ .cartbox_ .soldout {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 105px;
  height: 40px;
  padding: 0;
  background: #fff;
  border-radius: 5px;
  color: #707070;
  font-weight: 500;
  background: #f0f0f0;
}
.cart-bulk-action_ {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  width: 646px;
  background-color: #F0F0F0;
  border-radius: 2px;
  padding: 10px 10px 11px;
}
.cart-bulk-action_ p.btn_all_cart_ {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.12rem;
  width: 301px;
  height: 49px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  border-radius: 5px;
  background-color: #8BAAD1;
  cursor: pointer;
}
.cart-bulk-action_ p.btn_all_cart_:hover {
  text-decoration: none;
}
.cart-bulk-action_ p.btn_all_cart_::before {
  content: '';
  display: block;
  width: 29px;
  height: 23px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../../img/usr/icon_cart_bulk_58x46.png');
}
.cart-bulk-action_ p.btn_all_cart_.js-animation-add-cart-in-progress {
  position: relative;
}
.cart-bulk-action_ p.btn_all_cart_.js-animation-add-cart-in-progress::before {
  opacity: 0;
}
.goods_container_ .accessory_list_ {
  margin-top: 80px;
}
.accessory_list_ .accessory_list_title_ {
  margin-bottom: 2.95rem;
  font-size: 25px;
  font-weight: bold;
  line-height: calc(36 / 25);
}
.accessory_list_ .navistyle_sort_filter_ {
  display: none;
}

.block_goods_cart_ {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 54px;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  background: #fff;
  border-radius: 6px;
  border: 1px solid var(--color-main);
  color: var(--color-main);
}

/* --------------------------------------------------------------------
  order
--------------------------------------------------------------------- */
div.order_ .order_cart_delete_ {
  width: auto;
  height: auto;
  background: #F0F0F0;
  border: 0;
  box-shadow: none;
  color: var(--color-main);
}

/* --------------------------------------------------------------------
  frepage
--------------------------------------------------------------------- */
.freepage_container_ {
  padding-top: 50px;
}
.freepage_container_ > *:last-child {
  margin-bottom: 0;
}
.freepage_headtitle1_ {
  margin-bottom: 4.95rem;
  font-size: 30px;
  font-weight: bold;
  line-height: calc(44 / 30);
  text-align: center;
}
.freepage_headtitle2_ {
  margin-bottom: 50px;
  font-size: 26px;
  font-weight: bold;
  line-height: calc(44 / 30);
}
.freepage_headtitle3_ {
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: bold;
  line-height: calc(29 / 20);
}
.freepage_headtitle4_ {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #CECECE;
  font-size: 16px;
  font-weight: 500;
  line-height: calc(24 / 16);
}
.border_headtitle_ {
  margin-bottom: 2.05rem;
  padding-bottom: 1.95rem;
  border-bottom: 1px solid #CECECE;
}
.freepage_about_ {
  margin-bottom: 8.05rem;
  padding: 3.7rem 60px 5.05rem;
  border-top: 1px solid #CECECE;
  border-bottom: 1px solid #CECECE;
}
.freepage_about_title_ {
  margin-bottom: 18px;
  font-family: var(--font-lato);
  font-size: 20px;
  font-weight: 900;
  line-height: calc(28 / 20);
  text-align: center;
}
.freepage_about_contents_ {
  display: flex;
  gap: 50px;
}
.freepage_about_image_ {
  width: 280px;
  min-width: 280px;
  margin: 0;
}
.freepage_about_image_ img {
  width: 100%;
  height: auto;
}
.freepage_section_ {
  margin-bottom: 150px;
}
.freepage_section_ > *:last-child {
  margin-bottom: 0;
}
.freepage_section_ p > a {
  text-decoration: underline;
}
.freepage_section_ p > a:hover {
  text-decoration: none;
}
.freepage_nav_link_ {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}
.freepage_nav_link_ li {
  width: calc((100% - 20px * 3) / 4);
  min-height: 80px;
}
.freepage_nav_link_ li > a,
.freepage_nav_link_ li > span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  height: 100%;
  padding: 0 20px;
  background: #F0F0F0;
  color: var(--color-main);
  font-size: 16px;
  line-height: calc(28 / 16);
  font-weight: bold;
}
.freepage_nav_link_ li > a:hover {
  text-decoration: none;
}
.freepage_nav_link_ li.intro > a::before,
.freepage_nav_link_ li.intro > span::before {
  content: '';
  display: block;
  width: 17px;
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../../img/usr/icon_intro33x52.png');
}
.freepage_nav_link_ li.cart > a::before,
.freepage_nav_link_ li.cart > span::before {
  content: '';
  display: block;
  width: 24px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../../img/usr/icon_cart47x36.png');
}
.freepage_nav_link_ li.shipment-request > a::before,
.freepage_nav_link_ li.shipment-request > span::before {
  content: '';
  display: block;
  width: 29px;
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../../img/usr/icon_shipment-request57x52.png');
}
.freepage_nav_link_ li.cut-order > a::before,
.freepage_nav_link_ li.cut-order > span::before {
  content: '';
  display: block;
  width: 23px;
  height: 27px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../../img/usr/icon_cut-order45x53.png');
}
.freepage_nav_link_ li.payment > a::before,
.freepage_nav_link_ li.payment > span::before,
.freepage_nav_link_ li.inspection > a::before,
.freepage_nav_link_ li.inspection > span::before {
  content: '';
  display: block;
  width: 25px;
  height: 28px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../../img/usr/icon_payment50x55.png');
}
.freepage_nav_link_ li.shipping > a::before,
.freepage_nav_link_ li.shipping > span::before,
.freepage_nav_link_ li.shipping-sample > a::before,
.freepage_nav_link_ li.shipping-sample > span::before {
  content: '';
  display: block;
  width: 31px;
  height: 22px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../../img/usr/icon_shipping61x43.png');
}
.freepage_nav_link_ li.shipping-history > a::before,
.freepage_nav_link_ li.shipping-history > span::before {
  content: '';
  display: block;
  width: 25px;
  height: 28px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../../img/usr/icon_shipping-history49x56.png');
}
.freepage_nav_link_ li.others > a::before,
.freepage_nav_link_ li.others > span::before {
  content: '';
  display: block;
  width: 24px;
  height: 21px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../../img/usr/icon_others47x42.png');
}
.freepage_section_ figure {
  margin: 0;
}
.freepage_section_ * + figure {
  margin-top: 30px;
}
.freepage_section_ figcaption {
  margin-bottom: 15px;
  line-height: calc(20 / 14);
}
.freepage_section_ img + figcaption {
  margin-top: 15px;
  margin-bottom: 0;
}
.freepage_order_ {
  display: flex;
  gap: 34px;
}
.freepage_order_ figure {
  width: 600px;
  min-width: 600px;
}
.freepage_order_right_image_ figure {
  order: 1;
  margin-left: auto;
}
.freepage_order_ figure img {
  width: 100%;
  height: auto;
}
.freepage_order_list_ {
  display: flex;
  flex-direction: column;
  gap: 30px;
  counter-reset: listnum;
  list-style: none;
}
.freepage_order_list_ li {
  display: flex;
  gap: 21px;
}
.freepage_order_list_ li::before {
  counter-increment: listnum;
  content: counter(listnum);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  min-width: 28px;
  height: 28px;
  border-radius: 50%;
  color: #fff;
  background: var(--color-main);
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}
.freepage_section_box_ {
  margin-bottom: 50px;
}
.freepage_section_box_.tight-box {
  margin-bottom: 14px;
}
.freepage_section_nav_bottom_ {
  margin-top: -70px;
}
.freepage_section_qa_ .freepage_nav_link_ {
  margin-bottom: 50px;
}
.freepage_qa_box_ + .freepage_qa_box_ {
  margin-top: 5.05rem;
}
.freepage_accordion_ dl {
  margin-bottom: 3.15rem;
}
.freepage_accordion_ dt {
  position: relative;
  padding: 3px 58px 3.55rem 48px;
  border-bottom: 1px solid #CECECE;
  line-height: calc(20 / 14);
  letter-spacing: .05em;
  cursor: pointer;
}
.freepage_accordion_ dt::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 28px;
  height: 28px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../../img/usr/icon_qa_q.png');
}
.freepage_accordion_ dt::after {
  content: '';
  position: absolute;
  bottom: 3.45rem;
  right: 20px;
  display: block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: center center;
  background-image: url('../../img/usr/icon_plus36x36.png');
}
.freepage_accordion_ dt.open::after {
  background-size: 18px 2px;
  background-image: url('../../img/usr/icon_plus36x4.png');
}
.freepage_accordion_ dd {
  position: relative;
  display: none;
  padding: 51px 0 51px 91px;
  letter-spacing: .05em;
  border-bottom: 1px solid #CECECE;
}
.freepage_accordion_ dd::before {
  content: '';
  position: absolute;
  top: 4.95rem;
  left: 48px;
  display: block;
  width: 28px;
  height: 28px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../../img/usr/icon_qa_a.png');
}
.freepage_accordion_ dd a {
  text-decoration: underline;
}
.freepage_accordion_ dd a:hover {
  text-decoration: none;
}
.freepage_section_ .lead_ {
  margin-bottom: 50px;
  text-align: center;
}

/* --------------------------------------------------------------------
  mypage
--------------------------------------------------------------------- */
div.mymenu_ div.mymenu_main_list_ h5::before {
  top: 12px;
}
div.mymenu_topic_ .topiclist_head_ {
  height: auto;
}
div.mymenu_ div.mymenu_main_list_ h4 {
  height: auto;
}
div.mymenu_ #mymenu_main_ div.message_ {
  width: 870px;
}
div.bookmark_item_ div.del_ {
  width: auto;
}
div.bookmark_item_ div.cartgoods_ {
  width: auto;
}
table.bookmark_ th {
  background: transparent;
}
div.restockalertrequests_item_ div.del_ {
  width: auto;
}
div.restockalertrequests_item_ div.cartgoods_ {
  width: auto;
}
table.restockalertrequests_ th {
  background: transparent;
}
input[type="submit"].btn-default.make-group-checked {
  background: #fff;
  border: 2px solid var(--color-main);
  color: var(--color-main);
}
div.mymenu_topic_ ul.topicline_ li > img {
  margin-left: 10px;
  height: 20px;
}
div.customer_.col1_ {
  padding-top: 50px;
}
div.col1_ .navitopicpath_,
div.customer_.col1_ .navitopicpath_ {
  margin-top: -40px;
}
div.container_ div.alert_contents_ {
  padding-top: 50px;
}
.add-cart-icon::before {
  top: calc(50% - 4px);
  width: 16px;
  height: 1.23rem;
  background: url(../../img/usr/icon_cart.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.submit_:has(> .btn_cart_.cart_button_)::before {
  top: calc(50% - 4px);
  width: 16px;
  height: 1.23rem;
  background: url(../../img/usr/icon_cart.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.bizuserlist_btn_ {
  text-align: right;
  margin-bottom: 10px;
}
.navipage_ + .formlist_ {
  margin-top: 20px;
}
.formlist_ + .navipage_ {
  margin-top: 20px;
}