@charset "UTF-8";

/* AiReco 記事レコメンド（#aireco-recommend） */
#aireco-recommend .block-thumbnail-t--goods-name,
#aireco-recommend .pane-main div {
    line-height: normal;
}

#aireco-recommend .block-thumbnail-t--goods-name a {
    max-height: 44px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

@media screen and (min-width:769px) {
    #aireco-recommend {
        width: auto;
        margin: 0 auto;
    }

    #aireco-recommend .block-top-lightningrecommend {
        margin-bottom: 40px;
    }

    #aireco-recommend h2.main-title {
        text-align: left;
    }

    #aireco-recommend .block-thumbnail-t li {
        justify-content: center;
    }

    /* revico 星評価 */
    #aireco-recommend .revico-star [data-rating="0"],
    #aireco-recommend .revico-star [data-rating="1"],
    #aireco-recommend .revico-star [data-rating="2"],
    #aireco-recommend .revico-star [data-rating="3"],
    #aireco-recommend .revico-star [data-rating="4"] {
        background-image: url("/img/usr/star_yellow.png") !important;
    }

    #aireco-recommend .revico-star [data-rating="0"] {
        background-position: left 100% top 0;
    }

    #aireco-recommend .revico-star [data-rating="1"] {
        background-position: left 80% top 0;
    }

    #aireco-recommend .revico-star [data-rating="2"] {
        background-position: left 60% top 0;
    }

    #aireco-recommend .revico-star [data-rating="3"] {
        background-position: left 40% top 0;
    }

    #aireco-recommend .revico-star [data-rating="4"] {
        background-position: left 20% top 0;
    }

    #aireco-recommend .revico-star [data-rating="5"] {
        background-position: left 0 top 0;
    }

    #aireco-recommend .revico-star [data-rating="0.5"],
    #aireco-recommend .revico-star [data-rating="1.5"],
    #aireco-recommend .revico-star [data-rating="2.5"],
    #aireco-recommend .revico-star [data-rating="3.5"],
    #aireco-recommend .revico-star [data-rating="4.5"] {
        background-image: url("/img/usr/star_half_yellow.png") !important;
    }

    #aireco-recommend .revico-star [data-rating="0.5"] {
        background-position: left 80% top 0;
    }

    #aireco-recommend .revico-star [data-rating="1.5"] {
        background-position: left 60% top 0;
    }

    #aireco-recommend .revico-star [data-rating="2.5"] {
        background-position: left 40% top 0;
    }

    #aireco-recommend .revico-star [data-rating="3.5"] {
        background-position: left 20% top 0;
    }

    #aireco-recommend .revico-star [data-rating="4.5"] {
        background-position: left 0 top 0;
    }

    #aireco-recommend .revico-star-block {
        display: flex !important;
        align-items: center !important;
        text-decoration: none !important;
        font-size: 14px;
        color: inherit;
        margin-top: 3px;
    }

    #aireco-recommend .revico-star .revico-star-block--rate {
        transform: scale(0.6);
        transform-origin: right;
        margin-right: 10px;
        position: relative;
        top: 4px;
    }

    #aireco-recommend .revico-star-block--title,
    #aireco-recommend .revico-star-block--total {
        padding-top: 4px;
    }

    #aireco-recommend .revico-star .starability-result {
        background-repeat: no-repeat;
        background-size: auto;
        width: 150px;
        height: 35px;
    }

    /* 商品リスト */
    #aireco-recommend .block-thumbnail-t li {
        gap: 40px;
    }

    #aireco-recommend .block-thumbnail-t--goods,
    #aireco-recommend .block-thumbnail-t--goods img {
        width: 100% !important;
    }

    #aireco-recommend .block-thumbnail-t--goods a {
        color: #000;
        text-decoration: none;
    }
}

