/* Responsive supplement for this product page. Shift_JIS HTML remains unchanged. */
.mkn-mobile-only { display:none !important; }
@media screen and (max-width: 767px) {
  html, body { max-width:100%; overflow-x:hidden; }
  body { margin: 8px; font-size:16px; line-height:1.65; }
  body > center, center { max-width:100%; }
  hr { max-width:100%; box-sizing:border-box; }
  img { max-width:100%; height:auto; }
  iframe { max-width:100%; }
  .mkn-desktop-paired { display:none !important; }
  .mkn-mobile-only { display:block !important; width:100%; max-width:800px; box-sizing:border-box; margin: 0 auto 14px; }
  .mkn-mobile-card { margin:0 0 12px; box-sizing:border-box; width:100%; border:1px solid #e3e3e3; }
  .mkn-mobile-heading { padding:9px 8px; text-align:center !important; font-size:16px; font-weight:bold; }
  .mkn-mobile-heading h1 { font-size:clamp(22px,6vw,30px); line-height:1.35; margin:6px 0; }
  .mkn-mobile-heading h2 { font-size:clamp(19px,5vw,25px); line-height:1.35; margin:6px 0; }
  .mkn-mobile-heading h3 { font-size:17px; line-height:1.4; margin:5px 0; }
  .mkn-mobile-heading p { margin:5px 0; }
  .mkn-mobile-content { padding:12px 10px; text-align:left !important; overflow-wrap:anywhere; }
  .mkn-mobile-content[ data-media='yes' ] { text-align:center !important; }
  .mkn-mobile-content img { display:inline-block; max-width:100%; height:auto; }
  .mkn-mobile-content iframe { display:block; width:100%; max-width:460px; aspect-ratio:16/9; height:auto; margin:auto; border:0; }
  .mkn-mobile-content ul, .mkn-mobile-content ol { text-align:left; padding-left:1.6em; margin:7px 0; }
  .mkn-mobile-content p { margin: 6px 0; }
  .mkn-mobile-content center { text-align:center; }
  .mkn-mobile-content [align=middle], .mkn-mobile-content [align=center] { text-align:center; }
  .mkn-simple-table { width:100% !important; max-width:100%; table-layout:auto; }
  .mkn-simple-table td { overflow-wrap:anywhere; }
  .mkn-single-table, .mkn-single-table tbody, .mkn-single-table tr, .mkn-single-table td { display:block; width:100% !important; height:auto !important; box-sizing:border-box; }
  .mkn-single-table td { padding:9px; text-align:left; overflow-wrap:anywhere; }
  .mkn-single-table td:has(h1), .mkn-single-table td:has(h2), .mkn-single-table td:has(h3) { text-align:center; }
  .mkn-spec-scroll { width:100%; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; margin:8px auto 18px; border:1px solid #ddd; box-sizing:border-box; }
  .mkn-spec-scroll > table { width:max-content !important; min-width:680px; margin:0; }
  .mkn-spec-scroll td, .mkn-spec-scroll th { white-space:nowrap; }
  .mkn-footer-scroll { max-width:100%; overflow-x:auto; }
  .mkn-footer-scroll > table { min-width:700px; }
  [data-mrc-webform] { width:100%; max-width:100%; box-sizing:border-box; }
  /* Avoid inherited legacy center alignment in explanatory cells. */
  .mkn-single-table td:not(:has(img)):not(:has(iframe)):not(:has(h1)):not(:has(h2)):not(:has(h3)) { text-align:left; }
}

/* pot-mini.html: カタログと実機テストの2列部分はスマホで上下2カードに */
.mkn-pot-catalog-mobile { display:none !important; }
@media screen and (max-width: 767px) {
  table.mkn-pot-catalog-desktop { display:none !important; }
  .mkn-pot-catalog-mobile { display:block !important; width:100%; max-width:100%; box-sizing:border-box; margin:16px auto; }
  .mkn-pot-catalog-item { width:100%; box-sizing:border-box; margin:0 0 16px; }
  .mkn-pot-catalog-item h3 { box-sizing:border-box; margin:0; padding:13px 12px; background:#b02040; color:#fff; text-align:center; font-size:17px; line-height:1.5; }
  .mkn-pot-catalog-body { box-sizing:border-box; width:100%; padding:16px 12px; text-align:left; line-height:1.7; overflow-wrap:anywhere; }
  .mkn-pot-catalog-body p { margin:0 0 14px; }
  .mkn-pot-catalog-body img { display:block; margin:10px auto; max-width:100%; height:auto; }
}