@charset "utf-8";

/* --------------------------------------------------------

   Twinavi StyleSheet
                                                2012.02.01
 
   Index:
     1. Reset Styles             ブラウザのデフォルトスタイルをリセット
     2. Base Styles              エレメントをツイナビに最適化
     3. Common Styles            共通クラスの設定
     4. Global Elements Styles   グローバル要素の個別設定
     5. Styles For Each          各ページ固有の設定を追記
     6. Styles For JQuery        JQuery用スタイル

-------------------------------------------------------- */

/* --------------------------------------------------------
   1. Reset Styles
-------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:'';content:none; }
a { margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent; }
ins { background-color:transparent;color:#000;text-decoration:none; }
mark { background-color:#ff9;font-weight:bold; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted;cursor:help; }
table { border-collapse:collapse;border-spacing:0; }
hr { display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0; }
input, select { vertical-align:middle; }

/* --------------------------------------------------------
   2. Base Styles
-------------------------------------------------------- */

body {
  line-height: 1.4;
  color: #222;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Helvetica Neue", Arial, sans-serif;
  font-size: 13px;
  text-align: center;
  background: #fff;
  word-break: normal;
  word-wrap: break-word;
}

a {
  color: #0c2a81;
  cursor: pointer;
}

a:link,
a:visited {
  text-decoration: none;
}

a:hover,
a:active {
  text-decoration: underline;
}

img {
  vertical-align: middle;
}

/* --------------------------------------------------------
   3. Common Styles
-------------------------------------------------------- */

/* ------ container ------------------------------------ */
/* .wrapperを使うエレメントではpadding-leftとrightを0以外にしないこと */
.wrapper {
  clear: both;
  width: 99.9%;
  min-width: 970px;
  margin-top: 10px;
  text-align: center;
}
.contents {
  display: block;
  position: relative;
  width: 970px;
  margin: 0 auto;
  text-align: left;
}
.column {
  float: left;
  display: block;
}
.column.main {
  width: 640px;
  margin-right: 30px;
  /*background: #f00;*/
}
  #homepage .column.main {
    width: 660px;
    margin-right: 10px;
  }
  #twitterpage .column.main {
    width: 650px;
    margin-right: 20px;
  }
.column.main-left {
  float: right;
  width: 160px;
  margin-right: 10px;
}
  #twitterpage .column.main-left {
    margin-right: 20px;
  }
.column.main-right {
  float: right;
  width: 470px;
}
  #homepage .column.main-right {
    width: 490px;
  }
.column.sub {
  width: 300px;
}
.column.twin {
  width: 329px;
}
.column.twin.last {
  width: 328px;
  border-left: 1px solid #ccc;
}
.column.imglist {
  width: 150px;
  height: 240px;
  overflow: hidden;
  margin: 0 58px 30px 0;
}
.column.imglist.last {
  margin: 0 0 30px 0;
}
.column.thumbbox {
  position: relative;
  width: 140px;
  margin: 10px 4px 10px 10px;
}
.home-thumbbox {
  position: relative;
  width: 140px;
  margin: 10px 0 5px 14px;
}
.column.icon-xl {
  position: relative;
  width: 120px;
}
.column.icon-l {
  position: relative;
  width: 73px;
}
.column.icon-m {
  width: 45px;
}
.column.icon-32 {
  width: 32px;
}
.column.icon-s {
  width: 24px;
}
.column.column2 {
  width: 50%;
}
  .column.column2.icbox {
    width: 48%;
    margin: 10px 1% 15px;
  }
  #account-related .column.column2 {
    width: 48%;
    padding: 10px 1%;
  }
.column.column3 {
  width: 33.3%;
}
  #review-relaccount .column.column3 {
    width: 31.3%;
    margin-top: 15px;
    margin-left: 2%;
  }
.column.column4 {
  width: 25%;
}
.column.column5 {
  width: 20%;
}
.column.column6 {
  width: 16.6%;
}
.comm-searchkeywords {
  padding-top: 5px;
}
.thumbwrapper {
  display: block;
  overflow: hidden;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.thumbwrapper.xl {
  width: 120px;
  height: 90px;
  padding: 0 10px;
  background: #000;
}

/* ------- section ------------------------------------- */
.section {
  position: relative;
  margin-bottom: 20px;
}
  #homepage .section {
    margin-bottom: 12px;
  }
  #header-keywords .section {
    margin-bottom: 0;
  }
.sub .section {
  border: 4px solid #eee;
  margin-bottom: 15px;
}
.sub .section.section-acdetail-side {
  border-color: #e6f2fa !important;
}
.sub .section.section-fbwidget {
/*
  height: 612px;
*/
  min-height:290px;
  border-color: #40609d;
}

.section.twinavi {
  border: 2px solid #111;
}
.section.notice {
  padding: 15px;
  border-color: #ccc;
  background: #eee;
}
#description.section.notice {
  margin: 30px 0;
  padding: 15px 0 0 0;
  border-top: 1px solid #333;
  background: #fff;
}
.section.caution {
  padding: 15px;
  border: none;
  background: #fee;
}
.section.success {
  padding: 15px;
  border: none;
  color: #8fbe00;
  background: #e7f0cd;
}
.section-body {
  position: relative;
  padding: 10px;
}
.section-body.detail {
  padding: 0;
}
.subsection-body {
  padding: 5px;
}
.section-body-sub {
  padding: 0 10px;
}
.section-footer {
  font-size: 12px;
  text-align: right;
}
.section-footer.endline {
  padding: 3px 10px;
}
.section-data {
  position: relative;
  min-height: 10px;
  margin-bottom: 20px;
  padding: 3px 0;
  border-bottom: 1px solid #333;
}
.section-imglist {
  padding: 30px 46px 0 46px;
}
.section-text {
  min-height: 200px;
  margin: 20px 55px 30px 55px;
  padding: 49px;
}
.section-form {
  min-height: 200px;
  margin: 0 0 5px 0;
  padding: 15px 29px 25px 29px;
}
.section-docs {
  margin: 0 100px 10px 100px;
}
.giftext {
  display: block;
}
.giftext.icon-s {
  margin-left: 35px;
}
.giftext.icon-32 {
  margin-left: 42px;
}
.giftext.icon-m {
  margin-left: 55px;
  min-height: 45px;
}
.giftext.icon-l {
  margin-left: 83px;
}
.giftext.icon-xl {
  margin-left: 140px;
}
.giftext.kisekae-parts {
  margin-left: 110px;
}
.giftext.s .subtitle {
  line-height: 0.9 !important;
}
.section.position-ad {
  margin-bottom: 0;
}
/* -------- title -------------------------------------- */
.section-title,
.section-title-account,
.section-title-article {
  display: block;
  padding: 8px 10px;
  color: #333;
  font-weight: bold;
}
  .section-title.navi {
    background: #e6f2fa;
  }
  .section-title.app {
    background: #fdede0;
  }
  .section-title.mem {
    background: #f0f6de;
  }
  .section-title.normal {
    margin-bottom: 5px;
    color: #fff;
    background: #999;
  }
  .section-title.sub {
    padding: 6px 6px 9px 6px;
    background: #eee;
  }
  .section-fbwidget .section-title.sub {
    color: #fff;
    background: #40609d;
  }
  .section-title.twinavi {
    color: #fff;
    font-weight: normal;
    background: #000;
  }
  .section-title.section-title-account-top {
    padding: 8px 0;
    border-bottom: 1px solid #3899c9;
    background: transparent;
  }
  .section-title.large {
      padding: 0;
      font-size: 24px;
      font-weight: normal;
      background: transparent;
/*    padding: 10px 15px !important;*/
  }
  .sub .section-title > a,
  #homepage .section-title > a {
    color: #333;
  }

  .section-title-account-massage,
  .section-title-review,
  .section-title-article {
    margin: 10px 0 0;
    padding: 10px 15px;
  }
  .section-title-account-massage {
    color: #ec336c;
    background: #ffe8ec;
  }
  .section-title-review {
    background: #fdede0;
  }
  .section-title-article {
    background: #e6f2fa;
  }
  .sub .section-title-account {
    margin-top: 0;
    padding: 5px 10px;
    background: #e6f2fa;
  }

.subhead {
  padding-left: 5px;
  padding-left:0.75em;
  padding:0 0 0 0.75em;
  background: #eee;
  line-height:2.5em;
}
  .subhead.app {
    border-left: 5px solid #f83;
  }
  .subhead.navi {
    border-left: 5px solid #4dbce9;
  }
  .subhead.xlarge {
    margin-bottom: 10px;
    padding: 10px;
  }
  .subhead.large {
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .subhead.medium {
    margin-bottom: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .subhead.small {
    margin-bottom: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
  }

.block {
  display: block;
}

/* -------- list --------------------------------------- */
.lined {
  border-bottom: 1px dotted #ccc;
}
.lined.last {
  border: none;
}

.zebra.even {
  background: #eee;
}
.plate {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ccc;
}

.column.sub .lined, .column.sub .zebra {
  padding: 7px 0;
}
.column.main-left .lined, .column.main-left .plate {
  padding: 4px;
}
.list-xl {
  margin: 0;
  padding: 12px 0;
}
.list-l {
  margin: 0;
  padding: 10px 0;
}
.list-m {
  margin: 0;
  padding: 5px 0;
}
.list-s {
  margin: 0;
  padding: 7px 0 0 0;
}

.inline,
.current {
  display: inline;
  vertical-align: middle;
}
  .txt-inline {
    margin-right: 6px;
  }
.nav-listitem {
  padding-left: 5px;
}
  .nav-listitem.app {
    border-left: 5px solid #f83;
  }
  .nav-listitem.navi {
    border-left: 5px solid #4dbce9;
  }
.right {
  text-align: right;
}

/* --------- mark ------------------------------------*/
.rank,
.rss {
  position: absolute;
  width: 20px; height: 20px;
}
.rank {
  color: #ccc;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.rank.rank1 {
  color: #fc0;
}
.rankimage .rank {
  background: #000;
}

.ranktext {
  display: block;
  margin-top: 4px;
}

.ranking,
.rankimage {
  display: block;
  position: relative;
}
.ranking {
  padding-left: 25px !important;
}
  .ranking .rank {
    left: 0; top: 0;
  }
  .ranking .crown {
    position: absolute;
    left: 0; top: 0;
  }

.rankcrown {
  display: inline-block;
}
.column5 .rankcrown {
  width: 69px;
  text-align: center;
  padding: 2px 2px 0 2px;
}
.acclist-header .rankcrown {
  padding: 0 0 3px 0;
}
.rankcrown .count {
  margin-right: 2px;
}
.altimg.crown {
  display: inline-block;
  width: 16px; height: 15px;
  margin: 0 3px;
}
.crown.crown1 {
  background-position: -300px -40px;
}
.crown.crown2 {
  background-position: -320px -40px;
}
.crown.crown3 {
  background-position: -340px -40px;
}

  .rankimage .rank,
  .rankimage .tweetcountwrapper {
    left: 0; bottom: -2px;
  }
  .rankimage.icon-l {
    width: 73px;
    margin: 5px auto;
  }
  .tweetcountwrapper {
    display: block;
    width: 140px;
    padding: 1px 5px;
    position: absolute;
    background: #000;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
  }
.searchicon {
  float: left;
  width: 20px; height: 20px;
  margin-top: -2px;
  margin-right: 3px;
  background-position: -490px -20px;
}
.dotted {
  list-style-type: disc;
  list-style-position: inside;
  color: #ccc;
}
.rss {
  top: 13px; right: 10px;
  background-position: -470px -20px;
}

/* --------- tab --------------------------------------- */
/* .tabは<a>に対してつけること */
.tabwrapper,
.tab {
  background: #f6f7f9;
}
.tabwrapper {
/*  border-top: 1px solid #ddd;*/
  border-bottom: 1px solid #ddd;
}
#accountpage .main .tabwrapper {
  background: #f6f7f9;
}
  .tabwrapper.hassub {
    border-bottom: none;
  }
  .tabwrapper.s {
    padding: 0 10px;
    border: none;
  }
  .tabwrapper .contents {
    white-space: nowrap;
  }
.tab {
  cursor: pointer;
  display: block;
  position: relative;
  font-size: 93%;
  text-align: center;
  text-shadow: 0 1px 1px #fff;
}
.li-tab {
  float: left;
}
  .tab:hover {
    background: #fff;
  }
  .tab.on {
    color: #fff;
  }
    .tab.navi.on {
      text-shadow: 0 -1px 0 #4dbce9;
      background: #4dbce9;
    }
    .tab.app.on {
      text-shadow: 0 -1px 0 #f83;
      background: #f83;
    }
  .tab.last {
  }
  .tab.l {
/*
    padding: 7px 0;
*/
    padding: 9px 0;
    text-decoration: none;
    border-left: 1px solid #ddd;
  }
  .tab.l.last {
    border-right: 1px solid #ddd;
  }
  .tab.s {
    padding: 3px 8px;
    color: #666;
    text-decoration: none;
  }
    .tab.s:hover {
      color: #444;
    }
    .tab.s.on,
    .tab.s.on:hover {
      color: #444;
      text-decoration: none;
      background: #fff;
      filter: none !important;
    }
    #homepage .tab.s {
      border-right: 2px solid #e6f2fa;
      color: #333;
      font-weight: normal;
    }
    #homepage .tab.s.on,
    #homepage .tab.s.on:hover {
      border-left: none;
      color: #0c2a81;
      font-weight: bold;
      text-decoration: underline;
/*      background: #fff url(/img/dante/arrow_home_tab_on.png?20130424) 6px center no-repeat !important; */
    }
  .tab6 {
    width: 160px;
  }
    .tab6.last {
      width: 163px;
    }
.tab7 {
  width: 137px;
}
  .tab7.last {
    width: 140px;
  }
  .tab8 {
    width: 120px;
  }
    .tab8.last {
      width: 121px;
    }
  .tab9 {
    width: 107px;
    letter-spacing: -1px;
  }
    .tab9.last {
      width: 104px;
    }
  .tab10 {
    width: 96px;
    letter-spacing: -1px;
  }
    .tab10.last {
      width: 95px;
    }
  .tab12 {
    width: 80px;
    letter-spacing: -1px;
    font-size: 11px;
  }
    .tab12.last {
      width: 77px;
    }
  .tab-content {
    display: none;
  }
  .tab-content.on {
    display: block;
  }

