/* ===================================================== *

		共通

 * ===================================================== */

* {
	margin:			0;
	padding:		0;
	font-family:	"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	line-height:	1.6em;
	box-sizing:				border-box;
	-webkit-box-sizing:		border-box;
	-moz-box-sizing:		border-box;
	-ms-box-sizing:			border-box;
	-o-box-sizing:			border-box;
}
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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
	display: block;
}

html	{ font-size: 14px;  overflow-y: scroll; }
body	{
	margin:0;
	padding:0;
	color:#111;
/*
	background:#f2f5f3;
*/
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
	width:100%;
	max-width:100%;
	margin:0 auto;
	padding:0;
}

table	{ width: 100%; }

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


body	{ background:url(../images/background.png) top center fixed; }

/*-------------------------------------*
	共通
 *-------------------------------------*/
*						{ box-sizing:0; }
img						{ max-width:100%; vertical-align:bottom; }
.page_wrapper			{ width:1024px; max-width:100%; margin:0 auto; }
#page_base .page_wrapper{ padding:30px 30px 80px 30px; background-color:rgba(255,255,255,0.80); }
.ttl					{ text-align:center; }
.ttl img				{ height:100px; }
.ttl_sub				{ text-align:center; }
.ttl_sub img			{ width:190px; }
.keiko					{ background:linear-gradient(transparent 90%, #fec501 90%); }

.pc_block				{ display:block; }
.sp_block				{ display:none; }

/*-------------------------------------*
	最上段
 *-------------------------------------*/
#top_navi				{ width:100%; height:30px;  background:#000; padding:5px 0; /*position:fixed; z-index:997;*/ }
#top_navi .page_wrapper	{ color:#fff; font-size:12px; font-weight:bold; letter-spacing:0.1em; }
#top_navi a				{ color:#fff; text-decoration:none; }
#top_navi a:hover		{ color:#ffff00; }

/*-------------------------------------*
	グランドメニュー
 *-------------------------------------*/
#gmenu				{ background:#000; color:#fff; padding:.3em 0; }
#gmenu ul			{ display:flex; }
#gmenu li			{ width:25%; padding:0 .5em; text-align:center; }
#gmenu li a			{ color:#fff; display:block; width:100%; padding:1em 0; text-align:center; text-decoration:none; font-weight:bold; font-size:16px; border-radius:5px; }
#gmenu li a:hover	{ color:#fff; background:#cc0000; }

/*-------------------------------------*
	ヘッダー
 *-------------------------------------*/
#header					{ position:relative; /*height:700px;*/ margin:0; padding:0 0 0 0; /*background:url(../images/bg_header.jpg) top -160px center; */ background-size:1700px; }
#header .page_wrapper	{ position:relative; text-align:center; width:2000px;background-color: #fff040;max-width: 100%;}
#header .main_visual		{ position:relative; margin-top:0; }
#header .player				{ position:relative; height:0px; /*background:#ff0000;*/ }
#header .message_seal		{ width:140px; position:absolute; top:30px; right:10px; }
#header .blk_telop			{ width:100%; margin:-700px 0 0 0; position:absolute; padding:300px 0 0 0; overflow:hidden; }
#header .blk_telop p		{ white-space:nowrap; font-weight:bold; }
#header .blk_telop p + p	{ /*margin-top:60px;*/ }
#header .telop_01			{ color:#ff0000; text-shadow:3px 3px 0 #ffffff; display:inline-block; padding-left:100%; animation:scroll_telop_01 10s linear infinite; font-size:32px; animation-delay:4s; }
#header .telop_02			{ color:#ffff00; text-shadow:3px 3px 0 #000000; display:inline-block; padding-left:100%; animation:scroll_telop_02 14s linear infinite; font-size:26px; animation-delay:1s; margin-top:5px; animation-delay:5s; }
#header .telop_03			{ color:#000000; text-shadow:3px 3px 0 #ffffff; display:inline-block; padding-left:100%; animation:scroll_telop_03 12s linear infinite; font-size:38px; animation-delay:0s; margin-top:5px; }
#header .telop_04			{ color:#00ffff; text-shadow:3px 3px 0 #000000; display:inline-block; padding-left:100%; animation:scroll_telop_04 9s linear infinite; font-size:24px; animation-delay:2s; margin-top:10px; }
#header .telop_05			{ color:#8DFF00; text-shadow:3px 3px 0 #000000; display:inline-block; padding-left:100%; animation:scroll_telop_02 8s linear infinite; font-size:32px; animation-delay:3s; }
#header .telop_06			{ color:#0000FF; text-shadow:3px 3px 0 #ffffff; display:inline-block; padding-left:100%; animation:scroll_telop_01 11s linear infinite; font-size:26px; animation-delay:1s; margin-top:5px; animation-delay:2s; }
#header .telop_07			{ color:#1B1464; text-shadow:3px 3px 0 #ffffff; display:inline-block; padding-left:100%; animation:scroll_telop_04 6s linear infinite; font-size:24px; animation-delay:5s; margin-top:10px; }

@keyframes scroll_telop_01	{
	0%		{ transform: translateX(0)		}
	100%	{ transform: translateX(-100%)	}
}
@keyframes scroll_telop_02	{
	0%		{ transform: translateX(0)		}
	100%	{ transform: translateX(-100%)	}
}
@keyframes scroll_telop_03	{
	0%		{ transform: translateX(0)		}
	100%	{ transform: translateX(-100%)	}
}
@keyframes scroll_telop_04	{
	0%		{ transform: translateX(0)		}
	100%	{ transform: translateX(-100%)	}
}

.blinking{
	-webkit-animation:blink 2.5s ease-in-out infinite alternate;
	-moz-animation:blink 2.5s ease-in-out infinite alternate;
	animation:blink 2.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
	0%		{ opacity:0; }
	100%	{ opacity:1; }
}
@-moz-keyframes blink{
	0%		{ opacity:0; }
	100%	{ opacity:1; }
}
@keyframes blink{
	0%		{ opacity:0; }
	100%	{ opacity:1; }
}
#footer					{ width:100%; background:#000; color:#fff; padding:15px 0; }
#footer .page_wrapper	{ font-size:14px; font-weight:bold; letter-spacing:0.1em; text-align:center; }

/*-------------------------------------*
	お知らせ
 *-------------------------------------*/
#info				{ margin-top:10px; }
#info .info_wrapper	{ padding:10px 160px; }
#info dl			{ width:100%; display:flex; flex-wrap:wrap; }
#info dt			{ width:18%; border-bottom:dashed #ccc 1px; padding:.5em 0; }
#info dd			{ width:82%; border-bottom:dashed #ccc 1px; padding:.5em 0; }

/*-------------------------------------*
	ニコニコ超会議とは
 *-------------------------------------*/
#about_nico					{ padding:0; margin-top:100px; }
#about_nico .nico_wrapper	{ padding:0 50px; }
#about_nico .ttl			{ margin:20px auto 40px auto; }
#about_nico ul				{ display:flex; }
#about_nico ul li			{ width:49%; }
#about_nico ul li + li		{ margin-left:2%; }
#about_nico .nicocho-image	{ border:solid 6px #000; }
#about_nico p				{ padding:0 10px 30px 10px; }
#about_nico table			{ width:100%; border:solid 1px #ccc; border-collapse:collapse; font-size:12px; }
#about_nico table th		{ padding:.6em 1em; border:solid 1px #ccc; background:#efefef; white-space:nowrap; }
#about_nico table td		{ padding:.6em 1em; border:solid 1px #ccc; }

/*-------------------------------------*
	痛車天国とは
 *-------------------------------------*/
#about_tengoku				{ position:relative; padding:0 90px; margin-top:100px; }
#about_tengoku .ttl			{ margin:20px auto 20px auto; }
#about_tengoku .ttl img		{ padding:0 0 10px 0; }
#about_tengoku h2			{ font-size:18px; color:#ec1c24; padding:0; /*border-top:solid 1px #333; border-bottom:solid 1px #333;*/ }
#about_tengoku p.catch		{ padding:0 140px 2em 140px; text-align:left; }
#about_tengoku .layout				{ display:flex; margin-top:16px; position:relative; }
#about_tengoku .layout .mag_img		{ width:30%; }
#about_tengoku .layout .mag_img h2	{ position:absolute; left:34%; }
#about_tengoku .layout .mag_exp		{ width:68%; padding:20px 0 0 4%; }
#about_tengoku .layout .mag_exp p	{ padding:1em 0 1.5em 0; }
#about_tengoku .layout ul			{ display:flex; margin-top:1em; }
#about_tengoku .layout li.ev_img	{ width:45%; }
#about_tengoku .layout li.ev_exp	{ width:55%; padding-left:20px; }
#about_tengoku .layout li.ev_exp p	{ padding:0; }
#about_tengoku .mascot				{ width:210px; position:absolute; top:-30px; right:80px; }

/*-------------------------------------*
	開催概要
 *-------------------------------------*/
#outline					{ position:relative; margin-top:140px; }
#outline .wrapper			{ padding:0 0 0 180px; }
#outline .ttl				{ margin:0 auto 60px auto; }
#outline table				{ width:100%; font-size:18px; }
#outline table th			{ padding:.6em 1em; white-space:nowrap; }
#outline table td			{ padding:.6em 1em;  }
#outline table td .indent	{ padding-left:1em;  }
#outline table td .small	{ font-size:14px;  }
#outline .mascot		{ width:210px; position:absolute; top:-130px; left:60px; }


/*-------------------------------------*
	エントリー
 *-------------------------------------*/
#entery_guide			{ position:relative; padding:0;  margin-top:180px; }
#entery_guide .ttl		{ margin:0 auto 30px auto; }
#entery_guide p.catch	{ padding:0 255px 2em 255px; text-align:left; font-size:16px; }
#entery_guide ul		{ display:flex; margin-top:20px; }
#entery_guide li		{ width:33.33333%; padding:0 10px 10px 10px; }
#entery_guide li + li	{ border-left:4px #999 dashed; }
#entery_guide li h2		{ font-size:18px; letter-spacing:.1em; margin:0 0 2em 0; text-align:center; background:#000; color:#fff; padding:10px 0; border-radius:5px; }
#entery_guide li p		{ padding:0 15px; text-align:justify; }
#entery_guide .btn					{ padding:15px 0 0 0; margin:0 auto; }
#entery_guide .btn a				{ text-decoration:none; }
#entery_guide .btn img				{ width:80%; display:block; margin:1em auto; -webkit-filter:drop-shadow(.3em .3em .3em rgba(0,0,0,0.6)); filter:drop-shadow(.3em .3em .3em rgba(0,0,0,0.8)); }
#entery_guide .btn a:hover img		{ margin:1.2em auto .8em auto; -webkit-filter:drop-shadow(0 0 0 rgba(0,0,0,0)); filter:drop-shadow(0 0 0 rgba(0,0,0,0)); }
#entery_guide .btn img.comingsoon	{ opacity:.3; -webkit-filter:drop-shadow(0 0 0 rgba(0,0,0,0)); filter:drop-shadow(0 0 0 rgba(0,0,0,0)); }
#entery_guide .mascot	{ width:260px; position:absolute; top:-160px; right:40px; }

/*-------------------------------------*
	参加ガイド／ご注意
 *-------------------------------------*/
#attention			{ position:relative; padding:0; margin-top:100px;}
#attention .ttl		{ margin:0 auto 40px auto; }
#attention p.catch	{ padding:1em 0 0 260px; text-align:left; }
#attention dl		{ margin:0 120px 0 120px; }
#attention dl + dl	{ margin-top:3em; }
#attention dt		{ font-weight:bold; }
#attention dd		{ padding:.5em 2em; text-indent:-1.3em; text-align:justify; }
#attention dd:before{ content:'◆'; }
#attention dt span	{ display:block; width:50%; text-align:center; font-weight:bold; padding:.5em 1em; margin:0 auto 1em auto; border-top:solid 1px #333; border-bottom:solid 1px #333; background:#fff; }

/*--------------------------------------------------------------------------*

	スマホ（width:640以下）

 *--------------------------------------------------------------------------*/
@media only screen and ( max-width:640px ) {
	/*-------------------------------------*
		共通
	 *-------------------------------------*/
	.page_wrapper			{ width:100%; margin:0 auto; }
	#page_base .page_wrapper{ width:100%; padding:30px 30px 80px 30px; background-color:rgba(255,255,255,0.8); }
	.ttl					{ text-align:center; }
	.ttl img				{ height:70px; }
	.ttl_sub				{ text-align:center; }
	.ttl_sub img			{ width:50%; }

	.pc_block				{ display:none; }
	.sp_block				{ display:block; }

	/*-------------------------------------*
		最上段
	 *-------------------------------------*/
	#top_navi				{ width:100%; height:auto; }
	#top_navi .page_wrapper	{ font-size:10px; font-weight:bold; letter-spacing:0em; }


	/*-------------------------------------*
		グランドメニュー
	 *-------------------------------------*/
	#gmenu				{ background:#000; color:#fff; padding:.3em 0; margin: 0 0 0 0;}
	#gmenu #nav_toggle	{ padding:.5em 0 .3em 0; text-align:center; font-size:16px; font-weight:bold; letter-spacing:0.2em; }
	#gmenu #nav			{ display:none; padding:0 15px 25px 15px; }
	#gmenu ul			{ display:block; background:#cc0000; }
	#gmenu li			{ width:100%; padding:0 0; border-bottom:dashed 1px #efefef; }
	#gmenu li a			{ color:#fff; display:block; width:100%; padding:1em 0; text-align:center; text-decoration:none; font-weight:bold; font-size:14px; border-radius:0; }
	#gmenu li a:hover	{ color:#fff; background:#000; }
	#gmenu li:last-child	{ border-bottom:none; }

	/*-------------------------------------*
		ヘッダー
	 *-------------------------------------*/
	#header						{ position:relative; height:; margin:0; padding:0 0 0 0; /*background:url(../images/bg_header.jpg) top -200px center;*/ }
	#header .main_visual		{ position:relative; margin-top:0; margin:0 auto; }

	#header .message_seal		{ display:none; width:80px; position:absolute; top:5px; right:5px; }
	#header .blk_telop			{ width:100%; margin:-500px 0 0 0; position:absolute; padding:180px 0 0 0; overflow:hidden; }
	#header .blk_telop p		{ white-space:nowrap; font-weight:bold; }
	#header .blk_telop p + p	{ /*margin-top:60px;*/ }
	#header .telop_01			{ font-size:22px; animation-delay:4s; }
	#header .telop_02			{ font-size:16px; animation-delay:1s; margin-top:5px; animation-delay:5s; }
	#header .telop_03			{ font-size:28px; animation-delay:0s; margin-top:5px; }
	#header .telop_04			{ font-size:14px; animation-delay:2s; margin-top:5px; }


	/*-------------------------------------*
		お知らせ
	 *-------------------------------------*/
	#info				{ margin-top:10px; }
	#info .ttl_sub img	{ width:45%; }
	#info .info_wrapper	{ padding:10px 0px; }
	#info dl			{ width:100%; display:block; }
	#info dt			{ width:100%; border-bottom:none; padding:.5em 0; }
	#info dd			{ width:100%; padding:0 0 .5em 0; }

	/*-------------------------------------*
		ニコニコ超会議とは
	 *-------------------------------------*/
	#about_nico					{ margin-top:100px; }
	#about_nico .nico_wrapper	{ padding:0 0; }
	#about_nico .ttl			{ width:100%; margin:0 auto 0 auto; }
	#about_nico .ttl_sub img	{ width:45%; }
	#about_nico ul				{ display:block; }
	#about_nico ul li			{ width:100%; }
	#about_nico ul li + li		{ margin-left:0; }
	#about_nico .nicocho-image	{ display:block; width:80%; margin:0 auto; }
	#about_nico p				{ padding:10px 0 10px 0; }

	/*-------------------------------------*
		痛車天国とは
	 *-------------------------------------*/
	#about_tengoku				{ position:relative; padding:0 0; margin-top:100px; }
	#about_tengoku .ttl			{ width:100%; margin:0 auto 0 auto; }
	#about_tengoku .ttl_sub img	{ width:45%; }
	#about_tengoku h2			{ font-size:18px; padding:0; text-align:center; }
	#about_tengoku p.catch		{ padding:.5em 0 0 0; text-align:left; }
	#about_tengoku .layout				{ display:block; margin-top:10px; }
	#about_tengoku .layout .mag_img		{ width:100%; text-align:center; }
	#about_tengoku .layout .mag_img h2	{ position:relative; left:0; }
	#about_tengoku .layout .mag_img img	{ width:40%; margin-top:.5em; }
	#about_tengoku .layout .mag_exp		{ width:100%; padding:0; }
	#about_tengoku .layout .mag_exp p	{ padding:.5em 0 1em 0; font-size:12px; }
	#about_tengoku .layout ul			{ display:block; margin-top:.5em; }
	#about_tengoku .layout li.ev_img	{ width:75%; margin:0 auto; }
	#about_tengoku .layout li.ev_exp	{ width:100%; padding-left:0; }
	#about_tengoku .layout li.ev_exp p	{ padding:1em 0 0 0; }
	#about_tengoku .mascot				{ width:28%; top:-60px; right:-25px; }

	/*-------------------------------------*
		開催概要
	 *-------------------------------------*/
	#outline					{ margin-top:80px; }
	#outline .ttl				{ margin:0 auto 20px auto; z-index:999; position:relative; }
	#outline .wrapper			{ padding:0 0 0 0; }
	#outline table				{ width:100%; font-size:16px; }
	#outline table th			{ padding:.2em 2em; white-space:wrap; display:block; width:100%; text-align:left; background:#efefef; border-radius:100px; }
	#outline table td			{ padding:.6em .5em; display:block; width:100%; }
	#outline table td .indent	{ padding-left:1em;  }
	#outline table td .small	{ font-size:12px;  }
	#outline .mascot			{ width:32%; position:absolute; top:-50px; left:-20px; z-index:1; }

	/*-------------------------------------*
		エントリー
	 *-------------------------------------*/
	#entery_guide			{ margin-top:120px; }
	#entery_guide .ttl		{ margin:0 auto 20px auto; z-index:996; position:relative; }
	#entery_guide .ttl_sub	{ z-index:995; position:relative; }
	#entery_guide p.catch	{ padding:0 0 0 0; font-size:16px; }
	#entery_guide ul		{ display:block; margin-top:20px; }
	#entery_guide li		{ width:100%; padding:0 0 40px 0; }
	#entery_guide li + li	{ border-left:none; }
	#entery_guide li h2		{ margin:0 0 1em 0; padding:4px 0; }
	#entery_guide li p		{ padding:0 5px; }
	#entery_guide .mascot	{ width:42%; top:-80px; right:-30px; z-index:1; }

	/*-------------------------------------*
		参加ガイド／ご注意
	 *-------------------------------------*/
	#attention .ttl		{ margin:0 auto 40px auto; }
	#attention dl		{ margin:0 0; }
	#attention dt span	{ width:90%; }
	#attention dd		{ padding:.5em .5em .5em 2em; }

}