@charset "UTF-8";
/* CSS Document */





	
	
/* result
--------------------- */
#result {
	width: 100%;
}
	#result .tab li {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 18%;
		height: 60px;
		background: #fff;
		font-size: 1.6rem;
		font-weight: 700;
		border-radius: 10px;
		color: #1B9FFC;
		border: solid 5px #F8FCFF;
		box-shadow: 0px 0px 30px 0px rgba(27,159,252,0.16);
		margin: 0 1%;
	}
	#result .tab li a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 60px;
		color: #1B9FFC;
	}
	#result .tab li.select {
		background: #1B9FFC;
		color: #fff;
		border: none;
		position: relative;
	}
	#result .tab li.select a {
		color: #fff;
	}
	#result .tab li.select:before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 10px 0 10px;
		border-color: #1b9efc transparent transparent transparent;
		position: absolute;
		bottom: -7px;
		left: 50%;
		margin-left: -10px;
	}


	#result .content {
		padding-top: 30px;
	}

		#result .content .score {
			width: 900px;
			margin: 0 auto;
			font-size: 1.6rem;
			text-align: center;
		}
			#result .content .score iframe {
				width: 100%;
				border: none;
			}
			#result .content .score iframe.h01 {
				height: 1000px;
			}
			#result .content .score iframe.h02 {
				height: 2000px;
			}
			#result .content .score iframe.h03 {
				height: 3000px;
			}
			#result .content .score iframe.h04 {
				height: 4000px;
			}
			#result .content .score iframe.h05 {
				height: 5000px;
			}
			#result .content .score iframe.h06 {
				height: 6000px;
			}
			#result .content .score iframe.h07 {
				height: 7000px;
			}
			#result .content .score iframe.h08 {
				height: 8000px;
			}
			#result .content .score iframe.h09 {
				height: 9000px;
			}
			#result .content .score iframe.h10 {
				height: 10000px;
			}



			#result .content .score a.direct {
				color: #1B9FFC;
				font-size: 1.8rem;
				font-weight: 700;
			}




/* 1260px */
@media screen and (max-width: 1260px) {
	
}









/* 1080px */
@media screen and (max-width: 1080px) {
	
}






/* 800px */
@media screen and (max-width: 800px) {





	
	
/* result
--------------------- */
#result .content {
	padding-top: 20px;
}

	#result .tab li {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 31.3%;
		height: 50px;
		background: #fff;
		font-size: 1.2rem;
		font-weight: 700;
		border-radius: 10px;
		color: #1B9FFC;
		border: solid 5px #F8FCFF;
		box-shadow: 0px 0px 30px 0px rgba(27,159,252,0.16);
		margin: 1%;
	}
	#result .tab li a {
		color: #1B9FFC;
		height: 50px;
	}
	#result .tab li.select {
		background: #1B9FFC;
		color: #fff;
		border: none;
		position: relative;
	}
	#result .tab li.select a {
		color: #fff;
	}
	#result .tab li.select:before {
		display: none;
	}



	#result .content .score {
		width: 100%;
		margin: 0 1%;
		font-size: 1.2rem;
		text-align: center;
	}
		#result .content .score iframe {
			width: 100%;
			border: none;
		}
		#result .content .score iframe.h01 {
			height: 3000px;
		}
		#result .content .score iframe.h02 {
			height: 4000px;
		}
		#result .content .score iframe.h03 {
			height: 5000px;
		}
		#result .content .score iframe.h04 {
			height: 6000px;
		}
		#result .content .score iframe.h05 {
			height: 7000px;
		}
		#result .content .score iframe.h06 {
			height: 8000px;
		}
		#result .content .score iframe.h07 {
			height: 9000px;
		}
		#result .content .score iframe.h08 {
			height: 10000px;
		}
		#result .content .score iframe.h09 {
			height: 11000px;
		}
		#result .content .score iframe.h10 {
			height: 12000px;
		}



			#result .content .score a.direct {
				color: #1B9FFC;
				font-size: 1.4rem;
				font-weight: 700;
			}








}