/* SLO JAM2017 専用CSS */

html, body {
	/* 背景色の指定 */
	background-color: #000000;
	-webkit-text-size-adjust: none;
	font-family: HiraKakuProN-W3;
	line-height: 1.25;
	font-size: 18px;
	color:#FFFFFF;
}

* {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.iPhoneBody {
	background-color:transparent;
}


/* マーキー */
marquee {
	background-color: #F00;
	font-size: 14px;
	color: #FFF;
	/*text-align: center;*/
	padding-top: 6px;
	padding-bottom: 2px;
}
.petext {
	padding: 20px 10px;
}
.petext02 {
	padding: 0px 10px 20px 10px;
}
.text {
	font-size: 16px;
	text-align: left;
	padding:0;
}
.space {
	height:20px;
}
.space02 {
	height:14px;
}
.prof_link {
	/*padding: 0 0 5 0;*/
	text-align:center;
}
.prof_link a {
	display:block;
	text-decoration:none;
}
.list li {
	margin-top:10px;
}
.list li a {
	color:#FFF;
	display:block;
	text-decoration:none;
}
.future {
	display:block;
}
.future img {
	opacity: 0.4;
}

.pagetitle {
	background-color: #F00;
	font-size: 18px;
	color:#FFF;
	text-align: center;
	font-weight:bold;
	padding: 4px;
}
.petext02 div {
	font-size:14px;
	color:#000;
	line-height:1.2;
	background-color:#FFF;
	text-align:left;
	margin-bottom:5px;
}
p {	
	display:table-cell;
	vertical-align:middle;
}
.petext02 div img {
	margin-right:4px;
	width:64px;
}
.proftext {
	padding:5px 5px 5px 0px;
}
.prof_name {
	font-size:18px;
	font-weight:bold;
}

.blogspace {
	margin-bottom:10px;
}
.retext {
	font-size: 18px;
	line-height: 1.5;
}
/* テキスト */
.pagetext {
	font-size: 16px;
	text-align: left;
	padding: 14px 8px;
	width:100%;
}

/* 文言あおり */
.text-s {
	font-size: 14px;
	padding: 4px;
	color: #FFFFFF;
	text-align:center;
}
.text-space {
	font-size: 14px;
	color: #FFFFFF;
	text-align:center;
	margin-bottom:4px;
}

/* 文言あおり */
.aori-s {
	font-size: 14px;
	color: #000000;
}

.aori05 {
	font-size: 16px;
	text-align: center;
	color: #FFF;
	padding-top: 8px;
	padding-bottom:6px;
	background-color:#000;
}

.aori05 a {
	display: block;
	font-size: 16px;
}

.submit_button {
	background-color:#000;
	color:#FFF;
	font-size:20px;
	line-height:16px;
	text-align:center;
	padding:0px;
	margin-top:4px;
}

.jissen-t {
	margin-bottom:20px;
}
.jissen-t a {
	line-height:1.1;
}
.jissen-t a img {
	border-style:none;
	text-decoration: none;
}
.result_waku {
	font-size:16px;
	color:#000;
	line-height:1.2;
	padding:16px;
	background-color:#FFF;
	border:solid 2px #006979;
	text-align: center;
}
.totalscore {
	font-size:16px;
	color: #F00;
	line-height:1.2;
	text-align:center;
}
.score {
	font-size:12px;
	color:#FF33FF;
	line-height:1.0;
}
.boxcenter_01 {
	margin:0 auto;
	text-align:center;
	color:#000;
	font-size:16px;

	background-color:#FFF;
	padding: 6px;
}
.cometext {
	font-size:14px;
	color: #CCCCCC;
	text-align:center;
	padding:4px 0 0 0;
	margin:0;
}

/* 差枚数予想クイズボタン */
.quiz-btn {
    font-weight: bold;
    text-align: center;
    font-size: 20px;
	font-weight:bold;
	width:90%;
	border:solid #CCCCCC 2px;
    color: #FFFFFF;
    /*border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;*/
	margin:0 auto;
}
.quiz-btn a {
	color:#FFF;
	text-decoration:none;
    display: block;
	padding:8 0;
}
.green {
	background: -moz-linear-gradient(top,#009900 0%,#005300);
	background: -webkit-gradient(linear, left top, left bottom, from(#009900), to(#005300));
	background-color:#FFF;
}
.blue {
	background: -moz-linear-gradient(top,#3366ff 0%,#001f7a);
	background: -webkit-gradient(linear, left top, left bottom, from(#3366ff), to(#001f7a));
	background-color:#FFF;
}
.parple {
	background: -moz-linear-gradient(top,#9900ff 0%,#3f0069);
	background: -webkit-gradient(linear, left top, left bottom, from(#9900ff), to(#3f0069));
	background-color:#FFF;
}
.yellow {
	background: -moz-linear-gradient(top,#938f00 0%,#555300);
	background: -webkit-gradient(linear, left top, left bottom, from(#938f00), to(#555300));
	background-color:#FFF;
}
.red {
	background: -moz-linear-gradient(top,#ff0000 0%,#a30000);
	background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#a30000));
	background-color:#FFF;
}
.total {
	background: -moz-linear-gradient(top,#ffa200 0%,#925d00);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#925d00));
	background-color:#FFF;
}
.quiz-lead {
	color: #999;
	font-size:16px;
	text-align:center;
	margin-top:4px;
}
.linkbottan {
	background-color:#F00;
	border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px; display:block;
}
.linkbottan a {
	display:block;
	padding:6px 0;
}