@charset "Shift_JIS";

/* ----------------------------------------------------------------------
	シートマップ
---------------------------------------------------------------------- */

.excel_seat_map { margin-top: 0; }

:root {
    /* --- 4階全体図 幅・高さ --- */
    --seat-4f-width: 940;
    --seat-4f-height: 458;

    /* --- 5階全体図 幅・高さ --- */
    --seat-5f-width: 940;
    --seat-5f-height: 458;

    /* --- 6階全体図 幅・高さ --- */
    --seat-6f-width: 940;
    --seat-6f-height: 500;
}

/* --- 4階指定席カメラポイント --- */
.map .point.seat-4f-1 {
    left: calc(554 / var(--seat-4f-width) * 100%);
    top: calc(180 / var(--seat-4f-height) * 100%);
}

.map .point.seat-4f-2 {
    left: calc(730 / var(--seat-4f-width) * 100%);
    top: calc(314 / var(--seat-4f-height) * 100%);
}

.map .point.vr360-4f {
    left: calc(640 / var(--seat-4f-width) * 100%);
    top: calc(246 / var(--seat-4f-height) * 100%);
}


/* --- 5階指定席カメラポイント --- */
.map .point.seat-5f-1 {
    left: calc(238 / var(--seat-5f-width) * 100%);
    top: calc(197 / var(--seat-5f-height) * 100%);
}

.map .point.seat-5f-2 {
    left: calc(648 / var(--seat-5f-width) * 100%);
    top: calc(184 / var(--seat-5f-height) * 100%);
}

.map .point.seat-5f-pair {
    left: calc(530 / var(--seat-5f-width) * 100%);
    top: calc(44 / var(--seat-5f-height) * 100%);
}

.map .point.vr360-5f-group1 {
    left: calc(686 / var(--seat-5f-width) * 100%);
    top: calc(44 / var(--seat-5f-height) * 100%);
}

.map .point.vr360-5f-group2 {
    left: calc(796 / var(--seat-5f-width) * 100%);
    top: calc(44 / var(--seat-5f-height) * 100%);
}

.map .point.vr360-5f-c {
    left: calc(312 / var(--seat-5f-width) * 100%);
    top: calc(220 / var(--seat-5f-height) * 100%);
}

.map .point.vr360-5f-d {
    left: calc(648 / var(--seat-5f-width) * 100%);
    top: calc(224 / var(--seat-5f-height) * 100%);
}


/* --- 6階指定席カメラポイント --- */
.map .point.seat-6f-1 {
    left: calc(618 / var(--seat-6f-width) * 100%);
    top: calc(154 / var(--seat-6f-height) * 100%);
}

.map .point.vr360-6f {
    left: calc(465 / var(--seat-6f-width) * 100%);
    top: calc(237 / var(--seat-6f-height) * 100%);
}



/* ------------------------------------------------------------
	767px以下
------------------------------------------------------------ */
@media screen and ( max-width : 767px ) {
    div.nav.pills.nav-floor { display: table; }
    div.nav.pills.nav-floor > div { display: table-cell; }
}


/* ------------------------------------------------------------
	479px以下
------------------------------------------------------------ */
@media screen and ( max-width : 479px ) {

    .map .point.seat-5f-2 {
        top: calc(172 / var(--seat-5f-height) * 100%);
    }

    .map .point.vr360-5f-d {
        top: calc(242 / var(--seat-5f-height) * 100%);
    }

}