/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/
/*--------------------------------------
  ヨメレバ・カエレバ　１
--------------------------------------*/
.booklink-box, .kaerebalink-box {
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 1px 1px 3px 1px #ddd;
	padding: 10px 15px;
}

.booklink-image, .kaerebalink-image {
	margin: 0 0 15px;
}

.booklink-image img, .kaerebalink-image img {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.booklink-info, .kaerebalink-info {
	text-align: center;
	line-height: 120%;
	overflow: hidden;
}

.booklink-name, .kaerebalink-name {
	font-size: 16px;
	margin-bottom: 14px;
	line-height: 1.2em;
}

.booklink-powered-date, .kaerebalink-powered-date {
	font-size: 8pt;
	line-height: 120%;
}

.booklink-powered-detail, .kaerebalink-detail {
	margin-bottom: 15px;
}

.booklink-link2, .kaerebalink-link1 {
	margin-top: 20px;
}

.shoplinkamazon, .shoplinkrakuten, .shoplinkrakukobo, .shoplinkkindle, .shoplinkyahoo, .shoplinkseven,.shoplinkbk1,.shoplinkkino,.shoplinkkakakucom,.shoplinkbellemaison,.shoplinkcecile,.shoplinkehon {
	width: 90%;
	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;
	margin: 0 auto 5px;
	padding: 10px 0;
	text-align: center;
}

.shoplinkamazon:hover, .shoplinkrakuten:hover, .shoplinkrakukobo:hover, .shoplinkkindle:hover, .shoplinkyahoo:hover, .shoplinkseven:hover, .shoplinkbk1:hover, .shoplinkkino:hover, .shoplinkkakakucom:hover, .shoplinkbellemaison:hover, .shoplinkcecile:hover,.shoplinkehon:hover {
	background: linear-gradient(to bottom,#f6f6f6 5%,#ffffff 100%);
	background-color: #f6f6f6;
}

.shoplinkamazon:active, .shoplinkrakuten:active, .shoplinkrakukobo:active, .shoplinkkindle:active, .shoplinkyahoo:active, .shoplinkseven:active, .shoplinkbk1:active, .shoplinkkino:active, .shoplinkkakakucom:active, .shoplinkbellemaison:active, .shoplinkcecile:active,.shoplinkehon:active {
	position: relative;
	top: 1px;
}

.shoplinkamazon a, .shoplinkrakuten a, .shoplinkrakukobo a, .shoplinkyahoo a, .shoplinkkindle a, .shoplinkseven a, .shoplinkbk1 a, .shoplinkkino a, .shoplinkkakakucom a, .shoplinkbellemaison a, .shoplinkcecile a,.shoplinkehon 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;
}

.shoplinkrakukobo a {
	color: #c20004;
}

.shoplinkkindle a {
	color: #007dcd;
}

.shoplinkyahoo a {
	color: #7b0099;
}

.shoplinkseven a {
	color: #32CD32;
}

.shoplinkkino a {
	color: #827448;
}

.shoplinkkakakucom a {
	color: #1B1C80;
}

.shoplinkbellemaison a {
	color: #8FC31F;
}

.shoplinkcecile a {
	color: #920783;
}

.shoplinkehon a {
	color: #000030;
}

.booklink-footer {
	clear: left;
}

/*--------------------------------------
 ヨメレバ・カエレバ　２
--------------------------------------*/
.booklink-box, .kaerebalink-box {
	width: 80%;
	margin: 20px auto;
	padding: 20px;
}

.booklink-image, .kaerebalink-image {
	margin: 0 15px 0 0;
	float: left;
}

.booklink-info, .kaerebalink-info {
	margin: 0;
	text-align: left;
}

.booklink-name, .kaerebalink-name {
	margin-bottom: 24px;
	line-height: 1.5;
}

.booklink-link2, .kaerebalink-link1 {
	margin-top: 10px;
}

.shoplinkamazon, .shoplinkrakuten, .shoplinkrakukobo, .shoplinkkindle, .shoplinkyahoo, .shoplinkseven,.shoplinkbk1,.shoplinkkino,.shoplinkkakakucom,.shoplinkbellemaison,.shoplinkcecile,.shoplinkehon {
	float: left;
	width: 30%;
	margin: 15px 1% 0 auto;
	padding: 10px 0;
}

.shoplinkyahoo a {
	font-size: 10px;
}

/*--------------------------------------
  ヨメレバ・カエレバ　３
--------------------------------------*/
@media only screen and (max-width: 480px) {
	.booklink-box, .kaerebalink-box {
		border: 1px solid #ccc;
		border-radius: 4px;
		box-shadow: 1px 1px 3px 1px #ddd;
		padding: 10px 15px;
	}
	
	.booklink-image, .kaerebalink-image {
		margin: 0 0 10px;
		float: none;
	}
	
	.booklink-image img, .kaerebalink-image img {
		margin: 0 auto;
	}
	
	.booklink-info, .kaerebalink-info {
		font-size: 12px;
		margin: 0;
	}
	
	.booklink-name, .kaerebalink-name {
		font-size: 15px;
		margin-top: 2px;
	}
	
	.booklink-detail, .kaerebalink-detail {
		margin-top: 5px;
	}
	
	.booklink-powered-date, .kaerebalink-powered-date {
		font-size: 11px;
		margin-top: 5px;
	}
	
	.booklink-link2, .kaerebalink-link1 {
		font-size: 14px;
	}
	
	.shoplinkamazon, .shoplinkrakuten, .shoplinkrakukobo, .shoplinkkindle, .shoplinkyahoo, .shoplinkseven,.shoplinkbk1,.shoplinkkino,.shoplinkkakakucom,.shoplinkbellemaison,.shoplinkcecile,.shoplinkehon {
		float: none;
		width: 96%;
		margin: 5px 0;
		padding: 10px 0;
	}
}
#main .entry {
    border-bottom: 1px dotted #333333;
    padding-bottom: 15px;
}

