@charset "UTF-8";

/*==================================================================================================

       hero

===================================================================================================*/

.hero-wrap {
        position: relative;
        box-sizing: border-box;
        margin-top:80px;
        padding-left:40px;
        padding-right:40px;
        z-index: 1;
        }
        @media screen and (max-width:1800px) {
        .hero-wrap { padding-left:2.2222vw; padding-right:2.2222vw; }
        }
        @media screen and (max-width:1024px) {
        .hero-wrap { margin-top:90px;  }
        }
        @media screen and (max-width:767px) {
        .hero-wrap { margin-top:90px; }
        .hero-wrap .outer { padding-left:5.2778vw; padding-right:5.2778vw; }
        }

/*==================================================================================================

       top-slider

===================================================================================================*/

.top-slider {
        position: relative;
        width:100%;
        overflow: hidden;
        z-index: 0;
        }
        .slick-wrap.top-slick { margin-bottom:0; }
        .top-slick .slick-slide { margin:0 !important; }
        .top-slick { height:auto; max-height: calc(100vh - 80px); }
        .top-slick .slickslider-s figure { width: 100%; height:0; padding-bottom:56.25%; }
        .slick-wrap.top-slick:after { padding-bottom:56.25%; }
        .top-slick:after { content: ""; display: block; }
        .slick_01 { background: url("../images/img/top/header-01.jpg") center center / cover; }
        .slick_02 { background: url("../images/img/top/header-02.jpg") center center / cover; }
        .slick_03 { background: url("../images/img/top/header-03.jpg") center center / cover; }

        @media screen and (max-width:1024px) {
        .top-slick { height:auto; }
        .top-slick .slickslider-s figure { height:0; padding-bottom:80%; }
        .slick-wrap.top-slick:after { padding-bottom:80%; }
        }
        @media screen and (max-width:767px) {
        .top-slick { height:auto; }
        .top-slick .slickslider-s figure { height:0; padding-bottom:120%; }
        .slick-wrap.top-slick:after { padding-bottom:120%; }
        }

/*==================================================================================================

       背景

===================================================================================================*/

