@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-color: #000;
	color:#fff;
    font-family: "ヒラギノ角ゴ pro w4", "hiragino kaku gothic pro", "メイリオ", meiryo, sans-serif;
}

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

img{ vertical-align:top; }

h1,h2,h3,h4,h5,h6{
	margin: 0;
	padding: 0;
}

ul, ol{
	list-style: none;
	padding:0;
}

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

header{
	background: url("/img/2017/bg3.jpg") no-repeat 50% 50%;
	background-size: cover;
	min-height: 700px;
}

header .title-header{
}

header .title-header h1{
	padding:0 10px;
}

h2{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600; 
}

section#info{
	background-color: #6969ED;
	min-height: 80px;
}

section#info h2{
	font-size: 34px;
	padding-top: 10px;
	line-height: 60px;
	letter-spacing:-0.5px;
}

section#info ul{
	padding-top: 10px;
	padding-bottom: 10px;
}

section#info ul li{
	font-size: 16px;
	line-height:1.3em;
	margin-bottom: 10px;
}

section#info ul li span{
	color: #FFFF13;
	padding-right: 10px;
}

section#info ul li a,
section#info ul li a:visited{
	color: #ffff66;
}

section#info ul li a:hover{
	color: #ffffaa;
}

section#main{
	padding-top: 50px;
}

section#main p{
	font-size: 12px;
}


section#main .cont-header{
	background: url("/img/2017/bar.png") no-repeat 50% 100%;
	background-size: 100% 1px;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.row-eq-height{
	display: flex;
	flex-wrap: wrap;
}

section#main .game-title{
	margin-bottom: 14px;
}

section#main #gamelist{
	margin-bottom: 60px;
}

section#main #trailer{
	margin-bottom: 60px;
}

section#main #trailer iframe{
	margin: 0 10px;
}

section#main #trailer .movs{
	margin-bottom: 30px;
}

section#main #bracket{
	margin-bottom: 60px;
}

section#main #bracket dl{
	text-align:center;
}

section#main #bracket dl dt{
	font-size: 20px;
	margin:0 auto 20px;
}

section#main #bracket dl dd{
	margin-left:10px;
	margin-bottom: 20px;
	text-align:center;
}

section#main #bracket dl dd table{
	display:inline-block;
	margin:0 auto;
	text-align:left;
}

section#main #bracket dl dd table td{
	color:#999;
	margin-bottom: 10px;
	background-color:#111;
	padding:7px 10px 4px;
	border-bottom:1px solid #000;
}

section#main #bracket dl dd table th{
	font-weight:bold;
	width: 120px;
	font-size: 13px;
	padding: 6px 6px 6px 10px;
	color:#fff;
	background-color:#191919;
	border-bottom:1px solid #000;
}

section#main #bracket dl dd table td a{
	display:inline-block;
	background-color:#222;
	padding: 4px 10px;
	margin: 0 2px 5px;
}

section#main #bracket dl dd table td a:hover{
	background-color:#333;
}

section#main #schedule{
	margin-bottom: 60px;
}

section#main #schedule .sche{
	margin-bottom: 40px;
	line-height: 2em;
}

section#main #schedule h3{
	font-size: 16px;
	margin-bottom: 16px;
}

section#main #schedule .strm{
	margin-bottom: 14px;
	line-height: 2em;
}

section#main #schedule ul{
	text-align:center;
	padding-bottom: 40px;
}

section#main #schedule ul li{
	display:inline-block;
	padding: 10px;
	border:1px solid #111;
	margin: 0 4px 10px;
}

section#main #schedule .title-sche{
	display: inline-block;
	text-align:center;
	padding:10px 20px 8px;
	border-bottom: 1px solid #111;
	margin-bottom: 16px;
	color: #E7EF98;
	font-size: 16px;
}

section#main #schedule dl{
}

section#main #schedule dl dt{
	text-align:center;
	font-weight:bold;
	margin-bottom: 8px;
}

section#main #schedule dl dd{
	margin-bottom: 16px;
}

section#main #schedule dl dd .gtitle{
	padding: 6px 14px;
	background-color: #111;
	border: 1px solid #111;
	margin-bottom: 4px;
	cursor:pointer;
}

section#main #schedule dl dd .gtitle:hover{
	background-color:#222;
}

