﻿/* ----Site Common---- */
.wrapper {
    width: 100%;
    background: #fff;
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.pane-contents {
    min-height: calc(100vh - 400px);
    padding: 0;
    overflow: hidden;
}

.pane-contents .container {
    display: block;
}

.pane-main {
    width: 100%;
    margin: 0 0 100px 0;
    display: block;
}

.pane-left-menu {
    width: 230px;
    margin: 0 40px 60px 0;
    display: block;
}

.pane-right-menu {
    width: 100%;
    padding: 0;
    margin: 0;
}

.pane-globalnav {
    position: relative;
    background-color: #444;
    color: #fff;
}

.pane-topic-path {
    margin: 0 0 40px 0;
    background: #fff;
}

.pane-order-contents {
    border: none;
}

.pane-landingpage-contents {
    border: none;
    background: #fff;
}

.block-member-info,.block-member-info-confirmation,.block-member-registration-completed,.block-shipping-address,.block-distribution-shipping-address,.block-credit-card-confirmation,.block-inquiry,.block-inquiry-history,.block-mail-address,.block-member-password,.block-reset-password,.block-user-review,.block-mail-news {
    width: 1200px;
    margin: 0 auto;
}

.page-mall .pane-topic-path .container {
    width: 100%;
    padding: 0 40px;
    box-sizing: border-box;
}

.mulish {
    font-family: "Mulish", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}

/* ----Header---- */
/* HEADER - common */
#header {
    margin: 0 0 40px 0;
    background: #fff;
}

.block-header-menu-on #header {
    position: relative;
    z-index: 10000;
}

div.block-global-nav--banner-list--select-wrap {
    display: none;
}

#mnav_category_swith_data div.block-global-nav--banner-list--select-wrap {
    display: none !important;
}

div.mnav-change-item {
    display: none;
}

/* HEADER - line01 */
.pane-header.pane-order-header .block-header-logo--img {
    height: auto;
}

.pane-header.pane-order-header .block-header-logo {
    width: 150px;
    min-width: 150px;
    font-size: 0;
}

.pane-header.pane-order-header .container {
    height: 60px;
    border-bottom: #eee 2px solid;
    justify-content: center;
}

.pane-header .container {
    width: 100%;
    height: 100px;
    padding: 0 40px;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}

.pane-header .block-header-logo {
    width: 202px;
    min-width: 202px;
    margin: 0 30px 0 0;
    font-size: 0;
}

.pane-header .block-header-logo img {
    vertical-align: top;
}

.pane-header .block-header-campaign-link {
    border-radius: 2px;
}

.pane-header .block-header-campaign-link span {
    padding: 5px 10px;
    border: #C5AD60 2px solid;
    border-radius: 2px;
    font-size: 13px;
    color: #C5AD60;
}

.pane-header .block-header-campaign-link a {
    padding: 5px 35px;
    border: #C5AD60 2px solid;
    border-radius: 2px;
    font-size: 13px;
    color: #C5AD60;
    display: block;
    background: url("../../img/usr/common/v02/icon_gift.png") 10px center / 16px auto no-repeat, url("../../img/usr/common/v02/icon_gift_arrow.png") calc(100% - 10px) center / 13px auto no-repeat;
}

.block-header-campaign-fixed {
    position: fixed;
    left: 0;
    bottom: 60px;
    z-index: 100;
    display: none;
}

.page-top .block-header-campaign-fixed {
    left: auto;
    right: 0;
}

.block-header-campaign-fixed-close {
    position: absolute;
    top: -14px;
    right: -14px;
    width: 28px;
    height: 28px;
    background: #000;
    border-radius: 50%;
    z-index: 1;
    cursor: pointer;
}

.page-top .block-header-campaign-fixed-close {
    right: auto;
    left: -14px;
}

.block-header-campaign-fixed-close::before,.block-header-campaign-fixed-close::after {
    content: "";
    width: 12px;
    height: 1px;
    background: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
}

.block-header-campaign-fixed-close::before {
    transform: translate(-50%,-50%) rotate(45deg);
}

.block-header-campaign-fixed-close::after {
    transform: translate(-50%,-50%) rotate(-45deg);
}

.block-header-campaign-fixed img {
    filter: drop-shadow(3px 3px 6px rgba(0,0,0,0.16));
}

.block-header-campaign-img a {
    position: relative;
}

.block-header-campaign-img a:hover img {
    opacity: 1;
}

/*.block-header-campaign-img a::after{content: url(../../img/usr/common/1stAnniv-logo_hover.png);position: absolute;bottom: 0;left: -11px;transform: scale(0);transition: transform .4s ease-in;}*/
.block-header-campaign-img a:hover::after {
    transform: scale(1);
}

.block-header-campaign-img a img {
    display: block;
}

.pane-header .block-global-search {
    width: 430px;
    padding: 0;
    margin: 0 0 0 auto;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 6px;
    box-sizing: border-box;
}

