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


.spLink{display: none !important;}



/* PC-SP
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (min-width:731px) and (max-width:1100px)  {

.spLink{display: block !important;}

}



/* PC
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (min-width:731px)  {
	
#headerSp{display: none;}
.acdNavSp{display: none;}
.calendarBlockSp{display: none;}
.iconYoutube{display: none;}
h2.sp{display: none !important;}
br.sp{display: none;}
br.sp-s{display: none;}
span.sp{display: none;}
img.sp{display: none;}

}


/* SmartPhone
-----------------------------------------------------------------
----------------------------------------------------------------- */

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

#footerRight{display: none;}
.pcNav{display: none;}
h1.pc{display: none !important;}
h2.pc{display: none !important;}
img.pc{display: none;}
br.sp{display: block;}
span.sp{display: block;}
br.sp-s{display: none;}


/* layout
-----------------------------------------------------------------
----------------------------------------------------------------- */

/* wrapper
----------------------------------------------- */
#wrapper{
	width: 100%;
    background: #003087 url(../../common/images/sp/bg_page_sp.jpg) no-repeat;
	background-size: 100% auto;
}


/* Header
----------------------------------------------- */
header{
	width:100%;
	height:auto;
	margin:0px auto;
	padding:2.13% 2% 3.73%;
	background:#4cb3f1 url(../../common/images/sp/header_bg_sp.png) top center no-repeat;
	background-size: auto 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.fixed{
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 0;
}
	header h1{
		display:block;
		float:left;
		width: 47%;
		margin-top: 1.66%;
	}
		header h1 a{
			display:inline-block;
			width: 100%;
			height: 75px;
			background:url(../../common/images/logo.png) no-repeat;
			background-size: 100% auto;
		}
	header #headerSp{
		display:block;
		float:right;
		width: 53%;
		text-align: right;
	}
		header #headerSp div{
			display: inline-block;
			width: 20%;
			margin-right: 1.9%;
		}
		header #headerSp div:last-of-type{
			margin-right: 0;
		}
			header #headerSp div img{
				width: 100%;
				height: auto;
			}

	.acdNavSp{
		position: relative;
	}
		#navBoxSp{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 9999;
			width: 100%;
			background: #fdebd1;
		}
			#googleSearchSp{
				display: none;
				width: 100%;
				height: 20.8%;
				padding: 2.66% 6.4%;
				background: #fdebd1;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				overflow: hidden;
			}
	
			#gs_tti51 input {
				font-size: 30px !important;
			}
			#gs_tti51 input::-webkit-input-placeholder {
				font-size: 30px !important;
			}
			#gs_tti51 input:-ms-input-placeholder {
				font-size: 30px !important;
			}
			#gs_tti51 input::-moz-placeholder {
				font-size: 30px !important;
			}	
	
			#googleSearchSp form.gsc-search-box{
				margin: 0 !important;
			}
			#googleSearchSp table.gsc-search-box{
				margin: 0 !important;
			}
			#googleSearchSp .gsib_a{
				padding: 0 0 0 2.87% !important;
				vertical-align: middle !important;		
			}
			#googleSearchSp .gsc-input-box{
				width: 100% !important;
				padding: 9px 0 !important;
			}
			td.gsc-search-button{
				width: 15.3% !important;
				height: 100% !important;
			}
			#googleSearchSp .gsc-search-box-tools .gsc-search-box .gsc-input{
				padding: 0!important;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
			}
			#gsc-iw-id2 .gsc-input{
				padding: 2px 0 0 !important;
				line-height: 1.3;
			}
			input.gsc-search-button-v2{
				width: 26px !important;
				height: 26px !important;
				padding: 16.39% 36.88% 14.34% !important;
			}
			td.gsc-search-button{
				padding: 0 !important;
			}
	
			#headerLungageSp{
				display: none;
				width: 100%;
				padding: 2.66% 3.2% 4.26%;
				background: #fdebd1;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				overflow: hidden;
			}
				#headerLungageSp li{
					font-size: 25px;
					line-height: 1.7;
					float: left;
					width: 32%;
					margin-right: 2%;
					padding: 1.71%;
					text-align: center;
					background: #fff;
					-webkit-border-radius: 11px;
					border-radius: 11px;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
				}
				#headerLungageSp li:last-of-type{
					margin-right: 0;
				}
			#navListSp{
				display: none;
				width: 100%;
				height: 759px;
				padding: 2.66% 3.2% 4.26%;
				background: #fdebd1;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				overflow: scroll;
			}
				#navListSp ul.listInner{
					width: 100%;
					padding: 3.05% 2.28% 3.05%;
					background: #fff;
					font-size: 16px;
					-webkit-border-radius: 7px;
					border-radius: 7px;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
				}
				#navListSp ul.listInner::after{
					content: "";
					display: block;
					clear: both;
				}
					#navListSp ul.listInner > li > span{
						display: block;
						float: none;
						width: 100%;
						padding: 1.79%;
						margin-bottom: 2.39%;
						font-size: 31px;
						font-weight: 900;
						line-height: 1.4;
						color: #0f94ed;
						border-bottom: 5px solid #d9d9d9;
						background: url(../../common/images/sp/icon_nav_bottom_blue.png) right 12px center no-repeat;
						background-size: auto 23px;
						-webkit-box-sizing: border-box;
						box-sizing: border-box;
					}
					#navListSp ul.listInner > li > span.activeIcon{
						background: url(../../common/images/sp/icon_nav_top_blue.png) right 12px center no-repeat;
						background-size: auto 23px;
					}
						#navListSp ul.listInner > li > ul{
							display: none;
							position: inherit;
							float: none;
							width: 100%;
						}
							#navListSp ul.listInner > li > ul > li{
								font-size: 31px;
								line-height: 1.36;
								float: none;
								width: 95%;
								margin: 0 0 1.7% 5%;
								padding: 0.9% 0.9% 0.9% 5.37%;
								border-bottom: 5px solid #f7f7f7;
								background: url(../../common/images/sp/icon_link_inn.png) left center no-repeat;
								background-size: auto 27px;
								-webkit-box-sizing: border-box;
								box-sizing: border-box;
							}
	
					#navListSp ul.listInner > li.subNav{
						display: block;
						float: left;
						width: 49%;
						padding: 1.79% 1.19%;
						margin: 0 2% 2% 0;
						font-size: 23px;
						font-weight: 900;
						line-height: 1.7;
						background: #f7f7f7 url(../../common/images/sp/icon_nav_right_black.png) right 8px center no-repeat;
						background-size: auto 19px;
						-webkit-border-radius: 7px;
						border-radius: 7px;						
						-webkit-box-sizing: border-box;
						box-sizing: border-box;
					}
					#navListSp ul.listInner > li.subNav:nth-of-type(2n+1){
						margin-right: 0;
					}
					#navListSp ul.listInner > li.subNav:nth-last-of-type(-n+2){
						margin-bottom: 0;
					}
	
								#navListSp ul.listInner li a{
									display: block;
									color: #505050;
								}


