@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20151225
*/

/* Simplicity子テーマ用のスタイルを書く */
.article h2 {
  background-color: #f0f8ff;/* 見出し背景色 */
  border-left: 0 none;
  color: #000000;/* 文字の色 */
  padding: 15px 30px;/* 文字の位置 */
    margin-bottom: 35px;/* 見出し下の空白*/
}

.article h3 {
    border-bottom: 10px solid #f0f8ff;
    padding: 10px 0 0 0;
    margin-bottom: 30px;
}

.article h4 {
    border-left: 30px solid #f0f8ff;
    border-bottom: 0px;
    padding: 5px 0 5px 10px;
    margin-bottom: 30px;
}

/* サムネイル画像にエフェクト */
.entry-thumb,.wpp-thumbnail{
  overflow: hidden;
}

.entry-thumb img,.wpp-thumbnail img{
  transition: 0.6s ;
}
 
.entry-thumb img:hover,.wpp-thumbnail:hover {
   opacity: 0.6;
   -moz-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
}
/* サムネイル画像にエフェクト ここまで */


/* カエレバのボタンCSS化 */
/* Mobile用 */
.kaerebalink-box,.booklink-box{
border:1px solid #fff;
margin-bottom:20px;
padding:10px 0px 30px 0px;
}
.kaerebalink-image,.booklink-image{
margin:2%; 
}
.kaerebalink-footer,.booklink-footer{
clear:both;
}
/* div要素設定 */
div.kaerebalink-box,div.booklink-box{
position:relative;
}
div.kaerebalink-powered-date,div.booklink-powered-date{
position:absolute;
bottom:0;
right:0;
padding:3px;
}
.kaerebalink-name,.booklink-name{
text-align:center;
}
div.kaerebalink-detail,div.booklink-detail{
display:none;
}
.kaerebalink-image,.booklink-image{
text-align:center;
}
.kaerebalink-powered-date,.booklink-powered-date,.kaerebalink-powered-date a,.booklink-powered-date a{
font-size:x-small;
}
/* PC用 */
@media screen and (min-width:480px) { 
.kaerebalink-box,.booklink-box{
width:90%;
border:1px solid #fff;
margin-bottom:20px;
padding:20px;
}
.kaerebalink-image,.booklink-image{
width:30%;
float:left;
margin:5%;
}
.booklink-image img, .kaerebalink-image img {
  margin: 0 auto;
  display: block;
  text-align: center;
}
.kaerebalink-info,.booklink-info{
width:60%;
float:left;
line-height: 120%;
text-align: center;
}
.kaerebalink-footer,.booklink-footer{
clear:both;
}
/* div要素設定 */
div.kaerebalink-box,div.booklink-box{
position:relative;
}
div.kaerebalink-powered-date,div.booklink-powered-date{
position:absolute;
bottom:10px;
right:15px;
padding:3px;
}
div.kaerebalink-detail,div.booklink-detail{
display:none;
}
.kaerebalink-image,.booklink-image{
text-align:center;
}
.kaerebalink-powered-date,.booklink-powered-date,.kaerebalink-powered-date a,.booklink-powered-date a{
font-size:x-small;
}
}
/* マージンをフォントの設定 */
.shoplinkamazon,.shoplinkkindle,.shoplinkrakuten,.shoplinkrakukobo,.shoplinkyahoo{
background:none !important;
text-align:center;margin:.8em 0
}

/* Amazonの設定 */
.shoplinkamazon a{
background:#f8a509 !important;
text-decoration:none;
display:block;
color:#fff !important;
padding:7px 10px 5px;
-webkit-transition:0.2s all !important;
-moz-transition:0.2s all !important;
-o-transition:0.2s all !important;
transition:0.2s all !important;
border-radius:2px;
box-shadow:0 3px 0 #f8a509;
position:relative
}
.shoplinkamazon a:hover{
color:#fff !important;background:#f1c568 !important
}
.shoplinkamazon a:active{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;top:3px !important
}

/* Kindleの設定 */
.shoplinkkindle a{
background:#fc0082 !important;
text-decoration:none;
display:block;
color:#fff !important;
padding:7px 10px 5px;
-webkit-transition:0.2s all !important;
-moz-transition:0.2s all !important;
-o-transition:0.2s all !important;
transition:0.2s all !important;
border-radius:2px;
box-shadow:0 3px 0 #fc0082;
position:relative
}
.shoplinkkindle a:hover{
color:#fff !important;background:#ffcafa !important
}
.shoplinkkindle a:active{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;top:3px !important
}

