@charset "UTF-8";
/* CSS Document */

.nav-wrapper{}
.nav-wrapper .menu{}

.card {
    position: relative;
	padding: 1em;
    margin: .5rem 0 1rem 0;
    background-color: #fff;
    transition: box-shadow .25s;
    border-radius: 2px;
}

.search_container{}
.search_container td{
    display: inline-flex;
    flex-wrap: wrap;
    width: 16%;
}

.search_container td.colspan-01{width: calc(100% / 12 * 1);}
.search_container td.colspan-02{width: calc(100% / 12 * 2);}
.search_container td.colspan-03{width: calc(100% / 12 * 3);}
.search_container td.colspan-04{width: calc(100% / 12 * 4);}
.search_container td.colspan-05{width: calc(100% / 12 * 5);}
.search_container td.colspan-06{width: calc(100% / 12 * 6);}
.search_container td.colspan-07{width: calc(100% / 12 * 7);}
.search_container td.colspan-08{width: calc(100% / 12 * 8);}
.search_container td.colspan-09{width: calc(100% / 12 * 9);}
.search_container td.colspan-10{width: calc(100% / 12 * 10);}
.search_container td.colspan-11{width: calc(100% / 12 * 11);}
.search_container td.colspan-12{width: calc(100% / 12 * 12);}


.search_container td.colspan1{width: 23%;}
.search_container td.colspan1 input{width: 20%;}
.search_container td.colspan2{width: 32%;}
.search_container td.colspan2 input{width: 30%;}
.search_container td.colspan3{width: 48%;}
.search_container td.colspan3 input{width: 30%;}
.search_container td.colspan100{width: 100% !important;}
.search_container td p{
    width: 6.0em;
    font-size: 12px;
    padding-right: .5em;
    text-align: justify;
    line-height: 2rem;
    text-justify: inter-ideograph;
    margin: 0;
}

.w1em{width: 1em !important;}
.w2em{width: 2em !important;}
.w3em{width: 3em !important;}
.w4em{width: 4em !important;}
.w5em{width: 5em !important;}
.w6em{width: 6em !important;}
.w7em{width: 7em !important;}
.w8em{width: 8em !important;}
.w9em{width: 9em !important;}
.w10em{width: 10em !important;}
.w11em{width: 11em !important;}
.w12em{width: 12em !important;}
.w13em{width: 13em !important;}
.w14em{width: 14em !important;}
.w15em{width: 15em !important;}
.w16em{width: 16em !important;}
.w17em{width: 17em !important;}
.w18em{width: 18em !important;}
.w19em{width: 19em !important;}
.w20em{width: 20em !important;}
.w21em{width: 21em !important;}
.w22em{width: 22em !important;}
.w23em{width: 23em !important;}
.w24em{width: 24em !important;}
.w25em{width: 25em !important;}
.w26em{width: 26em !important;}
.w27em{width: 27em !important;}
.w28em{width: 28em !important;}

.block{display: block;width: 100% !important;}

.search_container td input{
	width: 50% !important;
	font-size: 12px !important;
	text-align: center;
}
.search_container td select{
	width: auto !important;
	font-size: 12px;
}

.result_container{}
.result_container td{
    display: inline-flex;
    flex-wrap: wrap;
    width: 20%;
}
.result_container td.colspan2{width: 30%;}
.result_container td.colspan2 input{width: 65% !important;}
.result_container td.colspan3{width: 60%;}
.result_container td.colspan3 input{width: 30%;}
.result_container td p{
    width: 4.5em;
    font-size: 12px;
    padding-right: .5em;
    text-align: justify;
    line-height: 2rem;
    text-justify: inter-ideograph;
    margin: 0;
}
.result_container td ul{display: flex;justify-content: flex-end;width: 100%;}
.result_container td ul li{margin: 0 .5em;font-size: 12px;}
.result_container td ul li:last-child{
}
.result_container td input{
	width: 50% !important;
	font-size: 12px !important;
	text-align: center;
}
.result_container td select{
	width: auto !important;
	font-size: 12px;
}
.btn-gray{
    background-color: #ccc;
}
.btn-red{
    background-color: #ff6363;
}
.btn-wide{
    width: 50%;
    margin: auto;
}
.btn-wide2{
    width: 50%;
    margin: 2% auto;
    display: block;
}

