@charset "utf-8";

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

REFINE CUSTOM STYLESHEET

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

-------------------------------------------------------------------------------------------*/
/* Flameのグローバルナビゲーションのグラデーションを消す */
.glovalnavi-inner {
background-image: none;
box-shadow: none;
}


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

/* 改行の仕方を変更する */
body {
word-break: normal;
word-wrap: normal;
}

/* ヘッダーナビ、フッターウィジェットを非表示 */

.header-bar,.footer-menu { display: none;}


/* 本文のフォントサイズを変更 */

.main p { font-size: 15px }

/* 本文の色を変更 */

.main p { color: #383838;}

/* スマホでサブコンテンツ展開 */

@media(max-width: 640px) {

.sub-btn {
display: none !important;
}

.sidebar {
display: block !important;
}

}

/* １カラムの幅をページ幅と同じにする */

.column1 .contents,
.column1 .main {
width: 100%;
}

/* 行間 */

.main p {
line-height: 1.5;

}