/* 2026-10-29: shared hamburger + smartphone equipment and product-example fixes. */
/* Keep the menu toggle consistently placed above the sliding panel. */
#menubutton-iti,
#menubutton-iti.panelactive {
  left:auto !important;
  bottom:auto !important;
  z-index:750 !important;
  pointer-events:auto !important;
}
#menubutton-box { touch-action:manipulation !important; cursor:pointer !important; }
#menubutton-box:hover { transform:none !important; }
#menubutton-list { touch-action:manipulation !important; pointer-events:auto !important; }
#menu-backdrop { z-index:680 !important; }
#menu { z-index:710 !important; background:linear-gradient(145deg,#142c49,#18375a 52%,#0d233d) !important; }
#menu a:focus-visible,
#menubutton-box:focus-within { outline:3px solid #a7cd45 !important; outline-offset:3px !important; }

/* Equipment mobile list: hide the 6-column desktop-only table and show readable cards. */
body.page-jigyou3 .equipment-mobile-list { display:none; }
@media (max-width:767px) {
  body.page-jigyou3 .table-card { padding:18px 13px 20px !important; }
  body.page-jigyou3 .table-card .table-wrap { display:none !important; }
  body.page-jigyou3 .equipment-mobile-list { display:grid !important; gap:22px; margin:18px 0 0; min-width:0; }
  body.page-jigyou3 .equipment-mobile-group { min-width:0; }
  body.page-jigyou3 .equipment-mobile-group-title {
    margin:0 0 10px !important; padding:10px 13px !important;
    border:0 !important; border-left:5px solid #accb45 !important;
    border-radius:9px; background:#eaf1f9; color:#193451 !important;
    font-size:1rem !important; font-weight:800; line-height:1.5;
    overflow-wrap:anywhere;
  }
  body.page-jigyou3 .equipment-mobile-items { display:grid; grid-template-columns:minmax(0,1fr); gap:11px; }
  body.page-jigyou3 .equipment-mobile-item {
    min-width:0; padding:14px 13px; border:1px solid #dfe6ee;
    border-radius:14px; background:#fff; box-shadow:0 4px 13px rgba(20,42,74,.05);
  }
  body.page-jigyou3 .equipment-mobile-model {
    margin:0 0 11px !important; padding:0 0 9px !important;
    border:0 !important; border-bottom:1px solid #e8edf2 !important;
    color:#1c3758 !important; font-size:1.05rem !important;
    font-weight:800; line-height:1.5; overflow-wrap:anywhere;
  }
  body.page-jigyou3 .equipment-mobile-specs { margin:0; display:grid; gap:7px; min-width:0; }
  body.page-jigyou3 .equipment-mobile-specs > div { display:grid; grid-template-columns:82px minmax(0,1fr); gap:10px; align-items:baseline; }
  body.page-jigyou3 .equipment-mobile-specs dt {
    color:#627083; font-size:.77rem; line-height:1.6; font-weight:700;
  }
  body.page-jigyou3 .equipment-mobile-specs dd {
    margin:0; color:#26354b; font-size:.90rem;
    line-height:1.6; font-weight:600; overflow-wrap:anywhere; word-break:normal;
  }
}
@media (min-width:768px) and (max-width:1024px) {
  body.page-jigyou3 .table-card .table-wrap { overflow-x:auto !important; -webkit-overflow-scrolling:touch; }
  body.page-jigyou3 .table-card table { min-width:800px !important; }
}

/* Product examples: stack the photograph/video thumb and details on narrow screens. */
@media (max-width:767px) {
  body.business-page.page-jigyou5 .business-stack,
  body.business-page.page-jigyou5 .product-list { min-width:0 !important; width:100% !important; }
  body.business-page.page-jigyou5 .business-intro-card { padding:18px 14px !important; }
  body.business-page.page-jigyou5 .anchor-pills { gap:7px !important; }
  body.business-page.page-jigyou5 .anchor-pills a { min-height:38px; padding:8px 12px; font-size:.82rem; }
  body.business-page.page-jigyou5 .product-card {
    display:grid !important; grid-template-columns:minmax(0,1fr) !important;
    width:100% !important; min-width:0 !important; max-width:100% !important;
    padding:12px !important; gap:13px !important;
    border-radius:18px !important;
  }
  body.business-page.page-jigyou5 .product-card .media-wrap,
  body.business-page.page-jigyou5 .product-card .copy,
  body.business-page.page-jigyou5 .product-card .specs { width:100% !important; max-width:100% !important; min-width:0 !important; }
  body.business-page.page-jigyou5 .product-card .media-wrap { padding:13px !important; border-radius:15px !important; }
  body.business-page.page-jigyou5 .product-card .media-wrap h3 { margin:0 0 9px !important; font-size:1.04rem !important; }
  body.business-page.page-jigyou5 .product-card .media-wrap .media,
  body.business-page.page-jigyou5 .product-card .product-thumb-link { width:100% !important; max-width:100% !important; }
  body.business-page.page-jigyou5 .product-card .product-thumb-link {
    display:block !important; position:relative; aspect-ratio:16 / 9;
    overflow:hidden !important; border-radius:11px !important;
  }
  body.business-page.page-jigyou5 .product-card .product-thumb-link img {
    display:block !important; width:100% !important; height:100% !important;
    object-fit:cover !important;
  }
  body.business-page.page-jigyou5 .product-card .specs {
    padding:15px 13px !important; border-radius:15px !important;
  }
  body.business-page.page-jigyou5 .product-card .intro-coment-center {
    width:100% !important; min-width:0 !important; gap:8px !important;
  }
  body.business-page.page-jigyou5 .product-card .specs .product-heading,
  body.business-page.page-jigyou5 .product-card .specs .product-size-heading {
    padding-right:64px !important;
  }
  body.business-page.page-jigyou5 .product-card .specs .jirei-span,
  body.business-page.page-jigyou5 .product-card .specs .size-span {
    max-width:100%; white-space:normal !important; font-size:.87rem !important;
    overflow-wrap:anywhere;
  }
  body.business-page.page-jigyou5 .product-card .specs .product-meta,
  body.business-page.page-jigyou5 .product-card .specs .boder-span {
    font-size:.86rem !important; line-height:1.75 !important;
    white-space:normal !important; overflow-wrap:anywhere !important;
    word-break:normal !important;
  }
  body.business-page.page-jigyou5 .product-pdf-panel { display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:12px !important; }
  body.business-page.page-jigyou5 .product-pdf-copy { min-width:0 !important; }
  body.business-page.page-jigyou5 .product-pdf-link { max-width:100% !important; white-space:normal !important; text-align:center; }
}