/* =============================================
Top
============================================= */
.yellow{color:#fff000;}


@keyframes top-main-fade { 0% { opacity:0; filter: blur(1.5rem); } 100% { opacity:1; filter: blur(0); } }
#top_mainvisual-area { width:100%; margin:auto; }
#top_mainvisual { position:relative; width:100%; height:0; padding-top:61.466667%; /* for animation */ opacity:0; animation: top-main-fade 1s forwards; }
#top_mainvisual > span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-image:url(../img/top/main2026.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }


/* top-2col1
=============================================== */

#top-2col1:after {content:"";clear:both;display:block;}
#top-2col1-l { float:left; width:270px; }
#top-2col1-r { float:right; width:700px; }

/* ---- Media Queries ---- */

@media all and (max-width: 999px) {

#top-2col1-l,
#top-2col1-r { float:none; width:auto; }

}


/* top-nextdate
-------------------------------- */
#top-nextdate { margin-bottom:15px; padding:0.7em 0.7em 0 0.7em; border:3px #fff solid; text-align:center; background: rgb(192,194,241); background: linear-gradient(325deg, rgba(192,194,241,1) 10%, rgba(255,255,255,1) 50%, rgba(192,194,241,1) 90%); box-shadow:0px 0px 10px rgba(192,194,241,1) inset; color:#2e35cf; }
#nxdt-ttl { margin-bottom:0.7em; padding:0.3em; font-size:120%; font-weight:600; color:#fff; background:rgb(255,87,67); background:linear-gradient(0deg, rgba(255,87,67,1) 0%, rgba(201,81,100,1) 100%); box-shadow:0px 0px 4px rgba(255,87,67,1.0) inset, 0px 0px 4px rgba(255,87,67,1.0) inset, 0px 0px 4px rgba(255,87,67,1.0) inset; }
#nxdt-ch { display:inline-block; margin:0 auto 0.5em auto; padding:0.35em; box-sizing:border-box; background-color:#2e35cF; font-weight:600; color:#fff; font-size:120%; }
.match-item { margin-bottom:1.0em; }
#nxdt-dt,
.nxdt-tm,
.match-box .cnt-name { font-weight:600; text-shadow:0px 0px 4px rgba(255,255,255,1), 0px 0px 4px rgba(255,255,255,1), 0px 0px 4px rgba(255,255,255,1); }
.nxdt-gd { display:inline-block; margin:0 auto 0.5em auto; padding:0.35em 0.35em 0.35em 0.55em; box-sizing:border-box; background-color:#e5402c; font-weight:600; color:#fff; letter-spacing:0.2em; }
#nxdt-dt { margin-bottom:0.2em; font-size:400%; }
#nxdt-yb { font-size:50%; }
.nxdt-tm { margin-bottom:0.3em; font-size:220%; }

/* ---- Media Queries ---- */

@media all and (max-width: 999px) {

#top-nextdate { margin:0 5% 5% 5%; font-size:3.0vw; }
#nxdt-ttl { font-size:180%; }
.nxdt-gd { font-size:150%; }
#nxdt-dt,
.nxdt-tm { display:inline-block; margin-bottom:0.2em; font-size:300%; }
#top-nextdate .match-x { font-size:450%; }
#top-nextdate .match-l, #top-nextdate .match-r { width:7.2em; font-size:160%; }

}




/* ---- Media Queries ---- */

@media all and (max-width: 999px) {
#top-bn-list { margin:0; }
#top-bn-list li { width:90%; margin:0 5% 5% 5%; }

}


/* top-2col1-r
-------------------------------- */
#top-mov-btn { width:17.0em; }




/* qualification
=============================================== */

#qualification-dgm { position:relative; width:100%; height:0; padding-top:100%; background-color:#efefef; }
#qualification-dgm p { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/top/qualification_dgm.png?) center center no-repeat; background-size:cover; text-indent:-9999px; }


/* top-bn-haishin
=============================================== */

#top-bn-haishin { margin:0 0 40px 0; text-align:center; }
#top-bn-haishin-list { /* for space */ font-size:0; }
#top-bn-haishin-list li { display:inline-block; width:49%; margin:0 2% 0 0; vertical-align:top; /* for space */ font-size:1rem; }
#top-bn-haishin-list li:last-child { margin:0; }

#top-bn-haishin-list .banner { position:relative; width:100%; height:0; padding-top:29.78%; }
#top-bn-haishin-list .banner a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; box-sizing:border-box; box-shadow:0px 2px 4px rgba(0,0,0,0.2); /* hover fade */ transition: opacity 0.2s ease-out; }
@media (hover: hover) { #top-bn-haishin-list .banner a:hover { opacity:0.5; } }



/* ---- Media Queries ---- */

@media all and (max-width: 999px) {

#top-bn-haishin { margin:0 2% 30px 2%; }

}


/* top-bknm
=============================================== */

#top-bknm { margin-bottom:25px; text-align:center; }
#top-bknm-ttl { margin-bottom:25px; font-weight:600; font-size:160%; }
#top-bknm-list { /* for space */ font-size:0; }
#top-bknm-list li { display:inline-block; margin:0 0.5em 0.5em 0.5em; width:8.0em; vertical-align:middle; /* for space */ font-size:1.7rem; }
#top-bknm-list li a { display:inline-block; position:relative; width:100%; padding:0.5em 0; border-radius:1000px; line-height:130%; font-weight:666; text-decoration:none; background-color:#fff; color:#2e35cf; /* hover fade */ transition: opacity 0.2s ease-out; }
@media (hover: hover) { #top-bknm-list li a:hover { opacity:0.5; color:#2e35cf; } }
#top-bknm-list li a::before { display:inline-block; position:absolute; top:0.95em; left:2.2em; margin-right:0.7em; content:"▶︎"; font-size:50%; }

/* ---- Media Queries ---- */

@media all and (max-width: 999px) {

#top-bknm { margin-bottom:10px; }
#top-bknm-ttl { margin-bottom:15px; font-size:140%; }
#top-bknm-list li { font-size:1.2rem; }

}


/* top-info
=============================================== */

#top-info { width:1000px; margin:0 auto 20px auto; }
#top-info p { width:100%; }
#top-info p a { display:block; width:100%; padding:20px; box-sizing:border-box; border-radius:20px; background-color:#fff; color:#2e35cf; font-size:160%; line-height:140%; box-shadow:0px 0px 40px rgba(0,0,0,0.2) inset; font-weight:700; text-align:center; }
@media (hover: hover) { #top-info p a:hover { opacity:0.7; color:#2e35cf; text-decoration:none; } }

/* ---- Media Queries ---- */

@media all and (max-width: 999px) {

#top-info { width:94%; margin:10px 3%; }
#top-info p a { padding:10px; border-radius:10px; font-size:120%; }

}


/* sp_program
=============================================== */

#sp_program .sttl { padding-bottom:0.5em; font-size:130%; line-height:150%; }
#sp_program .txt { padding-bottom:1.0em; }

/* ---- Media Queries ---- */

@media all and (max-width: 999px) {

#sp_program .sttl { font-size:115%; }
#sp_program .txt { font-size:90%; }

}



/*eof*/