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



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/






/* min 801px */
@media screen and (min-width: 801px), print {





/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 下層タイトル */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#pagetitle {
	background: url(../img/pagetitle_bg.jpg) no-repeat center;
	background-size: cover;
}






/* score
--------------------- */
#score {
	width: 1040px;
	margin: 0 auto;
	position: relative;
}
	#score .titlebox {
		margin-bottom: 30px;
	}
		#score .titlebox p {
			font-size: 34px;
			letter-spacing: 10px;
			line-height: 1;
			background: url(/common/img/icon_border.gif) no-repeat left bottom;
			padding-bottom: 20px;
			margin-bottom: 20px;
		}
		#score .titlebox h2 {
			font-size: 14px;
			letter-spacing: 5px;
		}


	#score .set ul.sub {
		margin-bottom: 30px;
	}
		#score .set ul.sub li {
			margin-left: 30px;
			float: right;
			font-size: 12px;
			text-align: right;
		}
			#score .set ul.sub li a {
				color: #001d59;
			}

	#score ul.tab {
		margin-bottom: 30px;
	}
		#score ul.tab li {
			width: 16.6666667%;
			float: left;
		}
			#score ul.tab li a {
				display: block;
				background: #001d59;
				text-align: center;
				color: #fff;
				font-weight: bold;
				padding: 10px 0;
				border-right: solid 1px #445281;
			}
			#score ul.tab li.last a {
				border-right: none;
			}
			#score ul.tab li a.on {
				background: #00bdff;
			}

	#score .sp-iframe {
		margin-top: 0;
		background: #fff;
	}

		#score .sp-iframe iframe {
			width: 1040px;
			border: none;
		}

		#score .sp-iframe iframe.score_h01 {
			height: 1000px;
		}

		#score .sp-iframe iframe.score_h02 {
			height: 2000px;
		}

		#score .sp-iframe iframe.score_h03 {
			height: 3000px;
		}

		#score .sp-iframe iframe.score_h04 {
			height: 4000px;
		}

		#score .sp-iframe iframe.score_h05 {
			height: 5000px;
		}

		#score .sp-iframe iframe.score_h06 {
			height: 6000px;
		}

		#score .sp-iframe iframe.score_h07 {
			height: 7000px;
		}

		#score .sp-iframe iframe.score_h08 {
			height: 8000px;
		}

		#score .sp-iframe iframe.score_h09 {
			height: 9000px;
		}

		#score .sp-iframe iframe.score_h10 {
			height: 10000px;
		}

		#score .sp-iframe iframe.score_h11 {
			height: 11000px;
		}

		#score .sp-iframe iframe.score_h12 {
			height: 12000px;
		}

		#score .sp-iframe iframe.score_h13 {
			height: 13000px;
		}

		#score .sp-iframe iframe.score_h14 {
			height: 14000px;
		}





#score .spbanner {
	width: 1040px;
	margin-bottom: 30px;
	display: flex;
}
	#score .spbanner .box {
		width: 260px;
		float: left;
	}
		#score .spbanner .box a {
			width: 195px;
			display: block;
			position: relative;
			margin: 0 auto;
		}
			#score .spbanner .box a .pht {
				width: 195px;
				overflow: hidden;
			}
				#score .spbanner .box a .pht img {
					width: 100%;
					height: auto;
					-moz-transition: -moz-transform 0.2s linear;
					-webkit-transition: -webkit-transform 0.2s linear;
					-o-transition: -o-transform 0.2s linear;
					-ms-transition: -ms-transform 0.2s linear;
					transition: transform 0.2s linear;
				}
				#score .spbanner .box a:hover .pht img {
					-webkit-transform: scale(1.05);
					-moz-transform: scale(1.05);
					-o-transform: scale(1.05);
					-ms-transform: scale(1.05);
					transform: scale(1.05);
				}





}






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





/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 下層タイトル */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#pagetitle {
	background: url(../img/pagetitle_bg.jpg) no-repeat center;
	background-size: cover;
}

