@charset "UTF-8";
/** setting
****************************************/
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.4;
  vertical-align: baseline;
  color: #333333;
  font-family: sans-serif;
  letter-spacing: 0;
}

/** body **/
body {
  height: 100%;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 18px;
  margin-top: 0px;
  -webkit-text-size-adjust: none;
  background: white url(../img/bg.png) repeat-x 0 186px;
}

/**clear**/
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

.clear {
  clear: both;
}

/** Header
****************************************/
#g-header {
  min-width: 1120px;
  height: 180px;
  background-color: #00549f;
  border-bottom: 6px solid #00407a;
}
#g-header .illust-wrapper {
  width: 1120px;
  height: 180px;
  background: url(../img/header_bg.png) no-repeat 0;
  margin: 0 auto;
}
#g-header .wrapper {
  width: 1060px;
  height: 180px;
  margin: 0 auto;
  padding: 8px 0;
  position: relative;
}
#g-header .site-ttl{
  width: 636px;
  height: 122px;
  position: absolute;
  top: 0;
  left: 0;
}
#g-header .site-ttl a{
  display: block;
  width: 636px;
  height: 122px;
  text-indent: -9999px;
}
#g-header .search-area {
  width: 400px;
  height: 42px;
  margin: 60px 20px 0 0;
  border: 2px solid #fff;
  border-radius: 3px;
  background-color: #fff;
  float: right;
}
#g-header .search-area .text {
  width: 320px;
  height: 42px;
  float: left;
}
#g-header .search-area input[type="text"] {
  width: 320px;
  height: 42px;
  line-height: 42px;
}
#g-header .search-area .btn {
  width: 80px;
  height: 42px;
  float: right;
}
#g-header .search-area input[type="submit"] {
  width: 80px;
  height: 42px;
  font-size: 108%;
  color: #fff;
  background-color: #00549f;
  border-radius: 3px;
}
#g-header .g-nav {
  padding-top: 8px;
  clear: both;
}
#g-header .g-nav ul {
  width: 1020px;
  height: 48px;
  margin: 0 auto;
  background: rgba(0, 102, 191, 0.75);
  border-radius: 3px;
  overflow: hidden;
}
#g-header .g-nav ul li {
  width: 170px;
  height: 48px;
  float: left;
}
#g-header .g-nav ul li a {
  width: inherit;
  height: inherit;
  line-height: 48px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  display: block;
}
#g-header .g-nav ul li a:hover {
  background-color: #0066bf;
}

/** Contents
****************************************/
.pankuzu {
  width: 1060px;
  height: 44px;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pankuzu li {
  line-height: 44px;
  margin-left: 8px;
  display: inline;
}
.pankuzu li:first-child {
  margin-left: 0;
}
.pankuzu a,
.pankuzu span {
  line-height: 44px;
  margin-right: 12px;
  font-size: 108%;
}
.pankuzu a {
  color: #00549f;
}
.pankuzu a:hover {
  text-decoration: underline;
}

#contents {
  width: 1060px;
  margin: 24px auto 0 auto;
}

/** Blog roll
****************************************/
.blogroll {
  width: 1778px;
  background-image: none;
}
.blogroll .blogroll-top {
  width: 1052px;
  float: left;
  overflow: hidden;
}
.blogroll img{
  display: none;
}
.blogroll .left, .blogroll .right, .blogroll .single {
  width: 522px;
  height: 449px;
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: scroll;
  float: left;
}
.blogroll .left ul, .blogroll .right ul, .blogroll .single ul {
  margin-top: -1px;
  overflow: hidden;
}
.blogroll .left li, .blogroll .right li, .blogroll .single li {
  height: 44px;
  border-top: 1px dotted #aaaaaa;
}
.blogroll .left li a, .blogroll .right li a, .blogroll .single li a {
  height: inherit;
  line-height: 44px;
  padding-left: 32px;
  font-size: 108%;
  font-weight: bold;
  background: url(../img/liststyle.png) no-repeat 8px center;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blogroll .left li a:hover, .blogroll .right li a:hover, .blogroll .single li a:hover {
  color: #0066bf;
  background-color: #f0f9ff;
}
.blogroll .left .blogroll-category-name, .blogroll .right .blogroll-category-name, .blogroll .single .blogroll-category-name {
  display: none;
}
.blogroll .right {
  margin-left: 8px;
}
.blogroll .single {
  width: 726px;
  height: 359px;
  float: none;
}

.blogroll-header {
  width: 1052px;
  height: 450px;
  margin: 0 auto;
  border: 4px solid #dddddd;
  background-color: #fff;
}
.blogroll-header iframe {
  width: 1052px;
  height: 450px;
}

/** Main
****************************************/
#main {
  width: 728px;
  height: auto;
  float: right;
}
#main > .ad {
  margin: 8px 0;
}

.main-section {
  margin: 8px 0;
  border: 1px solid #dddddd;
  border-radius: 3px;
}
.main-section:first-child {
  margin-top: 0;
}

.section-ttl {
  height: 52px;
  line-height: 52px;
  padding: 0 16px;
  color: #0066bf;
  font-size: 170%;
  font-weight: bold;
}

/** Wiki nav
****************************************/
.wiki-nav {
  overflow: hidden;
}
.wiki-nav li {
  width: 236px;
  height: 260px;
  margin-left: 10px;
  float: left;
}
.wiki-nav li:first-child {
  margin-left: 0;
}
.wiki-nav li a {
  width: 220px;
  height: 250px;
  padding: 0 6px 6px 6px;
  display: block;
  border: 2px solid #dddddd;
  border-radius: 3px;
}
.wiki-nav li a:hover {
  border: 2px solid #00549f;
}
.wiki-nav .wiki-nav-ttl {
  height: 42px;
  line-height: 42px;
  color: #0066bf;
  font-size: 139%;
  font-weight: bold;
}
.wiki-nav .wiki-nav-thumb {
  width: 220px;
  height: 160px;
  margin-top: 4px;
  overflow: hidden;
  position: relative;
}

/** Post ranking
****************************************/
.post-ranking {
  padding-bottom: 0;
  overflow: hidden;
}
.post-ranking .ranking-left {
  width: 340px;
  height: 284px;
  margin-left: 16px;
  padding-bottom: 8px;
  float: left;
  overflow: hidden;
}
.post-ranking .ranking-left .ranking-thumb {
  width: 340px;
  height: 220px;
  overflow: hidden;
  position: relative;
}
.post-ranking .ranking-left .ranking-thumb .num {
  width: 36px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  font-size: 114%;
  font-weight: bold;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
}
.post-ranking .ranking-left .ranking-thumb .views {
  width: 316px;
  height: 36px;
  line-height: 36px;
  padding-left: 8px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 36px;
  bottom: 0;
}
.post-ranking .ranking-left .post-ttl {
  line-height: 1.5;
  margin-top: 8px;
}
.post-ranking .ranking-right {
  width: 340px;
  margin-right: 16px;
  padding-bottom: 8px;
  float: right;
}
.post-ranking .ranking-list {
  width: 340px;
  height: 65px;
  margin-top: 8px;
  overflow: hidden;
}
.post-ranking .ranking-list:first-child {
  margin-top: 0;
}
.post-ranking .ranking-list .ranking-thumb {
  width: 100px;
  height: 65px;
  overflow: hidden;
  position: relative;
  float: left;
}
.post-ranking .ranking-list .ranking-thumb img {
  width: 100px;
  height: auto;
}
.post-ranking .ranking-list .ranking-thumb .num {
  width: 22px;
  height: 22px;
  line-height: 22px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
}
.post-ranking .ranking-list .ranking-thumb .views {
  width: 74px;
  height: 22px;
  line-height: 22px;
  padding-left: 4px;
  color: #fff;
  font-size: 93%;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 22px;
  bottom: 0;
}
.post-ranking .ranking-list .post-ttl {
  width: 232px;
  line-height: 1.35;
  float: right;
}
.post-ranking .num {
  background-color: #333;
}
.post-ranking .num1 {
  background-color: #f72815;
}
.post-ranking .num2 {
  background-color: #f65923;
}
.post-ranking .num3 {
  background-color: #f9b729;
}
.post-ranking a:hover .post-ttl {
  color: #0066bf;
}
.post-ranking a:hover .ranking-thumb {
  opacity: 0.8;
}
.post-ranking .more-btn {
  padding: 10px 16px;
  text-align: right;
  border-top: 1px dotted #aaaaaa;
  clear: both;
}
.post-ranking .more-btn a {
  color: #0066bf;
}
.post-ranking .more-btn a:hover {
  text-decoration: underline;
}

