@charset "utf-8";

/**
 * 閲覧履歴・ブロック定義
 *
 * CSS versions	3
 *
 * @category   Web Application
 * @package    Argus
 * @copyright  2018 Polaris, Inc.
 *
 */
.BLK11700 .history
{
	margin:0 auto 5rem;
	width:94%;
}
.BLK11700 .history p.description
{
	text-align:left;
	font-size:1.3rem;
}
.BLK11700 .history p.notice
{
	text-align:left;
}
.BLK11700 .history .notation
{
	 margin:2rem auto;
}
.BLK11700 .history .notation > table
{
	margin:0 auto;
	width:100%;
	table-layout:fixed;
	word-break:break-all;
}
.BLK11700 .history .notation td
{
	text-align:left;
	border:1px solid #cccccc;
	padding:0.5rem 1.0rem;
}
.BLK11700 .history .notation > table td.check
{
	width:3.5rem;
	text-align:center;
	background-color:#e8f0ff;
}
.BLK11700 .history .notation > table td.check input
{
	width:18px;
	height:18px;
	-moz-transform:scale(1.4);
	-webkit-transform:scale(1.4);
	transform:scale(1.4);
}
.BLK11700 .history .notation > table td.image
{
	width:7.5rem;
	text-align:center;
}
.BLK11700 .history .notation > table td.image img
{
    width:auto;
    max-width:100%;
    max-height:100px;
}
.BLK11700 .favorite-ex a
{
    float:right;
}
.BLK11700 .favorite-ex img
{
    width:24px;
    height:24px;
}
.BLK11700 .history .notation p.product_code
{
	margin-bottom:7px;
}
.BLK11700 .history .notation p.product_code span
{
	margin: 0 10px 0 0;
	background: #eee;
	padding: 0.2rem 1.0rem
}
.BLK11700 .history .notation .product_name
{
	margin:0.3rem auto;
	font-size:2.0rem;
	text-decoration:underline;
	font-weight:bold;
	color:#023499;
}
.BLK11700 .history .notation .product_name a
{
	color:#023499;
}
.BLK11700 .history .notation .maker_product_code
{
	display: flex;
}
.BLK11700 .history .notation .maker_product_code span
{
	margin:0 10px 0 0;
    display:flex;
    align-items:center;
    justify-content:center;
	width:90px;
    background:#eee;
}

/* まとめて問い合わせ */
.BLK11700 .history .func_area
{
	background: rgba(244, 244, 244, .8);
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    z-index:40;
    padding:0;
    margin:0;
    box-shadow:0 0 6px 3px rgba(0,0,0,.2);
    padding:10px 0;
}
.BLK11700 .history .func_area > div.inquiry
{
	display:inline-block;
	margin: 10px auto;
	width: 260px;
	font-size: 20px;
	background: linear-gradient(#295FCC, #023499);
	border-radius: 8px;
	color: #ffffff;
}
.BLK11700 .history .func_area > div.print
{
	display:inline-block;
	margin: 10px auto;
	width: 260px;
	font-size: 20px;
	background-color: #FF6633;
	border-radius: 8px;
	color: #ffffff;
}
.BLK11700 .history .func_area > div a
{
	display: block;
	padding: 0.7em 0.3em 0.7em 2em;
	height: 100%;
	color: #fff;
}
.BLK11700 .history .func_area > div a span
{
	position: relative;
}
.BLK11700 .history .func_area > div.inquiry a span::before
{
	content: "";
	display: inline-block;
	position: absolute;
	left: -2.5rem;
	top: -0rem;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 20px solid #fff;
}
.BLK11700 .history .func_area > div.print a span::before
{
	position: absolute;
	content: url(/contents/block/11800/print.png);
	top: -0.2rem;
	left: -4.0rem;
}

.BLK11700 .flex
{
    display:flex;
}
.BLK11700 .history-btn
{
    margin-left: auto;
	text-decoration: underline;
}

.BLK11700 .state
{
    width:80%;
    text-align: left;
    min-height: 2.5rem;
}
.BLK11700 .favorite-ex
{
    width:20%;
    text-align:right;
}
.BLK11700 .state span[class^="state"]
{
	display:inline-block;
	padding:0.1rem 0.4rem;
	text-align:center;
	font-weight:bold;
    font-size:0.8rem;
	border:1px solid #aaa;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.BLK11700 .state span.state0,
.BLK11700 .state span.state5
{
	color:#f00;
}
.BLK11700 .state span.state1
{
	color:#0099ff;
}
.BLK11700 .state span.state2
{
	color:#009966;
}
.BLK11700 .state span.state3
{
	color:#cc0066;
}
.BLK11700 .state span.state4
{
	color:#ff6633;
}
.BLK11700 .state span.state6
{
	color:#fff;
	background-color:#0033cc;
}
.BLK11700 .state span.state9
{
	color:#fff;
	background-color:#f00;
}