/* The top page's 製薬業界ニュース block on phones and tablets (sf-answers-01-08). Linked by the top page only, after
   css/index.css and before site/sp.css. A window 960 px or wider (the old PC frame) applies none of it. */

@media (max-width: 959px) {
  /* css/index.css draws the dark bar over the heading at a fixed 730px: span the block instead */
  #conts .pharmanews .useful:before {
    width: auto;
    right: -1px;
  }

  /* The title and the date sit side by side in table cells, the date at a fixed 190px: stack them instead */
  #conts .pharmanews .inner dl dt .ttl,
  #conts .pharmanews .inner dl dt .ttl a,
  #conts .pharmanews .inner dl dt .ttl .date {
    display: block;
  }
  #conts .pharmanews .inner dl dt .ttl .date {
    width: auto;
    padding-left: 0;
  }
}