/* カエレバ用CSSサンプル */ .kaerebalink-box, .booklink-box, .pochireba{ background: #f9f9f9; margin: 1em 0; padding: 1em; min-height: 160px; border: 5px #eee solid; border-radius: 0.5em; -webkit-box-shadow: 0 0 25px #f1f1f1 inset; -moz-box-shadow: 0 0 25px #ddd inset; -o-box-shadow: 0 0 25px #f1f1f1 inset; box-shadow: 0 0 25px #f1f1f1 inset; } .kaerebalink-image, .booklink-image, .pochireba img{ width:30%; float:left; margin:0 1em 0 0; text-align: center; } .kaerebalink-name a, .booklink-name a, .pochi_name a{ font-weight:bold; font-size:1.2em; } .pochi_name a{ margin-bottom: 0.8em; display: block; } .kaerebalink-powered-date, .kaerebalink-detail, .booklink-powered-date, .booklink-detail, .pochi_seller, .pochi_time, .pochi_post{ font-size:0.6em; } .kaerebalink-link1, .booklink-link2{ margin-top:0.5em; } .kaerebalink-link1 div, .booklink-link2 div{ display: inline-block!important; font-size:0.8em!important; margin-right:0.2em!important; } .kaerebalink-link1 div a, .booklink-link2 div a{ display: block; width: 12em; text-align: center; font-size: 1.3em; background: #888; color: #fff; border-bottom: 5px #777 solid; border-radius: 0.3em; padding: 0.2em 0.7em; text-decoration: none; margin: 0 0.2em 0.7em 0; line-height: 1.8; } .kaerebalink-link1 div a:hover, .booklink-link2 div a:hover{ border-bottom-width: 3px; color:#fff; text-decoration: none; position: relative; bottom: -2px; opacity: 0.6; filter: alpha(opacity=60); } .booklink-link2 .shoplinkamazon a, .booklink-link2 .shoplinkkindle a, .kaerebalink-link1 .shoplinkamazon a{ background: #E47911; border-bottom-color: #C26A15; } .booklink-link2 .shoplinkrakuten a, .kaerebalink-link1 .shoplinkrakuten a{ background: #bf0000; border-bottom-color: #800000; } .booklink-link2 .shoplinkyahoo a, .kaerebalink-link1 .shoplinkyahoo a{ background: #7B6696; border-bottom-color: #3B3049; } .kaerebalink-link1 div a img{ margin:0; } .pochireba-footer,.booklink-footer{ clear:left; } @media screen and (max-width: 640px){ .kaerebalink-box,.booklink-box,.pochireba{ min-height:100px; } } /* アプリーチ用サンプル */ .appreach { text-align: left; padding: 10px; border: 1px solid #7C7C7C; overflow: hidden; } .appreach:after { content: ""; display: block; clear: both; } .appreach p { margin: 0; } .appreach a:after { display: none; } .appreach__icon { float: left; border-radius: 10%; overflow: hidden; margin: 0 3% 0 0 !important; width: 25% !important; height: auto !important; max-width: 120px !important; } .appreach__detail { display: inline-block; font-size: 20px; line-height: 1.5; width: 72%; max-width: 72%; } .appreach__detail:after { content: ""; display: block; clear: both; } .appreach__name { font-size: 16px; line-height: 1.5em !important; max-height: 3em; overflow: hidden; } .appreach__info { font-size: 12px !important; } .appreach__developper, .appreach__price { margin-right: 0.5em; } .appreach__posted a { margin-left: 0.5em; } .appreach__links { float: left; height: 40px; margin-top: 8px; white-space: nowrap; } .appreach__aslink img { margin-right: 10px; height: 40px; width: 135px; } .appreach__gplink img { height: 40px; width: 134.5px; } /*————————————– アドセンスのラベル表記 ————————————–*/ .ad-label { font-size: 80%; color: #333; text-align: center; margin-bottom: 5px; } /*————————————– 見出し（h2）前のアドセンス ————————————–*/ .ad-h2 { margin-bottom: 30px; } /* RINKERカスタマイズッ！ */ /* 外枠二重線 */ div.yyi-rinker-box { border:double #CCC; } /* 商品リンクタイトル色変更 */ div.yyi-rinker-title a { color: #4682b4!important; } /* クレジット色変更＆位置調整 */ div.yyi-rinker-contents div.credit { color: #000; margin-bottom: 8px; margin-left: -10px; } /* 値段箇所色変更＆位置調整 */ div.yyi-rinker-detail .price-box { color: #000!important; margin-left: -10px; } /* ブランド色変更＆位置調整 */ div.yyi-rinker-contents div.brand { color: #000; margin-left: -10px; } @media screen and (max-width: 680px) { /* 商品リンクタイトル太字 */ div.yyi-rinker-title a { font-size: 0.85em; line-height: 0.5em; font-weight: bold; } /* 商品リンクタイトル行間調整 */ div.yyi-rinker-title p { line-height: 120%; } /* ボタン文字小さく */ div.yyi-rinker-contents ul.yyi-rinker-links li a{ font-size: 0.7em; } }