@media (min-device-width : 320px)
  and (max-device-width : 480px) {
    .footerlist li{
      margin-top: 3px;
      margin-bottom: 3px;
    }
    h1{
      line-height: 1em;
      margin: 0px;
    }
    .container{
      width: 100%;
    }
    .mokutekichi img,.gunre{
      height: auto;
    }
    div .chirashi{
      height: 100% ;
    }
    #setwidth,.mokutekichi,.mokutekichi img,.gunre,.chirashi,.info,.global ul li,.global ul{
      width: 100%;
    }
    .gunre,.mokutekichi{
      display: none;
    }
    .chirashi img{
      width: 25%;
    }
    .chirashi>div{
      width: 68%;
    }
    .header a:last-child{
      margin: 0 auto;
      display: block;
      height: auto;
    }
    .header a:last-child img{
      width: 60%;
      margin: 0 auto;
      height: auto;
      display: block;
      float: none;
      position: relative;
      left: 20%;
    }
.listhotel{
width:78%;
}
    .mobilemenu li{
      text-align: center;
      padding-top: 5px;
      padding-bottom: 5px;
    }
    .mobilemenu li a{
      text-decoration: none;
    }
    .global ul li:first-child{
      color: white !important;
      background: #4f0003;
    }
    .global ul{
      height: 355px;
    }
    .global ul li:first-child a{
      color: white ;
    }
    .global ul li{
      height: 40px;
      padding: 0px;
      text-align: center;
      line-height: 40px;
      margin-bottom: 5px;
    }
    .footer2 ul{
      width: 100%;
      float: none !important;
    }
    .footer2 ul li{
      float: none !important;
    }
    .pictures li img{
      height: 70px;
    }
    
    .leftdetail+img,.leftdetail{
      width: 100%;
    }
    .sightseeing img{
      width: 70%;
      display: block;
      margin: 0 auto;
    }
.sightseeing tr td:first-child{
	width:10%;
}
    .sightseeing tr:nth-child(2) td{
      font-size: 18px;
    }
    .global ul li:hover{
  border-bottom:none;
}
  }