@charset "utf-8";

a {
	color: #2E7D32;
	transition: all 0.1s linear;
}

a:hover {
	color: #2E7D32;
	opacity: 0.7;
}

label {
	font-size: 1.8rem;
	word-break: break-all;
	word-wrap: break-word;
}

.kitei-container label,
.noyaku-container label,
.hiryo-container label,
.sagyo-container label{
	font-size: 1.6rem;
	word-break: break-all;
	word-wrap: break-word;
}

form[name=search] {
	display: flex;
	justify-items: flex-start;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
}

form[name=search] input[type=checkbox] {
	margin: 0;
	margin-right: 1rem;
	position: relative;
	top: 0.5rem;
}

input[type=text],
input[type=password],
input[type=tel],
input[type=number],
input[type=email],
input[type=date],
input[type=time],
div[type=select],
select {
	min-width: 4.8rem;
	max-width: 100%;
	min-height: 4.0rem;
	padding: 0.25rem 1rem;
	border: 1px #4B3002 solid;
	border-bottom: 1px #4B3002 solid;
	border-radius: 0.5rem;
	background-color: #FFFFFF;
	color: #111111;
	font-size: 2rem;
	font-size: 1.8rem;
	box-shadow: inset 1px 2px 4px 0px rgb(0 0 0 / 15%);
}

input[type=date] {
	padding: 0.25rem 0rem 0.25rem 1rem;
}

input[type=date]::-webkit-datetime-edit-fields-wrapper {
	padding: 0;
}

input[type=date]::-webkit-datetime-edit-year-field,
input[type=date]::-webkit-datetime-edit-month-field,
input[type=date]::-webkit-datetime-edit-day-field {
	padding: 0 1px;
}

select {
	padding: 0.25rem 1rem;
}

input[type=checkbox] {
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	margin: 1rem 0.5rem;
	border-radius: 50%;
	color: #4B3002;
	transform: scale(1.25);
	cursor: pointer;
}

input[type=checkbox].align-center{
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	border-radius: 50%;
	color: #4B3002;
	transform: scale(1.25);
	cursor: pointer;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
}

label.checkbox-side{
	display:block;
	position:relative;
	padding-left:3rem;
}

.kitei-container input[type=checkbox],
.noyaku-container input[type=checkbox],
.hiryo-container input[type=checkbox],
.sagyo-container input[type=checkbox]
 {
	width: 1.6rem;
	height: 1.6rem;
	line-height: 1.6rem;
	margin: 0.5rem 0.5rem;
	border-radius: 50%;
	color: #4B3002;
	transform: scale(1.25);
}

input[type=radio] {
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	margin: 1rem 0.5rem;
	border-radius: 50%;
	transform: scale(1.25);
	cursor: pointer;
}

input[type=number] {
	text-align: right;
	-moz-appearance: textfield;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=submit] {
	height: 3rem;
	line-height: 3rem;
	padding: 0 3rem;
	background-color: #4B3002;
	border: none;
	color: #ffffff;
	font-size: 1.4rem;
	border-radius: 5rem;
	cursor: pointer;
}

textarea {
	max-width: 100%;
	padding: 0.5rem 1rem;
	border: 1px #4B3002 solid;
	border-radius: 0.5rem;
	box-sizing: border-box;
	font-size: 2rem;
	font-size: 1.8rem;
	border-bottom: 1px #4B3002 solid;
	box-shadow: inset 1px 2px 4px 0px rgb(0 0 0 / 15%);
	white-space: pre-wrap;
	word-wrap: break-all;
	resize: none;
}

input:focus,
select:focus,
textarea:focus {
	border: 1px #FFA100 solid;
	box-shadow: inset 1px 2px 4px 0px rgb(0 0 0 / 15%), inset 0px 0px 3px 0px #FFA100;
}

div[type=select] {
	cursor: pointer;
}

div[type=select] [class*=row] {
	border-bottom: 1px #4B300233 solid;
}

div[type=select] [class*=row]:last-child {
	border-bottom: none;
}

div[type=select] [class*=row] [class*=col] {
	min-height: 3rem;
	padding: 0.25rem 0.75rem !important;
	border-right: 1px #4B300233 solid;
}

div[type=select] [class*=row] [class*=col]:last-child {
	border-right: none;
}

div[type=select].noyaku-input-div{
	overflow-wrap: break-word;
	width: 35%;
}

div[type=select].hiryo-input-div{
	overflow-wrap: break-word;
	width: 35%;
}

div[type=select].plan-input-div{
	overflow-wrap: break-word;
	width: 35%;
}

.list-icon-txt {
	position: relative !important;
}

.list-icon-txt input[type=text] {
	padding-left: 40px !important;
}

.list-icon-txt i {
	position: absolute !important;
	padding: 0px 6px !important;
	font-size:180% !important;
	font-weight: 400 !important;
	cursor: pointer !important;
}

.list-icon-txt i:before {
	font-family: "Font Awesome 5 Free";
	content: "\f25a";
	cursor: pointer;
	pointer-events: none;
}

.list-icon-txt-plan {
	position: relative !important;
}

.list-icon-txt-plan span {
	padding-left: 30px !important;
}

.list-icon-txt-plan i {
	position: absolute !important;
	padding: 0px 0px !important;
	font-size:150% !important;
	font-weight: 400 !important;
	cursor: pointer !important;
}

.list-icon-txt-plan i:before {
	font-family: "Font Awesome 5 Free";
	content: "\f25a";
	cursor: pointer;
	pointer-events: none;
}

.select-icon input[type="radio"] {
	display: none;
}

.select-icon label img:hover {
	background-color: #f3d083;
}

.select-icon label img {
	margin: -0.75rem 0.75rem 0;
	padding: 0.3rem;
	border-radius: 3rem;
}

.select-icon input[type="radio"]:checked+label img {
	backdrop-filter: blur(7rem);
	border: #f89e3e 2px solid;
}



html {
	font-size: 16px;
	font-family: "Kiwi Maru", serif !important;
}

body {
	font-size: 1.6rem;
	font-family: "Kiwi Maru", serif !important;
}

h1 {
	font-size: 2.1rem;
}

h1.title {
	font-size: 3.2rem;
}

h2 {
	font-size: 1.8rem;
}

h3 {
	font-size: 1.5rem;
}

.text-prewrap {
	white-space: pre-wrap !important;
}



button.action-size {
	min-width: 12rem !important;
	min-height: 5rem !important;
	font-size: 1.8rem !important;
}

button.action {
	display: inline-flex;
	min-width: 8rem;
	min-height: 4.2rem;
	margin: 0.3rem 0;
	padding: 0.5rem 2rem;
	align-items: center;
	justify-content: center;
	border-color: #4B3002;
	border-width: 2px;
	border-style: solid;
	border-radius: 0.5rem;
	background-color: #ffffff;
	color: #4B3002;
	font-size: 1.8rem;
	box-shadow: 1px 2px 4px 1px #AAAAAA;
}

