@charset "UTF-8";

body {
	font-family: "Zen Maru Gothic", "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	text-align: center;
	/*min-width: 450px;*/
}
body *{
	text-align:left;
}
.logo {
	font-family: "Nico Moji";
	text-align: center;
	color: #E95B8D;
	font-size: 2.7em;
	line-height: 0.8em;
	text-shadow: 1px 1px 2px gray;
}
.container-fluid{
	padding-left:0px;
	padding-right:0px;
}
.navbar-brand {
	font-size: 14px;
	font-family: "Nico Moji";
	font-weight: normal !important;
	padding-left: 5px;
	/*text-shadow: 1px 1px 1px gray;*/
}
footer .brand {
	display: inline-block;
	color: #E95B8D;
	font-size: 24px;
	font-family: "Nico Moji";
	font-weight: normal !important;
	text-shadow: 1px 1px 1px gray;
	line-height:20px;
}
footer .brand div {
	text-align: center !important;
}
.nav-item {
	border-top: 1px solid white;
	padding: 0px 7px;
}
.nav-item:hover{
	border-bottom:2px solid #E3286A;
	margin-bottom:0px;
}
.nav-item a span,.nav-item a i{
	display:inline-block;
}
.nav-item a span{
	text-align:center;
}
.nav-item a i{
	background-color: #E3286A;
	color: white;
	border-radius: 14px;
	padding: 4px 5px;
	float: right;
	margin-top:5px;
}
.navbar-toggler:before{
	content:"MENU";
	display: block;
	font-size: 9px;
	font-weight: bold;
	color: #E3286A;
}
.navbar-toggler {
	background-color: white;
	border: unset;
	border-radius: 23px;
	padding: 7px 10px !important;
	margin-right: 9px;
}
.navbar-toggler .fa-bars{
	transform:scale(1.7, 0.8);
}
.navbar-toggler:focus{
	box-shadow:unset;
}
.navbar{
	background-color:bisque;
}
.navbar a, .navbar button{
	color:#E3286A;
	font-weight:bold;
	text-align:center;
	padding:0px;
}
/* BRAIN DELETE */
footer{
	margin-top:1em;
	text-align:center;
	border-top:1px solid darkgray;
	padding-top:10px;
}
.scroll-top{
	transition: 0.8s ease-in-out;
	transform: translateY(30px);
	opacity: 0;
	text-align: center;
    position: fixed;
    /*border: 1px solid deeppink;*/
    color: deeppink;
    /*border-radius: 35px;*/
    font-size: 9px;
    padding: 5px 9px;
    right: 10px;
    bottom: 10px;
    cursor:pointer;
}
.scroll-top.on {
  transform: translateY(0);
  opacity: 1.0;
}
.page-header{
	display: table;
	width: 100%;
	padding: 0.5em;
	top: 77px;
	background-color: white;
	height:60px;
}
.page-header .page-title,
.page-header .page-search
{
	display:table-cell;
}
.page-header .page-title{

}
.navbar,
.page-header{
	padding:10px 10px;
}
.body-content {
	padding: 0px 10px;
}
.container-fluid,
.page-header,
.body-content{
	max-width:1300px;
	margin:auto;
}
button:not(.navbar-toggler) ,
.button:not(.navbar-toggler) {
	border:1px solid black;
	background-color:white;
	border-radius:10px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	color: white;
	height:40px;
}
a.button{
	text-decoration:none;
}
.menu .button {
	border: none;
	background-color: palevioletred;
	box-shadow: unset;
	width: unset;
	display: inline-block;
	font-size: 0.9em;
	width: 180px;
	text-align: left;
	padding: 10px 5px;
	height: 70px;
	border:1px solid white;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}
