@charset "utf-8";

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    width:100%;
    height:100%;
    min-height: 100%;
     background: #fff;
}

body {
    width:100%;
    height: auto;
    min-height: 100%;
    margin: 0;
    padding: 0;
    font-size: 16px;
        font-feature-settings: 'palt';
    color: #000;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),
                    linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
  background-size: 20px 20px;
  background-repeat: repeat;
  background-position: center center;
font-family:"Noto Sans JP", sans-serif;
font-weight: 400;

}


a {
    color:#c90915;
    text-decoration: underline;
}
a:hover, a:active{
    opacity:0.7;
        text-decoration: none;
}

form a {
    text-decoration:none;
}



p{margin:0;padding:0;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

*{
box-sizing:border-box;
}

img{
    vertical-align:bottom;
}

.sp{
    display: none;
    margin:0;
    padding:0;
}

#wrapper{
    width:100%;
    min-height:100%;
    margin:0;
    padding:0;

}




#main {
    width:100%;
    height: auto;
    margin: 0 auto;
    padding:2em 0 1em;
    text-align: center;
position: relative;
    z-index: 50;


}


#header{
    width: 100%;
    text-align: center;
    margin:0 auto;
padding:50px 0 0;
position: relative;
    z-index: 100;
background: #06073c;

}





#header img{

    margin:0 auto;

}

h1 {
    margin:0 auto 1em;
    padding:0;
}



h2 {
    margin:0 auto ;
    padding:1em 0;
    line-height: 1.2;
}



.poster{
display: block;
    margin: 0 auto 1em;
    padding: 0;
    width: 100%;
max-width: 600px;

}



.official{
display: inline-block;
margin: 0 auto ;
padding: 0;
font-size: 1.3rem;
color: #fff;
background: #c90915;
line-height: 1.2;
 font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;

}



.official p{
margin: 0;
padding: 0.5rem 2em;
 color: #fff;
vertical-align: bottom;
}


.official :hover{
background: #06073c;

}

.official a{
 color: #fff;
text-decoration: none;
}

.official a:hover,
.official a:active {
    text-decoration: none;
    opacity: 1.0;

}

#lead{
    width: 100%;
    text-align:center;
    line-height:1.6em;
    margin: 0 auto;
    padding:1em;
    font-size: 100%;
    color: #000;
}

.caution-box{
    width: 100%;
    max-width: 600px;
    text-align:left;
    line-height:1.6em;
    margin: 1em auto;
    padding:1em;
    font-size: 1rem;
    color: #c90915;
    background: #fff;
border:2px solid #c90915;

}

.caution-box p{
    text-align:center;
        font-weight: bold;
    margin:0 auto 0.5em;
    padding:0 0 5px;
    font-size: 120%;
    color: #c90915;
border-bottom: solid 2px #c90915;
font-weight: 500;

}


.dl_table{
    width:100%;
max-width: 1000px;
    padding:1em 0;
    margin:0 auto 1em;
    position: relative;
    z-index: 500;
    display: flex;
    text-align: center;
}



.box{
    width:50%;
      padding:0 ;
      margin:0 1em 0 0;
    vertical-align: top;
position: relative;
    background:#fff;
border: 3px solid #06073c;
}

/* .box:nth-of-type(odd){
    background: #fff;
    border:1px solid #c30d23;
    color: #000;
}

.box:nth-of-type(even){
    background: #c30d23;
    border:1px solid #c30d23;
    color: #fff;
} */

.box:last-of-type{
      margin:0;
}


.box h3{
font-size:150%;
margin: 0 auto;
padding: 0.5em 0;
letter-spacing: 2px;
font-weight: 900;
color: #fff;
background: #c90915;
}

/* .box:nth-of-type(odd) h3{
    background: #e0d000;
    color: #fff;

}

.box:nth-of-type(even) h3{
    background: #c30d23;
    color: #fff;

} */

.box dl{
    width: 100%;
    margin:0 auto;
    padding: 0 ;
    font-size: 100%;
}



