@charset "utf-8";
/*
Theme Name: カタログシステムテーマ
Theme URI: 
Author: NARTS
Author URI: http://www.narts.jp
Description: Bootstrap3対応テーマ
Version: 1.0.0
*/

/* wordpress */
.aligncenter {
	display: block;
	margin: 0 auto 10px;
}
.alignright {
	float: right;
	margin-bottom: 10px;
}
.alignleft {
	float: left;
	margin-bottom: 10px;
}

/* bootstrap追加 */
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.35em;
	color: #333;
	padding-top: 50px;
}

img {
	vertical-align: bottom;
}

a:hover img {
	opacity: 0.7;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
	filter: alpha(opacity = 70);
	transition: all 0.3s;
}

a {
	text-decoration: none;
	color: #4D80DA;
}

a:hover {
	text-decoration: none;
	color: #0E2D96;
	transition: 0.2s all;
}

.navbar-brand {
	font-size: 3rem;
	font-weight: bold;
}
@media (max-width : 480px) {
	.navbar-brand {
		font-size: 1.8rem;
	}
}

.indent {
	padding-left: 20px;
}

.panel-body .checkbox {
	margin-top: 0;
}

#pageloader{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -25px;
	margin-left: -25px;
}

#pageloader-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #fff;
	z-index: 1;
}

#searcher{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -25px;
	margin-left: -25px;
}

#searcher-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #fff;
	z-index: 1;
}

.has-error .with-errors {
	color: #ff0000;
}

footer.container-fluid.text-center {
	margin-top: 10px;
}

/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
@media (max-width : 1200px) {
}

/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media (max-width : 992px) {
}

/* XSサイズ : Extra Small Devices, Phones */  
@media (max-width : 480px) {
}

/* navbar collapse for iPad (bootstrap) */
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}



input[type='number']{
    width: 80px;
	text-align: right;
} 

.migiyose {
	text-align: right;
}

.img-tatekotei{
	display: block;
	max-height: 30px;
	width: auto;
}

.yoyaku_item {
	margin-left: 5px;
	color: white;
	background-color: #fa7474;	/* #FF0000 */
	padding: 2px;
}

.catalog {
	width: 56px;
	word-break: break-all;
	overflow-wrap: break-word;
}


/* 2025-07-27 Add */
/* モバイル時はヘッダにナビを固定表示 */
.mb-navbar{
	display: none;
}
@media only screen and (max-width: 790px) {
	.mb-navbar{
		display: block;
	}
	.mb-navlink{
		padding: 1.5em 0.3em 1.5em 0.3em;
		color: #777777;
	}
}
/* 2025-07-27 Add */


/* モバイルのためカタログページ前にカタログ名、PCは非表示 */
.catalog{
/*	visibility:visible;*/
	display: revert; /* 初期化（東内） */
	text-align: center;
}

.catalog_sp{
/*	visibility:collapse;*/
/*	display: table-cell;*/
	display: none;
}


/*********************************
 　　　　　レスポンシブ（東内） 
 *********************************/


