/*************************************************************************************************************

			ロゴ＆グローバルナビゲーション
			
**************************************************************************************************************/

/* ロゴ　グローバルメニュー */
#logonav {
	width: 96%;
	height: 50px;
	margin: 0 auto;
	padding: 0 10px;
}
	.logowaku {
		width: 70%;
		float: left;
		text-align: left;
		padding-top: 10px;
	}
		.logowaku a {
		}
		.logowaku img {
			width: 150px;
		}
	.navwaku {
	  display:none;
	}

		/*スマホ親メニュー*/
		.glonav_sp {
			/*width: 650px;*/
			height: 40px;
			padding: 0;
			top: 0;
		}
			.glonav_sp li {
				position: relative;
				list-style: none;
				/*width: 92px;*/
			}
			.glonav_sp li a {
				display: block;
				/*width: 130px;*/
				height: 40px;
				/*text-align: center;*/
				color: #fff!important;
				font-size: 14px;
				transition: 0.5s;
				text-decoration: none;
				box-sizing: border-box;
				vertical-align: middle;
				padding: 10px 18px;
			}
			.glonav_sp > li:hover > a {
				color: #fff;
				background: #2990fd;
			}
			.glonav_sp > li li:hover > a {
				color: #fff;
				background: #2990fd;
			}

				/*子メニュー*/
				/*.glonav_sp li ul {
					position: absolute;
					left: 0;
					z-index: 9999;
				}
					.glonav_sp li ul li {
						height: 0;
						left: -40px;
						color: #fff;
						background: rgba(0,0,0,0.8);
					}
					.glonav_sp li ul li a {
						text-align: left;
						padding-left: 20px;
						color: #fff;
					}
					.glonav_sp li:hover > ul > li {
						overflow: visible;
						height: 40px;
					}*/




/*---------------------- レスポンシブメニュー start ------------------------*/
#nav-drawer {
	width: 30%;
	float: left;
	position: relative;
	text-align: right;
	padding-top: 20px;
}
/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}
/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}
/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #fff;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}
/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}
/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 70px;
  right: 0;
  text-align: left;
  z-index: 9999;/*最前面に*/
  width: 100%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 100%;/*最大幅（調整してください）*/
  height: 100%;
  background: rgba(0,0,0,0.7);/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(105%);
  transform: translateX(105%);/*左に隠しておく*/
}
#nav-content ul {
  list-style: none;
  margin-left: -40px;
}
#nav-content ul a {
	color: #fff;
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}
#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}


/*---------------------- アコーディオンメニュー  ------------------------*/
.cp_menu label::before {
	position: absolute;
	content: '▼';
	color: #ffffff;
	right: 0.5em;
	top: 25%;
}
.accbox label {
    display: block;
    padding : 10px 18px;
    font-weight: normal!important;
    cursor :pointer;
    transition: all 0.5s;
	color: #ffffff;
	margin: 0!important;
}
.accbox label a{
	color: #ffffff;
	text-decoration: none;
}

.accbox label:hover {
    background :#2990fd;
}
.accbox input {
    display: none;
}
	.accbox .accshow {
		height: 0;
		padding: 0;
		overflow: hidden;
		opacity: 0;
		transition: 0.8s;
		z-index: 9999;
	}
	.cssacc:checked + .accshow {
		/*padding: 5px;*/
		background: rgba(0,0,0,0.7);
		opacity: 1;
	}
	/*各アコーディオンの高さ調整*/
	.cssacc:checked + .accshowhigh2 {
		height: 720px;
	}
	.cssacc:checked + .accshowhigh3 {
		height: 360px;
	}
	.cssacc:checked + .accshowhigh4 {
		height: 120px;
	}
	.cssacc:checked + .accshowhigh5 {
		height: 200px;
	}
	.cssacc:checked + .accshowhigh6 {
		height: 160px;
	}
	/*子メニュー*/
	.accshow li ul {
		position: absolute;
		left: 0;
		z-index: 9999;
	}
		.accshow li ul li {
			height: 0;
			left: -40px;
			color: #fff;
			background: rgba(0,0,0,0.8);
		}
		.accshow li ul li a {
			text-align: left;
			/*padding-left: 20px;*/
			color: #fff;
		}
		.accshow li:hover > ul > li {
			overflow: visible;
			height: 40px;
		}

		/*accshow調整　liだけどul*/
		.acshow_title {
			position: relative;
			list-style: none;
			color: #fff;
			display: block;
			padding: 10px 18px!important;
			background-color: #00133B;
		}
		.accshow li {
			position: relative;
			list-style: none;
			color: #fff;
			display: block;
			height: 40px;
		}
		.accshow li a {
			display: block;
			padding: 10px 18px!important;
		}
		.accshow ul li a:hover {
			text-decoration: none!important;
			background: #2990fd;
		}























@media print, screen and (min-width:1280px) {

	/* ロゴ　グローバルメニュー */
	#logonav {
		width: 80%;
		height: 100px;
		margin: 0 auto;
		padding: 0 10px;
	}
		.logowaku {
			width: 190px;
			float: left;
			padding-top: 16px;
		}
		/* IE11 にのみ適用される */
		*::-ms-backdrop, .logowaku {
			width: 190px!important;
			float: left;
			padding-top: 16px;
		}
		.logowaku a {
			}
			.logowaku img {
				width: 190px;
			}
		.navwaku {
			/*width: 370px;*/
			display: block;
			float: right;
			padding-top: 30px;
			/*overflow: hidden;*/
		}
			/*親メニュー*/
			.glonav {
				/*width: 650px;*/
				height: 40px;
				padding: 0;
				top: 0;
			}
				.glonav li {
					position: relative;
					list-style: none;
					float: left;
					/*width: 92px;*/
				}
				.glonav li a {
					display: block;
					/*width: 130px;*/
					height: 40px;
					text-align: center;
					color: #fff;
					font-size: 14px;
					transition: 0.5s;
					text-decoration: none;
					box-sizing: border-box;
					vertical-align: middle;
					padding: 10px 18px;
				}
				.glonav > li:hover > a {/*layer-1*/
					color: #fff;
					background: #2990fd;
				}
				.glonav > li li:hover > a {/*layer-2*/
					color: #fff;
					background: #2990fd;
				}

					/*子メニュー*/
					.glonav li ul {
						position: absolute;
						/*background: #ccc;*/
						width: 200px;
						left: 0;
						z-index: 9999;
					}
						.glonav li ul li {
							overflow: hidden;
							height: 0;
							transition: 0.2s;
							left: -40px;
							/*background: #DFDFDF;*/
							color: #fff;
							background: rgba(0,0,0,0.8);
							width: 240px;
						}
						.glonav li ul li a {
							width: 240px;
							text-align: left;
							padding-left: 20px;
							color: #fff;
						}
						.glonav li:hover > ul > li {
							overflow: visible;
							height: 40px;
						}




		  #nav-drawer {
			display:none;
		  }

.submtitle_bg {
    background-color: #000 !important;
    cursor:default;
}




}