@charset "utf-8";


/* ----------------------------------------------------------
【　記事全体　】
------------------------------------------------------------ */
#contents-leaf{
    overflow:hidden;
	min-width:1020px;
	max-width:1250px;  
    background-color:#ffffff;
    padding:20px 4px;
	margin-right:auto;
	margin-left:auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
}


/* -- TOP-category -- */

#top-category{
	margin-right:auto;
	margin-left:auto;
	padding:0px 13px;
	min-width:1020px;
	max-width:1250px;		
	}

.top-category-article{
	max-width:50%;
	max-height:337px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;		
	}

/* -- 中タイトル -- */
.title-border{
	padding: 15px 0px;
	border-top: 4px solid #a29f6d;
	color: #a29f6d;
	display:block;
	font-size:18px;
	line-height:22px;	
	letter-spacing:0.05em;	
	}


/* ----------------------------------------------------------
上部
------------------------------------------------------------ */

/* -- タイトル -- */
#contents-title{
	max-width:1020px;
	border-bottom: 3px solid #000;	
    margin-left: auto;
    margin-right: auto;	
	}
	
	
/* -- パンくずリスト -- */
#contents-title .breadcrumbs{
	font-size:12px;
	line-height:23px;	
	letter-spacing:0.05em;	
	margin-bottom:15px;
	}
#contents-title .breadcrumbs a {
    color: #000;
    text-decoration: underline;
}
#contents-title .breadcrumbs a:hover {
    color:#a29f6d;
}

/* -- タイトル部 -- */
.category-name{
	font-size:18px;
	line-height:28px;	
	letter-spacing:0.05em;	
	color:#a29f6d;
	margin-bottom:15px;		
	}
.category-name a{
	color:#a29f6d;
	text-decoration:underline;
	margin-right:4px;
	}
.category-name a:last-child{
	margin-right:0px;
	}		
.column-title{
	font-size:31px;
	line-height:30px;	
	letter-spacing:0.05em;	
	font-weight:bold;
	margin-bottom:2px;		
	}	
.column-summary{
	font-size:22px;
	line-height:30px;	
	letter-spacing:0.05em;
	margin-bottom:10px;	
	}		
.date-author{
	font-size:14px;
	line-height:30px;	
	letter-spacing:0.05em;
	margin-bottom:12px;	
	}	
.date-author a .author{
	text-decoration:underline;
	}
.date-author a .profile{
	background-position:0px -1960px;
	width:27px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
	}
.date-author a:hover .profile{
	background-position:0px -1990px;
	}		


/* -- タイトル部アイコン -- */
#contents-title .title-icons{
	margin-bottom:15px;	
	}	
#contents-title .title-icons div span{
	width:50px;
	height:50px;
	display:block;
	margin-right:10px;
	}
.title-icons div span:last-child{
	margin-right:0px;
	}
	
	
	
.title-icons div .fb{
	background-color: #1f1f1f;
    background-position: 0px -2300px;
    border-radius: 25px;
    display: block;
    text-indent: -9999px;
	}
.title-icons div .fb:hover{
	background-color: #787878;
	display: block;
	}
.title-icons div .tw{
	background-position:0px -2365px;
	background-color: #1f1f1f;
	border-radius: 25px;
    display: block;
    text-indent: -9999px;
	}
.title-icons div .tw:hover{
	background-color: #787878;
	display: block;
	}
.title-icons div .hatena{
	background-position:0px -2440px;
	background-color: #1f1f1f;
	border-radius: 25px;
    display: block;
    text-indent: -9999px;
	}
.title-icons div .hatena:hover{
	background-color: #787878;
	display: block;
	}
.title-icons div .google{
	background-position:0px -2510px;
	background-color: #1f1f1f;
	border-radius: 25px;
    display: block;
    text-indent: -9999px;
	}
.title-icons div .google:hover{
	background-color: #787878;
	display: block;
	}
	
/* --タイトル部　ページネーション-- */
#contents-title .title-icons .title-pagination{

	}
#contents-title .title-icons .contents-middle-next{
	width:400px;
	}
#contents-title .title-icons .title-pagination .next-smr{
	display:none;
	}	
#contents-title .title-icons .title-pagination .pagination{
	display:block;
	text-align:center;
	width: 100%;
	}
#contents-title .title-icons .title-pagination .pagination a{
	display:block;
	}	
#contents-title .title-icons .title-pagination .pagination span{
    display: block;
    float: left;
    font-size: 16px;
    height: 22px;
    margin-right: 4px;
    width: 22px;
	margin-top:28px;
	border-radius:2px;
	}
#contents-title .title-icons .title-pagination .pagination .next{
 background-position:0px -1644px;
 text-indent:-1200em;
 margin-left: 10px;
  	}
#contents-title .title-icons .title-pagination .pagination .next:hover{
	background-color:#ececec;
  	}	
#contents-title .title-icons .title-pagination .pagination .prev{
 background-position:0px -1629px;
 text-indent:-1200em;
  	}
#contents-title .title-icons .title-pagination .pagination .prev:hover{
	background-color:#ececec;
  	}			
#contents-title .title-icons .title-pagination .page-here{
	background-color:#ececec;
	font-weight:bold;
	}



/* -- 印刷アイコン-- */
	
#contents-title .title-icons .title-print .print{
	background-position:0px -1340px;
    display: block;
    text-indent: -9999px;
	}
#contents-title .title-icons .title-print .print:hover{
	background-position:0px -1890px;
	}	

/* ----------------------------------------------------------
メイン
------------------------------------------------------------ */

#contents-main{
	width:1250px;
	padding:20px 0px;
	margin-bottom:40px;
	}
	
	
/* --左カラム -- */
.left-column{
	width:170px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	margin-right:30px;
	}

/* --お知らせ -- */

.sub-l-info{
	width:140px;
	background-color:#edece3;
	margin-bottom:30px;	
	padding:15px;
	}
.sub-l-info span{
	display:block;
	}	
.sub-l-info-title{
	font-size:14px;
	line-height:16px;
	text-align:center;	
	font-weight:bold;
	color:#a29f6d;
	margin-bottom:15px;
	letter-spacing:0.1em;		
	}
.sub-l-info-text{
	font-size:13px;
	line-height:18px;
	letter-spacing:0.05em;		
	}


/* --ranking -- */
.sub-l-rank{
	width:100%;
	margin-bottom:40px;
	/*height:790px;*/
        height:1500px;

	}
.sub-l-rank .ranking-l-title{
	text-align:center;	
	font-size:16px;
	}
.ranking-l-tab{
	margin-bottom:15px;
	height:30px;
	}	
.ranking-l-tab li{
	margin-right:3px;
	}
.ranking-l-tab li a{
	color:#fff;
	}				
.ranking-l-tab li:nth-child(3){
	margin-right:0px;
	}		
.ranking-l-tab-on{
	width:54px;
	display:inline-block;
	background-color:#a29f6d;
	color:#fff;
	font-size:11px;
	line-height:22px;
	text-align:center;	
	}
.ranking-l-tab-off{
	width:54px;
	display:inline-block;
	background-color:#c7c5a7;
	color:#fff;
	font-size:11px;
	line-height:22px;
	text-align:center;	
	}
.ranking-l-tab li img{
    vertical-align: middle;
	}
.ranking-l-main li{
	margin-bottom:15px;
	}
.ranking-l-article-wrapper{
	height:110px;
	}			
.ranking-l-number{
	font-size:30px;	
	font-weight:bold;
	font-family:arial;
	width:30px;
	min-height:30px;	
	text-align:center;
	display:block;
	color:#dad9c8;
	}	
.ranking-l-article {
    display: block;
    font-size: 14px;
    line-height: 22px;
    min-height: 30px;
    padding:0px 5px;
    width: 130px;
	}
#contents-leaf .ranking-l-tab .rank-l-sns{
	background-position:0px -1445px;
	width:54px;
	display:block;
	text-indent: -1100em;
	}
.sub-l-rank .new-date {
    display: inline-block;
    margin-left: 4px;
}
	
.rank-l-sns a{
	background:none;
	width:54px;
	display:block;
	}
.rank-l-sns a span{
    text-indent: -1110em;
	display:block;
	}			
	
/* -- ranking線の色変え -- */	
.ranking-l-border{
	margin-top:10px;
	display:block;		
	width:100%;
	height:3px;
	background-color:#a29f6d;
	}
.ranking-l-border-change{
	display:block;		
	width:10%;
	height:3px;
	background-color:#dad9c8;
	}
.ranking-l-border-change-2{
	display:block;		
	width:20%;
	height:3px;
	background-color:#dad9c8;
	}	
.ranking-l-border-change-3{
	display:block;		
	width:30%;
	height:3px;
	background-color:#dad9c8;
	}	
		
.ranking-l-border-change-4{
	display:block;		
	width:40%;
	height:3px;
	background-color:#dad9c8;
	}
	
.ranking-l-border-change-5{
	display:block;		
	width:50%;
	height:3px;
	background-color:#dad9c8;
	}	
		
		
/* -- twitter -- */
.sub-l-tw{
	margin-bottom:30px;		
	}

/* -- GIFテキスト　左  -- */
.gif-text-l{
	width:100%;
	}
.gif-text-l span{
	display:block;
	}	
.gif-text-l-img{
	width:80px;
	}
.gif-text-l-text{	
	width:80px;
	margin-left:10px;
    font-size: 12px;
    line-height: 18px;	
	}


/* --メインカラム -- */
.main-column{
	width:700px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	margin-right:30px;
	}

.main-column .article-img{
	background-color:#e3e3e3;
	width:700px;
	max-height:600px;
	margin-bottom:50px
	}
.article-img-smy{
	display:block;
	background-color:#e3e3e3;
	width:680px;
	padding:5px;
    font-size: 13px;
    line-height: 20px;
	letter-spacing:0.05em;		
	}

.article-text-main{
    font-size: 17px;
    line-height: 32px;
	letter-spacing:0.05em;
	margin-bottom:45px		
	}

.article-text-main-ad{
	display:block;
	margin-left:10px;
	margin-bottom:10px;
	}
.main-column h4{
    font-size: 22px;
    line-height: 26px;
	letter-spacing:0.05em;
	font-weight:bold;
	padding-top:20px;
	padding-bottom:20px;	
	padding-left:30px;
	border-left: 12px solid #c7c5a7;
	display:block;
	margin-bottom:20px;
	}	
	
	
/* -- 前へボタン -- */


.article-prev-btn{
	display:block;
	width:175px;
	height:20px;
	border-radius:5px;
	color:#fff;
    font-size: 24px;
    line-height: 26px;	
	background:url("/common/jb2015/images/common/icon-prev.png") no-repeat 10px center;
	background-size:16px 19px;
	background-color:#c7c5a7;
	text-align:center;
	padding:10px 0px;
	}
.article-prev-btn:hover{
	background-color:#a29f6d;	
	}	
	
/* -- 次へボタン -- */

.article-next{
	margin-bottom: 70px;
	clear:both;	
	}
.article-next-btn{
	display:block;
	width:175px;
	height:20px;
	border-radius:5px;
	color:#fff;
    font-size: 24px;
    line-height: 26px;	
	background:url("/common/jb2015/images/common/icon-next.png") no-repeat 150px center;
	background-size:16px 19px;
	background-color:#c7c5a7;
	text-align:center;
	padding:10px 0px;	
}
.article-next-btn:hover{
	background-color:#a29f6d;	
	}

/* --右カラム -- */
.right-column{
	width:300px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;		
	}



