@charset "utf-8";

/* ##### フォント ##### */
.lato {
    font-family: 'Lato', sans-serif;
}

.mont {
    font-family: 'Montserrat', sans-serif;
}

/* ##### フォント end ##### */

/* ##### 共通 ##### */
input,
textarea {
    font-size: 16px !important;
}

.under main {
    margin-top: -50px;
}

.ofimg {
    width: 100%;
    overflow: hidden;
}

.ofimg img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: 'object-fit: cover; object-position: center center;';
}

.heading {
    width: 100%;
    color: #565656;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    letter-spacing: 5px;
    margin-bottom: 50px;
}

.heading.tit {
    text-align: left;
    padding-bottom: 15px;
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 25px;
    font-weight: normal;
    border-bottom: 1px solid #565656;
}

.bar-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.bar-heading .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
}

.bar-heading:before,
.bar-heading:after {
    border-top: 1px solid #565656;
    content: "";
    display: inline;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.bar-heading:before {
    margin-right: 15px;
}

.bar-heading:after {
    margin-left: 15px;
}

.more-btn,
.more-btn-w,
.back-btn {
    width: 200px;
    max-width: 80%;
    margin: 50px auto;
}

.more-btn a,
.more-btn-w a,
.back-btn a {
    color: #565656;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    display: block;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 3px;
}

.more-btn a {
    border: 2px solid #eee;
}

.more-btn a:hover {
    background-color: #eee;
    opacity: 1;
}

.more-btn-w a {
    border: 2px solid #fff;
}

.more-btn-w a:hover {
    background-color: #fff;
    opacity: 1;
}

.back-btn {
    margin-left: 0;
}

.back-btn a {
    border: 1px solid #565656;
}

.text {
    width: 100%;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500;
}

.halftext {
    width: 50%;
    margin: 50px auto;
}

.logo {
    display: inline-block;
    width: 210px;
    max-width: 50%;
}

.logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.logo a img:nth-of-type(1) {
    width: 15%;
}

.logo a img:nth-of-type(2) {
    width: 80%;
}

.box {
    margin: 50px auto;
}

.border-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border: 2px solid #565656;
    margin-top: 20px;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.grey-back {
    background-color: #eee;
    padding: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.grey-back-infinite {
    margin-left: -999rem;
    margin-right: -999rem;
    padding-left: 999rem;
    padding-right: 999rem;
}

.white-box {
    background-color: #fff;
    padding: 50px 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.inpagenav {
    margin: 50px 0;
}

.shopping_guide .inpagenav {
    margin: 0;
}

.inpagenav-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.inpagenav-list li {
    margin-bottom: 30px;
}

.inpagenav-list li a {
    display: block;
    padding: 15px 15px 15px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    border: 2px solid #565656;
}

.inpagenav-list li a:before {
    content: "・";
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    top: 27px;
    left: 5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
}

/* ブログ・ニュース共通 */
.cc-list li a {
    display: block;
}

.cc-box {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cc-box .ofimg {
    position: relative;
    width: 35%;
}

.cc-box .ofimg.w100 {
    width: 100%;
    margin-bottom: 15px;
}

.cc-box .ofimg:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.cc-box .ofimg img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.inner-cc-box {
    width: 60%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.inner-cc-box.w100 {
    width: 100%;
}

.cc-list-info {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.news-heading {
    width: 100%;
    font-weight: bold;
    letter-spacing: 2px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news-category,
.detail-category {
    position: relative;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.detail-category {
    font-size: 12px;
}

.recommend-list .detail-category {
    font-size: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.news-category:before,
.detail-category:before,
.news-category:after,
.detail-category:after {
    line-height: 100%;
    display: inline-block;
    width: 5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
}

.news-category:before,
.detail-category:before {
    content: "[";
    left: 0;
}

.news-category:after,
.detail-category:after {
    content: "]";
    right: 0;
}

/* ブログ・ニュース共通 end */

/* product共通 */
.product-list>li,
.product-list[data-element-id]>div>li {
    width: calc(100% / 4 - 40px);
    margin: 0 20px 40px 20px;
}

.product-list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.product-list li a .ofimg {
    position: relative;
    width: 100%;
}

.product-list li a .ofimg:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.product-list li a .ofimg img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.product-list li a .border-box {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px;
}

.product-info li {
    margin-bottom: 10px;
}

.product-info .product-category {
    font-size: 12px;
}

.product-info .product-category .tag {
    line-height: 120%;
    display: inline-block;
    margin: 2px;
    padding: 4px 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
}

.product-info li:last-of-type {
    margin-bottom: 0;
}

.product-info li img {
    display: none;
}

.product-info li .ao-title {
    position: static;
    font-size: inherit;
    font-weight: normal;
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    letter-spacing: 1px;
    color: #333;
    word-break: break-all;
    padding: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.product-name {
    font-size: 16px;
    font-weight: bold;
}

.product-price {
    display: inline-block;
    position: relative;
    padding: 0 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.product-price:before,
.product-price:after {
    display: inline-block;
    width: 10px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
}

.product-price:before {
    content: "¥";
    left: 0;
}

.product-price:after {
    content: "-";
    right: 0;
}

.product-price+.soldout {
    width: 50%;
    float: right;
    color: red;
    font-weight: bold;
}

/* product共通 end */

/* 下層イメージ */
.under-mainimg .ofimg {
    position: relative;
    width: 100%;
}

.under-mainimg .ofimg:before {
    content: "";
    display: block;
    padding-top: 21%;
}

.under-mainimg .ofimg img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* 下層イメージ end */

/* breadcrumbs */
.breadcrumbs {
    background-color: #eee;
}

.breadcrumbs-list {
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.breadcrumbs-list li {
    padding-right: 30px;
    position: relative;
}

.breadcrumbs-list li:after {
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 20px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
}

.breadcrumbs-list li:last-of-type {
    padding-right: 0;
}

.breadcrumbs-list li:last-of-type:after {
    display: none;
}

.breadcrumbs-list li,
.breadcrumbs-list li a {
    color: #565656;
    font-weight: bold;

}

/* breadcrumbs end */

/* dlのリスト */
.list {
    padding: 30px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #000;
}

.list dt {
    font-weight: bold;
    margin-bottom: 15px;
}

/* dlのリスト end */

@media (max-width: 1024px) {
    main {
        padding-top: 57px;
    }

    .under main {
        margin-top: inherit;
    }

    .heading {
        margin-bottom: 30px;
    }

    .white-box {
        padding: 30px 50px;
    }

    .border-box {
        padding: 10px;
    }

    .halftext {
        width: 80%;
        margin: 30px auto;
    }

    .under-mainimg .ofimg:before {
        padding-top: 35%;
    }

    .grey-back {
        padding: 30px;
    }

    .grey-back-infinite {
        padding-left: 999rem;
        padding-right: 999rem;
    }

    .product-list>li {
        width: calc(100% / 4 - 20px);
        margin: 0 10px 30px 10px;
    }

    .product-list li a .border-box {
        padding: 5px;
    }

    .product-name {
        font-size: 14px;
    }
}

@media (max-width: 599px) {
    main {
        padding-top: 43px;
    }

    .heading {
        font-size: 20px;
    }

    .heading.tit {
        font-size: 18px;
    }

    .logo {
        display: block;
        width: 160px;
        max-width: 200px;
    }

    .under-mainimg .ofimg:before {
        padding-top: 60%;
    }

    .grey-back-infinite {
        padding-left: 999rem;
        padding-right: 999rem;
    }

    .product-list>li {
        width: calc(100% - 20px);
        margin: 0 10px 30px 10px;
    }

    .product-list li a {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .product-list li a .border-box {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        padding: 10px;
    }

    .product-list>li a .ofimg,
    .product-list>li a .border-box {
        width: 48%;
        margin: 0;
    }

    .product-info .product-category {
        height: auto !important
    }

    .product-name {
        font-size: 12px;
    }

    .list {
        padding: 20px 10px;
    }
}

/* ##### 共通 end ##### */

/* ##### header ##### */
.inner-header {
    background-color: #565656;
    padding: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

@media (max-width: 1024px) {
    .inner-header {
        width: 100%;
        padding: 10px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2;
    }
}

/* ##### header end ##### */

/* ##### footer ##### */
footer {
    margin-top: 90px;
    background-color: #565656;
    position: relative;
}

footer .inner {
    padding: 50px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer-info li,
.footer-info li a,
.footer-info li dl dt,
.footer-info li dl dd,
.footer-nav li a,
.copy {
    color: #fff;
    font-weight: bold;
}

.logo-box {
    width: 100%;
    margin-bottom: 20px;
}

.footer-num {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.footer-num dl dt {
    position: relative;
    padding-right: 14px;
}

.footer-num dl dt:after {
    width: 14px;
    text-align: center;
    content: ":";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
}

.footer-num dl:first-of-type {
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.footer-num dl:first-of-type:after {
    color: #fff;
    width: 20px;
    text-align: center;
    content: "/";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
}

.footer-nav {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer-nav li {
    margin-bottom: 10px;
}

.copy {
    width: 100%;
    padding-top: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sns-list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.sns-list li {
    margin: 10px;
}

.sns-list li a {
    display: block;
    border-radius: 50%;
    background-color: #eee;
}

.sns-list li a:hover {
    opacity: 1;
}

.sns-icon {
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
}

.sns-icon:before {
    font-size: 20px;
    text-align: center;
    color: #565656;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    margin: auto;
}

.fb-icon a .sns-icon:before {
    content: "\f09a";
    font-family: FontAwesome;
    display: inline-block;
}

.insta-icon a .sns-icon:before {
    content: "\f16d";
    font-family: FontAwesome;
    display: inline-block;
}

.sns-list li a:hover .sns-icon:before {
    color: #fff;
}

.sns-list .fb-icon a:hover {
    background-color: #3c5a99;
}

.sns-list .insta-icon a:hover {
    background-color: transparent;
    background-image: url(/import/tenant_1/133.167.73.100/html/images/common/instagram-background.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.sns-icon:after {
    text-align: center;
    color: #fff;
    padding-top: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    opacity: 0;
    width: 85px;
    height: 35px;
    background-image: url(/import/tenant_1/133.167.73.100/html/images/common/baloon.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    bottom: -100%;
    left: 50%;
    right: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    margin: auto;
    z-index: -1;
}

.sns-list li a:hover .sns-icon:after {
    opacity: 1;
    z-index: 1;
}

.sns-list li.fb-icon a .sns-icon:after {
    content: "Facebook";
}

.sns-list li.insta-icon a .sns-icon:after {
    content: "Instagram";
}

.totop {
    position: absolute;
    top: -40px;
    right: 30px;
}

.totop a {
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    position: relative;
}

.totop a:before {
    content: "\f106";
    font-family: FontAwesome;
    text-align: center;
    font-size: 40px;
    display: inline-block;
    position: absolute;
    top: -130%;
    left: 0;
    right: 0;
    margin: auto;
}

@media (max-width: 1024px) {

    .footer-num {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .footer-num dl {
        margin: 0;
    }

    .footer-num dl:first-of-type:after {
        display: none;
    }
}

@media (max-width: 599px) {

    .footer-nav-box {
        margin: 30px 0;
    }

    .footer-nav li {
        width: 100%;
    }
}

/* ##### footer end ##### */

/* ##### nav ##### */
nav {
    width: 100%;
    background-color: rgba(86, 86, 86, 0.6);
    position: relative;
    z-index: 2;
}

nav.fixed {
    position: fixed;
    top: 0;
    left: 0;
}

nav.fixed[data-element-id] {
    position: static;
}

.nav-list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1000px;
    max-width: 100%;
    margin: 0 auto 25px auto;
}

.nav-list li a {
    letter-spacing: 1px;
    display: block;
    width: 100%;
    max-height: 50px;
    padding: 15px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
}

.sp-only,
nav .logo,
nav .footer-info,
nav .sns-list {
    display: none;
}

.sp-only[data-element-id] {
    display: block;
}

.dropmenu {
    *zoom: 1;
}

.dropmenu .dropdown {
    position: relative;
}

.dropmenu .dropdown>ul {
    width: 300%;
    position: absolute;
    z-index: 9999;
    top: 100%;
    left: 0;
}

.dropmenu .dropdown ul li {
    width: 100%;

}

#dropmenu .dropdown ul li {
    display: none;
    padding: 0;
    overflow: hidden;
    -webkit-transition: .2s;
    transition: .2s;
}

#dropmenu .dropdown ul li span {
    display: block;
    font-weight: bold;
    letter-spacing: 1px;
    width: 100%;
    height: 50px;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: rgba(86, 86, 86, 0.6);
}

#dropmenu .dropdown ul li span:hover {
    cursor: pointer;
}

#dropmenu .dropdown ul li a img {
    display: none;
}

#dropmenu .dropdown ul li a .ao-title {
    height: auto;
    position: static;
    font-size: inherit;
    font-weight: normal;
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    letter-spacing: 1px;
    padding: 0;
    text-align: left;
    background-color: transparent;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

#dropmenu .dropdown:hover ul li {
    display: block;
    overflow: visible;
    height: auto;
}

#dropmenu .dropdown[data-element-id] ul li {
    overflow: visible;
    height: auto;
}

.acc-content {
    width: 200%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.acc-content[data-element-id] div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#dropmenu .dropdown ul li .acc-content li {
    width: calc(100% / 3);
    height: 48px;
}

.acc-content li a {
    height: 100%;
    font-size: 12px;
    font-weight: normal;
    line-height: 110%;
    padding: 10px 10px 10px 25px;
    background-color: rgba(86, 86, 86, 0.6);
}

#dropmenu .dropdown ul li .acc-content li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.acc-btns {
    position: relative;
    padding-right: 35px;
    white-space: nowrap;
}

.acc-btns:after {
    content: "\f107";
    font-family: FontAwesome;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 6px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    margin: auto;
}

.action:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

@media (max-width: 1024px) {

    .sp-only,
    nav .logo,
    nav .footer-info {
        display: block;
    }

    nav .sns-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    /* hamburger */
    .hamburger {
        position: fixed;
        top: 10px;
        right: 360px;
        z-index: 110;
        width: 40px;
        height: 35px;
        padding: 4px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .hamburger a,
    .hamburger a:hover,
    .hamburger a:focus {
        opacity: 1;
    }

    .menu-trigger,
    .menu-trigger span {
        display: inline-block;
        -webkit-transition: all .4s;
        transition: all .4s;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .menu-trigger {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .menu-trigger span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #fff;
        -webkit-box-shadow: 1px 1px 1px #4e4540;
        box-shadow: 1px 1px 1px #4e4540;
        border-radius: 3px;
    }

    .active .menu-trigger span {
        background-color: #565656;
    }

    .menu-trigger span:nth-of-type(1) {
        top: 0;
    }

    .menu-trigger span:nth-of-type(2) {
        top: 12px;
    }

    .menu-trigger span:nth-of-type(3) {
        bottom: 0;
    }

    .active .menu-trigger span:nth-of-type(1),
    .active .menu-trigger span:nth-of-type(3) {
        width: 16px;
    }

    .active .menu-trigger span:nth-of-type(1) {
        -webkit-transform: translate(18px, 7px) rotate(45deg);
        transform: translate(18px, 7px) rotate(45deg);
    }

    .active .menu-trigger span:nth-of-type(3) {
        -webkit-transform: translate(18px, -7px) rotate(-45deg);
        transform: translate(18px, -7px) rotate(-45deg);
    }

    /* hamburger end */
    nav {
        width: 349px;
        height: 100vh;
        background-color: #565656;
        position: fixed;
        top: 0;
        right: 0;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-transform: translate(350px);
        transform: translate(350px);
        z-index: 110;
        padding: 0;
    }

    nav.fixed {
        left: inherit;
        width: 350px;
    }

    .active nav {
        -webkit-transform: translate(0);
        transform: translate(0);
        height: 100vh;
    }

    .dropmenu .dropdown ul {
        width: 100%;
        position: static;
        padding-left: 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #dropmenu .dropdown ul li {
        display: block;
    }

    #dropmenu .dropdown ul li span {
        background-color: none;
        padding: 0;
        width: 100%;
        height: 100%;
        line-height: 200%;
        display: inline-block;
        width: auto;
        padding: 5px 50px 5px 5px;
    }

    .acc-content {
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #dropmenu .dropdown ul li .acc-content li {
        width: 100%;
    }

    nav .logo {
        display: block;
        width: 60%;
        max-width: 60%;
        margin: 15px auto;
    }

    nav .footer-info {
        padding: 5px 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    nav .footer-info li {
        font-size: 12px;
        text-align: center;
    }

    nav .footer-num {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    nav .footer-num dl {
        width: 48%;
        margin: 0 auto;
    }

    nav .footer-info li dl dt,
    nav .footer-info li dl dd {
        font-size: 12px;
    }

    nav .sns-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    nav .sns-list li {
        margin: 10px 5px;
    }

    .sns-icon {
        width: 30px;
        height: 30px;
    }

    .overlay {
        position: fixed;
        z-index: 100;
        top: 0;
        left: 0;
        display: none;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.4);
    }

    .active .overlay {
        display: block;
    }

    .nav-list {
        padding: 0 10px 100px 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: calc(100vh - 185px);
        display: block;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(0, 0, 0) !important;
    }

    .nav-list li {
        width: 100%;
    }

    .nav-list li a {
        padding: 5px;
    }

    #dropmenu .dropdown ul li a {
        padding: 5px;
    }

    .acc-btns:after {
        right: 15px;
    }

    #dropmenu .dropdown ul li .acc-content li {
        height: 30px;
    }
}

@media (max-width: 599px) {
    .hamburger {
        right: 265px;
        top: 4px;
    }

    nav {
        width: 260px;
        -webkit-transform: translate(260px);
        transform: translate(260px);
    }

    nav.fixed {
        width: 260px;
    }

    nav .logo {
        width: 80%;
        max-width: 80%;
    }

    nav .footer-info li {
        text-align: left;
    }

    nav .footer-num dl {
        width: 100%;
    }
}

/* ##### nav end ##### */

/* ##### top ##### */
.top-mainimg {
    margin-top: -75px;
}

.top-concept {
    padding-top: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.eb-list li {
    background-color: #fff;
    margin-bottom: 50px;
}

.eb-list li a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.eb-list li a[data-element-id] {
    display: block;
}

.eb-list li a[data-element-id]:hover {
    opacity: 1;
}

.eb-list li a[data-element-id] div {
    float: left;
}

.eb-list li:nth-of-type(even) a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.eb-list li a .w50 {
    margin: 0;
}

.eb-list li a .ofimg {
    height: 100%;
}

.eb-list li a .eb-cont {
    padding: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.eb-list li a .eb-cont .text {
    font-size: 12px;
}

.eb-list li a .eb-cont .brand-logo {
    display: inline-block;
    width: 50%;
    margin-bottom: 15px;
}

.eb-list li a .eb-cont .brand-heading {
    font-size: 18px;
    margin-bottom: 15px;
}

.slider {
    padding: 0 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.slider .slick-slide {
    margin: 0 10px;
}

.slider[data-element-id] .slick-track,
.slider[data-element-id] .slick-slide,
.slider[data-element-id] .slick-slide>div,
.slider[data-element-id] .slick-slide>div>div {
    width: 100% !important;
}

.slider[data-element-id] .slick-slide>div>div {
    width: 100% !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.slider[data-element-id] .slick-slide>div>div>li {
    width: calc(100% / 4 - 30px) !important;
}

.slider[data-element-id] .slick-slide>div>div>li:nth-of-type(n + 5) {
    display: none;
}

.slider li a {
    display: block;
}

.slider li a:hover {
    opacity: 1;
}

.slider-box {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.slider-box .ofimg img {
    height: 100% !important;
}

.slider-box:before {
    content: "";
    display: block;
    padding-top: 100%;
    background-color: rgba(86, 86, 86, 0.4);
    position: relative;
    z-index: 1;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.slider-box:after {
    content: '';
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
}

.slider-box img {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: auto !important;
    max-width: none !important;
    width: 100% !important;
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    right: 0;
}

.slider li a:hover .slider-box:before {
    background-color: transparent;
}

.top-ashgrey-original-name {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #fff;
    letter-spacing: 2px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
}

.slick-arrow {
    width: 14px;
    height: 14px;
    background-color: transparent;
    text-indent: -9999px;
    border: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
}

.slick-arrow:focus {
    outline: none;
}

.slick-arrow:hover {
    cursor: pointer;
}

.slick-prev {
    left: 0;
    border-style: solid;
    border-width: 7px 14px 7px 0;
    border-color: transparent #565656 transparent transparent;
}

.slick-next {
    right: 0;
    border-style: solid;
    border-width: 7px 0 7px 14px;
    border-color: transparent transparent transparent #565656;
}

@media (max-width: 1024px) {
    .top-mainimg {
        margin-top: 0;
    }

    .eb-list li a .eb-cont {
        padding: 15px;
    }

    .eb-list li a .eb-cont .brand-logo {
        top: 20px;
        left: 20px;
    }
}

/* ##### top end ##### */

/* ##### company ##### */
.map {
    margin: 50px 0;
}

@media (max-width: 599px) {
    .map:after {
        padding-top: 80%;
    }
}

/* ##### company end ##### */

/* ##### ブログ・ニュース ##### */
.cc-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cc-wrap .cc-list>li {
    width: 46%;
}

.cc-heading {
    font-weight: bold;
    letter-spacing: 1px;
    background-color: #eee;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 30px;
    outline: solid 3px #eee;
    border: 2px solid #fff;
}

.cc-side-box {
    margin-bottom: 50px;
}

.cc-side-list li {
    margin-bottom: 15px;
}

.cc-side-list li a {
    padding-left: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: underline;
    position: relative;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cc-side-list li a:before {
    content: "\f0da";
    font-family: FontAwesome;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
}

.cc-detail-box .heading {
    font-size: 24px;
    text-align: left;
    margin-bottom: 10px;
}

.cc-detail-box .text {
    margin: 50px 0;
    border-bottom: 1px solid #000;
}

.recommend-box .heading {
    text-align: center;
    margin-bottom: 50px;
}

.recommend-list .ofimg,
.recommend-list .inner-cc-box {
    width: 100%;
}

.recommend-list .inner-cc-box {
    margin-top: 10px;
}

.recommend-list li a {
    display: block;
}

.recommend-list .detail-category img {
    display: none;
}

.recommend-list .detail-category .ao-title {
    position: static;
    font-size: 10px;
    font-weight: normal;
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    letter-spacing: 1px;
    color: #333;
    word-break: break-all;
    padding: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

/* pagenav */
.pagenav {
    margin: 30px 0;
}

.pagenav ul li {
    margin: 0 5px
}

.pagenav ul li a,
.pagenav ul li .now {
    width: 40px;
    height: 40px;
    display: block;
    font-weight: bold;
    border: 1px solid #fff;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.pagenav ul li .now {
    border: 1px solid #bfbfbf;
}

.pagenav ul li a:hover {
    opacity: 1;
    border: 1px solid #bfbfbf;
}

.pagenav ul li a:focus {
    outline: none;
}

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    .pagenav ul li a,
    .pagenav ul li .now {
        padding-top: 12px;
    }
}

.pagenav ul li a:hover {
    opacity: 1;
}

.pagenav ul li a:hover span:before {
    color: #565656;
}

.pagenav ul .prev,
.pagenav ul .next {
    font-size: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.pagenav ul .prev {
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.pagenav ul .next {
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.pagenav ul .prev-arrow:before {
    content: "\f0d9";
    font-family: FontAwesome;
    display: inline-block;
    font-size: 20px;
    color: #565656;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
}

.pagenav ul .next-arrow:before {
    content: "\f0da";
    font-family: FontAwesome;
    display: inline-block;
    font-size: 20px;
    color: #565656;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
}

.pagenav ul .prev a:hover,
.pagenav ul .next a:hover {
    border: 1px solid #fff;
}

/* pagenav end */

@media (max-width: 1024px) {
    .cc-wrap .cc-list>li {
        min-width: 240px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .news .cc-side,
    .blog .cc-side {
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        min-width: 190px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .cc-list {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .recommend-box .heading {
        margin-bottom: 30px;
    }
}

@media (max-width: 599px) {
    .cc-wrap .cc-list>li {
        width: 100%;
    }

    .pagenav ul li a,
    .pagenav ul li .now {
        width: 30px;
        height: 30px;
    }

    .pagenav ul .prev {
        padding-left: 10px;
    }

    .pagenav ul .next {
        padding-right: 10px;
    }

    .recommend-list .ofimg {
        width: 30%;
    }

    .recommend-list .inner-cc-box {
        width: 60%;
    }
}

/* ##### ブログ・ニュース end ##### */

/* ##### product ##### */
.product-side-box {
    margin-bottom: 50px;
}

.product-heading {
    font-weight: bold;
    margin-bottom: 10px;
}

.product-side-list li {
    margin-bottom: 5px;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.product-side-list li img {
    display: none;
}

.product-side-list li a .ao-title {
    position: static;
    font-size: inherit;
    font-weight: normal;
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    letter-spacing: 1px;
    color: #333;
    padding: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.product-side-list li a {
    font-size: 12px;
}

.product-cc .product-list>li {
    width: calc(100% / 3 - 20px);
    margin: 0 10px 40px 10px;
}

.product-cc .cc-heading {
    padding: 0;
    outline: none;
    border: none;
}

.product-cc .cc-heading a {
    display: block;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: #565656;
    outline: solid 2px #565656;
    border: 2px solid #fff;
    position: relative;
}

.product-cc .icon-man a {
    padding: 10px 10px 10px 35px;
}

.product-cc .icon-man a:before {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    background-image: url(/import/tenant_1/133.167.73.100/html/images/common/icon-man.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 50%;
    left: 5px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.product-cc .cc-heading a:hover {
    opacity: 1;
    color: #565656;
    background-color: #fff;
    outline: solid 3px #fff;
    border: 2px solid #565656;
}

.product-cc .icon-man a:hover:before {
    background-image: url(/import/tenant_1/133.167.73.100/html/images/common/icon-man-grey.png);
}

.product-detail {
    padding-bottom: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #565656;
}

.product_detail .heading {
    text-align: center;
}

.product-box {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product-box .ofimg {
    position: relative;
}

.product-box .ofimg:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.product-box .ofimg img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.thumbs {
    margin-top: 9px;
}

.thumbs li {
    width: calc(100% / 4 - 7px);
    margin-right: 9px;
}

.thumbs li:last-of-type {
    margin-right: 0;
}

.thumbs li img:hover {
    cursor: pointer;
}

.thumbs li.active-img {
    border: 2px solid #565656;
}

.product-detail-box {
    border: 2px solid #565656;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.product-detail-info li {
    margin-bottom: 10px;
}

.product-detail-info li .tag {
    line-height: 120%;
    display: inline-block;
    margin: 2px;
    padding: 4px 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
}

.p-category img {
    display: none;
}

.p-category .ao-title {
    position: static;
    font-size: inherit;
    font-weight: normal;
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    letter-spacing: 1px;
    color: #333;
    word-break: break-all;
    padding: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.p-title {
    font-size: 18px;
    font-weight: bold;
}

.p-code-list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.p-code-list dt,
.p-code-list dd {
    font-size: 12px;
}

.p-code-list dt {
    position: relative;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.p-code-list dt:after {
    content: "：";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
}

.p-text {
    font-size: 12px;
}

/* カート */
.colorme-box {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.cartjs_product_form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.colorme-box table,
.colorme-box .cartjs_cart_in {
    width: 48%;
    margin: 1px;
}

.colorme-box table {
    min-width: 134px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-top: none !important;
    border-right: none !important;
    margin: 0 !important;
}

.colorme-box table th,
.colorme-box table td {
    padding: 0 !important;
    border-left: none !important;
    border-bottom: none !important;
}

.colorme-box .cartjs_cart_in {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.colorme-box table th {
    width: 50px;
}

.colorme-box table input {
    width: 80px;
}

.cartjs_cart_in {
    position: relative;
}

.cartjs_cart_in input {
    font-size: 12px !important;
    font-weight: bold;
    background-color: #fff;
    border: 1px solid #565656;
    border-radius: 15px;
    padding: 3px 15px 3px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.cartjs_cart_in input:hover {
    cursor: pointer;
    background-color: #565656;
    color: #fff;
}

.cartjs_cart_in input:focus {
    outline: none;
}

.cartjs_cart_in:before {
    content: "";
    display: inline-block;
    background-image: url(/import/tenant_1/133.167.73.100/html/images/common/cart.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    margin: auto;
}

.cartjs_cart_in:hover:before {
    background-image: url(/import/tenant_1/133.167.73.100/html/images/common/cart-white.png);
}

.cartjs_sk_link_other {
    font-size: 10px;
}

/* カート end */

.product-cc .notice {
    color: #000;
    font-size: 10px;
}

.product-btn {
    width: 100%;
}

.product-btn a {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #565656;
}

.notice-list {
    margin-top: 10px;
}

.notice-list li {
    font-size: 10px;
    margin-bottom: 5px;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.notice-list li:before {
    content: "※";
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
}

@media (max-width: 1024px) {
    .product-cc .product-list {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .product-cc .product-list>li {
        width: calc(100% / 2 - 20px);
    }

    .product-cc .cc-side {
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        min-width: 220px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    .product-cc .cc-side-box {
        width: 100%;
        max-width: 270px;
    }

    .product-wrap {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .product-detail-info li .tag {
        font-size: 12px;
    }

    .cartjs_cart_in:before {
        display: none;
    }
}

@media (max-width: 599px) {
    .product-cc .product-list>li {
        width: calc(100% - 20px);
        margin: 0 10px 30px 10px;
    }

    .product-box .product-img {
        width: 80%;
        margin: 0 auto 30px auto;
    }
}

/* ##### product end ##### */

/* ##### shopping_guide ##### */
.shopping-guide-box {
    margin-bottom: 50px;
}

.sg-list dt {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;
}

.sg-list dt:before {
    content: "・";
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    top: 12px;
    left: 5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
}

.sg-list dd {
    padding-left: 30px;
}

/* ##### shopping_guide end ##### */

/* ##### recruit ##### */
.recruit-box-mini {
    width: 80%;
    margin: auto;
}

@media (max-width: 1024px) {
    .recruit-box-mini {
        width: 100%;
    }
}

/* ##### recruit end ##### */

/* ##### フォーム関係 ##### */
.contact-intro {
    width: calc(100% - 300px);
    margin: 30px auto;
}

.contact-intro li {
    font-size: 12px;
    position: relative;
    margin-bottom: 5px;
    padding-left: 20px;
}

.contact-intro li:before {
    content: "・";
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    top: 10px;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
}

.pregress-list {
    width: calc(100% - 300px);
    margin: 30px auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pregress-list li {
    width: 28%;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #565656;
    font-weight: bold;
    text-align: center;
    position: relative;
}

.pregress-list .on {
    border: 2px solid #565656;
    background-color: #fff;
}

.pregress-list li:after {
    content: "\f105";
    font-family: FontAwesome;
    display: inline-block;
    font-size: 40px;
    position: absolute;
    top: 50%;
    right: -35px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
}

.pregress-list li:last-of-type:after {
    display: none;
}

.contact-item {
    margin-bottom: 50px;
}

.contact-item dt {
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.contact-item dd input,
.contact-item dd textarea,
.contact-item dd select {
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #565656;
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

.contact-item dd input {
    width: 100%;
    height: 50px;
}

.contact-item dd textarea {
    width: 100%;
    height: 200px;
}

.must {
    font-size: 12px;
    font-weight: bold;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    color: #fff;
    background-color: #930909;
    border-radius: 10px;
}

.contact-btn {
    margin: 0 15px;
}

.contact-btn button {
    min-width: 250px;
    display: block;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: #565656;
    outline: solid 2px #565656;
    border: 2px solid #fff;
    position: relative;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.contact-btn button:hover {
    cursor: pointer;
    opacity: 1;
    color: #565656;
    background-color: #fff;
    outline: solid 3px #fff;
    border: 2px solid #565656;
}

.notice {
    display: block;
    color: #999;
    font-size: 12px;
}

.contact-item .half-input input,
.contact-item .half-input select {
    width: 50%;
}

.contact-item dd select {
    width: 100%;
    height: 50px;
}

@media (max-width: 1024px) {

    .pregress-list,
    .contact-intro {
        width: 100%;
    }

    .pregress-list li {
        padding: 10px;
    }
}

@media (max-width: 599px) {
    .pregress-list li {
        width: 100%;
        margin-bottom: 50px;
    }

    .pregress-list li:after {
        top: 120%;
        right: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, 0) rotate(90deg);
        transform: translate(-50%, 0) rotate(90deg);
    }

    .white-box {
        padding: 15px;
    }

    .contact-item .half-input input,
    .contact-item .half-input select {
        width: 70%;
    }

    .contact-btn {
        margin-bottom: 30px;
    }
}

/* ##### フォーム関係 end ##### */

/* ##### プライバシーポリシー ##### */
.text80 {
    width: 80%;
    margin: 50px auto;
}

.under-border {
    border-bottom: 1px solid #565656;
}

@media (max-width: 1024px) {
    .text80 {
        width: 100%;
    }
}

/* ##### プライバシーポリシー end ##### */

/* ##### sitemap ##### */
.sitemap .heading {
    margin-top: 50px;
}

.sitemap-box {
    width: 80%;
    margin: 50px auto;
}

.sitemap-heading {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 10px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #565656;
}

.sitemap-list {
    margin-bottom: 30px;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sitemap-list li {
    margin-bottom: 10px;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sitemap-list li a {
    font-size: 13px;
    font-weight: normal;
    display: inline-block;
    border-bottom: 1px solid #565656;
}

.sitemap-list li img {
    display: none;
}

.sitemap-list li .ao-title {
    position: static;
    letter-spacing: 1px;
    color: #333;
    font-size: 13px;
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    padding: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.sitemap-heading-sub {
    font-weight: bold;
    padding: 10px 10px 10px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .sitemap .heading {
        margin-top: 30px;
    }

    .sitemap-box {
        width: 100%;
        margin: 30px auto;
    }
}

/* ##### sitemap end ##### */

/* ##### EC連携用 ##### */
div[data-product-list-content] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.search-box {
    width: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}

.search-box .product-title-box {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.search-box .product-title-box .heading {
    margin-bottom: 0;
}

.search-box .product-title-box .search-result {
    font-size: 16px;
    text-align: center;
    margin: 15px;
}

.search-box h4 {
    width: 100%;
    font-weight: bold;
    color: #333;
}

.search-box form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.search-box input,
.search-box select {
    width: 10%;
    min-height: 30px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.search-box input+button,
.search-box select+button {
    font-size: 12px;
    min-width: 50px;
    display: block;
    margin-left: 5px;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: #565656;
    outline: solid 2px #565656;
    border: 2px solid #fff;
    position: relative;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.search-box input+button:hover,
.search-box select+button:hover {
    cursor: pointer;
    opacity: 1;
    color: #565656;
    background-color: #fff;
    outline: solid 3px #fff;
    border: 2px solid #565656;
}

@media (max-width: 1024px) {
    .search-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .inner-search-box {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: auto;
    }

    .search-box form {
        width: 35%;
        min-width: 255px;
        margin: 5px 15px;
    }

    .search-box .product-title-box {
        width: 100%;
    }
}

/* ##### EC連携用 end ##### */


.navigation li {
    width: 200px;
    height: 55px;
    margin: 15px 20px 30px 15px;
}

.navigation li a {
    padding: 10px 30px;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    text-align: center;
    border: 1px solid #565656;
    font-weight: normal;
}

@media (max-width: 1024px) {
    .navigation li {
        width: 180px;
        height: 45px;
        margin: 10px 15px;
    }

    .navigation li a {
        padding: 10px 20px;
    }
}

@media (max-width: 599px) {
    .navigation li {
        width: 160px;
        height: 35px;
        margin: 10px;
    }

    .navigation li a {
        font-size: 14px;
        padding: 5px 15px;
    }
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb35 {
    margin-bottom: 35px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb45 {
    margin-bottom: 45px;
}


/* 4/28 */


.fd-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.flex02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tac {
    text-align: center;
}

.db {
    display: block;
}

.mb10 {
    margin-bottom: 10px;
}

.fw-txt a {
    font-weight: bold;
}

.nmt50 {
    margin-top: -50px;
}

.pc-none {
    display: none;
}

.sp-none {
    display: block;
}

.nav-list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1060px;
    max-width: 100%;
    margin: 0 auto 25px auto;
}


@media only screen and (max-width: 1024px) {

    .fw-txt a {
        font-weight: bold;
        display: inline-block;
    }

    .fw-txt {
        text-align: center;
        display: block;
    }

    .pc-none {
        display: block;
    }

    .sp-none {
        display: none;
    }

    .mb25-sp {
        margin-bottom: 25px !important;
    }
}


#dropmenu .dropdown ul li span {
    display: block;
    font-weight: bold;
    letter-spacing: 1px;
    width: 200%;
    height: 50px;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    color: #fff;
    background-color: rgba(86, 86, 86, 0.6);
}

#dropmenu .dropdown ul li span:after {
    display: none !important;
}

@media only screen and (min-width: 1025px) {
    .n-w200 {
        width: 66.6% !important;
    }
}

.d-contents {
    display: contents !important;
}

.c-sp {
  width: 100px;
  margin: auto;
}



/* 2022.05.26 */
.c-box00 {
  width: 40%;
  margin: auto;
}

.kataloggg{
  display: inline-block;
  margin: auto;
}

.katalog01, .katalog02{
  display: inline-block;
  vertical-align: top;
  width: 43%;
  margin: auto;
}

.katalog01 {
  margin-right: 13%;
}

.c-name {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}

.c-name span {
  font-size: 16px;
}

.c-in p {
  text-align: center;
}

@media (max-width: 1024px) {
  .c-box00 {
    width: 60%;
  }
  .katalog01, .katalog02 {
    width: 40%;
  }
  .katalog01 {
    margin-right: 19%;
  }
}

@media (max-width: 599px) {
  
/* .kataloggg {
    display: block;
    width: 39%;
} */

.c-box00 {
  width: 90%;
}
.katalog01, .katalog02 {
  width: 44%;
}

.katalog01 {
  margin-right: 10%;
}

.c-name {
  font-size: 18px;
}

.c-name span {
  font-size: 12px;
}
}

.kata28{
  text-align: center;
}