/*
ページイメージ
*/
#main-image
{
    height: 150px;
    background-position: center center;
}
#main-image figure img
{
    max-width: 80%!important;
    padding-top: 29.135px!important;
}
.h_bg {
    height: 100px;
    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: 62px!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: 112px!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: 162px!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: 162px!important;
    }
    .h_bg {
        height: 350px;
    }
    .h_bg figure {
        margin-top: 140px!important;
    }
}

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

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

.frame
{
    border: 1px solid var(--mizu);
    padding: 1rem;
    word-break: break-all;
}
.frame_p0
{
    border: 1px solid var(--mizu);
    padding: 0;
    word-break: break-all;
    border-radius: 0.25rem!important;
}
.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";
}

.item_name
{
    background-color: var(--mizu)!important;
    color: #FFF!important;
    border-bottom: 1px solid #FFF;
}
.frame_p0 div:first-child .item_name
{
    border-radius: 0.125rem 0 0 0;
}
form [type="text"], 
form [type="text"]:focus, 
form textarea
{
    background-color: #d5d4d4!important;
    color: #000!important;
}
.frame_p0 div:last-child .item_name
{
    background-color: var(--mizu)!important;
    color: #FFF!important;
    border-bottom: none;
    border-radius: 0 0 0 0.125rem;
}

.item_name .badge
{
    background-color: #000;
    color: #FFF;
}
.item_value
{
    border-bottom: 1px solid var(--mizu)!important;
}
.frame_p0 div:last-child .item_value
{
    border-bottom: none!important;
}

.frame_info
{
    background-color: #d5d4d4;
    color: #000;
}

.to_continue
{
    background-color: #6d797c!important;
    color: #FFF!important;
    font-size: 1.75rem;
    padding-left: 4rem!important;
    padding-right: 4rem!important;
}