@charset "UTF-8";
@import url("../simplicity/style.css");

/*
Theme Name: Simplicity child
Template:   simplicity
Version:    20150717
*/

/* Simplicity子テーマ用のスタイルを書く */
html { font-size: 62.5%; } 
body { font-size: 15px; font-size: 1.5rem; } /* =14px */
h1   { font-size: 24px; font-size: 2.4rem; } /* =24px */


/* サイトタイトル */
#site-title a{
  text-decoration:none;
  color:#222;
  font-size:32px;
  font-weight:600
}
/* サイト説明 */
#site-description{
  color:#777;margin:0;
  padding:10 0;line-height:140%;
  font-size:15px;
  margin-right:20px;
  margin-bottom:10px;
  font-weight:400
}
#body{
  margin-top:5px;
}

/* mainの背景を変更 */
#main {
  background-color: transparent;/* 旧　#eee9c5 */
  padding: 10px 10px;
  border:0px solid #ddd;
  border-right:1px solid #bbb;
  border-radius: 4px;
  margin-bottom: 20px;
}

.content-box{
  float: right;
  margin-top: -0.25em;
  width: 100px;
}

/* 記事 */

/* 記事のフォント */
a {
  color:#203333
}
/* .article .page{
  font-size:16px;
  line-height:170%
} */
/* 記事一覧の間隔を詰める　*/
#main .post{
  margin-bottom: 0px;
}
#main .type-page{
  margin-bottom: 0px;
}

/* 見えない分離線　本文表示タイプの時使用？*/
hr.sep {
  background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  border: 0 none;
  height: 1px;
  position: relative;
  margin-bottom:10px;
}


/* 記事メタ */
.post-meta{
  margin-top:-10px;
  margin-bottom: 0.5em;
  text-align:right;
  background-color:#c6c3b0;
  color:#555;
  font-size:15px;
}
/* 記事メタをタイトルにくっつける */
#main .entry .post-meta{
  margin-top:-10px;
  text-align:right;
  margin-bottom:10px;
}
.post-tag{
  margin-right:10px;
}
/* タグを右寄せ */
.entry-card-content .post-date{
  float:left;
}

/************************************
** index.phpのリスト
************************************/
#main .entry{
  clear:both;
  margin-bottom:0px;
  margin-right:10px;
  border-bottom: 0px solid #ddd; /* 記事間にライン*/
  padding-bottom: 0px;
  overflow:hidden;
}

/* 記事の段落間のスペース 字下げ*/
#main .entry p {
  margin: 0.8em 0em 0.4em;
}
.article .entry-content p {
  margin: 0.8em 0em 0.4em;
  text-indent: 1em; }
.article .entry-content p.nb {
  text-indent: 0em; }



/* 記事一覧の先頭を装飾 */
hr.style-four {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);    
    margin-top: 0px;
}
#list h2 { /* 記事一覧の表題 */
    margin-bottom: 10px;
}
/* 記事一覧の区切り線を装飾 */
hr.style-two {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    margin-top:5px;
}
.entry-snippet{/* 本文の最初の文章 */

    color:#444;
}
/* 記事間のスペースを詰める   */
.entry-thumb img {
  margin-bottom:20px;
}
/* 続きを読むの位置 */
#main p.entry-read{
  float:right;
 margin:10px 30px 10px 10px;
}


/* 記事タイトル見出し*/
.article h1{
  margin-top:0px;
  margin-bottom:-10px;
  font-size: 24px;
  line-height:117%;
  background-color: #3a3a17; /*  記事タイトル背景 */
  color: #eee;
  border-left: 0;
  padding: 10px 20px;
}
.article-list .entry-title a{
  color:#eee;
}
h1, h2, h3, h4, h5, h6{
  color:#444;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{
  margin-top:15px;
  margin-bottom:10px;
}
.article h2{
  border-left: 8px solid #eee;
  margin-top:20px;
}
.article h3{
  margin-top:20px;
}

.article h4{
  clear: both;
  margin-top:20px;
  font-size:20px;
  font-weight:bold;
  padding:10px 5px 5px 5px;
  border-left: 3px solid #999922;
  border-bottom: 0px solid #999922; 
  background-color: rgba( 240, 240, 240, 0.4 );
}
  
.article h5{
  font-size:18px;
  font-weight:bold;
  padding:8px 0 0 5px;
  border-bottom-color: #999922;
  border-bottom-width: 1px;
  border-bottom-style: solid; 

}

.article h5.width_auto {
  width:auto;
}

.article h6{
  font-size:16px;
  padding:4px 0 0 10px;
}
.entry h2 a{
  color:#444;
  font-size:22px;
  text-decoration:none;
  font-weight:bold;
}
/* 記事一覧のタイトル　*/
.entry-card-content h2 {
  color:#444;
  margin-top:0px;
  margin-bottom:-10px;
  line-height:117%;
/*  background-color: #3a3a17;  記事タイトル背景 */
  border-left: 0;
  padding: 8px 8px 7px 8px;
}

