@charset "UTF-8";

.display_responsive_736fix {
    display: none;
}

.responsive_width-400px-100percent, .responsive_width-400px-auto {
    width: 400px;
}
.responsive_align-center-left {
    text-align: center;
}


.responsive_flex-direction-row-column {
    display: flex;
    flex-direction: row;
}


@media screen and (max-width: 736px){
    .responsive_width-400px-100percent {
        width: 100%;
    }
    .responsive_width-400px-auto {
        width: auto;
    }
    .responsive_align-center-left {
        text-align: left;
    }
    .display_responsive_default {
        display: none;
    }
    .display_responsive_736fix {
        display: inherit;
    }
    .responsive_flex-direction-row-column {
        flex-direction: column;
    }
}

/*横幅がPC版は560px,Mobile版は80%なため、ブレイクポイントを700px(560/0.8)にしている。*/
@media (min-width: 700px) {
    #header .menu-contents, #header .menu-contents-info  {
        width: 560px;
        position: fixed;
    }
}

.highcharts-tooltip {
    z-index: 9998;
}




[v-cloak] {
    display: none;
}