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


.spLink{display: none !important;}



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

@media screen and (min-width:641px) and (max-width:1200px)  {

.spLink{display: block !important;}

}



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

@media screen and (min-width:641px)  {

.hoursBlockSp{display: none;}
.calendarBlockSp{display: none;}
.linkNewsListSp{display: none !important;}

#headerSp{display: none;}
.acdNavSp{display: none;}
.calendarBlockSp{display: none;}
.iconYoutube{display: none;}
.mainSlideSp{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:640px)  {

#footerRight{display: none;}
.pcNav{display: none;}
#mainSlide{display: none;}
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: fixed;
	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%;
			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: 2px;
		}
		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%;
				padding: 10px 24px 10px;
				background: #fdebd1;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				overflow: hidden;
			}
			#googleSearchSp form.gsc-search-box{
				margin: 0 !important;
			}
			#googleSearchSp table.gsc-search-box{
				margin: 0 !important;
			}
			#googleSearchSp .gsib_a{
				padding: 0 0 0 8px !important;
				vertical-align: middle !important;		
			}
			#googleSearchSp .gsc-input-box{
				width: 100% !important;
			}
			#googleSearchSp .gsc-search-box-tools .gsc-search-box .gsc-input{
				padding: 0 !important;
				font-size: 14px !important;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
			}
			input.gsc-search-button-v2{
				padding: 8px 18px 7px !important;
			}
			td.gsc-search-button{
				padding: 0 !important;
			}
	
			#headerLungageSp{
				display: none;
				width: 100%;
				padding: 10px 12px 16px;
				background: #fdebd1;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				overflow: hidden;
			}
				#headerLungageSp li{
					float: left;
					width: 32%;
					margin-right: 2%;
					padding: 6px;
					text-align: center;
					background: #fff;
					-webkit-border-radius: 6px;
					border-radius: 6px;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
				}
				#headerLungageSp li:last-of-type{
					margin-right: 0;
				}

			#navListSp{
				display: none;
				width: 100%;
				height: 390px;
				padding: 10px 12px 16px;
				background: #fdebd1;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				overflow: scroll;
			}
				#navListSp ul.listInner{
					width: 100%;
					padding: 10px 8px 10px;
					background: #fff;
					font-size: 16px;
					-webkit-border-radius: 4px;
					border-radius: 4px;
					-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: 6px;
						margin-bottom: 8px;
						font-weight: 900;
						color: #0f94ed;
						border-bottom: 3px solid #d9d9d9;
						background: url(../../common/images/sp/icon_nav_bottom_blue.png) right 6px center no-repeat;
						background-size: auto 12px;
						-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 6px center no-repeat;
						background-size: auto 12px;
					}
						#navListSp ul.listInner > li > ul{
							display: none;
							position: inherit;
							float: none;
							width: 100%;
						}
							#navListSp ul.listInner > li > ul > li{
								float: none;
								width: 95%;
								margin: 0 0 6px 5%;

								padding: 3px 3px 3px 18px;
								border-bottom: 3px solid #f7f7f7;
								background: url(../../common/images/sp/icon_link_inn.png) left center no-repeat;
								background-size: auto 14px;
								-webkit-box-sizing: border-box;
								box-sizing: border-box;
							}
	
					#navListSp ul.listInner > li.subNav{
						display: block;
						float: left;
						width: 49%;
						padding: 6px 4px;
						margin: 0 2% 2% 0;
						font-size: 12px;
						font-weight: 900;
						background: #f7f7f7 url(../../common/images/sp/icon_nav_right_black.png) right 4px center no-repeat;
						background-size: auto 10px;
						-webkit-border-radius: 4px;
						border-radius: 4px;						
						-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;
								}


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

	#contentsRight #bannerSide{
		width: 100%;
		height: auto;
		margin: 0px 0px 20px 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: 20px;
		display: block;
		width: 14%;
	}
		#pan a img{
			width: 100%;
			height: auto;
		}
 #bannerSide .snsicon {
    display:none;
  }
