@charset "utf-8";


/* -----------------------------------------------------------
    店舗情報
-------------------------------------------------------------- */
#shop{}


@media screen and (max-width: 667px){
	
}


/*    shop-area
-------------------------------------------------------------- */
.shop-area{
    width: 100%;
    background: #f6f6f6;
    padding: 60px 0 40px;
    margin: 40px 0;
}

.shop-wrap{
    display: flex;
    flex-wrap: wrap;
}

.shop-wrap > li{
    width: calc((100% - (20px * 3)) / 4);
    background: #fff;
    font-size: 1.4rem;
    padding: 0;
    margin: 0 20px 20px 0;
	text-align: center;
	color: #666;
}
.shop-wrap > li:nth-of-type(4n){
    margin: 0 0 20px;
}

.shop-img{
	padding: 0 0 30px;
}
.shop-img img{
	width: 100%;
}

.shop-name{
    font-size: 1.6rem;
    text-align: center;
	color: #333;
}
.shop-address{
    line-height: 1.7;
    margin: 10px 0 10px;
	text-align: center;
	padding-bottom: 20px;
}
.shop-tel{
	letter-spacing: 0.1em;
	padding: 0 0 30px;
}
.shop-tel a{
    color: #666;
}

.shop-tel::before{
	display: inline-block;
	margin: 0 5px 0 0;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1.4rem;
	content: "\f2a0";
}


@media screen and (max-width: 667px){

    .shop-area{
        padding: 20px 20px 10px;
        margin: 0;
    }

    .shop-wrap{
        display: block;
    }

    .shop-wrap > li{
        width: 100%;
        padding: 15px;
        margin: 0 0 20px;
		font-size: 1.5rem;
    }

    .shop-img{
		padding: 0 0 20px;
		text-align: center;
	}
	.shop-img img{
		max-width: 400px;
	}

	.shop-address{
		margin: 10px 0 10px;
		padding-bottom:0;
	}
	.shop-tel{
		padding: 0 0 5px;
	}
	
}