@charset "UTF-8";
/*
Theme Name: cyzo style theme
Theme URI: www.mescyzo.com
Description: メンスサイゾーのwordpress用テーマ
Version: 1.0
Author: CYZO Inc.
Author URI: cyzo.co.jp
Memo: style.cssは、scssフォルダにあるファイル（scss/style.scss）によって構成されています。
*/
/*
//mixinと変数を指定
@import "mixin+variable";
@import "reset";
//デフォルトスタイルの指定
@import "default+generic";
// 広告関連
//@import "ad";

//gulp.spritesmithで出力されるスプライト画像のscss定義
@import "sprite";

//gulp.spritesmithで出力されたscss定義をretinaディスプレイに対応
//@import "sprite-retina";

//サイトの大まかなレイアウト定義
//@import "layout";

//ヘッダー、フッター、定義 広告関連
@import "header+footer+ad";

@import "nav";
@import "side";
@import "index";
@import "archive";
@import "entry";
@import "search";
@import "artist"; 
@import "other";
*/
/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */
html {
  color: #000;
  background: #FFF;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
select,
p,
blockquote,
th,
td,
figure {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,
img {
  border: 0;
}

address,
button,
caption,
cite,
code,
dfn,
em,
input,
optgroup,
option,
select,
strong,
textarea,
th,
var {
  font: inherit;
}

del,
ins {
  text-decoration: none;
}

li {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before,
q:after {
  content: "";
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: baseline;
}

sub {
  vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
  color: #000;
}

body {
  font-size: 12px;
  /*font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','Lucida Grande',Verdana,'ＭＳ Ｐゴシック',sans-serif;*/
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif !important;
  color: #333;
  line-height: 1.6em;
  position: relative;
  overflow-y: scroll;
}

.smallFont {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif !important;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #555;
  text-decoration: underline;
}

img {
  vertical-align: top;
}

#wrapper div:after, #wrapper ul:after, #wrapper li:after, #wrapper dl:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  line-height: 0;
  visibility: hidden;
}

#headTools div:after, #headTools ul:after, #headTools li:after, #headTools dl:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  line-height: 0;
  visibility: hidden;
}

.headTools_bg {
  background: #f3f3f3;
  margin-top: 1.5em;
  height: 5em;
}

.split {
  display: block;
  overflow: hidden;
  background: url(./img/bg.png?20191112) no-repeat;
  text-indent: 100%;
  white-space: nowrap;
}

.boxTitle {
  position: absolute;
  top: 0;
}

.blackBox {
  padding-bottom: 1px;
  border-bottom: 1px solid #000;
  text-align: right;
}

.blackBox a {
  padding: 2px 5px;
  background: #000;
  font-size: 13px;
  color: #fff;
}

.whiteBox {
  width: 20px;
  padding: 4px 0 4px 4px;
  background: #fff;
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 0;
}

#contents {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}

#archive {
  float: left;
  width: 680px;
}

.index #archive {
  float: left;
  width: 670px;
}

#aside {
  float: right;
  width: 315px;
}

@font-face {
  font-family: Meiryo;
  src: local("Meiryo"), local("メイリオ");
}
em {
  font-family: Meiryo, "メイリオ", sans-serif;
  font-style: italic;
}

/* header
 ------------------------------*/
#header {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 86px;
}

#header #leadText {
  padding: 2px 0;
  font-size: 100%;
  text-align: right;
}

#header h1,
#header p {
  padding: 2px 0;
  font-size: 100%;
  text-align: right;
}

#header #logo {
  float: left;
  width: 246px;
  background-position: 0 0;
  text-align: center;
}

#header #logo .split {
  width: 246px;
  height: 90px;
  background-position: 0 0;
}

#header #ad_header {
  float: right;
  width: 728px;
  height: 90px;
}

/* index
 ------------------------------*/
#firstBlock {
  clear: both;
  width: 100%;
  padding-bottom: 20px;
}

#firstBlock #latestInfo {
  float: right;
  width: 550px;
}

#firstBlock #firstTL {
  float: left;
  width: 228px;
  position: relative;
}

#firstBlock #firstTL > div {
  position: relative;
}

#firstBlock #firstTL a,
#secondBlock #secondTL a,
#thirdBlock #thirdTL a {
  position: relative;
  z-index: 2;
}

#firstBlock #firstTL .large > a,
#secondBlock #secondTL .large > a,
#thirdBlock #thirdTL .large > a {
  display: block;
  overflow: hidden;
  width: 228px;
  height: 171px;
  margin-bottom: 9px;
}

.danger {
  position: absolute;
  top: 0;
  z-index: 1;
}

.danger img {
  display: none;
}

#firstBlock #firstTL .large {
  width: 100%;
  margin-bottom: 10px;
}

#firstBlock #firstTL .smallRight,
#firstBlock #firstTL .smallLeft {
  clear: both;
  width: 100%;
  margin-bottom: 13px;
}

#firstBlock #firstTL .smallRight > a {
  float: left;
  display: block;
  width: 84px;
  height: 63px;
  overflow: hidden;
}

#firstBlock #firstTL .smallLeft > a {
  float: right;
  display: block;
  width: 84px;
  height: 63px;
  overflow: hidden;
}

#firstBlock #firstTL .smallRight div {
  float: right;
  width: 134px;
}

#firstBlock #firstTL .smallLeft div {
  float: left;
  width: 134px;
}

#firstBlock #firstTL a img {
  margin-bottom: 9px;
}

#firstBlock #firstTL .large h2,
#firstBlock #firstTL .large h3 {
  font-size: 125%;
}

#firstBlock #firstTL .date {
  font-size: 78.6%;
  color: #000;
}

#firstBlock #firstTL .mediaJa {
  font-size: 78.6%;
  color: #000;
}

#firstBlock #firstTL .mediaJa:before {
  content: "|";
  padding: 0 5px;
  color: #000;
}

#firstBlock #firstTL .newIcon {
  display: none;
  font-size: 91.7%;
  font-weight: bold;
  color: #f00;
}

#firstBlock #firstTL .prIcon {
  display: inline-block;
  background-color: #000;
  color: #FFF;
  line-height: 1;
  padding: 3px;
}

#firstBlock #firstTL #boxTitleTL {
  width: 13px;
  height: 82px;
  background-position: 0 -118px;
  position: absolute;
  left: -15px;
}

#firstBlock #topVisual {
  float: left;
  width: 420px;
  position: relative;
}

#firstBlock #topVisual #boxTitlePickup {
  width: 13px;
  height: 51px;
  background-position: 0 -385px;
  left: -15px;
}

#firstBlock #pickup {
  overflow: hidden;
  width: 420px;
  height: 400px;
  position: relative;
}

#firstBlock #pickupInner {
  width: 1680px;
  position: absolute;
  top: 0;
  left: 0;
}

#firstBlock #pickupInner img {
  margin-bottom: 6px;
}

#firstBlock #pickupInner h2 {
  font-size: 166.7%;
  line-height: 1.2em;
}

#firstBlock #pickupInner span {
  font-size: 78.6%;
  color: #000;
}

#firstBlock #pickupInner .box {
  float: left;
  width: 420px;
  position: relative;
  z-index: 1;
}

#firstBlock #pickupInner .box a {
  position: relative;
  z-index: 2;
}

#firstBlock #circleRight {
  width: 18px;
  height: 36px;
  background-position: -30px -118px;
  position: absolute;
  top: 140px;
  right: 0;
  z-index: 10;
  cursor: pointer;
}

#firstBlock #circleLeft {
  width: 17px;
  height: 36px;
  background-position: -13px -118px;
  position: absolute;
  top: 140px;
  left: 0;
  z-index: 10;
  cursor: pointer;
}

#firstBlock #arrowRight {
  width: 16px;
  height: 15px;
  background-position: -48px -118px;
  position: absolute;
  top: 150px;
  right: -8px;
  z-index: 20;
  cursor: pointer;
}

#firstBlock #arrowLeft {
  width: 16px;
  height: 15px;
  background-position: -48px -133px;
  position: absolute;
  top: 150px;
  left: -8px;
  z-index: 20;
  cursor: pointer;
}

#firstBlock #first_goBlackcalendar {
  margin-bottom: 20px;
}

#firstBlock .videoTopic {
  position: relative;
}

#firstBlock .videoTopic > a {
  position: relative;
  z-index: 2;
}

#firstBlock .videoTopic img {
  margin-bottom: 6px;
}

#firstBlock .videoTopic h3 {
  font-size: 166.7%;
  line-height: 1.2em;
}

#firstBlock .videoTopic span {
  font-size: 78.6%;
  color: #000;
}

#firstBlock .boxTitleVideoTopic {
  width: 13px;
  height: 83px;
  background-position: 0 -200px;
  left: -15px;
}

.videoPlayBtn {
  position: absolute;
  top: 120px;
  left: 160px;
  z-index: 3;
}

#firstBlock #topSideFirst {
  float: right;
  width: 300px;
}

#secondBlock {
  clear: both;
  width: 100%;
  padding-bottom: 20px;
}

#secondBlock #secondTL {
  float: right;
  width: 228px;
  position: relative;
}

#secondBlock #secondTL .smallRight,
#secondBlock #secondTL .smallLeft {
  clear: both;
  width: 100%;
  margin-bottom: 13px;
  position: relative;
}

#secondBlock #secondTL .smallRight > a {
  float: left;
  display: block;
  width: 84px;
  height: 63px;
  overflow: hidden;
}

#secondBlock #secondTL .smallLeft > a {
  float: right;
  display: block;
  width: 84px;
  height: 63px;
  overflow: hidden;
}

#secondBlock #secondTL .smallRight div {
  float: right;
  width: 134px;
}

#secondBlock #secondTL .smallLeft div {
  float: left;
  width: 134px;
}

#secondBlock #secondTL a img {
  margin-bottom: 9px;
}

#secondBlock #secondTL .large h2,
#secondBlock #secondTL .large h3 {
  font-size: 125%;
}

