@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%;

}

}