#signage {
	background-color: #fff;
	padding: 23px 30px 0;
	/*overflow: hidden;*/
	_zoom: 1;
	clear:both;
}
#signage .txt {
	line-height: 1.2;
	width: 310px;
	margin-bottom:20px;
	/* height:300px; */
}
#signage .txt .header {
	color: #1a1a1a;
}
#signage .txt .header span {
	/* display: inline-block; */
	display: block;
	*display: inline;
	*zoom: 1;
}
#signage .txt .subtitle{
	font-size: 27px;
	font-weight:600;
	line-height:1.2;
}
#signage .txt h1{
	margin-bottom:35px;
}
#signage .default h1{
	font-size:21px;
	line-height:1.3;
}
#signage .default .page-type{
	color:#555;
	font-size:12px;
}
#signage .txt .title{
	font-size: 19px;
	line-height:1.2;
	padding-bottom:5px;
	color:#444;
}
#signage .img{
	margin-bottom:20px;
}
#signage .img img{
	border:solid 1px #cecece;
}
#signage .default h2{
	font-size:16px;
	line-height:1.3;
	margin-top:5px;
	font-style:italic;
	color:#888;
	font-family:"游ゴシック",YuGothic,KoburinaGo-W3-83pv-RKSJ-H,Helvetica,Arial,"Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック",Meiryo,sans-serif;
}
#signage .txt .info {
	font-size: 12px;
	padding: 5px 5px 0 0;
	display:inline !important;
}
#signage .default .info{
	font-size:12px;
	padding-top:15px;
}
#signage .default .info .source{margin-right:20px;}
#signage .txt .genres,#signage .default .genres {
	font-size: 14px;
	margin-top: 20px;
	vertical-align: baseline;
}
#signage .default .genres {
	float:right;
	margin-left:20px;
}
#signage .default .genres span.header {
	margin-right:0px;
}
#signage .default .genres span.header.no-mark {
	padding-right:0px;
}
#signage .txt span.header,#signage .default span.header {
	background: url(/common/images/v1/main_column/arrow_tags.png) 100% 35% no-repeat;
	margin-right: 7px;
	padding-right: 14px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#signage .txt span.header.no-mark,#signage .default span.header.no-mark {
background-image:none;
}
#signage .txt .genres  .name,#signage .default .genres  .name {
	color: #fff;
	padding: 2px 5px;
}
#signage .txt .tags {
	font-size: 13px;
	margin-top: 5p x;
}
#signage .txt .tags .header {
	/*padding-top: 3px;*/
	font-size:12px;
	/* color:#aaa; */
	color:#555;
	padding-bottom: 4px;
}
#signage .txt .snstools,
#signage .txt .onlineshops {
	/*overflow:hidden;*/
	_zoom: 1;
}
#signage .txt .snstools{
	height:22px;
	margin-bottom:10px;
}
#signage .txt .snstools .fb *{
	z-index:20;
}


#signage .txt .onlineshops {
	clear:both;
	overflow: hidden;
}
#signage .default .snstools{
	clear:both;
	/*border-top:solid 1px #f0f0f0;*/
	/*border-bottom:solid 1px #f0f0f0;*/
	padding:10px 0;
	/*margin-top:20px;*/
}
#signage .txt .snstools li,
#signage .default .snstools li,
#signage .txt .onlineshops li{
	list-style-type: none;
	margin-right: 3px;
	float: left;
	*display: inline;
	*zoom: 1;
}
#signage .txt .onlineshops .space{
margin-left:3px;
}
#signage .txt .snstools li,
#signage .default .snstools li{
	/*height:22px;*/
	vertical-align:baseline;
	line-height:1em;
}
#signage .txt .snstools li.tw,
#signage .default .snstools li.tw{
	max-width:100px;
}
#signage .txt .snstools li.fb,
#signage .default .snstools li.fb{
	max-width:110px;
	overflow:visible;
}
#signage .txt .snstools li.google,
#signage .default .snstools li.google{
	max-width:60px;
}
#signage .txt .snstools li.tumblr,
#signage .default .snstools li.tumblr{
	max-width:70px;
}