#secondBlock #secondTL .date {
  font-size: 78.6%;
  color: #000;
}

#secondBlock #secondTL .mediaJa {
  font-size: 78.6%;
  color: #000;
}

#secondBlock #secondTL .mediaJa:before {
  content: "|";
  padding: 0 5px;
  color: #000;
}

#secondBlock #secondTL .newIcon {
  display: none;
  font-size: 91.7%;
  font-weight: bold;
  color: #f00;
}

#secondBlock #secondTL .prIcon {
  display: inline-block;
  background-color: #000;
  color: #FFF;
  line-height: 1;
  padding: 3px;
}

#secondBlock #photoGallery {
  float: left;
  width: 750px;
  position: relative;
}

#secondBlock #photoGallery a {
  display: block;
  position: relative;
  width: 750px;
  height: 460px;
  z-index: 2;
}

#secondBlock #photoGallery a div {
  width: 730px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}

#secondBlock #photoGallery a h4 {
  font-size: 166.7%;
  line-height: 1.2em;
}

#secondBlock #photoGallery .boxTitlePhotoGallery {
  width: 13px;
  height: 83px;
  background-position: 0 -283px;
  left: -15px;
}

#thirdBlock {
  clear: both;
  width: 100%;
  padding-bottom: 20px;
}

#thirdBlock #subInfo {
  float: left;
  width: 680px;
}

#thirdBlock #thirdTL {
  float: right;
  width: 228px;
}

#thirdBlock #thirdTL .large {
  width: 100%;
  margin-bottom: 10px;
  position: relative;
}

#thirdBlock #thirdTL .smallRight,
#thirdBlock #thirdTL .smallLeft {
  clear: both;
  width: 100%;
  margin-bottom: 13px;
  position: relative;
}

#thirdBlock #thirdTL .smallRight > a {
  float: left;
  display: block;
  width: 84px;
  height: 63px;
  overflow: hidden;
}

#thirdBlock #thirdTL .smallLeft > a {
  float: right;
  display: block;
  width: 84px;
  height: 63px;
  overflow: hidden;
}

#thirdBlock #thirdTL .smallRight div {
  float: right;
  width: 134px;
}

#thirdBlock #thirdTL .smallLeft div {
  float: left;
  width: 134px;
}

#thirdBlock #thirdTL a img {
  margin-bottom: 9px;
}

#thirdBlock #thirdTL .large h2,
#thirdBlock #thirdTL .large h3 {
  font-size: 125%;
}

#thirdBlock #thirdTL .date {
  font-size: 78.6%;
  color: #000;
}

#thirdBlock #thirdTL .newIcon {
  display: none;
  font-size: 91.7%;
  font-weight: bold;
  color: #f00;
}

#thirdBlock #thirdTL .mediaJa {
  font-size: 78.6%;
  color: #000;
}

#thirdBlock #thirdTL .mediaJa:before {
  content: "|";
  padding: 0 5px;
  color: #000;
}

#thirdBlock #thirdTL .prIcon {
  display: inline-block;
  background-color: #000;
  color: #FFF;
  line-height: 1;
  padding: 3px;
}

#thirdBlock #thirdVisual {
  float: left;
  width: 420px;
}

#thirdBlock .videoTopic {
  position: relative;
}

#thirdBlock .videoTopic > a {
  position: relative;
  z-index: 2;
}

#thirdBlock .videoTopic img {
  margin-bottom: 6px;
}

#thirdBlock .videoTopic h3 {
  font-size: 166.7%;
  line-height: 1.2em;
}

#thirdBlock .videoTopic span {
  font-size: 78.6%;
  color: #000;
}

#thirdBlock .boxTitleVideoTopic {
  width: 13px;
  height: 83px;
  background-position: 0 -200px;
  left: -15px;
}

#thirdBlock #topSideThird {
  float: right;
  width: 300px;
}

#thirdBlock #thridAd {
  width: 100%;
  padding: 20px 0;
}

#thirdBlock #thridAdBlock {
  float: left;
  width: 200px;
}

#thirdBlock #thridAdAmazon {
  float: right;
  width: 140px;
  padding: 11px 29px 9px 29px;
  border: 1px solid #ddd;
  text-align: center;
}

#thirdBlock #thridAdAmazon p {
  margin-top: 4px;
  text-align: left;
}

#thirdBlock #topColumn {
  clear: both;
  width: 420px;
}

#thirdBlock #topColumn dl {
  clear: both;
  overflow: hidden;
  width: 420px;
  height: 120px;
  margin-bottom: 15px;
  background: #010101;
  border-top: 1px solid #010101;
  border-bottom: 1px solid #010101;
  color: #fff;
}

#thirdBlock #topColumn dl dt {
  float: left;
  width: 20px;
  padding-top: 5px;
  text-align: center;
}

#thirdBlock #topColumn dl dd.photo {
  float: left;
  width: 160px;
  position: relative;
}

#thirdBlock #topColumn dl dd.photo a {
  position: relative;
  z-index: 2;
}

#thirdBlock #topColumn dl dd.title {
  float: left;
  width: 224px;
  padding: 3px 8px 12px 8px;
  font-size: 133.3%;
}

#thirdBlock #topColumn dl dd.title a {
  color: #fff;
}

#thirdBlock #topColumn dl dd .shoulder {
  font-size: 81.3%;
}

#thirdBlock #topColumn dl dd h4 {
  padding-top: 4px;
}

#thirdBlock #topColumn dl dd .date {
  font-size: 50%;
}

#footPhotoGallery {
  width: 100%;
  position: relative;
}

#footPhotoGallery a .pgText {
  width: 730px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
}

#footPhotoGallery a h4 {
  font-size: 166.7%;
  line-height: 1.2em;
}

#footPhotoGallery a {
  float: left;
  width: 750px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  display: block;
  position: relative;
}

#footPhotoGallery a img {
  position: relative;
  z-index: 2;
}

#footPhotoGallery a.fpgSmall {
  overflow: hidden;
  float: left;
  width: 248px;
  height: 152px;
  border: 1px solid #010101;
  position: relative;
}

#footPhotoGallery a#fpg3rd,
#footPhotoGallery a#fpg4th {
  border-top: none;
}

#footPhotoGallery .boxTitlePhotoGallery {
  width: 13px;
  height: 83px;
  background-position: 0 -283px;
  left: -15px;
}

.getRss {
  margin-bottom: 20px;
  position: relative;
}

.getRss ul {
  height: 240px;
  overflow: auto;
}

.getRss #boxTitleRSS {
  width: 13px;
  height: 130px;
  background-position: -488px -372px;
  left: -15px;
}

.getRss ul li {
  margin-bottom: 5px;
  font-size: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* entry
 ------------------------------*/
#entryMain {
  padding-top: 10px;
}

.shoulderTitle {
  padding-bottom: 4px;
  font-size: 116.7%;
}

#entryMain h1 {
  margin-bottom: 10px;
  font-size: 266.7%;
  font-weight: bold;
  line-height: 1.3em;
}

#entrySubInfo {
  width: 100%;
  margin-bottom: 20px;
  border-bottom: 1px solid #010101;
}

#entryMain #entrySubInfo .entryDate {
  float: right;
  width: 66px;
  padding-top: 9px;
  color: #000;
}

#entryMain #entrySubInfo ul {
  float: left;
  width: 600px;
  padding-bottom: 8px;
}

#entryMain #entrySubInfo li {
  overflow: hidden;
  display: inline-block;
  height: 21px;
  margin: 5px 10px 0 0;
  padding-top: 3px;
}

#entryMain #entrySubInfo li.pocket {
  width: 100px;
}

#entryMain #entrySubInfo li.hatebu {
  width: 50px;
}

#entryMain #entrySubInfo li.twitter {
  width: 106px;
}

#entryMain #entrySubInfo li.googleplus {
  width: 80px;
  height: 24px;
  padding-top: 0;
}

#entryMain #entrySubInfo li.facebook {
  width: 110px;
  height: 24px;
}

#entryMain #entrySubInfo li.tCommentBox {
  margin-right: 0;
}

#entryMain #entrySubInfo li.tCommentBox a {
  display: inline-block;
  border: 1px solid #000;
  border-radius: 3px;
  height: 19px;
}

#entryMain #entrySubInfo li.tCommentBox span:first-child {
  display: inline-block;
  background: #000;
  color: #fff;
  font-size: 11px;
  padding: 0 5px;
  text-align: center;
  padding-top: 1px;
  height: 18px;
}

#entryMain #entrySubInfo li.tCommentBox span:last-child {
  padding: 1px 5px 0 5px;
  height: 18px;
}

#entryMain #entrySubInfo #tags {
  clear: both;
  width: 100%;
  font-size: 12px;
}

#entryMain #entrySubInfo #tags .prIcon {
  float: right;
  display: inline-block;
  color: #FFF;
  background-color: #000;
  line-height: 1;
  padding: 4px;
}

#entryMain #entrySubInfo #tags h2 {
  display: inline;
}

#entryMain p {
  margin-bottom: 20px;
  font-size: 125%;
  line-height: 1.8em;
}

#entryMain p .tagLink {
  text-decoration: underline;
}

#entryMain p strong {
  font-weight: bold;
}

#entryMain blockquote {
  position: relative;
  margin-bottom: 20px;
  padding: 30px 15px 8px 15px;
  box-sizing: border-box;
  font-style: italic;
  background: #efefef;
  color: #555;
  background: #eee;
}
#entryMain blockquote:before {
  display: inline-block;
  position: absolute;
  top: 13px;
  left: 15px;
  content: "";
  font-family: FontAwesome;
  color: #cfcfcf;
  font-size: 28px;
  line-height: 1;
  font-weight: 900;
}
#entryMain blockquote p {
  line-height: 1.7;
  padding: 20px 0 0 0;
  margin: 0;
}

#entryMain img {
  max-width: 100%;
  height: auto;
}

