@charset "UTF-8";
/*
Theme Name: Emanon Pro child
Theme URI: https://wp-emanon.jp
Author: 株式会社イノ・コード
Author URI: https://innocord.co.jp/
Description: Emanon Pro の子テーマです。
Template: emanon-pro
Version: 1.2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, theme-options

Emanon Pro 子テーマ用のスタイルを以下に記述 
カスタマイズ機能のCSS圧縮をオンにしている場合、オフに切り替えてからスタイルを追加し、その後、再度CSS圧縮を
オンにしてください。
*/

/** [begin] カエレバ＆ヨメレバ **/
.cstmreba {
 margin: 1.5em 0;
 padding: 15px 10px;
 border: double 4px #dbdbdb;
 background: #fff;
}
.cstmreba a {
 color: #444;
 text-decoration: none;
}
.kaerebalink-name p a {
  text-decoration: none;
}
.cstmreba a:hover {
 opacity: .7;
}
.cstmreba .kaerebalink-box {
 display: table;
 width: 100%;
 vertical-align: middle;
}
.cstmreba .kaerebalink-name > a,
.booklink-name > a {
 display: inline-block;
 margin-bottom: 3px;
 font-size: 1.05em;
 font-weight: bold;
 line-height: 1.5;
}
.cstmreba .kaerebalink-powered-date,
.cstmreba .kaerebalink-detail,
.booklink-powered-date,
.booklink-detail {
 color: silver;
 font-size: .7em;
}
.cstmreba .kaerebalink-powered-date a,
.cstmreba .booklink-powered-date a {
 color: silver;
}
.cstmreba .kaerebalink-image {
 display: table-cell;
 width: 80px;
 vertical-align: middle;
}
.cstmreba .kaerebalink-image a img {
 width: 100%;
}
.cstmreba .kaerebalink-info {
 display: table-cell;
 width: calc(100% - 80px);
 padding-left: 15px;
}
.cstmreba .kaerebalink-link1,
.booklink-link2 {
 margin-top: 8px;
}
.cstmreba .kaerebalink-link1 > div,
.booklink-link2 > div {
 display: inline-block;
 height: 37px;
 margin: 5px 10px 5px 0;
 padding: 0 9px;
 border-radius: 3px;
 background: #73c1ea;
 box-shadow: 0 8px 15px -5px rgba(0,0,0,.25);
 font-size: .95em;
 font-weight: bold;
 vertical-align: middle;
 line-height: 37px;
 transition: .3s ease-in-out;
}
.cstmreba .kaerebalink-link1 > div a,
.cstmreba .booklink-link2 > div a {
 display: inline-block;
}
.cstmreba .kaerebalink-link1 > div:hover,
.cstmreba .booklink-link2 > div:hover {
 box-shadow: 0 12px 15px -5px rgba(0,0,0,.25);
}
.cstmreba .kaerebalink-link1 a:before,
.booklink-link2 > div a:before {
 padding-right: 3px;
 font-family: FontAwesome;
 content: "\f0da";
}
.cstmreba .kaerebalink-link1 .shoplinkamazon,
.booklink-link2 .shoplinkamazon {
 background: #ffb36b;
}
.cstmreba .kaerebalink-link1 .shoplinkrakuten,
.booklink-link2 .shoplinkrakuten {
 background: #ea7373;
}
.cstmreba .kaerebalink-link1 a,
.cstmreba .booklink-link2 a {
 color: #fff;
}
.booklink-footer {
 display: none;
}
.cstmreba a {
 color: #555;
 text-decoration: none;
}
/*余計な余白の削除*/
.kaerebalink-info img , .kaerebalink-image > img ,.booklink-info img {
  display: none;
}
.kaerebalink-name p ,.booklink-name p {
  margin-bottom: 0;
}
/*ヨメレバ*/
.booklink-image {
 display: table-cell;
 width: 110px;
 vertical-align: middle;
}
.booklink-image img {
 width: 100%;
 box-shadow: 0 10px 20px -5px rgba(0,0,0,.38), 0 0 2px rgba(0,0,0,.15);
}
.booklink-info {
 display: table-cell;
 width: calc(100% - 110px);
 padding-left: 15px;
}
.booklink-link2 > div {
 box-shadow: 0 2px 3px rgba(0,0,0,.28);
}
/** [end] カエレバ＆ヨメレバ **/