@charset "utf-8";

/*
Theme Name: Material
Theme URI:http://creatorclip.info/
Description:Material Design
Author:とくめい
Version:4.0
*/

/* アイコン */
i {
	display:inline-block;
	vertical-align:middle;	
}

blockquote:before,
blockquote:after,
ul.btnList li a:before,
cite:before,
ul.list li:before,
cite:before,
#pager li.prev a:before,
#pager li.next a:before,
#drawer .widget_categories h2:before,
#drawer .widget_archive h2:before,
#drawer #tag_cloud-2 h2:before,
#wpp-3 h2:before,
#drawer .widget_categories ul li a:before,
#drawer .widget_archive ul li a:before,
.shoplinkrakuten a:before,
.postText #relatedPost dl:before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	vertical-align:middle;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* リストアイコン */
ul.list li:before {
	content:"\f0da";
	margin-left:1em;
	color:#ffc045;
	font-size:1em;
	vertical-align:middle;
}

/* 引用アイコン */
blockquote:before,
blockquote:after {
	position:absolute;
	font-size:2em;
	color:#ddd;
}
blockquote:before {
	content: "\f10e";
	top:0.5em;
	right:0.5em;
}
blockquote:after {
	content: "\f10d";
	bottom:0.25em;
	left:0.4em;
	font-size:2em;
}

/* 引用元アイコン */
.single #main article cite:before {
	content:"\f0c6";
	margin-right:0.25em;
	color:#ddd;
	font-size:1.2em;
}

/* ページャー */
.single #main #pager li.prev a:before {
	position:absolute;
	top:50%;
	left:1em;
	content:"\f104";
	margin-top:-9px;
	color:#ffc045;
	font-size:150%;
}
.single #main #pager li.next a:before {
	position:absolute;
	top:50%;
	right:1em;
	content:"\f105";
	margin-top:-9px;
	color:#ffc045;
	font-size:150%;
}


/* 月別・カテゴリのリスト */
#drawer .widget_categories h2:before,
#drawer .widget_archive h2:before,
#drawer #tag_cloud-2 h2:before,
#wpp-3 h2:before {
	margin-right:0.5em;
}

#drawer .widget_categories h2:before {
	content:"\f07b";
}
#drawer .widget_archive h2:before{
	content:"\f073";
}

#drawer .widget_categories ul li a:before,
#drawer .widget_archive ul li a:before,
.postText #relatedPost dl:before {
	content: "\f105";
	position:absolute;
	top:50%;
	right:0.5em;
	margin:-12px 0 0 -2px;
	color:#ddd;
	font-size: 1.7em;
}
#drawer .widget_categories ul li a:hover:before,
#drawer .widget_archive ul li a:hover:before,
.postText #relatedPost dl:hover:before {
	color:#FFC107;
}
.postText #relatedPost dl:before {
	right:-10%;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	transition:0.3s;
}
.postText #relatedPost dl:hover:before {
	right:0.5em;
}

/* タグクラウド */
#drawer #tag_cloud-2 h2:before {
	content:"\f02c";
}

/* 人気記事 */
#wpp-3 h2:before {
	content:"\f091";
}
#wpp-3 dl:before {
	color:#f39c12;
}

/* 別窓リンク
.single #main article a[target="_blank"]:after {
	content: "\f08e";
	margin-left:0.25em;
	font-size: 0.9em;	
} */

/* デモアイコン */
ul.btnList li a:before {
	margin-right:1em;
	font-size:130%;
}
ul.btnList li:first-child a:before {
	content:"\f144";
}
ul.btnList li:first-child + li a:before {
	content:"\f019";
}

/* icomoon */
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-nzrnqh');
	src:url('fonts/icomoon.eot?#iefix-nzrnqh') format('embedded-opentype'),
		url('fonts/icomoon.woff?-nzrnqh') format('woff'),
		url('fonts/icomoon.ttf?-nzrnqh') format('truetype'),
		url('fonts/icomoon.svg?-nzrnqh#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"],
.shoplinkamazon a:before {
	display:inline-block;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align:middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* ブランドカラー 
.fa-twitter {
	color:#55acee;
}
.fa-facebook {
	padding-left:3px;
	color:#315096;
}
.fa-google-plus {
	color:#dd4b39;
}
.fa-rss {
	color:#ff8c00;
}
.icon-feedly {
	color:#6cc655;
}
.icon-hatebu {
	color:#008fde;
}
.icon-line {
	color:#00c300;
}
.icon-pocket {
	color:#ee4056;
}
.icon-evernote {
	color:#79bd28;
}
*/

/* アイコン */
.icon-feedly:before {
	content: "\e600";
}
.icon-hatebu:before {
	content: "\e601";
}
.icon-line:before {
	content: "\e602";
}
.icon-pocket:before {
	content: "\e603";
}
.icon-amazon:before,
.shoplinkamazon a:before {
	content: "\21";
}
.icon-chrome:before {
	content: "\22";
}
.icon-safari:before {
	content: "\23";
}
.icon-firefox:before {
	content: "\26";
}
.icon-home:before {
	content: "\2b";
	font-size:120%;
}
.icon-ie:before {
	content: "\2c";
}
.icon-quote:before {
	content: "\30";
}
.icon-evernote:before {
	content: "\65";
}
.shoplinkrakuten a:before {
	content: "\f07a";
}