/* -- ログインフォーム -- */	
.login-form-right{
	background-color:#000;
	padding:10px 10px;
	border-radius:4px;
	margin-bottom:20px;
	display:none;
	}
.login-form-right .btn{
	margin-right:10px;
	}
.login-form-right .btn #login-btn{
	background-color:#000!important;
	text-indent:-2000em!important;	
	background-position: 0px -480px;
	width:66px;
	height:40px;
	background-color: none;
	cursor:pointer;
	}	
.login-form-right .btn span{
	display:block;
	font-size:12px;
	color:#fff;
	text-align:center;
	}
.login-form-right .form{
	width:200px;
	}	
.login-form-right .form #login-right, .login-form-right .form #password-right{
	width:200px;
	height:20px;
	padding:2px;
	background-color:#ebebeb;
	font-size:12px;
	color:#6a6a6a;
	cursor:pointer;
	}
.login-form-right .form #password-right{
	margin-top:10px;
	}	



/* -- プレミアム案内 -- */	

.sub-r-prm{
	width:300px;
	padding:15px 0px;
	margin-bottom:30px;		
	}	
.article-next-btn:hover{
	background-color:#a29f6d;	
	}		
.sub-r-prm-title{
	display:block;	
	font-size:18px;
	line-height:24px;
	text-align:center;	
	font-weight:bold;
	margin-bottom:15px;
	letter-spacing:0.1em;
	color:#a29f6d;		
	}

.premium-red{
	display:inline;
	color:#b6001e;
	margin-left:5px;
	}
.sub-r-prm-summary{
	display:block;	
	font-size:14px;
	line-height:24px;	
	margin-bottom:15px;
	letter-spacing:0.05em;	
	text-align:center;
	font-weight:bold;		
	}
.sub-r-prm-text{
	display:block;	
	font-size:12px;
	line-height:18px;
	letter-spacing:0.05em;
	margin-bottom:15px;			
	}
.sub-r-prm-pick{
	display:block;	
	padding:20px 45px;
	background-color:#edece3;
	font-size:12px;
	line-height:23px;
	letter-spacing:0.1em;
	margin-bottom:15px;	
	font-weight:bold;
	text-align:center;	
	}

.sub-r-prm-pick2{
	color:#ccc;
	display:block;	
	padding:20px 45px;
	background-color:#000;
	font-size:12px;
	line-height:23px;
	letter-spacing:0.1em;
	margin-bottom:15px;	
	font-weight:bold;
	text-align:center;	
	}

/* -- おすすめ＆GIFテキスト -- */
.sub-r-rcm{
	margin-bottom:50px;
	}	
.sub-r-rcm-title{
	display:block;	
	font-size:14px;
	line-height:24px;
	text-align:center;	
	font-weight:bold;
	margin-bottom:15px;
	letter-spacing:0.1em;
	color:#666664;		
	}
/* -- おすすめ記事　右 -- */		
.sub-r-rcm-r{
	margin-bottom:15px;
	}
.sub-r-rcm-r a{
	display:block;
	}		
.sub-r-rcm-r span{
	display:block;
	}
.sub-r-rcm-text{
	width:162px;
	margin-right:10px;
    font-size: 12px;
    line-height: 18px;
	min-height: 72px;	
	}	
.sub-r-rcm-img{
	width:128px;
	height:72px;
	overflow:hidden;
	}

/* -- GIFテキスト　右 -- */	
.gif-text-r{
	margin-bottom:15px;
	position:relative;
	}	
.gif-text-r span{

	}
.gif-text-r a{
	display:block;
	clear:both;	
	font-size: 12px;
	}
.gif-text-r span span{
	display:block;

	}	
.gif-text-r span span a span{
	display:block;
    font-size: 12px;
    line-height: 18px;
    padding-right: 6px;
    width: 166px;
	min-height: 72px;	
	float:left;		
	}
.gif-text-r span span a img{
	display:block;
	width:128px;
	height:72px;
	overflow:hidden;
	float:right;
	}
.sub-r-rcm .gif-text-r .category-label-article{
    background: none;
    color: #fff;
    display: inline-block;
    height: 20px;	
    left: 100;
    padding: 2px 4px;
	position: absolute;
	top:0;
	right:0;	
}


/* -- GIFテキスト　右 -- */	
.gif-text-r-v2{
	margin-bottom:20px;
	position:relative;
	}	
.gif-text-r-v2 span{

	}
.gif-text-r-v2 a{
	display:block;
	clear:both;	
	font-size: 12px;
	}
.gif-text-r-v2 span span{
	display:block;
	}	
.gif-text-r-v2 span span a span{
	display:block;
    font-size: 14px;
    line-height: 18px;
    padding-right: 6px;
    width: 300px;
	margin-top:10px;			
	}
.gif-text-r-v2 div a span{
	display:block;
    font-size: 14px;
    line-height: 18px;
    padding-right: 6px;
    width: 300px;
	margin-top:10px;			
	}

.gif-text-r-v2 span span a img{
	display:block;
	width:300px;
	height:168px;
	overflow:hidden;
	}

.gif-text-r-v2 div a img{
	display:block;
	width:300px;
	height:168px;
	overflow:hidden;
	}

.sub-r-rcm .gif-text-r-v2 .category-label-article{
    background: none;
    color: #5a5a5a;
    display: inline-block;
    height: 20px;
    padding: 2px 4px;
    position: absolute;
    top:192px;
    right:0;	
}

/* -- テキスト広告 -- */
.sub-r-rcm .editors-select{
	margin-bottom:24px;	
	}	
.sub-r-rcm .editors-select-pr{
	margin-bottom:20px;
	list-style-type: disc;
	color:#acacac;
	margin-left:20px;
	font-size: 12px;
	line-height: 18px;	
	}
.sub-r-rcm .editors-select-pr:last-child{
	margin-bottom:0px;
	}	
.sub-r-rcm .select-ttl-pr{
	font-size:16px;
	line-height:18px;
	letter-spacing:0.05em;	
	font-weight:bold;
	color:#000000;	
	}
.sub-r-rcm .select-pr{
	font-size:12px;
	line-height:18px;
	letter-spacing:0.05em;
	color:#5a5a5a;			
	}




/* ----------------------------------------------------------
中部
------------------------------------------------------------ */
#contents-middle{
	margin-bottom:60px;	
	}
/* --右カラム（レクタングル） -- */		
.contents-middle-right{
	width:300px;
	margin-right:20px;
	}
	
	
/* -- 右カラム -- */	
.contents-middle-left{
    box-sizing: border-box;
    margin-right: 30px;
    width: 700px;
	}
/* -- あわせてお読みください -- */	
.editors-select{
//	margin-bottom:80px;
	}
.editors-select-title{
	display:block;	
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	margin-bottom:10px;
	letter-spacing:0.1em;
	color:#666664;		
	}
.editors-select-article{
	margin-bottom:10px;
	list-style-type: disc;
	color:#acacac;
	margin-left:20px;	
	}
.editors-select-article:last-child{
	margin-bottom:0px;
	}	
.select-ttl{
	font-size:16px;
	line-height:18px;
	letter-spacing:0.05em;	
	font-weight:bold;
	color:#a29f6d;	
	}
.select-date{
	font-size:14px;
	line-height:18px;
	letter-spacing:0.05em;			
	}
	
/* -- テキスト広告 -- */	
.editors-select-pr{
	margin-bottom:10px;
	list-style-type: disc;
	color:#acacac;
	margin-left:20px;	
	}

/* 20170529 */
.editors-select-pr div{
	display: inline-block;
}
.editors-select-pr:last-child{
	margin-bottom:0px;
	}	
.select-ttl-pr{
	font-size:16px;
	line-height:18px;
	letter-spacing:0.05em;	
	font-weight:bold;
	color:#000000;	
	}
.select-pr{
	font-size:14px;
	line-height:18px;
	letter-spacing:0.05em;
	color:#5a5a5a;			
	}

/* -- SNSとkeyword -- */

.contents-middle-sns-kw{
	margin-top:50px;
	}



/* -- SNS -- */

.contents-middle-sns{
	width:554px;
	margin:40px auto 0;
	}
.contents-middle-sns div{
	margin-right:10px;
	}
	
.contents-middle-sns div:last-child{
	margin-right:0px;
	}
.contents-middle-sns .fb{
    margin-top: -5px;
	}				
.contents-middle-sns .tw{
	width:76px;
	}
.contents-middle-sns .google{
	width:60px;
	}
.contents-middle-sns .rakuten{
    margin-top: -5px;
	}
	
	



/* -- SNS -- */

.sns-share{
	width:640px;
	margin:40px auto 0;
	}

.sns-share ul li{
	float:left;
	width:200px;
	margin-right:20px;
	margin-bottom:12px;
	}
.sns-share ul li:nth-child(3n){
	margin-right:0px;
	}
.sns-share ul li:nth-child(4){
	clear:left;
	}
.sns-share ul li:nth-child(n+4):nth-last-child(n+6){
	margin-bottom:0px;
	}




/* -- keyword -- */
.contents-middle-kw{
	background-position:0px -1180px;
	background-repeat:no-repeat;
	padding-left:40px;
	display:block;
	height:68px;
	}
.kw-ttl{
	font-size:14px;
	line-height:26px;
	letter-spacing:0.05em;	
	font-weight:bold;
	color:#bcbcbc;
	display:block;	
	}
.kw-list{
	display:block;
	}
.kw-list span{
	padding:2px 5px;
	font-size:12px;
	line-height:28px;
	letter-spacing:0.05em;	
	border: 1px solid #bcbcbc;
	margin-right:5px;
	}



/* -- 次のページ概要 -- */

.contents-middle-next{
	margin-left:auto;
	margin-right:auto;
	}
.next-smr{
    background-color: #c7c5a7;
    border-radius: 5px;
    display: block;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 20px;
    margin: 0 auto 20px;
    padding: 15px;
    width: 530px;
	}
.next-smr:hover{
	background-color:#a29f6d;	
	}
.next-smr-next{
    background:url("/common/jb2015/images/common/icon-next.png") no-repeat 80px center;
    background-size:13px 15px;
    color: #fff;
    display: block;
    float: left;
    letter-spacing: 0.05em;
    margin-right: 10px;
    text-align: left;
    width: 100px;
	}
.smr-text{
    color: #fff;
    display: block;
    float: left;
    text-align: left;
    width: 410px;
}

.pagination{
	display:block;
	text-align:center;
	}
.pagination a{
	display:inline-block;
	}	
.pagination span{
	display:inline-block;
	font-size:24px;		
	width:35px;
	height:35px;
	margin-right:5px
	}
.pagination .next{
 background-position:0px -1250px;
 text-indent:-1200em;
  	}
.pagination .next:hover{
	background-color:#E9E8DC;
  	}	
.pagination .prev{
 background-position:0px -1295px;
 text-indent:-1200em;
  	}
.pagination .prev:hover{
	background-color:#E9E8DC;
  	}			
.page-here{
	background-color:#E9E8DC;
	}




/* -- 広告 -- */
.adcx-article{
    display: block;
    margin: 0 auto;
    padding: 20px;
	}
.adcx-article iframe{
    display: block;
    margin: 0 auto;
	}


/* ----------------------------------------------------------
下部
------------------------------------------------------------ */
#contents-bottom{
	max-width:1250px;	
	min-width:1020px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:60px;	
	}	

/* ----------------------------------------------------------
カテゴリー別記事リスト
------------------------------------------------------------ */
.article{
	position:relative;
	width:300px;
	height: 300px; 
	}
#category-list .c-list{
	width:300px;
	}
