/* #wrapper.rule
----------------*/
#contents header h2.tit{
background:url(/event_compe/img/2020/rule/hd_sp.png) 50% 0 no-repeat;
background-size:100% auto;
}

@media only screen and (min-width:768px){
#contents header h2.tit{
background:url(/event_compe/img/2020/rule/hd_pc.png) 50% 0 no-repeat;
}
}
#rule_wrap{
/* padding:0 0 3.5em 0; */
text-align:center;
}
#rule_wrap article{
margin:0 auto;
max-width:980px;
width:98%;
text-align:left;
}
#rule_wrap article>h2{
text-align:center;
padding-bottom:1.5em;
padding:2em 0;
}
#rule_wrap article>h2 em{
display:inline-block;
font-size:1.1em;
padding:0 0.2em 0.3em 0.2em;
border-bottom:solid 0.2em #2e4e4e;
}
#rule_wrap article>p{
font-size:1em;
line-height:1.7;
}
#rule_wrap section{
padding:2em 0;
}
#rule_wrap section h3{
font-size:1.3em;
padding:0 0.3em 0.5em 0.3em;
border-bottom:solid 3px #ccc;
color:#040b2d;
display:block;
position:relative;
}
#rule_wrap section h3:before{
width:5em;
height:4px;
display:block;
content:"";
position:absolute;
bottom:-4px;
left:0;
background:#040b2d;
}
#rule_wrap section h3 span{
display:block;
padding-top:0.3em;
font-size:0.8em;
letter-spacing:-0.2px;
line-height:1.3;
}

@media only screen and (min-width:768px){
#rule_wrap section h3 span{
display:inline;
}
}
#rule_wrap section p,
#rule_wrap section ul li{
font-size:1em;
line-height:1.5em;
letter-spacing:-0.2px;
padding:1em 0.2em 0.5em 0.2em;
}
#rule_wrap section ul.note li{
text-indent:-1.5em;
margin:0 0 0 1.5em;
}
#rule_wrap section p em,
#rule_wrap section ul li em{
font-weight:bold;
}
#rule_wrap section figure{
text-align:center;
}
#rule_wrap section figure img{
width:100%;
max-width:960px;
margin:0 auto;
}
#rule_wrap section a{
color:#641943;
font-weight:bold;
text-decoration: underline;
}
#rule_wrap section a:hover{
text-decoration:underline;
color:blue;
}