button.action:hover {
	background-color: #FFA10022;
	opacity: 1;
}

button.action:focus {
	border-color: #FFA100;
	opacity: 1;
	box-shadow: 1px 2px 4px 1px #AAAAAA, 1px 2px 4px 1px #FFA100;
}

button.action:active {
	background-color: #FFA10044;
	opacity: 1;
	box-shadow: 1px 2px 4px 1px #CCCCCC;
}

button.action.delete {
	border-color: #666666;
	background-color: #EEEEEE;
	color: #444444;
}

button.action.delete:hover {
	background-color: #FFA10022;
	color: #222222;
	opacity: 1;
}

button.action.delete:focus {
	border-color: #FFA100;
	color: #222222;
	opacity: 1;
}

button.action.delete:active {
	background-color: #FFA10044;
	opacity: 1;
	box-shadow: 1px 2px 4px 1px #CCCCCC;
}

button.action.move {
	min-width: 2rem;
	min-height: 2rem;
	margin: 0.1rem 0;
	padding: 0.5rem 0.5rem;
}

button.search {
	margin-left: 1rem;
	background-color: #4B3002;
	color: #F0F0F0;
}

button.search-address {
	margin: 0 0 0 0.5rem;
	background-color: #4B3002;
	color: #F0F0F0;
	padding: 0.5rem 1rem;
	min-width: auto;
}

button.search:hover,
button.search-address:hover {
	background-color: #4B3002CC;
	color: #F0F0F0;
	opacity: 1;
}

button.search:focus,
button.search-address:focus {
	border-color: #FFA100;
	color: #F0F0F0;
	opacity: 1;
	box-shadow: 1px 2px 4px 1px #AAAAAA, 1px 2px 4px 1px #FFA100;
}

button.search:active,
button.search-address:active {
	background-color: #FFA100AA;
	opacity: 1;
	color: #4B3002;
	box-shadow: 1px 2px 4px 1px #CCCCCC;
}

button.create,
button.update {
	border-color: #2E7D32;
	background-color: #2E7D32;
	color: #F0F0F0;
}

button.create:hover,
button.update:hover {
	background-color: #2E7D32CC;
	color: #FFFFFF;
	opacity: 1;
}

button.create:focus,
button.update:focus {
	border-color: #FFA100;
	color: #FFFFFF;
	opacity: 1;
	box-shadow: 1px 2px 4px 1px #AAAAAA, 1px 2px 4px 1px #FFA100;
}

button.create:active,
button.update:active {
	background-color: #FFA100AA;
	color: #111111;
	opacity: 1;
	box-shadow: 1px 2px 4px 1px #CCCCCC;
}

button.action.wide {
	display: block;
	margin-bottom: 1rem;
}

button.action.sm {
	min-width: 5rem;
	min-height: 2rem;
	margin: 0.3rem 0;
	padding: 0.25rem 0.25rem;
	border-color: #4B3002;
	border-width: 2px;
	border-style: solid;
	border-radius: 0.5rem;
	background-color: #ffffff;
	color: #4B3002;
	font-size: 1.6rem;
	box-shadow: 1px 2px 4px 1px #AAAAAA;
}

button [class*="fa-"] {
	font-size: 2.2rem !important;
}

button .sub-icon[class*="fa-"] {
	position: relative;
	left: -0.6rem !important;
	top: auto !important;
	bottom: -0.2rem !important;
	padding: 2px !important;
	background-color: #FFFFFF !important;
	border-radius: 50%;
	font-size: 1.7rem !important;
}

a.button {
	display: inline-flex;
	margin-bottom: 0.5rem;
	padding: 0.5rem 1rem;
	align-items: center;
	justify-content: center;
	border: 3px #4B3002 solid;
	background-color: #ffffff;
	color: #4B3002;
	font-size: 1.8rem;
	text-decoration: none;
	border-radius: 5rem;
	cursor: pointer;
	box-shadow: 1px 2px 4px 0px #AAAAAA;
}

a.button:hover {
	background-color: #FFA10022;
	opacity: 1;
}

a.button:focus {
	border-color: #FFA100;
	opacity: 1;
	box-shadow: 1px 2px 4px 0px #AAAAAA, 1px 2px 4px 0px #FFA100;
}

a.button:active {
	background-color: #FFA10044;
	opacity: 1;
	box-shadow: 1px 2px 4px 1px #CCCCCC;
}

a.button.menu {
	border-radius: 0.5rem;
}

a.button.wide {
	display: block;
	margin-bottom: 1rem;
}

a.button [class*="fa-"] {
	font-size: 2.2rem !important;
}

a.button.fit {
	color: #111111;
	font-size: inherit;
	text-decoration: none;
	cursor: pointer;
}

a.button.fit:before {
	color: #008000;
	font-family: "Font Awesome 5 Free";
	content: "\f058";
	font-weight: 900;
	margin-right: 10px;
}

a.button.fit:hover,
a.button.menu.fit:hover {
	color: #111111;
}

a.unfit,
a.button.unfit {
	color: #ff0000;
	font-size: inherit;
	text-decoration: none;
	cursor: pointer;
}

a.button.unfit:before {
	color: #ff0000;
	font-family: "Font Awesome 5 Free";
	content: "\f057";
	font-weight: 900;
	margin-right: 10px;
}

a.unfit:hover,
a.button.unfit:hover,
a.button.menu.unfit:hover {
	color: #ff0000;
}

a.button.outside {
	color: #a0a0a0;
	font-size: inherit;
	text-decoration: none;
	cursor: pointer;
}

a.button.outside:before {
	color: #A0A0A0;
	font-family: "Font Awesome 5 Free";
	content: "\f056";
	font-weight: 900;
	margin-right: 10px;
}

a.button.outside:hover,
a.button.menu.outside:hover {
	color: #999999;
}



h1.type2 {
	padding: 0.5rem 0;
	background-color: #999999;
	color: #ffffff;
	text-align: center;
}

ul {
	padding: 0;
}

ul li {
	padding: 0;
	list-style: none;
}



header {
	position: fixed;
	top: 0;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: #F8F8F8;
	border-bottom: 1px #CCCCCC solid;
	z-index: 999;
}

header img {
	position: fixed;
	top: 10px;
	width: 8.4rem;
	width: 5.6rem;
	margin-left: 5%;
	border: 0.5rem #F8F8F8 solid;
	border-radius: 4.2rem;
	border-radius: 2.8rem;
}

header div.header-body {
	max-width: 100%;
	background-color: #4B3002;
}

header div.toolbar {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0.5rem 0;
}

header div.toolbar .user {
	text-align: right;
}

header div.toolbar .group,
header div.toolbar .name {
	display: inline-block;
	margin-right: 1rem;
	color: #F0F0F0;
	font-size: 1.8rem;
}

header div.toolbar a.logoff {
	display: inline-block;
	padding: 0.25rem 1.5rem;
	border: 2px #F0F0F0 solid;
	border-radius: 0.5rem;
	color: #F0F0F0;
	text-decoration: none;
}

