@charset "UTF-8";

body section#lede {
  margin: 0 auto;
}

body section#lede #top_ga {
  margin-bottom: 0;
}

body section#servicenews {
  margin: 0 auto 40px;
}

@media screen and (max-width: 640px) {
  body section#servicenews {
    margin: 0;
  }
  div.forcms_block.forcms_block_addressid_main_OPENFORUM_main_T002ArticleDataDetail_1 section#about.content {
    padding-top: 0;
  }
}

#day1.table{
    position: relative;
}

#day1 .header-layer {
    display: grid;
    grid-template-rows: 25px 35px repeat(39, 18px);
    grid-template-columns: 45px repeat(4, 1fr);
    position: relative;
    gap: 0 2px;
}

#day1 .scrooltable {
    position: absolute;
    top: 0;
    left: 0;
    display: grid;
    grid-template-rows: 25px 35px repeat(39, 18px);
    grid-template-columns: 45px repeat(4, 1fr);
    width: 100%;
    height: 100%;
    z-index: 1;
    gap: 0 3px;
}

/* Day1タイムテーブル 時刻ラベル */
#day1 .t1300 { grid-row-start:  3; }
#day1 .t1310 { grid-row-start:  4; }
#day1 .t1320 { grid-row-start:  5; }
#day1 .t1330 { grid-row-start:  6; }
#day1 .t1340 { grid-row-start:  7; }
#day1 .t1350 { grid-row-start:  8; }
#day1 .t1400 { grid-row-start:  9; }
#day1 .t1410 { grid-row-start: 10; }
#day1 .t1420 { grid-row-start: 11; }
#day1 .t1430 { grid-row-start: 12; }
#day1 .t1440 { grid-row-start: 13; }
#day1 .t1450 { grid-row-start: 14; }
#day1 .t1500 { grid-row-start: 15; }
#day1 .t1510 { grid-row-start: 16; }
#day1 .t1520 { grid-row-start: 17; }
#day1 .t1530 { grid-row-start: 18; }
#day1 .t1540 { grid-row-start: 19; }
#day1 .t1550 { grid-row-start: 20; }
#day1 .t1600 { grid-row-start: 21; }
#day1 .t1610 { grid-row-start: 22; }
#day1 .t1620 { grid-row-start: 23; }
#day1 .t1630 { grid-row-start: 24; }
#day1 .t1640 { grid-row-start: 25; }
#day1 .t1650 { grid-row-start: 26; }
#day1 .t1700 { grid-row-start: 27; }
#day1 .t1710 { grid-row-start: 28; }
#day1 .t1720 { grid-row-start: 29; }
#day1 .t1730 { grid-row-start: 30; }
#day1 .t1740 { grid-row-start: 31; }
#day1 .t1750 { grid-row-start: 32; }
#day1 .t1800 { grid-row-start: 33; }
#day1 .t1810 { grid-row-start: 34; }
#day1 .t1820 { grid-row-start: 35; }
#day1 .t1830 { grid-row-start: 36; }
#day1 .t1840 { grid-row-start: 37; }
#day1 .t1850 { grid-row-start: 38; }
#day1 .t1900 { grid-row-start: 39; }
#day1 .t1910 { grid-row-start: 40; }
#day1 .t1920 { grid-row-start: 41; }
#day1 .t1930 { grid-row-start: 42; }


#day2.table{
    position: relative;
}
#day2 .header-layer {
    display: grid;
    grid-template-rows: 25px 35px repeat(54, 18px); 
    grid-template-columns: 45px repeat(4, 1fr);
    position: relative;
    gap: 0 2px;
}

