@charset "UTF-8";
html { overflow-x: hidden; }

html.overnone { overflow-x: initial; }

html, body { height: 100%; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","Prompt","Montserrat","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; }

#header { min-width: 1000px; margin: 0 auto; padding: 0; width: 100%; position: fixed; top: 0; left: 0; height: 60px; display: block; background: rgba(2, 3, 5, 0.9); z-index: 100; }

#header .inner { margin: 0 auto; padding: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

#header .inner .logo { background: white; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; width: 170px; display: block; position: absolute; top: 0; left: 0; }

#header .inner .logo.show { /*display: none;*/ opacity: 0; overflow: hidden; }

#header .inner .logo.show a { pointer-events: none !important; }

#header .inner .logo img { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; vertical-align: bottom; }

#header .inner .logo img:hover { opacity: 0.8; }

#header .inner .menu-btn { display: none; }

#header .inner ul.menu-list { font-family: 'Didact Gothic', sans-serif; position: absolute; top: 0; right: 20px; }

#header .inner ul.menu-list li { list-style: none; margin: 0 0px 0 40px; padding: 0; font-size: 1.6rem; letter-spacing: 0.05em; display: inline-block; line-height: 60px; }

#header .inner ul.menu-list li a, #header .inner ul.menu-list li span { color: white; text-decoration: none; display: block; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; font-weight: bold; }

#header .inner ul.menu-list li a:hover, #header .inner ul.menu-list li a.active, #header .inner ul.menu-list li span:hover, #header .inner ul.menu-list li span.active { /*color: rgba(215,6,28,1);*/ opacity: 0.7; }

#header a.top { display: none !important; }

#header a.sub { display: block !important; }

body#index.root #header a.top { display: block !important; }

body#index.root #header a.sub { display: none !important; }

#footer { font-family: 'Noto Sans JP', sans-serif; font-weight: 700; min-width: 1000px; background: white; margin: 0 auto; width: 100%; font-size: 0; line-height: 0; }

#footer .inner { margin: 0 auto; padding: 0; width: 100%; position: relative; }

#footer .inner ul { margin: 0; padding: 50px 0; text-align: center; }

#footer .inner ul li { list-style: none; display: inline-block; }

#footer .inner ul li img { height: 100px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

#footer .inner ul li img:hover { opacity: 0.7; }

#footer .inner p.copyright { margin: 0; padding: 0; text-align: center; font-size: 1.0rem; line-height: 32px; height: 32px; background: black; color: white; }

#footer .inner p.terms { position: fixed; right: 0; bottom: 0; width: 210px; background: white; z-index: 10; opacity: 0; visibility: visible; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; overflow: hidden; }

#footer .inner p.terms.show { opacity: 1; visibility: visible; height: auto !important; }

#footer .inner p.terms.show a { pointer-events: auto !important; }

#footer .inner p.terms a { /*background: rgba(255,255,255,1); color:rgba(0,0,0,1);*/ background: #e30310; color: white; font-size: 1.8rem; font-weight: bold; width: 210px; height: 53px; line-height: 53px; display: block; text-decoration: none; text-align: center; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; pointer-events: none; }

#footer .inner p.terms a:hover { opacity: 0.7; }

#footer #go_top { width: 40px; position: fixed; right: 10px; bottom: 130px; z-index: 2; -webkit-transition: 0.5s; transition: 0.5s; cursor: pointer; opacity: 0; }

#footer #go_top.show { opacity: 1; }

#footer #go_top.show:hover { opacity: 0.8; }

#footer #section-twitter { background: url(/archives/jlyp/2021/assets/images/bg_twitter.jpg) no-repeat 50% 50%; background-size: cover; padding: 0; position: relative; }

#footer #section-twitter:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.6); }

#footer #section-twitter .inner { width: 100%; margin: 0 auto; padding: 80px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 1000px; max-width: 1000px; display: block; line-height: 1; position: relative; }

#footer #section-twitter .inner .wrapper { width: 50%; display: block; float: right; }

#footer #section-twitter .inner .wrapper .box { width: 100%; height: 400px; max-width: 510px; display: block; margin: 0 auto; padding: 0 0 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: scroll; }

#footer #section-twitter .inner h2 { width: 50%; display: block; font-size: 8.0rem; font-family: 'Oswald'; font-weight: 700; color: white; position: absolute; top: 100px; left: 30px; }

#footer #section-twitter .inner .read { width: 50%; display: block; font-size: 2.0rem; font-weight: 700; color: white; position: absolute; top: 200px; left: 30px; }

#footer #section-twitter .inner .button { width: 50%; display: block; position: absolute; top: 270px; left: 30px; }

#footer #section-twitter .inner .button a { font-size: 2.0rem; font-weight: 700; color: black; border-radius: 10px; background: white; width: 360px; text-decoration: none; display: block; text-align: center; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

#footer #section-twitter .inner .button a:hover { opacity: 0.7; }

#footer #section-twitter .inner .button a span { background: url(/archives/jlyp/2021/assets/images/icon_twitter.png) no-repeat 0 50%; background-size: 34px auto; height: 90px; line-height: 90px; display: inline-block; padding-left: 45px; }

main { min-width: 1000px; margin: 0 auto; padding: 0; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; }