#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:30px 0px 25px 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:4.26vw;
				line-height: 1.4;
				padding:0px 0px 5px;
			}
			footer address p{
				font-size:3.2vw;
				line-height: 1.8;
			}
		footer p#copyright{
			display:block;
			width:100%;
			float:none;
			text-align:left;
			margin-top: 18px;
			padding:0px 0px 0px 0px;
			color:#fff;
			font-size:2.66vw;
			line-height: 1.4;
		}
  
footer ul.footericon {
  display:block;
  margin:20px auto;
  text-align:center;
  clear:both;
}
footer ul.footericon li {
  max-width:26%;
  display:inline-block;
  margin:0 8px;
}
footer ul.footericon li img {
  max-width:100%;
  margin:0 auto;
  border-radius: 8px;
}
footer ul.footericon li img:hover {
  opacity: 0.8;
}
	
	
/* contents
-----------------------------------------------------------------
----------------------------------------------------------------- */		

/* headNews
-------------------------- */
#headNews{
    font-size: 90%;
    background: #d85e76;
    color: #fff;
    padding: 6px;
    margin: 8px 0 0;
    border-radius: 8px;
    border: 1px solid #d82d4d;
    line-height: 1.4em;
}
	#headNews ul li {
		list-style-type: disc;
		margin-left: 17px;
		text-align: justify;
	}



/* hoursBlock
-------------------------- */
.hoursBlockSp{
	display: block;
	width: 100%;
    background: #eeeeee;
    color: #003087;
	margin: 12px 0 25px;
    padding:14px 10px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
  text-align: center;
}
	.hoursBlockSp h3{
		width: 100%;
		padding-bottom: 3px;
		border-bottom: 4px solid #003087;
		text-align: center;
	}
		.hoursBlockSp h3 img{
			width: 50%;
			height: auto;
		}
	.hoursBlockSp p{
		width: 100%;
		margin-top: 20px;
		text-align: center;
	}
		.hoursBlockSp p span:first-of-type{
			display: inline-block;
			font-size: 24px;
			font-weight: 900;
			vertical-align: middle;
		}
		.hoursBlockSp p span:last-of-type{
			width: 36%;
			margin-left: 8px;
			display: inline-block;
			font-size: 12px;
			text-align: justify;
			line-height: 1.3;
			vertical-align: middle;
		}
	.hoursBlockSp ul{
		width: 100%;
		margin-top: 10px;/**20**/
		overflow: hidden;
	}
		.hoursBlockSp ul li{
			float: left;
			width: 18%;
			margin-right: 2.8%; /**2.5**/
      margin-left: 3%; /**none**/
		}
		.hoursBlockSp ul li:last-of-type{
			margin-right: 0;
		}
			.hoursBlockSp ul li img{
				width: 100%;
				height: auto;
			}


/* top only
-------------------------- */
	#container #contents{
		width:96%;
		margin:10px auto 0;
		position:relative;
		z-index:10;
	}

/* Main Slide
------------------------------------------------- */
.mainSlideSp .bx-prev { 
	position:absolute;
	top:50%;
	left:0;
	width: 24px;
	height: 36px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-indent:-9999px;
	background:url(../../top/images/btn_slide_allow_lft.png) left center no-repeat;
	background-size: 100% auto;
}
.mainSlideSp .bx-next {
	position:absolute;
	top:50%;
	right:0;
	width: 24px;
	height: 36px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-indent:-9999px;
	background:url(../../top/images/btn_slide_allow_right.png) left center no-repeat;
	background-size: 100% auto;
}	

.mainSlideSp{
	width:96%;
	margin:0px auto;
	position:relative;
	z-index:0;
}
	.mainSlideSp li{
		width:100%;
	}
		.mainSlideSp li img{
			width:100%;
			height: auto;
		}

/* 共通
------------------------------------------------- */
section{
	padding:0px 0px 25px 0px;
}



