/*--------------------------------------------------------------
	Common
--------------------------------------------------------------*/
html {
  min-height: 100%;
/* 	height: auto !important; */
/* 	height: 100%; */
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-overflow-style: scrollbar;
}

body {
	padding-bottom: 0px;
	min-height: 100%;
/* 	height: auto !important; */
/* 	height: 100%; */
	background: #fff;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	color: #333;
	-webkit-font-smoothing: antialiased;
}
@media only screen and (max-width: 1199px) {
	body {
		padding-bottom: 0;
	}
}
/* 2021/06/22 nagayama 一斉打検No.260 UPD Start */
/* 狭い時だけじゃなく常に摘要する。 */
main {
	padding-top: 0px;
	padding-bottom: 70px;
}
/*
@media only screen and (max-width: 1199px) {
	main {
		padding-top: 0px;
		padding-bottom: 70px;
	}
}
*/
/* 2021/06/22 nagayama 一斉打検No.260 UPD End */
img {
  max-width: 100%;
  height: auto;
}

iframe {
  border: 0;
}


/* 2022/06/02 No.3329 nagayama inputtype=numberのスクロール対応 ADD Start */
/* Chrome, Safari */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* FireFox， IE */
input[type="number"] {
  -moz-appearance:textfield;
}
/* 2022/06/02 No.3329 nagayama inputtype=numberのスクロール対応 ADD End */


.btn.btn-um-primary {
    color: #fff;
	background: #e32d2d;
	border: none;
    cursor: pointer;
    font-size: 1.2em;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.3s ease-in-out;
    border-radius: 4px;

    /* 2021/08/30_ichinomiya_Add_Start */
    /* 赤ボタンでデザインの統一 */
    box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
    /* 2021/08/30_ichinomiya_Add_End */
}

.btn.btn-um-primary:hover {
	background: #f24747;
}

.btn.btn-um-default {
	color: #464646;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
}

/* 2021.12.27 Nagano Add Start */
.btn.btn-default.switch {
    color: #fff;
    background-color: #4e4e4e;
}

.btn.btn-default.switch.active {
    color: #fff;
    background-color: #e36d6d;
}
/* 2021.12.27 Nagano Add End */


/* 2022/05/06 No.3351 nagayama UPD Start */
.btn-calculate {
	border: 1px solid #ccc;
    color: #333;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 3px;
    line-height: 24px;
    letter-spacing: 0.04em;
    box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
}

.btn-calculate:hover {
    background-color: #f0f0f0;
}
/* 2022/05/06 No.3351 nagayama UPD End */


.disp_block { display: block !important;}
.align-center {
  text-align: center;
}

.align-left {
  text-align: left !important;
}

.position-relative {
  position: relative;
}

.leftauto {
  right: 0 !important;
  left: auto !important;
}

.t_center { text-align:center; }
.t_left { text-align:left; }
.t_right { text-align:right; }

/* Sections */
.navbar-custom + .main {
  margin-top: 50px;
}

.main {
  position: relative;
  background-color: #fff;
  z-index: 1;
}

.module,
.module-small {
  position: relative;
  padding: 140px 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.box-login {
  display: block;
  width: 70%;
  height:400px;
  margin: 0 auto;
  background: white;
  opacity: 0.7;
  border-radius: 20px;
}

/* bootstrapの変更 */
textarea[readonly] {
	background: #f2ecec;
}



.notice_target_list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.main_container {
	width: calc(100% / 1 - 15px);
	display: block;
}
@media only screen and (max-width: 991px) {
	.main_container {
		width: calc(100% / 1 - 10px);
	}
}
label.search-label {
	line-height: 1.1;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 5px;
}
@media only screen and (max-width: 767px) {
	label.search-label {
		font-size: 12px;
		margin: 0 0 3px;
	}
}
.form-inline .form_45_left {
	width: 47%;
	float: left;
}
.form-inline .form_45_right {
	width: 47%;
	float: right;
}

/****************************************************************/
/* 2024.08.01 永野浩志 OT台帳 No.1545 修正開始
   商談レポートの入力項目・必須項目を見直してほしい             */
/****************************************************************/
.form-inline .form_25_left {
	width: 22%;
	float: left;
}

/****************************************************************/
/* 商談レポートの入力項目・必須項目を見直してほしい
   2024.08.01 永野浩志 OT台帳 No.1545 修正終了                  */
/****************************************************************/

label.from_to {
	line-height: 34px;
	display: inline-block;
	width: 6%;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}

.trans_from_to {
	line-height: 34px;
	display: inline-block;
	width: 6%;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}

@media only screen and (max-width: 991px) {
	label.from_to {
		font-size: 15px;
	}
}
.border_btm,
.border_none_btm  {
	padding-bottom: 15px;
}
@media only screen and (max-width: 767px) {
	.border_btm {
		border-bottom: 1px solid #ededed;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.border_none_btm  {
	padding-bottom: 0px;
		margin-bottom: 10px;
	}
}
.input-group-addon.c_pointer {
	cursor: pointer;
}
.input-group-addon.c_pointer.pd0 {
	padding: 0px;
}
.input-group-addon.c_pointer a i.fa {
	color: #555;
}
@media only screen and (max-width: 767px) {
	.form-control {
		font-size: 11px;
	}
}
.input-group-addon.c_pointer.pd0 a {
	padding: 6px 12px;
	color: #555;
}
.table_ttl_container {
	width: calc(100% / 1 - 140px);
	display: block;
	margin-top: -30px;
	bottom: -30px;
	position: relative;
}
@media only screen and (max-width: 767px) {
	.table_ttl_container {
		width: calc(100% / 1 - 130px);
	}
}
.table_ttl_container .table_ttl {
	float: left;
	margin: 0;
	color: #333;
	font-weight: normal;
	text-decoration: none;
	background-color: transparent;
	border-left: 4px solid #ccc;
	font-size: 18px;
	line-height: 26px;
	padding: 3px 20px 1px 10px;
}
@media only screen and (max-width: 767px) {
	.table_ttl_container .table_ttl {
		font-size: 15px;
		padding: 3px 10px 1px 5px;
	}
}
.table_ttl_container .table_btn {
	width: 100%;
	max-width: 400px;
	min-width: 200px;
	line-height: 20px;
	font-size: 14px;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	box-shadow: none;
}
@media only screen and (max-width: 767px) {
	.table_ttl_container .table_btn {
		min-width: 140px;
		font-size: 12px;
	}
}
.table_ttl_container .table_btn i.fa {
	padding-right: 5px;
}
.table_ttl_container_wd100 {
	width: 100%;
	display: block;
	margin: 0 0 10px;
}
.table_ttl_container_wd100 .table_ttl {
	float: left;
	margin: 0;
	color: #333;
	font-weight: normal;
	text-decoration: none;
	background-color: transparent;
	border-left: 4px solid #ccc;
	font-size: 18px;
	line-height: 26px;
	padding: 3px 20px 1px 10px;
}
@media only screen and (max-width: 767px) {
	.table_ttl_container_wd100 .table_ttl {
		font-size: 15px;
		padding: 3px 10px 1px 5px;
	}
}
.table_ttl_container_wd100 .table_header_comment {
	display: inline-block;
	font-size: 14px;
	line-height: 26px;
	padding: 3px 0px 1px;
	color: #333;
	margin: 0;
}
.table_ttl_container_wd100 .table_header_comment span {
	color: #ce1e1e;
}
.length_container {
	width: 140px;
	margin-left: auto;
	margin-right: 0;
	text-align: right;
	display: block;
}
@media only screen and (max-width: 767px) {
	.length_container {
		width: 130px;
	}
}
.length_container div.dataTables_length {
	text-align: right;
}
.length_container label {
	margin: 0px;
	font-size: 14px;
	line-height: 30px;
}
@media only screen and (max-width: 767px) {
	.length_container label {
		font-size: 11px;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type=date].form-control,
	input[type=time].form-control,
	input[type=datetime-local].form-control,
	input[type=month].form-control {
		line-height:34px;
		padding: 0px 12px;
	}
}
.btn_form_box { display: block; width: 100%; font-size: 0;}

.btn_form_box_sim {
	display: block;
	width: 100%;
	font-size: 0;
	margin-right:30%;
}


.form-control.btn_inline_form {
	width: calc(100% - 65px);
	display: inline-block;
}
@media only screen and (max-width: 991px) {
	.form-control.btn_inline_form {
		width: calc(100% - 55px);
	}
}
.form-control.btn_inline_form_unit20 {
	width: calc(100% - 85px);
	display: inline-block;
}

.form-control.btn_inline_form_unit75 {
	width: calc(100% - 25px);
	display: inline-block;
}

@media only screen and (max-width: 991px) {
	.form-control.btn_inline_form_unit20 {
		width: calc(100% - 70px);
	}
}
.btn_form_box .form_unit20 {
	width: 20px;
	display: inline-block;
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
}
@media only screen and (max-width: 991px) {
	.btn_form_box .form_unit20 {
		width: 15px;
		font-size: 10px;
	}
}
.pr_md_0px {padding-right: 0px !important;}
@media only screen and (max-width: 991px) {
	.pr_md_0px {padding-right: 15px !important;}
}
.bb_mb20 {
	margin-bottom: 20px !important;
	padding-bottom: 20px !important;
	border-bottom: 2px solid #f2efef !important;
}
.bb_mb30 {
	margin-bottom: 30px !important;
	padding-bottom: 30px !important;
	border-bottom: 2px solid #f2efef !important;
}
.bb_mb40 {
	margin-bottom: 40px !important;
	padding-bottom: 40px !important;
	border-bottom: 2px solid #f2efef !important;
}
.bbnone_mb40 {
	margin-bottom: 40px !important;
	padding-bottom: 40px !important;
	border-bottom:none !important;
}
.table_add_img .img_container {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.table_add_img .img_container .img_box {
	display: flex;
	flex-direction: column;
	width: calc(100% / 4 - 0px);
	/* height: 140px; */
	padding: 0 5px 5px 0;
	position: relative;
}
@media only screen and (max-width: 991px) {
	.table_add_img .img_container .img_box {
		width: calc(100% / 3 - 0px);
		/* height: 120px; */
	}
}
.table_add_img .img_container .img_box a {
    display: block;
    position: relative;
    font-size: 24px;
    overflow: hidden;
    min-height: 1px;
}
.table_add_img .img_container .img_box a img {
	width: 100%;
	height: 135px;
	object-fit: contain;
	background: #eee;
}
@media only screen and (max-width: 991px) {
	.table_add_img .img_container .img_box a img {
		height: 115px;
	}
}

.price_container,
.final_price_container {
	display: block;
	width: 100%;
	margin-bottom: 40px;
	padding: 10px;
	background: #4e4e4e;
}

.price_container { background: #9fcbd7; margin-bottom: 30px;}

/* 2022/05/06 No.3351 nagayama UPD Start */
/* .price_container の中限定でtableDesign03に影が当たっているが、tableDesign05にも影を当てる。 */
.price_container table.tableDesign03,
.final_price_container table.tableDesign03,
.price_container table.tableDesign05,
.final_price_container table.tableDesign05 {
	box-shadow: 0 3px 4px rgba(0,0,0,0.3);
}
/*
.price_container table.tableDesign03,
.final_price_container table.tableDesign03 { box-shadow: 0 3px 4px rgba(0,0,0,0.3);}
*/
/* 2022/05/06 No.3351 nagayama UPD End */

.price_container table.tableDesign03 th,
.final_price_container table.tableDesign03 th {
	background: #ededed;
	color: #121212;
}

.price_container table.tableDesign03 td,
.final_price_container table.tableDesign03 td {
	background: #fff;
}

@media only screen and (max-width: 767px) {
	.sp_mb20 {
		margin-bottom: 20px !important;
	}
}

/* 2021/08/30_ichinomiya_Add_Start */
.pb30_only {
	padding: 0 0 30px 0!important;
}
/* 2021/08/30_ichinomiya_Add_End */


/* 2021/10/13_ichinomiya_Add_Start */
.pre_wrap {
	white-space: pre-wrap;
}
/* 2021/10/13_ichinomiya_Add_End */

/* 2021/10/22_ichinomiya_Add_Start */
.break_word {
	word-break: break-word;
}
.break_word_table td {
	word-break: break-word;
}
/* 2021/10/22_ichinomiya_Add_End */

/* 2021/11/07_ichinomiya_Add_Start */
.cursor_pointer {
	cursor: pointer;
}

.height45 {
	height: 45px!important;
}
/* 2021/11/07_ichinomiya_Add_End */

/* 2021/11/15_ichinomiya_Add_Start */
.tr_height_45_table tr {
	height: 45px!important;
}

.item_detail_modal_top_table th {
	width: 30%!important;
}
.item_detail_modal_top_table td {
	width: 70%!important;
}
.table_item_composition {
	border-top: 1px solid #ddd;
}

.table_item_composition td {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

/* 2021/11/15_ichinomiya_Add_End */

table.tableDesign02 .detail_button_td {
	padding: 3px!important;
	height: 38px;
}
table.tableDesign02 .detail_button_td .table_btn{
	height: 100%;
}
table.tableDesign02 .detail_button_td .fa-arrow-circle-o-right {
	padding: 0!important;
}

/* 2021/12/14_ichinomiya_Add_Start */
@media screen and (min-width:1200px) and ( max-width:1530px) {
	.container_custom_lg {
		width: 100%!important;
	}
}

/* 2021/12/14_ichinomiya_Add_End */

/* 2021.12.27 Nagano Add Start */
.tableDesign02 tbody tr.data_header {
    background-color: #fff8dc;
}
/* 2021.12.27 Nagano Add End */

/* 2022.02.09 Miyajima Add Start */
/* 実績系 - ドリルダウン 2層目 */
.tableDesign02 tbody tr.data_layer2 {
    background-color: #e0ffff;
}
/* 2022.02.09 Miyajima Add End */



/*--------------------------------------------------------------
	Datepicker
--------------------------------------------------------------*/
.datepicker td,
.datepicker th {
	font-size: 14px;
}
.datepicker thead tr:nth-child(3) th:nth-child(1) {
	color: #aa2727;
}
.datepicker thead tr:nth-child(3) th:nth-child(7) {
	color: #3697d0;
}
.datepicker tbody td {
	border: 1px solid #f0f0f0;
	border-radius: 0;
}
.datepicker .datepicker-months table tr td span,
.datepicker .datepicker-years table tr td span {
	border-radius: 0;
}
.datepicker table tr td.active,
.datepicker .datepicker-months table tr td span.active,
.datepicker .datepicker-years table tr td span.active {
	background: #257CBB !important;
}
/*--------------------------------------------------------------
	Navbar
--------------------------------------------------------------*/
/* nagayama UPD Start */
.navbar-custom {
/*   background-color: rgba(10, 10, 10, 0.9); */
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
  z-index: 1000;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 11px;
  transition: background, padding 0.4s ease-in-out 0s;
  margin-right: -15px; /* 背景に色がないため、ズレて見えるため調整する。 */
}
/* nagayama UPD End */

.navbar a {
  transition: color 0.125s ease-in-out 0s;
}

.navbar-custom .dropdown-menu {
  background: rgba(26, 26, 26, 0.9);
  border-radius: 0;
  border: 0;
  padding: 0;
  box-shadow: none;
}

.navbar-custom .navbar-brand {
  letter-spacing: 4px;
  font-weight: 400;
  font-size: 22px;
  color: #fff;
}

.navbar-custom .nav li > a {
    position: relative;
    /* 2021/08/27_ichinomiya_Upd_Start */
    /* 文字色をヘッダー内で統一 */
    /* color: rgba(255, 255, 255, 0.7); */
    color: #fff;
    /* 2021/08/27_ichinomiya_Upd_End */
}

.navbar-custom .dropdown-menu > li > a {
  border-bottom: 1px solid rgba(73, 71, 71, 0.15) !important;
  padding: 11px 15px;
  letter-spacing: 2px;

  /* 2021/08/27_ichinomiya_Upd_Start */
  /* 文字色をヘッダー内で統一 */
  color: #fff;
  /* color: #999; */
  /* 2021/08/27_ichinomiya_Upd_End */

}

.navbar-custom .dropdown-menu .dropdown-menu {
  border-left: 1px solid rgba(73, 71, 71, 0.15);
  left: 100%;
  right: auto;
  top: 0;
  margin-top: 0;
}

.navbar-custom .dropdown-menu.left-side .dropdown-menu {
  border: 0;
  border-right: 1px solid rgba(73, 71, 71, 0.15);
  right: 100%;
  left: auto;
}

.navbar-custom .nav > li > a:focus,
.navbar-custom .nav > li > a:hover,
.navbar-custom .nav .open > a,
.navbar-custom .nav .open > a:focus,
.navbar-custom .nav .open > a:hover,
.navbar-custom .dropdown-menu > li > a:focus,
.navbar-custom .dropdown-menu > li > a:hover {
  background: none;

  /* 2021/08/27_ichinomiya_Upd_Start */
  /* ホバー時の色変更 */
  color: #e32d2d;
  /* color: #fff; */
  /* 2021/08/27_ichinomiya_Upd_End */
}

.navbar-custom .dropdown-menu > li > a:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}

.navbar-custom .dropdown-toggle:after {
  position: absolute;
  display: block;
  right: 0;
  top: 50%;
  margin-top: -6px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 9px;
  content: "\f107";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.navbar-custom .navbar-toggle .icon-bar {
  background: #fff;
}

/*
.navbar-fixed-top {
	top : 0;
	border-width : 0 0 1px;
}
*/

/* .dropdown-menu { */
/*   min-width: 180px; */
/*   font-size: 11px; */
/* } */

/* タブレット用 */
#tablet_menu_btn {
	display: block;
	padding: 15px 0 0 0;
	color: #fff;
	font-size: 32px;
}



/*--------------------------------------------------------------
	タブ切り替え
--------------------------------------------------------------*/
.nav.nav-tabs a {
	color: #666;
}

.nav.nav-tabs a:visited {
    color: #666;
}

.nav.nav-tabs a:link {
    color: #666;
}

.nav-tabs>li.active>a {
	color: #fff;
	background: #696969;
}

.nav-tabs>li.active>a:visited {
	color: #fff;
	background: #696969;
}

.nav-tabs>li.active>a:link {
	color: #fff;
	background: #696969;
}



/*--------------------------------------------------------------
	page_head
--------------------------------------------------------------*/
.page_head_title {
	text-align: center;
}
.main_container .page_head_title {
	text-align: left;
	margin: 20px auto 10px;
	line-height: 33px;
	padding: 4px 0 10px;
	border-bottom: 5px solid #d7d7d7;
	font-size: 0;
}
@media only screen and (max-width: 767px) {
	.main_container .page_head_title {
		margin: 15px auto;
		line-height: 24px;
		padding: 2px 0 5px;
		border-bottom: 3px solid #d7d7d7;
	}
}
.main_container .page_head_title .page_head_jp {
	margin: 0;
	line-height: 1.1;
	font-size: 30px;
	display: inline-block;
}
@media only screen and (max-width: 1200px) {
	.main_container .page_head_title .page_head_jp {
		font-size: 26px;
	}
}
@media only screen and (max-width: 767px) {
	.main_container .page_head_title .page_head_jp {
		font-size: 22px;
	}
}
.main_container .page_head_title .page_head_en {
    display: inline-block;
    font-family:'Timmana', sans-serif;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 1;
    color: #bb3f3f;
    padding-left: 20px;
}
@media only screen and (max-width: 1200px) {
	.main_container .page_head_title .page_head_en {
	    font-size: 16px;
	}
}
@media only screen and (max-width: 767px) {
	.main_container .page_head_title .page_head_en {
	    display: inline-block;
	    font-size: 14px;
	    font-weight: 400;
	    letter-spacing: 0.01em;
	    padding-left: 5px;
	}
}

/* 2021/08/27_ichinomiya_Add_Start */
/* ページの英語タイトルのフォントサイズを小さく統一、中央寄せに */
.page_head_en {
	font-size: 14px;
	text-align: center;
}
/* 2021/08/27_ichinomiya_Add_End */
.main_container .page_head_title .system_name {
	float: right;
	line-height: 1.5;
	font-size: 11px;
	top: 13px;
	position: relative;
	color: #121212;
}
@media only screen and (max-width: 1200px) {
	.main_container .page_head_title .system_name {
		font-size: 10px;
		top: 10px;
	}
}
@media only screen and (max-width: 767px) {
	.main_container .page_head_title .system_name {
		display: block;
		float: none;
		top: 3px;
	}
}
.main_container .page_head_title .system_name img {
	width: 25px;
	padding-right: 5px;
	position: relative;
	top: -2px;
}
@media only screen and (max-width: 767px) {
	.main_container .page_head_title .system_name img {
		width: 20px;
		padding-right: 3px;
		top: -2px;
	}
}
/*--------------------------------------------------------------
	side_menu
--------------------------------------------------------------*/
#side_menu,
#tab_menu {
	margin: 0;
	padding: 0;
	height: 100%;
	background: rgba( 0, 0, 0, 0.6);
	list-style: none;
}

#side_menu > li,
#tab_menu > li {
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
#side_menu > li:first-child {
	border-top: 1px solid rgba( 0, 0, 0, 0.6);
}
#side_menu > li > a,
#tab_menu > li > a {
	display: block;
	padding: 8px 10px;
	line-height: 24px;
	color: #fff;
	border-left: 5px solid #4d4747;
}
#side_menu > li > a:hover,
#tab_menu > li > a:hover {
	background: rgba(174,3,3,0.5);
	border-left: 5px solid #ae0303;
}

