/*
Theme Name: 熊本リレーマラソン
Version: 1.0
*/
@charset "utf-8";


/*####################################################################################

  	WP

　####################################################################################*/


.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.main{
	overflow-wrap: break-word;
　　word-wrap: break-word;
}


.main ul{margin-left: 20px;}

.main ol{margin-left: 25px;}

.main blockquote {
	border-left: 4px solid #707070;
	border-left: 4px solid rgba(51, 51, 51, 0.7);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-size: 18px;
	font-size: 1.8rem;
	font-style: italic;
	line-height: 1.6667;
	margin-bottom: 1.6667em;
	padding-left: 0.7778em;
}

.main a {color:#00f;}

strong{font-weight: bold;}




/*####################################################################################

  	コンテンツ

　####################################################################################*/

	#main{
		padding:30px 0 30px 4%;
		background-color: #fff;
	}

@media screen and (max-width:1000px){

	#main{
		padding:0 0 30px 4%;
	}

}


#main{zoom:1;}
#main:after{
  content: ""; 
  display: block; 
  clear: both;
}






/*####################################################################################

  	HOME

　####################################################################################*/


.index #wrapper{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#fff;
}

	@media screen and (max-width:960px){
		.index #wrapper{
			border:none;
			background:none;
		}
	}
	
	.index h1{
		float:none;
		width:100%;
		height:auto;
		margin:0;
	}
	.index #smpmain{display:none;}

	@media screen and (max-width:640px){
		#sizefull{display:none;}
		#smpmain{display:block;}
	}	

		.index #sizeshort{
			width:100%;
		}
		.index #sizeshort img{
			display: block;
			max-width:400px;
			width:90%;
			height:auto;
			margin:10px auto 10px;
		}
		
	.index #smpcover{
		width:250px;
		margin:30px 30px 30px 0;
		float:right;
	}
		.index #smpcover img{
			width:100%;
		}
	
	
	.index #credit-text{
		margin:0 20px -28px;
		text-align:right;
		position:relative;
		top:310px;
		height:28px;
	}
	
	.index #menu{
		float:none;
		padding:7px 0 0 2%;
		width:97%;
		margin:0;
		position:relative;
		z-index:20;
	}

		.index #menu li{
			background-color:#e3007f;
			background-image:url(/relay/images/bg_menu.png);
			background-repeat:no-repeat;
			background-position:50% 100%;
			height:50px;
			width:15%;
			margin:0 10px 0 0;
			padding:0;
			text-align:center;
		}

			.index #menu li a,
			.index #menu li span{
				display:block;
				width:100%;
				height:40px;
				padding:10px 0 0;
			}

			.index #closemenu{
				top:-5px;
				left:25px;
			}

			
			.index .smpstyle #menu{padding-left:2%;}

				.index .smpstyle #menu li{
					font-size:100%;
					width:15%;
					margin:0 1% 0 0;
				}
				
			.index .smpstyle #menulist{
				margin:22px 8% 0 0;
				padding-bottom:20px;
			}




	.index #lbl-bosyu{
		float:right;
		/*top:-110px;*/
		position:relative;
		margin:0 3% -201px 0;
		top:-300px;
	}
	
	
		.index #label-smpmenu{
			display:none;
			width:60px;
			float:right;
			margin:0;
			padding:21px 0 0;
			color:#80d7ff;
		}

		.index #main{
			margin:10px 0 0;
			padding:0 0 10px;
		}
		
			.index #content{
				width:650px;
				margin:0;
			}
			
			.index .smpstyle #content{
				width:66%;
				margin:0;
			}

			.index .smpcontent #content{
				width:96%;
				margin:0 auto;
			}

			.index #mainban{
				width:96%;
				margin:0 0 0 3%;
			}

			.index .mainban{
				float:left;
				width:48%;
				font-size:90%;
				margin:0 1%;
			}
			.index .mainban#kumanichi{float:right;}
			
				.index .mainban-inner{
					display:block;
					border:2px solid #ccc;
					background:#fff;
					background:no-repeat;
					background-position:50% 50%;
					background-color:#fff;
					text-indent:-9999px;
				}
				.index #kumagin .mainban-inner{
					height:40px;
					padding:20px 10px 0;
					background-image:url(/relay/images/kumamotobank.gif);
					background-size:90% auto;
				}
					
				.index #kumanichi .mainban-inner{
					height:43px;
					padding:17px 50px 0;
					background-image:url(/relay/images/kumanichi.gif);
					background-size:60% auto;
				}

	@media screen and (max-width:470px){		

				.index .mainban,
				.index .mainban#kumanichi{
					float:none;
					width:100%;
					margin:0 0 0 1%;
				}


	}
	
				
				.index .mainban img{width:100%;}
	
				.index .mainban p{
					font-weight:bold;
					font-size:110%;
					margin:5px 0 7px;
					color:#333;
					text-align:center;
				}



			.index #cut-image{
				display:block;
				float:right;
				margin:38px 2% 0;
				width:34%;
				text-align:center;
			}
			
			.index #topicsbox{
				clear:both;
				background:url(/relay/images/bg_entry.gif) no-repeat #fff;
				border:7px solid #f09ba1;
			}
	
			.index .smpstyle #topicsbox{
				/*margin:-110px auto 0;*/
				margin:10px auto 0 4%;
				width:92%;
			}
	
			.index #closecover{
				position:relative;
				width:604px;
				height:195px;
				margin-top:-195px;
				top:-210px;
				left:15px;
			}
			.index #closecover img{
				width:90%;
			}
	

			/* 参加チーム募集 */
			
				.index #topics-entry-title h3{
					margin:17px 0 0 20px;
				}
				
						.index #topics-entry-title p{
							margin:12px 0 12px 20px;
						}
				
							.index #topics-entry-title p img{
								float:left;
								margin-right:15px;
							}
				
					.index #topics-entry-note{
						width:50%;
						float:right;
						margin:20px 15px 10px 0;
					}
					
						.index #topics-entry-note #entrylabel{
							color:#009fe8;
							font-weight:bold;
							text-align:center;
							font-size:120%;
							margin:0 0 10px;
						}
					
						.index #topics-entry-note li{
							margin-left:5px;
							list-style:none;
							float:left;
						}
						
						.index #topics-entry-smp{
							margin:5px 3% 10px;
							text-align:center;
						}
						
						.index #topics-entry-smp img{
							width:140px;
							margin:0 20px;
						}
						
						
						.index #topics-entry-note a:hover,
						.index #topics-entry-note a img:hover,
						.index #topics-entry-smp a:hover,
						.index #topics-entry-smp a img:hover{
							filter: alpha(opacity=70);
							-moz-opacity:0.70;
							opacity:0.70;
						}
					
						.index #topics-entry-note #entryclosing{
							color:#c00;
							font-weight:bold;
							font-size:120%;
							margin:6px 0;
						}
					
						.index #topics-entry-smp #entryclosing-smp{
							color:#c00;
							font-weight:bold;
							font-size:110%;
							margin:6px 0;
						}

			.index .smpstyle #topics-entry-cap{
				margin:10px 5% 0;
			}

			.index #topics-entry-smp{
				width:96%;
				margin:10px auto;
			}
				
			.index #topics-entry-smp img{float:left;}
			.index .smpstyle #topics-entry-smp img{float:none;}
			.index .smpstyle #topics-entry-limit{clear:both;}


						

			.index #newslist{
				margin:30px 2% 0 4%;
				border:7px solid #ccc;
				background:#fff;
			}
	
			.index .smpstyle #newslist{
				float:none;
				margin:20px auto 0 4%;
				width:92%;
			}
	
				.index #newslist h2{
					float:none;
					padding:7px 0 5px 15px;
					margin:0;
					background:#eee;
					font-weight:bold;
					font-size:120%;
				}
		
				.index #newslist ul{
					position:relative;
					border-top:1px dotted #b2b2b2;
					z-index:15;
					margin:20px;
				}
		
					.index #newslist li{
						padding:9px 5px;
						border-bottom:1px dotted #b2b2b2;
						list-style:none;
						line-height:1.7em;
					}
		
						.index #newslist li h3{
							font-weight:bold;
							color:#800047;
							font-size:110%;
							margin-bottom:10px;
						}

		
						.index #newslist li ul{
							border:none;
							margin:10px 0 10px 20px;
						}
						.index #newslist li li{
							border:none;
							list-style:disc;
							padding:5px 0;
						}

							.index #newslist li a{
								text-decoration: none;
							}

							.index #newslist li a:hover{color:#c00;}

		
					.index #newslist li .imageright{
						float:right;
						width:240px;
						margin:3px 0 10px 20px;
					}
					.index .flex #newslist li .imageright{
						float:none;
						width:100%;
						text-align:center;
						margin:5px 0 15px;
					}
					
					.index #newslist li .imagecenter{
						float:left;
						width:240px;
						padding:20px;
					}
					
					.index .flex #newslist li .imagecenter{
						float:none;
						width:100%;
						text-align:center;
						padding:10px 0;
					}

			.index .twitter{
				width:94%;
				margin: 30px auto;
				position: relative;
				left:1%;
			}

			.linktxt{
				float: right;
				text-decoration: none;
				position: relative;
				top:5px;
				left:-3%;
			}
			.linktxt:hover{
				color:#c00;
			}


			.index #fbbox{
				width:500px;
				margin:30px auto;
				padding-right:2%;
				/*overflow:hidden;*/
				background:#fff;
			}


			.index .smpstyle #fbbox{
				width:92%;
				float:none;
				margin:20px 0 0 6%;
			}

			.index .label-banarea{
				clear:both;
				margin:0;
				padding:20px 10px 10px;
			}

				.index #banarea{
					display:inline-table;
					vertical-align:middle;
					float:left;
					width:100%;
					margin:0;
				}
	
					.index #banarea li{
						display:table-cell;
						vertical-align:middle;
						list-style:none;
						float:left;
						width:210px;
						text-align:center;
						height:60px;
					}

		
			.index #sidebar{
				width:300px;
				margin-right:20px;
				float:right;
				border:1px solid #ccc;
				padding-bottom:10px;
				background:#fff;
				/*margin-top:15px;*/
			}

			
			.index #sidebar{
				width:31%;
				margin-right:1%;
			}


	@media screen and (max-width:800px){		
			
			.index #sidebar{
				clear:both;
				max-width:600px;
				width:90%;
				margin:0 auto 100px;
				float:none;
				position:relative;
				top:50px;
			}

	}


		
				.index #sidebar p{
					margin:12px 10px 15px 15px;
					font-size:95%;
					line-height:160%;
				}
		
				.index #sidebar h3{
					background:url(/relay/images/line_label-red.gif) no-repeat #eee;
					padding:4px 0 4px 16px;
					color:#800047;
					font-weight:bold;
					font-size:110%;
				}

				
				.index #schedule-list{
					font-size:95%;
					margin:15px 0 15px 15px;
					line-height:160%;
				}
				
					.index #schedule-list dt{
						clear:both;
						color:#fff;
						background:#f90;
						font-size:85%;
						padding:0px 2px;
						text-align:center;
						width:54px;
						margin:0 5px 3px 0;
						float:left;
					}
				
					.index #schedule-list dd{
						width:calc(100% - 90px);
						padding-top:1px;
						margin:0 10px 3px 0;
						float:right;
					}
					
				.index #sidebar #entry-list{
					margin:12px 10px 12px 15px;
					font-size:95%;
				}
					
					.index #sidebar #entry-list li{
						list-style:none;
						margin-bottom:5px;
						line-height:160%;
					}
					
						.index #sidebar #entry-list li h4{
							color:#c00;
						}
						
				.index p#coursemap{
					text-align:center;
					margin:12px 0;
				}
						
					.index p#coursemap img{
						margin-top:10px;
					}
						
						
						
				.index #sidebar p.linkdetail{
					margin:0 0 15px;
					text-align:center;
				}
				
				 	.index #sidebar p.linkdetail a img:hover{
						filter: alpha(opacity=70);
						-moz-opacity:0.70;
						opacity:0.70;
					}

		.index #ban-chirachi{
			float:right;
			margin:20px 20px 10px 0;
		}
		.index .smpstyle #ban-chirachi{
			float:none;
			width:300px;
			margin:20px auto 10px;
			padding-right:2%;
		}
		
			.index #ban-chirachi a:hover{
				filter: alpha(opacity=70);
				-moz-opacity:0.70;
				opacity:0.70;
			}

			.index #ban-chirachi img{
				margin-bottom:10px;
			}


	#resultlink{margin:10px 0 15px;}

	.index .smpstyle #resultlink{
		margin:10px auto 0 4%;
	}
	.index .smpstyle #resultlink img{width:100%;}


	.index #img-presuke{
		position:relative;
		top:-25px;
		margin-bottom:-25px;
	}
	
	.index #moviewrapper{
		width:500px;
		margin:0 auto 20px;
		padding-right:2%;
	}

		.index .smpstyle #moviewrapper{
			position:relative;
			margin:20px 0 0 6%;
			width:92%;
			padding-top:56.25%;
		}
		.index .smpstyle #moviewrapper iframe{
			position:absolute;
			width:100%;
			height:100%;
			top:0;
			left:0;
		}









