@charset "utf-8";
/*-------------------------------------------ブラウザリセット YUI 3: Reset CSS*/
/*----------------------------------------------------------------------------*/
body {
	animation: bodyFadeIn 2s ease 0s 1 normal;
	-webkit-animation: bodyFadeIn 2s ease 0s 1 normal;
}

@keyframes bodyFadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

@-webkit-keyframes bodyFadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
html {
	color:#000;
	background-color:#000;
}
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
.bannerW{width:640px;margin:0 auto;}
.imgPC{display:block;}
.imgSP{display:none;}

@media (max-width:767px){
.bannerW{width:100%}
.imgPC{display:none;}
.imgSP{display:block;}
}
/*---------------------------------------------フォントサイズ YUI 3: CSS Fonts*/
/*----------------------------------------------------------------------------*/
body {
	font:13px/1.231 Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	*font-size:small;
	*font:x-small;
}
* + html body {
	font-family: "メイリオ","Meiryo";
}
/*-- 2019.02.12 add ono ---*/
table { width:100%; margin-bottom:1em; border-right:solid 1px #fff; font-size:120%; }

th{ padding:0.8em; border-left:solid 2px #000; color:#000; text-align:center; background:#ffe824; font-weight:bold;}
th:first-child{ border-left:solid 1px #ffe824;}
td{ padding:0.8em; border-bottom:solid 1px #fff; border-left:solid 1px #fff;}

.textBannerNopad{ width:80%; margin:0 auto; border:solid 1px #999; text-align:center; font-size:150%; line-height:1.2em; background:#222; border-radius: 5px;}
.textBannerAdpad{ width:70%; margin:0 auto; padding:0.5em; border:solid 1px #999; text-align:center; font-size:150%; line-height:1.2em; background:#222; border-radius: 5px;}
.textBlock .textBannerNopad a,
.textBannerAdpad a{ margin:1em; display: block; text-decoration:none;}
.textBannerNopad:hover,
.textBannerAdpad:hover{ background:#555;}
.annotation{ color:#fff;}
.annotation li{ padding-bottom:0.3em;}
.annotation2 li{ padding-bottom:0.3em; padding-left:1.5em;}

.innerBox{ padding:0.8em 0.8em 1.2em; border-bottom:solid #aaa 2px;}
.innerBox:last-child{ padding:0.8em 0.8em 1.2em; border-bottom:none;}
.innerBox h4{ padding:0.4em 0 0.6em 0.6em; border-left:solid 5px #ff0; border-bottom:dotted 1px #ff0; font-size:1.2em; color:#ff0;}
.innerBox h6{ padding:0.4em 0 0.6em 0.6em; font-size:1.1em; color:#ff0; text-align:left;}

.innerBox ol{ counter-reset: my-counter; padding: 0;}
.innerBox ol li { margin-bottom: 8px; padding-left: 50px; position: relative; font-size:1.2em; }
.innerBox ol li:before { height: 20px; width: 20px; content: counter(my-counter); counter-increment: my-counter; background-color: #fff; color: #000; display: block; float: left; line-height: 20px; margin-left: -28px; text-align: center; border-radius: 50%;}

.pageLink{width:100%;margin:1em 0; display:flex; font-size:1.2em; text-align:center;}
.pageLink li{width:25%; padding:1em; border-left:solid 1px #fff}
.pageLink li:last-child{border-right:solid 1px #fff}

h3#schedule, h3#prize, h3#join, h3#rule, h3#sponsorship{margin-top:2em;}
.imgCenter{text-align:center;}
.pd10{padding:10px;}
.f-red{color:#f00;}
.f-yellow{color:#ff0;}
.f-weight{font-weight:bold;}
.f-line{text-decoration: underline;}
.line-yellowDotted{border-bottom: dotted 1px #ff0;}
.tableBtn{ width:75px;}
.spImg{ display:none;}


.memberList{width:100%;}
.memberList .set{width:23%; display:inline-block; margin:0.5%; border:solid 1px #fff; text-align:center;}
.memberList .set .country{padding:0.5%; background:#aaa; font-size:1em; color:#111;}
.memberList .set .name{font-size:1.3em; font-weight:bold;}
.memberList .set img{ width:auto; height:auto; max-width:100%; max-height:100%;}

.halfBox{ width:100%; display:flex; flex-wrap: wrap;}
.halfBox .boxSet{width:48%; margin:0.5%; border:solid 1px #fff; text-align:center;}
.halfBox .boxSet .halfBoxVido{ width:100%; height:0px; position:relative; padding-bottom: 55%;}
.halfBox .boxSet .halfBoxVido iframe{ position: absolute; top:0; left:0; width:100%; height:100%; }

.fullBoxVido{ width:100%; height:0px; position:relative; padding-bottom: 55%; margin:0.5%; border:solid 1px #fff; text-align:center;}
.fullBoxVido iframe{ position: absolute; top:0; left:0; width:100%; height:100%; }

.specialNotis{ width:100%; border:solid 1px #900;}
.specialNotis .specialTitle{ background:#900; padding:1%; font-size:18px; line-height:21px; text-align:center;}
.specialNotis .subTitle{ margin:16px auto; color:#f00; font-size:16px; font-weight:bold; line-height:18px;}

.specialNotis .specialHalfBox{ display:flex;}
.specialNotis .half{ width:50%; padding:1%; }
.specialNotis .half img{ width:100%; }
.entryBtn{ width:50%; margin:0 auto; padding:1%; background:#900;}
.entryBtnOff{ width:50%; margin:0 auto; padding:1%; background:#666; text-align:center;}
.entryBtn a{ display:block; font-size:18px; line-height:21px; text-align:center; text-decoration:none;}
.specialNotis .specialFullBox{ padding:1%; }


@media (max-width:767px){
.memberList .set{width:100%; display:inline-block; margin:0.5%; border:solid 1px #fff; text-align:center;}
.halfBox .boxSet{width:100%;}
.specialNotis .specialHalfBox{ display:block;}
.specialNotis .specialHalfBox .half{ width:100%; }
.entryBtn{ width:80%;}
}
/*-- ono ---*/

/* clearfix */
.clearfix{ zoom: 1;}
.clearfix:after, ul:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
a {
color:#fff;
text-decoration:none;
}

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}
a:hover{
color:#ffe824;
}

header nav a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
header nav a::after {
  position: absolute;
  bottom: -8px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #CC0000;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}
header nav a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}

.textBlock a {
color:#fff;
text-decoration:underline;
}

.textBlock a:hover{
color:#ffe824;
}

/* header*/
/* ----------------------------------------------------*/
header{width:100%; height:115px; background:url(/img/bg_header.jpg) repeat-x;}
header .inner,footer .inner{width:1000px; margin:0 auto; position:relative;}
header {
    font-size:0; /*ul,liが親のfont-sizeを継承して隙間が空くのをリセット*/
    line-height:0;}
header #logo1{ float:left;margin-top:20px;}

header nav{font-family: 'Oswald', sans-serif;font-size:20px;line-height:20px;position:absolute;top:60px;right:0;}

header nac ul{position: relative;}
header nav li{margin-left:10px; float:left;text-align:center; border-right: 1px solid #666;border-left: 1px solid #666;padding: 0 13px 0 12px;}
header nav li+ li {border-right: 1px solid #666;border-left: 0;}

header nav li span{font-size:11px; display:block;}

nav span .lineMotion{
    background:#666;
    height:2px;
    display:block;
    position:relative;
    width:50px;
    left:0;
}

header #snsBtns{display:flex; float:right;margin-top:7px;}
header #snsBtns li img{height:35px;}
header #snsBtns li {margin-left:5px}

#navToggle {
    display:none; /*通常時は非表示にしておきます*/
    position:absolute; /*bodyに対しての絶対位置指定です*/
    right:13px;
    top:16px;
    width:30px;
    height:25px;
    cursor:pointer}
#navToggle div {position:relative} /*spanの絶対位置指定の親にします*/
#navToggle span {
    display:block;
    position:absolute; /*#navToggle div に対して*/
    width:100%;
    border-bottom:solid 3px #999;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out}
#navToggle span:nth-child(1) {top:0}
#navToggle span:nth-child(2) {top:11px}
#navToggle span:nth-child(3) {top:22px}



.inner{width:1000px; margin:0 auto;}

h2 {border-left:7px solid#FF0000;color:#FFF;font-size:30px;font-family: 'Oswald', sans-serif;padding-left:10px;margin-bottom:10px;}

h2 span{font-size:14px; font-family: "Arial";}

#mainVisualTop{
			position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
			overflow: hidden; /* to bound the empty top space created by inner element's top margin */
			width: 100%;
			min-height: 520px;
			background-color: #999;
		}
#mainVisualTop .title_top1{position:absolute;left:180px;top:80px;}
#mainVisualTop .title_top2{position:absolute;left:180px;top:205px;}
#mainVisualTop .title_top3{position:absolute;left:310px;top:310px;}
#mainVisualTop .title_topbg{position:absolute;left:130px;top:10px;}

#mainVisualPlayers{
			position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
			overflow: hidden; /* to bound the empty top space created by inner element's top margin */
			width: 100%;
			min-height: 360px;
			background-color: #999;
        border-bottom:1px solid #454545;
		}
#mainVisual{
			position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
			overflow: hidden; /* to bound the empty top space created by inner element's top margin */
			width: 100%;
			min-height: 250px;
			background-color: #999;
    border-bottom:1px solid #454545;
		}
#mainVisual .title_tournament{position:absolute; left:230px; top:40px;}
#mainVisual .title_about{position:absolute; left:280px; top:50px;}
#mainVisual .title_howto{position:absolute;right:100px; top:20px;}
#mainVisual .title_nortice{position:absolute; left:280px; top:50px;}
#mainVisual .title_guide{position:absolute; left:210px; top:50px;}
#mainVisualPlayers .title_players{margin:150px auto 0;display:block;}

#mainContents{width:100%; background:#000;padding:30px 0;}

#topContents{width:100%; background:#232323;padding:30px 0;}
#topContents2{width:100%; background:#000;padding:30px 0;}

#mainContents ul.players{display: flex; flex-wrap: wrap;}
#mainContents ul.players li{display:block; width:180px;margin-right:20px; margin-bottom:20px; color:#FFF;text-align:center;}
#mainContents ul.players li:nth-of-type(5n){margin-right:0;}
#mainContents ul.players li img{width:100%;}

#topContents ul#topTopics{display: flex; flex-wrap: wrap; margin-bottom:30px;}
#topContents ul#topTopics li{display:block; width:calc((100% - 40px) / 3); margin-right:20px; margin-bottom:20px; color:#FFF;border:1px solid #7b7b7b; box-sizing:border-box;background:#000; position:relative;padding-bottom:30px;}
#topContents ul#topTopics li:nth-of-type(3n){margin-right:0;}
#topContents ul#topTopics li img{width:100%;}

.category{background:#FFF; color:#000; font-family: 'Oswald', sans-serif;padding:4px 4px 4px 15px;}

#topContents ul li p{margin:10px 15px;font-size:14px; line-height:21px;}

.btnBox{position:absolute;bottom:0;right:0; width:100%;}
.btnBox2{position:absolute;bottom:0;right:0; width:33%;}
.btn{display:block;width:43%;background-color:#7b7b7b;color:#fff;text-align:right;padding:4px 15px 4px 0;margin-top:5px;font-size:12px;line-height:20px;float:right;position: relative;}
.btn:hover{display:block;width:43%;background-color:#3b3b3b;color:#fff;text-align:right;padding:4px 15px 4px 0;margin-top:5px;font-size:12px;line-height:20px;float:right;position: relative;}

.btn:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 30px #000;
    border-bottom: solid 28px transparent;
    z-index: 1;
    transition: .4s;
}
.days{position: absolute; bottom: 0;padding:5px 10px;}

#mainContents ul.players li div{
    border:1px solid #333;
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 178px;	/*画像の幅*/
	height: 178px;	/*画像の高さ*/
    margin-bottom:4px;
}
#mainContents ul.players li img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#mainContents ul.players li img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}


#topContents ul li div.zoom{
    border:1px solid #333;
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 316px;	/*画像の幅*/
	height: 202px;	/*画像の高さ*/
}
#topContents ul li img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#topContents ul li img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

.sc{	overflow:auto;
	height: 14em;}

ul.whats{
    border:1px solid #7b7b7b;background:#000;padding:0;
}
ul.whats li{
    border-bottom:1px solid #7b7b7b;
    padding:15px;font-size:15px;
    display: flex;
    align-items: center;
	color:#fff;
}

ul.whats li:last-child {
    border-bottom:0;
}
ul.whats li .whatsdays{
width:120px;
background:#7c7c7c;color:#FFF;
padding:6px 6px 6px 12px;
margin-right:10px;
font-size:14px;
text-align:center;
}
ul.whats li .whatsdays2{
width:100px;
background:#7c7c7c;color:#FFF;
padding:6px 6px 6px 12px;
margin-right:10px;
font-size:14px;
text-align:center;
}
ul.whats li .mainText{
    width:820px;
}

 ul.tournamentList li{color:#FFF; border:1px solid #7b7b7b;margin-bottom:20px;position:relative;}
 ul.tournamentList li .title{font-size:20px; font-weight:bold;margin-bottom:10px; margin-top:15px;margin-right:15px;}
 ul.tournamentList li img{width:490px; float:left; margin-right:15px;border-right:1px solid #7b7b7b; }
 ul.tournamentList li p{margin-right:15px; font-size:13px; line-height:20px; }


.textBlock{border:1px solid #7c7c7c;color:#FFF;padding:30px;}
.textBlock p{font-size:15px; line-height:21px;margin-bottom:6px;}
.textBlock p:last-child{margin-bottom:0px;}

.notice li{padding-left: 1em;text-indent: -1em;font-size:15px; margin-bottom:5px;}

.textBlock h3{font-size:18px; line-height:21px;margin-bottom:10px; font-weight:bold; color:#ffe824;margin-top:20px;}
.textBlock h3:first-child{margin-top:0px;}

.textBlock h4 span{color:#ffe824; font-size:16px;border:1px solid #ffe824;padding:6px;}

.textBlock h4{margin:15px 0;}

.textBlock h5{text-align: center;  color:#ffe824; font-size:16px;border:1px solid #ffe824;padding:6px;margin:8px auto;width: 854px;max-width: 60%;}

.textBlock .centerPict1{display:block;margin:30px auto;}

.textBlock ul.pict4List{display: flex; flex-wrap: wrap; margin:30px 0 0;}
.textBlock ul.pict4List li{width:48%;margin:1%}
.textBlock ul.pict4List li img{width:100%;}

.textBlock .kakomi{background: #3e3e3e; border:1px solid #FFF; padding:15px;margin-bottom:20px;}



.tournament_main{width:100%;border:1px solid #7c7c7c;margin-bottom:30px;}
.center_img{width:100%; margin-bottom:30px;}

/* footer */
/* ----------------------------------------------------*/

footer {width:100%; height:170px; background:url(/img/bg_footer.jpg) repeat-x;}
footer .copyright {margin:10px; font-size: 11px;text-align: center;color:#FFF;margin-top:20px;}

footer nav{font-family: 'Oswald', sans-serif;font-size:15px;line-height:18px;padding-top:15px;margin-bottom:20px}

footer nav ul{text-align: center;}

footer nav li{display: inline-block; margin-left:10px;text-align:center; border-right: 1px solid #666;border-left: 1px solid #666;padding: 0 15px 0 10px;}

footer nav li+ li {border-right: 1px solid #666;border-left: 0;}

footer nav li span{display:none;}


#list4 li{display:block;float:left;width:calc((100% - 24px) / 4);margin-right:8px;text-align:center;}
#list4 li:nth-of-type(4n){margin-right:0;}
#list4 li img{width:100%;}

#list3 li{display:block;float:left;width:calc((100% - 24px) / 3);margin-right:8px;text-align:center;}
#list3 li:nth-of-type(4n){margin-right:0;}
#list3 li img{width:100%;}


.arrow {position: relative;padding-left: 22px;}
.arrow::before {
     position: absolute;
     content: '';
     width: 14px;
     height: 14px;
     background: #FFF;
     border-radius: 50%;
     top: 50%;
     left: 0;
     margin-top: -7px;
}
.arrow::after {
     position: absolute;
     content: '';
     width: 0;
     height: 0;
     border: solid 4px transparent;
     border-left: solid 6px #7b7b7b;
     top: 50%;
     left:6px;
     margin-top: -4px;
}

/* youtube 20181207 hn*/
/* ----------------------------------------------------*/
.movieWrap {
    width: 854px;
    max-width: 60%;
    margin: 1em auto;
}

.movieWrap .movie {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden;
}

.movieWrap .movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.nicoMovie{margin: 0 auto; text-align: center; width: 100%;}

.bnrList{width: 100%; display: flex;justify-content: space-around;margin-bottom: 2em;}
.bnrList li{width: calc(50% - 4px);margin:0 auto;text-align: center}
.bnrList li img{width: 100%;max-width: 300px;}
.personalityPhotos{width: 100%; display: flex;justify-content: space-around;margin-bottom: 2em;}
.personalityPhotos li{width: calc((100% / 3) - 4px);margin:0 auto;text-align: center;}
.personalityPhotos li img{width: 100%;max-width: 240px;}
.personalityName{font-weight: bold;display: block;font-size: 15px;}

/* fancybox&player etc 20190110 hn */
/* ----------------------------------------------------*/
.playersIntroduction {width: 100%; display: flex;	flex-wrap: wrap;margin: 2em auto;
}
.playersIntroduction .playersIntroDetails {
	width: calc((100% / 2) - 10px);
	margin-bottom: 8px;
	border: 1px solid #CCC;
	color: #FFF;
	display: flex;
	padding: 0;
}
.playersIntroduction .playersIntroDetails:nth-child(odd){
	margin-right: 8px;
}
.playersIntroduction .playersIntroDetailsImage {
	width:80%;
	max-width: 200px;
	padding: 0;
	margin: 0;
	border-right: 1px solid #CCC;
}
/*-----20200910 add*/
.playersIntroduction .playersIntroDetailsIcon {display: flex; padding:2%;}
.playersIntroduction .playersIntroDetailsIcon img{width: calc(100% / 4);height: calc(100% / 4);}
.playersIntroduction .playersIntroDetailsTeam {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size: 20px;
	padding: 9px 0 5px 10px;
	font-weight: bold;
}
.p10{padding:1rem;}

.playersIntroduction img {
width: 100%;
	vertical-align:bottom;
}
.playersIntroduction .playersIntroDetailsTextBox {
width: 100%;
}
.playersIntroduction .playersIntroDetailsTextBoxName {
	width: 100%;
	border-bottom: 1px solid #CCC;
}
.playersIntroduction .playersIntroDetailsTextBoxName p{
	font-size: 30px;
	margin-top: 20px;
	margin-left: 8px;
	font-weight: bold;
	padding-bottom: 10px;
}
.playersIntroduction .playersIntroDetailsTextBoxEnthusiasm,.playersIntroduction .playersIntroDetailsTextBoxLeader {
	width: 10em;
	margin: 20px auto;
	padding: 6px 0;
	text-align: center;
	font-size:14px;
	background: #fff;
	color: #000;
}
.playersIntroduction .playersIntroDetailsTextBoxEnthusiasm{
	margin-bottom: 0;
}
.playersIntroduction .playersIntroDetailsTextBoxEnthusiasm a,.playersIntroduction .playersIntroDetailsTextBoxLeader a  {
	text-decoration: none;
	display: block;
	color: #CC0000;
	font-weight: bold;
}

.campaign a{
	display: block;
	max-width: 600px;
	margin: 2em auto;
	padding: .5em;
	background: #fff;
	color: #CC0000;
	text-align: center;
	font-size: 1.1rem;
	font-weight: bold;
}


/* Summary etc 20190118 kk */
/* ----------------------------------------------------*/
.summary {margin-bottom: 1em;}
.summary dt {
	font-size: 1.2em;
	font-weight: bold;
}
.summary dd {padding-left: 1em; margin-bottom: .5em;}

.sleeveList {
	display: flex;
	justify-content: space-around;
	margin-bottom: 2em;
}
.sleeveList li {
	padding: 2px;
	text-align: center;
}
.sleeveList img {width: 100%;}
.padBnr{max-width: 500px; margin: 0 auto; text-align: center;}
.padBnr img{width: 100%;}


/*  20201102 add */
/* ----------------------------------------------------*/

.pointArea{ position: relative; padding: 1rem 2rem; margin:2rem 0 3rem; text-align: center; border: 2px solid #f00;}
.pointArea:before{ font-size: 12px; font-size: 1.2rem; position: absolute; top: -24px; left: -3px; height: 24px; padding: 0 1em; content: 'POINT'; color: #000; background: #f00; border-radius:5px 5px 0 0;}
.pointArea li{ font-size:1.2rem; text-align:left; text-indent: -1.2rem; padding-left:1.2rem; margin-bottom:0.5rem;}
.pointArea li:before{ content: "●";}
.guideh2 > h2{ border:none; text-align:center; color:#ff0; margin:0 0 2rem 0;}
.guideh3 > h3{ border:none; text-align:center; color:#fff; font-size:22px;margin:2rem 0;}

.underline{border-bottom:2px solid #fff;padding-bottom: 2px;}
.styleTeatm{}
.styleTeatm > dt{display:inline-block; font-size:1.3rem; background:#f39800; border-radius:10px 10px 0 0;  padding:0.5rem;}
.styleTeatm > dd{ font-size:1.3rem; border:2px solid #f39800; padding:0.5rem; margin-bottom:2rem;}