/*---------------------------------
   色データなどはこちらから変更できます。
---------------------------------*/
:root {
    --HFC: #071A38F0;/*タイトルとフッターの色*/
    --MBS: #A1FFF4E0;/*メニューバーでカーソルが入ったときの色*/
    --MBC: #da3c41FF;/*メニューバーをクリック時の色*/
    --FOT: #FFFFFFFF;/*フッターの文字の色*/
    --TextColor: #FFFFFF;
    --BoxColor: #071A5890;
    --UnderLine: #A1FFF4E0;
}

header {
    margin: auto;
}

.ef {
    margin: 12px;
}



.movs {
    position: relative;

    width: 92%;
    height: 92%;
    overflow: hidden;
    margin: 5% 2%;
}

.sgd {

    margin-left: 20%;
    margin-right: 20%;

}

.img_sgd {
    width: 100%;
    height: auto;
    align-content: center;
    text-align: center;
}

body {
    margin: 0px;
    background-blend-mode: color-dodge;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    color: black;
    background-image: url("BackGround.jpg");
    background-repeat: no-repeat;
    background-size: auto 100%;
    /* contain → cover　*/
    background-position: center center;
    /* 追加　*/
    display: flex;
    flex-flow: column;
    min-height: 100vh;
    /*background-size: 100% auto ;*/
    
background-repeat:no-repeat; /*背景画像の繰り返しを解除*/
background-size:auto; /*背景画像のサイズ指定*/
}

BG {
    text-align: center;
    align-content: center;
    align-items: center;
    max-width: 100%;
    width:100%;
    height: auto;
}

input[type="submit"i] {
    margin: 1%;
    width: 20%;
    margin-left: 0%;
    font-size: 15px;
}

.title {
    margin: 0px;
    padding: 0.6% 0%;
    padding-top: 2%;
    width: 100%;
    color: var(--HFC);
    background-color: var(--HFC);
    text-align: center;
}

.titleimg {
    width: 34%;
    height: auto;
}

.prizeText {
    text-align: center;

}

img.prizeIMG {
    width: 40%;
    padding: 0% 30%;
    height: auto;
    margin: 1% 1%;
    margin-bottom: 0%;
    margin-top: 0%;
    -o-object-fit: cover;
    object-fit: cover;
    text-align: center;
}

/*Menuバー関連*/
ul.manubar {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    align-content: center;
    margin: 0;
    padding: 0%;
    list-style-type: none;
    background-color: var(--HFC);

    width: 100%;
}

ul.manubar li {
    float: left;
    text-align: center;
    margin: 0% 0%;
    width: 25%;
}

ul.manubar li a {
    display: block;
    padding: 5% 2%;
    text-align: center;
    text-decoration: none;
    color: white;
    margin: auto;
    font-size: 22px;
}

a {
    font-size: 22px;
    color: #FF6928;

}

ul.manubar li:hover:not(.active) {
    background-color: var(--MBS);
}

ul.manubar li.active {
    background-color: var(--MBC);
}

ul.manubar li.right {
    float: right;
}

.manubarHead {
    color: red;
    vertical-align: top;
    vertical-align: bottom;
    font-size: 0px;
    margin: 0%;
}

/*一般の文字*/
h1,
h2,
h3,
h4,
h5,
h6,
h7,
h8,
h9 {
    margin-bottom: 2px;
    margin-left: auto;
    margin-right: auto;
    color: var(--TextColor);
    line-height: 1.0;
}

h1 {
    font-size: 50px;
}

h2 {
    font-size: 45px;
}

h3 {
    font-size: 39px;
}

h4 {
    font-size: 30px;
    margin-top: 12px;
    border-bottom: solid 4px var(--UnderLine);
    ;
}

h5 {
    font-size: 25px;
    margin-top: 10px;
}

h6 {
    font-size: 23px;
    margin: 3px;
    color: var(--TextColor);
}

h7 {
    color: var(--TextColor);
}

p {
    font-size: 20px;
    padding: 1px;
    margin-left: 22px;
    color: var(--TextColor);
}

.small {
    padding: 1px;
    margin-left: 22px;
    color: var(--TextColor);
    font-size: 16px;
}


li {
    color: var(--TextColor);
    margin-left: 22px;
    margin-top: 12px;
}

/*フッター*/
footer {
    width: 100%;
    background: var(--HFC);
}

.footerText {
    padding: 40px;
    text-align: center;
    padding: 40px;
    color: var(--FOT);
    font-size: 22px;
}

.contents {
    margin: 3% 7%;
    align-content: center; 
}

.MailArea {
    font-size: 30px;
    padding: 0px;
    color: aliceblue;
    background: #22222277;
    box-shadow: 0 3px 4px #00000050;
    text-align: center;
}

.outLine {
    width: 60%;
    border: 5px white;
}

p.outLine {
    border: 5px white;
    color: var(--TextColor);
}

.Button {
    text-align: left;
    margin-left: 22px
}


textarea {
    width: 90%;
    height: 160px;
}

p.gold {
    font-size: 32px;
    color: #FFD454;

}

p.silver {
    font-size: 27px;
    color: #CCCCCC;
}