/* 20141027追加 */
#signage .default .snstools li.date{
	float:right;
	color: #606060;
	font-size: 13px;
	margin-right: 0px;
}

#signage .txt .snstools {
	margin-top: 35px;
	margin-right: -10px;
	/*width: 360px;*/
}
#signage .txt .onlineshops{
	font-size: 12px;
	margin-top: 10px;
	background: url(/common/images/v1/main_column/icon_cart.png) 0 0 no-repeat;
	padding: 8px 0 0 25px;
	margin-bottom: 10px;
}
#signage .article-mainimage{
	padding-top:30px;
	text-align:center;
}
#signage .txt .onlineshops a,#signage .info a{
	color:#085f9c;
}
#signage .txt .onlineshops a:hover,#signage .info a:hover,#signage a.artist:hover{
	color:#0c79c5;
}

/*
本文
*/
#main #article_body.section {
	font-size: 18px;
	line-height: 1.75;
	background-color: #fff;
	margin-top: 0;
	padding: 30px 30px 15px;
	margin-bottom:40px;
}
#body-inner{
	clear:both;
	margin-top:20px;
	position:relative;
}
#article_body a{
color:#085f9c;
}
#article_body a:hover{
color:#0c79c5;
}

#article_body .related-works a,
#article_body .tags a,
#article_body .taglist a{
	color:#000;
}
#article_body p{
	margin-bottom:1em;
	font-size:16px;
}
#article_body.review p,#article_body.feature_discs p,#article_body.information p{
	text-indent:0;
}
#body-inner div.date{
	color:#606060;
	font-size: 13px;
	top: -30px;
	position: absolute;
	right: 0px;
}

#article_body h3{
	font-weight:bold;
}
#main .section_article {
	margin-top: 25px;
}

#main #article_body img,
#main #signage .article-mainimage img{
border:solid 1px #cecece;
}
.section_article {
	/*background: url(/common/images/v1/main_column/bg_section_article.png) 50% 0 no-repeat;*/
	margin: 25px -15px 0;
	padding: 0 15px;
	width: 620px;
}
#main #article_related.section_article{
	margin-top:0;
}
#article_body .section_article a {
	text-decoration: none;
}
#article_body .info {
	text-align: right;
	line-height: 1.2;
	/*margin-top: 25px;*/
	clear:both;
}
#article_body .info .author {
	font-size: 14px;
}
#article_body .info .source {
	font-size: 12px;
}

/* 記事内囲み */
#article_body .enclose-box{
	border:solid 1px #ccc;
	margin-bottom:1em;
	padding:5px 15px;
}

#article_media {
	padding-top: 0;
}
#article_media .media {
	padding-top: 25px;
}
#article_related {
	padding-top: 0;
}
#article_related .related-works,
#article_related .tags,
#article_related .artist,
#article_related .link {
	padding-top: 30px;
	clear:both;
}
#article_related h5 {
	font-size: 12px;
	color: #555;
}
#article_related .artist div,
#article_related .link ul {
	margin-top: 3px;
	margin-left: 15px;
}
#article_related .related-works ul{
	margin-top:10px;
	margin-left:15px;
}
#article_related .tags div{
	margin-left:15px;
}
#article_related .artist div a,
#article_related .tags div a {
	margin-top: 7px;
}
#article_related .link li {
	font-size: 13px;
	list-style-type: none;
}
#article_related .link li a {
	background: url(/common/images/v1/main_column/arrow_tags.png) 0 0.4em no-repeat;
	padding-left: 18px;
}

#article_related .related-works ul li{
	list-style:none;
	border:solid 1px #cecece;
	padding:3px;
	width:102px;
	/*height:157px;*/
	margin-right:4px;
	margin-bottom:10px;
	vertical-align:top;
	position:relative;
	display:inline-block;
}
#article_related .related-works ul li .text{
display:block;
}
#article_related .related-works ul li .artistname,
#article_related .related-works ul li .musicttl{
	display:block;
	margin-top:3px;
	line-height:1.1;
}
#article_related .related-works ul li .artistname{
	font-size:12px;
	padding:0 5px;
	font-weight:600;
}
#article_related .related-works ul li .musicttl{
	font-size:11px;
	padding:0 5px;
	color:#444;
}