#side_menu > li > ul,
#tab_menu > li > ul {
	margin: 0;
	padding: 0;
	background: rgba( 0, 0, 0, 0.6);
}

#side_menu > li > ul > li,
#tab_menu > li > ul > li {
	border-top: 1px solid rgba(255,255,255,0.5);
}

#side_menu > li > ul > li > a,
#tab_menu > li > ul > li > a {
	display: block;
	padding: 10px 10px 10px 30px;
	color: #fff;
	border-left: 5px solid #4d4747;
}
#side_menu > li > ul > li > a:hover,
#tab_menu > li > ul > li > a:hover {
	background: rgba(174,3,3,0.5);
	border-left: 5px solid #ae0303;
}
#side_menu li a.active {
	background: rgba(174,3,3,0.8);
	border-left: 5px solid #e32d2d;
}
/* tab_menuのみの指定 */
#tab_menu {
	position: absolute;
	top: 0px;
	left: -203px;
	width: 200px;
	transition: left 0.5s;
	z-index: 2;
}

#tab_menu.show {
	left: 0;
}


.tablet_spacer {
	padding: 0 15px 80px 0;
}

@media (max-width: 1199px) {
	.tablet_spacer {
		padding: 60px 0 0 15px;
	}
}
@media (max-width: 991px) {
	.tablet_spacer {
		padding: 60px 0 0 10px;
	}
}

/*--------------------------------------------------------------
	DataTables
--------------------------------------------------------------*/
#totalPrice {
	margin: 0 15px 0 0;
}

/* 2021/08/27_ichinomiya_Add_Start */
.btnCancel {
	width: 100%;
	height: 34px;
}
/* 2021/08/27_ichinomiya_Add_End */
/*--------------------------------------------------------------
	Footer
--------------------------------------------------------------*/
.footer {
  padding: 10px 0;
  width: 100%;
  bottom: 0;
  -webkit-font-smoothing: none;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
}
@media only screen and (max-width: 1199px) {
	.footer {
		position: relative;
	}
}
#login .footer {
	position: fixed;
}
.footer .copyright {
  margin: 0;
  text-align: center;
}

.footer .footer-social-links {
  text-align: right;
}

.footer .footer-social-links a {
  display: inline-block;
  padding: 0 6px;
}

/* -------------------------------------------------------------------
Hero Slider
------------------------------------------------------------------- */
.hero-slider {
  margin: 0 !important;
}

.hero-slider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.hero-slider,
.hero-slider .flex-viewport {
  height: 100% !important;
  width: 100%;
  padding: 0;
  margin: 0;
}

.hero-slider .slides {
  height: 100% !important;
  transition-delay: 1s;
}

.hero-slider .flex-direction-nav a {
  width: 15%;
}

.hero-slider .slides li {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100% !important;
  width: 100%;
  padding: 0;
  margin: 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

/*--------------------------------------------------------------
	Portfolio
--------------------------------------------------------------*/
/* Portfolio filter */
.filter {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0 0 70px;
}

.filter > li {
  display: inline-block;
  padding: 0 0 10px;
  margin: 0 25px;
}

/* Portfolio grid */
.works-grid {
  list-style: none;
  padding: 0;
  margin: 0;
}

.works-grid.works-grid-gut {
  margin: 0 0 0 -10px;
}

.works-grid.works-grid-gut .work-item {
  padding: 0 0 10px 10px;
}

.work-item {
  width: 50%;
  float: left;
  margin: 0;
}

.works-grid-3 .work-item {
  width: 33.3333%;
}

.container .works-grid-3 .work-item {
  width: 33.2%;
}

.works-grid-4 .work-item {
  width: 25%;
}

.works-grid-5 .work-item {
  width: 20%;
}

.work-item > a {
  position: relative;
  display: block;
  overflow: hidden;
}

.work-image {
  position: relative;
  overflow: hidden;
}

.work-image img {
  display: block;
  overflow: hidden;
  width: 100%;
}

.work-image:after {
  position: absolute;
  display: block;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.work-caption {
  width: 100%;
  padding: 0 20px;
  opacity: 0;
  position: absolute;
  bottom: 100%;
  left: 0;
  text-align: center;
  overflow: hidden;
}

.work-title {
  font-size: 24px;
  color: #fff;
  margin: 0 0 6px;
}

.work-descr {
  padding-top: 5px;
  color: #f2707f;
}

.work-item:hover .work-image:after {
  background: rgba(0, 0, 0, 0.6);
}

.work-item:hover .work-image > img {
  -webkit-transform: scale(1.1) rotate(2deg);
  -ms-transform: scale(1.1) rotate(2deg);
  transform: scale(1.1) rotate(2deg);
}

.work-item:hover .work-caption {
  bottom: 50%;
  opacity: 1;
  z-index: 3;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}

/* Work item white background*/
.works-grid.works-hover-w .work-title {
  color: #111;
}

.works-grid.works-hover-w .work-item:hover .work-image:after {
  background: rgba(255, 255, 255, 0.8);
}

/* Work item gradien background*/
.works-grid.works-hover-g .work-image:after {
  opacity: 0;
}

.works-grid.works-hover-g .work-descr {
  color: #fff;
}

.works-grid.works-hover-g .work-item:hover .work-image:after {
  background: #6fe29e;
  background: linear-gradient(135deg, rgba(111, 226, 158, 0.8) 0%, rgba(91, 218, 209, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fe29e', endColorstr='#5bdad1',GradientType=1 );
  opacity: 1;
}

.sliding-portfolio .work-item {
  width: 100%;
}

.font-alt {
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.client-logo, .gallery-caption, .gallery-image:after, .gallery-image img, .price-table, .team-detail, .team-image:after, .work-caption, .work-image > img, .work-image:after, .post-thumbnail, .post-video, .post-images-slider {
    transition: all 0.3s ease-in-out 0s;
}

/* nagayama UPD Start */
/*--------------------------------------------------------------
	container_wrapper
--------------------------------------------------------------*/
.container_wrapper {
	max-width: 1524px;
	margin: 0 auto;
}

/* @media (max-width: 991px) { */
/* 	.container_wrapper { */
/* 		width: auto; */
/* 	} */
/* } */
/* nagayama UPD End */


/*--------------------------------------------------------------
	container_inner
--------------------------------------------------------------*/
.container_inner {
	width: 90%;
	margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
	.container_inner {
		width: auto;
	}
}
.main_container .container_inner {
	width: 100%;
	max-width: 1200px;
	margin-left: 0;
}

/*--------------------------------------------------------------
	ignore_grid
--------------------------------------------------------------*/
.ignore_grid {
	margin-left: -15px;
	margin-right: -15px;
}


/*--------------------------------------------------------------
	flex_split
--------------------------------------------------------------*/
.flex_split {
	display: flex;
}

.flex_content {
	margin-right: 15px;
}
.flex_content:last-child {
	margin-right: 0;
}

.flex_width_1 {
	flex: 1;
}

.flex_width_2 {
	flex: 2;
}

.flex_width_3 {
	flex: 3;
}

.flex_width_4 {
	flex: 4;
}

.flex_width_5 {
	flex: 5;
}


.search_content .flex_split {
	justify-content: center;
	align-items: center;
}


/*--------------------------------------------------------------
	.searchArea
--------------------------------------------------------------*/
.searchArea {

}

.searchRow {
	display: flex;
/* 	justify-content: center; */
/*     align-items: center; */
	margin: 0 0 20px 0;
}

.search_content {
	margin-right: 25px;
}

.search_content label {
	margin-bottom: 2px;
}

.area_width_1 {
	flex: 1;
}

.area_width_2 {
	flex: 2;
}

.area_width_3 {
	flex: 3;
}

.area_width_4 {
	flex: 4;
}

.area_width_5 {
	flex: 5;
}


/*--------------------------------------------------------------
	.range_group
--------------------------------------------------------------*/
.range_group {

}

.range_group > * {
	float: left;
}

.range_group .tilde {
	width: 6%;
	padding-top: 8px;
	text-align: center;
}

.range_group .input-group.date {
	width: 47%;
}




/*--------------------------------------------------------------
	入力無しの基本情報部分
--------------------------------------------------------------*/
.label_key {
	display: block;
    border-bottom: 1px solid #999;
	padding: 7px 5px 2px;
	font-weight: bold;
	background: #e9e9e9;
}

.label_value {
	display: block;
    border-bottom: 1px solid #999;
	padding-top: 4px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 18px;
	font-weight: normal;
}


/*--------------------------------------------------------------
	Login
--------------------------------------------------------------*/
#login {
  height: 100vh;
  background: url(../images/okinawa_world.png), linear-gradient(rgba(0, 0, 0, .8), rgba(159, 159, 159, .8));
  background-position: 75% 50%;
  background-repeat: none;
  background-size: cover;
}

#login_head {
  height: 80px;
  background: rgba(0,0,0,0.6);
  display: block;
  text-align: center;
  border-bottom: 2px solid rgb(255, 255, 255);
  padding: 0;
  position: relative;
}
#login_head img {
  max-width: 280px;
  width: 100%;
  padding-top: 5px;
}

#login_foot {
  width: 280px !important;
  height: 40px;
  position: fixed;
  bottom: 0;
  z-index: 999;
  background: #e32d2d;
}
@media only screen and (max-width: 1199px) {
	#login_foot {
		position: relative;
	}
}
#login #login_foot {
  background-color: transparent;
  position: fixed;
}
#ft_menu_btn {
	position: fixed;
	bottom: 40px;
	right: 0;
	z-index: 10;
	width: 60px;
	height: 60px;
	background: #222;
	transform: translateX(100%);
	transition: transform 0.3s;
}

#ft_menu_btn.slide_in {
	transform: translateX(0%);
}

#ft_menu_btn a {
	display: block;
	width: 60px;
	height: 60px;
	text-align: center;
}

#ft_menu_btn a .fa-bars {
	color: #fff;
	font-size: 32px;
	line-height: 60px;
}

@media only screen and (min-width: 1200px) {
	.side_menu_magin {
		margin: 0 0 0 auto !important;
		max-width: calc(100% - 310px);
	}
}
#header_fixed_menu {
	margin-top: 0;
	border-bottom: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 101;
	width: 280px !important;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4);
	box-shadow: 0 0 3px rgba(0,0,0,0.4);
	background-color: transparent;
}
header#headerBox {
	width: 280px !important;
	position: absolute;
	left: 0;
	top: 0 !important;
	min-height: 100%;
	background-color:
		transparent,
		transparent !important;
	background-image:
	-webkit-linear-gradient(top, rgba( 0, 0, 0, 0.3), rgba( 0, 0, 0, 0.1)),
	url(../images/bg_triangle_bk.jpg) !important;
	background-image:
	-o-linear-gradient(top, rgba( 0, 0, 0, 0.3), rgba( 0, 0, 0, 0.1)),
	url(../images/bg_triangle_bk.jpg) !important;
	background-image:
	linear-gradient(to top, rgba( 0, 0, 0, 0.3), rgba( 0, 0, 0, 0.1)),
	url(../images/bg_triangle_bk.jpg) !important;
	background-repeat:
	repeat, /* 最前面の背景レイヤーに対応 */
	repeat !important;
	background-attachment:
	scroll, /* 最前面の背景レイヤーに対応 */
	fixed !important;
	z-index: 500;
}
header#headerBox h1.header_logo {
	margin: 0px !important;
	padding: 0 !important;
	height: 90px;
	line-height: 90px;
	width: 100%;
	max-width: 100%;
	text-align: center;
}
header .header_logo #header_logo {
	max-width: 260px;
	width: 100%;
	margin: 0 auto;
	padding-top: 15px;
	padding-right: 20px
}
@media only screen and (max-width: 991px) {
	header .header_logo #header_logo {
		max-width: 160px;
		padding-top: 10px;
	}
}
#head_greet {
	line-height: 26px;
	background: #fff;
	width: 100%;
	font-size: 13px;
	padding: 0px;
	height: 40px;
	display: block;
	font-family: "Roboto Condensed", sans-serif;
	position: relative;
}
#head_greet p {
	color: #333;
	margin-bottom: 0;
	padding: 0 15px 0 0px;
}
#head_greet p span {
	background: #3a78ae;
	color: #fff;
	font-size: 11px;
	display: inline-block;
	padding: 2px 10px 1px;
	line-height: 37px;
	margin: 0 5px 0 0;
	border: none;
	position: relative;
}
@media only screen and (max-width: 1199px) {
	#head_greet {
		background-color: transparent;
		width: auto;
		display: inline-block;
		float: right;
		font-size: 11px;
		margin-top: 10px;
	}
	#head_greet p {
		color: #fff;
		padding: 0 10px 0 0px;
	}
	#head_greet p span {
		font-size: 10px;
		padding: 2px 5px 1px;
	}
}
header ul.mobile_menu {
	display: none;
	margin: 0;
	list-style: none;
	padding: 0;
}
@media only screen and (max-width: 1199px) {
	header ul.mobile_menu {
		display: block;
	}
}
header ul.mobile_menu li {
    float: left;
    text-align: center;
    position: relative;
    width: 48px;
    list-style: none;
}
header ul.mobile_menu li a#menu_toggle {
	line-height: 60px;
	height: 60px;
	width: 48px;
	display: block;
	color: #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
header ul.mobile_menu li #menu_toggle::before {
	content: "\f0c9";
	font-family: FontAwesome;
	display: block;
	position: absolute;
	width: 100%;
	top: 0px;
	text-align: center;
	font-size: 30px;
	color: #fff;
}
.tablet_footer {
  padding: 10px 0;
  width: 100%;
  bottom: 0;
  color: #aaa;
  display: none;
}
@media only screen and (max-width: 1199px) {
	.tablet_footer {
		display: block;
	}
}
#text_copyright {
	vertical-align: middle;
	font-size: 11px;
	color: #FFF;
	display: block;
	text-align: center;
	line-height: 20px;

}
.tablet_footer #text_copyright {
	vertical-align: middle;
	font-size: 11px;
	color: #888;
	display: block;
	text-align: center;
	line-height: 20px;

}

.form_login {
  margin: 0 auto;
  min-width: 350px;
  max-width: 500px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
}
.form_login .login_container {
	padding: 2em 1em 0;
	background: rgba(250,250,250,0.9);
}
.form_login > h2 {
	text-align: center;
	padding: 5px 0;
	line-height: 40px;
	margin: 0;
	background: rgba(0,0,0,0.6);
	color: #fff;
	font-size: 15px;
	position: relative;
	border-bottom: #cecece 5px solid;
}
.form-item {
  margin-bottom: 0.75em;
  width: 100%;
}

.button-panel {
    margin: 2em 0 0;
    width: 100%;
}

.button-panel .button {
    background: #e32d2d;
    border: none;
    color: #fff;
    cursor: pointer;
    height: 50px;
    font-size: 1.2em;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.3s ease-in-out;
    width: 100%;
    border-radius: 4px;
}
.button-panel .button:hover{
	background-color: #f24747;
}
.button-panel .button:active{
	background-color: #db1313;
}

.button-panel .botton-aicon:hover{
	border:1px solid #ffffff;
  	background-color:#ffffff;
}
.form-footer {
    font-size: 1em;
    padding: 2em 0 1em;
    text-align: center;
}

.form-footer a {
    color: #8c8c8c;
    text-decoration: none;
    transition: border-color 0.3s;
}

a:visited {
    text-decoration: none;
    color: #257CBB;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
}

