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

  	ヘッダー
  
----------------------------------------*/

/*  　PC表示 
----------------------------------------*/
@media screen and (min-width:768px) {
	.nav_wrap {
		display:block;
		margin:1.1em 0 -6px 0;
		padding:0;
		text-align:center;
	}	
		
	/* スマホボタンを非表示 */
	.btn_wrap {
		display:none;
	}
	/* スマフォトグルボタンを非表示 */
	.menu_btn { 
		display:none;
	}
	#toggle_nav {
		display:none;
	}
	#toggle_nav .logo {
		display:none;
	}
	nav {
		width:auto;
		margin:0 auto !important;
		display:inline-block;
		padding:0.72em 0 0 0;
	}
	nav ul {
		padding:0 !important;
		width:auto;
		margin:0 !important;
	}
	nav ul li {
		margin-left:1px;
		float: left;
		min-width:136px;
		position: relative;
		list-style:none;
		padding:0 0 16px 0;
	}
  	nav ul li a {
		position:relative;
		display:block;
		color:#735a43;
		font-size:1.05em;
		text-align:center;
		padding:0.45em 0.8em 0.45em 0.8em;
	}
	nav ul li a:hover {
		color:#966425;
	}
	nav ul li ul {
		list-style: none;
		position: absolute;
		width:133%;
		margin:1px;
		top:110%; /* ここを使ってプルダウン開始位置調整 */
		left:-28px;
		padding:2px 0 0 0;
		z-index:200;
	}
	/* アニメーションして現れる線 */
	nav ul li a:after {
  		position: absolute;
  		bottom: -4px;
  		left: 0;
  		content: '';
  		width: 100%;
  		height: 2px;
  		background: #966425;
  		transform: scale(0, 1);
  		transform-origin: left top;
  		transition: transform .3s;
	}
	nav ul li a:hover:after {
  		transform: scale(1, 1);
	}
	/* プルダウンのアニメーションは打ち消す */
	nav ul li ul li a:after {
		display:none;
	}
	
	/* サブメニュー （消せないclassを非表示にする） */
	.sub-menu {
		background:none !important;
		/*
		border:none !important;
		*/
	}
	nav ul li ul {
		margin:-5px 0 0 0 !important;
		padding:0;
	}
	
	nav ul li ul li {
		overflow: hidden;
		width: 100%;
		height: 0;
		color: #fff;
		margin:0 0 0 2px;
		padding:0;
		-moz-transition: .2s;
		-webkit-transition: .2s;
		-o-transition: .2s;
		-ms-transition: .2s;
		transition: .2s;
	}
	nav ul li ul li a {
		position:relative;
		display:block;
		width: 100%;
		background:rgba(47,34,21,0.8);
		color:#fff;
		height: 38px;
		line-height:38px;
		padding:0 0.2em;
		text-align: center;
		font-size:0.92em;
	}
	nav ul li ul li a:hover {
		background:rgba(187,149,92,0.62);
		color:#fff;
	}
	
	/* この設定でプルダウン */
	nav ul li:hover ul li {
		overflow: visible;
		height: 38px;
	}

	nav ul li:hover ul li:first-child {
		border-top: 0;
	}

	nav ul li:hover ul li:last-child {
		border-bottom: 0;
	}
}
@media screen and (max-width:980px) {
	nav ul li {
		display:inline-block;
		margin:0 0.2em;
		min-width:143px;
		list-style:none;
	}
	nav ul li a {
		padding:0 0.6em;
		letter-spacing:0.1em;
	}
}

/*  　スマホ表示（バーガーメニュー ） 
----------------------------------------*/
@media screen and (max-width: 767px) {

	.nav_wrap {
		display:none;
	}	
	#toggle_nav {
		display:none;
	}
	#toggle_nav ul {
		margin:0;
		padding:0;
	}
	#toggle_nav ul li {
		list-style:none;
		margin-top:1px;
	}
	#toggle_nav ul li a {
		position:relative;
		display:block;
		/*
		background:#2f53b1;
		*/
		color:#fff;
		font-size:1.1em;
		/*
		font-weight:bold;
		*/
		line-height:2.7em;
		text-align:center;
		height:2.7em;
		padding:0;
		cursor:pointer;
		text-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.5);
	}
	#toggle_nav ul li a:hover {
		background:#1e44a4;
	}		
	.btn_wrap {
		background:#e7e8e9;
		position: absolute;
		top:24px;
		right:6px;
		z-index:30000;
		width:50px;
		height:32px;
		display:block;
	}
	.btn_wrap:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	.menu_btn {
		position: relative;
		display: block;
		float:right;
		margin:2px 10px 0 0;
		width: 29px;
		height: 36px;
		top: 1px;
		z-index:30000;
		cursor:pointer;
	}
	.menu_btn:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	.menu_btn div {
		position: relative;
	}
	.menu_btn span{
		display: block;
		height: 1px;
		background:#000;
		position:absolute;
		width:100%;
		left: 0;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
	}
	.menu_btn span:nth-child(1){
		top:1px;
	}
	.menu_btn span:nth-child(2){
		top:12px;
	}
	.menu_btn span:nth-child(3){
		top:23px;
	}
	/* 開閉ボタンopen時 */
	.tel_img_mn {
		position:absolute;
		bottom:80px;
		margin:auto;
		left:0;
		right:0;
		text-align:center;
	}
	.open .menu_btn span {
		background:#000;
	}
	.open .menu_btn span:nth-child(1) {
		top: 12px;
	   -webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.open .menu_btn span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open .menu_btn span:nth-child(3) {
		top: 12px;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
	#toggle_nav {
		display:none;
		position: absolute;
		top:0;
		left:0;
		right:0;
		margin:auto;
		width: 100%;
		height: 100vh;
		background:rgba(26,11,2,0.96);
		z-index:20000;
	}
	#toggle_nav .logo {
		position: absolute;
		margin:auto;
		top:19px;
		left:0;
		right:0;
		margin:auto;
		width:120px;
		z-index:20001;
	}
	#toggle_nav .logo img {
		width:100%;
		height:auto;
	}
	#toggle_nav ul {
		display: block;
		/*
		height:480px;
		*/
		position: absolute;
		z-index:600;
		top: 150px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		margin: auto;
		padding:0 5%;
	}
	#toggle_nav ul li {
		margin: 0 auto;
		text-align: center;
		list-style:none;
		border-bottom:1px solid rgba(255,255,255,0.2);
	}
	#toggle_nav ul li a {
		display:block;
		height:50px;
		line-height:50px;
		color:#fff;
		font-size:1.18em;
	}
	#toggle_nav ul li a:hover {
		opacity:0.8;
		background:rgba(0,0,0,0.3);
	}
}

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

  	フッター
  
