/*PC用*/
@media screen and (min-width:769px){

	/*親メニュー*/

	#GlobalNavigation{
		width:100%;
		height:60px;
		background:#ffffff;
	    border-bottom:#EE8800 solid 3px;
	}
	
	#GlobalNavigation input[type="checkbox"]{
		display:none;
	}
	
	#GlobalNavigation label{
		display:none;
	}
	
	#GlobalNavigation nav{
		margin-left:0.5rem;
		margin-right:0.5rem;
		padding:0.5rem;
		position:relative;
	}
	
	#GlobalNavigation nav ul.menu{
        margin:0;
        padding:0;
		display:flex;
		justify-content:space-between;
		height:40px;
		line-height:40px;
		list-style:none;
	}
	
	#GlobalNavigation nav ul.menu li{
		margin:0;
		padding:0;
		flex:1 1 auto;
		position:relative;
		border-right:dotted 1px #FFD5EC;		
	}
	
	#GlobalNavigation nav ul.menu li:first-child{
		border-left:dotted 1px #FFD5EC;
	}
	
	#GlobalNavigation nav ul.menu li:last-child{
		border-right:dotted 1px #FFD5EC;
	}
	
	#GlobalNavigation nav ul.menu a{
		display:block;
		width:auto;
		height:100%;
		text-decoration:none;
		text-align:center;
		white-space:nowrap;
		overflow:hidden;
		color:#EE8800;
	}
	
	#GlobalNavigation nav ul.menu a::after{
	}

	
	/*子メニュー*/
	
	#GlobalNavigation nav ul.sub-menu{
		margin:0;
		padding:0;
		list-style:none;
		border:none;
		position:absolute;
		top:40px;
		left:0;
		overflow:hidden;
		width:100%;
		max-height:0;
		transition: all 1s ease-in;
		filter: drop-shadow(0px 1px 3px rgba(0,0,0,0.2));
		z-index:100;
	}
	
	#GlobalNavigation nav ul.menu li:hover ul.sub-menu{
		overflow:visible;
		max-height:100vh;
	}
	

	#GlobalNavigation nav ul.menu ul.sub-menu::before{
		content:"\025bc";
		line-height:1;
		display:block;
		width:100%;
		font-size:6px;
		text-align:center;
		position:absolute;
		top:-2px;
		z-index:300;
		color:#fff;
	}

	
	#GlobalNavigation nav  ul.sub-menu li{
		border-right:none;
		border-left:none;
		border-bottom:dotted 1px #FFD5EC;
		height:40px;
		background:#EE8800;
	}
	
	#GlobalNavigation nav ul.sub-menu li:first-child{
		border-left:none;
	}
	
	#GlobalNavigation nav ul.sub-menu li:last-child{
		border-right:none;
	}
	
	#GlobalNavigation nav  ul.sub-menu li a{
		text-align:left;
		color:#fff;
		padding-right:0.5em;
	}
	
	#GlobalNavigation nav  ul.sub-menu li a::before{
		content:"\276f";
		margin:0.5em;
	}
	
	#GlobalNavigation label.OpenMenu{
		display:none;
	}
	
	#GlobalNavigation input#openmenu{
		display:none;
	}
}


/*モバイルデバイス用*/
@media screen and (max-width: 768px){

	#GlobalNavigation nav{
		background:#EE8800;
		width:100%;
		height:100%;
		margin:0;
		padding:1em;
		line-height:40px;
		overflow:auto;
  		overflow-y: auto;
  		-webkit-overflow-scrolling: touch;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		position:fixed;
		top:0;
		right:-100%;
		z-index:900;
	}

	#GlobalNavigation nav ul{
		margin:0;
		padding:0;
		list-style:none;
		width:auto;
		line-height:40px;
	}
	
	#GlobalNavigation nav ul li a{
		display:block;
		height:100%;
		width:100%;
		text-decoration:none;
		overflow:hidden;
		text-overflow: ellipsis;
		color:#fff;
	}
	
	#GlobalNavigation nav ul li{
		min-height:40px;
		border-top:solid 1px #FFD5EC;
	}
	
	#GlobalNavigation nav ul li:first-child{
		border-top:none;
	}
	
	
	#GlobalNavigation nav ul li a::before{
		content:"\025bc";
		margin-right:8px;
		margin-left:8px;
		font-size:8px;
	}
	
	#GlobalNavigation nav ul li:last-child{
		border-bottom:solid 1px #fff;
	}
	
	#GlobalNavigation nav ul li:hover ul.sub-menu{
		max-height:600px;
	}

	#GlobalNavigation nav ul.sub-menu{
		all:initial;
		font-size:1rem;
		line-height:40px;
		display:block;
		margin:0;
		padding:0;
		width:100%;
		max-height:0px;
		overflow:hidden;
		transition: all 300ms 0s ease;
		-webkit-transition: all 300ms 0s ease;
	}
	
	#GlobalNavigation nav ul.sub-menu::before{
		display:block;
	}
	
	#GlobalNavigation nav ul.sub-menu li{
		display:block;
		height:40px;
		line-height:40px;
		border:none;
		border-bottom:dotted 1px #fff;
	}
	
	#GlobalNavigation nav ul.sub-menu li:last-child{
		border-bottom:none;
	}
	
	#GlobalNavigation nav ul.sub-menu li a{
		color:#ffffff;
		text-decoration:none;
		overflow:hidden;
		text-overflow: ellipsis;
		height:100%;
		display:block;
	}
	
	#GlobalNavigation nav ul.sub-menu li a::before{
		content:"\276f";
		margin-right:8px;
		margin-left:2em;
	}

}


