@charset "utf-8";
/*
* CSS for Calendar Page
*
* @version			0.0.1
* @lastmodified 2018/11/15
* @link					https://www.landcomp.co.jp/
* @copyright		Copyright 2018, LAND COMPUTER Co.,Ltd.All rights reserved.
*------------------------------------------------------------------------- */

/* CALENDAR ============================================================== */
 .calbox {
   overflow: hidden;
 }
.xMonth {
  box-sizing: border-box;
  float: left;
  position: relative;
  padding-left: 0;
  height: 100%;
  width: 100%;
}
@media all and (min-width: 480px) {
  .xMonth {
    padding-left: 1rem;
    width: 50%;
  }
}
@media all and (min-width: 640px) {
  .xMonth {
    padding-left: 1rem;
    width: 33.33%;
  }
}
.xMonth span {
  display: block;
  margin-bottom: 0;
  padding: 5px 8px 3px;
  background: #e0f0f0;
}
.xMonth table {
  width: 100%;
}
.xMonth table th,
.xMonth table td {
  padding: 2px 0;
  text-align: center;
  border-color: #ddd;
}
.xMonth table th {
  background: #e0f0f0;
}
.xMonth table .sun {
  color: #F00;
}
.xMonth table .sat {
  color: #1D39C0;
}
.xMonth table td.sun {
  background: #FFDDDD;
}
.xMonth table td.sat {
  background: #EDF2FC;
}
.xMonth table td.lnd {
  background-color: #ffccff;
}
.xMonth table td.hol {
  color: #F00;
}
.xMonth table td.void {
  background-color: #f6f6f6;
}
.xMonth table td.today {
	background-color: lemonchiffon;
}

.explain {
  box-sizing: border-box;
  float: none;
  width: 100%;
}
@media all and (min-width: 640px) {
  .explain {
    float: right;
    padding-left: 1rem;
    width: 66.66%;
  }
}
.explain .sun {
  color: #ff0000;
}
.explain .sat {
  color: #0000ff;
}
.explain .lnd {
  background-color: #ffccff;
}
.explain table td {
  font-size: 0.88em;
}
.explain table td ol {
  padding-left: 0;
}