html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-bottom: 20px;
    background-color: #F5F5F5 !important;
    font-size: 14px;
    font-family:robo;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #212121;
}

.nav-bar-list {
    text-decoration: none !important;
    color: #444F54 !important;
    font-size: 14px !important;
    height: 40px;
    padding-top:7px;
}

.nav-bar-list:hover {
    background-color: #FFF3E0 !important;
    height:40px;
}

.err-message {
    color: #D32F2F;
}

.loginArea {
    width: 700px;
    padding: 20px;
    margin-left: 0px;
    vertical-align: middle;
    border-collapse: collapse;
    border: 1px solid #FFFFFF;
    line-height: 1.5;
    border-radius: 10px;
    background-color: #FFFFFF;
    margin: 0 auto;
    margin-top:10px;
    box-shadow: 1px 1px 5px 2px #DADADA; /* ボックスの影を指定（[右][下]） */
}

.inputArea {
    width: 900px;
    padding: 40px;
    padding-top:20px;
    margin-left: 0px;
    vertical-align: middle;
    border-collapse: collapse;
    border: 1px solid #FFFFFF;
    line-height: 1.5;
    border-radius: 10px;
    background-color: #FFFFFF;
    margin: 0 auto;
    margin-top: 10px;
    box-shadow: 1px 1px 5px 2px #DADADA; /* ボックスの影を指定（[右][下]） */
}

.dashboardArea {
    background-color: #F5F5F5;
    width: 1340px;
    margin: 0 auto;
}

.dashboardAreaAdmin {
    background-color: #F5F5F5;
    margin: 0 auto;
}

.dashboardboxAdmin {
    border-collapse: collapse;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    background-color: #FFFFFF;
    margin-top: 10px;
    margin-left: 40px;
    padding: 10px 10px 10px 10px;
}

.searchArea {
    padding: 30px 30px 5px 30px;
}

.inputArea td {
    width:100%;
    line-height:26px;
}

.dashboardbox {
    border-collapse: collapse;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    background-color: #FFFFFF;
    margin-top: 10px;
    margin-left: 40px;
    padding: 10px 10px 10px 10px;
}

.ui-datepicker .ui-datepicker-title select {
    color: #333333;
}

.ui-datepicker-div {
    background-color: #FFFFFF !important;
    border: 1px solid #FFFFFF !important;
}
.ui-datepicker-calendar {
    background-color: #FFFFFF;
}

.ui-datepicker-calendar thead {
    background-color: #FFFFFF;
}

.datepicker {
    position: relative;
    z-index: 1000 !important;
}

.PreviousPageText {
    margin-left:15px;
    margin-right:10px;
    font-size:16px;
}

.NextPageText {
    margin-left: 10px;
    font-size: 16px;
}

.PagerUpper a {
    text-decoration: none;
    color: #ACB1B3;
}

.PagerUpper .PreviousPageText,
.PagerUpper .NextPageText {
    color: #263238;
    font-weight: bold;
}

.PagerUpper .aspNetDisabled {
    color: #BABEC0;
    font-weight: bold;
}

.Pager {
    border: solid 1px #BDBDBD;
    border-radius: 5px;
    padding: 5px;
}


.GridPager a,
.GridPager span {
    display: inline-block;
    padding: 1px 8px;
    margin-right: 10px;
    font-weight: bold;
    text-decoration: none;
}

.GridPager a {
    background-color: #FFF;
    color: #444F54;
}

.GridPager a:first-child{
    border-right: solid 2px #F6F6F6;
    border-radius: 0;
    margin-left: -5px;
}

.GridPager a:last-child{
    border-left: solid 2px #F6F6F6;
    border-radius: 0;
    margin-right: -8px;
}

.GridPager span:first-child {
    background-color: #FFF;
    color: #BBBFC1;
    border: none;
    border-right: solid 2px #F6F6F6;
    border-radius: 0;
    margin-left: -5px;
}