/** Post list
****************************************/
.post-list {
  padding-bottom: 8px;
}
.post-list .post {
  overflow: hidden;
  margin-top: 8px;
  padding: 8px 16px 0 16px;
  border-top: 1px solid #dddddd;
  position: relative;
}
.post-list .post:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.post-list .post-thumb {
  width: 240px;
  height: 155px;
  float: left;
  overflow: hidden;
}
.post-list .post-thumb img {
  width: 240px;
  height: auto;
}
.post-list .post-thumb a:hover {
  opacity: 0.8;
}
.post-list .num {
  width: 32px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: #333;
  position: absolute;
  top: 5px;
  left: 5px;
}
.post-list .num1 {
  background-color: #f72815;
}
.post-list .num2 {
  background-color: #f65923;
}
.post-list .num3 {
  background-color: #f9b729;
}
.post-list .views {
  width: 160px;
  height: 24px;
  line-height: 24px;
  margin-bottom: 4px;
  text-align: center;
  background-color: #f5f5f5;
  border-radius: 3px;
}
.post-list .post-meta {
  width: 438px;
  float: right;
}
.post-list time {
  height: 32px;
  line-height: 32px;
  color: #666;
  float: left;
}
.post-list .cm {
  height: 32px;
  line-height: 32px;
  margin-left: 8px;
  padding-left: 26px;
  background: url(../img/icon_cm.png) no-repeat 0 6px;
  float: left;
}
.post-list .cm a {
  color: #0066bf;
  font-weight: bold;
}
.post-list .cm a:hover {
  text-decoration: underline;
}
.post-list .socialbtn-header {
  height: 27px;
  margin-left: 8px;
  padding-top: 5px;
  float: left;
}
.post-list .socialbtn-header li {
  float: left;
}
.post-list .socialbtn-header .twi {
  min-width: 90px;
  width: 110px;
}
.post-list .socialbtn-header .fb {
  width: 100px;
}
.post-list .post-ttl {
  max-height: 95px;
  clear: left;
  overflow: hidden;
}
.post-list .post-ttl a {
  line-height: 1.55;
  display: block;
}
.post-list .post-ttl a:hover {
  color: #00549f;
}
.post-list .sub-meta {
  width: 100%;
  height: 24px;
  margin-top: 4px;
  display: table;
}
.post-list .sub-meta a {
  color: #666;
}
.post-list .sub-meta a:hover {
  color: #00549f;
}
.post-list .cat {
  width: 10px;
  max-width: 120px;
  height: 24px;
  line-height: 24px;
  padding: 0 8px 0 20px;
  display: table-cell;
  background: url(../img/icon_cat.png) no-repeat 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.post-list .tag {
  max-width: 1px;
  height: 24px;
  line-height: 24px;
  padding-left: 20px;
  background: url(../img/icon_tag.png) no-repeat 0;
  display: table-cell;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wp-pagenavi {
  padding: 24px 0;
  text-align: center;
}
.wp-pagenavi span {
  margin: 0 2px;
  padding: 8px 10px;
  border-radius: 3px;
}
.wp-pagenavi a {
  margin: 0 2px;
  padding: 8px 10px;
  color: #fff;
  background-color: #00549f;
  border-radius: 3px;
}
.wp-pagenavi a:hover {
  background-color: #00407a;
}
.wp-pagenavi .current {
  background-color: #f5f5f5;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3);
}

.yarpp-related .post-list {
  margin-bottom: 8px;
}

.taxonomy-info {
  margin: 0 16px 16px 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #dddddd;
}
.taxonomy-info .info-find {
  height: 40px;
  line-height: 40px;
  margin: 16px 0 8px 0;
  padding: 0 8px;
  color: #fff;
  font-size: 139%;
  background-color: #00549f;
}
.taxonomy-info .info-find:first-child {
  margin-top: 0;
}
.taxonomy-info .info-table table {
  width: 100%;
  border: 1px solid #dddddd;
}
.taxonomy-info .info-table th {
  width: 120px;
  padding: 8px;
  font-size: 108%;
  text-align: left;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.taxonomy-info .info-table td {
  padding: 8px;
  font-size: 108%;
  border-bottom: 1px solid #dddddd;
}
.taxonomy-info .text-area p {
  margin-top: 8px;
  font-size: 108%;
}
.taxonomy-info .text-area p:first-child {
  margin-top: 0;
}

/** Post single
****************************************/
.post-single time {
  height: 32px;
  line-height: 32px;
  margin-left: 16px;
  color: #666;
  float: left;
}
.post-single .cm {
  height: 32px;
  line-height: 32px;
  margin-left: 8px;
  padding-left: 26px;
  background: url(../img/icon_cm.png) no-repeat 0 6px;
  float: left;
}
.post-single .cm a {
  color: #0066bf;
  font-weight: bold;
}
.post-single .cm a:hover {
  text-decoration: underline;
}
.post-single h1.post-ttl a {
  color: #00549f;
}
.post-single h1.post-ttl a:link,
.post-single h1.post-ttl a:visited {
  color: #00549f;
}

.post-single h1.post-ttl a:hover,
.post-single h1.post-ttl a:active {
}

.post-single .socialbtn-header {
  height: 27px;
  margin-left: 8px;
  padding-top: 5px;
  float: left;
}
.post-single .socialbtn-header li {
  float: left;
}
.post-single .socialbtn-header .twi {
  min-width: 90px;
  width: 110px;
}
.post-single .socialbtn-header .fb {
  width: 100px;
}
.post-single .post-ttl {
  margin-top: 16px;
  padding-left: 10px;
  border-left: 6px solid #00549f;
}
.post-single .sub-meta {
  width: 100%;
  height: 24px;
  margin: 0 0 0 16px;
  display: table;
}
.post-single .sub-meta a {
  color: #666;
}
.post-single .sub-meta a:hover {
  color: #00549f;
}
.post-single .cat {
  width: 10px;
  max-width: 120px;
  height: 24px;
  line-height: 24px;
  padding: 0 8px 0 20px;
  display: table-cell;
  background: url(../img/icon_cat.png) no-repeat 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.post-single .tag {
  max-width: 1px;
  height: 24px;
  line-height: 24px;
  padding-left: 20px;
  background: url(../img/icon_tag.png) no-repeat 0;
  display: table-cell;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.post-single .a-body {
  margin-top: 24px;
  clear: both;
}
.post-single .a-body .res_head {
  margin: 0 8px;
  border-bottom: 1px solid #ccc;
  border-left: 4px solid #ccc;
  padding: 0px 0px 1px 8px;
}
.res_num {
  font-weight: bold;
  font-size: 16px;
  margin-right: 10px;
}
.post-single .a-body .res_body {
  margin: 12px 16px 0 26px;
  font-weight: bold;
}
.post-single .a-body .res_img {
  text-align: center;
  background-color: #f5f5f5;
}
.post-single .a-body .res_img img{
  max-width: 600px !important;
  height: auto !important;
}
.post-single .a-body h2 {
  height: 40px;
  line-height: 40px;
  padding: 0 8px;
  color: #fff;
  font-size: 139%;
  background-color: #00549f;
}
.post-single .a-body h3 {
  margin-top: 16px;
  padding: 4px 0;
  font-size: 154%;
  border-bottom: 4px solid #e9ecee;
}
.post-single .a-body h4 {
  color: #00549f;
  font-size: 114%;
  margin: 8px 0 4px 0;
}
.post-single .a-body .res_quote {
  border: 4px solid #f5f5f5 !important;
  padding: 8px;
  overflow: hidden;
}
.post-single .a-body .res_quote h2 {
  height: 40px;
  line-height: 40px;
  padding: 0 8px;
  color: #fff;
  font-size: 139%;
  background-color: #00549f;
}
.post-single .a-body .res_quote .res_img {
  background-color: #f5f5f5;
}
.post-single .a-body .res_quote table {
  width: 100%;
  border: 1px solid #e9ecee;
}
.post-single .a-body .res_quote td[colspan="2"] {
  padding: 6px 8px;
  background-color: #e9ecee;
}
.post-single .a-body .res_quote td {
  padding: 10px 8px;
  border: 1px solid #e9ecee;
}
.post-single .a-body .res_quote td a {
  color: #00549f;
}
.post-single .a-body .res_quote td a:hover {
  text-decoration: underline;
}
.post-single .a-body .twitter-tweet {
  width: 700px !important;
}
.post-single .a-body #text-more-link {
  margin: 100px 16px 80px 16px;
  border: 1px solid #ccc;
}
.post-single .a-body #text-more-link li a {
  line-height: 1.8;
  padding-left: 40px;
  color: #0066bf;
  font-size: 20px;
  font-weight: bold;
  display: block;
  background: url(../img/liststyle.png) no-repeat 8px center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.post-single .a-body #text-more-link li a:hover {
  text-decoration: underline;
}
.post-single .a-body .notes {
  margin: 16px 8px;
  padding: 12px 12px 12px 32px;
  border: 4px solid #f0f9ff !important;
  background: url(../img/icon_notes.png) no-repeat 6px 9px;
}
.post-single .a-body .notes p {
  margin-top: 8px;
  font-size: 114%;
}
.post-single .a-body .notes p:first-child {
  margin-top: 0;
}
.post-single .a-body a {
  color: #0066BF;
}
.post-single .a-body .socialbtn-footer a {
  color: #ffffff;
  text-decoration: none;
}
.post-single .a-body .socialbtn-footer a:hover {
  text-decoration: none;
}
.post-single .a-body a:hover,
.post-single .a-body a:active {
  text-decoration: underline;
 }
.post-single .a-body .introduction {
  display: none;
}
.post-single .a-body #text-more-rss {
  display: none;
}
.post-single .a-body #other-article-title {
  margin: 0 16px 40px 16px;
  padding: 4px 0;
  border-bottom: 1px solid #ddd;
}
.post-single .a-body #other-article-title span{
  color: #00549f !important;
}
.post-single .a-body .t-blue {
  color: #00549f;
}
.post-single .a-body .t-red {
  color: #eb1d1d;
}
.post-single .a-body-not p{
  margin: 16px;
  font-size: 14px;
}
.post-single .a-body-not ul{
  margin: 16px;
  font-size: 14px;
}
.post-single .a-body-not li{
  padding-left: 16px;
  background: url(../img/liststyle-wiki.png) no-repeat 0 center;
}
.post-single .a-body-not a{
  color: #0066bf;
}