.category-list-title{
	background-color: #a29f6d;
	color:#fff;
	padding-left:20px;
	font-size:15px;
	line-height:23px;
	letter-spacing:0.1em;
	margin-bottom:10px;	
	display:block;
	}
.category-list-top{
	margin-bottom:15px;	
	display:block;
	}	
.category-list-top img{
	display:block;
	float:left; 
	margin-right:10px;
	}	
.category-list-top span{
	font-size:14px;
	line-height:18px;
	letter-spacing:0.05em;
	display:block;
	/* -- width:130px; -- */
	}
.title-list span{
	display:block;
	background: url("/common/jbp2015/images/common/icon-tri.png") no-repeat 0px 5px;
	padding-left:15px;
	font-size:14px;
	line-height:23px;
	}

.category-list-top .new-author,.new-date{
	font-size:12px;
	font-weight:normal;
	color:#363636;
	}
.new-date{
	margin-left:5px;
	}


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

.backnumber-title{
	display:block;	
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	margin-bottom:20px;
	letter-spacing:0.1em;
	color:#666664;			
	}
.back-article{
	max-width:24%;
	display:block;
	margin-right:14px;
	margin-bottom:16px;
	position:relative;				
	}		
.back-article:nth-child(4n){
	margin-right:0px;	
	}
.back-article:nth-child(5n){
	clear:left;
	}			
.back-article-img{
	display:block;
	width:300px;
	height:169px;
	margin-bottom:10px;
	overflow:hidden;
	}
.back-article-img img{
	display:block;

	}	
.back-article-title{
	display:block;
	width:100%;
	font-size:16px;
	line-height:24px;
	letter-spacing:0.05em;
	font-weight:bold;	
	}

/* -- バックナンバーの中のgif-text広告 -- */
.back-article span{
    display: block;
    max-width: 300px;
    overflow: hidden;	
	}	
.back-article div{
    display: block;
    max-width: 300px;
    overflow: hidden;	
	}	

.back-article span a{
	display:block;
	font-weight: bold;				
	}
.back-article div a{
	display:block;
	font-weight: bold;				
	}

.back-article span a img{
	display:block;
	height:169px;
	overflow:hidden;
	margin-bottom:10px;	
	
	}			
.back-article div a img{
	display:block;
	height:169px;
	overflow:hidden;
	margin-bottom:10px;	
	
	}			
.back-article span span span{
	width:300px;
	display:block;
	width:100%;
	font-size:16px;
	line-height:24px;
	letter-spacing:0.05em;
	font-weight:bold;			
	}	
.back-article div a span{
	width:300px;
	display:block;
	width:100%;
	font-size:16px;
	line-height:24px;
	letter-spacing:0.05em;
	font-weight:bold;			
	}	

.back-article .category-label-article{

    background-color: #a29f6d;
    color: #fff;
    display: block;
    height: 20px;
    left: 0;
    padding: 5px 30px;
    position: absolute;
    top: 139px;
	}


/* -- contents-bottom -- */


/* -- contents-bottom-left -- */	
.contents-bottom-left{
	margin-right:4px;
	display:block;
	max-width:600px;
	}

/* -- おすすめ　記事6 -- */
.bottom-rcm-title{
	display:block;	
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	margin-bottom:20px;
	letter-spacing:0.1em;
	color:#666664;			
	}
.bottom-rcm-list{
	margin-bottom:40px;
	}
.bottom-rcm-list .inner {
    display: inline-block;
    margin: 0 auto;

	}
.bottom-rcm-article{
    display: block;
    margin-bottom: 16px;
    margin-right: 4px;
	width:192px;
	}	
.bottom-rcm-article:nth-child(3n){
	margin-right:0px;	
	}
.bottom-rcm-article-img{
	display:block;
	width:192px;
	height:108px;
	margin-bottom:10px;	
	overflow:hidden;
	}
.bottom-rcm-article-img img{
	width:192px;
	display:block;
	}	
.bottom-rcm-article-title{
	display:block;	
	font-size:13px;
	line-height:17px;
	letter-spacing:0.05em;		
	}
	
/* -- おすすめ　文のみ -- */		
.bottom-rcm-list2{
	max-width:580px;
	min-width:400px;
	}
.rcm-list2-article {
    border-bottom: 1px solid #cacaca;
    display: block;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 22px;
    padding: 10px 0;
}
.rcm-list2-article span{
	display:block;	
	font-size:14px;
	line-height:28px;
	letter-spacing:0.05em;
	font-weight:bold;
	margin-bottom:5px;
	color:#797979;				
	}

/* -- contents-bottom-right -- */	
	
.contents-bottom-right {
    display: block;
    width: 635px;	
}


 
 /* -- pickup movie -- */	

.contents-bottom-right .pickup-video{
	position:static;
	}

/* -- プレスリリース -- */	
.contents-bottom-right .market{
	 width:612px;
	 margin:30px 0px;
 }	
.contents-bottom-right .market div {
    padding-right: 0px;
}
.contents-bottom-right .market h4{
	font-weight:normal;
 }	
.contents-bottom-right .market .market-border {
    border:none;
	color:#3645a0;
} 


/* -- プレミアム広告 -- */	
.contents-bottom-right .p-ad {
    display: block;
 	margin: 20px auto 20px 0;
    width: 635px;
	overflow:hidden;

}
.platinum-text {
    border: 1px solid #efefef;
	height:150px;
}
.platinum-text::after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
.platinum-text img {
    float: left;
    margin-right: 10px;
	width:300px;
	overflow:hidden;
}

.platinum-text .text {
    float: right;
    width: 250px;
	padding-right:20px;
}

.platinum-text .ttl {
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 0px 4px 0px;
}

.platinum-text .summary {
    font-size: 12px;
    line-height: 14px;
	letter-spacing:0.02em;
}
.icon-outbrain img{
	display:block;	
	margin-top:10px;
	float:right;
	}	

/* -- 	map -- */
.bottom-map{
	margin-bottom:40px;	
	}
.bottom-map-title{
	display:block;	
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	margin-bottom:20px;
	letter-spacing:0.1em;
	color:#666664;		
	}





/* ----------------------------------------------------------
投稿記事内の広告設定
------------------------------------------------------------ */

#contents-main .ad-right {
    float: right;
    margin: 0 0 10px 10px;
	clear:both;
}


/* ----------------------------------------------------------
　　　【　JBpressからの引用　】
------------------------------------------------------------ */	
/* -- 小見出し -- */
.article-text h4{
    font-size: 22px;
    line-height: 26px;
	letter-spacing:0.05em;
	font-weight:bold;
	padding-top:20px;
	padding-bottom:20px;	
	padding-left:20px;
	border-left: 12px solid #c7c5a7;
	display:block;
	margin-bottom:20px;

}
/* -- 本文 -- */
.article-text p{
  font-size:110%;
  line-height:1.8em;
  letter-spacing: 0.08em;
	margin-bottom: 25px;
}
.article-text  p a,
.article-text  p a:active,
.article-text  p a:visited{
	color:#aa8f3d;
	display: inline;
	}
.article-text  p a:hover{border-bottom:solid 1px #aa8f3d;}
.article-text  credit{
  font-size:90%;
  line-height:1.4em;
  letter-spacing: 0.04em;
  margin-bottom:25px;
}
.article-text blockquote{margin:0 25px;}


/* -- 本文画像 -- */
.figure-wrapper .figure{
	text-align:center;
	background-color:#eee;
	padding:24px
}

.figure-wrapper .figure-caption{
	padding: 12px 12px;
}
.figure-wrapper .figure-caption p{
	margin-bottom:0px
	}
#main-column-main .figure img,#contents-main .figure-right img, #contents-main .figure-left img, #contents-main .figure-center img{
	display:block;
	margin-left:auto;
	margin-right:auto;
}	

/*
*****************************************************
▼記事本文中で使用するシカケ▼
*****************************************************
*/
/* -- 本文写真 -- */
#main-column-print .figure,#contents-main .figure-right, #contents-main .figure-left, #contents-main .figure-center{
	padding:0px;
	font-size:12px;
	line-height:18px;
	border:0;
	background-color:#eee;
}

/* -- figure-rightはrec-ad含む -- */
#contents-main .figure-right{float:right; margin:0px 0px 10px 10px; clear:both;}
#contents-main .figure-left {float:left; margin:0 10px 10px 0;}
#contents-main .figure-center{text-align: left;margin:0 auto 20px auto; padding: 0px;}
#contents-main .figure-right span, #main-contents .figure-left span, #main-contents .figure-center span{
  padding:5px;
  display:inline-block;
}
.figure-center span{
display:block;
padding:16px;
	}

.figure-left span{
display:block;
padding:16px;
	}

.central{
  text-align:center;
  clear:both;
}
#contents-main .figure-right a, #contents-main .figure-center a, #contents-main .figure-left a{color:#aa8f3d;}
#contents-main .figure-right a:hover, #contents-main .figure-center a:hover, #contents-main .figure-left a:hover{border-bottom:solid 1px #aa8f3d;}

/*▼地図用▼*/
#googlemap,#googlemap1,#googlemap2,#googlemap3,#googlemap4,#googlemap5,#googlemap6,#googlemap7,#googlemap8,#googlemap9,#googlemap10,#googlemap11,#googlemap12,#googlemap13,#googlemap14,#googlemap15{
  width:320px;
  height:250px;
  background-color:#666;
  float:right;
  margin:0 0 10px 10px;
  border:solid 1px #ffcc00;
  display:block;
  font-size:12px;
  overflow:hidden;
  clear:both;
}
#googlemap strong,#googlemap1 strong,#googlemap2 strong,#googlemap3 strong,#googlemap4 strong,#googlemap5 strong,#googlemap6 strong,#googlemap7 strong,#googlemap8 strong,#googlemap9 strong,#googlemap10 strong,#googlemap11 strong,#googlemap12 strong,#googlemap13 strong,#googlemap14 strong,#googlemap15 strong{font-size:14px;}
* html #googlemap, * html #googlemap1, * html #googlemap2, * html #googlemap3, * html #googlemap4, * html #googlemap5, * html #googlemap6, * html #googlemap7, * html #googlemap8, * html #googlemap9, * html #googlemap10, * html #googlemap11, * html #googlemap12, * html #googlemap13, * html #googlemap14, * html #googlemap15{
  width:332px;
  height:262px;
}

/*************
映像用
*************/
#movie, #movie1, #movie2, #movie3, #movie4{/*#movieは映像が1つの場合使用*/
	width:320px;
	height:302px;
	float:right;
	margin:0 0 10px 10px;
	padding:5px;
	display:block;
	background-color:#000;
}
#afpbb1, #afpbb2, #afpbb3, #afpbb4{
	width:200px;
	float:right;
	margin:0 0 10px 10px;
	padding:5px;
	display:block;
}
/*▼JiJi▼*/

.figure-jiji{
  float:right;
  margin:10px;
  padding:0px;
}
.figure{
  margin:0px;
  padding:0px;
}
.figure a{border-width:0px;}
.figure-caption{
  font-size:0.8em;
  background-color:#eee;
}
* html .caption{width:250px;}


/*▼AFPBB▼*/
.figure-wrapper{
  float:right;
  margin:10px;
  padding:0px;
  clear:both;
}
.figure{
  margin:0px;
  padding:0px;
}
.figure a{border-width:0px;}
.figure-caption{
  font-size:0.8em;
  background-color:#eee;
}
* html .caption{width:250px;}

/*▼リサイズできる画像DIVとキャプションDIV▼*/
.article-text .article-figure{
  float:right;
  margin:0 10px 0 10px;
  padding:0px;
  font-size:0.8em;
}
.article-text .article-figure img{
display:block;
margin:0 auto;
}


