/* Site-specific styles carried forward from Utaile's Rinker 1.4.4 customization. */
div.yyi-rinker-contents {
    border: none;
    box-shadow: 0 0 2px rgba(0, 0, 0, .18);
}
div.yyi-rinker-contents div.yyi-rinker-image { margin-right: 15px; }
.yyi-rinker-img-m .yyi-rinker-image { width: 140px; min-width: 140px; }
div.yyi-rinker-contents div.yyi-rinker-info { width: calc(100% - 160px); }
div.yyi-rinker-contents div.yyi-rinker-title p { margin: 0; }
div.yyi-rinker-contents div.yyi-rinker-title a { color: #0066c0; font-size: 20px; }
div.yyi-rinker-contents div.yyi-rinker-title a:hover {
    color: #c45500;
    opacity: 1;
    text-decoration: underline;
}
div.yyi-rinker-contents div.yyi-rinker-detail {
    padding: 0;
    margin: 5px 0 0;
    font-size: 10px;
    color: #626262;
    opacity: .7;
    font-family: Avenir, sans-serif;
    line-height: 2;
}
div.yyi-rinker-contents span.price { font-size: 1.8em; }
div.yyi-rinker-contents .price-box span:nth-child(n+2) { display: none; }
div.yyi-rinker-contents ul.yyi-rinker-links { margin: 0; }
div.yyi-rinker-contents ul.yyi-rinker-links li {
    margin: 8px 8px 0 0;
    box-shadow: none;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink,
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink,
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink { background: none; }
div.yyi-rinker-contents ul.yyi-rinker-links li a {
    font-weight: bold;
    font-size: 13px;
    height: 44px;
    line-height: 44px;
    padding: 0 15px;
    border-radius: 3px;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a { background: #ffb74d; }
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a { background: #ff5252; }
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a { background: #3aadf4; }
div.yyi-rinker-contents ul.yyi-rinker-links li:hover { box-shadow: none; }
div.yyi-rinker-contents ul.yyi-rinker-links li a:hover { opacity: 1; text-decoration: underline; }
@media screen and (max-width: 800px) {
    div.yyi-rinker-contents div.yyi-rinker-box { display: block; text-align: center; }
    div.yyi-rinker-contents div.yyi-rinker-image { margin: auto; }
    div.yyi-rinker-contents div.yyi-rinker-info { display: block; margin-top: 5px; width: 100%; }
    div.yyi-rinker-contents ul.yyi-rinker-links li { box-shadow: none; border-radius: 3px; }
}
@media (max-width: 420px) and (min-width: 321px) {
    body div.yyi-rinker-contents ul.yyi-rinker-links li a { padding: 0; }
}