@charset "UTF-8";

/* =========================================
   plugins.css
   Rinker
========================================= */

.yyi-rinker-img-s .yyi-rinker-image {
  width: 56px;
  min-width: 56px;
  margin: auto;
}
.yyi-rinker-img-m .yyi-rinker-image {
  width: 175px;
  min-width: 175px;
  margin: auto;
}
.yyi-rinker-img-l .yyi-rinker-image {
  width: 200px;
  min-width: 200px;
  margin: auto;
}
.yyi-rinker-img-s .yyi-rinker-image img.yyi-rinker-main-img {
  width: auto;
  max-height: 56px;
}
.yyi-rinker-img-m .yyi-rinker-image img.yyi-rinker-main-img {
  width: auto;
  max-height: 170px;
}
.yyi-rinker-img-l .yyi-rinker-image img.yyi-rinker-main-img {
  width: auto;
  max-height: 200px;
}

div.yyi-rinker-contents div.yyi-rinker-box ul.yyi-rinker-links li {
  list-style: none;
}
div.yyi-rinker-contents ul.yyi-rinker-links {
  border: none;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a {
  text-decoration: none;
}
div.yyi-rinker-contents {
  margin: 2em 0;
}
div.yyi-rinker-contents div.yyi-rinker-box {
  display: flex;
  padding: 26px 26px 0;
  border: 3px solid #f5f5f5;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  div.yyi-rinker-contents div.yyi-rinker-box {
    padding: 26px 26px 0;
  }
}
@media (max-width: 767px) {
  div.yyi-rinker-contents div.yyi-rinker-box {
    flex-direction: column;
    padding: 26px 14px 0;
  }
}
div.yyi-rinker-box div.yyi-rinker-image {
  display: flex;
  flex: none;
  justify-content: center;
}
div.yyi-rinker-box div.yyi-rinker-image a {
  display: inline-block;
  height: fit-content;
  margin-bottom: 26px;
}
div.yyi-rinker-image img.yyi-rinker-main-img {
  display: block;
  max-width: 100%;
  height: auto;
}
div.yyi-rinker-img-s img.yyi-rinker-main-img {
  width: 56px;
}
div.yyi-rinker-img-m img.yyi-rinker-main-img {
  width: 120px;
}
div.yyi-rinker-img-l img.yyi-rinker-main-img {
  width: 200px;
}
div.yyi-rinker-box div.yyi-rinker-info {
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 768px) {
  div.yyi-rinker-box div.yyi-rinker-info {
    padding-left: 26px;
  }
}
@media (max-width: 767px) {
  div.yyi-rinker-box div.yyi-rinker-info {
    text-align: center;
  }
  div.yyi-rinker-box div.yyi-rinker-info div.yyi-rinker-detail {
    text-align: left;
  }
}
div.yyi-rinker-info div.yyi-rinker-title a {
  color: #333;
  font-weight: 600;
  font-size: 18px;
  text-decoration: none;
}
div.yyi-rinker-info div.yyi-rinker-detail {
  display: flex;
  flex-direction: column;
  padding: 8px 0 12px;
}
div.yyi-rinker-detail div:not(:last-child) {
  padding-bottom: 8px;
}
div.yyi-rinker-detail div.credit-box {
  font-size: 12px;
}
div.yyi-rinker-detail div.credit-box a {
  text-decoration: underline;
}
div.yyi-rinker-detail div.brand,
div.yyi-rinker-detail div.price-box {
  font-size: 14px;
}
@media (max-width: 767px) {
  div.price-box span.price {
    display: block;
  }
}
div.yyi-rinker-info div.free-text {
  order: 2;
  padding-top: 8px;
  font-size: 14px;
}
div.yyi-rinker-info ul.yyi-rinker-links {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 14px;
  padding: 0;
  list-style-type: none;
}
div.yyi-rinker-info ul.yyi-rinker-links li {
  display: inherit;
  flex-direction: column;
  align-self: flex-end;
  text-align: center;
}
@media (min-width: 768px) {
  div.yyi-rinker-info ul.yyi-rinker-links li:not(:last-child) {
    margin-right: 8px;
  }
  div.yyi-rinker-info ul.yyi-rinker-links li {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  div.yyi-rinker-info ul.yyi-rinker-links li {
    width: 100%;
    margin-bottom: 10px;
  }
}
ul.yyi-rinker-links li.amazonkindlelink a { background-color: #37475a; }
ul.yyi-rinker-links li.amazonlink a { background-color: #f9bf51; }
ul.yyi-rinker-links li.rakutenlink a { background-color: #d53a3a; }
ul.yyi-rinker-links li.yahoolink a { background-color: #76c2f3; }
ul.yyi-rinker-links li.freelink1 a { background-color: #5db49f; }
ul.yyi-rinker-links li.freelink2 a { background-color: #7e77c1; }
ul.yyi-rinker-links li.freelink3 a { background-color: #3974be; }
ul.yyi-rinker-links li.freelink4 a { background-color: #333; }
ul.yyi-rinker-links a.yyi-rinker-link {
  display: flex;
  position: relative;
  width: 100%;
  min-height: 38px;
  overflow-x: hidden;
  flex-wrap: wrap-reverse;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  box-shadow: 0 1px 6px 0 rgba(0,0,0,0.12);
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
  transition: 0.3s ease-out;
  box-sizing: border-box;
}
ul.yyi-rinker-links a.yyi-rinker-link:after {
  position: absolute;
  right: 12px;
  width: 6px;
  height: 6px;
  border-top: 2px solid;
  border-right: 2px solid;
  content: "";
  transform: rotate(45deg);
  box-sizing: border-box;
}
ul.yyi-rinker-links a.yyi-rinker-link:hover {
  box-shadow: 0 4px 6px 2px rgba(0,0,0,0.12);
  transform: translateY(-2px);
}
@media (min-width: 768px) {
  ul.yyi-rinker-links a.yyi-rinker-link {
    padding: 6px 22px 6px 16px;
  }
}
@media (max-width: 767px) {
  ul.yyi-rinker-links a.yyi-rinker-link {
    padding: 6px 24px;
  }
}
div.yyi-rinker-contents.yyi-rinker-design-tate div.yyi-rinker-box {
  flex-direction: column;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-box .yyi-rinker-links {
  flex-direction: column;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-info {
  width: 100%;
}
div.yyi-rinker-contents.yyi-rinker-design-slim .yyi-rinker-title {
  text-align: center;
}
div.yyi-rinker-contents.yyi-rinker-design-slim .yyi-rinker-links {
  text-align: center;
}
div.yyi-rinker-contents.yyi-rinker-design-slim .yyi-rinker-image {
  margin: auto;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-info ul.yyi-rinker-links li {
  align-self: stretch;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-box div.yyi-rinker-info {
  padding: 0;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-box {
  flex-direction: column;
  padding: 14px 5px 0;
  min-height: 450px;
}
div.yyi-rinker-box div.yyi-rinker-info {
  text-align: left;
}
.yyi-rinker-design-slim div.yyi-rinker-box div.yyi-rinker-info {
  text-align: center;
}
.yyi-rinker-design-slim div.price-box span.price {
  display: block;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-info div.yyi-rinker-title a {
  font-size: 16px;
}
div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.amazonkindlelink:before,
div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.amazonlink:before,
div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.rakutenlink:before,
div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.yahoolink:before {
  font-size: 12px;
}
div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li a {
  font-size: 13px;
}
.entry-content ul.yyi-rinker-links li {
  padding: 0;
}
.yyi-rinker-design-slim div.yyi-rinker-info ul.yyi-rinker-links li {
  width: 100%;
  margin-bottom: 10px;
}
.yyi-rinker-design-slim ul.yyi-rinker-links a.yyi-rinker-link {
  padding: 10px 24px;
}
