@media screen and (min-width: 992px){
	#menubar .menu-left, .menu-right, #account div{
		color:#333;
		width: 150px;
		height: 65px;
		line-height: 65px;
		margin-top:-7px;
		padding:0px 0px 0px 0px;
		float:left;
		text-align: center;
		font-size: 14px;
		font-weight:bold;
		background: #FFFFFF; /* #872434 #F9DD56 #CE84F8*/
		vertical-align: middle;
		font-family: helvetica, meiryo, "Godo";
	}

	.menu-right{
		float: right;
	}
	.menu a:hover, .menu-item font:hover, .dropdown-content a:hover {
		color:#a52a2a;
		font-weight: bold;
	}


	#account div{
		/* color:#fff; */
		width: 150px;
		height: 65px;
		line-height: 65px;
		padding:0px 0px 0px 0px;
		float:right;
		text-align: center;
		font-size: 14px;
		font-weight:bold;
		background: #FFFFFF;
		vertical-align: middle;
		font-family: helvetica, meiryo, "Godo";
	}
    #account.account-admin {
		margin-top:-64px;
    }

    #account.account-user {
		margin-top:-7px;
    }

	a {
		text-decoration:none;
	}


	/* unvisited link */
	a:link {
		color: #333; /* #872434 */
		text-decoration: none;
		background-color: unset;
	}

	/* visited link */
	a:visited {
		color: #333;
		text-decoration: none;
	}

	/* mouse over link */
	a:hover {
		color: #333;
		font-size:110%;
		/* background-color: unset; */
	}
	.menu-wrapper {
		position: relative;
		display: inline-block;
	}

	.menu-left {
		padding: 10px 20px;
		background-color: #f0f0f0;
		cursor: pointer;
		font-size: 16px;
	}

	.menu-left:hover {
		background-color: #e0e0e0;
	}

	.dropdown-content {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		background-color: #ffffff;
		min-width: 150px;
		box-shadow: 0 2px 6px rgba(0,0,0,0.2);
		border-radius: 4px;
		z-index: 999;
	}

	.menu-wrapper:hover .dropdown-content {
		display: block;
	}

	.dropdown-content a {
		display: block;
		padding: 10px 15px;
		color: #333;
		text-decoration: none;
		font-size: 16px;
	}

	.dropdown-content:hover{
		background-color: #ffffff !important;
	}
}

/* mobile */
.mobile-menu {
  display: none;
}

.mobile-dropdown {
    display: none;
    flex-direction: column;
    background-color: #ffffff;
    border-top: unset;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 1000;
    width: 250px;
    font-weight: bold;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.mobile-dropdown a {
  padding: 12px;
  text-decoration: none;
  color: #333;
  background: #fff;
}

#hamburger {
  font-size: 30px;
  cursor: pointer;
  padding: 10px;
  color: #872434;
}
.dropdown-submenu-mobile {
  display: none;
  padding-left: 15px;
}

.dropdown-submenu-mobile a {
  display: block;
  padding: 8px 16px;
  font-size: 14px;
  text-decoration: none;
}

/* Toggle */
.dropdown-toggle-mobile {
  padding: 12px;
  cursor: pointer;
  background-color: #ffffff;
  color: #333;
}
.dropdown-toggle-mobile.open .arrow-icon{
  transform: rotate(90deg);
}
.menu.active, .menu.active a, .mobile-dropdown a:hover, .dropdown-toggle-mobile:hover{
	color: #a52a2a !important;
	font-weight: bold;

}

.close-menu{
	background-color: #872434;
}

#close{
	background-color: #872434;
	padding: 12px;
    font-size: 20px;
    color: white;
	width: fit-content;
	cursor: pointer;
}

@media (max-width: 992px) {
  .large-screen {
    display: none;
  }

  .mobile-menu {
    display: block;
	float: right;
    padding-right: 30px;
  }
  #overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4); 
  z-index: 999;
}
}