.wpfp-hide { display: none; }
.wpfp-img { border: 0; vertical-align: middle; margin-right: 2px; }.yarpp_pro_msg{
border: 1px ridge #D0D0D0;
padding: 0.4em 2em 0.8em;
text-align: justify;
}
.yarpp_pro_msg strong{
display: inline-block;
text-align: center;
width: 100%;
color: orange;
}
.yarpp_help {
position: relative;
display: inline-block;
background: transparent url(//ningen-watch.com/wp-includes/images/wpicons.png) no-repeat -520px -20px;
vertical-align: text-bottom;
width: 20px;
height: 20px;
}
.yarpp_help_msg {
position: absolute;
left: 25px;
display: none;
border: 1px solid #D0D0D0;
width: 250px;
text-align: justify;
padding: 10px 15px;
background-color: #FFF;
box-shadow: 0 0 0.4em -0.15em #333;
z-index: 100;
}
.yarpp_help:hover .yarpp_help_msg{
display: block
}div.wpcf7 {
margin: 0;
padding: 0;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
}
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng {
border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
div.wpcf7-validation-errors {
border: 2px solid #f7e700;
}
.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #ff0000;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(//ningen-watch.com/wp-content/plugins/contact-form-7/images/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 .wpcf7-recaptcha iframe {
margin-bottom: 0;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}.wpp-no-data {
} .wpp-list {	
} .wpp-list li {
overflow: hidden;
float: none;
clear: both;
} .wpp-list li.current {
} .wpp-thumbnail {
display: inline;
float: left;
margin: 0 5px 0 0;
border: none;
} .wpp-post-title {
} .wpp-excerpt {
} .wpp-meta, .post-stats {
display: block;
font-size: 0.8em;
font-weight: bold;
} .wpp-comments {
} .wpp-views {
} .wpp-author {
} .wpp-date {
} .wpp-category {
} .wpp-rating {
}.post-ratings {
width: 100%;
opacity: 1; }
.post-ratings-loading {
display: none;
height: 16px;
text-align: left;
}
.post-ratings-image {
border: 0;
}
.post-ratings img,
.post-ratings-loading img,
.post-ratings-image img {
border: 0;
padding: 0;
margin: 0;
}
.post-ratings-text {
}
.post-ratings-comment-author {
font-weight: normal;
font-style: italic;
}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-style:normal;
font-weight: normal;
font-size: 100%;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
h1,h2,h3,h4,h5,h6{
clear: both;
} body{
font-size: 17px;
line-height: 1.7; 
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
color: #333;
min-width: 1058px;
} 
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
p, h1, h2, h3, h4, h5, h6{
word-wrap:break-word;
overflow-wrap:break-word;
}
a{
color: #666;
text-decoration: none;
}
a:hover{
color: #ff5185; } @font-face {
font-family: 'LigatureSymbols';
src: url(//ningen-watch.com/wp-content/themes/kijo/LigatureSymbols/LigatureSymbols-2.11.eot);
src: url(//ningen-watch.com/wp-content/themes/kijo/LigatureSymbols/LigatureSymbols-2.11.eot?#iefix) format('embedded-opentype'),
url(//ningen-watch.com/wp-content/themes/kijo/LigatureSymbols/LigatureSymbols-2.11.woff) format('woff'),
url(//ningen-watch.com/wp-content/themes/kijo/LigatureSymbols/LigatureSymbols-2.11.ttf) format('truetype'),
url(//ningen-watch.com/wp-content/themes/kijo/LigatureSymbols/LigatureSymbols-2.11.svg#LigatureSymbols) format('svg');
src: url(//ningen-watch.com/wp-content/themes/kijo/LigatureSymbols/LigatureSymbols-2.11.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
.lsf, .lsf-icon:before {
font-family: 'LigatureSymbols';
-webkit-text-rendering: optimizeLegibility;
-moz-text-rendering: optimizeLegibility;
-ms-text-rendering: optimizeLegibility;
-o-text-rendering: optimizeLegibility;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga=1, dlig=1";
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
word-wrap: normal;
overflow-wrap: normal;
}
.lsf-icon:before {
content:attr(title);
margin-right:0.3em;
font-size:130%;
word-wrap: normal;
overflow-wrap: normal;
}
.lsf-icon.amazon:before {
content: '\E007';
} @font-face {
font-family: 'icomoon';
src:url(http://ningen-watch.com/wp-content/themes/kijo/icomoon/icomoon.eot?-mpwpw7);
src:url(http://ningen-watch.com/wp-content/themes/kijo/icomoon/icomoon.eot?#iefix-mpwpw7) format('embedded-opentype'),
url(http://ningen-watch.com/wp-content/themes/kijo/icomoon/icomoon.woff?-mpwpw7) format('woff'),
url(http://ningen-watch.com/wp-content/themes/kijo/icomoon/icomoon.ttf?-mpwpw7) format('truetype'),
url(http://ningen-watch.com/wp-content/themes/kijo/icomoon/icomoon.svg?-mpwpw7#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 0.7em; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-pocket:before {
content: "\e600";
} .highlighter{background-color:#ffe566;padding:2px;font-weight:bold;}
.boldpen{font-weight:bold;}
.quotepen{color: #000099;}
.linkpen{font-weight:bold;border-bottom:3px dotted #ccc;}
.hname { color: #008800;font-weight: bold; }
.cname { color: #008800; }
.ch_source { font-size:12px;color:#999;margin-bottom:30px; }
.source { font-size:12px;color:#999;margin-bottom:10px; }
.specified { color: #ff0000; background-color: #dddddd; font-weight: bold;padding:0 2px 0 2px; }
.anchor { color: #0000ff; }
.red{color: red;}
.blue{color: blue;}
.green{color: green;}
.gray{color: gray;}
.b, strong{font-weight: bold;}
.ll{font-size: 1.6em; font-weight: bold;}
.l{font-size: 1.3em; font-weight: bold;}
.s{font-size: 0.85em;}
.ss{font-size: 0.65em;}
.back-red{background-color: #ffccff;}
.back-blue{background-color:#ccffff;}
.badge-red,
.badge-green{
padding: 3px 8px 1px;
margin-right: 5px;
border-radius: 7px;
color: #fff;
}
.badge-red{
background-color: #e00;
}
.badge-green{
background-color: #060;
}
.clear{
clear: both;
line-height: 0;
overflow: hidden;
}
.space{
clear: both;
height: 2.5em;
}
table.hyou{
border-collapse: collapse; 
table-layout: fixed;
margin: 20px auto 2.5em;
border:1px solid #111;
}
table.hyou th, table.hyou td{
text-align: center;
padding: 5px 10px;
border: 1px solid #111;
}
table.hyou th{
background-color: #bde;
}
.no-deco{text-decoration: none;}
a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
.content h2 .box-header-border {
border-left: 4px solid #385091;
}
.text-box .box-header, .side .box-header, .more-link.main-color-background,
.content h2, .go-comment-arrow, .header {
background: #ff84a9;
color: #ffffff;
}  .main-side{
width: 1058px;
margin: 20px auto 30px;
}
.main{
width: 728px;
margin-right: 30px;
float: left;
}
.side{
width: 300px;
float: left;
}
.side-sp{
margin: 0 10px 0 10px;
//	width: 300px;
float: left;
}
.footer{
clear: both;
padding: 60px 0;
text-align: center;
color: #fff;
} .header-inner{
width: 1058px;
padding-top: 30px;
padding-bottom: 30px;
margin: 0 auto;
}
.site-title{
color: #fff;
font-size: 1.9em;
text-shadow: 1px 1px 0 #666;
padding: 20px 20px 15px;
}
.header-img{
display: block;
max-width: 100%; }
.site-title a{
text-decoration: none;
color: #fff;
}
.site-desc{
color: #fff;
font-size: 0.9em;
padding: 0 20px;
margin-top: 20px;
}
nav{
width: 100%;
box-shadow: 0 2px 5px #999;
z-index: 5; }
.menu-mobile{
display: none;
}
.nav-inner{
width: 1058px;
margin: 0 auto;
}
.nav-inner ul{
list-style-type: none;
}
.nav-inner ul li{
display: inline-block;
}
.nav-inner ul li a{
display: inline-block;
font-size: 0.8em;
color: #fff;
padding: 7px 15px;
width: 127px;
text-align: center;
}
.nav-inner ul li a{
color: #fff;
text-decoration: none;
} .bread{
margin: 10px 0;
}
.bread ul{
list-style: none;
font-size: 0.75em;
margin: 0 10px 0 0;
}
.bread ul li{
color: #666; margin: 0 10px;
display: inline;
}
.bread ul li a{
color: #666;
}
.bread_sp{
margin: 0 10px 15px 10px;
}
.bread_pc{
margin: 0 0 15px 0;
padding-bottom: 15px;
border-bottom:1px solid #ccc;
} .big-box{ }
.big-box .box-header{
font-size: 1.5em;
padding: 0;
margin: 0 0 10px 5px;
}
.hide{
display: none;
}
.post{
width: 32%;
float: left;
background-color: #fff;
margin-right: 2%;
margin-bottom: 30px;
box-shadow: 0 2px 5px #999;
overflow: hidden;
}
.col-3{
margin-right: 0;
}
.thumb-box{
overflow:hidden;
}
.thumb-box img{
width:100%;
height: auto;
display: block;
}
.no-thumbnail{
height: 120px;
position: relative;
overflow: hidden;
}
.no-thumbnail p{
color: #fff;
font-size: 1.1em;
line-height: 1;
position: absolute;
right: 10px;
bottom: 25px;
text-align: right;
}
.post-info{
padding: 10px;
}
.share-count-top{
margin: 5px 10px 5px 0;
font-size: 0.8em;
line-height: 1;
vertical-align: top;
float: left;
}
.up-date{
font-size: 0.8em;
color: #666;
float: left;
}
.post-title{
color: #333;
font-size: 1em;
padding: 3px 0 0;
line-height: 1.5;
clear: both;
height:104px;
overflow:hidden;
}
.post-title a{
color: #333;
text-decoration: none;
}
.content-info{
margin-bottom: 30px;
}
.cat-link{
text-align:left;
line-height: 1.5;
clear: both;
}
.cat-link a{
display: inline-block;
padding: 1px 5px 0px;
background-color: #414852;
line-height: 1.4;
text-decoration: none;
color: #fff;
font-size: 0.7em;
}
.cat-text{
font-size: 0.7em;
}
.cat-folder{
font-size: 1.3em;
color: #808080;
vertical-align: middle;
}
.cat-icon{
font-size: 1.3em;
color: #808080;
vertical-align: middle;
}
.cat-icon2{ color: #808080;
vertical-align: middle;
}
.tag-link{
text-align:left;
line-height: 2;
clear: both;
}
.tag-link a{
display: inline-block;
padding: 1px 5px 0px;
margin-right:5px;
background-color: #414852;
line-height: 1.4;
text-decoration: none;
color: #fff;
font-size: 0.9em;
}
.tag-link a:hover{
background-color: #ff5185 !important;
}
.keyword_search_meter {
//	margin-bottom: 10px;
text-align: left;
//	margin-left: 4px;
}
.keyword_search_meter ul {
list-style-type: none; }
.keyword_search_meter li {
float:left;
padding: 3px 8px;
margin: 0 7px 10px 0;
font-size: 0.9em;
background: #414852;
}
.keyword_search_meter li a:before { content:none !important;}
.keyword_search_meter a {
text-decoration: none;
display: block;
color: #fff;
font-size: 0.9em;
}
.clear3{
clear: both;
}
.more-link{
width: 64px;
height: 64px;
line-height: 21px;
padding-top: 18px;
margin: -15px auto 55px;
border-radius: 32px;
font-size: 1.1em;
color: #fff;
text-align: center;
box-shadow: 0 2px 5px #999;
}
.more-link:hover{
cursor: pointer;
}
.more-link a:hover{
color: #fff;
}
.facebook_btn{
line-height: 1.3;
}
.t_b { margin: 10px 0 30px 0; } .min-box{
background-color: #ebebeb;
width: 354px;
margin-bottom: 30px;
float: left;
padding: 15px 10px 0;
overflow: hidden;
position: relative;
}
.min-box .box-header{
font-size: 1.1em;
line-height: 1.2;
padding-right: 48px;
margin: 5px 0 17px;
}
.left{
margin-right: 20px;
}
.min-box .post{
background-color: #fff;
overflow: hidden;
margin-bottom: 20px;
width:100%;
box-shadow: 0 2px 5px #999;
padding-bottom: 0;
}
.min-box .thumb-box{
width: 23%;
height: 77px;
float: left;
overflow: hidden;
}
.min-box .thumb-box img{
width: auto;
height: 100%;
display: block;
}
.min-box .no-thumbnail{
max-height: 77px;
}
.min-box .no-thumbnail p{
font-size: 0.7em;
line-height: 1.1;
position: absolute;
right: 3px;
bottom: 15px;
padding-left: 10px;
}
.min-box .post-info{
background-color: #fff;
width: 77%;
float: left;
padding: 4px 3px 0 5px;
}
.min-box .up-date{
font-size: 0.7em;
margin-bottom: 4px;
}
.min-box .share-count-top{
margin: 6px 0 4px 10px;
font-size: 0.7em;
line-height: 7px;
}
.min-box .post-title{
color: #333;
font-size: 0.9em;.
line-height: 1.2;
padding: 0;
margin-bottom: 0;
height: 40px;
overflow: hidden;
}
.min-more-link{
color: #fff;
font-size: 0.9em;
text-align:center;
width: 48px;
line-height: 48px;
height: 48px;
border-radius: 24px;
margin-top: -10px;
margin-bottom: 10px;
box-shadow: 0 2px 5px #999;
position: absolute;
right: 10px;
top: 20px;
} .pagenavi {
clear:both;
text-align: center;
margin: 10px 0 15px;
}
.pagenavi span,
.pagenavi a {
margin: 0 4px;
padding: 7px 8px 5px;
text-decoration:none;
color:#fff;
background: #414852;
}
.pagenavi a:hover{
color:#fff;
}
.pagenavi .current{
color: #fff;
} .cat-desc{
margin: 0 0 20px;
color: #555;
font-size: 0.9em;
} .content-box{
background-color: #fff;
padding: 0 43px 30px;
margin-bottom: 30px;
box-shadow: 0 2px 5px #999;
position: relative;
overflow: hidden;
}
.content-header{
margin: 0 -43px 10px;
padding: 10px 43px 10px;
}
h1.title{
font-size: 1.7em;
color: #111;
line-height: 1.6; margin: 25px 0 20px;
font-weight: bold;
}
h1.title2{
font-size: 1.5em;
padding: 0;
margin: 0 0 10px 5px;
}
.content-header .up-date,
.content-header .cat-link{
text-align: right;
float: none;
}
.sns-counts .share-count-top{
font-size: 1.1em;
}
.eye-catch{
display: block;
max-width: 100%;
margin: 0 auto 30px;
box-shadow: 0 2px 5px #999;
clear: both;
}
.content{
margin-bottom: 50px;
clear: both;
}
.content p{
margin-bottom: 2em;
line-height: 2;
}
.content h2{
clear: both;
color: #fff;
font-size: 1.5em;
line-height: 1.3;
width: 120%; margin: -20px -10% 15px -5%;
padding: 10px 15% 5px 5%;
}
.content h2:first-child{
margin-top: 10px;
}
.content h3{
clear: both;
color: #111;
font-size: 1.4em;
line-height: 1.3;
padding: 5px 15px 0;
margin: 40px 0 15px;
}
.content h4{
clear: both;
color: #111;
font-size: 1.3em;
line-height: 1.3;
padding: 3px 12px 0;
margin: 30px 0 15px;
}
.content h5{
clear: both;
color: #111;
font-size: 1.2em;
line-height: 1.2;
padding: 3px 17px 0;
margin: 30px 0 10px;
}
.content h6{
clear: both;
color: #111;
font-size: 1.2em;
line-height: 1.2;
padding: 0 20px 0;
margin: 30px 0 10px;
}
.content img{
max-width: 100%;
height: auto;
}
.content img.alignnone{
max-width: 100%;
height: auto;
margin: 10px 0;
box-shadow: 0 2px 5px #999;
}
.content img.alignright {
max-width: 50%;
height: auto;
display: block;
float: right;
margin: 0 0 10px 10px;
box-shadow: 0 2px 5px #999;
}
.content img.alignleft {
max-width: 50%;
height: auto;
display: block;
float: left;
margin: 0 15px 10px 0;
box-shadow: 0 2px 5px #999;
}
.content img.aligncenter{
max-width: 100%;
height: auto;
display: block;
margin: 10px auto;
box-shadow: 0 2px 5px #999;
}
.content iframe{
display: block;
max-width: 100%;
margin: 0 auto 2em;
}
.content blockquote{
width: 100%;
margin: 0 auto 2em;
font-size: 0.9em;
line-height:1.5; border:3px dotted #ccc;
padding: 10px;
}
.content blockquote p {
margin-bottom: 0;
}
.content ul,
.content ol
{
padding-left: 2%;
margin-bottom: 2em;
}
.content ul li,
.content ol li{
margin-bottom: 15px;
list-style:none;
}
.categorylist li {
margin-left: -1% !important;
}
.categorylist li a:before{
content: "\f138";
font-family: FontAwesome;
margin-right: 4px;
margin-left: 1px;
color:#ff84a9;
}
.content dl{
padding: 0 4%;
margin-bottom: 2.5em;
}
.content dl dt{
font-size:1.2em;
padding-left: 10px;
border-bottom: 1px solid #aaa;
margin-bottom: 5px;
}
.content dl dd{
margin-bottom: 1.5em;
} .kanren{
margin-bottom:30px;
}
.tag-header{
display: inline;
padding: 2px 8px;
background-color: #ff84a9;
color: #fff;
}
.tag-border{
border-bottom: 2px solid #ff84a9;
}
.kanren ul{
margin: 10px 0 15px;
list-style: none;
}
.kanren ul li{
margin-bottom: 10px;
line-height: 1.4;
overflow: hidden;
}
.kanren .thumb-box{
width: 18%;
max-width: 110px;
height: 95px;
float: left;
clear: both;
margin-right: 2.5%;
margin-bottom: 10px;
}
.kanren .no-thumbnail{
width: 100%;
height: 100%;
}
.kanren .no-thumbnail p{
font-size: 0.7em;
right: 3px;
bottom: 10px;
}
.kanren-post-name{
font-size: 1.2em;
margin-top: 4px;
}
.kanren-post-name a{
text-decoration: none;
}
.kanren-post-name a:hover{
color: #EA3382;
}
.same-tags,
.same-categories{
margin-bottom: 8px;
}
.same-tag,
.same-category{
display: inline-block;
margin-right: 15px;
}
.same-tag a,
.same-category a{
text-decoration: none;
} .share-buttons{
}
.share{
font-size: 1.3em;
padding-left: 10px;
border-bottom: 2px solid #59BEC7;
margin-bottom: 15px;
}
.share-count-button{
width: 19.5%;//24.1%;
margin: 0 0.3% 45px;//0 0.6% 45px;
float: left;
text-align: center;
box-shadow: 0 2px 5px #999;
}
.share-count-button:nth-child(1){
margin-left: 0;
}
.share-count-button:nth-child(5){
margin-right: 0;
}
.share-count{
background-color: #fff;
font-size: 0.9em;
line-height: 23px;
}
.share-button{
color: #fff !important;
font-size: 1.8em;
line-height: 32px;
}
.share-count-button .twitter{
background-color: #3589e2;
}
.share-count-button .twitter:hover{
color: #3589e2 !important;
background-color: #fff;
}
.share-count-button .facebook{
background-color: #0559b2;
}
.share-count-button .facebook:hover{
color: #0559b2 !important;
background-color: #fff;
}
.share-count-button .hatebu{
background-color: #1b6fc9;
}
.share-count-button .hatebu:hover{
color: #1b6fc9 !important;
background-color: #fff;
}
.share-count-button .pocket{
background-color: #EF4056;
}
.share-count-button .pocket:hover{
color: #EF4056 !important;
background-color: #fff;
}
.share-count-button .line{
background-color: #1DCD00;
line-height: 55px;
font-size: 2.8em;
}
.share-count-button .line:hover{
color: #1DCD00 !important;
background-color: #fff;
} .iine {display: table;width: 100%;color: #ffffff;margin: 0 0 25px 0;background: #333;height: 200px;}
.iine_img {display: table-cell;height: 200px;width: 386px;background-position: center;background-size: cover;}
.iine_like {display: table-cell;padding: 0px 0px 0px 0px;text-align: center;line-height: 1.0;vertical-align: middle;}
.iine_like p {text-align: center;font-size: 14px;margin: 5px 0px 15px 0px;}
.iine_like_btn {margin-top: 0px;display: inline-block;height: 40px;-moz-transform: scale(1.0);-webkit-transform: scale(1.0);transform: scale(1.0);}
.iine_text {margin-top: 10px;font-size: 12px;color: #c0c0c0;} .bookmark-button {
zoom: 1;
margin: 0;
padding: 5px 0 2px 0;
text-align: left;
line-height: 0;
font-size: 0;
vertical-align: top; }
.bookmark-button:before {
content: "";
display: block;
}
.bookmark-button:after {
content: "";
display: block;
clear: both;
}
.bookmark-button li {
display: inline-block;
line-height: 0;
margin: 0 10px 10px 0;
vertical-align: top;
} .follow-underContent{
clear: both;
overflow: hidden;
margin-bottom: 30px;
}
.main .prof-box{
width: 50%;
float: left;
font-size: 18px;
}
.main .follow-box{
width: 50%;
float: left;
padding-left: 5px;
}
.main .follow-box .box-header{
text-align: center;
padding-top: 7px;
padding-bottom: 0;
font-size: 1.2em;
line-height: 1.2;
}  #comments{
clear: both;
}
#comments #respond{
}
.comments-header{
font-size: 1.3em;
padding-left: 10px;
margin-bottom: 15px;
}
#comments input,
#comments textarea{
display: block;
font-size: 110%;
}
#comments ul{
list-style: none;
}
#comments ul li{
margin: 10px 0 30px;
list-style: none;
counter-increment: chapter;
}
#comments ul li:before {
content: counter(chapter) ".";
padding-right: 5px;
float: left;
clear: both;
font-size: 0.8em;
margin-left: 5px;
}
#comments ul li: last-child{
margin-bottom: 10px;
}
#comments .combody{
background-color: #ebebeb;
padding: 20px 15px 5px;
margin-bottom: 5px;
}
.combody p{
font-size: 0.9em;
margin-bottom: 15px;
}
.combody ol{
margin-left: 43px;
}
#comments p.cominfo{
text-align: left;
font-size: 0.8em;
padding-right: 10px;
}
#comments textarea{
width: 100%;
margin-bottom: 10px;
font-size: 110%;
}
#comments .required{
color: #ff0000;
}
#comments p.inputtext label{
padding-bottom: 10px; 
}
.com-nav{
margin: -15px 0 30px;
overflow: hidden;
}
.com-back a,
.com-next a{
display: block;
width:130px;
font-size: 0.8em;
line-height: 30px;
text-align: center;
color: #fff;
background-color: #414852;
}
.com-back a{
float: left;
border-radius: 15px 0 0 15px;
}
.com-next a{
float: right;
border-radius: 0 15px 15px 0;
}
.com-nav a{
color: #fff;
text-decoration: none;
}
.comment-reply-title{
font-size: 1.3em;
margin-bottom: 15px;
}
.go-comment-arrow{
display: inline-block;
margin-right: 15px;
width: 42px;
height: 42px;
border-radius: 50%;
color: #fff;
text-align: center;
line-height: 44px;
box-shadow: 0 2px 5px #999;
cursor: pointer;
}
.input-info{
margin-bottom: 10px;
}
.comment-form{
display: none;
}
.comment-list{
border-bottom:3px dotted #ccc;
padding-top:10px; line-height:150%;
}
.comment-list:first-of-type {
border-top:3px dotted #ccc;
}
.comment-list-text{
margin:0;
}  div.wpcf7 {  }
div.wpcf7 p { padding:20px 5px 0 0 ; margin:0; font-size:11px; }
div.wpcf7 input, .wpcf7 textarea { border:1px solid #ccc; padding:8px; font-size:14px; } div.wpcf7 textarea { width:97.5%; height:300px; }
div.wpcf7 input.wpcf7-submit {
background:#414852; border:none; cursor:pointer; color:#fff; font-size:13px; width:200px; height:37px; margin:15px auto 0; display:block;
-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
}
div.wpcf7 input.wpcf7-submit:hover {
background:#ff5185; border:none; cursor:pointer; color:#fff; font-size:13px; width:200px; height:37px; margin:15px auto 0; display:block;
-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
}
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7 input:focus, .wpcf7 textarea:focus { outline:1px solid #ff5185; }
.wpcf7-captchac { border:1px solid #ccc; } .wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;} .wpcf7 .required { color: #f00;} .wpcf7 .any{ color: #080;} .ad{
clear: both;
margin-bottom: 30px;
overflow: hidden;
}
.ad_article{
clear: both;
text-align:left;
margin-bottom:30px;
overflow: hidden;
}
.ad-728{
clear: both;
width: 728px;
margin: 0 auto 30px;
overflow: hidden;
}
.ad-big{
width: 300px;
margin: 0 auto 30px;
overflow: hidden;
}
.ad-post{
clear: both;
}
.sideads{
margin-top: 33px;
} .side .box{
background-color: #fff;
overflow: hidden;
padding: 0 15px 10px;
margin-bottom: 30px;
box-shadow: 0 2px 5px #999;
}
.side .box-header{
font-size: 1.2em;
padding: 10px 0 10px 15px;
margin: 0 -16px 15px;
}
.side-sp .box-header{
font-size: 1.2em;
padding: 10px 0 10px 15px;
margin: 0 -16px 15px;
} .side ul li{
list-style: none;
line-height: 1.3;
margin-bottom: 15px;
font-size: 0.95em;
clear:both;
overflow: hidden;
}
#recent_searches-2 li a:before{ content: "\f002"; font-family: FontAwesome; margin-right: 4px; margin-left: 1px;}
#recent-posts-3 li a:before{ content: "\f138"; font-family: FontAwesome; margin-right: 4px; margin-left: 1px;}
#recent-comments-3 li a:before{ content: "\f138"; font-family: FontAwesome; margin-right: 4px; margin-left: 1px;}
.side .box a{
color: #666;
text-decoration: none;
}
.side .box a:hover{
color: #EA3382;
}
.side ul.children{
margin: 8px 0 0 25px;
font-size: 0.95em;
}
.search-box{
height: 35px;
box-shadow: 0 2px 5px #999;
margin-bottom: 30px;
}
.search-text{
width: 80%;
height: 100%;
font-size: 1em;
float: left;
padding: 5px 10px;
margin: 0;
border: none;
}
.search-submit{
font-size: 1.2em;
width:20%;
height: 100%;
display: inline;
padding: 0;
margin: 0;
border: none;
color: #fff;
cursor: pointer;
-webkit-appearance: none;
border-radius: 0;
}
.search-submit:hover{
background-color: #EA3382;
}
.side-share{
font-size: 1.2em;
padding: 0 15px;
margin: 0 0 5px;
}
.scroll {
}
.affixed {
position: fixed;
top: 60px;
width: 300px;
} .side .follow-box{
padding: 0 !important;
}
.side .follow-box{
clear: both;
}
.follow-box .box-header{
padding: 15px 15px 10px;
margin: 0 !important;
}
.follow-icon{
width: 20%;
text-align: center;
font-size: 2em;
color: #fff;
line-height: 56px;
display: block;
float: left;
}
.twitter{
color: #3589e2;
}
.twitter:hover{
color: #fff;
background-color: #3589e2;
}
.fb{
color: #0559b2;
}
.fb:hover{
color: #fff;
background-color: #0559b2;
}
.g-plus{
color: #C1350B;
}
.g-plus:hover{
color: #fff;
background-color: #C1350B;
}
.feedly{
color: #2E933C;
}
.feedly:hover{
color: #fff;
background-color: #2E933C;
}
.line{
color: #1DCD00;
font-size: 2.3em;
}
.line:hover{
color: #fff;
background-color: #1DCD00;
}
.hatebu{
color: #1b6fc9
}
.pocket{
}
.side .follow-box a:hover{
color: #fff !important;
}
.not{
color: #ddd;
}
.not:hover{
color: #ddd;
background-color: #fff;
} .side .prof-box{
padding-left: 10px;
padding-right: 10px;
}
.side .prof-box .box-header{
padding-left: 5px;
}
.image-text{
overflow: hidden;
margin-bottom: 10px;
}
img.prof-image{
width: 28%;
float: left;
margin: 0 3% 3px 0; 
}
.prof-name{
font-size:1em;
line-height: 1.2;
margin-left: 30%;
margin-bottom: 7px;
border-bottom: 1px solid #aaa;
padding: 5px 5px 4px;
}
.prof-text{
font-size: 0.75em;
line-height: 1.6;
}
.twiiter-follow{
clear: both;
margin: 10px 0;
}
.like-box{
clear: both;
margin-top: 10px;
} .wpp-list li{
clear: both;
}
.wpp-thumbnail{
display:inline;
float:left;
margin-right: 8px !important;
border:none;
}
.wpp-post-title{
font-size: 0.95em;
margin-bottom: 15px;
}
.wpp-list li span{ font-size: 0.7em;
display: block;
margin-top: 8px;
margin-left: 10px;
color: #666;
float: right;
}
.wpp-list li:nth-child(3n){ 
margin-right: 0; }
.popular-header .wpp-list li:nth-child(3n){ 
margin-right: 1%;
} .affi-banner{
margin-bottom: 30px;
}
.affi-banner .box-header{
margin-left: 15px;
padding: 0;
} #wp-calendar{
width: 100%;
max-width: 350px;
text-align: center;
margin-top: 15px;
}
#wp-calendar caption{
font-size: 1.2em;
border-bottom: 1px solid #666;
margin-bottom: 5px;
}
#wp-calendar th{
font-weight: bold;
}
#wp-calendar a{
text-decoration: underline;
} .footer p{
}
.footer a{
color: #fff;
text-decoration: none;
}
.footer a:hover{
color: #EA3382;
} .move-button{
color: #fff;
font-size: 2em;
text-align: center;
width: 50px;
line-height: 50px;
border-radius: 50%;
box-shadow: 0 2px 5px #999;
position: fixed;
bottom: 10px;
}
.move-button:hover{
background-color: #EA3382;
cursor: pointer;
}
.to-top{
right: 10px;
}
.to-home{
right: 70px;
}
@media screen and (max-width: 1057px) {
body{
font-size: 20px;
min-width: 0; 
width: 100%;
word-wrap:break-word; }
.header-inner{
width: 100%;
padding-bottom: 5px;
padding-top: 5px;
margin: 0 auto;
}
.site-title{
font-size: 1.6em;
}
.nav-inner{
width: 100%;
margin: 0 auto;
}
.menu-mobile{
display: block;
text-align: center;
color: #fff;
padding: 7px 0 4px;
cursor: pointer;
}
.nav-inner div{
display: none;
}
.nav-inner ul {
list-style-type: none;
width: 100%;
}
.nav-inner ul li {
display: inline-block;
width: 49%;
}	
.nav-inner ul li a{
padding:7px 7px;
display: inline-block;
font-size: 0.9em;
color: #fff;
width: 100%;
text-align: left;
}
.main-side{
width: 100%;
margin: 0 0 30px;
padding: 0;
}
.main{
width: 100%;
margin-right: 0;
float: none;
}
.content-box{
width: 100%;
margin: -30px 0 30px;
padding: 0 6% 30px;
overflow: hidden;
box-shadow: none;
}
.content-header{
margin-left: -7%;
margin-right: -7%;
padding-left: 6%;
padding-right: 6%;
}
.content-header .bread{
margin-left: 0;
}
.content h2{
margin-left: -7%;
padding-left: 6%;
}
.bread{
margin-top: 20px;
}
.big-box{
width: 100%;
padding: 20px 6% 30px;
}
.post{
width: 30%;
margin-right: 5%;
}
.col-3{
margin-right: 0;
}
.min-box{
width: 47%;
margin-left: 2%;
margin-right: 2%;
font-size: 17px;
}
.right{
margin-left: 0;
}
.min-box .thumb-box{
height: 80px;
}
.min-box .no-thumbnail{
max-height: 80px;
}
.min-box .share-count-top{
margin-top: 5px;
}
.main .prof-box{
font-size: 20px;
}
.side{
width: 100%;
}
.side-left{
width: 47%;
float: left;
margin-left: 2%;
margin-right: 2%;
}
.side-right{
width: 47%;
float: left;
margin-left: 0;
margin-right: 2%;
}
}
@media screen and (max-width: 850px) {
body{
font-size: 19px;
}
.site-title{
padding-top: 30px;
}
.big-box{
padding: 0 3% 0;
}
.post{
width: 32%;
margin-right: 2%;
}
.col-3{
margin-right: 0;
}
.min-box{
width: 48%;
margin-left: 1%;
margin-right: 2%;
}
.right{
margin-left: 0;
margin-right: 1%;
}
.min-more-link{
right: 5%;
}
.main .prof-box{
font-size: 18px;
}
.side-left{
width: 48%;
float: left;
margin-left: 1%;
margin-right: 2%;
}
.side-right{
width: 48%;
float: left;
margin-left: 0;
margin-right: 1%;
}
.content-box{
padding: 0 5% 30px;
}
.content-header{
margin-left: -6%;
margin-right: -6%;
padding-left: 5%;
padding-right: 5%;
}
h1.title{
font-size: 1.5em;
margin: 25px 0 20px;
}
h1.title2{
font-size: 1.5em;
margin: 25px 0 20px;
}
.content h2{
margin-left: -6%;
padding-left: 5%;
}
}
@media screen and (max-width: 700px) {
.site-desc{
margin-top: 15px;
}
.big-box{
padding-left: 5%;
padding-right: 5%;
}
.post{
width: 47%;
float: left;
margin-right: 6%;
}
.col-3{
margin-right: 6%;
}
.col-2{
margin-right: 0;
}
.clear3{
clear: none;
}
.clear2{
clear: both;
}
.min-box{
width: 100%;
float: none;
margin: 0 auto 30px;
padding-left: 5%;
padding-right: 5%;
font-size: 17px;
}
.min-box .box-header{
font-size: 1.3em;
}
.min-box .thumb-box{
height: 90px;
}
.min-box .no-thumbnail{
max-height: 90px;
}
.min-box .post-info{
padding: 8px 10px 1px;
}
.main .prof-box{
font-size: 16px;
}
.kanren-post-name{
font-size: 1.1em;
}
.side{
font-size: 16px;
padding: 0 10px;
}
}
@media screen and (max-width: 600px) {
.side{
font-size: 18px;
padding-left: 3%;
padding-right: 3%;
}
.side .box,
.side-left,
.side-right{
width: 100%;
float: none;
margin-right: 0;
margin-left: 0;
}
.side .box{
padding-left: 5%;
padding-right: 5%;
}
.affi-banner .box-header{
margin-left: 5%;
}
.prof-name{
font-size: 1.1em;
}
.prof-text{
font-size: 0.9em;
}
.follow-underContent{
margin-bottom: 45px;
}
.main .prof-box{
width: 100%;
float: none;
padding: 0;
font-size: 20px;
}
.main .follow-box{
width: 100%;
float: none;
padding-left: 0;
}
.main .follow-box .box-header{
padding-top: 5px;
}
.kanren .thumb-box{
width: 23%;
height: 77px;
}
.kanren-post-name{
font-size: 1em;
}
.follow-icon{
font-size: 2.4em;
}
.line{
font-size: 2.6em;
}
}
@media screen and (max-width: 450px) {
body{
font-size: 17px;
}
.site-title{
font-size: 1.4em;
padding-top: 0;
padding-bottom: 0;
}
.site-desc{
font-size: 0.8em;
padding: 0 10px;
}
.bread ul li{
margin: 0 3px;
display: inline;
}
.big-box{
padding-left: 3%;
padding-right: 3%;
margin-bottom: 15px;
}
.big-box .box-header{ font-size: 1.2em;
line-height: 1.3em;
margin: 10px -10px 10px -10px;
padding: 5px 10px;
background-color: #ff84a9;
color: #f5f5f5;
font-weight: bold;
}
.post{
width: 100%;
float: none;
margin-right: 0;
}
.col-2,
.col-3{
margin-right: 0;
}
.clear3,
.clear2{
clear: both;
} .big-box .share-count-top{
font-size: 1em;
}
.min-box{
width: 100%;
float: none;
margin: 0 0 30px; 
font-size: 17px;
}
.min-box .box-header{
font-size: 1.1em;
}
.min-box .post{
margin-left: 0;
margin-right: 0;
}
.min-box .thumb-box{
height: 75px;
}
.min-box .no-thumbnail{
max-height: 75px;
}
.min-box .post-info{
padding: 5px 0 0 10px;
}
.min-box .up-date,
.min-box .share-count-top{
margin-bottom: 2px;
}
.min-box .share-count-top{
margin-top: 6px;
}
.content-box{
padding: 0 3% 30px;
}
.content-header{
margin-left: -4%;
margin-right: -4%;
padding-left: 4%;
padding-right: 4%;
}
h1.title{
font-size: 1.2em;
margin: 20px 0 10px;
}
h1.title2 {
font-size: 1.3em; margin: 10px 0 -10px 5px;
}
.content h2{
font-size: 1.15em; margin-left: -5%;
margin-right: -5%;
padding: 7px 15% 4px 5%;
margin-top: -25px; 
}
.content h3{
font-size: 1.15em;
padding: 5px 10px 0;
}
.content h4{
color: #111;
font-size: 1.15em;
padding: 3px 10px 0;
}
.content h5{
font-size: 1.05em;
padding: 3px 10px 0;
}
.content h6{
font-size: 1.05em;
padding: 0 13px 0;
}
.content ul,
.content ol{ }
.category li {
margin-left: -1%;
}
.kanren-post-name{
font-size: 0.95em;
}
.main .prof-box{
font-size: 18px;
}
.side{
font-size: 17px;
}
.prof-name{
font-size: 1em;
}
.prof-text{
font-size: 0.8em;
}
.footer p{
font-size: 0.9em;
}
.move-button{
font-size: 1.7em !important;
width: 48px;
line-height: 48px;
bottom: 3px;
}
.to-top{
right: 3px;
}
.to-home{
right: 56px;
}
}
@media screen and (max-width: 350px) {
body{
font-size: 15px;
}
.big-box{
padding-left: 3%;
padding-right: 3%; margin: -30px 0 30px;
}
.min-box{
padding-left: 3%;
padding-right: 3%;
}
.min-more-link{
right: 3%;
}
.min-box .post-info{
padding: 5px 0 0 5px;
}
.main .prof-box{
font-size: 16px;
}
.kanren .thumb-box{
height: 67px;
}
.side{
font-size: 16px;
padding-left: 3%;
padding-right: 3%;
}
} #roll_big { height: 375px; overflow: auto; z-index: 300; background-color: #fff;border: 1px solid #CCC; width:100%; float:left; }
#roll { height: 194px; overflow: auto; z-index: 300; background-color: #fff;border: 1px solid #CCC; width:100%; float:left; }
#roll1 { height: 314px; overflow: auto; z-index: 300; background-color: #fff;border: 1px solid #CCC; width:50%; float:left; margin-bottom:30px;}
#roll2 { height: 314px; overflow: auto; z-index: 300; background-color: #fff;border: 1px solid #CCC; width:50%; float:left; margin-bottom:30px; }
#roll3 { height: 251px; overflow: hidden; z-index: 300; background-color: #fff;border: 1px solid #CCC;  box-shadow: 0 2px 5px #999; margin-bottom: 30px;}
#roll4 { height: 189px; overflow: hidden; z-index: 300; background-color: #fff;border: 1px solid #CCC;  box-shadow: 0 2px 5px #999; margin-bottom: 30px;} ul.blogroll-list-wrap { margin: 2px 0; padding: 0px;}
li.blogroll-list a:before{ content: "\f138"; font-family: FontAwesome; display: block; text-align: center; float: left; margin-right: 4px; width:1em;}
li.blogroll-list { display: block; margin-bottom: 3px !important; padding: 0 8px 0 !important; border-bottom: 1px dotted #ccc;}
li.blogroll-list a { display: block; color: #555; text-decoration: none; font-size: 14px; transition-timing-function: ease; transition-duration: 400ms; text-decoration: none; transition-property: all; width: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding: 5px 0;}
li.blogroll-list a:hover{ color:#ff5185; padding-left:5px;} li.blogroll-category-name{ color:#414852; border-left: 10px solid #ff84a9; border-bottom: 2px solid #ff84a9; font-weight:bold; font-size:16px; padding:3px 0 0 5px; }
ul.blogroll-list-wrap2 { margin: 2px 0; padding: 0px;}
li.blogroll-list2 a:before{ content: "\f138"; font-family: FontAwesome; display: block; text-align: center; float: left; margin-right: 4px; width:1em;}
li.blogroll-list2 { display: block; margin-bottom: 3px !important; padding: 0 8px 0 !important; border-bottom: 1px dotted #ccc;}
li.blogroll-list2 a { display: block; color: #555; text-decoration: none; font-size: 14px; transition-timing-function: ease; transition-duration: 400ms; text-decoration: none; padding: 5px 0;}
li.blogroll-list2 a:hover{ color:#ff5185; padding-left:5px;} .p-entry__pushThumb { position: absolute; display: table-cell; width: 390px !important; height: 190px; background-position: center; }
.p-entry__pushThumb img { width:100%; height:auto; }
.p-entry__push { position: relative; z-index: 2; margin-bottom: 20px; display: table; table-layout: fix; width: 100%; background-color: #2b2b2b; color: #FFF; overflow:hidden !important; height: 190px !important; }
.p-entry__pushLike { display: table-cell; padding: 20px; text-align: center; vertical-align: middle; line-height: 1.4; font-size: 20px; float: right; margin-top: 15px; margin-right: 10px;}
.p-entry__note { margin-top: 15px; font-size: 12px; color: #999; }
.p-entry__pushButton { margin-top:5px; }
.t_b ul.blogroll-list-wrap { margin: 8px 0px  !important; padding: 0px;}
.t_b li.blogroll-list a:before{ content: "\f016" !important; font-family: FontAwesome; display: block; text-align: center; float: left; margin-right: 6px; width:1em;}
.t_b li.blogroll-list { display: block; margin-bottom: 4px !important; padding: 0 !important; border-bottom: 1px dotted #ccc;}
.t_b li.blogroll-list a { display: block; color: #555; text-decoration: none; font-size: 17px; transition-timing-function: ease; transition-duration: 400ms; text-decoration: none; transition-property: all; width: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding: 6px 0;}
.t_b li.blogroll-list a:hover{ color:#ff5185; padding-left:5px;}
.t_b li.blogroll-category-name{ color:green; font-size:11px; margin-bottom:5px; }
.t_b .p-entry__pushThumb { position: absolute; display: table-cell; width: 390px !important; height: 190px; background-position: center; }
.t_b .p-entry__pushThumb img { width:100%; height:auto; }
.t_b .p-entry__push { position: relative; z-index: 2; margin-bottom: 20px; display: table; table-layout: fix; width: 100%; background-color: #2b2b2b; color: #FFF; overflow:hidden !important; height: 190px !important; }
.t_b .p-entry__pushLike { display: table-cell; padding: 20px; text-align: center; vertical-align: middle; line-height: 1.4; font-size: 20px; float: right; margin-top: 15px; margin-right: 10px;}
.t_b .p-entry__note { margin-top: 15px; font-size: 12px; color: #999; }
.t_b .p-entry__pushButton { margin-top:5px; }
.blogroll-channel .blogroll-link-time { margin: 0 !important; }
.blogroll-channel { margin-bottom: 15px; padding: 0px !important;}
.blogroll-ad-img { padding:10px !important;}
.blogroll-ad-default a { padding:10px !important;}
.kotei_antenna { margin-left: 10px; font-size: 14px;}
.hot_antenna {}
.hot_antenna ul {}
.hot_antenna li {}
.headerMenu {position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;}
.headerFixed {position: fixed;top: 0;left: 0;width: 100%;}
ul#header_menu_bar {font-size: 80%;height:35px;background-color:#272727;padding-left:0px;margin-left:0px;margin-top:0px;margin-bottom:5px;overflow:hidden;}
#header_menu_bar li {list-style-type:none;float:left;line-height:35px;margin:0px;padding:0px;overflow:hidden;}
#header_menu_bar li a {display:block;text-align:center;width:auto;color:#ffffff;background-color:#272727;text-decoration:none;}
#header_menu_bar li a:hover{color:#ffffff;background-color:#474747;text-decoration:none;}
#tabnavi li{
display:inline;
background:#fff; 
padding: 0 0 0 0; 
}
#tabnavi li a{
display:inline-block;
background:#ddd;
color:#333;
padding:5px;
border-radius:5px 5px 0 0;
text-decoration:none;
}
#tabnavi li a:hover,
#tabnavi li a.active{
background:#ff84a9;
color:#fff;
}
#tabcontent{
padding:10px 0 0; } .wpp-list { counter-reset: wpp-ranking;}
.wpp-list li { background-image:none !important; clear: none !important; float: left !important;} .wpp-list li a { } .wpp-list li:before { color:#FFF; content:counter(wpp-ranking, decimal); counter-increment:wpp-ranking; text-align:center; opacity:0.75; float:left;line-height:25px; width:25px; height:25px;background-color:#ff84a9; border-radius: 2px;-moz-border-radius: 2px; position: relative; z-index: 2; left:25px; background-image:none !important; margin-left:-25px;}
.wpp-post-title { }
.post-stats { line-height:200%;}
.ranktext { height:60px !important; overflow:hidden !important;}
.wpp-views2 { margin-top: -15px !important; }
.views .wpp-views { float:none;margin-left:0; font-size:0.9em;}
.hyouka p { display: none !important; }
.hyouka i { margin-left: 62px; }
.post_date { margin-left: 0 !important; font-size: 0.8em !important; margin-bottom: 5px; margin-top: 5px;}
.post_date img { margin-top:5px !important;} .post-ratings-image { vertical-align: middle !important; margin-bottom: 5px;}
@media screen and (min-width: 751px) {
.post-title{ color: #333; font-size: 1em; padding: 3px 0 0; line-height: 1.5; clear: both; height: 104px; overflow:hidden;}
.post_date { margin-left: 0 !important; font-size: 0.8em !important; margin-bottom: 5px; margin-top: 5px;}
.hyouka i { margin-left:0; }
.cat-text2 { float:none !important; margin-left: 18px !important; margin-top:-29px !important; }
.hyouka {margin-top: -36px !important;}
.post_date { font-size: 1em !important; margin-bottom: 0 !important;}
.blogroll-ad-default a{  display: none !important;}
.blogroll-ad-text a{  display: none !important;}
.t_b li.blogroll-list a { font-size: 16px !important;}
.t_b ul.blogroll-list-wrap { margin: 8px 0px !important;}
ul.blogroll-list-wrap { margin: 3px 0 !important; padding: 0px;}
li.blogroll-list { margin-bottom: 2px !important;}
.t_b li.blogroll-list { margin-bottom: 2px !important;}
.ad{ clear: both; overflow: hidden; margin: 0 auto; text-align: center; margin-bottom: 5px; padding-bottom: 15px;}
.content { margin-bottom:0 !important; clear: both;}
.content-box{ padding: 0 3% 0 !important;}
.kanren{ margin-bottom:0 !important;}
.content p { line-height: 2;margin-bottom: 2em;}
.categorylist li { margin-left: -5px; padding-left:0 !important;}
.side .box{ padding-left:3%;padding-right:3%;}
.side .box-header { margin: 0 -30px 15px; padding-left: 30px;}
.popular-headersp li { margin-bottom:0 !important; margin-right: -5%; margin-left: -6%;}
.follow-box .box-header { margin-left:-20px !important;}
.popular-headersp .box-header { margin: 0 -30px 0;}
.rsssp { padding-left: 15px !important;}
.popular-headersp .ranktext { margin-top: 4px !important;height: 55px !important; overflow: hidden !important;margin-right: 5px;}
.popular-headersp li span { margin-top:1px !important; margin-right: 18px; font-size: 0.8em !important;}
}
@media screen and (min-width: 321px) and (max-device-width: 750px) {
.hyouka i { margin-left:0; }
.cat-text2 { float:none !important; margin-left: 18px !important; margin-top:-29px !important; }
.hyouka {margin-top: -36px !important;}
.post_date { font-size: 1em !important; margin-bottom: 0 !important;}
.blogroll-ad-default a{  display: none !important;}
.blogroll-ad-text a{  display: none !important;}
.t_b li.blogroll-list a { font-size: 16px !important;}
.t_b ul.blogroll-list-wrap { margin: 8px 0px !important;}
ul.blogroll-list-wrap { margin: 3px 0 !important; padding: 0px;}
li.blogroll-list { margin-bottom: 2px !important;}
.t_b li.blogroll-list { margin-bottom: 2px !important;}
.post-title{ color: #333; font-size: 1em; padding: 3px 0 0; line-height: 1.5; clear: both; height: 78px; overflow:hidden;}
h1.title{font-size: 1.2em;line-height:1.3em; margin: 15px -5% 10px -5%; padding: 5px 5%;background-color: #ff84a9;color: #f5f5f5; }
.ad{ clear: both; overflow: hidden; margin: 0 auto; text-align: center; margin-bottom: 5px; padding-bottom: 15px;}
.content { margin-bottom:0 !important; clear: both;}
.content-box{ padding: 0 3% 0 !important;}
.kanren{ margin-bottom:0 !important;}
.content p { line-height: 1.5;margin-bottom: 1em;}
.categorylist li { margin-left: -5px; padding-left:0 !important;}
.side .box{ padding-left:3%;padding-right:3%;}
.side .box-header { margin: 0 -30px 15px; padding-left: 30px;}
.popular-headersp li { margin-bottom:0 !important; margin-right: -5%; margin-left: -6%;}
.follow-box .box-header { margin-left:-20px !important;}
.popular-headersp .box-header { margin: 0 -30px 0;}
.rsssp { padding-left: 15px !important;}
.popular-headersp .ranktext { margin-top: 4px !important;height: 55px !important; overflow: hidden !important;margin-right: 5px;}
.popular-headersp li span { margin-top:1px !important; margin-right: 18px!important; font-size: 0.8em !important;}
.wpp-list li span{ font-size: 0.9em; margin-right:10px;} .iine {display: table;width: 100%;color: #ffffff;margin: 0 0 35px 0;background: #333;height: 120px;}
.iine_img {display: table-cell;height: 120px;width: 180px;background-position: center;background-size: cover;}
.iine_like {display: table-cell;padding: 0px 0px 0px 0px;text-align: center;line-height: 1.0;vertical-align: middle;}
.iine_like p {text-align: center;font-size: 14px;margin: 5px 0px 15px 0px;}
.iine_like_btn {margin-top: 0px;display: inline-block;height: 40px;-moz-transform: scale(1.0);-webkit-transform: scale(1.0);transform: scale(1.0);}
.iine_text {font-size: 12px;color: #c0c0c0;}
.tag-header{ display: inline; padding: 5px 8px; background-color: #ff84a9; color: #fff;}
.rankpage { margin-top: -15px; margin-left:0 !important; padding-left: 0 !important; padding-right: 4.5% !important; padding-left: 4% !important;}
.wpp-list li:nth-child(3n) {margin-right: -5%;}
.box select { font-size:110%; }
} @media screen and (min-width: 0px) and (max-device-width: 320px) {
.hyouka i { margin-left:0; }
.cat-text2 { float:none !important; margin-left: 18px !important; margin-top:-26px !important; }
.hyouka {margin-top: -33px !important;}
.post_date { font-size: 1em !important; margin-bottom: 0 !important; margin-top: 5px !important;}
.blogroll-ad-default a{  display: none !important;}
.blogroll-ad-text a{  display: none !important;}
.t_b li.blogroll-list a { font-size: 15px !important;}
.t_b ul.blogroll-list-wrap { margin: 8px 0px !important;}
.ul.blogroll-list-wrap { margin: 3px 0 !important; padding: 0px;}
li.blogroll-list { margin-bottom: 2px !important;}
.t_b li.blogroll-list { margin-bottom: 2px !important;}
.post-title{ color: #333; font-size: 1em; padding: 3px 0 0; line-height: 1.5; clear: both; height: 70px; overflow:hidden;}
h1.title{font-size: 1.2em;line-height:1.3em;margin: 10px -10px 10px -10px;padding:5px 10px;background-color: #ff84a9;color: #f5f5f5; }
.ad{ clear: both; overflow: hidden; margin: 0 auto; text-align: center; margin-bottom: 5px; padding-bottom: 25px;}
.content { margin-bottom:0 !important; clear: both;}
.content-box{ padding: 0 3% 0 !important;}
.kanren{ margin-bottom:0 !important;}
.content p { line-height: 1.5;margin-bottom: 1em;}
.categorylist li { margin-left: -5px; padding-left:0 !important;}
.side .box{ padding-left: 3%; padding-right: 3%;}
.side .box-header { margin: 0 -16px 15px; padding: 10px 0 10px 15px;}
.popular-headersp li { margin-bottom:0 !important; margin-right: -5%; margin-left: -6%;}
.follow-box .box-header { margin-left:0 !important;}
.popular-headersp .box-header { margin: 0 -16px 0 !important;}
.rsssp { padding-left: 15px !important;}
.popular-headersp .ranktext { margin-top: 4px !important;height: 55px !important; overflow: hidden !important;}
.popular-headersp li span { margin-top:1px !important; margin-right: 3px; font-size: 0.8em !important;}
.wpp-list li span{ font-size: 0.9em; margin-right:10px;} .iine {display: table;width: 100%;color: #ffffff;margin: 0 0 35px 0;background: #333;height: 110px;}
.iine_img {display: table-cell;height: 110px;width: 150px;background-position: center;background-size: cover;}
.iine_like {display: table-cell;padding: 0px 0px 0px 0px;text-align: center;line-height: 1.0;vertical-align: middle;}
.iine_like p {text-align: center;font-size: 12px;margin: 5px 0px 15px 0px;}
.iine_like_btn {margin-top: 0px;display: inline-block;height: 40px;-moz-transform: scale(1.0);-webkit-transform: scale(1.0);transform: scale(1.0);}
.iine_text {font-size: 10px;color: #c0c0c0;}
.tag-header{ display: inline; padding: 5px 8px; background-color: #ff84a9; color: #fff;}
.rankpage { margin-top: -15px; margin-right:-3%;}
.wpp-list li:nth-child(3n) {margin-right: -5%;}
.box select { font-size:110%; }
} .popular-headersp { padding:0 15px !important;}
.popular-headersp .wpp-thumbnail { margin-right: 5px !important;}
.popular-headersp li.current { line-height: 1.2 !important; margin-bottom:0 !important; border-bottom: 1px dotted #ccc; min-width: 111%;}
.popular-headersp li.current:last-child { border-bottom: none; }
.popular-headersp li:before { content:none !important;}
.popular-header li:before { content:none !important;}
.popular-inner { width: 1058px; margin: 0 auto;}
.popular-header { clear: both; width: 101%;}
.popular-post { width: 19%;float: left; background-color: #fff; margin-right: 1%; margin-bottom: 30px; box-shadow: 0 2px 5px #999; }
.popular-tab {  -moz-border-radius: 17px; -webkit-border-radius: 17px; border-radius:17px !important;padding: 5px 10px 1px !important;}
.popular-title { padding: 0; margin: 0 0 10px 5px}
.popular-title span { font-size:22px !important;}
.side .box .blogroll-ad-text a{display: none !important;}
.side .box .blogroll-ad-default a {display: none !important;}
#PERMALINK_SYSTEM_0603b5110b25fc7392985316084370db {border: 1px solid #CCC;}
#PERMALINK_SYSTEM_0603b5110b25fc7392985316084370db_0_0 {border-bottom: 1px dotted #ccc;}
#PERMALINK_SYSTEM_0603b5110b25fc7392985316084370db_0_1 {border-bottom: 1px dotted #ccc;}
#PERMALINK_SYSTEM_0603b5110b25fc7392985316084370db_0_2 {border-bottom: 1px dotted #ccc;}
#PERMALINK_SYSTEM_0603b5110b25fc7392985316084370db_0_3 {border-bottom: 1px dotted #ccc;}
#PERMALINK_SYSTEM_0603b5110b25fc7392985316084370db_0_4 {border-bottom: 1px dotted #ccc;}
#PERMALINK_SYSTEM_0603b5110b25fc7392985316084370db_0_5 {border-bottom: 1px dotted #ccc;}
#PERMALINK_SYSTEM_0603b5110b25fc7392985316084370db_0_6 {border-bottom: 1px dotted #ccc;}
#PERMALINK_SYSTEM_0603b5110b25fc7392985316084370db_0_7 {border-bottom: 1px dotted #ccc;}
#PERMALINK_SYSTEM_0603b5110b25fc7392985316084370db_0_8 {border-bottom: 1px dotted #ccc;}
#PERMALINK_SYSTEM_0603b5110b25fc7392985316084370db_0_9 {border-bottom: 1px dotted #ccc;}
#PERMALINK_SYSTEM_0603b5110b25fc7392985316084370db_0_10 {border-bottom: 1px dotted #ccc;}
#PERMALINK_SYSTEM_0603b5110b25fc7392985316084370db_0_11 {border-bottom: 1px dotted #ccc;}
#PERMALINK_SYSTEM_0603b5110b25fc7392985316084370db_0_12 {border-bottom: 1px dotted #ccc;}
#PERMALINK_SYSTEM_0603b5110b25fc7392985316084370db_0_13 {border-bottom: 1px dotted #ccc;}
#PERMALINK_SYSTEM_0603b5110b25fc7392985316084370db_0_14 {border-bottom: 1px dotted #ccc;}
#PERMALINK_SYSTEM_637ae6d94822c4ad2836d410da97dc45 {margin:0 0 30px 0;border: 1px solid #CCC;}
#PERMALINK_SYSTEM_637ae6d94822c4ad2836d410da97dc45_0_0 {border-bottom: 1px dotted #ccc;}
#PERMALINK_SYSTEM_637ae6d94822c4ad2836d410da97dc45_0_1 {border-bottom: 1px dotted #ccc;}
#PERMALINK_SYSTEM_637ae6d94822c4ad2836d410da97dc45_0_2 {border-bottom: 1px dotted #ccc;}
#PERMALINK_SYSTEM_637ae6d94822c4ad2836d410da97dc45_0_3 {border-bottom: 1px dotted #ccc;}
#PERMALINK_SYSTEM_637ae6d94822c4ad2836d410da97dc45_0_4 {border-bottom: 1px dotted #ccc;}
#PERMALINK_SYSTEM_637ae6d94822c4ad2836d410da97dc45_0_5 {border-bottom: 1px dotted #ccc;}
#PERMALINK_SYSTEM_637ae6d94822c4ad2836d410da97dc45_0_6 {border-bottom: 1px dotted #ccc;}
#PERMALINK_SYSTEM_637ae6d94822c4ad2836d410da97dc45_0_7 {border-bottom: 1px dotted #ccc;}
.sougo-parts a:hover { background: #ff5185;}
.sougo-rss { width: 300px; height: 210px !important;  overflow: hidden !important; margin: 0 0 0 -10px !important;}
.popular-post .views { padding: 1px 0 2px ; text-align: center; background: #414852 !important; margin-top: -5px;}
.popular-post .views .wpp-views{ color:#fff !important; padding: 2px;}
.wpfp-span li a:first-child:before{ content: "\f138"; font-family: FontAwesome; margin-right: 4px; margin-left: 1px; color:#ff84a9; }
.wpfp-span li { margin-left:-2%;} #postpage{ text-align: center; padding: 0 0 15px; clear: both;}
#postpage a {background: #414852;
padding: 7px 8px 5px; }
#postpage a:hover   {background: #ff5185}
#postpage span  {padding: 7px 8px 5px;
color: #fff;;
background: #ff5185}
#postpage a span    {padding: 0;
color: #fff;
background: none}