@charset "UTF-8";
/* admin component-list */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
.navigation ul, .wrapper {
  zoom: 1;
}
.navigation ul:before, .wrapper:before, .navigation ul:after, .wrapper:after {
  content: "";
  display: table;
}
.navigation ul:after, .wrapper:after {
  clear: both;
}

.is-open {
  transition: opacity 0.25s linear;
}

.for-sp {
  display: none !important;
}

.for-pc {
  display: block !important;
}

@media screen and (min-width: 767px) {
  .for-sp {
    display: block !important;
  }
  .for-pc {
    display: none !important;
  }
}
.row {
  display: flex;
  width: 100%;
}

.alc {
  align-items: center;
}

.jcc {
  justify-content: center;
}

.jcsb {
  justify-content: space-between;
}

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

.fshrink {
  flex-shrink: 0;
}

.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;
}

ul.list-pure {
  list-style-type: disc;
  margin: 0 0 0 1.5em;
}
ul.list-pure li + li {
  margin-top: 0.75em;
}
ul.list-pure ul {
  margin-top: 0.75em;
}

ol.list-pure {
  list-style-type: decimal;
  margin: 0 0 0 1.5em;
}
ol.list-pure li + li {
  margin-top: 0.75em;
}
ol.list-pure ul {
  margin-top: 0.75em;
}

.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;
}

.text-badge {
  background-color: #666;
  border-radius: 10px;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  padding: 0.25em 1em;
}

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

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

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

.icon_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_preview:before {
  font-weight: lighter;
  content: "\f06e";
  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;
}

.icon_clipboard:after {
  cursor: pointer;
  font-weight: bold;
  content: "\f328";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin: 0 0.5em;
}

.icon_topicpath:before {
  color: #bbb;
  font-size: 11px;
  margin: 0 0.5em;
}

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

.icon_lock:before {
  font-weight: bold;
  content: "\f30d";
  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;
}

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

.icon_ver {
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 8px;
  padding: 2px 5px;
}
.icon_ver.ver1 {
  background-color: #999;
}
.icon_ver.ver2 {
  background-color: #333;
}

.isfw_card {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  word-break: break-word;
  overflow-wrap: break-word;
}
.isfw_card + .isfw_card {
  margin-top: 20px;
}
.isfw_card img {
  max-width: 100%;
}
.isfw_card .card-title {
  display: flex;
  padding: 20px;
  border-bottom: 1px solid #f5f5f5;
  color: #666;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.isfw_card .card-title .text-badge {
  margin-left: auto;
}
.isfw_card .card-content {
  padding: 20px;
}
.isfw_card .card-content .isfw_form {
  margin: 0;
}

.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;
  z-index: 110;
}

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

.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.readonly {
  pointer-events: none;
  opacity: 0.5;
}

.dialog_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: 999;
}

.dialog_content {
  position: relative;
  z-index: 1000;
}

.fix-w5 {
  width: 5em !important;
}

.fix-w6 {
  width: 6em !important;
}

.fix-w7 {
  width: 7em !important;
}

.fix-w8 {
  width: 8em !important;
}

.fix-w9 {
  width: 9em !important;
}

.fix-w10 {
  width: 10em !important;
}

.fix-w11 {
  width: 11em !important;
}

.fix-w12 {
  width: 12em !important;
}

.fix-w13 {
  width: 13em !important;
}

.fix-w14 {
  width: 14em !important;
}

.fix-w15 {
  width: 15em !important;
}

.fix-w16 {
  width: 16em !important;
}

.fix-w17 {
  width: 17em !important;
}

.fix-w18 {
  width: 18em !important;
}

.fix-w19 {
  width: 19em !important;
}

.fix-w20 {
  width: 20em !important;
}

.fix-w21 {
  width: 21em !important;
}

.fix-w22 {
  width: 22em !important;
}

.fix-w23 {
  width: 23em !important;
}

.fix-w24 {
  width: 24em !important;
}

.fix-w25 {
  width: 25em !important;
}

.fix-w26 {
  width: 26em !important;
}

.fix-w27 {
  width: 27em !important;
}

.fix-w28 {
  width: 28em !important;
}

.fix-w29 {
  width: 29em !important;
}

.fix-w30 {
  width: 30em !important;
}

.fix-h5 {
  height: 5em !important;
}

.fix-h6 {
  height: 6em !important;
}

.fix-h7 {
  height: 7em !important;
}

.fix-h8 {
  height: 8em !important;
}

.fix-h9 {
  height: 9em !important;
}

.fix-h10 {
  height: 10em !important;
}

.fix-h11 {
  height: 11em !important;
}

.fix-h12 {
  height: 12em !important;
}

.fix-h13 {
  height: 13em !important;
}

.fix-h14 {
  height: 14em !important;
}

.fix-h15 {
  height: 15em !important;
}

.fix-h16 {
  height: 16em !important;
}

.fix-h17 {
  height: 17em !important;
}

.fix-h18 {
  height: 18em !important;
}

.fix-h19 {
  height: 19em !important;
}

.fix-h20 {
  height: 20em !important;
}

.fix-h21 {
  height: 21em !important;
}

.fix-h22 {
  height: 22em !important;
}

.fix-h23 {
  height: 23em !important;
}

.fix-h24 {
  height: 24em !important;
}

.fix-h25 {
  height: 25em !important;
}

.fix-h26 {
  height: 26em !important;
}

.fix-h27 {
  height: 27em !important;
}

.fix-h28 {
  height: 28em !important;
}

.fix-h29 {
  height: 29em !important;
}

.fix-h30 {
  height: 30em !important;
}

.min-w5 {
  min-width: 5em !important;
}

.min-w6 {
  min-width: 6em !important;
}

.min-w7 {
  min-width: 7em !important;
}

.min-w8 {
  min-width: 8em !important;
}

.min-w9 {
  min-width: 9em !important;
}

.min-w10 {
  min-width: 10em !important;
}

.min-w11 {
  min-width: 11em !important;
}

.min-w12 {
  min-width: 12em !important;
}

.min-w13 {
  min-width: 13em !important;
}

.min-w14 {
  min-width: 14em !important;
}

.min-w15 {
  min-width: 15em !important;
}

.min-w16 {
  min-width: 16em !important;
}

.min-w17 {
  min-width: 17em !important;
}

