/* 案件: 忠孝酒造 / DOKODEMO_ABISU-778 */
/* 対象: お知らせ一覧 /newsall・お知らせ詳細 /news (全置換ページ専用。トップページには登録しない) */
/* 用途: PC/スマホの出し分け・月別表示・ページ送り・記事ブロックの補い */

html,
body {
  overflow-x: hidden;
}

body {
  margin: 0;
}

.up-d_news {
  overflow: visible;
  font-family: initial;
}

.up-d_news-source,
.up-d_news .up-d_news-key,
.up-d_news-head--month {
  display: none !important;
}

.up-d_news--month .up-d_news-head--month {
  display: block !important;
}

.up-d_news--month .up-d_news-head--all,
.up-d_news--month .tablenav {
  display: none !important;
}

.up-d_news .up-d_news-imgline {
  line-height: 0 !important;
}

.up-d_news .tablenav {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px;
}

.up-d_news .tablenav div {
  display: contents;
}

.up-d_news .wp-container-core-group-layout-1 {
  flex-direction: column;
  align-items: flex-start;
}

.up-d_news .wp-container-core-group-layout-2 {
  flex-wrap: nowrap;
}

.up-d_news hr {
  margin: 0.5em auto;
}

.up-d_news :focus {
  outline: 0;
}

@media screen and (min-width: 768px) {
  .up-d_news-sp-only {
    display: none !important;
  }

  .up-d_news #footer .f_inner_02 {
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .up-d_news-pc-only {
    display: none !important;
  }

  .up-d_news .tablenav {
    justify-content: center;
  }
}