.pane-header .block-global-search form {
    width: 400px;
    height: 40px;
    padding: 4px;
    border: #D5DBE3 1px solid;
    border-radius: 44px;
    background: #F4F5F6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}

.pane-header .block-global-search input.block-global-search--keyword {
    width: calc(100% - 32px);
    padding: 0 0 0 40px;
    border: none;
    outline: none;
    background: url("../../img/usr/common/v02/icon_search_g.png") 12px center / 16px auto no-repeat;
    box-sizing: border-box;
}

.pane-header .block-global-search input.block-global-search--keyword::placeholder {
    font-size: 13px;
}

.pane-header button.block-global-search--submit {
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
}

.pane-header .block-global-search.input-now input.block-global-search--keyword {
    width: calc(100% - 64px);
}

.pane-header .block-global-search.input-now .input-clear-btn {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background: #D5D5D5 url("../../img/usr/common/v02/icon_clear_btn.png") center center / 10px auto no-repeat;
    cursor: pointer;
}

.pane-header .block-icon-image--search {
    width: 13px;
    height: 13px;
    background: url("../../img/usr/common/v02/icon_search_w.png") center center / contain no-repeat;
    display: block;
}

.pane-header .block-global-search .block-global-search--tag {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 430px;
    margin: 0 0 0 auto;
    transform: translateY(5px);
}

.pane-header.fixed .block-global-search .block-global-search--tag {
    display: none;
}

.pane-header .block-global-search .block-global-search--tag-list {
  overflow-y: auto;
  width: 100%;
  padding: 0 0 6px;
}

.pane-header .block-global-search .block-global-search--tag-list::-webkit-scrollbar {
  display: none;
}

.pane-header .block-global-search .block-global-search--tag ul {
  display: inline-block;
  white-space: nowrap;
}

.pane-header .block-global-search .block-global-search--tag li {
  display: inline-block;
}

.pane-header .block-global-search .block-global-search--tag a {
  font-size: 12px;
  background: #F5F5F5;
  border-radius: 30px;
  color: #444;
  padding: 4px 10px;
}

.pane-header .block-headernav {
    width: 200px;
    min-width: 200px;
}

.pane-header .block-headernav--item-list {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.pane-header .block-headernav--item-list li {
    width: 45px;
    text-align: center;
    position: relative;
}

.pane-header .block-headernav--item-list li a {
    display: block;
    transition: 0.3s;
}

.pane-header .block-headernav--item-list li .name {
    padding-top: 40px;
}

.pane-header .block-headernav--item-list li .name span {
    display: block;
    font-size: 10px;
    word-break: keep-all;
}

.pane-header .block-headernav--item-list li a:hover {
    opacity: 1.0;
}

.pane-header .block-headernav--item-list li a:hover .name {
    opacity: 1.0;
}

.pane-header .block-headernav--cart-count {
    width: 100%;
    height: 20px;
    line-height: 1.0;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: none;
}

.pane-header .block-headernav--cart-count::after {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #CC0000;
    position: absolute;
    top: 12px;
    right: 6px;
    z-index: 1;
}

.pane-header .block-headernav li a {
    position: relative;
    transition: color 0.3s;
}
.pane-header .block-headernav li a:before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 50%;
    width: 40px;
    height: 40px;
    transform: translateX(-50%);
}

.pane-header .block-headernav li.hnav-mypage a:before {
    background: url("../../img/usr/common/v02/icon_mypage_on.png") no-repeat left top / 200% auto;
}

.pane-header .block-headernav li.hnav-login a:before {
    background: url("../../img/usr/common/v02/icon_login_on.png") no-repeat left top / 200% auto;
}

.pane-header .block-headernav li.hnav-bookmark a:before {
    background: url("../../img/usr/common/v02/icon_bookmark_on.png") no-repeat left top / 200% auto;
}

.pane-header .block-headernav li.hnav-coupon a:before {
    background: url("../../img/usr/common/v02/icon_coupon_on.png") no-repeat left top / 200% auto;
}

.pane-header .block-headernav li.hnav-history a:before {
    background: url("../../img/usr/common/v02/icon_history_on.png") no-repeat left top / 200% auto;
}

.pane-header .block-headernav li.hnav-cart a:before {
    background: url("../../img/usr/common/v02/icon_cart_on.png") no-repeat left top / 200% auto;
}

.pane-header .block-headernav li a:hover {
    color: #c6ae61;
}

.pane-header .block-headernav li a:hover:before {
    background-position: right top;
}

.pane-header .block-headernav li.hnav-cart a:hover .block-headernav--cart-count {
    color: #c6ae61;
}

/* HEADER - line02 */
.pane-header .block-header-mall-info {
    width: 100%;
    height: 60px;
    background: #000000;
    color: #fff;
}

.pane-header .block-header-mall-info .block-header-inner {
    min-width: 1200px;
    height: 60px;
    padding: 0 0 0 50px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pane-header .block-header-mall-info .mnav-switch {
    height: 60px;
    padding: 0 10px;
    margin: 0;
    border-radius: 0;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative;
    transition: 0.3s;
}

.pane-header .block-header-mall-info .mnav-switch::after {
    content: '';
    width: 18px;
    height: 18px;
    margin: 0 0 -1px 5px;
    display: inline-block;
    background: url("../../img/usr/common/v02/ico_menu_arrow.png") center center / 18px 18px no-repeat;
    transition: 0.3s;
}

.pane-header .block-header-mall-info .mnav-switch.active {
    background: #F4F5F6;
    font-weight: bold;
    color: #000;
}

.pane-header .block-header-mall-info .mnav-switch.active::after {
    transform: rotate(180deg);
}

.pane-header .block-header-mall-info .block-header-inner>ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pane-header .block-header-mall-info .block-header-inner>ul>li {
    height: 60px;
    margin: 0 20px 0 0;
    position: relative;
    word-break: keep-all;
}

.pane-header .block-header-mall-info .block-header-inner>ul>li>p {
    width: 100%;
    height: 60px;
}

.pane-header .block-header-mall-info .block-header-inner>ul>li>a,.pane-header .block-header-mall-info .block-header-inner>ul>li>p>a {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    color: #fff;
}

.pane-header .block-header-mall-info .mnav-lounge {
    width: 374px;
    padding: 10px 50px 10px 0;
    margin: 0 0 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 0 10px;
}

.pane-header .block-header-mall-info .mnav-lounge a {
    width: 156px;
    height: 40px;
    border: #4A4A4A 1px solid;
    border-radius: 5px;
    background: #333333;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.pane-header .block-header-mall-info .mnav-lounge a::after {
    content: "";
    width: 5px;
    height: 10px;
    background: url("../../img/usr/common/v02/arrow_gray.png") center center / 5px 10px no-repeat;
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    right: 10px;
}

.pane-header .block-header-mall-info .mnav-lounge img {
    width: 76px;
    vertical-align: top;
}

.pane-header .block-header-mall-info .mnav-lounge a:first-child img {
    width: 110px;
}

@media only screen and (max-width: 1539px) {
    .pane-header .block-header-mall-info .mnav-lounge {
        width: 220px;
        padding-right: 40px;
    }

    .pane-header .block-header-mall-info .mnav-lounge a::after {
        content: none;
    }

    .pane-header .block-header-mall-info .mnav-lounge a {
        width: 86px;
        padding: 0 6px;
    }
}

.pane-header .block-header-customer-info {
    height: 60px;
    padding: 0 50px 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #5D4700;
    background: #C7B062;
    position: relative;
}

.pane-header .block-header-customer-info::before {
    content: '';
    border-bottom: #C7B062 60px solid;
    border-left: 30px solid transparent;
    display: block;
    position: absolute;
    left: -30px;
    top: 0;
}

.pane-header .block-header-customer-info ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 355px;
}

.pane-header .block-header-customer-info dl {
    align-items: center;
    font-size: 10px;
    color: #5D4700;
}

.pane-header .block-header-customer-info dt {
    padding-right: 10px;
    font-size: 10px;
    color: #5D4700;
}

.pane-header .block-header-customer-info dd .num {
    font-size: 16px;
    font-family: "Mulish", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    color: #5D4700;
}

.pane-header .block-header-customer-info .cnav-name {
    padding: 0 0 0 20px;
    margin: 0 20px 0 0;
    font-size: 13px;
    font-weight: bold;
    background: url("../../img/usr/common/v02/icon_member.png") left center / 10px auto no-repeat;
}

.pane-header .block-header-customer-info .cnav-mile {
    margin: 0 20px 0 0;
}

.pane-header .block-header-customer-info .cnav-point {
    margin: 0 auto 0 0;
}

.pane-header .block-header-customer-info .cnav-message {
    margin-left: auto;
    font-size: 14px;
}

/* HEADER - line02 - menu */
#block_header_mnav_close {
    background: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    position: fixed;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    z-index: -1;
    display: none;
}

.block-header-menu-on #block_header_mnav_close {
    z-index: 10000;
    display: block;
    opacity: 0;
    animation: fadeIn 0.1s ease-in forwards;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.block-header-mnav-frame {
    padding: 0 0 0 50px;
    position: absolute;
    top: 160px;
    left: 0;
    z-index: 10000;
}

#header.fixed + .block-header-mnav-frame {
    position: fixed;
    top: 60px;
    left: 160px;
}

.block-header-mnav-inner {
    padding: 10px 0;
    margin: 0 auto 0 0;
    background: #F4F5F6;
    display: inline-block;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.block-header-mnav-close {
    position: absolute;
    bottom: 15px;
    left: 50px;
    cursor: pointer;
    display: none;
}

.block-header-mnav-close::after {
    content: '';
    width: 18px;
    height: 18px;
    border: 1px solid #707070;
    border-radius: 50%;
    position: absolute;
    top: calc(50% + 2px);
    right: 30px;
    transform: translateY(-50%);
}

.block-header-mnav-close span {
    padding: 0 55px 0 40px;
    margin: 0 auto;
    font-size: 20px;
    font-weight: bold;
    text-align: right;
    color: #707070;
    display: block;
    position: relative;
}

.block-header-mnav-close span::before {
    content: '';
    width: 10px;
    height: 1px;
    background: #707070;
    position: absolute;
    top: calc(50% + 2px);
    right: 34px;
    transform: translateY(-50%) rotate(45deg);
}

.block-header-mnav-close span::after {
    content: '';
    width: 10px;
    height: 1px;
    background: #707070;
    position: absolute;
    top: calc(50% + 2px);
    right: 34px;
    transform: translateY(-50%) rotate(-45deg);
}

#mnav_price_swith_data {
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 10000;
    background: #fff;
}

#mnav_price_swith_data .mnav-price-child-list {
    width: 240px;
    padding: 15px 0;
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 1;
    background: #F4F5F6;
    box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.2);
}

#mnav_price_swith_data .mnav-price-child-list li {
    margin: 0;
}

#mnav_price_swith_data .mnav-price-child-list a {
    padding: 4px 40px;
    font-size: 16px;
    font-family: "Mulish", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    display: block;
    position: relative;
    transition: 0.3s;
}

#mnav_price_swith_data .mnav-price-child-list a:hover {
    background: #dedede;
    color: #976F11;
}

#mnav_shop_swith_data {
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 10000;
    background: #fff;
}

#mnav_shop_swith_data .mnav-shop-child-list {
    width: 240px;
    /* padding: 15px 0; */
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 1;
    /* background: #F4F5F6; */
    /* box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.2); */
    padding: 10px 0;
    margin: 0 auto 0 0;
    background: #F4F5F6;
    display: inline-block;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

#mnav_shop_swith_data .mnav-shop-child-list li {
    /* margin: 0 0 15px; */
    height: 42px;
    height: 42px;
    padding: 0 40px;
    font-size: 14px;
    font-weight: normal;
    display: flex;
    align-items: center;
    cursor: pointer;
}
#mnav_shop_swith_data .mnav-shop-child-list li:hover{
    background: #E2E7ED;
}
#mnav_shop_swith_data .mnav-shop-child-list li:hover > a{
    color: #976F11;
}

#mnav_event_swith_data {
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 10000;
    background: #fff;
}

#mnav_event_swith_data .mnav-event-child-list {
    width: 240px;
    padding: 10px 0;
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 1;
    background: #F4F5F6;
    box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.2);
}

#mnav_event_swith_data .mnav-event-child-list li {
    height: 42px;
    padding: 0 40px;
    font-size: 14px;
    font-weight: normal;
    display: flex;
    align-items: center;
    cursor: pointer;
}

#mnav_event_swith_data .mnav-event-child-list li:hover {
    background: #E2E7ED;
}

