@charset "utf-8";

@media only screen and (max-width:640px) {
	html {
		font-size: 62.5%; /* 10px */
	}
	.page {
		min-width: inherit;
		font-size: 12px;
	}
	.wrap {
		width: auto;
	    padding: 0 10px;
	}
	.cap,
	.caption {
		line-height: 1.7;
		font-size: 0.6rem;
	}

/* header */
	#gHeader .mainVisual .main {
		display: none;
	}
	#gHeader .mainVisual .main_sp {
		display: block;
	}

	#gHeader .mainVisual .siteTitle {
		width: 72.1875%;
	}
	#gHeader .mainVisual .siteTitle img.pc {
		display: none;
	}
	#gHeader .mainVisual .siteTitle img.sp {
		display: block;
	}

	#gHeader .mainVisual .caption {
		bottom: -20px;
		color: #666;
	}

/* footer */
	body #gFooter {
		font-size: 10px;
		padding: 20px 0 10px;
	}
	#gFooter .ftr_logo,
	#fNav,
	#fNav li {
		float:  none;
		text-align: center;
	}
	#gFooter .ftr_logo,
	#fNav {
		margin-bottom: 20px;
	}

	#gFooter .copyright {
		text-align: center;
		font-size: 0.8rem;
	}

}