/* PC版メインスライダーのスタイル調整 */

/* 1枚目スライドの文言を小さく */
.main-top-slider .top_h1 {
    font-size: 1.1em !important;
}

/* 1枚目スライドのロゴサイズを調整 */
.main-top-slider .top_head_inner img {
    width: 320px !important;
}

/* 2枚目以降のスライドの中央ボックス調整 */
.main-top-slider .slide_post_center {
    background-color: rgba(0, 0, 0, 0.3) !important;
    padding: 15px 25px !important; /* パディングを増やして余裕を持たせる */
    position: absolute !important;
    display: flex !important;
    min-width: 600px !important; /* ボックス幅を600pxに拡大 */
    z-index: 10 !important;
    align-items: center !important;
    justify-content: space-between !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

/* 2枚目以降のテキスト色設定 */
.main-top-slider .slide_post_center h2,
.main-top-slider .slide_post_center p,
.main-top-slider .slide_post_center a {
    color: #fff !important;
}

/* 2枚目以降のタイトルを小さく */
.main-top-slider .slide_post_center h2 {
    color: #f0b244 !important;
    margin: 0 !important;
    opacity: 0.6 !important;
    font-size: 1.5em !important;
}

/* 2枚目以降のサブタイトルを小さく */
.main-top-slider .slide_post_center p {
    margin: 5px 0 !important;
    font-size: 1.0em !important;
}

/* 2枚目以降のコンテンツエリア */
.main-top-slider .slide_post_center .reccomend_post {
    padding: 0 10px !important;
}

/* 2枚目以降のViewボタンを小さく */
.main-top-slider .slide_post_center .reccomend_link {
    border-left: 1px solid #fff !important;
    padding: 15px !important;
    font-size: 0.95em !important;
}

/* スマホ版でのスライダー中央配置修正 */
@media screen and (max-width: 1100px) {
    /* スマホ版でのスライダー2枚目以降の中央配置を確実にする */
    .mobile-only-header .slide_post_center {
        background-color: rgba(0, 0, 0, 0.3) !important;
        padding: 15px 25px !important;
        position: absolute !important;
        display: flex !important;
        min-width: 280px !important;
        z-index: 10 !important;
        align-items: center !important;
        justify-content: space-between !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        font-size: 0.9em !important;
        box-sizing: border-box !important;
    }
    
    /* スマホ版でのスライダー2枚目以降のテキスト色 */
    .mobile-only-header .slide_post_center h2,
    .mobile-only-header .slide_post_center p,
    .mobile-only-header .slide_post_center a {
        color: #fff !important;
    }
    
    /* スマホ版でのスライダー2枚目以降のタイトル */
    .mobile-only-header .slide_post_center h2 {
        color: #f0b244 !important;
        margin: 0 !important;
        opacity: 0.6 !important;
        font-size: 1.2em !important;
    }
    
    /* スマホ版でのスライダー2枚目以降のサブタイトル */
    .mobile-only-header .slide_post_center p {
        margin: 5px 0 !important;
        font-size: 1em !important;
    }
    
    /* スマホ版でのスライダー2枚目以降のコンテンツエリア */
    .mobile-only-header .slide_post_center .reccomend_post {
        padding: 5px !important;
        width: 70% !important;
    }
    
    /* スマホ版でのスライダー2枚目以降のViewボタン */
    .mobile-only-header .slide_post_center .reccomend_link {
        border-left: 1px solid #fff !important;
        padding: 10px !important;
        width: 30% !important;
        font-size: 1.1em !important;
    }
}