#score {
	padding-top: 40px;
}
	#score .titlebox {
		margin-bottom: 30px;
	}
		#score .titlebox p {
			font-size: 26px;
			letter-spacing: 8px;
			line-height: 1;
			background: url(/common/img/icon_border.gif) no-repeat left bottom;
			padding-bottom: 20px;
			margin-bottom: 20px;
		}
	
		#score .titlebox h2 {
			font-size: 14px;
			letter-spacing: 5px;
		}

	#score .set {
		margin-bottom: 100px;
		position: relative;
	}
		#score .cell {
			padding: 30px 15px 15px 15px;
			background: #fff;
			border-top: solid 1px #bfbfbf;
			border-bottom: solid 1px #bfbfbf;
		}
			#score .cell p {
				font-size: 86%;
				line-height: 2em;
				margin-bottom: 15px;
			}

	#score ul.tab {
		margin-bottom: 30px;
	}
		#score ul.tab li {
			width: 50%;
			float: left;
		}
			#score ul.tab li a {
				display: block;
				background: #001d59;
				text-align: center;
				color: #fff;
				font-weight: bold;
				font-size: 12px;
				padding: 10px 0;
				border-right: solid 1px #445281;
				border-bottom: solid 1px #445281;
			}
			#score ul.tab li a.on {
				background: #00bdff;
			}

	#score .set dl.BoxMenu {
		padding: 3%;
	}
		#score .set dl.BoxMenu dt.head {
			background: #000;
			color: #fff;
			font-weight: bold;
			padding: 2.5% 3% 2% 3%;
		}
		#score .set dl.BoxMenu dd {
			background: none;
			padding: 1% 3% 3% 3%;
		}
		#score .set dl.BoxMenu a.link {
			background: url(/common/img/arrow.gif) no-repeat 0em 0.5em;
			padding-left: 10px;
			display: block;
		}


		#score .set dl.BoxMenu li {
			background: url(/common/img/dotline_single.gif) repeat-x left bottom;
			padding: 3% 0;
		}
		#score .set dl.BoxMenu li.last {
			background: none;
			padding-bottom: 0px;
			margin-bottom: 0px;
		}
		#score .set dl.BoxMenu li a {
			background: url(/common/img/arrow.gif) no-repeat 0em 0.5em;
			padding-left: 10px;
			display: block;
		}
			#score .set dl.BoxMenu dd img {
				width: 100%;
				height: auto;
				margin-bottom: 1%;
			}

	#score .sp-iframe {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		width: 100%;
		position: relative;
		margin-top: 0;
		background: #fff;
	}
		#score .sp-frame .font_small {
			width: 900px !important;
		}
		#score .sp-frame table {
			width: 900px !important;
		}

		#score .sp-iframe iframe {
			width: 100%;
			border: none;
		}

		#score .sp-iframe iframe.score_h01 {
			height: 1000px;
		}

		#score .sp-iframe iframe.score_h02 {
			height: 2000px;
		}

		#score .sp-iframe iframe.score_h03 {
			height: 3000px;
		}

		#score .sp-iframe iframe.score_h04 {
			height: 4000px;
		}

		#score .sp-iframe iframe.score_h05 {
			height: 5000px;
		}

		#score .sp-iframe iframe.score_h06 {
			height: 6000px;
		}

		#score .sp-iframe iframe.score_h07 {
			height: 7000px;
		}

		#score .sp-iframe iframe.score_h08 {
			height: 8000px;
		}

		#score .sp-iframe iframe.score_h09 {
			height: 9000px;
		}

		#score .sp-iframe iframe.score_h10 {
			height: 10000px;
		}

		#score .sp-iframe iframe.score_h11 {
			height: 11000px;
		}

		#score .sp-iframe iframe.score_h12 {
			height: 12000px;
		}

		#score .sp-iframe iframe.score_h13 {
			height: 13000px;
		}

		#score .sp-iframe iframe.score_h14 {
			height: 14000px;
		}



	#score .set ul.sub {
		margin-bottom: 20px;
	}
		#score .set ul.sub li {
			margin-left: 20px;
			float: right;
			font-size: 86%;
			text-align: right;
		}
			#score .set ul.sub li a {
				color: #001d59;
			}





#score .spbanner {
	padding: 50px 5% 30px 5%;
}

	#score .spbanner .box {
		width: 50%;
		float: left;
		margin-bottom: 30px;
	}
		#score .spbanner .box a {
			display: block;
			position: relative;
			width: 80%;
			margin: 0 10%;
		}
			#score .spbanner .box a .pht {
				overflow: hidden;
			}
				#score .spbanner .box a .pht img {
					width: 100%;
					height: auto;
				}






}





.fadeInDown {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
}
@-webkit-keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
}