@charset "utf-8";
/*
------------------------------------------------------
[skin-archive-04][PC]著者プロフィール＆記事一覧ページ
------------------------------------------------------
*/
.writer-archive .h3-style {
  margin-bottom: 10px;
  font-size: 137%;
  font-weight: normal;
}
/*
------------------------------------------------------
[skin-archive-08][PC]フォトギャラリー
------------------------------------------------------
*/
.sub-gallery {
  margin-bottom: 5px;
}

.sub-gallery a {
  position: relative;
  display: block;
  text-decoration: none;
  color: #000;
  background-color: #fff;
  overflow: hidden;
  _zoom: 1;
}
.sub-gallery .column-name {
  line-height: 1.4;
  padding: 1px 0 2px 32px;
  margin-bottom: 8px;
  font-size: 87%;
  background: url(https://number.ismcdn.jp/common/numberweb/v4/images/archive/article_category_icon.png) 0 0 no-repeat;
}
.sub-gallery .ad {
  line-height: 1.4;
  padding: 1px 0 2px 32px;
  margin-bottom: 8px;
  font-size: 87%;
  background: url(https://number.ismcdn.jp/common/numberweb/v4/images/archive/pr_category_icon.png) 0 0 no-repeat;
}
.sub-gallery .info-name {
  line-height: 1.4;
  padding: 1px 0 2px 32px;
  margin-bottom: 8px;
  font-size: 87%;
  background: url(https://number.ismcdn.jp/common/numberweb/v4/images/archive/info_category_icon.png) 0 0 no-repeat;
}
.sub-gallery figure {
  float: left;
  height: 200px;
  vertical-align:middle;
  background-color: #fff;
  overflow: hidden;
}
.sub-gallery figure img {
  width: 300px;
  height: auto;
}
.sub-gallery .text-area {
  height: 180px;
  margin-left: 300px;
  padding: 20px 17px 0;
  overflow: hidden;
}
.sub-gallery h2{
  font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ ゴシック","MS Gothic","Osaka－等幅",Verdana,Arial,Helvetica,sans-serif;
}
.sub-gallery h2,
.sub-gallery h3,
.sub-gallery h4 {
  line-height: 1.4;
  margin-bottom: 10px;
  font-size: 131%;
  font-weight: normal;
  color: #000;
}

.sub-gallery a:hover h2,
.sub-gallery a:hover h3,
.sub-gallery a:hover h4 {
  color: #666;
}
.sub-gallery .text {
  font-size: 93%;
}
.sub-gallery .text .highlight {
  background-color: #fff452;
}
.sub-gallery .writer-name {
  position: absolute;
  bottom: 11px;
  left: 317px;
  line-height: 1.3;
  font-size: 93%;
}
.sub-gallery .writer-name span {
  line-height: 1.1;
  display: block;
  font-size: 80%;
  font-weight: 400;
  color: #666;
}
.sub-gallery .date {
  position: absolute;
  bottom: 6px;
  right: 10px;
  font-size: 75%;
  color: #666;
}
.sub-gallery .more-text {
  display: inline-block;
  padding-left: 14px;
  margin-left: 20px;
  color: #0665d1;
  background: url(https://number.ismcdn.jp/common/numberweb/v4/images/link_icon02.png) 0 6px no-repeat;
}
.sub-gallery a:hover .more-text {
  text-decoration: underline;
  color: #2ca7ed;
  background-image: url(https://number.ismcdn.jp/common/numberweb/v4/images/link_icon02_on.png);
}
/* サブ記事｜一覧 */
.list-sns-number {
  position: absolute;
  bottom: 8px;
  right: 75px;
  line-height: 1.2;
  font-size: 75%;
}
.list-sns-number span {
  display: inline-block;
  padding-left: 19px;
  width: 3em;
}
.list-sns-number .facebook {
  width:50px;
  background: url(https://number.ismcdn.jp/common/numberweb/v4/images/archive/icon_fb.png) 0 0 no-repeat;
}
/*.list-sns-number .twitter {
  background: url(https://number.ismcdn.jp/common/numberweb/v4/images/archive/icon_tw.png) 0 0 no-repeat;
}*/