/**
 * 404エラー対応 - 不足画像の一時的な無効化
 * Phase 2 - Image Issue Fix
 */

/* Lightbox画像を使用しない（CSSでの読み込みを防止） */
.lb-nav a.lb-prev,
.lb-nav a.lb-next,
.lb-data .lb-close {
    background-image: none !important;
    text-indent: 0 !important;
    font-size: 2rem;
    color: #fff;
    text-align: center;
    line-height: 1;
}

.lb-nav a.lb-prev::before {
    content: '←';
}

.lb-nav a.lb-next::before {
    content: '→';
}

.lb-data .lb-close::before {
    content: '×';
}

/* ローディングアニメーションを単純な回転アニメーションに */
.lb-loader {
    background-image: none !important;
}

.lb-loader::after {
    content: '○';
    display: block;
    font-size: 3rem;
    animation: spin 1s linear infinite;
    color: #fff;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* スライド背景画像 */
#TTslide05 {
    background: url("../images/slide/4767491_m.jpg") no-repeat center center !important;
    background-size: cover !important;
    position: relative;
}

/* スライド1: 金キラキラ背景なので暗めのオーバーレイで文字を読みやすく */
#TTslide05::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.45); /* 黒の45%透過オーバーレイ */
    z-index: 1;
}

#TTslide05 section,
#TTslide05 .container {
    position: relative;
    z-index: 2;
}

/* スライド1のテキストに強めのシャドウを追加 */
#TTslide05 .text-shadow2 {
    color: #fff !important;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8),
                 0 2px 8px rgba(0, 0, 0, 0.6) !important;
}

#TTslide01 {
    background: url("../images/slide/24515860.jpg") no-repeat center center !important;
    background-size: cover !important;
    position: relative;
}

/* スライド2: オーバーレイで文字を読みやすく */
#TTslide01::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.45); /* 黒の45%透過オーバーレイ */
    z-index: 1;
}

#TTslide01 section,
#TTslide01 .container {
    position: relative;
    z-index: 2;
}

/* スライド2のテキストに強めのシャドウを追加 */
#TTslide01 .text-shadow2 {
    color: #fff !important;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8),
                 0 2px 8px rgba(0, 0, 0, 0.6) !important;
}

#TTslide02 {
    background: url("../images/slide/IMG_6265.jpeg") no-repeat center center !important;
    background-size: cover !important;
    position: relative;
}

/* スライド3: オーバーレイで文字を読みやすく */
#TTslide02::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.45); /* 黒の45%透過オーバーレイ */
    z-index: 1;
}

#TTslide02 section,
#TTslide02 .container {
    position: relative;
    z-index: 2;
}

/* スライド3のテキストに強めのシャドウを追加 */
#TTslide02 .text-shadow2 {
    color: #fff !important;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8),
                 0 2px 8px rgba(0, 0, 0, 0.6) !important;
}