a:link {
    text-decoration: none;
    color: #257CBB;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
}

a {
    outline: none;
}
/*--------------------------------------------------------------
	tablet_header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
	Home
--------------------------------------------------------------*/
.home-section {
    position: relative;
    background-color: #EEE;
    background-repeat: no-repeat;
    background-position: center center;
    height: 600px;
    width: 100%;
    z-index: 0;
    background-size: cover;
    display: block;
}
.top_menu_container {
	margin-top: 30px;
	margin-bottom: 30px;
	display: block;
	width: calc(100% / 1 - 15px);
	padding: 15px 30px 0px;
	background: #ededed;
	border-top: #a4a2a2 solid 4px;
	border-bottom: #a4a2a2 solid 4px;
}
@media only screen and (max-width: 991px) {
	.top_menu_container {
		margin-top: 15px;
		margin-bottom: 15px;
		width: calc(100% / 1 - 10px);
	}
}
@media only screen and (max-width: 767px) {
	.top_menu_container {
		padding: 10px 10px 0px;
	}
}
.top_menu_container label {
	margin-bottom: 15px;
	width: 100%;
}
@media only screen and (max-width: 767px) {
	.top_menu_container label {
		margin-bottom: 10px;
	}
}
select.form-control { cursor: pointer;}
.top_menu_container button.add_button {
	margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
	.top_menu_container button.add_button {
		margin-bottom: 10px;
	}
}
.main {
    position: relative;
    background-color: #fff;
    z-index: 1;
}
.module, .module-small {
    position: relative;
	padding: 10px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
@media only screen and (max-width: 767px) {
	.module, .module-small {
	    position: relative;
	    padding: 5px;
	}
}
.main_container .module {
	padding: 0;
}
#menu {
/* 	height: 300px; */
	background: url(../images/bg_dotted.png) fixed repeat;
}

.top-title {
	height: 3px;
	width: 100%;
    background: repeating-linear-gradient(45deg, #fff, #fff 2px, #ff0000 2px, #ff0000 4px);
    margin-bottom: 20px;
}


.infomation_h3 {
	color: #19252f;
    font-weight: normal;
    text-decoration: none;
    background-color: transparent;
    border-left: 4px solid #ff0000;
    padding: 3px 0 0 10px;
}

.sales-calendar {
	border: 1px #BBB solid;
	color: #111;
	width: 100%;
	text-align: center;
	margin: 0 auto 30px;
}

.sales-calendar-header {
	border: 1px #BBB solid;
	height: 35px;
	background: #FFD;
}

.sales-calendar-body {
	border: 1px #BBB solid;
	height: 50px;
}

.sales-calendar-holiday {
    background: #ffeaea;
}

.text-sun {
	color: red;
}

.text-sat {
	color: blue;
}

.calendar_btn_grp {
	display: flex;
	justify-content:space-between;
	margin: 0 0 10px;
}

/* 2021/08/27_ichinomiya_Add_Start */
/* カレンダーの操作ボタンのサイズを統一 */
.calendar_btn_grp .chMonth {
    width: 6.5em;
}
/* 2021/08/27_ichinomiya_Add_End */

ul.tile_information {
	list-style: none;
	padding: 0 0px 0 5px;
	margin-bottom: 4px;
	max-height: 363px;
	/* 2022/04/25 No.3310 要素があふれた場合のみスクロールバーを表示するように修正 Start */
	overflow-y: auto;
/* 	overflow-y: scroll; */
	/* 2022/04/25 No.3310 要素があふれた場合のみスクロールバーを表示するように修正 End */
}
@media only screen and (max-width: 991px) {
	ul.tile_information {
		padding: 0 3px 0 3px;
		margin-bottom: 3px;
		max-height: 123px;
	}
}
ul.tile_information li {
	list-style: none;
	width: auto;
	height: auto;
	margin: 0 0px 0px 0;
	padding: 0px;
	background-color: transparent;
	border-bottom: 1px dotted #ddd;
}
ul.tile_information li:last-child {
	border: none;
}
ul.tile_information li a {
	line-height: 20px;
	padding: 10px 5px;
	display: block;
	font-size: 14px;
}
@media only screen and (max-width: 991px) {
	ul.tile_information li a {
		padding: 5px 5px;
		font-size: 12px;
	}
}
ul.tile_information li a:hover {
	background-color: #fbf9e9;
}
.tile_radial_container {
	display: block;
	width: auto;
	padding: 0;
	margin-bottom: 5px;
}
@media only screen and (max-width: 991px) {
	.tile_radial_container {
		margin-bottom: 2px;
	}
}
.tile_radial_container ul.tile_radial_gauge {
	list-style: none;
	margin: 0;
	padding: 0;
}
.tile_radial_container ul.tile_radial_gauge li {
    list-style: none;
    width: auto;
    height: auto;
    margin: 0 0px 0px 0;
    padding: 5px 10px;
    background-color: transparent;
    border-bottom: 1px solid #fff;
    color: #fff;
    -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	font-size: 0;
}
.tile_radial_container ul.tile_radial_gauge li:last-child {
	border-bottom: none;
}
@media only screen and (max-width: 991px) {
	.tile_radial_container ul.tile_radial_gauge li {
	    padding: 3px 5px;
	}
}
.tile_radial_container ul.tile_radial_gauge li.blue { background: #3a9fce;}
.tile_radial_container ul.tile_radial_gauge li.yellow { background: #dfcb29;}
.tile_radial_container ul.tile_radial_gauge li.red { background: #de5f5f;}
.tile_radial_container ul.tile_radial_gauge li.blue:hover { background: rgba(58,159,206,0.6);}
.tile_radial_container ul.tile_radial_gauge li.yellow:hover { background: rgba(223,203,41,0.6);}
.tile_radial_container ul.tile_radial_gauge li.red:hover { background: rgba(222,95,95,0.6);}
.tile_radial_container ul.tile_radial_gauge li span {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.tile_radial_container ul.tile_radial_gauge li span.name {
	line-height: 20px;
	padding: 5px 10px;
	height: 30px;
	display: inline-block;
	width: 20%;
	font-weight: bold;
	text-align: center;
	color: #fff;
	margin-right: 1%;
	font-size: 15px;
}
.tile_radial_container ul.tile_radial_gauge li.blue span.name { background: #2b86b0;}
.tile_radial_container ul.tile_radial_gauge li.yellow span.name { background: #b9a60e;}
.tile_radial_container ul.tile_radial_gauge li.red span.name { background: #d94040;}
.tile_radial_container ul.tile_radial_gauge li.blue:hover span.name {  background: #155f82;}
.tile_radial_container ul.tile_radial_gauge li.yellow:hover span.name { background: #776b09;}
.tile_radial_container ul.tile_radial_gauge li.red:hover span.name { background: #952828;}
.tile_radial_container ul.tile_radial_gauge li span.number {
	line-height: 20px;
	padding: 5px 20px;
	height: 30px;
	display: inline-block;
	width: 25%;
	font-weight: 400;
	text-align: right;
	color: #fff;
	margin-right: 1%;
	font-size: 15px;
}
.tile_radial_container ul.tile_radial_gauge li.blue span.number { background: #2b86b0;}
.tile_radial_container ul.tile_radial_gauge li.yellow span.number { background: #b9a60e;}
.tile_radial_container ul.tile_radial_gauge li.red span.number { background: #d94040;}
.tile_radial_container ul.tile_radial_gauge li.blue:hover span.number {  background: #155f82;}
.tile_radial_container ul.tile_radial_gauge li.yellow:hover span.number { background: #776b09;}
.tile_radial_container ul.tile_radial_gauge li.red:hover span.number { background: #952828;}
.tile_radial_container ul.tile_radial_gauge li span.number em {
	font-size: 13px;
	padding-left: 5px;
	font-style: normal;
}
@media only screen and (max-width: 991px) {
	.tile_radial_container ul.tile_radial_gauge li span.number em {
		font-size: 11px;
		padding-left: 2px;
	}
}
.tile_radial_container ul.tile_radial_gauge li span.yen {
	line-height: 20px;
	padding: 5px 20px;
	height: 30px;
	display: inline-block;
	width: 30%;
	font-weight: 400;
	text-align: right;
	color: #fff;
	margin-right: 1%;
	font-size: 15px;
}
.tile_radial_container ul.tile_radial_gauge li.blue span.yen { background: #2b86b0;}
.tile_radial_container ul.tile_radial_gauge li.yellow span.yen { background: #b9a60e;}
.tile_radial_container ul.tile_radial_gauge li.red span.yen { background: #d94040;}
.tile_radial_container ul.tile_radial_gauge li.blue:hover span.yen {  background: #155f82;}
.tile_radial_container ul.tile_radial_gauge li.yellow:hover span.yen { background: #776b09;}
.tile_radial_container ul.tile_radial_gauge li.red:hover span.yen { background: #952828;}
.tile_radial_container ul.tile_radial_gauge li span.yen em {
	font-size: 15px;
	padding-right: 5px;
	font-style: normal;
}
@media only screen and (max-width: 991px) {
	.tile_radial_container ul.tile_radial_gauge li span.yen em {
		font-size: 11px;
		padding-right: 2px;
	}
}
.tile_radial_container ul.tile_radial_gauge li span.list_btn {
	padding: 0px 0px 0px 0px;
	height: 30px;
	display: inline-block;
	font-weight: 400;
	text-align: right;
	color: #fff;
	margin-right: 0;
	font-size: 15px;
	width: 22%;
}
.tile_radial_container ul.tile_radial_gauge li span.list_btn .dashBoad_button {
	background-color: #fff;
	color: #333;
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	line-height: 20px;
	border: none;
	height: 30px;
	padding: 5px 10px;
	width: 100%;
	font-size: 14px;
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
}
.tile_radial_container ul.tile_radial_gauge li span.list_btn .dashBoad_button:hover {
	background-color: #555;
	color: #fff;
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
.tile_radial_container ul.tile_radial_gauge li span.list_btn .dashBoad_button:active {
	background-color: #333;
	color: #fff;
	box-shadow: none;
}
@media only screen and (max-width: 991px) {
	.tile_radial_container ul.tile_radial_gauge li span.name,
	.tile_radial_container ul.tile_radial_gauge li span.number,
	.tile_radial_container ul.tile_radial_gauge li span.yen {
	    line-height: 18px;
		padding: 3px 5px;
		height: 24px;
		font-size: 11px;
	}
	.tile_radial_container ul.tile_radial_gauge li span.name {width: 22%;}
	.tile_radial_container ul.tile_radial_gauge li span.number {width: 23%;}
	.tile_radial_container ul.tile_radial_gauge li span.list_btn {
		padding: 0px 0px 0px 2px;
		height: 24px;
		font-size: 11px;
	}
	.tile_radial_container ul.tile_radial_gauge li span.list_btn .dashBoad_button {
		border-radius: 2px;
		-o-border-radius: 2px;
		-ms-border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		line-height: 18px;
		height: 24px;
		padding: 3px 2px;
		font-size: 11px;
	}
}
.monthly_sheet_container {
	display:block;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
@media only screen and (max-width: 991px) {
	.monthly_sheet_container {
		text-align: center;
		margin-top: 15px;
		margin-bottom: 5px;
	}
}
.monthly_sheet_container button {
	background-color: #ededed;
	color: #333;
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	line-height: 20px;
	border: none;
	height: 30px;
	padding: 5px 10px;
	width: 50px;
	font-size: 14px;
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
}
.monthly_sheet_container button:hover {
	background-color: #555;
	color: #fff;
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
.monthly_sheet_container button:active {
	background-color: #333;
	color: #fff;
	box-shadow: none;
}
@media only screen and (max-width: 991px) {
	.monthly_sheet_container button {
		border-radius: 2px;
		-o-border-radius: 2px;
		-ms-border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		line-height: 18px;
		height: 24px;
		padding: 3px 5px;
	}
}
.monthly_sheet_container span.date {
	height: 30px;
	padding: 5px 10px;
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
	color: #333;
	display: inline-block;
}
@media only screen and (max-width: 991px) {
	.monthly_sheet_container span.date {
		height: 24px;
		padding: 3px 10px;
		font-size: 13px;
		line-height: 18px;
	}
}
#information_list {
	margin: 0 0 30px;
	padding: 0;
	font-size: 18px;
	overflow: auto;
	height: 357px;
	border: 1px solid #ddd;
}
#information_list li {
	display: flex;
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
	cursor: pointer;
}

#information_list li:nth-child(odd) {
	background: #f9f9f9;
}

#information_list li:last-child {
	border-bottom: none;
}

#information_list li .info_date {
	margin-right: 10px;
	padding: 0 0 0 10px;
	font-size: 14px;
    line-height: 24px;
}

#information_list li .info_title {
	display: block;
	margin-bottom: 10px;
}

#information_list li .info_text {
	display: block;
	font-size: 14px;
}

#information_list li.no_information {
	font-size: 16px;
	padding-right: 10px;
	padding-left: 10px;
}

.new_icon {
    display        : inline-block;
    background     : #ff0000;
    color          : #ffffff;
    font-weight    : bold;
    font-size      : 1.5rem;
    letter-spacing : -1px;
    line-height    : 1;
    vertical-align : top;
    margin         : 0 0 0 10px;
    padding        : 2px;
    transform      : scale(0.6) translateX(-30%);
    animation      : newAnime .7s infinite alternate;
}

@keyframes newAnime {
   0% { color      : #ff0000;          /* ブリンク時の文字色      */
        background : #ffffff;          /* ブリンク時の背景色      */
      }
 100% { color      : #ffffff;          /* ブリンク時の文字色      */
        background : #ff0000;          /* ブリンク時の背景色      */
      }
}

#slider-0 {
	height: 200px;
}


/* お知らせ詳細モーダル */

/* 2021/08/27_ichinomiya_Add_Start */
/* モーダルウィンドウを中央に表示 */
.modal-open #noticeModal.modal,
.modal-open #add-item-modal.modal {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* モーダルウィンドウのデザイン調整 */
#noticeModal .modal-content {
	overflow: hidden;
}
#noticeModal .modal-header {
	background-color: #000;
	color: #fff;
}
#noticeModal .modal-header .close {
	opacity: 1;
	color: #fff;
}
/* 2021/08/27_ichinomiya_Add_End */

#noticeImgList {
	margin: 0;
	padding: 0;
}

#noticeImgList li {
	list-style: none;
}

#noticeImgList li:not(:last-child) {
	margin-bottom: 15px;
}

#noticeImgList li img.fileImg {
	width: 100%;
}

#block_1 {
    position: absolute;
    left: 0px;
    top: 0px;
}

#block_2 {
	position: absolute;
	left: 300px;
	top: 0px;
}

#block_3 {
    position: absolute;
    left: 600px;
    top: 0px;
}

#block_4 {
    position: absolute;
    left: 900px;
    top: 0px;
}

#block_5 {
    position: absolute;
    left: 1200px;
    top: 0px;
}

.menu-text1,
.menu-text2,
.menu-text3,
.menu-text4,
.menu-text5 {
	position: absolute;
	left: 25px;
	top: 30px;
	font-size: 36px;
	color: #FFF;
}

.menu-holizontal-line {
	height: 3px;
	width: 100%;
	background: #FFF;
	position: absolute;
	left: 0px;
	top: 155px;
}

.menu-vertical-line {
	height: 100%;
	width: 3px;
	background: #FFF;
	position: absolute;
	left: 275px;
	top: 0px;
}

/* nagayama UPD Start */
.page-title {
	margin-top: 20px;
}

/* @media (max-width: 991px) */
/* { */
/* 	.page-title { */
/* 		margin-top: 80px; */
/* 	} */
/* } */
/* nagayama UPD End */



#top_menu {
	padding: 0;
	list-style: none;
}

#top_menu li {
	float: left;
	width: 32%;
	height: 200px;
	margin-top: 2%;
	margin-right: 2%;
	background: #fff;
}

@media (min-width: 992px) {
	#top_menu li:nth-child(3n) {
		margin-right: 0;
	}

	#top_menu li:nth-child(-n + 3) {
		margin-top: 0;
	}
}

@media (max-width: 991px) {
	#top_menu li {
		width: 49%;
	}

	#top_menu li:nth-child(2n) {
		margin-right: 0;
	}

	#top_menu li:nth-child(-n + 2) {
		margin-top: 0;
	}
}

#top_menu li a {
	display: block;
	padding: 25px 0 0 0;
	height: 100%;
}

#top_menu li a .icon_wrapper {
	width: 72px;
	height: 72px;
	margin: 0 auto 20px;
	text-align: center;
	border: 2px solid #666;
	border-radius: 50% 50%;
	background: #fff;
}

#top_menu li a .icon_wrapper .fa {
	position: relative;
	font-size: 48px;
	line-height: 72px;
	color: #666;
}

#top_menu li a .icon_wrapper .fa.fa-shopping-cart {
	left: -1px;
	top: -1px;
}

#top_menu li a .icon_wrapper .fa.fa-search {
	left: -1px;
	top: -4px;
}

#top_menu li a .icon_wrapper .fa.fa-rmb {
	left: 0px;
	top: 0px;
}

#top_menu li a .icon_wrapper .fa.fa-truck {
	left: -2px;
	top: -3px;
}

#top_menu li a .icon_wrapper .fa.fa-gift {
	left: 0px;
	top: -1px;
}

#top_menu li a .icon_wrapper .fa.fa-user {
	left: 0px;
	top: -2px;
}

#top_menu li a .menu_name {
	display: block;
	text-align: center;
	font-size: 24px;
	color: #666;
}

#top_menu li a .menu_descri {
	display: block;
	text-align: center;
	font-size: 12px;
	color: #666;
}

/* ホバー時 */
#top_menu li a:hover {
	background: #666;
}

#top_menu li a:hover .menu_name,
#top_menu li a:hover .menu_descri {
	color: #fff;
}

#top_menu li a:hover .icon_wrapper {
	animation: disp_icon 0.5s;
}

@keyframes disp_icon {
    0% {
        transform: scaleX(0);
    }
    100% {
        transform: scaleX(1);
    }
}

/* 2021.11.02 Miyajima ADD ===START */
.panel-custom-for-salesRep {
    background: #fff;
	border: none !important;
	box-shadow: none;
	margin-bottom: 40px;
	padding-bottom: 10px;
}
/* 2021.11.02 Miyajima ADD ===END */


