@charset "utf-8";

/*-------------------------------------------------------------------------------------------

REFINE CUSTOM STYLESHEET

スタイルシートをカスタマイズする場合は、style.cssを編集する代わりにこちらに
記述してください。そうすることで、テンプレートがアップデートされた場合でも、
このページをコピー＆ペーストするだけで、簡単に新バージョンのテンプレートに、
自分のカスタムを反映させることができます。

-------------------------------------------------------------------------------------------
/* スマホサイドバー */
@media(max-width: 640px) {

.sub-btn {
display: none !important;
}

.sidebar {
display: block !important;
}

}
/* スマホ表示時の余白を変更 */
@media(max-width: 640px) {
.header-bar-inner,
.banner-inner,
.glovalnavi-inner,
.container-inner,
.footer-menu-inner,
.footer-inner {
padding-right: 5px !important;
padding-left: 5px !important;
}
.entry,
.main .widget {
margin: 0 0 5px !important;
}
.main-inner > .entry,
.main-inner > .widget {
padding: 5px !important;
}
.main-inner > .entry .entry-title,
.main-inner > .widget .widget-title {
top: -5px !important;
margin: 0 -10px !important;
}
}
*/
/* wordpress popular post画像矢印消去*/

.widget.popular-posts li {
padding-left: 0;
}
.widget.popular-posts li a:before {
display: inline;
content: none;
}
.widget.popular-posts a img {
float: left;
margin-right: 10px;
}
.widget.popular-posts li {
zoom:1;
}
.widget.popular-posts li:after {
content:”";
display:table;
clear:both;
}

/* ページ全体の幅を変更 */

.header-bar-inner,
.banner-inner,
.glovalnavi-inner,
.container-inner,
.footer-menu-inner,
.footer-inner {
    max-width: 1000px; /* ページ全体の幅 */
}

/* アイキャッチを左側に表示 */

.img-right .entry-img {
    float: left;
}

.img-right .entry-img img {
    margin: 0 15px 15px 0;
}

/* 関連記事画像*/

.wp-post-image {
        border:solid 1px #ccc;
        padding: 4px;
        float: left;
        margin-right: 5px;
}
.similar_posts {
        padding: 3px;
        margin-top: 3px;
        margin-left: 0px;
}
.similar_posts_title {
        margin:2px;
        font-size: 14px; /* テキストリンクのサイズ */
}
.similar_posts_snippet {
        margin:2px auto;
        font-size: 12px; /* 抜粋文字のサイズ */
        color: #0f0f0f; /* 抜粋文字の色 */


