/* main */
#mainSlide{
width: 100%;
padding: 30px 0 23px 0;
background: linear-gradient( 90deg, rgb(66,0,1) 0%, rgb(106,94,33) 50%, rgba(0,29,47,1) 100%);
text-align: center;
}
#mainSlide.main1{
width: 100%;
padding: 30px 0 43px 0;
background: linear-gradient( 90deg, rgb(66,0,1) 0%, rgb(106,94,33) 50%, rgba(0,29,47,1) 100%);
text-align: center;
}
#mainSlide ul{
width: 100%;
display: block;
text-align: center;
}
#mainSlide.main1 ul li{
width: 900px !important;
display: block;
margin: 0 8px 0 8px;
transform: scale(.9);
opacity: 0.6;
transition: all 0.5s;
text-align: center;
}
#mainSlide ul li{
width: 600px !important;
display: block;
margin: 0 8px 0 8px;
transform: scale(.9);
opacity: 0.6;
transition: all 0.5s;
text-align: center;
}
#mainSlide ul .slick-current li{
transform: scale(1);
opacity: 1;
}
#mainSlide ul li dl{
text-align: center;
}
#mainSlide ul li dl dt{
background-color: rgba(19,17,18,1));
}
#mainSlide ul li dl dt img{
width:100%;
height:auto;
}
#mainSlide ul li.slick-current dl dt{
filter: drop-shadow(2px 3px 0 rgba(19,17,18,1));
}
#mainSlide ul li dl dd{
display: none;
margin: 0 auto -11px auto;
padding: 0 30px 0 30px;
background-color: #da0120;
color: #ffffff;
font-size: 1.5rem;
line-height: 1.5rem;
position: relative;
top: -11px;
}
#mainSlide ul li dl dd span{
display: inline-block;
margin: 0 0 0 5px;
font-size: 1.2rem;
}
#mainSlide ul .slick-current dl dd{
display: inline-block;
}
#mainSlide ul li dl dd:before,
#mainSlide ul li dl dd:after{
width: calc(100% - 10px);
height: 0;
display: block;
position: absolute;
left: 0;
content: "";
}
#mainSlide ul li dl dd:before{
border-top: solid 10px #da0120;
border-right: solid 10px transparent;
top: 100%;
}
#mainSlide ul li dl dd:after{
border-bottom: solid 10px #da0120;
border-left: solid 10px transparent;
bottom: 100%;
}

#mainSlide .slick-dots li
{
width: 50px !important;
height: 5px !important;
display: inline-block !important;
margin: 0 5px 0 5px !important;;
position: relative;
cursor: pointer;
transform: scale(1) !important;;
opacity: 1 !important;;
overflow: hidden;
}

/* gamer */
#gamer{
display: block;
margin : 0;
}
#gamer h2{
color: #36cd02;
background: -webkit-linear-gradient(0deg, #36cd02, #fbd200, #fa3805);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}


/* prize */
#prize{
display: block;
margin: 0;
padding: 112px 0 72px 0;
}
#prize h2{
color: #f71362;
background: -webkit-linear-gradient(0deg, #f71362 30%, #fe8a41 64%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.prizeList,
.prizeList1{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 36px 0 0 0;
}
.prizeList li{
width: 48%;
display: block;
}
.prizeList1 li{
width: 87%;
display: block;
margin: 0 auto 0 auto;
}
.prizeList1 li img{
width: 100%;
height: auto;
}
.prizeList1 li .prizeExp{
display: block;
margin: 10px 0 0 0;
font-size: 1.8rem;
font-weight: 500;
color: #bca44d;
}



/* movie */
#movie{
display: block;
margin: 0;
padding: 64px 0 58px 0;
background: url(../img/bg_sch.png) repeat center top;
background-size: cover;
background-color: #000000;
background-blend-mode: soft-light;
}
#movie h2{
color: #31ccad;
background: -webkit-linear-gradient(0deg, #31ccad 30%, #3457a9 64%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#movie .embed{
border: 5px solid #ffffff;
}

.movieList{
width: 100%;
margin: 42px 0 0 0;
}
.movieList li{
width: 400px !important;
margin: 0 10px 0 10px;
}
.movieList li.comingTxt{
width: 400px !important;
margin: 0 10px 0 10px;
color: #ffffff;
font-size: 3.8rem;
font-weight: 700;
text-align:center;
}
.movieList li dl{
display: block;
}
.movieList li dl dt{
}
.movieList li dl dd{
padding: 1px 5px 10px 5px;
background-color: #ffffff;
font-size: 1.8rem;
}
.movieList li dl dd .times{
color: #da0120;
font-size: 1.4rem;
}
.movieList li dl dd .times span{
margin: 0 5px 0 0;
padding: 3px 4px 3px 4px;
background-color: #da0120;
color: #ffffff;
line-height: 1;
}

