@charset "utf-8";
/* reset styles */
/*=========================================================================
BASIC
=========================================================================*/
body {color: #292931; background: #0c2a72;}


/*--------------------------------------------------------------------------------------------------------------------------------------- */
#mainContents {position: relative; z-index:1;}
#mainContents:before {
content: "";
position: fixed;
z-index: -2;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center top;
background-size:cover;
}
/*--------------------------------------------------------------------------------------------------------------------------------------- */
#sectionTitle img {width: 100%; height: auto; display: block;}
#sectionTitle {height: auto; margin: 0 auto;}

.bloc_basic {background: #F0F0F0; position: relative; z-index: 3;}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
.bloc_inner {width: 90%; margin: 0 auto; max-width: 1000px;}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
#onePeriod:last-of-type,
#onePeriod p.no_mg,
#oneBox:last-of-type {margin-bottom: 0;}

#onePeriod{width: 100%; height: auto; margin: 0 auto;}

#oneBox {background: #fff;  position: relative;}
#oneBox a {color: #0b2a71; font-weight: 600;}
#oneBox a:hover {color: #f00;}



/*--------------------------------------------------------------------------------------------------------------------------------------- */
#periodHeadline {font-weight: 600; line-height: 140%; color: #0b2a71;}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
#Coming {font-weight: 600; text-align: center; line-height: 140%; color: #0b2a71;}
#Coming.tiny {color: #3975ff;}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
#pageTitle {width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
#pageTitle img {display: block; width: 100%; height: auto;}

.flash {
webkit-animation: 1s linear 0s alternate none infinite running fade;
-moz-animation: 1s linear 0s alternate none infinite running fade;
animation: 1s linear 0s alternate none infinite running fade;
}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
#blocTitle {position: relative; z-index: 1; line-height: 160%; font-weight: 600;}
#blocTitle:before {
content: "";
position: absolute;
display: block;
left: 0;

background-position: left center;
background-repeat: no-repeat;
background-size: contain;
background-image: url("../img/mark_r.png");
}


/*=========================================================================
HEADER
=========================================================================*/
#Header {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: auto;
margin: 0 auto;
z-index: 999;
/*
background: #0b2a71; 
background: -moz-linear-gradient(top,  #0b2a71 0%, #00174b 100%);
background: -webkit-linear-gradient(top,  #0b2a71 0%,#00174b 100%);
background: linear-gradient(to bottom,  #0b2a71 0%,#00174b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2a71', endColorstr='#00174b',GradientType=0 );
*/
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s;
}

/*
#Header.change {
-o-box-shadow: 0 5px 6px 3px rgba(0,0,0,.3);
-ms-box-shadow: 0 5px 6px 3px rgba(0,0,0,.3);
-moz-box-shadow: 0 5px 6px 3px rgba(0,0,0,.3);
-webkit-box-shadow: 0 5px 6px 3px rgba(0,0,0,.3);
box-shadow: 0 5px 6px 3px rgba(0,0,0,.3);
}
*/

.head_inner {width: 100%; margin: 0 auto; height: auto; position: relative; max-width: 1600px;}


#Header {background: none !important;}
#Header.change {
-o-box-shadow:  none;
-ms-box-shadow: none;
-moz-box-shadow:  none;
-webkit-box-shadow:  none;
box-shadow: none;
}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
#Logo {
position: absolute;
left: 1%;
top: 2%;
width: 12%;
height: auto;
max-width: 160px;
z-index: 2;
}
#Logo a, #Logo img {width: 100%; height: auto; display: block;}
#Logo a:hover {filter: alpha(opacity=75); -moz-opacity:.75; opacity:.75;}

#Header.change #Logo a{
-ms-filter: drop-shadow(0px 6px 4px rgba(0,0,0,.6));
-o-filter: drop-shadow(0px 6px 4px rgba(0,0,0,.6));
-moz-filter: drop-shadow(0px 6px 4px rgba(0,0,0,.6));
-webkit-filter: drop-shadow(0px 6px 4px rgba(0,0,0,.6));
filter: drop-shadow(0px 6px 4px rgba(0,0,0,.6));
}

