@charset "UTF-8";
/***** ▼全頁共通要素▼ ******/
body {
  margin: 0;
  text-align: center;
  color: #262626;
  background-position: top center;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}

@media screen and (max-width: 768px) {
  body {
    max-width: 768px;
    min-width: 320px;
  }
}

input, button, textarea, select {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "メイリオ", sans-serif;
}

img {
  border: 0;
  margin: 0;
  max-width: 100%;
  vertical-align: text-bottom;
}

.fas {
  margin: 5px;
  color: #2f3a4c;
}

.kyoutyou {
  background: #ffe4e1;
  padding: 2px 8px;
  display: inline-block;
  margin: 2px 0;
}

input[type="text"] {
  border-width: 1px;
  border-style: solid;
  border-color: #bbb;
  background: #fff;
  line-height: 30px;
  text-align: left;
  width: 100%;
  padding: 0 3px;
  margin: 0 3px;
  border-radius: 3px;
}

input[type="text"]:focus {
  border: 1px solid #333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

input[type="number"] {
  border-width: 1px;
  border-style: solid;
  border-color: #bbb;
  width: 36px;
  line-height: 30px;
  margin: 0 3px;
  border-radius: 3px;
}

input[type="number"]:focus {
  border: 1px solid #333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

input[type="checkbox"] {
  margin: 3px 8px 3px 3px;
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

input[type="checkbox"]:focus {
  border: 1px solid #333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

input[type="radio"] {
  margin: 3px 8px 3px 3px;
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

input[type="radio"]:focus {
  border: 1px solid #333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

input[type="password"] {
  border-width: 1px;
  border-style: solid;
  border-color: #bbb;
  background: #fff;
  line-height: 30px;
  text-align: left;
  width: 100%;
  padding: 0 3px;
  margin: 0 3px;
  border-radius: 3px;
}

input[type="password"]:focus {
  border: 1px solid #333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

input[type="submit"] {
  -webkit-appearance: none;
}

input[type="submit"]:focus {
  border: 1px solid #333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

textarea:focus {
  border: 1px solid #333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

button:focus {
  border: 1px solid #333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

select {
  border-width: 1px;
  border-style: solid;
  border-color: #bbb;
  background: #fff;
  line-height: 28px;
  text-align: left;
  padding: 0 3px;
  margin: 2px;
  border-radius: 3px !important;
}

.selectBox {
  position: relative;
  border: 1px solid #bbb;
  border-radius: 2px;
  background: #ffffff;
  display: inline-block;
  margin: 0 3px;
  padding: 0 0.5em 0 0;
}

.selectBox:focus {
  border: 1px solid #333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .selectBox {
    margin: 3px 2px;
  }
}

.selectBox:before {
  position: absolute;
  top: 1em;
  right: 0.5em;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666666;
  pointer-events: none;
}

.selectBox select {
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.selectBox select::-ms-expand {
  display: none;
}

hr {
  clear: both;
  border: 0;
  height: 1px;
  background-color: #bec5c9;
  margin: 8px 0 2px;
}

a {
  color: #6c757d;
}

a:visited {
  color: #4b4bbd;
}

a:hover {
  color: #20c997;
}

a:active {
  color: #20c997;
}

form {
  margin: 0px;
}

p {
  line-height: 2em;
  margin: 1em;
}

h1, h2, h3, h4 {
  font-weight: normal;
  text-align: left;
  margin: 10px;
}

h1.h1title {
  color: #2f3a4c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  margin-bottom: 20px;
  text-align: center;
  position: relative;
  letter-spacing: 1.2px;
  font-weight: bold;
}

h1.h1title:before, h1.h1title:after {
  content: '';
  width: 30px;
  height: 5px;
  background-color: #d63384;
}

@media screen and (max-width: 767px) {
  h1.h1title:before, h1.h1title:after {
    width: 30px;
  }
}

h1.h1title:before {
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  h1.h1title:before {
    margin-right: 16px;
  }
}

h1.h1title:after {
  margin-left: 20px;
}

@media screen and (max-width: 767px) {
  h1.h1title:after {
    margin-left: 16px;
  }
}

@media screen and (max-width: 767px) {
  h1.h1title {
    font-size: 22px;
  }
}

.h1top {
  font-size: 14px;
  margin: 8px 12px 0;
  display: block;
  text-align: left;
  border-left: 5px solid #6c757d;
  padding-left: 3px;
}

.h1bottom {
  margin: -12px 10px 8px;
  text-align: left;
  display: block;
}

h1.h1titleLink {
  color: #2f3a4c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  margin-bottom: 20px;
  text-align: center;
}

h1.h1titleLink .h1link_before, h1.h1titleLink .h1link_after {
  content: '';
  width: 50px;
  height: 5px;
  background-color: #d63384;
}

h1.h1titleLink .h1link_before {
  margin-right: 20px;
}

h1.h1titleLink .h1link_after {
  margin-left: 20px;
}

h2 {
  padding-left: 10px;
  font-size: 23px;
  letter-spacing: 1.2px;
  margin-bottom: 20px;
  color: #343a40;
  border-left: 6px solid #d63384;
  line-height: 1.5;
  font-weight: bold;
}

h2 span {
  color: #dc143c;
  padding: 5px;
  font-weight: bold;
}

h3 {
  padding-left: 10px;
  font-size: 22px;
  letter-spacing: 1.2px;
  margin-bottom: 20px;
  color: #343a40;
  border-left: 8px solid #6c757d;
  line-height: 1.5;
  font-weight: bold;
}

h3 span {
  font-size: 14px;
  margin-left: 12px;
  font-weight: normal;
}

label {
  white-space: nowrap;
  vertical-align: initial;
}

pre {
  margin: 1em;
  font-family: monospace;
}

.spbr {
  display: none;
}

@media screen and (max-width: 768px) {
  .spbr {
    display: block;
  }
}

.spnone {
  display: block !important;
}

@media screen and (max-width: 768px) {
  .spnone {
    display: none !important;
  }
}

.new {
  font-size: 10px;
  color: #dc3545;
  padding: 0 10px;
}

.rightSpace {
  margin-right: 6px !important;
  vertical-align: middle;
}

.rightSpace20 {
  margin-right: 20px !important;
  vertical-align: middle;
}

a.koukaiBtn {
  background: #e9ecef;
  padding: 12px 16px;
  border-radius: 3px;
  margin: 0 5px;
}

@media screen and (max-width: 767px) {
  a.koukaiBtn {
    margin: 0 auto;
    display: block;
  }
}

.pbetsu {
  display: inline-block;
  padding: 8px 12px;
  background: #ffffd7;
  border-radius: 3px;
  font-size: 20px;
  margin-left: 1vw;
  font-weight: bold;
}

.now_status {
  display: inline-block;
  margin-left: 2vw;
  padding: 6px 12px;
  background: #f8f9fa;
  border-radius: 3px;
}

.tategakiTtl {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  white-space: nowrap;
  margin: 0 1em 0 0;
  line-height: 1em;
  letter-spacing: 4px;
  text-align: center;
}

@media screen and (max-width: 860px) {
  .tategakiTtl {
    -webkit-writing-mode: initial;
        -ms-writing-mode: initial;
            writing-mode: initial;
  }
}

input#astart, input#afinish {
  background: #fff;
  padding: 0 2px 0 4px;
  margin: 2px;
  border: 1px solid #bbb;
}

/***** ▼枠要素▼ ******/
header {
  margin: 0;
  width: 100%;
  padding: 0;
}

#contents {
  margin: 0;
  width: 100%;
  padding: 0;
  position: static;
  margin-bottom: 100px;
}

#contents_wrap {
  margin: 0 auto;
  max-width: 1800px;
}

@media screen and (max-width: 961px) {
  #contents_mark {
    max-width: 930px;
  }
}

@media screen and (max-width: 767px) {
  #contents_mark {
    max-width: 768px;
    min-width: 320px;
  }
}

#contents_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 6px 0;
}

#contentsL {
  position: static;
  margin-bottom: 100px;
  text-align: left;
}

#contentsL_wrap {
  margin: 0 auto;
  max-width: 1800px;
}

#contentsW {
  padding: 10px;
}

/***** ▼ヘッダーメニュー▼ ******/
header.hdM, .hdR {
  color: #ffffff;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1200px) {
  header.hdM, .hdR {
    height: 100px;
  }
}

@media screen and (max-width: 768px) {
  header.hdM, .hdR {
    height: 60px;
  }
}

header.hdM.hdW, .hdR.hdW {
  background-color: #2a2a2a;
}

header.hdM.hdR, .hdR.hdR {
  background-color: #2f3a4c;
}

header.hdM.hdM, .hdR.hdM {
  background-color: #2f3a4c;
}

header.hdM #headerFlex, .hdR #headerFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1200px) {
  header.hdM #headerFlex, .hdR #headerFlex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-right: 12px;
  }
}

@media screen and (max-width: 767px) {
  header.hdM #headerFlex, .hdR #headerFlex {
    display: none;
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  header.hdM .rbmHomebtn, .hdR .rbmHomebtn {
    position: absolute;
    top: 14px;
  }
}

/*ハンバーガーメニュー設定*/
.openbtn {
  /*ボタン内側の基点となるためrelativeを指定。
追従するナビゲーションの場合はfixed＋top、rightといった位置をセットで指定*/
  position: relative;
  background: #f2f2f2;
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 5px;
  /*ボタン内側*/
}

.openbtn span {
  display: inline-block;
  -webkit-transition: all .4s;
  transition: all .4s;
  /*アニメーションの設定*/
  position: absolute;
  left: 14px;
  height: 3px;
  border-radius: 2px;
  background: #2f3a4c;
  width: 45%;
}

.openbtn span:nth-of-type(1) {
  top: 15px;
}

.openbtn span:nth-of-type(2) {
  top: 23px;
}

.openbtn span:nth-of-type(3) {
  top: 31px;
}

/*activeクラスが付与されると線が回転して×に*/
.openbtn.active span:nth-of-type(1) {
  top: 18px;
  left: 18px;
  -webkit-transform: translateY(6px) rotate(-45deg);
          transform: translateY(6px) rotate(-45deg);
  width: 30%;
}

.openbtn.active span:nth-of-type(2) {
  opacity: 0;
  /*真ん中の線は透過*/
}

.openbtn.active span:nth-of-type(3) {
  top: 30px;
  left: 18px;
  -webkit-transform: translateY(-6px) rotate(45deg);
          transform: translateY(-6px) rotate(45deg);
  width: 30%;
}

/*ハンバーガーメニュー設定終わり*/
/* WEB台帳 */
/* 営業システム */
/* 管理システム */
#headerM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

@media screen and (max-width: 768px) {
  #headerM {
    width: 100vw;
  }
}

.active_menu {
  display: block !important;
}

#head_linkB {
  display: none;
}

@media screen and (max-width: 768px) {
  #head_linkB {
    display: block;
    position: absolute;
    right: 0;
  }
}

#headerR1, #headerR17 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  font-size: small;
  line-height: 30px;
  height: 42px;
}

#headerRight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: 3px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  #headerRight {
    padding-top: 8px;
  }
}

@media screen and (max-width: 768px) {
  #headerRight {
    position: absolute;
    top: 60px;
    z-index: 999;
    background: #2f3a4c;
    width: 100%;
    height: 86px;
    padding-bottom: 12px;
  }
}

#headerR1 a {
  display: block;
  float: left;
  text-decoration: none;
  color: #ffffff;
}

#headerR17 a {
  display: block;
  float: left;
  text-decoration: none;
  /*color: #ffffff;*/
}

#headerR17 a .pulldown {
  cursor: pointer;
}

.toWRM {
  font-weight: bold;
  font-size: large;
  width: 1.1em;
  text-align: left;
  text-shadow: 1px 1px 1px;
}

.toWRM7 {
  font-size: 14px;
  padding: 0 2px;
  color: #6c757d;
}

#headerR1 a:hover {
  color: #ff1493;
}

#headerR1 a:active {
  color: #32cd32;
}

#headerR2 {
  height: 30px;
  overflow: hidden;
  margin-right: 6px;
}

@media screen and (max-width: 768px) {
  #headerR2 {
    margin-bottom: 12px;
  }
}

#headerR2 a {
  display: inline-block;
  margin: 0;
  text-decoration: none;
  line-height: 30px;
  height: 60px;
}

#hd_w {
  background-image: url(/img/hdW.png);
  background-repeat: no-repeat;
  text-align: right;
}

#hd_r {
  background-image: url(/img/hdR.png);
  background-repeat: no-repeat;
  text-align: right;
}

#hd_m {
  background-image: url(/img/hdM.png);
  background-repeat: no-repeat;
  text-align: right;
}

#hd_b {
  background-image: url(/img/hdB.png);
  background-repeat: no-repeat;
  text-align: right;
}

#toKUU {
  color: #ffffff;
  position: relative;
  border: 1px solid #fff;
  padding: 0 12px;
  line-height: 40px;
  margin: 0 6px;
}

#toKUU:before {
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  content: '';
  -webkit-transition: all .3s;
  transition: all .3s;
  border: 1px solid #fff;
}

#toKUU:hover {
  color: #dde0e3;
}

#toKUU:hover:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}

#hd_cal {
  width: 30px;
  background: url(../img/calendar.svg) no-repeat 0px 3px;
  text-align: right;
  vertical-align: middle;
  background-size: 30px;
}

#hd_time {
  width: 30px;
  background: url(../img/clockcard.svg) no-repeat 3px 3px;
  text-align: right;
  vertical-align: middle;
  background-size: 28px;
}

#hd_task {
  width: 30px;
  background: url(/img/hdtask.svg) no-repeat 2px 3px;
  background-repeat: no-repeat;
  text-align: right;
  vertical-align: middle;
  background-size: 28px;
}

#hd_task span {
  font-size: xx-small;
  background-color: #dc3545;
  color: #ffffff;
  border-radius: 8px;
  padding: 0 4px;
  font-weight: bold;
  position: relative;
  right: 0px;
  bottom: -6px;
}

#message_new {
  width: 30px;
  background: url(../img/message.svg) no-repeat 0 3px;
  text-align: right;
  background-size: 30px;
  vertical-align: middle;
}

#message_new span {
  font-size: xx-small;
  background-color: #dc3545;
  color: #ffffff;
  border-radius: 8px;
  padding: 0 4px;
  font-weight: bold;
  position: relative;
  right: 0px;
  bottom: -6px;
}

#hd_task span {
  font-size: xx-small;
  background-color: #dc3545;
  color: #ffffff;
  border-radius: 8px;
  padding: 0 4px;
  font-weight: bold;
}

select[name=pulldown] {
  text-align: center;
  padding: 0 6px;
}

#logout {
  color: #ffffff;
  position: relative;
  border: 1px solid #fff;
  padding: 0 7px 0 12px;
  line-height: 40px;
}

#logout:before {
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  content: '';
  -webkit-transition: all .3s;
  transition: all .3s;
  border: 1px solid #fff;
}

#logout:hover {
  color: #dde0e3;
}

#logout:hover:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}

#logout:after {
  content: "";
  background: url(../img/logout.svg) no-repeat 5px 1px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 18px;
  vertical-align: middle;
}

#headerUL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  #headerUL {
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    background: #2f3a4c;
    top: 116px;
    z-index: 99;
  }
}

#headerUL .is-active {
  background: #e9ecef;
  color: #2f3a4c;
}

#headerUL .menu_list {
  height: 60px;
  text-align: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1200px) {
  #headerUL .menu_list {
    height: 52px;
  }
}

@media screen and (max-width: 768px) {
  #headerUL .menu_list {
    position: relative;
  }
}

#headerUL .menu_list .js-dropdown {
  display: block;
  margin: 0 auto;
  padding-right: 8px;
  padding: 0 10px;
  line-height: 60px;
  width: 100%;
  position: relative;
}

@media screen and (max-width: 1200px) {
  #headerUL .menu_list .js-dropdown {
    line-height: 52px;
  }
}

#headerUL .menu_list .js-dropdown:after {
  position: absolute;
  bottom: 2px;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background: #20c997;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s;
  transition: .3s;
}

#headerUL .menu_list .js-dropdown:hover::after {
  bottom: 0px;
  opacity: 1;
  visibility: visible;
}

#headerUL .menu_list #headMenuDC:before {
  background: url("/img/ico_bukken.svg") no-repeat 4px 6px;
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  background-size: 21px;
}

#headerUL .menu_list #headMenuDC.is-active:before {
  background: url("/img/ico_bukkenB.svg") no-repeat 4px 6px;
  background-size: 21px;
}

#headerUL .menu_list #headMenuLIST:before {
  background: url("/img/ico_ownerW.svg") no-repeat 0px 4px;
  content: "";
  display: inline-block;
  width: 30px;
  height: 35px;
  vertical-align: middle;
  background-size: 26px;
}

#headerUL .menu_list #headMenuLIST.is-active:before {
  background: url("/img/ico_ownerG.svg") no-repeat 4px 6px;
  background-size: 26px;
}

#headerUL .menu_list #headMenuLIB:before {
  background: url("/img/ico_nyushukkin.svg") no-repeat 2px 3px;
  content: "";
  display: inline-block;
  width: 33px;
  height: 35px;
  vertical-align: middle;
  background-size: 29px;
}

#headerUL .menu_list #headMenuLIB.is-active:before {
  background: url("/img/ico_nyushukkinG.svg") no-repeat 2px 3px;
  background-size: 29px;
}

#headerUL .menu_list #headMenuGP:before {
  background: url("/img/ico_kouji.svg") no-repeat 4px 6px;
  content: "";
  display: inline-block;
  width: 30px;
  height: 35px;
  vertical-align: middle;
  background-size: 22px;
}

#headerUL .menu_list #headMenuGP.is-active:before {
  background: url("/img/ico_koujiG.svg") no-repeat 4px 6px;
  background-size: 22px;
}

#headerUL .menu_list #headMenuST:before {
  background: url("/img/ico_setting.svg") no-repeat 0px 7px;
  content: "";
  display: inline-block;
  width: 30px;
  height: 35px;
  vertical-align: middle;
  background-size: 20px;
}

#headerUL .menu_list #headMenuST.is-active:before {
  background: url("/img/ico_settingG.svg") no-repeat 0px 7px;
  background-size: 20px;
}

#headerUL .subUL {
  background: #e9ecef;
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  margin: auto;
  overflow: hidden;
  width: 100%;
  display: none;
  z-index: 2;
  -webkit-box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
          box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
}

@media screen and (max-width: 1200px) {
  #headerUL .subUL {
    top: 52px;
  }
}

@media screen and (max-width: 768px) {
  #headerUL .subUL {
    width: 100%;
  }
}

#headerUL .subUL li {
  display: inline-block;
  width: calc(100% / 3);
  float: left;
}

@media screen and (max-width: 768px) {
  #headerUL .subUL li {
    width: calc(100% / 2);
  }
}

#headerUL .subUL li a {
  padding: 12px 20px;
  display: block;
  text-align: left;
}

#headerUL .subUL li a:hover {
  background: #dde2e6;
}

