@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}

/* -----------------------------------------------------------
   COMMON
------------------------------------------------------------*/

/*/TEXT/*/
.blue{ color:#0655d9 !important;}
.green{ color:#52b145 !important;}
.yellow{ color:#d6d414 !important;}
.orange{ color:#ee8020 !important;}
.pink{ color:#e4007f !important;}
.red{ color:#eb3434 !important;}
.purple{ color:#9362dd !important;}
.brown{ color:#a05f37 !important;}
.navy{color:#1a44ad !important;}

.tCenter{ text-align:center !important;}
.tLeft{ text-align:left !important;}
.tRight{ text-align:right !important;}

/*/LINK/*/
a { text-decoration:none; color: #05d2d4; font-weight: bold;}
a:hover { text-decoration:underline;}
a:visited { text-decoration:none;}

/*/MARGIN/*/
.mgBtm15{ margin-bottom:15px !important;}
.mgBtm25{ margin-bottom:25px !important;}
.mgBtm35{ margin-bottom:35px !important;}
.mgBtm45{ margin-bottom:45px !important;}
.mgBtm55{ margin-bottom:55px !important;}

/* -----------------------------------------------------------
   HEADER
------------------------------------------------------------*/
header{
	text-indent:-9999px;
	background:url(../img/bg.png) center top;
	text-align:center;
	}
header img{
	position:absolute;
	text-indent:-9999px;
	top:0;
	left:0;
	}

@media all and (min-width: 768px) {
header h1{
	width:950px;
	height:190px;
	margin:0 auto;
	position:relative;
	}
header a{
	width:980px;
	height:190px;
	margin:0 auto;
	position:relative;
	display: block;
	}
header img{
	width:980px;
	height:190px;
	background-image: url(../img/header_pc.jpg?200908);
	}

}
@media all and (max-width: 767px) {
header {
	background-size: contain;
}
.Top header h1,.Second header a{
	width:100%;
	height:0;
	padding-top:35.93%;
	position:relative;
	margin: 0 auto;
	}
.Second header a{ display: block;}
header img{
	width:100%;
	height:100%;
	background-size:cover;
	background-image: url(../img/header_smp.jpg?200908);
	}
}
/* -----------------------------------------------------------
   BASE
------------------------------------------------------------*/
body {
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
	color:#252525;
	background-color:#f06e05;
}
#wrap{
	background-color:#fce686;
	}
	.mainArea #l-box{
		background-color: #fff;
		border-radius: 10px;
	}
@media all and (min-width: 768px) {
#wrap{
	padding:20px 0;
	}
.mainArea{
	width:980px;
	margin:0 auto;
	}
.mainArea #l-box{
	float:left;
	width:700px;
	margin-right: 20px;
	min-height: 400px;
	padding-bottom: 20px;
	}
	.mainArea #l-box .block{
		padding:20px 30px 0;
	}
		.mainArea .block p{
			font-size: 90%;
			line-height: 1.5;
			padding: 0 8px;
		}
		.Top .mainArea #l-box p{
			margin-bottom: 20px;
		}
			.mainArea #l-box .h-cover{
				width: 640px;
				background: url(../img/bg_title.png) no-repeat;
				height:54px;
				margin-bottom: 20px;
			}
			.Top .h-cover h2,.Second .h-cover h1{
				width: 640px;
				height:54px;
				padding-top:5px;
				text-align: center;
				color: #fff;
				font-size: 120%;
				line-height: 1.4;
				font-weight: normal;
				display: table-cell;
				vertical-align: middle;
				text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
				letter-spacing:0.05em;
			}
			.Top .block h3,.Second .block h2{
				font-size:100%;
				line-height: 1.4;
				color: #f42800;
				padding: 0 8px 5px;
			}

.mainArea #r-box{
	float:left;
	width:260px;
	}

}
@media all and (max-width: 767px) {
#wrap{
	padding:15px 0;
	}
.mainArea{
	width:94%;
	margin:0 auto ;
	}
.mainArea #l-box{
	width:100%;
	margin: 0 auto 20px;
	min-height:200px;
	padding-bottom: 15px;
}
	.mainArea #l-box .block{
		padding:15px 15px 0;
	}
		.mainArea #l-box p{
			font-size: 86%;
			line-height: 1.4;
			padding: 0 8px;
		}
		.Top .mainArea #l-box p{
			margin-bottom: 20px;
		}
	.mainArea #l-box .h-cover{
		width:100%;
		margin: 0 auto 15px;
	}

		.Top .h-cover h2,.Second .h-cover h1{
			width:100%;
			display: inline-block;
	    position: relative;
	    height:35px;
	    line-height:39px;
	    vertical-align: middle;
	    text-align: center;
	    padding: 0 20px;
	    font-size: 100%;
	    background: linear-gradient(#fea445, #f77c03);
			background: -webkit-linear-gradient(#fea445, #f77c03);
			background: -moz-linear-gradient(#fea445, #f77c03);
	    color: #FFF;
	    box-sizing: border-box;
			text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
			letter-spacing:0.05em;
		}
		.Top .h-cover h2:after,.Top .h-cover h2:before,.Second .h-cover h1:after,.Second .h-cover h1:before{
			position: absolute;
	    content: '';
	    width: 0px;
	    height: 0px;
	    z-index: 1;
		}
		.Top .h-cover h2:before,.Second .h-cover h1:before {
			top: 0;
	    left: 0;
	    border-width: 17.5px 0px 17.5px 8px;
	    border-color: transparent transparent transparent #fff;
	    border-style: solid;
		}
		.Top .h-cover h2:after,.Second .h-cover h1:after {
			top: 0;
	    right: 0;
	    border-width: 17.5px 8px 17.5px 0px;
	    border-color: transparent #fff transparent transparent;
	    border-style: solid;
		}
		.Top .block h3,.Second .block h2{
			color: #f42800;
			font-size: 90%;
			line-height: 1.4;
			padding: 0 8px 5px;
		}
}

/* -----------------------------------------------------------
   NAVIGATION
------------------------------------------------------------*/

@media all and (min-width: 768px) {
	#con-body nav{
		background-image:url(../img/bg_menu.png);
		}
	#con-body nav ul{
		width:980px;
		height:60px;
		margin:0 auto;
		list-style:none;
		}
	#con-body nav li{
		float:left;
		}
	#con-body nav li:last-child{
		margin-right: 0;
	}
	#con-body nav a{
		display:block;
		height:60px;
		background-image:url(../img/menu.png);
		text-indent:-9999px;
		}

	#con-body nav li#m1 a{ width:170px;background-position:0 0;}
	#con-body nav li#m2 a{ width:270px;background-position:-170px 0;}
	#con-body nav li#m3 a{ width:270px;background-position:-440px 0;}
	#con-body nav li#m4 a{ width:270px;background-position:-710px 0;}

	#con-body nav li#m1 a:hover,.Top #con-body nav li#m1 a{ background-position:0 -60px;}
	#con-body nav li#m2 a:hover,.List #con-body nav li#m2 a{ background-position:-170px -60px;}
	#con-body nav li#m3 a:hover,.Join #con-body nav li#m3 a{ background-position:-440px -60px;}
	#con-body nav li#m4 a:hover,.Data #con-body nav li#m4 a{ background-position:-710px -60px;}

}
@media all and (max-width: 767px) {
	#con-body nav{
		width:100%;
		background-position:right top;
		background-repeat:no-repeat;
		background-size:30%;
		}
	#con-body nav ul{
		width:100%;
		list-style:none;
		background-position:left bottom;
		background-repeat:no-repeat;
		background-size:30%;
		}
	#con-body nav li{
		width:50%;
		height:10%;
		float:left;
		border-bottom:1px solid #d65703;
		box-sizing:border-box;
		text-align: center;
		}
	#con-body nav li:nth-last-child(2),#con-body nav li:last-child{border-bottom:none;}
	#con-body nav li:nth-child(2n) {
		margin-right:0px;
		border-left:1px solid #d65703;
	}

	#con-body nav a,#con-body nav span{
		background: linear-gradient(#f06e05, #f05d05);
		background: -webkit-linear-gradient(#f06e05, #f05d05);
		background: -moz-linear-gradient(#f06e05, #f05d05);
		display:block;
		position: relative;
		padding-right: 20px;
		color:#fff;
		text-align:center;
		font-size:90%;
		line-height:2.6;
		font-weight:bold;
		}
		#con-body nav span{filter: alpha(opacity=30);-moz-opacity:0.30;opacity:0.30;}

		#con-body nav a:before {
	    content: '';
	    width: 14px;
	    height: 14px;
	    background: #fff;
	    border-radius: 50%;
	    position: absolute;
	    top: 50%;
	    right: 6%;
	    margin-top: -7px;
	}
		#con-body nav a:after {
		    content: '';
		    width: 0;
		    height: 0;
		    border: solid 3px transparent;
		    border-left: solid 5px #f06e05;
		    position: absolute;
		    top: 50%;
		    right:6.5%;
		    margin-top: -3px;
		}
		.Top #con-body nav li#m1 a,.List #con-body nav li#m2 a,.Join #con-body nav li#m3 a,.Data #con-body nav li#m4 a{
			background: #e14406;
		}
		.Top #con-body nav li#m1 a:after,.List #con-body nav li#m2 a:after,.Join #con-body nav li#m3 a:after,.Data #con-body nav li#m4 a:after{
			border-left: solid 3px transparent;
			border-top: solid 5px #e14406;
			right:8%;
			margin-top: -2px;
		}
}