.menu .button:hover{
	background-color: hotpink;
}
.menu .button span,
.menu .button:before{
	display:table-cell;
	padding:0px 5px;
}
.menu .analysis:before{
	content:url('../img/btn-analysis-w.png');
	vertical-align:middle;
}
.sub-header .analysis:before{
	content:url('../img/btn-analysis-r.png');
	vertical-align:middle;
}
.menu .exp:before{
	content:url('../img/btn-exp-w.png');
	vertical-align:middle;
}
.sub-header .exp:before{
	content:url('../img/btn-exp-r.png');
	vertical-align:middle;
}
.menu .examples:before{
	content:url('../img/btn-examples-w.png');
	vertical-align:middle;
}
.sub-header .examples:before{
	content:url('../img/btn-examples-r.png');
	vertical-align:middle;
}
.menu .admin:before{
	content:url('../img/btn-admin-w.png');
	vertical-align:middle;
}
.sub-header .admin:before{
	content:url('../img/btn-admin-r.png');
	vertical-align:middle;
}
.menu .qualification:before{
	content:url('../img/btn-qualification-w.png');
	vertical-align:middle;
}
.sub-header .qualification:before{
	content:url('../img/btn-qualification-r.png');
	vertical-align:middle;
}
.menu .output:before{
	content:url('../img/btn-output-w.png');
	vertical-align:middle;
}
.sub-header .output:before{
	content:url('../img/btn-output-r.png');
	vertical-align:middle;
}
.menu .assign:before{
	content:url('../img/btn-assign-w.png');
	vertical-align:middle;
}
.sub-header .assign:before{
	content:url('../img/btn-assign-r.png');
	vertical-align:middle;
}
.menu .document:before{
	content:url('../img/btn-document-w.png');
	vertical-align:middle;
}
.sub-header .document:before{
	content:url('../img/btn-document-r.png');
	vertical-align:middle;
}
.menu .qa:before{
	content:url('../img/btn-qa-w.png');
	vertical-align:middle;
}
.sub-header .qa:before{
	content:url('../img/btn-qa-r.png');
	vertical-align:middle;
}
.menu .manager:before{
	content:url('../img/btn-manager-w.png');
	vertical-align:middle;
}
.sub-header .manager:before{
	content:url('../img/btn-manager-r.png');
	vertical-align:middle;
}
.menu .childminder:before{
	content:url('../img/btn-childminder-w.png');
	vertical-align:middle;
}
.sub-header .childminder:before{
	content:url('../img/btn-childminder-r.png');
	vertical-align:middle;
}
.menu .facility:before{
	content:url('../img/btn-facility-w.png');
	vertical-align:middle;
}
.sub-header .facility:before{
	content:url('../img/btn-facility-r.png');
	vertical-align:middle;
}
.menu .answers:before{
	content:url('../img/btn-answers-w.png');
	vertical-align:middle;
}
.sub-header .answers:before{
	content:url('../img/btn-answers-r.png');
	vertical-align:middle;
}
.sub-header .training:before{
	content: url('../img/training.png');
	vertical-align: middle;
}
.menu .checksheet:before{
	content:url('../img/btn-checksheet-w.png');
	vertical-align:middle;
}
.sub-header .checksheet:before{
	content:url('../img/btn-checksheet-r.png');
	vertical-align:middle;
}
.menu .child:before{
	content:url('../img/btn-child-w.png');
	vertical-align:middle;
}
.sub-header .child:before{
	content:url('../img/btn-child-r.png');
	vertical-align:middle;
}
.menu .class:before{
	content:url('../img/btn-class-w.png');
	vertical-align:middle;
}
.sub-header .class:before{
	content:url('../img/btn-class-r.png');
	vertical-align:middle;
}
.menu .notification:before{
	content:url('../img/btn-notification-w.png');
	vertical-align:middle;
}
.sub-header .notification:before{
	content:url('../img/btn-notification-r.png');
	vertical-align:middle;
}
/* Button Comment Icon 2025.01.20 Brain)Tsuda */
.menu .comment:before{
	content:"\f4ad";
	vertical-align:middle;
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	font-size:29px;
}
/* Page Title Comment Icon 2025.01.20 Brain)Tsuda */
.sub-header .comment:before{
	content:"\f4ad";
	vertical-align:middle;
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	font-size:29px;
}
/* Button Comment Icon 2025.02.21 Brain)Tsuda */
.menu .growth{
	padding:0px;
}
.menu .growth:before{
	content:"\f1ae";
	vertical-align:middle;
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	font-size:45px;
	width:54px;
	text-align:center;
	padding-left:10px;
}
/* Page Title Comment Icon 2025.02.21 Brain)Tsuda */
.sub-header .growth:before{
	content:"\f1ae";
	vertical-align:middle;
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	font-size:29px;
}

