body {
    overflow-x: hidden;
}
#SS_searchForm {
    width: auto;
}
/* ------------------------------
- reset
------------------------------ */
.header * {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    line-height: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.header li {
    list-style-type: none;
}

.header a {
    color: #333;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.header *::before,
.header *::after {
    -webkit-transition: all .3s;
    transition: all .3s;
}

.header img {
    width: 100%;
    height: auto;
}

.header p, .header p a, .header p span {
    line-height: 1.7;
}

.header sup {
    font-size: 0.5em;
    vertical-align: super;
}

.header input, .header button, .header textarea, .header select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.header input[type="checkbox"],
.header input[type="radio"] {
    display: none;
}

.header input:focus,
.header textarea:focus,
.header select:focus {
    outline: 0;
}

.header select::-ms-expand {
    display: none;
}

.header input::-webkit-input-placeholder,
.header textarea::-webkit-input-placeholder {
    color: #e6e6e6;
}

.header input:-ms-input-placeholder,
.header textarea:-ms-input-placeholder {
    color: #e6e6e6;
}

.header input::-ms-input-placeholder,
.header textarea::-ms-input-placeholder {
    color: #e6e6e6;
}

.header input::placeholder,
.header textarea::placeholder {
    color: #e6e6e6;
}

.header input:-ms-input-placeholder,
.header textarea:-ms-input-placeholder {
    color: #e6e6e6;
}

.header input::-ms-input-placeholder,
.header textarea::-ms-input-placeholder {
    color: #e6e6e6;
}

.header table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

/* ------------------------------
 Header Update 2009
------------------------------ */
@-webkit-keyframes slideInFromTop {
    0% {
        -webkit-transform: translateY(-100%) translateZ(0);
        transform: translateY(-100%) translateZ(0);
    }
    100% {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
    }
}
@keyframes slideInFromTop {
    0% {
        -webkit-transform: translateY(-100%) translateZ(0);
        transform: translateY(-100%) translateZ(0);
    }
    100% {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
    }
}

@-webkit-keyframes hvr-buzz {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

@keyframes hvr-buzz {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

nav {
    width: 100%;
    margin-top: 0;
    position: relative;
    border-bottom: none;
}

@media screen and (max-width: 767px) {
    .header {
        height: auto;
    }
}

.header.is-fixed:not(.is-localNavOpen) .header__global {
    width: 100%;
    position: fixed;
    top:0;
    -webkit-animation: slideInFromTop 0.3s ease-in-out;
    animation: slideInFromTop 0.3s ease-in-out;
    z-index: 100;
}

@media screen and (max-width: 767px) {
    .header.is-localNavOpen .header__global {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
    }
    .header.is-fixed:not(.is-localNavOpen) .header__global {
        border-bottom: 1px solid #eee;
    }
    .header.is-localNavOpen .header__menu__list {
        position: fixed;
        left: 0;
        width: 100%;
        z-index: 23;
        border-bottom: 1px solid #eee;
    }
}

@media screen and (min-width: 768px) {
    .header__bg {
        display: none;
    }
    .header.is-fixed:not(.is-localNavOpen) .header__global {
        position: inherit;
    }
    .header.is-fixed .header__local {
        width: 100%;
        position: fixed;
        -webkit-animation: slideInFromTop 0.3s ease-in-out;
        animation: slideInFromTop 0.3s ease-in-out;
        z-index: 100;
        top: 0;
    }
}

@media screen and (max-width: 767px) {
    .header__bg {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 21;
        background-color: rgba(0, 0, 0, 0.6);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }
}

.header__bg.is-active {
    opacity: 1;
    visibility: visible;
}

.header__global {
    background-color: #fff;
    position: relative;
    z-index: 101;
    width: 100%;
}

.header__global__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

@media screen and (min-width: 768px) {
    .header__global__inner {
        padding: 16px 18px;
    }
}

@media screen and (max-width: 767px) {
    .header__global__inner {
        padding: 4.4vw 4vw;
    }
}

@media screen and (min-width: 768px) {
    .header__global__sub {
        min-width: 13%;
    }
}

@media screen and (max-width: 767px) {
    .header__global__sub {
        position: absolute;
        top: 50%;
        left: 0;
        display: flex;
        justify-content: center;
        width: 100%;
        transform: translateY(-50%);
    }
}

.header__global__main {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media screen and (min-width: 768px) {
    .header__global__main {
        width: auto;
        min-width: 13%;
    }

    .header__global__main .header__links {
        margin-right: 30px;
    }
}

@media screen and (max-width: 1023px) {
    .header__global__main .header__links {
        /*margin-right: 15px;*/
    }
}

@media screen and (max-width: 767px) {
    .header__global__main.header__links {
        margin-right: 0;
    }

    .header__global__main {
        width: 100%;
        padding: 0 4vw;
    }
}


.header__local {
    background-color: #fff;
    position: relative;
    z-index: 100;
    border-bottom: 1px solid #eee;
}

@media screen and (max-width: 767px) {
    .header__local {
        background-color: #eee;
        position: relative;
        z-index: 100;
        border-bottom: none;
    }
}

.header__spMenu {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    overflow-y: scroll;
    bottom: 0;
    background-color: #fff;
    z-index: 103;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

@media screen and (min-width: 768px) {
    .header__spMenu {
        display: none;
    }
}

.header__spMenu__head {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    opacity: 0;
}

.header__spMenu__head__top {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 4vw;
    position: relative;
}

.header__spMenu__head__top::after {
    content: "";
    width: 0;
    height: 2px;
    background-color: #111;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 1s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 1s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.header__spMenu__head__bottom {
    opacity: 0;
    background-color: #fff;
}

.header__spMenu__head__txt {
    font-weight: bold;
    color: #333333;
    font-size: 3.73333vw;
    letter-spacing: 0.05em;
    opacity: 0;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.header__spMenu__head__close {
    cursor: pointer;
    background-color: #111111;
    width: 13.33333vw;
    height: 13.33333vw;
    position: relative;
    background-image: url(../images/header/common/icon_menu_close.svg);
    background-repeat: no-repeat;
    background-size: 5.06667vw;
    background-position: center;
    opacity: 0;
}

.header__spMenu__body {
    opacity: 0;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.header__spMenu__foot {
    opacity: 0;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    background-color: #f7f7f7;
    padding: 5.06667vw 2.66667vw 6vw;
    text-align: left;
}

.header__spMenu__foot .linklist {
    border-bottom: 1px solid #eeeeee;
}

.header__spMenu__foot .linklist:last-child {
    border-bottom: none;
}

.header__spMenu__foot .header__searchbox {
    width: 90%;
    margin: 7.46667vw auto 0;
}

.header__spMenu__foot .header__spMenu__sns {
    margin-top: 9.33333vw;
    margin: 9.33333vw auto 0;
}

.header__spMenu__foot__close {
    display: block;
    padding: 4vw 0;
    width: 58.66667vw;
    background-color: #fff;
    font-size: 3.2vw;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #eeeeee;
    margin: 9.33333vw auto 0;
}

.header__spMenu .header__spMenu__sns {
    width: 69.2vw;
}

.header__spMenu .header__spMenu__sns__head {
    margin-bottom: 5.33333vw;
}

.header__spMenu .header__spMenu__sns__txt {
    font-size: 3.46667vw;
    text-align: center;
    font-weight: bold;
}

.header__spMenu .header__spMenu__sns__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__spMenu .header__spMenu__sns__icon {
    display: inline-block;
}

.header__spMenu .header__spMenu__sns__icon--twitter {
    width: 8vw;
    height: 6.66667vw;
}

.header__spMenu .header__spMenu__sns__icon--facebook {
    width: 3.46667vw;
    height: 7.2vw;
}

.header__spMenu .header__spMenu__sns__icon--instagram {
    width: 7.33333vw;
    height: 7.33333vw;
}

.header__spMenu .header__spMenu__sns__icon--youtube {
    width: 10.13333vw;
    height: 7.2vw;
}

.header__spMenu .header__spMenu__sns__icon--line {
    width: 8.26667vw;
    height: 8vw;
}

.header__spMenu.is-active {
    opacity: 1;
    visibility: visible;
}

.header__spMenu.is-active .header__spMenu__head__top::after {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .header__logo {
        width: 160px;
    }
}

@media screen and (max-width: 767px) {
    .header__logo {
        width: 34.66667vw;
    }
}

.header__logo > a {
    display: block;
    line-height: 1;
}

@media screen and (min-width: 768px) {
    .header__logo > a {
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
    }
    .header__logo > a:hover {
        opacity: 0.7;
    }
}

.header__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row-reverse;
}

.header__links__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header .header__links__item img {
    max-width: none;
}

@media screen and (min-width: 768px) {
    .header__links__item {
        margin-left: 28px;
    }
}

@media screen and (max-width: 767px) {
    .header__links__item {
        /*margin-left: 5.06667vw;*/
        margin-left: 15px;
    }
}

.header__links__item:first-child {
    margin-left: 15px;
}

@media screen and (min-width: 768px) {
    .header__links__item:hover .header__links__icon--like svg .path {
        fill: #e6002d;
        stroke: #e6002d;
    }
    .header__links__item:hover .header__links__icon--cart {
        -webkit-animation-name: hvr-buzz;
        animation-name: hvr-buzz;
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }
}

.header__links__item--onHoverUnderline {
    position: relative;
}

.header__links__item--onHoverUnderline::after {
    content: "";
    width: 0;
    height: 2px;
    background-color: #111;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (min-width: 768px) {
    .header__links__item--onHoverUnderline:hover::after {
        width: 100%;
    }
}

.header__links__icon {
    display: inline-block;
}

@media screen and (min-width: 768px) {
    .header__links__icon {
        margin-right: 8px;
    }
}

.header__links__icon > img,
.header__links__icon svg {
    vertical-align: middle;
}

@media screen and (min-width: 768px) {
    .header__links__icon--like > svg {
        width: 15px;
        height: 14px;
    }
}

@media screen and (max-width: 767px) {
    .header__links__icon--like > svg {
        width: 4.93333vw;
        height: 4.66667vw;
    }
}

.header__links__icon--like > svg .path {
    fill: transparent;
    stroke: #333;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 6px;
    -webkit-transition: fill 0.3s;
    transition: fill 0.3s;
}

@media screen and (min-width: 768px) {
    .header__links__icon--cart > img {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 767px) {
    .header__links__icon--cart {
        text-align:center;
    }
    .header__links__icon--cart > img {
        width: 8vw;
        height: auto;
    }

    .header__links__txt.txt-nowarp.txt-onlineshop.txt-onlineshop {
        font-size:1.7vw;
        vertical-align: top;
        padding-top:1vw;

    }
}

.header__links__txt {
    color: #111;
    font-size: 11px;
}

.header__slidemenu__navi__item {
    width: 33.33333vw;
    text-align: center;
    padding: 4vw 0;
}

.header__slidemenu__navi__item.slick-current .header__slidemenu__navi__txt {
    color: #111;
}

.header__slidemenu__navi__txt {
    color: #999999;
    font-size: 2.93333vw;
    font-weight: bold;
    border-left: 1px solid #eee;
    text-align: center;
}

.header__slidemenu__navi .slick-arrow {
    width: 5.33333vw;
    height: 6.66667vw;
    background-color: #333;
}

.header__slidemenu__navi .slick-list {
    z-index: 2;
}

.header__slidemenu__navi .slick-prev {
    left: 0;
    border-radius: 0 3px 3px 0;
    z-index: 3;
}

.header__slidemenu__navi .slick-prev::before {
    font-size: 0;
    opacity: 1;
    background-image: url(../images/header/common/icon_arrow_leftsideways_white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 1.2vw;
    height: 2.26667vw;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.header__slidemenu__navi .slick-next {
    right: 0;
    border-radius: 3px 0 0 3px;
    z-index: 3;
}

.header__slidemenu__navi .slick-next::before {
    font-size: 0;
    opacity: 1;
    background-image: url(../images/header/common/icon_arrow_rightsideways_white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 1.2vw;
    height: 2.26667vw;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.header__menu {
    position: relative;
}

@media screen and (min-width: 768px) {
    .header__menu {
        width: 100%;
        max-width: 960px;
        padding: 0 18px;
        margin: 0 auto;
    }
}

.header__menu.is-fixed {
    position: fixed;
    left: 0;
    width: 100%;
}

.header__menu__list {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .header__menu__list {
        background-color: #eee;
    }
    .header__menu__list__item {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        border-left: 1px solid #fff;
    }
}

@media screen and (min-width: 768px) {
    .header__menu__list__item.is-active .header__menu__list__link::after {
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
    }
}

@media screen and (max-width: 767px) {
    .header__menu__list__item.is-active .header__menu__list__link::before {
        opacity: 1;
    }
}

.header__menu__list__link {
    color: #111111;
    position: relative;
    display: block;
    width: 100%;
}

.header__menu__list__link::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../images/header/common/icon_arrow_downward_black.svg);
    background-repeat: no-repeat;
}

@media screen and (min-width: 768px) {
    .header__menu__list__link::after {
        width: 8px;
        height: 5px;
        right: 0;
    }
}

@media screen and (max-width: 1023px) {
    .header__menu__list__link::after {
        right: 5px;
    }
}

@media screen and (max-width: 767px) {
    .header__menu__list__link::after {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .header__menu__list__link--sphascontent {
        pointer-events: none;
    }
}

@media screen and (max-width: 767px) {
    .header__menu__list__link--sphascontent::before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 1.46667vw 1.13333vw 0 1.13333vw;
        border-color: #eee transparent transparent transparent;
        position: absolute;
        top: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 1;
        opacity: 0;
    }
}

@media screen and (min-width: 768px) {
    .header__menu__list__link {
        padding: 20px 22px;
        font-size: 13px;
    }
}

@media screen and (max-width: 767px) {
    .header__menu__list__link {
        padding: 4vw 0;
        text-align: center;
        font-size: 2.26667vw;
    }
}

@media screen and (min-width: 768px) {
    .header__menu__list__link--pagelink {
        padding: 20px 0;
    }
}

@media screen and (max-width: 1023px) {
    .header__menu__list__link--pagelink {
        padding: 20px 5px;
    }
}

@media screen and (max-width: 767px) {
    .header__menu__list__link--pagelink {
        padding: 4vw 0;
    }
}

.header__menu__list__link--pagelink::after {
    content: none;
}

.header__menu__content {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    opacity: 0;
    visibility: hidden;
    display: none;
    position: absolute;
    width: 100vw;
    top: 100%;
    background-color: #fff;
}

@media screen and (min-width: 768px) {
    .header__menu__content {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-box-shadow: 0px 5px 10px 0px rgba(9, 1, 3, 0.05);
        box-shadow: 0px 5px 10px 0px rgba(9, 1, 3, 0.05);
        border-top: 1px solid #eee;
    }
}

@media screen and (max-width: 767px) {
    .header__menu__content {
        left: 0;
    }
}

.header__menu__content--bgtransparent {
    background-color: transparent;
}

@media screen and (min-width: 768px) {
    .header__menu__content--bgtransparent {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

@media screen and (min-width: 768px) {
    .header__menu__content--bgtransparent .header__menu__content__item {
        -webkit-box-shadow: 0px 5px 10px 0px rgba(9, 1, 3, 0.05);
        box-shadow: 0px 5px 10px 0px rgba(9, 1, 3, 0.05);
    }
}

.header__menu__content__inner {
    width: 100%;
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    .header__menu__content__inner {
        max-width: 960px;
    }
}

.header__menu__content__item {
    background-color: #fff;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .header__menu__content__item--consultation {
        width: 275px;
    }
}

.header__menu__content.is-open {
    opacity: 1;
    visibility: visible;
    display: block;
}

@media screen and (min-width: 768px) {
    .header__menu__consultation {
        padding: 30px;
    }
}

@media screen and (max-width: 767px) {
    .header__menu__consultation {
        padding: 0.66667vw 2.66667vw 2.26667vw;
    }
}

@media screen and (min-width: 768px) {
    .header__menu__product {
        padding: 30px 10px 40px;
    }
}

@media screen and (max-width: 767px) {
    .header__menu__product {
        padding: 3.2vw 2.66667vw 2.26667vw;
    }
}

@media screen and (min-width: 768px) {
    .header__menu__product__head {
        padding: 0 40px;
    }
}

@media screen and (min-width: 768px) {
    .header__menu__product__foot {
        border-top: 1px solid #eeeeee;
        padding-top: 34px;
    }
}

.header__menu__product__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/*
.header__menu__product__brandtitle {
    width: 100%;
    font-size: 2.93333vw;
    padding-bottom: 4vw;
    color: #333;
    font-weight: bold;
}
*/
.header__menu__product__brandlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 2.66667vw;
}
.header__menu__brand__main__body {
    padding: 4vw 2.66667vw;
}

.header__menu__product__list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (min-width: 768px) {
    .header__menu__product__list__item {
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
    }
    .header__menu__product__list__item:hover {
        opacity: 0.7;
    }
}

@media screen and (min-width: 768px) {
    .header__menu__product__list__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-preferred-size: 14.28%;
        flex-basis: 14.28%;
        margin-bottom: 35px;
    }
}

@media screen and (max-width: 767px) {
    .header__menu__product__list__item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        margin-bottom: 6vw;
    }
    .header__menu__product__brandlist__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        margin-bottom: 6vw;
        display: block;
    }
}

@media screen and (min-width: 768px) {
    .header__menu__product__list__item img {
        width: 67px;
    }
}

@media screen and (max-width: 767px) {
    .header__menu__product__list__item img {
        width: 12.66667vw;
    }
}

.header__menu__product__list__txt {
    line-height: 1.5;
}

@media screen and (min-width: 768px) {
    .header__menu__product__list__txt {
        text-align: center;
        font-size: 12px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 767px) {
    .header__menu__product__list__txt {
        font-size: 3.2vw;
        margin-left: 2.66667vw;
    }
    .header__menu__product__brandlist__texten {
        font-size: 3.2vw;
		font-family: 'Noto Sans JP', YuGothic,"Yu Gothic","Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
        padding-right: 5%;
    }
    .header__menu__product__brandlist__textja {
        font-size: 2.2vw;
        padding-right: 5%;
    }
}

@media screen and (min-width: 768px) {
    .header__menu__product__links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media screen and (min-width: 768px) {
    .header__menu__product__links__item {
        -ms-flex-preferred-size: 32.4%;
        flex-basis: 32.4%;
    }
}

@media screen and (min-width: 768px) {
    .header__menu__features {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 40px 10px 60px;
    }
}

@media screen and (max-width: 767px) {
    .header__menu__features {
        padding: 6.66667vw 2.66667vw 3.6vw;
    }
}

@media screen and (min-width: 768px) {
    .header__menu__features__main {
        -ms-flex-preferred-size: 60.4%;
        flex-basis: 60.4%;
    }
}

.header__menu__features__main__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (min-width: 768px) {
    .header__menu__features__main__head {

        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .header__menu__features__main__head {
        margin-bottom: 4vw;
    }
}

@media screen and (min-width: 768px) {
    .header__menu__features__sub {
        -ms-flex-preferred-size: 35.6%;
        flex-basis: 35.6%;
    }
}

@media screen and (min-width: 768px) {
    .header__menu__event {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 40px 10px 60px;
    }
}

@media screen and (max-width: 767px) {
    .header__menu__event {
        padding: 6.66667vw 2.66667vw 3.6vw;
    }
}

@media screen and (min-width: 768px) {
    .header__menu__event__main {
        -ms-flex-preferred-size: 79.4%;
        flex-basis: 79.4%;
    }
}

.header__menu__event__main__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (min-width: 768px) {
    .header__menu__event__main__head {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .header__menu__event__main__head {
        margin-bottom: 4vw;
    }
}

@media screen and (min-width: 768px) {
    .header__menu__event__sub {
        -ms-flex-preferred-size: 16.6%;
        flex-basis: 16.6%;
    }
}


@media screen and (min-width: 768px) {
    .header__menu__shopinfo {
        padding: 40px 0 44px 10px;
        padding-top: calc(48px - 1rem);
    }
    .header__menu__shopinfo__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: flex-start;
    }
	.header__menu__shopinfo__list_col_wrap:first-child {
		width: 64%;
	}
	.header__menu__shopinfo__list_col_wrap:last-child {
		width: 42%;
	}
	.header__menu__shopinfo__list_col {
		display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: flex-start;
	}
    .header__menu__shopinfo__list__item {
        border-left: none;
        padding: 0 0 0 1rem;
        margin: .5rem 0;
    }
    .header__menu__shopinfo__list__item:nth-of-type(4n+1) {
        border-left: none;
    }
    .header__menu__shopinfo__area {
        margin-bottom: 0.5rem;
    }
    .header__menu__shopinfo__area__list {
        margin-bottom: .3rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: flex-start;
    }
    .header__menu__shopinfo__area__list__item {
        margin-bottom: 10px;
		margin-right:1.5rem;
    }
	.header__menu__shopinfo__list__item:first-child,
    .header__menu__shopinfo__list__item:nth-child(2),
    .header__menu__shopinfo__list__item:nth-child(3),
    .header__menu__shopinfo__list__item:nth-child(4) {
        margin-bottom: 0.5px;
    }
}

@media screen and (max-width: 767px) {
    .header__menu__shopinfo {
        padding: 6.66667vw 2.66667vw 3.6vw;
    }

    .header__menu__shopinfo__main__head {
        margin-bottom: 4vw;
    }
}

@media screen and (min-width: 768px) {
    .header__menu__services {
        padding: 40px 10px 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media screen and (max-width: 767px) {
    .header__menu__services {
        padding: 4vw 2.66667vw 3.6vw;
		width:100%;
    }
}

@media screen and (min-width: 768px) {
    .header__menu__services__main {
        flex-basis: 88.125%;
        margin-left: 87px;
    }
}


@media screen and (max-width: 1023px) {
    .header__menu__services__main {
        margin-left: 0;
        text-align: left;
    }
}

.header__menu__services__main__head {
    
}

@media screen and (min-width: 768px) {
    .header__menu__services__main__head {
        margin-bottom: 18px;
        text-align: left;
    }
}



@media screen and (min-width: 768px) {
    .header__menu__services {
        padding: 0px 0px 44px;
        padding-top: calc(40px - 1rem);
    }
    .header__menu__services__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .header__menu__services__list__item {
        width: 25%;
        padding: 1rem 1rem 0.5rem;
    }

    .header__menu__services__list__item .borderleftheading {
        margin-bottom:1.3rem;
    }
    .header__menu__services__main__head {
        margin-bottom: 18px;
    }
}





@media screen and (min-width: 768px) {
    .header__menu__services__sub {
    }
}

@media screen and (max-width: 1023px) {
    .header__menu__services__sub {
    }
}

@media screen and (min-width: 768px) {
    .header__menu__services__sub__head {
        margin-bottom: 20px;
    }
}



@media screen and (min-width: 768px) {
    .header__menu__onlineshop {
        padding: 40px 10px 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media screen and (max-width: 767px) {
    .header__menu__onlineshop {
        padding: 0 2.66667vw 3.6vw;
		width:100%;
    }
}

@media screen and (min-width: 768px) {
    .header__menu__onlineshop__main {
        -ms-flex-preferred-size: 58.125%;
        flex-basis: 98.125%;
        margin-left: 20px;
    }
}

@media screen and (max-width: 1023px) {
    .header__menu__onlineshop__main {
        margin-left: 0;
        text-align: left;
    }
}

@media screen and (min-width: 768px) {
    .header__menu__onlineshop__main__head {
        margin-bottom: 18px;
    }
}

@media screen and (min-width: 768px) {
    .header__menu__onlineshop {
        padding: 0px 0px 44px;
        padding-top: calc(40px - 1rem);
    }
    .header__menu__onlineshop__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .header__menu__onlineshop__list__item {
        width: 27%;
        padding: 1rem 1rem .5rem;
    }
    
    .header__menu__onlineshop__list__item .borderleftheading {
        margin-bottom:1.3rem;
    }
    .header__menu__onlineshop__main__head {
        margin-bottom: 18px;
    }
}





@media screen and (min-width: 768px) {
    .header__menu__contentsList {
        padding: 40px 10px 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media screen and (max-width: 767px) {
    .header__menu__contentsList {
        padding: 4vw 2.66667vw 3.6vw;
		width:100%;
    }
}

@media screen and (min-width: 768px) {
    .header__menu__contentsList__main {
        -ms-flex-preferred-size: 58.125%;
        flex-basis: 98.125%;
        margin-left: 20px;
    }
}

@media screen and (max-width: 1023px) {
    .header__menu__contentsList__main {
        margin-left: 0;
        text-align: left;
    }
}

@media screen and (max-width: 767px) {
    .header__menu__contentsList__main__body .linklist {
        margin-top:0.5rem;
    }
}

@media screen and (min-width: 768px) {
    .header__menu__contentsList__main__head {
        margin-bottom: 18px;
    }
}

@media screen and (min-width: 768px) {
    .header__menu__contentsList {
        padding: 0px 0px 44px;
        padding-top: calc(40px - 1rem);
    }
    .header__menu__contentsList__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .header__menu__contentsList__list__item {
        width: 27%;
        padding: 1rem 1rem .5rem;
    }
    
    .header__menu__contentsList__list__item .borderleftheading {
        margin-bottom:1.3rem;
    }
    .header__menu__contentsList__main__head {
        margin-bottom: 18px;
    }
}






.header__spMenuController {
    display: block;
    position: absolute;
    top: 50%;
    left: 4vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
    .header__spMenuController {
        display: none;
    }
}

.header__spMenuController__line > span {
    display: block;
    margin: 1.33333vw auto;
    width: 6vw;
    height: 3px;
    background-color: #000;
}

.header__spMenuController__text {
    font-size: 2vw;
    font-weight: bold;
    line-height: 1;
}

.searchform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #e6e6e6;
}

@media screen and (min-width: 768px) {
    .searchform {
        border-radius: 4px;
        padding: 7px 12px;
    }
}

@media screen and (max-width: 767px) {
    .searchform {
        background-color: #333333;
        position: relative;
    }
}

.searchform__text {
    font-family: revert;
    color: #000;
}

.searchform__text::placeholder {
    color: #ccc !important;
}

@media screen and (min-width: 768px) {
    .searchform__text {
        width: 260px;
        height: 30px;
        padding-right: 17px;
        border-right: 1px solid #e6e6e6;
        margin-right: 17px;
        font-size: 15px;
    }
}

@media screen and (max-width: 767px) {
    .searchform__text {
        border-radius: 0;
        padding: 4vw;
        background-color: #efefef;
        width: 85.970149254%;
    }


    .searchform__text::placeholder {
        color: #828282 !important;
    }
}

@media screen and (min-width: 768px) {
    .searchform__image {
        width: 16px;
        /* height: 17px; */
        -webkit-transition: -webkit-transform 0.2s;
        transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s;
    }
    .searchform__image:hover {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@media screen and (max-width: 767px) {
    .searchform__image {
        position: absolute;
        top: 50%;
        right: 4vw;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 4.13333vw;
        height: 4.4vw;
    }
}

.borderbutton {
    display: block;
    font-weight: bold;
}

@media screen and (min-width: 768px) {
    .borderbutton {
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
    }
    .borderbutton:hover {
        opacity: 0.7;
    }
}

@media screen and (min-width: 768px) {
    .borderbutton {
        text-align: center;
        border: 1px solid #eee;
        padding: 14px 0;
        font-size: 13px;
    }
}

@media screen and (max-width: 767px) {
    .borderbutton {
        border-top: 1px solid #eee;
        font-size: 2.93333vw;
        padding: 4vw 2.66667vw;
    }
}

.borderleftheading {
    font-weight: bold;
    color: #333;
    position: relative;
    line-height: 1.3;
}

@media screen and (min-width: 768px) {
    .borderleftheading {
        padding-left: 12px;
        font-size: 13px;
    }
}

@media screen and (max-width: 767px) {
    .borderleftheading {
        padding-left: 3.33333vw;
        font-size: 3.73333vw;
        text-align: left;
    }
}

.borderleftheading::before {
    content: "";
    width: 3px;
    height: 100%;
    background-color: #e6002d;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
    .header__menu__services__main__body .linklist {
        margin-top:0.5rem;
    }
}

@media screen and (min-width: 768px) {
    .linklist__item {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .linklist__item {
        border-bottom: 1px solid #eeeeee;
    }
}

@media screen and (min-width: 768px) {
    .linklist__item:last-child {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .linklist__item:last-child {
        border-bottom: none;
    }
    .header__menu__services__main__body .linklist__item:last-child {
        border-bottom: 1px solid #eeeeee;
        margin-bottom:2rem;
    }
}

@media screen and (min-width: 768px) {
    .linklist--flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .linklist--flex .linklist__item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
    .linklist--flex--col3 .linklist__item {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    }
}

@media screen and (max-width: 767px) {
    .linklist--flexsp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .linklist--flexsp .linklist__item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        border-bottom: 1px solid #eeeeee;
    }
    .linklist--flexsp .linklist__item:nth-child(even) {
        border-left: 1px solid #eeeeee;
    }
    .linklist--flexsp--gap {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .linklist--flexsp--gap .linklist__item {
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
    }
    .linklist--flexsp--gap .linklist__item:nth-child(even) {
        border-left: none;
    }
}

.linktxt {
    position: relative;
    display: block;
    color: #333;
    line-height: 1.5;
}

@media screen and (min-width: 768px) {
    .linktxt {
        padding-left: 17px;
        font-size: 12px;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    .linktxt:hover::before {
        left: 3px;
    }
}

@media screen and (min-width: 768px) {
    .linktxt {
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
    }
    .linktxt:hover {
        opacity: 0.7;
    }
}

@media screen and (max-width: 767px) {
    .linktxt {
        font-weight: bold;
        font-size: 3.2vw;
        padding: 4vw 2.66667vw;
    }
}

.linktxt::before {
    content: "";
    display: block;
    background-image: url(../images/header/common/icon_arrow_rightsideways_lightgray.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
    .linktxt::before {
        width: 4px;
        height: 7px;
    }
}

@media screen and (max-width: 1023px) {
    .linktxt--pdf {
        padding-right: 30px;
    }
}

.linktxt--pdf::after {
    content: "";
    display: block;
    background-image: url(../images/header/common/icon_pdf.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 47%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
    .linktxt--pdf::after {
        width: 15px;
        height: 18px;
        right: 40px;
    }
}

@media screen and (max-width: 767px) {
    .linktxt--pdf::after {
        width: 3.6vw;
        height: 4.8vw;
        right: 39vw;
    }
}

.linktxt--foreicon {
    position: relative;
}

@media screen and (max-width: 767px) {
    .linktxt--foreicon {
        padding-left: 12vw;
    }
}

@media screen and (max-width: 767px) {
    .linktxt--foreicon .linktxt__icon {
        position: absolute;
        top: 50%;
        left: 2.66667vw;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.linktxt__icon--shop > img {
    width: 7.06667vw;
    height: 5.46667vw;
}

.linktxt__icon--cart > img {
    width: 6vw;
    height: 5.06667vw;
}

.linktxt__icon--like > img {
    width: 4.93333vw;
    height: 4.66667vw;
}

.linktxt__icon--mail > img {
    width: 5.46667vw;
    height: 3.86667vw;
}

@media screen and (min-width: 768px) {
    .articlelist {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media screen and (min-width: 768px) {
    .articlelist__item {
        -ms-flex-preferred-size: 22.4%;
        flex-basis: 22.4%;
        margin-left: 3.466666667%;
    }
    .articlelist__item:first-child {
        margin-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .articlelist__item {
        width: 100%;
        margin-bottom: 3.73333vw;
    }
    .articlelist__item:last-child {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 768px) {
    .articlecard {
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
    }
    .articlecard:hover {
        opacity: 0.7;
    }
}

@media screen and (max-width: 767px) {
    .articlecard {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-left: 1.33333vw;
        padding-bottom: 4vw;
        border-bottom: 1px solid #eee;
    }
}

@media screen and (max-width: 767px) {
    .articlecard__img {
        -ms-flex-preferred-size: 46.478873239%;
        flex-basis: 46.478873239%;
    }
}

.articlecard__txt {
    color: #333;
}

@media screen and (min-width: 768px) {
    .articlecard__txt {
        margin-top: 10px;
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    .articlecard__txt {
        -ms-flex-preferred-size: 49.295774648%;
        flex-basis: 49.295774648%;
        font-size: 13px;
    }
}

@media screen and (min-width: 768px) {
    .u-pcHidden {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .u-spHidden {
        display: none;
    }
}

.br-pc {
    display: none;
}

@media screen and (min-width: 768px) {
    .br-pc {
        display: inline;
    }
}

.br-sp {
    display: none;
}

@media screen and (max-width: 767px) {
    .br-sp {
        display: inline;
    }
}


@media only screen and (max-width: 749px) {
    .header__menu__shop__blockwrap {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .header__menu__shop__block {
        width: 48.5%;
        padding-bottom: 60px;
        position: relative;
    }
    .header__menu__shop__block:nth-child(n+3) {
        margin-top: 10px;
    }
    .header__menu__shop__content {
        padding: 0 10px;
    }
    .header__menu__shop__address,
    .header__menu__shop__other,
    .header__menu__shop__category {
        display: none;
    }
    .category__block__foot {
        position: absolute;
        width: 100%;
        bottom: 10px;
        left: 0;
        padding: 0 10px;
    }
    .header__menu__shop__main {
        padding: 0 5px 30px;
    }
    .header__menu__shop__block {
        background: #f7f7f7;
    }
    .header__menu__shop__img {
        margin-bottom: 10px;
    }
    .header__menu__shop__heading {
        font-size: 14px;
        line-height: 1.5!important;
        font-weight:bold;
        text-align: left;
    }
    .header__menu__shop__btn {
        display: block;
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        padding: 7px 30px;
        border-radius: 30px;
        line-height: 1.5em;
    }
    p.header__menu__shop__btn__detail {
        margin-top: 5px;
        border: 1px solid #ddd;
        color: #ca0000 !important;
        background: #fff url(/wp/wp-content/themes/idc/assets/images/icon/arrow_b-r.svg) no-repeat center right 10px/20px;
    }
}

.lazyload,
.lazyloading {
    opacity: 0;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 300ms;
}

.lazyloading {
    opacity: 1;
    transition: opacity 300ms;
    background: #f7f7f7 url(/wp/wp-content/themes/idc/assets/images/icon/loader.gif) no-repeat center;
}
img.lazyload:not([src]) {
    visibility: hidden;
}
@media screen and (min-width: 768px) {
    #sp_search_icon {
        display: none;
    }
}
.header__links__icon_search {
    padding-top: 2px;
}
.header .header__links__icon_search:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("/assets/images/header/common/icon_search.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 2px;
}


@media screen and (max-width: 767px) {
    .header {
        height: auto;
        padding-bottom: 70px;
    }


}



@media screen and (max-width: 767px) {
    .header__global__inner {
        height: 13.333333vw;
    }


}


@media screen and (max-width: 767px) {
    .header__global__sub {
        position: absolute;
        top: 50%;
        left: 0;
        display: flex;
        justify-content: center;
        width: 100%;
        transform: translateY(-50%);
    }
}

@media screen and (min-width: 768px) {
    .header__global__main.header__links {
        margin-right: 30px;
    }
}

.header__spMenu__body__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.header__spMenu__body__name {
    width: 100%;
    font-size: 3.2vw;
    font-weight: bold;
    margin-bottom: 0.5em;
}

.header__spMenu__body__btn {
    width: 48.5%;
    padding: 0.7em;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    font-size: 3.2vw;
}

.header__spMenu__body__btn--white {
    background: #fff;
    border: 1 pxsolid #000;
}

.header__spMenu__body__btn--black {
    background: #000;
    border: 1 pxsolid #000;
    color: #fff !important;
}

.header__logo > a {
    display: block;
    line-height: 1;
}

@media screen and (min-width:768px) {
    .header__links__item {
        margin-right: 5px;
		overflow: visible !important;
    }
}

@media screen and (max-width:767px) {
    .header__links__item {
        margin-left:4vw;
        width: 7vw;
		overflow: visible !important;
    }
}

.header__links__icon {
    display: block;
    position: relative;
}
.header__links__icon__num {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -7px;
    right: 16px;
    background: #E5002D;
    border-radius: 50%;
    min-width: 2em;
    min-height: 2em;
    font-size: 10px;
    color: #fff;
}
@media screen and (min-width:768px) {
    .header__links__icon__num {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        top: -12px;
        right: 16px;
        background: #E5002D;
        border-radius: 50%;
        min-width: 2em;
        min-height: 2em;
        font-size: 10px;
        color: #fff;
    }
}

@media screen and (min-width:768px) {
    .header__links__icon {
        width: 26px;
    }
}

@media screen and (min-width:768px) {
    .header__menu__list__link {
        padding: 20px 22px 20px 0;
        font-size: 13px;
    }
}

.header__spMenuControlle {
    display: block;
    position: absolute;
    top:50px;

    left:4vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media screen and (min-width:768px) {
    .header__spMenuController {
        display: none;
    }
} .header__spMenuController__line > span {
      display: block;
      margin: 1.33333 vwauto;
      width: 6vw;
      height: 2px;
      background-color: #000;
  }

.linktxt__icon--shop > img {
    width: 6.5vw;
}

.linktxt__icon--cart > img {
    width: 6.5vw;
}

.linktxt__icon--like > img {
    width: 6.5vw;
}

.linktxt__icon--mail > img {
    width: 6.5vw;
}


/* ********** top obi style ********** */

.header_obi {
    height: 35px;
    background-color: #E13212;
    position: relative;
    z-index: 101;
}
.header_obi a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    width: 100%;
    height: 100%;
    /* font-size: 1.2rem; */
    font-family: YakuHanJPs, -apple-system, BlinkMacSystemFont, "Open Sans", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif !important;
}
.header_obi a:hover {
    text-decoration: none;
}
.header_obi a p {
    margin: 0 auto !important;
    transition: .5s;
    line-height: 1;
}
.header_obi a:hover p {
    opacity: .8;
}
.header_obi a p .titleObi,
.header_obi a p .date {
    display: inline-block;
    line-height: 1;
	font-size:17px;
}
/* .header_obi a p .titleObi {
    padding-right: .5em;
} */
@media only screen and (max-width: 641px) {
    .header_obi {
        height: 35px;
    }
    .header_obi a {
       
    }
	.header_obi a p .titleObi,
	.header_obi a p .date {
		 font-size:14px;
	}
}




/* ------------------------------
- SP brand_list 202311
------------------------------ */
@media only screen and (max-width: 767px) {
	.header__menu__product__brandtitle {
        width: 100%;
        font-size: 13px;
        padding: 10px 0 3px;
        padding-top: 120px;
        margin-top: -87px;
        margin-bottom: 15px;
        color: #333;
        font-weight: bold;
        border-bottom: 1px solid #dfdfdf;
		z-index: -1;
    }
	.header__menu__product__brandtitle:first-child{
        margin-top: -122px;
    }
	.header__menu__product__brandtitle span {
        font-size: 10px;
        color: #8f8f8f;
        padding-left: 5px;
        letter-spacing: 0.5px;
    }
}




/* ------------------------------
- header 202406
------------------------------ */
/* 
products
------------ */
.header__menu__product__foot {
    border-top:none;
    text-align: left;
}
@media only screen and (min-width: 750px) {
    .header__menu__product__foot {
        padding:0 40px 10px;
    }
}
@media only screen and (min-width: 1024px) {
    .header__menu__contents .header__menu__content:first-of-type .header__menu__content__inner {
        max-width: 1170px;
    }
    .header__menu__product {
        padding: 40px 10px 30px;
    }
    .header__menu__product__list__item {
        flex-basis: 9%;
        margin-bottom: 35px;
    }
    .header__menu__product__foot {
        padding:0 40px 10px;
    }
}


/* 
contents
------------ */
@media only screen and (min-width: 750px) {
    .header__menu__contentsList {
        padding: 0px 40px 10px;
        padding-top: calc(40px - 1rem);
    }
    .header__menu__contentsList__list__item {
            width: 100%;
            padding: 1rem 1rem .5rem;
    }
    
    .header__menu__contentsList__list__item .linklist {
        display:flex;
        justify-content:flex-start;
        flex-flow:column wrap;
        width:100%;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .header__menu__contentsList__list__item .linklist .linklist__item {
        margin-right:40px;
    }
}

@media only screen and (min-width: 1025px) {
   
    .header__menu__contentsList {
        padding: 0px 0px 10px;
        padding-top: calc(40px - 1rem);
    }
    .header__menu__contentsList__list__item {
            width: 100%;
            padding: 1rem 1rem .5rem;
    }
    .header__menu__contentsList__list__item .linklist {
        display:flex;
        justify-content:space-between;
        flex-flow:column wrap;
        width:100%;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    .header__menu__contentsList__list__item .linklist .linklist__item {
        margin-right:5px;
    }
}


/* 
services
------------ */
@media only screen and (min-width: 768px) {
    .header__menu__services__main {
        flex-basis: 100%;
    }
    .header__menu__services {
        justify-content: center;
        /* padding: 0px 5px 40px; */
        padding: 0px 30px 10px;
        padding-top: calc(40px - 1rem);
    }
    .header__menu__contents .header__menu__content:nth-of-type(3) .header__menu__content__inner {
        max-width:1024px;
    }    
    .header__menu__services__list .header__menu__services__list__item {
        width: 20%;
        padding: 1rem 0.7rem .5rem;
    }
    .header__menu__services__list .header__menu__services__list__item:first-of-type {
        width:40%;
        margin-right: 1rem;
    }
    .header__menu__services__list .header__menu__services__list__item:first-of-type .linklist {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
    }
    .header__menu__services__list .header__menu__services__list__item:first-of-type .linklist li {
         width: 50%;
    }
}
@media only screen and (min-width: 1025px) {
    .header__menu__services__main {
        flex-basis: 74%;
        margin-left: 54px;
    }
    .header__menu__services {
        padding: 0px 0px 44px;
        padding-top: calc(40px - 1rem);
    }
    .header__menu__contents .header__menu__content:nth-of-type(3) .header__menu__content__inner {
        max-width:1360px;
    }  
     .header__menu__services__list .header__menu__services__list__item {
        width: 18%;
        padding: 1rem 0.7rem .5rem;
    }
    .header__menu__services__list .header__menu__services__list__item:first-of-type {
        width:40%;
        margin-right: 2rem;
    }
    .header__menu__services__list .header__menu__services__list__item:first-of-type .linklist {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
    }
    .header__menu__services__list .header__menu__services__list__item:first-of-type .linklist li {
         width: 50%;
    }
}



/* 
showroom
------------ */
@media only screen and (min-width: 768px) {
    .header__menu__contents .header__menu__content:nth-of-type(4) .header__menu__content__inner {
        
    }
    .header__menu__shopinfo__list_col_wrap:first-child {
        width: 75%;
    }
    .header__menu__shopinfo__list_col_wrap:last-child {
        width:25%;
    }
    .header__menu__shopinfo {
        padding: 0px 40px 10px;
        padding-top: calc(44px - 1rem);
    }
    .header__menu__shopinfo__area {
        margin-bottom: 0.5rem;
    }
    .header__menu__shopinfo__list__item {
        padding: 0 0 0 1rem;
    }
}

@media only screen and (min-width: 1025px) {
    .header__menu__contents .header__menu__content:nth-of-type(4) .header__menu__content__inner {
        /* max-width:1360px; */
    }
    .header__menu__shopinfo__list_col_wrap:first-child {
        width: 74%;
    }
    .header__menu__shopinfo__list_col_wrap:last-child {
        width: 30%;
    }
    .header__menu__shopinfo {
        padding: 33px 40px 30px;
    }
    .header__menu__shopinfo__area {
        margin-bottom: 0.5rem;
        }
    .header__menu__shopinfo__list__item {
        padding: 0 0 0 1rem;
    }
}



/* 
onlineshop
------------ */
@media only screen and (min-width: 768px) {
    .header__menu__onlineshop {
        padding: 0px 40px 10px;
        padding-top: calc(40px - 1rem);
    }
    .header__menu__onlineshop__list__item {
        width: 100%;
        padding: 1rem 1rem .5rem;
    }
    .header__menu__onlineshop__list__item .linklist {
       display:flex;
        justify-content:flex-start;
        flex-flow:column wrap;
        width:100%;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .header__menu__onlineshop__list__item .linklist .linklist__item {
        margin-right:30px;    
    }
    
}
@media only screen and (min-width: 1025px) {
    .header__menu__onlineshop {
        padding: 0px 0px 10px;
        padding-top: calc(40px - 1rem);
    }
    .header__menu__onlineshop__main {
        flex-basis: 100%;
    }
    .header__menu__onlineshop__list__item {
        width: 100%;
        padding: 1rem 1rem .5rem;
    }
    .header__menu__onlineshop__list__item .linklist {
        display:flex;
        justify-content:space-between;
        flex-flow:column wrap;
        width:100%;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    .header__menu__onlineshop__list__item .linklist .linklist__item {
        margin-right:5px;    
    }
}

.txt-nowarp {
    white-space:nowrap;
}

/* ------------------------------
- header font 202511
------------------------------ */
.header * {
    font-family: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}