@charset "utf-8";

/*===============================================
  デフォルト
===============================================*/

#global-nav {
	display:none;
}

#header .navbtn {
	display:none;
}

/*===============================================
  画面の横幅が1024px以下に適用
===============================================*/
@media screen and (max-width: 1024px){
	
	img {
		max-width:100%;
	}
	
	
	#header {
		background:none;
	}
	
	#header .header {
		width:100%;
		padding:0;
		background:#ccc;
		position:relative;
	}

	#header .header h1 {
		float:none;
		padding:10px 0 10px 10px;
	}
	
	#header .header h1 img {
		max-height:20px;
	}
	
	#header .header ul.pcnav {
		display:none;
	}
	
	#header .navbtn {
		display:block;
		position:absolute;
		top:10px;
		right:10px;
		width:30px;
		cursor: pointer;
	}
	
	#header .navbtn span {
		display: block;
		position: absolute;
		height: 3px;
		width: 100%;
		background: #fff;
		left: 0;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}
	
	#header .navbtn span:nth-child(1) {
		top: 0;
	}
	
	#header .navbtn span:nth-child(2) {
		top: 8px;
	}
	
	#header .navbtn span:nth-child(3) {
		top: 16px;
	}
	
	/* global-nav */
	
	#global-nav.open {
		display:block;
	}
	
	#global-nav ul {
		font-size:1.2em;
		line-height:1.0;
	}
	
	#global-nav ul li {
		border-bottom:1px solid #fff;
	}
	
	#global-nav ul li:last-child {
		border-bottom:none;
	}
	
	#global-nav ul li a {
		display: block;
		color: #fff;
		text-align:center;
		padding:15px 0;
		background:rgba(153,153,153,0.8);
		text-decoration:none;
	}
	
	#global-nav ul li a:hover {
		text-decoration:none;
	}
	
	/* 切り替えアニメーション */
	#header .navbtn.move span:nth-child(1) {
		top: 12px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	#header .navbtn.move span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	#header .navbtn.move span:nth-child(3) {
		top: 12px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
	
	#glnav {
		display:none;
	}
	
	#container {
		padding:20px 0 30px;
	}
	
	
	
	#footer ul {
		display:none;
	}
	
	#footer address {
		background:#999;
	}


}
/*===============================================
  画面の横幅が640px以下に適用
===============================================*/
@media screen and (max-width: 640px){
	
	
	
}