@charset "utf-8";


/* ------------------------------------------
    HEADER(GLOBAL MENU)
------------------------------------------ */
.print-logo{display: none;}
#header {
  box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
  z-index: 999; /* 20200929 MOD : 99; */
  width: 100%;
  position: fixed; 
  top: 0;
  left: 0;
  background: #fff;
}
.top-nav {
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.top-nav li:first-child {
  margin-right: auto;
} 
.top-nav li a {
    margin-left: 1.0rem;
  border-radius: 5px;
    display: block;
   padding: 5px 15px;
    text-decoration: none;
}
.top-nav .logo {
    margin: 0;
    padding: 0;
    background-color: transparent;
    padding-top: 4px;
    width: 348px;
}
.btn-navy a{
    color: #202f55;
    font-size: 1.2rem;
    font-weight: bold;
    border: 1px solid #202f55;
}
.btn-navy a:hover{
    color: #ffffff;
    background-color: #202f55;
}
.btn-red a{
    color: #b33e5c;
    font-size: 1.2rem;
    font-weight: bold;
    border: 1px solid #b33e5c;
}
.btn-red a:hover{
    color: #ffffff;
    background-color: #b33e5c;
}
.btn-orange a{
    color: #d26900;
    font-size: 1.2rem;
    font-weight: bold;
    border: 1px solid #d26900;
}
.btn-orange a:hover{
    color: #ffffff;
    background-color:#d26900;
}
/* ----------------------960px -- */
@media (max-width: 960px) {
    header{position: fixed;}
    .mess-btn{display: none;}
    .top-nav .logo {
        position: absolute;
        top: 5px; left: 10px;
        background-color: transparent;
        padding-top: 0;
        width: 290px;z-index: 999;}
}
/* ----------------------960px -- */
#gNav a:hover {
  color: rgba(179,62,92,1.0);
}
nav li a{
  font-size: 1.4rem;
  letter-spacing: 0.2rem;
    color: #333333;
}
nav .sub-menu,.mean-container {
  background: #fff;
}
/* ----------------------960px -- */
@media only screen and ( max-width : 960px ) {
  #header {
    padding: 5px 0;
    height: 60px;
  }
  #gNav .nav {
    overflow-y: auto;
    height: 100vh;
  }
  .mean-nav .container {
    padding: 0;
  }
  nav li .fa {
    display: none;
  }
}
/* ----------------------960px -- */
@media print, screen and ( min-width : 961px ) {
#header {/* height: 120px;*/}
#h_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
  }
#h_top2 {
    display: flex;
    justify-content: /* space-between */flex-end;
    align-items: center;
  }

  #gNav ul {
    position: relative;
    display: flex;
  }
  #gNav li {
    position: relative;
    margin-right: 50px;
  }
  #gNav li:last-child {
    margin-right: 0;
  }
  #gNav li a {
    position: relative;
    display: block;
    text-align: center;
    line-height: 40px;
      font-size: 1.4rem;
  }
  #gNav .sub-menu {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    display: block;
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -120px;
    width: 240px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
      padding: 0;
  }
/* 20200717 ADD*/
    #gNav li:last-child ul.sub-menu{
        position: absolute;
        top: 40px;
        right: 0;
        left: auto;
        margin-left: 0;
    }
  #gNav .sub-menu a {
    display: block;
    border-bottom: none;
    padding: 10px 20px;
    line-height: 1.2em; 
  }
    #gNav .sub-menu li:first-child {
    border-top: 1px solid #ccc;
  }
  #gNav .sub-menu a:hover:after {
    content: none;
  }
  #gNav .sub-menu li {
    display: block;
    padding: 0;
    margin:0;
      position: relative;
      text-align: center;
      border-bottom: 1px solid #ccc;
  }
#gNav .sub-menu li span {
  display: block;
  font-size: 1.0rem;
text-align: center;
}
#gNav ul > li:hover {
    -webkit-transition: all .2s;
    transition: all .2s;
  }
#gNav .current-menu-item a ,#gNav .current-menu-parent a {
    color: rgba(179,62,92,1.0);
  }
.s-note{font-size: 1.2rem;line-height: 1.0;}

#gNav ul li a {
    color: #333;
}
  #gNav li:hover ul.sub-menu {
    top: 40px;
    visibility: visible;
    opacity: 1;
    z-index: : 9999;
      color: #333;/**/
  }
  #gNav li ul li:after {
    content: none;
  }

  #gNav .sub-menu li a:hover {
    background: #eee;
  }
    #gNav .sub-menu li span a:hover {
    background: #eee;
  }
  #gNav .contact_btn a:hover {
    color: #fff;
  }
}