@charset "UTF-8";
/*=============================================================
  product 製品案内
=============================================================*/

.product#detail .panel b { font-weight: bold; font-size: 15px; }
.product#detail .panel sub { font-size: 10px; vertical-align: baseline; }
.product#detail .panel sup { font-size: 10px; vertical-align: text-top; }
.product#detail .panel p , .product#detail .panel ul , .product#detail .panel ol { margin: 0 auto 20px; }
.product#detail .panel .r_option{ font-size: 11px; position: absolute; bottom: -40px; right: 0; }
.product#detail .panel ul > li { position: relative; margin: 0 0 12px; padding: 0 0 0 16px; }
.product#detail .panel ul > li:before { display: inline-block; position: absolute; top: 11px; left: 4px; width: 4px; height: 4px; border-radius: 2px; background: #13449d; content: ""; }
.product#detail .panel ol { counter-reset: panel; }
.product#detail .panel ol > li { position: relative; margin: 0 0 12px; padding: 0 0 0 20px; counter-increment: panel; }
.product#detail .panel ol > li:before { display: inline; position: absolute; left: 0; color: #13449d; content: counter(panel) "."; }
.product#detail .panel .tableWrap { overflow: scroll; }
.product#detail .panel .descTable { width: 100% !important; margin: 0 0 5px; }
.product#detail .panel .descTable th , .product#detail .panel .descTable td { width: auto !important; height: auto !important; line-height: 1.5; padding: 4px; border: 1px solid #dfdede; font-size: 12px; vertical-align: middle; }
.product#detail .panel .descTable th { background: #e4f3f9; font-weight: 500; text-align: center; }
.product#detail .panel .descTable td { padding: 2px 10px; text-align: center; }
.product#detail .panel iframe { width: 100%; }
.product#detail .panel .applynote { margin: 0 auto; }
.product#detail .panel .applynote .mod_btn01 { width: 290px; }
@media (min-width: 640px), print {
	.product#detail .panel b { font-size: 17px; }
	.product#detail .panel p , .product#detail .panel ul , .product#detail .panel ol { margin: 0 auto 23px; }
	.product#detail .panel ul > li { position: relative; margin: 0 0 10px; padding: 0 0 0 20px; }
	.product#detail .panel ul > li:before { top: .4em; width: 6px; height: 6px; border-radius: 3px; }
	.product#detail .panel ol { counter-reset: panel; }
	.product#detail .panel ol > li { position: relative; margin: 0 0 12px; padding: 0 0 0 20px; counter-increment: panel; }
	.product#detail .panel ol > li:before { display: inline; position: absolute; left: 0; color: #13449d; content: counter(panel) "."; }
	.product#detail .panel .descTable { width: auto !important; max-width: 100%; margin: 0 auto 5px; }
	.product#detail .panel .descTable th , .product#detail .panel .descTable td { line-height: 1.5; padding: 15px; font-size: 14px; }
	.product#detail .panel .descTable td { padding: 15px 20px; text-align: center; }
	.product#detail .panel iframe { width: auto; min-width: 500px; }
	.product#detail .panel .applynote .mod_btn01 { width: 400px; }
}