@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 %
---------------------------------------------------------------------*/




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



/* mainimages 
--------------------- */
#mainimages {
	width: 100%;
	min-width: 1180px;
	background: #dc385f;
}
	#mainimages h2 {
	}
		#mainimages h2 img {
			width: 100%;
			height: auto;
		}





/* main 
--------------------- */
#main {
	padding: 40px;
}



	

/* PickUp 
--------------------- */
#PickUp {
	width: 100%;
	min-width: 1100px
}
* html #PickUp {
	zoom: 100%;
}
*:first-child+html #PickUp {
	display: inline-block;
}
#PickUp:after {
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
	#PickUp .box {
		width: 31.6%;
		float: left;
		margin-right: 2.6%;
	}
	#PickUp .box.last {
		float: right;
		margin-right: 0;
	}
		#PickUp .box a {
			display: block;
		}
			#PickUp .box a h3 {
				font-size: 129%;
				color: #eb6d9a;
				padding-bottom: 5px;
			}
			
			#PickUp .box a dl {
			}
				#PickUp .box a dl dt {
					overflow: hidden;
				}
					#PickUp .box a dl dt 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;
					}
					#PickUp .box a:hover dl dt 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);
					}
				#PickUp .box a dl dd {
					padding-top: 20px;
					background: url(../img/icon_arrow_new.gif) no-repeat right;
					padding-right: 18%;
				}


/* caution 
--------------------- */
#caution {
	width: 1050px;
	margin: 40px auto 60px auto;
}
	#caution p.guideline {
		font-family: 'Oswald', sans-serif;
		font-size: 26px;
		font-weight: 900;
		text-align: center;
		letter-spacing: 3px;
		line-height: 1;
		margin: 0 auto;
	}
		#caution p.guideline a {
			border-bottom: solid 1px #505870;
		}
		
	#caution p.guideline_s {
		font-family: 'Oswald', sans-serif;
		font-size: 22px;
		font-weight: 900;
		text-align: center;
		letter-spacing: 3px;
		line-height: 1;
		margin: 38px auto 0 auto;
	}
		#caution p.guideline_s a {
			border-bottom: solid 1px #505870;
		}




	

/* rankingArea 
--------------------- */
#rankingArea {
	width: 1050px;
	margin: auto;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
	#rankingArea .box {
		width: 500px;
		margin-right: 50px;
		margin-bottom: 50px;
	}
	#rankingArea .box:nth-child(2n) {
		margin-right: 0;
	}
		#rankingArea .box h3 {
			font-size: 129%;
			color: #eb6d9a;
			padding-bottom: 5px;
		}


	#rankingArea .movie .text {
		padding-top: 10px;
		padding-bottom: 25px;
		line-height: 30px;
	}

	#rankingArea .movie .movieframe {
		width: 100%;
		padding-bottom: 56.25%;
		height:0px;
		position: relative;
	}
		#rankingArea .movie .movieframe iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

	
	
	#rankingArea .button {
		letter-spacing: 2px;
	}


	#rankingArea #ranking {
	}
		#rankingArea #ranking table {
			width: 100%;
			border-collapse: collapse;	
		}
			#rankingArea #ranking table th {
				line-height: 1.4em;
				background: #f2f2f2;
				padding: 12px 0;
				text-align: center;
				font-size: 93%;
			}
			#rankingArea #ranking table td {
				line-height: 1.4em;
				padding: 12px 0;
				border-bottom: solid 1px #ddd;
				font-size: 86%;
			}
			
			#rankingArea #ranking table td.rank {
				width: 50px;
				text-align: center;
			}
			
			#rankingArea #ranking table td.club {
				vertical-align: middle;
				letter-spacing: 0;
			}
				#rankingArea #ranking table td.club img {
					width: 20px;
					height: auto;
					float: left;
					padding-right: 10px;
				}
			
			#rankingArea #ranking table td.pld {
				width: 50px;
				text-align: center;
			}
			
			#rankingArea #ranking table td.pts {
				width: 50px;
				text-align: center;
			}


	#rankingArea #goalranking {
	}
		#rankingArea #goalranking table {
			width: 100%;
			border-collapse: collapse;	
		}
			#rankingArea #goalranking table th {
				line-height: 1.4em;
				background: #f2f2f2;
				padding: 12px 0;
				text-align: center;
				font-size: 93%;
			}
			#rankingArea #goalranking table td {
				line-height: 1.4em;
				padding: 12px 0;
				border-bottom: solid 1px #ddd;
				font-size: 86%;
			}
			
			#rankingArea #goalranking table td.rank {
				width: 50px;
				text-align: center;
			}
			
			#rankingArea #goalranking table td.name {
				vertical-align: middle;
				letter-spacing: 0;
				text-align: left;
				padding-left: 50px;
			}
				#rankingArea #goalranking table td.name img {
					width: 20px;
					height: auto;
					float: left;
					padding-right: 10px;
				}
			
			#rankingArea #goalranking table td.score {
				width: 50px;
				text-align: center;
			}
			
			#rankingArea #goalranking table td.pld {
				width: 50px;
				text-align: center;
			}

