/* --------------------------------------------------
Contents
-------------------------------------------------- */
body #wrapper .contents { padding: 9rem 4.1% 12rem; }
body #wrapper .contents .article-list { display: flex; flex-direction: column; row-gap: 1.6rem; }
body #wrapper .contents .article-list .article-single a { padding: 0.8rem; display: flex; column-gap: 0.8rem; align-items: flex-start; background: #F0F0F0; border-radius: 1.2rem; }
body #wrapper .contents .article-list .article-single a .titlearea { font-family: var(--font-en); padding: 0.8rem; }
body #wrapper .contents .article-list .article-single a .titlearea .number { font-variant-numeric: slashed-zero; font-size: 1.3rem; margin: 0 0 1rem; }
body #wrapper .contents .article-list .article-single a .titlearea .title { font-size: 1.5rem; line-height: 1.33; }
body #wrapper .contents .article-list .article-single01 { width: 75.14%; }
body #wrapper .contents .article-list .article-single01 a .imagearea { width: 61.71%; }
body #wrapper .contents .article-list .article-single01 a .imagearea img { aspect-ratio: 166 / 182; }

@media screen and (orientation: landscape) { body #wrapper .contents { padding: 12rem 1.67% 43rem; }
  body #wrapper .contents .article-list { flex-direction: row; flex-wrap: wrap; column-gap: 2.87%; }
  body #wrapper .contents .article-list .article-single a { column-gap: 1.6rem; transition: transform 0.2s var(--ease) 0s, filter 0.2s var(--ease) 0s; }
  body #wrapper .contents .article-list .article-single a .titlearea .title { font-size: 1.6rem; }
  body #wrapper .contents .article-list .article-single01 { width: 20.26%; }
  body #wrapper .contents .article-list .article-single01 a { flex-direction: row-reverse; }
  body #wrapper .contents .article-list .article-single01 a .imagearea { width: 58.87%; }
  body #wrapper .contents .article-list .article-single01 a .titlearea { text-align: right; } }