/* common layout
----------------------------------------------- */
	#contents #contentsLeft{
		width: 100%;
		float: none;
	}
	#contents #contentsRight{
		float: none;
		width: 96%;
		height: auto;
		margin: 0 auto;
		padding: 0px 0px 0px 0px;
	}
	
		#contentsRight #pageNav{
			display: none;
		}
		#contentsRight #calendar{
			display: none;
		}

/* calendar
------------------------------------------------- */
	.calendarBlockSp{
		display: block;
		width: 100%;
		margin-bottom: 22px;
	}
		.calendarBlockSp img{
			width: 100%;
			height: auto;
		}


/* Youtube
------------------------------------------------- */
#contentsRight #sideYoutube{
	width: 100%;
	margin-bottom: 39px;
}
	#sideYoutube h2{
		display:block;
		width:100%;
		height: auto;
		margin:0px 0px 0px 0px;
		padding:0px 0px 36px;
		float:none;
	}
	#sideYoutube h2 img{
		width: 233px;
		height: auto;
	}
	
	#sideYoutube #sideYoutubeArea{
		clear:both;
		width:100%;
		height:auto;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position: relative;
		border: none;
		background: none;
	}
		p.iconYoutube{
			display:block;
			position:absolute;
			top:-27px;
			left:8px;
			z-index:6521;
		}
		p.iconYoutube img{
			width: 109px;
			height: auto;
		}
		#sideYoutube #sideYoutubeArea .youtubeSet{
			width: 100%;
			padding: 28px 20px;
			background:#fff;
			border-radius:4px;
			-webkit-border-radius:4px;
			-moz-border-radius:4px;
			float:none;
			margin-bottom:0;
			position:relative;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		#sideYoutube #sideYoutubeArea .youtubeSet:nth-of-type(n+2){
			margin-top: 39px;
		}
		#sideYoutube #sideYoutubeArea .youtubeSet::after{
			content: "";
			display: block;
			clear: both;
		}
			.youtubeSet > a{
				display: inline-block;
				width: 46%;
				margin-right: 2%;
				text-align:center;
				float: left;
			}
				.youtubeSet > a img{
					width: 100%;
					height: auto;
				}
			.youtubeSet h3{
				float: right;
				width: 52%;
				font-weight:bold;
				font-size:108%;
				line-height: 1.3;
				padding:0;
				color:#5689ba;
			}
				.youtubeSet h3 a{
					color:#5689ba;
					font-size: 23px;
				}
			.youtubeSet p.date{
				float: right;
				width: 52%;
				display:block;
				background:url(../images/icon_update.jpg) left center no-repeat;
				margin: 6px 0;
				padding:0px 0px 0px 50px;
				color:#008cba;
				font-size:12px;
				font-weight:bold;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
			}
			.youtubeSet p{
				float: right;
				width: 52%;
				margin-top: 11px;
				padding: 0;
				font-size: 23px;
				line-height: 1.5;
				text-align: justify;
			}