.menu{
	display:table;
	width:100%;
}
.menu .buttons,
.menu .notice{
	display:table-cell;
	vertical-align:top;
}
.menu .buttons .button span{
	vertical-align:middle;
}
.menu .buttons div{
	display:none;
}
.menu .buttons div.on{
	display:block;
}
.menu .buttons div.on:not(:first-child){
	border-top:4px dotted darkgray;
	padding-top: 1em;
	margin-top: 1em;
}
.menu .buttons .button{
	display:none;
}
.menu .buttons[auth~="admin"] .button[auth-disp~="admin"]{
	display:inline-block;
}
.menu .buttons[auth~="qualification"] .button[auth-disp~="qualification"]{
	display:inline-block;
}
.menu .buttons[auth~="nursery-qualification"] .button[auth-disp~="nursery-qualification"]{
	display:inline-block;
}
.menu .buttons[auth~="manager"] .button[auth-disp~="manager"]{
	display:inline-block;
}
.menu .buttons[auth~="childminder"] .button[auth-disp~="childminder"]{
	display:inline-block;
}
.menu .notice{
	width:400px;
    padding-left:20px;
}

.menu .notice .area{
	background-color:lavenderblush;
	border-radius: 10px;
    padding: 15px;
    width:100%;
}
.menu .notice .area .area-title{
	font-weight:bold;
}
.menu .notice .area .n-block{
	/*border-top:4px dotted lightpink;*/
	font-size:0.8em;
}
.menu .notice .area .n-block .n-title{
    /*border-bottom: 1px dotted lightpink;*/
    background-color:lightpink;
    padding:5px;
}
.menu .notice .area .n-block .n-row{
    padding-bottom:1em;
    border-bottom:1px solid white;
}
.menu .notice .area .n-block .n-row:hover{
	background-color:mistyrose;
}
.menu .notice .area .n-block .n-row .n-date:before{
    content:'・';
}
.menu .notice .area .n-block .n-row .n-info{
    padding-left:1.5em;
}
.menu .notice .area .n-block .n-row .n-info .n-link {
	background: transparent;
	border: none;
	box-shadow: none;
	color: black;
	text-decoration: underline;
	cursor: pointer;
	font-family: inherit;
	font-size: 13px;
	padding: 0px 0px;
	margin: 0;
	border-radius: 0;
	height: 20px;
}
.menu .notice .area .n-block .n-row .n-info .n-link {
	color: black;
}
input[class*=btn-]:hover{
	opacity:0.7;
}
.btn, [class*=btn-]:not(input):not(.btn-search) {
	min-width: 6em;
}
.btn-action {
	border-color:white !important;
	background-color:#3EA1CE !important;
}
.btn-action:hover{
	background-color:deepskyblue !important;
	color:white;
}
.btn-sub,.btn-back {
	color:white !important;
	border-color:white !important;
	background-color:darkgray !important;
}
.btn-sub:hover, .btn-back:hover {
	background-color:lightgray !important;
}
.btn-back:before{
	content:"＜";
	margin-right:0.5em;
}
.btn-info {
	color:white !important;
	border-color:white !important;
	background-color:darkgray !important;
}
.btn-warnning {
	border-color:white !important;
	background-color:#FF4A5B !important;
}
.btn-close {
	border-color:white !important;
	background-color:unset !important;
	box-shadow:unset !important;
	height:unset !important;
}
.btn-disabled {
	opacity: 0.5;
	cursor: default;
	pointer-events: none;
}

.btn-help{
	background-color:lightseagreen !important;
	border-color:unset !important;
	color:white !important;
	margin-right:3em;
}

.form-search{
	display:none;
}
.form-search.on{
	display: inline-block;
	margin-top: -18px;
	z-index: 100000;
	position: fixed;
    right: 10px;
    margin-top: -10px;
}
.page-search .ctrl-close{
	/*position: absolute;*/
	margin: 5px;
}
.page-search .btn-search{
	/*width:113px;*/
	white-space:nowrap;
}
.search-buttons,
.search-buttons button{
	text-align:center;
}
.page-header .page-search{
	width:90px;
	text-align:right;
}
.page-header .page-search div{
	display:inline-block;
}
form:has(.sub-header) {
	position: sticky;
	top: 131px;
	z-index: 1010;
}

