/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 21 2024 | 08:30:57 */
/*reset*/
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
a {
  color: #7d6042;
  text-decoration: none;
}
/*ナビゲーションのスタイル*/
.header-nav {
  margin: 50px 5% 0;
}
.c-gnavWrap ul {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.c-gnavWrap ul li {
    font-size: 14px;
	font-weight: bold;
}
.c-gnavWrap ul li a {
  position: relative;
}
/*ホバーエフェクト*/
.c-gnavWrap ul li a::after {
  /*アンダーラインのスタイル*/
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #0034ff;
  bottom: 0px;
  left: 0;
  /*横方向0で非表示にする*/
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  /*中央を基点にアニメーション*/
  -webkit-transform-origin: center top;
  transform-origin: center top;
  /*アニメーションの速度設定*/
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.c-gnavWrap ul li a:hover::after {
  /*横方向等倍まで拡大*/
  transform: scale(1, 1);
}