/* 認証画面: 予約サイトと同じレイアウト調整 */

/* 固定ヘッダー直下のコンテンツ重なり防止 */
.login_page .ec-layoutRole__main,
#page_mypage_login .ec-layoutRole__main {
  padding-top: var(--jof-header-height, 182px) !important;
}

@media screen and (max-width: 768px) {
  .login_page .ec-layoutRole__main,
  #page_mypage_login .ec-layoutRole__main {
    padding-top: var(--jof-header-height, 145px) !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1279px) {
  .login_page .ec-layoutRole__main,
  #page_mypage_login .ec-layoutRole__main {
    padding-top: var(--jof-header-height, 168px) !important;
  }
}

/* ヘッダー背面へのコンテンツの透け防止 */
.ec-layoutRole__header {
  background-color: #fff;
}

.ec-headerNaviRole {
  background-image: linear-gradient(30deg, #92e2ff 15%, #86f1e9 85%);
}

.l-header_foot,
.ec-headerMenuRole.l-header_foot {
  background-color: #fff;
}

/* フラッシュメッセージ未表示時はレイアウトに影響させない */
#data_success:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}