/*=========================================================================
HEADER：GLOBAL NAVI
=========================================================================*/
#globalNavi {height: auto;}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
ul#naviList {list-style-type: none;}
ul#naviList li {height: auto; line-height: 120%; font-weight: 600;}
ul#naviList li a {text-decoration: none;}

body#Entry ul#naviList li#Nav01 a,
body#Schedule ul#naviList li#Nav02 a,
body#Ticket ul#naviList li#Nav03 a,
body#Archive ul#naviList li#Nav08 a{color: #36b9ff;}

/*=========================================================================
HEADER：SNS LINK ICON
=========================================================================*/
#sns_linkIcons {height: auto;}

ul#sns_linkList {list-style-type: none; height: auto; }
ul#sns_linkList li {height: auto; }

ul#sns_linkList li a, ul#sns_linkList li img {width: 100%; height: auto; display: block;}
ul#sns_linkList li a:hover {filter: alpha(opacity=75); -moz-opacity:.75; opacity:.75;}

/*=========================================================================
FOOTER
=========================================================================*/
#Footer, .foot_inner {height: auto; margin: 0 auto;}
#Footer {width: 100%; background: #0b2a71; position: relative; z-index:1; text-align: center;}

.foot_inner {width: 90%; max-width: 1000px;}

#Copy {line-height: 140%; font-weight: 600;  color: #3975ff;}





/*=========================================================================
TOP： FIRST VIEW
=========================================================================*/
#firstViews {z-index: 2; position: relative;}
ul#viewList {list-style-type: none; }
ul#viewList li a, ul#viewList li img {width: 100%; height: auto; display: block; z-index: 1;}

ul#viewList li, ul#viewList li a {
-moz-transition: .4s;
-webkit-transition: .4s;
-o-transition: .4s;
-ms-transition: .4s;
transition: .4s;
}
ul#viewList li a {position: relative;text-decoration:none;color: #fff;z-index: 2;}
ul#viewList li a:hover {
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.02);
}

ul#viewList li, ul#viewList li a {background-repeat: no-repeat; background-position: left top; background-size: cover;}

ul#viewList li a:before , ul#viewList li a:after {content: "";position: absolute;}
/*
ul#viewList li a:before {
left: 0;
top:0;
z-index: 1;
width: 100%;
height: 100%;
background: rgba(0,0,0,0);
}
*/
ul#viewList li a#slideMovie:before {content: none;}
ul#viewList li a#slideMovie:after {
max-width: 110px;
left: 50%;
top: 50%;
margin: auto;
background-image: url('../img/icon_youtube_off.png');
background-position: center top;
background-repeat: no-repeat;
background-size:100%;
z-index:2;
-o-transform:  translate(-50%,-50%);
-ms-transform:  translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

ul#viewList li a:before,
ul#viewList li a:after {
-moz-transition: .4s;
-webkit-transition: .4s;
-o-transition: .4s;
-ms-transition: .4s;
transition: .4s;
}

ul#viewList li a:hover:before,
ul#viewList li a:hover:after {filter: alpha(opacity=0); -moz-opacity:0; opacity:0;}


ul#viewList li a#slideMovie:hover,
ul#viewList li a#slideMovie:hover:after {filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}
ul#viewList li a#slideMovie:hover:after {background-image: url('../img/icon_youtube.png');}

ul#viewList li a:hover,
ul#viewList li a#slideMovie:hover,
ul#viewList li #slideCap a:hover{
moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
-ms-transform: scale(1.02);
-o-transform: scale(1.02);
-moz-transform:scale(1.02);
-webkit-transform:scale(1.02);
transform: scale(1.02);
}