/* 			#rankingArea #goalranking table tr:nth-child(10), */
/* 			#rankingArea #goalranking table tr:nth-child(11), */
			#rankingArea #goalranking table tr:nth-child(12),
			#rankingArea #goalranking table tr:nth-child(13),
			#rankingArea #goalranking table tr:nth-child(14),
			#rankingArea #goalranking table tr:nth-child(15),
			#rankingArea #goalranking table tr:nth-child(16),
			#rankingArea #goalranking table tr:nth-child(17),
			#rankingArea #goalranking table tr:nth-child(18),
			#rankingArea #goalranking table tr:nth-child(19),
			#rankingArea #goalranking table tr:nth-child(20),
			#rankingArea #goalranking table tr:nth-child(21),
			#rankingArea #goalranking table tr:nth-child(22),
			#rankingArea #goalranking table tr:nth-child(23),
			#rankingArea #goalranking table tr:nth-child(24),
			#rankingArea #goalranking table tr:nth-child(25),
			#rankingArea #goalranking table tr:nth-child(26),
			#rankingArea #goalranking table tr:nth-child(27),
			#rankingArea #goalranking table tr:nth-child(28),
			#rankingArea #goalranking table tr:nth-child(29),
			#rankingArea #goalranking table tr:nth-child(30),
			#rankingArea #goalranking table tr:nth-child(31),
			#rankingArea #goalranking table tr:nth-child(32),
			#rankingArea #goalranking table tr:nth-child(33),
			#rankingArea #goalranking table tr:nth-child(34),
			#rankingArea #goalranking table tr:nth-child(35),
			#rankingArea #goalranking table tr:nth-child(36),
			#rankingArea #goalranking table tr:nth-child(37),
			#rankingArea #goalranking table tr:nth-child(38),
			#rankingArea #goalranking table tr:nth-child(39),
			#rankingArea #goalranking table tr:nth-child(40) {
				display: none;
			}
			
			#rankingArea .Days {
				text-align: right;
				padding-top: 5px;
				padding-bottom: 20px;
			}
			
			#rankingArea .button {
				width: 200px;
				margin: 0 auto;
			}
				#rankingArea .button a {
					display: block;
					text-align: center;
					border: solid 1px #000;
					padding: 10px 0;
				}
				#rankingArea .button a:hover {
					background: #eb6d9a;
					border: solid 1px #eb6d9a;
					color: #fff;
				}
			

	#rankingArea #fb {
		background: #0b2058;
	}
		#rankingArea #fb .box {
			width: 100%;
			max-width: 500px;
			margin: 0 auto;
		}
		.fb-page,
		.uiScaledImageContainer _2zfr,
		._2p3a,
		.fb_iframe_widget,
		.fb_iframe_widget span,
		.fb-xfbml-parse-ignore,
		.fb_iframe_widget iframe[style]{
			width: 100% !important;
		}
		
		.fb-page,._2lqg,#u_0_1i {
			max-height: 490px !important;
		}




	

/* sitemap 
--------------------- */
.sitemap {
}
	.sitemap .section {
	}
		.sitemap .section dl {
			width: 460px;
			float: left;
		}
		.sitemap .section dl.last {
			width: 460px;
			float: right;
		}
			.sitemap .section dl dt {
				padding: 10px 14px;
				font-size: 129%;
				color: #fff;
				background: #eb6d9a;
			}
				.sitemap .section dl dd h4 {
					border-top: solid 1px #ddd;
					padding-top: 24px;
				}
					.sitemap .section dl dd ul li {
						border-top: solid 1px #ddd;
						padding: 12px 5px;
					}
					.sitemap .section dl dd ul li.last {
						border-bottom: none;
						margin-bottom: 0;
					}






}






