@charset "utf-8";

* {list-style:none;margin:0px;padding: 0px;font-family: 'Meiryo', 'メイリオ', Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;}


img{border: 0;vertical-align:bottom;}

/* -- ▼ floatをクリアするためのCSS ▼ -- */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* -- ▼ 文字を隠す ▼ -- */
.hide{overflow:hidden;white-space:nowrap;text-indent:100%;}

/* -- ▼ float指定 ▼ -- */
.left{float:left;}
.right{float:right;}

/* ----------------------------------------------------------
リンク色指定
------------------------------------------------------------ */
a:link, a:active {
    color: #000;
    text-decoration: none;
}
a:visited {
    color: #757575;
    text-decoration: none;
}
a:hover {
    color: #a29f6d;
    text-decoration: none;
}
/* ----------------------------------------------------------
form リセット
------------------------------------------------------------ */
select,input,button{

    -moz-appearance: none;
    -ms-appearance:none;
    appearance: none;
    border-style:none;	
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

/* ----------------------------------------------------------
基本的なレイアウト
------------------------------------------------------------ */

#wrapper{width:100%;margin:0 auto;}
.inner{width:1000px;margin:0 auto;}



/* ----------------------------------------------------------
スプライト設定
------------------------------------------------------------ */

.sprite, .sprite a{
    background-image: url("/common/jb2015/images/jbp-sprite.png?rd=201509041937");
    background-repeat: no-repeat;
	}
.sprite-text{
	 display: none;
	}



/* -----------------------------------
背景画像の指定
------------------------------------ */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx){
.sprite, .sprite a{background-image:url(/common/jb2015/images/jbp-sprite@2x.png?rd=201509041937);background-size:300px 2800px;-webkit-background-size:300px 2800px;-moz-background-size:300px 2800px;-ms-background-size:300px 2800px;}
}


/* ----------------------------------------------------------
全体
------------------------------------------------------------ */
header{
	background-color:#000;
	color:#fff;
	}
header .jbpress{
	margin-bottom:10px;
	}	
header .jbpress a{
	background-position:0px 0px;
	display:block;
	width:260px;
	height:50px;
	}
#header-inner{
    overflow:hidden;
	padding:0px 20px;
	min-width:1020px;
	max-width:1250px;
	margin-right:auto;
	margin-left:auto;
	}
#header-inner1{
	background-color:#000;
	color:#fff;
	padding:30px 0px;
	}
.header-inner1-main{
	position:relative;
	}		
/* -- ヘッダーのsns -- */
.header-sns{
	display:block;
	position:absolute;
	right:0px;
	bottom:5px;
	height:70px;
	}	
.header-sns li{
	margin-right:10px;
	width:66px;
	height:40px;	
	}
.header-sns li a{
	color:#fff;	
	}	
.header-sns li span{
	width:66px;
	padding-top:50px;
	font-size:13px;
	line-height:16px;	
	display:block;
	text-align:center;
	}		
.header-sns li:last-child{
	margin-right:0px;
	}
		
.header-fb{
	background-position:0px -80px;
	width:66px;
	height:40px;
	display:block;	
	}
.header-fb:hover{
	background-position:0px -130px;
	color:#3a5795;
	}
.header-fb span:hover{
	color:#3a5795;
	}
	
.header-tw{
	background-position:0px -180px;
	width:66px;
	height:40px;
	display:block;	
	}
.header-tw:hover{
	background-position:0px -230px;
	}	
.header-tw span:hover{
	color:#55acee;
	}	
		
.header-rss{
	background-position:0px -280px;
	width:66px;
	height:40px;
	display:block;		
	}
.header-rss:hover{
	background-position:0px -330px;
	}
.header-rss span:hover{
	color:#e68300;
	}	
		
.header-member-join{
	background-position:0px -380px;
	width:66px;
	height:40px;
	display:block;				
	}
.header-member-join:hover{
	background-position:0px -430px;	
	}
.header-member-join span:hover{
	color:#a29f6d;
	}	
	
.header-member-login{
	background-position:0px -480px;
	width:66px;
	height:40px;
	display:block;			
	}
.header-member-login:hover{
	background-position:0px -530px;
	}
.header-member-login span:hover{
	color:#b12100;
	}
.header-member-logout{
	background-position:0px -2070px;
	width:66px;
	height:40px;
	display:block;			
	}
.header-member-logout:hover{
	background-position:0px -2120px;
	}
.header-member-logout span:hover{
	color:#b12100;
	}				
				
	
/* -- 日付 -- */
#today{
	color: #a29f6d;
	font-size: 18px;
	line-height: 23px;
	}

/* -- ナビ -- */			
#header-inner2{
	background-color:#a29f6d;
	border-top: 1px solid #fff;	
	border-bottom: 1px solid #fff;			
	color:#fff;
	}
#site-nav{
	display:block;
    overflow:hidden;
	padding:0px 20px;
	min-width:1020px;
	max-width:1250px;    
	margin-right:auto;
	margin-left:auto;
	font-size:15px;
	line-height:23px;	
	letter-spacing:0.1em;
	text-align:center;			
	}