/* ------- button -------------------------------------- */
.btn {
  cursor: pointer;
  padding: 7px 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-weight: bold;
}
  a.btn,
  .btn a {
    color: #333;
    text-decoration: none;
    
  }
  .btn.xsmall,
  .btn.small {
    padding: 5px 10px;
  }
  .btn.xlarge,
  .btn.large {
    padding: 10px 35px;
  }
  .btn { /* reset needed */
    border: 1px solid #ccc;
    background: #ddd;
    background: -moz-linear-gradient(top, #fefefe 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #eeeeee));
    background: -webkit-linear-gradient(top, #fefefe 0%, #eeeeee 100%);
    background: -o-linear-gradient(top, #fefefe 0%, #eeeeee 100%);
    background: -ms-linear-gradient(top, #fefefe 0%, #eeeeee 100%);
    background: linear-gradient(top, #fefefe 0%, #eeeeee 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fefefe', endColorstr='#eeeeee')";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#eeeeee',GradientType=0);
    -moz-box-shadow: 0 1px 0 #fff inset;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
  }
  .btn:hover {
    background: #eee;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .btn:active {
    background: #fff;
  }

  .btn.app {
    color: #fff;
    border: 1px solid #709d13;
    background: #80aa00;
    box-shadow: none;
    filter: none;
  }
  .btn.app:hover {
    background: #709500;
    filter: none;
  }
.mybtn {
  box-shadow: none;
  border-color: #ccc;
  background: #eee;
}
.mybtn:hover {
  color: #fd8c2b;
  border-color: #fd8c2b;
  background: #ffdfc3;
}

/* --- label ----------------------------------------------- */
.label {
  padding: 1px 5px;
  color: #fff;
  font-weight: normal;
}
.label.green {
  background: #690;
}
.label.orange {
  background: #f47300;
}
.label.pickup {
  display: inline-block;
  margin-right: 7px;
  margin-bottom: 2px;
  background: #f4589a;
  border-radius: 0px;
}
.label.hot-topic {
  display: inline-block;
  margin-bottom: 5px;
  background: #f30;
  border-radius: 0px;
}
.label.hot-topic .orange {
  color: #f90;
}
.label.gray {
  background: #9aa0a4;
}
.label.verified {
  background: #f2bc2e;
}
.label.twitterverified {
  background: #4bbce9;
}
.label.gov {
  background: #956d5d;
}
  .accdetail-username .label {
    margin-left: 3px;
  }

/* --- forms elements ---------------------------------- */
.formtext {
  padding: 4px 4px 6px 4px;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Helvetica Neue", Arial, sans-serif;
}

/* -------- text --------------------------------------- */
.xxsmall {  /* 11px */
  font-size: 77%;
  line-height: 1.2 !important;
}
.xsmall {  /* 11px */
  font-size: 85%;
}
.small {  /* 12px */
  font-size: 93%;
}
.medium {  /* 13px, reset to default */
  font-size: 13px;
}
.large {  /* 16px */
  font-size: 16px;
  font-weight: bold;
}
.xlarge {  /* 24px */
  font-size: 24px;
  font-weight: normal;
}
.subtitle,
.bold {
  font-weight: bold;
}
  .subtitle.navi {
    color: #4dbce9;
  }
.light {
  font-weight: normal;
}
.mute {
  color: #9aa0a4;
}
.note {
  color: #8fbe00;
}
.pink {
  color: #ff1d58;
}
.caution {
  color: #f00;
}
.strong {
  color: #f60;
}
.count {
  font-weight: bold;
}
  .tweetcountwrapper .tweet-count {
    color: #fff;
  }
.defcolor {
  color: #333;
}
.price-current {
  color: #900;
}
.price-strike {
  color: #adadad;
}
.price-off {
  color: #900;
}

/* -------- images ------------------------------------- */
.altimg,
.logo, .servicename,
.mark-arrow, .link-more, .link-top, .link-back,
.link-help, .link-out, .link-retweet,
.pagenav,
.gn-guide, .yourmenu-tri,
.kisekae-count,
.tag, .accountcategory, .matomeword,
.searchicon, .rss {
  background-image: url(/img/sprite.png?20130909);
  background-repeat: no-repeat;
}
.prevpage,
.nextpage,
.iconhishistory-right {
  background-image: url(/img/sprite_arrow.png?20130424);
  background-repeat: no-repeat;
}
.altimg {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  line-height: 999px;
  white-space: nowrap;
}
.icon.s {
  width: 24px; height: 24px;
}
.icon.icon32 {
  width: 32px; height: 32px;
}
.icon.m {
  width: 45px; height: 45px;
}
.icon.m.bordered {
  width: 43px; height: 43px;
}
.icon.l {
  width: 73px; height: 73px;
}
.icon.l.bordered {
  width: 71px; height: 71px;
}
.icon.xl {
  width: 120px; /* height: 120px; */
}
.icon.xxl {
  width: 150px; height: 150px;
}
.section-imglist .icon.xxl {
  margin-bottom: 5px;
}
/*
.icon.buzzimg {
  max-width: 110px;
  max-height: 200px;
}*/
.embedimage {
  clear: both;
  max-width: 500px;
  margin: 0 auto;
}
.embedimage img{
  max-width: 500px;
  margin: 10px auto 35px auto;
  display: none;
  border: 1px solid #ccc;
}

.ic-twitbird,
.ic-comments {
  float: left;
  width: 16px; height: 16px;
  margin-top: 2px; margin-right: 3px;
  vertical-align: bottom;
}
.ic-twitbird {
  background: url(/img/comments/icon_bluebird_16.png?20130424) 0 -2px no-repeat;
}
.ic-comments {
  background-position: -520px -160px;
}
.ic-search {
  width: 20px; height: 20px;
  background-position: -490px 0;
}
.ic-close {
  cursor: pointer;
  width: 18px; height: 18px;
  background-position: -551px -181px;
}
.ic-delete {
  width: 15px; height: 15px;
  background: url(/img/comments/icon_delete.png?20130424) 0 0 no-repeat;
}
.ic-new {
  position: absolute;
  top: -8px; left: 15px;
  width: 30px; height: 20px;
  background-position: -360px -40px;
}
#globalnav .ic-new { left: -5px }

.ic-star,
.ic-heart,
.ic-heart-mono,
.ic-heart-mono-s,
.ic-download,
.ic-download-mono,
.ic-comment-mono,
.ic-tag-mono,
.ic-pen,
.ic-agree,
.ic-agree-mono,
.ic-agree-add,
.ic-agree-remove,
.ic-etc,
.ic-alert,
.ic-retweet {
  display: inline-block;
  width: 14px; height: 14px;
  margin-right: 3px;
  margin-bottom: -1px;
}
.ic-star {
  background-position: -500px -102px;
}
.ic-heart {
  background-position: -500px -88px;
}
.ic-heart-mono {
  background-position: -500px -132px;
}
.ic-heart-mono-s {
  width: 10px; height: 10px;
  background-position: -540px -140px;
}
.ic-download {
  margin-right: 5px;
  background-position: -535px -70px;
}
.ic-download-mono {
  margin-right: 5px;
  background-position: -520px -70px;
}
.ic-comment-mono {
  background-position: -500px -117px;
}
.ic-tag-mono {
  margin-right: 1px;
  margin-bottom: -2px;
  background-position: -520px -50px;
}
.ic-pen {
  width: 13px; height: 16px;
  background-position: -520px -90px;
}
.ic-agree {
  width: 16px; height: 16px;
  background-position: -520px -108px;
}
.ic-agree-mono {
  width: 11px; height: 11px;
  margin: 0 4px -1px 2px;
  background-position: -520px -124px;
}
.ic-agree-add {
  width: 19px; height: 11px;
  margin-bottom: -1px;
  background-position: -520px -124px;
}
.ic-agree-remove {
  width: 19px; height: 11px;
  margin-bottom: -1px;
  background-position: -520px -135px;
}
.ic-etc,
.off .ic-etc {
  width: 20px; height: 10px;
  margin-right: 0;
  margin-bottom: -5px;
  background-position: -550px -200px;
}
.on .ic-etc {
  background-position: -550px -210px;
}

.ic-alert {
  width: 12px; height: 12px;
  margin: 0 4px -2px 2px;
  background-position: -535px -90px;
}
.ic-retweet {
  width: 15px; height: 10px;
  margin-bottom: -1px;
  background-position: -260px -50px;
}

.bordered {
  border: 1px solid #ccc;
}


/* --------- tag, category ----------------------------------- */
.tag,
.accountcategory,
.matomeword {
  display: inline-block;
  padding-left: 18px;
  font-size: 10px;
}
.tag {
  padding-left: 15px;
}
a.tag,
span.tag,
a.accountcategory,
a.matomeword {
  color: #9aa0a4;
  margin-right: 5px;
}
a.tag, span.tag {
  background: url(/img/sprite.png?20130909) no-repeat -520px -50px !important;
}
a.accountcategory {
  background: url(/img/sprite.png?20130909) no-repeat -560px -41px !important;
}
a.matomeword {
  background: url(/img/sprite.png?20130909) no-repeat -560px -22px !important;
}
.txt-tag,
.txt-accountcategory,
.txt-matomeword {
  padding: 2px 0;
  background: #fff;
}

/* -------- other -------------------------------------- */
.centered {
  text-align: center;
}
.clearfix {
  clear: both;
  height: 0;
}
  hr.clearfix {
    border: none;
  }
  span.clearfix {
    display: block;
  }
.absright,
.uptime,
.ontitle,
.abstwitterbutton {
  position: absolute;
}
.absright {
  bottom: 0; right: 156px;
}
.link-top.absright {
  bottom: 0; right: 0;
}
.uptime {
  top: 7px; right: 0;
  padding: 2px 5px;
  border-radius: 3px;
  color: #fff;
  font-weight: normal;
  background: #ff1d58;
}
  #homepage .uptime {
    right: 10px;
  }
  #accountpage .uptime {
    top: 10px;
  }
.ontitle {
  top: 3px; right: 10px;
}
  .oricon.ontitle {
    top: 20px;
  }
  .iconlist-header .ontitle {
    top: 3px; right: 0;
  }
  .artdetail-count.ontitle {
    top: 3px; right: 0;
  }

.hide, .hide-pc {
  display: none;
}

#twitter-button,
#facebook-button {
  float: right;
}
.pr-ontitle #facebook-button,
.topics-ontitle #facebook-button,
.account-ontitle #facebook-button {
  overflow: hidden;
  width: 110px;
}

#preregister-box {
  margin: 25px 25px 0 25px;
  padding: 40px 20px 50px 20px;
  background: #eee;
}
.preregister-title {
  color: #1d87b2;
  font-weight: bold;
  margin-bottom: 15px;
}
.preregister-text {
  margin-bottom: 35px;
}
.btn.preregister-login {
  color: #fff;
  text-shadow: none;
  border: 1px solid #1d87b2;
  background: #1d87b2 -moz-linear-gradient(left top, #4dbce9, #1d87b2);
  background: #1d87b2 -webkit-gradient(linear, left top, left bottom, from(#4dbce9), to(#1d87b2));
}

.service-lead {
  position: relative;
  height: 40px;
  margin-bottom: 12px;
}
.service-lead-face {
  display: block;
  float: left;
  width: 30px; height: 30px;
  margin-top: 5px;
  background-position: -510px -10px;
}
.service-lead-text {
  margin-left: 43px;
  padding: 10px 15px;
  border-radius: 3px;
  font-weight: bold;
}
#account-lead .service-lead-text {
  color: #33a2d0;
  background: #d6eff7;
}
#review-lead .service-lead-text {
  color: #ffa530;
  background: #ffebcf;
}
#search-lead .service-lead-text {
  color: #333;
  background: #e6f2fa;
}
#member-search-lead .service-lead-text {
  float: left;
  width: 280px; height: 30px;
  margin-left: 12px;
  margin-right: 15px;
  padding: 5px 10px;
  border-radius: 0 3px 3px 0;
  border: 1px solid #87b20d;
  border-left: none;
  color: #87b20d;
  background: #fff;
}
#member-search-lead {
  padding: 10px;
  background: #f0f6de;
}
.sub #member-search-lead {
  display: none;
}

.arrow-register {
  display: inline-block;
  width: 14px; height: 14px;
  margin-right: 10px;
  background-position: -540px -10px;
}
.btn-member-register {
  float: left;
  display: block;
  width: 200px;
  padding: 10px;
  color: #fff;
  text-align: center;
  background: #87b20d;
}
.btn-member-register:hover {
  background: #5b8a00;
}
#member-appeal .btn-member-register {
  width: auto;
}

/* --------------------------------------------------------
   4. Global Elements Styles
-------------------------------------------------------- */

/* ----- #pageheader ----------------------------------- */
#pageheader {
  height: 127px;
  margin: 8px auto 0;
}
#pageheader h1.light {
  overflow: hidden;
  text-indent: 0.2em;
  width: 700px;
  height: 1.2em;
}
#pageheader .ad {
  position: absolute;
  bottom: 5px; right: 0;
}
#header-links {
  position: absolute;
  top: 0; right: 160px;
}
#header-links .inline {
  margin-left: 10px;
}

/* -------- images ------------------------------------- */
.logo-home {
  width: 220px; height: 50px;
  margin-top: 32px;
  background-position: 0 0;
}
.logo-home2 {
  width: 205px; height: 35px;
  margin: 24px 0 7px 0;
  background-position: -240px 0;
}
.servicename {
  padding: 0 0 0 22px;
}
  .servicename.ti-twitter {
    background-position: -580px -42px;
  }
  .servicename.ti-matome {
    background-position: -580px -62px;
  }
  .servicename.ti-home {
    background-position: -580px -82px;
  }
  .servicename.ti-topics {
    background-position: -580px -102px;
  }
  .servicename.ti-interview {
    background-position: -580px -122px;
  }
  .servicename.ti-account {
    background-position: -580px -142px;
  }
  .servicename.ti-review {
    background-position: -580px -222px;
  }
  .servicename.ti-kisekaeicon {
    background-position: -580px -162px;
  }
  .servicename.ti-guide {
    background-position: -580px -182px;
  }
  .servicename.ti-help {
    background-position: -580px -202px;
  }
.servicename.altimg {
  width: 190px; height: 30px;
}
  .servicename.altimg.ti-topics {
    background-position: 0 -60px;
  }
  .servicename.altimg.ti-account {
    background-position: 0 -90px;
  }
  .servicename.altimg.ti-review {
    background-position: 0 -120px;
  }
  .servicename.altimg.ti-interview {
    background-position: 0 -150px;
  }
  .servicename.altimg.ti-kisekaeicon {
    background-position: -210px -60px;
  }
  .servicename.altimg.ti-guide {
    background-position: -210px -90px;
  }
  .servicename.altimg.ti-help {
    background-position: -209px -120px;
  }
  .servicename.altimg.ti-search2 {
    background-position: -210px -150px;
  }
  .servicename.altimg.ti-matome {
    background-position: -210px -180px;
  }
  .servicename.altimg.ti-twitter {
    background-position: -210px -210px;
  }

/* -------- ad----------------------------------------- */
.section-ad {
  /* margin-bottom: 20px;
  text-align: center; */
  width:100%;
  margin-bottom:30px;
}
  #artdetail-main + .section-ad {
    margin-top:30px;
  }

.section-ad iframe {
  margin:0 auto;
  display:block;
}

  .sub .section-ad {
    margin-bottom: 15px;
  }

.section-ad-js468,
.section-ad-js336,
.section-ad-js160,
.section-ad-js160-interview-detail,
#tweetbanner {
  text-align: left;
}

.section-ad-js468 {
  width:100%;
  padding:0;
  margin-top:10px;
  margin-bottom:35px;
}
  #accdetail-main .section-ad-js468 {
    margin-top:25px;
    margin-bottom:15px;
  }
  
  #artdetail-main .section-ad-js468 {
    margin-top:35px;
    margin-bottom:35px;
  }
  
  body#guidepage .section-ad-js468 {
    margin-top:15px;
  }

.section-ad-js468 iframe {
  display:block;
  margin:0 auto;
}

.section-ad-js336 {
width:100%;
}

.section-ad-js336 iframe {
  display:block;
  margin:0 auto;
}

.section-ad-js160 {
  padding-left: 70px;
}
.section-ad-js160-interview-detail {
  padding-left: 95px;
}

.ad-logoside { /* 後で消す */
  width: 65px; height: 65px;
}
#tweetbanner.contents {
  overflow: hidden;
  width: 849px;
  margin-top: 10px;
  padding-left: 121px;
}
/*
#slider-pr {
    overflow:hidden;
    position: relative;
    margin-left: 4px;
}
.slider-pr {
    position: absolute;
    left: 0;
}
#pr1 { top: 0; }
#pr2 { top: 160px; }
#pr3 { top: 320px; }
#pr4 { top: 480px; }
#pr5 { top: 640px; }
*/

/* ----- #pagefooter ----------------------------------- */
#pagefooter {
  margin-top: 20px;
  padding: 20px 0;
  text-align: center;
  background: #000;
}
#pagefooter .contents {
	margin: 0 auto;
	padding: 15px 0;
  color: #666;
  font-size: 93%;
  text-align: left;
}
#footer-giftext {
	margin: 15px 0;
  background: #333;
}
#pagefooter #footer-giftext .contents {
	padding: 10px 0;
}
#pagefooter a,
#pagefooter .subtitle {
  color: #999;
}
#pagefooter .footer-giftext,
#pagefooter .footer-giftext .subtitle,
#pagefooter .footer-giftext a {
  color: #ccc;
}
.sitemap-block {
  float: left;
  width: 310px;
  padding-right: 13px;
  margin-bottom: 15px;
}
.sitemap-block ul {
  clear: both;
  padding-top: 10px;
}
.sitemap-block li {
  float: left;
  margin: 0 10px 5px 0;
  font-size: 11px;
}
.top-sitemap {
  display: block;
  font-weight: bold;
}
#docs {
  margin-bottom: 5px;
}
#docs li {
  display: inline;
  margin-right: 15px;
}
.footer-giftext {
  width: 242px;
  padding-top: 13px;
}
.footer-giftext.footer-qr {
  padding-top: 0;
}
.footer-giftext .subtitle {
	display: block;
  margin-bottom: 5px;
}
.footer-giftext.footer-qr .subtitle {
  margin-top: 15px;
}
.footer-giftext .giftext.icon-m {
  margin-left: 60px;
}
.footer-giftext .giftext.icon-l {
  margin-left: 90px;
}
.ic-twinavi {
  background-position: -420px -40px;
}
.ic-twinavi-s {
  width: 20px; height: 20px;
  background-position: -470px 0;
}
.ic-twinaviranking {
  background-position: -500px -180px;
}
.ic-twinavimobile {
  background-position: -420px -90px;
}
.ic-twinavismart {
  background-position: -470px -40px;
}
.ic-facebook {
  width: 45px; height: 45px;
  background-position: -140px -280px;
}
.ic-twitter-l {
  width: 45px; height: 45px;
  background-position: -90px -280px;
}
.ic-favicon {
  width: 16px; height: 16px;
  margin-right: 5px;
}
.ic-home {
  width: 20px; height: 20px;
  background-position: -580px -80px;
}
.gn-home:hover .ic-home {
  background-position: -580px -20px;
}

.recommendtext {
  color: #0c2a81;
  text-decoration: none!important;
}
.recommendtext:hover {
  text-decoration: underline!important;
}
.dotted.linkspace {
  padding: 5px 0;
}
/* ----- #globalnavi ----------------------------------- */
#globalnav {
  font-weight: bold;
  background: #333;
  font-size:12px;
}
#globalnav .column {
  position: relative;
  display: inline-block;