.min-w18 {
  min-width: 18em !important;
}

.min-w19 {
  min-width: 19em !important;
}

.min-w20 {
  min-width: 20em !important;
}

.min-w21 {
  min-width: 21em !important;
}

.min-w22 {
  min-width: 22em !important;
}

.min-w23 {
  min-width: 23em !important;
}

.min-w24 {
  min-width: 24em !important;
}

.min-w25 {
  min-width: 25em !important;
}

.min-w26 {
  min-width: 26em !important;
}

.min-w27 {
  min-width: 27em !important;
}

.min-w28 {
  min-width: 28em !important;
}

.min-w29 {
  min-width: 29em !important;
}

.min-w30 {
  min-width: 30em !important;
}

.min-h5 {
  min-height: 5em !important;
}

.min-h6 {
  min-height: 6em !important;
}

.min-h7 {
  min-height: 7em !important;
}

.min-h8 {
  min-height: 8em !important;
}

.min-h9 {
  min-height: 9em !important;
}

.min-h10 {
  min-height: 10em !important;
}

.min-h11 {
  min-height: 11em !important;
}

.min-h12 {
  min-height: 12em !important;
}

.min-h13 {
  min-height: 13em !important;
}

.min-h14 {
  min-height: 14em !important;
}

.min-h15 {
  min-height: 15em !important;
}

.min-h16 {
  min-height: 16em !important;
}

.min-h17 {
  min-height: 17em !important;
}

.min-h18 {
  min-height: 18em !important;
}

.min-h19 {
  min-height: 19em !important;
}

.min-h20 {
  min-height: 20em !important;
}

.min-h21 {
  min-height: 21em !important;
}

.min-h22 {
  min-height: 22em !important;
}

.min-h23 {
  min-height: 23em !important;
}

.min-h24 {
  min-height: 24em !important;
}

.min-h25 {
  min-height: 25em !important;
}

.min-h26 {
  min-height: 26em !important;
}

.min-h27 {
  min-height: 27em !important;
}

.min-h28 {
  min-height: 28em !important;
}

.min-h29 {
  min-height: 29em !important;
}

.min-h30 {
  min-height: 30em !important;
}

.max-w5 {
  max-width: 5em !important;
}

.max-w6 {
  max-width: 6em !important;
}

.max-w7 {
  max-width: 7em !important;
}

.max-w8 {
  max-width: 8em !important;
}

.max-w9 {
  max-width: 9em !important;
}

.max-w10 {
  max-width: 10em !important;
}

.max-w11 {
  max-width: 11em !important;
}

.max-w12 {
  max-width: 12em !important;
}

.max-w13 {
  max-width: 13em !important;
}

.max-w14 {
  max-width: 14em !important;
}

.max-w15 {
  max-width: 15em !important;
}

.max-w16 {
  max-width: 16em !important;
}

.max-w17 {
  max-width: 17em !important;
}

.max-w18 {
  max-width: 18em !important;
}

.max-w19 {
  max-width: 19em !important;
}

.max-w20 {
  max-width: 20em !important;
}

.max-w21 {
  max-width: 21em !important;
}

.max-w22 {
  max-width: 22em !important;
}

.max-w23 {
  max-width: 23em !important;
}

.max-w24 {
  max-width: 24em !important;
}

.max-w25 {
  max-width: 25em !important;
}

.max-w26 {
  max-width: 26em !important;
}

.max-w27 {
  max-width: 27em !important;
}

.max-w28 {
  max-width: 28em !important;
}

.max-w29 {
  max-width: 29em !important;
}

.max-w30 {
  max-width: 30em !important;
}

.max-h5 {
  max-height: 5em !important;
}

.max-h6 {
  max-height: 6em !important;
}

.max-h7 {
  max-height: 7em !important;
}

.max-h8 {
  max-height: 8em !important;
}

.max-h9 {
  max-height: 9em !important;
}

.max-h10 {
  max-height: 10em !important;
}

.max-h11 {
  max-height: 11em !important;
}

.max-h12 {
  max-height: 12em !important;
}

.max-h13 {
  max-height: 13em !important;
}

.max-h14 {
  max-height: 14em !important;
}

.max-h15 {
  max-height: 15em !important;
}

.max-h16 {
  max-height: 16em !important;
}

.max-h17 {
  max-height: 17em !important;
}

.max-h18 {
  max-height: 18em !important;
}

.max-h19 {
  max-height: 19em !important;
}

.max-h20 {
  max-height: 20em !important;
}

.max-h21 {
  max-height: 21em !important;
}

.max-h22 {
  max-height: 22em !important;
}

.max-h23 {
  max-height: 23em !important;
}

.max-h24 {
  max-height: 24em !important;
}

.max-h25 {
  max-height: 25em !important;
}

.max-h26 {
  max-height: 26em !important;
}

.max-h27 {
  max-height: 27em !important;
}

.max-h28 {
  max-height: 28em !important;
}

.max-h29 {
  max-height: 29em !important;
}

.max-h30 {
  max-height: 30em !important;
}

