@charset "utf-8";

.shop_main {
	padding:60px 0px 100px 0px;
	width:60%;
	max-width:720px;
	min-width:700px;
	margin:auto;
	}
.shop_main h1{
	border-bottom:solid 1px #707070;
	text-align:center;
	padding:20px 0px;
	color:#009cd3;
}
	
.shop_1 {
	display:flex;
	justify-content:space-between;
	border-bottom:solid 1px #707070;
	padding:25px 0px;
	color:#222222;
}

.shop_left h2{
	color:#222222;
	font-size:28px;
}
.shop_left span{
	font-size:18px;
}

.shop_btn {
	background-color:#009cd3;
	color:#fff;
	font-size:25px;
	padding:10px;
	margin:20px auto;
	
}
.shop_btn:hover{
	opacity: 0.8;
}
.shop_btn p{
	text-align:center;
}

@media(min-width:769px){
	.shop_btn {
	width:250px;
	
}
}
.address {
	padding:20px 0px;
}

.map{
	width:55%;
    height:100%;
}
.map iframe{
	width:100%;
}

@media(max-width:960px){
	.shop_main{
	width:90%;
	min-width:500px;
}
	.map{
	width:55%;
    height:100%;
	padding-left:10px;
}
}


@media(max-width:768px){
.shop_main{
	width:90%;
	min-width:320px;
}
.shop_1 {
	display:block;
	padding:25px 0px;
	width:100%;
}
	.map{
	width:100%;
    height:60%;
	padding-left:0px;
}
	
.shop_left{
	display:flex;
	}

.shop_left_flex{
	width:80vw;
	}
.shop_btn {
	font-size:20px;
	padding:10px 30px;
	margin:118px 0px 0px 0px;
	width:25vw;
}
	.address p{
	 font-size:15px;	
}
}
@media(max-width:520px){
	.shop_main h1{
	font-size:25px;
	padding:20px 0px;
}
.shop_left{
	display:block;
	}
	.shop_left_flex{
		padding-left:10px;
	}
.shop_left h2{
	font-size:20px;
}
.shop_left span{
	font-size:15px;
}
	.address p{
	 font-size:13px;	
}
	.shop_btn {
	font-size:20px;
	padding:10px 0px;
	margin:0px 0px 15px 0px;
	width:100%;
}
	.shop_left_flex{
	width:none;
}
}