/*
  min-width: 49px;
*/
  min-width: 54px;
  margin: 0;
/*
  padding: 12px 10px;
*/
  padding: 12px 15px;

  border-right: 1px solid #000;
  text-align: center; 
}
#globalnav .column.gn-home {
/*
  min-width: 20px;
  padding: 8px 7px 6px;
*/
  min-width: 21px;
  padding: 9px 8px 11px 9px;
  border-left: 1px solid #000;
}
#globalnav a {
  color: #9aa0a4;
  text-decoration: none;
}
  #globalnav a:hover,
  #globalnav a.on {
    color: #4dbce9;
  }
  #globalnav a.app.on {
    color: #fd8832;
  }
  #globalnav a:hover {
    text-shadow: 0 0 3px #4dbce9, 0 0 5px #4dbce9;
  }
  #globalnav a.on:hover {
    text-shadow: none;
  }
#gn-search {
  position: absolute;
/*
  top: 6px; 
*/
  top: 8px;
  right: 0;
}
#gn-search .formtext {
  width: 232px; height: 16px;
  padding: 4px 5px;
  font-size: 12px;
  border: none;
  border-radius: 3px 0 0 3px;
}
#globalnav-signin {
  position: absolute;
  top: -8px; right: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#globalnav-signin.off {
  padding: 6px 10px 6px 30px;
  background: #4dbce9 url(/img/dante/twitter-bird-dark-bgs.png?20130424) 8px 3px no-repeat;
}
#globalnav-signin.off a {
  color: #fff;
}
.gn-yourname {
  margin-right: 5px;
  padding-top: 2px;
  font-weight: bold;
}
/* Swap this, when you remove mypage ========================*/
/* With mypage ==============================================*/
.yourmenu {
/* Without mypage ==============================================
.yourmenu-box {
==============================================================*/
  width: 10px; height: 10px;
  padding: 10px 0 0 10px;
}
.yourmenu-tri {
  width: 10px; height: 10px;
  background-position: -560px 0;
}
.yourmenu-tri:hover {
  background-position: -570px 0;
}
.yourmenu-notice {
  display: block;
  float: left;
  min-width: 12px; height: 16px;
  margin: 5px 3px 2px 1px; padding: 2px 3px 0 2px;
  border-radius: 3px;
  color: #fff; font-size: 11px; font-weight: bold; text-align: center;
  background: #f00;
}
#yourmenu {
  z-index: 999;
  width: 140px;
  position: absolute;
  top: 30px; right: 0;
  border: 1px solid #fff;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -moz-box-shadow: 0 2px 2px #666;
  -webkit-box-shadow: 0 2px 2px #666;
  -o-box-shadow: 0 2px 2px #666;
  -ms-box-shadow: 0 2px 2px #666;
  box-shadow: 0 2px 2px #666;
  font-weight: bold;
  background: rgba(255,255,255,0.95);
}
.menu {
  display: block;
  padding: 5px;
}
.menu:hover {
  background: #eee;
}
.menu-notice {
  color: #f60;
}

#followme {
  position: absolute;
  top: 3px; left: 650px;
  width: 120px;
  padding: 4px 15px;
}
#followme .abstwitterbutton {
  top: 4px; left: 45px;
}

/* ---- #localnav ----------------------------------- */
#localnav.wrapper {
  margin-top: 0;
}
#sublocalnav {
  margin-top: 0;
/*
  padding: 5px 0;
*/
  padding: 9px 0;

  font-size: 93%;
  background: #4dbce9;
}
  #sublocalnav.navi {
    background: #4dbce9;
  }
  #sublocalnav.app {
    background: #fd8c2b;
  }
#sublocalnav-item {
  margin-right: 10px;
}
#sublocalnav-item .txt-inline {
  padding-left: 9px;
/*
  border-left: 1px solid #248fc2;
*/
  border-left: 1px solid #91c5ef;
}
.app #sublocalnav-item .txt-inline {
  border-left: 1px solid #f70;
}
#sublocalnav-item .txt-inline.on {
  color: #fff;
  text-decoration: none;
}
#sublocalnav-item .txt-inline.last {
  margin-right: 0;
  padding-right: 9px;
/*
  border-right: 1px solid #248fc2;
*/
  border-right: 1px solid #91c5ef;
}
.app #sublocalnav-item .txt-inline.last {
  border-right: 1px solid #f70;
}

/* ---- #breadcrumb ------------------------------------ */
#breadcrumb {
  display: none;
  position: absolute;
  left: 0; bottom: -3px;
  width: 870px;
  padding-right: 100px;
}
#breadcrumb .inline {
  padding-right: 5px;
}
#breadcrumb .inline.last {
  padding-right: 0;
  border-right: none;
}
#breadcrumb .ic-home {
  float: left;
  margin-right: 5px;
}
.link-top {
  margin-bottom: -20px;
}

/* ---- #pagewrapper ----------------------------------- */
#pagewrapper {
  min-height: 600px;
  margin-top: 30px;
  padding-bottom: 20px;
}
#homepage #pagewrapper {
  margin-top: 20px;
}

/* ---- .paginator ------------------------------------- */
.paginator {
  margin-bottom: 20px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #999;
  background: #f7f7f7;
}
.pageitem {
  float: left;
}
.pagenav,
.pagenum {
  display: block;
  height: 23px;
  padding-top: 7px;
  border-right: 1px solid #fff;
  text-align: center;
}
  .pagenav.last {
    border: none;
  }
.pagenav {
  width: 60px;
  font-size: 12px;
}
.pagenum {
  width: 320px;
}
  a.pagenav,
  a.link-page {
    color: #0c2a81;
    text-decoration: none;
  }
  a.pagenav:hover,
  a.link-page:hover {
    color: #248fc2;
  }
  a.link-page.on,
  a.link-page.on:hover {
    color: #666;
  }
  .pagenum .current,
  .pagenum .inline {
    margin: 0 5px;
  }
.pagenav.link-first {
  padding-left: 20px;
  background-position: 8px -195px;
}
.pagenav.link-prev {
  padding-left: 12px; padding-right: 6px;
  background-position: 10px -175px;
}
.pagenav.link-next {
  padding-right: 12px; padding-left: 6px;
  background-position: -90px -175px;
}
.pagenav.link-last {
  padding-right: 18px;
  background-position: -90px -195px;
}

/* for topics */
.pickup-paginator,
.article-paginator {
  position: relative;
}
.pickup-paginator .pagenum,
.article-paginator .pagenum {
  width: auto;
  border: none;
  text-decoration: none;
}
.pickup-paginator {
  margin-top: -10px;
/*
 *  margin-bottom: 25px;
*/
  margin-bottom:20px;
  background: #f4589a;
}
.pickup-paginator a {
  color: #fff;
}
.pickup-paginator a:hover {
  color: #000;
}
.pickup-paginator .pagenav {
  width: 130px;
}
.article-paginator {
/*
 *  margin-bottom: 40px;
*/
  margin-bottom:25px;
  color: #666;
  background: #333;
}
.article-paginator a {
  color: #4dbce9;
}
.article-paginator a:hover {
  color: #8bd7f5;
}
.article-paginator .pagenav {
  width: 160px;
}
.pickup-paginator span.pagenav,
.article-paginator span.pagenav {
  background: transparent;
}
.pickup-paginator .link-prev,
.pickup-paginator .link-next,
.article-paginator .link-prev,
.article-paginator .link-next {
  position: absolute;
  top: 0;
  padding: 7px 0 0 0;
}
.pickup-paginator .link-prev,
.article-paginator .link-prev {
  left: 0;
  border-right: 1px solid #666;
}
.pickup-paginator .link-next,
.article-paginator .link-next {
  right: 0;
  border-left: 1px solid #666;
}
.article-paginator .link-prev {
  background-position: 10px -175px;
}
.article-paginator .link-next {
  background-position: -10px -175px;
}
.pickup-paginator .link-prev,
.pickup-paginator .link-next {
/*  border-color: #a62d60; */
  border-color: #a62d60;
}
.pickup-paginator .link-prev {
  padding-left: 30px;
  text-align: left;
  background-position: 10px -215px;
}
.pickup-paginator .link-next {
  padding-right: 30px;
  text-align: right;
  background-position: -10px -215px;
}

/* ---- .prevnext -------------------------------------- */
.prevnext {
  margin-bottom: 10px;
}
.column-right {
  float: right;
  display: block;
}
.column.prevpage.mute {
  width: 260px;
}
.prevnext .prevpage,
.prevnext .nextpage {
  width: 300px;
  line-height: 1.2 !important;
  font-size: 85%;
}
.prevnext .prevpages,
.prevnext .nextpages {
  width: 260px;
  line-height: 1.2 !important;
  font-size: 85%;
}
.prevnext .nextpages {
  padding-left: 40px;
}
.nextpage.no-more-article {
  width: 275px;
  margin-top: 3px;
}
.nextpage {
  padding-right: 18px;
  padding-left: 12px;
  text-align: right;
  background-position: right center;
}
.nextpages {
  padding-left: 12px;
  text-align: right;
  background-position: right center;
}
.prevpage {
  margin-top: 3px;
  padding-left: 18px;
  padding-right: 12px;
  background-position: 0 center;
}
.prevpages {
  margin-top: 1px;
  padding-right: 12px;
  background-position: 0 center;
}
.link-more.next {
  padding-right: 12px;
  font-size: 93%;
  font-weight: normal;
  background-position: right -249px;
}
.prevpages .link-back {
  padding-top: 2px;
}
.nextpages .link-more {
  padding-top: 3px;
}
/* -------- link --------------------------------------- */
a.boxlink,
a.boxlink:hover {
  text-decoration: none;
}
a.boxlink .linkline {
  text-decoration: none;
}
a.boxlink .linkline:hover {
  text-decoration: underline;
}
.mark-arrow {
  padding-left: 13px;
  background-position: -590px -250px;
}
.link-more {
  padding-right: 13px;
  font-size: 93%;
  font-weight: bold;
  background-position: right -250px;
}
.link-top {
  padding-right: 12px;
  font-size: 93%;
  background-position: right -300px;
}
.link-back {
  padding-left: 12px;
  font-size: 93%;
  background-position: 0 -250px;
}
.link-help {
  padding-left: 18px;
  font-size: 85%;
  background-position: -580px 0;
}
.link-out {
  padding-right: 16px;
  background-position: right -277px;
}
.link-retweet {
  position: absolute;
  top: 15px; right: 0;
  width: 15px; height: 10px;
  background-position: -260px -50px;
}
.getmore {
  cursor: pointer;
  margin-bottom: 10px;
}
#get-more-comments,
#show-hidden-comments {
  display: block;
  padding: 10px;
}

/* ----- tweet ----------------------------------------*/
.section-tweet {
  position: relative;
}
.tweet-data {
  width: 170px;
}
.tweet-text {
  margin-left: 180px;
  padding-right: 30px;
}

/* ----- social btn -----------------------------------*/
.tweet-btn {
  position: absolute;
  left: 530px;
  top: 2px;
}
.fb-btn {
  position: absolute;
  left: 430px;
  top: 2px;
}
.search2wrapper {
  height: 28px;
  background: #f0f0f0;
}
.fb-btn.search2box {
  position: relative;
  left: 410px;
  top: 4px;
}
.tweet-btn.search2box {
  position: relative;
  left: 530px;
  top: -16px;
}
@media not screen and (1) { /* Opera 10 以上 */
  .fb-btn {
    top: -4px;
  }
  .fb-btn.search2box {
    top: -2px;
  }
  .tweet-btn.search2box {
    top: -22px;
  }
}
/* ----- account search -------------------------------*/
.comm-input {
  padding: 5px 10px 5px 0;
  border-bottom: 1px dotted #ccc;
}
  .side-account-nav .comm-input {
    padding: 5px 0;
  }
.comm-input-pref,
.comm-input-gender,
.comm-input-generation,
.comm-input-bloodtype,
.comm-input-occupation,
.comm-input-aimai {
  float: left;
  width: 290px;
}
  .side-account-nav .comm-input-pref,
  .side-account-nav .comm-input-gender,
  .side-account-nav .comm-input-generation,
  .side-account-nav .comm-input-bloodtype,
  .side-account-nav .comm-input-occupation,
  .side-account-nav .comm-input-aimai {
    float: none;
    width: auto;
  }
  #home-member-search .comm-input-pref,
  #home-member-search .comm-input-gender,
  #home-member-search .comm-input-generation,
  #home-member-search .comm-input-bloodtype,
  #home-member-search .comm-input-occupation,
  #home-member-search .comm-input-aimai {
    width: auto;
  }
  #home-member-search .comm-input-pref,
  #home-member-search .comm-input-bloodtype,
  #home-member-search .comm-input-occupation,
  #home-member-search .comm-input-aimai {
    display: none;
  }
  #home-member-search .section-body {
    padding-top: 0;
  }
.comm-input-label,
.comm-input-element {
  display: table-cell;
  min-height: 20px;
  padding: 5px 0;
  vertical-align: middle;
}
  .side-account-nav .comm-input-keyword .comm-input-label,
  .side-account-nav .comm-input-keyword .comm-input-element {
    display: block;
  }
  .side-account-nav .comm-input-keyword .comm-input-label {
    padding: 0;
  }
.comm-input-label {
  width: 124px;
  padding-left: 10px;
  font-weight: bold;
  border-left: 6px solid #eee;
}
  .side-account-nav .comm-input-label {
    float: none;
    width: 130px;
    padding-left: 0;
    border-left: none;
  }
.comm-input.comm-input-aimai {
  padding: 0;
}
.comm-input-aimai .comm-input-label {
  width: 20px;
  padding: 0;
  line-height: 1;
  border: none;
}
.comm-input-aimai-title {
  font-weight: bold;
}
.comm-input-submit {
  margin-top: 10px;
  padding: 10px 0;
  border-bottom: none;
  background: #f7f7f7;
}

.searchbox {
  padding: 10px;
  text-align: center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: #eee;
} 
.searchbox-noscript .searchbox {
  margin-bottom: 10px;
}
.searchbox .formtext {
  width: 300px;
} 

/* ---------SIDEBAR  INTERVIEW ARCHIVE---------*/
#side-interview.dark {
  border: 1px solid #ccc;
}
#side-interview.dark a,
#side-interview.dark .subtitle {
  color: #fff;
  font-weight: normal !important;
  text-shadow: none;
}
#side-interview.dark .lined:hover {
  background-color: #444;
}

/* --------------------------------------------------------
   5. Styles For Each
-------------------------------------------------------- */

/* ------ home ----------------------------------------- */
.home-caption {
  position: absolute;
  top: -24px; right: 10px;
  color: #2981a5;
}
  #member-keywords .home-caption {
    top: 7px;
  }
#update {
  margin-top: 20px;
  padding: 10px 0;
  text-align: center;
  background-color: #4dbce9;
}
#update > a {
  color: #fff;
  font-weight: bold;
}

#home-article .section-title.navi {
  padding: 7px 10px 0 10px !important;
}
#home-article .section-body {
  padding: 10px 0 5px 5px;
}
.home-accountcategory.tabwrapper.s {
  background: #e6f2fa;
}
.home-buzzcategory .tab,
.home-accountcategory .tab {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  font-weight: bold;
  background: #fff;
}
.home-buzzcategory .tab.on,
.home-accountcategory .tab.on {
  border-bottom: 1px solid #fff;
  text-decoration: underline;
}
.home-buzzcategory .tab:hover,
.home-accountcategory .tab:hover {
  text-decoration: none;
  background: #92c8e4;
}
.home-buzzcategory .tab.on:hover,
.home-accountcategory .tab.on:hover {
  text-decoration: underline;
}
/* test */
.home-buzzcategory .tab,
.home-accountcategory .tab {
  padding: 6px 0;
  color: #fff !important;
  text-shadow: none;
  background: #7bb5da;
}
.home-buzzcategory .tab {
  width: 78px;
  margin-top: 5px;
  letter-spacing: -1px;
}
.home-accountcategory .tab {
  width: 92px;
}
.home-buzzcategory .tab.on,
.home-accountcategory .tab.on {
  color: #0c2a81 !important;
  background: #fff;
}
.tab-content-article .section-footer .link-more {
  display: block;
  padding: 6px;
  font-size: 12px;
  margin-left: 165px;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background-color: #eee;
  background-position: -140px -244px;
}
/*
.home-movies {
  width: 618px;
  padding: 0 11px;
}*/
.home-buzzlinks {
  margin-top: 5px;
  margin-left: 180px;
}
.home-buzzlink {
  margin-top: 4px;
}
.home-buzzimage  {
  width: 150px;
  margin-top: 7px;
  margin-left: 10px;
}
.home-buzzimage a.block  {
  overflow: hidden;
  width: 150px;
  height: 86px;
  margin-bottom: 5px;
}
.home-buzzimage .xsmall {
  display: block;
}
#home-article .section-footer {
  padding: 10px 10px 5px 10px;
}
/*
.home-buzzimage {
  width: 110px;
  margin-top: 4px;
  padding: 9px;
  text-align: left;
  line-height: 1;
  border: 1px solid #ccc;
}
.buzzimagewrapper {
  overflow: hidden;
  width: 110px; height: 80px;
}
*/

