/* FARM RECORDS responsive overrides, 2026-09-17. */
.farm-mobile-banners { display: none; }
@media screen and (max-width: 979px) {
  #main .heightLineParent > * { height: auto !important; }
  .farm-desktop-slider { display: none; }
  .farm-mobile-banners { display: block; margin: 0 16px 20px; }
  .farm-mobile-banners > div { margin-bottom: 12px; }
  .farm-mobile-banners a { display: block; }
  .farm-mobile-banners img { display: block; width: 100%; height: auto; }
  /* Also keep uninitialized banners usable if JavaScript is unavailable. */
  .twilight-show:not(.farm-desktop-slider) { width: auto; margin: 0 16px 20px; }
  .twilight-show:not(.farm-desktop-slider) .twilight-box { width: auto; }
  .twilight-show:not(.farm-desktop-slider) .twilight-box > div { float: none; margin-bottom: 12px; }
  .twilight-show:not(.farm-desktop-slider) .arrow-left,
  .twilight-show:not(.farm-desktop-slider) .arrow-right,
  .twilight-show:not(.farm-desktop-slider) .twilight-box > div:after { display: none; }
  div.inner,
  header #header_logo,
  #container {
    box-sizing: border-box;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
  #container { overflow: visible; }
  #main,
  #container #main {
    box-sizing: border-box;
    float: none;
    width: 100%;
    min-width: 0;
  }
  div.top_line { box-sizing: border-box; width: 100%; }
  header { padding: 20px 0 12px; }
  header #header_logo { padding-top: 0; }
  header h1 a { float: none; }
  header ul.menu {
    float: none;
    width: auto;
    margin: 8px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
  }
  header ul.menu li { float: none; margin: 0 12px 0 0; }
  header ul.menu li:before { content: none; }
  header ul.menu li a { display: inline-block; padding: 12px 0; }
  #search-box { float: none; margin: 0; padding: 8px 0; }
  #search-box input.text {
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 8px 48px 8px 10px;
    font-size: 16px;
  }
  #search-box input[type="submit"] {
    left: auto;
    right: 0;
    top: 8px;
    width: 44px;
    height: 44px;
    background-position: center;
  }
  header ul.icon { float: none; padding: 4px 0; display: none; }
  header #search-box { display: none; }
  header ul.icon li,
  header ul.icon li:last-child { float: none; margin: 0 12px 0 0; }
  header ul.icon a { display: inline-flex; min-width: 44px; min-height: 44px; align-items: center; }
  h3 { margin-right: 0; font-size: 24px; overflow-wrap: anywhere; }
  #main div.topics ul,
  #main div.release ul.release_info,
  #main ul.release_list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin: 0;
    padding: 0;
  }
  #main div.topics ul:before,
  #main div.topics ul:after,
  #main div.release ul.release_info:before,
  #main div.release ul.release_info:after,
  #main ul.release_list:before,
  #main ul.release_list:after { display: none; }
  #main div.topics ul li,
  #main div.release ul.release_info li,
  #main ul.release_list li {
    box-sizing: border-box;
    float: none;
    width: auto;
    min-width: 0;
    margin: 0;
    font-size: 14px;
  }
  #main ul.release_list li a,
  #main div.release ul.release_info a { padding: 12px; }
  #main div.topics_list {
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 20px;
    padding: 16px;
  }
  #main div.topics_list span.t_img { float: none; width: auto; margin: 0 0 12px; }
  #main div.topics_detail { padding: 0 0 24px; }
  #main div.topics div.topics_detail { padding: 8px; }
  #main div.topics_detail div.t_detail { width: auto; font-size: 16px; }
  #main div.topics_list span.t_detail { font-size: 16px; }
  #main div.side_info { float: none; width: 100%; }
  #main div.side_info div.side_box {
    box-sizing: border-box;
    width: 100%;
    max-width: 360px;
    margin: 0 auto 16px;
    padding: 16px;
  }
  #main div.side_info div.side_btn { width: auto; max-width: 360px; margin: 0 auto 24px; }
  #main div.release_detail { float: none; width: auto; margin: 0 0 32px; }
  #main div.margin_right_15 { margin-right: 0; }
  #main iframe { max-width: 100%; }
  #main span.youtube iframe,
  #main iframe[src*="youtube.com"],
  #main iframe[src*="youtube-nocookie.com"] { width: 100%; height: auto; aspect-ratio: 16 / 9; }
  #main div.wp-pagenavi { margin: 16px 0; display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
  #main div.wp-pagenavi span,
  #main div.wp-pagenavi a { display: inline-block; padding: 10px 12px; }
  #container div.page { margin: 20px 0; font-size: 16px; overflow-wrap: anywhere; }
  #container div.page div.simple dl { margin: 16px 0; }
  #container div.page div.simple dl dt { float: none; width: auto; padding: 8px 0 0; text-indent: 0; font-weight: bold; }
  #container div.page div.simple dl dd { margin-left: 0; padding: 8px 0; }
  #container div.page div.simple dl.recruit,
  #container div.page div.simple ul.info { margin-bottom: 32px; }
  #container div.page div.simple dl.recruit p { padding-left: 0; }
  #container div.page li { float: none; margin-right: 0; background-color: transparent; }
  #container div.page table { width: 100%; overflow-wrap: anywhere; }
  #container input[type="text"],
  #container input[type="email"],
  #container input[type="tel"],
  #container input[type="url"],
  #container textarea,
  #container select { box-sizing: border-box; max-width: 100%; font-size: 16px; }
  #container textarea { width: 100%; }
  #container iframe { max-width: 100%; }
  #main ul.release_list { margin-bottom: 16px; }
  #container div.artist div { box-sizing: border-box; width: auto; margin: 0 0 20px; padding: 16px; overflow-x: auto; }
  #container div.artist table.artist_tbl { width: 100%; min-width: 480px; }
  footer div.inner ul { display: flex; flex-wrap: wrap; }
  footer div.inner ul:before,
  footer div.inner ul:after { display: none; }
  footer div.inner ul li { float: none; margin: 0 12px 0 0; }
  footer div.inner ul li a { display: inline-block; padding: 10px 0; }
  footer div.inner p { float: none; margin: 0 0 24px; overflow-wrap: anywhere; }
}
@media screen and (max-width: 599px) {
  #main div.topics ul { grid-template-columns: minmax(0, 1fr); }
}