@charset "UTF-8";
/*
Theme Name:  EROGE NAVI
Description:  THE SONICカスタマイズ用子テーマ
Author:       SONIC Team　/ EROGE-NAVI
Author URI:   https://the-sonic.jp
Template:     thesonic
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/


*{ margin:0; padding:0;}
body { background:#fff!important;}
img { vertical-align:bottom;}
ul, li { list-style:none;}
a { color:#333; text-decoration:none;}
a:hover { text-decoration:none;}

:root {
--maincolor: #212121;
--subcolor: #252525;
--bgcolor: #fff;
--subcolor-op2: rgba(8,8,8,0.2);
--themefont:'Bebas Neue',cursive;
--titlefont:'M PLUS 1p', sans-serif;
}

.grecaptcha-badge { visibility: hidden; }

#page-overview #header { background-color:var(--bgcolor); color:var(--maincolor);}
#page-overview p { margin-bottom:0;}
#page-overview .entry-body > p { margin-bottom:2em; font-size:16px;}
#page-overview .entry-body h2 { color:#fff; background:var(--maincolor);}
#page-overview .entry-body h3 { border-color:var(--maincolor);}

.pconly { display:none;}
@media (min-width: 768px) {
.mobileonly { display:none;}
.pconly { display:block;}
}

#content { display:flex; flex-wrap:wrap; margin:0 auto; max-width:1800px;}
#top-slider { width:100%;}
#main { width:100%;}
#sidebar { width:100%; margin:0; padding:16px; box-sizing:border-box;}

@media (min-width: 1030px) {
#content { justify-content:center;}
#main { width:calc(100% - 350px); flex:0 0 auto; max-width:830px; box-sizing:border-box; padding:0 15px;}
#sidebar { width:350px; padding:35px 25px; flex:0 0 auto; display:block;}
}
@media (min-width: 1200px) {
#main { width:calc(100% - 410px);}
#sidebar { width:410px;}
}

#main h1 { font-family:var(--titlefont); font-weight:700;}
#sidebar h2 { font-family:var(--titlefont); font-weight:700;}

#header { border-bottom:solid 3px #111;}
#header .header-logo { margin:0 0; height:50px;}

.logo { display:inline-flex; align-items:center; height:50px; gap:5px; padding:0 15px; color:var(--maincolor);}
.logo .name { font-family:var(--themefont); font-size:25px; font-weight:900; line-height:1;}
.logo .subtitle { font-family:var(--titlefont); font-size:18px; line-height:1;}

.hamburger-menu { width:50px; height:50px; display:flex; align-items:center; justify-content:center;}
.hamburger-menu { position:absolute; left:auto; right:0; top:0;}

.top-image { padding:0; background:url() no-repeat center center; background-size:cover; display:flex; align-items: center; justify-content: center;}
.top-image { width:100%; height:calc(100vw * 0.6);}
.top-image-overlay { padding:20px; text-align:center; background:rgba(0,0,0,0.6); max-width:70%; box-sizing:border-box;}
.top-image-overlay p { margin:0;}
@media (min-width: 768px) {
	.top-image { height:calc(100vw * 0.4);}
}
@media (min-width: 1030px) {
	#header .header-logo { margin:0 10px; height:62px;}
	#header .header-logo a { font-size:32px; line-height:62px;}
	.top-image { height:calc(100vw * 0.35);}
	.hamburger-menu { width:62px; height:62px;}
}

.menu-open { flex:0 0 auto; display:block; height:40px; font-size:40px; line-height:40px; color:var(--maincolor);}
.menu-open::before { content:"\e5d2"; font-family:Material Icons; cursor:pointer;}
.menu-close { position:absolute; top:50%; left:-60px; width:40px; height:40px; text-align:center; line-height:40px; font-size:40px; color:#eee; z-index:15;}
.menu-close::before { content:"\e5cd"; font-family:Material Icons; cursor:pointer;}
.menu { position:fixed; top:0; right:0;}
.menu.showing { width:100%; height:100vh; z-index:12;}
.menu-container { display:none; width:35%; max-width:600px; height:100vh; padding:0; background:#f0f0f0; position:absolute; top:0; right:0; z-index:14; position:fixed;}
@media screen and (max-width: 767px) {
	.menu-container {
		width: 75%;
	}
}
.showing .menu-container { display:block;}
.menu-inner { width:100%; height:100vh; padding:64px 16px; box-sizing:border-box; overflow-y:scroll;}
.showing .menu-inner { display:block;}
.menu h3 { font-family:var(--themefont); font-weight:900; color:var(--maincolor); text-align:center; font-size:24px; margin-bottom:15px;}
.menu .cat-list { margin-bottom:64px; font-size:16px;}
.menu .cat-list a { color:#222;}
.menu .cat-list .children { font-size:75%; display:flex; margin-bottom:8px;}
.menu .cat-list .children li { padding-right:16px;}
.menu .cat-list .children li a { display:inline-block; padding:0 8px; background:#fff; border-radius:4px;}

.nav-background { display:none;}
.showing .nav-background { display:block; width:100%; height:100vh; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index:13;}
.search-form { display:flex;}
.search-form .search-input { flex:1 1 auto; height:45px; border:solid 1px var(--maincolor); padding:8px; box-sizing:border-box; font-size:15px; width:calc(100% - 45px);}
.search-form .search-button { flex:0 0 auto; height:45px; width:45px; border:solid 1px var(--maincolor); background:var(--maincolor); color:#fff; box-sizing:border-box; text-align:center; cursor:pointer;}
.search-form .search-button::before { content:"\e8b6"; font-family:Material Icons; font-size:30px; line-height:45px;}

.popular-category { background:#f3eee6; overflow:hidden; padding:60px 20px 20px; margin-bottom:30px;}
.popular-category h1 { font-size:1.2em; border-bottom:solid 2px #333; padding-bottom:8px; text-align:center; max-width:1100px; margin:0 auto;}
.popular-category ul { display:flex; flex-wrap:wrap; max-width:1100px; margin:20px auto;}
.popular-category li { flex:0 1 auto;}
.popular-category li a { display:block; background:#fff; color:#333; border-radius:5px; font-size:13px; padding:6px 10px; margin:6px;}

.main-line-title { border-bottom: solid 2px var(--subcolor-op2); font-size: 1.2em; position: relative; margin-bottom: 1em; padding-bottom:5px;}
.main-line-title::after { position: absolute; content: ''; display: block; border-bottom: solid 2px var(--subcolor); bottom:-2px; width: 15%;}

@media (min-width: 1030px) {
	.popular-category h1 { font-size:1.6em;}
	.popular-category li a { font-size:14px; padding:8px 15px; margin:6px;}
	.main-line-title { font-size: 1.6em; }
	.menu-inner { width:100%;}
}

.pickup { padding:20px;}
.pickup ul { display:flex; flex-wrap:wrap; justify-content:space-between;}
.pickup ul li { flex:0 0 auto; width: calc(50% - 8px); padding:15px 0;}
.pickup .post a { display:block;}
.pickup .post a:hover img { opacity:0.8;}
.pickup .post-title { font-size:14px; font-weight:bold; color:#333; line-height:1.5;}
.pickup .post-cat { margin-bottom:5px;}
.pickup .post-cat span { display:inline-block; font-size:13px; padding:2px 10px; border:solid 1px #999; color:#666; border-radius:5px; margin-right:8px;}
.pickup .post-thumbnail { height:calc((100vw - 56px) / 2 * 0.525); margin-bottom:10px; background:#f0f0f0;}
.pickup .post-thumbnail img { width:100%; height:calc((100vw - 56px) / 2 * 0.525); object-fit:cover; transition:all 0.5s;}
.pickup .post-time { color: #aaa; font-size:14px; margin-bottom:0; font-family:var(--minifont);}
@media (min-width: 1030px) {
	.pickup .post-thumbnail { height:calc((100vw - 416px) / 2 * 0.525);}
	.pickup .post-thumbnail img { width:100%; height:calc((100vw - 416px) / 2 * 0.525);}
}
@media (min-width: 1120px) {
	.pickup .post-thumbnail { height:calc(352px * 0.525);}
	.pickup .post-thumbnail img { width:100%; height:calc(352px * 0.525);}
}



.ranking { background:#f3eee6;}
.ranking h1 { padding:20px; background:#333; color:#fff; text-align:center; font-size:1.2em;}
.ranking ol { display:flex; flex-wrap:wrap; padding:0 20px 20px; counter-reset:item;}
.ranking ol li { flex:0 0 auto; width: 100%; padding:20px 0; border-bottom:dashed 1px #ccc;}
.ranking ol li:last-child { border-bottom:none;}

.ranking ol li a { padding:10px 0 0 10px; position:relative;}
.ranking ol li a::before { counter-increment:item; content:counter(item); font-size:24px; color:#fff; display:block; width:48px; height:48px; text-align:center; position:absolute; left:0; top:0; background:rgba(51,51,51,0.8); z-index:2;}
.ranking ol li.rank-1 a::before { background:rgba(230,185,30,0.8); }
.ranking ol li.rank-2 a::before { background:rgba(170,170,170,0.8); }
.ranking ol li.rank-3 a::before { background:rgba(168,111,49,0.8); }
.ranking .post a { display:block;}
.ranking .post a:hover img { opacity:0.8;}
.ranking .post-title { font-size:14px; font-weight:bold; color:#333;}
.ranking .post-cat { margin-bottom:5px;}
.ranking .post-cat span { display:inline-block; font-size:13px; padding:2px 10px; border:solid 1px #999; background:#fff; border-radius:5px; margin-right:8px;}
.ranking .post-thumbnail { width:calc(40vw - 10px); height:calc((40vw - 10px) * 0.525); margin-right:16px; margin-bottom:0; float:left; background:#f9f9f9;}
.ranking .post-thumbnail img { width:100%; height:calc((40vw - 10px) * 0.525); object-fit:cover; transition:all 0.5s;}
.ranking .post-time { color: #aaa; font-size:14px; margin-bottom:0; font-family:var(--minifont);}
.ranking .rank-1 .post-thumbnail { width:100%; height:calc((100vw - 40px) * 0.525); margin-right:0; margin-bottom:10px; float:none; background:#f9f9f9;}
.ranking .rank-1 .post-thumbnail img { width:100%; height:calc((100vw - 40px) * 0.525);}

@media (min-width: 1030px) {
	.ranking { width:100vw; margin: 0 calc(50% - 50vw) 50px;}
	.ranking h1 { font-size:1.6em;}
	.ranking ol li { width:calc(100% / 3); padding:20px 10px; box-sizing:border-box; border-bottom:none;}
	.ranking .post-thumbnail { width:100%; height:calc((100vw - 130px) / 3 * 0.525); margin-right:0; margin-bottom:10px; float:none;}
	.ranking .post-thumbnail img { height:calc((100vw - 130px) / 3 * 0.525);}
	.ranking .rank-1 .post-thumbnail { height:calc((100vw - 130px) / 3 * 0.525);}
	.ranking .rank-1 .post-thumbnail img { height:calc((100vw - 130px) / 3 * 0.525);}
	.ranking .post-title { font-size:16px; line-height:1.5;}
}
@media (min-width: 1160px) {
	.ranking .post-thumbnail { height:180.25px;}
	.ranking .post-thumbnail img { height:180.25px;}
	.ranking .rank-1 .post-thumbnail { height:180.25px;}
	.ranking .rank-1 .post-thumbnail img { height:180.25px;}
}

.new { padding:20px;}
.new ul { display:flex; flex-wrap:wrap; justify-content:space-between;}
.new ul li { flex:0 0 auto; width: 100%; padding:10px 0;}
.new .post a { display:block; position:relative; overflow:hidden;}
.new .post a:hover img { opacity:0.8;}
.new .post-title { font-size:14px; font-weight:normal; color:#333; line-height:1.5;}
.new .post-cat { position:absolute; top:0; left:0; display:inline-block; font-size:11px; padding:0 8px; background:rgba(0,0,0,0.6); color:#fff;}
.new .post-thumbnail { width:40vw; height:calc(40vw * 0.525); margin-right:16px; margin-bottom:0; float:left; background:#f0f0f0;}
.new .post-thumbnail img { width:100%; height:calc(40vw * 0.525); object-fit:cover; transition:all 0.5s;}
.new .post-time { color: #aaa; font-size:14px; margin-bottom:0; font-family:var(--minifont);}
@media (min-width: 1030px) {
	.new ul li { width: calc((100% - 30px) / 3); box-sizing:border-box;}
	.new ul::after { content:""; display:block; width: calc((100% - 30px) / 3);}
	.new .post-thumbnail { width:100%; height:auto; min-height:100px; margin-right:0; margin-bottom:5px; float:none;}
	.new .post-thumbnail img { width:100%; height:auto;}
	.new .post-title { font-size:15px;}
}
.button { padding:30px 0; margin-bottom:0;}
.button a { display:block; padding:10px 0; text-align:center; background:var(--maincolor); color:#fff; font-weight:bold; width:60%; margin:0 auto 10px; box-shadow:0 2px 1px rgba(0,0,0,0.3); transition:all .5s;}
.button a:hover { background:var(--maincolor); opacity:0.9; box-shadow:0 2px 2px rgba(0,0,0,0.5);}

#footer { background:#f0f0f0; margin-top:50px;}
#footer .footer-container { display:flex; flex-wrap:wrap;}
#footer .footer-left { flex:0 0 auto; width:100%; text-align:center;}
#footer .footer-right { flex:0 0 auto; width:100%; display:flex; flex-wrap:wrap; justify-content:center; padding:20px 0;}
#footer .footer-right .recommend { flex:0 0 auto; width:45%;}
#footer .footer-right .recommend a { font-size:13px; color:#333; line-height:1.4;}
#footer .footer-right .links { flex:0 0 auto; width:90%; margin-top:20px;}
#footer .footer-right .links a { font-size:13px; color:#333; line-height:1.4;}
#footer .footer-bottom { flex:0 0 auto; width:100%; background:#333;}
#footer .footer-menu { display:flex; margin:10px 20px; justify-content:center; flex-wrap:wrap;}
#footer .footer-menu li { flex:0 0 auto;}
#footer .footer-menu a { color:#fff; font-size:13px;}
#footer .footer-menu li::before { content:"/"; color:#fff; display:inline-block; padding:0 1em;}
#footer .footer-menu li:first-child::before { content:"";}

#footer .footer-logo { margin:32px 0; text-align:center;}

#footer .footer-logo a:hover { background:none;}

#footer .copyright { font-size:12px;}

@media (min-width: 1030px) {
	#footer { overflow:hidden;}
	#footer .footer-container { justify-content:center; flex-direction:row; margin-top:30px;}
	#footer .footer-left { width:40%; padding:20px 0; border-right:solid 1px #ccc;}
	#footer .footer-right { width:40%; padding:20px 0;}
	#footer .footer-bottom { margin-top:30px;}
	#footer .footer-menu { margin:20px 20px;}
}

.breadcrumbs { display:none;}
.promotion-note { padding:8px 16px 0; font-size:11px;}
.promotion-note span { padding:2px 8px; color:#222; background:#eaeaea;}

.entry h2 { margin-left:-16px; margin-right:-16px;}
.entry-title { padding:10px 16px; font-weight:700;}
.entry-writer { padding:16px}
.entry-writer .writer-in { margin:0;}
.entry-eyecatch img { width:100%; height:auto;}
.entry-header-item { font-size:12px; padding:0 16px;}
.entry-content { overflow:hidden;}
.entry-footer { padding:16px;}
.entry-writer { margin:0 auto; padding:16px;}
.entry-writer .writer-in { margin:0;}
.entry-writer .writer-in::before { padding:0;}
.entry-writer .writer-name { font-size:14px; color:#333;}
.writer-text-in p { font-size:14px;}
@media (min-width: 768px){
	.entry h2 { margin-left:0; margin-right:0;}
	.entry-title { max-width:765px; margin:0 auto;}
	.entry-header-item { max-width:765px; margin:0 auto;}
	.entry-content { max-width:765px; margin:0 auto;}
	.entry-writer { max-width:765px;}
	.promotion-note { max-width:765px; margin:0 auto;}
	.main-article-under { padding:16px;}
}
@media (min-width: 1030px) {
	.breadcrumbs { display:block;}
	.breadcrumb { font-size:14px; padding:16px 25px 0;}
	.breadcrumb a { color:#888;}
	.breadcrumb i { display:none;}
	.breadcrumb li:not(:last-child)::after { content: "\e409"; font-family: Material Icons; color:#888; vertical-align: bottom; opacity:1; font-weight:bold; margin:0 5px;}
	.breadcrumb li:last-child::after { content: "\e409"; font-family: Material Icons; color:#888; vertical-align: bottom; opacity:1; font-weight:bold; margin:0 5px;}
	.entry-header-item { font-size:14px;}
	.entry-eyecatch { padding:16px 25px 0;}
	.entry-title { padding:15px 25px;}
	.entry-header-item { font-size:13px; padding:0 25px;}
	.entry-content { padding:25px;}
	.entry-writer { padding:16px 25px;}
	.entry-footer { margin:0 25px;}
	.promotion-note { padding:16px 25px 0; font-size:12px;}
	.main-article-under { padding:16px 25px;}
}

#media .kanren-kiji-title  { font-size:20px; font-weight:bold; text-align:left; border-bottom: solid 2px #eee; padding-bottom: 10px; position: relative; margin-bottom: 1em;}
#media .kanren-kiji-title::after { position: absolute; content: ''; display: block; border-bottom: solid 2px #333; bottom: -3px; width: 15%;}
#media .kanren-kiji { display:flex; justify-content:space-between;}
#media .main-kiji { flex:0 0 auto; width:calc(50% - 8px); background:#fefefe;}
#media .main-kiji:hover { box-shadow:none;}
#media .kanren-kiji a { display:flex; flex-wrap:wrap; height:auto;}
#media .kanren-kiji .kiji-img { width:100%; height:calc((100vw - 48px) / 2 * 0.525);}
#media .kanren-kiji .kiji-img img { width:100%; height:calc((100vw - 48px) / 2 * 0.525); object-fit:cover;}
#media .kanren-kiji .kiji-text { padding:5px 8px; font-size:0.8em; font-weight:bold; max-height:100%; max-width:100%; line-height:1.5;}
#media .kanren-kiji .centered { width:100%; height:calc((100vw - 48px) / 2 * 0.525);}
@media (min-width: 768px) {
	#media .kanren-kiji .kiji-img { width:180px; height:94.5px; float:left;}
	#media .kanren-kiji .kiji-img img { width:180px; height:94.5px;}
	#media .kanren-kiji .centered { width:180px; height:94.5px;}
	#media .kanren-kiji .kiji-text { padding:0 8px; align-self:start;}
}

#comments-list { padding:0;}
.comment-respond input { border:solid 1px;}


.sidebar-content { margin-bottom:15px; width:100%; flex:0 0 auto;}
.sidebar-title { font-size:16px; font-weight:bold; border-bottom: solid 2px var(--bgcolor); padding-bottom: 10px; position: relative; margin-bottom: 1em;}

.sidebar-list li { margin-bottom:20px;}
.sidebar-list a { display:block; overflow:hidden;}
.sidebar-list .post-thumbnail { margin-bottom:0; width:40vw; height:calc(40vw * 0.525); margin-right:8px; float:left; background:#f0f0f0;}
.sidebar-list .post-thumbnail img { width:100%; height:calc(40vw * 0.525); object-fit:cover;}
.sidebar-list .post-title { font-size:0.8em; line-height:1.5; margin-bottom:5px; font-weight:bold; color:#333;}
.sidebar-list .post-time { color: #aaa; font-size:14px; margin-bottom:0; font-family:var(--minifont);}
.sidebar-ranking ol { counter-reset:item;}
.sidebar-ranking ol li a { position:relative;}
.sidebar-ranking ol li a::before { counter-increment:item; content:counter(item); font-size:20px; color:#fff; display:block; width:30px; height:30px; text-align:center; position:absolute; left:0; top:0; background:rgba(51,51,51,0.8); z-index:2; font-family:var(--themefont); font-weight:900; line-height:30px;}
.sidebar-ranking ol li.rank-1 a::before { background:rgba(230,185,30,0.8); }
.sidebar-ranking ol li.rank-2 a::before { background:rgba(170,170,170,0.8); }
.sidebar-ranking ol li.rank-3 a::before { background:rgba(168,111,49,0.8); }

@media (min-width: 1030px) {
	.sidebar-list .post-thumbnail { width:150px; height:78.75px;}
	.sidebar-list .post-thumbnail img { width:150px; height:78.75px;}
	.sidebar-list .post-title { line-height:1.5;}
	.sticky { position:sticky; top:0; padding-top:15px;}
}

.list-header h1 { text-align:center; padding:50px 0; background:var(--subcolor-op2);}
.list-footer { background:#fff; padding:16px;}
.list-footer ul { margin:0;}
.list-footer .page-numbers a { background:#f0f0f0;}
.list-footer .page-numbers.prev { display:none;}
.list-footer .page-numbers.next { display:none;}

.list { padding:0 16px 16px;}
.list ul { display:flex; flex-wrap:wrap; justify-content:space-between;}
.list ul li { flex:0 0 auto; width: calc(50% - 8px); padding:15px 0;}
.list .post a { display:block;}
.list .post a:hover img { opacity:0.8;}
.list .post-title { font-size:14px; font-weight:bold; color:#333; line-height:1.5;}
.list .post-cat { margin-bottom:5px;}
.list .post-cat span { display:inline-block; font-size:13px; padding:2px 10px; border:solid 1px #999; color:#666; border-radius:5px; margin-right:8px;}
.list .post-thumbnail { height:calc((100vw - 56px) / 2 * 0.525); margin-bottom:10px; background:#f0f0f0;}
.list .post-thumbnail img { width:100%; height:calc((100vw - 56px) / 2 * 0.525); object-fit:cover; transition:all 0.5s;}
.list .post-time { color: #aaa; font-size:14px; margin-bottom:0; font-family:var(--minifont);}
@media (min-width: 768px) {
	.list-header h1 { font-size:28px; padding:80px 0;}
}
@media (min-width: 1030px) {
	.list-header h1 { margin:16px 25px;}
	.list-footer { padding:16px 25px;}
	.list { padding:0 25px 16px;}
	.list .post-thumbnail { height:calc((100vw - 416px) / 2 * 0.525);}
	.list .post-thumbnail img { width:100%; height:calc((100vw - 416px) / 2 * 0.525);}
}
@media (min-width: 1120px) {
	.list .post-thumbnail { height:calc(352px * 0.525);}
	.list .post-thumbnail img { height:calc(352px * 0.525);}
}
.google-form input { border:solid 1px #ccc; height:1.8em; line-height:1.8em; padding:0 2px;}
.google-form textarea { border:solid 1px #ccc; line-height:1.8em; padding:0 2px;}
.google-form button { background:#888; color:#fff; padding:5px 8px; border:none; border-radius:4px;}

.fanzalink { margin:1.8em 0;}
.fanzalink a { display:block; background:#ff8b11; color:#fff; font-size:18px; font-weight:bold; text-align:center; padding:5px 0; border-bottom:solid 2px #d7730f; border-radius:2px;}

.entry-content table td { min-width:90px; line-height:1.3; white-space:normal;}
.entry-content table td a.button { display:block; margin:8px auto; background:#1982ac; color:#fff; padding:3px 8px; text-align:center; border-radius:4px; min-width:120px; max-width:320px; box-sizing:border-box; box-shadow:0px 2px 1px #ccc;}
.entry-content table td a[href^="#"].button { background:#54bce7; color:#fff;}

.updatedate i::before { content:"\e5d5"; font-family:Material Icons; vertical-align:bottom;}
.postdate i::before { content:"\e8b5"; font-family:Material Icons; vertical-align:bottom;}
.readtime i::before { content:"\e54b"; font-family:Material Icons; vertical-align:bottom;}
.footer-right .recommend a::before { content:"\e037"; font-family:Material Icons;}
.footer-right .links a::before { content:"\e9ba"; font-family:Material Icons;}
.comment-reply-title::before { content:"\e0bf"; font-family:Material Icons; vertical-align:bottom;}
.catetagbox-label { display:none;}
.category-area li a { display:inline-block; background:#fff; padding:2px 8px; border-radius:4px; margin-right:6px;}
.category-area li a::before { content:none;}
.tag-area li a:before { content:"#";}
#mkj { margin-top:1em;}
#mkj .mkj-content::after { content:none;}
#gotop i::before { content:"\e5d8"; font-family:Material Icons;}

.wp-block-buttons { text-align:center; margin-bottom: 2em;}
.wp-block-buttons .wp-block-button a { min-width:280px;}

.table-fix td:nth-child(1) {
    position: sticky;
    left: 0;
}

.table-row td:nth-child(1) {
    background-color: #f9f9f9;
    color: #595959;
    font-weight: 700;
}

.ranking-menu { background:#f0f0f0; padding:20px; border-radius:12px;}
.ranking-menu-title { text-align:center; font-size:24px; font-weight:bold; padding-bottom:16px;}
.ranking-menu-title::before { content:"\f521"; font-family:"Font Awesome 5 Free"; font-weight: 900; color:gold; margin-right:5px;}
.ranking-menu-title::after { content:"\f521"; font-family:"Font Awesome 5 Free"; font-weight: 900; color:gold; margin-left:5px;}
.ranking-menu-nav ul { display:flex; flex-wrap:wrap; align-items:stretch;}
.ranking-menu-nav li { flex:0 0 auto; width:calc(100% / 3); padding:0 5px 15px; box-sizing:border-box; display:flex; align-items:stretch;}
.ranking-menu-button a { display:block; width:100%; text-align:center; padding:10px; background:#ffebfb; border:solid 1px #ff89e8; box-shadow:0 5px 0 #ff9dec; border-radius:8px; transition:all 0.5s;}
.ranking-menu-button a:hover { background:#ffe6fa;}
.ranking-menu-button span { display:block; text-align:center;}
.ranking-menu-button .title { font-size:18px; font-weight:bold; color:#333;}
.ranking-menu-button .icon img { width:50%; height:auto;}
.ranking-menu-button .words { font-size:14px; color:#666;}

.wp-block-table th { z-index:100;}
.wp-block-table th.fixed01::before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-left:solid 1px; border-right:solid 1px; margin-left:-1px;}
.wp-block-table a.button { display:inline-block; padding:0 16px; line-height:40px; background:#1a73e8; color:#fff; font-weight:bold; border-radius:20px; font-size:14px; box-shadow:0 1px 2px #ddd; transition:all 0.5s;}
.wp-block-table a.button:hover { background:#488fed;}

.blogcard { border:solid 3px var(--subcolor); padding:12px; position:relative; margin:40px 0 32px; box-sizing:border-box;}
.blogcard h5 { font-size:16px; line-height:24px; font-weight:bold; background:var(--subcolor); color:#fff; border-radius:4px 4px 0 0; display:inline-block; padding:2px 12px; position:absolute; top:-28px; left:-3px;}
.blogcard a { display:flex; flex-wrap:wrap;}
.blogcard a img { width:100%; height:auto; margin-bottom:8px; object-fit:contain;}
.blogcard a span { font-size:15px; font-weight:bold; line-height:1.4;}
@media (min-width: 480px) {
.blogcard { padding:16px;}
.blogcard a { flex-wrap:nowrap;}
.blogcard a img { width:160px; margin-right:12px; margin-bottom:0;}
}

/*-----PR-CONTENT-----*/
.pr-content { width:100%; margin:0 0 2em; padding:0;}
.pr-content > p { margin-bottom:2em!important;}
.pr-content > div { margin-bottom:1em;}
.pr-content img { max-width:100%;}
.pr-content video { max-width:100%;}
.pr-content iframe { max-width:100%;}
.pr-content .fullimage { margin-left:-16px; margin-right:-16px;}
.pr-h2 { margin:3em -16px 1em; padding:8px 16px; font-size:1.2em; font-weight:bold; color:#fff; background:var(--maincolor);}
.pr-h3 { margin:2em 0 1em; border-left:4px solid; padding-left:16px; font-size:1.17em; font-weight:bold; border-color:var(--maincolor);}
.pr-cta { margin-bottom:3em!important;}
@media (min-width: 768px) {
.pr-content .fullimage { margin-left:0; margin-right:0;}
.pr-h2 { margin:3em 0 1em;}
}

/* ショートコードの擬似見出し用 */
.head2 {background: #212121; color: #fff; padding: 8px 16px; margin: 3em 0 1em; box-sizing: border-box; position: relative; display: block; unicode-bidi: isolate; font-size: 1.2em; font-weight: bold; display: block; margin-block-start: 0.83em; margin-block-end: 0.83em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold;}
.head3 {border-color: #212121!important; border-left: 4px solid; padding-left: 16px; margin: 2em 0 0.75em; box-sizing: border-box; position: relative; display: block; font-size: 1.17em; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; }
.game-title {line-height: normal};
@media screen and (min-width: 768px) {
	.head2 {font-size: 1.5em;}
}

/* アプリランキングショートコード用 */
.app-section {
	position: relative;
    background: #fff;
/*    padding: 5px 5px 10px;*/
    border-radius: 10px;
	margin-top: 20px;
}
.app-recommend .head {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #f361a8;
    background-size: 4px 4px;
    border-radius: 5px;
}
.app-recommend .head span {
    display: block;
    padding: 8px 8px 6px;
}
.app-recommend .head span::before, .app-recommend .head span::after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    background: url(https://media.adult-storage.net/eromovie-s/games/uploads/2025/02/2cfd099726c4156916653b72e013c5a171db5197e7fa549d6eadf44ba60d2ced.webp) center no-repeat;
    background-size: 14px 14px;
    margin: 0 2px;
    margin-bottom: 2px;
}
.app-recommend ul {
    padding: 0 10px 5px;
}
.app-recommend li {
    margin-top: 15px;
}
.app-recommend li a, .app-recommend li div.app-disable {
    display: flex
;
    align-items: center;
    text-decoration: none;
    color: #333;
}
@media screen and (min-width: 641px) {
    .app-recommend li .icon {
        width: 100px;
    }
	.app-recommend li .icon img {
		width: 100px;
    }
	.app-recommend li .btn {
        width: 160px;
        margin-top: 6px;
    }
}
.app-recommend li .icon {
    position: relative;
    width: 80px;
    margin-right: 20px;
}
.app-recommend li .icon .badge {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -10px;
    right: -15px;
    width: 48px;
    height: 48px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    border: 1.5px solid #fff;
    background: #e6434a;
    border-radius: 50%;
    transform: rotate(10deg) scale(1, 1);
    animation: badge 1s linear 0s infinite;
}
.app-recommend li .icon img {
    width: 80px;
    height: auto;
    border-radius: 16px;
}
.app-recommend li .text {
    flex: 1;
}
.app-recommend li .name {
    display: block;
    max-width: calc(100vw - 160px);
    font-size: 12px;
	line-height: 1.2;
    font-weight: bold;
    height: 1em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #e6434a;
    margin-bottom: 2px;
}
.app-recommend li .lead {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}
.app-recommend li .btn {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #000;
    padding: 6px;
    margin-top: 2px;
    border-radius: 6px;
}
.app-recommend li .btn span {
    position: relative;
    top: -1px;
    display: inline-block;
    font-size: 8px;
    color: #999;
    margin-right: 2px;
}
@keyframes badge {
	0% {
		transform: rotate(10deg) scale(1, 1);
	}
	10% {
		transform: rotate(10deg) scale(1.2, 1.2);
	}
	20% {
		transform: rotate(10deg) scale(1, 1);
	}
	30% {
		transform: rotate(10deg) scale(1.2, 1.2);
	}
}

.app-ranking .ranking-title {
	font-size: 14px;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
    color: #fff;
    background: #f8bd32;
    padding: 8px;
    margin-top: 30px;
    margin-bottom: -10px;
    border-radius: 10px;
}
.rating-note {
    font-size: 10px;
    line-height: 1.2;
    color: #777;
    padding: 0 5px;
    margin-top: 15px;
    margin-bottom: -5px;
}
.rank-wrapper.layout3 {
	border: 2px solid #90CE9C;
	position: relative;
	background: #fff;
	margin-top: 30px;
	border-radius: 10px;
}
#rank1.rank-wrapper.layout3 {
	border: 3px solid gold;
	position: relative;
    background: #fff;
    margin-top: 30px;
    border-radius: 10px;
}
#rank2.rank-wrapper.layout3 {
	border: 3px solid silver;
	position: relative;
    background: #fff;
    margin-top: 30px;
    border-radius: 10px;
}
#rank3.rank-wrapper.layout3 {
	border: 3px solid #CD7F32;
	position: relative;
    background: #fff;
    margin-top: 30px;
    border-radius: 10px;
}
.rank-wrapper {
	position: relative;
}
.rank-wrapper .num .decoration {
	display: inline-block;
  margin: 0;
  padding: 0 0;
  width: 40px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  background: #90CE9C;
  border-radius: 2px 0 0 0;
}
.rank-wrapper .num .decoration::before {
  position: absolute;
  content: '';
  top: 0;
  right: -6px;
  border: none;
  border-bottom: solid 6px #5b8263;
  border-right: solid 6px transparent;
}
.rank-wrapper .num .decoration::after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid #90CE9C;
  border-right: 20px solid #90CE9C;
  border-bottom: 10px solid transparent;
}
#rank1.rank-wrapper .num .decoration {
	display: inline-block;
  margin: 0;
  padding: 0 0;
  width: 40px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  background: gold;
  border-radius: 2px 0 0 0;
}
#rank1.rank-wrapper .num .decoration::before {
  position: absolute;
  content: '';
  top: 0;
  right: -6px;
  border: none;
  border-bottom: solid 6px #9c8c00;
  border-right: solid 6px transparent;
}
#rank1.rank-wrapper .num .decoration::after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid gold;
  border-right: 20px solid gold;
  border-bottom: 10px solid transparent;
}
#rank2.rank-wrapper .num .decoration {
	display: inline-block;
  margin: 0;
  padding: 0 0;
  width: 40px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  background: silver;
  border-radius: 2px 0 0 0;
}
#rank2.rank-wrapper .num .decoration::before {
  position: absolute;
  content: '';
  top: 0;
  right: -6px;
  border: none;
  border-bottom: solid 6px #757575;
  border-right: solid 6px transparent;
}
#rank2.rank-wrapper .num .decoration::after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid silver;
  border-right: 20px solid silver;
  border-bottom: 10px solid transparent;
}
#rank3.rank-wrapper .num .decoration {
	display: inline-block;
  margin: 0;
  padding: 0 0;
  width: 40px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  background: #CD7F32;
  border-radius: 2px 0 0 0;
}
#rank3.rank-wrapper .num .decoration::before {
  position: absolute;
  content: '';
  top: 0;
  right: -6px;
  border: none;
  border-bottom: solid 6px #75491c;
  border-right: solid 6px transparent;
}
#rank3.rank-wrapper .num .decoration::after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid #CD7F32;
  border-right: 20px solid #CD7F32;
  border-bottom: 10px solid transparent;
}
@media screen and (min-width: 641px) {
	.rank-wrapper .num {
		top: -12px;
        left: 12px;
	}
	.rank-wrapper .num img {
        width: 54px;
    }
	.rank-wrapper .icon {
        width: 104px;
        margin-right: 20px;
    }
	.rank-wrapper .icon img {
        width: 100%;
    }
	.rank-wrapper .data {
        margin-top: 10px;
    }
	.rank-wrapper .data .name {
        font-size: 24px;
        margin-bottom: 6px;
		padding: 0;
    }
	.rank-wrapper .image-ss .type-t {
        margin-right: auto;
        margin-left: auto;
    }
}
.rank-wrapper .num {
	position: absolute;
    top: -8px;
    left: -22px;
    z-index: 1;
}
.rank-wrapper .rank-head {
    display: flex;
    position: relative;
    padding: 10px;
}
.rank-wrapper .icon {
    width: 84px;
    margin-right: 8px;
    box-sizing: border-box;
}
.rank-wrapper .icon img {
    border: 2px solid #fff;
    border-radius: 22px;
}
.rank-wrapper .data {
    flex: 1;
    margin-top: 4px;
}
.rank-wrapper .data .name {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
	margin-top: 0;
	margin-bottom: 0px;
	background: none!important;
}
.rank-wrapper .data .name a {
    text-decoration: none;
    color: #000;
}
.rank-wrapper .data .store-rates {
    margin-bottom: 4px;
}
.rank-wrapper .data .store-rates span.store {
    font-size: 13px;
    font-weight: 700;
    color: #f7bb33;
}
.rank-wrapper .data .store-rates span.rate {
	position: relative;
    font-size: 13px;
    font-weight: 700;
    color: #f7bb33;
}
.rank-wrapper .data .store-rates span.rate .fas {
	font-size: 12px;
	margin-right: 2px;
	vertical-align: text-top;
}

.rank-wrapper .data .store-rates img {
    margin-right: 2px;
	vertical-align: text-top;
}
.rank-wrapper .cat {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.rank-wrapper .cat li {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background: #3ed6c8;
    padding: 5px 6px;
    margin-top: 4px;
    margin-right: 3px;
    border-radius: 4px;
}
.rank-wrapper .cat li.free, .app .cat li.new {
    background: #f361d6;
}
.rank-wrapper .game-image {
    position: relative;
    width: 100%;
}
.rank-wrapper .game-image img, .rank-wrapper .game-image video {
    width: 100%;
    height: auto;
}
.rank-wrapper .game-image .badge {
    position: absolute;
    top: 20px;
    right: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: #FF4C4B;
    padding: 8px 12px;
	z-index: 1;
    border-radius: 4px;
    opacity: 0.95;
    animation: blink 1.5s linear 0s infinite;
	animation: blink 1.5s linear 0s 
}
.rank-wrapper .game-content {
    position: relative;
}
.rank-wrapper .description {
    position: relative;
}
.rank-wrapper .description .lead {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    color: orangered;
    margin-bottom: 6px;
	border-left: none;
}
.rank-wrapper .description .text {
    overflow: hidden;
    font-size: 13px;
    line-height: 1.5;
    padding: 12px;
    transition-duration: 0.3s;
}
.rank-wrapper .point {
    margin-top: 20px;
}
.rank-wrapper .point h3.title {
    background: #f361d6;
    background-size: 4px 4px;
    margin-bottom: 14px;
}
.rank-wrapper .point h3.title, .rank-wrapper .reviews h3.title {
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
    color: #fff;
    padding: 6px 2px 3px;
    border-radius: 5px;
	border-left: none;
}
.rank-wrapper .point ul {
    padding: 0 10px;
}
.rank-wrapper .point li {
    position: relative;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.4;
    padding-left: 10px;
    margin-top: 4px;
}
.rank-wrapper .point li::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    display: block;
    width: 6px;
    height: 6px;
    background: #f361d6;
    border-radius: 50%;
}
.rank-wrapper .image-ss {
    margin: 20px 10px 10px;
}
.rank-wrapper .image-ss .image-wrap {
    width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
}
.rank-wrapper .image-ss ul {
    display: flex;
    width: 1110px;
}
.rank-wrapper .image-ss ul li {
	width: calc(100% - 10px);
    margin-left: 10px;
}
.rank-wrapper .image-ss ul li:first-child {
	margin-left: 0;
}
.rank-wrapper .image-ss ul li img {
    width: 100%;
    height: auto;
    border: 1px solid #eee;
    border-radius: 10px;
}
.rank-wrapper .reviews {
	margin-top: 20px;
}
.rank-wrapper .reviews h3.title {
    background: #3ed6c8;
    background-size: 4px 4px;
}
.rank-wrapper .reviews .review {
    background: #ecf9f8;
    padding: 10px;
    margin-top: 5px;
    border-radius: 5px;
}
.rank-wrapper .reviews .review .head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
}
.rank-wrapper .reviews .review h4.title {
    flex: 1;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
	border-bottom: 0;
}
.rank-wrapper .reviews .review .text {
	font-size: 14px;
}
.rank-wrapper .reviews .review .star {
    width: 90px;
    text-align: right;
}
.rank-wrapper .reviews .review .star img {
	width: 13px;
}