.list-article {
  padding-bottom: 2px;
  margin-bottom: 2px;
/*  border-bottom: 1px solid #ccc; */
}

#home-review-link {
  overflow: hidden;
  display: block;
  width: 490px; height: 75px;
  margin-bottom: 10px;
  text-indent: -9999px;
  background: url(/img/dante/home-review.png) 0 0 no-repeat;
}

/*#home-news .section-title {
  margin: 0;
}
#home-news .section-body {
  width: 658px;
  overflow: hidden;
  padding: 0 !important;
}
.home-newsbox {
  display: block;
  float: left;
  width: 320px;
  padding-left: 8px;
  font-size: 12px;
}
.home-newsbox img {
  margin-top: 28px;
}
.home-newsbox .giftext {
  margin-top: 28px;
}*/
.home-news-box {
  width: 310px;
  padding: 10px 10px;
}
.home-news-box2,
.home-news-box3 {
  border-top: 1px solid #e6f2fa;
}
.home-news-box .column.icon-m {
  overflow: hidden;
  width: 78px; height: 46px;
}
.home-news-box .giftext.icon-m {
  margin-left: 88px;
}

#home-kisekaeicon .column.icon-l {
  margin: 10px 10px 0 10px;
}
#home-kisekaeicon .column.icon-l a:hover {
  text-decoration: none;
}
.kisekae-count-s {
  display: block;
  top: -2px;
  padding: 0 3px;
  color: #fff;
  font-size: 11px;
  text-align: right;
  background: #ccc;
}

#home-faq .section-body,
#home-accountranking .section-body {
  padding: 0 0 5px 0;
}

#home-accountranking .column.icon-l {
  margin: 14px 10px 0 14px;
}
#home-accountranking .rank {
  bottom: 0;
}
#home-pickupaccount .column.icon-m {
  margin: 0 6px 0 7px;
}
#home-articleranking .home-rankinglist {
  margin: 0 0 10px 0;
}
#home-articleranking .subhead {
  padding: 0 7px;
  background: transparent;
}
#home-articleranking .home-buzzimage,
#home-articleranking .home-buzzlinks {
  margin-top: 3px;
  margin-bottom: 20px;
}
#home-articleranking .home-buzzimage {
  margin-left: 0;
}
#home-articleranking .home-buzzlinks {
  margin-left: 165px;
}
#home-side-account .lined {
  padding: 5px 0;
  float: left;
  width: 135px;
}
#home-side-account .lined.all {
  width: 270px;
}
#home-side-account .giftext {
  min-height: 30px;
  padding: 3px 0;
}
#home-side-article .lined {
  width: 124px;
}
#home-side-article .lined.even {
  width: 134px;
}
#homepage .comment-wrapper,
.sub .comment-wrapper {
  margin: 0 10px; padding: 10px 0;
  border-bottom: 1px dotted #ccc;
}
#homepage .comment-wrapper .icon.m,
.sub .comment-wrapper .icon.m {
  width: 35px; height: 35px;
}
#homepage .comment-wrapper .giftext.icon-m,
.sub .comment-wrapper .giftext.icon-m {
  margin-left: 45px;
  font-size: 12px;
}
#homepage .comment-wrapper .comment-data,
.sub .comment-wrapper .comment-data {
  margin-top: 0;
  font-size: 10px;
  text-align: left;
}
.sub .comment-wrapper .comment-date,
.sub .comment-wrapper .btn-reply,
.sub .comment-wrapper .btn-delete,
#homepage .comment-wrapper .comment-date,
#homepage .comment-wrapper .btn-reply,
#homepage .comment-wrapper .btn-delete {
  display: none;
}
#home-commentfeed .giftext.icon-m {
  min-height: 35px;
}
#home-commentfeed .comment-data a {
  font-weight: bold;
}
#member-keywords .column.column2 {
  border-bottom: 1px dotted #ccc;
}
#member-keywords .column.column2:hover {
  text-decoration: none;
  background-color: #f7f7f7;
}
#member-keywords .side-comm-keyword {
  padding: 10px 0;
}
#member-keywords .column.column2 .icon {
  float: left;
  margin-right: 10px;
}

/* ----- account --------------------------------------*/
.account-ranking {
}
.account-ranking .column.column3 {
  width: 32%;
  margin: 0 0.5%;
}
.account-ranking-categoryname {
  padding: 10px 0 5px 0;
  border-bottom: 1px solid #eee;
}
.account-ranking-list {
  padding: 10px 0;
  line-height: 1.2;
  border-bottom: 1px dotted #ccc;
}
.account-ranking-list .count {
  position: absolute;
  top: 8px; left: 6px;
  color: #ccc;
}
.account-ranking-list .count1 {
  color: #ffcb00;
}

.accountres5 {
  padding-bottom: 10px !important;
}
.section-footer.nouser {
  margin: 10px;
  padding: 20px;
  background: #eee;
  
}
.suggest {
  width: 380px;
  text-align: left;
}
.linktoregister {
  margin-top: 7px;
}
.linktoregister .btn.medium {
  padding: 7px 0;
}

#tab-account-content-search.tab-content-search {
  padding: 15px 10px 0 10px;
  border: 5px solid #46bbeb;
}
#tab-member-content-search.tab-content-search {
  padding: 10px;
  border: 5px solid #87b20d;
}
.tab-selector-search {
  padding: 10px 20px;
  color: #999;
  font-weight: bold;
  text-shadow: none;
  text-decoration: none;
  border: none;
  border-radius: 3px 3px 0 0;
  background: #eee;
}
  .side-account-nav .tab-selector-search {
    padding: 10px 12px;
  }

#tab-account.tab.on,
#tab-account.tab-selector-search:hover {
  color: #fff;
  background: #46bbeb;
}
#tab-member.tab.on,
#tab-member.tab-selector-search:hover {
  color: #fff;
  background: #87b20d;
}
.tab-content-search .formtext,
.comm-input-keyword .formtext {
  width: 400px;
}
  .side-account-nav .tab-content-search .formtext,
  .side-account-nav .comm-input-keyword .formtext {
    width: 250px;
  }
  #home-member-search .comm-input-keyword .formtext {
    width: 110px;
  }
.tab-content-search .btn {
  width: 170px;
  margin-left: 10px;
}
  .side-account-nav .tab-content-search .btn {
    width: 200px;
    margin: 5px 30px;
  }
.account-nav-list {
  clear: both;
  padding: 5px 0;
  border-top: 1px dotted #ccc;
}
.topcategory,
.subcategory {
  display: table-cell;
  padding: 5px 0;
  vertical-align: middle;
}
.topcategory {
  width: 100px;
  padding-right: 15px;
  color: #333;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  border-right: 4px solid #dfeff5;
}
.subcategory {
  padding-left: 15px;
}
  .side-account-nav .topcategory,
  .side-account-nav .subcategory {
    display: block;
    padding: 5px 0 0 0;
    text-align: left;
    border: none;
  }
  .side-account-nav h2 {
    font-size: 11px;
  }

.section-accountlist {
  position: relative;
  margin-bottom: 0;
  padding: 10px 0;
}
/*
.section-accountlist .icon.l {
  margin-bottom: 50px;
} */
.acclist-header {
  position: relative;
  width: 529px;
  min-height: 59px;
  margin-left: 85px;
  margin-bottom: 10px;
  padding: 7px 12px;
  background: #f7f7f7;
}
.acclist-name {
  padding-right: 180px;
}
.acclist-follow {
  position: absolute;
  overflow: hidden;
  width: 250px;
  text-align: right;
}
  .acclist-follow {
    top: 9px; right: 10px;
  }
.acclist-follow .twitter-follow-button {
  margin-left: 85px;
}
.acclist-follow .twitter-follow-button {
  margin-top: 5px;
}
.acclist-taglist {
  margin: 10px 0 0;
}
.acclist-data {
  margin-left: 95px;
  margin-right: 10px;
}
.accdetail-header.section-body.detail,
.accdetail-data.section-body.detail {
  padding-left: 160px;
}
.accdetail-header.section-body.detail {
  padding-bottom: 3px;
}
.accdetail-data.section-body.detail {
  min-height: 50px;
  padding-top: 15px;
}
.section-accdetail {
  clear: both;
  position: relative;
}
.accdetail-icon {
  position: absolute;
  left: 0; top: 0;
  overflow: hidden;
  height: 120px;
  padding: 5px;
  border: 1px solid #ccc;
  background: #fff;
}
.accdetail-name {
  font-size: 24px;
  font-weight: normal;
}
.accdetail-username .link-out {
  color: #999;
}
.accdetail-follow {
  margin-top: 10px;
}
.accdetail-conversation {
  position: relative;
  margin-top: 15px;
  margin-left: 15px;
}
.accdetail-conversation .ic-new {
  top: -15px; left: -15px;
}
.accdetail-url {
  margin-top: 5px;
}
.section-accdetail-taglist {
  position: relative;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  margin-top: 20px;
  padding: 10px 0;
}
.section-iconhistory {
  padding: 5px 0;
}
.iconhishistory-left {
  width: 400px;
  padding-right: 20px;
}
.iconhishistory-right {
  width: 170px;
  padding-right: 20px;
  border-left: 1px solid #eee;
  background-position: right center;
}
.recommendingicon-right {
  width: 180px;
  margin: 5px 0 0 10px;
  background-color: #eee;
  background-position: right center;
}

.oricon-link {
  margin-top: 3px;
}

#account-message .column.icon-l,
#accdetail-relaccount .column.icon-l,
#review-relitem .column.icon-l {
  overflow: hidden;
}
#account-message .column.icon-l {
  height: 73px;
}
#account-message .icon.l {
  height: auto;
}
#accdetail-relaccount .column.icon-l,
#review-relitem .column.icon-l {
  margin: 5px 7px 5px 8px;
}

#accdetail-relproduct .column {
  width: 17.8%;
  padding: 5px 1% 15px 1%;
  border-right: 1px dotted #ccc;
}
#accdetail-relproduct .column.last {
  border-right: none;
}
#accdetail-relproduct .relproduct-text {
  display: block;
  min-height: 65px;
}
#accdetail-relproduct .relproduct-text a {
  display: block;
  font-weight: bold;
}
#accdetail-relproduct .relproduct-image {
  overflow: hidden;
  display: table-cell;
  width: 97px;
  height: 120px;
  padding: 5px;
  vertical-align: middle;
}
#accdetail-relproduct .relproduct-image img {
  max-width: 80px;
  max-height: 120px;
  margin: 0 auto !important;
}

#account-related .section-body {
  padding: 10px 15px;
}
#account-related .column.icon-m {
  height: 60px;
  overflow: hidden;
  margin-right: 13px;
}
#account-related .column.icon-m.last {
  margin-right: 0;
}
#account-relatedimages.section-body {
  padding: 7px 7px 10px 7px;
}
#account-relatedimages .column.icon-xl {
  margin: 9px;
  background: #ccc;
}

#member-appeal {
  margin-bottom: 20px;
  padding: 15px;
  background: #f0f6de;
}
.member-appeal-head {
  padding: 3px 0;
  color: #fff;
  font-weight: normal;
  background: #4ca817; 
}
.member-appeal-title {
  color: #56a81d;
  font-weight: bold;
}
#member-appeal .column3 {
  background-color: #fff;
  background-repeat: no-repeat;
}
#member-appeal .column3:hover {
  text-decoration: none;
  background-color: #ffe;
}
#member-appeal .column3 .subtitle {
  margin-bottom: 3px;
  color: #865b00;
}
#member-appeal .btn-member-register {
  float: none !important;
  margin: 0 auto;
}
.main #member-appeal {
  text-align: center;
}
.main #member-appeal .column3 {
  width: 27.3%;
  min-height: 80px;
  margin: 15px 1%;
  padding: 95px 2% 15px;
  text-align: left;
}
.main #member-appeal .column3#member-appeal-member {
  background-size: 83%;
  background-position: center 15px;
  background-image: url('/img/dante/illust_community.png?20130424');
}
.main #member-appeal .column3#member-appeal-review {
  background-size: 95%;
  background-position: center 10px;
  background-image: url('/img/dante/illust_review.png?20130424');
}
.main #member-appeal .column3#member-appeal-kisekae {
  background-size: 92%;
  background-position: center 5px;
  background-image: url('/img/dante/illust_kisekae.png?20130424');
}
.main #member-appeal .btn-member-register {
  margin: 0 80px;
}

.main-left #member-appeal {
  margin-bottom: 12px;
  padding: 10px;
  text-align: left;
}
.main-left .member-appeal-title {
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: normal;
}
.main-left #member-appeal .column3 {
  width: auto;
  margin: 1px 0 0 0;
  padding: 80px 10px 10px 10px;
  text-align: left;
}
.main-left #member-appeal .column3#member-appeal-kisekae {
  padding-top: 65px;
}
.main-left #member-appeal .btn-member-register {
  float: none !important;
  width: auto;
  margin: 10px 0 0 0;
  font-size: 12px;
}
.main-left #member-appeal .arrow-register {
  display: none;
}

.sub #member-appeal {
}
.sub #member-appeal .column3 {
  width: auto;
  margin: 1px 0 0 0;
  padding: 10px 10px 10px 70px;
}
.sub #member-appeal .column3 p {
  margin: 0;
  padding: 3px 0;
  background: #fff;;
}
.sub #member-appeal .column3#member-appeal-member,
.sub #member-appeal .column3#member-appeal-review,
.sub #member-appeal .column3#member-appeal-kisekae {
  background-image: url('/img/dante/illust_member_appeal.png?20130424');
}
.sub #member-appeal .column3#member-appeal-member {
  background-position: 5px center;
}
.sub #member-appeal .column3#member-appeal-review {
  background-position: -57px center;
}
.sub #member-appeal .column3#member-appeal-kisekae {
  height: 60px;
  background-position: -115px center;
}
.sub #member-appeal .member-appeal-title{
  margin-bottom: 5px;
}
.sub #member-appeal .btn-member-register {
  margin-top: 15px;
}

.main-left .member-appeal-title br,
.sub .member-appeal-title br {
  display: none;
}
#side-account .rank {
  margin-top: 8px;
}

#account-follow-sidebar.section {
  border-color: #fc0;
  background: #fff4d2 url(/img/dante/bg_account_follow_sidebar.png?20130424) 0 0 no-repeat;
}
#account-follow-sidebar .section-body {
  padding: 7px 5px 5px 5px;
}
.account-follow-sidebar-text {
  color: #444;
  margin-bottom: 6px;
  letter-spacing: 1px;
}
.account-follow-sidebar-layout {
  padding: 10px;
  border-top: 1px solid #fdd;
  background: rgba(255,255,255,0.5);
}
.account-follow-sidebar-layout a {
  color: #f60;
}

#account-pr {
  position: relative;
  min-height: 12px;
  margin-bottom: 20px;
  padding: 5px 30px;
  background: #333;
}
.account-pr-title,
.account-pr-subtitle {
  position: absolute;
}
.account-pr-title {
  bottom: 5px; right: 10px;
  font-weight: bold;
}
.account-pr-subtitle.altimg {
  bottom: -9px; left: 85px;
  width: 10px; height: 10px;
  background-position: -400px -50px;
}
.account-pr-image {
  overflow: hidden;
  width: 20px;
  height: 20px;
  margin-top: 2px;
}
.account-pr-imgsrc {
  width: 20px;
}
.account-pr-text.giftext.icon-s.xsmall {
  margin-left: 30px;
  line-height: 2 !important;
  font-size: 12px;
}
a.account-pr-link {
  color: #3cf;
  text-decoration: underline;
}

/* ----- news ---------------------------------------- */
/* ----- article ------------------------------------- */
/* #picture-ranking .section-body,
#video-ranking .section-body {
  margin: 0 10px;
}
#article-ranking .section-footer,
#picture-ranking .section-footer,
#video-ranking .section-footer {
  margin: 10px 0;
} */
.home-thumbbox .xsmall,
#picture-ranking .thumbbox .xsmall,
#video-ranking  .thumbbox .xsmall {
  display: block;
  margin-top: 5px;
  line-height: 1.2 !important;
}
.news-header,
.article-header {
  margin-bottom: 25px;
}
.news-header {
  min-height: 150px;
  padding-bottom: 20px;
}
.news-title,
.article-title {
  margin-bottom: 5px;
}
.artlist-header.article-title {
  font-size: 15px !important;
  margin-bottom: 5px;
}
.news-excerpt.mute {
  margin-top: 10px;
  color: #333;
  font-size: 12px;
}
.news-description,
.article-description {
  margin: 0;
}
.article-description {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 1.6;
}

