@charset "utf-8";
/* CSS Document */


/* ================================================
Classes
------------------------------------------------ */

.clearfix:before,
.clearfix:after{
	content:"";display:table;
}
.clearfix:after{ clear:both; }
.clearfix{ *zoom:1; }

.leftbox{ float:left; display:inline; }
.rightbox{ float:right; display:inline; }

.must{ font-weight:bold; color:#f80;}

.align-c{ text-align:center; }
.align-l{ text-align:left; }
.align-r{ text-align:right; }


/* ================================================
Common Style
------------------------------------------------*/
html{
}
body{
	background:#000 url("/img/2016/common/topbg.jpg") no-repeat 50% 0;
	font-family:'ヒラギノ角ゴ ProN W4', 'Hiragino Kaku Gothic ProN', Meiryo, メイリオ, sans-serif;
}

a{ color:#0cf; }
a:visited{ color:#0ac;}
a:hover{ color:#3ff;}

img{ vertical-align:top; }

/*
	10px = 77%
	11px = 85%
	12px = 93%
	13px = 100%
	14px = 108%
	15px = 116%
	16px = 123.1%
	17px = 131%
	18px = 138.5%
	19px = 146.5%
	20px = 153.9%
	21px = 161.6%
	22px = 167%
	23px = 174%
	24px = 182%
	25px = 189%
	26px = 197%
*/

/* ================================================
Style
------------------------------------------------*/

header{
	padding-top:50px;
	padding-bottom:10px;
	width:813px;
	margin:0 auto;
	text-align:center;
}

header h1{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background:url("/img/2016/common/title.png") no-repeat 0 0;
	margin-bottom:44px;
}

header p{
	text-align:center;
	margin-bottom:32px;
}

section#info{
	padding-bottom:40px;
}

section#info article{
	margin:0 auto;
	margin-bottom:80px;
}

section#info article dl{
	text-align:center;
	color:#fff;
}

section#info article dl dt{
	margin-bottom:4px;
}

section#info article dl dt span.date{
	display:inline-block;
	color:#FFD24D;
	background:url("/img/2016/common/calender.png") no-repeat 0 0;
	padding-left:25px;
	height:20px;
	line-height:20px;
	margin-bottom:6px;
	font-size:131%;
}
section#info article dl dt span.title{
	font-weight:bold;
	display:block;
	font-size:146.5%;
}

section#info article dl dd{
	font-size:138.5%;
	line-height:1.6em;
	margin-bottom:22px;
}

section#info article dl dd span{
	display:block;
	padding:10px;
}

section#outline{
	padding-bottom:40px;
}

section#outline article{
	margin:0 auto;
	margin-bottom:80px;
}

section article h2{
	width:324px;
	height:64px;
	margin:0 auto 40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

section article h2#h-info{ background:url("/img/2016/common/h_info.png") no-repeat 0 0;}
section article h2#h-maingames{ background:url("/img/2016/common/h_maingames.png") no-repeat 0 0;}
section article h2#h-location{ background:url("/img/2016/common/h_location.png") no-repeat 0 0;}
section article h2#h-outline{ background:url("/img/2016/common/h_outline.png") no-repeat 0 0;}
section article h2#h-special{ background:url("/img/2016/common/h_special.png") no-repeat 0 0;}
section article h2#h-support{ background:url("/img/2016/common/h_support.png") no-repeat 0 0;}
section article h2#h-group{ background:url("/img/2016/common/h_group.png") no-repeat 0 0;}

section#outline article .title-list{
	text-align:center;
	margin-bottom:50px;
}

section#outline article .title-list h3{
	margin-bottom:40px;
}

section#outline article .title-list ul{
	text-align:center;
}

section#outline article .title-list ul li{
	display:inline-block;
	margin:0 20px 40px;
}
 
section#outline article h3{
	text-align:center;
	margin-bottom:40px;
}

section#outline article ol li{
	text-align:center;
	margin-bottom:40px;
}

section#outline article dl{
	text-align:center;
	margin-bottom:80px;
	color:#fff;
}

section#outline article dl dt{
	margin-bottom:20px;
	line-height:1.4em;
}

section#outline article dl dd span.note{
	color:#FFFF37;
}

section#outline article ul#schedules{
		text-align:center;
}

section#outline article ul#schedules li{
		display:inline-block;
		margin:0 10px;
}

section#outline article .map{
	width:640px;
	margin:0 auto 50px;
}

section#outline article .spevent{
	text-align:center;
}

section#outline article .spevent .sppp{
	display:inline-block;
	width:300px;
	margin:0 30px;
	color:#fff;
}

section#outline article .spevent .sppp .image{
	margin-bottom:20px;
}

