@charset "UTF-8";
/* =================================
 * ウィンドウ・フォントサイズ設定
 * ------------------------------ */
/*==========================================================
	フォント指定
==========================================================*/
/* =================================
 * カラー変数
 * ------------------------------ */
/* =================================
 * カラー定義
 * ------------------------------ */
:root {
  /* base */
  --color-white-100: #fdfeff;
  /* semantic */
  --main-white: var(--color-white-100);
  --text-muted: #888780;
  --st-available-bg: #e5f1e8;
}

/* =================================
 * レスポンシブ設定
 * ------------------------------ */
/* =================================
 * ホバー処理
 * ------------------------------ */
/* =========================================
ドロップシャドウ
----------------------------------------- */
/* =========================================
LINKボタン
----------------------------------------- */
/* =========================================
PageLINKボタン
----------------------------------------- */
/*================================
 日付選択
--------------------------------*/
/*================================
 ステータスボックス(JS併用版)
--------------------------------*/
/*================================
 空室ステータス(JS併用版)
--------------------------------*/
/* ===========================================================
        ログインページ
=========================================================== */
.login-page {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.login-page .login-card {
  width: 100%;
  max-width: 400px;
  background: #fff;
  border: 1px solid #d3d4cc;
  border-top: 4px solid #7a3f49;
  border-radius: 6px;
  padding: 100px 36px 44px;
  font-size: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login-page .login-card h2 {
  font-size: max(12px, 1.25em);
  letter-spacing: 0.08em;
  font-weight: 700;
  position: relative;
}
.login-page .login-card h2::before {
  content: "";
  position: absolute;
  left: 50%;
  translate: -50%;
  bottom: calc(100% + 2rem);
  width: 3rem;
  aspect-ratio: 60/59;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 59" fill="%237a3f49"><path d="M29.98,59c-8.89,0-15.57-1.51-21.03-4.74-2.94-1.74-5.18-3.69-6.66-5.81-1.52-2.17-2.29-4.56-2.29-7.12,0-2.72.93-5.24,2.75-7.51,1.18-1.46,2.77-2.85,4.72-4.13.25-.16.54-.25.83-.25.43,0,.84.18,1.13.5.51.56.54,1.39.07,1.98-2.71,3.46-4.27,6.48-4.27,8.29,0,3.47,2.37,6.51,7.03,9.04,4.83,2.62,10.79,3.96,17.72,3.96s12.89-1.37,17.72-4.07c4.68-2.62,7.06-5.76,7.06-9.34,0-1.71-1.25-4.61-3.42-7.96-.4-.62-.3-1.44.24-1.95.28-.27.65-.41,1.04-.41.33,0,.65.11.91.3,4.29,3.22,6.46,6.96,6.46,11.14,0,5.19-3.02,9.63-8.97,13.22-5.52,3.32-12.21,4.86-21.05,4.86Z"/><path d="M29.1,44.48c-.27,0-.53-.07-.76-.2-.63-.36-.92-1.13-.69-1.82,1.39-4.08,2.16-7.3,2.16-9.07,0-2.84-.89-6.25-2.65-10.11-1.84-4-2.77-7.66-2.77-10.87,0-4.17,1.61-8.16,4.78-11.86.29-.34.71-.53,1.16-.53.26,0,.52.07.74.19.63.35.93,1.11.71,1.8-1.17,3.71-1.81,6.71-1.81,8.45,0,2.92.86,6.27,2.54,9.96,1.68,3.72,2.54,7.33,2.54,10.71,0,4.86-1.57,9.06-4.79,12.83-.29.34-.71.53-1.16.53Z"/><path d="M16.24,42.23c-.26,0-.51-.07-.74-.19-.64-.36-.94-1.12-.71-1.82,1.18-3.55,1.83-6.35,1.83-7.9,0-2.58-.78-5.57-2.37-9.15-1.66-3.62-2.5-6.93-2.5-9.84,0-3.68,1.39-7.22,4.12-10.53.29-.35.72-.55,1.17-.55.25,0,.5.06.72.18.64.35.95,1.1.73,1.8-.69,2.27-1.52,5.39-1.52,7.32,0,2.63.76,5.66,2.27,8.99,1.52,3.36,2.29,6.64,2.29,9.75,0,4.22-1.39,8.05-4.13,11.39-.29.35-.72.56-1.18.56Z"/><path d="M42.52,42.21c-.26,0-.51-.07-.74-.19-.65-.36-.94-1.13-.71-1.83,1.19-3.53,1.84-6.33,1.84-7.87,0-2.58-.79-5.64-2.35-9.11-1.67-3.7-2.52-7.04-2.52-9.92,0-3.66,1.37-7.18,4.08-10.48.29-.35.72-.56,1.18-.56.25,0,.5.06.72.18.64.34.95,1.1.74,1.8-.69,2.28-1.52,5.4-1.52,7.35,0,2.63.76,5.64,2.27,8.95,1.52,3.37,2.29,6.65,2.29,9.75,0,4.2-1.38,8.03-4.11,11.36-.29.36-.72.56-1.18.56Z"/></svg>');
}
.login-page .login-card h3 {
  font-size: max(12px, 0.875em);
  color: 12;
  margin-top: 0.5rem;
  margin-bottom: 3rem;
}
.login-page .login-error {
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 8px;
  background: #f7eeee;
  border: 1px solid #e3b7b4;
  font-size: inherit;
  border-radius: 6px;
  padding: 10px 12px;
  margin-bottom: 1rem;
}
.login-page .login-error span {
  position: relative;
  color: #963631;
  font-size: max(12px, 0.875em);
  padding-left: 1.8em;
}
.login-page .login-error span::before {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  left: 0;
  width: 1.8rem;
  aspect-ratio: 2048/2048;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2048 2048" fill="%23963631"><path fill="currentColor" d="M960 0q133 0 255 34t230 96t194 150t150 195t97 229t34 256q0 133-34 255t-96 230t-150 194t-195 150t-229 97t-256 34q-133 0-255-34t-230-96t-194-150t-150-195t-97-229T0 960q0-133 34-255t96-230t150-194t195-150t229-97T960 0m0 1792q114 0 220-30t199-84t169-130t130-168t84-199t30-221t-30-220t-84-199t-130-169t-168-130t-199-84t-221-30q-115 0-221 30t-198 84t-169 130t-130 168t-84 199t-30 221q0 114 30 220t84 199t130 169t168 130t199 84t221 30M896 512h128v640H896zm0 768h128v128H896z" /></svg>');
}
.login-page .login-card.is-error .login-error {
  display: flex;
}
.login-page dl {
  position: relative;
  font-size: inherit;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
}
.login-page dl > div {
  font-size: inherit;
  display: flex;
  flex-direction: column;
}
.login-page dl > div dt {
  font-size: inherit;
}
.login-page dl > div dt label {
  font-size: 12px;
  font-weight: 500;
}
.login-page dl > div dd {
  font-size: inherit;
}
.login-page .btn-login {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: inherit;
  background-color: #7a3f49;
  width: 100%;
  margin-top: 1.6rem;
  border-radius: 4px;
  height: 4.8rem;
}
.login-page .btn-login span {
  position: relative;
  color: #fff;
  font-size: max(12px, 1em);
  font-weight: 700;
  padding-left: 1.6em;
  letter-spacing: 0.1em;
}
.login-page .btn-login span::before {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  left: 0;
  width: 2rem;
  aspect-ratio: 24/24;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23fff"><path d="M20.944 18.432a2.577 2.577 0 0 1-2.729 2.5c-2.153.012-4.307 0-6.46 0a.5.5 0 0 1 0-1c2.2 0 4.4.032 6.6 0c1.107-.016 1.589-.848 1.589-1.838V5.63a1.545 1.545 0 0 0-.969-1.471a3 3 0 0 0-1.061-.095h-6.159a.5.5 0 0 1 0-1c2.225 0 4.465-.085 6.688 0a2.566 2.566 0 0 1 2.5 2.67Z" /> <path d="M15.794 12.354a.46.46 0 0 0 .138-.312l.006-.042l-.006-.041a.46.46 0 0 0-.138-.313l-3.669-3.668a.5.5 0 0 0-.707.707l2.816 2.815H3.492a.5.5 0 0 0 0 1h10.742l-2.816 2.815a.5.5 0 0 0 .707.707Z" /></svg>');
}
.login-page .login-note {
  margin-top: 18px;
  text-align: center;
  font-size: 12px;
  color: var(--text-muted);
}

/*# sourceMappingURL=index.css.map */