@charset "UTF-8";
/*==================================================
 RESPONSIVE LAYOUT CSS
==================================================*/
@media screen and (min-width: 769px) and (max-width:1099px) {
}
@media screen and (max-width: 768px) {
.sp_boxWrap{
	display: flex;
	flex-direction: column-reverse;
	margin-bottom: 0 !important;
}
* {
	line-height: 140%;
}

body {
}

a {
}
	a:hover {
	}

p, div, address, h1, h2, h3, h4, h5, h6 {
	font-size: 13px;
}

input, select, textarea {
	line-height: 13px;
}

input[type="submit"],
input[type="reset"],
input[type="button"] {
	}

#container {}
#containerWrap {}

	#header {
		padding: 10px 0px 10px 0px;
		background: none;
		height:auto;
		background-color: #000;
		border-bottom:#990000 5px solid;
		}
	#headerWrap {
		width: 95%;
		}

		#logo {
			float:none;
			margin-bottom: 10px;
			}
			#logo img{
				width: 83%;
				}

		#hNavi {
			float:none;
			}

			#hinfo {
				margin: 0px 0px 20px 0px;
				text-align: center;
				}
				#hinfo > img{
					max-width: 70%;
					}

			#hNavi ul {
				text-align: center;
				margin: 0 -1em 0 0;
				display: flex;
				justify-content: space-between;
				width:100%;
				}
				#hNavi ul * {
					}
				#hNavi ul li {
					margin: 0;
					width:49%;
					}
					#hNavi ul li a {
						padding: 0px 0px 0px 0px;
						}
						#hNavi ul li a img{
							width: 100%;
							}



	#keyVisual {
		padding: 0px 0px 10px 0px;
		z-index: 5;
		}
	#keyVisualWrap {
		width: 95%;
		padding-top: 10px;
		}
		#keyVisualWrap  > img{
			max-width: 100%;
			}

	#content {}
	#contentWrap {
		width: 95%;
		padding: 0 0px 20px 0px;
		}

		body#index #contentWrap {
			padding: 0 0px 35px 0px;
			}

		#bNavi {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 960px;
			}
			#bNavi ul {
				text-align: right;
				}
				#bNavi ul li {
					display: inline;
					padding: 0px 0px 0px 5px;
					}
					#bNavi ul li a {
						color: #1F99AC;
						text-decoration: underline;
						}
						#bNavi ul li a:hover {
							text-decoration: none;
							}

		#side {
			float: none;
			width: 100%;
			}
		#sideWrap {
			}

	.gNavi_title{
		display: none;
	}
	#gNavi {
		height: auto;
		width: 100%;
		margin-bottom: 0 !important;
		position: fixed;
		z-index: 6;
		top: 0px;
		left: 0;
		background-image:none;
		background-color:rgba(255,255,255, 0.9);
		transform: translateY(-100%);
		transition: all 0.6s;
		}
		/* このクラスを、jQueryで付与・削除する */
			#gNavi.active {
			transform: translateY(0%);
			}
		#gNavi ul {
			}

			#gNavi ul li {
				border-bottom:#CCC 1px solid;
				}
				#gNavi ul li a {
					background: none;
					width: 100%;
					height: auto;
					padding: 0.5em;
					color: #333;
					font-size: 16px;
					text-indent:inherit;
					}
				#gNavi ul li#gNavi01 a,
				#gNavi ul li#gNavi02 a,
				#gNavi ul li#gNavi03 a,
				#gNavi ul li#gNavi04 a,
				#gNavi ul li#gNavi05 a,
				#gNavi ul li#gNavi06 a,
				#gNavi ul li#gNavi07 a,
				#gNavi ul li#gNavi08 a,
				#gNavi ul li#gNavi09 a {background-position:unset; height: auto;}

				#gNavi ul li#gNavi01 a:hover, #top #gNavi ul li#gNavi01 a,
				#gNavi ul li#gNavi02 a:hover, #cat1 #gNavi ul li#gNavi02 a,
				#gNavi ul li#gNavi03 a:hover, #cat2 #gNavi ul li#gNavi03 a,
				#gNavi ul li#gNavi04 a:hover, #cat3 #gNavi ul li#gNavi04 a,
				#gNavi ul li#gNavi05 a:hover, #cat4 #gNavi ul li#gNavi05 a,
				#gNavi ul li#gNavi06 a:hover, #cat5 #gNavi ul li#gNavi06 a,
				#gNavi ul li#gNavi07 a:hover, #cat6 #gNavi ul li#gNavi07 a,
				#gNavi ul li#gNavi08 a:hover, #cat10 #gNavi ul li#gNavi08 a,
				#gNavi ul li#gNavi09 a:hover, #cat7 #gNavi ul li#gNavi09 a {background-position:unset;}

			.sNavi {}
				.sNavi ul {}
					.sNavi ul li {
						padding: 0px 0px 10px 0px;
						}
						.sNavi ul li a {
							display: block;
							height: 40px;
							color: #333333;
							line-height: 40px;
							padding: 0px 0px 0px 20px;
							text-decoration: none !important;
							background: url(../img/layout/sNavi/sNaviBg.jpg) no-repeat 0px 0px;
							}
						.sNavi ul li.this a {
							background: url(../img/layout/sNavi/sNaviBg.jpg) no-repeat 0px -40px;
							}
						.sNavi ul li a.two {}
							.sNavi ul li a.two span {
								display: block;
								line-height: 20px;
								padding: 10px 0px 0px 0px;
								}
							.sNavi ul li a:hover,
							.sNavi ul li a.this {
								background: url(../img/layout/sNavi/sNaviBg.jpg) no-repeat 0px -40px;
								}
						.sNavi ul li ul {
							display: none;
							margin: 0px 0px 10px 0px;
							}
						.sNavi ul li.this ul {
							display: block;
							}
							.sNavi ul li ul li {
								margin: 0px;
								padding: 0px;
								border-bottom: 1px solid #CCCCCC;
								}
								.sNavi ul li ul li a {
									height: auto;
									font-size: 13px;
									color: #333333;
									padding: 10px 10px;
									line-height: 180%;
									text-indent: 0px;
									text-decoration: none;
									background: none !important;
									}
									.sNavi ul li ul li a:hover,
									.sNavi ul li ul li a.this {
										text-decoration: underline !important;
										background: none;
										}

		#page {
			float: none;
			width: 100%;
			margin-bottom: 20px;
			}
		#pageWrap {
			}
	#footer {
		padding: 10px 0px;
		height:auto;
		}
	#footerWrap {
		width: 95%;
		margin: 0px auto;
		}

		#flogo {
			margin-bottom: 10px;
			}
			#flogo img{
				width: 80%;
				}

		#add {
			background:none;
			border;none;
			position: relative;
			top:auto;
			padding-left: 0px;
		}
			#add p {
			color:#ffffff;
			line-height: 140%;
}
		#copyright {
			font-size: 11px;
			color: #FFFFFF;
			text-align: right;
			line-height: 60px;
			}

	/* ---------------------------------------
	Hamburger Menu
	-----------------------------------------*/
	.navToggle {
	display: block;
	position: fixed;
	right: 10px;
	top: 10px;
	width: 42px;
	height: 51px;
	cursor: pointer;
	background: #990000;
	text-align: center;
	z-index:999;
	}
	.navToggle span {
		display: block;
		position: absolute;
		width: 30px;
		border-bottom: solid 3px #FFF;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
		left: 6px;
		}
	.navToggle span:nth-child(1) {
		top: 9px;
		}

	.navToggle span:nth-child(2) {
		top: 18px;
		}

	.navToggle span:nth-child(3) {
		top: 27px;
		}

	.navToggle span:nth-child(4) {
		border: none;
		color: #FFF;
		font-size: 9px;
		font-weight: bold;
		top: 34px;
		}

	/* 最初のspanをマイナス45度に */
	.navToggle.active span:nth-child(1) {
	top: 18px;
	left: 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}

	/* 2番目と3番目のspanを45度に */
	.navToggle.active span:nth-child(2),
	.navToggle.active span:nth-child(3) {
	top: 18px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	}
}