header div.toolbar a.close-window {
	display: inline-block;
	padding: 0.25rem 1.5rem;
	background-color: #F0F0F0;
	border: 2px transparent solid;
	border-radius: 0.5rem;
	color: #4B3002;
	font-weight: bold;
	text-decoration: none;
}

header nav {
	padding: 0 9%;
	background-color: #4B3002;
	color: #F0F0F0;
	font-size: 1.8rem;
}

header nav ul {
	margin: 0;
	padding: 0;
}

header nav ul li {
	font-size: 1.8rem;
	margin: 0;
	list-style: none;
}

header nav a {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

header nav>ul {
	overflow: hidden;
}

header nav>ul>li {
	padding: 0 0;
	float: left;
}

header nav>ul>li:hover {
	background-color: #FFFFFF22;
	color: #F0F0F0;
	opacity: 1;
}

header nav>ul>li>a,
header nav>ul>li>span {
	display: inline-block;
	padding: 1.0rem 0.8rem;
	font-weight: bold;
	margin-right: 1.2rem;
}

header nav>ul>li>a:hover {
	color: #F0F0F0;
	text-decoration: none;
}

header nav>ul>li>a:hover,
header nav>ul>li>span:hover {
	opacity: 1;
}

header nav>ul>li>a:not([href]):after {
	content: '\025bc';
	position: absolute;
	margin-top: 0.5rem;
	margin-left: 0.5rem;
	font-size: 1.2rem;
}

header nav>ul>li>ul {
	display: none;
	position: absolute;
	min-width: 12rem;
	max-height: calc(100vh - 50px);
	background-color: #FFFFFF;
	color: #261801;
	z-index: 999;
	overflow-y: auto;
}

header nav>ul>li:hover>ul {
	display: block;
}

header nav>ul>li>ul>li>a {
	background-color: #4B300233;
	display: block;
	padding: 0.75rem 2rem;
	text-decoration: none;
}

header nav>ul>li>ul>li>a:hover {
	background-color: #4B3002CC;
	color: #F0F0F0;
	font-weight: bold;
	opacity: 1;
	text-decoration: none;
}

header nav>ul>li>ul>li>hr {
	height: 0;
	margin: 0;
	border-top: 1px #4B300288 solid;
}

header div.breadcrumbs {
	padding: 0.25rem 0 0 0;
	color: #666666;
	font-size: 1.5rem;
}

header div.page-title {
	padding: 0;
	color: #4B3002;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: left;
	white-space: pre-wrap;
}

header div.page-action {
	margin-left: auto;
	padding: 0;
	font-size: 1.8rem;
}

header div.action-bar {
	display: flex;
	flex-flow: wrap;
	align-items: center;
	padding: 0;
}



.cursor-pointer{
	cursor: pointer;
}



dl.view {
	margin: 0.5rem auto;
	padding: 1rem;
	border: 1px #b09d8a solid;
}

dl.view dt {
	max-width: 20%;
	padding-top: 0.5rem;
	font-weight: bold;
}

dl.view dd {
	margin: 0;
	padding: 0.5rem 0;
}

dl.view .row {
	margin: 0;
	padding: 0;
	border-top: 1px #b09d8a solid;
}

dl.view .row:first-child {
	border: none;
}

dl.view .rl-time {
	display: flex !important;
	align-items: center;
}

dl.view2 {
	margin: 0.5rem auto;
	padding: 1rem;
	border: 1px #b09d8a solid;
}

dl.view2 dt {
	max-width: 50%;
	padding-top: 0.5rem;
	font-weight: bold;
}

dl.view2 dd {
	margin: 0;
	padding: 0.5rem 0;
}

dl.view2 .row {
	margin: 0;
	padding: 0;
	border-top: 1px #b09d8a solid;
}

dl.view2 .row:first-child {
	border: none;
}

dl.view2 .rl-time {
	display: flex !important;
	align-items: center;
}

dl.image {
	margin: 0.5rem auto;
	padding: 1rem;
	border: 1px #b09d8a solid;
}

dl.image dt {
	width: 100% !important;
	font-weight: bold;
}

dl.image .row {
	margin: 0;
	padding: 0;
}

dl.edit dd {
	margin: 0;
	padding: 0.5rem 0rem 1rem 0rem;
	overflow: hidden;
}

dl.edit dd button {
	float: right;
}

dl.edit dd button.floatLeft {
	float: left;
}

dl.edit dd textarea {
	width: 100%;
	min-height: 7.5rem;
}

dl.edit dd div {
	display: flex;
	align-items: center;
}

dl.edit dd label {
	display: inline-flex;
	flex-wrap: wrap;
	margin: 0 0.5rem;
	align-items: center;
}

dl.edit dd [class*=col] {
	display: block;
	margin: 0;
	padding: 0;
}

dl.edit.sub dt {
	padding: 1rem 0rem 0.5rem 0;
}



dt {
	color: #4B3002;
	font-weight: bold;
}

dt em {
	color: #ff4444;
	font-style: normal;
}



#content {
	padding: 1rem 0;
}

#content table {
	width: 100%;
	margin: 1rem 0;
	border-collapse: collapse;
}

#content table thead th {
	padding: 0.5rem;
	background-color: #e6e6e6;
	border: 1px #737373 solid;
}

#content table th {
	padding: 0.5rem;
	background-color: #e6e6e6;
	border: 1px #737373 solid;
}

#content table tbody th,
#content table tbody td {
	padding: 0.5rem;
	border: 1px #737373 solid;
}

.report-table th{
	width:70%
}

.report-table td{
	width:30%
}



ul.select {
	display: flex;
	padding: 0;
	border-radius: 5rem;
}

ul.select li {
	border: 3px #bfbfbf solid;
	border-left: 1px #bfbfbf solid;
	border-right: none;
}

