@charset "UTF-8";

* { text-decoration-skip-ink: none!important; }

.mtS { margin-top:15px !important; }
.mtM { margin-top:30px !important; }
.mtL { margin-top:60px !important; }
.main .bdbox.inttl .inner.no-button { padding-bottom:30px !important; }
@media screen and (max-width: 600px)
{
  .mtS { margin-top:10px !important; }
  .mtM { margin-top:20px !important; }
  .mtL { margin-top:40px !important; }
  .main .bdbox.inttl .inner.no-button { padding-bottom:20px !important; }
}

.formbox select
{
  min-width:initial; min-width:auto;
}

/* ++ login.php ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#loginSec .formbox .formtbl input
{
  border: 3px solid #eb5900;
}

/* ++ const +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++ button +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.formbox div.submit.topleft
{
  margin:0;
  -webkit-box-pack:start; -ms-flex-pack:start; justify-content:left;

}

/* ++ input textarea select - width ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.formbox input.w-sss, .formbox textarea.w-sss, .formbox select.w-sss
{
  width:20%;
}
@media screen and (max-width: 600px)
{
  .formbox input.w-ll, .formbox textarea.w-ll, .formbox select.w-ll,
  .formbox input.w-l,  .formbox textarea.w-l,  .formbox select.w-l,
  .formbox input.w-m,  .formbox textarea.w-m,  .formbox select.w-m,
  .formbox input.w-s,  .formbox textarea.w-s,  .formbox select.w-s   { width:100%; }
                                               .formbox select.w-ss  { width: 93px; }
                                               .formbox select.w-sss { width: 73px; }
                                               .formbox select       { margin-top:10px; }
}


@media screen and (max-width: 600px)
{
  .formbox select
  {
    background-size:20px 56px;
    padding-right:23px;
  }
  .formbox select.w-ss, .formbox select.w-sss
  {
    padding-right:22px;
    padding-left:2px;
  }
  .formbox select.w-ss  { width:76px; }
  .formbox select.w-sss { width:56px; }
}

/* ++ table.formtbl ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.formbox table.formtbl tr.tbl-row
{
  border-bottom:solid 1px #cccccc;
}
.formbox table.formtbl tr td.text
{
  letter-spacing:-0.5em;
  letter-spacing:normal;
  display:inline-block;
  vertical-align:middle;
  margin:15px 25px 0 0;
}
.formbox table.formtbl tr th.bold, .formbox table.formtbl tr td.bold
{
  font-weight:bold;
}

@media screen and (max-width:600px)
{
  .formbox table.formtbl tr td.text
  {
    margin-top:0;
  }
}

/* ++ table.basic.cross ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
table.basic.cross tr th, table.basic.cross tr td
{
  width:auto;
}

table.basic.cross tr th.sizeS,    table.basic.cross tr td.sizeS    { width:105px; }
table.basic.cross tr th.sizeM,    table.basic.cross tr td.sizeM    { width:150px; }
table.basic.cross tr th.sizeL,    table.basic.cross tr td.sizeL    { width:195px; }
table.basic.cross tr th.sizeYMD,  table.basic.cross tr td.sizeYMD  { width:170px; }
table.basic.cross tr th.sizeYMDW, table.basic.cross tr td.sizeYMDW { width:218px; }

table.basic.cross tr th.textL, table.basic.cross tr td.textL { text-align:left; }
table.basic.cross tr th.textC, table.basic.cross tr td.textC { text-align:center; }
table.basic.cross tr th.textR, table.basic.cross tr td.textR { text-align:right; }


@media screen and (max-width: 600px)
{
  table.basic.cross tr.header
  {
    display:none;
  }
  table.basic.cross tr td:first-of-type
  {
    background:#f9efe4;
  }
  /* for rowspan */
  table.basic.cross td.body:first-of-type
  {
    background:#ffffff;
  }
  table.basic.cross td::before
  {
    content:attr(label);
    float:left;
    clear:both;
  }
  table.basic.cross tr th, table.basic.cross tr td { text-align:left !important; width:auto !important; }
}

