/*Common Item Style*/
.item__img img {
  max-width: 100%;
}
.col-item .btn {
  padding: 0.65rem 1rem;
  background: #000;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  border-radius: 0.85rem;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.col-item .btn .af_icon {
  margin-left: 4px;
  font-size: 85%;
}
.col-item .btn .bf_icon {
  margin-right: 12px;
}
.col-item .btn .af_icon svg,
.col-item .btn svg {
  fill: #fff;
}
.bf_offlbl + .amount {
  padding-left: 8px;
}

.bf_offlbl {
  font-size: 1.25rem;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}
.bf_offlbl .lbl_off,
.bf_offlbl .lbl_soto {
  font-size: 70%;
}
.bf_offlbl .lbl_soto {
  padding-left: 1px;
}

.bf_offlbl .lbl_off {
  font-weight: 500;
}

.bf_offlbl > span {
  line-height: 1;
}
.lbl_style01 {
  padding: 0px 4px 0px 6px;
  height: 24px;
  position: relative;
  z-index: 1;
  color: #fff;
  overflow: hidden;
}
.lbl_style01 .end_lbl,
.lbl_style01:before {
  z-index: -1;
}
.lbl_style01 .end_lbl:after,
.lbl_style01:before {
  content: "";
  position: absolute;
  background: rgb(247, 72, 169);
  background-image: -webkit-repeating-linear-gradient(
    45deg,
    #ccc,
    #ccc 15px,
    transparent 15px,
    transparent 30.4px
  );
  background-image: repeating-linear-gradient(
    45deg,
    rgb(244, 13, 81),
    rgb(244, 13, 81) 2px,
    transparent 2px,
    transparent 5px
  );
}
.lbl_style01:before {
  /* Firefox */
  width: -moz-calc(100% - 14px);
  /* WebKit */
  width: -webkit-calc(100% - 14px);
  /* Opera */
  width: -o-calc(100% - 14px);
  width: calc(100% - 14px);
  height: 100%;
  left: 0;
  top: 0;
}
.lbl_style01 .end_lbl {
  margin-left: -8px;
  height: 18px;
  width: 18px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  position: relative;
  overflow: hidden;
}
.lbl_style01 .end_lbl:after {
  width: 200%;
  height: 200%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: -100%;
  top: -100%;
}
.catch_up p {
  line-height: 1.35;
}
.item_img_inner .catch_up + .item__img {
  padding-top: 14px;
}

.item_img_inner .catch_up {
  padding: 2rem 0.5rem 0;
}
/*theme colors*/
.bf_offlbl * {
  color: rgb(255, 247, 156);
}
.full-container > .sm-container + .sm-container,
.full-container > .mid-container + .sm-container {
  margin-top: 6rem;
}
/*Style Grid*/
.style-grid-01 .row.item__style02 {
  margin-left: 0;
  margin-right: 0;
  border-radius: 1.65rem;
  background: #fff;
}
.style-grid-01 .item_img_inner .catch_up {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 500;
  color: rgb(231, 112, 163);
}
.style-grid-01 .item__img.portrait {
  margin: 0 auto;
}
.style-grid-01 .item__img.portrait {
  width: 100%;
  padding-top: 90%;
  height: 0px;
  background: rgb(245, 245, 245);
  position: relative;
}

.style-grid-01 .item__img.portrait img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-family: "object-fit: contain;";
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center center;
  object-position: center center;
}