ul#viewList li.swiper-slide-active {
-webkit-animation:scrollIn_fadeIn 2s ease forwards;
animation:scrollIn_fadeIn 2s ease forwards;

}


/*--------------------------------------------------------------------------------------------------------------------------------------- */
#slideCap {
position: absolute;
left: 0;
bottom:0;
background: rgba(0,0,0,.7);
display: block;
width: 100%;
height: auto;
line-height: 160%;
text-align: center;
z-index: 2;
}
ul#viewList li #slideCap a {color: #fff; font-weight: 600; }
ul#viewList li #slideCap a:hover{color: #ff5aC6;}

ul#viewList li #slideCap a:before {content: none !important;}



/*--------------------------------------------------------------------------------------------------------------------------------------- */
.slide_prev, .slide_next{
position: absolute;
top: 50%;
fill: #fff;
display: block;
cursor: pointer;
stroke: none;
stroke-width: 3px;
background-image: none;
z-index: 10000;
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform: translateY(-50%);
-ms-filter: drop-shadow(1px 1px 3px rgba(9,32,86,.6));
-o-filter: drop-shadow(1px 1px 3px rgba(9,32,86,.6));
-moz-filter: drop-shadow(1px 1px 3px rgba(9,32,86,.6));
-webkit-filter: drop-shadow(1px 1px 3px rgba(9,32,86,.6));
filter: drop-shadow(1px 1px 3px rgba(9,32,86,.6));

-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}
.slide_prev {left: 1%;}
.slide_next {right: 1%;}

.slide_prev:hover,.slide_next:hover {
fill: #ff5aC6;
-ms-filter: drop-shadow(1px 1px 3px rgba(9,32,86,.0));
-o-filter: drop-shadow(1px 1px 3px rgba(9,32,86,.0));
-moz-filter: drop-shadow(1px 1px 3px rgba(9,32,86,.0));
-webkit-filter: drop-shadow(1px 1px 3px rgba(9,32,86,.0));
filter: drop-shadow(1px 1px 3px rgba(9,32,86,.0));
}

.slide_prev.swiper-button-disabled, 
.slide_next.swiper-button-disabled {opacity: 0 !important; cursor: auto !important;pointer-events:none !important;}



/*=========================================================================
TOP：TOPICS
=========================================================================*/
#whatsNew {
position: relative;
background: #00174b;
border-top:1px solid #3975FF;
border-bottom:1px solid #3975FF;
z-index: 4;
}



ul#topicsList li {color: #fff; font-weight: 600; line-height: 140%;}
ul#topicsList li a {color: #fff; text-decoration: none; }
ul#topicsList li a:hover {color: #ff5aC6;}
ul#topicsList li br {display:none !important;}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
ul#topicsList.news_center {width: 90%; margin: 0 auto; max-width: 1000px;}
ul#topicsList.news_center li:last-of-type {margin-bottom: 0;}



/*--------------------------------------------------------------------------------------------------------------------------------------- */
.thumbnail80 {display: none !important;}

.date80 , .title80 { height: auto; text-align: left;}

/*=========================================================================
TOP：ANCHOR LINK
=========================================================================*/
#Anchor_linkBox {
width: 100%;
height: auto;
margin: 0 auto;
position: relative;
z-index: 2;
background-image: url(../img/bg_space.jpg);
background-repeat: repeat;
background-size:cover;
letter-spacing: -.4em;
text-align: right;
 border-top: 1px solid #3975ff;
}

#battle_boxTitle ,ul#battle_anchorLink {vertical-align: middle; display: inline-block; text-align: center;}
#battle_boxTitle {width: 20%; letter-spacing: 0; color: #fdcf36; font-weight: 600;}


ul#battle_anchorLink{
position: relative;
width: 80%;
height: auto;
z-index: 1;
list-style-type: none; 
border-bottom:1px solid #3975FF; 
letter-spacing: -.4em;
overflow: hidden;
background: rgba(9,32,86,.7);
border-left: 1px solid #3975FF;
}