#site-nav div{
	width:1018px;
	margin:0 auto;		
	}	
#site-nav span{
	float:left;
	display:block;
	}	
#site-nav a span{
	color:#fff;	
	display:block;
	}
#site-nav .nav,.nav-en{
    display: block;
    float: left;
    line-height: 34px;
    padding: 8px 8px;
	text-align: center;
	}
	
/* -- ナビのマウスオーバーとカレント -- */		
#site-nav a .nav:hover{
	background: linear-gradient(top center, #000 0%, #575757 100%);
	background: -moz-linear-gradient(#000, #575757);
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#575757)); 
	}
#site-nav div .current .nav{
	background: linear-gradient(top center, #a29f6d 0%, #e2e1c9 100%);
	background: -moz-linear-gradient(#a29f6d, #e2e1c9);
	background: -webkit-gradient(linear, left top, left bottom, from(#a29f6d), to(#e2e1c9)); 
	}
/* -- /ナビのマウスオーバーとカレント -- */	
				
				
#site-nav .nav-movie{
    background-color: #fff;
    background-position: 0 -1590px;
    border: 2px solid #fff;
    border-radius: 2px;
    color: #fff;
    display: block;
    height: 30px;
    width: 58px;
	font-size: 13px;
	line-height: 32px;
    margin: 8px 10px 0;
    text-align: center;
	}		
#site-nav a .nav-movie:hover{
	background-position:0px -630px;
	background-color: #88855d;
    border: 2px solid #88855d;
	color:#fff;
	}
#site-nav .current .nav-movie{
	background-position:0px -590px;
	background-color: #88855d;
    border: 2px solid #88855d;
	color:#88855d;
	width: 58px;
    height: 30px;
    border-radius: 2px;
	display: block;
	font-size: 13px;
	line-height: 32px;
    margin: 8px 10px 0;
    text-align: center;
	}
	
		
#site-nav .nav-en{	
	background-color: #88855b;
    border-radius: 4px;
    color: #fff;
    height: 18px;
    letter-spacing: 0.05em;
    line-height: 20px;
    margin: 8px 8px;
}
#site-nav .nav-en:hover{	
	background-color:#3b3b28;
}	
#site-nav .header-form{
	margin:0px 8px;	
	}
#site-nav .header-form form{
    background-color: #000;
    border-radius: 6px;
    cursor: pointer;
	margin-top:8px;

	}
#site-nav .header-form input{
	cursor: pointer;	
	}
#site-nav .header-search-input{
    background-color: #000;
    color: #fff;
    width: 185px;
	height:26px;
	padding:4px;
	border-radius: 4px;
	}		
#site-nav .header-search-button{
	background-color:#000;
	background-position:0px -670px;
	width:26px;
	height:26px;
	margin: 4px 4px 0 0;
	text-indent:-1000px;	
	}

/* ----------------------------------------------------------
広告関係
------------------------------------------------------------ */
/* -- レクタングル広告 -- */
.rectangle-ad{
	width:300px;
	}

/* -- テキスト広告 -- */
	
.text-ad{
	color:#fff;
	font-size:18px;
	line-height:24px;
	font-weight:bold;
	display:block;
	width:270px;
	}	
.text-ad a{
	color:#fff;	
	display:block;
	padding: 15px;
	height: 100%;
	width: 270px;
	}	
.half1{
	background-color: #a29f6d;
	height:142px;
	width:100%;
	position:relative;
	}
.half1:hover{
	background-color: #666633;
	}	
.half2{
	background-color: #b20601;
	height:142px;
	width:100%;	
	position:relative;	
	}	
.half2:hover{
	background-color: #990000;
	}	
.half-top{
	margin-bottom:16px;
	}
.text-ad-title{
	display:block;
	width:270px;
	height:92px;
	position:absolute;
	left:15px;
	top:15px;
	word-break: break-all;
	}
.text-ad-pr{
	display:block;
	font-size:14px;
	height:20px;
	position:absolute;
	right:15px;
	bottom:15px;
	}




/* -- GIFテキスト広告 -- */

.ad{
	display:block;
	background: #fefefe;
	}
.ad:hover{
	background: #fefefe;
	color:#000;
	}

.ad .article-inner span span a{
    display: block;
    height: 100%;
    width: 100%;
	background: #fefefe;
    transition: all 0.3s ease 0s;	
	}
.ad .article-inner span span a:hover{
		background:#333;
		color:#fff;
	}		
#article-list .ad .article-inner span span a:hover{
		color:#fff;
	}	
.ad .article-inner span span a img{
	display:block;
	width:300px;
	height:169px;
	overflow:hidden;
	}
.ad .article-inner span span a img:hover{
	color:#fff;
	background-color:#333;
	}	
.ad .article-inner span span a span{
	display:block;
	padding:15px;
	font-size: 20px;
	font-weight: bold;
	height: 80px;
	letter-spacing: 0.05em;
	line-height: 24px;
	overflow: hidden;
	width: 270px;
	height:99px;

	}