.GridPager span:last-child {
    background-color: #FFF;
    color: #BBBFC1;
    border: none;
    border-left: solid 2px #F6F6F6;
    border-radius: 0;
    margin-right: -9px;
}

.GridPager span {
    background: #FFE0B2;
    color: #FF9800;
    border-radius: 5px;
}

/* ボタンデザイン */
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 6px;
    border-color: #FF9800;
    height: 35px;
}

.btn-primary {
    color: #fff;
    background-color: #FF9800;
}

.btn-primary:hover {
    color: #fff;
    background-color: #FFA726;
    border-color: #FFA726;
}

.btn-primary:focus {
    background-color: #FFB74D;
    border-color: #FFB74D;
}

.btn-primary:active {
    background-color: #69821b;
    border-color: #FFB74D;
}

.btn-primary:disabled {
    background-color: #FFD89E;
    border-color: #FFD89E;
}

.btn-primary.disabled:hover, 
.btn-primary[disabled]:hover, 
fieldset[disabled] .btn-primary:hover, 
.btn-primary.disabled:focus, 
.btn-primary[disabled]:focus, 
fieldset[disabled] .btn-primary:focus, 
.btn-primary.disabled.focus, 
.btn-primary[disabled].focus, 
fieldset[disabled] .btn-primary.focus {
    background-color: #FFD89E;
    border-color: #FFD89E;
}

.btn-cancel {
    background-color: #FFF;
    border: none;
    color: #263238;
}

.btn-inlist {
    color: #fff;
    background-color: #FF9800;
    height:25px;
    width:100px;
    padding:2px;
}

.btn-inlist:hover {
    color: #fff;
    background-color: #FFA726;
    border-color: #FFA726;
}

.btn-inlist:focus {
    background-color: #FFB74D;
    border-color: #FFB74D;
}

.btn-inlist:active {
    background-color: #69821b;
    border-color: #FFB74D;
}

.btn-inlist:disabled {
    background-color: #FFD89E;
    border-color: #FFD89E;
}

.btn-inlist2 {
    color: #FF9800;
    background-color: #FFF;
    height: 25px;
    width: 100px;
    padding: 2px;
}

.btn-inlist2:hover {
    color: #FFA726;
    background-color: #FFF3E0;
    border-color: #FF9800;
}

.btn-inlist2:focus {
    background-color: #FFE0B2;
    border-color: #FF9800;
}

.btn-inlistError {
    color: #fff;
    background-color: #D32F2F;
    border-color: #D32F2F;
    height: 25px;
    width: 100px;
    padding: 2px;
}

.btn-inlistError:hover {
    color: #fff;
    background-color: #D32F2F;
    border-color: #D32F2F;
}

.btn-inlistError:focus {
    background-color: #F6D4D4;
    border-color: #D32F2F;
}

.btn-inlistError:active {
    background-color: #69821b;
    border-color: #FFB74D;
}

.btn-inlistError:disabled {
    background-color: #FFD89E;
    border-color: #FFD89E;
}

.btn-primary2 {
    color: #FF9800;
    background-color: #FFF;
}

.btn-primary2:hover {
    color: #FFA726;
    background-color: #FFF3E0;
    border-color: #FF9800;
}

.btn-primary2:focus {
    background-color: #FFE0B2;
    border-color: #FF9800;
}

.btn-primary3 {
    color: #D32F2F;
    background-color: #FFF;
    border-color: #D32F2F;
}

.btn-primary3:hover {
    color: #D32F2F;
    background-color: #F9E2E2;
    border-color: #D32F2F;
}

.btn-primary3:focus {
    background-color: #F6D4D4;
    border-color: #D32F2F;
}

.btn-primary4 {
    color: #FFF;
    background-color: #D32F2F;
    border-color: #D32F2F;
}

.btn-primary4:hover {
    color: #F9E2E2;
    background-color: #CF1B22;
    border-color: #CF1B22;
}

