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

詳しくは上のヘルプアイコンをクリックしてください。
*/

/* マーカー用CSS */
.marker{
    background: linear-gradient(to bottom, transparent 50%,#9ddcfc 65%);
}

.post-bottom {
margin-top: 14px !important;
margin-bottom: 2px !important;
}

/* ----------------------------------------------------------------------
 Cardlink style - カードリンクのスタイル
---------------------------------------------------------------------- */
.cardlink { padding:12px 12px 12px 12px; margin:10px 0; border:1px solid #ddd; word-wrap:break-word; max-width:100%; background:#fafafa; }
.cardlink_thumbnail { float:left; margin-right:20px; }
.cardlink_content { line-height:160%; margin-top:3px; }
.cardlink .timestamp { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:0; font-size:14px; font-weight:bold; vertical-align:baseline; }
.cardlink_title { font-size:14px; margin-bottom:5px; }
.cardlink_title a { font-weight:bold; color:#000; text-decoration:none; }
.cardlink_title a:hover { text-decoration:underline; }
.cardlink_excerpt { color:#333; font-size:12px; }
.cardlink_footer { clear:both; }
.clear { clear:both; }
@media screen and (max-width: 767px) {
  .cardlink_thumbnail { float:none; }
}
@media screen and (max-width: 479px) {
  .cardlink_excerpt { float:none; }
}


/* ----------------------------------------------------------------------
headline - 関連記事一覧のスタイル
---------------------------------------------------------------------- */
.side_headline2 span { display:inline-block; padding:8px 40px; background:#000; color:#fff; }
.side_headline2 { border-bottom:4px solid #000; margin:0 0 15px 0; padding-top:15px; line-height:200%; font-size:13px; font-weight:bold; }

/* リンク装飾－囲み */

.emphasize-link {
  position: relative;
  margin: 36px 0 16px;
  padding: 16px 10px;
  border: 2px solid #096e99;
  background-color: #f7f7f7;
}
.emphasize-link p:last-child {
  margin-bottom: 0;
}
.emphasize-link::before {
  position: absolute;
  top: -12px;
  left: 10px;
  padding: 0 10px 0 10px;
  content: "Check!!";
  background-color: #096e99;
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}

/*
	Jetpack から移行された CSS
*/

/*
カスタム CSS 機能へようこそ。

使い方についてはこちらをご覧ください
(英語ドキュメンテーション)。http://wp.me/PEmnE-Bt
*/
/* カエレバ用CSSサンプル */
.kaerebalink-box,
.booklink-box,
.pochireba {
	background: #f9f9f9;
	margin: 1em 0;
	padding: 1em;
	min-height: 160px;
	border: 5px #eee solid;
	border-radius: .5em;
	-webkit-box-shadow: 0 0 25px #f1f1f1 inset;
	-moz-box-shadow: 0 0 25px #ddd inset;
	-o-box-shadow: 0 0 25px #f1f1f1 inset;
	box-shadow: 0 0 25px #f1f1f1 inset;
}

.kaerebalink-image,
.booklink-image,
.pochireba img {
	width: 30%;
	float: left;
	margin: 0 1em 0 0;
	text-align: center;
}

.kaerebalink-name a,
.booklink-name a,
.pochi_name a {
	font-weight: bold;
	font-size: 1.2em;
}

.pochi_name a {
	margin-bottom: .8em;
	display: block;
}

.kaerebalink-powered-date,
.kaerebalink-detail,
.booklink-powered-date,
.booklink-detail,
.pochi_seller,
.pochi_time,
.pochi_post {
	font-size: .6em;
}

.kaerebalink-link1,
.booklink-link2 {
	margin-top: .5em;
}

.kaerebalink-link1 div,
.booklink-link2 div {
	display: inline-block !important;
	font-size: .8em !important;
	margin-right: .2em !important;
}

.kaerebalink-link1 div a,
.booklink-link2 div a {
	display: block;
	width: 10em;
	text-align: center;
	font-size: 1.3em;
	background: #888;
	color: #fff;
	border-bottom: 5px #777 solid;
	border-radius: .3em;
	padding: .2em .7em;
	text-decoration: none;
	margin: 0 .2em .7em 0;
	line-height: 1.8;
}

.kaerebalink-link1 div a:hover,
.booklink-link2 div a:hover {
	border-bottom-width: 3px;
	color: #fff;
	text-decoration: none;
	position: relative;
	bottom: -2px;
	opacity: .6;
	filter: alpha(opacity=60);
}

.booklink-link2 .shoplinkamazon a,
.booklink-link2 .shoplinkkindle a,
.kaerebalink-link1 .shoplinkamazon a {
	background: #E47911;
	border-bottom-color: #C26A15;
}

.booklink-link2 .shoplinkrakuten a,
.kaerebalink-link1 .shoplinkrakuten a {
	background: #bf0000;
	border-bottom-color: #800000;
}

.booklink-link2 .shoplinkyahoo a,
.kaerebalink-link1 .shoplinkyahoo a {
	background: #7B6696;
	border-bottom-color: #3B3049;
}

.kaerebalink-link1 div a img {
	margin: 0;
}

.pochireba-footer,.booklink-footer {
	clear: left;
}

@media screen and (max-width: 640px) {
	.kaerebalink-box,.booklink-box,.pochireba {
		min-height: 100px;
	}
}

.t_over {
	display: block;
	overflow: scroll;
}