.panel-custom {
    background: #fff;
	border: none !important;
	box-shadow: none;
	margin-bottom: 40px;
	padding-bottom: 25px;
	border-bottom: 2px solid #f2efef !important;
}
@media only screen and (max-width: 767px) {
	.panel-custom {
	    background: #fff;
		border: none !important;
		box-shadow: none;
		margin-bottom: 30px;
		padding-bottom: 20px;
		border-bottom: 2px solid #f2efef !important;
	}
}
.panel .panel-ttl {
    height: 43px;
    padding: 0;
    color: #fff;
    background: #4e4e4e;
    border-bottom: 3px solid transparent;
    border-bottom-color: transparent;
    border-color: #ddd;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    /* 2021/08/27_ichinomiya_Upd_Start */
    margin-bottom: 20px;
    /* 2021/08/27_ichinomiya_Upd_End */
}

.panel .panel-ttl-text {
	margin-top: 0;
    font-size: 17px;
    padding: 8px 15px;
    line-height: 24px;
}
@media only screen and (max-width: 767px) {
	.panel .panel-ttl {
	    height: 32px;
	    border-bottom: 2px solid transparent;
	}
	.panel .panel-ttl-text {
	    font-size: 14px;
	    padding: 5px 10px;
	    line-height: 20px;
	}
}

.panel-body {
    padding: 0px 0px 15px;
}
@media only screen and (max-width: 767px) {
	.panel-body {
	    padding: 0px 0px 10px;
	}
}
.search_btn_container {
	background: #f4f4f4;
	padding: 15px 15px 0;
	margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
	.search_btn_container {
		padding: 10px 10px 0;
		margin-bottom: 10px;
	}
}
.search_btn_container label.checkbox-inline.no_ttl {
	line-height: 24px;
	padding: 5px 0 5px 20px;
	font-size: 14px;
	margin: 20px 0 0 5px;
	font-weight: normal;
}
@media only screen and (max-width: 991px) {
	.search_btn_container label.checkbox-inline.no_ttl {
		margin: 0px 0 15px 0px;
	}
}
@media only screen and (max-width: 767px) {
	.search_btn_container label.checkbox-inline.no_ttl {
		font-size: 12px;
	}
}
.search_btn_container label.checkbox-inline.no_ttl input[type="checkbox"] {
	position: relative;
	top: 1px;
	margin-right: 5px;
	cursor: pointer;
}
@media only screen and (max-width: 767px) {
	.search_btn_container label.checkbox-inline.no_ttl input[type="checkbox"] {
		top: 2px;
		margin-right: 3px;
	}
}
.fontRed {
    color: #eb5454;
}

.next_button,
.return_button,
.add_button,
.confirm_button,
.carry_on_button,
.end_button,
.clear_button,
.delete_button,
.download_button,
.next_button02,
.search_button,
.generic_button,
.detail_btn,
.openmodal_btn,
.pre_button,
.mail_delete_btn,
.not_favorite_button,
.added_favorite_button {
    font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    width: 100%;
    display: block;
    margin-right: auto;
    margin-left: auto;
    border: none;
    cursor: pointer;
    /* background-color: #3f558a; */
    background: #319ebf;
    color: #ffffff;
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-appearance: none;
    border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    line-height: 24px;
    letter-spacing: 0.04em;
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
}
@media only screen and (max-width: 767px) {
	.next_button,
	.return_button,
	.add_button,
	.confirm_button,
	.carry_on_button,
	.end_button,
	.clear_button,
	.delete_button,
	.download_button,
	.next_button02,
	.search_button,
	.generic_button,
	.detail_btn,
	.openmodal_btn,
	.pre_button,
	.mail_delete_btn,
	.not_favorite_button,
	.added_favorite_button {
	    font-size: 13px;
	    padding-top: 3px;
	    padding-bottom: 3px;
	    border-radius: 2px;
	    -o-border-radius: 2px;
	    -ms-border-radius: 2px;
	    -moz-border-radius: 2px;
	    -webkit-border-radius: 2px;
	    line-height: 24px;
	}
}
.clear_button {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    color: #464646;
}

.add_button, .next_button02 {
    background-color: #e32d2d;
}
.add_button.ht36 {
	border: 1px solid #e32d2d;
}
.add_button:hover, .next_button02:hover{
	background-color: #f24747;
}
.add_button.ht36:hover {
	border: 1px solid #f24747;
}
.add_button:active, .next_button02:active{
	background-color: #db1313;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.add_button.ht36:active {
	border: 1px solid #db1313;
}

/* 2021/11/25_ichinomiya_Add_Start*/
.clear_button:hover {
	background-color: #fafafa;
}
.clear_button:active{
	background-color: #e5e5e5;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
/* 2021/11/25_ichinomiya_Add_End */

.openmodal_btn {
	background-color: #eee;
	border: 1px solid #ccc;
	color: #333;
	width: 60px;
	display: inline-block;
	font-size: 14px;
	margin-right: 5px;
	padding-top: 5px;
	padding-bottom: 3px;
}
@media only screen and (max-width: 991px) {
	.openmodal_btn {
		width: 50px;
		font-size: 12px;
		padding-top: 4px;
		padding-bottom: 4px;
	}
}
.openmodal_btn:hover {
	background-color: #f0f0f0;
}
.openmodal_btn:active {
	background-color: #cfcfcf;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

/* 2021/10/12_ichinomiya_Add_Start */
.rep_detail_delete_btn {
	color: #fff;
	background-color: #e32d2d!important;
	padding-left: 3px;
	padding-right: 3px;
}
.rep_detail_delete_btn:hover {
	background-color: #f24747!important;
}
.rep_detail_delete_btn:active {
	background-color: #db1313!important;
}
/* 2021/10/12_ichinomiya_Add_End */

.mail_delete_btn {
	background-color: #eee;
	border: 1px solid #ccc;
	color: #333;
	width: 65px;
	display: inline-block;
	font-size: 13px;
	margin-left: 5px;
	padding-top: 3px;
	padding-bottom: 1px;
	padding: 3px 2px 1px ;
	line-height: 20px;
}
.mail_delete_btn.one_col_height_30 {
	padding: 5px 2px 3px;
}
.mail_delete_btn.row_2_btn {
	width: 100%;
	margin: 0;
	line-height: 30px;
	padding: 13px 2px 13px;
	font-size: 14px;
}
@media only screen and (max-width: 991px) {
	.mail_delete_btn {
		width: 50px;
		font-size: 12px;
		padding: 3px 2px 1px ;
		line-height: 20px;
	}
	.mail_delete_btn.one_col_height_30 {
		padding: 4px 2px 2px;
	}
	.mail_delete_btn.row_2_btn {
		font-size: 12px;
	}
}
@media only screen and (max-width: 767px) {
	.mail_delete_btn.row_2_btn {
		font-size: 11px;
		padding: 17px 1px 17px;
		line-height: 18px;
	}
}
.table_add_img .img_container .img_box .mail_delete_btn {
	margin-left: 0px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	opacity: 0;
}
.table_add_img .img_container .img_box:hover .mail_delete_btn {
	opacity: 1;
}
.mail_delete_btn:hover {
	background-color: #f0f0f0;
}
.mail_delete_btn:active {
	background-color: #cfcfcf;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.generic_button {
    background-color: #4e4e4e;
    border: 1px solid #4e4e4e;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    color: #ffffff;
}
.generic_button:hover {
    background-color: #666;
    border: 1px solid #666;
}
.generic_button:active {
	background-color: #333333;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.pre_button {
    background-color: #31b07b;
    border: 1px solid #31b07b;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    color: #ffffff;
    letter-spacing: -0.02em;
    font-size: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.pre_button {
		font-size: 14px;
	}
}
@media only screen and (max-width: 767px) {
	.pre_button {
		font-size: 13px;
	}
}
.pre_button:hover {
    background-color: #48ca94;
    border: 1px solid #48ca94;
}
.pre_button:active {
	background-color: #259b6a;
	border: 1px solid #259b6a;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.report_info_button {
	background-color:#696969;
	color: #ffffff;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-appearance: none;
    border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
        line-height: 24px;
    letter-spacing: 0.04em;
    width: 50px;
}
.btn_right {
	float: right;
	position: absolute;
	right: 10px;
	top: 10px;
}
@media only screen and (max-width: 991px) {
	.btn_right {
		right: 5px;
		top: 5px;
	}
}
.detail_btn {
	color: #fff;
	background-color: #d93636;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 15px;
    padding-top: 6px;
    padding-bottom: 4px;
    line-height: 20px;
    width: 150px;
    border: none;
    border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
@media only screen and (max-width: 991px) {
	.detail_btn {
		width: 120px;
		font-size: 13px;
	}
}
.detail_btn.collapsed {
	background-color: #fff;
    color: #464646;
}
.detail_btn:hover{
	background-color: #e14a4a;
}
.detail_btn.collapsed:hover{
	background-color: #fafafa;
}
.detail_btn:active {
	background-color: #ca2b2b;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.detail_btn.collapsed:active {
	color: #fff;
	background-color: #d93636;
}
.search_button {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #464646;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.search_button.th_inner_btn,
.search_button.th_inner_btn_img {
	line-height: 20px;
	font-size: 13px;
	letter-spacing: 0;
	max-width: 170px;
}
@media only screen and (max-width: 991px) {
	.search_button.th_inner_btn,
	.search_button.th_inner_btn_img {
		font-size: 11px;
		max-width: 140px;
		padding: 3px;
	}
}
.search_button.th_pdf_btn {
	line-height: 20px;
	font-size: 12px;
	letter-spacing: 0;
	max-width: 120px;
	padding: 5px 3px;
}
.search_button.th_pdf_btn.wd_100per {
	max-width: 100%;
}
@media only screen and (max-width: 991px) {
	.search_button.th_pdf_btn {
		font-size: 11px;
		max-width: 110px;
		padding: 3px;
	}
}


/* 2022/04/13 No.3337 nagayama UPD Start */
.search_button.back_btn,
.search_button.like_back {
	font-size: 14px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 22px;
    width: auto;
    margin-left: 20px;
}
/*
.search_button.back_btn {
	font-size: 14px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 22px;
    width: auto;
    margin-left: 20px;
}
*/
/* 2022/04/13 No.3337 nagayama UPD End */


.search_button:hover{
	background-color: #fafafa;
}
.search_button:active {
	background-color: #f0f0f0;
	border: 1px solid #ededed;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.search_button i.fa,
.add_button i.fa,
.add_button.ht36 i.fa,
.pre_button i.fa,
.next_button i.fa,
.generic_button i.fa,
.th_pdf_btn i.fa,
.mail_delete_btn i.fa,
.search_button.th_inner_btn_img i.fa {
	padding-right: 5px;
}
.search_button.th_inner_btn i.fa {
	padding-right: 0px;
	padding-left: 5px;
	font-size: 1.1em;
}
@media only screen and (max-width: 767px) {
	.mail_delete_btn.row_2_btn i.fa {
		padding-right: 2px;
	}
}
.next_button {
    background-color: #257CBB;
    border: 1px solid #257CBB;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.next_button:hover{
	background-color: #3c90cc;
}
.next_button:active{
	background-color: #1b669c;
	border: 1px solid #1b669c;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}


/* 2021/11/18_ichinomiya_Add_Start */
.not_favorite_button {
    background-color: #696969;
}

.added_favorite_button {
	background-color: #ffef6c;
    color: #464646;
}

/* 2021/11/18_ichinomiya_Add_End */




.sub_ttl {
	margin-bottom: 30px;
    color: #19252f;
    font-weight: normal;
    text-decoration: none;
    background-color: transparent;
    border-left: 4px solid #ff0000;
    padding-left: 10px;
}

h4.common_h4,
h4.datatables_h4 {
	margin: 20px 0 10px;
    color: #19252f;
    font-weight: normal;
    text-decoration: none;
    background-color: transparent;
    border-left: 4px solid #ff0000;
    padding-left: 10px;
}

h4.datatables_h4 {
	margin-bottom: -30px;
}


/* um-table */
.um-table {
	background: #fff;
}

.um-table > thead > tr > th,
.um-table > tbody > tr > th {
	color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    border: 1px solid #cdcdcd;
    background: #696969;
    text-align: center;
    padding: 8px 10px;
    vertical-align: middle;
}

table.dataTable.um-table thead  {
	background: url('../images/sort_asc.png') #696969 no-repeat center right;
}

.um-table td {
    word-break: break-all;
    font-size: 14px;
}

.table.um-table > tbody > tr > td {
	vertical-align: middle;
    padding: 8px 10px;
}

.um-table .fa.fa-star {
	font-size: 24px;
}

/* 2021/10/26_ichinomiya_Add_Start */
.col_info_fav .fa-star {
	color: #999;
	font-size: 150%;
	cursor: pointer;
}
.star_favorite {
	color: #ffd800!important;
}

/* 2021/10/26_ichinomiya_Add_End */

.um-table .fa.fa-arrow-circle-o-right {
	font-size: 30px;
}

/* 各列 */
.um-table .col_info_fav {
	text-align: center;
}

.um-table .col_info_fav a {
	color: #999;
}

.um-table .col_info_detail {
	text-align: center;
}

.um-table .col_info_detail a {

}

/* um-table-regist */
.um-table-regist {

}

.table_info_regist .fa-exclamation-circle{
	margin-right: 5px;
}

.um-table-regist th {
	width: 20%;
}

/* um-table-notice-selecter */
.um-table-notice-selecter {

}

.um-table-notice-selecter .check {
	width: 10%;
	text-align: center;
}



/* tableDesign02 */
table.tableDesign02 {
    border: none;
}
.container-flude table.tableDesign02.table_wd100 {
	width: 100% !important;
}
.container-flude table.tableDesign02.table_mb10_mt10 {
	margin-top: 10 !important;
	margin-bottom: 10px !important;
}
.container-flude table.tableDesign02.table_mb30_mt0 {
	margin-top: 0 !important;
	margin-bottom: 30px !important;
}
/*
table.tableDesign02 tbody:hover {
	background: #f5f5f5;
}
*/
table.tableDesign02 thead {
	border-bottom: 3px solid #e36d6d;
}
table.tableDesign02 thead tr {
    background: #4e4e4e;
    border-top: 1px solid #cdcdcd;
    color: #fff;
}

table.tableDesign02 th {
    color: #333;
    font-size: 14px;
    font-weight: normal;
    border: 1px solid #cdcdcd;
    background: #fafafa;
    text-align: center;
    padding: 8px 10px;
}

table.tableDesign02 thead tr th {
    color: #fff;
    background: #4e4e4e;
    padding: 5px 3px !important;
    line-height: 1.5;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    font-size: 12px;
}
@media only screen and (max-width: 991px) {
	table.tableDesign02 thead tr th {
	    font-size: 11px;
	}
}
@media only screen and (max-width: 767px) {
	table.tableDesign02 thead tr th {
	    font-size: 9px !important;
	    padding: 3px 2px !important;
	}
}
table.tableDesign02 tbody tr th,
table.tableDesign02 tbody tr td,
table.tableDesign02 tfoot tr th,
table.tableDesign02 tfoot tr td  {
    border: 1px solid #cdcdcd;
    color: #464646;
    font-size: 14px;
    padding: 8px 3px !important;
    vertical-align: middle;
}
table.tableDesign02 tfoot tr th  {
	background: #4e4e4e;
	color: #fff;
}
@media only screen and (max-width: 991px) {
	table.tableDesign02 tbody tr th,
	table.tableDesign02 tbody tr td,
	table.tableDesign02 tfoot tr th,
	table.tableDesign02 tfoot tr td  {
	    font-size: 12px !important;
	    padding: 8px 3px !important;
	}
}
@media only screen and (max-width: 767px) {
	table.tableDesign02 tbody tr th,
	table.tableDesign02 tbody tr td,
	table.tableDesign02 tfoot tr th,
	table.tableDesign02 tfoot tr td {
	    font-size: 9px !important;
	    padding: 5px 2px !important;
	}
}
table.tableDesign02 tbody tr td.td_null {
	background: #cdcdcd;
}
table.tableDesign02 tfoot {
	border-top: 3px solid #aaa;
}
table.tableDesign02 tfoot > tr:hover {
    background-color: #fdf1f1;
}
table.tableDesign02 td span.yen,
table.tableDesign03 td span.yen {padding-right: 2px; font-style: normal; margin: 0;}
table.tableDesign02 td span.percent,
table.tableDesign03 td span.percent,
table.tableDesign03 td em.percent { font-size: 11px;padding-left: 2px; font-style: normal;}
@media only screen and (max-width: 991px) {
	table.tableDesign02 td span.percent,
	table.tableDesign03 td span.percent,
	table.tableDesign03 td em.percent { font-size: 10px;}
}
@media only screen and (max-width: 767px) {
	table.tableDesign02 td span.percent { font-size: 7px;padding-left: 1px;}
}

/* 2021/08/27_ichinomiya_Upd_Start */
/* 誤字修正 */
table.tableDesign02 .t_right { text-align: right;}
table.tableDesign02 .t_center { text-align: center;}

/* table.tableDesign02 .t_right { text-arign: right;}
table.tableDesign02 .t_center { text-arign: center;} */
/* 2021/08/27_ichinomiya_Upd_End */

table.tableDesign02 .wd_auto { width: auto !important;}
table.tableDesign02 .wd_btn,
table.tableDesign02 .modal_btn { width: 73px !important; padding: 3px 3px !important;}
table.tableDesign02 .pc_90px_btn { width: 83px !important; padding: 3px 3px !important;}
table.tableDesign02 .wd_label_number { width: 83px !important; padding: 3px 3px !important;}
table.tableDesign02 .wd_scroll_bar { width: 18px !important; border-right: none; border-left: none; padding: 5px 0 !important;}
table.tableDesign02 .two_row_box {
	padding: 0px 0px !important;
}
table.tableDesign02 .wd_10 { width: 10% !important;}
table.tableDesign02 .wd_20 { width: 20% !important;}
table.tableDesign02 .pc_20px { width: 17px !important;}
table.tableDesign02 .pc_30px { width: 27px !important;}
table.tableDesign02 .pc_40px { width: 33px !important;}
table.tableDesign02 .pc_60px { width: 53px !important;}
table.tableDesign02 .pc_80px { width: 73px !important;}
table.tableDesign02 .pc_90px { width: 83px !important;}
table.tableDesign02 .pc_100px { width: 93px !important;}
table.tableDesign02 .pc_110px { width: 103px !important;}
table.tableDesign02 .pc_120px { width: 113px !important;}
table.tableDesign02 .pc_130px { width: 123px !important;}
table.tableDesign02 .pc_140px { width: 133px !important;}
table.tableDesign02 .pc_150px { width: 143px !important;}
table.tableDesign02 .pc_160px { width: 153px !important;}
table.tableDesign02 .pc_200px { width: 193px !important;}
table.tableDesign02 .pc_210px { width: 203px !important;}
table.tableDesign02 .pc_220px { width: 213px !important;}
/** 2021.04.19 Nagano Add Start */
table.tableDesign02 .pc_240px { width: 235px !important;}
table.tableDesign02 .pc_260px { width: 256px !important;}
table.tableDesign02 .pc_300px { width: 296px !important;}
table.tableDesign02 .pc_400px { width: 394px !important;}
table.tableDesign02 .pc_500px { width: 494px !important;}
/** 2021.04.19 Nagano Add End */
@media only screen and (max-width: 767px) {
	/* 2021/08/27_ichinomiya_Upd_Start */
	/* 誤字修正 */
	table.tableDesign02 .t_right { text-align: right;}
	table.tableDesign02 .t_center { text-align: center;}

	/* table.tableDesign02 .t_right { text-arign: right;}
	table.tableDesign02 .t_center { text-arign: center;} */
	/* 2021/08/27_ichinomiya_Upd_End */
	table.tableDesign02 .wd_auto { width: auto !important;}
	table.tableDesign02 .wd_btn { width: 30px !important; padding: 2px 2px !important;}
	table.tableDesign02 .modal_btn { width: 60px !important; padding: 2px 2px !important;}
	table.tableDesign02 .pc_90px_btn { width: 60px !important; padding: 2px 2px !important;}
	table.tableDesign02 .wd_label_number { width: 80px !important; padding: 2px 2px !important;}
	table.tableDesign02 .wd_scroll_bar {display: none;}
	table.tableDesign02 .pc_20px { width: 17px !important;}
	table.tableDesign02 .pc_30px { width: 27px !important;}
	table.tableDesign02 .pc_40px { width: 23px !important;}
	table.tableDesign02 .pc_60px { width: 33px !important;}
	table.tableDesign02 .pc_80px { width: 33px !important;}
	table.tableDesign02 .pc_90px { width: 43px !important;}
	table.tableDesign02 .pc_100px { width: 53px !important;}
	table.tableDesign02 .pc_110px { width: 63px !important;}
	table.tableDesign02 .pc_120px { width: 73px !important;}
	table.tableDesign02 .pc_130px { width: 83px !important;}
	table.tableDesign02 .pc_140px { width: 93px !important;}
	table.tableDesign02 .pc_150px { width: 103px !important;}
	table.tableDesign02 .pc_160px { width: 113px !important;}
	table.tableDesign02 .pc_200px { width: 153px !important;}
	table.tableDesign02 .pc_210px { width: 163px !important;}
	table.tableDesign02 .pc_220px { width: 173px !important;}
/** 2021.04.19 Nagano Add Start */
    table.tableDesign02 .pc_240px { width: 173px !important;}
    table.tableDesign02 .pc_260px { width: 173px !important;}
    table.tableDesign02 .pc_300px { width: 173px !important;}
    table.tableDesign02 .pc_400px { width: 173px !important;}
    table.tableDesign02 .pc_500px { width: 173px !important;}
/** 2021.04.19 Nagano Add End */
}

/* 2021/06/22 nagayama 一斉打検No.263 UPD Start */
/* 見た目の統一の為コメントアウト */
/* table.tableDesign02 tbody tr td a.table_btn, */
/* table.tableDesign02 tbody tr td button.table_btn, */
/* table.tableDesign02 tbody tr td button.table_open_btn { */
/* 	width: 100%; */
/* 	display: block; */
/* 	height: 30px; */
/* 	background: #257CBB; */
/* 	cursor: pointer; */
/* 	line-height: 30px; */
/* 	box-shadow: 0 3px 3px rgba(0,0,0,0.2); */
/* 	border-radius: 3px; */
/* 	-webkit-transition: all 0.3s; */
/* 	-moz-transition: all 0.3s; */
/* 	transition: all 0.3s; */
/* } */
/* 2021/06/22 nagayama 一斉打検No.263 UPD End */

table.tableDesign02 tbody tr td button.table_btn {
	color: #fff;
	border: none;
	width: 100%;

	display: block;
	height: 30px;
	background: #257CBB;
	cursor: pointer;
	line-height: 30px;
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	border-radius: 3px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;


}
table.tableDesign02 tbody tr td button.table_open_btn {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #464646;
}


table.tableDesign02 tbody tr td a.table_btn.height_2row { height: 50px;line-height: 50px;}
table.tableDesign02 tbody tr td button.table_open_btn.height_2row { height: 64px;line-height: 62px;}
@media only screen and (max-width: 767px) {
	table.tableDesign02 tbody tr td a.table_btn.height_2row { height: 36px;line-height: 36px;}
}
table.tableDesign02 tbody tr td a.table_btn:hover,
table.tableDesign02 tbody tr td button.table_btn:hover {
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	background: #3c90cc;
}

/* 2021/06/22 nagayama 一斉打検No.263 UPD Start */
/* 見た目の統一の為コメントアウト */
/* table.tableDesign02 tbody tr td a.table_btn:active, */
/* table.tableDesign02 tbody tr td button.table_btn:active { */
/* 	box-shadow: none; */
/* 	background: #1b669c; */
/* } */
/* 2021/06/22 nagayama 一斉打検No.263 UPD End */

table.tableDesign02 tbody tr td button.table_open_btn:hover{
	background-color: #fafafa;
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
table.tableDesign02 tbody tr td button.table_open_btn:active {
	background-color: #f0f0f0;
	border: 1px solid #ededed;
	box-shadow: none;
}

/* 2021/06/22 nagayama 一斉打検No.263 UPD Start */
/* 見た目の統一の為コメントアウト */
/* table.tableDesign02 tbody tr td a.table_btn i.fa { */
/* 	font-size: 20px; */
/* 	line-height: 20px; */
/* 	padding: 5px 0; */
/* 	color: #fff; */
/* } */
/* 2021/06/22 nagayama 一斉打検No.263 UPD End */

table.tableDesign02 tbody tr td button.table_open_btn i.fa {
	padding: 0 5px 0 0;
}
table.tableDesign02 tbody tr td button.table_btn i.fa-arrow-circle-o-right {
	padding: 0 0px 0 5px;
}

/* 2021/06/22 nagayama 一斉打検No.263 UPD Start */
/* 見た目の統一の為コメントアウト */
/* table.tableDesign02 tbody tr td a.table_btn.height_2row i.fa { height: 40px;line-height: 40px;} */
/* 2021/06/22 nagayama 一斉打検No.263 UPD End */


@media only screen and (max-width: 767px) {
	table.tableDesign02 tbody tr td a.table_btn.height_2row i.fa { height: 26px;line-height: 26px;}
}
@media only screen and (max-width: 767px) {
	table.tableDesign02 tbody tr td button.table_open_btn.height_2row { height: 42px;line-height: 40px;}
}
table.tableDesign02 .number_blue,
table.tableDesign02 .number_green  {
	font-size: 14px;
	line-height: 20px;
	padding: 5px 0;
	color: #fff;
	margin: 0;
	width: 48%;
	text-align: center;
	border-radius: 3px;
}
table.tableDesign02 .number_blue {	background: #156cb9; margin-right: 4%;}
table.tableDesign02 .number_green {	background: #29a258;}
@media only screen and (max-width: 767px) {
	table.tableDesign02 .number_blue,
	table.tableDesign02 .number_green  {
		font-size: 11px;
		width: 49%;
	}
	table.tableDesign02 .number_blue { margin-right: 2%;}
}
table.tableDesign02 tbody tr td .two_row_text {
	margin: 0;
	padding: 5px 3px;
	line-height: 18px;
	font-weight: normal;
	display: block;
	width: 100%;
}
table.tableDesign02 tbody tr td .two_row_text_bottom {
	margin: 0;
	padding: 5px 3px 4px;
	line-height: 18px;
	font-weight: normal;
	display: block;
	width: 100%;
	border-top: 1px solid #cdcdcd;
}
@media only screen and (max-width: 767px) {
	table.tableDesign02 tbody tr td .two_row_text {
		padding: 3px 2px;
		line-height: 14px;
	}
	table.tableDesign02 tbody tr td .two_row_text_bottom {
		padding: 3px 2px 2px;
		line-height: 14px;
	}
}
table.tableDesign02 tbody tr td .date_from {
	display: inline-block;
	padding-right: 5px;
	margin: 0;
}
table.tableDesign02 tbody tr td .date_to {
	display: inline-block;
	padding-left: 5px;
	margin: 0;
}
table.tableDesign02.table-hover tbody tr.odd {
	background: #fff;
}
table.tableDesign02.table-hover tbody tr.even {
	background: #f5f5f5;
}
table.tableDesign02.table-hover tbody tr:hover,
table.tableDesign02.table-hover tbody tr.odd:hover,
table.tableDesign02.table-hover tbody tr.even:hover {
	background: #fdf1f1;
}
table.tableDesign02 tbody.even_number {
	background: #f5f5f5;
}
table.tableDesign02 tbody.hover_bgcolor:hover {
	background: #fdf1f1;
}
table.tableDesign02 tbody td .item_label_container  {
	font-size: 0;
	display: block;
}
table.tableDesign02 tbody td .item_label_container.two_row_border {
	border-bottom: 1px solid #cdcdcd;
}
table.tableDesign02 tbody td label.table_text_confirm {
	line-height: 20px;
	padding: 3px 0 1px;
	font-size: 13px;
	margin: 0;
	font-weight: normal;
	disblay: inline-block;
}
table.tableDesign02 tbody td label.table_text_confirm.item_code {
	padding-right: 5px;
	margin-right: 5px;
	border-right: 1px dotted #cdcdcd;
	width: 80px;
}
@media only screen and (max-width: 991px) {
	table.tableDesign02 tbody td label.table_text_confirm {
		font-size: 12px;
	}
	table.tableDesign02 tbody td label.table_text_confirm.item_code {
		padding-right: 3px;
		margin-right: 3px;
		width: 76px;
	}
}
@media only screen and (max-width: 767px) {
	table.tableDesign02 tbody td label.table_text_confirm {
		line-height: 18px;
		font-size: 11px;
	}
	table.tableDesign02 tbody td label.table_text_confirm.item_code {
		width: 60px;
		padding-right: 2px;
		margin-right: 2px;
	}
}
.order-number::-webkit-outer-spin-button,
.order-number::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.order-number {
    -moz-appearance:textfield;
}

textarea.text_form {
    color: #333;
    font-size: 14px;
    line-height: 22px;
    width: 100%;
    background: #fff;
    padding: 3px 5px;
    margin: 0 auto;
    border: 1px solid #999;
    height: auto;
    min-height: 120px;
    overflow-y: scroll;
    resize: none;
}

input[type="text"], textarea {
    -webkit-appearance: none;
/*     border-radius: 0; */
}
@media only screen and (max-width: 767px) {
}
.fontBold {
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.04em;
}

.borderBox {
    width: 100%;
    background: #fff;
    padding: 6px 10px;
    margin: 0 auto;
    border: 1px solid #999;
    height: auto;
    min-height: 120px;
}

p.comment {
    color: #333;
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
    width: 100%;
    height: auto;
    text-align: justify;
}

/* 2021/07/26 nagayama 一斉打検No.463 UPD Start */
p#remark {
	word-wrap: break-word;
}
/* 2021/07/26 nagayama 一斉打検No.463 UPD End */

.parts:hover {
	background: #FFF;
}

.no_result_margin_bottom {
	margin-bottom: 45px;
}


/*--------------------------------------------------------------
	お取引情報の確認
--------------------------------------------------------------*/
#dataTables-trades {
	empty-cells: hide;
	table-layout: fixed;
}

/* 2021/06/22 nagayama 一斉打検No.263 ADD Start */
#dataTables-trades th {

}

#dataTables-trades .fa {
	font-size: 22px;
}

#dataTables-trades .fa-arrow-circle-o-right {
	color: #93ce00;
}

#dataTables-trades .fa-times {
	color: #cc0000;
}
/* 2021/06/22 nagayama 一斉打検No.263 ADD End */

.trade_td_date {
	text-align: center;
}

.trade_td_unit_price {
	text-align: right;
}

.trade_td_quantity {
	text-align: right;
}

.trade_td_unit_name {
	text-align: center;
}

.trade_td_subtotal {
	text-align: right;
}

/* 2021/08/27_ichinomiya_Add_Start */
.billing_confirm_btn {
	width: 100%;
	padding: 0;
}

.trade_detail_title {
	padding: 10px 10px 1px 10px;
}
/* 2021/08/27_ichinomiya_Add_End */

/*--------------------------------------------------------------
	商品のご注文
--------------------------------------------------------------*/
#dataTables-products {
	font-size: 12px;
	empty-cells: hide;
	table-layout: fixed;
	word-break: break-all;
}

#dataTables-products .order-number {
	width: 100%;
	text-align: right;
}

.product_td_unit_price {
	text-align: right;
}

.product_td_unit_name {
	text-align: center;
}

#dataTables-products .cancel {
	text-align: center;
	vertical-align: middle;
}

