@charset "utf-8";

#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:24px;
  line-height:1.4;
  font-weight:bold;
}
#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:18px;
  line-height:1.3;
  margin-top:5px;
  color:#666;
}
#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;
  font-family: 'Oswald', sans-serif;
}
#signage .default .genres {
  float:right;
  margin-left:20px;
  font-family: 'Oswald', sans-serif;
}
#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: 15px;
  display:block;
}
#signage .txt .tags.hash a{
  color:#085f9c;
}
#signage .txt .tags .header {
  font-size:12px;
  color:#555;
  padding-bottom: 4px;
}
#signage .txt .snstools{
  height:22px;
  margin-bottom:10px;
}
#signage .txt .snstools .fb *{
  z-index:20;
}


#signage .txt .onlineshops {
  clear:both;
  overflow: hidden;
  border-top:solid 1px #eee;
  border-bottom:solid 1px #eee;
  padding:10px 0 5px;
  font-family: 'Oswald', sans-serif;
}
#signage .txt .onlineshops::after{content:"";display:block;clear:both;}
#signage .txt .onlineshops li{
 float: left;
 margin-right: 1em;
 position: relative;
 padding-left: .6em;
 margin-bottom: .5em;
 list-style:none;
}
#signage .txt .onlineshops li::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  border-left: solid 5px #000;
  border-top: solid 5px transparent;
  border-bottom: solid 5px transparent;
  border-right: solid 5px transparent;
}
#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{
  list-style-type: none;
  margin: 0 3px 10px 0;
  float: left;
  *display: inline;
  *zoom: 1;
}
#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: 1em;
}
#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 {
  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-page-info{display:block;margin:1em auto;text-align:center;border-top:solid 1px #ddd;padding-top:1em;color:#ccc;font-family: 'Roboto', sans-serif;}

/* 記事内囲み */
#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 .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{
  margin-top:10px;
}
#article_related .related-works ul::after{
  content:"";
  display:block;
  clear:both;
}
#article_related .related-works ul li{
  list-style:none;
  border:solid 1px #cecece;
  padding:5px;
  width:140px;
  margin:0 4px 10px 0;
  vertical-align:top;
  position:relative;
  display:block;
  text-align:center;
  float:left;
}
#article_related .related-works ul li:nth-child(4n){
  margin-right:0;
}
#article_related .related-works ul li:nth-child(4n+1){
  clear:left;
}
#article_related .related-works ul li .img{
  width:140px;
  height:140px;
  display:table-cell;
  vertical-align:middle;
}
#article_related .related-works ul li img{
  max-width:140px;
  max-height:140px;
  height:auto;
  width:auto !important;
  border-style:none;
}
#article_related .related-works ul li .text{
display:block;
text-align:left;
padding-bottom:1em;
}
#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;
  font-weight:600;
}
#article_related .related-works ul li .musicttl{
  font-size:12px;
  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: #444;
  text-decoration: none !important;
  font-size: 14px;
  padding: 8px 10px;
  display: block;
  line-height: 1.4;
}
#article_body .article-next-page a {
  color: #fff;
}
#article_body .article-next-page a:hover {
  color: #fff;
  opacity: .6;
}
.article-next-page a > span {
  display: flex;
}
.article-next-page .page-next{
  margin-right:20px;
  min-width:80px;
  position: relative;
}
.article-next-page .page-next::after{
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  bottom: 0;content: "";
  height: 8px;
  margin: auto;
  position: absolute;
  right: -10px;
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
  width: 8px;
}
.article-next-page .page-title{
text-align:left;
}

/* YouTubeなど */
#article_body iframe{
  display:block;
  margin:20px auto !important;
}
#article_body .snstools iframe{
  margin:0 !important;
}

#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;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
#article_body .ted{
padding-bottom:67.25%;
}
#article_body .ted iframe{
overflow:hidden;
}

/* 記事下のSNSとshopボタン */
.article-bottom-shop .onlineshops{
  clear:right;
  border-top:solid 1px #eee;
  border-bottom:solid 1px #eee;
  padding:15px 0 10px;
  margin-top:20px;
  font-family: 'Oswald', sans-serif;
}
.article-bottom-shop .onlineshops::after{content:"";display:block;clear:both;}
.article-bottom-shop .onlineshops li {
  float: left;
  margin-right: 1em;
  position: relative;
  padding-left: .6em;
  margin-bottom: .5em;
  font-size:16px;
  list-style:none;
}
.article-bottom-shop .onlineshops li::before{
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  border-left: solid 5px #000;
  border-top: solid 5px transparent;
  border-bottom: solid 5px transparent;
  border-right: solid 5px transparent;
}
.article-bottom-shop .snstools {
  _zoom: 1;
  float:right;
}
.article-bottom-shop .snstools::after{content:"";display:block;clear:both;}
#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: 20px 0;
}

/*
関連記事
*/
#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::after{
  content:"";
  display:block;
  clear:both;
}
#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 .img{
  display:table-cell;
  vertical-align:middle;
  width:85px;
  padding:10px 0 10px 10px;
}
#list_related_articles .body ul li .img img{max-width:85px;max-height:85px;width:auto;height:auto;}
#list_related_articles .body ul li .txt {
  font-size: 0;
  line-height: 1.2;
  display:table-cell;
  vertical-align:middle;
  width:220px;
  padding:10px;
}
#list_related_articles .body ul li a {
  display: table-cell;
}
#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;
  margin-top:0;
}
#list_related_articles .body ul li .date{
 color: #606060;
 margin-top: 6px;
 font-family: 'Roboto', sans-serif;
 display:block;
 font-size:12px;
}

/* */
/*  ---------- 本文内写真 ----------  */
.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;
  margin-top: 10px;
}
#article_body .video + .caption.c_center{margin-top:-25px;}

/*  ---------- 右配置 ----------  */
.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:20px 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:0;
  margin-bottom:10px;
  border-width:1px;
  border-style:solid;
  border-color:#ccc #aaa #aaa #ccc;
  list-style:none;
}

#article_body .ranking-in-article li a{
  display: table;
    width: 100%;
}
#article_body .ranking-in-article li .img,
#article_body .ranking-in-article li .txt{
  display: table-cell;
}
#article_body .ranking-in-article li .img{
  width:160px;
  height:160px;
  text-align: center;
  vertical-align: middle;
}
#article_body .ranking-in-article li .img.ranking{
width:200px;
box-sizing:border-box;
padding-right:0;
}
#article_body .ranking-in-article li .img img{
max-width:100%;
width:auto;
height:auto;
}

#article_body .ranking-in-article li .ranking-no{
display:table-cell;
vertical-align:middle;
width:45px;
line-height:30px;
background:#666;
color:#fff;
font-size:23px;
font-family: 'Oswald', sans-serif;
text-align:center;
}
#article_body .ranking-in-article li .ranking-no a{
  color:#fff !important;
}

#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{
  display: table-cell;
  padding:10px;
}
#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 .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
}

/* infinitescroll関連:ローディング画像 */
#infscr-loading {
  text-align: center;
  width: 100% !important;
}