@charset 'UTF-8';

/**
 * 楽天APIプラグイン - フロントエンドCSS
 */

/* ラッパー */
.rws-item-detail {
    padding: 16px;

    background: #f5f5f5;
}

/* サムネイル画像 */
.rws-thumbnail {
    min-height: 180px;

    text-align: center;

    background: #fff;
}
.rws-thumbnail .genericon.genericon-zoom {
    font-size: 1em;

    width: 1em;
}


/* タイトル */
.rws-item-title {
    font-size: 1.2em;
    margin-bottom: 8px;
    text-decoration: underline;
}


/* キャッチコピー */
.rws-item-catchcopy {
    font-size: 1.1em;

    margin-bottom: 8px;
}

/* 商品情報テーブル */
.rws-item-info {
    width: 100%;
    margin-bottom: 16px;
}
.rws-item-info table {
    width: 100%;
}
.rws-item-info table th {
    padding-top: 8px;
    width: 50px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    text-align: center;

    color: #fff;
    background: #bc1313;
}
.rws-item-info table td {
    padding: 8px;

    background: #fff;
}
.rws-item-info table tr:nth-child(2n) th {
    background: #e51f1f;
}
.rws-item-info table tr:nth-child(2n) td {
    background: #e8e8e8;
}

/* 商品説明文 */
.rws-item-caption-contents {
    padding: 8px;
    word-wrap: break-word;
    background: #fff;
}
.rws-item-caption-contents img{
    max-width: 100%;
    height: auto;
}
/** ショップボタン **/
.btn-shop{
    background: #f5f5f5;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 20px;
    border: 1px solid #AAA;
    color: #000;
    padding-top: 0px;
    padding-bottom: 0px;
    display: inline-block;
    float: right;
}

.thumbnail-mini{
    width: 84px;
    float: left;
}
.shop-link{
    font-size: 12px;
    margin-top: 8px;
    display: block;

}


/** スマートフォン対応 **/

@media screen and ( max-width: 640px ) {

    .rws-thumbnail.grid-lg-4 {
        float: none;
        width: 100%;
        padding: 8px;
    }

    .affiliate-large-banner .rws-thumbnail .thumbnail {
        position: relative;
        width: 50%;
        float: left;
    }

    .affiliate-large-banner .rws-thumbnail .thumbnail-mini {
        width: 30%;
    }
    .rws-item-contents.grid-lg-8{
        width: 100%;
        float: none;
    }
    .horizon-post .rws-item-info{
        width: 150%;
        margin-left: -51%;
    }
    .l-main h2 {
        font-size: 14px !important;
    }
    .relatedpostlist{

    }

}