#entryMain .entryImgCenter {
  margin: 0 auto;
  text-align: center;
}

#entryMain .entryImgRight {
  float: right;
  padding: 0 0 20px 20px;
  text-align: left;
}

#entryMain .entryImgLeft {
  float: left;
  padding: 0 20px 20px 0;
  text-align: left;
}

#entryMain .entryImgCenter p,
#entryMain .entryImgRight p,
#entryMain .entryImgLeft p {
  margin-top: 5px;
  margin-bottom: 0;
}

.entry #entryBody > div.left,
.entry #entryBody > div.center,
.entry #entryBody > div.right,
.entry pre {
  white-space: normal;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.entry figure.alignleft,
.entry img.alignleft,
.entryPhoto figure.alignleft,
.entry figure.alignleft,
.entry div.left,
.entry pre.left {
  float: left;
  margin: 0 20px 15px 0;
  white-space: normal;
  display: block;
}

.entry img.aligncenter,
.entryPhoto figure.aligncenter,
.entry figure.aligncenter,
.entry div.center,
.entry pre.center {
  display: block;
  margin: 0 auto 20px;
  text-align: center;
  white-space: normal;
}

.entry img.alignright,
.entryPhoto figure.alignright,
.entry figure.alignright,
.entry div.right,
.entry pre.right {
  float: right;
  margin: 0 0 15px 20px;
  white-space: normal;
  display: block;
}

.entryPhoto figure figcaption .entry figure figcaption .entry pre.stxt,
.entry span.stxt {
  display: block;
  margin: 0 auto;
  white-space: normal;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.entry pre.stxt2,
.entry span.stxt2 {
  display: block;
  margin: 0 auto;
  text-align: left;
  white-space: normal;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.entry pre.right img {
  display: block;
}

.entry #entryBody h3,
.entryPhoto #entryBody h3 {
  margin-bottom: 10px;
  padding: 3px 0 0 16px;
  border-left: 1px solid #010101;
  font-size: 183.3%;
  font-weight: bold;
  line-height: 1.2em;
}

#entryBody .tocana_blogcard {
  /*
  border: #666 solid 1px;
  		*/
  margin-bottom: 1em;
  padding: 8px;
  background: #ddd;
  position: relative;
}
#entryBody .tocana_blogcard .text {
  float: left;
  width: 72%;
  margin-bottom: 0;
  padding: 0;
}
#entryBody .tocana_blogcard h4 {
  font-size: 1.5em;
  line-height: 1.4em;
  font-weight: bold;
}
#entryBody .tocana_blogcard h4 a {
  /*
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  */
  color: #333;
}
#entryBody .tocana_blogcard p {
  font-size: 1em;
  margin-top: 0.6em;
  margin-bottom: 18px;
  padding: 0;
  line-height: 1.5em;
  color: #555;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
#entryBody .tocana_blogcard .photo {
  float: right;
  width: 25%;
}
#entryBody .tocana_blogcard .card_media {
  width: 72%;
  height: 1em;
  font-size: 12px;
  color: #000;
  position: absolute;
  clear: both;
  bottom: 12px;
}
#entryBody .tocana_blogcard .card_media img {
  position: absolute;
  top: 1px;
}
#entryBody .tocana_blogcard .card_media a {
  color: #000;
  position: absolute;
  left: 18px;
}
#entryBody .tocana_blogcard .card_media span {
  position: absolute;
  right: 0;
}

#entryMain #amazon {
  width: 100%;
  padding-top: 20px;
}

#entryMain #adAmazon {
  float: left;
  width: 600px;
}

#entryMain #adAmazon .photo {
  float: left;
  width: 140px;
}

#entryMain #adAmazon .txt {
  float: right;
  width: 450px;
}

#entryMain #adAmazon #amazonLink .split {
  width: 127px;
  height: 26px;
  background-position: -13px -338px;
}

#entryMain #adAmazon #amazonLink .split:hover {
  background-position: -13px -364px;
}

.entry #relationEntry {
  margin-top: 20px;
  border-top: 1px solid #010101;
}

.entry #relationEntry p {
  width: 50px;
  padding: 5px;
  background: #000;
  color: #fff;
  text-align: center;
}

.entry #relationEntry li {
  display: block;
  width: 100%;
  padding-top: 10px;
  font-size: 133.3%;
}

.entry #relationEntry li h2 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.entry #relationEntry li h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.entry #relationPhotoEntry {
  /*margin-top:20px;
  border-top:1px solid #010101;*/
  margin-top: -10px;
}

.entry #relationPhotoEntry p {
  /*	width:50px;
  	padding:5px;
  	background:#000;
  	color:#fff;
  	text-align:center;*/
  display: none;
}

.entry #relationPhotoEntry ul li {
  width: 158px;
  float: left;
  margin: 0 12px 10px 0;
}

.entry #relationPhotoEntry ul li a {
  display: block;
}

.entry #relationPhotoEntry ul li a .photo {
  overflow: hidden;
  width: 158px;
  height: 118px;
  margin-bottom: 5px;
}

.entry #categoryEntry {
  margin-top: 20px;
  border-top: 1px solid #010101;
  border-bottom: 1px solid #010101;
}

.entry #categoryEntry p {
  width: 100px;
  padding: 5px;
  background: #000;
  color: #fff;
  text-align: center;
}

.entry #categoryEntry div.box {
  float: left;
  width: 160px;
  margin: 16px 12px 0 0;
  position: relative;
}

.entry #categoryEntry div.box a {
  position: relative;
  z-index: 2;
}

.entry #categoryEntry div.videoPlayBtn {
  position: absolute;
  top: 50px;
  left: 67px;
}

.entry #categoryEntry div.box:nth-child(5) {
  margin-right: 0;
}

.entry #categoryEntry h3 {
  padding-top: 6px;
  font-size: 116.7%;
  line-height: 1.3em;
}

.entry #categoryEntry span {
  font-size: 83.3%;
  color: #000;
}

.entry #categoryEntry #gotoCatList {
  clear: both;
  float: right;
  height: 20px;
}

.entry #categoryEntry #gotoCatList .split {
  display: inline-block;
  float: left;
  width: 32px;
  height: 20px;
  background-position: -84px -318px;
}

.entry #categoryEntry #gotoCatList a {
  display: inline-block;
  float: left;
  height: 18px;
  padding: 2px 8px 0 0;
  background: #000;
  color: #fff;
}

.entry #latestEntryBox {
  padding-top: 16px;
}

.entry #archive #latestEntry {
  float: right;
  width: 100%;
}

.entry #latestEntry p {
  width: 50px;
  padding: 5px;
  background: #000;
  color: #fff;
  text-align: center;
}

.entry #latestEntry li {
  margin-top: 10px;
}

.entry #latestEntry h4 {
  font-size: 133.3%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.entry #latestEntry #gotoEntryList {
  float: right;
  height: 20px;
  margin-top: 10px;
  border-bottom: 1px solid #000;
}

.entry #latestEntry #gotoEntryList .split {
  display: inline-block;
  float: left;
  width: 32px;
  height: 20px;
  background-position: -84px -318px;
}

.entry #latestEntry #gotoEntryList a {
  display: inline-block;
  float: left;
  height: 18px;
  padding: 2px 8px 0 0;
  background: #000;
  color: #fff;
}

.entry #columnEntry dl {
  width: 100%;
  margin-top: 16px;
  background: #010101;
  color: #fff;
}

.entry #columnEntry dl dt {
  float: left;
  width: 22px;
  padding-top: 5px;
  text-align: center;
}

.entry #columnEntry dl dd:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  line-height: 0;
  visibility: hidden;
}

.entry #columnEntry dl dd:last-child {
  padding-bottom: 14px;
}

.entry #columnEntry dl dd {
  float: right;
  width: 629px;
  padding: 14px 14px 0 14px;
  border-left: 1px solid #fff;
  background: #010101;
}

.entry #columnEntry dl dd .photo {
  float: left;
  width: 160px;
  position: relative;
}

.entry #columnEntry dl dd .photo a {
  position: relative;
  z-index: 2;
}

.entry #columnEntry dl dd h4 {
  float: right;
  width: 440px;
  font-size: 183.3%;
  line-height: 1.3em;
}

.entry #columnEntry dl dd p {
  float: right;
  width: 440px;
}

.entry #columnEntry dl dd h4 a {
  color: #fff;
}

#articleBottomCatchText {
  margin-top: 20px;
}

.entry #relationLinks {
  margin-top: 20px;
  border-top: 1px solid #010101;
}

.entry #relationLinks p {
  width: 65px;
  padding: 5px;
  background: #000;
  color: #fff;
  text-align: center;
}

.entry #relationLinks div.box {
  float: left;
  width: 160px;
  margin: 16px 12px 16px 0;
  position: relative;
}

.entry #relationLinks div.box.relateLinkBoxClear {
  clear: both;
}

.entry #relationLinks div.box a.relationLinkPhoto {
  overflow: hidden;
  display: block;
  width: 160px;
  height: 160px;
  margin-bottom: 6px;
  position: relative;
  z-index: 2;
}

.entry #relationLinks div.videoPlayBtn {
  position: absolute;
  top: 50px;
  left: 67px;
}

.entry #relationLinks div.box:nth-child(5),
.entry #relationLinks div.box:nth-child(9) {
  margin-right: 0;
}

.entry #relationLinks h3 {
  display: inline;
  font-size: 116.7%;
  line-height: 1.3em;
}

.entry #relationLinks span {
  font-size: 83.3%;
  color: #000;
}

.entry #relationKeywords {
  margin-top: 20px;
  border-top: 1px solid #000;
}

.entry #relationKeywords p {
  width: 96px;
  padding: 5px;
  background: #000;
  color: #fff;
  text-align: center;
}

.entry #relationKeywords .gotoTag {
  float: left;
  height: 20px;
  margin: 10px 10px 0 0;
  border-bottom: 1px solid #000;
}

