@charset "UTF-8"; 

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

dl.imgcol{ display:block; margin:0; padding:0; }
dl.imgcol dt{ width:40%; display:inline-block; vertical-align:top; }
dl.imgcol dt img{ width:90%; height:auto; }
dl.imgcol dd{ width:60%; display:inline-block; vertical-align:top; font-size:85%; margin:0; }
dl.imgcol dd h4{ color:#ed6d35; margin:0 0 0.5em 0; padding:0; border-bottom:1px solid #ed6d35; font-size:125%; }
dl.imgcol dd a{ display:inline-block; padding:0 5px; line-height:2em; height:2em; background-color:#ed6d35; font-size:85%; color:#fff; }


dl.qa{ display:block; margin:0; padding:0; }
dl.qa dt{ background:url(/wp-content/common/img/jm/qa_q.png) left top no-repeat; padding-left:25px; margin:0 0 10px 0; }
dl.qa dd{ background:url(/wp-content/common/img/jm/qa_a.png) left top no-repeat; padding-left:25px; margin:0 0 20px 0; }

dl.qa table{ width:100%; margin:0; padding:0; border-collapse:collapse;  }
dl.qa table caption{ width:100%; text-align:left; padding:10px 0 5px 0; font-weight:bold; }
dl.qa table th{ background-color:#ed6d35; color:#fff; border:1px solid #fff; font-size:69%; white-space:nowrap; width:25%; padding:3px; }
dl.qa table tr.head th{ text-align:center; padding:3px; }
dl.qa table td{ background-color:#eee; color:#000; border:1px solid #fff; text-align:center; padding:3px; }
dl.qa table td span{ display:none; }

@media screen and (max-width: 800px) {
}
@media screen and (max-width: 580px) {
.sponly{ display:inline !important; white-space:normal; }


dl.qa table, dl.qa table tr, dl.qa table tbody, dl.qa table caption{ display:block; width:100%; margin:0; border-spacing: 0px 0px;  }
dl.qa table{ margin-bottom:50px !important; line-height:20px; border-collapse:collapse; }
dl.qa table th, dl.qa table td{ display:block; white-space:normal; margin:0; }
dl.qa table th{ width:33%; height:84px; float:left; margin:0; }
dl.qa table td{ width:66%; float:right; height:28px; margin:0; position:relative; padding-left:40%; vertical-align:top; line-height:20px; }
dl.qa table td span{ width:60%; display:block; margin-right:5px; padding-left:5px; background-color:#ed6d35; color:#fff; font-size:51%; text-align:left; position:absolute; left:-3px; top:0; height:26px; line-height:26px; }
dl.qa table tr.head{ display:none; }
}