.ad .article-inner span span a span:hover{
	background-color:#333;
	color:#fff;
	transition: all 0.3s ease 0s;	
	}

/* 20170529 */
.ad .article-inner div a{
    display: block;
    height: 100%;
    width: 100%;
	background: #fefefe;
    transition: all 0.3s ease 0s;	
	}
.ad .article-inner div a:hover{
		background:#333;
		color:#fff;
	}		

.ad .article-inner div a img{
	display:block;
/*
	width:300px;
	height:169px;
*/
	width:298px;
	height:auto;
	overflow:hidden;
	}
.ad .article-inner div a img:hover{
	color:#fff;
	background-color:#333;
	}	
.ad .article-inner div a span{
	display:block;
	padding:15px;
	font-size: 20px;
	font-weight: bold;
	height: 80px;
	letter-spacing: 0.05em;
	line-height: 24px;
	overflow: hidden;
	width: 270px;
	height:99px;

	}
.ad .article-inner div a span:hover{
	background-color:#333;
	color:#fff;
	transition: all 0.3s ease 0s;	
	}

/* ----------------------------------------------------------
記事関連
------------------------------------------------------------ */
.subtitle{
	font-weight:normal;
	display:inline;
	font-size:16px;
	line-height:18px;
	}	


/* -- w300記事の共通設定 -- */
.article{
	position:relative;
	width:300px;
	height: 300px; 
	border:1px solid #CCCCCC;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}
.article-inner {
	position: relative;
	overflow: hidden;
	height:298px;
}
.article-inner:hover{
	color:#fff;
}
.article-img{
	width:300px;
	max-height:169px;
	display:block;
	overflow:hidden;
	}
.article-inner .play{
	left: 114px;
    position: absolute;
    top: 50px
}	
.article-img .img{
	position: absolute;
	
	}
.article-caption {
	position: absolute;
	bottom: -169px;
	left: 0;
	z-index: 2;
	width: 270px;
	height: 270px;
	background: #fefefe;
	-webkit-transition: .3s;
	transition: .3s;
	color:#000;
	padding: 15px;
    z-index: 1;	
}
.article-caption:hover{
	background: #333333;
	color:#fff;
	}	
.article-caption-title{
	width: 270px;
	height: 95px;
	display:block;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 24px;
	overflow:hidden;
	margin-bottom:20px;
	display:inline-block;
	word-break:break-all;
	}
/*ChromeとOperaのみだけに適用されるCSSハック*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
  .article-caption-title{
	/* word-wrap: break-word; */
	/* white-space: pre; */
  }
}
.article-caption-title .subtitle{
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.05em;
	line-height: 20px;
	}	
.article-caption-summary{
	width: 270px;
	height: 65px;
	display:block;
    font-size: 14px;
    line-height: 22px;
	margin-top:20px;
	overflow:hidden;
	text-overflow: ellipsis;	
	}
.article-caption-date{
	height: 20px;
	display:block;
    font-size: 12px;
    line-height: 16px;
	margin-top:15px;
	}
.article-author{
	height: 20px;
	display:block;
    font-size: 12px;
    line-height: 16px;
	margin-top:15px;
	}	
.article-inner:hover .article-caption {
	bottom: 0;
	}


/* -- テキストのみの記事 -- */
.article-caption2 {
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: auto;
	width: 270px;
	height: 270px;
	background: #fefefe;
	-webkit-transition: none;
	transition: none;
    transition: all 0.3s ease 0s;
	color:#000;
	padding: 15px;
}
.article-caption2:hover{
	background: #333;
	color:#fff;
	}	

/* -- GIFテキストの記事（動きなし） -- */
.article-caption3 {
	bottom: 0px;
	left: 0;
	width: 270px;
	height: 101px;
	color:#fff;
	padding: 15px;
	display:block;
}
.gif-text-hover{
	border:1px solid #CCCCCC;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	display:block;
	}			
.gif-text-hover:hover{

	}	
.gif-text-hover a{
	font-size: 20px;
    	font-weight: bold;
    	letter-spacing: 0.05em;
    	line-height: 24px;
	}
			
	
/* -- カテゴリーラベル -- */
.category-label-article{
	height:20px;
	display:block;
	background-color: #a29f6d;
	color:#fff;
	position:absolute;
	top:139px;
	padding:5px 30px 5px 30px;
	}


.category-label-inner{
	font-size:16px;
	line-height:22px;
	letter-spacing:0.1em;
	}


/* -- カテゴリーラベル(ad) -- */
.box.ad .category-label-article{
	top:266px;
	left:216px;
	}


/* -- 中タイトル -- */
.title-border{
	padding: 15px 0px;
	border-top: 4px solid #a29f6d;
	color: #a29f6d;
	display:block;
	font-size:18px;
	line-height:22px;	
	letter-spacing:0.05em;	
	}
	
/* -- マージン -- */	
.margin-b{
	margin-bottom:12px;
	}			
.margin-r{
	margin-right:12px;
	}	

/* ----------------------------------------------------------
記事の移動設定
------------------------------------------------------------ */	
#article-list {
	margin:0 auto;
	padding-bottom:24px;		
}

