@charset "euc-jp";
/* CSS Document */

*{padding:0;margin:0;box-sizing:border-box;font-family: "Noto Sans Japanese";font-size:16px;}

/*body{background:#eee;}*/
#allWrap{background:#eee;padding:50px 0;}
#wrapper{width:100%;max-width:800px;margin:0 auto;}

h1{font-size:2.0em;padding:10px 0;}
/*h1::before{display:inline-block;content:url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u27612497/pc/info/css/img/rogo.jpg);margin-right:10px;width:55px;height:55px;background:orange;}*/

#wrapper > dl{margin:50px 0;background:#fff;border-radius:3px;padding:25px 15px;}
#wrapper > dl:last-child{margin-bottom:0;}

#wrapper > dl dt{margin-bottom:10px;}
#wrapper > dl dt h2{font-size:1.4em;padding:0 8px 2px;border-bottom:solid 1px orange;}

#wrapper > dl dd{padding:5px 10px;}
#wrapper > dl dd h3{font-size:1.1em;margin-bottom:15px;}
#wrapper > dl dd p{font-size:0.875em;margin-bottom:15px;}

#wrapper > dl dd span{}
#wrapper > dl dd span.headLine{display:block;}
#wrapper > dl dd span.headLine::before{display:inline-block;content:"��";}
#wrapper > dl dd span.caution{font-weight:bold;color:#bf0000;display:block;}
#wrapper > dl dd span.big{font-size:1.125rem;}
#wrapper > dl dd span.regular{font-size:0.875rem;}
#wrapper > dl dd span.small{font-size:0.75rem;}

#wrapper > dl dd a.close{display:block;background:#fff;text-align:center;width:80px;font-size:0.875em;padding:10px 0;border:solid 1px orange;margin:25px auto 0;transition:0.2s;color:inherit;text-decoration:none;}
#wrapper > dl dd a.close:hover{background:orange;color:#fff;}

@media screen and ( max-width:960px ){
	*{letter-spacing:0.2px;}
	#allWrap{padding:10px;}
	#wrapper > dl{padding:10px;}
	#wrapper > dl dt h2{font-size:1.2em;}
}


/* infobox�� */
div#infobox{width:100%;}
div#infobox ul{padding:5px;list-style:none;}
div#infobox ul::after{content:"";display:block;height:0;visibility:hidden;clear:both;}
div#infobox ul li{float:left;margin-right:10px;}
div#infobox ul li a{position:relative;display:block;background:orange;border-radius:3px;padding:10px 30px 10px 10px;color:#fff;text-decoration:none;}
div#infobox ul li.important a{background:#D00;}
div#infobox ul li a::after{display:block;position:absolute;top:17px;right:5px;content:"";width:0;height:0;border:solid 5px transparent;border-left-color:#fff;}
div#infobox ul li a:hover{background:gold;}