@charset "UTF-8";

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
span,
div,
section,
article,
input,
select {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



form {
	margin-bottom: 0px;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {}

.mr-3 {
	margin-right: 3px;
}

.main-header .logo {
	padding: 10px;
}

.bars_icon {
	display: inline-block;
	padding: 18px 15px;
	transition: 0.2s ease-in-out;
	color: white !important;
	height: 50px;
}

.bars_icon:hover {
	background: #4e4e4e5e !important;
	height: 50px;
	color: white;
}

.page-title {
	padding: 10px 10px 0;
	font-size: 14px;
	color: rgb(107, 107, 107);
}

.table-style {
	border-bottom: 1px solid #d4d4d4;
	border-left: 1px solid #d4d4d4;
	font-size: 11px;
	clear: both;
}

.table02 th {
	font-size: 11px;
	font-weight: bold !important;
}

.table-column {
	background: #000;
	color: #FFF;
	border: none;
}

table.files_table {
	width: 45%;
	border-left: 1px solid #282828;
	border-bottom: 1px solid #282828;
	margin: -68px 0 0 45%;
}

.files_table tr.files_tr {
	background: #000;
	color: #FFF;
}

.files_table th.files_th {
	border-right: 1px solid #282828;
	padding: 3px;
	text-align: center;
}

.files_table td.files_name {
	width: 45%;
	border-top: 1px solid #282828;
	border-right: 1px solid #282828;
	padding: 3px;
	white-space: nowrap;
}

.files_table td.files_time {
	text-align: right;
	border-top: 1px solid #282828;
	border-right: 1px solid #282828;
	padding: 3px;
	white-space: nowrap;
}

.correction_table {
	padding: 0 !important;
}

.correction_button {
	width: auto;
	text-align: center;
	margin: 10px 0;
}

.correction_comp {
	width: 100%;
	text-align: center;
	margin: 100px 0;
	font-size: 20px;
	font-weight: bold;
	color: #0000FF;
}

.mastar_form {
	margin-top: 26px;
	float: left;
}

.notreceipt {}

.notreceipt a {
	background: #FF0000;
	border-radius: 5px;
	/* CSS3草案 */
	-webkit-border-radius: 5px;
	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	/* Firefox用 */
}

.select_box {
	border: none;
	font-weight: normal;
	border-radius: 5px;
}

.sm_button {
	background-color: #8DC01F;
	color: #FFF;
	border-radius: 3px;
	border: 1px solid #6A9313;
	font-weight: normal;
	border-radius: 5px;
	/* CSS3草案 */
	-webkit-border-radius: 5px;
	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	/* Firefox用 */
}

.up_button {
	float: left;
	text-align: center;
	margin-top: 100px;
}

.up_button a {
	width: 100%;
}

.up_button p.up_button_val {
	padding: 5px;
	float: none;
	margin: 0;
}

.up_button p.up_button_icon {
	padding: 5px;
	float: right;
	margin: 0;
}

.dl_button {
	float: right;
	background-color: #8DC01F;
	color: #FFF;
	border-radius: 3px;
	border: 1px solid #6A9313;
	font-weight: normal;
	border-radius: 5px;
	/* CSS3草案 */
	-webkit-border-radius: 5px;
	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	/* Firefox用 */
}

.dl_button p {
	margin: 0;
	padding: 5px;
}

.dl_button a {
	color: #FFF !important;
}

.input_text {
	width: 250px;
	margin-bottom: 10px;
	padding: 12px;
	padding-left: 55px;
	border: 1px solid #cccccc;
	border-radius: 5px;
	/* CSS3草案 */
	-webkit-border-radius: 5px;
	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	/* Firefox用 */
	transition: 0.3s ease-in-out;
}

.button_style {
	width: 250px;
	padding: 12px;
	font-weight: bold;
	font-size: 15px;
	border-radius: 5px;
	color: white;
	border: none;
	transition: 0.3s ease-in-out;
	/* CSS3草案 */
	-webkit-border-radius: 5px;
	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	/* Firefox用 */
}

.button_style:hover {
	opacity: 0.8;
}

.box_size {
	width: 100%;
	margin: 0;
	padding: 5px;
	border: none;
}

.bg_tooltip_right {
	width: 230px;
	margin: -20px 0 0 -250px;
	position: absolute;
	float: left;
	display: none;
	z-index: 999;
	opacity: 0.8;
}

.bg_tooltip_right p {
	color: #FFF;
	line-height: 1.2;
	font-size: 11px;
	font-weight: none;
	margin: 0;
	padding: 5px 5px 5px 10px;
	background-color: #5f5f5f;
	border-radius: 5px;
	/* CSS3草案 */
	-webkit-border-radius: 5px;
	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	/* Firefox用 */
	white-space: normal;
}

.bg_tooltip_right p:after,
.bg_tooltip_right p:before {
	content: "";
	position: absolute;
	height: 0;
	width: 0;
}

.bg_tooltip_right p:after {
	top: 17px;
	left: 98%;
	border: 3px solid transparent;
	border-left: 20px solid #5f5f5f;
}

.bg_tooltip_right p:before {
	top: 17px;
	left: 98%;
	border: 3px solid transparent;
	border-left: 20px solid #5f5f5f;
}

.bg_tooltip_right img {
	vertical-align: top;
}


.bg_tooltip {
	min-width: 230px;
	margin: -7px 0 0 10px;
	position: absolute;
	float: left;
	display: none;
	z-index: 999;
	opacity: 0.8;
}

.bg_tooltip p {
	color: #FFF;
	line-height: 1.2;
	font-size: 11px;
	font-weight: none;
	margin: 0;
	padding: 5px 5px 5px 10px;
	background-color: #5f5f5f;
	border-radius: 5px;
	/* CSS3草案 */
	-webkit-border-radius: 5px;
	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	/* Firefox用 */
	white-space: normal;
}

.bg_tooltip p:after,
.bg_tooltip p:before {
	content: "";
	position: absolute;
	height: 0;
	width: 0;
}

.bg_tooltip p:after {
	top: 10px;
	left: -10px;
	border: 3px solid transparent;
	border-right: 8px solid #5f5f5f;
}

.bg_tooltip p:before {
	top: 10px;
	left: -10px;
	border: 3px solid transparent;
	border-right: 13px solid #5f5f5f;
}

.bg_tooltip img {
	vertical-align: top;
}

.combo-chart-ken {
	float: right;
	white-space: nowrap;
	background-color: #8DC01F;
	border: 1px solid #6A9313;
	font-size: 100%;
	color: #FFF;
	width: 100px;
	padding: 3px;
	text-align: center;
	/*	margin-top:-25px;*/
	margin-right: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.combo-chart-en {
	white-space: nowrap;
	background-color: #777;
	border: 1px solid #555;
	font-size: 100%;
	color: #FFF;
	width: 100px;
	padding: 3px;
	text-align: center;
	margin-left: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.main-footer {
	background-color: #E5E5E5;
}

.pagebutton {
	width: auto;
}

.pagebutton p {
	text-align: center;
}

.pagebutton span {
	margin: 0 5px;
	padding: 5px;
}

.pagebutton a {
	color: #0000FF !important;
}

.pagebutton a:hover {
	text-decoration: underline;
}

.upfile {
	background: url(../image/bg_h2_dash.png) no-repeat;
	padding-left: 16px;
	margin-top: 50px;
	margin-bottom: 7px;
	margin-left: 30px;
	line-height: 12px;
}

.upfile p {
	float: left;
	margin: 0px 10px 0 0;
}

.upselect {
	float: left;
	height: 20px;
	width: 100px;
	margin-top: -4px;
	margin-right: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	background: #282828;
	background: url(../image/bg_select.jpg) right 50% no-repeat, #282828;
	background: url(../image/bg_select.jpg) right 50% no-repeat, #282828;
	color: #FFF;
	-webkit-border-radius: 5px;
}

.upform {}

.upform div {
	margin-top: -5px;
	display: inline-flex;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
}

.upform input[type=text] {
	height: 23px;
	width: 230px;
	border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border: 1px solid #ccc;
}

.upform input[type=button] {
	-webkit-appearance: button;
	background: #282828;
	color: #FFF;
	border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	border: none;
	cursor: pointer;
}

.upform input[type=submit] {
	height: 23px;
	margin-top: 10px;
	/* margin-left: 155px; ブランド復活の場合*/
	margin-left: 215px;
	background-color: #8DC01F;
	color: #FFF;
	border: 1px solid #6A9313;
	border-radius: 5px;
	/* CSS3草案 */
	-webkit-border-radius: 5px;
	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	/* Firefox用 */
}

.upload_result {
	float: left;
}

.ymlink {
	margin-top: -57px;
	left: 17.3%;
	position: absolute;
	width: 66.7%;
	text-align: -webkit-center;
	z-index: 999;
}

.tdymlink {
	text-align: center;
	padding: 7px;
	opacity: 0;
}

.ymlink_i {
	margin-top: -57px;
	left: 21%;
	position: absolute;
	width: 60%;
	text-align: -webkit-center;
	z-index: 999;
}

.gloss_style table {
	border-bottom: 1px solid #d4d4d4;
	font-size: 13px;
	clear: both;
	width: 90%;
	margin: 0 auto 30px;
}

.gloss_style th {
	background: #F5F5F5;
	text-align: left !important;
	padding-left: 50px !important;
	width: 30%;
}

.gloss_style td {
	text-align: left !important;
	padding-left: 50px !important;
}

.other_width {
	width: 100%;
}

.other_width table {
	width: 51%;
}

div.other_width table td.other_table {
	padding-right: 5%;
	white-space: nowrap;
}

.all_count {
	width: 100%;
	margin-top: 28px;
	padding-right: 5px;
	font-weight: bold;
}

.all_count p {
	float: right;
}

@media screen and (max-width: 480px) {
	.taskNotice {
		width: 15% !important;
		overflow: hidden;
	}

	.taskSEQ {
		display: none !important;
	}

	.taskMemberID {
		width: 20% !important;
		overflow: hidden;
	}

	.taskStatus {
		width: 25% !important;
		overflow: hidden;
	}

	.taskKind {
		display: none !important;
	}

	.taskTitle {
		width: 40% !important;
		overflow: hidden;
	}
}

@media screen and (max-width: 768px) {
	.box-body {
		padding: 0 !important;
		border: none !important;
	}
}

@media screen and (max-width: 940px) {
	.taskNotice {
		width: 10% !important;
		overflow: hidden;
	}

	.taskSEQ {
		display: none !important;
	}

	.taskMemberID {
		width: 20% !important;
		overflow: hidden;
	}

	.taskStatus {
		width: 20% !important;
		overflow: hidden;
	}

	.taskKind {
		width: 15% !important;
		overflow: hidden;
	}

	.taskTitle {
		width: 35% !important;
		overflow: hidden;
	}
}

@media screen and (max-width: 1024px) {
	.taskNotice {
		width: 5% !important;
		overflow: hidden;
	}

	.taskSEQ {
		width: 5% !important;
		overflow: hidden;
	}

	.taskMemberID {
		width: 20% !important;
		overflow: hidden;
	}

	.taskStatus {
		width: 20% !important;
		overflow: hidden;
	}

	.taskKind {
		width: 15% !important;
		overflow: hidden;
	}

	.taskTitle {
		width: 35% !important;
		overflow: hidden;
	}

	.taskContests {
		display: none !important;
	}
}

@media screen and (max-width: 1880px) {
	.taskNotice {
		width: 5% !important;
		overflow: hidden;
	}

	.taskSEQ {
		width: 5% !important;
		overflow: hidden;
	}

	.taskMemberID {
		width: 15% !important;
		overflow: hidden;
	}

	.taskStatus {
		width: 15% !important;
		overflow: hidden;
	}

	.taskKind {
		width: 10% !important;
		overflow: hidden;
	}

	.taskTitle {
		width: 20% !important;
		overflow: hidden
	}

	.taskContests {
		width: 30% !important;
		overflow: hidden;
	}

	.taskRegDate {
		display: none !important;
	}

	.taskDelete {
		display: none !important;
	}
}

.taskNotice,
.taskSEQ,
.taskMemberID,
.taskStatus,
.taskKind,
.taskTitle,
.taskContests,
.taskRegDate,
.taskDelete {
	white-space: initial !important;
}

.taskNotice {
	width: 5% !important;
	overflow: hidden;
}

.taskSEQ {
	width: 5% !important;
	overflow: hidden;
}

.taskMemberID {
	width: 10% !important;
	overflow: hidden;
}

.taskStatus {
	width: 10% !important;
	overflow: hidden;
}

.taskKind {
	width: 10% !important;
	overflow: hidden;
}

.taskTitle {
	width: 15% !important;
	overflow: hidden;
}

.taskContests {
	width: 35% !important;
	overflow: hidden;
}

.taskRegDate {
	width: 10% !important;
	overflow: hidden;
}

.taskContests1 {
	white-space: initial !important;
}

.taskDelete1 {
	white-space: initial !important;
}

.taskKind1 {
	white-space: initial !important;
}

.taskMemberID1 {
	white-space: initial !important;
}

.taskNotice1 {
	white-space: initial !important;
}

.taskSEQ1 {
	white-space: initial !important;
}

.taskStatus1 {
	white-space: initial !important;
}

.taskTitle1 {
	white-space: initial !important;
}

.table-list td {
	border-right: 1px solid #d4d4d4;
}

.listBrand {
	width: 10%;
	white-space: nowrap;
	vertical-align: middle !important;
	background: #f00;
}

.listCName {
	vertical-align: middle !important;
	word-wrap: break-word;
	max-width: 0;
}

.listCName p {
	margin: 0;
}

.listService {
	width: 15%;
	white-space: nowrap;
	vertical-align: middle !important;
}

.listSName {
	white-space: nowrap;
	padding: 8px;
	border-right: 0 !important;
	border-top: 1px solid #ccc;
}

.listSCName {
	white-space: nowrap;
	padding: 8px;
	border-right: 0 !important;
}

.listPlace {
	vertical-align: middle !important;
	word-wrap: break-word;
	max-width: 0;
	background: #800;
}

.listPlace p {
	margin: 0;
}

.listRName {
	width: 10%;
	white-space: nowrap;
	vertical-align: middle !important;
	background: #300;
}

.listMoney {
	width: 15%;
	white-space: nowrap;
	vertical-align: middle !important;
	background: #300;
}

.listPhone {
	width: 10%;
	white-space: nowrap;
	vertical-align: middle !important;
	background: #100;
}

.listDate {
	width: 10%;
	white-space: nowrap;
	background: #100;
}

tr.listAdm_tr {
	background: #000;
	color: #fff;
	border: none;
}

.tr-style {
	color: #fff;
	border: none;
}

.listAdmText {}

.listAdmText p {
	margin: 0;
	font-size: 13px;
	padding: 5px;
}

th.listAdmText {
	padding: 8px;
	border: none;
}

td.listAdmText {
	border-bottom: 1px solid #d4d4d4;
}

td.listAdmText input {
	padding: 5px;
	width: 100%;
}

td.listAdmText input[type=text] {
	border: none;
}

.listAdmRoBu {
	width: 8%;
	white-space: nowrap;
	vertical-align: middle !important;
}

.listAdmRoBu p {
	margin: 0;
	font-size: 13px;
	padding: 5px;
}

th.listAdmRoBu {
	padding: 8px;
	border: none;
	text-align: center;
}

td.listAdmRoBu {
	text-align: center;
	border-bottom: 1px solid #d4d4d4;
}

td.listAdmRoBu input {
	padding: 5px;
	width: 100%;
}

td.listAdmRoBu input[type=text] {
	border: none;
}

.listDemand {
	width: 10%;
	white-space: nowrap;
	vertical-align: middle !important;
}

.listReceipt {
	width: 10%;
	white-space: nowrap;
	vertical-align: middle !important;
}

.listDiff {
	width: 10%;
	white-space: nowrap;
	vertical-align: middle !important;
}

.sumDemand {
	width: 10%;
	white-space: nowrap;
	vertical-align: middle !important;
}

.sumReceipt {
	width: 10%;
	white-space: nowrap;
	vertical-align: middle !important;
}

.sumDiff {
	width: 10%;
	white-space: nowrap;
	vertical-align: middle !important;
}

/*  (oda create)
-----------------------------------------------*/
th.summary {
	vertical-align: middle !important;
	border: 1px solid #d4d4d4;
}

td.summary {
	vertical-align: middle !important;
	text-align: right !important;
}

.summary {
	vertical-align: middle !important;
}

table.table02 {
	background: #F5F5F5 none repeat scroll 0% 0%;
	margin: 0 20px 10px 0;
	border-bottom: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	font-size: 13px;
	clear: both;
}

table.table02 th {
	width: 25%;
	background-color: #F5F5F5;
	font-weight: 100;
	text-align: left;
	padding: 5px 15px;
	white-space: nowrap;
	border: 1px solid #d4d4d4;
}

table.update-table th {
	width: 15%;
}

table.update-table p {
	margin: 0;
	text-align: right;
}

table.main-table p {
	margin: 0;
}

table.table02 td {
	padding: 8px 15px;
	border: 1px solid #d4d4d4;
	background-color: #FFF;
	text-align: left;
}

.listUser {
	width: 5%;
	white-space: nowrap;
	vertical-align: middle !important;
}

.listItem {
	text-align: left !important;
	white-space: nowrap;
	vertical-align: middle !important;
}

.listItem02 {
	text-align: left !important;
	vertical-align: middle !important;
}

.listItemPer {
	text-align: left !important;
	width: 15%;
	vertical-align: middle !important;
}

.listfivePer {
	text-align: left !important;
	width: 5%;
	white-space: nowrap;
	vertical-align: middle !important;
}

.listTenPer {
	text-align: left !important;
	width: 10%;
	white-space: nowrap;
	vertical-align: middle !important;
}

.listTen {
	text-align: left !important;
	width: 10%;
	vertical-align: middle !important;
}

.listtwenty {
	width: 20%;
	white-space: nowrap;
	vertical-align: middle !important;
}

.button_design_new {
	background: #ffffff;
	border-radius: 3px;
	position: relative;
	align-items: center;
	margin: 0 auto;
	min-width: 110px;
	padding: 6px 14px;
	color: #5e5e5e;
	transition: 0.3s ease-in-out;
	font-weight: 600;
	border: 1px solid rgb(114, 114, 114);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	margin-right: 5px;
	display: inline-block;
	text-align: center;
}


.button_design_new:hover {
	color: #FFF;
	opacity: 1 !important;
}

.button_design_detail {
	width: auto;
	padding: 4px 8px;
	font-weight: bold;
	font-size: 11px;
	background: #EC3D4A;
	color: #FFF;
	border: 1px solid #DE1221;
	border-radius: 5px;
	/* CSS3草案 */
	-webkit-border-radius: 5px;
	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	/* Firefox用 */
}

.logout_button {
	width: auto;
	padding: 5px 10px;
	font-size: 8px;
	color: white;
	background: #777777;
	border: 1px solid #777777;
	transition: 0.3s ease-in-out;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.logout_button:hover {
	background: #000000;
	border: 1px solid #000000;
	color: #FFF;
}

.listUser input,
textarea {
	border: 1px solid #9b9b9b;
	border-radius: 3px;
	transition: 0.3s ease-in-out;
	box-shadow: 0.5px 0.5px 3px rgba(0, 0, 0, 0.3);
}

.listUser input[type=text] {
	height: 25px;
}

.listItem input {
	outline: none;
	height: 28px;
	border: 1px solid #9b9b9b;
	border-radius: 3px;
	transition: 0.3s ease-in-out;
	box-shadow: 0.5px 0.5px 3px rgba(0, 0, 0, 0.3);
	padding-left: 8px;
}

.listItem textarea {
	outline: none;
	border: 1px solid #9b9b9b;
	border-radius: 3px;
	transition: 0.3s ease-in-out;
	box-shadow: 0.5px 0.5px 3px rgba(0, 0, 0, 0.3);
}

.listItem input:focus,
textarea:focus,
.input_text:focus,
.listUser input:focus {
	box-shadow: 0 0 7px 0 #4d67ad;
	border: 1px solid #FFF !important;
	outline: 0;
}

#start-date {
	box-shadow: none;
	background: rgba(218, 218, 218, 0.678);
}

#start-date:focus {
	box-shadow: none;
	border: 1px solid #9b9b9b !important;
}

.selectdiv {
	position: relative;
	float: left;
	min-width: 100px;
	margin-right: 5px;
}

.selectdiv-center {
	position: relative;
	min-width: 100px;
}

/* .selectdiv:after {
	content: '<>';
	font: 14px "Consolas", monospace;
	color: #333;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	right: 11px;
	top: 8px;
	padding: 0 0 2px;
	position: absolute;
	pointer-events: none;
} */

.selectdiv select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	outline: none;
	/* width: 100%; */
	width: 150px;
	height: 25px;
	margin: 5px 0px;
	padding: 0px 24px 0px 12px;
	font-size: 12px;
	line-height: 1.75;
	color: #333;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #838383;
	-ms-word-break: normal;
	word-break: normal;
	border-radius: 3px;
	transition: 0.2s ease-in-out;
	box-shadow: 0.5px 0.5px 3px rgba(0, 0, 0, 0.3);
}

.file_input {
	border: none !important;
	box-shadow: none !important;
	height: 28px !important;
}


.selectdiv select:focus {
	box-shadow: 0 0 5px 0 #4d67ad;
	border: 1px solid #FFF !important;
	outline: 0;
}

.ympager {
	width: 100%;
	text-align: center;
}

.ympager p {
	padding: 3px;
	margin: 3px;
	font-weight: bold;
}

.ympager p span {
	color: #FF0000;
}

.ympager p a {
	color: #555 !important;
}

th.columncolor {
	background: #8888FF;
}

td.columncolor {
	background: #EEEEFF;
}

/* 状態ボタン */
.btn-group,
.btn-group-vertical {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	display: flex;
}

.btn-group .btn-default.active {
	color: white;
	background-color: #D28903;
	border-color: #D28903;
	background-image: linear-gradient(to bottom, #D28903, #D28903);
	text-shadow: none;
	font-weight: normal;
}

.btn-group .btn-default {
	font-size: 12px;
	cursor: pointer;
	background-color: #e6e6e6;
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	padding-top: 0;
	padding-bottom: 0;
	line-height: 24px;
	border: 1px solid #aaa;
	color: #999;
	text-align: center;
	width: 50px;
}

/* ラジオボタン */
.visually-hidden {
	position: absolute;
	white-space: nowrap;
	width: 1px;
	height: 1px;
	overflow: hidden;
	border: 0;
	padding: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	margin: -1px;
}

.status-radio label {
	display: inline;
	cursor: pointer;
	padding-left: 30px;
	position: relative;
	margin-right: 20px;
}

.status-radio label:last-child {
	margin-right: 0px;
}

.status-radio label::before,
.status-radio label::after {
	content: "";
	display: block;
	position: absolute;
}

.status-radio label::before {
	background-color: #fff;
	border-radius: 0%;
	border: 1px solid #8a8a8a;
	border-radius: 3px;
	width: 20px;
	height: 20px;
	transform: translateY(-50%);
	top: 50%;
	left: 0px;
}

.status-radio label::after {
	border-bottom: 2px solid #575757;
	border-left: 2px solid #575757;
	opacity: 0;
	height: 5px;
	width: 10px;
	transform: rotate(-45deg);
	top: 5px;
	left: 5px;
}

.large-label label {
	display: inline-block;
	width: 250px;
}


input:checked+label::after {
	opacity: 1;
}

input:focus+label::before {
	box-shadow: 0 0 7px 0 #4d67ad;
    border: 1px solid #FFF !important;
    outline: 0;
}

.small-mr {
	margin-right: 5px;
}

.code_flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: -1;
}

.flex {
	display: flex;
	align-items: center;
	margin: -1;
}

.flex-only {
	display: flex;
	margin: -1;
}

.code_input {
	width: 80px;
}

.price_input {
	width: 120px;
}

.small_input {
	width: 40px;
}

.large_input {
	width: 500px;
}

.total_amount_area {
	margin-right: 0 !important;
}

.total_amount_area tbody tr th {
	width: 50px;
}

.total_amount_area tbody tr td {
	width: 120px;
}

.total-price-table {
	background: #d8ddeb6b;
}

.table03 {
	background: #3A508F !important;
}

.btn-area {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 1000px;
	margin-top: 25px;
}

.btn-area input:last-child {
	margin: 0px;
}

.btn-area .button_design_new:last-child {
	margin-right: 0;
}

.main-table {
	width: 1000px;
}

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

.text-center {
	text-align: center;
}

.transfer_btn a {
	width: 150px;
}

.pick-btn {
	background: white;
	border-radius: 3px;
	border: 1px solid gray;
}

.table-left {
	width: 20%;
}

.table-left tbody tr td {
	height: 42.08px;
}

input:disabled {
	color: black;
	background: rgba(218, 218, 218, 0.678);
	box-shadow: none;
}

.small_btn {
	min-width: 50px;
}

.btn-area-list {
	width: 100%;
}

.billing-table th {
	background-color: #F5F5F5;
	color: black;
	border-right: 1px solid #d4d4d4;
}

.icon-area {
	text-align: center;
}

.icon-area a {
	margin-right: 15px;
}

.icon-area a:last-child {
	margin-right: 0px;
}

.table-icon i {
	font-size: 20px;
	color: rgb(99, 99, 99);
}

.icon-relative {
	position: relative;
}

.accordion-icon {
	position: absolute;
	right: 10;
	top: 4;
	font-size: 16px;
}

.table-scroll {
	overflow: auto;
	width: 100%;
	max-height: 400px;
	margin-bottom: 40px;
	border-bottom: 1px solid #d4d4d4;
}

.table-scroll table {
	border-collapse: separate;
	margin-bottom: 0px;
}

.table-scroll th {
	position: sticky;
	top: 0;
	left: 0;
	border-bottom: 1px solid #d4d4d4;
	z-index: 1;
}

.table-scroll .border-top-0 td {
	border-top: 0px;
	border-bottom: 1px solid #d4d4d4;
}

.table-scroll .border-top-0:last-child td {
	border-bottom: 0;
}

.table-scroll02 {
	overflow: auto;
	width: 1842px;
	max-height: 300px;
	margin-bottom: 40px;
	border-bottom: 1px solid #d4d4d4;
}

.table-scroll02 table {
	border-collapse: separate;
	margin-bottom: 0px;
}

.table-scroll02 th {
	position: sticky;
	top: 0;
	left: 0;
	border-bottom: 1px solid #d4d4d4;
	z-index: 1;
}

.table-scroll02 .border-top-0 td {
	border-top: 0px;
	border-bottom: 1px solid #d4d4d4;
}

.accordion-content table tr:first-child th,
.accordion-content table tr:first-child td {
	border-top: 0;
}

.hidden-spin-button::-webkit-inner-spin-button,
.hidden-spin-button::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.table-fixed {
	table-layout: fixed;
}

.table-fixed td{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.table_no_width {
	width: 100px;
	vertical-align: middle !important;
}

.table_btn_width {
	width: 200px;
}

.table_btn_width a {
	margin-right: 20px;
}
.table-style td {
	vertical-align: middle !important;
}

.appropriation-saerch-btn {
	color: rgb(37, 37, 37);
    padding: 3px 5px;
    border-radius: 3px;
    border: 1px solid #929292;
	margin-left: 5px;
}

.btn-hover {
    color: #FFF;
    opacity: 1 !important;
}

table.table04 {
	background: #F5F5F5 none repeat scroll 0% 0%;
	margin: 0 20px 10px 0;
	border-bottom: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	font-size: 13px;
	clear: both;
}

.table04 th {
	font-size: 11px;
	font-weight: bold !important;
}

table.table04 th {
	background-color: #F5F5F5;
	font-weight: 100;
	text-align: left;
	padding: 5px 15px;
	white-space: nowrap;
	border: 1px solid #d4d4d4;
}

table.table04 td {
	padding: 8px 15px;
	border: 1px solid #d4d4d4;
	background-color: #FFF;
	text-align: left;
}

.error-hidden {
	overflow: hidden;
    text-overflow: ellipsis;
}