section#main #schedule dl dd .gtitle span{
	padding-left: 10px;
	color:#6cf;
}

section#main #schedule dl dd .ntitle{
	padding: 6px 14px;
	border: 1px solid #111;
	margin-bottom: 4px;
}

section#main #schedule dl dd .expand{
	display: none;
	padding-top: 6px;
}

section#main #schedule dl dd .expand p{
	padding: 10px;
	line-height:1.35em;
	font-size: 14px;
}

section#main #detail{
	margin-bottom: 60px;
}

section#main #detail .row{
	margin-bottom: 40px;
}

section#main #detail .row:first-child{
	margin-bottom: 10px;
}

section#main #detail .cont-header{
}

section#main #detail .timeschedule{
}

section#main #detail .timeschedule table{
	display:inline-block;
	margin-bottom: 20px;
}

section#main #detail .timeschedule table th,
section#main #detail .timeschedule table td{
	padding: 5px 10px;
}

section#main .cont-h3{
	margin-bottom: 20px;
}

section#main .cont-h3 h3{
	display:inline-block;
	font-size: 16px;
	min-width: 200px;
	padding:0 20px 16px;
	color: #E7EF98;
	background: url("/img/2017/h3line.png") no-repeat 50% 100%;
}

section#main .cont-h4{
	margin-bottom: 22px;
}

section#main .cont-h4 h4{
	display:inline-block;
	font-size: 17px;
	margin-bottom: 12px;
}

section#main .cont-h4 h4 span{
	font-size: 15px;
	padding-right: 10px;
	color:#ccc;
}

section#main #detail .mochikomi{
	display:inline-block;
	max-width: 500px;
	border: 2px solid #333;
	padding: 20px 20px;
}

section#main #detail .mochikomi h4{
	line-height:1.2em;
	font-size: 15px;
	margin-bottom: 16px;
}

section#main #detail .mochikomi p{
	margin: 0;
	padding: 0;
}

section#main #detail .dojin{
}

section#main #detail .dojin p{
	margin-bottom: 30px;
}

section#main #detail .dojin-contact{
	display:inline-block;
	max-width: 500px;
	border: 2px solid #333;
	padding: 20px 20px;
}

section#main #detail .dojin-contact h4{
	line-height:1.2em;
	font-size: 15px;
	margin-bottom: 16px;
}

section#main #detail .dojin-contact p{
	margin: 0;
	padding: 0;
}

section#main #detail .kizai{
	margin-bottom: 0;
}

section#main #entry{
	margin-bottom: 40px;
}

section#main #entry .row{
}

section#main #entry ul#gg2nd{
	text-align: center;
}

section#main #entry ul#gg2nd li{
	display: inline-block;
	margin: 0 6px 12px;
}

section#main #entry p.gga{
	font-size: 16px;
}

section#main #entry dl.qanda{
	padding-top: 10px;
}

section#main #entry dl.qanda dt{
	margin-bottom: 8px;
	background-color: #211;
	padding: 10px 16px;
	font-size: 14px;
}

section#main #entry dl.qanda dt span{
	font-size: 16px;
	padding-right: 6px;
	color: #fcc;
}


section#main #entry dl.qanda dd{
	margin-bottom: 20px;
	background-color: #112;
	padding: 10px 16px;
	font-size: 13px;
	line-height:1.80em;
}

section#main #entry dl.qanda dd span{
	font-size: 16px;
	padding-right: 6px;
	color: #ccf;
}
section#main #special{
	margin-bottom: 50px;
}

section#main #special .cont-h3{
	margin-bottom: 30px;
}

section#main #special .plan{
	margin-bottom: 20px;
}

section#main #special .ws-btn{
	padding:20px;
	text-align: center;
}

section#main #special #after{
	margin: 0 0 50px;
}

section#main #special #after ul{
	text-align:center;
}

section#main #special #after ul li{
	display:inline-block;
	margin:0 10px 20px;
}

section#main #special #after .nomi-btn{
	margin: 0 25px;
}

section#main #special #after .btn-primary{
	text-align: center;
	padding: 20px;
}

section#main #special #after .btn-primary a:visited,
section#main #special #after .btn-primary a:hover,
section#main #special #after .btn-primary a{
	color: #fff;
}

