@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1100px),screen and (max-height:660px){
	body{
		overflow-x: hidden;
	}
	header{
		right: auto;
		left: 30px;
		font-size: 0.875em;
		line-height: 30px;
	}
	.index header{
		left: 30px;
		top: 0;
		-webkit-transform:none;
		transform: none;
	}
	.index .mainMenu{
	  margin-top: 0px;
	  height: 0px;
	}
	.openMenu .mainMenu, .index .openMenu .mainMenu{
		height: 320px;
	}
	.mainMenu{
		line-height: 40px;
	}
	.menuBtn{
		position: static;
		background: #444;
		-webkit-transform: none;
		transform: none;
		margin: 10px 0 -10px -30px;
	}
	.openMenu .menuBtn img{
		margin-top: -30px;
	}
	.mainMenu ul{
		visibility: hidden;
		-ms-transition: visibility 0s 0.6s;
		transition: visibility 0s 0.6s;
	}
	.openMenu .mainMenu ul{
		visibility: visible;
		-ms-transition-delay: 0s;
		transition-delay: 0s;
	}
	/*main*/
	.main{
		position: relative;
	}
	/*footer*/
	footer{
		position: static;
		padding: 5px 10px;
		overflow: hidden;
	}
	.index footer{
		position: fixed;
	}
	.bFB{
		position: static;
		display: inline-block;
		vertical-align: middle;
		margin-left: 5px;
	}
	.bFB img{
		margin-top: -35px;
	}
	.index .bFB img{
		margin-top: 0;
	}
}
@media screen and (max-width:640px){
	header{
		padding: 10px 0 10px 30px;
	}
	.logo{
		height: 30px;
	}
	.openMenu .mainMenu, .index .openMenu .mainMenu{
		margin-top: 10px;
	}
}
@media screen and (max-width:480px){
	header,.index header{
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}