/*
  Name: PF-orange2 オレンジのムース2
  Priority: 613
  Author: kyo_no_iro
  Author URI: http://helloxhat.net/hi/kyo-no-iro/
  Web素材: http://hibana.rgr.jp/  フリー素材*ヒバナ *


★★このスキン使用についてのお願い★★

このスキンは、『フリー素材*ヒバナ*』様よりお借りしている素材で成り立っています。
「サイトへのリンクを貼ること」の条件のみで、素材を再配布できる事はとても有り難い事です。
その為、万が一カスタマイズ等でフッターにあります『フリー素材*ヒバナ*』のurlを削除する場合は、
必ずサイドバー等に新たに、ヒバナ様へのリンクを明示頂けるようお願い致します。


※スキンでのカスタマイズについては以下のページを参照してください。
  
  Simplicityのスキン機能の仕様
  http://wp-simplicity.com/skin/
  
  【スキン機能の概要】
  このカスタマイズ用スキンフォルダー「skin-template」を
  「simplicity/skins」フォルダーにコピーして．新たに名前をつけて使うことによって、
  好きなだけスキンを増やすことができます。
  （アップデート時に上書きしないためにも、コピーして新しく名前をつけての使用を推奨）
  
  子テーマでは、コードもカスタマイズすることができますが、
  スキンではスタイルシート変更することしかできません。
  スキンを利用する利点は、
  ・子テーマを使用せずとも手軽にスタイルだけを変更できる
  ・「simplicity/skins」にあるスキンフォルダをコピペすることによって手軽にスタイルを増やすことができる
  ・他の人が作ったスキンを「simplicity/skins」に放り込めば手軽に再利用することができる
  ・テーマカスタマイザーから手軽に変更する事ができる（子テーマも手軽だけど）
  スキンの難点は
  ・子テーマのようにテンプレートを変更することはできない（スタイルシートのみの変更）
  ・スタイルシートの適用される優先度がややこしい
  などがあります。
  
  スタイルシートが適用される順番は、以下のようになります。
  後から呼び出されているものほど優先度が高いです。
  1.Simplicity（親テーマ）のstyle.css
  2.子テーマのstyle.css
  3.スキンのstyle.css
  4.Simplicity（親テーマ）のmobile.css
  5.子テーマのmobile.css
  6.スキンのmobile.css
  7.テーマカスタマイザーで変更したスタイル
  Simplicity設定で使用するスタイルだと、テーマカスタマイザーで変更したものが
  最も優先して適用されます。
*/
/************************************
** 基本設定（General Setting）
************************************/
@import url('https://fonts.googleapis.com/css?family=Sacramento:400 700');

body {
background-image: url("./images/bg_hibana.png");
background-repeat: repeat;
}
/************************************
** 見出し（H1-6）他
************************************/
h1,h2,h3,h4,h5,h6,#s{
color:#5b4439;
}
.entry h2 {
position: relative;
	border-bottom: 5px dotted #F4A460;
	line-height:1.2;
}
.entry h2 a {
color:#5b4439;
}
.entry h2 a:before {
content: url("./images/orange-hana_3.png");
position: absolute;
top: -20px;
left: -15px;
}

.entry-snippet ,.post-meta ,.entry-content {
color:#5b4439;
}

.entry-read a {
color: #5b4439;
text-decoration: none;
padding:0;
}
.entry-read a:after {
	font-family: FontAwesome;
	content: '\f138';
color: #ceb192;
padding-left:5px;
	}
.article h1 {
position:relative;
padding-left:15px;
}
.article h1:after {
content: url("./images/orange-hana.png");
right:-50px;
top:-80px;
position: absolute;
}
.article h2 {
	position: relative;
	border-bottom: 5px dotted #F4A460;
	line-height:1.0em;
margin:5px;
border-left:none;
}
.article h3 {
	border-bottom: 4px double #F4A460;
}
.article h4 {
		border-bottom: 2px dotted #F4A460;
}
.article h5 {
		border-bottom: 1px solid #F4A460;
width:50%;
}
.pagination a {
color: #5b4439;
}
/************************************
** 引用（blockquote）
************************************/
blockquote {
  background: none repeat scroll 0 0 rgba(245, 245, 245, 0.5);
  }
