﻿@charset "utf-8";

/**
 * 商品印刷・ブロック定義
 *
 * CSS versions	3
 *
 * @category   Web Application
 * @package    Argus
 * @copyright  2018 Polaris, Inc.
 *
 */
.pagebreak
{
    display: block !important;
    height: 0;
    page-break-before: always;
    break-before: page;
}
@media print {
    #wrapper
    {
        display: block !important;
        overflow: visible !important;
    }
    .pagebreak
    {
        display: block !important;
        height: 0;
        page-break-before: always;
        break-before: page;
    }
}
.BLK11900 #product_detail div.image_frame.pc a.main
{
    display:flex;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    padding:1rem 0;
    width:100%;
    justify-content:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    align-items:stretch;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
}
.BLK11900 #product_detail div.image_frame.pc a.main img
{
	max-height:300px;
}
.BLK11900 #product_detail div.description_frame
{
    display:table;
    margin-top:1.5rem;
    width:100%;
}
.BLK11900 #product_detail div.description_frame > div
{
    display:table-cell;
}
.BLK11900 #product_detail div.description_frame table
{
    border-collapse:separate;
    border-spacing:0 0.4rem;
}
.BLK11900 #product_detail div.description_frame table tr td:nth-of-type(1)
{
    padding:0.5rem 1rem;
    background-color:#a9c4eb;
}
.BLK11900 #product_detail div.description_frame table tr td:nth-of-type(2)
{
    padding:0.5rem 1rem;
}
.BLK11900 #product_detail table td.price
{
    padding-left:0.5rem;
    text-align:left;
}
.BLK11900 #product_detail table td.price a:nth-of-type(1)
{
    display:block;
    font-size:1.0rem;
    color:#f00;
    text-decoration:underline;
}
.BLK11900 #product_detail table td.price a:nth-of-type(2)
{
    display:block;
    font-size:1.0rem;
    color:#00f;
    text-decoration:underline;
}
.BLK11900 #product_detail .comment_frame
{
    margin-top:1.5rem;
}
.BLK11900 #product_detail .comment_frame .comment,
.BLK11900 #product_detail .comment_frame .specification,
.BLK11900 #product_detail .comment_frame .component,
.BLK11900 #product_detail .comment_frame .condition
{
    padding:1rem;
    text-align:left;
    white-space:pre-wrap;
}

/* ステータス関連 */
.BLK11900 .state span[class^="state"]
{
    display:inline-block;
    padding:0.1rem 0.4rem;
    text-align:center;
    font-weight:bold;
    border:1px solid #aaa;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
.BLK11900 .state span.state0,
.BLK11900 .state span.state5
{
    color:#f00;
}
.BLK11900 .state span.state1
{
    color:#0099ff;
}
.BLK11900 .state span.state2
{
    color:#009966;
}
.BLK11900 .state span.state3
{
    color:#cc0066;
}
.BLK11900 .state span.state4
{
    color:#ff6633;
}
.BLK11900 .state span.state6
{
    color:#fff;
    background-color:#0033cc;
}
.BLK11900 .state span.state9
{
    color:#fff;
    background-color:#f00;
}
.BLK11900 .notation
{
    margin:2rem auto;
}
.BLK11900 .notation > table
{
    margin:0 auto;
    width:100%;
}
.BLK11900 .notation th
{
    border:1px solid #cccccc;
    width:26%;
    padding:10px 5px;
    font-weight:normal;
    background-color: #d4e1f5;
}
.BLK11900 .notation td
{
    text-align:left;
    border:1px solid #cccccc;
    padding:0.5rem 1.0rem;
}
.BLK11900 #img-qr
{
    text-align:center;
}
.BLK11900 .print_frame > div
{
    display:flex;
    display: -webkit-flex;
}
.BLK11900 .print_frame > div > div:nth-of-type(1)
{
    width:70%;
}
.BLK11900 .print_frame > div > div:nth-of-type(2)
{
    width:30%;
}
.BLK11900 .print_frame_a
{
    display:flex;
    display: -webkit-flex;
}
.BLK11900 .print_frame_a > div:nth-of-type(1)
{
    margin-top:3rem;
    width:60%;
}
.BLK11900 .print_frame_a > div:nth-of-type(2)
{
    width:40%;
}
.BLK11900 .notation
{
    margin:1.0rem auto;
    font-size:0.8rem;
}
.BLK11900 .notation th
{
    padding:0;
}
.BLK11900 #product_detail
{
    margin: 0 auto;
}
.BLK11900 #product_detail div.image_frame.pc
{
    display:inline-block;
    margin:0.5rem auto 0;
    padding:0.5rem;
}
.BLK11900 #product_detail div.image_frame.sp
{
    display:none;
}
.BLK11900 #product_detail div.image_frame.pc a.main img
{
    max-height:300px;
}
.BLK11900 #product_detail div.image_frame.pc a.sub img
{
    width:150px;
    max-height:300px;
}
.BLK11900 #product_detail div.description_frame
{
    margin-top:1.8rem;
    padding-left:1.5rem;
    font-size:0.8rem;
    /*break-inside: avoid;*/
}
.BLK11900 .ttl5
{
    margin-top:0.5rem;
    font-size: 0.8rem;
}
.BLK11900 #product_detail .comment_frame
{
    margin-top:0;
}
.BLK11900 #product_detail .comment_frame .comment,
.BLK11900 #product_detail .comment_frame .specification,
.BLK11900 #product_detail .comment_frame .component,
.BLK11900 #product_detail .comment_frame .condition
{
    padding:0.3rem;
    font-size:0.8rem;
    max-height:6.2rem;
    overflow:hidden;
}
.BLK11900 .qr_code
{
    margin:1.0rem auto;
    display:block;
}
.qr_guide
{
    display:none;
}
.ttl2
{
    margin:0;
    padding:0;
    width:100%;
    font-size:1.0rem;
}