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

body{
  width: 100%;
}

.intro{
  width: 100%;
}

p{
  width: 90%;
  font-size: 0.8rem;
}
.drink{
  width: 95%
}

.post li{

    flex-basis: 38%;
    max-width: 106px;
    padding: 2px;
}



ul.togo li{

    flex-basis: 48%;
    max-width: 170px;
}
h2{
  font-size: 1rem;
}

.intro_p{
      font-size: 15px;
}

.map iframe{
  width: 100%;
}

.novelty{
  max-width: 90%;
}

.car_p ul {
  width: 100%;
  flex-wrap: wrap;
}
h4{
  width: 80%;
}

.car_p li{
  width: 90%;
}

.navigate ul{
  flex-wrap: wrap;
}
.navigate ul li{
  width: 85%;
  margin-bottom: 1rem;
}

nav ul li{
  width: 95%;
  margin-bottom: 7px;
}
.shikishi_section{
  padding-top: 1rem;
}
.cart{
  width: 95%;
  padding: 5px;
}
.pc_header{
  display: none;
}


.sp_header{
  display: block;
}


.cart ul{
  flex-wrap: wrap;
}
.cart ul li{
  width: 95%;
}


.buy_box{
    padding: 1rem;
}

.kuji_select input{
    width: 220px;
}

.shikishi_intro{
  width: 100%;
}
.shikishi_intro p{
    font-size: 0.8rem;
    margin-bottom: 0.3rem;
}

.shikishi_intro p span{
  font-size: 0.5rem;
}

.shikishi_intro li{
  width: 44%;
}
}
