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

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

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

/*グローバルナビの修飾 */
#navi {
 border-top:2px solid #000000;
 border-bottom:2px solid #000000;
}

/* 記事を読むボタンの装飾 */
.entry-read a{
  color:#fff;
  font-size:14px;
  background-color:#777777;
  border:1px solid #777777;
  border-radius:2px;
  padding:3px 10px 3px 5px;
  text-decoration:none;
}

.entry-read a:hover{
  color:#fff;
  background-color:#ffffff;
  border:1px solid #ffffff;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  transition:all 0.3s;
}

.related-entry-read a{
  color:#fff;
  font-size:14px;
  background-color:#777777;
  border:1px solid #777777;
  border-radius:2px;
  padding:3px 10px 3px 5px;
  text-decoration:none;
}

.related-entry-read a:hover{
  color:#fff;
  background-color:#ffffff;
  border:1px solid #ffffff;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  transition:all 0.3s;
}

/* 記事を読むボタンを右へ移動 */
.entry-read {
  text-align: right;
  margin-right: 10px;
}

.related-entry-read {
  text-align: right;
  margin-right: 10px;
}

/* サイドバーの見出し背景を修正 */
#sidebar h4{
  color: #555555 ;
  background: #ffffff;
  font-size: 13pt ;
  line-height: 1;
  margin:10px 0px;
  padding: 10px 5px 10px 5px;
    box-shadow:0px 3px 7px 0px #777777 ;
    border-top:4px solid #333333;
    border-bottom:4px solid #333333;
    border-radius: 4px ;
}

/* カテゴリランキング表示を修正 */
.widget_popular_ranking ul li:before, .widget_new_popular ul li:before {
  background: none repeat scroll 0 0 #FFF !important;
  color:#000 !important;
  top: -3px !important;
  border-radius: 50px !important;
  border:solid 2px #000 !important;
}

#new-entries ul li img, #popular-entries ul li img {
  margin: 3px 5px 10px 3px;
}

/* 見出しを修正 */
.article h2{
background-color: #43779D;
color: #fff;
border-left: 0;
padding: 15px 30px;
}

.article h3: before {
margin-right: 5px;
font-family: "FontAwesome";
content: "\f046";
}

.article h4: before {
margin-right: 5px;
font-family: "FontAwesome";
content: "\f101";
}

.article h5 {
border-bottom: 2px dashed #eee;
}

/* 記事間に線を引く */
#main .entry {
    border-bottom: 2px solid #D4D4D4;
    padding-bottom: 10px;
}

/* 関連記事間に線を引く */
#main .related-entry {
    border-bottom: 2px solid #D4D4D4;
    padding-bottom: 10px;
}

/* モーダルメニューのカスタマイズ */
#animatedModal a {
  color:#000;
}

#animatedModal ul li a{
  color:#000;	
}

#animatedModal ul li {
  border: 1px solid #000;
  border-radius: 0px;
}

#animatedModal{
  background-color: rgba(255,255,255,0.85) !important;
}

/* 文中の背景色付き文字を装飾 */
.sankou {
background-color: #fd7c22;
margin-right: 5px;
padding: 1px;
}

/* 蛍光ペン文字 */
span.keiko-pen-cyan{
background: linear-gradient(transparent 15%,rgba(134, 246, 255, 0.55) 60%);
}

span.keiko-pen-red{
background: linear-gradient(transparent 15%,rgba(255,0,39,0.55) 60%);
}

span.keiko-pen-blue{
background: linear-gradient(transparent 15%,rgba(134, 246, 255, 0.55) 60%);
}

span.keiko-pen-yellow{
background: linear-gradient(transparent 55%,rgba(255, 213, 0, 0.85) 60%);
}

span.keiko-pen-green{
background: linear-gradient(transparent 75%,rgba(0, 255, 71, 0.85) 60%);
}

/*******************************
* 左からの吹き出し
********************************/
.left_balloon {
    position: relative;
    background: #fff;
    border: 1px solid #777;
    margin: 10px;
    padding: 10px;
    border-radius: 15px;
    margin-right: 20%;
    clear: both;
    max-width: 500px;
    float: left;
}
.left_balloon:after,
.left_balloon:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.left_balloon:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 7px;
    margin-top: -7px;
}
.left_balloon:before {
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #000;
    border-width: 8px;
    margin-top: -8px;
}

/*******************************
* 右からの吹き出し
********************************/
.right_balloon {
    position: relative;
    background: #85e249;
    border: 1px solid #777;
    margin: 10px;
    padding: 10px;
    border-radius: 15px;
    margin-left: 20%;
    clear: both;
    max-width: 500px;
    float: right;
}
.right_balloon:after,
.right_balloon:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.right_balloon:after {
    border-color: rgba(133, 226, 73, 0);
    border-left-color: #85e249;
    border-width: 7px;
    margin-top: -7px;
}
.right_balloon:before {
    border-color: rgba(119, 119, 119, 0);
    border-left-color: #777;
    border-width: 8px;
    margin-top: -8px;
}

/*******************************
* 割り込みを解除
********************************/
.clear_balloon{
  clear: both;
}

/************************************
** Push7 SNSバイラルボタン
************************************/
.sns-group-viral ul.snsbs {
    margin-bottom: 2px !important;
    margin-right: -7px;
}

.sns-group-viral ul.snsbs li {
    margin-right: 7px;
    margin-bottom: 0 !important;
}

.sns-group-viral ul.snsbs li a {
    width: 153px
}

.sns-group-viral ul.snsbs li:nth-child(4n) a {
    width: 152px
}

/* Push7 */
.sns-group-viral ul.snsbs li.push7 {
    position: relative;
}

.sns-group-viral ul.snsbs li.push7 a {
    background: #EEAC00;
}

.p7-b>.p7-left {
    position: absolute !important;
    right: 0 !important;
    bottom: 2px !important;
    padding: 1px 3px !important;
    border: none !important;
    border-radius: 0!important;
    background: none !important;
}

.p7-b>.p7-left span {
    color: #FFF;
    font-family: Arial !important;
    background: none !important;
}

.p7-b>a>span {
    font-family: Arial !important;
    font-size: 16px !important;
    line-height: 35px !important;
}

.p7-b>a>svg {
    vertical-align: baseline !important;
}

.p7-b>.p7-left::before,
.p7-b>.p7-top::after {
    content: none !important;
}