/* ヘッダのバックグラウンドカラー */
#header {
	background-color: #000;
}

/* 固定ページの日付を非表示に */
.type-page .post-meta {
	display: none;
}

/* 固定ページのカテゴリ表示調整 */
#categories-2 {
	border: solid 1px  #D70026;
	border-radius: 10px;
	margin: 2em 2em 0 2em;
	padding: 1em 0 1em 2em;
}
#categories-2 .main-widget-label{
	font-size: 18px;
	font-weight: bold;
}

/* ヘッダエリアの調整 */
#h-top {
	height: 60px;
	min-height: 60px;
}

/* ブログ(カテゴリ)タイトルの調整 */
#site-title {
	margin-top: 0;
	margin-bottom: 0;
}
#site-title a {
	font-size: 18px;
	font-weight: bold;
	color: #cc0000;
}

/* ブログ(カテゴリ)説明の調整 */
#site-description {
	font-size: 12px;
	color: #fff;
	margin-bottom: 0px;
}

/* カテゴリ一覧のタイトル・説明を非表示に */
.category #archive-title {
	display: none;
}
.category .category-description {
	display: none;
}

/* ブレッドクラムのホーム部分を書換え 
#breadcrumb .breadcrumb-home {
	display: none;
}
#breadcrumb .fa-folder {
	font-size: 0;
}
#breadcrumb .fa-folder:before {
	font-size: 16px;
	content: "\f015";
	font-family: FontAwesome;
}
#breadcrumb a span {
	font-size: 0;
}
#breadcrumb a span:after {
	content: "home";
	font-size: 12px;
	margin-left: 20px;
}
*/

/* 記事エリアの調整 */
#main .post {
	margin-bottom: 20px;
}

/* 記事タイトルの調整 */
h1.entry-title {
	font-size: 22px;
}

/* 記事投稿日付の調整 */
.entry-date {
	font-size: 12px;
}

/* 記事本文エリアの調整 */
.entry-content{
  margin-bottom: 40px;
}

/* 記事H2タイトルの調整 */
.article h2 {
	font-size: 20px;
}

/* 記事H3タイトルの調整 */
.article h3 {
	font-size: 18px;
}
.article h3:before {
	content: "\f046";
	font-family: FontAwesome;
	font-size: 16px;
	font-weight: bold;
	margin: 0 3px;
}

/* 記事H4タイトルの調整 */
.article h4 {
	font-size: 16px;
}
.article h4:before {
	content: "●";
	font-size: 8px;
	margin: 0 3px;
}

/* 記事H6タイトルの調整 */
#the-content h6 {
    padding: 0.3em 1em;
    border-left: 20px solid #D70026;
    border-bottom: 5px solid #D70026;
}
.article h6 {
    font-size: 20px;
	margin: 20px -29px;
}

