@charset "UTF-8";
/*
Template: jin
Theme Name: jin-child
Author: CrossPiece
Version: 1.00
*/
/*** Rinkerコメントあり ***/
div.yyi-rinker-contents {
  /*外枠*/
  border: none;
  /*枠線削除*/
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18);
  /*影プラス*/
}

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: 0.9em;
  /*文字の大きさ*/
}

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: 0.7;
  /*透明度70%*/
  font-family: "Avenir", sans-serif;
  /*フォントの種類*/
  line-height: 2;
  /*文字の高さ*/
}

span.price {
  /*価格部分*/
  font-size: 1.8em;
  /*文字の大きさ*/
}

.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: 500;
  /*文字の太さ*/
  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 {
  /*Amazonのボタンリンク*/
  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;
  /*透明度はそのまま*/
  -webkit-transform: translateY(3px);
  /*下に動く（予備）*/
  transform: translateY(3px);
  /*下に動く*/
}

@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 {
    /*ボタン共通*/
    margin: 5px 0;
    /*外側の上下に余白*/
    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;
    /*内側の余白をリセット*/
  }
}

/*# sourceMappingURL=style.css.map */