@charset "utf-8";

/* カート周りCSS */

/* 商品名 */
.item-title{
	font-size:16px;
	font-weight:bold;
	margin:6px 0 2px;
}

/* 枚数 */
.item-meta{
	font-size:13px;
	color:#666;
	background:#f1f1f1;
	display:inline-block;
	padding:2px 6px;
	border-radius:3px;
}

/* 配送 */
.item-note{
	font-size:12px;
	color:#777;
	margin-top:8px;
}

/* 商品画像まわり */
.item-image{
	text-align:center;
}

/* サイズラベル */
.size-label{
	display:inline-block;
	font-size:12px;
	padding:2px 6px;
	border-radius:3px;
	margin-bottom:5px;
	color:#fff;
	font-weight:bold;
}

.a4 .size-label{
	background:#f06292;
}

.a3 .size-label{
	background:#66bb6a;
}

/* 商品リンク */
.item-link{
	margin-top:10px;
	font-size:13px;
}

.item-link a{
	color:#e65100;
	text-decoration:underline;
}

.item-link a:hover{
	opacity:0.7;
}

/* 表全体の枠線を消す */
.ta2,
.ta2 th,
.ta2 td{
	border:none !important;
}

/* A4 全体 */
.ta2 tr.a4 th{
	background-color:#fff4f4;
	box-shadow:inset 6px 0 0 #ffcccc;
}

/* A4 ヘッダー行 */
.ta2 tr.a4:first-child th{
	background:#ffe6e6;
	border-bottom:2px solid #fff !important;
	padding:14px 18px;
	text-align:center;
	vertical-align:middle;
	box-shadow:inset 6px 0 0 #ffcccc;
}

/* A4 ヘッダー画像 */
.ta2 tr.a4:first-child th img{
	vertical-align:middle;
	margin-right:10px;
}

/* A4 商品情報側 */
.ta2 tr.a4 td{
	background:#fff;
}

/* A3 全体 */
.ta2 tr.a3 th,
.ta2 tr.a3-head th{
	background-color:#daf3e1;
	box-shadow:inset 6px 0 0 #81c784;
}

/* A3 ヘッダー行 */
.ta2 tr.a3:first-child th,
.ta2 tr.a3-head th{
	background:#c9ecd3;
	border-bottom:2px solid #fff !important;
	padding:14px 18px;
	text-align:center;
	vertical-align:middle;
	box-shadow:inset 6px 0 0 #81c784;
}

/* A3 ヘッダー画像 */
.ta2 tr.a3:first-child th img,
.ta2 tr.a3-head th img{
	vertical-align:middle;
	margin-right:10px;
}

/* A3 商品情報側 */
.ta2 tr.a3 td{
	background:#fff;
}

/* 仕上げシート行だけ少し区切る */
.ta2 tr.sub-item th,
.ta2 tr.sub-item td{
	position:relative;
	padding-top:26px;
}

.ta2 tr.sub-item th::before,
.ta2 tr.sub-item td::before{
	content:"";
	position:absolute;
	top:14px;
	height:1px;
	background:#d9d9d9;
}

.ta2 tr.sub-item th::before{
	left:12px;
	right:12px;
}

.ta2 tr.sub-item td::before{
	left:15px;
	right:15px;
}

/* スマホ対応 */
@media screen and (max-width:768px){

	.ta2 tr{
		display:block;
		margin-bottom:16px;
		border:none !important;
		box-shadow:0 2px 8px rgba(0,0,0,0.06);
	}

	.ta2 th,
	.ta2 td{
		display:block;
		width:100%;
		box-sizing:border-box;
	}

	.ta2 th{
		border-bottom:none !important;
	}

	.ta2 td{
		border-left:none !important;
	}

	/* スマホでも左アクセントを維持 */
	.ta2 tr.a4 th{
		box-shadow:inset 6px 0 0 #ffcccc;
	}

	.ta2 tr.a3 th,
	.ta2 tr.a3-head th{
		box-shadow:inset 6px 0 0 #81c784;
	}

	/* スマホでもヘッダーと商品部分の間を少し空ける */
	.ta2 tr.a4:first-child th,
	.ta2 tr.a3:first-child th,
	.ta2 tr.a3-head th{
		border-bottom:4px solid #fff !important;
	}
}

/* 在庫状況表 */
.stock-status-box{
	margin:30px 0;
	padding:18px;
	background:#fff;
	border-radius:8px;
	box-shadow:0 2px 8px rgba(0,0,0,0.06);
}

.stock-status-box h3{
	margin:0 0 8px;
	font-size:18px;
	border-left:6px solid #66bb6a;
	padding-left:10px;
}

.stock-status-note{
	font-size:13px;
	color:#666;
	margin:0 0 12px;
}

.stock-status-table{
	width:100%;
	border-collapse:collapse;
	font-size:14px;
	background:#fff;
}

.stock-status-table th{
	background:#f1f8f3;
	color:#333;
	padding:10px;
	border:1px solid #d7e8dc;
	text-align:center;
}

.stock-status-table td{
	padding:10px;
	border:1px solid #e5e5e5;
	text-align:center;
}

