@charset "utf-8";

/* メニューcss  */

	
	
	
	


/* PC用　---------　*/


	/* PCでメニュボタン非表示 */
	.navToggle{display:none;}
	.msp{display:none;}

	/*　PCでメニュー常時表示　*/
	nav.globalMenuSp{
		transform:none;
		transition: all 0s;
		background:none;
		text-align:center;
		font-size:15px;
		line-height:1.4em;
	}
	nav.globalMenuSp ul{
		width:780px;
		margin:12px auto 0;
		padding:0 0 1px 0;
		z-index:50;
	}
	nav.globalMenuSp ul:after{
		content:"";
		clear:both;
		display:block;
	}
	nav.globalMenuSp ul li {
		padding:0;
		width: 120px;
		margin-right:10px;
		float:left;
		text-align:center;
		position:relative;
	}
	nav.globalMenuSp ul li a {
		display: block;
		padding:10px 0;
		color:#464646;
	}
	nav.globalMenuSp ul li a:hover,
	nav.globalMenuSp ul li.stay a {
		background-color:#ebebdc;
		color:#3b6222;
	}

	 
	/* サブメニュー */

	nav.globalMenuSp ul li ul {
		background-color: transparent;
		position: absolute;
		left:0;
		top:70%;
		width:100%;
		text-align:center;
		font-size:85%;
		line-height:1.2em;
		padding:0;
		border-top: solid 1px #cdcdcd;
	}
	nav.globalMenuSp ul li ul li{
		float:none;
		margin:0 ;
		display:block;
		width:auto;
	}
	nav.globalMenuSp ul li ul li a{
		background-image:none;
		background-color:#ddd;
		padding:10px 0;
		color:#000;
		width:100%;
		line-height:1.2em;
		border-bottom: dotted 1px #fff;
	}
	nav.globalMenuSp ul li ul li span{ display:inline-block; vertical-align:bottom;}
	nav.globalMenuSp ul li.stay  ul li a{
		background-color:#ddd;
		background-image:none;
		color:#000;
	}
	nav.globalMenuSp ul li ul li a:hover{
		background-color:#ebebdc;
		background-image:none;
	}
	nav.globalMenuSp ul li ul li a:before{
		content:"";
	}

	nav.globalMenuSp ul li ul{
	  display: none;
	}
	nav.globalMenuSp ul li:hover ul{
	  display: block;
	}



	  /* PC */
	  @media screen and (min-width: 1130px) and (max-width:1450px){	
		  nav.globalMenuSp ul{
			  margin-left:0;
			  margin-right:0;
			  float:right;
		  }
	  }


	  /* タブレット用 */
	  @media screen and (min-width: 641px) and (max-width:1130px){	
		  nav.globalMenuSp ul{
			  clear:both;
			  float: none;
			  width:100%;
			  margin:0 ;
			  padding:0 0 1px 0;
			  text-align:center;
		  }
		  nav.globalMenuSp ul li{
			  float:none;
			  display:inline-block;
			  margin-right:0;
			  width:115px;
		  }

		  nav.globalMenuSp ul li.msp{
			  display:none;
		  }

		  /* サブメニュー */
		  nav.globalMenuSp ul li ul {top:100%;}
	  }


	  /* スマホ用 */
	  @media print, screen and (max-width:640px){	

			nav.globalMenuSp ul li.msp{display:inline-block;}
			nav.globalMenuSp {
				overflow-x:hidden;
				overflow-y:auto;
				max-height:100%;
			}


		  nav.globalMenuSp ul li ul ,
		  nav.globalMenuSp ul li ul li a{
			  border-bottom:none;
			  border-top:none;
		  }


		  nav.globalMenuSp {
			  position: fixed;
			  z-index: 2;
			  top: 0;
			  left: 0;
			  background: #fff;
			  color: #000;
			  transform: translateY(-100%);
			  transition: all 0.6s;
			  width: 100%;
			  
		  }
		  /* このクラスを、jQueryで付与・削除する */
		  nav.globalMenuSp.active {
			  transform: translateY(0%);
		  }
		  



		  nav.globalMenuSp ul {
			  background-color:#f4f4f4;
			  margin: 0 auto;
			  padding:15px 0 0;
			  width: 100%;
		  }
		  nav.globalMenuSp ul li,
		  nav.globalMenuSp ul li.toi{
			  padding: 0;
			  width: 100%;
			  border-bottom: 1px dotted #333;
		  }
		  nav.globalMenuSp ul li a{
			  display: block;
			  color: #000;
			  background-image:none;
			  text-align:left;
			  padding: 0.5em 5% ;
		  }
		  
		  nav.globalMenuSp ul li a:hover,
		  nav.globalMenuSp ul li.stay a,
		  nav.globalMenuSp ul li.stay a:hover,
		  nav.globalMenuSp ul li.stay  ul li a,
		  nav.globalMenuSp ul li ul li a:hover{
			  background-color: #f4f4f4;
			  background-image:none;
			  color:#000;
		  }
		  
		  /* サブメニュー */
		  nav.globalMenuSp ul  li ul li,
		  nav.globalMenuSp ul  li:hover ul li{ border-bottom:none;}
		  nav.globalMenuSp ul li ul {
			  display:block;
			  position: static;
			  width:100%;
			  padding-top:-1px;
		  }
		  nav.globalMenuSp ul li ul li a{
			  visibility:visible;
			  display:block;
			  padding-left:10%;
			  background-image:none;
			  background-color: #f4f4f4;
			  width:90%;
			  border-top: 1px dotted #333;
			  border-bottom:none;
		  }
		  nav.globalMenuSp ul li ul li a:before{
			  content:"- ";
		  }








		  
		  
		  /* -------------------------*/
		  /*   メニューボタン         */
		  /*------------------------- */
		  .navToggle {
			  display: block;
			  position: fixed;     /* bodyに対しての絶対位置指定 */
			  right: 13px;
			  top: 12px;
			  width: 42px;
			  height: 51px;
			  cursor: pointer;
			  z-index: 3;
			  background:#fff;
			  text-align:center;
		  }
		  
		  .navToggle span {
			  display: block;
			  position: absolute;    /* .navToggleに対して */
			  width: 30px;
			  border-bottom: solid 3px #507339;
			  -webkit-transition: .35s ease-in-out;
			  -moz-transition: .35s ease-in-out;
			  transition: .35s ease-in-out;
			  left: 6px;
		  }
		  
		  .navToggle span:nth-child(1) {
			  top: 9px;
		  }
		  
		  .navToggle span:nth-child(2) {
			  top: 18px;
		  }
		  
		  .navToggle span:nth-child(3) {
			  top: 27px;
		  }
		  
		  .navToggle span:nth-child(4) {
			  border: none;
			  color: #507339;
			  font-size: 9px;
			  font-weight: bold;
			  top: 28px;
		  }
		  
		  
		  /* 最初のspanをマイナス45度に */
		  .navToggle.active span:nth-child(1) {
			  top: 18px;
			  left: 6px;
			  -webkit-transform: rotate(-45deg);
			  -moz-transform: rotate(-45deg);
			  transform: rotate(-45deg);
		  }
		  
		  /* 2番目と3番目のspanを45度に */
		  .navToggle.active span:nth-child(2),
		  .navToggle.active span:nth-child(3) {
			  top: 18px;
			  -webkit-transform: rotate(45deg);
			  -moz-transform: rotate(45deg);
			  transform: rotate(45deg);
		  }
		  
		  .mpc, .w_top{display:none;}
	  }

		  @media  screen and (max-width:640px){	
			nav.globalMenuSp {
				overflow-x:hidden;
				overflow-y:auto;
				max-height:100%;
			}
		  }