/* ライヴページのフォーマット */
#article_body .live-artist-image{
	text-align:center;
	/*width:100%;*/
	width:310px;
	clear:none;
	float:left;
}
#article_body .live-artist-image.odd{
	clear:left;
}
#article_body .live-artist-image .photo{
	width:280px;
	display:block;
	float:left;
	margin:0 auto;
	padding:0 15px 15px 15px;
}
#article_body .live-artist-image .photo.piece{
	float:none;
}
#article_body .live-artist-image .caption{
	font-size:14px;
}
#article_body .live-info-table{
	clear:both;
}
#article_body .live-info-table table{
	border-style:none;
}
#article_body .live-info-table table td{
	word-wrap: break-word;
	font-size:13px;
	padding:5px;
	border-bottom:dotted 1px #cecece;
	vertical-align:middle;
}

/* ブログプロフィール */
.author-profile{
margin:30px 10px 10px 10px;
}
.author-profile .profile-title{
font-size:12px;
}
.author-profile-inner{
border:solid 1px #cecece;
padding:10px;
}

.author-profile img{
float:left;
margin-right:15px;
}

.author-profile .txt{
float:left;
width:450px;
}
.author-profile .txt h4{
vertical-align:baseline;
line-height:1.1em;
margin-bottom:10px;
font-size:15px;
}
.author-profile .txt .kana{
font-size:12px;
}
.author-profile .txt p{
font-size:12px !important;
line-height:1.6;
}
.author-profile .txt p:last-child{
margin-bottom:0 !important;
}

/* 次ページ誘導 */
.article-next-page{
	text-align:center;
	margin:0 30px;
}
.article-next-page a{
	background-color:#f5f5f5;
	border:solid 1px #d2d2d2;
	text-decoration:none !important;
	font-size:14px;
	padding:5px;
	display:block;
	line-height:1.4;
}
.article-next-page .page-next{
	background:url(/common/images/v1/main_column/next-page-arrow.png) no-repeat right;
	padding-right:20px;
	margin-right:20px;
	display:block;
	float:left;
	width:80px;
}
.article-next-page .page-title{
float:left;
display:block;
width:400px;
text-align:left;
}

/* YouTubeなど */
#article_body iframe{
	display:block;
	margin:20px auto;
}

#article_body .video{
position:relative;
height:0;
overflow:hidden;
margin:35px 0;
padding-bottom:56.25%;
padding-top:30px;
}
#article_body .sound{
height:70px;
padding-bottom:15%;
}
#article_body .sound.sc_visual{
height:450px;
padding:20px 0;
}
#article_body .video iframe{
margin:0px auto;
}
#article_body .ted{
padding-bottom:67.25%;
}
#article_body .ted iframe{
overflow:hidden;
}

/* 記事下のSNSとshopボタン */
.article-bottom-shop .onlineshops li {
	list-style-type: none;
	margin-right: 10px;
	float: left;
	*display: inline;
	*zoom: 1;
}
.article-bottom-shop .onlineshops{
	clear:right;
	font-size: 12px;
	margin-top: 10px;
	background: url(/common/images/v1/main_column/icon_cart.png) 0 0 no-repeat;
	padding: 3px 0 0 30px;
	float:right;
}

.article-bottom-shop .snstools {
	/*overflow: hidden;*/
	_zoom: 1;
	float:right;
}
#article_body .article-bottom-shop .snstools iframe{
	margin:0px auto;
}
.article-bottom-shop .snstools li{
	list-style-type: none;
	margin-right: 10px;
	float: left;
	*display: inline;
	*zoom: 1;
}
.article-bottom-shop .snstools li{
	/*height:22px;*/
	vertical-align:baseline;
	line-height:1em;
}
.article-bottom-shop .snstools li.tw{
	max-width:100px;
}
.article-bottom-shop .snstools li.fb{
	max-width:110px;
	min-width:100px;
}
.article-bottom-shop .snstools li.fb *{
	z-index:20;
}
.article-bottom-shop .snstools li.google{
	max-width:60px;
}
.article-bottom-shop .snstools li.tumblr{
	max-width:70px;
}
.article-bottom-shop .snstools {
	margin-top: 20px;
	margin-right: -10px;
	/*width: 360px;*/
}

