@charset "utf-8";

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

REFINE CUSTOM STYLESHEET

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

-------------------------------------------------------------------------------------------*/
.ad-pr{
	font-size: 0.8em;
	font-weight: bold;
	font-family: 'Ubuntu Condensed', sans-serif;
	background:#969696;
	color:white;
	padding: 0.2em 0.4em;
	margin-top: 0.3em;
    margin-left: 0.9em;
    font-size: 0.7em;
    float: right;
}
html{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Helvetica, Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;
}

body{
 	/* 背景画像が読み込まれる前に表示される背景のカラー */
  	background-color: #464646;
 	background-image : url('http://www.granje-o.com/wp-content/uploads/2015/10/白猫速報背景画像_PC.jpg');
    	background-repeat       : no-repeat;
    	background-size         : 100% auto;
    	background-attachment:fixed;
}
/*スクリーンサイズが767px以下の場合*/
@media only screen and (max-width: 767px) {
  	html{ 
		font-size : 75%;　/*スクリーンサイズが767px以下の場合文字を小さく表示*/
  	} 
	body{ 
		background-image:none;
		background-color:rgba(0,0,0,1);
	}

	/*★スマホ背景fix用div要素の装飾*/
	#background-hack {
    	z-index                 : -1;
    	background-color        : #464646;
	/*★青空背景★*/
   	/*background-image        : url('http://www.granje-o.com/wp-content/uploads/2015/10/白猫速報背景画像_スマホ2.jpg');*/
	/*★ダグラス背景★*/
	/*background-image        : url('http://www.granje-o.com/wp-content/uploads/2015/10/ダグラスbg3-_resize_compressed.jpg');*/
	/*★ガチャ画面背景★*/
	//background-image        : url('http://www.granje-o.com/wp-content/uploads/2015/10/リサイズ_450_767_compressed.jpg');
	/*★期間限定背景入れ替え用*/
	/*background-image:url("http://www.granje-o.com/wp-content/uploads/2015/11/温泉マール当てたった_compressed.jpg");*/
   	background-repeat       : repeat;
   	background-size         : 100% auto;
    	position                : fixed;
    	top                     : 0;
    	left                    : 0;
	right                   : 0;
	bottom                  : 0;
	}
}




/*★ヘッダー上のバーの装飾*/
.header-bar{
	//background-image:url(http://www.granje-o.com/wp-content/uploads/2015/06/header_bar_image_1200_41★2.png);
	border: 1px solid #000000;
	background-image:url(http://www.granje-o.com/wp-content/uploads/2015/06/bar_grad_black.gif);
	background-repeat:repeat-x;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.8),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.8),inset 0px 0px 3px rgba(255,255,255,0.5);
}