.yarpp-related .none {
  margin: 0 16px 16px 18px;
}
.post-single .ranking-table{
  margin-top: 8px;
}
.post-single .ranking-table table{
  width: 100%;
  border: 1px solid #ddd;
}
.post-single .ranking-table th{
  width: 40px;
  padding: 6px 8px;
  font-size: 108%;
  border: 1px solid #ddd;
}
.post-single .ranking-table td{
  padding: 6px 8px;
  font-size: 108%;
  border: 1px solid #ddd;
}
.post-single .ranking-table a:hover{
  color: #00549f;
}
.post-single .more-link a{
  width: 694px;
  height: 48px;
  margin: 0 16px 16px 16px;
  line-height: 48px;
  display: block;
  font-size: 108%;
  color: #fff;
  text-align: center;
  background: #00549f;
  border-radius: 3px;
}
.post-single .more-link a:hover{
  opacity: 0.85;
}

.yarpp-related .none {
  margin: 0 16px 16px 18px;
}

.original_thread {
  margin: 16px;
  padding: 12px 8px;
  font-size: 108%;
  background-color: #f8f8f8;
}
.original_thread a {
  color: #666;
}
.original_thread a:hover {
  color: #00549f;
}

.footer-meta {
  margin: 16px;
  overflow: hidden;
}
.footer-meta .matome-anime, .footer-meta .matome-actor, .footer-meta .matome-charactor {
  float: left;
  white-space: nowrap;
  font-size: 108%;
}
.footer-meta .matome-anime a, .footer-meta .matome-actor a, .footer-meta .matome-charactor a {
  color: #00549f;
}
.footer-meta .matome-anime a:hover, .footer-meta .matome-actor a:hover, .footer-meta .matome-charactor a:hover {
  text-decoration: underline;
}
.footer-meta .matome-actor {
  margin-left: 12px;
}
.footer-meta .matome-charactor {
  margin-left: 12px;
}

.socialbtn-footer {
  margin: 0 auto;
  padding: 10px 0;
  background-color: #f8f8f8;
  border-top: 1px solid #dddddd;
  overflow: hidden;
}
.socialbtn-footer ul {
  width: 658px;
  margin: 0 auto;
}
.socialbtn-footer li {
  width: 157px;
  margin-left: 10px;
  float: left;
}
.socialbtn-footer li:first-child {
  margin-left: 0;
}
.socialbtn-footer li a {
  width: 157px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  text-align: center;
  display: block;
  border-radius: 3px;
}
.socialbtn-footer li a:hover {
  opacity: 0.8;
}
.socialbtn-footer .twi a {
  background: #4ba5e4 url(../img/sbtn_twitter.png) no-repeat 10px center;
}
.socialbtn-footer .fb a {
  background: #265998 url(../img/sbtn_fb.png) no-repeat 10px center;
}
.socialbtn-footer .google a {
  background: #da4328 url(../img/sbtn_gp.png) no-repeat 10px center;
}
.socialbtn-footer .hatebu a {
  background: #306abb url(../img/sbtn_hatebu.png) no-repeat 10px center;
}

.blogroll-single {
  width: 726px;
  height: 360px;
  margin-top: 8px;
  border-top: 1px dotted #aaaaaa;
  position: relative;
  overflow: hidden;
}
.blogroll-single iframe {
  width: 1778px;
  height: 360px;
  position: absolute;
  top: 0;
  left: -1052px;
}