.article-description ol,
.article-description ul {
margin-bottom:1em;
}

.article-description ol li {
  list-style-type: decimal;
  margin: 0 0 5px 28px;
}

.article-description ul li {
  list-style-type: disc;
  margin: 0 0 5px 23px;
  padding-left:4px;
}

.article-description-text a {
  font-weight: bold;
}
.article-description-text .twitter-tweet a {
  color: #1384b4;
  font-weight: normal !important;
}
.article-description-text .twitter-tweet {
  display: block;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(238, 238, 238) rgb(221, 221, 221) rgb(187, 187, 187);
  width: 460px;
  padding: 20px;
  border-radius: 5px;
  margin:1.5em auto;
  box-shadow: rgba(0, 0, 0, 0.148438) 0px 1px 3px;
  
  border-color: #E1E8ED;
  box-shadow: none;
/*
  width: 500px;
  max-width:100%;
*/
  margin:0 auto 1.75em auto;

}

.article-description-text .twitter-tweet.twitter-tweet-rendered {
  border-style:none;
  border-width: 0;
  padding: 0;
/*
  margin:1.5em auto !important;
*/
  margin:0 auto;
}

.article-description-text .twitter-tweet:after {
  display: block;
  min-height: 1.5em;
  max-height: 1.5em;
  overflow:hidden;
  content: "　";
  font-size: 0.1em;
  line-height: 0.1em;
}

.article-description-text .twitter-tweet p {
  font-size: 18px;
  font-family: Georgia,"Times New Roman",Palatino,serif;
}

/*
.article-description-text p + .twitter-tweet {
  margin-top: 2em;
}
*/

.article-description-text script + p,
.article-description-text .twitter-tweet + p {
padding-bottom:1em !important;
}

.article-description iframe {
  display: block;
  margin: 0 auto !important;
}

#artdetail-main .figure-caption {
  display: block;
  max-width: 80%;
  margin: 10px auto 0 auto;
  text-align: center;
  font-size: 12px !important;
}

#artdetail-main .figure-caption span {
  clear: both;
  display: inline-block;
  _display: inline;
  margin: 0.2em auto;
  text-align: left;
}
#artdetail-main .figure-caption span a {
  font-weight: normal;
}

.article-description-text h3,
.article-description-text p
 {
clear:both;
/*
margin-top:1.125em;
margin-bottom:1.125em;
*/
margin-bottom: 1.25em;
margin-top: 1.25em;
}

.article-description-text blockquote,
.article-description-text iframe
{
clear:both;
margin-top:1.4em;
margin-bottom:1.4em;
}

.article-description-text p.xsmall {
  margin-bottom: 0 !important;
  padding: 10px;
  background: #eee;
}

.article-description-text blockquote {
padding:1.4em;
border:solid #f3f3f3 1px;
background-color:#fcfcfc;
border-radius:5px;
margin-right:auto;
margin-left:auto;
font-family: Georgia,"Times New Roman",Palatino,serif;
}

.article-description-text blockquote p:first-child {
margin-top:0;
}

.article-description-text blockquote p:last-child {
margin-bottom:0;
}

.article-description-text a {
  margin-bottom: 5px;
}
.article-link {
  margin: 35px 180px 0 180px;
  padding: 10px;
  text-align: center;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  color: #333;
  background: #eee;
}
.article-list-image,
.article-list-image-s,
.article-list-image-l {
  overflow: hidden;
  text-align: center;
}
.article-list-image {
  width: 150px; height: 86px;
}
.article-list-image-s {
  width: 105px; height: 60px;
}
.article-list-image-l {
  width: 303px; height: 140px;
  background: #444 url(/img/matome/matome_detail.png);
}
.article-thumbnail {
  width: 150px;
}
  .article-list-image-s .article-thumbnail {
    width: 105px;
  }
  .article-list-image-l .article-thumbnail,
  .article-list-image-l .article-img {
    width: 305px;
  }
  #topics-images .article-thumbnail {
    margin-left: -15px;
  }
  #topics-ranking .article-thumbnail {
    width: 45px;
  }
  #home-news .article-thumbnail {
    width: 78px;
  }
  #topics-ranking .column.icon-m {
    height: 45px;
    overflow: hidden;
  }
  #side-topic-recommend .article-thumbnail,
  #side-topic-pickup .article-thumbnail {
    width: 78px;
  }
  #side-topic-recommend .column.icon-32,
  #side-topic-pickup .column.icon-32 {
    width: 78px; height: 46px;
    overflow: hidden;
  }
  #side-topic-recommend .giftext.icon-32,
  #side-topic-pickup .giftext.icon-32 {
    margin-left: 88px;
    min-height: 46px;
  }
  #side-topic-recommend a.block,
  #side-topic-pickup a.block {
    min-height: 32px;
  }
.article-list-image .ic-favicon {
  width: 150px;
  height: 150px;
}
  #side-topic-recommend .ic-favicon {
    width: 32px;
    height: 32px;
  }
.article-partner {
  margin-top: 20px;
}
.article-recommend {
  position: absolute;
  top: 14px; left: -1px;
  width: 45px; height: 45px;
  background-position: -260px -280px;
}
.ranking-picture a.block {
  overflow: hidden;
  position: relative;
  float: left;
  width: 200px;
  height: 120px;
  margin: 5px;
  padding: 0;
  border: 1px solid #eee;
}
.ranking-picture .xsmall {
  position: absolute;
  left: 0; bottom: 0;
  display: block;
  overflow: hidden;
  width: 190px;
  height: 27px;
  padding: 5px;
  white-space: normal;
  background: rgba(255,255,255,0.9);
}
.ranking-picture a.block .article-thumbnail {
  opacity: 0.75;
  width: 215px;
  height: auto;
}
.ranking-picture a.block:hover .article-thumbnail {
  opacity: 1;
}
#topics-related {
  margin: 15px 0 10px;
}
#topics-related .ranking-picture a.block {
  width: 150px;
  height: 86px;
  margin: 10px 4px;
}
#topics-related .ranking-picture a.block .article-thumbnail {
  width: 150px;
  height: auto;
}
#topics-related .ranking-picture .xsmall {
  width: 140px;
}

.relative-topic {
  clear: both;
  margin-top: 5px;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.relative-topic-image {
  float: right;
  overflow: hidden;
  width: 90px;
  height: 60px;
  margin-left: 10px;
}
.relative-topic-image .article-thumbnail {
  width: 90px;
  height: auto;
}
.relative-topic-desc {
  margin: 3px 0;
}
#guidepage .relative-topic-desc {
  display: none;
}

.news-banner {
  float: right;
}
  .news-banner.icon-l {
    margin: 0 0 0 20px;
  }
  .news-banner.icon-xl {
    margin: 0 0 30px 20px;
  }
  .list-xl .news-banner {
    float: left !important;
    margin: 0;
  }
.news-date {
  width: 100px;
}
.news-list {
  margin-left: 100px;
}
.article-source.xsmall {
  line-height: 2.4;
}
.article-source a {
  color: #9aa0a4;
}
.article-source .ic-tag-mono {
  margin-right: 7px;
}
.article-related {
  padding: 15px 0 25px 0;
}
.article-related .dotted {
  margin-left: 28px;
  margin-top: 3px;
  list-style-position: outside;
}
#topicspage a.matomeword,
.review-tags a.mute,
.review-tags a.matomeword {
  color: #0c2a81;
  font-size: 12px;
/*  font-weight: bold; */
}
.artlist.list-xl {
  position: relative;
  padding: 15px 0;
}
.artlist-header.article-title.large {
  font-size: 14px;
}
.article-image {
  margin-bottom: 20px;
}
.article-img {
  max-width: 400px;
}
  #topicspage .article-img {
    max-width: 640px;
    max-height: 480px;
  }
.artlist-footer {
   margin-top: 5px;
   color: #ccc;
}
.hasimage {
  margin-left: 140px;
}
  #topicspage .hasimage {
    margin-left: 175px;
  }
.column.related {
  width: 160px;
  margin-right: 10px;
}
.giftext.related {
  margin-left: 160px;
}

/* News detail from Wordpress */
.pr_flag { clear: both; }
.article-description-text .red, .news-description .red { color: #f33; }
.article-description-text .blue, .news-description .blue { color: #09f; }
.article-description-text .green, .news-description .green { color: #693; }
.article-description-text .orange, .news-description .orange { color: #f90; }
.article-description-text .pink, .news-description .pink { color: #f99; }
.article-description-text .large, .news-description .large { font-size: 140%; }
.article-description-text .small, .news-description .small { font-size: 75%; }
.article-description-text .center, .news-description .center { text-align: center; }
.article-description-text .hutoji, .news-description .hutoji { font-weight: bold; }
.article-description-text .italic, .news-description .italic { font-style: italic; }
.article-description-text img { display: block; max-width: 640px; height: auto !important; margin: 15px auto; }
.news-description img { clear: both; display: block; max-width: 640px; height: auto; }
.news-description img.float-left { float: left; margin-right: 20px; }
.news-description img.float-center { margin: 10px auto; }
.news-description img.float-right { float: right; margin-left: 20px; }
.more { margin-top: 30px; text-align: right; }

/* For Mediagene */
.promoted-link {
display:block;
background-color:#ececec;
height:48px;
padding:8px 0 8px 9px;
margin-bottom:7px;
}
img.promoted-link-fig {
margin:0 11px 0 0;
width:48px;
height:48px;
}
.promoted-link-text {
display:table-cell;
vertical-align:middle;
height:48px;
font-size:90%;
}

#topics-ranking-all .section-body {
  padding: 8px 5px 18px 5px;
  border-bottom: 1px solid #ddd;
}
#topics-ranking-all .section-body.last {
  border-bottom: none;
}
#topics-ranking-all h2.small {
  padding: 3px 5px 3px 3px;
/*  border-bottom: 1px solid #ddd;*/
  background: #f7f7f7;
}
#topics-ranking-all .list-s {
  padding: 5px 0;
  font-size: 12px;
}


/* ----- comment ------------------------------------- */
#btn-comment {
  position: absolute;
  top: -32px; right: 10px;
  padding: 4px 10px 4px 10px;
}
  #accdetail-main #btn-comment {
    right: 15px;
  }
.comment-title {
  margin-bottom: 10px;
  font-weight: bold;
}
.comment-wrapper {
  position: relative;
  margin-bottom: 15px;
}
  .section-mypage .comment-wrapper {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #999;
  }
.comment-wrapper-none {
 margin: 0 0;
 padding: 15px 18px;
 background: #f7f7f7;
}
.comment-text,
.comment-text-desc {
  position: relative;
  margin-left: 55px;
  padding: 15px 15px 10px 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  text-align: left;
}
.comment-text {
  background: #f7f7f7;
}
.comment-text.comment-text1 { background: #ffe8dd; }
.comment-text.comment-text3 { background: #e6eeff; }
.comment-text-desc {
  border: 1px solid #999;
}
.comment-data {
  margin-top: 5px;
  text-align: right;
}
.comment-data time a {
  color: #999;
  border-bottom: 1px dotted #999;
}
.comment-data time a:hover {
  text-decoration: none;
  border-bottom: 1px dotted #999;
}
.comment-replyto {
  margin-bottom: 5px;
  padding-left: 18px;
  background: url(/img/comments/icon_reply.png?20130424) 0 -2px no-repeat;
}
.comment-wrapper .btn-reply,
.comment-wrapper .btn-delete {
  display: inline;
  cursor: pointer;
  margin-top: 0;
  padding: 0 0 0 18px;
  border: none;
  color: #999;
  font-size: 12px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.comment-wrapper .btn-reply {
  background-image: url(/img/comments/icon_reply.png?20130424);
}
.comment-wrapper .btn-delete {
  background-position: 0 1px;
  background-image: url(/img/comments/icon_delete.png?20130424);
}
.comment-checkbox {
  margin-top: 10px;
}
.comment-submit {
  position: absolute;
  bottom: 7px; right: 13px;
}
.comment-submit .btn.medium {
  padding: 5px 15px;
}

.section-comment-preview {
  padding: 25px;
}
.delete-reconfirm {
  padding: 5px 25px 0 25px;
  margin-bottom: 35px;
  margin-top: 10px;
  font-size: 15px;
  font-weight: bold;
  color: #333;
  letter-spacing: 0.1em;
}
.title-reply {
  margin-bottom: 15px;
  font-size: 17px;
  font-weight: bold;
  color: #333;
  letter-spacing: 0.1em;
  text-align: left;
}
.comtextarea {
  width: 518px;
  height: 70px;
  font-size: 14px;
  padding: 5px;
}
.section-comment-preview .comtextarea {
  width: 508px !important;
}
.reply_to_text {
  display: block;
  margin-top: 5px;
  border-top-left-radius: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-top-right-radius: 7px;
  padding: 10px 0 10px 20px;
  color: #666;
  background-color: #fafafa;
}
.section-comment-preview .btn-delete-actual {
  -moz-box-shadow: 0 1px 0 #ccc;
  -webkit-box-shadow: 0 1px 0 #ccc;
  -o-box-shadow: 0 1px 0 #ccc;
  -ms-box-shadow: 0 1px 0 #ccc;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=90,strength=5,enabled=true)";
  box-shadow: 0 1px 0 #ccc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  font-weight: bold;
  font-size: 13px;
  margin-left: 105px;
  margin-right: 40px;
}
.btn-not-deleted {
  margin-top: 2px;
}
#tweet-more {
  margin: 0;
}

/* 吹き出しシリーズ */
.hukidashi,
.hukidashi-down {
  position: absolute;
  width: 10px; height: 10px;
}
.hukidashi {
  top: 15px; left: -7px;
  background-position: -280px -40px;
}
.hukidashi-down {
  top: -6px; left: 30px;
  background-position: -290px -50px;
}
.comment-text.comment-text1 .hukidashi { background-position: -410px -40px; }
.comment-text.comment-text3 .hukidashi { background-position: -410px -50px; }
.comment-text-desc .hukidashi {
  background-position: -280px -50px;
}
#review-reviews .hukidashi {
  top: 35px;
}
#search-lead.service-lead .hukidashi,
#review-lead.service-lead .hukidashi,
#account-lead.service-lead .hukidashi {
  left: 33px;
}
#search-lead.service-lead .hukidashi {
  background-position: -570px -80px;
}
#review-lead.service-lead .hukidashi {
  background-position: -570px -70px;
}
#account-lead.service-lead .hukidashi {
  background-position: -570px -60px;
}
#member-search-lead.service-lead .hukidashi {
  width: 10px; height: 42px;
  top: 10px; left: 43px;
  background-position: -540px -27px;
}

.mem-count {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

#twinavi-tweet.section {
  border: 12px solid #87d8f1;
  background-color: #87d8f1;
}
#twinavi-tweet .section-title {
  display: none;
}
#twinavi-tweet .section-body {
  background-color: #fff;
}
.follow_sidebar {
  position: relative;
}
.follow_sidebar.follow_twitter {
  padding-top: 13px;
}
.follow_sidebar .small {
  display: block;
  color: #fff;
  margin: 3px 0 5px 0;
}
.follow_sidebar .hukidashi {
  top: 0; left: 18px;
  background-position: -290px -40px;
}
#twinavi-facebook {
  position: relative;
  padding: 10px;
  border: none;
  color: #fff;
/*  background: #40609d; */
  background: #8b9ac4;
}
.follow_fb {
  position: absolute;
  top: 8px; right: 12px;
}

/* ----- search -------------------------------------- */
.newsres {
  margin: 10px 10px 20px 10px;
}
.newsres .block {
  margin-bottom: 5px;
}
#res_tree .column.column5,
#res_account .column.column5 {
  margin-bottom: 10px;
}

/* ----- review --------------------------------------- */
#side-interview .lined,
#review-neta .review-neta-text,
#review-new .lined,
#matome-sidecatnav .lined {
  text-decoration: none;
  background: #fff url('/img/s/arrow_right.png?20130424') right center no-repeat;
  background-size: 20px 15px;
}
#side-interview .lined:hover,
#home-side-account .lined:hover,
#review-neta .review-neta-text:hover,
#review-new .lined:hover,
#matome-sidecatnav .lined:hover {
  text-decoration: none;
  background-color: #f7f7f7;
}
#matome-sidecatnav .lined {
  padding-left: 10px;
}
#review-new a.lined {
  color: #333;
  padding: 12px 0;
}
#review-new .subtitle {
  font-weight: normal;
}
#review-new .mute {
  margin-top: 3px;
}
#homepage #review-new a.lined {
  padding: 12px 20px 12px 10px;
  background-image: none;
}
#homepage #review-new .lined:hover {
  background: #fff url('/img/s/arrow_right.png?20130424') right center no-repeat;
  background-size: 20px 15px;
}

.review-newitem-category {
  margin: 15px 7px 0 8px;
  padding: 3px 10px;
  border-radius: 2px;
  background: #f7f7f7;
}

