@charset "utf-8";

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

REFINE CUSTOM STYLESHEET

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

-------------------------------------------------------------------------------------------*/
/*  スマホ表示時の余⽩を変更  */ 
img { 
    max-width: 100%; 
    height:auto;
}

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


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



/*  リンク色変更　*/ 
a {
font-weight:bold;
text-decoration:none;
}

a:link {
color:#c26732;
}

a:visited {
color:#6600FF;
}

a:hover {
color:#33CC00;
text-decoration:underline;
}

a:active {
color:#5bdff0;
}


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

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

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

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

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

/* 記事ページ下のナビゲーションのリンク色 */
.entry-navi a { color: #5bdff0;}




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

/* サイドバーにもオプション色 */

.sub li a, 
.sub li a:visited {
    color: #606e4c;
}