@charset "utf-8";

/* =========================================================
   base.css
   ぐり茶の杉山 最終調整版
   - megamenu：Noto Sans維持
   - 本文：Zen Kaku Gothic New
   - 可読性・高級感・スマホ視認性を改善
========================================================= */


/* =========================================================
   メガメニュー
========================================================= */

.megamenu-list>li>.b-megamenu_navigation {
    color:#ffffff;
    font-family:'Noto Sans', sans-serif;
    vertical-align:middle;
}

.megamenu-list>li>.b-megamenu_navigation .c-megamenu-icon_allow {
    color:#ffffff;
}

.megamenu-list>li>.b-megamenu_navigation.-active {
    color:#000000;
    background-color:#ffffff;
}

.megamenu-list .b-megamenu_contents {
    background-color:#ffffff;
    color:#43372f;
    text-align:left;
    float:none;
    line-height:2;
    background-image:linear-gradient(180deg,#ffffff 0%,#f6f3f0 100%);
    transform:scaleX(1);
    vertical-align:top;
    font-family:'Noto Sans', sans-serif;
    border-right:solid 2px rgba(63,55,50,0.81);
    border-bottom:solid 2px rgba(63,55,50,0.81);
    border-left:solid 2px rgba(63,55,50,0.81);
}

.megamenu-list .b-megamenu_contents .c-body,
.megamenu-list .b-megamenu_contents .c-lead {
    font-family:'Noto Sans', sans-serif;
}

.megamenu-list>li>.b-megamenu_navigation.-active .c-megamenu-icon_allow {
    color:#5b5656;
}

.megamenu-list>li>.b-megamenu_navigation a:hover {
    background-color:#ffffff;
    color:#3f3732;
}

.megamenu-list>li>.b-megamenu_navigation a {
    color:#ffffff;
}

.b-megamenu_contents::before {
    border-width:0px;
    border-style:solid;
}


/* =========================================================
   全体・本文
========================================================= */

body,
.a-main,
.c-body,
.c-enclosure,
.c-img_comment,
.c-body a {
    font-family:"Zen Kaku Gothic New", sans-serif;
    color:#3f3732;
    font-weight:400;
}

.a-main {
    color:#3f3732;
}

.c-body {
    padding:5px;
    color:#0e0e0e;
    line-height:1.85;
    letter-spacing:0.025em;
}

.c-body p {
    margin-bottom:1.2em;
}

.c-body .column {
    line-height:1.85;
}

.c-body a:hover {
    text-decoration:underline;
}

a {
    color:#3f3732;
}


/* =========================================================
   見出し
========================================================= */

.c-title,
.c-page_title,
.c-small_headline,
.c-large_headline,
.c-lead {
    font-family:"Zen Kaku Gothic New", sans-serif;
    color:#3f3732;
    letter-spacing:0.04em;
}

.c-page_title {
    font-weight:700;
    line-height:1.45;
}

.c-title,
.c-large_headline {
    font-weight:600;
    line-height:1.45;
}

.c-small_headline {
    font-weight:500;
    margin-top:1.6em;
    margin-bottom:0.8em;
}

/* リード文：最終調整 */
.c-lead {
    font-weight:500;
    border-bottom:dotted 1px #43372f;
    width:100%;
    line-height:1.42;
    margin-top:1.1em;
    margin-bottom:0.20em;
}


/* =========================================================
   ヘッダー
========================================================= */

.a-header {
    box-shadow:0 5px 10px 0px rgba(0,0,0,0.72);
    text-align:left;
    background-color:#f6f3f0;
}

.w-top.w-left .b-plain {
    color:#ffffff;
    background-color:rgba(0,0,0,0);
}

.w-top.w-left a {
    color:#ffffff;
    font-family:"Iroha 25icho";
}

.a-header .c-list-sign,
.c-breadcrumb {
    font-family:'Noto Sans', sans-serif;
}

.c-breadcrumb {
    font-size:13px;
}

.a-ghost_header {
    box-shadow:0 5px 10px 0 rgba(0,0,0,0.72);
    margin-top:0px;
}


/* =========================================================
   アコーディオン・タブ
========================================================= */

.b-accordion .column {
    background:#ffffff;
    background-color:#f6f3f0;
}

.b-accordion .b-accordion_navigation {
    background-color:#847468;
}

.b-accordion .b-accordion_navigation a {
    background-color:rgba(132,116,104,0.8);
    color:#ffffff;
    padding:6px;
    font-family:"Zen Kaku Gothic New", sans-serif;
    font-size:18px;
    font-weight:500;
}

.b-tab_navigation .-active {
    background-color:#847468;
}


/* =========================================================
   レイアウト
========================================================= */

.c-img {
    text-align:center;
}

.c-img_comment {
    font-size:13px;
    line-height:1.7;
    color:rgba(63,55,50,0.68);
}

.c-list_news {
    background-color:#ffffff;
}

.a-side-a {
    font-family:"Zen Kaku Gothic New", sans-serif;
    padding-left:10px;
    line-height:1.75;
}

.c-enclosure {
    line-height:1.75;
}


/* =========================================================
   ナビ下線
========================================================= */

.m-motion.-j {
    height:auto;
    vertical-align:middle;
    padding-bottom:5px;
}

.m-motion.-j .lavalamp-object {
    border-top:solid 3px #81bf00;
}

.m-motion.-j li {
    font-size:1.2em;
    font-weight:bolder;
    color:#3f3732;
}


/* =========================================================
   スマホ調整
========================================================= */

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

    .c-body {
        font-size:15px;
        line-height:1.8;
        letter-spacing:0.02em;
    }

    .c-body p {
        margin-bottom:1.15em;
    }

    .c-body .column {
        line-height:1.8;
    }

    .a-main {
        background-color:#ffffff;
    }

    .megamenu-list>li>.b-megamenu_navigation {
        text-align:left;
    }

    .c-breadcrumb {
        font-size:12px;
    }

    .c-title {
        font-size:24px;
        line-height:1.45;
    }

    .c-page_title {
        font-size:24px;
        line-height:1.45;
        letter-spacing:0.035em;
    }

    .c-large_headline {
        font-size:21px;
        line-height:1.5;
        letter-spacing:0.035em;
    }

    .c-small_headline {
        margin-top:1.4em;
        margin-bottom:0.7em;
    }

    .c-lead {
        font-size:17px;
        line-height:1.45;
        margin-top:1em;
        margin-bottom:0.22em;
    }

    .c-img_comment {
        font-size:12.5px;
        line-height:1.65;
    }
}


/* =========================================================
   タブレット・スマホメニュー
========================================================= */

@media print,screen and (max-width:768px) {

    #js-globalMegaMenu .megamenu-list>li>.b-megamenu_navigation {
        color:#3f3732;
        border-bottom-style:solid;
        border-bottom-width:1px;
        margin-left:10px;
        margin-right:10px;
        margin-top:5px;
        margin-bottom:5px;
    }

    #spNavigationTrigger {
        border-radius:30px;
        border-width:0px;
        opacity:0.8;
    }

    #js-globalMegaMenu .megamenu-list .b-megamenu_contents .c-lead {
        border-bottom:dotted 1px #847468;
    }
}

/* final revised version */