@charset "UTF-8"; 

h2#maintitle{background-image:url(/wp-content/common/img/jm/bg_title_advantage.jpg);}


.sponly{ display:none; }

table.detail{ margin:0; padding:0; border-collapse:collapse; font-size:77%; width:100%; }
table.detail.fir{ width:auto; }
table.detail caption{ width:100%; text-align:left; padding:10px 0 5px 0; font-weight:bold; }
table.detail th{ background-color:#ed6d35; color:#fff; border:1px solid #fff; padding:3px; }
table.detail tr.head th{ text-align:center; }
table.detail td{ background-color:#eee; color:#000; border:1px solid #fff; text-align:center; white-space:nowrap; }
table.detail td span{ display:none; }
@media screen and (min-width: 581px) {
table.detail td{ width:9%; }
table.detail.fir td, table.detail.fir th{ width:5em; }
}
@media screen and (max-width: 580px) {
th.sponly{ display:inline !important; white-space:normal; }
table.detail tr.head{ display:none !important; }
table.detail, table.detail tr, table.detail tbody{ display:block !important; position:static; }
table.detail th{ display:block; height:20px; }
table.detail tr:after, table.detail td:after{   content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; }
table.detail td{ height:22px; display:block; text-align:left; margin-left:60%; line-height:20px; }
table.detail.fir td{ margin-left:20%; }
table.detail tr.head{ display:none; }
table.detail th{ float:left; height:44px; white-space:normal; word-break:break-all; width:40%; }
table.detail th.head{ float:left; height:220px; width:20%; }
table.detail.fir th.head{ float:left; height:44px; width:20%; }
table.detail td span{ display:inline-block; width:3.5em; }
table.detail br{ display:none; }
}