@media screen and (max-width:768px) {
    main.pane-main #aireco-recommend h2 {
        margin-bottom: 0;
        padding-bottom: 0;
        text-align: left;
    }

    #aireco-recommend .block-top-lightningrecommend--goods {
        padding: 0 16px;
    }

    #news #aireco-recommend .block-top-lightningrecommend--goods {
        padding: 0;
    }

    #aireco-recommend .block-top-lightningrecommend--goods .block-thumbnail-t li {
        flex-wrap: wrap;
        gap: 24px 8px;
    }

    #aireco-recommend .block-top-lightningrecommend--goods .block-thumbnail-t li dl {
        width: calc((100% - 8px) / 2);
    }

    #aireco-recommend .block-top-lightningrecommend--goods .block-thumbnail-t li dl img {
        width: 100%;
    }

    #aireco-recommend .block-top-lightningrecommend--goods .block-thumbnail-t li dl a {
        color: #000;
        text-decoration: none;
    }

    #aireco-recommend .price {
        color: #000;
    }

    #aireco-recommend > div:first-of-type {
        margin-bottom: 30px;
    }

    #aireco-recommend .block-top-lightningrecommend--header {
        border: none;
        background: none;
        text-align: center;
        font-size: 23px;
        line-height: 30px;
        color: #005BAC;
        letter-spacing: 0.1em;
        font-weight: 500;
        padding: 0;
        margin: 0 auto;
    }

    #aireco-recommend .block-top-topics--ttl-sub {
        color: #616161;
        font-size: 12px;
        line-height: 14px;
        display: block;
        margin: 4px auto 30px;
        letter-spacing: 0.05em;
        text-align: center;
    }

    #aireco-recommend .block-thumbnail-t li.block-thumbnail-t--item {
        border: 0 !important;
    }

    /* revico 星評価 */
    #aireco-recommend .revico-star [data-rating="0"],
    #aireco-recommend .revico-star [data-rating="1"],
    #aireco-recommend .revico-star [data-rating="2"],
    #aireco-recommend .revico-star [data-rating="3"],
    #aireco-recommend .revico-star [data-rating="4"] {
        background-image: url("/img/usr/star_yellow.png") !important;
    }

    #aireco-recommend .revico-star [data-rating="0"] {
        background-position: left 100% top 0;
    }

    #aireco-recommend .revico-star [data-rating="1"] {
        background-position: left 80% top 0;
    }

    #aireco-recommend .revico-star [data-rating="2"] {
        background-position: left 60% top 0;
    }

    #aireco-recommend .revico-star [data-rating="3"] {
        background-position: left 40% top 0;
    }

    #aireco-recommend .revico-star [data-rating="4"] {
        background-position: left 20% top 0;
    }

    #aireco-recommend .revico-star [data-rating="5"] {
        background-position: left 0 top 0;
    }

    #aireco-recommend .revico-star [data-rating="0.5"],
    #aireco-recommend .revico-star [data-rating="1.5"],
    #aireco-recommend .revico-star [data-rating="2.5"],
    #aireco-recommend .revico-star [data-rating="3.5"],
    #aireco-recommend .revico-star [data-rating="4.5"] {
        background-image: url("/img/usr/star_half_yellow.png") !important;
    }

    #aireco-recommend .revico-star [data-rating="0.5"] {
        background-position: left 80% top 0;
    }

    #aireco-recommend .revico-star [data-rating="1.5"] {
        background-position: left 60% top 0;
    }

    #aireco-recommend .revico-star [data-rating="2.5"] {
        background-position: left 40% top 0;
    }

    #aireco-recommend .revico-star [data-rating="3.5"] {
        background-position: left 20% top 0;
    }

    #aireco-recommend .revico-star [data-rating="4.5"] {
        background-position: left 0 top 0;
    }

    #aireco-recommend .revico-star-block {
        display: flex !important;
        align-items: center !important;
        text-decoration: none !important;
        font-size: 14px;
        color: inherit;
        margin-top: 3px;
        transform: scale(0.7);
    }

    #aireco-recommend .revico-star .revico-star-block--rate {
        transform: scale(0.6);
        transform-origin: center;
        margin-right: 0;
        position: relative;
        top: 0;
    }

    #aireco-recommend .revico-star-block--title {
        margin-left: -30px;
    }

    #aireco-recommend .revico-star .starability-result {
        background-repeat: no-repeat;
        background-size: auto;
        width: 150px;
        height: 35px;
    }
}