#headerUL .subUL li a:before {
  vertical-align: middle;
}

#headerUL .subUL .pdf > a:before {
  content: "";
  background: url("/img/ico_pdf.svg") no-repeat;
  display: inline-block;
  width: 22px;
  height: 24px;
  background-size: 21px;
  margin-right: 6px;
}

#headerUL .subUL .ico_build:before {
  content: "";
  background: url("/img/ico_bukkenB.svg") no-repeat 0px 0px;
  display: inline-block;
  width: 18px;
  height: 20px;
  margin-right: 10px;
  background-size: 18px;
}

#headerUL .subUL .ico_keiyaku:before {
  content: "";
  background: url("/img/ico_keiyakushinko.svg") no-repeat 0px -2px;
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 6px;
  background-size: 22px;
  margin-left: -1px;
}

#headerUL .subUL .ico_web:before {
  content: "";
  background: url("/img/ico_web.svg") no-repeat 0px 0px;
  display: inline-block;
  width: 20px;
  height: 22px;
  margin-right: 8px;
  background-size: 22px;
  margin-left: -2px;
}

#headerUL .subUL .ico_24:before {
  content: "";
  background: url("/img/ico_24.svg") no-repeat 0px -1px;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 3px;
  background-size: 20px;
  margin-left: -1px;
}

#headerUL .subUL .ico_junkaiSchedule:before {
  content: "";
  background: url("/img/ico_junkaiSchedule.svg") no-repeat 0px -3px;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  margin-left: -2px;
  background-size: 23px;
}

#headerUL .subUL .ico_total:before {
  content: "";
  background: url("/img/ico_total.svg") no-repeat 0px -3px;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  margin-left: -2px;
  background-size: 23px;
}

#headerUL .subUL .ico_addcash:before {
  content: "";
  background: url("/img/ico_addcash.svg") no-repeat 0px -3px;
  display: inline-block;
  width: 23px;
  height: 20px;
  margin-right: 3px;
  margin-left: -3px;
}

#headerUL .subUL .ico_itandi:before {
  content: "";
  background: url("/img/ico_itandi.svg") no-repeat 0px -2px;
  display: inline-block;
  width: 23px;
  height: 20px;
  margin-right: 3px;
  margin-left: 2px;
}

#headerUL .subUL .ico_owner:before {
  content: "";
  background: url("/img/ico_ownerG.svg") no-repeat 0px -3px;
  display: inline-block;
  width: 23px;
  height: 20px;
  margin-right: 3px;
  margin-left: -3px;
}

#headerUL .subUL .ico_nyukinbukken:before {
  content: "";
  background: url("/img/ico_nyukinbukkenG.svg") no-repeat 0px -3px;
  display: inline-block;
  width: 23px;
  height: 20px;
  margin-right: 3px;
  margin-left: -3px;
}

#headerUL .subUL .ico_ownerReport:before {
  content: "";
  background: url("/img/ico_ownerReport.svg") no-repeat 0px -3px;
  display: inline-block;
  width: 23px;
  height: 20px;
  margin-right: 3px;
  margin-left: -3px;
}

#headerUL .subUL .ico_residentSearch:before {
  content: "";
  background: url("/img/ico_residentSearch.svg") no-repeat 0px -3px;
  display: inline-block;
  width: 23px;
  height: 20px;
  margin-right: 3px;
  margin-left: -3px;
}

#headerUL .subUL .ico_yachinSeikyuList:before {
  content: "";
  background: url("/img/ico_yachinSeikyuList.svg") no-repeat 0px -3px;
  display: inline-block;
  width: 23px;
  height: 20px;
  margin-right: 3px;
  margin-left: -3px;
}

#headerUL .subUL .ico_cashRemove:before {
  content: "";
  background: url("/img/ico_cashRemove.svg") no-repeat 0px -3px;
  display: inline-block;
  width: 23px;
  height: 20px;
  margin-right: 3px;
  margin-left: -3px;
}

#headerUL .subUL .ico_accountCash:before {
  content: "";
  background: url("/img/ico_accountCash.svg") no-repeat 0px -3px;
  display: inline-block;
  width: 23px;
  height: 20px;
  margin-right: 3px;
  margin-left: -3px;
}

#headerUL .subUL .ico_kaiyaku:before {
  content: "";
  background: url("/img/ico_kaiyaku.svg") no-repeat 0px -2px;
  display: inline-block;
  width: 23px;
  height: 20px;
  margin-right: 3px;
  margin-left: -3px;
}

#headerUL .subUL .ico_claim:before {
  content: "";
  background: url("/img/ico_claim.svg") no-repeat 0px 0px;
  display: inline-block;
  width: 23px;
  height: 24px;
  margin-right: 3px;
  margin-left: -3px;
}

#headerUL .subUL .ico_cash:before {
  content: "";
  background: url("/img/ico_cash.svg") no-repeat 0px -3px;
  display: inline-block;
  width: 23px;
  height: 20px;
  margin-right: 3px;
  margin-left: -3px;
}

#headerUL .subUL .ico_kouza:before {
  content: "";
  background: url("/img/ico_kouza.svg") no-repeat 0px -2px;
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 3px;
  margin-left: -3px;
}

#headerUL .subUL .ico_nyukin:before {
  content: "";
  background: url("/img/ico_nyukin.svg") no-repeat 0px -2px;
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 3px;
  margin-left: -3px;
}

#headerUL .subUL .ico_mishu:before {
  content: "";
  background: url("/img/ico_mishu.svg") no-repeat 0px -2px;
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 3px;
  margin-left: -3px;
}

#headerUL .subUL .ico_shiharaiYotei:before {
  content: "";
  background: url("/img/ico_shiharaiYotei.svg") no-repeat 0px -2px;
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 3px;
  margin-left: -3px;
}

#headerUL .subUL .ico_miharaikeihi:before {
  content: "";
  background: url("/img/ico_miharaikeihi.svg") no-repeat 0px -2px;
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 3px;
  margin-left: -3px;
}

#headerUL .subUL .ico_uriagekanri:before {
  content: "";
  background: url("/img/ico_uriagekanri.svg") no-repeat 0px -2px;
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 3px;
  margin-left: -3px;
}

#headerUL .subUL .ico_sort:before {
  content: "";
  background: url("/img/ico_sort.svg") no-repeat 0px -3px;
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 2px;
  margin-left: -3px;
}

#headerUL .subUL .ico_azukarikin:before {
  content: "";
  background: url("/img/ico_azukarikin.svg") no-repeat 0px -3px;
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 2px;
  margin-left: -3px;
}

#headerUL .subUL .ico_chouhi:before {
  content: "";
  background: url("/img/ico_chouhi.svg") no-repeat 0px -3px;
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 2px;
  margin-left: -3px;
}

#headerUL .subUL .ico_life:before {
  content: "";
  background: url("/img/ico_life.svg") no-repeat 0px 3px;
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 0px;
  margin-left: -3px;
}

#headerUL .subUL .ico_hokuyo:before {
  content: "";
  background: url("/img/ico_hokuyo.svg") no-repeat 0px 1px;
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 0px;
  margin-left: -3px;
}

#headerUL .subUL .ico_smbc:before {
  content: "";
  background: url("/img/ico_smbc.svg") no-repeat 0px -2px;
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 0px;
  margin-left: -3px;
}

#headerUL .subUL .ico_hot:before {
  content: "";
  background: url("/img/ico_hot.svg") no-repeat 0px -2px;
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 3px;
  margin-left: -3px;
}

#headerUL .subUL .ico_yayoi:before {
  content: "";
  background: url("/img/ico_yayoi.svg") no-repeat 0px -2px;
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 3px;
  margin-left: -3px;
}

#headerUL .subUL .ico_jbr:before {
  content: "";
  background: url("/img/ico_jbr.svg") no-repeat 0px 2px;
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 3px;
  margin-left: -3px;
}

#headerUL .subUL .ico_kouji:before {
  content: "";
  background: url("/img/ico_koujiG.svg") no-repeat 0px -1px;
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 3px;
  margin-left: -3px;
}

#headerUL .subUL .ico_master:before {
  content: "";
  background: url("/img/ico_master.svg") no-repeat 0px -2px;
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 1px;
  margin-left: -3px;
}

#headerUL .subUL .ico_list:before {
  content: "";
  background: url("/img/ico_list.svg") no-repeat 0px -2px;
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 1px;
  margin-left: -3px;
}

#headerUL .subUL .ico_dayreport:before {
  content: "";
  background: url("/img/ico_dayreport.svg") no-repeat 0px -2px;
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 1px;
  margin-left: -3px;
}

#headerUL .subUL .ico_companyedit:before {
  content: "";
  background: url("/img/ico_companyedit.svg") no-repeat 0px -2px;
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 1px;
  margin-left: -3px;
}

#headerUL .subUL .ico_employee:before {
  content: "";
  background: url("/img/ico_employee.svg") no-repeat 0px -2px;
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 1px;
  margin-left: -3px;
}

#headerUL .subUL .ico_photo:before {
  content: "";
  background: url("/img/ico_photo.svg") no-repeat 0px -2px;
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 2px;
  margin-left: -3px;
}

#headerUL .subUL .ico_maintenance:before {
  content: "";
  background: url("/img/ico_maintenance.svg") no-repeat 0px -2px;
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 1px;
  margin-left: -3px;
}

#headerUL .flexUL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.menuImg {
  display: block;
  float: left;
  margin-left: 0.5em;
  margin-top: 1px;
}

/* エラー報告・要望欄(#miniP)、ヘルプ(.miniHELP) */
#miniP, .miniHELP {
  position: absolute;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  z-index: 10;
  font-size: small;
  text-align: center;
  cursor: pointer;
}

#miniP {
  right: 2px;
  width: 100px;
  border-radius: 5px;
  padding: 4px 16px;
}

.miniHELP {
  right: 107px;
  width: 16px;
  border-radius: 8px;
}

#miniP:hover, .miniHELP:hover {
  opacity: 0.7;
}

#hints {
  position: absolute;
  top: 60px;
  right: 10px;
  padding: 10px;
  width: 200px;
  cursor: pointer;
  z-index: 110;
  background: #E0FCD1;
  text-align: center;
  border-radius: 10px;
  font-size: 12px;
  line-height: 1.5;
}

/* ページトップに戻るボタン */
.pagetop {
  position: fixed;
  bottom: 8vh;
  right: 5vw;
  border-radius: 0.5em;
  z-index: 1;
  opacity: 0;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: all .5s;
  transition: all .5s;
}

.pagetop a {
  display: block;
  width: 50px;
  height: 50px;
  background-color: #2f3a4c;
  text-align: center;
  color: #fff;
  font-size: 24px;
  -webkit-box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.5);
          box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.5);
  text-decoration: none;
  line-height: 50px;
  border-radius: 0.5em;
}

.pagetop.show {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/***** ▼全頁共通id・class▼ ******/
/* ぱんくずナビ */
#breadNavi {
  margin: 0;
  padding: 0;
  text-align: left;
  overflow: auto;
  padding: 6px 2px;
  background-color: #e9ecef;
  border-top: 2px solid #e9e8ea;
}

#breadNavi li {
  background: url(/img/ic_bn.png) no-repeat center left;
  display: block;
  margin-right: 0.5em;
  padding-left: 15px;
  font-size: small;
  line-height: 1.6em;
  white-space: nowrap;
}

#breadNavi li:first-child {
  background-image: none;
}

#breadNavi a {
  color: #424242;
  text-decoration: none;
}

#breadNavi a:hover {
  text-shadow: 1px 1px 1px #d4d4d4;
}

#error {
  color: #dc3545;
  font-weight: bold;
  line-height: 1.6em;
  background: #edb7b7;
  padding: 4px 0 2px;
}

.attention {
  color: #2f3a4c;
  font-weight: bold;
  background: #ffe4e1;
  letter-spacing: 1.2px;
  padding: 8px 24px;
  display: block;
}

.caution {
  text-align: left;
  font-size: 12px;
  line-height: 1;
  padding: 1em;
  background: #fff2f4;
}

#sys_msg {
  position: absolute;
  top: 0;
  left: 0;
  padding: 4px 0;
  width: 100%;
  cursor: pointer;
  z-index: 100;
  background-color: #D5E0F1;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
}

.latlng {
  border: 1px solid #e7e7e7;
  background-color: #e7e7e7;
  width: 30px !important;
}

.likeA {
  text-decoration: underline;
  color: #3261ab;
  cursor: pointer;
}

.flList {
  margin: 0;
  padding: 0;
  list-style: none;
  clear: both;
}

.flList li {
  float: left;
  margin: 2px 10px 2px 0;
  padding: 0;
  min-width: 7em;
}

.flListNew {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flListNew li {
  margin: 3px 6px 3px 0;
  padding: 0;
  cursor: pointer;
  min-width: 9em;
}

@media screen and (max-width: 600px) {
  .flListNew li {
    margin: 2px 3px 2px 0;
    min-width: auto;
    width: calc(100% / 2 - 3px);
  }
  .flListNew li:nth-child(even) {
    margin: 2px 0;
  }
}

.flListNew li label {
  display: block;
  background-color: #e9ecef;
  text-align: center;
  margin: 0;
}

.flListNew li label:hover {
  cursor: pointer;
  color: #20c997;
  background: #f9f9fa;
}

.flListNew li .checked {
  display: block;
}

.flListNew .swEcl {
  background: #e5f1f1;
  text-align: center;
  padding: 8px 0;
  margin-top: 0;
}

.flListNew .swGcl {
  background: #e5f1f1;
  text-align: center;
  padding: 8px 0;
  margin-top: 0;
}

.swGtr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 600px) {
  .swGtr li {
    width: 100%;
  }
}

.flListNewSP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 600px) {
  .flListNewSP li {
    width: 100%;
  }
}

.add_shousaiBox {
  margin: 5px 12px 0;
}

@media screen and (max-width: 768px) {
  .add_shousaiBox {
    margin: 5px 0 0;
  }
}

.txtEnc {
  display: inline-block;
  background-color: #def3e6;
  margin: 0.2em;
  cursor: pointer;
  padding: 8px 24px;
  border-radius: 3px;
  margin: 5px;
  -webkit-box-shadow: rgba(67, 71, 85, 0.1) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
          box-shadow: rgba(67, 71, 85, 0.1) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.txtGreen {
  display: inline-block;
  background-color: #def3e6;
  margin: 0.2em;
  padding: 8px 24px;
  border-radius: 3px;
  margin: 5px;
}

.textareabox {
  width: 98%;
  margin: 0 auto;
  text-align: left;
  background: #f8f9fa;
  padding: 1em 1em 0.5em;
}

/* 管理トップ画面 */
@media screen and (max-width: 940px) {
  .kanriTOPreal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 768px) {
  .kanriTOPreal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.kanriTOPreal_list {
  background: #f8f9fa;
  padding: 2vw;
  width: 80%;
  border-radius: 10px;
  margin: 0 auto 24px;
  -webkit-box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
          box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
}

@media screen and (max-width: 940px) {
  .kanriTOPreal_list {
    width: calc(100% / 3 - 4vw);
  }
}

@media screen and (max-width: 768px) {
  .kanriTOPreal_list {
    width: 80%;
  }
}

.kanriTOPreal_list-title {
  font-size: 20px;
  padding-bottom: 2px;
  margin-bottom: 20px;
  position: relative;
}

.kanriTOPreal_list-title:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 3px;
  content: '';
  border-radius: 3px;
  background: #6c757d;
}

.kanriTOPreal_list span {
  font-size: 40px;
  margin: 10px;
  color: #d63384;
}

@media screen and (max-width: 961px) {
  .kanriTOPreal_list span {
    font-size: 2rem;
  }
}

@media screen and (max-width: 621px) {
  .kanriTOPreal_list span {
    font-size: 2rem;
  }
}

.kanriTanto tr td {
  font-size: 15px;
  padding: 0.2em;
}

.top_content {
  margin: 8px 0 20px;
}

/* flex */
.flex7-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 940px) {
  .flex7-3 {
    width: 100%;
  }
}

.flex6-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 940px) {
  .flex6-4 {
    width: 100%;
  }
}

.flex5-5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}

@media screen and (max-width: 940px) {
  .flex5-5 {
    width: 100%;
  }
}

.flex5-5-inner {
  width: 50%;
}

.flexwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex_calc3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.flex_calc3 .calc3 {
  width: calc(100% / 3);
}

@media screen and (max-width: 940px) {
  .flex_calc3 .calc3 {
    width: auto;
  }
}

.flex_calc3 .calc3-inner {
  padding: 4px;
}

@media screen and (max-width: 940px) {
  .flex_calc3 .calc3-inner {
    padding: 4px 0;
  }
}

.flex_calc3 .calc3-inner .scwET {
  margin-bottom: 4px;
}

.flex-n2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex-n2 li {
  width: 100%;
}

.flex-n2 li:nth-child(n + 2) {
  width: 49%;
}

@media screen and (max-width: 767px) {
  .flex-n2 li:nth-child(n + 2) {
    width: 100%;
  }
}

.calc4 {
  width: calc(100% / 4);
}

@media screen and (max-width: 768px) {
  .calc4 {
    width: calc(100% / 2);
  }
}

@media screen and (max-width: 420px) {
  .calc4 {
    width: auto;
  }
}

.calcMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.calcMenu_button {
  background: #4B75B9;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#4B75B9), color-stop(#3261AB), color-stop(#3261AB), to(#4B75B9));
  background: linear-gradient(to right, #4B75B9, #3261AB, #3261AB, #4B75B9);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff !important;
  padding: 6px 32px;
  display: block;
  border-radius: 3px !important;
  -webkit-transition: .5s;
  transition: .5s;
  margin: 2px;
  -webkit-box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
          box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.calcMenu_button:hover {
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0.8;
}

@media screen and (max-width: 600px) {
  .calcMenu_button {
    padding: 10px 1em;
  }
}

.calcMenu li {
  display: block;
  width: 100%;
}

.calcMenu_underBtn {
  display: inline-block;
  margin: 3px;
  width: calc(100% - 30% - 10px);
  padding: 6px 1em;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  border-radius: 3px !important;
  cursor: pointer;
  background: #4B75B9;
  background: -webkit-gradient(linear, left top, right top, from(#4B75B9), color-stop(#3261AB), color-stop(#3261AB), to(#4B75B9));
  background: linear-gradient(to right, #4B75B9, #3261AB, #3261AB, #4B75B9);
  color: #fff !important;
  -webkit-box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
          box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
  -webkit-transition: .5s;
  transition: .5s;
}

.calcMenu_underBtn:hover {
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0.8;
}

@media screen and (max-width: 600px) {
  .calcMenu_underBtn {
    padding: 10px 1em;
  }
}

.csvBtn {
  background: #fff;
  /* fallback for old browsers */
  border: 1px solid #20c997;
  color: #20c997 !important;
  padding: 5px 6px;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(100% - 70% - 5px);
  border-radius: 3px !important;
  -webkit-transition: .5s;
  transition: .5s;
  margin: 2px;
  white-space: normal;
  -webkit-box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
          box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.csvBtn:hover {
  color: #fff !important;
  background: #20c997;
}

@media screen and (max-width: 600px) {
  .csvBtn {
    padding: 10px 6px;
  }
}

/* enclosure=囲み */
.searcharea {
  padding: 1em;
  text-align: left;
  font-size: small;
  width: 98%;
  margin: 0 auto 1em;
  background-color: #f8f9fa;
}

.searcharea a {
  vertical-align: middle;
}

.searcharea .reportBtn {
  padding: 6px 8px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #20c997;
  color: #20c997;
  display: inline-block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.searcharea .reportBtn:hover {
  background: #20c997;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.sep20, .sep25, .sep30, .sep60, .sep40, .sep50, .sep70, .sep80 {
  margin: 0;
  padding: 0;
}

.sep50, .sep60, .sep70, .sep80 {
  background-color: #ffffff;
}

.sep100 {
  clear: both;
}

.alL {
  text-align: left;
}

/* 左寄せ */
.alR {
  text-align: right !important;
}

.fEnd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

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

/* 右寄せ */
.water {
  color: #bcbcbc;
}

/* カーソル合わせると消える補足説明 */
.nowrap {
  white-space: nowrap;
}

/* 自動改行させない */
.closeBTN {
  display: inline-block;
  cursor: pointer;
  background: url(/img/closebtn.png) no-repeat;
  height: 2.6em;
  width: 160px;
  margin: 0 0.5em;
}

@media screen and (max-width: 768px) {
  .closeBTN {
    margin: 1em 0;
  }
}

.closeBTNs {
  display: inline-block;
  cursor: pointer;
  background: url(/img/closebtnS.png) no-repeat;
  height: 2.6em;
  width: 36px;
  margin: 0 0.5em;
}

@media screen and (max-width: 768px) {
  .closeBTNs {
    margin: 0.5em 0;
  }
}

.flR {
  float: right;
}

.flL {
  float: left;
}

/* 右寄せ */
.numL {
  font-size: larger;
  text-align: right;
}

.numLL {
  font-size: large;
  text-align: right;
}

.sealRed {
  font-size: 8px;
  color: #dc3545;
  background-color: #ffffff;
  border: 1px solid #dc3545;
  padding: 0 2px;
  margin-left: 1px;
}

.sealGreen {
  font-size: 8px;
  color: #009250;
  background-color: #ffffff;
  border: 1px solid #009250;
  padding: 0 2px;
  margin-left: 1px;
}

.posiR {
  position: relative;
}

.abR {
  position: absolute;
  top: 0;
  right: 1vw;
}

@media screen and (max-width: 767px) {
  .abR {
    position: relative;
    top: -8px;
    right: 0;
  }
}

/* ミニ四角文字 */
.a_bana {
  display: inline-block;
  margin: 5px;
  padding: 0.6em 2em;
  text-decoration: none;
  border-radius: 3px !important;
  cursor: pointer;
  background: #4B75B9;
  background: -webkit-gradient(linear, left top, right top, from(#4B75B9), color-stop(#3261AB), color-stop(#3261AB), to(#4B75B9));
  background: linear-gradient(to right, #4B75B9, #3261AB, #3261AB, #4B75B9);
  color: #fff !important;
  -webkit-box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
          box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.a_banaMiddle {
  display: inline-block;
  margin: 3px;
  padding: 6px 1em;
  font-size: 14px;
  text-decoration: none;
  border-radius: 3px !important;
  cursor: pointer;
  background: #4B75B9;
  background: -webkit-gradient(linear, left top, right top, from(#4B75B9), color-stop(#3261AB), color-stop(#3261AB), to(#4B75B9));
  background: linear-gradient(to right, #4B75B9, #3261AB, #3261AB, #4B75B9);
  color: #fff !important;
  -webkit-box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
          box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.a_banaSmall {
  display: inline-block;
  margin: 5px;
  padding: 0 1em;
  font-size: 12px;
  text-decoration: none;
  border-radius: 3px !important;
  cursor: pointer;
  background: #4B75B9;
  background: -webkit-gradient(linear, left top, right top, from(#4B75B9), color-stop(#3261AB), color-stop(#3261AB), to(#4B75B9));
  background: linear-gradient(to right, #4B75B9, #3261AB, #3261AB, #4B75B9);
  color: #fff !important;
  -webkit-box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
          box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.a_banaRed {
  display: inline-block;
  margin: 5px;
  padding: 0.6em 2em;
  text-decoration: none;
  border-radius: 3px !important;
  cursor: pointer;
  background: #dc3545;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff !important;
  -webkit-box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
          box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.a_banaRed:hover {
  opacity: 0.8;
}

.a_banaRedMiddle {
  display: inline-block;
  margin: 3px;
  padding: 6px 1em;
  font-size: 14px;
  text-decoration: none;
  border-radius: 3px !important;
  cursor: pointer;
  background: #dc3545;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff !important;
  -webkit-box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
          box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.a_banaRedMiddle:hover {
  opacity: 0.8;
}

.a_banaRedSmall {
  display: inline-block;
  margin: 5px;
  padding: 0 1em;
  font-size: 12px;
  text-decoration: none;
  border-radius: 3px !important;
  cursor: pointer;
  background: #dc3545;
  color: #fff !important;
  -webkit-box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
          box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.a_banaRedSmall:hover {
  opacity: 0.8;
}

.a_banaG {
  display: inline-block;
  margin: 5px;
  padding: 0.6em 2em;
  text-decoration: none;
  border-radius: 3px !important;
  cursor: pointer;
  background: #e9ecef;
  color: #2c2c2c !important;
  -webkit-box-shadow: rgba(67, 71, 85, 0.3) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
          box-shadow: rgba(67, 71, 85, 0.3) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.a_banaG:hover {
  color: #20c997 !important;
}

.a_banaGMiddle {
  display: inline-block;
  margin: 3px;
  padding: 6px 1em;
  font-size: 14px;
  text-decoration: none;
  border-radius: 3px !important;
  cursor: pointer;
  background: #e9ecef;
  color: #2c2c2c !important;
  -webkit-box-shadow: rgba(67, 71, 85, 0.3) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
          box-shadow: rgba(67, 71, 85, 0.3) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.a_banaGMiddle:hover {
  color: #20c997 !important;
}

.a_banaGSmall {
  display: inline-block;
  margin: 5px;
  padding: 0 1em;
  font-size: 12px;
  text-decoration: none;
  border-radius: 3px !important;
  cursor: pointer;
  background: #e9ecef;
  color: #2c2c2c !important;
  -webkit-box-shadow: rgba(67, 71, 85, 0.3) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
          box-shadow: rgba(67, 71, 85, 0.3) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.a_banaGSmall:hover {
  color: #20c997 !important;
}

.a_banaE {
  display: inline-block;
  margin: 5px;
  padding: 0.6em 2em;
  border: 1px solid #20c997;
  text-decoration: none;
  border-radius: 3px !important;
  cursor: pointer;
  background: #fff;
  color: #20c997 !important;
}

.a_banaE:hover {
  background: #20c997 !important;
  color: #fff !important;
}

.a_banaB {
  display: inline-block;
  margin: 5px;
  padding: 0.6em 2em;
  text-decoration: none;
  cursor: pointer;
  background: #e9ecef;
  color: #2c2c2c !important;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 1px;
          box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 1px;
  -webkit-transition: 0.3;
  transition: 0.3;
}

.a_banaB:hover {
  color: #ffffff !important;
  background-color: #868686;
  -webkit-transition: 0.3;
  transition: 0.3;
}

.a_banaEnc {
  display: inline-block;
  margin: 5px;
  padding: 8px 32px;
  text-decoration: none;
  border-radius: 3px !important;
  cursor: pointer;
  background: #e9ecef;
  color: #2f3a4c;
  -webkit-box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
          box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.a_banaEnc:hover {
  color: #20c997 !important;
}

.a_banaR {
  display: inline-block;
  margin: 5px;
  padding: 0.5em 2em;
  text-decoration: none;
  border-radius: 3px !important;
  cursor: pointer;
  background: #dc3545;
  border: 2px solid #dc3545;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff !important;
  -webkit-box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
          box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.a_banaR:hover {
  background: #ffcc00;
  border: 2px solid #060606;
  color: #060606 !important;
}

.a_banaW {
  display: block;
  font-size: large;
  margin: 5px;
  padding: 0.5em 1em;
  text-decoration: none;
  border-radius: 3px;
  text-align: center;
  background: #4B75B9;
  background: -webkit-gradient(linear, left top, right top, from(#4B75B9), color-stop(#3261AB), color-stop(#3261AB), to(#4B75B9));
  background: linear-gradient(to right, #4B75B9, #3261AB, #3261AB, #4B75B9);
  color: #fff !important;
  -webkit-box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
          box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.a_banaGW {
  display: block;
  font-size: large;
  margin: 5px;
  padding: 0.5em 1em;
  text-decoration: none;
  border-radius: 3px;
  text-align: center;
  background: #e9ecef;
  color: #2c2c2c !important;
  -webkit-box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
          box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.a_banaW2 {
  display: block;
  float: left;
  width: 40%;
  font-size: large;
  margin: 0.5em 1em;
  padding: 1em 1em;
  text-decoration: none;
  border-radius: 3px;
  text-align: center;
  background: #4B75B9;
  background: -webkit-gradient(linear, left top, right top, from(#4B75B9), color-stop(#3261AB), color-stop(#3261AB), to(#4B75B9));
  background: linear-gradient(to right, #4B75B9, #3261AB, #3261AB, #4B75B9);
  color: #fff !important;
  -webkit-box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
          box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.linkBtn {
  padding: 2px 4px;
  background: #fff;
  margin: 2px;
  border-radius: 3px;
  border: 1px solid #20c997;
  color: #20c997;
  display: inline-block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.linkBtn:hover {
  background: #20c997;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.a_bana:hover, .a_banaW:hover, .a_banaW2:hover {
  opacity: 0.8;
}

.addSPANbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.addSPANbox .addSPAN, .addSPANbox .addSPANtab {
  cursor: pointer;
  display: block;
  margin: 5px;
  padding: 4px 20px 4px 40px;
  text-align: center;
  background-color: #f2f2f2;
  -webkit-box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
          box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
  font-size: 13px;
  line-height: 2em;
}

@media screen and (max-width: 768px) {
  .addSPANbox .addSPAN, .addSPANbox .addSPANtab {
    display: inline-block;
  }
}

/* gwMesse、build_menu[rbm] */
.dspNONE {
  display: none;
}

.searchNone {
  padding: 3em 0em;
  text-align: center;
  margin: 2em auto;
  font-size: 20px;
  letter-spacing: 1.2px;
}

div[class^="shopID"] {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid #ccc;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

div[class^="shopID"] input[type="checkbox"] {
  margin-right: 6px;
}

div[class^="shopID"] .tekiyouB {
  display: inline-block;
}

.taskButton {
  margin: 1em 0.5em;
}

.taskButton label {
  padding: 4px;
}

.taskButton label input[type="checkbox"] {
  margin-right: 6px;
}

.addSPAN, .addSPANtab {
  position: relative;
  /*+マークの位置基準とするためrelative指定*/
  cursor: pointer;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  background: #f2f2f2;
}

.addSPAN:before, .addSPANtab:before {
  position: absolute;
  content: '';
  width: 15px;
  height: 2px;
  background-color: #333;
  top: 48%;
  left: 15px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.addSPAN:after, .addSPANtab:after {
  position: absolute;
  content: '';
  width: 15px;
  height: 2px;
  background-color: #333;
  top: 48%;
  left: 15px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.closs::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.closs::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* 初期値非表示 */
.minW180 {
  min-width: 180px;
}

/* 初期値非表示 */
.xxsmall {
  font-size: xx-small;
}

/* 極小文字（巡回予定表） */
/* テーブル標準 */
.tbFull, .tbList, .tbEdi, .tbEdi0 {
  border-collapse: collapse;
  border: 1px solid #e7e7e7;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  -webkit-box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
          box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
}

.tbFull {
  width: 98%;
  line-height: 2.0em;
  margin: 0.5em auto 2em;
}

@media screen and (max-width: 767px) {
  .tbFull {
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-all;
  }
}

.tbFull .jbrIco {
  vertical-align: bottom;
  margin-right: 4px;
  white-space: nowrap;
  padding: 0px 3px 1px !important;
}

.tbList, .tbEdi {
  line-height: 2.0em;
  margin: 1em;
}

.tbEdi0 {
  line-height: 2.0em;
  width: 98%;
  margin: 0 auto;
}

.tbFull th, .tbFull td {
  border: 1px solid #e7e7e7;
}

.tbFull th a, .tbFull td a {
  color: #3261ab;
}

.tbList th, .tbList td {
  border: 1px solid #e7e7e7;
}

.tbEdi {
  margin: 1em auto;
  width: 98%;
}

.tbEdi th, .tbEdi td {
  border: 1px solid #e7e7e7;
}

@media screen and (max-width: 767px) {
  .tbEdi th, .tbEdi td {
    display: block;
    width: 100%;
  }
}

.tbEdi th a, .tbEdi td a {
  color: #3261ab;
}

.tbEdi0 th, .tbEdi0 td {
  border: 1px solid #e7e7e7;
}

.tbEdi0 th a, .tbEdi0 td a {
  color: #3261ab;
}

.tbIn {
  width: 100%;
}

.tbIn th {
  background: #f8f9fa;
}

.tbIn th, .tbIn td {
  border: none;
  padding: 0.5em 1em;
}

.tbFull th, .tbList th, .tbEdi th, .tbEdi0 th {
  background-color: #e9ecef;
  font-weight: normal;
}

.tbFull th, .tbList th {
  text-align: center;
  padding: 0.3em;
  line-height: 1.5;
}

.tbFull td, .tbList td {
  line-height: 1.6em;
  padding: 0.3em;
}

.tbEdi th, .tbEdi0 th {
  padding: 1em;
  white-space: nowrap;
  font-size: 16px;
}

.tbEdi td, .tbEdi0 td {
  line-height: 1.6em;
  text-align: left;
  padding: 1em;
}

@media screen and (max-width: 767px) {
  .tbEdi td, .tbEdi0 td {
    padding: 0.3em;
  }
}

.trsticky {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  z-index: 1;
}

.hvtr td {
  background-color: #ffe4e1;
}

td:hover a {
  color: #20c997;
}

.cell_linkR {
  padding: 0 !important;
  height: 0;
}

.cell_linkR a {
  height: 100%;
  padding: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

@media screen and (max-width: 767px) {
  .cell_linkR {
    height: auto !important;
  }
}

.cell_linkL {
  padding: 0 !important;
  height: 0;
}

.cell_linkL a {
  height: 100%;
  padding: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  .cell_linkL {
    height: auto !important;
  }
}

.cell_linkC {
  padding: 0 !important;
  height: 0;
}

.cell_linkC label, .cell_linkC a {
  height: 100%;
  padding: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  .cell_linkC {
    height: auto !important;
  }
}

.pageNo {
  padding: 8px 20px;
  background: #f2f2f2;
  border-radius: 6px;
  display: inline-block;
  margin: 5px;
}

#ckall {
  background: #f2f2f2;
  border-radius: 3px;
  padding: 8px 20px;
}

/* 追従固定ボタン用*/
.posiR {
  position: relative;
}

.posiR .submit_fix {
  position: fixed;
  bottom: 0;
  z-index: 2;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
}

.posiR .submit_fix-button {
  background: #4B75B9;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#4B75B9), color-stop(#3261AB), color-stop(#3261AB), to(#4B75B9));
  background: linear-gradient(to right, #4B75B9, #3261AB, #3261AB, #4B75B9);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff !important;
  padding: 16px 24px;
  width: 80%;
  display: block;
  letter-spacing: 2px;
  border-radius: 3px !important;
  -webkit-transition: .5s;
  transition: .5s;
  text-align: center;
  margin: 0 auto;
  -webkit-box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
          box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.posiR .submit_fix-button:hover {
  -webkit-transition: .5s;
  transition: .5s;
  background-image: #6c8ec5;
  background-image: -webkit-gradient(linear, left top, right top, from(#6c8ec5), color-stop(19%, #4B75B9), color-stop(60%, #6c8ecc), to(#6c8ecc));
  background-image: linear-gradient(to right, #6c8ec5 0%, #4B75B9 19%, #6c8ecc 60%, #6c8ecc 100%);
}

/*スマホ時固定テーブル*/
@media screen and (max-width: 767px) {
  .taScroll_wrap {
    width: 100%;
    overflow-x: auto;
  }
}

@media screen and (max-width: 767px) {
  .taScroll_wrap .tbFull {
    word-break: normal;
    table-layout: auto;
  }
  .taScroll_wrap .tbFull .table_fix {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    background-color: #fff !important;
  }
}

.taScroll_wrap .checkboxTD {
  position: relative;
}

.taScroll_wrap .checkboxTD label {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

.taScroll_wrap .checkboxTD input[type="checkbox"] {
  display: block;
  /* 無くてもよい模様 */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

/* tbEdi0:営業システム契約情報で使用 */
/* 背景色標準 */
.co00 {
  background-color: #e2e2e2;
}

.co01 {
  background-color: #ffffdb;
}

.co02 {
  background-color: #fff9c1;
}

.co03 {
  background-color: #ffddaa;
}

.co04 {
  background-color: #e1ffaa;
}

.co05 {
  background-color: #eaf9f9;
}

.co06 {
  background-color: #cae3ff;
}

.co07 {
  background-color: #cdcaff;
}

.co08 {
  background-color: #bebbff;
}

.co09 {
  background-color: #efc0c8;
}

.co10 {
  background-color: #f2f2f2;
}

.co11 {
  background-color: #ffffff;
}

.co12 {
  background-color: #ffd4e1;
}

.co13 {
  background-color: #ffefc5;
}

.co14 {
  background-color: #fffcce;
}

.co15 {
  background-color: #cCF2E0;
}

.co16 {
  background-color: #ceeffb;
}

.co17 {
  background-color: #cfceff;
}

.co18 {
  background-color: #E5C1E8;
}

.co19 {
  background-color: #e3e2c0;
}

.co20 {
  background-color: #dddddd;
}

.co21 {
  background-color: #ffffff;
}

.co22 {
  background-color: #f8dcdc;
}

.co23 {
  background-color: #f1d5b8;
}

.co24 {
  background-color: #f1f1b8;
}

.co25 {
  background-color: #b8f1b8;
}

.co26 {
  background-color: #b5e9e9;
}

.co27 {
  background-color: #b7d7f5;
}

.co28 {
  background-color: #e0cef3;
}

.co29 {
  background-color: #e7e6b2;
}

/* カレンダー */
.ca_co12 {
  background-color: #fff;
}

.ca_co12 td:first-child {
  background-color: #dc3545;
  color: #ffffff;
}

.ca_co16 {
  background-color: #fff;
}

.ca_co16 td:first-child {
  background-color: #0a58ca;
  color: #ffffff;
}

/* 文字色標準 */
.caut {
  color: #dc3545;
  font-weight: bold;
}

.cautB {
  color: #0600ff;
  font-weight: bold;
}

.notes {
  font-size: small;
  color: #5fa081;
  line-height: 1.2em;
  font-weight: normal;
}

.f12 {
  font-size: 12px;
}

.aka {
  color: #dc3545;
}

.midori {
  color: #00b700;
}

.gray {
  color: #999999;
}

.midashiS {
  font-size: smaller;
  background-color: #e5f1f1;
  padding: 0.5em 1em;
  margin-left: 2px;
}

/* 見出し用ラベル小 */
.tekiyouB {
  font-size: 12px;
  background-color: #def3e6;
  padding: 8px 16px;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 3px;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .tekiyouB {
    margin: 3px 1px;
    display: inline-block;
    line-height: 1.6;
  }
}

.tekiyouBa {
  font-size: 12px;
  background-color: #def3e6;
  padding: 8px 16px;
  display: inline-block;
  line-height: 1.6;
  margin: 1px 5px;
  color: #2c2c2c !important;
  cursor: pointer;
  border-radius: 3px;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .tekiyouBa {
    margin: 5px 1px;
    display: inline-block;
  }
}

.shiftB {
  display: inline-block;
  background-color: #f9f9fa;
  text-align: center;
  padding: 2px 6px;
  margin: 4px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 1px;
          box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 1px;
}

/* 適用ボタン libStations.html */
.onlyBTN, #townsALL {
  display: inline-block;
  line-height: 2em;
  width: 4em;
  background: #e9ecef;
  margin: 2px;
  padding: 0;
  cursor: pointer;
  text-align: center;
}

/* 抽出ボタン libBusroute.html */
.toGY {
  background-color: #85c56e;
  padding: 2px 4px;
  color: #ffffff;
  cursor: pointer;
}

/* 業者WINDOW */
.setGID {
  background-color: #85c56e;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
}

/* 業者WINDOWから業者番号セット */
/* form要素 */
button {
  padding: 8px 24px;
  border-radius: 3px;
  background: #e9ecef;
  margin: 12px auto;
}

.button_box {
  line-height: 2em;
  margin: 1em;
  text-align: center;
}

.button10 {
  background: #e9ecef;
  padding: 10px 10vw;
  border-radius: 3px;
  color: #6c757d;
}

.buttonS {
  background: #e9ecef;
  display: inline-block;
  padding: 4px 16px;
  font-size: 12px;
  border-radius: 3px !important;
  margin: 2px 4px;
  border: 1px solid #eee;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.buttonL {
  height: 51px;
  padding: 0 30px;
  background: #e9ecef;
  border-radius: 3px !important;
}

.search_buttonBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.buttonBoxtop {
  margin-top: 50px;
}

.buttonBoxbottom {
  margin-bottom: 50px;
}

.del_buttonBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 136px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mar5 {
  margin: 5px !important;
}

.marB6 {
  margin-bottom: 6px !important;
}

.marB12 {
  margin-bottom: 12px !important;
}

.marB24 {
  margin-bottom: 12px !important;
}

.marB32 {
  margin-bottom: 32px !important;
}

.marT6 {
  margin-top: 6px !important;
}

.marT12 {
  margin-top: 12px !important;
}

.marL6 {
  margin-left: 6px !important;
}

.marL32 {
  margin-left: 32px !important;
}

.bb_dot {
  border-bottom: 1px #f2f2f2 dotted;
}

.search_buttonL {
  background: #4B75B9;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#4B75B9), color-stop(#3261AB), color-stop(#3261AB), to(#4B75B9));
  background: linear-gradient(to right, #4B75B9, #3261AB, #3261AB, #4B75B9);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
  padding: 16px 32px;
  display: block;
  width: 80%;
  min-width: 320px;
  margin: 0 auto 72px;
  border-radius: 3px !important;
  -webkit-transition: .5s;
  transition: .5s;
}

.search_buttonL:hover {
  -webkit-transition: .5s;
  transition: .5s;
}

.search_buttonS {
  background: #4B75B9;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#4B75B9), color-stop(#3261AB), color-stop(#3261AB), to(#4B75B9));
  background: linear-gradient(to right, #4B75B9, #3261AB, #3261AB, #4B75B9);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff !important;
  padding: 16px 32px;
  display: block;
  border-radius: 3px !important;
  -webkit-transition: .5s;
  transition: .5s;
  margin: 0 8px;
  -webkit-box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
          box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.search_buttonS:hover {
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0.8;
}

.search_buttonSG {
  background: #fff;
  /* fallback for old browsers */
  border: 1px solid #20c997;
  color: #20c997 !important;
  padding: 16px 32px;
  display: block;
  border-radius: 3px !important;
  -webkit-transition: .5s;
  transition: .5s;
  margin: 0 8px;
  -webkit-box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
          box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.search_buttonSG:hover {
  color: #fff !important;
  background: #20c997;
}

.clear_buttonS {
  background: #e9ecef;
  color: #2f3a4c;
  border-radius: 3px !important;
  padding: 16px 24px;
  display: block;
  margin: 0 8px;
  -webkit-box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
          box-shadow: rgba(67, 71, 85, 0.2) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.mailpopButton {
  background-color: #e9ecef;
  font-size: 14px;
  border-radius: 3px !important;
  margin: 2px 4px;
  padding: 10px 36px 8px 50px;
  border: 1px solid #eee;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-image: url(../img/mailpop.svg);
  background-repeat: no-repeat;
  background-position: 50px center;
  width: 240px;
}

.del_button {
  background: #dc3545;
  border: 6px solid #dc3545;
  padding: 16px 32px;
  margin: 5px;
  border-radius: 3px !important;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.del_button:hover {
  background: #ffcc00;
  color: #060606;
  border: 6px solid #060606;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.pdf_button {
  background: #e9ecef;
  border-radius: 3px;
  padding: 16px 32px;
}

.mikan {
  color: #cccccc;
  text-decoration: line-through;
  border-style: dashed;
}

/*　検索ページボタン追従　*/
.search_nav {
  /*stickyで固定*/
  position: -webkit-sticky;
  /*Safari*/
  position: sticky;
  z-index: 3;
  bottom: 0px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: rgba(255, 255, 255, 0.8);
}

.search_nav-buttonL {
  background: #4B75B9;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#4B75B9), color-stop(#3261AB), color-stop(#3261AB), to(#4B75B9));
  background: linear-gradient(to right, #4B75B9, #3261AB, #3261AB, #4B75B9);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
  width: 100%;
  padding: 16px 14px 16px 0px;
  display: block;
  letter-spacing: 1.6px;
  border-radius: 3px !important;
  margin: 0;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.search_nav-buttonL::before {
  background: url(/img/ico_searchW.svg) no-repeat 3px 7px;
  content: "";
  display: inline-block;
  width: 30px;
  height: 35px;
  vertical-align: middle;
  background-size: 20px;
}

.search_nav-buttonL:hover {
  background-image: -webkit-gradient(linear, left top, right top, from(#f78ca0), color-stop(19%, #f9748f), color-stop(60%, #fd868c), to(#fe9a8b));
  background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);
}

.search_fixed {
  /*fixedで固定*/
  position: -webkit-fixed;
  /*Safari*/
  position: fixed;
  width: 100%;
  z-index: 999;
  bottom: 0px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: rgba(255, 255, 255, 0.8);
}

.search_fixed-hozon {
  display: inline-block;
  margin: 5px;
  padding: 0.8em 1.5em;
  min-width: 300px;
  text-decoration: none;
  border-radius: 3px !important;
  cursor: pointer;
  background: #4B75B9;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#4B75B9), color-stop(#3261AB), color-stop(#3261AB), to(#4B75B9));
  background: linear-gradient(to right, #4B75B9, #3261AB, #3261AB, #4B75B9);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.search_fixed-hozon:hover {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0.8;
}

.search_fixed-buttonL {
  background: #4B75B9;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#4B75B9), color-stop(#3261AB), color-stop(#3261AB), to(#4B75B9));
  background: linear-gradient(to right, #4B75B9, #3261AB, #3261AB, #4B75B9);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
  width: 100%;
  padding: 16px 14px 16px 0px;
  display: block;
  letter-spacing: 1.6px;
  border-radius: 3px !important;
  margin: 0;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.search_fixed-buttonL:hover {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0.8;
}

/* 未完成のSUBMITボタン */
.n2, .n3, .n4, .n6, .n8, .n9, .n11 {
  text-align: right;
}

input.n4 {
  width: 2.5em;
}

input.n3 {
  width: 2em;
}

input.n2 {
  width: 1.5em;
}

input.n6 {
  width: 3.5em;
}

input.n8 {
  width: 4.5em;
}

input.n9 {
  width: 5em;
  font-size: medium;
}

input.n10 {
  width: 5.5em;
}

input.n11 {
  width: 7.5em;
}

input.v60 {
  width: 3em;
}

input.v90 {
  width: 5em;
}

input.v120 {
  width: 10em;
}

input.v200 {
  width: 16em;
}

input.v270 {
  width: 23em;
}

@media screen and (max-width: 767px) {
  input.v270 {
    width: 19em;
  }
}

input.v400 {
  width: 34em;
}

input.v600 {
  width: 90%;
}

/* 年・帖数大 */
/* 帖数小 */
/* 月日 */
/* 金額 */
/* 年月日 */
/* 金額大の入力フォームに使用 */
/* 年月日スラッシュ入り */
/* 電話番号 */
/* 担当名など短い用 */
/* 項目名などちょっと短い用 */
/* 標準用 */
/* 名称などちょっと長い用 */
/* 20文字くらいのなどまだちょっと長い用 */
/* 住所などけっこう長い用 */
/* 特約などかなり長い用 */
.txt8040 {
  width: 80%;
  height: 40px;
  margin: 0.3em;
  background: #fff;
  padding: 3px 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 0px, rgba(0, 0, 0, 0.15) 0px 0px 1px 0px;
          box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 0px, rgba(0, 0, 0, 0.15) 0px 0px 1px 0px;
}

.txt70100 {
  width: 70%;
  height: 100px;
  margin: 0.3em;
  text-align: left;
  background: #fff;
  padding: 3px 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 0px, rgba(0, 0, 0, 0.15) 0px 0px 1px 0px;
          box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 0px, rgba(0, 0, 0, 0.15) 0px 0px 1px 0px;
}

.txt10080 {
  width: 99%;
  height: 80px;
  background: #fff;
  padding: 0.5em;
  margin: 0.3em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 0px, rgba(0, 0, 0, 0.15) 0px 0px 1px 0px;
          box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 0px, rgba(0, 0, 0, 0.15) 0px 0px 1px 0px;
}

.txt10030 {
  width: 98%;
  height: 30em;
  background: #fff;
  padding: 3px 4px;
  margin: 0.3em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 0px, rgba(0, 0, 0, 0.15) 0px 0px 1px 0px;
          box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 0px, rgba(0, 0, 0, 0.15) 0px 0px 1px 0px;
}

/* 営業システム顧客メール送信 */
.txt10050 {
  width: 98%;
  text-align: left;
  height: 50em;
  background: #fff;
  border: 1px solid #eee;
  padding: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px inset;
          box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px inset;
}

/* ビジョンジムFC日報用 */
.txtMtoku {
  width: 690px;
  height: 280px;
  background: #fff;
  padding: 3px 4px;
  margin: 0.3em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 0px, rgba(0, 0, 0, 0.15) 0px 0px 1px 0px;
          box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 0px, rgba(0, 0, 0, 0.15) 0px 0px 1px 0px;
}

@media screen and (max-width: 600px) {
  .txtMtoku {
    width: 340px;
  }
}

.txtMtokuP {
  width: 490px;
  height: 250px;
  background: #fff;
  padding: 3px 4px;
  margin: 0.3em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 0px, rgba(0, 0, 0, 0.15) 0px 0px 1px 0px;
          box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 0px, rgba(0, 0, 0, 0.15) 0px 0px 1px 0px;
}

@media screen and (max-width: 600px) {
  .txtMtokuP {
    width: 340px;
  }
}

/* 管理システム特約用 */
.checkboxList {
  color: #646464;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .checkboxList {
    margin: 0;
  }
}

.checkboxList label {
  white-space: nowrap;
  padding: 6px 12px;
  margin: 3px;
  background: #e9ecef;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 1px;
          box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 1px;
}

.checkboxList label:hover {
  color: #20c997;
  cursor: pointer;
  background: #f9f9fa;
}

@media screen and (max-width: 767px) {
  .checkboxList label {
    display: inline-block;
    margin: 2px;
  }
}

.checkboxList .brother {
  display: inline-block;
  padding: 1em 0.5em;
  margin: 0.5em;
  background: #e5f1f1;
}

@media screen and (max-width: 767px) {
  .checkboxList .brother {
    padding: 0.5em;
  }
}

.checkboxList input[type="checkbox"], .checkboxList input[type="radio"] {
  visibility: hidden;
  position: absolute;
}

.checkboxListkan {
  color: #646464;
}

.checkboxListkan label {
  white-space: nowrap;
  padding: 5px;
  margin: 0;
  display: inline-block;
  line-height: 2em;
  text-align: center;
  cursor: pointer;
  border: 1px solid #d4d4d4;
}

.checkboxListkan input[type="checkbox"], .checkboxListkan input[type="radio"] {
  visibility: hidden;
  position: absolute;
}

.checkboxListCheck label {
  padding: 1em;
  cursor: pointer;
}

.checked {
  color: #ffffff;
  background-color: #6c757d !important;
  padding: 6px 12px !important;
}

.checkAllBtnbox {
  text-align: left;
  margin: 0 12px 20px;
}

.checkAllBtnbox label {
  white-space: nowrap;
  border-radius: 3px;
  margin: 0 2px;
  background: #f9f9f9;
}

.checkAllBtnbox .checkAllBtn {
  padding: 0.5em 1em;
}

.dl00, .dl00s {
  margin: 0;
  padding: 0;
}

.dl00 dt, .dl00s dt {
  clear: both;
  width: 5.5em;
  text-align: right;
  margin: 0;
  padding: 0 0.5em 0 0;
}

.dl00 dt {
  float: left;
  margin: 0;
  white-space: nowrap;
}

.dl00 dd {
  float: left;
  margin: 0;
  white-space: nowrap;
  padding: 0;
}

.dl00s dd {
  padding: 0;
}

.dl00s dt, .dl00s dd {
  float: left;
  margin: 0.4em 0 0;
  white-space: nowrap;
}

.dl5037 {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dl5037 dt {
  width: 18%;
  margin: 2px 0;
  padding: 4px 8px;
  text-align: right;
}

.dl5037 dd {
  width: 80%;
  margin: 2px 0;
  padding: 4px 8px;
}

.dl5050 {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dl5050 dt {
  width: 50%;
  margin: 2px 0;
  padding: 0;
}

.dl5050 dd {
  width: 50%;
  margin: 2px 0;
  padding: 0;
}

.dl7030 {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5em;
}

.dl7030 .ttl {
  background: #f8f9fa;
  padding: 4px;
  font-weight: bold;
}

.dl7030 .ttl span {
  font-weight: normal;
  font-size: 12px;
  margin: 0 4px;
}

.dl7030 dt, .dl7030 dd {
  width: calc(100% / 2 - 4px);
  margin: 0;
  text-align: left;
  padding: 0 4px;
  margin-bottom: 6px;
}

.dl7030 .totaltop {
  border-top: 1px solid #999;
  padding: 8px;
}

.dl73L {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5em;
}

.dl73L .ttl {
  background: #f8f9fa;
  padding: 4px;
  font-weight: bold;
}

.dl73L .ttl span {
  font-weight: normal;
  font-size: 12px;
  margin: 0 4px;
}

.dl73L dt {
  width: 70%;
  margin: 0;
  text-align: left;
  padding: 0 4px;
  margin-bottom: 6px;
}

.dl73L dd {
  width: 30%;
  margin: 0;
  text-align: left;
  padding: 0 4px;
  margin-bottom: 6px;
}

.dl73L .totaltop {
  border-top: 1px solid #999;
  padding: 8px;
}

.dl73 {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5em;
}

.dl73 .ttl {
  background: #f8f9fa;
  padding: 4px;
  font-weight: bold;
}

.dl73 .ttl span {
  font-weight: normal;
  font-size: 12px;
  margin: 0 4px;
}

.dl73 dt {
  width: 30%;
  margin: 0;
  text-align: right;
  padding: 0 4px;
  margin-bottom: 6px;
}

.dl73 dd {
  width: 70%;
  margin: 0;
  text-align: left;
  padding: 0 4px;
  margin-bottom: 6px;
}

.dl3020 {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5em;
}

.dl3020 dt, .dl3020 dd {
  width: calc(100% / 4);
  margin: 0;
  text-align: left;
  padding: 0;
  margin-bottom: 6px;
}

.dl3020 dt {
  letter-spacing: 1.1px;
}

.dl3030 {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0.5em;
}

.dl3030 .ttl {
  background: #f8f9fa;
  padding: 4px;
}

.dl3030 dt, .dl3030 dd {
  width: calc(100% / 3);
  margin: 0;
  text-align: left;
  padding: 3px 6px;
  margin-bottom: 2px;
  line-height: 30px;
  border-bottom: 1px dotted #eee;
}

.dl3030 dt {
  letter-spacing: 1.1px;
}

.dl3mark {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0.5em;
}

.dl3mark .ttl {
  background: #f8f9fa;
  padding: 4px;
  border-bottom: none !important;
}

.dl3mark dt {
  letter-spacing: 1.1px;
  width: 60%;
  margin: 0;
  text-align: left;
  padding: 3px 6px;
  margin-bottom: 2px;
  line-height: 30px;
  border-bottom: 1px dotted #bbb;
}

.dl3mark dd {
  width: 20%;
  margin: 0;
  text-align: left;
  padding: 3px 6px;
  margin-bottom: 2px;
  line-height: 30px;
  border-bottom: 1px dotted #bbb;
}

.dl5020 {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5em;
}

.dl5020 .ttl {
  background: #f8f9fa;
  padding: 4px;
}

.dl5020 dt, .dl5020 dd {
  width: calc(100% / 2);
  margin: 0;
  text-align: left;
  padding: 3px 6px;
  margin-bottom: 2px;
}

.dl5020 dt {
  letter-spacing: 1.1px;
}

/* 営業システム契約入出金 */
.dl4020 {
  margin: 0;
  padding: 0;
}

.dl4020 dt, .dl4020 dd {
  float: left;
  margin: 0;
  padding: 0;
  border-bottom: 1px dotted #cccccc;
  line-height: 26px;
}

.dl4020 dt {
  clear: both;
  width: 48%;
  letter-spacing: 1.1px;
  text-align: left;
}

.dl4020 dd {
  width: 24%;
  text-align: right;
}

/* 管理システム契約入出金 */
/* 編集用テーブル上部タグ(tbEdi0と合わせて使う） */
.ediTag {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 1%;
}

.ediTag li {
  margin: 0 0.1em -1px;
  padding: 0;
}

.ediTag li a {
  padding: 12px 38px;
  color: #999999;
  background-color: #f8f9fa;
  text-decoration: none;
  border-left: 1px solid #cdd7e1;
  border-top: 1px solid #cdd7e1;
  border-right: 1px solid #cdd7e1;
  border-bottom: 1px solid #e9ecef;
  display: block;
  -webkit-transition: .5s;
  transition: .5s;
}

@media screen and (max-width: 767px) {
  .ediTag li a {
    padding: 6px 30px;
  }
}

.ediTag li a:hover {
  color: #2f3a4c;
  background-color: #fff2f4;
  -webkit-transition: .5s;
  transition: .5s;
}

.ediTag li a:active {
  color: #32cd32;
}

#ediTagnowThis {
  color: #2f3a4c;
  font-weight: bold;
  background: #e9ecef;
  background: -webkit-gradient(linear, left bottom, left top, from(#e9ecef), to(#bdceec));
  background: linear-gradient(0deg, #e9ecef 0%, #bdceec 100%);
  border-left: 1px solid #f2f2f2;
  border-top: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
}

/* map_canvas系 */
#map_canvas {
  width: 400px;
  height: 400px;
}

/* libCity.html */
#lsMAP {
  width: 90%;
  height: 400px;
  margin: 0 auto;
}

/* libStations.html */
#lsPHOTO {
  width: 240px;
}

/* libStations.html */
#lbrMAP {
  width: 100%;
  height: 800px;
}

/* libBusroute.html */
#lbsMAP {
  width: 500px;
  height: 400px;
}

@media screen and (max-width: 767px) {
  #lbsMAP {
    width: auto;
  }
}

/* libBusstop.html */
#ltMAP {
  width: 100%;
  height: 400px;
  margin: 0 auto;
}

/* libTowns.html */
#ltPHOTO {
  width: 200px;
}

/* libTowns.html */
#wrMAP {
  width: 100%;
  height: 700px;
}

/* wrMAP.html */
.mapMAINIMG {
  width: 240px;
  height: 180px;
}

/* wrMAP.html */
/***** ▼jQuery・javascript指定クラス ▼ ******/
#selectSearch {
  text-align: left;
  max-width: 340px;
}

.datepicker {
  width: 6em;
}

/* window.open系 */
.winA, .toCBR, .toBB, .toBgMAP, .toRco, .toRco5, .toRj, .toNewWin {
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 90% 50%;
  min-width: 2em;
}

.toCBD, .toRc, .toCMAP, .toBMAP {
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 90% 50%;
  min-width: 2em;
}

/* 動かせるパネル */
.stpanel {
  position: fixed;
  padding: 10px;
  cursor: all-scroll;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

#stpanel_azu {
  top: 560px;
  left: 10px;
}

@media screen and (max-width: 767px) {
  #stpanel_azu {
    top: 200px;
  }
}

/* 預り金一覧で使用 */
#stpanelrt {
  top: 170px;
  right: 10px;
}

/* ソート */
.sortable div {
  border: 1px dotted #999;
  background: #ffffff url(/img/sortablediv.png) no-repeat center left;
  margin: 1px;
  padding: 2px 2px 2px 10px;
  cursor: move;
  font-size: small;
}

.sortBTNblock {
  display: block;
  border: none;
  background-image: url(/img/sortNew.png);
  width: 100px;
  height: 40px;
  cursor: pointer;
  margin: 2px auto 5px;
}

.sortBTNinline {
  display: inline-block;
  float: right;
  border: none;
  background-image: url(/img/sortNew.png);
  width: 100px;
  height: 40px;
  cursor: pointer;
}

/***** ▼初期導入画面▼ ******/
#dounyupanel {
  margin: 100px auto 0;
  max-width: 500px;
  border: 3px solid #333333;
  border-radius: 3em;
  padding: 2em;
}

.donyuinput {
  text-align: left;
}

/***** ▼ログイン画面▼ ******/
#loginWrap {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background: radial-gradient(#f5f7fa, #c3cfe2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#loginWrap #contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
}

#loginWrap #loginpanel {
  max-width: 500px;
  padding: 2em 3em 4em;
  text-align: center;
  background-color: #f9f9f9;
  border-radius: 30px;
  -webkit-box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
          box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

@media screen and (max-width: 767px) {
  #loginWrap #loginpanel {
    width: 80%;
    padding: 2em 20px;
  }
}

#loginWrap #loginpanel .input {
  width: calc(100% - 10px);
}

#loginWrap #loginpanel .input:nth-child(3) {
  margin-bottom: 18px;
}

#loginWrap #loginpanel .input .loginVW {
  border: 1px solid #f2f2f2;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
  color: #4b5056;
  padding: 12px 10px;
  border-radius: 3px;
  text-align: left;
  width: calc(100% - 10px);
  line-height: inherit;
  margin: 0 auto 12px;
  font-size: 17px;
}

#loginWrap #loginpanel .input input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #dfe6f0 inset;
}

#loginWrap #loginpanel .loginbutton {
  text-shadow: none;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  background-image: none;
  background-color: #2f3a4c;
  color: #fff;
  font-size: 16px;
  margin-bottom: 6px;
  border-radius: 3px;
  height: auto;
  width: 100%;
  padding: 14px;
  outline: 0;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border-top-color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
}

#loginWrap #loginpanel .loginclear {
  text-shadow: none;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  background-image: none;
  background-color: #f2f2f2;
  color: #2f3a4c;
  font-size: 16px;
  border-radius: 3px;
  height: auto;
  width: 100%;
  padding: 14px;
  outline: 0;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border-top-color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
}

#loginerror {
  text-align: center;
  color: #cc3300;
}

/***** ▼社シスメニュー画面▼ ******/
#menuUL {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 768px) {
  #menuUL {
    margin-top: 2%;
  }
}

#menuUL li {
  padding: 0;
  margin: 2%;
  width: calc(100% / 2 - 4%);
  text-align: center;
  font-size: x-large;
  float: left;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
}

@media screen and (max-width: 768px) {
  #menuUL li {
    margin: 2%;
    width: calc(100% / 2 - 4%);
  }
}

#menuUL a {
  display: block;
  line-height: 90px;
  text-decoration: none;
  color: #666666;
  -webkit-transition: .3s;
  transition: .3s;
}

#menuUL a:hover {
  color: #ffffff;
  -webkit-transition: .3s;
  transition: .3s;
}

#menuLIW {
  border: none !important;
  background: #e9ecef;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
          box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
}

#menuLIW:hover {
  border-color: #FEF7D5;
  background: #FEF7D5;
  -webkit-transition: .3s;
  transition: .3s;
}

#menuLIW a {
  color: #FBE481;
  color: #2f3a4c;
}

#menuLIW a:hover {
  color: #2f3a4c;
}

#menuLIR {
  border: none !important;
  background: #e9ecef;
  -webkit-box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
          box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
  -webkit-transition: .3s;
  transition: .3s;
}

#menuLIR:hover {
  border-color: #F0D0E4;
  background: #F0D0E4;
  -webkit-transition: .3s;
  transition: .3s;
}

#menuLIR a {
  color: #D27EB3;
  color: #2f3a4c;
}

#menuLIR a:hover {
  color: #2f3a4c;
}

#menuLIM {
  border: none !important;
  background: #e9ecef;
  -webkit-box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
          box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
  -webkit-transition: .3s;
  transition: .3s;
}

#menuLIM:hover {
  background: #D5E0F1;
  border-color: #D5E0F1;
  -webkit-transition: .3s;
  transition: .3s;
}

#menuLIM a {
  color: #8BA7D5;
  color: #2f3a4c;
}

#menuLIM a:hover {
  color: #2f3a4c;
}

#menuLIB {
  border: none !important;
  background: #e9ecef;
  -webkit-box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
          box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
  -webkit-transition: .3s;
  transition: .3s;
}

#menuLIB:hover {
  border-color: #D1F1CC;
  background: #D1F1CC;
  -webkit-transition: .3s;
  transition: .3s;
}

#menuLIB a {
  color: #81D674;
  color: #2f3a4c;
}

#menuLIB a:hover {
  color: #2f3a4c;
}

#menuLIRe {
  border: none !important;
  background: #e9ecef;
  -webkit-box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
          box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
  -webkit-transition: .3s;
  transition: .3s;
}

#menuLIRe:hover {
  background: #E5D7EE;
  border-color: #E5D7EE;
  -webkit-transition: .3s;
  transition: .3s;
}

#menuLIRe a {
  color: #B492CC;
  color: #2f3a4c;
}

#menuLIRe a:hover {
  color: #2f3a4c;
}

.topics90 {
  width: 96%;
  height: 160px;
  overflow: auto;
  margin: 0 auto;
  padding: 2px 6px;
  border: 1px solid #999;
  list-style-type: none;
  line-height: 2;
}

.topics90 li {
  margin: 0 2px;
  padding: 0;
  border-bottom: 1px dotted #999;
  font-size: small;
}

.topics90 img {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.topics90 .kigen {
  margin: 0 6px 0 4px;
}

.kakikomi_area .kakikomi_area-select {
  padding: 6px 60px;
  display: block;
  background: #f2f2f2;
  margin: 4px 1%;
}

.kakikomi_area .kakikomi_textarea {
  display: block;
  width: 98%;
  margin: 0 auto;
  padding: 2px 10px;
}

.kakikomi_area .kakikomi_button {
  background: #4B75B9;
  padding: 10px 10vw;
  border-radius: 3px;
  color: #fff;
  margin-left: 1%;
  margin-top: 12px;
  -webkit-transition: .3s;
  transition: .3s;
}

.kakikomi_area .kakikomi_button:hover {
  background: #8BA7D5;
}

/***** ▼カレンダー画面▼ ******/
#cal_secCal, #cal_secCalM, #cal_secCalW, #cal_secCalD {
  float: left;
  width: 72%;
  overflow: auto;
}

.rightArrow {
  padding: 0 0.5em 0 1em;
}

.rightArrow:after {
  content: "";
  background: url(/img/rightArrow.svg) no-repeat 10px 8px;
  padding: 10px 1.2em;
}

.calnotes {
  font-size: 11px;
  color: #5fa081;
  line-height: 14px;
  font-weight: normal;
  margin-left: 20px;
}

.caltb td {
  vertical-align: top;
  width: calc(100% / 7);
  cursor: default;
}

.caltb_cl td {
  padding: 0;
}

.caltb_cl td .calD {
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  padding: 3px 0;
  display: block;
  background: #fafafa;
}

.caltb_cl td .calDcontent {
  padding: 4px 3px;
  min-height: 56px;
}

.caltb_cl td .calDcontent .calIMGic {
  margin: 1px;
}

.caltb_cl .nyutaikyo {
  padding: 0.5em;
}

.caltb_cl .nyutaikyo div {
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 6px;
}

.caltb_cl .nyutaikyo div:last-child {
  margin-bottom: 0;
}

th.cal_sun {
  background-color: #dc3545;
  color: #ffffff;
}

th.cal_sat {
  background-color: #3261AB;
  color: #ffffff;
}

.calDsun {
  color: #dc3545;
}

.calDsat {
  color: #3261AB;
}

.calDj {
  cursor: pointer;
}

.calDj span {
  font-weight: bold;
  font-size: larger;
}

/* 巡回予定表用 */
/* 巡回予定表用 */
.calToday {
  background: #f6f6f6;
}

.calToday > .calD {
  background: #20c997 !important;
}

.calIMGsumD {
  width: 200px;
  float: left;
  margin: 5px;
}

.calIMGsum {
  cursor: pointer;
  width: 200px;
}

#calIMGttl {
  width: 200px;
}

#calIMG1, #calIMG2 {
  width: 140px;
  float: left;
  text-align: center;
}

#calIMG3 {
  clear: both;
  text-align: center;
}

#calIMG {
  width: 160px;
}

#calIMGtxt {
  width: 140px;
  height: 110px;
}

.calIMGic {
  width: 35px;
  margin: 0;
}

.calIMGmini, .calPmini {
  width: calc(100% / 3 - 2px);
  margin: 1px;
}

#calPsort {
  overflow: auto;
}

#calPsort img {
  width: 100px;
  margin: 0 2px 0 0;
  float: left;
}

.calPsort1 {
  overflow: auto;
  clear: both;
}

.calPsort2 {
  overflow: auto;
  float: left;
  width: 47%;
}

#calPoff {
  padding: 4px;
  background-color: #eaeaea;
}

#calPoff img {
  width: 60px;
}

.cal_owner {
  text-align: left;
  margin-left: 1em;
  margin-bottom: 1em;
}

.cal_owner-list {
  background: #4B75B9;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#4B75B9), color-stop(#3261AB), color-stop(#3261AB), to(#4B75B9));
  background: linear-gradient(to right, #4B75B9, #3261AB, #3261AB, #4B75B9);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
  padding: 8px 24px;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
}

.cal_owner-list:hover {
  opacity: 0.8;
}

#cal_ownerlist .mikansei {
  display: block;
  background: #fff2f4;
  text-align: center;
  padding: 1em 0;
  margin-bottom: 1em;
}

#cal_ownerlist .tbFull {
  table-layout: auto !important;
}

#cal_blist {
  position: absolute;
  top: 100px;
  left: -395px;
  width: 400px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

#cal_tag {
  position: absolute;
  top: 5px;
  left: 380px;
  width: 40px;
  height: 25px;
  background-color: #ff0000;
  opacity: 0.5;
}

#cal_sec2wlist {
  border: 3px double #307612;
  padding: 5px;
  float: right;
  width: 26%;
}

/***** ▼管理カレンダー▼ ******/
.calL {
  color: #5d2f0d;
  cursor: pointer;
  font-size: xx-small;
  line-height: 1.2em;
  text-align: left;
}

/* カレンダー編集画面 */
#cal_edi {
  line-height: 2em;
}

