@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */



/**** タイトルfont ****/
#site-title a{
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'MS PGothic', arial;
  font-size: 10px;
  letter-spacing: 0.2em;
  color: #fff;
  opacity: 0.95;
  display: block;
}

#site-title {
  margin-top: 320px;
  margin-bottom: 10px;
}

#site-description {
  font-weight: normal;
  letter-spacing: 0.1em;
  font-family: 'Hiragino Kaku Gothic Pro';
  padding-top: 10px;
  margin-top: 10px;
  font-size: 1.0em;
  color: #fff;
}

/*ホバー時の線と文字の色を変更*/
#navi ul li a:hover{
  color: #4394de !important;
  background-color:white;
  border-bottom: 2px #4394de  
}
#navi ul li a:before{
   background: #4394de !important;
}
#navi ul,#navi{
 background-color: #202035;
}

#navi ul,#navi li {
 color: #fff;
 position: relative;
 height: 100%;
}

#navi ul li a{
 vertical-align: text-bottom;
 height: 100%; 
 color: #fff;
 text-transform: uppercase;
 letter-spacing: 0.13em;
}

#navi ul > li{
  position: relative;
  padding-top: 5px;
  padding-bottom: 3px;
  display: inline-block;
  vertical-align: bottom;
  line-height: 100%;
}



/**** 記事一覧リストの記事タイトル ****/
.entry h2 a{
 font-weight: 600;
 font-size: 1.4rem;
 line-height: 1.6;
}

/* メタ情報の大きさを変更し、右側へ*/
.post-meta,.entry .post-meta a {
    font-size: 12px;
    line-height: 160%;
}

.entry .post-meta {
    text-align: right !important;
    margin-top: 1px !important;
}

.fa-fw {
    display: none/*アイコンをなくす*/
}

.entry .post-date {
    font-family: 'Didot', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif,'Dynalight', cursive;
    font-style: italic;
    font-weight: 200;
}

.post-meta a {
	color: #000000;
}

.post-meta {
	font-size: 12px;
        background-color: #FFFFFF;
        margin-bottom: 0.5em;
        text-align:right;
        color:#555;
}

.post-date,.entry-date,.entry-date.date.updated {
       font-family: 'Didot', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif,'Dynalight', cursive !important;
       font-size: 1.2em !important;
       font-style: italic;
       font-weight: 200;     
}

.entry .post-meta .category a, .post-meta .category a, .entry .post-meta .category a {
    color: white;
    background: #5880AD;
    padding: 2px 6px 3px 7px;
    border-radius: 2px;
    letter-spacing: 0.11em;
    text-decoration: none;
    font-family: 'Open Sans','Avenir Next','Arial', YuGothic,'Yu Gothic',sans-serif;
    font-size: 1.12em;
    line-height: 1;
    vertical-align: text-top;
    text-transform: uppercase;
}



/****シェアボタン****/
.sns-group-viral ul {
	  display: flex; 
}

/* SNSの名称部分を非表示 */
.icon-hatena::after, .icon-googleplus::after, .icon-facebook::after, .icon-twitter::after, .icon-pocket::after, .icon-line::after, .icon-feedly::after {
    display: none;
}
ul.snsbs li a{
  padding: 8px 6px 3px 6px;
  }
.sns-group-viral ul.snsb li a{
  border-radius: 4px;
  font-size: 19px;
}