.entry #relationKeywords .gotoTag .split {
  display: inline-block;
  float: left;
  width: 32px;
  height: 20px;
  background-position: -84px -318px;
}

.entry #relationKeywords .gotoTag a {
  display: inline-block;
  float: left;
  height: 18px;
  padding: 2px 8px 0 0;
  background: #000;
  color: #fff;
}

.articleToDetail {
  margin-bottom: 1.6em;
}
.articleToDetail a {
  display: block;
  width: 200px;
  background-color: #e6006a;
  border-radius: 6px;
  padding: 10px 0;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-size: 16px;
}

#over18 {
  display: none;
  width: 1000px;
  height: 1000px;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  color: #fff;
}

#over18 .inner {
  width: 1000px;
  margin: 0 auto;
}

#over18 #over18TextBox {
  float: right;
  width: 739px;
  height: 163px;
  margin: 100px auto 0 auto;
  padding: 20px;
  border: 3px solid #fff;
}

#over18 p {
  padding-bottom: 20px;
}

#over18 p#over18Title {
  font-size: 166.7%;
  font-weight: bold;
  text-align: center;
}

#over18 p#over18Sentence {
  font-size: 116.7%;
}

#over18 p#over18confirm {
  padding-bottom: 8px;
  font-size: 116.7%;
  text-align: center;
}

#over18 #over18TextBox div {
  float: left;
  width: 48%;
  padding: 0 0 0 2%;
}

#over18 #over18TextBox div#iamover18 {
  padding: 0 2% 0 0;
  text-align: right;
}

#over18 a {
  font-size: 166.7%;
  color: #fff;
}

#over18 #over18ImgBox {
  float: left;
  width: 209px;
  margin: 100px auto 0 auto;
}

.entryPhoto #archive {
  width: 800px;
}

.entryPhoto .entryDate {
  width: 104px;
  margin-top: 1px;
  padding: 6px 8px 3px 8px;
  background: #000;
  font-size: 133.3%;
  color: #fff;
  text-align: center;
}

.entryPhoto .shoulderTitle {
  margin-top: 10px;
}

.entryPhoto #entryMain #tags {
  width: 100%;
  padding-top: 0;
}

.entryPhoto #entryMain #tags dl {
  float: none;
  width: 100%;
}

.entryPhoto #entryMain #tags dt {
  display: inline-block;
  width: auto;
  padding: 0;
  background: none;
  color: #000;
  font-size: 133.3%;
}

.entryPhoto #entryMain #tags dd {
  display: inline-block;
  padding: 0 10px 0 0;
}

.entryPhoto #thisMonthPhoto {
  width: 100%;
  margin-top: 16px;
  border-top: 1px solid #000;
}

.entryPhoto #thisMonthPhoto p {
  width: 80px;
  margin-bottom: 16px;
  padding: 5px;
  background: #000;
  color: #fff;
  text-align: center;
}

.entryPhoto #thisMonthPhoto ul {
  float: left;
  width: 492px;
}

.entryPhoto #thisMonthPhoto ul li {
  float: left;
  width: 120px;
  margin: 0 3px 3px 0;
}

.entryPhoto #photoArchive {
  width: 100%;
  margin-top: 16px;
  border-top: 1px solid #000;
}

.entryPhoto #photoArchive p {
  width: 100px;
  margin-bottom: 16px;
  padding: 5px;
  background: #000;
  color: #fff;
  text-align: center;
}

.entryPhoto #photoArchive ul {
  width: 100%;
}

.entryPhoto #photoArchive ul li {
  float: left;
  width: 120px;
  margin: 0 3px 3px 0;
}

/* entry コメント
 ------------------------------*/
.entry #comments {
  margin-top: 20px;
  border-top: 1px solid #010101;
}

.entry #comments > p {
  width: 50px;
  padding: 5px;
  background: #000;
  color: #fff;
  text-align: center;
}

.entry #comments > div {
  margin-top: 16px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #aaa;
}

.entry #comments > div:last-child {
  border-bottom: none;
}

.entry #comments .published {
  display: inline-block;
  float: right;
}

.entry #comments .published,
.entry #comments .published a {
  color: #aaa;
}

.entry #comments .comment-header {
  padding-bottom: 4px;
}

.entry #comments .comment-content p {
  font-size: 13px;
  line-height: 1.8em;
  word-wrap: break-word;
}

.entry #comments .comment-content p a {
  text-decoration: underline;
  cursor: pointer;
}

.entry #comments-open {
  margin-top: 20px;
  border-top: 1px solid #010101;
}

.entry #comments-open > p {
  width: 110px;
  padding: 5px;
  background: #000;
  color: #fff;
  text-align: center;
}

.entry #comments-open #commentForm {
  width: 100%;
  margin-top: 16px;
}

.entry #comments-open #commentForm > tbody > tr > th,
.entry #comments-open #commentForm > tbody > tr > td {
  background: #fff;
  vertical-align: middle;
}

.entry #comments-open #commentForm > tbody > tr > th {
  width: 119px;
  border-bottom: 1px solid #fff;
  background: #000;
  color: #fff;
  text-align: center;
}

.entry #comments-open #commentForm > tbody > tr > td {
  padding: 5px;
  border: 1px solid #000;
  border-left: none;
}

.entry #comments-open #commentForm > tbody > tr:first-child > th {
  border-top: 1px solid #000;
}

.entry #comments-open #commentForm > tbody > tr:last-child > th {
  border-bottom: 1px solid #000;
}

.entry #comments-open #commentForm input[type=text] {
  width: 400px;
  height: 25px;
}

.entry #comments-open #commentForm textarea {
  width: 546px;
  height: 200px;
}

.entry #comments-open-footer {
  width: 50%;
  margin: 20px auto 0 auto;
}

.entry #comments-open-footer input[type=submit] {
  width: 100%;
  padding: 10px 0;
  border: none;
  border-radius: 4px;
  background: #000;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
}

.entry #comments-open-footer input[type=submit]:hover {
  background: #444;
}

.entry #comments-open-caution {
  width: 100%;
  font-size: 11px;
}

.commentClone {
  width: 600px;
  padding: 10px;
  border: 1px solid #000;
  border-radius: 3px;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 6px 3px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 6px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 6px 3px;
  position: relative;
  z-index: 200;
}

.commentClone:before {
  content: "";
  display: block;
  visibility: visible;
  content: "";
  width: 7px;
  height: 7px;
  background: #000;
  position: absolute;
  top: 8px;
  left: -5px;
  transform: rotate(45deg);
}

.commentClone:after {
  content: "";
  display: block;
  visibility: visible;
  width: 7px;
  height: 7px;
  background: #fff;
  position: absolute;
  top: 8px;
  left: -4px;
  transform: rotate(45deg);
}

/* entry ちょい読み
 ------------------------------*/
.entryThumbnail {
  width: 228px;
  float: left;
}

.entryParagraph {
  float: right;
  width: 440px;
}

.photoParagraph {
  float: right;
  width: 550px;
}

.entryParagraph p, .photoParagraph p {
  word-break: break-all;
}

.entryParagraph p {
  margin-bottom: 0 !important;
}

#entryReadMore {
  clear: both;
  padding-top: 10px;
  margin-bottom: 10px;
}

#entryReadMore a {
  border: 1px solid #000;
  border-radius: 4px;
  background: #000;
  display: block;
  width: 50%;
  margin: 0 auto;
  padding: 10px 0;
  background-color: #000;
  color: #fff;
  font-size: 18px;
  text-align: center;
}

/* category
 ------------------------------*/
.category #categoryTitle {
  width: 673px;
  margin-bottom: 28px;
  padding: 7px 0 7px 7px;
  background: #010101;
  font-size: 116.7%;
  color: #fff;
}

.category .large {
  width: 680px;
  position: relative;
  padding-bottom: 14px;
  border-bottom: 1px solid #ccc;
}

.category .large.no7 {
  margin-top: 14px;
}

.category .large h2 {
  margin-bottom: 10px;
  padding-top: 14px;
  font-size: 233%;
  line-height: 1.2em;
}

.category .large:first-child h2 {
  padding-top: 0;
}

.category .large .text {
  float: right;
  width: 340px;
}

.category .large .text p {
  margin-bottom: 16px;
  font-size: 133%;
  line-height: 1.3em;
}

.category .large .text .pubdate {
  position: absolute;
  right: 0;
  bottom: 10px;
}

.category .large .text .newIcon {
  display: none;
  font-size: 91.7%;
  font-weight: bold;
  color: #f00;
}

.category .large .text .prIcon {
  display: inline-block;
  background-color: #000;
  color: #FFF;
  line-height: 1;
  padding: 3px;
}

.category .large .text .pubdate .date {
  font-size: 78.6%;
  color: #000;
}

.category .large .text .mediaJa {
  font-size: 78.6%;
  color: #000;
}

.category .large .text .mediaJa:before {
  content: "|";
  padding: 0 5px;
  color: #000;
}

.category .large .photo {
  float: left;
  width: 320px;
  position: relative;
}

.category .large .photo a {
  position: relative;
  z-index: 2;
}

.category .large .photo .videoPlayBtn {
  position: absolute;
  top: 86px;
  left: 120px;
}

.category .middleBox {
  float: left;
  width: 340px;
  margin-top: 18px;
  border-bottom: 1px solid #ccc;
}

.category .middleBoxInner {
  background: url(./img/archive/bg-category_middle.png) repeat-y;
}

.category .middleBox .middle {
  float: left;
  width: 326px;
  margin-bottom: 14px;
  padding-right: 14px;
  border-right: 1px solid #ccc;
  position: relative;
}

.category .middleBox:nth-child(2n) .middle {
  float: right;
  width: 326px;
  padding: 0;
  border: none;
  position: relative;
}

.category .middle h3 {
  margin-bottom: 14px;
  font-size: 150%;
  line-height: 1.2em;
}

.category .middle .text {
  float: right;
  width: 175px;
}