.article-text .article-figure .article-caption {
    background: #eee;
    bottom: 0;
    color: #000;
    height: auto;
    left: 0;
    padding: 0px;
    position: static;
    transition: none;
    width: auto;
    z-index: 0;
}

.article-text .article-caption{background-color:#eee;}

.cap120, .cap121, .cap122, .cap123, .cap124, .cap125, .cap126, .cap127, .cap128, .cap129, .cap130, .cap131, .cap132, .cap133, .cap134, .cap135, .cap136, .cap137, .cap138, .cap139, .cap140, .cap141, .cap142, .cap143, .cap144, .cap145, .cap146, .cap147, .cap148, .cap149, .cap150, .cap151, .cap152, .cap153, .cap154, .cap155, .cap156, .cap157, .cap158, .cap159, .cap160, .cap161, .cap162, .cap163, .cap164, .cap165, .cap166, .cap167, .cap168, .cap169, .cap170, .cap200, .cap220, .cap250, .cap300, .cap320, .cap490{padding:5px; margin:0;}
.cap120{width:120px;}* html .cap120{width:120px;}
.cap121{width:121px;}* html .cap121{width:121px;}
.cap122{width:122px;}* html .cap122{width:122px;}
.cap123{width:123px;}* html .cap123{width:123px;}
.cap124{width:124px;}* html .cap124{width:124px;}
.cap125{width:125px;}* html .cap125{width:125px;}
.cap126{width:126px;}* html .cap126{width:126px;}
.cap127{width:127px;}* html .cap127{width:127px;}
.cap128{width:128px;}* html .cap128{width:128px;}
.cap129{width:129px;}* html .cap129{width:129px;}
.cap130{width:130px;}* html .cap130{width:130px;}
.cap131{width:131px;}* html .cap131{width:131px;}
.cap132{width:132px;}* html .cap132{width:132px;}
.cap133{width:133px;}* html .cap133{width:133px;}
.cap134{width:134px;}* html .cap134{width:134px;}
.cap135{width:135px;}* html .cap135{width:135px;}
.cap136{width:136px;}* html .cap136{width:136px;}
.cap137{width:137px;}* html .cap137{width:137px;}
.cap138{width:138px;}* html .cap138{width:138px;}
.cap139{width:139px;}* html .cap139{width:139px;}
.cap140{width:140px;}* html .cap140{width:140px;}
.cap141{width:141px;}* html .cap141{width:141px;}
.cap142{width:142px;}* html .cap142{width:142px;}
.cap143{width:143px;}* html .cap143{width:143px;}
.cap144{width:144px;}* html .cap144{width:144px;}
.cap145{width:145px;}* html .cap145{width:145px;}
.cap146{width:146px;}* html .cap146{width:146px;}
.cap147{width:147px;}* html .cap147{width:147px;}
.cap148{width:148px;}* html .cap148{width:148px;}
.cap149{width:149px;}* html .cap149{width:149px;}
.cap150{width:150px;}* html .cap150{width:150px;}
.cap151{width:151px;}* html .cap151{width:151px;}
.cap152{width:152px;}* html .cap152{width:152px;}
.cap153{width:153px;}* html .cap153{width:153px;}
.cap154{width:154px;}* html .cap154{width:154px;}
.cap155{width:155px;}* html .cap155{width:155px;}
.cap156{width:156px;}* html .cap156{width:156px;}
.cap157{width:157px;}* html .cap157{width:157px;}
.cap158{width:158px;}* html .cap158{width:158px;}
.cap159{width:159px;}* html .cap159{width:159px;}
.cap160{width:160px;}* html .cap160{width:160px;}
.cap161{width:161px;}* html .cap161{width:161px;}
.cap162{width:162px;}* html .cap162{width:162px;}
.cap163{width:163px;}* html .cap163{width:163px;}
.cap164{width:164px;}* html .cap164{width:164px;}
.cap165{width:165px;}* html .cap165{width:165px;}
.cap166{width:166px;}* html .cap166{width:166px;}
.cap167{width:167px;}* html .cap167{width:167px;}
.cap168{width:168px;}* html .cap168{width:168px;}
.cap169{width:169px;}* html .cap169{width:169px;}
.cap170{width:170px;}* html .cap170{width:170px;}
.cap200{width:200px;}* html .cap200{width:200px;}
.cap220{width:220px;}* html .cap220{width:220px;}
.cap250{width:250px;}* html .cap250{width:250px;}
.cap300{width:300px;}* html .cap300{width:300px;}
.cap320{width:320px;}* html .cap320{width:320px;}
/*▼センター寄せ画像用（サイズは490pixel）▼*/
.article-figurecenter{
  text-align:center;
  margin:15px auto;
  width:490px;
  font-size:0.8em;
}
.cap490{width:480px; text-align:left;}* html .cap490{width:490px;}

.cap600{width:600px;}

/*▼table▼*/
#table-570 {
    width: 570px;
    border:solid 1px #C7C7C7;
    border-collapse: collapse;
    border-spacing: 0;
	clear:both;
}
#table-570 th {
    padding: 5px;
    border: #C7C7C7 solid;
    background: #0e0201;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
#table-570 td {
    width: 260px;
    padding: 5px;
    background: #F7F7F7;
    border: 1px #C7C7C7 solid;
    border-width: 0 0 1px 1px;
    font-size: 12px;
    line-height: 14px;
}
/* 本文中の囲み記事 */
.frame{
 display:block;
 margin-top:0px;
 padding:5px;
 font-size:0.8em;
 color:#333;
 background-color:#f5f5f5;
 border-style:dotted;
 border-color:#ccc;
 border-width:2px;
 margin-bottom:15px;
 line-height: 1.8em;
}
.frame2{
 display:block;
 margin-top:0px;
 padding:5px;
 font-size:13px;
 color:#333;
 background-color:#fdfbf1;
 border-style:dotted;
 border-color:#cec2a2;
 border-width:2px;
}
#contents-main .frame .figure-caption p,
#contents-main .frame2 .figure-caption p{
	font-size:12px;
	line-height:16px;
}
/* インタビューの質問部分 */
.question{color:#333; font-weight:bold;}
/* クレジットとクレジットの注釈 */
.credit{
  display:block;
  clear:both;
  width:100%;
  text-align:right;
  font-size:0.8em;
  font-weight:bold;
}
.credit-note{
  display:block;
  clear:both;
  float:right;
  font-size:0.8em;
  font-weight:normal;
  margin-bottom:20px;
  width:100%;
  text-align:right;
}
* html .credit-note{width:450px;}
.credit-memo{
  font-size:0.8em;
  line-height:1.3em;
}

.disclaimer{
	clear:both;
	margin:20px 0px 20px 0px;
	padding:15px;
	font-size:11px;
	border:1px dotted #dedede;
	line-height:14px;
	color:#333;
}



/* ▼記事本文中に登場するFTピックアップ記事▼*/
.ft-pickup{
  border-bottom: 3px double #666;
  height:45px;
  margin-bottom:25px;
  padding-left:50px;
  background:url(/common/images/v3/common/fts.jpg) no-repeat left top;
  color:#333;
  font-size:1.0em;
  font-weight:bold;
}
/* ▼記事本文中に登場する記事リスト▼*/
#contents-main ul.article-list li{
  border-bottom:dotted 1px #666;
  margin-bottom:15px;
  padding-bottom:5px;
}
#contents-main ul.article-list li h4{
  margin:0px;
  padding:0px;
  border-width:0px 0px 0px 0px;
  border-style:none;
  font-size:0.9em;
}
#contents-main ul.article-list li h4 a{color:#927622;}
#contents-main ul.article-list li h4 a:visited{color:#beaf71;}
#contents-main ul.article-list li h4 a:hover{background-color:#beaf71; color:#fff;}
#contents-main ul.article-list li p{
  margin:0px !important;
  font-size:0.8em !important;
  line-height:1.2em !important;
}
#contents-main ul.article-list li span.category-name{font-size:0.8em;}




/* ▼記事のテーブル図表▼*/
	
/* -- 基本のテーブル -- */
.table-wrapper{
	border:solid 1px #ccc;
	padding:5px;
	width:80%;
	margin:10px auto;
	}
.table-wrapper h5{
	font-size:1.1em;
	}
.table-wrapper p{
	font-size:.8em;
	margin-bottom:5px;
	}
.table-base{
	border-collapse: collapse;
	width:100%;
	}
.table-base th{
	padding:5px;
	border:solid 1px #ccc;
	}
.table-base td{
	padding:5px;
	border:solid 1px #ccc;
	}
	
/* -- タイトル背景色付きのテーブル -- */	
.table-wrapper-color{
	border:solid 1px #ccc;
	padding:5px;
	width:80%;
	margin:10px auto;
	}
.table-wrapper-color h5{
	font-size:1.1em;
	}
.table-wrapper-color p{
	font-size:.8em;
	margin-bottom:5px;
	}
.table-color{
	border-collapse: collapse;
	width:100%;
	}
.table-color th{
	padding:5px;
	border:solid 1px #ccc;
	background-color:#f1f1f1;
	}
.table-color td{
	padding:5px;
	border:solid 1px #ccc;
	}
	

/*
*****************************************************
▼写真ギャラリー▼
*****************************************************
*/
#gallery{
	width:520px;
	margin: 0 auto;
	padding:25px 15px 15px 15px;
	background-color:#000;
	background-image:url(/common/images/v1/article/logo_jbp_mini.jpg);
	background-repeat: no-repeat;
	background-position:right top;
}
* html #gallery{width:550px;}
#gallery-container{
  width:500px;
  padding:10px;
  margin-bottom:15px;
  background-color:#736862;
  font-size:12px;
  line-height:16px;
  color:#fff;
}
* html #gallery-container{width:520px;}
.gallery-thumbs{width:520px;}
.gallery-icon{
  margin:0 13px 10px 5px;
  float:left;
  width:85px;
}
#gallery-main-caption{
	padding-top:5px;
	display:block;
	}



/* ----------------------------------------------------------
【　記事内　ログイン画面　】
------------------------------------------------------------ */
/* -- loginframe.html -- */

/* -- 本文 -- */
#leaf-login-main{
	width:700px;
	padding:20px;
	border:8px #e7e7e7 solid;
	border-radius:4px;
		box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	margin:0 auto 30px auto;
	}

#leaf-login-main p{
	font-size:14px;
	line-height:22px;	
	letter-spacing:0.05em;
	}
#leaf-login-main .about{
	margin-bottom:30px;
	}	
#leaf-login-main h5{
	font-size:20px;
	line-height:28px;	
	letter-spacing:0.08em;
	color:#a29f6d;
	margin-bottom:20px;
	}
#leaf-login-main .info{
	font-size:14px;
	line-height:26px;	
	letter-spacing:0.05em;
	margin-bottom:10px;
	}
#leaf-login-main .mark{
	background: url("/common/jb2015/images/common/icon-tri.png?rd=20150305") no-repeat;
	background-position:left 6px;
	background-size:7px 8px;
	padding-left:12px;
	}
#leaf-login-main .login-subtitle{
	font-size:12px;
	line-height:20px;	
	letter-spacing:0.05em;
	margin-bottom:10px;
	}


#leaf-login-main .login-subtitle mark{
	font-size:18px;
	line-height:20px;	
	letter-spacing:0.05em;
	margin-bottom:10px;
	}