.stock-status-table td:first-child{
	text-align:left;
	font-weight:bold;
	background:#fafafa;
}

.stock-ok{
	display:inline-block;
	background:#e8f5e9;
	color:#2e7d32;
	border:1px solid #81c784;
	border-radius:20px;
	padding:3px 10px;
	font-weight:bold;
	font-size:13px;
}

.stock-none{
	display:inline-block;
	background:#fff3f3;
	color:#c62828;
	border:1px solid #ef9a9a;
	border-radius:20px;
	padding:3px 10px;
	font-weight:bold;
	font-size:13px;
}

/* 在庫僅少 */
.stock-few{
	display:inline-block;
	background:#fff8e1;
	color:#ef6c00;
	border:1px solid #ffb74d;
	border-radius:20px;
	padding:3px 10px;
	font-weight:bold;
	font-size:13px;
}
.stock-ok,
.stock-none,
.stock-few{
	font-size:12px;
	padding:3px 7px;
}

/* スマホ対応 */
@media screen and (max-width:768px){
	.stock-status-box{
		padding:14px;
	}

	.stock-status-table{
		font-size:13px;
	}

	.stock-status-table th,
	.stock-status-table td{
		padding:8px 5px;
	}

	.stock-ok,
	.stock-none{
		font-size:12px;
		padding:3px 7px;
	}
}

/* B品行 */
.stock-status-table tr.stock-bitem td{
	background:#fff8f8;
}

.stock-status-table tr.stock-bitem td:nth-child(2){
	color:#c62828;
	font-weight:bold;
}

/* 在庫表：用途別色分け */
.stock-status-table tr.stock-print td:first-child,
.stock-status-table tr.stock-glue td:first-child{
	position:relative;
	padding-left:86px;
}

/* 左の色ライン */
.stock-status-table tr.stock-print td:first-child{
	box-shadow:inset 6px 0 0 #64b5f6;
}

.stock-status-table tr.stock-glue td:first-child{
	box-shadow:inset 6px 0 0 #ffb74d;
}

/* 分類ラベル共通 */
.stock-status-table tr.stock-print td:first-child::before,
.stock-status-table tr.stock-glue td:first-child::before{
	position:absolute;
	left:14px;
	top:50%;
	transform:translateY(-50%);
	display:inline-block;
	padding:3px 8px;
	border-radius:12px;
	font-size:12px;
	font-weight:bold;
	line-height:1.2;
	white-space:nowrap;
}

/* 印刷用ラベル */
.stock-status-table tr.stock-print td:first-child::before{
	content:"印刷用";
	background:#e3f2fd;
	color:#1565c0;
	border:1px solid #90caf9;
}

/* 糊シートラベル */
.stock-status-table tr.stock-glue td:first-child::before{
	content:"糊シート";
	background:#fff3e0;
	color:#e65100;
	border:1px solid #ffcc80;
}


/* =====================================================
   用紙の組み合わせ表
===================================================== */

.paper-combination-box {
  margin-top: 28px;
}

.paper-combination-box h3 {
  margin: 0 0 10px;
  padding: 5px 10px;
  border-left: 6px solid #62b76c;
  background: #ffff99;
  color: #222;
  font-size: 18px;
  font-weight: 700;
}

.paper-combination-note {
  margin: 0 0 14px;
  color: #555;
  font-size: 14px;
  line-height: 1.7;
}

.paper-combination-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.paper-combination-table {
  width: 100%;
  min-width: 520px;
  border-collapse: collapse;
  background: #fff;
  font-size: 15px;
}

.paper-combination-table th,
.paper-combination-table td {
  padding: 10px 12px;
  border: 1px solid #cfd8d3;
  text-align: left;
  vertical-align: middle;
}

.paper-combination-table thead th {
  background: #eef6f1;
  text-align: center;
  font-weight: 700;
}

.paper-combination-table tbody th {
  width: 24%;
  background: #f7f7f7;
  font-weight: 700;
}

.paper-combination-table tbody tr:nth-child(even) td,
.paper-combination-table tbody tr:nth-child(even) th {
  background: #fff8f8;
}

.paper-combination-box {
  padding: 18px 18px 22px;
  background: #fff;
  border-radius: 10px;
}

/* スマートフォン */
@media screen and (max-width: 600px) {

  .paper-combination-box {
    margin-top: 22px;
  }

  .paper-combination-box h3 {
    font-size: 17px;
  }

  .paper-combination-table {
    font-size: 14px;
  }

  .paper-combination-table th,
  .paper-combination-table td {
    padding: 9px 10px;
  }
}

/* ==================================================
   Type-P 製作カート表専用
   ================================================== */

.type-p-cart-table{
	width:100%;
	border-collapse:collapse;
}

/* 全セルの枠線をいったん専用設定で上書き */
.type-p-cart-table th,
.type-p-cart-table td{
	border:none !important;
}

/* 左側：A4情報欄 */
.type-p-cart-table tr.a4 > th{
	width:150px;
	background:#fff4f4 !important;
	box-shadow:inset 6px 0 0 #ffcccc !important;
	padding:14px 18px;
	text-align:center;
	vertical-align:middle;
	border-bottom:2px solid #fff !important;
	box-sizing:border-box;
}