#day2 .scrooltable {
    position: absolute;
    top: 0;
    left: 0;
    display: grid;
    grid-template-rows: 25px 35px repeat(54, 18px); 
    grid-template-columns: 45px repeat(4, 1fr);
    width: 100%;
    height: 100%;
    z-index: 1;
    gap: 0 3px;
}
/* Day2タイムテーブル 時刻ラベル */
#day2 .t0930 { grid-row-start:  3; }
#day2 .t0940 { grid-row-start:  4; }
#day2 .t0950 { grid-row-start:  5; }
#day2 .t1000 { grid-row-start:  6; }
#day2 .t1010 { grid-row-start:  7; }
#day2 .t1020 { grid-row-start:  8; }
#day2 .t1030 { grid-row-start:  9; }
#day2 .t1040 { grid-row-start: 10; }
#day2 .t1050 { grid-row-start: 11; }
#day2 .t1100 { grid-row-start: 12; }
#day2 .t1110 { grid-row-start: 13; }
#day2 .t1120 { grid-row-start: 14; }
#day2 .t1130 { grid-row-start: 15; }
#day2 .t1140 { grid-row-start: 16; }
#day2 .t1150 { grid-row-start: 17; }
#day2 .t1200 { grid-row-start: 18; }
#day2 .t1210 { grid-row-start: 19; }
#day2 .t1220 { grid-row-start: 20; }
#day2 .t1230 { grid-row-start: 21; }
#day2 .t1240 { grid-row-start: 22; }
#day2 .t1250 { grid-row-start: 23; }
#day2 .t1300 { grid-row-start: 24; }
#day2 .t1310 { grid-row-start: 25; }
#day2 .t1320 { grid-row-start: 26; }
#day2 .t1330 { grid-row-start: 27; }
#day2 .t1340 { grid-row-start: 28; }
#day2 .t1350 { grid-row-start: 29; }
#day2 .t1400 { grid-row-start: 30; }
#day2 .t1410 { grid-row-start: 31; }
#day2 .t1420 { grid-row-start: 32; }
#day2 .t1430 { grid-row-start: 33; }
#day2 .t1440 { grid-row-start: 34; }
#day2 .t1450 { grid-row-start: 35; }
#day2 .t1500 { grid-row-start: 36; }
#day2 .t1510 { grid-row-start: 37; }
#day2 .t1520 { grid-row-start: 38; }
#day2 .t1530 { grid-row-start: 39; }
#day2 .t1540 { grid-row-start: 40; }
#day2 .t1550 { grid-row-start: 41; }
#day2 .t1600 { grid-row-start: 42; }
#day2 .t1610 { grid-row-start: 43; }
#day2 .t1620 { grid-row-start: 44; }
#day2 .t1630 { grid-row-start: 45; }
#day2 .t1640 { grid-row-start: 46; }
#day2 .t1650 { grid-row-start: 47; }
#day2 .t1700 { grid-row-start: 48; }
#day2 .t1710 { grid-row-start: 49; }
#day2 .t1720 { grid-row-start: 50; }
#day2 .t1730 { grid-row-start: 51; }
#day2 .t1740 { grid-row-start: 52; }
#day2 .t1750 { grid-row-start: 53; }
#day2 .t1800 { grid-row-start: 54; }
#day2 .t1810 { grid-row-start: 55; }
#day2 .t1820 { grid-row-start: 56; }
#day2 .t1830 { grid-row-start: 57; }


#day3.table{
    position: relative;
}
#day3 .header-layer {
    display: grid;
    grid-template-rows: 25px 35px repeat(40, 18px);   
    grid-template-columns: 45px repeat(4, 1fr);
    position: relative;
    gap: 0 2px;
}

#day3 .scrooltable {
    position: absolute;
    top: 0;
    left: 0;
    display: grid;
    grid-template-rows: 25px 35px repeat(40, 18px);   
    grid-template-columns: 45px repeat(4, 1fr);
    width: 100%;
    height: 100%;
    z-index: 1;
    gap: 0 3px;
}

