@media all{

h1{
	font-size:1.2em !important;
	text-align:left !important;	
    margin: 1em 0 !important;
}

ol{
	margin:1em 0;
}

ol li h2{
	display:inline !important;
	margin:0 1em 0 0 !important;
    font-size: 1rem !important;
	font-weight:550 !important;
    color: #900 !important;
    padding: 0 .5em !important;
}

ol li span:nth-of-type(1),
ol li span:nth-of-type(2){
	margin-right:1em;
}

ol li span:nth-of-type(2){
	font-size:.85em;
	background:#900;
	color:#fff;
	padding:0 .5em;
	border-radius:2px;
}

#attention{
	position: relative;
}

#attention > span{
	position: absolute;
	-ms-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
	-webkit-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
	transform: translate(-50%,-50%);/*センター寄せの修正*/
	color: #fff;
	font-size: 1.8rem;
	margin: 0!important;/*文字がずれている場合や*/
	padding: 0!important;/*文字が折り返される場合*/
	text-shadow: #000 1px 1px 5px;
}

}

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

#attention > span{
	font-size: 1.4rem;	
}

h1{
	border-left: none !important;
	padding-left: 0 !important;
	font-weight: normal !important;
}

}