html {
  font-size: 16px; /* ルート要素のフォントサイズを1rem=16pxと定義する */
} 
@media only screen and (max-width: 320px) {
    html {
      font-size: 14px;
  } 
}

body {
  font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

td {
	word-break:break-all;
}

.btn {
	font-size:0.9rem;
	margin:0.2rem;
}

.rosen_teiryujo_info_table {
	font-size:1.1rem;
}
.update_time_label {
	font-size:0.9rem;
}

.menu-link:hover {
  background-color:#FFF9EF;
  cursor:pointer;
}

a.menu-link {
  text-decoration: none;
  color:black;
  cursor:pointer;
}
a.menu-link:hover {
  text-decoration: none;
  color:black;
  background-color:#FFF9EF !important;
}

a.menu-link2 {
  text-decoration: none;
  color:black;
  border:2px solid #C5CAE9;
  cursor:pointer;
}
a.menu-link2:hover {
  text-decoration: none;
  color:black;
  background-color:#FFF9EF;
  border:2px solid #ffca7b !important; 
}

a.menu-link3 {
  cursor:pointer;
}
a.menu-link3:hover {
  background-color:#FFF9EF !important;
}

.border {
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
}
.border-top {
  border-top: 1px solid rgba(0, 0, 0, 0.2) !important;
}
.border-right {
  border-right: 1px solid rgba(0, 0, 0, 0.2) !important;
}
.border-left {
  border-left: 1px solid rgba(0, 0, 0, 0.2) !important;
}
.border-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
}

.card-header {
  background-color:#e9ecef;
}

/*quill.jsでお知らせを編集した場合に使われるCSS*/
div.card > div.card-body .ql-bg-black {
  background-color: #000;
}
div.card > div.card-body .ql-bg-red {
  background-color: #e60000;
}
div.card > div.card-body .ql-bg-orange {
  background-color: #f90;
}
div.card > div.card-body .ql-bg-yellow {
  background-color: #ff0;
}
div.card > div.card-body .ql-bg-green {
  background-color: #008a00;
}
div.card > div.card-body .ql-bg-blue {
  background-color: #06c;
}
div.card > div.card-body .ql-bg-purple {
  background-color: #93f;
}
div.card > div.card-body .ql-color-white {
  color: #fff;
}
div.card > div.card-body .ql-color-red {
  color: #e60000;
}
div.card > div.card-body .ql-color-orange {
  color: #f90;
}
div.card > div.card-body .ql-color-yellow {
  color: #ff0;
}
div.card > div.card-body .ql-color-green {
  color: #008a00;
}
div.card > div.card-body .ql-color-blue {
  color: #06c;
}
div.card > div.card-body .ql-color-purple {
  color: #93f;
}
div.card > div.card-body .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
div.card > div.card-body .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
div.card > div.card-body .ql-size-small {
  font-size: 0.75rem;
}
div.card > div.card-body .ql-size-large {
  font-size: 1.5rem;
}
div.card > div.card-body .ql-size-huge {
  font-size: 2.5rem;
}
div.card > div.card-body .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
div.card > div.card-body .ql-align-center {
  text-align: center;
}
div.card > div.card-body .ql-align-justify {
  text-align: justify;
}
div.card > div.card-body .ql-align-right {
  text-align: right;
}

.btn-outline-primary {
  background-color: white;
}


.btn-tab {
	color: #fff;
	background: #303F9F linear-gradient(180deg, #4f5cad, #303F9F) repeat-x;
	border-color: #303F9F;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
.btn-tab:hover {
	color: #fff;
	background: #273382 linear-gradient(180deg, #485294, #273382) repeat-x;
	border-color: #242f78; }
.btn-tab:focus, .btn-tab.focus {
	color: #fff;
	background: #273382 linear-gradient(180deg, #485294, #273382) repeat-x;
	border-color: #242f78;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(79, 92, 173, 0.5); }
.btn-tab.disabled, .btn-tab:disabled {
	color: #fff;
	background-color: #303F9F;
	border-color: #303F9F;
	background-image: none; }
.btn-tab:not(:disabled):not(.disabled):active, .btn-tab:not(:disabled):not(.disabled).active,
.show > .btn-tab.dropdown-toggle {
	color: #fff;
	background-color: #242f78;
	background-image: none;
	border-color: #212c6e; }
.btn-tab:not(:disabled):not(.disabled):active:focus, .btn-tab:not(:disabled):not(.disabled).active:focus,
	.show > .btn-tab.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(79, 92, 173, 0.5); }

.btn-outline-tab {
	color: #303F9F;
	border-color: #303F9F; }
.btn-outline-tab:hover {
	color: #fff;
	background-color: #303F9F;
	border-color: #303F9F; }
.btn-outline-tab:focus, .btn-outline-tab.focus {
	box-shadow: 0 0 0 0.2rem rgba(48, 63, 159, 0.5); }
.btn-outline-tab.disabled, .btn-outline-tab:disabled {
	color: #303F9F;
	background-color: transparent; }
.btn-outline-tab:not(:disabled):not(.disabled):active, .btn-outline-tab:not(:disabled):not(.disabled).active,
	.show > .btn-outline-tab.dropdown-toggle {
	color: #fff;
	background-color: #303F9F;
	border-color: #303F9F; }
.btn-outline-tab:not(:disabled):not(.disabled):active:focus, .btn-outline-tab:not(:disabled):not(.disabled).active:focus,
	.show > .btn-outline-tab.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(48, 63, 159, 0.5); }