@charset "UTF-8";

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

/* Simplicity子テーマ用のスタイルを書く */
/* フォントの変更　*/
body {
  font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳＰゴシック", "MS PGothic", sans-serif;
}

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

/* 人気記事ランキングの順位をカスタマイズ　*/
ul.wpp-list li {
 border-bottom: 1px dashed #bbb;
 counter-increment: wpp-count;
 position: relative;
}
ul.wpp-list li:before {
 display: block;
 padding: 1px 11px;
 color: #fff;
 background-color: #333;
 content: counter(wpp-count);
 position: absolute;
 opacity: 1;
 z-index: 10000;
 border-radius: 6px;
 top: 6px;
 left: 6px;
}
ul.wpp-list li:last-child {
 border-bottom: none;
}
ul.wpp-list li:nth-child(1):before{
 background-color: #FBCC54;
}
ul.wpp-list li:nth-child(2):before{
 background-color: #B7BFC1;
}
ul.wpp-list li:nth-child(3):before{
 background-color: #D47B16;
}
ul.wpp-list li img {
 margin: 5px 10px 5px 5px;
 padding: 3px;
 border: 1px solid #ddd;
}
ul.wpp-list li a.wpp-post-title {
 display: block;
 font-size: 15px;
 padding: 12px;
 text-decoration: none;
 color: #333;
}



/* 追従SNSシェアボタンの位置を変更 */
#sharebar {
  margin-left: -150px  !important;
}
/*グローバルナビの修飾 */
#navi {
 border-top:1px solid #F3F3F3;
 border-bottom:1px solid #F3F3F3;
}
/*ホバー時の線と文字の色を変更*/
#navi ul li a:hover{
    color: #21394d !important;
　　　　　　　　background-color:white;
}
#navi ul li a:before{
   background:#21394d !important;
}
#navi ul,#navi{
 background-color:white;
}



/* ウィジェットタイトル部分 */
#sidebar h3{
    text-align:center;
    line-height: 24px;
    font: 18px ”游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #ffffff;    /*文字色*/
    background-color: #848484;    /*背景色*/
    border-radius: 10px;
    padding: 2px 10px;
}

/* サイドバーカテゴリーを修正 */
.widget_categories h3:before{
 margin-right:5px;
 font-family:"FontAwesome";
 content:"\f115";
}
/* 関連記事の見出しの装飾 */
#related-entries h2{
  line-height: 24px;
    font: 24px ”游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #ffffff;    /*文字色*/
    background-color: #848484;    /*背景色*/
    border-radius: 10px;
    padding: 2px 10px;
}
#comments, #reply-title { font: 24px ”游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; /*追記*/ }



/*---------------------------------
見出し
--------------------------------*/
.item.headline h2 {
    border-left: none;
}
.article h2::before,
.article h2::after {
	position: absolute;
	left: 0;
	content: '';
	width: 98%;
	height: 6px;
	box-sizing: border-box;
border-left: none;
}
.article h2::before {
	top: 0;
	border-top: 2px solid #ccc;
	border-bottom: 1px solid #ccc;
border-left: none;
}
.article h2::after {
	bottom: 0;
	border-top:1px solid #ccc;
	border-bottom: 2px solid #ccc;
border-left: none;
}

.article h3 {
  padding-bottom: .5em;
  border-bottom: 1px solid #ccc;
}

.article h4 {
  
  border-bottom: none;
}





/* シンプリシティー2　記事区切り */
#main .entry {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}


/* youtubeレスポンシブ*/
.item.movie.Youtube iframe {
    max-width: 100%;
    max-height: 200px;
}

.item.movie.Youtube iframe {
    max-width: 100%;
    max-height: 400px;
}
.item.movie.Youtube .movie_content iframe {
    max-width: 400px;
    max-height: 300px;
}

/* 表のレスポンシブ */
table { width: 100%; }

/* フッターをスマホ表示 */
.footer-left, .footer-center, .footer-right{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; }

/*---------------------------------
画像ホバー時
--------------------------------*/
 a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/* タグクラウド */
.tagcloud a {
	font-size: 12px !important; /* 文字サイズ */
	line-height: 1em;
	background: #21394d; /* 背景色 */
	color: #fff; /* 文字色 */
	display: inline-block;
	white-space: nowrap;
	padding: 5px 5px; /* 文字周り余白 */
	margin-top: 3px; /* タグ余白 */
	border-radius: 4px; /* 角を丸くする */
	text-decoration: none;
}
.tagcloud a:hover {
 	background: #ddd; /* マウスホバー背景色 */
	color: #cc0033 !important; /* マウスホバー文字色*/
}
 
/* アイコンを入れる「Font Awesome」*/
 
.tagcloud a:before {
        font-family: "FontAwesome";
        content: "\f02b";
	padding-right: 4px;
}


#wrapper {
	width:100%;

}

#wrapper table {
	width:100%;
	table-layout:fixed;
}

/* 画像中央寄せ */
.entry-content figure.wp-block-image{
    text-align:center;
}
.entry-content figure.wp-block-image img{
    margin:0 auto;
}

/* YouTube動画中央寄せ */
.video-container {margin: 0px auto;}

/*スライドインメニューでHome表示*/
a#footer-button-home{
  display: block !important;
}

a#footer-button-prev,
a#footer-button-next{
  display: none;
}