.calHi:disabled {
  background-color: #e6e6e6;
}

#ca_text {
  width: 400px;
  height: 50px;
}

.cal_tb {
  border-top: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  margin: 10px;
}

.cal_tb th, .cal_tb td {
  border-right: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  padding: 4px;
  min-width: 80px;
}

.cal_tb th {
  background-color: #f7f7f7;
  color: #391f51;
  text-align: center;
}

.cal_tb td {
  vertical-align: top;
  height: 60px;
  font-size: 11px;
}

.cal_tb_cl td {
  cursor: pointer;
}

td.cal_sun {
  color: #dc3545;
}

td.cal_sat {
  color: #3261AB;
}

.tdTitle {
  padding: 4px 8px;
  margin: 5px 0;
  background: #e5f1f1;
}

.tdTitle:first-child {
  margin-top: 0;
}

#cal_secNew {
  border: 3px double #b95a46;
  padding: 5px;
  margin: 0 10px;
}

#cal_secEdi {
  border: 3px double #4674b9;
  padding: 5px;
  overflow: auto;
  float: left;
  width: 30%;
  margin-bottom: 5px;
}

#cal_secPho, #cal_secYlist {
  border: 3px double #307612;
  padding: 5px;
  float: left;
  width: 30%;
}

#cal_secNylist, #cal_secLvlist {
  border: 3px double #307612;
  padding: 5px;
  float: right;
  width: 30%;
}

