/*
ページイメージ
ヘッダーの背景
*/
#main-image
{
    height: 150px;
    background-position: center center;
}
#main-image figure img
{
    max-width: 80%!important;
    padding-top: 55px!important;
}
.h_bg {
    height: 200px;
    background-position: center center;
}
.h_bg figure {
    margin-top: 20px!important;
}
@media (min-width: 536px)
{
    #main-image
    {
        height: 250px;
    }
    #main-image figure img
    {
        max-width: 100%!important;
        padding-top: 100px!important;
    }
    .h_bg {
        height: 200px;
    }
    .h_bg figure {
        margin-top: 70px!important;
    }
}
@media (min-width: 748px)
{
    #main-image
    {
        height: 350px;
    }
    #main-image figure img
    {
        max-width: 100%!important;
        padding-top: 140px!important;
    }
    .h_bg {
        height: 250px;
    }
    .h_bg figure {
        margin-top: 90px!important;
    }
}
@media (min-width: 940px)
{
    #main-image
    {
        height: 450px;
    }
    #main-image figure img
    {
        max-width: 100%!important;
        padding-top: 180px!important;
    }
    .h_bg {
        height: 350px;
    }
    .h_bg figure {
        margin-top: 140px!important;
    }
}
@media (min-width: 1276px)
{
    #main-image
    {
        height: 450px;
    }
    #main-image figure img
    {
        max-width: 100%!important;
        padding-top: 180px!important;
    }
    .h_bg {
        height: 350px;
    }
    .h_bg figure {
        margin-top: 140px!important;
    }
}

main h1
{
    background-color: var(--mizu);
    color: #FFF!important;
}

hr
{
    border-color: var(--gg);
}

.frame
{
    border: 1px solid var(--gg);
    padding: 1rem;
    word-break: break-all;
}
.frame h2
{
    background-color: var(--mizu);
    color: #FFF;
}

main
{
    word-wrap: break-word;
}
main a
{
    color: #717171!important;
}

.year
{
    font-family: "Lucida Console", Monaco, "monospace";
}