.btn-primary4:focus {
    background-color: #CF1B22;
    border-color: #CF1B22;
}

.btn-tab {
    color: #3F494F;
    font-weight: bolder;
    background-color: #EEEEEE;
    border: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 50px;
    margin-right: -3px;
    box-shadow: 1px 1px 5px 1px #DADADA; /* ボックスの影を指定（[右][下]） */
    line-height: 40px;
}

.btn-tab:hover {
    color: #FFA726;
    background-color: #FFF3E0;
    border-color: #FF9800;
}

.btn-tab:focus {
    background-color: #FFE0B2;
    border-color: #FF9800;
}

.btn-tab-selected {
    color: #FFA726;
    font-weight: bolder;
    background-color: #FFF3E0;
    border: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 50px;
    margin-right: -3px;
    box-shadow: 1px 1px 5px 1px #DADADA; /* ボックスの影を指定（[右][下]） */
    cursor: auto;
    line-height: 40px;
}

.btn-tab-selected:hover {
    color: #FFA726;
    font-weight: bolder;
    background-color: #FFF3E0;
    border: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 50px;
    margin-right: -3px;
    box-shadow: 1px 1px 5px 1px #DADADA; /* ボックスの影を指定（[右][下]） */
    line-height: 40px;
}

.btn-radius {
    color: #2D2D30;
    background-color: #FFF;
    border-color: #EEEEEE;
    border-style:solid;
    border-width:1px;
    border-radius: 30px;
    height: 35px;
}

.btn-radius:hover,
.btn-radius:focus,
.btn-radius:focus,
.btn-radius:active{
    color: #2D2D30;
    background-color: #FFF3E0;
    border-color: #FFF3E0;
}

.btn-radius-active {
    color: #2D2D30;
    background-color: #FFF3E0;
    border-color: #FFF3E0;
    border-radius: 30px;
    height: 35px;
    border:none;
}

.btn-radius-left {
    color: #2D2D30;
    background-color: #FFF;
    border-color: #EEEEEE;
    border-style: solid;
    border-width: 1px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    height: 35px;
}

.btn-radius-left:hover,
.btn-radius-left:focus,
.btn-radius-left:focus,
.btn-radius-left:active{
    color: #2D2D30;
    background-color: #FFF3E0;
    border-color: #FFF3E0;
}

.btn-radius-left-active {
    color: #2D2D30;
    background-color: #FFF3E0;
    border-color: #FFF3E0;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    height: 35px;
    border: none;
}

.btn-radius-right {
    color: #2D2D30;
    background-color: #FFF;
    border-color: #EEEEEE;
    border-style: solid;
    border-width: 1px;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    height: 35px;
    border-left: none;
    padding: 6px 12px;
}

.btn-radius-right:hover,
.btn-radius-right:focus,
.btn-radius-right:focus,
.btn-radius-right:active{
    color: #2D2D30;
    background-color: #FFF3E0;
    border-color: #FFF3E0;
}

.btn-radius-right-active {
    color: #2D2D30;
    background-color: #FFF3E0;
    border-color: #FFF3E0;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    height: 35px;
    border: none;
    padding: 6px 12px;
}

.btn-radius2 {
    color: #2D2D30;
    background-color: #FFF;
    border: none;
    border-radius: 30px;
    height: 35px;
}

.btn-radius2:hover,
.btn-radius2:focus,
.btn-radius2:focus,
.btn-radius2:active {
    color: #2D2D30;
    background-color: #FFF3E0;
    border-color: #FFF3E0;
}

.btn-radius2-active {
    color: #2D2D30;
    background-color: #FFF3E0;
    border-color: #FFF3E0;
    border-radius: 30px;
    height: 35px;
    border: none;
}

.btn-News,
.btn-News:hover,
.btn-News:focus {
    color: #FF9800 !important;
    background-color: #FFF !important;
    border: none !important;
    border-bottom: 3px solid #FF9800 !important;
    font-weight: bold !important;
}