#comm-review-pr.section {
  position: relative;
  padding: 14px;
  background: #fdf8e3;
}
.review-pr-new,
.review-pr-header {
  overflow: hidden;
  text-indent: -999px;
}
.review-pr-new {
  position: absolute;
  top: -2px; left: -2px;
  width: 80px; height: 50px;
  background: url(/img/dante/parts_review_pr_new.png) 0 0 no-repeat;
}
.review-pr-header {
  float: left;
  width: 375px; height: 200px;
  margin-right: 15px;
  border-radius: 5px;
  background: #fff url(/img/dante/parts_review_pr_header.png) 30px 12px no-repeat;
}
.review-pr-contents {
  margin-left: 390px;
}
.review-pr-title {
  height: 18px;
  margin-bottom: 5px;
  padding: 3px 0 0 10px;
  color: #fff;
  font-size: 11px;
  font-weight: normal;
  background: url(/img/dante/parts_review_pr_title.png) 0 0 no-repeat;
}
.review-pr-firstline {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.review-pr-contents p {
  margin-top: 10px;
}
.review-pr-nav {
  display: inline;
  margin-right: 5px;
  font-weight: bold;
}
.review-pr-nav .altimg.arrow-right {
  display: inline-block;
  margin-bottom: -5px;
}

.revimg {
  -moz-box-shadow: 0 2px 2px #999;
  -webkit-box-shadow: 0 2px 2px #999;
  -o-box-shadow: 0 2px 2px #999;
  -ms-box-shadow: 0 2px 2px #999;
  box-shadow: 0 2px 2px #999;
  background: #fff;
}
.revimg.icon.m {
  width: auto; height: 60px;
}
.revimg.icon.l {
  width: auto; height: 73px;
}
.revimg.xl {
  width: auto; height: 120px;
}
.revimg.revimg-iphone,
.revimg.revimg-android {
  border-radius: 10px;
}
.revimg.revimg-iphone.xl,
.revimg.revimg-android.xl {
  border-radius: 15px;
}
.review-icon.m,
.review-icon.l,
.review-icon.xl {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}
.review-icon.m {
  width: 64px;
  height: 64px;
}
.review-icon.l {
  width: 77px;
  height: 77px;
}
.review-icon.xl {
  width: 124px;
  height: 124px;
}

.rev-good, .rev-bad, .rev-none {
  width: 45px; height: 14px;
  margin-top: 2px;
  margin-right: 10px;
}
.comment-wrapper .rev-good,
.comment-wrapper .rev-bad,
.comment-wrapper .rev-none {
  margin-bottom: 2px;
}
.rev-good {
  background-position: -425px -170px;
}
.rev-bad {
  background-position: -425px -185px;
}
.rev-none {
  background-position: -425px -200px;
}

.arrow-right {
  width: 10px; height: 20px;
  background-position: -150px -180px;
}

#side-review-item .section-title,
#side-review-recent .section-title {
  background: #eee;
}
#review-newitem .column.column3,
#home-review .column.column5 {
  width: 95px;
  margin: 15px 0; padding: 0 5px;
  text-align: center;
  border-right: 1px dotted #ccc;
}
#review-relitem .column.column6 {
  margin: 15px 0 0 0;
  text-align: center;
}
#home-review .column.column5 {
  width: 86px;
  margin: 0 0 10px 0;
}
#review-amazon .section-body {
  padding-left: 13px;
}
#review-amazon .column.column5 {
  overflow: hidden;
  height: 150px;
}
#review-amazon .column.column5.last {
  margin-right: 0;
}
#review-newitem .column.column3.last,
#review-relitem .column.column6.last,
#home-review .column.column5.last {
  border-right: none;
}
#review-newitem .column.column3.last,
#review-relitem .column.column6.last {
  width: 98px;
}
#home-review .column.column5.last {
}
#side-review-item .column.column3 {
  width: 79px;
  margin: 10px 0 5px 0;
  padding: 0 9px;
  text-align: center;
  border-right: none;
}
#side-review-item .column.column3 .subtitle,
#review-newitem .column.column3 .subtitle,
#review-relitem .column.column6 .subtitle {
  overflow: hidden;
  height: 12px;
  margin-top: 3px;
}
#side-review-recent a.lined {
  display: block;
  padding: 10px;
  min-height: 45px;
  color: #333;
}
#side-review-recent a.lined:hover {
  text-decoration: none;
  background: #f7f7f7;
}
 
.star-text {
  color: #fa0;
}
.search-review {
  width: 221px;
  padding: 3px 10px 2px 10px;
  border-right: 1px solid #ccc;
}
.search-review-inputtext,
.search-review .btn.xsmall {
  float: left;
  margin: 0;
}
.search-review-inputtext {
  width: 135px;
  padding: 3px 2px;
  border-radius: 3px 0 0 3px;
  border: 1px solid #aaa;
  border-right: none;
  -moz-box-shadow: 0 1px 2px #ccc inset;
  -webkit-box-shadow: 0 1px 2px #ccc inset;
  -o-box-shadow: 0 1px 2px #ccc inset;
  -ms-box-shadow: 0 1px 2px #ccc inset;
  box-shadow: 0 1px 2px #ccc inset;
  background: #fff;
}
.search-review .btn.xsmall {
  padding: 2px 5px;
  border-radius: 0 3px 3px 0;
  border-color: #aaa;
  text-shadow: 0 1px 0 #eee;
  background: -moz-linear-gradient(top, #eeeeee 0%, #bbbbbb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #bbbbbb));
  background: -webkit-linear-gradient(top, #eeeeee 0%, #bbbbbb 100%);
  background: -o-linear-gradient(top, #eeeeee 0%, #bbbbbb 100%);
  background: -ms-linear-gradient(top, #eeeeee 0%, #bbbbbb 100%);
  background: linear-gradient(top, #eeeeee 0%, #bbbbbb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#bbbbbb',GradientType=0);
}
.search-review .btn.xsmall:hover {
  background: -moz-linear-gradient(top, #dddddd 0%, #bbbbbb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));
  background: -webkit-linear-gradient(top, #dddddd 0%, #bbbbbb 100%);
  background: -o-linear-gradient(top, #dddddd 0%, #bbbbbb 100%);
  background: -ms-linear-gradient(top, #dddddd 0%, #bbbbbb 100%);
  background: linear-gradient(top, #dddddd 0%, #bbbbbb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#bbbbbb',GradientType=0);
}
#review-detail-header {
  position: relative;
  min-height: 160px;
  text-shadow: 0 1px 1px #fff;
  background: #eee;
}
#review-detail-category {
  padding: 2px 20px 1px 10px;
  border-bottom: 1px solid #fff;
  color: #fff;
  text-shadow: none;
  letter-spacing: 1px;
  background: #fd8d2e;
}
#review-detail-title {
  position: relative;
  padding: 15px 19px;
}
#review-detail-title .column {
  margin-right: 20px;
}
#review-detail-title .xlarge {
  margin-top: 5px;
  margin-bottom: 3px;
  padding-right: 130px;
  color: #000;
}
#review-detail-title .small {
  color: #666;
}
#review-detail-title .btn {
  position: absolute;
  -moz-box-shadow: 0 -1px 0 #ccc;
  -webkit-box-shadow: 0 -1px 0 #ccc;
  -o-box-shadow: 0 -1px 0 #ccc;
  -ms-box-shadow: 0 -1px 0 #ccc;
  box-shadow: 0 -1px 0 #ccc;
  border: none;
}
#review-detail-title .btn.btn-download {
  left: 160px; bottom: 18px;
  color: #fff;
  font-weight: normal;
  text-shadow: none;
  box-shadow: none;
  background: #60990e;
}
#review-detail-title .btn.btn-download:hover {
  background: #93ce4d;
}
#review-detail-title .btn.btn-fav,
#review-detail-title .btn.btn-fav.off {
  right: 15px; top: 20px;
  border: 1px solid #ccc;
  -moz-box-shadow: 0 1px 1px #ccc !important;
  -webkit-box-shadow: 0 1px 1px #ccc !important;
  -o-box-shadow: 0 1px 1px #fff !important;
  -ms-box-shadow: 0 1px 1px #fff !important;
  box-shadow: none !important;
  color: #333;
}
#review-detail-title .btn.btn-fav.on {
  color: #999;
  -moz-box-shadow: 0 1px 1px #fff !important;
  -webkit-box-shadow: 0 1px 1px #fff !important;
  -o-box-shadow: 0 1px 1px #fff !important;
  -ms-box-shadow: 0 1px 1px #fff !important;
  box-shadow: 0 1px 1px #fff !important;
  background: #ddd;
}
#review-detail-title .btn.btn-fav:hover {
  background: #eee;
}
#review-detail-title .btn.btn-fav.tooltip {
  border: 1px solid #eee;
  background: #f7f7f7;
}
#review-detail-info {
  padding: 20px 10px;
}
.rev-desc-image {
  width: 190px;
  margin: 0 20px 20px 0;
}
.rev-desc-image.last {
  margin-right: 0;
}
#review-action-point {
  position: absolute;
  right: 0; bottom: 0px;
}
.review-action-cell {
  width: 69px;
  border-left: 1px solid #ccc;
  -moz-box-shadow: 1px 0 0 #eee inset;
  -webkit-box-shadow: 1px 0 0 #eee inset;
  -o-box-shadow: 1px 0 0 #eee inset;
  -ms-box-shadow: 1px 0 0 #eee inset;
  box-shadow: 1px 0 0 #eee inset;
  text-align: center;
  vertical-align: middle;
}
  th.review-action-cell {
    height: 22px;
    padding: 8px 5px 1px 5px;
    vertical-align: bottom;
    color: #999;
    font-weight: normal;
  }
  td.review-action-cell {
    height: 35px;
    padding: 1px 5px 8px 5px;
    color: #444;
  }
#review-detail-tags {
  position: relative;
  margin: 10px 0;
  padding: 10px 0;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}
.review-tags {
  color: #ddd;
}
#review-detail-tags .ic-tag-mono {
  margin-left: 10px;
}
.review-tags .xsmall {
  color: #9aa0a4;
}
.review-matomewords,
.review-matomewords .txt-matomeword {
  background:#f7f7f7
}
.review-matomewords {
  position: relative;
  margin-top: 5px;
  padding: 10px 5px 10px 30px;
}
.review-matomewords .ic-new {
  top: 5px; left: -3px;
}

#review-reviews #btn-comment.btn {
  top: -32px;
  padding-top: 5px;
  -moz-box-shadow: 0 0 1px #fff;
  -webkit-box-shadow: 0 0 1px #fff;
  -o-box-shadow: 0 0 1px #fff;
  -ms-box-shadow: 0 0 1px #fff;
  box-shadow: 0 0 1px #fff;
}
.review-agree-button,
.review-delete-button,
.review-etc-button,
.review-alert-button {
  margin-left: 8px;
  color: #999;
}
.btn.review-agree-button.tooltip {
  border: 1px solid #eee;
  background: #f7f7f7;
}
.btn.review-agree-button,
.btn.btn-etc {
  display: inline-block;
  padding: 2px 5px;
  text-align: center;
}
.btn.review-agree-button.on {
  background: #eee;
}
.btn.btn-etc {
  padding: 0;
  border: none;
  background: transparent;
}
.review-etc {
  z-index: 9999;
  margin: 0 0 0 55px; padding: 5px 10px;
  border-radius: 0 0 5px 5px;
  -moz-box-shadow: 0 2px 1px #ddd inset;
  -webkit-box-shadow: 0 2px 1px #ddd inset;
  -o-box-shadow: 0 2px 1px #ddd inset;
  -ms-box-shadow: 0 2px 1px #ddd inset;
  box-shadow: 0 2px 1px #ddd inset;
  text-align: right;
  background: #f7f7f7;
}
.review-etc.off {
  display: none;
}

#review-reviews,
#review-amazon,
#review-itemdata,
#review-relaccount {
  margin-bottom: 30px;
}

#review-reviews .defcolor,
#review-reviews .defcolor-mono {
  font-size: 12px;
}
#review-reviews .defcolor {
  color: #c19e23;
  font-weight: bold;
  text-shadow: -1px 1px 1px #fff;
}
#review-reviews .defcolor-mono {
  color: #999;
}

#review-reviews .ic-agree {
  margin-bottom: -3px;
}
.review-itemdata-table {
  width: 640px;
}
.review-itemdata-table-tr {
  border-bottom: 1px dotted #ccc;
}
.review-itemdata-table-th {
  width: 100px;
  padding: 10px 20px 10px 10px;
}
.review-itemdata-table-td {
  padding: 10px 0;
}
#review-relitem {
  padding-bottom: 20px;
}
#review-message .comment-submit {
}
#review-message .comment-checkbox {
  margin-bottom: 30px;
}
#review-message .review-comment-select {
  margin-right: 20px;
  margin-top: -2px;
}
#reviewcdlength {
  position: absolute;
  bottom: 16px; right: 110px;
  color: #999;
  font-size: 12px;
  font-weight: bold;
}

/* ----- kisekaeicon --------------------------------- */
.iconlist .section-footer {
  padding-top: 10px;
}
.bignum {
  color: #f30;
  font-size: 11px;
  font-weight: bold;
  background: #fdd;
}
.smallnum {
  color: #f60;
}
.section.iconlist {
  padding-bottom: 20px;
}
.iconlist .section-body {
  padding: 10px 0;
}
.kisekae-top {
  padding: 24px 20px 24px 335px;
  border-radius: 10px;
  background-color: #fdf8e3;
  background-position: 40px center;
  background-repeat: no-repeat;
  background-image: url('/img/dante/illust_kisekae.png?20130424');
}
.kisekae-top .subtitle {
  margin: 0 0 15px 0;
}

.kisekae-table {
  width: 640px;
  margin-top: 20px;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
}
.kisekae-table th.lined {
  width: 110px;
}
.kisekae-table .list-l {
  padding: 12px 0;
  font-size: 12px;
}
.kisekae-buttons {
  clear: left;
  margin: 20px 0 5px 0;
  padding: 20px 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #eeeeee;
}
.kisekae-help {
  text-align: right;
}
.column.kisekae-parts {
  border: 7px solid #eee;
}
.column.kisekae-parts.tile {
  margin-right: 18px;
  margin-bottom: 18px;
}
.column.kisekae-parts.tile.last {
  margin-right: 0;
}
.section-icon-preview {
  padding: 25px;
}
.section-icon-preview .subhead {
  padding: 5px 25px;
  font-weight: bold;
  color: #fff;
  background: #f80;
}
.icon-preview {
  position: relative;
  margin: 20px auto;
  border: 5px solid #ccc;
}
.icon-preview-item {
  position: absolute;
  top: 0; left: 0;
}
.icon-preview-text,
.icon-preview-text-nologin {
  margin: 0 40px 30px 40px;
  text-align: left;
}
.icon-preview-text-nologin {
  margin: 20px 40px 10px 40px;
  font-weight: bold;
}
.icon-complete-tweet {
  margin: 20px auto;
  text-align: center;
}
.completearea {
  width: 450px;
  text-align: center;
  padding: 10px 0 10px 30px;
  margin: auto;
}
.completetext {
  margin-top: 27px;
}

/* --- import from style_caesar.css --------------- */
#revert_icon {
  margin: 20px 200px; padding: 30px;
  text-align: center;
  border: 5px solid #ccc;
  background: #fff;
}
#revert_icon .icon.l {
  margin: 0 20px;
}
#complete_icon {
  margin: 20px 30px 10px 30px; padding: 14px;
  font-size: 14px;
  border: 1px solid #ccc;
  background: #fff;
}
#complete_form {
  margin: 0 30px 20px 30px;
}
/* --- // import from style_caesar.css ------------ */

/* ----- questionnaire ------------------------------- */
.questionnairelist .section.success {
  margin: 24px 24px 0 24px;
}
.questionnairelist .section-body {
  border-bottom: 1px dotted #ccc;
}
.questionnairelist .section-body .inline {
  margin: 0 20px;
  font-weight: bold;
}
.option0 { color: #114576; }
.option1 { color: #708fad; }
.option2, .option3, .option4, .option5, .option6 { color: #777; }
.q-chart {
  margin: 0 0 20px 0;
}
.questionnairelist .absright {
  bottom: 20px; right: 15px;
}

/* あとで整理 */
#sortnav.tabwrapper {
  position: relative;
  padding: 0;
}
#sortnav .tab.s {
  padding: 10px 0;
  border-right: 1px solid #fff;
  text-shadow: none;
  background: #eee;
}
#sortnav .tab.s:hover,
#sortnav .tab.s.on {
  color: #fff;
  background: #4dbce9;
}
#reviewpage #sortnav .tab.s:hover,
#reviewpage #sortnav .tab.s.on {
  color: #fff;
  background: #fd8832;
}
#accountpage #sortnav .li-tab { width: 25%; letter-spacing: -1px; }
#topicspage #sortnav .li-tab { width: 50% }
#reviewpage #sortnav .li-tab { width: 33% }