.sub-header {
	background-color: cornsilk;
	padding: 10px;
	color: #E3286A;
	font-weight: bold;
	display: table;
	width: 100%;
	height: 66px;
	border-radius: 10px 10px 0px 0px;
	position: sticky;
	top: 131px;
	z-index: 1010;
}
.sub-header div{
	display:table-cell;
    vertical-align: middle;
}
.sub-header div.sub-controls,
.sub-header div.sub-controls form{
	text-align:right;
}

.sub-header div.sub-buttons {
	text-align:right;
}

.sub-header .sub-title span{
	margin-left:0.5em;
}
div.details-header{
	background-color:cornsilk;
	padding:10px;
}
div.details-header .items{
	background-color:white;
	color:brown;
	border:2px solid brown;
	border-radius:3px;
	padding:5px;
	display:block;
}
div.details-header .items span{
	display:inline-block;
	border-right: 1px dotted brown;
	padding-right: 10px;
}
div.details-header .sheet-title{
	color: white;
	font-weight: bold;

}
div.content-main .graph-area .explanation,
div.content-main .graph-area .contents,
div.content-main .graph-area .comment {
	background-color: white !important;
}

div.sheet-age0 .sub-header,
div.details-header.sheet-age0,
div.sheet-age0 div.details-header,
div.sheet-age0 table.check-input thead th{
	background-color: var(--color-0) !important;
}
div.sheet-age1-2 .sub-header,
div.details-header.sheet-age1-2,
div.sheet-age1-2 div.details-header,
div.sheet-age1-2 table.check-input thead th{
	background-color: var(--color-1-2) !important;
}
div.sheet-age3-5 .sub-header,
div.details-header.sheet-age3-5,
div.sheet-age3-5 div.details-header,
div.sheet-age3-5 table.check-input thead th{
	background-color: var(--color-3-5) !important;
}
div.sheet-age0 .graph-area,
div.sheet-age0 .graph-area > div {
	background-color: lavenderblush;
}
div.sheet-age1-2 .graph-area {
	background-color: lavender;
}

div.sheet-age3-5 .graph-area {
	background-color: #cceedd;
}

div.tbl-fotter{
	display:table;
	width:100%;
}
div.tbl-fotter > div{
	display:table-cell;
}
div.tbl-fotter .center{
	text-align:center;
}
div.tbl-fotter .center div{
	text-align:center;
}
div.tbl-fotter .right{
	text-align:right;
}
div.tbl-fotter .right div{
	display:inline-block;
}
input,
select{
	padding:5px;
	border-radius: 5px;
	
}
.form-search{
	background-color:pink;
	float:right;
	text-align:center;
	padding:10px;
}
.form-search .search-controls input,
.form-search .search-controls select{
	display:block;
	margin:5px;
	padding:10px;
}
.search-controls input,
.search-controls select{
	border:unset;
}

/* 一覧 */
.table thead {
	position: sticky;
	top: 196px;
	z-index: 1000;
}
.no-title thead {
	position: sticky;
	top: 130px;
}
table thead th {
	background-color: oldlace !important;
	text-align: center;
}

table td
{
	text-align:center;
}
table td form {
	text-align: center;
}

table td.cls,
table td.name,
table td.age
{
	text-align:left;
}
table td.buttons:has(a:only-child){
	width:120px;
}
table td.buttons:has(a:first-child:nth-last-child(2)),
table td.buttons:has(a:first-child:nth-last-child(2) ~ * ){
	width:250px;
}
table td.buttons:has(button:only-child){
	width:150px;
}
table td.buttons:has(button:first-child:nth-last-child(2)),
table td.buttons:has(button:first-child:nth-last-child(2) ~ * ){
	width:250px;
}
table tbody tr:nth-child(even) td{
	background-color:whitesmoke;
}

button div.msg{
	display:none !important;
}
/** グラフエリア **/
.graph-area {
	margin: 20px 0px;
	background-color: lavenderblush;
	text-align: center;
	color: sienna;
	font-weight: bold;
}

.graph-area-unit {
	padding-bottom: 50px;
}

.graph-area textarea{
	width:100%;
}
.graph-area > div{
	display:inline-block;
	margin: 20px;
	background-color:white;
}
.graph-area div.area-title{
	background-color:unset;
	padding-top:0.5em;
	font-size:1.5em;
}
.graph-area div.row{
	background-color:unset;
	margin-top:0px;
}
.graph-area div label{
	display:block;
	text-align:center;
	padding:10px;
	color:white;
	font-weight:bold;
}
.graph-area > div label.explanation{
	background-color:unset !important;
	color:unset;
	padding:0px;
}