/* 文中の背景色付き強調部をマーカー風に */
.article p span strong {
	background-image: linear-gradient(#fff 60%, transparent 40%);
}

/* 「シェアする」を非表示に */
.sns-share-msg {
	display: none;
}

/* 文中の注意書き表示(ランキング用) */
.post p.note {
	font-size: 14px;
}

/* 画像の下余白削除 */
.post img.size-full {
	margin-bottom: 0;
}

/* 引用元 */
.post cite:not(.fn) {
	font-size: 12px;
    color: #99CCFF;
}
.post cite a:not(.url) {
	font-size: 12px;
    color: #99CCFF;
	text-decoration: none;
}

/* 引用 */
.post .quote {
	font-size: 0.9em;
	background-color: #f5f5f5;
	padding: 0.4em 2em;
}
.post .quote p.review:before {
	color: #990000;
	content: "\f05d";
	font-family: FontAwesome;
	margin-right: 0.4em;
}

/* ボックス表示 */
.box {
	font-size: 0.9em;
	border-radius: 10px;
	background-color: #ffff99;
	padding: 0.8em 1.4em;
}
.box p {
	line-height: 1.6em;
	margin: 0;
}
.box p:before {
	font-size: 1em;
	color: #990000;
	content: "\f05d";
	font-family: FontAwesome;
	margin-right: 0.4em;
}

/* 商品説明のボックス化 */
.desc {
	font-size: 0.9em;
	border-radius: 10px;
	background-color: #ffcccc;
	padding: 0.8em 1.4em;
}
.desc p {
	line-height: 1.4em;
	margin: 0;
}
.desc p:before {
	font-size: 1.2em;
	color: #990000;
	content: "\f0a4";
	font-family: FontAwesome;
}

/* アフィリエイトリンクのカード化 */
.post .afibox {
	width: 95%;
	border: solid 1px  #cc9900;
	border-radius: 10px;
	box-shadow:10px 10px 20px -10px #663300;
	margin-bottom: 1em;
	padding: 0.5em 0 0.5em 0.5em;
	overflow: hidden;
}
.post .afibox img {
	float:left;
	margin: 0.5em 0.5em 0.5em 1em !important;
}
.post .afibox p {
	margin: 0.5em 0 0.5em 0.5em;
	font-weight: bold;
	font-size: 14px;
	line-height: 260%;
}
.post .afibox p.ama {
	margin: 2px 2px 10px 2px;
}
.post .afibox p.raku {
	margin: 2px;
}
.post .afibox p a {
	display: inline-block;
	width: 9.8em;
	padding: 0.1em 0 0 0.8em;
	border-radius: 5px;
	text-decoration: none;
	color: #fff;
}
.post .afibox p.ama a {
	background-color: #006699;
}
.post .afibox p.raku a {
	background-color: #ff6666;
}
.post .afibox p.ama:before {
	content: "\f270";
	font-family: FontAwesome;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin: 0 3px;
}
.post .afibox p.raku:before {
	content: "\f25d";
	font-family: FontAwesome;
	font-size: 16px;
	font-weight: bold;
	color: #f00;
	margin: 0 3px;
}

/* amazonランキング用 */
.amazon {
	width: 70%;
	border: solid 1px #996600;
	border-radius: 10px;
	margin: 10px;
	padding: 20px;
}
.amazon .item_title {
	margin: 0;
	padding: 0 0 .2em 1em;
	border-left: 10px solid #996600;
	border-bottom: 1px solid #996600;
}
.amazon .item_title p.rank {
	margin: 0;
	padding: 0;
}
.amazon .item_title h3 {
	font-size: 16px;
	font-weight: bold;
	border: none;
	margin: 0;
	padding: 0;
}
.amazon .item_title h3:before {
	content: none;
}
.amazon img {
	margin: 20px;
	max-height: 180px;
	max-width: 180px;
}
.amazon p {
	font-size: 14px;
	line-height: 1.2em;
}
.amazon p a {
	font-weight: bold;
}
.amazon .a-icon-star{position: relative; display: inline-block; padding-left: 5em; margin-top: 0; margin-bottom: 0;}
.amazon .a-icon-star::before,
.amazon .a-icon-star::after{display: inline-block; line-height: 1em; position: absolute; left: 0; content: '★★★★★';}
.amazon .a-icon-star::before{color: #ccc;}
.amazon .a-icon-star::after{overflow: hidden; color: #fc3; white-space: nowrap;}
.amazon .a-star-0::after{width: 0;}
.amazon .a-star-0-5::after{width: 0.5em;}
.amazon .a-star-1::after{width: 1em;}
.amazon .a-star-1-5::after{width: 1.5em;}
.amazon .a-star-2::after{width: 2em;}
.amazon .a-star-2-5::after{width: 2.5em;}
.amazon .a-star-3::after{width: 3em;}
.amazon .a-star-3-5::after{width: 3.5em;}
.amazon .a-star-4::after{width: 4em;}
.amazon .a-star-4-5::after{width: 4.5em;}
.amazon .a-star-5::after{width: 5em;}
.amazon ul {
	font-size: 14px;
	line-height: 1.2em;
	margin: 0;
}
.amazon ul li ul {
	list-style: none;
}
.amazon ul li ul li:before {
	color: #999;
    font-size: 0.3em;
    font-family: FontAwesome;
    content: "\f061";
	margin-right: 0.4em;
	margin-left: -1.3em;
}
.amazon ul li p {
	margin: 0;
}
.amazon .point {
	position: relative;
	border-top: dotted 1px #D70026;
	background-color: transparent;
	margin-top: 30px;
	margin-bottom: 20px;
}
.amazon .point-in {
	font-size: 14px;
	line-height: 1.6em;
	font-weight: bold;
	padding: 1px 20px 1px 10px;
	margin: 0;
	border-radius: 5px;
	background: #D70026;
	color: #fff;
	position: absolute;
	top: -12px;
	left: 0;
}
.amazon p.point-in:before {
    font-size: 1.2em;
    color: #fff;
    font-family: FontAwesome;
    content: "\f0a4";
	margin: 0.4em;
}
.amazon div {
	margin-top: 20px;
}
.amazon div.point-desc {
	margin-top: 30px;
}

/* 記事下ウィジェットの表示調整 */
.widget-under-article {
	width: 100%;
}

/* ページナビゲーションの表示調整 */
.navigation {
	background-color: #ffcc33;
}
.navigation a {
	color: #3333ff;
}
.navigation a span {
	color: #ff3300;
}

/* 300px広告の中央表示調整 */
.ad-300px {
	max-width: 300px;
	margin: 0 auto;
}

/* グーグルアドセンスの表示調整 */
.ggl-ad {
	max-width: 336px;
	margin: 0 auto;
}

/* スポンサーリンクの表示調整 */
p.ggl-ad-title {
	color: #999999;
	font-size: 0.8em;
	margin-top: 2em;
	margin-bottom: 0.4em;
	text-align: center;
}

/* 関連記事表示調整 */
#related-entries {
	border: solid 1px  #D70026;
	border-radius: 10px;
	margin: 0 2em;
	padding: 0.5em 1em 0 2em;
}

/* 関連記事H2の調整 */
#related-entries h2 {
	font-size: 1em;
}

/* 関連記事タイトルの調整 */
#related-entries h3 {
	font-size: 0.8em;
}