#mnav_event_swith_data .mnav-event-child-list li:hover > a {
    color: #976F11;
}

#mnav_event_swith_data {
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 10000;
    background: #fff;
}

#mnav_event_swith_data .mnav-jal-child-list {
    width: 240px;
    padding: 15px 0;
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 1;
    background: #F4F5F6;
    box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.2);
}

#mnav_event_swith_data .mnav-jal-child-list li {
    height: 42px;
    padding: 0 40px;
    font-size: 14px;
    font-weight: normal;
    display: flex;
    align-items: center;
    cursor: pointer;
}

#mnav_event_swith_data .mnav-jal-child-list li:hover {
    background: #E2E7ED;
}

#mnav_event_swith_data .mnav-jal-child-list li:hover > a {
    color: #976F11;
}

#mnav_jal_swith_data {
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 10000;
    background: #fff;
}

#mnav_jal_swith_data .mnav-event-child-list {
    width: 240px;
    padding: 15px 0;
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 1;
    background: #F4F5F6;
    box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.2);
}

#mnav_jal_swith_data .mnav-event-child-list li {
    height: 42px;
    padding: 0 40px;
    font-size: 14px;
    font-weight: normal;
    display: flex;
    align-items: center;
    cursor: pointer;
}

#mnav_jal_swith_data .mnav-event-child-list li:hover {
    background: #E2E7ED;
}

#mnav_jal_swith_data .mnav-event-child-list li:hover > a {
    color: #976F11;
}

#mnav_jal_swith_data {
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 10000;
    background: #fff;
}

#mnav_jal_swith_data .mnav-jal-child-list {
    width: 340px;
    padding: 10px 0;
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 1;
    background: #F4F5F6;
    box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.2);
}

#mnav_jal_swith_data .mnav-jal-child-list li {
    height: 42px;
    padding: 0 40px;
    font-size: 14px;
    font-weight: normal;
    display: flex;
    align-items: center;
    cursor: pointer;
}


#mnav_jal_swith_data .mnav-jal-child-list li:hover {
    background: #E2E7ED;
}

#mnav_jal_swith_data .mnav-jal-child-list li:hover > a {
    color: #976F11;
}

#mnav_category_swith_data .category-list {
    width: 400px;
    position: relative;
}

#mnav_category_swith_data .category-list .category-header {
    height: 42px;
    padding: 0 40px;
    font-size: 14px;
    font-weight: normal;
    display: flex;
    align-items: center;
    cursor: pointer;
}

#mnav_category_swith_data .category-list .category-header:hover > a {
    color: #976F11;
}

#mnav_category_swith_data .category-list .category-header.active {
    background: #E2E7ED;
}

#mnav_category_swith_data .category-list .category-child-box {
    width: 400px;
    padding: 10px 0;
    background: #E2E7ED;
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: 400px;
    display: none;
}

#mnav_category_swith_data .category-list .category-child-box h2,#mnav_category_swith_data .category-list .category-gchild-box h3 {
    height: 40px;
    padding: 0;
    margin: 0 40px 12px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.0;
    display: flex;
    align-items: center;
    position: relative;
    pointer-events:none;
    display: none;
}

#mnav_category_swith_data .category-list .category-child-box h2 a,#mnav_category_swith_data .category-list .category-gchild-box h3 a {
    min-height: 20px;
    padding: 0 28px 0 0;
    display: inline-block;
    position: relative;
}

#mnav_category_swith_data .category-list .category-child-box h2 a:hover,#mnav_category_swith_data .category-list .category-gchild-box h3 a:hover {
    text-decoration: underline;
}

#mnav_category_swith_data .category-list .category-child-box h2 a::before,#mnav_category_swith_data .category-list .category-gchild-box h3 a::before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background: #6A7181;
    display: block;
    position: absolute;
    top: calc(50% - 10px);
    right: 0;
}

#mnav_category_swith_data .category-list .category-child-box h2 a::after,#mnav_category_swith_data .category-list .category-gchild-box h3 a::after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    position: absolute;
    right: 8.5px;
    top: calc(50% - 4px);
    display: block;
    transform: rotate(45deg);
}

#mnav_category_swith_data .category-list .category-child-box li {
    font-size: 14px;
    text-align: left;
    /* position: relative;*/
}

#mnav_category_swith_data .category-list .category-child-box li > a {
    display: flex;
    align-items: center;
    text-align: left;
    padding: 0 40px;
    min-height: 42px;
}

#mnav_category_swith_data .category-list .category-child-box li.active > a {
    background: #D6DDE5;
}

#mnav_category_swith_data .category-list .category-child-box li.active > a:hover {
    color: #976F11;
}

#mnav_category_swith_data .category-list .category-gchild-box {
    position: absolute;
    top: 0;
    right: -400px;
    width: 400px;
    height: 100%;
    background: #D6DDE5;
    padding: 10px 0;
    overflow-y: auto;
}

#mnav_category_swith_data .category-list li:not(:first-child) .category-gchild-box {
    display: none;
}

#mnav_category_swith_data .category-list .category-gchild-box a:hover {
    background: #CAD4E0;
    color: #976F11;
}

/* Menu Closeボタン表示する場合.block-header-mnav-inner {padding-bottom: 80px;}#mnav_category_swith_data .category-list .category-child-box {bottom: -80px;}.block-header-mnav-close {display: block;}*/
/* HEADER - banner*/
.block-header-banner {
    text-align: center;
}

.block-header-banner img {
    vertical-align: bottom;
}

@media only screen and (max-width: 1200px) {
    .pane-header .container {
        min-width: 1200px;
        padding: 0 15px 0 0;
    }

    .pane-header .block-header-mall-info .block-header-inner {
        padding-left: 15px;
    }

    /* .pane-header .block-header-mall-info .mnav-lounge {padding-right: 15px;}*/
    .pane-header .block-header-customer-info {
        padding-right: 15px;
    }

    .block-header-mnav-frame {
        padding-left: 15px;
    }

    .block-header-mnav-close {
        left: 15px;
    }
}

/* HEADER - fixed */
#header.pane-header {
    padding: 0 !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
    background: #fff;
    transition: 0.3s;
}

#header.pane-header.pane-order-header {
    padding: 0;
    margin-bottom: 0;
    border-bottom: none;
}

#header.pane-header.fixed {
    position: fixed;
    /* z-index: 10000; */
    height: 60px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    transform: translateY(-60px);
    animation: slideDown 0.3s ease-out forwards;
}

@keyframes slideDown {
    from {
        transform: translateY(-60px);
    }
    to {
        transform: translateY(0);
    }
}

#header.pane-header.fixed--hide {
    top: -60px;
    box-shadow: none;
}

#header.pane-header.fixed #header_fixed_box .container {
    height: 60px;
}

#header.pane-header.fixed .block-header-logo {
    width: 154px;
    min-width: 154px;
}

#header.pane-header.fixed .block-header-mall-info {
    width: 0;
    height: 0;
    color: #000;
    background: transparent;
    position: fixed;
    left: 0;
    top: 0;
}

#header.pane-header.fixed .block-header-mall-info .mnav-lounge,#header.pane-header.fixed .block-header-mall-info .block-header-customer-info,#header.pane-header.fixed .block-header-campaign {
    display: none;
}

#header.pane-header.fixed .block-header-mall-info .block-header-inner {
    min-width: auto;
    margin: 0 0 0 160px;
}

#header.pane-header.fixed .block-header-mall-info .block-header-inner>ul>li>a,#header.pane-header.fixed .block-header-mall-info .block-header-inner>ul>li>p>a {
    color: #000;
}

#header.pane-header.fixed .block-global-search {
    width: 415px;
}

#mnav_category_swith_data.fixed {
    top: 60px;
    left: 160px;
}

/*@media only screen and (max-width: 1800px) {#header.pane-header.fixed .block-header-mall-info .block-header-inner>ul>li {display: none;}#header.pane-header.fixed .block-header-mall-info .block-header-inner>ul>li:nth-child(1),#header.pane-header.fixed .block-header-mall-info .block-header-inner>ul>li:nth-child(2),#header.pane-header.fixed .block-header-mall-info .block-header-inner>ul>li:nth-child(3){display: block;}}*/
@media only screen and (max-width: 1700px) {
    .pane-header .block-headernav {
        margin-left: 20px !important;
    }

    .pane-header .block-headernav {
        width: 120px;
        min-width: 120px;
    }
}

@media only screen and (max-width: 1750px) {
    #header.pane-header.fixed .hnav-bookmark,#header.pane-header.fixed .hnav-coupon {
        display: none;
    }
}

@media only screen and (max-width: 1600px) {
    #header.pane-header.fixed .block-header-mall-info .block-header-inner>ul>li.mnav-jal {
        display: none;
    }
}

