.header_text{
	float:left;
	width:672px;
	margin-top:30px;
}
#header_calender img{
	max-width:30%;
}
#header_ber{
	float: left;
	margin-top: 30px;
	width: 60%;
	margin-left: 10px;
	text-align: center;
	background: none;
}

#header_ber img{
	width: 100%;
	margin-top:-19px;
}

#header_ber p {
	text-align: center;
}

#logo{
	width: 180px;
	float: left;
	margin-top: 10px;
}

#logo img{
	width: 100%;
}
#contact{
margin-top: 25px;
width: 20%;
float: left;
}
#contact p{
	font-size: 13px;
}
#contact a{
	color: #ff7f50;
}
.menu_click{
	width: 70%;
	margin: 10px auto;
	background-color: #FA8072;
}
.menu_click p{
	display: block;
	width: 80%;
	color: #fff;
	text-align: center;
	background-color: #FA8072;
	border-radius: 5px;
	margin: 10px auto 0;
	margin-bottom: 15px;
}
.menu_click:hover{
	cursor: pointer;
}
#menu{
	display: block;
}
#menu_ber{
	width: 100%;
	float: left;
	margin: 0 auto;
	margin-bottom: 30px;
}
#menu ul{
	width: 100%;
	margin: 0 auto;
	margin-top: 30px;
}
#menu_ber ul li{
	float: left;
	font-size: 11px;
	border-left: solid 1px;
  width:calc(100%/7);
	margin:0 auto;
}
#menu_ber ul .active p{
	background-color: #FA8072;
}

#menu_ber ul li p:hover{
	background-color: #FA8072;
}
#menu_ber ul li p{
	width:96.5%;
	text-align: center;
	color: #000;
	margin-left:1.75%;
	margin-right:1.75%;
}
.top {
	border-left: 0px !important;
}
#menu{
    width: 80%;
    margin: 0 auto;
}
.sp{
	display: none;
}
.tab{
	display: none;
}
@media screen and ( max-width: 960px) {
	.header_text{
	  display:none;
	}
	#header_ber{
		margin-left:-10%;
	}
	#logo img{
		display:none;
	}
}
@media screen and ( max-width: 871px) {
	#header_ber{
		margin-left:-11%;
	}
}
@media screen and ( max-width: 807px) {
	#menu_ber ul li p{
		font-size:80%;
	}
}
@media screen and ( max-width: 768px){
	#header_calender img{
		display:none;
	}
	.pc{
		display: none;
	}
	.tab{
		display: block;
	}
	#top_ber p{
		font-size: 10px;
	}
	#menu ul{
		width: 100%;
		margin-top: 0;
	}
	#contact{
		float: none;
		width: 70%;
		margin: 0 auto;
	}
	#contact p{
		font-size: 12px;
	}
	#contact li{
		float: left;
	}
	#header_ber{
		width: 70%;
		float: none;
		margin: 20px auto;
	}
	#menu {
		display:none;
	}

	#menu_ber ul {
		padding-top: 10px;
	}

	#menu_ber ul li {
		margin-bottom: 10px !important;
	}

	#menu_ber ul li:nth-child(odd){
	float: left;
	border:0;
    width: 48%;
	margin-left:0;
	}
	#menu_ber ul li:nth-child(even){
	float: left;
	border:0;
    width: 48%;
	margin-left:4%;
	}
	#menu_ber ul li:last-child{
	float: left;
	border:0;
    width: 48%;
	margin-left:26%;
	}

	#menu_ber ul li p{
	background-color: #F4A460;
	border-radius:5px;
	color: #fff;
	}
}
@media screen and ( max-width: 640px){
	#header_calender img{
		display:none;
	}
	.sp{
		display: block;
	}
	#header {
		margin-bottom: 20px;
	}
}