.footer {
  margin-top: 3em;
  margin-bottom: 3px;
  position: relative;
}
.footer a {
  border-bottom: none;
  font-size: 12px;
}
.footer .page_top {
  padding: 1em 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.footer .page_top a:before {
  content: "\f32c";
  font-family: "Font Awesome 5 Pro";
  margin-right: 5px;
  font-weight: 700;
}
.footer .footer_logo {
  clear: both;
  display: block;
  border-top: 1px solid #c6cfdb;
  padding: 1.5em 0;
  text-align: center;
}
.footer .footer_logo img {
  width: 48px;
}
.footer .footer_logo small {
  color: #6e514c;
  margin-right: 1.5rem;
  font-size: 1.4rem;
  font-family: "Helvetica", "Arial", sans-serif;
}
.footer .footer_link {
  position: absolute;
  right: 0;
  bottom: 2.35em;
}
.footer .footer_link li {
  display: inline-block;
  width: auto;
}
.footer .footer_link li:first-child {
  margin-right: 1em;
}
.footer .footer_link a:after {
  content: "\f2d2";
  font-family: "Font Awesome 5 Pro";
  margin-left: 5px;
  font-weight: 700;
}

@media screen and (max-width: 1150px) {
  .footer .footer_logo {
    padding-top: 4.5em;
  }
  .footer .footer_link {
    bottom: 6.5em;
  }
}
.fixed_footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  margin: 0 -5px;
  border-top: 1px solid #a7a7a7;
  background-color: #fff;
  z-index: 50;
}
.fixed_footer ul {
  display: flex;
  height: 50px;
  flex-wrap: nowrap;
}
.fixed_footer ul li {
  border-right: 1px solid #a7a7a7;
  position: relative;
}
.fixed_footer ul li a {
  display: block;
  height: 100%;
  border: none;
  overflow: hidden;
}
.fixed_footer ul li a em:before {
  font-family: "Font Awesome 5 Pro Solid";
  font-weight: 700;
  font-size: 2em;
  display: block;
  height: 50px;
  text-align: center;
  margin-top: 5px;
}
.fixed_footer ul li:last-child {
  border-right: none;
}
.fixed_footer ul li.top em:before {
  content: "";
  background-image: url(../images/smiles.svg);
  background-repeat: no-repeat;
  background-position: center;
  height: 35px;
  width: 100%;
  background-size: contain;
  vertical-align: middle;
  display: inline-block;
  margin-top: 8px;
  margin-bottom: 10px;
}
.fixed_footer ul li.top em:active:before, .fixed_footer ul li.top em:hover:before {
  background-image: url(../images/smiles_2.png);
}
.fixed_footer ul li.event em:before {
  content: "\f073";
}
.fixed_footer ul li.spa em:before {
  content: "\f5c4";
  margin-top: 6px;
}
.fixed_footer ul li.service em:before {
  content: "\f46d";
}
.fixed_footer ul li.info em:before {
  content: "\f05a";
  margin-top: 6px;
}
.fixed_footer ul li.notify:after {
  border: 3px solid #fff;
  background-color: #fb5c1c;
  border-radius: 50%;
  content: "";
  height: 20px;
  position: absolute;
  right: 20%;
  top: 4px;
  width: 20px;
}

.global_navigation {
  background: #f8f6f6;
  border-right: 1px solid #c6cfdb;
  height: calc(100% - 80px);
  width: 280px;
  position: fixed;
  top: 80px;
  left: 0;
  transition: 0.2s;
  overflow: hidden;
}

.wrapper.active {
  margin-left: 50px;
  width: calc(100% - 50px);
}
.wrapper.active .global_navigation {
  width: 50px;
}
.wrapper.active .global_navigation .side_menu_list ul {
  width: 100%;
}
.wrapper.active .global_navigation .side_menu_list ul li {
  width: 50px;
}
.wrapper.active .global_navigation .side_menu_list ul span {
  display: none;
}
.wrapper.active .global_navigation .link_list {
  position: absolute;
  bottom: 0;
}
.wrapper.active .global_navigation .link_hillsspa,
.wrapper.active .global_navigation .link_moriliving,
.wrapper.active .global_navigation .link_mori {
  display: none;
}

.side_menu_list,
.wrapper {
  position: relative;
}
.side_menu_list .ps__scrollbar-x-rail,
.wrapper .ps__scrollbar-x-rail {
  display: none !important;
}

