@charset "utf-8";

body {
	background-color: #000;
	color: #fff;
}

.bg_main{
	background-image: url("/event/2003fakeking/imgs/bg_main_smt.png");
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center;
}

.bg_character{
	padding-bottom: 250px;
	background-image: url("/event/2003fakeking/imgs/bg_character_smt.png");
	background-position: bottom;
	background-repeat: no-repeat;
}

/* 768px以上用（タブレット・パソコン用）の記述 */
@media screen and (min-width: 768px) {
	.bg_main{
		background-image: url("/event/2003fakeking/imgs/bg_main_pc.png");
	}

	.bg_character{
		padding-bottom: 600px;
		background-image: url("/event/2003fakeking/imgs/bg_character_pc.png");
	}

}

.bg_red{
	padding-bottom: 40px;
	background-color: #A30203;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 50px;
	-webkit-border-bottom-right-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-bottomright: 50px;
	-moz-border-radius-bottomleft: 50px;
}

a:hover{
	text-decoration:none;
}

.bg_footer{
	margin-top: 20px;
	padding: 20px 0;
	width: 100%;
	color: #FFF;
	background-color: #333;
}

.h1_line{
	padding: 5px 3px;
	width: 100%;
	background-color: #333;
}

.h1_line h1{
	margin: 0;
	border:none;
	color: #FFF;
	font-size: 0.85em;
	text-align: center;
}

h2.design_h2{
	text-align: center;
	border-bottom: solid 1px #eee;
	color: #fff;
}

h3.design_h3{
	border-bottom: solid 1px #ddd;
	color: #FFF;
}

h2.design_h2 span{
	display: block;
}

.event_frame{
	padding: 10px;
	border: solid 2px #aaa;
	border-radius: 10px;/* CSS3草案 */
	-webkit-border-radius: 10px;/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;/* Firefox用 */
}

.event_frame h3{
	color: #FFF;
	border-bottom: dotted 1px #FFF;
}

.btn_entry_on{
	margin-top: 10px;
	width: 100%;
	display: table;
	background-color: #115887;
	color: #fff;
	font-size: 1.2em;
	text-align: center;
	border-radius: 10px;/* CSS3草案 */
	-webkit-border-radius: 10px;/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;/* Firefox用 */
}

a:hover div.btn_entry_on{
	background-color: #E85499;
}

.btn_entry_off{
	margin-top: 10px;
	width: 100%;
	display: table;
	background-color: #666;
	color: #fff;
	font-size: 1.2em;
	text-align: center;
	border-radius: 10px;/* CSS3草案 */
	-webkit-border-radius: 10px;/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;/* Firefox用 */
}

.btn_google {
	background-color: #115887;
	color: #FFF;
}

/* 768px以上用（タブレット・パソコン用）の記述 */
@media screen and (min-width: 768px) {
	.btn_entry_on,.btn_entry_off{
		width: 80px;
		height: 80px;
		font-size: 1.2em;
	}
}

/* 992px以上用（パソコン用）の記述 */
@media screen and (min-width: 992px) {
	.btn_entry_on,.btn_entry_off{
		width: 128px;
		height: 128px;
		font-size: 1.7em;
	}
}

.btn_entry_on span,.btn_entry_off span{
	display: table-cell;
	vertical-align: middle;
}

/* 768px以上用（タブレット・パソコン用）の記述 */
@media screen and (min-width: 768px) {
	.h1_line h1{
		font-size: 1.05em;
	}
}

.img_border img{
	border: 4px solid #aaa;
}

input.pwarea {
margin: 0 10px 0 0;
padding: 0px 10px;
background-color: #000;
border: 1px solid #222;
color: #666;
border-radius: 5px;
font-size: 20px;
font-weight: bold;
height: 50px;
line-height: 1em;
text-align: center;
width: 100%;
}

::-webkit-input-placeholder {
	color: #444;
	text-align:center;
	vertical-align: middle;
font-size: 20px;
}

:-moz-placeholder { /* Firefox 18- */
	color: #444;
	text-align:center;
	vertical-align: middle;
font-size: 20px;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #444;
   text-align:center;
   vertical-align: middle;
font-size: 20px;
}

:-ms-input-placeholder {
	color: #444;
	text-align:center;
	vertical-align: middle;
font-size: 20px;
}

.btn_submit{
width: 100%;
height: 100%;
background-color: #222;
border-color: #222;
color: #ddd;
}

.btn_reset{
width: 100%;
height: 100%;
background-color: #222;
border-color: #222;
color: #ddd;
}

.ticket-start {
  font-size: 1.2em;
  font-weight: bold;
  color: #ED2162;
}