.staffComment_area {
  text-align: left;
  margin: 1em 2em;
  line-height: 1.5;
}

.backColorselect {
  margin: 1em 0 2em;
}

.backColorselect label {
  padding: 10px 14px;
  display: inline-block;
}

.backColorselect label input[type="radio"] {
  margin: 3px;
}

.picSS {
  width: calc(100% / 3);
  padding: 0.5em;
}

/***** ▼メッセージ画面▼ ******/
.messeUL {
  list-style: none;
  margin: 0 0 18px 10px;
  padding: 0;
}

.messeUL li {
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 2px 0;
  line-height: 2em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #cccccc;
}

.messeUL li input[type="checkbox"] {
  margin-right: 4px;
}

.messeUL a {
  color: #808080;
  text-decoration: none;
  -webkit-transition: .3s;
  transition: .3s;
  display: block;
  width: 100%;
  margin-left: 4px;
}

.messeUL a:hover {
  color: #FF6A88;
  -webkit-transition: .3s;
  transition: .3s;
}

.midoku {
  font-weight: bold;
}

.midoku a {
  color: #424242;
}

.messeCT {
  width: 98%;
  height: 200px;
  background: #fff;
  padding: 0.5em;
  margin: 0.3em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
          box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

#messeNV {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
}

#messeNV li {
  margin: 0 10px;
  padding: 5px;
  border: 1px solid #999999;
}

.messeNVl {
  float: left;
}

.messeAdd {
  border-bottom: 1px dotted;
  padding: 0 0 0.5em 1em;
  margin-bottom: 1px dotted #ccc;
}

.messeAdd li {
  margin-bottom: 4px;
}

.messeAdd li .lineM {
  min-width: 80px;
  display: inline-block;
  text-align: center;
  padding: 6px;
  background: #f2f2f2;
  border-radius: 2px;
}

.messeNVr {
  float: right;
}

.ms_flagOFF {
  border: none;
  background: #ffffff url(/img/flagOFF.gif) no-repeat center center;
  height: 10px;
  width: 10px;
  cursor: pointer;
}

.ms_flagON {
  border: none;
  background: #ffffff url(/img/flagON.gif) no-repeat center center;
  height: 10px;
  width: 10px;
  cursor: pointer;
}

.ms_this {
  background: #e2efff;
}

/***** ▼タイムカード画面▼ ******/
.tyokkou, .tyokki, .tikoku, .soutai, .hayade, .zangyou, .kyusyutu, .tyokkouX, .tyokkiX, .tikokuX, .soutaiX, .hayadeX, .zangyouX, .kyusyutuX {
  margin: 0.2em;
  padding: 0.2em 0.5em;
  font-size: xx-small;
  color: #ffffff;
}

.tyokkou, .tyokki, .tikoku, .soutai, .hayade, .zangyou, .kyusyutu {
  background-color: #dc7f35;
  white-space: nowrap;
  border-radius: 3px;
}

.tyokkouX, .tyokkiX, .tikokuX, .soutaiX, .hayadeX, .zangyouX, .kyusyutuX {
  background-color: #666666;
}

/***** ▼検索結果ページ操作パネル▼ ******/
.sousa {
  text-align: left;
  margin-left: 10px;
  overflow: auto;
}

.kensuu {
  display: inline-block;
}

.kensuu span {
  font-size: 30px;
  font-weight: bold;
  color: #3261AB;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.jps {
  display: inline-block;
  text-align: left;
  line-height: 36px;
}

.jpsort {
  display: inline-block;
  line-height: 30px;
  padding: 2px 5px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  margin: 1px;
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
}

.jpsort:hover {
  background-color: #fff2f4;
  color: #2f3a4c;
  -webkit-transition: .5s;
  transition: .5s;
}

.jpsort select {
  border: none;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background-color: transparent;
  cursor: pointer;
}

.jphy {
  display: inline-block;
  line-height: 30px;
  padding: 2px 5px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  margin: 1px;
}