.dl_table .box > dl > dt{
    width: 100%;
    font-size: 1.2rem;
    margin:0 auto;
    padding:0.5rem 0;
    letter-spacing: 2px;
    color: #fff54c;
    background: #06073c;
    border-bottom: 5px solid #c90915;
font-weight: 900;

}



.dl_table .box > dl > dd{
    font-size: 100%;
    width: 100%;
    margin:0 auto;
    padding: 1em;
}






.dl_table .box > dl > dd p{
    font-size: 1.1rem;
margin: 0 auto;
padding: 0;
font-weight: 600;
letter-spacing: 1px;

}

.dl_table .box > dl > dd.eve02 p{
 padding:0;
 margin: 0 auto 5px;

}




.dl_table .box > dl > dd p:last-of-type{
 padding:0;
 margin: 0 auto 0.5em;
}

.dl_table .box > dl > dd.eve02 p:last-of-type{
margin: 0 auto;
color: #fff;
}




.dl_table .box > dl > dd span{
    display: inline-block;
    font-size: 80%;
    width: 100%;
    margin:0 auto;
    padding: 0;
color: #c90915;
font-weight: 500;
}




.dl_table .box > dl > dd .check:before{
    content: "※";

}




.dl_table .box > dl > dd .eve span:last-of-type{
font-size: 90%;
font-weight: bold;
}


.box .button{
    width:80%;
    display: inline-block;
    margin:0 auto;
    padding: 0.5rem;
    font-size: 100%;
color: #fff;
background: #06073c;
letter-spacing: 1px;
font-weight: 600;
}

.box .button:hover{
color: #fff54c;
}



/**/




#footer {
    padding: 30px 0 0;
    width: 100%;
    text-align: center;
        position: relative;
    z-index: 500;

}


#footer a {
    text-decoration: none;
}

#footer .copyright {
    width: 100%;
    margin: 0 auto;
    padding: 1em 0 0;
    color: #fff;
}



#footer small {
    display: block;
    font-size: 70%;
    margin: 1em 0 0;
    padding: 1em 0;
color: #fff;
background: #06073c;
}

@media screen and (max-width: 1024px) {


}

@media screen and (max-width: 896px) {




img{
        max-width: 90%;
    }

h2 img{
    max-width: 85vw;
}

    .dl_table{
    display: block;

    margin: 0 auto;
max-width: 680px;
}


    .box{
    display: block;
    margin:0 auto 2em;
    width: 100%;

}
.box:last-of-type{
margin: 0 auto ;
}

.box h3{
font-size: 150%;
}

}



@media screen and (max-width:758px){


    .sp {
        display: inline;
    }

    .pc {
        display: none;
    }


#main{
padding:  1em 1em 0;
}
#header{
    padding: 30px 0 0;
}

h1{
   margin: 0 auto;
}

h2{
    padding: 1em 0;
}






    img{max-width:90%;}



    #lead {

        font-size: 90%;
    }

.box{
padding: 0;
}

.box h3{
font-size: 130%;
}

.box h3 img{
margin: 0 2px;
max-width: 30px;
}

.dl_table .box > dl > dt{
font-size: 110%;
}




.dl_table .box > dl > dd:last-of-type{
padding: 0 0.5em 1em;
}


    .dl_table .box > dl > dd .check {
        text-align: left;
        padding: 0 0 0 1em;
    }


.dl_table .box > dl > dd .check:before{
margin: 0 0 0 -1em;
}

.dl_table .box > dl > dd .check.center{
text-align: center;

}

.box .button{
width: 90%;
}



.sp{
    display: inline;
}



.caution-box{

    font-size: 90%;
    text-align: left;
}

.caution-box h3{
    width: 100%;
}

.roadshow{
max-width: 50vw;
}


}

@media screen and (max-width: 320px) {

.box h3{
font-size: 120%;
}

.box h3 img{
max-width: 25px;
}
.box{
font-size: 90%;
}

.attention{
font-size: 90%;
}

}