@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:0px;
	color:#009D53;
}*/
.shop_main-title{
	text-align:center;
	padding:80px 0 20px 0;
	color:#009D53;
	margin-bottom:30px;
}
.shop_1:first-child{
	border-top:solid 1px #707070;
}
.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;
}

.address {
	padding:20px 0px;
}
.time{
	margin:10px 0;
}
.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;
	}
	.address p{
	 font-size:15px;	
}
}
@media(max-width:520px){
	.shop_main-title{
	font-size:25px;
	padding:80px 0 0 0;
}
.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_left_flex{
	width:none;
}
}
/*ページネーションについて*/
.pagination-container{
	
}
.pagination{
	display:flex;
	justify-content:center;
	padding-left:0;
	margin-top:30px;
}
.pagination li{
	list-style: none;
	padding-left:0;
	font-weight:bold;
}
.number{
	list-style: none;
	color:#fff;
	margin:0 2px;
}
.prev a{
	padding:10px;
	background-color:#fff;
	color:#009D53;
	font-weight:bold;
	margin:0 2px;
	border-radius:5px;
	border:solid 2px #009D53;
}
.next a{
	padding:10px;
	background-color:#fff;
	color:#009D53;
	font-weight:bold;
	margin:0 2px;
	border-radius:5px;
	border:solid 2px #009D53;
}
.number a{
	padding:10px 16px;
	background-color:#009D53;
	color:#fff;
	font-weight:bold;
	margin:0 2px;
	border-radius:5px;
	border:solid 2px #009D53;
}
.number a:hover{
	background-color:#bcbcbc;
	color:#fff;
	border:solid 2px #bcbcbc;
}
.navi-active a{
	background-color:#bcbcbc;
	color:#fff;
	border:solid 2px #bcbcbc;
}
/*ショップボタン*/
.shop-btn {
	width:90%;
	margin:0 auto;
	max-width:720px;
}
.shop-btn1 {
	width:100%;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
}
.shop-btn2{
	width:16%;
	margin:2px;
	min-width:90px;
}
.shop-btn2 a{
	display:block;
	width:100%;
	background-color:#009D53;
	color:#fff;
	padding:10px 0;
	text-align:center;
	border-radius:10px;
}
.shop-btn2 a:hover{
	background-color:#BCBCBC;
	color:#fff;
}
@media(max-width:768px){
	.shop-btn2{
	width:19%;
	margin:2px;
	min-width:90px;
}
}
@media(max-width:640px){
	.shop-btn1 {
	flex-wrap: wrap
}
	.shop_main{
	padding-top:30px;
}
	.shop-btn2{
	width:24%;
	margin:2px;
	min-width:90px;
}
}
@media(max-width:520px){
	.shop-btn2{
	width:32%;
	margin:2px;
	min-width:85px;
}
}