.category .middle .text .pubdate {
  position: absolute;
  right: 0;
  bottom: 0;
}

.category .middleBox:nth-child(2n+1) .middle .text .pubdate {
  right: 14px;
}

.category .middle .text .newIcon {
  display: none;
  font-size: 91.7%;
  font-weight: bold;
  color: #f00;
}

.category .middle .text .prIcon {
  display: inline-block;
  background-color: #000;
  color: #FFF;
  line-height: 1;
  padding: 3px;
}

.category .middle .text .pubdate .date {
  font-size: 78.6%;
  color: #000;
}

.category .middle .text .mediaJa {
  font-size: 78.6%;
  color: #000;
}

.category .middle .text .mediaJa:before {
  content: "|";
  padding: 0 5px;
  color: #000;
}

.category .middle .photo {
  float: left;
  width: 140px;
  position: relative;
}

.category .middle .photo a {
  position: relative;
  z-index: 2;
}

.category .small {
  clear: both;
  width: 680px;
  padding: 14px 0;
  border-bottom: 1px solid #ccc;
  position: relative;
}

.category .small h2, .category .small h4 {
  margin-bottom: 14px;
  font-size: 200%;
  line-height: 1.3em;
}

.category .small .text {
  float: right;
  width: 545px;
}

.category .small .text .pubdate {
  position: absolute;
  right: 0;
  bottom: 10px;
}

.category .small .text .newIcon {
  display: none;
  font-size: 91.7%;
  font-weight: bold;
  color: #f00;
}

.category .small .text .prIcon {
  display: inline-block;
  background-color: #000;
  color: #FFF;
  line-height: 1;
  padding: 3px;
}

.category .small .text .pubdate .date {
  font-size: 78.6%;
  color: #000;
}

.category .small .text .pubdate .mediaJa {
  font-size: 78.6%;
  color: #000;
}

.category .small .text .pubdate .mediaJa:before {
  content: "|";
  padding: 0 5px;
  color: #000;
}

.category .small .photo {
  float: left;
  width: 120px;
  position: relative;
}

.category .small .photo a {
  position: relative;
  z-index: 2;
}

#nextPageTitle {
  clear: both;
}

#nextPageTitle a {
  background: #000;
  padding: 20px 35px 20px 10px;
  text-align: center;
  display: block;
  margin: 20px 0;
  position: relative;
}

#nextPageTitle a:hover {
  text-decoration: none;
  background-color: #666;
}

#nextPageTitle a:after {
  display: block;
  content: "▶";
  font-size: 25px;
  font-weight: bold;
  color: #fff;
  position: absolute;
  top: 37%;
  right: 10px;
}

#nextPageTitle a span {
  color: #fff;
}

#nextPageTitle a span.nextText {
  font-size: 14px;
  padding-right: 5px;
}

#nextPageTitle a span.titleText {
  font-size: 18px;
  font-weight: bold;
}

#pageNav {
  clear: both;
  width: 100%;
  padding: 20px 0;
  text-align: center;
}

.entry #pageNav {
  padding-top: 0;
}

#pageNav ul li {
  vertical-align: middle;
}

#pageNav li,
#pageNav li.pageLink a,
#pageNav li.current span,
#pageNav li.next a,
#pageNav li.prev a {
  display: inline-block;
  font-weight: bold;
}

#pageNav li a {
  text-decoration: underline;
}

#pageNav li.next,
#pageNav li.prev {
  width: 132px;
  height: 32px;
  line-height: 0;
}

#pageNav li.next a,
#pageNav li.prev a {
  width: 132px;
  height: 32px;
  line-height: 0;
}

#pageNav li.prev .split {
  background-position: -144px -254px;
}

#pageNav li.prev .split:hover {
  background-position: -13px -254px;
}

#pageNav li.next .split {
  background-position: -144px -286px;
}

#pageNav li.next .split:hover {
  background-position: -13px -286px;
}

#pageNav li.pageLink,
#pageNav li.current {
  width: 32px;
  height: 32px;
}

#pageNav li.pageLink a,
#pageNav li.current span {
  width: 30px;
  height: 30px;
  line-height: 2.7em;
}

#pageNav li.pageLink a,
#pageNav li.current span {
  display: block;
  border: 1px solid #000;
}

#pageNav li.pageLink a {
  background: #010101;
  color: #fff;
}

#pageNav li.pageLink a:hover {
  background: #fff;
  color: #010101;
}

/* side
 ------------------------------*/
.normalAside {
  position: absolute;
  top: 0;
  right: 0;
}

.fixAside {
  position: fixed;
  bottom: 0;
  right: 0;
}

.stopAside {
  position: absolute;
  bottom: 0;
  right: 0;
}

.module {
  clear: both;
  width: 100%;
  margin-bottom: 15px;
}

.moduleTitle {
  padding: 4px 0 4px 8px;
  background: #000;
  font-size: 14px;
  color: #fff;
}

#aside {
  float: right;
  width: 300px;
}

.entryPhoto #aside {
  width: 160px;
}

#contributor {
  position: relative;
}

#contributor a.title {
  display: block;
  width: 100%;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#contributor span.date {
  font-size: 78.6%;
  color: #000;
}

#contributor span.mediaJa {
  font-size: 78.6%;
  color: #000;
}

#contributor span.mediaJa:before {
  content: "|";
  padding: 0 5px;
  color: #000;
}

#rankingEntry {
  width: 100%;
}

#rankingEntry li span {
  float: left;
  width: 33px;
  height: 33px;
}

#rankingEntry li a {
  float: right;
  width: 267px;
  height: 26px;
  padding-top: 7px;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#rankingEntry #no01 {
  background-position: -246px 0;
}

#rankingEntry #no02 {
  background-position: -279px 0;
}

#rankingEntry #no03 {
  background-position: -312px 0;
}

#rankingEntry #no04 {
  background-position: -345px 0;
}

#rankingEntry #no05 {
  background-position: -378px 0;
}

#rankingEntry #no06 {
  background-position: -411px 0;
}

#ranking .noPR {
  background-position: -145px -376px;
}

/* ランキング改修 */
#ranking input {
  display: none;
}

#rankTabList li {
  float: left;
  width: 50%;
}

#rankTabList label {
  display: block;
  height: 20px;
  text-align: center;
  background-color: #dddddd;
  padding: 5px 0;
  position: relative;
  cursor: pointer;
}

#switchWonder:checked ~ #rankTabList li label[for=switchWonder],
#switchAll:checked ~ #rankTabList li label[for=switchAll] {
  background-color: #ffffff;
  cursor: default;
}

/* ランキング部分の切り替え */
#ranking {
  width: 300px;
  overflow: hidden;
  position: relative;
}

#rankingContents {
  position: relative;
  width: 600px;
  transition: left 1s ease 0s;
  -webkit-transition: left 1s ease 0;
}

#rankingContents ul {
  width: 300px;
  float: left;
}

#switchWonder:checked ~ #rankingContents {
  left: 0;
}

#switchAll:checked ~ #rankingContents {
  left: -300px;
}

/*タブ選択(:selected)「#tabWonder」の時:#tabAllに白の三角形を表示*/
#switchWonder:checked ~ #rankTabList li label[for=switchAll]:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-style: solid;
  border-width: 30px 0 0 30px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFF;
}

/*タブ選択(:selected)「#tabAll」の時:#tabWonderに白の三角形を表示*/
#switchAll:checked ~ #rankTabList li label[for=switchWonder]:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  border-style: solid;
  border-width: 0 0 30px 30px;
  border-color: transparent transparent #ffffff transparent;
}

#rankingContents li {
  width: 100%;
  border-bottom: 1px solid #ddd;
}

#rankingContents li span {
  float: left;
  width: 33px;
  height: 33px;
}

#rankingContents li a {
  float: right;
  width: 267px;
  height: 26px;
  padding-top: 7px;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* ランキング下のテキスト広告 */
#ranking .txtAd {
  width: 100%;
  border-bottom: 1px solid #ddd;
}

#ranking .txtAd a {
  float: right;
  width: 267px;
  font-size: 14px;
}

#ranking .txtAd > .noPR {
  float: left;
  width: 33px;
  height: 33px;
}

#rankingContents #no01 {
  background-position: -246px 0;
}

#rankingContents #no02 {
  background-position: -279px 0;
}

#rankingContents #no03 {
  background-position: -312px 0;
}

#rankingContents #no04 {
  background-position: -345px 0;
}

#rankingContents #no05 {
  background-position: -378px 0;
}

#rankingContents #no06 {
  background-position: -411px 0;
}

#ranking .noPR {
  background-position: -145px -376px;
}

#editor_recommend {
  width: 100%;
}

#editor_recommend li {
  width: 100%;
  border-bottom: 1px solid #ddd;
}

#editor_recommend li a {
  display: block;
  height: 26px;
  padding-top: 7px;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#latestEntry dt {
  clear: both;
  float: left;
  width: 64px;
  height: 23px;
  padding: 7px 0 0 8px;
  border-bottom: 1px solid #ddd;
  background: #f1f1f1;
}

#latestEntry dd {
  float: left;
  width: 220px;
  height: 23px;
  padding: 7px 0 0 8px;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#postPhoto a {
  width: 300px;
  height: 50px;
  background-position: -13px -450px;
}

#authorPickup {
  width: 300px;
}

#authorPickup .smallRight,
#authorPickup .smallLeft {
  clear: both;
  width: 100%;
  margin-top: 10px;
}

#authorPickup .smallRight > a {
  float: left;
  display: block;
  width: 140px;
  height: 105px;
  position: relative;
}

#authorPickup .smallLeft > a {
  float: right;
  display: block;
  width: 140px;
  height: 105px;
  position: relative;
}

#authorPickup .smallRight > a img {
  position: relative;
  z-index: 2;
}

#authorPickup .smallLeft > a img {
  position: relative;
  z-index: 2;
}

