@charset "utf-8";

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

REFINE CUSTOM STYLESHEET

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

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

/* アイキャッチを左側に表示 */

.img-right .entry-img {
    float: left;
}

.img-right .entry-img img {
    margin: 0 15px 15px 0;
}

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

.sub li a, 
.sub li a:visited {
    color: #0066cc;
}

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

div.kotira{
	font-size: 1.2em;
	text-align: center;
	border: 1px solid #116300;
	font-weight: bold;
	margin-right:8%;
	margin-left: 8%;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	background-position: 5px 2px;
	background-repeat: no-repeat;
	background-color: #b7f35f;
	margin-top: 10px;
	margin-bottom: 10px;
}


a:hover img {
filter : alpha(opacity=80);
opacity : 0.8 ;
}

/* 日付けを非表示 */

.entry-meta .date {
    display: none;
}

.sub .rewg .entry-img {
width: 230px;
height: 186px;
}
.sub .rewg .entry-img img {
max-width: 230px;
max-height: 186px;
}

/* スマホ表示時の余白を変更 */

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

.sidebar {
display: block !important;
}

}