/*####################################################################################

  	開催概要

　####################################################################################*/

	.outline #content ul{
		margin:0;
		border-top:1px dotted #ccc;
	}

		.outline #main li{
			padding:10px 1%;
			border-bottom:1px dotted #ccc;
			list-style:none;
			line-height:170%;
		}
		
			.outline #content li:after{
				content: ".";
				display: block;
				visibility: hidden;
				clear: both;
				height: 0px;
			}
			* html .outline #content li{display: inline-table;}
			/* no ie mac \*/
			* html .outline #content li{height:1%;}
			#content li {display: block; min-height:0;}

			.outline #content li h3{
				width:110px;
				float:left;
				color:#000;
				font-weight:bold;
			}
			.outline .tab1 #content li h3{float:none;}
	
			.outline #content li p{
				width:590px;
				float:left;
				margin:0 0 0 17px;
			}
			.outline .tab1 #content li p{
				width:auto;
				float:none;
			}




/*####################################################################################

  	ルール・規約

　####################################################################################*/

	.rules #content ul,
	.rules .content ul{
		margin:0 0 0 5%;
	}

		.rules #main li{
			padding:4px 1%;
			line-height:170%;
		}
		
		#rulelist{
			border-bottom:1px dotted #ccc;
			padding-bottom:30px;
		}