.btn-News2,
.btn-News2:hover,
.btn-News2:focus {
    color: #333333 !important;
    background-color: #FFF !important;
    border: none !important;
    border-bottom: 1px solid #9E9E9E !important;
    font-weight: bold !important;
}

.inline-button {
    vertical-align: middle;
    margin-right: 8px; /* Adjust as needed */
    margin-top: -5px;
}

.link-button {
    display: inline-flex !important;
    padding-top: 9px;
    /*align-items: center;
            text-decoration: none;
            color: inherit;
            border: none;
            background: none;
            cursor: pointer;
            font-family: inherit;
            font-size: inherit;*/
}

a {
    color: #258BE6;
    text-decoration: none;
}

a:hover {
    color:#4B9FEA;
    text-decoration: none;
}

.itemName {
    color: #258BE6 !important;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
#menu {
    height: 80px;
    padding-top: 20px;
}

#menu li a {
    color: #FF9800;
    font-size:16px;
    width:130px;
    text-align:center;
}

#menu2 {
    height: 80px;
    padding-top: 20px;
}

#menu2 li a {
    color: #FF9800;
    font-size:16px;
}

/*#menu li a:hover {
    background-color: #76C5BF;*/ /*リンクにマウスが乗ったら背景色を変更する*/
/*}

#menu2 li a:hover {
    background-color: #76C5BF;*/ /*リンクにマウスが乗ったら背景色を変更する*/
/*}*/

.body-area {
    background-color: #FFFFFF;
    padding-bottom: 50px;
}

.admin-body-area {
    background-color: #F5F5F5;
    padding-bottom: 50px;
    padding-left: 10px;
    padding-right: 10px;
}

