body {
/*  font-family: 'Poppins', sans-serif; */
    font-family: "M PLUS Rounded 1c";
    background: #fafafa;
/*    transform: rotate(0.03deg);*/
}

p {
    font-size: 1.1em;
    color: #777777;
}

p.error {
    color: #FF0000;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #999999;
    margin: 20px 0;
}

.container {
    padding: 20px;
}

.row-hover:hover div{
	background: #AACCAA;
}

.ns-th {
    color: #FFF;
    background: #cc1111;
    border: 1px solid #FFFFFF;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
    word-break: break-word;
}

.ns-td {
    color: #900011;
    background: #F0bbbb;
    border: 1px solid #FFFFFF;
    text-align: left;
    padding-top: 4px;
    padding-bottom: 4px;
    word-break: break-word;
}

/* カレンダー */
.ns-th.calendar{
	font-weight: bold;
}

.ns-td.calendar{
	height: 110px;
}

.ns-td.calendar.weekday {	/*平日*/
	background: #ffffff;
}
.ns-th.calendar.sunday,	/*土曜日*/
.ns-td.calendar.sunday {
	background: #ffe5e5;
}
.ns-th.calendar.saturday,	/*日曜日*/
.ns-td.calendar.saturday {
	background: #c4f4ff;
}
.ns-td.calendar.data-exists {	/*データあり日*/
	background: #c4f4ff;
}

.ns-th.calendar.sunday label,
.ns-td.calendar.sunday label {
	color: #f33333;
}

.ns-th.calendar.saturday label,
.ns-td.calendar.saturday label {
	color: #3333f3;
}

.ns-td.calendar p.link-a {
	background: #98fb98;
}
.ns-td.calendar p.link-b {
	background: #fcc800;
}

.ns-td.calendar a.link {
	color: #4488ff;
}
/* カレンダーおわり */

.ns-td.decide
,.decide .ns-td
, .table td.decide
, .table .decide td {
	color: #6482a0;
	background: #ddffff;
}

.ns-td.important
,.important .ns-td
, .table td.important
, .table .important td {
	color: #a0a064;
	background: #ffffdd;
}

.ns-td.emergency
,.emergency .ns-td
, .table td.emergency
, .table .emergency td {
	color: #a06482;
	background: #ffdddd;
}

.ns-td.finish
,.finish .ns-td
, .table td.finish
, .table .finish td {
	color: #646464;
	background: #dddddd;
}

.table td a
, .ns-td a {
    color: #FF4488;
    text-decoration:underline;
    text-decoration-color: transparent;
}

.table td a:hover
, .ns-td a:hover {
    color: #FF44FF;
    text-decoration:underline;
    text-decoration-color: #FF4488;
}

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

.table th {
    padding: 10px;
    white-space: nowrap;
    color: #FFFFFF;
    background: #cc1111;
    text-align: center;
    border: 2px solid;
    font-weight:normal;

}

.table td {
	padding: 10px;
	white-space: nowrap;
	color: #cc1111;
	background: #F0aaaa;
	border: 2px solid;
}

/* 収集実績報告 */
table.table.skdclct {
	table-layout: fixed;
}

table.table.skdclct th {
	width: 200px;
}

.table.message-task-list td {
	background: initial;
}

/* 重要通知 */
.message-task-list a.important {
	color: #dc3545;
}

dl dt a[aria-expanded] {
    font-size: 0.8em;
    background: -moz-linear-gradient(top,#FFF 0%,#EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
    border: 2px solid #793637;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #900011;
    padding: 0 0.1em;
    margin-right:0.2em;
}
dl dt a[aria-expanded="true"]:before {
    content: "－"
}
dl dt a[aria-expanded="false"]:before {
    content: "＋"
}

dl dd > div.row
, dl dd > div.form-row {
	margin-left: 0;
	margin-right: 0;
}

dl dd.border {
    padding: 0.5em;
}

 #page-animate::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:#fff;  /* 背景カラー */
  z-index: 9999;  /* 一番手前に */
  pointer-events: none;  /* 他の要素にアクセス可能にするためにポインターイベントは無効に */
  opacity: 0;  /* 初期値 : 透過状態 */
  -webkit-transition: opacity .25s ease;  /* アニメーション時間は 0.8秒 */
  transition: opacity .25s ease;
}

 #page-animate.is-slide::after {
    opacity: 1;
}

#exclctProgressbar {
    overflow: hidden;
    color: #455A64;
    padding-left: 0px;
}

#exclctProgressbar li {
    list-style-type: none;
    font-size: 13px;
    width: 25%;
    float: left;
    position: relative;
    font-weight: 400;
}

#exclctProgressbar .step:before {
	content: "";
    color: #cc1111;
}

#exclctProgressbar li:before {
    width: 40px;
    height: 40px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    background: #F0aaaa;
    border-radius: 50%;
    margin: auto;
    padding: 0px;
}

#exclctProgressbar li:after {
    content: '';
    width: 100%;
    height: 12px;
    background: #F0aaaa;
    position: absolute;
    left: 0;
    top: 16px;
    z-index: -1;
}

#exclctProgressbar li:last-child:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    left: -50%;
}

#exclctProgressbar li:nth-child(2):after,
#exclctProgressbar li:nth-child(3):after {
    left: -50%;
}

#exclctProgressbar li:first-child:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: absolute;
    left: 50%;
}

#exclctProgressbar li.active:before,
#exclctProgressbar li.active:after {
    background: #cc1111;
}

#exclctProgressbar li.active:before {
	content: "";
    color: #ffffff;
}

.progressIcon {
    width: 70px;
    height: 56px;
}

table.ex_table th.ex_border_a {
  border-bottom: 3px solid;
}