p.bronze {
    font-size: 27px;
    color: #B86F30;
}

p.form_p {
    margin: 0px;
}

.imgClass {
    margin-left: 42px;
    width: 80%;
    max-width: 50%;
    height: auto;
    align-content: center;
    text-align: center;
}

.ImgName {
    margin-top: 50px;
    margin-left: 12px;
}

.movies {

    margin-left: 42px;
    width: 80%;
    height: auto;

}

.his_select {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    align-content: center;
    margin: auto;
    padding: 0;
    list-style-type: none;
    background-color: var(--HFC);

}

.imgR {
    display: block;
    margin: 2% 2%;
    text-align: center;
    aspect-ratio: 16 / 9;
}

.imgClass_his {
    margin-top: 30px;
    margin-left: 0%;
    width: 90%;
    max-width: 100%;
    height: auto;
    margin-bottom: 10%;
}

.textArea {
    padding: 0.5em 1em;
    margin: 52px 22px;
    color: var(--BoxColor);
    background: var(--BoxColor);
    box-shadow: 0 3px 4px #000000A0;
}

.textArea2 {
    padding: 12px 12px;
    margin: 22px 22px;
    margin-bottom: 32px;
    color: var(--BoxColor);
    background: var(--BoxColor);
    box-shadow: 0 3px 4px #00000050;
}

.textArea3 {
    width: 23%;
    padding: 2% 2%;
    margin: 4% 1%;
    color: var(--BoxColor);
    background: var(--BoxColor);
    box-shadow: 0 3px 4px #00000050;
    display: inline-block;
    vertical-align: top;
}

.textAreaHighSchoolStd {
    width: 32.9%;
}

.prizeHead {
    text-align: center;

}

.textArea3Root {
    width: 100%;
    display: inline-block;
    padding: 0% 1%;
    margin: 0%;
}

.mov {
    width: 123%;
    height: 33%;
}

.hisName {
    margin-right: 1.5%;
    margin-top: 4%;
    font-size: 40px;
    text-align: center;
}

.hisPart {
    margin-top: 4%;
    margin-bottom: 3%;
    font-size: 60px;
    text-align: center;

}

.hs

/*過去入賞作品の年数選択*/
    {
    margin-left: 14%;
    display: inline-block;

    vertical-align: top;
    vertical-align: bottom;
    font-size: 0px;
}

#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: auto;

}

#menu li {
    display: inline;
    padding: 0;
    margin: 0;
    margin-left: auto;
}

#menu li a {
    display: block;
    background-color: var(--HFC);
    padding: 3px 10px;
    color: #E1E2CF;
    width: 70%;
    font-size: 22px;
    text-align: center;
}

#menu li a:hover {
    background-color: var(--MBS);
}

@media screen and (max-width: 580px) {
    .manubarHead {
        margin-top: 0px;
        margin-left: 0%;

    }

    header {
        margin: auto;
        margin-bottom: 0px;
    }


    h8 {
        font-size: 7px;
    }

    h7 {
        font-size: 8px;
    }

    h5 {
        font-size: 12px;
    }

    li {
        margin: 0px;
        margin-left: 0%;
        padding: inherit;
    }

    .MailArea {
        font-size: 14px;
        margin: 4px;
    }

    .textArea {
        padding: 2px 1px;
        margin: 10px 12px;
    }

    h6 {
        font-size: 11px;
    }

    input {
        box-sizing: 30%;
        width: 90%
    }

    h2 {}

    h9 {
        font-size: 1px;
    }

    ul.manubar li.right,
    ul.manubar li {
        float: none;
    }

    ul.manubar li {
        width: 50%;
    }

    ul.manubar {
        font-size: 2px;
    }

    ul.manubar li a {
        padding: 1px 1px;
        font-size: 5px;
    }

    h4 {
        font-size: 13px;
    }

    p {
        font-size: 12px;
        margin-left: 2%
    }

    footer {
        padding: 10px;
    }

    .footerText {
        font-size: 8px;
    }

    .contents {
        margin: 7px 9px;

    }

    .textArea {
        margin: 12px 8px;
    }

    a {
        font-size: 12px;
    }

    li {
        font-size: 12px;
    }

    .imgClass {
        margin-left: 12px;
        width: 80%;
        height: auto;
    }

    .title {
        display: inline-block;

        vertical-align: top;
        vertical-align: bottom;
        font-size: 0px;
        margin: 0px;
        padding-top: 0px;
        width: 100%;
        text-align: center;
    }

    .titleimg {
        display: block;
        margin-left: 15%;
        padding-top: 0px;
        width: auto;
        text-align: center;

        width: 70%;
        text-align: center;
        height: auto;
    }

    .imgClass {
        margin-left: 12px;
        border-image-width: 50%;
        width: 100px;
        height: auto;
    }

    .textArea2 {
        padding: 2px 2px;
        margin: 2px 2px;
    }

    img {
        width: 100%;
        height: auto;
    }

    .hisPart {
        font-size: 23px;
        margin-bottom: 2px;
    }

    .hisName {
        font-size: 13px;
        margin-bottom: 2px;
    }


    .imgClass_his {
        margin-left: 1%;

        margin-top: 10px;
    }

    /*Menuバー関連*/
    ul.manubar {
        display: flow-root;
    }

    a {
        font-size: 12px;
    }

    ul.manubar li a {
        font-size: 4px;
    }

    .img_sgd {
        width: 95%;
        height: auto;
    }

    .sgd {

        margin-left: 2%;
        margin-right: 2%;

    }

    body {
        margin: 0px;
        background-blend-mode: color-dodge;
        background-attachment: inherit;
        width: 100%;
        height: 100%;
        color: black;
        background-image: url("img/BackGround.jpg");
        background-size: 100% 100%;
        /* contain → cover　*/
        background-position: 70% 50%;
        /* 追加　*/
        display: flex;
        flex-flow: column;
        min-height: 100vh;
        background-attachment: fixed;
background-size: cover;
   margin: 0px;
   padding: 0px;
        background-attachment: fixed;
        background-size: cover;
background-size: 100% auto;

/* 値 1 つの構文 */
/* 画像の幅 (高さは 'auto' になる) */
background-size: 50%;
    }

    .footerText {
        font-size: 7px;
        padding: 3%
    }


}





















