/* --------------------------------------------------
Contents
-------------------------------------------------- */
body #wrapper { height: 100dvh; overflow: scroll; overscroll-behavior: none; }
body #wrapper .sticky-all-container .contents .sticky-container { display: flex; align-items: flex-end; }
body #wrapper .sticky-all-container .contents .sticky-container .article-panel-wrapper { width: 100%; margin: 0 -12.8rem 0 0; height: 100dvh; overflow: scroll; scroll-snap-type: y mandatory; position: relative; z-index: 1; -ms-overflow-style: none; scrollbar-width: none; }
body #wrapper .sticky-all-container .contents .sticky-container .article-panel-wrapper::-webkit-scrollbar { display: none; }
body #wrapper .sticky-all-container .contents .sticky-container .article-panel-wrapper .article-panel { height: 100dvh; scroll-snap-align: start; scroll-snap-stop: always; position: relative; }
body #wrapper .sticky-all-container .contents .sticky-container .article-panel-wrapper .article-panel .imagearea { height: 100%; }
body #wrapper .sticky-all-container .contents .sticky-container .article-panel-wrapper .article-panel .imagearea img { height: 100%; object-fit: cover; }
body #wrapper .sticky-all-container .contents .sticky-container .article-panel-wrapper .article-panel .titlearea { position: absolute; left: 4.1%; bottom: 3.61%; padding: 1rem 2.4rem 1.6rem 1rem; background: var(--white-color); border-radius: 1.2rem; font-family: var(--font-en); }
body #wrapper .sticky-all-container .contents .sticky-container .article-panel-wrapper .article-panel .titlearea .number { font-variant-numeric: slashed-zero; font-size: 1.3rem; margin: 0 0 0.5rem; }
body #wrapper .sticky-all-container .contents .sticky-container .article-panel-wrapper .article-panel .titlearea .title { font-size: 1.5rem; }
body #wrapper .sticky-all-container .contents .sticky-container .scroll-container { width: 12.8rem; position: sticky; right: 0; bottom: 0; padding: 0 0 2.7rem; z-index: 2; }
body #wrapper .sticky-all-container .contents .sticky-container .scroll-container .scroll-down { color: var(--white-color); font-family: var(--font-en); font-size: 1.3rem; }
body #wrapper .sticky-all-container .contents .sticky-container .scroll-container .scroll-down i { font-style: normal; font-size: 2.2rem; }

@media screen and (orientation: landscape) { body #wrapper .sticky-all-container .contents .sticky-container .article-panel-wrapper { margin: 0 -100% 0 0; }
  body #wrapper .sticky-all-container .contents .sticky-container .article-panel-wrapper .article-panel .titlearea { left: 1.67%; bottom: 3.95%; padding: 1.5rem 4.5rem 3rem 1.5rem; border-radius: 2.4rem; }
  body #wrapper .sticky-all-container .contents .sticky-container .article-panel-wrapper .article-panel .titlearea .title { font-size: 2rem; }
  body #wrapper .sticky-all-container .contents .sticky-container .scroll-container { width: 100%; text-align: center; padding: 0 0 3.2rem; } }