/* メニューを横並びにする */
nav ul {
  display: flex;
/*  justify-content: center;*/
}

/* ２階層目 以降のメニューは縦並びにする */
nav ul ul {
  display: block;
}
/* liを下層メニューのulや矢印の基点にする */
nav ul li {
  position: relative;
}



.langfonts{
font-size: 11px;
  color: #b88d6a !important;
}


/* ２階層目を持つliに矢印を設定する */
nav ul li.parent::before {
  content: "";
  position: absolute;
  right: -5%;
  top: 12px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #b88d6a;
  border-right: 2px solid #b88d6a;
  transform: rotate(135deg);
}


/* ２・３階層目 共通設定 */
nav li.parent ul {
  /* 位置指定 */
  position: absolute;
  top: 40px;
  /* デザイン指定 */
  background-color: #F2EDE7;
  width: 100px;
  /* 最初は非表示にする */
  visibility: hidden;
 opacity: 0;	
  /* アニメーション */
  transition: all 0.3s;
}

nav li.parent ul li{
font-size: 90%!important;
padding-top: 1%;
padding-bottom: 1%;
}




/* hoverしたら表示する */
nav li.parent:hover > ul,
nav li.parent ul li:hover > ul,
nav li.parent:active > ul,
nav li.parent ul li:active > ul {
   visibility: visible;
  opacity: 1;
}


/* 下層メニューのaタグのデザイン */
nav li.parent ul li a {
font-size: 98%!important;
padding-bottom: 10px;
/*border-bottom: dotted 1px #D9D0C6;*/
}

nav li.parent ul li:last-child > a {
  border-bottom: none;
}

nav li.parent ul li a:hover,
nav li.parent ul li a:active {
 transition: all 0.3s;
}