@charset "utf-8";

body {
  /*font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;*/
  font-family: sans-serif;
}

/*タイトル行（tableの先頭行、cardのタイトル等に適用）*/
.jmed-title {
    background-color: #e7eaed;
    font-weight: bold;
}

/*タイトル行の太字＆下線*/
.table thead th {
    border-bottom: 1px solid #000;
    font-weight: bold;
}

/*表内の下線*/
.table tbody th,
.table tbody td {
    border-bottom: 1px solid #d8d8d8;
}

.table th,
.table td {
  vertical-align: middle;
  line-height: 1.2 !important;
}

/*背景色*/
.jmed-bg-yellow {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}

.jmed-bg-green {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

/*説明文の文字サイズ*/
.jmed-caption-sm {
    font-size:0.9rem;
    line-height:1.2rem;
}

/*説明文の文字強調*/
.jmed-caption-bold {
    font-weight: 550;
}

/*バッヂ*/
.jmed-badge-danger {
    color: #fff;
    background-color: #dc3545;
    font-weight: bold;
}

.jmed-badge-green {
    color: #fff;
    background-color: #198754;
    font-weight: bold;
}

/*ダッシュボード*/
.jmed-dashboard-button {
    /*
    padding: 2.5rem 1.5rem 2.5rem 1.5rem !important;  
    margin-bottom: 1rem !important;
    */
    padding: 2.5rem 1.5rem 2.5rem 1.5rem !important;  
    margin-bottom: 1rem !important;
    border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;    
}

.jmed-dashboard-button-webyoyaku {
    /*
    background: #0177b5;
    */
    color: #8b4513;
    border: 1px solid #63992e;
    background: #f2ffe5;
    box-shadow: -4px -4px 8px #fff, 4px 4px 8px rgb(0 0 0 / 24%);
    transition-duration: 0.4s;
}

.jmed-dashboard-button-webyoyaku:hover {
    color: #ffffff;
    background: #63992e;
}

.jmed-dashboard-button-stress {
    /*
    background: #008080;
    */
    color: #8b4513;
    border: 1px solid #5a7be0;
    background: #e6ffff;
    box-shadow: -4px -4px 8px #fff, 4px 4px 8px rgb(0 0 0 / 24%);
    transition-duration: 0.4s;
}

.jmed-dashboard-button-stress:hover {
    color: #ffffff;
    background: #6666ff;
}

.jmed-dashboard-button-mailbox {
    /*
    background: #a52a2a;
    */
    color: #8b4513;
    border: 1px solid #ffa399;
    background: #ffe4e1;
    box-shadow: -4px -4px 8px #fff, 4px 4px 8px rgb(0 0 0 / 24%);
    transition-duration: 0.4s;
}

.jmed-dashboard-button-mailbox:hover {
    color: #ffffff;
    background: #ff7566;
}

.jmed-dashboard-button-school {
    color: #8b4513;
    border: 1px solid #f5a818;
    background: #f5deb3;
    box-shadow: -4px -4px 8px #fff, 4px 4px 8px rgb(0 0 0 / 24%);
    transition-duration: 0.4s;
}

.jmed-dashboard-button-school:hover {
    color: #ffffff;
    background: #f5a818;
}

.jmed-dashboard-title {
    font-weight:bold;
    /*
    font-size:1.1rem;
    */
    font-size:1.2rem;
}

.jmed-dashboard-description {
    white-space:break-spaces;
    font-size:0.9rem;
}


/*
フォーム関連
*/

.jmed-form-title {
    margin-bottom: 1.5rem !important;
}

.jmed-form-title h1 {
    font-size: 1.4rem;
}

.jmed-form-title h2 {
    font-size: 1.3rem;
}

.jmed-form-caption {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    margin-bottom: 1rem !important;
}

.jmed-form-button-top {
    margin-bottom: 1.5rem;
}

.jmed-form-button-bottom {
    margin-top: 1.5rem;
}

.jmed-form-fld-name {
    background-color: #e7eaed;
    margin-top: 0.5rem !important;
    padding: 0.5rem !important;
    font-weight: bold;    
}

.jmed-form-fld-value {
    padding: 0.5rem !important;
}

.jmed-form-fld-input {
    padding: 0.7rem 0.5rem 0.5rem 0.5rem !important;
}

.jmed-form-done {
    padding: 2rem 1rem 1rem 1rem !important;
}

.jmed-form-done p {
    margin-bottom: 1.2rem;
}

.jmed-form-err-text {
  color: #dc3545;
  font-size:0.8rem;
}

/*
ボタン
*/

/*新規*/
.jmed-btn-new {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}

.jmed-btn-new:hover {
  color: #000;
  background-color: #ffda6b;
  border-color: #ffda6b;
}

.jmed-btn-new-outline {
  color: #000;
  border-color: #6c757d;
}

.jmed-btn-new-outline:hover {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}

/*次へ*/
.jmed-btn-next {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}

.jmed-btn-next:hover {
  color: #fff;
  background-color: #115937;
  border-color: #115937;
}

.jmed-btn-next-outline {
  color: #198754;
  border-color: #198754;
}

.jmed-btn-next-outline:hover {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}

/*戻る*/
.jmed-btn-back {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.jmed-btn-back:hover {
  color: #fff;
  background-color: #53595f;
  border-color: #53595f;
}

.jmed-btn-back-outline {
  color: #000;
  border-color: #6c757d;
}

.jmed-btn-back-outline:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}


/*確定*/
.jmed-btn-fix {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.jmed-btn-fix:hover {
  color: #fff;
  background-color: #ff330f;
  border-color: #ff330f;
}

/*詳細*/
.jmed-btn-detail {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.jmed-btn-detail:hover {
  color: #fff;
  background-color: #0259d4;
  border-color: #0259d4;
}

.jmed-btn-detail-outline {
  color: #0d6efd;
  border-color: #0d6efd;
}

.jmed-btn-detail-outline:hover {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

/*計画切り替え*/
.jmed-btn-mcp {
  color: #000;
  background-color: #ffa500;
  border-color: #ffa500;
  font-size: 0.8rem !important;
  padding:4px 6px 4px 6px;
}

.jmed-btn-mcp-outline {
  color: #ff6347;
  border-color: #ff8c00;
  font-size: 0.8rem !important;
  padding:4px 6px 4px 6px;
}

.jmed-btn-mcp-outline:hover {
  color: #000;
  background-color: #ffa500;
  border-color: #ffa500;
  font-size: 0.8rem !important;
  padding:4px 6px 4px 6px;
}

/*
メールボックス用
*/

.ddcs-res-unread {
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.ddcs-res-read {
    background-color: #f8f9fa;
    border-color: #bcbebf;
}

.ddcs-categories-show {
  color: #198754;
}

/*
.bg-title {
  background-color: #ecedee;
  font-weight: bold;
}

.bg-done {
  background-color: #cbe4bd;
}
*/

/*--------------------------------------*/

/*
.bg-lightgreen {
	background-color: #CBE4BD;
}

.btn-lightgray {
  color: #212529;
  background-color: #d3d3d3;
  border-color: #d3d3d3;
}

.btn-lightgray:hover {
  color: #212529;
  background-color: #d3d3d3;
  border-color: #d3d3d3;
}

.btn-navy {
  color: #fff;
  background-color: #000080;
  border-color: #000080;
}

.btn-navy:hover {
  color: #fff;
  background-color: #000080;
  border-color: #000080;
}

.btn-blue {
  color: #fff;
  background-color: #0000cd;
  border-color: #0000cd;
}

.btn-blue:hover {
  color: #fff;
  background-color: #0000cd;
  border-color: #0000cd;
}

.btn-green {
  color: #fff;
  background-color: #008000;
  border-color: #008000;
}

.btn-green:hover {
  color: #fff;
  background-color: #008000;
  border-color: #008000;
}

.btn-orange {
  color: #000;
  background-color: #ffa500;
  border-color: #ff8c00;
}

.btn-orange:hover {
  color: #fff;
  background-color: #ffa500;
  border-color: #ff8c00;
}

.btn-pink {
  color: #000;
  background-color: #ffdab9;
  border-color: #ffdab9;
}
.btn-pink:hover {
  color: #000;
  background-color: #ffdab9;
  border-color: #ffdab9;
}
*/

/*
body {
	background-color:#f5f5f5;
	padding-top:60px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:550;
}

h1 {
	font-size: 1.8rem;
}

h2 {
	font-size: 1.6rem;
}

h3 {
	font-size: 1.4rem;
}

h4 {
	font-size: 1.2rem;
}

h5 {
	font-size: 1.1rem;
}

h6 {
	font-size: 1.0rem;
}

hgroup p {
	font-size:0.9rem;
}

.text-sm {
	font-size:0.9rem;
}

.text-xs {
	font-size:0.8rem;
}

.text-overflow {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.jm-outline {
	background-color: #fff;
	width:95%;
	margin-top:20px;
	margin-bottom:20px;
	padding:15px;

}

.list-group .badge {
	line-height:initial;
}

.ddcs-res-unread {
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.ddcs-res-read {
    background-color: #f8f9fa;
    border-color: #bcbebf;
}

.bg-attach-danger {
	background-color: #f8d7da;
}

.bg-women-only {
	background-color: #ff69b4;
}

a.anchor {
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}

//
// ウェブ予約用
//

.table-webyoyaku th {
	font-size:0.85rem;
}

.table-webyoyaku td {
	font-size:0.85rem;
}

.table-webyoyaku-popup th {
	width:140px;
	background-color:#3498db;
	color:#ffffff;
}

*/