@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: 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;
}

#shuffle{
  width: 100%;
  margin: 0 auto;
}

.goods_gaiyou{
  width: 80%;
}


.sp_wide{
  height: 100px;
  display: block;
}

.quote{
  width: 95%;
}
.timeline{
  padding: 0;
}

.timeline p{

    width: 80%;
}

.flexbox li{
  margin-bottom: 1rem;
}



dd{
  margin-left: 0;
}

dt{
    padding-left: 1.75rem;
}

.timeline img{
  max-width: 290px;
}

.timeline dl{
  padding-left: 1rem;
  margin-left:0;
}


.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%;
}
}