@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/*サムネイルの角を丸める*/
.ect-entry-card img{border-radius:10px;}

/*サムネイルのサイズを揃える*/
.card-thumb {
  position:relative;
}
.card-thumb:before {
  content:"";
  display:block;
  padding-top:66%;
}
.card-thumb img {
  width:100%; height:100%;
  object-fit:cover;
  position:absolute;
  top:0; left:0;
}

/*エントリーカード 枠線カスタマイズ*/
a.entry-card-wrap.a-wrap.border-element.cf{
	border: 1px solid white;
	padding: 16px;
	box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
}
.grecaptcha-badge { visibility: hidden; }
/*全体の枠線*/
div.yyi-rinker-contents {
    border: solid 1px #dbdbdb
}
/*商品の画像縦中央*/
div.yyi-rinker-contents div.yyi-rinker-image {align-items: center;}
/*ボタンの幅を統一*/
div.yyi-rinker-contents ul.yyi-rinker-links li {
    width: 46%;
    padding: 0;
    margin: .4em;/*ボタンとボタンの隙間*/
}
/*ボタンの高さとテキストを中央揃え*/
div.yyi-rinker-contents ul.yyi-rinker-links li a {
    height: 2.8em;/*ボタンの高さ*/
    line-height: 2.8em;/*テキストを縦中央揃え（heightと同じ値に）*/
    padding: 0;
    text-align: center;/*テキストを横中央揃え*/
}
/*ボタンの枠線*/
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {border:solid 2px #ffb92e;border-radius: 4px;}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink {border:solid 2px #fb7979;border-radius: 4px;}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {border:solid 2px #79c5ff;border-radius: 4px;}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 { border:solid 2px #ffb92e;border-radius: 4px; background-color:#f6a306}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 {border:solid 2px #2098A8 ;border-radius: 4px;}
/*マウスオーバー時薄くしない*/
div.yyi-rinker-contents ul.yyi-rinker-links li a:hover {opacity: 1;}
/*マウスオーバー時ボタンの色と枠線*/
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink:hover {background:#fff;border:solid 2px #f6a306;}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink:hover {background:#fff;border:solid 2px #cf4944;}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink:hover {background:#fff;border:solid 2px #51a7e8;}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1:hover {background:#fff;border:solid 2px #f6a306;}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2:hover {background:#fff;border:solid 2px #2098A8;}
/*マウスオーバー時ボタンの文言色*/
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:hover {color:#f6a306;}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:hover {color:#cf4944;}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:hover {color:#51a7e8;}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 a:hover {color:#f6a306;}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 a:hover {color:#2098A8;}
/*値段*/
div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {
    font-size: 1.2em;
    letter-spacing: 0.05em;
    margin-right: .5em;
}
 
/*画面サイズ501-1070px*/
@media screen and (min-width: 501px) and (max-width: 1070px){
/*ボタンの幅調整*/
div.yyi-rinker-contents ul.yyi-rinker-links li {width: 100%;}
}
/*画面サイズ500px以下*/
@media screen and (max-width: 500px){
/*1カラムに変更*/
div.yyi-rinker-contents div.yyi-rinker-box {display: block;}
/*画像横中央揃え*/
div.yyi-rinker-contents div.yyi-rinker-image {width: auto;}
/*商品名、ボタン調整*/
div.yyi-rinker-contents div.yyi-rinker-info {width: calc(100% - 10px);}
div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {display: block;}
div.yyi-rinker-contents ul.yyi-rinker-links li {width: 100%;}
body div.yyi-rinker-contents ul.yyi-rinker-links li a {padding: 0;}
}
/*べージ送り 文字サイズ調整*/
.page-numbers{
font-size:10px;
color:#666;
}