@charset "UTF-8";
/* CSS Document */

#monitor h1.no-space {
font-size: 32px;
color: #988c36;
font-family: 'Noto Serif Japanese', serif;
line-height: 40px;
padding-top: 15px;
}

#monitor .sub {
margin-top: 30px;
margin-bottom: 5px;
}

#monitor .sub span {
background: #988c36;
color: #ffffff;
padding: 10px 14px;
font-size: 18px;
}
#monitor h3 {
font-size: 20px;
color: #988c36;
font-family: 'Noto Serif Japanese', serif;
}

#monitor p img {
margin-bottom:7px;
}

#monitor dl {
width: 100%;
border-bottom: dotted #ccc 1px;
}

#monitor dl dt {
font-weight: bold;
width: 90px;
display: block;
clear: left;
float: left;
border-top: dotted #ccc 1px;
padding: 7px 0;
}

#monitor dl dd {
margin-left: 90px;
border-top: dotted #ccc 1px;
padding: 7px 0;
}

#monitor ul li:before {
font-family: FontAwesome;
content: '\f111'; 
margin-right: 7px;
color: #988c36;
}

#monitor ul li:after {
font-family: FontAwesome;
content: '\f063'; 
display: block;
margin: 7px 0 7px 25px;
}
#monitor ul li:last-child:after {
content: none; 
}

#monitor strong {
color: #988c36;
font-size:16px;
}

#monitor .btn {
width: 280px;
background: #988c36;
border: #988c36 1px solid;
padding: 30px;
margin: 0 auto;
text-align: center;
font-size: 20px;
border-radius: 10px;
margin-bottom: 20px;
}
#monitor .btn a {
color: #ffffff;
}
#monitor .btn:hover {
background: #98897a;
border: #98897a 1px solid;
text-shadow: none;
color: #ffffff;
}
#monitor a:hover {
text-decoration: none;
}