ul{
padding-inline-start: 0;
}
.swal2-html-container {
font-size: 150%;
font-weight: bold;
text-align: center;
}
/* PCサイズ（横並び）ではキャンセルを左、確認を右 */
.swal2-actions {
display: flex !important;
flex-direction: row-reverse !important; /* ← これで左右が入れ替わる */
gap: 20px !important; /* ボタンの間隔 */
}
/* アラート本体のサイズ調整 */
.swal2-popup {
width: 80%;
max-width: 900px;
margin: 0 auto;
}
.swal2-radio {
display: flex !important;
flex-direction: row;
}
/* アイコンを非表示（v1 と同じ見た目にする） */
.swal2-icon {
 display: none !important;
}

/* タイトル非表示（v1 と同じ） */
.swal2-title {
 display: none !important;
}
.swal2-confirm, .swal2-cancel {
padding: 10px 40px;
margin: 10px auto;
font-size: 120%;
font-weight: 600;
color: white;
text-align: center;
cursor: pointer;
background-color: #4DA3FF;
border: 0;
-webkit-border-radius: 4px;
border-radius: 5px;
box-shadow: none;
}
/* OKボタン */
.swal2-confirm {
background-color: var(--main-color);
}
.swal2-confirm:hover{
background-color: #EF001D;
opacity: 0.5;
}
/* キャンセルボタン */
.swal2-cancel {
 background-color:#aaa;
}
.swal2-cancel:hover {
opacity: 0.5;
}
.swal2-confirm,
.swal2-cancel {
margin: 0 10px !important;
}
.RegionNoMsg::before {
position: relative;
top: 5px;
left: 0;
margin-right: 5px;
content: url('../img/cyuui_mark.png');
}
p.tel_link{
margin-top: 15px;
font-size: 110%;
}
.swal2-popup {
animation: slideDown 0.2s ease-out !important;
}
@keyframes slideDown {
from {
opacity: 0;
transform: translateY(-20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.swal2-popup.swal2-hide {
animation: slideUp 0.2s ease-in !important;
}
@keyframes slideUp {
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(-20px);
}
}

@media screen and (max-width: 600px) {
.swal2-popup {
width: 95%;
}
.swal2-html-container {
font-size: 120%;
}
.swal2-container,.swal2-html-container {
 padding: 5px 5px 0px 5px; /* ← 好きな値に変更 */
}
.swal2-actions {
flex-direction: column !important; /* 縦並び */
 }
.swal2-confirm {
order: 1; /* 上 */
}
.swal2-cancel {
order: 2; /* 下 */
}
}