section#outline article .spevent .sppp h4{
	font-weight:bold;
	font-size:18px;
}

section#outline article .spevent .sppp p{
	margin-bottom:20px;
}

section#outline article .sista{
	width:400px;
	margin:0 auto;
}

section#outline article .sista .leftbox{
	width:160px;
}

section#outline article .sista .rightbox{
	width:210px;
	color:#fff;
	padding-top:40px;
}

section#outline article .sista .rightbox p{
	margin-bottom:10px;
}

section#outline article .sista .rightbox p.subt{
	color:#111;
	background-color:#ffa;
	padding:4px 8px;
	display:inline-block;
}

section#sponsor{
	background-color:#0F1015;
	padding-bottom:50px;
	padding-top:80px;
}

section#sponsor article{
	margin:0 auto;
	padding-bottom:50px;
}

section#sponsor article ul{
	text-align:center;
	margin-bottom:20px;
}

section#sponsor article ul li{
	margin:0 8px 16px;
	display:inline-block;
}

section#sponsor article h3{
	font-weight:bold;
	color:#ccc;
	text-align:center;
	background-color:#181818;
	border:1px solid #ccc;
	padding:16px;
	margin:0 auto 20px;
	width:210px;
}

section#sponsor article dl{
	padding-bottom:50px;
	text-align:center;
}

section#sponsor article dl dt{
	color:#fff;
	margin-bottom:3px;
}

section#sponsor article dl dd{
	color:#fff;
	line-height:1.6em;
}


footer{
	padding-top:40px;
	color:#fff;
}

footer ul{
	text-align:center;
	margin-bottom:30px;
}

footer ul li{
	margin:0 8px;
	display:inline-block;
}

footer p{
	padding:0 0 40px;
	text-align:center;
}

header.page-in{
	padding-top:54px;
	width:862px;
	margin:0 auto;
	padding-bottom:40px;
}

header.page-in h1{
	background:url("/img/2016/common/hd_logo_in.png") no-repeat 0 0;
	margin-bottom:18px;
}

header.page-in .to-top{
	text-align:right;
}	

section#kof-about{
	width:750px;
	margin:0 auto 80px;
}

section#kof-about article{
	color:#fff;
}

section#kof-about .tomember{
	line-height:2em;
	text-align:center;
	font-size:16px;
	margin-bottom:40px;
}
section#kof-about .tomember a{
	display:block;
	width:300px;
	margin:0 auto;
	background-color:#111;
	text-decoration:none;
	padding:14px 0 15px;
	border:1px solid #666;
	color:#fff;
}

section#kof-about .tomember a:hover{
	text-decoration:underline;
}

section#kof-about article p{
	line-height:2em;
	text-align:center;
	font-size:15px;
	margin-bottom:70px;
}

section#kof-about article p span.bl1{
	font-weight:bold;
	font-size:18px;
}

section#kof-about article p span.bl2{
	font-weight:bold;
	font-size:18px;
	padding-right:10px;
}

section#kof-about article p span.nt1{
	font-weight:bold;
	color:#ff3;
}


section#kof-about article h2{
	width:506px;
	height:100px;
	margin:0 auto 40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background:url("/img/2016/common/h_kof.png") no-repeat 0 0;
}

section#kof-about article h3{
	text-align:center;
	padding-bottom:12px;
	font-size:24px;
	font-weight:600;
	margin-bottom:30px;
	background:url("/img/2016/common/hh_line.png") no-repeat 50% 100%;
}

section#kof-about article table{
	line-height:1.5em;
	vertical-align:top;
	margin:0 10px;
}


section#kof-about article table tr{
	background-color:#121212;
}

section#kof-about article table tr:nth-child(even){
	background-color:#090909;
}

section#kof-about article table th{
	padding:15px 10px;
	border-right:1px solid #191919;
	border-left:1px solid #191919;
}

section#kof-about article table td{
	padding:15px 10px;
}

section#entry-form{
	width:727px;
	margin:0 auto 50px;
}

section#entry-form h3{
	width:100%;
	height:39px;
	margin-bottom:40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background:url("/img/2016/common/hh_form.png") no-repeat 0 0;
}

section#entry-form dl{
	margin-bottom:40px;
	color:#fff;
	text-align:center;
}

section#entry-form dl dt{
	font-weight:bold;
	font-size:16px;
	margin-bottom:20px;
}

section#entry-form dl dt span.require{
	color:#ff4c4c;
	font-weight:normal;
}

section#entry-form dl dt span.norequire{
	color:#ff9c9c;
	font-weight:normal;
}

section#entry-form dl dd{
	margin-bottom:40px;
}

section#entry-form dl dd span.exmpl{
	display:block;
	margin-bottom:14px;
}

