@charset "UTF-8";
/*--------------------*/
/*menu-styles.scss*/
/*--------------------*/
/*header*/
#globalHeader #logo {
  background-image: url("../../../../edcl/images/v1905/logoEDIST_darkgrey_2.png") !important; }

#btn_header_login_sp {
  width: auto !important; }

/*HEADER*/
.header_animation {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  height: 60px;
  width: 45px;
  padding: 0; }
  .header_animation .burger {
    display: block;
    position: absolute;
    height: 60px;
    width: 45px;
    background: url("../../../../edcl/images/btn_2.png");
    background-position: top 40% left 10px;
    background-repeat: no-repeat; }

.header_animation_top {
  height: 16vw;
  width: 12vw; }
  .header_animation_top .burger_white {
    background-image: url("../../../../edcl/images/v1905/icon-menu_2.png");
    background-position: top 50% left 2vw;
    background-size: 2.1rem;
    background-repeat: no-repeat;
    height: 16vw;
    width: 12vw; }

/*NAV-SECTION*/
.SlideIn {
  top: 0 !important;
  left: 0 !important; }

.SlideUnder {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.5); }

#nav-section_SP {
  float: left;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  /*normalize custom*/
  /*--ARROW-R--*/
  /*--END ARROW-R--*/ }
  #nav-section_SP ul,
  #nav-section_SP li,
  #nav-section_SP h2,
  #nav-section_SP h3,
  #nav-section_SP section,
  #nav-section_SP div,
  #nav-section_SP span,
  #nav-section_SP a {
    color: #3a3a3a;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    font-weight: normal;
    text-decoration: none;
    list-style: none; }
  #nav-section_SP a:link,
  #nav-section_SP a:visited,
  #nav-section_SP a:hover,
  #nav-section_SP a:active {
    text-decoration: none; }
  #nav-section_SP .arrow-r {
    position: relative; }
  #nav-section_SP .arrow-r::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4%;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 2vw;
    height: 2vw;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  #nav-section_SP .arrow-r_large::after {
    width: 4vw;
    height: 4vw;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc; }
  #nav-section_SP .menu-panel {
    float: left;
    width: 75%;
    height: 100%;
    margin-right: 20%;
    overflow: scroll;
    -webkit-transition: left 400ms ease 0s;
    transition: left 400ms ease 0s;
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 999;
    background-color: #fff; }
  #nav-section_SP .menu-panel::-webkit-scrollbar {
    display: none; }
  #nav-section_SP .drawer-nav_header {
    float: left;
    z-index: 5;
    position: fixed;
    top: 0;
    width: 75%;
    height: 20vw;
    line-height: 20vw;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: -2px 0 5px rgba(75, 75, 75, 0.2);
    box-shadow: -2px 0 5px rgba(75, 75, 75, 0.2);
    background-image: url("../../../../edcl/images/v1905/logoEDIST_darkgrey_2.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 8vw; }
    #nav-section_SP .drawer-nav_header .backonPanel {
      width: 12.8vw;
      height: 12.8vw;
      line-height: 12.8vw;
      position: absolute;
      left: 0;
      background-image: url("../../../../edcl/images/v1905/icon-close_2.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 8vw; }
    #nav-section_SP .drawer-nav_header a {
      height: 20vw;
      width: calc(100% - 32vw);
      margin: 0 16vw;
      position: absolute;
      right: 0; }
  #nav-section_SP .drawer-nav {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: 20vw; }
  #nav-section_SP .drawer-nav section {
    /*--ページ見出し　グレーh2--*/ }
    #nav-section_SP .drawer-nav section .blueback_h2 {
      background-color: #203694;
      height: 6.4vw;
      line-height: 6.4vw;
      text-indent: 1em;
      font-size: 3.2vw;
      text-align: left;
      color: #fff; }
    #nav-section_SP .drawer-nav section .greyback_h3 {
      background-color: #ddd;
      height: 6.4vw;
      line-height: 6.4vw;
      text-indent: 1em;
      font-size: 3.2vw;
      text-align: left;
      border-top: solid 0.5px #ddd;
      border-bottom: solid 0.5px #ddd; }
    #nav-section_SP .drawer-nav section ul.drawer-nav_list li {
      height: 12.8vw;
      background-color: #fff;
      border-top: 1px solid #ddd; }
      #nav-section_SP .drawer-nav section ul.drawer-nav_list li:first-child {
        border-top: none; }
      #nav-section_SP .drawer-nav section ul.drawer-nav_list li a {
        height: 12.8vw;
        line-height: 12.8vw;
        text-indent: 4vw;
        font-size: 3.2vw; }
  @media screen and (min-width: 500px) {
    #nav-section_SP .drawer-nav_header {
      height: 100px;
      line-height: 100px;
      background-size: auto 40px; }
      #nav-section_SP .drawer-nav_header .backonPanel {
        width: 64px;
        height: 64px;
        line-height: 64px;
        background-size: 40px; }
      #nav-section_SP .drawer-nav_header a {
        height: 100px;
        width: 215px;
        margin: 0 calc((100% - 215px) / 2); }
    #nav-section_SP .drawer-nav {
      margin-top: 100px; }
    #nav-section_SP .drawer-nav section {
      /*--ページ見出し　グレーh2--*/ }
      #nav-section_SP .drawer-nav section .blueback_h2,
      #nav-section_SP .drawer-nav section .greyback_h3 {
        height: 32px;
        line-height: 32px;
        ttext-indent: 20px;
        font-size: 16px; }
      #nav-section_SP .drawer-nav section ul.drawer-nav_list li {
        height: 64px; }
        #nav-section_SP .drawer-nav section ul.drawer-nav_list li a {
          height: 64px;
          line-height: 64px;
          text-indent: 20px;
          font-size: 16px; } }
  #nav-section_SP li.incampaign {
    overflow: hidden; }
    #nav-section_SP li.incampaign span:first-child {
      width: auto;
      float: left; }
    #nav-section_SP li.incampaign span:last-child {
      color: #bb1623;
      width: auto;
      float: left;
      font-weight: bold;
      text-indent: 1.2vw;
      font-size: 3.2vw; }