/* Alpine.jsの初期描画時のチラつき防止（全てのデザインに入れる事）*/
[x-cloak] { display: none !important; }

/* スマホナビ固定用の余白（md: 768px 未満に対応） */
@media (max-width: 767px) {
    body { 
        padding-bottom: 60px; 
    }
}

/* Filamentのリッチエディタで登録した文章対応 */
.rich-text p[style*="text-align: center"],
.rich-text p[style*="text-align:center"] {
    text-align: center !important;
}
.rich-text p[style*="text-align: center"] img,
.rich-text p[style*="text-align:center"] img {
    display: inline-block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
/* 本文内の画像の一般的な崩れ防止（大きすぎる画像の画面はみ出し防止など） */
.rich-text img {
    max-width: 100%;
    height: auto;
    border-radius: 0.5rem;
}