section#entry-form span.must{
	display:block;
	padding-top:12px;
	color:#f30;
	font-weight:bold;
}

p.super-comment{
	border:1px solid #f30;
	text-align:center;
	color:#fff;
	padding:20px;
	font-size:16px;
	line-height:1.6em;
	margin-bottom:40px;
}

p.comment,
p.message{
	text-align:center;
	color:#fff;
	padding:10px;
	font-size:16px;
	line-height:1.6em;
	margin-bottom:40px;
}

section#entry-form dl dd .inp-txt{
	border:1px solid #fff;
	width:500px;
	background-color:#000;
	color:#fff;
	padding:10px;
	font-size:15px;
	text-align:left;
}

section#entry-form dl dd .inp-slct{
	font-size:15px;
	padding:10px;
}

section#entry-form dl.confirm dd{
	background-color:#111;
	padding:20px 20px;
	font-size:16px;
}

section#entry-form .submit-button{
	text-align:center;
	padding-bottom:40px;
}

section#entry-form .submit-button p{
	margin-bottom:20px;
}


@media screen and (min-width: 912px){
	.pc-site{
		display:block;
	}
	.sp-site{
		display:none;
	}
	img{
	}
	body{
		min-width:912px;
	}

	header h1{
		height:398px;
	}
	header.page-in h1{
		height:190px;
	}

	section#info article dl dt span.date{
		font-size:131%;
	}
	section#info article dl dt span.title{
		font-size:146.5%;
	}

	section#info article dl dd{
		font-size:138.5%;
	}

	section#outline article{
		width:912px;
		margin:0 auto 40px;
	}

	section#outline article dl{
		font-size:116%;
	}

	section#outline article dl dt span{
		font-size:138.5%;
	}

	section#outline article .sista .rightbox h3{
		font-size:167%;
	}

	section#outline article .sista .rightbox p{
		font-size:108%;
	}

	section#sponsor article{
		width:850px;
	}

	section#sponsor article h3{
		font-size:116%;
	}

	section#sponsor article dl dt{
		font-size:138.5%;
	}

	section#sponsor article dl dd{
		font-size:116%;
	}


	footer p{
		font-size:116%;
	}

}

@media screen and (max-width: 911px){
	.pc-site{
		display:none;
	}
	.sp-site{
		display:block;
	}
	img{
	}
	body{
		min-width:750px;
		max-width:912px;
	}

		
	header{
		width:713px;
	}
	header h1{
		height:348px;
		background-size:713px;
	}

	header.page-in{
		padding-top:54px;
		width:713px;
	}
	header.page-in h1{
		height:190px;
		background-size:contain;
	}


	section#info article dl dt span.date{
		font-size:1.6rem;
	}
	section#info article dl dt span.title{
		font-size:1.8rem;
	}

	section#info article dl dd{
		font-size:1.5rem;
	}

	section#outline article{
		width:683px;
		margin:0 auto 40px;
	}

	section#outline article .sista{
		width:500px;
	}

	section#outline article .sista .leftbox{
		width:160px;
	}

	section#outline article .sista .rightbox{
		width:310px;
		padding-top:20px;
	}

	section#outline article .sista .rightbox h3{
		font-size:1.8rem;
	}

	section#outline article .sista .rightbox p{
		font-size:1.2rem;
	}

	section#sponsor article{
		width:700px;
	}

	section#sponsor article h3{
		font-size:1.4rem;
		width:400px;
	}

	section#sponsor article dl dt{
		font-size:1.4rem;
	}

	section#sponsor article dl dd{
		font-size:1.1rem;
	}



	section#outline article dl{
		font-size:1.2rem;
	}

	section#outline article dl dt span{
		font-size:1.4rem;
	}

	footer p{
		font-size:1.2rem;
	}
	section#outline article .title-list h3 img{
		width:680px;
	}

	section#outline article .title-list ul{
		letter-spacing:-0.4em;
	}

	section#outline article .title-list ul li{
		letter-spacing:normal;
		margin:0 4px 40px;
	}

	section#outline article .spevent .sppp{
		display:inline-block;
		width:300px;
		margin:0 10px;
		color:#fff;
	}

	section#kof-about article p{
		margin: 0 30px 100px;
	}
	section#kof-about article table{
		font-size:1.4rem;
	}

	section#entry-form dl dd .inp-txt{
		font-size:1.6rem;
	}

	select{
		-moz-appearance: button;
		-webkit-appearance: button;
		appearance: button;
		padding: 10px 20px;
		width:220px;
		font-size:1.6rem !important;
		background: #fff url("/img/2016/common/pulldown.png") no-repeat 96% 50%;
		border: none;
		color: #222;
	}
	p.comment,
	p.message{
		font-size:1.8rem;
	}


}