ul#battle_anchorLink li {
width: 20%;
letter-spacing: 0;
height: 100%;
line-height: 120%;
vertical-align: middle;
text-align: center;
display: inline-block;
border-left: 1px solid #3975FF;
font-weight: 600;
}

ul#battle_anchorLink li:first-of-type {border-left: 0;}

ul#battle_anchorLink li, ul#battle_anchorLink li a {color: #fdcf36;}
ul#battle_anchorLink li a {
text-decoration: none;
display: block;
position: relative;
height: 100%;
vertical-align: middle;
}

ul#battle_anchorLink li a:hover {color: #ff5aC6;}

/*=========================================================================
ENTRY
=========================================================================*/
ul#entry_indexList {list-style-type: none;}
ul#entry_indexList li {position: relative; line-height: 200%; color: #292931; font-weight: 600;}
ul#entry_indexList li:last-of-type {margin-bottom: 0;}
ul#entry_indexList li:before {
content: "";
position: absolute;
left: 0;
top: 10px;
height: 1px;
background: #3975ff;
margin: auto;
}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
table#entryTable {border-collapse: 0;width: 100%;height: auto;}
table#entryTable th, table#entryTable td {line-height: 160%; font-weight: 600;}
table#entryTable th {color: #fff; background: #0b2a71;}
table#entryTable td {background: #fff;}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
ul#entry_notesList {height: auto; margin: 0 auto; width: 100%; list-style-type: none;}
ul#entry_notesList li {line-height: 160%;height: auto; position: relative; font-weight: 600;}
ul#entry_notesList li:last-of-type {margin-bottom: 0;}

ul#entry_notesList li a, #Entry #onePeriod a {text-decoration: underline; color: #3975ff; font-weight: 600;}
ul#entry_notesList li a:hover,
#Entry #onePeriod a:hover {color:#ff5ac6;}

ul#entry_notesList.num {counter-reset: number 0;}
ul#entry_notesList.num li:before {
content: '(' counter(number)')';
position: absolute;
left: 0;
top: 0;
counter-increment: number 1; 
}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
ul#entry_notesList li#oneNotes {text-indent: -1em; padding-left: 1em;}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
#notesBox {background: #fff; border:1px solid #3975ff; line-height: 140%; font-weight: 600;}
#notesBox a {text-decoration: none !important; color: #292931 !important; font-weight: 600;}
#notesBox a:hover {color:#ff5ac6 !important;}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
#Emphasis { font-weight: 600; line-height: 120%;}
#emphasisCap {vertical-align: 2px;}


/*--------------------------------------------------------------------------------------------------------------------------------------- */
table#entryTable.application th {color: #0b2a71; background: #fdcf36;}
table#entryTable.application td a {color: #ff5ac6 !important;}
table#entryTable.application td a:hover {color: #f00;}



/*=========================================================================
大会日程・会場
=========================================================================*/
#Battle.bloc_basic, #battleTop.bloc_basic  {background: inherit;}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
dl.battle_headbox {width: 100%;height: auto;border-top:1px solid #3975ff;border-bottom:1px solid #3975ff;}
dl.battle_headbox:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}

