#hpb-template-04-15-02 {
 background-color: #FFFFFF;
}


.shop_bnr {
 margin: 30px 0px;
}

.banner-link {
    display: inline-block;       /* サイズ調整のため */
    position: relative;          /* オーバーレイ用に相対位置 */
}

.banner-link img {
    display: block;
    width: 570px;                /* 必要に応じて調整 */
    height: 136px;
}

/* ホバー用オーバーレイ */
.banner-link::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0);  /* 初期は透明 */
    transition: background-color 0.3s;      /* フェード効果 */
}

.banner-link:hover::after {
    background-color: rgba(255,255,255,0.4); /* ホバー時に白40％ */
}

#hpb-title h2{
    color: #FFFFFF;
}