#leaf-login-main .login-subtitle-book{
    background-color:#e7e7e7;
    border-radius:5px;
    border:5px solid #e7e7e7;
    font-size: 14px;
    letter-spacing: 0.05em;
    height:70px;
    text-align: center;
    margin: 0 70px 0 70px;
    padding: 2px 5px;
    color:#000;
}

#leaf-login-main .login-subtitle-bookseven{
    background-color:#fff;
    border-radius:5px;
    border:2px solid #fff;
    font-size: 16px;
    letter-spacing: 0.05em;
    height:70px;
    text-align: center;
    margin: 0 90px 0 90px;
    padding: 5px 5px;
    color:#000;
}



/* -- login-form.html -- */

.leaf-login-wrapper{
	width:100%;
	}
	
.leaf-login-wrapper ul,.next-login{
	width:600px;
	margin:0 auto;
	font-size:14px;
	line-height:20px;	
	letter-spacing:0.05em;
	}

.leaf-login-wrapper .idpw{
	margin-bottom:14px;
	}

.leaf-login-wrapper .idpw input{
	margin-left:10px;
	background-color:#edece3;
	width:390px;
	height:40px;
	padding:4px;
	color:#000;
	font-size:18px;
	cursor:pointer;
	}
	
.leaf-login-wrapper .idpw-next{
	margin:20px;
	}			
.leaf-login-wrapper .idpw-next span{
	margin-left:auto;
	margin-right:auto;
	width:220px;
	display:block;
	text-align:center;
	}		
.leaf-login-wrapper .idpw-next input{
	margin-right:10px;
	cursor:pointer;
	}	
.leaf-login-wrapper .idpw-btn{
	margin-bottom:20px;
	}		
.leaf-login-wrapper .idpw-btn span{
	margin-left:auto;
	margin-right:auto;
	width:280px;
	display:block;
	}	
.leaf-login-wrapper .idpw-btn input{
	width:280px;
	height:38px;
	color:#fff;
	background-color:#a4020e;
	font-size:18px;
	line-height:30px;
	letter-spacing:0.05em;
	text-align:center;
	cursor:pointer;
	}
.next-login{
	text-align:right;
	}


#leaf-login-main .mark-inline,.mark-inline{
	text-align:right;
	background: url("/common/jb2015/images/common/icon-tri.png?rd=20150305") no-repeat;
	background-position:right center;
	background-size:7px 8px;
	padding-right:12px;
	font-size:14px;
	line-height:20px;	
	letter-spacing:0.05em;
	margin-top:20px;
	}




/* ----------------------------------------------------------
【　単独　ログイン画面　】
------------------------------------------------------------ */
#login-article-wrapper{
	padding:30px 10px;
	}

#login-article{
	max-width:700px;
	min-width:320px;
	padding:20px;
	border:8px #e7e7e7 solid;
	border-radius:4px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	margin:0 auto;
	}


#login-article p{
	font-size:0.8em;
	line-height:1.4em;	
	letter-spacing:0.05em;
	margin-bottom:10px;
	}
#login-article .about{
	margin-bottom:30px;
	}	
#login-article h5{
	font-size:1.4em;	
	letter-spacing:0.08em;
	color:#a29f6d;
	margin-bottom:10px;
	}
#login-article .info{
	font-size:1em;
	line-height:1.6em;	
	letter-spacing:0.05em;
	margin-bottom:10px;
	}
#login-article .mark{
	background: url("/common/jb2015/images/common/icon-tri.png?rd=20150305") no-repeat;
	background-position:left 4px;
	background-size:7px 8px;
	padding-left:12px;
	}
#login-article .login-subtitle{
	font-size:0.8em;
	line-height:1.2em;	
	letter-spacing:0.05em;
	margin-bottom:10px;
	}

/* -- login-form.html -- */

#login-article .leaf-login-wrapper{
	width:100%;
	}
#login-article .leaf-login-wrapper ul{
	width:94%;
	margin:0 auto;
	}
	
#login-article .leaf-login-wrapper ul,.next-login{
	margin:0 auto;
	font-size:1em;
	line-height:1.2em;	
	letter-spacing:0.05em;
	}

#login-article .leaf-login-wrapper .idpw{
	margin-bottom:14px;
	font-size:0.8em;
	line-height:1.4em;	
	}

#login-article .leaf-login-wrapper .idpw input{
	margin-left:10px;
	background-color:#edece3;
	width:80%;
	height:40px;
	padding:4px;
	color:#000;
	font-size:1.4em;
	cursor:pointer;
	}
	
#login-article .leaf-login-wrapper .idpw-next{
	margin:20px;
	}			
#login-article .leaf-login-wrapper .idpw-next span{
	display:block;
	text-align:center;
	font-size:0.8em;
	line-height:1.2em;	
	}		
#login-article .leaf-login-wrapper .idpw-next input{
	margin-right:10px;
	cursor:pointer;
	}	
#login-article .leaf-login-wrapper .idpw-btn{
	margin-bottom:20px;
	}		
#login-article .leaf-login-wrapper .idpw-btn span{
	margin-left:auto;
	margin-right:auto;
	width:60%;
	display:block;
	}	
#login-article .leaf-login-wrapper .idpw-btn input{
	width:100%;
	height:38px;
	color:#fff;
	background-color:#a4020e;
	font-size:1.2em;
	letter-spacing:0.05em;
	text-align:center;
	cursor:pointer;
	}
#login-article .next-login{
	text-align:right;
	}
#login-article  .mark-inline,.mark-inline{
	text-align:right;
	background: url("/common/jb2015/images/common/icon-tri.png?rd=20150305") no-repeat;
	background-position:right center;
	background-size:7px 8px;
	padding-right:12px;
	font-size:0.8em;
	line-height:1.2em;	
	letter-spacing:0.05em;
	margin-top:20px;
	}






/* -- ヘッダー -- */

#header-inner-login{
    overflow:hidden;
	padding:0px 20px;
	min-width:320px;
	max-width:700px;
	margin-right:auto;
	margin-left:auto;
	}
#header-inner-login #header-inner1{
	background-color:#000;
	color:#fff;
	padding:30px 0px;
	}




/* -- フッター -- */
#footer-inner-login {
    background-color: #000;
    color: #fff;
    padding-bottom: 10px;
    padding-top: 30px;
}
#footer-bottom-login{
	max-width:700px;
	margin-right:auto;
	margin-left:auto;
	}
#footer-bottom-login .ismedia{
	background-position:0px -1120px;
	width:130px;
	height:46px;
	display:block;
	margin-right:auto;
	margin-left:auto;
	}
#footer-bottom-login .copyright{
	font-size:0.8em;
	line-height:1.2em;	
	letter-spacing:0.05em;
	display:block;
	margin-left:0px;
	height:46px;
    padding-top:0px;
	text-align:center;
	margin-top:30px	
	}







/* ----------------------------------------------------------
【　記事　印刷用画面　】
------------------------------------------------------------ */

/* -- ヘッダー -- */
#print-head{
	background-color:#fff;	
	}

#header-inner-print{
    overflow:hidden;
	padding:0px 20px;
	width:100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	}
#header-inner-print #header-inner1{
	background-color:#fff;
	color:#000;
	padding:30px 0px;
	}

#print-head .print{
	background-position:0px -1340px;
    text-indent: -9999px;
	display:block;
	width:60px;
	height:60px;
	}
#print-head .print:hover{
	background-position:0px -1890px;
	}	

#print-head .close{
	background-position:0px -2170px;
    text-indent: -9999px;
	display:block;
	width:42px;
	height:42px;
    margin-left: 14px;
    margin-top: 8px;	
	}
#print-head .close:hover{
	background-position:0px -2220px;
	}	


/* -- タイトル -- */
#contents-title-print{
	width:100%;
	border-bottom: 3px solid #000;		
	padding:0 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	}
	
	
/* -- パンくずリスト -- */
#contents-title-print .breadcrumbs{
	font-size:12px;
	line-height:23px;	
	letter-spacing:0.05em;	
	margin-bottom:15px;
	}
#contents-title-print .breadcrumbs a {
    color: #000;
    text-decoration: underline;
}
#contents-title-print .breadcrumbs a:hover {
    color:#a29f6d;
}


/* -- 本文 -- */

#main-column-print{
	width:100%;
	padding:20px 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	}
#main-column-print .main-column{
	width:100%;
	margin-right:0px;
	}
#main-column-print .article-text p{
    font-size: 1em;
    line-height: 1.4em;
	}
#main-column-print .article-text h4{
    font-size: 1em;
    line-height: 1.4em;
	}
#main-column-print .figure span,#main-column-print .figure-left span,#main-column-print .figure-right span,#main-column-print .figure-center span{
    font-size: 1em;
    line-height:1.6em;	
}
#main-column-print .main-column.figure-caption {
    font-size: 1em;
	line-height:1.6em;	
}


/* -- ギャラリー非表示 -- */
#main-column-print #gallery{
	display:none;
	}


/*
*****************************************************
▼記事本文中で使用するシカケ▼のコピー
*****************************************************
*/
/* -- 本文写真 -- */
#main-column-print .main-column .figure-right,#main-column-print .main-column .figure-left,#main-column-print .main-column .figure-center{
	padding:0px;
	font-size:12px;
	line-height:18px;
	border:0;
	background-color:#eee;
}

#main-column-print .main-column .figure-right img,#main-column-print .main-column .figure-left img,#main-column-print .main-column .figure-center img{
	display:block;
	margin:0 auto;

}
#main-column-print .figure-wrapper .figure img,#main-column-print .figure-wrapper .figure-right img,#main-column-print .figure-wrapper .figure-left img,#main-column-print .figure-wrapper .figure-center img{
padding-top:10px;
}
/* -- figure-rightはrec-ad含む -- */
#main-column-print .figure-right{float:right; margin:0px 0px 10px 10px; clear:both;}
#main-column-print .figure-left {float:left; margin:0 10px 10px 0;}
#main-column-print .figure-center{text-align: left;margin:0 auto 20px auto;}
#main-column-print .figure-right span, #main-column-print .figure-left span, #main-column-print .figure-center span{
  padding:5px;
  display:inline-block;
}



/* ▼記事本文中に登場する記事リスト▼*/
#main-column-print ul.article-list li{
  border-bottom:dotted 1px #666;
  margin-bottom:15px;
  padding-bottom:5px;
}
#main-column-print ul.article-list li h4{
  margin:0px;
  padding:0px;
  border-width:0px 0px 0px 0px;
  border-style:none;
  font-size:0.9em;
}
#main-column-print ul.article-list li h4 a{color:#927622;}
#main-column-print ul.article-list li h4 a:visited{color:#beaf71;}
#main-column-print ul.article-list li h4 a:hover{background-color:#beaf71; color:#fff;}
#main-column-print ul.article-list li p{
  margin:0px !important;
  font-size:0.8em !important;
  line-height:1.2em !important;
}
#main-column-print ul.article-list li span.category-name{font-size:0.8em;}





/* -- フッター -- */
#footer-inner-print{
    background-color: #fff;
    color: #000;
    padding-bottom: 10px;
    padding-top: 30px;
}
#footer-bottom-print .ismedia{
	text-align:center;
	}
#footer-bottom-print .copyright{
	font-size:0.8em;
	line-height:1.2em;	
	letter-spacing:0.05em;
	display:block;
	margin-left:0px;
	height:46px;
    padding-top:0px;
	text-align:center;
	}







/* ----------------------------------------------------------
【　ジャンル別記事全体　】
------------------------------------------------------------ */

	
/* ----------------------------------------------------------
上部
------------------------------------------------------------ */