#authorPickup .smallRight div {
  float: right;
  width: 150px;
}

#authorPickup .smallLeft div {
  float: left;
  width: 150px;
}

#authorPickup div p {
  font-size: 120%;
  line-height: 1.2;
}

#authorPickup .date {
  font-size: 78.6%;
  color: #000;
}

#authorPickup .mediaJa {
  font-size: 78.6%;
  color: #000;
}

#authorPickup .mediaJa:before {
  content: "|";
  padding: 0 5px;
  color: #000;
}

#sideVideo .videoTopic {
  position: relative;
}

#sideVideo .videoTopic a {
  position: relative;
  z-index: 2;
}

#sideVideo .videoTopic .videoPlayBtn {
  position: absolute;
  top: 82px;
  left: 114px;
}

#sideVideo .videoTopic .blackBox {
  width: 300px;
  margin-top: 5px;
  padding-bottom: 0;
}

#sideVideo .videoTopic .blackBox a {
  float: right;
  width: 70px;
  height: 20px;
  padding: 0;
  background: url(./img/bg.png) no-repeat;
  background-position: -13px -318px;
}

#sideVideo .videoTopic .boxTitleVideoTopic {
  width: 13px;
  height: 83px;
  background-position: 0 -200px;
  right: -15px;
}

#sidePhoto .photoTopic {
  position: relative;
}

#sidePhoto .photoTopic a {
  position: relative;
  z-index: 2;
}

#sidePhoto .photoTopic .blackBox {
  width: 300px;
  margin-top: 5px;
  padding-bottom: 0;
}

#sidePhoto .photoTopic .blackBox a {
  float: right;
  width: 70px;
  height: 20px;
  padding: 0;
  background: url(./img/bg.png) no-repeat;
  background-position: -13px -318px;
}

#sidePhoto .photoTopic .boxTitlePhotoGallery {
  width: 13px;
  height: 83px;
  background-position: 0 -283px;
  right: -15px;
}

#sideColumn dl {
  color: #fff;
  background: #010101;
}

#sideColumn dl dt {
  float: left;
  width: 22px;
  padding-top: 5px;
  text-align: center;
}

#sideColumn dl dd:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  line-height: 0;
  visibility: hidden;
}

#sideColumn dl dd:last-child {
  padding-bottom: 14px;
}

#sideColumn dl dd {
  float: right;
  width: 249px;
  padding: 14px 14px 0 14px;
  border-left: 1px solid #fff;
  background: #010101;
}

#sideColumn dl dd .photo {
  float: left;
  width: 120px;
  position: relative;
}

#sideColumn dl dd .photo a {
  position: relative;
  z-index: 2;
}

#sideColumn dl dd .title {
  float: right;
  width: 125px;
  font-size: 125%;
}

#sideColumn dl dd .title a {
  color: #fff;
}

#entryLatestPhoto li {
  padding: 5px 0;
  border-top: 1px solid #000;
}

#entryLatestPhoto .blackBox {
  margin-top: 10px;
}

#cyzomediaArticle {
  clear: both;
  width: 420px;
  margin-bottom: 15px;
}

#cyzomediaArticle ul#cyzomediaArticlelist li {
  width: 406px;
  padding: 6px 7px;
  border-bottom: 1px solid #DDD;
}

#cyzomediaArticle ul#cyzomediaArticlelist li img {
  float: left;
}

#cyzomediaArticle ul#cyzomediaArticlelist li a {
  display: block;
  float: right;
  width: 380px;
  font-size: 14px;
  padding-left: 7px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* mediaicon
---------------------------------------------------------------------------------------------*/
.bigcelebicon {
  background-image: url("https://big-celeb.jp/img/icon.png");
}

.bjicon, .gjicon {
  background-image: url("https://biz-journal.jp/common/newzia/newzia_bj_icon.gif");
}

.bpicon {
  background-image: url("https://realsound.jp/img/icon-sns.gif");
}

.literaicon {
  background-image: url("https://lite-ra.com/img/icon.png");
}

.mensicon {
  background-image: url("https://www.menscyzo.com/common/newzia/newzia_mens_icon.gif");
}

.messyicon {
  background-image: url("https://tocana.jp/img/icon-messy.gif");
}

.otapolicon {
  background-image: url("https://otapol.jp/img/newzia-otapol.gif");
}

.premiumicon {
  background-image: url("https://www.premiumcyzo.com/common/newzia/newzia_premium_icon.gif");
}

.nikkanicon {
  background-image: url("https://www.cyzo.com/common/newzia/newzia_cyzo_icon.gif");
}

.womanicon {
  background-image: url("https://www.cyzowoman.com/common/newzia/newzia_woman_icon.gif");
}

.healthpressicon {
  background-image: url("https://healthpress.jp/img/icon.png");
}

.mediaicon {
  background-repeat: no-repeat;
  background-position: 6px 0;
  padding-left: 26px;
}

.mediaicon:before {
  display: none;
}

/* footer
 ------------------------------*/
#footer {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #010101;
}

#aboutTocana {
  width: 1000px;
  margin: 0 auto;
}

#aboutTocana #sns {
  width: 246px;
  float: left;
}

#aboutTocana #sns div a {
  width: 246px;
  height: 70px;
  background-position: 0 0;
}

#aboutTocana #sns ul {
  float: left;
  width: 246px;
  height: 20px;
  margin-top: 20px;
  padding-top: 2px;
  text-align: center;
}

#aboutTocana #sns ul li {
  display: inline-block;
  width: 25px;
  height: 22px;
  margin-right: 10px;
}

#aboutTocana #sns ul li a {
  width: 25px;
  height: 20px;
}

#aboutTocana ul li.twitter a {
  background-position: -155px -118px;
}

#aboutTocana ul li.facebook a {
  background-position: -130px -118px;
}

#aboutTocana ul li.google a {
  background-position: -161px -318px;
}

#aboutTocana ul li.feedly a {
  background-position: -186px -318px;
}

#aboutTocana ul li.instagram a {
  background-position: -212px -318px;
}

#aboutTocana ul li.rss a {
  background-position: -180px -118px;
}

#aboutTocana #archives {
  clear: both;
  width: 100%;
  font-size: 13px;
  padding-top: 20px;
}

#aboutTocana #sns #footerKeywords p {
  clear: both;
  padding: 20px 0 6px 0;
  font-weight: bold;
}

#aboutTocana #sns #footerKeywords ul {
  height: auto;
  margin-top: 0;
  text-align: left;
}

#aboutTocana #sns #footerKeywords li {
  width: 24px;
  height: 18px;
  margin-right: 0;
  line-height: 1em;
}

#aboutTocana #sns #footerKeywords li a {
  width: 25px;
  height: 20px;
}

#footerCategories {
  float: right;
  width: 730px;
  font-size: 13px;
}

#footerCategories dl {
  margin-bottom: 13px;
}

#footerCategories dd {
  display: inline-block;
}

#footerCategories dd a {
  text-decoration: underline;
}

#footerCategories dd:before {
  content: "/ ";
  margin-left: 6px;
}

#footerCategories dd:first-of-type:before {
  content: "";
  margin: 0;
}

#aboutTocana #archives p {
  font-weight: bold;
}

#aboutTocana #archives ul {
  margin-bottom: 14px;
}

#aboutTocana #archives li {
  display: inline-block;
  margin-right: 6px;
}

#aboutTocana #archives li:before {
  content: "/ ";
}

#aboutTocana #archives li:first-child:before {
  content: "";
}

#aboutTocana #archives a {
  text-decoration: underline;
}

#aboutTocana #archives a:hover {
  text-decoration: none;
}

#aboutTocana #archives dl dt {
  clear: both;
  display: block;
  float: left;
}

#aboutTocana #archives dl dd {
  display: block;
  float: left;
  margin-left: 6px;
}

#cyzoLink {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #010101;
}

#cyzoLink > div {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

#cyzoLink ul li {
  display: inline-block;
}

#mediaLink {
  margin-top: 20px;
}

#mediaLink li {
  display: inline-block;
  vertical-align: top;
}

#mediaLink li a {
  text-decoration: underline;
  color: #000;
}

#copyright {
  margin: 20px auto 0;
  border-top: 1px solid #010101;
  padding-top: 20px;
  width: 100%;
  text-align: center;
}

/*
#cyzoLink ul li#nikkan a 	{width: 99px;height: 40px;background-position:-252px -33px;background-size:490% auto;}
#cyzoLink ul li#woman a 	{width:146px;height: 40px;background-position:-351px -33px;background-size:90% auto;}
#cyzoLink ul li#mens a 		{width: 99px;height: 40px;background-position:-279px -73px;}
#cyzoLink ul li#premium a 	{width: 87px;height: 40px;background-position:-370px -73px;}
#cyzoLink ul li#happism a 	{width: 91px;height: 40px;background-position:-279px -113px;}
#cyzoLink ul li#bj a 		{width:110px;height: 40px;background-position:-370px -113px;}
#cyzoLink ul li#messy a 	{width: 98px;height: 40px;background-position:-312px -154px;}
#cyzoLink ul li#cylab a 	{width:130px;height: 40px;background-position:-312px -194px;}
#cyzoLink ul li#realsound a {width:140px;height: 40px;background-position:-312px -234px;}
*/
#cyzoLink ul li#nikkan a {
  width: 89px;
  height: 40px;
  background-position: -252px -33px;
  background-size: 490% auto;
}

#cyzoLink ul li#woman a {
  width: 136px;
  height: 40px;
  background-position: -351px -33px;
  background-size: 90% auto;
}

#cyzoLink ul li#mens a {
  width: 89px;
  height: 40px;
  background-position: -279px -73px;
}

#cyzoLink ul li#premium a {
  width: 77px;
  height: 40px;
  background-position: -370px -73px;
}

#cyzoLink ul li#happism a {
  width: 81px;
  height: 40px;
  background-position: -279px -113px;
}