.side_menu_list {
  align-content: space-between;
  display: flex;
  flex-wrap: wrap;
  height: calc(100vh - 80px);
  overflow-y: auto;
  overflow-x: hidden;
}
.side_menu_list ul {
  width: 280px;
}
.side_menu_list ul li {
  width: 100%;
  transition: 0.2s;
}
.side_menu_list ul li.current {
  background-color: #6e514c;
  pointer-events: none;
}
.side_menu_list ul li.current em {
  color: #fff;
}
.side_menu_list ul a {
  border: none;
  color: #444;
  display: block;
  padding: 0.75em 1em;
}
.side_menu_list ul a em {
  display: inline-block;
  min-height: 1em;
}
.side_menu_list ul a span {
  display: inline-block;
}
.menu_list,
.link_logout {
  display: block;
  width: 100%;
}
.menu_list li,
.link_logout li {
  border-bottom: 1px solid #cbcbcb;
}
.menu_list li:hover,
.link_logout li:hover {
  background: #e2dcdb;
}
.menu_list li:hover em,
.link_logout li:hover em {
  color: #6e514c;
}
.menu_list .menu_mypage em:before,
.link_logout .menu_mypage em:before {
  content: "\f007";
  left: 3px;
  top: 1px;
}
.menu_list .menu_smile em:before,
.link_logout .menu_smile em:before {
  background-image: url(../images/smiles_444.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  height: 1em;
  width: 1em;
  left: 2px;
  top: 0px;
}
.menu_list .menu_smile.current em:before,
.link_logout .menu_smile.current em:before {
  background-image: url(../images/smiles_white.svg);
}
.menu_list .menu_news em:before,
.link_logout .menu_news em:before {
  content: "\f05a";
  left: 2px;
  top: 1px;
}
.menu_list .menu_event em:before,
.link_logout .menu_event em:before {
  content: "\f073";
  left: 3px;
  top: 0px;
}
.menu_list .menu_hillsspa em:before,
.link_logout .menu_hillsspa em:before {
  content: "\f5c4";
  top: 0px;
  left: 0px;
}
.menu_list .menu_health em:before,
.link_logout .menu_health em:before {
  content: "\f0f0";
  left: 2px;
  top: 1px;
}
.menu_list .menu_facility em:before,
.link_logout .menu_facility em:before {
  content: "\f1ad";
  left: 3px;
  top: 0px;
}
.menu_list .menu_library em:before,
.link_logout .menu_library em:before {
  content: "\f5db";
  left: 1px;
  top: 0px;
}
.menu_list .menu_service em:before,
.link_logout .menu_service em:before {
  content: "\f46d";
  left: 4px;
  top: 1px;
}
.menu_list .menu_contact em:before,
.link_logout .menu_contact em:before {
  content: "\f0e0";
  left: 2px;
  top: 1px;
}
.menu_list .contact_information em:before,
.link_logout .contact_information em:before {
  content: "\f674";
  left: 2px;
  top: 0px;
}
.menu_list .menu_id em:before,
.link_logout .menu_id em:before {
  content: "\f3e0";
  left: 2px;
  top: 1px;
}
.menu_list .menu_logout em:before,
.link_logout .menu_logout em:before {
  content: "\f08b";
  left: 2px;
  top: 1px;
}

.link_logout li {
  border-bottom: none;
  border-top: 1px solid #cbcbcb;
}

.target_blank > *:after {
  font-family: "Font Awesome 5 Pro Light";
  font-size: 1.2rem;
  color: #919191;
  font-weight: 400;
  content: "\f2d2";
  position: relative;
  margin-left: 10px;
  vertical-align: top;
}

.side_navigation .current {
  background: #6e514c;
}
.side_navigation .current em {
  color: #fff;
}

.menu_list .current:hover {
  background: #443330;
}
.menu_list .current:hover em {
  color: #fff;
}

.wrapper {
  height: calc(100% - 80px);
  height: 100%;
  margin-left: 280px;
  margin-top: 80px;
  position: relative;
  width: calc(100% - 280px);
  transition: 0.2s;
  padding: 45px 45px 0 45px;
}

.header {
  background: #fff;
  border-bottom: 1px solid #cbcbcb;
  height: 80px;
  width: 100%;
  display: block;
  position: fixed;
  top: 0;
  z-index: 1000;
  /*
  .user_info {
    position: absolute;
    top: 0em;
    right: 0em;
    text-align: right;

  background-color: #6e514c;
  padding: 0.5em 0.25em 0.75em 1em;
  transition: .2s;

  &:hover {
    background-color: darken(#6e514c, 5%);
  }
  */
}
.header .site_logo {
  text-align: center;
  width: 100%;
}
.header .site_logo h1 {
  padding: 1em 0 0 0;
}
.header .site_logo h1 a {
  padding: 1rem;
  border: none;
}
.header .site_logo h1 a img {
  height: auto;
  width: 184px;
}
.header .language_switch {
  position: absolute;
  top: 0.5em;
  right: 18em;
}
.header .language_switch ul li:before {
  content: "\f054";
  top: 0.6em;
}
.header .language_switch ul li a {
  padding-left: 0;
  border-bottom: 1px solid #b0b0b0;
}
.header .language_switch ul li a:hover {
  border-bottom: 1px solid #fb5c1c;
}
.header .language_switch ul li a:hover em {
  color: #fb5c1c;
}
.header .language_switch ul li a:hover:before {
  color: #fb5c1c;
}
.header .language_switch ul li a em {
  color: #333;
  text-transform: uppercase;
}
.header .language_switch li,
.header .user_info li {
  transition: all 0.15s ease-in-out;
}
.header .language_switch li:hover,
.header .user_info li:hover {
  transform: translateY(-2px);
}
.header .language_switch li:before,
.header .user_info li:before {
  color: #7b7f94;
  display: inline-block;
  font-family: "Font Awesome 5 Pro Light";
  font-size: 1.2rem;
  margin-right: 0.3em;
}
.header .language_switch li:hover:before,
.header .user_info li:hover:before {
  color: #fb5c1c;
}
.header .language_switch {
  right: 19.5em;
}
.header .user_info {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  text-align: right;
}
.header .user_info ul li {
  position: relative;
}
.header .user_info ul li:before {
  content: "\f054";
  top: 0.6em;
}
.header .user_info ul li:hover {
  transform: translateY(-2px) !important;
}
.header .user_info ul li a {
  padding-left: 0;
  border-bottom: 1px solid #b0b0b0;
}
.header .user_info ul li a:hover {
  border-bottom: 1px solid #fb5c1c;
}
.header .user_info ul li a:hover em {
  color: #fb5c1c;
}
.header .user_info ul li a:hover:before {
  color: #fb5c1c;
}
.header .user_info ul li a em {
  color: #333;
  text-transform: uppercase;
}
.header .user_info span.is-close {
  display: none;
  width: 8em;
  text-align: left;
}
.header .user_info.is-open li .user_info_icon > em:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro Light";
  color: #fff;
  left: 0.15em;
}
.header .user_info.is-open li .user_info_icon > em span {
  color: #fb5c1c;
  border-color: #fb5c1c;
  color: #fff;
}
.header .user_info.is-open li .user_info_icon > em span.is-close {
  display: inline-block;
}
.header .user_info.is-open li .user_info_icon > em span.is-open {
  display: none;
}
.header .user_info.is-open li:hover, .header .user_info.is-open li:active {
  transform: none;
}
.header .user_info ul li:hover, .header .user_info ul li:active {
  transform: none;
  cursor: pointer;
}
.header .user_info ul li .user_info_icon {
  transition: 0.2s;
}
.header .user_info ul li .user_info_icon:hover > em:before, .header .user_info ul li .user_info_icon:active > em:before {
  color: #fb5c1c;
  color: #fff;
}
.header .user_info ul li .user_info_icon:hover > em span, .header .user_info ul li .user_info_icon:active > em span {
  color: #fb5c1c;
  border-color: #fb5c1c;
  color: #fff;
}
.header .user_info ul li .user_info_icon > em {
  position: relative;
  padding-left: 1.25em;
}
.header .user_info ul li .user_info_icon > em:before {
  position: absolute;
  left: 0em;
  top: 0.05em;
  transition: color 0.2s;
  font-family: "Font Awesome 5 Pro Solid";
  content: "\f2bd";
  display: inline-block;
  color: #7b7f94;
  font-size: 1em;
  color: #fff;
}
.header .user_info ul li .user_info_icon > em span {
  transition: 0.2s;
  border-bottom: 1px solid #b0b0b0;
  border-bottom: none;
  color: #fff;
}
.header .user_info ul li em {
  color: #333;
  display: inline-block;
  padding: 0 0.25em 0 0;
}
.header .user_info ul li span {
  color: #5c5c5c;
}
.header .user_info_toggle {
  display: none;
}
.header .user_info_toggle li em {
  padding-left: 1.5em !important;
  position: relative;
}
.header .user_info_toggle li em:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  transition: 0.2s;
  font-family: "Font Awesome 5 Pro Light";
  display: inline-block;
}
.header .user_info_toggle li.menu_hills em:before {
  content: "\f3e0";
  left: 0rem;
  top: 0.1rem;
}
.header .user_info_toggle li.menu_change em:before {
  content: "\f4ff";
  left: -0.2rem;
}
.header .user_info_toggle li.menu_logout em:before {
  content: "\f08b";
  top: 0rem;
}
.header .user_info_toggle li.front_list em:before {
  content: "";
  width: 2rem;
  height: 2rem;
  background-image: url(../images/menu_living_gray.png);
  background-size: contain;
  left: -2px;
  top: -1px;
}
.header .user_info_toggle li.front_list:hover em:before {
  background-image: url(../images/menu_living_brown.png);
}
.header .user_info_toggle li.front_list.current em:before {
  background-image: url(../images/menu_living_white.png);
}
.header .user_info_toggle.is-open {
  display: block;
  position: absolute;
  top: 2.25em;
  right: 0.25em;
  max-width: 100%;
  box-shadow: 0 0.25em 1.25em rgba(202, 209, 222, 0.3);
  border: 1px solid rgba(110, 81, 76, 0.5);
  background-color: #fff;
  padding: 0;
  border-radius: 0.25em;
  min-width: 14em;
}
.header .user_info_toggle.is-open li {
  border: none;
  text-align: left;
  margin-bottom: 0;
}
.header .user_info_toggle.is-open li:before {
  display: none;
}
.header .user_info_toggle.is-open li:hover {
  transform: none;
}
.header .user_info_toggle.is-open li a {
  width: 100%;
  display: inline-block;
  border: none !important;
  padding: 0.75em 1em !important;
}
.header .user_info_toggle.is-open li a:hover {
  transform: none;
  background-color: #e2dcdb;
}
.header .user_info_toggle.is-open li a:hover em {
  color: #6e514c !important;
}

