.ux_brand_wrap {
  position: relative;
  width: 1280px;
  margin: 0 auto;
  padding: 30px 0 150px;
}
.ux_brand_wrap .brand_title {
  text-align: center;
  padding: 50px 0;
}
.ux_brand_wrap .brand_title h4 {
  line-height: 45px;
  font-size: 34px;
  font-weight: bold;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ux_brand_wrap .banner_box {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.ux_brand_wrap .banner_box .img {
  position: relative;
}
.ux_brand_wrap .banner_box .img img {
  display: block;
  width: 100%;
}
.ux_brand_wrap .banner_box .info {
  padding: 20px 30px 0;
  text-align: center;
  line-height: 20px;
  font-size: 15px;
  color: #000;
}
.ux_brand_wrap .banner_box .info strong {
  display: block;
  line-height: 29px;
  min-height: 29px;
  font-size: 22px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ux_brand_wrap .banner_box .info strong ~ p {
  margin-top: 10px;
}
.ux_brand_wrap .banner_box .info p {
  margin-top: 39px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ux_brand_wrap [class*=banner_].type_A .banner_box .img::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(19.1%, rgba(0, 0, 0, 0.031)), color-stop(33.5%, rgba(0, 0, 0, 0.11)), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.031) 19.1%, rgba(0, 0, 0, 0.11) 33.5%, rgba(0, 0, 0, 0.5) 100%);
}
.ux_brand_wrap [class*=banner_].type_A .banner_box .info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  padding: 0 30px;
  min-height: 59px;
}
.ux_brand_wrap [class*=banner_].type_A .banner_box .info * {
  color: #fff;
}
.ux_brand_wrap [class*=banner_].type_C .banner_box .info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: left;
}
.ux_brand_wrap [class*=banner_].type_C .banner_box .info strong {
  line-height: 34px;
  font-size: 30px;
  font-weight: bold;
}
.ux_brand_wrap [class*=banner_].type_C .banner_box .info p {
  line-height: 24px;
  font-size: 18px;
}
.ux_brand_wrap [class*=banner_].type_D .banner_box {
  border: 1px solid #D7D8D9;
}
.ux_brand_wrap [class*=banner_].type_D .banner_box > a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 180px;
  padding: 30px 300px 30px 150px;
}
.ux_brand_wrap [class*=banner_].type_D .banner_box .img {
  position: absolute;
  top: 30px;
  right: 150px;
  min-width: 120px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #D9D9D9;
}
.ux_brand_wrap [class*=banner_].type_D .banner_box .img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ux_brand_wrap [class*=banner_].type_D .banner_box .info {
  width: 100%;
  height: 94px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
}
.ux_brand_wrap [class*=banner_].type_D .banner_box .info .name {
  line-height: 32px;
  font-size: 24px;
  font-weight: bold;
  color: #000;
}
.ux_brand_wrap [class*=banner_].type_D .banner_box .info .name ~ .text {
  margin-top: 4px;
}
.ux_brand_wrap [class*=banner_].type_D .banner_box .info .name ~ .day {
  margin-top: auto;
}
.ux_brand_wrap [class*=banner_].type_D .banner_box .info .text {
  line-height: 21px;
  font-size: 16px;
  color: #000;
}
.ux_brand_wrap [class*=banner_].type_D .banner_box .info .day {
  line-height: 21px;
  font-size: 16px;
  color: #888;
}
.ux_brand_wrap .quick_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.ux_brand_wrap .quick_menu.circle {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.ux_brand_wrap .quick_menu.circle a {
  display: block;
  position: relative;
}
.ux_brand_wrap .quick_menu.circle .quick_item {
  width: 160px;
}
.ux_brand_wrap .quick_menu.circle .quick_item .img {
  width: 110px;
  height: 110px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 50%;
}
.ux_brand_wrap .quick_menu.circle .quick_item .img ~ p {
  margin: 10px 20px 0;
}
.ux_brand_wrap .quick_menu.card {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px 40px;
}
.ux_brand_wrap .quick_menu.card a {
  display: block;
  position: relative;
}
.ux_brand_wrap .quick_menu.card .quick_item {
  display: block;
  position: relative;
  width: 290px;
}
.ux_brand_wrap .quick_menu.card .quick_item .img::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 125px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 0.6;
}
.ux_brand_wrap .quick_menu.card .quick_item p {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  padding: 0 15px;
  max-height: 55px;
  color: #fff;
}
.ux_brand_wrap .quick_menu + .quick_menu {
  margin-top: 30px;
}
.ux_brand_wrap .quick_item .img {
  position: relative;
  overflow: hidden;
}
.ux_brand_wrap .quick_item .img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.ux_brand_wrap .quick_item p {
  display: block;
  text-align: center;
  line-height: 20px;
  font-size: 15px;
  font-weight: normal;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
}
.ux_brand_wrap .display_area.type_bg .banner_box {
  position: relative;
}
.ux_brand_wrap .display_area.type_bg .banner_box .img {
  margin-bottom: -1px;
}
.ux_brand_wrap .display_area.type_bg .banner_box .img ~ .info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: auto;
  border: none;
  padding: 0 150px;
  margin: 0;
}
.ux_brand_wrap .display_area.type_bg .banner_box .img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #E0E0E0;
  border-bottom: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ux_brand_wrap .display_area.type_bg .banner_box .info {
  min-height: 170px;
  border: 1px solid #E0E0E0;
  padding: 0 149px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: left;
  margin-bottom: -1px;
}
.ux_brand_wrap .display_area.type_bg .banner_box .info strong {
  line-height: 34px;
  font-size: 30px;
  font-weight: bold;
}
.ux_brand_wrap .display_area.type_bg .banner_box .info p {
  line-height: 24px;
  font-size: 18px;
}
.ux_brand_wrap .display_area.type_bg .banner_box .info strong,
.ux_brand_wrap .display_area.type_bg .banner_box .info p {
  color: #fff;
}
.ux_brand_wrap .display_area.type_bg .banner_box.type2 .info strong,
.ux_brand_wrap .display_area.type_bg .banner_box.type2 .info p {
  color: #000;
}
.ux_brand_wrap .display_area.type_bg .banner_box ~ .display_product .goods_list {
  border: 1px solid #E0E0E0;
}
.ux_brand_wrap .display_area.type_bg .display_product .goods_list [class^=unit_THMB] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 30px;
}
.ux_brand_wrap .display_area.type_bg .display_product .goods_list [class^=unit_THMB] > li {
  display: block;
  float: none;
  width: 50%;
  height: auto;
  min-height: 150px;
  border: none;
  border-bottom: 1px solid #E0E0E0;
}
.ux_brand_wrap .display_area.type_bg .display_product .goods_list [class^=unit_THMB] > li:nth-of-type(odd) {
  padding-left: 0;
}
.ux_brand_wrap .display_area.type_bg .display_product .goods_list [class^=unit_THMB] > li:nth-of-type(odd).on .unit_btn {
  margin-left: -15px;
}
.ux_brand_wrap .display_area.type_bg .display_product .goods_list [class^=unit_THMB] > li:nth-of-type(even) {
  padding-right: 0;
}
.ux_brand_wrap .display_area.type_bg .display_product .goods_list [class^=unit_THMB] > li:nth-of-type(even).on .unit_btn {
  margin-left: 15px;
}
.ux_brand_wrap .display_area.type_bg .display_product .goods_list [class^=unit_THMB] > li:nth-of-type(n + 3):nth-last-of-type(2) {
  border-color: #fff;
}
.ux_brand_wrap .display_area.type_bg .display_product .goods_list [class^=unit_THMB] > li:nth-of-type(n + 3):nth-last-of-type(2):nth-of-type(even) {
  border-color: #E0E0E0;
}
.ux_brand_wrap .display_area.type_bg .display_product .goods_list [class^=unit_THMB] > li:nth-of-type(n + 3):nth-last-of-type(1) {
  border-color: #fff;
}
.ux_brand_wrap .display_area.type_bg .display_product .goods_list [class^=unit_THMB] > li.on .unit_img {
  opacity: 1;
}
.ux_brand_wrap .display_area.type_bg .display_product .goods_list [class^=unit_THMB] > li.on .unit_link {
  opacity: 0.25;
}
.ux_brand_wrap .display_area.type_bg .display_product .goods_list [class^=unit_THMB] > li.on .unit_btn {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  top: 50%;
  left: 50%;
  right: auto;
  margin: 0;
  width: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 6;
}
.ux_brand_wrap .display_area.type_bg .display_product .goods_list [class^=unit_THMB] .unit_link {
  min-height: 150px;
  padding: 0 0 0 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ux_brand_wrap .display_area.type_bg .display_product .goods_list [class^=unit_THMB] .unit_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
}
.ux_brand_wrap .display_area.type_bg .display_product.off .goods_list [class^=unit_THMB] > li {
  display: none;
}
.ux_brand_wrap .display_area.type_bg .display_product.off .goods_list [class^=unit_THMB] > li:nth-of-type(-n + 4) {
  display: block;
}
.ux_brand_wrap .display_area.type_bg .display_product.off .goods_list [class^=unit_THMB] > li:nth-of-type(-n + 2) {
  border-color: #E0E0E0;
}
.ux_brand_wrap .display_area.type_bg .display_product.off .goods_list [class^=unit_THMB] > li:nth-of-type(n + 3) {
  border-color: #fff;
}
.ux_brand_wrap .display_area.type_bg .display_product.off .goods_list [class^=unit_THMB] > li:nth-of-type(n + 3):nth-of-type(even) {
  border-color: #fff;
}
.ux_brand_wrap .display_area.type_bg .btn_wrap button:is([style*="display: none"]) + [class*=btn_type] {
  margin-left: auto;
}
.ux_brand_wrap .display_product .goods_list > ol .unit_flag,
.ux_brand_wrap .display_product .goods_list > ol .unit_info .brand,
.ux_brand_wrap .display_scroll .goods_list > ol .unit_flag,
.ux_brand_wrap .display_scroll .goods_list > ol .unit_info .brand {
  display: none;
}
.ux_brand_wrap .display_product .goods_list > ol .unit_price .price01.percent0,
.ux_brand_wrap .display_scroll .goods_list > ol .unit_price .price01.percent0 {
  font-size: 0;
}
.ux_brand_wrap .display_product .goods_list > ol > li,
.ux_brand_wrap .display_scroll .goods_list > ol > li {
  border-color: transparent;
}
.ux_brand_wrap .display_product .goods_list > ol > li.on,
.ux_brand_wrap .display_scroll .goods_list > ol > li.on {
  border-color: transparent;
}
.ux_brand_wrap .display_scroll.column1 .goods_list [class^=unit_THMB] > li {
  float: none;
  height: auto;
  border-color: transparent;
}
.ux_brand_wrap .display_scroll.column1 .goods_list [class^=unit_THMB] > li.on {
  border-color: transparent;
}
.ux_brand_wrap .display_scroll.column2 .goods_list [class^=unit_THMB] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ux_brand_wrap .display_scroll.column2 .goods_list [class^=unit_THMB] > li {
  float: none;
  width: 100%;
  height: auto;
  min-height: 150px;
  border: none;
  border-bottom: 1px solid #E0E0E0;
}
.ux_brand_wrap .display_scroll.column2 .goods_list [class^=unit_THMB] > li.noData {
  display: none;
}
.ux_brand_wrap .display_scroll.column2 .goods_list [class^=unit_THMB] > li:nth-of-type(n + 2) {
  border-bottom-color: #fff;
}
.ux_brand_wrap .display_scroll.column2 .goods_list [class^=unit_THMB] > li:nth-of-type(n + 2).on {
  border-bottom-color: #fff;
}
.ux_brand_wrap .display_scroll.column2 .goods_list [class^=unit_THMB] > li.on {
  z-index: 2;
  border: none;
  border-bottom: 1px solid #E0E0E0;
}
.ux_brand_wrap .display_scroll.column2 .goods_list [class^=unit_THMB] > li.on .unit_img {
  opacity: 1;
}
.ux_brand_wrap .display_scroll.column2 .goods_list [class^=unit_THMB] > li.on .unit_link {
  opacity: 0.25;
}
.ux_brand_wrap .display_scroll.column2 .goods_list [class^=unit_THMB] > li.on .unit_btn {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  top: 50%;
  left: 50%;
  right: auto;
  margin: 0;
  width: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 6;
}
.ux_brand_wrap .display_scroll.column2 .goods_list [class^=unit_THMB] .unit_link {
  min-height: 150px;
  padding: 0 0 0 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ux_brand_wrap .display_scroll.column2 .goods_list [class^=unit_THMB] .unit_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
}
.ux_brand_wrap .btn_wrap {
  margin-top: 60px;
}
.ux_brand_wrap .display_more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
}
.ux_brand_wrap .display_more i {
  display: block;
  min-width: 10px;
  width: 10px;
  height: 10px;
  border: 1px solid #000;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: 10px;
  margin-bottom: 3px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ux_brand_wrap .display_more.off i {
  margin-bottom: -7px;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
.ux_brand_wrap .cateHeader .navigation {
  margin-bottom: 0;
  padding: 30px 0 0 0;
}
.ux_brand_wrap .cateHeader .navigation > ul > li + li {
  min-height: 20px;
}
.ux_brand_wrap ~ .visit_reserve_btn {
  left: 50%;
  margin-left: 690px;
}
.ux_brand_wrap .unit_price .price01.percent0 {
  font-size: 0;
}
.ux_brand_wrap .goods_list [class^=unit_THMB] > li .unit_btn {
  width: auto;
  margin-left: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ux_brand_wrap .pagination {
  padding-bottom: 0;
  margin-bottom: 0;
}
.ux_brand_header {
  background-color: #000;
}
.ux_brand_header .header_sub {
  position: relative;
  width: 1280px;
  margin: 0 auto;
  padding: 20px 30px 16px;
}
.ux_brand_header.white {
  background: #000 !important;
}
.ux_brand_header.white .ux_brand_name .official {
  color: #fff;
}
.ux_brand_header.white .ux_brand_name .official ~ .like::after {
  background-color: #333;
}
.ux_brand_header.white .ux_brand_name .like > span {
  color: #fff;
}
.ux_brand_header.white .ux_brand_name .like > span::before {
  background: url("/static-fo-pc/images/common/display/like_icon_white.svg") 0 0/100% 100% no-repeat;
}
.ux_brand_header.white .ux_brand_name .like.on > span::before {
  background: url("/static-fo-pc/images/common/display/like_icon_fill.svg") 0 0/100% 100% no-repeat;
}
.ux_brand_header.white .ux_brand_menu .menu_list > li > a,
.ux_brand_header.white .ux_brand_menu .all_menu [class*=btn_] {
  color: #888;
}
.ux_brand_header.white .ux_brand_menu .menu_list > li:hover > a,
.ux_brand_header.white .ux_brand_menu .all_menu [class*=btn_]:hover,
.ux_brand_header.white .ux_brand_menu .menu_list > li.active > a,
.ux_brand_header.white .ux_brand_menu .all_menu.active [class*=btn_] {
  color: #fff;
}
.ux_brand_header.white .ux_brand_menu .menu_hide .btn_menu_more span::after {
  background-position: -81px -120px;
}
.ux_brand_header.white .ux_brand_menu .menu_hide .btn_menu_more.open span::after {
  background-position: -106px -120px;
}
.ux_brand_header.white .ux_brand_menu .all_menu::after {
  background-color: #333;
}
.ux_brand_header.black {
  background: #D7D7D7 !important;
}
.ux_brand_header.black .ux_brand_name .official {
  color: #000;
}
.ux_brand_header.black .ux_brand_name .official i {
  background: url("/static-fo-pc/images/common/display/official_icon_bk.svg") 0 0/100% 100% no-repeat;
}
.ux_brand_header.black .ux_brand_name .official ~ .like::after {
  background-color: #C2C3C4;
}
.ux_brand_header.black .ux_brand_name .like > span {
  color: #000;
}
.ux_brand_header.black .ux_brand_name .like > span::before {
  background: url("/static-fo-pc/images/common/display/like_icon_bk.svg") 0 0/100% 100% no-repeat;
}
.ux_brand_header.black .ux_brand_name .like.on > span::before {
  background: url("/static-fo-pc/images/common/display/like_icon_fill.svg") 0 0/100% 100% no-repeat;
}
.ux_brand_header.black .ux_brand_menu .menu_list > li > a,
.ux_brand_header.black .ux_brand_menu .all_menu [class*=btn_] {
  color: #888;
}
.ux_brand_header.black .ux_brand_menu .menu_list > li:hover > a,
.ux_brand_header.black .ux_brand_menu .all_menu [class*=btn_]:hover,
.ux_brand_header.black .ux_brand_menu .menu_list > li.active > a,
.ux_brand_header.black .ux_brand_menu .all_menu.active [class*=btn_] {
  color: #000;
}
.ux_brand_header.black .ux_brand_menu .menu_hide .btn_menu_more span::after {
  background-position: -81px -176px;
}
.ux_brand_header.black .ux_brand_menu .menu_hide .btn_menu_more.open span::after {
  background-position: -108px -176px;
}
.ux_brand_header.black .ux_brand_menu .all_menu::after {
  background-color: #C2C3C4;
}
.ux_brand_header.gray {
  background: #e9e9e9 !important;
}
.ux_brand_header.gray .ux_brand_name .official {
  color: #666666;
}
.ux_brand_header.gray .ux_brand_name .official i {
  background: url("/static-fo-pc/images/common/display/official_icon_gray.svg") 0 0/100% 100% no-repeat;
}
.ux_brand_header.gray .ux_brand_name .official ~ .like::after {
  background-color: #D5D5D5;
}
.ux_brand_header.gray .ux_brand_name .like > span {
  color: #666666;
}
.ux_brand_header.gray .ux_brand_name .like > span::before {
  background: url("/static-fo-pc/images/common/display/like_icon_gray.svg") 0 0/100% 100% no-repeat;
}
.ux_brand_header.gray .ux_brand_name .like.on > span::before {
  background: url("/static-fo-pc/images/common/display/like_icon_fill.svg") 0 0/100% 100% no-repeat;
}
.ux_brand_header.gray .ux_brand_menu .menu_list > li > a,
.ux_brand_header.gray .ux_brand_menu .all_menu [class*=btn_] {
  color: #C4C4C4;
}
.ux_brand_header.gray .ux_brand_menu .menu_list > li:hover > a,
.ux_brand_header.gray .ux_brand_menu .all_menu [class*=btn_]:hover,
.ux_brand_header.gray .ux_brand_menu .menu_list > li.active > a,
.ux_brand_header.gray .ux_brand_menu .all_menu.active [class*=btn_] {
  color: #666666;
}
.ux_brand_header.gray .ux_brand_menu .menu_hide .btn_menu_more span::after {
  background-position: -81px -146px;
}
.ux_brand_header.gray .ux_brand_menu .menu_hide .btn_menu_more.open span::after {
  background-position: -108px -146px;
}
.ux_brand_header.gray .ux_brand_menu .all_menu::after {
  background-color: #D5D5D5;
}
.ux_brand_name {
  position: relative;
}
.ux_brand_name .title {
  text-align: center;
  min-height: 52px;
}
.ux_brand_name .title a {
  display: block;
}
.ux_brand_name .title img {
  display: block;
  max-width: 100%;
  max-height: 52px;
  margin: 0 auto;
}
.ux_brand_name .right {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ux_brand_name .official {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 20px;
  font-size: 13px;
  color: #fff;
}
.ux_brand_name .official i {
  width: 22px;
  height: 22px;
  margin-right: 2px;
  background: url("/static-fo-pc/images/common/display/official_icon_white.svg") 0 0/100% 100% no-repeat;
}
.ux_brand_name .official ~ .like {
  position: relative;
  margin-left: 21px;
}
.ux_brand_name .official ~ .like::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -11px;
  width: 1px;
  height: 16px;
  background-color: RGBA(255, 255, 255, 0.4);
  margin-top: -8px;
}
.ux_brand_name .like {
  line-height: 1;
  font-size: 0;
}
.ux_brand_name .like > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 20px;
  font-size: 13px;
  color: #fff;
  gap: 0 3px;
}
.ux_brand_name .like > span::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url("/static-fo-pc/images/common/display/like_icon_bk.svg") 0 0/100% 100% no-repeat;
}
.ux_brand_name .like.on > span::before {
  background: url("/static-fo-pc/images/common/display/like_icon_fill.svg") 0 0/100% 100% no-repeat;
}
.ux_brand_name ~ .ux_brand_menu {
  margin-top: 12px;
}
.ux_brand_menu {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ux_brand_menu * {
  color: #fff;
}
.ux_brand_menu .menu_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: hidden;
}
.ux_brand_menu .menu_list > li {
  position: relative;
  display: none;
}
.ux_brand_menu .menu_list > li > a {
  display: block;
  padding: 0 20px;
  line-height: 20px;
  font-size: 15px;
  font-weight: bold;
  color: #888;
  white-space: nowrap;
}
.ux_brand_menu .menu_list > li:nth-of-type(-n + 6) {
  display: block;
}
.ux_brand_menu .menu_list > li:hover > a,
.ux_brand_menu .all_menu [class*=btn_]:hover,
.ux_brand_menu .menu_list > li.active > a,
.ux_brand_menu .all_menu.active [class*=btn_] {
  color: #fff;
}
.ux_brand_menu .menu_hide {
  position: relative;
  display: none;
}
.ux_brand_menu .menu_hide .btn_menu_more {
  display: block;
  font-size: 0;
  padding: 0 20px;
  height: 20px;
  border: none;
  background-color: transparent;
}
.ux_brand_menu .menu_hide .btn_menu_more span {
  display: block;
  width: 20px;
  min-width: 20px;
  height: 20px;
}
.ux_brand_menu .menu_hide .btn_menu_more span::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("/static-fo-pc/images/common/sprite/ux_icons.png?v=3") no-repeat;
  background-position: -81px -120px;
  background-size: 900px auto;
}
.ux_brand_menu .menu_hide .btn_menu_more.open span::after {
  background-position: -106px -120px;
}
.ux_brand_menu .menu_hide .btn_menu_more.open ~ .menu_hide_list {
  display: block;
}
.ux_brand_menu .menu_hide .menu_hide_list {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 10;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  min-width: 100px;
  padding: 15px 5px;
  border-radius: 4px;
  background-color: #F4F4F4;
  margin-top: 8px;
}
.ux_brand_menu .menu_hide .menu_hide_list::after {
  content: "";
  position: absolute;
  top: -3px;
  left: 50%;
  margin-left: -4.5px;
  display: block;
  width: 9px;
  height: 9px;
  background-color: #F4F4F4;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.ux_brand_menu .menu_hide .menu_hide_list * {
  color: #000;
}
.ux_brand_menu .menu_hide .menu_hide_list .scroll_box {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  min-height: 17px;
  max-height: 304px;
  padding: 0 10px;
}
.ux_brand_menu .menu_hide .menu_hide_list .scroll_box ul {
  max-width: 220px;
}
.ux_brand_menu .menu_hide .menu_hide_list .scroll_box.scroll {
  overflow: hidden;
  overflow-y: auto;
}
.ux_brand_menu .menu_hide .menu_hide_list .scroll_box.scroll ~ .enscrollOver .vertical-track {
  width: 2px;
  border-radius: 10px;
  background-color: #D5D5D5;
}
.ux_brand_menu .menu_hide .menu_hide_list .scroll_box.scroll ~ .enscrollOver .vertical-handle {
  background-color: #000;
  border-radius: 10px;
}
.ux_brand_menu .menu_hide .menu_hide_list .scroll_box.scroll::-webkit-scrollbar {
  width: 2px;
}
.ux_brand_menu .menu_hide .menu_hide_list .scroll_box.scroll::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 10px;
}
.ux_brand_menu .menu_hide .menu_hide_list .scroll_box.scroll::-webkit-scrollbar-track {
  background-color: #D5D5D5;
  border-radius: 10px;
}
.ux_brand_menu .menu_hide .menu_hide_list ul > li a {
  display: block;
  padding: 5px 0;
  line-height: 17px;
  font-size: 14px;
  font-weight: bold;
}
.ux_brand_menu .menu_hide .menu_hide_list ul > li:first-of-type a {
  padding-top: 0;
}
.ux_brand_menu .menu_hide .menu_hide_list ul > li:last-of-type a {
  padding-bottom: 0;
}
.ux_brand_menu .all_menu {
  position: relative;
  padding-left: 20px;
  margin-left: 20px;
}
.ux_brand_menu .all_menu::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -7px;
  width: 1px;
  height: 14px;
  background-color: #333;
}
.ux_brand_menu .all_menu [class*=btn_] {
  display: block;
  border: none;
  background-color: transparent;
  padding: 0 20px;
  line-height: 20px;
  font-size: 15px;
  font-weight: bold;
  color: #888;
  white-space: nowrap;
}
.ux_brand_cate {
  position: relative;
}
.ux_brand_cate .cate_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ux_brand_cate .cate_list ul > li {
  margin: 0 15px;
}
.ux_brand_cate .cate_list ul > li > a {
  position: relative;
  line-height: 20px;
  font-size: 15px;
  font-weight: normal;
  color: #888;
}
.ux_brand_cate .cate_list ul > li.on > a {
  font-weight: bold;
  color: #000;
}
.ux_brand_cate .cate_list ul > li.on > a::after {
  width: 100%;
}
.ux_brand_cate .cate_list.main_cate {
  border-bottom: 1px solid #E0E0E0;
  overflow: hidden;
}
.ux_brand_cate .cate_list.main_cate > ul {
  padding: 0 5px;
}
.ux_brand_cate .cate_list.main_cate > ul > li > a {
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 60px;
}
.ux_brand_cate .cate_list.main_cate > ul > li > a::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #000;
}
.ux_brand_cate .cate_list.main_cate > ul > li.on > a::after {
  width: 100%;
}
.ux_brand_cate .cate_list.main_cate[data-swiper^=slide_] {
  padding: 0 5px;
}
.ux_brand_cate .cate_list.main_cate[data-swiper^=slide_] .swiper-container > ul > li {
  margin: 0;
  padding: 0 15px;
  width: auto;
}
.ux_brand_cate .cate_list.main_cate[data-swiper^=slide_] .swiper-container > ul > li > a {
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 60px;
  white-space: nowrap;
}
.ux_brand_cate .cate_list.main_cate[data-swiper^=slide_] .swiper-container > ul > li > a::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #000;
}
.ux_brand_cate .cate_list.main_cate[data-swiper^=slide_] .swiper-container > ul > li.swiper-slide-active.on > a::after, .ux_brand_cate .cate_list.main_cate[data-swiper^=slide_] .swiper-container > ul > li.on > a::after {
  width: 100%;
}
.ux_brand_cate .cate_list.sub_cate {
  display: none;
  background-color: #F4F4F4;
  padding: 20px 15px;
}
.ux_brand_cate .cate_list.sub_cate > ul {
  padding: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px 0;
}
.ux_brand_cate .cate_list.sub_cate > ul > li > a {
  white-space: nowrap;
}
.ux_brand_cate .cate_list.sub_cate > ul > li > a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #000;
}
.ux_brand_cate .cate_list.sub_cate > ul > li.on > a {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.ux_brand_visual {
  position: relative;
  min-height: 400px;
  margin-bottom: 80px;
}
.ux_brand_visual .visual_img img,
.ux_brand_visual img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ux_brand_visual .visual_logo {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 35px;
  text-align: center;
  z-index: 1;
}
.ux_brand_visual .visual_logo img {
  width: auto;
  max-height: 52px;
  margin: 0 auto;
}
.ux_brand_visual:has(> .visual_logo)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 79.5%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.ux_brand_visual ~ .ux_brand_contents .brand_title {
  padding-top: 0;
  padding-bottom: 30px;
}
.ux_brand_visual ~ .ux_brand_contents .brand_title h4 {
  line-height: 40px;
  font-size: 30px;
}
.ux_brand_visual ~ .ux_brand_contents .ux_brand_product .goods_list [class^=unit_THMB] > li .unit_link .unit_img,
.ux_brand_visual ~ .ux_brand_contents .display_scroll.column1 .goods_list [class^=unit_THMB] > li .unit_link .unit_img {
  width: 250px;
  height: 250px;
}
.ux_brand_visual ~ .ux_brand_contents .ux_brand_product .goods_list [class^=unit_THMB] > li .unit_link .unit_img.soldout_img::before, .ux_brand_visual ~ .ux_brand_contents .ux_brand_product .goods_list [class^=unit_THMB] > li .unit_link .unit_img.soldout_img::after,
.ux_brand_visual ~ .ux_brand_contents .display_scroll.column1 .goods_list [class^=unit_THMB] > li .unit_link .unit_img.soldout_img::before,
.ux_brand_visual ~ .ux_brand_contents .display_scroll.column1 .goods_list [class^=unit_THMB] > li .unit_link .unit_img.soldout_img::after {
  height: 40px;
}
.ux_brand_visual ~ .ux_brand_contents .ux_brand_product .goods_list [class^=unit_THMB] > li .unit_link .unit_img.soldout_img::after,
.ux_brand_visual ~ .ux_brand_contents .display_scroll.column1 .goods_list [class^=unit_THMB] > li .unit_link .unit_img.soldout_img::after {
  font-size: 15px;
}
.ux_brand_visual ~ .ux_brand_contents .ux_brand_product .goods_list [class^=unit_THMB] > li .unit_btn,
.ux_brand_visual ~ .ux_brand_contents .display_scroll.column1 .goods_list [class^=unit_THMB] > li .unit_btn {
  top: 150px;
}
.ux_brand_visual ~ .ux_brand_contents .ux_brand_product .goods_list [class^=unit_THMB] > li .adult_flag span[class^=ico_adult],
.ux_brand_visual ~ .ux_brand_contents .display_scroll.column1 .goods_list [class^=unit_THMB] > li .adult_flag span[class^=ico_adult] {
  width: 50px;
  height: 50px;
  background-position: -71px 0;
}
.ux_brand_visual ~ .ux_brand_contents .ux_brand_product .goods_list [class^=unit_THMB] > li {
  padding: 35px;
  height: auto;
}
.ux_brand_visual ~ .ux_brand_contents .display_scroll.column1 .goods_list [class^=unit_THMB] > li {
  padding: 0 35px;
  height: auto;
}
.ux_brand_contents {
  min-height: 600px;
}
.ux_brand_contents .cateHeader {
  padding: 0;
  width: 100%;
}
.ux_brand_section ~ .ux_brand_section, .ux_brand_section ~ .ux_brand_product {
  margin-top: 120px;
}
.ux_brand_section ~ .ux_brand_section .brand_title, .ux_brand_section ~ .ux_brand_product .brand_title {
  padding-top: 0;
}
.ux_brand_section ~ .ux_brand_section .brand_title ~ .brand_title, .ux_brand_section ~ .ux_brand_product .brand_title ~ .brand_title {
  margin-top: 120px;
}
.ux_brand_section .brand_title ~ .brand_title {
  margin-top: 120px;
}
.ux_brand_section .ux_brand_info .banner_box {
  margin-bottom: 60px;
}
.ux_brand_slide {
  position: relative;
}
.ux_brand_slide .indicator ~ [class*=btn_],
.ux_brand_slide [class*=btn_] {
  opacity: 1;
}
.ux_brand_slide .swiper-container {
  text-align: center;
}
.ux_brand_slide .swiper-container:hover [class*=btn_] {
  opacity: 1;
}
.ux_brand_slide .swiper-container.goods_list {
  text-align: unset;
}
.ux_brand_slide .swiper-container .swiper-wrapper {
  width: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
  margin: 0 auto;
}
.ux_brand_slide .swiper-container-horizontal > .indicator {
  margin-top: 40px;
}
.ux_brand_slide .swiper-container-horizontal > .indicator ~ [class*=btn_] {
  margin-top: -51px;
}
.ux_brand_slide .swiper-container-horizontal .swiper-wrapper {
  width: 100%;
}
.ux_brand_slide.quick_menu .indicator ~ [class*=btn_],
.ux_brand_slide.quick_menu [class*=btn_], .ux_brand_slide.banner_big .indicator ~ [class*=btn_],
.ux_brand_slide.banner_big [class*=btn_], .ux_brand_slide.display_scroll .indicator ~ [class*=btn_],
.ux_brand_slide.display_scroll [class*=btn_] {
  opacity: 0;
}
.ux_brand_slide.quick_menu .swiper-container {
  width: 100%;
}
.ux_brand_slide.quick_menu .swiper-container.swiper-container-initialized {
  width: auto;
}
.ux_brand_slide.quick_menu .swiper-container.swiper-container-initialized .quick_item {
  width: 100%;
}
.ux_brand_slide.quick_menu .swiper-slide {
  width: auto;
}
.ux_brand_slide.quick_menu.circle .swiper-container-horizontal [class*=btn_] {
  margin-top: -75px;
}
.ux_brand_slide.quick_menu.circle .swiper-no-swiping .swiper-slide {
  width: 160px;
}
.ux_brand_slide.quick_menu.card .swiper-container.swiper-container-initialized .swiper-wrapper {
  gap: 0;
}
.ux_brand_slide.quick_menu.card .swiper-wrapper {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 0 40px;
}
.ux_brand_slide.quick_menu.card .swiper-wrapper.swiper-no-swiping {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 0 40px;
}
.ux_brand_slide.quick_menu.card .swiper-wrapper.swiper-no-swiping .swiper-slide {
  width: 290px;
}
.ux_brand_slide.banner_big .swiper-wrapper {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ux_brand_slide.banner_big .swiper-wrapper > li {
  width: calc(50% - 20px);
}
.ux_brand_slide.banner_big .swiper-wrapper.swiper-no-swiping > li {
  min-width: 620px;
}
.ux_brand_slide.banner_big .swiper-container-initialized .swiper-wrapper {
  -ms-flex-wrap: revert;
      flex-wrap: revert;
  gap: 0;
}
.ux_brand_slide.banner_big .swiper-container-horizontal > .indicator ~ [class*=btn_] {
  margin-top: -89.5px;
}
.ux_brand_slide.banner_big.type_A .swiper-container-horizontal > .indicator ~ [class*=btn_] {
  margin-top: -51px;
}
.ux_brand_slide.banner_event::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #D7D8D9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ux_brand_slide.banner_event .swiper-container {
  z-index: 5;
}
.ux_brand_slide.banner_event .swiper-container .swiper-slide .banner_box {
  border: none;
}
.ux_brand_slide.banner_event .swiper-container .swiper-slide ~ .swiper-slide {
  border-left: 1px solid #D7D8D9;
}
.ux_brand_slide.banner_event .swiper-container .swiper-slide ~ .swiper-slide.swiper-slide-active {
  border-left: none;
}
.ux_brand_slide.banner_event .swiper-container .swiper-no-swiping {
  width: 100%;
}
.ux_brand_slide.banner_event.type_C .banner_box {
  border: none;
}
.ux_brand_slide.display_scroll .goods_list [class^=unit_THMB] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  table-layout: revert;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.ux_brand_slide.display_scroll .goods_list [class^=unit_THMB] > li {
  float: none;
}
.ux_brand_slide.display_scroll .goods_list.swiper-container-initialized .swiper-wrapper[class^=unit_THMB] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  table-layout: revert;
  -ms-flex-wrap: revert;
      flex-wrap: revert;
  gap: 0;
}
.ux_brand_slide.display_scroll.column2 .swiper-slide {
  width: 50%;
  min-width: 640px;
}
.ux_brand_slide.display_scroll.column2 .goods_list [class^=unit_THMB] > li {
  width: 100%;
}
.ux_brand_product .banner_box {
  margin-top: 30px;
  margin-bottom: 30px;
  min-height: 100px;
  background-color: #ddd;
}
.ux_brand_product .banner_box img {
  display: block;
}
.ux_brand_product ~ .product_area .categoryOption {
  margin-bottom: 120px;
}
.ux_brand_product ~ .product_area .categoryOption:first-of-type {
  margin-top: 30px !important;
}
.ux_brand_product ~ .product_area .prdFilterArea .total.left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ux_brand_product ~ .product_area .prdFilterArea .total.left i:first-of-type {
  margin-right: 7px;
}
.ux_brand_product .brand_title {
  padding-bottom: 0;
  margin-bottom: 50px;
}
.ux_brand_product .product_area .categoryOption {
  margin-bottom: 120px;
}
.ux_brand_product .product_area .categoryOption:first-of-type {
  margin-top: 30px !important;
}
.ux_brand_product .btn_wrap .display_more i {
  min-width: 8.5px;
  width: 8.5px;
  height: 8.5px;
  margin-top: 2px;
  margin-bottom: 0;
  border-width: 1px 1px 0 0;
}
.ux_brand_info .brand_info,
.ux_brand_info p {
  line-height: 21px;
  font-size: 14px;
  font-weight: normal;
  color: #000;
}