#cyzoLink ul li#bj a {
  width: 100px;
  height: 40px;
  background-position: -370px -113px;
}

#cyzoLink ul li#messy a {
  width: 88px;
  height: 40px;
  background-position: -312px -154px;
}

#cyzoLink ul li#cylab a {
  width: 120px;
  height: 40px;
  background-position: -312px -194px;
}

#cyzoLink ul li#realsound a {
  width: 129px;
  height: 40px;
  background-position: -312px -234px;
}

#cyzoLink > div p {
  width: 1000px;
  margin: 0 auto;
  color: #000;
  text-align: center;
}

/* nav
 ------------------------------*/
#nav {
  width: 100%;
  /*border-bottom:1px solid #000;*/
  position: absolute;
  top: 134px;
  background: #f3f3f3;
  height: 36px;
}

#navInner {
  width: 1000px;
  margin: 0 auto;
  height: 36px;
}

#navInner > ul {
  height: 36px;
  justify-content: space-evenly;
  display: table;
  float: left;
  width: 1000px;
}

#tocana_store_link {
  width: 100px;
}

#navInner > ul > li {
  padding: 0;
  text-align: center;
  font-size: 15px;
  float: left;
  position: relative;
  display: table-cell;
}

#navInner > ul > li#event > a {
  color: red;
  -webkit-text-stroke: 1px;
}

#navInner > ul > li#tv > a {
  color: red;
  -webkit-text-stroke: 1px;
}

#navInner > ul > li#store > a {
  color: red;
  -webkit-text-stroke: 1px;
}

#nav ul ul {
  display: none;
  min-width: 80px;
  padding: 20px 20px 10px 20px;
  border: 1px solid #000;
  background: #fff;
  position: absolute;
  top: 39px;
  left: -10px;
  z-index: 100;
}

#nav ul ul li {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.6em;
}

#nav ul ul li a {
  white-space: nowrap;
}

#nav ul div {
  display: none;
  width: 35px;
  height: 12px;
  background-position: -229px -118px;
  position: absolute;
  top: 28px;
  left: 16px;
  z-index: 110;
}

#nav #navInner > ul li a.split {
  text-indent: unset;
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 36px;
  background: none;
  padding: 9px 18px 0;
}

#headTools {
  float: right;
  width: 500px;
  height: 16px;
}

#headTools ul {
  float: left;
  width: 210px;
  height: 20px;
  padding-top: 1.7em;
  margin-left: 1em;
}

#headTools ul li {
  display: inline-block;
  width: 22px;
  height: 20px;
  margin-right: 10px;
}

#headTools ul li a {
  width: 22px;
  height: 20px;
}

#headTools ul li.twitter a {
  background-position: -86px -118px;
}

#headTools ul li.facebook a {
  background-position: -64px -118px;
}

#headTools ul li.google a {
  background-position: -117px -318px;
}

#headTools ul li.feedly a {
  background-position: -139px -318px;
}

#headTools ul li.instagram a {
  background-position: -212px -318px;
}

#headTools ul li.rss a {
  background-position: -108px -118px;
}

#headTools #search {
  float: right;
  width: 200px;
  padding-top: 1.3em;
}

#headTools #search #navWord {
  float: left;
  width: 150px;
  height: 24px;
  padding: 0 3px;
  border: none;
  background: #ededed;
  border: 1px solid #aaa;
  border-right: none;
}

#navSearchBtn {
  border: 1px solid #aaa;
  border-left: none;
  height: 24px;
}

#contribute table {
  width: 100%;
}

#contribute table span {
  color: #f00;
}

#contribute table th,
#contribute table td {
  padding: 10px;
  border: 1px solid #aaa;
}

#contribute table th {
  width: 107px;
  background: #f3f3f3;
  color: #333;
}

#contribute table th#lastTH {
  border-bottom: 1px solid #aaa;
}

#contribute table textarea {
  width: 520px;
  height: 200px;
  padding: 8px;
}

#contribute table input[type=submit],
#contribute table input[type=reset] {
  padding: 3px 6px;
}

#contribute table tfoot {
  text-align: center;
}

#contribute table tfoot form {
  display: inline-block;
}

#contribute table tfoot span {
  display: inline-block;
  padding-top: 1em;
  color: #333;
}

#contribute table tfoot a {
  color: #1d3994;
  text-decoration: underline;
}

/* ad
 ------------------------------*/
#footerAd {
  clear: both;
  margin: 20px auto 0 auto;
}

#adEntryTitleBottom {
  margin-bottom: 20px;
}

#adEntryTextBottom {
  float: left;
  width: 100%;
}

#adEntryBottom, #adcyoiyomiBottom {
  margin: 20px 0 15px 0;
}

#adTmp {
  float: right;
  width: 300px;
}

.doubleRec {
  margin: 20px 0;
}

.doubleRec:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  line-height: 0;
  visibility: hidden;
}

.doubleRec .adLeft {
  width: 336px;
  height: 280px;
  float: left;
}

.doubleRec .adRight {
  width: 336px;
  height: 280px;
  float: right;
}

#entryNonAmazon:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  line-height: 0;
  visibility: hidden;
}

/*google 検索*/
.gsc-cursor-box.gs-bidi-start-align {
  text-align: center !important;
}

.gsc-cursor:after {
  content: "" !important;
}

.gsc-cursor .gsc-cursor-page {
  display: inline-block !important;
}

/* keywords
---------------------------------------------------------------------------------------------*/
#tagRanking {
  width: 680px;
  margin-bottom: 45px;
}

#tagRanking ol {
  float: right;
  width: 330px;
  margin-left: 10px;
}

#tagRanking ol:first-child {
  float: left;
  margin: 0 10px 0 0;
}

#tagRanking ol li {
  padding: 9px 10px 9px 52px;
  border-top: 1px dotted #b2b2b2;
  font-size: 14px;
  font-weight: bold;
  position: relative;
}

#tagRanking ol li:first-child {
  border: none;
}

#tagRanking ol li:before {
  display: block;
  float: left;
  width: 21px;
  height: 21px;
  border-radius: 12px;
  background: #ededed;
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  position: absolute;
  top: 9px;
  left: 23px;
}

#tagRanking ol:nth-of-type(1) li:nth-child(1):before {
  content: "1";
  width: 18px;
  height: 19px;
  background: url(./img/bg.png) no-repeat;
  background-position: -13px -390px;
  border-radius: 0;
  color: #fff;
  line-height: 2.2em;
}

#tagRanking ol:nth-of-type(1) li:nth-child(2):before {
  content: "2";
  width: 18px;
  height: 19px;
  background: url(./img/bg.png) no-repeat;
  background-position: -31px -390px;
  border-radius: 0;
  color: #fff;
  line-height: 2.2em;
}

#tagRanking ol:nth-of-type(1) li:nth-child(3):before {
  content: "3";
  width: 18px;
  height: 19px;
  background: url(./img/bg.png) no-repeat;
  background-position: -49px -390px;
  border-radius: 0;
  color: #fff;
  line-height: 2.2em;
}

#tagRanking ol:nth-of-type(1) li:nth-child(4):before {
  content: "4";
}

#tagRanking ol:nth-of-type(1) li:nth-child(5):before {
  content: "5";
}

#tagRanking ol:last-child li:nth-child(1):before {
  content: "6";
}

#tagRanking ol:last-child li:nth-child(2):before {
  content: "7";
}

#tagRanking ol:last-child li:nth-child(3):before {
  content: "8";
}

#tagRanking ol:last-child li:nth-child(4):before {
  content: "9";
}

#tagRanking ol:last-child li:nth-child(5):before {
  content: "10";
}

#tagLink {
  width: 620px;
  padding: 0 15px 0 45px;
}

#tagLink > div div {
  width: 175px;
  margin-right: 30px;
  float: left;
}

#tagLink > div div span {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0 3px 3px 0;
  background: #fff;
  text-align: center;
}

#tagLink > div div span.noLink {
  width: 32px;
  height: 26px;
  padding-top: 6px;
}

#tagLink > div div span a {
  display: block;
  width: 32px;
  height: 26px;
  padding-top: 6px;
  background: #f3f3f3;
  font-weight: bold;
}

#tagLink > div div span a:hover {
  background: #000;
  color: #fff;
  text-decoration: none;
}

#tagList {
  float: left;
  width: 430px;
}

#tagList ul {
  width: 380px;
  margin: 0 auto;
  padding: 0 25px;
}

#tagList ul li {
  display: block;
  float: left;
  width: 165px;
  padding: 0 25px 6px 0;
}

.popularTag #categoryTitle,
.popularTagKobetsu #categoryTitle {
  margin-top: 10px;
}

#tagMainList {
  float: left;
  width: 430px;
}

#tagMainList #categoryTitle {
  width: 423px;
}

#tagSubMenu {
  float: right;
  width: 230px;
}

#tagSubMenu .catTitle {
  width: 223px;
}

#tagSubMenu #tagLink {
  width: 175px;
  margin: 0 auto;
  padding: 0;
}

#tagSubMenu #tagLink div div {
  margin: 0 0 10px 0;
}

/* ranking20
---------------------------------------------------------------------------------------------*/
#archive2.rank-p {
  background: url(/common/imgs/rank_back.gif) repeat;
  padding-top: 1px;
}

#rank-back {
  background: #FFF;
  margin: 16px;
}

.rank-head {
  padding-top: 27px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 28px;
}

#archive2.rank-p .rank-title {
  font-weight: bold;
  float: left;
  width: 215px;
  display: block;
}

#archive2.rank-p .rank-up {
  background: url(/common/imgs/prank_up.gif) repeat-x center bottom;
  margin-top: 5px;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-weight: bold;
  text-align: center;
  float: right;
  padding-bottom: 5px;
  font-size: 12px;
  display: block;
  height: 23px;
}

.rank-list {
  background: #FFF;
  margin-bottom: 1px;
}

.rank-num {
  float: left;
  height: 65px;
  width: 87px;
}

