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

/*-------------------------------------------

全体のベース

-------------------------------------------*/

.content-wrapper{
	background: #fff;
}
.main-footer{
	border:none;
}
.content-top{
	margin-top: 90px;
}

p i{
	margin-right: 5px;
}

/*a{*/
/*	text-decoration: underline;*/
/*}*/
.content-header h1,
.content-header h3{
	font-size: 1.4rem;
	font-weight: 600;
}
/*-------------------------------------------

sidebar

-------------------------------------------*/
.brand-link{
	text-align: center;
}
.main-sidebar{
	background: #313535;
}
.nav-sidebar .nav-item>.nav-link{
	font-size: 0.8rem;
	color: #fff;
}
.nav-sidebar .nav-item{
	background: #666;
}
.nav-sidebar .nav-item .nav .nav-item{
	background: #313535;
}
.nav-sidebar .nav-item a {
	text-decoration: none;
}
.nav-sidebar .nav-item a:hover i,
.nav-sidebar .nav-item a:hover p{
	color: #aaa;
}
/*-------------------------------------------

    form

 -------------------------------------------*/
/*CSV*/
.csv-up{
	padding: 15px;
}
.csv-up-back{
	background: #eee;
	margin-top: 15px;
}


/*フォーム*/
.form_supplement{
	margin-bottom: 30px;
}
.card-header{
	margin-bottom: 15px;
}
.form-group{
	margin-bottom: 1rem;
}
.annotate{
	font-size: 0.8rem;
	color: #999;
}
.alert{
	margin-bottom: 0;
	color: #dc3545;
	font-size: 0.8rem;
	padding: 0.1rem 0.25rem 0rem;
	display: none;
}
.form-control{
	height: calc(3rem + 2px);
}
.col-form-label{
	padding-top: calc(0.8rem + 1px);
	padding-bottom: calc(0.8rem + 1px);
	text-align: right;
	background: #f9f9f9;
}
input.input_short{
	width: 20%;
	max-width: 100%;
	display: inline-block;
}
input.input_medium{
	width: 30%;
	display: inline-block;
}
input.input_long{
	width: 50%;
	display: inline-block;
}
.form_short input{
	margin-bottom: 10px;
}
.form-check{
	display: inline-block;
	/*padding: 0 0 1rem;*/
	padding-left: 0px;
}
.form-check-label {
	margin-bottom: 1rem;
}
.form-check:not(:first-of-type){
	padding-left: 60px;
}
.form-radio-label{
	margin-top: 15px;
	font-weight: normal !important;
}
.form-radio-input{
	padding-left: 30px;
}
.custom-file{
	height: calc(3.25rem + 2px);
}
.custom-file-input {
	height: calc(3rem + 2px);
}
.custom-file-label{
	height: calc(3rem + 2px);
	width: 60%;
}
.custom-file-label::after{
	content: "画像を選択";
	height: 3rem;
	line-height: 2;
}
.ninni{
	color: #17a2b8;
	border: 1px solid #17a2b8;
	border-radius: 3px;
	font-size: 0.8rem;
	margin-left: 10px;
	padding: 2px 5px;
}
.hissu{
	color: #dc3545;
	border: 1px solid #dc3545 ;
	border-radius: 3px;
	font-size: 0.8rem;
	margin-left: 10px;
	padding: 2px 5px;
}
.complete_box{
	display: none;
}
.complete_box .form_supplement {
	padding: 30px;
}
/*フォームボタン*/
.btn{
	font-size: 1.2rem;
	padding: .5rem 2rem;
}

@media (max-width: 1199px) {
	.col-form-label{
		text-align: left;
	}
}
@media (max-width: 991px) {
	.card-header{
		margin-bottom: 0;
	}
	.form-group{
		margin-bottom: 1rem;
	}
	.col-form-label{
		font-size: 0.8rem;
	}
	.form-control{
		font-size: 0.8rem;
		height: calc(2rem + 2px);
	}
	input.input_long{
		width: 100%;
	}
	.form-check{
		font-size: 0.8rem;
	}
	.form-check-label{
		padding-left: 20px;
	}
	.custom-file-input{
		height: calc(2rem + 2px);
	}
	.custom-file-label{
		height: calc(2rem + 2px);
		width: 100%;
	}
	.custom-file-label::after{
		font-size: 0.8rem;
		height: calc(2rem + 2px);
	}
	.hissu,.ninni{
		font-size: 0.6rem;
	}
	.btn{
		font-size: 1.0rem;
	}

}

/*確認画面*/
#check{
	display: none;
}
#check .col-form-label{
	padding:5px 15px 5px 0;
	color: #555555;
}
#check .form-check-text p{
	margin-bottom: 0;
}
#check .form_view {
	padding: 5px 0;
	margin-bottom: 0px;
}