2
3
4
#main .related-entry {
    border-bottom: 1px dotted #333333;
    padding-bottom: 15px;
}
.entry-read a{
 color:#fff;
 font-size:14px;
 background-color:#FF837B;
 border:1px solid #FF837B;
 border-radius:2px;
 padding:3px 10px 3px 5px;
 text-decoration:none;
 }
 
.entry-read a:hover{
 color:#fff;
 background-color:#FFC3BF;
 border:1px solid #FFC3BF;
}
.entry-read {
  text-align: right;
  margin-right: 10px; /* ここはお好みで */
}
#sidebar h3 {
  font-size:20px;
  border-bottom:5px solid #FF837B;
  padding:10px 0;
}
/* 記事を読むボタンの装飾 */
#breadcrumb span.sp {
    display:none;
}
 
#breadcrumb div[itemtype="http://data-vocabulary.org/Breadcrumb"] {
  background:#f5f5f5;
  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: #F3F3F3;
  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;
}
 
#breadcrumb a {
    color: #4D4D4D;
    font-weight:700;
}
 
#breadcrumb {
    color: #4D4D4D;
}
/* 人気記事ランキングの順位をカスタマイズ　*/
.widget_popular_ranking ul li:before, .widget_new_popular ul li:before {
  background: none repeat scroll 0 0 #FFF !important;
  color:#000 !important;
  top: -3px !important;
  border-radius: 50px !important;
  border:solid 2px #000 !important;
}
#new-entries ul li img, #popular-entries ul li img {
  margin: 3px 5px 10px 3px;
}
/* mainとsidebarの枠線を消す */
#main,#sidebar{
 border:none !important;
}
/* サイドバーの見出し背景を修正 */
#sidebar h4{
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  border-radius: 5px;
  background: #f3f3f3;
  font-weight: bold;
  color: #4D4D4D;
}
/* サイドバーカテゴリーを修正 */
.widget_categories h3:before{
 margin-right:5px;
 font-family:"FontAwesome";
 content:"\f115";
}

/* サイドバー人気記事ランキングを修正 */
#popular-entries h3:before{
 margin-right:5px;
 font-family:"FontAwesome";
 content:"\f219";
}

/* サイドバー新着記事ランキングを修正 */
#new-entries h3:before{
 margin-right:5px;
 font-family:"FontAwesome";
 content:"\f0ca";
}
/* 見出しを変更 */

.article h1 {
 font-weight: 800;
 font-size: 1.8rem;
 line-height: 1.3;
}

.article h2 {
 font-size: 22px;
 line-height: 28px;
 padding: 15px 10px 12px 20px;
 background: #10ABA6;
 color: #FFF;
 margin: 25px 0;
 font-weight: 550;
 position: relative;
 border:none;
}
.article h2:before{
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 border-width: 0px 0px 16px 16px;
 border-style: solid;
 border-color: #FFF #7BC8BC #7BC8BC #FFF;
 background: #7BC8BC;
 display: block;
 width: 0;
}

.entry h2 a{
 font-weight: 700;
 font-size: 1.2rem;
 line-height: 1.4;
}

.article h3{
 font-size: 1.3rem;
 font-weight: 600;
 line-height: 1.3;
 padding: 5px 15px;
 border-left: 6px solid #10ABA6;
 border-bottom: none !important;
 color: #000;
 margin:35px 0px 30px;
}

.article h4{
 font-size: 1.1rem;
 font-weight: 600;
 line-height: 1.3;
 padding: 5px 15px;
 border-bottom: none !important;
 border-left: 2px solid #10ABA6;
 color: #000;
 margin:35px 5px 20px;
}
/* サムネイル画像にエフェクト */
.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);
}
.tagcloud a {
	font-size: 14px !important; /* 文字のサイズ */
	line-height: 1em;
	background:#00bfff; /* 背景色 */
	color: #fff; /* 文字色 */
	display: inline-block;
	white-space: nowrap;
	padding: 8px 8px; /* 文字周りの余白 */
	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;
}
.marker-P-red {
background: linear-gradient(transparent 60%, #ffcccc 0%);
}
.marker-P-pink {
background: linear-gradient(transparent 60%, #ffd6ff 0%);
}
.marker-P-orange {
background: linear-gradient(transparent 60%, #ffddbc 0%);
}
.marker-P-Purple {
background: linear-gradient(transparent 60%, #ead6ff 0%);
}
.marker-P-blue {
background: linear-gradient(transparent 60%, #ccffff 0%);
}
.marker-P-green {
background: linear-gradient(transparent 60%, #ccffcc 0%);
}