@charset "UTF-8";
/*
 Theme Name:   NB-STYLE 賢威7スタンダード版3カラム
 Theme URI:    http://nb-style.info/
 Description:  賢威7.0 スタンダード版の3カラム子テーマです。
 Author:       風吹
 Author URI:   http://nb-style.info/
 Template:     nbstyle_st_black
 Version:      1.0.0
*/

/*　トップページ上部用　*/
.home_center{
	margin-bottom:10px;
}

/*　3カラムレイアウト　*/
.col2 .sub-conts2 {
    float: left;
    width: 18%;
    margin-left:5px;
}
.col2 .main-conts {
    float: left;
    margin:0 0 0 1.2em;
    width: 60%;
}

.col2 .sub-conts {
    float: right;
    width: 18%;
    margin-right:5px;
}

/*　画像付最近の投稿　*/
.post-list01 .post-box {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 180px;
}

.post-list02 .post-box {
    background-position: center center;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 180px;
}

/*　sidebar2 css　*/

.sub-conts2 .section-wrap{
	margin: 0 auto;
	padding: 0;
	border: none;
}

.sub-conts2 .section-wrap .section-in{
	padding: 0 20px 30px;
}

.col1 .sub-conts2 .section-wrap .section-in{
	padding: 0 80px 30px;
}

/*　サブコンテンツ用メニューのデザイン　*/
.sub-conts2 .link-menu{
	margin-left: 0;
	padding-left: 0;
}

.sub-conts2 .link-menu li{
	list-style: none;
	margin-bottom: 1em;
	padding-left: 13px;
	background: url(../nbstyle_st_black/images/icon/icon-list-arw.png) left 6px no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.sub-conts2 .link-menu li{
			background: url(../nbstyle_st_black/images/icon/icon-list-arw@2x.png) left 6px no-repeat;
			-webkit-background-size: 7px 10px;
			background-size: 7px 10px;
		}

	}

.sub-conts2 .link-menu ul{
	margin-top: 1em;
	margin-left: 10px;
	padding-left: 0;
}

.sub-conts2 .link-menu-image{
	margin-right: 0;
	margin-left: 0;
}

.sub-conts2 .link-menu-image li{
	list-style: none;
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}

.sub-conts2 .link-menu-image li:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;	
}

.link-menu-image-thumb{
	float: left;
	margin-right: 1em;
}

.sub-conts2 .link-menu-image .post-title{
	overflow: hidden;
	margin-bottom: 0;
	padding: 5px 0;
	border: none;
	background: none;
	font-weight: normal;
}

.sub-conts2 .section-wrap .section-in .section-title,
.sub-conts2 .section-wrap .article-header .section-title{
	margin: 0 -20px 30px;
	padding: 0 0 11px;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	font-size: 1.125em;
}

/*　カテゴリー　*/
.category-list,
.sub-conts2 .widget_categories ul{
	margin-left: 0;
	padding-left: 0;
}

.category-list li,
.sub-conts2 .widget_categories li{
	list-style: none;
	margin-bottom: 1em;
	padding-left: 15px;
	background: url(../nbstyle_st_black/images/icon/icon-tag.png) left 6px no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.category-list li,
		.sub-conts2 .widget_categories li{
			background: url(../nbstyle_st_black/images/icon/icon-tag@2x.png) left 6px no-repeat;
			-webkit-background-size: 12px 12px;
			background-size: 12px 12px;
		}

	}

.category-list ul,
.sub-conts2 .widget_categories ul ul{
	margin-top: 1em;
	margin-left: 10px;
	padding-left: 0;
}

.sub-conts2 .ranking-list03 .rank-thumb img{
	width: 100px;
	height: auto;
}

.col2 .sub-conts2 .ranking-list01 .rank-thumb,
.col2 .sub-conts2 .ranking-list02 .rank-thumb,
.col2r .sub-conts2 .ranking-list01 .rank-thumb,
.col2r .sub-conts2 .ranking-list02 .rank-thumb{
	float: none;
	text-align: center;
}