/* -----------------------------------------------------------
   RIGHT-BANNER
------------------------------------------------------------*/

#r-box a{
	text-indent: -9999px;
	}

@media all and (min-width: 768px) {
	#r-box a{margin-bottom: 10px;}
	#r-box #btn_twit a{background: url(../img/sns_pc.png?new) no-repeat; }
	#r-box #btn_fb a{background: url(../img/sns_pc.png?new) 0 -90px no-repeat;}
	#r-box #btn_twit a,#r-box #btn_fb a{
		height: 90px;
		display: block;
	}
	#r-box a:hover{
	filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;
	}
}
@media all and (max-width: 767px) {
	#r-box #btn_twit a{	background-image: url(../img/btn_smp_twit.png?new); }
	#r-box #btn_fb a{	background-image: url(../img/btn_smp_fb.png);}
	#r-box #btn_twit a,#r-box #btn_fb a{
	width:80%;
	margin: 0 auto 6px;
	height: 0;
	padding-top: 14.4%;
	display: block;
	background-size: cover;
	}
}

/* -----------------------------------------------------------
   BUTTON
------------------------------------------------------------*/
.button{
	text-align: center;
}
.button a{
	display:block;
	border: 1px solid #f75f41;
  background-color: #fa6244;
  background-image: -webkit-linear-gradient(top, #fa6244, #f42800);
  background-image: linear-gradient(to bottom, #fa6244, #f42800);
  border-radius:20px;
  color: #fff;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	text-align: center;
	font-weight: normal;
	}
.button a:hover{
	border:1px solid #fc9f1a;
  background-color: #faa80e;
  background-image: -webkit-linear-gradient(top, #faa80e, #f9c203);
  background-image: linear-gradient(to bottom, #faa80e, #f9c203);
	text-decoration: none;
}

@media all and (min-width: 768px) {
.button a{
	display: inline-block;
	padding: 0 30px;
	height:40px;
	margin:0 auto;
	font-size:110%;
	line-height:43px;
}
}
@media all and (max-width: 767px) {
.button a{
	display: inline-block;
	height: 35px;
	padding: 0 30px;
	margin:0 auto 10px;
	font-size:100%;
	line-height: 39px;
	font-weight: bold;
}
}

/* -----------------------------------------------------------
   FOOTER
------------------------------------------------------------*/
footer{
	width:100%;
	background-color:#f06e05;
}
p.copyright {
	color:#fff;
	font-size:75%;
	line-height:1.25;
}
p.copyright a{
	font-weight:bold;
	color:#fff;
	}
@media all and (min-width: 768px) {
footer{
	padding:20px 0;
	}
p.copyright {
	text-align:center;
	}
}
@media all and (max-width: 767px)  {
footer{
	padding:5px 0;
}
footer #rBanner{
	margin:10px auto;
	}
p.copyright{
	padding:10px 10px;
	text-align:center;
	}
}
/* -----------------------------------------------------------
   PAGETOP
------------------------------------------------------------*/
#pagetop a{
	display: block;
	overflow:hidden;

	}
@media all and (min-width: 768px) {
#pagetop {
  position:fixed;
  bottom:70px;
  right: 20px;
}
#pagetop a {
  background-image:url(../img/pagetop.png);
  width:46px;
	height:46px;
	background-position:left center;
	text-indent:-9999px;
}
#pagetop a:hover{
	background-position:center right;
	background-position:right center;
}
}
@media all and (max-width: 767px)  {
#pagetop{
	text-align:center;
	background-color: #f8c103;
	}
