html {
  -webkit-overflow-scrolling: touch;
    max-width: 375px;
    margin: 0 auto;

}



body{
  margin: 0;
  padding: 0;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic Pro', "Meiryo UI", "メイリオ", "Meiryo", "MS Pゴシック", "MS PGothic", sans-serif;
  text-decoration: none;
  color: inherit;
  font-feature-settings: "palt";


}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }}

.main{width:375px;margin:0 auto;}

img{
width:100%;
margin: 0px;
padding: 0px; 
vertical-align: bottom;
}
.main{
  background-color: #f7c8ce;
  
}
#shoparea{
  background-color: #fff;
  
}
.shop{
    padding:15px 30px;
    position:relative;
}
.shop_center{
    width:300px;
    font-size:16px;
    position:absolute;
    top:0%;
    left:4%;
    text-align:center;
}
.shop_left{
    position:absolute;
    width:35.5%;
    bottom:29%;
    left:11%;
}
.shop_right{
    position:absolute;
    width:33%;
    bottom:29%;
    right:14%;
}

* {
 margin: 0;
 padding: 0; 
}

span.green{
    font-size:17px;
    color:#61c1be;
    font-weight:bold;
}
p.hub{
  background-color: #fae4e2;
}
p{
    font-size:14px;
    line-height:2;
    padding:20px;
    text-align:center;
}

ul {
  list-style:none;
  display: flex;
  flex-wrap: wrap;
}

ul li{width:50%;}