.jphy select {
  border: none;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.jump {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .jump {
    float: initial;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 16px 0 6px;
  }
}

.jump a {
  display: inline-block;
  line-height: 30px;
  padding: 2px 5px;
  color: #20c997;
  border: 1px solid #cccccc;
  border-radius: 4px;
  margin: 1px;
  -webkit-transition: .5s;
  transition: .5s;
}

.jump a:hover {
  background-color: #fff2f4;
  color: #2f3a4c;
  -webkit-transition: .5s;
  transition: .5s;
}

.jppg {
  display: inline-block;
  line-height: 30px;
  padding: 2px 5px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  margin: 1px;
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
}

.jppg:hover {
  background-color: #fff2f4;
  color: #2f3a4c;
  -webkit-transition: .5s;
  transition: .5s;
}

.jppg select {
  border: none;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background-color: transparent;
  cursor: pointer;
}

/***** ▼検索結果ページ完成度の表示▼ ******/
.pf {
  position: relative;
}

.pf0, .pf1, .pf2, .pf3, .pf4, .pf5, .pf6, .pf7, .pf8, .pf9, .pf10 {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
}

.pf0 {
  width: 100%;
  background-color: #f2f2f2;
}

.pf1 {
  width: 10%;
  background-color: #dc3545;
}

.pf2 {
  width: 20%;
  background-color: #dc3545;
}

.pf3 {
  width: 30%;
  background-color: #ffc107;
}

.pf4 {
  width: 40%;
  background-color: #ffc107;
}

.pf5 {
  width: 50%;
  background-color: #ffc107;
}

.pf6 {
  width: 60%;
  background-color: #ffc107;
}

.pf7 {
  width: 70%;
  background-color: #0d6efd;
}

.pf8 {
  width: 80%;
  background-color: #0d6efd;
}

.pf9 {
  width: 90%;
  background-color: #0d6efd;
}

.pf10 {
  width: 100%;
  background-color: #0d6efd;
}

/***** ▼WEB台帳建物・部屋編集ページ共通▼ ******/
.cr_ex {
  color: #ff946d;
}

/* 各社検索項目・重要項目 ★マーク */
/***** ▼WEB台帳建物編集ページ▼ ******/
#more_edi {
  background-color: #f5d6dc;
  text-align: center;
  margin-top: 12px;
}

#more_edi a {
  display: block;
  padding: 6px;
  text-decoration: none;
  color: #6c757d;
}

#more_edi a:hover {
  color: #20c997;
}

.heyaichiran {
  margin: 12px 0 0 0;
}

@media screen and (max-width: 767px) {
  .heyaichiran {
    margin: -8px 0 6px 12px;
  }
}

.heyaichiran a {
  display: inline-block;
  margin: 5px;
  padding: 0.6em 1.5em;
  border: 1px solid #20c997;
  text-decoration: none;
  border-radius: 3px !important;
  cursor: pointer;
  background: #fff;
  color: #20c997 !important;
}

.heyaichiran a:hover {
  background: #20c997 !important;
  color: #fff !important;
}

.toCMAP, .toBMAP, .toMAP {
  color: #ffffff;
  background-color: #dc3545;
  font-weight: bold;
  padding: 0 4px 2px;
}

.miniBTN {
  color: #ffffff;
  background-color: #0080ff;
  font-weight: bold;
  padding: 0 4px;
}

#kanseidoMEMO {
  position: absolute;
  background-color: #f1fafa;
  left: 500px;
  top: 20px;
  display: none;
  width: 300px;
}

#towninfo {
  position: absolute;
  background-color: #f1fafa;
  right: 0;
  display: none;
  min-width: 100px;
  z-index: 2;
}

#townSHOW {
  background-color: #e5f1f1;
  border: 1px solid #b3d8d9;
  font-size: 11px;
  padding: 0 4px 2px;
}

div.toCpho {
  position: absolute;
  top: 0%;
  right: 0%;
  border: 1px solid #cccccc;
  text-align: center;
  width: 240px;
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  padding: 5px;
  color: #0044cc;
  cursor: pointer;
}

.gaikan_photo {
  background: #e9ecef;
  cursor: pointer;
}

.gaikan_photo:hover span {
  color: #20c997;
}

.gaikan_photo img {
  min-width: 150px;
}

.gaikan_photo span {
  padding: 8px;
  color: #3261ab;
  display: block;
  text-align: center;
}

#wrCbdTR {
  background-color: #e5f1f1;
  padding: 1em;
  margin-bottom: 0.5em;
}

#wrCbdTR dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#wrCbdTR dl dt {
  width: 20%;
  min-width: 140px;
  max-width: 200px;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  #wrCbdTR dl dt {
    width: 100%;
    font-size: 18px;
    margin-bottom: 2px;
  }
}

#wrCbdTR dl dt img {
  margin-right: 3px;
}

#wrCbdTR dl dd {
  width: 80%;
}

@media screen and (max-width: 767px) {
  #wrCbdTR dl dd {
    margin-bottom: 6px;
    width: 100%;
  }
}

#wrCbdTR dl dd .ekimei {
  font-size: 18px;
  display: inline-block;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  #wrCbdTR dl dd .ekimei {
    font-size: 16px;
  }
}

#wrCbdTR dl dd .kyori {
  font-size: 12px;
  margin-left: 6px;
}

#wrCbdTR dl dd .kyori span {
  font-weight: bold;
  font-size: 22px;
  margin: 0 2px;
}

@media screen and (max-width: 767px) {
  #wrCbdTR dl dd .kyori span {
    font-size: 18px;
  }
}

.swEtr90 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrC_subTitle {
  border-left: 5px solid #4b75b9;
  padding-left: 8px;
  font-weight: bold;
  margin-right: 8px;
  font-size: 14px;
  line-height: 22px;
  height: 22px;
}

@media screen and (max-width: 767px) {
  .wrC_subTitle {
    margin-bottom: 6px;
    display: block;
    width: 100%;
  }
}

.wrC_subTitleR {
  border-left: 5px solid #D04255;
  padding-left: 8px;
  font-weight: bold;
  margin-right: 8px;
  line-height: 1.8;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .wrC_subTitleR {
    margin-bottom: 6px;
    display: block;
    width: 100%;
  }
}

.wrC_subTitleL {
  border-left: 5px solid #CCC;
  padding-left: 10px;
  font-weight: bold;
  margin-right: 16px;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .wrC_subTitleL {
    margin-bottom: 6px;
    display: block;
    width: 100%;
  }
}

.wrC_kensakuList {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0.5em 16px 0.5em 0;
  color: #2c2c2c;
  line-height: 2.2;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f9f9fa;
  padding: 10px 1em 8px;
  border-radius: 3px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .wrC_kensakuList {
    width: 100%;
    margin: 0.3em 0;
    background: #fff;
    padding: 3px 0;
  }
}

@media screen and (max-width: 600px) {
  .wrC_kensakuList .wrC_s-ttl {
    margin-bottom: 4px;
    display: block;
  }
}

.wrC_kensakuList100 {
  display: inline-block;
  margin: 0.3em 0;
  color: #2c2c2c;
  line-height: 2.2;
  background: #f9f9fa;
  padding: 10px 16px 8px;
  border-radius: 3px;
}

@media screen and (max-width: 767px) {
  .wrC_kensakuList100 {
    width: 100%;
    margin: 0.5em 0;
    display: inline-block;
  }
}

@media screen and (max-width: 600px) {
  .wrC_kensakuList100 .wrC_s-ttl {
    margin-bottom: 4px;
    display: block;
  }
}

.wrC_kensakuListW100 {
  display: block;
  margin: 0.3em 0;
  color: #2c2c2c;
  line-height: 2.2;
  padding: 10px 16px 8px;
  border-radius: 3px;
}

@media screen and (max-width: 767px) {
  .wrC_kensakuListW100 {
    width: 100%;
    margin: 0.5em 0;
    display: inline-block;
    padding: 3px 0;
  }
}

@media screen and (max-width: 600px) {
  .wrC_kensakuListW100 .wrC_s-ttl {
    margin-bottom: 4px;
    display: block;
  }
}

.wrC_kensakuListW {
  display: inline-block;
  color: #2c2c2c;
  line-height: 2.2;
  padding: 10px 16px 8px;
  border-radius: 3px;
}

@media screen and (max-width: 767px) {
  .wrC_kensakuListW {
    width: 100%;
    display: inline-block;
    padding: 4px 0px 4px;
  }
}

@media screen and (max-width: 600px) {
  .wrC_kensakuListW .wrC_s-ttl {
    margin-bottom: 4px;
    display: block;
  }
}

.wrC_kensakuListWs {
  display: inline-block;
  color: #2c2c2c;
  line-height: 2.2;
  border-radius: 3px;
}

@media screen and (max-width: 767px) {
  .wrC_kensakuListWs {
    width: 100%;
    display: inline-block;
    margin-bottom: 0.5em;
  }
}

@media screen and (max-width: 600px) {
  .wrC_kensakuListWs .wrC_s-ttl {
    margin-bottom: 4px;
    display: block;
  }
}

.wrC_kotsu {
  margin-right: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@media screen and (max-width: 600px) {
  .wrC_kotsu {
    margin-bottom: 2px;
  }
}

.wrC_kotsuToho {
  display: block;
}

@media screen and (max-width: 600px) {
  .wrC_kotsuToho {
    margin-top: 4px;
  }
}

.lgy_name {
  font-size: 18px;
  word-break: break-all;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 10px;
}

.toCpho:hover {
  color: #ff1493;
  -webkit-transition: .5s;
  transition: .5s;
}

#talkmore {
  font-size: 12px;
  width: 430px;
  height: 130px;
  float: left;
}

/*編集*/
#talkmoreAD {
  font-size: 12px;
  height: 130px;
}

#blogtext {
  font-size: 12px;
  width: 600px;
  height: 60px;
}

/*編集*/
#bloghtml {
  width: 780px;
  height: 300px;
  font-size: 12px;
}

#photoTRAY {
  float: left;
  width: 150px;
  background-color: #999999;
}

.trayPIC, .g_txt {
  width: 140px;
}

#cb_roomFilter {
  overflow: auto;
  text-align: left;
  margin: 0px 0 10px 16px;
}

#cb_roomFilter .filSPAN {
  background: #f2f2f2;
  border-radius: 3px;
  padding: 8px 16px;
  display: inline-block;
  cursor: pointer;
  margin: 5px;
}

/***** ▼WEB台帳部屋編集ページ▼ ******/
div.toCimg {
  text-align: center;
  overflow: hidden;
  -webkit-transition: .5s;
  transition: .5s;
}

div.toCimg .toCzmn, div.toCimg .toCnai {
  cursor: pointer;
  background: #f2f2f2;
  padding: 6px 12px;
  margin: 5px;
  display: inline-block;
  border-radius: 3px;
  color: #3261ab;
}

div.toCimg .toCzmn:hover, div.toCimg .toCnai:hover {
  color: #20c997;
}

.toCimg span:hover {
  color: #ff1493;
  -webkit-transition: .5s;
  transition: .5s;
}

.wrCeq {
  float: left;
  width: 150px;
  margin: 5px;
  padding: 2px;
}

/* 売買でも使用　*/
#wrCeq5 {
  clear: both;
}

/* =====================内訳Window */
#utiwakeWindow {
  text-align: left;
  background-color: #e5f1f1;
  border: 1px solid #eee;
  border-radius: 3px;
  padding: 4px;
  position: absolute;
  visibility: hidden;
  z-index: 1;
  left: 0;
  right: 0;
  padding: 1em;
  margin: auto;
  max-width: 420px;
}

@media screen and (max-width: 768px) {
  #utiwakeWindow {
    width: auto;
    max-width: 94%;
  }
}

#youMore, #waMore, #utiMore {
  visibility: hidden;
}

/* =====================写真編集画面 */
#picWin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#picWin .picWinIMG {
  max-width: 280px;
  padding: 5px;
  border: 1px solid #ccc;
  margin-right: -1px;
  width: calc(100% / 3);
}

#picWin .picWinIMG select {
  display: block;
  margin: 0 auto 6px;
}

#picWin .picWinIMG .picText {
  width: 97%;
  border: 1px solid #ccc;
  margin: 0 auto;
  height: 80px;
}

/*
.picWinIMG {
  width: 160px;
  float: left;
  background-color: #ffffff;
  margin: 0 1px 1px 0;
  padding: 4px 0;
  text-align: center;

  img, input[type="text"] {
    width: 150px;
  }
}

.picText {
  width: 150px;
  height: 80px;
}

.picSS {
  width: 50px;
}
*/
/* 巡回写真 */
#dropto {
  background: #FFC;
  border: 2px dashed #CCC;
  text-align: center;
  color: #CCC;
}

#dropto.over {
  background: lightgreen;
}

#progress {
  width: 100%;
}

#percent {
  background: #55d49b;
  margin: 2px 0;
  width: 0;
  height: 10px;
}

.stfCommentPict {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.stfCommentPict label {
  width: calc(100% / 5 - 6px);
  padding: 6px;
  background: #f2f2f2;
  margin: 3px;
}

.stfCommentPict label li .calPmini {
  width: 100%;
  z-index: 2;
}

/* 入居者詳細 */
.hojinrenraku_area {
  margin: 0.5em 0;
  padding: 1em;
  background: #fafafa;
}

.hojinrenraku_area-title {
  font-size: 16px;
  font-weight: bold;
  position: relative;
  display: inline-block;
  padding: 0.5em 1em;
  padding: 0.3em 1em;
  border-top: 3px solid #20c997;
  border-bottom: 3px solid #20c997;
}

/***** ▼タウンマップ用▼ ******/
ul.tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

ul.tab li a {
  background: #f2f2f2;
}

#townmapDIV {
  border: 1px solid #999999;
  padding: 2px;
}

#townmap {
  width: 100%;
  height: 400px;
}

#townmapPan {
  height: 100%;
  overflow-y: scroll;
}

#townmapRap {
  width: 100%;
  height: 50vh;
}

/*
#townmapinfo {
  color: #ec006a;
  border: 3px double #ec006a;
  margin: 0.5em;
  font-size: small;
}
*/
.townmapol {
  margin-bottom: 32px;
  text-align: left;
}

.townmapol li {
  padding: 0.5em;
}

.townmapol li:nth-child(odd) {
  background: #fafafa;
}

.app_to, .app_toT {
  padding: 6px 12px;
  background-color: #D1F1CC;
  font-size: 14px;
  border-radius: 3px;
}

#libtownDIV {
  clear: both;
  font-size: 12px;
  color: #ffffff;
  background-color: #565656;
  padding: 2em 0;
}

#libtownDIV select, #libtownDIV input {
  color: #565656;
  background-color: #fff;
}

.onlyBTN, #townsALL {
  display: inline-block;
  line-height: 2em;
  width: 4em;
  background: #f2f2f2;
  margin: 2px;
  padding: 0;
  cursor: pointer;
  text-align: center;
}

/***** ▼DM用クラス▼ ******/
/* メニューページ */
#dmml1 {
  background-position: 0 -2065px;
}

/* 色デザイン設定 */
#dmml2 {
  background-position: 0 -420px;
}

/* ページ構成設定 */
#dmml3 {
  background-position: 0 -1540px;
}

/* 物件コマ設定 */
/* 色デザイン設定ページ */
#dcsTB {
  width: 800px;
}

#dcsIMG {
  width: 500px;
  border: 1px solid #999;
}

#dcs_title {
  margin: 10px;
  width: 340px;
  height: 160px;
  background-repeat: no-repeat;
  background-position: top left;
  float: left;
}

#dcs_titleTX {
  font: 20px "ＭＳ 明朝", "MS Mincho", serif;
  text-align: left;
  font-weight: bold;
  line-height: 22px;
}

#dcs_titleBG {
  font-size: 18px;
  line-height: 70px;
}

#dcs_titleEN, #dcs_titleEK {
  text-align: right;
  font-weight: bold;
  line-height: 20px;
  margin-right: 5px;
}

#dcs_titleEN {
  font: 18px "ＭＳ ゴシック", "MS Gothic", sans-serif;
}

#dcs_titleEK {
  font: 24px "ＭＳ ゴシック", "MS Gothic", sans-serif;
}

#dcs_kata {
  margin-top: 10px;
  float: right;
  width: 20px;
  height: 160px;
  font: 16px "ＭＳ ゴシック", "MS Gothic", sans-serif;
}

#dcs_koma {
  clear: both;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
  width: 340px;
  height: 160px;
  margin: 10px;
}

#dcs_komaBG {
  font: 20px "ＭＳ ゴシック", "MS Gothic", sans-serif;
  font-weight: bold;
  line-height: 20px;
  width: 100px;
}

#dcs_eqic {
  width: 100px;
  height: 80px;
  margin: 0 auto;
  padding: 10px 0;
  background-repeat: no-repeat;
  font-weight: bold;
  background-position: top left;
  font: 28px "ＭＳ ゴシック", "MS Gothic", sans-serif;
  line-height: 40px;
}

#dcs_talk {
  font: 14px "ＭＳ ゴシック", "MS Gothic", sans-serif;
  font-weight: bold;
  line-height: 20px;
}

#dcs_foot {
  text-align: left;
  margin: 20px 10px 0;
}

#dcsSET {
  width: 300px;
  text-align: left;
  padding-left: 10px;
}

.dcs_name {
  width: 120px;
}

.dcs_iro {
  width: 60px;
  font-family: Verdana, sans-serif;
  font-size: 11px;
}

.dcs_gazo {
  width: 120px;
  font-family: Verdana, sans-serif;
  font-size: 11px;
}

#c1 {
  width: 60px;
  font-family: Verdana, sans-serif;
  font-size: 11px;
}

.left_eqC1 {
  font-size: 10px;
  cursor: pointer;
  border: 1px solid #aaaaaa;
  background-color: #fec9c9;
}

/* 構成設定ページ */
#dmsl1 {
  background-position: 0 -35px;
}

/* 学校DM設定 */
#dmsl2 {
  background-position: 0 -70px;
}

/* 江別DM設定 */
#dmsl3 {
  background-position: 0 -105px;
}

/* 大原DM設定 */
#dmsl4 {
  background-position: 0 -140px;
}

/* 清田DM設定 */
#dkTB {
  width: 800px;
  line-height: 2.0em;
  margin-bottom: 5px;
  border-top: 1px solid #bec5c9;
  border-left: 1px solid #bec5c9;
}

#dkTB th, #dkTB td {
  border-right: 1px solid #bec5c9;
  border-bottom: 1px solid #bec5c9;
  padding: 4px;
  font-size: 12px;
}

#dkTB th {
  background-color: #f3f3f3;
}

#dkTB td {
  text-align: left;
}

#dk_name {
  width: 120px;
}

#dk_tantou {
  width: 80px;
}

#dk_title1, #dk_title2 {
  width: 160px;
}

.dk_footerA {
  width: 100px;
}

.dk_footerB {
  width: 450px;
}

/* コマ選択ページ */
#dkmRTB {
  width: 400px;
  border-top: 1px solid #bec5c9;
  border-left: 1px solid #bec5c9;
}

#dkmRTB th, #dkmRTB td {
  border-right: 1px solid #bec5c9;
  border-bottom: 1px solid #bec5c9;
  padding: 4px;
  font-size: 12px;
}

