/* 共通要素 */
.center{text-align:center;}
.top10{margin-top:10px;}
.top20{margin-top:20px;}
.top30{margin-top:30px;}
.top40{margin-top:40px;}
.btn{text-align:center; margin:30px 0;}

/* header */
.cpheader {
	display:none;
}
@media screen and (min-width: 640px) {
	.sp-head {
		display: none;
	}
	.cpheader {
	display:block;
}
}
.main-title {
	background:#32b16c;
	color:#fff;
	text-align:center;
	margin:10px 0;
	padding:10px 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.2em;
}
@media screen and (min-width: 768px) {
	.main-title {
		font-size:1.8em;
		font-weight:bold;
}
}

/* リーダーズボード（テーブル部分） */
.head {
    font-weight: bold;
    background-color: #9f982d !important;
    margin-top: 10px;
	border-top:1px solid #CCC;
	text-align:center !important;
	color:#FFFFFF;
}
.head .tbl-col2, .head .tbl-col6{
	text-align:center !important;
}
.table-row {
    -moz-border-left-colors: none;
    display: table;
    width: 960px;
    margin: 0px auto;
    background-color: #FFF;
	text-align:center;
	width:100%;
	font-size:15px;
}
.table-row div {
    display: table-cell;
    vertical-align: middle;
    border-right: 1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:10px;
}
.tbl-col1 {
    width: 7%;
	border-left:1px solid #CCC;
	text-align:center;
}
.tbl-col2 {
    width: 23%;
	text-align:left;
}
.tbl-col3 {
    width: 10%;
	text-align:center;
}
.tbl-col4 {
    width: 10%;
	text-align:center;
}
.tbl-col5 {
    width: 10%;
	text-align:center;
}
.tbl-col6 {
    width: 40%;
	text-align:left;
}
.table-row:nth-child(2n) {
    background: none repeat scroll 0 0 #e0f6ea !important;
}
.table-box .prize div:first-child{
	border-left:1px solid #ff5e43 !important;
}
.table-box .prize div:last-child{
	border-right:1px solid #ff5e43 !important;
}
.table-box .prize {
	border-bottom:1px solid #ff5e43 !important;
	border-top:1px solid #ff5e43 !important;
	background: none repeat scroll 0 0 #ffebe8 !important;
    font-weight: bold;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clearfix:after {
  content:"\0020";
  display:block;
  height:0;
  visibility:hidden;
  clear:both
}
@media screen and (max-width: 768px) {
	img {
		max-width: 100%;
		height: auto;
	}
	
	.table-box{
		width:98%;
		margin:10px auto 20px auto;
	}
	.table-row {
		-moz-border-left-colors: none;
		display: table;
	    margin: 0px auto;
    	background-color: #FFF;
		text-align:center;
		width:100%;
		font-size:12px;
	}
	.table-row div {
    	display: table-cell;
    	vertical-align: middle;
    	border-right: 1px solid #CCC;
		border-bottom:1px solid #CCC;
		padding:5px;
	}
	.tbl-col1 {
    	width: 15%;
		border-left:1px solid #CCC;
		text-align:center;
	}
	.tbl-col2 {
	    width: 20%;
		text-align:left;
	}
	.tbl-col3 {
	    width: 12%;
		text-align:center;
	}
	.tbl-col4 {
	    width: 12%;
		text-align:center;
	}
	.tbl-col5 {
	    width: 12%;
		text-align:center;
	}
	.tbl-col6 {
	    width: 25%;
		text-align:left;
	}
	.left,.right{
		float:none;
	}
	.left{
		margin-bottom:20px;
	}
	.btn_erea{
		text-align:center;
		margin:0 10px;
	}
}
@media only screen and (max-width: 320px) {
	.prize .tbl-col1 img{
		display:none;
	}
}

/* ボタン */
.btn-blue a {
	display: block;
	width: 80%;
	margin: 0 auto;
	padding: 15px 0;
	background-color: #5d9ee6;
	border-radius: 5px;
	box-shadow: 0px 5px 0px 0px #3486e0;
	-moz-box-shadow: 0px 5px 0px 0px #3486e0;
	-webkit-box-shadow: 0px 5px 0px 0px #3486e0;
	color: #FFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.2em;
	text-align: center;
}
.btn-blue a:hover {
	color:#fff;
	background-color: #3486e0;
	box-shadow: 0px 5px 0px 0px #1e6dc3;
	-moz-box-shadow: 0px 5px 0px 0px #1e6dc3;
	-webkit-box-shadow: 0px 5px 0px 0px #1e6dc3;
	-moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3
}
@media screen and (min-width: 768px) {
	.btn-blue a {
		width: 600px;
		font-size:1.6em;
}
}