blockquote:before {
  color: #F4A460;
  }

blockquote:after {
  color: #F4A460;
  }

/************************************
** テーブル（Table）
************************************/
.article th{
  border: solid 1px #F4A460;
  background-color: #f1eae0;
}
.article td{
  border: solid 1px #F4A460;
}
/************************************
** その他（Other）
************************************/
hr {
color: #F4A460;
border:1px solid #F4A460;
}

.page-link span, .comment-page-link span, .comment-page-link a {
    color: #5b4439;
    border: 1px solid #F4A460;
    background: #F4A460;
    }
.page-link a span, .comment-page-link a {
    background: #fff;
    color: #5b4439;
}
#page-top a {
    background-color: #F4A460;}
#mobile-menu a {
    color: #F4A460;}
/************************************
** ヘッダー(header)
************************************/
#header {
margin-top: 20px;
}

#site-title a{
font-family: 'Sacramento', cursive !important;
font-size:25px;
color:#5b4439;
}
#site-description {
color:#827814;
}

/************************************
** グローバルナビメニュー#f5edcd（menu）
************************************/
@media screen and (min-width : 1024px) {

#navi{
    position: relative;
    padding: 0.5rem 1rem;
    background-color: #5b4439;
    box-shadow: 0px 0px 0px 7px #5b4439;
    border-top: 3px dashed #f4a460;
    border-bottom: 3px dashed #f4a460;
}

#navi ul, #navi ul.sub-menu, #navi ul.children {
    background-color: #5b4439;
    }
#navi ul li a {
	font-weight: bold;
	color: #f5edcd;
display: block;
padding: 5px 10px;
}
#navi ul li a:hover{
	font-weight: bold;
	color: #f5edcd;
background-color: #5b4439;
padding-bottom:5px;
}
#navi ul li a:hover:before {
	font-family: FontAwesome;
	font-size:1.0rem;
	content: '\f069';
color:#f4a460;
	}
#navi .sub-menu li,
#navi .children li{
  position: relative;
  border: none;
  float:none;
  height:41px;
}
#navi ul.sub-menu,
#navi ul.children{
border:none;
/*padding-bottom: 1.1rem;*/
line-height: 1rem;
/*overflow:hidden;*/
}
}

/************************************
** サイドバー（Sidebar）・related-entryなど
************************************/
#sidebar h3 {
position: relative;
margin:10px;
border-bottom: dashed 1px #5b4439;
}
#sidebar h3:after{
content:url("./images/orange-hana_2.png");
right: -15px;
bottom: -15px;
position: absolute;
}
.related-entry-title {
    border-bottom: 1px dotted #5b4439;
}
.related-entry-content{
margin-left:120px;
}
.related-entry-title a,.related-entry-snippet{
color:#5b4439;
}
ul.snsp li a span {
        background-color: #F4A460;
    color: #fff;
}
.widget_new_entries ul li img, .widget_new_popular ul li img, .widget_popular_ranking ul li img {
        margin-right: 15px;
}
#sidebar .widget_new_entries ul, #sidebar .widget_new_popular ul, #sidebar .widget_popular_ranking ul,
#sidebar .widget_new_entries ul a, #sidebar .widget_new_popular ul a, #sidebar .widget_popular_ranking ul a
{
display: block;
color: #5b4439;
padding-left:10px;
font-size:15px;
}
/************************************
** フッター(footer)
************************************/
#footer ,#footer a{
color:#fff;
background-color:#f4a460;
}
#footer .credit a:after {
content:"  ×  http://hibana.rgr.jp/ フリー素材*ヒバナ *";
display: inline;
}