@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
a:hover{position: relative; top:-2px; left:2px;}

.pconly{display:inline-block;}
.sponly{display:none;}

table {
    width: 100%;
    border-collapse:collapse;
}
td {
    padding: 0.5em;
}

th {
    padding: 0.5em;
    background-color:#eee;
}
.waku td,
.waku th{
    border: 1px solid #666;
}
.td3 td{
    width:33%;
}
.td2 td{
    width:50%;
}


header {
    width: 100%;
    margin: 0.5em 0 0.25em;
}
.sect00 {
    width: 80%;
    margin: 0 auto;
    max-width: 1200px;
}
.cent {
    text-align: center;
}
.pcfle {
    display: flex;
}

.head02 {
    width: 100%;
    font-size: 150%;
    background-color: var(--maincol);
    color: #fff;
    padding: 0.5em;
    text-align: center;
    font-weight: bold;
}
.area-copy {
    width: 100%;
    padding: 3em 0 3em 1em;
}

/* filter:drop-shadow(-4px 9px 0px #f99) drop-shadow(4px -6px 0px #9f9);*/

.area-photovar {
    width: 100%;
    justify-content: center;
    display: flex;
    height: 150px;
    margin: 5em auto;
    overflow: hidden;
}
.yoko-ph {
    width: 100%;
    justify-content: center;
    display: flex;
    height: 100px;
    margin: 0 auto;
}

.bumonttl {
    color: var(--maincol);
    font-size: 300%;
    text-align: center;
    font-weight: bold;
    margin: 0.5em 0;
}

/*
.entry-coltxt {
    text-align: center;
    color: var(--maincol);
    margin: 1em 0 0.5em;
    font-weight: bold;
    font-size: 125%;
}*/


/*エントリーボタン*/
.entry00 {
    display: flex;
    gap: 2em;
    margin:2em 0 4em;
}
.entry00 .btn{
    background-color:var(--maincol);
    border-radius:20px;
    color:#fff;
    font-weight:bold;
    font-size:150%;
    text-decoration:none;
    padding:1.75em 0.25em;
    display:block;
    width:100%;
    text-align:center;
    display: flex;justify-content:center;align-items: center;
}





.entry01 {
    border: 1px solid var(--maincol);
    padding-bottom: 1em;
}
.entry01 h2 {
    background-color: var(--maincol);
    color: #fff;
    padding: 0.5em;
}
.entry01 p {
    padding: 1em;
}
.entry01 table {
    margin: 0 auto;
}
.entry01 table.idea {
    margin: 1.75em auto;
}



.area-entry02{
    background-color: var(--maincol02);
    border: 0.35em solid var(--maincol);
    border-radius: 20px;
    padding: 1.5em 1em 1em 1em;
}

.entry02 {
    display: flex;
    gap: 2em;
    margin:2em 0 1em ;
}


.entry02 .btn{
    background-color:var(--maincol);
    border-radius:10px;
    color:#fff;
    font-weight:bold;
    font-size:125%;
    text-decoration:none;
    padding:1.75em 0em;
    display:block;
    width:70%;
    text-align:center;
    box-shadow: -2px 3px 3px rgba(0,0,0,0.3);
    margin:0 auto;
}
.entry02 .btn2{
    color:var(--maincol);
    border-radius:20px;
    border: 1px solid var(--maincol);
    background-color:#fff;/*var(--maincol02);*/
    font-weight:bold;
    font-size:100%;
    text-decoration:none;
    padding:1em;
    display:block;
    width:100%;
    text-align:center;
    display:flex;
    justify-content:center;
    align-items: center;
    box-shadow: -2px 3px 3px rgba(0,0,0,0.3);
}
/*
.entry02 .btn2 span{
display:block;
}*/




/* エントリー受付期間 */
.entrytime {
    border: 1px solid var(--maincol);
    width: 100%;
    margin-top: 2em;
    padding-bottom: 1em;
}
.entrytime .ttl {
    background-color:var(--maincol02);
    color: var(--maincol);
    text-align: center;
    padding: 0.5em;
    font-weight: bold;
    font-size: 125%;
    border-bottom: 1px solid var(--maincol);
}
.entrytime .daytime {
    padding: 0.75em 0;
    text-align: center;
    font-size: 200%;
    font-weight: bold;
    color: var(--maincol);
}
.entrytime .detail {
    width: 80%;
    margin: 0 auto;
    max-width: 800px;
}