@media (max-width: 768px) {
	#check .col-form-label{
		padding:0 7.5px;

	}
	#check .form_view{
		margin-top: 10px;
	}
	#check .form-check-text{
		margin-top: 10px;
		margin-bottom: 1rem;
	}
	#check .form-check-text p{
		margin: 0;
	}
}


/*CSVサンプル*/
.csvsample_download{
	margin-top: 15px;
}


.form_middle_ttl{
	font-size: 1.0rem;
	background: #999;
	color: #fff;
	margin: 60px 0 30px;
	padding: 10px 15px;
	border-radius: 4px;
}
.form_middle_ttl01{
	margin-top: 0px;
}

/*商品リスト確認画面*/

.product_list_confirm_view tr td{
	border-bottom: 1px solid #dee2e6;
	padding: 1rem;
}


/*a.btn-sm{*/
/*	display: inline-block;*/
/*	padding: .38rem .5rem .30rem;*/
/*	font-size: .875rem;*/
/*	margin: 0;*/
/*	text-decoration: none;*/
/*	border-right: 1px solid #000;*/
/*	border-bottom: 1px solid #000;*/
/*}*/
a.btn-sm{
	display: inline-block;
	padding: .3rem .3rem .2rem;
	font-size: .875rem;
	margin: 0;
	text-decoration: none;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: .7rem;
}
a:hover{
	color: #fff;
}


/*-------------------------------------------

table

-------------------------------------------*/
.text-nowrap {
	white-space: inherit!important;
}
.board-nowrap{
	white-space: nowrap!important;
}
.table td, .table th {
	vertical-align: middle;
}
table#example1 {
	width: 100%;
}
table#example1 th,
table#example1 td {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 0;
}

table#example1 .col_1 {
	width: 17%;
}
table#example1 .col_2 {
	width: 17%;
}
table#example1 .col_3 {
	width: 17%;
}
table#example1 .col_4 {
	width: 17%;
}
table#example1 .col_5 {
	width: 16%;
}
table#example1 .col_6 {
	width: 16%;
}
table.table-head-fixed thead tr th{
	background: #999 !important;
	color: #fff;
}

.table-height{
	
}
/*.table_btn02{*/
/*	width: 60px;*/
/*}*/
/*.table_btn04{*/
/*	width: 80px;*/
/*}*/
.table td.table_btn02,
.table td.table_btn04 {
	text-align: center;
}
.table td.table_btn02 {
	width: 50px;
}
.table td.table_btn02 .btn-sm {
	font-size: 0.6rem;
}
.table td.table_btn04 {
	width: 70px;
}
.table td.table_btn04 .btn-sm {
	font-size: 0.6rem;
}
.table td.com_name {
	width: 10%;
	font-size: 0.7rem;
}
.table td.pro_name {
	width: 20%;
	font-size: 0.7rem;
}
.table td.apl_name {
	white-space: nowrap;
	word-break: break-all;
}
@media (max-width: 767px) {
	.btn-secondary {
		margin-bottom: 5px;
	}
	.form-control{
		width: 100%;
	}
}

/*table*/
/*.table td, .table th{*/
/*	font-size: 0.9rem;*/
/*}*/
.table th {
	font-size: 0.7rem;
}
.table td {
	font-size: 0.8rem;
	border: 1px solid #dee2e6;
}
table tr .number{
	max-width: 80px;
	width: 70px;
	padding: .75rem .25rem;
}
.table-product .table th,.table-product .table td{
	padding: .35rem !important;

}
table a:hover{
	color: #007bff;
	text-decoration: underline;
}
	/*検索*/
.list_top_flex #form{
	width: 100%;
}
.list_top_flex input[type="search"]{
	width: 60%;
	border: 1px solid #999;
	border-radius: 4px;
	height: 40px;
}
.list_top_flex .input-group-append{
	margin-left: 15px;

}
.list_top_flex .input-group-append input[type="submit"]{
	border-radius: .3rem !important;
	padding: 2px 15px;
	font-size: 1.2rem;
}
.head-btn{
	display: flex;
}
.head-btn-cont{
	margin: 15px 0;
}
.head-btn-cont button{
	margin-right: 15px;
}

/*サーチ*/
.search_table {
	font-size: 0.9rem;
}
.search_table .input-group-append{
	display: inline-block;
	margin-bottom: 15px;
	width: 23%;
}
.search_table .input-group-append input,
.search_table .input-group-append select{
	padding: .3rem .5rem;
	height: 2rem;
	font-size: 0.9rem;
}
.search_table .input-group-append input[type="search"],
.search_table .input-group-append input[type="text"],
.search_table .input-group-append select{
	width: 100% !important;
}
.search-form-control .form-control,
.search-form-control select{
	height: calc(2.25rem + 2px);
}