#article-list div.box {
 margin-bottom:12px;
 float:left;
 width:300px;
 height:300px;
}

#article-list div.box.rec-ad {
 height:250px;
}


/* -- 3列に移動した後の記事のマージン設定 -- */
	@media only screen and (max-width:1260px){
#article-list {
	width:925px;  	
	margin:0 auto;
}
	}
	

/* ----------------------------------------------------------
カテゴリー別記事の移動設定
------------------------------------------------------------ */	
#category-list div.box {
 margin-bottom:12px;
 float:left;
 width:300px;
 height:250px; 
}
#category-list div .c-list{
 height:250px;
}

	
/* ----------------------------------------------------------
メイン
------------------------------------------------------------ */
#contents{
    overflow:hidden;
	min-width:1020px;
	max-width:1250px;  
    background-color:#ffffff;
    padding:12px 4px;
	margin-right:auto;
	margin-left:auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
}
#contents-inner{
	margin-right:auto;
	margin-left:auto;
}




/* -- TOPNEWS -- */
#top-news{
	position:relative;
	width: 900px;
	height:506px;
	margin-right:auto;
	margin-left:auto;
	overflow:hidden;
	}

#top-news .top-news-img{
	width:900px;
	max-height:506px;
	display:block;
	overflow:hidden;
	}


#top-news .top-category-article{
	max-width:50%;
	max-height:337px;
	overflow:hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;		
	position:relative;
	}
#top-news .top-category-article-inner{
	padding-right:6px;	
	position:relative;	
	}

#top-news .top-category-img{
	max-width:900px;
	max-height:337px;
	overflow:hidden;
	display:block;
	}
#top-news .top-category-img img{
	width:100%;
	height:100%;
	}
#top-news .caption {
    bottom: -380px;
    height: 100%;
    width: 900px;
    position: absolute;
    transition: all 0.3s ease 0s;
    z-index: 1;
	}	
#top-news .category-label {
    background-color: #a29f6d;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 20px;
    letter-spacing: 0.05em;
    line-height: 23px;
    padding: 5px 30px;
    text-align: center;
	position:static;
}

#top-news .caption-inner {
    background-color: rgba(0, 0, 0, 0.65);
    color: #fff;
    display: block;
    padding: 15px;
    transition: all 0.3s ease 0s;
	max-width: 100%;
	position:none;
	height:300px;

}
#top-news .caption-inner .title-top-news{
	display:block;
	color:#fff;
	font-size:24px;
	line-height:32px;
	font-weight:bold;
	letter-spacing:0.05em;
	}
#top-news .caption-inner .title-top-news .subtitle{
	font-size:24px;
	line-height:32px;
	font-weight:normal;
	letter-spacing:0.05em;
	}
#top-news .caption-inner .article-caption-summary {
    display: block;
    font-size: 14px;
    line-height: 22px;
    margin-top: 46px;
    overflow: hidden;
	width:100%;
	text-overflow: ellipsis;
}
#top-news:hover .caption {
	bottom: -206px!important;
}










/* -- TOP-category 記事部分 -- */

.category-label{
	height:20px;	
	display:block;
	background-color: #a29f6d;
	color:#fff;
	position:absolute;
	bottom:90px;
	padding:5px 30px 5px 30px;
	font-size:18px;
	line-height:23px;
	letter-spacing:0.05em;
	text-align:center;
	}
	

		
.title-top-category{
	display:block;
	
	}
.title-left span{
	display:block;
	color:#fff;
	font-size:22px;
	line-height:28px;
	letter-spacing:0.05em;
	width:100%;	
	margin-bottom:40px;
	}
.title-left span .subtitle{
	display:inline;
	font-size:18px;
	}	
.title-right span{
	display:block;
	color:#fff;
	font-size:22px;
	line-height:28px;
	letter-spacing:0.05em;
	width:100%;	
	margin-bottom:40px;
	}
.title-right span .subtitle{
	display:inline;
	font-size:18px;
	}

/* -- TOP-category -- */

#top-category{
	margin-right:auto;
	margin-left:auto;
	padding:0px 12px;
	min-width:1020px;
	max-width:1250px;		
	}	
.top-category-article {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
    max-height: 337px;
    max-width: 50%;
    overflow: hidden;
    position: relative;
}
.top-category-article-inner-left{
    margin-right: 6px;
    overflow: hidden;
	position:relative;	
	}
	
.top-category-article-inner-right{
	padding-left:6px;
	position:relative;	
	}	

.top-category-img{
	max-width:600px;
	min-height:338px;
	overflow:hidden;
	display:block;
	}
.top-category-img img{
	width:100%;

	}
#top-category .top-category-article .caption {
    bottom: -228px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: absolute;
    transition: all 0.3s ease 0s;
    z-index: 1;
}
#top-category .top-category-article .category-label {
    background-color: #a29f6d;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 20px;
    letter-spacing: 0.05em;
    line-height: 23px;
    padding: 5px 30px;
    text-align: center;
	position:static;
}


