/* ==================================================
   YEP.NET
   PC表示の横幅を統一する共通レイアウト
   ================================================== */

:root {
  --yep-site-max: 1440px;
  --yep-lp-max: 1280px;
  --yep-content-max: 1120px;
  --yep-prose-max: 960px;
  --yep-gutter: clamp(20px, 4vw, 64px);
}


/* ------------------------------
   Twenty Seventeenの親幅を解除
   ------------------------------ */

@media screen and (min-width: 48em) {

  /* サイト本文の外枠 */
  body.single-post .site-content > .wrap,
  body.blog .site-content > .wrap,
  body.archive .site-content > .wrap,
  body.search .site-content > .wrap {
    max-width: var(--yep-site-max);
    padding-left: var(--yep-gutter);
    padding-right: var(--yep-gutter);
  }


  /* 単体記事の740px制限を解除 */
  body.single-post:not(.has-sidebar) #primary {
    width: 100%;
    max-width: var(--yep-lp-max);
    margin-left: auto;
    margin-right: auto;
  }


  /* トップ・一覧ページの58%幅と右寄せを解除 */
  body.blog:not(.has-sidebar) #primary article,
  body.archive:not(.has-sidebar) #primary article,
  body.search:not(.has-sidebar) #primary article {
    float: none;
    clear: both;
    width: 100%;
    max-width: var(--yep-lp-max);
    margin-left: auto;
    margin-right: auto;
  }


  /* 記事本文も全面使用 */
  body.single-post #primary .entry-content,
  body.blog #primary .entry-content,
  body.archive #primary .entry-content,
  body.search #primary .entry-content {
    float: none;
    width: 100%;
    max-width: none;
  }


  /* ページネーションも58%幅から解除 */
  body.blog:not(.has-sidebar) .navigation.pagination,
  body.archive:not(.has-sidebar) .navigation.pagination,
  body.search:not(.has-sidebar) .navigation.pagination {
    float: none;
    width: 100%;
  }
}


/* ==================================================
   Respecting Someone Else's No
   内部幅を横広へ修正
   ================================================== */

body #respect-no-essay {
  width: 100%;
  max-width: var(--yep-lp-max);
}

body #respect-no-essay .rno-hero__inner,
body #respect-no-essay .rno-section__inner {
  width: min(100%, var(--yep-content-max));
}

body #respect-no-essay .rno-article {
  width: min(100%, var(--yep-prose-max));
}