@media only screen and (max-width: 1200px) {
    #header.pane-header.fixed .block-header-mall-info .block-header-inner>ul>li.mnav-event {
        display: none;
    }
}

/* ----Header Search Suggest---- */
#search_suggest_area_ {
    padding: 15px;
    border: none;
    position: fixed !important;
    top: 72px !important;
    z-index: 10000;
    box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.2);
}

.fix-suggest #search_suggest_area_ {
    top: 55px !important;
    transform: translate(15px, 0);
}

/* ----Header Line Banner---- */
#header_line_banner {
    width: 100%;
    background: url("../../img/usr/common/v02/contents_infoline_bg.png") center center / cover no-repeat;
    position: relative;
}

#header_line_banner p {
    min-width: 1200px;
    margin: 0 auto;
    position: relative;
}

#header_line_banner p a {
    width: 100%;
    min-height: 38px;
    padding: 5px 20px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

#header_line_banner p.campaign a::before {
    content: '';
    width: 15px;
    height: 15px;
    margin: 0 15px 0 0;
    display: inline-block;
    background: url("../../img/usr/common/v02/icon_plesent.png") center center / cover no-repeat;
}

body.block-header-menu-on #header_line_banner::after {
    content: '';
    background: rgba(0, 0, 0, 0.7);
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    display: block;
}

/* ----Footer---- */
.pane-footer {
    padding: 0;
    position: relative;
}

.pane-footer .container {
    width: 100%;
}

#footer_connect {
    padding: 60px 0 90px;
    background: #F8F8F8;
}

#footer_connect .footer-inner {
    max-width: 1200px;
    margin: 0 auto;
}

#footer_connect h2 {
    font-size: 32px;
    font-weight: bold;
}

#footernav_connect_site figcaption {
    font-size: 14px;
    text-align: center;
}

#footernav_official_app {
    padding: 13px;
    border: #CC0000 2px solid;
    border-radius: 10px;
    background: #fff;
}

#footer_top {
    padding: 50px 0;
    border-top: #E0E0E0 1px solid;
    background: #fff;
}

#footer_top .footer-inner {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

#footer_top .footer-inner::after {
    content: '';
    width: 1px;
    height: 100%;
    background: #E0E0E0;
    display: block;
    position: absolute;
    top: 0;
    left: calc(50% - 0.5px);
}

#footernav_top_info {
    width: 50%;
}

#footernav_top_guide {
    width: 40%;
    display: flex;
    justify-content: space-between;
}

#footernav_top_guide ul.list01 {
    width: 60%;
}

#footernav_top_guide ul.list02 {
    width: 40%;
}

#footernav_top_guide li {
    font-size: 16px;
    font-weight: bold;
}

#footernav_top_guide li+li {
    margin-top: 10px;
}

#footernav_top_guide li.child {
    font-size: 14px;
    font-weight: normal;
}

#footernav_top_guide li:not(.sns) a {
    padding: 0 0 0 20px;
    display: block;
    position: relative;
}

#footernav_top_guide li:not(.sns) a:before {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #976F11;
    border-top: 2px solid #976F11;
    position: absolute;
    left: 0;
    top: calc(50% - 4px);
    display: block;
    transform: rotate(45deg);
}

#footernav_top_guide li.sns {
    margin-top: 3.5em;
    display: flex;
    justify-content: space-between;
}

#footernav_top_guide li.sns .sns-link {
    width: 30px;
    text-align: center;
}

#footernav_top_info .block-footer-logo {
    margin: 0 0 20px 0;
}

#footernav_top_info .block-footer-logo img {
    width: 150px;
    vertical-align: top;
}

#footernav_top_info .block-free-call {
    margin: 0 0 20px 0;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    line-height: 1.0;
}

#footernav_top_info .block-free-call span {
    padding: 5px 0 5px 50px;
    background: url("../../img/usr/common/icon_callfree.png") left center no-repeat;
    -webkit-background-size: 35px 20px;
    background-size: 35px 20px;
    display: inline-block;
}

#footernav_top_info .block-shop-info {
    font-size: 14px;
    line-height: 1.8;
}

#footer_middle {
    min-width: 1200px;
    padding: 40px 0 16px;
    background: #313131;
}

#footer_middle .footer-inner {
    max-width: 1200px;
    margin: 0 auto;
}

#footer_middle .block-footernav--item-list {
    display: flex;
    justify-content: center;
    align-items: center;
}

#footer_middle .block-footernav--item-list li {
    padding: 0 1em;
    border-left: #fff 1px solid;
    font-size: 14px;
    line-height: 1.0;
    display: inline-block;
}

#footer_middle .block-footernav--item-list li:first-child {
    padding: 0 1em 0 0;
    border-left: none;
}

#footer_middle .block-footernav--item-list li a {
    color: #fff;
}

#footer_middle .block-footernav-sns-list {
    display: flex;
    justify-content: flex-end;
}

#footer_middle .block-footernav-sns-list li {
    width: 30px;
    margin: 0 0 0 15px;
    text-align: center;
}

#footer_bottom {
    min-width: 1200px;
    padding: 0 0 40px;
    background: #313131;
}

#footer_bottom .footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

#footer_bottom .block-footernav {
    margin-bottom: 40px;
}

#footer_bottom .block-footernav li {
    padding: 0 1em;
    border-left: #333 1px solid;
    font-size: 14px;
    line-height: 1.0;
    display: inline-block;
}

#footer_bottom .block-footernav li:first-child {
    padding: 0 1em 0 0;
    border-left: none;
}

#footer_bottom .block-footernav li a {
    color: #fff;
}

#footer_pagetop {
    position: fixed;
    top: auto;
    bottom: 0;
    right: 0;
    display: none;
    z-index: 5;
}

#footer_pagetop a {
    width: 55px;
    height: 110px;
    background: url("../../img/usr/common/pagetop.png") left top no-repeat;
    -webkit-background-size: 24px 92.5px;
    background-size: 24px 92.5px;
    position: relative;
    display: block;
    transition: 0.3s;
}

#footer_pagetop a:hover {
    opacity: 0.5;
}

#footer_pagetop a:after {
    display: none !important;
}

.pane-footer .block-switcher {
    display: none;
}

.pane-footer .block-copyright {
    font-size: 12px;
    text-align: center;
    color: #fff;
}

#footer_bottom.order {
    padding: 0;
    height: 60px;
}

#footer_bottom.order .footer-inner {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 1000px) {
    #footer_top {
        padding: 30px;
    }

    #footer_top .footer-inner {
        flex-direction: column;
        justify-content: center;
    }

    #footer_top .footer-inner::after {
        display: none;
    }

    #footernav_top_info {
        width: 100%;
        padding: 0 0 20px;
        margin: 0 0 20px;
        border-bottom: #E0E0E0 1px solid;
    }

    #footernav_top_guide {
        width: 100%;
    }

    #footernav_top_guide ul {
        width: 45%;
    }

    #footernav_top_guide li {
        font-size: 14px;
    }

    #footernav_top_guide li.child {
        font-size: 12px;
    }

    #footer_bottom {
        padding: 0 30px 30px;
    }

    .pane-footer .block-copyright {
        margin-top: 10px;
    }
}