/* 続きを読む */
.more-link{
  clear: none;
/*  display: inline-block;*/

  display: block;
  margin:0px 10px;
  color:#36a;
  text-align: right;
}

#main p.entry-read{
  margin-top:0px;
}
/* サイドパネルのタイトル色　*/
#sidebar ul{
  margin-top:10px;
  margin-bottom:5px;
}
#sidebar li{
  margin-bottom:8px;
}
#sidebar {
  float: right;
  width: 320px;
  margin-bottom: 30px;
  font-size:15px;
}
#sidebar h4{
  margin-bottom: 10px;
  margin-top: 10px;
  font-size:18px;
  color: #eee;
  padding:10px 10px;
  background-color:#375547;/* 旧 #3a3a17 */
  border-radius: 3px; 
}

/* 固定ぺージのタイトルを消す*/
.type-page h1,
.type-page .post-meta{
  display:none;
}

/* 
.type-page h1:first-child,
.type-page .post-meta:first-child{
  display:none;
}
*/

/* ページナビ*/
.navigation{
  margin-bottom: 40px;
  margin: 20px -10px 40px;/* -10はmainの余白に合わす*/
}

/* 横線 */
hr{
  color: #f0f0f0;
  margin:10px 0;
  width:98%;
  border:1px solid #f0f0f0;
}

/* フッター */
#footer h4 {
  margin-bottom: 10px;
  margin-top: 10px;
  padding:7px 10px;
  text-align:center;
  font-size:18px;
  color: #eee !important;
  background-color:#3a3a17;
}
#footer a { 
  text-decoration: none; /* アンダーラインをつけない */
}

/* footerへ表示するもの */
.footer-left{
  width:67%;}
.footer-center{
  width:0%;
  display:none;
}
.footer-right{
  width:33%;
}
 

/* 拍手ランキング */
#fc2clap_rank_table { /* 外枠 */
  border-collapse: collapse;
  width: 600px; /*表の横幅 */
  color: #8E8E8E;
  font-family: "Verdana","Impact","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ Pro W3","Osaka";
  font-size: 14px; /* small;*/
  border: 1px solid #999999;
  vertical-align: baseline;
  margin: 10px 1px;
  table-layout: auto;
}
#fc2clap_rank_table tr.fc2clap_rank { /* 上部拍手ランキングタイトル */
  display:none;
  background-color: #ddCC99;
  text-align: center;
  border: 1px solid #999999;
  padding: 3px 3px;
}
#fc2clap_rank_table span.fc2clap_rank_main { /* 下部拍手ランキングタイトル */
  color: #FFFFFF;
  font-weight: bold;
  padding: 3px 3px;
}
#fc2clap_rank_table tr.fc2clap_rank_item { /* 見出し内 */
 background-color: #F1F1f1; 
  font-weight: bold;
  text-align: center;
  color: #4D4D4D;
  border: 1px solid #999999;
  padding: 3px 0;
}
#fc2clap_rank_table td.fc2clap_rank_items_rank { /* 見出し（順位） */
  border: 1px solid #999999;
  width: 12%;
}
#fc2clap_rank_table td.fc2clap_rank_items_title { /* 見出し（タイトル） */
  border: 1px solid #999999;
  width: 72%;
}
#fc2clap_rank_table td.fc2clap_rank_items_clap { /* 見出し（拍手数） */
  border: 1px solid #999999;
  width: 16%;
}
#fc2clap_rank_table td.fc2clap_rank_items1 { /* 順位 */
  border: 1px solid #999999;
  text-align: center;
}
#fc2clap_rank_table span.fc2clap_rank_namber { /* 順位数文字色 */
  color: #303030;
  font-weight: bold;
}
#fc2clap_rank_table tr.fc2clap_rank_form { /* 各順位横１行 */
/*   background-color: #f1f1cd; */
  border: 1px solid #999999;
  padding: 3px 3px;
}
#fc2clap_rank_table tr.fc2clap_rank_form:nth-child(odd) {  
  background-color: #EAEADD; 
}
#fc2clap_rank_table tr.fc2clap_rank_form:nth-child(even) {  
  background-color: #EEEEEE;  
} 
#fc2clap_rank_table td.fc2clap_rank_clap { /* 拍手数 */
  padding: 3px 5px;text-align: right;
  width: 26%;
  border:1px solid #999999;
}
#fc2clap_rank_table span.fc2clap_name { /* 拍手数配色 */
  color: #FF0000;
  font-weight: bold;
}
#fc2clap_rank_table td.fc2clap_rank_items { /* タイトル */
  padding: 3px 5px;text-align: left; border: 1px solid #cccccc; 
}
#fc2clap_rank_table span.fc2clap_rank_title a { /* タイトル文字色 */
  color: #1144aa;
}