/* 楽天の設定 */
.shoplinkrakuten a{
background:#bc1508 !important;
text-decoration:none;
display:block;
color:#fff !important;
padding:7px 10px 5px;
-webkit-transition:0.2s all !important;
-moz-transition:0.2s all !important;
-o-transition:0.2s all !important;
transition:0.2s all !important;
border-radius:2px;
box-shadow:0 3px 0 #bc1508;
position:relative
}
.shoplinkrakuten a:hover{
color:#fff !important;
background:#fdb3ab !important
}
.shoplinkrakuten a:active{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;top:3px !important
}
/* 楽天koboの設定 */
.shoplinkrakukobo a{
background:#c123de !important;
text-decoration:none;
display:block;
color:#fff !important;
padding:7px 10px 5px;
-webkit-transition:0.2s all !important;
-moz-transition:0.2s all !important;
-o-transition:0.2s all !important;
transition:0.2s all !important;
border-radius:2px;
box-shadow:0 3px 0 #c123de;
position:relative
}
.shoplinkrakukobo a:hover{
color:#fff !important;
background:#ee82ee !important
}
.shoplinkrakukobo a:active{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;top:3px !important
}
/* yahooの設定 */
.shoplinkyahoo a{
background:#3399cc !important;
text-decoration:none;
display:block;
color:#fff !important;
padding:5px 10px 5px;
-webkit-transition:0.2s all !important;
-moz-transition:0.2s all !important;
-o-transition:0.2s all !important;
transition:0.2s all !important;
border-radius:2px;
box-shadow:0 3px 0 #3399cc;
position:relative
}
.shoplinkyahoo a:hover{
color:#fff !important;
background:#79bbff !important
}
.shoplinkyahoo a:active{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;top:3px !important
}
/* カエレバのボタンCSS化 ここまで */

/* 記事を読むの右矢印 */
.entry-read a:before {
margin-right: 5px;
font-family: "FontAwesome";
content: "\f0a9";
}

/* リストのタイトルを変更 */
.entry h2 a{
 font-weight: 700;
 font-size: 1.0rem !important;
 line-height: 1.0;
}

/* 関連記事のタイトルフォントを変更 */
#related-entries h3 {
 font-size: 13px;
 text-align: left;
 margin-bottom: 1em; 
}


/*--------------------------------------
  Rinkerカスタマイズ
--------------------------------------*/
div.yyi-rinker-contents {
 border: none !important;
 box-shadow: none !important;
 margin-bottom:20px;
 align-items: center !important;
}

div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
 width: 56%;
 margin: 0 auto;
 padding-bottom:10px;
 text-align: center;
}
div.yyi-rinker-contents div.yyi-rinker-image {
align-items: center !important;
width:30%;
margin:2%;
}

div.yyi-rinker-title a {
text-decoration:underline !important;
color: #1A0DAB !important; }

div.yyi-rinker-title a:hover { color: #e16d15 !important;
} div.yyi-rinker-detail .brand{
display: none;
}
div.yyi-rinker-contents {
position:relative
} div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-detail div.credit{
position:absolute;
bottom:0;
right:22px;
padding:15px 3px 0px;
}
div.yyi-rinker-contents　div.yyi-rinker-detail .credit a{
font-size:x-small;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1,
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink,
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{
font-size: large;
background:none !important;
text-align:center !important;
margin:.4em 0;
width:100%;
} div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 a{
background:#6a5acd !important;
text-decoration:none !important;
display:block !important;
color:#fff !important;
padding:3px 0px 2px !important;
border-radius:2px;
box-shadow:0 3px 0 #484466;
position:relative
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 a:hover{
color:#fff !important;background:#8B83C6 !important
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 a:active{
box-shadow:none;top:3px !important
}

div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink a{
background:#fc0082 !important;
text-decoration:none !important;
font-weight: normal;
display:block !important;
color:#fff !important;
padding:3px 0px 2px !important;
border-radius:2px;
position:relative
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink a:hover{
color:#fff !important;background:#ffcafa !important
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink a:active{
box-shadow:none;top:3px !important
}

div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a{
background:#f8a509 !important;
text-decoration:none !important;
font-weight: normal;
display:block !important;
color:#fff !important;
padding:3px 0px 2px !important;
border-radius:2px;
position:relative
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:hover{
color:#fff !important;background:#f1c568 !important
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:active{
box-shadow:none;top:3px !important
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a{
background:#bc1508 !important;
text-decoration:none;
font-weight: normal;
display:block !important;
color:#fff !important;
padding:3px 0px 2px;
border-radius:2px;
position:relative !important
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:hover{
color:#fff !important;
background:#fdb3ab !important
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:active{
box-shadow:none;top:3px !important
}

div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a{
background:#3399cc !important;
text-decoration:none;
font-weight: normal;
display:block !important;
color:#fff !important;
padding:3px 0px 2px;
border-radius:2px;
position:relative !important
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:hover{
color:#fff !important;
background:#79bbff !important
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:active{
box-shadow:none;top:3px !important
}

@media screen and (max-width:480px) {
div.yyi-rinker-contents div.yyi-rinker-box{
display:block !important;
font-weight: normal;
} 
div.yyi-rinker-contents div.yyi-rinker-image{
margin-left:auto;
margin-right:auto
} 
div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
width: 100%;
margin: 0 auto;
text-align: center;
}
}
/*--------------------------------------
  Rinkerカスタマイズ ここまで
--------------------------------------*/

.grecaptcha-badge { visibility: hidden; }