.header_label ul {
  font-size: 0;
}
.header_label ul li {
  display: inline-block;
  position: relative;
  width: 33.3333333333% !important;
  border-bottom: none;
  background-color: #F8F6F6;
}
.header_label ul li > button {
  width: 100%;
  border: none;
  padding: 8px 1em 9px;
  text-align: center;
  display: block;
  color: #fff;
  position: relative;
  background-color: #f6eaea;
  border-right: 1px solid #cbcbcb;
  transition: 0.2s;
  cursor: pointer;
}
.header_label ul li > button:hover {
  background: #e2dcdb;
}
.header_label ul li > button:disabled {
  background-color: #F8F6F6;
  cursor: not-allowed;
}
.header_label ul li > button:disabled em:before {
  color: #cbcbcb;
}
.header_label ul li > button:disabled:hover {
  transform: none;
  background-color: #f8f6f6;
}
.header_label ul li em:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro Solid";
  font-weight: 900;
  color: #6e514c;
  font-size: 2.2rem;
}
.header_label ul li.notify button:after {
  border: 2px solid #fff;
  background-color: #fb5c1c;
  border-radius: 50%;
  content: "";
  height: 12px;
  position: absolute;
  right: 30%;
  top: 12%;
  width: 12px;
}
.header_label ul li:last-child button {
  border-right: none;
}
.header_label .header_news em:before {
  content: "\f075";
}
.header_label .header_cleaning em:before {
  content: "\f553";
}
.header_label .header_delivery em:before {
  content: "\f466";
}

.active .menu_headlabel {
  border-bottom: none;
}
.active .menu_headlabel .header_label ul {
  display: none;
}

.ui-dialog-titlebar-close {
  display: none;
}

.ui-widget-overlay {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  opacity: 1;
}

body.no-scroll {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}

#news .title h2:before {
  content: "\f075";
  top: 1px;
  left: 7px;
}

#cleaning .title h2:before {
  content: "\f553";
  top: 1px;
  left: 5px;
}

#delivery .title h2:before {
  content: "\f466";
  top: 0;
  left: 7px;
}

.header_content {
  z-index: 10000;
  align-self: center;
  max-width: 800px;
  box-sizing: border-box;
  background: #fff;
  line-height: 1.4em;
  transition: 0.5s;
  border-radius: 16px;
  max-height: 50vh;
  position: relative;
}
.header_content .title {
  text-align: center;
  padding: 1.5em 0.5em;
  overflow: inherit;
  background: #6e514c;
  cursor: pointer;
  position: relative;
  border-radius: 14px 14px 0 0;
}
.header_content .title h2 {
  color: #fff;
  font-size: 20px;
}
.header_content .title h2:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro Solid";
  font-weight: 900;
  margin-right: 0.5em;
}
.header_content .list {
  max-height: calc(50vh - 55px);
  overflow-y: auto;
  overflow-x: inherit;
  border-radius: 0 0 16px 16px;
}
.header_content .list ul {
  max-height: calc(100% - 55px);
  overflow-y: auto;
}
.header_content .list li {
  padding: 1.25em 1em;
  border-bottom: 1px solid #e2ddda;
  margin-bottom: 0;
  width: 100%;
}
.header_content .list li:hover {
  transform: none;
  background-color: #f8f6f6;
  color: #6e514c;
}
.header_content .list li:last-child {
  border-bottom: none;
}
.header_content .list span {
  display: inline-block;
  line-height: 1;
  padding-right: 1em;
}
.header_content .list .time + span {
  background-color: #e2ddda;
  padding: 0.25em 0.5em 0.5em;
}
.header_content .close_button {
  position: absolute;
  right: -20px;
  top: -20px;
  font-size: 24px;
  width: 40px;
  height: 40px;
  background-color: #6e514c;
  border: 2px solid #fff;
  color: #fff;
  border-radius: 50%;
  z-index: 5000;
}
.header_content .close_button:after {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro Light";
  position: absolute;
  top: 11px;
  left: 11px;
}
.header_content .close_button:hover {
  cursor: pointer;
}

#news,
#cleaning,
#delivery {
  opacity: 0;
  transition: 0.2s;
}
#news .header_content,
#cleaning .header_content,
#delivery .header_content {
  transform: scale(0.7);
  transition: 0.2s;
}
#news.active,
#cleaning.active,
#delivery.active {
  opacity: 1;
  transition: 0.2s;
}
#news.active .header_content,
#cleaning.active .header_content,
#delivery.active .header_content {
  transform: scale(1);
}