/*####################################################################################

  	参加申込

　####################################################################################*/

		#entry-cap{
			font-weight:bold;
			color:#009fe8;
			margin:0 0 20px;
			font-size:140%;
		}
		
		#entryterm{
			margin:0;
			color:#fff000;
			font-weight:bold;
			font-size:120%;
			background:#009fe8;
			padding:10px 0;
			text-align:center;
		}

	@media screen and (max-width:640px){		
		
		#entryterm{
			font-size:100%;
			padding:10px;
			line-height:1.5em;
		}

	}
			

			#entryover{
				margin:30px 0 0;
				padding:20px 25px;
				background:#feecf2;
			}

			
			.entry-note{
				margin:20px 0 0;
			}

			#entryA{background:#feecf2;}
			#entryB{background:#fffbda;}
			#entryC{background:#e5f3c2;}

				.entry-note-inner{
					padding:35px 3% 10px 12%;
				}
				#entryA .entry-note-inner{background:url(/relay/images/entry/bg_entryA.png) no-repeat 2% 10px;}
				#entryB .entry-note-inner{background:url(/relay/images/entry/bg_entryB.png) no-repeat 2% 10px;}
				#entryC .entry-note-inner{background:url(/relay/images/entry/bg_entryC.png) no-repeat 2% 10px;}

					.entry-note-inner h3{
						font-size:170%;
						margin:0 0 20px;
						font-weight:bold;
					}

						.entry-note-inner h3 a{text-decoration:none;}

						#entryA .entry-note-inner h3 a,#entryA .entry-note-inner h3 span{color:#ea6ea4;}
						#entryB .entry-note-inner h3 a,#entryB .entry-note-inner h3 span{color:#f29600;}
						#entryC .entry-note-inner h3 a,#entryC .entry-note-inner h3 span{color:#44af35;}
						
						#entryA .entry-note-inner h3 a:hover,
						#entryB .entry-note-inner h3 a:hover,
						#entryC .entry-note-inner h3 a:hover{color:#f00;}

					.entry-note-inner ol{
						padding-bottom:15px;
						margin-left:25px;
					}

						.entry-note-inner h4{
							background:#EB7AAB;
							padding:2px 0;
							text-align:center;
							width:120px;
							color:#fff;
						}

				.entry a.normallink,
				.entry span.normallink{
					display:block;
					float:right;
					width:120px;
					text-indent:-9999px;
				}
				
				a#entrylinkA,span#entrylinkA{background:url(/relay/images/entry/bg_entry-yajirushiA.gif) no-repeat 50% 50% #f2cede;}
				a#entrylinkB,span#entrylinkB{background:url(/relay/images/entry/bg_entry-yajirushiB.gif) no-repeat 50% 50% #f2e4ce;}
				a#entrylinkC,span#entrylinkC{background:url(/relay/images/entry/bg_entry-yajirushiC.gif) no-repeat 50% 50% #c1ebbc;}
				
				.entry a.normallink:hover{
					filter: alpha(opacity=60);
					-moz-opacity:0.60;
					opacity:0.60;
				}
				
				.entry a.smplink,
				.entry span.smplink{
					display:block;
					height:50px;
					text-indent:-9999px;
				}
				
				a#entrylinkA2,span#entrylinkA2{background:url(/relay/images/entry/bg_entry-yajirushiA2.gif) no-repeat 50% 50% #f2cede;}
				a#entrylinkB2,span#entrylinkB2{background:url(/relay/images/entry/bg_entry-yajirushiB2.gif) no-repeat 50% 50% #f2e4ce;}
				a#entrylinkC2,span#entrylinkC2{background:url(/relay/images/entry/bg_entry-yajirushiC2.gif) no-repeat 50% 50% #c1ebbc;}
				
				a.smplink:hover{
					filter: alpha(opacity=60);
					-moz-opacity:0.60;
					opacity:0.60;
				}
			
			.entry .closecover{
				position:relative;
				max-width:400px;
				width:90%;
				top:50px;
				left:20px;
				margin-bottom:-129px;
display:none;
			}
			.entry .closecover img{width:100%;}



		#entryform #content h3{
			color:#009fe8;
			font-weight:bold;
			font-size:170%;
			margin-bottom:20px;
		}
		
			#entrycaution{
				margin:15px 0 20px 30px;
			}

	
			#entrymember{
				border:#fff solid 5px;
				width:90%;
				margin:40px auto 20px;
				padding:20px 5% 40px;
			}
			
				.entry .caution{
					line-height:150%;
					margin-top:8px;
					color:#069;
				}
	
				#entrymember h4{
					color:#009fe8;
					font-weight:bold;
					font-size:150%;
					margin-bottom:20px;
				}
	
				#mailform table{
					width:100%;
					font-size:90%;
					border-collapse:collapse;
				}
				
					#mailform th,
					#mailform td{
						padding:10px 0 10px 1%;
						border-top:1px dotted #b2b2b2;
						border-bottom:1px dotted #b2b2b2;
					}
		
					#mailform th{
						line-height:140%;
						color:#009fe8;
						white-space:nowrap;
						vertical-align:top;
						padding-top:13px;
					}
		
					#entrynote th{width:100px;}
		
					#fee{text-align:right;}
					#zip1{width:40px;}
					#zip2{width:50px;}
					#email{width:70%;}
					#submit{margin:10px 0 0 5%;}
					.sizeL{width:95%;}
					.sizeM{width:148px;}
					.sizeM2{width:120px;}
					.sizeS{width:30px;}
					#tel1,#tel2,#tel3{width:40px;}
					
					#entry1,#entry2{text-align:right;}

				#feetext{
					width:100px;
					height:20px;
					font-size:110%;
				}

		#thanks #content p{
			font-size:140%;
			font-weight:bold;
			color:#f60;
			padding:140px 0 340px;
			text-align:center;
		}


	#open-trigger{
		margin-bottom:15px;
	}
	
	#open-trigger span{
		cursor:pointer;
		color:#f00;
		text-decoration:underline;
	}
	
	#close-trigger{
		cursor:pointer;
		color:#f00;
		float:right;
		width:30px;
		font-size:180%;
		display:none;
	}
	#close-trigger.active{display:block;}

		#tshirt-chart{display:none;}

		#tshirt-chart table{
			width:100%;
			border-collapse:collapse;
			margin-top:10px;
			line-height:120%;
		}

			#tshirt-chart th{
				font-weight:normal;
				border:1px solid #ccc;
				background:#eee;
			}

			#tshirt-chart td{
				border:1px solid #ccc;
				text-align:center;
				background:#fff;
			}

			#tshirt-chart p{
				margin-top:10px;
				color:#c30;
			}



		.entry .inlinesp1{display:none;}
		.entry .inlinesp2{display:none;}
		.entry .inlinesp3{display:none;}
		.entry .noilsp2{display:inline;}


	@media screen and (max-width:770px){
		.entry .inlinesp1{display:inline;}
	}

	@media screen and (max-width:480px){
		.entry .inlinesp2{display:inline;}
		.entry .noilsp2{display:none;}
	}

	@media screen and (max-width:370px){
		.entry .inlinesp3{display:inline;}
	}


		#entrytable tr:nth-of-type(5){display:none;}
		#entrytable tr:nth-of-type(6){display:none;}
		#entrytable tr:nth-of-type(7){display:none;}
		#entrytable tr:nth-of-type(8){display:none;}
		#entrytable tr:nth-of-type(9){display:none;}
		#entrytable tr:nth-of-type(10){display:none;}
		#entrytable tr:nth-of-type(11){display:none;}
		#entrytable tr:nth-of-type(12){display:none;}
		#entrytable tr:nth-of-type(13){display:none;}
		#entrytable tr:nth-of-type(14){display:none;}
		#entrytable tr:nth-of-type(15){display:none;}
		#entrytable tr:nth-of-type(16){display:none;}
		#entrytable tr:nth-of-type(17){display:none;}
		#entrytable tr:nth-of-type(18){display:none;}
		#entrytable tr:nth-of-type(19){display:none;}
		#entrytable tr:nth-of-type(20){display:none;}
		#entrytable tr:nth-of-type(21){display:none;}

	

		/* サブミット */

				#submitwrap{
					width:380px;
					margin:0 auto;
				}

			@media screen and (max-width:480px){

				#submitwrap{width:180px;}
			}
	
				#submit1{
					width:180px;
					height:34px;
					color:#fff;
					margin-top:10px;
					margin-left:0;
					letter-spacing:0.1em;
					text-align:center;
					background:#036;
					border:none;
					cursor:pointer;
					float:left;
				}

				#submit2{
					width:180px;
					height:34px;
					margin-top:10px;
					color:#fff;
					letter-spacing:0.1em;
					text-align:center;
					background:#666;
					border:none;
					float:right;
					cursor:pointer;
				}


			@media screen and (max-width:480px){

				#submitwrap{width:180px;}
				#submit1{float:none;}
				#submit2{float:none;margin-top:20px;}
				
			}


