/* for Responsive */

.midashi_sp{ display: none}

@media screen and (max-width:640px){

.midashi, .space50{ display: none}

#container, #header,#header2, #contents, #footer, .midashi, #form, #info, #info td.name, .font{
	width: 100% !important
}
#form_wrapper, .head_right, #footer3{
	width: 94% !important;
	margin: 0 3%
}
input{
padding:5px;
}
h1.left{
  margin: 0;
  padding: 20px 0 30px 10px !important;
  float: none;
  text-align: center 
}
#header{
	width:90% !important;
	margin:0 auto;
	padding:10px 20px 0;
}
h1.left img{
	width: 25%;
	height: auto;
}
.head_right{
	float: none;
}
.head_right li{
	width: 50%;
	margin: 0;
	text-align: center;
}
.midashi_sp{
	display: block;
	margin: 20px 0 10px;
	padding: 10px;
	color: #fff;
	background: #6E9CBA;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold
}
.midashi_sp span{
	font-size: 12px;
	color: #ffffd1;
	font-weight: bold
}
.font{
	float: none;
	font-size: 16px
}
.shop_sp span{
	display: block;
}
.shop_sp span.mt-1{
	margin-top: -1.5em
}
.shop_sp span.mr10{
	display: inline;
	padding-left: 3px;
}

#footer p{
	width: 40% !important;
	padding: 20px 30%;
}
#info{
	float: none;
	border: none !important
}
#info td{
	display: block;
	height: auto !important;
	padding: 8px 0 !important;
	border: none !important
}

#info td.left2l, #info td.left4l{
  width: 94% !important;
  margin-top: 10px;
  padding: 5px 3% !important
}
.center{ margin-bottom: 30px}
.head_right li img{ width: 98%; height: auto}
#footer img, .midashi img{ width: 94%; height: auto}
img[src="lib/img/form/thanks.gif"]{ width: 100%; height: auto}

#tel0, #tel1, #tel2{ width: 50% !important}
#mail0, #mail1, #mailconf0, #mailconf1{ width: 50% !important}
textarea{ width: 98% !important}

.mb60.mt30.center{ margin: 60px 0}
}