.strOver {
	font-weight: bold;
}

/* 2021/08/31_ichinomiya_Add_Start */
.ordering_table_comment_container {
	display: flex;
    justify-content: flex-start;
    align-items: center;
}
.ordering_table_comment_input {
    flex: 1;
}
.ordering_table_comment_container .remain_container {
	width: 4.7em;
	padding-left: 0.5em;
	padding-right: 0.1em;
}
.ordering_table_comment_container .remain_count {
    width: 2em;
    display: inline-block;
    text-align: right;
}
/* 2021/08/31_ichinomiya_Add_End */

/* 2021/08/27_ichinomiya_Add_Start */
/* お届け基本情報のデザイン修正 */
.delivery_info {
    /*border-bottom: 1px solid #999;*/
    margin-bottom: 20px;
}

/* 2021/12/16_ichinomiya_Add_Start */
.delivery_info_content {
	display: flex;
	justify-content: flex-start;
    align-content: flex-end;
}
.delivery_info_content .label_key_container,
.delivery_info_content .label_value_container {
	display: flex;
	justify-content: flex-start;
    align-content: flex-end;
}
/* 2021/12/16_ichinomiya_Add_End */

.delivery_info_content .label_key_container {
	padding-right: 0;
}
.delivery_info_content .label_value_container {
	padding-left: 0;
}
.delivery_info_content .label_key_container .label_key {
	display: flex;
	justify-content: flex-start;
    align-items: center;
}
.delivery_info_content .label_value_container .label_value {
	padding-left: 10px;
}
.delivery_info .delivery_info_content label {
	margin-bottom: 0;

	/* 2021/12/16_ichinomiya_Add_Start */
    width: 100%;
    /* 2021/12/16_ichinomiya_Add_End */
}
/* 2021/08/27_ichinomiya_Add_End */

/*--------------------------------------------------------------
	ご注文履歴の確認
--------------------------------------------------------------*/
#dataTables-order-history {

}

#dataTables-order-history th {

}

#dataTables-order-history .fa {
	font-size: 22px;
}

#dataTables-order-history .fa-arrow-circle-o-right {
	color: #93ce00;
}

#dataTables-order-history .fa-times {
	color: #cc0000;
}

#dataTables-order-history .history_td_status {
	text-align: center;
}

#dataTables-order-history .history_td_to_detail {
	text-align: center;
}

/* 2021/08/27_ichinomiya_Add_Start */

#dataTables-order-history_wrapper .history_td_order_no,
#dataTables-order-history .history_td_order_no {
	text-align: right;
	padding-right: 7px!important;
}

/* 詳細ボタン・取消ボタンのサイズ */

#dataTables-order-history .history_td_to_detail .btnConfirm,
#dataTables-order-history .history_td_cancel .btnDel {
	width: 100%;
}
/* 2021/08/27_ichinomiya_Add_End */

#dataTables-order-history .history_td_cancel {
	text-align: center;
}

@media (max-width: 991px) {
	#dataTables-order-history th,
	#dataTables-order-history td {
		padding: 5px 4px;
		font-size: 12px;
	}

	#dataTables-order-history .date_display {
/* 		display: block; */
	}
}

/* 2021/08/27_ichinomiya_Add_Start */
/*--------------------------------------------------------------
	お届け履歴の確認
--------------------------------------------------------------*/
#dataTables-order-history_wrapper .history_td_to_detail > form {
	margin-bottom: 0;
}
#dataTables-order-history_wrapper .history_td_to_detail button {
	width: 100%;
}

.order_detail_title {
	margin-bottom: 11px;
}

/* 2021/08/27_ichinomiya_Add_End */
/*--------------------------------------------------------------
	商品の検索
--------------------------------------------------------------*/
#dataTables-items {
	word-break: break-all;
}

#dataTables-items th {

}

#dataTables-items .fa {
	font-size: 22px;
}

#dataTables-items .fa-arrow-circle-o-right {
	color: #93ce00;
}

#dataTables-items .items_td_to_detail {
	text-align: center;
}

/* 2021/08/30_ichinomiya_Add_Start */
#dataTables-items .items_td_to_detail .btnDetail {
	width: 100%;
	height: 45px;
}
/* 2021/08/30_ichinomiya_Add_End */

#dataTables-items .items_td_name {

}

/* 2021/08/30_ichinomiya_Add_Start */
#dataTables-items .items_th_image {
	width: 20%;
}

#dataTables-items .items_th_name {
	width: 20%;
}

#dataTables-items .items_th_youto {
	width: 20%;
}

#dataTables-items .items_th_genzairyo_name {
	width: 20%;
}

#dataTables-items .items_th_detail {
	width: 20%;
}
/* 2021/08/30_ichinomiya_Upd_End */

/*--------------------------------------------------------------
	商品カタログ明細
--------------------------------------------------------------*/
#item_info {
	word-break: break-all;
}

#item_info .item_text {
	display: block;
	text-align: left;
}

#item_info .item_content {
	margin-bottom: 10px;
}

/* 画像一覧 */
#catalogImgList {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}

#catalogImgList li {
    float: left;
    margin-top: 2%;
}

#catalogImgList li:first-child {
    width: 100%;
    margin-top: 0;
}

#catalogImgList li:nth-child(n+2) {
    width: 49%;
}

#catalogImgList li:nth-child(2n) {
    margin-right: 2%;
}

#catalogImgList li img {
    width: 100%;
}