h3 {
    padding: 0 0 6px 30px;
    font-weight:bold;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

/* original*/
table, th, td {
    border-collapse: collapse;
    border: 1px solid #ccc;
    line-height: 1.5;
}

table.login td {
    border:none;
    border-style:none;
    padding: 2px;
}

.config-menu {
    height: 10px;
}

.config-menu a {
    color: #000000;
}

.config-menu:hover {
    background-color: #FFF3E0;
    color: #FF9800;
}

.config-menu a:hover {
    color:#EF8307;
}

table.dashboardtbl td {
    padding: 0 2px 0 2px;
    border:none;
}

table.news td {
    padding: 10px 5px 10px 5px;
    border: none;
}

table.SalesList-header th {
    text-align:center;
    vertical-align:middle;
    background-color: #BDBDBD;
    border:none;
    padding: 20px 0 20px 0;
}

table.SalesList td {
    text-align: center;
    vertical-align: middle;
    background-color: #FFFFFF;
    border: none;
    border-bottom:1px solid;
    border-bottom-color: #D7D7D7;
    padding: 20px 0 20px 0;
}

table.config-right td {
    border:none;
    border-style:none;
    padding: 0 0 0 40px;
    font-weight:normal;
    vertical-align:top;
}

table.order th {
    text-align: center;
    vertical-align: middle;
    padding: 10px 5px 10px 5px;
    background-color: #BDBDBD;
    border: none;
    font-size: 12px;
    height:60px;
}

table.order td {
    vertical-align: top;
    padding: 20px 10px 20px 10px;
    border: none;
    border: 1px solid #D5D5D5;
}

table.ecmall {
    margin-top:-20px;
    margin-left: 70px;
}

table.ecmall th {
    text-align: center;
    vertical-align: middle;
    padding: 10px 5px 10px 5px;
    background-color: #BDBDBD;
    border: none;
    font-size: 12px;
}

table.ecmall td {
    vertical-align: top;
    padding: 20px 10px 20px 10px;
    border: none;
}


table.taikai td {
    line-height:13px;
}

table.config-base td {
    padding: 5px 0 5px 40px;
}

table.ShipMethod td {
    padding-top: 20px;
    padding-bottom: 20px;
    vertical-align: top;
}

table.admin th {
    color:#8F9BB3;
    text-align: left;
    vertical-align: middle;
    padding: 10px 5px 10px 5px;
    background-color: #EFF4FA;
    border: none;
    font-size: 12px;
    height: 60px;
}

table.admin th.radius-left {
    text-align: center;
    vertical-align: middle;
    padding: 10px 5px 10px 5px;
    background-color: #DCF2F1;
    border: none;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    font-size: 12px;
    height: 60px;
}

table.admin th.radius-right {
    text-align: center;
    vertical-align: middle;
    padding: 10px 5px 10px 5px;
    background-color: #DCF2F1;
    border: none;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    font-size: 12px;
    height: 60px;
}

table.admin td {
    vertical-align: top;
    padding: 20px 10px 20px 10px;
    border: none;
    background-color: #FFF;
    /*border: 1px solid #D5D5D5;*/
}

.search {
    width: 100%;
    padding: 10px;
    vertical-align: middle;
    border-collapse: collapse;
    border: 1px solid #ccc;
    line-height: 1.5;
    border-radius: 4px;
    background-color: #FFFFFF;
}

/* ラベルデザイン */
.box_exclamation {
    padding: 1px 4px 1px 4px;
    color: #D32F2F;
    background-color: #FFCDD2; /*背景色*/
    border-radius: 4px;
    font-weight: bold;
    font-size: 12px;
}

.box_hold {
    padding: 1px 20px 1px 20px;
    color: #D32F2F;
    background-color: #FFCDD2; /*背景色*/
    border-radius: 4px;
    font-weight: bold;
    font-size: 12px;
}

.box_henkin {
    padding: 1px 20px 1px 20px;
    color: #796B00;
    background-color: #FFFFC7; /*背景色*/
    border-radius: 4px;
    font-weight: bold;
    font-size: 12px;
}

.box_shipped {
    padding: 1px 12px 1px 12px;
    color: #263238;
    background-color: #E8F5E9; /*背景色*/
    border-radius: 4px;
    font-weight: bold;
    font-size: 12px;
}

.box_daibiki {
    padding: 1px 12px 1px 12px;
    color: #263238;
    background-color: #D9E3EE; /*背景色*/
    border-radius: 4px;
    font-weight: bold;
    font-size: 12px;
}

.box_chief_admin {
    padding: 4px 20px 4px 20px;
    color: #FFF;
    background-color: #04302D; /*背景色*/
    border-radius: 5px;
    font-weight: bold;
    font-size: 12px;
}

.box_admin {
    padding: 4px 20px 4px 20px;
    color: #FFF;
    background-color: #FF9800; /*背景色*/
    border-radius: 5px;
    font-weight: bold;
    font-size: 12px;
}

.box_staff {
    padding: 4px 20px 4px 20px;
    color: #FF9800;
    background-color: #FFF; /*背景色*/
    border: solid 2px #FF9800;
    border-radius: 5px;
    font-weight: bold;
    font-size: 12px;
}

.box_user {
    padding: 2px 20px 2px 20px;
    color: #FFF;
    background-color: #FF9800; /*背景色*/
    font-size: 12px;
}

.box_taikai {
    padding: 2px 20px 2px 20px;
    color: #5C5C5C;
    background-color: #D9D9D9; /*背景色*/
    font-size: 12px;
}

.box_free {
    padding: 1px 20px 1px 20px;
    color: #FF9800;
    background-color: #FFF; /*背景色*/
    border: solid 2px #FF9800;
    font-size: 12px;
}

/* テキストボックスデザイン */
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
textarea {
    padding: 0.5em;
    outline: none;
    /*border: 1px solid #BDBDBD;*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 4px;
    font-size: 14px;
    height: 35px;
}

/*スピンボタン（上下の矢印ボタン）をCSSで非表示*/
input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type="number"] {
    -moz-appearance: textfield;
}

/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #buttonEye {
        margin-left: -25px;
    }
}