/* 関連記事本文の調整 */
#related-entries p {
	font-size: 0.8em;
	line-height: 150%;
}

/* 新着記事タイトルの調整 */
.new-entry-title {
	font-size: 0.8em;
	font-weight: bold;
	line-height: 120%;
}

/* 外部urlのアイキャッチのサイズを指定*/
#sidebar img.nelioefi {
    max-width: 75px;
    max-height: 75px;
}

/* フッタのクレジットのリンク除去 */
#copyright .credit a {
	pointer-events: none;
}

/* カテゴリごとの設定 */

/* 人気アイテムおすすめランキング */
body.catslug-rank #body {
	background-image: url("https://wpcopy.o-kay.biz/wp-content/themes/img/crown.png");
	background-size: 60px auto;
	overflow: hidden;
}
body.catslug-rank .url {
	display: none;
}
p.rank1:before {
	content:" ";
	display:inline-block;
	width: 2.6em;
	height: 2.2em;
 	background: url("https://wpcopy.o-kay.biz/wp-content/themes/img/rank1.png") no-repeat;
	background-size:contain;
	vertical-align:middle;
	margin-right: 0.4em;
}
p.rank2:before {
	content:" ";
	display:inline-block;
	width: 2.6em;
	height: 2.2em;
 	background: url("https://wpcopy.o-kay.biz/wp-content/themes/img/rank2.png") no-repeat;
	background-size:contain;
	vertical-align:middle;
	margin-right: 0.4em;
}
p.rank3:before {
	content:" ";
	display:inline-block;
	width: 2.6em;
	height: 2.2em;
 	background: url("https://wpcopy.o-kay.biz/wp-content/themes/img/rank3.png") no-repeat;
	background-size:contain;
	vertical-align:middle;
	margin-right: 0.4em;
}

/* 人気アイテムおすすめランキング */

/*media Queries スマートフォンサイズ（600px以下）で適応したいCSS
----------------------------------------------------------------*/
@media only screen and (max-width: 600px) {

	/* 関連記事の調整 */
	#related-entries {
		border: solid 1px  #D70026;
		border-radius: 10px;
		margin: 0 1em;
		padding: 0.5em 1em 0 2em;
	}

	/* 関連記事タイトルの調整 */
	#related-entries h3 {
		line-height: 180%;
	}

	/* 関連記事画像の調整 */
	#related-entries img {
		width: 80px;
		height: 80px;
		margin: 0;
	}

	/* 関連記事本文の非表示 */
	#related-entries p {
		display: none;
	}

	/* グーグルアドセンスの表示調整 */
	.ggl-ad {
		max-width: 300px;
	}

	/* サイドバーのグーグルアドセンスの表示調整 */
	#sidebar-widget .ggl-ad {
		margin-bottom: 2em;
	}

	/*マージンによる幅のズレ修正開始*/
	.article h6 {
		margin-left:0;
		margin-right:0;
	}

	/* カテゴリごとの設定 */

	/* 人気アイテムおすすめランキング */
	body.catslug-rank #h-top {
		background-image: url("https://wpcopy.o-kay.biz/wp-content/themes/simplicity2-child/images/logo.png") !important;
		background-position: center center;
		background-color: #D70026;
	}
	body.catslug-rank #site-title a {
		display: none;
	}
	body.catslug-rank #site-description {
		display: none;
	}

	.amazon {
		width: 80%;
	}
	.amazon p {
		font-size: 16px;
	}
	.amazon ul {
		font-size: 16px;
	}
	.amazon ul li ul li:before {
	    font-size: 1em;
		margin-left: -2.4em;
	}
}