@media only screen and (max-width: 790px) {
	
	/* ヘッダー部のメニュー食い込み */
	.container-fluid > .navbar-header {
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	nav {
		max-width: 100%;
		box-sizing: border-box;
	}
	.navbar-brand {
		padding-right: 1px;
	}
	/* ヘッダー部の食い込み ココマデ */
	
	/* フォーム部の右に空白出る問題に対処（東内） */
	.row {
		max-width: 100%;
		padding-left: 5px;
		padding-right: 5px;
		box-sizing: border-box;
		margin-left: auto;
		margin-right: auto;
	}
	form#serach-form .row .col-xs-1, form#serach-form .row .col-sm-1, form#serach-form .row .col-md-1, form#serach-form .row .col-lg-1, form#serach-form .row .col-xs-2, form#serach-form .row .col-sm-2, form#serach-form .row .col-md-2, form#serach-form .row .col-lg-2, form#serach-form .row .col-xs-3, form#serach-form .row .col-sm-3, form#serach-form .row .col-md-3, form#serach-form .row .col-lg-3, form#serach-form .row .col-xs-4, form#serach-form .row .col-sm-4, form#serach-form .row .col-md-4, form#serach-form .row .col-lg-4, form#serach-form .row .col-xs-5, form#serach-form .row .col-sm-5, form#serach-form .row .col-md-5, form#serach-form .row .col-lg-5, form#serach-form .row .col-xs-6, form#serach-form .row .col-sm-6, form#serach-form .row .col-md-6, form#serach-form .row .col-lg-6, form#serach-form .row .col-xs-7, form#serach-form .row .col-sm-7, form#serach-form .row .col-md-7, form#serach-form .row .col-lg-7, form#serach-form .row .col-xs-8, form#serach-form .row .col-sm-8, form#serach-form .row .col-md-8, form#serach-form .row .col-lg-8, form#serach-form .row .col-xs-9, form#serach-form .row .col-sm-9, form#serach-form .row .col-md-9, form#serach-form .row .col-lg-9, form#serach-form .row .col-xs-10, form#serach-form .row .col-sm-10, form#serach-form .row .col-md-10, form#serach-form .row .col-lg-10, form#serach-form .row .col-xs-11, form#serach-form .row .col-sm-11, form#serach-form .row .col-md-11, form#serach-form .row .col-lg-11, form#serach-form .row .col-xs-12, form#serach-form .row .col-sm-12, form#serach-form .row .col-md-12, form#serach-form .row .col-lg-12 {
		padding-left: 0px;
		padding-right: 0px;
	}
	/* フォーム部の右に空白出る問題に対処 ココマデ */
	
	article form p input[type="submit"] {
		background-color: #eaeaea !important;
		color: #111111;
		border-radius: 4px;
		border: 1px solid #999999;
		padding: 10px 12px 10px 12px;
	}
	.container-fluid {
		padding-left: 5px;
		padding-right: 5px;
		max-width: 100%;
		box-sizing: border-box;
	}
	tr.product {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 3px 3px 12px 3px;
		padding: 4px;
		border: 1px #666666 solid;
		box-sizing: border-box;
		overflow-x: visible; /*テスト*/
		align-items: stretch;
	}
	#products_data thead {
		display: none;
	}
	.table > tbody > tr > td {
		border-top: none;
	}
	#products_data.table > tbody > tr > td {
		white-space: pre-wrap;
	}
	.catalog {
		display: none;
	}
	.catalog_sp {
		display: block;
		text-align: center;
	}
	.catalog_sp span {
		display: block;
	}
	#products_data tr td:nth-child(1) {
		width: 22px;
		display: inline-block;
		box-sizing: border-box;
		margin-bottom: 12px;
		order: -11;
		padding: 2px 7px 0px 4px;
		position: relative;
	}
	#products_data tr td:nth-child(1) input[type="checkbox"].choice {
		position: relative;
		transform: scale(1.3);
		display: block; 
		height: auto;
		line-height: 1.0em;
		display: inline-block;
		z-index: 5;
	}
	#products_data tr td:nth-child(1) input[type="checkbox"].choice:before {
		position: relative; 
		content: ""; 
		display: block; 
		top: 8px; 
		left: 0px; 
		margin: -10px 0 0 -2px;
		width: 17px;
		height: 17px;
		border: 2px solid #00b7e5;
		border-radius: 2px;
		z-index: 1;
	}
	#products_data tr td:nth-child(2), #products_data tr td:nth-child(4), #products_data tr td:nth-child(6), #products_data tr td:nth-child(8) {
		width: calc((100% - 124px) / 4 - 2px);
		min-height: 60px;
		margin-bottom: 0em;
		white-space: pre;
		text-align: center;
		line-height: 1.0em;
		background-color: #EEEEEE;
		padding: 6px 2px 6px 2px;
		box-sizing: border-box;
	}
	.catalog_sp span {
		font-size: 0.75em;
		display: block;
		margin-bottom: 6px;
		color: #686868;
	}
	#products_data tr td:nth-child(13) { /* 画像 */
		display: inline-block;
		width: 120px;
		height: 60px;
		border: 1px solid #999999;
		margin-right: 4px;
		margin-bottom: 0em;
		min-height: 60px;
		position: relative;
		box-sizing: border-box;
		padding: 0px;
		order: -9;
	}
		#products_data tr td:nth-child(13) img {
		width: auto;
		height: 100%;
		max-height: inherit;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		z-index: 2;
		display: block;
	}
	#products_data tr td:nth-child(13):after {
		content: "写真\aなし";
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		position: absolute;
		color: #740001;
		z-index: 1;
		display: block;
		top: -2.3em;
		padding-top: 3.5em;
		left: calc(50% - 1em);
		font-size: 0.8em;
	}
	#products_data tr td:nth-child(13):hover:after {
		display: none;
	}
	#products_data tr td:nth-child(14) { /*製品名*/
		display: block;
		width: calc(100% - 22px);
		border-bottom: 1px dotted #666666;
		padding: 2px 4px 4px 4px;
		margin-bottom: 1em;
		text-align: left;
		box-sizing: border-box;
		line-height: 1.3em;
		order: -10;
		font-weight: bold;
	}
	#products_data tr td:nth-child(10), #products_data tr td:nth-child(11), #products_data tr td:nth-child(12)  {
		border-bottom: 1px dotted #666666;
		padding-bottom: 6px;
		margin-bottom: 0em;
		box-sizing: border-box;
		border-top: none;
	} 
	#products_data tr td:nth-child(10):before {
		content: "分類\a";
		width: 100%;
	}
	#products_data tr td:nth-child(10) {
		width: 70px;
		text-align: center;
	}
	#products_data tr td:nth-child(11):before {
		content: "商品コード\a";
		width: 100%;
	}
	#products_data tr td:nth-child(11) {
		width: calc(100% - 190px);
		text-align: center;
	}
	#products_data tr td:nth-child(12) {
		width: 120px;
		text-align: center;
		font-size: 0.8em;
		line-height: 1.75em;
}
	#products_data tr td:nth-child(12):before {
		content: "JANコード\a";
	}
	#products_data tr td:nth-child(15):before {
		content: "入り数";
	}
	#products_data tr td:nth-child(16):before {
		content: "上代(税抜)";
	}
	#products_data tr td:nth-child(17):before {
		content: "在庫";
	}
	#products_data tr td:nth-child(18) {
		display: block;
		width: 100%;
		padding-bottom: 0px;
		text-align: center;
		box-sizing: border-box;
	}
	#products_data tr td.nodisplay_sp:nth-child(18) { /* 空欄なら消す */
		display: none;
	}
	#products_data tr td:nth-child(18):before {
		content: "次回入荷予定";
		display: block;
		padding-bottom: 3px;
	}
	#products_data tr td:nth-child(10):before, #products_data tr td:nth-child(11):before, #products_data tr td:nth-child(12):before, #products_data tr td:nth-child(13):before, #products_data tr td:nth-child(14):before, #products_data tr td:nth-child(15):before, #products_data tr td:nth-child(16):before, #products_data tr td:nth-child(17):before, #products_data tr td:nth-child(18):before {
		font-size: 11px;
		display: block;
		margin-bottom: 0.2em;
		color: #c47172;
		text-align: center;
	}
	#products_data tr td:nth-child(15), #products_data tr td:nth-child(16), #products_data tr td:nth-child(17) {
		display: inline;
		width: 33%;
		border-bottom: 1px dotted #666666;
		padding-bottom: 6px;
		margin-bottom: 0em;
		text-align: center;
		justify-content: space-between;
		box-sizing: border-box;
		padding-left: 4px;
		padding-right: 4px;
}

