@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: 0px !important;
padding-left: 0px !important;
}
.gnavi-btn {
margin: 0px 0px 0 !important;
}
}

/* サブコンテンツを開いた状態にする */
@media(max-width: 640px) {
 
.sub-btn {
display: none !important;
}
 
.sidebar {
display: block !important;
}
 
}

/* アイキャッチを左側に表示 */
.img-right .entry-img {
float: left;
}
.img-right .entry-img img {
margin: 0 15px 15px 0;
}

/* ページ全体の幅を変更 */
.header-bar-inner,
.banner-inner,
.glovalnavi-inner,
.container-inner,
.footer-menu-inner,
.footer-inner {
width: 1300px; /* ページ全体の幅 */
}