@charset "utf-8";

#breadcrumb{
float:left;
}
#contents_body{
clear:both;
}
#breadcrumb,#contents_body .genre-subtitle {
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  margin-bottom:10px;
  font-family: 'Roboto', sans-serif;
}
#breadcrumb a,#contents_body .genre-subtitle a {
  color: #fff;
  padding-right: 13px;
  margin-right:1em;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  position:relative;
}
#breadcrumb a::after,#contents_body .genre-subtitle a::after{
  content:"";
  display:block;
  position:absolute;
  top:4px;
  right:0;
  width:6px;
  height:6px;
  border-top:solid 1px #fff;
  border-right:solid 1px #fff;
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
}
#breadcrumb a:last-child::after,
#contents_body .genre-subtitle a.last-child::after{
  display:none;
}
#breadcrumb .current,#contents_body .genre-subtitle .current {
  background-image: none;
  margin-right: 0;
  padding-right: 0;
  cursor: default;
}

/* タイトル部分 */
.heading a,
.heading.nolink{
background-color:#606060;
color:#fff;
display:block;
font-size:22px;
padding:4px 8px;
font-family: 'Oswald', sans-serif;
text-shadow:0 1px 1px #222;
position:relative;
}
.heading a::before{
 content:"";
 display:block;
 position:absolute;
 top:15px;
 right:25px;
 width:10px;
 height:10px;
 border-top:solid 2px #fff;
 border-right:solid 2px #fff;
 transform:rotate(45deg);
 -webkit-transform:rotate(45deg);
}
.heading a::after{
 content:"";
 display:block;
 position:absolute;
 top:15px;
 right:18px;
 width:10px;
 height:10px;
 border-top:solid 2px #fff;
 border-right:solid 2px #fff;
 transform:rotate(45deg);
 -webkit-transform:rotate(45deg);
}
.aside .heading a{font-size:18px;line-height:1.2;}
.aside .heading a::before{width:8px;height:8px;top:10px;}
.aside .heading a::after{width:8px;height:8px;top:10px;}
/* 
基本的な記事リスト
*/
.section_list .body {
  margin-top: 4px;
}
.section_list .body ul {
  list-style-type: none;
}
.section_list .body li {
  background-color: #fff;
  position: relative;
}
.section_list .body li .img{
  text-align:center;
}
.section_list .body li .txt {
  line-height: 1.2;
  /*padding-top: 5px;*/
}
.section_list .body li .txt .subtitle {
  font-size: 16px;
  line-height:1.4;
  margin-top: 5px;
  padding-right:10px;
}
.section_list .body li .txt .title {
  font-size: 15px;
  line-height: 1.4;
  letter-spacing:0.5px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.section_list .body li .txt .category {
  font-size: 11px;
  margin-top: 10px;
  color:#555;
}
.section_list .footer{margin-top:4px;}
.section_list .footer .btn_list_more {
  color: #fff;
  font-size: 11px;
  text-align: center;
  background-color: #606060;
  padding-top: 8px;
  height: 26px;
  display: block;
}
.section_list .footer.page .btn_list_more{
  float:right;
  width:345px;
}
.section_list .footer .btn_list_more.aside_link{
  text-align:right;
  margin-top:0;
  padding-right:20px;
}
.section_list .footer .btn_list_more .arrow_bottom {
  background: url(/common/images/v1/main_column/arrow_bottom.png) 100% 50% no-repeat;
  line-height: 1.2;
  padding-right: 22px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.section_list .body li .movie {
  padding-bottom: 56.25%;
  padding-top: 30px;
  position: relative;
  height: 0;
  overflow: hidden;
}
.section_list .body li .movie iframe {
  position: absolute ;
  top: 0 ;
  left: 0 ;
  height: 100% ;
  width: 100% ;
}
.section_list .footer_link {
  text-align: right;
  /*height: 20px;*/
}
.section_list .footer_link a {
  color: #fff;
  padding:5px 20px 5px;
  font-size:14px;
  display: block;
  background-color:#606060;
  position:relative;
}
.section_list .footer_link a::after{
  content:"";
  display:block;
  position:absolute;
  top:11px;
  right:5px;
  border-left:solid 5px #fff;
  border-top:solid 5px transparent;
  border-right:solid 5px transparent;
  border-bottom:solid 5px transparent;
}

/*
ジャンルアイコン
*/
.section .genre,
.section_list .genre,
.section_tab .genre {
  position:absolute;
  bottom:5px;
  right:5px;
  font-size:13px;
  padding-right:25px;
  font-family: 'Roboto', sans-serif;
}
.section .genre::after,
.section_list .genre::after,
.section_tab .genre::after{
  content:"";
  display:block;
  position:absolute;
  bottom:-5px;
  right:-5px;
  border-right:solid 10px #ccc;
  border-right-color: inherit;
  border-top:solid 10px transparent;
  border-bottom:solid 10px transparent;
  border-left:solid 10px transparent;
  transform:rotate(-135deg);
  -wekbit-transform:rotate(-135deg);
}
.slideshow .txt .genre{position:absolute;}

/*20141024　追加  */
.review-genre-block .review-slide-block .review-top ul li div.genre {
  right: 5px;
  bottom: 18px;
}
.review-genre-block .review-slide-block .review-top ul li div.date {
  font-size: 80%;
  color:#606060;
  position: absolute;
  right: 5px;
  bottom:1px;
}
.review-genre-block .review-slide-block .review-top ul li .rsubgenre {
  font-size: 80%;
  position: absolute;
  right: 5px;
  bottom:16px;
}


/* タグリスト */
.taglist a {
  color: #000;
  font-size: 13px;
  text-decoration: none;
  word-wrap: normal;
  border: 1px solid #d2d2d2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #f5f5f5;
  margin: 10px 3px 0 0; 
  padding: 3px 5px 2px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/* ƒメインカラム広告 */
.rectangle_double {
  text-align: center;
  margin-top: 85px;
  margin-bottom:45px;
}
.rectangle_double .ad {
  margin: 0 10px;
  display: inline-block;
}
/* ページネーション（一覧系） */
.pagination.section{
  clear:both;
  margin-top:60px;
  color:#fff;
  border-top:solid 1px #222;
  border-bottom:solid 1px #222;
  padding:10px 2px;
  text-align:center;
}
.pagination.section .length{
  margin-right:40px;
  font-size:13px;
  color:#cecece;
}
.pagination.section .current{
  border:solid 1px #fff;
  text-align:center;
  font-size:18px;
  padding:0 8px;
  line-height:1em;
  vertical-align:baseline;
  margin-right:10px;
  border-radius:2px;
}
.pagination.section a{
  border:solid 1px #fff;
  background-color:#fff;
  text-align:center;
  font-size:18px;
  padding:0 8px;
  line-height:1em;
  vertical-align:baseline;
  margin-right:10px;
  border-radius:2px;
}
.pagination.section a:hover{
  background-color:#000;
  color:#fff;
}
.pagination.section a.next,.pagination.section a.prev,.pagination.section a.skip{
  background-color:#000;
  border-style:none;
  color:#fff;
}
/* ページネーション（記事） */
#article_body .pagination.section{
  clear:both;
  margin-top:0;
  color:#606060;
  /*border-top:solid 1px #f0f0f0;*/
  /*border-bottom:solid 1px #f0f0f0;*/
  border-style:none;
  padding:20px 2px 10px 2px;
  text-align:center;
}
#article_body .pagination.section .length{
  margin-right:40px;
  font-size:13px;
  color:#606060;
}
#article_body .pagination.section .current{
  font-size: 18px;
  padding: 0;
  vertical-align: baseline;
  margin-right: 10px;
  display: inline-block;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  color: #fff;
  background: #444;
}
#article_body .pagination.section a{
  text-align:center;
  width: 30px;
  height: 30px;
  font-size:18px;
  padding:0 10px;
  line-height:30px;
  vertical-align:baseline;
  margin-right:10px;
  color:#444;
}
#article_body .pagination.section a:hover:not(.next){
  padding: 0;
  display: inline-block;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  color: #fff;
  background: #444;
  transition: background .2s ease-out;
}
#article_body .pagination.section a.next,#article_body .pagination.section a.prev,#article_body .pagination.section a.skip{
  background-color:#fff;
  border-style:none;
  color:#222;
}

/* スマホ版で見る */
#change-device-smartphone{
margin-top:40px;
}


/* FB like box */
/*.fb-like-box{background-color:#fff;}*/
/* TW follow btn */
.section_list.twitter a{width:300px;}

/* ページトップへ */
#pagetop a{position:fixed;bottom:50px;right:0;width:60px;height:60px;background:#333;color:#fff;font-family: 'Oswald', sans-serif;z-index:999;}
#pagetop a span{position:relative;padding-top:30px;width:60px;height:60px;display:block;}
#pagetop a span::before{content:"";display:block;width:15px;height:15px;position:absolute;top:15px;left:20px;border-top:solid 2px #fff;border-right:solid 2px #fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}