p {
  font-size: 14px;
  border-radius: 4px;
}

.custom-red-text {
  color: #C9184A;
}

img {
  border-radius: 5px;
  /* 角を丸くする（数値を調整） */
}

.entry-content h1 {
  line-height: 25px;
}

.entry-content h2 {
  line-height: 25px;
}

/* フォームのログインボタンの色チェンジ） */

.swpm-login-form-submit {
  border-color: #2A7BAF;
  /* ボーダーと背景色を統一 */
  background-color: #2A7BAF;
  color: #000000;
  /* 通常時の文字色を黒 */
  /* 影を強調 */
  padding: 10px 16px;
  /* より快適なパディング */
  display: inline-block;
  line-height: 1 !important;
  border-style: solid;
  border-width: 2px;
  /* ボーダーを強調 */
  border-radius: 5px;
  /* 角を少し丸める */
  cursor: pointer;
  /* ボタンらしさを追加 */
  transition: background-color 0.3s, border-color 0.3s;
  /* ホバー時の変化をスムーズに */
}

.swpm-login-form-submit:hover {
  background-color: #000000;
  /* ホバー時の背景を黒 */
  border-color: #000000;
  /* ホバー時のボーダーも黒 */
  color: #ffffff;
  /* ホバー時の文字色を白 */
}

.swpm-login-form-submit.swpm-submit-btn-default-style {
  background-color: #84dcc6;
  border-radius: 5px;
  /* 角を少し丸める */
}

.submit-button {
  background-color: #84dcc6;
  color: #000000;
  border: none;
  border-radius: 8px;
  /* 角を丸くする */
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* レジストする時のsubmit btn */

input[type="submit"].swpm-submit {
  background-color: #84dcc6;
  border-radius: 5px;
  color: #121111;
}

input[type="submit"].swpm-submit:hover {
  background-color: #000000;
  /* 背景を黒 */
  color: #ffffff;
  /* 文字を白 */
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

p {
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.5em;
  /* 見出しの下の余白を調整 */
}

p {
  margin-top: 0.2em;
  /* 段落の上の余白を調整 */
}

.page-content {
  color: white;
}


input[type=submit]:hover {
  background-color: #260404;
  color: #ffffff;
}

input[type=submit] {
  border-color: #84dcc6; /* ボーダーをみどり */
  background-color: #84dcc6; /* 背景もみどり */
  color: #000000; /* 通常時の文字色を黒 */
  padding: 10px 16px;
  display: inline-block;
  line-height: 1 !important;
  border-style: solid;
  border-width: 2px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

/* sticky footer */
hhtml, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.main-content {
    flex: 1; /* Pushes the footer to the bottom */
}

footer {
    background: #333;
    color: white;
    text-align: center;
    padding: 10px;
}