/*-----------------------------------------------------------------*/
.overlay {
	display: none;
}
/* menu */
@media screen and (max-width: 767px) {
	/* Toggle Button */
	#trigger-overlay {
		float: right;
		width: 50px;
		height: 34px;
		cursor: pointer;
		margin: 10px 15px 0px 0px;
	}
	#trigger-overlay div {
		position: relative;
	}
	#trigger-overlay span {
		display: block;
		position: absolute;
		height: 6px;
		width: 100%;
		background: #585858;
		left: 0;
		border-radius: 5px;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}
	#trigger-overlay span:nth-child(1) {
		top: 0;
	}
	#trigger-overlay span:nth-child(2) {
		top: 17px;
	}
	#trigger-overlay span:nth-child(3) {
		top: 34px;
	}
	.open #trigger-overlay span:nth-child(1) {
		top: 18px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	.open #trigger-overlay span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #trigger-overlay span:nth-child(3) {
		top: 18px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
	/**/
	#trigger-overlay div span {
		opacity: 1;
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}
	#trigger-overlay div:hover span {
		opacity: 0.5;
	}
	/* Overlay style */
	.overlay {
		display: block;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(230,36,24,0.8);
		z-index: 9000;
	}
	/* Overlay closing cross */
	.overlay .overlay-close {
		width: 50px;
		height: 50px;
		position: absolute;
		right: 15px;
		top: 15px;
		overflow: hidden;
		border: none;
		background: url(../images/cross.png) no-repeat center center;
		text-indent: 200%;
		color: transparent;
		outline: none;
		cursor: pointer;
		z-index: 9010;
	}
	/* Menu style */
	.overlay nav {
		width: 100%;
		text-align: center;
		position: relative;
		top: 50%;
		-webkit-transform: translateY(50%);
		transform: translateY(50%);
	}
	/*-------------------------------------------*/
	#navi_tel {
		display: block;
		width: 100%;
		white-space: nowrap;
	}
	.overlay .foot_link_top {
		clear: both;
		overflow: hidden;
		width: 100%;
		padding: 0px 0px 15px 0px;
		margin: 0px auto 20px;
		border-bottom: 1px solid #CCCCCC;
	}
	.overlay .foot_link_top a {
		color: #FFFFFF;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 8px;
	}
	.overlay ul {
		clear: both;
		width: 100%;
		list-style: none;
		padding: 0 0px 15px 0px;
		margin: 0 auto 20px;
		display: inline-block;
		position: relative;
	}
	.overlay ul li {
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}
	.overlay ul li a {
		width: 100%;
		display: block;
		white-space: nowrap;
		font-size: 22px;
		line-height: 1.8em;
		font-weight: bold;
		color: #fff;
	}
	.overlay ul li a:hover, .overlay ul li a:focus {
		color: #f0f0f0;
	}
	/* Effects */
	.overlay-door {
		visibility: hidden;
		width: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		-webkit-transition: width 0.5s 0.3s, visibility 0s 0.8s;
		transition: width 0.5s 0.3s, visibility 0s 0.8s;
	}
	.overlay-door.open {
		visibility: visible;
		width: 100%;
		-webkit-transition: width 0.5s;
		transition: width 0.5s;
	}
	.overlay-door nav {
		position: absolute;
		left: 50%;
		-webkit-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
	}
	.overlay-door nav, .overlay-door .overlay-close {
		opacity: 0;
		-webkit-transition: opacity 0.3s 0.5s;
		transition: opacity 0.3s 0.5s;
	}
	.overlay-door.open nav, .overlay-door.open .overlay-close {
		opacity: 1;
		-webkit-transition-delay: 0.5s;
		transition-delay: 0.5s;
	}
	.overlay-door.close nav, .overlay-door.close .overlay-close {
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}
}
@media screen and (max-height: 30.5em) {
	.overlay nav {
		height: 70%;
		font-size: 28px;
	}
	.overlay ul li {
		min-height: 34px;
	}
}