@charset "utf-8"; /* CSS Document */ /*******************マップ**************************/ #map{ margin:auto; max-width:600px; height:auto; margin-bottom:30px; overflow:hidden; } .ggmap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .ggmap iframe, .ggmap object, .ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*********************画像を切り替える************************/ .pc { display: block !important; } .sp { display: none !important; } /**************************************************************/ @media screen and (max-width:768px) { /******************画像を切り替える************************/ .pc { display: none !important; } .sp { display: block !important; } @media screen and (max-width:480px) {    /*********************マップ**********************/ #map{ margin:auto; max-width:90%; height:auto; margin-bottom:30px; } .ggmap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .ggmap iframe, .ggmap object, .ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }