@media only screen and (max-width:547px) {
.Google{ 
  padding-top: 15px;
  width: 300px;
  height: 30px;
  margin-left: auto;
  display: none;
}
  .logo{
  float: left;
  padding-top: 6px;
  width: 100%;
  text-align : center;
}


.slider{
    margin: 10px auto;
    width: 80%;
    max-width: 1000px;
}
.slider img{
    width: 100%;
}

.top-banner{
 padding-top: 0px;
  flex-wrap:wrap;
　justify-content: center;
}

.top-banner p{
  width: 80%;
}
.main{ 
  max-width: 95%;
  height:auto;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.left{
  width: 90%;
}

.info-t{
  padding-top: 10px;
  padding-left: 10px;
  font-size: 20px;
  font-weight: bold;
  color:#4682b4;
}
.info{
position: relative;
  float: left;
  width: 93%;
  height:auto;
  padding: 0.5em 1em;
  margin: 0em 10px;
  color: #5d627b;
  background: #eee;
  border-top: solid 5px #4682b4;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

.info p{
  font-size: 13px;
  border-bottom: dashed 1px;
  padding: 5px 4px;
  width: 100%;
  white-space:normal;
}

.info a{
  color: #000000;
  text-decoration: none;
}

.info a:hover{
 color : #ff7043;
}

.right{
 width: 100%;
}

.br::before {
  content: "\A" ;
  white-space: pre ;
}

.bus{
 padding-top: 0px;
  flex-wrap:wrap;
　justify-content: center;
width: 93%;
}

.bus p{

}
.sid{
  width: 85%;
 list-style-type: none;
 padding-right: 20px;
  display: block; 
  margin: 0 auto; 
}

.sid ul {
  display: initial;
}
.sid li {
  width: 100%;
  display: block; 
  margin: 0 auto; 
}

.sid li a{
  color: #000000;
  text-decoration: none;
  font-size: 8px;
}

.sid li a:hover{
 color : #ff7043;
}
}