@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap&subset=japanese');

body {
    margin: 0px auto;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: #fff;
}

.content {
    background-color: #alphachannel;
    text-align: center;
    margin: auto;
    color: #151634;
    font-family: serif, 'Noto Serif JP';    
}

.content_display {
    background-color: #alphachannel;
    text-align: center;
    margin: auto;
    font-family: serif, 'Noto Serif JP';
}

.header {
    text-align: center;
    background-color: #151634;
    color: #d7be41;
    font-family: serif, 'Noto Serif JP';
}

.footer {
    height: 40px;
    text-align: center;
    background-color: #151634;
    color: #d7be41;
    font-size: 70%;
}

.footer_display {
    height: 40px;
    text-align: center;
    font-size: 70%;
}

a,a:hover,a:visited{
    color: inherit;
    text-decoration: none;
}

*, *:before, *:after {
    box-sizing: border-box;
}
.two-columns{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.two-columns > *{
    width: calc( 50% - 6px ) ;
    margin-right: auto;
}
.single-column {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.single-column > *{
    width: calc( 50% - 6px ) ;
    margin-right: auto;
}
.disp-count {
    font-size: 125% !important;
    font-weight: bold !important;
}
@media screen and (max-width: 719px) {
    .header > * {
        font-size: 170% !important;
    }
    .header div {
        font-size: 90% !important;
    }
    .header div * {
        font-size: 100% !important;
    }
    .two-columns {
        width: 95%;
        display: flex;
        flex-wrap: wrap;
    }
    .two-columns * {
        margin: 10;
        padding: 10;
	max-width: 95% !important;
	font-size: 170% !important;
    }
    .single-column * {
	max-width: 95% !important;
        font-size: 170% !important;
    }
    .disp-count {
        font-size: 60% !important;
        font-weight: bold !important;
    }
    .disp-count-big {
        font-size: 150% !important;
    }
}