@media screen and (max-width: 640px){
/*
0:Base
------------------------------------------------------------
*/
.pc {
	display:none;
}
body{
	font-size:12px;
	line-height:1.5;
}
img{
	width:100%;
	height:auto;
}
.sp{
	display:block;
}
.pc{
	display:none;
}
#topcontrol{
	display:none;
}
h1 img {
	width: 60% !important;
	margin: 50px 20%;
}
.inner {
	width: 100% !important;
	margin-bottom: 40px;
}
.inner2 {
	width: 100%;
	margin-bottom: 40px;
}
h2.topTi{
	width:50%;
	margin: 0 25% 30px;
}
ul.topBox li {
	width: 70%;
	margin: 0 15%;
}
ul.topBox li.topCenter {
	width: 90%;
	margin: 20px 5% 30px;
}
.left {
	float:none;
}
.beigeWrap {
	padding: 50px 0 20px;
}
.beigeWrap img {
	width: 80%;
	margin: 0 10% 20px;
}
.beigeBox {
	float:none;
	width: 80%;
	margin: 0 10% 30px;
}
ul.gallery {
	margin: 0 10%;
}
ul.gallery li {
	width: 100%;
	margin-bottom: 20px;
}
.topLeft40 {
	width: 93%;
	margin:0 3.5% 30px;
}
.topRight60{
	width: 93%;
	margin:0 3.5% 30px;
}
.faceB {
	width: 7%;
	right:0px;
	top: 0px;
}
.fLogo {
	width: 50% ;
	margin: 50px 25%;
}
.block {
	width: 10%;
	margin: 0 45% 20px;
}
ul.topShop {
	margin: 30px 6.5% 0;
	width: 87%;
}
ul.topShop li {
	width: 100%;
	float:none;
	border-left: 0px solid #000;
	border-bottom: 1px solid #f7f7f7;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
ul.topShop li:nth-child(3n) {
	border-bottom: 0px;
}
.faceBnr {
	width: 80%;
	margin: 0 10% 15px;
}
.migi img {
	width: 10%;
	margin: 0 45% 15px;
}
p.topP1 img {
	padding-top: 10px;
	width: 50%;
	margin: 0 25%;
}
h3.topTi {
	line-height: 1.7em;
	font-size: 1.7em;
}
h4.topTi {
	font-size: 1.7em;
}
.blackWrap {
	margin: 70px 0;
}
p.topP2 {
	margin: 0 15% 20px;
}
p.topTi {
	margin-bottom: 30px;
}
}