@charset "utf-8";

/* ---------------------------------------------------------------------------------------------

　   HEADER

--------------------------------------------------------------------------------------------- */

header {
	font-weight: 500;
}

nav li a {
color: #3a2111;
}


@media only screen and ( max-width : 1170px ) {


  header {
    height: 70px;
	  position: fixed;
	  top: 0;
	  background: #FFF;
	  width: 100%;
	  z-index: 99999;
	  font-size: 15px;
	  
  }
  .h_logo {
	  width: 250px;
	  margin: 0 0 0 2.5%;
	  padding: 17px 0 0 0;
	  position: relative;
	  z-index: 100;
  }
	
	.h_logo img {
		width:100%;
		height: auto;
	}

  .mean-nav .container {
    padding: 0;
  }

	
nav .sub-menu,.mean-container .mean-nav ul ul {
  background: #e8e8e8;
}
	
	.sub-menu {
	  font-size: 13px;
  }
	
	.nav li {
		border-bottom: 1px solid #3a2111;
	}
	
.nav li a {
	color: #3a2111;
		padding: 20px 0 !important;
	text-decoration: none;
	}
	
	.nav li a:hover {
		background: #3a2111;
		color: #FFF;
	}
}

@media print, screen and ( min-width : 1178px ) {
	
.s_mail {
	display: none;
}
	

	
	header {
	width:100%;
	z-index:10000;
	position:absolute;
	background: #FFF;
	top:-200px;
	left:0;
	margin-top:200px !important;
	font-size: 16px;
}
	
	.scroll {
	background:#FFF;
	height:80px;
	width:100%;
	z-index:10000;
	position:fixed;
	top:0;
	left:0;
	margin-top:0 !important;
    transition: top 1s ease-in;
    -webkit-transition: top 1s ease-in;
    -moz-transition: top 1s ease-in;
}

  .h_logo img {
	   padding-top: 20px;
  }
  #h_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
	 
	
  }
	
	.h_logo {
		top: 0;
	  left: 0;
	  position: absolute;
		padding: 0 2.5%;
	}
	

	
.nav {
		position: absolute !important;
		top: 0;
		right:2.5%;
	}
	
	.t_contactBtn {
		margin-top: -8px;
	}
	
	.t_contactBtn a {
		width: 170px;
	}
	
  #g-nav ul {
    position: relative;
    display: flex;
  }
  #g-nav li {
    position: relative;
    margin-left: 30px;
	   
  }

  #g-nav li a {
    position: relative;
    display: block;
    text-align: center;
	  text-decoration: none;
	  margin-top: 35px;
  }
	

	nav .sub-menu,.mean-container .mean-nav ul ul {
  background: #fff;
}
	

.scroll .h_logo {
	margin-top: -10px;
	}
	
header.scroll {
	font-size: 14px;
	box-shadow: 0px 8px 8px -4px #d9d9d9;
	}
	
.scroll #g-nav li a {
		margin-top: 25px;
	}
	
.scroll .t_contactBtn a {
		width: 150px;
	}

nav ul li.current a,
nav ul li a:hover{
	padding-bottom: 5px;
  border-bottom: 3px solid #BFDFA9;
}

	
}