/* スマホ */
@media only screen and (max-width: 768px) {





/* mainimages 
--------------------- */
#mainimages {
	width: 100%;
}
	#mainimages h2 {
	}
		#mainimages h2 img {
			width: 100%;
			height: auto;
		}





/* main 
--------------------- */
#main {
	padding: 5% 5% 0 5%;
}



	

/* PickUp 
--------------------- */
#PickUp {
	width: 100%;
}
* html #PickUp {
	zoom: 100%;
}
*:first-child+html #PickUp {
	display: inline-block;
}
#PickUp:after {
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
	#PickUp .box {
		margin-bottom: 5%;
	}
	#PickUp .box.last {
		margin-right: 0;
	}
		#PickUp .box a {
			display: block;
		}
			#PickUp .box a h3 {
				font-size: 129%;
				color: #eb6d9a;
				padding-bottom: 5px;
			}
			
			#PickUp .box a dl {
			}
				#PickUp .box a dl dt {
					overflow: hidden;
				}
					#PickUp .box a dl dt 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;
					}
					#PickUp .box a:hover dl dt 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);
					}
				#PickUp .box a dl dd {
					padding-top: 20px;
					background: url(../img/icon_arrow_new.gif) no-repeat right;
					padding-right: 18%;
				}


/* caution 
--------------------- */
#caution {
}
	#caution p.guideline {
		font-family: 'Oswald', sans-serif;
		font-size: 20px;
		font-weight: 900;
		text-align: center;
		letter-spacing: 3px;
		line-height: 2;
		margin: 20px auto 40px auto;
	}
		#caution p.guideline a {
			border-bottom: solid 1px #505870;
		}

	#caution p.guideline_s {
		font-family: 'Oswald', sans-serif;
		font-size: 16px;
		font-weight: 900;
		text-align: center;
		letter-spacing: 3px;
		line-height: 2;
		margin: 38px auto 20px auto;
	}
		#caution p.guideline_s a {
			border-bottom: solid 1px #505870;
		}







	

/* rankingArea 
--------------------- */
#rankingArea {
	padding-bottom: 30px;
}
* html #rankingArea {
	zoom: 100%;
}
*:first-child+html #rankingArea {
	display: inline-block;
}
#rankingArea:after {
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
	#rankingArea .box {
	}
		#rankingArea .box h3 {
			font-size: 129%;
			color: #eb6d9a;
			padding-bottom: 5px;
		}


	#rankingArea .movie {
		margin-bottom: 30px;
		margin-top: 30px;
	}
		#rankingArea .movie .movieframe {
			width: 100%;
			padding-bottom: 56.25%;
			height:0px;
			position: relative;
		}
			#rankingArea .movie .movieframe iframe {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
	
		#rankingArea .movie .text {
			padding-top: 10px;
			font-size: 93%;
			padding-bottom: 25px;
		}


	#rankingArea #ranking {
		margin-bottom: 30px;
	}
		#rankingArea #ranking table {
			width: 100%;
			border-collapse: collapse;	
		}
			#rankingArea #ranking table th {
				line-height: 1.4em;
				background: #f2f2f2;
				padding: 12px 0;
				text-align: center;
				font-size: 93%;
			}
			#rankingArea #ranking table td {
				line-height: 1.4em;
				padding: 12px 0;
				border-bottom: solid 1px #ddd;
				font-size: 86%;
			}
			
			#rankingArea #ranking table td.rank {
				width: 50px;
				text-align: center;
			}
			
			#rankingArea #ranking table td.club {
				vertical-align: middle;
				letter-spacing: 0;
			}
				#rankingArea #ranking table td.club img {
					width: 20px;
					height: auto;
					float: left;
					padding-right: 10px;
				}
			
			#rankingArea #ranking table td.pld {
				width: 50px;
				text-align: center;
			}
			
			#rankingArea #ranking table td.pts {
				width: 50px;
				text-align: center;
			}


	#rankingArea #goalranking {
		margin-bottom: 30px;
	}
		#rankingArea #goalranking table {
			width: 100%;
			border-collapse: collapse;	
		}
			#rankingArea #goalranking table th {
				line-height: 1.4em;
				background: #f2f2f2;
				padding: 12px 0;
				text-align: center;
				font-size: 93%;
			}
			#rankingArea #goalranking table td {
				line-height: 1.4em;
				padding: 12px 0;
				border-bottom: solid 1px #ddd;
				font-size: 86%;
			}
			
			#rankingArea #goalranking table td.rank {
				width: 50px;
				text-align: center;
			}
			
			#rankingArea #goalranking table td.name {
				vertical-align: middle;
				letter-spacing: 0;
				text-align: left;
				/* padding-left: 50px; */
			}
				#rankingArea #goalranking table td.name img {
					width: 20px;
					height: auto;
					float: left;
					padding-right: 10px;
				}
			
			#rankingArea #goalranking table td.score {
				width: 50px;
				text-align: center;
			}
			
			#rankingArea #goalranking table td.pld {
				width: 50px;
				text-align: center;
			}

