@charset "UTF-8";
/* 全体 */
.navbar_default {
  width: 100%;
  /*
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	*/ }

/* ハンバーガーメニュー */
.navbar_hamburger {
  padding: 18px 24px 18px 24px;
  padding: 12px;
  position: relative;
  cursor: pointer;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.navbar_hamburger span {
  display: block;
  height: 2px;
  width: 26px;
  /* tsukada add */
  width: 16px;
  transition: 0.6s ease; }

.navbar_hamburger span::before {
  display: block;
  height: 2px;
  width: 26px;
  /* tsukada add */
  width: 16px;
  transition: 0.6s ease;
  content: '';
  position: absolute;
  margin-top: -10px;
  /* tsukada add */
  margin-top: -8px; }

.navbar_hamburger span::after {
  display: block;
  height: 2px;
  width: 26px;
  /* tsukada add */
  width: 16px;
  transition: 0.6s ease;
  content: '';
  position: absolute;
  margin-top: 10px;
  /* tsukada add */
  margin-top: 8px; }

.navbar_humburger_caption {
  display: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.navbar_checkbox:checked ~ .navbar_menu li .navbar_hamburger span {
  background-color: transparent; }

.navbar_checkbox:checked ~ .navbar_menu li .navbar_hamburger span::before, .navbar_checkbox:checked ~ .navbar_menu li .navbar_hamburger span::after {
  margin-top: 0; }

.navbar_checkbox:checked + .navbar_menu .navbar_hamburger_doublespin span::before {
  transform: rotate(225deg); }

.navbar_checkbox:checked + .navbar_menu .navbar_hamburger_doublespin span::after {
  transform: rotate(-225deg); }

.navbar_header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 58px;
  /* tsukada add */
  height: 40px; }

/* メニュー表示位置 */
.navbar_menu_left .navbar_navigation {
  justify-content: flex-start; }

.navbar_menu {
  min-height: 58px;
  transition: 0.6s ease;
  width: 100%; }

.navbar_menu a {
  height: 58px;
  text-decoration: none;
  color: inherit;
  cursor: pointer; }

.navbar_item {
  height: 58px;
  font-size: 1em;
  min-width: 200px; }

.navbar_item.disable {
  background-color: #CCCCCC;
  opacity: 0.9;
  color: #555555; }

.navbar_item.disable a {
  cursor: default; }

.navbar_item a {
  height: 58px;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  padding: 20px 30px 20px 30px;
  display: block;
  border-right: none;
  text-align: center; }

.navbar_navigation {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding-left: 0em;
  margin: 0; }

.navbar_checkbox {
  display: none; }

.navbar_checkbox:not(:checked) ~ .navbar_menu {
  overflow: hidden;
  height: 58px; }

.navbar_checkbox:checked ~ .navbar_menu {
  transition: height 0.6s ease;
  overflow: auto; }

.dropdown {
  position: relative;
  height: auto;
  min-height: 58px; }

.dropdown:hover > ul {
  position: relative;
  display: block;
  min-width: 100%; }

.dropdown > a::after {
  position: absolute;
  content: '';
  right: 10px;
  top: 25px;
  border-width: 5px 5px 0;
  border-color: transparent;
  border-style: solid; }

.dropdown > ul {
  display: block;
  list-style: none;
  padding: 0; }

.dropdown > ul .navbar_item {
  min-width: 100%;
  height: 2.5em;
  padding: 5px 10px 5px 40px; }

.dropdown > ul .navbar_item a {
  min-height: 2.1em;
  line-height: 2.1em;
  padding: 0;
  height: auto; }

.dropdown > ul .navbar_item:hover {
  box-shadow: none; }

/* メディアブレークポイント */
.navbar_navigation {
  flex-flow: row; }
.navbar_hamburger,
.navbar_humburger_caption {
  display: none; }
.navbar_checkbox:not(:checked) ~ .navbar_menu {
  overflow: visible; }
.navbar_checkbox:checked ~ .navbar_menu {
  overflow: visible; }
.navbar_menu .navbar_item {
  border-top: 0; }
.navbar_menu .navbar_item.login_status {
  display: none; }
.navbar_item.dropdown ul .navbar_item a {
  border-left: none; }
.dropdown {
  height: 58px; }
.dropdown:hover > ul {
  position: absolute;
  left: 0;
  top: 58px;
  padding: 0;
  z-index: 20001; }
.dropdown > ul {
  display: none; }
.dropdown > ul .navbar_item {
  padding: 5px 10px; }
.dropdown > ul .navbar_item a {
  white-space: nowrap; }

/* カラー */
.navbar_menu_light,
.navbar_menu_light .dropdown ul {
  background-color: #1a8353;
  color: #ffffff; }

.navbar_menu_light .active,
.navbar_menu_light .navbar_item:hover:not(.disable),
.navbar_menu_light .navbar_item a:focus:not(.disable),
.navbar_menu_light .navbar_header:hover:not(.disable),
.navbar_menu_light .navbar_header:focus:not(.disable) {
  background-color: #125939;
  color: #ffffff;
  transition-property: background-color, color, box-shadow;
  transition-duration: 200ms;
  outline: none; }

.navbar_menu_light .navbar_hamburger span,
.navbar_menu_light .navbar_hamburger span::before,
.navbar_menu_light .navbar_hamburger span::after {
  background-color: #ffffff; }