@charset "utf-8";

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

article.css
2015年リニューアルレイアウト
記事一覧、詳細

-----------------------------------*/
/*
一覧
-----------------------------------*/
#article_list .article_count {
    margin-bottom: 8px;
    color: #e38bb0;
}
#article_list .pantheon_wallper{
	margin-bottom:4px;
}
#article_list .pantheon_wallper a{
	display:block;
	float:left;
	margin-left:10px;
}
#article_list .pantheon_wallper a:first-child{
	margin-left:0px;
}
#article_list .pantheon_wallper a div{
	width:100px;
	margin-right:5px;
	float:left;
}
#article_list .pantheon_wallper a .img{
	max-width:100px !important;
	height:auto;
	position:relative;
}
#article_list .pantheon_wallper a .crown{
	margin-bottom:-29px;
	position:relative;
	margin-left:3px;
	z-index:3;
}
#article_list .pantheon_wallper a p{
	margin-top:20px;
	width:105px;
	float:left;
	font-weight:bold;
	font-size:12px;
}
#article_list #contents_header + .article_count { margin-top: -13px; }

#article_list .item {
    display: table;
    width: 650px;
    padding: 8px 0;
    border-top: 1px dashed #d9d5cf;
    font-size: 14px;
}
#article_list .item:nth-last-child(2) { border-bottom: 1px dashed #d9d5cf; }
#article_list .headline + .item { border-top: none; }
#article_list .image {
    display: table-cell
    width: 108px;
}
#article_list img {
    max-width: 100px;
    mac-height: 100px;
}
#article_list .text {
    display: table-cell;
    width: 542px;
    vertical-align: top;
}

#article_list .title {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: bold;
}
#article_list .description { margin-bottom: 3px; }
#article_list .date {
    display: inline-block;
    font-size: 12px;
}

#article_list .item + .more { margin-top: -1px; }

#article_list .bnrs{
	border-top: 1px dashed #d9d5cf;
	padding-top:30px;
	text-align:center;
}
#article_list .bnrs img{
    max-width: 300px;
    max-height: auto;
}
#article_list .bnrs a{
	margin-right:10px !important;
}
#article_list .bnrs a:last-child{
	margin-right:0px !important;
}


/*
記事詳細
-----------------------------------*/
#article header {
    margin: -10px -10px 13px;
    border-top: 5px solid #e38bb0;
}
#article .headline {
    margin: 0 10px 8px;
    padding: 21px 0;
    border-bottom: 1px solid #e38bb0;
    background: none;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}
#article header .social {
    float: left;
    margin-left: 10px;
}
#article .date {
    float: right;
    margin-right: 10px;
    font-size: 12px;
}

/* 記事内見出し */
.article_heading,
.fontsize5,
.h3ore {
    margin-bottom: 34px;
    padding: 13px 8px 13px 21px;
    border-radius: 4px;
    background: url(/images/common/bg_heading.png) no-repeat 8px 0.5em, url(/images/article/bg_article_heading.png) repeat left top;
    font-size: 20px;
    font-weight: normal;
    color: #555;
}
.fontsize5 + br { display: none; }

/* 記事内メインイメージ */
#article_body .image {
    margin: 13px 0 34px;
    text-align: center;
}

/* 関連記事 */
.releArea { margin: 0; }
.relation .title,
.releArea .ank1 {
    padding: 21px 0;
    border: none;
    background: url(/images/article/bg_article_relation.png) no-repeat center top, url(/images/article/bg_article_relation.png) no-repeat center bottom;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}
.releArea .ank1 p {
    margin: 0;
    padding: 0;
    color: #555;
    font-size: 16px;
}
.relation li,
.relLik2 li { line-height: 2; }
.relation ul{
	margin-top:5px;
}
.relation ul li a{
	color:#e38bb0;
	text-decoration:underline;
	font-size:14px;
}

/* 今、あなたに読んでほしい記事 */
.readit{
	margin-top:10px;
}
.readitAfter{
	margin-bottom:40px;	
}
.readit a{
	display:block;
	float:left;
	width:49.8%;
	margin-right:0.4%;
	background:#FBF8F4;
	margin-top:2px;
}
.readit a:nth-child(even){
	margin-right:0%;
}
.readit a img{
	height:60px;
	width:auto;
	display:inline-block;
	vertical-align:middle;
}
.readit a p{
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
	color:#e38bb0;
	font-size:13px;
	text-decoration:underline;
	width:222px;
}




