@charset "UTF-8";
/* CSS Document */

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

#wrap{
	width:100%;
}
#header_wrap{
	width:100%;
	padding:.5em;
}
#header{
	width:100%;
	height:60px;
	background-size:60% auto;	
}
h1{
/*	margin-bottom:20px;*/
float:none;
width:50%;
margin:0 auto;
padding:0;
}

h1 a{width:100%;}

#info h2{
	width:92%;
	height: auto;
}
#info h2 a{
/*	display: inline;
	width:40%;
	float:right;
	margin-right:3%*/
	position:abusolute;
	right:1em;
}
#info3 h2{
	width:85%;
	height: auto;
	line-height: 1.2em;
	padding: 0.7em 1.5em 0.7em 2.5em;
	background-color:#E4E6E8;
}
#header_navi{
	display:none;
}
#header_navi a{
	width:100%;
	text-align:center;
	padding:15px 0;
}
#container{
	width:100%;
}

#container2{
	width:100%;
}

#slide{
	width:100%; 
}
#slide .bxslider li img{
	width:100%;
	height:auto;
}
.bx-wrapper .bx-prev {
	left: 10px !important;
}

.bx-wrapper .bx-next {
	right: 10px !important;
}
#content{
	width:93%; 
	margin:0 auto;
}

#left,#top #left{
	width:100%; 
	float: none;
	margin-left:0;
}

#right,#top #right{
	width:100%; 
	float: none;
	margin-right:0;
}

#present_bnr {
/*	float:left;
	margin-bottom:15px;
	width:50%;*/
}
#present_bnr img {
	width:95%;
	height:auto;
	display:block;
	margin:0 auto;
}
#right ul  {
	float:left;
	width:50%;
	margin-top:15px;
}
#right ul li {
}
#right ul li img {
	width:100%;
	height:auto;
}

#pagetop{
	width:93%;
	margin:30px auto 15px auto;
	padding:0;
}

#footer_wrap{
	width:100%;
}
#footer{
	width:93%;
	padding-left:0;
}


table#step{width:80% !important; }
table#step td { padding:5px !important;}

#form dl{ border-bottom:2px #999 solid;}
#form dt{ margin:5px 0 5px 10px;float: none; width:100%;padding:5px 10px;	font-weight:bold;text-align:justify;text-justify:distribute-all-lines; color:#666; border-left:3px #e30014 solid;}
#form dd { margin-left:0;padding:10px 0px 20px 20px;border-left: none;}
#form p{ text-align:center; margin:1em 0;} 

#main, #main2 { width:100%;}
#main img,#main2 img { width:50%; text-align: center !important; margin-bottom:10px; }
#form { width:100%; padding:0; margin:0 auto;}
#form #policy { width:100%; padding:.5em; margin:0 auto;}
#form #policy ol li {width:90%;}

#form #policy p{text-align:left;}

#form input { padding: 10px; }


a#try{	width:100% ;padding:1em 7em;
position: static !important;
margin-top:2em;
}

#mapField1{
	width:100% !important;
	}

/*
#info ul li {
	line-height: 2.5em;
	}
*/	
ul.cooplist li{ width:100%; }


/*--add--*/

#info,#info2{margin-bottom:1em;}

#info li a,#info2 li a{display:block;padding:5px 0;}

#info ul li,#info2 ul li{line-height:1.4em;}


/*--add 20160714--*/
.goods figure {width: 44%;float: left;margin: 1em .5em;}
.goods figure:nth-of-type(odd){clear:both;}
#info3 .goods p{position:relative;display:block;margin:0 0 .5em;}
#info3 aside figure{width:100%;margin:0}
#info3 aside h3+figure{float:none;}

#left .maker {margin:1em auto 2em;}
#present_bnr figure{margin-bottom:1em}

#present_bnr figcaption{top:0em;right:-.5em}
#present_bnr figure:first-child figcaption{bottom:0em;right:-.5em;top:inherit}
#present_bnr a{margin:.5em auto;}

/*--add--*/    
ul.cooppics li{width:100%;}
ul.cooppics li figure div{
width: 150px;/* トリミングしたい枠の幅 */
height: 150px;/* トリミングしたい枠の高さ */
}
#footer_wrap{height:auto;}  
div.hero{width:90%;margin:.5em auto 1em;}
    div.hero button{display:none}
ul.slide{margin:1em auto;width:100%;padding-bottom:1em;}
ul.slide figcaption{padding:.5em 1em;}
ul.thumnav{width:100%;margin:0 auto;}
.cooplist h3{padding:0;margin:.5em auto}
div.detail{padding:.5em}
.detail table.tbl th,.detail table.tbl td{display:block}
.detail table.tbl th,.detail .tbl tr:nth-child(even) th{background:#683c3c;color:#fff}