.sub-conts2 .ranking-list03 > li .rank-title{
	min-height: 25px;
	padding: 0 0 5px 40px;
	font-size: 1.25em;
}

.sub-conts2 .ranking-list03 > li .rank-title a{
	text-decoration: none;
}

.sub-conts2 .ranking-list03 .rank01 .rank-title{ background: url(../nbstyle_st_black/images/icon/icon-rank04-01.png) left top no-repeat; }
.sub-conts2 .ranking-list03 .rank02 .rank-title{ background: url(../nbstyle_st_black/images/icon/icon-rank04-02.png) left top no-repeat; }
.sub-conts2 .ranking-list03 .rank03 .rank-title{ background: url(../nbstyle_st_black/images/icon/icon-rank04-03.png) left top no-repeat; }
.sub-conts2 .ranking-list03 .rank04 .rank-title{ background: url(../nbstyle_st_black/images/icon/icon-rank04-04.png) left top no-repeat; }
.sub-conts2 .ranking-list03 .rank05 .rank-title{ background: url(../nbstyle_st_black/images/icon/icon-rank04-05.png) left top no-repeat; }
.sub-conts2 .ranking-list03 .rank06 .rank-title{ background: url(../nbstyle_st_black/images/icon/icon-rank04-06.png) left top no-repeat; }
.sub-conts2 .ranking-list03 .rank07 .rank-title{ background: url(../nbstyle_st_black/images/icon/icon-rank04-07.png) left top no-repeat; }
.sub-conts2 .ranking-list03 .rank08 .rank-title{ background: url(../nbstyle_st_black/images/icon/icon-rank04-08.png) left top no-repeat; }
.sub-conts2 .ranking-list03 .rank09 .rank-title{ background: url(../nbstyle_st_black/images/icon/icon-rank04-09.png) left top no-repeat; }
.sub-conts2 .ranking-list03 .rank10 .rank-title{ background: url(../nbstyle_st_black/images/icon/icon-rank04-10.png) left top no-repeat; }


	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.sub-conts2 .ranking-list03 .rank01 .rank-title{ background: url(../nbstyle_st_black/images/icon/icon-rank04-01@2x.png) left top no-repeat; }
		.sub-conts2 .ranking-list03 .rank02 .rank-title{ background: url(../nbstyle_st_black/images/icon/icon-rank04-02@2x.png) left top no-repeat; }
		.sub-conts2 .ranking-list03 .rank03 .rank-title{ background: url(../nbstyle_st_black/images/icon/icon-rank04-03@2x.png) left top no-repeat; }
		.sub-conts2 .ranking-list03 .rank04 .rank-title{ background: url(../nbstyle_st_black/images/icon/icon-rank04-04@2x.png) left top no-repeat; }
		.sub-conts2 .ranking-list03 .rank05 .rank-title{ background: url(../nbstyle_st_black/images/icon/icon-rank04-05@2x.png) left top no-repeat; }
		.sub-conts2 .ranking-list03 .rank06 .rank-title{ background: url(../nbstyle_st_black/images/icon/icon-rank04-06@2x.png) left top no-repeat; }
		.sub-conts2 .ranking-list03 .rank07 .rank-title{ background: url(../nbstyle_st_black/images/icon/icon-rank04-07@2x.png) left top no-repeat; }
		.sub-conts2 .ranking-list03 .rank08 .rank-title{ background: url(../nbstyle_st_black/images/icon/icon-rank04-08@2x.png) left top no-repeat; }
		.sub-conts2 .ranking-list03 .rank09 .rank-title{ background: url(../nbstyle_st_black/images/icon/icon-rank04-09@2x.png) left top no-repeat; }
		.sub-conts2 .ranking-list03 .rank10 .rank-title{ background: url(../nbstyle_st_black/images/icon/icon-rank04-10@2x.png) left top no-repeat; }

		.sub-conts2 .ranking-list03 .rank01 .rank-title,
		.sub-conts2 .ranking-list03 .rank02 .rank-title,
		.sub-conts2 .ranking-list03 .rank03 .rank-title,
		.sub-conts2 .ranking-list03 .rank04 .rank-title,
		.sub-conts2 .ranking-list03 .rank05 .rank-title,
		.sub-conts2 .ranking-list03 .rank06 .rank-title,
		.sub-conts2 .ranking-list03 .rank07 .rank-title,
		.sub-conts2 .ranking-list03 .rank08 .rank-title,
		.sub-conts2 .ranking-list03 .rank09 .rank-title,
		.sub-conts2 .ranking-list03 .rank10 .rank-title{
			-webkit-background-size: 30px 30px;
			background-size: 30px 30px;
		}

	}

