
.box-info_kawana {font-size:1.4rem;}
.box-info_kawana ul{display:flex;margin-bottom:7px;letter-spacing:1.5px;line-height:170%;}
.box-info_kawana li{ width:100%;}
.box-info_kawana li a{display:block; background:#e0c800; color:#000; padding:0.3em 1em 0.5em; text-decoration:none; }
.box-info_kawana li a:hover{ background:#867800; color:#fff; }
.box-info_kawana .day{width:120px;}


@media screen and (min-width:651px){
	.box-info_kawana{display:flex;justify-content:space-between;align-items:center;}
	.box-info_kawana dt{width:30%;border-right:5px #DDD solid;}
	.box-info_kawana dd{width:67%;}
	.box-info_kawana h2{text-align:center;}
	
}

@media screen and (max-width:650px){
	.box-info_kawana dt{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;}
	.box-info_kawana dd{border-top:3px #EEE solid;padding-top:10px;}
	.box-info_kawana h2 font{display:inline;margin-left:10px;}
	.box-info_kawana li{font-size:90%;margin-bottom:5px;}
	
}

/* headerを、子要素を配置する基準点にします */
header {
    position: relative;
}

/* ★★★原因の修正と重なり順の指定★★★ */
.swiper-wrap {
    overflow: visible !important; /* 原因を強制的に解除 */
    position: relative;
    z-index: 1; /* バナーより奥のレイヤーに設定 */
}

/* バナーを絶対位置で浮かせ、手前のレイヤーに配置します */
.header-banner {
    display: block;
    position: absolute;
    top: 90px; /* メニューバーの高さに合わせて調整 */
    left: 0;
    width: 100%;
    z-index: 10; /* スライダーより手前のレイヤーに設定 */
}

.header-banner img {
    width: 100%;
    height: auto;
    display: block;
}

/* headerを基準点にします */
header {
    position: relative !important;
}

/* ★★★ 原因となっているスタイルを、より強力な指定で上書きします ★★★ */
header .swiper-wrap {
    position: relative !important;
    z-index: 0 ;
    overflow: visible !important;
}

/* バナーのスタイルも、他のCSSに負けないように指定を強化します */
header .header-banner {
    display: block !important;
    position: absolute !important;
    top: 90px; /* メニューバーの高さに合わせて調整してください */
    left: 0;
    width: 70%;
    z-index: 0.5 ;
}

header .header-banner img {
    display: block ;
    width: 30% ;
    height: auto;
}

@media screen and (max-width:650px){
header .header-banner img {
    display: block ;
    width: 50% ;
    height: auto;
}
	
}