.graph-area div canvas{
	background-color:white;
}

.graph-area div.chart-area-unit {
	margin-bottom: 50px;
}

.graph-area div.kankyo label,
.graph-area div.kankyo div.input-title,
div.score-area.kankyo div.score-title{
	background-color:var(--color-kankyo);
}
.graph-area div.rikai label,
.graph-area div.rikai div.input-title,
div.score-area.rikai div.score-title{
	background-color:var(--color-rikai);
}
.graph-area div.gainen label,
.graph-area div.gainen div.input-title,
div.score-area.gainen div.score-title{
	background-color:var(--color-gainen);
}
.graph-area div.nattoku label,
.graph-area div.nattoku div.input-title,
div.score-area.nattoku div.score-title{
	background-color:var(--color-nattoku);
}
.graph-area div.jiko label,
.graph-area div.jiko div.input-title,
div.score-area.jiko div.score-title{
	background-color:var(--color-jiko);
}
.graph-area div.contents{
	padding:10px;
}
.graph-area div.comment{
	text-align:center;
	font-size:0.9em;
}
.graph-area div.area-title{
	display:block;
	text-align:center;
}
.graph-area div.input-title{
	color:white;
	text-align:center;
}
.graph-area div.contents canvas,
.graph-area div.contents .input-area{
	margin:5px;
}
.graph-area div.contents .input-area >div[richtext-link]{
	width:400px;
	height:325px;
}
.graph-area div.side div.contents{
	display:table;
	padding:10px;
	width:100%;
}
.graph-area div.side div.contents canvas,
.graph-area div.side div.contents .input-area{
	display:table-cell;
	vertical-align:top;
	padding:5px;
}
.graph-area div.side.text2 div.contents .input-area >div[richtext-link]{
	width:400px;
	height:125px;
}
.graph-area div.chart-area{
	width: 400px;
	height: 350px;
}
div[richtext-link]{
	font-weight:normal;
	color:black;
	font-size:0.9em;
}
div.ql-container[richtext-link]{
	background-color:white;
}
/* スコア表示関連 *******************************************************************/
table.score-list{
	width:500px;
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	border-color: rosybrown;
}
table.score-list tbody tr{
}
table.score-list th{
	background-color:unset !important;
	border-bottom:2px solid rosybrown;
	font-size:1.1em;
}
table.score-list th div{
	display:table;
	width:100%;
}
table.score-list th div span{
	display:table-cell;
	text-align:center;
	border-style: solid;
	border-width: 2px 2px 0px 2px;
	border-color: rosybrown;
	width:20%;
}
table.score-list td{
	font-size:0.75em;
}
table.score-list th:first-child{
	width:3em;
}
table.score-list td.group{
	width:1.5em;
}

table.score-list td.num{
	width:4.5em;
	text-align:center;
}
table.score-list td.item{
	text-align:left;
}
table.score-list td.item div{
	height:3em;
	display: flex;
	align-items: center;
	background-color:var(--color-kankyo-score);
}
div.scores{
	width: 1070px;
	margin: auto;
}
div.score-area{
	display:inline-block;
}
div.score-area:has(> :nth-child(2):last-child) {
}
div.score-area div.score-title{
	text-align:center;
	padding:5px;
	color:white;
	font-weight:bold;
}
div.score-area div.score-data{
	display:inline-table;
	margin:1em;
}