/* -- タイトル -- */
#contents-title-category{
	max-width:1020px;
	border-bottom: 3px solid #a29f6d;	
    margin-left: auto;
    margin-right: auto;	
	}
	
/* -- パンくずリスト -- */
#contents-title-category .breadcrumbs{
	font-size:12px;
	line-height:23px;	
	letter-spacing:0.05em;	
	margin-bottom:15px;
	}
#contents-title-category .breadcrumbs a {
    color: #000;
    text-decoration: underline;
}
#contents-title-category .breadcrumbs a:hover {
    color:#a29f6d;
}

/* --　ページタイトル -- */
.category-inner{
	width: 750px;
	margin:0 auto;
	}

.category-title{
	font-size:48px;	
	letter-spacing:0.05em;	
	color:#a29f6d;
	margin-bottom:4px;		
	}	
.category-summary{
	font-size:14px;
	line-height:20px;	
	letter-spacing:0.05em;
	margin-bottom:15px;
	}		

/* ----------------------------------------------------------
メイン
------------------------------------------------------------ */
/* --左カラム -- */
#contents-main .left-column-category{
	width:300px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	margin-right:14px;
	}


/* --お知らせ -- */

.sub-l-genre{
	background-color:#fafaf8;
	margin-bottom:30px;	
	padding:10px;
	}
.sub-l-genre span{
	display:block;
	}	
.sub-l-genre .title{
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	color:#a29f6d;
	margin-bottom:8px;
	letter-spacing:0.1em;		
	}
.sub-l-genre .list{
	padding-left:6px;	
	}

.sub-l-genre .list span{
	font-size:13px;
	line-height:18px;
	letter-spacing:0.05em;
	font-weight:bold;		
	}
.sub-l-genre .list span span{
	background: url("/common/jb2015/images/common/icon-tri.png?rd=20150305") no-repeat;
	background-position:left center;
	background-size:7px 8px;
	text-indent:-1100%;
	margin-left:10px;
	display:inline-block;		
	}

.sub-genre-new{
	font-size:14px;
	line-height:23px;
	color:#636363;
	}

/* --カテゴリー別記事リスト -- */

#category-list-c{
	margin-bottom:20px;
	}
#category-list-c .c-list{
	margin-bottom:20px;
	}
#category-list-c .c-list:last-child{
	margin-bottom:0px;
	}	
#contents-main .category-list-title{
	background-color:#fff;
	color: #a29f6d;
	padding:2px 6px 2px 10px;
	font-size:14px;
	letter-spacing:0.1em;
	margin-bottom:4px;
	font-weight:bold;	
	display:block;
	}
#contents-main .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;
	}	
#contents-main .category-list-top{
	margin-bottom:6px;	
	display:block;
	}	
#contents-main .category-list-top-img{
	display:block;
	float:left; 
	margin-right:10px;
	max-height: 64px;
    max-width: 115px;

	overflow:hidden;
	}	
#contents-main .category-list-top span{
	font-size:14px;
	line-height:18px;
	letter-spacing:0.05em;
	display:block;
 	width: 174px;
	}
#contents-main .title-list span{
	display:block;
	font-size:14px;
	line-height:20px;
	background: url("/common/jb2015/images/common/icon-tri.png?rd=20150305") no-repeat;
	background-size:7px 8px;
	background-position:left center;
	border:none;
	}
	
#contents-main .title-list span img{
	vertical-align:middle;
	margin-right:4px;
	}
#contents-main .category-list-top .new-author,.new-date{
	font-size:12px;
	font-weight:normal;
	color:#5f5f5f;
	display:inline;
	}
#contents-main .category-list-top .new-author{
	margin-right:4px;
	}	
#contents-main .category-list-top .new-date{
	margin-left:0px;
	}	
#contents-main .category-list-top .title{
	font-weight:bold;
	}

/* -- twitter -- */
.sub-l-tw{
	margin-bottom:30px;		
	}

/* -- GIFテキスト　左  -- */
.gif-text-l{
	width:100%;
	}
.gif-text-l span{
	display:block;
	}	
.gif-text-l-img{
	width:80px;
	}
.gif-text-l-text{	
	width:80px;
	margin-left:10px;
    font-size: 12px;
    line-height: 18px;	
	}


/* --メインカラム -- */
#main-column-category{
	width:612px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	margin-right:14px;
	}
	
/* --ジャンル別　TOP記事-- */

		
/* -- TOPNEWS -- */
#contents-leaf #top-news-category{
	position:relative;
	width: 612px;
	height:344px;
	overflow:hidden;
	margin-bottom:12px;
	}

#contents-leaf #top-news-category .top-news-img{
	width:612px;
	max-height:344px;
	display:block;
	overflow:hidden;
	}


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

#contents-leaf #top-news-category .top-category-img{
	max-width:612px;
	max-height:344px;
	overflow:hidden;
	display:block;
	}
#contents-leaf #top-news-category .top-category-img img{
	width:100%;
	height:100%;
	}
#contents-leaf #top-news-category .caption {
    bottom: -262px;
    height: 100%;
    width: 612px;
    position: absolute;
    transition: all 0.3s ease 0s;
    z-index: 1;
	}	
#contents-leaf #top-news-category .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;
}

#contents-leaf #top-news-category .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:344px;

}
#contents-leaf #top-news-category .caption-inner .title-top-news{
	display:block;
	color:#fff;
	font-size:22px;
	line-height:28px;
	font-weight:bold;
	letter-spacing:0.05em;
	}
#contents-leaf #top-news-category .caption-inner .title-top-news .subtitle{
	font-size:18px;
	line-height:20px;
	}
#contents-leaf #top-news-category .caption-inner .article-caption-summary {
    display: block;
    font-size: 14px;
    line-height: 22px;
    margin-top: 40px;
    overflow: hidden;
	width:100%;
	text-overflow: ellipsis;
}
#contents-leaf #top-news-category:hover .caption {
	bottom: 0px!important;
}

/* -- TOPNEWS　下2つ -- */

#main-column-category #article-list{
	width:612px;
	}


/* -- TOPNEWS　一覧 -- */
.list-summary{
	font-size: 12px;
	line-height:18px;
    font-weight: normal;
	display:block;
	margin-top:8px;
	 text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis; /* Safari */
    -o-text-overflow: ellipsis; /* Opera */
	width:612px;
	}
#main-column-category .new-title{
	padding:10px;
	}
.genre-title-list{
	margin-bottom:30px;
	}
	
/* -- TOPNEWS　一覧のテキストad -- */
.genre-title-list .list-ad{
	padding:10px;
	font-weight:bold;
	border-bottom: 1px dotted #000;	
	display:block;
	}
.genre-title-list .list-ad .text-ad-pr{
	display:inline-block;
	font-size:14px;
	height:20px;
	position:static;
	right:0px;
	bottom:0px;
	color: #5a5a5a;
	}
	
	
/* -- TOPNEWS　一覧のリスト-- */
.main-column .article-img{
	background-color:#e3e3e3;
	width:612px;
	max-height:600px;
	margin-bottom:50px
	}
.article-img-smy{
	display:block;
	background-color:#e3e3e3;
	width:680px;
	padding:5px;
    font-size: 13px;
    line-height: 20px;
	letter-spacing:0.05em;		
	}

.article-text-main{
    font-size: 17px;
    line-height: 32px;
	letter-spacing:0.05em;
	margin-bottom:45px		
	}

.article-text-main-ad{
	display:block;
	margin-left:10px;
	margin-bottom:10px;
	}
.article-subtitle{
    font-size: 22px;
    line-height: 26px;
	letter-spacing:0.05em;
	font-weight:bold;
	padding-top:20px;
	padding-bottom:20px;	
	padding-left:30px;
	border-left: 12px solid #c7c5a7;
	display:block;
	margin-bottom:20px;
	}	
	
	
/* -- 前へボタン -- */


.article-prev-btn{
	display:block;
	width:175px;
	height:20px;
	border-radius:5px;
	color:#fff;
    font-size: 24px;
    line-height: 26px;	
	background:url("/common/jb2015/images/common/icon-prev.png") no-repeat 10px center;
	background-size:16px 19px;
	background-color:#c7c5a7;
	text-align:center;
	padding:10px 0px;
	}
.article-prev-btn:hover{
	background-color:#a29f6d;	
	}	
	
/* -- 次へボタン -- */

.article-next{
margin-bottom: 70px;
	}
.article-next-btn{
	display:block;
	width:175px;
	height:20px;
	border-radius:5px;
	color:#fff;
	font-size: 24px;
	line-height: 26px;	
	background:url("/common/jb2015/images/common/icon-next.png") no-repeat 150px center;
	background-size:16px 19px;
	background-color:#c7c5a7;
	text-align:center;
	padding:10px 0px;
	}
.article-next-btn:hover{
	background-color:#a29f6d;	
	}	
	
	
/* -- ページネーション -- */
#pagination-category{
	margin-bottom:20px;
	}
#pagination-category .pagination{
	margin:0 auto;
	}
#pagination-category .pagination span{
	width:50px;
	height:30px;
	font-size:18px;
	background-color:#000;
	color:#fff;
	}
#pagination-category .pagination span{
	width:50px;
	height:30px;
	font-size:18px;
	background-color:#e8e8e8;
	color:#000;
	text-align:center;
	}	
#pagination-category .pagination .page-here{
	background-color:#000;
	color:#fff;
	}	

/* -- プレミアム広告 -- */	
#main-column-category .p-ad {
    display: block;
    width: 612px;
}




/* --右カラム -- */
.right-column{
	width:300px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;		
	}
	
/* -- レクタングルAD -- */		
.right-column .rec-ad{
	margin-bottom:20px;
	}	

	
/* -- プレミアム案内 -- */	

.sub-r-prm{
	width:300px;
	padding:0px;
	margin-bottom:20px;		
	}
.sub-r-prm .prm-img{
	display:block;
	margin-bottom:20px;
	}		
.sub-r-prm-title{
	display:block;	
	font-size:18px;
	line-height:24px;
	text-align:center;	
	font-weight:bold;
	margin-bottom:15px;
	letter-spacing:0.1em;
	color:#a29f6d;		
	}

.premium-red{
	display:inline;
	color:#b6001e;
	margin-left:5px;
	}
.sub-r-prm-summary{
	display:block;	
	font-size:14px;
	line-height:24px;	
	margin-bottom:15px;
	letter-spacing:0.05em;	
	text-align:center;
	font-weight:bold;		
	}
.sub-r-prm-text{
	display:block;	
	font-size:12px;
	line-height:18px;
	letter-spacing:0.05em;
	margin-bottom:15px;			
	}
.sub-r-prm-pick{
	display:block;	
	padding:20px 45px;
	background-color:#edece3;
	font-size:12px;
	line-height:23px;
	letter-spacing:0.1em;
	margin-bottom:15px;	
	font-weight:bold;
	text-align:center;	
	}

/* -- pickup movie　右 -- */	
.pick-up-movie-r{
	margin-bottom:20px;	
	}
	
/* -- GIFテキスト　右 -- */	
.ad-category{
	margin-bottom:20px;	
	}

/* -- ランキング　右 -- */	
.rank-category{
	margin-bottom:20px;	
	}
.rank-category .title-border {
    border-top: medium none;
    padding: 0 0 15px;
}
	
/* -- プレスリリース　右 -- */	
.right-column .pressrelease .title-border a .list{
	display:block;
	background: url("/common/jb2015/images/common/icon-tri.png?rd=20150305") no-repeat right 6px;
	background-size:7px 8px;
	font-size:14px;
	color: #a29f6d;
	margin-right:14px;
	padding:0px 14px;
	}		



	
