@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;
}
a {
  -webkit-transition-delay: 0s, 0s, 0s;
  -webkit-transition-duration: 0.25s, 0.25s, 0.25s;
  -webkit-transition-property: border, color, background-color;
  -webkit-transition-timing-function: linear, linear, linear;
  transition-duration: 0.25s, 0.25s, 0.25s;
  transition-property: border, color, background-color;
  transition-timing-function: linear, linear, linear;
}
a img {
  transition: opacity 0.5s ease-out;
  backface-visibility: hidden;
}
a:hover img {
  opacity: 0.8;
}
/** 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;
  background: url(../img/header_bg2.gif) 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
****************************************/
div.header-wrap {
  position: relative;
  background: -ms-linear-gradient(top, #ececec 0%, #ffffff 100%);
  background: -moz-linear-gradient(top center, #ececec 100%, #ffffff 100%);
  background: -webkit-gradient(linear, center top, center bottom, from(#ececec), to(#ffffff));
  background: linear-gradient(top center, #ececec 100%, #ffffff 100%);
}
.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 24px 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 {
  width: 522px;
  height: 449px;
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: hidden;
  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;
  overflow: scroll;
}

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

/** 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 img {
  width: 340px;
  height: auto;
}
.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;
  z-index: 1;
}
.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;
  z-index: 1;
}
.post-ranking .ranking-left .post-ttl {
  line-height: 1.5;
  margin-top: 8px;
  position: relative;
}
.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;
  z-index: 1;
}
.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;
  z-index: 1;
}
.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;
  padding-left: 0;
/*  background: url(../img/icon_cm.png) no-repeat 0 6px; */
  float: left;
}
.post-list .cm a {
  color: #0066bf;
  font-weight: bold;
  line-height: 32px;
}
.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 .cm i,
.post-list .cat i,
.post-list .tag i {
  margin-right: 4px;
  color: #00549f;
}
.post-list .cat {
  width: 10px;
  max-width: 120px;
  height: 24px;
  line-height: 24px;
  padding: 0 8px 0 20px;
  padding: 0 8px 0 0;
  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;
  padding-left: 0;
/*  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;
  font-size: 30px;
}
.wp-pagenavi span {
  margin: 0 6px;
  padding: 8px 14px;
  border-radius: 3px;
}
.wp-pagenavi a {
  margin: 0 6px;
  padding: 9px 14px;
  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;
  padding-left: 0;
/*  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 .cm i,
.post-single .cat i,
.post-single .tag i {
  margin-right: 4px;
  color: #00549f;
}
.post-single .cat {
  width: 10px;
  max-width: 120px;
  height: 24px;
  line-height: 24px;
  padding: 0 8px 0 20px;
  padding: 0 8px 0 0;
  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;
  padding-left: 0;
/*  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: 24px 8px 0 8px;
  clear: both;
}
.post-single .a-body .res_head {
  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 13px;
  font-weight: bold;
  font-size: 18px !important;
}
.post-single .a-body .res_img {
  text-align: center;
  background-color: #f5f5f5;
}
.post-single .a-body .res_img img{
  max-width: 640px;
}
.post-single .a-body h2 {
  border-bottom: 4px solid #00549F;
  margin-top: 16px;
  padding: 4px 0;
  font-size: 154%;
  margin-bottom: 30px;
}
.post-single .a-body h3 {
  border-left: 4px solid #00549f;
  font-size: 139%;
  padding: 0 5px 0 10px;
  margin-bottom: 20px;
  color: #5A5A5A;
}
.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;
  font-weight: bold;
}
.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: 70px 16px 80px 0px;
}
.post-single .a-body #text-more-link li a {
  line-height: 1.8;
  padding-left: 40px;
  color: #0066bf;
  font-size: 16px;
  font-weight: bold;
  display: block;
  background: url(../img/liststyle.png) no-repeat 8px center;
  overflow: hidden;
  text-overflow: ellipsis;
}
#text-more-link li {
  border-bottom: 1px dashed #ccc;
  margin: 10px 16px 0 0;
}
.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 0px;
  padding: 4px 0px 0px 10px;
  border-bottom: 1px solid #ddd;
  border-left: 6px solid #00549f;
  margin-top: 100px;
}
.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;
  font-size: 11px;
}
.original_thread a {
  color: #666;
}
.original_thread a:hover {
  color: #00549f;
}

.footer-meta {
  margin: 16px;
  padding: 12px 16px;
  overflow: hidden;
  background-color: #f8f8f8;
}
.footer-meta .matome-anime, .footer-meta .matome-actor, .footer-meta .matome-charactor {
  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 {
}
.footer-meta .matome-charactor {
}

.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 .blogroll-top {
  overflow-x: scroll
}
.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;
}
#comments .cm-form textarea {
  width: 688px;
  height: 118px;
  margin-top: 8px;
  border: 1px solid #dddddd;
  padding: 10px;
}
#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;
}
#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 .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: 300px;
}
#sub .sub-section .sub-ttl {
  width: 291px;
  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-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 i {
  color: #00549f;
  margin-right: 4px;
}
#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 {
  height: 40px;
  line-height: 40px;
  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; */
/*  background: #ccc; */
  background: -ms-linear-gradient(top, #ffffff 0%, #ececec 100%);
  background: -moz-linear-gradient(top center, #ffffff 100%, #ececec 100%);
  background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#ececec));
  background: linear-gradient(top center, #ffffff 100%, #ececec 100%);

  overflow: hidden;
  position: relative;
}
#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;
}
.footer {
  background: #00549f;
  position: relative;
  width: 100%;
}
.footer .f-nav {
  width: 710px;
  height: 96px;
  float: left;
}
.footer .wrapper {
  width: 1060px;
  margin: 0 auto;
}

.footer .f-nav ul {
  overflow: hidden;
}
.footer .f-nav li {
  line-height: 96px;
  margin: 0 16px 0 -8px;
  color: #fff;
  display: inline-block;
}
.footer .f-nav li:before {
  content: "｜";
}
.footer .f-nav li a {
  margin-left: 16px;
  color: #fff;
  line-height: 96px;
}
.footer .copyright {
  width: 240px;
  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: 20px 0px 20px 0px;
}
.post-single .a-body .text-more-under-link li a {
  line-height: 1.8;
  padding-left: 40px;
  color: #0066bf;
  font-size: 16px;
  font-weight: bold;
  display: block;
  background: url(../img/liststyle.png) no-repeat 8px center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.post-single .a-body .text-more-under-link li a:hover {
  text-decoration: underline;
}
.text-more-under-link li {
  margin: 10px 16px 0 0;
  border-bottom: 1px dashed #ccc;
}
.text-more-under-link h3.link-text-underrelated {
  color: #0066bf;
  border: none;
  margin: 12px 16px 0 26px;
  font-size: 170%;
}
.text-more-under-link h5.link-text-underrelated {
  color: #000000;
  border: none;
  margin: 12px 16px 0 26px;
  font-size: 120%;
}
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;
}
.youtube, .movie {
  position: relative;
  height: 0;
  padding: 30px 0 56.25%;
  overflow: hidden;
}

.youtube iframe,
.movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.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/toClose.png) right 8px top 8px no-repeat;
  cursor: pointer;
  box-shadow: 0 3px 0 rgba(8,1,2,0.03);
  border-bottom: 3px solid #00407A;
}
.res_content .res_body blockquote.res_quote h2:hover {
  background-color: #0066bf;
}

.res_content .res_body blockquote.res_quote h2.active {
  background: #0066bf url(../img/toClose.png) right 8px top 8px no-repeat;
  cursor: pointer;
  border-bottom: none;
}
.res_content .res_body blockquote.res_quote h2.active:hover {
  background-color: #00549f;
}
.res_content .res_body blockquote.res_quote h2.renew {
  background-color: #00549f;
  background-image: none;
  cursor: pointer;
  box-shadow: 0 3px 0 rgba(8,1,2,0.03);
}
.res_content .res_body blockquote.res_quote h2.renew span.fa-stack {
  font-size: 15px;
  margin: 0 0 0 0;
}
.res_content .res_body blockquote.res_quote h2.renew i.fa {
  color: #fff;
}
.res_content .res_body blockquote.res_quote h2.renew i.fa-chevron-circle-down {
  float: right;
  margin: 6px 0 0 0;
  font-size: 28px;
}

.res_content .res_body blockquote.res_quote h2.renew:hover {
  background-color: #0066bf;
  background-image: none;
}

.res_content .res_body blockquote.res_quote h2.renew.active {
  background: #0066bf;
  cursor: pointer;
}
.res_content .res_body blockquote.res_quote h2.nenew.active:hover {
  background-color: #00549f;
}

.res_content {
  margin-bottom: 62px;
}

/**** a8 // ****/
/* web用素材 */
div.a8 {
  margin: 16px auto;
  padding: 0 16px;
}
div.a8 table {
  width: 100% !important;
  box-sizing: border-box;
}
div.a8 table td {
  box-sizing: border-box;
  vertical-align: middle !important;
}
div.a8 table td:first-child {
  width: 60% !important;
}
div.a8 table td:last-child {
  width: 40% !important;
}
div.a8 table a {
  display: block;
  margin: 0 auto;
}
div.a8 table a img {
  display: block;
  margin: 0 auto !important;
}
div.a8 table p a {
  font-size: 21px !important;
  color: #00549f
  font-weight: bold;
  line-height: 1.25;
}
div.a8 table p {
  font-size: 16px;
}
div.a8 table p span {
  font-color: #000;
  font-size: 11px;
}

/* mail */
div.a8-mail {
  margin: 16px auto;
  padding: 0 35px;
  color: #00549f;
  font-size: 16px;
}


/**** // a8 ****/

/**** gallery // ****/
html { /* これデカイモニタ用なんだけど大丈夫かね？ */
  height: 100%;
  margin: 0px;
}
body.gallery {
  background: #fff;
  position: relative;
  min-height: 100%;
  height: auto !important;;
}
body.gallery div#contents {
  margin-top: 42px;
}
footer.footer-gallery {
  background: #00549f;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  padding: 16px 0;
}
footer.footer-gallery small {
  color: #fff;
  width: 1060px;
  margin: 0 auto;
  display: block;
  font-size: 13px;
}
header.header-gallery {
  background: #00549f;
  width: 100%;
  height: 100px;
  overflow: hidden;
}
header.header-gallery div.inner {
  width: 1160px;
  margin: 0 auto;
}
header.header-gallery a.toHome {
  display: block;
  width: 400px;
  height: 100px;
  margin: 0 auto;
  float: left;
  text-indent: -9999px;
  background: url(../img/header_bg.png) top left no-repeat;
  background: url(../img/header_bg_gallery.gif) top left no-repeat;
  background: url(../img/header_bg.png) top left /contain no-repeat;
  background: url(../img/header_bg_gallery.gif) top left /contain no-repeat;
}
header.header-gallery div.ad {
  float: right;
  margin: 5px 0 0 0;
}
div.gallery {
  width: 100%;
  background: #fff;
  padding: 8px 16px;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  margin-top: -28px;
  margin-bottom: 62px;
}
div.gallery div.current-image {
  width: 640px;
  float: left;
}
div.gallery div.current-image a.prev,
div.gallery div.current-image a.next,
div.gallery div.current-image div.pager {
}
div.gallery div.current-image div.pager {
  width: 400px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  padding: 8px 0;
}
div.gallery div.current-image div.pager p {
  color: #000;
  font-size: 16px;
}
div.gallery div.current-image div.pager p a {
  color: #00549f;
  font-weight: bold;
}
div.gallery div.current-image div.pager p a:hover {
  background: none;
  text-decoration: underline;
}
div.gallery div.current-image a.prev,
div.gallery div.current-image a.next {
/*  background: rgba(0,0,0,0.2); */
  color: #fff;
  overflow: hidden;
  border-radius: 8px;
  width: 120px;
  height: 60px;
  display: block;
  margin-bottom: 8px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  border: 1px solid #ddd;
  background: #efefef;
}
div.gallery div.current-image a:hover {
/*  background: rgba(0,0,0,0.4); */
  opacity: 1.0;
}
div.gallery div.current-image a.prev {
  float: left;
}
div.gallery div.current-image a.next {
  float: right;
}
div.gallery div.current-image a i {
  background: rgba(0,0,0,0.2);
  width: 40px;
  text-align: center;
  font-size: 28px;
  position: absolute;
  z-index: 2;
  padding: 16px 0;
  color: #fff;
}
div.gallery div.current-image a.prev i {
  left: 0;
}
div.gallery div.current-image a.next i {
  right: 0;
}
div.gallery div.current-image a.prev div,
div.gallery div.current-image a.next div {
  height: 180px;
  margin: auto;
  position: absolute !important;
  left: 50%;
  top: 50%;
  width: 1000%;
  height: 2000px;
  line-height: 2000px;
  margin: -1000px 0 0 -500%;
  text-align: center;
}
div.gallery div.current-image a div img {
  min-height: 80px;
  min-width: 80px;
  max-width: 260px;
  max-height: 260px;
  vertical-align: middle;
  opacity: 0.5;
}
div.gallery div.current-image a:hover div img {
  opacity: 1.0;
}
div.gallery div.current-image a.prev img {
}
div.gallery div.current-image a.current {
  display: block;
  clear: both;
  margin: 0 auto 8px auto;
  background: rgba(0,0,0,0.2);
  padding: 8px 8px 16px 8px;
  border-radius: 8px;
  color: #fff;
  height: 426px;
}
div.gallery div.current-image a.current:hover {
  background: rgba(0,0,0,0.4);
}
div.gallery div.current-image a.current img {
  max-width: 100%;
  max-height: 400px;
  display: block;
  margin: 0 auto;
}
div.gallery div.current-image a.current p {
  text-align: center;
  margin-bottom: 8px;
  color: #fff;
}
div.gallery div.pager {
  width: 640px;
  position: relative;
  float: left;
  border-radius: 8px;
}
div.gallery div.pager ul.thumb-image {
  display: block;
  width: 580px;
  overflow-x: scroll;
  overflow-y: hidden;
  height: 80px;
  white-space: nowrap;
  margin: 0 30px;
  box-sizing: border-box;
  background: #efefef;
}
div.gallery div.pager ul.thumb-image li {
  display: inline-block;
  width: 80px;
  height: 80px;
  position: relative;
  overflow: hidden;
  border: 4px solid #00549f;
  box-sizing: border-box;
}
div.gallery div.pager ul.thumb-image li a {
  opacity: 0.5;
  position: relative;
  background: #000;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1000%;
  height: 2000px;
  line-height: 2000px;
  margin:-1000px 0 0 -500%;
  text-align: center;
}
div.gallery div.pager ul.thumb-image li a:hover {
  opacity: 1.0;
  background: #000;
}
div.gallery div.pager ul.thumb-image li.current {
  opacity: 1.0;
  border-color: #000;
}
div.gallery div.pager ul.thumb-image li.current a {
  opacity: 1.0;
}
div.gallery div.pager ul.thumb-image li a img {
  min-height: 80px;
  min-width: 80px;
  max-width: 240px;
  max-height: 240px;
  vertical-align: middle;
}
div.gallery div.pager ul.thumb-image div.pager {
  width: 640px;
  position: absolute;
}
div.gallery div.pager a.prev,
div.gallery div.pager a.next {
  position: absolute;
  width: 30px;
  height: 80px;
  margin: auto;
  z-index: 2;
  top: 0;
  background: rgba(0,0,0,0.2);
  display: table;
  text-align: center;
}
div.gallery div.pager a.prev:hover,
div.gallery div.pager a.next:hover {
  background: rgba(0,0,0,0.4);
}
div.gallery div.pager a i {
  display: table-cell;
  vertical-align: middle;
  font-size: 24px;
  color: #fff;
}
div.gallery div.pager a.prev {
  left: 0;
  border-radius: 8px 0 0 8px;
}
div.gallery div.pager a.next {
  right: 0;
  border-radius: 0 8px 8px 0;
}
div.gallery div.sideNav {
  float: right;
  width: 360px;
}
div.gallery div.sideNav h1 {
  margin-top: 16px;
  padding-left: 10px;
  border-left: 6px solid #00549f;
  font-size: 16px;
  margin-bottom: 8px;
}
div.gallery div.sideNav h1 a {
  color: #00549f;
}
div.gallery div.sideNav div.ad {
  max-width: 300px;
  max-height: 250px;
  overflow: hidden;
  display: block;
  background: #efefef;
  margin-bottom: 8px;
  margin: 0 auto 10px;
}
/**** // gallery ****/







div#contents.clearfix + footer#g-footer {
  margin-top: 16px;
}
#blogroll-84053 {
  height: 100%;
  overflow-y: hidden;
}
#blogroll-84054 {
  height: 100%;
  overflow-y: hidden;
}

