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

.side li a{letter-spacing:.1em;}
.side li a span{display:block;font-size: .7em;letter-spacing: .1em;line-height: .5em;margin-bottom: 1em;}
.side li a:hover span{margin-left:2em;}

h5{margin-top:0;}
h6{font-weight:bold; margin-bottom:2em;}
p.subTtl{background:#eeeeee;padding:.5em;font-weight:bold;margin-bottom: 1em;}
table{width:100%;margin-bottom:2em;display:flex;}
thead,tbody{display:block;}
thead{width: 30%;}
tbody{width: 70%;}
tbody th{width: 12%;}
tbody td{width: 50%;border-bottom: 1px solid #e0e0e0;}
th{vertical-align: top;font-weight:bold;text-align: left;}
td{text-align: left;}
tr{width:100%;display: table;}

table.spec{width:100%;margin-bottom:2em;display:block;}
.spec thead,.spec tbody{display: table;width: 100%;}
.spec tbody td{width: 100%;border: none;}
.spec th{
    text-align: center;
    vertical-align: middle;
}
.spec tr,.spec tr:last-child{border: 1px solid #dedede;}
.spec tr{border-bottom: none;}

@-moz-document url-prefix() {
	.side li a span{display:block;font-size: .8em;letter-spacing: .1em;line-height: .5em;margin-bottom: 1em;}
}

@media all and (-ms-high-contrast:none){
	.side li a span{display:block;font-size: .8em;letter-spacing: .1em;line-height: .5em;margin-bottom: 1em;}
	.side li a:hover span{margin-left:0;}
	.spotLight tbody{display:-ms-flex; flex-wrap:-ms-wrap; width:715px;}
	.side .Ttl{padding-bottom: .5em;font-weight: bold;font-size: 1.1em; color:#474747;}
	.spotLight th p:nth-child(1){width: 140%!important;display: block;}
}



@media (min-width:320px) and (max-width:728px) {
p.subTtl{background:#eeeeee;padding:.5em;font-weight:bold;margin-bottom:.5em;}
table{width:100%; margin-bottom:2em; flex-direction: column;}
thead,tbody{display:block;}
thead{width: 100%;}
tbody{width:100%;}
thead th{vertical-align:top;}
tbody th{width: 80px; max-width:100%;}
tbody td{width: 220px;max-width:100%;}
th{vertical-align: top;font-weight:bold;text-align: left;}
td{text-align: left;}
.spec tr,.spec tr:last-child{border:none;}
article img{width:100%;}
}