@charset "utf-8";
  nav{
width: 70%;
text-align: center;
padding-left: 5em;
}
@media screen and (max-width:1500px){
nav{
width: 80%;
padding-left: 0;
}
}
nav ul{
margin: 0!important;
padding: 0!important;
} nav ul{
list-style: none;
display: flex;
align-items:center;
justify-content: space-around;
} nav ul ul{
display: block;
} nav ul li{
position: relative;
width: 100%;
height: 100%;
} nav ul li{
display: block;
text-decoration: none; transition:all .3s;
line-height: 5;
}
nav ul li a{
color: #2D2D2D;
font-size: 16px;
letter-spacing: .05em;
}
@media screen and (max-width:1400px){
nav ul li a{
font-size: 16px;
}
}
nav ul li li{
line-height: 1;
}
nav ul li li a{
color: #fff;
display: block;
}
.reseve{
background: #538e79;
}
.reseve:hover{
background: #CBC293;
transition: .5s;
}
.reseve a,.reseve a:hover{
color: #fff;
}
nav ul li:hover{
color:#538e79;
}
nav ul li a:hover{
color:#538e79;	
}
nav ul li ul li a:hover{
color:#fff;	
}  nav ul li.has-child > a{
padding-left: 10px;
}
@media screen and (min-width:1025px){
.click-none{
pointer-events: none!important;
}
}
@media screen and (max-width:1100px){
nav ul li.has-child > a{
padding-left: 0;
}
}
nav ul li.has-child::before{
content:'';
position: absolute;
top:34px;
width:6px;
height:6px;
border-top: 2px solid #999;
border-right:2px solid #999;
transform: rotate(135deg);
} nav ul ul li.has-child::before{
content:'';
position: absolute;
left:6px;
top:20px;
width:6px;
height:6px;
border-top: 2px solid #fff;
border-right:2px solid #fff;
transform: rotate(45deg);
}  nav li.has-child ul{ position: absolute;
left:0;
top:80px;
z-index: 4; background:#538e79;
width:180px; visibility: hidden;
opacity: 0; transition: all .3s;
}
nav li.has-child ul li{
padding: 0;
}
nav li.has-child ul a{
padding: 14px;
} nav li.has-child:hover > ul,
nav li.has-child ul li:hover > ul,
nav li.has-child:active > ul,
nav li.has-child ul li:active > ul{
visibility: visible;
opacity: 1;
} nav li.has-child ul li{
color: #fff;
border-bottom:solid 1px rgba(255,255,255,0.6);
}
nav li.has-child ul li:last-child{
border-bottom:none;
}
nav li.has-child ul li:hover,
nav li.has-child ul li:active{
background:#CCCC7F;
}  nav li.has-child ul ul{
top:0;
left:182px;
background:#6C8E44;
}
nav li.has-child ul ul li a:hover,
nav li.has-child ul ul li a:active{
background:#ACB853;
} @media screen and (max-width:1100px){
nav{
padding: 0;
}
nav ul{
display: block;
}
nav li.has-child ul,
nav li.has-child ul ul{
position: relative;
left:0;
top:10px;
width:100%;
visibility:visible; opacity:1; display: none; transition:none; }
nav ul li{
border-bottom:1px solid #ccc;
padding: 10px 0;
line-height: 1.5;
} nav ul li.has-child::before{
left:20px;	
top: 22px;
}
nav ul ul li.has-child::before{
transform: rotate(135deg);
left:20px;
}
nav ul li.has-child.active::before{
transform: rotate(-45deg);
}
} h1{
font-size:10px!important;
margin: 0 0 4px!important;
color: #878787;
}
@media only screen and (max-width: 1100px) {
nav{
background:none;
width: 100%;
}
#g-nav{
position: absolute;
top:66px;
right: -120%;
padding: 0 20px 150px;
height: 100vh;
transition: all 0.6s;
background-color: rgba(255,255,255,1);
width: 250px;
z-index: 99999!important;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
#g-nav.panelactive{
right: 0;
}
#g-nav{
background-color: rgba(255,255,255,0.9);
}
}
.logo{
width:340px;
text-align: left;
padding-left: 3em;
}
@media only screen and (max-width: 1500px) {
.logo{
width: 20%;
}
}
@media only screen and (max-width: 1100px) {
.logo{
width: 100%;
position: absolute;
top: 4px;
left: 8px;
z-index: 100;
padding-left: 0;
}
}
@media only screen and (max-width: 1100px) {
.logo img{
max-width: 220px;
}
}
.h_navw{
display: flex;
align-items:center;
justify-content: space-between;
margin: 0!important;
width: 100%;
height: 100%;
}
@media only screen and (min-width: 1025px) {
.boxshadow{
background:rgba(255,255,255,0.84);
box-shadow: 0 2px 10px 0 rgba(45,45,45,0.36);
}
}
@media only screen and (max-width: 1100px) {
.h_navw{
flex-direction: column;
align-items:center;
padding: 0;
}
}
.snsb{display: none;}
@media only screen and (max-width: 480px) {
.snsb{ 
right: 0;
bottom: 100px;
display: block;
width: 40px;
z-index: 9999;}
}