#subsortnav {
  padding: 15px 0;
  text-align: center;
}
.subsort {
  padding: 0 12px;
  border: 1px solid #fff;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  font-weight: bold;
  background: #eee;
}
.subsort:hover {
  background: #bef;
}
.subsort.on,
.subsort.on:hover {
  color: #248fc2;
  text-decoration: none;
  background: #bef;
}
.sorttitle {
  background: #bef;
}

/* ------ guide ----------------------------------- */
.section.guide-community {
  border-color: #f39c5b;
}
.guide-community .altimg {
  height: 100px;
  background: url(/img/dante/guide_community.png) 0 0;
}
/* --- import from style_caesar.css --------------- */
#dialog dl, #exp dl, #exp section ul { margin: 0; }
#dialog dt { padding: 15px 90px 5px; min-height: 60px; }
#dialog dd { padding: 5px 90px 25px; min-height: 50px; }
#exp dt, #exp dd, #exp section h3 { padding: 0 15px 15px 15px; }
#dialog dt { color: #3675a5; }
#dialog dd, #exp dd { margin-bottom: 5px; border-bottom: 1px dashed #ccc; }
#dialog dt.piyomama001 { background: url('/img/guide/piyomama001.png?20130424') 0 0 no-repeat; }
#dialog dt.piyomama002 { background: url('/img/guide/piyomama002.png?20130424') 0 0 no-repeat; }
#dialog dt.piyomama003 { background: url('/img/guide/piyomama003.png?20130424') 0 0 no-repeat; }
#dialog dt.piyomama004 { background: url('/img/guide/piyomama004.png?20130424') 0 0 no-repeat; }
#dialog dt.piyomama005 { background: url('/img/guide/piyomama005.png?20130424') 0 0 no-repeat; }
#dialog dt.piyomama006 { background: url('/img/guide/piyomama006.png?20130424') 0 0 no-repeat; }
#dialog dd.mrtweet001 { background: url('/img/guide/mrtweet001.png?20130424') right 0 no-repeat; }
#dialog dd.mrtweet002 { background: url('/img/guide/mrtweet002.png?20130424') right 0 no-repeat; }
#dialog dd.mrtweet003 { background: url('/img/guide/mrtweet003.png?20130424') right 0 no-repeat; }
#dialog dd.mrtweet004 { background: url('/img/guide/mrtweet004.png?20130424') right 0 no-repeat; }
#dialog dd.mrtweet005 { background: url('/img/guide/mrtweet005.png?20130424') right 0 no-repeat; }
#dialog dd.mrtweet006 { background: url('/img/guide/mrtweet006.png?20130424') right 0 no-repeat; }
#exp dt, #exp section h3 { padding-top: 20px; color: #693; font-size: 16px; font-weight: bold; }
h4.guidesub { margin: 10px 20px; padding-left: 3px; border-left: 7px solid #693;  }
ol.decimal li {
  margin: 5px 30px;
  list-style-type: decimal;
}
#exp section ul li {
  margin: 5px 30px;
  color: #ccc;
  list-style-type: disc;
}
div#misspell {
  margin: 20px 35px;
  padding-bottom: 30px;
}
div#misspell p {
  margin: 15px 0;
}
div#misspell p.linktotop {
  margin: 30px 0;
  padding: 10px;
  font-weight: bold;
  text-align: center;
  border: 1px solid #4179a3;
  background: #eee;
}
#misspellList {
  margin-top: 20px;
}
#misspellList strong {
  padding-left: 8px;
  border-left: 7px solid #4179a3;
}
#misspellList li,
#misspellList li a {
  float: left;
  margin: 0 !important; padding: 0;
  list-style-type: none !important;
}
#misspellList li {
  padding-top: 3px;
  padding-right: 20px;
}
#aboutus h2 {
  margin-bottom: 20px;
}
#aboutus h3 {
  padding: 5px 10px;
  background: #bed1e0;
}
#aboutus h3,
#aboutus div,
#aboutus p {
  margin: 0 20px;
}
#aboutus div {
  margin-bottom: 20px;
  padding: 10px 20px;
  background: #f2f2f2;
}
#aboutus dt,
#aboutus dd {
  padding: 10px 0;
  border-top: 1px dashed #ccc;
}
#aboutus dt.first,
#aboutus dd.first {
  border-top: none;
}
#aboutus dt {
  float: left;
  width: 8em;
  color: #666;
  font-weight: bold;
}
#aboutus dd {
  margin-left: 8em;
}
#aboutus li {
  margin-left: 20px;
  list-style-type: disc;
}
#dialog footer nav a,
#exp footer nav a {
  display: inline-block;
  width: 300px;
  font-size: 12px; font-weight: bold;
  vertical-align: middle;
  line-height: 1.2;
}
#dialog footer nav a.next,
#exp footer nav a.next {
  margin: 0; padding-right: 12px;
  text-align: right !important;
  background: url('/img/dante/arrow_more.png?20130424') right center no-repeat;
}
#dialog footer nav a.next.start,
#exp footer nav a.next.start {
  margin: 0 0 0 315px;
}
#dialog footer nav a.prev,
#exp footer nav a.prev {
  margin: 0; padding-left: 12px;
  background: url('/img/dante/arrow_back.png?20130424') left center no-repeat;
}
/* --- // import from style_caesar.css ------------ */
#guidepage .exp_nav {
  margin-bottom: 20px;
  color: #ccc;
  text-align: center;
}
#guidepage .subhead.xlarge {
  margin-bottom: 0; 
}
#guidepage .pagetop {
  margin: 0 10px 0 500px;
  padding-right: 12px;
  font-size: 12px;
  text-align: right;
  background: url(/img/sprite.png?20130909) right -300px no-repeat;
}
#dialog, #exp {
  margin-right: 10px;
}

.section-guide h3 {
  margin-bottom: 10px;
  color: #248fc2;
  font-size: 16px;
  font-weight: bold;
}
#exp ul {
  list-style-type: disc;
  margin: 10px 30px 30px 30px;
}
#exp #social-buttons-l ul {
  list-style-type: none;
  margin: 0;
}
#exp .guiderelated ul {
  margin: 10px 0;
}
#exp li {
  margin-bottom: 5px;
}
.section-body.section-guide {
  min-height: 100px;
  padding: 24px 0;
  font-size: 15px;
  line-height: 1.8;
}
.guiderelated li {
  margin: 0 9px;
  padding: 2px 0;
}
.guide-top-title {
  float: left;
  width: 200px;
}
.guide-top-main .section-body {
  margin-left: 230px;
  padding: 0;
}
.section.section-guide-step0,
.section.section-guide-step1,
.section.section-guide-step2,
.section.section-guide-step3,
.section.section-guide-step4,
.section.section-guide-twinavi {
  margin: 0;
  padding: 20px 0;
  border-bottom: 1px solid #bec8d2;
}
.section.section-guide-twinavi {
  border-bottom: none;
}
.section.section-guide-step0 {
  margin-bottom: 20px;
  padding: 20px 20px 7px 140px;
  border-radius: 10px;
  color: #fff;
  background: #1daced url('/img/dante/illust_guide.png?20130424') -60px 12px no-repeat;
}
.section.section-guide-step0 a {
  color: #fff;
}
.guide-top-main .section.section-guide-step0  .section-body {
  margin-left: 200px;
}
.guide-community {
  margin-top: 25px;
  border-bottom: 1px solid #ccc;
}
.guide-top-lead {
  margin-top: 5px;
}
.guide-top-list li {
  list-style-type: disc;
  margin: 0 0 10px 20px;
  color: #ccc;
  font-size: 14px;
}
  .section.section-guide-step4 .guide-top-list li {
    list-style-type: none;
    display: inline;
    margin: 0 0 10px 0;
    padding: 0 9px 0 4px;
    border-right: 1px solid #ccc;
  }
  .section.section-guide-step4 .guide-top-list li:last-child {
    border: none;
  }
.guide-top-ranking {
  margin-top: 15px;
  padding: 10px;
  background: #f7f7f7;
}
.guide-top-ranking .subtitle {
  margin: 7px 10px;
}

#guidepage #dialog a,
#guidepage #exp a {
  font-weight: bold;
}

/* --------------- matome -------------- */
.matome-catbox {
  float: left;
  width: 303px;
  min-height: 380px;
  margin: 0 30px 30px 0;
  border: 1px solid #ddd;
}
.matome-catbox.last {
  margin: 0 0 30px 0;
}
.matome-indexbox .large,
.matome-catbox .large {
  font-weight: normal;
  text-decoration: none;
}
.matome-indexbox {
  margin-top: 30px;
}
.matome-indexbox .large {
  color: #333;
  padding: 25px 15px;
}
.matome-catbox .large {
  color: #fff;
  padding: 5px 10px;
  background: #333 url('/img/s/arrow_right_w.png?20130424') right center no-repeat;
  background-size: 20px 15px;
}
.matome-catbox .lined.list-l {
  margin: 0;
  padding: 10px;
}
.matome-more {
  margin: 10px;
  text-align: right;
}
.matome-header {
  position: relative;
  min-height: 60px;
  margin: 0 0 25px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #eee;
}
.matome-header h1.xlarge {
  margin: 5px 0;
}
.matome-detail-image {
  float: right;
  margin-left: 20px;
  margin-top: 20px;
  height: 73px;
}
.matomelist {
  margin: 0 0 10px 0;
}
.matomelist .article-title {
  font-weight: normal;
}
.matomelist .hasimage {
  margin-left: 120px;
  font-weight: normal;
}
.matomelist-m {
  float: left;
  width: 48%;
  margin: 10px 2% 20px 0;
}
  .matomelist-m.even {
    margin: 10px 0 20px 2%;
  }
.matomelist-m .article-list-image {
  width: 100%;
  height: 150px;
  margin-bottom: 10px;
  background: #f7f7f7;
}
.matomelist-m .article-img {
  width: auto; height: 150px;
}
.matomelist-m .article-thumbnail {
  margin-top: 32px;
}
.matomelist-m .figure-caption {
  display: none;
}
.section.matomelist-l {
  margin-bottom: 30px;
}
.matomelist-l-data {
  float: right;
  width: 330px;
}
.matomelist-l .article-list-image {
  float: none;
  width: 290px;
  height: 170px;
  margin-right: 20px;
  background: #f7f7f7;
}
.matomelist-l .article-img {
  width: auto; height: 170px;
}
.matomelist-l .article-thumbnail {
  margin-top: 40px;
}
.matomelist-l .figure-caption {
  display: none;
}

/*
.matome-account {
  min-height: 45px;
  margin-top: 15px;
}
*/
.matome-account2 {
  float: left;
  margin: 10px 23px 5px 0;
}
.matome-account2.last {
  margin-right: 0;
}
.matome-account2 .small {
  margin-top: 5px;
}
.matome-account-boxlink {
  overflow: hidden;
  width: 98px; height: 90px;
  padding: 15px 4px;
  line-height: 1.1;
  border: 1px solid #fff;
  border-radius: 3px;
  box-shadow: 0 1px 3px #ddd;
}
.matome-account-boxlink:hover {
  border-color: #eee;
  box-shadow: none;
}
.account-image-wrapper {
  overflow: hidden;
  width: 73px; height: 73px;
  margin: 0 auto;
}
.account-image-wrapper .icon.l {
  height: auto;
}
.matome-review .article-thumbnail {
  border-radius: 5px;
}

.matome-indexnav.section-body {
  padding: 10px 5px;
}
.matome-indexnav .column {
  width: 200px;
  padding: 5px;
}
.matome-catnav {
  padding: 16px;
  background: #f7f7f7;
}
.matome-catnav .column {
  width: 148px;
  margin-top: 5px;
  padding-left: 5px;
}
.matome-indexnav a,
.matome-catnav a {
  padding-left: 10px;
  background: url('/img/s/arrow_right.png?20130424') left center no-repeat;
  background-size: 10px 7px;
}
#matome-search {
  position: absolute;
  top: 80px; left: 0;
}
#matome-search .formtext {
  width: 180px;
  margin-right: 5px;
  padding: 7px 4px;
}
#matome-sidecatnav {
  margin-bottom: 20px;
}

/* Twitter Search */
.twitter-search-title.xlarge {
  padding-bottom: 20px;
}
#twitterpage .section.success,
#twitterpage .section.caution {
  margin-bottom: 10px;
}
#twitterpage #social-buttons-s {
  margin-bottom: 10px;
}
.twitter-search-query {
  margin-bottom: 10px;
  padding: 7px 7px 15px 7px;
  border-right: 3px solid #fafafa;
  background: #fafafa;
}
  .twitter-search-query.on {
    border-color: #7bb5da;
    background: #e6f2fa;
  }
  .twitter-search-query.saved,
  .twitter-search-query.pickedup {
    border-color: #f0f6de;
    background: #f0f6de;
  }
  .twitter-search-query.pickedup {
    margin-bottom: 0;
    padding-bottom: 0;
  }
.twitter-search-query.saved a,
.twitter-search-query.pickedup a {
  font-weight: bold;
}
.twitter-search-opt {
  line-height: 2em;
}
.twitter-search-separator {
  width: 100%;
  height: 10px;
  margin: 10px 0;
  background: url(/img/dante/twitter-search-separator.png) center center no-repeat;
}
.twitter-search-query .formtext {
  display: block !important;
  width: 95%;
  padding: 5px 2%;
  margin: 10px 0;
  color: #999;
  font-size: 16px;
}
  .twitter-search-query.on .formtext {
    color: #333;
  }
.twitter-search-query .btn,
.twitter-search-query .btn:hover {
  width: 100%;
  color: #fff;
  box-shadow: none;
  border: none;
  background: #ccc;
}
  .twitter-search-query .btn:hover {
    background: #999;
  }
  .twitter-search-query.on .btn {
    background: #7bb5da;
  }
  .twitter-search-query.on .btn:hover {
    background: #5c93ba;
  }
.twitter-search-query span.block {
  margin-top: 5px;
}
.twitter-search-results {
  position: relative;
  border-top: 1px solid #ddd;
}
.section.twitter-search-result {
  margin: 0;
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}
.twitter-search-result .column.icon-m {
  margin-top: 2px;
}
.twitter-search-result .giftext.icon-m {
  margin-left: 60px;
}
.twitter-search-result-name {
  color: #333;
}
.twitter-search-result a:hover {
  text-decoration: none;
}
.twitter-search-result-name:hover,
.twitter-search-result-text a:hover,
a.twitter-search-result-time:hover,
a.twitter-search-result-rt:hover {
  text-decoration: underline;
}
.twitter-search-imagebox {
  margin: 10px auto;
  padding: 15px;
  border: 1px solid #eee;
  box-shadow: 0 0 3px #eee;
  background: #fff;
}
  #matome-tweet .twitter-search-imagebox {
    display: none;
  }
.twitter-search-result-text {
  margin-top: 2px;
}
.twitter-search-image {
  max-width: 300px;
  max-height: 300px;
}
  #matome-tweet .twitter-search-image {
    max-width: 80%;
  }
.custom-search-toggle {
  cursor: pointer;
  margin: 10px 0;
}
  .custom-search-toggle:hover {
    text-decoration: underline;
  }
.custom-search-config,
#twitter-search-topics {
  margin-bottom: 15px;
}
.custom-search-config .medium.block.bold {
  color: #999;
}
  .on .custom-search-config .medium.block.bold {
    color: #5c93ba;
  }
#twitter-search-topics {
  padding: 9px;
  border: 1px solid #ddd;
  background: #fff;
}
#twitter-search-topics .section-footer {
  padding-top: 10px;
  border-top: 1px solid #eee;
}
.ts-topics-picture {
  padding: 15px 0;
  border-top: 1px solid #eee;
}
.ts-topics-picture a.block {
  overflow: hidden;
  width: 140px;
  height: 80px;
  margin-bottom: 5px;
}
.ts-topics-picture a.block .article-thumbnail {
  width: 140px;
  height: auto;
}
.ts-paginator .btn.normal {
  display: block;
  margin-top: 20px;
  text-align: center;
}

#trend-searches {
  margin: 20px 0 25px;
  padding: 0 5px;
}
.trend-searches-head {
  color: #5b91b6;
}
.trend-searches-head h2,
.trend-searches-head span {
  float: left;
  display:  block;
}
.trend-searches-head span {
  width: 15px;
  margin: -2px 0 0 5px;
  color: #d7e4ed;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
}
#trend-searches li {
  float: left;
  margin-left: 10px;
}