#top-category .top-category-article .caption-inner {
    background-color: rgba(0, 0, 0, 0.65);
    color: #fff;
    display: block;
    height: 300px;
    min-width: 400px;
    padding: 15px;
    transition: all 0.3s ease 0s;
}
#top-category .caption-inner .title-top-category{
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 30px;
	}
#top-category .caption-inner .article-caption-summary {
    display: block;
    font-size: 14px;
    line-height: 22px;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
#top-category .top-category-article-inner-right:hover .caption {
	bottom: -37px!important;
}

#top-category .top-category-article-inner-left:hover .caption {
	bottom: -37px!important;
}


/* -- top-category2 -- */
#top-category2{
	margin-right:auto;
	margin-left:auto;
	}


/* -- top-category2-bottom -- */
#top-category2-bottom{
	position:relative;
	}

	
/* -- 最新記事一覧 -- */	
#top-category2-bottom-new{
	width:612px;
	}
.new-title-list-title{
	padding: 2px 14px;
	height:20px;
	margin-bottom:14px;
	background-color:#880001;
	color: #fff;
	font-size:14px;
	letter-spacing:0.1em;	
	font-weight:bold;
	display:block;
	}
.go-new-list{
	color: #fff;
	font-size:12px;
	letter-spacing:0.1em;
	font-weight:normal;
	display:block;
	padding-right:10px;
	background: url("/common/jb2015/images/common/icon-try-w.png?rd=20150305") no-repeat right center;
	background-size:7px 8px;
	padding-top:1px;
	}
	
.new-title{
	display:block;
	font-size:16px;
	line-height:22px;
	letter-spacing:0.05em;
	font-weight:bold;
	padding:5px 10px;
	border-bottom: 1px dotted #000;
	}
.new-title-list span .new-title .subtitle{
	font-size:14px;
	line-height:22px;	
	}		
.new-title img{
	vertical-align:middle;
	}	
.new-author,.new-date{
	font-size:12px;
	font-weight:normal;
	color:#363636;
	}
.new-date{
	margin-left:5px;
	}
.new-title-list .list-ad{
	border-bottom: 1px dotted #000;
	display: block;
	font-weight: bold;
	padding:5px 10px;
	}
/* 20170529 */
.new-title-list .list-ad div{
	display: inline-block;
}

.new-title-list .list-ad .text-ad-pr {
    bottom: 0;
    color: #5a5a5a;
    display: inline-block;
    font-size: 14px;
    height: 20px;
    position: static;
    right: 0;
}


/* --ranking -- */
.ranking{
	width:300px;
	}
.ranking-title{
	text-align:center;
	border:none;	
	}
.ranking-tab{
	margin-bottom:15px;
	height:30px;
	}	
.ranking-tab li{
	margin-right:3px;
	}
.ranking-tab li a{
	color:#fff;
	display:block;
	}				
.ranking-tab li:nth-child(3){
	margin-right:0px;
	}		
.ranking-tab-on{
	width:98px;
	display:inline-block;
	background-color:#a29f6d;
	color:#fff;
	font-size:12px;
	line-height:22px;
	text-align:center;	
	}
.ranking-tab-off{
	width:98px;
	display:inline-block;
	background-color:#c7c5a7;
	color:#fff;
	font-size:12px;
	line-height:22px;
	text-align:center;	
	}
.rank-sns{
	background-position:0px -1410px;
	width:98px;
	height:22px;
	display:block;
	}	
.rank-sns a{
	background:none;
	width:98px;
	height:22px;
	display:block;
	}
		
.ranking-tab li img{
    vertical-align: middle;
	}

.ranking-inner{
	position:relative;
	height:500px;
	}	
.ranking-inner ul{
	position:absolute;
	top:0px;
	left:0px;
	}		
	
.ranking-main li{
	margin-bottom:15px;
	width:300px;
	}	
.ranking-number{
	font-size:50px;	
	font-family:arial;
	font-weight:bold;
	width:30px;
	min-height:30px;	
	text-align:center;
	display:block;
	color:#c7c5a7;
	}	
.ranking-article {
    	display: block;
    	font-size: 15px;
    	line-height: 22px;
    	min-height: 30px;
    	padding-left:12px;
    	width: 258px;
	}
.ranking-article .new-author{
    	display: inline-block;
	}
.new-com{ 
	font-size:12px;
    	line-height: 22px;
	color:#363636;
	display:block;
	width:100%;	
	}
.new-com .icon-tw{ 
	width:35px;
	background: url("/common/jb2015/images/common/icon-tw.jpg") 0px 3px;
	background-repeat: no-repeat;		
	padding: 0px 5px 0px 15px;
	margin-left: 5px;
	display:block;
	}
.new-com .icon-fb{
	width:35px;
	background: url("/common/jb2015/images/common/icon-fb.jpg") 0px 3px;
	background-repeat: no-repeat;	
	padding: 0px 5px 0px 15px;
	display: block;
	}	
	
.ranking-list{
	/*border-bottom: 4px solid #a29f6d;*/
	border-bottom: 4px solid #fff;
	}		