.style-grid-01 .item_img_inner {
  width: 100%;
}
.item__img.landscape {
  padding-left: 2rem;
  padding-right: 2rem;
}
.style-grid-01 .item__col-img {
  border-top-left-radius: 1.65rem;
  border-top-right-radius: 1.65rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.style-grid-01 .info_inner,
.style-grid-01 .row_price {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 1.65rem;
  border-bottom-right-radius: 1.65rem;
}
.style-grid-01 .btn_row .btn {
  width: 100%;
  max-width: 100%;
  height: 56px;
  font-size: 1.25rem;
  background: rgb(41, 41, 41);
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.item__style02 .item__name,
.style-grid-01 .ttl_inner .brand__name {
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック",
    "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, sans-serif;
}
.style-grid-01 .ttl_inner .brand__name {
  font-size: 0.65rem;
  letter-spacing: 0.1em;
  font-weight: 400;
  color: #757575;
}

.row__item.style-grid-01 {
  margin-left: -6px;
  margin-right: -6px;
}
.row__item.style-grid-01 .col-item {
  padding: 3px 12px;
}
.sec_grid_listing .mid-container {
  max-width: 1080px;
}
.style-grid-01 .item__ttl-wrap,
.style-grid-01 .item__style02 .price_grid {
  /*padding-left: 1.25rem;
	padding-right: 1.25rem;*/
  padding-left: 0;
  padding-right: 0;
}
.style-grid-01 .item__ttl-wrap {
  text-align: left;
  padding-top: 1rem;
  padding-bottom: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.style-grid-01 .item__ttl-wrap + .row_price {
  margin-top: 8px;
}
.style-grid-01 .item__style02 .row_price {
  border-top: none;
}
.style-grid-01 .item__style02 .price_grid {
  padding-top: 0;
  padding-bottom: 1rem;
}
.style-grid-01 .item__style02 .price_grid p {
  text-align: left;
}
.style-grid-01 .ttl_inner .item__name {
  font-size: 0.85rem;
}

.style-grid-01 .ttl_inner {
  max-width: 100%;
  width: 100%;
}
.row_more {
  margin-top: 24px;
}
.style-grid-01 .ttl_inner .brand__name + .item__name {
  margin-top: 6px;
  min-height: 32px;
}

.style-grid-01 .def_price .n_price {
  font-size: 0.95rem;
  letter-spacing: 0.05em;
}
.style-grid-01 .def_price .n_price .tax {
  font-size: 80%;
  letter-spacing: 0px;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック",
    "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, sans-serif;
  font-weight: 400;
}
.style-grid-01 .def_price .n_price_lbl + .n_price {
  padding-left: 6px;
}
.row__item.style-grid-01 > .col-item + .col-item {
  margin-top: 0;
}
.row__item.style-grid-01 > .col-item:nth-child(1),
.row__item.style-grid-01 > .col-item:nth-child(2) {
  margin-top: 0;
}
.pop-up .item__col-desc .info_inner {
  padding: 0 2rem;
}
.pop-up .n_price_lbl:before {
  content: "容量";
  padding-right: 5px;
  letter-spacing: 0.1em;
}
/* .pop-up .n_price_lbl {
}
.remodal .ttl_inner .brand__name {
} */
.remodal .item__col-desc .amount {
  font-family: "Archivo", sans-serif;
  font-weight: 500;
}
.remodal .def_price .n_price .tax {
  font-size: 12px;
}
.remodal .def_price .n_price {
  color: #000;
  font-size: 18px;
}
.remodal .item__style02 .desc_item p,
.remodal .ttl_inner .brand__name {
  color: #737373;
}
.remodal .ttl_inner .brand__name {
  font-size: 14px;
  letter-spacing: 0.15em;
}
.remodal .ttl_inner .item__name {
  font-size: 20px;
  font-weight: 600;
}
.remodal .item__ttl-wrap + .row_price {
  margin-top: 18px;
}
.remodal .ttl_inner .brand__name + .item__name {
  margin-top: 8px;
}
.remodal .item__style02 .desc_item p {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.65;
  letter-spacing: 0.025em;
}
.remodal .btn .af_icon {
  max-width: 32px;
}

.remodal .btn .af_icon img {
  width: 100%;
  height: auto;
}
.remodal .btn_row .btn {
  padding: 0 20px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.25em;
  font-family: "Noto Sans JP", -apple-system, YuGothic, "游ゴシック",
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
    sans-serif;
}
.remodal-wrapper {
  padding: 0;
}
@media only screen and (min-width: 48em) {
  .remodal .ttl_inner .item__name {
    font-size: 22px;
  }
}
@media only screen and (min-width: 62em) {
  .row__item.style-grid-01 > .col-item:nth-child(1),
  .row__item.style-grid-01 > .col-item:nth-child(2),
  .row__item.style-grid-01 > .col-item:nth-child(3),
  .row__item.style-grid-01 > .col-item:nth-child(4) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 480px) {
  #byprice .style-grid-01 .ttl_inner .brand__name + .item__name {
    min-height: 24px;
  }
}

.btn {
  text-decoration: none;
  outline: none;
}
.remodal {
  padding: 0;
  margin: 0;
  background: none;
  background: #fff;
}
.remodal-overlay {
  background: rgba(205, 231, 236, 0.9);
}
.remodal_wraper {
  padding: 0 1rem;
}
.remodal-close {
  background: #fff;
  border-radius: 100%;
  width: 48px;
  height: 48px;
  z-index: 2;
}
.remodal-close:before,
.remodal-close:after {
  content: " ";
  position: absolute;
  top: 12px;
  left: 24px;
  height: 25px;
  width: 2px;
  background-color: rgb(141, 146, 163);
}
.remodal-close:before {
  transform: rotate(45deg);
}
.remodal-close:after {
  transform: rotate(-45deg);
}
.pop-up .item__col-img {
  position: relative;
}
.pop-up .item__col-img:before {
  content: "";
  width: 100%;
  height: 30%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fff;
  border-top-left-radius: 1.65rem;
  border-top-right-radius: 1.65rem;
  -webkit-box-shadow: -8px -30px 45px -18px rgba(165, 165, 165, 0.2);
  -moz-box-shadow: -8px -30px 45px -18px rgba(165, 165, 165, 0.2);
  box-shadow: -8px -30px 45px -18px rgba(165, 165, 165, 0.2);
}
.remodal .catch_up p {
  font-size: 1.05rem;
}
.remodal .item__ttl-wrap {
  padding-top: 32px;
}
.remodal .def_price {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -ms-flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
}
.remodal .special_price > .flex {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.remodal .item__style02 .special_price {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.remodal .item__style02 .special_price .item__price {
  position: relative;
}
.remodal .item__style02 .special_price + div {
  margin-top: 1rem;
}
.remodal .special_price .bf_offlbl {
  padding: 8px 0;
  font-size: 1.15rem;
  position: absolute;
  bottom: 6px;
  left: -52px;
  width: 52px;
  height: 52px;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: visible;
}
.remodal .special_price .bf_offlbl .lbl_num {
  font-size: 125%;
}
.pop-up .special_price .lbl_style01:before {
  width: 100%;
  border-radius: 100%;
}
.remodal .special_price .bf_offlbl:after {
  content: "";
  position: absolute;
  right: 0;
  top: 70%;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left-color: rgb(247, 72, 169);
  border-right: 0;
  border-bottom: 0;
  margin-top: -3px;
  margin-right: -3px;
}
.pop-up .item__img.square {
  height: 0;
  width: 100%;
  position: relative;
  padding-bottom: 50%;
}
.pop-up .item__img.square img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-family: "object-fit: contain;";
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center center;
  object-position: center center;
}
.pop-up div + .btn_row {
  margin-top: 1.5rem;
}
/*Modal Item Style*/
.swatch_img {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
}

.swatch_img .radio_img {
  padding: 0 10px;
}
.swatch_img .radio_img > label {
  width: 30px;
  height: 30px;
  position: relative;
  display: block;
  cursor: pointer;
}
.swatch_img .radio_img > label > .image_swatch {
  background-size: cover;
  background-position: center;
  position: absolute;
  width: 90%;
  height: 90%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.swatch_img .radio_img > label {
  border: 1px solid transparent;
  margin: 0 auto;
}

.swatch_img .radio_color > label,
.swatch_img .radio_img.radio_color > label > .image_swatch {
  border-radius: 100%;
  overflow: hidden;
}
.radio_img {
  position: relative;
  z-index: 1;
}
.radio_img .opt_name {
  padding-top: 5px;
  font-size: 0.75rem;
  display: inline-block;
  text-align: center;
  max-width: 80px;
  line-height: 1.15;
}
.radio_img label {
  position: relative;
  z-index: -1;
}
.radio_img input[type="radio"] {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
.radio_img input[type="radio"]:checked + label {
  border-color: #ccc;
}
#item_2008_35 .item__name *,
#item_2008_36 .item__name * {
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  #items_2008 {
    margin: 0 auto;
  }
}

@media only screen and (max-width: 480px) {
  .remodal {
    height: 100%;
  }
  .remodal-close {
    width: 38px;
    height: 38px;
    right: 12px;
    top: 12px;
  }
  .remodal-close:before,
  .remodal-close:after {
    top: 12px;
    left: 18px;
    height: 16px;
  }
  .pop-up .item__img.portrait,
  .pop-up .item__col-img {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .style-grid-01 .ttl_inner .brand__name + .item__name {
    font-size: 3.22222vw;
  }
  .sec_grid_listing .style-grid-01.data_items {
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 0;
    margin-right: 0;
  }
  .row__item.style-grid-01 .col-item {
    padding: 3px 6px;
  }
  .sec_grid_listing .mid-container {
    padding: 0;
  }
  .style-grid-01 .item__ttl-wrap,
  .style-grid-01 .item__style02 .price_grid {
    /* padding-left: .5rem;
    padding-right: .5rem;*/
    padding-left: 0;
    padding-right: 0;
  }
  .style-grid-01 .ttl_inner .brand__name {
    font-size: 3vw;
    min-height: 24px;
  }
  .style-grid-01 .btn_row .btn {
    font-size: 3.666666vw;
    letter-spacing: 0px;
    height: 45px;
  }
  .style-grid-01 .price_grid .n_price_lbl {
    font-size: 3vw;
  }
  .bf_offlbl {
    font-size: 4.222222vw;
  }
  .style-grid-01 .def_price .n_price {
    font-size: 3.8888888vw;
  }
  .style-grid-01 .item__price .amount {
    font-size: 6vw;
  }
  .style-grid-01 .special_price {
    margin-top: 3px;
  }
  .style-grid-01 .item__style02 .price_grid {
    padding-bottom: 1.25rem;
  }
  .style-grid-01 .item_img_inner .catch_up {
    padding-top: 1.25rem;
  }
  .style-grid-01 div + .btn_row {
    margin-top: 8px;
  }
  .item__img.landscape {
    padding-left: 12px;
    padding-right: 12px;
  }
  .remodal .special_price .bf_offlbl {
    width: 40px;
    height: 40px;
    font-size: 4vw;
    left: -42px;
  }
  .remodal .ttl_inner .brand__name + .item__name {
    font-size: 18px;
  }
  .remodal .def_price .n_price {
    font-size: 18px;
  }
  .remodal .price_grid .n_price_lbl {
    font-size: 13px;
  }
  .remodal .ttl_inner .brand__name {
    font-size: 13px;
  }
  .remodal .item__style02 .desc_item p {
    font-size: 12px;
  }
  .pop-up .item__col-desc .info_inner {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .remodal .prod-detail-content .btn_row .btn {
    padding: 0 16px;
    height: 48px;
    font-size: 15px;
    letter-spacing: 0.15em;
  }
  .remodal .btn .af_icon {
    max-width: 26px;
  }
  .remodal .item__style02 .price_grid {
    padding-bottom: 2rem;
  }
  .remodal .prod-detail-content div + .btn_row {
    margin-top: 16px;
  }
  .remodal .prod-detail-content .item__img.portrait {
    padding-top: 85%;
  }
  .remodal .item__ttl-wrap + .row_price {
    margin-top: 12px;
  }
  .remodal .item__style02 .special_price + div {
    margin-top: 12px;
  }
}
@media only screen and (max-width: 380px) {
  .bf_offlbl {
    padding-left: 4px;
  }
  .style-grid-01 .btn_row .btn {
    padding: 0;
    font-size: 3.666666vw;
    height: 45px;
  }
  .style-grid-01 .ttl_inner .brand__name {
    font-size: 3vw;
  }
  .lbl_style01 .end_lbl {
    margin-left: -15px;
  }
  .style-grid-01 div + .btn_row {
    margin-top: 8px;
  }
  .style-grid-01 .btn_row .btn {
    height: 38px;
  }
}
@media only screen and (max-width: 320px) {
}

/*For filter*/
ul#filters,
.filter_tags {
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: #e6e6e6;
}
#filters,
.filter_tags {
  margin: 0;
  padding: 0;
  list-style: none;
}
.filter_tags {
  margin-bottom: 12px;
  padding: 15px 16px;
}
#filters li,
.filter_tags li {
  float: left;
}

#filters li span,
.filter_tags li span {
  display: block;
  padding: 5px 20px;
  text-decoration: none;
  cursor: pointer;
  transition: color 300ms ease-in-out;
}
.filter_tags li span {
  padding: 5px 10px;
}
/* #filters li span:hover,
.filter_tags li span:hover {
  color: pink;
} */

/* #filters li span.active,
.filter_tags li span.active {
  color: #fff;
  background: #000;
} */
.filter_tags li + li {
  margin-left: 5px;
}
/*#items_price .portfolio, #items_keyword .portfolio {
  width: 25%;
  margin: 1% 0;
  display: none;
  float: left;
  overflow: hidden;
}

.portfolio-wrapper {
  overflow: hidden;
  position: relative !important;
  cursor: pointer;
}*/

/* #Tablet (Portrait) */

/*@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container {
    width: 768px;
  }
}
  #Mobile (Portrait) - Note: Design for a width of 320px 

@media only screen and (max-width: 767px) {
  .container {
    width: 95%;
  }
  #items_price .portfolio,#items_keyword .portfolio {
    width: 48%;
    margin: 1%;
  }
  #ads {
    display: none;
  }
}*/

/* #Mobile (Landscape) - Note: Design for a width of 480px */

/*@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 70%;
  }
  #ads {
    display: none;
  }
}*/
@media only screen and (max-width: 47.99em) {
  .flex-xs {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .sp_lay > .col_desc {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .sp_lay > .col_ttl {
    padding-right: 24px;
  }
  .sp_lay > .col_desc > .p_desc {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 480px) {
  .filter_tags {
    padding: 10px 16px 15px;
  }
  #byprice #filters .filter {
    font-size: 16px;
  }
  #filters li span {
    padding: 5px 0;
    width: 100%;
  }
  ul#filters {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
  }
  #filters li {
    float: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
  }
}

/* #Clearing */

/* Self Clearing Goodness */

.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: "\0020";
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.row:after,
.clearfix:after {
  clear: both;
}

.row,
.clearfix {
  zoom: 1;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
/*End for filter*/
@media only screen and (max-width: 767px) {
  /*.slick-list {
        padding:0 15% 0 0 !important;
    }*/
}
#jis_area_content div[image_swatch="yes"] .opt_name,
div[front_options="no"] {
  display: none;
}