ul.select li:first-child {
	border-left: 3px #bfbfbf solid;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

ul.select li:last-child {
	border-right: 3px #bfbfbf solid;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

ul.select li label {
	display: inline-flex;
	padding: 0.5rem 2rem;
	align-items: center;
	text-align: center;
	cursor: pointer;
}

ul.select li:hover {
	border-top-color: #6a4504;
	border-bottom-color: #6a4504;
}

ul.select li:first-child:hover {
	border-left-color: #6a4504;
}

ul.select li:last-child:hover {
	border-right-color: #6a4504;
}

ul.select li.selected {
	background-color: #6a4504;
	border-top-color: #6a4504;
	border-bottom-color: #6a4504;
	color: #ffffff;
}

ul.select li.selected:first-child {
	border-left-color: #6a4504;
}

ul.select li.selected:last-child {
	border-right-color: #6a4504;
}



#content_list {
	padding: 1rem 0;
}

table.list {
	width: 100%;
	margin: 0;
	margin-bottom: 2rem;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #FFFFFF;
	border: none;
}

table.list thead th {
	padding: 0.25rem;
	border-top: 1px #4B3002 solid;
	border-bottom: 1px #4B3002 solid;
	border-left: 1px #4B300211 solid;
	border-right: 1px #4B300211 solid;
	background-color: #4B300244;
	color: #261801;
	font-weight: normal;
	text-align: center;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
}

table.list thead th.std-work-header {
	cursor: pointer;
}
table.list thead th.open {
	transform:rotateZ(180deg);
}

table.list tbody th,
table.list tbody td {
	padding: 0.5rem;
	border-top: 1px #4B3002 solid;
	border-bottom: 1px #4B3002 solid;
	border-left: 1px #4B300211 solid;
	border-right: 1px #4B300211 solid;
	color: #111111;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
}

table.list tbody td.ell {
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	max-width:0;
}

table.list thead tr th:first-child,
table.list tbody tr th:first-child,
table.list tbody tr td:first-child {
	border-left: 1px #4B3002 solid;
}

table.list thead tr th:last-child,
table.list tbody tr th:last-child,
table.list tbody tr td:last-child {
	border-right: 1px #4B3002 solid;
}

table.list tbody td input[type=text],
table.list tbody td input[type=tel],
table.list tbody td input[type=number],
table.list tbody td input[type=email],
table.list tbody td input[type=password],
table.list tbody td input[type=date],
table.list tbody td input[type=time],
table.list tbody td select {
	width: 100%;
	max-width: 100%;
	padding: 0.25rem 0.5rem;
}

table.list tbody td textarea {
	width: 100%;
	max-width: 100%;
	height: 100%;
	padding: 0.25rem 0.5rem;
}

.grid-header .th {
	padding: 0.25rem;
	border-top: 1px #4B3002 solid;
	border-bottom: 1px #4B3002 solid;
	border-left: 1px #4B300211 solid;
	border-right: 1px #4B300211 solid;
	background-color: #4B300244;
	color: #261801;
	font-weight: normal;
	text-align: center;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
}

.grid-body .td {
	padding: 0.5rem;
	border-bottom: 1px #4B3002 solid;
	border-right: 1px #4B300211 solid;
	background-color: #FFFFFF;
	color: #111111;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
}

#farmCont thead th,
#commentCont thead th {
	border-top: none;
}

.t-sortable-ph {
	background-color: #3dac3d86;
}



#map {
	width: 100%;
	height: 60rem;
}



#content_edit {
	padding: 1rem 0;
}

#content_home {
	padding: 1rem 0;
}

#content_home a.links {
	background-color: #AFC60A;
	color: #ffffff;
	text-decoration: none;
	margin: 0 auto;
	border: 3px solid #AFC60A;
	width: 80%;
	display: block;
	text-align: center;
	font-size: 2.0rem;
	font-weight: bold;
	border-radius: 1.5rem;
}

#content_home a.links:hover {
	background-color: #ffffff;
	color: #AFC60A;
	border: 3px solid #AFC60A;
	font-size: 2.0rem;
	font-weight: bold;
	border-radius: 1.5rem;
}

#content_home a.info_links {
	color: #4B3002;
	text-decoration: underline dotted;
}

#content_home a.info_links:hover {
	color: #4B3002;
	cursor: pointer;
}

#content_home table {
	width: 100%;
	border-collapse: collapse;
}

table.home_hinmoku_list {
	width: 100%;
}

table.home_hinmoku_list thead th {
	font-size: 2.0rem;
	color: #4B3002;
	text-align: center;
	border: none;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
}

table.home_hinmoku_list tbody td {
	font-size: 2.0rem;
	color: #4B3002;
	font-weight: bold;
	text-align: center;
	border: none;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
}

table.home_hinmoku_list tr:nth-child(odd) td {
	background-color: #ebdab7;
}



div.box-upper-outer{
	border: 1px #737373 solid;
	margin:0 -2rem;
	padding:1rem 0;
	background-color: #4B300244;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

div.box-upper-inner{
	margin:0 2rem;
}

div.box-lower-outer{
	border: 1px #737373 solid;
	margin:0 -2rem; padding:2rem 0;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}

div.box-lower-inner{
	margin:0 2rem;
}


#content_home .report_day {
	font-size: 2.0rem;
	color: #4B3002;
	font-weight: bold;
}

#content_home dl dt {
	color: #333333;
	padding: 0.25rem;
}

#content_home dl.home_info {
	font-size: 2.2rem;
	color: #FFFFFF;
	margin: 0 auto;
	margin-bottom: 0;
	background-color: #ffbf7f;
	border-radius: 1.5rem 1.5rem 0px 0px;
}

#content_home dl.home_info dt {
	color: #4B3002;
	text-align: center;
	font-weight: bold;
}

#content_home dl.home_detail {
	font-size: 2.0rem;
	color: #4B3002;
	height: 12rem;
	margin: 0 auto;
	margin-bottom: 0;
	padding: 0.0rem 1.0rem 1.0rem 1.0rem;
	border-radius: 0px 0px 1.5rem 1.5rem;
}

#content_home dl.home_tell {
	font-size: 2.0rem;
	color: #4B3002;
	height: 12rem;
	margin: 0 auto;
	margin-bottom: 0;
	padding: 0.0rem 1.0rem 1.0rem 1.0rem;
	border-radius: 0px 0px 1.5rem 1.5rem;
}

#content_home dl.home_detail_oishimane {
	font-size: 2.0rem;
	color: #505050;
	height: 30.9rem;
	margin: 0 auto;
	margin-bottom: 0;
	border-radius: 0px 0px 1.5rem 1.5rem;
}

#content_home dl.home_detail_hinmoku {
	color: #505050;
	height: auto;
	background-color: #FFA10033;
	border-radius: 0px 0px 1.5rem 1.5rem;
}

#content_home dl.home_detail_tenken {
	color: #505050;
	height: auto;
	background-color: #FFA10033;
	border-radius: 0px 0px 1.5rem 1.5rem;
}

#content_home dl.home_shimane {
	font-size: 2.2rem;
	color: #F0F0F0;
	margin: 0 auto;
	border-radius: 1.5rem 1.5rem 0px 0px;
}

#content_home dl.home_shimane dt {
	color: #4B3002;
	text-align: center;
	background-color: #db9493;
	margin: 0 auto;
	border-radius: 1.5rem 1.5rem 0px 0px;
}

#content_home dl.home_kigen_farm {
	font-size: 2.2rem;
	color: #F0F0F0;
	margin: 0 auto;
	border-radius: 1.5rem 1.5rem 0px 0px;
}

#content_home dl.home_kigen_farm dt {
	color: #4B3002;
	text-align: center;
	background-color: #FFA1A1;
	margin: 0 auto;
	border-radius: 1.5rem 1.5rem 0px 0px;
}

#content_home dl.home_kigen_s {
	font-size: 2.2rem;
	color: #F0F0F0;
	margin: 0 auto;
	border-radius: 1.5rem 1.5rem 0px 0px;
}

