/*
  Name: ストライプ
  Priority: 1000
  
  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設定で使用するスタイルだと、テーマカスタマイザーで変更したものが
  最も優先して適用されます。
*/

/*以下にスタイルシートを記入してください*/
*/
/************************************
** 基本設定（General Setting）
************************************/
body {
  background: #f0e9e2 url("images/image_stripe.png") 0 0 repeat;
}

/************************************
** 見出し（H1-6）
************************************/
.article h2 {
  margin: 40px -10px 20px -29px;
  padding: 25px 30px;
  border-left: 6px solid #3fb5ff;
  background-color: #bfe9ee;
  font-size: 26px;
}

.article h3, #comment-area h3, #related-entries h3 {
  padding: 10px 0;
  border-bottom: 5px solid #76b1d5;
  font-size: 23px;
}

.article h4 {
  border-bottom: 5px dotted #aeedfa;
}

/************************************
** アンカー
************************************/
a {
  color: #f56993;
}
a:hover {
  color: #f7acaf;
}

.related-entry-read a {
  padding: 2px 10px;
  color: #111;
  background-color: #f0e9e2;
  font-size: 0.8em;
  text-decoration: none;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.related-entry-read a:hover {
  color: #fff;
  background-color: #f56993;
}

.entry-read {
  margin-bottom: 10px;
}
.entry-read a.entry-read-link {
  padding: 1px 10px !important;
  color: #fff;
  background-color: #f56993;
  font-size: 0.8em;
  text-decoration: none;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.entry-read a.entry-read-link:hover {
  background-color: #f7acaf;
}

/************************************
** その他（Other）
************************************/
.category-description {
  border: 2px solid #76b1d5;
  background-color: #f7f7f7;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
}

/************************************
** ヘッダー(header)
************************************/
#header, #header-in {
  background-color: #3fb5ff;
}

#site-title a, #site-description {
  color: #fff;
}

/************************************
** メニュー（menu）
************************************/
#navi {
  padding: 8px 0 12px 0;
  background: linear-gradient(-135deg, #cef2f3 4px, rgba(0, 0, 0, 0) 0%) 0 4px, linear-gradient(135deg, #cef2f3 4px, #cef2f3 0%) 0 4px;
  background-color: #cef2f3;
  background-repeat: repeat-x !important;
  background-position: left bottom !important;
  background-size: 8px 8px;
}

@media screen and (max-width: 740px) {
  #navi {
    padding: 0;
  }

  #navi-in {
    padding: 8px 0 12px 0;
    background: linear-gradient(-135deg, #cef2f3 4px, rgba(0, 0, 0, 0) 0%) 0 4px, linear-gradient(135deg, #cef2f3 4px, #cef2f3 0%) 0 4px;
    background-color: #cef2f3;
    background-repeat: repeat-x !important;
    background-position: left bottom !important;
    background-size: 8px 8px;
  }
}
#navi ul {
  border: none;
  background-color: #cef2f3;
}

#navi .menu {
  border-radius: 0;
}

#navi ul li a {
  margin: 0 8px;
  color: #3fb5ff;
}

#navi .menu > li > a {
  padding: 0.5em 0.7em;
}

#navi ul li a:hover {
  color: #f56993;
  background-color: #fff;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

#navi ul.sub-menu, #navi ul.children {
  border: none;
  padding-bottom: 8px;
}

/************************************
** サーチフォーム（Search Form）
************************************/
#s {
  border-color: #aaa;
  background-color: #fff;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}

/************************************
** メインカラム（#main、記事、固定ページなど）
************************************/
.post-meta {
  background-color: #bfe9ee;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

/************************************
** index.phpのリスト
************************************/
#main .entry {
  overflow: visible;
}

.entry-thumb img, .related-entry-thumb img, #new-entries ul li img, #popular-entries ul li img, #prev-next img, #new-entries .new-entrys-large .new-entry img {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/************************************
** 前の記事へ、次の記事へ
************************************/
.navigation a i {
  color: #cef2f3;
}

.navigation a:hover {
  background: #bfe9ee;
}
.navigation a:hover i {
  color: #f56993;
}

/************************************
** ページャー、ページナビゲーション
************************************/
a.page-numbers, .pager .current {
  margin: 0 1px;
  padding: 2px 8px;
  border: solid 1px #cef2f3;
  border-radius: 5px;
  background-color: #cef2f3;
}

.pager .current {
  border: solid 1px #cef2f3;
  color: #000;
  background-color: #cef2f3;
}

.pager a {
  color: #000;
  background: #fff;
  text-decoration: none;
}

.pager a:hover {
  border: solid 1px #cef2f3;
  color: #fff;
  background-color: #f56993;
}

/************************************
//** サイドバー（Sidebar）・ウィジェットなど
//************************************/
#sidebar {
  padding: 0 8px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  background-color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

#sidebar h3 {
  margin: 20px 0 10px 0;
  padding: 5px 0 5px 8px;
  color: #fff;
  background-color: #3fb5ff;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

/************************************
** フッター(footer)
************************************/
#footer {
  padding: 0;
  background: #3fb5ff;
}

#footer-in {
  padding: 5px 0;
  background-color: #3fb5ff;
}

/************************************
** TOPへ戻るボタン（Go to top）
************************************/
#page-top a, #mobile-menu a {
  color: #3fb5ff;
  background-color: #cef2f3;
}

#page-top a:hover, #mobile-menu a:hover {
  border: none;
  color: #fff;
  background-color: #f56993;
}

/************************************
** SNSシェアボタン
************************************/
/*SNSボタン*/
ul.snsp li a {
  color: #f56993;
}