label.toggle{
	cursor: pointer;
	display:block;
	padding:0.25em;
	margin:0;
	width:100%;
	height:100%;
	text-align:center;
	color:#FFF;
	line-height:1;
}

input[type="radio"]#navigation{
  display: none;
}

input[type="radio"]#navigation:checked ~ nav{
	right:0;
}

div.searchbox{
	background:#EE8800;
	width:100%;
	height:100%;
	margin:0;
	padding:1em;
	line-height:1;
	overflow:auto;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	position:fixed;
	top:0;
	right:-100%;
	z-index:900;
}


label.searchtoggle{
	cursor: pointer;
	display:block;
	padding:0.25em;
	margin:0;
	width:100%;
	height:100%;
	text-align:center;
	color:#FFF;
	line-height:1;
}

label.searchtoggle img{
	width:100%;
	height:auto;
	display:block;
	margin:-1em auto -1em auto;
	padding:auto;
}

input[type="radio"]#searchbox{
  display: none;
}
input[type="radio"]#searchbox:checked ~ div.searchbox{
	right:0;
}
	
label.close{
	cursor: pointer;
	display:block;
	padding:0;
	margin:0;
	width:40px;
	height:40px;
	background-image:url(../img/i-close.svg);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:left;
	text-indent:-10000em;
	z-index:1000;
	-webkit-transition: all 0s;
	transition: all 0s;
	position:absolute;
	top:0;
	right:0;
}

input[type="radio"]#close{
  display: none;
}




/*カテゴリナビゲーション*/

aside .category ul{
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
	line-height:2.5em;
}

aside .category ul li{
	border-bottom:dotted 1px #333;
}

aside .category ul li a{
	text-decoration:none;
	color:#cc0000;
	display:block;
}

aside .category ul li a::before{
	content:"\0276F";
	color:#cc0000;
	margin-right:0.25em;
}

aside .category ul li a:hover::before{
	content:"\0276F";
	color:#ff0000;
	margin-right:0.25em;
}

/*スマートフォン用メニュー*/
.smart-menu{
	margin:0;
	padding:0;
	width:100%;
	list-style:none;
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
	position:fixed;
	bottom:0px;
	left:0;
	z-index:300;
}

.smart-menu li{
	background:#EE8800;
	border-top:solid 1px #fff;
	border-right:solid 1px #fff;
	line-height:1;
}

.smart-menu li:last-child{
	border-right:none;
}

	
.smart-menu img{
	width:100%;
	height:auto;
	display:block;
	margin:-1em auto -1em auto;
	padding:auto;
}

.smart-menu a{
	display:block;
	margin:0;
	padding:0.25em;
	color:#FFF;
	text-align:center;
	position:relative;
	text-decoration:none;
}

/*スマホナビゲーション用ロゴ*/
.navlogo{
	margin-top:32px;
	margin-bottom:32px;
	width:100%;
}

.navlogo img{
	margin:auto;
	display:block;
}



footer .siteInfo ul{
	margin:0;
	margin-bottom:1em;
	padding:0;
	list-style:none;

	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	width:100%:
}

footer .siteInfo ul li{
	flex:1 1 auto;
	margin-right:1em;
	margin-bottom:0.5em;
	white-space:nowrap;
}


footer .siteInfo ul li::before{
	content:"\0276F";
	margin-right:0.2em;
}

footer .siteInfo ul li a{
	color:#fff;
	
}