/* News
------------------------------------------------- */
section#news{
	width: 100%;
}
	section#news h2{
		display:block;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 10px;
		float:none;
	}
	section#news p.linkNewsList{
		display:none;
	}
	section#news p.linkNewsListSp{
		width: 100%;
		margin-top: 12px;
		color: #fff;
		text-align: right;
	}
		section#news p.linkNewsListSp a{
			color: #fff;
		}
			section#news p.linkNewsListSp span{
				display: inline-block;
				font-size: 14px;
				padding: 0 6px 0 13px;
				background: url(../images/sp/icon_nav_left_write.png) left center no-repeat;
				background-size: auto 10px;
			}
	section#news #newsList{
		clear:both;
		width:100%;
		height:auto;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		overflow:hidden;
	}
		section#news #newsList .newsSet{
			display:-webkit-box;
			display: -webkit-flex;
			display:-ms-flexbox;
			display: flex;
			-webkit-flex-wrap:wrap;
			-ms-flex-wrap:wrap;
			flex-wrap:wrap;			
			width: 100%;
			padding:14px 10px;
			background:#fff;
			border-radius:4px;
			-webkit-border-radius:4px;
			-moz-border-radius:4px;
			float:none;
			margin-bottom:20px;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			overflow: hidden;
		}
		section#news #newsList .newsSet:last-of-type{
			margin-bottom: 0;
		}
			.newsSet p.photo{
				-webkit-box-ordinal-group:2;
				-ms-flex-order:2;
				-webkit-order:2;
				order:2;				
				text-align:center;
				width: 46%;
				margin-right: 2%;
				float: left;
			}
				.newsSet p.photo img{
					width: 100%;
					height: auto;
				}
			.newsSet h3{
				-webkit-box-ordinal-group:1;
				-ms-flex-order:1;
				-webkit-order:1;
				order:1;				
				font-weight:bold;
				font-size:16px;
				line-height: 1.4;
				width: 100%;
				padding:0 0 6px;
				margin-bottom: 15px;
				color:#5689ba;
				border-bottom: 4px solid #5689ba;
			}
				.newsSet h3 a{
					color:#5689ba;
				}
			.newsSet p.date{
				display:block;
				background:url(../images/icon_update.jpg) 7px center no-repeat;
				padding:0px 0px 0px 57px;
				color:#008cba;
				font-size:110%;
				font-weight:bold;
			}
			.newsSet p.copy{
				-webkit-box-ordinal-group:3;
				-ms-flex-order:3;
				-webkit-order:3;
				order:3;				
				padding: 0;
				float: right;
				width: 52%;
				font-size: 12px;
				line-height: 1.5;
				text-align: justify;
			}
.col2 {
	width:100%;
}


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


/* Movie
------------------------------------------------- */
section#movie{
}
	section#movie h2{
		display:block;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 15px;
		float:none;
	}
	section#movie #movieList{
		clear:both;
		width:100%;
		height:auto;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
		section#movie #movieList .movieSet{
			width: 100%;
			padding: 14px 10px;
			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;
		}
		section#movie #movieList .movieSet:nth-of-type(n+2){
			margin-top: 20px;
		}
		section#movie #movieList .movieSet::after{
			content: "";
			display: block;
			clear: both;
		}
			.movieSet p.iconYoutube{
				display:block;
				position:absolute;
				top:-14px;
				left:4px;
				z-index:6521;
			}
			.movieSet p.photo{
				width: 46%;
				margin-right: 2%;
				text-align:center;
				float: left;
			}
				.movieSet p.photo img{
					width: 100%;
					height: auto;
				}
			.movieSet h3{
				float: right;
				width: 52%;
				font-weight:bold;
				font-size:108%;
				line-height: 1.3;
				padding:0;
				color:#5689ba;
			}
				.movieSet h3 a{
					color:#5689ba;
				}
			.movieSet 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;
			}
			.movieSet p.copy{
				float: right;
				width: 52%;
				padding: 0;
				font-size: 12px;
				line-height: 1.5;
				text-align: justify;
			}
.col2 {
	width:100%;
}

	
/* 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: block;}

		header h1 a{
			height: 32px;
		}
		header #headerSp div{
			margin-right: 1px;
		}

}

/* For iPhone*/
@media only screen and (device-width: 375px) {
  #twitter_area iframe  {
		width: 360px !important;
  }
}