#pagetop a {
	color:#fff;
	font-size:80%;
	padding:10px 0;
	line-height:1.0;
	font-weight:bold;
}
}

/* -----------------------------------------------------------
   SOCIAL
------------------------------------------------------------*/
@media all and (min-width: 768px) {
#social{
	padding-bottom: 8px;
	}

}
@media all and (max-width: 767px)  {
#social{
	text-align: center;
}
#social iframe{
	margin:4px auto 0;
	}
}

/* -----------------------------------------------------------
   LIST
------------------------------------------------------------*/
.List ul.playerList{
	padding:0;
  font-size:0%;
	font-feature-settings: "palt";
}
@media all and (min-width: 768px) {
	.List ul.playerList{
		width: 600px;
		margin: 0 auto;
	}
	.List ul.playerList li{
		font-size:14px;
		display: inline-block;
		width:200px;
		line-height: 1.4;
		padding:8px 0 0 40px;
		vertical-align: top;
		box-sizing: border-box;
		min-height: 34px;
		background: url(../img/list_icon.png) left top no-repeat;
		margin-bottom: 5px;
	}
	.List ul.playerList li .group{
		font-size: 12px !important;
	}
	.List .cau{
		font-size: 80% !important;
		padding: 10px 8px 0 !important;
	}
}
@media all and (max-width: 767px)  {
	.List ul.playerList{
		width: 90%;
		margin: 0 auto;
	}
	.List ul.playerList li{
		font-size:14px;
		display: inline-block;
		width:50%;
		line-height: 1.2;
		padding:2px 0 0 8%;
		vertical-align: top;
		box-sizing: border-box;
		min-height: 34px;
		background: url(../img/list_icon.png) left top no-repeat;
		background-size: 12%;
	}
	.List ul.playerList li .group{
		font-size: 11px !important;
	}
	.List .cau{
		font-size:70% !important;
		padding: 10px 8px 0 !important;
	}
}