@keyframes blink {
	0% {
		color: #fff;
		background: #FF4C4B;
	}
	5% {
		color: #FF4C4B;
		background: #fff;
	}
	50% {
		color: #FF4C4B;
		background: #fff;
	}
	55% {
		color: #fff;
		background: #FF4C4B;
	}
}

/* 埋め込み動画の再生アイコン等 */
.mejs-overlay-button {
	position: relative;
	background: url(https://media.adult-storage.net/eromovie-s/games/uploads/2025/02/95f3a252cde8cdd5bb2e0841b87fc18037559111dba3cc03bb8bb3264ba98f21.svg) no-repeat 0 -39px !important;
}
.mejs-button>button {
	background: url(https://media.adult-storage.net/eromovie-s/games/uploads/2025/02/95f3a252cde8cdd5bb2e0841b87fc18037559111dba3cc03bb8bb3264ba98f21.svg) no-repeat 0 0 !important;
}
.mejs-pause>button {
	background: url(https://media.adult-storage.net/eromovie-s/games/uploads/2025/02/95f3a252cde8cdd5bb2e0841b87fc18037559111dba3cc03bb8bb3264ba98f21.svg) no-repeat -20px 0 !important;
}
.mejs-mute>button {
	background: url(https://media.adult-storage.net/eromovie-s/games/uploads/2025/02/95f3a252cde8cdd5bb2e0841b87fc18037559111dba3cc03bb8bb3264ba98f21.svg) no-repeat -60px 0 !important;
}
.mejs-unmute>button {
	background: url(https://media.adult-storage.net/eromovie-s/games/uploads/2025/02/95f3a252cde8cdd5bb2e0841b87fc18037559111dba3cc03bb8bb3264ba98f21.svg) no-repeat -40px 0 !important;
}
.mejs-fullscreen-button>button {
	background: url(https://media.adult-storage.net/eromovie-s/games/uploads/2025/02/95f3a252cde8cdd5bb2e0841b87fc18037559111dba3cc03bb8bb3264ba98f21.svg) no-repeat -80px 0 !important;
}
.mejs-unfullscreen>button {
	background: url(https://media.adult-storage.net/eromovie-s/games/uploads/2025/02/95f3a252cde8cdd5bb2e0841b87fc18037559111dba3cc03bb8bb3264ba98f21.svg) no-repeat -100px 0 !important;
}