/* sns	ボタンの表示 */
ul.snsb,.rss-page,.feedly-page{
  float:left;
}
ul.snsp {
  margin: 20px 0 5px 10px; 
  padding:20px 0 0 20px;
}
ul.snsp li a span.icon-feedly-square, ul.snsp li a span.icon-line-square, ul.snsp li a span.icon-hatebu-square{
line-height:33px;
}
ul.snsp li{
  margin-left: 5px; 
}
#sns-group {
  position:relative;
  overflow:hidden;
  clear:none;
}
.sns-group sns-group-bottom,.sns-pages{
  position: relative;
  display: table-cell;
  vertical-align: bottom;
  float: left;
}
.footer-post-meta{
  clear:none;
  float: right;
  margin-top: 0px;
}
.article-list .footer-post-meta{
  margin-top: 0px;
}
/* FC2拍手タグ */
#fc2hakusyu-tag {
  position: relative;
  clear:none;
  float: right;
  margin: 0px 10px 0 20px;
  padding-top : 5px;
  vertical-align: bottom;
  display: table-cell;
}

/* boxの回り込み解除 */
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/* Preタグ装飾 */
pre.s{
font-family: sans-serif;
width:auto;  /* 幅を自動に */
font-size: 1em;
color: #303030;  /* 文字の色 */
background-color: #f0f0f0;  /* 背景色 */
border: solid 1px #cccccc;  /*境界線の色 */
line-height: 150%;　/*一行の高さ */
margin:0.5em 1em ;  /*上下左右にマージン */
padding: 0.5em;  /*　余白 */
overflow-x: auto;  /*横幅不足時スライドカーソル*/
overflow-y: auto;  /*縦長さ不足時スライドカーソル*/
}


/* 写真歳時記の枠 */
.saijiki_waku {
  margin: 0px 0px 25px 0px; 
  padding: 0px 7px 0px 7px; 
  background-color: #eeeecc; color: #333333;
  font-weight: normal; text-decoration: none;
  box-shadow: 5px 5px 5px #AAAAAA;
  border-radius: 10px; 
  border: 3px double #aaaa99;
}
/* 写真歳時記の表題 */
.saijiki_moji {
  width:280px;
  position: relative; /*相対配置*/
  top: -1.0em;
  margin-left:20px;
  padding: 5px 12px; 
  background-color: darkCyan; 
  color: #eee; 
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 5px 5px 5px #AAAAAA;
  border-radius: 4px; 
}

 /* ブログカード */
.blog-card-content {
  line-height:140%;
  font-size:16px;
}
.blog-card {
  margin:10px;
}
.internal-blog-card {
  border:1px solid #eee;
}
.wp-caption{
  background-color: transparent;
  border:none;
}
.wp-caption-text{
  margin-top:0px;
  font-size:90%;
}
/* 検索窓の上マージンが広い */
#searchform {
  margin-top:15px;
}
/* 親ボックスでfloat解除 */
.clearfix:after{
  content: "";
  clear: both;
  display: block;
}
/* フッターウイジェット */
#footer-widget {
  color:#333;
  margin-left:1%;
  margin-right:1%;
}
/* 目次 */
#toc_container {
  margin:auto;
}
/* 記事のリスト */
.article ol, .article ul, .article dl{
line-height:180%;
}
/* グローバルナビ */
#navi {
  width:100%; /* padding:0 150px; 幅を広げる*/
  position: fixed; /* 位置固定 */
  z-index: 10; /*上に重ねる*/
}
#site-title {/* 重なりを避ける */
  margin-top: 50px;
}

/* 人気記事ランキング */
.wpp-list2{
    margin:0 !important;
    padding:0 !important;
    counter-reset: no;
}
.wpp-list2 a { 
  color:#333; /*文字色*/
  text-decoration: none;
}
.wpp-list2 ul{
    padding:0 !important;
}
.wpp-list2 li:before{
    content: counter(no);
    counter-increment: no;
    color: white; /*文字色*/
    background-color: gray; /*背景色*/
    text-align: center;
    opacity: .999;
    float: left;
    line-height: 18px;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    margin-right: -18px;
}
.left-box-1{
    float : left ;
    width : 340px ;
    margin-right: 20px;
}
.left-box-1 ul, .left-box-1 ol, .left-box-2 ul, .left-box-2 ol{
 line-height: 150%;
}
.left-box-1 h4, .left-box-2 h4{
  margin-bottom: 10px;
  margin-top: 10px;
  font-size:18px;
  color: #eee;
  padding:10px 10px;
  background-color:#375547;/* 旧 #3a3a17 */
  border-radius: 3px; 
}
#r-button {
    float : right ;
   }
.left-box-2{
    float : left ;
    width : 340px ;
}
/* かこみ 丸み付き */
.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}