/* -----------------------------------------------------------
   JOIN
------------------------------------------------------------*/
.Join .block .tvImage img{background-image: url(../img/join_image.jpg);}

@media all and (min-width: 768px) {
	.Join .block h3{
		display: block;
		border-radius:8px;
		background-color: #fce686;
		color: #fb6911;
		height: 35px;
		line-height: 38px;
		border: 2px solid #feb348;
		text-align: center;
		margin: 0 auto 20px;
		font-size: 100%;
		font-weight: normal;
	}
	.Join .block h4{
		position: relative;
  	padding:12px 0 10px;
  	background-color: #f0eeed;
  	border-radius: 6px;
		color: #fb6e30;
		margin-bottom: 20px;
		text-align: center;
		font-size:96%;
		font-weight: normal;
	}
	.Join .block h4:after{
		position: absolute;
		content: '';
		top: 100%;
		left: 300px;
		border: 15px solid transparent;
		border-top: 15px solid #f0eeed;
		width: 0;
		height: 0;
	}
	.Join .block .tvImage{
		width: 500px;
		margin: 0 auto 20px;
	}
	.Join .block .tvImage img{
		width: 500px;
		height: 280px;
	}
	.Join .block p{
		margin-bottom: 20px;
	}
}

@media all and (max-width: 767px)  {
	.Join .block h3{
		display: block;
		border-radius:8px;
		background-color: #fce686;
		color: #fb6911;
		height: 32px;
		line-height: 35px;
		border: 2px solid #feb348;
		text-align: center;
		margin: 0 auto 20px;
		font-size:90%;
	}
	.Join .block h4{
		position: relative;
  	padding:12px 0 10px;
  	background-color: #f0eeed;
  	border-radius: 6px;
		color: #fb6e30;
		margin-bottom: 20px;
		text-align: center;
		font-size:86%;
	}
	.Join .block h4:after{
		position: absolute;
		content: '';
		top: 100%;
		left:45%;
		border: 10px solid transparent;
		border-top: 10px solid #f0eeed;
		width: 0;
		height: 0;
	}
	.Join .block .tvImage{
		width:90%;
		margin: 0 auto 10px;
	}
	.Join .block .tvImage img{
		width:100%;
		height:0;
		padding-top: 56%;
		background-size: cover;
	}
	.Join .block p{
		margin-bottom: 20px;
	}
}

