/*
  Name: 子テーマスキン キャンプ
  Priority: 0
  
  ※このスキンテンプレートは親テーマのもと同じです。子テーマでスキンを利用する場合は、子テーマ内のskinsフォルダに入れてください。
  Name:は必ず「スキン名」を記入する必要があります。記入してないと、テーマカスタマイザーに表示されません。
  
  Priority:は、テーマカスタマイザーに表示する優先度です。順番がどうでもいい場合は記入する必要がありません。
  
  ※スキンでのカスタマイズについては以下のページを参照してください。
  
  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設定で使用するスタイルだと、テーマカスタマイザーで変更したものが
  最も優先して適用されます。
*/

/*以下にスタイルシートを記入してください*/

/************************************
** 見出し（H1-6）
************************************/
/*タイトル*/
.article h1 {
  margin-top:30px;
  margin-bottom:20px;
  font-size: 30px;
  line-height:117%;
  color:#f96300;
}

/*見出し 吹き出し*/
.article h2{
  position: relative;
  margin: 40px -5px 1.5em;
  padding: 15px;
  background: #6a9b00;
  color: #fff;
  font-size:25px;
  font-weight: bold;
  border-radius: 5px;
  border-color: transparent;
}
.article h2:after{
  position: absolute;
  bottom: -15px;
  left: 10%;
  z-index: 90;
  margin-left: -15px;
  border-top: 15px solid #6a9b00;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 0;
  content: "";
}

/*小見出し*/
.article h3{
  font-size:22px;
  border-bottom:none;
  border-top:7px solid #b7d675;
  border-radius: 0.2em;
  margin: 0px;
  padding:10px 10px;
  background: #f4fce3;
}


/*小見出し*/
.article h4{
  border-left:7px solid #b7d675;
  border-bottom:none;
  border-radius: 0.2em;
  margin: 0px;
  padding:7px 7px;
  background: #f4fce3;
}

/************************************
** インフォメーション BOX
************************************/
.information, .question, .alert {
    padding: 20px !important;
    margin-left: 50px;
}

.information::before,
.question::before{
  font-size: 35px !important;
  color: #6a9b00 !important;
  left: -40px !important;
}
.alert::before{
  font-size: 35px !important;
  left: -40px !important;
}

/************************************
** 作成日、更新日の帯
************************************/
.post-meta {
    background-color: #f4fce3;
}

/************************************
** ブログカード
************************************/
.internal-blog-card, .external-blog-card {
    border: 1px solid #1da56a;
}
.blog-card-title a {
    color: #1da56a;
}

/************************************
** テーブル 
************************************/
.article th {
    background-color: #f4fce3;
}

/************************************
** サイドバー 
************************************/
#sidebar h3 {
  margin-bottom: 10px;
  padding: 10px;
  font-size: 20px;
  background: #6a9b00;
  color: #fff;
  border-radius: 5px;
  border-color: transparent;
}

/************************************
** カテゴリー説明文
************************************/
.category-description {
    background-color: #fff;
    border: 2px solid #b7d675;
}
/************************************
** サブ見出し(独自追加)
************************************/
.sub_title {
    font-size: 18px;
    color: #6e9e0b;
    font-weight: bold;
    margin-top: 30px;
}

/************************************
  「次のページを読む」のカスタマイズ
*************************************/
.next-page-link {
  width:100%;
  margin: 30px 0 10px 0;
  text-align:center;
  border-radius:5px;
  background: #6A9B00;
  font-size: 18px;
  padding:5px;
}
.next-page-link a {
  display:block;
  margin:5px 0;
  color: #fff;
  text-decoration:none;
  font-weight: bold;
}
.next-page-link:hover {
  background: #F96300;
}

.next-page-link a:hover {
  color: #fff!important;
}

/* 次ページとページ表示の間が開きすぎるため追加*/
.page-link {
    margin: 20px 20px 50px 20px;
}

/*既存ページリンクの色変更*/
.page-link span{
    background: #6A9B00;
    color: #fff;
    font-weight: bold;
    border: 1px solid #6A9B00;
}

.page-link a span{
    color: #6A9B00;
}

.page-link a span:hover{
    background: #F96300;
    color: #fff;
    font-weight: bold;
    border: 1px solid #F96300;
}

/* 本文とページ送りの間が開きすぎるため追加*/
.entry-content {
    margin-bottom: 20px;
}