/* CSS Document */

@media screen and (min-width:992px){
	
	nav.globalMenu{
		background-color: #018843;
		height:50px;
	}
	nav.globalMenu ul{
		margin-left:auto;
		margin-right:auto;
		max-width: 1200px;
		padding-left: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content:space-around;
	}
	nav.globalMenu li{
		list-style: none;
	}
	nav.globalMenu li a{
		display: block;
		color:white;
		line-height: 50px;
		letter-spacing: 0.15em;
	}
	nav.globalMenu li:nth-child(1){
		margin-left:20px;
	}
	
	nav.footerMenu{
		background-color: #018843;
		height:50px;
	}
	nav.footerMenu ul{
		margin-left:auto;
		margin-right:auto;
		max-width: 1200px;
		padding-left: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content:space-around;
	}
	nav.footerMenu li{
		list-style: none;
	}
	nav.footerMenu li a{
		display: block;
		color:white;
		line-height: 50px;
		letter-spacing: 0.15em;
	}
	nav.footerMenu li:nth-child(1){
		margin-left:20px;
	}
	
}
@media screen and (max-width:991px){
	
	nav.footerMenu{
		display: none;
	}
	
	/*¡¡¥Ï¥ó¥Ð©`¥¬©`¥Ü¥¿¥ó¡¡*/
	.hamburger {
	  display : block;
	  position: fixed;
	  z-index : 3;
	  right : 13px;
	  top   : 12px;
	  width : 42px;
	  height: 42px;
	  cursor: pointer;
	  text-align: center;
	}
	.hamburger span {
	  display : block;
	  position: absolute;
	  width   : 30px;
	  height  : 2px ;
	  left    : 6px;
	  background : #018843;
	  -webkit-transition: 0.3s ease-in-out;
	  -moz-transition   : 0.3s ease-in-out;
	  transition        : 0.3s ease-in-out;
	}
	.hamburger span:nth-child(1) {
	  top: 10px;
	}
	.hamburger span:nth-child(2) {
	  top: 20px;
	}
	.hamburger span:nth-child(3) {
	  top: 30px;
	}

	/* ¥Ê¥Óé_¤¤¤Æ¤ë•r¤Î¥Ü¥¿¥ó */
	.hamburger.active span:nth-child(1) {
	  top : 16px;
	  left: 6px;
	  background :#fff;
	  -webkit-transform: rotate(-45deg);
	  -moz-transform   : rotate(-45deg);
	  transform        : rotate(-45deg);
	}

	.hamburger.active span:nth-child(2),
	.hamburger.active span:nth-child(3) {
	  top: 16px;
	  background :#fff;
	  -webkit-transform: rotate(45deg);
	  -moz-transform   : rotate(45deg);
	  transform        : rotate(45deg);
	}

	nav.globalMenu {
		display: none;
	  position: fixed;
	  z-index : 2;
	  top  : 0;
	  left : 0;
	  color: #fff;
	  background: rgba(0,0,0,0.7);
	  text-align: center;
	  width: 100%;
	  opacity: 0;
	  transition: opacity .6s ease, visibility .6s ease;
	}

	nav.globalMenu ul {
	  margin: 0 auto;
	  padding: 0;
	  width: 100%;
	}

	nav.globalMenu ul li {
	  list-style-type: none;
	  padding: 0;
	  width: 100%;
	  transition: .4s all;
	}
	nav.globalMenu ul li:last-child {
	  padding-bottom: 0;
	}
	nav.globalMenu ul li:hover{
	  background :#ddd;
	}

	nav.globalMenu ul li a {
	  display: block;
	  color: #fff;
	  padding: 1em 0;
	  text-decoration :none;
	}

	/* ¤³¤Î¥¯¥é¥¹¤ò¡¢jQuery¤Ç¸¶Óë?Ï÷³ý¤¹¤ë */
	nav.globalMenu.active {
		display: block;
	  opacity: 100;

	}
}