.col2 {
	width:100%;
}

/* banner
------------------------------------------------- */
	#contentsRight #bannerSide{
		width: 100%;
		height: auto;
		margin: 0px 0px 39px 0px;
		padding: 0;
		background: none;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;		
		overflow: hidden;
	}
		#bannerSide .bannerBox{
			float: left;
			width: 48%;
			height: auto;
			margin: 0 4% 2% 0;
			padding: 0;
			background: none;	
		}
			.bannerBox p.photo{
				width: 100%;
				text-align: center;
			}
			.bannerBox p.copy {
				padding: 0px 10px;
				color: #fff;
				font-weight: bold;
			}	
				#bannerSide .bannerBox p img{
					width: 100%;
					height: auto;
				}
		#bannerSide .bannerBox:nth-of-type(2n){
			margin-right: 0;
		}
		#bannerSide .bannerBox:nth-of-type(2n+1){
			clear: both;
		}

/* Footer
----------------------------------------------- */
#pan{
	position: relative;
	width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: right;
}
	#pan a{
		position: fixed;
		z-index: 9999;
		right: 8%;
		bottom: 3%;
		display: block;
		width: 14%;
	}
		#pan a img{
			width: 100%;
			height: auto;
		}
#footerCover{
	width:100%;
	height:auto;
	background:url(../../common/images/sp/footer_bg_sp.png) no-repeat;
	background-size: 100% auto;
}
	#footerCover footer{
		width:96%;
		height:auto;
		margin:0px auto;
		padding:58px 0px 48px 0px;
		overflow:hidden;
	}
		footer p#footerLink{
			display: none;
		}
			p#footerLink a{
				color:#fff;
			}
		footer address{
			color:#fff;
			display:block;
			width:100%;
			float:none;
		}
			address h5{
				font-size:31px;
				line-height: 1.4;
				padding:0px 0px 9px;
			}
			footer address p{
				font-size:23px;
				line-height: 1.8;
			}
		footer p#copyright{
			display:block;
			width:100%;
			float:none;
			text-align:left;
			margin-top: 35px;
			padding:0px 0px 0px 0px;
			color:#fff;
			font-size:19px;
			line-height: 1.4;
		}
	
	
/* contents
-----------------------------------------------------------------
----------------------------------------------------------------- */	
	#container #main{
		width: 100%;
	}
		#container #main h1{
			width: 100%;
		}
			#container #main h1 img{
				width: 100%;
				height: auto;
			}
		#main p.pan {
			display: block;
			position: relative;
			top: 0;
			left: 0;
			color: #fff;
			width: 100%;
			padding: 0 2%;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}	
	#container #contents{
		width: 100%;
		margin: 26px auto 0;
	}


/* google
----------------------------------------------- */
.gsc-control-wrapper-cse .gsc-results-wrapper-overlay{
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 8888 !important;
	width: 100% !important;
	padding: 0 10px !important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.gsc-control-wrapper-cse .gsc-modal-background-image{
		z-index: 2222 !important;
	}

.gsc-control-wrapper-cse .gsc-results-close-btn{
	display: none !important;
}

}


@media screen and (max-width:320px) {
	br.sp-s{display: none;}
}