/*記事下関連記事*/
div.related-post-list {
  padding-bottom: 8px;
}
div.related-post-list article.post {
  width: 230px;
  height: 149px;
  float: left;
  margin: 6px 6px 0px 6px;
  position: relative;
  overflow: hidden;
  background: rgba(0,84,159,1.0);
}
div.related-post-list article.post h1.post-ttl {
  display: block;
  height: 52px;
  padding: 8px 6px 6px 8px;
  color: #fff;
  background: rgba(0,84,159,0.8);
  overflow: hidden;
  position: absolute;
  bottom: 0;
  font-size: 13px;
  color: #fff;
  margin: 0 5px 5px 5px;
  width: 206px;
}
div.related-post-list article.post a {
  color: #fff;
}
div.related-post-list article.post a img {
  width: 230px;
  height: auto;
  background: #fff;
}
div.related-post-list .section-ttl {
  height: 56px;
  line-height: 56px;
  padding: 0 16px;
  color: #0066bf;
  font-size: 170%;
  font-weight: bold;
}
div.related-post-list .section-ttl {
  clear: both;
}
div.related-post-list .main-section {
  border: 1px solid #dddddd;
  height: 400px;
}
div.related-post-list article.post:hover {
  opacity: 0.8;
}
/** Blog roll
****************************************/
.blogroll.blogroll-top {
  width: 1052px;
  overflow: hidden;
  background-image: none;
  border: 4px solid #dddddd;
  margin: 0 auto;
  background: #fff;
}
.blogroll.single {
  background: #fff;
  border: 1px solid #dddddd;
}
.blogroll img {
  display: none;
}
.blogroll-ad-img,
.blogroll-ad-default {
  display: none !important;
}
.blogroll .left,
.blogroll .right,
.blogroll.single {
  width: 522px;
  height: 449px;
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: hidden;
}
.blogroll .left,
.blogroll .right {
  width: 522px;
  height: 338px;
}
.blogroll .left {
  float: left;
}
.blogroll .right {
  float: right;
}
.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;
  display: table;
  width: 100%;
}
.blogroll .left li,
.blogroll .right li {
  height: 33px;
  display: table;
  width: 100%;
}
.blogroll .left li a,
.blogroll .right li a,
.blogroll.single li a {
  height: inherit;
  line-height: 44px;
  padding-left: 32px;
  font-size: 14px;
  text-decoration: none;
  color: #000;
  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,
.blogroll .right li a {
  font-size: 12px !important;
  line-height: 33px;
  width: 490px;
}
.blogroll.single li a {
  width: 695px;
}
.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;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
}

