/*
Theme Name: simplicity-child
Template: simplicity2
Author: Ryoko Nakamura
*/

@import url('../simplicity2/style.css');

/* リストのタイトルを変更 */
.entry h2 a{
 font-weight: 700;
 font-size: 1.1rem !important;
 text-shadow: 1px 1px 1px #bbb;
 line-height: 1.3;
 color: #4d4d4d;
}

#sidebar {
background-color:#ffffff
}

.article h1 {
 text-shadow: 2px 2px 2px #bbb;
 font-size: 1.5rem;
 color: #4d4d4d;
}

/************************************
** 基本設定（General Setting）
************************************/
.article{
  font-size:15px;
  line-height:170%;
}

.article h2 {
	position: relative;
	padding: .5em .75em;
	background-color: #ffcccc;
	color: #fff;
	border-radius: 6px;
	border-left:none;
}
.article h2::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #ffcccc;
}
 
.article h3,
#comment-area h3,
#related-entries h3{
	font-size:23px;
	border-bottom: 3px solid #cc0000;
}
 
.article h4 {
	border-left: 15px solid #ff99cc;
	border-bottom: 0px;
	padding: 5px 0 5px 10px;
	margin-bottom: 30px;
}


/************************************
** 蛍光アンダーライン設定（General Setting）
************************************/
.marker-under {
background: linear-gradient(transparent 60%, #ffff66 60%);
}
 
.marker_lime {
background: linear-gradient(transparent 60%, #66FFCC 60%);
}
 
.marker_water {
background: linear-gradient(transparent 60%, #66ccff 60%);
}
 
.marker_pink {
background: linear-gradient(transparent 60%, #ff66ff 60%);
}
 
.marker_orange {
background: linear-gradient(transparent 60%, #ffa500 60%);
}

/*--------------------------------------
  ヨメレバ・カエレバここから
--------------------------------------*/
.booklink-box, .kaerebalink-box, .tomarebalink-box{
    width:90%;
    margin:20px auto;
    padding:20px;
    border:double #d2d7e6;
    overflow: hidden;
    font-size:small;
    border-radius:2px;
}
 
.booklink-image, .kaerebalink-image, .tomarebalink-image{
    width: 150px;
    margin:0 15px 20px 0;
    float:left;
}
.booklink-image img, .kaerebalink-image, .tomarebalink-image img{
    display:block;
    margin:0 auto;
    text-align:center;
}
 
.booklink-info, .kaerebalink-info, .tomarebalink-info{
    display:block;
    margin:0 auto;
    text-align:left;
    line-height:120%;
    overflow: hidden;
}
 
.booklink-name, .kaerebalink-name, .tomarebalink-name{
    font-size:16px;
    margin-bottom:24px;
    line-height:1.5;
}
 
.booklink-powered-date, .kaerebalink-powered-date, .tomarebalink-powered-date{
    font-family: verdana;
    font-size:8pt;
    margin-top:5px;
    line-height:120%;
}
.booklink-detail, .kaerebalink-detail, .tomarebalink-detail{
    margin-bottom:5px;
}
 
.booklink-link2, .kaerebalink-link1, .tomarebalink-link1{
    margin-top:10px;
}
 
.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkkakakucom, .shoplinkjalan, .shoplinkjtb, .shoplinkknt, .shoplinkikyu, .shoplinkrurubu{
    float:left;
    width:30%;
    margin:15px 1% 0 auto;
    padding:10px 0px;
    height:15px;
    overflow:hidden;
    background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    background-color:#ffffff;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    text-align:center;
    }

    
.shoplinkamazon:hover, .shoplinkrakuten:hover, .shoplinkkindle:hover, .shoplinkyahoo:hover, .shoplinkjtb:hover, .shoplinkknt:hover, .shoplinkrurubu:hover, .shoplinkjalan:hover, shoplinkikyu:hover{
    background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
    background-color:#f6f6f6;
}
 
.shoplinkamazon:active, .shoplinkrakuten:active, .shoplinkkindle:active, .shoplinkyahoo:active, .shoplinkjtb:active, .shoplinkknt:active, .shoplinkrurubu:active, shoplinkjalan:active, shoplinkikyu:active{
    position:relative;
    top:1px;
}
 
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a, .shoplinkkindle a, .shoplinkkakakucom a, .shoplinkjtb a, .shoplinkknt a, .shoplinkrurubu a, .shoplinkjalan a, .shoplinkikyu a{
    display:block;
    cursor:pointer;
    text-decoration:none;
    font-weight:800;
    text-shadow:1px 1px 1px #dcdcdc;
    font-size:12px;
}
     
.shoplinkamazon a{
    color:#FF9901;
}
 
 .shoplinkrakuten a{
    color:#c20004;
}
 
.shoplinkkindle a{
    color:#007dcd;  
}
 
.shoplinkyahoo a{
    font-size:10px;
    color:#7b0099;
} 

.shoplinkrurubu a{
    font-size:10px;
    color:#000066;
} 

.shoplinkjalan a{
    font-size:10px;
    color:#ff7a15;
} 

.shoplinkjtb a{
    font-size:10px;
    color:#c81528;
} 

.shoplinkikyu a{
    font-size:10px;
    color:#bf9500;
} 
 
.shoplinknt a{
    font-size:10px;
    color:#0b499d;
} 

.booklink-footer{
    clear:left;
} 
/*--------------------------------------
  ヨメレバ・カエレバここまで
--------------------------------------*/

/*--------------------------------------
  サムネイル画像にエフェクト
--------------------------------------*/
.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);
}

/*--------------------------------------
 メタ情報の大きさを変更し、右側へ
--------------------------------------*/
.post-meta,.entry .post-meta a  {
    font-size: 12px;
    line-height: 160%;
    background:#f5b2ac;
}
 
.entry .post-meta {
    text-align: right !important;
}

.footer-post-meta {
    font-size: 12px;
    background:#f5b2ac;
}

.entry-header .entry-title {　　/* ココです!! */
	font-size: 20px;
	font-size: 1.428571429rem;
	color: #fa5555;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.6);
	line-height: 1.2;
	font-weight: normal;
}

/*タグクラウド*/
.tagcloud a {
	font-size: 11px !important; /* 文字のサイズ */
	line-height: 1em;
	background: #87ceeb; /* 背景色 */
	color: #191970; /* 文字色 */
	display: inline-block;
	white-space: nowrap;
	padding: 7px 7px; /* 文字周りの余白 */
	margin-top: 3px; /* タグ同士の余白 */
	border-radius: 4px; /* 角を少し丸く */
	text-decoration: none;
}
.tagcloud a:hover {
 	background: #f9d635; /* マウスホバー時の背景色 */
	color: #278a71; /* マウスホバー時の文字色*/
}

.tagcloud a:before {
        font-family: "FontAwesome";
        content: "\f02b";
	padding-right: 4px;
}


#new-entries ul li,
#popular-entries ul li {
  font-size: 14px;

/************************************
** ブログカードのスタイル
************************************/
.blog-card{
  margin:20px 0;
  max-width:100%;
  width:500px;
  position:relative;
  clear:both;
  min-height:155px;
  min-width: 300px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  zoom: 1;
}

.internal-blog-card{
  padding:12px 12px 0;
  border:1px solid #FFAD90;
  word-wrap:break-word;
  border-radius:5px;
  background-color: #FFFFEE;
}

.external-blog-card{
  border: 0;
  background-color: transparent;
  overflow: hidden;
}

.blog-card img{
  border:0;
}

.blog-card-thumbnail{
  float:left;
}

img.blog-card-thumb-image{
  width: 100px;
  height: 100px;
}

.blog-card-content{
  margin-left:110px;
  line-height:120%;
}
.blog-card-title{
  margin-bottom:5px;
}

.blog-card-title a{
  font-weight:bold;
  text-decoration:none;
  color:#111;
}

.blog-card-excerpt{
  color:#333;
  font-size:90%;
}

.blog-card-footer{
  font-size: 0.7em;
  color:#777;
  clear:both;
  margin-top: 3px;
}

.blog-card-site{
  float: left;
  margin-right: 7px;
  margin-top: 1px;
}

.blog-card-hatebu{
  float: left;
  margin-right: 7px;
}

.blog-card-date{
  float: right;
  margin-top: -1px;
}

.blog-card-site a{
  color:#777;
  text-decoration:none;
  position:relative;
  top:-3px;
}

.blog-card-favicon{
  margin-right:3px;
}

.blog-card-favicon-img{
  width:16px;
  height:16px;
}

/* IE10以降 */
/*@media all and (-ms-high-contrast:none){
  .blog-card-favicon {
    display:none;
  }
}*/

.clear{
  clear:both;
}

@media screen and (max-width:524px){
  .blog-card{width:auto;}
}

/*---------------------------------
パンクズ
--------------------------------*/
/*#breadcrumb span.sp {
	display:none;
}
#breadcrumb div[itemtype="http://data-vocabulary.org/Breadcrumb"] {
  background: #F7F7F7;
  padding: 4px;
  position:relative;
  margin-right:20px;
}
 
#breadcrumb div[itemtype="http://data-vocabulary.org/Breadcrumb"] a:after,
#breadcrumb div[itemtype="http://data-vocabulary.org/Breadcrumb"] a:before
{
  content:'';
  position:absolute;
  top: 0;
  bottom: 0;
  width: 1em;
  background: #F7F7F7;
  transform: skew(-10deg);
}
 
 
#breadcrumb div[itemtype="http://data-vocabulary.org/Breadcrumb"] a:before{
  left: -.6em;
  border-radius: 5px 0 0 5px;
}
#breadcrumb div[itemtype="http://data-vocabulary.org/Breadcrumb"] a:after{
  right: -.6em;
  border-radius: 0 5px 5px 0;
}*/