.ti-save-opt,
.ti-save-tweets,
.ti-saved-tweets,
/*.ti-search-query,*/
#trend-searches li,
.twitter-search-query.pickedup li.lined,
.btn-save-opt,
.btn-save-tweets {
  padding-left: 16px;
  background-image: url(/img/twitter/icons.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  -moz-background-size: 14px 120px;
  -webkit-background-size: 14px 120px;
  background-size: 14px 120px;
}
.ti-save-opt,
.ti-save-tweets,
.ti-search-query {
  display: block;
}
#trend-searches li,
.ti-search-query {
  background-position: 0 -28px;
}
.twitter-search-query.pickedup li.lined {
  background-position: 0 -24px;
}
.ti-save-opt,
.btn-save-opt {
  background-position: 0 -60px;
}
.ti-save-tweets,
.btn-save-tweets,
.ti-saved-tweets {
  background-position: 0 -90px;
}
.btn-save-opt,
.btn-save-tweets {
  cursor: pointer;
  display: inline-block;
  margin: 10px 0 0 10px;
}
.btn-save-opt:hover,
.btn-save-tweets:hover {
  text-decoration: underline;
}
.ti-saved-tweets {
  color: #888;
  font-size: 12px;
  font-weight: normal;
}
.twitter-save-buttons {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.save-opt,
.save-tweets {
  position: absolute;
  right: 0px; top: 0;
  z-index: 999;
  width: 428px;
  padding: 10px 0 10px 40px;
  color: #333;
  border: 1px solid #eee;
  border-top: none;
  background: #f7f7f7;
}
.save-opt .formtext,
.save-tweets .formtext,
.save-opt input.btn.small.app,
.save-tweets input.btn.small.app {
  display: block;
  height: 14px;
  margin: 0;
  padding: 5px 10px;
  font-size: 14px;
}
.save-opt .formtext,
.save-tweets .formtext {
  float: left;
  width: 200px;
  margin-right: 10px;
}
.save-opt input.btn.small.app,
.save-tweets input.btn.small.app {
  height: 26px;
  padding: 3px 10px;
  font-size: 12px;
}
.save-opt .ic-close,
.save-tweets .ic-close {
  position: absolute;
  left: 10px; top: 14px;
}
.twitter-search-query.saved .lined {
  position: relative;
  padding-right: 30px;
}
.saved-opt-delete {
  position: absolute;
  top: 4px; right: 0;
}
.saved-opt-note {
  margin-top: 5px;
}
.section.save-opt-login {
  margin-bottom: 10px;
  font-size: 12px;
  background: #f0f6de;
}
#flashMessage .section.success .block {
  display: inline-block;
  margin-left: 10px;
  padding: 2px 5px;
  border-radius: 3px;
  border: 1px solid #eee;
  background: #fff;
}

#matome-tweet {
  margin-bottom: 20px;
}
#matome-tweet .section {
  padding: 10px 0 5px;
  border: none;
}
#matome-tweet .icon.m {
  width: 32px; height: 32px;
}
#matome-tweet .column.icon-m img {
  width: 32px;
}
#matome-tweet .giftext.icon-m {
  margin-left: 45px;
}
#matome-tweet .twitter-search-result-text.medium {
  font-size: 12px;
}
#matome-tweet .ts-paginator {
  display: none;
}
#matome-tweet .more {
  margin-top: 0;
}

/* --------------------------------------------------------
   6.　Styles for JQuery
-------------------------------------------------------- */
#loading {
  margin: 40px 0;
}

.tooltip-box {
  position: absolute;
  z-index: 9999;
  padding: 5px 10px;
  -moz-box-shadow: 1px 1px 2px #666;
  -webkit-box-shadow: 1px 1px 2px #666;
  -o-box-shadow: 1px 1px 2px #666;
  -ms-box-shadow: 1px 1px 2px #666;
  box-shadow: 1px 1px 2px #666;
  color: #fff;
  font-size: 11px;
  background: rgba(0,0,0,0.8);
}
.tooltip-fukidashi {
  position: absolute;
  bottom: -10px; left: 20px;
  z-index: 9999;
  width: 10px; height: 10px;
  background-position: -400px -40px;
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(/img/jq_colorbox/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/img/jq_colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/img/jq_colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/img/jq_colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/img/jq_colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/img/jq_colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/img/jq_colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/img/jq_colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/img/jq_colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5em;}
        #cboxTitle{position:absolute; bottom:4px; left:5px; text-align:left; width:85%; padding-right: 15%; color:#333;}
        #cboxCurrent{display:block;width:50px;position:absolute; bottom:4px; right:25px; text-align:center; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; right:75px; background:url(/img/jq_colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; right:0; background:url(/img/jq_colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/img/jq_colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/img/jq_colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:0; right:0; background:url(/img/jq_colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(/img/jq_colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(/img/jq_colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(/img/jq_colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(/img/jq_colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(/img/jq_colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(/img/jq_colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(/img/jq_colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(/img/jq_colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

/* --------------------------------------------------------
   7.　Styles for each browser
-------------------------------------------------------- */
/* Opera 10 以上 */
  @media not screen and (1) { 
    .section-comment-preview .btn-delete-actual {
      font-size: 14px;
      margin-top: 2px;
    }
  }
/* Target Firefox 2 */
 .section-comment-preview .btn-delete-actual, x:-moz-any-link {
   margin-top: 2px;
 }
/* Then overwrite for Firefox 3 specifically */
 .section-comment-preview .btn-delete-actual, x:-moz-any-link, x:default {
   margin-top: 2px;
 }

/* --------------------------------------------------------
   8.　Temporary
-------------------------------------------------------- */
/* 選挙記事 */
.socialicons {
  overflow: hidden;
  display: inline-block;
  width: 28px; height: 28px;
  text-indent: 999px;
  vertical-align: middle;
  line-height: 99;
  background: url(/img/dante/social_colored.png) 0 0 no-repeat;
  background-size: 56px 196px;
}
.socialicons-twitter,
.socialicons-facebook,
.socialicons-youtube,
.socialicons-ust,
.socialicons-niconico {
  margin-left: 5px;
}
span.socialicons-twitter.on,
a.socialicons-twitter {
  background-position: 0 0;
}
a.socialicons-facebook {
  background-position: 0 -28px;
}
a.socialicons-website {
  background-position: 0 -56px;
}
a.socialicons-youtube {
  background-position: 0 -84px;
}
span.socialicons-line {
  background-position: 0 -112px;
}
a.socialicons-ust {
  background-position: 0 -140px;
}
a.socialicons-niconico {
  background-position: 0 -168px;
}
span.socialicons-twitter {
  background-position: -28px 0;
}
span.socialicons-facebook {
  background-position: -28px -28px;
}
span.socialicons-website {
  background-position: -28px -56px;
}
span.socialicons-youtube {
  background-position: -28px -84px;
}
span.socialicons-ust {
  background-position: -28px -140px;
}
span.socialicons-niconico {
  background-position: -28px -168px;
}

/* 大きいソーシャルボタン */
#social-buttons-l {
  padding: 15px 0 10px 0;
  margin-bottom:28px;
}
#social-buttons-l a.centered {
  color: #333;
  font-weight: normal !important;
}
#social-buttons-l a.centered:hover {
  color: #000;
}
.social-button-text {
  font-size: 11px;
}
.social-button-l {
  overflow: hidden;
  display: block;
  width: 45px; height: 45px;
  margin: 3px auto;
  text-indent: 999px;
  vertical-align: middle;
  line-height: 99;
}
.social-button-l.social-button-l-twitter {
  background-position: -90px -280px;
}
.social-button-l.social-button-l-facebook {
  background-position: -45px -280px;
}
.social-button-l.social-button-l-hatebu {
  background-position: 0 -280px;
}

/* 小さいソーシャルボタン */
#social-buttons-s {
  text-align: right;
  margin-bottom: 20px;
}
  #topicspage .section-title.large,
  #reviewpage .section-title.large,
  #interviewpage .section-title.large,
  .article-source {
    float: left;
  }

#social-buttons-s .column {
  margin-left: 15px;
  float: none;
}
#social-buttons-s .column,
#social-buttons-s .block {
  display: inline;
}
#social-buttons-s .social-button-text {
  font-size: 10px;
}
.social-button-s {
  overflow: hidden;
  display: inline-block;
  width: 15px; height: 15px;
  margin-right: 3px;
  text-indent: 999px;
  vertical-align: middle;
  line-height: 99;
  background-size: 200px 108px;
}
.social-button-s.social-button-s-twitter {
  background-position: -30px -93px;
}
.social-button-s.social-button-s-facebook {
  background-position: -15px -93px;
}
.social-button-s.social-button-s-hatebu {
  background-position: 0 -93px;
}
.social-button-s.social-button-s-feed {
  background-position: -470px -20px;
  background-size: auto;
}

/* ----- 2014.02/26 temporary ----- */
/* article */

div.article-description-text h3 {
    padding-top: 0.5em !important;
}

div.article-description-text img {
    margin-bottom: 0 !important;
}

/*
div.article-description-text p {
    padding-top: 0.5em !important;
	padding-bottom: 0.5em !important;
}
*/

div.article-description-text p.figure-caption {
    padding-bottom: 0.8em !important;
    padding-top: 0 !important;
}

div.section-body.section-guide {
    padding-top: 0 !important;
    min-height: 200px !important;
}

#social-buttons-s ul {
    margin-top: 10px !important;
}


div.article-source.mute.xsmall {
    margin-top: 2px !important;
}

/* ----- // 2014.02/26 temporary ----- */

/* ----- 2014.05/19 temporary ----- */
.column.sub {
    min-height: 250px;
    width: 300px;
}

.column.sub .section-ad:first-child {
    min-height: 250px;
    background-color:#fcfcfc;
}

body#accountpage #localnav .tab12 {
    font-size:12px;
    width:auto;
    min-width:72px;
    padding:9px 6px;
}

/* ----- // 2014.05/19 temporary ----- */

/* ----- 2014.10/17 temporary ----- */

#matome-tweet .twitter-search-result img {
    border-radius: 2px;
}

.section-guide .guide-item + #social-buttons-l {
    margin-top: 32px;
}

.section-guide .guide-item {
    padding-top: 8px;
}

#interviewpage .column.sub .section-ad {
    width: 300px;
    margin-right: auto;
    margin-left: auto;
}

.twitter-search-results .section-ad {
margin:22px auto;
}
/* ----- // 2014.10/17 temporary ----- */

/* 2014.10.21 temporary --> */

.article-description iframe.twitter-tweet-rendered,
.article-description img.fig-tweet {
    margin: 2em auto 2.5em auto !important;
}

.article-description iframe.twitter-tweet-rendered + br {
    display: none;
}

.article-description img.fig-tweet {
border-radius:7px;
border:solid 1px #ececec;
max-width:500px;
}

/* 2014.10.21 temporary <-- */

/* 2014.11.20 temporary --> */
blockquote.twitter-tweet img:first-child {
    width: auto;
    max-width: 100%;
    margin: 0 auto 0 auto;
}
/* 2014.11.20 temporary <-- */

/* 2015.03.13 temporary --> */
img.twitter-emoji {
    display: inline;
    width:1em;
    height:auto;
    vertical-align: baseline;
}
/* 2015.03.13 temporary <-- */

/* 2015.04.09 medium-expansion --> */

/* common */
.article-inline-video {
text-align="center";
}

.article-inline-video video {
max-width:100%;
margin:0 auto;
}

/* instagram */
.instagram-media {
    background: #FFF;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);
    margin: 1px;
    max-width: 100%;
    padding: 0;
    width: 638px;
}

blockquote.instagram-media {
    border-radius: 3px;
    margin: 1px;
    max-width: 100%;
    padding: 0;
    width: 636px;
}

.instagram-media .instagram-header {
    dispaly: block;
    height: 32px;
    overflow: hidden;
    padding: 8px;
}

.instagram-media .instagram-header a,
.instagram-media .instagram-header a:visited {
    color: #3f729b;
    text-decoration: none;
}

.instagram-media .instagram-author-icon {
    background-color: #eee;
    border-radius: 16px;
    display: inline-block;
    height: 32px;
    margin: 0;
    width: 32px;
}

.instagram-media .instagram-author-name {
    display: inline-block;
    font-family: 'proxima-nova','Helvetica Neue',Arial,Helvetica,sans-serif;
    font-size: 13px;
    height: 32px;
    line-height: 32px;
    margin-left: 4px;
    overflow: hidden;
    vertical-align: middle;
}

.instagram-media .instagram-pic-wrapper,
.instagram-media .instagram-video-wrapper {
	margin:0 8px;
}

.instagram-media img.instagram-pic {
    height: 622px;
    margin: 0px;
    max-width: 100%;
    width: 622px;
}

.instagram-media video {
	margin:0;
}

.instagram-media .instagram-caption {
    font-family: Arial,sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin: 7px 12px;
    padding: 0;
}

.instagram-media .instagram-caption a {
    color: #000;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    word-wrap: break-word;
}

.instagram-media .instagram-footer {
    background-color: #f5f6f6;
    border-radius: 4px;
    color: #c9c8cd;
    font-family: Arial,sans-serif;
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    overflow: hidden;
    padding: 11px 8px;
    text-align: center;
}

/* mixch */
.mixch-post {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 1px #aaa;
    display: block;
    margin: 0 auto;
    padding: 0 !important;
    width: 480px;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Helvetica Neue", Arial, sans-serif !important;
}

.mixch-post iframe {
width:480px !important;
height:480px !important;
}

.mixch-post .mixch-post-data {
    padding: 10px;
    position: relative;
}

.mixch-post .mixch-post-pic {
    float: left;
    margin: 0 20px 10px 0;
}

.mixch-post .mixch-post-pic-icon {
    border-radius: 24px;
    margin: 0;
    width: 48px;
}

.mixch-post .mixch-post-name {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    padding: 0;
    width: 312px;
}

.mixch-post .mixch-post-name a {
    color: #ef9500;
}

.mixch-post .mixch-post-date {
    font-size: 12px;
    line-height: 1;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 0;
}

.mixch-post .mixch-post-date a {
    color: #333;
    font-weight: normal;
}

.mixch-post .mixch-post-title {
    display: inline-block;
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 10px 0;
    width: 392px;
}

/* vine */

blockquote.vine-post {
    background-color: #fff;
    border-color: #ebebeb;
    border-style: solid;
    border-width: 1px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding: 0;
    width: 598px;
}

.vine-post-header {
    margin: 13px 0 15px 15px;
    position: relative;
}

.vine-post-header a:hover {
    color: #00bf8f;
}

.vine-post-avatar {
    float: left;
}

.vine-post-avatar a {
    display: inline-block;
    height: 38px;
    margin-right: 8.5px;
    width: 38px;
}

.vine-post-avatar img {
    border-radius: 50%;
    margin: 0;
    width: 38px;
}

.vine-post-username {
    font-size: 16px;
    line-height: 18px;
    padding-top: 3px;
}

.vine-post-username a {
    color: #464646;
    font-weight: 500;
}

.vine-post-metadata {
    font-size: 12px;
    letter-spacing: .065em;
    line-height: 18px;
    padding-top: 1px;
}

.vine-post-metadata a {
    color: #b2b2b2;
    font-weight: 300;
}

.vine-post-logo {
    display: block;
    position: absolute;
    top: 9px;
    right: 14px;
    width: 63px;
    height: 25px;
/*
    background-image: url('//twinavi.jp/articles/wp-content/uploads/2015/04/topics-embed-vine-logo.png');
*/
    background-image: url('/img/topics/content/vine-logo.png');
    background-repeat: none;
    background-size: cover;
}

.vine-post iframe {
    height: 598px;
    width: 598px;
}

.vine-post-description {
    color: #464646;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: .015em;
    line-height: 28px;
    margin: 10px 15px 8px;
    min-height: 70px;
}

/* 2015.04.09 medium-expansion <-- */

/* 2016.03.15 --> */
.column_main h2, .section-body h2 {
    font-size: 108%;
    font-weight: bold;
    margin: 0.5em 0 0.5em 0;
}

.column_main h3, .section-body h3 {
    font-size: 104%;
    font-weight: bold;
    margin: 0.5em 0 0.5em 0;
}

.column_main p, .section-body p {
    margin-bottom: 1.25em;
}

blockquote.twitter-tweet video {
  width:100%;
}

/* 2016.03.15 <-- */

/* 2016.03.17 --> */
blockquote img,
.article-description-text blockquote img {
    margin: 0;
    max-width: 100%;
}
/* 2016.03.17 <-- */

/* 2016.04.10 --> */

blockquote.twitter-tweet img.Emoji {
display:inline !important;
max-width:1em !important;
}

/* 2016.04.10 <-- */

/* 2016.06.30 --> */
.article-description .twitter-video {
  max-width:100%;
  margin:0 auto;
  border-radius:5px;

  /* 2016.11.24 uptate start
  background-size:cover;
  */
  background-size:contain;
  /* 2016.11.24 uptate end */
}

.article-description .fig-tweet-fw {
  width:auto;
  max-width:100%;

  /* add */
  border-radius:5px;
  margin:2em auto;
  border:solid 1px #ececec;
}

/* 2016.06.30 <-- */

/* 2016.08.16 --> */
div.article-description-text img.fig-tweet-fw,
div.article-description-text img.fig-tweet {
margin-bottom:2.5em !important;
}
/* 2016.08.16 <-- */