/* Day3タイムテーブル 時刻ラベル */
#day3 .t1000 { grid-row-start:  3; }
#day3 .t1010 { grid-row-start:  4; }
#day3 .t1020 { grid-row-start:  5; }
#day3 .t1030 { grid-row-start:  6; }
#day3 .t1040 { grid-row-start:  7; }
#day3 .t1050 { grid-row-start:  8; }
#day3 .t1100 { grid-row-start:  9; }
#day3 .t1110 { grid-row-start: 10; }
#day3 .t1120 { grid-row-start: 11; }
#day3 .t1130 { grid-row-start: 12; }
#day3 .t1140 { grid-row-start: 13; }
#day3 .t1150 { grid-row-start: 14; }
#day3 .t1200 { grid-row-start: 15; }
#day3 .t1210 { grid-row-start: 16; }
#day3 .t1220 { grid-row-start: 17; }
#day3 .t1230 { grid-row-start: 18; }
#day3 .t1240 { grid-row-start: 19; }
#day3 .t1250 { grid-row-start: 20; }
#day3 .t1300 { grid-row-start: 21; }
#day3 .t1310 { grid-row-start: 22; }
#day3 .t1320 { grid-row-start: 23; }
#day3 .t1330 { grid-row-start: 24; }
#day3 .t1340 { grid-row-start: 25; }
#day3 .t1350 { grid-row-start: 26; }
#day3 .t1400 { grid-row-start: 27; }
#day3 .t1410 { grid-row-start: 28; }
#day3 .t1420 { grid-row-start: 29; }
#day3 .t1430 { grid-row-start: 30; }
#day3 .t1440 { grid-row-start: 31; }
#day3 .t1450 { grid-row-start: 32; }
#day3 .t1500 { grid-row-start: 33; }
#day3 .t1510 { grid-row-start: 34; }
#day3 .t1520 { grid-row-start: 35; }
#day3 .t1530 { grid-row-start: 36; }
#day3 .t1540 { grid-row-start: 37; }
#day3 .t1550 { grid-row-start: 38; }
#day3 .t1600 { grid-row-start: 39; }
#day3 .t1610 { grid-row-start: 40; }
#day3 .t1620 { grid-row-start: 41; }
#day3 .t1630 { grid-row-start: 42; }


@media ( width <= 640px ) {
    .day1.table {
        grid-template-rows: 4.6vw 8.0vw repeat(39, 3.3vw);
        grid-template-columns: 11.0vw repeat(4, 1fr);
    }
    .day2.table {
        grid-template-rows: 4.6vw 8.0vw repeat(54, 3.3vw);
        grid-template-columns: 11.0vw repeat(4, 1fr);
    }
    .day3.table {
        grid-template-rows: 4.6vw 8.0vw repeat(40, 3.3vw);
        grid-template-columns: 11.0vw repeat(4, 1fr);
    }
}


@media (width <= 640px) {
    .table {
        grid-template-columns: 11vw repeat(4, 1fr);
        overflow-x: auto; /*横sc*/
        overflow-y: hidden; /*横sc*/
    }
    #day1 .header-layer,
    #day2 .header-layer,
    #day3 .header-layer {
        grid-column: 1 / -1; 
        justify-self: stretch;
        align-self: start;
        margin-left: 0;
        margin-right: 0;
        transform: none;
        display: grid;
        grid-template-columns:
            14vw                     /* 時刻 */
            minmax(38vw, 1fr)       /* 会場1 */
            minmax(38vw, 1fr)       /* 会場2 */
            minmax(38vw, 1fr)      /* 会場3 */
            minmax(38vw, 1fr);      /* オンライン */
        grid-template-rows: inherit; /* 親に合わせる */
        gap: 0 3px;
    }
    #day1 .scrooltable,
    #day2 .scrooltable,
    #day3 .scrooltable {
        display: grid;
        grid-row: 1 / -1;
        grid-template-columns:
            15vw                     /* 時刻 */
            minmax(38vw, 1fr)       /* 会場1 */
            minmax(38vw, 1fr)       /* 会場2 */
            minmax(38vw, 1fr)      /* 会場3 */
            minmax(38vw, 1fr);      /* オンライン */
        grid-template-rows: inherit; /* 親に合わせる */
        gap: 0 3px;
    }

    .header-layer .event_date {
        grid-column: 1;
        white-space: nowrap;
        z-index: 2;
        top: -80px; /*横sc*/
    }

    .header-layer .time {
        grid-column: 1;
    }
    .track.room1 {
        grid-column-start: 2 !important;
    }
    .track.room2 {
        grid-column-start: 3 !important;
    }
    .track.room3 { 
        grid-column-start: 4 !important;
    }
    .track.room4 { 
        grid-column-start: 5 !important;
    }
}