/* 一部ページにのみ反映しているため、一旦別ファイルに。
まとめ対応する場合、style.cssにまとめてしまってOK */
.detail .img-buy-btn{
    padding: 20px 17px;
    margin-bottom: 0;
}
.products-list.img-buy-btn .list-title{
    font-size: 22px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 8px;
}
.detail .img-buy-btn .btn p{
    font-weight: 400;
    line-height: 150%;
    margin-top: 6px;
}

@media screen and (min-width:601px){
    .detail .products-detail{
        display: flex;
    }
    .detail .products-detail .left,
    .detail .products-detail .right{
        float: none;
    }
    .right-layout{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }
    .detail .img-buy-btn .btn{
        width: calc((100% - 17px) / 2);
        margin: 0;
    }
    .detail .img-buy-btn .btn + .btn{
        margin-left: 17px;
    }
    .detail .img-buy-btn .btn p{
        font-size: 13px;
    }
    .detail .img-buy-btn .btn-layout{
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width:600px){
    .detail .img-buy-btn{
        padding: 30px 20px;
    }
    .detail .img-buy-btn .btn{
        width: 100%;
        margin: 0;
    }
    .detail .img-buy-btn .btn + .btn{
        margin-top: 20px;
    }
    .products-list.img-buy-btn .list-title{
        margin-bottom: 12px;
    }
    .detail .img-buy-btn .btn p{
        font-size: 15px;
    }
}