/* =========================
   全体レイアウト
========================= */

.team-wrap {
    width:1200px;
    margin:0 auto;
}


.league-row{
    display:flex;
    align-items:center;
    margin:40px 0;
}

.league-logo{
    margin-right:70px;
}

.league-logo img{
    width:200px;
}

.header-menu{
    font-size:28px !important;
}


/* =========================
   チームアイコン
========================= */

.team-row{
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:15px;

    width:90%;          /* ←これ追加（重要） */
    margin:0 auto;      /* ←中央に寄せる */
    padding-left:0;
}

.league-row {
    padding-left: 20px;
    justify-content: center;
}

.team-row img{
    width:200px;
    height:200px;
    object-fit:contain;
    display:block;
}

.team-icon{
    width:200px;
    height: 200px;
    object-fit: contain;
    display: block;
}

.team-icon:hover{
    transform:scale(1.05);
}



/* =========================
   ポップアップ外側
========================= */

#team-popup{
    position:absolute;
    display:none;
    z-index:9999;
    font-weight:600;
    color: #000;
    text-shadow: none;

    background:none !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
}


/* =========================
   ポップアップ本体（カード型）
========================= */

.popup-content{
    position:relative;
    width:320px;
    padding:20px;

    border-radius:12px;
    border:3px solid #000;

    box-shadow:0 8px 20px rgba(0,0,0,0.25);

    background:#fff;
}

/* ★三角完全削除 */
.popup-content::before,
.popup-content::after{
    display:none !important;
    content:none !important;
}


/* =========================
   テキスト
========================= */

.popup-content a{
    color:#000;
    text-decoration:none;
}

.popup-content a:hover{
    color:inherit;
}


/* =========================
   閉じるボタン
========================= */

.popup-close{
    position:absolute;
    top:10px;
    right:10px;
    cursor:pointer;

    background:#fff;
    border-radius:4px;
    padding:2px 6px;
}


/* =========================
   チームカラー
========================= */

/* A はなまる*/
#team-popup.popup-a .popup-content{
    background:#FFA500;
}

/* B LeLien*/
#team-popup.popup-b .popup-content{
    background:#9E76B4;
}

/* C Just 4 Stars*/
#team-popup.popup-c .popup-content{
    background:#000;
    color:#fff;
}
#team-popup.popup-c .popup-content a{
    color:#fff;
}

/* D Jonsemble*/
#team-popup.popup-d .popup-content{
    background:#00BFFF;
}

/* E Genius*/
#team-popup.popup-e .popup-content{
    background:#FF3399;
}

/* F Green Lancer*/
#team-popup.popup-f .popup-content{
    background:#008000;
}

/* G White Devils*/
#team-popup.popup-g .popup-content{
    background:#fff;
}

/* H löwe-giù-neve*/
#team-popup.popup-h .popup-content{
    background:#9caeb7;
}

/* I airy-blue-world*/
#team-popup.popup-i .popup-content{
    background:#d0dfe9;
}

/* J テンパイノススメ*/
#team-popup.popup-j .popup-content{
    background:#BC9C78 ;
}

/* K ソレイユ*/
#team-popup.popup-k .popup-content{
    background:#FFFF00;
}
/* L 一打入魂同盟*/
#team-popup.popup-l .popup-content{
    background:#ff0004;    
}


/* ★これをスマホの外にも入れる（重要） */
#team-popup::before,
#team-popup::after{
    display:none !important;
    content:none !important;
}

/* =========================
   スマホ対応
========================= */

@media (max-width: 520px){

.team-row{
    display:flex;
    flex-direction:column;
    align-items:center;  /* ←中央に変更 */
    gap:20px;
    padding-left:50px;      /* ←削除 */
}

    .league-logo{
        display:none;
    }

.team-row{
    display:flex;
    flex-direction:column;   /* ←これ追加（最重要） */
    align-items:flex-start;  /* ←左揃え */
    gap:20px;
    padding-left:70px;
}

    .team-icon{
        width:80px;
    }

    /* スマホは中央カードにする */
    #team-popup{
        width:100%;
        left:0 !important;
    }

    .popup-content{
        width:90%;
        margin:0 auto;
    }

    /* ★これが本命（外側の三角を殺す） */
#team-popup::before,
#team-popup::after{
    display:none !important;
    content:none !important;
}

/* 念のため内側も */
.popup-content::before,
.popup-content::after{
    display:none !important;
    content:none !important;
}

.league-wrap{
    width:100%;
    max-width: none;

}

}