/* Portrait [表示] */

.container-xs {
    display: block;
    height: 100%;
}
.content-xs {
    height: 100%;
    width: 100%;
}
.size-xs {
    display: block;
}

/* Landscape [非表示] */

.container-sm {
    display: none;
}
.content-sm {
    height: 0;
}
.size-sm {
    display: none;
}

/* Window */

.nav.navbar {
    width: 100%;
}
.navbar-fixed-top {
    position: relative;
    width: 100vw;
}

:root {
    --safeAreaSize: 0px;
    --displaySize: calc(100vw - var(--safeAreaSize));
}

/* Bootstrap GridSystem Override - Start */

.col-xs-0 {
    width: 0;
}
.col-xs-1h {
    width: calc(var(--displaySize) / 12 / 2);
}
.col-xs-1hh {
    width: calc(var(--displaySize) / 12 / 4);
}
.col-xs-1h-sc {
    width: calc(var(--displaySize) / 12 / 2 - 3px);
}
.col-xs-1 {
    width: calc(var(--displaySize) / 12 * 1);
}
.col-xs-1-sc {
    width: calc(var(--displaySize) / 12 * 1 - 3px);
}
.col-xs-1_5 {
    width: calc(var(--displaySize) / 12 * 1.5);
}
.col-xs-1_5-sc {
    width: calc(var(--displaySize) / 12 * 1.5 - 3px);
}
.col-xs-2 {
    width: calc(var(--displaySize) / 12 * 2);
}
.col-xs-2-sc {
    width: calc(var(--displaySize) / 12 * 2 - 3px);
}
.col-xs-2_5 {
    width: calc(var(--displaySize) / 12 * 2.5);
}
.col-xs-3 {
    width: calc(var(--displaySize) / 12 * 3);
}
.col-xs-3_5 {
    width: calc(var(--displaySize) / 12 * 3.5);
}
.col-xs-3-sc {
    width: calc(var(--displaySize) / 12 * 3 - 3px);
}
.col-xs-4 {
    width: calc(var(--displaySize) / 12 * 4);
}
.col-xs-4_5 {
    width: calc(var(--displaySize) / 12 * 4.5);
}
.col-xs-5 {
    width: calc(var(--displaySize) / 12 * 5);
}
.col-xs-5_5 {
    width: calc(var(--displaySize) / 12 * 5.5);
}
.col-xs-5-sc {
    width: calc(var(--displaySize) / 12 * 5 - 3px);
}
.col-xs-6 {
    width: calc(var(--displaySize) / 12 * 6);
}
.col-xs-6_5 {
    width: calc(var(--displaySize) / 12 * 6.5);
}
.col-xs-7 {
    width: calc(var(--displaySize) / 12 * 7);
}
.col-xs-7-sc {
    width: calc(var(--displaySize) / 12 * 7 - 3px);
}
.col-xs-8 {
    width: calc(var(--displaySize) / 12 * 8);
}
.col-xs-8_5 {
    width: calc(var(--displaySize) / 12 * 8.5);
}
.col-xs-9 {
    width: calc(var(--displaySize) / 12 * 9);
}
.col-xs-9_5 {
    width: calc(var(--displaySize) / 12 * 9.5);
}
.col-xs-10 {
    width: calc(var(--displaySize) / 12 * 10);
}
.col-xs-11 {
    width: calc(var(--displaySize) / 12 * 11);
}
.col-xs-12 {
    width: calc(var(--displaySize) / 12 * 12);
}
.col-xs-12-sc {
    width: calc(var(--displaySize) / 12 * 12 - 3px);
}
.col-xs-0, .col-xs-1, .col-xs-1-sc, .col-xs-1h, .col-xs-1h-sc, .col-xs-1hh, .col-xs-1_5, .col-xs-1_5-sc, .col-xs-2, .col-xs-2_5, .col-xs-2-sc, .col-xs-3, .col-xs-3_5, .col-xs-3-sc, .col-xs-4, .col-xs-4_5, .col-xs-5, .col-xs-5_5, .col-xs-5-sc, .col-xs-6, .col-xs-6_5, .col-xs-7, .col-xs-7-sc, .col-xs-8, .col-xs-8_5, .col-xs-9, .col-xs-9_5, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-12-sc {
    float: left;
}

/* Bootstrap GridSystem Override - End */