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

@media (min-width:950px){




}

@media (max-width:949px){
	
.sns {
	margin-bottom: 2em;
	height: 27px;
	width: 100%;
	text-align:center;
}

.content {
	width : 100% ;
	height: auto;
	padding-top:2em;
	padding-bottom:2em;
	padding-left:1em;
	padding-right:1em;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	
}

.info {
	height: auto;
	width : 100%;
	padding: 10px;
	border: 2px dashed #F90;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.howTo {
	font-size: 14px;
	line-height: 22px;
}

.inquiry-wrap {
	height: auto;
	width: 100%;
	margin-bottom:1em;
}

.logo {
	width: 100%;
	height: auto;
	margin-bottom:1em;
	float:none;
}

.shop-detail {
	height: auto;
	width: 100%;
	float:none;
	padding:0;
}

.ggmap {
	width:100%;
	height:auto;
}

.ggmap {
    position: relative;
    padding-bottom: 56%;
    height: 0;
    overflow: hidden;
}

.ggmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


.container01 ul h1 {
	text-align: left;
	font-size: 15px;
	line-height: 1.4em;
}

.container01 ul li {
	font-size: 14px;
	line-height: 1.4em;
	text-align: left;
	list-style-position: inside;
	list-style-type: disc;
}



}


@media (max-width:600px){
	
h4 {
	font-size: 30px;
	line-height: 40px;
	text-align: center;
}
	
.table-left {
	width:96%;
	padding:0 2%;
}

.table-right {
	width:96%;
	padding:2%;
}

.container_img {
	float: left;
	height: auto;
	width: 48%;
	margin: none 1% 1% none
	font-size: 12px;
}


.container_img2 {
	float: left;
	height: auto;
	width: 49.5%;
	font-size: 12px;
	text-align: center;
}


.page {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.page ul {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.page ul li {
	width: 6%;
	float: left;
	list-style-type: none;
	font-size: 14px;
	background-color: #333;
	text-align: center;
	display: block;
	margin-right: 6%;
	margin-left: 5%;
}

.spec {
	font-size: 0.9em;
	line-height: 1.5em;
}


.container01 ul {
	float: none;
	width: 55%;
	padding: 3% 3% 5% 3%;
	margin: 3px auto;
}

.container01 ul li {
	font-size: 15px;
}

}

@media (max-width:460px){
	
h2 {
	font-size: 20px;
	line-height: 40px;
}

h4 {
	font-size: 24px;
	line-height: 40px;
}
	
}

@media (max-width:320px){
	
h2 {
	font-size: 18px;
}

h4 {
	font-size: 15px;
	line-height: 40px;
}
	
}