.blogroll-header {
  width: 1052px;
  height: 450px;
  height: 338px;
  margin: 0 auto;
  border: 4px solid #dddddd;
  background-color: #fff;
}
.blogroll-header iframe {
  width: 1052px;
  height: 450px;
  height: 338px;
}
.blogroll-ad-img {
  position: absolute;
  left: -999em;
}
.blogroll-ad-default {
  position: absolute;
  left: -999em;
}

/* この記事に関連するwiki・関連動画 // */
.post-single .a-body h2.toggle {
  font-size: 21px;
  font-weight: bold;
  color: #333;
  background: none;
  position: relative;
  border-bottom: 1px solid #00549f;
  margin: 0 0 8px 0;
  cursor: pointer;
}
.post-single .a-body h2.toggle i {
  color: #00549f;
}
.post-single .a-body h2.toggle i.fa-plus {
  margin-right: 8px;
}
.post-single .a-body h2.toggle i.fa-chevron-right {
  margin-left: 8px;
  position: absolute;
  right: 0;
  padding: 8px 0;
}
div.accordion {
/*  border: 1px solid #fcfcfc; */
  margin: 0 8px 32px 8px;
}
div.accordion > p {
  margin: 8px 8px;
}
div.accordion img {
  max-width: 100%;
  display: block;
  margin: 0 auto 8px auto;
  background: #f5f5f5;
}
div.accordion div.accordion-inner {
  display: none;
}
div.accordion-inner table {
  width: 100%;
}
div.accordion-inner table th {
  width: 120px;
  padding: 8px;
  font-size: 108%;
  text-align: left;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
div.accordion-inner table td {
  padding: 8px;
  font-size: 108%;
  border-bottom: 1px solid #dddddd;
}
div.accordion-inner table td[colspan="2"] {
    padding: 6px 8px;
    background-color: #e9ecee;
    font-weight: bold;
}

/* // この記事に関連するwiki・関連動画 */

/* category tag一覧 */
div.cat-tag-list {
  padding: 0 16px;
}
div.cat-tag-list ul {
  float: left;
  width: 50%;
  box-sizing: border-box;
}
div.cat-tag-list ul:nth-child(odd) {
  padding-right: 16px;
}
div.cat-tag-list ul li {
}
div.cat-tag-list ul li a:hover,
div.cat-tag-list ul li a:active {
  color: #0066bf;
  text-decoration: underline;
}
div.cat-tag-list ul li i {
  margin-right: 4px;
}
div.cat-tag-list ul li.category {
  font-size: 18px;
  border-top: 1px solid #e3e3e3;
  margin-top: 16px;
  margin-bottom: 16px;
  padding-top: 16px;
}
div.cat-tag-list ul li.category i {
  color: #0066bf;
}
div.cat-tag-list ul li.category:first-child {
  margin-top: 0;
}
div.cat-tag-list ul li.category a {
  text-decoration: underline;
}
div.cat-tag-list ul li.tag {
  display: inline-block;
  margin: 0 8px 4px 0
}
div.cat-tag-list ul li.noLink i {
  color: #000;
}
div.cat-tag-list ul li.tag i {
  color: #0066bf;
}


/* 固定ページ 相互リンク先一覧 */
article.page div.link-list {
  padding-bottom: 8px;
}
article.page div.link-list section.site {
  overflow: hidden;
  margin-top: 8px;
  margin: 8px 0 0 0;
  padding: 8px 16px 0 16px;
  border-top: 1px solid #dddddd;
  position: relative;
}
article.page div.link-list section.site div.site-thumb {
  width: 240px;
  height: 155px;
  float: left;
  overflow: hidden;
}
article.page div.link-list section.site div.site-thumb img {
  width: 240px;
  height: auto;
}
article.page div.link-list section.site div.site-thumb a:hover {
  opacity: 0.8;
}
article.page div.link-list section.site div.site-meta {
  width: 438px;
  float: right;
}
article.page div.link-list section.site div.site-meta h2.site-ttl {
  max-height: 95px;
  clear: left;
  background: none;
  padding: 0px;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

}
article.page div.link-list section.site div.site-meta h2.site-ttl a {
  line-height: 1.55;
  display: block;
  padding: 8px;
  border: 1px solid #00549f;
}
article.page div.link-list section.site div.site-meta h2.site-ttl a:hover {
  background: #f0f9ff;
  color: #00549f;
  text-decoration: none;
}
/* アコーディオン Twitter // */
div.accordion.twitter h2.toggle {
  background: #1b95e0;
  border-radius: 4px;
}
div.accordion.twitter h2.toggle,
div.accordion.twitter h2.toggle i.fa {
  color: #fff;
}
div.accordion.twitter h2.toggle i.fa-chevron-right {
  right: 4px;
}
/* // アコーディオンTwitter */

/* res_content の中に入れるwiki // */
div.res_content div.accordion {
}
/* // res_content の中に入れるwiki */

div.ranking-left p.post-ttl {
  position: relative;
}

/* テスト // */
.testHidden,
.testHidden li {
  display: none;
}
/* // 広告 */
li.under-ad {
  display: none;
}

/* テスト */
#text-more-under-link li {
  margin: 10px 16px 0 0;
  border-bottom: 1px dashed #ccc;
}
#text-more-under-link li a {
  line-height: 1.8;
  padding-left: 40px;
  color: #0066bf;
  font-size: 16px;
  font-weight: bold;
  display: block;
  background: url(../img/liststyle.png) no-repeat 8px center;
  overflow: hidden;
  text-overflow: ellipsis;
}
#text-more-under-link h3.link-text-underrelated {
  color: #0066bf;
  border: none;
  margin: 12px 16px 0 0;
  font-size: 170%;
}

/* キュレーション */
#post {
  padding: 0 8px;
}
.heading-image img {
  width: 320px;
  height: 300px;
}
.heading-img {
  float: left;
  margin-right: 8px;
}
#description-img {
  margin-bottom: 40px;
  font-size: 14px;
}
blockquote.reference {
  background-color: #e9ecee;
  padding: 16px 8px;
  border-radius: 3px 3px 0 0;
  color: #484848;
  font-size: 16px;
  line-height: 25.6px;
  margin-bottom: 60px;
}