@charset "UTF-8";
/*
 * 全体に関わるもの
 */
body {
  font-family: "Noto Sans JP", sans-serif;
}

/*
 * ABC 独自のもの
 */
.head-A {
  border-bottom: 1px solid #ccc;
  border-left: 5px solid #f0884a;
  font-size: 2rem;
  margin-bottom: 20px;
  padding: 0.3em 0.5em;
}

.head-C {
  background: #fff none repeat scroll 0 0;
  border-bottom: 2px solid #f0884a;
  border-left: 10px solid #f0884a;
  color: #f0884a;
  font-size: 1rem;
  font-weight: bold;
  padding: 3px 6px;
  margin-top: 50px;
  margin-bottom: 10px;
}

.item-ttl {
  border-bottom: 1px dotted #ddd;
  border-left: 3px solid #999;
  color: #333;
  font-weight: bold;
  margin-top: 30px;
  padding: 12px;
}

.item-ttl-complete {
  border-bottom: 1px dotted #ddd;
  border-left: 3px solid #999;
  background-color: #198754;
  color: white;
  font-weight: bold;
  margin-top: 30px;
  padding: 12px;
}

.input-dllist {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #ddd;
}

.main-menu-box {
  margin-bottom: 1rem;
}

.single_page {
  height: 60vh;
}

.main-title {
  margin: 0;
  padding: 0 1rem;
  border-bottom: solid;
  display: inline-block;
}

.yoyaku-card {
  background-color: antiquewhite;
  border-radius: 30px;
}

@media (min-width: 991px) {
  .main-menu-box {
    height: 20vh;
  }
}
@media (max-width: 600px) {
  .pass-input::-moz-placeholder {
    font-size: 13px;
  }
  .pass-input:-ms-input-placeholder {
    font-size: 13px;
  }
  .pass-input::placeholder {
    font-size: 13px;
  }
}
.btn-checkBox-Before {
  color: green;
  border: 1px solid green;
}

.btn-checkBox-Before:hover {
  color: green;
}

.background-shadow {
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
}

.outset-shadow {
  box-shadow: var(--shadow-elevation-high);
}

.inset-shadow {
  box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.5) inset;
}

.w-99 {
  width: 99%;
}

.modal-btn {
  border: 1px solid #333;
  border-radius: 50%;
}

:root {
  --shadow-color: 0deg 0% 66%;
  --shadow-elevation-low:
    0.1px 0.1px 0.2px hsl(var(--shadow-color) / 0),
    0.1px 0.1px 0.2px hsl(var(--shadow-color) / 0.2),
    0.2px 0.2px 0.4px hsl(var(--shadow-color) / 0.41);
  --shadow-elevation-medium:
    0.1px 0.1px 0.2px hsl(var(--shadow-color) / 0),
    0.2px 0.2px 0.4px hsl(var(--shadow-color) / 0.1),
    0.3px 0.3px 0.6px hsl(var(--shadow-color) / 0.2),
    0.6px 0.6px 1.3px hsl(var(--shadow-color) / 0.31),
    1px 1px 2.1px hsl(var(--shadow-color) / 0.41);
  --shadow-elevation-high:
    0.1px 0.1px 0.2px hsl(var(--shadow-color) / 0),
    0.4px 0.4px 0.8px hsl(var(--shadow-color) / 0.05),
    0.7px 0.7px 1.5px hsl(var(--shadow-color) / 0.1),
    1px 1px 2.1px hsl(var(--shadow-color) / 0.14),
    1.3px 1.3px 2.8px hsl(var(--shadow-color) / 0.19),
    1.7px 1.7px 3.6px hsl(var(--shadow-color) / 0.24),
    2.2px 2.2px 4.7px hsl(var(--shadow-color) / 0.29),
    2.8px 2.8px 5.9px hsl(var(--shadow-color) / 0.33),
    3.6px 3.6px 7.6px hsl(var(--shadow-color) / 0.38),
    4.7px 4.6px 9.9px hsl(var(--shadow-color) / 0.43);
}

.scroll-in-scroll::-webkit-scrollbar {
  width: 6px;
}

.scroll-in-scroll::-webkit-scrollbar-thumb {
  background-color: green;
  border-radius: 3px;
}

.scroll-in-scroll::-webkit-scrollbar-track {
  background-color: #999;
  border-radius: 3px;
}

.text-2rem {
  font-size: 2rem;
}

.ui_ver2-container-768 {
  max-width: 768px;
}

