@charset "UTF-8";
/* ---------------------------- */
.bol {
  font-weight: bold;
}

.gy {
  color: #aaa;
}

.base-link-font {
  color: #252525;
}

.base-link-font-hover {
  text-decoration: none;
  color: #A52A2A;
}

.base-link {
  color: #A52A2A;
}

/* base font color*/
/* background color */
/*footer bg*/
.zen-kaku-gothic-new-light {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.zen-kaku-gothic-new-regular {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.zen-kaku-gothic-new-bold {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.zen-kaku-gothic-new-black {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
}

/* style.css */
/* -------------------- */
/* base
/* -------------------- */
li {
  list-style: none;
}

a {
  text-decoration: none;
  color: #fff;
}

img {
  width: 100%;
  vertical-align: bottom;
}

/* -------------------- */
/* header
/* -------------------- */
.site_title_header {
  /*background-color: #000;*/
  color: #000;
  min-height: 50px;
  padding: 0 120px;
  /*order-bottom:1px solid #000;*/
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* z-index: １;*/
}

.header-nav .menu {
  /* navの横並び */
  display: flex;
}

.header-nav ul.menu li.menu-item {
  list-style: none;
}

.header-nav ul.menu li.menu-item {
  /* メニューの右側に余白 */
  margin-right: 25px;
  font-weight: bold;
  font-size: 1.4rem;
  font-family: "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif;
}

.burger-btn {
  display: none;
}

/* global navi Link --*/
.header-nav ul.menu li.menu-item a:link,
.header-nav ul.menu li.menu-item a:visited {
  text-decoration: none;
  color: #d30461;
  /*color:#946525;*/
  text-shadow: 0px 0px 10px rgb(255, 255, 255), 0px 0px 10px rgb(255, 255, 255), 0px 0px 10px rgb(255, 255, 255), 0px 0px 10px rgb(255, 255, 255), 0px 0px 20px rgb(255, 255, 255), 0px 0px 20px rgb(255, 255, 255), 0px 0px 20px rgb(255, 255, 255);
}

.header-nav ul.menu li.menu-item a:hover {
  text-decoration: none;
  color: #fc1478;
  transition: all 0.5s 0s ease;
}

.header-nav ul.menu li.menu-item a:focus,
.header-nav ul.menu li.menu-item textarea:focus,
.header-nav ul.menu li.menu-item input:focus {
  outline: 1px solid #aaa;
}

.navi-sns {
  display: none;
}

@media screen and (max-width: 768px) {
  /* ------------------ */
  /* humberger-menu */
  /* ------------------ */
  /* //ハンバーガーメニュー追加　*/
  .burger-btn {
    display: block;
    width: 39px;
    height: 39px;
    position: relative;
    position: fixed;
    top: 5px;
    right: 5px;
    z-index: 100; /* メニューのlayer階層*/
    transform: translate3d(0, 0, 0);
    background-color: rgba(255, 255, 255, 0.5);
    border: none;
  }
  .bar {
    width: 20px;
    height: 2px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: #242424;
  }
  .bar_top {
    top: 10px;
  }
  .bar_mid {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .bar_bottom {
    bottom: 10px;
  }
  /* //ハンバーガーメニュー追加　*/
  /* ハンバーガーメニューバツじるし　*/
  .burger-btn.close .bar_top {
    transform: translate(-50%, 10px) rotate(45deg);
    transition: transform 0.3s;
  }
  .burger-btn.close .bar_mid {
    opacity: 0;
    transition: opacity 0.3s;
  }
  .burger-btn.close .bar_bottom {
    transform: translate(-50%, -8px) rotate(-45deg);
    transition: transform 0.3s;
  }
  /* mobile  background ------ */
  .nav-wrapper {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
  }
  div#navi .header-nav {
    width: 100vw; /*100%;*/
    height: 100vh; /* 100%*/
    background-color: #ffffff;
    z-index: 100;
  }
  .header-nav ul.menu {
    display: block;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 100;
    /*background-color:#000;*/
  }
  .header-nav ul.menu li.menu-item {
    margin-right: 0;
    margin-bottom: 20px;
    z-index: 15;
    font-weight: bold;
  }
  /* SNS ------ */
  .navi-sns {
    display: block;
    position: fixed;
    bottom: 60px;
    width: 100%;
    text-align: center;
  }
}