@charset "UTF-8";

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

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

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

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

/* サイドバーカテゴリーを修正 */
.widget_categories h3:before{
 margin-right:5px;
 font-family:"FontAwesome";
 content:"\f115";
}

/* サイドバー人気記事ランキングを修正 */
#popular-entries h3:before{
 margin-right:5px;
 font-family:"FontAwesome";
 content:"\f219";
}

/* サイドバー新着記事ランキングを修正 */
#new-entries h3:before{
 margin-right:5px;
 font-family:"FontAwesome";
 content:"\f0ca";
}

/* サイドバーの見出し背景を修正 */
#sidebar h4{
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  border-radius: 5px;
  background: #f3f3f3;
  font-weight: bold;
  color: #4D4D4D;
}

/* 記事を読むボタンの装飾 */
#breadcrumb span.sp {
    display:none;
}

#breadcrumb div[itemtype="http://data-vocabulary.org/Breadcrumb"] {
  background: #F3F3F3;
  padding: 4px;
  position:relative;
  margin-right:20px;
}
 
#breadcrumb div[itemtype="http://data-vocabulary.org/Breadcrumb"] a:after,
#breadcrumb div[itemtype="http://data-vocabulary.org/Breadcrumb"] a:before
{
  content:'';
  position:absolute;
  top: 0;
  bottom: 0;
  width: 1em;
  background: #F3F3F3;
  transform: skew(-10deg);
}
 
 
#breadcrumb div[itemtype="http://data-vocabulary.org/Breadcrumb"] a:before{
  left: -.6em;
  border-radius: 5px 0 0 5px;
}
#breadcrumb div[itemtype="http://data-vocabulary.org/Breadcrumb"] a:after{
  right: -.6em;
  border-radius: 0 5px 5px 0;
}

#breadcrumb a {
    color: #4D4D4D;
    font-weight:700;
}

#breadcrumb {
    color: #4D4D4D;
}

/* 人気記事ランキングの順位をカスタマイズ　*/
.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;
}

/* 見出しを変更 */

h1 {
background: linear-gradient(transparent 70%, #ffe4e1 70%);
}

h2 {
border-left: none;
padding: 0.5em;
background: #ffe4e1;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.23);
}

h3 {
position: relative;
}

h3:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 7px;
background: -webkit-repeating-linear-gradient(-45deg, #ffe4e1, #ffe4e1 2px, #fff 2px, #fff 4px);
background: repeating-linear-gradient(-45deg, #ffe4e1, #ffe4e1 2px, #fff 2px, #fff 4px);
}

.article h4{
 font-size: 1.1rem;
 font-weight: 600;
 line-height: 1.3;
 padding: 5px 15px;
 border-bottom: none !important;
 border-left: 2px solid #ffe4e1;
 color: #000;
 margin:35px 5px 20px;
}



/* 追従SNSシェアボタンの位置を変更 */
#sharebar {
  margin-left: -150px  !important;
}

/* 記事幅を狭める　*/
.article{
 width:92%;
 margin: 0 auto;
}

/* フォントを灰色にする */
body{
　color:#555555 !important;
}

/* mainとsidebarの枠線を消す */
#main,#sidebar{
 border:none !important;
}

/* リストタグを修正 */
.article li {
  margin: 0 0 7px;
  line-height: 1.7;
  position: relative;
  padding-left: 10px;
}

/* サムネイル画像にエフェクト */
.entry-thumb,.wpp-thumbnail{
  overflow: hidden;
}
.entry-thumb img,.wpp-thumbnail img{
  transition: 0.6s ;
}
 
.entry-thumb img:hover,.wpp-thumbnail:hover {
   opacity: 0.6;
   -moz-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
}

/* グローバルナビ固定 */
#navi {
	width:100%;
	position: fixed;
	z-index: 10;
}
#site-title {
	margin-top: 50px;
}

/* スマホメニュー表示 */
#sm_nav{
 text-align: center;
}
#sm_nav .category{ 
 background-color: #FF66CC; 
 padding:8px; 
 line-height: 230%;
 font-size:90%;
border-radius: 4px;
}
#sm_nav a{
 color: #FFFFFF;
 text-decoration: none;
 word-wrap: break-word;
}