.post-txt-list {
  margin-top: 8px;
}
.post-txt-list ul {
  margin-top: -1px;
  overflow: hidden;
}
.post-txt-list li {
  height: 44px;
  border-top: 1px dotted #aaaaaa;
}
.post-txt-list li a {
  height: inherit;
  line-height: 44px;
  padding-left: 32px;
  font-size: 108%;
  font-weight: bold;
  background: url(../img/liststyle.png) no-repeat 8px center;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.post-txt-list li a:hover {
  color: #0066bf;
  background-color: #f0f9ff;
}

#comments {
  padding-bottom: 24px;
}
#comments .cm-list {
  margin: 0 16px;
  border-top: 1px solid #dddddd;
}
#comments .cm-list li {
  margin-top: 16px;
}
.cm-list li {
  border-bottom: 1px solid #ccc;
  padding-bottom: 48px;
}
#comments .cm-meta {
  font-size: 93%;
}
#comments .cm-meta span {
  color: #008000;
  font-size: 100%;
}
#comments .cm-body {
  margin-top: 4px;
}
#comments .cm-body p {
  font-size: 108%;
  font-weight: bold;
}
#comments .cm-form {
  margin: 24px 16px 0 16px;
}
#comments .cm-form input[type="text"] {
  width: 238px;
  height: 34px;
  border: 1px solid #dddddd;
  background-color: #dddddd;
}
#comments .cm-form input[type="text"]:hover {
  background-color: #fff;
}
#comments .cm-form input[type="text"]:focus {
  background-color: #fff;
  border: 1px solid #00549F;
}
#comments .cm-form textarea {
  width: 688px;
  height: 118px;
  margin-top: 8px;
  border: 1px solid #dddddd;
  background-color: #dddddd;
}
#comments .cm-form input[type="submit"] {
  width: 240px;
  height: 36px;
  color: #fff;
  background-color: #00549f;
  border-radius: 3px;
}
#comments .cm-form input[type="submit"]:hover {
  opacity: 0.8; 
}
textarea#comment:hover {
  background-color: #fff;
}
textarea#comment:focus {
  background-color: #fff;
  border: 1px solid #00549F;
}
#comments .none {
  margin-top: 24px;
  font-size: 108%;
}
.vote-meter {
  height: 15px;  /* Can be anything */
  position: relative;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  padding: 10px;
  box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}
div.up-meter, div.down-meter {
  display: block;
  height: 13px;
  box-shadow:
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
  float: right;
  margin: 10px 0 0 0;
}
div.up-meter {
  background: #d95f74;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
div.down-meter {
  background: #5fa4d9;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-right: 10px;
}
div.vote-count {
  float: right;
  margin: 5px 10px;
}
div.vote {
  width: 100%;
  float: left;
  margin-top: 10px;
}
#comments .comment-font-10 p {
    font-size: 18px;
    color: #0000FF;
}
#comments .comment-font-20 p {
    font-size: 22px;
    color: #FF0000;
}
#comments .comment-font-m10 p {
    font-weight: normal;
}
#comments .cm-list .font-l p {
    font-size: 16px;
    color: #ff0000;
}
#comments .vote-button {
  text-align:right;
  float: right;
}
#comments .vote-button span.disable {
  opacity: 0.8;
}
#comments .vote-button span {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 2px 10px 2px 10px;
}
#comments .vote-button span:hover {
  cursor:pointer;
}
#comments .vote-button span.up {
  background: #d95f74;
}
#comments .vote-button span.down {
  background: #5fa4d9;
}
.post-nav {
  overflow: hidden;
}
.post-nav .prev, .post-nav .next {
  width: 360px;
  height: 110px;
  float: left;
  overflow: hidden;
}
.post-nav .prev a, .post-nav .next a {
  width: 342px;
  height: 92px;
  padding: 8px;
  font-size: 108%;
  border: 1px solid #dddddd;
  display: block;
  border-radius: 3px;
}
.post-nav .prev a:hover, .post-nav .next a:hover {
  border: 1px solid #00549f;
}
.post-nav .prev:hover {
  background-image: url(../img/prev.png);
  background-position: 4px 48px;
  background-repeat: no-repeat;
}
.post-nav .next:hover {
  background-image: url(../img/next.png);
  background-repeat: no-repeat;
  background-position: 296px 49px;
}
.post-nav .prev a p, .post-nav .next a p {
  line-height: 1.4;
  font-size: 108%;
}
.post-nav .prev .label, .post-nav .next .label {
  height: 36px;
  line-height: 36px;
  color: #0066bf;
  font-size: 108%;
  font-weight: bold;
}
.post-nav .next {
  float: right;
}

.animematome-list {
  padding-bottom: 24px;
}
.animematome-list time {
  height: 32px;
  line-height: 32px;
  margin-left: 16px;
  color: #666;
  float: left;
}
.animematome-list .socialbtn-header {
  height: 27px;
  margin-left: 8px;
  padding-top: 5px;
  float: left;
  overflow: hidden;
}
.animematome-list .socialbtn-header li {
  float: left;
}
.animematome-list .socialbtn-header .twi {
  min-width: 90px;
  width: 100px;
}
.animematome-list .socialbtn-header .fb {
  width: 100px;
}
.animematome-list section {
  margin-top: 32px;
  clear: both;
}
.animematome-list .post-ttl {
  margin-top: 16px;
  padding-left: 10px;
  border-left: 6px solid #00549f;
}
.animematome-list .wiki-list-section-ttl {
  margin: 0 7px;
  padding: 4px 16px;
  color: #fff;
  font-size: 170%;
  background-color: #00549f;
}
.animematome-list ul {
  width: 728px;
  margin: 8px -8px 0 24px;
  overflow: hidden;
}
.animematome-list ul li {
  width: 336px;
  margin: 0 8px 0 0;
  border-bottom: 1px solid #dddddd;
  float: left;
}
.animematome-list ul li > a {
  width: 316px;
  height: 32px;
  line-height: 32px;
  padding: 0 0 0 20px;
  display: block;
  background: url(../img/liststyle.png) no-repeat 0 center;
}
.animematome-list ul li > a:hover {
  background-color: #f0f9ff;
}
.animematome-list ul li > a:hover p {
  color: #00549f;
}
.animematome-list ul li p {
  width: 248px;
  height: 32px;
  line-height: 32px;
  margin-left: 8px;
  font-size: 114%;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-sapce: nowrap;
}
.animematome-list .cat-item-none {
  border: none;
}

/** Wiki
****************************************/
.wiki-single time {
  height: 32px;
  line-height: 32px;
  margin-left: 16px;
  color: #666;
  float: left;
}
.wiki-single .socialbtn-header {
  height: 27px;
  margin-left: 8px;
  padding-top: 5px;
  float: left;
}
.wiki-single .socialbtn-header li {
  float: left;
}
.wiki-single .socialbtn-header .twi {
  min-width: 90px;
  width: 100px;
}
.wiki-single .socialbtn-header .fb {
  width: 100px;
}
.wiki-single .post-ttl {
  margin-top: 16px;
  padding-left: 10px;
  border-left: 6px solid #00549f;
}
.wiki-single .a-body {
  clear: both;
}
.wiki-single .a-body .text-area {
  margin: 16px 16px 0 16px;
}
.wiki-single .a-body .text-area p {
  line-height: 1.55;
  margin-top: 16px;
  font-size: 114%;
}
.wiki-single .a-body .text-area p:first-child {
  margin-top: 0;
}
.wiki-single .accent {
  margin-top: 16px;
  padding: 12px 8px;
  border: 4px solid #e9ecee;
}

