@charset "UTF-8";

  body {
    position: relative;
    width: 100%;
	height: 100vh;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    letter-spacing: .01em;
	font-size: 15px;
	line-height:1.8em;
	-webkit-text-size-adjust: 100%;
  }
  
  .clear {
	  clear:both;
  }
  
  
.headMenu {
	float:right;
	margin-top:10px;
	margin-right:20px;
}
.headMenu a {
	letter-spacing: .1em;
	color:#000;
	text-decoration: none;
	padding:0 20px;
	border-right:solid 1px #000;
}
.headMenu a:hover {
	color:#666;
}


.overlayMenu {
    display: none;
    position: fixed;
	top:0;
	z-index:9999;
    width: 100%;
    height: 100vh;
    overflow: auto;
    background-color: rgba(118, 190, 45, 0.9);
}


.overlayMenuBtn  {
    position:fixed;
    top: 0;
    right: 0;
    height: 46px;
	width:15%;
	max-width:50px;
    cursor: pointer;
    z-index: 999991;
	background:url("../img/menu.png") center 5px no-repeat;
	background-size:contain;
  }
.overlayMenuBtn.open  {
    z-index: 999991;
	background:#eee;
	background-size:contain;
 }


  
  
  
  .overlayMenuBtn span {
    position: relative;
    display: block;
    width: 40px;
    border: 1px solid #000;
    transition: .5s;
  }
  .overlayMenuBtn span:nth-child(1) { top: 20px;left:5px; }
  .overlayMenuBtn span:nth-child(2) { top: 25px;left:5px; }
  .overlayMenuBtn span:nth-child(3) { top: 30px;left:5px; }

  

.menuwrap {
	padding:50px 15px 30px;
} 
 
 
 .overlayMenu li a{
/*	position: relative;
	display: block;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
	 color:#FFF;*/
	 display: block;
	 margin:20px auto;
	 text-align: center;
	 color:#FFF;
	 font-size:16px;
	 text-decoration: none;
}
.overlayMenu li.sns a {
	display:inline-block;
	margin:5px;
}




.f-left {display:block;position:relative;}
.f-right {display:block;position:relative;padding-bottom:50px;}

.f-right a {float:none;display:block;text-align:center;font-sise:12px;padding-bottom:0;color:#FFF;text-decoration:none;}

.logo-top img{
	display:block;
	position:fixed;
	left:30px;
	top:30px;
	width:50%;
	max-width:270px;
}



/* min-width: 480px
=============================================================*/
@media only screen and (min-width: 480px) {


	

 

} /* /480 */ 
  


/* min-width: 768px
=============================================================*/  
@media print, screen and (min-width: 768px) {


.logo-top{
	display:block;
	position:fixed;
	left:30px;
	top:30px;
	width:auto;
}
		
a.toi-btn {
	display:inline-block;
    position: absolute;
    top: 0;
    right: 50px;
    height: 46px;
	color:#FFF;
	text-decoration: none;
	line-height:46px;
	padding:0 20px 0 46px;
	background:url(../img/arr-btm.png) 18px center no-repeat #666;
    cursor: pointer;
    z-index: 999991;
}


	
	
	
	
	
  
.f-left {float:left;width:20%;position:relative;}
.f-left img {height:100%;}
.f-right {float:right;width:auto;position:relative;text-align:right;padding-top:20px;padding-bottom:0;}

.f-right a {position:relative;display:block;float:left;padding:0 15px;color:#FFF;font-weight:bold;border-right:solid 1px #FFF;}
.f-right a:hover {color:#666;}
.f-right a.last {border-right:none;} 
	
}/* /768 */