div.score-area.kankyo table.score-list td.item div[score="0"]{
	background:linear-gradient(to right,var(--color-kankyo-score) 0%, transparent 0%);
}
div.score-area.kankyo table.score-list td.item div[score="1"]{
	background:linear-gradient(to right,var(--color-kankyo-score) 20%, transparent 0%);
}
div.score-area.kankyo table.score-list td.item div[score="2"]{
	background:linear-gradient(to right,var(--color-kankyo-score) 40%, transparent 0%);
}
div.score-area.kankyo table.score-list td.item div[score="3"]{
	background:linear-gradient(to right,var(--color-kankyo-score) 60%, transparent 0%);
}
div.score-area.kankyo table.score-list td.item div[score="4"]{
	background:linear-gradient(to right,var(--color-kankyo-score) 80%, transparent 0%);
}
div.score-area.kankyo table.score-list td.item div[score="5"]{
	background:var(--color-kankyo-score);
}
div.score-area.rikai table.score-list td.item div[score="0"]{
	background:linear-gradient(to right,var(--color-rikai-score) 0%, transparent 0%);
}
div.score-area.rikai table.score-list td.item div[score="1"]{
	background:linear-gradient(to right,var(--color-rikai-score) 20%, transparent 0%);
}
div.score-area.rikai table.score-list td.item div[score="2"]{
	background:linear-gradient(to right,var(--color-rikai-score) 40%, transparent 0%);
}
div.score-area.rikai table.score-list td.item div[score="3"]{
	background:linear-gradient(to right,var(--color-rikai-score) 60%, transparent 0%);
}
div.score-area.rikai table.score-list td.item div[score="4"]{
	background:linear-gradient(to right,var(--color-rikai-score) 80%, transparent 0%);
}
div.score-area.rikai table.score-list td.item div[score="5"]{
	background:var(--color-rikai-score);
}
div.score-area.gainen table.score-list td.item div[score="0"]{
	background:linear-gradient(to right,var(--color-gainen-score) 0%, transparent 0%);
}
div.score-area.gainen table.score-list td.item div[score="1"]{
	background:linear-gradient(to right,var(--color-gainen-score) 20%, transparent 0%);
}
div.score-area.gainen table.score-list td.item div[score="2"]{
	background:linear-gradient(to right,var(--color-gainen-score) 40%, transparent 0%);
}
div.score-area.gainen table.score-list td.item div[score="3"]{
	background:linear-gradient(to right,var(--color-gainen-score) 60%, transparent 0%);
}
div.score-area.gainen table.score-list td.item div[score="4"]{
	background:linear-gradient(to right,var(--color-gainen-score) 80%, transparent 0%);
}
div.score-area.gainen table.score-list td.item div[score="5"]{
	background:var(--color-gainen-score);
}
div.score-area.nattoku table.score-list td.item div[score="0"]{
	background:linear-gradient(to right,var(--color-nattoku-score) 0%, transparent 0%);
}
div.score-area.nattoku table.score-list td.item div[score="1"]{
	background:linear-gradient(to right,var(--color-nattoku-score) 20%, transparent 0%);
}
div.score-area.nattoku table.score-list td.item div[score="2"]{
	background:linear-gradient(to right,var(--color-nattoku-score) 40%, transparent 0%);
}
div.score-area.nattoku table.score-list td.item div[score="3"]{
	background:linear-gradient(to right,var(--color-nattoku-score) 60%, transparent 0%);
}
div.score-area.nattoku table.score-list td.item div[score="4"]{
	background:linear-gradient(to right,var(--color-nattoku-score) 80%, transparent 0%);
}
div.score-area.nattoku table.score-list td.item div[score="5"]{
	background:var(--color-nattoku-score);
}
div.score-area.jiko table.score-list td.item div[score="0"]{
	background:linear-gradient(to right,var(--color-jiko-score) 0%, transparent 0%);
}
div.score-area.jiko table.score-list td.item div[score="1"]{
	background:linear-gradient(to right,var(--color-jiko-score) 20%, transparent 0%);
}
div.score-area.jiko table.score-list td.item div[score="2"]{
	background:linear-gradient(to right,var(--color-jiko-score) 40%, transparent 0%);
}
div.score-area.jiko table.score-list td.item div[score="3"]{
	background:linear-gradient(to right,var(--color-jiko-score) 60%, transparent 0%);
}
div.score-area.jiko table.score-list td.item div[score="4"]{
	background:linear-gradient(to right,var(--color-jiko-score) 80%, transparent 0%);
}
div.score-area.jiko table.score-list td.item div[score="5"]{
	background:var(--color-jiko-score);
}
/************************************************************************/
@media (max-width:1024px) {
	/** グラフエリア **/
	.graph-area div.side div.contents {
		display: block;
	}

	.graph-area div.side div.contents canvas,
	.graph-area div.side div.contents .input-area {
		display: inline-block;
	}
	/* スコア表示関連 *******************************************************************/
	div.scores{
		width:unset;
	}
	table.score-list{
		width:100%;
	}
	div.score-area div.score-data{
		width:100%;
		margin:unset;
	}
}