.wiki-info {
  margin: 0 7px;
  padding: 16px;
  overflow: hidden;
}
.wiki-info .wiki-thumb {
  width: 300px;
  height: 300px;
  overflow: hidden;
  float: left;
}
.wiki-info .wiki-thumb img {
  width: 300px;
  height: auto;
}
.wiki-info .guide-info-table {
  width: 370px;
  float: right;
  background-color: #fff;
}
.wiki-info .guide-info-table table {
  width: 100%;
  border: 1px solid #e9ecee;
}
.wiki-info .guide-info-table th {
  padding: 10px 8px;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px solid #e9ecee;
  border-right: 1px solid #e9ecee;
}
.wiki-info .guide-info-table td {
  padding: 10px 8px;
  border-bottom: 1px solid #e9ecee;
}

.wiki-outline {
  margin-top: 16px;
}

.wiki-section-ttl {
  margin: 0 7px;
  padding: 4px 16px;
  color: #fff;
  font-size: 170%;
  background-color: #00549f;
}

.wiki-section-find {
  margin-top: 16px;
  padding: 4px 0;
  font-size: 154%;
  border-bottom: 4px solid #e9ecee;
}

.wiki-charactor {
  margin-top: 56px;
}

.chara-list {
  margin: 16px 7px 0 7px;
}
.chara-list > li {
  margin-top: 8px;
  padding: 8px 8px 0 8px;
  border-top: 1px solid #dddddd;
  overflow: hidden;
}
.chara-list > li:first-child {
  margin-top: 0;
  border: none;
}
.chara-list .chara-list-thumb {
  width: 140px;
  height: 140px;
  float: left;
  overflow: hidden;
}
.chara-list .chara-list-thumb img {
  width: 140px;
  height: auto;
}
.chara-list .meta {
  width: 538px;
  float: right;
}
.chara-list .name {
  font-size: 154%;
  font-weight: bold;
  padding: 7px 0;
}
.chara-list .name .actor-name {
  font-size: 16px;
}
.chara-list .txt {
  font-size: 114%;
}
.chara-list .link-list {
  margin-top: 6px;
}
.chara-list .link-list li {
  margin-left: 16px;
  display: inline-block;
  background: url(../img/liststyle-wiki.png) no-repeat 0 7px;
  padding-left: 12px;
}
.chara-list .link-list li:first-child {
  margin-left: 0;
}
.chara-list .link-list li a {
  font-size: 108%;
  color: #0066bf;
}
.chara-list .link-list li a:hover {
  text-decoration: underline;
}

.wiki-recommend-news {
  margin-top: 56px;
}
.wiki-recommend-news ul {
  margin: 16px 16px 0 16px;
}
.wiki-recommend-news li {
  margin-top: 16px;
  overflow: hidden;
}
.wiki-recommend-news li:first-child {
  margin-top: 0;
}
.wiki-recommend-news .news-thumb {
  margin-top: 8px;
  float: left;
}
.wiki-recommend-news .txt {
  width: 558px;
  margin-top: 8px;
  float: right;
}
.wiki-recommend-news .txt p {
  margin-top: 6px;
  font-size: 116%;
}
.wiki-recommend-news .wiki-section-find {
  margin-top: 0;
}
.wiki-recommend-news .link a {
  padding-right: 18px;
  color: #0066bf;
  background: url(../img/icon_link.png) no-repeat right 3px;
  display: inline-block;
}

.wiki-appearance {
  margin-top: 56px;
}
.wiki-appearance .wiki-section-find {
  margin: 16px 16px 0 16px;
}
.wiki-appearance .wiki-ul {
  margin: 16px 16px 0 16px;
}
.wiki-appearance .wiki-ul li {
  line-height: 1.6;
  padding-left: 16px;
  font-size: 114%;
  background: url(../img/liststyle-wiki.png) no-repeat 4px center;
}
.wiki-appearance .wiki-ul li a {
  color: #0066bf;
}

.related-movie {
  margin: 56px auto 0 auto;
}
.related-movie ul {
  margin: 16px 16px 0 16px;
}
.related-movie li {
  margin-top: 16px;
}
.related-movie li:first-child {
  margin-top: 0;
}
.related-movie .movie {
  height: auto;
  margin-top: 16px;
  text-align: center;
  background-color: #f5f5f5;
}
.related-movie script,
.related-movie iframe {
  display: inline-block;
}

.related-post {
  margin-top: 56px;
}
.related-post ul {
  margin: 16px -8px 0 23px;
  overflow: hidden;
}
.related-post li {
  width: 336px;
  float: left;
  margin: 0 8px 0 0;
  border-bottom: 1px solid #dddddd;
}
.related-post li a {
  width: 320px;
  height: 100px;
  padding: 8px;
  display: block;
}
.related-post li a:hover {
  background-color: #f0f9ff;
}
.related-post li a:hover .wiki-ttl {
  color: #0066bf;
}
.related-post li .related-thumb {
  width: 100px;
  height: 100px;
  float: left;
}
.related-post li .related-thumb img {
  width: 100px !important;
  height: 100px !important;
}
.related-post li .wiki-ttl {
  width: 212px;
  height: 100px;
  line-height: 100px;
  margin-left: 8px;
  font-size: 114%;
  float: left;
}
.related-post .none {
  margin: 8px 16px;
  font-size: 108%;
}

.endcard {
  margin-top: 56px;
}
.endcard ul {
  margin: 16px -8px -12px 23px;
  overflow: hidden;
}
.endcard li {
  width: 336px;
  margin: 0 8px 16px 0;
  float: left;
}
.endcard a:hover {
  opacity: 0.8;
}

.post-link-btn {
  margin: 16px 0;
}
.post-link-btn a {
  width: 680px;
  height: 80px;
  line-height: 80px;
  margin: 0 auto;
  color: #fff;
  font-size: 20px;
  text-align: center;
  background-color: #00549f;
  border-radius: 3px;
  display: block;
}
.post-link-btn a:hover {
  background-color: #00407a;
}

.wiki-green .post-ttl {
  border-color: #199f45;
}
.wiki-green .wiki-section-ttl {
  background-color: #199f45;
}
.wiki-green .accent {
  border: 4px solid #b6f4ca;
}
.wiki-green .wiki-info {
  background-color: #b6f4ca;
}

.wiki-red .post-ttl {
  border-color: #f40000;
}
.wiki-red .wiki-section-ttl {
  background-color: #f40000;
}
.wiki-red .accent {
  border: 4px solid #ffc0c0;
}
.wiki-red .wiki-info {
  background-color: #ffc0c0;
}

.wiki-pink .post-ttl {
  border-color: #ff4e7c;
}
.wiki-pink .wiki-section-ttl {
  background-color: #ff4e7c;
}
.wiki-pink .accent {
  border: 4px solid #ffb5c8;
}
.wiki-pink .wiki-info {
  background-color: #ffb5c8;
}

.wiki-purple .post-ttl {
  border-color: #7e07b0;
}
.wiki-purple .wiki-section-ttl {
  background-color: #7e07b0;
}
.wiki-purple .accent {
  border: 4px solid #dbb1ed;
}
.wiki-purple .wiki-info {
  background-color: #dbb1ed;
}

.wiki-orange .post-ttl {
  border-color: #ff6600;
}
.wiki-orange .wiki-section-ttl {
  background-color: #ff6600;
}
.wiki-orange .accent {
  border: 4px solid #ffbf94;
}
.wiki-orange .wiki-info {
  background-color: #ffbf94;
}

