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

  body {
    font-size: 15px;
    width: 100%;
  }


  p {
    font-size: 14px;
    padding: 0 5%;
  }
  .newinfo{
    width: 80%;
    font-size: 15px;
  }

  .flyer a{
    width: 95%;
  }

.goods ul li{

    width: 100%;
}

#dialog{
  left:0;
}

#boxes .window {
  top: 5%!important;
  left: 0;
}

.window img{
    min-width: inherit;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.sp_head{
  display: block;
}

.pc_head{
  display: none;
}
h2{

    font-size: 23px;
}
nav ul{

    flex-wrap: wrap;
    margin: 0 auto;
        width: 95%;
}

.illust ul p{

  	font-size: 14px;
    letter-spacing: normal;
}

.illust img{
  max-width: 100%;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));
}

.illust ul{

  list-style-type: none;
  padding-left:0;
  width: 95%;
  display: block;
  margin: 1rem auto;
}

.illust{

      width: 100%;
}

nav ul li{
    display: block;
    margin:1rem auto;
}

nav ul li a{
    width: 83%;
}


.container{
  width: 100%;
}

.akeome p{

    font-size: 1.1rem;
}

  .drink-des{
    font-style: normal;
    font-size: 14px;
  }

  .category h2{
    letter-spacing: 4px;
    font-size:25px;
  }
  img.game_psc{
    -webkit-filter: drop-shadow(0px 0px 6px rgba(0,0,0,.1));
    filter: drop-shadow(0px 0px 6px rgba(0,0,0,.1));
    max-width: 80%;
  }
  .a5 img{
    width: 100%;
  }
  .category{

    margin-bottom: 1rem;
  }

  .eventinfo h2{
    width: 50%;
    padding-top:1rem;
  }
.drink_ab{
  flex-wrap: wrap;
}
  .drink_ab li{
    width: 90%;
    margin-bottom:1rem;
  }

  .goods_img{
    width: 100%;
    margin:inherit;
    padding-top:0;
    margin-bottom: 1rem;
    padding: inherit;
  }

.gd-name{

    font-size: 14px;
}

  div.maste ul li{
    width: 100%;
  }

  .maste img{
    margin-bottom: 0;
  }
  .can img{
    width: 100%;
  }

  div.a5 ul li{
    width:95%;
  }

  .goods_img ul li{
    width: 30%;
  }

  .goods_img ul{
  padding: 0 10px;
  }

.goods_img li{
  margin-bottom: 0;
}

.window img.pc_head{
  display: none;
}

.window img.sp_head{
  display: block;
}

#dialog{

    width: 95%;
}

.container{
  padding-top:1rem;
}

.topimg{

      height: 234px;
}

.main li{
  margin-top:1rem;
  width: 100%!important;
}
    .acril ul li{
    width: 50%;
  }
.acril img{
  width: 100%;
}

.thumb li{
  width: 31%!important;
}

.seisaku_chu{
  margin: 0;
  margin-bottom: 1rem;
}

.web_to{
  margin-bottom: 40px;
}

.eventinfo{
    width: 90%;
    padding: 4%;
}

.eventinfo{
  margin:inherit;
  margin-bottom: 0;
}

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

.category{
    margin: 0;
}

.category h2{

    margin-bottom:1rem;
}

.eventinfo .kikan{
  font-size: 14px
}
  .gdbx{
    padding:0;
  }

  .title{
    position: relative;

        top: -88px;
        width: 80%!important;  }
  .maste img{
    width: 100%;
  }

  .topimg{
    width: 100%;
  }

  .topimg img.title{
    width: 90%;
  }

.flexbox{
  width: 95%;
}
.topimg img{
  width: 100%;
}
.psc{
  width: 90%;
  overflow: hidden;
}

.eventinfo p.introduction{
  font-size: 14px;
}

div.gamaguchi li{
  width: 95%;
}

.psc ul{
  padding: 0 10px;
}

.psc li{
  margin-bottom: 10px;
  width: 32%;
}

  .psc  img{
  	width: 100%;
}
.haifu{
text-align: center;
}

.kuji img{
  width: 90%;
}

  }
  .intro{
    padding:0 5%;
  }

  .webshop-btn{
    font-size:24px;
    width: 75%;
  }

footer p{
  text-align: center;
}

  .menubx p{
    font-size: 14px;
  }

  .category{
    min-height: inherit;
  }
}