/* 			#rankingArea #goalranking table tr:nth-child(10), */
/* 			#rankingArea #goalranking table tr:nth-child(11), */
			#rankingArea #goalranking table tr:nth-child(12),
			#rankingArea #goalranking table tr:nth-child(13),
			#rankingArea #goalranking table tr:nth-child(14),
			#rankingArea #goalranking table tr:nth-child(15),
			#rankingArea #goalranking table tr:nth-child(16),
			#rankingArea #goalranking table tr:nth-child(17),
			#rankingArea #goalranking table tr:nth-child(18),
			#rankingArea #goalranking table tr:nth-child(19),
			#rankingArea #goalranking table tr:nth-child(20),
			#rankingArea #goalranking table tr:nth-child(21),
			#rankingArea #goalranking table tr:nth-child(22),
			#rankingArea #goalranking table tr:nth-child(23),
			#rankingArea #goalranking table tr:nth-child(24),
			#rankingArea #goalranking table tr:nth-child(25),
			#rankingArea #goalranking table tr:nth-child(26),
			#rankingArea #goalranking table tr:nth-child(27),
			#rankingArea #goalranking table tr:nth-child(28),
			#rankingArea #goalranking table tr:nth-child(29),
			#rankingArea #goalranking table tr:nth-child(30),
			#rankingArea #goalranking table tr:nth-child(31),
			#rankingArea #goalranking table tr:nth-child(32),
			#rankingArea #goalranking table tr:nth-child(33),
			#rankingArea #goalranking table tr:nth-child(34),
			#rankingArea #goalranking table tr:nth-child(35),
			#rankingArea #goalranking table tr:nth-child(36),
			#rankingArea #goalranking table tr:nth-child(37),
			#rankingArea #goalranking table tr:nth-child(38),
			#rankingArea #goalranking table tr:nth-child(39),
			#rankingArea #goalranking table tr:nth-child(40) {
				display: none;
			}
			
			#rankingArea .Days {
				text-align: right;
				padding-top: 5px;
				padding-bottom: 20px;
			}
			
			#rankingArea .button {
				width: 200px;
				margin: 0 auto;
			}
				#rankingArea .button a {
					display: block;
					text-align: center;
					border: solid 1px #000;
					padding: 10px 0;
				}
				#rankingArea .button a:hover {
					background: #eb6d9a;
					border: solid 1px #eb6d9a;
					color: #fff;
				}
			

	#rankingArea #fb {
		background: #0b2058;
	}
		#rankingArea #fb .box {
			width: 100%;
			max-width: 500px;
			margin: 0 auto;
		}
		.fb-page,
		.uiScaledImageContainer _2zfr,
		._2p3a,
		.fb_iframe_widget,
		.fb_iframe_widget span,
		.fb-xfbml-parse-ignore,
		.fb_iframe_widget iframe[style]{
			width: 100% !important;
		}
		
	.fb-page {
		height: 250px !important;
		min-height: 250px !important;
	}

	
	
	#rankingArea .button {
		letter-spacing: 2px;
	}



	

/* sitemap 
--------------------- */
.sitemap {
}
	.sitemap .section {
		margin-bottom: 0;
	}
		.sitemap .section dl {
			margin-bottom: 3%;
		}
		.sitemap .section dl.last {
		}
			.sitemap .section dl dt {
				padding: 10px 14px;
				font-size: 129%;
				color: #fff;
				background: #eb6d9a;
			}
				.sitemap .section dl dd h4 {
					border-top: solid 1px #ddd;
					padding-top: 24px;
				}
					.sitemap .section dl dd ul li {
						border-top: solid 1px #ddd;
						padding: 12px 5px;
					}
					.sitemap .section dl dd ul li.last {
						border-bottom: none;
						margin-bottom: 0;
					}


}