@media screen and (max-width: 780px) {
	
#mainimg .pc{
	display: none;
}
#mainimg .sp{
	display:inherit;
}
header img{
    height: 60px;
    width: auto;
}
footer img{
    height: 50px;
    width: auto;
}
.sp-br{
    display: inherit;
}
.recommendation ul{
    flex-direction:column-reverse;
    justify-content: center;
    list-style-type: none;
}
	
	.recommendation ul li {
		width:100%;
	}

	.recommendation-p{
		font-size:85%;
		padding-top:30px;
		padding-left:20px;
		padding-right:20px;
	}
	
.recommendation img{
    width: 250px;
    height: 250px;
	padding-right:0;
}
.shop ul{
flex-wrap: wrap;
}

.shop ul p{
    font-size: 95%;
    margin: 10px auto 50px;
}
.pcv{
    height: 0;
}
.shop-list li h4{
    font-size: 90%
}
.shop-list p{
    font-size: 75%;
}

.shop-menu, .sort-btn{
    justify-content: center;
}

.shop-menu li{
    margin: 0;
    width: 100%;
    background-color: #bf272d;
    border: 1px solid #fff;
    border-radius: 0px;
    padding: 3px;
}

.shop-menu li a{
    font-size: 75%;
}

.sort-btn li{
    margin: 0;
    width: 100%;
    border: 1px solid #fff;
    border-radius: 0px;
    font-size: 75%;
    padding: .5em;
}

.blog-text {
    font-size: 85%;
	line-height:1.8;
}
}

#main_content{
    width: 90%;
}

.openbtn{
    display: inherit;
}

.gnavi{
	width: 95%;
	margin-top: 10px;
}

.gnavi li{
	width:25%;
}

.gnavi img {
	width: 30%;
	height:30%;
	margin-top:20px;
}

header li a{
	font-size: 90%;
}

#footer_nav{
    display: none;
}

#footer img{
   margin-top: 30px;
}

h1{
    text-align: left;
    padding-left: 10px;
}

h2{
    font-size: 120%;
}

.greeting p{
    font-size: 85%;
}

.button p{
    font-size: 90%;
}

.shop img{
    width: 150px;
    height: 150px;
}

.shop ul li{
    margin:0  5px
}

.shop-list li{
    width: 95%;
}

.blank{
    display: none;
}

.shop-list li img {
    height: 80px;
}

.shop-explanation{
    width: 95%;
}

table{
    width: 95%;
}

th, td{
    display: block;
    text-align: center;
}

th{
    padding-left: 10px;
    width: 100%;
    color:#42210b;
}
td{
    background-color: #fff;
}
tr{
    border-bottom: none;
}
.shop-map{
    width: 95%;
}
.shop-name{
    font-size: 150%;
}
.shop-explanation p{
    font-size: 85%;
}
.shop-explanation h3{
    font-size: 100%;
}