@charset "utf-8";
/* CSS Document */

#pcheader nav li:nth-child(5) {border-bottom: 3px solid #00b4ff;}

#map{margin-bottom: 40px;}
#map img{width: 100%;}

#road{width: 100%;}
#road .roadL{float: left; margin-bottom: 30px;}
#road .roadR{float: right; margin-bottom: 30px;}

#googlemap {
  margin: 0 auto;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#googlemap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
#mapbtn{float: right; margin-top: 20px; margin-bottom: 30px;}





/*================================================
 *  タブレット向けデザイン
 ================================================*/
@media screen and (max-width:1100px) {




}




/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {

#road .roadL{float: none; margin-bottom: 30px; text-align: center;}
#road .roadR{float: none; margin-bottom: 30px; text-align: center;}
#road img{width: 80%; margin-left: auto; margin-right: auto;}

#mapbtn{margin-top: 15px; margin-bottom: 20px;}
#mapbtn img{width: 100px;}

}