@charset "UTF-8";
@media only screen and (max-width: 767.98px) {
  .pc {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}

.c_search_bar_group, .footer_grid, .nav_socials__sp, .nav_menu_item_group, .nav_menu, .nav_login, .nav_toggler, .header_user_cart_counter, .header_user_group, .header_inner, .l_special_grid .item, .l_special_grid, .l_special_heading, .l_breadcrumb_list {
  display: flex !important;
}

.nav_menu_item_has_sub .item_icon {
  display: block !important;
}

.nav_socials__pc, .header_user_cart_lists, .l_allbrand_slider_dots .slick-dots, .l_allbrand_slider_arrows {
  display: none !important;
}

.nav_sp {
  position: relative;
  z-index: 1;
}

.nav_sp_close {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .l_allbrand_slider_dots .slick-dots, .l_allbrand_slider_arrows {
    display: flex !important;
  }
}
@media only screen and (min-width: 992px) {
  .nav_socials__pc {
    display: flex !important;
  }
  .nav_socials__sp, .nav_menu_item_has_sub .item_icon, .nav_sp, .nav_toggler {
    display: none !important;
  }
}
.l_special_grid {
  flex-direction: row !important;
}

.nav_menu, .nav_toggler, .l_special_grid .item {
  flex-direction: column !important;
}

.footer_grid {
  flex-direction: column-reverse !important;
}

@media only screen and (min-width: 768px) {
  .footer_grid, .l_special_grid .item {
    flex-direction: row !important;
  }
}
@media only screen and (min-width: 992px) {
  .nav_menu {
    flex-direction: row !important;
  }
}
.title .en, .footer_copyright_txt, .nav_menu_item_group .nav_link .en, .nav_login .en, .nav_toggler_txt, .header_user_cart_counter {
  font-family: Lato, sans-serif !important;
}

body {
  font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
  body {
    font-size: 1.6rem;
  }
}

.title .jp, .footer_menu_item .nav_link, .nav_other .nav_link, .nav_sub_menu_item .nav_link .en, .nav_menu .nav_link .jp, .nav_login .jp, .header_user_name, .l_special_grid .item_title, .l_item_box_vat, .l_item_box_txt, .l_breadcrumb_list {
  font-weight: 500;
}

.title .en, .footer_copyright_txt, .nav_menu_item_group .nav_link .en, .nav_login .en, .nav_toggler_txt, .header_user_cart_counter, .l_special_more .nav_link, .l_item_box_price, .nav_link_more {
  font-weight: 700;
}

.header_user_name {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.header_user_name {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

@media only screen and (min-width: 768px) {
  .header_user_name {
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
}
.txt_center, .title_center, .footer_copyright_txt, .nav_other, .nav_toggler_txt, .l_special_grid .item_title {
  text-align: center !important;
}

@media only screen and (min-width: 992px) {
  .nav_menu_item_group .nav_link {
    text-align: center !important;
  }
}
.title .en, .nav_menu_item_group .nav_link .en, .nav_login .en {
  text-transform: uppercase;
}

::-webkit-scrollbar {
  width: 10px;
  height: 4px;
}

::-webkit-scrollbar-thumb {
  background-color: #000;
}

html {
  line-height: 1.6;
  min-height: 100vh;
  min-height: 100dvh;
}

body {
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-font-smoothing: antialiased;
}

figure img {
  width: 100%;
}

button {
  background-color: transparent;
}

#wrapper {
  position: relative;
  overflow: hidden;
}

.nav_link {
  display: inline-block;
  transition: opacity 300ms ease-out;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .nav_link:hover {
    opacity: 0.6;
  }
}

.nav_link_block {
  display: block;
  transition: opacity 300ms ease-out;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .nav_link_block:hover {
    opacity: 0.6;
  }
}

.item_link {
  display: inline-block;
  transition: 300ms ease-out;
  cursor: pointer;
}

.item_link_block {
  display: block;
  transition: 300ms ease-out;
  cursor: pointer;
}

.item_arrow {
  width: 24px;
  height: 24px;
  font-size: 0;
  background-color: #c1c1c1;
  border-radius: 99px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.16);
  position: relative;
  transition: opacity 300ms ease-out;
}
@media only screen and (min-width: 768px) {
  .item_arrow {
    width: 32px;
    height: 32px;
    cursor: pointer;
  }
  .item_arrow:hover {
    opacity: 0.6;
  }
}
.item_arrow::after {
  content: "";
  width: 8px;
  height: 4px;
  background-image: url("../../images/new/common/icons/icon_arrow_down_w.svg");
  background-size: 100%;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
@media only screen and (min-width: 768px) {
  .item_arrow::after {
    width: 11px;
    height: 6px;
  }
}
.item_arrow.arrow_w {
  border: 1px solid #d8d8d8;
  background-color: #fff;
}
.item_arrow.arrow_w::after {
  background-image: url("../../images/new/common/icons/icon_arrow_down2.svg");
}
.item_arrow.is_hidden {
  opacity: 0;
}

.item_arrow_prev::after {
  rotate: 90deg;
}

.item_arrow_next::after {
  rotate: -90deg;
}

.category_slider .slick-arrow {
  width: 24px;
  height: 24px;
  min-width: auto;
  font-size: 0;
  background-color: #c1c1c1;
  border-radius: 99px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.16);
  /* position: relative; */
  transition: opacity 300ms ease-out;
  position: absolute;
}
.category_slider .slick-arrow:has(.fs-c-button--carousel--prev) {
  left: 50%;
  transform: translateX(-113px);
  z-index: 1;
}
.category_slider .slick-arrow:has(.fs-c-button--carousel--next) {
  right: 50%;
  transform: translateX(125px);
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .category_slide .slick-arrow {
    width: 32px;
    height: 32px;
    cursor: pointer;
  }
  .category_slider .slick-arrow:has(.fs-c-button--carousel--prev) {
    left: -17px;
    transform: translateX(0);
  }
  .category_slider .slick-arrow:has(.fs-c-button--carousel--next) {
    right: -17px;
    transform: translateX(0);
  }
  .category_slide .slick-arrow:hover {
    opacity: 0.6;
  }
}
/* .category_slide .slick-arrow::after {
  content: "";
  width: 8px;
  height: 4px;
  background-image: url("../../images/new/common/icons/icon_arrow_down_w.svg");
  background-size: 100%;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} */
.category_slide .slick-arrow:has(.fs-c-button--carousel--prev)::after {
  content: "";
  width: 4px;
  height: 8px;
  background-image: url("../../images/new/common/icons/icon_arrow_down_w_left.svg");
  background-size: 100%;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.category_slide .slick-arrow:has(.fs-c-button--carousel--next)::after {
  content: "";
  width: 4px;
  height: 8px;
  background-image: url("../../images/new/common/icons/icon_arrow_down_w_right.svg");
  background-size: 100%;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media only screen and (min-width: 768px) {
  .category_slide .slick-arrow::after {
    width: 11px;
    height: 6px;
  }
  .category_slide .slick-arrow:has(.fs-c-button--carousel--prev)::after {
    height: 11px;
    width: 6px;
  }
  .category_slide .slick-arrow:has(.fs-c-button--carousel--next)::after {
    height: 11px;
    width: 6px;
  }
}
.category_slide .slick-arrow.arrow_w {
  border: 1px solid #d8d8d8;
  background-color: #fff;
}
.category_slide .slick-arrow.arrow_w::after {
  background-image: url("../../images/new/common/icons/icon_arrow_down2.svg");
}
.category_slide .slick-arrow.is_hidden {
  opacity: 0;
}

.category_slide .slick-arrow_prev::after {
  rotate: 90deg;
}

.category_slide .slick-arrow_next::after {
  rotate: -90deg;
}


.slick-dots button {
  display: none!important;;
}

.nav_link_more {
  font-size: 1.2rem;
  line-height: 1.4666666667;
}
@media only screen and (min-width: 768px) {
  .nav_link_more {
    font-size: 1.5rem;
  }
}
.nav_link_more.c_light {
  color: #c1c1c1;
}
.nav_link_more.c_light::after {
  background-image: url("../../images/new/common/icons/icon_arrow_right_c1c1c1.svg");
}
.nav_link_more.c_db {
  color: #dbd3c9;
}
.nav_link_more.c_db::after {
  background-image: url("../../images/new/common/icons/icon_arrow_right_dbd3c9.svg");
}
.nav_link_more::after {
  content: "";
  width: 8px;
  height: 13px;
  display: inline-block;
  position: relative;
  top: 2px;
  background-image: url("../../images/new/common/icons/icon_arrow_right_dark_2.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  margin-left: 8px;
}
@media only screen and (min-width: 768px) {
  .nav_link_more::after {
    width: 10px;
    height: 15px;
    margin-left: 15px;
    top: 2px;
  }
}

.container {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 768px) {
  .container {
    max-width: 1040px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 768px) {
  .container_1200 {
    max-width: 1240px;
  }
}
.container_fluid {
  padding-left: 20px;
  padding-right: 20px;
}

/*cookie*/
.cookie_wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #3057ff;
  color: #000;
  z-index: 30;
  padding: 10px 0;
}
.cookie_container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 100%;
  width: 100%;
  padding: 0 25px;
}
@media only screen and (min-width: 768px) {
  .cookie_container {
    flex-wrap: nowrap;
  }
}
.cookie_txt {
  width: 100%;
  font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
  .cookie_txt {
    width: 75%;
    padding-right: 15px;
  }
}
.cookie_close {
  width: 90%;
  margin: 10px auto 0;
}
@media only screen and (min-width: 768px) {
  .cookie_close {
    margin-top: 0;
    flex-shrink: 0;
    width: 25%;
  }
}
.cookie_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 5px 10px 6px;
  text-decoration: none;
  border: solid 2px #000;
  background: #000;
  border-radius: 30px;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .cookie_btn {
    transition: all 0.5s;
    padding: 10px 10px 11px;
  }
  .cookie_btn:hover {
    opacity: 0.7;
  }
}

html.is_loading #loadding {
  opacity: 1;
  pointer-events: all;
}
html.is_loading body {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

#loadding {
  position: fixed;
  z-index: 999999;
  top: 0;
  width: 100%;
  height: 100vh;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  background: linear-gradient(0deg, #ccc 0%, #dbd3c9 100%);
  opacity: 0;
  transition: opacity 1s ease-out 0.5s;
}

.three-body {
  position: relative;
  display: inline-block;
  height: 50px;
  width: 50px;
  animation: spin 2.75s infinite linear;
}
.three-body__dot {
  position: absolute;
  height: 100%;
  width: 30%;
}
.three-body__dot:after {
  content: "";
  position: absolute;
  height: 0%;
  width: 100%;
  padding-bottom: 100%;
  background-color: #fff;
  border-radius: 50%;
}
.three-body__dot:nth-child(1) {
  bottom: 5%;
  left: 0;
  transform: rotate(60deg);
  transform-origin: 50% 85%;
}
.three-body__dot:nth-child(1)::after {
  bottom: 0;
  left: 0;
  animation: wobble1 1.1s infinite ease-in-out;
  animation-delay: -0.33s;
}
.three-body__dot:nth-child(2) {
  bottom: 5%;
  right: 0;
  transform: rotate(-60deg);
  transform-origin: 50% 85%;
}
.three-body__dot:nth-child(2)::after {
  bottom: 0;
  left: 0;
  animation: wobble1 1.1s infinite -0.165s ease-in-out;
}
.three-body__dot:nth-child(3) {
  bottom: -5%;
  left: 0;
  transform: translateX(116.666%);
}
.three-body__dot:nth-child(3)::after {
  top: 0;
  left: 0;
  animation: wobble2 1.1s infinite ease-in-out;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes wobble1 {
  0%, 100% {
    transform: translateY(0%) scale(1);
    opacity: 1;
  }
  50% {
    transform: translateY(-66%) scale(0.65);
    opacity: 0.6;
  }
}
@keyframes wobble2 {
  0%, 100% {
    transform: translateY(0%) scale(1);
    opacity: 1;
  }
  50% {
    transform: translateY(66%) scale(0.65);
    opacity: 0.6;
  }
}
.l_mv {
  margin-top: -3px;
}
@media only screen and (min-width: 768px) {
  .l_mv {
    margin-top: 12px;
    padding-bottom: 6px;
  }
}
.l_mv_slider {
  width: 280px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .l_mv_slider {
    width: 782px;
    max-width: calc(100% - 100px);
  }
}
.l_mv_slider .slick-slide {
  margin-left: 9px;
  margin-right: 9px;
  height: auto !important;
}
@media only screen and (min-width: 768px) {
  .l_mv_slider .slick-slide {
    margin-left: 19px;
    margin-right: 19px;
  }
}
.l_mv_slider .fs-pt-carousel__slide {
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.l_mv_slider .fs-pt-carousel__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.l_mv_slider .slick-list {
  overflow: visible;
  line-height: 0;
}
.l_mv_slider .slick-list .slick-track {
  display: flex;
}
.l_mv_slider .slick-dots {
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
}
@media only screen and (min-width: 768px) {
  .l_mv_slider .slick-dots {
    padding-top: 15px;
    padding-bottom: 15px;
    gap: 15px;
  }
}
.l_mv_slider .slick-dots li {
  width: 6px;
  height: 6px;
  background-color: #d6d4d1;
  border-radius: 99px;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .l_mv_slider .slick-dots li {
    width: 8px;
    height: 8px;
    transition: opacity 300ms ease-out;
    cursor: pointer;
  }
  .l_mv_slider .slick-dots li:hover {
    opacity: 0.6;
  }
}
.l_mv_slider .slick-dots li.slick-active {
  background-color: #ecccde;
}

.l_breadcrumb {
  padding-top: 14px;
  padding-bottom: 14px;
}
@media only screen and (min-width: 768px) {
  .l_breadcrumb {
    padding-top: 13px;
    padding-bottom: 13px;
  }
}
.l_breadcrumb_list {
  align-items: center;
  justify-content: flex-end;
  font-size: 1.5rem;
  line-height: 1.2;
  color: #444;
}
.l_breadcrumb_list .nav_link {
  color: #b5b5b5;
}
.l_breadcrumb_list .nav_link::after {
  content: ">";
  display: inline-block;
  margin-left: 3px;
  margin-right: 3px;
}

@media only screen and (min-width: 768px) {
  a.l_item_box:hover {
    opacity: 0.6;
  }
}

.l_item_box {
  width: 206px;
  display: block;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  padding: 19px 16px 21px;
}
@media only screen and (min-width: 768px) {
  .l_item_box {
    width: 224px;
    max-width: 100%;
    padding: 19px 20px 21px 16px;
    border-radius: 20px;
    transition: 300ms ease-out;
  }
}
.l_item_box_figure {
  overflow: hidden;
  width: 159px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.l_item_box_figure img {
  transition: 300ms ease-out;
}
.l_item_box_txt {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  margin-top: 12px;
}
@media only screen and (min-width: 768px) {
  .l_item_box_txt {
    margin-top: 13px;
  }
}
.l_item_box_price {
  font-size: 1.7rem;
  line-height: 1.4736842105;
  margin-top: 11px;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .l_item_box_price {
    margin-top: 10px;
  }
}
.l_item_box_vat {
  font-size: 1.3rem;
  line-height: 1.4285714286;
}
@media only screen and (min-width: 768px) {
  .l_item_box_vat {
    margin-left: 2px;
  }
}

.category_slider .fs-c-productListItem__image a {
  overflow: hidden;
  width: 159px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.category_slider .fs-c-productListItem__image a img {
  transition: 300ms ease-out;
}
.category_slider .fs-c-productListItem__productName {
  margin-top: 12px;
}
.category_slider .fs-c-productListItem__productName a {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  display: block;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .category_slider .fs-c-productListItem__productName {
    margin-top: 13px;
  }
}
.category_slider .fs-c-productListItem__prices {
  margin-top: 11px;
}
.category_slider .fs-c-productPrice {
  display: flex;
  align-items: baseline;
}
.category_slider .fs-c-price__currencyMark {
  display: none;
}
.category_slider .fs-c-price__value {
  font-size: 1.7rem;
  line-height: 1.4736842105;
  display: flex;
  font-weight: 500;
}
.category_slider .fs-c-price__value::after {
  display: block;
  content: "円";
}
.category_slider .fs-c-productPrice__addon {
  margin-left: 5px;
}
.category_slider .fs-c-productPrice__addon__label {
  font-size: 1.3rem;
  line-height: 1.4285714286;
  font-weight: 500;
}

@media only screen and (min-width: 768px) {
  .category_slider .fs-c-productPrice__addon {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
}


.l_allbrand {
  background-color: #d8d8d8;
  padding-top: 42px;
  padding-bottom: 27px;
}
@media only screen and (min-width: 768px) {
  .l_allbrand {
    padding-top: 60px;
    padding-bottom: 37px;
  }
}
.l_allbrand_group {
  position: relative;
  margin-top: 18px;
}
@media only screen and (min-width: 768px) {
  .l_allbrand_group {
    margin-top: 60px;
  }
}
.l_allbrand_slider {
  overflow: hidden;
}
.l_allbrand_slider .slick-list {
  overflow: visible;
}
/* .l_allbrand_slider_arrows {
  width: calc(100% + 32px);
  height: 0;
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: calc(50% - 16px);
  left: -16px;
}
.l_allbrand_slider_dots {
  display: none;
}
@media only screen and (min-width: 768px) {
  .l_allbrand_slider_dots {
    display: flex;
    justify-content: center;
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.l_allbrand_slider_dots .slick-dots {
  border-radius: 99px;
  background-color: #fff;
}
.l_allbrand_slider_dots .slick-dots button {
  display: none;
}
.l_allbrand_slider_dots .slick-dots li {
  width: 32px;
  height: 3px;
  border-radius: 99px;
  cursor: pointer;
  transition: 300ms ease-out;
}
@media only screen and (min-width: 768px) {
  .l_allbrand_slider_dots .slick-dots li:hover {
    background-color: #e4e4e4;
  }
}
.l_allbrand_slider_dots .slick-dots li.slick-active {
  background-color: #e4e4e4;
} */
.l_allbrand_slide {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .l_allbrand_slide {
    max-width: 797px;
    margin: 0 auto;
  }
}
.l_allbrand_slide .item:nth-child(-n+5) {
  display: flex;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .l_allbrand_slide .item {
    width: calc((100% - 36px) / 4);
    margin-top: 0 !important;
  }
  .l_allbrand_slide .item:nth-child(-n+5) {
    width: calc((100% - 36px) / 4);
    display: block;
  }
  .l_allbrand_slide .item:nth-child(1), .l_allbrand_slide .item:nth-child(2) {
    margin-right: 12px;
  }
}
.l_allbrand_slide .item:nth-child(n+6) {
  width: calc((100% - 14px) / 3);
  margin-right: 7px;
}
@media only screen and (min-width: 768px) {
  .l_allbrand_slide .item:nth-child(n+6) {
    width: calc((100% - 36px) / 4);
    margin-right: 12px;
  }
  .l_allbrand_slide .item:nth-child(6) {
    margin-right: 12px;
  }
}
.l_allbrand_slide .item:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 768px) {
  .l_allbrand_slide .item {
    margin-left: 0;
    margin-right: 12px;
    transition: opacity 300ms ease-out;
  }
  .l_allbrand_slide .item:nth-child(4n) {
    margin-right: 0;
  }
  .l_allbrand_slide .item:nth-child(n+5) {
    margin-top: 25px!important;
  }
  .l_allbrand_slide .item:hover {
    opacity: 0.6;
  }
}
.l_allbrand_slide .item + .item {
  margin-top: 9px;
}
@media only screen and (min-width: 768px) {
  .l_allbrand_slide .item + .item {
    margin-top: 14px;
  }
}

.l_allbrand_slide .item_thumb {
  width: 50%;
  height: 58px;
}
@media only screen and (min-width: 768px) {
  .l_allbrand_slide .item_thumb {
    height: 110px;
    width: auto;
  }
}
.l_allbrand_slide .item:nth-child(n+6) .item_thumb {
  width: 100%;
  height: 70px;
}
@media only screen and (min-width: 768px) {
  .l_allbrand_slide .item:nth-child(n+6) .item_thumb {
    height: 110px;
  }
}
.l_allbrand_slide .item_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.l_allbrand_slide .item:nth-child(4) .item_thumb img {
  object-position: bottom;
}
.l_allbrand_slide .item_tagname {
  width: 50%;
  height: 58px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .l_allbrand_slide .item_tagname {
    height: 80px;
    width: auto;
  }
}
.l_allbrand_slide .item:nth-child(n+6) .item_tagname {
  width: 100%;
  height: 55px;
}
@media only screen and (min-width: 768px) {
  .l_allbrand_slide .item:nth-child(n+6) .item_tagname {
    height: 80px;
  }
}
.l_allbrand_slide .item_tagname img {
  width: auto;
  max-width: calc(100% - 20px);
  max-height: 50px;
}
@media only screen and (min-width: 768px) {
  .l_allbrand_slide .item_tagname img {
    max-width: 100%;
    max-height: unset;
  }
}
.l_allbrand_slide .item_tagname.loveliner img {
  width: 70.6%;
}
.l_allbrand_slide .item_tagname.ts_b img {
  width: 53.5%;
}
.l_allbrand_slide .item_tagname.flower img {
  width: 49%;
}
.l_allbrand_slide .item_tagname.amake img {
  width: 57%;
}
.l_allbrand_slide .item_tagname.ts_s img {
  width: 53.5%;
}
.l_allbrand_slide .item_tagname.ctrlx img {
  width: 40.2%;
}
.l_allbrand_slide .item_tagname.sunca img {
  width: 55.1%;
}
.l_allbrand_slide .item_tagname.phew img {
  width: 47.7%;
}
.l_allbrand_slide .item_tagname.frumor img {
  width: 60.7%;
}
@media only screen and (min-width: 768px) {
  .l_allbrand_slide .item_tagname.loveliner img {
    width: 73.7%;
  }
  .l_allbrand_slide .item_tagname.ts_b img {
    width: 51.1%;
  }
  .l_allbrand_slide .item_tagname.flower img {
    width: 55.3%;
  }
  .l_allbrand_slide .item_tagname.amake img {
    width: 71.6%;
  }
  .l_allbrand_slide .item_tagname.ts_s img {
    width: 51.1%;
  }
  .l_allbrand_slide .item_tagname.ctrlx img {
    width: 40.5%;
  }
  .l_allbrand_slide .item_tagname.sunca img {
    width: 55.3%;
  }
  .l_allbrand_slide .item_tagname.phew img {
    width: 47.9%;
  }
  /* .l_allbrand_slide .item_tagname.frumor img {
    width: 61.1%;
  } */
}

.l_special {
  position: relative;
  padding-top: 50px;
  padding-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .l_special {
    padding-top: 70px;
    padding-bottom: 48px;
  }
}
.l_special::before {
  content: "";
  width: 100%;
  height: 7px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
@media only screen and (min-width: 768px) {
  .l_special::before {
    height: 10px;
  }
}
.l_special_heading {
  justify-content: space-between;
  gap: 20px;
}
.l_special_grid {
  gap: 8px;
  flex-wrap: wrap;
  margin: 7px -8px;
}
@media only screen and (min-width: 768px) {
  .l_special_grid {
    gap: 16px;
    margin: 40px 0 26px;
  }
}
.l_special_grid .item {
  width: calc(50% - 8px);
  background-color: #fff;
  position: relative;
  margin: 2px 8px;
  padding: 8px 8px;
}
@media only screen and (min-width: 768px) {
  .l_special_grid .item {
    width: 390px;
    max-width: calc(33.33% - 11px);
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 16px 16px 14px;
    transition: 300ms ease-out;
  }
  .l_special_grid .item:hover {
    opacity: 0.6;
  }
}
.l_special_grid .item:last-child::after {
  display: none;
}
.l_special_grid .item::after {
  content: "";
  width: 1px;
  height: 175px;
  max-height: calc(100% + 10px);
  display: none;
  background-color: #d8d8d8;
  position: absolute;
  top: 50%;
  right: -10px;
  translate: 0 -50%;
}
@media only screen and (min-width: 768px) {
  .l_special_grid .item::after {
    display: block;
  }
}
.l_special_grid .item_thumb {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 20px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .l_special_grid .item_thumb {
    width: 178px;
    width: clamp(50%, (992px - 100vw) * 1000, 100%);
    height: 143px;
  }
}
.l_special_grid .item_thumb img {
  height: 100%;
  object-fit: cover;
  transition: scale 300ms ease-out;
}
.l_special_grid .item_title {
  font-size: 1.5rem;
  line-height: 1.3333333333;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 11px;
}
@media only screen and (min-width: 768px) {
  .l_special_grid .item_title {
    width: 158px;
    width: clamp(45%, (992px - 100vw) * 1000, 100%);
    margin-top: 0;
  }
}
.l_special_grid_dots {
  display: flex;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .l_special_grid_dots {
    display: none;
  }
}
.l_special_grid_dots .slick-dots {
  display: flex;
  border-radius: 99px;
  background-color: #e9e9e9;
}
.l_special_grid_dots .slick-dots button {
  display: none;
}
.l_special_grid_dots .slick-dots li {
  width: 37px;
  height: 3px;
  border-radius: 99px;
  cursor: pointer;
  transition: 300ms ease-out;
}
.l_special_grid_dots .slick-dots li.slick-active {
  background-color: #d6d4d5;
}
.l_special_more {
  text-align: center;
}
.l_special_more .nav_link {
  font-size: 1.2rem;
  line-height: 1.4666666667;
  position: relative;
  padding-right: 14px;
}
@media only screen and (min-width: 768px) {
  .l_special_more .nav_link {
    font-size: 1.5rem;
    padding-right: 24px;
  }
}
.l_special_more .nav_link::after {
  content: "";
  width: 8px;
  height: 12px;
  display: block;
  background-image: url("../../images/new/common/icons/icon_arrow_right_dark_2.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: -4px;
  translate: 0 -50%;
}
@media only screen and (min-width: 768px) {
  .l_special_more .nav_link::after {
    width: 9px;
    height: 15px;
    right: -6px;
  }
}

.popup_ranking {
  position: fixed;
  z-index: 3000;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 300ms linear;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.popup_ranking.is_active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.popup_ranking .overflow {
  overflow: auto;
  max-height: calc(100vh - 80px);
  max-height: calc(100dvh - 80px);
}
.popup_ranking_mask {
  position: absolute;
  z-index: -1;
  inset: 0;
  background-color: rgba(20, 20, 20, 0.56);
}
.popup_ranking_inner .l_item_box {
  width: 224px;
  position: relative;
  border-radius: 20px;
  border: 0;
}
.popup_ranking_inner .nav_link_more {
  margin-top: 22px;
}
.popup_ranking_close {
  width: 30px;
  height: 30px;
  background-color: #c1c1c1;
  border-radius: 99px;
  position: absolute;
  top: 5px;
  right: 5px;
  translate: 50% -50%;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.16);
}
.popup_ranking_close::before, .popup_ranking_close::after {
  content: "";
  width: 16px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.popup_ranking_close::before {
  rotate: -45deg;
}
.popup_ranking_close::after {
  rotate: 45deg;
}

/** -- ▷ header -- */
.header {
  width: 100%;
  position: fixed;
  z-index: 2506;
  top: 0;
  left: 0;
  background-color: #fff;
  animation: kf_header_focus 300ms linear 0s 1;
}
.header.is_focus {
  z-index: 0;
  position: absolute;
}
.header.is_abs {
  position: absolute;
  animation: none;
}
.header_inner {
  align-items: center;
  padding: 0 0 0 22px;
  border-bottom: 1px solid #ccc;
}
@media only screen and (min-width: 768px) {
  .header_inner {
    height: 78px;
    padding-top: 8px;
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 992px) {
  .header_inner {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.header_logo {
  width: 58.92px;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .header_logo {
    width: 80px;
  }
}
@media only screen and (min-width: 992px) {
  .header_logo {
    margin-right: 50px;
  }
}
.header_logo img {
  width: 100%;
}
.header_user {
  margin-left: auto;
}
.header_user_group {
  gap: 16px;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .header_user_group {
    gap: clamp(1rem, 2.9239766082vw + -1.9941520468rem, 2rem);
  }
}
@media only screen and (min-width: 992px) {
  .header_user_group {
    margin-top: 10px;
  }
}
.header_user_name {
  font-size: 1.1rem;
  line-height: 1.1818181818;
  width: 66px;
  display: none;
}
@media only screen and (min-width: 768px) {
  .header_user_name {
    width: auto;
    max-width: 250px;
    display: block;
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 992px) {
  .header_user_name {
    font-size: 1.4rem;
    font-size: clamp(1rem, 2.2727272727vw + -1.3272727273rem, 1.4rem);
    line-height: 1.2857142857;
    white-space: nowrap;
    overflow: visible;
  }
}
.header_user_btn {
  width: 22px;
}
@media only screen and (min-width: 992px) {
  .header_user_btn {
    width: 30.38px;
  }
}
.header_user_btn.mypage.false {
  display: none;
}
.header_user_btn.login.true {
  display: none;
}
.header_user_cart {
  position: relative;
}
.header_user_cart_icon {
  width: 25.29px;
}
@media only screen and (min-width: 992px) {
  .header_user_cart_icon {
    width: 30.96px;
  }
}
.header_user_cart_counter {
  font-size: 0.8rem;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  border-radius: 99px;
  color: #fff;
  background-color: #444;
  position: absolute;
  top: -3px;
  right: -4px;
}
.nav {
  background-color: #f4f4f4;
  position: fixed;
  inset: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  padding-top: 60px;
}
.nav.is_active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
@media only screen and (min-width: 768px) {
  .nav {
    padding-top: 70px;
  }
}
@media only screen and (min-width: 992px) {
  .nav {
    background-color: transparent;
    position: relative;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    padding-top: 8px;
    width: auto;
  }
}
.nav_toggler {
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 43px;
  position: relative;
  z-index: 2;
  margin-left: 10px;
  border-radius: 0 0 0 10px;
}
@media only screen and (min-width: 768px) {
  .nav_toggler {
    width: 60px;
    height: 70px;
    gap: 5px;
    margin-left: 20px;
    margin-top: -10px;
    cursor: pointer;
    transition: 300ms ease-out;
  }
  .nav_toggler:hover {
    opacity: 0.6;
  }
}
.nav_toggler.is_active .nav_toggler_bar:nth-child(4), .nav_toggler.is_active .nav_toggler_bar:nth-child(1) {
  opacity: 0;
}
.nav_toggler.is_active .nav_toggler_bar:nth-child(2) {
  rotate: 35deg;
  opacity: 1;
}
.nav_toggler.is_active .nav_toggler_bar:nth-child(3) {
  rotate: -35deg;
}
.nav_toggler_box {
  width: 16px;
  height: 12px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .nav_toggler_box {
    width: 25px;
    height: 20px;
  }
}
.nav_toggler_bar {
  width: 100%;
  height: 1.5px;
  background-color: #444;
  border-radius: 2px;
  position: absolute;
  left: 0;
  transition: 300ms ease-out;
}
@media only screen and (min-width: 768px) {
  .nav_toggler_bar {
    height: 2px;
  }
}
.nav_toggler_bar:nth-child(1) {
  top: 0;
}
.nav_toggler_bar:nth-child(2) {
  top: calc(50% - 1px);
  opacity: 0;
}
.nav_toggler_bar:nth-child(3) {
  top: calc(50% - 1px);
}
.nav_toggler_bar:nth-child(4) {
  top: calc(100% - 2px);
}
.nav_toggler_txt {
  color: #444;
  font-size: 1rem;
  line-height: 1;
  margin-top: 3px;
}
@media only screen and (min-width: 768px) {
  .nav_toggler_txt {
    font-size: 1.2rem;
  }
}
.nav_inner {
  width: 375px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 60px;
}
@media only screen and (min-width: 992px) {
  .nav_inner {
    width: auto;
    padding: 0;
  }
}
.nav_overflow {
  width: 100%;
  max-height: calc(100vh - 60px - 40px);
  overflow: auto;
}
@media only screen and (min-width: 992px) {
  .nav_overflow {
    overflow: visible;
  }
}
.nav_login {
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 64px;
  background-color: #444;
  color: #fff;
  border-radius: 99px;
}
.nav_login img {
  width: 24.82px;
}
.nav_login .en {
  font-size: 2.3rem;
  line-height: 1.2173913043;
}
.nav_login .jp {
  font-size: 1.6rem;
  line-height: 1.5;
  margin-left: 8px;
  margin-right: 8px;
}
.nav_menu {
  margin-top: 30px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) {
  .nav_menu {
    gap: 40px;
    gap: clamp(2rem, 5.8479532164vw + -3.9883040936rem, 4rem);
    margin-top: 0;
  }
}
@media only screen and (min-width: 992px) {
  .nav_menu .nav_link .en,
.nav_menu .nav_link .jp {
    display: block;
  }
}
.nav_menu .nav_link .jp {
  font-size: 1.5rem;
}
@media only screen and (min-width: 992px) {
  .nav_menu .nav_link .jp {
    font-size: clamp(.8rem, 1.1363636364vw + -0.1636363636rem, 1rem);
    color: #6a6a6a;
  }
}
.nav_menu_item {
  position: relative;
  margin-top: -1px;
}
@media only screen and (min-width: 992px) {
  .nav_menu_item {
    margin-top: 0;
  }
}
.nav_menu_item:nth-child(1) {
  margin-top: 0;
}
@media only screen and (min-width: 992px) {
  .nav_menu_item_has_sub:hover .nav_sub_menu {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    translate: -50% 0;
  }
}
.nav_menu_item_has_sub.is_active .item_icon::after {
  rotate: -180deg;
}
.nav_menu_item_has_sub .item_icon {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  transition: 300ms ease-out;
}
@media only screen and (min-width: 768px) {
  .nav_menu_item_has_sub .item_icon:hover {
    opacity: 0.6;
  }
}
.nav_menu_item_has_sub .item_icon::after {
  content: "";
  width: 11px;
  height: 7px;
  background-image: url("../../images/new/common/icons/icon_menu_arrow_down.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 10px;
  translate: -50% -50%;
}
.nav_menu_item_group {
  justify-content: space-between;
  border-top: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
  position: relative;
}
@media only screen and (min-width: 992px) {
  .nav_menu_item_group {
    border: 0;
  }
}
@media only screen and (min-width: 992px) {
  .nav_menu_item_group::after {
    content: "";
    width: 100%;
    height: 16px;
    position: absolute;
    top: 100%;
    left: 0;
  }
}
.nav_menu_item_group .nav_link {
  width: 100%;
  display: flex;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  .nav_menu_item_group .nav_link {
    transition: 300ms ease-out;
  }
  .nav_menu_item_group .nav_link:hover {
    opacity: 0.6;
  }
}
@media only screen and (min-width: 992px) {
  .nav_menu_item_group .nav_link {
    width: auto;
    display: inline-block;
    padding: 0;
  }
}
.nav_menu_item_group .nav_link .en {
  line-height: 1.2222222222;
  font-size: 1.8rem;
  padding-right: 9px;
}
@media only screen and (min-width: 992px) {
  .nav_menu_item_group .nav_link .en {
    padding-right: 0;
    font-size: clamp(1.4rem, 1.7045454545vw + -0.2454545455rem, 1.6rem);
  }
}
.nav_sub_menu {
  padding-left: 20px;
}
@media only screen and (min-width: 992px) {
  .nav_sub_menu {
    width: 300px;
    background-color: #fff;
    position: absolute;
    top: calc(100% + 16px);
    left: 50%;
    translate: -50% 10px;
    border-radius: 10px;
    padding: 10px 20px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 300ms linear;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  }
}
.nav_sub_menu_item {
  border-top: 1px solid #c1c1c1;
}
.nav_sub_menu_item:nth-child(1) {
  border: 0;
}
.nav_sub_menu_item .nav_link {
  display: block;
  padding-top: 8px;
  padding-bottom: 9px;
  line-height: 1.3333333333;
}
@media only screen and (min-width: 992px) {
  .nav_sub_menu_item .nav_link {
    padding-bottom: 10px;
  }
}
.nav_sub_menu_item .nav_link .en {
  font-size: 1.5rem;
}
.nav_other {
  margin-top: 20px;
}
.nav_other .nav_link {
  font-size: 1.5rem;
  margin-top: 10px;
  margin-bottom: 10px;
}
.nav_socials {
  gap: 19px;
}
.nav_socials__sp {
  justify-content: center;
  margin-top: 15px;
}
.nav_socials__pc {
  justify-content: flex-end;
  width: 127px;
  margin-left: auto;
  margin-right: 3px;
}
.nav_socials_item {
  width: 26px;
}
@media only screen and (min-width: 992px) {
  .nav_socials_item {
    width: 17px;
  }
}

main {
  padding-top: 42px;
}
@media only screen and (min-width: 768px) {
  main {
    padding-top: 78px;
  }
}

@keyframes kf_header_focus {
  0% {
    transform: translate(0, -110%);
  }
  100% {
    transform: none;
  }
}
/** -- ▷ footer -- */
.footer_copyright {
  border: 0;
  border-top: 1px solid #d0d0d0;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  .footer_copyright {
    padding-bottom: 35px;
  }
}
.footer_copyright_txt {
  font-size: 1.1rem;
  line-height: 1.0909090909;
}
.footer_grid {
  flex-wrap: wrap;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .footer_grid {
    justify-content: space-between;
    padding-bottom: 12px;
  }
}
.footer_menu {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .footer_menu {
    width: 700px;
    display: flex;
    gap: 50px;
    padding-top: 21px;
  }
}
.footer_menu_group {
  position: relative;
  border-top: 1px solid #c1c1c1;
}
@media only screen and (min-width: 768px) {
  .footer_menu_group {
    border: 0;
  }
  .footer_menu_group:hover .footer_sub_menu {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
}
.footer_menu_group.is_active .icon {
  rotate: -180deg;
}
.footer_menu_item .nav_link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1.22;
  font-size: 1.5rem;
  padding: 22px 0 21px 16px;
}
@media only screen and (min-width: 768px) {
  .footer_menu_item .nav_link {
    display: inline-block;
    padding: 22px 0 21px;
    cursor: pointer;
  }
}
.footer_menu_item .icon {
  width: 40px;
  height: 100%;
  display: inline-block;
  position: relative;
  transition: 300ms ease-out;
}
@media only screen and (min-width: 768px) {
  .footer_menu_item .icon {
    width: 10px;
    height: 10px;
    margin-left: 12px;
  }
}
.footer_menu_item .icon::after {
  content: "";
  width: 8px;
  height: 12px;
  display: inline-block;
  background-image: url("../../images/new/common/icons/icon_arrow_right_dark.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  rotate: 90deg;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
@media only screen and (min-width: 768px) {
  .footer_menu_item .icon::after {
    width: 6px;
    height: 9px;
    rotate: 0deg;
  }
}
.footer_sub_menu {
  padding-left: 20px;
  border-top: 1px solid #c1c1c1;
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .footer_sub_menu {
    width: 280px;
    min-width: fit-content;
    border-top: 0;
    position: absolute;
    bottom: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 300ms linear;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  }
}
.footer_sub_menu > li {
  border-top: 1px solid #c1c1c1;
}
.footer_sub_menu > li:nth-child(1) {
  border-top: 0;
}
.footer_sub_menu .nav_link {
  padding: 10px 0;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.33;
  display: block;
}
@media only screen and (min-width: 768px) {
  .footer_sub_menu .nav_link {
    padding: 10px;
  }
}
.footer_socials {
  width: 232px;
  display: flex;
  justify-content: center;
  column-gap: 20px;
  padding-top: 38px;
  padding-bottom: 45px;
}
@media only screen and (min-width: 768px) {
  .footer_socials {
    width: clamp(232px, (880px - 100vw) * 1000, 100%);
    gap: 35px;
    justify-content: flex-end;
    padding-top: 20px;
    padding-bottom: 0;
  }
}
.footer_socials .nav_link {
  width: 26px;
  height: 26px;
}
@media only screen and (min-width: 768px) {
  .footer_socials .nav_link {
    width: 27px;
    height: 27px;
  }
}

.totop {
  width: 40px;
  height: 40px;
  background-color: #c1c1c1;
  border: 1px solid #f4f4f4;
  position: fixed;
  z-index: 100;
  right: 10px;
  bottom: 10px;
  translate: 0 100px;
  transition: translate 300ms ease-out, opacity 300ms linear;
}
@media only screen and (min-width: 768px) {
  .totop {
    width: 60px;
    height: 60px;
    right: 20px;
    bottom: 20px;
    cursor: pointer;
  }
  .totop:hover {
    opacity: 0.6;
  }
}
.totop.is_active {
  translate: none;
}
.totop::after {
  content: "";
  width: 11px;
  height: 11px;
  background-image: url("../../images/new/common/icons/icon_arrow_down_w.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -70%;
  rotate: -180deg;
}
@media only screen and (min-width: 768px) {
  .totop::after {
    width: 16px;
    height: 16px;
    translate: -50% -80%;
  }
}

.title .en,
.title .jp {
  display: block;
}
.title_primary .en {
  font-size: 1.8rem;
  line-height: 1.2;
}
@media only screen and (min-width: 768px) {
  .title_primary .en {
    font-size: 3.6rem;
    line-height: 1.2222222222;
  }
}
.title_primary .jp {
  font-size: 1.6rem;
  line-height: 1.4666666667;
}
@media only screen and (min-width: 768px) {
  .title_primary .jp {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.title_w {
  color: #fff;
}
.title_l {
  color: #c1c1c1;
}
.c_search {
  position: relative;
  z-index: 1;
}
.c_search_bar {
  background-color: #f4f4f4;
  position: relative;
  z-index: 10;
  padding-top: 9px;
  padding-bottom: 9px;
}
@media only screen and (min-width: 768px) {
  .c_search_bar {
    padding-top: 13px;
    padding-bottom: 13px;
  }
}
.c_search_bar.is_focus .c_search_bar_mask {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.c_search_bar_group {
  width: calc(100% - 40px);
  height: 38px;
  position: relative;
  z-index: 0;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .c_search_bar_group {
    max-width: 677px;
  }
}
.c_search_bar_group::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: 99px;
  background-color: #fff;
  border: 1px solid #c1c1c1;
}
.c_search_bar_mask {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  transition: 300ms linear;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.c_search_cate {
  position: relative;
}
.c_search_cate_icon {
  position: relative;
  width: 40px;
  height: 100%;
  transition: 300ms ease-out;
}
@media only screen and (min-width: 768px) {
  .c_search_cate_icon {
    width: 48px;
    cursor: pointer;
  }
}
.c_search_cate_icon.is_active::after {
  rotate: 180deg;
}
.c_search_cate_icon::after {
  content: "";
  width: 9px;
  height: 6px;
  background-image: url("../../images/new/common/icons/icon_arrow_down.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 52%;
  left: 50%;
  translate: -25% -50%;
  transition: 300ms ease-out;
}
@media only screen and (min-width: 768px) {
  .c_search_cate_icon::after {
    width: 12px;
    height: 8px;
    left: 58%;
    translate: -50% -50%;
  }
}
.c_search_cate_lists_wrap {
  width: 200px;
  background-color: #fff;
  position: absolute;
  z-index: 1;
  border-radius: 10px 0 0 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 300ms linear;
}
@media only screen and (min-width: 768px) {
  .c_search_cate_lists_wrap {
    width: 160px;
    min-width: fit-content;
  }
}
.c_search_cate_lists_wrap.is_active {
  opacity: 1;
}
.c_search_cate_lists_wrap .overflow_auto {
  overflow: auto;
  max-height: 70dvh;
}
.c_search_cate_lists_wrap .item {
  border-top: 1px solid #f4f4f4;
}
.c_search_cate_lists_wrap .item a {
  display: block;
  padding: 10px;
}
.c_search_cate_lists_wrap .item:nth-child(1) {
  border: 0;
}
.c_search_box {
  width: calc(100% - 48px);
  position: relative;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .c_search_box {
    width: calc(100% - 48px);
  }
}
.c_search_box::before {
  content: "";
  width: 1px;
  height: 80%;
  background-color: #c1c1c1;
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
}
.c_search_box input[type=text] {
  width: calc(100% - 40px);
  height: 100%;
  background-color: transparent;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  padding-left: 13px;
}
@media only screen and (min-width: 768px) {
  .c_search_box input[type=text] {
    width: calc(100% - 60px);
    padding-left: 11px;
    font-size: 1.6rem;
  }
}
.c_search_box input[type=text]::placeholder {
  color: #cdcdcd;
  opacity: 1; /* Firefox */
}
.c_search_box input[type=text]::-ms-input-placeholder {
  /* Edge 12 -18 */
  color: #cdcdcd;
}
.c_search_box_lockup {
  width: 40px;
  height: 100%;
  position: relative;
  transition: opacity 300ms ease-out;
}
@media only screen and (min-width: 768px) {
  .c_search_box_lockup {
    width: 60px;
    cursor: pointer;
  }
  .c_search_box_lockup:hover {
    opacity: 0.6;
  }
}
.c_search_box_lockup::after {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("../../images/new/common/icons/icon_lockup.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.btn {
  min-width: 192px;
  display: inline-flex;
  gap: 6px;
  align-items: center;
  justify-content: center;
  padding: 16px 10px 17px;
  border-radius: 99px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.16);
}
@media only screen and (min-width: 768px) {
  .btn {
    font-size: 1.5rem;
    gap: 12px;
    padding: 14px;
    transition: 300ms ease-out;
  }
  .btn:hover {
    opacity: 0.6;
  }
}
.btn_blank::after {
  content: "";
  width: 11px;
  height: 11px;
  display: inline-block;
  background-image: url("../../images/new/common/icons/icon_blank_w.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) {
  .btn_blank::after {
    width: 13px;
    height: 13px;
  }
}
.btn_purple {
  color: #fff;
  background-color: #7da0d7;
}
.btn_info {
  color: #fff;
  background-color: #7dbfcb;
}
.btn_pink {
  color: #fff;
  background-color: #ff8dc9;
}

/* ログイン・ログアウト */
.p_rank.false .stage_name::before {
  content: 'ログイン';
}
/*# sourceMappingURL=common.css.map */