#mailform input,
#mailform textarea,
#mailform select{
	padding: 5px;
	border-radius: 3px;
	border:1px solid #ccc;
}




/*####################################################################################

  	結果

　####################################################################################*/

	.result h2{
		padding-left:4%;
	}
	
		.result#main h3{
			font-size:160%;
			font-weight:bold;
			margin:15px 0 10px;
			color:#369;
		}
		
		.result .headernote{
			margin:0 10px 20px 0;
		}
	
		.result #resulttable{
			width:96%;
			margin:0 auto;
			border-collapse:collapse;
		}

		
			.result #resulttable th,
			.result #resulttable td{
				border:1px solid #ccc;
				padding:5px 10px;
				line-height:150%;
			}
	
			.result #resulttable tr td:nth-child(1),
			.result #resulttable tr td:nth-child(2){
				white-space:nowrap;
				background:#e5f5fc;
				padding:5px;
				text-align:center;
			}
			.result .bumon #resulttable tr td:nth-child(4){
				white-space:nowrap;
				padding:5px;
				text-align:center;
			}
			.result #index #resulttable tr td:nth-child(5){
				white-space:nowrap;
				padding:5px;
				text-align:center;
			}
			.result #resulttable tr.noc td:nth-child(1),
			.result #resulttable tr.noc td:nth-child(2){background:#ffc;}

			.result #resulttable tr td:last-child{text-align:center;}
		
			.result #resulttable th{
				background:#9cf;
				color:#369;
				font-weight:normal;
				width:auto;
				padding:5px;
			}
			.result #resulttable th.shortcell{width:70px;}
			
		@media screen and (max-width:480px){
			.result #resulttable th{
				padding:5px 0;
				letter-spacing:-0.1em;
				line-height:1.1em;
			}
			.result #resulttable th.shortcell{width:auto;}
		}
			.result #resulttable td.aligncenter{width:80px;}

			.result #selectcat{
				margin-left:2%;
				
			}

				.result #selectcat li{
					list-style:none;
					float:left;
					font-weight:bold;
					width:23%;
					text-align:center;
					margin:0 2% 15px 0;
				}
				.result #selectcat li.lastchild{margin:0 0 15px 0;}

					.result #selectcat li a,
					.result #selectcat li span{
						display:block;
						width:100%;
						padding:5px 0;
						text-decoration:none;
						background:#fc0;
					}
					.result #selectcat li span{
						color:#c30;
						background:#fff0b3;}

					.result #selectcat li a:hover{
						filter: alpha(opacity=60);
						-moz-opacity:0.60;
						opacity:0.60;
					}





	/* スマホ対応 */

			.result .smpstyle #main h3{margin:0 0 10px;}
			.result .smpstyle #content{width:100%;}
			.result .smpstyle #resulttable{font-size:90%;}
			.result .smpstyle .smpstyle #resulttable th{white-space:normal;}
			.result .smpstyle #resulttable th,.smpstyle #resulttable td{padding:5px;}
			.result .smpstyle .bumon #resulttable th{width:auto;}
			.result .smpstyle #resulttable td.aligncenter{width:auto;}
			.result .smpstyle .headernote{
				margin:0 4% 20px;
			}