.navigation {
  position: absolute;
  bottom: 0;
  width: 280px;
}
.navigation ul {
  width: 280px;
  font-size: 0;
}
.navigation ul li {
  width: 50%;
  display: inline-block;
  font-size: 2rem;
}
.navigation ul li button {
  border: none;
  box-shadow: none;
  padding: 0.75rem 1.6rem;
  background-color: transparent;
  cursor: pointer;
}
.navigation ul li button:before {
  color: #cbcbcb;
  transition: 0.2s;
  display: inline-block;
  font-family: "Font Awesome 5 Pro Light";
}
.navigation .menu button:before {
  content: "\f0c9";
  padding-right: 1.6rem;
}
.navigation .menu button em {
  background-image: url(../images/menu_open.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 21px;
  margin: 0 0 0 0;
  text-indent: -999em;
  text-transform: uppercase;
  width: 65px;
  vertical-align: bottom;
}
.navigation .toggle {
  text-align: right;
}
.navigation .toggle button:before {
  content: "\f060";
}
.navigation .toggle button em {
  display: none;
}
.navigation.active .menu {
  display: none;
}
.navigation.active .toggle {
  text-align: left;
  float: left;
}
.navigation.active .toggle button:before {
  content: "\f061";
}
.navigation ul:hover li button:before {
  color: #6e514c;
}

.foot_function {
  text-align: center;
  background-color: rgba(1, 123, 197, 0.5);
  padding: 20px 0;
  margin: 0 -45px;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;
}

.menu_list {
  padding-top: 1em;
}

.side_navigation ul li a {
  padding-left: 30px;
}

.parts_title:before {
  content: "\f111";
  color: #ccc;
  margin-right: 0.5em;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

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, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1rem;
  line-height: 1.2;
  min-width: 1200px !important;
}

.wrapper, .navigation ul {
  zoom: 1;
}
.wrapper:before, .navigation ul:before, .wrapper:after, .navigation ul:after {
  content: "";
  display: table;
}
.wrapper:after, .navigation ul:after {
  clear: both;
}

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

.parts h1,
.parts .title_lv1 {
  font-size: 42px;
  font-size: 4.2rem;
  font-weight: 900;
}
.parts h2,
.parts .title_lv2,
.parts .section_title h2,
.section_title .parts h2 {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 700;
}
.parts h3,
.parts .title_lv3 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}
.parts h4,
.parts .title_lv4 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
}
.parts h5,
.parts .title_lv5,
.parts .parts_main dl.pure dt,
.parts dl.pure dt {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.parts h6,
.parts .title_lv6 {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
}
.parts p {
  line-height: 1.45;
}
.parts p b,
.parts p em {
  display: inline-block;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 0 0 0 0.25em;
}
.parts p b {
  color: #3eb39d;
}
.parts p em {
  color: #cb5ccf;
}
.parts dl.pure dt {
  padding: 0 0 0.25em 0;
}
table.pure {
  width: 100%;
}
table.pure th,
table.pure td {
  border: 1px solid #cccccc;
  padding: 0.5em 1em;
  vertical-align: middle;
}
table.pure th {
  background-color: #e6e6e6;
  font-weight: bold;
}
table.pure td {
  color: #4d4d4d;
}
table.pure td .list {
  margin: 0;
  list-style: none;
}

.isfw_hidden {
  height: 0;
  opacity: 0;
}

.tag {
  margin: 3em 0 0.25em 0;
  background: #e9e9e9;
  border-radius: 3px;
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  line-height: 1;
  padding: 0.25em 0.5em;
  text-shadow: 0 1px 0 #fff;
}
.tag:first-child {
  margin-top: 0;
}

.switch-tab {
  display: flex;
  justify-content: space-between;
}
.switch-tab .tabs {
  display: flex;
  justify-content: flex-end;
}
.switch-tab .tabs .tab {
  background: #dedfe0;
  border-radius: 3px;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 0 3px 3px;
}
.switch-tab .tabs .current {
  background: #89969d;
  color: #fff;
}
.side_navigation h1,
.side_navigation h2,
.side_navigation h3,
.side_navigation h4,
.side_navigation h5,
.side_navigation h6,
.side_navigation p,
.side_navigation ul,
.side_navigation ol,
.side_navigation li,
.side_navigation th,
.side_navigation td {
  cursor: default;
  font-size: 1.4rem;
  line-height: 1.2;
  padding: 0;
  margin: 0;
}

.header {
  background: #3c3f4e;
  color: #f5f5f5;
  box-shadow: 5px 0 5px rgba(0, 0, 0, 0.2);
  border-bottom: none;
  height: 40px;
}
.header .site_name {
  padding: 0.75em 0;
}
.header h1 {
  text-align: center;
  font-size: 1.8rem;
  color: #f5f5f5;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  vertical-align: middle;
}
.header h1 span {
  display: inline-block;
  padding: 0 0.25em;
}
.header h1 .sub {
  font-size: 1.6rem;
  color: #e0e0e0;
}

.menu {
  position: absolute;
  bottom: 5px;
  left: 0px;
  width: 100%;
}
.menu em {
  padding: 1em;
  font-size: 1.6rem;
  color: #fff;
}
.menu em:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f0c9";
  padding-right: 0.5em;
  color: #ccc;
  font-size: 1.8rem;
}

.side_navigation {
  background: #ddd;
  border-right: 1px solid #ccc;
  height: calc(100% - 40px);
  width: 250px;
  position: fixed;
  top: 40px;
  left: 0;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  overflow-y: auto;
  z-index: 1000;
}
.side_navigation .tac .btn_default {
  display: block;
  margin: 20px 10px 0;
}
.side_navigation li:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.side_navigation li:hover a,
.side_navigation li:hover em {
  color: #333;
}
.side_navigation .title {
  margin-top: 2em;
  font-size: 1.6rem;
  background-color: #ddd;
  color: #3c3f4e;
  font-weight: bold;
  text-shadow: none;
}
.side_navigation .title a {
  display: block;
  padding: 0.5em 1em;
}
.side_navigation ul:first-child .title {
  margin-top: 0;
}
.side_navigation li {
  border-bottom: none;
}
.side_navigation li a {
  padding: 0.5em;
  display: block;
  border-bottom: none;
}
.side_navigation li a em span {
  color: #666;
}

.doc-view img {
  height: auto;
  max-width: 100%;
  width: auto;
}

.wrapper {
  background-color: #f5f5f5;
}

.card {
  border: none;
  border-radius: 3px;
  box-shadow: none;
  background-color: transparent;
  transition: all 0.2s ease-in-out;
  width: 100%;
}