/* ----Layout---- */
/*-- category --*/
.page-category .pane-contents .container {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.page-category .pane-contents .container .pane-left-menu {
    width: 230px;
}

.page-category .pane-contents .container .pane-main {
    width: 930px;
}

/*-- genre --*/
.page-genre .pane-contents .container {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.page-genre .pane-contents .container .pane-left-menu {
    width: 230px;
}

.page-genre .pane-contents .container .pane-main {
    width: 930px;
}

/*-- event --*/
.page-event .pane-contents .container {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.page-event .pane-contents .container .pane-left-menu {
    width: 230px;
}

.page-event .pane-contents .container .pane-main {
    width: 930px;
}

/*-- search --*/
.page-search .pane-contents .container {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.page-search .pane-contents .container .pane-left-menu {
    width: 230px;
}

.page-search .pane-contents .container .pane-main {
    width: 930px;
}

/*-- topic --*/
.page-topic .pane-contents .container {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.page-topic .pane-contents .container .pane-left-menu {
    width: 230px;
}

.page-topic .pane-contents .container .pane-main {
    width: 930px;
}

/*-- topicdetaillist --*/
.page-topicdetaillist .pane-contents .container {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.page-topicdetaillist .pane-contents .container .pane-left-menu {
    width: 230px;
}

.page-topicdetaillist .pane-contents .container .pane-main {
    width: 930px;
}

/*-- alert --*/
body[class^='page-alert'] .pane-contents .container {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

body[class^='page-alert'] .pane-contents .container .pane-left-menu {
    width: 230px;
}

body[class^='page-alert'] .pane-contents .container .pane-main {
    width: 930px;
}

/*-- storestock --*/
.page-storestock .pane-contents .container {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.page-storestock .pane-contents .container .pane-left-menu {
    width: 230px;
}

.page-storestock .pane-contents .container .pane-main {
    width: 930px;
}

/*-- mallcategoryapi --*/
.page-mallcategoryapi .pane-contents .container {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.page-mallcategoryapi .pane-contents .container .pane-left-menu {
    width: 230px;
}

.page-mallcategoryapi .pane-contents .container .pane-main {
    width: 930px;
}

/*-- Mall --*/
.page-mall #block_of_searchbox,.page-mall #js_calendar_replace {
    display: none;
}

.page-mall .pane-contents .container {
    width: 100%;
    min-width: 1280px;
    max-width: 1860px;
    padding: 0 40px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.page-mall .pane-contents .container .pane-left-menu {
    width: 230px;
}

.page-mall .container .pane-main {
    width: calc(100% - 270px);
    box-sizing: border-box;
    overflow-x: hidden;
}

.page-mall .block-goods-list--pager-top {
    padding: 0 220px;
    margin-top: 130px;
    position: relative;
}

.page-mall .block-goods-list--pager-top::before {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    background: #D5D5D5;
    position: absolute;
    left: 0;
    top: -80px;
}

.page-mall .pane-main .jal-card-price {
    display: none !important;
}

.page-mall .pane-right-menu .jal-card-price {
    display: none !important;
}

/* ----Left---- */
.pane-left-menu .left-link .left-link-name {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.pane-left-menu .left-link {
    padding: 20px;
    background: #EBEBEB;
    border-radius: 8px;
    margin-bottom: 30px;
}

.pane-left-menu .left-link .left-link-list {
}

.pane-left-menu .left-link .left-link-list li {
    margin-bottom: 5px;
    position: relative;
    padding-left: 15px;
}

.pane-left-menu .left-link .left-link-list li:after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #CC0000;
    border-top: 2px solid #CC0000;
    position: absolute;
    left: 0;
    top: calc(50% - 4px);
    display: block;
    transform: rotate(45deg);
}

.pane-left-menu .pane-block--title {
    padding: 8px 0;
    margin: 0;
    border: none;
    font-size: 16px;
    font-weight: bold;
    background: none;
    color: #111111;
}

.pane-left-menu .pane-block--title a {
    text-decoration: none;
    color: #111111;
}

#block_of_jscart {
    margin: 0 0 30px 0;
}

/*-- top --*/
.left_top_banners {
    padding: 14px;
    margin: 0 0 30px 0;
    border: #E0E0E0 1px solid;
    background: #F8F8F8;
}

.left_top_banners li {
    margin: 0;
}

.left_top_banners li img {
    vertical-align: top;
}

.left_top_banners li+li {
    margin-top: 10px;
}

/*-- bottom --*/
.left_bottom_banners {
    padding: 0;
    margin: 0 0 30px 0;
}

.left_bottom_banners li+li {
    margin-top: 10px;
}

/*-- mall-category-tree --*/
#block_of_mallcategorytree {
    margin: 0 0 30px 0;
}

#block_of_mallcategorytree .block-category-tree--items {
    position: relative;
}

#block_of_mallcategorytree .block-category-tree--items::after {
    content: '';
    width: 100%;
    height: 0;
    border-top: #E0E0E0 1px solid;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

#block_of_mallcategorytree .block-category-tree--level-1>li:not(.has-child),#block_of_mallcategorytree .block-category-tree--level-1>li.has-child .child-tree-header {
}

#block_of_mallcategorytree .block-category-tree--level-2>li+li::before,#block_of_mallcategorytree .block-category-tree--level-3>li+li::before,#block_of_mallcategorytree .block-category-tree--level-4>li+li::before {
    content: '';
    width: calc(100% - 20px);
    height: 0;
    border-top: #E0E0E0 1px dashed;
    display: block;
    position: absolute;
    top: -1px;
    left: 10px;
    z-index: 1;
}

#block_of_mallcategorytree .block-category-tree--item__open,#block_of_mallcategorytree .block-category-tree--item {
    border: none;
    position: relative;
}

#block_of_mallcategorytree .block-category-tree--item__open a,#block_of_mallcategorytree .block-category-tree--item a {
    width: 100%;
    padding: 0;
    height: auto;
    min-height: 43px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}

#block_of_mallcategorytree .block-category-tree--item__open>a {
    font-weight: bold;
    color: #976F11;
}

#block_of_mallcategorytree .block-category-tree--item>span {
    width: 100%;
    height: auto;
    min-height: 43px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

#block_of_mallcategorytree .block-category-tree--item__open a:after,#block_of_mallcategorytree .block-category-tree--item a:after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #CC0000;
    border-top: 2px solid #CC0000;
    position: absolute;
    right: 13px;
    top: calc(50% - 4px);
    display: block;
    transform: rotate(45deg);
}

#block_of_mallcategorytree .block-category-tree--level-2>li {
    text-indent: 0;
    background: #F8F8F8;
}

#block_of_mallcategorytree .block-category-tree--level-3>li {
    text-indent: 0;
    background: #eeeeee;
}

#block_of_mallcategorytree .block-category-tree--level-4>li {
    text-indent: 0;
    background: #e6e6e6;
}

#block_of_mallcategorytree .block-category-tree--level-2>li a {
    padding-left: 20px;
}

#block_of_mallcategorytree .block-category-tree--level-3>li a {
    padding-left: 30px;
}

#block_of_mallcategorytree .block-category-tree--level-4>li a {
    padding-left: 40px;
}

#block_of_mallcategorytree .block-category-tree--level-2 .block-category-tree--item__open a:after,#block_of_mallcategorytree .block-category-tree--level-2 .block-category-tree--item a:after,#block_of_mallcategorytree .block-category-tree--level-3 .block-category-tree--item__open a:after,#block_of_mallcategorytree .block-category-tree--level-3 .block-category-tree--item a:after,#block_of_mallcategorytree .block-category-tree--level-4 .block-category-tree--item__open a:after,#block_of_mallcategorytree .block-category-tree--level-4 .block-category-tree--item a:after {
    display: none;
}

#block_of_mallcategorytree .block-category-tree--image {
    width: 25px;
    height: 25px;
    margin-right: 9px;
}

#block_of_mallcategorytree .child-tree-header {
    display: flex;
    justify-content: space-between;
}

#block_of_mallcategorytree .child-tree-header a {
    width: calc(100% - 30px);
    padding-right: 0;
}

#block_of_mallcategorytree .child-tree-header a::after {
    display: none;
}

#block_of_mallcategorytree .child-tree-header .switch {
    width: 30px;
    position: relative;
    cursor: pointer;
}

#block_of_mallcategorytree .child-tree-header .switch::before,#block_of_mallcategorytree .child-tree-header .switch::after {
    content: '';
    width: 12px;
    height: 2px;
    display: block;
    background: #CC0000;
    position: absolute;
    top: calc(50% - 0.8px);
    right: 9px;
    transition: 0.3s;
}

#block_of_mallcategorytree .child-tree-header .switch::after {
    transform: rotate(-90deg);
}

#block_of_mallcategorytree .child-tree-header .switch.open::after {
    transform: rotate(0deg);
}

#block_of_mallcategorytree .block-category-tree--items.block-category-tree--level-2 {
    display: none;
}

#block_of_mallcategorytree .block-category-tree--items.block-category-tree--level-3 {
    display: none;
}

#block_of_mallcategorytree .block-category-tree--items.block-category-tree--level-4 {
    display: none;
}

/*-- category-tree --*/
#block_of_categorytree {
    margin: 0 0 30px 0;
}

.page-mall #block_of_categorytree {
    display: none !important;
}

#block_of_categorytree .block-category-tree--items {
    position: relative;
}

#block_of_categorytree .block-category-tree--items:not(.block-category-tree--level-1)::before {
    content: '';
    width: 100%;
    height: 0;
    border-top: #E0E0E0 1px solid;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

#block_of_categorytree .block-category-tree--items:not(.block-category-tree--level-1)::after {
    content: '';
    width: 100%;
    height: 0;
    border-top: #E0E0E0 1px solid;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

#block_of_categorytree .block-category-tree--level-2>li+li::before {
    content: '';
    width: 100%;
    height: 0;
    border-top: #E0E0E0 1px solid;
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 2;
}

#block_of_categorytree .block-category-tree--level-3>li+li::before,#block_of_categorytree .block-category-tree--level-4>li+li::before {
    content: '';
    width: calc(100% - 20px);
    height: 0;
    border-top: #E0E0E0 1px dashed;
    display: block;
    position: absolute;
    top: -1px;
    left: 10px;
    z-index: 1;
}