.bg-black {
        background: url("../images/parts/black.jpg") left top repeat;
        color:#FFF;
        }
        .bg-black a { color:#FFF; }
.bg-blue {
        background: url("../images/parts/blue.jpg") left top repeat;
        color:#FFF;
        }
        .bg-blue a { color:#FFF; }

.black-box {
        background: #292A2B;
        padding:4rem;
        box-sizing: border-box;
        color:#FFF;
        }
.white-box {
        background: #FFF;
        border:2px solid rgb(0 0 0 / .5);
        padding:4rem;
        box-sizing: border-box;
        }

.border-box {
        border:4px solid #3C3C3B;
        padding:3.5rem;
        box-sizing: border-box;
        }
        @media screen and (max-width:1350px) {
        .black-box { padding:3rem 4rem; }
        .white-box { padding:3rem 4rem; }
        }
        @media screen and (max-width:1024px) {
        .black-box { padding:2.25rem 3rem; }
        .white-box { padding:2.25rem 3rem; }
        .border-box { padding:2.25rem 3rem; }
        }
        @media screen and (max-width:767px) {
        .black-box { padding:1.5rem 2rem; }
        .white-box { padding:1.5rem 2rem; }
        .border-box { padding:2.25rem 2rem; }
        }

/*==================================================================================================

        タイトル / テキスト

===================================================================================================*/

.white { color:#FFF !important; }
.white .en { color:#FFF; }
.red { color:#94472A;}
.gold { color:#887750; }
    .gold a { color:#887750; }

.mark {background:linear-gradient(transparent 60%, #FCE989 60%);}

.under-title {
        padding-bottom:.5rem;
        border-bottom:1px solid #292A2B;
        }
        .under-title-wide {
        padding-bottom:.5rem;
        border-bottom:3px solid #292A2B;
        }
        .under-title-w {
        padding-bottom:.5rem;
        border-bottom:1px solid #F6F0E2;
        }

.lead {
        position: relative;
        width:100%;
        overflow: hidden;
        z-index: 0;
        }
        .lead:after {
        content:"";
        position: absolute;
        display: inline-block;
        top:50%;
        width:100%;
        height:1px;
        background:rgb(60 60 59 / .5);
        margin-left:1.8rem;
        z-index: -1;
        }
        .bg-black .lead:after { background: rgb(255 255 255 / .5); }
        .bg-blue .lead:after { background: rgb(255 255 255 / .5); }
        @media screen and (max-width:767px) {
        .lead.sp-w:after { margin-top:.55em; }
        }

.head-line {
        border-top:1px solid rgb(60 60 59 / .5);
        padding-top:1.5rem;
        }



        @media screen and (max-width:1350px) {
        
        }
        @media screen and (max-width:1024px) {
        
        }
        @media screen and (max-width:767px) {
        
        }

/*==================================================================================================

       トップページ

===================================================================================================*/

        /*=================================================
                Greeting
        ==================================================*/

        .greeting-wrap {
        position: relative;
        color:#FFF;
        z-index: 0;
        }
        .hero-wrap.top-page:after {
        content:"";
        display: block;
        position: absolute;
        top:35vw;
        left:0;
        width: 100%;
        height:calc(100% - 35vw);
        background: url("../images/parts/blue.jpg") left top repeat;
        z-index: -1;
        }
        .greeting-title {
        font-size:60px;
        font-weight:400;
        line-height: 160%;
        letter-spacing: .2em;
        height:8.5em;
        margin-top:-4em;
        }
        .greeting-sub-title {
        font-size:45px;
        line-height: 140%;
        letter-spacing: 0;
        padding-bottom:1.5em;
        }
        .greeting-img {
        width:100%;
        height:0;
        padding-bottom:128%;
        background: url("../images/img/top/img_01.jpg") center center / cover;
        z-index: 0;
        margin-bottom:-40%;
        }
        .greeting-text {
        width:100%;
        padding-right:25%;
        box-sizing: border-box;
        }
        @media screen and (max-width:1650px) {
        .greeting-title { font-size:3.6vw; }
        .greeting-sub-title { font-size:2.7vw; }
        }
        @media screen and (max-width:1024px) {
        .greeting-img { margin-top:50%; }
        }
        @media screen and (max-width:767px) {
        .greeting-title { font-size:7.2vw; }
        .greeting-sub-title { font-size:6vw; padding-bottom:0; padding-top:10vw; }
        .greeting-text { padding-right:0; }
        .greeting-img { margin-top:10vw; margin-bottom:0; padding-bottom:90%; }
        .greeting-text-sp { padding-top:10vw; }
        }

        /*=================================================
                Banner wrap
        ==================================================*/

        .banner-wrap-title {
        color:#FFF;
        font-size:180px;
        line-height: 55%;
        opacity:.12;
        }
        @media screen and (max-width:2000px) {
        .banner-wrap-title { font-size:9vw; }
        }
        @media screen and (max-width:767px) {
        .banner-wrap-title { font-size:15vw; }
        }

        /*=================================================
                BLOG / TOP PAGE
        ==================================================*/

        .top-item-date {
        font-size:13px;
        text-align: left;
        padding:1rem 0 .6rem;
        line-height: 1;
        opacity:.7;
        }
        h3.top-item-title {
        position: relative;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 400;
        line-height: 160%;
        font-size: 1rem;
        }
        .top-item-title:after {
        position: absolute;
        bottom: 0px;
        left: 0;
        content: '';
        width: 100%;
        height: 1px;
        background:#3C3C3B;
        transform: scale(0, 1);
        transform-origin: right top;
        transition: transform .5s;
        }
        .bg-blue .top-item-title:after { background: #FFF; }
        .news-item-box a:hover .top-item-title:after {
        transform-origin: left top;
        transform: scale(1, 1);
        }
        @media screen and (max-width:1350px) {
        .top-item-date { padding:.75rem 0 .5rem;font-size:12px; }
        h3.top-item-title { font-size: 15px; }
        }
        @media screen and (max-width:1024px) {
        .top-item-date { padding:.7rem 0 .4rem;font-size:10px; }
        h3.top-item-title { font-size: 14px; }
        }
        @media screen and (max-width:767px) {
        .top-item-date { padding:.7rem 0 .4rem;font-size:12px; }
        h3.top-item-title { font-size: 15px; }
        .item-wrapper { width:100%; max-width:280px; margin-inline:auto; }
        }

        /*=================================================
                商品カテゴリから探す　簡易版
        ==================================================*/

        .category-list {
        position: relative;
        border-top:1px solid rgb(60 60 59 / .4);
        }
        .category-list li {
        position: relative;
        box-sizing: border-box;
        border-bottom:1px solid rgb(60 60 59 / .4);
        line-height: 1;
        }
        .category-list li a {
        position: relative;
        display: block;
        padding:1rem 2rem 1rem 1rem;
        line-height: 150%;
        }
        .category-list li a:after {
        content:"";
        display: block;
        position: absolute;
        top:50%;
        right:.5rem;
        translate:0 -50%;
        width:12px;
        height:12px;
        background: url("../images/parts/icon-arrow.svg") center center / cover;
        z-index: -1;
        opacity:.2;
        }
        .category-list li a:hover { opacity:1; color:#000; }
        .category-list li a:hover:after { opacity:1; }

        @media screen and (max-width:1350px) {
        .category-list li a { padding:.85rem 2rem .85rem 1rem; }
        }
        @media screen and (max-width:1024px) {
        .category-list li a { padding:.65rem 1.5rem .65rem .25rem; font-size:14px; }
        .category-list li a:after { right:.25rem; }
        }
        @media screen and (max-width:767px) {
        .category-list.sp-top-none { border-top:none; }
        }

        /*=================================================
                ブランド一覧
        ==================================================*/
        .brand-menu-wrap .column:nth-of-type(n + 9) { display: none; }

        /*=================================================
                メッセージ
        ==================================================*/

        @media screen and (max-width:1024px) {
        .message-01 img { height:280px; }
        .message-02 img { height:330px; }
        }
        @media screen and (max-width:767px) {
        .message-01 img { height:auto; }
        .message-02 img { height:auto; }
        }

/*==================================================================================================

       下層 ヘッダー

===================================================================================================*/

.page-header-wrap {
        position: relative;
        box-sizing: border-box;
        height: auto;
        overflow: hidden;
        z-index: 0;
        }
        
        /*=================================================
                ノーマルヘッダー
        ==================================================*/

        .page-header {
        position: relative;
        width: 100%;
        height:100%;
        max-height: calc(100vh - 80px);
        z-index: 0;
        }
        .page-header:before {
        content: "";
        display: block;
        padding-bottom:45%;
        height:0;
        width:100%;
        }
        .page-header.short:before {
        content: "";
        display: block;
        height:0;
        padding-bottom:450px;
        width:100%;
        }

        .service      { background: url("../images/img/service/header.jpg") left center / cover; }
        .products     { background: url("../images/img/products/header.jpg") center center / cover; }
        .onlineshop   { background: url("../images/img/onlineshop/header.jpg") center center / cover; }
        .news         { background: url("../images/img/news/header.jpg") center center / cover; }
        .hagumivoice  { background: url("../images/img/hagumi/header.jpg") center center / cover; }
        .voice        { background: url("../images/img/voice/header.jpg") center center / cover; }
        .information  { background: url("../images/img/information/header.jpg") center center / cover; }

        @media screen and (max-width:1024px) {
        .page-header:before { padding-bottom:80%; height:0; }
        .page-header.short:before { padding-bottom:80%; }
        }

.page-title {
        position: absolute;
        bottom:0%;
        left:0;
        background: rgb(0 0 0 / .65);
        padding:15px 40px;
        color:#FFF;
        width:100%;
        box-sizing: border-box;
        z-index:1;
        }
        .page-title h1 {
        position: relative;
        line-height: 125%;
        color:#FFF;
        }
        @media screen and (max-width:1024px) {
        .page-title { padding:12px 30px; }
        }
        @media screen and (max-width:767px) {
        .page-title { padding:10px 24px; }
        .page-title h1.f30 { font-size:20px; }
        .page-title h1 .f16 { font-size:14px; }
        }
.page-title-b {
        position: relative;
        background:#000000;
        padding:15px 40px;
        color:#FFF;
        width:100%;
        box-sizing: border-box;
        z-index:1;
        }
        .page-title-b h1 {
        position: relative;
        line-height: 125%;
        color:#FFF;
        }

figure {
        position: relative;
        z-index: 0;
        }
        .figure-caption {
        position: absolute;
        top:-1px;
        left:-1px;
        display: inline-block;
        padding:3px 1rem .5rem 5px;
        background: #FFF;
        color:#111;
        z-index: 1;
        }

/*==================================================================================================

       サービス SERVICE

===================================================================================================*/

        /*=================================================
                table 共通
        ==================================================*/

        .peace-th { width:330px; }
        .flow-th { width:230px; }

        @media screen and (max-width:1350px) {
        .peace-th { width:270px; }
        .flow-th { width:190px; }
        }
        @media screen and (max-width:1024px) {
        .peace-th { width:210px; }
        .flow-th { width:150px; }
        }

        /*=================================================
                FAQ
        ==================================================*/

        .faq-section {
        border-top:1px solid rgb(60 60 59 / .5);
        padding:2rem 0;
        }

        .faq-q {
        position: relative;
        font-size: 1rem;
        line-height: 180%;
        padding: 1rem 2rem 1rem 6rem;
        }
        .faq-q:before {
        content: "Q";
        font-family: "Gilda Display","Sorts Mill Goudy", serif;
        font-weight: 400;
        position: absolute;
        top: 1rem;
        left: 2rem;
        line-height: 100%;
        font-size: 2rem;
        }
        .faq-a {
        position: relative;
        font-size: 1rem;
        line-height: 180%;
        box-sizing: border-box;
        padding: 1rem 2rem 1rem 6rem;
        }
        .faq-a:before {
        content: "A";
        font-family: "Gilda Display","Sorts Mill Goudy", serif;
        font-weight: 400;
        position: absolute;
        top: 1rem;
        left: 2rem;
        line-height: 100%;
        font-size: 2rem;
        }

        @media screen and (max-width:767px) {
        .faq-q { padding:1rem 0 1rem 1.5rem; }
        .faq-q:before { font-size: 2rem; left:0; opacity:.6; }
        .faq-q h3 { padding-left:1.5rem; }
        .faq-a { padding: 1rem 0 1rem 2rem; }
        .faq-a:before { left: 0; font-size: 2rem; opacity: .6; }
        .faq-a p { padding-left:1.5rem; }
        }

/*==================================================================================================

       ONLINESHOP

===================================================================================================*/

        /*=================================================
            商品カテゴリから探す ボタン
        ==================================================*/

        .category-item {
        display: inline-block;
        }
        .category-item button {
        width:320px;
        height:50px;
        display: block;
        line-height: 48px;
        background: #FFF;
        text-align: center;
        font-size:1rem;
        font-weight:400;
        box-sizing: border-box;
        border: 1px solid rgb(60 60 59 / .5);
        transition: all .3s ease;
        }
        .category-item button:hover {
        background-color:#3C4650;
        color:#FFF;
        }
        
        .category-search-btn {
        display: inline-block;
        }
        .category-search-btn a {
        width:320px;
        height:50px;
        display: block;
        line-height: 48px;
        background: #FFF;
        text-align: center;
        font-size:1rem;
        font-weight:400;
        box-sizing: border-box;
        border: 1px solid rgb(60 60 59 / .5);
        transition: all .3s ease;
        }
        .category-search-btn a:hover {
        background-color:#3C4650;
        color:#FFF;
        }

        @media screen and (max-width:767px) {
        .category-search-btn { display: block; }
        .category-search-btn a { width:100%; height:46px; line-height: 44px; }
        }

        /*=================================================
            商品カテゴリから探す メガメニュー開閉
        ==================================================*/

        .megaMenu {
        background-color:#3C4650;
        left: 0;
        opacity: 0;
        position: absolute;
        text-align: center;
        visibility: hidden;
        width: 100%;
        padding:50px 0;
        z-index: +1;
        transition: all .3s ease;
        }
        .megaMenu-item {
        display: inline-block;
        }
        .category-item:hover .megaMenu {
        opacity: 1;
        visibility: visible;
        }

        /*=================================================
            商品カテゴリから探す　メガメニュー内リスト　オンラインショップ版
        ==================================================*/

        .category-list-shop {
        position: relative;
        border-top:1px solid rgb(255 255 255 / .5);
        }
        .category-list-shop li {
        position: relative;
        box-sizing: border-box;
        border-bottom:1px solid rgb(255 255 255 / .5);
        line-height: 1;
        }
        .category-list-shop li a {
        position: relative;
        display: block;
        padding:1rem 2rem 1rem 1rem;
        line-height: 150%;
        text-align: left;
        color:#FFF;
        }
        .category-list-shop li a:after {
        content:"";
        display: block;
        position: absolute;
        top:50%;
        right:.5rem;
        translate:0 -50%;
        width:12px;
        height:12px;
        background: url("../images/parts/icon-arrow-w.svg") center center / cover;
        z-index: -1;
        opacity:.4;
        }
        .category-list-shop li a:hover { opacity:.5; }
        .category-list-shop li a:hover:after { opacity:.1; }

        .megaMenu .top-none .category-list-shop { border-top:none; }

        @media screen and (max-width:1350px) {
        .category-list-shop li a { padding:.85rem 2rem .85rem 1rem; }
        }
        @media screen and (max-width:1024px) {
        .category-list-shop li a { padding:.65rem 1.5rem .65rem .25rem; font-size:14px; }
        .category-list-shop li a:after { right:.25rem; }
        }
        @media screen and (max-width:767px) {
        .category-list-shop.sp-top-none { border-top:none; }
        }

        /*=================================================
            商品カテゴリから探す　プルダウン設定
        ==================================================*/

        .accordion-nav_title {
        position: relative;
        display: block;
        padding:1rem 2rem 1rem 1rem;
        line-height: 150%;
        text-align: left;
        color:#FFF;
        }
        summary.accordion-nav_title::-webkit-details-marker {
        display:none;
        }
        .accordion-nav_title:after {
        content: "+";
        position: absolute;
        top: calc(50% - 0.5em);
        right: 8px;
        line-height: 1;
        padding: 0;
        color:#FFF;
        opacity:.4;
        font-weight:600;
        font-size:1.125rem;
        pointer-events: none;
        }
        .accordion-nav::details-content {
        opacity: 0;
        block-size: 0;
        transition: .3s;
        transition-property: display, opacity, block-size, padding;
        transition-behavior: allow-discrete;
        line-height: 1.6em;
        }
        .accordion-nav_contents .category-list-shop {
        border-top: none;
        }
        .accordion-nav_contents .category-list-shop li {
        border-bottom: none;
        }
        .accordion-nav_contents .category-list-shop li a {
        position: relative;
        display: block;
        padding:.7rem 1rem .7rem 2rem;
        line-height: 150%;
        text-align: left;
        color:#FFF;
        }
        .accordion-nav_contents .category-list-shop li:last-child a { padding-bottom:1.25rem; }
        .accordion-nav_contents .category-list-shop li a:after {
        display: none;
        }
        .accordion-nav[open]::details-content {
        opacity: 1;
        block-size: auto;
        block-size: calc-size(auto, size);
        }
        .accordion-nav[open] .accordion-nav_title:after {
        content: "-";
        }
        @media screen and (max-width:1350px) {
        .accordion-nav_title { padding:.85rem 2rem .85rem 1rem; }
        }
        @media screen and (max-width:1024px) {
        .accordion-nav_title { padding:.65rem 1.5rem .65rem .25rem; font-size:14px; }
        .accordion-nav_title:after { right:.25rem; opacity:.7; }
        .accordion-nav_contents .category-list-shop li a {  padding:.5rem .5rem .5rem 1rem; }
        }

        /*=================================================
        商品カテゴリから探す　タブレット以下表示設定
        ==================================================*/

        .search-content {
        display: none;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background:#111;
        color:#FFF;
        overflow: auto;
        z-index:100010;
        }

        .search-content a { color:#FFF; }
        .search-nav { padding-top:75px; padding-bottom:60px;}

        .close_btn {
        display:block;
        position:absolute;
        right:0px;
        top:0px;
        padding:0;
        width:60px;
        height:60px;
        text-align: center;
        font-size: 0px;
        letter-spacing: 0;
        box-sizing: border-box;
        pointer-events: auto;
        cursor:pointer;
        z-index:100001;
        -webkit-transition:all .5s ease;
        transition       : all .5s ease;
        }
        .close_btn div {
        position:absolute;
        width:40px;
        height:40px;
        top:10px;
        left:10px;
        }
        .close_btn span {
        display: block;
        position: absolute;
        height: 2px;
        width:40px;
        background:#FFF;
        border-radius:0px;
        -webkit-transition: .5s ease;
        transition: .5s ease;
        }
        .close_btn span:nth-child(1) { top: 20px; width:40px; rotate:315deg; }
        .close_btn span:nth-child(2) { top: 20px; width:40px; rotate:-315deg; }

        /* tablet→PC時ナビ表示強制解除 */
        @media screen and (min-width: 1025px) {
        .search-content { opacity: 0; z-index: -999999; display: none !important; }
        }

        /*=================================================
            LOGIN / CART ボタン
        ==================================================*/

        .login-btn {
        display: block;
        width:100%;
        text-align: center;
        line-height: 1;
        font-size:1px;
        z-index:3;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        }
        .login-btn a {
        position: relative;
        width:100%;
        height:50px;
        display: block;
        line-height: 48px;
        background:#FFF;
        text-align: center;
        font-size:1rem;
        font-weight:400;
        box-sizing: border-box;
        border: 1px solid rgb(60 60 59 / .5);
        overflow: hidden;
        white-space: nowrap;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        z-index: 1;
        }
        .login-btn a i {
        position:relative;
        display: inline-block;
        top:2px;
        width:16px;
        height:16px;
        background: url("../images/parts/icon-login.svg") center center / cover;
        z-index: 0;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        }
        .login-btn a span {
        margin-left:.5rem;
        }
        .login-btn a:after {
        position: absolute;
        content: "";
        width: 0;
        height: 100%;
        top: 0;
        right: 0;
        z-index: -1;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        background:rgb(0 0 0 / .1);
        }
        .login-btn a:hover:after {
        left: 0;
        width: 100%;
        }
        .login-btn a:hover { opacity:1; }

        .cart-in-btn {
        display: block;
        width:100%;
        text-align: center;
        line-height: 1;
        font-size:1px;
        z-index:3;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        }
        .cart-in-btn a {
        position: relative;
        width:100%;
        height:50px;
        display: block;
        line-height: 50px;
        background:#3C3C3B;
        color:#FFF;
        text-align: center;
        font-size:1rem;
        font-weight:400;
        box-sizing: border-box;
        border:none;
        overflow: hidden;
        white-space: nowrap;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        z-index: 1;
        }
        .cart-in-btn a i {
        position:relative;
        display: inline-block;
        top:2px;
        width:16px;
        height:16px;
        background: url("../images/parts/icon-cart.svg") center center / cover;
        z-index: 0;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        }
        .cart-in-btn a span {
        margin-left:.5rem;
        }
        .cart-in-btn a:after {
        position: absolute;
        content: "";
        width: 0;
        height: 100%;
        top: 0;
        right: 0;
        z-index: -1;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        background:rgb(255 255 255 / .3);
        }
        .cart-in-btn a:hover:after {
        left: 0;
        width: 100%;
        }
        .cart-in-btn a:hover { opacity:1;}

        @media screen and (max-width:767px) {
        .login-btn a { height:46px; line-height: 46px; }
        .cart-in-btn a { height:46px; line-height: 46px; }
        }

        /*=================================================
            商品一覧
        ==================================================*/

        .products-wrapper {
        min-height:900px;/* カテゴリプルダウン対策 */
        }

        .page-sub-title {
        border-top:1px solid rgb(60 60 59 / .5);
        border-bottom:1px solid rgb(60 60 59 / .5);
        padding:1rem 0;
        }
        .page-sub-title h2 {
        font-size:1.2rem;
        line-height: 125%;
        }

        .products-item-list-wrap {
        padding-top:4rem;
        }
        .item-img-wrap {
        position: relative;
        z-index: 0;
        }
        .item-thumb {
        position: relative;
        z-index: 0;
        }
        .item-best {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        }
        .item-best { line-height: 1; }
        .item-best p {
        display: inline-block;
        margin-right:2px;
        padding: 6px 10px 7px;
        line-height: 1;
        text-align: center;
        font-size: .866rem;
        font-weight: 300;
        color: #FFF;
        border-radius:1px;
        }
        .item-list-memo {
        position: relative;
        padding:1rem 0 .65rem;
        line-height: 1;
        }
        .item-list-memo p {
        display: inline-block;
        margin-right:2px;
        padding: 6px 10px 7px;
        line-height: 1;
        text-align: center;
        font-size: .866rem;
        font-weight: 300;
        color: #FFF;
        border-radius:1px;
        }
        
        .label-gray { background:#3C3C3B; }
        .label-gold { background:#C2A563; }
        .label-red  { background:#862727; }

        .item-list-info p {
        font-weight:500;
        }
        @media screen and (max-width:1024px) {
        .item-best p { font-size:12px; padding: 5px 9px 6px; }
        .item-list-memo p { font-size:12px; padding: 5px 9px 6px; }
        }
        @media screen and (max-width:767px) {
        .page-sub-title h2 { font-size:1.125rem; }
        .item-best p { font-size:10px; padding: 4px 8px 5px; }
        .item-list-memo p { font-size:10px; padding: 4px 8px 5px; }
        .item-list-memo p { font-size:10px; padding: 4px 8px 5px; }
        }

/*==================================================================================================

       ITEM 商品詳細ページ

===================================================================================================*/

        .item-contents {
        padding-top:4rem;
        }
        
        /*=================================================
            スライドショー　fotorama / ITEM左側
        ==================================================*/

        .entry-images-wrap {
        margin-bottom:1.5rem;
        }
        .entry-contents {
        margin-bottom:2rem;
        }
        .entry-contents p     { padding-bottom:1rem; }
        .entry-contents img   { padding-bottom:1rem; }
        .entry-contents p img { padding-bottom:0; }

        /*=================================================
            ITEM 右側フォーム
        ==================================================*/

        .item-info {}
        
        .skuname {
        font-size:1.125rem;
        padding-bottom:.65rem;
        padding-top:.25rem;
        margin-bottom:1rem;
        border-bottom:2px solid rgb(0 0 0 / .6);
        }
        
        /*=======    　価格表ボタンとラベル　　　=======*/

        .item-memo-wrap {
        position: relative;
        padding:1.5rem 0 0;
        }
        
        .pricetable-btn {
                position:relative;
                width:100%;
                max-width:210px;
                margin-bottom:1.5rem;
                line-height: 1;
                }
                .pricetable-btn a {
                display: inline-block;
                position: relative;
                width:100%;
                height:50px;
                line-height:50px;
                text-align: center;
                color:#FFF;
                font-weight:500;
                background: #3C3C3B;
                box-sizing: border-box;
                font-size:1rem;
                white-space: nowrap;
                text-decoration:none !important;
                z-index: 1;
                letter-spacing: 0em;
                -webkit-transition: all 0.5s ease;
                transition: all 0.5s ease;
                }
                .pricetable-btn a span {
                position: relative;
                display: inline-block;
                top:2px;
                width:1rem;
                height:1rem;
                margin-right:.5rem;
                background: url("../images/parts/icon-yen.svg") center center / cover;
                }
                .pricetable-btn a:after {
                position: absolute;
                content: "";
                width: 0;
                height:100%;
                bottom:0;
                right: 0;
                z-index: -1;
                border-radius:0;
                -webkit-transition: all 0.3s ease;
                transition: all 0.3s ease;
                background:rgb(255 255 255 / .3);
                }
                .pricetable-btn a:hover {
                opacity:1;
                }
                .pricetable-btn a:hover:after {
                left: 0;
                width: 100%;
                }
                @media only screen and (max-width:767px) {
                .pricetable-btn {  max-width:100%; }
                }
        
        .item-label {
                position: relative;
                }
                .item-label p {
                display: inline-block;
                margin-right:2px;
                padding: 6px 10px 7px;
                line-height: 1;
                text-align: center;
                font-size: .866rem;
                font-weight: 300;
                color: #FFF;
                border-radius:1px;
                }

        /*=======    　カートボタン　　　=======*/
        
        .cart-btn {
                position:relative;
                width:100%;
                height:76px;
                margin-top:1rem;
                margin-bottom:1.5rem;
                text-align: center;
                overflow: hidden;
                line-height: 1;
                }
                .skubutton {
                position: absolute;
                top:0;
                left:50%;
                translate:-50%;
                background: url("../images/parts/cart-btn.svg") center center no-repeat;
                width: 750px;
                height: 76px;
                text-align: center;
                border: none;
                cursor: pointer;
                text-indent: -9999px;
                -webkit-transition: all 0.5s ease;
                transition: all 0.5s ease;
                }
                .skubutton:hover {
                opacity:.5;
                }
                @media only screen and (max-width:767px) {
                .cart-btn { height: 60px; }
                .skubutton { background: url("../images/parts/cart-btn-sp.svg") center center no-repeat; height: 60px; }
                }

        /*=======    　お問い合わせボタン　　　=======*/

        .item-contact-btn {
                position:relative;
                width:100%;
                margin-bottom:1.5rem;
                line-height: 1;
                }
                .item-contact-btn a {
                display: inline-block;
                position: relative;
                width:100%;
                height:76px;
                line-height:76px;
                text-align: center;
                color:#FFF;
                font-weight:500;
                background: #5B6C7D;
                box-sizing: border-box;
                font-size:1rem;
                white-space: nowrap;
                text-decoration:none !important;
                z-index: 1;
                letter-spacing: 0em;
                -webkit-transition: all 0.5s ease;
                transition: all 0.5s ease;
                }
                .item-contact-btn a span {
                position: relative;
                display: inline-block;
                top:2px;
                width:1rem;
                height:1rem;
                margin-right:.5rem;
                background: url("../images/parts/icon-mail.svg") center center / cover;
                }
                .item-contact-btn a:after {
                position: absolute;
                content: "";
                width: 0;
                height:100%;
                bottom:0;
                right: 0;
                z-index: -1;
                border-radius:0;
                -webkit-transition: all 0.3s ease;
                transition: all 0.3s ease;
                background:rgb(255 255 255 / .3);
                }
                .item-contact-btn a:hover {
                opacity:1;
                }
                .item-contact-btn a:hover:after {
                left: 0;
                width: 100%;
                }
                @media only screen and (max-width:767px) {
                .item-contact-btn a { height:60px; line-height: 60px; }
                }

         /*=======    　SKU 1の場合　　　=======*/

        .sku-one-field {
                padding-bottom:1.5rem;
                }
                .field_price {
                margin-top:2rem;
                margin-bottom:.5rem;
                font-size:24px;
                font-weight:bold;
                }
                .tax {
                font-size:14px;
                font-weight:normal;
                }
                .tenji-memo {
                font-size: 13px;
                }
                .zaikostatus {
                font-size:13px;
                display: inline-block;
                background: #EAEAEA;
                color:#3C3C3B;
                padding:4px 1rem 5px;
                line-height: 1;
                }

                .item-sku-note {
                margin-bottom:.75rem;
                }

                .table.sku-table {
                margin-bottom:0;
                width:100%;
                }
                .sku-table th {
                width:30%;
                font-weight:500;
                vertical-align: middle;
                border: none;
                padding:0 0 10px;
                }
                .sku-table td {
                vertical-align: middle;
                border: none;
                padding:0 0 10px;
                }
                .sku-table td select,
                .sku-table td input {
                width:100%;
                padding:10px 8px;
                border:1px solid #999;
                border-radius:1px;
                box-sizing: border-box;
                }
                
                .zaiko-otoiawase {
                padding-top:1.5rem;
                border-top:1px solid rgb(0 0 0 / .5);
                }
                .zaikostatus-memo {
                }


         /*=======    　SKU 複数の場合　　　=======*/

        .sku-some-field {
                padding-top:2rem;
                padding-bottom:1.5rem;
                }
                .item-field-title {
                padding-top:1.5rem;
                border-top:1px solid rgb(0 0 0 / .5);
                font-size:1rem;
                font-weight:600;
                }
                .kakakukakunin { font-size:14px; }
                .some-sku-footer {
                margin-top:1.5rem;
                padding-top:1.5rem;
                border-top:1px solid rgb(0 0 0 / .5);
                }


         /*=======    　商品詳細下部の説明　　　=======*/

                .phone-text {
                background:#333;
                text-align: center;
                font-weight:300;
                color:#FFF;
                padding:2rem;
                line-height:150%;
                border-radius:10px;
                }
                .phone-text p {
                padding-bottom:.5rem;
                }
                .phone-text .phone-lage {
                font-size:1.4rem;
                font-weight:500;
                padding-bottom:0;
                }
                .phone-lage .condense {
                font-size:1.75rem;
                padding-right:.5rem;
                }
                .memo-box {
                border:5px solid #A8A8A8;
                padding: 2rem;
                font-weight:300;
                letter-spacing: 0;
                line-height:150%;
                border-radius:     10px;
                }
                .memo-box h3 {
                font-size:1.2rem;
                font-weight:bold;
                color:#333;
                margin-bottom:.75rem;
                }

        @media only screen and (max-width: 959px) {
        .skuname { font-size:18px; }
        }
        @media only screen and (max-width: 767px) {
        .skuname { font-size:16px; }
        .field_price { font-size:21px; }
        .tax {  font-size:11px; }
        .zaikostatus { font-size:12px; }
        }

/*==================================================================================================

       BLOG 一覧ページ

===================================================================================================*/

        .list-item-date {
        font-size:13px;
        text-align: left;
        padding:1rem 0 .6rem;
        line-height: 1;
        opacity:.7;
        }
        h3.list-item-title {
        position: relative;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 400;
        line-height: 160%;
        font-size: 1rem;
        }
        .list-item-title:after {
        position: absolute;
        bottom: 0px;
        left: 0;
        content: '';
        width: 100%;
        height: 1px;
        background:#3C3C3B;
        transform: scale(0, 1);
        transform-origin: right top;
        transition: transform .5s;
        }
        .list-item-box a:hover .list-item-title:after {
        transform-origin: left top;
        transform: scale(1, 1);
        }
        .blog-list-cat {
        position: relative;
        line-height: 100%;
        padding-top:.5rem;
        }
        .blog-list-cat a {
        display: inline-block;
        padding:6px 8px;
        line-height: 1;
        background: #3C3C3B;
        color:#FFF;
        margin-right:2px;
        margin-bottom:2px;
        font-size:12px;
        }
        
        @media screen and (max-width:1350px) {
        .list-item-date { padding:.75rem 0 .5rem;font-size:12px; }
        h3.list-item-title { font-size: 15px; }
        }
        @media screen and (max-width:1024px) {
        .list-item-date { padding:.7rem 0 .4rem;font-size:10px; }
        h3.list-item-title { font-size: 14px; }
        .blog-list-cat a { font-size:10px; padding:4px 6px; }
        }
        @media screen and (max-width:767px) {
        }

        /*=================================================
                一覧ページャー
        ==================================================*/

        .pagenation-wrap {
        position: relative;
        padding-top:5rem;
        padding-bottom:5rem;
        clear: both;
        width:100%;
        }
        .pagenation-wrap ul {
        position: relative;
        text-align: center;
        list-style: none;
        }
        .pagenation-wrap li {
        position: relative;
        margin-right: .3rem;
        margin-bottom: 5px;
        display:inline-block;
        }
        .pagenation-wrap li a {
        display: block;
        color: #3C3C3B;
        padding: 12px 0;
        font-size:1rem;
        font-weight:400;
        line-height:1;
        text-align: center;
        width:40px;
        box-sizing: border-box;
        border-radius:1px;
        background: #FFF;
        border: 1px solid #3C3C3B;
        }
        .pagenation-wrap li a:hover {
        background-color:#EAEAE7;
        border: 1px solid #3C3C3B;
        }
        .pagenation-wrap li .current {
        display: block;
        color: #FFF;
        padding: 12px 0;
        font-size:1rem;
        line-height:1;
        text-align: center;
        width:40px;
        background:#3C3C3B;
        border: 1px solid #3C3C3B;
        text-decoration: none;
        border-radius:1px;
        }
        @media screen and (max-width:767px) {
        .pagenation-wrap { padding-top:2rem;}
        }

/*==================================================================================================

       投稿　Post

===================================================================================================*/

        .post-item-wrap {
        border:1px solid rgb(0 0 0 / .5);
        padding:8rem 4rem;
        box-sizing: border-box;
        }
        .post-item-inner {
        width:100%;
        max-width:900px;
        margin-inline:auto;
        }
        @media screen and (max-width:1800px) {
        .post-item-wrap { padding:7.125vw 4rem; }
        }
        @media screen and (max-width:1024px) {
        .post-item-wrap { padding:7.125vw 3.5rem; }
        }
        @media screen and (max-width:767px) {
        .post-item-wrap { padding:7.125vw 2rem; }
        }


        .post-title {
        line-height: 160%;
        padding: 1em 0 .5rem;
        border-bottom:3px solid #3C3C3B;
        font-size:1.4rem;
        }
        .post-cat {
        text-align: right;
        }
        .post-date { font-size:.866666rem; padding:.5rem 0 2.5rem; text-align: right; }


        .post-content {
            position: relative;
            padding-bottom: 3rem;
            text-align: center;
            }
            .post-content p { padding-bottom:1.75rem; text-align: left; }
            .post-content img { margin-bottom:1.75rem; }
            .post-content p img { margin-bottom:1.75rem; }
            .post-content p:has(img) {text-align: center; }
            .post-content p span { display: block; }

            .post-content h2 { padding:3rem 0 .5rem; margin:0 auto 1.5rem; font-size:1.25rem; line-height: 160%; font-weight:500; text-align: left; border-bottom:1px solid #3C3C3B; }
            .post-content h3 { padding:3rem 0 .5rem; margin:0 auto 1.5rem; font-size:1.125rem; line-height: 160%; font-weight:500; text-align: left; border-bottom:1px solid #3C3C3B; }
            .post-content h4 { padding:3rem 0 1.25rem; margin:0 auto; font-size:1.075rem; line-height: 160%; font-weight:500; text-align: left; }
            .post-content h5 { padding:3rem 0 1.25rem; margin:0 auto; font-size:1.075rem; line-height: 160%; font-weight:500; text-align: left; }
            .post-content a { font-weight:600; color:#184383; text-decoration: underline; }
            .post-content a:hover { color:#AAA;}
            .post-content p.more { padding-bottom:10px; }
            .post-content blockquote { padding: 2.5rem; border: 4px solid #CCC; background-color: #f7f7f7; line-height: 220%; margin-bottom:3rem; }
            .post-content blockquote p { padding-bottom:0; font-weight:400; }


        .post-footer {
        padding-top:2rem;
        padding-bottom:1rem;
        border-bottom:3px solid #3C3C3B;
        }

        @media screen and (max-width:1024px) {
        .post-content blockquote { padding: 2rem; border: 3px solid #CCC; line-height: 220%; }
        }
        @media screen and (max-width:767px) {
        .post-memo-wrap { padding:1.25rem 1.5rem; }
        .post-content blockquote { padding: 1.5rem; border: 2px solid #CCC; line-height: 200%; }
        }

        /*=================================================
                投稿　ページャー
        ==================================================*/

        .post-pager {
        padding:2em 0 1.5em;
        }
        .prev-pager,
        .next-pager {
        height:100%;
        line-height:135%;
        position: relative;
        }
        .prev-pager { float:left;}
        .next-pager { float:right; }
        .prev-pager a {
        display: block;
        width:120px;
        height:50px;
        line-height: 48px;
        box-sizing:border-box;
        color:#292A2B;
        text-align: center;
        border:1px solid #292A2B;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        }
        .prev-pager a:after {
        position: absolute;
        content: "";
        width: 0;
        height:100%;
        bottom:0;
        right: 0;
        z-index: -1;
        border-radius:0;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background:#3C3C3B;
        }
        .prev-pager a:hover {
        opacity:1;
        color:#FFF;
        }
        .prev-pager a:hover:after {
        left: 0;
        width: 100%;
        }

        .next-pager a {
        display: block;
        width:120px;
        height:50px;
        line-height: 48px;
        box-sizing:border-box;
        border:1px solid #292A2B;
        color:#292A2B;
        text-align: center;
        -webkit-transition: all 0.3s ease;
         transition: all 0.3s ease;
        }
        .next-pager a:after {
        position: absolute;
        content: "";
        width: 0;
        height:100%;
        bottom:0;
        right: 0;
        z-index: -1;
        border-radius:0;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background:#3C3C3B;
        }
        .next-pager a:hover {
        opacity:1;
        color:#FFF;
        }
        .next-pager a:hover:after {
        left: 0;
        width: 100%;
        }


        @media screen and (max-width:767px) {
        .prev-pager a { width:100px; height:46px; line-height: 44px; }
        .next-pager a { width:100px; height:46px; line-height: 44px; }
        }

/*==================================================================================================

       カテゴリー・アーカイブ　サイドバー

===================================================================================================*/

        .cat-btn {
        position:relative;
        width:100%;
        max-width:300px;
        line-height: 1;
        }
        .cat-btn a {
        width:100%;
        height:46px;
        line-height:48px;
        text-align: center;
        color:#FFF;
        font-weight:400;
        background: #3C3C3B;
        border-radius:0px;
        box-sizing: border-box;
        overflow: hidden;
        font-size:15px;
        white-space: nowrap;
        text-decoration:none !important;
        position: relative;
        z-index: 1;
        letter-spacing: 0em;
        display: inline-block;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        }
        .cat-btn a:after {
        position: absolute;
        content: "";
        width: 0;
        height:100%;
        bottom:0;
        right: 0;
        z-index: -1;
        border-radius:0;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background:rgb(255 255 255 / .3);
        }
        .cat-btn a:hover {
        opacity:1;
        }
        .cat-btn a:hover:after {
        left: 0;
        width: 100%;
        }
        @media screen and (max-width:1024px) {
        .cat-btn a { font-size:14px; }
        }
        @media screen and (max-width:767px) {
        .cat-btn a { height:42px; line-height:43px; font-size:13px; }
        }

.cat-overlay,.archive-overlay {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background:rgb(255 255 255 / .95);
        position:fixed;
        top: 0;
        left: 0;
        z-index: -10;
        opacity: 0;
        }
        .cat-overlay.open,.archive-overlay.open  {
        width: 100%;
        height: 100%;
        opacity: 1;
        z-index: 10001;
        cursor: pointer;
        }
        .cat-trigger,.archive-trigger {
        z-index:10100;
            }
        .cat-modal,.archive-modal {
        width: 250px;
        height: 100%;
        padding-top: 60px;
        background:#000;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 100002;
        transform: translate(250px);
        transition: all .4s;
        overflow-y: scroll;
        }
        .cat-modal.open,.archive-modal.open {
        transform: translateZ(0);
        }
.cat-outer {
        padding:0 12px 120px;
        color:#FFF;
        }
        .cat-outer.desktop {
        padding:0 0 3rem;
        }
        .cat-outer h2 {
        font-size:1.06666rem;
        padding-bottom:1rem;
        }
        .cat-outer > ul {
        border-top: 1px solid rgb(255 255 255 / .3);
        }
        .cat-outer li {
        width:100%;
        position:relative;
        text-align: center;
        }
        
        .cat-outer li a {
        position: relative;
        display: block;
        width:100%;
        padding:13px 10px;
        font-size:13px;
        color:#FFF;
        text-align: left;
        line-height: 150%;
        box-sizing: border-box;
        border-bottom: 1px solid rgb(255 255 255 / .3);
        letter-spacing: 0.01em;
        -webkit-transition: all 0.3s ease;
                transition: all 0.3s ease;
        }
        .cat-outer li li a {
        padding-left:13px;
        }
        .cat-outer li li a:before {
        content:"-";
        display: inline-block;
        margin-right:.5em;
        color:#FFF;
        }
        .cat-outer li li li a:before {
        content:"- -";
        display: inline-block;
        margin-right:.5em;
        color:#FFF;
        }
        .cat-outer li a:hover {
        background:rgb(221 208 185 / .3);
        color:#FFF;
        }
        .cat-outer li a:hover span:after {
        width:100%;
        }
.cat-close,.archive-close {
        position:absolute;
        right:0;
        top:0;
        padding:0;
        width:100%;
        height:60px;
        text-align: center;
        font-size: 0px;
        letter-spacing: 0;
        box-sizing: border-box;
        pointer-events: auto;
        cursor:pointer;
        z-index:999999;
        }
        .cat-close span,.archive-close span { display: block; position: absolute; height: 1px; width:25px; background: #FFF; border-radius:2px; left: 0; -webkit-transition: .35s ease-in-out;transition: .35s ease-in-out; }
        .cat-close span:nth-child(1),.archive-close span:nth-child(1) { top: 30px; left:20px; transform: rotate(315deg);}
        .cat-close span:nth-child(2),.archive-close span:nth-child(2) { top: 30px; left:20px; transform: rotate(-315deg);}

/*==================================================================================================

       VOICE

===================================================================================================*/

        .voice-staff-box {
        background: #292A2B;
        color:#FFF;
        padding:2rem;
        box-sizing: border-box;
        text-align: left;
        }
        .post-content h3.voice-staff-title {
        font-size:1.125rem;
        padding-top:0;
        padding-bottom:.35rem;
        border-bottom:1px solid #FFF;
        margin-bottom:1rem;
        }
        .post-content .voice-staff-box p { padding-bottom:0; }

/*==================================================================================================

       ハグみの声

===================================================================================================*/

.hagumi-staff-table {
        width:100%;
        vertical-align: middle;
        }
        .hagumi-staff-table th {
        vertical-align: middle;
        }
        .hagumi-staff-table h2 {
        margin-bottom:0 !important;
        padding:.5rem 0;
        border-top: 1px solid #3C3C3B;
        }
        .hagumi-staff-table td {
        width:100px;
        vertical-align: middle;
        padding-left:20px;
        }
        .hagumi-staff-table td img {
        max-width:100px;
        height:auto;
        padding-bottom:0;
        margin-bottom: 0 !important;
        }
        .hagumi-table {
        width:100%;
        }
        .hagumi-table th {
        width:120px;
        padding-right:20px;
        vertical-align: middle;
        }
        .hagumi-table td {
        vertical-align: middle;
        }
        .hagumi-table h3 {
        padding:.5rem 0;
        border-top: 1px solid #3C3C3B;
        }
        .hagumi-products img {
        max-width:120px;
        height:auto;
        margin-bottom: 0 !important;
        }

        @media only screen and (max-width: 767px) {
        .hagumi-staff { float:none; text-align: center; }
        .hagumi-staff-table h2 { font-size:16px; letter-spacing: 0; }
        .hagumi-table th { vertical-align: top; }
        .hagumi-products img { max-width:100px; }
        }

/*==================================================================================================

        INFORMATION

===================================================================================================*/

        .map-link {
        border:1px solid #292A2B;
        box-sizing: border-box;
        padding:0 1rem;
        }

        @media screen and (max-width:767px) {
        .staff-name { font-size:13px; }
        }


/*==================================================================================================

       お問い合わせ

===================================================================================================*/

        .kome {
        color:#ff0000;
        font-size:12px;
        font-weight: bold;
        }

.form-table {
        width:100%;
        line-height: 200%;
        box-sizing:border-box;
        border-collapse: collapse;
        border-spacing: 0;
        }
        .form-table tr {
        border-bottom:1px dotted rgb(0 0 0 / .3);
        }
        .form-table tr:last-child { border-bottom: none; }
        .form-table th {
        vertical-align: top;
        text-align: left;
        padding:15px 0;
        font-weight:400;
        width:10em;
        }
        .form-table td {
        text-align: left;
        vertical-align: top;
        padding:13px 0;
        }
        .form-table input {
        width:100%;
        background:#EFEFEF;
        border:1px solid #CCC;
        padding:0.85em 2.5%;
        box-sizing: border-box;
        border-radius:2px;
        }
        .form-table input.wpcf7-file {
        background:none;
        border:none;
        padding:0;
        }
        .form-table .wpcf7-list-item {
        padding-right:2em;
        }
        .form-table textarea {
        width:100%;
        background:#EFEFEF;
        border:1px solid #CCC;
        padding:0.85em 2.5%;
        box-sizing:border-box;
        border-radius:2px;
        }
        .form-table td.radio input {
        background:#FFF;
        border:none;
        }
        .form-table td.radio {
        padding: 19px 15px 15px;
        }
        .form-table .wpcf7-list-item {
        padding-right:2em;
        }
        .form-table td.radio input {
        width:auto;
        margin-top: 6px;
        margin-right:.5rem;
        vertical-align: text-top;
        box-shadow: none;
        }
        .form-table .file-data input {
        background:none;
        box-shadow: none;
        border:none;
        }
        .form-table .date-td input {
        width:18%;
        }
        .form_btn {
        text-align:center;
        margin:30px auto;
        width:100%;
        }
        html>/**/body #submit_button {
        cursor: pointer;
        display: block;
        color:#FFF;
        width: 100%;
        height: 60px;
        font-size:1rem;
        border: none;
        border-radius: 2px;
        background-color: #2D3033;
        -webkit-transition  : all .3s ease;
            -moz-transition : all .3s ease;
            -ms-transition  : all .3s ease;
                transition  : all .3s ease;
        }
        html>/**/body #submit_button:hover {
        background-color: #666;
        }
    @media only screen and (max-width: 767px) {
    .form-table    { border-top:none; }
    .form-table tr { border-bottom:none; }
    .form-table th { width:100% !important; display: block !important; padding:.25em 0; box-sizing: border-box; border-right:none;}
    .form-table td { width:100% !important; display: block !important; padding:.25em 0 1.25em; box-sizing: border-box;}
    .form-table input { width:100%; }
    .form-table input.wpcf7-file { background:none; }
    .form-table textarea { width:100%; }
    .radio-input input { width:auto; margin:inherit; }
	}


/*==================================================================================================

       recaptcha

===================================================================================================*/

    .grecaptcha-badge {
    display: none !important;
    }