.section_title {
  padding: 3em 0 1em 0;
}
.parts_title {
  font-size: 1.6rem;
  font-weight: 700;
  color: #3c3f4e;
  background: transparent;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
  padding: 0em 0.25em 0.75em;
}

.parts_main {
  padding: 5em;
  background-color: #fdfdfd;
  box-shadow: 0 0.25em 15px 10px rgba(235, 237, 241, 0.3);
  border-radius: 6px;
}
.parts_main > * {
  margin-bottom: 5em;
}
.parts_main > *:last-child {
  margin-bottom: 0;
}

.main_section.parts > * {
  padding-top: 105px;
  margin-top: -55px;
}
.main_section.parts > *:first-child {
  margin-top: -95px;
}
.main_section.parts .ttl_lv01 h1:before {
  content: "\f1ad";
}
.main_section.parts .ttl_lv01 h1,
.main_section.parts .ttl_lv02 h2 {
  margin-bottom: 0;
  padding-bottom: 0;
}

.view_page {
  height: 800px;
  width: 100%;
}

.ex {
  background: #f3e9e7;
  line-height: 1.6;
  padding: 2em;
}

.service_list li a {
  padding: 1.25em 0.5em;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #e2ddda;
}
.service_list li a:hover {
  transform: none;
  background-color: #f8f6f6;
  color: #6e514c;
}
.service_list li:last-child a {
  border-bottom: none;
}
.service_list span {
  display: inline-block;
  line-height: 1;
}
.service_list .date {
  order: 1;
  width: 8em;
  background-color: transparent;
  color: #b0b0b0;
}
.service_list .result {
  order: 3;
  width: 10em;
  text-align: right;
}
.service_list .title {
  order: 2;
  width: calc(100% - 18em);
}

.news_list li {
  margin-bottom: 32px;
  line-height: 1.6;
  font-size: 0px;
}
.news_list li a {
  display: block;
  border: none;
  transform: translateY(0px);
}
.news_list li a .title span {
  background-color: transparent;
  transition: 0.3s;
}
.news_list li a:hover {
  color: #6e514c;
}
.news_list li a:hover .title,
.news_list li a:hover .title span {
  background-color: #f8f6f6;
}
.news_list li a > * {
  display: inline-block;
  font-size: 1.6rem;
  vertical-align: top;
}
.news_list li:last-child {
  margin-bottom: 0;
}
.news_list .image {
  width: 20%;
  padding-right: 1em;
}
.news_list .image img {
  object-fit: cover;
  width: 100%;
}
.news_list .text {
  width: 80%;
}
.news_list .date {
  display: inline-block;
  width: 12em;
  background-color: transparent;
  color: #b0b0b0;
  line-height: 2;
  font-size: 1.4rem;
  padding: 0.5em 0em;
}
.news_list .category {
  display: inline-block;
  width: calc(100% - 12em);
  float: right;
  margin: 0;
  padding: 0;
  text-align: right;
  zoom: 1;
}
.news_list .category:before, .news_list .category:after {
  content: "";
  display: table;
}
.news_list .category:after {
  clear: both;
}
.news_list .category em {
  display: inline-block;
  background-color: #e2ddda;
  text-align: center;
  padding: 0.5em 1em;
  min-width: 8em;
  font-size: 1.4rem;
  line-height: 1.2;
}
.news_list .title {
  width: 100%;
  clear: both;
  transition: 0.3s;
}
.news_list .title span {
  border-bottom: 1px dotted #6e514c;
}

#card .list ul {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 0.25em 1.25em rgba(202, 209, 222, 0.3);
}
#card .list ul li {
  border-bottom: 1px solid #f5f5f5;
}
#card .list ul li:last-child {
  border-bottom: none;
}
#card .list ul li a {
  display: flex;
  border-bottom: none;
  position: relative;
}
#card .list ul li a:hover {
  transform: none;
}
#card .list ul li a:hover .title p {
  color: #fb5c1c;
}
#card .list ul li a .image {
  width: 75px;
}
#card .list ul li a .image img {
  height: 100%;
  width: 75px;
  object-fit: cover;
}
#card .list ul li a .text {
  width: calc(100% - 75px);
}
#card .list ul li a .text .category,
#card .list ul li a .text .day {
  display: inline-block;
}
#card .list ul li a .text .category {
  background-color: #f5f5f5;
  padding: 0.25em 0.5em;
  min-width: 8em;
  text-align: center;
}
#card .list ul li a .text .day {
  padding: 0.25em 0.5em;
}
#card .list ul li a .text .title {
  padding: 0.5em 1em;
}
#card .list ul li a .text .title p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: 0.3s;
}
#card .event_list ul {
  display: flex;
  flex-wrap: wrap;
}
#card .event_list ul li {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 0.25em 1.25em rgba(202, 209, 222, 0.3);
  background-color: #fff;
  width: 225px;
  margin-bottom: 20px;
  margin-right: 20px;
  display: flex;
  border: 1px solid #fff;
  transition: border 0.3s;
}
#card .event_list ul li:hover {
  border: 1px solid #d7cecc;
}
#card .event_list ul li a {
  position: relative;
  display: block;
  border-bottom: none;
}
#card .event_list ul li a:hover {
  transform: none;
  color: #6e514c;
}
#card .event_list ul li a:hover em {
  color: #6e514c;
}
#card .event_list ul li .image img {
  width: 100%;
  height: 160px;
  object-fit: cover;
}
#card .event_list ul li .title,
#card .event_list ul li .day {
  padding: 0.25em 0.5em;
}
#card .event_list ul li .title {
  font-weight: bold;
}
#card .event_list ul li .title em {
  display: inline-block;
}
#card .event_list ul li .day > * {
  position: relative;
  padding-left: 1.25em;
  clear: both;
}
#card .event_list ul li .day > *:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  margin-right: 0.5em;
  color: #838383;
  position: absolute;
  left: 0;
}
#card .event_list ul li .day .request:before {
  content: "\f333";
}
#card .event_list ul li .day .hold:before {
  content: "\f784";
}
#card .event_list ul li .day span {
  color: #c5b9b7;
  padding: 0 0.25em;
}
#card .event_list ul li .day em {
  color: #838383;
}
#card .event_list ul li .day em {
  display: inline-block;
}
#card .event_list ul li .request > *:last-child,
#card .event_list ul li .hold > *:last-child {
  float: right;
}
#card .event_list ul li .request > *:first-child,
#card .event_list ul li .hold > *:first-child {
  float: left;
}
#card .event_list ul li .hold em:last-child {
  padding-bottom: 0.25em;
}