.regist{
	text-align:center;
	background-color:lavenderblush;
	padding:2em 0em;
}
.regist table{
	margin:auto;
	width:80%;
}

.regist tr{
}
.regist th,.regist td{
	background-color:unset !important;
	color:#E3286A;
}
.regist th{
	text-align:right;
}
.regist td{
	padding:10px;
}
.data-changer{
	border-width:1px;
	border-style:solid;
	border-color:lightgray;
	border-radius:10px;
	margin:0.5em 0px;
	padding:0.5em;
}

/************************************************************/
button:not(.navbar-toggler), button:not(.navbar-toggler) {
	text-align: center;
}
button.btn-search{
	text-align:left;
}
@media (min-width: 650px) {
	.nav-item {
		border-top: 1px solid white;
		padding: 0px 13px;
	}
}

@media (min-width: 576px) {
	.navbar-brand {
		margin-right: 0px;
	}

	.navbar a.nav-link {
		font-size: 9px;
		color: black !important;
	}

	.nav-item {
		border-top: unset;
		margin-bottom: 2px;
	}

	.nav-item a i {
		display: none;
	}

	.nav-item a span {
		display: block;
	}

	.nav-item a {
		text-align: center;
	}

	.nav-link {
		padding: 0px 5px !important;
	}
}

@media (max-width:575px) {
	.nav-item a img {
		height: 25px;
		margin: 5px;
	}
}

@media (max-width: 575px) {
	.body-content {
		/*font-size: 0.8em;*/
	}
	.container, .container-md, .container-sm {
		max-width: unset !important;
	}

	.menu {
		/*font-size: 1.5em;*/
	}

	.menu .buttons,
	.menu .notice {
		display: block;
		width: 100% !important;
	}

	.menu .notice {
		margin-top: 1em;
		padding-left: 0px !important;
	}

	.menu .buttons .button {
		/*width: 49%;*/
	}
	.menu .buttons .button.growth,
	.menu .buttons .button.document,
	.system-maintenance,
	[action="analysis-request"] .btn-action{
		display:none !important;
	}


	.sub-header div/*:not(.sub-title)*/ {
		display: inline-block;
	}

	.sub-header div.sub-title {
		float: left;
	}
	.sub-header div.sub-controls {
		float: right;
	}

	table td.buttons {
		width: unset;
	}
	.form-search,
	.search-controls input,
	.search-controls select {
		width: 100%;
	}
	button:not(.navbar-toggler), .button:not(.navbar-toggler) {
		/*height: 43px !important;
		width:50px;*/
	}
}

@media (max-width: 381px) {
	.menu .buttons .button {
		/*font-size: 0.8em;*/
	}
}

@media (max-width: 330px) {
	.menu .buttons .button {
		width: 100%;
		/*font-size: 0.8em;*/
	}

	.menu .buttons .button br {
		display: none;
	}
}

@media (max-width: 300px) {
	.menu .buttons .button {
		/*font-size: 0.8em;*/
	}
}

.input-note {
	color: blue;
	font-weight: bold;
	font-size: 0.8em;
	padding: 3px;
	background-color: mistyrose;
}

.form-group > label,
.form-group > div > label:not(.form-check-label) {
    margin-top: 2em;
    font-weight: bold;
    background-color: oldlace;
    border-radius: 5px 5px 0px 0px;
    padding: 5px;
    width: 100%;
} .form-group .sub-form {
    border: 1px solid lightgray;
    border-radius: 0px 0px 5px 5px;
    padding: 5px;
} .form-group > input {
    border-radius: 0px 0px 5px 5px;
} .form-group.form-left {
    display: inline-block;
    width: 55%;
    vertical-align: top;
    margin-right:2em;
} .form-group.form-right {
    display:inline-block;
    width: 35%;
    vertical-align:top;
} .form-right .sub-form{
    width:100%;
} .form-right .sub-form > .form-control, .form-right .sub-form > .btn {
    display: inline-block;
    vertical-align:middle;
} .form-right .sub-form > .form-control{
    width:65%;
}
.divRadios{
}
.divRadios label{
	display:block;
}
.field-validation-error{
	white-space:pre-line;
}