form#orderf {
		margin: 3px 6px 12px 6px;
		padding: 0.5em;
		background-color: #E3F3F0;
		box-sizing: border-box;
		line-height: 1.35em;
	}
	form#orderf h4#selected_products {
		text-align: center;
		font-size: 1.3em;
		font-weight: 600;
		display: block;
		margin: 0.3em 0em 0.6em 0em;
	}
/*	form#orderf > p {
		text-align: center;
	}
*/
	.panel-heading {
		padding: 1em 0.3em 0.3em 1em;
		border-bottom: 1px solid #000000;
		text-align: center;
	}
	button#cancel-all {
		width: 6.3em;
	}
	table#order_list thead {
		display: none;
	}
	.navbar-brand {
		font-size: 1.3em;
		font-weight: 600;
	}
	table#order_list tr {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		border-bottom: 10px solid #E3F3F0;
	}
	table#order_list tr td {
		white-space: pre-wrap;
	}
	table#order_list tr td:nth-child(1) {
		width: 100%;
		box-sizing: border-box;
	}
	
	table#order_list tr td:nth-child(3) {
		width: 40%;
		box-sizing: border-box;
	}
	table#order_list tr td:nth-child(4) {
		width: 60%;
		box-sizing: border-box;
	}

	table#order_list tr td:nth-child(3):before, table#order_list tr td:nth-child(4):before, table#order_list tr td:nth-child(5):before, table#order_list tr td:nth-child(6):before, table#order_list tr td:nth-child(7):before, table#order_list tr td:nth-child(8):before, table#order_list tr td:nth-child(9):before, table#order_list tr td:nth-child(10):before, table#order_list tr td:nth-child(11):before {
		font-size: 0.7em;
		display: block;
		margin-bottom: 0.2em;
		color: #E77EA0;
	}
	table#order_list tr td:nth-child(12):before {
		font-size: 0.8em;
		display: inline-block;
		margin-bottom: 0.2em;
		color: #E77EA0;
	}
	table#order_list tr td:nth-child(3), table#order_list tr td:nth-child(4), table#order_list tr td:nth-child(5), table#order_list tr td:nth-child(6), table#order_list tr td:nth-child(7), table#order_list tr td:nth-child(8), table#order_list tr td:nth-child(9), table#order_list tr td:nth-child(10), table#order_list tr td:nth-child(11) {
		border-bottom: 1px dashed #999999;
		text-align: center;
		border-top: none;
		box-sizing: border-box;
	}
	table#order_list tr td:nth-child(12) {
		width: 100%;
		display: block;
	}
	table#order_list tr td:nth-child(3):before {
		content: "商品コード";
	}
	table#order_list tr td:nth-child(4):before {
		content: "JANコード";
	}
	table#order_list tr td:nth-child(5):before {
		content: "商品名";
		text-align: center;
	}
	table#order_list tr td:nth-child(5) {
		width: 100%;
		padding: 0.2em 0.2em 0.2em 0.2em;
		line-height: 1.3em;
		font-weight: 600;
		text-align: center;
	}
	table#order_list tr td:nth-child(6):before {
		content: "入り数";
	}
	table#order_list tr td:nth-child(7):before {
		content: "在庫";
	}
	table#order_list tr td:nth-child(8):before {
		content: "上代(税抜)";
		text-align: center;
	}
	table#order_list tr td:nth-child(9):before {
		content: "掛率";
		text-align: center;
	}
	table#order_list tr td:nth-child(10):before {
		content: "下代";
		text-align: center;
	}
	table#order_list tr td:nth-child(11):before {
		content: "発注数量";
	}
	table#order_list tr td:nth-child(12):before {
		content: "小計 ";
	}
	table#order_list tr td:nth-child(14):before {
		content: "合計 ";
		color: #008307;
	}
	table#order_list tr td:nth-child(6) {
		width: 33%;
	}
	table#order_list tr td:nth-child(7) {
		width: 33%;
	}
	table#order_list tr td:nth-child(8) {
		width: 33%;
	}
	table#order_list tr td:nth-child(9) {
		width: 25%;
	}
	table#order_list tr td:nth-child(10) {
		width: 35%;
	}
	table#order_list tr td:nth-child(11) {
		width: 40%;
	}
	table#order_list tr:last-child {
		flex-wrap: nowrap;
		border-bottom: 10px solid #E3F3F0;
		display: block;
	}
	table#order_list tr:last-child　td {
		white-space: nowrap;
	}
	table#order_list tr:last-child　td:first-child {
		width: 50%;
		text-align: right;
		display: inline-block;
		position: relative;
	}
	table#order_list tr:last-child　td:last-child {
		text-align: right;
		font-weight: 600;
		white-space: nowrap;
		display: inline-block;
		width: 50%;
	}
	table#order_list tr td#goukei {
		white-space: nowrap;
		position: relative;
		right: 0px;
		width: 50%;
	}
	table#order_list tr td.itemcd {
		white-space: nowrap;
	}
	textarea#bikou {
		max-width: 100%;
	}
	form#orderf .panel-body dd input {
		width: 100%;
		border: 1px #bbbbbb solid;
		margin-bottom: 12px;
	}
} /* レスポンシブ　ここまで */



/*
@media (min-width: 768px) {
	.catalog{
		max-width: 56px;	/*54*/
		overflow-wrap: break-word;
		word-wrap: break-word;
	}
}

@media (max-width: 1759px) {
1758より小さい場合は 56でOK
1759を超えたら100？
	.catalog{
		max-width: 100px;
		overflow-wrap: break-word;
	}
}
*/


/* 住所選択 */
/*
select{
  width: 100%;
  height: 40px;
  display: block;
  margin: 1.5rem auto;
  padding: 8px 12px;
  text-indent: 0.01px;
  border: 1px solid #ddd;
  color: #828c9a;
  border-radius: 3px;
  outline: none;
}
select option{
  background-color: #fff;
  color: #333;
}

#result{
  border: 1px solid #ddd;
  color: #828c9a;
  border-radius: 3px;
  width:100%;
  height:40px;
  margin: 20px auto;
  line-height: 40px;
  text-align:center;
  display:block;
}
*/