/*色を変更*/
ul.snsbs a.twitter-btn-icon-link{background-color:#74c1f8;}
ul.snsbs a.facebook-btn-icon-link{background-color:#6680d8;}
ul.snsbs a.google-plus-btn-icon-link{background-color:#fd6969;}
ul.snsbs a.hatena-btn-icon-link{background-color:#6eaff3;}
ul.snsbs a.pocket-btn-icon-link{background-color:#ff6d82;}
ul.snsbs a.line-btn-icon-link{background-color:#00c600;}
ul.snsbs a.evernote-btn-icon-link{background-color:#51b125;}
ul.snsbs a.feedly-btn-icon-link{background-color:#9ade79;}
ul.snsbs a.push7-btn-icon-link{background-color:#eeac00;}

/*SNSフォローボタン*/
ul.snsp li a span {
  background-color: #fff !important;
  color: rgba(0, 0, 0, 0.3) !important;
}



/****関連記事****/
#related-entries h2 {
    color:#202035;
    font-weight: lighter;
    position: relative;
	margin-top: 50px;
    margin-bottom: 20px;
	margin-left: 7px;
    font-size: 90%;
    line-height: 1em;
    letter-spacing: 0.1em;
    font-family: 'Hiragino Kaku Gothic Pro';
}

/*タイトルの色、フォントなど（人気記事・新着記事も）*/
.entry h2 a,.related-entry-title a,.widget_new_entries a,
.widget_new_popular a,
.widget_popular_ranking a,
.wpp-list a,
.entry-read a,
.related-entry-read a,
.article-list .entry-title a{
    color: #666;
}

.widget_new_entries a,
.widget_new_popular a,
.widget_popular_ranking a,
.wpp-list a {
  font-weight: bold;
  line-height: 1.7em;
  font-size: 0.4em;
}



/**** 関連記事をタイル調へ変更(PC)****/
#related-entries {
 display: flex;
 flex-flow: row wrap;
 justify-content: flex-start;
}

#related-entries h2 {
 width: 100%;
 }

#related-entries .cf/*.hover-card*/ {
 flex: 0 330px;
 height: 100px;
 margin: 0 5px 20px 5px;
}

.related-entry-snippet {
 display: none;
}

.related-entry-content {
 white-space: normal;
 overflow: hidden;
 text-overflow: ellipsis;
 padding-right: 5px ;
 height: 100%;
}

.related-entry-thumb {
 margin: 0;
 padding: 0;
}

.related-entry {
 padding: 0;
 height: 100%;
 width: 100%;
 transition: .4s;
}

.related-entry-title {
font-size: 16px;
margin-top: 5px;
}

.related-entry-title a{
font-size: 16px;
}

.related-entry:hover{ /* ホバー時変化 */
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}

.related-entry-thumb img {
width: 100px;
height: 100px;
}



/****検索ボックス****/
#searchform input {
  margin-bottom: 0;
}
#searchform #s {
  padding-right: 2em;
}

#searchsubmit {
  background: initial;
}
#searchsubmit + label {
  cursor: pointer;
}

/*虫眼鏡マークをアイコンに*/
#searchsubmit + label::before {
  content: "\f002";
  font-family: "fontAwesome";
  font-size: larger;
  color: #202035;;
  position: absolute;
  top: 7px;
  right: 10px;
}

/*フォーカス時のスタイル*/
input#s:focus {
    outline: none;
    box-shadow: none;
    background: #a7d4fd;
}

/*ボックス自体のスタイル*/
#s {
    background-clip: padding-box;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    box-shadow: none;/*影をなくす*/
    border-top: none;/*枠線をなくす*/
    border-left: none;/*枠線をなくす*/
    border-right: none;/*枠線をなくす*/
    border-radius: 0;/*角丸をなくす*/
    border-bottom: 1px solid #202035;/*下線のみに*/
    background: #fff;/*背景色*/
    transition: 1s ease-in;/*じんわり変化*/
    background-repeat: no-repeat;
}

/*中の文字*/
input::-webkit-input-placeholder {
    color: #ccc;
    font-weight: lighter;
    font-family: 'Arial','Avenir Next';
    letter-spacing: 0.07em;
}
input:-moz-placeholder {
    color: #ccc;
    font-weight: lighter;
    font-family: 'Arial','Avenir Next';
    letter-spacing: 0.07em;
}
input::-moz-placeholder {
    color: #ccc;
    font-weight: lighter;
    font-family: 'Arial','Avenir Next';
    letter-spacing: 0.07em;
}
input:-ms-input-placeholder {
    color: #ccc;
    font-weight: lighter;
    font-family: 'Arial','Avenir Next';
    letter-spacing: 0.07em;
}



/**** 新着記事タイトルスタイル ****/
a.wpp-post-title,a.new-entry-title {
display:-ms-flexbox;
display: flex;
height: 75px;
padding:  5px;
-ms-align-items: center;
align-items: center;
}



/**** 新着記事リスト下余白 ****/
#sidebar li.new-entry {
 margin-bottom: 30px;
}



/**** TOPへ戻るボタン（Go to top）****/
#page-top{
  position:fixed;
  display:none;
  right: 20px;
  bottom: 50px;
}

#page-top a{
  color:#fff;
  padding: 7px;
  text-decoration:none;
  display:block;
  cursor:pointer;
  text-align:center;
  border-radius: 50%;
  font-size:18px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.22);
}



/****ヘッダーブログタイトル文字上からの余白****/
#site-title{
margin-top:110px;
margin-bottom:10px;
}



/****ヘッダー文字の大きさの変更****/
#site-title a{
display:block;
text-decoration:none;
color:#fff;
font-size:25px;
line-height:100%;
font-weight:bold;
}



/****カテゴリ名を中央寄せ****/
#navi-in{
    display: flex;
    justify-content: center;
}