#block_of_categorytree .block-category-tree--item__open,#block_of_categorytree .block-category-tree--item {
    border: none;
    position: relative;
}

#block_of_categorytree .block-category-tree--item__open a,#block_of_categorytree .block-category-tree--item a {
    width: 100%;
    padding: 0 15px 0 10px;
    height: auto;
    min-height: 43px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}

#block_of_categorytree .block-category-tree--item__open>a {
    font-weight: bold;
    color: #976F11;
}

#block_of_categorytree .block-category-tree--item>span {
    width: 100%;
    height: auto;
    min-height: 43px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

#block_of_categorytree .block-category-tree--item__open a:after,#block_of_categorytree .block-category-tree--item a:after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #CC0000;
    border-top: 2px solid #CC0000;
    position: absolute;
    right: 13px;
    top: calc(50% - 4px);
    display: block;
    transform: rotate(45deg);
}

#block_of_categorytree .block-category-tree--level-1>li {
    text-indent: 0;
    border-top: none !important;
}

#block_of_categorytree .block-category-tree--level-1>li>a {
    display: none;
}

#block_of_categorytree .block-category-tree--level-2>li {
    text-indent: 0;
}

#block_of_categorytree .block-category-tree--level-3>li {
    text-indent: 0;
    background: #F8F8F8;
}

#block_of_categorytree .block-category-tree--level-4>li {
    text-indent: 0;
    background: #eeeeee;
}

#block_of_categorytree .block-category-tree--level-2>li a {
    padding-left: 10px;
}

#block_of_categorytree .block-category-tree--level-3>li a {
    padding-left: 20px;
}

#block_of_categorytree .block-category-tree--level-4>li a {
    padding-left: 30px;
}

#block_of_categorytree .block-category-tree--level-3 .block-category-tree--item__open a:after,#block_of_categorytree .block-category-tree--level-3 .block-category-tree--item a:after,#block_of_categorytree .block-category-tree--level-4 .block-category-tree--item__open a:after,#block_of_categorytree .block-category-tree--level-4 .block-category-tree--item a:after {
    display: none;
}

#block_of_categorytree .block-category-tree--image {
    width: 43px;
    height: 43px;
    margin-right: 9px;
}

#block_of_categorytree .child-tree-header {
    display: flex;
    justify-content: space-between;
}

#block_of_categorytree .child-tree-header a {
    width: calc(100% - 40px);
    padding-right: 0;
}

#block_of_categorytree .child-tree-header a::after {
    display: none;
}

#block_of_categorytree .child-tree-header .switch {
    width: 40px;
    position: relative;
    cursor: pointer;
}

#block_of_categorytree .child-tree-header .switch::before,#block_of_categorytree .child-tree-header .switch::after {
    content: '';
    width: 12px;
    height: 2px;
    display: block;
    background: #CC0000;
    position: absolute;
    top: calc(50% - 0.8px);
    right: 9px;
    transition: 0.3s;
}

#block_of_categorytree .child-tree-header .switch::after {
    transform: rotate(-90deg);
}

#block_of_categorytree .child-tree-header .switch.open::after {
    transform: rotate(0deg);
}

#block_of_categorytree .block-category-tree--items.block-category-tree--level-3 {
    display: none;
}

#block_of_categorytree .block-category-tree--items.block-category-tree--level-4 {
    display: none;
}

/*-- genre-tree --*/
#block_of_genretree {
    margin: 0 0 30px 0;
}

.page-mall #block_of_genretree {
    display: none !important;
}

.block-genre-tree--items {
    position: relative;
}

.block-genre-tree--items::before {
    content: '';
    width: 100%;
    height: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.block-genre-tree--items::after {
    content: '';
    width: 100%;
    height: 0;
    border-top: #E0E0E0 1px solid;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.block-genre-tree--items.block-genre-tree--level1>li+li::before {
    content: '';
    width: 100%;
    height: 0;
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 2;
}

.block-genre-tree--items.block-genre-tree--level2>li+li::before,.block-genre-tree--items.block-genre-tree--level3>li+li::before,.block-genre-tree--items.block-genre-tree--level4>li+li::before {
    content: '';
    width: calc(100% - 20px);
    height: 0;
    border-top: #E0E0E0 1px dashed;
    display: block;
    position: absolute;
    top: -1px;
    left: 10px;
    z-index: 1;
}

.block-genre-tree--item__open,.block-genre-tree--item {
    border: none;
    position: relative;
}

.block-genre-tree--item__open a,.block-genre-tree--item a {
    width: 100%;
    padding: 0 15px 0 10px;
    height: auto;
    min-height: 43px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}

.block-genre-tree--item>span {
    height: auto;
    min-height: 43px;
    display: flex;
    align-items: center;
}

.block-genre-tree--item__open a:after,.block-genre-tree--item a:after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #CC0000;
    border-top: 2px solid #CC0000;
    position: absolute;
    right: 13px;
    top: calc(50% - 4px);
    display: block;
    transform: rotate(45deg);
}

.block-genre-tree--level1>li {
    text-indent: 0;
}

.block-genre-tree--level2>li {
    text-indent: 0;
    background: #F8F8F8;
}

.block-genre-tree--level3>li {
    text-indent: 0;
    background: #eeeeee;
}

.block-genre-tree--level4>li {
    text-indent: 0;
    background: #eeeeee;
}

.block-genre-tree--level2>li a {
    padding-left: 20px;
}

.block-genre-tree--level3>li a {
    padding-left: 30px;
}

.block-genre-tree--level4>li a {
    padding-left: 40px;
}

.block-genre-tree--level3 .block-genre-tree--item__open a:after,.block-genre-tree--level3 .block-genre-tree--item a:after,.block-genre-tree--level4 .block-genre-tree--item__open a:after,.block-genre-tree--level4 .block-genre-tree--item a:after {
    display: none;
}

.block-genre-tree--image {
    width: 43px;
    height: 43px;
    margin-right: 9px;
}

#block_of_genretree .child-tree-header {
    display: flex;
    justify-content: space-between;
}

#block_of_genretree .child-tree-header a {
    width: calc(100% - 40px);
    padding-right: 0;
}

#block_of_genretree .child-tree-header a::after {
    display: none;
}

#block_of_genretree .child-tree-header .switch {
    width: 40px;
    position: relative;
    cursor: pointer;
}

#block_of_genretree .child-tree-header .switch::before,#block_of_genretree .child-tree-header .switch::after {
    content: '';
    width: 12px;
    height: 2px;
    display: block;
    background: #CC0000;
    position: absolute;
    top: calc(50% - 0.8px);
    right: 9px;
    transition: 0.3s;
}

#block_of_genretree .child-tree-header .switch::after {
    transform: rotate(-90deg);
}

#block_of_genretree .child-tree-header .switch.open::after {
    transform: rotate(0deg);
}

#block_of_genretree .block-genre-tree--items.block-genre-tree--level2 {
    display: none;
}

#block_of_genretree .block-genre-tree--items.block-genre-tree--level3 {
    display: none;
}

#block_of_genretree .block-genre-tree--items.block-genre-tree--level4 {
    display: none;
}

#block_of_genretree.shop-genre-tree .block-genre-tree--level1>li>.child-tree-header {
    display: none !important;
}

#block_of_genretree.shop-genre-tree .block-genre-tree--level2>li {
    text-indent: 0;
    background: #ffffff;
}

#block_of_genretree.shop-genre-tree .block-genre-tree--level3>li {
    text-indent: 0;
    background: #F8F8F8;
}

#block_of_genretree.shop-genre-tree .block-genre-tree--level4>li {
    text-indent: 0;
    background: #eeeeee;
}

#block_of_genretree.shop-genre-tree .block-genre-tree--level2>li a {
    padding-left: 10px;
}

#block_of_genretree.shop-genre-tree .block-genre-tree--level3>li a {
    padding-left: 20px;
}

#block_of_genretree.shop-genre-tree .block-genre-tree--level4>li a {
    padding-left: 30px;
}

#block_of_genretree.shop-genre-tree.shop-genre-tree .block-genre-tree--level1>li>a {
    display: none;
}

/*-- Tree --*/
.block-left-tree {
    margin: 0 0 30px 0;
}

.block-left-tree--title {
    padding: 8px 0;
    margin: 0;
    border: none;
    font-size: 16px;
    font-weight: bold;
    color: #111;
}

.block-left-tree--items {
    position: relative;
}

.block-left-tree--item {
    width: 100%;
    border: none;
    position: relative;
}

.block-left-tree--item span {
    width: 200px;
}

.block-left-tree--item a {
    width: 100%;
    padding: 0;
    height: auto;
    min-height: 43px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}

.block-left-tree--item a:after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #CC0000;
    border-top: 2px solid #CC0000;
    position: absolute;
    right: 14px;
    top: calc(50% - 4px);
    display: block;
    transform: rotate(45deg);
}

