﻿div.right-inner-container a{
	background:url(https://hitonowa.net/wp-content/themes/hitonowa/images/icon_arrow_01.gif) no-repeat left center;
	padding-left:10px;
}



/*ランキング*/
div#ranking-cnt{
	 padding:15px;
	 background:#f9f9f9;
	 border:1px solid #ccc;
	 margin-bottom:30px;
	 margin-top:30px;
}

div#ranking-cnt h4{
	margin-bottom:15px;
}

ul.wpp-list li{
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
	padding-bottom:10px;
}

ul.wpp-list li:nth-child(1){
	background: url(../images/ranking/01.png) no-repeat left center;
	background-size:20px 20px;
	padding-left:25px;
}

ul.wpp-list li:nth-child(2){
	background: url(../images/ranking/02.png) no-repeat left center;
	background-size:20px 20px;
	padding-left:25px;
}

ul.wpp-list li:nth-child(3){
	background: url(../images/ranking/03.png) no-repeat left center;
	background-size:20px 20px;
	padding-left:25px;
}


/*ボタン*/

.a-btn a{
	border: 5px solid #15aeec;
	background:#87CEFA url(../images/icon_arrow_01.gif) no-repeat 5px center !important;
	border-radius: 10px;
	line-height: 50px;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    width: 80%;
    margin: 30 auto;
	padding-top:15px;
	padding-left:15px !important;
	padding-right:15px;
	padding-bottom:15px;
	text-decoration:none !important;
	color: #fff;
}



/*文字の装飾*/

/*B（太文字）*/
strong{
	font-weight:bold;
}

/*見出し5*/
h6{
	font-size:125%;
	line-height:1.6;
}

/*一覧ページ（ページナビ）*/
.wp-pagenavi {
	padding: 10px 20px 10px !important;
	display:block !important;
	clear:both !important;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		color:#707070 !important;
		background:#FFFFFF !important;
		border-radius:3px !important;	
		-moz-border-radius:3px !important;
		-webkit-border-radius:3px !important;
		border:solid 1px #DCDCDC !important;
		padding:6px 9px 6px 9px !important;
		margin-right:3px !important;
		text-decoration:none !important;
		font-size:12px !important;
}
.wp-pagenavi a:hover {
		border-color:#202020 !important;
		background:#525252 !important;
		color:#fff !important;
		background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252)) !important;

}
 .wp-pagenavi span.current{
		padding:6px 9px 6px 9px !important;
		border:solid 1px #DCDCDC !important;
		border-color:#3390CA !important;
		border-radius:3px !important;	
		-moz-border-radius:3px !important;
		-webkit-border-radius:3px !important;
		color:#fff !important;
		margin-right:3px !important;
		border-color:#202020 !important;
		background:#525252 !important;
		background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252)) !important;
}






/* ////////////////////////////////////////
スマートフォン向けのスタイル：479px以下 
////////////////////////////////////////*/
@media screen and (max-width: 479px) {

/*-----------
テーブルカレンダー
------------*/

table#wp-calendar{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

table#wp-calendar a{
	text-decoration:underline;
}

table#wp-calendar th{
	background:#fcfcfc;
	border:1px solid #D5C5C1;
}

table#wp-calendar td{
	border:1px solid #D5C5C1;
}

table#wp-calendar tbody tr td{
	padding:5px;
}

/*土曜日*/
thead th:nth-child(6){
	background:#F6F9FF !important;
	color:#105EB6;
}

/*日曜日*/
thead th:nth-child(7){
	background:#FFF7F8 !important;
	color:#F96DA0;
}

tfoot tr td{
	border:none !important;
}




/*SNSボタン*/
div.wp_social_bookmarking_light{
	padding-top:30px !important;
}








/*記事送り*/

p.pagenation{
	clear:both;
	margin-bottom:15px;
}

.pagenation span a{
	background:none;
	padding-left:0px !important;
}


.pagenation span a{
	background:none;
}

.previous {
	width:38%;
	float: left;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:25px;
	background:#fff url(../images/sub-arrow.png) no-repeat 3px center;
	border:1px solid #ccc;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
	/*以下、長い場合...*/
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.next {
	width:38%;
	float: right;
	padding:10px 20px 10px 10px;
	text-align:left;
	background:#fff url(../images/sub-arrow.png) no-repeat 97% center;
	border:1px solid #ccc;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
	/*以下、長い場合...*/
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}



/*******************************************
お知らせ一覧
*******************************************/

div#table-container{
	font-size:90%;
}

/*テーブル用*/
div.table-container{
	border-top:1px solid #E6E5E5;
	border-bottom:1px solid #E6E5E5;
}

div.th-left{
	width:100%;
	font-weight:normal;
	padding:1.2em 0.6em 1.2em 0.6em;
	margin-right:5px;
}

