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

header img{
  width: 100%;
}

footer{
  padding:15px;
}

p{
  font-size: 12px;
}

.goods_area p{
  font-size: 12px;
}

.goods_area img{
  width: 95%;
}

.goodsinfo{

    margin-bottom: 30px;
}

.illust_area p{

    margin-top: 0;
    display: block;
    margin: 4px auto;
    padding: 5px;
    width: 85%;
    background-color: whitesmoke;
    -webkit-filter: drop-shadow(0px 0px 6px rgba(0,0,0,.2));
    filter: drop-shadow(0px 0px 6px rgba(0,0,0,.2));
  }
h4{
  width: 80%;
  font-size: 16px;
}

h3.midashi{
    font-size: 20px;
    width: 80%;
    margin-bottom: 20px;
}

.goods_area h3.midashi{
width: 80%;
}

.illust_area img{
  width: 90%;
  -webkit-filter: drop-shadow(0px 0px 6px rgba(0,0,0,.2));
  filter: drop-shadow(0px 0px 6px rgba(0,0,0,.2));
}

.illust_area li{
  width: 48%;
}

.a4{
  padding-top:0;
  width: 90%;
}

.a4 li{
  width: 50%;
}

.acril{
  width: 90%;
}

.acril li{
  width: 50%;

}

.goods_info{
    width: 65%;
    margin: 20px auto;
}


.illust_area li{
  margin-bottom: 20px;
}

.shikishi li{
  width: 33%;
}

h5{
  font-size: 15px;
    font-weight: bold;
    margin-bottom: -13px;
    margin-top: 0;
    padding: 0;
}

.role{
    font-size: 11px;
    margin-top: -0.15rem;
    display: block;
}

.acril img{
  width: 100%;
}

.illust_area ul{
  margin-bottom:0;
  justify-content: center;
}


.wrapper{
  width: 100%;
}

}