/* for Responsive */


@media screen and (max-width:640px){
body{
	background:none;
}
#container{
	width:100%;
	background:#FFF;
}
#header{
	padding:0;
}
#header p{
    float: none;
    text-align: center;
}
#header p img{
    height: auto;
    width: 45%;
	padding:2%;
	text-align:center;
}
/*.midashi_sp{ display: none}
.midashi, .space50{ display: none}*/


#header, #contents, #footer, .midashi, #form, #info, #info td.name, .font{
	width: 100% !important
}
#form_wrapper, .head_right, #footer3{
	width: 94% !important;
	margin: 0 3%
}

h1.left{
  margin: 0;
  padding: 20px 0 0px;
  float: none;
  text-align: center 
}
h1.left img{
	width: 80%;
	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: #84000d;
	background: #fce5ca;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold
}
.midashi_sp span{
	font-size: 12px;
	color: #c00;
	font-weight: bold
}
.font{
	float: none;
	font-size: 14px
}
.shop_sp span{
	display: block;
	padding-left: 15px;
	font-size: 18px;
}
.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: 120%; height: auto text-ailing:center;}
img[src="common/img/form/thanks.gif"]{ width: 100%; height: auto}

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

.mb60.mt30.center{ margin: 60px 0}
.sp_btn{
	    margin: 15px;
}