:root{

    /* ブランドカラー */
    --green:#7DB53A;
    --green-dark:#6FA532;
    --green-light:#EAF6D9;
    --green-text:#5E8F2E;

    /* ベースカラー */
    --white:#FFFFFF;
    --bg:#FAFAF8;

    --gray:#F5F5F5;
    --gray-border:#E5E5E5;
    --gray-text:#888888;

    --text:#333333;

    /* 共通 */
    --radius:10px;
    --shadow:0 4px 12px rgba(140,198,63,.25);

}

/*==================================
共通設定
==================================*/

body{

    font-family:
    "Noto Sans JP",
    "Hiragino Sans",
    "Yu Gothic",
    Meiryo,
    sans-serif;

    color:#333;

    line-height:1.8;

}

.must {
    display: inline-block;
    margin-left: 8px;
    color: #c0392b;
    font-size: 0.8em;
    font-weight: 600;
}

.section-title{

    position:relative;

    margin:0 0 20px;

    padding-bottom:12px;

    font-size:26px;

    font-weight:700;

    color:#222;

}

.section-title::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:1px;

    background:#DDDDDD;

}

.section-title::before{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:70px;

    height:3px;

    background:#8CC63F;

    z-index:1;

}

/*=========================================
 ボタン
=========================================*/

.detail-btn,
.menu-back a{

display:inline-flex;

align-items:center;

justify-content:center;

min-width:180px;

height:48px;

padding:0 28px;

border-radius:30px;

background:var(--green);

color:#fff!important;

font-weight:700;

letter-spacing:.05em;

text-decoration:none;

transition:.3s;

box-shadow:0 4px 12px rgba(140,198,63,.25);

font-family:inherit;

/* 追加（ズレ対策・整列用） */

line-height:1;

font-size:14px;

letter-spacing:.02em;

box-sizing:border-box;

vertical-align:middle;

}

.detail-btn:hover,
.menu-back a:hover{

background:#6fa532; /* 少し濃く */

transform:translateY(-2px);

box-shadow:0 8px 20px rgba(140,198,63,.35);

}

/*=========================================
 ページネーション
=========================================*/

.navigation.pagination{

    margin:60px 0;

    text-align:center;

}

.page-numbers{

    display:inline-block;

    padding:10px 15px;

    margin:0 3px;

    border:1px solid #ddd;

    border-radius:8px;

    text-decoration:none;

}

.page-numbers.current{

    background:#8CC63F;

    color:#fff;

    border-color:#8CC63F;

}

/*------------------
原材料
------------------*/

.menu-materials{

    margin:35px 0 40px;

}

.menu-materials h2{

    margin:0 0 16px;

    padding-bottom:10px;

    font-size:22px;

    color:#333;

    border-bottom:2px solid #8CC63F;

}

.menu-materials .menu-box{

    padding:0;

    background:none;

    border:none;

    line-height:2;

    font-size:16px;

    color:#444;

}

.menu-materials{

    margin:35px 0 40px;

    padding-bottom:35px;

    border-bottom:1px solid #E3E3E3;

}

.site-footer-copyright p:nth-of-type(2){

    display:none;

}

/*==================================
トップスライダー
==================================*/

.home .vk_slider,
.home .vk_slider_item {
    height: 420px;
}

.home .vk_slider_item img {
    width: 100%;
    height: 420px;
    object-fit: cover;
}