dl.battle_headbox dt, dl.battle_headbox dd {text-align: center; display: inline-block;}
dl.battle_headbox dt, dl.battle_headbox dd, dl.battle_headbox dd a {color: #fdcf36; font-weight: 600;}

dl.battle_headbox dt {float: left; border-right: 1px solid #3975ff; }
dl.battle_headbox dd {float: right; border-left: 1px solid #3975ff;}

dl.battle_headbox dd a {text-decoration: none; display: block; position: relative;}
dl.battle_headbox dd a:hover {color: #ff5ac6; background: rgba(9,32,86,.7);}
dl.battle_headbox dd a:after {
content: "";
position: absolute;
right: 10px;
top: 50%;
width: 30px;
height: 11px;
background-image: url("../img/link_arrow.png");
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
margin: auto;
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);

-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

dl.battle_headbox dd a:hover:after {background-image: url("../img/link_arrow_over.png");}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
#battleHeadline {color: #36b9ff; text-align: center; line-height: 140%; font-weight: 600;}

#battle_tableBox {
width: 100%;
height: auto;
margin: 0 auto; 
background: #17001c;
border-top:1px solid #3975ff;
border-left:1px solid #3975ff;
}
#battle_tableBox:last-of-type {margin-bottom: 0;}

table#battleTable {width: 100%; height: auto;}
table#battleTable th, table#battleTable td {
line-height: 140%;
font-weight: 600;
color: #36b9ff;
border-right:1px solid #3975ff; 
border-bottom:1px solid #3975ff; 
background: #17001c;
vertical-align: middle;
}

#tableDate, #tableTime, #tableVenue, #tableDetail, #tableMc {text-align: center;}

table#battleTable td a {text-decoration: none; color: #36b9ff;}
table#battleTable td a:hover {color: #ff5ac6;}

a#Type01, a#Type02 {
text-decoration: none;
line-height: 120%;
border:2px solid #36b9ff;
-o-border-radius:4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius:4px;
border-radius: 4px;
}

a#Type01{color: #36b9ff;  }
a#Type02 {background: #36b9ff; color: #fff !important;}

a#Type01:hover {color: #292931 !Important; border-color: #fdfc36; background: #fdfc36;}
a#Type02:hover {color: #ff5ac6 !Important; border-color: #ff5ac6; background:transparent;}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
#title_battleFinal {color: #fdcf36 !important; line-height: 140%; text-align: center; font-weight: 600;}
#final_informaitonBox {background: #17001c; border:1px solid #3975ff; text-align: center; color: #fff; font-weight: 600;}
#final_informaitonBox p:last-of-type {margin-bottom: 0;}

#final_informaitonBox img {width: 100%; height: auto; display: block; margin: 0 auto;}
/*=========================================================================
TICKET
=========================================================================*/
a.anchors { display: block;}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
dl.ticket_headbox {
width: 100%;
height: auto;
display: table;
border-top:1px solid #0b2a71;
border-bottom:1px solid #0b2a71;
/*
letter-spacing:-.4em;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
*/
}

dl.ticket_headbox dt, dl.ticket_headbox dd {display: table-cell; letter-spacing: 0; vertical-align: middle;}
dl.ticket_headbox dt, dl.ticket_headbox dd, dl.ticket_headbox dd a { font-weight: 600;}
dl.ticket_headbox dt, dl.ticket_headbox dd  {color: #0b2a71;}

dl.ticket_headbox dt {border-right: 1px solid #0b2a71; text-align: center;  white-space: nowrap;}
dl.ticket_headbox dt span {display: block; line-height: 140%; }
dl.ticket_headbox dt span,
dl.ticket_headbox dd span {color: #292931;}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
#ticket_infoBox, #ticket_infoBox p {line-height: 160%;}

#ticket_infoHeadline {font-weight: 600; line-height: 140%;}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
#ticket_infoBox table#entryTable p:last-of-type,
dl#ticket_guideData:last-of-type,
dl#ticket_guideData p:last-of-type{margin-bottom: 0;}

dl#ticket_guideData dt, dl#ticket_guideData dd {line-height: 140%;}
dl#ticket_guideData dt {color: #0b2a71;}



/*=========================================================================
TOP MOVIE
=========================================================================*/
#movieArea {
position: relative;
z-index: 2;
width: 100%;
height: auto;
margin: 0 auto;
background-image: url("../img/bg_movie.jpg");
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
#top_movieContainer {width: 90%; height: auto;  margin: 0 auto;}


/*--------------------------------------------------------------------------------------------------------------------------------------- */
#topMovie {position: relative;margin: 0 auto; height: auto; overflow: hidden;  z-index: 2;}
#topMovie iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: auto;}


#top_movieHeadline {
position: relative;
z-index: 2;
text-align: center;
font-weight: 600;
color: #fff;
line-height: 160%;
letter-spacing: -.4px;
font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif !Important;
}

#top_movieHeadline a {color: #fff; text-decoration: none;}
#top_movieHeadline a:hover {color: #ff5aC6;}

/*=========================================================================
ENTRY DATA
=========================================================================*/
#inContainer:last-of-type{margin-bottom: 0;}


/*--------------------------------------------------------------------------------------------------------------------------------------- */
#Flyer, #btnPdf {margin: 0 auto; max-width: 450px; width: 80%; height: auto;;}
#Flyer img, #btnPdf a, #btnPdf img {width: 100%; height: auto; display: block;}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
#btnPdf a:hover {filter: alpha(opacity=75); -moz-opacity:.75; opacity:.75;}

/*=========================================================================
2020/12/25
=========================================================================*/
#Entry .bloc_inner {width: 100%; max-width: inherit;}

#entry_end {
background: #292931;
text-align: center;
color: #fdce36;
font-weight: 600;
line-height: 100%:
}

#Entry #onePeriod {width: 90%; max-width: 1000px; }


#endCap {font-weight: 600; color: #f00; line-height: 140%;}




/*=========================================================================
BATTLE：
=========================================================================*/
#oneBox.battle {max-width: 900px; }

/*--------------------------------------------------------------------------------------------------------------------------------------- */
#blocTitle, #tournamentDate {color: #0b2a71; font-weight: 600;}

#acTrigger {
position: absolute;
z-index: 2; 
font-weight: 600;
display: block;
cursor: pointer;
text-align: center;
	line-height:100% !important;
	background: #0b2a71;
	color:#fff;
	cursor:pointer;
	border:2px solid #0b2a71;
	border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-moz-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
margin:auto;
-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

#acTrigger span {position: relative; z-index: 1;}

#acTrigger span:after {content:"CLOSE -";}
#acTrigger.active {	background:inherit !important; color:#3975ff; border: 2px solid #3975ff;}
#acTrigger.active span:after {	content:"OPEN +";}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
#tournamentDate {border-bottom: 1px solid #3975ff;}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
dl#tournament_detailBox {width: 100%; height: auto; margin: 0 auto;}
dl#tournament_detailBox dt, dl#tournament_detailBox dd {height: auto;}
dl#tournament_detailBox dt {overflow: hidden; position: relative; z-index: 1;}
dl#tournament_detailBox dt iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: auto;}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
ul#detailList, ul#informationList {list-style-type: none;}
ul#detailList li, ul#informationList li {line-height: 160%; }
ul#detailList li {border-bottom: 1px solid #cbcbcb;}

ul#detailList li:last-of-type,
ul#informationList li:last-of-type,
ul#informationList li p:last-of-type {margin-bottom: 0;}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
#infoContainer , #infoContainer p {line-height: 160%;}

#infoContainer:last-of-type,
#infoContainer p:last-of-type {margin-bottom: 0;}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
#info_timeTable table {width: 100%;border-left:1px solid #fff;}

#info_timeTable table th, #info_timeTable table td {
text-align: center;
line-height: 140%;
font-weight: 600;
border-right:1px solid #fff; 
border-bottom:1px solid #eee; 
vertical-align: middle;
}
#info_timeTable table th {color: #fdcf36; background: #0b2a71; border-right-color:  #fff;}
#info_timeTable table th:last-of-type {border-right-color:  #0b2a71;}


/*--------------------------------------------------------------------------------------------------------------------------------------- */
ul#performerList {list-style-type: none;}
ul#performerList li:first-of-type {padding-top: 0;}
ul#performerList li {line-height: 160%; border-bottom: 1px solid #cbcbcb; font-weight: 400;}

ul#performerList.end li {color: #ccc;}
ul#performerList li.win {color: #f00;}
ul#performerList li.lonely {color: #3975ff;}




/*=========================================================================
SEARCH
=========================================================================*/
#searchBox .input_submit,
#searchBox .input_submit input[type=submit],
#searchBox .input_submit:before {
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
#searchBox {margin: 0 auto;letter-spacing: -.4em;}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
#searchBox .input_text, #searchBox .input_submit {vertical-align: middle; letter-spacing: 0; display: inline-block;}
#searchBox .input_text {
position: relative;
z-index: 1;
width:100%;
height: 50px;
color: #fdcf36;
font-weight: 600;
line-height: 120%;
background: #0e2c6f;
border: 2px solid #3975ff;
border-right: 0;
font-weight: 600;
padding: 0 12% 0 2%;
-ms-border-radius: 6px;
-o-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
outline: none;
}
#searchBox .input_text::placeholder {color: #fdcf36;}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
#searchBox .input_submit  {
position: absolute;
right: 4%;
z-index: 2;
width: 10%;
height: 50px;
line-height: 100%;
background: #0b2a71;
color: #fdcf36;
border: 2px solid #3975ff;
border-left: 0;
cursor: pointer;
overflow: hidden;
font-weight: 600 !important;
-ms-border-top-right-radius: 6px;
-o-border-top-right-radius: 6px;
-moz-border-top-right-radius: 6px;
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;
-ms-border-bottom-right-radius: 6px;
-o-border-bottom-right-radius: 6px;
-moz-border-bottom-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-right-radius: 6px;
}