#ui-datepicker-div{
	z-index: 90999!important;
}
/*-------------------------------------------

ログイン画面

-------------------------------------------*/

.login-page, .register-page{
	background: #fff;
}
.login-box, .register-box{
	width: 450px;
}
.login-box .card, .register-box .card{
	padding: 30px;
}

@media (max-width: 767px) {
	.login-box, .register-box{
		width: 95%;
	}
	.login-box .card, .register-box .card{
		padding: 15px;
	}
	.icheck-primary label{
		font-size: 0.8rem;
	}
	.card-body p{
		font-size: 0.8rem;
	}
	.btn{
		font-size: 0.8rem;
	}
}
/*-------------------------------------------

ローディング画面

-------------------------------------------*/
.load-display {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.9;
	z-index: 9999999;
}
.load-display-img {
	width: 30%;
	margin: auto;
}
.load-display-img img {
	width: 100%;
}


/*ページャー*/
.poductlist_more,.supplierlist_more,
.loyallist_more,.pager{
	text-align: center;
	margin-top: 30px;
}
.poductlist_more a,
.supplierlist_more a,
.loyallist_more a,
.pager a{
	font-size: 1.0rem;
	margin: 0 0.5rem;
	display: inline-block;
	border:1px solid #007bff;
	border-radius: 4px;
	text-decoration: none;
	padding: 5px 10px;
}
.poductlist_more a:hover,
.supplierlist_more a:hover,
.loyallist_more a.hover,
.pager a:hover{
	background: #007bff;
	color: #fff;
}
.poductlist_more a.active,
.supplierlist_more a.active,
.loyallist_more a.active,
.pager a.active{
	background: #007bff;
	color: #fff;
}
.poductlist_more a.pager_left,
.poductlist_more a.pager_right,
.supplierlist_more a.pager_left,
.supplierlist_more a.pager_right,
.loyallist_more a.pager_left,
.loyallist_more a.pager_right,
.pager a.pager_left,
.pager a.pager_right{
	border: none;
}

.underlayer{
	margin: 50px auto;
	padding: 0;
}
button a{
	color: #fff;
	text-decoration: none;
}

/*-------------------------------------------

ページャー2

-------------------------------------------*/
.pager_count {
	padding: 5px 10px;
	font-size: 0.9rem;
}

.pager_wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 15px auto;
}

.pager_contents {
	border: 1px solid #007bff;
	border-radius: 5px;
	padding: 15px 15px;
	margin: 0 5px;
	background-color: #007bff;
	position: relative;
}
.pager_contents a {
	text-decoration: none;
	color: white;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	white-space: nowrap;
	overflow: hidden;
	line-height: 1.8rem;
	text-align: center;
}
.pager_contents:hover {
	background-color: white;
}
.pager_contents a:hover {
	color: #0049fd;
}

.pager_now {
	background-color: white;
}
.pager_now a {
	color: #0049fd;
}

.pager_sprit {
	padding-top: 15px;
	color: #0049fd;
}

.pager_only {
	padding: 3px 10px;
	color: #0049fd;
}


/*交換商品マスタCSV アップロード*/
#upload_complete p{
	margin-top: 1rem;
}


/*チャット*/

.chat-btn{
	display: flex;
}
.chat-box{
	background: #efefef;
	padding: 30px;
}
.online-chat{
	height: 65vh;
}
.online-chat iframe{
	border: none;
	height: 65vh;
	background: #efefef;
}
.online-chat-each{
	height: 30vh;
}
.online-chat-each iframe{
	border: none;
	height: 30vh;
	background: #efefef;
}
#talk .talk_box{
	background: #fff;
	padding: 15px;
	border-radius: .25rem;
}
.talk_box .time{
	color: #999;
}
.talk_item p{
	font-size: 1.6rem;
}
.unsolved{
	border-left: 3px solid red;
}
.my_talk{
}
.partner_talk{
	background: #edfbff !important;
}
a:hover.js-modal-open{
	color: #007bff;
	text-decoration: underline;
}
.modal__content{
	max-height: 50vh;
	overflow-y: scroll;
}

.chat-memo-back.card{
	max-height: 70vh;
}
.chat-memo{
	height: 55vh!important;
}

/***期日はの場合　背景***/
.back_red{
	background: #f3cece !important;
	color: red;
}
.back_orange{
	background: #f5dcb3 !important;
}
.back_white{
	background:#ffffff!important;
}
.back_blue{
	background: #c5e6f8 !important;
}
.back_gray{
	background: #eee;
}

/*サプライヤー*
 */

.sp_mail_delete form{
	margin-bottom: 0;
}


/*掲示板*/
.board_input {
	padding: 30px;
	position: fixed;
	bottom: 15px;
	right: 30px;
	left: 280px;
}
.board_input .form-group textarea,
.board_input .form-group input{
	width: 50%;
}