/* ────────────────────────────────────────────
　お知らせ(NEWS)一覧
──────────────────────────────────────────── */

/* お知らせ一覧 ラッパー */
.kokowanko-toppage-newslist-wrapper {
    max-width: 800px;
    width: 100%;
    @media (max-width: 1000px) {
        width: 80%;
    }
    @media (max-width: 480px) {
        width: 93%;
    }
}

/* お知らせ一覧 ヘッダー */
.kokowanko-toppage-newsheader {
    width: 150px;
    @media (max-width: 1000px) {
        width: 100%;
    }
}

/* お知らせ一覧 インナー */
.kokowanko-toppage-newslist-inner {
    max-width: 650px;
    width: 100%;
    @media (max-width: 1000px) {
            max-width: 100%;
    }
}

/* 記事一覧 */
.kokowanko-toppage-newslist {
    width: 550px;
    @media (max-width: 1000px) {
        width: 100%;
    }
}

/* 記事の日付 */
.kokowanko-toppage-newslist-date {
    min-width: 70px !important;
}

/* 記事のカテゴリー */
.kokowanko-toppage-newslist-category {
    min-width: 60px !important;
}


/* ────────────────────────────────────────────
　トピックス
──────────────────────────────────────────── */

.kokowanko-toppage-topic-wrapper {
    max-width: 1100px;
    width: 100%;
}

/* PC・タブレット用カルーセル（Advanced Carouselウィジェット） */
@media (max-width: 480px) {
    .kokowanko-toppage-carousel-topics .jw-carousel .jw-arrow {
        display: none !important;
    }
}
/* スマホだけドットナビ表示する
@media (min-width: 481px) {
    .kokowanko-toppage-carousel-topics .jw-slick-dots {
        display: none !important;
    }
}*/
.kokowanko-toppage-carousel-topics {
    img {
        border: 7px solid #e7e5de;
    }
}


/* ────────────────────────────────────────────
　丸い背景
──────────────────────────────────────────── */
.kokowanko-toppage-circleBG {
    background-image: url("http://kokowanko.com/wp-content/uploads/2025/07/迷子犬の現状_背景.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}


/* ────────────────────────────────────────────
　迷子犬の現状をを知っていますか？コーナー
──────────────────────────────────────────── */
.kokowanko-toppage-maigoken-title {
    order: 1;
    h2 {
        @media (max-width: 999px) {
                text-align: center;
        }
        img {
            width: 310px;
            @media (max-width: 999px) {
                width: 70%
            }
            @media (max-width: 479px) {
                width: 90%;
            }
        }
    }
}
.kokowanko-toppage-maigoken-eyecatch {
    order: 2;
    width: auto;
    @media (min-width: 1000px) {
            position: absolute;
            top: 30px;
            right: -100px;
    }
}
.kokowanko-toppage-maigoken-explanation {
    order: 3;
}


/* ────────────────────────────────────────────
　koko wankoの活動についてコーナー
──────────────────────────────────────────── */
.kokowanko-toppage-about-title {
    order: 2;
    h2 {
        @media (max-width: 999px) {
            order: 1;
            text-align: center;
        }
        img {
            width: 310px;
            @media (max-width: 999px) {
                width: 70%
            }
            @media (max-width: 479px) {
                width: 90%;
            }
        }
    }
}
.kokowanko-toppage-about-eyecatch {
    order: 1;
    width: auto;
    @media (min-width: 1000px) {
            position: absolute;
            top: 13px;
            left: -100px;
    }
    @media (max-width: 999px) {
            order: 2;
    }
}
.kokowanko-toppage-about-explanation {
    order: 3;
}


/* ────────────────────────────────────────────
　Instagramフィード
──────────────────────────────────────────── */
.kokowanko-toppage-instagram-wrapper {
    img {
        border-radius: 10px;
        border: 7px solid #e7e5de;
    }
    
    /* 投稿一覧の塊 */
    #sbi_images {
        gap: 18px;
        margin-bottom: 17px;
    }
    
    /* 「もっと読み込む」「Instagramで開く」ボタン */
    .sbi_btn_text,
    .sbi_follow_btn a {
        font-size: 14px !important;
    }
}