/*Sarari*/
::-webkit-full-page-media, :future, :root #buttonEye {
    margin-left: -25px;
}

/*Firefox*/
@-moz-document url-prefix() {
    #buttonEye {
        margin-left: -30px;
        padding-right: 10px;
    }
}

/*Edge*/
@supports (-ms-ime-align: auto) {
    #buttonEye {
        margin-left: -25px;
    }
}

/*input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
texture:focus {
    border: 2px solid #FF9800;
}*/

.CustomFocusBorder {
    border: 1px solid #BDBDBD !important;
}

.CustomFocusBorder:focus {
    border: 2px solid #FF9800 !important;
}

.ErrCustomFocusBorder {
    border: 1px solid #D32F2F !important;
}

.ErrCustomFocusBorder:focus {
    border: 2px solid #D32F2F !important;
}

.CustomFocusBorderAdmin {
    border: none !important;
}

.CustomFocusBorderAdmin:focus {
    border: 2px solid #FF9800 !important;
}

#loading {
    display: table;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0.8;
    z-index:5;
}

#loading .loadingMsg {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding-top: 140px;
    background: url("loading.gif") center center no-repeat;
	z-index: 100000;
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 32px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-moz-font-feature-settings: 'liga';
	-moz-osx-font-smoothing: grayscale;
	display: inline-flex;
	vertical-align: middle;
}

.drop {
    /*margin: 50px auto 0;*/
    position: relative;
    /*width: 110px;*/
}

select {
    border: 1px solid #BDBDBD;
    border-radius: 4px;
    height: 35px;
    padding-left: 10px;
    width: 100px;
    font-size: 14px !important;
}

select:focus {
    border: 2px solid #FF9800 !important;
}

select:current {
    border: 2px solid #FF9800;
}


/* チェックボックスデザイン */
.my-checkbox {
    position: relative;
    margin: 1em 0;
    padding-left: 20px;
    cursor: pointer;
    user-select: none; /* テキストの選択を防ぐ */
    font-weight: normal;
}

/* inputは非表示にする */
.my-checkbox input {
    display: none;
}

/* チェックが入ったときの□ */
.my-checkbox input:checked + .checkmark {
    background: #FF9800; /* チェック時の色 */
    border-color: #FF9800; /* チェック時の色 */
}

/* チェックが入ったときの✓ */
.my-checkbox input:checked + .checkmark:after {
    opacity: 1; /* 透明を解除 */
}

.my-checkbox2 {
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    user-select: none; /* テキストの選択を防ぐ */
    font-weight: normal;
    padding-bottom: 10px;
}

.my-checkbox2 input {
    display: none;
}

/* チェックが入ったときの□ */
.my-checkbox2 input:checked + .checkmark {
    background: #FF9800; /* チェック時の色 */
    border-color: #FF9800; /* チェック時の色 */
}

/* チェックが入ったときの✓ */
.my-checkbox2 input:checked + .checkmark:after {
    opacity: 1; /* 透明を解除 */
}

/* □ */
.checkmark {
    position: absolute;
    top: 0; /* 上からの位置 */
    left: 0;
    height: 18px; /* 大きさ */
    width: 18px; /* 大きさ */
    border: solid 1px #BDBDBD; /* 線 */
    border-radius: 4px;
    box-sizing: border-box;
    background-color:#FFF;
}

/* ✓ */
.checkmark:after {
    content: "";
    position: absolute;
    left: 5px; /* チェックの位置 */
    top: 0px; /* チェックの位置 */
    width: 6px; /* チェックの大きさ */
    height: 13px; /* チェックの大きさ */
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    transform: rotate(40deg);
    opacity: 0; /* 透明にしておく */
}