.wiki-aqua .post-ttl {
  border-color: #1fb6e8;
}
.wiki-aqua .wiki-section-ttl {
  background-color: #1fb6e8;
}
.wiki-aqua .accent {
  border: 4px solid #bbe9f8;
}
.wiki-aqua .wiki-info {
  background-color: #bbe9f8;
}

.wiki-yellow .post-ttl {
  border-color: #ffc412;
}
.wiki-yellow .wiki-section-ttl {
  background-color: #ffc412;
}
.wiki-yellow .accent {
  border: 4px solid #ffe9a6;
}
.wiki-yellow .wiki-info {
  background-color: #ffe9a6;
}

.wiki-brown .post-ttl {
  border-color: #745337;
}
.wiki-brown .wiki-section-ttl {
  background-color: #745337;
}
.wiki-brown .accent {
  border: 4px solid #d4b79f;
}
.wiki-brown .wiki-info {
  background-color: #d4b79f;
}

.wiki-ygreen .post-ttl {
  border-color: #8acd3b;
}
.wiki-ygreen .wiki-section-ttl {
  background-color: #8acd3b;
}
.wiki-ygreen .accent {
  border: 4px solid #d0edad;
}
.wiki-ygreen .wiki-info {
  background-color: #d0edad;
}

.wiki-ultramarine .post-ttl {
  border-color: #21508b;
}
.wiki-ultramarine .wiki-section-ttl {
  background-color: #21508b;
}
.wiki-ultramarine .accent {
  border: 4px solid #afbdcf;
}
.wiki-ultramarine .wiki-info {
  background-color: #afbdcf;
}

.wiki-list {
  padding-bottom: 24px;
}
.wiki-list time {
  height: 32px;
  line-height: 32px;
  margin-left: 16px;
  color: #666;
  float: left;
}
.wiki-list .socialbtn-header {
  height: 27px;
  margin-left: 8px;
  padding-top: 5px;
  float: left;
  overflow: hidden;
}
.wiki-list .socialbtn-header li {
  float: left;
}
.wiki-list .socialbtn-header .twi {
  min-width: 90px;
  width: 100px;
}
.wiki-list .socialbtn-header .fb {
  width: 100px;
}
.wiki-list section {
  margin-top: 32px;
  clear: both;
}
.wiki-list .post-ttl {
  margin-top: 16px;
  padding-left: 10px;
  border-left: 6px solid #00549f;
}
.wiki-list .wiki-list-section-ttl {
  margin: 0 7px;
  padding: 4px 16px;
  color: #fff;
  font-size: 170%;
  background-color: #00549f;
}
.wiki-list ul {
  width: 728px;
  margin: 8px -8px 0 24px;
  overflow: hidden;
}
.wiki-list ul li {
  width: 336px;
  margin: 0 8px 0 0;
  border-bottom: 1px solid #dddddd;
  float: left;
}
.wiki-list ul li > a {
  width: 320px;
  height: 64px;
  padding: 8px;
  display: block;
}
.wiki-list ul li > a:hover {
  background-color: #f0f9ff;
}
.wiki-list ul li > a:hover p {
  color: #00549f;
}
.wiki-list ul li p {
  width: 248px;
  height: 64px;
  line-height: 64px;
  margin-left: 8px;
  font-size: 114%;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-sapce: nowrap;
}
.wiki-list ul .thumb {
  float: left;
}
.wiki-list ul .thumb img {
  width: 64px !important;
  height: 64px !important;
}
.wiki-list .none {
  margin: 8px 16px;
  font-size: 108%;
}
.wiki-list .cat-item-none {
  border: none;
}

/** Onair
****************************************/
.onair-single {
  padding-bottom: 23px;
}
.onair-single time {
  height: 32px;
  line-height: 32px;
  margin-left: 16px;
  color: #666;
  float: left;
}
.onair-single .cm {
  height: 32px;
  line-height: 32px;
  margin-left: 8px;
  padding-left: 26px;
  background: url(../img/icon_cm.png) no-repeat 0 6px;
  float: left;
}
.onair-single .cm a {
  color: #0066bf;
  font-weight: bold;
}
.onair-single .cm a:hover {
  text-decoration: underline;
}
.onair-single .socialbtn-header {
  height: 27px;
  margin-left: 8px;
  padding-top: 5px;
  float: left;
}
.onair-single .socialbtn-header li {
  float: left;
}
.onair-single .socialbtn-header .twi {
  min-width: 90px;
  width: 100px;
}
.onair-single .socialbtn-header .fb {
  width: 100px;
}
.onair-single .post-ttl {
  margin-top: 16px;
  padding-left: 10px;
  border-left: 6px solid #00549f;
}
.onair-single .a-body {
  clear: both;
  padding-top: 8px;
}
.onair-single .a-body .text-area {
  margin: 16px 16px 0 16px;
}
.onair-single .a-body .text-area p {
  line-height: 1.55;
  margin-top: 16px;
  font-size: 114%;
}
.onair-single .a-body .text-area p:first-child {
  margin-top: 0;
}

.onair-section {
  margin-top: 56px;
}
.onair-section:first-child {
  margin-top: 0;
}
.onair-section .onair-section-ttl {
  margin: 0 7px;
  padding: 4px 16px;
  color: #fff;
  font-size: 170%;
  background-color: #00549f;
}
.onair-section .onair-thumb {
  float: left;
  margin: 16px 0 0 23px;
  padding-bottom: 16px;
}
.onair-section .onair-thumb .box {
  width: 300px;
  height: 300px;
  overflow: hidden;
}
.onair-section .onair-thumb .box img {
  width: 300px;
  height: auto;
}
.onair-section .onair-thumb .link-list {
  margin: 8px 0 0 4px;
}
.onair-section .onair-thumb .link-list li {
  line-height: 1.5;
  padding-left: 8px;
  background: url(../img/liststyle-wiki.png) no-repeat 0 7px;
}
.onair-section .onair-thumb .link-list a {
  color: #00549f;
}
.onair-section .onair-info-table {
  width: 370px;
  margin: 16px 16px 0 0;
  padding-bottom: 16px;
  float: right;
  background-color: #fff;
}
.onair-section .onair-info-table .info-find {
  margin: 16px 0 4px 0;
  font-weight: bold;
}
.onair-section .onair-info-table table {
  width: 100%;
  border: 1px solid #e9ecee;
}
.onair-section .onair-info-table th {
  width: 162px;
  padding: 10px 8px;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px solid #e9ecee;
  border-right: 1px solid #e9ecee;
}
.onair-section .onair-info-table td {
  padding: 10px 8px;
  border-bottom: 1px solid #e9ecee;
}
.onair-section .outline {
  clear: both;
}

.onair-find {
  margin-top: 16px;
  padding: 4px 0;
  font-size: 154%;
  border-bottom: 4px solid #e9ecee;
}

.outline {
  margin: 0 16px;
}
.outline p {
  margin-top: 12px;
  font-size: 116%;
}

.onair-schedule {
  margin: 0 16px;
}
.onair-schedule table {
  width: 100%;
  margin-top: 12px;
  border: 1px solid #e9ecee;
}
.onair-schedule th {
  padding: 10px 8px;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px solid #e9ecee;
  border-right: 1px solid #e9ecee;
}
.onair-schedule td {
  padding: 10px 8px;
  border-bottom: 1px solid #e9ecee;
}

.wiki-info {
  margin: 0 7px;
  padding: 16px;
  overflow: hidden;
}

