p {
margin-right: 0;
margin-left: auto;
width: 26%;
line-height: 20px;
}
h1 {
border-bottom: 10px double #3cb371;
line-height: 40px;
}
rt{color: red;
line-height: 20px;
}
img {
text-align: center;
width: 200px; /* ← 修正 */
height: 130px;
}
#map {
height: 400px;
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);
}
}
#mozi2 {
height: 50px;
display: block;
text-align: auto;
margin-bottom: 10px;
background-color: #f0f0f0;
}
ul.simplemenu {
margin: 20px auto;
padding: 0;
list-style: none;
display: flex;
justify-content: center;
gap: 15px;
}
/* simplemenu 用の li */
ul.simplemenu li {
margin: 0;
padding: 0;
}
/* simplemenu 用の a */
ul.simplemenu li a {
display: block;
padding: 8px 18px;
text-decoration: none;
border-radius: 25px;
background: white;
border: 2px solid #3cb371;
color: #2b4a3f;
box-shadow: 0 2px 5px rgba(0,0,0,0.15);
transition: 0.25s;
font-weight: bold;
}
/* simplemenu ホバー */
ul.simplemenu li a:hover {
background: #3cb371;
color: white;
box-shadow: 0 3px 8px rgba(0,0,0,0.25);
}
/* 注意事項リスト(カード風) */
/* simplemenu 以外の ul のみに適用! */
ul:not(.simplemenu) {
width: 90%;
max-width: 800px;
margin: 0 auto 20px;
padding: 20px 25px;
background: white;
border-left: 6px solid #3cb371;
border-radius: 10px;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
text-align: left; /* ← ここで左揃えを明示 */
}
ul:not(.simplemenu) li {
margin: 8px 0;
line-height: 1.6;
text-align: left; /* ← 念のため左揃え */
}