.sub-conts2 .ranking-list03 > .rank01.on-image .rank-thumb:before{ content: url(../nbstyle_st_black/images/icon/icon-rank04-01.png); }
.sub-conts2 .ranking-list03 > .rank02.on-image .rank-thumb:before{ content: url(../nbstyle_st_black/images/icon/icon-rank04-02.png); }
.sub-conts2 .ranking-list03 > .rank03.on-image .rank-thumb:before{ content: url(../nbstyle_st_black/images/icon/icon-rank04-03.png); }
.sub-conts2 .ranking-list03 > .rank04.on-image .rank-thumb:before{ content: url(../nbstyle_st_black/images/icon/icon-rank04-04.png); }
.sub-conts2 .ranking-list03 > .rank05.on-image .rank-thumb:before{ content: url(../nbstyle_st_black/images/icon/icon-rank04-05.png); }
.sub-conts2 .ranking-list03 > .rank06.on-image .rank-thumb:before{ content: url(../nbstyle_st_black/images/icon/icon-rank04-06.png); }
.sub-conts2 .ranking-list03 > .rank07.on-image .rank-thumb:before{ content: url(../nbstyle_st_black/images/icon/icon-rank04-07.png); }
.sub-conts2 .ranking-list03 > .rank08.on-image .rank-thumb:before{ content: url(../nbstyle_st_black/images/icon/icon-rank04-08.png); }
.sub-conts2 .ranking-list03 > .rank09.on-image .rank-thumb:before{ content: url(../nbstyle_st_black/images/icon/icon-rank04-09.png); }
.sub-conts2 .ranking-list03 > .rank10.on-image .rank-thumb:before{ content: url(../nbstyle_st_black/images/icon/icon-rank04-10.png); }

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.sub-conts2 .ranking-list03 > .rank01.on-image .rank-thumb:before{ background: url(../nbstyle_st_black/images/icon/icon-rank04-01@2x.png); }
		.sub-conts2 .ranking-list03 > .rank02.on-image .rank-thumb:before{ background: url(../nbstyle_st_black/images/icon/icon-rank04-02@2x.png); }
		.sub-conts2 .ranking-list03 > .rank03.on-image .rank-thumb:before{ background: url(../nbstyle_st_black/images/icon/icon-rank04-03@2x.png); }
		.sub-conts2 .ranking-list03 > .rank04.on-image .rank-thumb:before{ background: url(../nbstyle_st_black/images/icon/icon-rank04-04@2x.png); }
		.sub-conts2 .ranking-list03 > .rank05.on-image .rank-thumb:before{ background: url(../nbstyle_st_black/images/icon/icon-rank04-05@2x.png); }
		.sub-conts2 .ranking-list03 > .rank06.on-image .rank-thumb:before{ background: url(../nbstyle_st_black/images/icon/icon-rank04-06@2x.png); }
		.sub-conts2 .ranking-list03 > .rank07.on-image .rank-thumb:before{ background: url(../nbstyle_st_black/images/icon/icon-rank04-07@2x.png); }
		.sub-conts2 .ranking-list03 > .rank08.on-image .rank-thumb:before{ background: url(../nbstyle_st_black/images/icon/icon-rank04-08@2x.png); }
		.sub-conts2 .ranking-list03 > .rank09.on-image .rank-thumb:before{ background: url(../nbstyle_st_black/images/icon/icon-rank04-09@2x.png); }
		.sub-conts2 .ranking-list03 > .rank10.on-image .rank-thumb:before{ background: url(../nbstyle_st_black/images/icon/icon-rank04-10@2x.png); }

		.sub-conts2 .ranking-list03 > .rank01.on-image .rank-thumb:before,
		.sub-conts2 .ranking-list03 > .rank02.on-image .rank-thumb:before,
		.sub-conts2 .ranking-list03 > .rank03.on-image .rank-thumb:before,
		.sub-conts2 .ranking-list03 > .rank04.on-image .rank-thumb:before,
		.sub-conts2 .ranking-list03 > .rank05.on-image .rank-thumb:before,
		.sub-conts2 .ranking-list03 > .rank06.on-image .rank-thumb:before,
		.sub-conts2 .ranking-list03 > .rank07.on-image .rank-thumb:before,
		.sub-conts2 .ranking-list03 > .rank08.on-image .rank-thumb:before,
		.sub-conts2 .ranking-list03 > .rank09.on-image .rank-thumb:before,
		.sub-conts2 .ranking-list03 > .rank10.on-image .rank-thumb:before{
			display: inline-block;
			width: 30px;
			height: 30px;
			vertical-align: middle;
			-webkit-background-size: contain;
			background-size: contain;
			content: " ";
		}

	}