.ui_ver2-contents a {
  color: #000;
  text-decoration: underline;
  font-size: 0.8rem;
  cursor: pointer;
}
.ui_ver2-contents .btn {
  color: #fff;
  background-color: #198754;
  text-decoration: none;
}
.ui_ver2-contents .btn-tcclub {
  color: #fff;
  background-color: #9a7c5d;
  border-color: #9a7c5d;
  text-decoration: none;
}
.ui_ver2-contents .btn-outline-tcclub {
  color: #9a7c5d;
  background-color: transparent;
  border-color: #9a7c5d;
  text-decoration: none;
}
.ui_ver2-contents .btn-back-gray {
  color: #fff;
  background-color: rgb(100, 100, 100);
  text-align: center;
  text-decoration: none;
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
  border: 1px solid transparent;
  display: block;
}
.ui_ver2-contents .pe-text-decoration-none a {
  pointer-events: none;
  text-decoration: none;
}

.ui_ver2-selecters {
  padding: 0.5em;
  margin: 0.5em 0em 0.5em 1em;
  border-left: solid 2px #707070;
  word-break: break-all;
}

.head-double-line {
  display: flex;
  align-items: center;
}

.head-double-line:before,
.head-double-line:after {
  content: "";
  height: 6px;
  border-top: solid 2px;
  border-bottom: solid 2px;
  flex-grow: 1;
  min-width: 40px;
  margin: auto;
}

.border-bottom-dotted {
  border-bottom: dotted 3px #ccc;
}

.head-double-line:before {
  margin-right: 7px;
}

.head-double-line:after {
  margin-left: 7px;
}

.over-container {
  position: relative;
  display: inline-block;
}

.text-overlay {
  position: absolute;
  top: 50%; /* テキストを画像の中央に配置 */
  left: 50%; /* テキストを画像の中央に配置 */
  transform: translate(-50%, -50%); /* テキストを中央に寄せる */
  background-color: rgba(0, 0, 0, 0.5); /* テキストの背景色と透明度を設定 */
  color: white; /* テキストの文字色を設定 */
  padding: 10px; /* テキストの周りに余白を追加 */
  font-size: 18px; /* テキストのフォントサイズを設定 */
}

.disabled {
  color: #999999;
}

.table-yoyaku-show-small th {
  width: 50%;
}

@media (max-width: 600px) {
  .table-yoyaku-show th,
.table-yoyaku-show td {
    display: block;
  }
  .table-yoyaku-show-small th,
.table-yoyaku-show-small td {
    display: inline-block;
    width: 50%;
  }
}
.disabled-link {
  pointer-events: none;
  background-color: gray !important;
}

.circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 24px; /* 円内のテキストサイズを設定 */
  color: blue;
}

.cross {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 24px; /* 円内のテキストサイズを設定 */
  color: red;
}

.triangle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 24px; /* 円内のテキストサイズを設定 */
  color: green;
}

.row .calendar_col {
  flex: 0 0 14.28571%;
  max-width: 14.28571%;
}

.event_font {
  font-size: min(2vw, 16px);
}

.search {
  white-space: nowrap; /* テキストを折り返さないように設定 */
  overflow: hidden; /* 内容がセルの幅を超える場合は隠す */
  text-overflow: ellipsis; /* 内容がオーバーフローする場合にテキストの末尾に省略記号を表示 */
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.bg-tcclub {
  background-color: #9a7c5d !important;
}

.btn-tcclub {
  color: #fff;
  background-color: #9a7c5d;
  border-color: #9a7c5d;
}

.btn-tcclub:hover,
.btn-tcclub:focus,
.btn-tcclub:active {
  color: #fff;
  background-color: #87684b;
  border-color: #87684b;
}

.ui_ver2-contents .btn-tcclub:hover,
.ui_ver2-contents .btn-tcclub:focus,
.ui_ver2-contents .btn-tcclub:active {
  color: #fff;
  background-color: #87684b;
  border-color: #87684b;
}

.btn-outline-tcclub {
  color: #9a7c5d;
  border-color: #9a7c5d;
}

.btn-outline-tcclub:hover,
.btn-outline-tcclub:focus,
.btn-outline-tcclub:active {
  color: #fff;
  background-color: #9a7c5d;
  border-color: #9a7c5d;
}

.ui_ver2-contents .btn-outline-tcclub:hover,
.ui_ver2-contents .btn-outline-tcclub:focus,
.ui_ver2-contents .btn-outline-tcclub:active {
  color: #fff;
  background-color: #9a7c5d;
  border-color: #9a7c5d;
}

footer {
  margin-top: auto;
}

.button-as-link {
  background: none;
  border: none;
  color: blue;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
  font: inherit;
}

.kaiin_qr_image {
  width: 50%;
}
@media (max-width: 599px) {
  .kaiin_qr_image {
    width: 100%;
  }
}
@media (min-width: 600px) and (max-width: 1024px) {
  .kaiin_qr_image {
    width: 75%;
  }
}
@media (min-width: 1025px) {
  .kaiin_qr_image {
    width: 50%;
  }
}/*# sourceMappingURL=tc.css.map */