/*--------------------------------------------------------------
	お客様の情報
--------------------------------------------------------------*/
.customer_panel {
	padding: 30px;
	background: #FFF;
}

.customer_panel .tableDesign02 {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
/* 	margin: 15px 0; */
}

/* 2021/08/30_ichinomiya_Add_Start */
.tableDesign02.table_customer_info {
    table-layout: fixed;
}

.tableDesign02.table_customer_info th,
.tableDesign02.table_customer_info td {
    border: 1px solid #999;
}

.tableDesign02.table_customer_info th {
    width: 200px;
	color: #333;
    font-weight: normal;
    background-color: #fafafa;
    text-align: center;
    padding: 8px 10px;
}

.tableDesign02.table_customer_info td {
    color: #464646;
    padding: 8px 10px!important;
}

.tableDesign02.table_customer_info col.col1,
.tableDesign02.table_customer_info col.col3 {
	width: 200px;
}

@media(max-width: 567px){
	.tableDesign02.table_customer_info col.col1,
	.tableDesign02.table_customer_info col.col3,
	.tableDesign02.table_customer_info th {
		width: 190px;
	}

}

@media(max-width: 499px){
	.tableDesign02.table_customer_info col.col1,
	.tableDesign02.table_customer_info col.col3,
	.tableDesign02.table_customer_info th {
		width: 135px;
	}

}
/* 2021/08/30_ichinomiya_Add_End */


#pwd_change  {

}

#pwd_change .tableDesign02 th {
	border: 1px solid #999;
    background: #fafafa;
}

#pwd_change .tableDesign02 td {
	border: 1px solid #999;
}

#pwd_change input[type="email"],
#pwd_change input[type="password"] {
	width: 100%;
}

/* 2021/08/30_ichinomiya_Add_Start */
.new_pwd_comment {
	margin-top: 10px;
	margin-bottom: 25px;
	color: #e32d2d;
}
/* 2021/08/30_ichinomiya_Add_End */

/*--------------------------------------------------------------
	連絡事項一覧
--------------------------------------------------------------*/
button.fav,
button.fav:focus,
button.fav:active {
	background: #ffd800;
}

a.fav {
	color: #ffd800;
}

.search_result_title_container {
    width: 100%;
	display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.search_result_title_container > button {
	margin: 0 0 0 20px!important;
}
@media(max-width: 991px) {
	.search_result_title_container > button {
		max-width: 350px!important;
	}
}


/*--------------------------------------------------------------
	連絡事項詳細
--------------------------------------------------------------*/
#info_share_base_info {

}


#info_talk_list {
	margin: 0;
	padding: 15px;
	list-style: none;
	background: #f5f5f5;
	max-height: 70vh;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

#info_talk_list > li {
	display: flex;

	/* 2021/10/15_ichinomiya_Add_Start */
	margin-bottom: 20px;
	/* 2021/10/15_ichinomiya_Add_End */
}

#info_talk_list > li.other {

}

#info_talk_list > li.mine {
	flex-direction: row-reverse;
}

#info_talk_list .talk_icon {
	width: 120px;
}

#info_talk_list .talk_icon img {
	max-width: 100%;
}

#info_talk_list .balloon_wrapper {
	max-width: 50%;
	flex-basis: 50%;
/* 	background-image: url('../images/balloon_arrow.png'); */
/* 	background-repeat: no-repeat; */
}

#info_talk_list > li.other .balloon_wrapper {
	padding-left: 30px;
}

#info_talk_list > li.mine .balloon_wrapper {
	padding-right: 30px;
}

#info_talk_list > li .balloon {
	margin: 0 0 5px;
	padding: 10px;
	background: #fff;
	border-radius: 10px;
	word-break: break-all;
}


.info_share_file_list {
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
	width: auto;
}

.info_share_file_list li {
	width: 48px;
	height: 48px;
	margin-right: 10px;
	float:left;
	margin-right:20px;
    margin-bottom:20px;
}

.info_share_file_list li.image {
}

.info_share_file_list li.image a {
	display: block;
	position: relative;
	width: 48px;
	height: 48px;
}

.info_share_file_list li.image a img {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

.info_share_file_list li.pdf {
	font-size: 48px;
}

.info_share_file_list li.pdf a {
	position: relative;
	width: 48px;
	height: 48px;
	display: block;
	color: #666;
}

#info_talk_list > li .balloon .info_share_file_list {
	margin-top: 5px;
}


#info_talk_list > li.mine .timestamp {
	text-align: right;
}

/* 2021/10/18_ichinomiya_Add_Start */
.info_talk_list {
	position: relative;
	margin: 0;
	padding: 15px;
	list-style: none;
	background: #f5f5f5;
	max-height: 70vh;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.info_talk_list > li {
	display: flex;
	margin-bottom: 20px;
}

.info_talk_list > li.other {

}

.info_talk_list > li.mine {
	flex-direction: row-reverse;
}

.info_talk_list .talk_icon {
	width: 120px;
}

.info_talk_list .talk_icon img {
	max-width: 100%;
}

/** 2024.08.14 永野浩志 修正開始 OT台帳 No.1545 Start */
/** 商談レポートの入力項目・必須項目を見直してほしい */
.info_talk_list .balloon_wrapper {
	max-width: 40%;
	flex-basis: 40%;
}

/*
.info_talk_list .balloon_wrapper {
	max-width: 50%;
	flex-basis: 50%;
}
*/
/** 商談レポートの入力項目・必須項目を見直してほしい */
/** 2024.08.14 永野浩志 修正開始 OT台帳 No.1545 End */

.info_talk_list > li.other .balloon_wrapper {
	padding-left: 30px;
}

.info_talk_list > li.mine .balloon_wrapper {
	padding-right: 30px;
}

.info_talk_list > li .balloon {
	margin: 0 0 5px;
	padding: 10px;
	background: #fff;
	border-radius: 10px;
	word-break: break-all;
}

.info_talk_list > li .balloon .info_share_file_list {
	margin-top: 5px;
}


.info_talk_list > li.mine .timestamp {
	text-align: right;
}

/* 2021/10/18_ichinomiya_Add_End */


#quick_reply {
	margin-bottom: 20px;
}

#quick_reply .dropdown-menu {
	font-size: 18px;
}
/* 2021/10/18_ichinomiya_Add_Start */


.quick_reply_container {
	margin-top: 15px;
	margin-bottom: 15px;
}

.quick_reply_container .dropdown-menu {
	font-size: 18px;
}
/* 2021/10/18_ichinomiya_Add_End */



#balloon_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#balloon_menu ul li {

}

#balloon_menu ul li:not(:last-child) {
	border-bottom: 1px solid #e5e5e5;
}

#balloon_menu ul li a {
	display: block;
	padding: 10px;
	color: #666;
}

#balloon_menu ul li a .fa {
	display: inline-block;
	margin-right: 10px;
}


.file_selecter {
	margin: 0 0 20px;
}

.file_selecter .select_btn {
	margin-bottom: 5px;
}

.file_selecter input[readonly] {
	background: #fff;
}

.file_selecter .file_name_list {
	padding: 0 10px;;
	list-style: none;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.file_selecter .file_name_list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
}

.file_selecter .file_name_list li:not(:last-child) {
	border-bottom: 1px solid #ccc;
}

.file_selecter .file_name_list li .file_name {
	display: block;
}

.file_selecter .file_name_list li .del_btn {

}



/*--------------------------------------------------------------
	連絡事項登録
--------------------------------------------------------------*/
#my_info_share_list {

}

#my_info_share_list .col_info_date {
	width: 10%;
	text-align: center;
}

#my_info_share_list .col_info_title {
	width: 50%;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 0;
}

#my_info_share_list .col_info_content {
	width: 30%;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 0;
}

#my_info_share_list .col_info_detail {
	width: 10%;
	text-align: center;
}



/*--------------------------------------------------------------
	カタログ一覧
--------------------------------------------------------------*/
#catalog_list {

}

#catalog_list .col_creat_date {
	width: 15%;
	text-align: center;
}

#catalog_list .col_creat_user {
	width: 23%;
	text-align: left;
}

#catalog_list .col_catalog_name {
	width: 40%;
	text-align: left;
}

#catalog_list .col_count_items {
	width: 12%;
	text-align: right;
}

#catalog_list .col_catalog_link {
	width: 10%;
	text-align: center;
}


#products_list_wrapper {
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid #ddd;
	border-top: none;
}

.catalog_products_list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.catalog_product {
	padding: 10px;
	display: flex;
	border: 1px solid #999;
}

li.catalog_product:not(:last-child) {
	margin-bottom: 15px;
}

.catalog_product .img_wrapper {
	width: 200px;
	margin-right: 10px;
}

.catalog_product .img_wrapper img {
	display: block;
	margin-bottom: 10px;
}

.catalog_product .item_desc {
	flex: 1;
}

.catalog_product .item_desc .col_description {
	vertical-align: top;
	height: 122px;
}


/* #product_constitute_info */
#product_constitute_info {

}

#product_constitute_info th {
	width: 20%;
}

#product_constitute_info .summary {
	text-align: left;
	border-right: none;
}

#product_constitute_info .individual_price {
	text-align: right;
	border-left: none;
}

#product_constitute_info .th_subtotal {
	text-align: right;
}

#product_constitute_info .th_ratio {
	text-align: right;
}








table.tableDesign03 {
    border: none;
    width: 100%;
}
table.tableDesign03.table_selling_price th {
	font-size: 17px;
	width: 50% !important;
	line-height: 30px;
	background: #1e799d;
	color: #fff;
}
@media only screen and (max-width: 991px) {
	table.tableDesign03.table_selling_price th {
		font-size: 15px;
	}
}
table.tableDesign03.table_selling_price td {
	font-size: 0px;
	width: 50% !important;
	line-height: 30px;
	font-weight: bold;
}
table.tableDesign03.table_selling_price td span.yen_bold {
	font-weight: bold;
	font-size: 20px;
	margin: 0;
	line-height: 30px;
}
table.tableDesign03.table_selling_price td label.table_text_price {
	font-size: 19px;
	font-weight: bold;
	margin: 0;
	line-height: 30px;
	padding: 0 0 0 5px;
}
@media only screen and (max-width: 991px) {
	table.tableDesign03.table_selling_price td span.yen_bold,
	table.tableDesign03.table_selling_price td label.table_text_price {
		font-size: 16px;
	}
}
@media only screen and (max-width: 797px) {
	table.tableDesign03.table_selling_price td span.yen_bold,
	table.tableDesign03.table_selling_price td label.table_text_price {
		font-size: 15px;
	}
}
table.tableDesign03.table_sales_record thead {
    border-bottom: 3px solid #e36d6d;
}
table.tableDesign03 tr {
   /*  height: 45px; */
}
table.tableDesign03 thead tr {
    background: #3283a9;
    border-top: 1px solid #cdcdcd;
    color: #fff;
}

