@charset "utf-8";
/*
Template: jstork
Theme Name: stork_custom
Theme URI:http://open-cage.com/stork/
*/
/* h2見出しのデザイン変更 */
.entry-content h2{
    font-size: 1em;/* 文字の大きさ */
    font-weight: bold;/* 文字の太さ */
    color: #fff!important;
    background: #ff8caa!important;
    padding: 12px;
    margin: 2.0em 0 1.5em;
    border: 2px dashed rgba(255,255,255,0.5);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 0 0 5px #ff8caa, 0 2px 3px 5px rgba(0,0,0,0.5)!important;
    -moz-box-shadow: 0 0 0 5px #ff8caa, 0 2px 3px 5px rgba(0,0,0,0.5)!important;
    -webkit-box-shadow: 0 0 0 5px #ff8caa, 0 2px 3px 5px rgba(0,0,0,0.5)!important;
}
/* h3見出しのデザイン変更 */
.entry-content h3{
font-size: 1em;/* 文字の大きさ */
font-weight: bold;/* 文字の太さ */
color: #5C4747!important;/* 文字の色 */
border-left: 7px solid #ff8caa!important;/* 文字左の点線の太さ・種類・カラー */
border-bottom: 2px dashed #ff8caa!important;/* 文字下の点線の太さ・種類・カラー */
margin: 0 0 1.5em;
padding: 0.2em 0.8em;
}
/* h4見出しのデザイン変更 */
.entry-content h4 {
position: relative;
font-size: 1em;/* 文字の大きさ */
}
.entry-content h4:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 4px;
background: -webkit-repeating-linear-gradient(-45deg, #ff8caa, #ff8caa 2px, #fff 2px, #fff 4px);
background: repeating-linear-gradient(-45deg, #ff8caa, #ff8caa 2px, #fff 2px, #fff 4px);
}
/* ヨメレバ・カエレバカスタマイズ */
.cstmreba {
margin-bottom:10px;
padding: 10px;
border-radius: 20px;
background: #eef4fb;
}
.kaerebalink-box, .booklink-box {
padding: 20px;
border: 2px dashed #FFF;
border-radius: 20px;
overflow: auto;
}
.kaerebalink-image, .booklink-image {
float: left;
margin-right: 20px;
}
.kaerebalink-name p, .booklink-name p {
margin: 0;
}
.kaerebalink-name a, .booklink-name a {
padding-bottom: 5px;
border-bottom: 1px solid #5f4339;
color: #5f4339;
text-decoration: none;
}
.booklink-name a:before {
margin-right: 5px;
color: #5f4339;
font-family: "FontAwesome";
content: '\f02d';
}
.kaerebalink-powered-date, .booklink-powered-date {
font-size: x-small;
}
.kaerebalink-powered-date a, .booklink-powered-date a {
border: none;
}
.booklink-powered-date a:before{
display:none;
}
.booklink-powered-date a {
color: #5f4339;
text-decoration: none;
}
.kaerebalink-detail, .booklink-detail {
font-size: small;
}
.shoplinkkindle, .shoplinkamazon, .shoplinkrakuten, .shoplinkyahoo {
padding: 5px 0px;
}
.kaerebalink-link1, .booklink-link2 {
float: left;
}
.kaerebalink-link1 a, .booklink-link2 a {
color: #fff;
text-decoration: none;
}
.kaerebalink-link1 a:hover,
.booklink-link2 a:hover {
color: #f0f0f0!important;
opacity:0.7;
filter: alpha(opacity=70);
}
.shoplinkkindle a {
padding: 5px 10px;
border-radius: 3px;
background: #448aff;
box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}
.shoplinkamazon a {
padding: 5px 10px;
border-radius: 3px;
background: #ffba00;
box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}
.shoplinkrakuten a {
padding: 5px 10px;
border-radius: 3px;
background: #ff445b;
box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}
.shoplinkyahoo a {
background: #445bff;
padding: 5px 10px;
border-radius: 3px;
box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}
@media screen and (max-width: 639px){
.kaerebalink-image, .booklink-image {
width: 50px;
margin-right: 10px;
}
.kaerebalink-detail, .booklink-detail {
display: none;
}
}