h1, h2, h3, h4, h5, h6,a{//font-weight:bold;}

/*★サイトタイトル*/
.site-title{
	color:#999;
	text-shadow:#ffffff -1px -1px 0px, #ffffff -1px 1px 0px, #ffffff 1px 1px 0px, #ffffff 1px -1px 0px;
}

/*★ナビメニュー*/
.glovalnavi{
	background-color: rgba(0,0,0,0);
	border: 0px solid #DDD;
	color: #FFF;
	margin-bottom:0px !important;
}

.pad{background-color: rgba(0,0,0,0);}

.glovalnavi-inner{background-color: rgba(0,0,0,0);}

.glovalnavi li{
	display:block;
	background-image:url(http://www.granje-o.com/wp-content/uploads/2015/10/navi.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	width:200px;
	height:50px;
}

.glovalnavi li a{
	margin:0px;
	width:200px;
	padding:0px 0px 0px 55px;
	text-align: center;
	font-size:120%;
	font-weight:bold;
	text-shadow:#ffffff -1px -1px 0px, #ffffff -1px 1px 0px, #ffffff 1px 1px 0px, #ffffff 1px -1px 0px;
}


/*★ナビメニューのli要素の装飾*/
#menu-item-33 a{
	display:block;
	width:165px;
	height:47px;
	text-indent:-9999px;
	background-image:url(http://www.granje-o.com/wp-content/uploads/2015/06/nav04_on.gif);
	background-repeat:no-repeat;	
} 

#menu-item-44 a{
	display:block;
	width:165px;
	height:47px;
	text-indent:-9999px;
	background-image:url(http://www.granje-o.com/wp-content/uploads/2015/06/nav05_on.gif);
	background-repeat:no-repeat;	
}
#menu-item-16 a{
	display:block;
	width:165px;
	height:47px;
	text-indent:-9999px;
	background-image:url(http://www.granje-o.com/wp-content/uploads/2015/06/nav01_on.gif);
	background-repeat:no-repeat;
}

/*★★★中央カラムタイトル背景*/
.main-inner > .entry .entry-title, .main-inner > .widget .widget-title{
	background-color: rgba(0,0,0,0.5);
	//background-image:url(http://xn--hck7a8au2i7c.com/wp-content/uploads/2015/06/title_bg_blue.jpg);
	background-image:url(http://www.granje-o.com/wp-content/uploads/2015/09/side_h3_bg.png);
	background-size:cover;
	//background-position:left bottom;
	background-repeat:no-repeat;
	display:block;
	font-size:16px;
	text-shadow:#ffffff -1px -1px 0px, #ffffff -1px 1px 0px, #ffffff 1px 1px 0px, #ffffff 1px -1px 0px;
}

/*★h2タグ装飾*/
.h2, .entry-content h2, .textwidget h2{
	background-color: rgba(0,0,0,0);
	//background-image:url(http://xn--hck7a8au2i7c.com/wp-content/uploads/2015/06/title_bg_blue.jpg);
	background-image:url(http://www.granje-o.com/wp-content/uploads/2015/09/side_h3_bg.png);
	background-size:cover;
	//background-position:left bottom;
	background-repeat:no-repeat;
	display:block;
	font-size:16px;
	margin-left:-10px;
	margin-right:-10px;
	text-shadow:#ffffff -1px -1px 0px, #ffffff -1px 1px 0px, #ffffff 1px 1px 0px, #ffffff 1px -1px 0px;
}

/*★h3タグ装飾*/
.h3, .entry-content h3, .textwidget h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#bfeeff 0%,
		#1e415c 25%,
		#46f4fa);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#bfeeff),
		color-stop(0.25, #1e415c),
		to(#46f4fa));
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	border: 3px solid #ffffff;
	-moz-box-shadow:
		0px 3px 11px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(195,214,219,1);
	-webkit-box-shadow:
		0px 3px 11px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(195,214,219,1);
	box-shadow:
		0px 3px 11px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(195,214,219,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
}

/*★h4タグ装飾*/
.h4, .entry-content h4, .textwidget h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #ff0000;
	background-color:rgba(0,0,0,0) !important;
}

/*★サイドバー外枠*/
.right_sidebar .sub{padding:0;}
.sub{background-image:none;}
.sub .widget{
	background-color: rgba(0,0,0,0.5);
	border:none;
	box-shadow:none;
}

/*★サイドバータイトル*/
/*★★★左右カラムタイトル背景*/
.sub .widget .widget-title{
	background-color: rgba(0,0,0,0);
	//background-image:url(http://www.granje-o.com/wp-content/uploads/2015/06/title_bg_pink.jpg);
	background-image:url(http://www.granje-o.com/wp-content/uploads/2015/09/side_h3_bg.png);
	//background-position:left bottom;
	background-repeat:no-repeat;
	display:block;
	border: 1px solid #000;
}

/*★サイドバー内ul装飾*/
.sub ul li{
	//background-color: rgba(0,0,0,0.5);	
	padding-left:5px;
	color:#fff;
}
.textwidget{padding:0;
 	margin:0px;
	/*margin:-10px;*/
}
.sub ul li a{
	//padding:10px 10px 10px 30px;
	display:block;
}
.sub ul li a:before{background-color:rgba(0,0,0,0); background-image:none;}

/*デコレーション削除*/
.main-inner > .entry .entry-title .deco, .main-inner > .widget .widget-title .deco{
	background-image:url("http://www.granje-o.com/wp-content/uploads/2015/12/メモリアルルーン_50.png")!important;
	background-size:20px auto;
}

.sub ul li a:before{background-color:rgba(0,0,0,0); background-image:none;}


/*★★★中央カラム記事背景*/
.main-inner > .entry, .main-inner > .widget{
background-image:url("http://www.granje-o.com/wp-content/uploads/2015/09/fs-bg_news.png");
background-repeat:repeat-y;
background-size:100% auto;
border:1px solid #000;
-moz-box-shadow: 0 0 4px #000, 0 0 12px #000, 5px 5px 5px #333;  
-webkit-box-shadow: 0 0 4px #000, 0 0 12px #000, 5px 5px 5px #333;
	//background-color:rgba(255,255,255,0.15);
	//border:1px solid #B2C7D8;
	//border-radius:5px;
padding-left:15px;
padding-right:15px;
margin-top:5px;
margin-bottom:5px;
}

/*★★全体フォントstrongの装飾設定*/
b, strong{
	color:#FF3300;
	font-size: 110%;
}
/*★記事内のテーブルの装飾*/
.entry-content table, .textwidget table, .widget_text table{
	color:#fff;/*文字は白*/
	background-color:rgba(0,0,0,0.5);
}
/*★class="table_title指定のテーブルの装飾"*/
.table_title{
	background-color:rgba(190,190,255,0.4);
}

/*★記事上新着記事ウィジェットの装飾*/
.entry-title a{
	color:#00F9A9;
}

/*★popular post(記事下)の設定*/
.wpp-list{
	padding:0;
}
/*
.wpp-list_under{
	width:100%;
	margin:0 0 0 0;
}
.wpp-list_li{
	display:block;
	float:left;
	width:100%;
	//padding-bottom:30px;
	//margin-bottom:30px;
}
.wpp-list_li_img{
	width:50%;
	display:block;
	float:left;	
}
.wpp-list_li_title{
	width:50%;
	display:block;
	float:left;
}
*/
/*★popular post(サイドバー)の設定*/
.wpp-thumbnail{
	display:block;
}

/*★タイトル部分の余白の調整*/
.main-inner > .entry .entry-title, .main-inner > .widget .widget-title{
	padding:10px 20px !important;
}

/*★中央カラムのウィジェット背景を透過*/
.main-inner > .widget{
	background-image:none;
	background-color:rgba(0,0,0,0.5);
}
/*★網掛け内の装飾*/
.sub-div{
	color:#000;
}
/*★トップページ用網掛け内装飾*/
.sub-div-top{
	color:#fff;
}

/*★記事下関連記事の前にデコレーション追加*/
.related-entry-title > .deco{
	background-image:url("http://www.granje-o.com/wp-content/uploads/2015/12/メモリアルルーン_50.png")!important;
	background-repeat:no-repeat;
	background-size:20px auto;
	display:block;
	padding:1px 0 1px 22px;
	margin:0 0 0 -4px;
}
 
#related-entries .related-entry{
  margin-bottom:-10px;
}