#searchBox .input_submit input[type=submit] {
width: 100%;
height: 50px;
display:block;
text-align: center;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
border-radius: 0;
font: inherit;

}
#searchBox .input_submit:hover {background: #fdcf36;　}

#searchBox .input_submit:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
display: block;

width:30px;
height: 30px;
z-index: -1;
background-image: url("../img/icon_lens.png");
background-repeat: no-repeat;
background-position: left;
background-size: contain;
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin:auto;
}


#searchBox .input_submit:hover:before {background-image: url("../img/icon_lens_over.png");}


/*--------------------------------------------------------------------------------------------------------------------------------------- */
#searchHeadline, #result_headline {text-align: center; font-weight: 600; line-height: 160%;}
#searchHeadline {color: #0b2a71;}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
#resultHeadline {line-height: 140%; text-align: center; font-weight: 600;}
#resultHeadline span {color: #0b2a71;}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
dl#resultArea {width: 100%; height: auto; /*height: 430px;*/}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
dl#resultArea dt, #result_data {
letter-spacing: -.4em;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}


/*--------------------------------------------------------------------------------------------------------------------------------------- */
dl#resultArea dt p , #result_data p {display: inline-block; letter-spacing: 0; vertical-align: middle; }

dl#resultArea dt {text-align: center;}
dl#resultArea dt p {
text-align: center;
background: #0b2a71;
color: #fdcf36; 
line-height: 160%;
font-weight:600;
}
dl#resultArea dt p:last-child {margin-right: 0;}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
#result_data {border-bottom: 1px dotted #cbcbcb;}
#result_data p {height: auto; line-height: 140% !important;}

