@charset "UTF-8";


/*---------------------
CSS-MENU
--------------------*/
#main-nav-wrap{

}
#main-nav {
    display: flex;
    margin: 0;
    padding: 0;
    align-items: center;
	flex-wrap: wrap;
}
#main-nav > li {
    display: flex;
    padding: 0;
    margin: 0;
    position: relative;
margin: 5px 0px; 
}
#main-nav > li >a {
	font-size: 18px;
    line-height: 24px;
    color: #2d2d2d;
    padding: 0px 10px;
    text-decoration: none;
}

body #main-nav .current-menu-item a, body #main-nav .current_page_item a {
	background-color: transparent;
    border-radius: 0px;
}




#main-nav > li:last-child{
}
#main-nav > li > a:before{
}
#main-nav > li > a:hover:before{
}
#main-nav > li > a:hover{
	color:#ea5a9b;
}


/* -------
menu edit
---------*/

#main-nav > li.nav00{
   display:none;
}
#main-nav > li.nav01 > a{
 
}
#main-nav > li.nav02 > a{
 
}
#main-nav > li.nav03 > a{
 
}
#main-nav > li.nav04 > a{
 
}
#main-nav > li.nav05 > a{
 
}
#main-nav > li.nav06 > a{
 
}
#main-nav > li:last-child a{
    padding-right:0;
}
/*menu hover*/
#main-nav > li.nav01 > a:hover{
 
}
#main-nav > li.nav02 > a:hover{
 
}
#main-nav > li.nav03 > a:hover{
 
}
#main-nav > li.nav04 > a:hover{
 
}
#main-nav > li.nav05 > a:hover{
 
}
#main-nav > li.nav06 > a:hover{
 
}

/* -------
menu sub
---------*/
#main-nav .menu-item-has-children{
}
#main-nav  li .sub-menu{
    z-index:9;
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100px;
    width: 150%;
    transform: translateX(25%);
	box-shadow:none;
}
#main-nav  li .sub-menu li{
    list-style: none;
    margin: 0;
    padding: 0;
}
#main-nav  li .sub-menu li a{
    display: block;
    text-align: center;
    padding: 10px 10px;
    color: #4d4d4d;
    font-size: 14px;
    background-color: #f7f7f7;
    line-height: 40px;  
}
#main-nav  li .sub-menu li a:hover{
 
}
/*sub hover*/
#main-nav > li:hover .sub-menu{
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    width: 150%;
    transform: translateX(-14%);
}

/* ----------------
 css-MENU
---------------- */







/* ----------------
 css-Mobile
---------------- */

#s-menu-button {
	z-index: 99999999;
    position: static;
    right: 0;
    top: 0;
	width: 48px;
	height: 48px;
	display:none;
}



#s-menu-button:has(.is-active){
	position:fixed;
}



#menu-button-1{
  visibility:hidden;
  opacity:0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  position:absolute;
  top:0;
  right:0;
  transition: all 0.3s;
}
#menu-button-1.nav-on {
  visibility:visible;
  opacity:1;
}
#menu-button-1 .ham-lines {
  position: relative;
  margin: 0 auto;
  width: 32px;
  height: 32px;
}
#menu-button-1 .ham-lines span,
#menu-button-1 .ham-lines::before,
#menu-button-1 .ham-lines::after {
  position: absolute;
  display: block;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 28px;
  height: 2px;
  background-color: #111;
  border-radius: 1px;
}
#menu-button-1 .ham-lines span {
  bottom: 15px;
  transition: all .25s .25s;
  opacity: 1;
}
#menu-button-1 .ham-lines::before,
#menu-button-1 .ham-lines::after {
  content: "";
}
#menu-button-1 .ham-lines::before{
  bottom: 24px;
  animation: menu-bar01 .75s forwards;
}
#menu-button-1 .ham-lines::after {
  bottom: 6px;
  animation: menu-bar03 .75s forwards;
}
#menu-button-1 .ham-text {
  font-size: 12px;
  line-height: 1;
}
#menu-button-1.is-active .ham-lines span {
  opacity: 0;
}
#menu-button-1.is-active .ham-lines::before {
  animation: active-menu-bar01 .5s forwards;
}
#menu-button-1.is-active .ham-lines::after {
  animation: active-menu-bar03 .5s forwards;
}
@keyframes menu-bar01 {
  0% {
    transform: translateY(9px) rotate(45deg);
  }
  50% {
    transform: translateY(9px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
@keyframes menu-bar03 {
  0% {
    transform: translateY(-9px) rotate(-45deg);
  }
  50% {
    transform: translateY(-9px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
@keyframes active-menu-bar01 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(9px) rotate(0);
  }
  100% {
    transform: translateY(9px) rotate(45deg);
  }
}
@keyframes active-menu-bar03 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-9px) rotate(0);
  }
  100% {
    transform: translateY(-9px) rotate(-45deg);
  }
}


#main-nav-wrap.nav-off {
  position: fixed;
  z-index: 700;
  top: 0;
  left: -100vw;
  right: auto;
  bottom: auto;
  overflow-y: auto;
  background-color: #f1f1f1;
  display:block;
  width: 100vw;
  height: 100vh;
  transition: .3s linear;
}
#main-nav-wrap.is-active{
  left: 0;  
}
@media screen and (max-width: 1024px) { /* mobile visibility changes for max-width */
  #menu-button-1{
    visibility:visible;
    opacity:1;
  }
}