/* ----------------------------------------------------------
下部
------------------------------------------------------------ */

/* -- 連載一覧タイトル -- */	
.sub-genre-titles{
margin-bottom:10px;
	}
.sub-genre-titles span{
	color: #a29f6d;
    display: block;
    font-size: 18px;
	letter-spacing:0.05em;
	/* -- display:none; -- */
	}

/* -- 連載一覧リスト -- */
#contents-leaf #category-list{
	/* -- display:none; -- */
	margin-bottom: 30px;
}



/* ----------------------------------------------------------
【　著者記事一覧・コラム記事一覧・新着記事一覧など　全体　】
------------------------------------------------------------ */

	
/* ----------------------------------------------------------
上部
------------------------------------------------------------ */
.category-inner-author{
	margin: 0 auto;
    width: 880px;
	}
.category-inner-author .profile-icon{
	margin-right:30px;
	}
.category-inner-author .profile-icon div img{
	max-width:100px;
	}
.category-inner-author .text{
    width: 750px;
	}

/* ----------------------------------------------------------
メイン
------------------------------------------------------------ */
/* --メインカラム -- */
#main-column-article-list{
	width:924px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	margin-right:14px;
	}
	

/* -- TOP記事-- */
#main-column-article-list #article-list{
	width:924px;
	}




/* -- TOP記事　一覧 -- */



/* -- メイン下 -- */	
#main-column-bottom{
	}

/* -- メイン下　左カラム -- */			
#main-column-bottom .left-column{
	width:300px;
	margin-right:12px;
	}
	
/* -- メイン下　ランキング -- */			
#main-column-bottom .rank{

	}

#main-column-bottom .rank .title-border {
    border-top: none;
	padding:0px 0px 15px 0px;
}	
	
/* -- メイン下　一覧 -- */		
#main-column-bottom .article-list{
	width:612px;
	}
#main-column-bottom .article-list .list{
	margin-bottom: 30px;
	}

#main-column-bottom .article-list .column{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom: 1px dotted #000;
	}
		
#main-column-bottom .article-list .image{
	width:112px;
	height:63px;
	overflow:hidden;
	display:block;
	margin-right:10px;
	}
#main-column-bottom .article-list .image img{
	width:100%;
	height:100%;
	display:block;
	}
#main-column-bottom .article-list .column-right{
	width:490px;
	display:block;
	padding:0px 0px;
	border:none;
	}
	
/* --　一覧のテキストad -- */
#main-column-bottom .article-list .list .list-ad{
	padding:10px;
	font-weight:bold;
	border-bottom: 1px dotted #000;	
	display:block;
	}	
#main-column-bottom .article-list .list .list-ad .text-ad-pr{
	display:inline-block;
	font-size:14px;
	height:20px;
	position:static;
	right:0px;
	bottom:0px;
	color: #5a5a5a;
	}

/* --右カラム -- */
.right-column{
	width:300px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;		
	}
	
/* -- レクタングルAD -- */		
.right-column .rec-ad{
	margin-bottom:20px;
	}	

	
/* -- プレミアム案内 -- */	

.sub-r-prm{
	width:300px;
	padding:0px;
	margin-bottom:20px;		
	}
.sub-r-prm .prm-img{
	display:block;
	margin-bottom:20px;
	}		
.sub-r-prm-title{
	display:block;	
	font-size:18px;
	line-height:24px;
	text-align:center;	
	font-weight:bold;
	margin-bottom:15px;
	letter-spacing:0.1em;
	color:#a29f6d;		
	}

.premium-red{
	display:inline;
	color:#b6001e;
	margin-left:5px;
	}
.sub-r-prm-summary{
	display:block;	
	font-size:14px;
	line-height:24px;	
	margin-bottom:15px;
	letter-spacing:0.05em;	
	text-align:center;
	font-weight:bold;		
	}
.sub-r-prm-text{
	display:block;	
	font-size:12px;
	line-height:18px;
	letter-spacing:0.05em;
	margin-bottom:15px;			
	}
.sub-r-prm-pick{
	display:block;	
	padding:20px 45px;
	background-color:#edece3;
	font-size:12px;
	line-height:23px;
	letter-spacing:0.1em;
	margin-bottom:15px;	
	font-weight:bold;
	text-align:center;	
	}

/* -- pick up video 右 -- */
.pick-up-movie-r{
	}
.pick-up-movie-r .title-border{

	}
.pick-up-movie-r .box{
	margin-bottom:20px;
	}	


/* -- GIFテキスト　右 -- */	
.ad-category{
	margin-bottom:20px;	
	}

/* -- ランキング　右 -- */	
.rank-category{
	margin-bottom:20px;	
	}










/* ----------------------------------------------------------
【　アクセスランキング　全体　】
------------------------------------------------------------ */

	
/* ----------------------------------------------------------
上部
------------------------------------------------------------ */

/* -- タイトル -- */
#contents-leaf-inner .ranking-title-border{
	border:none;
	}

/* ----------------------------------------------------------
メイン
------------------------------------------------------------ */

/* --ranking -- */
.ranking-column{
	width:100%;
	margin-bottom:40px;
	height:3800px;
	}
	
/* -- タブ -- */
.ranking-column .ranking-l-tab{
	margin-bottom:15px;
	height:30px;
	}	
.ranking-column .ranking-l-tab li{
	margin-right:2px;
	height:34px;
	}
.ranking-column .ranking-l-tab li a{
	color:#fff;
	display:block;
	width:100%;
	height:100%;	
	}
.ranking-column .ranking-l-tab li a span{
	display:block;
	width:100%;
	height:100%;
	padding-top:6px;
	}							
.ranking-column .ranking-l-tab li:nth-child(4n){
	margin-right:0px;
	}		
.ranking-column .ranking-l-tab-on{
	width:150px;
	display:inline-block;
	background-color:#a29f6d;
	color:#fff;
	font-size:14px;
	letter-spacing:0.1em;
	text-align:center;	
	}
.ranking-column .ranking-l-tab-off{
	width:152px;
	display:inline-block;
	background-color:#c7c5a7;
	color:#fff;
	font-size:14px;
	letter-spacing:0.1em;
	text-align:center;	
	}
.ranking-column .ranking-l-tab li img{
    vertical-align: middle;
	}
#main-column-category .ranking-column .ranking-l-tab .rank-l-sns{
	background-position:0px -1410px;
	width:98px;
	height:22px;
	display:block;
	text-indent: -1100em;
	margin: 6px auto 0;
	}
	
	
	
/* -- リスト -- */
	
.ranking-column .ranking-l-main{
	width:100%;
	}		
	
.ranking-column .ranking-l-main li{
	margin-bottom:16px;
	}
.ranking-column .ranking-l-main li a{
	display:block;
	}			
.ranking-column .ranking-l-number{
	font-size:40px;	
	font-weight:bold;
	font-family:arial;
	width:30px;
	min-height:30px;	
	text-align:center;
	display:block;
	color:#dad9c8;
	margin-bottom: -10px;	
	}	
.ranking-column .ranking-l-article {
    display: block;
    min-height: 30px;
    padding-left:14px;
    width:410px;
	}
	
	
/* -- 11位以降のリスト -- */
.ranking-column .text-only {
    width:592px;
	padding:0 10px;
	}	
/* -- /11位以降のリスト -- */


.ranking-column .ranking-l-article:hover {
	color:#a29f6d;
	}	
.ranking-column .ranking-img {
    width:160px;
	height:90px;
	overflow:hidden;
	display:block;
}
.ranking-column .ranking-img img {
    width:100%;
}
.ranking-column .ranking-l-article .category {
	font-size: 12px;
    line-height: 18px;
	letter-spacing:0.05em;
    display: block;
	margin-bottom:4px;
}
.ranking-column .ranking-l-article .title {
	font-size: 17px;
    line-height: 23px;
	letter-spacing:0.1em;
    display: block;
	font-weight:bold;
	margin-bottom:4px;
}
.ranking-column .ranking-l-article .subtitle {
	font-weight:normal;
}		
.ranking-column .ranking-l-article .new-date {
	font-size: 12px;
    line-height: 20px;
	letter-spacing:0.05em;	
    display: inline-block;
    margin-left: 4px;
	color:#5f5f5f;
}
.ranking-column .ranking-l-article .new-date:hover {
	color:#a29f6d;
	}	
.ranking-column .ranking-l-article .new-author {
	font-size: 12px;
    line-height: 20px;
	letter-spacing:0.05em;	
    display: inline-block;
	color:#5f5f5f;
}
.ranking-column .ranking-l-article .new-author:hover {
	color:#a29f6d;
	}	
.ranking-column .ranking-l-article .new-com{
	width:120px;
    display: inline-block;	
	}	
.ranking-column .rank-l-sns a{
	background:none;
	width:54px;
	display:block;
	}
.ranking-column .rank-l-sns a span{
    text-indent: -1110em;
	display:block;
	}			


/* -- ranking線の色変え -- */	
.ranking-column .ranking-l-border{
	margin-bottom:10px;
	display:block;		
	width:100%;
	height:6px;
	background-color:#88855b;
	}
.ranking-column .ranking-l-border-change{
	display:block;		
	width:10%;
	height:6px;
	background-color:#f0efe0;
	}
.ranking-column .ranking-l-border-change-2{
	display:block;		
	width:20%;
	height:3px;
	background-color:#dad9c8;
	}	
.ranking-column .ranking-l-border-change-3{
	display:block;		
	width:30%;
	height:3px;
	background-color:#dad9c8;
	}	
		
.ranking-column .ranking-l-border-change-4{
	display:block;		
	width:40%;
	height:3px;
	background-color:#dad9c8;
	}
	
.ranking-column .ranking-l-border-change-5{
	display:block;		
	width:50%;
	height:3px;
	background-color:#dad9c8;
	}
	
	
/* -- ダブルテキストAD　左カラム　右カラム -- */	
	.right-column .double-textad,.left-column-category .double-textad {
    margin-bottom: 20px;
	}
	
	
	
	
	
	
	
/* ----------------------------------------------------------
【　検索結果　全体　】
------------------------------------------------------------ */

	
/* ----------------------------------------------------------
上部
------------------------------------------------------------ */

.search-inner{
	width:612px;	
	}


/* -- 検索窓 -- */

.search-form{
	margin-bottom:20px;	
	width:612px;
	display:block;
	}
.search-form form{
	margin-top:8px;
	}
.search-form input{
	cursor: pointer;
	padding:0px 5px;	
	}
.search-input{
    background-color: #eaeade;
    color: #000;
    width: 550px;
	height:36px;
	padding:2px;
	}		
.search-button{
	background-position:0px -2030px;
	background-color:#fff;
	width:26px;
	height:26px;
	padding:4px;
	margin: 4px 4px 0 4px;
	text-indent:-1000px;
	cursor: pointer;	
	}


/* -- 検索結果用タイトル -- */	
.category-title-result {
	color: #000;
	font-size: 28px;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
	font-weight:bold;
}


/* ----------------------------------------------------------
メイン
------------------------------------------------------------ */


/* -- 検索リスト -- */	
.search-list{
	width:612px;
	}
.search-list .list{
	margin-bottom: 30px;
	}

.search-list .list .column{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom: 1px dotted #000;
	}
.search-list .column-left{
	position:relative;
		display:block;
	width:112px;
	height:63px;		
	}	
.search-list .list .column .column-left .image{
	width:112px;
	height:63px;
	overflow:hidden;
	display:block;
	margin-right:10px;

	}
