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

@media (min-width:950px){

.content2 {
	width : 75%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}



}

@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;
}


.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;
}

.logo {
	height: auto;
	width: 46%;
	float: left;
	padding: 2%;
}

.container_img, .container_img2, .container_img3 p {
    text-align: left;
}

}


@media (max-width:600px){
	
body {
    font-size: 15px;
    line-height: 28px;
}	
	
	
.intro-cap {
    line-height: 1.75em;
    font-size: 16px;
}	
	
h4 {
    line-height: 1.75em;
    font-size: 18px;
}
	
.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;
}


.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){
	
	
body {
    font-size: 14px;
    line-height: 28px;
}	


.container01 {
    font-size: 14px;
}
	
.container_img,.container_img2,.container_img3{
	text-align: left;
}	
	
h2 {
	font-size: 20px;
	line-height: 40px;
}

h4 {
    font-size: 20px;
    line-height: 30px;
}

.tel {
    font-size: 20px;
}


.logo {
	width: 90%;
	float: none;
	padding: 2%;
	font-size:14px;
}


	
}

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

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




	
}