レメラボ　同人ゲーム・同人音声を遊んで好き勝手書くブログ

DLsite情報 DLsiteで『スプリング・カウントダウンセール』やってますー

FANZA情報用 FANZA専売作品の大幅割引一覧ページ

お得な割引きインフォメーション

キャンペーン

スプリング・カウントダウンセール

期間：3月12日(木) 13:59まで

DLチャンネルのまとめ記事とか

隠れた名作と言えるかもしれない僕の偏愛する同人ゲー

隠れた名作と言えるかもしれない僕の偏愛する同人ゲー

※抜本的にリライト予定

暖炉のある家

2025年の印象的だった作品TOP10

素直にDLチャンネル内の記事です

【まとめ】催○オナニーの始め方・やり方・注意点

【まとめ】催○オナニーの始め方・やり方・注意点

※こちらも抜本的にリライト予定

新着記事一覧

催堕の魔法使いレビュー｜フェルンとアウラのイベント回収型エロRPG

同人ゲーム

サクッと楽しめる

催堕の魔法使いレビュー｜フェルンとアウラのイベント回収型エロRPG

脳筋巫女カンナ忍の里の危機レビュー｜タッグ共闘×脱衣あり！爽快ベルトスクロールアクション

同人ゲーム

サクッと楽しめる

脳筋巫女カンナ忍の里の危機レビュー｜タッグ共闘×脱衣あり！爽快ベルトスクロールアクション

白騎士調教レビュー｜ぶるんぶるん胸揺れ×拘束特化の3D調教SLG

同人ゲーム

サクッと楽しめる管理人オススメ！

白騎士調教レビュー｜ぶるんぶるん胸揺れ×拘束特化の3D調教SLG

灰燼の城レビュー｜終末ゾンビ世界で生き延びるサバイバルADVとヒロイン交流

同人ゲーム

サクッと楽しめる

灰燼の城レビュー｜終末ゾンビ世界で生き延びるサバイバルADVとヒロイン交流

ガバまんクリッカーレビュー｜可愛いヒロインを不可逆拡張する復讐クリッカー

同人ゲーム

サクッと楽しめる管理人オススメ！

ガバまんクリッカーレビュー｜可愛いヒロインを不可逆拡張する復讐クリッカー

電波の夜に響く夢レビュー｜メタ構造が光る電波系ビジュアルノベル短編ADV

同人ゲーム

サクッと楽しめる

電波の夜に響く夢レビュー｜メタ構造が光る電波系ビジュアルノベル短編ADV

レメラボ情報誌NO22

レメラボ情報誌NO22

スニークバインドレビュー｜移動×カードバトルの独自システムと段階拘束エロが光る短編RPG

同人ゲーム

サクッと楽しめる管理人オススメ！

スニークバインドレビュー｜移動×カードバトルの独自システムと段階拘束エロが光る短編RPG

下水道の淫臭熟女レビュー｜戦闘無し逆レ短編探索RPG、臭いフェチ全振りの怪作

同人ゲーム

下水道の淫臭熟女レビュー｜戦闘無し逆レ短編探索RPG、臭いフェチ全振りの怪作

聖騎士リオラ無様宗教洗脳に堕つレビュー｜正義の聖騎士が即堕ちする短編探索RPG

同人ゲーム

サクッと楽しめる

聖騎士リオラ無様宗教洗脳に堕つレビュー｜正義の聖騎士が即堕ちする短編探索RPG

花の女神ウルルとエロトラップダンジョンレビュー｜短編にエロ密度全振りの実用RPG【ボイス1500超え】

同人ゲーム

サクッと楽しめる

花の女神ウルルとエロトラップダンジョンレビュー｜短編にエロ密度全振りの実用RPG【ボイス1500超え】

NTRdemicレビュー｜建前で堕ちる逆NTRADV｜ストーリー重視の短編純愛サスペンス

同人ゲーム

サクッと楽しめる管理人オススメ！

NTRdemicレビュー｜建前で堕ちる逆NTRADV｜ストーリー重視の短編純愛サスペンス

1 2 3 … 259

運営者プロフィール

レメラボ管理人

同人ゲームをメインに、同人音声作品もたまに紹介している個人運営サイトです。
紹介記事は3000本以上、気づけば運営歴も約10年になりました。

昼間は本業、夜の寝る前の3～4時間がゲームプレイ時間。
休憩時間などにコツコツ記事を書くスタイルなので、長編よりもサクッと遊べる作品や、ちょっと尖ったタイトル、可愛いキャラクターの作品を中心に紹介する傾向があります。

紹介記事のご相談はお気軽にどうぞ。基本的に無償で対応しています。
連絡先：remenovel@gmail.com

件名は【依頼】など目立つ表記にしていただけると助かります。

体質的に3D酔いしやすいため、3D作品は掲載が少なめになる場合があります。ご了承ください。

――――――――――

運営者情報 /
利用規約 /
プライバシーポリシー