/*
関連記事
*/
#list_related_articles .body {
	margin-top: 0;
	overflow: hidden;
	_zoom: 1;
}
#list_related_articles .body ul {
	margin-right: -10px;
	width: 690px;
	overflow: hidden;
	_zoom: 1;
}
#list_related_articles .body ul li {
	margin-top: 10px;
	margin-right: 10px;
	width: 335px;
	float: left;
	display: inline;
}
#list_related_articles .body ul li:first-child,
#list_related_articles .body ul li:nth-child(2) {
	margin-top: 4px;
}
#list_related_articles .body ul li .txt {
	font-size: 0;
	line-height: 1.2;
}
#list_related_articles .body ul li a {
	padding: 5px 15px;
	display: block;
}
#list_related_articles .body ul li .title,
#list_related_articles .body ul li .subtitle {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#list_related_articles .body ul li .title {
	font-size: 14px;
}
#list_related_articles .body ul li .subtitle {
	font-size: 17px;
	margin-right: 1em;
}
#list_related_articles .body ul li .category {
	font-size: 11px;
	display: block;
}

/* */
/*  ---------- 本文内写真 ----------  */
.figure-right,
.figure-left,
.figure-center {
  margin-bottom:1.5em;
  margin-top: 5px;
}
.figure-right .caption,
.figure-left .caption,
.figure-center .caption {
  font-size: 66.67%;
  line-height: 1.4;
  text-align:left;
  margin-top: 10px;
  clear:both;
}

.caption .figure-expand{
	background:url(/common/images/v1/main_column/zoom.png) no-repeat left;
	padding-left:15px;
}
.caption.c_center{
  font-size: 66.67%;
  text-align:center;
}

/*  ---------- 右配置 ----------  */
.figure-right {
    float:right;
    margin-left:1em;
  display:inline;
}

/*  ---------- 左配置 ----------  */
.figure-left {
    float:left;
    margin-right:1em;
  display:inline;
}

/*  ---------- 中央配置 ----------  */
.center {
  text-align: center;
}
.figure-center {
    clear:both;
  margin:0 auto;
}

/*  ---------- キャプション size:12px ----------  */
.image .caption {
  color:#666;
  font-size:92.3%;
  line-height:1.4;
  text-align:left;
  text-indent:0;
  padding:10px;
  margin-bottom:0px;
}

/*  ---------- 記事内ランキング一覧 ----------  */
#article_body .ranking-in-article ul li{
	background-color:#fff;
	position: relative;
	padding:0px 10px 0px 0px;
	margin-bottom:10px;
	border-width:1px;
	border-style:solid;
	border-color:#ccc #aaa #aaa #ccc;
}
#article_body .ranking-in-article li a{
	display: table;
	width: 100%;
}
#article_body .ranking-in-article li a,
#article_body .ranking-in-article li a:hover,
#article_body .ranking-in-article li a:visited{
	color:#000;
}
#article_body .ranking-in-article .img,
#article_body .ranking-in-article .txt,
#article_body .ranking-in-article .ranking-no{
	display: table-cell;
}
#article_body .ranking-in-article .img{
	width:194px;
	text-align: center;
	vertical-align: middle;
}
#article_body .ranking-in-article .img.ranking{
	width:144px;
}
#article_body .ranking-in-article .img img{
	border:solid 1px #cecece;
}

#article_body .ranking-in-article .ranking-no{
	vertical-align:middle;
	font-size:18px;
	background-color:#efefef;
	border-right:solid 1px #fff;
	width:40px;
	text-align:center;
}

#article_body .ranking-in-article .txt{
	line-height:1.2;
	padding-left:15px;
	vertical-align:middle;
}

#article_body .ranking-in-article .txt .category{
	font-size:13px;
	margin-top:10px;
	color:#555;
}
#article_body .ranking-in-article .txt .category.no-margin{
margin-top:0;
}
#article_body .ranking-in-article .txt .title{
	font-size:100%;
	font-weight:normal;
	margin-top:5px;
}
#article_body .ranking-in-article .genre{
	bottom: 5px;
	position: absolute;
	right: 5px
}
