@charset "utf-8";

/*20201110*/

/* ナビ02 */
.hmc1 {
	background-color: #EAFFF9;
	font-weight: bold;
	border-color: #929090;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	transition: .3s;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.hmc1 a {
	color: #1BA18C;
		}
.hmc1:hover {
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
}
/*見出し明朝*/

.midashi01 {
	position: relative;
	display: inline-block;
	margin-top: 1em;
	margin-bottom: 0.5em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 20px;
}
.midashi01:before {
	content: '';
	position: absolute;
	bottom: -10px;
	border-bottom: solid 2px #1BA18C;
	display: inline-block;
	width: 60px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: black;/* アイコンの位置 */
}

.icon2 {
	position: relative;
	/* 値は調整してください */
	top: 10px;
}

	/* メニュー3 */
.hmc2 {
	
	background-color: #EAFFF9;
	border-color: #929090;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	transition: .3s;
}
.hmc2 a {
	color: #1BA18C;
		}
.scroll-table {
  overflow: auto;
  white-space: nowrap;
	}

/*202260522*/
.staff-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.staff-table th {
  background-color: #e6f4f1;
  color: #00695c;
  font-weight: bold;
  padding: 12px;
  border-bottom: 2px solid #33ae96;
}
.staff-table td {
  padding: 15px 12px;
  border-bottom: 1px solid #dee2e6;
}

/* --- 2. スマホ専用（画面の時だけ適用し、印刷には干渉させない） --- */
@media screen and (max-width: 991.98px) {
  .staff-table, .staff-table tbody, .staff-table tr, .staff-table td {
    display: block;
    width: 100% !important;
  }
  .staff-table thead { display: none; }
  .staff-table tr {
    margin-bottom: 25px;
    border: 1px solid #33ae96;
    border-radius: 8px;
  }
  .staff-table td:nth-of-type(1) { background-color: #f0fdfa; font-weight: bold; }
  .staff-table td:nth-of-type(2):before { content: "【認定資格】"; display: block; color: #33ae96; font-weight: bold; }
  .staff-table td:nth-of-type(3):before { content: "【主な専門分野】"; display: block; color: #33ae96; font-weight: bold; }
}

/* --- 3. 印刷時の設定（実績の表だけ調整） --- */
@media print {
  /* スタッフ表などの背景色や線をそのまま印刷する設定 */
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  /* 実績の表（table-performance）の文字だけを黒にする */
  .table-performance, 
  .table-performance th, 
  .table-performance td,
  .table-performance .bg-dark {
    color: #000 !important;
  }
}
/* お知らせ枠内のボタン調整 */
.alert-reservation-box {
    padding: 1.25rem !important;
}

/* 1. Web予約ボタン（紺色 × 白文字） */
.btn-navy-custom {
    background-color: #000D4E !important; /* 病院紺 */
    border: 1px solid #000D4E !important;
    color: #ffffff !important;
    transition: all 0.3s ease;
}
.btn-navy-custom:hover {
    background-color: #001a99 !important; /* ホバーで少し明るい紺（濃く見えます） */
    border: 1px solid #001a99 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.btn-navy-custom i, .btn-navy-custom span {
    color: #ffffff !important;
}

/* 2. LINE予約ボタン（緑） */
.btn-line-custom {
    background-color: #06C755 !important;
    border: 1px solid #06C755 !important;
    color: #ffffff !important;
    transition: all 0.3s ease;
}
.btn-line-custom:hover {
    background-color: #05a346 !important; /* ホバーで濃い緑 */
    border: 1px solid #05a346 !important;
    transform: translateY(-2px);
    filter: brightness(90%); /* さらに色を沈めて濃さを強調 */
}

/* 3. 医師一覧（外来）ボタン（白 → グレー） */
.btn-white-custom {
    background-color: #ffffff !important;
    border: 1px solid #dee2e6 !important;
    transition: all 0.3s ease;
}
.btn-white-custom:hover {
    background-color: #e9ecef !important; /* ホバーで薄いグレー（色が濃くなる） */
    border: 1px solid #ced4da !important;
    transform: translateY(-2px);
}