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

body{
  width: 100%;
}

p{
  width: 90%;
  font-size: 0.9rem;
}

h2{
  font-size: 1rem;
}

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

.soldout{

    width: 90%;
}
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;
}


.navigate{
  display: none;
}

.sp_nav{
  display: block;
}
.navigate li p{
    margin-bottom: 0;
    margin-top: 5px;
    padding: 10px;
    border: 1px solid #333;
    max-width: 90%;
    display: block;
    box-shadow: 0 0 0.25rem rgb(0 0 0 / 30%);
}

.navigate li img{
  margin-top: 1rem;
}

.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.85rem;
    font-weight: bold;
}

.shikishi_intro li{
  width: 44%;
}
}