#content_home dl.home_kigen_s dt {
	color: #4B3002;
	text-align: center;
	background-color: #a6ddb0;
	margin: 0 auto;
	border-radius: 1.5rem 1.5rem 0px 0px;
}

#content_home dl.home_kigen_k {
	font-size: 2.2rem;
	color: #F0F0F0;
	margin: 0 auto;
	border-radius: 1.5rem 1.5rem 0px 0px;
}

#content_home dl.home_kigen_k dt {
	color: #4B3002;
	text-align: center;
	background-color: #deb887;
	margin: 0 auto;
	border-radius: 1.5rem 1.5rem 0px 0px;
}

#content_home dl.home_kigen_progress {
	font-size: 2.2rem;
	color: #F0F0F0;
	margin: 0 auto;
	border-radius: 1.5rem 1.5rem 0px 0px;
}

#content_home dl.home_kigen_progress dt {
	color: #4B3002;
	text-align: center;
	background-color: #a6ddb0;
	margin: 0 auto;
	border-radius: 1.5rem 1.5rem 0px 0px;
}

#content_home .home_tenken {
	font-size: 2.2rem;
	color: #4B3002;
	text-align: center;
	border-radius: 1.5rem 1.5rem 1.5rem 1.5rem;
}

#content_home dl.home_info_detail {
	font-size: 2.0rem;
	color: #4B3002;
	background-color: #FFA10033;
}

#content_home dl.home_info_detail pre {
	margin-top: 1rem !important;
}



div.error-box {
	display: none;
	width: 100%;
	position: relative;
	margin: 0;
	margin-top: 1rem;
	padding: 0.5rem 0;
	background: #f8d7da;
}

div.error-box div.box-title {
	font-size: 1.8rem;
	background: #c1dec3;
	padding: 4px;
	text-align: center;
	color: #111111;
	letter-spacing: 0.05rem;
}



div.memo {
	position: relative;
	padding: 5px;
}

div.memo div.dummy {
	overflow: hidden;
	visibility: hidden;
	box-sizing: border-box;
	padding: 0px 2px;
	font-size: 1.7rem;
	min-height: 7.5rem;
	white-space: pre-wrap;
	word-wrap: break-all;
	overflow-wrap: anywhere;
}

div.memo textarea.memoarea {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	letter-spacing: inherit;
	resize: none;
}

div.memo_big {
	position: relative;
	padding: 5px;
}

div.memo_big div.dummy {
	overflow: hidden;
	visibility: hidden;
	box-sizing: border-box;
	padding: 0px 2px;
	font-size: 1.7rem;
	min-height: 25.0rem;
	white-space: pre-wrap;
	word-wrap: break-all;
	overflow-wrap: anywhere;
}

div.memo_big textarea.memoarea {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	letter-spacing: inherit;
	resize: none;
}

div.memo_manage_manual {
	position: relative;
	padding: 5px;
}

div.memo_manage_manual div.dummy {
	overflow: hidden;
	visibility: hidden;
	box-sizing: border-box;
	padding: 0px 2px;
	font-size: 1.7rem;
	min-height: 12.5rem;
	white-space: pre-wrap;
	word-wrap: break-all;
	overflow-wrap: anywhere;
}

div.memo_manage_manual textarea.memoarea {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 12rem;
	letter-spacing: inherit;
	resize: none;
}

div.memo_statement {
	position: relative;
	padding: 5px;
}

div.memo_statement div.dummy {
	overflow: hidden;
	visibility: hidden;
	box-sizing: border-box;
	padding: 0px 2px;
	font-size: 1.7rem;
	min-height: 50.0rem;
	white-space: pre-wrap;
	word-wrap: break-all;
	overflow-wrap: anywhere;
}

div.memo_statement textarea.memoarea {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	letter-spacing: inherit;
	resize: none;
}



.item-delete
{
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: none !important;
	border-radius: 50% !important;
	color: #4B3002;
	font-size: 3rem !important;
}

.noyaku-delete
{
	margin: 0 0 0 -3rem;
	padding: 0;
	background-color: transparent;
	border: none !important;
	border-radius: 50% !important;
	color: #4B3002;
	font-size: 3rem !important;
}

.item-delete *,
.noyaku-delete * {
	font-size: 3rem !important;
}

.item-delete:hover{
	margin: 0;
	padding: 0;
	background-color: transparent;
	color: #4B3002CC;
}

.noyaku-delete:hover{
	margin: 0 0 0 -3rem;
	padding: 0;
	background-color: transparent;
	color: #4B3002CC;
}

.item-delete:focus,
.noyaku-delete:focus{
	color: #4B3002CC;
}



.period-calendar {
	min-width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	border-top: 1px #4B3002 solid;
	border-left: 1px #4B3002 solid;
}

.period-calendar.cells {
	border: none !important;
}

.period-calendar [class*=row] {
	display: flex;
	flex-direction: row;
	width: 100%;
	margin: 0;
	padding: 0;
}

.period-calendar [class*=col] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	min-height: 2rem;
	margin: 0;
	padding: 0;
	font-size: 1.4rem !important;
	font-weight: normal !important;
}

.period-calendar .list-row {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 100%;
	margin: 0;
	padding: 0;
}

.period-calendar .list-row-hover:hover {
	background-color: #FFA10022;
	cursor: pointer;
}

.period-calendar .list-row[name=header] .list-col {
	background-color: #4B300244;
	color: #261801;
}

.period-calendar .list-col {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: none;
}

.period-calendar .item-kbn {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 5rem;
	margin: 0;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px #4B300288 solid;
	border-right: 1px #4B300211 solid;
}

.period-calendar .item-kbn-name {
	margin: 0 auto;
	min-width: 6rem !important;
	text-align: center;
}

.period-calendar .item-kbn-mark {
	width: 0.8rem !important;
	min-height: 4rem;
	margin-left: 0.4rem;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	border-radius: 0.5rem;
}

.period-calendar .item-kbn.item-th {
	width: 7.4rem !important;
	text-align: center;
}

.period-calendar .item-name {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	flex-basis: 0;
	flex-grow: 1;
	-ms-flex-positive: 1;
	-ms-flex-preferred-size: 0;
	width: auto !important;
	min-height: 5rem;
	margin: 0;
	padding: 0.5rem;
	border-bottom: 1px #4B300288 solid;
	border-right: 1px #4B300211 solid;
}

.period-calendar .item-action {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 5rem;
	width: auto !important;
	margin: 0;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px #4B300288 solid;
	border-right: 1px #4B300211 solid;
}

.period-calendar .item-tr {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 100%;
	margin: 0;
	padding: 0;
	border-right: 1px #4B300288 solid;
}

.period-calendar .item-th {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	-ms-flex-positive: 1;
	-ms-flex-preferred-size: 0;
	min-width: 3.6rem;
	width: 100%;
	max-width: 100%;
	min-height: 2rem;
	margin: 0;
	padding: 0;
	border-bottom: 1px #4B300288 solid;
	border-right: 1px #4B300211 solid;
	font-size: 1.4rem !important;
	font-weight: normal !important;
}