#table .list th,
#table .list td {
  position: relative;
  border: 1px solid #c5b9b7;
}
#table .list th {
  text-align: center;
  padding: 0.75em 0.5em;
  font-weight: bold;
}
#table .list td {
  padding: 1em 0.5em;
}
#table .list th:last-child {
  border-right: 1px solid #c5b9b7;
}
#table .list td {
  padding: 1.5em 0 1em 0.5em;
}
#table .list td span {
  display: inline-block;
  padding: 0 0.5em 0.5em 0;
}
#table .input_form th {
  width: 20%;
}
#table .input_form .name input {
  width: 12em;
}
#table .input_form td span {
  display: inline-block;
  padding: 0 0.5em;
}
#table .input_form .input_tell01,
#table .input_form .input_tell02,
#table .input_form .input_tell03 {
  width: 4.5em;
}

.kwsearch {
  display: flex;
}
.kwsearch input[type=text] {
  width: calc(100% - 50px);
  max-width: 20em;
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  border: 1px solid #e2ddda;
  font-size: 1.6rem;
  padding: 0.25em 0.5em;
}
.kwsearch input[type=text]:focus {
  box-shadow: none;
}
.kwsearch .kwsearch_btn .btn-item {
  background-color: #e2ddda;
  padding: 0.5em;
  border: none;
  width: 50px;
  cursor: pointer;
  border-radius: 0 4px 4px 0;
  height: 41px;
}
.kwsearch .kwsearch_btn .btn-item:before {
  font-size: 1.6em;
  content: "\f002";
  font-weight: 300;
  font-family: "Font Awesome 5 Pro";
}

.select {
  display: inline-block;
  border: 1px solid #e2ddda;
  line-height: 1.4;
  margin-bottom: 0.5em;
  position: relative;
  width: 19em;
}
.select select {
  padding: 0.25em 38px 0.25em 0.5em;
  border: none;
  height: 38px;
  min-width: 10em;
  background-color: transparent;
  appearance: none;
  font-size: 1.6rem;
}
.select:after {
  font-weight: 300;
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  pointer-events: none;
  top: 50%;
  transform: translate(0, -50%);
  content: "\f078";
  right: 1em;
  color: #6e514c;
  font-size: 1.6rem;
}

.wrapper {
  margin: 40px 0 0 250px;
  width: calc(100% - 250px);
  min-height: calc(100vh - 40px);
  height: auto;
  padding: 45px 45px 0 45px;
}

.main_section.parts .load,
.main_section.parts .load2 {
  border: none;
  margin: 0;
  padding: 0;
  z-index: -100;
  height: calc(100vh - 186px);
  width: 100%;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}

.main_section.parts .load2 {
  margin-top: 30px;
}

.footer .page_top a,
.footer .footer_logo small {
  color: #868ba1;
  font-size: 1.2rem;
}

.menu em,
.footer .footer_logo small {
  font-family: "Helvetica", "Arial", sans-serif;
}

.footer .footer_logo {
  border-color: #ccc;
}

.summary {
  line-height: 1.45;
  padding: 0 0 1.5em 0;
}
.summary a {
  border-bottom: 1px dotted #5266fb;
  color: #5266fb;
  display: inline-block;
}
.summary a:hover {
  border-bottom-color: #fbb26f;
  color: #fbb26f;
}

.isfw_pagebody {
  min-width: inherit !important;
}

/* overwritte */
.isfw_pagebody {
  background-color: transparent !important;
  padding-top: 0 !important;
  width: 100% !important;
}
.isfw_pagebody .isfw_container {
  margin: 20px;
}
.isfw_pagebody .card {
  background-color: transparent !important;
  border: none !important;
}
.isfw_pagebody code {
  background-color: #282c34 !important;
  color: #fff !important;
}

.parts_title, .tag_title, .section_title {
  display: flex;
}

.tag_title {
  margin: 20px 5px 12px;
}

.button_dl {
  display: flex;
  justify-content: end;
  margin-left: auto;
}
.button_dl a {
  display: flex;
  align-items: center;
}
.button_dl a:hover {
  text-decoration: none;
  opacity: 0.5;
}
.button_dl a:before {
  content: "\f2dd";
  color: #0866C6;
  display: inline-block;
  font-family: "ionicons";
  font-size: 24px;
  margin-right: 0.25em;
}

.section_inner {
  width: 100% !important;
}

h3.copy {
  background-color: #f5f5f5;
  font-size: 16px;
  margin: 1em 0 0.25em;
  padding: 1em;
  display: flex;
}
h3.copy:before {
  content: "\f0c5";
  color: #999;
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 18px;
  margin-right: 0.5em;
}

.parts .parts_main h1,
.parts .parts_main .title_lv1 {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 900;
}
.parts .parts_main h2,
.parts .parts_main .title_lv2 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}
.parts .parts_main h3,
.parts .parts_main .title_lv3 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
}
.parts .parts_main h4,
.parts .parts_main .title_lv4 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
}
.parts .parts_main h5,
.parts .parts_main .title_lv5,
.parts .parts_main dl.pure dt,
.parts dl.pure .parts_main dt {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.parts .parts_main h6,
.parts .parts_main .title_lv6 {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
}
.parts .parts_main p {
  line-height: 1.45;
}
.parts .parts_main p b,
.parts .parts_main p em {
  display: inline-block;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 0 0 0 0.25em;
}
.parts .parts_main p b {
  color: #3eb39d;
}
.parts .parts_main p em {
  color: #cb5ccf;
}
.parts .parts_main dl.pure dt {
  padding: 0 0 0.25em 0;
}
.btn_copy {
  margin: -0.5em 0 -0.5em auto !important;
}
.btn_copy:before {
  color: #999;
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  content: "\f0ea";
  font-size: 18px;
  margin-right: 0.25em;
  font-weight: bold;
}

.copy_area {
  display: none;
}

.isfw_title .ttl_item {
  font-size: 14px !important;
}

.icon_preview:before {
  font-weight: lighter;
  content: "\f06e";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  margin: 0 0.5em;
}
/*# sourceMappingURL=style.css.map */