dl#resultArea dt #result_group,
dl#resultArea dd #result_group{text-align: center;}

p.mark_info {line-height:100%;  font-weight:600; padding:0;  margin-left:10px; color:#545454;}



/*=========================================================================
SCHEDULE：ANCHOR LINK
=========================================================================*/
ul#schedule_anchorLink {list-style-type: none; width: 100%; height: auto; margin: 0 auto; text-align: center;}
ul#schedule_anchorLink li {list-style-type: 0; height: auto; line-height: 120%; text-align: center;}

ul#schedule_anchorLink li a {
display: block;
text-decoration: none;
color: #fdcf36;
background: #0c2a72;
border:2px solid #3a75ff;
font-weight: 600;
-ms-border-radius: 12px;
-o-border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
}
ul#schedule_anchorLink li a:hover {background:transparent; border-color: #fdcf36;}



/*=========================================================================
TOP PAGE
=========================================================================*/
#mainContents.top {background: #00174b;position: relative;z-index: 1;}


/*--------------------------------------------------------------------------------------------------------------------------------------- */
#sectionTop {position: relative; z-index: 1; margin: 0 auto;  max-width: 1000px; width: 90%;}
#sectionTop:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}

#leftContainer, #rightContainer {height: auto;}


/*--------------------------------------------------------------------------------------------------------------------------------------- */
ul#banner_linkList {margin: 0 auto;}
ul#banner_linkList, ul#sns_widgetsList {list-style-type: none;}
ul#banner_linkList li:last-of-type,
ul#sns_widgetsList li:last-of-type {margin-bottom: 0;}