.komaAD {
  border: none;
  background-image: url(/img/back_enabled.jpg);
  height: 19px;
  width: 19px;
  cursor: pointer;
}

.komaDEL {
  border: none;
  background-image: url(/img/batsu.jpg);
  height: 19px;
  width: 19px;
  cursor: pointer;
}

.fwB {
  font-weight: bold;
}

.db_size {
  float: left;
}

.sizeC {
  float: left;
  line-height: 10px;
}

.sizeUP, .sizeDN {
  border: none;
  height: 10px;
  width: 17px;
  cursor: pointer;
  background-repeat: no-repeat;
}

.sizeUP {
  background-image: url(/img/up.png);
}

.sizeDN {
  background-image: url(/img/dn.png);
}

/***** ▼売買メニュー用▼ ******/
.icBBs1, .icBBs2, .icBBs3, .icBBs4, .icBBs5 {
  display: inline-block;
  color: #ffffff;
  margin: 0 5px 0 0;
  padding: 2px 6px;
  border-radius: 2px;
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
}

.icBBs1 {
  background-color: #23AC0E;
}

.icBBs2 {
  background-color: #3261AB;
}

.icBBs3 {
  background-color: #BF1E56;
}

.icBBs4 {
  background-color: #744199;
}

.icBBs5 {
  background-color: #EDAD0B;
}

/***** ▼売買編集用▼ ******/
#toBtoi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 42px;
}

#toBtoi a {
  display: block;
  width: calc(100% / 5 - 10px);
  text-align: center;
  height: 40px;
  line-height: 40px;
  text-decoration: none;
  margin: 5px;
  background-color: #f2f2f2;
  border: 1px solid #cccccc;
  border-radius: 3px;
}

@media screen and (max-width: 768px) {
  #toBtoi a {
    width: calc(100% / 2 - 10px);
  }
}

#b_ediMAPWRAP {
  width: 278px;
  float: right;
  border: 1px solid #bec5c9;
  text-align: right;
}

#b_ediMAP {
  width: 274px;
  height: 200px;
  margin: 2px;
}

#b_ediIMGS {
  width: 278px;
  float: right;
  text-align: center;
}

.b_ediIMGSL {
  width: 135px;
  margin: 2px;
}

.b_ediIMGSS {
  width: 65px;
  margin: 2px;
}

.b_picPT {
  width: 140px;
  height: 125px;
  float: left;
  background-color: #ffffff;
  margin: 1px;
  text-align: center;
  border: 1px solid #999999;
}

.b_picPT img {
  width: 120px;
  margin-top: 4px;
}

.b_picPT input[type="text"] {
  width: 90px;
}

.b_picPT input[type="file"] {
  width: 120px;
  margin-top: 40px;
}

#b_dogaPT {
  width: 284px;
  height: 125px;
  float: left;
}

#b_dogaPT input[type="text"] {
  width: 120px;
}

#b_dogaPT iframe {
  width: 260px;
  height: 125px;
}

#b_picBT {
  clear: both;
  text-align: left;
}

#btoilist {
  clear: both;
}

.list_border li {
  padding: 4px 8px;
}

.list_border li:nth-child(odd) {
  background: #f9f9f9;
}

/***** ▼営業システム用▼ ******/
/* 契約タグ */
#kei_tag {
  height: 30px;
  margin: 0.5em 1em 0;
  padding: 0;
  overflow: hidden;
}

#kei_tag li {
  list-style-type: none;
  float: left;
  margin: 0 1px;
  padding: 0;
}

#kei_tag input {
  margin: 0;
  padding: 0;
  border: 0;
  height: 30px;
  width: 90px;
  border-radius: 5px 5px 0 0;
  -webkit-box-shadow: 1px 1px 2px;
          box-shadow: 1px 1px 2px;
  font-weight: bold;
}

#keitag_now {
  background-color: #ffcc00;
  color: #9b3500;
}

.keitag_oth {
  background-color: #dddddd;
  color: #060606;
}

.keitag_btn {
  display: block;
  margin: 3px 0 0 1px;
  padding: 0 2px 0;
  overflow: hidden;
  background-image: none;
  background-color: #ccffcc;
  color: #134613;
  font-size: small;
  line-height: 24px;
  border: 1px solid #134613;
  text-decoration: none;
  font-weight: bold;
}

/***** ▼管理システムメニュー画面（新）▼ ******/
#menuVT {
  clear: both;
  display: inline-block;
  margin: 5px auto;
  line-height: 1.5em;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  -webkit-box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
          box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
  font-size: 16px;
}

#menuVT table tr {
  line-height: 1.8;
}

#menuVT table tr:nth-child(even) {
  background: #fff;
}

#menuVT table tr th, #menuVT table tr td {
  padding: 4px 16px;
}

#menuVT span, #menuVT a {
  font-weight: bold;
  color: #dc3545;
}

#menuMENU {
  margin: 0 0 10px 10px;
  padding: 10px;
  overflow: auto;
  list-style: none;
  -webkit-box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
          box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
  border: 1px solid #cccccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 3px;
}

@media screen and (max-width: 768px) {
  #menuMENU {
    margin: 0 0 10px 0;
  }
}

#menuMENU li {
  line-height: 40px;
  margin: 2px;
  background-color: #e9ecef;
  text-align: center;
  border: 1px solid #cccccc;
  font-size: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(100% / 5 - 4px);
}

#menuMENU li:hover {
  background-color: #dde2e6;
}

@media screen and (max-width: 768px) {
  #menuMENU li {
    width: calc(100% / 2 - 4px);
  }
}

#menuMENU a {
  display: block;
  line-height: 40px;
  text-decoration: none;
  margin-left: 12px;
}

#mmSch {
  background: url("/img/ico_search.svg") no-repeat 0px 3px;
  background-size: 38px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  #mmSch {
    background-size: 32px;
    background-position: 3px 5px;
  }
}

#mmBdl {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%236c757d" d="M9 3V18H12V3H9M12 5L16 18L19 17L15 4L12 5M5 5V18H8V5H5M3 19V21H21V19H3Z" /></svg>') no-repeat 6px 3px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  #mmBdl {
    background-size: 30px;
    background-position: 3px 5px;
  }
}

#mmBil {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30 30"><path fill="%236c757d" d="M21.71 20.29L20.29 21.71A1 1 0 0 1 18.88 21.71L7 9.85A3.81 3.81 0 0 1 6 10A4 4 0 0 1 2.22 4.7L4.76 7.24L5.29 6.71L6.71 5.29L7.24 4.76L4.7 2.22A4 4 0 0 1 10 6A3.81 3.81 0 0 1 9.85 7L21.71 18.88A1 1 0 0 1 21.71 20.29M2.29 18.88A1 1 0 0 0 2.29 20.29L3.71 21.71A1 1 0 0 0 5.12 21.71L10.59 16.25L7.76 13.42M20 2L16 4V6L13.83 8.17L15.83 10.17L18 8H20L22 4Z" /></svg>') no-repeat 6px 6px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  #mmBil {
    background-size: 32px;
    background-position: 3px 8px;
  }
}

#mmCal {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30 30"><path fill="%236c757d" d="M15,13H16.5V15.82L18.94,17.23L18.19,18.53L15,16.69V13M19,8H5V19H9.67C9.24,18.09 9,17.07 9,16A7,7 0 0,1 16,9C17.07,9 18.09,9.24 19,9.67V8M5,21C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H6V1H8V3H16V1H18V3H19A2,2 0 0,1 21,5V11.1C22.24,12.36 23,14.09 23,16A7,7 0 0,1 16,23C14.09,23 12.36,22.24 11.1,21H5M16,11.15A4.85,4.85 0 0,0 11.15,16C11.15,18.68 13.32,20.85 16,20.85A4.85,4.85 0 0,0 20.85,16C20.85,13.32 18.68,11.15 16,11.15Z" /></svg>') no-repeat 6px 6px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  #mmCal {
    background-size: 32px;
    background-position: 3px 8px;
  }
}

#mmToi {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30 30"><path fill="%236c757d" d="M4,2A2,2 0 0,0 2,4V16A2,2 0 0,0 4,18H8V21A1,1 0 0,0 9,22H9.5V22C9.75,22 10,21.9 10.2,21.71L13.9,18H20A2,2 0 0,0 22,16V4C22,2.89 21.1,2 20,2H4M4,4H20V16H13.08L10,19.08V16H4V4M12.19,5.5C11.3,5.5 10.59,5.68 10.05,6.04C9.5,6.4 9.22,7 9.27,7.69C0.21,7.69 6.57,7.69 11.24,7.69C11.24,7.41 11.34,7.2 11.5,7.06C11.7,6.92 11.92,6.85 12.19,6.85C12.5,6.85 12.77,6.93 12.95,7.11C13.13,7.28 13.22,7.5 13.22,7.8C13.22,8.08 13.14,8.33 13,8.54C12.83,8.76 12.62,8.94 12.36,9.08C11.84,9.4 11.5,9.68 11.29,9.92C11.1,10.16 11,10.5 11,11H13C13,10.72 13.05,10.5 13.14,10.32C13.23,10.15 13.4,10 13.66,9.85C14.12,9.64 14.5,9.36 14.79,9C15.08,8.63 15.23,8.24 15.23,7.8C15.23,7.1 14.96,6.54 14.42,6.12C13.88,5.71 13.13,5.5 12.19,5.5M11,12V14H13V12H11Z" /></svg>') no-repeat 6px 6px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  #mmToi {
    background-size: 32px;
    background-position: 3px 8px;
  }
}

#mmApp {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30 30"><path fill="%236c757d" d="M20,4C21.11,4 22,4.89 22,6V18C22,19.11 21.11,20 20,20H4C2.89,20 2,19.11 2,18V6C2,4.89 2.89,4 4,4H20M8.5,15V9H7.25V12.5L4.75,9H3.5V15H4.75V11.5L7.3,15H8.5M13.5,10.26V9H9.5V15H13.5V13.75H11V12.64H13.5V11.38H11V10.26H13.5M20.5,14V9H19.25V13.5H18.13V10H16.88V13.5H15.75V9H14.5V14A1,1 0 0,0 15.5,15H19.5A1,1 0 0,0 20.5,14Z" /></svg>') no-repeat 6px 6px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  #mmApp {
    background-size: 32px;
    background-position: 3px 8px;
  }
}

#mmApl {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30 30"><path fill="%236c757d" d="M18.13 12L19.39 10.74C19.83 10.3 20.39 10.06 21 10V9L15 3H5C3.89 3 3 3.89 3 5V19C3 20.1 3.89 21 5 21H11V19.13L11.13 19H5V5H12V12H18.13M14 4.5L19.5 10H14V4.5M19.13 13.83L21.17 15.87L15.04 22H13V19.96L19.13 13.83M22.85 14.19L21.87 15.17L19.83 13.13L20.81 12.15C21 11.95 21.33 11.95 21.53 12.15L22.85 13.47C23.05 13.67 23.05 14 22.85 14.19Z" /></svg>') no-repeat 6px 6px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  #mmApl {
    background-size: 32px;
    background-position: 3px 8px;
  }
}

#mmLve {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30 30"><path fill="%236c757d" d="M20 2H8C6.9 2 6 2.9 6 4V16C6 17.11 6.9 18 8 18H20C21.11 18 22 17.11 22 16V4C22 2.9 21.11 2 20 2M20 16H8V4H20V16M4 6V20H18V22H4C2.9 22 2 21.11 2 20V6H4M9.77 12.84L12.6 10L9.77 7.15L11.17 5.75L14 8.6L16.84 5.77L18.24 7.17L15.4 10L18.23 12.84L16.83 14.24L14 11.4L11.17 14.24L9.77 12.84Z" /></svg>') no-repeat 6px 6px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  #mmLve {
    background-size: 32px;
    background-position: 3px 8px;
  }
}

#mmUnp {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30 30"><path fill="%236c757d" d="M17 13.8V10H19V15.8L17 13.8M12 3.26L17.21 6H9.2L11.2 8H21.5V6L12 1L6.89 3.69L8.37 5.17L12 3.26M5 10V17H7V10H5M21.5 20.85V20.84L19.66 19H19.65L17.65 17H17.66L17 16.34V16.35L13 12.35V12.34L11 10.34V10.35L8.66 8H8.66L2.39 1.73L1.11 3L3.56 5.45L2.5 6V8H6.11L11 12.89V17H13V14.89L17.11 19H2.5V21H19.11L20.84 22.73L22.11 21.46L21.5 20.85Z" /></svg>') no-repeat 6px 6px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  #mmUnp {
    background-size: 32px;
    background-position: 3px 8px;
  }
}

#mmOns {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30 30"><path fill="%236c757d" d="M16 11.5C16 10.12 17.12 9 18.5 9S21 10.12 21 11.5 19.88 14 18.5 14 16 12.88 16 11.5M13 3V20H24V3H13M22 16C20.9 16 20 16.9 20 18H17C17 16.9 16.11 16 15 16V7C16.11 7 17 6.11 17 5H20C20 6.11 20.9 7 22 7V16M7 6C8.1 6 9 6.9 9 8S8.1 10 7 10 5 9.1 5 8 5.9 6 7 6M7 4C4.79 4 3 5.79 3 8S4.79 12 7 12 11 10.21 11 8 9.21 4 7 4M7 14C3.13 14 0 15.79 0 18V20H11V18H2C2 17.42 3.75 16 7 16C8.83 16 10.17 16.45 11 16.95V14.72C9.87 14.27 8.5 14 7 14Z" /></svg>') no-repeat 6px 6px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  #mmOns {
    background-size: 32px;
    background-position: 3px 8px;
  }
}

#mmCho {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30 30"><path fill="%236c757d" d="M17,16H15V22H12V17H8V22H5V16H3L10,10L17,16M6,2L10,6H9V9H7V6H5V9H3V6H2L6,2M18,3L23,8H22V12H19V9H17V12H15.34L14,10.87V8H13L18,3Z" /></svg>') no-repeat 6px 6px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  #mmCho {
    background-size: 32px;
    background-position: 3px 8px;
  }
}

#mmSal {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30 30"><path fill="%236c757d" d="M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" /></svg>') no-repeat 6px 6px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  #mmSal {
    background-size: 32px;
    background-position: 3px 8px;
  }
}

#mmMon {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%236c757d" d="M15,14V11H18V9L22,12.5L18,16V14H15M14,7.7V9H2V7.7L8,4L14,7.7M7,10H9V15H7V10M3,10H5V15H3V10M13,10V12.5L11,14.3V10H13M9.1,16L8.5,16.5L10.2,18H2V16H9.1M17,15V18H14V20L10,16.5L14,13V15H17Z" /></svg>') no-repeat 6px 3px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  #mmMon {
    background-size: 32px;
    background-position: 3px 4px;
  }
}

#mmDem {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30 30"><path fill="%236c757d" d="M3,22L4.5,20.5L6,22L7.5,20.5L9,22L10.5,20.5L12,22L13.5,20.5L15,22L16.5,20.5L18,22L19.5,20.5L21,22V2L19.5,3.5L18,2L16.5,3.5L15,2L13.5,3.5L12,2L10.5,3.5L9,2L7.5,3.5L6,2L4.5,3.5L3,2M18,9H6V7H18M18,13H6V11H18M18,17H6V15H18V17Z" /></svg>') no-repeat 6px 3px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  #mmDem {
    background-size: 32px;
    background-position: 3px 8px;
  }
}

#mmPay {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%236c757d" d="M15,15V12H18V10L22,13.5L18,17V15H15M14,8.7V10H2V8.7L8,5L14,8.7M2,17H14V19H2V17M7,11H9V16H7V11M3,11H5V16H3V11M11,11H13V16H11V11Z" /></svg>') no-repeat 6px 3px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  #mmPay {
    background-size: 32px;
    background-position: 3px 3px;
  }
}

#mmOwn {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30 30"><path fill="%236c757d" d="M12,5.5A3.5,3.5 0 0,1 15.5,9A3.5,3.5 0 0,1 12,12.5A3.5,3.5 0 0,1 8.5,9A3.5,3.5 0 0,1 12,5.5M5,8C5.56,8 6.08,8.15 6.53,8.42C6.38,9.85 6.8,11.27 7.66,12.38C7.16,13.34 6.16,14 5,14A3,3 0 0,1 2,11A3,3 0 0,1 5,8M19,8A3,3 0 0,1 22,11A3,3 0 0,1 19,14C17.84,14 16.84,13.34 16.34,12.38C17.2,11.27 17.62,9.85 17.47,8.42C17.92,8.15 18.44,8 19,8M5.5,18.25C5.5,16.18 8.41,14.5 12,14.5C15.59,14.5 18.5,16.18 18.5,18.25V20H5.5V18.25M0,20V18.5C0,17.11 1.89,15.94 4.45,15.6C3.86,16.28 3.5,17.22 3.5,18.25V20H0M24,20H20.5V18.25C20.5,17.22 20.14,16.28 19.55,15.6C22.11,15.94 24,17.11 24,18.5V20Z" /></svg>') no-repeat 6px 3px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  #mmOwn {
    background-size: 32px;
    background-position: 3px 8px;
  }
}

.alertA {
  position: absolute;
  top: 60px;
  left: 320px;
  width: 300px;
  border: 1px solid #dc3545;
  background-color: rgba(255, 255, 255, 0.9);
  color: #dc3545;
  text-align: center;
  font-weight: bold;
  padding: 12px;
}

.alertA:hover {
  cursor: pointer;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .alertA {
    top: 100px;
  }
}

@media screen and (max-width: 960px) {
  .alertA {
    left: 10%;
  }
}

.alertB {
  position: absolute;
  top: 60px;
  left: 640px;
  width: 300px;
  border: 1px solid #6610f2;
  background-color: rgba(255, 255, 255, 0.9);
  color: #6610f2;
  padding: 12px;
  text-align: center;
  font-weight: bold;
}

.alertB:hover {
  cursor: pointer;
}

@media screen and (max-width: 1200px) {
  .alertB {
    top: 100px;
  }
}

@media screen and (max-width: 960px) {
  .alertB {
    left: 0;
  }
}

@media screen and (max-width: 767px) {
  .alertB {
    top: 60px;
  }
}

/***** ▼管理システム用物件検索テーブル▼ ******/
.bON, .bOFF, .inKN, .outKN {
  height: 40px;
}

.ablock {
  display: block;
}

.bON a, .bOFF a, .inKN a, .outKN a {
  display: block;
  text-decoration: none;
  cursor: pointer;
  font-size: large;
  line-height: 40px;
}

.bOFF {
  background-color: #f7f7f7;
  cursor: context-menu;
}

.bOFF:hover {
  background-color: #d1dcef;
}

.bOFF a {
  cursor: context-menu;
  color: #3261ab !important;
}

.bON {
  background-color: #fff9c1;
}

.bON:hover {
  background-color: #d1dcef;
}

.inKN {
  background-color: #FFFBD5;
}

.outKN {
  background-color: #cacaca;
}

@media screen and (max-width: 767px) {
  .markBox {
    line-height: 1.6;
    height: 46px !important;
  }
}

