/* けいふぉんと(商用可・かな以外は源ノ角ゴシック由来) */
@font-face{font-family:'KeiFont';src:url(../fonts/keifont.woff2) format('woff2');font-display:swap}
/* ラビサル メインビジュアル（背景テンプレ画像+HTML日程） */
.rabisal-mv-slider{position:relative;width:100%;max-width:1101px;margin:0 auto;aspect-ratio:1101/987;overflow:hidden}
.rabisal-mv-slide{position:absolute;inset:0;opacity:0;transition:opacity 2s ease}
.rabisal-mv-slide.is-active{opacity:1}
.rabisal-mv{container-type:inline-size;position:relative;width:100%;aspect-ratio:1101/987;background-size:cover;background-position:center;font-family:'KeiFont',"Hiragino Kaku Gothic StdN","Hiragino Sans","Yu Gothic",YuGothic,Meiryo,sans-serif;font-weight:400}
/* 告知スライド（任意画像）: 枠いっぱいに表示。縦横比が違う画像は余白なしでトリミング */
.rabisal-mv.rabisal-mv-image{background:#000}
.rabisal-mv.rabisal-mv-image img{width:100%;height:100%;object-fit:cover;display:block;margin:0}
.rabisal-mv .mv-month{position:absolute;left:11.4cqw;top:19.5cqw;font-size:7cqw;line-height:1;-webkit-text-stroke:0.14cqw currentColor;letter-spacing:.02em;text-shadow:-0.25cqw -0.25cqw 0 #fff,0.25cqw -0.25cqw 0 #fff,-0.25cqw 0.25cqw 0 #fff,0.25cqw 0.25cqw 0 #fff,0 -0.3cqw 0 #fff,0 0.3cqw 0 #fff,-0.3cqw 0 0 #fff,0.3cqw 0 0 #fff}
.rabisal-mv .mv-month span{font-size:.68em}
.rabisal-mv .mv-lines{position:absolute;left:19.8cqw;top:28cqw;margin:0;padding:0;list-style:none}
.rabisal-mv .mv-lines li{font-size:4.95cqw;line-height:1.66;color:#fff;white-space:nowrap;letter-spacing:.01em}
.rabisal-mv .mv-lines .mv-n{margin-right:.1em}
.rabisal-mv .mv-lines .mv-d{display:inline-block;min-width:1.35em;text-align:right}
.rabisal-mv .mv-lines .mv-w{font-size:.72em}
.rabisal-mv .mv-lines .mv-venue{font-size:.9em}

/* 土日の曜日色（フチは黒のまま） */
.rabisal-mv .mv-lines .mv-w-sun{color:#ff6b9a}
.rabisal-mv .mv-lines .mv-w-sat{color:#57c9f2}

/* 時刻の分・コロンを小さく（元画像準拠） */
.rabisal-mv .mv-lines .mv-min{font-size:.68em}
/* 行数に応じて行間を自動調整し枠内に収める */
.rabisal-mv .mv-lines-5 li{font-size:4.7cqw;line-height:1.42}
.rabisal-mv .mv-lines-6 li{line-height:1.24}
.rabisal-mv .mv-lines-7 li{line-height:1.07}
.rabisal-mv .mv-lines-8 li{line-height:0.94}

/* 2層構成: 装飾オーバーレイと重なり順 */
.rabisal-mv .mv-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.rabisal-mv .mv-month{z-index:2}
.rabisal-mv .mv-lines{z-index:2}

/* 管理画面CSSのli margin(6px)を打ち消し（プレビュー/書き出しの行間をフロントと一致させる） */
.rabisal-mv .mv-lines li{margin:0!important;padding:0!important}

/* 手動切替ボタン（旧MetaSlider風・左下と右下） */
.rabisal-mv-slider{container-type:inline-size}
.rabisal-mv-slider .mv-nav{position:absolute;bottom:2cqw;z-index:3;width:5cqw;height:5cqw;min-width:34px;min-height:34px;border:none;border-radius:0.6cqw;background:rgba(0,0,0,.55);color:#fff;font-size:3.2cqw;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.rabisal-mv-slider .mv-prev{left:2cqw}
.rabisal-mv-slider .mv-next{right:2cqw}
.rabisal-mv-slider .mv-nav:hover{background:rgba(0,0,0,.8)}

/* 開催が少ない月は日程ブロックをパネル縦中央へ */
.rabisal-mv .mv-lines.mv-lines-1{top:41.5cqw}
.rabisal-mv .mv-lines.mv-lines-2{top:37.5cqw}