@charset "utf-8";

@media print,screen and (min-width : 501px) {

#mainContents h2{
  background-color: #006837;
  color: #fff;
  padding: 10px 30px;
  display: inline-block;
  font-size:18px;font-size:1.8rem;
} 

#roomMsg{
  margin-top: 40px;
}


#room1{
  margin-top: 40px;
  font-size:16px;font-size:1.6rem;
}

#room ul{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -ms-flex-wrap: wrap;flex-wrap: wrap;
  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}
#room li{
  margin-bottom: 40px;
  width: 520px;
  font-size:14px;font-size:1.4rem;
}
#room .imgbox{
  margin-top: 20px;
}
#room .imgbox p{
  text-align: center;
  margin: 4px 0;
}
#room .imgbox .kakudai{
  margin-bottom: 10px;
  text-align: left;
}
#room .imgboxbtm{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
  margin-top: 10px;
}
#room .imgboxbtm div{
  width: 165px;
}
.plan a{
  margin: 0 auto 0 auto;
}


#facility{
  margin-top: 50px;
}

#facility1 .kakudai{
  margin-top: 20px;
  font-size:16px;font-size:1.6rem;
}
#facility1{
  margin-top: 20px;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -ms-flex-wrap: wrap;flex-wrap: wrap;
  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}
#facility1 li{
  width: 200px;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.4;
}
#facility1 li p{
  margin-top: 6px;
}


#facility2{
  margin-top: 20px;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -ms-flex-wrap: wrap;flex-wrap: wrap;
  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}
#facility2 li{
  width: 340px;
  margin-bottom: 20px;
  line-height: 1.4;
  background-color: #dfffe6;
  border:dashed 1px #999999;
  padding: 20px;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
}
#facility2 li h3{
  text-align: center;
  color: #009245;
  font-size:18px;font-size:1.8rem;
  margin-bottom: 4px;
}


#guidance{
  margin-top: 50px;
}
#guidance .fb{
  margin-top:30px;
  margin-bottom: 30px;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -ms-flex-wrap: wrap;flex-wrap: wrap;
  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}
.fbL{
  width: 500px;
}

#guidance dt{
  color: #006837;
  border:solid 1px #006837;
  text-align: center;
  font-size:18px;font-size:1.8rem;
  padding: 4px;
  margin-bottom: 20px;
}
#guidance li{
  margin-top: 4px;
  list-style-type: disc;
  margin-left: 20px;
}
#guidance li a{
  color: #0071bc;
  text-decoration: underline;
}

#pet{
  margin-top: 30px;
}




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

#mainContents h2{
  background-color: #006837;
  color: #fff;
  padding: 10px 30px;
  display: inline-block;
  font-size:18px;font-size:1.8rem;
} 

#roomMsg{
  margin-top: 20px;
}


#room1{
  margin-top: 40px;
  font-size:16px;font-size:1.6rem;
}
#room li{
  margin-bottom: 20px;
  font-size:14px;font-size:1.4rem;
}
#room .imgbox{
  margin-top: 10px;
}
#room .imgbox p{
  text-align: center;
  margin: 4px 0;
}
#room .imgbox .kakudai{
  margin-bottom: 10px;
  text-align: left;
}
#room .imgboxbtm{
  margin-top: 10px;
}
.plan a{
  margin: 0 auto 0 auto;
}


#facility{
  margin-top: 50px;
}

#facility .kakudai{
  margin-top: 20px;
  font-size:16px;font-size:1.6rem;
}
#facility1{
  margin-top: 20px;
}
#facility1 li{
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.4;
}
#facility1 li p{
  margin-top: 6px;
}


#facility2{
  margin-top: 20px;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -ms-flex-wrap: wrap;flex-wrap: wrap;
  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}
#facility2 li{
  margin-bottom: 20px;
  line-height: 1.4;
  background-color: #dfffe6;
  border:dashed 1px #999999;
  padding: 20px;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
}
#facility2 li h3{
  text-align: center;
  color: #009245;
  font-size:18px;font-size:1.8rem;
  margin-bottom: 4px;
}


#guidance{
  margin-top: 50px;
}
#guidance .fb{
  margin-top:30px;
  margin-bottom: 30px;
}
.fbL{
  margin-top:30px;
}

#guidance dt{
  color: #006837;
  border:solid 1px #006837;
  text-align: center;
  font-size:18px;font-size:1.8rem;
  padding: 4px;
  margin-bottom: 20px;
}
#guidance li{
  margin-top: 4px;
  list-style-type: disc;
  margin-left: 20px;
}
#guidance li a{
  color: #0071bc;
  text-decoration: underline;
}

#pet{
  margin-top: 30px;
}



}