div.th-left img{
	width:100%;
	height: auto;
	}

div.td-left-3{
	width:100%;
	font-weight:normal;
	padding:0em 0.6em 1.2em 0.6em;
}

/*カテゴリ*/
p.blog-cat a{
	background:#f3f3f3;
	padding:10px;
	border-radius:5px;s
}

/*NEW表記*/

span.new{
	padding:3px;
	font-size:80%;
	background:#FF8000;
	border-radius: 5px;/* CSS3草案 */  
	color:#fff;
	margin-left:5px;
	display:inline;
	width:30px;
}





}







/*////////////////////////////////////////
 タブレット向けのスタイル：481px ～ 768px 
////////////////////////////////////////*/
@media only screen and (min-width: 481px) {

/*-----------
テーブルカレンダー
------------*/

table#wp-calendar{
	width:280px;
}

table#wp-calendar a{
	text-decoration:underline;
}

table#wp-calendar th{
	background:#fcfcfc;
	border:1px solid #D5C5C1;
}

table#wp-calendar td{
	border:1px solid #D5C5C1;
}

table#wp-calendar tbody tr td{
	padding:5px;
}

/*土曜日*/
thead th:nth-child(6){
	background:#F6F9FF !important;
	color:#105EB6;
}

/*日曜日*/
thead th:nth-child(7){
	background:#FFF7F8 !important;
	color:#F96DA0;
}

tfoot tr td{
	border:none !important;
}






/*SNSボタン*/
div.wp_social_bookmarking_light{
	padding-top:50px !important;
}


/*---------------------
記事コメント
---------------------*/
h1{
	font-size:110% !important;
	line-height:1.6!important;
}

h3#reply-title{
	background:none !important;
	font-size:110% !important;
	padding-left:0px !important;
	margin-top:50px;
	border-bottom:1px dashed #ccc;
}

p.logged-in-as{
	color:#999;
}

p.logged-in-as a{
	color:#666;
}


#comment{
	width:600px;
}


p.form-submit input{
	border:3px solid #D3D3C9;
	border-radius: 10px;
	box-shadow: 0px 0px 15px -5px rgba(110, 110, 110, 0.8);
	padding:20px 200px 20px 200px;
	background:url(../images/arrow.png) no-repeat 10px center;
	margin-top:0px;
	margin-bottom:50px;
	cursor:pointer;

	width:600px;
	margin-left:auto;
	margin-right:auto;
}

input{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor:none;
	padding:10px;
	width:400px;
}

div#respond label{
	display: block; 
}



/*---------------------
記事（index.php）ページナビ（プラグイン）
---------------------*/
div.wp-pagenavi{
	margin-top:30px;
}


p#blog-cat{
	font-size:90%;
	padding:10px;
	background:#fcfcfc;
	border-top:1px solid #ccc;
}

/*singleページナビ*/
.pagenation {
	margin: 0px 0px 60px 0px;
	padding: 10px 15px;
	overflow: hidden;
	background:url(../images/info/navi-line.png) repeat-x left top;
}

.pagenation span a{
	background:none;
}
	
.previous {
	width:45%;
	float: left;
	padding-top:15px;
	padding-bottom:30px;
}

.next {
	width:45%;
	float: right;
	padding-top:15px;
	padding-bottom:30px;
	text-align:right;
}

.right-inner-container{
	clear:both;
	margin-bottom:100px;
}


/*******************************************
お知らせ一覧
*******************************************/

div#table-container{
	font-size:90%;
}


/*テーブル用*/
div.table-container{
	border-top:1px solid #E6E5E5;
	border-bottom:1px solid #E6E5E5;
}

div.th-left{
	float:left;
	width:12%;
	font-weight:normal;
	padding:1.2em 0.6em 1.2em 0.6em;
}
	
div.th-left img{
	width:100%;
	height: auto;
	}

div.td-left-2{
	float:left;
	width:20%;
	font-weight:normal;
	padding:1.0em 0.6em 1.0em 0.6em;
}

div.td-left-3{
	float:left;
	width:60%;
	font-weight:normal;
	padding:1.2em 0.6em 1.2em 0.6em;
}

/*カテゴリ*/
p.blog-cat a{
	background:#f3f3f3;
	padding:10px;
	border-radius:5px;s
}


/*NEW表記*/

span.new{
	padding:3px;
	font-size:80%;
	background:#FF8000;
	border-radius: 5px;/* CSS3草案 */  
	color:#fff;
	margin-left:5px;
	display:inline;
	width:30px;
}



}






/*////////////////////////////////////////
PC向けのスタイル：769px～960px 
////////////////////////////////////////*/
@media only screen and (min-width: 769px) {



}