----------------------------------------*/

/*  　PC表示 
----------------------------------------*/
@media screen and (min-width: 768px) {

	.footer_nav_sp {
		display:none;
	}
	.footer_nav_wrap {
		display:block;
		max-width:980px;
		margin:0 auto;
		padding:12px;;
		text-align:center;
		/*		
		border:1px solid red;
		*/
	}
	.footer_nav_wrap:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	.footer_nav_wrap ul li {
		float:left;
		width:23.6%;
		min-height:250px;
		margin:0 0.5%;
		padding:0;
		text-align:center;
		list-style:none;
	}
	.footer_nav_wrap a.indt {
		position:relative;
		display:block;
		margin:1px auto;
		text-align:left;
		font-size:0.9em;
		color:#111;
	}
	.footer_nav_wrap ul li:nth-child(1) a.indt { padding:0.2em 0 0.2em 5em; }
	.footer_nav_wrap ul li:nth-child(2) a.indt { padding:0.2em 0 0.2em 4.1em; }
	.footer_nav_wrap ul li:nth-child(3) a.indt { padding:0.2em 0 0.2em 2.6em; }
	.footer_nav_wrap ul li:nth-child(4) a.indt { padding:0.2em 0 0.2em 5em; }
	
	.footer_nav_wrap a:hover {
		opacity:0.65;
	}
	.footer_nav_wrap a.node {
		background: url("../images/bg_node.png") no-repeat bottom center;
		position:relative;
		display:inline-block;
		width:7em;
		text-align:center;
		font-weight:bold;
		font-size:1.05em;
		color:#533417;
		padding-bottom:0.4em;
		margin-bottom:0.46em;
	}
	.footer_nav_wrap .spc {
		padding-top:2.2em;
	}
}

/*  　スマホ表示 
----------------------------------------*/
@media screen and (max-width: 767px) {

	.footer_nav_wrap {
		display:none;
	}
	.footer_nav_sp {
		display:block;
	}

	.footer_nav_sp ul {
		margin:0 auto;
		width:auto;
		padding:0;
		border-top:1px solid rgba(0,0,0,.4);  
	}
	.footer_nav_sp ul li {
		float:none;
		width:auto;
		margin:0;
		padding:0;
		list-style:none;
	}
	.footer_nav_sp ul li a {
		position:relative;
		display:block;
		text-align:left;
		color:#533417;
		width:auto;
		font-size:1em;
		margin:0;
		height:2.5em;
		line-height:2.5em;
		border-top:1px solid rgba(0,0,0,.4);  
	}
	.footer_nav_sp ul li a.rev1 {
		padding:0 0.8em;
		font-weight:bold;
		background:#e6dac5;
	}
	.footer_nav_sp ul li a.rev2 {
		padding:0 0.8em 0 2em;
		background:#e1d3b9;
	}
	.footer_nav_sp ul li a:hover {
		opacity:0.68;
	}
	/* メニューの > を描く */
	.footer_nav_sp ul li a:before{
		position:absolute;
		top:12px;
		right:13px;
		content:'';
		height:6px;
		width:6px;
		display:block;
		border:1px solid #533417;
		border-top-width:0;
		border-left-width:0;
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
	}
}
.footer_wrap {
	position:relative;
	display:block;
	padding:0;
	margin-top:4em;
	text-align:center;
}
.footer_cmt {
	background:#fbfbfb;
	color:#222;
	width:auto;
	max-width:880px;
	margin:1.6em auto 0.9em auto;
	padding:0.8em 1.6em;
	border:1px solid #c9c9c9;
	border-radius:5px;
}