/*####################################################################################

  	Q&A

　####################################################################################*/

		#questions-list{
			background:#ffece6;
			padding:15px 10px 10px;
			margin-bottom:40px;			
		}
		
			#questions-list li{
				margin:0 0 8px 4%;
				line-height:150%;
			}

				#questions-list li a{text-decoration:none;}
				#questions-list li a:hover{text-decoration:underline;}

		.anser-detail{
			background:url(/relay/images/faq/bg_q-num.png) no-repeat;
			padding:48px 0 20px 70px;
		}

			.anser-detail h3{
				color:#c30;
				font-weight:bold;
				font-size:110%;
			}

			.anser-detail p{
				line-height:150%;
			}

	.fap .linkbtn{
		display:-webkit-flex;
		display:flex;
		justify-content: center;
		-webkit-align-items:center;
		align-items:center;
		max-width:480px;
		width:90%;
		height:50px;
		margin: 30px auto 10px;
		color:#fff;
		font-weight: bold;
		font-size:1.1em;
		text-decoration: none;
		background-color:#369;
		border-radius: 5px;
		letter-spacing: 0.05em;
	}

	.fap .linkbtn + p{
		color:#f00;
		text-align: center;
	}




/*####################################################################################

  	大会コース

　####################################################################################*/

	.course#main{
		padding-left:4%;
	}

		#coursemap{
			text-align:center;
			margin-bottom:20px;
		}

		#parkarea{
			background:#fff;
			padding:10px 3% 20px;
			/*margin-bottom:20px;*/
			text-align:center;
		}

			#parkarea img{
				float:right;
				margin:0 3%;
			}

			#parkarea h3{
				font-size:130%;
				color:#009fe8;
				margin:20px 0 10px;
				font-weight:bold;
				text-align:left;
			}

			#parkarea p{
				margin:0;
				text-align:left;
			}

		#accessmap{
			color:#009fe8;
			font-weight:bold;
			font-size:150%;
		}
			
			#access-map{
				width:350px;
				float:left;
				margin:15px 33px 20px 0;
			}

			#accessnote{margin:20px 0 20px 25px;}
			
				#accessnote li{margin-bottom:10px;}

			#gmap,
			.course #main iframe{
				clear:both;
				width:100%;
				height:480px;
				border:1px solid #ccc;
				margin-top:10px;
			}