.sub-conts2 .comparative-list02 > .rank01.on-image .rank-thumb:before{ content: url(../nbstyle_st_black/images/icon/icon-rank06-01.png); }
.sub-conts2 .comparative-list02 > .rank02.on-image .rank-thumb:before{ content: url(../nbstyle_st_black/images/icon/icon-rank06-02.png); }
.sub-conts2 .comparative-list02 > .rank03.on-image .rank-thumb:before{ content: url(../nbstyle_st_black/images/icon/icon-rank06-03.png); }
.sub-conts2 .comparative-list02 > .rank04.on-image .rank-thumb:before{ content: url(../nbstyle_st_black/images/icon/icon-rank06-04.png); }
.sub-conts2 .comparative-list02 > .rank05.on-image .rank-thumb:before{ content: url(../nbstyle_st_black/images/icon/icon-rank06-05.png); }
.sub-conts2 .comparative-list02 > .rank06.on-image .rank-thumb:before{ content: url(../nbstyle_st_black/images/icon/icon-rank06-06.png); }
.sub-conts2 .comparative-list02 > .rank07.on-image .rank-thumb:before{ content: url(../nbstyle_st_black/images/icon/icon-rank06-07.png); }
.sub-conts2 .comparative-list02 > .rank08.on-image .rank-thumb:before{ content: url(../nbstyle_st_black/images/icon/icon-rank06-08.png); }
.sub-conts2 .comparative-list02 > .rank09.on-image .rank-thumb:before{ content: url(../nbstyle_st_black/images/icon/icon-rank06-09.png); }
.sub-conts2 .comparative-list02 > .rank10.on-image .rank-thumb:before{ content: url(../nbstyle_st_black/images/icon/icon-rank06-10.png); }

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.sub-conts2 .comparative-list02 > .rank01.on-image .rank-thumb:before{ background: url(../nbstyle_st_black/images/icon/icon-rank06-01@2x.png); }
		.sub-conts2 .comparative-list02 > .rank02.on-image .rank-thumb:before{ background: url(../nbstyle_st_black/images/icon/icon-rank06-02@2x.png); }
		.sub-conts2 .comparative-list02 > .rank03.on-image .rank-thumb:before{ background: url(../nbstyle_st_black/images/icon/icon-rank06-03@2x.png); }
		.sub-conts2 .comparative-list02 > .rank04.on-image .rank-thumb:before{ background: url(../nbstyle_st_black/images/icon/icon-rank06-04@2x.png); }
		.sub-conts2 .comparative-list02 > .rank05.on-image .rank-thumb:before{ background: url(../nbstyle_st_black/images/icon/icon-rank06-05@2x.png); }
		.sub-conts2 .comparative-list02 > .rank06.on-image .rank-thumb:before{ background: url(../nbstyle_st_black/images/icon/icon-rank06-06@2x.png); }
		.sub-conts2 .comparative-list02 > .rank07.on-image .rank-thumb:before{ background: url(../nbstyle_st_black/images/icon/icon-rank06-07@2x.png); }
		.sub-conts2 .comparative-list02 > .rank08.on-image .rank-thumb:before{ background: url(../nbstyle_st_black/images/icon/icon-rank06-08@2x.png); }
		.sub-conts2 .comparative-list02 > .rank09.on-image .rank-thumb:before{ background: url(../nbstyle_st_black/images/icon/icon-rank06-09@2x.png); }
		.sub-conts2 .comparative-list02 > .rank10.on-image .rank-thumb:before{ background: url(../nbstyle_st_black/images/icon/icon-rank06-10@2x.png); }

		.sub-conts2 .comparative-list02 > .rank01.on-image .rank-thumb:before,
		.sub-conts2 .comparative-list02 > .rank02.on-image .rank-thumb:before,
		.sub-conts2 .comparative-list02 > .rank03.on-image .rank-thumb:before,
		.sub-conts2 .comparative-list02 > .rank04.on-image .rank-thumb:before,
		.sub-conts2 .comparative-list02 > .rank05.on-image .rank-thumb:before,
		.sub-conts2 .comparative-list02 > .rank06.on-image .rank-thumb:before,
		.sub-conts2 .comparative-list02 > .rank07.on-image .rank-thumb:before,
		.sub-conts2 .comparative-list02 > .rank08.on-image .rank-thumb:before,
		.sub-conts2 .comparative-list02 > .rank09.on-image .rank-thumb:before,
		.sub-conts2 .comparative-list02 > .rank10.on-image .rank-thumb:before{
			display: inline-block;
			width: 30px;
			height: 30px;
			vertical-align: middle;
			-webkit-background-size: contain;
			background-size: contain;
			content: " ";
		}

	}