/* -----------------------------------------------------------
   DATA
------------------------------------------------------------*/
.Data #winner{
	width: 100%;
	border: solid 1px #fecc7d;
	border-collapse: collapse;

}
.Data #winner th,.Data #winner td{
	border: solid 1px #fecc7d;
}
.Data #winner th{
	background-color: #fb9a04;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.Data #winner .r1{	background-color: #feb849;}
.Data #winner .r2{	background-color: #fffced;}
.Data #winner .r3{	background-color: #fef4ca;}
.Data #winner .r4{	background-color: #fffced;}
.Data #winner .r5{	background-color: #fef4ca;}

.Data #winner td{
	text-align: left;
	color: #4a3828;
}
@media all and (min-width: 768px) {
	.Data #winner th{
		padding:5px 8px;
		white-space: nowrap;
	}
	.Data #winner td{
		padding:5px 10px;
	}
	.Data #winner th,.Data #winner td{
		font-size:80%;
		line-height: 1.4;
	}
}
@media all and (max-width: 767px)  {
	.Data #winner th,.Data #winner td{
		padding:4px;
		font-size:70%;
		line-height: 1.4;
	}

}



p.btn-marathon a,
p.btn-marathon a img {
	display:block;
	width:260px;
	height:245px;
}
p.btn-marathon a {
	background-image:url(../img/btn_marathon.png);
}
@media all and (max-width: 767px)  {
p.btn-marathon {
	width:260px;
	padding-top:10px;
	margin:0 auto;
}

}



/* -----------------------------------------------------------
	JOIN 2019.04 add
------------------------------------------------------------*/
span.join-data-img,
span.join-data-img span,
span.join-data-img span img {
	display:block;
}
@media all and (min-width: 768px) {
span.join-data-img {
	margin:0 62px;
}
span.join-data-img span img {
	width:500px;
	height:280px;
}
}

@media all and (max-width: 767px) {
span.join-data-img {
	margin:0 20px;
}
span.join-data-img span {
	position:relative;
	height:0;
	padding:56% 0 0;
	background-size:cover;
}
span.join-data-img span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}