@charset "utf-8";

/******************************************************************************
 *
 * スタイル(PC版)
 *
 ******************************************************************************/


/*  basic  */


/*----------------------------------------------------------------------------*/

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;
}


/*  font  */


/*----------------------------------------------------------------------------*/

html {
    font-size: 16px;
}

body {
    font-size: 1.6rem;
}

h1 {
    font-size: 2.1rem;
}

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

h2 {
    font-size: 1.8rem;
}

h3 {
    font-size: 1.5rem;
}


/*  white-space in text  */


/*----------------------------------------------------------------------------*/

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


/*  button  */


/*----------------------------------------------------------------------------*/

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;
}


/*  fit: 適合 */

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";
    /* check-circle */
    font-weight: 900;
    /* solid */
    margin-right: 10px;
}

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


/*  unfit: 不適合 */

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";
    /* times-circle */
    font-weight: 900;
    /* solid */
    margin-right: 10px;
}

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


/*  outside: 該当外 */

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";
    /* minus-circle */
    font-weight: 900;
    /* solid */
    margin-right: 10px;
}

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


/*  headings  */


/*----------------------------------------------------------------------------*/

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


/*  ul  */

ul {
    padding: 0;
}

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


/*  header  */


/*----------------------------------------------------------------------------*/

header {
    position: fixed;
    top: 0;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background-color: #F8F8F8;
    border-bottom: 1px #CCCCCC solid;
    z-index: 999;
    /*  box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.2) !important; */
}

header img {
    position: fixed;
    top: -3px;
    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: #6a4504; */
    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  */


/*----------------------------------------------------------------------------*/

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  */


/*----------------------------------------------------------------------------*/

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  */


/*----------------------------------------------------------------------------*/

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  */


/*----------------------------------------------------------------------------*/

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  */


/*----------------------------------------------------------------------------*/

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

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


/*  #content  */


/*----------------------------------------------------------------------------*/

#content {
    padding: 1rem 0;
}


/*  table  */

#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  */


/*----------------------------------------------------------------------------*/

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  */


/*----------------------------------------------------------------------------*/

#content_list {
    padding: 1rem 0;
}


/*  table  */


/*----------------------------------------------------------------------------*/

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 */


/*----------------------------------------------------------------------------*/

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


/*  content_edit */


/*----------------------------------------------------------------------------*/

#content_edit {
    padding: 1rem 0;
}


/*  content_home  */


/*----------------------------------------------------------------------------*/

#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;
}

/*  table  */

#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  */

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;
}


/*  dl dt  */

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


/*  dl.home_info  */

#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;
}


/*  dl.home_detail  */

#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;
    /*	background-color: #FFA10033;*/
    border-radius: 0px 0px 1.5rem 1.5rem;
}

/*  dl.home_tell  */

#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;
    /*	background-color: #FFA10033;*/
    border-radius: 0px 0px 1.5rem 1.5rem;
}


/*  dl.home_detail_oishimane  */

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


/*  dl.home_detail_hinmoku  */

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


/*  dl.home_detail_tenken  */

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


/*  dl.home_shimane  */

#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;
}


/*  dl.home_kigen_farm  */

#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;
}


/*  dl.home_kigen_s  */

#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;
}


/*  dl.home_kigen_k  */

#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;
}


/*  dl.home_kigen_progress  */

#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;
}


/*  dl.home_tenken  */

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


/*  dl.home_info_detail  */

#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  */

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_big  */

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: 100%;*/
    height: 12rem;
    letter-spacing: inherit;
    resize: none;
}

/*  div.memo_statement  */

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='j1'] {
    background-color: #3e4345;
    border: 1px #3e4345 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='j3'] {
    background-color: #3e4345;
    border: 1px #3e4345 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";
    /* plus */
    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;
    /* solid */
}

.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;
}


/* riyosha */


/*----------------------------------------------------------------------------*/

div.riyosha {
    text-align: center;
}

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

/* admin-menu */


/*----------------------------------------------------------------------------*/

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

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

/* kind_gap */


/*----------------------------------------------------------------------------*/

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";
    /* table-list */
    color: #333333;
    font-size:150%;
    font-weight: 0;
    /* solid */
    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);
    }
}

/* google map */

.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;
}