/*####################################################################################

  	アクセス

　####################################################################################*/








/*####################################################################################

  	おしらせ

　####################################################################################*/

		.news h2{
			margin:0;
			float: left;
		}


			.news #liststyle{
				width:calc(100% - 200px);
				margin:20px 5% 0 0;
				border:7px solid #ccc;
				background:#fff;
				float:right;
			}
	
		@media screen and (max-width:1000px){
			.news #liststyle{
				clear: both;
				width:90%;
				margin:0 auto;
				float:none;
				position: relative;
				left:-2%;
			}
		}
	
				.news #liststyle h2{
					float:none;
					padding:7px 0 5px 15px;
					margin:0;
					background:#eee;
					font-weight:bold;
					font-size:120%;
				}
		
				.news #liststyle ul{
					position:relative;
					border-top:1px dotted #b2b2b2;
					z-index:15;
					margin:20px;
				}
		
					.news #liststyle li{
						padding:10px 5px;
						border-bottom:1px dotted #b2b2b2;
						list-style:none;
						line-height:1.7em;
					}

				@media screen and (max-width:640px){
		
					.news #liststyle li{
						padding:10px 0;
					}

				}

					.news #liststyle li{zoom:1;}
					.news #liststyle li:after{
					  content: ""; 
					  display: block; 
					  clear: both;
					}


						.news #liststyle li .date{
							width:115px;
							float: left;
						}

						.news #liststyle li .note{
							width:calc(100% - 115px);
							float: right;
						}

					@media screen and (max-width:640px){

						.news #liststyle li .date{
							width:100%;
							float:none;
						}

						.news #liststyle li .note{
							width:100%;
							float:none;
						}

					}

	
							.news #liststyle li h3{
								font-weight:700;
								color:#800047;
							}
	
							.news #liststyle li p{
								margin:5px 0 0;
							}

							.news #liststyle li p a{
								text-decoration: none;
							}

							.news #liststyle li p a:hover{color:#c00;}

							.news #liststyle li ul{
								border:none;
								margin:10px 0 10px 20px;
							}
							.news #liststyle li li{
								border:none;
								list-style:disc;
								padding:5px 0;
							}

							.news #liststyle li a:hover{color:#c00;}


	/* 詳細 */

		.newsdetail h2{
			margin:0;
			float: left;
		}


			.modoru{
				display:-webkit-flex;
				display:flex;
				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				width:80px;
				height:80px;
				margin-bottom: -10px;
				color:#fff;
				background-color: #369;
				font-size:0.9em;
				float: right;
				position: relative;
				left:-2%;
				top:-10px;
				border-radius:40px;
				cursor: pointer;
			}

		@media screen and (max-width:640px){

			.modoru{
				width:60px;
				height:60px;
				margin-bottom: -20px;
				font-size:0.8em;
				border-radius:30px;
				top:-20px;
				left:-4%;
			}

		}
		



			.newsdetail article{
				width:calc(100% - 200px);
				margin:0 5% 0 0;
				background:#fff;
				float:right;
			}
	
		@media screen and (max-width:1000px){
			.newsdetail article{
				clear: both;
				width:90%;
				margin:0 auto 20px;
				float:none;
				position: relative;
				left:-2%;
				top:20px;
			}
		}

	
					.newsdetail article h3{
						margin-top: 5px;
						font-weight:700;
						font-size:1.3em;
						color:#800047;
					}
	
					.newsdetail article p{
						margin:15px 0 0;
						font-size:1.2em;
						line-height: 1.7em;
					}

						.newsdetail article h3 + p,
						.newsdetail article h3 + p a{
							color:#369;
						}

						.newsdetail article h3 + p + p{
							margin:15px 0 0;
						}

				@media screen and (max-width:640px){
	
					.newsdetail article h3{
						font-size:1.2em;
					}
	
					.newsdetail article p{
						margin:10px 0 0;
						font-size:1.1em;
					}

				}

				@media screen and (max-width:430px){
	
					.newsdetail article h3{
						font-size:1.1em;
					}
	
					.newsdetail article p{
						font-size:1.0em;
					}

				}

					.newsdetail article ul{
						border:none;
						margin:10px 0 10px 20px;
					}
					.newsdetail article li{
						border:none;
						list-style:disc;
						padding:5px 0;
					}





	.linkbtn{
		display:-webkit-flex;
		display:flex;
		justify-content: center;
		-webkit-align-items:center;
		align-items:center;
		max-width:480px;
		width:90%;
		height:50px;
		margin: 30px auto 10px;
		color:#fff;
		font-weight: bold;
		font-size:1.1em;
		text-decoration: none;
		background-color:#369;
		border-radius: 5px;
		letter-spacing: 0.05em;
	}

	.linkbtn + p{
		color:#f00;
		text-align: center;
	}


	.fnf{
		width:100%;
		padding: 50px 0;
		float: none;
	}

		.fnf h2{
			width:100%;
			margin-bottom: 15px;
			color:#c33;
			font-size:2.0em;
			text-align: center;
			font-weight: 700;
		}

			.fnf h3{
				width:100%;
				color:#369;
				font-size:1.2em;
				text-align: center;
			}

			.fnf .note{
				max-width:360px;
				width:90%;
				margin:30px auto;
			}





