/* ============================================================
   訪問紹介サービス バナー：PC / タブレット / SP 出し分け（共通）
   使用ページ: top/index.blade.php, top/cp2.blade.php,
               top/article_event02.blade.php
   画像幅基準  PC:1280x600 / TAB:768x400 / SP:468x600
   ------------------------------------------------------------
   style.css / top.css / article.css のグローバル .pc / .sp は
   640〜768px 境界（top.css は !important 付き）で制御されているため、
   .visit-banner 配下は詳細度 + !important で独立制御する。
   ※ css/cp2.css の .okome と同じ方針
   ============================================================ */

.visit-banner img {
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

/* PC: 1280px以上 → pc画像 (1280x600) */
@media screen and (min-width: 1280px) {
    .visit-banner .pc  { display: block !important; }
    .visit-banner .tab { display: none  !important; }
    .visit-banner .sp  { display: none  !important; }
}

/* TAB: 768px〜1279px → tab画像 (768x400) */
@media screen and (min-width: 768px) and (max-width: 1279px) {
    .visit-banner .pc  { display: none  !important; }
    .visit-banner .tab { display: block !important; }
    .visit-banner .sp  { display: none  !important; }
}

/* SP: 767px以下 → sp画像 (468x600) */
@media screen and (max-width: 767px) {
    .visit-banner .pc  { display: none  !important; }
    .visit-banner .tab { display: none  !important; }
    .visit-banner .sp  { display: block !important; }
}