p { margin-right: 0; margin-left: auto; width: 26%; line-height: 20px; } h1 { border-bottom: 10px double #3cb371; line-height: 20px; } rt{color: red; line-height: 20px; } img { text-align: center; width: 200px; height: 130px; } #map { height: 500px; width: 100%; } .leaflet-pulsing-icon { border-radius: 100%; box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.75); width: 12px; height: 12px; background-color: rgb(255, 0, 0); /* 青の半透明 */ position: relative; } .leaflet-pulsing-icon:after { content: ""; -webkit-border-radius: 100%; border-radius: 100%; height: 300%; width: 300%; position: absolute; margin: -100% 0 0 -100%; background-color: rgba(255, 101, 87, 0.747); animation: pulsate 2.1s ease-out infinite; } @keyframes pulsate { 0% { transform: scale(0.1, 0.1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 50% { opacity: 1; -ms-filter: none; filter: none; } 100% { transform: scale(1.8, 1.8); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } }