:root{
--primary-font:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "Helvetica Neue", Arial, Meiryo, sans-serif;
--second-font:'Noto Serif JP','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
--third-font:"Sawarabi Mincho", serif;
--logo-font:"Tangerine", cursive;
--bg-color:#000;
--bg-opa:rgba(0,0,0,.5);
--bg-footer:#000;
--bg-rowstaff:#000;
--bg-staff:#000;
--bd-grad:linear-gradient(45deg, #4B0082, #8F00FF, #D400FF, #FF00C8, #FF1493);
--bd-grad-row:linear-gradient(90deg, #8F00FF 0%, #D400FF 50%, #8F00FF 100%);
--bd-sub:solid 5px #666;
--bd-dd:#666;
--bg-td:#000;
--bg-th: linear-gradient(0deg, rgba(1,1,1,.9), 60%, rgba(100,100,100,1));
--fc-main:#fff;
--fc-name: #fff;
--fc-subtex:#fff;
--fc-h3:#FEE9A0;
--fc-th:#fff;
--staffbod:solid 1px #FEE9A0;
--time:linear-gradient(-45deg, #4B0082, #8F00FF, #D400FF, #FF00C8);
--ttl-color: linear-gradient(180deg, rgb(238, 189, 217), rgb(170, 79, 215));
--ttl-post:linear-gradient(180deg, rgba(1,1,1,.5), 60%, rgba(100,100,100,.7));
--ttl-other: linear-gradient(0deg, rgba(1,1,1,1), 60%, rgba(100,100,100,1));
--ttl-other2:linear-gradient(to bottom, #8f0222 0%,#6a051c 100%);
}
html,body {font-size: 62.5%;}
@media screen and (max-width: 640px) {html,body {font-size: 62.5%;}}
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,ol {margin: 0; padding: 0;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }img {border: 0; -ms-interpolation-mode: bicubic;}h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal;}ul,dl,ol {text-indent: 0;}li {list-style: none;}address,caption,cite,code,dfn,var{font-style: normal; font-weight: normal;}sup {vertical-align: text-top;}sub {vertical-align: text-bottom;}input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}* html input,* html textarea,* html select {font-size: 100%;}*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}caption {text-align: left;}pre,code,kbd,samp,tt {font-family: monospace;}* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 108%; line-height: 100%;}*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}.clear {zoom: 1;}.clear:after {content: ".";display: block;clear: both;height: 0;line-height: 0;visibility: hidden;}a{color:#fff; text-decoration: none;}#breadcrumbs{width: 1096px; margin: 0 auto; position: relative; padding: 0 1rem; font-size: 1.4rem; color: #666; box-sizing: border-box;}#breadcrumbs ol{margin:0; padding: 0;}#breadcrumbs ol li {display: inline;list-style-type: none;}#breadcrumbs ol li a{padding: 0 5px; color: #fff;}#breadcrumbs ol li a:hover{text-decoration: underline;}#breadcrumbs ol li:before {content: " > ";}#breadcrumbs ol li:first-child:before {content:"";}#breadcrumbs ol li:first-child:before {padding:0 3px 0 0; content:"\f015"; font-family:"Font Awesome 5 Free"; font-size:16px;font-weight: 900;}
body {font-family: var(--primary-font);overflow-x: hidden;line-height: 1.4;-webkit-text-size-adjust: 100%; -webkit-font-feature-settings: "palt" 1; font-feature-settings: "palt" 1;}article{padding: 10px 0;}ol{margin: 0;}ol li{list-style-type: decimal; line-height: 3.6rem;}ol.padrow {padding:0 0 0 6rem;margin:1rem 0 5rem 0;}ol.padrow li{list-style-type: lower-roman;}
section{position: relative;}
html,body {background:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.5)), url(../img/common/gam-ol-galaxy-6483534_1920.jpg); background-attachment: fixed; background-size: cover;}
body {color: var(--fc-main);margin: 0px; font-size: 1.6rem;letter-spacing: .2rem;}

#enter.close{display: none;}
#enter.overlay {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000;}
#enter #wrapper {width: 100%; z-index: 2; position: relative; height: 100%;}
#enter #wrapper .inner{width: 100%; background: rgba(0,0,0,.4); margin: 0 auto; height: 60vh; color: #fff; display: flex; flex-direction: column; justify-content: center;background-image: url(../img/visual/hero/04.jpg); background-position: center -100px; background-repeat: no-repeat; background-size: cover;align-items: center;}
#enter video {position: fixed;top: 50%;left: 50%;min-width: 100%; min-height: 100%;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
#enter header{padding: 20rem 15rem 5rem; text-align: center; background: none !important; height: auto; width: 50%;}
#enter header .logoimg img{width: 100%; max-width: 450px;}
#enter h1{font-size: 4.8rem; color: #fff; text-align: center;font-family: var(--third-font); margin-bottom: 3rem;}
#enter h1 span{display: block; border-top: solid 1px #fff; font-size: 2rem;}
#enter .mark18{margin-bottom: 2rem;}
#enter .contents{min-height: 40vh; padding-top: 1rem;max-width: 1200px; margin: 0 auto;}
#enter .notice{text-align: center; padding: 1rem 0; box-sizing: border-box; background: #000; color: #fff;}
#enter .txbox{padding: 2rem 2rem; border: solid 5px #333; background: #000; box-sizing: border-box;}
#enter .btn{display: flex; justify-content: space-between; margin: 0 auto 2rem auto; width: 80%; background: none; border: none; padding: 0;}
#enter .btn p{color: #fff;font-family: var(--third-font); line-height: 1; letter-spacing: 0;}
#enter .btn li{width: 50%; padding: 1.5rem; box-sizing: border-box;text-align: center;}
#enter .btn li a{border: 1px solid;border-image: linear-gradient(0deg, #B67B03 0%, #FEE9A0 50%, #B67B03 100%); border-image-slice: 1; box-sizing: border-box; display: block;background-image: linear-gradient(150deg, #c10d0d, #5e0000);font-size: 3.6rem;transition:all .5s ease; padding: 1.5rem 0; letter-spacing: 0;}
#enter .btn li a span{display: block; color: #fff; font-size: 1.6rem;}
#enter .btn li a:hover{background-image: linear-gradient(-150deg, #c10d0d, #5e0000);}
#enter .btn li button{border: 1px solid;border-image: linear-gradient(0deg, #B67B03 0%, #FEE9A0 50%, #B67B03 100%); border-image-slice: 1; box-sizing: border-box; display: block;background-image: linear-gradient(-15deg, #FBDA61 0%, #FF5ACD 100%);font-size: 3.6rem;transition:all .5s ease; padding: 1.5rem 0; letter-spacing: 0; width: 100%; line-height: 1.4; cursor: pointer;}
#enter .btn li button span{display: block; color: #fff; font-size: 1.6rem;}
#enter .btn li button:hover{background-image: linear-gradient(25deg, #FBDA61 0%, #FF5ACD 100%);}
#enter footer {width: 100%; color: #fff; background: #222;border-top: 1px solid;border-image: linear-gradient(90deg, #B67B03 0%, #FEE9A0 50%, #B67B03 100%); border-image-slice: 1; box-sizing: border-box; text-align: center; font-size: 1.2rem; padding: 1rem 0;z-index: 5;}
#enter footer span{margin: 0 .5rem;}
#enter h3{border-bottom: solid 1px #6f4d0d; padding: 0rem 0rem .5rem; box-sizing: border-box; margin: 0 0 1rem; font-size: 2rem; font-weight: 600;}
#enter .links{display: flex; justify-content: center; gap: 1rem; margin-top: 2rem;}
#enter .links .item{width: 33.3333%; max-width: 380px;}
#enter .links .item img{max-width: 100%;}

.outer{width: 1200px; margin: 0 auto;}

.list .inner{background: #000;}
.bd-gold{border: 1px solid;border-image: linear-gradient(0deg, #B67B03 0%, #FEE9A0 50%, #B67B03 100%); border-image-slice: 1; box-sizing: border-box;}
.d-flex{display: flex;}
.d-flex-50{display: flex;}
.d-flex-50 li{width: 50%;}
.d-flex-50 li img{width: 100%;}
.fd_column{flex-direction: column;}
.fd_row{flex-direction: row;}
.justify-content-between{justify-content: space-between;}
.fl1{flex: 1;}
.hissu{ border: 1px solid #fff; padding: 6px 10px; border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px; color: #fff; text-align: center; background-color: #900; margin-right: 10px; font-size: 16px;}
.posi_p{position: relative !important;}
.w100{width: 100% !important;}
.w90{width: 90% !important;}
.w80{width: 80% !important;}
.w70{width: 70% !important;}
.w60{width: 60% !important;}
.w50{width: 50% !important;}
.w40{width: 40% !important;}
.w30{width: 30% !important;}
.w20{width: 20% !important;}
.w10{width: 10% !important;}
.fs24{font-size: 2.4rem;}
.fs20{font-size: 2rem;}
.fs18{font-size: 1.8rem;}
.mgbt50{margin-bottom: 5rem !important;}
.mgbt20{margin-bottom: 2rem !important;}
.mgbt10{margin-bottom: 1rem !important;}
.mg-l10{margin-right: 1rem;}
.subsection{border: var(--bd-sub); padding: 2rem; box-sizing: border-box; background: var(--bg-staff);}
.subbox{border: var(--bd-sub); background: var(--bg-color); padding: 2rem; box-sizing: border-box;}
.innerbox{margin-top: 2rem;}
.innerbox p{padding-left: 1rem; box-sizing: border-box; line-height: 2;}
table{width: 100%; margin: 20px auto; border-collapse: collapse;}
th,td{padding:2rem 2rem;}
th{width:30%;text-align: left; font-weight: normal;}
td{text-align: left;}
thead th{text-align: center;}
th,td{border: solid 1px var(--bd-dd);}
th{background: var(--bg-th); color:var(--fc-th);}
td{background: var(--bg-td);}
.tacenter{text-align: center;}
.mgbt10{margin-bottom: 1rem;}

@media (max-width: 480px) {
#enter #wrapper .inner{width: 100%; padding: 0 2rem; box-sizing: border-box; height: 50vh; background-position: center top;}
#enter header{padding: 3rem 0rem 2rem; width: 100%;}
#enter h1{font-size: 3.2rem; margin-bottom: 0; width: 95%;}
#enter header .logoimg img{width: 100%; max-width: 360px;}
#enter .btn{display: flex; width: 100%; gap: 1rem; margin: 2rem auto;}
#enter .btn li{width: 100%; padding: 0;}
#enter .btn li a,#enter .btn li button{font-size: 2.4rem; padding: 1rem 0;}
#enter .txbox{text-align: left;}
#enter .mark18{margin-bottom: 0;}
#enter .contents{padding: 1rem 1rem; box-sizing: border-box; min-height: auto;}
#enter h3{font-size: 1.8rem;}
#enter .links{display: flex; justify-content: center; flex-direction: column; gap: .2rem; margin-top: 2rem;}
#enter .links .item{width: 100%; max-width: 380px;}
#enter .links .item img{max-width: 100%;}
}