table.tableDesign03 th {
    color: #ffffff;
    font-size: 13px;
    font-weight: normal;
    border: 1px solid #cdcdcd;
    background: #535353;
    text-align: center;
    padding: 5px;
}
table.tableDesign03.table_sales_record tbody th {
	background: #ededed;
	color: #121212;
}
table.tableDesign03.table_sales_record tbody th.wd_130 { width: 130px;}
@media only screen and (max-width: 991px) {
	table.tableDesign03 th {
	    font-size: 12px;
	}
}
@media only screen and (max-width: 767px) {
	table.tableDesign03 th {
	    font-size: 11px;
	    padding: 3px;
	}
}
table.tableDesign03 th:not([colspan]) {
	width: 20%;
}
table.tableDesign03 th.wd_2col_th {
	width: 20%;
}
table.tableDesign03 th.table03_wd_th3 {
	width: 12%;
}
table.tableDesign03 th.table03_wd_th130 { width: 119px !important;}
@media only screen and (max-width: 991px) {
	table.tableDesign03 th.table03_wd_th130 { width: 119px !important;}
}
@media only screen and (max-width: 767px) {
	table.tableDesign03 th.table03_wd_th130 { width: 99px !important;}
}
table.tableDesign03 th.table03_wd_100per {
	width: 100%;
}
table.tableDesign03 th span.disp_inlineblock {
	display: inline-block;
}
table.tableDesign03 th span.th_inner_btn {
	display: block;
	margin-bottom: 5px;
}
table.tableDesign03.color_gray th {
	background: #ededed;
	color: #121212;
}
table.tableDesign03 thead tr th {
    color: #fff;
    background: #4e4e4e;
    padding: 8px 10px;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
table.tableDesign03.table_sales_record thead th {
    font-size: 15px;
    padding: 5px;
}
@media only screen and (max-width: 767px) {
	table.tableDesign03.table_sales_record thead th {
	    font-size: 13px;
	    padding: 4px;
	}
}
table.tableDesign03 tr th i.fa {
	padding-right: 5px;
}
@media only screen and (max-width: 767px) {
	table.tableDesign03 tr th i.fa {
		padding-right: 3px;
		font-size: 12px;
	}
}
table.tableDesign03 tbody tr td {
    border: 1px solid #cdcdcd;
    color: #464646;
    font-size: 14px;
    padding: 5px;
    vertical-align: middle;

/** 2021.04.23 Nagano Add Start
	2022.03.04 Miyajima UPD これあるとレイアウト狂うのでコメントアウト
    width: 30%;
 */
/** 2021.04.23 Nagano Add End */

}
table.tableDesign03.bg_td_white tbody tr td {
	background: #fff;
}
table.tableDesign03.table_sales_record tbody td.wd_auto,
table.tableDesign03.table_add_file tbody td.wd_auto {
	width: auto !important;
}
table.tableDesign03 td:not([colspan]) {
	/* 2022/05/06 No.3351 nagayama UPD Start */
	/* 以下はコアとなる記述で絶対にいじってはいけないのにコメントアウトされていた。 */
	/* コメントアウトされていたことで、他の画面に崩れが発生していた。 */
	/* 有効な状態に戻す。 */
	width: 30%;
	/* 2022/05/06 No.3351 nagayama UPD End */
}
table.tableDesign03 td.table03_wd_td3 {
	width: 21%;
}
table.tableDesign03 td.wd_2col_td {
	width: 80%;
}
table.tableDesign03 td.wd_8per {
	width: 8%;
}
table.tableDesign03 td.wd_9per {
	width: 9%;
}
table.tableDesign03 td.wd_10per {
	width: 10%;
}
table.tableDesign03 td.wd_12per {
	width: 12%;
}
table.tableDesign03 td.wd_15per {
	width: 15%;
}
table.tableDesign03 td.wd_30per {
	width: 30%;
}
table.tableDesign03 td.wd_60per {
	width: 60%;
}
table.tableDesign03 td.wd_61per {
	width: 61%;
}
table.tableDesign03 td.wd_62per {
	width: 62%;
}
table.tableDesign03 td.table03_wd_75 { width: 64px;}
table.tableDesign03 td.table03_wd_90 { width: 79px;}
@media only screen and (max-width: 991px) {
	table.tableDesign03 td.table03_wd_75 { width: 54px;}
	table.tableDesign03 td.table03_wd_90 { width: 69px;}
}
@media only screen and (max-width: 767px) {
	table.tableDesign03 td.table03_wd_75 { width: 44px;}
	table.tableDesign03 td.table03_wd_90 { width: 59px;}
}
table.tableDesign03 td.table03_wd_100per {
	width: 100%;
}
table.tableDesign03 td.td_img_box {
	padding: 5px 0 0 5px;
}
table.tableDesign03 td.table03_wd_td_auto {
	width: auto !important;
}
table.tableDesign03 tbody tr th span.two_row_ttl {
	display: block;
	line-height: 1.1;
}
table.tableDesign03 td .item_label_container  {
	font-size: 0;
	display: block;
}
table.tableDesign03 td label.table_text {
	line-height: 24px;
	padding: 5px 0;
	font-size: 14px;
	margin: 0;
	font-weight: normal;
}
table.tableDesign03 td label.table_text.file_link {
	display: block;
}
@media only screen and (max-width: 767px) {
	table.tableDesign03 td label.table_text {
		line-height: 20px;
		padding: 7px 0;
		font-size: 11px;
	}
}
table.tableDesign03 td label.table_text a {
	line-height: 24px;
	display: inline-block;
	text-decoration: underline;
	font-weight: normal;
}
table.tableDesign03 td label.table_text a:hover { text-decoration: none;}
table.tableDesign03 td label.table_text a i.fa {
	padding-right: 5px;
}
table.tableDesign03 td label.table_text_confirm,
table.tableDesign03 td label.from_to_confirm,
table.tableDesign03 td label.table_text_block {
	line-height: 20px;
	padding: 3px 0 1px;
	font-size: 14px;
	margin: 0;
	font-weight: normal;
	disblay: inline-block;
}
table.tableDesign03 td label.table_text_block {
	display: block;
}
table.tableDesign03 td label.table_text_confirm.item_code {
	padding-right: 10px;
	margin-right: 10px;
	/* 2022/04/25 No.3315 nagayama UPD Start */
	/* 縦の線を入れないようにする。 */
/* 	border-right: 1px dotted #cdcdcd; */
	/* 2022/04/25 No.3315 nagayama UPD End */
	width: 87px;
}
@media only screen and (max-width: 991px) {
	table.tableDesign03 td label.table_text_confirm,
	table.tableDesign03 td label.from_to_confirm,
	table.tableDesign03 td label.table_text_block {
		font-size: 12px;
	}
	table.tableDesign03 td label.table_text_confirm.item_code {
		padding-right: 5px;
		margin-right: 5px;
		width: 70px;
	}
}
@media only screen and (max-width: 767px) {
	table.tableDesign03 td label.table_text_confirm,
	table.tableDesign03 td label.from_to_confirm,
	table.tableDesign03 td label.table_text_block {
		line-height: 18px;
		font-size: 11px;
	}
	table.tableDesign03 td label.table_text_confirm.item_code {
		width: 64px;
	}
}
table.tableDesign03 td span.number_right {
	float:right;
}
table.tableDesign03 td label.radio-inline,
table.tableDesign03 td label.checkbox-inline {
	line-height: 24px;
	padding: 5px 0;
	font-size: 14px;
	margin: 0 0 0 5px;
	font-weight: normal;
}
table.tableDesign03 td label.radio-inline.ml20,
table.tableDesign03 td label.checkbox-inline.ml20 {
	margin-left: 20px;
}
@media only screen and (max-width: 767px) {
	table.tableDesign03 td label.radio-inline,
	table.tableDesign03 td label.checkbox-inline {
		line-height: 20px;
		padding: 7px 0;
		font-size: 11px;
	}
	table.tableDesign03 td label.radio-inline.ml20,
	table.tableDesign03 td label.checkbox-inline.ml20 {
		margin-left: 10px;
	}
}
table.tableDesign03 td label.radio-inline input[type="radio"],
table.tableDesign03 td label.checkbox-inline input[type="checkbox"] {
	position: relative;
	top: 1px;
	margin-right: 5px;
	cursor: pointer;
	margin-left: 0px;
}
table.tableDesign03 td input.file_upload {
	line-height: 24px;
	padding: 5px 0;
	font-size: 14px;
	margin: 0;
	font-weight: normal;
}
@media only screen and (max-width: 767px) {
	table.tableDesign03 td input.file_upload {
		line-height: 20px;
		padding: 7px 0;
		font-size: 11px;
	}
}
table.tableDesign03.table_modal_mail th.mail_ttl {
	width: 180px;
}
table.tableDesign03.table_add_file th {
	width: 180px;
}
table.tableDesign03.table_modal_mail td {
	width: auto;
}
table.tableDesign03.table_modal_mail td.pdf_btn {
	width: 119px;
}
table.tableDesign03.table_add_file td.pdf_btn {
	width: 119px;
}
table.tableDesign03.table_modal_mail td.pdf_list,
table.tableDesign03.table_add_file td.pdf_list {
	padding: 0;
}

/* 2021/10/18_ichinomiya_Add_Start */
.table_temp_container {
	line-height: 24px;
	padding: 5px 0;
	font-size: 14px;
	margin: 0;
	font-weight: normal;
}
.del_rep_img_btn {
	width: 3.1em;
	margin-top: 5px
}
@media only screen and (max-width: 767px) {
	.table_temp_container {
		line-height: 20px;
		padding: 7px 0;
		font-size: 11px;
	}
	.del_rep_img_btn {
		width: 3.5em;
	}
}
.table_temp_container a {
	line-height: 24px;
	display: inline-block;
	text-decoration: underline;
	font-weight: normal;
}
.table_temp_container a:hover {
    text-decoration: none;
}
.table_temp_container.file_link {
	display: block;
}

/* 2021/10/18_ichinomiya_Add_End */

ul.file_table_box {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.file_table_box li {
	display: block;
	width: 100%;
	padding: 5px 5px;
	margin: 0;
	border-bottom: 1px solid #cdcdcd;
	font-size: 0px;
}
ul.file_table_box li.one_col_list {
	padding: 6px 5px 5px;
}
@media only screen and (max-width: 991px) {
	ul.file_table_box li.one_col_list {
		padding: 5px 5px 4px;
	}
}
ul.file_table_box li:last-child {
	border-bottom: none;
}
ul.file_table_box li .file_name,
ul.file_table_box li .label_name {
	width: calc(100% - 70px);
	display: inline-block;
	height: 26px;
}
ul.file_table_box li .label_name {
	line-height: 30px;
	font-size: 13px;
	height: 30px;
}
@media only screen and (max-width: 991px) {
	ul.file_table_box li .file_name,
	ul.file_table_box li .label_name {
		width: calc(100% - 55px);
	}
	ul.file_table_box li .label_name {
		font-size: 12px;
		line-height: 28px;
		height: 28px;
	}
}
ul.file_table_box li .file_name a {
	display: block;
	width: 100%;
	line-height: 26px;
	font-size: 13px;
	text-decoration: underline;
}
@media only screen and (max-width: 991px) {
	ul.file_table_box li .file_name a {
		font-size: 12px;
	}
}
ul.file_table_box li .file_name a:hover {
	text-decoration: none;
}
/* --------------------------------------------------------------------- */
/* 2020/04/14 Miyajima ADD */
.bgMenuBox {
	background: #f5f5f5;
	padding: 20px 20px 0px;
	/* margin-top: 50px; */
	margin-bottom: 50px;
}
section.mainMenuBox {
	background: #fff;
	width: 100%;
	display: block;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	padding: 0px 0px 10px;
	margin: 0px auto 20px;
	border: 1px solid #3D5364;
	box-shadow: 0 2px 3px rgba(0,0,0,0.3);
}
section.mainMenuBox:hover {
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	border: 1px solid #4687bf;
}
section.mainMenuBox h4 {
	background: #3D5364;
	margin: 0px;
	padding: 10px 170px 10px 10px;
	color: #fff;
	font-size: 17px;
	line-height: 30px;
	position: relative;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
}
section.mainMenuBox:hover h4 {
	background: #4687bf;
}
section.mainMenuBox h4 i.fa {
	font-size: 16px;
	padding-right: 5px;
	font-weight: normal;
}
@media only screen and (max-width: 991px) {
	section.mainMenuBox h4 {
		padding: 5px 130px 5px 5px;
		font-size: 14px;
	}
	section.mainMenuBox h4 i.fa {
		font-size: 13px;
		padding-right: 5px;
	}
}
.container_status {
	display: block;
	margin: 0px;
	width: 100%;
	padding: 10px 10px 0;
}
.container_status h5.status {
	float: left;
	margin: 0;
	color: #1e5677;
	font-weight: normal;
	text-decoration: none;
	background-color: transparent;
	font-size: 15px;
	font-weight: bold;
	line-height: 26px;
	padding: 0px;
}
.container_status h5.status span {
	display: inline-block;
	padding: 3px 10px 1px;
	background: #fff;
	line-height: 20px;
	height: 26px;
	font-size: 13px;
	font-weight: bold;
	color: #1e5677;
	margin: 0 10px 0 0;
	border: 1px solid #1e5677;
}
.container_status .update_box {
	float: right;
	margin: 0;
}
.container_status .update_box ol {
	list-style: none;
	height: 26px;
	margin: 0 0 0 10px;
}
.container_status .update_box ol li {
	float: left;
	margin: 0;
	color: #333;
	font-weight: normal;
	text-decoration: none;
	background-color: transparent;
	font-size: 14px;
	line-height: 26px;
	padding: 0px;
}
.container_status .update_box ol li:first-child {
	margin-right: 20px;
}

/* 2021/10/14_ichinomiya_Upd_Start  */
.container_status .update_box ol li .update_box_title {
/*.container_status .update_box ol li span {*/
/* 2021/10/14_ichinomiya_Upd_End */

	display: inline-block;
	padding: 4px 10px 2px;
	background: #567888;
	line-height: 20px;
	height: 26px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	margin: 0 5px 0 0;
}

/* 2021/10/14_ichinomiya_Add_Start */
.container_status .update_box ol li .update_box_name {
	display: inline-block;
	width: 7.5em;
}
/* 2021/10/14_ichinomiya_Add_End  */

section.mainMenuBox .report_detail {
	padding: 10px 10px 0;
	display: block;
}
section.mainMenuBox a h3 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 20px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
}


.fa-address-book::before {

    content: "\f2b9";

}

section.mainMenuBox a h3 i.fa ,
section.mainMenuBox a h3 i.far {
	font-size: 20px;
	padding-right: 5px;
	color: #34AAD4;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}

.boxSet {
    clear: both;
    float: none;
}
.clearFix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }

.clearFix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearFix { zoom:1; height: 1%; }

.clearFix { display: block; }/* End hide from IE-mac */

.relative {
    position: relative;
}
.absolute {
    position: absolute;
    right: 0;
    text-align: right;
    top: 0px;
    width:100%;
}

/* --------------------------------------------------------------------- */
/* 2020/04/15 Miyajima ADD */
.history_regist_btn_style
{
	width:100%;
	font-size: 16px;
	height:37px;
	padding-bottom: 6px;
	border: 1px solid #ccc;
	cursor: pointer;
	padding-top: 6px;
	padding-bottom: 6px;
}
/* --------------------------------------------------------------------- */
/* 2020/05/01 Miyajima ADD */
/* 実績検索-分析関連 */
.num-money-align
{
	text-align:right;
	font-size:13px;
}
.string-align
{
	text-align:center;
}

/* nagayama ADD Start */
#office_report {

}

#office_report th {
	background: #f5f5f5;
}

#office_repo_gauge {
	display: flex;
}

#amount_sales_guage ,
#amount_arari_guage {
	height: 150px;
}

#amount_sales_guage_wrapper figcaption,
#amount_arari_guage_wrapper figcaption {
	font-size: 16px;
	text-align: center;
}


#data-salesRep {

}

#data-salesRep th {
	text-align: center;
	vertical-align: middle;
	color: #fff;
	background: #4e4e4e;
	font-weight: normal;
}

#data-salesRep td {
	vertical-align: middle;
}


#salesman_report {

}

#salesman_report th {
	text-align: center;
	vertical-align: middle;
	color: #fff;
	background: #4e4e4e;
	font-weight: normal;
}

#salesman_report td {
	vertical-align: middle;
}
/* nagayama ADD End */

table.tableDesign04 {
    border: none;
}
table.tableDesign04 tr {
   /*  height: 45px; */
}
table.tableDesign04 thead tr {
    background: #3283a9;
    border-top: 1px solid #000000;
    color: #fff;
}

table.tableDesign04 th {
    color: #696969;

    font-size: 13px;
    font-weight: normal;
    border: 1px solid #696969;
    /* background: #696969; */
    text-align: center;
    /* padding: 8px 10px; */

    width: 20%;
}

table.tableDesign04 thead tr th {
    color: #696969;
    background: #d3d3d3;
    padding: 8px 10px;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
table.tableDesign04 tbody tr td {
    border: 1px solid #cdcdcd;
    color: #464646;
    font-size: 14px;
    padding: 8px 10px;
    vertical-align: middle;
}

#salesRepWrapper {
	padding: 0;
}

table.tbl-salesRep {
    border: none;
}
table.tbl-salesRep th {
	background: #696969;
    color: #f5f5f5;
    font-size: 13px;
    font-weight: normal;
    border: 1px solid #f5f5f5;
    /* background: #696969; */
    text-align: center;
    padding: 2px 2px;
    margin-top: 15px;
}

table.tbl-salesRep tr:last-child th {
	border-bottom: 3px double #666;
}

/* 2021/12/14_ichinomiya_Add_Start */
table.tbl-salesRep tbody tr {
    border: 1px solid #cdcdcd;
}
/* 2021/12/14_ichinomiya_Add_End */

table.tbl-salesRep tbody tr td {
    border: 1px solid #cdcdcd;
    color: #464646;
    font-size: 14px;
    padding: 6px 5px;
    vertical-align: middle;
}

table.tbl-salesRep .workDay ,
table.tbl-salesRep .workWeek {
	text-align: center;
}

table.tbl-salesRep .workRate {
	text-align: right;
	border-right: 3px double #666;
}

table.tbl-salesRep .timeStart,
table.tbl-salesRep .timeDeparture,
table.tbl-salesRep .timeReturn,
table.tbl-salesRep .timeRequired,
table.tbl-salesRep .timeSales {
	text-align: center;
}

/*
2021.11.08 Miyajima 不要なのでコメントアウト
table.tbl-salesRep .occupancyRate {
	text-align: right;
}
*/

table.tbl-salesRep .occupancyRate {
	border-right: 3px double #666;
}

table.tbl-salesRep .yesterdayOrder,
table.tbl-salesRep .fax,
table.tbl-salesRep .tel {
	text-align: center;
}

table.tbl-salesRep .tel {
	border-right: 3px double #666;
}

table.tbl-salesRep .dailyCount,
table.tbl-salesRep .isAccident {
	text-align: right;
}

table.tbl-salesRep .dailyWeight,
table.tbl-salesRep .dailyWeightRate,
table.tbl-salesRep .dailySalesPrice,
table.tbl-salesRep .dailyArariPrice,
table.tbl-salesRep .dailyArariRate,
table.tbl-salesRep .dailyDistance {
	text-align: right;
}

table.tbl-salesRep .monthlyCount {
	text-align: center;
}

table.tbl-salesRep .monthlyWeight,
table.tbl-salesRep .monthlySalesPrice,
table.tbl-salesRep .monthlyArariPrice,
table.tbl-salesRep .monthlyArariRate,
table.tbl-salesRep .monthlyDistance {
	text-align: right;
}

table.tbl-salesRep .saturday {
	background: #e0ffff;
}

table.tbl-salesRep .saturday .workWeek {
	color: #00f;
}

table.tbl-salesRep .sunday {
	border-bottom: 3px double #666;
	background: #ffb6c1;
}

table.tbl-salesRep .sunday .workWeek {
	color: #f00;
}

/* 2021/12/27_ichinomiya_Add_Start */

.sales_rep_th_1 {
	height: 30px;
}
.sales_rep_th_2 {
	height: 48px;
}

/* 営業日報明細のカラム幅 Start*/

/* 全タブの1～6カラム */
.sales_rep_th_day {
	width: 6%;
}
.sales_rep_th_youbi {
	width: 6%;
}
.sales_rep_th_nikkei_uri_ken {
	width: 8%;
}
.sales_rep_th_nikkei_uri_gaku {
	width: 8%;
}
.sales_rep_th_nikkei_arari {
	width: 8%;
}
.sales_rep_th_nikkei_arari_ritsu {
	width: 8%;
}

/* 売上情報、前年対比情報、営業稼働情報、車両情報の7～9カラム */
.sales_rep_th_ruikei_uri_gaku,
.sales_rep_th_zennen_uri_gaku,
.sales_rep_th_shukkin,
.sales_rep_th_nikkei_sekisai_ryo {
	width: 8%;
}
.sales_rep_th_ruikei_arari,
.sales_rep_th_zennen_arari,
.sales_rep_th_shuppatsu,
.sales_rep_th_nikkei_sekisai_ritsu {
	width: 8%;
}
.sales_rep_th_ruikei_arari_ritsu,
.sales_rep_th_zennen_arari_ritsu,
.sales_rep_th_kisha,
.sales_rep_th_nikkei_soukou_kyori {
	width: 8%;
}

/* 売上情報、前年対比情報の10～11カラム */
.sales_rep_th_tassei_uri,
.sales_rep_th_zennen_taihi_uri {
	width: 13.5%;
}
.sales_rep_th_tassei_arari,
.sales_rep_th_zennen_taihi_arari {
	width: 13.5%;
}

/* 営業稼働情報、車両情報の10～12カラム */
.sales_rep_th_shuppatu_made,
.sales_rep_th_gekkei_sekisai_ryo {
	width: 9%;
}
.sales_rep_th_eigyo,
.sales_rep_th_gekkei_sekisai_ritsu {
	width: 9%;
}
.sales_rep_th_kadou_ritsu,
.sales_rep_th_gekkei_soukou_kyori {
	width: 9%;
}

/* 集金情報の7～10カラム */
/* .sales_rep_th_shukin_yotei { */
/* 	width: calc(51% / 4); */
/* } */
/* .sales_rep_th_shukin_gaku { */
/* 	width: 13%; */
/* } */
/* .sales_rep_th_shukin_ritsu { */
/* 	width: 12%; */
/* } */
/* .sales_rep_th_mishukin_gaku { */
/* 	width: 13%; */
/* } */
.sales_rep_th_shukin_yotei,
.sales_rep_th_shukin_gaku,
.sales_rep_th_shukin_ritsu,
.sales_rep_th_mishukin_gaku {
	width: calc(51% / 4);
}

/* 全タブの一番右のカラム（連絡事項へのリンク） */
.sales_rep_th_link {
	width: 5%;
}

/* 営業日報明細のカラム幅 End */

.mod_table{
  background-color: #f2f2f2;
  border-radius: 4px;
  padding: 10px;
  width: 720px;
 }
.mod_table table{
 width:1000px;
 background:#FFF;
}
.mod_table table th,
.mod_table table td{
    border-bottom:solid 1px #7f7f7f;
 	border-left:solid 1px #7f7f7f;
    padding:5px;
}
.mod_table table th{
 background:#696969;
 color:#000;
 font-weight:normal;
 text-align:center;
 vertical-align:middle;
white-space:nowrap;
}
.mod_table table th.coltitle{
 background:#666;
 color:#FFF;
}
.mod_table table td{
 text-align:center;
}
/*  */
.mod_table table td.hover,
.mod_table table th.hover {
 background-color:#FFFEB5;
}

/* 2020/05/13 nagayama ADD Start */
#jissekiTbl th {
	vertical-align: middle;
}

#jissekiTbl td.col_sales_price,
#jissekiTbl td.col_sales_target,
#jissekiTbl td.col_sales_target_rate,
#jissekiTbl td.col_arari_price,
#jissekiTbl td.col_arari_rate,
#jissekiTbl td.col_arari_target,
#jissekiTbl td.col_arari_target_rate,
#jissekiTbl td.col_sales_per_weight,
#jissekiTbl td.col_arari_per_weight,
#jissekiTbl td.col_count_sales_slip,
#jissekiTbl td.col_count_target_slip,
#jissekiTbl td.col_count_target_slip_rate {
	text-align: right;
}

#jissekiTbl tr[data-layer="1"] {
	background: #fff8dc;
}
/* 2020/05/13 nagayama ADD End */

/* 2020/05/14 nagayama ADD Start */
#dashBoad {

}

/* dashboard and tiles */
#dashBoad .dashboard {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
}

#dashBoad .tile {
    flex-grow: 1;
    min-width: 200px;
    min-height: 80px;
    overflow: hidden;
    padding: 0;
    margin: 0px 15px 15px 0px;
    border: 1px solid #ededed;
    background: #fff;
    transition: all 250ms;
    page-break-inside:avoid; /* important when printing the dashboard */
    position: relative;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}
