@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* 約物半角 */
@font-face {
  font-family: 'YakuHanJP';
  font-weight: lighter;
  src: url("../fonts/YakuHanJP-Light.woff2") format("woff2"), url("../fonts/YakuHanJP-Light.woff") format("woff"); }
@font-face {
  font-family: 'YakuHanJP';
  font-weight: normal;
  src: url("../fonts/YakuHanJP-Regular.woff2") format("woff2"), url("../fonts/YakuHanJP-Regular.woff") format("woff"); }
@font-face {
  font-family: 'YakuHanJP';
  font-weight: bold;
  src: url("../fonts/YakuHanJP-Bold.woff2") format("woff2"), url("../fonts/YakuHanJP-Bold.woff") format("woff"); }
@font-face {
  font-family: 'YakuHanMP';
  font-weight: lighter;
  src: url("../fonts/YakuHanMP-Light.woff2") format("woff2"), url("../fonts/YakuHanMP-Light.woff") format("woff"); }
@font-face {
  font-family: 'YakuHanMP';
  font-weight: normal;
  src: url("../fonts/YakuHanMP-Regular.woff2") format("woff2"), url("../fonts/YakuHanMP-Regular.woff") format("woff"); }
@font-face {
  font-family: 'YakuHanMP';
  font-weight: bold;
  src: url("../fonts/YakuHanMP-Bold.woff2") format("woff2"), url("../fonts/YakuHanMP-Bold.woff") format("woff"); }
/* --------------------------------------------------------

                         nav

-------------------------------------------------------- */
#grobalNav, footer {
  display: none; }

/* -------------------------------
　PCのみの設定
------------------------------- */
@media print, screen and (min-width: 751px) {
  .drawer-hamburger {
    display: none !important; }

  .drawer-nav {
    top: auto !important;
    background: none !important;
    position: relative !important; }

  /* gNav*/
  nav#grobalNav {
    position: relative;
    z-index: 100; }

  #grobalNav, .drawer-nav, .drawer-nav ul {
    height: 100%; }

  .drawer-nav {
    /*position: relative;*/
    overflow: visible;
    color: inherit !important; }
    .drawer-nav ul.drawer-menu {
      display: flex;
      justify-content: center;
      align-items: center;
      *zoom: 1; }
      .drawer-nav ul.drawer-menu::before, .drawer-nav ul.drawer-menu::after {
        content: "";
        display: table; }
      .drawer-nav ul.drawer-menu::after {
        clear: both; }
      .drawer-nav ul.drawer-menu li {
        height: 100%;
        white-space: nowrap;
        position: relative;
        letter-spacing: 0.075em;
        font-size: 0.8125rem;
        line-height: 1.4625rem;
        /* 広がるように */ }
        .drawer-nav ul.drawer-menu li a {
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 15px 15px;
          color: inherit; }
        .drawer-nav ul.drawer-menu li a:hover {
          color: #4169e1; }
        .drawer-nav ul.drawer-menu li::before {
          content: "";
          width: 0%;
          height: 1px;
          background: #17359a;
          position: absolute;
          bottom: 0px;
          left: 0;
          right: 0;
          margin: auto;
          transition: 0.25s; }
        .drawer-nav ul.drawer-menu li ul {
          z-index: 9999;
          top: calc(100% -10px);
          padding: 0;
          width: 180px !important;
          line-height: 1.8;
          background: rgba(255, 255, 255, 0.9) !important;
          position: absolute;
          left: -100%;
          right: -100%;
          margin: auto !important;
          height: auto;
          display: flex;
          flex-direction: column;
          flex-wrap: wrap; }
          .drawer-nav ul.drawer-menu li ul li {
            width: 100% !important;
            position: relative;
            font-size: 13px;
            text-indent: 0px;
            white-space: nowrap;
            letter-spacing: 0.0em; }
            .drawer-nav ul.drawer-menu li ul li::before {
              content: none; }
            .drawer-nav ul.drawer-menu li ul li a {
              width: 100%;
              display: block;
              box-sizing: border-box;
              padding: 10px 0px  !important;
              background: rgba(189, 183, 107, 0.1); }
              .drawer-nav ul.drawer-menu li ul li a::after {
                top: calc(100% - 2px) !important; }
            .drawer-nav ul.drawer-menu li ul li a:hover {
              text-decoration: none;
              /*opacity:0.6;*/
              color: #4169e1;
              background: rgba(189, 183, 107, 0.2); }
            .drawer-nav ul.drawer-menu li ul li::before, .drawer-nav ul.drawer-menu li ul li::after, .drawer-nav ul.drawer-menu li ul li a:after {
              content: none !important; }
        .drawer-nav ul.drawer-menu li:hover ul {
          /* padding:10px 15px 10px;*/
          box-sizing: border-box;
          width: 100%;
          /*-webkit-box-shadow:inset 0px 0px 7px rgba(0,0,0,0.075); -moz-box-shadow:inset 0px 0px 7px rgba(0,0,0,0.075); box-shadow:inset 0px 0px 7px rgba(0,0,0,0.075);*/ }
        .drawer-nav ul.drawer-menu li ul li {
          overflow: hidden;
          height: 0;
          transition: .25s;
          opacity: 0; }
        .drawer-nav ul.drawer-menu li:hover ul li {
          overflow: visible;
          height: 42px;
          opacity: 1; } }
/* -------------------------------
  スマホ向け設定
------------------------------- */
@media only screen and (max-width: 750px) {
  /* スマホドロワーメニュー */
  .drawer-hamburger {
    width: 30px !important;
    padding: 8px 8px 18px !important;
    top: 1.0% !important;
    right: 2.5% !important; }

  .drawer-toggle .drawer-hamburger-icon {
    background-color: #4169e1; }
    .drawer-toggle .drawer-hamburger-icon:before, .drawer-toggle .drawer-hamburger-icon::after {
      background-color: #4169e1; }
    .drawer-toggle .drawer-hamburger-icon::after {
      top: 8px !important; }
    .drawer-toggle .drawer-hamburger-icon::before {
      top: -8px !important; }
  .drawer-toggle small {
    font-family: "Roboto", sans-serif;
    color: #4169e1;
    font-size: 0.625rem;
    line-height: 0.625rem;
    white-space: nowrap;
    display: block;
    margin-top: 14px; }

  .drawer-open .drawer-hamburger-icon {
    background-color: transparent; }
    .drawer-open .drawer-hamburger-icon::before, .drawer-open .drawer-hamburger-icon::after {
      top: 0 !important; }

  .drawer-nav {
    z-index: 100;
    height: 0;
    padding: 0px 0 0; }
    .drawer-nav .drawer-menu {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .drawer-nav .drawer-menu li {
        font-size: 0.875rem;
        line-height: 1.575rem;
        width: 50%; }
        .drawer-nav .drawer-menu li a {
          display: block;
          padding: 6px 0; }

  .drawer-open .drawer-nav {
    height: calc(100vh - 50px) !important;
    top: 50px !important;
    transition: 0.5s; }

  .drawer-close .drawer-nav {
    transition: 0.5s; } }