@charset "utf-8";

.has-grid,
ul.has-grid {
    word-spacing: -1em;
    display: table;
}
.size1of1,.size1of2,.size1of3,.size2of3,.size1of4,.size3of4,.size1of5,.size2of5,.size3of5,.size4of5,.has-grid li span,.has-grid > span,.has-grid > div,.has-grid > ul,.has-grid > li {
    display: inline-block;
    *display: inline; /* IE < 8: inline-block は IE8以下でサポートしていないので、ハック */
    *zoom: 1;
    word-spacing: normal;
    vertical-align: top;
}
/* has-grid02 新バージョン 新規作成時はこちらを使用 */
.has-grid02 {
    display: table;
    letter-spacing: -0.4em;
}
.has-grid02 .has-grid-item {
    display: inline-block;
    *display: inline; /* IE < 8: inline-block は IE8以下でサポートしていないので、ハック */
    *zoom: 1;
    letter-spacing: normal;
    vertical-align: top;
}

/*--------------------------------------
    ページ大枠
-------------------------------------- */
/* layout_2col */
.layout_2col { width: 980px; margin: 0 auto;}
.layout_2col .layout_main { width: 665px; position: relative; }
.layout_2col .layout_sidebar { width: 300px; }

#body {
    font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 14px;
    color: #444;
    background: #f1f1f1;
    margin-bottom: 20px;
}
.icon {
    background: transparent url(//img.aacdn.jp/aa/common/icon-sprite.png) no-repeat 0 0;
    _background: transparent url(//img.aacdn.jp/aa/common/icon-sprite.gif) no-repeat 0 0;
}
.compi .the-header .inner .bd .logo-area .r-logo-inline a {
    font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-weight: normal;
}
a:link {
    color: #404040;
    text-decoration: none;
}
a:hover {
    color: #404040;
    text-decoration: underline;
}
a:visited {
    color: #404040;
    text-decoration: underline;
}
a:hover img.trans,
a.trans:hover {
    cursor: pointer;
    filter:alpha(opacity=68);
    -moz-opacity:0.68;
    opacity:0.68;
}

/*--------------------------------------
    ヘッダー
-------------------------------------- */
/* #header-tags */
#header-tags{
    height: 34px;
    background: url(//img.aacdn.jp/matome/common/header-tag-bg.png) repeat-x;
    position: relative;
    z-index: 1;
    margin-bottom: 5px;
    text-align: center;
}
#header-tags ul{
    padding: 0 12px;
    width: 948px;
    margin: 0 auto;
}
#header-tags li{
    float: left;
    margin-right: 10px;
}
#header-tags a{
    display: block;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: url(//img.aacdn.jp/matome/common/tag-frame.png) no-repeat 0 0;
    padding-left: 10px;
    text-decoration: none;
}
#header-tags a:hover{
    text-decoration: underline;
}
#header-tags span{
    display: block;
    background: url(//img.aacdn.jp/matome/common/tag-frame.png) no-repeat right 0;
    padding-right: 10px;
}
.head-wrap {
    background: none repeat scroll 0 0 #000000;
    padding-bottom: 7px;
}
.head-wrap .the-header .inner .bd .logo {
   display: inline-block;
   margin-bottom: 0;
   width: 180px;
}
.body-wrap { padding-top: 7px; }
/* .h1-search .h6 */
.h1-search .h6 {
    line-height: 25px;
    color: #FFF;
    font-weight: normal;
    width: 700px;
}
/* breadcrumb */
.breadcrumb-box {
    width: 980px;
    margin: 0px auto 10px;
    font-size: 12px;
}
.breadcrumb-box ul {
    letter-spacing:-0.4em;
    line-height: 12px;
}
.breadcrumb-box li {
    display: inline-block;
    /display: inline;   /*for IE*/
    /zoom: 1;   /*for IE*/
    letter-spacing:normal;
}

