@charset "UTF-8";

/*-------共通-------*/

* {
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",sans-serif;
	margin: 0;
	/*outline: 1px solid #cbcbcb;*/
}

html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
}

#wrapper {
	margin: 0;
	background-color: #ffffff;
	height: auto !important;
	height: 100%;
	/*position: relative;*/
	min-height: 100%;
}

img {
	display: block;
	border-style: none;
	background-color: #fff;
}

#main_content { margin: 10px 20px; }

#container_p {
	margin: 10px;
}

#main_content h1 { text-align: left; }

.fs-13 { font-size: 13px; }

.input { margin: 0 4px; }

.clear { overflow: hidden; }

.clear_l { clear: left; }

.none { display: none; }

.v_hidden { visibility: hidden; }

/*表*/
table.table>tbody>tr>td, table.table>tbody>tr>th, table.table>tfoot>tr>td, table.table>tfoot>tr>th, table.table>thead>tr>td, table.table>thead>tr>th {
	padding: 4px;
	font-size: 13px;
	vertical-align: middle;
	white-space: nowrap;
}
th { background-color: #cfcfcf; }

/*モーダル*/
#myModal .modal-dialog {
	max-width: 750px;
	width: calc(100% - 20px);
}

/*editメッセージ*/
.alert { margin-top: 20px; }

/*ボタン中央揃え*/
.btn_box {
	margin: 0 auto 10px;
	text-align: center;
}

/*検索メニュー*/
.search_btn_box {
	margin: 0 auto;
	width: auto;
	text-align: center;
}

/*ページ移動ボタン*/

/*.page_no ul.pagination li a {
	padding-left: 10px;
	padding-right: 10px;
}*/

.page_no ul.pagination li a {
	width: 32px;
	padding-left: 2px;
	padding-right: 2px;
	text-align: center;
}

/*メモ*/
.alert-warning.font-black { color: #000; }

/*必須*/
.required { position: relative; }
.required::after {
	content: "必須";
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 10px;
	font-weight: normal;
	background-color: rgb(217, 83, 79);
	width: 30px;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	padding: 0.1em 0.5em;
	border-radius: 0.25em;
}
.table th.required::after {
	top: 5px;
}
.table th.required { padding-right: 45px; }

/*コンテナ検索メニュー*/
.table.select_t { width: auto; }
.select_b .mt2 {
	display: inline-block;
	margin-top: 2px;
}

/*-------テンプレート-------*/

.header { width: 100%; }

.logo {
	display: block;
	width: 252px;
	padding: 10px;
}

.logo a {
	text-decoration: none;
	color: #555555;
}
.logo a:link {
	text-decoration: none;
	color: #555555;
}
.logo a:visited{
	text-decoration: none;
	color: #555555;
}
.logo a:hover{
	text-decoration: none;
	color: #555555;
}
.logo a:active{
	text-decoration: none;
	color: #555555;
}

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

/*.menubar li {
	margin-top: 72px;
}*/

#toggle_btn {
	display: block;
	text-align: center;
	text-decoration: none;
	margin: 0;
	padding: 10px 15px;
	-webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
}

/*.toggle_btn {
	display: block;
	list-style: none;
	float: right;
	width: auto;
	position: relative;
	padding-left: 0;
	margin: 65px 70px 0 10px;
}*/

/*ヘッダー*/
.header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	position: relative;
	border-bottom: 1px solid #ddd;
}

.header .toggle_btn {
	position: absolute;
	top: 25px;
	right: 84px;
}

.header .menubar .nav-tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	border-bottom: none;
}

.header .menubar .nav-tabs li {
	float: none;
}

.header .menubar .nav-tabs li a {
	height: 100%;
}

/*-------index--------*/

/*タイトルロゴ*/

#index .header {
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
	padding: 30px 0;
	border-bottom: none;
	justify-content: center;
	flex-wrap: wrap;
}

.top_img img {
	width: 100%;
	max-width: 232px;
	margin: 0 auto;
}

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

/*index ログインbox*/

.loginbox {
	clear: both;
	display: block;
	max-width: 600px;
	width: 100%;
	padding: 20px;
	margin: 0 auto;
	background-color: #eee;
	border: 1px solid #C5C5C5;
	-webkit-border-radius: 16px;
     -moz-border-radius: 16px;
          border-radius: 16px;
}

/*フッター*/

.index .footer {
	background-color: #ffffff;
	width: 100%;
	position: absolute;
	bottom: 0;
}

/*-------zaiko index--------*/

.btn_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-end;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 8px;
}

.btn_wrap.page {
	justify-content: space-between;
	margin-bottom: 0;
}

.btn_wrap.customer_btn {
	justify-content: space-between;
}

.btn_wrap .btn_toolbar .btn,
.btn_wrap .btn_toolbar .buyer,
.btn_wrap .btn_toolbar .btn-group,
.btn_wrap.customer_btn .select_b {
	margin: 2px;
}

.btn_wrap.customer_btn .select_b .table,
.btn_wrap.customer_btn .btn {
	margin-bottom: 5px;
}

table.main_table2 { width: 2600px; }