#movie .btnBlock a{
color: #ffffff;
}
#movie .btnBlock a span{
padding: 0 108px 0 0;
background: url(../img/arr_l_white.svg) no-repeat right top 1px;
background-size: auto 23px;
}


/* schedule */
#schedule{
display: block;
margin: 0 0 0 0;
padding: 64px 0 72px 0;
background: url(../img/bg_matrix.jpg) no-repeat center top;
background-size: cover;
background-color: #000000;
position: relative;
z-index: 990;
}
#schedule h2{
color: #31ccad;
background: -webkit-linear-gradient(0deg, #31ccad 30%, #3457a9 64%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

#schedule .update{
display: block;
margin: 42px 0 0 0;
color: #3eaeaf;
}
#schedule .spTxt{
display: none;
}
.resultMatrix{
margin: 16px 0 0 0;
}

#schedule .btnBlock a{
color: #ffffff;
}
#schedule .btnBlock a span{
padding: 0 108px 0 0;
background: url(../img/arr_l_white.svg) no-repeat right top 1px;
background-size: auto 23px;
}


/* news */
#news{
display: block;
margin: 54px 0 82px 0;
background-color: #ffffff;
position: relative;
z-index: 990;
background-blend-mode: lighten;
}
#news h2{
}
.newsList{
display: block;
margin: 34px 0 0 0;
border-bottom: 2px solid #cccccc;
}
.newsList li{
display: block;
margin: 24px 0 0 0;
padding: 24px 0 0 0;
border-top: 2px solid #cccccc;
}
.newsList li:first-child{
margin: 0 0 0 0;
}
.newsList li dl{
display: block;
}
.newsList li dt{
display: block;
text-align: left;
}
.newsList li dt span{
display: inline-block;
margin-left: 10px;
color:#da0120;
}
.newsList li dd{
display: block;
text-align: left;
color: #0356a4;
}

#news .btnBlock{
margin-top: 20px;
margin-right: 10px;
}


/* footer banner */
#footerBanner{
display: block;
padding: 42px 0 60px 0;
background-color: #000000;
}
#footerBanner .wrapper{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#footerBanner .bannerLeft{
width: 65%;
display: block;
}
#footerBanner .bannerRight{
width: 30%;
display: block;
}
#footerBanner .wrapper{
padding: 0;
text-align: center;
}

#footerBanner .bannerLeft .col1 li{
display: block;
}
#footerBanner .bannerLeft .col4{
width: 100%;
}
#footerBanner .bannerLeft .col4 li{
width: 49%;
display: block;
float: left;
margin: 10px 0 0 2%;
}
#footerBanner .bannerLeft .col4 li:nth-child(2n+1){
margin: 10px 0 0 0;
clear: left;
}
#footerBanner .bannerLeft .col4 li:nth-child(2n){
clear: right;
}
#footerBanner .bannerLeft .col4 li:first-child{
margin: 10px 0 0 0;
}
#footerBanner .bannerLeft .col1 li img,
#footerBanner .bannerLeft .col4 li img{
width: 100%;
height: auto;
}

#footerBanner .col1:after,
#footerBanner  .col4:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}



/* -- */
/* -- */
/* SP */
/* -- */
/* -- */
@media screen and (max-width: 768px) {
/* */
/* */


/* main */
#mainSlide{
width: 100%;
padding: 20px 0 13px 0;
background: linear-gradient( 90deg, rgb(66,0,1) 0%, rgb(106,94,33) 50%, rgba(0,29,47,1) 100%);
text-align: center;
}
#mainSlide ul{
width: 100vw;
display: block;
text-align: center;
}
#mainSlide ul li{
width: 100vw !important;
display: block;
margin: 0 0 0 0;
transform: none;
opacity: 1;
transition: all 0.5s;
text-align: center;
}
#mainSlide ul .slick-current li{
transform: none;
opacity: 1;
}
#mainSlide ul li dl{
text-align: center;
}
#mainSlide ul li dl dt{
background-color: rgba(19,17,18,1));
}
#mainSlide ul li.slick-current dl dt{
filter: drop-shadow(2px 3px 0 rgba(19,17,18,1));
}
#mainSlide ul li dl dd{
display: none;
margin: 0 0 -11px 0;
padding: 0 5px 0 5px;
background-color: #da0120;
color: #ffffff;
font-size: 1.5rem;
line-height: 1.5rem;
position: relative;
top: -11px;
}
#mainSlide ul .slick-current dl dd{
display: inline-block;
}
#mainSlide ul li dl dd:before,
#mainSlide ul li dl dd:after{
width: calc(100% - 10px);
height: 0;
display: block;
position: absolute;
left: 0;
content: "";
}
#mainSlide ul li dl dd:before{
border-top: solid 10px #da0120;
border-right: solid 10px transparent;
top: 100%;
}
#mainSlide ul li dl dd:after{
border-bottom: solid 10px #da0120;
border-left: solid 10px transparent;
bottom: 100%;
}