.markBox a {
  position: relative;
}

@media screen and (max-width: 767px) {
  .markBox a {
    line-height: 1;
  }
}

.markBox a .syubetumark {
  max-width: 40px;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.markBox a .syubetumark .sealGreen {
  line-height: 1.6;
  margin: 1px;
  min-width: 36px;
  font-size: 11px;
  letter-spacing: -1px;
  text-align: center;
}

.markBox a .syubetumark .sealRed {
  line-height: 1.6;
  margin: 1px;
  min-width: 36px;
  font-size: 11px;
  letter-spacing: -1px;
  text-align: center;
}

.markBox a .nameandadd {
  padding-left: 48px;
  padding-right: 30px;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .markBox a .nameandadd .notes {
    display: block;
  }
}

.markBox a .bdhan {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

/*==================================================================================== ◆pc用（961pxで最適化・それ以上でも確認）・◆印刷用 */
@media print, screen and (min-width: 941px) {
  /***** ▼ヘッダーメニュー▼ ******/
  #headerR1 {
    height: 30px;
  }
  #headerR1 a {
    margin: 0;
    line-height: 30px;
  }
  #hd_w, #hd_r, #hd_m {
    width: 24px;
  }
  /* エラー報告・要望欄、ヘルプ */
  #miniP, .miniHELP {
    top: 60px;
  }
}

@media screen and (min-width: 941px) and (max-width: 1200px) {
  #miniP, .miniHELP {
    top: 104px;
  }
}

@media screen and (min-width: 941px) and (max-width: 767px) {
  #miniP, .miniHELP {
    top: 60px;
  }
}

@media print, screen and (min-width: 941px) {
  #breadNavi li {
    float: left;
  }
  /***** ▼ログイン画面▼ ******/
}

@media print {
  body {
    zoom: 0.68;
    -webkit-print-color-adjust: exact;
  }
  .submit_fix {
    display: none;
  }
}

/* IE10以上 */
@media print and (-ms-high-contrast: none) {
  /* @pageの指定いらないかも */
  @page {
    size: A4;
    margin: 12.7mm 9.7mm;
  }
  body {
    zoom: 1.9;
    width: 1000px;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
}

/***** ▼全頁共通id・class▼ ******/
.sep20, .sep25, .sep30, .sep60, .sep40, .sep50, .sep70, .sep80 {
  float: left;
}

.sep20 {
  width: 20%;
}

.sep25 {
  width: 25%;
}

.sep30 {
  width: 30%;
}

@media screen and (max-width: 940px) {
  .sep30 {
    width: 100%;
  }
}

.content30 {
  width: 30%;
}

@media screen and (max-width: 767px) {
  .content30 {
    width: 100%;
  }
}

.sep40 {
  width: 40%;
}

@media screen and (max-width: 767px) {
  .sep40 {
    width: 100%;
  }
}

.content40 {
  width: calc(40% - 40px);
}

@media screen and (max-width: 940px) {
  .content40 {
    width: 100%;
  }
}

.posiFix {
  position: fixed;
  right: 0;
}

@media screen and (max-width: 940px) {
  .posiFix {
    position: inherit;
  }
}

.sep50 {
  width: 49%;
  padding: 0 0.5%;
}

@media screen and (max-width: 767px) {
  .sep50 {
    width: calc(100% - 1%);
  }
}

.with50 {
  width: 49%;
  padding: 0 0.5%;
}

@media screen and (max-width: 940px) {
  .with50 {
    width: 100%;
  }
}

.sep60 {
  width: 60%;
}

@media screen and (max-width: 767px) {
  .sep60 {
    width: 100%;
  }
}

.content60 {
  width: calc(60% + 40px);
}

@media screen and (max-width: 940px) {
  .content60 {
    width: 100%;
  }
}

.sep70 {
  width: 70%;
}

@media screen and (max-width: 940px) {
  .sep70 {
    width: 100%;
  }
}

.content70 {
  width: 70%;
}

@media screen and (max-width: 767px) {
  .content70 {
    width: 100%;
  }
}

.sep80 {
  width: 80%;
}

/*==================================================================================== ◆tablet用（667pxで最適化） */
@media screen and (min-width: 621px) and (max-width: 940px) {
  /***** ▼ヘッダーメニュー▼ ******/
  #headerR1 {
    height: 30px;
  }
  #headerR1 a {
    margin: 0;
    line-height: 30px;
  }
  #hd_w, #hd_r, #hd_m {
    width: 24px;
  }
  /***** ▼全頁共通id・class▼ ******/
  .sep25 {
    float: left;
    width: 30%;
  }
  #breadNavi li {
    float: left;
  }
  /***** ▼ログイン画面▼ ******/
  #loginpanel {
    margin: 200px auto 0;
    width: 500px;
    padding: 20px;
  }
}

/*==================================================================================== ◆スマホ用（360pxで最適化） */
@media screen and (max-width: 620px) {
  /***** ▼ヘッダーメニュー▼ ******/
  #headerR1 {
    height: 60px;
  }
  #headerR1 a {
    margin: 9px 1px;
    line-height: 40px;
  }
  #hd_w, #hd_r, #hd_m {
    width: 40px;
    border: 1px solid #ffffff;
  }
  /***** ▼全頁共通id・class▼ ******/
  .sep20, .sep30, .sep60, .sep40, .sep50, .sep70, .sep80 {
    clear: both;
  }
  .sep25 {
    float: left;
    width: 50%;
  }
  input.v400, input.v600 {
    width: 90%;
  }
  /* 20文字くらいのなどまだちょっと長い用 */
  /* 住所などけっこう長い用 */
  /* 特約などかなり長い用 */
  /***** ▼ログイン画面▼ ******/
}

/*---------------------
  タイムカードNAVI
--------------------*/
.timeNav-wrap {
  position: relative;
}

.timeNav-wrap .scroll-nav {
  width: 100%;
  background: #3261AB;
  /* メニューの背景色 */
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* 慣性スクロール */
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
}

.timeNav-wrap .scroll-nav::-webkit-scrollbar {
  display: none;
}

.timeNav-wrap .scroll-nav ul {
  max-width: 1060px;
  /* メニューの最大幅 */
  min-width: 770px;
  /* メニューの最小幅 */
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  list-style: none;
  padding-right: 25px;
  /* 右側の固定分余白を空ける */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.timeNav-wrap .scroll-nav ul li {
  width: calc(100% / 4);
  /* メニューの個別の幅 */
  text-align: center;
}

.timeNav-wrap .scroll-nav ul li a {
  display: block;
  color: #fff;
  /* メニューの文字色 */
  text-decoration: none;
}

.timeNav-wrap .scroll-nav ul li a:hover {
  background: #6A8CC7;
  /* マウスホバー時の背景色 */
}

.time_wrap {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}

.time_wrap .shinseiBtn {
  background: #fff;
  margin: 5px;
  padding: 0.5em 1em;
  border-radius: 3px;
  z-index: 2;
  cursor: pointer;
  border: 1px solid #20c997;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #20c997;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.time_wrap .shinseiBtn:hover {
  background: #20c997;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.time_wrap .today_timeBox {
  background: #f6f6f6;
  padding: 3em;
  border-radius: 30px;
}

@media screen and (max-width: 768px) {
  .time_wrap .today_timeBox {
    padding: 2em;
  }
}

.time_wrap .today_timeBox .today_wrap {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 1em;
  color: #2f3a4c;
}

@media screen and (max-width: 768px) {
  .time_wrap .today_timeBox .today_wrap {
    font-size: 22px;
  }
}

.time_wrap .today_timeBox .today_wrap span {
  font-size: 1.6em;
  margin: 3px;
}

.time_wrap .today_timeBox .today_time {
  font-weight: bold;
  font-size: 2.8em;
  margin-bottom: 1em;
  background: #fff;
  padding: 0.5em;
}

@media screen and (max-width: 768px) {
  .time_wrap .today_timeBox .today_time {
    font-size: 2.1em;
  }
}

.time_wrap .today_timeBox .today_time span {
  margin: 12px;
}

.time_wrap .today_timeBox .today_timeBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.time_wrap .today_timeBox .today_timeBtn-shukkin, .time_wrap .today_timeBox .today_timeBtn-taikin {
  margin: 8px;
  background: #fff;
  padding: 6px;
  border-radius: 3px;
}

.time_wrap .shutaikinDellBtn {
  background: #ccc;
  display: inline-block;
  padding: 10px 56px;
  font-size: 12px;
  border-radius: 3px !important;
  margin: 24px 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.time_wrap .shutaikinDellBtn:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #e2e2e2;
}

.time_wrap .shutaikinBtn {
  background: #4B75B9;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#4B75B9), color-stop(#3261AB), color-stop(#3261AB), to(#4B75B9));
  background: linear-gradient(to right, #4B75B9, #3261AB, #3261AB, #4B75B9);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
  padding: 20px 60px;
  display: block;
  border-radius: 3px !important;
  -webkit-transition: .5s;
  transition: .5s;
  margin: 0 8px;
  font-size: 20px;
  letter-spacing: 2px;
}

.time_wrap .shutaikinBtn:hover {
  -webkit-transition: .5s;
  transition: .5s;
  background-color: #FF9A8B;
  background-image: -webkit-gradient(linear, left top, right top, from(#FF9A8B), color-stop(55%, #FF6A88), to(#FF99AC));
  background-image: linear-gradient(90deg, #FF9A8B 0%, #FF6A88 55%, #FF99AC 100%);
}

.timeMonth {
  font-size: 24px;
}

.timeMonth img {
  margin: 0 5vw;
}

.gwTimeCount {
  position: relative;
}

.gwTimeCount .gwTimeCountno {
  font-size: 10px;
  background-color: #dc3545;
  color: #ffffff;
  border-radius: 46%;
  padding: 0 5px;
  font-weight: bold;
  position: absolute;
  line-height: 1.8;
  right: 30%;
  bottom: 10px;
  -webkit-animation: blink 1s ease infinite;
  animation: blink 1s ease infinite;
}

@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*==================================
  RMS営業メニュー　移動するか考えちゅ
==================================*/
.rmsnow_wrap {
  background-color: #fafafa;
  padding: 1.6em;
  border-radius: 10px;
}

.rmsnow_wrap .today {
  text-align: center;
  font-size: 24px;
  position: relative;
  margin-bottom: 20px;
}

.rmsnow_wrap .today:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #6c757d;
}

.rmsnow_wrap .shorichu {
  font-size: 20px;
  margin-bottom: 24px;
  padding-left: 10px;
  letter-spacing: 1.2px;
  margin-bottom: 20px;
  color: #343a40;
  border-left: 5px solid #6c757d;
  line-height: 1.5;
}

/*-----------------------------------------
  業者予定カレンダー　irai_calendar/html
-----------------------------------------*/
#calendar_content {
  width: 100%;
  padding-bottom: 60px;
}

@media screen and (max-width: 767px) {
  #calendar_content {
    padding-left: 0;
  }
}

#calendar_content .day_content {
  position: relative;
}

#calendar_content .day_content .zengetsu {
  position: absolute;
  top: 0;
  left: 10%;
}

@media screen and (max-width: 767px) {
  #calendar_content .day_content .zengetsu {
    left: 5%;
    top: -4px;
  }
}

#calendar_content .day_content .zengetsu a {
  padding: 16px 16px 8px;
  border-radius: 50%;
  background: #e6e6e7;
  text-decoration: none;
}

#calendar_content .day_content .zengetsu a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f104";
  font-weight: 900;
  font-size: 30px;
}

#calendar_content .day_content .zengetsu a:hover {
  color: #fff;
}

#calendar_content .day_content .today {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin: 24px 3rem;
  position: relative;
}

#calendar_content .day_content .yokugetsu {
  position: absolute;
  top: 0;
  right: 10%;
}

@media screen and (max-width: 767px) {
  #calendar_content .day_content .yokugetsu {
    right: 5%;
    top: -4px;
  }
}

#calendar_content .day_content .yokugetsu a {
  padding: 16px 16px 8px;
  border-radius: 50%;
  background: #e6e6e7;
  text-decoration: none;
}

#calendar_content .day_content .yokugetsu a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight: 900;
  font-size: 30px;
}

#calendar_content .day_content .yokugetsu a:hover {
  color: #fff;
}

#calendar_content-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f8f9fa;
  padding: 2em 0;
  margin: 1em;
  border-radius: 1em;
}

#calendar_content-inner table.calTB {
  width: 95%;
  table-layout: fixed;
  border: 1px solid #bec5c9;
  background-color: #ffffff;
}

#calendar_content-inner table.calTB th {
  padding: 4px;
  text-align: center;
}

#calendar_content-inner table.calTB td {
  height: 10vh;
  min-height: 65px;
  position: relative;
  text-align: center;
  vertical-align: middle;
}

#calendar_content-inner table.calTB td .calDay {
  position: absolute;
  top: 2px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

#calendar_content-inner table.calTB td .calToday {
  background: #ff4a1f;
  -webkit-box-shadow: inset 0 0 5px 0 #ffff00;
          box-shadow: inset 0 0 5px 0 #ffff00;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  color: #fff;
}

#calendar_content-inner table.calTB td a {
  display: block;
  height: 100%;
  width: 100%;
  color: #007bff;
  text-decoration: none;
}

#calendar_content-inner table.calTB td a:hover {
  background: #e9ecef;
}

#calendar_content-inner table.calTB td a span {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  #calendar_content-inner table.calTB td a span {
    font-size: 16px;
  }
}

#calendar_content-inner table.calTB td a span p {
  margin: 0 !important;
  font-size: 11px;
  line-height: 1.5;
}

#calendar_content-inner table.calTB td a .yotei_pc {
  display: block;
}

@media screen and (max-width: 767px) {
  #calendar_content-inner table.calTB td a .yotei_pc {
    display: none;
  }
}

#calendar_content-inner table.calTB td a .yotei_sp {
  display: none;
}

@media screen and (max-width: 767px) {
  #calendar_content-inner table.calTB td a .yotei_sp {
    display: block;
  }
}

#calendar_content-inner table.calTB td .zengetsu_day, #calendar_content-inner table.calTB td .yokugetsu_day {
  color: #ccc;
}

#today_content {
  width: 100%;
  padding-bottom: 60px;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  #today_content {
    padding-left: 0;
  }
}

#today_content .day_content {
  position: relative;
}

#today_content .day_content .zenjitsu {
  position: absolute;
  top: 0;
  left: 10%;
}

@media screen and (max-width: 767px) {
  #today_content .day_content .zenjitsu {
    left: 5%;
    top: -4px;
  }
}

#today_content .day_content .zenjitsu a {
  padding: 16px 16px 8px;
  border-radius: 50%;
  background: #e6e6e7;
  text-decoration: none;
}

#today_content .day_content .zenjitsu a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f104";
  font-weight: 900;
  font-size: 30px;
}

#today_content .day_content .zenjitsu a:hover {
  color: #fff;
}

#today_content .day_content .today {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  margin: 24px 3rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  #today_content .day_content .today {
    font-size: 24px;
  }
}

#today_content .day_content .yokujitsu {
  position: absolute;
  top: 0;
  right: 10%;
}

@media screen and (max-width: 767px) {
  #today_content .day_content .yokujitsu {
    right: 5%;
    top: -4px;
  }
}

#today_content .day_content .yokujitsu a {
  padding: 16px 16px 8px;
  border-radius: 50%;
  background: #e6e6e7;
  text-decoration: none;
}

#today_content .day_content .yokujitsu a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight: 900;
  font-size: 30px;
}

#today_content .day_content .yokujitsu a:hover {
  color: #fff;
}

#today_content-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 0 8px;
}

@media screen and (max-width: 767pxpx) {
  #today_content-inner {
    padding: 0 4px;
  }
}

#today_content-inner .today_tachiai {
  width: 80%;
  max-width: 1200px;
  min-width: 500px;
  margin-bottom: 1rem;
  display: block;
  padding: 1rem 2rem;
  background: #f8f9fa;
  border-radius: 10px;
}

@media screen and (max-width: 1330px) {
  #today_content-inner .today_tachiai {
    width: 95%;
    min-width: 320px;
  }
}

@media screen and (max-width: 767px) {
  #today_content-inner .today_tachiai {
    width: 100%;
    padding: 1rem 0.5rem;
    font-size: 14px;
  }
}

#today_content-inner .today_tachiai-ttl {
  font-size: 20px;
  text-align: center;
  border-bottom: 3px solid #e9e9ea;
  margin-bottom: 1rem;
  padding-bottom: 8px;
  font-weight: bold;
}

#today_content-inner .today_tachiai-tab table {
  width: 100%;
  background: #fff;
}

#today_content-inner .today_tachiai-tab table tr:nth-child(n + 2):hover {
  background: #e9ecef;
  cursor: pointer;
}

#today_content-inner .today_tachiai-tab table .clickable {
  color: #007bff;
}

#today_content-inner .today_tachiai-tab table th, #today_content-inner .today_tachiai-tab table td {
  padding: 4px 8px;
  border: 1px solid #f2f2f2;
}

@media screen and (max-width: 767px) {
  #today_content-inner .today_tachiai-tab table th, #today_content-inner .today_tachiai-tab table td {
    padding: 8px 6px;
  }
}

#today_content-inner .today_tachiai-tab table td {
  color: #007bff;
}

#today_content-inner .today_sekou {
  width: 80%;
  max-width: 1200px;
  min-width: 500px;
  margin-bottom: 1rem;
  display: block;
  padding: 1rem 2rem;
  background: #f8f9fa;
  border-radius: 10px;
}

@media screen and (max-width: 1330px) {
  #today_content-inner .today_sekou {
    width: 95%;
    min-width: 320px;
  }
}

@media screen and (max-width: 767px) {
  #today_content-inner .today_sekou {
    width: 100%;
    padding: 1rem 0.5rem;
    font-size: 14px;
  }
}

#today_content-inner .today_sekou-ttl {
  font-size: 20px;
  border-bottom: 3px solid #e9e9ea;
  text-align: center;
  margin-bottom: 1rem;
  padding-bottom: 8px;
  font-weight: bold;
}

#today_content-inner .today_sekou-tab table {
  width: 100%;
  background: #fff;
}

#today_content-inner .today_sekou-tab table tr:nth-child(n + 2):hover {
  background: #e9ecef;
  cursor: pointer;
}

#today_content-inner .today_sekou-tab table .clickable {
  color: #007bff;
}

#today_content-inner .today_sekou-tab table th, #today_content-inner .today_sekou-tab table td {
  padding: 4px 8px;
  border: 1px solid #f2f2f2;
}

@media screen and (max-width: 767px) {
  #today_content-inner .today_sekou-tab table th, #today_content-inner .today_sekou-tab table td {
    padding: 8px 6px;
  }
}

#today_content-none {
  text-align: center;
}

#today_content-none .none_text {
  width: 95%;
  padding: 2rem;
  background: #fff;
  margin: 0 auto;
  border-radius: 10px;
}

#today_content-none .none_text p {
  font-size: 20px;
  margin: 0;
}
/*# sourceMappingURL=sysnew.css.map */