.period-calendar .item-td {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-basis: 0;
	flex-grow: 1;
	-ms-flex-positive: 1;
	-ms-flex-preferred-size: 0;
	min-width: 3.6rem;
	max-width: 100%;
	min-height: 5rem;
	padding: 0rem !important;
	border-bottom: 1px #4B300288 solid;
	border-right: 1px #4B300211 solid;
	background-color: #FFFFFF;
	text-align: center;
}

.period-calendar .item-td.checked,
.period-calendar .item-td.active {
	border-left: transparent;
	border-right: transparent;
}

.period-calendar .item-td.start {
	border-right: transparent;
}

.period-calendar .item-td.end {
	border-left: transparent;
}

.period-calendar .item-td.start.end {
	border-left: auto;
	border-right: auto;
}

.period-calendar .item-td.disabled {
	background-color: #DDDDDD;
	cursor: not-allowed;
}

.period-calendar .none {
	background-color: transparent !important;
	border: none !important;
}

.period-calendar .calendar-cell {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	min-height: 4rem;
	margin: auto;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	color: #F0F0F0;
	font-weight: bold;
	background-color: none;
	border: transparent;
}

.period-calendar .calendar-cell.checked {
	width: 100%;
}

.period-calendar .calendar-cell.start {
	width: 90%;
	margin-right: 0;
	border-top-left-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
}

.period-calendar .calendar-cell.end {
	width: 90%;
	margin-left: 0;
	border-top-right-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}

.period-calendar .calendar-cell.start.end {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	border-top-left-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
}

.period-calendar .calendar-cell.disabled {
	cursor: not-allowed;
}

.period-calendar .calendar-cell.checked[data-item-kbn='1'] {
	background-color: #1D9654;
	border: 1px #1D9654 solid;
}

.period-calendar .calendar-cell.checked[data-item-kbn='2'] {
	background-color: #2558A7;
	border: 1px #2558A7 solid;
}

.period-calendar .calendar-cell.checked[data-item-kbn='3'] {
	background-color: #E479AC;
	border: 1px #E479AC solid;
}

.period-calendar .calendar-cell.checked[data-item-kbn='4'] {
	background-color: #A8BE20;
	border: 1px #A8BE20 solid;
}

.period-calendar .calendar-cell.checked[data-item-kbn='5'] {
	background-color: #A8BE20;
	border: 1px #A8BE20 solid;
}

.period-calendar .calendar-cell.checked[data-item-kbn='6'] {
	background-color: #E68024;
	border: 1px #E68024 solid;
}
.period-calendar .calendar-cell.checked[data-item-kbn-color='収穫'] {
	background-color: #E68024;
	border: 1px #E68024 solid;
}

.period-calendar .calendar-cell.checked[data-item-kbn='7'] {
	background-color: #B2306A;
	border: 1px #B2306A solid;
}
.period-calendar .calendar-cell.checked[data-item-kbn-color='出荷'] {
	background-color: #B2306A;
	border: 1px #B2306A solid;
}

.period-calendar .calendar-cell.checked[data-item-kbn='8'] {
	background-color: #D45058;
	border: 1px #D45058 solid;
}
.period-calendar .calendar-cell.checked[data-item-kbn-color='調製'] {
	background-color: #D45058;
	border: 1px #D45058 solid;
}

.period-calendar .calendar-cell.checked[data-item-kbn='9'] {
	background-color: #3CA4D0;
	border: 1px #3CA4D0 solid;
}
.period-calendar .calendar-cell.checked[data-item-kbn-color='精米加工'] {
	background-color: #3CA4D0;
	border: 1px #3CA4D0 solid;
}

.period-calendar .calendar-cell.checked[data-item-kbn='10'] {
	background-color: #2558A7;
	border: 1px #2558A7 solid;
}

.period-calendar .list-row[data-item-kbn='1'] .item-kbn-mark {
	background-color: #1D9654;
}

.period-calendar .list-row[data-item-kbn='2'] .item-kbn-mark {
	background-color: #2558A7;
}

.period-calendar .list-row[data-item-kbn='3'] .item-kbn-mark {
	background-color: #E479AC;
}

.period-calendar .list-row[data-item-kbn='4'] .item-kbn-mark {
	background-color: #A8BE20;
}

.period-calendar .list-row[data-item-kbn='5'] .item-kbn-mark {
	background-color: #A8BE20;
}

.period-calendar .list-row[data-item-kbn='6'] .item-kbn-mark {
	background-color: #E68024;
}

.period-calendar .list-row[data-item-kbn='7'] .item-kbn-mark {
	background-color: #B2306A;
}

.period-calendar .list-row[data-item-kbn='8'] .item-kbn-mark {
	background-color: #D45058;
}

.period-calendar .list-row[data-item-kbn='9'] .item-kbn-mark {
	background-color: #3CA4D0;
}

.period-calendar .list-row[data-item-kbn='10'] .item-kbn-mark {
	background-color: #2558A7;
}

.period-calendar .add-cell-popup {
	display: none;
	position: absolute;
	padding: 1rem !important;
	border: 1px #4B3002 solid;
	border-radius: 0.5rem;
	background-color: #4B3002;
	color: #F0F0F0;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.8rem;
	z-index: 50;
}

.period-calendar .add-cell-popup.start {
	background-color: #fff2dd;
	color: #4B3002;
}

.period-calendar .add-cell-popup.end {
	background-color: #4B3002CC;
}

.period-calendar.year .item-th {
	min-width: auto;
}

.period-calendar.year .item-td {
	min-width: auto;
	min-height: 3.6rem;
	font-size: 2rem !important;
	font-size: 1.8rem !important;
}

.period-calendar.year .item-name {
	justify-content: center;
	padding: 0.25rem 0.5rem !important;
	border-bottom: 1px #4B300288 solid;
	border-right: 1px #4B300211 solid;
}

.period-calendar.year .item-year {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 10rem;
	padding: 0.25rem 0.5rem !important;
	border-bottom: 1px #4B300288 solid;
	border-right: 1px #4B300211 solid;
	font-weight: bold !important;
	border-right: 1px #4B3002 solid;
}

.period-calendar.year .calendar-cell.active {
	border-color: #FFA10066;
	color: #111111;
	background-color: #FFA10066;
}

.period-calendar.year .calendar-cell:not(.checked):not(.disabled):not([data-cell-action='disabled']):hover:before {
	position: relative;
	font-family: "Font Awesome 5 Free";
	content: "\f067";
	top: 0.6rem;
	padding: 0.6rem;
	border: 1px #FFA10066 solid;
	border-radius: 5rem;
	background-color: #FFA10022;
	color: #666666;
	font-size: 1.5rem;
	font-weight: 900;
}

.period-calendar.year .calendar-cell[data-cell-action*='add']:not([data-cell-action='disabled']) {
	background-color: #FFA10066;
	cursor: pointer;
}

