body {
  font-family:  "メイリオ", "Meiryo","sans-serif";
  color: #333333;
}

/* 全体の box-sizing 統一 */
*, *::before, *::after {
    box-sizing: border-box;
}

/* 注意事項セクション */
.caution_area{
  max-height: 500px;
  overflow-y: scroll;
  overflow-wrap: break-word;
  font-size: 0.75rem;
}

/* 検索フィールド */
.search_filter{
  font-size: 0.75rem;
}

select, select option {
  font-size: 0.75rem !important;
}


/* DataTables の列罫線 */
table.dataTable th,
table.dataTable td {
    border-right: 1px solid #ccc;
}

/* 表レイアウト */
#store_list {
    table-layout: fixed !important;
    border: 1px solid #ccc;
}

table.dataTable {
  border: 1px solid #ccc;
}

.dataTables_scrollHeadInner table,
.dataTables_scrollBody table {
    table-layout: fixed !important;
}

/* DataTables のデフォルト padding を上書き */
table.dataTable > thead > tr > th,
table.dataTable > tbody > tr > td {
    padding-bottom:  0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-left: 3px !important;
}

table.dataTable thead th {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    line-height: 1.6 !important;
}


th{
  /* color: whitesmoke; */
  font-size: 0.8rem;
  font-family:  "UD新ゴ";
}

th {
    padding: 0 !important;
    margin: 0;
    line-height: 1.1; 
    vertical-align: middle;
}

th.no-line-height {
    line-height: normal; /* デフォルトの高さに戻す */
}

#store_list tbody tr {
  height: 50px;  /* 行の高さを固定 */
  font-size: 0.75rem;
}
.bi-search {
  font-size: 1.1rem;
  color: #555;
}


/* 背景色 */
.soft_pink{
  background-color: #f7b39e !important;
   /* background-color: #c23f18 !important; */
}

.soft_org{
  background-color: #f5d5af!important;
  /* background-color: #ca7c1c!important; */
}

.soft_green{
  background-color: #d1dfbc !important;
  /* background-color: #69942a !important; */
}

.soft_blue{
  background-color: #bfe5ee !important;
  /* background-color: #1878c2 !important; */
}

.center_middle {
  text-align: center  !important;
  vertical-align: middle;
}

footer {
  height: 50px;
}

a {
  text-decoration: none;
}

/* スクロールのカーソル */

.dataTables_scrollBody{
  cursor: grab;
}

.dataTables_scrollBody.dragging{
  cursor: grabbing;
}

.search_filter select {
  min-width: 100%;
}

/* レスポンシブ対応 */
@media (max-width: 768px){

.caution_area {
  height: 200px;
  overflow-y: scroll;
  overflow-wrap: break-word;
}
}

@media (max-width: 576px) {
  .scrollable-sm {
    /* 画面の60%ぶんを上限高さにして中身をスクロール */
    max-height: 60dvh;                 /* iOSのアドレスバー変動に強い */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; /* iOSの慣性スクロール */
    overscroll-behavior: contain;      /* 可能なら親へのバウンス伝播防止 */
    padding-bottom: env(safe-area-inset-bottom); /* iPhoneの安全域対策(任意) */
  }
}

@media (min-width: 992px) {
  .search_filter_card {
    width: 90% !important;
  }
}

@media (min-width: 1747px) {
  .search_filter_card {
    width: 50% !important;
  }
}