@charset "utf-8";

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

#global-nav {
	display:none;
}

#header .navbtn {
	display:none;
}


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

	#header .header h1 {
		float:none;
		padding:10px 0 10px 10px;
	}
	
	#header .header h1 img {
		max-height:30px;
	}
	
	#header .header ul.hdnav {
		display:none;
	}
	
	#header .navbtn {
		display:block;
		position:absolute;
		top:15px;
		right:15px;
		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.dot {
		border-bottom:none;
	}
	
	#global-nav ul li:last-child {
		border-bottom:none;
	}
	
	#global-nav ul li a {
		display: block;
		color: #fff;
		text-align:center;
		padding:10px 0;
		background:rgba(0,0,0,0.8);
		text-decoration:none;
	}
	
	
	#global-nav ul li.dot a {
		border-bottom:1px dotted #FFF;
	}
	
	
	#global-nav ul li a:hover {
		text-decoration:none;
	}
	
	#global-nav ul li span {
		display: block;
		color: #fff;
		text-align:center;
		padding:10px 0;
		background:rgba(0,0,0,0.8);
		text-decoration:none;
	}
	
	#global-nav ul li span.trance {
		color:#666;
	}
	
	/* 切り替えアニメーション */
	#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 .inner {
		padding:30px 0;
	}
	
	#footer .inner .ftbox {
		width:94%;
		margin:0 auto;
	}
	
	#footer .inner .ftbox .corp {
		width:100%;
		float:none;
	}

	#footer .inner .ftbox .corp dt {
		margin:0 0 10px;
		text-align:center;
	}

	#footer .inner .ftbox .corp dd {
		font-size:1.2em;
		text-align:center;
	}
	
	#footer .inner .ftbox .corp dd a {
		text-decoration:underline;
		color:#000;
	}

	#footer .inner .ftbox .sitemap {
		display:none;
	}

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