/**************************
    Common
***************************/
/* Fonts */
/*@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');*/
/*@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');*/
body, button, label, a, select, input,th {
    font-size: 12px !important;
    font-family: Century Gothic, Meiryo !important;
    font-weight: 600 !important;
}

h1 {
    font-size: 20px;
    font-weight: 500;
    font-weight:500;
    padding-top:0.2em;
    padding-left:2em;
    padding-right:15em;
}

/******Input Elements********/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea,
select {
    border-radius: 0 !important;
    /*padding: 30px 10px !important;
    border: none;
    border-bottom: 1px solid #020100 !important;*/
    color: #020100 !important;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
select:focus {
    border-color: #7eb01a !important;
    box-shadow: 0 1px 1px rgba(2, 1, 0, 0.075) inset, 0 0 4px #7eb01a !important;
    outline: 0 none !important;
}

/**************************
    Header
***************************/
/*********Title************/

/*******Navigation********/
.navigation .navbar{
    background: white !important;
}

.navbar-brand{
color:#7eb01a;
}
.navbar-brand:focus, .navbar-brand:hover
{
color:#7eb01a;
}

.navigation .dropdown{
    border-radius:0;
    border:0;
}

.navigation .dropdown-menu{
    background: #fff;
    border:0;
    top:80%;
    border-radius:0px 0px 0px 0px;
    border-bottom: 1px solid #505050;
}

.navigation .dropdown .nav-link:hover{
    /*background:#7eb01a;*/
    color:#fff;
    /*text-decoration: underline;*/
}

.navigation .dropdown-item{
   /* border-bottom: 1px solid #505050;*/
}

.navigation .dropdown-item:hover{
    /*background:#7eb01a;*/
    color:#000000;
    /*text-decoration: underline;*/
}

.navigation .dropdown-menu a{
    color:#000000;
} 

.navigation .navbar .nav-item .nav-link{
    color:black !important; 
    
}

.navigation .navbar .nav-item .nav-link:hover .navbar .nav-item .nav-link{
    color:red !important;
    
}

.navigation .dropdown .dropdown-menu:hover > .dropdown-item {
    visibility: visible;
    left: 0;
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

a{
color:#000000;
text-decoration:none;
background-color:transparent
}

a:hover{
color:#000000;
text-decoration:underline
}


/**************************
    Address Bar
***************************/
.address .nav-text{
    color:#fff;

}

/**************************
    Search Form
***************************/
/*********Search Input************/

/*********Button List************/
.button-list button.btn.btn-success,
.button-list a.btn.btn-success {
    background: #7eb01a;
    border : none;
    border-radius: 0;
}

.button-list .btn-success:hover{
    background-color: #383838 !important;
    box-shadow: 6px 6px 3px grey;
}

.border-bold{
    border-bottom:1px solid black;
}

/**************************
    Responsive
***************************/
@media(max-width: 500px) {
    .navbar-toggler {
        justify-content: end;
    }
    /*
    .navbar .nav-item {
        display: block;
        width: 100%;
        padding: 10px 0px;
        text-align: center;
    }
    */
}

.row {
  display: flex;
}

.column {
  flex: 50%;
  padding: 10px;
  height: 500px;
}

.btn-square-so-pop {
    position: relative;
    display: inline-block;
    padding: 4em 4em;
    text-decoration: none;
    color: #FFF;
    background: #0070C0 !important; /*色*/
    border-radius: 4px; /*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    border: solid 2px #065881 inset; /*線色*/
}

.btn-square-so-pop:active {
    /*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.right {
    position: absolute;
    right: 0;
    padding-right:9em;
}

.right-align {
    position: absolute;
    right: 0;
    /*padding-right: 0em;*/
}

.button-parent {
    text-align: right;
}

.container .box {
    width: 540px;
    margin: 50px;
    display: table;
}

.container .box .box-row {
        display: table-row;
 }

    .container .box .box-cell {
        display: table-cell;
        width: 50%;
        padding: 10px;
    }

        .container .box .box-cell.box1 {
            background: green;
            color: white;
            text-align: justify;
        }

        .container .box .box-cell.box2 {
            background: lightgreen;
            text-align: justify
        } 

button {
    display: inline-block;
}

.form-control
{
    color:black;
}
.input-group-text {
    color: black;
    background-color: #f2f2f2 !important;
}

.dropdown, .dropdown .btn {
    flex: 10%;
}

/*.input-group-append {
    width: 40px !important;
}

.input-group > .input-group-prepend {
    flex: 0 0 20%;
}

.input-group .input-group-text {
    width: 100%;
}*/

/*.handsontable th {
    background-color: #d9d9d9 !important;
}*/

/* Row headers 
 Bottom 
.ht_clone_top_left_corner th {
    border-bottom: 1px solid black !important;
}

 Left and right 
.ht_clone_left th {
    border-right: 1px solid black !important;
    border-left: 1px solid black !important;
}

 Column headers 
 Top, bottom and right 
.ht_clone_top th {
    border-top: 1px solid black !important;
    border-right: 1px solid black !important;
    border-bottom: 1px solid black !important;
    border-left: 1px solid black !important;
}

 Left 
.ht_clone_top_left_corner th {
    border-right: 1px solid black !important;
}

.handsontable TD {
    border-bottom: 1px solid black !important;
    border-right: 1px solid black !important;
}*/

.handsontable .table caption + thead tr:first-child td, .handsontable .table caption + thead tr:first-child th, .handsontable .table colgroup + thead tr:first-child td, .handsontable .table colgroup + thead tr:first-child th, .handsontable .table thead:first-child tr:first-child td, .handsontable .table thead:first-child tr:first-child th {
    border-top: 1px solid black !important;
}
.handsontable .table-bordered td:first-child, .handsontable .table-bordered th:first-child {
    border-left: 1px solid black !important;
}
.handsontable td{
    border-right: 1px solid black !important;
    border-bottom: 1px solid black !important;
}
.handsontable th {
    border-right: 1px solid black !important;
    border-bottom: 1px solid black !important;
}
.handsontable th:last-child {
    border-right: 1px solid black !important;
}
.handsontable tr:first-child td {
    border-bottom:0px;
}

 .handsontable.htRowHeaders thead tr th:nth-child(2), .handsontable td:first-of-type, .handsontable th:first-child {
     border-left: 1px solid black !important;
 }
.handsontable tr:first-child td, .handsontable tr:first-child th {
    border-top: 1px solid black !important;
}
.handsontable tbody tr th:nth-last-child(2), .ht_clone_top_left_corner thead tr th:nth-last-child(2) {
    border-right: 1px solid black !important;
}
.handsontable.listbox .ht_master table {
    border: 1px solid black !important;
    border-collapse: separate;
    background: #fff
}

.handsontable .myBg {
    background: #f8ffa0 !important;
    text-align: center !important;
}