@media screen and (max-width: 580px) {
    .manubarHead {
        margin-top: 0px;
        margin-left: 0%;

    }

    header {
        margin: auto;
        margin-bottom: 0px;
    }


    h8 {
        font-size: 7px;
    }

    h7 {
        font-size: 8px;
    }

    h5 {
        font-size: 12px;
    }

    li {
        margin: 0px;
        margin-left: 0%;
        padding: inherit;
    }

    .MailArea {
        font-size: 14px;
        margin: 4px;
    }

    .textArea {
        padding: 2px 1px;
        margin: 10px 12px;
    }

    h6 {
        font-size: 11px;
    }

    input {
        box-sizing: 30%;
        width: 90%
    }

    h2 {}

    h9 {
        font-size: 1px;
    }

    ul.manubar li.right,
    ul.manubar li {
        float: left;
        display: inline-block;
    }

    ul.manubar {
        font-size: 2px;
    }

    ul.manubar li a {
        padding: 1px 1px;
    }

    h4 {
        font-size: 18px;
    }

    p {
        font-size: 12px;
        margin: 5%;
        margin-left: 2%
    }

    footer {
        padding: 10px;
    }

    .footerText {
        font-size: 8px;
    }

    .contents {
        margin: 2px 2px;

    }

    .textArea {
        margin: 6px 3px;
    }

    a {
        font-size: 10px;
    }

    li {
        font-size: 10px;
    }

    .imgClass {
        margin-left: 12px;
        width: 80%;
        height: auto;
    }

    .textArea3 {
        display: block;
        width: 90%;
    }

    p.gold {
        font-size: 25px;
    }

    p.silver {
        font-size: 20px;
    }


    p.bronze {
        font-size: 20px;
    }

    .title {
        display: inline-block;

        vertical-align: top;
        vertical-align: bottom;
        font-size: 0px;
        margin: 0px;
        padding-top: 0px;
        width: auto;
        text-align: center;
    }

    .titleimg {
        display: block;
        margin-left: 24%;
        padding-top: 0px;
        width: auto;
        text-align: center;

        width: 30%;
        text-align: center;
        height: auto;
    }

    .imgClass {
        margin-left: 12px;
        border-image-width: 50%;
        width: 100px;
        height: auto;
    }

    .textArea2 {
        padding: 2px 2px;
        margin: 2px 2px;
    }

    img {
        width: 100%;
        height: auto;
    }

    .hisPart {
        font-size: 23px;
        margin-bottom: 2px;
    }

    .hisName {
        font-size: 13px;
        margin-bottom: 2px;
    }



    .imgClass_his {
        margin-left: 1%;

        margin-top: 10px;
    }

    /*Menuバー関連*/
    ul.manubar {
        display: flow-root;
    }

    a {
        font-size: 12px;
    }

    ul.manubar li a {
        padding-bottom: 4%;
        padding-top: 4%;
        font-size: 14px;
    }


    .img_sgd {
        width: 102%;
        height: auto;
    }

    .sgd {

        margin-left: 2%;
        margin-right: 2%;

    }


    body {
        margin: 0px;
        background-blend-mode: color-dodge;
        background-attachment: inherit;
        width: 100%;
        height: 100%;
        color: black;
        background-image: url("img/BackGround.jpg");
        background-size: auto 100%;

        background-attachment: fixed;
        background-position: 60% 30%;
        /* 追加　*/
        display: flex;
        flex-flow: column;
        min-height: 100vh;
    }

    footer {
        padding: 3px;
    }

    .footerText {
        font-size: 12px;
        padding: 1.4%;

    }

    .titleimg {
        text-align: center;
        width: 30%;
        padding: 0px;
        margin: 1% 9%;
        height: auto;
    }

    .title {
        margin: 0px;
        padding: 0% 0%;
        padding-top: 2%;
        width: 100%;
    }


}

/*
タイトルサイズ
*/