@charset "utf-8";

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

REFINE CUSTOM STYLESHEET

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

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

/* スマホ表示でサイドバーを折りたたまない */
@media(max-width: 640px) {
.sub-btn {
display: none !important;
}

.column3 .sidebar,
.right_sidebar .sidebar,
.left_sidebar .sidebar,
.column1 .sidebar {
display: block !important;
}

.column3 .sub-open,
.right_sidebar .sub-open,
.left_sidebar .sub-open,
.column1 .sub-open {
display: block !important;
}
}


/* スマホ表示の場合でのみ文字の大きさを変更する */

@media(max-width: 640px) {

.h2, 
.entry-content h2,
.textwidget h2 {
font-size: 15px;
}

.h3, 
.entry-content h3,
.textwidget h3 {
font-size: 15px;
}

}


/* スマホ表示時の余⽩を変更 */
@media(max-width: 1000px) {
.header-bar-inner,
.banner-inner,
.glovalnavi-inner,
.container-inner,
.footer-menu-inner,
.footer-inner {
padding-right: 10px !important;
padding-left: 10px !important;
}
.entry,
.main .widget {
margin: 0 0 10px !important;
}
.main-inner > .entry,
.main-inner > .widget {
padding: 10px !important;
}
.main-inner > .entry .entry-title,
.main-inner > .widget .widget-title {
top: -10px !important;
margin: 0 -10px !important;
}
}