#main_box {
	position: relative;
	width: 100%;
	margin-bottom: 55px;
}

#main_box .table {
	margin-bottom: 0;
}

table.table.search_box > tbody > tr > th,
table.table.search_box > tbody > tr > td,
table.table.search_box_admin > tbody > tr > th,
table.table.search_box_admin > tbody > tr > td,
table.table.container_new > tbody > tr > th,
table.table.container_new > tbody > tr > td,
table.table.master_new > tbody > tr > th,
table.table.master_new > tbody > tr > td {
	white-space: normal;
}

/*-------zaiko edit--------*/

.img_upload .panel-body { padding: 8px; }

#jquery-ui-sortable {
	list-style-type: none;
	margin: 0;
    padding: 0;
}
	
#jquery-ui-sortable li {
    margin: 0 3px 3px 3px;
    padding: 0.3em;
    padding-left: 1em;
    cursor: move;
}

#jquery-ui-sortable div {
	display: inline-block;
}

.new_pro_wrap {
	width: calc(100% - 300px);
	margin-left: 300px;
}

.new_pro th {
	width: 200px;
}

.new_pro textarea {
	width: 100%;
}

/*-------container container（コンテナごとの内容ページ共通）--------*/

.file_up {
	width: 100%;
	max-width: 300px;
}

table.container_p_h { width: 400px; }

.table.container_p_list {
	margin: 0;
}

/*-------user products index--------*/

.wrap_main_table {
	width: 100%;
	overflow: scroll;
}

table.g_main_table1, table.g_main_table2 {
	margin-bottom: 0;
}

/*-------user contact--------*/

.contact .panel {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

.contact .table th, .contact .table td {
	border-top: none;
	border-left: none;
	border-right: none;
	padding-top: 12px;
	padding-bottom: 12px;
}

.carousel-control.left {
	background-image:none;
}
.glyphicon-chevron-left::before {
	color:#00F;
	font-weight: bold;
}

.carousel-control.right {
	background-image:none;
}
.glyphicon-chevron-right::before {
	color:#00F;
	font-weight: bold;
}

#left_box {
	position: absolute;
	width: 230px;
}

#right_box {
	position: absolute;
	overflow: scroll;
	left: 229px;
}
/*.modal-dialog {
	width: 642px !important;
}*/
.modal .modal-dialog {
	width: auto;
	max-width: 642px;
}
th a.asc:after {
	content: ' ▲';
}
th a.desc:after {
	content: ' ▼';
}
th a:after {
	content: ' 　';
}



@media screen and (max-width: 1199px) {

	table.table.search_box > tbody > tr,
	table.table.search_box_admin > tbody > tr,
	table.table.container_new > tbody > tr,
	table.table.master_new > tbody > tr {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: flex-start;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
	}

	table.table.search_box > tbody > tr > th,
	table.table.search_box > tbody > tr > td,
	table.table.search_box_admin > tbody > tr > th,
	table.table.search_box_admin > tbody > tr > td,
	table.table.container_new > tbody > tr > th,
	table.table.container_new > tbody > tr > td,
	table.table.master_new > tbody > tr > th,
	table.table.master_new > tbody > tr > td {
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		display: block;
		margin: 0;
		padding: 0;
		border: none;
	}

	table.table.search_box > tbody > tr > th > div,
	table.table.search_box > tbody > tr > td > div,
	table.table.search_box_admin > tbody > tr > th > div,
	table.table.search_box_admin > tbody > tr > td > div,
	table.table.container_new > tbody > tr > th > div,
	table.table.container_new > tbody > tr > td > div,
	table.table.master_new > tbody > tr > th > div,
	table.table.master_new > tbody > tr > td > div {
		height: 100%;
		padding: 4px;
		border: 1px solid #ddd;
	}

	#search_hide_area table.search_box th > div,
	#search_hide_area table.search_box_admin th > div,
	table.table.container_new > tbody > tr > th > div,
	table.table.master_new > tbody > tr > th > div {
		line-height: 1.9;
	}
	table.table.search_box > tbody > tr > th,
	table.table.search_box_admin > tbody > tr > th,
	table.table.container_new > tbody > tr > th {
		-ms-flex-preferred-size: 20%;
		flex-basis: 20%;
	}

	table.table.search_box > tbody > tr > td,
	table.table.search_box_admin > tbody > tr > td,
	table.table.container_new > tbody > tr > td {
		-ms-flex-preferred-size: 30%;
		flex-basis: 30%;
	}

	table.table.master_new > tbody > tr > th,
	table.table.master_new > tbody > tr > td {
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
	}

	#search_hide_area table.search_box td input,
	#search_hide_area table.search_box td select,
	#search_hide_area table.search_box_admin td input,
	#search_hide_area table.search_box_admin td select,
	table.table.container_new > tbody > tr > td input,
	table.table.master_new > tbody > tr > td input {
		height: 1.9em;
	}

}