/** Page
****************************************/
.page {
  padding-bottom: 24px;
}
.page section {
  margin: 24px 16px 0 16px;
}
.page section:first-child {
  margin-top: 0;
}
.page section p {
  margin-top: 16px;
  font-size: 108%;
}
.page .page-section-ttl {
  padding: 4px 16px;
  color: #fff;
  font-size: 170%;
  background-color: #00549f;
}
.page .page-table {
  width: 100%;
  margin-top: 16px;
  border: 1px solid #dddddd;
}
.page .page-table th {
  padding: 12px 8px;
  font-size: 108%;
  text-align: left;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.page .page-table td {
  padding: 12px 8px;
  font-size: 108%;
  border-bottom: 1px solid #dddddd;
}

/** Sub
****************************************/
#sub {
  width: 300px;
  height: auto;
  float: left;
}
#sub .social-btn-list .box-ancur{
  width: 200px;
  height: 22px;
  padding: 14px 0 12px 100px;
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#sub .social-btn-list .box-ancur:hover{
  background-color: rgba(255,255,255,0.1);
}
#sub .social-btn-list .twitter {
  width: 300px;
  height: 48px;
  background: #00b1ec url(../img/icon_sub_twi.png) no-repeat 12px center;
  border-radius: 3px;
  position: relative;
}
#sub .social-btn-list .twitter iframe{
  position: absolute !important;
  top: 14px;
  left: 100px;
  z-index: 10;
}
#sub .social-btn-list .fb {
  width: 300px;
  height: 48px;
  margin-top: 4px;
  background: #2f589c url(../img/icon_sub_fb.png) no-repeat 12px center;
  border-radius: 3px;
  position: relative;
}
#sub .social-btn-list .fb iframe{
  position: absolute;
  top: 14px;
  left: 100px;
  z-index: 10;
}
#sub .social-btn-list .gp {
  width: 300px;
  height: 48px;
  margin-top: 4px;
  background: #f1493a url(../img/icon_sub_gp.png) no-repeat 12px center;
  border-radius: 3px;
  position: relative;
}
#sub .social-btn-list .gp .box-ancur{
  width: 200px;
  height: 24px;
  padding: 12px 0 12px 100px;
}
#sub .social-btn-list .gp iframe{
  position: absolute !important;
  top: 12px !important;
  left: 100px !important;
  z-index: 10 !important;
}
#sub .social-btn-list .rss{
  width: 300px;
  height: 48px;
  margin-top: 4px;
}
#sub .social-btn-list .rss a{
  width: 300px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 116%;
  color: #fff;
  background: #ff7c48 url(../img/icon_sub_rss.png) no-repeat 12px center;
  display: block;
}
#sub .social-btn-list .rss a:hover{
  opacity: 0.9;
}
#sub .banner-list {
  margin-top: 8px;
}
#sub .banner-list li {
  margin-top: 8px;
}
#sub .banner-list li:first-child {
  margin-top: 0;
}
#sub .sub-section {
  line-height: 40px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  width: 296px;
}
#sub .sub-section .sub-ttl {
  width: 288px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  padding-left: 8px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  background-color: #00549f;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#sub .section02 {
  display: none;
}
#sub .sub-list-post {
  overflow-x: hidden;
  overflow-y: scroll;
}
#sub .sub-list-post li {
  border-top: 1px dotted #aaaaaa;
}
#sub .sub-list-post li:first-child {
  border-top: none;
}
#sub .sub-list-post li a {
  padding: 10px 8px;
  display: block;
}
#sub .sub-list-post li a:hover {
  background-color: #f0f9ff;
}
#sub .sub-list-post li a:hover .post-ttl {
  color: #0066bf;
}
#sub .sub-list-post li time {
  font-size: 93%;
  color: #666;
}
#sub .sub-list-cat {
  height: 449px;
  overflow-x: hidden;
  overflow-y: scroll;
}
#sub .sub-list-cat li {
  height: 44px;
  border-top: 1px dotted #aaaaaa;
}
#sub .sub-list-cat li:first-child {
  border-top: none;
}
#sub .sub-list-cat li a {
  height: inherit;
  line-height: 44px;
  padding: 0 8px;
  display: block;
}
#sub .sub-list-cat li a:hover {
  color: #00549f;
  background-color: #f0f9ff;
}
#sub .full-list {
  height: auto;
}
#sub .sub-tab {
  width: 296px;
  height: 40px;
  margin: 1px;
  background-color: #e9ecee;
  overflow: hidden;
}
#sub .sub-tab li {
  width: 148px;
  height: inherit;
  line-height: 40px;
  text-align: center;
  float: left;
  cursor: pointer;
}
#sub .sub-tab .current {
  background-color: #fff;
  cursor: default;
}
#sub .sub-find {
  width: 288px;
  height: 40px;
  line-height: 40px;
  margin: 1px;
  padding-left: 8px;
  font-size: 108%;
  background-color: #e9ecee;
  overflow: hidden;
  position: relative;
}
#sub .sub-find a {
  width: 120px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  background-color: #f8f9fa;
  border-radius: 3px;
  display: block;
  position: absolute;
  top: 8px;
  right: 8px;
}
#sub .sub-find a:hover {
  color: #fff;
  background-color: #00549f;
}
#sub .more-btn {
  padding: 8px;
  text-align: right;
  border-top: 1px dotted #aaaaaa;
}
#sub .more-btn a {
  color: #0066bf;
}
#sub .more-btn a:hover {
  text-decoration: underline;
}
#sub .onair-submenu {
  margin-top: 8px;
}
#sub .onair-submenu .menu-ttl {
  padding: 6px 0;
  font-size: 139%;
  font-weight: bold;
}
#sub .onair-submenu .menu-list {
  border: 4px solid #dddddd;
  border-radius: 3px;
}
#sub .onair-submenu .menu-list li {
  border-top: 1px dotted #aaaaaa;
}
#sub .onair-submenu .menu-list li:first-child {
  border-top: none;
}
#sub .onair-submenu .menu-list li a {
  padding: 12px 8px;
  display: block;
}
#sub .onair-submenu .menu-list li a:hover {
  color: #0066bf;
  background-color: #f0f9ff;
}

