/*** CORP COLORS ***/
:root {
  --main-better-light-green: #d1e8e0;
  --main-light-green: #baddd1;
  --main-green: #009260;
  --main-dark-green: #006844;
  --sub-light-gray: #f5f5f5;
  --sub-gray: #8a8a8a;
  --sub-dark-gray: #828282;
  /* --sub-black: #000000; */

  --bg-light-gray: #eaeaea;
  --bg-gray: #828282;
  /* --text-light-gray: #4b4b4b; */
  --text-gray: #333333;
  --text-light-gray: #666666;

  --border-gray: #333333;
}
/** CORP BG COLORS **/
.bg_able_main_green {
  background-color: #009260 !important;
}
.bg_able_light_green {
  background-color: #baddd1 !important;
}

/** CORP TEXT COLORS **/
.text_able_main_green {
  color: #009260 !important;
}

/** CORP BORDER COLORS **/
.border_able_main_green {
  border-color: #009260 !important;
}

/*** HTML ***/
html {
  font-size: 16px;
}

/*** BODY ***/
body {
  font-family: 'Roboto', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'sans-serif' !important;
}

/*** HEADER ***/
header {
  /* border-top: 2px solid #009260; */
  border-bottom: 1px solid #baddd1;
}

/** BGL NAVIGATION **/
/* BGL MYPAGE TOP NAVIGATION */
.navbar .mypage_top_nav_link {
  width: 150px;
  height: 150px;
  margin: auto;
  background-color: #d1e8e0;
  border: 1px solid #009260;
  border-radius: 1rem;
  color: #333333 !important;
}
.navbar .mypage_top_nav_link .mypage_top_nav_link_header {
  padding: 0.5rem 0 1rem 0;
}
.navbar .mypage_top_nav_link i {
  font-size: 3rem;
}

/* BGL MYPAGE NAVIGATION */
.navbar .navbar-toggler.mypage_navbar_toggler {
  width: 100%;
  margin: 0 auto 0 auto;
  padding: 0.5rem 0 0.5rem 0;
  border: 1px solid #333333;
  border-bottom: none;
  border-radius: 0.25rem 0.25rem 0 0;
  background-color: #009260;
  color: white;
  font-weight: bold;
}

.nav-item.mypage_nav_item:not(:nth-last-child(1)) {
  border-bottom: 1px solid #baddd1;
}
.navbar .navbar-nav .nav-item .nav-link.mypage_nav_link {
  color: #009260;
}
.navbar .navbar-nav .nav-item .nav-link.mypage_nav_link.active {
  font-weight: bold;
  background-color: #baddd1;
}

/** BGL NAVIGATION-MD **/
/* BGL MYPAGE NAVIGATION-MD */
@media (min-width: 768px) {
  .nav-item.mypage_nav_item {
    border-radius: 0.25rem 0.25rem 0 0;
    background-color: #009260;
    border-bottom: 1px solid #baddd1;
  }
  .navbar .navbar-nav .nav-item .nav-link.mypage_nav_link {
    border: 1px solid #333333;
    border-bottom: 0;
    border-radius: 0.25rem 0.25rem 0 0;
    background-color: #009260;
    padding: 0.5rem 0 0.5rem 0;
    color: white;
  }
  .navbar .navbar-nav .nav-item .nav-link.mypage_nav_link.active {
    background-color: white;
    color: #333333;
  }
  .navbar .navbar-nav .nav-item .nav-link.mypage_nav_link.active i {
    color: #009260;
  }
}

/** BCL MYPAGE NAVIGATION (IE ONLY) **/
@media all and (-ms-high-contrast: none) {
  body > header > nav.navbar.navbar-light.shadow-none.d-none.d-md-flex > div > div {
    width: 100%;
  }
}

/*** FOOTER ***/
footer {
  background-color: #006844;
}
footer .container {
  opacity: 0.8;
}

/*** MAIN ***/
main {
  background-color: #d1e8e0;
}
main.white {
  background-color: white;
}

/** Container **/
main > .container {
  background-color: white;
}

/* Alert */
#alertArea {
  position: fixed;
  top: 3rem;
  left: 0;
  right: 0;
  opacity: 0.9;
  margin-left: auto;
  margin-right: auto;
  z-index: 2000;
}
#alertArea > .alert {
}

/* Card */
.card .card-body .card-text {
  color: #333333;
}

/* Button */
.btn.btn-sm {
  font-size: 0.75rem;
}

.btn.btn-outline-light {
  border-color: #8a8a8a !important;
  color: #8a8a8a !important;
}

/* Logo */
/* .enjoy_logo_title {
  height: 70px;
} */