@media screen and (max-width: 899px) {

	.header {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.header .col-space {
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}

	.menubar {
		padding-left: 10px;
		padding-right: 10px;
	}

}

@media screen and (max-width: 767px) {

	#main_content {
		margin-right: 10px;
		margin-left: 10px;
	}

	table.table.search_box > tbody > tr > th,
	table.table.search_box_admin > tbody > tr > th,
	table.table.container_new > tbody > tr > th,
	table.table.master_new > tbody > tr > th {
		-ms-flex-preferred-size: 30%;
		flex-basis: 30%;
	}
	table.table.search_box > tbody > tr > td,
	table.table.search_box_admin > tbody > tr > td,
	table.table.container_new > tbody > tr > td,
	table.table.master_new > tbody > tr > td {
		-ms-flex-preferred-size: 70%;
		flex-basis: 70%;
	}

	table.table.master_new > tbody > tr > th {
		-ms-flex-preferred-size: 40%;
		flex-basis: 40%;
	}
	table.table.master_new > tbody > tr > td {
		-ms-flex-preferred-size: 60%;
		flex-basis: 60%;
	}

	div.new_pro_img,
	div.new_pro_wrap {
		width: 100%;
	}

	div.new_pro_wrap {
		margin-left: 0;
	}

	table.table.select_t.select_container {
		width: 100%;
	}

	table.table.select_container > tbody > tr {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: flex-start;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
	}

	table.table.select_container > tbody > tr > th,
	table.table.select_container > tbody > tr > td {
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		display: block;
		margin: 0;
		padding: 0;
		border: none;
	}

	table.table.select_container > tbody > tr > th > div,
	table.table.select_container > tbody > tr > td > div {
		height: 100%;
		padding: 4px;
		border: 1px solid #ddd;
	}

	table.table.select_container > tbody > tr > th > div {
		line-height: 1.9;
	}

	table.table.select_container > tbody > tr > th {
		-ms-flex-preferred-size: 30%;
		flex-basis: 30%;
	}

	table.table.select_container > tbody > tr > td {
		-ms-flex-preferred-size: 70%;
		flex-basis: 70%;
	}
	table.table.select_container > tbody > tr > td.syukka {
		-ms-flex-preferred-size: 30%;
		flex-basis: 30%;
	}
	table.table.select_container > tbody > tr > td.syorisumi {
		-ms-flex-preferred-size: 40%;
		flex-basis: 40%;
	}

	table.table.select_container > tbody > tr > td input {
		height: 1.9em;
	}

	.container_search {
		text-align: center;
		margin-bottom: 20px;
	}

	.container_search .btn {
		width: 100px;
		float: none;
	}

}

@media screen and (max-width: 499px) {

	.logo {
		display: block;
		width: 60%;
		max-width: 252px;
		padding: 10px;
		float: left;
	}
	.logo img {
		width: 100%;
	}

	.header .toggle_btn {
		right: 15px;
	}

	.header .dropdown-menu {
		right: 0;
		left: auto;
	}

	.header .menubar .nav-tabs li {
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		-ms-flex-preferred-size: 33.3%;
		flex-basis: 33.3%;
		text-align: center;
	}

	.header .menubar .nav-tabs li a {
		padding: 8px 5px;
	}

	.contact .table tr {
		display: block;
		padding-bottom: 20px;
	}

	.contact .table th, .contact .table td {
		display: block;
		padding-top: 6px;
		padding-bottom: 6px;
	}

	#main_box {
		overflow: scroll;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	#main_box #left_box,
	#main_box #right_box {
		position: inherit;
	}

	#main_box #right_box {
		margin-left: -1px;
		left: auto;
		overflow: visible;
	}

	table.table.search_box > tbody > tr > th,
	table.table.search_box > tbody > tr > td,
	table.table.container_new > tbody > tr > th,
	table.table.container_new > tbody > tr > td,
	table.table.master_new > tbody > tr > th,
	table.table.master_new > tbody > tr > td {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}

	table.table.new_pro > tbody > tr {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: flex-start;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
	}

	table.table.new_pro > tbody > tr > th,
	table.table.new_pro > tbody > tr > td {
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		display: block;
		margin: 0;
		padding: 0;
		border: none;
	}

	table.table.new_pro > tbody > tr > th > div,
	table.table.new_pro > tbody > tr > td > div {
		width: 100%;
		height: 100%;
		padding: 4px;
		border: 1px solid #ddd;
	}

	table.table.new_pro th > div {
		line-height: 1.9;
	}
	table.table.new_pro > tbody > tr > th,
	table.table.new_pro > tbody > tr > td {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}

	table.table.new_pro td input,
	table.table.new_pro td select {
		height: 1.9em;
	}
	table.table.new_pro td input.btn {
		height: auto;
	}

	table.table.select_container > tbody > tr > th,
	table.table.select_container > tbody > tr > td {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
	table.table.select_container > tbody > tr > td.syukka,
	table.table.select_container > tbody > tr > td.syorisumi {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}

}


.columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }
  @media (max-width: 46.24em) {
    .columns {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .columns .col-space {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%; }

    .columns .col-space .col-item {
      padding: 1rem;
      word-break: break-all;
      height: 100%; }
      @media (max-width: 46.24em) {
        .columns .col-space .col-item {
          padding: 0; } }