@charset "utf-8";

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

REFINE CUSTOM STYLESHEET

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

-------------------------------------------------------------------------------------------*/
.banner {
background:#f9f9f9;
}

.footer-inner {
    margin: 0 auto;
    width: 1060px; /*■■■ 1000px ページ全体の幅 ■■■*/
}


/* スマホ表示時の余白を変更 */

@media(max-width: 1000px) {

.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 -5px !important;
}
}