/** Footer
****************************************/
#g-footer {
  min-width: 1120px;
  margin-top: 240px;
  background: url(../img/bg_footer.png) repeat-x 0;
  overflow: hidden;
}
#g-footer .wrapper {
  width: 1060px;
  margin: 0 auto;
  padding-top: 24px;
}
#g-footer .f-section-list {
  height: 474px;
  overflow: hidden;
}
#g-footer .f-section {
  width: 342px;
  height: 442px;
  margin-left: 16px;
  padding-bottom: 8px;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  float: left;
}
#g-footer .f-section:first-child {
  margin-left: 0;
}
#g-footer .footer-ttl {
  height: 48px;
  line-height: 48px;
  padding: 0 8px;
  font-size: 116%;
  border-bottom: 1px solid #dddddd;
}
#g-footer .footer-list-rt {
  height: 393px;
  overflow-x: hidden;
  overflow-y: scroll;
}
#g-footer .footer-list-rt li {
  border-top: 1px dotted #aaaaaa;
  position: relative;
}
#g-footer .footer-list-rt li:first-child {
  border-top: none;
}
#g-footer .footer-list-rt .num {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin-top: -16px;
  font-size: 114%;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
}
#g-footer .footer-list-rt .num1 {
  color: #f72815;
}
#g-footer .footer-list-rt .num2 {
  color: #f65923;
}
#g-footer .footer-list-rt .num3 {
  color: #f9b729;
}
#g-footer .footer-list-rt .meta {
  margin-left: 32px;
  padding: 6px 0;
}
#g-footer .footer-list-rt .rt {
  color: #00b1ec;
  font-size: 93%;
  font-weight: bold;
}
#g-footer .footer-list-rt .list-ttl{
  padding-right: 8px;
}
#g-footer .footer-list-rt .list-ttl a:hover {
  color: #0066bf;
}
#g-footer .tag-list {
  height: 393px;
  overflow-x: hidden;
  overflow-y: scroll;
}
#g-footer .tag-list ul {
  padding: 8px;
}
#g-footer .tag-list li {
  height: 32px;
  margin: 0 6px 6px 0;
  float: left;
  white-space: nowrap;
}
#g-footer .tag-list li a {
  height: inherit;
  line-height: 32px;
  padding: 0 8px;
  background-color: #f5f5f5;
  border-radius: 3px;
  display: block;
}
#g-footer .tag-list li a:hover {
  color: #fff;
  background-color: #00549f;
}
#g-footer .link-list {
  height: 393px;
  overflow-x: hidden;
  overflow-y: scroll;
}
#g-footer .link-list li {
  height: 42px;
  border-top: 1px dotted #aaaaaa;
}
#g-footer .link-list li:first-child {
  border-top: none;
}
#g-footer .link-list li a {
  width: 326px;
  height: inherit;
  line-height: 42px;
  padding: 0 8px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#g-footer .link-list li a:hover {
  color: #0066bf;
  background-color: #f0f9ff;
}
#g-footer .f-nav {
  width: 580px;
  height: 96px;
  float: left;
}
#g-footer .f-nav ul {
  overflow: hidden;
}
#g-footer .f-nav li {
  line-height: 96px;
  margin: 0 16px 0 -8px;
  color: #fff;
  display: inline-block;
}
#g-footer .f-nav li:before {
  content: "｜";
}
#g-footer .f-nav li a {
  margin-left: 16px;
  color: #fff;
  line-height: 96px;
}
#g-footer .copyright {
  width: 480px;
  height: 96px;
  line-height: 96px;
  color: #fff;
  font-size: 108%;
  text-align: right;
  float: right;
  display: block;
}
/* page-link */
div.page-links {
  text-align: center;
  padding-bottom: 24px;
}
div.page-links span {
  font-size: 15px;
}
div.page-links a:link,
div.page-links a:visited {
  padding: 10px 0 8px 2px;
  margin: 0 3px;
  background: #00549f;
  border-radius: 4px;
  color: #ffffff;
}
div.page-links a:hover,
div.page-links a:active {
  opacity: 0.8;
}
div.page-links span {
  padding: 10px 0 8px 2px;
  margin: 0 3px;
  width: 35px;
  display: inline-block;
  text-align: center;
  background: #efefef;
  border-radius: 4px;
  color: #00549f;
}
div.page-links a span {
  padding: 0;
  margin: 0;
  background: none;
  color: #ffffff;
}
/* ad wrap */
.ad-wrap {
  display: none;
}
blockquote h5 {
  color: blue;
  font-size: 14px;
}
blockquote h6 {
  color: red;
  font-size: 14px;
}
.single .a-body .res_body .YoutubeWrapper {
  position: relative;
  width: 100% !important;
  padding-top: 56.25%;
}

.single .a-body .res_body .YoutubeWrapper iframe {
  position: absolute !important;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
}
div.matome-anime {
  margin-bottom: 12px;
}
div.toTop {
  margin: 0 16px 12px 16px;
}
div.toTop a:hover {
  opacity: 0.8;
}
.post-single .a-body #text-more-under-link {
  margin: 100px 16px 80px 16px;
  border: 1px solid #ccc;
}
.post-single .a-body #text-more-under-link li a {
  line-height: 1.8;
  padding-left: 40px;
  color: #0066bf;
  font-size: 20px;
  font-weight: bold;
  display: block;
  background: url(../img/liststyle.png) no-repeat 8px center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.post-single .a-body #text-more-under-link li a:hover {
  text-decoration: underline;
}
div.manageComment {
  background: #ffffff;
  border: 2px solid #000;
  border-radius: 16px;
  position: relative;
  margin: 16px 16px 80px 16px;
  padding: 16px 16px 44px 16px;
}
div.manageComment:after {
  width: 120px;
  height: 120px;
  position: absolute;
  background-repeat: no-repeat;
  bottom: -71px;
  content: "";
  background: url(../img/comment_normal.png);
  left: 36px;
}
div.manageComment.like:after {
  background: url(../img/comment_like.png);
  left: 36px;
}
div.manageComment.weak:after {
  background: url(../img/comment_weak.png);
  left: 4px;
}
div.manageComment.fun:after {
  background: url(../img/comment_fun.png);
  left: 36px;
}
div.manageComment p {
  font-size: 18px;
  word-wrap: break-word;
}
.post-single .a-body div.manageComment div.res_img a img {
  max-width: 658px !important;
  height: auto;
}
div.viceManageComment {
  background: #ffffff;
  border: 2px solid #000;
  border-radius: 16px;
  position: relative;
  margin: 16px 16px 80px 16px;
  padding: 16px 16px 44px 16px;
  width: 694px;
  box-sizing: border-box;
}
div.viceManageComment:after {
  width: 120px;
  height: 120px;
  position: absolute;
  background-repeat: no-repeat;
  bottom: -72px;
  content: "";
  background: url(../img/vice_comment_normal.png);
  right: 36px;
}
div.viceManageComment.like:after {
  background: url(../img/vice_comment_like.png);
  right: 36px;
}
div.viceManageComment.weak:after {
  background: url(../img/vice_comment_weak.png);
  right: 36px;
}
div.viceManageComment.fun:after {
  background: url(../img/vice_comment_fun.png);
  right: 12px;
}
div.viceManageComment p {
  font-size: 18px;
  word-break: break-word;
}
.post-single .a-body div.viceManageComment div.res_img a img {
  max-width: 658px !important;
  height: auto;
}

div.a-body div.twitter-widget {
  width: auto;
  margin: 0 auto 20px auto;
  display: block;
  font-size: 14px;
}
div.amiami {
  background: #fcfcfc;
  padding: 16px;
  margin: 16px;
}
div.amiami a {
  font-size: 16px;
  font-weight: bold;
}
div.amiami a:first-child{
  float: left;
  padding: 16px !important;
  margin: 0 16px 0 0 !important;
  background: #fff;
}
div.amiami a img {
  width: 160px;
  height: auto;
}

/*スクロール*/
#page-top{
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: 0px;
  right: 10px;
  width: 80px;
  padding: 0px 10px;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#page-top img {
  width: 96px;
  height: 96px;
}
#page-top img:hover {
  opacity: 0.8;
}

/*追尾バー*/
.trackingimg img {
  width: 296px;
  height: 120px;
}
li.trackingimg:first-child {
  padding-top: 0px;
}
/* 広告 */
.pc-ad {
  display: none;
}
/*toggle*/
.video {
  display: none;
}
.content-wiki {
  height: 40px;
  line-height: 40px;
  padding: 0 8px;
  color: #fff;
  font-size: 139%;
  background-color: #00549f;
  display: block;
}
.wiki-text {
  display: none;
}
.res_content .res_body blockquote.res_quote h2 {
  background: #00549f url(../img/toOpen.png) right 8px top 8px no-repeat;
  cursor: pointer;
}
.res_content .res_body blockquote.res_quote h2.active {
  background: #00549f url(../img/toClose.png) right 8px top 8px no-repeat;
  cursor: pointer;
}
.res_content {
  margin-bottom: 32px;
}