/* ==============================================
   導入日一覧（/launch, /launch/slot, /launch/pachinko）
   ============================================== */

.launch {
    width: 100%;
    padding: 5px 2.6667%;
    background-color: #e6e6e6;
    box-sizing: border-box;
}

.launch h1 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 1%;
    font-size: 1rem;
    font-weight: bold;
    border-bottom: 2px solid #084d8f;
}

.launch h1 img {
    /* SVGは固有幅を持たないため、見出しが長いと縮められて消える。縮小させない */
    flex: none;
    width: 24px;
    margin: 0 4px 0 0;
}

/* h1 直下の対象期間（過去一覧のみ）。日付帯と紛れないようバッジ表示にする */
.launch_period {
    display: inline-block;
    margin-top: 10px;
    padding: 4px 12px;
    background-color: #004d8f;
    border-radius: 999px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
}

.launch_content {
    width: 100%;
    margin: 10px 0;
    padding: 10px;
    background-color: white;
    border-radius: 8px;
    box-sizing: border-box;
}

/* --- タブ（/video のメニューを踏襲した太めの下線） --- */

.launch_tab {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    margin-top: 10px;
}

.launch_tab_link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 8px;
    background: #ffffff;
    color: #333;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    /* タブらしく上・左右にもグレーの境界を引き、上2角だけ丸める */
    border: 1px solid #ddd;
    border-bottom: 4px solid #ddd;
    border-radius: 6px 6px 0 0;
    transition:
        background 0.2s,
        color 0.2s;
}

/* 隣り合う境界線が二重にならないよう1px重ねる */
.launch_tab_link + .launch_tab_link {
    margin-left: -1px;
}

/* 下線は選択有無に関わらず種別ごとの色を表示する */
.launch_tab_link--all {
    border-bottom-color: #004d8f;
}

.launch_tab_link--slot {
    border-bottom-color: #39c519;
}

.launch_tab_link--pachinko {
    border-bottom-color: #f93e3e;
}

/* 選択中タブは背景色（青みがかった薄いグレー）で示す */
.launch_tab_link[aria-current="page"] {
    background: #e8edf3;
    color: #333;
    font-weight: bold;
}

.launch_tab_link:not([aria-current="page"]):hover {
    background: #f0f0f0;
}

.launch_list {
    margin-top: 10px;
}

/* --- 導入日ごとのグループ --- */

.launch_group {
    margin-bottom: 10px;
}

.launch_group_label {
    padding: 4px 1%;
    background-color: #000000;
    color: white;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
}

.launch_group ul li {
    border-bottom: dotted 1px #333;
}

/* --- 機種1件（左:台の画像 / 右:機種名・メーカー / 右下:種別ラベル） --- */

.launch_machine {
    display: flex;
    justify-content: flex-start;
    /* 画像より本文が短くても、種別ラベルを行の下端に落とすため引き伸ばす */
    align-items: stretch;
    padding: 10px 0;
    text-decoration: none;
}

.launch_machine_ph {
    flex: none;
    width: 80px;
    margin-right: 10px;
}

.launch_machine_ph img {
    display: block;
    width: 100%;
    height: auto;
}

.launch_machine_text {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
}

/* 機種名＋メーカー。残りの余白を上下に均等配分して上下中央に置く */
.launch_machine_body {
    margin: auto 0;
}

.launch_machine_name {
    display: block;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
}

.launch_machine_maker {
    display: block;
    margin-top: 2px;
    color: #777;
    font-size: 13px;
    line-height: 1.4;
}

.launch_machine_type {
    /* 行の右下へ。機種名は行幅いっぱいまで使えるよう別行に置く */
    align-self: flex-end;
    margin-top: 2px;
    padding: 2px 6px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
}

.launch_machine_type.slo {
    background-color: #39c519;
}

.launch_machine_type.pachi {
    background-color: #f93e3e;
}

/* --- 末尾の遷移ボタン（コラム（.column_more / .column_list a）と同じ白背景ボタン） --- */

.launch_more {
    display: flex;
    justify-content: center;
    gap: 4%;
    margin: 18px 0 20px;
}

.launch_more_link {
    display: inline-block;
    width: 48%;
    padding: 6px 4px;
    background-color: white;
    border: solid 1px #999;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    color: #333;
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
}

.launch_empty {
    padding: 20px 0;
    color: #666;
    font-size: 14px;
    text-align: center;
}

/* PC向けレイアウト調整 */
@media (min-width: 835px) {
    .launch {
        width: 100%;
        padding: 10px;
        border-radius: 8px;
    }

    /* 旧CSS（renewal/202410/style.css）が PC幅で main h1 img を display:none にするため打ち消す */
    .launch h1 img {
        display: block;
        width: 24px;
    }

    .launch_content {
        margin: 10px 0;
        padding: 10px;
    }
}