-------------------------------------------------------------------------------------------*/
@charset "utf-8";

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

REFINE CUSTOM STYLESHEET

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

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

 
/*  スマホ表示時の余⽩を変更  */ 
 
@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; 
} 
} 

/* スマホ表示でサイドバーを折りたたまない */
@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;
}
}

/*  サイトの説明のフォントサイズを変更  */ 
 
.site-description { font-size: 16px } 

/*  リンクマウスオーバーで上右に 2px ずらす  */ 
 
a:hover { 
position:relative; 
top: 2px; 
left:2px; 
} 

/* 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; 
} 


/* 記事本の文字の大きさを変更 */
.main p {
margin: 0 0 1.5em;
padding: 0;
color: #222;
text-align: left;
font-size: 17px;
line-height: 1.95;
}

/* パンくずリストの色を変更 */

.breadcrumb ol li { /* 現在位置 */
color: #fff;
}

.breadcrumb ol li a { /* リンク */
color: #fff;
}

.breadcrumb ol li a:hover { /* リンクマウスオーバー */
color: #2200d5;
}

.breadcrumb ol li a:after { /* 矢印 */
color: #fff;
}