/*　ドロワーメニュー
--------------------------------------------------------------*/
.drawr-bt {
	display: block;
	width:35px;
	height: 35px;
	/* position: absolute;
	top:5px;
	right:20px; */
	cursor: pointer;
	z-index: 7777;
}
.close-bt{
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	width:40px;
	height: 40px;
	cursor: pointer;
	z-index: 9999;
	margin: 15px 10px;
}
.drawr {
	display: none;
	background-color:rgba(37,44,136,0.9);
	position: absolute;
	top: 0px;
	right:0;
	width:320px;
	padding:0px 0 20px 0px;
	z-index: 8888;
	box-shadow: 0 0 4px #ccc;
}
#d-menu{
  margin-top: 80px;
	background-color: #ffffff;
}
#d-menu li {
	width:320px;
	list-style: none;
	box-shadow: 0 1px 2px #ccc;
}

#d-menu li a {
	color:#1a1a1a;
	display: block;
	/* padding: 30px 15px; */
	padding: 10px 15px;
	background:#fff;
	background: -moz-linear-gradient(top,#FFF 0%,#EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	background: linear-gradient(to bottom, #FFF,#EEE);
	/* font-size: 18px; */
	font-size: 14px;
	/* margin-bottom: 10px; */ /* 20190924 */
	/* text-shadow:1px 1px 1px rgba(0,0,0,0.5); */
	text-decoration: none;
}
#d-menu li a:hover{
	background:#dee6f5;
	color: #252c88;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
#d-menu li.headitem {
	font-size: 14px;
	padding: 5px 15px;
	/* margin-bottom: 10px; */ /* 20190924 */
	background:#C7DCFF;
	/* background: -moz-linear-gradient(top,#C7DCFF 0%,#E3E7ED); */
	/* background: -webkit-gradient(linear, left top, left bottom, from(#C7DCFF), to(#E3E7ED)); */
	/* background: linear-gradient(to bottom, #C7DCFF,#E3E7ED); */
	text-align: center; /* 20190924 */
	box-sizing: border-box; /* 20190924 */
}
#d-menu li.subitem a {
	padding-left: 35px;
}
#d-menu .submenu li a{
	padding-left: 30px; 
}
#d-menu .submenu li a::before{
	content:"➙ ";
	color:#cccccc;
}
.drawr div{
	display:block;
	text-align:center;
	font-size:14px;
}
.drawr div span{
	display:inline-block;
	margin: 15px auto;
	padding:3px 10px;
	line-height:30px;
	background:#fff;
	background: -moz-linear-gradient(top,#FFF 0%,#EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	background: linear-gradient(to bottom, #FFF,#EEE);
	box-shadow: 0 2px 1px -1px #827673;
	box-sizing:border-box;
	border:1px solid #aaa;
	border-radius: 3px;
	/* text-shadow:1px 1px 1px rgba(0,0,0,0.5); */
	width: 200px;
}
.drawr div span:hover{
	color:#252c88;
	background: #dee6f5;
	cursor:pointer;
}

.drawr-bt img{
	width:35px;
}
.close-bt img{
	width:38px;
}
@media screen and (max-width:800px) {
	.drawr{width:100%;background-color:rgba(37,44,136,0.9);}
	#d-menu li{width:100%;}
}
@media screen and (max-width:479px) {
	.drawr-bt {top:10px;right:8px;}
}
@media screen and (max-width:320px) {
	.drawr-bt {top:10px;right:8px;}
}

nav .drawr-bt {
	display:none;
}
nav.fixed .drawr-bt {
	display:block;
	background:#252c88;
	background: -moz-linear-gradient(top,#1622aa 0%,#252c88);
	background: -webkit-gradient(linear, left top, left bottom, from(#1622aa), to(#252c88));
	background: linear-gradient(to bottom,#1622aa,#252c88);
}

#menu-icon-group {
	float:right; 
	margin:5px 20px 5px 0;
	/* position: absolute;
	top:5px;
	right:60px; */
}
#menu-icon-group span {
	display:inline-block;
	width: 45px;
	height: 30px;
	margin-right: 10px;
	padding: 4px;
	border-style: solid;
	border-width: 3px;
	border-radius: 3px;
	border-color: white;
	cursor: pointer;
	font-size: 0.7rem;
	color:white;
	vertical-align: middle;
	text-align: justify;
	line-height: 1.2;
}
header {
	background: linear-gradient(to bottom,#1622aa,#252c88);
	/* background: linear-gradient(to bottom,#ffeef6,#ffeef2); */
	margin:0;
	color:white;
}
header #imglogo {
  float: left;
  /* margin: 10px 0 0 10px; */
	margin: 3px 0 0 10px;	/* rei.y 2023.10.31 修正 */
  /* position:absolute;
  top:10px;
  left:10px; */
  z-index:1; 
  max-height:20px;
}
header #imgMenu {
	width:35px;
	height:35px;
}
header h1 {
	float:left;
	margin: 0 15px;
}
@media screen and (max-width:650px) {
	/* rei.y 2023.9.5 修正（非表示要素にmenu_mobileクラスを追加） */
	/* #menu-icon-group span:not(#imgMenu){ */
	#menu-icon-group span:not(#imgMenu, .menu_mobile){
		display: none;
	}
}