@charset "Shift_jis";

/*  -----------------------------
for smart phone
-------------------------- */

@media screen and (max-width: 768px) {
    header.header_pc {
        display: none !important;
        opacity: 0 !important;
    }
    body {
        padding-top: 46px;
        font-size: 14px;
    }
    .section-title {
        margin-bottom: 15px;
    }
    div#slideArea {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
    }
    section.product-review {
        margin-bottom: 30px;
    }
    .header,
    .contents,
    .product-info-box,
    .reviewer-info-box,
    .product-review-box,
    .reviewer-info-box .image,
    .reviewer-info-box .text {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }
    .header,
    .contents,
    .product-info-box,
    .reviewer-info-box,
    .product-review-box,
    .reviewer-info-box .image {
        width: 100%;
    }
    .mainContents {
        padding: 0 15px;
    }
    .contents {
        padding: 0;
    }
    h2.catch {
        width: auto;
        font-size: 16px;
        margin: 0 auto 20px auto;
    }
    h2.catch span.image {
        width: 60px;
        padding: 0 15px 0 15px;
    }
    h2.catch span.text .br {
        display: block;
    }
    .product-info-box,
    .reviewer-info-box {
        display: block;
        float: none;
    }
    .product-info-box {
        border-right: none;
    }
    .product-info-box .pic {
        width: 100px;
    }
    .product-info-box .text {
        padding: 0 0 0 20px;
        width: auto;
    }
    .product-info-box .item-name {
        width: auto;
        font-size: 18px;
        line-height: 1.2;
    }
    .product-info-box .label {
        margin: 5px 0;
    }
    .product-info-box .label img {
        height: 20px;
    }
    .product-info-box .item-price {
        padding-top: 0;
    }
    .product-review-list > li {
        width: 100%;
        margin-bottom: 15px;
        border-bottom: solid 1px #c8c8c9;
    }
    .product-review-list > li:last-child {
        margin-bottom: 0;
        border-bottom: none;
    }
    .reviewer-info-box {
        padding: 10px 0 15px 0;
    }
    .reviewer-info-box .icon-sp {
        float: left;
    }
    .reviewer-info-box .image {
        width: 100px;
    }
    .reviewer-info-box .image img.reviewer {
        width: 50px;
        margin-left: 3px;
    }
    .reviewer-info-box .text {
        font-size: 12px;
        padding: 0 0 0 20px;
    }
    .column-list p.pic {
        width: 98px;
        vertical-align: middle;
    }
    .column-list p.text {
        font-size: 14px;
        padding: 0 0 0 15px;
    }
    .icon-pc {
        display: none;
    }
    .icon-sp {
        display: block;
    }
    .column-list > li {
        margin-bottom: 20px;
    }
    body.ad-bannerClass-body {
        padding-top: 46px !important;
    }
}