img:is([sizes="auto" i], [sizes^="auto," i]) {contain-intrinsic-size:3000px 1500px}:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--color--light-blue:#70b8f1;--wp--preset--color--light-red:#ff8178;--wp--preset--color--light-green:#2ac113;--wp--preset--color--light-yellow:#ffe822;--wp--preset--color--light-orange:#ffa30d;--wp--preset--color--blue:#00f;--wp--preset--color--red:red;--wp--preset--color--purple:#674970;--wp--preset--color--gray:#ccc;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgba(6,147,227,1) 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgba(255,105,0,1) 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 100%);--wp--preset--font-size--small:.8em;--wp--preset--font-size--medium:1em;--wp--preset--font-size--large:1.2em;--wp--preset--font-size--x-large:42px;--wp--preset--font-size--xlarge:1.5em;--wp--preset--font-size--xxlarge:2em;--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0 rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0 -3px rgba(255,255,255,1) , 6px 6px rgba(0,0,0,1);--wp--preset--shadow--crisp:6px 6px 0 rgba(0,0,0,1);--wp--custom--spacing--small:max(1.25rem,5vw);--wp--custom--spacing--medium: clamp(2rem, 8vw, calc(4 * var(--wp--style--block-gap)));--wp--custom--spacing--large:clamp(4rem,10vw,8rem);--wp--custom--spacing--outer:var(--wp--custom--spacing--small,1.25rem);--wp--custom--typography--font-size--huge:clamp(2.25rem,4vw,2.75rem);--wp--custom--typography--font-size--gigantic:clamp(2.75rem,6vw,3.25rem);--wp--custom--typography--font-size--colossal:clamp(3.25rem,8vw,6.25rem);--wp--custom--typography--line-height--tiny:1.15;--wp--custom--typography--line-height--small:1.2;--wp--custom--typography--line-height--medium:1.4;--wp--custom--typography--line-height--normal:1.6}:root{--wp--style--global--content-size:769px;--wp--style--global--wide-size:1240px}:where(body) {margin:0}.wp-site-blocks>.alignleft{float:left;margin-right:2em}.wp-site-blocks>.alignright{float:right;margin-left:2em}.wp-site-blocks>.aligncenter{justify-content:center;margin-left:auto;margin-right:auto}:where(.wp-site-blocks) > * {margin-block-start:1.5em;margin-block-end:0}:where(.wp-site-blocks) > :first-child {margin-block-start:0}:where(.wp-site-blocks) > :last-child {margin-block-end:0}:root{--wp--style--block-gap:1.5em}:root :where(.is-layout-flow) > :first-child{margin-block-start:0}:root :where(.is-layout-flow) > :last-child{margin-block-end:0}:root :where(.is-layout-flow) > *{margin-block-start:1.5em;margin-block-end:0}:root :where(.is-layout-constrained) > :first-child{margin-block-start:0}:root :where(.is-layout-constrained) > :last-child{margin-block-end:0}:root :where(.is-layout-constrained) > *{margin-block-start:1.5em;margin-block-end:0}:root :where(.is-layout-flex){gap:1.5em}:root :where(.is-layout-grid){gap:1.5em}.is-layout-flow>.alignleft{float:left;margin-inline-start:0;margin-inline-end:2em}.is-layout-flow>.alignright{float:right;margin-inline-start:2em;margin-inline-end:0}.is-layout-flow>.aligncenter{margin-left:auto!important;margin-right:auto!important}.is-layout-constrained>.alignleft{float:left;margin-inline-start:0;margin-inline-end:2em}.is-layout-constrained>.alignright{float:right;margin-inline-start:2em;margin-inline-end:0}.is-layout-constrained>.aligncenter{margin-left:auto!important;margin-right:auto!important}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:var(--wp--style--global--content-size);margin-left:auto!important;margin-right:auto!important}.is-layout-constrained>.alignwide{max-width:var(--wp--style--global--wide-size)}body .is-layout-flex{display:flex}.is-layout-flex{flex-wrap:wrap;align-items:center}.is-layout-flex > :is(*, div){margin:0}body .is-layout-grid{display:grid}.is-layout-grid > :is(*, div){margin:0}body{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}:root :where(.wp-element-button, .wp-block-button__link){background-color:#32373c;border-width:0;color:#fff;font-family:inherit;font-size:inherit;line-height:inherit;padding: calc(0.667em + 2px) calc(1.333em + 2px);text-decoration:none}.has-black-color{color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-color{color:var(--wp--preset--color--white)!important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple)!important}.has-light-blue-color{color:var(--wp--preset--color--light-blue)!important}.has-light-red-color{color:var(--wp--preset--color--light-red)!important}.has-light-green-color{color:var(--wp--preset--color--light-green)!important}.has-light-yellow-color{color:var(--wp--preset--color--light-yellow)!important}.has-light-orange-color{color:var(--wp--preset--color--light-orange)!important}.has-blue-color{color:var(--wp--preset--color--blue)!important}.has-red-color{color:var(--wp--preset--color--red)!important}.has-purple-color{color:var(--wp--preset--color--purple)!important}.has-gray-color{color:var(--wp--preset--color--gray)!important}.has-black-background-color{background-color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-background-color{background-color:var(--wp--preset--color--white)!important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple)!important}.has-light-blue-background-color{background-color:var(--wp--preset--color--light-blue)!important}.has-light-red-background-color{background-color:var(--wp--preset--color--light-red)!important}.has-light-green-background-color{background-color:var(--wp--preset--color--light-green)!important}.has-light-yellow-background-color{background-color:var(--wp--preset--color--light-yellow)!important}.has-light-orange-background-color{background-color:var(--wp--preset--color--light-orange)!important}.has-blue-background-color{background-color:var(--wp--preset--color--blue)!important}.has-red-background-color{background-color:var(--wp--preset--color--red)!important}.has-purple-background-color{background-color:var(--wp--preset--color--purple)!important}.has-gray-background-color{background-color:var(--wp--preset--color--gray)!important}.has-black-border-color{border-color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-border-color{border-color:var(--wp--preset--color--white)!important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple)!important}.has-light-blue-border-color{border-color:var(--wp--preset--color--light-blue)!important}.has-light-red-border-color{border-color:var(--wp--preset--color--light-red)!important}.has-light-green-border-color{border-color:var(--wp--preset--color--light-green)!important}.has-light-yellow-border-color{border-color:var(--wp--preset--color--light-yellow)!important}.has-light-orange-border-color{border-color:var(--wp--preset--color--light-orange)!important}.has-blue-border-color{border-color:var(--wp--preset--color--blue)!important}.has-red-border-color{border-color:var(--wp--preset--color--red)!important}.has-purple-border-color{border-color:var(--wp--preset--color--purple)!important}.has-gray-border-color{border-color:var(--wp--preset--color--gray)!important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple)!important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan)!important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange)!important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red)!important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray)!important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum)!important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple)!important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux)!important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk)!important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean)!important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass)!important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight)!important}.has-small-font-size{font-size:var(--wp--preset--font-size--small)!important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium)!important}.has-large-font-size{font-size:var(--wp--preset--font-size--large)!important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large)!important}.has-xlarge-font-size{font-size:var(--wp--preset--font-size--xlarge)!important}.has-xxlarge-font-size{font-size:var(--wp--preset--font-size--xxlarge)!important}:root :where(.wp-block-pullquote){font-size:1.5em;line-height:1.6}:root :where(.wp-block-group-is-layout-flow) > :first-child{margin-block-start:0}:root :where(.wp-block-group-is-layout-flow) > :last-child{margin-block-end:0}:root :where(.wp-block-group-is-layout-flow) > *{margin-block-start:0;margin-block-end:0}:root :where(.wp-block-group-is-layout-constrained) > :first-child{margin-block-start:0}:root :where(.wp-block-group-is-layout-constrained) > :last-child{margin-block-end:0}:root :where(.wp-block-group-is-layout-constrained) > *{margin-block-start:0;margin-block-end:0}:root :where(.wp-block-group-is-layout-flex){gap:0}:root :where(.wp-block-group-is-layout-grid){gap:0}body{background-image:url(https://remelaboratory.com/wp-content/uploads/2018/02/l.jpg.pagespeed.ce.mV7v--zcTx.webp)}#onlynav ul ul,#nav_fixed #nav ul ul,.header-logo #nav ul ul{visibility:hidden;opacity:0;transition:.2s ease-in-out;transform:translateY(-20px)}#onlynav ul li:hover>ul,#nav_fixed #nav ul li:hover>ul,.header-logo #nav ul li:hover>ul{visibility:visible;opacity:1;transform:translateY(0)}.catpage_content_wrap .catpage_inner_content{width:100%;float:none}body{background-color:#0c0000;color:#333}:where(a){color:#335}:where(a):hover{color:#6495ed}:where(.content){color:#000}:where(.content) a{color:#004cdb}:where(.content) a:hover{color:#ff1452}.header-wrap,#header ul.sub-menu,#header ul.children,#scrollnav,.description_sp{background:rgba(12,12,12,.35);color:#fff}.header-wrap a,#scrollnav a,div.logo_title{color:#fff}.header-wrap a:hover,div.logo_title:hover{color:#9b415f}.drawer-nav-btn span{background-color:#fff}.drawer-nav-btn:before,.drawer-nav-btn:after{border-color:#fff}#scrollnav ul li a{background:rgba(255,255,255,.8);color:#505050}.header_small_menu{background:#0c0004;color:#fff}.header_small_menu a{color:#fff}.header_small_menu a:hover{color:#6b86ff}#nav_fixed.fixed,#nav_fixed #nav ul ul{background:rgba(12,12,12,.9);color:#fff}#nav_fixed.fixed a,#nav_fixed .logo_title{color:#fff}#nav_fixed.fixed a:hover{color:#6495ed}#nav_fixed .drawer-nav-btn:before,#nav_fixed .drawer-nav-btn:after{border-color:#fff}#nav_fixed .drawer-nav-btn span{background-color:#fff}#onlynav{background:#0c0c0c;color:#fff}#onlynav ul li a{color:#fff}#onlynav ul ul.sub-menu{background:#0c0c0c}#onlynav div>ul>li>a:before{border-color:#fff}#onlynav ul>li:hover>a:hover,#onlynav ul>li:hover>a,#onlynav ul>li:hover li:hover>a,#onlynav ul li:hover ul li ul li:hover>a{background:#502edb;color:#fff}#onlynav ul li ul li ul:before{border-left-color:#fff}#onlynav ul li:last-child ul li ul:before{border-right-color:#fff}#bigfooter{background:#fff;color:#333}#bigfooter a{color:#335}#bigfooter a:hover{color:#6495ed}#footer{background:#fff;color:#0c0c0c}#footer a{color:#335}#footer a:hover{color:#6495ed}#sidebar .widget{background:#fff;color:#333}#sidebar .widget a{color:#335}#sidebar .widget a:hover{color:#6495ed}.post-box-contents,#main-wrap #pickup_posts_container img,.hentry,#single-main .post-sub,.navigation,.single_thumbnail,.in_loop,#breadcrumb,.pickup-cat-list,.maintop-widget,.mainbottom-widget,#share_plz,.sticky-post-box,.catpage_content_wrap,.cat-post-main{background:#fff}.post-box{border-color:#eee}.drawer_content_title,.searchbox_content_title{background:#eee;color:#333}.drawer-nav,#header_search{background:#fff}.drawer-nav,.drawer-nav a,#header_search,#header_search a{color:#000}#footer_sticky_menu{background:rgba(16,14,76,.4)}.footermenu_col{background:rgba(16,14,76,.4);color:#fff}a.page-numbers{background:#9eafbf;color:#fff}.pagination .current{background:#3f1af4;color:#fff}@media screen and (min-width:1201px){#main-wrap,.header-wrap .header-logo,.header_small_content,.bigfooter_wrap,.footer_content,.container_top_widget,.container_bottom_widget{width:96%}}@media screen and (max-width:1200px){#main-wrap,.header-wrap .header-logo,.header_small_content,.bigfooter_wrap,.footer_content,.container_top_widget,.container_bottom_widget{width:99%}}@media screen and (max-width:768px){#main-wrap,.header-wrap .header-logo,.header_small_content,.bigfooter_wrap,.footer_content,.container_top_widget,.container_bottom_widget{width:100%}}@media screen and (min-width:960px){#sidebar{width:310px}}#pickup_posts_container li>a,.post-box-thumbnail__wrap::before{padding-top:52.35%}.content h5:where(:not([class])),:where(.is-editor-blocks) :where(.content) h5:not(.sc_heading){color:#000} /* 記事下（bottom_ad）内のウィジェットが本文に被らないように余白を強制的に復活させる調整 ※ single-post-main 限定なので他ページには影響しない */ .single-post-main .bottom_ad .widget{ margin: 20px 0 !important; }in: 20px 0 !important; } /* ====================================== フッター：カテゴリリスト（縦並び・軽量設計）・横並びにせず構造を見せるシンプル構成・内部リンクを整理しつつ分散を防ぐ ====================================== */ .footer-category{ margin-top:20px; /* 上部との余白 */ font-size:.9em; /* フッター用にやや小さめ */ } .footer-cat-group{ margin-bottom:18px; /* 各カテゴリブロック間の余白 */ clear:both; /* テーマ側floatの回り込み防止 */ } .footer-cat-title{ font-weight:700; /* 親カテゴリは強調 */ margin-bottom:6px; /* 子リストとの間隔 */ } .footer-category ul{ list-style:none; /* デフォルトの黒丸削除 */ padding-left:0; /* 左インデント削除 */ margin:0; /* 不要な余白削除 */ } .footer-category li{ margin:4px 0; /* 子カテゴリの縦間隔 */ } .footer-category a{ text-decoration:none; /* 下線除去 */ color:inherit; /* テーマカラー継承 */ opacity:.85; /* 少し控えめ表示 */ } .footer-category a:hover{ opacity:1; /* ホバー時に強調 */ } /* ===================================================== work-card（作品カード）+ past-compare（比較メモ） - 重複なし（最終清書 + 最終パッチ込み） - WPでも崩れにくい ===================================================== */ /* ===================================================== 共通：題目バー（作品名 / サークル過去作との比較メモ） ※「左アクセント」なし・文字色は濃いめ固定 ===================================================== */ .work-card-head, .past-compare-head{ display:flex; align-items:center; gap:8px; padding:8px 10px; font-weight:900; font-size:.95em; letter-spacing:.02em; /* スクショの「過去作情報」側と同系の“薄グラデ” */ background:linear-gradient( 90deg, rgba(109,93,252,.10), rgba(155,60,255,.07), rgba(255,214,235,.11) ); color:#111 !important; border-bottom:1px solid rgba(0,0,0,.08); } /* work-card の題目はカード角丸に追従 */ .work-card-head{ margin:-8px -8px 8px; /* カードpaddingと揃える */ border-radius:10px 10px 0 0; } /* ===================================================== 作品カード：基本 ===================================================== */ .work-card{ max-width:640px; margin:4px auto; padding:8px; background:#fff; border:1px solid #e3e3e3; border-radius:10px; transition:transform .18s ease, box-shadow .18s ease; } /* 画像（アフィ） */ .work-card-media{ border-radius:8px; } /* アフィ画像の余白事故を潰す（work-card内限定） */ .work-card .work-card-media img{ margin:0 !important; } .work-card .work-card-media .aligncenter{ margin-left:0 !important; margin-right:0 !important; } .work-card-media img{ width:100%; height:auto; display:block; border-radius:6px; } /* スペック */ .work-card-spec{ margin-top:4px; font-size:.95em; } .work-card-title{ font-weight:700; margin-bottom:3px; } /* 行（左列を統一幅 + 内容との距離） */ .spec-row{ display:grid; grid-template-columns:120px 1fr; gap:10px; padding:4px 0; border-top:1px solid #eee; } /* 【最終パッチ】.spec-row:first-child は効きづらいので first-of-type に修正 */ .work-card-spec .spec-row:first-of-type{ border-top:none; } /* ラベル（中央寄せタグ） */ .spec-row span:first-child{ display:flex; justify-content:center; align-items:center; font-size:.85em; font-weight:700; padding:3px 6px; border-radius:999px; background:#f0f0f0; color:#555; /* 【最終パッチ】短いラベルでも高さが揃う */ min-height:26px; } /* 【最終パッチ】右側の長文で崩れない */ .spec-row span:last-child{ min-width:0; overflow-wrap:anywhere; word-break:break-word; } /* ===================================================== 作品カード：CTA（色は既存スクショ寄せ） + グラデ境界線 ===================================================== */ .work-card-cta{ position:relative; margin-top:14px; padding-top:14px; display:flex; gap:10px; flex-wrap:wrap; border-top:none; /* 境界線は ::before に統一 */ } .work-card-cta::before{ content:""; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,#5fa9e6,#8b6fe6,#b23b7a); opacity:.7; } /* CTAボタン本体 */ .work-card-cta .cta{ flex:1; min-width:120px; display:inline-flex; align-items:center; justify-content:center; padding:10px 12px; border-radius:10px; text-decoration:none !important; font-weight:800; border:1px solid rgba(0,0,0,.10); transition:transform .15s ease, box-shadow .15s ease, filter .15s ease; } /* CTA配色（スクショ寄せ） */ .work-card-cta .cta.dlsite{ background:#1e90ff; border-color:#1876d2; color:#fff; } .work-card-cta .cta.fanza{ background:#ff4900; border-color:#d63d00; color:#fff; } /* HboX（HTML側は class="cta review" 想定） */ .work-card-cta .cta.review{ background:#ff88bb; border-color:#e06c9e; color:#000; } .work-card-cta .cta:hover{ transform:translateY(-1px); box-shadow:0 8px 18px rgba(0,0,0,.10); filter:brightness(1.02); } .work-card-cta .cta:active{ transform:translateY(0); box-shadow:0 4px 10px rgba(0,0,0,.08); } .work-card-cta .cta:focus-visible{ outline:2px solid rgba(0,0,0,.35); outline-offset:2px; } /* URL未設定（# / 空 / href無し）は沈ませて無効化 */ .work-card-cta .cta[href="#"], .work-card-cta .cta[href=""], .work-card-cta .cta:not([href]){ opacity:.35; pointer-events:none; cursor:default; box-shadow:none !important; transform:none !important; filter:none !important; } /* ===================================================== 作品カード：広幅PC時 2カラム化 + CTA中央寄せ ===================================================== */ @media (min-width:900px){ .work-card{ max-width:980px; display:grid; grid-template-columns:380px 1fr; grid-template-areas: "head head" "media spec" "cta cta"; gap:12px 16px; align-items:start; box-shadow:0 6px 18px rgba(0,0,0,.08); } .work-card-head{ grid-area:head; } .work-card-media{ grid-area:media; } .work-card-spec{ grid-area:spec; margin-top:0; } .work-card-cta{ grid-area:cta; justify-content:center; gap:12px; } /* CTAは伸びすぎ防止 */ .work-card-cta .cta{ flex:0 1 220px; min-width:200px; } /* 左カラム（アフィ画像）黒パネル */ .work-card-media{ background:#000; padding:10px; border-radius:10px; } .work-card-media img{ display:block; } } @media (min-width:900px) and (max-width:1050px){ .work-card{ grid-template-columns:340px 1fr; } .work-card-cta .cta{ flex-basis:180px; min-width:160px; } } /* ===================================================== 作品カード：モバイル時もアフィコードを軽く囲う（黒） ===================================================== */ @media (max-width:899px){ .work-card-media{ background:#111; padding:8px; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,.15); } .work-card-media img{ border-radius:6px; } } /* モバイル：スペックは縦積み */ @media (max-width:520px){ .spec-row{ grid-template-columns:1fr; gap:2px; } .work-card{ transition:none; } } /* ===================================================== サムネ：微ズームホバー + 光ライン（作品カードのみ） ===================================================== */ @media (hover:hover){ .work-card:hover{ transform:translateY(-2px); box-shadow:0 14px 30px rgba(0,0,0,.12); } .work-card-media{ position:relative; overflow:hidden; } .work-card-media img{ transition:transform .35s ease; } .work-card-media:hover img{ transform:scale(1.05); } /* 光のライン（ホバー時だけ一回） */ .work-card-media::after{ content:""; position:absolute; top:-30%; left:-60%; width:40%; height:160%; background:linear-gradient( 90deg, rgba(255,255,255,0), rgba(255,255,255,.28), rgba(255,255,255,0) ); transform:rotate(18deg); opacity:0; pointer-events:none; } .work-card-media:hover::after{ opacity:1; animation:shine-sweep .9s ease-out 1; } @keyframes shine-sweep{ 0% { left:-60%; } 100% { left:140%; } } } /* CTAだけ微呼吸（hover端末のみ、hover中は停止） */ @media (hover:hover){ .work-card-cta .cta{ animation:cta-breathe 2.6s ease-in-out infinite; } .work-card-cta .cta:hover{ animation:none; } /* 【最終パッチ】酔い防止で振れ幅を弱める（-5px → -3px） */ @keyframes cta-breathe{ 0% { transform:translateY(0); } 50% { transform:translateY(-3px); } 100% { transform:translateY(0); } } .work-card-cta .cta[href="#"], .work-card-cta .cta[href=""], .work-card-cta .cta:not([href]){ animation:none !important; } } /* モバイルはアニメ抑止 */ @media (max-width:520px){ .work-card-cta .cta{ animation:none !important; } } /* ===================================================== past-compare（過去作比較）：基本 ===================================================== */ .past-compare{ margin:10px 0 18px; border:1px solid rgba(0,0,0,.10); border-radius:10px; overflow:hidden; font-size:.92em; line-height:1.6; } /* 中身 */ .past-compare-inner{ display:flex; gap:12px; padding:10px; align-items:flex-start; background:#fff; } /* PC：max幅を作品カードと揃える */ @media (min-width:900px){ .past-compare{ max-width:980px; margin-left:auto; margin-right:auto; box-shadow:0 6px 18px rgba(0,0,0,.08); transition:transform .18s ease, box-shadow .18s ease; } } @media (hover:hover){ .past-compare:hover{ transform:translateY(-2px); box-shadow:0 14px 30px rgba(0,0,0,.12); } } /* 左カラム黒パネル（左右ちょい広め） */ .past-compare-left{ flex:0 0 140px; /* ボタン改行防止のため少し広げる */ background:#000; padding:8px 12px; border-radius:10px; } /* サムネ固定 */ .past-compare-thumb a, .past-compare-thumb img{ display:block; } .past-compare-thumb img{ width:120px; height:auto; border-radius:6px; background:#000; } /* 「レビューを見る」ボタン（HBOXピンクと被らせない：#ffd6eb） */ .past-compare-btn{ display:block; margin-top:8px; padding:8px 10px; text-align:center; font-weight:900; font-size:.86em; white-space:nowrap; background:#ffd6eb; border:1px solid #ffc2da; border-radius:8px; color:#7a2b52; text-decoration:none !important; transition:transform .15s ease, box-shadow .15s ease, filter .15s ease; } /* 右：本文 */ .past-compare-body{ flex:1 1 auto; min-width:0; } /* タイトル（背景なし／枠なし） */ .past-compare-title{ font-weight:900; font-size:1.02em; margin:0 0 6px; padding:0; color:#222; } /* コメント枠：超薄グラデ */ .past-compare-comment{ font-size:.88em; line-height:1.55; color:#444; padding:8px 10px; margin-top:4px; background:linear-gradient( 90deg, rgba(109,93,252,.07), rgba(155,60,255,.05) ); border:1px solid rgba(0,0,0,.08); border-radius:8px; } /* hover：タイトルだけ微反応（色/字間だけ） */ @media (hover:hover){ .past-compare-title{ transition:color .18s ease, letter-spacing .18s ease; } .past-compare-title:hover{ color:#5f4ce6; letter-spacing:.02em; } } /* past-compare：ズーム/浮きは「レビューを見る」だけ */ @media (hover:hover){ .past-compare-btn{ animation:past-btn-breathe 2.6s ease-in-out infinite; } .past-compare-btn:hover{ animation:none; transform:translateY(-2px) scale(1.03); box-shadow:0 8px 18px rgba(0,0,0,.16); filter:brightness(1.02); } @keyframes past-btn-breathe{ 0% { transform:translateY(0) scale(1); } 50% { transform:translateY(-1px) scale(1.01); } 100% { transform:translateY(0) scale(1); } } .past-compare-btn[href="#"], .past-compare-btn[href=""], .past-compare-btn:not([href]){ animation:none !important; pointer-events:none; opacity:.5; box-shadow:none !important; transform:none !important; filter:none !important; } } /* past-compare：SP縦積み */ @media (max-width:520px){ .past-compare-inner{ flex-direction:column; gap:8px; } .past-compare-left{ flex:none; width:100%; } .past-compare-thumb img{ margin:0 auto; } .past-compare-btn{ width:100%; animation:none !important; } } /* ===================================================== 【最終パッチ】動きが苦手なユーザー向け：アニメ停止 ===================================================== */ @media (prefers-reduced-motion: reduce){ .work-card, .past-compare, .work-card-media img, .work-card-media::after, .work-card-cta .cta, .past-compare-btn{ animation:none !important; transition:none !important; } } ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ .notice-fix{ margin-top: 12px; padding: 10px 12px; background: #ffffff; border: 1px solid #dcdcdc; border-radius: 8px; /* ← ここが重要 */ box-shadow: 0 2px 6px rgba(0,0,0,.06); line-height: 1.65; } /* 強制復活：優先度MAXで .notice-fix をカード化 */ .widget_diver_widget_profile .meta .notice-fix{ display: block !important; margin: 12px 0 0 !important; padding: 12px 12px !important; background: #ffffff !important; border: 1px solid #cfcfcf !important; border-radius: 10px !important; box-shadow: 0 3px 10px rgba(0,0,0,.10) !important; line-height: 1.7 !important; } /* ====================================== DIVER：運営者プロフィール（widget_diver_widget_profile） meta部分をカード化（PCでもズレない中央寄せ） ====================================== */ .widget_diver_widget_profile .meta{ position: relative; left: 50%; transform: translateX(-50%); width: min(720px, 92%); margin: 18px 0 10px; padding: 6px 18px 16px; background: rgba(0,0,0,.04); border: 1px solid rgba(0,0,0,.08); border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,.04); font-size: .95em; line-height: 1.75; text-align: left; box-sizing: border-box; } /* meta内の最初の要素の上余白を消す（段落の隙間対策） */ .widget_diver_widget_profile .meta > *:first-child{ margin-top: 0; } /* meta内の最後の要素の下余白を消す（下が間延びする対策） */ .widget_diver_widget_profile .meta > *:last-child{ margin-bottom: 0; } /* meta内のリンク（運営者情報/規約/PP）を少しだけ“導線”っぽく */ .widget_diver_widget_profile .meta a{ font-weight: 600; text-decoration: none; border-bottom: 1px dotted rgba(0,0,0,.35); } .widget_diver_widget_profile .meta a:hover{ border-bottom-style: solid; } /* 記事下プロフィール（空気だけど信頼感） */ .post-profile{ margin: 22px 0 10px; padding: 14px 16px; background: rgba(0,0,0,.04); /* うっすら灰 */ border: 1px solid rgba(0,0,0,.08); border-radius: 8px; font-size: 0.95em; line-height: 1.75; } /* 文章を詰めすぎない */ .post-profile br + br{ display: block; content: ""; margin-top: 6px; } /* リンクだけ少し強調（やりすぎない） */ .post-profile a{ font-weight: 600; text-decoration: none; border-bottom: 1px dotted rgba(0,0,0,.35); } .post-profile a:hover{ border-bottom-style: solid; } body.single #single-main .content p.review-note{ font-size: 0.8em; color: #888; line-height: 1.7; margin: 0.4em 0 0.9em; padding: 0.45em 0.7em; background: rgba(0,0,0,.025); border-left: 1px solid rgba(0,0,0,.08); border-radius: 2px; } .single-post-main .widget { margin: 0em 0 !important; } /* ===================================================== 全体フォント（※触らない） ===================================================== */ body { font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; } /* ===================================================== 【最重要】DIVER single-main のJS強制指定解除 ===================================================== */ body.single #single-main { margin-right: 0 !important; padding-right: 0 !important; max-width: none !important; } /* ===================================================== 記事本文の基準余白 ===================================================== */ body.single #single-main .content { max-width: 1400px; margin-left: auto; margin-right: auto; padding-left: 32px; padding-right: 32px; box-sizing: border-box; } @media screen and (max-width: 768px) { body.single #single-main .content { padding-left: 14px; padding-right: 14px; } } /* ===================================================== テキスト要素のみ：読みやすい最大幅 ===================================================== */ body.single #single-main .content p, body.single #single-main .content ul, body.single #single-main .content ol { max-width: 1200px; margin-left: auto; margin-right: auto; } @media screen and (max-width: 768px) { body.single #single-main .content p, body.single #single-main .content ul, body.single #single-main .content ol { max-width: 100%; } } /* ===================================================== 画像：中央寄せ ===================================================== */ body.single #single-main .content img.aligncenter, body.single #single-main .content figure.aligncenter img { display: block; margin-left: auto; margin-right: auto; } /* ===================================================== 見出し：左右フル幅 ===================================================== */ body.single #single-main .content h1, body.single #single-main .content h2, body.single #single-main .content h3, body.single #single-main .content h4, body.single #single-main .content h5, body.single #single-main .content h6 { margin-left: -32px; margin-right: -32px; } @media screen and (max-width: 768px) { body.single #single-main .content h1, body.single #single-main .content h2, body.single #single-main .content h3, body.single #single-main .content h4, body.single #single-main .content h5, body.single #single-main .content h6 { margin-left: -14px; margin-right: -14px; } } /* ===================================================== h3：文字だけ本文位置 ===================================================== */ body.single #single-main .content h3 { padding-left: 32px; box-sizing: border-box; } @media screen and (max-width: 768px) { body.single #single-main .content h3 { padding-left: 14px; } } /* ===================================================== PC表示：サイドバー分を確保 ===================================================== */ @media screen and (min-width: 769px) { body.single #single-main { max-width: calc(100% - 320px) !important; } } /* ===================================================== ★重要：サイドバーが消える幅では本文をフル幅に戻す ===================================================== */ @media screen and (max-width: 1024px) { body.single #single-main { max-width: 100% !important; width: 100% !important; margin-right: 0 !important; padding-right: 0 !important; } } /* ============================== サイドバー：カテゴリ・タグ可読性改善 ============================== */ /* 共通リンク色 */ #sidebar a { color: #e0e0e0; text-decoration: none; } /* カテゴリー一覧 */ #sidebar .widget_categories a, #sidebar .widget_archive a { color: #e0e0e0; font-size: 13px; line-height: 1.6; } /* hover */ #sidebar .widget_categories a:hover, #sidebar .widget_archive a:hover { color: #ffffff; text-decoration: underline; } /* ============================== タグクラウド ============================== */ #sidebar .tagcloud a { display: inline-block; margin: 4px 4px 0 0; padding: 4px 10px; font-size: 12px !important; color: #e6e6e6; background: #000; border: 1px solid rgba(255,255,255,0.25); border-radius: 3px; transition: all 0.2s ease; } /* タグ hover */ #sidebar .tagcloud a:hover { color: #ffffff; border-color: #ff88bb; background: rgba(255,136,187,0.15); } /* ============================== カウント数字（あれば） ============================== */ #sidebar .cat-item span, #sidebar .tag-link-count { color: #aaaaaa; font-size: 11px; } --------------------- /* キャプション付き画像の下余白 */ figure.wp-caption.aligncenter { margin-bottom: 32px; } /* キャプション文字 */ figure.wp-caption figcaption { margin-top: 8px; font-size: 13px; color: #777; } /* キャプション付き画像（中央寄せ）の下余白 */ figure.wp-caption.aligncenter { margin-bottom: 32px; } /* ===================================================== サイドバー：作品カード（最終・開閉なし） ===================================================== */ /* 全体 */ #sidebar { background:#000; color:#cfcfcf; } /* カード */ #sidebar .sidebar-item { border:1.5px solid rgba(255,255,255,.75); margin-bottom:12px; background:#000; overflow:hidden; } /* サムネ */ #sidebar .sidebar-thumb img { width:100%; display:block; } /* タイトル */ #sidebar .sidebar-title { margin:12px 16px 6px; } #sidebar .sidebar-title-text a { font-size:15px; font-weight:700; line-height:1.6; color:#fff; text-decoration:none; } #sidebar .sidebar-title-text a:hover { text-decoration:underline; } /* 体験版フック */ #sidebar .sidebar-hook { display:inline-block; margin:6px 16px 0; padding:3px 10px; font-size:11px; font-weight:700; color:#000; background:#ffd400; border-radius:12px; } /* 説明文 */ #sidebar .sidebar-desc { margin:10px 16px 10px; font-size:13px; line-height:1.7; color:#e0e0e0; } /* 動画（幅暴れ防止・16:9固定） */ #sidebar .sidebar-video { margin:0 16px 10px; position:relative; width:calc(100% - 32px); padding-top:56.25%; } #sidebar .sidebar-video iframe { position:absolute; inset:0; width:100%; height:100%; border:none; border-radius:6px; } /* CTA */ #sidebar .sidebar-cta { display:flex; gap:8px; margin:10px 16px 12px; border-top:1px solid rgba(255,255,255,.25); padding-top:10px; } #sidebar .sidebar-cta .cta { flex:1; padding:10px 0; font-size:13px; font-weight:800; text-align:center; border-radius:5px; text-decoration:none; color:#fff; } /* CTA色 */ #sidebar .cta.dlsite { background:#ff4900; } #sidebar .cta.fanza { background:#ff88bb; color:#000; } #sidebar .cta.review { background:#1e90ff; } /* SEO補助 */ .visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); } /* ===================================================== サイドバー背景の黒抜け対策（DIVER用） ===================================================== */ #sidebar, #sidebar .sidebar-inner, #sidebar .widget-area, #sidebar .widget { background:#000 !important; } ------------------------ /* ===== サイドバー作品カード：豪華ホバー復活 ===== */ /* カード基本 */ #sidebar .sidebar-item{ border:1.5px solid rgba(255,255,255,.35); background:#000; transition: border-color .35s ease, box-shadow .35s ease; } /* サムネ枠 */ #sidebar .sidebar-thumb{ overflow:hidden; } /* サムネ画像 */ #sidebar .sidebar-thumb img{ width:100%; height:auto; transition: transform .45s cubic-bezier(.25,.8,.25,1), filter .45s ease; } /* ===== ホバー時 ===== */ #sidebar .sidebar-item:hover{ border-color:#ff88bb; box-shadow: 0 0 0 1px rgba(255,136,187,.6), 0 0 12px rgba(255,136,187,.35); } #sidebar .sidebar-item:hover .sidebar-thumb img{ transform:scale(1.08); filter:brightness(1.1); } /* ===== 作品タイトル：ホバーで赤紫に変化 ===== */ #sidebar .sidebar-item:hover .sidebar-title-text a { color: #ff88bb; text-decoration: underline; } /* CTA：リンク無し（href無し） */ #sidebar .sidebar-cta a.cta:not([href]), #sidebar .sidebar-cta a.cta[href=""] { background: rgba(255,255,255,.15); color: rgba(255,255,255,.5); pointer-events: none; box-shadow: none; } #sidebar .sidebar-cta .cta { transition: transform .28s cubic-bezier(.25,.8,.25,1), box-shadow .28s ease, filter .28s ease; } #sidebar .sidebar-cta .cta:hover { transform: translateY(-3px); box-shadow: 0 6px 14px rgba(0,0,0,.45); filter: brightness(1.1); } /* URL未設定（#）のCTA */ .sidebar-cta .cta[href="#"] { opacity: .35; pointer-events: none; cursor: default; } /* ===================================================== ここから上は触らない！！！！！！ ===================================================== */ ----------------------- /* ================================ カテゴリページ：紹介文デザイン ================================ */ /* 紹介文カード */ .cat-description { background: #ffffff; padding: 22px 24px; margin: 28px 0 36px; color: #333; } /* H2（使う場合のみ） */ .cat-desc-title { font-size: 18px; font-weight: bold; margin-bottom: 16px; color: #111; } /* 冒頭リード文 */ .cat-description .lead { font-weight: bold; margin-bottom: 14px; } /* 通常文 */ .cat-description p { font-size: 15.5px; line-height: 1.8; margin-bottom: 14px; } /* 最後の段落の余白を消す */ .cat-description p:last-child { margin-bottom: 0; } /* ================================ カテゴリページ H1 デザイン ================================ */ .catpage_content_wrap .innner { padding: 0em 0; width: 90%; margin: 0 auto; } /* ================================ カテゴリーページ H1帯完全解除 ================================ */ /* 帯を作っている箱を無効化 */ .category .catpage_inner_content { background: none !important; padding: 0 !important; margin: 0 0 0px !important; border: none !important; } /* inner の余白も殺す */ .category .catpage_content_wrap .inner { padding: 0 !important; } --------- .category h1.catpage_title { letter-spacing: 0.02em; } .category h1.catpage_title::before { content: "□"; margin-right: 8px; color: #fff; } --------------- .category p { margin-bottom: 0.2em; } .small-note { font-size: 0.85em; margin: 0.5em 0 1em; opacity: 0.7; } /* ▼ カテゴリーページ背景 */ .category { background: #0f0f0f; } /* ▼ コンテンツ内の余白部分 */ .category .content, .category .main { background: transparent; } /* ▼ カテゴリーページ：白背景の本丸 */ .category .cat-post-main { background: transparent !important; } /* ▼ カテゴリーページ全体の地 */ .category #main { background: #0f0f0f; } .category .cat-post-main, .category .cat-post-main p { color: #cfcfcf; } .category .cat-post-main { padding: 0 !important; } /* ▼ カテゴリーページ本文の余白と行間調整 */ .category .cat-post-main { padding: 0.0em 0.8em 0.8em 0.8em !important; } .category .cat-post-main p { margin: 0.3em 0; /* 段落間を詰める */ line-height: 1.5; /* 行間を少しだけ詰める */ } /* ▼ カテゴリーページ H2 デザイン */ .category h2 { font-size: 0.9em; font-weight: normal; color: #aaa; margin: 0.8em 0 0.4em; text-transform: none; } /* ▼ カテゴリーページ：H2周りの白背景を殺す */ .category .cat-post-main h2 { background: transparent !important; } .category h2 { background: transparent !important; font-size: 0.8em; font-weight: 600; color: #ddd; margin: 1em 0 0.6em; padding-bottom: 0.8em; border-bottom: 4px solid #222; } .cat-post-main { padding: 1em 2em; margin-bottom: -16px; } /* カテゴリページタイトル帯を少し細く */ .category .wrap-post-title { padding: 0.4em 0.8em !important; } .category .wrap-post-title h1 { font-size: 1.05em; letter-spacing: 0.04em; } .sc_toggle_box { position: relative; -webkit-box-shadow: 0 5px 5px 0 rgba(18, 63, 82, .04), 0 0 0 1px rgba(176, 181, 193, .2); box-shadow: 0 5px 5px 0 rgba(18, 63, 82, .04), 0 0 0 1px rgba(176, 181, 193, .2); border-radius: 3px 3px 3px 3px; background: rgba(120, 140, 255, 0.18) !important; /* 青紫 */ color: #eef !important; margin-bottom: 0.5em; } .sc_toggle_box .sc_toggle_content { visibility: hidden; height: 0; position: fixed; background: transparent !important; -webkit-box-shadow: 0 0px 5px rgba(120, 120, 120, .1) inset; box-shadow: 0 0px 5px rgba(120, 120, 120, .1) inset; } .category h2 { margin-top: 0.2em !important; } .category .sc_toggle_title { background: rgba(140, 110, 200, 0.18) !important; color: #f2ecff !important; border-left: 4px solid #9a7cff; padding: 0.55em 0.8em; font-size: 0.95em; } .category .diver_question { background: transparent !important; color: #cbbdff; font-weight: normal; } .category .sc_toggle_content { background: transparent !important; color: #ccc; padding: 0.6em 0.8em 0.8em; } ------------- /* ================================ カテゴリーページ説明文読みやすさ調整 ================================ */ .category .cat-post-main p { max-width: 760px; margin-left: auto; margin-right: auto; font-size: 13px; line-height: 1.8; } @media screen and (max-width: 768px) { .category .cat-post-main p { max-width: 92%; font-size: 13px; } } .cat-post-main .content { margin: 0 15px; } ---------------- .header_message a { position: relative; transition: all 0.25s ease; } .header_message a:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 0 12px rgba(255,255,255,0.35), 0 8px 20px rgba(0,0,0,0.45); filter: brightness(1.15) saturate(1.2); } .header_message a::after { content: ""; position: absolute; inset: -2px; border-radius: 4px; opacity: 0; transition: opacity 0.25s ease; box-shadow: 0 0 18px rgba(255,255,255,0.6); } .header_message a:hover::after { opacity: 1; } .header_message a:hover { animation: pulse 0.9s ease-in-out infinite alternate; } @keyframes pulse { from { box-shadow: 0 0 8px rgba(255,255,255,0.4); } to { box-shadow: 0 0 22px rgba(255,255,255,0.9); } } ----------- /* ================================ カテゴリQ&A トグル：超スローふわっと ================================ */ .sc_toggle_title { transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.6s cubic-bezier(0.22, 1, 0.36, 1), filter 0.6s ease-out; } .sc_toggle_title:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0,0,0,0.35); filter: brightness(1.08); } /* ================================ ここから上は変更しちゃダメ！ ================================ */ .single-post-main { margin-bottom: -60px; } /* ===================================================== 記事一覧サムネイル：画像が表示されない問題の対策 lazyload × position:absolute の不具合回避用 ===================================================== */ /* サムネイル枠に明示的な高さを持たせる └ aspect-ratio を使って 16:9 を常に確保 └ lazyload 発火前でも高さ 0px にならない */ .post-thumbnail__wrap { position: relative; /* 子要素(img)の absolute 基準 */ aspect-ratio: 16 / 9; /* サムネイル比率を固定 */ } /* 旧方式（::before の padding-top）を無効化 └ 疑似要素による高さ確保は lazyload と相性が悪いため */ .post-thumbnail__wrap::before { display: none; } /* ===================================================== DLsiteランキングパーツモバイル表示時は非表示（PCのみ表示） ===================================================== */ /* 768px以下（スマホ・タブレット）では非表示 */ @media screen and (max-width: 768px) { .dlsite-ranking-pc-only { display: none; } } -------------- /* ===================================================== DIVER用：ストライプ＋グラデーションワンポイント見出し H2 / H3 完全同一サイズ・最終版 ===================================================== */ /* ---------- DIVER既存H2背景を無効化 ---------- */ .content h2 { background-image: none !important; } /* ---------- H2 / H3 共通（完全統一） ---------- */ .content h2, .content h3 { position: relative; /* 文字サイズ：H3基準（PC / SP共通） */ font-size: 1.05em; line-height: 1.6; font-weight: 600; /* 余白も完全同一 */ padding: 0.55em 1em 0.55em 1.4em; color: #333; } /* ---------- ストライプ背景（細かめ） ---------- */ .content h2, .content h3 { background-image: repeating-linear-gradient( -45deg, #f2f2f2 0, #f2f2f2 3px, #ffffff 3px, #ffffff 6px ); } /* ---------- グラデーション・ワンポイント（三角） ---------- */ .content h2::before, .content h3::before { content: ""; position: absolute; top: 0; left: 0; /* ★ サイズも完全同一（H3基準） */ width: 22px; height: 22px; background: linear-gradient( 135deg, #5fa9e6 0%, #8b6fe6 45%, #b23b7a 100% ); clip-path: polygon(0 0, 100% 0, 0 100%); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); } ---------------------- /* ===================================================== 記事末リンク：同期フロート＋文字拡大【確定版】 ===================================================== */ /* ================================ 全体 ================================ */ .article-end-links { width: 100%; margin: 16px 0 8px; text-align: center; } /* 横並び（安定） */ .article-end-links .aep-table { display: table; margin: 0 auto; border-collapse: separate; border-spacing: 18px 0; } /* ================================ ボタン共通 ================================ */ .article-end-links .aep-link { position: relative; display: table-cell; padding: 12px 36px; /* ← 縦幅さらに微縮小 */ font-size: 14px; font-weight: 800; letter-spacing: .03em; white-space: nowrap; border-radius: 6px; text-decoration: none; color: #fff; /* 常時アニメ（浮き＋文字拡大を一体化） */ animation: float-text-sync 2.2s ease-in-out infinite; box-shadow: none; } /* ================================ CTAカラー ================================ */ .article-end-links .aep-link.dlsite { background: #1e90ff; } .article-end-links .aep-link.fanza { background: #ff4900; } .article-end-links .aep-link.hbox { background: #ff88bb; color: #000; } /* ================================ URLなし（#） ================================ */ .article-end-links .aep-link[href="#"], .article-end-links .aep-link:not([href]) { background: #aaa !important; color: #666 !important; animation: none; pointer-events: none; } /* ================================ ホバー：ほんの一段階だけ ================================ */ .article-end-links .aep-link:hover { transform: translateY(-4px) scale(1.04); } /* ===================================================== アニメーション（確実に文字が拡大） ===================================================== */ @keyframes float-text-sync { 0% { transform: translateY(0) scale(1); } 50% { transform: translateY(-5px) scale(1.06); /* ← 文字拡大ここ */ } 100% { transform: translateY(0) scale(1); } } -------------------- /* ====================================== 無難H2（装飾なし・白文字のみ） ====================================== */ .content h2.simple-heading { background: none !important; background-image: none !important; padding: 0 !important; margin: 28px 0 16px; color: #fff; font-size: 1.05em; font-weight: 600; line-height: 1.6; position: static; } /* 疑似要素完全殺し */ .content h2.simple-heading::before, .content h2.simple-heading::after { content: none !important; display: none !important; } /* 無難H2：文字色だけ白に上書き */ .content h2.simple-heading { color: #ffffff !important; } ------------------ /* ================================ 記事末リンク：モバイル調整（横並び維持・確定） ================================ */ @media (max-width: 768px) { /* table構造を解除してflexへ */ .article-end-links .aep-table { display: flex; border-spacing: 0; /* tableの名残対策 */ gap: 6px; } /* table-cell を解除 */ .article-end-links .aep-link { display: block; /* ← 重要 */ flex: 1; padding: 14px 4px; font-size: 13px; line-height: 1.2; border-radius: 4px; } } @media (max-width: 480px) { .article-end-links .aep-link { font-size: 13px; padding: 14px 4px; } } /* ===================================================== レビュー用 H4（エロ色完成形） ===================================================== */ body.single #single-main .content h4.review-good, body.single #single-main .content h4.review-bad { all: unset; display: block; box-sizing: border-box; margin: 32px 0 6px; padding: 10px 30px 14px; font-size: 1.1em; font-weight: 800; line-height: 1.4; letter-spacing: .04em; color: #000; /* 気配だけ残す極薄ストライプ */ background-image: repeating-linear-gradient( -45deg, rgba(0,0,0,0.022), rgba(0,0,0,0.022) 3px, rgba(255,255,255,0) 3px, rgba(255,255,255,0) 6px ); /* 青 → 紫 → 艶赤紫 → 体温イエロー */ border-bottom: 4px solid transparent; border-image: linear-gradient( 90deg, #3b82f6, /* 知性ブルー */ #6d5dfc, /* 紫 */ #9b3cff, /* 艶紫 */ #c2185b, /* 赤紫（エロ核） */ #e6b35c, /* 低彩度アンバー（体温） */ rgba(230,179,92,0.35) ) 1; } /* ===================================================== H4直下の箇条書き（ミニマル） ===================================================== */ body.single #single-main .content h4.review-good + ul, body.single #single-main .content h4.review-bad + ul { margin: 6px 0 22px; padding: 0 0 0 20px; } body.single #single-main .content h4.review-good + ul li, body.single #single-main .content h4.review-bad + ul li { margin: 4px 0; font-size: 0.92em; line-height: 1.45; } /* ===================================================== レビュー用ブロック：超薄枠（ストライプ同調） ===================================================== */ /* 下：箇条書き */ body.single #single-main .content h4.review-bad + ul { border-bottom: 1px solid rgba(0,0,0,0.08); margin: 0 0 28px; padding: 6px 18px 10px 22px; } ----------------- /* 親aタグの色支配を解除 */ #sidebar .widget_post_list a, #sidebar .widget_post_list a:visited { color: inherit !important; } /* タイトル */ #sidebar .widget_post_list .post_list_title { color: #eaeaea !important; font-weight: 700; text-shadow: 0 1px 2px rgba(0,0,0,.6); } /* views数 */ #sidebar .widget_post_list .post_list_views { color: #cccccc !important; font-weight: 600; font-size: 0.9em; } /* hover時（気持ち強調） */ #sidebar .widget_post_list a:hover .post_list_title { color: #ffffff !important; } /* タグ */ #sidebar .widget_post_list .post_list_tag { color: #dddddd !important; font-weight: 650; font-size: 0.95em; /* ←ここ */ line-height: 1.65; } #sidebar .widget_post_list .post_list_tag { letter-spacing: 0.02em; } --------------- .sc_article.list .post_list_thumb img { width: 100%; height: auto; } .sc_article.list .post_list_thumb { width: 170px; flex: 0 0 170px; } .sc_article.list .sc_article_title { font-size: 16px; } ------------- /* 体験版レビュー注意書き（確実に当てる） */ .single-post .content p.attention, .single-post .entry-content p.attention, .single .content p.attention, .single .entry-content p.attention { margin: 16px 0 20px !important; padding: 10px 14px !important; background: #f7f7f9 !important; border-left: 4px solid #4423ff !important; color: #444 !important; font-size: 13px !important; line-height: 1.6 !important; box-sizing: border-box !important; } .single-post .content p.attention strong, .single-post .entry-content p.attention strong, .single .content p.attention strong, .single .entry-content p.attention strong { font-weight: 600 !important; } @media screen and (min-width:1201px){.grid_post-box{width:25%}}@media screen and (max-width:1200px){.grid_post-box{width:33.3333%}}@media screen and (max-width:599px){.grid_post-box{width:50%!important}}.appeal_box,#share_plz,.hentry,#single-main .post-sub,#breadcrumb,#sidebar .widget,.navigation,.wrap-post-title,.pickup-cat-wrap,.maintop-widget,.mainbottom-widget,.post-box-contents,#main-wrap .pickup_post_list,.sticky-post-box,.p-entry__tw-follow,.p-entry__push,.catpage_content_wrap,#cta,h1.page_title{-webkit-box-shadow:0 0 5px #ddd;-moz-box-shadow:0 0 5px #ddd;box-shadow:0 0 5px #ddd;-webkit-box-shadow:0 0 0 5px rgba(150,150,150,.2);-moz-box-shadow:0 0 5px rgba(150,150,150,.2);box-shadow:0 0 5px rgba(150,150,150,.2)}.newlabel{display:inline-block;position:absolute;margin:0;text-align:center;font-size:13px;color:#fff200;font-size:13px;background:#f07;top:0}.newlabel span{color:#fff200;background:#f07}.widget_post_list .newlabel:before{border-left-color:#f07}.pickup-cat-img .newlabel::before{content:"";top:0;left:0;border-bottom:40px solid transparent;border-left:40px solid #f07;position:absolute}.pickup-cat-img .newlabel span{font-size:11px;display:block;top:6px;transform:rotate(-45deg);left:0;position:absolute;z-index:101;background:none}@media screen and (max-width:768px){.newlabel span{font-size:.6em}}.post-box-contents .newlabel {top:-8px;left:-8px;width:77px;height:80px;overflow:hidden;background:none;}.post-box-contents .newlabel span {white-space:nowrap;display:inline-block;position:absolute;padding:7px 0;right:-9px;top:17px;width:112px;text-align:center;line-height:10px;letter-spacing:0.05em;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);}.post-box-contents .newlabel span:before,.post-box-contents .newlabel span:after{position:absolute;content:"";border-top:6px solid #666;border-left:6px solid transparent;border-right:6px solid transparent;bottom:-6px;}.post-box-contents .newlabel span:before{left:1px;}.post-box-contents .newlabel span:after{right:3px;}@media screen and (max-width:768px){.post-box-contents .newlabel span{line-height:0px;width:70px;top:7px;}.post-box-contents .newlabel {top:-4px;left:-4px;width:41px;}.post-box-contents .newlabel span:before {left:7px;}.post-box-contents .newlabel span:after {right:8px;}.post-box-contents .newlabel span:before, .post-box-contents .newlabel span:after {border-top:3px solid #666;border-left:3px solid transparent;border-right:3px solid transparent;bottom:-3px;}@media screen and (min-width:560px){.grid_post-box:hover .grid_post_thumbnail img,.post-box:hover .post_thumbnail img{-webkit-transform:scale(1.2);transform:scale(1.2)}}#page-top a{background:rgba(0,0,0,.6);color:#fff}.wpp-list li:nth-child(1):after,.diver_popular_posts li.widget_post_list:nth-child(1):after {color:#ffe658}.wpp-list li:nth-child(2):after,.diver_popular_posts li.widget_post_list:nth-child(2):after {color:#ccc}.wpp-list li:nth-child(3):after,.diver_popular_posts li.widget_post_list:nth-child(3):after {color:rgba(255,121,37,.8)}.wpp-list li:before,.diver_popular_posts li.widget_post_list:before{content:"";top:8px;left:8px;border-bottom:2em solid transparent;border-left:2em solid #fff;position:absolute;z-index:1}.wpp-list li:after{content:counter(wpp-ranking,decimal);counter-increment:wpp-ranking}.diver_popular_posts li.widget_post_list:after{content:counter(dpp-ranking,decimal);counter-increment:dpp-ranking}.wpp-list li:after,.diver_popular_posts li.widget_post_list:after{font-weight:bold;display:block;font-size:1.3em;top:0;transform:rotate(-45deg);color:#333;left:4px;width:1em;text-align:center;position:absolute;z-index:2}.wrap-post-title,.wrap-post-title a{color:#fff;text-decoration:none}.wrap-post-title{background:#4823ff;line-height:1.3;vertical-align:middle;border-radius:25px 0 0 25px;margin-left:-10px}.wrap-post-title:before{content:'●';color:#f4f4f4;margin-right:8px}@media screen and (max-width:768px){.wrap-post-title{margin-left:0}}.widget.widget_block .wp-block-group h2:first-child,.widget.widget_block .wp-block-group h3:first-child,.widgettitle{color:#fff}.widget.widget_block .wp-block-group h2:first-child,.widget.widget_block .wp-block-group h3:first-child,.widgettitle{background:#0c0104;box-shadow:0 0 0 5px #0c0104;border:dashed 2px #fff;margin:15px -5px;margin-top:-10px}.content{font-size:17px;line-height:1.8em}:where(.content) p:where(:not([style]):not(:empty)),:where(.content) div:where(:not([class]):not([style]):not(:empty)) {margin:0 0 1.7em}:where(.content) p:where(:not([class]):not([style]):empty),:where(.content) div:where(:not([class]):not([style]):empty){padding-bottom:1.7em;margin:0}:where(.content) ul,:where(.content) ol,:where(.content) table,:where(.content) dl{margin-bottom:1.7em}:where(.content) img{-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);-moz-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1)}:where(.content) img{border:1px solid #eee}.single_thumbnail img{max-height:500px}@media screen and (max-width:768px){.content{font-size:15px}}.diver_firstview_simple.stripe.length{background-image:linear-gradient(-90deg,transparent 25%,#fff 25%,#fff 50%,transparent 50%,transparent 75%,#fff 75%,#fff);background-size:80px 50px}.diver_firstview_simple.stripe.slant{background-image:linear-gradient(-45deg,transparent 25%,#fff 25%,#fff 50%,transparent 50%,transparent 75%,#fff 75%,#fff);background-size:50px 50px}.diver_firstview_simple.stripe.vertical{background-image:linear-gradient(0deg,transparent 25%,#fff 25%,#fff 50%,transparent 50%,transparent 75%,#fff 75%,#fff);background-size:50px 80px}.diver_firstview_simple.dot{background-image:radial-gradient(#fff 20%,transparent 0) , radial-gradient(#fff 20%,transparent 0);background-position:0 0 , 10px 10px;background-size:20px 20px}.diver_firstview_simple.tile.length,.diver_firstview_simple.tile.vertical{background-image:linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff) , linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);background-position:5px 5px , 40px 40px;background-size:70px 70px}.diver_firstview_simple.tile.slant{background-image:linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff) , linear-gradient(-45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);background-size:50px 50px;background-position:25px}.diver_firstview_simple.grad.length{background:linear-gradient(#fff,#759ab2)}.diver_firstview_simple.grad.vertical{background:linear-gradient(-90deg,#fff,#759ab2)}.diver_firstview_simple.grad.slant{background:linear-gradient(-45deg,#fff,#759ab2)}.content a{text-decoration:underline}.single_thumbnail:before{content:'';background:inherit;-webkit-filter:grayscale(100%) blur(5px) brightness(.9);-moz-filter:grayscale(100%) blur(5px) brightness(.9);-o-filter:grayscale(100%) blur(5px) brightness(.9);-ms-filter:grayscale(100%) blur(5px) brightness(.9);filter:grayscale(100%) blur(5px) brightness(.9);position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;z-index:-1}.nav_in_btn li.nav_in_btn_list_1 a{background:rgba(12,12,12,.35);color:#fff}.nav_in_btn li.nav_in_btn_list_2 a{background:rgba(12,12,12,.35);color:#fff}.nav_in_btn li.nav_in_btn_list_3 a{background:rgba(12,12,12,.35);color:#fff}.nav_in_btn li.nav_in_btn_list_4 a{background:rgba(12,12,12,.35);color:#fff}.nav_in_btn ul li{border-left:solid 1px #d4d4d4}.nav_in_btn ul li:last-child{border-right:solid 1px #d4d4d4}.nav_in_btn ul li i{font-size:30px}.d_sp .nav_in_btn ul li{width:100%}