@font-face {
	font-family: 'BIZ-UDGothic';
	src: url(./../font/BIZ-UDGothic.ttf);
}

.header {
	width: 100%;
	height: 44px;
	background-color: #FFFFFF;
	color: #202020;
	display:flex;
	flex-direction: row;
	align-items: center;
	box-shadow: 0px 4px 4px 0px #00000033;
}

.header_content {
	width: 100%;
	display: flex;
	flex: 8;
}

.header-menu-hamburger{
	display: flex;
}

.main_icon_left {
	width: 18px;
	height: 18px;
	float: left; 
	margin-top: -2px; 
	margin-right: 5px; 
}

.main_icon_main {
	width: 18px;
	height: 18px;
	/* margin-top: -2px;  */
	margin: auto 0;
}

.header_content_icon p{
	word-wrap: break-word;
}

.header_content_icon>button {
	width: 40px;
	height: 40px;
	object-fit: contain;
	margin: auto 0 auto auto;
	background-color: #FFFFFF;
	border-radius: 50%;
	padding: 7.5px;
	outline: revert;
}

.header_content_icon>button>img {
	width: 26px;
	height: 26px;
}

.header_content_title {
	width: 80%;
	display: flex;
	margin: 0px;
}

.header_content_title>p {
	margin: auto auto auto 0;
	color: #202020;
	font-size: 16px;
	font-weight: 500;
}

.header_content_menubutton>img {
	width: 24px;
	height: 24px;
	object-fit: contain;
	margin: auto;
	cursor: pointer;
}

.drawer-brand {
	padding-top: 2rem;
	padding-bottom: 2rem;
	border-bottom: solid 1px #636363;
}

.header_main:hover{
	background-color: #002596 !important;
}


.header_main {
	display: flex !important;
	justify-content: center;
	height: 12px;
	color: #FFFFFF !important;
	background-color: #002596;
	border: none;
}

.header_main > div {
	margin: auto 0;
}

.header_logout {
	display: flex;
	width: 100%;
	height: 44px;
	margin: 0;
	background-color: #ECECEC;
	border: none;
	font-size: 14px;
}

.header_logout > a {
	margin: auto;
	cursor: pointer;
	color: inherit;
	text-decoration: none;
}

.drawer-menu-item-notActive {
	color: #C0C0C0;
	text-decoration: none;
	cursor: text;
}

.drawer-menu-item-notActive:hover {
	color: #C0C0C0;
	text-decoration: none;
}

.drawer-menu-item-notActive:visited {
	color: #C0C0C0;
	text-decoration: none;
}

.drawer-hamburger {
	position: relative !important;
}

.drawer--right.drawer-open .drawer-hamburger {
	display: none;
}

.drawer-hamburger-icon {
  	margin-top:15px;
}
.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {/* トグルの色調整*/
     background-color:#fff;
}

#header_tutorial {
	display: none;
}

.img_menu_close {
	width: 24px;
	margin: 8px 8px auto auto;
	cursor: pointer;
}


.header_content_right select#language-select {
	width: 100px;
	height: 30px;
	padding: 0px 5px;
	border-color: #002596;
	border-radius: 5px;
	border-width: 2px;
}

.header .drawer-hamburger{
	width: 44px;
	height: 44px;
	padding: 0px;
}

.menu-header-language {
	flex-grow: 1;
	margin: 10px;
}

.menu-header-language .header_content_right .dropdown-trigger{
	width: auto;
	height: 26px;
	border: 1px solid #cdcdcd;
	border-radius: 4px;
	padding: 8px 6px;
}

.menu-header-language .header_content_right .dropdown-content a{
	padding-left: 10px;
	margin-bottom: 15px;
}

.menu-header-language .header_content_right .dropdown-content a:nth-child(1){
	padding-top: 15px;
}