/*　実施要領　*/
.yoryotop {
    text-align: center;
    font-weight: bold;
    font-size: 200%;
    color: var(--maincol);
}

.yoryo-ttl {
    width: 90%;
    max-width: 1000px;
    font-weight: bold;
    background-color: var(--maincol);
    color: #fff;
    border-radius: 9px;
    padding: 0.2em;
    margin: 2em auto 0;
    text-indent: 1em;
}
.yoryo-bdy {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0.75em;
    line-height: 2;
}
/*
.yoryo-bdy p{text-indent:1em;}
*/
.yoryo-bdy .detail {
    color: #666;
    padding: 0.25em 0 0.5em 1em;
}

.yoryo-bdy .bumon {
    color: var(--maincol);
    font-weight: bold;
}
.yoryo-bdy .liststyle {
    ist-style-position: outside;
    padding-left: 1em;
    margin-left: 1em;
}
.area-btn{
    display:flex;
    gap:1em;
}
.area-btn a{
    display:block;
    text-align:center;
    width:100%;
    border-radius:10px;
    border: 1px solid var(--maincol);
    text-decoration:none;
    padding:0.75em 1em 0.5em;
    color:var(--maincol);
    box-shadow: -2px 3px 3px rgba(0,0,0,0.3);
    display:flex;
    justify-content:center;
    align-items: center;
}
.area-btn a div{}

.saa{
    margin:10em auto 7em;
} 

.saa-comment {
    font-weight: bold;
    padding: 0 1em;
    color: var(--maincol);
        } 

.saa-comment p{
    font-size:300%;
}
.saa-bdy{
    padding: 0.75em;
    line-height: 2;
    color:var(--maincol);
    font-weight:bold;
}    
.saa-bdy p{
    padding:1em 0;
    text-indent:1em;
}



/*主催　協賛*/

.area-logo {
    margin: 5em auto 7em;
    display: flex;
}
.logobox {
    width: 100%;
    text-align: center;
}
.logobox img {
    vertical-align: middle;
    height: 50px;
}




/*お問い合わせ*/
.contact {
    padding: 1em;
    line-height:2;
    display:flex;
    gap:1em 2em;
    justify-content: center;
    margin-top:3em;
    border: 1px solid #999;
}
.contact-t {
    font-weight: bold;
    line-height: 2;
    font-size: 125%;
    text-align: center;
}
footer {
    font-size: 75%;
    text-align: center;
    margin-top: 3em;
}
.topback{
    margin:4em auto;
    width:80%;
    max-width: 1200px;
}
.topback a{
    font-size:90%;
    color:var(--maincol);
}


/*　＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊　*/




@media(max-width:767px){
/*
table {
    width: 100%;
    }*/
    .pconly {
        display: none;
    }
    .sponly {
        display: inline-block;
    }
    .sect00{
    width:96%;
    }
    .pcfle {
        display: block;
    }
    .area-copy{
    padding:1em 0 0 0;
    }
    .area-photovar {
    margin: 1em auto;
    }
    .bumonttl {
    font-size: 200%;
    }
    .entry00 {
        display: initial;}
    .entry00 .btn{
        margin:0.5em 0;
        padding:1.75em 0.5em;
        box-shadow: -2px 3px 3px rgba(0,0,0,0.3);
    }
    .entry01 {
        margin-bottom: 2em;
    }
    .entry02 {
    display:block;

    }
    .entry02 a{
    margin-bottom:0.5em;
    }
    .entrytime {
        margin-top: 4em;/*
        border-radius: 20px 20px 0 0;*/
    }
    .entrytime .ttl {
        color: var(--maincol);/*
        background-color: var(--maincol02);
        border-radius: 20px 20px 0 0;*/
    }
    .idea {
        margin: 0;
    }
    .yoryo-bdy{
    padding: 0.75em 0.25em;
    }
    .yoryo-bdy .detail {
    padding: 0;
    }
    .area-btn{
    display:initial;
    }
    .area-btn a{
    margin:0.5em 0;
        }

    .saa{
    margin: 5em auto 5em;
    }
    .saa-comment p{
        font-size:280%;
    }
    .saa-bdy p{
    padding:0;
    text-indent:0em;
    }
    .area-logo{
    display:initial;
    }
    .logobox{
    margin:1em auto;
    }
    .logobox img {
    height: auto;
    width: 80%;
    max-width:360px;
    margin: 0.5em;
    }

    .contact {
    display:block;
    margin-top:5em;
    }

    .topback{width: 90%;}

}