@charset "utf-8";
 html {overflow-y:scroll; font-size:100%;}
body {color:#333; font-family:"Noto Sans","Noto Sans JP","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif; font-size:1rem;}
a {color:#333;}
a:hover {color:#333; text-decoration:underline;}
.badge {font-weight:400; font-size:0.7rem;}
.badge.badge-info {background-color:#e8465a !important;}
.badge.badge-primary {background-color:#70c7da !important;}
.badge.badge-secondary {background-color:#898989 !important;}
.question {color:#43a0b2;} header.siteHeader{border-bottom:1px solid #333; -webkit-box-shadow:none; box-shadow:none;}
.vk-mobile-nav nav li {font-size:0.875rem;}
.vk-mobile-nav-menu-btn.position-right {right:15px; top:13px;}
.siteHeader_logo img {max-height:50px; object-fit:contain;}
@media (min-width: 1200px) {
.gMenu_outer {height:64px;}
}
@media (min-width: 992px) {
.header_scrolled .gMenu_outer {height:unset;}
.siteHeader_logo img {width:342px; height:50px;}
}
@media (max-width: 991px) {
body {margin-top:49px;}
header.siteHeader {position:fixed; top:0; height:59px;}
.siteHeader .container {padding-bottom:0;}
.siteHeader_logo a {line-height:39px;}
.siteHeader_logo a span {display:inline-block;}
.siteHeader_logo img {width:239px; height:35px;}
.siteHeader .container {padding-top:10px;}
}
@media (max-width: 782px) {
.admin-bar header.siteHeader {top:46px;}
}
@media (min-width: 768px){
.gMenu li {margin:9px 0; padding:0 1.8em; border-left:1px solid #333;}
.gMenu li:first-child {border-left:none;}
.device-pc .gMenu>li>a {padding:0; line-height:1; text-decoration:none;}
.gMenu li ul {margin:0;}
.gMenu li li {margin:0; padding:0; border-left:none;}
.gMenu li li a {margin:0;}
.gMenu>li:before {bottom:-10px; border-bottom-color:#333;}
.gMenu>li>ul.sub-menu {top:23px;}
.gMenu li.menu-item-has-children:after {top:3px;}
}
@media (max-width:449px) {
.vk-mobile-nav-menu-btn.position-right {width:30px; height:30px; right:10px;}
.siteHeader_logo {margin:0; padding:0; text-align:left;}
}
@media (max-width:374px) {
.siteHeader_logo img {width:auto; height:30px;}
} .breadSection {border-bottom:1px dotted #333;}
@media (max-width: 575px){
.breadSection .breadcrumb {padding-top:12px; padding-bottom:4px;}
.breadSection .breadcrumb li {line-height:1;}
} .page-header {background-color:#fff;}
.page-header_pageTitle, h1.page-header_pageTitle:first-child {margin:2rem 0 0; padding:1rem; background-color:#eee; color:#333;
font-size:1.15rem; font-weight:600; text-align:left; letter-spacing:2px;}
@media (max-width:767px) {
.page-header_pageTitle, h1.page-header_pageTitle:first-child {margin:1.2rem 0 0; padding:0.8rem; font-size:1rem;}
} @media (min-width: 1200px){
.siteContent {padding:3rem 0 4rem;}
} #search-switch {position:absolute; top:24px; right:calc(50vw - 595px); color:#666; font-size:28px;}
#search-switch:hover {color:#2ea0ba}
#searchform {width:100%;}
#search-box {margin:0 auto; width:1110px; display:flex; justify-content:space-between;}
#search-box .form-control {width:calc(100% - 115px); height:auto; border-radius:1.5rem; line-height:1;}
#search-sbmt {padding:.3125rem 0; width:100px; background:#898989; border:1px solid #898989; border-radius:1.5rem; color:#fff;
font-size:1.15rem; line-height:1.5rem;}
#search-sbmt:focus {outline:none}
#search-sbmt:hover {color:#2ea0ba;}
#collapseExample {padding-bottom:4px; background-color:#e5e5e5; text-align:center;} button,[type="submit"],[type="button"] {
border-radius:0;
-webkit-box-sizing:content-box;
-webkit-appearance:none;
appearance:none;
border:none;
box-sizing:border-box;
cursor:pointer;
}
[type="submit"]::-webkit-search-decoration,
[type="button"]::-webkit-search-decoration {
display:none;
}
[type="submit"]::focus,
[type="button"]::focus {
outline-offset:-2px;
}
@media (max-width:1199px) {
#search-switch {top:18px; right:30px;}
#search-box {width:100%;}
}
@media (max-width:991px) {
#search-switch {font-size:24px; top:7px; right:60px;}
header.siteHeader div.collapse .container {display:block;}
#search-sbmt {font-size:1.15rem; padding:.25rem 0;}
}
@media (max-width:767px) {
header.siteHeader div.collapse .container {width:100%;}
#searchform {width:100%; font-size:0.9375rem;}
#search-box .form-control {width:78%; font-size:0.85rem;}
#search-sbmt {width:20%;}
}
@media (max-width:575px) {
#search-switch {top:5px; right:55px;}
#searchform {margin:0 0.5rem; font-size:0.85rem;}
#search-box .form-control {margin-bottom:0;}
#search-sbmt {font-size:1rem; padding:.2rem 0;}
}
@media (max-width:449px) {
#search-switch {top:13px; font-size:20px; right:50px;}
} entry-footer {margin-bottom:1rem;}
.siteFooter {border-top-color:#a9a9a9; background-color:#f9f9f9;}
.siteFooter .widget {margin-bottom:0;}
.footerMenu nav {position:relative; overflow:hidden;}
.footerMenu nav ul {position:relative; left:50%; float:left;}
.footerMenu nav li {position:relative; left:-50%; float:left; font-size:14px; line-height:16.5px;}
.footerMenu nav li a {color:#5f5f5f; font-size:0.75rem;}
.footerMenu nav li a:hover {background-color:rgba(0,0,0,.03); text-decoration:none;}
.footer-logos {margin:1.5rem 0.5rem 0; display:flex; align-items:flex-start; flex-wrap:wrap; justify-content:center;}
.footer-logos a {margin:0 0.75rem 1rem;}
.footer-logos a img {height:50px; width:auto; object-fit:contain;}
.footer-sns {margin:0.5rem 0.5rem 0; display:flex; align-items:flex-start; flex-wrap:wrap; justify-content:center;}
.footer-sns a {margin:0 0.5rem 1.5rem;}
.footer-sns a img {height:30px; width:auto; object-fit:contain;}
.copySection {padding:0.5rem;}
.copySection p {color:#5f5f5f;line-height:1.6;}
.siteFooter .container.sectionBox.copySection.text-center {padding:0 1rem 1rem;}
@media (min-width: 768px) {
.footerMenu {border-bottom:1px solid #e5e5e5;}
.footerMenu ul {margin:10px 0;}
nav.menu-footer_menu-container {display:flex; justify-content:center;}
}
@media (max-width:767px) {
.footerMenu .container {padding:0; max-width:100%;}
.footerMenu .nav {display:block; margin-top:0; border-bottom:1px solid #e5e5e5;}
.footerMenu nav ul {position:static; overflow:hidden;}
.footerMenu nav li {position:static; padding:0; width:100%; float:left; border-bottom:1px solid #e5e5e5;}
.footerMenu nav li:last-child {border-bottom:none;}
.footerMenu nav li a {padding:10px 15px; display:block;}
.footer-logos a {margin-left:0.6rem; margin-right:0.6rem; margin-bottom:1rem;}
.footer-logos a img {height:40px;}
} @media (min-width: 1200px) {
.n2-section-smartslider {max-width:1110px; margin:0 auto;}
} h1.entry-title {margin:0 0 15px; padding:0 15px 0.75rem; border-bottom:1px solid #eee; font-size:1.5rem; font-weight:600;}
article .entry-header {margin-bottom:0; border-bottom:none;}
article .entry-body a {color:#70c7da; text-decoration:underline;}
article .entry-body a:hover {opacity:0.7; text-decoration:none;}
article .entry-body p {font-size:0.9375rem;}
article .entry-body p.bassui {color:#999; font-size:0.9rem;}
article .entry-body blockquote p {font-size:0.875rem;}
article .entry-body blockquote cite {color:#999; font-style:normal; font-size:0.82rem;}
.wp-block-image {margin-bottom:0.4rem;}
.wp-block-image figcaption {margin-top:0.4rem; margin-bottom:1rem; color:#666;}
@media (max-width: 575px){
h1.entry-title {font-size:1.15rem;}
article .entry-body p {font-size:0.88rem;}
} body.single-post .entry-body h2,h3,h4 {font-size:1.3rem; font-weight:500;}
.single-pretitle {margin-bottom:0.4rem;}
.single-pretitle  .single-date {font-size:0.9375rem;}
@media (max-width:575px) {
.single-pretitle {margin-left:15px; font-size:0.88rem;}
.single-pretitle  .single-date {font-size:0.85rem;}
body.single-post h1 {margin-top:0; padding:0 15px 1rem; border-top:none; border-bottom:1px solid #eee; font-size:1.125rem;}
body.single-post .entry-body h2,h3,h4 {font-size:1.125rem;}
} .top_thumbnail {margin:0 auto 1rem; position:relative; display:inline-block;}
.top_thumbnail img {height:451px; width:730px; object-fit:cover; object-position:50% 50%;}
@media (max-width:1199px) {
.top_thumbnail img {max-width:100%; height:auto; object-fit:contain;}
} body.archive .entry-meta_items_term_button {font-size:0.7rem;}
body.archive .media .media-body .media-heading {font-size:1.125rem;}
body.archive .media .media-body .media-heading a {color:#333;}
body.archive .media a.media-body_excerpt {color:#999;} .mypagesprit {clear:both; color:#333; line-height:1.75;}
.mypagenumbers a {display:inline-block; border:solid 1px #ccc; text-decoration:none;}
.mypagenumbers a:hover {color:white; background:#ddd;}
.mynumbers {padding:18px;}
.mypagenumbers {text-align:center;} body.home h2 {margin-bottom:0; padding:0; border-top:none; border-bottom:none; font-size:1.25rem; font-weight:600; letter-spacing:2px;}
#feature-list {list-style:none; margin-top:1rem; margin-bottom:0.2rem; padding:0; display:flex; flex-wrap:wrap;}
#feature-list li {flex-shrink:0; background-color:#ffffff; box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px;}
#feature-list li a {display:block; color:#333;}
#feature-list li a:hover {text-decoration:none;}
.feature-img {position:relative; width:100%; border-bottom:1px dotted #ddd;}
.feature-img:before {content:""; display:block; padding-top:61.8%;}
.feature-img a {position:absolute; top:0; left:0; bottom:0; right:0;}
.feature-img a img {padding-bottom:1px; max-height:100%; max-width:100%; object-fit:cover;}
.feature-img .new-icon {position:absolute; top:0; right:0;}
.feature-item {padding:0.75rem; position:relative;}
.feature-item .fa-star {position:absolute; right:0.25rem; top:0.25rem; font-size:1.5rem; color:#f9b403;}
.feature-item a h3 {margin-top:0.15rem; margin-bottom:0.75rem; border-bottom:none; font-size:1rem; font-weight:600;}
.feature-item a:hover h3 {text-decoration:underline;}
.feature-item a h3:after {border-bottom:none;}
.feature-item a h2 {margin-top:0.15rem; margin-bottom:0.75rem; padding:0; border-top:none; border-bottom:none; font-size:1rem; font-weight:600;}
.feature-item a:hover h2 {text-decoration:underline;}
.feature-item a h2:after {border-bottom:none;}
.feature-item a p {margin-bottom:0; color:#999; font-size:0.875rem; line-height:1.4;}
.feature-list-link {margin-bottom:2.5rem; font-size:0.9rem; text-align:right;}
.feature-list-link a:hover {color:#333;}
@media (min-width:992px) {
#feature-list li {width:32%; margin-right:2%;}
#feature-list li:nth-child(3n) {margin-right:0;}
}
@media (max-width:991.99px) {
#feature-list li {width:49.5%; margin-right:1%;}
#feature-list li:nth-child(2n) {margin-right:0;}
}
@media (max-width:767px) {
body.home h2 {font-size:1.15rem;}
#feature-list li {width:100%; margin-right:0; overflow:hidden;}
.feature-item a h2 {font-size:0.875rem;}
.feature-item a h3 {margin-bottom:0; padding-bottom:5px; font-size:0.875rem;}
.feature-item a p {font-size:0.8rem; line-height:1.3;}
}
@media (max-width:575px) {
#feature-list {margin-top:0.75rem;}
.feature-img a {padding:0.5rem;}
.feature-item {padding:0.2rem 0.5rem 0.5rem;}
} #other-posts {list-style:none; margin-top:1rem; margin-bottom:0.2rem; padding:0; display:flex; flex-wrap:wrap;}
#other-posts li {width:19%; flex-shrink:0; margin-right:1.25%; box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px; background-color:#ffffff;}
#other-posts li:nth-child(5n) {margin-right:0;}
#other-posts li a:hover {text-decoration:none;}
.other-img {border-bottom:1px dotted #ddd; text-align:center; position:relative; object-fit:cover;}
.other-img .new-icon {position:absolute; top:0; right:0;}
.other-img a {display:inline-block; position:relative;}
.other-img a img {padding-bottom:1px;}
.other-item {position:relative;}
.other-item .fa-star {position:absolute; right:0.2rem; top:0.2rem; font-size:1.25rem; color:#f9b403;}
.other-item a {display:block; color:#333; padding:0 0.25rem 0.4rem;}
.other-item a h3 {margin:0 0 0.5rem; border-bottom:none; font-size:0.9375rem; font-weight:600;}
.other-item a:hover h3 {text-decoration:underline;}
.other-item a h3:after {border-bottom:none;}
.other-item a p {margin-bottom:0; color:#999; line-height:1.4; font-size:0.815rem;}
.other-item a span.badge.badge-primary {background-color:#70c7da !important;}
.other-list-link {margin-bottom:2.5rem; font-size:0.9rem; text-align:right;}
.other-list-link a:hover {color:#333;}
@media (max-width:991px) {
#other-posts li {width:32%; flex-shrink:0; margin-right:1.25%; box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px; background-color:#ffffff;}
#other-posts li:nth-child(5n) {margin-right:1.25%;}
#other-posts li:nth-child(3n) {margin-right:0;}
}
@media (max-width:767px) {
#other-posts li {width:48%; margin-right:3%;}
#other-posts li:nth-child(5n) {margin-right:3%;}
#other-posts li:nth-child(3n) {margin-right:3%;}
#other-posts li:nth-child(2n) {margin-right:0;}
.other-img .new-icon {width:20px; height:20px;}  .other-img .new-icon img {width:20px; height:20px; vertical-align:top;}
.other-item a {padding:0 0.4rem;}
.other-item a h3 {font-size:0.8rem; line-height:1.2;}
}
@media (max-width:575px) {
#other-posts {margin-top:0.75rem;}
} body.home h2#news-header {margin-bottom:0; margin-top:1rem; font-size:1.3rem; font-weight:600; letter-spacing:2px;}
#news {margin-top:1rem; margin-bottom:0.2rem; margin-right:-1rem; padding:0; list-style:none; display:flex; flex-wrap:wrap; justify-content:left;}
#news li {margin:0 1rem 1rem 0; padding:0.5rem 0; width:31%; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; display:flex; justify-content:left;}
#news li .news-img {margin:0; padding:0;}
#news li .news-img a {width:80px; height:80px; object-fit:cover; border:1px solid #e5e5e5; display:block;}
#news li .news-img a img {width:78px; height:78px; object-fit:cover; border:1px solid #fff;}
#news li .news-item {margin:0 0 0 1rem; padding:0;}
#news li .news-item h3 {margin:0; padding-bottom:0; border-bottom:none; font-size:0.925rem; font-weight:600;}
#news li .news-item h3:after {border-bottom:none;}
#news li .news-item a {color:#333;}
#news li .news-item p {margin:0.7rem 0 0.2rem; color:#999; font-size:0.815rem; line-height:1.4;}
#news li .news-item span {margin:0; padding:0.2rem 0 0.8rem 0; width:7.5rem; font-size:0.8rem; display:block; line-height:1;}
.news-list-link {margin-top:0; margin-bottom:2.5rem; font-size:0.9rem; text-align:right;}
.news-list-link a:hover {color:#333;}
@media (max-width:991px) {
#news li {width:46%;}
#news li span {align-self:flex-end;}
}
@media (max-width:767px) {
body.home h2#news-header {font-size:1.15rem;}
#news li {margin-bottom:0.3rem; padding:0.3rem 0; width:100%;  border-top:none;}
#news li:first-child {border-top:1px solid #e5e5e5;}
#news li .news-img a {width:60px; height:60px;}
#news li .news-img a img {width:58px; height:58px;}
#news li .news-item {margin-left:0.625rem;}
#news li .news-item h3 {font-size:0.875rem;}
#news li .news-item p {margin-top:0.5rem;}
#news li .news-item span {padding-bottom:0.4rem;}
}
@media (max-width:575px) {
#news {margin-top:0.75rem;}
} .sns {text-align:right;}
article .entry-body .sns-text {width:150px; font-size:0.8rem; text-align:center; margin-bottom:0; display:inline-block;}
.sns-list {list-style:none; display:flex; flex-wrap:wrap; justify-content:flex-end; margin:0 0 1rem; padding:0;}
.sns-item {height:40px; display:flex; justify-content:center; align-items:center; line-height:1; margin:0 0 0 10px;}
.sns-item i {font-size:35px; line-height:1;}
.sns-item.twitter a {color:#1DA1F2;}
.sns-item.facebook a {color:#3C5A99;}
.sns-item.line a {color:#00B900;}
.sns-item.hatebu a {display:flex; justify-content:center; align-items:center; text-decoration:none; color:#FFF; background-color:#00A4DE;
width:31px; height:31px; font-size:19px; border-radius:6px; font-weight:bold;}
@media (max-width:575px) {
article .entry-body .sns-text {font-size:0.75rem;}
} h4.related-posts-title {padding-bottom:0.5rem; border-bottom:1px solid #333; font-size:1.15rem; font-weight:600;}
#related-posts {margin-bottom:2rem; display:flex; flex-wrap:wrap;}
#related-posts section {width:24%; flex-shrink:0; margin-right:1.25%; margin-bottom:0.8rem; padding-bottom:1.25rem; position:relative;
box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px;}
#related-posts section:nth-child(4n) {margin-right:0;}
#related-posts section h6 {margin:0.4rem; font-size:0.85rem; font-weight:600;}
#related-posts section span {padding:0 0.4rem 0.2rem; display:block; position:absolute; right:0; bottom:0; color:#666; font-size:0.75rem;}
@media (max-width:767px) {
#related-posts section {width:48%; margin-right:4%;}
#related-posts section:nth-child(2n) {margin-right:0;}
#related-posts section h6 {font-size:0.75rem;}
#related-posts section span {font-size:0.6875rem;}
} .vk_post_body.card-body {padding:1rem 0.75rem 2rem; position:relative;}
h5.vk_post_title.card-title {margin-top:1rem;}
.vk_post .vk_post_title a {font-size:0.875rem; line-height:1.2;}
.vk_post .vk_post_title a:hover {text-decoration:underline;}
.vk_post .vk_post_date {padding:0 0.4rem 0.4rem; position:absolute; right:0; bottom:0;}
.vk_post .card-img-use-bg {left:0;}
.vk_post .vk_post_imgOuter_img {height:100%; left:0; object-fit:cover; max-width:initial;
border-bottom-right-radius:0; border-bottom-left-radius:0; border-top-left-radius:0; border-top-right-radius:0}
@media (max-width:767px) {
.postNextPrev>div:first-child {margin-bottom:0.5rem;}
.vk_post .vk_post_title a {font-size:0.75rem;}
} .my-archive {list-style:none; margin:0; padding:0;}
.my-archive li {display:flex; width:100%; margin:0; padding:1rem 0; border-bottom:1px solid #eee;}
.my-archive li:first-child {border-top:1px solid #eee;}
.my-archive li figure {margin:0 1.5rem 0 0; width:90px; height:90px; flex-shrink:0; border:1px solid #eee;}
.my-archive li figure img {width:88px; height:88px; object-fit:cover; border:1px solid #fff;}
.my-archive li .archive-body {width:100%;}
.my-archive li .archive-body .archive-date {margin-bottom:0.5rem; font-size:0.85rem;}
.my-archive li .archive-body .archive-excerpt {margin-bottom:0; font-size:0.875rem; line-height:1.5;}
.my-archive li .archive-body h6 {margin-top:0; margin-bottom:0.5rem;}
.my-archive li .archive-body h6 a {color:#333; font-size:1rem; font-weight:600;}
.my-archive li .archive-body h6 a:hover {text-decoration:underline;}
@media (max-width:767px) {
.my-archive li figure {margin-right:1rem;}
.my-archive li .archive-body h6 {margin-bottom:0.3rem;}
.my-archive li .archive-body h6 a {font-size:0.9rem;}
.my-archive li .archive-body .archive-date {margin-bottom:0.2rem;}
} .vk_posts-mainSection .archive-meta {margin-bottom:1.5rem;}
.vk_posts-mainSection .archive-meta p {font-size:0.9rem; line-height:1.7;}
.my-posts-list {list-style:none; margin-top:0; padding:0; display:flex; flex-wrap:wrap;}
.my-posts-list li {flex-shrink:0; background-color:#ffffff; box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px;}
.my-posts-list li p {font-size:0.8rem;}
.my-posts-list li a {display:block; color:#333;}
.my-posts-list li a:hover {text-decoration:none;}
@media (min-width:768px) {
.my-posts-list li {width:32%; margin-right:2%;}
.my-posts-list li:nth-child(3n) {margin-right:0;}
}
@media (max-width:767px) {
.my-posts-list li {width:49%; margin-right:2%;}
.my-posts-list li:nth-child(2n) {margin-right:0;}
}
@media (max-width:575px) {
.my-posts-list li p {display:none;}
} .posts-news-list {list-style:none; margin:0; padding:0;}
.posts-news-list li {display:flex; margin:0; padding:1rem 0; border-bottom:1px solid #eee;}
.posts-news-list li:first-child {border-top:1px solid #eee;}
.posts-news-list li figure {margin-right:1.5rem; margin-bottom:0; width:90px; height:90px; flex-shrink:0; border:1px solid #eee;}
.posts-news-list li figure img {width:88px; height:88px; object-fit:cover; border:1px solid #fff;}
.posts-news-list li .news-body {width:100%;}
.posts-news-list li .news-body .news-date {margin-bottom:0.5rem; font-size:0.9375rem; line-height:1.2;}
.posts-news-list li .news-body h2 {margin-top:0; margin-bottom:0.3rem; padding:0; border-top:none; border-bottom:none;}
.posts-news-list li .news-body h2 a {color:#464646; font-size:1rem; font-weight:600; line-height:1.2;}
.posts-news-list li .news-body h2 a:hover {text-decoration:underline;}
@media (max-width:767px) {
.posts-news-list li {padding-top:0.75rem; padding-bottom:0.75rem;}
.posts-news-list li .news-body .news-date {margin-bottom:0.2rem; font-size:0.85rem;}
.posts-news-list li figure {margin-right:0.625rem; width:70px; height:70px;}
.posts-news-list li figure img {width:68px; height:68px;}
.posts-news-list li .news-body h2 {line-height:14px;}
.posts-news-list li .news-body h2 a {font-size:0.875rem; line-height:14px;}
} body.page .entry-body h2 {border-top-color:#70c7da; font-size:1.25rem; font-weight:600;} h1.subSection-title {margin-bottom:15px; padding-top:12px; padding-bottom:12px; border-top:2px solid #333; border-bottom:1px dotted #333;
font-size:1rem; font-weight:600;}
body.single-post h1.subSection-title {margin-bottom:15px; padding-top:12px; padding-bottom:12px;
border-top:2px solid #333; border-bottom:1px dotted #333; font-size:1rem; font-weight:600;}
h2.subSection-title {margin-bottom:15px; padding-top:12px; padding-bottom:12px; border-top:2px solid #333; border-bottom:1px dotted #333;
font-size:1rem; font-weight:600;}
.subSection-title:after {border-bottom:none;}
.widget .subSection-title {font-size:1rem;}
#side_ninki {margin:0 0 30px;}
#side_ninki ul.wpp-list {margin:0; padding:0; border-bottom:1px solid #e5e5e5; counter-reset:wpp-ranking;}
#side_ninki ul.wpp-list li {margin:0; padding:10px 0 0; list-style:none; border-top:1px solid #e5e5e5; position:relative; clear:both; overflow:hidden;}
#side_ninki ul.wpp-list li:before {content:counter(wpp-ranking, decimal); counter-increment:wpp-ranking; background:rgba(51, 51, 51, 0.85); color:#fff;
font-size:0.85rem; line-height:1; padding:5px 8px; border:1px solid #fff; position:absolute; left:0; top:10px; z-index:1;}
#side_ninki ul.wpp-list li nav {overflow:hidden;}
#side_ninki ul.wpp-list li>a:first-child {margin-right:1rem; margin-bottom:10px; padding:1px; border:1px solid #e5e5e5; float:left; position:relative;}
#side_ninki ul.wpp-list li a img {width:92px; height:92px; object-fit:cover;}
#side_ninki ul.wpp-list li a.wpp-post-title {display:block; font-size:0.85rem; font-weight:700; line-height:1.2;}
#side_ninki ul.wpp-list li p.date {display:none; float:left; color:#999; font-size:0.8rem;}
#side_ninki ul.wpp-list li p {margin:0;}
#side_ninki ul.wpp-list li p .badge a {color:#fff;}
#side_ninki ul.wpp-list li p .badge a:hover {text-decoration:none;}
#side_ninki ul.wpp-list li p.wpp-view {display:none;}
#side_ninki ul.wpp-list li p.to_post {display:none;}
#side_ninki a.popularLink {margin-top:0.4rem; font-size:12px; display:block; clear:both}
#side_recent {margin-bottom:30px;}
#side_recent article.recentPost {overflow:hidden;}
#side_recent a.recentPostImage {float:left; margin:0 0.5rem 0.5rem 0; padding:1px; border:1px solid #e5e5e5; position:relative;}
#side_recent a.recentPostImage img {width:92px; height:92px; object-fit:cover;}
#side_recent article.recentPost h3 {margin:0; padding:2px 0 3px; border-bottom:none; font-size:0.85rem; font-weight:600; clear:none}
#side_recent article.recentPost h3:after {border-bottom:none;}
#side_recent article.recentPost>span {color:#999; font-size:0.8rem;}
#side_recommend {margin-bottom:30px;}
#side_recommend article.recommendPost {overflow:hidden;}
#side_recommend a.recommendPostImage {float:left; margin:0 0.5rem 0.5rem 0; padding:1px; border:1px solid #e5e5e5; position:relative;}
#side_recommend a.recommendPostImage img {width:92px; height:92px; object-fit:cover;}
#side_recommend article.recommendPost h3 {padding-bottom:3px; border-bottom:none; font-size:0.85rem; font-weight:600; margin:0; clear:none}
#side_recommend article.recommendPost h3:after {border-bottom:none;}
#side_recommend article.recommendPost>span {color:#999; font-size:0.8rem;}
#side_recommend a.recommendLink {margin-top:0.4rem; font-size:12px; display:block; clear:both;}
#archives-2 select {font-size:0.875rem;}
#wp_widget_vk_archive_list-2 .widget_archive ul li {width:50%; float:left;} .osusume {position:absolute; right:0; bottom:0;}
#feature-list .feature-img .osusume {width:20%;}
.my-posts-list .feature-img .osusume {width:25%;}
#other-posts .other-img a .osusume {width:30%;}
.top_thumbnail img.osusume {width:68px; height:68px; object-fit:contain;}
#side_ninki a.popularPostImage img.osusume {width:50%; height:auto; object-fit:contain;}
#side_recent a.recentPostImage img.osusume {width:50%; height:auto; object-fit:contain;}
#side_recommend a.recommendPostImage img.osusume {width:50%; height:auto; object-fit:contain;}
article.hit_count .ranking-tn img.osusume {width:50%; height:auto; object-fit:contain;}
ul.wpp-list li p.to_post a:hover {text-decoration:none;} .media .postList_thumbnail a img {height:128px; width:128px; object-fit:cover;}
@media (max-width:767px) {
.media .postList_thumbnail a img {height:138px; width:138px; object-fit:cover;}
}
@media (max-width:500px) {
.media .postList_thumbnail a img {height:78px; width:78px; object-fit:cover;}
} .veu_postList .postList_date {color:#70c7da;}
.veu_postList .postList_title {font-size:0.9375rem;} .ex_link:after {content:url(https://jn.phasefree.net/wp-content/uploads/2020/06/i_window.png); padding-left:0.4rem;}