@charset "utf-8";

/*-------------------------------------------------------------------------------------------

REFINE CUSTOM STYLESHEET

スタイルシートをカスタマイズする場合は、style.cssを編集する代わりにこちらに
記述してください。そうすることで、テンプレートがアップデートされた場合でも、
このページをコピー＆ペーストするだけで、簡単に新バージョンのテンプレートに、
自分のカスタムを反映させることができます。

-------------------------------------------------------------------------------------------*/
/* スマホ表示時の余白を変更 */
@media(max-width: 640px) {
.header-bar-inner,
.banner-inner,
.glovalnavi-inner,
.container-inner,
.footer-menu-inner,
.footer-inner {
padding-right: 2px !important;
padding-left: 2px !important;
}
.gnavi-btn {
margin: 10px 10px 0 !important;
}


.main-inner > .entry,
.main-inner > .widget {
padding: 20px 5px !important;
}

.titled_box {
padding: 15px 5px !important;
}

.box-title {
margin: -15px -5px 15px !important;
padding: 10px 10px !important;
}

.main-inner > .entry .entry-title,
.main-inner > .widget .widget-title {
margin: 0 -5px !important;
}


.ib-illust img {
    margin: 0 1em 1em 0 !important;
}


}



/* ヘッダーバーを非表示 */
.header-bar {
 display: none;
}


/* popular posts 矢印アイコンを非表示 */
.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;
}


/* パンくずリストの下部マージン調整 */
.breadcrumb {
    margin: 0 auto 20px;
}

/* ディスクリプション下部マージン調整 */
.site-description {
    margin-bottom: 0.5em;
    width: 66%;
    color: #666;
    font-size: 14px;
    font-size: 1.08rem;
    line-height: 1.5;
}