@media only screen and (max-width: 991px) {
	#dashBoad .tile {
	    margin: 0px 10px 10px 0px;
	    width: 100%;
	}
}
#dashBoad .tile:hover {
    box-shadow: 0 3px 6px rgba(0,0,0,0.4);
}
#dashBoad .tile::before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	content: '';
	-webkit-transition: border ease .2s;
	transition: border ease .2s;
	pointer-events: none;
	border: solid #ededed;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-width: 0;
	z-index: 1;
}
#dashBoad .tile:hover::before {
    border-width: 4px;
}
@media only screen and (max-width: 991px) {
	#dashBoad .tile:hover::before {
	    border-width: 2px;
	}
}
#dashBoad .tile.drag-over {
    border: 1px dashed #464646;
    background-color: #ededed;
    box-shadow: none;
    opacity: 0.8;
}
#dashBoad .tile.drag-source {
    opacity: 0.4;
    box-shadow: none;
    background-color: rgba(145, 200, 248, 0.75);
    transform: scale(0.9);
}
#dashBoad .tile .tile_ttl_box {
	display:flex;
	cursor: move;
	padding: 10px 10px 5px;
	border-bottom: #7fa2c1 solid 3px;
	background: #fff;
}
#dashBoad .tile.drag-over .tile_ttl_box {
	background-color: #ededed;
    opacity: 0.8;
}
@media only screen and (max-width: 991px) {
	#dashBoad .tile .tile_ttl_box {
		padding: 8px 5px 3px;
		border-bottom: #7fa2c1 solid 2px;
	}
}
#dashBoad .tile:hover .tile_ttl_box {
	background: #ededed;
}
#dashBoad .tile .tile_ttl_box .tile_ttl {
	flex-grow:1;
	color: #121212;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
}
@media only screen and (max-width: 991px) {
	#dashBoad .tile .tile_ttl_box .tile_ttl {
		font-size: 14px;
		line-height: 20px;
	}
}
.tile_item {
	display: block;
	width: 100%;
}
#dashBoad .tile .buttons {
    transition: all 250ms;
    opacity: 0;
}
#dashBoad .tile:hover .buttons {
    opacity: 1;
}
#dashBoad .tile .buttons>span {
    padding: 2px 6px 0;
    cursor: pointer;
}


/* tile content */

#dashBoad .wj-flexgrid {
    max-height: 250px;
    max-width: 450px;
}

#dashBoad .wj-flexchart {
    background: transparent;
    /* min-width: 450px; */
    border: none;
    padding: 0;
    margin: 0 auto;
    max-width: 100%;
    max-height: 250px;
    color: #333;
    font-size: 13px;
}
@media only screen and (max-width: 991px) {
	#dashBoad .wj-flexchart {
		font-size: 12px;
	}
}
@media only screen and (max-width: 767px) {
	#dashBoad .wj-flexchart {
	    max-height: 200px;
	    font-size: 9px;
	}
}
#dashBoad .wj-radialgauge {
    max-width: 450px;
    max-height: 350px;
}
#dashBoad .wj-lineargauge {
    min-width: 250px;
}


/* 2020/05/14 nagayama ADD End */

/* 2020/05/14 miyajima ADD Start */
.dashBoad_button {
	background-color:#696969;
	color: #ffffff;

	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-appearance: none;
    border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
        line-height: 24px;
    letter-spacing: 0.04em;

    width:100px;
}
/* 2020/05/14 miyajima ADD End */
/*--------------------------------------------------------------
	モーダル
--------------------------------------------------------------*/
.modal-open .modal {
	padding-right: 0px !important;
}
.modal-header {
    padding: 15px 15px 10px;
}
.modal-content button.close {
	line-height: 30px;
	cursor: pointer;
}
.modal-content .modal-title {
	line-height: 24px;
/* 	height: 30px; 複数行になる時もあるのでコメントアウト */
	padding: 2px 0 4px 30px;
	position: relative;
	width: calc(100% / 1 - 30px);
}
.modal-content .modal-title i.fa {
	font-size: 24px;
	position: absolute;;
	top: 0px;
	left: 0;
}
.modal-content .container_inner {
	width: 100%;
}
.modal-content .panel-custom {
	margin-bottom: 15px;
	padding-bottom: 0px;
}
.modal-content .search_btn_container .search-label i.fa {
	padding-right: 5px;
}
@media only screen and (min-width: 768px) {
	.modal-content .search_btn_container .pl_8px { padding-left: 8px;}
	.modal-content .search_btn_container .pr_8px { padding-right: 8px;}
}
@media only screen and (min-width: 768px) {
	.modal-content .search_btn_container .form-control {
		padding: 6px 20px 6px 6px;
		font-size: 13px;
	}
}
.modal-content .modal_table {
	margin-top: 0px;
	margin-bottom: 0px;
}
.modal-content .modal_table tbody .search_button {
	line-height: 20px;
	font-size: 13px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.modal-content .modal_table tbody .search_button.two_row_btn {
	height: 42px;
	padding-top: 10px;
	padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
	.modal-content .modal_table tbody .search_button {
		font-size: 12px;
		padding: 4px 3px;
	}
	.modal-content .modal_table tbody .search_button.two_row_btn {
	height: 41px;
	padding-top: 10px;
	padding-bottom: 9px;
}
}
.modal-content .modal_table tbody .modal_table_check {
	margin: 0;
	display: inline-block;
	line-height: 19px;
}
@media only screen and (max-width: 767px) {
	.modal-content .modal_table tbody .modal_table_check {
		line-height: 23px;
		height: 23px;
	}
}
table.tableDesign02.overflow_scroll thead tr {
	width: 100%;
	display: table;
}
table.tableDesign02.overflow_scroll tbody {
	overflow-y: scroll;
	height: 297px;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	background: #cdcdcd;
	display: block;
}
table.tableDesign02.overflow_scroll.two_row_scroll tbody {
	height: 301px;
}
@media only screen and (max-width: 767px) {
	table.tableDesign02.overflow_scroll tbody {
		height: 281px;
	}
	table.tableDesign02.overflow_scroll.two_row_scroll tbody {
		height: 277px;
	}
}
table.tableDesign02.overflow_scroll tbody tr {
	width: 100%;
	display: table;
}
table.tableDesign02.overflow_scroll tbody tr td {
	border-bottom: 0px solid #999;
	background: #fff;
}
table.tableDesign02.overflow_scroll.two_row_scroll tbody tr:nth-child(even) td {
	background-color: #f0f0f0;
}
table.tableDesign02.overflow_scroll tbody tr:hover td,
table.tableDesign02.overflow_scroll.two_row_scroll tbody tr:nth-child(even):hover td {
	background-color: #fdf1f1;
}
table.tableDesign02.table_checkBox tbody tr,
table.tableDesign02.table_checkBox tbody tr .modal_table_check {
	cursor: pointer;
}
/*--------------------------------------------------------------
	.range_group
--------------------------------------------------------------*/
#businessRep_graph .wj-flexchart {
	height: 370px;
	margin: 20px auto 0;
	padding: 0;
	border: none;
}
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
	#businessRep_graph .wj-flexchart {
		height: 400px;
	}
}
@media only screen and (max-width: 1199px) {
	#businessRep_graph .wj-flexchart {
		height: 400px;
		margin: 15px auto 0;
	}
}
/*--------------------------------------------------------------
	.pie_chart
--------------------------------------------------------------*/
.pie_chart_box td.table03_wd_100per {
	height: 348px;
	line-height: 336px;
}
.pie_chart_box .wj-flexchart {
	border: none;
	padding: 20px 0;
	height: 336px;
	margin: 0;
}
/*--------------------------------------------------------------
	見積一覧のアコーディオンテーブル制御
--------------------------------------------------------------*/
.table > tbody + tbody {
    border-top: 1px solid #ddd;
}
[class^="lot-row-"] {
	display: none;
}
#stock-list.tableDesign02 .lot-row {
    background-color: transparent;
}
#stock-list.tableDesign02 .lot-row:hover {
    background-color: #dde5ea;
}
/*--------------------------------------------------------------
	モーダル確認画面
--------------------------------------------------------------*/
.alertify-cover {
	background-color: rgba(0,0,0,0.8) !important;
	filter: alpha(opacity=1) !important;
	opacity: 1 !important;
}
.alertify {
	border: none !important;
	border-radius: 4px !important;
}
.alertify-buttons .alertify-button {
 box-shadow: none;
 background-image: none;
 text-shadow: none;
 min-width: 80px;
}
.alertify-buttons .alertify-button:nth-of-type(1) {
	margin-left: 0;
}
.alertify-buttons .alertify-button:focus {
    box-shadow: none;
}
.alertify-buttons .alertify-button-cancel,
.alertify-buttons .alertify-button-cancel:focus {
	border: 1px solid #e32d2d;
	background-color: #e32d2d;
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
}
.alertify-buttons .alertify-button-cancel:hover {
	border: 1px solid #f24747;
	background-color: #f24747;
}
.alertify-buttons .alertify-button-cancel:active {
    border: 1px solid #db1313;
    background-color: #db1313;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.alertify-buttons .alertify-button-ok,
.alertify-buttons .alertify-button-ok:focus {
	background-color: #257CBB;
	border: 1px solid #257CBB;
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
}
.alertify-buttons .alertify-button-ok:hover {
	background-color: #3c90cc;
}
.alertify-buttons .alertify-button-ok:active {
	background-color: #1b669c;
	border: 1px solid #1b669c;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

/* ITBlade ADD === START */
#header {
	background: #222;
    /* 2021/08/27_ichinomiya_Add_Start */
    /* ヘッダー上部に余白 */
    padding-top: 15px;
    /* 2021/08/27_ichinomiya_Add_End */
}
#login_foot_cst {
  width:100%;
  height: 40px;
  position: fixed;
  bottom: 0;
  z-index: 999;
  background: #e32d2d;
}

.div-all{
	padding-bottom:40px;
}

#head_greet_cst {
	color: #fff;
	width: 100%;
	font-size: 13px;
	/* display: block; */
	font-family: "Roboto Condensed", sans-serif;
	position: relative;

	/* 2021/08/27_ichinomiya_Upd_Start */
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
	/* 2021/08/27_ichinomiya_Upd_End */
}
/* ITBlade ADD === END */

/*-----------------------------
        処理中waiting
 ----------------------------*/
div[id^="modal_loading"] {
    display:    none;
    position:   fixed;
    /* 2021/10/19 nagayama UPD Start モーダルのz-indexは1050 */
    z-index:    2000;
    /* z-index:    1000; */
    /* 2021/10/19 nagayama UPD End */
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba(0, 0, 0, 0.5)
        url('../images/ajax-loader.gif')
        50% 50%
        no-repeat;
    /*
    background: rgba(0, 0, 0, 0.5)
        url('/ums_web/resources/images/ajax-loader.gif')
        50% 50%
        no-repeat;
    */
    background-size: 60px 60px;
}



div[id^="modal_loading"].waiting {
    display: block;
}


.commentArg .img_box {
	display: flex;
    justify-content: center;
    align-items: flex-start;
}
.commentArg .img_box .fileImg {
	width: auto;
    max-width: 100%;
    max-height: 400px;
}

.sales_detail_font {
    color:#ff4500;
}

/* 2021/11/22_ichinomiya_Add_Start */
.catalog_modal_image_list {
	display: flex;
    justify-content: space-between;
    align-content: flex-start;
    flex-wrap: wrap;
}
.catalog_modal_image_list .catalog_modal_image_container {
	width: 48%;
}
.catalog_modal_image_list .catalog_modal_image_container:first-child {
	width: 100%;
}
/* 2021/11/22_ichinomiya_Add_End */
/* 2021/12/03_ichinomiya_Add_Start */
.product_lot_row {
	display: none;
}
.product_lot_button {
	width: 100%;
	height: 100%;
}
/* 2021/12/03_ichinomiya_Add_End */


/* 2021/12/17_ichinomiya_Add_Start */



table.tableDesign05 {
    border: none;
    width: 100%;
}
table.tableDesign05 tr {
    background-color: #fff;
    border-top: 1px solid #cdcdcd;
    color: #fff;
}
table.tableDesign05 th {
    color: #ffffff;
    font-size: 13px;
    font-weight: normal;
    border: 1px solid #cdcdcd;
    background-color: #535353;
    text-align: center;
    padding: 5px;
}
@media only screen and (max-width: 991px) {
	table.tableDesign05 th {
        font-size: 12px;
	}
}
@media only screen and (max-width: 767px) {
	table.tableDesign05 th {
        font-size: 11px;
        padding: 3px;
	}
}
/* カラム数のクラスに応じて一番左の列以外を均等割りにする */
table.tableDesign05.col_count02 thead th {
	width: 80%;
}
table.tableDesign05.col_count03 thead th {
	width: calc(80% / 2);
}
table.tableDesign05.col_count04 thead th {
	width: calc(80% / 3);
}
table.tableDesign05.col_count05 thead th {
	width: calc(80% / 4);
}
/* 一番左の列は固定 */
table.tableDesign05 thead th:first-of-type {
	width: 20%;
}
table.tableDesign05.color_gray th {
	background-color: #ededed;
	color: #121212;
}
table.tableDesign05 tbody td {
    border: 1px solid #cdcdcd;
    color: #464646;
    font-size: 14px;
    padding: 5px;
    vertical-align: middle;
}
table.tableDesign05 td label.table_text_confirm {
	line-height: 20px;
	padding: 3px 0 1px;
	font-size: 14px;
	margin: 0;
	font-weight: normal;
	display: inline-block;
}
table.tableDesign05 td label.table_text_confirm.item_code {
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px dotted #cdcdcd;
	width: 87px;
}
@media only screen and (max-width: 991px) {
	table.tableDesign05 td label.table_text_confirm {
		font-size: 12px;
	}
	table.tableDesign05 td label.table_text_confirm.item_code {
		padding-right: 5px;
		margin-right: 5px;
		width: 70px;
	}
}
@media only screen and (max-width: 767px) {
	table.tableDesign05 td label.table_text_confirm {
		line-height: 18px;
		font-size: 11px;
	}
	table.tableDesign05 td label.table_text_confirm.item_code {
		width: 64px;
	}
}
table.tableDesign05 th i.fa {
	padding-right: 5px;
}
@media only screen and (max-width: 767px) {
	table.tableDesign05 th i.fa {
		padding-right: 3px;
		font-size: 12px;
	}
}

/* 2021/12/17_ichinomiya_Add_End */

/* 売価シミュレーションのコントロールがたつき対応 */
.input_and_tani_container {
    display: flex;
    justify-content: space-between;
    align-content: center;
}
.input_and_tani_container .content_input {
    flex: 1;
    text-align: right;
}
.input_and_tani_container .content_tani {
    width: 25px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: normal;
}


/* 2022/05/06 No.3351 nagayama UPD Start */
/* 計算ボタンのレイアウト */
.simCalcFlex {
	display: flex;
	justify-content: space-between;
}

.simCalcFlex .input_and_tani_container {
	width: 68%;
}

.simCalcFlex .btnWrapper {
	width: 30%;
}
/* 2022/05/06 No.3351 nagayama UPD End */


/* レスポンシブ対応のTable風デザイン */
.table_div_container {
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    border-top: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
}
.table_div_th,
.table_div_td {
    width: 25%;
    min-height: 35px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding: 5px;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
}
.table_div_th {
    background-color: #535353;
}
.table_div_td {

}
.table_div_th > div,
.table_div_td > div {
    width: 100%;
}
.table_div_th > div {
    text-align: center;
    color: #ffffff;
    font-size: 13px;
    font-weight: normal;
}
.table_div_td > div {
    font-size: 14px;
    font-weight: normal;
}

@media (max-width: 991px) {
    .table_div_th > div {
        font-size: 12px;
    }
    .table_div_td > div {
        font-size: 12px;
    }
}
@media (max-width: 767px) {
    .table_div_th > div {
        font-size: 11px;
    }
    .table_div_td > div {
        font-size: 11px;
    }
}

/* 6カラム1行、3組のtd・thがそれぞれ2:3のサイズ */
.table_div_design01 .table_div_th {
    width: calc(100% / 7.5);
}
.table_div_design01 .table_div_td {
    width: calc(100% / 5);
}
/* 4カラム1行、2組のtd・thがそれぞれ2:3のサイズ */
@media (max-width: 991px) {
    .table_div_design01 .table_div_th {
        width: 20%;
    }
    .table_div_design01 .table_div_td {
        width: 30%;
    }
}

/* 8カラム1行、4組のtd・thがそれぞれ2:3のサイズ */
.table_div_design02 .table_div_th {
    width: 10%;
}
.table_div_design02 .table_div_td {
    width: 15%;
}
/* 4カラム1行、2組のtd・thがそれぞれ2:3のサイズ */
@media (max-width: 991px) {
    .table_div_design02 .table_div_th {
        width: 20%;
    }
    .table_div_design02 .table_div_td {
        width: 30%;
    }
}

/* 数値と単位に間を開けるためのClass */
.tani_container {
    padding-left: 3px;
}

/* cdと名前を一緒に表示する場合の改行によるデザイン崩れ対策 */
.cd_and_name_container {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    flex-wrap: nowrap;
}
.cd_and_name_container > div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.fixed_table.unset_width {
	width: unset;
	max-width: unset;
}

/*
2022.03.03 Miyajima ADD
HOME 売上集計
*/
table.tableDesign05 thead tr th {
  color: #fff;
  background: #4e4e4e;
  padding: 8px 10px;
  vertical-align: middle;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

table.tableDesign05 tbody tr td {
  border: 1px solid #cdcdcd;
  color: #464646;
  font-size: 14px;
  padding: 5px;
  vertical-align: middle;
}



/* 2022/06/07 No.3355 nagayama ADD Start */
/*-----------------------------
  セッションタイムアウト um-error
 ----------------------------*/
#error {
    background-color: #f5f5f5;
}
#error_top {
    padding-bottom: 15px;
    text-align: center;
}
#error_section {
    background-color: #f5f5f5;
}
#error_section .mt {
    margin-top: 30px;
}
#error_section .mb {
    margin-bottom: 30px;
}
#error_section .mt50 {
    margin-top: 50px;
}
.error_img {
    text-align: center;
}
#error_section h3 {
    margin-top: 0;
    line-height: 1.5;
}
a.login_back {
    text-decoration: none;
    display: inline-block;
    padding: 20px;
    width: 100%;
    color: #ffffff;
    font-size: 1.2em;
    background: #e32d2d;
    border: 2px solid #e0e0e0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
}
a.login_back:hover {
    text-decoration: none;
    color: #e32d2d;
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
a.login_back:active {
    text-decoration: none;
    color: #e32d2d;
    background: #ffffff;
    box-shadow: none;
}
/* 2022/06/07 No.3355 nagayama ADD End */



/* 2023.07.03 永野浩志 OT台帳 No.1211 追加開始 */
/* パスワード表示するアイコンを入れて見れるようにする */
.password-wrapper
{
    display: flex;
    max-width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
}

#ipt_pw
{
    flex: 1;
    outline: none;
    appearance: none;
    padding: 10px 0 10px 10px;
    border: none;
    border-radius: 5px 0 0 5px;
}

#buttonEye
{
	height: 34px;
    width: 40px;
    border: none;
    margin-top: auto;
    margin-bottom: auto;
    background-color: #FFF;
    cursor: pointer;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
/* パスワード表示するアイコンを入れて見れるようにする */
/* 2023.07.03 永野浩志 OT台帳 No.1211 追加終了 */