@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;
}
}

/* リンクを動かす */ 
a:hover { 
position:relative; 
top: 2px; 
left:2px; 
} 

/* グローバルメニューの背景色を変更 */  
.glovalnavi { 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #d8dada), color-stop(0.22, #f1f1f1), color-stop(0.44, #c7c8ca), color-stop(0.74, #e7e8e8), color-stop(1.00, #fdfdfd));
background: -webkit-linear-gradient(top, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
background: -moz-linear-gradient(top, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
background: -o-linear-gradient(top, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
background: -ms-linear-gradient(top, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
background: linear-gradient(to bottom, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);

}

.banner {
background:none;
}




/* メインとサブのウィジェットタイトルの色を変更 */ 
.container .main .widget .widget-title, 
.container .main .entry .entry-title, 
.container .sub .widget .widget-title {  
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #efe457), color-stop(1.00, #feae31));
background: -webkit-linear-gradient(#efe457, #feae31);
background: -moz-linear-gradient(#efe457, #feae31);
background: -o-linear-gradient(#efe457, #feae31);
background: -ms-linear-gradient(#efe457, #feae31);
background: linear-gradient(#efe457, #feae31);

}
.container .main .widget .widget-title, 
.container .main .entry .entry-title, 
.container .main .entry .entry-title a, 
.container .sub .widget .widget-title { 
color: #fff; 
text-shadow: none;