.eiga-screening-notice {
  background: #f7f1e3;
  border-left: 5px solid #1a2744;
  box-sizing: border-box;
  color: #1a2744;
  margin: 0 0 1.5em;
  min-height: 3.5em;
  padding: .8em 1em;
}
.eiga-screening-notice--soon { border-left-color: #b8902f; }
.eiga-screening-notice--ended { border-left-color: #777; color: #555; }
.eiga-screening-notice a { color: inherit; margin-left: .35em; }
.eiga-screening-notice__hub { display: block; margin: .5em 0 0 !important; }
.eiga-badge {
  background: #1a2744;
  border-radius: 999px;
  color: #fff;
  display: inline-block;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.4;
  margin: .35em 0 0;
  padding: .2em .65em;
}
.eiga-badge--soon { background: #765c1e; }
.eiga-badge--ended { background: #595959; }
.eiga-badge--upcoming,
.eiga-badge--release { background: #1a2744; }
.eiga-screening-soon__list { list-style: none; margin: 0; padding: 0; }
.eiga-screening-soon__list li { border-bottom: 1px solid #eee4ce; padding: .55em 0; }
.eiga-screening-soon__date { color: #765c1e; display: block; font-size: .8em; }
.eiga-screening-soon__empty { color: #666; }
.eiga-post-list__note { background: #f7f1e3; color: #1a2744; padding: .8em 1em; }
.eiga-post-list__items { list-style: none; margin: 0; padding: 0; }
.eiga-post-list__items li { border-bottom: 1px solid #eee4ce; padding: .75em 0; }
.eiga-post-list__date { color: #666; display: block; font-size: .85em; margin-top: .2em; }
.eiga-post-list__items .eiga-badge { margin-right: .5em; }
.eiga-post-list__empty { color: #666; }
.eiga-next-reading { border-top: 1px solid #eee4ce; margin-top: 2em; padding-top: 1em; }
.eiga-next-reading ul { margin-bottom: 0; }
.eiga-next-reading li + li { margin-top: .45em; }

/* v1.3.0 モバイル（Cocoonのモバイル境界1023px以下）で最初の画面に記事を出す。
   本プラグインのCSSはテーマCSSより先に読まれるため、body接頭辞で詳細度を上げる。 */
@media screen and (max-width: 1023px) {
  /* ヘッダーメニュー: 2列x4行のグリッドを横スクロールの1行にする */
  body #navi .navi-in > .menu-mobile {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  body #navi .navi-in > .menu-mobile::-webkit-scrollbar { display: none; }
  body #navi .navi-in > .menu-mobile li {
    flex: 0 0 auto;
    height: 36px;
    line-height: 36px;
    width: auto;
  }
  body #navi .navi-in > .menu-mobile li a {
    font-size: 13px;
    padding: 0 12px;
    white-space: nowrap;
  }
  /* ロゴ周りの高さを抑える */
  body .header-site-logo-image {
    max-height: 52px;
    object-fit: contain;
    width: auto;
  }
  body .header div.header-in .tagline {
    font-size: 11px;
    margin: .3em 1em;
  }
  /* 記事上部のSNSシェア: アイコンのみの小さな1行にする（記事下は変更しない） */
  body .sns-share.ss-top .sns-buttons {
    column-gap: 4px;
    flex-wrap: nowrap;
  }
  body .sns-share.ss-top .sns-buttons a {
    flex: 1 1 0;
    height: 32px;
    min-width: 0;
    width: auto;
    line-height: 32px;
    padding: 0;
  }
  body .sns-share.ss-top .sns-buttons a .button-caption,
  body .sns-share.ss-top .sns-buttons a .share-count {
    display: none;
  }
  body .sns-share.ss-top .sns-buttons a .social-icon { margin: 0; }
}