/* ++ errormsgbox ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.errormsgbox
{
  background:url("../img/login/ico_attention.svg") no-repeat 80px center #FFF7DD;
  background-size:76px;
  border-radius:3px;
  padding:50px 20px 50px 215px;
  font-size:2.0rem;
  font-weight:bold;
  color:#d90000;
}
.errormsgbox > :first-child
{
  margin-top: 0;
}
@media screen and (max-width: 600px)
{
  .errormsgbox
  {
    background-position:center 20px;
    background-size:50px;
    padding:80px 20px 20px 20px;
    font-size:1.8rem;
  }
}

/* ++ msgbox +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.msgbox
{
  background:#fff7dd;
  border-radius:3px;
  padding:50px 20px 50px 20px;
  font-size:2.0rem;
  font-weight:bold;
  color:#5f3414;
}
.msgbox > :first-child
{
  margin-top: 0;
}
@media screen and (max-width: 600px)
{
  .msgbox
  {
    padding:20px;
    font-size:1.8rem;
  }
}

/* ++ ul.kingaku +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
ul.kingaku
{
  width:705px;
  margin-left:80px;
  display:-webkit-box; display:-webkit-flex; display:flex;    /* flex */
  -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; /* fex:wrap */
  -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; /* flex:both end */
}
/*
ul.kingaku li.title     { width:100%; }
ul.kingaku li.total     { width:430px; }
ul.kingaku li.total-kin { width:430px; text-align:right; }
ul.kingaku li.name      { width:430px; }
ul.kingaku li.count     { width:100px; text-align:right; }
ul.kingaku li.time      { width:100px; text-align:right; }
ul.kingaku li.kin       { width:230px; text-align:right; }
*/
ul.kingaku li.title     { width:100%; }
ul.kingaku li.half      { width:50%; }
ul.kingaku li.total,
ul.kingaku li.total-kin,
ul.kingaku li.name      { width:350px; } /* ul.width/2 */
ul.kingaku li.count,
ul.kingaku li.time      { width:100px; }
ul.kingaku li.kin       { width:150px; } /* ul.width/2-count-time */
ul.kingaku li.title,
ul.kingaku li.total,
ul.kingaku li.total-kin { font-weight: bold; }
ul.kingaku li.total-kin,
ul.kingaku li.count,
ul.kingaku li.time,
ul.kingaku li.kin       { text-align:right; }
ul.kingaku li.title.line{ border-bottom:solid 1px #cccccc; }
@media screen and (max-width: 600px)
{
  ul.kingaku
  {
    width:100%;
    margin-left:0;
  }
  ul.kingaku li.total,
  ul.kingaku li.total-kin,
  ul.kingaku li.name      { width:calc(50% - 2px); } /* ul.width/2 */
  ul.kingaku li.count,
  ul.kingaku li.time      { width:12%; }
  ul.kingaku li.kin       { width:26%; } /* ul.width/2-count-time */
}
@media screen and (max-width: 370px)
{
  ul.kingaku li.total,
  ul.kingaku li.total-kin { width:50%; }
  ul.kingaku li.name      { width:100%; }
  ul.kingaku li.count     { width:40%; }
  ul.kingaku li.time      { width:20%; }
  ul.kingaku li.kin       { width:39%; }
}

/* ++ calendar +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div.calendar
{
  border:#eb5900 solid 2px;
  border-radius:4px;
  margin:10px 0 0;
  padding:10px 20px 20px;
  max-width:540px;
  background:#ffffff; /* add */
  width:414px; /* add */
}
@media screen and (max-width:600px)
{
  div.calendar
  {
    max-width:80%;
    width:80%;
    padding:10px 5%;
  }
}
div.calendar table.calendar
{
  margin:0;
  background-color:#ffffff;
  width:100%;
  table-layout:fixed;
}
div.calendar table.calendar input
{
  cursor:pointer;
  font-size:8px;
  width:17px;
  height:17px;
}