#mainSlide .slick-dots li
{
width: 50px !important;
height: 5px !important;
display: inline-block !important;
margin: 0 5px 0 5px !important;;
position: relative;
cursor: pointer;
transform: scale(1) !important;;
opacity: 1 !important;;
overflow: hidden;
}


/* gamer */
#gamer{
}
#gamer h2{
}


/* prize */
#prize{
padding: 96px 0 54px 0;
}
#prize h2{
}
.prizeList,
.prizeList1{
margin: 16px 0 0 0;
}
.prizeList li{
width: 48%;
display: block;
}
.prizeList1 li{
width: 100%;
}
.prizeList1 li .prizeExp{
margin: 8px 0 0 0;
font-size: 1.3rem;
font-weight: 500;
color: #bca44d;
text-align: left;
}


/* movie */
#movie{
display: block;
margin: 0;
padding: 42px 0 48px 0;
background: url(../img/bg_sch.png) repeat center top;
background-size: cover;
background-color: #000000;
background-blend-mode: soft-light;
}
#movie h2{
color: #31ccad;
background: -webkit-linear-gradient(0deg, #31ccad 30%, #3457a9 64%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#movie .embed{
border: 5px solid #ffffff;
}

.movieList{
width: 100vw;
margin: 36px 0 0 0;
}
.movieList li{
width: 86vw !important;
margin: 0 2vw 0 2vw;
}
.movieList li dl{
display: block;
}
.movieList li dl dt{
}
.movieList li dl dd{
padding: 1px 4px 8px 4px;
background-color: #ffffff;
font-size: 1.4rem;
}
.movieList li dl dd .times{
color: #da0120;
font-size: 1.1rem;
}
.movieList li dl dd .times span{
margin: 0 5px 0 0;
padding: 3px 4px 3px 4px;
background-color: #da0120;
color: #ffffff;
line-height: 1;
}

#movie .btnBlock a{
color: #ffffff;
}
#movie .btnBlock a span{
padding: 0 42px 0 0;
background: url(../img/arr_l_white.svg) no-repeat right top 1px;
background-size: 38px 19px;
}


/* schedule */
#schedule{
padding: 42px 0 54px 0;
}
#schedule h2{
}

#schedule .update{
margin: 32px 0 0 0;
}
#schedule .spTxt{
display: block;
font-size: 1.2rem;
text-align: left;
color: #ffffff;
}
.resultMatrix{
margin: 12px 0 0 0;
}

#schedule .btnBlock a{
color: #ffffff;
}
#schedule .btnBlock a span{
padding: 0 42px 0 0;
background: url(../img/arr_l_white.svg) no-repeat right top 1px;
background-size: 38px 19px;
}



/* news */
#news{
margin: 42px 0 82px 0;
}
#news h2{
}
.newsList{
margin: 32px 0 0 0;
}
.newsList li{
margin: 16px 0 0 0;
padding: 16px 0 0 0;
}
.newsList li dl{
}
.newsList li dt{
}
.newsList li dd{
}

#news .btnBlock{
margin-top: 20px;
margin-right: 0;
}


/* footer banner */
#footerBanner{
padding: 42px 0 54px 0;
}
#footerBanner .wrapper{
display: block;
}
#footerBanner .bannerLeft{
width: auto;
display: block;
}
#footerBanner .bannerRight{
width: auto;
display: block;
margin: 24px auto 0 auto;
}
#footerBanner .wrapper{
}

#footerBanner .bannerLeft .col1 li{
}
#footerBanner .bannerLeft .col4{
width: 100%;
}
#footerBanner .bannerLeft .col4 li{
width: 49%;
margin: 10px 0 0 2%;
}
#footerBanner .bannerLeft .col4 li:nth-child(2n+1){
margin: 10px 0 0 0;
clear: left;
}
#footerBanner .bannerLeft .col4 li:nth-child(2n){
clear: right;
}
#footerBanner .bannerLeft .col4 li:first-child{
margin: 10px 0 0 0;
}


/* */
/* */
}
/* -- */
/* -- */
/* SP */
/* -- */
/* -- */