#midashi{
        margin-top:50px;
    }
    .main{
        margin-top:0;
        margin-bottom:40px;
    }
    .publish_date{
        font-size: 1.4rem;
        letter-spacing: .1rem;
        font-family: "Cormorant Garamond", serif;
        font-weight:bold;
        color: #B58C2A;
        text-align: left;
        white-space: nowrap;
    }
    .blog_head_image.hide {
        display: block !important; /* 強制的に表示 */
    }
    .blog_head_image img[src*="no_image_icon_small.png"] {
        content: url("https://basefile.akamaized.net/bonheurhoney-base-shop/68b7c81f538a8/manuka_no-image.png");
    }
    /* 画像ボックス：PC/タブレット（幅768px以上）は高さ450pxで固定 */
    .blog_head_image{
        position: relative;
        width: 100%;
        height: 450px;        /* 固定高さ */
        overflow: hidden;     /* はみ出しを隠す（cover用） */
    }

    .blog_head_image > a{
        display: block;
        width: 100%;
        height: 100%;
    }

.blog_head_image img{
    display: block;
    width: 100%;
    height: 100%;         /* ラッパの高さに合わせる */
    object-fit: cover;    /* アスペクト比を保ったまま枠いっぱいに表示 */
    object-position: center; /* 中央トリミング */
}
.read_more a {
    display:block;
    width:60%;
    max-witdh:480px;
    padding: 13px 25px;
    font-size:18px;
    font-weight:400!important;
    color: #fff !important;
    background-color: #B58C2A;
    border-radius: 0;
    text-align: center;
    margin:0 auto;
}
.blog_inner {
    padding-bottom: 40px !important;
}
.blog_body .text{
    margin-bottom:20px;
}
.main #about>.blog_inner .blog_contents{
    height:auto;
    overflow: visible !important;
}
.main #about > .blog_inner .blog_contents .read_more {
    all: unset !important;   /* 全プロパティをリセット */
    display: block;          /* 必要なら再指定（デフォルトは inline） */
}
/* スマホ（767px以下）は高さ200pxに */
@media (max-width: 767px){
    .blogListMain .blog_title h2{
        font-size:20px;
        line-height:1.2;
    }
    .blog_head_image{
        height: 250px;
    }
}
/* 非表示にするための共通クラス */
.blog-more-hide { display: none !important; }

/* ボタン */
.blog-more-wrap { text-align:center; margin-top:8rem; margin-bottom:8rem;}
#blogMoreBtn{
    background:#fff;
    border:none;
    cursor:pointer;
    font-size:18px;
    font-weight:bold;
    color:#B58C2A;
    position:relative;
    padding:1rem .5rem;
    display:inline-block;          /* 必要 */
}

/* 下線（初期は非表示） */
#blogMoreBtn::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:.25rem;                 /* 文字下の余白に調整 */
    height:1px;
    background: currentColor;      /* ボタン色と同じ */
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .25s ease;
}

/* hoverでにゅっと表示 */
#blogMoreBtn:hover::after{
    transform: scaleX(1);
}
.blogDetail .blog_contents{
    background-color:#ECF3F7;
}

.blogDetail .blog_title{color:#000;padding:1rem 4rem 0;}
.blogDetail .blog_contents h2 {margin-top: 20px;}
.blogDetail .blog_contents h2 a {color:#000;font-size: 30px;}
.blogDetail .blog_publish{padding:0 4rem;}
.blogDetail .publish_date{font-weight:bold;padding-bottom:2rem;border-bottom:0.5px solid #000;}
.blogDetail .blog_body{color:#000;padding:1rem 4rem;}
.back-wrap{
    background-color:#fff;
    width:100%;
    margin:3rem auto 0;
    padding:8rem 0 0;
}
.back-btn {
    display: block!important;
    width:60%;
    max-witdh:400px;
    padding: 18px;
    background: #B58C2A;
    color: #fff;
    text-decoration: none;
    border: 2px solid #B58C2A;
    font-size: 1.6rem;
    text-align:center;
    margin: 0 auto;
}
.back-btn:hover {
    background-color: #fff; /* ホバー時の背景色 */
    color: #B58C2A; /* ホバー時のテキスト色 */
    font-weight:bold;
}
@media (max-width: 767px){
    .back-wrap{
    padding-bottom:4rem;
}
    .blogDetail .blog_title{padding:1rem 1.5rem 0;}
    .blogDetail .blog_publish{padding:0 1.5rem;}
    .blogDetail .blog_body{padding:1rem 1.5rem;}
.blog_contents h2 a {font-size: 20px !important;line-height:1.2!important;}
}