.dropdown__lists {
    display: none; /*デフォルトでは非表示の状態にしておく*/
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0;
}
.gnavi__list:hover .dropdown__lists {
    display: block;/*Gナビメニューにホバーしたら表示*/
}
.dropdown__list {
    background-color: #004d80;
    height: 60px;
    transition: all .3s;
    position: relative;
}
.dropdown__list:not(:first-child)::before{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #3492d1;
    position: absolute;
    top: 0;
    left: 0;
}
.dropdown__list:hover {
    background-color: #003558;
}
.dropdown__list a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    position: relative;
}
.dropdown__list a::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(135deg);
    position: absolute;
    right: 15px;
    top: calc(50% - 5px);
}

option:after {
    background: #FFF3E0;
}

* {
  box-sizing: border-box;
}

.drop-container {
    /*padding: 2rem;*/
}

.form-group + .form-group {
  /*margin-top: 1.5rem;*/
}

.form-group label {
  display: block;
  /*margin-bottom: 0.5rem;*/
}

.drop-control {
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 4px;
  height: calc(1.5rem + 1rem + 2px);
  line-height: 1.5;
  padding: 0.5rem 0.75rem;
  width: 100%;
}

.drop-control:focus {
  outline: 0;
  border-color: #00bbf0;
}

/**********************************
 * カスタムセレクトボックス
 **********************************/

/* 元のセレクトボックスは隠す */
.custom-select select {
  display: none;
}

.custom-select {
  position: relative;
  height: 35px;
}

.custom-select.open {
  border: 2px solid #FF9800;
}

/* 下向きの矢印 */
.custom-select::after {
  content: "";
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1697571/chevron-down.svg) no-repeat center;
  display: block;
  height: 1rem;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translatey(-50%);
  transition: transform 300ms linear;
  width: 1rem;
}

.custom-select-list1 {
    /*border: 1px solid #dedede;*/
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
    display: none;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    background-color: #FFF;
    height: 300px;
    overflow-y: scroll;
    margin-top:10px;
}

.open .custom-select-list1 {
    animation: fadeIn 250ms ease-in-out forwards;
    display: block;
}

.custom-select-list {
  border: 2px solid #dedede;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  display: none;
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index:1000;
}

.open .custom-select-list {
  animation: fadeIn 250ms ease-in-out forwards;
  display: block;
}

.custom-select.open::after {
  transform: translatey(-50%) rotate(180deg);
}

.custom-select-item {
  cursor: pointer;
  display: block;
  padding: 5px 0 5px 20px;
  border:none !important;
}

.custom-select-item:hover {
  background-color: #FFF3E0;
  color: #414B50;
}

.custom-select-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.custom-select-item:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.custom-select-item + .custom-select-item {
  border-top: 1px solid #dedede;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    top: calc(2.5rem + 2px);
  }
  to {
    opacity: 1;
    top: calc(2.5rem + 2px + 4px);
  }
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    background: #9E9E9E;
    border-radius: 5px;
    height:50px;
}


/*select {
    appearance: none;
}

select.A option:checked {
    background: red;
}

select.decorated option:hover {
    background: linear-gradient(red, red);
}*/

#loading {
    display: table;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #dedede;
    opacity: 0.8;
}

#loading .loadingMsg {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding-top: 140px;
    background: url("loading.gif") center center no-repeat;
}

.validation-space {
    min-height: 15px; /* ← ここがポイント */
    font-size: 0.9rem;
}

.modal-header {
    border: none;
}

.modal-footer {
    border: none;
}

.sticky {
    position: sticky;
    top: 0; /* 画面上端に張り付く */
    z-index: 1020; /* テーブル行より前面に */
    background: #fff !important; /* 下の行が透けないように */
}

.sticky2 {
    position: sticky;
    top: 39px; /* 画面上端に張り付く */
    z-index: 1020; /* テーブル行より前面に */
}

.sticky3 {
    position: sticky;
    top: 0; /* 画面上端に張り付く */
    z-index: 1020; /* テーブル行より前面に */
}


.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: none;
}

.req {
    color: #D32F2F;
    font-size: xx-small;
}

.sort {
    color: #352529;
}
.sort:hover {
    color: #352529;
}