.period-calendar.year .calendar-cell[data-cell-action*='edit'] {
	border: 1px #FFA10066 solid;
	background-color: red;
	cursor: move;
}

.period-calendar.year[data-cell-action*='add'] .item-td[data-cell-action='disabled'],
.period-calendar.year[data-cell-action*='edit'] .item-td[data-cell-action='disabled'] {
	background-color: #999999;
}

.period-calendar.year[data-cell-action*='add'] .calendar-cell[data-cell-action='disabled'],
.period-calendar.year[data-cell-action*='edit'] .calendar-cell[data-cell-action='disabled'] {
	cursor: not-allowed;
	opacity: 0.5;
}



.select-list tr:hover td,
.select-list tr.hover td {
	background-color: #FFA10022;
	cursor: pointer;
}

.select-list tr:active td,
.select-list tr.active td {
	background-color: #FFA10066;
}



.edit.edit-list {
	padding: 0;
	padding-top: 1rem;
}

.edit.edit-list .item-base {
	display: none;
}

.edit.edit-list .list.items tbody th {
	background-color: #4B300222;
}

.edit.edit-list .list.items tbody tr.active th {
	background-color: #FFA10033;
}

.edit.edit-list .list.items [class*=row] {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	margin: 0;
	padding: 0;
}

.edit.edit-list .list.items [class*=col] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

.edit.edit-list .list.items .item {
	padding: 0.5rem;
	padding-bottom: 1rem;
	border-top: 1px #4B300288 solid;
}

.edit.edit-list .list.items * {
	font-size: 1.6rem;
}

.edit.edit-list .list.items .item.active {
	background-color: #FFA10033;
}

.edit.edit-list .list.items .item .calendar-cell {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 4rem;
	margin: 0.5rem;
	padding: 0.5rem;
	color: #F0F0F0;
	font-size: 2rem;
	font-size: 1.8rem;
	font-weight: bold;
	background-color: none;
	border: transparent;
	border-radius: 0.5rem;
}

.edit.edit-list .list.items .item .calendar-cell.checked[data-item-kbn='1'] {
	background-color: #1D9654;
	border: 1px #1D9654 solid;
}

.edit.edit-list .list.items .item .calendar-cell.checked[data-item-kbn='2'] {
	background-color: #2558A7;
	border: 1px #2558A7 solid;
}

.edit.edit-list .list.items .item .calendar-cell.checked[data-item-kbn='3'] {
	background-color: #E479AC;
	border: 1px #E479AC solid;
}

.edit.edit-list .list.items .item .calendar-cell.checked[data-item-kbn='4'] {
	background-color: #A8BE20;
	border: 1px #A8BE20 solid;
}

.edit.edit-list .list.items .item .calendar-cell.checked[data-item-kbn='5'] {
	background-color: #A8BE20;
	border: 1px #A8BE20 solid;
}

.edit.edit-list .list.items .item .calendar-cell.checked[data-item-kbn='6'] {
	background-color: #E68024;
	border: 1px #E68024 solid;
}

.edit.edit-list .list.items .item .calendar-cell.checked[data-item-kbn='7'] {
	background-color: #B2306A;
	border: 1px #B2306A solid;
}

.edit.edit-list .list.items .item .calendar-cell.checked[data-item-kbn='8'] {
	background-color: #D45058;
	border: 1px #D45058 solid;
}

.edit.edit-list .list.items .item .calendar-cell.checked[data-item-kbn='9'] {
	background-color: #3CA4D0;
	border: 1px #3CA4D0 solid;
}

.edit.edit-list .list.items .item .calendar-cell.checked[data-item-kbn='10'] {
	background-color: #2558A7;
	border: 1px #2558A7 solid;
}

.edit.edit-list .list.items .item .calendar-cell.checked[data-item-kbn-color='収穫'] {
	background-color: #E68024;
	border: 1px #E68024 solid;
}

.edit.edit-list .list.items .item .calendar-cell.checked[data-item-kbn-color='出荷'] {
	background-color: #B2306A;
	border: 1px #B2306A solid;
}

.edit.edit-list .list.items .item .calendar-cell.checked[data-item-kbn-color='調製'] {
	background-color: #D45058;
	border: 1px #D45058 solid;
}

.edit.edit-list .list.items .item .calendar-cell.checked[data-item-kbn-color='精米加工'] {
	background-color: #3CA4D0;
	border: 1px #3CA4D0 solid;
}

.edit.edit-list .list.items .item [name=kikanName] {
	min-width: 42rem;
	font-size: 2rem;
	font-size: 1.8rem;
	font-weight: bold;
}



.instruction-list .item-kbn,
.result-list .item-kbn {
	display: flex;
	align-items: center;
	justify-content: center;
}

.instruction-list .item-kbn-name,
.result-list .item-kbn-name {
	margin: 0 auto;
	text-align: center;
}

.instruction-list .item-kbn-mark,
.result-list .item-kbn-mark {
	width: 0.6rem !important;
	min-height: 3rem;
	margin-left: 0;
	margin-right: 0.2rem;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	border-radius: 0.5rem;
}

.instruction-list tr[data-item-kbn='1'] .item-kbn-mark {
	background-color: #1D9654;
}

.instruction-list tr[data-item-kbn='2'] .item-kbn-mark {
	background-color: #2558A7;
}

.instruction-list tr[data-item-kbn='10'] .item-kbn-mark {
	background-color: #2558A7;
}

.instruction-list tr[data-item-kbn='3'] .item-kbn-mark {
    background-color: #E479AC;
}

.instruction-list tr[data-item-kbn='4'] .item-kbn-mark {
	background-color: #A8BE20;
}

.instruction-list tr[data-item-kbn='5'] .item-kbn-mark {
	background-color: #E68024;
}

.result-list tr[data-item-kbn='9'] .item-kbn-mark {
	background-color: #1D9654;
}

.result-list tr[data-item-kbn='3'] .item-kbn-mark {
	background-color: #2558A7;
}

.result-list tr[data-item-kbn='4'] .item-kbn-mark {
	background-color: #E479AC;
}

.result-list tr[data-item-kbn='2'] .item-kbn-mark {
	background-color: #A8BE20;
}

.result-list tr[data-item-kbn='5'] .item-kbn-mark {
	background-color: #E68024;
}

.result-list tr[data-item-kbn='8'] .item-kbn-mark {
	background-color: #B2306A;
}

.result-list tr[data-item-kbn='1'] .item-kbn-mark {
	background-color: #794195;
}

.result-list tr[data-item-kbn='6'] .item-kbn-mark {
	background-color: #D45058;
}

.result-list tr[data-item-kbn='7'] .item-kbn-mark {
	background-color: #3CA4D0;
}



div.riyosha {
	text-align: center;
}

div.riyosha button {
	width: 40rem;
	max-width: 100%;
	padding: 1rem;
	font-size: 2.5rem;
	text-align: center;
}

div.admin-menu {
	text-align: center;
}