.ranking-list .list{
	display:block;
	background: url("/common/jb2015/images/common/icon-tri.png?rd=20150305") no-repeat right 10px;
	background-size:7px 8px;
	font-size:14px;
	color: #a29f6d;
	padding:4px 14px 4px 0px;
	letter-spacing:0.05em;
	}		


/* -- article-left-2 -- */
.article-left-2{
	width:300px;
	}
	
/* --pickup-video -- */	
.pickup-video{
	width:616px;
	height:320px;
	position:absolute;
	left:0px;
	bottom:0px;
	}
	
.pickup-video .title-border{
	border-top: 4px solid #a29f6d;
    color: #a29f6d;
    display: block;
    font-size: 18px;
    letter-spacing: 0.05em;
    line-height: 22px;
    padding: 10px 0;	
	}

.pickup-video .title-border span{
     /* -- background-image: url("/common/jb2015/images/jbp-sprite.png") no-repeat; -- */
	background-position: 0 -1590px;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 30px;
    padding-top: 6px;
    text-align: center;
    width: 59px;
	}
.pickup-video .title-border .list{
	display:block;
	background: url("/common/jb2015/images/common/icon-tri.png?rd=20150305") no-repeat right 10px;
	background-size:7px 8px;
	font-size:14px;
	color: #a29f6d;
	margin-right:14px;
	padding:4px 0px;
	}	
.pickup-bottom{
	padding:0px 10px;
	}
.pickup-img{
	width:352px;
	height:198px;
	}
.pickup-inner{
	width:233px;
	margin-left:10px;
	}
.pickup-title{
	font-size:20px;
	line-height:24px;
	letter-spacing:0.1em;
	font-weight:bold;
	display:block;
	margin-bottom:6px;
	word-break: break-all;
	width: 200px;
	}
.pickup-summary{
	font-size:12px;
	line-height:18px;
	letter-spacing:0.1em;
	display:block;
	word-break: break-all;
	width: 200px;
	}
.pickup-inner .new-date{
	margin-left:0px;
	}
.pickup-video .bottom-border{
	border-bottom: 4px solid #a29f6d;
    display: block;
	padding: 8px 0px 6px;
	background: url("/common/jb2015/images/common/icon-tri.png?rd=20150305") no-repeat 590px center;
	background-size:7px 8px;
	}
.pickup-video .bottom-border span{
    color: #a29f6d;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0.05em;
	padding-right:20px;
	}	
.pickup-video .bottom-border span .logo{
    /* -- background: url("/common/jb2015/images/jbp-sprite.png") no-repeat; -- */
    display: inline-block;
	background-position:0px -1675px;
	width:56px;
	height:15px;
	padding-right:20px;
	}
	
/* -- article-right -- */



/* -- article-right-1 -- */
.article-right-1{
	width:300px;
	}

/* -- premiun-invite -- */
.premium-invite{
	width:300px;

	background-color:#000;
	color:#fff;
	}
.premium-invite a{
	color:#fff;
	}
.premium-invite span{
	display:block;
	}	
.premium-invite-title{
	display:block;
	background-color: #b20601;
	color:#fff;
	width:300px;
	padding:10px 0px;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	line-height:24px;
	letter-spacing:0.05em;			
	}
.premium-invite-main{
	display:block;
	font-size:14px;
	line-height:22px;
	padding:20px 20px;	
	}
.premium-invite-main span{
	display:block;
	}

.premium-message-main{
	display:block;
	/*background: url("/common/jb2015/images/common/kawashima.jpg") no-repeat;
	background-size: 100px 149px;
	padding-left:110px;
	margin-top:20px;*/
	font-size:12px;
	line-height:20px;
	}
.premium-message-name, .premium-message-go{
	color: #a29f6d;
	display:block;
	font-size:14px;
	line-height:14px;	
	letter-spacing:0.05em;	
	margin-top:15px;
	font-weight:bold;
	}

.premium-message-subtitle{
	/*color: #a29f6d;*/
	display:block;
	font-size:12px;
	line-height:20px;	
	letter-spacing:0.1em;	
	margin:5px;
	font-weight:bold;
	border:1px solid #a29f6d;
	padding:5px;
	}
	
/* ----------------------------------------------------------
mapと特集
------------------------------------------------------------ */
#map-special{
	padding:0px 12px;
	}
/* -- map -- */
.map{
	width:600px;
	}

/* -- special -- */
.special{
	position:relative;
	width:600px;
	height:600px;
	}
.special-img{
	width:600px;
	height:337px;
	display:block;
	}	
.special-try{
	background: url("/common/jb2015/images/common/special-red.png?rd=20150203") no-repeat;	
	position:absolute;
	left:0px;
	top:0px;
	color:#fff;
	font-size:22px;
	line-height:28px;
	font-weight:bold;
	width:90px;
	height:90px;
	padding:10px ;					
	}	
.title-special{
	display:block;
	width:540px;
	height:280px;
	background-color: rgba(0, 0, 0, 0.65);	
	color:#fff;
	padding:20px 30px;
	position:absolute;
	left:0px;
	top:270px;
	}