ul#banner_linkList li, ul#banner_linkList li a, ul#banner_linkList li img {display: block; width: 100%; height: auto;}


/*--------------------------------------------------------------------------------------------------------------------------------------- */
ul#sns_widgetsList li{	background:#fff;	 }

	
.twitter-timeline{background: #fff !important;}
.stats-wide > b{display: none;}
.p-author a.profile:hover,.p-author a.profile:focus,.retweet-credit .profile:hover,.retweet-credit .profile:focus,.stats strong,.no-tweets-pane .load-tweets,.nsfw{color: #08b ;}
.customisable,.customisable:link,.customisable:visited,.customisable:hover,.customisable:active,.customisable-highlight:hover, a:hover .customisable-highlight, a:focus .customisable-highlight{color: #08b ;}

.customisable-border{border-color: #fff ;}
h1.summary{visibility:hidden;}.timeline-header .byline,.timeline-header .list-description{display:none;}
.inline-media img{height: auto;}
.timeline-footer,.h-feed{min-height:1px;}
a:hover .ic-mask, a:focus .ic-mask{background-color: #08b ;}@media screen and (-webkit-min-device-pixel-ratio:0) {.tweet-actions a:hover .ic-mask, a:focus .ic-mask{background-color: transparent ;}}

/* IE8 */
.timeline-footer{background: #ddd !important\9;}button.load-more{background: #eee !important\9; border-bottom: 2px #fff solid !important\9;}


/*=========================================================================
TOP PAGE：2021/01/18
=========================================================================*/
ul#long_bannerList {list-style-type: none; width: 100%; height: auto; margin: 0 auto;}
ul#long_bannerList li:last-of-type {margin-bottom: 0;}
ul#long_bannerList li, ul#long_bannerList li a, ul#long_bannerList li img  {width: 100%; height: auto; }
ul#long_bannerList li {margin: 0 auto;}
ul#long_bannerList li a:hover {filter: alpha(opacity=75); -moz-opacity:.75; opacity:75;}



/*=========================================================================
TOP PAGE：FINALIST (2021/02/10)
=========================================================================*/
#Finalists {
background-image: url("../img/bg_finalists.jpg");
background-position: left top;
background-repeat: no-repeat;
}

.finalist_inner {width: 90%; height: auto; margin: 0 auto; position: relative; z-index: 1;}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
#title_Finalist {height: auto; margin: 0 auto;}
#title_Finalist img {width: 100%; height: auto; display: block;}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
ul#finalistList {list-style-type: none; letter-spacing: -.4em; width: 100%; height: auto; display: block;}
ul#finalistList li {display: inline-block; vertical-align: top; letter-spacing: 0; height: auto;}
ul#finalistList li a, ul#finalistList li img {width: 100%; height: auto; display: block;}
ul#finalistList li a:hover {filter: alpha(opacity=75); -moz-opacity:.75; opacity:75;}