.search-list.image img{
	width:100%;
	height:100%;
	display:block;
	}
.search-list .list .column .column-left .play{
	top:12px;
	left:38px;
	position:absolute;
	display:block;
	}	
.search-list .column-right{
	width:480px;
	display:block;
	padding:0px 0px 0px 10px;
	border:none;
	}
.search-list .title{
	font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 22px;
	}
.search-list .title img{
	vertical-align:middle;
	}				
.search-list .list-summary{
	width:100%;
	margin-top: 4px;	
	}	


/* -- ページネーションのマージン -- */	
.search-pagination{
	margin:40px 0px;
	}








/* ----------------------------------------------------------
【　コラムニスト一覧　全体　】
------------------------------------------------------------ */

	
/* ----------------------------------------------------------
上部
------------------------------------------------------------ */

.author-summary{
	margin:10px 10px 0px 0px;	
	}


/* -- 検索窓 -- */

.author-form{
	margin-bottom:20px;	
	display:block;
	}
.author-form form{
	margin-top:0px;
	}
.author-form input{
	cursor: pointer;
	padding:0px 5px;	
	}
.author-input{
    background-color: #eaeade;
    color: #000;
    width:310px;
	height:36px;
	padding:2px;
	}		
.author-button{
	background-position:0px -2030px;
	background-color:#fff;
	width:26px;
	height:26px;
	padding:4px;
	margin: 4px 4px 0 4px;
	text-indent:-1000px;
	cursor: pointer;	
	}



/* ----------------------------------------------------------
メイン
------------------------------------------------------------ */


/* --記事 -- */

.author-list{

	}
.author-article{
	width:300px;
	height: 300px; 
	border:1px solid #CCCCCC;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;	
	margin-right:12px;
	margin-bottom:12px;
 	float:left;
}
.author-article:nth-child(3n){
	margin-right:0px;
}
.author-article .article-inner{
	width: 298px;
	height: 298px;
    overflow: hidden;
	}
.article-caption-author {
    background: none repeat scroll 0 0 #fefefe;
    bottom: 0;
    color: #000;
    height: 300px;
    left: 0;
    padding: 15px;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: 300px;
    z-index: auto;
	position:relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;	
}
.article-caption-author:hover{
	background: #a29f6d;
	color:#fff;
	}	
.article-caption-author .article-caption-title {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 24px;
    margin-bottom: 20px;
    overflow: hidden;
    width: 270px;
    word-break: break-all;
	color:#a29f6d;
	height:auto;
}
.article-caption-author:hover .article-caption-title {
	color:#fff
}
.article-caption-author .icon {
	width:40px;
}
.article-caption-author .article-caption-summary {
    display: block;
    font-size: 14px;
    height: 65px;
    line-height: 22px;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 270px;
}
.article-caption-author .list {
    display: block;
    font-size: 12px;
    height: 20px;
    line-height: 16px;
    margin-top: 15px;
	padding-right:12px;
	color:#a29f6d;
	background: url("/common/jb2015/images/common/icon-tri.png?rd=20150305") no-repeat;
	background-size:7px 8px;
	background-position:right 4px;	
	position:absolute;
	bottom:8px;
	right:15px;
}
.article-caption-author:hover .list{
	color:#fff;
	background: url("/common/jb2015/images/common/icon-try-w.png?rd=20150305") no-repeat;
	background-size:7px 8px;
	background-position:right 4px;		
}


/* -- プレミアム広告 -- */

.p-ad-author{
	width:635px;
	margin-left:auto;
	margin-right:auto;
	}






/* ----------------------------------------------------------
【　コラムリスト一覧　全体　】
------------------------------------------------------------ */

	
/* ----------------------------------------------------------
上部
------------------------------------------------------------ */

/* -- タイトル部 -- */
.category-inner-column{
	width:924px;
	margin-bottom:20px;	
	}



/* -- ジャンルナビ -- */

#column-nav{
	width:924px;
	}
#column-nav a{
	display: inline-block;
	}
#column-nav span{
	background-color:#a29f6d;
	color:#fff;
	font-size:16px;
	letter-spacing:0.05em;
	padding: 4px 28px;
	display:inline-block;
	margin-right:6px;
	}
#column-nav span:hover{
	background-color:#3b3b28;
	}	
	
#column-nav span:nth-child(8n){
	margin-right:0px;
	}


/* ----------------------------------------------------------
メイン
------------------------------------------------------------ */

#main-column-article-list #column-nav{
	margin-bottom:80px;	
	}

/* -- ジャンル　タイトル -- */
.genre-header{
	width:924px;
	margin-bottom:20px;
	}
.genre-header .title{
	padding:8px 0px;
	background-color:#3b3b28;
	color:#fff;
	font-size:30px;
	letter-spacing:0.1em;
	display:block;
	text-align:center;
	min-width:150px;
	}
.genre-header .summary{
	padding-left:10px;
	font-size:14px;
	line-height:20px;
	letter-spacing:0.05em;
	display:block;
	width:764px;
	}

	
	
		
		
		
		
		
/* ----------------------------------------------------------
【　映像ページ　】
------------------------------------------------------------ */

/* -- ヘッダー -- */		

		
		
/* -- TOPスライダー・videotop-video.html -- */				
#movie-top{
	width:1240px;
	height:546px;
	margin:20px 0px;
	position:relative;
	border-top: 4px solid #a29f6d;	
	border-bottom: 4px solid #a29f6d;	
	}		
		
#movie-top .box{
	position:absolute;
	top:0;
	left:0;
	}				
#movie-top .pickup-video {
    height: 506px;
    width:1240px;
    position: static;
	padding:20px 0px;
}		
#movie-top .pickup-video .bx-wrapper {
    height: 506px;
    margin: 0 auto 60px;
    overflow: hidden;
    padding: 0;
    position: relative;
}

		
#movie-top .pickup-video .pickup-img {
    height: 506px;
    width: 900px;
	position:relative;
}		
#movie-top .pickup-video .pickup-img .time-topvideo {
    background-color: #000;
    top: 5px;
    color: #fff;
    display: block;
    font-size: 14px;
    opacity: 0.5;
    padding: 3px 5px;
    position: absolute;
    right: 5px;
	z-index:3;
	border-radius:6px;
}		
#movie-top .pickup-video .pickup-inner {
   margin-left: 0px;
   width: 900px;
   height:200px;
	position: absolute;
	top:300px;	   
}				

#movie-top .pickup-video .pickup-bottom a{
	float:none;
	display:block;
   width: 900px;
    margin: 0 auto;
	}		
#movie-top .pickup-video .pickup-inner .category-label {
    background-color: #a29f6d;
    bottom: 200px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 20px;
    letter-spacing: 0.05em;
    line-height: 23px;
    padding: 5px 30px;
    position: static;
    text-align: center;
}		
#movie-top .pickup-video .pickup-inner .pickup-title {
    display: block;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 36px;
    margin-bottom: 6px;
    width: 840px;
	height:120px;
    word-break: break-all;
	background-color: rgba(0, 0, 0, 0.65);
    color: #fff;
    padding: 30px;
    transition: all 0.3s ease 0s;
	
}		
#movie-top .pickup-video .pickup-inner .pickup-title .subtitle{
	font-weight:normal;	
	font-size:20px;
	line-height:22px;
}					
#movie-top .bx-wrapper .bx-controls-direction a {
    top: 40%;
}		
		

/* -- 動画の再生時間 -- */	
.time {
    background-color: #000;
    top: 3px;
    color: #fff;
    display: block;
    font-size: 14px;
    opacity: 0.5;
    padding: 3px 5px;
    position: absolute;
    right: 3px;
	border-radius:6px;
}
.movie-on{
	position:relative;
	}
		
/* -- ページネーション -- */		
		
#main-column-pagination{
	width:100%;
	margin:30px 0px;
	}		
#main-column-pagination .pagination{
	width:612px;
	margin-right:312px;
	}			
	
	
	
/* -- 前へボタン -- */
#main-column-pagination .article-prev-btn{
	display:block;
	width:175px;
	height:20px;
	border-radius:5px;
	color:#fff;
    font-size: 24px;
    line-height: 26px;	
	background:url("/common/jb2015/images/common/icon-prev.png") no-repeat 10px center;
	background-size:16px 19px;
	background-color:#c7c5a7;
	text-align:center;
	padding:10px 0px;
	}
#main-column-pagination .article-prev-btn:hover{
	background-color:#a29f6d;	
	}	
	
/* -- 次へボタン -- */
#main-column-pagination .article-next{
	margin-bottom: 70px;
	clear:both;	
	}
#main-column-pagination .article-next-btn{
	display:block;
	width:175px;
	height:20px;
	border-radius:5px;
	color:#fff;
    font-size: 24px;
    line-height: 26px;	
	background:url("/common/jb2015/images/common/icon-next.png") no-repeat 150px center;
	background-size:16px 19px;
	background-color:#c7c5a7;
	text-align:center;
	padding:10px 0px;	
}
#main-column-pagination .article-next-btn:hover{
	background-color:#a29f6d;	
	}



#main-column-pagination .pagination .p-ad span{
	display:inline;
    height: auto;
    margin: none;
    width: 100%;
	}			
#main-column-pagination .pagination .p-ad{
	display: block;
    width: 612px;
	}				
#main-column-pagination .pagination .p-ad .platinum-text {
    border: 1px solid #efefef;
    height: 150px;
	}
#main-column-pagination .pagination .p-ad .platinum-text a {
    display: inline;
}			
#main-column-pagination .pagination .p-ad .platinum-text img {
    float: left;
    margin-right: 10px;
    overflow: hidden;
    width: 300px;
}
#main-column-pagination .pagination .p-ad .platinum-text .text {
    float: right;
    font-size: 16px;
    height: 100%;
    line-height: 22px;
    text-align: left;
    width: 250px;
}
#main-column-pagination .pagination .p-ad .platinum-text .ttl {
    display: inline-block;
    font-size: 16px;
	line-height: 22px;
    font-weight: bold;
    letter-spacing: 0.05em;	
    padding: 10px 0 4px;
    text-align: left;	
}
#main-column-pagination .pagination .p-ad .platinum-text .summary {
	display: block;
    font-size: 12px;
    letter-spacing: 0.05em;
	line-height: 18px;
}








/* ----------------------------------------------------------
【　JBPress-SP　全体　】
------------------------------------------------------------ */

	
/* ----------------------------------------------------------
上部
------------------------------------------------------------ */

#main-wrapper-SP{
	width: 1020px;
	margin:0 auto;
	}
.sp-main{
	margin-right:16px;
	}

/* -- レクタングル -- */
.bottom-content{
	}
.bottom-content .figure, .bottom-content .figure-center, .bottom-content .figure-left, .bottom-content .figure-right, .bottom-content .figure-wrapper {
	width: auto !important;
	height: auto !important;
	text-align: center !important;
	margin-bottom: 0em;
	background-color: none;
	padding: 0px;
}


/* -- レクタングル -- */
.rectangle{
	}
.rectangle .figure, .rectangle .figure-center, .rectangle .figure-left, .rectangle .figure-right, .rectangle .figure-wrapper {
	width: auto !important;
	height: auto !important;
	text-align: center !important;
	margin-bottom: 0em;
	background-color: none;
	padding: 0px;
}
#contents-main .figure-left {
    float: left;
   /* --  margin: 0px; -- */
}

#contents-main .figure-left {
    float: left;
	margin: 0 10px 10px 0;
}

		
		
/* -- レイアウト -- */
#contents-main .frame .figure-left{
	float: left;
    margin: 0 10px 10px 0;
	}