.input_container{
    overflow-x: scroll;
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;    table-layout: fixed;
    min-width: 100%;
}
.input_container table{width: 100%;display: block;/* overflow-x: scroll; *//* white-space: nowrap; */-webkit-overflow-scrolling: touch;}
.input_container table th{min-width: 80px !important;text-align: center;background: #e9f2fb;}
.input_container table td{min-width: 80px !important;text-align: center;}
.input_container table .tb_w1{
    min-width: 50px !important;
    width: 50px !important;
    text-align: center;
}
.input_container table .tb_w2{
    min-width: 200px !important;
    width: 200px;
}
.input_container table .tb_w3{
    min-width: 300px !important;
    width: 300px;
}
.input_container table .tb_w100{
    min-width: 100% !important;
    width: 100%;
}
.bg-g{
	background: #eaeaea;
}
.search_container td input.input_w1{
    width: 40% !important;
}
.search_container td input.input_w2{
    width: 84% !important;
}
p.quantity-text{
    font-size: 16px !important;
}
p.text-w2{
    width: 10em !important;
}
ul.btn-list{
    display: flex;
    flex-wrap: wrap;
    margin: 20px auto;
    justify-content: flex-end;
}
ul.btn-list li{margin: 0 10px;}

.input_container table th.th-w0,
.input_container table td.td-w0{
    width: 3em !important;
    min-width: 3em !important;
}


.login_container{
    padding: 3%;
}
.login_container dl{
    display: flex;
    flex-wrap: wrap;
    width: 60%;
    margin: auto;
}
.login_container dl dt{
    width: 20%;
    text-align: right;
    padding-right: 30px;
    box-sizing: border-box;
    line-height: 30px;
}
.login_container dl dd{
    width: 70%;
    margin: 0;
}


.header_subNav {z-index: 10;width: 100%;height: 0;background: #e6f2ff;overflow: hidden;position: absolute;top: 65px;left: 0;-webkit-transition: height 0.3s ease;transition: height 0.3s ease;filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.2));}

.header_subNav.is-active { height: 46px; }

.header_subNav_wrap { max-width: 1280px; padding: 0 20px; margin: 0 auto; }

.header_subNav ol {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;-webkit-box-align: center;-ms-flex-align: center;align-items: center;list-style: none;padding: 0;}

.header_subNav ol li a {/* display: -webkit-box; */display: -ms-flexbox;/* display: flex; */-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 46px;line-height: 46px;padding: 0 25px;color: #666;font-size: 14px;font-weight: 400;text-decoration: none;text-align: center;}

.header_subNav ol li a:hover, .header_subNav ol li a.is-current { color: #000; text-decoration: none; }

ul.error-text{
	font-size: 11px;
	color: #b70000;
	display: block;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 0 2%;
	box-sizing: border-box;
}

ul.error-text li{margin-right: 2em;margin-bottom: 1em;line-height: 1.2em;}

label.checkbox-display{
    font-size: 14px;
    color: #333;
    margin-left: 1em;
}
label.checkbox-display input[type="checkbox"]:not(:checked),
label.checkbox-display input[type="checkbox"]:checked{
    position: relative;
    opacity: 1;
    width: 20px;
    height: 20px;
    top: 4px;
}
label.radio-display{
    font-size: 14px;
    color: #333;
    margin-left: 1em;
}
label.radio-display input[type="radio"]:not(:checked),
label.radio-display input[type="radio"]:checked{
    position: relative;
    opacity: 1;
    width: 20px;
    height: 20px;
    top: 4px;
}
h6{
    line-height: 36px;
}
select.browser-default{
    width: auto;
}
.selectize-input{
    padding: 8px 38px 8px 8px!important;
}