* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
::before , ::after {
	box-sizing: inherit;
}
.menu li a{
	height: 45px;
}

/* 600px以上はハンバーガーボタン非表示、ヘッダー固定 */
@media screen and (min-width: 991px) {
	.btn {
		display: none !important;
	}
	.menu {
		/* メニューを横に */
		display:block;
		position:static;
		width: 100%;
		height: 35px;
		margin-bottom: -2px;
	}
	.menu li{
		width: 15.1%;
		float: left;
	}
.menu li a {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 16px;
	padding: 0 !important;
	margin: 0 !important;
	width:100%;
	display:block;
	line-height: 47px !important;
	height:45px !important;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	color:#000!important;
	}
	.menu li a:hover{
		opacity: 0.8;
	}
.menu li:first-child a , .menu li:nth-child(2) a , .menu li:nth-child(3) a , .menu li:nth-child(4) a{
	background:url("../images/menuLine.png") no-repeat right top , url(../images/top_menu.gif);
	} 
.menu li:nth-child(5) a{
	background:url("../images/menuLine.png") no-repeat right top ,url(../images/top_menu02.gif);
	}
.menu li:nth-child(6) a{
	background:url("../images/menuLine.png") no-repeat right top ,url(../images/top_menu03.gif);
	}
.menu li:nth-child(7){
		width: 9.3%;
	}
.menu li:nth-child(7) a{
	background:#84180e !important;
	color: #fff !important;
}
.menu li:nth-child(8),	.menu li:nth-child(9),.menu li:nth-child(10) ,.menu li:nth-child(11){
	display: none!important;
	}

	
	.ac-content, .ac-title{
		display: none;
	}	
	
	
}

@media screen and (max-width: 992px) {
button {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: inherit;
	vertical-align: middle;
	text-align: inherit;
	font: inherit;
	-webkit-appearance: none;
	appearance: none;
}
/**************** 以下、ハンバーガーボタンのスタイリング ****************/
.btn {
	/* ボタンの配置位置  */
	position: fixed;
	top: 29px;
	right: 8px;
	/* 最前面に */
	z-index: 10;
	/* ボタンの大きさ  */
	width: 64px;
	height: 30px;
	cursor: pointer;
}
.btn:focus{
	outline: none !important;
}	
	
	
/***** 真ん中のバーガー線 *****/
.btn-line {
	display: block;
	/* バーガー線の位置基準として設定 */
	position: relative;
	/* 線の長さと高さ */
	width: 100%;
	height: 4px;
	/* バーガー線の色 */
	background-color: #000;
	transition: .2s;
}
/***** 上下のバーガー線 *****/
.btn-line::before , .btn-line::after {
	content: "";
	/* 基準線と同じ大きさと色 */
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	transition: .5s;
}
.btn-line::before {
	/* 上の線の位置 */
	transform: translateY(-13px);
}
.btn-line::after {
	/* 下の線の位置 */
	transform: translateY(13px);
}
/***** メニューオープン時 *****/
.btn-line.open {
	/* 真ん中の線を透明に */
	background-color: transparent;
}
.btn-line.open::before , .btn-line.open::after {
	content: "";
	background-color: #333;
	transition: .2s;
}
.btn-line.open::before {
	/* 上の線を傾ける */
	transform: rotate(45deg);
}
.btn-line.open::after {
	/* 上の線を傾ける */
	transform: rotate(-45deg);
}
/**************** ここまで、ハンバーガーボタンのスタイリング ****************/
/**************** 以下、メニューのスタイリング ****************/
.menu {
	/* メニューを縦に */
	display: flex;
	flex-direction: column;
	position: fixed;
	/* メニューの位置マイナス指定で画面外に */
	right: -80%;
	width: 80%;
	height: 100vh;
	background-color: rgba(72, 41, 7, .85);
	color: #efefef;
	transition: .3s;
	margin-top: 0;
}
.menu-list {
	/* メニューテキスト位置をリスト内中心に */
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 45px !important;
	border-bottom: 1px dotted #84745F;
}
	.menu-list a{
		color: #fff !important;
	}
.menu-list:hover {
	background-color: rgba(255, 255, 255, .5);
	color: #333;
	cursor: pointer;
	transition: .3s;
}
/***** メニューオープン時位置0にして画面内に *****/
.menu.open {
	position: absolute;
	right: 0;
}
	
	
/* クリックする箇所 */
.ac-title {
  height:auto;
	position: fixed;
	top: 10px;
	right: 65px;
	width: 10%;
	height: 60px;
	text-align: center;
}
	.ac-title img{
		height: 100%
	}

/* 隠れているコンテンツ */
.ac-content {
  background:url("../images/headContactBack2.jpg") no-repeat;
background-size: 100% 100%;
  padding: 18% 5px  0 5px;
  display: none;
	margin-top: -3px;
	z-index: 999999999;
	height: auto;
}

.open {
display: block;
}	
#headerBTN{
border:1px solid #999;
	border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   width:55%;
   height:50px;
font-size:18px !important;
   padding:0 3px;
   margin-right:8px;
   display:block;
   cursor:pointer;
   font-weight:bold;
   background:#f5f5f5;
    -webkit-appearance: none;
   text-shadow:1px 1px 0px #fff;
	float: left;
	}
#fax {
	width: 35% !important;
	float:right !important;
	margin: 10px 5px 0 0;
	}
#fax a{
	height: 45px;
	text-align: center;
 	font-weight:bold;
	font-size: 18px;
	display:block;
	background: #CB0205;
	line-height: 45px;
	letter-spacing: 0.1em;
	color: #FFF;
	
	}	
}


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

.btn {
	top:25px;
	}
.ac-title {
	top: 5px;
	}
.menu li a {
	line-height: 47px;
	}

}