.title-special a{
	color:#fff;
	}
.title-special span{
	display:block;
	font-size:22px;
	line-height:30px;
	letter-spacing:0.05em;
	margin-bottom:40px;			
	}
.special-list li{
	background: url("/common/jb2015/images/common/special-try.png?rd=20150203") no-repeat 0px 4px;
	padding-left:20px;		
	display:block;
	font-size:16px;
	line-height:20px;
	color:#fff;
	}
.special-list li a{
	color:#fff;
	}

.special-list li{
	margin-bottom:10px;	
	}


/* ----------------------------------------------------------
カテゴリー別記事リスト
------------------------------------------------------------ */
#category-list .c-list{
	width:300px;
	}
.category-list-title{
	background-color: #a29f6d;
	color:#fff;
	padding:2px 6px 2px 10px;
	height:20px;
	font-size:14px;
	letter-spacing:0.1em;
	margin-bottom:8px;	
	display:block;
	}
.category-list-title .list{
	color: #fff;
	font-size:12px;
	letter-spacing:0.1em;
	font-weight:normal;
	display:block;
	padding-right:10px;
	background: url("/common/jb2015/images/common/icon-try-w.png?rd=20150305") no-repeat right center;
	background-size:7px 8px;
	padding-top:1px;
	}	
.category-list-top{
	margin-bottom:6px;	
	display:block;
	}	
.category-list-top-img{
	display:block;
	float:left; 
	margin-right:10px;
	max-height: 82px;
    max-width: 145px;

	overflow:hidden;
	}	
.category-list-top span{
	font-size:14px;
	line-height:18px;
	letter-spacing:0.05em;
	display:block;
	width:145px;
	}
.title-list span{
	display:block;
	font-size:14px;
	line-height:26px;
	border-bottom: 1px dotted #000;
	}
.title-list span img{
	vertical-align:middle;
	margin-right:4px;
	}
.category-list-top .new-author,.new-date{
	font-size:12px;
	font-weight:normal;
	color:#363636;
	}
.category-list-top .new-date{
	margin-left:0px;
	}	


/* -- 移動した後の記事のマージン設定 -- */
	@media only screen and (max-width:1250px){
#category-list {
	width:924px;  	
	margin:0 auto;
}
	}

/* ----------------------------------------------------------
SNS
------------------------------------------------------------ */
#contents-sns{
	margin-top:60px;
	padding:0px 15px;
	max-width:1250px;	
	}
.sns-fb{
	width:50%;
	border:1px solid #e8e8e8;
	border-radius:5px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}	
.sns-twi{
	width:50%;
	}
	
.sns-fb div{
	padding-right:8px;
	}
.sns-twi div{
	padding-left:8px;	
	}		
.fb-like-box{
	width:100%;
	}

.sns-fb div div{
	min-height:215px;	
	}
.sns-twi div div{
	min-height:215px;		
	}		


/* ----------------------------------------------------------
プレスリリース＆マーケット(FT)
------------------------------------------------------------ */
#press-market{
	margin-top:60px;	
	padding:0px 15px;
	max-width:1250px;
	margin-bottom:40px;	
	}
#press-market h4{
	font-weight:bold;
	}
	
.market{
	width:50%;
	}	
.press-release{
	width:50%;
	}
.press-release div{
	padding-right:8px;
	}
	
.press-release h4 .list{
	display:block;
	background: url("/common/jb2015/images/common/icon-tri.png?rd=20150305") no-repeat right 10px;
	background-size:7px 8px;
	font-size:14px;
	color: #a29f6d;
	margin-right:14px;
	padding:4px 14px;
	}			
.market h4 .list{
	display:inline-block;
	background: url("/common/jb2015/images/common/icon-try-gray.png") no-repeat right 10px;
	background-size:7px 8px;
	font-size:14px;
	color: #000;
	margin-right:14px;
	padding:4px 14px;
	}

.market h4 .fisco{
	display:inline-block;
	font-size:14px;
	color: #000;
	margin-right:4px;
	padding:4px 0px;
	}

.market h4 .ft{
	display:inline-block;
	font-size:12px;
	color: #000;
	margin-right:4px;
	padding:4px 0px;
	}
		
.market div{
	padding-left:8px;
	}		
.market-border{
	color:#000;
	padding: 15px 0px;
	border-top: 4px solid #ffd9c0;
	display:block;
	font-size:18px;
	line-height:22px;	
	letter-spacing:0.05em;
	}
.press-title-list .pm-list{
	display:block;
	font-size:14px;
	line-height:22px;
	padding:4px;
	border-bottom: 1px dotted #000;
	}
.market-title-list .ft-list{
	display:block;
	color:#000;
	font-size:16px;
	line-height:20px;
	padding:7px 0px;
	border-bottom: 1px dotted #000;
	}

.market-title-list .ft-list .subtitle{
	font-size:14px;
	line-height:18px;
	padding:5px 0px;
	}

/* ----------------------------------------------------------
フッター
------------------------------------------------------------ */

