@charset="utf-8";

body{
	margin:0;
	padding:0;
	font-family:'Lucida Grande',
	'Hiragino Kaku Gothic ProN',
	'ヒラギノ角ゴ ProN W3',Meiryo,
	メイリオ, sans-serif;
	color:#fff;
	background-color:#222;
}
dt{
	margin:1.5rem 0 0.5rem 0;
}

dd{
	margin: 1rem 0;
}
input{
	margin: 1rem 0;
}
table input{
	margin: 0 1rem;
	height: 19px;
}
/* header */
header{
	padding:10px;
	background-color:#111;
	color:#fff;
	overflow:hidden;
}
header #title h1{
	padding:0;
	margin:0;
	margin-left:10px;
	font-size:2rem;
	color:#f55;
}
/* -----------headerここまで----------- */

/* main */

#main dt{
	border-left:solid 5px #fc9;
	padding-left:5px;
}
#main .btn a{
	margin:10px 0 10px 0;
	padding:5px 10px;
	border-radius:5px;
}
/* index用リンクボタン */
a{
	color:#ff99dd;
}
#main p a.btn{
	display:block;
	background-color: #444;
	letter-spacing: 0.3em;
	padding:20px;
	margin-top:10px;
	width:60%;
	border-radius:10px;
}
a:hover{
	background-color:#ff99dd;
	color:#333;
}
textarea{
	font-size:0.8rem;
}

/* footer */
footer{
	clear:both;
	margin-top:10px;
	padding:5px;
}
footer p{
	text-align:center;
	margin:10px;
}
/* 管理者ページ用 */

table{
	border:solid 1px #fff;
	border-collapse:collapse;
	background-color:#333;
}
thead{
	color:#9c9;
}
th{
	background-color:#444;
}
th,td{
	padding:10px;
	border:solid 1px #000;
}

.display td{
 padding:0 15px;
}
.display tr:hover{
	background-color:#f66;
}
.display th{
	background-color:inherit;
}
.display a{
	color:#fff;
}
.display a:hover{
	background-color: #f66;
}
.fl-left{
	float:left;
}
.fl-left:before{
	content: "";
	clear: both;
}
.fl-clear{
	clear: both;
}
.display {
	font-size:3.2rem;
	margin: 1rem 0;
	padding:0 10px;
}
.display caption{
	font-size:1.5rem;
}
.kakudai:hover{
	font-size:6rem;
	position: relative;
	width: 640px;
	padding: 1rem;
}
.box-ri{
	width:20%;
}
#cntdwn {
    display: none;
    position: fixed;
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 0 30px;
    opacity: 0.9;
    right: 0;
    top: 0;
}
#cntdwn p{
	margin: 0.5rem;
}
#tuihou ,.tuihou{
	font-family: serif;
	position: absolute;
	background-color:#000;
	color:#fff;
	text-align: center;
  width: 100%;
  //padding:30px;
	font-size: 6rem;
	top:0;
	height: 1500px;
}
.tuihou p{
	margin: 3rem 1rem;
}
.serif{
	font-family: serif;
}
.syukei td, .syukei th{
	font-size: 3rem;
}
td.tdSmall{
	font-size: 2rem;
	width: 50%;
	font-family: serif;
}
.marlef20{
	margin-left: 20px;
}
.marlight20{
	margin-right: 20px;
}
.fontLL{
	font-size: 6rem;
	margin: 2rem 0;
}
.fontLarge{
	font-size: 4rem;
	margin: 1rem 0;
}
.fontM{
	font-size: 3rem;
	margin: 1.7rem 0;
}
.playerSet input[type="number"]{
	width: 3rem;
}
.next{
	font-size: 2rem;
	background-color: #333;
	float: right;
	margin-right: 3rem;
	padding: 1px 6px;
	cursor: pointer;
}
.logout{
	float: right;
	margin-right: 3rem;
	padding: 1px 6px;
	cursor: pointer;
}
.Z1{
	z-index: 1;
}
.Z2{
	z-index: 2;
}
.hidden{
	color: #333;
	font-weight: bold;
}
.hidden:hover{
	color: #f66;
}
/*色指定*/

.red{
	color: #f22;
}
.yellow{
	color: #ff6;
}

.balloon1-left {
 	position: relative;
	display: inline-block;
 	margin: 21px 0 1.5em 15px;
	padding: 7px 10px;
	min-width: 120px;
 	max-width: 100%;
 	color: #111;
	font-size: 16px;
	background: #ffeeee;
	border-radius: 13px;
}

.balloon1-left:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -23px;
 	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #ffeeee;
}
.balloon1-left:after{
	content: "";
	clear: both;
}
.balloon1-left p {
	margin: 0;
	padding: 0;
}
#sp1{
	cursor: pointer;
}