.rank1 .rank-num {
  background: url(/common/imgs/prank1.png) no-repeat 10px 0px;
}

.rank2 .rank-num {
  background: url(/common/imgs/prank2.png) no-repeat 10px 0px;
}

.rank3 .rank-num {
  background: url(/common/imgs/prank3.png) no-repeat 10px 0px;
}

.rank4 .rank-num {
  background: url(/common/imgs/prank4.png) no-repeat 10px 0px;
}

.rank5 .rank-num {
  background: url(/common/imgs/prank5.png) no-repeat 10px 0px;
}

.rank6 .rank-num {
  background: url(/common/imgs/prank6.png) no-repeat 10px 0px;
}

.rank7 .rank-num {
  background: url(/common/imgs/prank7.png) no-repeat 10px 0px;
}

.rank8 .rank-num {
  background: url(/common/imgs/prank8.png) no-repeat 10px 0px;
}

.rank9 .rank-num {
  background: url(/common/imgs/prank9.png) no-repeat 10px 0px;
}

.rank10 .rank-num {
  background: url(/common/imgs/prank10.png) no-repeat 10px 0px;
}

.rank11 .rank-num {
  background: url(/common/imgs/prank11.png) no-repeat 10px 0px;
}

.rank12 .rank-num {
  background: url(/common/imgs/prank12.png) no-repeat 10px 0px;
}

.rank13 .rank-num {
  background: url(/common/imgs/prank13.png) no-repeat 10px 0px;
}

.rank14 .rank-num {
  background: url(/common/imgs/prank14.png) no-repeat 10px 0px;
}

.rank15 .rank-num {
  background: url(/common/imgs/prank15.png) no-repeat 10px 0px;
}

.rank16 .rank-num {
  background: url(/common/imgs/prank16.png) no-repeat 10px 0px;
}

.rank17 .rank-num {
  background: url(/common/imgs/prank17.png) no-repeat 10px 0px;
}

.rank18 .rank-num {
  background: url(/common/imgs/prank18.png) no-repeat 10px 0px;
}

.rank19 .rank-num {
  background: url(/common/imgs/prank19.png) no-repeat 10px 0px;
}

.rank20 .rank-num {
  background: url(/common/imgs/prank20.png) no-repeat 10px 0px;
}

.rank-photo-box {
  float: left;
  height: 65px;
  width: 65px;
  position: relative;
}

.rank-photo {
  height: 65px;
  width: 65px;
  overflow: hidden;
  position: absolute;
}

.rnew .rank-new {
  background: url(/common/imgs/prank_new.gif) no-repeat;
  height: 11px;
  width: 25px;
  position: absolute;
  overflow: hidden;
}

.rank-l-title {
  width: 380px;
  float: left;
  padding-top: 10px;
  padding-right: 15px;
  padding-left: 15px;
}

.rank-l-title h3 {
  font-size: 16px;
  line-height: 1.3em;
  font-weight: bold;
  display: inline;
}

.rank-l-title span {
  font-size: 10px;
}

.rank-pmore {
  width: 71px;
  padding-top: 40px;
  padding-right: 5px;
  padding-left: 5px;
  float: left;
}

.rank-pmore span {
  font-size: 10px;
  background: #FFF;
}

.rank-pmore span a {
  background: url(/common/imgs/prank_arrow4.gif) no-repeat right 4px;
  padding-right: 15px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
}

.rank-list {
  width: 100%;
}

.rank-list:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  line-height: 0;
  visibility: hidden;
}

.rank-head .clr,
.rank-list .clr {
  clear: both;
}

.rank-head hr,
.rank-list hr {
  display: none;
}

.rank-list.rank1,
.rank-list.rank3,
.rank-list.rank5,
.rank-list.rank7,
.rank-list.rank9,
.rank-list.rank11,
.rank-list.rank13,
.rank-list.rank15,
.rank-list.rank17,
.rank-list.rank19 {
  background: url(/common/imgs/prank_back.gif) repeat;
}

.rank2 .rank-pmore span,
.rank4 .rank-pmore span,
.rank6 .rank-pmore span,
.rank8 .rank-pmore span,
.rank10 .rank-pmore span,
.rank12 .rank-pmore span,
.rank14 .rank-pmore span,
.rank16 .rank-pmore span,
.rank18 .rank-pmore span,
.rank20 .rank-pmore span {
  background: url(/common/imgs/prank_back.gif) repeat;
}

.rank1 .rank-pmore span a {
  background: url(/common/imgs/prank_arrow1.gif) no-repeat right 4px;
}

.rank2 .rank-pmore span a {
  background: url(/common/imgs/prank_arrow2.gif) no-repeat right 4px;
}

.rank3 .rank-pmore span a {
  background: url(/common/imgs/prank_arrow3.gif) no-repeat right 4px;
}

.rank-list a:link,
.rank-list a:visited {
  color: #000000;
  text-decoration: none;
}

.rank-list a:hover {
  text-decoration: underline;
  color: #000000;
}

.rank-list.rank1 a:link,
.rank-list.rank1 a:visited {
  color: #8C7A3B;
  text-decoration: none;
}

.rank-list.rank1 a:hover {
  text-decoration: underline;
  color: #8C7A3B;
}

.rank-list.rank2 a:link,
.rank-list.rank2 a:visited {
  color: #788296;
  text-decoration: none;
}

.rank-list.rank2 a:hover {
  text-decoration: underline;
  color: #788296;
}

.rank-list.rank3 a:link,
.rank-list.rank3 a:visited {
  color: #AA3C00;
  text-decoration: none;
}

.rank-list.rank3 a:hover {
  text-decoration: underline;
  color: #AA3C00;
}

/* 404 not found */
#notfound .msg .texts {
  float: left;
  width: 680px;
}

#notfound .msg .title {
  line-height: 1;
  font-size: 54px;
  font-weight: bold;
  color: #a2a2a2;
}

#notfound .msg .lead {
  margin: 50px 0 20px;
  font-size: 18px;
  font-weight: bold;
}

#notfound .msg .pict {
  float: right;
  width: 300px;
}

#notfound .msg .pict img {
  width: 100%;
}

#notfound #latestEntry {
  float: right;
  width: 350px;
}

#search_404 {
  margin-top: 20px;
  margin-bottom: 40px;
}

#search_404 input {
  vertical-align: top;
  background-color: #EBEBEB;
  box-sizing: border-box;
  border: 1px solid #AAA;
  height: 35px;
}

#search_404 input[type=text] {
  border-right: none;
  padding-left: 10px;
  padding-right: 10px;
  width: 250px;
}

#search_404 input[type=image] {
  border-left: none;
}

/* contact
 ------------------------------*/
/*
body {
	font-size: 14px;
	line-height: 1.6em;
	color: #333333;
	margin: 0px;
	padding: 0px;
}
*/
#container {
  font-size: 14px;
  line-height: 1.6em;
  padding-bottom: 70px;
}
#container p {
  font-size: 100%;
  line-height: 1.6em;
  margin-bottom: 0;
}
#container a:link, #container a:visited {
  color: #e60000;
  text-decoration: none;
}
#container a:hover {
  text-decoration: underline;
  color: #666666;
}
#container img {
  border: 0px;
}
#container input, #container textarea {
  font-size: 12px;
}
#container .namex {
  width: 300px;
  line-height: 1.4em;
}
#container .mailx {
  width: 300px;
  line-height: 1.4em;
}
#container .matterx {
  width: 485px;
  line-height: 1.4em;
}
#container .toiform {
  background: #CCCCCC;
  width: 620px;
  border-spacing: 1px;
  border-collapse: separate;
}
#container .toiform td, #container .toiform th {
  padding-top: 4px;
  padding-right: 7px;
  padding-bottom: 4px;
  padding-left: 7px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  background: #FFFFFF;
  font-size: 12px;
}
#container .requir {
  font-size: 10px;
  font-style: normal;
  color: #FF0000;
  padding-left: 6px;
}
#container .toiform .head {
  background: #EEEEEE;
  width: 140px;
  white-space: nowrap;
}
#container .check {
  font-size: 10px;
  font-style: normal;
  color: #999999;
  display: block;
  line-height: 1.2em;
}
#container .error {
  padding: 2px;
  margin: 0px;
  color: #FF0000;
}
#container h2 {
  font-size: 18px;
  font-weight: bold;
  padding: 0px;
  margin-top: 8px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
#container .line1 hr {
  display: none;
}
#container .line1 {
  background: #CCCCCC;
  height: 1px;
  margin-top: 8px;
  margin-bottom: 8px;
}
#container .font12 {
  font-size: 12px;
  line-height: 1.4em;
  display: block;
}
#container .tred {
  color: #FF0000;
}
#container #adAttention {
  width: 680px;
  padding-top: 20px;
  font-size: 12px;
}
#container #adAttention p {
  margin: 0 0 6px 0;
  line-height: 1.3em;
}

.author-profile {
  margin-top: -28px;
  border: 1px solid #010101;
  border-top: none;
  padding: 8px;
  display: flex;
  color: #888;
  font-size: 12px;
  line-height: 1.4;
}
.author-profile .image {
  margin-right: 15px;
  width: 120px;
}
.author-profile .profile {
  flex: 1;
}
.author-profile .profile p + p {
  margin-top: 0.75em;
}

.authors-yomi {
  margin-bottom: 28px;
  text-align: center;
}
.authors-yomi a {
  display: inline-block;
  width: 35px;
  line-height: 35px;
  color: #FFF;
  background: #010101;
}

.authors-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.authors-list .author {
  box-sizing: border-box;
  padding: 0 10px 20px;
  width: 50%;
  display: flex;
}
.authors-list .author .image {
  margin-right: 10px;
  width: 120px;
}
.authors-list .author .image img {
  width: 120px;
  height: auto;
}
.authors-list .author .name {
  line-height: 1.2;
  font-size: 16px;
  font-weight: bold;
}

/*# sourceMappingURL=style.css.map */