div.admin-menu button {
	width: 60rem;
	max-width: 100%;
	padding: 1rem;
	font-size: 2.5rem;
	text-align: center;
}

div.kind_gap {
	text-align: center;
}

div.kind_gap button {
	width: 40rem;
	max-width: 100%;
	padding: 1rem;
	font-size: 2.5rem;
	text-align: center;
}

abbr[title] {
	cursor: pointer;
	text-decoration: none;
	border: none;
}



dl.edit dd div.hojo-list {
	border: 1px #4B3002 solid;
	border-bottom: 1px #4B3002 solid;
	border-radius: 0.5rem;
	background-color: #FFFFFF;
	color: #111111;
	font-size: 2rem;
	box-shadow: inset 1px 2px 4px 0px rgb(0 0 0 / 15%);
	padding: 5px !important;
	cursor: pointer;
}
div.hojo-list:before {
	font-family: "Font Awesome 5 Free";
	content: "\f25a";
	color: #333333;
	font-size:150%;
	font-weight: 0;
	padding: 0rem 1rem 0rem 0rem;
	cursor: pointer;
	pointer-events: none;
}

#content_hojo_modal div.modal-body {
	min-height: 90vh !important;
}

#content_hojo_modal #accordion-hojo div.hojo-group div.hojo-group-bg {
	padding: 1rem 0;
	background-color: #4B300244;
}

#content_hojo_modal #accordion-hojo h2.card-header {
	padding: 0.25rem 0 0 0;
}

#content_hojo_modal #accordion-hojo h2.card-header label.hojo-group-name {
	text-align: left;
	padding: 0;
}

#content_hojo_modal #accordion-hojo h2.card-header div.hojo-num {
	padding: 0;
	text-align: right;
}

#content_hojo_modal div.conf {
	display: flex;
	flex-direction: column;
}

#content_hojo_modal div.conf div {
	margin-top: auto;
}

.card-header{
	background-color: unset;
	border-bottom: unset;
}

em.colorRed{
	color: #ff4444;
	font-style: normal;
	font-weight: bold;
	display: inline !important;
}

.searcher input#address {
	min-width: 10rem;
	max-width: 50rem;
}

.kitei-container {
	height: 60vh;
	border: 1px #CCCCCC solid;
}

.noyaku-container {
	height: 60vh;
	border: 1px #CCCCCC solid;
}

.hiryo-container {
	height: 60vh;
	border: 1px #CCCCCC solid;
}

.sagyo-container {
	height: 60vh;
	border: 1px #CCCCCC solid;
}



#loader {
	background: #000A;
	align-items: center;
	justify-content: center;
	display: flex;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 99999;
}

#loader::after {
	animation: loader_animation 0.5s linear infinite;
	border: 5px solid white;
	border-right: 5px solid #31a4f5;
	border-radius: 100%;
	content: '';
	height: 150px;
	width: 150px;
}

@keyframes loader_animation {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

.map-label{
	font-weight: bold;
	text-shadow:
		1px  1px 1px #000000,
		-1px  1px 1px #000000,
		1px -1px 1px #000000,
		-1px -1px 1px #000000,
		1px  0px 1px #000000,
		0px  1px 1px #000000,
		-1px  0px 1px #000000,
		0px -1px 1px #000000;
}

.progressbar {
	display: flex;
	flex-wrap: wrap;
}

.progressbar .item {
	position: relative;
	width: 33%;
	text-align: center;
	position: relative;
	align-items: center;
	justify-content: center;
	padding: 13px 0;
	line-height: 1.5;
	background: #4B3002;
	color: #F5F5F5;
}

.progressbar .item:not(:last-child)::before,
.progressbar .item:not(:last-child)::after {
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 100%;
	content: '';
	border: 38px solid transparent;
	border-left: 20px solid #4B3002;
	margin: auto;
}

.progressbar .item:not(:last-child)::before {
	margin-left: 1px;
	border-left-color: #F5F5F5;
}

@media screen and (max-width: 768px) {
	.progressbar .item {
		line-height: 1.4;
		padding: 10px 0;
	}

	.progressbar .item:not(:last-child)::before,
	.progressbar .item:not(:last-child)::after {
		border-width: 32px;
		border-left-width: 12px;
	}
}

.progressbar .item.active {
	z-index: 1;
	background: #F5F5F5;
	color: #4B3002;
}

.progressbar .item.active:not(:last-child)::after {
	border-left-color: #F5F5F5;
}

.progressbar .item.active:not(:last-child)::before {
	border-left: none;
}

.step-wrap {
	counter-reset: count;
	margin-top: 2rem;
	position: relative;
}
.step-content {
	padding: 1em 0 1.3em 2.5em;
	margin: 0;
	position: relative;
}
.step-content::before {
	content: "";
	display: block;
	width: 55px;
	height: 55px;
	background: #6ab5a5;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: -3px;
}
.step-content::after {
	content: "";
	display: block;
	height: calc(100% - 55px);
	border-left: solid 2px #ddd;
	position: absolute;
	top: 55px;
	left: 10px;
}
.step-label {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	position: absolute;
	top: 6px;
	left: 9px;
}
.step-label::after {
	counter-increment: count;
	content: counter(count);
	position: absolute;
	font-size: 30px;
	top: 8px;
	left: 7px;
}
.step-title {
	font-weight: bold;
	font-size: 120%;
	margin-left: 1.5em;
}
.step-body {
	margin-top: 2em;
	padding: 0 0 1em;
	border-bottom: dotted 2px #ddd;
}
.step-wrap > :last-of-type::after {
	display: none;
}

.agreement{
	height: 40vh;
	padding: 15px;
	border: 1px solid #ccc;
	overflow-y: scroll;
}

.errorMsg {
	color: #ff0000;
}



table.list-vertical {
	width: 100%;
	margin: 0;
	margin-bottom: 2rem;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #FFFFFF;
	border: none;
}

table.list-vertical tbody th {
	padding: 0.5rem;
	border-top: 1px #4B30024F solid;
	border-bottom: 1px #4B30024F solid;
	border-left: 1px #4B3002 solid;
	border-right: 1px #4B3002 solid;
	background-color: #4B300244;
	color: #261801;
	font-weight: normal;
	text-align: right;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
}

table.list-vertical tbody td {
	padding: 0.5rem;
	border-top: 1px #4B30024F solid;
	border-bottom: 1px #4B30024F solid;
	border-left: 1px #4B3002 solid;
	border-right: 1px #4B3002 solid;
	color: #111111;
	text-align: left;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
}

table.list-vertical tbody td.ell {
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	max-width:0;
}

table.list-vertical tbody tr:first-child th,
table.list-vertical tbody tr:first-child td{
	border-top: 1px #4B3002 solid;
}

table.list-vertical tbody tr:last-child th,
table.list-vertical tbody tr:last-child td
{
	border-bottom: 1px #4B3002 solid;
}

body {
	overscroll-behavior-y: none;
}