@charset "utf-8";

#gHeader{width: 100%; position: fixed; top: 0;z-index: 55; height: 80px;
background: #fff;
   transition: all 0.5s ease;
}

#gHeader >.inner{ width: 1000px; margin: 0 auto; height: 80px; position: relative;  }

#gHeader h1{
font-size: 20px;
  font-family: "Shippori Mincho", serif;letter-spacing: 0.05em;
  font-weight: 400;
  font-style: normal;

 position: absolute;
 top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

#gHeader h1 a{ color: #333;}


@media(max-width:750px){

#gHeader >.inner{ width: auto;}

#gHeader{height: 120px;}
#gHeader h1{padding-left: 20px;}

#gHeader >.inner{ width: auto; height: 120px; position: relative;  }

#gHeader h1{
font-size: 28px;
  font-family: "Shippori Mincho", serif;letter-spacing: 0.05em;
  font-weight: 400;
  font-style: normal;

 position: absolute;
 top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
}






.gMenu {
 position: absolute;

right: 60px;
width: calc(100% - 270px);
}




.gMenu ul{
position: absolute;
height: 80px;
width:100%;
  display: flex;
  justify-content: flex-end; /* 全体を右寄せ */
gap: 6px;
}
.gMenu ul li{ display: block; letter-spacing: 0.05em; font-weight: 400; line-height: 1em; position: relative;
  display: flex;
  align-items: center; /* 縦中央 */
font-size: 13px;
zoom:1;
transform: scale(1);
  -webkit-font-smoothing: antialiased;

}

.gMenu ul li a,
.gMenu ul li span{ color: #333; font-family: sans-serif;
height: 100%;
  display: flex;
  align-items: center; /* 縦中央 */
cursor: pointer;

}
.gMenu ul li span:hover{opacity: 0.8;}


/* 初期状態 */
.gMenu ul li .gSubMenu {
  position: absolute;
  top: 80px;
  width: 400px;
  padding: 20px;
  box-sizing: border-box;
  background: #eee;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transition: opacity 0.2s ease;
}

/* liにhoverしている間は表示 */
.gMenu ul li:hover .gSubMenu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}



.gMenu ul li .gSubMenu a{ position: relative; padding-left: 15px; padding-right: 90px; line-height: 1.4em;}
.gMenu ul li .gSubMenu a::before {
  content: '';
  width: 3px;
  height: 3px;
  border: 0;
  border-top: solid 1px #333;
  border-right: solid 1px #333;
  transform: rotate(45deg);
  position: absolute;
  top: 4px;
  left: 0;
  bottom: 0;
  margin: auto;
}


.gMenu ul li .gSubMenu a span span{ 
position:absolute;line-height: 1em;padding:3px 0 5px;vertical-align: baseline; right: 0; top: 0; 
width:70px;text-align: center;  color: #fff; border-radius: 4px; display: block; font-size: 12px; height: auto;}

span.kaisaiYotei{ background-color: #87752c;}
span.kaisaiChu{ background-color: #3481a5;}
span.kaisaiShuryo{ background-color: #6a6a6a;}

.gMenu ul li p{margin-bottom: 10px;}

.langList{ }
.langList div{background: #ddd;padding: 0.5em; width: 70px; text-align: center;display: flex;margin-left: 10px;
  flex-wrap: wrap;
  justify-content: center;
border-radius: 5px;
font-size: 11px;}
.langList a{}
.langList a.now{ font-weight: bold;}


@media(max-width:750px){
.gMenu{ display: none;}

}

.langChange a{
position: absolute;
right: 140px;
top: 38px;
color: #333;
background: #ddd;padding: 10px;line-height: 1em;
border-radius: 4px;
font-weight: bold;
}

@media(min-width:751px){
.langChange{display: none;}
}