@charset "UTF-8";

@media print,
screen and (min-width: 768px) {
	.gnavi_sp {
		display: none;
	}
	.submenu01open,
	.submenu02open {
		display: none;
	}
	/*/////////////////////////////////////////////////////////////////*/
	nav.gnb {
		right: 20px;
		left: 20px;
		bottom: 0;
		z-index: 100;
		position: absolute;
		margin: 0 auto;
		min-width: 900px;
		max-width: 1280px;
	}
	/*[基本構造]*/
	#globalmenu {
		*zoom: 1;
		width: 100%;
		bottom: 0;
		margin: 0px auto 0px;
		padding: 0;
		font-size: 16px;
		display: block;
		border: 1px solid #ededed;
	}
	#globalmenu li a:hover {
		transition: 0.3s;
	}
	#globalmenu li ul li a:hover {
		transition: 0.0s;
	}
	#globalmenu:before,
	#globalmenu:after {
		display: table;
		content: "";
	}
	#globalmenu:after {
		clear: both;
	}
	/*[第1階層]*/
	#globalmenu li {
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
		text-align: center;
		z-index: 10;
	}
	#globalmenu li div.bt-wp {
		position: relative;
	}
	#globalmenu li .bt-txt {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		width: 90%;
	}
	#globalmenu li.add {
		display: none;
	}
	#globalmenu > li a {
		display: block;
		font-weight: bold;
		margin: 0;
		padding: 0px 0 0px;
		text-decoration: none;
		line-height: 1.2em;
		height: 64px;
	}
	/*メニューバーの角丸*/
	#globalmenu > li:nth-child(1) ul li a {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	/*[一階層区切り線]*/
	#globalmenu li#global_bt1:after,
	#globalmenu li#global_bt2:after,
	#globalmenu li#global_bt3:after,
	#globalmenu li#global_bt4:after {
		width: 1px;
		height: 64px;
		position: absolute;
		background-color: #ededed;
		display: block;
		top: 0px;
		right: 0;
		content: '';
		z-index: 100;
	}
	/*[第2階層]*/
	#globalmenu li ul {
		visibility: hidden;
		/*非表示*/
		opacity: 0;
		/*非表示*/
		list-style: none;
		position: absolute;
		margin: 0;
		padding-top: 10px;
		z-index: -1;
	}
	#globalmenu li ul li {
		width: 100%;
	}
	#globalmenu li ul li a {
		padding: 20px 20px;
		color: #000;
		text-align: left;
		height: inherit;
	}
	#globalmenu li ul li.sub a {
		padding: 10px 20px;
		color: #000;
		text-align: left;
		height: inherit;
	}
	#globalmenu li ul li:hover > a {}
	/*[第3階層]*/
	#globalmenu li ul li ul {
		list-style: none;
		position: absolute;
		margin: 0;
		padding: 0;
		width: 100% !important;
		top: 0% !important;
		left: 80% !important;
		visibility: hidden !important;
		opacity: 0 !important;
		transition: .4s;
		z-index: -10 !important;
	}
	/*/////////////////////////////////////////////////////////////////*/
	/*[ボタンアニメーション]*/
	/*[基本設定]*/
	li.memu-one > a {
		position: relative;
		display: inline-block;
		text-decoration: none;
	}
	/*[第2階層表示設定]*/
	#globalmenu li:hover {
		opacity: 1;
	}
	/*[第2階層]*/
	#globalmenu li ul {
		top: 70%;
		/*第2階層開始位置*/
		left: 0%;
		transition: .3s;
	}
	#globalmenu li:hover ul {
		top: 100%;
		visibility: visible;
		opacity: 1;
	}
	/*[第3階層表示設定]*/
	#globalmenu li ul li:hover ul {
		width: 100% !important;
		top: 0% !important;
		/*アニメ開始位置設定*/
		left: 100% !important;
		/*アニメ開始位置設定*/
		visibility: visible !important;
		opacity: 1 !important;
		margin-left: 2px;
	}
	/*/////////////////////////////////////////////////////////////////*/
	/*[配色]*/
	/*[第1階層配色]*/
	#globalmenu > li a {
		color: #fff;
		/*background-color: #fff; */
		background-color: #5dbfcd;
	}
	body#p01 #globalmenu > li#global_bt1 a,
	body#p02 #globalmenu > li#global_bt2 a,
	body#p03 #globalmenu > li#global_bt3 a,
	body#p04 #globalmenu > li#global_bt4 a,
	body#p05 #globalmenu > li#global_bt5 a {
		color: #fff;
		background-color: #30939e;
	}
	#globalmenu li a:hover {
		color: #fff;
		background-color: #30939e;
	}
	/*[第2階層配色]*/
	body#p01 #globalmenu > li#global_bt1 ul li a,
	body#p02 #globalmenu > li#global_bt2 ul li a,
	body#p03 #globalmenu > li#global_bt3 ul li a,
	body#p04 #globalmenu > li#global_bt4 ul li a,
	body#p05 #globalmenu > li#global_bt5 ul li a {
		color: #000;
		background-color: #e4f1f4;
	}
	#globalmenu li ul li:first-child a {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		color: #000;
	}
	#globalmenu li ul li:last-child a {
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		border-bottom: 0px !important;
	}
	#globalmenu li ul {}
	#globalmenu li ul li a {
		color: #000;
		background-color: #e4f1f4;
		border-top: 1px dotted #fff;
	}
	#globalmenu li ul li:first-child a {
		border-top: 0;
	}
	#globalmenu li ul li a:hover {
		color: #000;
		background-color: #91dfe5;
	}
	#globalmenu li ul li:hover > a {
		background: #eef793;
		background-color: #91dfe5 !important;
	}
	#globalmenu li ul li:hover > div a {
		background-color: #91dfe5;
		/*第2階層ロールオーバーカラー*/
		text-align: left;
	}
	/*[第3階層配色]*/
	#globalmenu li ul li ul li a {
		background: #E5F0F0;
	}
	#globalmenu li ul li ul li a:hover {
		background: #F3F7CC;
	}
	/*[第2,3階層ライン下段カラー]*/
	#globalmenu li ul li:last-child {
		/*border-bottom: 1px solid #fff;*/
	}
	/*/////////////////////////////////////////////////////////////////*/
	/*グローバルメニューサイズ*/
	#globalmenu > li a {
		padding: 15px 0 11px;
	}
	/*[第1階層]*/
	#globalmenu li#global_bt1,
	#globalmenu li#global_bt2,
	#globalmenu li#global_bt3,
	#globalmenu li#global_bt4,
	#globalmenu li#global_bt5 {}
	#globalmenu li#global_bt1 {
		width: 20%;
	}
	#globalmenu li#global_bt2 {
		width: 20%;
	}
	#globalmenu li#global_bt2 .bt-wp {
		letter-spacing: -0.05em;
	}
	#globalmenu li#global_bt3 {
		width: 20%;
	}
	#globalmenu li#global_bt4 {
		width: 20%;
	}
	#globalmenu li#global_bt5 {
		width: 20%;
	}
	/*[第2階層]*/
	#globalmenu li#global_bt1 ul,
	#globalmenu li#global_bt2 ul,
	#globalmenu li#global_bt3 ul,
	#globalmenu li#global_bt4 ul,
	#globalmenu li#global_bt5 ul ul {
		width: 100%;
	}
	#globalmenu li#global_bt1 ul li {
		width: 110%;
		left: -5%;
		/*add*/
	}
	#globalmenu li#global_bt2 ul li {
		width: 110%;
		left: -5%;
		/*add*/
	}
	#globalmenu li#global_bt3 ul li {
		width: 110%;
		left: -5%;
		/*add*/
	}
	#globalmenu li#global_bt4 ul li {
		width: 110%;
		left: -5%;
		/*add*/
	}
	#globalmenu li#global_bt5 ul li {
		width: 110%;
		left: -5%;
		/*add*/
	}
	/*[第3階層]*/
	#globalmenu li#global_bt1 ul li ul li {
		width: 100%;
	}
	#globalmenu li#global_bt2 ul li ul li {
		width: 100%;
		left: 0%;
	}
	#globalmenu li#global_bt3 ul li ul li {
		width: 262px;
	}
	#globalmenu li#global_bt4 ul li ul li {
		width: 120%;
	}
	#globalmenu li#global_bt5 ul li ul li {
		width: 100%;
	}
	/*第3階層文字段落設定*/
	#globalmenu li ul li ul li span.in_list {
		display: block !important;
		margin-left: 1.1em !important;
		text-indent: -1.1em !important;
	}
	#globalmenu li ul li ul li span.no_list {}
}