section#main #special #lecture{
	margin: 0 0 50px;
}

section#main #sponsor{
	margin-bottom: 100px;
}



section#main #staff{
	margin-bottom: 40px;
}

section#main #staff .cont-h3{
	margin-bottom: 30px;
}

section#main #staff .staff-open{
	display: inline-block;
	padding: 10px 34px;
	cursor: pointer;
	margin-bottom: 30px;
}


section#main #staff dl{
}

section#main #staff dl dt{
	margin-bottom: 4px;
	font-weight:bold;
	color: #aaf;
	font-size: 15px;
}

section#main #staff dl dd{
	margin-bottom: 16px;
	font-size: 12px;
	border-bottom:1px solid #222;
	padding-bottom: 16px;
}

section#main #staff .expand{
	display: none;
}

section#main #access{
	margin-bottom: 70px;
}

section#main #access dl{
	margin-bottom: 26px;
	padding: 0 10px;
}

section#main #access dl dt{
	margin-bottom: 10px;
}

section#main #access dl dt{
	font-size: 14px;
}

section#main #access dl dt span{
	font-size: 20px;
}

section#main #access dl dd{
	font-size: 12px;
}

section#main #map{
	position: relative;
	padding-bottom: 42.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
section#main iframe,
section#main object,
section#main embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

footer{
	background-color:#111;
	padding-top: 40px;
	padding-bottom: 20px;
}


footer a.btn-primary{
	display: block;
	padding: 10px;
	text-align: center;
	color: #fff;
	font-weight:bold;
	margin-bottom: 20px;
	border-bottom: #227 3px solid;
}

footer .support{
	margin-bottom: 20px;
}

footer .support a.btn-primary{
	padding: 25px 10px;
}


footer ul{
	padding:0;
}

footer ul li{
	display: inline-block;
	padding:0 10px 20px;
}

@media (min-width: 48em) {

	section#info h2{
		padding-top: 0;
		line-height: 80px;
	}


	section#info ul{
		padding-top: 32px;
		padding-bottom: 0px;
	}

	section#info ul li{
		margin-bottom: 10px;
	}

	section#main{
		padding-top: 80px;
	}

	section#main p{
		font-size: 14px;
	}

	section#main .cont-header{
		margin-bottom: 50px;
	}

	section#main #trailer{
		margin-bottom: 80px;
	}

	section#main #detail .row{
		margin-bottom: 60px;
	}

	section#main .cont-h3 h3{
		font-size: 22px;
		min-width: 200px;
	}

	section#main .cont-h4{
		margin-bottom: 28px;
	}

	section#main .cont-h4 h4{
		font-size: 20px;
	}

	section#main .cont-h4 h4 span{
		font-size: 18px;
	}

	section#main #detail .mochikomi h4{
		font-size: 20px;
	}

	section#main #detail .dojin-contact h4{
		font-size: 18px;
	}

	section#main #entry{
		margin-bottom: 60px;
	}

	section#main #entry dl.qanda dt{
		font-size: 15px;
	}

	section#main #entry dl.qanda dt span{
		font-size: 18px;
	}


	section#main #entry dl.qanda dd{
		margin-bottom: 20px;
		font-size: 14px;
		line-height:1.80em;
	}

	section#main #entry dl.qanda dd span{
		font-size: 18px;
	}

	section#main #bracket dl dd table th{
		width: 164px;
		font-size: 15px;
		padding: 6px 6px 6px 16px;
	}


	section#main #schedule h3{
		font-size: 18px;
	}

	section#main #schedule .title-sche{
		font-size: 20px;
	}

	section#main #schedule dl dd .expand p{
		line-height:1.35em;
		font-size: 13px;
	}


	section#main #special{
		margin-bottom: 100px;
	}

	section#main #special .ws-btn{
		padding:15px;
	}

	section#main #special #after,
	section#main #special #lecture{
		margin: 0 100px 120px;
	}


	section#main #special #after .nomi-btn{
		margin:0 100px;
	}

	section#main #staff dl dt{
		font-size: 16px;
	}

	section#main #staff dl dd{
		font-size: 14px;
	}



}

@media (min-width: 75em) {
	section#info h2{
		font-size: 30px;
		line-height: 80px;
		letter-spacing:-1px;
	}
}