/* 1行目も他の行と同じ背景色に統一 */
.type-p-cart-table tr.a4:first-child > th{
	background:#fff4f4 !important;
}

/* 右側：商品・カート欄 */
.type-p-cart-table tr.a4 > td{
	background:#fff !important;
	padding:14px 20px;
	vertical-align:middle;
	border-bottom:2px solid #eeeeee !important;
	box-sizing:border-box;
}

/* 最終行は下線を消す */
.type-p-cart-table tr.a4:last-child > th,
.type-p-cart-table tr.a4:last-child > td{
	border-bottom:none !important;
}

/* カート入力部分 */
.type-p-cart-table .cart-in{
	background:#f1f1f1;
	border-radius:11px;
	padding:5px 15px;
	box-sizing:border-box;
}

/* formの余白を消す */
.type-p-cart-table .cart-in form{
	margin:0;
	display:flex;
	align-items:center;
}

/* 数量入力欄 */
.type-p-cart-table .cart-in input[type="text"]{
	box-sizing:border-box;
}

/* カートボタン */
.type-p-cart-table .cart-in input[type="image"]{
	vertical-align:middle;
}

/* スマホ対応 */
@media screen and (max-width:768px){

	.type-p-cart-table tr.a4{
		display:block;
		margin-bottom:16px;
		box-shadow:0 2px 8px rgba(0,0,0,0.06);
	}

	.type-p-cart-table tr.a4 > th,
	.type-p-cart-table tr.a4 > td{
		display:block;
		width:100%;
	}

	.type-p-cart-table tr.a4 > th{
		border-bottom:4px solid #fff !important;
	}

	.type-p-cart-table tr.a4 > td{
		border-bottom:none !important;
		padding:12px;
	}
}


/* ==================================================
   Type-P 製作カート表 A3専用
   ================================================== */

.type-p-cart-table-a3{
	width:100%;
	border-collapse:collapse;
}

/* 全セルの枠線をリセット */
.type-p-cart-table-a3 th,
.type-p-cart-table-a3 td{
	border:none !important;
}

/* 左側：A3情報欄 */
.type-p-cart-table-a3 tr.a3 > th,
.type-p-cart-table-a3 tr.a3-head > th{
	width:150px;
	background:#daf3e1 !important;
	box-shadow:inset 6px 0 0 #81c784 !important;
	padding:14px 18px;
	text-align:center;
	vertical-align:middle;
	border-bottom:2px solid #fff !important;
	box-sizing:border-box;
}

/* 1行目も他の行と同じ背景色に統一 */
.type-p-cart-table-a3 tr.a3:first-child > th,
.type-p-cart-table-a3 tr.a3-head:first-child > th{
	background:#daf3e1 !important;
}

/* 右側：商品・カート欄 */
.type-p-cart-table-a3 tr.a3 > td,
.type-p-cart-table-a3 tr.a3-head > td{
	background:#fff !important;
	padding:14px 20px;
	vertical-align:middle;
	border-bottom:2px solid #eeeeee !important;
	box-sizing:border-box;
}

/* 最終行の下線を消す */
.type-p-cart-table-a3 tr.a3:last-child > th,
.type-p-cart-table-a3 tr.a3:last-child > td,
.type-p-cart-table-a3 tr.a3-head:last-child > th,
.type-p-cart-table-a3 tr.a3-head:last-child > td{
	border-bottom:none !important;
}

/* カート入力部分 */
.type-p-cart-table-a3 .cart-in{
	background:#f1f1f1;
	border-radius:11px;
	padding:5px 15px;
	box-sizing:border-box;
}

/* formの余白を消す */
.type-p-cart-table-a3 .cart-in form{
	margin:0;
	display:flex;
	align-items:center;
}

/* 数量入力欄 */
.type-p-cart-table-a3 .cart-in input[type="text"]{
	box-sizing:border-box;
}

/* カートボタン */
.type-p-cart-table-a3 .cart-in input[type="image"]{
	vertical-align:middle;
}

/* スマホ対応 */
@media screen and (max-width:768px){

	.type-p-cart-table-a3 tr.a3,
	.type-p-cart-table-a3 tr.a3-head{
		display:block;
		margin-bottom:16px;
		box-shadow:0 2px 8px rgba(0,0,0,0.06);
	}

	.type-p-cart-table-a3 tr.a3 > th,
	.type-p-cart-table-a3 tr.a3 > td,
	.type-p-cart-table-a3 tr.a3-head > th,
	.type-p-cart-table-a3 tr.a3-head > td{
		display:block;
		width:100%;
	}

	.type-p-cart-table-a3 tr.a3 > th,
	.type-p-cart-table-a3 tr.a3-head > th{
		border-bottom:4px solid #fff !important;
	}

	.type-p-cart-table-a3 tr.a3 > td,
	.type-p-cart-table-a3 tr.a3-head > td{
		border-bottom:none !important;
		padding:12px;
	}
}