.block-left-tree--item>span {
    height: auto;
    min-height: 43px;
    display: flex;
    align-items: center;
}

/*-- searchbox --*/
#block_of_searchbox {
    padding: 15px 10px 10px;
    margin: 0 0 30px 0;
    background: #EFE7D5;
}

#block_of_searchbox .pane-block--title {
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 16px;
    background: #EFE7D5;
    color: #111111;
}

#block_of_searchbox .pane-block--title a {
    color: #111111;
    text-decoration: none;
}

#block_of_searchbox .block-search-box--form {
    height: 40px;
    border: #999999 1px solid;
    background: #FFF;
    box-sizing: border-box;
}

#block_of_searchbox .block-search-box--keyword {
    min-height: auto;
    border: none !important;
}

#block_of_searchbox button.block-search-box--search-submit {
    width: 33px;
    height: 38px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url("../../img/usr/common/icon_search.png") center center no-repeat;
    background-size: 18.5px 18.5px;
}

#block_of_searchbox p.block-search-box--search-detail {
    display: none;
}

/*-- calendar --*/
body:not(.page-category) #js_calendar_replace,.page-mall #calendar {
    display: none !important;
}

#calendar {
    padding: 15px 0;
    margin: 0 0 30px 0;
    border: #E0E0E0 1px solid;
}

#calendar .block-calendar-slide-area-wrapper {
    margin-bottom: 5px;
}

#calendar table tr {
    border: none;
}

#calendar table td {
    height: 25px;
}

#calendar table th span {
    font-size: 10px;
}

#calendar table td span {
    font-size: 14px;
}

#calendar table td span.closed {
    color: #CC0000 !important;
}

#calendar table tr td:nth-child(7) span {
    color: #338EEB;
}

#calendar.block-calendar p span {
    color: #CC0000;
}

#calendar .block-calendar-prev {
    padding-left: 15px;
    background: url(../../img/usr/calendar_prev.png) left top no-repeat;
    left: 0;
    display: none;
}

#calendar .block-calendar-next {
    padding-right: 15px;
    background: url(../../img/usr/calendar_next.png) right top no-repeat;
    right: 0;
}

/* ----Filter---- */
#block_of_filter {
    margin: 0 0 30px 0;
}

#block_of_filter .pane-block--title {
    display: none;
}

#block_of_filter .pane-block--subtitle {
    padding: 8px 10px;
    margin: 0;
    border: none;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    background: #111;
    color: #fff;
    position: relative;
}

#block_of_filter .pane-block--subtitle::before,#block_of_filter .pane-block--subtitle::after {
    content: '';
    width: 12px;
    height: 2px;
    display: block;
    background: #FFFFFF;
    position: absolute;
    top: calc(50% - 0.8px);
    right: 9px;
    transition: 0.3s;
}

#block_of_filter .block-filter--close .pane-block--subtitle::after {
    transform: rotate(-90deg);
}

#block_of_filter .block-filter--close .pane-block--subtitle.open::after {
    transform: rotate(0deg);
}

#block_of_filter .block-filter--imagelist-inner-accordion {
    padding: 15px 10px 10px;
}

#block_of_filter .block-filter--list-inner-accordion {
    padding: 15px 10px;
}

#block_of_filter .block-filter-option-items+.block-filter-option-items {
    margin-top: 10px;
}

#block_of_filter .block-filter--select-inner-accordion {
    padding: 15px 10px;
}

#block_of_filter .block-filter--select-inner-accordion select {
    width: 100%;
}

#block_of_filter .block-filter-option-items {
    display: flex;
    justify-content: space-between;
    align-content: center;
}

#block_of_filter .block-filter-option-items label {
    width: calc(100% - 30px);
    margin-right: 0;
}

#block_of_filter .block-filter-option-items input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin: 0;
    outline: 0;
    border: #E0E0E0 1px solid;
    border-radius: 0;
    position: relative;
    transition: 0.3s;
    background: #E0E0E0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

#block_of_filter .block-filter-option-items input[type="checkbox"]:before {
    transition: 0.3s;
}

#block_of_filter .block-filter-option-items input[type="checkbox"]:checked {
    border: #E0E0E0 1px solid;
    background: #E0E0E0;
}

#block_of_filter .block-filter-option-items input[type="checkbox"]:checked:before {
    content: "";
    width: 12px;
    height: 8px;
    margin: -6px 0 0 -6px;
    border-right: 2px solid #CC0000;
    border-top: 2px solid #CC0000;
    transform: rotate(135deg);
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
}

#block_of_filter .block-filter-option-items input[type="checkbox"]:checked+label {
    font-weight: 700;
}

#block_of_filter .block-filter--treelist {
    display: none !important;
}

#block_of_filter #block_of_filter_clear {
    padding: 20px 10px;
    margin: 1px 0 0 0;
    background: #F5F5F5;
}

#block_of_filter #block_of_filter_clear .button-clear {
    height: 40px;
    border: #ADADAD 1px solid;
    border-radius: 5px;
    color: #111;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    cursor: pointer;
}

#block_of_filter .block-filter--form {
    padding: 0;
}

#block_of_filter div[id^="div_filter"] {
    padding-bottom: 20px;
    border-bottom: #E6E6E6 1px solid;
}

#block_of_filter .pane-block--search-subtitle {
    padding: 15px 20px 10px;
    margin: 0;
    border: none;
    font-size: 16px;
    font-weight: bold;
}

#block_of_filter .block-filter--search-list-inner-block {
    padding: 0 20px;
}

#block_of_filter #div_filter17 .block-filter--search-list-inner-block {
    display: flex;
    align-items: center;
}

#block_of_filter .block-filter--price-min,#block_of_filter .block-filter--price-max {
    display: flex;
    align-items: center;
}

#block_of_filter .block-filter--separate {
    padding: 0 2px;
    display: inline-block;
}

#block_of_filter input.min-price,#block_of_filter input.max-price {
    width: 70px;
    height: 32px;
    min-height: auto;
    padding: 0 8px;
    margin: 0 4px 0 0;
    border: none;
    outline: none;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: #EBEBEB;
}

#block_of_filter .type-slide-tree .pane-block--search-subtitle {
    margin: 0 0 5px 0;
}

#block_of_filter .type-slide-tree .block-filter-option-items {
    padding: 10px;
    margin: 0;
    border-bottom: #E0E0E0 1px dashed;
}

#block_of_filter .type-slide-tree .block-shop-tree--more {
    display: none;
}

#block_of_filter .type-slide-tree .accordion-close-btn,#block_of_brandtree.type-slide-tree .accordion-close-btn {
    height: 50px;
    padding: 15px 0 0 0;
    font-size: 14px;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
}

#block_of_filter .type-slide-tree .accordion-close-btn::before,#block_of_brandtree.type-slide-tree .accordion-close-btn::before {
    content: 'もっと見る';
    font-size: 14px;
    display: inline-block;
}

#block_of_filter .type-slide-tree .accordion-close-btn::after,#block_of_brandtree.type-slide-tree .accordion-close-btn::after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    display: block;
    position: absolute;
    bottom: 0;
    left: calc(50% - 4px);
    transform: rotate(135deg);
}

#block_of_filter .type-slide-tree .accordion-close-btn.open,#block_of_brandtree.type-slide-tree .accordion-close-btn.open {
    padding: 30px 0 0 0;
}

#block_of_filter .type-slide-tree .accordion-close-btn.open::before,#block_of_brandtree.type-slide-tree .accordion-close-btn.open::before {
    content: '閉じる';
}

#block_of_filter .type-slide-tree .accordion-close-btn.open::after,#block_of_brandtree.type-slide-tree .accordion-close-btn.open::after {
    transform: rotate(-45deg);
    bottom: 20px;
}

#block_of_filter .block-search-submit-button {
    margin: 12px 20px 20px;
}

#block_of_filter .block-filter--search-list+.block-search-submit-button {
    margin: 30px 20px 0;
}

#block_of_filter .block-search-submit-button .search-button {
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 4px;
    outline: none;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: #111;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.3s;
}

#block_of_filter .block-search-submit-button .search-button:hover {
    opacity: 0.7;
}

#block_of_filter .block-search-clear-button {
    margin: 8px 20px 0;
}

#block_of_filter .block-search-clear-button a {
    width: 100%;
    height: 40px;
    margin: 0;
    border: #9F9F9F 1px solid;
    border-radius: 4px;
    outline: none;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.3s;
}

#block_of_filter .block-search-clear-button a:hover {
    opacity: 0.7;
}

.pane-left-menu .block-goods-list--filter-selected {
    padding: 15px 10px;
    border-radius: 8px;
    background: #EBEBEB;
}

.pane-left-menu .block-goods-list--filter-selected h2 {
    padding: 0 10px;
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: bold;
}