div.calendar table.calendar tr
{
  text-align:center;
  background-color:#ffffff;
}
div.calendar table.calendar tr td
{
  padding:10px; /* add */
  font-size:2.2rem; /* add */
}
div.calendar table.calendar tr.title td
{
  height:60px;
  text-align:center;
  vertical-align:middle;
  font-size:2.0rem;
  font-weight:bold;
  padding:0;
}
div.calendar table.calendar tr.title td input
{
  border:none;
  display:inline-block;
  width:52px;
  height:39px;
  line-height:39px;
  background:#F08341;
  color:#fff;
  border-radius:6px;
  font-size:2.0rem;
  font-weight:bold;
}
/*
div.calendar table.calendar tr.title td input:nth-child(1), div.calendar table.calendar tr.title td input:nth-child(2)
{
  float:left;
}
div.calendar table.calendar tr.title td input:nth-child(2)
{
  margin-left:5px;
}
div.calendar table.calendar tr.title td input:nth-child(3), div.calendar table.calendar tr.title td input:nth-child(4)
{
  float:right;
}
div.calendar table.calendar tr.title td input:nth-child(3)
{
  margin-right:5px;
}
*/
div.calendar table.calendar tr.title td span
{
  display:inline-block;
  width:136px;
  line-height:39px;
  background:#F08341;
  color:#fff;
  border-radius:6px;
}
div.calendar table.calendar tr.week td
{
  font-size:1.8rem;
  font-weight:bold;
  padding:0 0 5px;
  text-align:center;
}
div.calendar table.calendar tr.week td.week1
{
  color:#D90000;
}
div.calendar table.calendar tr.weeks td
{
  cursor:pointer;
  width:auto;
  /* height:70px; */ /* del */
  border:#FF7F00 solid 1px;
  vertical-align:middle;
  text-align:center;
}
div.calendar table.calendar tr.weeks td.day1 { background:#FFF2F2; }
div.calendar table.calendar tr.weeks td.day7 { background:#ECF5FF; }
div.calendar table.calendar tr.weeks td.nom  { color:#cccccc; }
div.calendar table.calendar tr.weeks td.out  { color:#cccccc; } /* add */
div.calendar table.calendar tr.weeks td.hli  { background:#FFF2F2; }
div.calendar table.calendar tr.weeks td.sel  { background:#FF7F00; color:#fff; }

div.calendar table.calendar tr.foot td span  { cursor:pointer; } /* add */

div.calendar table.calendar tr.foot td
{
  text-align:center;
}
div.calendar table.calendar tr.foot td > span
{
  cursor:pointer;
  display:inline-block;
  width:200px;
  line-height:39px;
  background:#F08341;
  color:#fff;
  border-radius:6px;
}
@media screen and (max-width:600px)
{
  div.calendar table.calendar tr.title td
  {
    height:60px;
    font-size:1.4rem;
  }
  div.calendar table.calendar tr.title td input
  {
    width:30px;
    height:34px;
    line-height:34px;
    border-radius:6px;
    font-size:1.4rem;
    -webkit-appearance:none;
  }
  div.calendar table.calendar tr.title td span
  {
    display:inline-block;
    width:84px;
    line-height:34px;
    background:#F08341;
    color:#fff;
    border-radius:6px;
  }
  div.calendar table.calendar tr.week td
  {
    font-size:1.4rem;
  }
  div.calendar table.calendar tr.weeks td
  {
    padding:0;
    width:auto;
    height:40px;
    font-size:1.4rem;
  }
  div.calendar table.calendar tr.foot td .date
  {
    font-size:1.4rem;
    width:180px;
    line-height:39px;
  }
}