.breadcrumb-box .last a {
    display: inline-block;
    /display: inline;   /*for IE*/
    /zoom: 1;   /*for IE*/
    letter-spacing:normal;
    text-decoration: none;
    cursor: default;
}
.breadcrumb-box li span { margin: 0px 5px; }
.breadcrumb-box .rsaquo { font-weight: normal;}
.breadcrumb-box a {/* ★修正 */
    normal;color: #444;
    text-decoration: none;
}
.breadcrumb-box a:hover {text-decoration: underline;}
.breadcrumb-box .last a {
    font-weight: bold;
    text-decoration: none;
}
.breadcrumb-box .last a .sub-cat {
    text-decoration: underline;
    cursor: pointer;
}
.breadcrumb-box .last a:hover .sub-cat {
    text-decoration: none;
}
.tag {
   border: 1px solid #CCC;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   height: 20px;
   line-height: 20px;
   margin-left: 10px;
   background: #FFF;
}
.tag a {
   display: block;
   padding: 0 7px;
}
/*--------------------------------------
    ボディ
-------------------------------------- */
/* .cmn-box */
.cmn-box {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 5px #ddd;
    -webkit-box-shadow: 1px 1px 5px #ddd;
    box-shadow: 1px 1px 5px #ddd;
    padding: 15px;
    background: #FFF;
}
/* .category-navi */
.category-navi {
    width: 178px;
    padding: 0;
    margin-bottom: 20px;
}
.category-navi .label {
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
}
.category-navi li {
    display: block;
    text-decoration: none;
    color: #000;
    position: relative;
}
.category-navi li.select {
    position: relative;
    background: #DDD;
}
.category-navi.navi-wrap li:first-child.select {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.category-navi li.select:after {
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.category-navi li.select:after {
    border-color: rgba(221, 221, 221, 0);
    border-left-color: #DDD;
    border-width: 10px;
    top: 50%;
    margin-top: -10px;
}
.category-navi.navi-wrap li.select:after {
    border-color: rgba(221, 221, 221, 0);
    border-left-color: #DDD;
    border-width: 7px;
    top: 50%;
    margin-top: -7px;
}
.category-navi li a .category-name {
    padding-right: 35px;
    display: block;
    line-height: 1.4;
}
.category-navi li .count {
    position:absolute;
    top: 35%;
    right: 10px;
    font-size: 9px;
    color: #777;
    line-height: 10px;
}
.category-navi li a {
    display: block;
    padding: 6px 10px;
    text-decoration: none;/* ★追加 */
}
.category-navi li a:hover {
    background-color: #DDD;
    text-decoration: none;
}
/* .category-navi */
.main-area {
    width: 442px;
    margin-bottom: 20px;
}
.main-area h1 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}
.main-area .main-lead {
    font-size: 11px;
    color: #444;
    line-height: 1.8em;
    margin-bottom: 15px;
}
/* .sns-btn */
.sns-btn {
    letter-spacing:-0.4em;
}
.main-area .sns-btn {
    letter-spacing:-0.4em;
    margin-bottom: 25px;
    text-align: left;
}
.sns-btn li {
    display: inline-block;
    /display: inline;   /*for IE*/
    /zoom: 1;   /*for IE*/
    letter-spacing:normal;
    vertical-align: top;
    text-align: left;
    height: 20px;
}
.sns-btn .twitter {
    width: 110px;
}
.sns-btn .facebook {
    width: 115px;
}
.sns-btn .google {
    width: 80px;
}
.sns-btn .hatena {
    width: 70px;
}
.sns-btn .rss a {
    width: 20px;
    height: 20px;
    background-position: -64px -5130px;
    text-indent: -9999px;
    display: block;
}
/*list-area*/
.main-area .list-area h2 {
    font-size: 16px;
    height: 27px;
    line-height: 28px;
    margin-bottom: 5px;
}
.main-area .list-area h2 .icon {
    width: 27px;
    height: 27px;
    display: inline-block;
   *display: inline;
   *zoom: 1;
   vertical-align: top;
   background-position: -8px -5240px;
   margin-right: 5px;
}
.main-area .list-area h2 .text {
    height: 27px;
    display: inline-block;
   *display: inline;
   *zoom: 1;
   vertical-align: top;
   font-weight: bold;
}
.main-area .list-area .list li {
    border-bottom: 1px #CCC dotted;
}
.main-area .list-area .list li:first-child {
    border-top: 1px #CCC dotted;
}
.main-area .list-area .list {
    margin-bottom: 10px;
}
.main-area .list-area .list li .inner {/* ★変更あり */
    padding: 20px 10px;
    text-decoration: none;
    vertical-align: bottom;
    position: relative;
    z-index: 0;
}
.main-area .list-area .list li .inner:hover {
    background: #f1f1f1;
    position: relative;
    z-index: 0;
}
.main-area .list-area .thumb {width: 120px;}
.main-area .list-area .content {width: 287px;}
.main-area .list-area .content h3 {margin-bottom: 5px;}
.main-area .list-area a:hover .content h3 {text-decoration: underline;}/* ☆新規 */
.main-area .list-area .content .text {line-height: 1.6em;}
.main-area .list-area .content .blue a {/* ★後で削除 */
    color: #0044cc;
    font-size: 14px;
}
.main-area .list-area .content .blue {/* ☆新規 */
    color: #0044cc;
}
.main-area .list-area a:hover .content .blue {/* ☆新規 */
    text-decoration: underline;
}

/* まとめランキング一覧 */
.main-area .list-area .list02 {
    margin-bottom: 10px;
}
.main-area .list-area .list02 li .inner {
    border-bottom: 0.5px solid #0333;
    padding:10px;
    color: #000;
    text-decoration: none;
    vertical-align: bottom;
    position: relative;
    z-index: 0;
}
.main-area .list-area .list02 li .inner img {
    margin-right:10px;
}
.main-area .list-area .list02 li .inner p {
    margin-left:30px;
}

/* ランキングページ */
.main-area .list-area.ranking-area.rise h2 .icon  {
    background-position: -59px -5185px;
}


.main-area .list-area.ranking-area.palace h2 .icon  {
    background-position: -63px -5240px;
}

.main-area .list-area.ranking-area li .inner {
    position: relative;
}

.main-area .list-area.ranking-area li .inner .number {
    border: 1px solid #DDD;
    line-height: 45px;
    color: #FFF;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 4px;
    left: -8px;
    z-index: 100;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}

.main-area .list-area.ranking-area li .inner .number.no1 {
    border: 2px solid #c9bb48;
    background: none repeat scroll 0 0 #DAC724;
}

.main-area .list-area.ranking-area li .inner .number.no2 {
    border: 2px solid #a9a38c;
    background: none repeat scroll 0 0 #B3B2AE;
}

.main-area .list-area.ranking-area li .inner .number.no3 {
    border: 2px solid #a18c3a;
    background: none repeat scroll 0 0 #B39D46;
}

.main-area .list-area.ranking-area li .inner .number.no {
    color: #777;
    border: 2px solid #CCCCCC;
    background: #FDFEFE;
}

/* ページネーション*/
.pagenation-box {
    text-align: center;
    padding-bottom: 0;
}
.pagenation-box ul {
    letter-spacing: -.40em;
}
.pagenation-box li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    letter-spacing: normal;
    line-height: 26px;
    margin: 0 3px;
    vertical-align: top;
}
.pagenation-box li a {
    border: 1px solid #E4E4E4;
    color: #A3A2A2;
    text-decoration: none;
    height: 26px;
    line-height: 26px;
    display: block;
    vertical-align: bottom;
    padding: 0 5px;
    font-weight: bold;
}
.pagenation-box li a:hover { background-color: #F7F6F6;  color: #000; }
.pagenation-box li span {
    color: #000;
    height: 26px;
    line-height: 26px;
    display: block;
    padding: 0;
    font-weight: bold;
}
.pagenation-box li.disabled span {
    background-color: #C00;
    border: 1px solid #C00;
    color: #FFF;
    height: 26px;
    line-height: 26px;
    display: block;
    padding: 0 5px;
}
.pagenation-box li.previous a {
    background-color: #666;
    background-position: -8px -86px;
    border: 1px solid #666;
    padding: 0px 3px 0px 10px;
    width: 35px;
    color: #FFF;
}
.pagenation-box li.previous a:hover {
    background-color: #BBB;
    background-position: -8px -128px;
    border: 1px solid #BBB;
}
.pagenation-box li.next a {
    background-color: #666;
    background-position: 26px -171px;
    border: 1px solid #666;
    padding: 0px 10px 0px 3px;
    width: 35px;
    color: #FFF;
}
.pagenation-box li.next a:hover {
    background-color: #BBB;
    background-position: 26px -213px;
    border: 1px solid #BBB;
}
/* title-area */
.title-area {
    margin-bottom: 20px;
}
.title-area h1 {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 10px;
}
.title-area h1 a {
    color: #404040;
    text-decoration: none;
}
.title-area h1 a:hover {
    text-decoration: underline;
}
.title-area .thumb {
    width: 252px;
}
.title-area .thumb + .right-box {
    width: 360px;
}
.title-area .read {
    font-size: 14px;
    margin-bottom: 40px;
}
.title-area .inner .writer-box .thumb {
    width: 30px;
    margin-right: 5px;
}

.title-area .inner .thumb + .writer-box {
   width: 360px;
}

.title-area .inner .writer-box  {
    text-align: right;
}
.title-area .inner .writer-box span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: bottom;
    line-height: 20px
}
.title-area .inner .writer-box a span {
    text-decoration: none;
    cursor: pointer;
}
.title-area .inner .writer-box a span:hover {
    text-decoration: underline;
    cursor: pointer;
}
.title-area .inner .writer-box .writer {
    margin-right: 7px;
}
.title-area .inner .writer-box .thumb{
    width: 30px;
}
.title-area .inner .writer-box .thumb-60{
    width: 60px;
}
.title-area .inner .date {
    width: 360px;
    vertical-align: bottom;
    text-align: right;
    padding-top: 10px;
    font-size: 12px;
}
/* メインタイトル内タグ */
.title-area .tag-box{ border-top: 1px dashed #E0E0E0;}
.title-area .tag-box ul{ margin: 7px 0;}
.title-area .tag-box ul li{
    display: inline-block;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 3px 6px 0;
}
.title-area .tag-box ul li a{
    display: block;
    padding: 3px 8px;
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    color: #404040;
}
.title-area .tag-box ul li a:hover {
    display: block;
    background-color: #eee;
    border-radius: 4px;
}
/* matome-area */
.matome-area {
   margin-bottom: 20px;
}
.area-inner {
    width: 672px;
    letter-spacing: -.40em;
}
.label-l {
    border-left: 5px #CC0000 solid;
    padding-left: 7px;
    font-size: 24px;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 625px;
    letter-spacing: normal;
    font-weight: bold;
}
.label-m {
    margin: 0 0 10px;
    border-bottom: 1px solid #CCC;
    font-size: 20px;
    letter-spacing: normal;
    font-weight: bold;
}
.matome-area .container {
    padding: 5px;
    margin-bottom: 25px;
    position: relative;
    width: 625px;
    letter-spacing: normal;
}
.matome-area .container:hover {
    background: #f1f1f1;
}
.matome-area .date {
    text-align: right;
    padding-top: 10px;
    font-size: 12px;
}
/* font調整後削除 */
/* type-text */
.matome-area .type-text .inner .thumb {
    margin-right: 10px;
}
.matome-area .type-text .inner .text-box {
    padding-left: 0px;
    overflow: hidden;
    height: auto;
    word-wrap: break-word;
}
.text-box .read {
    margin-bottom: 14px;
}
.link {
    font-size: 11px;
    color: #777;
}
.link a {
    font-size: 11px;
    color: #777;
}
.type-quot .link,
.type-photo .link {
    margin-bottom: 5px;
}
.type-text .text-box .write-box {
    position: relative;
    padding: 5px 0;
    z-index: 100;
}
.text-box span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    line-height: 25px;
    font-size: 11px;
    color: #777;
}
.text-box .name {
    margin-right: 7px;
}
.text-box .name a {
    color: #777;
}
.text-box .blue {
    color: #0044CC;
    vertical-align: top;
    line-height: 18px;
    font-size: 12px;
}
/* type-photo */
.matome-area .type-photo {
    width: 288px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin-right: 38px;
    letter-spacing: normal;
}
.matome-area .type-photo .thumb {
    margin-bottom: 5px;
}
.type-quot {
    border-bottom: 1px dashed #CCC;
}
.type-quot blockquote {
    background: url(//img.aacdn.jp/matome/common/quote.gif) no-repeat 0 5px;
    font-size: 20px;
    text-indent: 28px;
    margin-bottom: 5px;
    font-weight: bold;
}
.type-quot .read {
    margin-bottom: 20px;
}
/* font調整後削除　end*/

/* cmnを付けてfont調整 */
/* type-text */
.matome-area.cmn .type-text .inner .thumb {
    margin-right: 10px;
}
.matome-area.cmn  .type-text .inner .text-box {
    padding-left: 0px;
    overflow: hidden;
    height: auto;
    word-wrap: break-word;
}
.cmn .container .read {
    font-size: 15px;
}
.cmn .link {
    font-size: 11px;
    color: #777;
}
.cmn .link a {
    font-size: 11px;
    color: #777;
}
.cmn .type-quot .link,
.cmn .type-photo .link {
    margin-bottom: 5px;
}
.cmn .type-text .text-box .write-box {
    position: relative;
    padding: 5px 0;
    z-index: 100;
}
.cmn .text-box span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    line-height: 25px;
    font-size: 11px;
    color: #777;
}
.cmn .text-box .name {
    margin-right: 7px;
}
.cmn .text-box .name a {
    color: #777;
}
.cmn .text-box .blue {
    color: #0044CC;
    vertical-align: top;
    line-height: 18px;
    font-size: 12px;
}
/* type-photo */
.matome-area.cmn  .type-photo {
    width: 288px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin-right: 38px;
    letter-spacing: normal;
}
.matome-area.cmn .type-photo .thumb {
    margin-bottom: 5px;
}
.cmn .type-quot {
    border-bottom: 1px dashed #CCC;
}
.cmn .type-quot blockquote {
    background: url(//img.aacdn.jp/matome/common/quote.gif) no-repeat 0 5px;
    font-size: 20px;
    text-indent: 28px;
    margin-bottom: 5px;
    font-weight: bold;
}
/* type-photo2 */
.matome-area.cmn .type-photo.one-row {
    display: block;
    letter-spacing: normal;
    margin-right: 0;
    width: 620px;
}
.matome-area.cmn .type-photo.one-row .thumb {
    margin-right: 15px;
}
.matome-area.cmn .type-photo.one-row .text-box {
    padding-left: 0px;
    overflow: hidden;
    height: auto;
    word-wrap: break-word;
}
.matome-area.cmn .type-photo.one-row .text-box .read {
    margin-bottom: 7px;
}
.cmn .type-quot .read {
    margin-bottom: 20px;
}
/* type-text-only */
.cmn .type-text-only.container {
    margin-bottom: 20px;
}
.cmn .type-text-only .read {
    font-size: 16px;
    line-height: 1.6;
}
/* type-movie */
.matome-area.cmn .container.type-movie {
    margin-bottom: 30px;
}
.cmn .type-movie .inner .title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.cmn .type-movie .inner .text {
    border-left: 3px solid #CCC;
    padding-left: 7px;
}
.cmn .type-movie .link {
    margin: 3px 0 5px;
}
/* 再生ボタン画像 */
.movie-img-box a {
    position: relative;
    display: block;
    width: 480px;
    height: 360px;
}
.movie-img-box a .time {
    position: absolute;
    right: 17px;
    bottom: 15px;
    padding: 3px 5px;
    text-align:center;
    color: #FFF;
    background: #000;
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}
.play-bt.icon {
    display: block;
    position: absolute;
    left: 200px;
    top: 154px;
    width: 72px;
    height: 50px;
    background-position: -7px -5420px;
}
/* ad-space */
.layout_main .ad-space {
    text-align: center;
    margin-bottom: 20px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -moz-box-shadow: 0px 0px 0px #fff;
    -webkit-box-shadow: 0px 0px 0px #fff;
    box-shadow: 0px 0px 0px #fff;
    padding: 0;
    background: #FFF;
}
/* あわせてよみたい */
.unite-read {
    margin-bottom: 20px;
}
.unite-read h2 {
    border-bottom: 3px solid #C00;
}
.unite-read ul {
    padding: 10px 5px 0;
}
.unite-read li {
    list-style: disc inside;
    line-height: 1.6;
}
.unite-read li a {
    color: #000;
    text-decoration: underline;
}
.unite-read li a:hover {
    text-decoration: none;
}
/* category-list */
.category-list {
    margin-bottom: 20px;
}
.category-list h2 {
    margin-bottom: 10px;
}
.category-list .inner {
    width: 672px;
}
.category-list ul {
    letter-spacing: -.40em;
}
.category-list li {
    padding: 5px;
    margin-bottom: 10px;
    position: relative;
    width: 201px;
    letter-spacing: normal;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}
.category-list li:hover {
    background: #f1f1f1;
}
.category-list li .title {
    font-weight: bold;
}
.category-list li .text {
    font-size: 10px;
    color: #777;
}
/* タイアップ */
.tie-up { margin-bottom: 20px; }
.tie-up.cmn-box { padding: 15px 15px 5px; }
.tie-up li {
    border-bottom: 1px dashed #CCC;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.tie-up li:last-child {
    border-bottom: 0px dashed #CCC;
    margin-bottom: 0px;
}
.tie-up a.left { margin-right: 10px; }
.tie-up .title { margin-bottom: 3px; }
.tie-up .title a {
    color: #0044CC;
    font-size: 16px;
    font-weight: bold;
}

/* .keyword-list */
.keyword-list {
    margin-bottom: 20px;
}
.keyword-list h2 {
    margin-bottom: 10px;
}
.keyword-list .inner li {
    display: inline-block;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 3px 6px 0;
}
.keyword-list .inner li a{
    display: block;
    padding: 3px 8px;
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    color: #404040;
}
.keyword-list .inner li a:hover {
    display: block;
    background-color: #eee;
    border-radius: 4px;
}
/* button-bottom-box */
.button-bottom-box {
    background: #f5f5f5;
    margin: 40px 0 15px;
    min-height: 66px;
    padding: 10px;
}
.button-bottom-box .sns-btn .twitter,
.button-bottom-box .sns-btn .facebook { width: 95px; }
.button-bottom-box .sns-btn .google { width: 75px; }
.button-bottom-box .sns-btn .hatena { width: auto; }



/* このまとめはよかったですか？ ☆追加*/
.good-count-box {display: table; margin: 0 auto;}
.good-count-box .text-box {
    display: table-cell;
    padding-right: 10px;
    vertical-align: middle;
}
.good-count-box .text-box .message { font-size: 12px; font-weight: bold; }
.good-count-box .button-area {display: table-cell;}
.good-count-box .button {
    width: 74px;
    height: 21px;
}
.good-count-box .button a {
    width: 74px;
    height: 21px;
    display: block;
    text-indent: -9999px;
    cursor: pointer;
}
.good-count-box .good-btn-on {
    background-position: -104px -5376px;
}
.good-count-box .good-btn-on:hover {
    background-position: -104px -5407px;
}
.good-count-box .count {
    width: 35px;
    height: 19px;
    line-height: 19px;
    background: #FFF;
    border: 1px solid #CCC;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    position: relative;
    margin-left: 8px;
    font-size: 10px;
}
.good-count-box .count-balloon {
    position: absolute;
    left: -7px;
    top: 4px;
    background-position: -189px -5382px;
    display: block;
    width: 7px;
    height: 11px;
}
.good-count-box .good-btn-off {
    width: 74px;
    height: 21px;
    background-position: -104px -5438px;
    text-indent: -9999px;
    display: block;
}
.good-count-box .number { display: block; height: 19px; line-height: 21px; width: 100%; text-align: center; }


/* このまとめはよかったですか？★削除 */
.button-bottom-box .right-box { width: 297px; }
.button-bottom-box .right-box .text-box { width: 172px; text-align: right; }
.button-bottom-box .right-box .text-box .message { display: block; height: 21px; line-height: 22px; font-size: 12px; font-weight: bold; }

.button-bottom-box .button-area { width: 120px; margin: 0 auto; }
.button-bottom-box .button {
    width: 74px;
    height: 21px;
}
.button-bottom-box .button a {
    width: 74px;
    height: 21px;
    display: block;
    text-indent: -9999px;
    cursor: pointer;
}
.button-bottom-box .good-btn-on {
    background-position: -104px -5376px;
}
.button-bottom-box .good-btn-on:hover {
    background-position: -104px -5407px;
}
.button-bottom-box .count {
    width: 35px;
    height: 19px;
    line-height: 19px;
    background: #FFF;
    border: 1px solid #CCC;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    position: relative;
    margin-left: 8px;
    font-size: 10px;
}
.button-bottom-box .count-balloon {
    position: absolute;
    left: -7px;
    top: 4px;
    background-position: -189px -5382px;
    display: block;
    width: 7px;
    height: 11px;
}
.button-bottom-box .good-btn-off {
    width: 74px;
    height: 21px;
    background-position: -104px -5438px;
    text-indent: -9999px;
    display: block;
}
.button-bottom-box .number { display: block; height: 19px; line-height: 21px; width: 100%; text-align: center; }
/* 削除ここまで */

/* AA特集への導線 */
.aasp-border-red {
    margin-bottom: 5px;
    background: #fff;
    border: 2px solid #c00;
}
.aasp-border-red a {
    display: block;
    text-decoration: none;
}
.article-section .aasp-border-red {margin-bottom: 13px;}/* ページネーション下 */;
.aasp-border-red .right-img {width: 120px;}
.aasp-border-red .right-img img {
    width: 120px;
    height: 90px;
    overflow: hidden;
}
.aasp-border-red .left-text {
    width: 528px;
    padding: 10px 0 2px;
    color: #404040;
}
.aasp-border-red .left-text .text-main {margin-bottom: 10px;}
.aasp-border-red .left-text .main {
    margin: -5px 0 -4px;
    font-size: 25px;
    font-weight: bold;
}
.aasp-border-red .label-arrow {
    width: 125px;
    vertical-align: middle;
}
.aasp-border-red .title-text {width: 400px;}
.aasp-border-red .label-arrow .bg-arrow {
    display: inline-block;
    width: 28px;
    height: 44px;
    background: transparent url(//img.aacdn.jp/allabout/common/bg_aasp_arrow.png) no-repeat center right;
}
.aasp-border-red .label-arrow .arrow-text {
    padding: 10px 5px 8px 10px;
    height: 26px;
    background: #c00;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
}
.aasp-border-red .viewing-period {
    margin-left: 10px;
    font-size: 11px;
    color: #888;
}
.aasp-border-red .link-check {
    font-size: 12px;
    font-weight: bold;
    color: #005ead;
}
.aasp-border-red .link-check .line {text-decoration: underline;}
.layout_sidebar .recommend-article h2 .icon {/* アイコン追加 */
    background-position: -172px -5240px;
    display: inline-block;
    height: 27px;
    margin-right: 5px;
    vertical-align: top;
    width: 27px;
}

/*--------------------------------------
    右カラム
-------------------------------------- */
/* .ad-space */
.layout_sidebar .ad-space {
    margin-bottom: 20px;
}
/* .recommend */
.layout_sidebar .recommend,
.layout_sidebar .pickup {
    background: #fde6bc;
    padding: 0px 0px 10px;
    margin-bottom: 20px;
}
.layout_sidebar .recommend h2,
.layout_sidebar .pickup h2 {
    padding: 10px;
}
.layout_sidebar .recommend h2 .icon {
    width: 30px;
    height: 27px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    background-position: -8px -5186px;
    margin-right: 5px;
}
.layout_sidebar .pickup h2 .icon {
    width: 30px;
    height: 27px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    background-position: -6px -5367px;
    margin-right: 5px;
}
.layout_sidebar .recommend h2 .text,
.layout_sidebar .pickup h2 .text {
    height: 27px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    font-weight: bold;
}
.layout_sidebar .recommend li,
.layout_sidebar .pickup li {
    vertical-align: bottom;
    position:relative;
    color: #000;
    text-decoration: none;
    line-height: 1;
}
.layout_sidebar .recommend a,
.layout_sidebar .pickup a,
.layout_sidebar .ranking a,
.layout_sidebar .recommend-article a {
    display: inline-block;
    padding: 10px;
}
.layout_sidebar .recommend a:hover .content p,
.layout_sidebar .pickup a:hover .content p,
.layout_sidebar .ranking a:hover .content p,
.layout_sidebar .recommend-article a:hover .content p {
    text-decoration: underline;
}

.layout_sidebar .recommend li:hover,
.layout_sidebar .pickup li:hover {
    background: #efd39e;
}
.layout_sidebar .recommend li .thumb,
.layout_sidebar .pickup li .thumb,
.layout_sidebar .recommend-article li .thumb {
    width: 60px;
    margin-right: 10px;
}
.layout_sidebar .recommend li .thumb img,
.layout_sidebar .pickup li .thumb img,
.layout_sidebar .recommend-article li .thumb img {
    width: 60px;
}
.layout_sidebar .recommend li .content,
.layout_sidebar .pickup li .content,
.layout_sidebar .recommend-article li .content {
    width: 210px;
}
.layout_sidebar .recommend li .content p,
.layout_sidebar .pickup li .content p,
.layout_sidebar .recommend-article li .content p {
    margin-bottom: 5px;
    line-height: 1.2;
}
/* おすすめタグ */
.layout_sidebar .recommend-tag,
.layout_sidebar .recommend-article  {
    padding: 0;
    margin-bottom: 20px;
}
.layout_sidebar .recommend-tag h2,
.layout_sidebar .recommend-article h2 {
    border-bottom: 1px solid #aaa;
    padding: 10px;
}
.layout_sidebar .recommend-tag h2 .icon {
    width: 27px;
    height: 27px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin-right: 5px;
    background-position: -118px -5240px;
}
.layout_sidebar .recommend-tag ul{ padding: 10px 10px 4px;}
.layout_sidebar .recommend-tag ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 3px 6px 0;
}
.layout_sidebar .recommend-tag ul li:last-child {
    border: 1px solid #ccc;
    margin: 0 3px 6px 0;
}
.layout_sidebar .recommend-tag ul li a {
    display: block;
    padding: 3px 8px;
    font-size: 12px;
    color: #404040;
}
.layout_sidebar .recommend-tag ul li a:hover {
    display: block;
    background-color: #eee;
    border-radius: 4px;
}
/* .ranking */
.layout_sidebar .ranking {
    padding: 0;
    margin-bottom: 20px;
}
.layout_sidebar .ranking h2 {
    padding: 10px;
    border-bottom: 1px solid #AAA;
}
.layout_sidebar .ranking h2 .text {
    height: 27px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    font-weight: bold;
}
.layout_sidebar .ranking h2 .icon {
    width: 30px;
    height: 27px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin-right: 5px;
}

.layout_sidebar .recommend-article li {
    border-bottom: 1px #CCC dotted;
}
.layout_sidebar .recommend-article li:last-child {
    border-bottom: 0;
}
.layout_sidebar .recommend-article li {
    vertical-align: bottom;
    position: relative;
    display: block;
    text-decoration: none;
    line-height: 1;
    color: #000;
}
.layout_sidebar .recommend-article li:hover {
    background: #f1f1f1;
}

.layout_sidebar .rise h2 .icon {
    background-position: -59px -5185px;
}
.layout_sidebar .palace h2 .icon {
    background-position: -63px -5240px;
}
.layout_sidebar .ranking li {
    border-bottom: 1px #CCC dotted;
}
.layout_sidebar .ranking li:last-child {
    border-bottom: 0;
}
.layout_sidebar .ranking li {/* ★変更 */
    vertical-align: bottom;
    position: relative;
    display: block;
    text-decoration: none;
    line-height: 1;
    color: #000;
}
.layout_sidebar .ranking li:hover {
    background: #f1f1f1;
}
.layout_sidebar .ranking li .thumb {
    width: 60px;
}
.layout_sidebar .ranking li .thumb img {
    width: 60px;
}
.layout_sidebar .ranking li .content {
    width: 179px;
}
.layout_sidebar .ranking li .content p {
    margin-bottom: 5px;
    line-height: 1.2;
}
.layout_sidebar .ranking li .number {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
}
.layout_sidebar .ranking li .no1 {
    background: #dac724;
}
.layout_sidebar .ranking li .no2 {
    background: #b3b2ae;
}
.layout_sidebar .ranking li .no3 {
    background: #b39d46;
}
.layout_sidebar .ranking li .no {
    color: #f81f1f;
    font-size: 13px;
}

.layout_sidebar .ranking .more {
    padding: 0;
    text-align: right;
}

.layout_sidebar .ranking .more .message {
    padding: 10px;
    color: #0044CC;
    display: block;
}

.layout_sidebar .ranking li.separate-wrap:hover{
    background: none;
}
.separate{
    width: 100%;
    display: block;
}
.separate li a.message {
    padding: 10px;
    color: #0044CC;
    text-decoration: none;
    display: block;
}
.separate li a:hover.message {text-decoration: underline;}
li.separate-left{
    float: left !important;
    display: block;
    width: 50%;
    padding: 0 !important;
    border-bottom: none !important;
    text-align: left;
}
li.separate-right{
    float: right;
    display: block;
    width: 50%;
    padding: 0 !important;
    border-bottom: none !important;
    text-align: right;
}

/* tw-box */
.layout_sidebar .tw.cmn-box { padding: 0; margin-bottom: 20px; }
.layout_sidebar .tw-box  {background: #fff; border-radius: 5px; }
.layout_sidebar .tw-box .tw-contents {
    padding: 10px;
}
.layout_sidebar .tw-box .title-box {
    border-bottom: #00b6f1 3px solid;
    font-size: 16px;
    overflow: hidden;
    padding: 8px 10px 6px 10px;
}
.layout_sidebar .tw-box .tw {
    background-position: -70px -4140px;
    height: 30px;
    margin-right: 7px;
    text-indent: -9999px;
    width: 29px;
}
.layout_sidebar .tw-box .label {padding-top: 4px; width: 244px; }

.layout_sidebar .tw-contents .container .thumb {
    width: 50px;
    margin: 0 10px 0 12px;
}
.layout_sidebar .tw-contents .container .content {
    width: 196px;
}

/*----------------------------
    lazy load
----------------------------*/
.sys-lazy {
    display: none;
}

/*----------------------------
    like button
----------------------------*/
.fb_iframe_widget_lift {
    z-index: 1000 !important;
}

/* ad */
.large-super-banner {
    text-align: center;
}

/*----------------------------
    ランキング
----------------------------*/
.layout_sidebar .ranking-list {
    padding: 0;
    margin-bottom: 20px;
}
.layout_sidebar .ranking-list h2 {
    padding: 10px;
    border-bottom: 1px solid #AAA;
}
.layout_sidebar .ranking-list h2 .text {
    height: 27px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    font-weight: bold;
}
.layout_sidebar .ranking-list h2 .icon {
    width: 30px;
    height: 27px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin-right: 5px;
}
.layout_sidebar .ranking-list a:hover .content p {
    text-decoration: underline;
}
.layout_sidebar .ranking-list li {
    border-bottom: 1px #CCC dotted;
}
.layout_sidebar .ranking-list li:last-child {
    border-bottom: 0;
}
.layout_sidebar .ranking-list li {
    vertical-align: bottom;
    position: relative;
    display: block;
    text-decoration: none;
    line-height: 1;
    color: #000;
}
.layout_sidebar .ranking-list li:hover {
    background: #f1f1f1;
}
.layout_sidebar .ranking-list li .thumb {
    width: 60px;
}
.layout_sidebar .ranking-list li .thumb img {
    width: 60px;
}
.layout_sidebar .ranking-list li .content {
    width: 179px;
}
.layout_sidebar .ranking-list li .content p {
    margin-bottom: 5px;
    line-height: 1.2;
}
.layout_sidebar .ranking-list li .number {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
}
.layout_sidebar .ranking-list li .no1 {
    background: #dac724;
}
.layout_sidebar .ranking-list li .no2 {
    background: #b3b2ae;
}
.layout_sidebar .ranking-list li .no3 {
    background: #b39d46;
}
.layout_sidebar .ranking-list li .no {
    color: #f81f1f;
    font-size: 13px;
}
.layout_sidebar .ranking-list .more {
    padding: 0;
    text-align: right;
}
.layout_sidebar .ranking-list .more .message {
    padding: 10px;
    color: #0044CC;
    display: block;
}
.layout_sidebar .ranking-list li.separate-wrap:hover{
    background: none;
}
.ranking-list-inner{
    display: inline-block;
    padding: 10px;
}
/*----------------------------
    ダブルREC
----------------------------*/
.matome-ad-area {
    margin-bottom: 20px;
}
.matome-ad-area .aa_grid-2col {
    letter-spacing: -0.4em;
    font-size: 0;
}
.matome-ad-area .aa_grid-2col-item {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 3.4%;
    vertical-align: top;
    letter-spacing: normal;
    font-size: 16px;
    *display: inline;
    *zoom: 1;
}
.matome-ad-area .aa_grid-2col-item {
    width: 48.3%;
}
.matome-ad-area .aa_grid-2col-item:nth-child(2n) {
    margin-right: 0 !important;
}
/* ltIE9 fix */
.lt-ie9 .matome-ad-area .aa_grid-2col-item {
    margin-right: 0;
}
.aa_rec-box {
    max-width: 336px;
    text-align: center;
}