.pane-left-menu .block-goods-list--filter-selected .block-goods-list--filter-selected-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.pane-left-menu .block-goods-list--filter-selected .fs-item {
    padding: 8px 30px 8px 8px;
    font-size: 14px;
    text-decoration: none;
    color: #666;
    display: flex;
    align-items: center;
    background: #fff;
    position: relative;
}

.pane-left-menu .block-goods-list--filter-selected .fs-item::after {
    content: '×';
    font-size: 14px;
    line-height: 1.0;
    color: #666;
    position: absolute;
    top: calc(50% - 0.5em);
    right: 10px;
}

.pane-left-menu .block-goods-list--filter-selected .fs-ar {
    width: calc(100% - 20px);
    height: 40px;
    margin: 8px auto 0;
    border: #9F9F9F 1px solid;
    border-radius: 4px;
    outline: none;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.3s;
}

.pane-left-menu .block-goods-list--filter-selected .fs-ar:hover {
    opacity: 0.7;
}

/* ----Right---- */
#block_of_itemhistory.block-recent-item {
    width: 100%;
    padding: 60px 0 50px;
    margin: 0;
    background: #F8F8F8;
}

#block_of_itemhistory .block-recent-item--header {
    padding: 0;
    margin: 0 0 35px 0;
    border: none;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}

#block_of_itemhistory #itemHistory {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

#block_of_itemhistory #itemHistoryButton {
    margin: 0;
    text-align: right;
    position: absolute;
    top: -65px;
    right: 0;
}

#block_of_itemhistory #itemHistoryButton a {
    font-size: 14px;
    text-decoration: none;
    color: #CC0000;
}

#block_of_itemhistory .block-recent-item--items {
    width: 100%;
}

#cart_itemhistory {
    width: 100%;
    padding: 60px 0 50px;
    margin: 0;
    background: #F8F8F8;
}

#cart_itemhistory .block-cart-recent-item--header {
    padding: 0;
    margin: 0 0 35px 0;
    border: none;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}

#block_of_rightmenu_bottom {
    display: none;
}

.pane-header .block-headernav--item-list>li:nth-of-type(n+2) {
    margin-left: 12px;
}

.pane-header .block-global-search form {
    width: 430px;
}

#header.pane-header.fixed .block-global-search,#header.pane-header.fixed .block-global-search > form {
    width: 100%;
}

#header.pane-header.fixed .block-global-search {
    padding-left: 615px;
}

#header.pane-header.fixed .block-global-search > form {
    max-width: 430px;
    margin: 0 0 0 auto;
}

@media only screen and (max-width: 1700px) {
    #header.pane-header.fixed .block-global-search {
        padding-left: max(42vw,620px);
    }
}

.pane-header .block-headernav {
    width: auto;
    margin-left: 50px;
    flex-shrink: 0;
}

#block_of_filter #div_filter27 .block-filter-option-items {
    justify-content: flex-start;
    flex-wrap: wrap;
}

#block_of_filter #div_filter27 .block-filter-option-items>label {
    width: 25px;
}

#block_of_filter #div_filter27 .block-filter-option-items>label:not(:nth-of-type(6n)) {
    margin-right: 8px;
}

#block_of_filter #div_filter27 .block-filter-option-items>label:nth-of-type(n+7) {
    margin-top: 8px;
}

#block_of_filter #div_filter27 .block-filter-option-items input[type="checkbox"] {
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

#block_of_filter #div_filter27 .block-filter-option-items input[type="checkbox"]:checked:before {
    border-right-color: #fff;
    border-top-color: #fff;
}

#block_of_filter #div_filter27 .block-filter-option-items label[for=filter4_White] input[type="checkbox"]:checked:before,#block_of_filter #div_filter27 .block-filter-option-items label[for=filter4_Yellow] input[type="checkbox"]:checked:before {
    border-right-color: #111;
    border-top-color: #111;
}

#block_of_brandtree {
    margin: 0 0 30px 0;
}

.page-mall #block_of_brandtree {
    display: none !important;
}

.block-brand-tree--items {
    position: relative;
}

.block-brand-tree--items::before {
    content: '';
    width: 100%;
    height: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.block-brand-tree--items::after {
    content: '';
    width: 100%;
    height: 0;
    border-top: #E0E0E0 1px solid;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.block-brand-tree--items.block-brand-tree--level-1>li+li::before {
    content: '';
    width: 100%;
    height: 0;
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 2;
}

.block-brand-tree--items.block-brand-tree--level-2>li+li::before,.block-brand-tree--items.block-brand-tree--level-3>li+li::before,.block-brand-tree--items.block-brand-tree--level-4>li+li::before {
    content: '';
    width: calc(100% - 20px);
    height: 0;
    border-top: #E0E0E0 1px dashed;
    display: block;
    position: absolute;
    top: -1px;
    left: 10px;
    z-index: 1;
}

.block-brand-tree--item__open,.block-brand-tree--item {
    border: none;
    position: relative;
}

.block-brand-tree--item__open a,.block-brand-tree--item a {
    width: 100%;
    padding: 5px 15px 5px 10px;
    height: auto;
    min-height: 43px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}

.block-brand-tree--item>span {
    height: auto;
    min-height: 43px;
    display: flex;
    align-items: center;
}

.block-brand-tree--item__open a:after,.block-brand-tree--item a:after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #CC0000;
    border-top: 2px solid #CC0000;
    position: absolute;
    right: 13px;
    top: calc(50% - 4px);
    display: block;
    transform: rotate(45deg);
}

.block-brand-tree--level-1>li {
    text-indent: 0;
}

.block-brand-tree--level-2>li {
    text-indent: 0;
    background: #F8F8F8;
}

.block-brand-tree--level-3>li {
    text-indent: 0;
    background: #eeeeee;
}

.block-brand-tree--level-4>li {
    text-indent: 0;
    background: #eeeeee;
}

.block-brand-tree--level-2>li a {
    padding-left: 20px;
}

.block-brand-tree--level-3>li a {
    padding-left: 30px;
}

.block-brand-tree--level-4>li a {
    padding-left: 40px;
}

.block-brand-tree--level-3 .block-brand-tree--item__open a:after,.block-brand-tree--level-3 .block-brand-tree--item a:after,.block-brand-tree--level-4 .block-brand-tree--item__open a:after,.block-brand-tree--level-4 .block-brand-tree--item a:after {
    display: none;
}

.block-brand-tree--image {
    width: 43px;
    height: 43px;
    margin-right: 9px;
}

#block_of_brandtree .child-tree-header {
    display: flex;
    justify-content: space-between;
}

#block_of_brandtree .child-tree-header a {
    width: calc(100% - 40px);
    padding-right: 0;
}

#block_of_brandtree .child-tree-header a::after {
    display: none;
}

#block_of_brandtree .child-tree-header .switch {
    width: 40px;
    position: relative;
    cursor: pointer;
}

#block_of_brandtree .child-tree-header .switch::before,#block_of_brandtree .child-tree-header .switch::after {
    content: '';
    width: 12px;
    height: 2px;
    display: block;
    background: #CC0000;
    position: absolute;
    top: calc(50% - 0.8px);
    right: 9px;
    transition: 0.3s;
}

#block_of_brandtree .child-tree-header .switch::after {
    transform: rotate(-90deg);
}

#block_of_brandtree .child-tree-header .switch.open::after {
    transform: rotate(0deg);
}

#block_of_brandtree .block-brand-tree--items.block-brand-tree--level-2 {
    display: none;
}

#block_of_brandtree .block-brand-tree--items.block-brand-tree--level-3 {
    display: none;
}

#block_of_brandtree .block-brand-tree--items.block-brand-tree--level-4 {
    display: none;
}

.fix-suggest #search_suggest_area_container_ #search_suggest_area_ {
    transform: none;
}

/* ----------------------------------
season banner
---------------------------------- */
.pane-header .christmas {
    border-bottom: 4px solid #228E79;
}
.pane-header .christmas .block-header-campaign-img img {
    display: block;
    margin: 6px 0 0 0;
}
.pane-header .christmas .block-headernav li.hnav-login a {
    background-image: url(../../img/usr/common/icon_login_christmas.png);
}
.pane-header .christmas .block-headernav li.hnav-coupon a {
    background-image: url(../../img/usr/common/icon_coupon_christmas.png);
}
.pane-header .christmas .block-headernav li.hnav-bookmark a {
    background-image: url(../../img/usr/common/icon_bookmark_christmas.png);
}
.pane-header .christmas .block-headernav li.hnav-history a {
    background-image: url(../../img/usr/common/icon_history_christmas.png);
}
.pane-header .christmas .block-headernav li.hnav-cart a {
    background-image: url(../../img/usr/common/icon_cart_christmas.png);
}