/*s-menu-sp*/
#s-menu-sp {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: fixed;
    transition: all 0.3s;
    top: 0;
	left:-100px;
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
    overflow: auto;
    z-index: 888;
    display: none;
    transition: all 0.3s;
    opacity: 0;	
}

#s-menu-sp.is-active {
    display: flex;
	opacity:1;
	left:0px;
}

#s-menu-sp-inner {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: auto;
}
#s-menu-sp ul li a{
	touch-action: auto;
}

/* ----------------
 end css-Mobile
---------------- */





/*---------------------------
 * -@939@
 * ------------------------*/

@media screen and (max-width: 939px){
body .social-widget {
	padding: 0;
}

#s-menu-header {
    display: none;
    overflow: hidden;
}


body .mobile-button {
    display: none;
}	
	
	
/*menu mobile*/	
#s-menu-button {
	display:flex;
}	
body #main-nav-wrap {
     display: none;
} 
body #main-nav-wrap.is-active {
	display:flex;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
	background: none;
    background-color: #ccc;
    overflow: auto;	
}   
body #main-nav-wrap.is-active #main-nav{  
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding-top: 100px;
	width: 100%;
	height: 100vh;
	overflow: auto;
	flex-wrap: nowrap;
	padding-bottom: 50px;
	background-color: transparent;
	box-shadow: none;
}
body #main-nav-wrap.is-active #main-nav li {
    flex-direction: column;
    width: 100%;
    padding: 0px 20px;
    display: flex;
    box-sizing: border-box;
}   
  
body #main-nav-wrap.is-active #main-nav li a {
    border: 0;
    font-style: normal;
    font-size: 20px;
    color: white;
    background: none;
    text-indent: 0;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    box-sizing: border-box;
} 
  
body #main-nav-wrap.is-active #main-nav .current_page_item a, 
body #main-nav-wrap.is-active #main-nav .current-menu-item a {

}

	
body #main-nav-wrap.is-active #main-nav li .sub-menu {
    display: flex;
    width: 100%;
    transform: unset;
    position: static;
    flex-direction: column;
}	
	
body #main-nav-wrap.is-active #main-nav li .sub-menu li {

}		
body #main-nav-wrap.is-active #main-nav li .sub-menu li a{
        background-color: transparent;
        padding: 0;
        font-size: 14px;
        color: #999;
        text-decoration: none;
        line-height: 32px;
}		
	
#menu-button-1 {
	border-radius: 0;
	padding: 0;
	top: 0;
	right: 0;
	color: white;
	z-index:99999999;
	background-color: #639a57;
}  
	
#menu-button-1.is-active {
	position:fixed;
}  	
	
	
	
#menu-button-1 .ham-lines span {
   background-color: white;
}   
#menu-button-1 .ham-lines::before {
   background-color: white;
}   
#menu-button-1 .ham-lines::after {
   background-color: white;
}    
   



}/*end@939*/