/*　ウィジェット　*/

.sub-conts2 .widget_recent_entries ul,
.sub-conts2 .widget_rss ul,
.sub-conts2 .widget_archive ul,
.sub-conts2 .widget_recent_comments ul,
.sub-conts2 .widget_nav_menu ul{
	margin-left: 0;
	padding-left: 0;
}

.sub-conts2 .widget_recent_entries li,
.sub-conts2 .widget_rss li,
.sub-conts2 .widget_archive li,
.sub-conts2 .widget_recent_comments li,
.sub-conts2 .widget_nav_menu li{
	list-style: none;
	margin-bottom: 1em;
	padding-left: 13px;
	background: url(../nbstyle_st_black/images/icon/icon-list-arw.png) left 6px no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.sub-conts2 .widget_recent_entries li,
		.sub-conts2 .widget_rss li,
		.sub-conts2 .widget_archive li,
		.sub-conts2 .widget_recent_comments li,
        .sub-conts2 .widget_nav_menu li{
			background: url(../nbstyle_st_black/images/icon/icon-list-arw@2x.png) left 6px no-repeat;
			-webkit-background-size: 7px 10px;
			background-size: 7px 10px;
		}

	}

.sub-conts2 .widget_recent_entries ul ul,
.sub-conts2 .widget_rss ul ul,
.sub-conts2 .widget_archive ul ul,
.sub-conts2 .widget_recent_comments ul ul,
.sub-conts2 .widget_nav_menu ul ul{
	margin-top: 1em;
	margin-left: 10px;
}