/* -- go-top -- */
.go-top{
	width: 1250px;  
	margin-right:auto;
	margin-left:auto;
	width:60px;
	height:60px;
	position:fixed;
	display:none;
	bottom:4px;
	right:4px;	
	}
.go-top span{
	background-position:0px -1475px;
	width:60px;
	height:60px;
	display:block;
	margin-bottom: 10px;
	margin:0;
	background-color:white;
	opacity:0.8;
	border-radius:10px;	
	}
		
	
/* -- footer-inner -- */
#footer-inner {
    background-color: #000;
    color: #fff;
    padding-bottom: 30px;
    padding-top: 50px;
	width:100%;
}
#footer-inner a:hover {
    color: #a29f6d;
    text-decoration: none;
}


/* -- footer-sns -- */
.footer-sns	{
	min-width:1020px;
	max-width:1250px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:50px;
	height:60px;
	}
.footer-sns	ul{
	width: 216px;  
	margin-right:auto;
	margin-left:auto;
	}
.footer-sns li{
	margin-right:16px;
	width:60px;
	height:60px;
	display:block;
	border-radius:30px;	
	background-color:#2c2c2c;
	}
.footer-sns li span{
	width:60px;
	height:60px;
	display:block;
	text-indent:-1100em;
	}		
.footer-sns li:last-child{
	margin-right:0px;
	}
		
.footer-fb{
	background-position:0px -700px;
	width:60px;
	height:60px;
	display:block;
	}
.footer-fb:hover{
	background-color:#3a5795;
	}
.footer-tw{
	background-position:0px -770px;
	width:60px;
	height:60px;
	display:block;	
	}
.footer-tw:hover{
	background-color:#55acee;
	}	
.footer-hatena{
	background-position:0px -840px;
	width:60px;
	height:60px;
	display:block;		
	}
.footer-hatena:hover{
	background-color:#00a4de;
	}
.footer-google{
	background-position:0px -910px;
	width:60px;
	height:60px;
	display:block;		
	}
.footer-google:hover{
	background-color:#e04a32;
	}
.footer-rss{
	background-position:0px -980px;
	width:60px;
	height:60px;
	display:block;		
	}
.footer-rss:hover{
	background-color:#e68300;
	}
	
	
	
	
	/* -- footer-nav -- */

#footer-nav{
	max-width: 1250px;
	min-width:1020px;  
	margin-right:auto;
	margin-left:auto;
	margin-bottom:50px;
		}
#footer-nav ul{
	display:block; 
	margin-right:auto;
	margin-left:auto;
	width:1020px;
		}		
.footer-nav-list{
	width:246px;
	margin-right:10px;
	}
#footer-nav .footer-nav-list:last-child{
	margin-right:0px;
	}
.footer-nav-list a{
	color:#fff;
	}	
.footer-nav-list span{
	display:block;
	font-size:14px;
	line-height:20px;	
	letter-spacing:0.05em;
	margin-bottom:10px;	
	}
.footer-category-title{
	color:#a29f6d;
	font-size:18px;
	line-height:22px;	
	letter-spacing:0.05em;
	display:block;
	margin-bottom:10px;
	}		
.footer-category-list{
	border-left:2px solid #515151;	
	padding-left:10px;
	}

#footer-bottom{

	width:1020px;
	margin-right:auto;
	margin-left:auto;
	}
#footer-bottom .logo{
	background-position:0px -1050px;
	width:190px;
	height:40px;
    margin-top: 34px;
	}

.copyright{
	font-size:12px;
	line-height:18px;	
	letter-spacing:0.05em;
	display:block;
	margin-left:100px;
	height:46px;
    padding-top: 60px;	
	}
#footer-bottom .ismedia{
	background-position:0px -1120px;
	width:130px;
	height:46px;
	margin-left:80px;
    margin-top: 30px;	
	}

#footer-bottom .privacy{
	width:75px;
	height:75px;
	margin-left:10px;
	}
#footer-bottom .privacy img{
	border-radius:2px;
	}	



/* ----------------------------------------------------------
ウェルカムページ
------------------------------------------------------------ */

.header-inner1-main .welcome{

	}

.header-inner1-main .welcome{
	float:left;
	margin-left:64px;
	}
.header-inner1-main .welcome a{
	display:block;
	}
.header-inner1-main .welcome .image{
	display:block;
	width:96px;
	height:54px;
	overflow:hidden;
	}
.header-inner1-main .welcome .image img{
	display:block;
	width:96px;
	}	
.header-inner1-main .welcome .text{
	display:block;
	margin-left:20px;
	}
.header-inner1-main .welcome .text .title{
	font-size:16px;
	line-height:24px;
	letter-spacing:0.1em;
	display:block;
	margin-bottom:10px;
	}
.header-inner1-main .welcome .text .author,#header-inner1 .welcome .text .date{
	font-size:12px;
	line-height:18px;
	letter-spacing:0.1em;
	display:inline-block;	
	}
.header-inner1-main .welcome .text .author{
	margin-right:10px;	
	}