@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap);
@charset "UTF-8";
.color_main {
  margin: 10px;
  background-color: #008074;
  border-radius: 50%;
  height: 64px;
  width: 64px;
}

.color_sub {
  margin: 10px;
  background-color: #e6f5f3;
  border-radius: 50%;
  height: 64px;
  width: 64px;
}

html,
body {
  font-size: 10px;
}

html {
  font-size: 62.5%;
}

body {
  background: #fff;
  font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 1rem;
  line-height: 1.2;
}

* {
  font-size: 14px;
  font-size: 1.4rem;
}

h1 .title-lv1 {
  margin: 1em 0 0.5em;
  font-size: 2.8rem;
}
h1 .title-lv1 em {
  font-weight: bold;
  font-size: 2.8rem;
}

h2 .title-lv2 {
  margin: 1.5em 0 0.5em;
  font-size: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
h2 .title-lv2 em {
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1.2;
}
@media only screen and (max-width: 768px) {
  h2 .title-lv2 em {
    margin-bottom: 0.25em;
  }
}
h2 .title-lv2 a {
  padding: 0.5em 1em 0.5em 1.75em;
  color: #fff;
  background-color: #8d6038;
  border-radius: 3px;
  font-size: 1.6rem;
  position: relative;
  margin-left: auto;
}
h2 .title-lv2 a span {
  font-size: 1.6rem;
  color: #fff;
}
h2 .title-lv2 a span:before {
  content: "\f054";
  display: inline-block;
  font-family: "Font Awesome 5 Pro Light";
  font-weight: 300;
  position: absolute;
  left: 1em;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.4rem;
  color: #fff;
}
h2 .title-lv2 a:hover {
  background-color: #c06b21;
}

h3 .title-lv3 {
  margin: 1em 0 0.5em;
  font-size: 2rem;
  padding-left: 0.5em;
  border-left: 4px solid #8d6038;
  padding-bottom: 0.2em;
}
h3 .title-lv3 em {
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.2;
}

p + p {
  margin-top: 1em;
}

a {
  display: inline-block;
}
a.--with-underline {
  text-decoration: underline;
}

em {
  font-style: normal;
}

b {
  font-weight: bold;
}

.isfw_main-container {
  width: 100%;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.icon_info {
  display: inline-block;
  padding: 0.25em 0.5em;
  border-radius: 3px;
  background-color: #c73030;
  color: #fff;
  font-size: 1.2rem;
  margin: -4px 0.25em 0;
}

.icon_search {
  border-radius: 40px;
}
.icon_search:hover {
  border: 1px solid #177100;
  background-color: #177100;
  color: #fff;
}
.icon_search::before {
  content: "\f002";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.25em;
}

.icon_exlink::after {
  content: "\f08e";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  margin-left: 0.5em;
}

.icon_link_to::after {
  content: "\f061";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 10px;
  font-weight: bold;
  width: 14px;
  height: 14px;
  margin-left: 0.5em;
  border: 1px solid #177100;
  border-radius: 3px;
}
.icon_link_to:hover::after {
  color: #ff8200;
  border: 1px solid #ff8200;
  transition: all 0.2s ease-out;
}

a.icon_link_to.no-icon::after {
  content: "" !important;
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  border: none !important;
  padding: 0 !important;
}

a.icon_link_to.no-icon:hover {
  color: #ff8200 !important;
  transition: all 0.2s ease-out !important;
}

.icon_vmenu::before {
  content: "\f142";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  color: #177100;
  font-size: 20px;
}
@media only screen and (max-width: 767.98px) {
  .icon_vmenu {
    margin-left: -20px;
    margin-top: -20px;
  }
}

.icon_right::before {
  content: "\f105";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}

.icon_eraser {
  border-radius: 40px;
}
.icon_eraser:hover {
  background-color: #177100;
  color: #fff;
}
.icon_eraser::before {
  content: "\f12d";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.25em;
}

.flash_message_area, .menu-item.open, .is-open {
  transition: opacity 0.25s linear;
}

.folder-tree_menu .btn_create, .btn_export.btn_export, .isfw_dialog .btn_close, .btn_logout, .btn_account-setting, .folder-tree .file-search .select_filter .fs-rd:checked + label, .folder-tree .file-search .select_filter .fs-rd + label, .folder-tree .file-search .select_filter button.btn_open.current, .folder-tree .file-search .select_filter button.btn_close.current, .folder-tree .file-search .select_filter button.btn_open, .folder-tree .file-search .select_filter button.btn_close, .btn_deletecomp, .btn_restore, .btn_archive, .btn_mail_send, .btn_linkage, .btn_live_booking, .btn_external-link, .btn_help, .btn_preview, .btn_print, .btn_copy, .btn_editsave, .btn_drawal, .btn_private, .btn_public, .btn_cancel, .btn_save, .btn_default_extra, .btn_default, .btn_accordion.active, .btn_accordion, .btn_upload, .btn_invalid, .btn_th_large, .btn_caret_right, .btn_caret_left, .btn_check_list, .btn_cog, .btn_display-setting, .btn_search, .btn_eraser, .btn_export, .btn_import, .btn_register, .btn_add {
  background-color: #fff;
  border: none;
  border-radius: 3px;
  box-shadow: 0 0 0;
  display: inline-block;
  font-size: 1.2rem;
  text-align: center;
  padding: 0.5em 1em;
  margin: 0.25em 0;
  min-width: 6em;
}
.folder-tree_menu .btn_create em, .btn_export.btn_export em, .isfw_dialog .btn_close em, .btn_logout em, .btn_account-setting em, .folder-tree .file-search .select_filter .fs-rd:checked + label em, .folder-tree .file-search .select_filter .fs-rd + label em, .folder-tree .file-search .select_filter button.btn_open.current em, .folder-tree .file-search .select_filter button.btn_close.current em, .folder-tree .file-search .select_filter button.btn_open em, .folder-tree .file-search .select_filter button.btn_close em, .btn_deletecomp em, .btn_restore em, .btn_archive em, .btn_mail_send em, .btn_linkage em, .btn_live_booking em, .btn_external-link em, .btn_help em, .btn_preview em, .btn_print em, .btn_copy em, .btn_editsave em, .btn_drawal em, .btn_private em, .btn_public em, .btn_cancel em, .btn_save em, .btn_default_extra em, .btn_default em, .btn_accordion.active em, .btn_accordion em, .btn_upload em, .btn_invalid em, .btn_th_large em, .btn_caret_right em, .btn_caret_left em, .btn_check_list em, .btn_cog em, .btn_display-setting em, .btn_search em, .btn_eraser em, .btn_import em, .btn_register em, .btn_add em {
  font-weight: bold;
}
.is-open {
  opacity: 1 !important;
}

.row {
  display: flex;
  width: 100%;
}

.alc {
  align-items: center;
}

.jcc {
  justify-content: center;
}

.jcend {
  justify-content: flex-end;
}

.col-1, .col-4of1 {
  width: 25%;
}

.col-2, .col-4of2 {
  width: 50%;
}

.col-3, .col-4of3 {
  width: 75%;
}

.col-4, .col-4of4 {
  width: 100%;
}

.mg > div {
  margin-bottom: 30px;
}
.mg div[class^=col-] + div[class^=col-] {
  padding-left: 30px;
}
.tal {
  text-align: left !important;
}

.tac {
  text-align: center !important;
}

.tar {
  text-align: right !important;
}

.text-notice {
  color: #666;
  font-size: 12px;
  font-size: 1.2rem;
}

* + .text-notice {
  margin-top: 0.5em;
}

.text-alert {
  color: #c81515;
}

.text-em {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

.text-indent {
  margin-left: 1.25em;
  text-indent: -1.25em;
}

.icon_public:before, .isfw_dialog .status_public:before, .status_public.tab em:before, .btn_public em:before, .data-list-table .status_public:before, .isfw_form .status_public:before {
  font-weight: bold;
  content: "\f058";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.icon_private:before, .isfw_dialog .status_private:before, .status_private.tab em:before, .btn_private em:before, .data-list-table .status_private:before, .isfw_form .status_private:before {
  font-weight: bold;
  content: "\f056";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.icon_delete:before, .btn_delete em:before, .icon_trash:before, .isfw_dialog .status_trash:before, .status_trash.tab em:before, .data-list-table .status_trash:before {
  font-weight: bold;
  content: "\f1f8";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.icon_edit:before, .isfw_dialog .status_edit:before, .child-tabs .tab.edit em:before, .data-list-table .status_edit:before {
  font-weight: lighter;
  content: "\f040";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin: 0 0.5em;
}

.icon_copy:before {
  font-weight: lighter;
  content: "\f0c5";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin: 0 0.5em;
}

.icon_blank:after {
  font-weight: normal;
  content: "\f35d";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-left: 0.5em;
}

.icon_attention:before {
  font-weight: bold;
  content: "\f06a";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.status_midway:before {
  font-weight: normal;
  content: "\f252";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.status_error:before {
  font-weight: normal;
  content: "\f071";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.isfw_card {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  word-break: break-word;
  overflow-wrap: break-word;
  margin-bottom: 40px;
  position: relative;
}
.isfw_card img {
  max-width: 100%;
}
.isfw_card.last-card {
  margin-bottom: 4em;
}
.isfw_card .card-title {
  padding: 20px;
  border-bottom: 2px solid #f5f5f5;
  color: #666;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  position: relative;
  display: flex;
  align-items: center;
}
.isfw_card .card-content {
  padding: 20px;
}
.isfw_card .card-content .isfw_form {
  margin: 0;
}
.isfw_card .card-content .detail-box {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  display: flex;
  flex-flow: row wrap;
  flex-wrap: wrap;
}
.isfw_card .card-content .detail-box .detail {
  width: 23%;
  box-sizing: border-box;
  border-bottom: #ccc solid 1px;
  margin: 1% 0%;
}
.isfw_card .card-content .detail-box .detail a:hover {
  color: #ff8200;
}
.isfw_card .card-content .detail-box .detail.header {
  width: 15%;
  padding: 0 0 3px 5px;
}
.isfw_card .card-content .detail-box .detail.data {
  width: 33%;
  padding-bottom: 3px;
}
.isfw_card .card-content .detail-box .detail:nth-child(2n) {
  margin-right: 2%;
}
.isfw_card .card-content .detail-box .detail .tag {
  background: #eee;
  border: 1px solid #ddd;
  margin: 0.25em;
  display: inline-block;
  letter-spacing: 0.1em;
  line-height: 1;
  padding: 0.25em 0.5em;
  border-radius: 30px;
  text-shadow: 0 1px 0 #fff;
}
.isfw_card .card-content .detail-box .detail .tag::before {
  margin-right: 0.25em;
  content: "\f02b";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.isfw_card .card-content .detail-box .detail .tag:first-child {
  margin-top: 0;
}
.isfw_card .card-content .list-btn .button-set .btn_default.btn_preset:first-of-type {
  margin-left: 0;
}
.isfw_card .required {
  padding: 0 4px;
  border: 1px solid #8d6038;
  border-radius: 3px;
  color: #8d6038;
  font-size: 1.1rem;
}
.isfw_card.gray {
  background-color: transparent;
}
.isfw_card.gray .card-title {
  background-color: #fff;
}
.isfw_card.gray .card-content {
  padding: 20px 0 20px;
  background-color: transparent;
}
.isfw_card.chat-page-card {
  margin-bottom: 0;
}

@media only screen and (max-width: 767.98px) {
  .isfw_card.last-card {
    margin-bottom: 5em;
  }
  .isfw_card .card-content {
    padding: 1em;
  }
  .isfw_card .card-content .detail-box .detail {
    width: 48%;
  }
  .isfw_card .card-content .detail-box .detail.header {
    width: 30%;
  }
  .isfw_card .card-content .detail-box .detail.data {
    width: 65%;
  }
}
.isfw_config .config_list dl {
  display: flex;
  flex-wrap: wrap;
}
.isfw_config .config_list dt {
  border-top: 1px solid #eee;
  font-weight: bold;
  padding: 1em 0;
  width: 30%;
}
.isfw_config .config_list dd {
  border-top: 1px solid #eee;
  flex-direction: column;
  padding: 1em;
  width: 70%;
}
.isfw_config .config_list dt:first-of-type, .isfw_config .config_list dd:first-of-type {
  border: none;
}

.is-open {
  width: auto;
  height: auto;
  opacity: 1 !important;
  visibility: visible !important;
}

.is-close {
  opacity: 0 !important;
  visibility: hidden !important;
  transition: visibility 0s 0.25s, opacity 0.25s linear;
}

.icon_clinic_memo::before {
  content: "\f15b";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.2em;
}

.icon_karte_memo::before {
  content: "\f0b1";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.2em;
}

.icon_detail::before {
  content: "\f0ca";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.2em;
}

.icon_copy::before {
  margin-right: 0.2em;
}

td .modal-delete_open::before {
  content: "\f1f8";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.2em;
}

.icon_ship::before {
  content: "\f0d1";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
  font-weight: lighter;
}

.icon_pharmacy::before {
  content: "\f481";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

table td .modal-delete_open::before,
.icon_trash::before,
.isfw_dialog .status_trash::before,
.status_trash.tab em::before,
.data-list-table .status_trash::before {
  font-weight: normal;
}

.isfw_card .card-content .detail.data a::after {
  content: "\f061";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 12px;
  font-weight: bold;
  width: 16px;
  height: 16px;
  margin-left: 0.5em;
  border: 1px solid #177100;
  border-radius: 3px;
  padding-left: 2px;
}
.isfw_card .card-content .detail.data a:hover::after {
  color: #ff8200;
  border-color: #ff8200;
  transition: all 0.2s ease-out;
}

.icon_search {
  border-radius: 40px;
}
.icon_search:hover {
  border: 1px solid #177100;
  background-color: #177100;
  color: #fff;
}
.icon_search::before {
  content: "\f002";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.25em;
}
.icon_search.disease_search:hover {
  border: 0;
  color: #ff8200;
}

.icon_exlink::after {
  content: "\f08e";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  margin-left: 0.5em;
}

.icon_vmenu:hover {
  cursor: pointer;
}
.icon_vmenu::before {
  content: "\f142";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  color: #177100;
  font-size: 20px;
}

.icon_right::before {
  content: "\f105";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}

.icon_cancel::before {
  content: "\f0e2";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.icon_info::before {
  content: "\f05a";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.icon_medication::before {
  content: "\f492";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-left: 0.25em;
  margin-right: 0.25em;
  font-weight: bold;
}

.icon_treatment::before {
  content: "\f469";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-left: 0.25em;
  margin-right: 0.25em;
}

.icon_eraser {
  border-radius: 40px;
}
.icon_eraser:hover {
  background-color: #177100;
  color: #fff;
}
.icon_eraser::before {
  content: "\f12d";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.25em;
}
.icon_eraser.disease_search:hover {
  border: 0;
  color: #ff8200;
}

.cow_consultation-card .cow-info_text label.tag,
label.tag {
  background-color: #eee;
  padding: 5px 20px;
  border: 1px solid #ddd;
  border-radius: 30px;
  margin: 0 0.5em 0.5em 0.5em;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
}
.cow_consultation-card .cow-info_text label.tag:first-of-type,
label.tag:first-of-type {
  margin-top: 0.5em;
}

.tag {
  display: inline-block;
  background: #eee;
  border: 1px solid #ddd;
  margin: 0.25em;
  border-radius: 30px;
  padding: 0 10px;
}

@font-face {
  font-family: "Font Awesome 5 Pro Light";
  font-style: normal;
  font-weight: 300;
  src: local("Font Awesome 5 Pro Light"), local("Font Awesome 5 Pro Light"), url("/assets/font/fa-light-300.woff2") format("woff2"), url("/assets/font/fa-light-300.woff") format("woff"), url("/assets/font/fa-light-300.ttf") format("truetype"), url("/assets/font/fa-light-300.eot") format("embedded-opentype");
}
@font-face {
  font-family: "Font Awesome 5 Pro Solid";
  font-style: normal;
  font-weight: 900;
  src: local("Font Awesome 5 Pro Solid"), local("Font Awesome 5 Pro Solid"), url("/assets/font/fa-solid-900.woff2") format("woff2"), url("/assets/font/fa-solid-900.woff") format("woff"), url("/assets/font/fa-solid-900.ttf") format("truetype"), url("/assets/font/fa-solid-900.eot") format("embedded-opentype");
}
@font-face {
  font-family: "Font Awesome 5 Pro Regular";
  font-style: normal;
  font-weight: 900;
  src: local("Font Awesome 5 Pro Regular"), local("Font Awesome 5 Pro Solid"), url("/assets/font/fa-regular-400.woff2") format("woff2"), url("/assets/font/fa-regular-400.woff") format("woff"), url("/assets/font/fa-regular-400.ttf") format("truetype"), url("/assets/font/fa-regular-400.eot") format("embedded-opentype");
}
@font-face {
  font-family: "Font Awesome 5 Brands Regular";
  font-style: normal;
  font-weight: 400;
  src: local("Font Awesome 5 Pro Brands"), local("Font Awesome 5 Pro Btands"), url("/assets/font/fa-brands-400.woff2") format("woff2"), url("/assets/font/fa-brands-400.woff") format("woff"), url("/assets/font/fa-brands-400.ttf") format("truetype"), url("/assets/font/fa-brands-400.eot") format("embedded-opentype");
}
a[class^=btn_],
button[class^=btn_],
.folder-tree_menu .btn_create,
.btn_export.btn_export,
.isfw_dialog .btn_close,
.btn_logout,
.btn_account-setting,
.folder-tree .file-search .select_filter .fs-rd:checked + label,
.folder-tree .file-search .select_filter .fs-rd + label,
.folder-tree .file-search .select_filter button.btn_open.current,
.folder-tree .file-search .select_filter button.btn_close.current,
.folder-tree .file-search .select_filter button.btn_open,
.folder-tree .file-search .select_filter button.btn_close,
.btn_deletecomp,
.btn_restore,
.btn_archive,
.btn_mail_send,
.btn_linkage,
.btn_live_booking,
.btn_external-link,
.btn_help,
.btn_preview,
.btn_print,
.btn_copy,
.btn_editsave,
.btn_drawal,
.btn_private,
.btn_public,
.btn_cancel,
.btn_save,
.btn_default_extra,
.btn_default,
.btn_accordion.active,
.btn_accordion,
.btn_upload,
.btn_invalid,
.btn_th_large,
.btn_caret_right,
.btn_caret_left,
.btn_check_list,
.btn_cog,
.btn_display-setting,
.btn_search,
.btn_eraser,
.btn_import,
.btn_register,
.btn_add {
  border-radius: 3px;
  display: inline-block;
  font-size: 1.2rem;
  text-align: center;
  padding: 0.5em 1em;
  margin: 0.25em 0;
  min-width: 6em;
}
a[class^=btn_] em,
button[class^=btn_] em,
.folder-tree_menu .btn_create em,
.btn_export.btn_export em,
.isfw_dialog .btn_close em,
.btn_logout em,
.btn_account-setting em,
.folder-tree .file-search .select_filter .fs-rd:checked + label em,
.folder-tree .file-search .select_filter .fs-rd + label em,
.folder-tree .file-search .select_filter button.btn_open.current em,
.folder-tree .file-search .select_filter button.btn_close.current em,
.folder-tree .file-search .select_filter button.btn_open em,
.folder-tree .file-search .select_filter button.btn_close em,
.btn_deletecomp em,
.btn_restore em,
.btn_archive em,
.btn_mail_send em,
.btn_linkage em,
.btn_live_booking em,
.btn_external-link em,
.btn_help em,
.btn_preview em,
.btn_print em,
.btn_copy em,
.btn_editsave em,
.btn_drawal em,
.btn_private em,
.btn_public em,
.btn_cancel em,
.btn_save em,
.btn_default_extra em,
.btn_default em,
.btn_accordion.active em,
.btn_accordion em,
.btn_upload em,
.btn_invalid em,
.btn_th_large em,
.btn_caret_right em,
.btn_caret_left em,
.btn_check_list em,
.btn_cog em,
.btn_display-setting em,
.btn_search em,
.btn_eraser em,
.btn_import em,
.btn_register em,
.btn_add em {
  font-weight: bold;
}
.btn_add em:before {
  content: "\f067";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.btn_register em:before {
  content: "\f00c";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.btn_import em:before {
  content: "\f34a";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.btn_export em:before {
  content: "\f34d";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.btn_eraser em:before {
  content: "\f12d";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.btn_search em:before {
  content: "\f002";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.btn_display-setting em:before {
  content: "\f1de";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.btn_cog em:before {
  content: "\f013";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.btn_check_list em:before {
  content: "\f0ae";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.btn_caret_left em:before {
  content: "\f0d9";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.btn_caret_right em:after {
  content: "\f0da";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-left: 0.5em;
}

.btn_th_large em:before {
  content: "\f00b";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.btn_invalid em:before {
  content: "\f05e";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.btn_upload em:before {
  content: "\f093";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.btn_back {
  padding: 0.75em 1em !important;
  opacity: 0.7;
}
.btn_back em:before {
  font-weight: lighter;
  content: "\f060";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}
.btn_back:hover {
  opacity: 1;
}

.btn_clear em:before {
  font-weight: lighter;
  content: "\f00d";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}
.btn_clear:hover {
  opacity: 1;
}

.medicine_category_open:hover,
.treatment_category_open:hover {
  border: none;
}

.btn_clear.treatment_end_date_clear_btn {
  padding: 0.75em 1.5em;
  background-color: #177100;
  border-radius: 40px;
  color: #fff;
  margin-left: auto;
  display: block;
}
.btn_clear.treatment_end_date_clear_btn:hover {
  background-color: #ff8200;
}

.btn_clear.input_date {
  padding: 0.75em 1.5em;
  background-color: #177100;
  border-radius: 40px;
  color: #fff;
  margin-left: auto;
  display: block;
}
.btn_clear.input_date:hover {
  background-color: #ff8200;
}

.btn_accordion {
  width: 100%;
  background-color: #3e5568;
  cursor: pointer;
  color: #fff;
  text-align: left;
}
.btn_accordion em:before {
  content: "\f067";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
  position: absolute;
  right: 3.5rem;
}

.btn_accordion.active {
  width: 100%;
  background-color: #3e5568;
  cursor: pointer;
  color: #fff;
  text-align: left;
}
.btn_accordion.active em:before {
  content: "\f068";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
  position: absolute;
  right: 3.5rem;
}

.isfw_dialog .btn_close, .btn_logout, .btn_account-setting, .folder-tree .file-search .select_filter .fs-rd:checked + label, .folder-tree .file-search .select_filter .fs-rd + label, .folder-tree .file-search .select_filter button.btn_open.current, .folder-tree .file-search .select_filter button.btn_close.current, .folder-tree .file-search .select_filter button.btn_open, .folder-tree .file-search .select_filter button.btn_close, .btn_deletecomp, .btn_restore, .btn_archive, .btn_mail_send, .btn_linkage, .btn_live_booking, .btn_external-link, .btn_help, .btn_preview, .btn_print, .btn_copy, .btn_editsave, .btn_drawal, .btn_private, .btn_public, .btn_cancel, .btn_save, .btn_default_extra, .btn_default {
  background-color: #fff;
  border: 1px solid #c4c4c4;
}

.list-btn .button-set .item a[class^=btn_],
.list-btn .button-set .item button[class^=btn_] {
  font-size: 1.6rem;
  padding: 1em 2em;
}
.list-btn .button-set .item a[class^=btn_] em,
.list-btn .button-set .item button[class^=btn_] em {
  font-size: 1.6rem;
}

.btn_large {
  font-size: 1.6rem;
  padding: 1em 2em !important;
}
.btn_large em {
  font-size: 1.6rem;
}

.isfw_dialog .btn_close, .form_content .list-btn .button-set .item a[class^=btn_],
.form_content .list-btn .button-set .item button[class^=btn_], .btn_help {
  font-size: 1.4rem;
  padding: 0.5em 1em;
}
.isfw_dialog .btn_close em, .form_content .list-btn .button-set .item a[class^=btn_] em,
.form_content .list-btn .button-set .item button[class^=btn_] em, .btn_help em {
  font-size: 1.4rem;
}

.btn_medium {
  font-size: 1.4rem !important;
  padding: 0.5em 1em !important;
}
.btn_medium em {
  font-size: 1.4rem !important;
}

.btn_small {
  font-size: 1.2rem !important;
  padding: 0.3em 0.7em !important;
}
.btn_small em {
  font-size: 1.2rem !important;
}

.btn_default_extra {
  border: none;
}

.btn_drawal {
  background-color: #f5f5f5;
}
.btn_drawal em:before {
  color: #aaaaaa;
  content: "\f056";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.btn_editsave em:before {
  color: #aaaaaa;
  content: "\f044";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: lighter;
  margin-right: 0.5em;
}

.btn_copy em:before {
  color: #aaaaaa;
  content: "\f0c5";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: lighter;
  margin-right: 0.5em;
}
.btn_copy.guest-url_copy {
  color: #000 !important;
}
.btn_copy.guest-url_copy:hover {
  color: #fff !important;
}

.btn_print em:before {
  color: #aaaaaa;
  content: "\f02f";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: lighter;
  margin-right: 0.5em;
}

.btn_preview em:before {
  color: #aaaaaa;
  content: "\f06e";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: lighter;
  margin-right: 0.5em;
}

.btn_help em:before {
  color: #aaaaaa;
  content: "\f059";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  margin-right: 0.5em;
}

.btn_external-link em:before {
  color: #aaaaaa;
  content: "\f08e";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: lighter;
  margin-right: 0.5em;
}

.btn_live_booking em:before {
  color: #aaaaaa;
  font-family: "font awesome 5 pro Solid";
  content: "\f03d";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: lighter;
  margin-right: 0.5em;
}

.btn_linkage em:before {
  color: #aaaaaa;
  content: "\e068";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  margin-right: 0.5em;
}

.btn_mail_send em:before {
  color: #aaaaaa;
  content: "\f1d8";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: lighter;
  margin-right: 0.5em;
}

.btn_archive em:before {
  color: #aaaaaa;
  content: "\f187";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: lighter;
  margin-right: 0.5em;
}

a[class^=btn_].disabled,
button[class^=btn_].disabled {
  background-color: #ddd !important;
  color: #999 !important;
  pointer-events: none;
}

.list-btn .button-set {
  display: flex;
  justify-content: center;
  min-height: 2.75em;
}
.list-btn .button-set.space-between {
  justify-content: space-between !important;
}
.list-btn .button-set .item {
  margin: 0 0;
}
.list-btn .button-set .item:nth-of-type(2n) {
  margin-left: 1em;
  margin-right: 1em;
}
.list-btn .button-set .item:last-of-type {
  margin-right: 0;
}
.list-btn .button-set .item.btn-left {
  position: absolute;
  left: 0;
}
.list-btn .button-set .item.btn-right {
  position: absolute;
  right: 0;
}
.list-btn .button-set .item:only-of-type {
  margin-right: 0;
}

/* モバイル表示 */
@media screen and (max-width: 1000px) {
  .list-btn-flex {
    display: flex;
    justify-content: center;
  }
  .list-btn-flex .button-set {
    flex-direction: column; /* 縦並びに変更 */
    width: 90%;
  }
  .list-btn-flex .button-set .item {
    width: 100%;
    margin: 0 0 0.8rem 0 !important;
  }
  .list-btn-flex .button-set .item a[class^=btn_] {
    width: 100%;
  }
  .list-btn-flex .button-set .item .admin_h2btn {
    width: 100%;
  }
  .list-btn-flex .button-set .item .admin_h2btn a.btn_default {
    width: 100%;
  }
}
.btn-sticky {
  background-color: rgba(0, 0, 0, 0.2);
  padding: 1em;
  margin-left: -30px;
  position: sticky;
  bottom: 0;
  width: calc(100% + 60px);
  margin-top: 40px;
  z-index: 100;
}

.btn_next {
  background-color: #d67725;
  color: #fff;
}

.btn_voicememo {
  background-color: #8d6038;
  color: #fff;
}
.btn_voicememo:before {
  content: "\f130";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-family: "font awesome 5 pro Solid";
  font-size: 1.6rem;
}
.btn_voicememo em {
  display: none;
}
.btn_voicememo:hover {
  background-color: #7b5431;
}

.btn_import em::before {
  content: "\f56f";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.btn_visible em::before {
  content: "\f06e";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.btn_invisible em::before {
  content: "\f070";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.btn_right_on_tab {
  font-size: 1rem;
}

.position-right-top {
  position: absolute;
  top: 0;
  right: 0;
}
.position-right-top .button-right .item {
  margin: 0 0;
}

button.button_center {
  margin: 0 auto;
  display: block;
}

.button-right {
  float: right;
  background: #f5f5f5;
}

.ui-tabs .button-right {
  float: right;
  background: transparent;
}

.list-btn .button-set .item a[class^=btn_].btn_right_on_tab {
  font-size: 1rem;
  padding: 0.9em 2em;
}

.isfw_main-container a.btn_disable,
.isfw_main-container .data-list td a.btn_disable,
.isfw_main-container .data-list td button.btn_disable {
  color: #999;
  background-color: #ccc;
  pointer-events: none;
}

.btn_export.btn_export em:before {
  content: "\f33d";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

._with_left_margin.btn_add {
  margin: 0.25em 8px;
}
._with_left_margin.btn_default {
  margin: 0.25em 8px;
}

.btn-download {
  margin-top: -40px;
  margin-bottom: 20px;
}

.button-scroll {
  overflow-x: scroll;
}

.bottom-fixed {
  position: fixed;
  bottom: 25px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 10;
  padding: 1em;
  background: #fff;
  border: 1px solid #aaa;
}

.list-btn.btn_align-right,
.list-btn.btn_align-right ul li.item {
  margin-left: auto;
  margin-top: 0.5em;
}

.list-btn.btn_align-right.narrow-top {
  margin-top: 0em;
}

.btn_border-gray {
  border: 1px solid #c4c4c4;
}

.list-btn .button-set {
  position: relative;
  align-items: center;
}
.list-btn .button-set--left {
  justify-content: flex-start;
}

.btn_small.btn_border-gray.btn_on-left-down {
  position: absolute;
  left: 0.25em;
  bottom: 0.25em;
}

.tab_item .btn_editsave {
  margin: 0.5em;
}

.list-btn.btn_top-head {
  padding: 1em;
  background-color: #fff;
  border-bottom: 2px solid #f5f5f5;
}

.--background-color-white {
  background-color: #fff;
}

.tab_item .btn_external-link {
  margin: 1em;
}

.btn_float_cancel {
  width: 120px;
}

@media only screen and (min-width: 768px) {
  .--btn-left-margin {
    margin-left: 6px;
  }
}
@media only screen and (max-width: 768px) {
  .btn_external-link em span.pc-external {
    display: none;
  }
  .bottom-fixed {
    bottom: 75px;
    z-index: 10;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .list-btn.btn_align-right {
    margin-top: 0em;
  }
  .list-btn.bottom-fixed .button-set {
    padding-right: 10px;
  }
  .list-btn .button-set.btn_add-right {
    margin-top: 0;
  }
  .isfw_card section .card-title {
    padding: 20px 0;
  }
  .idx_btn input.btn_primary,
.idx_btn input.btn_default,
.idx_btn .btn_add {
    padding: 1em 2em;
  }
  .idx_btn .btn_default:only-of-type {
    margin-left: 0;
  }
  .idx_btn input:nth-of-type(3n) {
    margin-top: 1em;
  }
  .idx_btn input[name=copy_continue] {
    margin-bottom: 1em;
  }
}
@media only screen and (max-width: 768px) and (max-width: 374px) {
  .idx_btn input[name=copy_continue] {
    font-size: 14px;
    padding: 1em 0.5em;
  }
}
@media only screen and (max-width: 768px) {
  .btn_default.btn_create_preset,
.btn_default.btn_preset {
    font-size: 16px;
    padding: 0.75em 0.5em;
  }
}
@media only screen and (max-width: 768px) and (max-width: 374px) {
  .btn_default.btn_create_preset,
.btn_default.btn_preset {
    font-size: 14px;
    margin-left: 0;
  }
}
.dialog-window .isfw_card .card-title {
  padding: 20px 10px;
}
.dialog-window .btn_default.btn_create_preset,
.dialog-window .btn_default.btn_preset {
  font-size: 16px;
  padding: 0.75em 0.5em;
}
@media only screen and (max-width: 374px) {
  .dialog-window .btn_default.btn_create_preset,
.dialog-window .btn_default.btn_preset {
    font-size: 14px;
    margin-left: 0;
  }
}

.rslt_idx.form_open .card-heading .card-title {
  padding: 20px;
}
.rslt_idx.form_open .card-content .card-heading .card-title {
  padding: 20px;
}

.list-btn li.item .icon_vmenu {
  z-index: 10;
  position: relative;
  padding: 15px 20px;
}
.list-btn li.item .icon_vmenu:hover::before {
  color: #ff8200;
  transition: all 0.2s ease-in-out;
}
.list-btn li.item .icon_vmenu .vmenu_lists {
  min-width: 200px;
  display: none;
  position: absolute;
  right: -5px;
  background-color: #fff;
  border: 1px solid #777;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.list-btn li.item .icon_vmenu .vmenu_lists li.vmenu_list {
  margin-left: 0;
  border-bottom: 1px solid #ddd;
}
.list-btn li.item .icon_vmenu .vmenu_lists li.vmenu_list a {
  background-color: #fff;
  color: #000;
  border-radius: 0px !important;
  box-shadow: none;
  padding: 1.5em 2em;
  margin: 0px;
  width: 100%;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}
.list-btn li.item .icon_vmenu .vmenu_lists li.vmenu_list a::before {
  font-size: 16px;
  color: #000;
}
.list-btn li.item .icon_vmenu .vmenu_lists li.vmenu_list a em {
  color: #000;
  font-size: 16px;
}
.list-btn li.item .icon_vmenu .vmenu_lists li.vmenu_list a em::before {
  color: #000;
  font-size: 16px;
}
.list-btn li.item .icon_vmenu .vmenu_lists li.vmenu_list a:last-of-type, .list-btn li.item .icon_vmenu .vmenu_lists li.vmenu_list a:only-of-type {
  border-bottom: 0px;
}
.list-btn li.item .icon_vmenu .vmenu_lists li.vmenu_list a:hover {
  color: #fff;
  background-color: #ff8200;
}
.list-btn li.item .icon_vmenu .vmenu_lists li.vmenu_list a:hover::before {
  color: #fff;
}
.list-btn li.item .icon_vmenu .vmenu_lists li.vmenu_list a:hover em {
  color: #fff;
}
.list-btn li.item .icon_vmenu .vmenu_lists li.vmenu_list a:hover em::before {
  color: #fff;
}

.btn_primary:hover,
.list-btn .button-set .item a[class^=btn_]:hover,
.list-btn .button-set .item button[class^=btn_]:hover {
  background-color: #ff8200;
}

.list-btn .item .modal-delete_open {
  color: #fff;
  border: 0px;
}
.list-btn .button-set.btn_add-right {
  justify-content: right;
}
.list-btn .button-set.btn_add-right li.item {
  margin-top: 0;
}

.idx_btn.btn_submit {
  text-align: center;
  margin-top: 1.5em;
  border-top: 1px solid #ddd;
  padding-top: 1.5em;
}
.idx_btn.btn_submit input {
  margin-bottom: 0.5em;
}
.idx_btn.btn_submit input:first-of-type {
  margin-left: 0;
  margin-right: 0.5em;
}
.idx_btn.btn_submit input:nth-of-type(2n) {
  margin-right: 0;
}
.idx_btn.btn_submit input:nth-of-type(3n) {
  margin-left: 0;
  margin-right: 0;
}

.idx_btn {
  text-align: center;
}

@media only screen and (max-width: 767.98px) {
  .idx_btn {
    text-align: center;
  }
  .idx_btn .continue {
    margin-top: 10px;
  }
}
input.btn_add, input.btn_default {
  font-size: 1.6rem;
  font-weight: bold;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1);
  border-radius: 40px;
  font-size: 1.6rem;
  padding: 1em 2em;
  margin: 0 0.5em;
}

.isfw_main-contents a.btn_preset:hover {
  color: #fff;
}

.btn_import-export .operation-to {
  display: flex;
  padding: 0 1.75em;
}
.btn_import-export .operation-to .item {
  padding: 0 0.5em;
}
.btn-select {
  display: inline-block;
  position: relative;
}
.btn-select:hover .select-ttl button {
  border-radius: 3px 3px 0 0;
}
.btn-select:hover .select-ttl button:after {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid transparent;
  border-bottom: 7px solid #fff;
  margin-top: -7px;
}
.btn-select:hover .select-content {
  display: block;
}
.btn-select .select-ttl button {
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.25em 2em;
  position: relative;
  margin: 0;
  min-width: 13em;
  transition: all 0.15s ease-in-out;
}
.btn-select .select-ttl button:after {
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #fff;
  pointer-events: none;
  margin-left: 1em;
}
.btn-select .select-content {
  background-color: #fff;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: 1000;
  display: none;
  width: 100%;
}
.btn-select .select-content ul li + li {
  border-top: 1px solid #eee;
}
.btn-select .select-content ul li button[class^=btn_] {
  background-color: transparent;
  color: #444;
  margin: 0;
  padding: 1em 1.25em;
  text-align: left;
  width: 100%;
}
.btn-select .select-content ul li button[class^=btn_]:hover {
  background-color: #f9f9f9;
  color: #666;
}
.btn-select .select-content ul li button[class^=btn_] em {
  display: flex;
}
.btn-select .select-content ul li button[class^=btn_] em:before {
  opacity: 0.4;
}

.btn-select:hover .select-ttl button.btn_default:after {
  border-top: 7px solid transparent;
  border-bottom: 7px solid #333;
}
.btn-select .select-ttl button.btn_default:after {
  border-top: 7px solid #333;
}

.top-assets > div + div.btn-select .select-content {
  width: calc(100% - 2em);
}

.isfw_form {
  display: block;
  margin: 2em 0;
  z-index: 1;
}
.isfw_form .ace_editor * {
  font-size: 12px !important;
  font-size: 1.2rem !important;
}
.isfw_form table {
  width: 100%;
}
.isfw_form table .form_col,
.isfw_form table .setting_title,
.isfw_form table .setting_contents {
  padding: 1em;
}
.isfw_form table .form_col img {
  max-width: 100%;
}
.isfw_form table tr + tr {
  border-top: 2px solid #f5f5f5;
}
.isfw_form table th.form_col,
.isfw_form table .setting_title {
  background-color: #e2e2e2;
  font-weight: bold;
  max-width: 8em;
  vertical-align: middle;
}
.isfw_form table td.form_col,
.isfw_form table td.setting_contents {
  background-color: #fff;
}
.isfw_form .required {
  font-size: 12px;
  font-size: 1.2rem;
  color: #d00;
  margin-left: 0.5em;
  padding: 0 4px;
  border: 1px solid #8d6038;
  border-radius: 3px;
  color: #8d6038;
  font-size: 1.1rem;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
}
.isfw_form .error-form {
  background-color: #ffe7e7 !important;
  border: 1px solid #ef9797 !important;
}
.isfw_form .error-form input {
  background-color: transparent;
}
.isfw_form .input-sample {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  padding: 0.25em 0 0 0;
}
.isfw_form .form-detail-accordion {
  margin-top: 1em;
  margin-bottom: 1.5em;
  padding: 10px 15px 10px 30px;
  border: 1px solid #ccc;
  position: relative;
  width: 100%;
}
.isfw_form .form-detail-accordion:hover {
  cursor: pointer;
}
.isfw_form .form-detail-accordion::before {
  content: "＋";
  position: absolute;
  left: 10px;
}
.isfw_form .form-detail-accordion.is-open::before {
  content: "－";
}
.isfw_form .accordion-forms {
  display: none;
}
.isfw_form .accordion-forms .sub_item {
  z-index: 1;
  border-left: 1px solid #e6e6e6;
  border-bottom: 1px solid #ccc;
}

.isfw_form > .error-txt {
  margin-bottom: 2em;
}

.isfw_form + .list-btn {
  margin-top: 1em;
  margin-bottom: 0;
}
.isfw_form + .list-btn.btn_align-right {
  margin-top: 0;
}

.error-txt {
  color: #d46363;
  font-weight: bold;
}

.warning-txt {
  color: #e8a440;
  font-weight: bold;
}

* > .error-txt .warning-txt {
  margin-top: 0.5em;
}

.cell,
.column {
  display: flex;
  padding: 0 1.5em 0 0;
}
.cell > li,
.column > li {
  padding: 0 1em 0 0;
}

.column {
  flex-direction: column;
}

.form_dl {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.form_dl dt,
.form_dl dd {
  margin: 0.5em 0;
}
.form_dl dt {
  color: #666;
  font-weight: bold;
  margin-right: 1em;
  width: 6em;
}
.form_dl dd {
  width: calc(100% - 7em);
}

.name.label {
  padding: 0.6em 0.5em 0 0;
}

.divide {
  display: inline-block;
  padding: 0 0.75em;
}

.postal-code {
  display: flex;
  align-items: center;
}
.postal-code .postal-code1,
.postal-code .postal-code2 {
  margin: 0 0.5em;
}
.postal-code .postal-code1 {
  width: 6em;
}
.postal-code .postal-code2 {
  width: 8em;
}

.form_address dd {
  width: calc(100% - 7em);
}
.form_address .address1.text,
.form_address .address2.text,
.form_address .address3.text {
  min-width: 100%;
  width: 20em;
}

.form_phone-number .phone-number1,
.form_phone-number .phone-number2,
.form_phone-number .phone-number3 {
  margin: 0 0.5em;
  width: 6em;
}
.form_phone-number .phone-number1 {
  margin-left: 0;
}
.form_phone-number .phone-number3 {
  margin-right: 0;
}

.form_email .email {
  max-width: 100%;
  width: 26em;
}

.form_location-group {
  height: 5.5em;
}
.form_location-group .input-btn-set {
  position: absolute;
}
.form_location-group .input-btn-set .input-text {
  width: auto;
}
.form_location-group .location1,
.form_location-group .location2 {
  margin: 1em 0;
}
.form_location-group .location1 .text {
  width: 30.5em;
}
.form_location-group .location2 {
  display: none;
}
.form_location-group .location2 .text {
  width: 15em;
}

.form_textarea textarea {
  height: 12em;
  max-width: 100%;
  width: 32em;
}

.isfw_form {
  display: block;
  width: 100%;
}
.isfw_form .form_row {
  border: none;
  display: table-row;
  width: 100%;
}
.isfw_form .form_title,
.isfw_form .form_col {
  display: table-cell;
  line-height: 1.4;
  padding: 0.5em;
}
.isfw_form .form_title {
  background: #f5f5f5;
  border: 1px solid #ccc;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  min-width: 12em;
}
.isfw_form .form_col {
  background: #fff;
  border: 1px solid #ccc;
}
.isfw_form .plain-form {
  margin-bottom: 1em;
  display: block;
  align-items: center;
}
.isfw_form .plain-form .input-text .text {
  width: 100%;
}
.isfw_form .plain-form .form_title,
.isfw_form .plain-form .form_col {
  background: transparent;
  border: none;
  padding: 0.25em;
  text-align: left;
  display: inline-block;
  min-width: 7.5em;
  vertical-align: top;
}
.isfw_form .plain-form .form_title {
  color: #888;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 0.25em;
  max-width: 7.5em;
}
.isfw_form .plain-form .form_col {
  margin-bottom: 1.5em;
  max-width: 100%;
  width: 100%;
  display: inline-block;
}
.isfw_form .plain-form > .select_one {
  max-width: 100%;
  display: inline-block;
  margin-bottom: 1.5em;
}
.isfw_form .plain-form > .input-text {
  width: 100%;
}
.isfw_form .plain-form:nth-child(2n+1) {
  margin-right: 0;
}
.isfw_form .plain-form dl {
  width: 100%;
}
.isfw_form .plain-form dt.form_title {
  margin-right: 1em;
  padding: 0;
}
.isfw_form .plain-form dd {
  margin-bottom: 0;
}
.isfw_form .plain-form input.id-form {
  width: 100%;
}
.isfw_form .note {
  display: block;
  font-size: 1.2rem;
  padding: 0.25em 0 0 0;
  white-space: nowrap;
}

.form_content span.cattle_uid {
  font-size: 1.2rem;
}

.isfw_form .form_content {
  max-width: 100%;
  display: inline-block;
  margin-bottom: 1.5em;
  width: 100%;
}
.isfw_form .form_content .form_content {
  margin: -1em;
  width: calc(100% + 2em);
}
.isfw_form .form_content .form_content tr + tr {
  border-top: 1px solid #ccc;
}
.isfw_form .form_content .form_content .form_col {
  border: none;
}
.isfw_form .form_content .form_content th.form_col {
  background-color: #efefef;
  width: 8em;
}
.isfw_form .form_content .form_content.group-field1 th.form_col {
  width: 9em;
  max-width: 9em;
}
.isfw_form .form_content .form_content.group-field2 th.form_col {
  width: 6em;
  max-width: 6em;
}
.isfw_form .form_content .form_content.group-field2 td.form_col {
  width: 37%;
}

@media only screen and (min-width: 768px) {
  .isfw_form form {
    padding: 2em 0 0;
    display: flex;
    flex-wrap: wrap;
  }
  .isfw_form .plain-form {
    padding-right: 2em;
  }
  .isfw_form .plain-form .input-text.input-text-calendar button.btn_default.date_clear_btn {
    display: block;
    border-radius: 40px;
    margin-left: auto;
  }
  .isfw_form dl {
    width: calc(50% - 2em);
    min-width: 25em;
  }
  .isfw_form dl:nth-child(2n+1) {
    margin-right: 2em;
  }
  .isfw_form .form-detail-accordion {
    width: calc(50% - 4em);
    min-width: 23em;
  }
}
@media only screen and (max-width: 768px) {
  .isfw_form .form_content {
    max-width: 100%;
  }
  .isfw_contents .isfw_main-contents {
    padding: 10px 10px;
  }
  .isfw_card.gray .card-content {
    padding: 5px 0 0 0;
  }
  .input-text {
    width: 100%;
  }
  .input-text input.text {
    max-width: 100%;
  }
  .input-text button.date_clear_btn {
    display: block;
    border-radius: 40px;
    margin-left: auto;
  }
  .isfw_form .plain-form .form_title,
.isfw_form .plain-form .form_col {
    min-width: 7.5em;
    width: 100%;
    max-width: 100%;
  }
  .input-text.input-text-calendar,
.input-text-calendar {
    display: inline-block;
    position: relative;
  }
  .isfw_card .btn_accordion.active em::before,
.isfw_card .btn_accordion em::before {
    right: 3rem;
  }
  .isfw_card .card-heading .card-title {
    padding: 10px 0 0 10px;
  }
  .isfw_card section .card-content {
    padding: 0;
  }
  .plain-form .visiting-calculation {
    margin-left: 0rem;
    margin-bottom: 1em;
  }
}
.form_disabled {
  background-color: #eee !important;
}

.form_disabled select {
  pointer-events: none;
}

.form_title_middle {
  width: 130px;
}

.form_col_middle {
  width: 190px;
}

.treatment-remarks {
  width: 100%;
  padding-left: 1.8rem;
}

dl.vertical {
  display: flex;
  flex-wrap: wrap;
}
dl.vertical dt.form_title {
  width: 40%;
}
dl.vertical dd.form_col {
  width: 60%;
}

.form_col .tag2 {
  background-color: #eee;
  padding: 5px 35px 5px 15px;
  border: 1px solid #ddd;
  border-radius: 30px;
  margin: 0 0.5em 0.5em 0.5em;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  cursor: pointer;
}
.form_col .tag2::before {
  content: "\f02b";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.25em;
}
.form_col .tag2:hover {
  background-color: #f5f5f5;
  color: #999;
  transition: all 0.2s ease-in-out;
}
.form_col .tag2:hover .tagDelete {
  border-color: #999;
  transition: all 0.2s ease-in-out;
}
.form_col .tag2 .tagDelete {
  max-width: 20px;
  position: absolute;
  top: 7px;
  right: 7px;
  border: 1px solid #ddd;
  border-radius: 30px;
}

.rslt_idx .isfw_form {
  margin: 0;
}

.isfw_card.register-form {
  box-shadow: none;
}

.isfw_card .card-heading {
  display: flex;
  background-color: #3e5568;
  border-radius: 3px;
  height: 6rem;
}
.isfw_card .card-heading .card-title {
  width: 80%;
  border: none;
  color: #fff;
}
.isfw_card .card-heading .card-title .select_one {
  width: 15rem;
}
.isfw_card .card-heading .card-delete {
  width: 20%;
  position: relative;
}
.isfw_card .card-heading .card-delete .tag2 {
  position: absolute;
  right: 3rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #ccc;
}
.isfw_card .card-heading .card-delete .tag2 .tagDelete {
  width: 3rem;
  margin: 0;
  max-width: 3rem;
}

.card-pannel.isfw_form.treatment_form {
  margin-top: 2rem;
}
.card-pannel.isfw_form.treatment_form .icon {
  text-align: left;
  margin-top: 0.5rem;
}
.card-pannel.isfw_form.treatment_form .icon span {
  display: inline-block;
  margin: 0;
  border: 1px solid #ccc;
  padding: 0.25em 0.5em;
  border-radius: 1em;
  min-width: 5em;
  font-size: 14px;
  cursor: pointer;
}
.card-pannel.isfw_form.treatment_form .icon span.icon_blood-biochemical-test-type {
  color: #333;
  background-color: #eee;
  margin: 0 0.5em 0.5em 0;
}
.card-pannel.isfw_form.treatment_form .icon span.icon_blood-biochemical-test-type:last-of-type {
  margin-right: 0;
}
.card-pannel.isfw_form.treatment_form .icon span img.blood-biochemical-test-type_delete {
  width: 20px;
  border: solid 1px;
  border-radius: 50%;
}
.card-pannel.isfw_form.treatment_form .icon span:hover {
  background-color: #f5f5f5;
  color: #999;
  transition: all 0.2s ease-in-out;
}
.card-pannel.isfw_form.treatment_form .icon span:hover img.blood-biochemical-test-type_delete {
  border-color: #999;
  transition: all 0.2s ease-in-out;
}
.card-pannel.isfw_form.treatment_form .table_scrollable {
  max-height: inherit;
}

.card-pannel.isfw_form.medicine_form {
  margin-top: 2rem;
}
.card-pannel.isfw_form.medicine_form .table_scrollable {
  max-height: none;
}

.isfw_form .plain-form .form_col .input-text input.slaughter_restriction {
  margin: 0;
  text-align: center;
  max-width: 8em;
  display: inline-block;
}
.isfw_form .plain-form .form_col .input-text input.slaughter_restriction + span {
  display: inline-block;
}
.isfw_form .plain-form .form_col .input-text input.milking_restriction {
  margin: 0;
  text-align: center;
  max-width: 8em;
  display: inline-block;
}
.isfw_form .plain-form .form_col .input-text input.milking_restriction + span {
  display: inline-block;
}
.isfw_form .plain-form .form_col .input-text-notes {
  font-size: 12px;
  list-style-type: none;
  list-style-position: inside;
  text-indent: -14px;
  padding-left: 14px;
  color: #888;
}
.isfw_form .plain-form .form_col .input-text-notes::marker {
  content: "※";
}

.card-pannel.isfw_form.disease_form {
  margin-top: 2rem;
}

.btn_add.add_medicine,
.btn_add.add_treatment {
  cursor: pointer;
  box-shadow: none;
}

.btn_add.add_medical_treatment {
  width: 100%;
  background-color: #3e5568;
  cursor: pointer;
}
.btn_add.add_medical_treatment :hover {
  background-color: #3e5568;
}

.btn_add.add_medical_treatment:hover {
  background-color: #3e5568;
}

.btn_add.add_disease {
  width: 100%;
  background-color: #3e5568;
  cursor: pointer;
}
.btn_add.add_disease :hover {
  background-color: #3e5568;
}

.btn_add.add_disease:hover {
  background-color: #3e5568;
}

.form_score {
  display: flex;
}
.form_score .input-text.form_col {
  width: 48%;
  margin-right: 1%;
  text-align: center;
  margin-bottom: 0;
}

.register-content .card-content .isfw_form.treatment_form .plain-form .form_col .form_score input.text,
.register-content .card-content .isfw_form.treatment_form .plain-form .form_col .form_score .form_col.input-text,
.register-content .card-content .isfw_form.medicine_form .plain-form .form_col .form_score input.text,
.register-content .card-content .isfw_form.medicine_form .plain-form .form_col .form_score .form_col.input-text,
.isfw_card .card-content .isfw_form.visiting_form .plain-form .form_col .form_score input.text,
.isfw_card .card-content .isfw_form.visiting_form .plain-form .form_col .form_score .form_col.input-text {
  min-width: 49%;
  margin-right: 1%;
  margin-bottom: 0;
}
.register-content .card-content .isfw_form.treatment_form .plain-form .form_col .form_score input.text:nth-of-type(2n),
.register-content .card-content .isfw_form.treatment_form .plain-form .form_col .form_score .form_col.input-text:nth-of-type(2n),
.register-content .card-content .isfw_form.medicine_form .plain-form .form_col .form_score input.text:nth-of-type(2n),
.register-content .card-content .isfw_form.medicine_form .plain-form .form_col .form_score .form_col.input-text:nth-of-type(2n),
.isfw_card .card-content .isfw_form.visiting_form .plain-form .form_col .form_score input.text:nth-of-type(2n),
.isfw_card .card-content .isfw_form.visiting_form .plain-form .form_col .form_score .form_col.input-text:nth-of-type(2n) {
  min-width: 50%;
  margin-right: 0;
}

.isfw_card .card-content .isfw_form.visiting_form {
  margin-top: 2rem;
}
.isfw_card .card-content .isfw_form.visiting_form .plain-form .form_col.margin-bottom-none {
  margin-bottom: 0;
}

.plain-form.bulk-export-kind {
  padding: 0;
  margin-left: 0;
}
.plain-form.bulk-export-kind .form_col.hide {
  display: none;
}

@media only screen and (min-width: 1680px) {
  .plain-form.bulk-export-kind {
    width: 50%;
    margin-right: 3em;
  }
  .plain-form.bulk-export-kind .form_quarter {
    width: 24%;
    display: inline-block;
    margin-bottom: 1em;
  }
  .plain-form.bulk-export-kind .form_quarter + .form_quarter {
    width: 24%;
  }
  .plain-form.bulk-export-kind .form_quarter .form_col {
    margin-bottom: 0;
    width: 100%;
  }
  .plain-form.bulk-export-kind .form_quarter .form_col .input-text {
    width: 100%;
  }
  .plain-form.bulk-export-kind .form_quarter .form_title {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1679px) {
  .plain-form.bulk-export-kind {
    width: 50%;
    margin-right: 3em;
  }
  .plain-form.bulk-export-kind .form_quarter {
    width: 49%;
    display: inline-block;
  }
  .plain-form.bulk-export-kind .form_quarter:nth-of-type(2n) {
    width: 50%;
    display: inline-block;
  }
}
@media only screen and (min-width: 580px) and (max-width: 767.98px) {
  .plain-form.bulk-export-kind {
    width: 100%;
  }
  .plain-form.bulk-export-kind .form_quarter {
    width: 24%;
    display: inline-block;
  }
}
@media only screen and (max-width: 579px) {
  .plain-form.bulk-export-kind {
    width: 100%;
    margin-top: 1rem;
  }
  .plain-form.bulk-export-kind .form_quarter {
    width: 49%;
    display: inline-block;
  }
}
.plain-form .visiting-calculation {
  padding: 0;
  margin-left: 0;
  margin-bottom: 1em;
}
.plain-form .visiting-calculation .visiting-distance {
  margin-bottom: 1em;
}
.plain-form .visiting-calculation .form_half {
  width: 48%;
  display: inline-block;
  margin-bottom: 0;
}
@media only screen and (max-width: 393px) {
  .plain-form .visiting-calculation .form_half {
    width: 48%;
    margin-right: 0;
  }
}
.plain-form .visiting-calculation .form_half + .form_half {
  width: 50%;
  margin-right: 0;
}
.plain-form .visiting-calculation .form_half .form_col {
  margin-bottom: 0;
  width: 100%;
}
.plain-form .visiting-calculation .form_half .form_col .input-text {
  width: 100%;
}
.plain-form .visiting-calculation .form_half .form_title {
  width: 100%;
}
.plain-form .visiting-calculation .admin_h2btn {
  margin-bottom: 1.5rem;
}
.plain-form .visiting-calculation .admin_h2btn .mst.btn_default {
  width: 48%;
  margin-right: 2%;
  padding: 0.75em 0.5em;
}
.plain-form .visiting-calculation .admin_h2btn .mst.btn_default:last-of-type {
  margin-right: 0;
}
.plain-form .visiting-calculation .full-width {
  width: 100%;
}

.isfw_form .admin_h2btn .mst.btn_default {
  color: #fff;
}

.select2-selection {
  overflow: hidden;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-top: 4px;
}

.select2.select2-container--default .select2-selection--single .select2-selection__rendered {
  white-space: normal;
  word-break: break-all;
}

.--margin-bottom-small {
  margin-bottom: 10px;
}

.btn_default.btn_preset, .btn_default.btn_bulk-update {
  margin-left: 0;
}

.btn_default.btn_create_preset {
  margin-left: 1.5rem;
}

.ui-tabs-panel .isfw_card .plain-form {
  margin-bottom: 1em;
}

input[type=checkbox] {
  transform: scale(1.5);
  accent-color: #3e5568;
}

@media only screen and (max-width: 767.98px) {
  input[type=checkbox] {
    transform: scale(1.4);
  }
}
.file-search .search-name .search-text {
  background-color: #fff;
  border-radius: 3px;
  margin: 0.25em 0;
  padding: 0.5em;
  width: 100%;
}
.input-text {
  background-color: #fff;
  display: inline-block;
  text-align: left;
  width: 100%;
  max-width: 100%;
}
.input-text input.text {
  max-width: 100%;
}
.input-text button.date_clear_btn {
  display: block;
  border-radius: 40px;
  margin-left: auto;
}
.input-text .idx_btn #tag_add {
  margin-left: auto;
  display: block;
}
.input-text .text {
  background-color: transparent;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 0.5em;
  height: 2.5em;
  width: 100%;
}
.input-text .text:focus, .input-text .text:focus-visible {
  border: 1px solid #ff8200;
  box-shadow: 0 0 0 1px #ff8200;
  background-color: rgba(255, 130, 0, 0.05);
}
.input-text .text.simple {
  border: none;
  border-radius: none;
  padding: 0;
  height: 1.5em;
}
.input-text .text.simple:focus {
  border: none;
  box-shadow: none;
  background-color: inherit;
}
.input-text .tag_area input {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 0.5em;
  width: 100%;
}

.input-text-inline {
  width: auto;
}
.input-text-inline .text {
  width: auto;
}

.isfw_form .plain-form .input-text-pw {
  border: 1px solid #ccc;
  border-radius: 3px;
  display: flex !important;
  align-items: center;
  position: relative;
  width: 100%;
}
.isfw_form .plain-form .input-text-pw .text {
  border: none;
}
.isfw_form .plain-form .input-text-pw .text.password-form {
  width: 100%;
  max-width: 100%;
}
.isfw_form .plain-form .input-text-pw .icon_visible {
  padding: 0 10px;
}
.isfw_form .plain-form .input-text-pw .icon_visible:before {
  color: #999;
  cursor: pointer;
  content: "\f06e";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}
.isfw_form .plain-form .input-text-pw .icon_visible.hidden:before {
  content: "\f070";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}

.input-text-calendar {
  position: relative;
  max-width: 100%;
  margin: 0 0 0.25em 0;
  min-width: 7em;
}
.input-text-calendar .date-time-picker {
  background-color: transparent;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 0.5em;
  height: 2.5em;
}
.input-text-calendar input.p-bx.bx_period.text,
.input-text-calendar input.p-edt_clr.bx_period.text {
  min-width: 7em;
}
.input-text-calendar.date-period {
  width: calc(50% - 14px);
}

.form_hidden,
.btn_default.btn_disable.hidden,
.add_blood-biochemical-test-types.hidden,
.blood-biochemical-test-results.hidden,
textarea.txtarea.hidden,
.input-text.hidden {
  display: none;
}

.icon_edit::before, .isfw_dialog .status_edit::before, .child-tabs .tab.edit em::before, .data-list-table .status_edit::before {
  content: "\f044";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: 500;
}
.icon_edit::before.btn_disable, .isfw_dialog .status_edit::before.btn_disable, .child-tabs .tab.edit em::before.btn_disable, .data-list-table .status_edit::before.btn_disable {
  font-weight: 500;
}

@media only screen and (max-width: 768px) {
  .input-text-pw {
    max-width: 100%;
    width: 100%;
  }
  .input-text-pw .text.password-form {
    width: 100%;
    max-width: 100%;
  }
}
.input-text-clip {
  border: 1px solid #ccc;
  border-radius: 3px;
  display: flex;
  align-items: center;
  position: relative;
}
.input-text-clip .text {
  border: none;
}
.input-text-clip .icon_clip {
  border-left: 1px solid #ddd;
  padding: 0 10px;
}
.input-text-clip .icon_clip:before {
  color: #999;
  cursor: pointer;
  content: "\f328";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

.input-text-path {
  border: 1px solid #ccc;
  border-radius: 3px;
  display: flex;
  align-items: center;
  position: relative;
}
.input-text-path .text {
  border: none;
  width: 100%;
}
.input-text-path .default-path {
  color: #999;
  padding-left: 10px;
  white-space: nowrap;
}

.input-text .text-input-table {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  height: 2.5em;
  padding: 0px 0px 0px 0px;
  text-align: center;
}

.select_one {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 100%;
}
.select_one:before {
  position: absolute;
  top: 1.1em;
  right: 0.75em;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid black;
  pointer-events: none;
}
.select_one select {
  color: #000;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  width: 100%;
  padding: 7px 40px 7px 10px;
  height: 2.35em;
}
.select_one.selected-cattle-search-form {
  border: none !important;
  background-color: #99caaa !important;
  border-radius: 3px 3px 0 0px !important;
  width: auto !important;
}

.select_one_half {
  width: 50%;
  display: inline-block;
}

.select_check {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 100%;
}
.select_check:before {
  position: absolute;
  top: 1.1em;
  right: 0.75em;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid black;
  pointer-events: none;
}
.select_check .select-ttl {
  color: #000;
  padding: 10px 40px 10px 10px;
}
.select_check ul {
  background-color: #fff;
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 3px;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
  max-height: 25vh;
  overflow-y: auto;
  position: absolute;
  left: -1px;
  top: -2px;
  width: calc(100% + 2px);
  z-index: 999;
}
.select_check ul li {
  width: 100%;
}
.select_check ul li .list-item {
  display: flex;
  padding: 5px 40px 5px 10px;
}
.select_check ul li .list-item em {
  color: #000;
}
.select_check ul li input[type=checkbox] {
  margin-top: 2px;
}
.select_check ul li .label-text {
  padding: 0 5px;
  width: 100%;
}
.select_check .select_background {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  transition: all 0.3s;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 998;
}
.select_check .select-content {
  position: relative;
  z-index: 1000;
}

.textarea textarea {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 0.5em;
  min-height: 5em;
  width: 100%;
  text-align: left;
}
.textarea textarea.narrow-textarea {
  min-height: 2em;
  resize: vertical;
}

.toggle-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
}

.toggle-label {
  width: 40px;
  height: 20px;
  background: #ccc;
  position: relative;
  display: inline-block;
  border-radius: 46px;
  transition: 0.4s;
  box-sizing: border-box;
}
.toggle-label:after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  left: 2px;
  top: 2px;
  z-index: 2;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transition: 0.4s;
}

.toggle-input:checked + .toggle-label {
  background-color: #4BD865;
}
.toggle-input:checked + .toggle-label:after {
  left: 22px;
}

.toggle-btn {
  position: relative;
  width: 40px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}
.toggle-btn + .toggle-status {
  margin-left: 0.5em;
}

.droppable-list .list-item {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.droppable-list .list-item + .list-item {
  border-top: 1px solid #ddd;
}
.droppable-list .list-content {
  display: flex;
  align-items: center;
  width: 100%;
}
.droppable-list .list-icon {
  margin: 0 10px;
}

.add-list .list-item {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.add-list .list-item + .list-item {
  border-top: 1px solid #ddd;
}
.add-list .disabled {
  opacity: 0.25;
  pointer-events: none;
}
.add-list .list-content {
  display: flex;
  align-items: center;
  width: 100%;
}
.add-list .list-content > * {
  margin-right: 10px;
}
.add-list .list-form {
  width: 100%;
}
.add-list .list-form .item-title {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 5px;
}
.add-list .list-add {
  margin: 0 10px;
  margin-left: auto;
  padding-left: 10px;
}
.add-list .list-add i {
  font-size: 20px;
  font-size: 2rem;
  color: #000;
  cursor: pointer;
}
.add-list .list-add i:hover {
  color: #666;
}
.add-list .list-add + .list-delete {
  margin-left: 0;
}
.add-list .list-delete {
  margin: 0 10px;
  margin-left: auto;
}
.add-list .list-delete i {
  font-size: 20px;
  font-size: 2rem;
  color: #aaa;
  cursor: pointer;
}
.add-list .list-delete i:hover {
  color: #ccc;
}

.file-upload {
  background-color: #f5f5f5;
  border: 2px dashed #ddd;
  border-radius: 4px;
  padding: 20px;
  position: relative;
  text-align: center;
  margin-bottom: 0.25em;
  min-width: 250px;
  max-width: 600px;
}
.file-upload:hover {
  border: 2px dashed #ccc;
}
.file-upload input[type=file] {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  cursor: pointer;
}
.file-upload .upload-text {
  color: #999;
}
.file-upload .upload-text:before {
  color: #ddd;
  content: "\f382";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  font-size: 42px;
  font-size: 4.2rem;
}
.file-upload img {
  max-width: 520px;
  width: 100%;
  display: block;
  margin: 0 auto;
}
.file-upload .file .video-js {
  margin: 0 auto;
}
.file-upload .file audio {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 520px;
  height: 40px;
}
@media only screen and (max-width: 767.98px) {
  .file-upload .file audio {
    max-width: 300px;
  }
}
.file-upload .file-type a.file-link,
.file-upload .file-link {
  display: block;
  margin: 0 auto;
}
.file-upload .file-type a.file-link:hover,
.file-upload .file-link:hover {
  color: #ff8200;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.file-upload .file-type a.file-link:hover::before,
.file-upload .file-link:hover::before {
  color: #ff8200;
  transition: all 0.2s ease-out;
}
.file-upload .file-type a.file-link.word::before,
.file-upload .file-link.word::before {
  content: "\f1c2";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.file-upload .file-type a.file-link.excel::before,
.file-upload .file-link.excel::before {
  content: "\f1c3";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.file-upload .file-type a.file-link.power-point::before,
.file-upload .file-link.power-point::before {
  content: "\f1c4";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.file-upload .file-type a.file-link.pdf::before,
.file-upload .file-link.pdf::before {
  content: "\f1c1";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.file-upload .file-type a.file-link.csv::before,
.file-upload .file-link.csv::before {
  content: "\f6dd";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.file-upload .file-type a.file-link.zip::before,
.file-upload .file-link.zip::before {
  content: "\f1c6";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.file-upload .file-type a.file-link::before,
.file-upload .file-link::before {
  color: #177100;
  font-size: 24px;
  font-weight: bold;
  margin-right: 1rem;
}

@media only screen and (max-width: 767.98px) {
  .file-upload.sp-small {
    padding: 0;
  }
  .file-upload.sp-small .upload-text {
    padding: 0.5em;
    display: flex;
    justify-content: center;
    gap: 0.2em;
  }
  .file-upload.sp-small .upload-text::before {
    font-size: 1em;
  }
  .file-upload.sp-small .upload-text span.sp-hide {
    display: none;
  }
}
.select-image {
  z-index: 200000 !important;
}

.file-upload_add {
  text-align: right;
  color: #999;
  margin-top: 0.25em;
}
.file-upload_add:before {
  content: "\f055";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: lighter;
  margin-left: 0.25em;
}
.file-upload_add:hover {
  color: #000;
  transition: color 0.25s ease-out;
  cursor: pointer;
}

.icon_edit.icon-for-comment-edit, .isfw_dialog .icon-for-comment-edit.status_edit, .child-tabs .tab.edit em.icon-for-comment-edit, .data-list-table .icon-for-comment-edit.status_edit {
  display: inline-block;
}

.filebox {
  display: flex;
}
.filebox input[type=file] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.filebox label {
  display: inline-block;
  width: 6em;
  padding: 0.5em;
  color: #fff;
  font-size: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #177100;
  cursor: pointer;
  border-radius: 3px 0 0 3px;
  text-align: center;
}
.filebox label::before {
  content: "\f865";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.2em;
}
.filebox label:hover {
  background-color: #ff8200;
  transition: background-color 0.2s ease-out;
}
.filebox .upload-name {
  display: inline-block;
  padding: 0.5em;
  width: calc(100% - 6em);
  font-size: inherit;
  font-family: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-left: 0px;
  border-radius: 0 3px 3px 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.upload-file-list .list-item {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.upload-file-list .list-item + .list-item {
  border-top: 1px solid #ddd;
}
.upload-file-list .list-item:first-of-type {
  padding-top: 0;
}
.upload-file-list .list-item .item-thumbnail {
  max-width: 50px;
  margin-right: 10px;
}
.upload-file-list .list-item .item-thumbnail img {
  max-width: 40px;
}
.upload-file-list .list-item .item-thumbnail i {
  font-size: 36px;
  font-size: 3.6rem;
  color: #d67725;
}
.upload-file-list .list-item .item-path, .upload-file-list .list-item .item-size {
  color: #666;
  font-size: 12px;
  font-size: 1.2rem;
  margin-right: 10px;
  word-break: break-all;
  width: 100%;
  min-width: 4em;
}
.upload-file-list .list-item .item-delete {
  margin-left: auto;
}
.upload-file-list .list-item .item-delete i {
  font-size: 20px;
  font-size: 2rem;
  color: #aaa;
  cursor: pointer;
}
.upload-file-list .list-item .item-delete i:hover {
  opacity: 0.5;
}
.upload-file-list.single {
  text-align: center;
  margin: 2em 0;
}
.upload-file-list.single .list-item {
  border: 2px solid #ddd;
  border-radius: 4px;
  padding: 10px;
  margin: 0 auto;
  display: inline-flex;
}
.upload-file-list.single .list-item .item-thumbnail, .upload-file-list.single .list-item .item-delete {
  max-width: inherit;
  width: auto;
}
.upload-file-list.single .list-item .item-thumbnail {
  margin-right: 1em;
}
.upload-file-list.single .list-item .item-delete {
  margin: 0 0 0 2em;
}
.upload-file-list.single .list-item .item-path, .upload-file-list.single .list-item .item-size {
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0;
  width: auto;
}
.upload-file-list.single .list-item .item-path {
  color: #333;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left;
}
.upload-file-list.single .list-item .item-size {
  display: inline-block;
  margin-left: 1em;
}

.form_calendar {
  display: flex;
  align-items: flex-end;
}
.form_calendar > div + div {
  margin-left: 10px;
}
.form_calendar .calendar-item {
  width: 13.5em;
}
.form_calendar .calendar-item .item-title {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 5px;
}
.form_calendar .calendar-item + .btn-item .list-btn .button-set .item {
  margin: 0 0.25em;
}
.form_calendar .calendar-item + .btn-item .list-btn .button-set .item button {
  margin: 0;
  padding: 0.5em !important;
}

.partscat-search > em {
  color: #666;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.partscat-search .icon_close {
  position: relative !important;
  top: 0 !important;
}
.partscat-search .input-text-partscat {
  border: 1px solid #ccc;
  border-radius: 3px;
  display: flex;
  align-items: center;
  position: relative;
}
.partscat-search .input-text-partscat .text {
  border: none;
}
.partscat-search .input-text-partscat .icon_close {
  padding: 0 10px;
}
.partscat-search .input-text-partscat .icon_close:before {
  color: #999;
  cursor: pointer;
  content: "\f00d";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: lighter;
}
.partscat-search .input-text-partscat .icon_close:hover {
  opacity: 0.5;
}
.partscat-search .search-result {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  position: relative;
  margin: 8px 0 0;
}
.partscat-search .search-result:before {
  content: "";
  position: absolute;
  top: -16px;
  left: 30px;
  margin-left: -8px;
  border: 8px solid transparent;
  border-bottom: 8px solid rgba(0, 0, 0, 0.1);
}
.partscat-search .search-result.is-close {
  margin: 0;
  padding: 0;
  height: 0;
}
.partscat-search .search-result .list-item {
  display: inline-block;
}
.partscat-search .search-result .result-item {
  background-color: #fff;
  border-radius: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.25em 0.75em;
  margin: 0.25em;
  transition: all 0.15s ease-in-out;
}
.partscat-search .search-result .result-item:hover {
  opacity: 0.75;
}
.partscat-search .search-result .result-item .icon_close {
  color: #999;
  margin-left: 0.5em;
}
.partscat-search .search-result .result-item .icon_close:before {
  color: #999;
  cursor: pointer;
  content: "\f057";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

.input-btn-set {
  display: flex;
  align-items: center;
}
.input-btn-set .input-text {
  margin-right: 0.5em;
  width: 85%;
}
.input-btn-set button {
  padding: 0.65em 1em !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body {
  min-width: 100%;
}

.isfw_admin {
  min-height: 100vh;
}
.isfw_admin header .site-logo .for-pc {
  margin-left: 1em;
}

.isfw_page-wrapper {
  display: flex;
  min-height: calc(100vh - 60px - 43px);
  position: relative;
  padding-top: 60px;
}
.isfw_page-wrapper * {
  font-size: 16px;
}
.isfw_page-wrapper * .detail.header {
  font-size: 18px;
}
.isfw_page-wrapper * .page-title em,
.isfw_page-wrapper * h3.card-title {
  font-size: 20px;
}

.isfw_main-container {
  margin-left: 240px;
  margin-right: 60px;
  width: calc(100% - 240px - 60px);
  min-height: calc(100vh - 60px - 43px);
  transition: 0.2s;
}
@media only screen and (max-width: 768px) {
  .isfw_main-container {
    margin-right: 0;
  }
}

.isfw_contents {
  display: flex;
  min-height: calc(100vh - 60px - 50px);
}
@media only screen and (max-width: 767.98px) {
  .isfw_contents {
    min-height: auto;
  }
}

.isfw_main-contents {
  order: 2;
  width: 100%;
}

.isfw_page-wrapper.single {
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 43px);
  padding-bottom: 3em;
}
.isfw_page-wrapper.single .single-wrapper {
  width: calc(100% - 10px);
}
.isfw_page-wrapper.single .single-wrapper .isfw_signin {
  margin: 0 auto;
  max-width: 700px;
}
.isfw_page-wrapper.single .site-logo {
  width: 100%;
  text-align: center;
  padding: 1.5em 0 1.5em;
}
.isfw_page-wrapper.single .site-logo .logo {
  max-width: 250px;
  margin: 0 auto;
}
.isfw_page-wrapper.single .site-logo .logo img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.isfw_page-wrapper.single .card-title {
  text-align: center;
}
.isfw_page-wrapper.single .card-title em {
  font-size: 2rem;
  font-weight: bold;
  color: #444;
}
.isfw_page-wrapper.single .card-content .isfw_form form {
  padding: 0;
  display: block;
}
@media only screen and (min-width: 767.98px) {
  .isfw_page-wrapper.single .isfw_card .card-content {
    padding: 2rem;
  }
}
.isfw_page-wrapper.single .row {
  display: block;
}
.isfw_page-wrapper.single .row > .list-btn {
  min-height: 40px;
}
.isfw_page-wrapper.single .row > .list-btn .button-set {
  justify-content: flex-start;
  margin-top: 2em;
}
.isfw_page-wrapper.single .row > .list-btn .button-set .item:first-child {
  margin: 0;
}
.isfw_page-wrapper.single .row > .list-btn .btn_cancel {
  position: relative;
}
.isfw_page-wrapper.single + .footer {
  margin-left: 0 !important;
  width: 100%;
  bottom: 0;
  margin-top: 0;
}
.isfw_page-wrapper.single + .footer .copyright {
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  .isfw_page-wrapper.single {
    align-items: flex-start;
  }
}

@supports (-webkit-touch-callout: none) {
  html {
    height: -webkit-fill-available;
  }
  body,
.isfw_page-wrapper.single {
    min-height: calc(100vh - 43px);
    min-height: -webkit-fill-available;
  }
}
@media only screen and (max-width: 767.98px) {
  .isfw_page-wrapper.single > .login_input {
    width: calc(100% - 10px);
  }
}
@media only screen and (min-width: 767.98px) {
  .isfw_main-container.is-100p {
    width: calc(100% - 50px - 60px);
    margin-left: 50px;
  }
}
.page-list li + li {
  margin-top: 0.75em;
}
.page-list li + li a:hover {
  color: #d67725;
}

img.noimage {
  border: 1px solid #e27777;
}

.input_thumbnail img.noimage {
  border: none;
}

.contents_nothing {
  background-color: #fff;
  padding: 1em;
}

#textract_err_text_header {
  margin-top: 0px;
}

.error-txt-disappear {
  opacity: 0;
  transition: opacity 3s;
  transition-delay: 7s;
  position: absolute;
  bottom: 0.5em;
  left: 1.25em;
}

.display-setting_data-list-table {
  position: relative;
}
.display-setting_data-list-table .display-setting_window {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  padding: 1em;
  position: absolute;
  top: 2.5em;
  right: 0.25em;
}
.display-setting_data-list-table .display-setting_window form .display-setting .setting_title {
  margin-bottom: 0.25em;
}
.display-setting_data-list-table .display-setting_window form .display-setting .setting_item {
  padding-bottom: 1em;
}
.display-setting_data-list-table .display-setting_window form .display-setting .setting_item:last-child {
  padding-bottom: 0;
}
.display-setting_data-list-table .display-setting_window form .display-setting .setting_item .setting {
  display: flex;
}
.display-setting_data-list-table .display-setting_window form .display-setting .setting_item .setting .item {
  padding-right: 1.5em;
  white-space: nowrap;
}
.isfw_page-wrapper.col1 + .footer {
  margin: 1em;
}

.footer {
  margin-top: 3em;
  position: relative;
  background-color: #ccc;
  display: block;
  width: 100%;
  min-height: 30px;
  z-index: 1;
  margin-top: 0;
  height: 48px;
  bottom: 0;
}
.footer .copyright {
  padding: 15px 0;
  background-color: #ccc;
  height: 43px;
  left: calc(50% - 142px);
  position: absolute;
}

@media only screen and (max-width: 767.98px) {
  .footer .copyright {
    position: initial;
  }
  .footer .copyright small {
    margin-left: 0;
  }
}
header.sticky {
  background: #fff;
  border-bottom: 1px solid #ccc;
  display: flex;
  flex-direction: row;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  height: 60px;
  align-items: center;
  position: fixed;
}
@media only screen and (max-width: 767.98px) {
  header.sticky {
    justify-content: space-between;
  }
}
header.sticky .head_function .search-cattle dt button.fa-lg.display-toggle {
  line-height: 1.3em;
  font-size: 1.3em;
}
header.sticky .head_function .search-cattle dt button:before {
  content: "\f002";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
  color: #d67725;
}
header.sticky .head_function .search-cattle dt em {
  display: none;
}
header.sticky .head_function .search-cattle .menu {
  max-width: 320px;
  width: 80vw;
  padding: 0.85rem 0.5rem 0.85rem 0.5rem;
}
header.sticky .head_function .search-cattle .menu .form-group {
  justify-content: center;
}
header.sticky .header_toggle-botton {
  height: 56px;
  width: 50px;
  position: relative;
}
header.sticky .header_toggle-botton button {
  width: 100%;
  height: 100%;
  min-width: auto;
  margin: 0;
}
header.sticky .header_toggle-botton button:before {
  content: "";
  display: inline-block;
  background-image: url(../../assets/img/icon_menulist_open.svg);
  font-size: 2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.8;
  color: #8d6038;
}
@media only screen and (min-width: 767.98px) {
  header.sticky .header_toggle-botton button:hover:before {
    content: "\f060";
    opacity: 1;
  }
}
@media only screen and (max-width: 767.98px) {
  header.sticky .header_toggle-botton button:before {
    padding: 0.15em 0.3em;
    border-radius: 3px;
    background-color: #d7d2cd;
    height: 30px;
    width: 30px;
  }
}
header.sticky .header_toggle-botton button em {
  display: none;
}
@media only screen and (max-width: 767.98px) {
  header.sticky .header_toggle-botton button.close:before {
    content: "\f00d";
  }
}
@media only screen and (min-width: 767.98px) {
  header.sticky .header_toggle-botton button.close:hover:before {
    content: "\f061";
  }
}
header.sticky .globalnavigation {
  order: 1;
}
@media only screen and (min-width: 767.98px) {
  header.sticky .globalnavigation .sp-menu {
    display: none;
  }
}
@media only screen and (max-width: 767.98px) {
  header.sticky .globalnavigation .sp-menu {
    width: 60px;
    height: 60px;
    position: relative;
  }
  header.sticky .globalnavigation .sp-menu:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.8;
    content: "\f0c9";
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    font-size: 2.4em;
    color: #8d6038;
  }
  header.sticky .globalnavigation .sp-menu.closed:before {
    content: "";
    content: "\f00d";
  }
}
header.sticky .navigation-list {
  position: fixed;
  left: 0;
  top: 60px;
  background-color: #fff;
  height: calc(100vh - 60px);
  font-size: 1.6rem;
  width: 240px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  transition: 0.2s;
}
header.sticky .navigation-list.scroll-y {
  overflow-y: scroll;
}
@media only screen and (min-width: 767.98px) {
  header.sticky .navigation-list {
    border-right: 1px solid #ccc;
  }
  header.sticky .navigation-list.is-on {
    width: 50px;
  }
  header.sticky .navigation-list.is-on .navigation li > em,
header.sticky .navigation-list.is-on .navigation li > a {
    height: 50px;
    padding: 0.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  header.sticky .navigation-list.is-on .navigation li > em:before,
header.sticky .navigation-list.is-on .navigation li > a:before {
    left: 0.25em;
  }
  header.sticky .navigation-list.is-on .navigation li > em:hover,
header.sticky .navigation-list.is-on .navigation li > a:hover {
    border-left: 5px;
  }
  header.sticky .navigation-list.is-on .navigation li.change_menu em:before {
    display: none;
  }
  header.sticky .navigation-list.is-on .navigation li.change_menu em:after {
    transform: translateY(-50%) rotate(-180deg);
    right: -0.05em;
  }
  header.sticky .navigation-list.is-on .navigation li span {
    position: absolute;
    left: 60px;
    white-space: nowrap;
    font-size: 14px;
    background-color: #222;
    color: #fff;
    padding: 5px 10px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 3px;
    opacity: 0;
    pointer-events: none;
  }
  header.sticky .navigation-list.is-on .navigation li span:before {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 50%;
    left: -5px;
    transform: translateY(-50%);
    border-right: 5px solid #222;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
  }
  header.sticky .navigation-list.is-on .navigation li:hover span {
    opacity: 1;
  }
  header.sticky .navigation-list.is-on .navigation li.change_menu span:after {
    content: "を開く";
  }
  header.sticky .navigation-list.is-on .navigation li .navigation li a {
    background-color: #f7f7f7;
    padding: 0;
  }
  header.sticky .navigation-list.is-on .navigation li .navigation li a::before {
    left: 0.25em;
  }
  header.sticky .navigation-list.is-on .navigation li .navigation li.menu_parts_setting a::after,
header.sticky .navigation-list.is-on .navigation li .navigation li.menu_parts_map a::after,
header.sticky .navigation-list.is-on .navigation li .navigation li.menu_parts_farm a::after,
header.sticky .navigation-list.is-on .navigation li .navigation li.menu_parts_clinic a::after,
header.sticky .navigation-list.is-on .navigation li .navigation li.menu_parts_score_revision a::after,
header.sticky .navigation-list.is-on .navigation li .navigation li.menu_parts_list a::after,
header.sticky .navigation-list.is-on .navigation li .navigation li.menu_parts_people_arrows a::after {
    left: 1.75em;
  }
}
@media only screen and (max-width: 767.98px) {
  header.sticky .navigation-list {
    left: -100vw;
    width: 100vw;
    background-color: #f5f5f5;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    padding-bottom: 110px;
  }
  header.sticky .navigation-list.is-on {
    left: 0;
  }
}
header.sticky .navigation-list .navigation {
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1) inset;
  background-color: #fcfcfc;
  width: 100%;
}
@media only screen and (max-width: 767.98px) {
  header.sticky .navigation-list .navigation {
    z-index: 999;
  }
}
header.sticky .navigation-list .navigation li {
  background-color: #fff;
}
header.sticky .navigation-list .navigation li > a,
header.sticky .navigation-list .navigation li > em {
  font-size: 1.8rem;
  display: block;
  height: 50px;
  padding: 0.5em 0.5em 0.5em 3em;
  position: relative;
  background-color: #fff;
  border-left: 3px solid #fff;
  cursor: pointer;
  line-height: 1.4em;
}
header.sticky .navigation-list .navigation li > a:hover,
header.sticky .navigation-list .navigation li > em:hover {
  border-left: 15px solid #ff8200;
  color: #d67725;
  transition: all 0.2s;
}
header.sticky .navigation-list .navigation li > a:before, header.sticky .navigation-list .navigation li > a:after,
header.sticky .navigation-list .navigation li > em:before,
header.sticky .navigation-list .navigation li > em:after {
  position: absolute;
  top: 51%;
  transform: translateY(-50%);
  display: inline-block;
  margin-right: 0.5em;
  color: #8d6038;
  text-align: center;
  font-size: 2.4rem;
  left: 0.25em;
  width: 2.8rem;
  display: inline-block;
  font-family: "Font Awesome 6 Pro Regular";
  font-weight: 300;
}
header.sticky .navigation-list .navigation li > a:before,
header.sticky .navigation-list .navigation li > em:before {
  content: "";
}
header.sticky .navigation-list .navigation li .navigation li a {
  padding-left: 4em;
}
header.sticky .navigation-list .navigation li .navigation li a::before {
  left: 1.5em;
}
header.sticky .navigation-list .navigation li + li {
  border-top: 1px solid #ccc;
}
header.sticky .navigation-list .navigation li.change_menu em {
  width: unset;
}
header.sticky .navigation-list .navigation li.change_menu em:before {
  content: "\f0c9";
  color: #333;
}
header.sticky .navigation-list .navigation li.change_menu em:after {
  content: "";
  left: auto;
  right: 0.5rem;
  color: #ccc;
  content: "\f060";
}
@media only screen and (max-width: 767.98px) {
  header.sticky .navigation-list .navigation li.change_menu {
    display: none;
  }
  header.sticky .navigation-list .navigation li.change_menu + li {
    border-top: none;
  }
}
header.sticky .navigation-list .navigation li a:before {
  width: 28px;
  height: 28.8px;
}
header.sticky .navigation-list .navigation li.menu_dashboard a:before {
  color: #444;
  content: "\e307";
}
header.sticky .navigation-list .navigation li.menu_notification a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f05a";
}
header.sticky .navigation-list .navigation li.menu_contact a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f0e0";
}
header.sticky .navigation-list .navigation li.menu_live a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f03d";
}
header.sticky .navigation-list .navigation li.menu_cattle a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f6c8";
}
header.sticky .navigation-list .navigation li.menu_karte a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f478";
}
header.sticky .navigation-list .navigation li.menu_memo a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f4a4";
}
header.sticky .navigation-list .navigation li.menu_claim a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f15c";
}
header.sticky .navigation-list .navigation li.menu_medications a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f486";
}
header.sticky .navigation-list .navigation li.menu_medicines a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f46b";
}
header.sticky .navigation-list .navigation li.menu_nosais a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f1ad";
}
header.sticky .navigation-list .navigation li.menu_medical_treatments a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f48e";
}
header.sticky .navigation-list .navigation li.menu_medical_instruction_medicines a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f484";
}
header.sticky .navigation-list .navigation li.menu_map a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f3c5";
}
header.sticky .navigation-list .navigation li.menu_treatment_presets a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f0f1";
}
header.sticky .navigation-list .navigation li.menu_settings > a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f013";
}
header.sticky .navigation-list .navigation li.menu_clinic a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f7f2";
}
header.sticky .navigation-list .navigation li.menu_clinic_staff a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f0f0";
}
header.sticky .navigation-list .navigation li.menu_farmer a:before {
  background-image: url(/assets/img/icon_farm.svg);
}
header.sticky .navigation-list .navigation li.menu_raiser a:before {
  background-image: url(/assets/img/icon_digging.svg);
}
header.sticky .navigation-list .navigation li.menu_notepad a:before {
  background-image: url(/assets/img/icon_clipboard-list.svg);
}
header.sticky .navigation-list .navigation li.menu_umotion a:before {
  color: #444;
  content: "U";
}
header.sticky .navigation-list .navigation li.menu_communities a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f0c0";
}
header.sticky .navigation-list .navigation li.menu_admin_user a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f4fe";
}
header.sticky .navigation-list .navigation li.menu_diseases a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\e578";
}
header.sticky .navigation-list .navigation li.menu_parts_setting a:after {
  position: absolute;
  font-family: "Font Awesome 6 Pro Solid";
  font-size: 1.2rem;
  top: 3em;
  left: 3.75em;
  color: #444;
  content: "\f013";
}
header.sticky .navigation-list .navigation li.menu_parts_list a:after {
  position: absolute;
  font-family: "Font Awesome 6 Pro Solid";
  font-size: 1.2rem;
  top: 3em;
  left: 3.75em;
  color: #444;
  content: "\f0ca";
}
header.sticky .navigation-list .navigation li.menu_parts_people_arrows a:after {
  position: absolute;
  font-family: "Font Awesome 6 Pro Solid";
  font-size: 1.2rem;
  top: 3em;
  left: 3.75em;
  color: #444;
  content: "\e068";
}
header.sticky .navigation-list .navigation li.menu_parts_map a:after {
  position: absolute;
  font-family: "Font Awesome 6 Pro Solid";
  font-size: 1.2rem;
  top: 3em;
  left: 3.25em;
  color: #444;
  content: "\f3c5";
}
header.sticky .navigation-list .navigation li.menu_parts_farm a:after {
  position: absolute;
  font-family: "Font Awesome 6 Pro Solid";
  font-size: 1.2rem;
  top: 3em;
  left: 3.75em;
  color: #444;
  content: "\f864";
}
header.sticky .navigation-list .navigation li.menu_parts_clinic a:after {
  position: absolute;
  font-family: "Font Awesome 6 Pro Solid";
  font-size: 1.2rem;
  top: 3em;
  left: 3.75em;
  color: #444;
  content: "\f7f2";
}
header.sticky .navigation-list .navigation li.menu_parts_score_revision a:after {
  position: absolute;
  font-size: 1.2rem;
  top: 3em;
  left: 1.75em;
  color: #444;
  content: "\f274";
}
header.sticky .navigation-list .navigation li.menu_parts_blood a:after {
  position: absolute;
  font-family: "Font Awesome 6 Pro Solid";
  font-size: 1.2rem;
  top: 3em;
  left: 3.25em;
  color: #444;
  content: "\f043";
}
header.sticky .navigation-list .navigation li.menu_parts_medication_method a:after {
  position: absolute;
  font-family: "Font Awesome 6 Pro Solid";
  font-size: 1.2rem;
  top: 3em;
  left: 3.25em;
  color: #444;
  content: "\f492";
}
header.sticky .navigation-list .navigation li.menu_export a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f02f";
}
header.sticky .navigation-list .navigation li.menu_cattle_death_record a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f6c8";
  opacity: 0.4;
}
header.sticky .navigation-list .navigation li.menu_cattle_death_record a:after {
  font-family: "Font Awesome 6 Pro Light";
  position: relative;
  color: #444;
  content: "\f05e";
  position: absolute;
}
header.sticky .navigation-list .navigation li.icon_small a:before {
  font-size: 2rem;
}
@media only screen and (min-width: 767.98px) {
  header.sticky .navigation-list .navigation li .togglemenu.hide-pseudo:after {
    display: none;
  }
}
header.sticky .navigation-list .navigation li .togglemenu:after {
  left: unset;
}
header.sticky .navigation-list .navigation li .togglemenu.is-open {
  background-color: #eee;
}
header.sticky .site-logo {
  order: 2;
}
header.sticky .head_function {
  order: 3;
  /*  //お知らせ
  .alert {
    margin-right: 1em;

    dt {
      position: relative;

      button {
        &:before {
          content: "";
          display: inline-block;
          margin-right: .5em;
          color: $color_secondary;
          width: 2em;
          text-align: center;
          height: 2em;
          background-image: url(../../assets/img/icon_menulist_6.svg);
          background-size: 90%;
          background-position: center;
          background-repeat: no-repeat;
        }

        &:hover:before {
          background-image: url(../../assets/img/icon_menulist_6_hover.svg);
        }
      }

      em {
        display: none;
      }

      span {
        position: absolute;
        background-color: $color_accent;
        border-radius: 50%;
        color: #fff;
        text-align: center;
        font-size: .8rem;
        height: 1.4rem;
        width: 1.4rem;
        right: 10%;
        top: 0;
      }
    }

    .menu {

      max-width: 300px;
      width: 80vw;

      li {
        a {
          padding: .5em 1em;
        }
      }
    }
  }*/
}
@media only screen and (min-width: 767.98px) {
  header.sticky .head_function {
    position: absolute;
    right: 0em;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 767.98px) {
  header.sticky .head_function {
    width: 50px;
    height: 60px;
  }
  header.sticky .head_function .function button {
    display: block;
    height: 59px;
    width: 59px;
  }
}
header.sticky .head_function .menu {
  opacity: 0;
  transition: 0.2s;
  position: absolute;
  top: 2.5em;
  right: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  pointer-events: none;
  min-width: 240px;
}
header.sticky .head_function .menu .user-name .title {
  padding: 1em 1em 0.5em;
}
header.sticky .head_function .menu .user-name .title em {
  display: inline-block;
  font-size: 1.5em;
  margin-right: 0.25em;
}
header.sticky .head_function .menu .user-name .title span {
  display: inline-block;
}
header.sticky .head_function .menu .user-name .last_login {
  padding: 0 1em 1em;
  border-bottom: 1px solid #ccc;
}
header.sticky .head_function .menu .user-name .last_login dl {
  display: flex;
  justify-content: flex-start;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
}
header.sticky .head_function .menu .user-name .last_login dl dt {
  color: #999;
  width: auto;
  display: inline-block;
}
header.sticky .head_function .menu .user-name .last_login dl dd {
  font-weight: 900;
}
header.sticky .head_function .menu li a {
  font-size: 1.6rem;
  display: block;
  padding: 1em 1.5em 1em 2.75em;
  position: relative;
}
header.sticky .head_function .menu li a:before {
  margin-top: -1px;
  position: absolute;
  left: 1em;
  top: 55%;
  transform: translateY(-50%);
  display: inline-block;
  margin-right: 0.5em;
  color: #d67725;
  width: 1.25em;
  text-align: center;
  height: 1.25em;
  content: "";
  font-family: "Font Awesome 6 Pro Solid" !important;
}
header.sticky .head_function .menu li a:hover {
  background-color: #f5f5f5;
}
header.sticky .head_function .menu li + li {
  border-top: 1px solid #ccc;
}
header.sticky .head_function .menu li:last-child {
  border-bottom: 1px solid #ccc;
}
header.sticky .head_function .menu .terms-and-copyright {
  background: #eee;
  padding: 0.4em 0.5em 0.6em 1.2em;
}
header.sticky .head_function .menu .terms-and-copyright .terms-area {
  margin-bottom: 0.1em;
}
header.sticky .head_function .menu .terms-and-copyright a {
  font-size: 0.8em;
  text-decoration: underline;
}
header.sticky .head_function .menu .terms-and-copyright .copyright {
  font-size: 0.6em;
}
header.sticky .head_function .is-open .menu {
  opacity: 1;
  pointer-events: all;
}
header.sticky .head_function .function button {
  position: relative;
}
header.sticky .head_function .function button:before {
  content: "";
  position: absolute;
  right: 0em;
  top: 0;
  transform: translateY(-50%);
  display: inline-block;
  margin-right: 0.5em;
  color: #8d6038;
  text-align: center;
  width: 60px;
  height: 55px;
  font-size: 2em;
  content: "\f2bd";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  transition: 0.2s;
}
header.sticky .head_function .function button em {
  display: none;
}
header.sticky .head_function .function button:hover:before {
  color: #d67725;
}
header.sticky .head_function .function .menu li.user a:before {
  content: "\f007";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
header.sticky .head_function .function .menu li.password a:before {
  content: "\f084";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
header.sticky .head_function .function .menu li.manual a:before {
  content: "\f02d";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
header.sticky .head_function .function .menu li.signout {
  cursor: pointer;
}
header.sticky .head_function .function .menu li.signout a:before {
  content: "\f2f5";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
header.sticky .head_function .function.is-open button:before {
  content: "\f078";
}
@media only screen and (min-width: 767.98px) {
  header.sticky .head_function .function button:before {
    background-color: #fff;
  }
  header.sticky .head_function .function .menu {
    right: 0.3em;
  }
}
@media only screen and (max-width: 767.98px) {
  header.sticky .head_function .function .menu {
    position: absolute;
    height: calc(100vh - 60px);
    z-index: 100;
    top: 60px;
    margin: 0;
    width: 100vw;
    right: -100vw;
    border: none;
    background-color: #eee;
    border-radius: 0;
  }
  header.sticky .head_function .function .menu .user-name {
    margin: 1em;
    background-color: #fff;
    padding: 1em;
    border-radius: 3px;
  }
  header.sticky .head_function .function .menu .user-name .title {
    margin-bottom: 0.5em;
    padding: 0;
  }
  header.sticky .head_function .function .menu .last_login {
    border: none;
    padding: 0;
  }
  header.sticky .head_function .function .menu .items {
    background-color: #fff;
  }
  header.sticky .head_function .function .menu .items .item.signout {
    cursor: pointer;
  }
  header.sticky .head_function .function.is-open .menu {
    right: 0;
    display: block;
  }
  header.sticky .head_function .function.is-open button:before {
    transform: rotateZ(90deg);
  }
  header.sticky .head_function .function button {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  header.sticky .head_function .function button:before {
    transform: none;
    margin-right: 0.8rem;
  }
  header.sticky .head_function .function button em {
    display: none;
  }
}

.page-title .title-lv01 em,
.page-title .title-lv01 span {
  font-size: 2rem;
  font-weight: bold;
}
.page-title span {
  margin-right: 0.5em;
}

@media only screen and (max-width: 767.98px) {
  .page-title .title-lv01 em,
.page-title .title-lv01 span {
    margin: 0;
    display: block;
  }
  .page-title .title-lv01 em {
    font-size: 1.8rem;
    padding-top: 0.25em;
  }
}
.side-navi_toggle {
  background-color: #d7d2cd;
  color: #8d6038;
  transition: 0.5s;
  position: fixed;
  overflow-y: auto;
  scrollbar-width: none;
  z-index: 10000;
  height: calc(100vh - 60px);
}
.side-navi_toggle::-webkit-scrollbar {
  display: none;
  -webkit-appearance: none;
}
.side-navi_toggle .menu-toggle {
  background-color: transparent;
  border: none;
  box-shadow: 0 0 0;
  padding: 0;
  margin: 0;
  min-width: 2em;
  position: absolute;
  right: 13px;
  top: 15px;
  z-index: 1;
}
.side-navi_toggle .menu-toggle:before {
  content: "\f060";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  font-size: 2rem;
  opacity: 0.8;
}
.side-navi_toggle .menu-toggle em {
  display: none;
}
.side-navi_toggle .side-navi-content {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 60px);
}
.side-navi_toggle .side-navi-content .title-lv02 {
  background-color: rgba(0, 0, 0, 0.3);
  min-height: 50px;
  height: 50px;
  overflow: hidden;
  padding: 1.2em 1em 1em 3em;
  position: relative;
}
.side-navi_toggle .side-navi-content .title-lv02 em:before {
  content: "\f0c9";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  font-size: 1.8rem;
  position: absolute;
  left: 0.75em;
  top: calc((100% - 18px) / 2);
  opacity: 0.8;
}

.navigation-list .navigation .togglemenu {
  background-color: #eee;
  padding-right: 2em;
}
.navigation-list .navigation .togglemenu::after {
  position: absolute;
  right: 0.5em;
  display: inline-block;
  margin-left: 0.5em;
  color: #8d6038;
  width: 1em;
  height: 1em;
  transition: all 0.3s;
  content: "＋";
}
.navigation-list .navigation .togglemenu.is-open {
  background-color: #fff;
}
.navigation-list .navigation .togglemenu.is-open::after {
  content: "ー";
}
.navigation-list .navigation .togglemenu::before {
  content: "\f0ad";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}

.side-navi_content {
  padding-bottom: 50px;
}

.side-navi-title {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-weight: bold;
  position: relative;
}
.side-navi-title:first-of-type {
  border-top: none;
}
.side-navi-title i {
  font-size: 20px;
  font-size: 2rem;
  margin-right: 0.5em;
  opacity: 0.8;
  min-width: 25px;
}
.side-navi-title a {
  display: block;
  padding: 1.08em 0.75em;
}
.side-navi-title.slide-toggle {
  cursor: pointer;
}
.side-navi-title.slide-toggle:after {
  content: "\f106";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: lighter;
  position: absolute;
  right: 1em;
  top: calc((100% - 20px) / 2);
  opacity: 0.8;
}
.side-navi-title.slide-toggle.close:after {
  content: "\f107";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.side-navi-title.slide-toggle.close + .menu-item {
  display: block;
}
.side-navi-title:nth-child(2n) a {
  background-color: rgba(141, 96, 56, 0.1);
}
.side-navi-title:nth-child(2n) a:hover {
  background-color: rgba(141, 96, 56, 0.2);
}
.side-navi-title.current {
  background-color: #f5f5f5;
  pointer-events: none;
}
.side-navi-title.current a {
  color: #d67725;
  background-color: #f5f5f5;
}

.menu-item {
  transition: all 0.5s;
  height: auto;
  opacity: 1;
  overflow: visible;
}
.menu-item.close {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: visibility 0s 0.25s, opacity 0.25s linear;
}
.menu-item.open {
  width: auto;
  height: auto;
  opacity: 1 !important;
  visibility: visible !important;
}
.menu-item .item a {
  display: block;
  padding: 1em 1em 1em 3em;
  transition: all 0.2s ease-out;
}
.menu-item .item:hover, .menu-item .item.current {
  background-color: rgba(0, 0, 0, 0.3);
  transition: all 0.2s ease-out;
}
.menu-item .item.disabled {
  opacity: 0.4;
}
.menu-item .item.disabled:hover {
  background-color: transparent;
}
.menu-item .item.disabled a {
  pointer-events: none;
}

.btn_management-console {
  order: 2;
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 0 !important;
  box-shadow: 0 0 0;
  padding: 1em !important;
  margin: 0 !important;
  position: fixed;
  bottom: 0;
  text-align: left;
}
.btn_management-console i {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  margin-right: 0.5em;
}

.side-navi_toggle.close {
  width: 50px;
  text-align: center;
  transition: 0.5s;
}
.side-navi_toggle.close .side-navi-content .title-lv02 em {
  visibility: hidden;
}
.side-navi_toggle.close .side-navi-title span,
.side-navi_toggle.close .menu-item {
  display: none;
}
.side-navi_toggle.close .btn_management-console span {
  display: none;
}
.side-navi_toggle.close .menu-toggle {
  right: 15px;
}
.side-navi_toggle.close .menu-toggle:before {
  content: "\f061";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  font-size: 2rem;
  opacity: 1;
}
.side-navi_toggle.close .side-navi-content {
  position: relative;
}
.side-navi_toggle.close .side-navi-content .title-lv02 {
  padding: 1em;
}
.side-navi_toggle.close .side-navi-title {
  cursor: pointer;
}
.side-navi_toggle.close .side-navi-title:after {
  display: none;
}
.side-navi_toggle.close .side-navi-title i {
  opacity: 1;
  margin: 0;
}
.side-navi_toggle.close .side-navi-title:hover + .menu-item {
  display: block;
}
.side-navi_toggle.close .menu-item {
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  color: #333;
  padding: 1em;
  position: fixed;
  left: 50px;
  margin-top: -48px;
  width: 250px;
}
.side-navi_toggle.close .menu-item:hover {
  display: block;
}
.side-navi_toggle.close .menu-item.close {
  display: none;
  height: auto;
  overflow: visible;
  opacity: 1;
}
.side-navi_toggle.close .menu-item.close:hover {
  display: block;
}
.side-navi_toggle.close .menu-item .item {
  text-align: left;
}
.side-navi_toggle.close .menu-item .item a {
  padding: 0.75em;
}
.side-navi_toggle.close .menu-item .item a:hover {
  opacity: 0.5;
}
.side-navi_toggle.close .menu-item .item:hover, .side-navi_toggle.close .menu-item .item.current {
  background-color: transparent;
}
.side-navi_toggle.close .btn_management-console {
  text-align: center;
  min-width: auto;
}
.side-navi_toggle.close .btn_management-console i {
  margin: 0;
}

@media only screen and (max-width: 767.98px) {
  body {
    min-width: 100%;
  }
  .side-navi_toggle {
    height: 0%;
    width: 100vw;
    transition: 0.3s;
    overflow: hidden;
  }
  .side-navi_toggle .side-navi-content {
    height: 100%;
    background-color: #d7d2cd;
    width: 100%;
    transition: 0.3s;
  }
  .side-navi_toggle .side-navi-content > .title-lv02 {
    display: none;
  }
  .side-navi_toggle .side-navi-content h3:nth-child(2n) {
    background-color: rgba(141, 96, 56, 0.1);
  }
  .side-navi_toggle.close {
    height: 100%;
    width: 100vw;
  }
  .side-navi_toggle.close .side-navi_content {
    width: 100%;
    text-align: left;
  }
  .side-navi_toggle.close .menu-toggle {
    right: auto;
    background-color: #fff;
    color: #8d6038;
  }
  .side-navi_toggle.close .menu-toggle:before {
    content: "\f00d";
  }
  .side-navi_toggle.close .side-navi-title i {
    display: inline-block;
    margin-right: 6px;
  }
  .side-navi_toggle.close .side-navi-title span,
.side-navi_toggle.close .side-navi_toggle.close .menu-item {
    display: inline-block;
    padding-left: 0.25em;
  }
  .isfw_main-container {
    width: 100%;
    min-height: 100%;
    margin-left: 0;
    overflow: hidden;
  }
}
nav.globalnavigation.sp-only .navigation-list {
  padding-bottom: 150px;
  z-index: 999;
}

.isfw_pager {
  margin-top: 0.5em;
}
.isfw_pager:only-child {
  width: 100%;
}
.isfw_pager:only-child .list-pager {
  justify-content: center;
}
.isfw_pager .list-pager {
  display: flex;
  padding: 1em 0;
  justify-content: center;
}
.isfw_pager .list-pager a,
.isfw_pager .list-pager span,
.isfw_pager .list-pager em,
.isfw_pager .list-pager button {
  background-color: #fff;
  border-radius: 3px;
  display: block;
  padding: 0.5em 0.75em;
  margin: 0 0.25em;
}
.isfw_pager .list-pager .dot em {
  background-color: transparent;
  margin: 0;
  opacity: 0.5;
  padding: 0.75em 0.75em;
}
.isfw_pager .list-pager .current em {
  background-color: #000;
  color: #fff;
}
.isfw_pager .list-pager .first a:before,
.isfw_pager .list-pager .first span:before,
.isfw_pager .list-pager .first button:before {
  content: "≪";
  margin-right: 0.5em;
}
.isfw_pager .list-pager .previous a:before,
.isfw_pager .list-pager .previous span:before,
.isfw_pager .list-pager .previous button:before {
  content: "<";
  margin-right: 0.5em;
}
.isfw_pager .list-pager .prev a:before,
.isfw_pager .list-pager .prev span:before,
.isfw_pager .list-pager .prev button:before {
  content: "<";
  margin-right: 0.5em;
}
.isfw_pager .list-pager .next a:after,
.isfw_pager .list-pager .next span:after,
.isfw_pager .list-pager .next button:after {
  content: ">";
  margin-left: 0.5em;
}
.isfw_pager .list-pager .last a:after,
.isfw_pager .list-pager .last span:after,
.isfw_pager .list-pager .last button:after {
  content: "≫";
  margin-left: 0.5em;
}
.isfw_pager .list-pager .disabled a,
.isfw_pager .list-pager .disabled span,
.isfw_pager .list-pager .disabled button {
  background-color: #ddd;
  color: #999;
  pointer-events: none;
}
.isfw_pager .list-pager .display_none {
  display: none;
}

@media only screen and (max-width: 767.98px) {
  .isfw_pager .list-pager > li.dot, .isfw_pager .list-pager > li.first, .isfw_pager .list-pager > li.last {
    display: none;
  }
  .isfw_pager .list-pager > li.previous button, .isfw_pager .list-pager > li.next button {
    width: auto;
  }
}
.isfw_title-topicpath {
  background-color: #008074;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 1em;
  min-height: 50px;
  overflow: hidden;
}
.isfw_title-topicpath .page-title, .isfw_title-topicpath .isfw_topic-path {
  flex-basis: 50%;
}

header.sticky {
  background: #fff;
  border-bottom: 1px solid #ccc;
  display: flex;
  flex-direction: row;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  height: 60px;
  align-items: center;
  position: fixed;
}
@media only screen and (max-width: 767.98px) {
  header.sticky {
    justify-content: space-between;
  }
}
header.sticky .head_function .search-cattle dt button.fa-lg.display-toggle {
  line-height: 1.3em;
  font-size: 1.3em;
}
header.sticky .head_function .search-cattle dt button:before {
  content: "\f002";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
  color: #d67725;
}
header.sticky .head_function .search-cattle dt em {
  display: none;
}
header.sticky .head_function .search-cattle .menu {
  max-width: 320px;
  width: 80vw;
  padding: 0.85rem 0.5rem 0.85rem 0.5rem;
}
header.sticky .head_function .search-cattle .menu .form-group {
  justify-content: center;
}
header.sticky .header_toggle-botton {
  height: 56px;
  width: 50px;
  position: relative;
}
header.sticky .header_toggle-botton button {
  width: 100%;
  height: 100%;
  min-width: auto;
  margin: 0;
}
header.sticky .header_toggle-botton button:before {
  content: "";
  display: inline-block;
  background-image: url(../../assets/img/icon_menulist_open.svg);
  font-size: 2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.8;
  color: #8d6038;
}
@media only screen and (min-width: 767.98px) {
  header.sticky .header_toggle-botton button:hover:before {
    content: "\f060";
    opacity: 1;
  }
}
@media only screen and (max-width: 767.98px) {
  header.sticky .header_toggle-botton button:before {
    padding: 0.15em 0.3em;
    border-radius: 3px;
    background-color: #d7d2cd;
    height: 30px;
    width: 30px;
  }
}
header.sticky .header_toggle-botton button em {
  display: none;
}
@media only screen and (max-width: 767.98px) {
  header.sticky .header_toggle-botton button.close:before {
    content: "\f00d";
  }
}
@media only screen and (min-width: 767.98px) {
  header.sticky .header_toggle-botton button.close:hover:before {
    content: "\f061";
  }
}
header.sticky .globalnavigation {
  order: 1;
}
@media only screen and (min-width: 767.98px) {
  header.sticky .globalnavigation .sp-menu {
    display: none;
  }
}
@media only screen and (max-width: 767.98px) {
  header.sticky .globalnavigation .sp-menu {
    width: 60px;
    height: 60px;
    position: relative;
  }
  header.sticky .globalnavigation .sp-menu:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.8;
    content: "\f0c9";
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    font-size: 2.4em;
    color: #8d6038;
  }
  header.sticky .globalnavigation .sp-menu.closed:before {
    content: "";
    content: "\f00d";
  }
}
header.sticky .navigation-list {
  position: fixed;
  left: 0;
  top: 60px;
  background-color: #fff;
  height: calc(100vh - 60px);
  font-size: 1.6rem;
  width: 240px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  transition: 0.2s;
}
header.sticky .navigation-list.scroll-y {
  overflow-y: scroll;
}
@media only screen and (min-width: 767.98px) {
  header.sticky .navigation-list {
    border-right: 1px solid #ccc;
  }
  header.sticky .navigation-list.is-on {
    width: 50px;
  }
  header.sticky .navigation-list.is-on .navigation li > em,
header.sticky .navigation-list.is-on .navigation li > a {
    height: 50px;
    padding: 0.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  header.sticky .navigation-list.is-on .navigation li > em:before,
header.sticky .navigation-list.is-on .navigation li > a:before {
    left: 0.25em;
  }
  header.sticky .navigation-list.is-on .navigation li > em:hover,
header.sticky .navigation-list.is-on .navigation li > a:hover {
    border-left: 5px;
  }
  header.sticky .navigation-list.is-on .navigation li.change_menu em:before {
    display: none;
  }
  header.sticky .navigation-list.is-on .navigation li.change_menu em:after {
    transform: translateY(-50%) rotate(-180deg);
    right: -0.05em;
  }
  header.sticky .navigation-list.is-on .navigation li span {
    position: absolute;
    left: 60px;
    white-space: nowrap;
    font-size: 14px;
    background-color: #222;
    color: #fff;
    padding: 5px 10px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 3px;
    opacity: 0;
    pointer-events: none;
  }
  header.sticky .navigation-list.is-on .navigation li span:before {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 50%;
    left: -5px;
    transform: translateY(-50%);
    border-right: 5px solid #222;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
  }
  header.sticky .navigation-list.is-on .navigation li:hover span {
    opacity: 1;
  }
  header.sticky .navigation-list.is-on .navigation li.change_menu span:after {
    content: "を開く";
  }
  header.sticky .navigation-list.is-on .navigation li .navigation li a {
    background-color: #f7f7f7;
    padding: 0;
  }
  header.sticky .navigation-list.is-on .navigation li .navigation li a::before {
    left: 0.25em;
  }
  header.sticky .navigation-list.is-on .navigation li .navigation li.menu_parts_setting a::after,
header.sticky .navigation-list.is-on .navigation li .navigation li.menu_parts_map a::after,
header.sticky .navigation-list.is-on .navigation li .navigation li.menu_parts_farm a::after,
header.sticky .navigation-list.is-on .navigation li .navigation li.menu_parts_clinic a::after,
header.sticky .navigation-list.is-on .navigation li .navigation li.menu_parts_score_revision a::after,
header.sticky .navigation-list.is-on .navigation li .navigation li.menu_parts_list a::after,
header.sticky .navigation-list.is-on .navigation li .navigation li.menu_parts_people_arrows a::after {
    left: 1.75em;
  }
}
@media only screen and (max-width: 767.98px) {
  header.sticky .navigation-list {
    left: -100vw;
    width: 100vw;
    background-color: #f5f5f5;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    padding-bottom: 110px;
  }
  header.sticky .navigation-list.is-on {
    left: 0;
  }
}
header.sticky .navigation-list .navigation {
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1) inset;
  background-color: #fcfcfc;
  width: 100%;
}
@media only screen and (max-width: 767.98px) {
  header.sticky .navigation-list .navigation {
    z-index: 999;
  }
}
header.sticky .navigation-list .navigation li {
  background-color: #fff;
}
header.sticky .navigation-list .navigation li > a,
header.sticky .navigation-list .navigation li > em {
  font-size: 1.8rem;
  display: block;
  height: 50px;
  padding: 0.5em 0.5em 0.5em 3em;
  position: relative;
  background-color: #fff;
  border-left: 3px solid #fff;
  cursor: pointer;
  line-height: 1.4em;
}
header.sticky .navigation-list .navigation li > a:hover,
header.sticky .navigation-list .navigation li > em:hover {
  border-left: 15px solid #ff8200;
  color: #d67725;
  transition: all 0.2s;
}
header.sticky .navigation-list .navigation li > a:before, header.sticky .navigation-list .navigation li > a:after,
header.sticky .navigation-list .navigation li > em:before,
header.sticky .navigation-list .navigation li > em:after {
  position: absolute;
  top: 51%;
  transform: translateY(-50%);
  display: inline-block;
  margin-right: 0.5em;
  color: #8d6038;
  text-align: center;
  font-size: 2.4rem;
  left: 0.25em;
  width: 2.8rem;
  display: inline-block;
  font-family: "Font Awesome 6 Pro Regular";
  font-weight: 300;
}
header.sticky .navigation-list .navigation li > a:before,
header.sticky .navigation-list .navigation li > em:before {
  content: "";
}
header.sticky .navigation-list .navigation li .navigation li a {
  padding-left: 4em;
}
header.sticky .navigation-list .navigation li .navigation li a::before {
  left: 1.5em;
}
header.sticky .navigation-list .navigation li + li {
  border-top: 1px solid #ccc;
}
header.sticky .navigation-list .navigation li.change_menu em {
  width: unset;
}
header.sticky .navigation-list .navigation li.change_menu em:before {
  content: "\f0c9";
  color: #333;
}
header.sticky .navigation-list .navigation li.change_menu em:after {
  content: "";
  left: auto;
  right: 0.5rem;
  color: #ccc;
  content: "\f060";
}
@media only screen and (max-width: 767.98px) {
  header.sticky .navigation-list .navigation li.change_menu {
    display: none;
  }
  header.sticky .navigation-list .navigation li.change_menu + li {
    border-top: none;
  }
}
header.sticky .navigation-list .navigation li a:before {
  width: 28px;
  height: 28.8px;
}
header.sticky .navigation-list .navigation li.menu_dashboard a:before {
  color: #444;
  content: "\e307";
}
header.sticky .navigation-list .navigation li.menu_notification a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f05a";
}
header.sticky .navigation-list .navigation li.menu_contact a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f0e0";
}
header.sticky .navigation-list .navigation li.menu_live a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f03d";
}
header.sticky .navigation-list .navigation li.menu_cattle a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f6c8";
}
header.sticky .navigation-list .navigation li.menu_karte a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f478";
}
header.sticky .navigation-list .navigation li.menu_memo a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f4a4";
}
header.sticky .navigation-list .navigation li.menu_claim a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f15c";
}
header.sticky .navigation-list .navigation li.menu_medications a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f486";
}
header.sticky .navigation-list .navigation li.menu_medicines a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f46b";
}
header.sticky .navigation-list .navigation li.menu_nosais a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f1ad";
}
header.sticky .navigation-list .navigation li.menu_medical_treatments a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f48e";
}
header.sticky .navigation-list .navigation li.menu_medical_instruction_medicines a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f484";
}
header.sticky .navigation-list .navigation li.menu_map a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f3c5";
}
header.sticky .navigation-list .navigation li.menu_treatment_presets a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f0f1";
}
header.sticky .navigation-list .navigation li.menu_settings > a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f013";
}
header.sticky .navigation-list .navigation li.menu_clinic a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f7f2";
}
header.sticky .navigation-list .navigation li.menu_clinic_staff a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f0f0";
}
header.sticky .navigation-list .navigation li.menu_farmer a:before {
  background-image: url(/assets/img/icon_farm.svg);
}
header.sticky .navigation-list .navigation li.menu_raiser a:before {
  background-image: url(/assets/img/icon_digging.svg);
}
header.sticky .navigation-list .navigation li.menu_notepad a:before {
  background-image: url(/assets/img/icon_clipboard-list.svg);
}
header.sticky .navigation-list .navigation li.menu_umotion a:before {
  color: #444;
  content: "U";
}
header.sticky .navigation-list .navigation li.menu_communities a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f0c0";
}
header.sticky .navigation-list .navigation li.menu_admin_user a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f4fe";
}
header.sticky .navigation-list .navigation li.menu_diseases a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\e578";
}
header.sticky .navigation-list .navigation li.menu_parts_setting a:after {
  position: absolute;
  font-family: "Font Awesome 6 Pro Solid";
  font-size: 1.2rem;
  top: 3em;
  left: 3.75em;
  color: #444;
  content: "\f013";
}
header.sticky .navigation-list .navigation li.menu_parts_list a:after {
  position: absolute;
  font-family: "Font Awesome 6 Pro Solid";
  font-size: 1.2rem;
  top: 3em;
  left: 3.75em;
  color: #444;
  content: "\f0ca";
}
header.sticky .navigation-list .navigation li.menu_parts_people_arrows a:after {
  position: absolute;
  font-family: "Font Awesome 6 Pro Solid";
  font-size: 1.2rem;
  top: 3em;
  left: 3.75em;
  color: #444;
  content: "\e068";
}
header.sticky .navigation-list .navigation li.menu_parts_map a:after {
  position: absolute;
  font-family: "Font Awesome 6 Pro Solid";
  font-size: 1.2rem;
  top: 3em;
  left: 3.25em;
  color: #444;
  content: "\f3c5";
}
header.sticky .navigation-list .navigation li.menu_parts_farm a:after {
  position: absolute;
  font-family: "Font Awesome 6 Pro Solid";
  font-size: 1.2rem;
  top: 3em;
  left: 3.75em;
  color: #444;
  content: "\f864";
}
header.sticky .navigation-list .navigation li.menu_parts_clinic a:after {
  position: absolute;
  font-family: "Font Awesome 6 Pro Solid";
  font-size: 1.2rem;
  top: 3em;
  left: 3.75em;
  color: #444;
  content: "\f7f2";
}
header.sticky .navigation-list .navigation li.menu_parts_score_revision a:after {
  position: absolute;
  font-size: 1.2rem;
  top: 3em;
  left: 1.75em;
  color: #444;
  content: "\f274";
}
header.sticky .navigation-list .navigation li.menu_parts_blood a:after {
  position: absolute;
  font-family: "Font Awesome 6 Pro Solid";
  font-size: 1.2rem;
  top: 3em;
  left: 3.25em;
  color: #444;
  content: "\f043";
}
header.sticky .navigation-list .navigation li.menu_parts_medication_method a:after {
  position: absolute;
  font-family: "Font Awesome 6 Pro Solid";
  font-size: 1.2rem;
  top: 3em;
  left: 3.25em;
  color: #444;
  content: "\f492";
}
header.sticky .navigation-list .navigation li.menu_export a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f02f";
}
header.sticky .navigation-list .navigation li.menu_cattle_death_record a:before {
  font-family: "Font Awesome 6 Pro Light";
  color: #444;
  content: "\f6c8";
  opacity: 0.4;
}
header.sticky .navigation-list .navigation li.menu_cattle_death_record a:after {
  font-family: "Font Awesome 6 Pro Light";
  position: relative;
  color: #444;
  content: "\f05e";
  position: absolute;
}
header.sticky .navigation-list .navigation li.icon_small a:before {
  font-size: 2rem;
}
@media only screen and (min-width: 767.98px) {
  header.sticky .navigation-list .navigation li .togglemenu.hide-pseudo:after {
    display: none;
  }
}
header.sticky .navigation-list .navigation li .togglemenu:after {
  left: unset;
}
header.sticky .navigation-list .navigation li .togglemenu.is-open {
  background-color: #eee;
}
header.sticky .site-logo {
  order: 2;
}
header.sticky .head_function {
  order: 3;
  /*  //お知らせ
  .alert {
    margin-right: 1em;

    dt {
      position: relative;

      button {
        &:before {
          content: "";
          display: inline-block;
          margin-right: .5em;
          color: $color_secondary;
          width: 2em;
          text-align: center;
          height: 2em;
          background-image: url(../../assets/img/icon_menulist_6.svg);
          background-size: 90%;
          background-position: center;
          background-repeat: no-repeat;
        }

        &:hover:before {
          background-image: url(../../assets/img/icon_menulist_6_hover.svg);
        }
      }

      em {
        display: none;
      }

      span {
        position: absolute;
        background-color: $color_accent;
        border-radius: 50%;
        color: #fff;
        text-align: center;
        font-size: .8rem;
        height: 1.4rem;
        width: 1.4rem;
        right: 10%;
        top: 0;
      }
    }

    .menu {

      max-width: 300px;
      width: 80vw;

      li {
        a {
          padding: .5em 1em;
        }
      }
    }
  }*/
}
@media only screen and (min-width: 767.98px) {
  header.sticky .head_function {
    position: absolute;
    right: 0em;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 767.98px) {
  header.sticky .head_function {
    width: 50px;
    height: 60px;
  }
  header.sticky .head_function .function button {
    display: block;
    height: 59px;
    width: 59px;
  }
}
header.sticky .head_function .menu {
  opacity: 0;
  transition: 0.2s;
  position: absolute;
  top: 2.5em;
  right: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  pointer-events: none;
  min-width: 240px;
}
header.sticky .head_function .menu .user-name .title {
  padding: 1em 1em 0.5em;
}
header.sticky .head_function .menu .user-name .title em {
  display: inline-block;
  font-size: 1.5em;
  margin-right: 0.25em;
}
header.sticky .head_function .menu .user-name .title span {
  display: inline-block;
}
header.sticky .head_function .menu .user-name .last_login {
  padding: 0 1em 1em;
  border-bottom: 1px solid #ccc;
}
header.sticky .head_function .menu .user-name .last_login dl {
  display: flex;
  justify-content: flex-start;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
}
header.sticky .head_function .menu .user-name .last_login dl dt {
  color: #999;
  width: auto;
  display: inline-block;
}
header.sticky .head_function .menu .user-name .last_login dl dd {
  font-weight: 900;
}
header.sticky .head_function .menu li a {
  font-size: 1.6rem;
  display: block;
  padding: 1em 1.5em 1em 2.75em;
  position: relative;
}
header.sticky .head_function .menu li a:before {
  margin-top: -1px;
  position: absolute;
  left: 1em;
  top: 55%;
  transform: translateY(-50%);
  display: inline-block;
  margin-right: 0.5em;
  color: #d67725;
  width: 1.25em;
  text-align: center;
  height: 1.25em;
  content: "";
  font-family: "Font Awesome 6 Pro Solid" !important;
}
header.sticky .head_function .menu li a:hover {
  background-color: #f5f5f5;
}
header.sticky .head_function .menu li + li {
  border-top: 1px solid #ccc;
}
header.sticky .head_function .menu li:last-child {
  border-bottom: 1px solid #ccc;
}
header.sticky .head_function .menu .terms-and-copyright {
  background: #eee;
  padding: 0.4em 0.5em 0.6em 1.2em;
}
header.sticky .head_function .menu .terms-and-copyright .terms-area {
  margin-bottom: 0.1em;
}
header.sticky .head_function .menu .terms-and-copyright a {
  font-size: 0.8em;
  text-decoration: underline;
}
header.sticky .head_function .menu .terms-and-copyright .copyright {
  font-size: 0.6em;
}
header.sticky .head_function .is-open .menu {
  opacity: 1;
  pointer-events: all;
}
header.sticky .head_function .function button {
  position: relative;
}
header.sticky .head_function .function button:before {
  content: "";
  position: absolute;
  right: 0em;
  top: 0;
  transform: translateY(-50%);
  display: inline-block;
  margin-right: 0.5em;
  color: #8d6038;
  text-align: center;
  width: 60px;
  height: 55px;
  font-size: 2em;
  content: "\f2bd";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  transition: 0.2s;
}
header.sticky .head_function .function button em {
  display: none;
}
header.sticky .head_function .function button:hover:before {
  color: #d67725;
}
header.sticky .head_function .function .menu li.user a:before {
  content: "\f007";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
header.sticky .head_function .function .menu li.password a:before {
  content: "\f084";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
header.sticky .head_function .function .menu li.manual a:before {
  content: "\f02d";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
header.sticky .head_function .function .menu li.signout {
  cursor: pointer;
}
header.sticky .head_function .function .menu li.signout a:before {
  content: "\f2f5";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
header.sticky .head_function .function.is-open button:before {
  content: "\f078";
}
@media only screen and (min-width: 767.98px) {
  header.sticky .head_function .function button:before {
    background-color: #fff;
  }
  header.sticky .head_function .function .menu {
    right: 0.3em;
  }
}
@media only screen and (max-width: 767.98px) {
  header.sticky .head_function .function .menu {
    position: absolute;
    height: calc(100vh - 60px);
    z-index: 100;
    top: 60px;
    margin: 0;
    width: 100vw;
    right: -100vw;
    border: none;
    background-color: #eee;
    border-radius: 0;
  }
  header.sticky .head_function .function .menu .user-name {
    margin: 1em;
    background-color: #fff;
    padding: 1em;
    border-radius: 3px;
  }
  header.sticky .head_function .function .menu .user-name .title {
    margin-bottom: 0.5em;
    padding: 0;
  }
  header.sticky .head_function .function .menu .last_login {
    border: none;
    padding: 0;
  }
  header.sticky .head_function .function .menu .items {
    background-color: #fff;
  }
  header.sticky .head_function .function .menu .items .item.signout {
    cursor: pointer;
  }
  header.sticky .head_function .function.is-open .menu {
    right: 0;
    display: block;
  }
  header.sticky .head_function .function.is-open button:before {
    transform: rotateZ(90deg);
  }
  header.sticky .head_function .function button {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  header.sticky .head_function .function button:before {
    transform: none;
    margin-right: 0.8rem;
  }
  header.sticky .head_function .function button em {
    display: none;
  }
}

.data-list-table {
  overflow-x: auto;
  padding-bottom: 1em;
}
.data-list-table .ui-sortable-handle {
  padding-left: 10px;
}
.data-list-table .ui-sortable-handle .sortable {
  position: absolute;
  left: -10px;
}
.data-list-table .ui-sortable-handle td {
  cursor: grab;
  position: relative;
  z-index: 1;
  overflow: visible;
}
.data-list-table .ui-sortable-handle td:first-of-type {
  min-width: 3em;
}
.data-list-table.sortable + .foot_list-table .collect-status-setting:before {
  left: 37px;
}
.data-list-table .data-list {
  width: 100%;
}
.data-list-table .data-list th, .data-list-table .data-list td {
  padding: 0.5em;
  text-align: center;
  vertical-align: middle;
}
.data-list-table .data-list th[class^=data_], .data-list-table .data-list th[class^=col_], .data-list-table .data-list th {
  background-color: rgba(141, 96, 56, 0.1);
}
.data-list-table .data-list th[class^=data_] a.sort_column, .data-list-table .data-list th[class^=col_] a.sort_column, .data-list-table .data-list th a.sort_column {
  font-size: 16px;
}
.data-list-table .data-list td[class^=data_], .data-list-table .data-list td[class^=col_] {
  background-color: #fff;
}
.data-list-table .data-list td {
  padding: 1px;
}
.data-list-table .data-list td a {
  margin: 0.25em 0.75em;
}
.data-list-table .data-list td a:hover {
  color: #ff8200;
}
.data-list-table .data-list td .btn_default {
  color: #177100;
  border: none;
  background-color: transparent;
  border-radius: 50px;
  max-width: 80px;
  width: 100%;
  border: 1px solid #ddd;
}
.data-list-table .data-list td .btn_default:hover {
  color: #ff8200;
  box-shadow: 2px 2px 3px #ddd inset;
}
.data-list-table .data-list td .btn_default:hover em, .data-list-table .data-list td .btn_default:hover span {
  color: #ff8200;
  transition: all 0.2s ease-out;
}
.data-list-table .data-list td .btn_default em {
  color: #177100;
  font-size: 14px;
}
.data-list-table .data-list td .icon {
  text-align: center;
}
.data-list-table .data-list td .icon span,
.data-list-table .data-list td .icon a.btn_status {
  display: inline-block;
  margin: 0;
  border: 1px solid #ccc;
  padding: 0.25em 0.5em;
  border-radius: 1em;
  min-width: 6.5em;
  font-size: 14px;
}
.data-list-table .data-list td .icon span.icon-follow-up,
.data-list-table .data-list td .icon a.btn_status.icon-follow-up {
  border: 1px solid #B09D03;
  color: #B09D03;
}
.data-list-table .data-list td .icon span.icon-in-treatment,
.data-list-table .data-list td .icon a.btn_status.icon-in-treatment {
  border: 1px solid #0073A2;
  color: #0073A2;
}
.data-list-table .data-list td .icon span.icon-healing,
.data-list-table .data-list td .icon a.btn_status.icon-healing {
  border: 1px solid #76a315;
  color: #76a315;
}
.data-list-table .data-list td .icon span.icon-discontinue,
.data-list-table .data-list td .icon a.btn_status.icon-discontinue {
  border: 1px solid #6D6D6D;
  color: #6D6D6D;
}
.data-list-table .data-list td .icon span.icon-death,
.data-list-table .data-list td .icon a.btn_status.icon-death {
  border: 1px solid #6D6D6D;
  color: #6D6D6D;
}
.data-list-table .data-list td .icon span.icon-disuse,
.data-list-table .data-list td .icon a.btn_status.icon-disuse {
  border: 1px solid #6D6D6D;
  color: #6D6D6D;
}
.data-list-table .data-list td .icon span.icon-legally-slaughtered,
.data-list-table .data-list td .icon a.btn_status.icon-legally-slaughtered {
  border: 1px solid #6D6D6D;
  color: #6D6D6D;
}
.data-list-table .data-list td .icon span.icon-batch-status-div-stand-by,
.data-list-table .data-list td .icon a.btn_status.icon-batch-status-div-stand-by {
  border: 1px solid #6D6D6D;
  color: #6D6D6D;
}
.data-list-table .data-list td .icon span.icon-batch-status-div-execution,
.data-list-table .data-list td .icon a.btn_status.icon-batch-status-div-execution {
  border: 1px solid #76a315;
  color: #76a315;
}
.data-list-table .data-list td .icon span.icon-batch-status-div-completion,
.data-list-table .data-list td .icon a.btn_status.icon-batch-status-div-completion {
  border: 1px solid #0073A2;
  color: #0073A2;
}
.data-list-table .data-list td .icon span.icon-batch-status-div-cancel,
.data-list-table .data-list td .icon a.btn_status.icon-batch-status-div-cancel {
  border: 1px solid #6D6D6D;
  color: #6D6D6D;
}
.data-list-table .data-list td .icon span.icon-public,
.data-list-table .data-list td .icon a.btn_status.icon-public {
  border: 1px solid #76a315;
  color: #76a315;
}
.data-list-table .data-list td .icon span.icon-private,
.data-list-table .data-list td .icon a.btn_status.icon-private {
  border: 1px solid #c73030;
  color: #c73030;
}
.data-list-table .data-list td .icon span.border_default,
.data-list-table .data-list td .icon a.btn_status.border_default {
  border: 1px solid #ccc;
}
.data-list-table .data-list td .icon span.icon_clinical_record::before,
.data-list-table .data-list td .icon a.btn_status.icon_clinical_record::before {
  content: "\f478";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.2em;
}
.data-list-table .data-list td.check {
  min-width: 2em;
}
.data-list-table .data-list td.recheck_td {
  min-width: 5em;
}
.data-list-table .data-list td.alert {
  background-color: #ffe3e3;
}
.data-list-table .data-list .middle-width {
  min-width: 12em;
}
.data-list-table .data-list tr.clinic_staff_group th, .data-list-table .data-list tr.clinic_staff_group td {
  padding: 6px;
}
.data-list-table .data-list thead th + th {
  border-left: 1px solid #e6e6e6;
}
.data-list-table .data-list tbody td + td {
  border-left: 1px solid #e6e6e6;
}
.data-list-table .data-list tbody td button.btn_disable {
  color: #999;
  background-color: #ccc;
  pointer-events: none;
}
.data-list-table .data-list .sort a:after {
  content: "\f0dc";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin: 0 0 -0.5em 0.5em;
}
.data-list-table .data-list .sort .asc {
  display: flex;
  align-items: center;
  justify-content: center;
}
.data-list-table .data-list .sort .asc:after {
  content: "\f0de";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin: 0 0 -0.5em 0.5em;
}
.data-list-table .data-list .descend {
  background-color: #999 !important;
  color: #fff !important;
}
.data-list-table .data-list .descend a {
  color: #fff !important;
}
.data-list-table .data-list .descend .desc:after {
  content: "\f0d7";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin: 0 0 -0.5em 0.5em;
}
.data-list-table .data-list .ascend {
  background-color: #999 !important;
  color: #fff !important;
}
.data-list-table .data-list .ascend a {
  color: #fff !important;
}
.data-list-table .data-list .ascend .asc:after {
  content: "\f0de";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin: 0 0 -0.5em 0.5em;
}
.data-list-table .data-list .data_col .thumbnail {
  max-width: 40px;
}
.data-list-table .data-list tbody tr:nth-child(2n) {
  background-color: #fbfdff;
}
.data-list-table .data-list td {
  min-width: 9em;
}
.data-list-table .data-list th.data_item {
  padding: 0;
  background-color: #99caaa;
}
.data-list-table .data-list th.data_item .btn_default {
  padding: 0.25em 0.5em;
  box-shadow: none;
  font-size: 14px;
  margin: 0.25em 0.75em;
}
.data-list-table .data-list .btn_default,
.data-list-table .data-list .btn_default span,
.data-list-table .data-list a[class^=btn_], .data-list-table .data-list a, .data-list-table .data-list button.icon_search, .data-list-table .data-list button.icon_eraser {
  color: #177100;
  background-color: transparent;
  padding: 0.25em 0.5em;
  box-shadow: none;
  font-size: 14px;
}
.data-list-table .data-list .btn_default:hover,
.data-list-table .data-list .btn_default span:hover,
.data-list-table .data-list a[class^=btn_]:hover, .data-list-table .data-list a:hover, .data-list-table .data-list button.icon_search:hover, .data-list-table .data-list button.icon_eraser:hover {
  color: #ff8200;
  background-color: transparent;
}
.data-list-table .data-list button.icon_eraser {
  color: #666;
}
.data-list-table .data-list .large-width {
  min-width: 18em;
}
.data-list-table .button-set {
  display: flex;
  justify-content: center;
}
.data-list-table .button-set button {
  background-color: transparent;
  margin: 0;
  padding: 0.5em;
  min-width: inherit;
}
.data-list-table .status_edit em {
  display: none;
}
.data-list-table .modal-table-row {
  font-size: 1.6rem;
  height: 2.2rem;
}
.data-list-table .modal-table-row .modal-table-check-col {
  width: 2.2rem;
  padding: 0 4px;
}
.data-list-table .modal-table-row .modal-table-check-col input[type=checkbox] {
  vertical-align: bottom;
}
.data-list-table .btn_edit, .data-list-table .btn_delete, .data-list-table .btn_preview, .data-list-table .btn_history,
.data-list-table .btn_restore, .data-list-table .btn_deletecomp, .data-list-table .btn_apipreview, .data-list-table .btn_detail {
  border: none;
}
.data-list-table .btn_edit em, .data-list-table .btn_delete em, .data-list-table .btn_preview em, .data-list-table .btn_history em,
.data-list-table .btn_restore em, .data-list-table .btn_deletecomp em, .data-list-table .btn_apipreview em, .data-list-table .btn_detail em {
  display: none;
}
.data-list-table .btn_edit:hover, .data-list-table .btn_delete:hover, .data-list-table .btn_preview:hover, .data-list-table .btn_history:hover,
.data-list-table .btn_restore:hover, .data-list-table .btn_deletecomp:hover, .data-list-table .btn_apipreview:hover, .data-list-table .btn_detail:hover {
  background-color: #fff;
  color: #666;
}
.data-list-table .btn_edit {
  color: #666;
}
.data-list-table .btn_edit:before {
  font-weight: lighter;
  content: "\f044";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-list-table .btn_delete {
  color: #666;
}
.data-list-table .btn_delete:before {
  font-weight: lighter;
  content: "\f1f8";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-list-table .btn_preview {
  border: none;
  color: #666;
}
.data-list-table .btn_preview:before {
  font-weight: lighter;
  content: "\f06e";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-list-table .btn_history {
  color: #666;
}
.data-list-table .btn_history:before {
  font-weight: lighter;
  content: "\f1da";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-list-table .btn_restore {
  color: #666;
}
.data-list-table .btn_restore:before {
  font-weight: lighter;
  content: "\f829";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-list-table .btn_deletecomp {
  color: #666;
}
.data-list-table .btn_deletecomp:before {
  font-weight: lighter;
  content: "\f057";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-list-table .btn_apipreview {
  color: #666;
}
.data-list-table .btn_apipreview:before {
  font-weight: lighter;
  content: "\f1e0";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-list-table .btn_detail {
  color: #666;
}
.data-list-table .btn_detail:before {
  font-weight: lighter;
  content: "\f05a";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-list-table .icon_sort_up_solid {
  width: 1rem;
  padding: 0 0 0.4em 0;
  content: url(/assets/img/sort-up-solid.svg);
}
.data-list-table .icon_sort_down_solid {
  width: 1rem;
  content: url(/assets/img/sort-down-solid.svg);
}
.data-list-table .icon_sort_awesome_solid {
  width: 1em;
  content: url(/assets/img/sort-awesome-solid.svg);
}

.data-list-detail {
  width: 100%;
}
.data-list-detail tr {
  border-bottom: solid 1px #ccc;
}
.data-list-detail th {
  width: 30%;
  padding: 12px 5px;
  vertical-align: middle;
}
.data-list-detail td {
  text-align: left;
  padding: 12px;
}

table.u_motion_event_items {
  width: 100%;
}
table.u_motion_event_items tr th {
  width: 30%;
  border-bottom: 1px solid #ccc;
  padding: 5px;
}
table.u_motion_event_items tr td {
  width: 70%;
  border-bottom: 1px solid #ccc;
  padding: 5px;
}
table.u_motion_event_items tr:last-child th, table.u_motion_event_items tr:last-child td {
  border-bottom: none;
}

@media only screen and (max-width: 767.98px) {
  table.u_motion_event_items tr th {
    display: block;
    width: 100%;
    border-bottom: 1px dotted #ccc;
  }
  table.u_motion_event_items tr td {
    display: block;
    width: 100%;
  }
  table.u_motion_event_items tr:last-child th {
    border-bottom: 1px dotted #ccc;
  }
  .dialog-content .data-list-table {
    padding: 10px 20px;
  }
  .dialog-content .data-list-table .modal-table-row {
    height: 3.4rem;
  }
  .dialog-content .txt_left.modal-table-label-col {
    padding-left: 5px;
  }
}
.tag-list .tag {
  background: #eee;
  border: 1px solid #ddd;
  margin: 0.25em;
}
.tag-list .tag::before {
  margin-right: 0.25em;
  content: "\f02b";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}

.data-list-table .tag {
  background: #eee;
  border: 1px solid #ddd;
  margin: 0.25em;
}
.data-list-table .tag::before {
  margin-right: 0.25em;
  content: "\f02b";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-list-table td.edit-tags {
  position: relative;
  padding-left: 2em;
}
.data-list-table td.edit-tags .icon-container {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1.5em;
  text-align: center;
  cursor: pointer;
}
.data-list-table td.edit-tags .icon-container::before {
  content: "";
  margin-left: 0.25em;
  content: "\f02c";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  display: inline-block;
}
.data-list-table td.edit-tags .tag-container {
  display: flex;
  justify-content: center;
  width: calc(100% - 2em);
  flex-wrap: wrap;
}
.data-list-table td a.--with-underline {
  color: #177100;
}
.data-list-table td a.--with-underline:hover {
  color: #ff8200;
}
.data-list-table td a.modal-deleteLinkage_open.btn_disable em {
  color: #eee;
}
.data-list-table .icon_sort_down_solid,
.data-list-table .icon_sort_up_solid {
  width: 8px;
}
.data-list-table .icon_sort_awesome_solid {
  width: 12px;
}
.data-list-table .fas.fa-toggle-on {
  color: #ff8200;
}
.data-list-table .fas.fa-toggle-off {
  color: #ddd;
}
.data-list-table .sort_column {
  width: 100%;
}
.data-list-table .small-width {
  min-width: 5em;
}
.data-list-table .medium-width {
  min-width: 12em;
}
.data-list-table .icon_trash::before, .data-list-table .status_trash.tab em::before, .status_trash.tab .data-list-table em::before, .data-list-table .status_trash::before {
  font-weight: normal;
}

.editable.editable-area {
  position: relative;
  padding-bottom: 90px;
}
.editable.editable-area:before {
  background-color: #f5f5f5;
  border: 2px dashed #ddd;
  border-radius: 4px;
  color: #999;
  font-size: 14px;
  padding: 50px 20px 15px;
  position: absolute;
  bottom: 0;
  text-align: center;
  content: "パーツをドロップして追加出来ます";
  width: 100%;
}
.editable.editable-area:after {
  color: #999;
  font-size: 28px;
  content: "\f067";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  bottom: 35px;
  left: 50%;
  margin-left: -14px;
}
.editable.editable-area:hover:before {
  border: 2px dashed #ccc;
  color: #666;
}
.editable.editable-area:hover:after {
  color: #666;
}
.editable .item-title {
  display: none;
}
.editable .item-content {
  max-width: 100%;
}
.editable .item-content .icon {
  margin-bottom: 0.5em;
  text-align: center;
}
.editable .item-content .icon img, .editable .item-content .icon svg {
  height: 25px;
}
.editable .item-content .form_content {
  margin: 0.25em 0.25em 0.5em;
  width: calc(100% - 0.5em);
}
.editable .item-content .form_content th.form_col {
  background-color: #e7d4c3;
}
.editable .item-content .form_content .form_col {
  position: relative;
  border: 1px solid #ccc;
}
.editable .item-content .form_content .form_col .item-name > li:first-child {
  padding-right: 2em;
  width: 70%;
}
.editable .item-content .form_content .form_col .item-name > li:last-child {
  width: 30%;
  padding: 0;
}
.editable .item-content .form_content .form_col .list-btn {
  border-top: 1px solid #eee;
  margin-top: 10px;
  padding-top: 10px;
}
.editable .item-content .form_content .form_col .cog-area {
  text-align: right;
  position: relative;
}
.editable .item-content .form_content .form_col .cog-area .dialog_background {
  z-index: 98;
}
.editable .item-content .form_content .form_col .cog-area .cog-area_window {
  position: absolute;
  right: calc((100% - 450px) / 2);
  bottom: 55px;
}
.editable .item-content .form_content .form_col .cog-area .cog-area_window.is-open {
  z-index: 99 !important;
}
.editable .item-content .form_content .form_col .cog-area .cog-area_content {
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  padding: 0.5em;
  position: relative;
  width: 450px;
  z-index: 99 !important;
}
.editable .item-content .form_content .form_col .cog-area .cog-area_content:before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #fff;
  z-index: 101;
}
.editable .item-content .form_content .form_col .cog-area .cog-area_content:after {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -12px;
  border: 12px solid transparent;
  border-top: 12px solid #ddd;
  z-index: 100;
}
.editable .item-content .form_content .form_col .cog-area .cog-area_content dl.form_dl dt {
  width: 4em;
}
.editable .item-content .form_content .form_col .cog-area .cog-area_content dl.form_dl dd {
  width: calc(100% - 5em);
}
.editable .item-content .form_content .form_col .cog-area .cog-area_content .form_content .form_col {
  text-align: left;
  vertical-align: middle;
}
.editable .item-content .form_content .form_col .cog-area .cog-area_content .list-btn .button-set .item button.btn_cancel {
  background-color: #f5f5f5;
  border: none;
}
.editable .item-content .form_content th.form_col {
  text-align: center;
  width: 11em;
  max-width: 11em;
}
.editable .item-content .form_content th.form_col .btn_delete {
  position: absolute;
  bottom: 10px;
  right: 15px;
}
.editable .item-content .form_content .form_dl dt {
  width: 9em;
}
.editable .item-content .form_content .form_dl dd {
  width: calc(100% - 10em);
}
.editable .item-content .form_content .cell {
  align-items: center;
}
.editable .draggable.item {
  width: auto !important;
  height: auto !important;
}

.group-column .col-2 .editable .item-content .form_content tr + tr {
  border: none !important;
}
.group-column .col-2 .editable .item-content .form_content .item-name {
  flex-direction: column;
  padding: 0;
}
.group-column .col-2 .editable .item-content .form_content .item-name > li {
  padding: 0;
  text-align: right;
}
.group-column .col-2 .editable .item-content .form_content .item-name > li:first-child {
  padding-right: 0;
  padding-bottom: 0.25em;
  width: 100%;
}
.group-column .col-2 .editable .item-content .form_content .item-name > li:last-child {
  width: 100%;
}
.group-column .col-2 .editable .item-content .form_content th.form_col {
  display: block;
  max-width: initial;
  width: 100%;
}
.group-column .col-2 .editable .item-content .form_content td.form_col {
  border-top: none;
  display: block;
  max-width: initial;
  width: 100%;
}
.group-column .col-2 .editable .item-content .form_content .form_dl {
  flex-direction: column;
}
.group-column .col-2 .editable .item-content .form_content .form_dl dt, .group-column .col-2 .editable .item-content .form_content .form_dl dd {
  margin: 0;
  width: 100%;
}
.group-column .col-2 .editable .item-content .form_content .form_dl dd {
  margin-top: 0.25em;
}
.group-column .col-2 .editable .item-content .form_content .form_dl dd + dt {
  margin-top: 1em;
}
.group-column .col-2 .editable .item-content .form_content .list-btn .button-set {
  justify-content: flex-start;
}
.group-column .col-2 .editable .item-content .form_content .list-btn .button-set .item:not(.btn-right) {
  margin: 0;
}
.group-column .col-2 .cog-area .cog-area_window {
  right: auto !important;
  left: -50px;
}
.group-column .col-2 .cog-area .cog-area_window .cog-area_content:before, .group-column .col-2 .cog-area .cog-area_window .cog-area_content:after {
  left: 100px !important;
}
.group-column .col-2 .editable .item-content .form_content.cog-table tr + tr {
  border: 1px solid #ccc;
}
.group-column .col-2 .editable .item-content .form_content.cog-table .item-name {
  flex-direction: row;
  padding: 0;
}
.group-column .col-2 .editable .item-content .form_content.cog-table .item-name > li {
  padding: 0;
  text-align: right;
}
.group-column .col-2 .editable .item-content .form_content.cog-table .item-name > li:first-child {
  padding-right: 0;
  padding-bottom: 0.25em;
  width: 100%;
}
.group-column .col-2 .editable .item-content .form_content.cog-table .item-name > li:last-child {
  width: 100%;
}
.group-column .col-2 .editable .item-content .form_content.cog-table th.form_col {
  display: table-cell;
  max-width: 11em;
  width: 11em;
}
.group-column .col-2 .editable .item-content .form_content.cog-table td.form_col {
  border-top: 1px solid #ccc;
  display: table-cell;
  max-width: initial;
  width: auto;
}
.group-column .col-2 .editable .item-content .form_content.cog-table .form_dl {
  flex-direction: row;
}
.group-column .col-2 .editable .item-content .form_content.cog-table .form_dl dt, .group-column .col-2 .editable .item-content .form_content.cog-table .form_dl dd {
  margin: 0.5em 0;
  width: auto;
}
.group-column .col-2 .editable .item-content .form_content.cog-table .form_dl dt {
  width: 4em;
}
.group-column .col-2 .editable .item-content .form_content.cog-table .form_dl dd {
  width: calc(100% - 5em);
}
.group-column .col-2 .editable .item-content .form_content.cog-table + .list-btn {
  border: none;
  margin-top: 0;
}
.group-column .col-2 .editable .item-content .form_content.cog-table + .list-btn .button-set {
  justify-content: center;
}
.group-column .col-2 .editable .item-content .form_content.cog-table + .list-btn .button-set .item:not(.btn-right) {
  margin: 0 1em;
}

.isfw_sortable-placeholder {
  background: #f3e9b8;
}

.ui-draggable-handle {
  cursor: grab;
}

.ui-draggable-dragging {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  cursor: grabbing;
  overflow: hidden;
  z-index: 500;
}

.ui-sortable-helper {
  cursor: grabbing;
}

.ui-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("/assets/img/ui-icons_444444_256x240.png");
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.folder {
  background: #515151;
  border-radius: 3px;
  padding: 0.25em;
  margin: 0.25em 0;
}
.folder .jstree-hovered {
  background: #000;
}
.folder .jstree-clicked {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  font-weight: bold;
}

.collect-status-setting {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  padding: 0.75em;
  margin: 0.5em 0;
}
.collect-status-setting .select-item-to {
  font-size: 12px;
  font-size: 1.2rem;
  padding-bottom: 0.25em;
}
.collect-status-setting .operation-to {
  display: flex;
}
.collect-status-setting .operation-to .item {
  margin: 0 0.25em;
}

.btn_restore em:before {
  font-weight: bold;
  content: "\f829";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.btn_deletecomp em:before {
  font-weight: bold;
  content: "\f057";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.file-setting .setting-tab {
  position: sticky;
  top: 60px;
}
.file-setting .setting-tab .setting-tabs {
  display: flex;
}
.file-setting .setting-tab .setting-tabs .tab {
  cursor: pointer;
  text-align: center;
  width: 50%;
}
.file-setting .setting-tab .setting-tabs .tab a {
  display: block;
  padding: 1em;
}
.file-setting .setting-tab .setting-tabs .tab em {
  font-size: 12px;
  font-size: 1.2rem;
}
.file-setting .setting-tab .setting-tabs .tab.current {
  font-weight: bold;
}
.file-setting .setting-tab .setting-tabs .tab.page em:before {
  font-weight: lighter;
  content: "\f0ad";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}
.file-setting .setting-tab .setting-tabs .tab.add em:before {
  font-weight: lighter;
  content: "\f067";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.setting-page, .setting-add {
  padding: 0.5em;
}

.setting_item .draggable_table {
  position: relative;
}
.setting_item .draggable_table .setting_title, .setting_item .draggable_table .setting_contents {
  display: block;
  padding: 0.75em;
  width: 100%;
}
.setting_item .draggable_table .setting_title {
  background-color: #e2e2e2;
  font-weight: bold;
  text-align: center;
}
.setting_item .save-button {
  margin-top: 0.5em;
  text-align: center;
}

.parts-setting .setting_item {
  padding: 1em;
}
.parts-setting h3.category {
  font-size: 1.6rem;
  font-weight: 700;
  padding: 0 0 1em 0;
}
.parts-setting .parts-list {
  display: flex;
  flex-wrap: wrap;
  height: calc(100vh - 220px);
  overflow-y: auto;
  margin-left: -0.25em;
  width: calc(100% + 1em);
}
.parts-setting .parts-list .parts {
  display: flex;
  margin: 0 0.25em 0.5em;
  width: calc(50% - 0.5em);
}
.parts-setting .parts-list .parts .item {
  align-items: center;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.parts-setting .parts-list .parts .item .icon {
  background: #f5f5f5;
  border-radius: 6px 6px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  line-height: 1.2;
  text-align: center;
  padding: 0.5em;
  width: 100%;
}
.parts-setting .parts-list .parts .item .icon img, .parts-setting .parts-list .parts .item .icon svg {
  height: 30px;
}
.parts-setting .parts-list .parts .item .label {
  padding: 0.2em 0.25em 0.25em;
  width: 100%;
}
.parts-setting .parts-list .parts .item .label em {
  font-size: 10px;
  font-size: 1rem;
}
.parts-setting .parts-list .parts .item .item-title {
  width: 100%;
}
.parts-setting .parts-list .parts .item .item-content {
  display: none;
}

.file-path {
  background-color: #fff;
  display: flex;
  align-items: center;
  width: 100%;
}
.file-path dt, .file-path dd {
  padding: 1em;
}
.file-path dt {
  background-color: #ccc;
  font-weight: bold;
}

.folder-tree .file-search {
  margin-bottom: 1.5em;
}
.folder-tree .file-search > em {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 0.25em;
}
.folder-tree .file-search .search-result {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  position: relative;
  margin: 8px 0 10px;
}
.folder-tree .file-search .search-result:before {
  content: "";
  position: absolute;
  top: -16px;
  left: 30px;
  margin-left: -8px;
  border: 8px solid transparent;
  border-bottom: 8px solid rgba(0, 0, 0, 0.2);
}
.folder-tree .file-search .search-result .result_ttl {
  color: #ccc;
  font-size: 12px;
  font-size: 1.2rem;
}
.folder-tree .file-search .search-result .isfw_pager {
  margin: 0;
}
.folder-tree .file-search .search-result .isfw_pager .list-pager {
  padding: 0;
}
.folder-tree .file-search .search-result .isfw_pager .list-pager button {
  color: transparent;
  height: 25px;
  width: 25px;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.folder-tree .file-search .search-result .isfw_pager .list-pager button:before, .folder-tree .file-search .search-result .isfw_pager .list-pager button:after {
  color: #333;
  position: absolute;
  top: 4px;
}
.folder-tree .file-search .search-result .isfw_pager .list-pager button:hover:before, .folder-tree .file-search .search-result .isfw_pager .list-pager button:hover:after {
  color: #fff;
}
.folder-tree .file-search .search-result .isfw_pager .list-pager button:before {
  left: 8px;
}
.folder-tree .file-search .search-result .isfw_pager .list-pager button:after {
  right: 8px;
}
.folder-tree .file-search .search-result .isfw_pager .list-pager .disabled button {
  background-color: #999;
}
.folder-tree .file-search .search-result .isfw_pager .list-pager .disabled button:before, .folder-tree .file-search .search-result .isfw_pager .list-pager .disabled button:after {
  color: #666;
}
.folder-tree .file-search .select_filter {
  display: flex;
  justify-content: space-between;
}
.folder-tree .file-search .select_filter button.btn_open, .folder-tree .file-search .select_filter button.btn_close {
  background-color: rgba(0, 0, 0, 0.3);
  border: none;
  padding: 0.5em;
}
.folder-tree .file-search .select_filter button.btn_open em, .folder-tree .file-search .select_filter button.btn_close em {
  font-size: 12px;
  font-size: 1.2rem;
}
.folder-tree .file-search .select_filter button.btn_open.current, .folder-tree .file-search .select_filter button.btn_close.current {
  border: none;
  padding: 0.5em;
}
.folder-tree .file-search .select_filter .fs-rd {
  display: none;
}
.folder-tree .file-search .select_filter .fs-rd + label {
  background-color: rgba(0, 0, 0, 0.3);
  border: none;
  padding: 0.5em;
}
.folder-tree .file-search .select_filter .fs-rd:checked + label {
  border: none;
  padding: 0.5em;
}
.folder-tree .folder {
  overflow-x: auto;
}
.folder-tree .jstree-default .jstree-clicked {
  background-color: #000;
}
.folder-tree .jstree-anchor {
  overflow: hidden;
  font-size: 12px;
}
.folder-tree .jstree-anchor.jstree-hovered {
  background-color: #000;
}
.folder-tree .jstree-anchor.hide {
  color: #ccc;
}
.folder-tree .jstree-anchor.hide i {
  display: none;
}
.folder-tree .jstree-anchor.hide:before {
  content: "\f070";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  margin: 0 4px;
}

.vakata-context-parent {
  transition: unset;
}

.folder-tree_menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.folder-tree_menu + .folder-tree_menu {
  border-top: 1px solid #777;
  margin-top: 0.75em;
}
.folder-tree_menu + .folder-tree_menu .tree-menu {
  margin-top: 0.75em;
}
.folder-tree_menu > em {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.folder-tree_menu .btn_create, .folder-tree_menu em {
  flex-basis: 50%;
}
.folder-tree_menu .btn_create em:before {
  content: "\f65e";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}
.folder-tree_menu .tree-menu {
  display: flex;
  justify-content: space-between;
  flex-basis: 100%;
  margin-top: 0.5em;
}
.folder-tree_menu .tree-menu .menu {
  flex-basis: 33.3%;
  width: 33.3%;
}
.folder-tree_menu .tree-menu .menu + .menu {
  margin-left: 0.3em;
}
.folder-tree_menu .tree-menu .menu a[class^=btn_],
.folder-tree_menu .tree-menu .menu button[class^=btn_] {
  background-color: #333;
  margin: 0;
  min-width: inherit;
  padding: 0.5em 0.25em;
  width: 100%;
}
.folder-tree_menu .tree-menu .menu a[class^=btn_]:hover,
.folder-tree_menu .tree-menu .menu button[class^=btn_]:hover {
  background-color: #000;
}
.folder-tree_menu .tree-menu .menu a[class^=btn_] em,
.folder-tree_menu .tree-menu .menu button[class^=btn_] em {
  font-size: 10px;
  font-size: 1rem;
}
.folder-tree_menu .tree-menu .menu a[class^=btn_] em:before,
.folder-tree_menu .tree-menu .menu button[class^=btn_] em:before {
  margin-bottom: 0.15em;
}
.folder-tree_menu .tree-menu .menu .btn_rename em {
  color: #aaa;
}
.folder-tree_menu .tree-menu .menu .btn_rename em:before {
  content: "\f031";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  color: #fff;
  display: block;
  font-size: 20px;
  font-size: 2rem;
}
.folder-tree_menu .tree-menu .menu .btn_copy em {
  color: #aaa;
}
.folder-tree_menu .tree-menu .menu .btn_copy em:before {
  content: "\f0c5";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  color: #fff;
  display: block;
  font-size: 20px;
  font-size: 2rem;
}
.folder-tree_menu .tree-menu .menu .btn_delete em {
  color: #aaa;
}
.folder-tree_menu .tree-menu .menu .btn_delete em:before {
  color: #fff;
  display: block;
  font-size: 20px;
  font-size: 2rem;
  margin-right: 0;
}
.folder-tree_menu .tree-menu .menu .btn_cat em {
  color: #aaa;
}
.folder-tree_menu .tree-menu .menu .btn_cat em:before {
  content: "\f65e";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  color: #fff;
  display: block;
  font-size: 20px;
  font-size: 2rem;
}
.folder-tree_menu .tree-menu .menu .btn_faq em {
  color: #aaa;
}
.folder-tree_menu .tree-menu .menu .btn_faq em:before {
  content: "\f319";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  color: #fff;
  display: block;
  font-size: 20px;
  font-size: 2rem;
}
.folder-tree_menu .tree-menu .menu .btn_edit em {
  color: #aaa;
}
.folder-tree_menu .tree-menu .menu .btn_edit em:before {
  content: "\f044";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  color: #fff;
  display: block;
  font-size: 20px;
  font-size: 2rem;
}
.folder-tree_menu .tree-menu .menu .btn_sort em {
  color: #aaa;
}
.folder-tree_menu .tree-menu .menu .btn_sort em:before {
  content: "\f338";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  color: #fff;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}
.folder-tree_menu .tree-menu .menu .btn_reload em {
  color: #aaa;
}
.folder-tree_menu .tree-menu .menu .btn_reload em:before {
  content: "\f2f1";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  color: #fff;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}
.folder-tree_menu .tree-menu .menu .btn_save {
  border: none;
}
.folder-tree_menu .tree-menu .menu .btn_save em {
  color: #aaa;
}
.folder-tree_menu .tree-menu .menu .btn_save em:before {
  content: "\f0c7";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  color: #fff;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}
.folder-tree_menu .tree-menu .menu .btn_cancel {
  border: none;
}
.folder-tree_menu .tree-menu .menu .btn_cancel em {
  color: #aaa;
}
.folder-tree_menu .tree-menu .menu .btn_cancel em:before {
  content: "\f00d";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  color: #fff;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}
.folder-tree_menu .sort-menu {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  padding: 5px;
  position: relative;
  width: 100%;
  margin-top: 10px;
}
.folder-tree_menu .sort-menu:before {
  content: "";
  position: absolute;
  top: -16px;
  left: 30px;
  margin-left: -8px;
  border: 8px solid transparent;
  border-bottom: 8px solid rgba(0, 0, 0, 0.2);
}
.folder-tree_menu .sort-menu.is-close {
  height: 0;
  margin: 0;
  padding: 0;
}
.folder-tree_menu .sort-menu.is-open {
  height: auto;
  margin-top: 10px;
  padding: 5px;
}
.folder-tree_menu .sort-menu .tree-menu {
  margin: 0;
}

.service-name {
  padding: 1em;
}
.service-name h1 {
  padding: 0 1.5em;
}
.service-name h1 em {
  font-weight: bold;
}

.site-logo {
  padding: 1em 0;
  width: 190px;
}
.site-logo .logo em {
  display: block;
}
.site-logo .logo img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.close .site-logo {
  width: 0;
}

.isfw_signin .site-logo {
  max-width: 250px;
  margin: 0 auto;
}

@media only screen and (max-width: 767.98px) {
  .site-logo {
    width: auto;
    padding: 0;
    margin: 0;
  }
  .site-logo .logo img {
    height: 50px;
    width: 50px;
  }
  .site-logo .logo.for-sp {
    display: block;
    position: absolute;
    left: calc(50% - 25px);
    top: 5px;
  }
  .site-logo .logo.for-pc {
    display: none;
  }
  .isfw_signin .site-logo {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .site-logo .logo.for-sp {
    display: none;
  }
  .site-logo .logo.for-pc {
    display: block;
  }
}
.status-tab {
  display: flex;
  justify-content: space-between;
}
.status-tab .status-tabs {
  display: flex;
}
.status-tab .status-tabs .tab {
  margin: 0 0.2em 0 0;
  position: relative;
}
.status-tab .status-tabs .tab a, .status-tab .status-tabs .tab button {
  background: #fff;
  padding: 1em;
  white-space: nowrap;
}
.status-tab .status-tabs .tab a em, .status-tab .status-tabs .tab a span, .status-tab .status-tabs .tab button em, .status-tab .status-tabs .tab button span {
  display: inline-block;
}
.status-tab .status-tabs .tab a span, .status-tab .status-tabs .tab button span {
  font-size: 1.2rem;
  padding-left: 0.5em;
}
.status-tab .status-tabs .tab.current > a, .status-tab .status-tabs .tab.current > button {
  background: #000;
  color: #fff;
}
.status-tab .status-tabs .child-tabs {
  background: #fff;
  position: absolute;
}
.status-tab .status-tabs .child-tabs .tab {
  margin: 0;
}
.status-tab .status-tabs .child-tabs .tab a, .status-tab .status-tabs .child-tabs .tab button {
  width: 100%;
}
.status-tab .other-tabs .tab a, .status-tab .other-tabs .tab button {
  background: #fff;
  padding: 1em;
}
.status-tab .status-tabs .display-all.tab a, .status-tab .status-tabs .display-all button {
  padding-bottom: 1.1em;
}

.child-tabs .tab.edit em:before {
  margin-left: 0;
}

.isfw_topic-path {
  overflow: hidden;
  text-align: right;
  white-space: nowrap;
  overflow-x: scroll;
  scrollbar-width: none;
}
.isfw_topic-path .path .item {
  display: inline;
}
.isfw_topic-path .path .item a,
.isfw_topic-path .path .item em {
  display: inline;
}
.isfw_topic-path .path .item a {
  padding: 0;
  position: relative;
}
.isfw_topic-path .path .item a:after {
  content: "";
  margin: -1px 0.1em 0 0.4em;
  vertical-align: middle;
  background-image: url("/assets/img/icon_topicpath.svg");
  height: 0.75em;
  width: 0.75em;
  display: inline-block;
}
.isfw_topic-path::-webkit-scrollbar {
  display: none;
}

@media only screen and (max-width: 767.98px) {
  .isfw_title-topicpath {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    justify-content: space-between;
    align-items: center;
    padding: 0.75em 1em 1em;
    overflow-x: scroll;
  }
  .isfw_title-topicpath > * {
    display: inline-block;
    flex-basis: auto !important;
  }
  .isfw_title-topicpath .isfw_topic-path {
    width: 100%;
    margin-top: 0.5em;
  }
}
.user-info {
  padding: 0.5em 1em;
  position: relative;
  margin-left: auto;
}
.user-info .btn_user-name {
  border: none;
  box-shadow: 0 0 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.8;
  padding-right: 20px;
  position: relative;
}
.user-info .btn_user-name:after {
  content: "\f107";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  font-size: 1.8rem;
  position: absolute;
  right: 0;
  top: calc((100% - 20px) / 2);
}
.user-info .btn_user-name em {
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  margin-right: 5px;
}
.user-info .btn_user-name .user-icon {
  border-radius: 50%;
  display: inline-block;
  margin-left: 5px;
  margin-top: -5px;
  overflow: hidden;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
.user-info .btn_user-name .user-icon img {
  width: 100%;
  height: 100%;
}
.user-info_window {
  position: absolute;
  top: 4em;
}
.user-info_window .user-info_content {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 0.5em;
}
.user-info_window .user-info_item .item {
  padding: 0.5em;
  display: flex;
}
.user-info_window .user-info_item .label {
  display: inline-block;
  font-weight: bold;
  width: 7em;
}
.user-info_window .user-info_item .data {
  padding: 0 0 0 1.25em;
  white-space: nowrap;
  color: #666;
}
.user-info_window .button-set {
  display: flex;
  justify-content: center;
  padding: 0.5em 0;
}
.user-info_window .button-set .item {
  margin: 0 0.75em;
}

.user-info_window.is-open,
.user-info_window.is-close {
  right: 1em;
}

.btn_account-setting em:before {
  content: "\f013";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.btn_logout em:before {
  content: "\f2f5";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.app-list {
  padding: 0.5em 0;
  position: relative;
  margin-right: 0;
}
.app-list .btn_app-list {
  border: none;
  box-shadow: 0 0 0;
  line-height: 1.4;
  position: relative;
  padding: 0.5em 0;
}
.app-list .btn_app-list .app-icon {
  color: #999;
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
}
.app-list .btn_app-list .app-icon:before {
  color: #000;
  content: "\f00a";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  margin-right: 0.25em;
  vertical-align: middle;
}

.app-list_window {
  position: absolute;
  top: 4em;
}

.app-list_content {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 0.5em;
  width: 400px;
}
.app-list_content .app-list_item {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.app-list_content .app-list_item .item {
  width: 33.3%;
  display: flex;
  text-align: center;
  justify-content: space-around;
}
.app-list_content .app-list_item .item a {
  display: block;
  padding: 1em 0.5em;
  text-align: center;
}
.app-list_content .app-list_item .item span {
  color: #999;
  display: block;
  margin: 3px auto 0;
}
.app-list_content .support-link {
  border-top: 1px solid #ddd;
  margin-top: 5px;
  padding: 15px 0 5px;
  text-align: center;
}

.app-list_window.is-open,
.app-list_window.is-close {
  right: 1em;
}

body.dialog-open {
  height: 100vh;
  overflow-y: hidden;
}

.isfw_dialog {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.75);
  transition: all 0.3s;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 89;
}
.isfw_dialog .dialog-window {
  background-color: #fff;
  border-radius: 3px;
  position: relative;
  min-width: 600px;
  max-width: 70vw;
}
.isfw_dialog .dialog-window.lg {
  min-width: 1000px;
  max-width: 80vw;
}
.isfw_dialog .dialog_content > .icon_close {
  cursor: pointer;
  position: absolute;
  right: -35px;
  top: -7px;
  z-index: 1000;
}
.isfw_dialog .dialog_content > .icon_close i {
  color: #fff;
  font-size: 32px;
  font-size: 3.2rem;
}
.isfw_dialog .dialog_content > .icon_close:hover {
  opacity: 0.75;
}
.isfw_dialog .dialog_content > .dialog-content {
  padding: 20px;
}
.isfw_dialog .dialog-title {
  border-bottom: 1px solid #eee;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  padding: 20px;
}
.isfw_dialog .dialog-title span.warning:before {
  content: "\f071";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
  color: #ff9d1f;
  font-size: 1.25em;
}
.isfw_dialog .dialog-foot {
  border-top: 1px solid #eee;
  padding: 10px 20px;
}
.isfw_dialog .dialog-foot .list-btn .button-set {
  align-items: center;
}
.isfw_dialog .dialog-foot .list-btn .button-set .item button.btn_cancel {
  background-color: #177100;
  border: none;
}
.isfw_dialog .dialog-foot .list-btn .button-set .item button.btn_cancel:hover {
  background-color: #ff8200;
}
.isfw_dialog .dialog-foot .list-btn .button-set .item button.btn_cancel em {
  font-size: 1.6rem;
}
.isfw_dialog .dialog-content {
  max-height: 60vh;
  overflow: auto;
  padding: 20px;
  position: relative;
  z-index: 1000;
}
.isfw_dialog .dialog-content .title-lv02 {
  margin-top: 0;
}
.isfw_dialog .dialog-content * + .title-lv02 {
  margin-top: 20px;
}
.isfw_dialog .dialog-content dl {
  margin-top: 2em;
}
.isfw_dialog .dialog-content dl dt {
  padding-top: 1em;
  padding-bottom: 0.25em;
  font-size: 18px;
}
.isfw_dialog .dialog-content dl dt:first-of-type {
  padding-top: 0;
}
.isfw_dialog .dialog-content dl dd {
  padding-bottom: 0.5em;
}
.isfw_dialog .dialog-content > .isfw_card {
  box-shadow: none;
}
.isfw_dialog .dialog-content > .isfw_card .card-content {
  padding: 0;
}
.isfw_dialog .dialog-content > .isfw_card .card-content .detail-box .detail {
  padding: 0.5em;
}
.isfw_dialog .dialog-content > .isfw_card .card-content .detail-box .detail:nth-child(2n) {
  margin-right: 0;
}
.isfw_dialog .dialog-content > .isfw_card .card-content .detail-box .detail.header {
  width: 40%;
}
.isfw_dialog .dialog-content > .isfw_card .card-content .detail-box .detail.data {
  width: 60%;
}
.isfw_dialog .btn_close em:before {
  color: #aaaaaa;
  content: "\f00d";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: lighter;
  margin-right: 0.5em;
}
.isfw_dialog .file-upload + .upload-file-list {
  margin-top: 20px;
}
.isfw_dialog .status_edit em {
  display: none;
}
.isfw_dialog .isfw_progressbar em {
  display: inline-block;
  margin-bottom: 5px;
}
.isfw_dialog .hide {
  display: none;
}

@media only screen and (max-width: 768px) {
  .isfw_dialog .dialog-window {
    min-width: 90vw;
    max-width: 95vw;
  }
  .isfw_dialog .dialog_content > .icon_close {
    cursor: pointer;
    position: absolute;
    right: -1px;
    top: -27px;
    z-index: 1000;
  }
  .isfw_dialog .dialog_content > .dialog-content {
    padding: 20px 5px;
  }
  .isfw_dialog .dialog_content > .dialog-content > .isfw_card {
    box-shadow: none;
  }
  .isfw_dialog .dialog_content > .dialog-content > .isfw_card .card-content .detail-box .detail {
    font-size: 16px;
  }
}
#history_search_tag_list {
  margin: 1em 0.5em;
}
#history_search_tag_list .tag2 {
  background-color: #eee;
  padding: 5px 35px 5px 15px;
  border: 1px solid #ddd;
  border-radius: 30px;
  margin: 0 0.5em 0.5em 0.5em;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
#history_search_tag_list .tag2:before {
  content: "\f02b";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.25em;
}
#history_search_tag_list .tag2 .tagDelete {
  max-width: 20px;
  position: absolute;
  right: 7px;
  border: 1px solid #ddd;
  border-radius: 30px;
  cursor: pointer;
}

.calving-info-edit_modal .form_title,
.disease_edit_modal .form_title {
  color: #888;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 0.25em;
}
.calving-info-edit_modal .required,
.disease_edit_modal .required {
  margin-left: 0.5em;
  padding: 0 4px;
  border: 1px solid #8d6038;
  border-radius: 3px;
  color: #8d6038;
  font-size: 1.1rem;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
}
.calving-info-edit_modal .tag,
.disease_edit_modal .tag {
  padding: 5px 35px 5px 15px;
  position: relative;
}
.calving-info-edit_modal .tag img.tagDelete,
.disease_edit_modal .tag img.tagDelete {
  position: absolute;
  right: 7px;
  border: 1px solid #ddd;
  border-radius: 30px;
  cursor: pointer;
  max-width: 20px;
}

.memo_modal_area {
  margin: 1em 0;
}

.memo_box {
  border-top: 1px solid #eee;
}
.memo_box .modal-noteDetail_open {
  padding: 1.5em 0.5em;
}
.memo_box .memo_title {
  font-size: 1.6rem;
}
.memo_box a {
  width: 100%;
}
.memo_box p.copy_txt {
  margin: 0.5em 0;
}
.memo_box p.copy_txt:hover {
  color: #ff8200;
  transition: all 0.2s ease-out;
}
.memo_box .icon_copy::before {
  vertical-align: top;
}
.memo_box .icon_copy:hover {
  color: #ff8200;
  transition: all 0.2s ease-out;
}
.memo_box .tagList .tag {
  margin-top: 0.5em;
}
.memo_box .tagList .tag:before {
  content: "\f02b";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.25em;
}

.copied {
  display: none;
  color: #76A315;
}

.content-title-additional {
  font-size: 14px;
  margin-left: 0.5em;
}

.loader-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
  transition: all 1s;
  z-index: 9999;
}
@keyframes loader {
  0% {
    transform: scaley(1);
  }
  50% {
    transform: scaley(0.4);
  }
  100% {
    transform: scaley(1);
  }
}
.loader > div:nth-child(1) {
  animation: loader 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.loader > div:nth-child(2) {
  animation: loader 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.loader > div:nth-child(3) {
  animation: loader 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.loader > div:nth-child(4) {
  animation: loader 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.loader > div:nth-child(5) {
  animation: loader 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.loader {
  background-color: #999;
  border-radius: 50%;
  padding: 19px 13px;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loader > div {
  background-color: #fff;
  width: 4px;
  height: 30px;
  border-radius: 2px;
  margin: 1px;
  animation-fill-mode: both;
  display: inline-block;
}

.loader.sm {
  height: 50px;
  width: 50px;
  padding: 15px 8px;
}

.loader.sm > div {
  width: 3px;
  height: 20px;
  margin: 0.5px;
}

.loader.lg {
  padding: 25px 16px;
  height: 100px;
  width: 100px;
}

.loader.lg > div {
  width: 5px;
  height: 45px;
  margin: 3px;
}

.loader-wrap.overall {
  margin: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.75);
  position: fixed;
  top: 0;
  left: 0;
}
@keyframes load-div {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
body div.loading {
  z-index: 10000;
  overflow: hidden;
  position: relative;
  min-height: 10em;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.25);
  position: fixed;
  top: 0;
  left: 0;
}
body div.loading.initial-popup-loading {
  z-index: 90;
  background-color: #fff;
}

body div.loading:before,
body div.loading:after {
  border-radius: 50%;
  width: 4em;
  height: 4em;
  content: "";
  position: absolute;
  left: 0.5em;
  background-image: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}

body div.loading:after {
  margin: 0px auto;
  font-size: 10px;
  text-indent: -9999em;
  border-top: 0.5em solid rgba(141, 96, 56, 0.2);
  border-right: 0.5em solid rgba(141, 96, 56, 0.2);
  border-bottom: 0.5em solid rgba(141, 96, 56, 0.2);
  border-left: 0.5em solid #8d6038;
  transform: translateY(-50%) translateZ(0);
  animation: load-div 1s infinite linear;
}

body div.loading > div {
  position: relative;
}

body div.loading > div:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  display: block;
  z-index: 100;
}

.isfw_progressbar progress {
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 4px;
  width: 100%;
}
.isfw_progressbar progress::-webkit-progress-bar {
  background-color: #ddd;
}
.isfw_progressbar progress::-webkit-progress-value {
  background-color: #000;
}
.isfw_progressbar progress::-moz-progress-bar {
  background-color: #000;
}
.isfw_progressbar progress::-ms-fill {
  background-color: #000;
}

.flash_message_area {
  position: fixed;
  bottom: 20px;
  right: 20px;
  max-width: 500px;
}

.flash_message {
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 1.5em;
  width: 100%;
  max-width: 500px;
}
.flash_message:before {
  font-size: 20px;
  font-size: 2rem;
  font-weight: lighter;
  margin-right: 0.5em;
  vertical-align: middle;
}
.flash_message.message_success {
  background-color: rgba(141, 96, 56, 0.75);
  color: #fff;
}
.flash_message.message_success:before {
  content: "\f058";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.flash_message.message_info {
  background-color: rgba(118, 163, 21, 0.25);
  color: #354909;
}
.flash_message.message_info:before {
  content: "\f05a";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.flash_message.message_warning {
  background-color: rgba(243, 233, 184, 0.75);
  color: #937e19;
}
.flash_message.message_warning:before {
  content: "\f06a";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.flash_message.message_danger {
  background-color: rgba(199, 48, 48, 0.75);
  color: #fff;
}
.flash_message.message_danger:before {
  content: "\f071";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}

.message_warning_cancel {
  color: none !important;
  padding: none !important;
  padding-left: 1.5rem !important;
  background-color: none !important;
}

.flash_message_with_error {
  background-color: rgba(243, 233, 184, 0.75);
  color: #937e19;
  border-radius: 4px;
  padding: 1.5em;
  width: 100%;
  max-width: 500px;
}
.flash_message_with_error .message:before {
  content: "\f06a";
  display: inline-block;
  font-family: "Font Awesome 5 Pro Light";
}
.flash_message_with_error .message:before {
  font-size: 20px;
  font-size: 2rem;
  font-weight: lighter;
  margin-right: 0.5em;
  vertical-align: middle;
}
.flash_message_with_error .message {
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding-left: 1.5rem;
  width: 100%;
  max-width: 500px;
}
.flash_message_with_error .error {
  padding-left: 4.5rem;
}

.error-list li {
  list-style: inside;
}

.chart-area {
  height: 300px;
}
.chart-area img {
  max-height: 100%;
}

.isfw_main-contents .title-lv02 {
  border-bottom: 3px solid #666;
  margin: 20px 0 20px;
  padding-bottom: 10px;
}
.isfw_main-contents .title-lv02 em {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
}
.isfw_main-contents .title-lv03 {
  margin: 20px 0 10px;
}
.isfw_main-contents .title-lv03 em {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

.status-area {
  background-color: #666;
  border-radius: 4px;
  color: #fff;
  display: flex;
  padding: 30px;
  margin-bottom: 40px;
}
.status-area:before {
  font-size: 42px;
  font-size: 4.2rem;
  margin-right: 20px;
  vertical-align: middle;
}
.status-area .status-title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.status-area .status-date {
  font-size: 14px;
  font-size: 1.4rem;
}
.status-area.status-success {
  background-color: #8d6038;
}
.status-area.status-success:before {
  content: "\f058";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
}
.status-area.status-info {
  background-color: rgba(118, 163, 21, 0.25);
  color: #354909;
}
.status-area.status-info:before {
  content: "\f05a";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
}
.status-area.status-warning {
  background-color: rgba(243, 233, 184, 0.75);
  color: #937e19;
}
.status-area.status-warning:before {
  content: "\f06a";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
}
.status-area.status-danger {
  background-color: rgba(199, 48, 48, 0.75);
  color: #fff;
}
.status-area.status-danger:before {
  content: "\f071";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
}

.isfw_tab {
  display: flex;
  justify-content: space-between;
  overflow-x: auto;
  margin: 0 0 0 0;
  border-bottom: 0px;
}
.isfw_tab .tabs {
  display: flex;
}
.isfw_tab .tabs .tab {
  margin: 0 0.2em 0 0;
  position: relative;
}
.isfw_tab .tabs .tab a, .isfw_tab .tabs .tab button {
  background: #fff;
  padding: 1em 2em;
  white-space: nowrap;
  color: #177100;
}
.isfw_tab .tabs .tab a:hover, .isfw_tab .tabs .tab button:hover {
  background-color: #177100;
  color: #fff;
}
.isfw_tab .tabs .tab a em, .isfw_tab .tabs .tab a span, .isfw_tab .tabs .tab button em, .isfw_tab .tabs .tab button span {
  display: inline-block;
}
.isfw_tab .tabs .tab a span, .isfw_tab .tabs .tab button span {
  font-size: 1.2rem;
  padding-left: 0.5em;
}
.isfw_tab .tabs .tab.current a, .isfw_tab .tabs .tab.current button {
  color: #fff;
  background-color: #ff8200;
}
.isfw_tab .tabs .tab.current a:hover, .isfw_tab .tabs .tab.current button:hover {
  background-color: #177100;
  color: #fff;
}
.isfw_tab .tabs .tab span.icon {
  color: #666;
  content: "";
  position: absolute;
  right: 2%;
  top: 35%;
  transform: translateY(-50%);
  display: flex;
  height: 2em;
  min-width: 2em;
  padding: 0.4em;
  border-radius: 1em;
  background-color: #e27777;
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
}

@media only screen and (max-width: 767.98px) {
  .isfw_tab .tabs .tab a {
    padding: 1em 1em;
  }
}
.ui-tabs .isfw_tab {
  margin: 0 0 0 0;
  border-bottom: 0px;
}
.ui-tabs .isfw_tab .tabs .tab a {
  color: #177100;
}
.ui-tabs .isfw_tab .tabs .tab a:hover {
  background-color: #177100;
  color: #fff;
}
.ui-tabs .isfw_tab .tabs .tab.current a {
  color: #fff;
  background-color: #ff8200;
}
.ui-tabs .isfw_tab .tabs .tab.current a:hover {
  background-color: #177100;
  color: #fff;
}

.isfw_tab a:not([class^=btn_]).tabs-anchor,
.isfw_tab button:not([class^=btn_]).tabs-anchor {
  color: #177100;
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-radius: 10px 10px 0 0;
}
.isfw_tab a:not([class^=btn_]).tabs-anchor:hover,
.isfw_tab button:not([class^=btn_]).tabs-anchor:hover {
  border-radius: 10px 10px 0 0;
}

.top-assets {
  display: flex;
  align-items: flex-end;
  margin-bottom: 40px;
}
.top-assets > div + div {
  border-left: 1px solid #ddd;
  padding-left: 2em;
}

.contract-select {
  margin-top: 1em;
}
.contract-select .select-list .list-item {
  display: flex;
}
.contract-select .select-list .list-item + .list-item {
  border-top: 1px solid #eee;
}
.contract-select .select-list .list-item:hover {
  background-color: #f5f5f5;
}
.contract-select .select-list .list-item:before {
  color: #999;
  content: "\f054";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: lighter;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 18px 0 15px 10px;
}
.contract-select .select-list .list-item a {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 15px 10px;
  width: 100%;
}

.tooltip-container {
  position: relative;
}
.tooltip-container .tooltip {
  text-align: center;
  position: absolute;
  z-index: 1;
}
.tooltip-container .tooltip > span {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 5px 10px 7px;
  border-radius: 6px;
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
}
.tooltip-container .tooltip > span:after {
  content: " ";
  position: absolute;
}
.tooltip-container .tooltip.top {
  left: 50%;
  bottom: 110%;
  width: 120px;
  margin-left: -60px;
}
.tooltip-container .tooltip.top > span:after {
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
}
.tooltip-container .tooltip.bottom {
  left: 50%;
  top: 125%;
  width: 120px;
  margin-left: -60px;
}
.tooltip-container .tooltip.bottom > span:after {
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
}
.tooltip-container .tooltip.right {
  top: -2px;
  left: 125%;
  white-space: nowrap;
}
.tooltip-container .tooltip.right > span:after {
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent rgba(0, 0, 0, 0.8) transparent transparent;
}
.tooltip-container .tooltip.left {
  top: -2px;
  right: 125%;
  white-space: nowrap;
}
.tooltip-container .tooltip.left > span:after {
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.8);
}
.tooltip-container .tooltipbox {
  visibility: hidden;
  opacity: 0;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  width: 120px;
  line-height: 1.9em;
  top: calc(50% - 18px);
  left: 100%;
  margin-left: 0%;
  font-size: 14px;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .tooltip-container .tooltipbox {
    display: none;
  }
}
.tooltip-container:hover .tooltipbox {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s ease-out;
}
.tooltip-container:hover .tooltipbox:hover {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.tooltip-container .tooltipbox::after {
  content: " ";
  position: absolute;
  bottom: 18px;
  left: 0%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

.console-btn {
  padding: 0 2em;
}
.console-btn .btn-console:before {
  color: #fff;
  font-weight: bold;
  content: "\f34b";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.popup .dialog_body {
  margin-top: 10px;
}
.popup .dialog_content {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 0.5em;
}

#modal-window-image {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  z-index: 9999;
}
#modal-window-image img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 80%;
  height: auto;
}
#modal-window-image .modal-close {
  position: absolute;
  margin-bottom: 20px;
}
#modal-window-image .modal-close::before {
  content: "\f00d";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  width: 100%;
  top: -35px;
  left: -15px;
  font-size: 28px;
  font-weight: lighter;
  color: #fff;
  cursor: pointer;
  opacity: 0.65;
}
#modal-window-image .modal-close:hover::before {
  opacity: 1;
  transition: opacity 0.2s ease-out;
}

@media (min-width: 960px) {
  #modal-window-image img {
    width: auto;
    height: 50%;
  }
}
@media only screen and (max-width: 767.98px) {
  #modal-window-image img {
    max-width: 80%;
    height: auto;
  }
}
@media only screen and (min-width: 768px) {
  #modal-window-image img {
    max-width: 50%;
    height: auto;
  }
}
.read-more .read-more_content {
  height: 7em;
  overflow: hidden;
  position: relative;
}
.read-more .read-more_content:before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  content: "";
}
.read-more .read-more_content.is-open {
  height: auto;
}
.read-more .read-more_content.is-open:before {
  display: none;
}
.read-more .read-more_btn button em {
  display: none;
}
.read-more .read-more_btn button:before {
  content: "\f107";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}
.read-more .read-more_btn button:after {
  display: inline-block;
  content: "もっと見る";
}
.read-more .read-more_content.is-open + .read-more_btn {
  margin-top: 0.5em;
}
.read-more .read-more_content.is-open + .read-more_btn button:before {
  content: "\f106";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.read-more .read-more_content.is-open + .read-more_btn button:after {
  content: "閉じる";
}

@font-face {
  font-family: "Font Awesome 6 Pro Light";
  font-style: normal;
  font-weight: 300;
  src: local("Font Awesome 6 Light"), local("Font Awesome 6 Light"), url("/fonts/fa6/fa-light-300.woff2") format("woff2"), url("/fonts/fa6/fa-light-300.woff") format("woff"), url("/fonts/fa6/fa-light-300.ttf") format("truetype"), url("/fonts/fa6/fa-light-300.eot") format("embedded-opentype");
}
@font-face {
  font-family: "Font Awesome 6 Pro Solid";
  font-style: normal;
  font-weight: 900;
  src: local("Font Awesome 6 Solid"), local("Font Awesome 6 Solid"), url("/fonts/fa6/fa-solid-900.woff2") format("woff2"), url("/fonts/fa6/fa-solid-900.woff") format("woff"), url("/fonts/fa6/fa-solid-900.ttf") format("truetype"), url("/fonts/fa6/fa-solid-900.eot") format("embedded-opentype");
}
@font-face {
  font-family: "Font Awesome 6 Pro Regular";
  font-style: normal;
  font-weight: 900;
  src: local("Font Awesome 6 Regular"), local("Font Awesome 6 Solid"), url("/fonts/fa6/fa-regular-400.woff2") format("woff2"), url("/fonts/fa6/fa-regular-400.woff") format("woff"), url("/fonts/fa6/fa-regular-400.ttf") format("truetype"), url("/fonts/fa6/fa-regular-400.eot") format("embedded-opentype");
}
@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  src: local("Font Awesome 6 Brands"), local("Font Awesome 6 Btands"), url("/fonts/fa6/fa-brands-400.woff2") format("woff2"), url("/fonts/fa6/fa-brands-400.woff") format("woff"), url("/fonts/fa6/fa-brands-400.ttf") format("truetype"), url("/fonts/fa6/fa-brands-400.eot") format("embedded-opentype");
}
@font-face {
  font-family: "Font Awesome 6 Pro Thin";
  font-style: normal;
  font-weight: 100;
  font-display: block;
  src: url("/fonts/fa6/fa-thin-100.woff2") format("woff2"), url("/fonts/fa6/fa-thin-100.ttf") format("truetype");
}
@font-face {
  font-family: "Font Awesome 6 Duotone";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/fonts/fa6/fa-duotone-900.woff2") format("woff2"), url("/fonts/fa6/fa-duotone-900.ttf") format("truetype");
}
.footer_bottom_links {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: #fff;
  height: 60px;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
}
.footer_bottom_links .top_footer_button > ul {
  display: flex;
}
.footer_bottom_links .top_footer_button > ul > li {
  width: 100%;
  text-align: center;
}
.footer_bottom_links .top_footer_button > ul > li > button {
  display: block;
  padding: 0.35em 0.25em calc(0.25em + 10px);
  color: #222;
  position: relative;
  width: 100%;
}
.footer_bottom_links .top_footer_button > ul > li > button:before, .footer_bottom_links .top_footer_button > ul > li > button:after {
  font-size: 1.5em;
  display: block;
  width: 100%;
  margin-bottom: 2px;
  font-family: "Font Awesome 6 Duotone" !important;
  font-weight: 900;
  --fa-secondary-opacity: 0.5;
  --fa-primary-color: rgb(4, 56, 161);
  --fa-secondary-color: rgb(108, 108, 108);
}
.footer_bottom_links .top_footer_button > ul > li > button:after {
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
}
.footer_bottom_links .top_footer_button > ul > li > button em {
  margin-top: 0.25em;
  font-size: 1.2rem;
}
.footer_bottom_links .top_footer_button > ul > li > button span {
  position: absolute;
  color: #fff;
  border-radius: 50%;
  height: 2em;
  width: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0.5em;
  top: 0.5em;
  font-size: 1rem;
  background-color: #222;
}
.footer_bottom_links .top_footer_button > ul > li.is-open > button:before, .footer_bottom_links .top_footer_button > ul > li:hover > button:before {
  color: #fff;
}
.footer_bottom_links .top_footer_button > ul > li.is-open > button:after, .footer_bottom_links .top_footer_button > ul > li:hover > button:after {
  color: #fff !important;
}
.footer_bottom_links .top_footer_button > ul > li.is-open > button em, .footer_bottom_links .top_footer_button > ul > li:hover > button em {
  color: #fff;
}
.footer_bottom_links .top_footer_button > ul > li.is-open > button span, .footer_bottom_links .top_footer_button > ul > li:hover > button span {
  background-color: #fff !important;
}
.footer_bottom_links .top_footer_button > ul > li + li > button {
  border-left: 1px solid #ddd;
}
.footer_bottom_links .top_footer_button > ul > li.contact .footer_bottom_links_toggle {
  background-color: #e68c8c;
}
.footer_bottom_links .top_footer_button > ul > li.contact > button:before {
  content: "\f4ad";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.footer_bottom_links .top_footer_button > ul > li.contact > button:after {
  content: "\f4ad";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  content: "\f4ad\f4ad";
  color: rgba(226, 119, 119, 0.7);
}
.footer_bottom_links .top_footer_button > ul > li.contact > button span {
  background-color: #e27777;
}
.footer_bottom_links .top_footer_button > ul > li.contact.is-open > button, .footer_bottom_links .top_footer_button > ul > li.contact:hover > button {
  border-top-color: #e27777;
  background-color: #e27777;
}
.footer_bottom_links .top_footer_button > ul > li.contact.is-open > button:before, .footer_bottom_links .top_footer_button > ul > li.contact:hover > button:before {
  color: #e27777;
}
.footer_bottom_links .top_footer_button > ul > li.contact.is-open span, .footer_bottom_links .top_footer_button > ul > li.contact:hover span {
  color: #e27777;
}
.footer_bottom_links .top_footer_button > ul > li.contact .footer_bottom_links_list > ul {
  background-image: linear-gradient(to top, #e27777 0%, #e68c8c 100%);
  max-height: 430px;
  overflow: scroll;
  border: 1px solid #e27777;
}
.footer_bottom_links .top_footer_button > ul > li.karte .footer_bottom_links_toggle {
  background-color: #86ba18;
}
.footer_bottom_links .top_footer_button > ul > li.karte > button:before {
  content: "\f478";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.footer_bottom_links .top_footer_button > ul > li.karte > button:after {
  content: "\f478";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  content: "\f478\f478";
  color: rgba(118, 163, 21, 0.7);
}
.footer_bottom_links .top_footer_button > ul > li.karte > button span {
  background-color: #76a315;
}
.footer_bottom_links .top_footer_button > ul > li.karte.is-open > button, .footer_bottom_links .top_footer_button > ul > li.karte:hover > button {
  border-top-color: #76a315;
  background-color: #76a315;
}
.footer_bottom_links .top_footer_button > ul > li.karte.is-open span, .footer_bottom_links .top_footer_button > ul > li.karte:hover span {
  color: #76a315;
}
.footer_bottom_links .top_footer_button > ul > li.karte .footer_bottom_links_list > ul {
  background-image: linear-gradient(to top, #76a315 0%, #86ba18 100%);
  max-height: 430px;
  overflow: scroll;
  border: 1px solid #76a315;
}
.footer_bottom_links .top_footer_button > ul > li.cattle_death_record > button:before {
  content: "\f05e";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-family: "Font Awesome 6 Pro Light" !important;
  color: #B00020;
  position: relative;
  z-index: 1;
}
.footer_bottom_links .top_footer_button > ul > li.cattle_death_record > button:after {
  content: "\f6c8";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  content: "\f6c8";
  color: rgba(118, 163, 21, 0.7);
}
.footer_bottom_links .top_footer_button > ul > li.cattle_death_record > button span {
  background-color: #76a315;
}
.footer_bottom_links .top_footer_button > ul > li.cattle_death_record.is-open > button, .footer_bottom_links .top_footer_button > ul > li.cattle_death_record:hover > button {
  border-top-color: #76a315;
  background-color: #76a315;
}
.footer_bottom_links .top_footer_button > ul > li.cattle_death_record.is-open span, .footer_bottom_links .top_footer_button > ul > li.cattle_death_record:hover span {
  color: #76a315;
}
.footer_bottom_links .top_footer_button > ul > li.appointment_treatment .footer_bottom_links_toggle {
  background-color: #dd8438;
}
.footer_bottom_links .top_footer_button > ul > li.appointment_treatment > button:before {
  content: "\f03d";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  color: #ee9944;
}
.footer_bottom_links .top_footer_button > ul > li.appointment_treatment > button:after {
  content: "\f03d";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  content: "\f03d\f03d";
  color: rgba(214, 119, 37, 0.9);
}
.footer_bottom_links .top_footer_button > ul > li.appointment_treatment > button span {
  background-color: #d67725;
}
.footer_bottom_links .top_footer_button > ul > li.appointment_treatment .livebooking_alarm {
  display: none;
}
.footer_bottom_links .top_footer_button > ul > li.appointment_treatment.is-open .livebooking_alarm {
  display: none;
}
.footer_bottom_links .top_footer_button > ul > li.appointment_treatment.is-open > button, .footer_bottom_links .top_footer_button > ul > li.appointment_treatment:hover > button {
  border-top-color: #d67725;
  background-color: #d67725;
}
.footer_bottom_links .top_footer_button > ul > li.appointment_treatment.is-open > button:before, .footer_bottom_links .top_footer_button > ul > li.appointment_treatment:hover > button:before {
  color: #fff;
}
.footer_bottom_links .top_footer_button > ul > li.appointment_treatment.is-open span, .footer_bottom_links .top_footer_button > ul > li.appointment_treatment:hover span {
  color: #d67725;
}
.footer_bottom_links .top_footer_button > ul > li.appointment_treatment .footer_bottom_links_list > ul {
  background-image: linear-gradient(to top, #d67725 0%, #db7f2f 100%);
  max-height: 430px;
  overflow: scroll;
  border: 1px solid #d67725;
}
.footer_bottom_links .top_footer_button > ul > li.individual_search .footer_bottom_links_toggle {
  background-color: #3a67a8;
}
.footer_bottom_links .top_footer_button > ul > li.individual_search > button:before {
  content: "\f002";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.footer_bottom_links .top_footer_button > ul > li.individual_search > button:after {
  content: "\f002";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  content: "\f002\f002";
  color: rgba(54, 96, 157, 0.7);
}
.footer_bottom_links .top_footer_button > ul > li.individual_search > button span {
  background-color: #36609d;
}
.footer_bottom_links .top_footer_button > ul > li.individual_search.is-open > button, .footer_bottom_links .top_footer_button > ul > li.individual_search:hover > button {
  border-top-color: #36609d;
  background-color: #36609d;
}
.footer_bottom_links .top_footer_button > ul > li.individual_search.is-open span, .footer_bottom_links .top_footer_button > ul > li.individual_search:hover span {
  color: #36609d;
}
.footer_bottom_links .top_footer_button > ul > li.individual_search .footer_bottom_links_body {
  background-color: #36609d;
  background-image: linear-gradient(to top, #36609d 0%, #3a67a8 100%);
}
.footer_bottom_links .footer_bottom_links_list {
  position: absolute;
  bottom: 59px;
  width: 100vw;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
.footer_bottom_links .footer_bottom_links_list > ul {
  padding: 1em 1em 1em;
  z-index: 120;
}
.footer_bottom_links .footer_bottom_links_list > ul li {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}
.footer_bottom_links .footer_bottom_links_list > ul li + li {
  margin-top: 0.75em;
}
.footer_bottom_links .footer_bottom_links_list > ul li.no-item {
  font-size: 2em;
  padding-bottom: 14px;
}
.footer_bottom_links .footer_bottom_links_list > ul li.end-booking {
  background-color: #e3e3e3;
}
.footer_bottom_links .footer_bottom_links_list > ul li.current-time-border {
  border-top: 2px solid #fff;
  position: relative;
  text-align: left;
  margin-left: 6px;
}
.footer_bottom_links .footer_bottom_links_list > ul li.current-time-border::before {
  color: #fff;
  content: "\f192";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  height: 15px;
  width: 15px;
  font-size: 16px;
  margin-left: -15px;
  margin-top: -11px;
  z-index: 507;
}
.footer_bottom_links .footer_bottom_links_list > ul li dl {
  display: flex;
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt {
  width: calc(100% - 140px);
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon {
  padding: 0.5em 0.5em 0;
  width: 35px;
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .remote:before {
  content: "\f26c";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .meeting:before {
  content: "\f007";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .inquiry:before {
  content: "\f0e0";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .live_booking:before {
  content: "\f03d";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .medical_note:before {
  content: "\f4a4";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .medical_instruction:before {
  content: "\f15c";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .calendar:before {
  content: "\f133";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .farm:before {
  content: "\f864";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .karte:before {
  content: "\f478";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .doctor:before {
  content: "\f0f0";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .cattle_death_record::before {
  content: "\f6c8";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .cattle_death_record:after {
  content: "\f05e";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .meeting,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .remote,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .inquiry,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .live_booking,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .medical_note,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .medical_instruction,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .calendar,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .farm,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .karte,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .doctor,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .cattle_death_record {
  width: 23px;
  height: 23px;
  background-color: #222;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .meeting:before,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .remote:before,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .inquiry:before,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .live_booking:before,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .medical_note:before,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .medical_instruction:before,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .calendar:before,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .farm:before,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .karte:before,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .doctor:before,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .cattle_death_record:before {
  font-weight: 900;
  font-family: "Font Awesome 6 Pro Solid";
  color: #fff;
  font-size: 0.75em;
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .meeting::after,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .remote::after,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .inquiry::after,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .live_booking::after,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .medical_note::after,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .medical_instruction::after,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .calendar::after,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .farm::after,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .karte::after,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .doctor::after,
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon .cattle_death_record::after {
  font-weight: 900;
  font-family: "Font Awesome 6 Pro Solid";
  color: #fff;
  font-size: 0.75em;
  position: absolute;
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .icon + .times {
  padding-left: 0.25em;
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .times {
  width: calc(100% - 35px);
  display: flex;
  color: #666;
  padding: 0.65em 1em 0 0.5em;
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .times .time {
  padding-left: 0.5em;
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .times em {
  font-weight: bold;
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .target {
  width: calc(100% - 35px);
  display: flex;
  color: #666;
  padding: 0.35em 1em 0 0.5em;
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .target em {
  font-weight: bold;
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .title {
  padding: 0.5em 0.5em 0.5em;
  overflow: scroll;
  white-space: pre;
  scrollbar-width: none;
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .title::-webkit-scrollbar {
  display: none;
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .title.--with-target {
  padding: 0.25em 0.5em 0.5em;
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt .title em {
  display: inline-block;
  font-size: 1.15em;
  width: 100%;
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dt.--without-tel {
  width: calc(100% - 40px);
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dd {
  width: 70px;
  border-left: 1px solid #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dd a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dd a:before {
  font-size: 1.75em;
  font-weight: 900;
  color: #666;
  font-family: "Font Awesome 6 Pro Solid" !important;
  transition: 0.2s;
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dd a:hover:before {
  color: #999;
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dd em {
  display: none;
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dd.new a:after {
  position: absolute;
  background-color: #e27777;
  border-radius: 50%;
  height: 1.25em;
  width: 1.25em;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 20%;
  top: 20%;
  font-size: 1rem;
  content: "";
  border: 2px solid #fff;
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dd.message a:before {
  content: "\f022";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dd.message a span {
  position: absolute;
  color: #fff;
  border-radius: 50%;
  height: 2em;
  width: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 2em;
  top: 5em;
  font-size: 0.5rem;
  background-color: #e27777;
}
.footer_bottom_links .footer_bottom_links_list > ul li dl dd.tell a:before {
  content: "\f095";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.footer_bottom_links .footer_bottom_links_list .footer_bottom_links_body {
  background-color: #fff;
  padding: 1em 1em 1em;
  text-align: left;
}
.footer_bottom_links .footer_bottom_links_list .footer_bottom_links_body .image_search {
  background-color: #fff;
  margin-bottom: 0.5em;
  padding: 0.5em 1em;
  border-radius: 4px;
  width: auto;
  display: inline-block;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.footer_bottom_links .footer_bottom_links_list .footer_bottom_links_body .image_search em {
  color: #222;
}
.footer_bottom_links .footer_bottom_links_list .footer_bottom_links_body .image_search em:before {
  font-size: 1.2em;
  content: "\f030";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
  font-weight: 900;
  font-family: "Font Awesome 6 Pro Solid";
  color: #222;
}
.footer_bottom_links .footer_bottom_links_list .footer_bottom_links_body .select_one {
  border: none;
  border-radius: 3px 3px 0 0;
  background-color: #b0c2dc;
  width: auto;
}
.footer_bottom_links .footer_bottom_links_list .footer_bottom_links_body .form-group {
  display: flex;
  width: 100%;
  justify-content: space-between;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.footer_bottom_links .footer_bottom_links_list .footer_bottom_links_body .form-group .search_input {
  width: calc(100% - 6em);
}
.footer_bottom_links .footer_bottom_links_list .footer_bottom_links_body .form-group .search_input .input-text {
  height: 33px;
  padding: 0.35em 0.5em;
  border-radius: 4px;
  font-size: 1.6rem;
}
.footer_bottom_links .footer_bottom_links_list .footer_bottom_links_body .form-group .search_input .select2-container--default .select2-selection--single {
  border: none !important;
  border-radius: 0 4px 4px 4px !important;
}
.footer_bottom_links .footer_bottom_links_list .footer_bottom_links_body .form-group .search_input .select2-container--default .select2-selection--single:focus-visible {
  background-color: #fff;
}
.footer_bottom_links .footer_bottom_links_list .footer_bottom_links_body .form-group .search_button {
  padding-left: 0.5em;
}
.footer_bottom_links .footer_bottom_links_list .footer_bottom_links_body .form-group .search_button button {
  width: 7em;
  height: 33px;
  padding: 0.5em;
  margin: 0;
  border-radius: 0 4px 4px 0;
  background-color: #222;
}
.footer_bottom_links .footer_bottom_links_list .footer_bottom_links_body .form-group .search_button button em:before {
  font-weight: 900;
  font-family: "Font Awesome 6 Pro Solid";
}
.footer_bottom_links .is-open .footer_bottom_links_list {
  opacity: 1;
  pointer-events: all;
  box-shadow: 0px -30px 20px 0px rgba(0, 0, 0, 0.05);
}
.footer_bottom_links_toggle {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -29px;
  width: 100px;
  height: 30px;
  background-color: #fff;
  border-radius: 4px 4px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex-wrap: wrap;
}
.footer_bottom_links_toggle:before {
  content: "\f078";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  color: #fff;
  font-size: 2rem;
  margin-right: 10px;
}
.footer_bottom_links_toggle em {
  color: #fff;
  font-size: 14px;
}

.subpage .footer_bottom_links {
  height: 40px;
  bottom: 60px;
  border-bottom: 1px solid #ddd;
}
.subpage .footer_bottom_links li button {
  padding: 0.35em 0.25em;
  height: 40px;
  overflow: hidden;
}
.subpage .footer_bottom_links li button em {
  display: none;
}
.subpage .footer_bottom_links li button span {
  top: 0.25em;
  right: 0.5em;
}
.subpage .footer_bottom_links_list {
  bottom: 38px;
  z-index: 120;
}

@media only screen and (min-width: 768px) {
  .footer_bottom_links {
    height: calc(var(--vh, 1vh) * 100 - 60px);
    top: 60px;
    right: 0;
    left: auto;
    width: 60px;
    z-index: 90;
    box-shadow: none;
    border-left: 1px solid #ddd;
  }
  .footer_bottom_links .top_footer_button > ul {
    flex-direction: column;
  }
  .footer_bottom_links .top_footer_button > ul > li {
    position: relative;
  }
  .footer_bottom_links .top_footer_button > ul > li + li > button {
    border-left: none;
  }
  .footer_bottom_links .top_footer_button > ul > li > button {
    border-bottom: 1px solid #ddd;
    padding: 0.35em 0em 0.25em;
    height: 60px;
  }
  .footer_bottom_links .top_footer_button > ul > li > button:before {
    margin: 0.25em 0;
  }
  .footer_bottom_links .top_footer_button > ul > li > button:after {
    top: 10px;
  }
  .footer_bottom_links .top_footer_button > ul > li > button span {
    height: 1.5em;
    width: 1.5em;
  }
  .footer_bottom_links .top_footer_button > ul > li > button em {
    font-size: 1rem;
  }
  .footer_bottom_links .top_footer_button > ul > li.schedule button em {
    letter-spacing: -1px;
  }
  .footer_bottom_links .footer_bottom_links_list {
    width: 400px;
    left: -400px;
    bottom: auto;
    top: 0;
  }
  .footer_bottom_links .footer_bottom_links_list ul,
.footer_bottom_links .footer_bottom_links_list .footer_bottom_links_body {
    border-radius: 3px 0 0 3px;
  }
  .footer_bottom_links_toggle {
    display: none;
  }
  .livebooking_alarm {
    position: absolute;
    left: -205px;
    top: 5px;
    background-color: #ff8200;
    color: #fff;
    padding: 1em;
    border-radius: 3px;
  }
  .livebooking_alarm::after {
    content: "";
    width: 0px;
    height: 0px;
    border-left: 8px solid #ff8200;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute;
    top: calc(50% - 4px);
    right: -8px;
  }
  .livebooking_alarm:hover {
    background-color: #d67725;
  }
  .livebooking_alarm:hover::after {
    border-left-color: #d67725;
  }
}
@media only screen and (max-width: 768px) {
  .footer_bottom_links.sp-hide {
    display: none;
  }
  .footer-fixed-button-set {
    position: fixed;
    bottom: 0;
    width: 105%;
    background-color: #ffffff;
    border-top: 1px solid #e0e0e0;
    padding: 10px;
    box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    margin-left: -18px; /* 親要素のmarginをキャンセル */
  }
  .appointment_treatment .livebooking_alarm {
    position: absolute;
    left: -55px;
    top: -55px;
    background-color: #ff8200;
    color: #fff;
    padding: 1em;
    width: 215px;
    border-radius: 3px;
  }
  .appointment_treatment .livebooking_alarm::after {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 8px solid #ff8200;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    top: 45px;
    right: calc(50% - 4px);
  }
  .appointment_treatment .livebooking_alarm:hover {
    background-color: #d67725;
  }
  .appointment_treatment .livebooking_alarm:hover::after {
    border-top-color: #d67725;
  }
}
.image.with-download-icon {
  position: relative;
}
.image.with-download-icon a.download-link {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 5px 8px;
  background-color: #333;
  border-radius: 10%;
  text-decoration: none;
  color: #fff;
}
.image.with-download-icon a.download-link:hover {
  opacity: 0.8;
}
.image.with-download-icon em:before {
  content: "\f33d";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  color: #fff;
}

.image.with-delete-icon {
  position: relative;
}
.image.with-delete-icon a.delete-icon {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 2px 5px;
  background-color: #fff;
  border-radius: 10%;
  text-decoration: none;
}
.image.with-delete-icon a.delete-icon:hover {
  opacity: 0.8;
}
.image.with-delete-icon a.delete-icon .icon_trash::before, .image.with-delete-icon a.delete-icon .data-list-table .status_trash::before, .data-list-table .image.with-delete-icon a.delete-icon .status_trash::before, .image.with-delete-icon a.delete-icon .status_trash.tab em::before, .status_trash.tab .image.with-delete-icon a.delete-icon em::before, .image.with-delete-icon a.delete-icon .isfw_dialog .status_trash::before, .isfw_dialog .image.with-delete-icon a.delete-icon .status_trash::before {
  margin: 0;
}

.exif-check-wrap {
  position: absolute;
  top: 5px;
  left: 5px;
  padding: 3px 3px;
  background-color: #fff;
  border-radius: 10%;
  text-decoration: none;
}
.exif-check-wrap:has(.icon_warning):hover {
  opacity: 0.8;
}
.exif-check-wrap .icon_warning:before {
  font-weight: bold;
  content: "\f071";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  color: #ff9d1f;
}
.exif-check-wrap .icon_checked:before {
  font-weight: bold;
  content: "\f058";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  color: #519745;
}

.image.exif-warning {
  border: 2px solid #ffa500;
}

.image.exif-success {
  border: 2px solid #519745;
}

.warning-text-area {
  color: #ff9d1f;
}

.warning-text:before {
  content: "\f071";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
  color: #ff9d1f;
  font-size: 1em;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .image.with-download-icon a.download-link {
    padding: 5px 8px;
  }
  .image.with-download-icon.on-cattle-modal a.download-link {
    top: 5px;
    right: 35px;
    padding: 10px 15px;
  }
}
.cow_user-info .image {
  height: 200px;
  width: 200px;
  border-radius: 50%;
  overflow: hidden;
}
.cow_user-info .image img {
  -o-object-fit: cover;
     object-fit: cover;
}
.cow_user-info .isfw_form dd {
  padding-bottom: 0.75em !important;
  border-bottom: 1px solid #ccc !important;
}

@media only screen and (min-width: 768px) {
  .cow_user-info {
    display: flex;
    align-items: center;
  }
  .cow_user-info .image {
    width: 200px;
  }
  .cow_user-info .isfw_form {
    width: calc(100% - 200px);
    padding-left: 2em;
  }
  .cow_user-info .isfw_form dl {
    width: 100%;
  }
  .cow_user-info .isfw_form dl:nth-child(2n+1) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .cow_user-info .image {
    margin: 0 auto 1em;
  }
}
.cow_link-list li a {
  padding: 1em 4em 1em 2em;
  position: relative;
  display: block;
  background-color: #fff;
}
.cow_link-list li a:after, .cow_link-list li a em {
  color: #666;
}
.cow_link-list li a:after {
  content: "";
  position: absolute;
  right: 1.5em;
  top: 50%;
  transform: translateY(-50%);
  content: "\f054";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.cow_link-list li a:hover {
  background-color: rgba(255, 255, 255, 0.8392156863);
}
.cow_link-list li a:hover:after, .cow_link-list li a:hover em {
  color: #36609d;
}
.cow_link-list li + li {
  border-top: 1px solid #ccc;
}

@media only screen and (max-width: 768px) {
  .cow_link-list li a {
    padding: 1em 3em 1em 1em;
  }
}
.cow_consultation-card {
  margin: 0;
}
.cow_consultation-card ul {
  display: flex;
  flex-wrap: wrap;
}
.cow_consultation-card li a:not([class^=btn_]) {
  background-color: #fff;
  width: 16em;
  margin: 0 2em 2em 0;
  color: #222;
  border: 1px solid #ddd;
  transition: 0.2s;
  position: relative;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}
.cow_consultation-card li a:not([class^=btn_]):hover {
  border: 1px solid #36609d;
  color: #222;
}
.cow_consultation-card li a:not([class^=btn_]):hover .livestock {
  background-color: #36609d;
}
.cow_consultation-card li a:not([class^=btn_]):hover .livestock.follow-up {
  background-color: #887900;
}
.cow_consultation-card li a:not([class^=btn_]):hover .livestock.in-treatment {
  background-color: #00587B;
}
.cow_consultation-card li a:not([class^=btn_]):hover .livestock.healing {
  background-color: #57790f;
}
.cow_consultation-card li a:not([class^=btn_]):hover .livestock.discontinue {
  background-color: #515151;
}
.cow_consultation-card li a:not([class^=btn_]):hover .livestock.death {
  background-color: #515151;
}
.cow_consultation-card li a:not([class^=btn_]):hover .livestock.disuse {
  background-color: #515151;
}
.cow_consultation-card li a:not([class^=btn_]):hover .livestock.legally-slaughtered {
  background-color: #515151;
}
.cow_consultation-card .card-header {
  position: absolute;
  left: 0;
}
.cow_consultation-card .clinic-note-image {
  margin-top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
}
.cow_consultation-card .clinic-note-image img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #fff;
}
.cow_consultation-card .clinic-note-image img.default-image {
  opacity: 0.4;
}
.cow_consultation-card .clinic-note-image .cow-info_icons {
  position: absolute;
  right: 0;
  bottom: 5px;
}
.cow_consultation-card .clinic-note-image .cow-info_icons .icon {
  margin: 0 -10px;
}
.cow_consultation-card .clinic-note-image .cow-info_icons .icon:last-child {
  margin-right: -5px;
}
.cow_consultation-card .clinic-note-image .cow-info_icons .cow-info_image {
  display: inline-block;
}
.cow_consultation-card .clinic-note-image .cow-info_icons .cow-info_image::before {
  content: "\f1c5";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 30px;
  font-weight: bold;
  padding: 0 0.5em;
  color: #fff;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.9);
}
.cow_consultation-card .clinic-note-image .cow-info_icons .cow-info_video {
  display: inline-block;
}
.cow_consultation-card .clinic-note-image .cow-info_icons .cow-info_video::before {
  content: "\f1c8";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 30px;
  font-weight: bold;
  padding: 0 0.5em;
  color: #fff;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.9);
}
.cow_consultation-card .cow-info_text {
  padding-top: 2.25em;
  min-height: 90px;
}
.cow_consultation-card .cow-info_text .tag {
  background-color: transparent;
  border: 0;
  border-radius: 0;
}
.cow_consultation-card .image + .cow-info_text {
  padding-top: 0em;
}
.cow_consultation-card .livestock {
  background-color: #222;
  border-radius: 0 0 3px 0;
  display: inline-block;
  margin-bottom: 0.25em;
  padding: 0.5em 0.75em;
  color: #fff;
}
.cow_consultation-card .livestock.follow-up {
  background-color: #B09D03;
}
.cow_consultation-card .livestock.in-treatment {
  background-color: #0073A2;
}
.cow_consultation-card .livestock.healing {
  background-color: #76a315;
}
.cow_consultation-card .livestock.discontinue {
  background-color: #6D6D6D;
}
.cow_consultation-card .livestock.death {
  background-color: #6D6D6D;
}
.cow_consultation-card .livestock.disuse {
  background-color: #6D6D6D;
}
.cow_consultation-card .livestock.legally-slaughtered {
  background-color: #6D6D6D;
}
.cow_consultation-card .title {
  padding: 0.5em 0.5em 0.25em;
  text-align: left;
}
.cow_consultation-card .title em {
  font-size: 2rem;
  font-weight: bold;
}
.cow_consultation-card .number {
  padding: 0.25em 0.5em;
}
.cow_consultation-card .number span {
  font-size: 1.2rem;
  color: #666;
}
.cow_consultation-card .tag {
  padding: 0;
}
.cow_consultation-card .tag span {
  background: #eee;
  display: inline-block;
  margin: 0.25em;
  padding: 0.25em 0.5em;
  border: 1px solid #ddd;
  border-radius: 3px;
  letter-spacing: 0.1em;
  line-height: 1;
}
.cow_consultation-card .tag span::before {
  content: "\f02b";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.25em;
}
.cow_consultation-card .claim-list {
  padding: 0 1em 0.5em;
}
.cow_consultation-card .claim-list li {
  display: inline-block;
  margin: 0 0.5em 0.5em 0;
  background-color: #ccc;
  padding: 0.25em 0.5em;
  border-radius: 3px;
  position: relative;
}
.cow_consultation-card .claim-list li:before {
  content: "";
  margin-right: 0.25em;
  content: "\f00c";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.cow_consultation-card.live_bookings-content .live_booking-content {
  margin-bottom: 3rem;
}
.cow_consultation-card.live_bookings-content .live_booking-content .live_booking_status {
  background-color: #222;
  display: inline-block;
  padding: 0.5em 0.75em;
  color: #fff;
  border: solid #ccc;
  border-width: 1px 1px 0px 1px;
}
.cow_consultation-card.live_bookings-content .live_booking-content .live_booking_status.not_started {
  background-color: #887900;
}
.cow_consultation-card.live_bookings-content .live_booking-content .live_booking_status.in_progress {
  background-color: #00587B;
}
.cow_consultation-card.live_bookings-content .live_booking-content .live_booking_status.finished {
  background-color: #57790f;
}
.cow_consultation-card.live_bookings-content .live_booking-content .live_booking_status.closed, .cow_consultation-card.live_bookings-content .live_booking-content .live_booking_status.incomplete {
  background-color: #515151;
}
.cow_consultation-card.live_bookings-content .live_booking-content .recordings-content {
  width: 90%;
  border: solid #ccc 1px;
}
.cow_consultation-card.live_bookings-content .live_booking-content .recordings-content .card-title {
  padding-bottom: 10px;
}
.cow_consultation-card.live_bookings-content .detail-box {
  margin: 0 !important;
}
.cow_consultation-card.live_bookings-content .detail-box .detail.header, .cow_consultation-card.live_bookings-content .detail-box .detail.data {
  border: solid #ccc;
  margin: 0 !important;
}
.cow_consultation-card.live_bookings-content .detail-box .detail.header {
  border-width: 1px 0 0px 1px;
}
.cow_consultation-card.live_bookings-content .detail-box .detail.data:nth-of-type(4n) {
  border-width: 1px 1px 0px 1px !important;
}
.cow_consultation-card.live_bookings-content .detail-box .detail.data:nth-of-type(2n) {
  border-width: 1px 0px 0px 1px;
}
.cow_consultation-card.live_bookings-content .recording-content {
  display: inline-block;
}

@media only screen and (max-width: 768px) {
  .cow_consultation-card > ul > li {
    width: 100%;
  }
  .cow_consultation-card > ul > li a:not([class^=btn_]) {
    width: 100%;
    margin: 0 0 1em;
    display: flex;
  }
  .cow_consultation-card .title,
.cow_consultation-card .number {
    display: block;
    padding-right: 0;
  }
  .cow_consultation-card .image,
.cow_consultation-card .image + .cow-info_text {
    width: 50%;
  }
  .cow_consultation-card .image .title,
.cow_consultation-card .image .number,
.cow_consultation-card .image + .cow-info_text .title,
.cow_consultation-card .image + .cow-info_text .number {
    display: block;
    padding-right: 1em;
  }
  .cow_consultation-card .clinic-note-image img {
    width: 100%;
    max-width: 300px;
    height: 250px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .cow_consultation-card.live_bookings-content {
    text-align: center;
  }
  .cow_consultation-card.live_bookings-content .live_booking-header {
    text-align: left;
    width: 95%;
    margin: auto;
  }
  .cow_consultation-card.live_bookings-content .detail-box {
    justify-content: center;
  }
  .cow_consultation-card.live_bookings-content .detail-box .header {
    border-width: 1px 1px 0px 1px;
  }
  .cow_consultation-card.live_bookings-content .detail-box .data {
    border-width: 1px 1px 0px 1px !important;
  }
  .cow_consultation-card.live_bookings-content .live_booking-content .recordings-content {
    width: 95%;
    margin: 0 auto;
  }
  .cow_consultation-card.live_bookings-content .live_booking-content .recordings-content .card-title {
    text-align: left;
    padding-left: 8px;
  }
}
.isfw_card.medical_note_list {
  box-shadow: none;
}

.image img:hover {
  cursor: pointer;
}

.cow_news-list li a {
  padding: 1em 2em 1em 0em;
  position: relative;
  display: block;
  background-color: #fff;
}
.cow_news-list li a:after,
.cow_news-list li a em {
  color: #666;
}
.cow_news-list li a:after {
  content: "";
  position: absolute;
  right: 1.5em;
  top: 50%;
  transform: translateY(-50%);
  content: "\f054";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.cow_news-list li a:hover {
  background-color: rgba(255, 255, 255, 0.8392156863);
}
.cow_news-list li a:hover:after,
.cow_news-list li a:hover em {
  color: #36609d;
}
.cow_news-list li a .data {
  display: block;
  margin: 0 1em 0.5em 0;
}
.cow_news-list li a .data span {
  font-size: 1.4rem;
  color: #aaa;
}
.cow_news-list li a .text {
  display: block;
}
.cow_news-list li + li {
  border-top: 1px solid #ccc;
}

.cow_search .form-group {
  display: block;
  align-items: center;
  position: relative;
}
.cow_search .form_content {
  position: relative;
}
.cow_search .search-input {
  position: relative;
}
.cow_search .search-input input {
  border-radius: 3px 3px 3px 3px;
  padding: 0.35em 0.35em;
  background-color: transparent;
  border: 1px solid #ccc;
  border-radius: 3px 0 0 3px;
  padding: 0.5em 0.75em;
  height: 2.5em;
  width: 100%;
  height: 100%;
}
.cow_search .search-image {
  position: absolute;
  right: 10rem;
  top: 2px;
}
.cow_search .search-image a:before {
  content: "\f030";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-family: "font awesome 5 pro Solid";
  font-size: 2rem;
  color: #666;
  background-color: #fff;
  padding: 0.2em 0.5em;
}
.cow_search .search-image a:hover:before {
  color: #36609d;
}
.cow_search .search-image em {
  display: none;
}
.cow_search .search-toggle {
  width: 2em;
}
.cow_search .search-toggle button {
  min-width: auto;
}
.cow_search .search-toggle button:before {
  font-size: 1.7rem;
  content: "\f1de";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  color: #666;
}
.cow_search .search-toggle button:hover:before {
  color: #36609d;
}
.cow_search .search-toggle em {
  display: none;
}
.cow_search .form-detail-toggle {
  display: none;
  margin-top: 1em;
  padding: 1em;
  background-color: #fff;
  border-radius: 3px;
}
.cow_search .form-detail-toggle > *:last-child {
  padding-bottom: 0;
}
.cow_search .form-detail-toggle > *:first-child,
.cow_search .form-detail-toggle > *:first-child * {
  padding-top: 0;
  margin-top: 0;
}
.cow_search .icon_camera .search-image {
  right: 1px;
  top: 1px;
}
.cow_search .search-button,
.cow_search .reset-button {
  margin-right: 1em;
  margin-top: 2em;
  display: inline-block;
  width: 6em;
}
.cow_search .search-button button,
.cow_search .reset-button button {
  padding: 0.5em;
  height: 3.5rem;
  width: 100%;
}
.cow_search dt {
  margin-bottom: 0.5em;
}
.cow_search input[type=checkbox] {
  height: 1em;
  width: auto;
}
.cow_search .img-upload {
  width: 100%;
  text-align: left;
  margin-bottom: 1.5em;
}
.cow_search .upload-image {
  border-radius: 3px;
  width: 100%;
  background-color: #ccc;
  text-align: center;
}
.cow_search .upload-image a {
  padding: 3em;
  width: 100%;
  height: 100%;
}
.cow_search .upload-image a::before {
  content: "\f0ee";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 3rem;
  display: block;
}
.cow_search .upload-image em {
  margin-left: 0.2em;
  font-weight: bold;
}
.cow_search.is-open .form-detail-toggle {
  display: block;
}

.menu.cow_search .search-input {
  width: calc(100% - 7em);
  display: inline-block;
}
.menu.cow_search .search-input .input-text {
  width: 100%;
}
.menu.cow_search .search-button {
  position: absolute;
  right: -6px;
  top: -3px;
  display: inline-block;
  margin-top: 0;
}
.menu.cow_search .search-button button {
  width: 100%;
  border-radius: 3px;
  padding: 0.5em;
  height: 3.5rem;
}
.menu.cow_search .idx_lst_area .error-txt.message {
  padding-top: 3em;
}

.cow_toggle-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 1em;
}
.cow_toggle-list dl {
  display: flex;
}
.cow_toggle-list dt {
  padding-left: 1em;
}

@media only screen and (max-width: 768px) {
  .cow_toggle-list dl {
    width: auto;
  }
  .cow_toggle-list dl + dl {
    margin-top: 1em;
  }
}
.cow_cow-card ul {
  display: flex;
  flex-wrap: wrap;
}
.cow_cow-card li a:not([class^=btn_]) {
  background-color: #fff;
  width: 16em;
  margin: 0 2em 2em 0;
  color: #222;
  border: 1px solid #f5f5f5;
  transition: 0.2s;
  position: relative;
}
.cow_cow-card li a:not([class^=btn_]):hover {
  border: 1px solid #36609d;
  color: #222;
}
.cow_cow-card li a:not([class^=btn_]):hover .livestock {
  background-color: #36609d;
}
.cow_cow-card .card-header {
  position: absolute;
  left: 0;
}
.cow_cow-card .image {
  margin-top: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.cow_cow-card .image img {
  -o-object-fit: cover;
     object-fit: cover;
}
.cow_cow-card .livestock {
  background-color: #222;
  border-radius: 0 0 3px 0;
  display: inline-block;
  margin-bottom: 0.25em;
  padding: 0.5em 0.75em;
  color: #fff;
}
.cow_cow-card .title {
  padding: 0.5em 1em 0.25em;
}
.cow_cow-card .title em {
  font-size: 2rem;
  font-weight: bold;
}
.cow_cow-card .number {
  padding: 0em 1em 0.5em;
}
.cow_cow-card .number span {
  font-size: 1.2rem;
  color: #666;
}
.cow_cow-card .name,
.cow_cow-card .after-birth,
.cow_cow-card .sex,
.cow_cow-card .info-text {
  padding: 0em 1em 0.5em;
}
.cow_cow-card .after-birth,
.cow_cow-card .sex {
  display: inline-block;
  padding-right: 0;
}
.cow_cow-card .info-text {
  border-top: 1px solid #f5f5f5;
  padding-top: 0.5em;
  padding-bottom: 1em;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  .cow_cow-card > ul > li {
    width: 100%;
  }
  .cow_cow-card > ul > li a:not([class^=btn_]) {
    width: 100%;
    margin: 0 0 1em;
    display: flex;
  }
  .cow_cow-card .title,
.cow_cow-card .number {
    display: inline-block;
    padding-right: 0;
  }
  .cow_cow-card .image {
    width: 30%;
  }
  .cow_cow-card .image + .cow-info_text {
    width: 70%;
  }
  .cow_cow-card .image + .cow-info_text .title,
.cow_cow-card .image + .cow-info_text .number {
    display: block;
    padding-right: 1em;
  }
}
.cow_memo-card {
  margin: 2em 0 0;
}
.cow_memo-card ul {
  display: flex;
  flex-wrap: wrap;
}
.cow_memo-card li a:not([class^=btn_]) {
  background-color: #fff;
  width: 16em;
  margin: 0 2em 2em 0;
  color: #222;
  border: 1px solid #f5f5f5;
  transition: 0.2s;
  position: relative;
}
.cow_memo-card li a:not([class^=btn_]):hover {
  border: 1px solid #36609d;
  color: #222;
}
.cow_memo-card li a:not([class^=btn_]):hover .image span {
  background-color: #36609d;
}
.cow_memo-card .card-header .date {
  padding: 0.5em;
}
.cow_memo-card .card-header .date em {
  font-size: 1.8rem;
}
.cow_memo-card .image {
  margin-top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
}
.cow_memo-card .image span {
  background-color: #222;
  border-radius: 0 0 3px 0;
  display: inline-block;
  margin-bottom: 0.25em;
  padding: 0.5em 0.75em;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}
.cow_memo-card .image img {
  -o-object-fit: cover;
     object-fit: cover;
}
.cow_memo-card .tag {
  margin: 0;
  padding: 0.5em 1em;
  background-color: transparent;
}
.cow_memo-card .tag span {
  display: inline-block;
  margin: 0 0.5em 0.5em 0;
  border: 1px solid #ccc;
  padding: 0.25em 0.5em;
  border-radius: 1em;
}
.cow_memo-card .info-text {
  padding: 1em 1em 0.5em;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  .cow_memo-card > ul > li {
    width: 100%;
  }
  .cow_memo-card > ul > li a:not([class^=btn_]) {
    width: 100%;
    margin: 0 0 1em;
    display: grid;
    grid-template-rows: minmax(auto, auto) 1fr;
    grid-template-columns: 30% 70%;
  }
  .cow_memo-card .card-header {
    grid-row: 1/2;
    grid-column: 1/2;
  }
  .cow_memo-card .card-header .date em {
    font-size: 1.7rem;
  }
  .cow_memo-card .image {
    grid-row: 2/3;
    grid-column: 1/2;
  }
  .cow_memo-card .memo-text {
    grid-row: 1/3;
    grid-column: 2/3;
  }
}
.cow_memo-list_home-visit {
  background-color: #fff;
}
.cow_memo-list_home-visit > ul > li {
  display: grid;
  grid-template-rows: minmax(auto, auto) 1fr;
  grid-template-columns: 6em 1fr;
  padding: 1em 2em;
}
.cow_memo-list_home-visit > ul > li .date {
  grid-row: 1/3;
  grid-column: 1/2;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.cow_memo-list_home-visit > ul > li .date em {
  font-size: 2rem;
}
.cow_memo-list_home-visit > ul > li .data {
  grid-row: 1/2;
  grid-column: 2/3;
}
.cow_memo-list_home-visit > ul > li .home-visit-list {
  grid-row: 2/3;
  grid-column: 2/3;
}
.cow_memo-list_home-visit > ul > li .home-visit-list ul {
  display: flex;
}
.cow_memo-list_home-visit > ul > li .home-visit-list ul li + li {
  margin-left: 3em;
}
.cow_memo-list_home-visit > ul > li .home-visit-list dl {
  display: flex;
  align-items: center;
}
.cow_memo-list_home-visit > ul > li .home-visit-list dl dt {
  font-weight: bold;
  margin-right: 1em;
  color: #999;
}
.cow_memo-list_home-visit > ul > li .home-visit-list dl dd {
  font-size: 2rem;
}
.cow_memo-list_home-visit > ul > li + li {
  border-top: 1px solid #ccc;
}
.cow_memo-list_home-visit .status-list ul {
  display: flex;
  flex-wrap: wrap;
}
.cow_memo-list_home-visit .status-list span {
  display: inline-block;
  margin: 0 0.5em 0.5em 0;
  border: 1px solid #ccc;
  padding: 0.25em 0.5em;
  border-radius: 1em;
}

.tag-milking {
  display: inline-block;
  margin: 0 0.5em 0.5em 0;
  border: 1px solid #8d6038 !important;
  color: #8d6038 !important;
  padding: 0.25em 0.5em;
  border-radius: 1em;
}
.tag-milking:before {
  content: "\f00c";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.25em;
}

.tag-error {
  display: inline-block;
  margin: 0 0.5em 0.5em 0;
  border: 1px solid #c73030 !important;
  padding: 0.25em 0.5em;
  border-radius: 1em;
  color: #c73030 !important;
}
.tag-error:before {
  content: "\f00d";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.25em;
  margin-left: 0.1em;
}

@media only screen and (max-width: 768px) {
  .cow_memo-list_home-visit > ul > li {
    display: block;
    padding: 1em;
  }
  .cow_memo-list_home-visit > ul > li .date {
    margin-bottom: 0.5em;
  }
  .cow_memo-list_home-visit > ul > li .home-visit-list ul li + li {
    margin-left: 1.5em;
  }
}
.cow_breeder-list {
  background-color: #fff;
}
.cow_breeder-list > ul > li {
  display: flex;
  padding: 1em 1em;
}
.cow_breeder-list > ul > li .image {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 50px;
}
.cow_breeder-list > ul > li .image img {
  border-radius: 50%;
}
.cow_breeder-list > ul > li .data {
  width: calc(100% - 50px);
  padding-left: 1em;
}
.cow_breeder-list > ul > li .name {
  display: flex;
  align-items: center;
  margin-bottom: 0.5em;
}
.cow_breeder-list > ul > li .name em {
  font-size: 1.8rem;
}
.cow_breeder-list > ul > li .name span {
  display: inline-block;
  margin: 0 0 0 0.5em;
  border: 1px solid #ccc;
  padding: 0.25em 0.5em;
  border-radius: 3px;
  font-size: 1.2rem;
}
.cow_breeder-list > ul > li .mail {
  color: #666;
}
.cow_breeder-list > ul > li .mail:before {
  content: "\f0e0";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}
.cow_breeder-list > ul > li + li {
  border-top: 1px solid #ccc;
}

.cow_consultation-detail {
  background-color: #eff8ff;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
  margin-bottom: 2em;
}
.cow_consultation-detail_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1em;
}
.cow_consultation-detail_header .detail_header_date em {
  font-size: 16px;
  vertical-align: middle;
}
.cow_consultation-detail_header .button-set {
  display: flex;
}
.cow_consultation-detail_header .button-set li + li {
  margin-left: 0.5em;
}
.cow_consultation-detail_header .btn_delete {
  border-radius: 3px;
  display: inline-block;
  font-size: 1.2rem;
  text-align: center;
  padding: 0.5em 1em !important;
  margin: 0.5em;
  min-width: 6em;
}
.cow_consultation-detail_body {
  background-color: #fff;
  padding: 2em 2em 3em 2em;
  display: block;
  margin-bottom: 0;
}
.cow_consultation-detail .cow_consultation-detail_header {
  margin-bottom: 0.2em;
  line-height: 1.25em;
}
.cow_consultation-detail .cow_consultation-detail_header .detail_header_date {
  padding-left: 0;
}
.cow_consultation-detail .cow_consultation-detail_header .detail_header_date .plain-form {
  margin-bottom: 0;
}
.cow_consultation-detail .cow_consultation-detail_header .detail_header_date em {
  font-size: 16px;
  margin-right: 1em;
}
.cow_consultation-detail .cow_consultation-detail_header .detail_header_date ul.button-set .item .btn_default, .cow_consultation-detail .cow_consultation-detail_header .detail_header_date ul.button-set .item .btn_primary {
  padding: 1em 0;
}
.cow_consultation-detail .first-contents {
  padding-right: 0;
  display: flex;
}
.cow_consultation-detail .first-contents .tpr {
  margin: 0;
  background-color: #fff;
  padding: 0.25em;
  border: 1px solid #ccc;
  display: flex;
  width: 30%;
}
.cow_consultation-detail .first-contents .tpr ul {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  max-width: 100%;
}
.cow_consultation-detail .first-contents .tpr ul li {
  border-left: 1px solid #ccc;
  width: 100%;
}
.cow_consultation-detail .first-contents .tpr ul li dl {
  justify-content: center;
  width: 6em;
}
.cow_consultation-detail .first-contents .tpr ul li:first-of-type {
  border-left: 0;
}
.cow_consultation-detail .first-contents .tpr dl {
  display: flex;
  align-items: flex-end;
}
.cow_consultation-detail .first-contents .tpr li + li {
  margin-top: 0em;
}
.cow_consultation-detail .first-contents .tpr dt {
  color: #666;
  margin-right: 0.5em;
  margin-bottom: 0.15em;
}
.cow_consultation-detail .first-contents .tpr dd {
  font-size: 2rem;
}
.cow_consultation-detail .second-contents {
  grid-row: 1/2;
  grid-column: 2/3;
  margin: 0;
}
.cow_consultation-detail .second-contents .visiting_treat {
  background-color: #fff;
  margin: 40px 0;
}
.cow_consultation-detail .second-contents th,
.cow_consultation-detail .second-contents td {
  width: 25%;
}
.cow_consultation-detail .second-contents th:first-child,
.cow_consultation-detail .second-contents td:first-child {
  width: 30%;
  text-align: center;
}
.cow_consultation-detail .second-contents .nothing {
  background-color: #ddd;
}
.cow_consultation-detail .home-visit-list {
  grid-row: 2/3;
  grid-column: 2/3;
  margin-top: 2em;
}
.cow_consultation-detail .home-visit-list dt {
  color: #666;
  margin-right: 0.5em;
  margin-bottom: 0.15em;
}
.cow_consultation-detail .home-visit-list dd {
  font-size: 2.4rem;
}
.cow_consultation-detail .home-visit-list ul,
.cow_consultation-detail .home-visit-list dl {
  display: flex;
  align-items: flex-end;
}
.cow_consultation-detail .home-visit-list ul {
  justify-content: space-around;
}
.cow_consultation-detail .home-visit-list li + li {
  margin-left: 2em;
}

@media only screen and (min-width: 768px) {
  .cow_consultation-detail .cow_consultation-detail_body {
    background-color: transparent;
    padding: 2em 1em;
  }
}
@media only screen and (max-width: 768px) {
  .cow_consultation-detail_body {
    display: block;
    padding: 1em 1em 2em 1em;
    margin-bottom: 0;
  }
  .cow_consultation-detail .first-contents {
    margin-bottom: 1.5em;
  }
  .cow_consultation-detail .first-contents .tpr {
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
  }
  .cow_consultation-detail .first-contents .tpr ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .cow_consultation-detail .first-contents .tpr ul li + li {
    margin-top: 0;
  }
  .cow_consultation-detail .second-contents {
    margin: 0;
  }
  .cow_consultation-detail .home-visit-list {
    margin-top: 1em;
  }
  .cow_consultation-detail .cow_consultation-detail_body {
    background-color: transparent;
    padding: 1em 0.5em;
  }
}
.card-content .cow_consultation-detail:nth-child(even) {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.card-content .cow_consultation-detail:nth-last-child(1) {
  border-bottom: 0px;
}

a.btn_seemore {
  display: inline-block;
  color: #177100;
  margin: 0 0.5em 0 0.25em;
  padding: 0px 0px 0px 0px;
  min-width: inherit;
  font-size: 16px;
}
a.btn_seemore:hover {
  color: #ff8200;
  background-color: transparent;
  border: 0;
}

@media only screen and (max-width: 817.98px) {
  .cow_consultation-detail_header .result-memo ul li {
    max-width: 3em;
  }
}
@media only screen and (min-width: 818px) and (max-width: 1120.98px) {
  .cow_consultation-detail_header .result-memo ul li {
    max-width: 8em;
  }
}
@media only screen and (min-width: 1121px) {
  .cow_consultation-detail_header .result-memo ul li {
    max-width: 15em;
  }
}
.cow_claim-detail_header {
  margin-bottom: 1em;
}
.cow_claim-detail_header em {
  font-size: 1.8rem;
}
.cow_claim-detail_body {
  padding: 2em;
  background-color: #fff;
}
.cow_claim-detail .data-list .annotation {
  font-size: 1rem;
}
.cow_claim-detail .total-billed-amount {
  position: relative;
  margin-bottom: 1em;
}
.cow_claim-detail .total-billed-amount dt {
  color: #666;
  margin-bottom: 0.25em;
}
.cow_claim-detail .total-billed-amount .billing-amount em {
  font-size: 4rem;
}
.cow_claim-detail .total-billed-amount .billing-amount span {
  margin-left: 0.5em;
}
.cow_claim-detail .total-billed-amount .Claim-tag {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  border: 1px solid #c73030 !important;
  padding: 0.5em 1em;
  border-radius: 3px;
  color: #c73030 !important;
}
.cow_claim-detail .total-billed-amount .Claim-tag span:before {
  content: "\f00d";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.25em;
}
.cow_claim-detail .nothing {
  background-color: #ddd;
}
.cow_claim-detail .list-btn {
  margin-top: 1em;
}

@media only screen and (max-width: 768px) {
  .cow_claim-detail_body {
    padding: 1em;
    display: block;
  }
  .cow_claim-detail .first-contents {
    margin-bottom: 1.5em;
  }
  .cow_claim-detail .first-contents .tpr {
    margin-bottom: 1em;
  }
  .cow_claim-detail .first-contents .tpr ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .cow_claim-detail .first-contents .tpr ul li + li {
    margin-top: 0;
  }
  .cow_claim-detail .data-list-table {
    margin: 0 -1em;
  }
  .cow_claim-detail .home-visit-list {
    margin-top: 1em;
  }
}
.cow_farmer-list li a:not([class^=btn_]) {
  padding: 1em 4em 1em 2em;
  position: relative;
  display: block;
  background-color: #fff;
  color: #222;
}
.cow_farmer-list li a:not([class^=btn_]) span.icon {
  color: #666;
  content: "";
  position: absolute;
  right: 1.5em;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  height: 2em;
  min-width: 2em;
  padding: 0.4em;
  border-radius: 1em;
  background-color: #e27777;
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
}
.cow_farmer-list li a:not([class^=btn_]):hover {
  background-color: rgba(255, 255, 255, 0.8392156863);
}
.cow_farmer-list li + li {
  border-top: 1px solid #ccc;
}

@media only screen and (max-width: 768px) {
  .cow_farmer-list li a {
    padding: 1em 4em 1em 1em;
  }
}
.cow_medical-consultation-list li {
  padding: 1em 2em;
  position: relative;
  display: flex;
  align-items: center;
  background-color: #fff;
  color: #222;
}
.cow_medical-consultation-list li .icon {
  width: 8em;
  text-align: center;
  padding-right: 2em;
}
.cow_medical-consultation-list li .icon span {
  display: inline-block;
  margin: 0;
  border: 1px solid #ccc;
  padding: 0.25em 0.5em;
  border-radius: 1em;
  min-width: 5em;
  text-align: center;
}
.cow_medical-consultation-list li .icon span.icon-not-compatible {
  border: 1px solid #76a315;
  color: #76a315;
}
.cow_medical-consultation-list li .icon span.icon-during-correspondence {
  border: 1px solid #e27777;
  color: #e27777;
}
.cow_medical-consultation-list li .icon span.icon-finish {
  border: 1px solid #c73030;
  color: #c73030;
}
.cow_medical-consultation-list li .icon span.icon-follow-up {
  border: 1px solid #B09D03;
  color: #B09D03;
}
.cow_medical-consultation-list li .icon span.icon-in-treatment {
  border: 1px solid #0073A2;
  color: #0073A2;
}
.cow_medical-consultation-list li .icon span.icon-healing {
  border: 1px solid #76a315;
  color: #76a315;
}
.cow_medical-consultation-list li .icon span.icon-discontinue {
  border: 1px solid #6D6D6D;
  color: #6D6D6D;
}
.cow_medical-consultation-list li .icon span.icon-death {
  border: 1px solid #6D6D6D;
  color: #6D6D6D;
}
.cow_medical-consultation-list li .icon span.icon-disuse {
  border: 1px solid #6D6D6D;
  color: #6D6D6D;
}
.cow_medical-consultation-list li .icon span.icon-legally-slaughtered {
  border: 1px solid #6D6D6D;
  color: #6D6D6D;
}
.cow_medical-consultation-list li .icon span.icon-withdrawal {
  border: 1px solid #382d43;
  color: #382d43;
}
.cow_medical-consultation-list li dl {
  width: calc(100% - 15em);
}
.cow_medical-consultation-list li dl dt {
  font-size: 1.8rem;
  margin-bottom: 0.5em;
}
.cow_medical-consultation-list li dl dt.use_medicine {
  margin-top: 0.5em;
  border-top: 1px solid #eee;
  padding-top: 0.5em;
}
.cow_medical-consultation-list li dl dd {
  font-size: 1.4rem;
}
.cow_medical-consultation-list li .time {
  width: 7em;
  color: #222;
  padding-left: 2em;
  text-align: right;
}
.cow_medical-consultation-list li:hover {
  background-color: rgba(255, 255, 255, 0.8392156863);
}
.cow_medical-consultation-list li:hover:after,
.cow_medical-consultation-list li:hover em {
  color: #36609d;
}
.cow_medical-consultation-list + li {
  border-top: 1px solid #ccc;
}

@media only screen and (max-width: 768px) {
  .cow_medical-consultation-list li {
    padding: 1em;
    flex-wrap: wrap;
  }
  .cow_medical-consultation-list li .icon {
    order: 1;
    text-align: left;
  }
  .cow_medical-consultation-list li .time {
    order: 2;
  }
  .cow_medical-consultation-list li dl {
    order: 3;
    width: 50%;
    margin-top: 1em;
  }
  .cow_medical-consultation-list li .icon,
.cow_medical-consultation-list li .time {
    width: 50%;
  }
}
.cow_add-comment {
  position: fixed;
  width: 100%;
  left: 0;
  z-index: 1000;
  background-color: #fff;
  bottom: 0vh;
  height: 0;
  min-height: 0;
  transition: 0.2s;
  border-top: 2px solid #177100;
  max-width: 600px;
  left: auto;
  right: 0px;
  box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.1);
}
.cow_add-comment .cow_add-comment_toggle:hover, .cow_add-comment .image-button:hover a::before, .cow_add-comment .voice-button:hover button::before, .cow_add-comment .btn_primary:hover {
  transition: all 0.2s ease-out;
}
.cow_add-comment .cow_add-comment_inner {
  padding: 1.75em 2em 1em;
  position: relative;
}
.cow_add-comment .cow_add-comment_inner .comment-button {
  float: right;
}
.cow_add-comment .cow_add-comment_inner .voice-button {
  right: 0em;
}
.cow_add-comment .cow_add-comment_inner .notes p {
  font-size: 0.9em;
  color: #aaa;
}
.cow_add-comment .cow_add-comment_toggle {
  position: absolute;
  background-color: #177100;
  position: absolute;
  top: -30px;
  font-size: 1.5em;
  height: 30px;
  width: 100%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px 20px 0 0;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
}
.cow_add-comment .cow_add-comment_toggle:hover {
  background-color: #ff8200;
}
.cow_add-comment .cow_add-comment_toggle:before {
  content: "\f106";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.cow_add-comment .cow_add-comment_toggle:hover {
  background-color: #68472a;
}
.cow_add-comment .cow_add-comment_toggle em {
  display: none;
}
.cow_add-comment .detail {
  display: flex;
}
.cow_add-comment .detail-comment,
.cow_add-comment .detail-manager {
  margin-right: 1em;
  min-width: 12em;
}
.cow_add-comment .detail-radio {
  width: calc(100% - 26em);
}
.cow_add-comment .detail-radio .flex-list ul {
  display: flex;
  border-radius: 3px;
  overflow: hidden;
}
.cow_add-comment .detail-radio .flex-list ul li {
  width: 25%;
}
.cow_add-comment .detail-radio .flex-list ul li + li label {
  border-left: none;
}
.cow_add-comment .detail-radio input {
  display: none;
}
.cow_add-comment .detail-radio label {
  border: 1px solid #ccc;
  display: block;
  width: 100%;
  padding: 0.6em 1em;
  text-align: center;
}
.cow_add-comment .detail-radio input:checked + label {
  background-color: #8d6038;
  color: #fff;
  border-color: #8d6038;
}
.cow_add-comment .comments {
  margin-top: 1em;
  display: flex;
  align-items: center;
  position: relative;
}
.cow_add-comment .image-button {
  margin-right: 1em;
}
.cow_add-comment .image-button a {
  width: 2em;
  height: 2em;
  position: relative;
}
.cow_add-comment .image-button a:before {
  content: "\f030";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.5em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #5791b3;
  font-family: "font awesome 5 pro Solid";
}
.cow_add-comment .image-button a:hover:before {
  color: #ff8200;
}
.cow_add-comment .image-button a em {
  display: none;
}
.cow_add-comment .file-button {
  margin-right: 1em;
}
.cow_add-comment .file-button a {
  width: 2em;
  height: 2em;
  position: relative;
}
.cow_add-comment .file-button a:before {
  content: "\f0c6";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.5em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #5791b3;
  font-family: "font awesome 5 pro Solid";
}
.cow_add-comment .file-button a:hover:before {
  color: #ff8200;
}
.cow_add-comment .file-button a em {
  display: none;
}
.cow_add-comment .comments-textarea {
  width: calc(100% - 3em);
}
.cow_add-comment .comments-textarea textarea {
  width: 100%;
  min-height: 5em;
  padding-right: 4em;
}
.cow_add-comment .voice-button {
  position: absolute;
  right: 1em;
}
.cow_add-comment .voice-button .btn_voicememo {
  min-width: 2em !important;
  background-color: transparent;
}
.cow_add-comment .voice-button .btn_voicememo:before {
  color: #5791b3;
  font-size: 1.5em;
}
.cow_add-comment .voice-button .btn_voicememo:hover:before {
  color: #36609d;
}
.cow_add-comment .comment-button {
  margin-top: 1em;
}
.cow_add-comment .comment-button .button-set {
  display: flex;
  justify-content: space-between;
}
.cow_add-comment .comment-button .button-set .item {
  width: calc(50% - 12em);
}
.cow_add-comment .comment-button .button-set button.btn_register {
  width: 100%;
}
.cow_add-comment .new_comment_message_area {
  position: absolute;
  top: -60%;
  left: 10px;
  max-width: 500px;
  overflow: hidden;
}
.cow_add-comment .new_comment_message {
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 1.5em;
  width: 100%;
  max-width: 500px;
  margin-bottom: 1em;
  display: block;
  cursor: pointer;
  transition: transform 1s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: translate3d(0, 130%, 0);
}
.cow_add-comment .new_comment_message:before {
  font-size: 20px;
  font-size: 2rem;
  font-weight: lighter;
  margin-right: 0.5em;
  vertical-align: middle;
}
.cow_add-comment .new_comment_message.message {
  background-color: #f3e9b8;
  color: #76a315;
}
.cow_add-comment .new_comment_message.message:before {
  content: "\f05a";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.cow_add-comment .new_comment_message.fade_up {
  transform: translate3d(0, 0, 0);
}
.cow_add-comment .new_comment_message em {
  font-size: 13px;
}

.is-open .cow_comment_wrapper {
  margin-bottom: 75px;
}
.is-open .cow_add-comment {
  min-height: 160px;
  max-height: 215px;
  height: auto;
  transition: 0.2s;
}
.is-open .cow_add-comment .cow_add-comment_toggle:before {
  content: "\f107";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.is-open .cow_add-comment .cow_add-comment_inner {
  bottom: 0;
}

@media only screen and (min-width: 768px) {
  .cow_add-comment .comment-button .button-set {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .isfw_main-contents.cow_comment_wrapper {
    padding: 30px 10px 0px 10px;
  }
  .cow_add-comment .cow_add-comment_inner {
    padding: 1em 1em 0.5em;
  }
  .cow_add-comment .detail {
    flex-wrap: wrap;
  }
  .cow_add-comment .detail > div {
    margin-right: 0;
  }
  .cow_add-comment .detail > div + div {
    margin-top: 0.5em;
  }
  .cow_add-comment .detail .detail-comment,
.cow_add-comment .detail .detail-manager {
    width: calc(50% - 0.25em);
    min-width: auto;
  }
  .cow_add-comment .detail .detail-manager {
    margin-left: 0.5em;
    margin-top: 0;
  }
  .cow_add-comment .comments,
.cow_add-comment .comment-button {
    margin-top: 0.5em;
  }
  .cow_add-comment .comments .item,
.cow_add-comment .comment-button .item {
    width: calc(50% - 5em);
  }
  .cow_add-comment .comments-textarea textarea {
    min-height: 6em;
  }
  .cow_add-comment .detail-radio {
    width: 100%;
  }
  .cow_add-comment .detail-radio label {
    padding: 0.6em;
  }
}
.voice-area .image-button a:hover::before,
.voice-button .mic.btn_voicememo:hover::before {
  color: #ff8200;
}

.mic.recording::before {
  content: "\f1ce";
  animation: rotate_image 2s linear infinite;
  transform-origin: 50% 50%;
}

.idx_btn .mic.btn_voicememo.disabled {
  background-color: #ddd;
  pointer-events: none;
}

@keyframes rotate_image {
  100% {
    transform: rotate(360deg);
  }
}
.idx .voice-area .textarea textarea {
  margin-bottom: 1em;
}

.cow_log-comment .h3btn_cmmt {
  clear: both;
  text-align: right;
}
.cow_log-comment .h3btn_cmmt.with_buttons {
  display: inline-flex;
}
.cow_log-comment .h3btn_cmmt .btn_add.narrow {
  padding: 1em 1.3em;
}
.cow_log-comment ul {
  max-height: 50vh;
  overflow-y: auto;
}
.cow_log-comment li.detail {
  display: flex;
  clear: both;
  margin-bottom: 15px;
  max-width: 77%;
}
.cow_log-comment li.detail .user-image {
  margin-right: 2em;
}
.cow_log-comment li.detail .user-image img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.cow_log-comment li.detail .user-name {
  margin-bottom: 0.5em;
}
.cow_log-comment li.detail .user-name em {
  font-size: 1.6rem;
}
.cow_log-comment li.detail .comments {
  background-color: #fff;
  padding: 1em 1em 2.5em;
  position: relative;
  width: 100%;
}
.cow_log-comment li.detail .comments .time {
  position: absolute;
  right: 1em;
  bottom: 1em;
  color: #aaa;
  font-size: 1.4rem;
  font-size: 0.8em;
}
.cow_log-comment li.detail .comments .time:before {
  content: "\f017";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.25em;
}
.cow_log-comment li.detail .comment-image > ul {
  max-height: inherit;
  overflow-y: hidden;
}
.cow_log-comment li.detail .comment-image li {
  display: inline-block;
  margin-top: 0.25em;
}
.cow_log-comment li.detail .comment-image img {
  padding: 0.25em;
  width: 100px;
  height: 100px;
  vertical-align: middle;
  background-color: #fff;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
}
.cow_log-comment li.detail .comment-image img:hover {
  opacity: 0.6;
  transition: all 0.2s ease-out;
}
.cow_log-comment li.detail .comment-image .vjs-big-play-centered {
  width: 100%;
  max-height: 340px;
  vertical-align: middle;
}
.cow_log-comment li.detail .comment-image .vjs-big-play-centered .vjs-tech {
  position: inherit;
}
.cow_log-comment li.detail .comment-files .item {
  display: block;
  width: 100%;
  margin-top: 0.25em;
}
.cow_log-comment li.detail .comment-files .item .file-link {
  display: block;
  padding: 0.5em 0.25em;
}
.cow_log-comment li.detail .comment-files .item .file-link:hover {
  color: #ff8200;
  border-radius: 4px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.cow_log-comment li.detail .comment-files .item .file-link:hover::before {
  color: #ff8200;
  transition: all 0.2s ease-out;
}
.cow_log-comment li.detail .comment-files .item .file-link.word::before {
  content: "\f1c2";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.cow_log-comment li.detail .comment-files .item .file-link.excel::before {
  content: "\f1c3";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.cow_log-comment li.detail .comment-files .item .file-link.power-point::before {
  content: "\f1c4";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.cow_log-comment li.detail .comment-files .item .file-link.pdf::before {
  content: "\f1c1";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.cow_log-comment li.detail .comment-files .item .file-link.csv::before {
  content: "\f6dd";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.cow_log-comment li.detail .comment-files .item .file-link.zip::before {
  content: "\f1c6";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.cow_log-comment li.detail .comment-files .item .file-link::before {
  color: #177100;
  font-size: 25px;
  font-weight: bold;
  margin-right: 1rem;
}
.cow_log-comment li.detail .icon-for-comment-edit {
  float: right;
}
.cow_log-comment li.detail .icon-for-comment-delete {
  float: right;
  display: inline;
}
.cow_log-comment li.detail.my-detail-comment {
  display: flex;
  float: right;
  justify-content: flex-end;
}
.cow_log-comment li.detail.my-detail-comment .user-name {
  margin-bottom: 0em;
}
.cow_log-comment li.detail .icon_trash_link {
  color: #000;
}
.cow_log-comment li.detail + li.detail {
  margin-top: 3em;
}
.cow_log-comment .idx_btn.pull_right {
  text-align: right;
}

.icon_trash:before, .data-list-table .status_trash:before, .status_trash.tab em:before, .isfw_dialog .status_trash:before {
  font-family: "Font Awesome 5 Pro Light";
}

.file-upload.file-upload-half {
  width: 50%;
  float: left;
  padding: 10px;
}
.file-upload.file-upload-half .upload-text p {
  font-size: 0.9em;
}

.popup_img img {
  max-width: 100%;
  max-height: 400px;
}

#modal-window-image .modal-download-btn {
  position: absolute;
}
#modal-window-image .modal-download-btn a.download-link {
  padding: 7px 10px;
  background-color: #333;
  border-radius: 10%;
  text-decoration: none;
  color: #fff;
}
#modal-window-image .modal-download-btn a.download-link:hover {
  opacity: 0.8;
}
#modal-window-image .modal-download-btn em:before {
  content: "\f33d";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}

.file-upload video {
  max-width: 100%;
  max-height: 400px;
}

.vjs-big-play-centered {
  max-width: 520px;
  max-height: 350px;
}

@media only screen and (min-width: 768px) {
  .file-upload.file-upload-half {
    height: 165px;
  }
}
@media only screen and (max-width: 768px) {
  .cow_log-comment li.detail {
    max-width: 77%;
  }
  .cow_log-comment li.detail .comment-image .vjs-big-play-centered {
    max-width: 350px;
    max-height: 340px;
    width: 100%;
    height: auto;
  }
  .cow_log-comment li.detail .comment-image .vjs-big-play-centered video {
    position: inherit;
    width: 100%;
    height: 100%;
    max-height: inherit;
  }
  .cow_log-comment li.detail .comment-image img {
    max-width: 80px;
    max-height: 80px;
  }
  .file-upload.file-upload-half {
    height: 110px;
  }
  .popup_img img {
    max-width: 100%;
    max-height: 260px;
  }
  .file-upload video {
    max-width: 100%;
    max-height: 250px;
  }
  .vjs-big-play-centered {
    max-width: 250px;
    max-height: 250px;
  }
  #modal-window-image .modal-download-btn a.download-link {
    padding: 12px 15px;
  }
}
.cow_bottom-links {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100000;
  background-color: #fff;
}
.cow_bottom-links ul {
  display: flex;
}
.cow_bottom-links li {
  width: 20%;
  text-align: center;
}
.cow_bottom-links li a:not([class^=btn_]) {
  display: block;
  padding: 0.5em 0.25em;
  color: #222;
}
.cow_bottom-links li a:not([class^=btn_]):before {
  content: "\f130";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 2em;
  display: block;
  width: 100%;
}
.cow_bottom-links li a:not([class^=btn_]) em {
  margin-top: 0.25em;
  font-size: 1.2rem;
}
.cow_bottom-links li + li a {
  border-left: 1px solid #ddd;
}
.cow_bottom-links li.home a:before {
  content: "\f015";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.cow_bottom-links li.individual a:before {
  content: "\f03a";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.cow_bottom-links li.umotion a:before {
  content: "\f6c8";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.cow_bottom-links li.veterinary-notes a:before {
  content: "\f481";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.cow_bottom-links li.medical-consultation a:before {
  content: "\f086";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}

.cow_modal-memo .cow_cow-card li a:not([class^=btn_]) {
  display: flex;
  width: 100%;
  margin-bottom: 0;
  border: none;
}
.cow_modal-memo .cow_cow-card .image img {
  height: 200px;
  width: 200px;
}
.cow_modal-memo .cow_cow-card .cow-info_text {
  width: calc(100% - 200px);
}

@media only screen and (max-width: 768px) {
  .cow_modal-memo .cow_cow-card .image {
    width: 100px;
  }
  .cow_modal-memo .cow_cow-card .image img {
    height: 100px;
    width: 100px;
  }
  .cow_modal-memo .cow_cow-card .cow-info_text {
    width: calc(100% - 100px);
  }
  .cow_modal-memo .dialog-foot .list-btn .button-set {
    flex-wrap: wrap;
  }
  .cow_modal-memo .dialog-foot .list-btn .button-set .back {
    order: 2;
  }
}
.modal-toggle_button .btn_open {
  width: 3em;
  height: 3em;
  border-radius: 50%;
  background-color: #8d6038;
  position: relative;
  min-width: 2em;
}
.modal-toggle_button .btn_open:before {
  content: "\f328";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-family: "font awesome 5 pro Solid";
  font-size: 1.6rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
.modal-toggle_button .btn_open em {
  display: none;
}
.modal-toggle_button .btn_open:hover {
  border: 2px solid #8d6038;
  background-color: #fff;
}
.modal-toggle_button .btn_open:hover:before {
  color: #8d6038;
}

.u-motion-event {
  display: flex;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #aaa;
}
.u-motion-event .date-label {
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  margin: auto;
  width: 20%;
}
.u-motion-event .event-wrap {
  width: 100%;
}
.u-motion-event .event-wrap .event-name {
  display: inline-block;
  padding: 4px;
  margin: 4px;
  color: #fff;
  font-size: 90%;
  border-radius: 2px;
}

@media only screen and (max-width: 767.98px) {
  .u-motion-event {
    display: block;
  }
  .u-motion-event .date-label {
    width: 100%;
    margin-bottom: 4px;
    padding: 2px;
  }
}
.pdf .veterinarian_copy {
  height: 100%;
  background-color: rgb(239, 254, 255);
}
.pdf .veterinarian_copy .sub_title {
  display: inline-block;
  margin-left: 517px;
  line-height: 5px;
}
.pdf .submission .sub_title {
  display: inline-block;
  margin-left: 517px;
  line-height: 5px;
}
.pdf .distributor .sub_title {
  display: inline-block;
  margin-left: 517px;
  line-height: 5px;
}
.pdf .farmer .sub_title {
  display: inline-block;
  margin-left: 500px;
  line-height: 5px;
}
.pdf .farmer * {
  font-size: x-small;
}
.pdf .page-padding {
  padding: 10px;
}
.pdf .no {
  text-align: right;
}
.pdf .table1 {
  border-spacing: 0;
  width: 100%;
}
.pdf .table1 .border {
  border: solid 1px;
}
.pdf .table1 .top-border {
  border-top: solid 1px;
  border-right: solid 1px;
  border-bottom: solid 1px;
}
.pdf .table1 .top-border.check {
  border-right: none;
}
.pdf .table1 .top-border.thick {
  border-top: solid;
  border-right: solid;
  border-bottom: solid;
}
.pdf .table1 .mid-border {
  border-right: solid 1px;
  border-bottom: solid 1px;
}
.pdf .table1 .mid-border.check {
  border-right: none;
}
.pdf .table1 .mid-border.thick {
  border-right: solid;
  border-bottom: solid;
}
.pdf .table1 .left-border {
  border-left: solid 1px;
}
.pdf .table1 .left-border.thick {
  border-left: solid;
}
.pdf .table1 .check-title {
  border-top: solid;
  border-left: solid;
  border-right: solid;
}
.pdf .table1 .check-row {
  border-top: solid;
  border-left: solid;
  border-right: solid;
}
.pdf .table1 .check-bottom {
  border-top: solid;
  border-bottom: solid;
  border-left: solid;
  border-right: solid;
}
.pdf .table1 .multiple_elements span {
  margin-right: 15px;
}
.pdf .booking_date_at {
  border-bottom: solid 1px;
  width: 100%;
}
.pdf .booking_date_at .margin-left {
  margin-left: 200px;
}
.pdf .clinic {
  border-collapse: collapse;
  width: 100%;
}
.pdf .clinic .veterinarian {
  width: 25%;
}
.pdf .clinic .rows {
  border-bottom: solid 1px;
  width: 20%;
}
.pdf .clinic .climic-data {
  border-bottom: solid 1px;
  word-break: break-word;
}
.pdf .clinic .stamp {
  margin-left: 100px;
}
.pdf table.dealer {
  border-collapse: collapse;
  width: 100%;
  margin-top: 5px;
  border: solid 1px;
}
.pdf table.dealer tr {
  border: solid 1px;
}
.pdf table.dealer td {
  border: solid 1px;
}
.pdf table.dealer .date-margin {
  margin-left: 100px;
}
.pdf table.dealer .tel {
  margin-left: 150px;
}
.pdf table.dealer .distributor-note {
  position: relative;
}
.pdf table.dealer .distributor-note::before, .pdf table.dealer .distributor-note::after {
  content: "";
  width: 60px;
  height: 60px;
  position: absolute;
  border-radius: 50%;
}
.pdf table.dealer .distributor-note::before {
  border-left: solid 2px #000000;
  border-top: none;
  border-bottom: none;
  border-right: none;
  top: 0;
  left: 1em;
}
.pdf table.dealer .distributor-note::after {
  border-right: solid 2px #000000;
  top: 0;
  right: 1em;
}
.pdf .user-name {
  width: 100%;
}
.pdf .user-name th {
  border: solid;
  width: 50%;
  text-align: left;
}
.pdf .user-name th em {
  margin-left: 1em;
}

.input-select2 {
  max-width: 100%;
}
.input-select2 select {
  width: 100%;
}
.input-select2.select2-tag-area .select2-container .select2-selection {
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 0 5px 0;
}
@media only screen and (max-width: 767.98px) {
  .input-select2.select2-tag-area .select2-container .select2-selection {
    max-height: 12.5em;
    overflow-y: auto;
  }
}
.input-select2.cattle_multiple_select_box {
  margin-bottom: 0.5rem;
}
.input-select2 .select2_clinical_record_tags + .select2.select2-container--default .select2-selection--multiple .select2-selection__choice::before {
  content: "\f02b";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.input-select2 .select2_diseases + .select2.select2-container--default .select2-selection--multiple .select2-selection__choice::before {
  content: "\e074";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.input-select2 .select2_clinical_record_tags + .select2.select2-container--default .select2-selection--multiple .select2-selection__choice,
.input-select2 .select2_diseases + .select2.select2-container--default .select2-selection--multiple .select2-selection__choice {
  padding-left: 8px;
  padding-right: 25px;
  border-radius: 30px;
  background-color: #eee;
  border-color: #ddd;
}
.input-select2 .select2_clinical_record_tags + .select2.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__display,
.input-select2 .select2_diseases + .select2.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 5px;
}
.input-select2 .select2_clinical_record_tags + .select2.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove,
.input-select2 .select2_diseases + .select2.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  top: 2px;
  right: 4px;
  left: inherit;
  border: 1px solid #aaa;
  border-radius: 30px;
  width: 18px;
  height: 18px;
}
.input-select2 .select2_clinical_record_tags + .select2.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove span,
.input-select2 .select2_diseases + .select2.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove span {
  left: -1px;
  position: absolute;
  top: -4px;
  font-size: 18px;
}
.input-select2 .select2-container .select2-selection {
  height: 2.5em;
  padding: 0px 0px 0px 0px;
}
.input-select2 .select2-container .select2-selection .select2-selection__arrow {
  position: absolute;
  top: 1.1em;
  right: 0.75em;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid black;
  pointer-events: none;
}
.input-select2 .select2-container .select2-selection .select2-selection__arrow b {
  font-weight: none;
}
.input-select2 .cattle_select_box .select2-container--default .select2-selection--single {
  border-radius: 0px 4px 4px 4px !important;
}
.input-select2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent transparent transparent;
}
.input-select2 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent transparent transparent;
}
.input-select2 .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 10px;
  padding-right: 10px;
}

.select2-container .select2-results__option.optInvisible {
  display: none;
}

.select2-container .select2-results__option[aria-disabled=true] {
  display: none;
}

.select2-result-repository__first_description {
  font-size: 1.2rem;
  padding-top: 0.5em;
}

.select2-results__option {
  border: 0.1em solid;
  border-color: #808080;
}

.select2-container {
  max-width: 100%;
}

.input-select2 .select2_clinical_record_tags + .select2.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove span,
.input-select2 .select2_diseases + .select2.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove span {
  left: 0.1rem;
  top: -0.2rem;
  font-size: 1.4rem;
}

.information-list li {
  padding: 1em 2em 1em 0em;
  position: relative;
  display: block;
  background-color: #fff;
}
.information-list li .data {
  display: block;
  margin: 0 1em 0.5em 0;
}
.information-list li .data span {
  font-size: 1.4rem;
  color: #aaa;
}
.information-list li .text {
  display: block;
}
.information-list li + li {
  border-top: 1px solid #ccc;
}

.news-list li .article-wrapper {
  padding: 1em 2em 1em 1em;
  position: relative;
  display: flex;
  background-color: #fff;
  justify-content: flex-start;
  text-decoration: none;
}
.news-list li .article-wrapper:after,
.news-list li .article-wrapper em {
  color: #177100;
}
.news-list li .article-wrapper:after:hover,
.news-list li .article-wrapper em:hover {
  color: #ff8200;
  text-decoration: none;
}
.news-list li .article-wrapper .manager {
  color: #177100;
  word-break: keep-all;
  margin-right: 0.5em;
  line-height: 1.2;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 28%;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  order: 0;
  flex: 100% 1 ayto;
  align-self: flex-start;
}
.news-list li .article-wrapper .manager + .text {
  width: 42%;
}
.news-list li .article-wrapper a.--with-link:after {
  content: "";
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  content: "\f054";
  display: inline-block;
  font-family: "Font Awesome 5 Pro Light";
  font-weight: 300;
}
.news-list li .article-wrapper a.--with-link:hover {
  text-decoration: none;
}
.news-list li .article-wrapper a.--with-link:hover:after,
.news-list li .article-wrapper a.--with-link:hover em {
  color: #ff8200;
}
.news-list li .article-wrapper a.--with-link:hover .text em {
  text-decoration: none;
}
.news-list li .article-wrapper a.--with-link:hover .text.--with-link em {
  text-decoration: none;
}
.news-list li .article-wrapper .date {
  display: inline-block;
  margin: 0 0.25em 0 0;
  width: 5em;
}
.news-list li .article-wrapper .date span {
  font-size: 1.4rem;
  color: #aaa;
}
.news-list li .article-wrapper .text {
  display: inline-block;
  width: calc(100% - 5em);
  line-height: 1.2;
}
.news-list li .article-wrapper .text em {
  display: flex;
  justify-content: flex-start;
}
.news-list li .article-wrapper .text em > a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  order: 1;
  flex: 100% 1 ayto;
  align-self: flex-start;
}
.news-list li .article-wrapper .text em > a:hover {
  color: #ff8200;
}
.news-list li .article-wrapper .text em > span {
  min-width: 68px;
  order: 2;
  flex: 48px 2 auto;
  align-self: flex-start;
}
.news-list li .article-wrapper .text em > span::before {
  margin-right: 0.25em;
}
@media only screen and (max-width: 767.98px) {
  .news-list li .article-wrapper .text em > span {
    min-width: 48px;
    align-self: flex-end;
    font-size: 12px;
    padding: 2px 4px;
  }
  .news-list li .article-wrapper .text em > span::before {
    margin-right: 0.25em;
  }
}
.news-list li + li {
  border-top: 1px solid #ccc;
}
.news-list .no-contents-box {
  padding: 1em 2em 1em 1em;
  position: relative;
  display: flex;
  background-color: #fff;
  justify-content: flex-start;
  text-decoration: none;
}
.news-list .no-contents-box .text {
  display: inline-block;
  line-height: 1.2;
  color: #666;
}

@media only screen and (max-width: 768px) {
  .news-list li a {
    flex-wrap: wrap;
  }
  .news-list li a .date {
    margin-bottom: 0.25em;
  }
  .news-list li a .text {
    width: 100%;
  }
}
.contact-list li a {
  padding: 1em 2.5em 1em 1em;
  position: relative;
  display: flex;
  background-color: #fff;
  justify-content: flex-start;
}
.contact-list li a:after,
.contact-list li a em {
  color: #666;
}
.contact-list li a:after {
  content: "";
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  content: "\f054";
  display: inline-block;
  font-family: "Font Awesome 6 Pro Light";
  font-weight: 300;
}
.contact-list li a:hover {
  background-color: rgba(255, 255, 255, 0.8392156863);
}
.contact-list li a:hover:after,
.contact-list li a:hover em {
  color: #36609d;
}
.contact-list li a:hover .text em {
  text-decoration: underline;
}
.contact-list li a .date {
  display: inline-block;
  margin: 0 1em 0 0;
  min-width: 6em;
  white-space: nowrap;
}
.contact-list li a .date span {
  font-size: 1.4rem;
  color: #aaa;
  display: inline-block;
}
.contact-list li a .date span + span {
  margin-left: 0.5em;
}
.contact-list li a .date.time {
  min-width: 12em;
}
.contact-list li a .manager {
  display: inline-block;
  margin: 0 1em 0 0;
  min-width: 8em;
}
.contact-list li a .manager span {
  color: #222;
  font-weight: bold;
}
.contact-list li a .text {
  display: block;
  max-width: calc(100% - 14em);
  line-height: 1.2;
}
.contact-list li + li {
  border-top: 1px solid #ccc;
}

@media only screen and (max-width: 768px) {
  .contact-list li a {
    flex-wrap: wrap;
  }
  .contact-list li a .date, .contact-list li a .manager {
    margin-bottom: 0.25em;
    min-width: 5em;
  }
  .contact-list li a .text {
    width: 100%;
    max-width: 100%;
  }
}
.live_medical_list {
  margin-top: 1em;
}
.live_medical_list > ul {
  display: flex;
  width: 100%;
  overflow-x: auto;
  align-items: stretch;
}
.live_medical_list li.card {
  min-width: 13.5em;
  width: calc(20% - 2em);
  margin: 0 2.5em 1em 0;
  border: 1px solid #ddd;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}
.live_medical_list li.card:last-child {
  margin-right: 0;
}
.live_medical_list li.card > a {
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
  background-color: #fff;
  justify-content: flex-start;
  border-radius: 3px;
  border: 1px solid transparent;
  color: #222;
}
.live_medical_list li.card > a:hover {
  color: #222;
  border: 1px solid #36609d;
}
.live_medical_list li.card > a dl {
  width: 100%;
}
.live_medical_list li.card > a dt.date {
  padding: 1em 1em 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
.live_medical_list li.card > a dt.date span {
  font-size: 1.8rem;
  font-weight: bold;
  display: inline-block;
}
.live_medical_list li.card > a dt.date span:first-child:before {
  content: "\f133";
  display: inline-block;
  font-family: "Font Awesome 5 Pro Solid";
  margin-right: 0.4em;
  margin-left: 0.1em;
  color: #aaa;
}
.live_medical_list li.card > a dd.data > *:first-child {
  color: #666;
  position: relative;
  padding: 0.5em 1em 0.75em 1em;
  width: 100%;
  display: block;
  text-align: right;
  border-bottom: 1px dotted #aaa;
}
.live_medical_list li.card > a dd.data > *:first-child span {
  font-size: 1.4rem;
  font-weight: bold;
  padding-left: 1.5em;
  position: relative;
  display: inline-block;
  text-align: left;
}
.live_medical_list li.card > a dd.data > *:first-child span:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro Light";
  margin-right: 0.5em;
  position: absolute;
  left: 0;
}
.live_medical_list li.card > a dd.data .clinic span:before {
  content: "\f0f0";
}
.live_medical_list li.card > a dd.data .farm span:before {
  content: "\f864";
}
.live_medical_list li.card > a dd.data .text {
  padding: 0.75em 1em 1em;
}

@media only screen and (max-width: 768px) {
  .live_medical_list > ul {
    flex-wrap: nowrap;
    padding-bottom: 20px;
  }
  .live_medical_list li.card {
    flex-shrink: 0;
  }
}
.visiting_farm_setting-list {
  width: 100%;
}
.visiting_farm_setting-list li {
  width: 100%;
}
.visiting_farm_setting-list li button {
  padding: 1em 1em 0.75em 1em;
  position: relative;
  display: flex;
  background-color: #fff;
  justify-content: flex-start;
  text-decoration: none;
  width: 100%;
}
.visiting_farm_setting-list li button.--with-paste:hover {
  background-color: #eef5ff;
}
.visiting_farm_setting-list li button .article-wrapper:after,
.visiting_farm_setting-list li button .article-wrapper em {
  color: #666;
}
.visiting_farm_setting-list li button .article-wrapper .distance {
  display: inline-block;
  margin: 0 1em 0 0;
}
.visiting_farm_setting-list li button .article-wrapper .distance span {
  font-size: 1.4rem;
  color: #aaa;
}
.visiting_farm_setting-list li button .article-wrapper .text {
  display: inline-block;
  width: 20em;
  line-height: 1.2;
}
.visiting_farm_setting-list li + li {
  border-top: 1px solid #ccc;
}

@media only screen and (max-width: 768px) {
  .visiting_farm_setting-list li a .article-wrapper {
    flex-wrap: wrap;
  }
  .visiting_farm_setting-list li a .article-wrapper .distance {
    margin-bottom: 0.25em;
  }
  .visiting_farm_setting-list li a .article-wrapper .text {
    width: 15em;
  }
}
.btn_medical_note_float_menu {
  position: fixed;
  background-color: #666;
  color: white;
  bottom: 10rem;
  right: 7rem;
  z-index: 999;
  padding: 0.5em 1em;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 1em;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.btn_medical_note_float_menu:before {
  content: "\f15b";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-family: "font awesome 5 pro Light";
  font-size: 2rem;
  color: #fff;
  background-color: #666;
}

.modal_medicalNoteList .hide {
  display: none;
}

@media only screen and (max-width: 768px) {
  .btn_medical_note_float_menu {
    bottom: 7rem;
    right: 3rem;
  }
  .float_menu_bottom {
    padding-bottom: 35px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.checkbox-container {
  display: flex;
  gap: 7px;
  margin-bottom: 1.8rem;
}

.col-form-label {
  padding-top: calc(0.375rem + 2px);
  padding-bottom: calc(0.375rem + 2px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.rc-slider {
  position: relative;
  height: 14px;
  padding: 5px 0;
  width: 100%;
  border-radius: 6px;
  touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rc-slider-rail,
.rc-slider-track {
  position: absolute;
  height: 4px;
  border-radius: 6px;
  background: #f2f4f5;
}

.rc-slider-rail {
  width: 100%;
}

.rc-slider .rc-slider-track {
  background: #348fe2;
}

.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}

.rc-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  cursor: pointer;
  cursor: -webkit-grab;
  margin-top: -5px;
  cursor: grab;
  border-radius: 50%;
  border: 2px solid #96dbfa;
  background-color: #fff;
  touch-action: pan-x;
}

.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
}

.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px;
}

.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999;
}

.form-input-number {
  padding-left: 6px;
  padding-right: 6px;
  text-align: right;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 4px);
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid #ced4da;
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.row > [class^=col-] {
  padding-left: 10px;
  padding-right: 10px;
  color: #999;
  cursor: pointer;
}

.isfw_signin .row > [class^=col-] {
  cursor: auto;
}

.isfw_form .plain-form .form_col.slider-container,
.slider-container {
  padding: 1em 0.75em;
  background: #ddd;
  border-radius: 0.3em;
}
.isfw_form .plain-form .form_col.slider-container:last-child,
.slider-container:last-child {
  align-self: center;
  padding: 1em 0;
}

input[type=number] {
  font-size: 1em;
  width: 4em;
  padding-right: 1.2em;
}

.input-number-up,
.input-number-down {
  display: flex;
  align-items: center;
  height: 11px;
}
.input-number-up:hover,
.input-number-down:hover {
  background-color: #ddd;
}

.input-number-up::before {
  content: "\f0d8";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}

.input-number-down::before {
  content: "\f0d7";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}

.input-number-controls {
  cursor: pointer;
  background-color: #efefef;
  flex-direction: column;
  display: flex;
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%);
}

.file-list {
  margin-top: 1em;
}
.file-list label {
  display: block;
  margin-bottom: 1em;
}
.file-list .image.popup_img {
  display: inline-block;
  margin-right: 8px;
}
.file-list .image.popup_img img {
  width: 150px;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
}
.file-list ul.download_file-list {
  width: 100%;
  max-width: 300px;
}
.file-list ul.download_file-list li {
  margin: 0.5rem 0;
}
.file-list ul.download_file-list li .file-link {
  display: block;
  padding: 0.5em;
  background-color: #fff;
  width: 300px;
  margin: 0 0 1em 0;
  border: 1px solid #ddd;
  transition: 0.2s;
  position: relative;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}
.file-list ul.download_file-list li .file-link:hover {
  background-color: #ff8200;
  border-radius: 4px;
  transition: all 0.2s ease-out;
  cursor: pointer;
  color: #fff;
}
.file-list ul.download_file-list li .file-link:hover::before {
  color: #fff;
  transition: all 0.2s ease-out;
}
.file-list ul.download_file-list li .file-link.word::before {
  content: "\f1c2";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.file-list ul.download_file-list li .file-link.excel::before {
  content: "\f1c3";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.file-list ul.download_file-list li .file-link.power-point::before {
  content: "\f1c4";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.file-list ul.download_file-list li .file-link.pdf::before {
  content: "\f1c1";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.file-list ul.download_file-list li .file-link.csv::before {
  content: "\f6dd";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.file-list ul.download_file-list li .file-link.zip::before {
  content: "\f1c6";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.file-list ul.download_file-list li .file-link::before {
  color: #177100;
  font-size: 24px;
  font-weight: bold;
  margin-right: 1rem;
}

.add_download .video-js .vjs-progress-control {
  min-width: 2em !important;
}
.add_download .video-js .vjs-control-bar .vjs-download .vjs-icon-placeholder::before {
  content: "\f34a";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .add_download .video-js.vjs-layout-x-small .vjs-control-bar {
    justify-content: space-around !important;
  }
  .add_download .video-js.vjs-layout-x-small .vjs-control-bar .vjs-control {
    width: 3em !important;
  }
  .add_download .video-js.vjs-layout-x-small .vjs-control-bar .vjs-custom-control-spacer {
    display: none !important;
  }
}
.c-button-panels {
  display: flex;
  gap: 16px;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 1000px) {
  .c-button-panels {
    justify-content: space-around;
  }
}

.c-button-panels__panel {
  background-color: #fff;
  width: 180px;
  height: 130px;
  border-radius: 4px;
  transition: 0.2s;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  color: #444 !important;
}
.c-button-panels__panel:hover {
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25), 0 3px 5px rgba(0, 0, 0, 0.22);
  color: #ff8200 !important;
}
@media screen and (max-width: 400px) {
  .c-button-panels__panel {
    width: 150px;
  }
}

.c-button-panels__link {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.c-button-panels__icon-wrap {
  width: 100%;
  height: 80px;
  position: relative;
}

.c-button-panels__icon {
  display: block;
  font-size: 55px !important;
  width: 100%;
  height: 100%;
  position: absolute;
  padding-top: 8px;
  font-family: "Font Awesome 6 Pro Light";
}
.c-button-panels__icon--cattle::before {
  content: "\f6c8";
}
.c-button-panels__icon--cattle-death-record::before {
  content: "\f6c8";
  opacity: 0.4;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.c-button-panels__icon--cattle-death-record::after {
  content: "\f05e";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.c-button-panels__icon--contact::before {
  content: "\f0e0";
}
.c-button-panels__icon--live::before {
  content: "\f03d";
}

.c-button-panels__sub-icon {
  font-family: "Font Awesome 6 Pro Light";
}
.c-button-panels__sub-icon::before {
  background-color: #fff;
  border-radius: 50px;
  font-size: 24px;
  padding: 2px;
  left: 55%;
  bottom: 0px;
  position: absolute;
}
.c-button-panels__sub-icon--plus::before {
  content: "\f055";
}
.c-button-panels__sub-icon--ban::before {
  content: "\f05e";
}

.c-button-panels__title-wrap {
  width: 100%;
  margin-top: 12px;
  text-align: center;
}

.login_input {
  margin: 1em 0 5em;
  width: 500px;
}
.login_input > .row {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 767.98px) {
  .login_input .isfw_card .card-content {
    padding: 3rem !important;
  }
}
.login_input .row .input-text input {
  color: #444;
}
.login_input .error {
  color: #c73030;
  background-color: rgba(199, 48, 48, 0.1);
  padding: 0.65em 1em 0.75em;
  margin-bottom: 1em;
}
.login_input .isfw_form {
  display: block;
}
.login_input .isfw_form .plain-form {
  padding-right: 0;
  display: block;
  align-items: center;
  width: 100%;
}
.login_input .isfw_form .plain-form .form_col .input-text {
  width: 100%;
}
.login_input .isfw_form .plain-form:nth-child(2n+1) {
  margin-right: 0;
}
.login_input .isfw_form .plain-form dl {
  padding-right: 0;
  width: 100%;
}
.login_input .isfw_form .plain-form dt.form_title {
  width: 7em;
  margin-right: 1em;
  padding: 0;
}
.login_input .isfw_form .plain-form dd {
  width: 100%;
  margin-bottom: 0;
}
.login_input .isfw_form .plain-form input.id-form {
  width: 100%;
}
.login_input .isfw_form .plain-form .input-text {
  width: 100%;
}
.login_input .isfw_form .plain-form .input-text input.text[type=email] {
  width: 100%;
}
@media only screen and (max-width: 767.98px) {
  .login_input .list-btn .button-set .item:first-child {
    margin-top: 0;
  }
}
.login_input .list-btn {
  margin-top: 1em;
  width: 100%;
}
.login_input .btn_login {
  margin: 2.25em 0;
  background-color: #d67725;
  color: #fff;
}
.login_input .btn_login:hover {
  background-color: #ab5f1d;
}
.login_input .password-forget {
  margin-top: 1em;
  text-align: center;
}
.login_input .password-forget em {
  font-size: 12px;
  border-bottom: 1px solid #60462f;
}
.login_input .password-forget a {
  padding-left: 1.5em;
  position: relative;
}
.login_input .password-forget a:before {
  content: "";
  background-image: url(/assets/img/icon_help.svg);
  display: inline-block;
  height: 1.25em;
  width: 1.25em;
  transition: 0.2s;
  position: absolute;
  left: 0;
  top: -1px;
}
.login_input .password-forget a:hover {
  opacity: 0.8;
  color: #ff8200;
}
.login_input .password-forget a:hover:before {
  background-image: url(/assets/img/icon_help_hover.svg);
}
.login_input .password-forget a:hover em {
  border-bottom: 1px solid #ff8200;
}
.login_input .password-forget a:hover em:before {
  color: #ff8200;
}

@media only screen and (max-width: 767.98px) {
  .login_input {
    width: 100%;
  }
  .login_input .password-forget {
    line-height: 1.6;
  }
}
@media only screen and (max-width: 768px) {
  .login_input .login-password dd.form_col .input-text,
.login_input .login-id dd.form_col .input-text {
    width: 100%;
    max-width: 100%;
  }
  .login_input #password-password {
    width: 100%;
  }
}
.password_reset,
.password_mail,
.password_varification,
.password_finish {
  width: 500px;
  margin: 1em 0 5em;
  line-height: 1.6;
}
@media only screen and (min-width: 767.98px) {
  .password_reset .isfw_card .card-content,
.password_mail .isfw_card .card-content,
.password_varification .isfw_card .card-content,
.password_finish .isfw_card .card-content {
    padding: 3rem !important;
  }
}
.password_reset .error,
.password_mail .error,
.password_varification .error,
.password_finish .error {
  color: #c73030;
  background-color: rgba(199, 48, 48, 0.1);
  padding: 0.65em 1em 0.75em;
  margin-bottom: 1em;
}
.password_reset .isfw_form .plain-form,
.password_mail .isfw_form .plain-form,
.password_varification .isfw_form .plain-form,
.password_finish .isfw_form .plain-form {
  display: flex;
  align-items: center;
}
.password_reset .isfw_form .plain-form dt.form_title,
.password_mail .isfw_form .plain-form dt.form_title,
.password_varification .isfw_form .plain-form dt.form_title,
.password_finish .isfw_form .plain-form dt.form_title {
  width: 8em;
  margin-right: 1em;
  padding: 0;
}
.password_reset .isfw_form .plain-form dd,
.password_mail .isfw_form .plain-form dd,
.password_varification .isfw_form .plain-form dd,
.password_finish .isfw_form .plain-form dd {
  width: calc(100% - 9em);
  margin-bottom: 0;
}
.password_reset .isfw_card .list-btn .button-set,
.password_mail .isfw_card .list-btn .button-set,
.password_varification .isfw_card .list-btn .button-set,
.password_finish .isfw_card .list-btn .button-set {
  padding-top: 2.25em;
}

.password_varification .isfw_form .plain-form dt.form_title {
  margin-right: 1em;
  padding: 0;
}
.password_varification .isfw_form .plain-form dd {
  margin-bottom: 0;
}
.password_varification .btn_key em:before {
  background-image: url(/assets/img/icon_key.svg);
}

.password_finish p {
  line-height: 1.4;
  text-align: center;
}

@media only screen and (max-width: 767.98px) {
  .password_reset,
.password_varification,
.password_finish {
    width: 100%;
  }
  .password_reset .list-btn .button-set .item:first-child,
.password_varification .list-btn .button-set .item:first-child,
.password_finish .list-btn .button-set .item:first-child {
    margin-top: 0;
  }
}
iframe {
  border: 1px solid #ccc;
}

.is-pc iframe {
  width: 1200px !important;
}

.is-sp iframe {
  width: 350px !important;
}

.terms-content {
  border: 1px solid #ccc;
  line-height: 1.7;
  max-height: 30rem;
  overflow-y: scroll;
  padding: 3rem;
  margin: 2rem 0;
}

.terms .title {
  font-size: 1.5em;
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: center;
}

.terms .right {
  text-align: right;
}

.terms p em {
  font-weight: bold;
}

.terms ol {
  margin-top: 1em;
  margin-left: 1.5em;
  margin-bottom: 1em;
}

.terms ol li {
  list-style-type: none;
  counter-increment: cnt;
  position: relative;
}

.terms ol li::before {
  content: counter(cnt) ".";
  display: inline-block;
  margin-left: -3.5em;
  width: 3em;
  text-align: right;
  position: absolute;
  top: 0;
  left: 0;
}

.terms ol ol li {
  list-style-type: none;
  counter-increment: child_cnt;
  position: relative;
  margin-left: 0.5em;
}

.terms ol ol li::before {
  content: "(" counter(child_cnt) ")";
  display: inline-block;
  margin-left: -2em;
  width: 3em;
  text-align: left;
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (min-width: 768.98px) {
  .activities-chart-wrapper {
    width: 80%;
  }
  .mild-yields-chart-wrapper {
    width: 80%;
  }
}
@media only screen and (max-width: 767.98px) {
  .activities-chart-wrapper {
    width: 100%;
    height: 400px;
  }
  .mild-yields-chart-wrapper {
    width: 100%;
    height: 350px;
  }
}
.event_comment {
  border: 1px dotted #ccc;
  border-radius: 3px;
  padding: 10px 10px;
  margin: 10px 0px;
}

#chime-root {
  padding: 0;
}

/* 一部ブラウザ */
.isfw_card:has(#chime-root) {
  margin-bottom: 0;
}

.isfw_main-contents:has(#chime-root) {
  padding: 0 !important;
}

table td .icon_clinic_memo::before {
  content: "\f15b";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.2em;
}
table td .icon_karte_memo::before {
  content: "\f0b1";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.2em;
}
table td .icon_detail::before {
  content: "\f0ca";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.2em;
}
table td .icon_copy::before {
  margin-right: 0.2em;
}
table td .icon_copy, table td .btn_default {
  white-space: nowrap;
}
table td .modal-delete_open::before {
  content: "\f1f8";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.2em;
}
table td:last-child .btn_default {
  margin: 0.25em 0;
  width: 100%;
}

.isfw_form {
  display: block;
}

.login_input .isfw_form {
  display: block;
}
.login_input .isfw_form .plain-form {
  display: block;
}
.login_input .isfw_form .plain-form input.id-form {
  width: 100%;
}
.login_input .isfw_form .plain-form .input-text {
  width: 90%;
}

.isfw_page-wrapper * {
  font-size: 16px;
}
.isfw_page-wrapper * .detail.header {
  font-size: 18px;
}
.isfw_page-wrapper * .page-title em,
.isfw_page-wrapper * h3.card-title {
  font-size: 20px;
}

.isfw_topic-path .path .item a:hover {
  color: #ff8200;
}

.isfw_card.gray {
  box-shadow: none;
}
.isfw_card.gray .card-content {
  padding: 10px 0 10px;
}

@media only screen and (min-width: 768px) {
  .isfw_main-container .isfw_contents .isfw_main-contents {
    padding: 1em 2em;
    background-color: #ddd;
  }
}
.btn_save em::before {
  content: "\f0c7";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.btn_sort em::before {
  content: "\f338";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.btn_sync em::before {
  content: "\f021";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.btn_bulk_export em::before {
  content: "\f33d";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
}

.btn_recheck {
  background-color: #177100 !important;
  padding: 0.5em !important;
  min-width: inherit !important;
}
.btn_recheck:hover {
  background-color: #ff8200 !important;
}
.btn_recheck em::before {
  content: "\f021";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  padding: 0.25rem;
  display: inline;
}

.form_title,
.isfw_card .card-title {
  border-bottom: none;
  color: #333;
}

.card-content.no-padding-tb {
  padding-top: 0;
  padding-bottom: 0;
}

.card-heading .card-title {
  color: #fff;
}

.isfw_form .plain-form {
  margin-bottom: 0.5em;
}
.isfw_form .plain-form .form-col {
  margin-bottom: 0.5em;
}
.isfw_form .form_content {
  margin-bottom: 0.5em;
}
.isfw_form > .card-title {
  padding: 20px 0;
}

.isfw_form .plain-form .form_title,
.isfw_form .plain-form .form_col {
  display: block;
  padding: 0 0;
  min-width: 100%;
}

.text-em {
  padding: 0.25em 0 0.25em 0.25em;
}

.text-em.sub-title--margin {
  margin: 1em 0 0 0;
}

.comment {
  padding: 0.5em;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-bottom: 2em;
  min-height: 2.25em;
}
.comment.no-data {
  background-color: #f7f7f7;
  color: #c9c9c9;
  border-color: #ddd;
  padding: 0.5em;
}

.no-data {
  padding: 0.5em;
}

.isfw_form .plain-form .form_col {
  margin-bottom: 1em;
}
.isfw_form .plain-form .form_col .btn_primary {
  background-color: #177100;
}

.isfw_card {
  margin-bottom: 1em;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.isfw_card.gray .card-content .isfw_form,
.isfw_card.gray .card-content .list-btn {
  max-width: 100%;
}

a[class^=btn_] em,
.item button[class^=btn_] em {
  font-weight: normal;
}

li .btn_white {
  display: inline-block;
  text-align: center;
  padding: 0.5em 1em;
  margin: 0.25em 0;
  min-width: 6em;
  font-size: 1.6rem;
  padding: 1em 2em;
  background-color: #fff !important;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1);
  border: 1px solid #177100;
  border-radius: 50px;
  color: #177100;
}
li .btn_white em {
  color: #177100 !important;
}
li .btn_white:hover {
  color: #ff8200 !important;
  border-color: #ff8200 !important;
}

.card-title h3 {
  font-size: 1.4em;
}
.card-title h3 span.cattle_no_and_uid {
  font-size: 16px;
  color: #666;
}

.btn_print em::before, .btn_editsave em::before, .btn_live_booking em::before {
  color: #fff;
}

.isfw_card .card-content .detail-box {
  margin-bottom: 2em;
}
.isfw_card .card-content .detail-box .detail {
  margin: 0 0;
}
.isfw_card .card-content .detail-box .detail.header {
  padding: 5px;
}

.btn_default, .btn_print,
.isfw_dialog .btn_close, .btn_logout, .btn_account-setting, .folder-tree .file-search .select_filter .fs-rd:checked + label, .folder-tree .file-search .select_filter .fs-rd + label, .folder-tree .file-search .select_filter button.btn_open.current, .folder-tree .file-search .select_filter button.btn_close.current, .folder-tree .file-search .select_filter button.btn_open, .folder-tree .file-search .select_filter button.btn_close, .btn_deletecomp, .btn_restore, .btn_external-link, .btn_help, .btn_preview, .btn_print, .btn_editsave, .btn_live_booking, .btn_drawal, .btn_private, .btn_public, .btn_cancel, .btn_save, .btn_default_extra, .btn_default,
.btn_primary, input.btn_primary,
.list-btn .button-set .item a[class^=btn_],
.list-btn .button-set .item button[class^=btn_] {
  border-radius: 50px !important;
  background-color: #177100;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
  border: 0px;
  color: #fff;
  font-size: 1.6rem;
  padding: 1em 2em;
}
.btn_default em, .btn_print em,
.isfw_dialog .btn_close em, .btn_logout em, .btn_account-setting em, .folder-tree .file-search .select_filter .fs-rd:checked + label em, .folder-tree .file-search .select_filter .fs-rd + label em, .folder-tree .file-search .select_filter button.btn_open.current em, .folder-tree .file-search .select_filter button.btn_close.current em, .folder-tree .file-search .select_filter button.btn_open em, .folder-tree .file-search .select_filter button.btn_close em, .btn_deletecomp em, .btn_restore em, .btn_external-link em, .btn_help em, .btn_preview em, .btn_print em, .btn_editsave em, .btn_live_booking em, .btn_drawal em, .btn_private em, .btn_public em, .btn_cancel em, .btn_save em, .btn_default_extra em, .btn_default em,
.btn_primary em, input.btn_primary em,
.list-btn .button-set .item a[class^=btn_] em,
.list-btn .button-set .item button[class^=btn_] em {
  font-weight: bold;
  color: #fff;
}
.btn_default em::before, .btn_print em::before,
.isfw_dialog .btn_close em::before, .btn_logout em::before, .btn_account-setting em::before, .folder-tree .file-search .select_filter .fs-rd:checked + label em::before, .folder-tree .file-search .select_filter .fs-rd + label em::before, .folder-tree .file-search .select_filter button.btn_open.current em::before, .folder-tree .file-search .select_filter button.btn_close.current em::before, .folder-tree .file-search .select_filter button.btn_open em::before, .folder-tree .file-search .select_filter button.btn_close em::before, .btn_deletecomp em::before, .btn_restore em::before, .btn_external-link em::before, .btn_help em::before, .btn_preview em::before, .btn_print em::before, .btn_editsave em::before, .btn_live_booking em::before, .btn_drawal em::before, .btn_private em::before, .btn_public em::before, .btn_cancel em::before, .btn_save em::before, .btn_default_extra em::before, .btn_default em::before,
.btn_primary em::before, input.btn_primary em::before,
.list-btn .button-set .item a[class^=btn_] em::before,
.list-btn .button-set .item button[class^=btn_] em::before {
  color: #fff;
}
.btn_default:hover, .btn_print:hover,
.isfw_dialog .btn_close:hover, .btn_logout:hover, .btn_account-setting:hover, .folder-tree .file-search .select_filter .fs-rd:checked + label:hover, .folder-tree .file-search .select_filter .fs-rd + label:hover, .folder-tree .file-search .select_filter button.btn_open.current:hover, .folder-tree .file-search .select_filter button.btn_close.current:hover, .folder-tree .file-search .select_filter button.btn_open:hover, .folder-tree .file-search .select_filter button.btn_close:hover, .btn_deletecomp:hover, .btn_restore:hover, .btn_external-link:hover, .btn_help:hover, .btn_preview:hover, .btn_print:hover, .btn_editsave:hover, .btn_live_booking:hover, .btn_drawal:hover, .btn_private:hover, .btn_public:hover, .btn_cancel:hover, .btn_save:hover, .btn_default_extra:hover, .btn_default:hover,
.btn_primary:hover, input.btn_primary:hover,
.list-btn .button-set .item a[class^=btn_]:hover,
.list-btn .button-set .item button[class^=btn_]:hover {
  background-color: #ff8200;
}

.btn_cancel {
  background-color: #177100;
}

button[class^=btn_], a [class^=btn_], .modal-noteList_open {
  font-size: 1.4rem;
  padding: 0.75em 1.5em;
}

.cow_toggle-list {
  padding: 0.25em 0;
}

.cow_toggle-list .toggle-input:checked + .toggle-label,
.cow_toggle-listv .toggle-input:checked + .toggle-label {
  background-color: #ff8200;
}

.table_scrollable {
  max-height: 50vh;
  overflow-y: auto;
}

textarea {
  text-align: left;
}

.textarea {
  text-align: right;
}

.flash_message.message_success {
  background-color: #ff8200;
}

.isfw_form form {
  padding: 0 0 0 0;
}

.--with-underline {
  color: #20a000;
}
.--with-underline:hover {
  color: #ff8200;
}

.idx_btn.btn_align-right {
  margin-left: auto;
  width: -moz-fit-content;
  width: fit-content;
}

.textarea .idx_btn {
  display: inline-block;
}

.data-list-table .data-layout-table.data-list tr th.data_item {
  padding: 0;
  background-color: #b5d1e2;
}

.sticky_table tbody td,
.sticky_table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
}
.sticky_table thead {
  position: sticky;
  z-index: 3;
}
.sticky_table thead tr:nth-of-type(2) th {
  top: 1.26em;
}
.sticky_table.multi-data-table thead {
  z-index: 12;
  position: sticky;
  left: 0;
  top: 0;
}
.sticky_table.multi-data-table thead > tr th {
  border-left: 1px solid #e6e6e6;
}
.sticky_table.multi-data-table thead > tr:nth-of-type(2) th {
  z-index: 1;
}
.sticky_table.multi-data-table tbody td:first-child,
.sticky_table.multi-data-table tbody th:first-child {
  position: inherit;
  z-index: 1;
  background-color: #fff;
}
.sticky_table.multi-data-table tbody td {
  position: inherit;
}
.sticky_table.multi-data-table tbody td + td {
  border-right: 1px solid #e6e6e6;
}
.sticky_table.multi-data-table tbody td.detail-short {
  max-width: 7em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  padding-left: 0.25em;
  position: relative;
}
.sticky_table.multi-data-table tbody td.detail-short div[class^=icon_] {
  display: inline-block;
}
.sticky_table.multi-data-table tbody td.detail-short span {
  text-align: center;
  display: block;
}
.sticky_table.multi-data-table tbody td.detail-short.is-open {
  white-space: normal;
}
.sticky_table.multi-data-table tbody td.detail-short.is-open.treatment-details {
  min-width: 18em;
  max-width: none;
}
.sticky_table.multi-data-table tbody td.detail-short.is-open .display-name, .sticky_table.multi-data-table tbody td.detail-short.is-open .display-name.short {
  white-space: normal;
}
.sticky_table.multi-data-table tbody td.detail-short.align-center {
  text-align: center;
}
.sticky_table.multi-data-table tbody td.detail-short .result-information {
  top: -3px;
  right: 0px;
}
.sticky_table.multi-data-table tbody td.detail-short .display-name {
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  word-break: break-all;
}
.sticky_table.multi-data-table tbody td.detail-short .display-name.short {
  max-width: calc(100% - 4em);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  display: inline-block;
  vertical-align: sub;
}
.sticky_table.multi-data-table tbody td.detail-short .required.insurance-status {
  border-radius: 50px;
  font-size: 14px;
  padding: 0.25em 0.5em;
  display: inline-block;
}
.sticky_table.multi-data-table tbody td.detail-short .required.insurance-status.non_benefit {
  border-color: #ff0000;
  background-color: #fff;
  color: #ff0000;
}
.sticky_table.multi-data-table tbody td.detail-short .required.insurance-status.non_billable {
  border-color: #9700ff;
  background-color: #fff;
  color: #9700ff;
}
.sticky_table.multi-data-table tbody td.table-row-head {
  z-index: 2;
  background-color: #f4f4f4;
  vertical-align: top;
  position: sticky;
  width: 12em;
}
.sticky_table.multi-data-table tbody td.detail-category {
  background-color: #f4f4f4;
  border-bottom: double #eee;
}
.sticky_table.multi-data-table tbody .table-blank {
  background-color: #f4f4f4;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
.sticky_table.multi-data-table tbody .result-detail-head {
  margin: 0.5em;
  height: 100%;
  line-height: 1.4em;
  padding-bottom: 50px;
  position: relative;
}
.sticky_table.multi-data-table tbody .result-detail-head .result-staff-name {
  display: inline-block;
  vertical-align: middle;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 8em;
  margin-right: 0.5em;
  position: relative;
}
.sticky_table.multi-data-table tbody .result-detail-head .result-staff-name::before {
  display: inline-flex;
  margin-right: 0.25em;
  content: "\f007";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.sticky_table.multi-data-table tbody .result-detail-head .result-staff-name.is-open {
  max-width: 12em;
  padding-right: 0.5em;
}
.sticky_table.multi-data-table tbody .result-detail-head .result-tpr {
  display: inline-flex;
  vertical-align: bottom;
  color: #999;
  margin-right: 1em;
  min-width: 6em;
}
.sticky_table.multi-data-table tbody .result-detail-head .result-tpr .result-tpr-box {
  color: #ff8200;
  font-size: 12px;
  font-weight: bold;
}
.sticky_table.multi-data-table tbody .result-detail-head .result-tpr .tpr-detail {
  vertical-align: bottom;
  margin-right: 8px;
  margin-left: 2px;
  color: #333;
}
.sticky_table.multi-data-table tbody .result-detail-head .result-date {
  font-size: 20px;
}
.sticky_table.multi-data-table tbody .result-detail-head .result-date .result-detail.result-information {
  right: 90px;
}
.sticky_table.multi-data-table tbody .result-detail-head .result-date .result-checkbox {
  margin-right: 3px;
}
.sticky_table.multi-data-table tbody .result-detail-head .result-memo {
  display: inline-flex;
  vertical-align: bottom;
  margin-right: 1em;
}
.sticky_table.multi-data-table tbody .result-detail-head .result-memo ul {
  display: inline-flex;
}
.sticky_table.multi-data-table tbody .result-detail-head .result-memo ul::before {
  content: "現症:";
  display: inline-flex;
  margin-right: 0.25em;
}
.sticky_table.multi-data-table tbody .result-detail-head .result-memo ul li {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: none;
}
.sticky_table.multi-data-table tbody .result-detail-head .result-memo ul li:first-of-type {
  display: block;
}
.sticky_table.multi-data-table tbody .result-detail-head .result-attached-container {
  position: absolute;
  bottom: 15px;
  right: 0;
  width: 100%;
  margin-top: 0.5em;
}
.sticky_table.multi-data-table tbody .result-detail-head .result-attached-container .result-attached {
  text-align: right;
}
.sticky_table.multi-data-table tbody .result-detail-head .result-attached-container .result-attached .icon_attached {
  margin-right: 1em;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  position: relative;
  display: inline-block;
}
.sticky_table.multi-data-table tbody .result-detail-head .result-attached-container .result-attached .icon_attached::before {
  content: "\f15b";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  color: #177100;
  font-size: 24px;
  font-weight: bold;
}
.sticky_table.multi-data-table tbody .result-detail-head .result-attached-container .result-attached .icon_attached:hover {
  color: #ff8200;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.sticky_table.multi-data-table tbody .result-detail-head .result-attached-container .result-attached .icon_attached:hover::before {
  color: #ff8200;
  transition: all 0.2s ease-out;
}
.sticky_table.multi-data-table tbody .result-detail-head .result-attached-container .result-attached .icon_attached:hover span {
  background-color: #ffb76c;
  transition: all 0.2s ease-out;
}
.sticky_table.multi-data-table tbody .result-detail-head .result-attached-container .result-attached .icon_attached span {
  position: absolute;
  color: #fff;
  border-radius: 50%;
  height: 2em;
  width: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 14px;
  top: 8px;
  font-size: 10px;
  background-color: #ff8200;
}
.sticky_table.multi-data-table tbody .result-detail-head .result-attached-container .result-attached .icon_attached.no-result {
  pointer-events: none;
}
.sticky_table.multi-data-table tbody .result-detail-head .result-attached-container .result-attached .icon_attached.no-result::before {
  color: #ddd;
}
.sticky_table.multi-data-table tbody .result-detail-head .result-attached-container .result-attached .icon_attached.no-result span {
  background-color: #ddd;
}
.sticky_table.multi-data-table tbody .sub-detail {
  color: #999;
}
.sticky_table.multi-data-table tbody .result-detail-container {
  vertical-align: top;
  position: relative;
  width: 12em;
}
.sticky_table.multi-data-table tbody .result-detail-container .result-present {
  margin-top: 0.5em;
  border-top: 1px solid #ddd;
  padding-top: 0.25em;
  width: 100%;
}
.sticky_table.multi-data-table tbody .result-detail-container .result-detail {
  text-align: left;
  margin-top: 0.5em;
  padding-left: 0;
  display: none;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
}
.sticky_table.multi-data-table tbody .result-detail-container .result-detail:nth-of-type(2) {
  display: -webkit-box;
}
.sticky_table.multi-data-table tbody .result-detail-container .result-detail.result-information {
  top: -5px;
  right: -10px;
  padding: 10px;
  margin-top: 0;
  text-align: right;
  float: right;
  display: none;
  position: absolute;
}
.sticky_table.multi-data-table tbody .result-detail-container .result-detail.result-information:first-of-type {
  display: block;
}
.sticky_table.multi-data-table tbody .result-detail-container .result-detail.result-information a {
  margin: 0 0;
  padding: 0 0;
}
.sticky_table.multi-data-table tbody .result-detail-container .result-detail.result-information a::before {
  content: "\f05a";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.sticky_table.multi-data-table tbody .result-detail-container .result-detail.result-information a::before:hover {
  color: #ff8200;
  transition: color 0.2s ease;
}
.sticky_table.multi-data-table .result-information {
  top: -10px;
  right: -10px;
  padding: 10px;
  margin-top: 0;
  text-align: right;
  float: right;
  display: none;
  position: absolute;
}
.sticky_table.multi-data-table .result-information:first-of-type {
  display: block;
}
.sticky_table.multi-data-table .result-information a {
  margin: 0 0;
  padding: 0 0;
}
.sticky_table.multi-data-table .result-information a::before {
  content: "\f05a";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.sticky_table.multi-data-table .result-information a::before:hover {
  color: #ff8200;
  transition: color 0.2s ease;
}
.sticky_table.multi-data-table .table-row-head {
  text-align: left;
}
.sticky_table.multi-data-table .list-btn {
  float: right;
}
.sticky_table.multi-data-table .list-btn li.item .icon_vmenu {
  padding: 10px;
}
.sticky_table.multi-data-table .list-btn li.item .icon_vmenu .vmenu_lists {
  z-index: 999;
  left: 20px;
}
.sticky_table.multi-data-table .list-btn li.item .icon_vmenu .vmenu_lists a {
  max-width: 100%;
}
@media only screen and (max-width: 767.98px) {
  .sticky_table.multi-data-table .list-btn li.item .icon_vmenu .vmenu_lists {
    right: 0;
    left: inherit;
  }
}
.sticky_table thead th:first-child,
.sticky_table thead th.fixed_cattle_no,
.sticky_table thead th.fixed_cattle_uid {
  z-index: 2;
  background-color: #9ad2f4;
}
.sticky_table tbody td:first-child,
.sticky_table tbody td.fixed_cattle_no,
.sticky_table tbody td.fixed_cattle_uid {
  z-index: 2;
  background-color: #f4f4f4;
}
.sticky_table tbody td.additional_row {
  z-index: 1;
  background-color: transparent;
  border-left: 1px solid #e6e6e6;
  border-bottom: 1px solid #ccc;
}
.sticky_table td:first-child,
.sticky_table th:first-child {
  position: sticky;
  left: 0;
}
.sticky_table td.fixed_cattle_no,
.sticky_table th.fixed_cattle_no {
  position: sticky;
  left: 32px;
}
.sticky_table td.fixed_cattle_uid,
.sticky_table th.fixed_cattle_uid {
  position: sticky;
  left: 175px;
}
.sticky_table tbody td {
  background-color: #fff;
}
@media only screen and (max-width: 767.98px) {
  .sticky_table td.fixed_cattle_no,
.sticky_table th.fixed_cattle_no,
.sticky_table td.fixed_cattle_uid,
.sticky_table th.fixed_cattle_uid {
    position: sticky;
    left: auto;
  }
  .sticky_table td.fixed_cattle_no,
.sticky_table td.fixed_cattle_uid {
    background-color: #fff !important;
  }
}

.step-navigation {
  width: 100%;
  text-align: center;
  padding-top: 1em;
}
.step-navigation .step-number {
  font-size: 1.8rem;
  font-weight: bold;
  color: #333;
  padding: 0.5em;
  display: inline-block;
  border: 1px solid #777;
  border-radius: 5px;
  cursor: pointer;
}
.step-navigation .step-number.is-open {
  background-color: #177100;
  color: #fff;
  cursor: default;
  pointer-events: none;
}
.step-navigation .step-number.is-open:hover {
  background-color: #ff8200;
}
.step-navigation .step-number.is-error {
  position: relative;
}
.step-navigation .step-number.is-error::before {
  content: "\f06a";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  left: 6px;
  top: -25px;
  color: #d46363;
}
.step-navigation .step-number.disabled {
  background-color: #eee;
  color: #ddd;
  cursor: not-allowed;
  pointer-events: none;
}
.step-navigation .step-number:hover {
  color: #fff;
  background-color: #ff8200;
  transition: all 0.2s ease-out;
}
.step-navigation .step-next {
  display: inline-block;
  padding: 1em 0.5em;
  color: #ddd;
  font-weight: bold;
}
.step-navigation .step-next.is-open {
  color: #177100;
}
.step-navigation .step-next.disabled {
  color: #ddd;
}

.step-text {
  display: block;
}

.step-text-sp {
  display: none;
}

@media only screen and (max-width: 768px) {
  .step-text {
    display: none;
  }
  .step-text-sp {
    display: block;
  }
}
.isfw_form section {
  display: none;
}
.isfw_form section.is-open {
  display: block;
}
.isfw_form section .form-pagenavi {
  padding-top: 1em;
  text-align: center;
}

button#prev {
  display: none;
  background-color: #fff;
  font-size: 16px;
  border: 1px solid #777;
  color: #000;
  border-radius: 5px;
  margin-right: 2em;
}
button#prev:hover {
  color: #fff;
  background-color: #ff8200;
}
button#prev::before {
  content: "\f053";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 1em;
}

button#next {
  background-color: #fff;
  font-size: 16px;
  border: 1px solid #777;
  color: #000;
  border-radius: 5px;
}
button#next:hover {
  color: #fff;
  background-color: #ff8200;
}
button#next:hover::after {
  color: #fff;
  transition: color 0.2s;
}
button#next::after {
  content: "\f054";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-left: 1em;
  color: #177100;
}

.add-error-txt-select::after {
  content: "リストから項目を選択してください。";
  display: block;
  color: #ff0000;
}

.add-error-txt-input::after {
  content: "内容を入力してください。";
  display: block;
  color: #ff0000;
}

.required {
  font-size: 14px;
  color: #ff0000;
}

.btn_voicememo {
  font-size: 1.2rem;
  padding: 0.75em 1em;
}
.btn_voicememo:hover {
  color: #fff;
}

.btn_export {
  color: #fff;
}

.card-content .detail-box .detail {
  margin: 0;
  padding: 0.25em;
}

.card-content .detail-box .detail.header {
  background-color: #f7f7f7;
  font-size: 16px;
}

.isfw_card .card-content .detail-box .detail.data {
  border-left: 1px solid #eee;
}

.card-content > .detail.header {
  margin-top: 2em;
  font-weight: bold;
}

input[type=date],
input[type=datetime-local] {
  width: -moz-fit-content;
  width: fit-content;
}
input[type=date]::-webkit-calendar-picker-indicator,
input[type=datetime-local]::-webkit-calendar-picker-indicator {
  -webkit-appearance: auto;
  appearance: auto;
}

table tr th .btn_editOnTable {
  background-image: url(/assets/img/edit-regular-blue.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0.75em 0.25em;
  background-size: 1em;
  cursor: pointer;
  vertical-align: middle;
  border: 1px solid #177100;
  border-radius: 50px;
  padding: 0 0.5em 0 2em;
  margin: 0 0 0 0.5em;
  font-size: 1.25rem;
  font-weight: normal;
  color: #177100;
}
table tr th .btn_editOnTable:hover {
  background-image: url(/assets/img/edit-regular-orange.svg);
  color: #f86302;
  border-color: #f86302;
}

table tr th .btn_editOnTable.btn_cancel {
  background-image: url(/assets/img/cancel-blue.svg);
}
table tr th .btn_editOnTable.btn_cancel:hover {
  background-image: url(/assets/img/cancel-orange.svg);
}

.cow_add-comment {
  border-top: 2px solid #177100;
  max-width: 600px;
  left: auto;
  right: 0px;
  box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.1);
}
.cow_add-comment .cow_add-comment_toggle {
  background-color: #177100;
  position: absolute;
  top: -30px;
  font-size: 1.5em;
  height: 30px;
  width: 100%;
}
.cow_add-comment .cow_add-comment_toggle:hover {
  background-color: #ff8200;
}
.cow_add-comment .image-button a::before {
  color: #5791b3;
}

.btn_accordion.active em::before,
.btn_accordion em::before {
  right: 5rem;
}

.list-btn .item .btn_preset,
.list-btn .item .btn_create_preset {
  color: #fff;
}

.cow_log-comment .detail.my-detail-comment .comment-text {
  border-radius: 30px 0 0 0;
}
.cow_log-comment li.detail .user-image img {
  box-shadow: 3px 3px 5px #ddd;
}
.cow_log-comment li.detail .comment-text {
  padding: 1em;
  box-shadow: 3px 3px 5px #ddd;
  background-color: #fff;
  border-radius: 0 30px 0 0;
}
.cow_log-comment li.detail .comment-text .user-name {
  margin-bottom: 1em;
  border-bottom: 1px solid #eee;
  padding-bottom: 0.5em;
}
.cow_log-comment li.detail .comment-text .comment-image {
  margin-top: 0em;
}
.cow_log-comment li.detail .comment-text .comment-image > p {
  line-height: 3em;
}

.cow_log-comment li.detail .icon-for-comment-edit::before,
.cow_log-comment li.detail .icon_trash_link {
  color: #177100;
}

table td .modal-delete_open::before,
.icon_trash::before,
.data-list-table .status_trash::before,
.status_trash.tab em::before,
.isfw_dialog .status_trash::before {
  font-weight: normal;
}

.isfw_main-contents a.btn_bulk-update {
  color: #fff !important;
}

.isfw_main-contents a.btn_bulk-delete {
  color: #fff !important;
}

a.mst.btn_default.modal-visiting_farm_settings_open,
a.mst.btn_default.btn_create_visiting_farm_setting,
a.mst.btn_default.modal_complaint-presets_open {
  color: #fff;
}
a.mst.btn_default.modal-visiting_farm_settings_open:hover,
a.mst.btn_default.btn_create_visiting_farm_setting:hover,
a.mst.btn_default.modal_complaint-presets_open:hover {
  color: #fff;
}

.cow_consultation-detail_header {
  display: flex;
}
.cow_consultation-detail_header .list-btn.btn_align-right .button-set .item:last-of-type {
  margin-right: 0;
}
.cow_consultation-detail_header .list-btn.btn_align-right .button-set .item:last-of-type a {
  margin-right: 0;
}
.cow_consultation-detail_header .form_title {
  font-size: 20px;
}

.isfw_main-contents .isfw_card button {
  color: #fff;
}
.isfw_main-contents .isfw_card button:hover {
  color: #fff;
  background-color: #ff8200;
}

.cow_log-comment li.detail .icon-for-comment-delete:hover::before,
.cow_log-comment li.detail .icon_trash_link:hover::before,
.cow_log-comment li.detail .icon-for-comment-edit:hover::before {
  color: #ff8200;
}

.btn_accordion {
  margin-bottom: 2rem;
}
.btn_accordion.active {
  margin-bottom: 0rem;
}

.clinical-record_content .isfw_form .plain-form.accordion {
  padding: 2rem;
  background: #eff8ff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 2rem;
}

.flash_message {
  background-color: #ff8200;
  margin-bottom: 1em;
}

@media only screen and (min-width: 768px) {
  .file-upload.file-upload-half {
    height: 165px;
    margin: 0.25em;
  }
}
@media only screen and (max-width: 767.98px) {
  .isfw_main-contents {
    padding: 0.5em 0;
  }
  .login_input .isfw_form .plain-form dd {
    width: 100%;
  }
  .cow_log-comment li.detail .user-image {
    margin: 0 0.5em;
  }
  .isfw_card .card-title {
    display: block;
  }
  .isfw_card .card-content {
    padding: 0.5em;
  }
  .isfw_card .list-btn .button-set .item {
    margin-left: 0;
    margin-right: 0;
  }
  .isfw_card .list-btn .button-set .item:nth-of-type(2n) {
    margin-left: 1em;
    margin-right: 1em;
  }
  .isfw_card .list-btn .button-set .item:last-of-type {
    margin-right: 0;
  }
  .isfw_card .list-btn .button-set .item.btn_add {
    padding: 0.75em 1em;
  }
  .list-btn.btn_align-right ul li.item {
    margin-left: 0;
  }
  .hide_mobile {
    display: none;
  }
  .cow_memo-card {
    margin: 0;
  }
  .btn_default, .btn_print, .isfw_dialog .btn_close, .btn_logout, .btn_account-setting, .folder-tree .file-search .select_filter .fs-rd:checked + label, .folder-tree .file-search .select_filter .fs-rd + label, .folder-tree .file-search .select_filter button.btn_open.current, .folder-tree .file-search .select_filter button.btn_close.current, .folder-tree .file-search .select_filter button.btn_open, .folder-tree .file-search .select_filter button.btn_close, .btn_deletecomp, .btn_restore, .btn_external-link, .btn_help, .btn_preview, .btn_print, .btn_editsave, .btn_live_booking, .btn_drawal, .btn_private, .btn_public, .btn_cancel, .btn_save, .btn_default_extra, .btn_default, .btn_primary, .btn_add, input.btn_primary, .list-btn .button-set .item a[class^=btn_], .list-btn .button-set .item button[class^=btn_] {
    padding: 0.75em 1em;
  }
  .btn_default.--one-line, .btn_print.--one-line, .isfw_dialog .btn_close.--one-line, .btn_logout.--one-line, .btn_account-setting.--one-line, .folder-tree .file-search .select_filter .fs-rd:checked + label.--one-line, .folder-tree .file-search .select_filter .fs-rd + label.--one-line, .folder-tree .file-search .select_filter button.btn_open.current.--one-line, .folder-tree .file-search .select_filter button.btn_close.current.--one-line, .folder-tree .file-search .select_filter button.btn_open.--one-line, .folder-tree .file-search .select_filter button.btn_close.--one-line, .btn_deletecomp.--one-line, .btn_restore.--one-line, .btn_external-link.--one-line, .btn_help.--one-line, .btn_preview.--one-line, .btn_print.--one-line, .btn_editsave.--one-line, .btn_live_booking.--one-line, .btn_drawal.--one-line, .btn_private.--one-line, .btn_public.--one-line, .btn_cancel.--one-line, .btn_save.--one-line, .btn_default_extra.--one-line, .btn_default.--one-line, .btn_primary.--one-line, .btn_add.--one-line, input.btn_primary.--one-line, .list-btn .button-set .item a[class^=btn_].--one-line, .list-btn .button-set .item button[class^=btn_].--one-line {
    padding: 0.75em 0.75em;
  }
  .btn_default.--one-line em, .btn_print.--one-line em, .isfw_dialog .btn_close.--one-line em, .btn_logout.--one-line em, .btn_account-setting.--one-line em, .folder-tree .file-search .select_filter .fs-rd:checked + label.--one-line em, .folder-tree .file-search .select_filter .fs-rd + label.--one-line em, .folder-tree .file-search .select_filter button.btn_open.current.--one-line em, .folder-tree .file-search .select_filter button.btn_close.current.--one-line em, .folder-tree .file-search .select_filter button.btn_open.--one-line em, .folder-tree .file-search .select_filter button.btn_close.--one-line em, .btn_deletecomp.--one-line em, .btn_restore.--one-line em, .btn_external-link.--one-line em, .btn_help.--one-line em, .btn_preview.--one-line em, .btn_print.--one-line em, .btn_editsave.--one-line em, .btn_live_booking.--one-line em, .btn_drawal.--one-line em, .btn_private.--one-line em, .btn_public.--one-line em, .btn_cancel.--one-line em, .btn_save.--one-line em, .btn_default_extra.--one-line em, .btn_default.--one-line em, .btn_primary.--one-line em, .btn_add.--one-line em, input.btn_primary.--one-line em, .list-btn .button-set .item a[class^=btn_].--one-line em, .list-btn .button-set .item button[class^=btn_].--one-line em {
    font-size: 14px;
  }
}
.isfw_main-contents a.mst.modal-present_symptoms_open {
  color: #fff;
  padding: 0.75em 1.5em;
  font-size: 1.4rem;
}

.file-upload span.icon_trash, .file-upload .data-list-table span.status_trash, .data-list-table .file-upload span.status_trash, .file-upload .isfw_dialog span.status_trash, .isfw_dialog .file-upload span.status_trash {
  color: #177100;
}
.file-upload span.icon_trash:hover, .file-upload .data-list-table span.status_trash:hover, .data-list-table .file-upload span.status_trash:hover, .file-upload .isfw_dialog span.status_trash:hover, .isfw_dialog .file-upload span.status_trash:hover {
  color: #ff8200;
}

#next, #prev,
.h3btn_cmmt .btn,
.idx_btn .btn_add,
.btn_primary, .btn_add, .btn_register, .btn_delete, .btn_account-setting, .btn_check_list, .btn_signin, .btn_passwordSend, .page-profile .btn_save, .btn_invalid {
  background-color: #177100;
  color: #fff;
  border-radius: 50px;
}
#next:hover, #prev:hover,
.h3btn_cmmt .btn:hover,
.idx_btn .btn_add:hover,
.btn_primary:hover, .btn_add:hover, .btn_register:hover, .btn_delete:hover, .btn_account-setting:hover, .btn_check_list:hover, .btn_signin:hover, .btn_passwordSend:hover, .page-profile .btn_save:hover, .btn_invalid:hover {
  color: #fff;
  background-color: #ff8200;
}

.cow_log-comment ul li audio {
  width: 100%;
}

.img_iqry audio, .img_iqry .audio-image {
  margin-right: auto;
  margin-left: 0;
}

audio {
  max-width: 520px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
audio::-webkit-media-controls-enclosure {
  border-radius: 0;
}
audio::-internal-media-controls-overflow-button {
  display: none;
}

.audio-image {
  background-color: #000;
  max-width: 520px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.audio-image::before {
  content: "\f028";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  display: block;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  padding: 30px;
  color: #999;
}

.cow_log-comment li.detail.my-detail-comment .comment-text, .cow_log-comment li.detail.my-detail-comment .comments {
  background-color: #fffeee;
  width: 100%;
}

@media only screen and (max-width: 767.98px) {
  .cow_log-comment li.detail .comment-text {
    min-width: 100%;
  }
}
.file-upload.file-upload-half {
  width: calc(50% - 0.5em);
}

.isfw_main-contents button:not([class^=btn_]):hover {
  color: #fff;
}

.form-col .form_disabled select, .form-col .form_disabled input {
  color: #a2a2a2;
}

.data-list-table {
  position: relative;
}
.data-list-table .tag.icon_diseases::before {
  content: "\e074";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: lighter;
}
.data-list-table table.add-data-table tr th:first-of-type, .data-list-table table.add-data-table tr td:first-of-type {
  min-width: 3em;
}
.data-list-table table.add-data-table tr th.small-width, .data-list-table table.add-data-table tr td.small-width {
  min-width: 4em;
}
.data-list-table table.add-data-table tr th.medium-width, .data-list-table table.add-data-table tr td.medium-width {
  min-width: 8em;
  max-width: 8em;
}
.data-list-table table.add-data-table tr th input, .data-list-table table.add-data-table tr td input {
  width: 100%;
}
.data-list-table table.add-data-table tr th .restricted_date, .data-list-table table.add-data-table tr td .restricted_date {
  max-width: 2em;
  display: inline-block;
}
.data-list-table table.add-data-table tr th input.text,
.data-list-table table.add-data-table tr th .price,
.data-list-table table.add-data-table tr th .unit_size,
.data-list-table table.add-data-table tr th .restriction_period, .data-list-table table.add-data-table tr td input.text,
.data-list-table table.add-data-table tr td .price,
.data-list-table table.add-data-table tr td .unit_size,
.data-list-table table.add-data-table tr td .restriction_period {
  text-align: center;
}
.data-list-table table.add-data-table tr th > .icon.blood-biochemical-test-results, .data-list-table table.add-data-table tr th .icon.blood-test-results, .data-list-table table.add-data-table tr th .icon.test-results, .data-list-table table.add-data-table tr td > .icon.blood-biochemical-test-results, .data-list-table table.add-data-table tr td .icon.blood-test-results, .data-list-table table.add-data-table tr td .icon.test-results {
  display: none;
}
.data-list-table table.add-data-table tr th button[class^=btn_], .data-list-table table.add-data-table tr td button[class^=btn_] {
  padding: 0.25em 0.5em;
  box-shadow: none;
}
.data-list-table table.add-data-table tr th button[class^=btn_]:hover, .data-list-table table.add-data-table tr td button[class^=btn_]:hover {
  color: #ff8200;
  background-color: #fff;
  box-shadow: 2px 2px 3px #ddd inset;
}

@media only screen and (max-width: 767.98px) {
  .sticky_table.multi-data-table.data-layout-table {
    grid-template-areas: "data-layout-head", "data-layout-body";
    display: grid;
    margin-top: 10px;
  }
  .sticky_table.multi-data-table.data-layout-table:first-of-type {
    border-top: 1px solid #ddd;
  }
  .sticky_table.multi-data-table.data-layout-table .data-layout-head {
    display: grid;
    grid-template-rows: 20px calc(100% - 20px);
    z-index: 3;
  }
  .sticky_table.multi-data-table.data-layout-table .data-layout-head tr {
    display: grid;
  }
  .sticky_table.multi-data-table.data-layout-table .data-layout-head tr .result-detail-container {
    width: 100%;
  }
  .sticky_table.multi-data-table.data-layout-table .data-layout-head td.table-row-head {
    width: 100%;
  }
  .sticky_table.multi-data-table.data-layout-table .data-layout-head .result-detail-head .result-date {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1.5em;
  }
  .sticky_table.multi-data-table.data-layout-table .data-layout-head .result-detail-head .result-date .result-detail.result-information {
    left: 45px;
    top: -15px;
  }
  .sticky_table.multi-data-table.data-layout-table .data-layout-head .result-detail-head .list-btn {
    position: absolute;
    float: none;
    left: 310px;
    top: 0;
  }
  .sticky_table.multi-data-table.data-layout-table .data-layout-head .result-detail-head .result-checkbox {
    margin-right: 3px;
  }
  .sticky_table.multi-data-table.data-layout-table .data-layout-head .mobile_left {
    text-align: left;
    padding-left: 0.5em;
  }
  .sticky_table.multi-data-table.data-layout-table .data-layout-head .mobile_center {
    text-align: center;
  }
  .sticky_table.multi-data-table.data-layout-table tbody td.table-row-head {
    width: 100%;
    position: sticky;
  }
  .sticky_table.multi-data-table.data-layout-table .data-layout-body tr:first-child {
    width: 9em;
    position: sticky;
  }
  .sticky_table.multi-data-table tbody .result-detail-container .result-detail {
    -webkit-line-clamp: 2;
  }
  .sticky_table.multi-data-table tbody .result-detail-container .result-detail.result-information {
    left: 2em;
    text-align: left;
  }
  .sticky_table.multi-data-table tbody.data-layout-body.table_scrollable {
    max-height: -moz-fit-content;
    max-height: fit-content;
  }
  .show_mobile {
    display: block;
  }
  .data-list-table .multi-data-table.data-list .mobile_short {
    min-width: 5em;
    max-width: 5em;
    z-index: 2;
    position: sticky;
    text-align: center;
  }
  .data-list-table .multi-data-table.data-list .mobile_short:first-of-type {
    z-index: 3;
    border-right: 1px solid #e7e7e7;
    max-width: 7em;
    text-align: left;
  }
  .data-list-table .multi-data-table.data-list .mobile_short:first-of-type.mobile_center {
    text-align: center;
  }
  .data-list-table .multi-data-table.data-list .mobile_short .display-name.short {
    max-width: 100%;
    display: block;
  }
  .data-list-table .multi-data-table.data-list .mobile_short .required.insurance-status {
    float: right;
  }
}
@media only screen and (min-width: 768px) {
  .data-layout-table {
    display: grid;
    grid-template-areas: "data-layout-head data-layout-body";
    grid-template-columns: 191px 1fr;
    margin-bottom: 5px;
  }
  .data-layout-table .data-layout-head {
    display: grid;
    grid-template-rows: 20px calc(100% - 20px);
  }
  .data-layout-table .data-layout-head tr {
    display: grid;
  }
  .data-layout-table .data-layout-head tr .result-detail-container {
    width: 11em;
  }
  .data-layout-table .data-layout-head tr th, .data-layout-table .data-layout-head tr td {
    border-right: 1px solid #ddd;
  }
  .data-layout-table .data-layout-body td.detail-short {
    text-align: center;
  }
  .data-layout-table .data-layout-body td.detail-short.align-center {
    text-align: center;
  }
  .data-layout-table .data-layout-body .required.insurance-status {
    position: absolute;
    right: 5px;
    top: 5px;
  }
  .data-layout-table .data-layout-body.table_scrollable {
    max-height: -moz-fit-content;
    max-height: fit-content;
  }
  .data-layout-table:nth-of-type(2n) .table-row-head {
    border-top: 1px solid #ccc;
  }
  .data-layout-table:last-of-type {
    border-bottom: 0;
  }
  .show_mobile {
    display: none;
  }
  .mobile-br {
    display: inline-block;
  }
}
.data-settings-nav .navigation-title {
  margin-bottom: 0.5em;
  font-size: 20px;
  font-weight: bold;
}
.data-settings-nav .navigation-list {
  padding-top: 0.25em;
  padding-bottom: 1em;
  margin-bottom: 1.5em;
  overflow-x: auto;
  white-space: nowrap;
}
.data-settings-nav .navigation-list .navigation-item {
  background-color: #fff;
  width: 16em;
  height: 110px;
  margin: 0 1em 0 0;
  color: #222;
  border: 1px solid #ddd;
  transition: 0.2s;
  position: relative;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  display: inline-block;
  text-align: center;
  cursor: pointer;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}
.data-settings-nav .navigation-list .navigation-item a span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-weight: bold;
  line-height: 45px;
}
.data-settings-nav .navigation-list .navigation-item .category-icon-main {
  display: block;
  font-size: 45px;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding-top: 8px;
}
.data-settings-nav .navigation-list .navigation-item .category-icon-main::before {
  margin-right: 15px;
  color: #177100;
  font-weight: lighter;
}
.data-settings-nav .navigation-list .navigation-item .category-icon-main .category-icon-sub::before {
  color: #177100;
  background-color: #fff;
  border-radius: 50px;
  position: absolute;
  left: 50%;
  bottom: -6px;
  font-size: 18px;
  padding: 5px;
  border: 2px solid #177100;
  width: 36px;
}
.data-settings-nav .navigation-list .navigation-item:hover {
  border-color: #36609d;
  color: #ff8200;
}
.data-settings-nav .navigation-list .navigation-item:hover > a {
  color: #ff8200;
}
.data-settings-nav .navigation-list .navigation-item:hover > a .category-icon-main::before {
  color: #ff8200;
  transition: all 0.2s ease-out;
}
.data-settings-nav .navigation-list .navigation-item:hover > a .category-icon-main .category-icon-sub::before {
  color: #ff8200;
  border-color: #ff8200;
  transition: all 0.2s ease-out;
}
.data-settings-nav .navigation-list .navigation-item:hover > a .category-icon-main.icon_cattle-raisers::before {
  background-color: #ff8200;
  transition: all 0.2s ease-out;
}
.data-settings-nav .navigation-list .navigation-item .icon_presets-setting::before {
  content: "\f469";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_presets-setting .category-icon-sub::before {
  content: "\f1de";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_complaint-setting::before {
  content: "\f15c";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_complaint-setting .category-icon-sub::before {
  content: "\f1de";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_visiting-farm-setting::before {
  content: "\f1b9";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_visiting-farm-setting .category-icon-sub::before {
  content: "\f1de";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_medical-treatments-setting::before {
  content: "\f48e";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_medical-treatments-setting .category-icon-sub::before {
  content: "\f013";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_clinical-medical-treatments-setting::before {
  content: "\f48e";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_clinical-medical-treatments-setting .category-icon-sub::before {
  content: "\f7f2";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_treatment-setting::before {
  content: "\f48e";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_treatment-setting .category-icon-sub::before {
  content: "\f338";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_medicines::before {
  content: "\f46b";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_medicines .category-icon-sub::before {
  content: "\f013";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_clinical_medicines::before {
  content: "\f46b";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_clinical_medicines .category-icon-sub::before {
  content: "\f7f2";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_medicine-settings::before {
  content: "\f46b";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_medicine-settings .category-icon-sub::before {
  content: "\f338";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_diseases::before {
  content: "\e074";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_diseases .category-icon-sub::before {
  content: "\f013";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_clinical_diseases::before {
  content: "\e074";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_clinical_diseases .category-icon-sub::before {
  content: "\f7f2";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_disease-settings::before {
  content: "\e074";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_disease-settings .category-icon-sub::before {
  content: "\f338";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_clinical-medicines-in-instructions::before {
  content: "\f477";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_clinical-medicines-in-instructions .category-icon-sub::before {
  content: "\f013";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_clinical-medicines-in-instructions-settings::before {
  content: "\f477";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_clinical-medicines-in-instructions-settings .category-icon-sub::before {
  content: "\f338";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_farmers::before {
  content: "\f864";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0;
}
.data-settings-nav .navigation-list .navigation-item .icon_cattle-raisers::before {
  content: "";
  display: block;
  margin: 0 auto;
  background-color: #177100;
  -webkit-mask-image: url(/assets/img/icon_digging.svg);
  mask-image: url(/assets/img/icon_digging.svg);
  width: 60px;
  height: 60px;
}
.data-settings-nav .navigation-list .navigation-item .icon_user-group::before {
  content: "\f0c0";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0;
}
.data-settings-nav .navigation-list .navigation-item .icon_clinic-staff::before {
  content: "\f0f0";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0;
}
.data-settings-nav .navigation-list .navigation-item .icon_output_format::before {
  content: "\f02f";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_output_format .category-icon-sub::before {
  content: "\f013";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_clinical-records::before {
  content: "\f478";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_clinical-records .category-icon-sub::before {
  content: "\f013";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_u-motion::before {
  content: "U";
}
.data-settings-nav .navigation-list .navigation-item .icon_u-motion .category-icon-sub::before {
  content: "\f013";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.data-settings-nav .navigation-list .navigation-item .icon_u-motion-request::before {
  content: "U";
}
.data-settings-nav .navigation-list .navigation-item .icon_u-motion-request .category-icon-sub::before {
  content: "\e068";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
}

@media only screen and (max-width: 767.98px) {
  .data-settings-nav .navigation-title {
    font-size: 18px;
  }
  .data-settings-nav .navigation-list {
    padding-bottom: 0;
    overflow-x: auto;
    white-space: normal;
  }
  .data-settings-nav .navigation-list .navigation-item {
    width: 160px;
    height: 100px;
    margin: 0 0 0 0;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    margin-bottom: 1em;
  }
  .data-settings-nav .navigation-list .navigation-item:nth-of-type(2n) {
    margin-left: 0.25em;
    margin-right: 0.25em;
  }
  .data-settings-nav .navigation-list .navigation-item a span {
    padding-bottom: 0.5em;
    line-height: 18px;
    height: 40px;
  }
  .data-settings-nav .navigation-list .navigation-item .category-icon-main {
    font-size: 32px;
    padding-top: 8px;
  }
  .data-settings-nav .navigation-list .navigation-item .category-icon-main::before {
    margin-right: 15px;
  }
  .data-settings-nav .navigation-list .navigation-item .category-icon-main .category-icon-sub::before {
    left: 50%;
    bottom: -5px;
    font-size: 12px;
    padding: 3px;
    border: 2px solid #177100;
    width: 24px;
  }
  .data-settings-nav .navigation-list .navigation-item .icon_cattle-raisers::before {
    width: 45px;
    height: 45px;
    margin-right: 55px;
  }
  .data-settings-nav .navigation-list .navigation-item .icon_farmers {
    padding-top: 12px;
  }
  .data-settings-nav .navigation-list .navigation-item .icon_farmers::before {
    margin-right: 0px;
  }
  .mobile-br {
    display: block;
  }
}
a[class^=btn_]:focus-visible, button[class^=btn_]:focus-visible, [type=button]:focus-visible, [type=reset]:focus-visible, [type=submit]:focus-visible, button#prev:focus-visible, button#next:focus-visible, input[type=checkbox]:focus-visible, .admin_h2btn > button:focus-visible {
  outline: 4px double #ff8200;
  outline-offset: 0px;
  background-color: #ff8200 !important;
  transition: all 0.2s ease-out;
  color: #fff;
}
a[class^=btn_]:focus-visible:before, a[class^=btn_]:focus-visible:after, button[class^=btn_]:focus-visible:before, button[class^=btn_]:focus-visible:after, [type=button]:focus-visible:before, [type=button]:focus-visible:after, [type=reset]:focus-visible:before, [type=reset]:focus-visible:after, [type=submit]:focus-visible:before, [type=submit]:focus-visible:after, button#prev:focus-visible:before, button#prev:focus-visible:after, button#next:focus-visible:before, button#next:focus-visible:after, input[type=checkbox]:focus-visible:before, input[type=checkbox]:focus-visible:after, .admin_h2btn > button:focus-visible:before, .admin_h2btn > button:focus-visible:after {
  color: #fff;
  transition: all 0.2s ease-out;
}
a[class^=btn_]:focus-visible em, button[class^=btn_]:focus-visible em, [type=button]:focus-visible em, [type=reset]:focus-visible em, [type=submit]:focus-visible em, button#prev:focus-visible em, button#next:focus-visible em, input[type=checkbox]:focus-visible em, .admin_h2btn > button:focus-visible em {
  color: #fff;
}

.text-input-table:focus-visible, select:focus-visible, .select2-container--default .select2-selection--single:focus-visible, textarea:focus-visible, button.set-preset:focus-visible, button.set-distance:focus-visible {
  border: 1px solid #ff8200;
  box-shadow: 0 0 0 1px #ff8200;
  background-color: rgba(255, 130, 0, 0.05);
  outline: 1px solid #ff8200;
  border-radius: 3px;
  transition: all 0.2s ease-out;
}

.data-list .data-table-body .medical_treatment_details .btn_disable:focus-visible {
  background-color: #ccc !important;
  pointer-events: none;
}
.data-list .data-table-body .medical_treatment_details .btn_disable:focus-visible:before, .data-list .data-table-body .medical_treatment_details .btn_disable:focus-visible:after {
  color: #999 !important;
  transition: all 0.2s ease-out;
}
.data-list .data-table-body .add_blood-biochemical-test-types:focus-visible, .data-list .data-table-body .modal-memo_open:focus-visible, .data-list .data-table-body .medical_treatment:focus-visible, .data-list .data-table-body .medicine:focus-visible, .data-list .data-table-body .clear:focus-visible {
  background-color: #fff !important;
}
.data-list .data-table-body .add_blood-biochemical-test-types:focus-visible:before, .data-list .data-table-body .add_blood-biochemical-test-types:focus-visible:after, .data-list .data-table-body .add_blood-biochemical-test-types:focus-visible em, .data-list .data-table-body .add_blood-biochemical-test-types:focus-visible span, .data-list .data-table-body .modal-memo_open:focus-visible:before, .data-list .data-table-body .modal-memo_open:focus-visible:after, .data-list .data-table-body .modal-memo_open:focus-visible em, .data-list .data-table-body .modal-memo_open:focus-visible span, .data-list .data-table-body .medical_treatment:focus-visible:before, .data-list .data-table-body .medical_treatment:focus-visible:after, .data-list .data-table-body .medical_treatment:focus-visible em, .data-list .data-table-body .medical_treatment:focus-visible span, .data-list .data-table-body .medicine:focus-visible:before, .data-list .data-table-body .medicine:focus-visible:after, .data-list .data-table-body .medicine:focus-visible em, .data-list .data-table-body .medicine:focus-visible span, .data-list .data-table-body .clear:focus-visible:before, .data-list .data-table-body .clear:focus-visible:after, .data-list .data-table-body .clear:focus-visible em, .data-list .data-table-body .clear:focus-visible span {
  color: #ff8200;
  transition: all 0.2s ease-out;
}
.data-list .data-table-body button.icon_search {
  padding: 4px;
  border-radius: 3px;
}
.data-list .data-table-body button.icon_search:focus-visible {
  background-color: #fff;
  outline: 1px solid #ff8200;
  border-radius: 3px;
  color: #ff8200;
  transition: all 0.2s ease-out;
}
.data-list .data-table-body button.icon_eraser {
  padding: 4px;
  border-radius: 3px;
}
.data-list .data-table-body button.icon_eraser:focus-visible {
  background-color: #fff;
  outline: 1px solid #ff8200;
  border-radius: 3px;
  color: #ff8200;
  transition: all 0.2s ease-out;
}
.data-list .data-table-body .clear {
  padding: 0.25em 0.5em;
  box-shadow: none;
}

.short-cut-tooltips {
  display: none;
  opacity: 0;
}

@media only screen and (min-width: 768px) {
  .short-cut-tooltips.is-on {
    display: block;
    position: fixed;
    left: 45%;
    bottom: 5%;
    width: 260px;
    height: auto;
    padding: 0.5em 0.5em;
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  }
  .short-cut-tooltips.is-on .tooltip-list {
    display: block;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
}
.input_support-content {
  text-align: right;
}
@media only screen and (max-width: 768px) {
  .input_support-content {
    display: none;
  }
}
.input_support-content .input_support {
  padding-right: 4em;
}
.input_support-content .input_support:hover {
  color: #ff8200 !important;
}
.input_support-content .input_support .icon_input_support::before {
  content: "\f059";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.2em;
  font-size: 1.5em !important;
}

.dialog-content .image-list {
  width: 200px;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.dialog-content .image-list .audio-image {
  margin-top: 0;
  line-height: 100px;
}
.dialog-content .image-list audio {
  display: block;
  height: 40px;
}
.dialog-content .image-list .video-js {
  max-width: 200px;
  height: 200px;
  border: 1px solid #ddd;
}
.dialog-content .image-list .video-js .vjs-control {
  width: 3.5em;
}
.dialog-content .image-list .video-js .vjs-control-bar {
  height: 2.5rem;
}
.dialog-content .image-list .video-js :not(.vjs-big-play-button) .vjs-icon-placeholder:before {
  font-size: 2rem;
  line-height: 2.5rem;
}
.dialog-content .image-list .video-js .vjs-time-control {
  line-height: 2.5rem;
}
.dialog-content .image-list img {
  max-width: 200px;
  border: 1px solid #ddd;
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
  object-fit: cover;
}
.dialog-content .image-list img:hover {
  opacity: 0.5;
  border: 1px solid #177100;
  transition: all 0.2s ease-out;
}
.dialog-content .image-list .file-link {
  display: flex;
  width: 200px;
  height: 200px;
  border: 1px solid #eee;
  padding: 0 10px;
  align-items: center;
  justify-items: center;
  text-align: left;
}
.dialog-content .image-list .file-link:hover {
  border: 1px solid #177100;
  color: #ff8200;
  border-radius: 4px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.dialog-content .image-list .file-link:hover::before {
  color: #ff8200;
  transition: all 0.2s ease-out;
}
.dialog-content .image-list .file-link.word::before {
  content: "\f1c2";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.dialog-content .image-list .file-link.excel::before {
  content: "\f1c3";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.dialog-content .image-list .file-link.power-point::before {
  content: "\f1c4";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.dialog-content .image-list .file-link.pdf::before {
  content: "\f1c1";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.dialog-content .image-list .file-link.csv::before {
  content: "\f6dd";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.dialog-content .image-list .file-link.zip::before {
  content: "\f1c6";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
}
.dialog-content .image-list .file-link::before {
  color: #177100;
  font-size: 24px;
  font-weight: bold;
  margin-right: 1rem;
}
@media screen and (max-width: 767.98px) {
  .dialog-content .image-list {
    display: block;
    text-align: center;
  }
  .dialog-content .image-list .video-js {
    margin: auto;
  }
}

.isfw_main-container .isfw_contents .isfw_main-contents .out-card {
  margin-top: 0;
  margin-bottom: 1em;
}
@media only screen and (max-width: 767.98px) {
  .isfw_main-container .isfw_contents .isfw_main-contents .out-card {
    margin-bottom: 10px;
  }
}

.tooltip-text {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 300px;
  min-width: 300px;
  background-color: #000;
  color: #fff;
  border-radius: 6px;
  padding: 8px;
  position: fixed;
  z-index: 999;
  font-size: 14px;
}
.tooltip-text::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  left: 24px;
  bottom: 0px;
  transform: translate(-50%, 50%) rotate(45deg);
  background-color: #000;
}
@media screen and (max-width: 767.98px) {
  .tooltip-text {
    display: none;
  }
}

.read-more::before {
  content: "";
  position: absolute;
  right: -10px;
  top: -10px;
  width: 10px;
  height: 10px;
  transform: translate(-50%, 50%) rotate(45deg);
  background-color: #ff8200;
}

.icon-for-comment-edit:hover,
.icon_close:hover, input[type=date]:hover, input[type=datetime-loacal]:hover,
input[type=checkbox]:hover, input[type=radio]:hover {
  cursor: pointer;
}

input[type=date]::-webkit-calendar-picker-indicator,
input[type=datetime-local]::-webkit-calendar-picker-indicator {
  cursor: pointer !important;
}
input[type=date]::-webkit-calendar-picker-indicator .pd-left-15,
input[type=datetime-local]::-webkit-calendar-picker-indicator .pd-left-15 {
  padding-left: 1.5em;
}

body {
  overflow-x: hidden;
}

.select2-results__options {
  overscroll-behavior: contain;
}

.input-text.check {
  background-color: transparent;
}

.btn_update-calving-info {
  display: inline-block;
}

.modal_update-calving-info {
  position: relative;
  color: #177100;
}
.modal_update-calving-info:hover {
  color: #ff8200;
  transition: all 0.2s ease-out;
}
.modal_update-calving-info:hover span {
  opacity: 1;
  transition: all 0.2s ease-out;
}
.modal_update-calving-info span {
  position: absolute;
  left: 40px;
  white-space: nowrap;
  font-size: 14px;
  background-color: #222;
  color: #fff;
  padding: 5px 10px;
  top: -3px;
  border-radius: 3px;
  opacity: 0;
  pointer-events: none;
}
.modal_update-calving-info span::before {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 50%;
  left: -5px;
  transform: translateY(-50%);
  border-right: 5px solid #222;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.isfw_card .card-content .link-container {
  text-align: right;
}
.isfw_card .card-content .link-container.display-vertical {
  text-align: left;
  display: block;
  margin-top: 1em;
}
.isfw_card .card-content .link-container a.link {
  padding: 5px 0;
}
.isfw_card .card-content .link-container a.link.icon_line {
  padding-left: 2px;
}
.isfw_card .card-content .link-container a.link.icon_line::before {
  width: 20px;
  height: 20px;
  content: "";
  background-image: url(/assets/img/icon_line_20px.png);
}
.isfw_card .card-content .link-container a.link.icon_google_calendar {
  padding-left: 5px;
}
.isfw_card .card-content .link-container a.link.icon_google_calendar::before {
  content: "\f073";
  font-family: "Font Awesome 5 Pro";
}
.isfw_card .card-content .link-container a.link.icon_google_map::before {
  content: "\f3c5";
  font-family: "Font Awesome 5 Pro";
}
.isfw_card .card-content .link-container a.link.icon_line, .isfw_card .card-content .link-container a.link.icon_google_calendar, .isfw_card .card-content .link-container a.link.icon_google_map {
  position: relative;
  color: #177100;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
.isfw_card .card-content .link-container a.link.icon_line::before, .isfw_card .card-content .link-container a.link.icon_google_calendar::before, .isfw_card .card-content .link-container a.link.icon_google_map::before {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 5px;
  margin-bottom: -3px;
  text-align: right;
}
.isfw_card .card-content .link-container a.link.icon_line::after, .isfw_card .card-content .link-container a.link.icon_google_calendar::after, .isfw_card .card-content .link-container a.link.icon_google_map::after {
  content: "";
  margin: 0 0;
  display: none;
}
.isfw_card .card-content .link-container a.link.icon_line:hover, .isfw_card .card-content .link-container a.link.icon_google_calendar:hover, .isfw_card .card-content .link-container a.link.icon_google_map:hover {
  color: #ff8200;
}
.isfw_card .card-content .link-container a.link.icon_line:hover::before, .isfw_card .card-content .link-container a.link.icon_google_calendar:hover::before, .isfw_card .card-content .link-container a.link.icon_google_map:hover::before {
  opacity: 0.6;
  transition: all 0.2s ease-out;
}

.detail.data .link-container {
  display: block;
  text-align: left;
}
.detail.data .link-container a.link {
  padding: 0 0;
  margin: 2px 0;
}

.error-message {
  color: red;
}

.warning-box-area {
  color: #ff9d1f;
}

.warning-box-area:has(p) {
  margin-bottom: 0.5em;
}

.warning-detail-text:before {
  content: "\f071";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5em;
  color: #ff9d1f;
  font-size: 1em;
  font-weight: bold;
}

#cow-row {
  margin-left: 0;
}

.copy_content .input-text.check {
  margin-top: 7px;
}

@-moz-document url-prefix() {
  .input-text .text {
    padding: 0 0.5em 0.1em 0.5em;
  }
}
.list-btn li.item .icon_vmenu .vmenu_lists.wide {
  min-width: 300px;
}