/* 記事本文 */
#article_body p,
.txtArea1 p {
    margin: 0 0 34px;
    padding: 0;
    color: #555;
    font-size: 16px;
    line-height: 1.7;
    letter-spacing: 0.5px;
}

#article_body a,
#article .txtArea1 a {
    color: #e38bb0;
    text-decoration: underline;
}

#article_body .links a {
    padding-left: 15px;
    background: url(/images/article/ico_links.png) no-repeat 3px 0.4em;
}

#article_body .pink2b { font-weight: bold; }

#article_body .question_box { margin-bottom: 34px; }
#article_body .question_box a { line-height: 2;}

/* SNSでコメントする */
#article .box_button {
    margin: 34px 0;
    text-align: center;
}
#article .box_button .button {
    position: relative;
    display: inline-block;
    height: 40px;
    margin: 0 5px;
    padding: 5px 13px 5px 30px;
    font-size: 13px;
    line-height: 30px;
}
#article .button_tw:before,
#article .button_fb:before {
    width: 30px;
    height: 30px;
    background-size: 30px;
}
.button_question:before {
    position: absolute;
    top: 5px;
    left: 5px;
    dislay: block;
    width: 40px;
    height: 40px;
    background: url(/images/question/ico_question_w.png) no-repeat left top;
    content: " ";
}

/* 感想投票 */
#vote {
    margin: 34px 0 13px;
    padding: 21px;
    background: #f7f1e8;
}
#vote .title {
    margin-right: 60px;
    padding-right: 34px;
    background: url(/images/article/ico_vote_arrow.png) no-repeat right center;
    font-zie: 16px;
    font-weight: normal;
}
#vote .title,
#vote .vote_button {
    display: inline-block;
    vertical-align: middle;
}
#vote .vote_button li {
    float: left;
    margin-right: 21px;
}




/* ランキング */
.tab{overflow:hidden; margin-top:20px;}
.tab dt{background:#E8E8E8; padding:10px 45px; float:left; margin-right:2px; cursor:pointer; font-weight:bold;}
.tab dt.select{background:#FBEEF3;}
.content dt{background:#FBEEF3; padding:20px 10px;}
.hide {display:none;}

.content ol {
	counter-reset:li; /*カウントリセット*/
}
.content ol li {
	list-style:none; /*デフォルトナンバリングを消す*/
	position:relative;
	margin-top:25px;
	float:none;
	background:none;
	margin-right:0;
	padding:0;
	line-height:15px; /*行間*/
	*list-style-type: decimal; /*IE7用ハック*/
}
.content ol li:before {
	content:counter(li); /*カウンターのインデックスを挿入*/
	counter-increment:li; /*ナンバリングを生成*/
	/* ここから番号のスタイル */
	position:absolute;
	top:8px; /*コンテンツの上へ*/
	width:22px; /*幅*/
	height:18px;
	padding-top:3px;
	color:#fff; /*文字色*/
	background:#E595B6; /*背景*/
	font-family: 'Federo', sans-serif; /*webフォント*/
	font-size:100%;
	font-weight:bold;
	text-align:center;
}
.content .ran {
	display: table;
	width: 628px;
	padding: 8px 0;
	margin-bottom:10px;
	font-size: 14px;
	margin-top:-0px;
}
.content .ran:last-child {
	margin-bottom:10px;
}
.content .headline + .ran { border-top: none; }
.content .image {
    display: table-cell;
    width: 108px;
}
.content img {
    max-width: 100px;
    mac-height: 100px;
}
.content .text {
    display: table-cell;
    width: 520px !important;
    vertical-align: top;
	margin-left:10px !important;
}
.content .title {
    margin-bottom: 5px !important;
    font-size: 18px !important;
    font-weight: bold !important;
}
.content .description { margin-bottom: 3px; line-height:140%; margin-top:8px !important; }
.content .date {
    display: inline-block !important;
    font-size: 12px !important;
}
.content .ran + .more { margin-top: -1px; }