@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

body{
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

/*ヘッダー背景透明化*/
.logo-image span, 
.logo-image a, 
.logo-image img {
	display: block;
	margin:0;
	padding: 0;
	vertical-align:top;
}
h1.logo-image{ padding: 0;}
.header-in { flex-direction: initial; }
.tagline { margin: 0; }


.navi-in .wrap {
    font-weight: bold;
}

.header-container {
	background-color: transparent;
	margin:0;
	padding:0;
}
.entry-content {
  margin-top: 0;
}

.entry-title {
  margin: 0;
}
.content {
  margin-top: 0;
}
.article h1 {
  margin-top: 0;
  padding-top: 0;
}

.entry-content p:first-of-type {
  margin-top: 0;
}

/* コメント欄のユーザーアイコン（Gravatar等）は表示しない。 */
#comments .avatar,
#comment-respond .avatar,
.comment-list .avatar,
.comment-author .avatar,
.comment-meta .avatar {
	display: none !important;
}


span{margin:0;padding:0;}
.kadomaru{  
	margin-bottom:20px !important; padding:10px; 
	position: relative;
   padding: 10px;
   background-color: #fffff5;
   border: 1px solid #ddd;
	border-radius:5px;
}
a {color:#000;}

/* beforeで枠線の三角を表現 */
.kadomaru::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  top: -13px;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #ddd;
  border-left: 12px solid transparent;
}

/* beforeで本体の三角を表現 */
.kadomaru::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  top: -11px;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #fffff5;
  border-left: 12px solid transparent;
}




.firstline{ font-size:12px; }
.a_no{font-weight:normal; margin-right:5px; font-size:1.3em;}
.a_username{ font-weight:bold; color:green; margin-left:5px; margin-right:5px; font-size:1.3em;} 
.a_datetime{ margin-left:5px; margin-right:5px;} 
.a_userid{}
.a_userid_1{ color:darkblue; font-weight:bold; background:#EDF4FC;padding:2px;}
.nusi_res{ color:darkblue; font-weight:bold; font-size:18px !important;}
.a_anker{ color:darkblue; font-size:0.8em !important}
.textLine{ font-size:18px; font-weight:bold; margin-top:20px;}
.responce_area1{background:#fff; padding:0px; }
.div_area{margin-top:60px; }
.responce_area2{ margin-top:0px; margin-bottom:0px;　}
.responce_area3{ margin-bottom:0px;}
.responce_area4{ margin-bottom:0px;}
.anchor-response,
.div_area:has(.a_anker) {
    margin-left: 20px !important;
    padding: 20px;
    margin-top: 0;
    margin-bottom: 0;
}
.kintama-comment-index {
    display: inline-block;
    margin-right: .35rem;
    padding: .08rem .4rem;
    border-radius: 999px;
    background: #ead28b;
    color: #5b4104;
    font-size: .76em;
    font-weight: 700;
    vertical-align: middle;
}
.kintama-reply-status {
    min-height: 1.4em;
    margin: 0 0 .65rem;
    color: #80651a;
    font-size: .82rem;
    font-weight: 600;
}
.matome_img{ width:300;}
.restop{padding:5px; border:1px solid lightblue;margin-bottom:10px;}

.responce_area2,
.responce_area3,
.responce_area4 {
    margin-left: 20px !important; /* ずらしたい距離を指定 */
	padding:20px;
	margin-bottom:0px;
	margin-top:0px;
}

.iframe_area{ 
	height:255px; 
	margin:0px;
}

.textLine{
}



.a-wrap:hover {
background-color: #eee;
}
.a-wrap:hover{
transform: translateY(0px);
box-shadow: 0px 0px 0px 0 #ccc;
}

a.entry-card-wrap.a-wrap.border-element.cf{
margin-bottom:0em;
margin: 0 0 -1px;  
	
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(150, 150,150, 0.1));
    background-origin: border-box;
    border-radius: 0.25em;
    line-height: 1.5;
    padding: 0.5em;
	width:100%;
	
	
}



.entry-card-title {
	#color :#4169e1;
	color :#000088;
	font-size: 1.2em;
	line-height: 1.2em;
} 

.entry-card-snippet {
	font-size: 0.7em;
	color: #666;
}






				
body {


.blogroll_wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around; /* または必要に応じて適切な配置を選んでください */
		background-color: #fff;
		width: 100%; /* ブラウザの幅に対して100%の幅を持つように指定 */
		border-radius: 10px 10px 10px 10px;
		max-height: 300px; /* 必要に応じて高さを調整 */
		overflow-y: auto; /* 垂直スクロールを有効にする */

}

.blogroll_wrapper2 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around; /* または必要に応じて適切な配置を選んでください */
		background-color: #ffe;
		width: 100%; /* ブラウザの幅に対して100%の幅を持つように指定 */
		border: 3px solid #87cefa;
		border-radius: 10px 10px 10px 10px;
		padding:10px;
}

.blogroll_wrapper3 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around; /* または必要に応じて適切な配置を選んでください */
		background-color: #ffe;
		width: 100%; /* ブラウザの幅に対して100%の幅を持つように指定 */
		border: 3px solid  #cc8100;
		border-radius: 10px 10px 10px 10px;
		padding:10px;
}
/* ----------------------------------------------- */
/*

      BlogRoll css 2

*/
/* ----------------------------------------------- */
.blogroll_innner {
		width: 50%;
		padding: 10px;
		float: left;
	font-size:14px;
	
	}

.blogroll-channel,
.blogroll-channel * {
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
	 font-size: 1em;
	line-height:1.5em;
	text-decoration:none;


}
.blogroll-channel {
    margin-bottom: 15px;
	 width: 100%; /* ブラウザの幅に対して100%の幅を持つように指定 */
}

.blogroll-channel .blogroll-list-wrap {
    margin-bottom: 10px;
	padding:0px;
}

.blogroll-channel .blogroll-list {
    list-style-type: none;
    margin-bottom: 3px;
    line-height: 1.8;
	border-bottom: 1px dashed lightblue;
}

.blogroll_wrapper3 .blogroll-channel .blogroll-list {
    list-style-type: none;
    margin-bottom: 3px;
    line-height: 1.8;
	border-bottom: 1px dashed #ccbca3;
}

.blogroll-channel .blogroll-list img {
    vertical-align: middle;
}

.blogroll-channel img.blogroll-icon,
.blogroll-channel img.blogroll-favicon {
    margin: 0 5px 0 0;
}

.blogroll-channel img.blogroll-favicon {
	width: 16px;
	height: 16px;
}

.blogroll-channel a.blogroll-link {
}

.blogroll-channel .blogroll-new-entry {
    margin-left: 5px;
    color: red;
}

.blogroll-channel .blogroll-clip,
.blogroll-channel .blogroll-hatebu {
    margin: 0 0 0 5px;
}

.blogroll-channel .blogroll-link-time {
    margin: 0 0 0 3px;
    color: #fff;

}

.blogroll-channel .blogroll-ad-img {
}

.blogroll-channel .blogroll-ad-text {
    display: block;
    margin-top: 5px;
    color: #fff;
}



    .custom-card {
        display: flex;
        flex-direction: row; /* 横向きに配置するためのスタイル */
        border: 1px solid #ccc;
        margin: 0px;
        padding: 10px;
        width: 100%;
		text-decoration: none;

    }

    .card-image img {
        width: 100px;
        height: 100px;
        object-fit: cover;
        margin-right: 10px;
    }


    .card-content {
        flex: 1;
		color:#666;
		  }
		  
    .card-description {
		flex: 1;
        font-size: 0.8em;
		color:#666;
	  
    }
    .card-url {
        font-size: 0.8em;
        color: #666;
    }

.eye-catch-wrap .custom-featured-image {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 350px;
    margin: 0 auto;
    object-fit: contain;
    object-position: center center;
}

.eye-catch-wrap {
    justify-content: center;
}

.entry-content h1 {
    background-color: #f8f8f8; /* 背景色を設定 */
    border: 2px solid #333; /* 枠線のスタイルと色を設定 */
    border-radius: 10px; /* 角丸にする半径を設定 */
    padding: 10px; /* タイトルの周りの余白を設定 */
    margin-bottom: 20px; /* タイトルの下に余白を設定 */

}

.widget-footer-left-title.footer-title {
	background:#d1c07f;
    color: white; /* テキスト色を赤に変更 */
    font-size: 20px; /* フォントサイズを変更 */
	margin-top:0px ;
	margin-left:20px ;
	margin-right:20px ;
	padding:5px;
	border-radius: 0.25em;
	text-align: center;
}

.widget-footer-center-title.footer-title {
	background:#d1c07f;
    color: white; /* テキスト色を赤に変更 */
    font-size: 20px; /* フォントサイズを変更 */
	margin-top:0px ;
	margin-left:0px ;
	margin-right:20px ;
	padding:5px;
	border-radius: 0.25em;
	text-align: center;
}

.widget-footer-right-title.footer-title {
	background:#d1c07f;
    color: white; /* テキスト色を赤に変更 */
    font-size: 20px; /* フォントサイズを変更 */
	margin-top:0px ;
	margin-left:0px ;
	margin-right:20px ;
	padding:5px;
	border-radius: 0.25em;
	text-align: center;
}


.custom-card {
	display: flex;
	flex-direction: row; /* 横向きに配置するためのスタイル */
	border: 1px solid #333;
	margin: 0px;
	margin-top:10px;
	padding: 10px;
	width: 100%;
	text-decoration: none;
	line-height:1.5;
}

.card-image img {
	width: 100px;
	height: 100px;
	object-fit: cover;
	margin-right: 10px;
}

.card-content  p{
	flex: 1;
	color:#333;
	line-height:1.5;
	margin: 0px;
	margin-bottom:10px;
}

.card-description p {
	flex: 1;
	font-size: 0.8em;
	color:#666;
	line-height:1.5;
	margin: 0px;
}
.card-url {
	font-size: 0.8em;
	color: #666;
	line-height:1;
}

/* 人気記事のタイトルの文字サイズを小さくする */
.popular-entry-card-title {
    font-size: 12px; /* 好みに応じて適切な文字サイズに変更 */
}

/************************************
**　　グローバルナビメニュー 
************************************/

/*マウスオーバーでアンダーライン*/
#navi .navi-in a:after{
position: absolute;/*線の位置を絶対配置に*/
content: "";/*文字はなし*/
left: 10px;/*線の位置*/
bottom: 10px;/*線の位置*/
height: 3px;/*線の高さ*/
width: 84%;/*線の幅*/
background: #85c5ec;/*線の色*/
transform: scale(0,1);/*マウスオーバーの前は線を消す*/
transition: 0.3s;/*線が0→100%になるまでの秒数*/
}

#navi .navi-in a:hover:after{
transform: scale(1);/*マウスオーバー後、線を100%出す*/
}

/*スマホメニューを横スクロール*/
#header-container .navi-in > ul li {
   height: auto;
   font-weight: 600;
   line-height:1.3;
}
#header-container #navi a{
   color:#666666; /* 文字色 */
   padding:0.8em 1em;
}
#header-container #navi a:hover{
   color:#85c5ec; /* マウスホバー時の文字色 */
}
#header-container .navi-in > ul > .menu-item-has-children > a::after {
   top: 0.8em;
   font-size: 1.2em;
   font-weight: 600;
}
#header-container .sub-menu .caption-wrap{
   padding-left:1em;
}
.navi-in > ul .menu-item-has-description > a > .caption-wrap{
   height:auto;
}

#navi .navi-in > ul > li{
  border-right: 1px solid #ddd;
}

#navi .navi-in > ul > li:last-child{
  border-right-width: 0;
}

.navi-in > ul > .menu-item-has-children > a::after{
  right: 10px;
} 

.responsive-iframe {
	width: 100%;
	border: none;
}
.wpp-post-title {
	font-weight: 700;
	display:block;
	line-height: 1.4;
	margin-bottom: 10px;
	font-size:10px;
}

.comment-notes,
.comment-form-author,
.comment-form-cookies-consent {
    display: none !important;
}

/* 本文冒頭のコメント欄への導線 */
.comment-jump-link {
	margin: 0 0 1.25em;
	text-align: right;
}

.comment-jump-link a {
	display: inline-block;
	padding: .45em .9em;
	border: 1px solid #7d95ad;
	border-radius: 4px;
	color: #34506c;
	background: #f6f9fc;
	font-size: .9em;
	text-decoration: none;
}

.comment-jump-link a:hover {
	color: #fff;
	background: #527b9f;
}

/* 本文末のコメント参加導線 */
.comment-invitation {
	margin: 2.25em 0 1.5em;
	padding: 1em 1.15em;
	border-left: 4px solid #d6a84b;
	border-radius: 4px;
	background: #fffaf0;
}

.comment-invitation p {
	margin: 0 0 .55em;
	font-weight: 700;
}

.comment-invitation a {
	color: #34506c;
	font-weight: 700;
	text-decoration: none;
}

.comment-invitation a:hover {
	text-decoration: underline;
}

#comments {
	scroll-margin-top: 90px;
}

@media screen and (min-width: 1024px){
  /*必要ならばここにコードを書く*/
	.res{margin:0;padding:0; font-weight:bold; font-size:1.1em;line-height:1.5em !important;}
	.firstline{margin:0;padding:0; font-weight:normal; font-size:12px; line-height:0em;}

	.entry-card-thumb {
		width: 247px;
	}
	.entry-card-content {
		margin-left: 267px;
	}
}

@media screen and (max-width: 1030px){
  #header-container .menu-mobile{
    display:none;
  }
  .navi-in > .menu-mobile{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  #header-container #navi a{
    font-size:0.8em;
    padding: 1em 1.2em;
  }
  #header-container .navi-in > ul > .menu-item-has-children > a::after{
    display:none;
  }
  #navi .navi-in > .menu-mobile li {
    height: auto;
    line-height: 1.8;
  }
  .mblt-header-mobile-buttons {
    margin-top: 53px;
  }
}

.custom-card
{
	background:#FFF;
}

/* 本文直前のタイトルはテーマ側のH1とは別の、視認性用の見出し。 */
.custom-title {
	margin: 0 0 1.1em;
	padding: .55em .75em;
	border-left: 5px solid #b99032;
	background: #fffaf0;
	color: #302712;
	font-size: 1.15em;
	font-weight: 700;
	line-height: 1.55;
}

/* トップページのサイト主題と、専門カテゴリへの内部導線。 */
.site-topic-guide {
	max-width: 1200px;
	margin: 16px auto 8px;
	padding: 14px 18px;
	border: 1px solid #e5dcc8;
	background: #fffdf8;
	box-sizing: border-box;
}

.site-topic-guide h1 {
	margin: 0 0 .35em;
	font-size: 1.25em;
	line-height: 1.45;
}

.site-topic-guide p {
	margin: 0 0 .8em;
	font-size: .92em;
	line-height: 1.6;
}

.site-category-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.site-category-nav a {
	display: inline-block;
	padding: .38em .72em;
	border-radius: 3px;
	background: #395d83;
	color: #fff;
	font-size: .9em;
	font-weight: 700;
	text-decoration: none;
}

.site-category-nav a:hover {
	background: #233f5d;
	color: #fff;
}

.sticky.st-yellow {
    background-color: #F0FAFF !important; /* 薄いブルー */
    border-left: 4px solid #007ACC !important; /* 左側のみ濃いブルーの罫線 */
    padding: 10px; /* 内側の余白 */
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.res{margin:0;padding:0; font-weight:bold; font-size:1.0em !important;　}
	.firstline{margin:0;padding:0; font-weight:normal; font-size:9px; line-height:0em;}
	.entry-card-title {
		font-size: 1.2em;
	}
	.entry-card-thumb {
		width: 80px;
	}
	.entry-card-content {
		margin-left: 110px;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*760px以下*/
@media screen and (max-width: 760px){
	.textLine{ font-size:18px; font-weight:bold; margin-top:20px;}
	.iframe_area{ 
		height:290px; 
		margin:0px;
	}
	.toprss {
    	display: none;
  	}
} 
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/ 
}

/* PC表示モード（835〜1023px）ではカードをPCレイアウトで表示 */
@media screen and (min-width: 835px) and (max-width: 1023px){
  .entry-card-thumb { width: 247px; }
  .entry-card-content { margin-left: 267px; }
}

/* PCのみ: Cocoonの実DOM（#content-in > #main / #sidebar）に合わせて右カラムを拡張。 */
@media screen and (min-width: 1200px){
  #content-in.content-in.wrap{
    width: calc(100% - 20px);
    max-width: 1200px;
  }

  #content-in.content-in > #main.main{
    width: calc(100% - 400px);
  }

  #content-in.content-in > #sidebar.sidebar{
    width: 380px;
  }
}

/* クチコミッケ ブランド基盤 */
:root {
  --kuchimikke-ink: #3d3440;
  --kuchimikke-teal: #177e89;
  --kuchimikke-teal-dark: #0f5f68;
  --kuchimikke-coral: #ed8064;
  --kuchimikke-cream: #fffaf3;
  --kuchimikke-line: #eadfd5;
}
html, body {
  background: var(--kuchimikke-cream) !important;
  color: var(--kuchimikke-ink);
}
body {
  background-image: none !important;
}
#header-container,
.header-container {
  background: rgba(255, 250, 243, .96) !important;
  border-bottom: 1px solid var(--kuchimikke-line);
}
.logo-image .site-logo-image {
  display: none !important;
}
.logo-image .site-name-text {
  display: inline-flex !important;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1px;
  min-width: 180px;
  font-size: 0 !important;
  line-height: 1;
  padding: 8px 0;
}
.logo-image .site-name-text::before {
  content: "クチコミッケ";
  color: var(--kuchimikke-teal-dark);
  font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro", sans-serif;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1.05;
}
.logo-image .site-name-text::after {
  content: "口コミ、見っけ！";
  color: var(--kuchimikke-coral);
  font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.2;
}
.logo-image a:hover .site-name-text::before {
  color: var(--kuchimikke-coral);
}
a {
  color: var(--kuchimikke-teal-dark);
}
a:hover {
  color: var(--kuchimikke-coral);
}
.site-topic-guide {
  background: #fff;
  border: 1px solid var(--kuchimikke-line);
  border-top: 4px solid var(--kuchimikke-teal);
  border-radius: 14px;
  box-shadow: 0 4px 16px rgba(61, 52, 64, .06);
}
.site-topic-guide h1 {
  color: var(--kuchimikke-teal-dark);
}
.site-category-nav a {
  background: var(--kuchimikke-teal);
  border-radius: 999px;
}
.site-category-nav a:hover {
  background: var(--kuchimikke-coral);
}
.entry-card-wrap,
.article {
  border-color: var(--kuchimikke-line);
}
.review-footer-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 18px;
  padding: 18px 12px 24px;
  color: #6d6268;
  font-size: 13px;
}
.review-footer-links a {
  color: var(--kuchimikke-teal-dark);
  text-decoration: none;
}
.review-footer-links a:hover {
  color: var(--kuchimikke-coral);
  text-decoration: underline;
}
@media screen and (max-width: 480px) {
  .logo-image .site-name-text::before { font-size: 24px; }
  .logo-image .site-name-text::after { font-size: 10px; }
}

/* 商品レビュー記事の読みやすさ調整 */
:root { --review-positive: #e97955; --review-negative: #5c8eb8; --review-paper: #fff; --review-muted: #746b6b; }
.entry-content h2, .article h2 { font-size: 1.45em; font-weight: 700; line-height: 1.4; margin: 1.65em 0 .5em; padding: .35em .7em; border-left: 4px solid var(--kuchimikke-teal); border-bottom: 1px solid var(--kuchimikke-line); background: transparent; }
.entry-content h3, .article h3 { font-size: 1.15em; font-weight: 700; margin: 1.2em 0 .35em; }
.entry-content p, .entry-content li { line-height: 1.85; }
.entry-content p { margin: .65em 0; }
.entry-content .toc, .entry-content .toc-content, .entry-content .toc-title { display: none !important; }
.review-lead { font-size: 1.25em; font-weight: 700; line-height: 1.75; margin: .3em 0 1.3em !important; padding: 1em 1.1em; background: #fff; border: 1px solid var(--kuchimikke-line); border-radius: 10px; }
.product-info-table { width: 100%; border-collapse: collapse; margin: .8em 0 .45em; background: var(--review-paper); font-size: .95em; }
.product-info-table th, .product-info-table td { border: 1px solid var(--kuchimikke-line); padding: .7em .8em; text-align: left; vertical-align: top; }
.product-info-table th { width: 28%; background: #f6eee7; font-weight: 700; }
.review-meta { color: var(--review-muted); font-size: .86em; }
.review-balance { background: #fff; border: 1px solid var(--kuchimikke-line); border-radius: 10px; padding: 1em 1.1em; }
.review-balance-head { display: flex; justify-content: space-between; gap: 1em; font-size: .95em; }
.review-balance-head strong { color: var(--review-positive); }
.review-balance-head span { color: var(--review-negative); }
.review-balance-track { display: flex; height: 18px; margin: .7em 0 .8em; overflow: hidden; border-radius: 999px; background: #e7edf1; }
.review-balance-positive { background: var(--review-positive); }
.review-balance-negative { background: var(--review-negative); }
.review-balance p { margin: 0; font-size: .92em; }
.review-voices { display: grid; gap: 1em; margin: .7em 0; }
.review-voice { display: flex; align-items: flex-start; gap: .7em; }
.review-person { position: relative; flex: 0 0 38px; width: 38px; height: 48px; margin-top: .35em; }
.review-person::before { content: ""; position: absolute; top: 0; left: 12px; width: 15px; height: 15px; border-radius: 50%; background: var(--review-positive); }
.review-person::after { content: ""; position: absolute; bottom: 0; left: 5px; width: 29px; height: 29px; border-radius: 16px 16px 5px 5px; background: var(--review-positive); }
.review-voice-negative .review-person::before, .review-voice-negative .review-person::after { background: var(--review-negative); }
.review-bubble { position: relative; flex: 1; padding: .8em 1em; border: 1px solid #f0c7ba; border-radius: 12px; background: #fff9f6; }
.review-voice-negative .review-bubble { border-color: #c8d8e7; background: #f5f9fc; }
.review-bubble::before { content: ""; position: absolute; left: -8px; top: 16px; width: 14px; height: 14px; transform: rotate(45deg); border-left: 1px solid #f0c7ba; border-bottom: 1px solid #f0c7ba; background: #fff9f6; }
.review-voice-negative .review-bubble::before { border-color: #c8d8e7; background: #f5f9fc; }
.review-badge { display: block; margin-bottom: .3em; color: var(--review-positive); font-size: .78em; font-weight: 700; }
.review-voice-negative .review-badge { color: var(--review-negative); }
.review-bubble p { margin: 0; line-height: 1.7; }
.review-score { text-align: center; padding: 1.2em 1em; background: #fff; border: 1px solid var(--kuchimikke-line); border-radius: 10px; }
.review-score-stars { color: #eca43b; font-size: 2.2em; letter-spacing: .08em; line-height: 1.2; }
.review-score-number { margin-top: .25em; color: var(--kuchimikke-teal-dark); font-size: 1.5em; font-weight: 700; }
.review-score-number span { color: var(--review-muted); font-size: .65em; font-weight: 400; }
.review-score p { max-width: 38em; margin: .65em auto 0; text-align: left; }
.review-score-guide { display: flex; justify-content: space-between; gap: .3em; margin: .7em 0; color: #eca43b; font-size: .78em; letter-spacing: .03em; }
.review-disclosure { padding: .7em .9em; background: #faf6f1; font-size: .9em; }
@media screen and (max-width: 600px) { .product-info-table th { width: 31%; } .review-lead { font-size: 1.08em; } .review-score-guide { flex-direction: column; gap: .15em; } }

/* レビューUIの視認性補強 */
.entry-content h2, .article .entry-content h2 { background: #f6eee7 !important; border-left: 4px solid #177e89 !important; border-bottom: 1px solid #eadfd5 !important; padding: .45em .7em !important; margin-top: 1.5em !important; margin-bottom: .45em !important; }
.review-balance-track { display: flex !important; background: #e7edf1 !important; }
.review-balance-positive { display: block !important; background-color: #e97955 !important; }
.review-balance-negative { display: block !important; background-color: #5c8eb8 !important; }
.review-person { display: block !important; position: relative !important; min-height: 48px !important; }
.review-person::before { content: "" !important; display: block !important; position: absolute !important; top: 0 !important; left: 12px !important; width: 15px !important; height: 15px !important; border-radius: 50% !important; background: #e97955 !important; }
.review-person::after { content: "" !important; display: block !important; position: absolute !important; bottom: 0 !important; left: 5px !important; width: 29px !important; height: 29px !important; border-radius: 16px 16px 5px 5px !important; background: #e97955 !important; }
.review-voice-negative .review-person::before, .review-voice-negative .review-person::after { background: #5c8eb8 !important; }

/* クチコミッケ ロイヤルブルー配色 */
:root { --kuchimikke-ink: #26364a; --kuchimikke-teal: #2457a6; --kuchimikke-teal-dark: #183b73; --kuchimikke-coral: #e58a45; --kuchimikke-cream: #f5f8fc; --kuchimikke-line: #d9e2f0; --review-positive: #e58a45; --review-negative: #5c83b2; }
html, body { background-color: #f5f8fc !important; color: #26364a !important; }
#header-container, .header-container { background: rgba(255,255,255,.97) !important; border-bottom-color: #d9e2f0 !important; }
.logo-image .site-name-text::before { color: #183b73 !important; }
.logo-image .site-name-text::after { color: #2457a6 !important; }
.logo-image a:hover .site-name-text::before { color: #e58a45 !important; }
a { color: #183b73; }
a:hover { color: #e58a45; }
.site-topic-guide { border-top-color: #2457a6 !important; border-color: #d9e2f0 !important; }
.site-topic-guide h1 { color: #183b73 !important; }
.site-category-nav a { background: #2457a6 !important; }
.site-category-nav a:hover { background: #e58a45 !important; }
.entry-content h2, .article .entry-content h2 { background: #edf3fb !important; border-left-color: #2457a6 !important; border-bottom-color: #d9e2f0 !important; }
.product-info-table th { background: #edf3fb !important; }
.product-info-table th, .product-info-table td { border-color: #d9e2f0 !important; }
.review-balance { border-color: #d9e2f0 !important; }
.review-balance-positive { background-color: #e58a45 !important; }
.review-balance-negative { background-color: #5c83b2 !important; }
.review-voice-positive .review-person::before, .review-voice-positive .review-person::after { background: #e58a45 !important; }
.review-voice-negative .review-person::before, .review-voice-negative .review-person::after { background: #5c83b2 !important; }
.review-bubble { border-color: #f0d4bd !important; background: #fffaf5 !important; }
.review-voice-negative .review-bubble { border-color: #c8d8ea !important; background: #f5f8fc !important; }
.review-bubble::before { border-color: #f0d4bd !important; background: #fffaf5 !important; }
.review-voice-negative .review-bubble::before { border-color: #c8d8ea !important; background: #f5f8fc !important; }
.review-score, .review-lead { border-color: #d9e2f0 !important; }
.review-score-number { color: #183b73 !important; }
.review-footer-links a { color: #183b73 !important; }
.review-footer-links a:hover { color: #e58a45 !important; }

/* 残っていた旧テーマ色をロイヤルブルー系へ統一 */
.site-topic-title { margin: 0 0 .35em; color: #183b73 !important; font-size: 1.65em; font-weight: 700; line-height: 1.35; }
.entry-title, .entry-card-title, .card-title { color: #26364a !important; }
.entry-content h2, .article .entry-content h2 { color: #183b73 !important; }
.entry-card-thumb, .card-thumb { background: #f5f8fc !important; }
.cat-label, .cat-label-2449 { background: #2457a6 !important; color: #fff !important; border-color: #2457a6 !important; }
.entry-card-wrap, .entry-card { border-color: #d9e2f0 !important; }
.comment-jump-link a { color: #2457a6 !important; background: #edf3fb !important; }
/* 記事タイトルはアイキャッチ下のデザイン付きH2だけを表示 */
.article-header .entry-title { display: none !important; }
.article-header .eye-catch-wrap { margin-top: 0 !important; }
.entry-content .custom-title { display: block; margin: .85em 0 .8em; padding: .55em .75em; border-left: 5px solid #2457a6; border-bottom: 1px solid #d9e2f0; border-radius: 0 8px 8px 0; background: #edf3fb; color: #183b73; font-size: 1.35em; font-weight: 700; line-height: 1.5; }

.review-voice-groups { display: grid; gap: 1.5em; }
.review-voice-group h3 { margin: .6em 0 .5em; color: #183b73; }
.review-voice-group-positive h3 { color: #b7662d; }
.review-more-button { display: block; margin: .8em auto 0; padding: .55em 1.4em; border: 1px solid #2457a6; border-radius: 999px; background: #fff; color: #2457a6; cursor: pointer; font-weight: 700; }
.review-more-button:hover { background: #edf3fb; }
.review-voice.is-more { display: none; }
/* りんごちゃんのクチコミッケ：女性向けブランド */
body.ringochan-mode { background: #fff8f5 !important; color: #4c3840; }
.ringochan-site-banner { background: linear-gradient(135deg,#fff1f3 0%,#fffaf6 100%); border-bottom: 1px solid #efd8df; }
.ringochan-site-banner-inner { display:flex; align-items:center; justify-content:center; gap:.8rem; max-width:1100px; margin:0 auto; padding:.45rem 1rem; color:#7b3651 !important; text-decoration:none !important; }
.ringochan-site-banner img { width:58px; height:58px; object-fit:contain; align-self:flex-end; }
.ringochan-site-banner span { display:flex; flex-direction:column; gap:.12rem; }
.ringochan-site-banner strong { font-size:1.18rem; letter-spacing:.02em; }
.ringochan-site-banner small { color:#9b6374; font-size:.82rem; }
.ringochan-mode .site-topic-title { color:#7b3651 !important; }
.ringochan-mode .entry-content h2, .ringochan-mode .article .entry-content h2 { color:#7b3651 !important; background:#fff0f3 !important; border-left-color:#b85c74 !important; }
.ringochan-mode .entry-content .custom-title { border-left-color:#b85c74; border-bottom-color:#efd8df; background:#fff0f3; color:#7b3651; }
.ringochan-mode .product-info-table th { background:#fff0f3 !important; color:#7b3651 !important; }
.ringochan-mode .review-score-number { color:#b85c74 !important; }
.ringochan-mode .review-balance-positive { background:#e58a86 !important; }
.ringochan-mode .review-balance-negative { background:#839bc5 !important; }
.ringochan-mode .review-more-button { border-color:#b85c74; color:#b85c74; }
.ringochan-mode .review-more-button:hover { background:#fff0f3; }
.ringochan-mode .review-voice-group-positive h3 { color:#b85c74; }
.ringochan-mode .review-bubble { border-color:#efd0d8 !important; background:#fff9f7 !important; }
.ringochan-mode .review-voice-negative .review-bubble { border-color:#cdd8eb !important; background:#f7f9fd !important; }
.ringochan-mode a { color:#a74768; }
.ringochan-mode .cat-label, .ringochan-mode .cat-label-2449 { background:#b85c74 !important; border-color:#b85c74 !important; }
@media (max-width:600px) {
 .ringochan-site-banner-inner { justify-content:flex-start; padding-left:.75rem; }
 .ringochan-site-banner img { width:48px; height:48px; }
 .ringochan-site-banner strong { font-size:1rem; }
 .ringochan-site-banner small { font-size:.72rem; }
}

/* フッター・記事・サイドバーをりんごちゃん配色へ統一 */
.ringochan-mode .article, .ringochan-mode .main, .ringochan-mode .content { background:#fffdfc; }
.ringochan-mode .entry-content { color:#4c3840; }
.ringochan-mode .entry-content h2 { box-shadow:none !important; border-top:1px solid #efd8df; }
.ringochan-mode .entry-content h3 { color:#8d4b62; }
.ringochan-mode .sidebar, .ringochan-mode .sidebar-scroll { color:#5e4750; }
.ringochan-mode .sidebar .widget, .ringochan-mode .sidebar-scroll .widget { margin-bottom:1.2em; padding:1em; border:1px solid #efd8df; border-radius:12px; background:#fffaf8; box-shadow:0 3px 12px rgba(184,92,116,.06); }
.ringochan-mode .sidebar .widget-title, .ringochan-mode .sidebar-scroll .widget-title { margin:-1em -1em .8em; padding:.65em .8em; border-bottom:1px solid #efd8df; border-left:4px solid #b85c74; border-radius:12px 12px 0 0; background:#fff0f3; color:#7b3651; font-weight:700; }
.ringochan-mode .sidebar a, .ringochan-mode .sidebar-scroll a { color:#9c4966; }
.ringochan-mode .sidebar ul, .ringochan-mode .sidebar-scroll ul { margin:0; padding-left:1.1em; }
.ringochan-mode .footer { border-top:1px solid #efd8df; background:#fff0f3 !important; color:#6e4a57; }
.ringochan-mode .footer-in, .ringochan-mode .footer-bottom { background:transparent !important; }
.ringochan-mode .footer a, .ringochan-mode .navi-footer a, .ringochan-mode .review-footer-links a { color:#8d405c !important; }
.ringochan-mode .footer a:hover, .ringochan-mode .navi-footer a:hover { color:#b85c74 !important; }
.ringochan-mode .footer-bottom { border-top:1px solid #efd8df; }
.ringochan-mode .footer-bottom-logo img { filter:none; }
@media (min-width:769px) {
 .ringochan-mode .content-in { gap:28px; }
}

}
/* りんごちゃん配色：トップレベル上書き */
body.ringochan-mode { background:#fff8f5 !important; color:#4c3840 !important; }
body.ringochan-mode .article, body.ringochan-mode .main, body.ringochan-mode .content { background:#fffdfc !important; }
body.ringochan-mode #header-container, body.ringochan-mode .header-container { background:#fff1f3 !important; border-bottom:1px solid #efd8df !important; }
body.ringochan-mode .entry-content h2, body.ringochan-mode .article .entry-content h2 { color:#7b3651 !important; background:#fff0f3 !important; border-left:4px solid #b85c74 !important; border-bottom:1px solid #efd8df !important; }
body.ringochan-mode .entry-content .custom-title { background:#fff0f3 !important; border-left-color:#b85c74 !important; color:#7b3651 !important; }
body.ringochan-mode .product-info-table th { background:#fff0f3 !important; color:#7b3651 !important; }
body.ringochan-mode .product-info-table th, body.ringochan-mode .product-info-table td { border-color:#efd8df !important; }
body.ringochan-mode .review-lead, body.ringochan-mode .review-balance, body.ringochan-mode .review-score { background:#fffdfc !important; border-color:#efd8df !important; }
body.ringochan-mode .review-balance-positive { background:#e58a86 !important; }
body.ringochan-mode .review-balance-negative { background:#839bc5 !important; }
body.ringochan-mode .review-score-number { color:#b85c74 !important; }
body.ringochan-mode .review-bubble { background:#fff9f7 !important; border-color:#efd0d8 !important; }
body.ringochan-mode .review-voice-negative .review-bubble { background:#f7f9fd !important; border-color:#cdd8eb !important; }
body.ringochan-mode .sidebar .widget, body.ringochan-mode .sidebar-scroll .widget { background:#fffaf8 !important; border:1px solid #efd8df !important; }
body.ringochan-mode .sidebar .widget-title, body.ringochan-mode .sidebar-scroll .widget-title { background:#fff0f3 !important; border-left-color:#b85c74 !important; color:#7b3651 !important; }
body.ringochan-mode .sidebar a, body.ringochan-mode .sidebar-scroll a { color:#9c4966 !important; }
body.ringochan-mode .footer { background:#fff0f3 !important; border-top:1px solid #efd8df !important; color:#6e4a57 !important; }
body.ringochan-mode .footer-in, body.ringochan-mode .footer-bottom { background:transparent !important; }
body.ringochan-mode .footer a, body.ringochan-mode .navi-footer a, body.ringochan-mode .review-footer-links a { color:#8d405c !important; }
body.ringochan-mode .footer-bottom { border-top:1px solid #efd8df !important; }
body.ringochan-mode a { color:#9c4966; }
body.ringochan-mode a:hover { color:#b85c74; }

/* ヘッダー重複表示の整理と、色のコントラスト調整 */
body.ringochan-mode #header-container { display:none !important; }
body.ringochan-mode { background:#fffaf3 !important; color:#4c3e43 !important; }
body.ringochan-mode .ringochan-site-banner { background:linear-gradient(135deg,#fffaf3 0%,#fff5f7 100%) !important; border-bottom:1px solid #ead9dd !important; }
body.ringochan-mode .ringochan-site-banner-inner { color:#713d51 !important; }
body.ringochan-mode .ringochan-site-banner small { color:#806772 !important; }
body.ringochan-mode .article, body.ringochan-mode .main, body.ringochan-mode .content { background:#fff !important; }
body.ringochan-mode .site-topic-guide { background:#fff !important; border-top-color:#b85c74 !important; border-color:#ead9dd !important; }
body.ringochan-mode .site-topic-guide p { color:#5c4c52 !important; }
body.ringochan-mode .entry-content h2, body.ringochan-mode .article .entry-content h2 { background:#fff4f6 !important; color:#713d51 !important; border-left-color:#b85c74 !important; border-bottom-color:#ead9dd !important; }
body.ringochan-mode .entry-content .custom-title { background:#fff4f6 !important; color:#713d51 !important; border-left-color:#b85c74 !important; }
body.ringochan-mode .product-info-table th { background:#fff4f6 !important; color:#713d51 !important; }
body.ringochan-mode .product-info-table th, body.ringochan-mode .product-info-table td { border-color:#ead9dd !important; }
body.ringochan-mode .review-lead, body.ringochan-mode .review-balance, body.ringochan-mode .review-score { background:#fff !important; border-color:#ead9dd !important; }
body.ringochan-mode .review-score-number { color:#713d51 !important; }
body.ringochan-mode .review-balance-positive { background:#d97968 !important; }
body.ringochan-mode .review-balance-negative { background:#6684a7 !important; }
body.ringochan-mode .review-bubble { background:#fff8f5 !important; border-color:#edc9c5 !important; }
body.ringochan-mode .review-voice-negative .review-bubble { background:#f5f8fb !important; border-color:#cbd7e4 !important; }
body.ringochan-mode .sidebar .widget, body.ringochan-mode .sidebar-scroll .widget { background:#fff !important; border-color:#ead9dd !important; box-shadow:0 3px 12px rgba(90,60,70,.05) !important; }
body.ringochan-mode .sidebar .widget-title, body.ringochan-mode .sidebar-scroll .widget-title { background:#fff4f6 !important; color:#713d51 !important; border-left-color:#b85c74 !important; }
body.ringochan-mode .sidebar a, body.ringochan-mode .sidebar-scroll a { color:#496b8e !important; }
body.ringochan-mode .footer { background:#fffaf3 !important; color:#66575c !important; border-top-color:#ead9dd !important; }
body.ringochan-mode .footer a, body.ringochan-mode .navi-footer a, body.ringochan-mode .review-footer-links a { color:#496b8e !important; }
body.ringochan-mode .footer a:hover, body.ringochan-mode .navi-footer a:hover { color:#b85c74 !important; }
body.ringochan-mode .footer-bottom { border-top-color:#ead9dd !important; }
body.ringochan-mode .logo-footer .site-logo-image { display:none !important; }
body.ringochan-mode a { color:#496b8e; }
body.ringochan-mode a:hover { color:#b85c74; }
/* 投稿0件の初期状態では、カテゴリ案内を主役にしてCocoonのNOT FOUND表示を隠す。 */
body.home .posts-not-found,
body.blog .posts-not-found { display: none !important; }
/* クチコミッケ新レイアウト: 写真を主役にした白ベース */
body.ringochan-mode, body.ringochan-mode #container, body.ringochan-mode .content, body.ringochan-mode .main, body.ringochan-mode .article, body.ringochan-mode .footer { background:#fff !important; color:#253244 !important; }
body.ringochan-mode .ringochan-site-banner { background:#fff !important; border-bottom:1px solid #d9e1ea !important; }
body.ringochan-mode .ringochan-site-banner-inner { color:#234f89 !important; }
body.ringochan-mode .ringochan-site-banner small { color:#64748b !important; }
body.ringochan-mode .site-topic-guide { background:#fff !important; border:1px solid #d9e1ea !important; border-top:3px solid #2457a6 !important; box-shadow:none !important; }
body.ringochan-mode .site-category-nav { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
body.ringochan-mode .site-category-nav a { position:relative; display:flex; align-items:center; gap:7px; min-height:44px; padding:9px 10px; border:1px solid #cbd7e5 !important; border-radius:6px !important; background:#fff !important; color:#234f89 !important; font-weight:600; text-decoration:none; }
body.ringochan-mode .site-category-nav a::before { display:inline-grid; place-items:center; width:24px; height:24px; border-radius:50%; background:#edf3fb; color:#2457a6; font-size:14px; content:'✦'; }
body.ringochan-mode .site-category-nav a:nth-child(2)::before{content:'⌁'} body.ringochan-mode .site-category-nav a:nth-child(3)::before{content:'▣'} body.ringochan-mode .site-category-nav a:nth-child(4)::before{content:'◌'} body.ringochan-mode .site-category-nav a:nth-child(5)::before{content:'◇'} body.ringochan-mode .site-category-nav a:nth-child(6)::before{content:'♡'} body.ringochan-mode .site-category-nav a:nth-child(7)::before{content:'□'} body.ringochan-mode .site-category-nav a:nth-child(8)::before{content:'○'}
body.ringochan-mode .site-category-nav a:hover, body.ringochan-mode .site-category-nav a:focus-visible { border-color:#2457a6 !important; background:#f5f8fc !important; }
body.ringochan-mode #list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
body.ringochan-mode #list .entry-card-wrap { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid #d9e1ea !important; border-radius:6px; background:#fff !important; box-shadow:none !important; }
body.ringochan-mode #list .entry-card-thumb { width:100%; margin:0; background:#fff; }
body.ringochan-mode #list .entry-card-thumb-image { display:block; width:100%; aspect-ratio:1/1; object-fit:contain; }
body.ringochan-mode #list .entry-card-content { padding:10px 12px 12px; }
body.ringochan-mode #list .entry-card-title { margin:0; color:#253244 !important; font-size:1rem; line-height:1.5; font-weight:600; }
body.ringochan-mode #list .entry-card-snippet, body.ringochan-mode #list .entry-card-meta, body.ringochan-mode #list .cat-label { display:none !important; }
body.ringochan-mode #list .entry-card-review-meta { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 12px 0; border-top:1px solid #edf1f5; color:#64748b; font-size:.78rem; }
body.ringochan-mode #list .entry-card-stars { color:#e2a62e; letter-spacing:1px; white-space:nowrap; }
body.ringochan-mode .entry-content h2 { margin:2rem 0 .8rem !important; padding:.7rem .9rem !important; border:0 !important; border-left:6px solid #2457a6 !important; border-bottom:1px solid #cbd7e5 !important; background:#f5f8fc !important; color:#183b73 !important; font-size:1.35rem !important; font-weight:700 !important; }
body.ringochan-mode .entry-content .custom-title { margin:0 0 1rem !important; padding:1rem 1.1rem !important; border:1px solid #cbd7e5 !important; border-left:6px solid #2457a6 !important; background:#fff !important; color:#183b73 !important; font-size:1.55rem !important; }
body.ringochan-mode .review-ec-links { display:flex; flex-wrap:wrap; gap:10px; margin:1rem 0; }
body.ringochan-mode .review-ec-link { display:inline-block; padding:.7rem 1rem; border:1px solid #2457a6; border-radius:5px; color:#2457a6 !important; background:#fff; text-decoration:none; }
body.ringochan-mode .review-ec-link:hover { background:#f5f8fc; }
body.ringochan-mode .footer { border-top:1px solid #d9e1ea !important; }
@media (max-width: 768px) { body.ringochan-mode #list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } body.ringochan-mode #list .entry-card-content { padding:8px; } body.ringochan-mode #list .entry-card-title { font-size:.88rem; } body.ringochan-mode #list .entry-card-review-meta { display:block; padding:6px 8px 0; } body.ringochan-mode #list .entry-card-review-meta time { display:block; margin-top:3px; } body.ringochan-mode .site-category-nav { grid-template-columns:repeat(2,minmax(0,1fr)); } body.ringochan-mode .site-category-nav a { font-size:.82rem; padding:8px; } }
/* 商品カード: 品名 → 画像 → 総合評価と日付。高さを統一。 */
body.ringochan-mode, body.ringochan-mode #container, body.ringochan-mode #content, body.ringochan-mode .content-in, body.ringochan-mode .main, body.ringochan-mode .article { background:#fff !important; }
body.ringochan-mode #list .entry-card-wrap { display:flex !important; flex-direction:column !important; min-height:390px; }
body.ringochan-mode #list .entry-card-thumb { display:contents !important; }
body.ringochan-mode #list .entry-card-thumb-image { order:2; width:100% !important; height:260px !important; aspect-ratio:auto !important; object-fit:contain !important; background:#fff !important; }
body.ringochan-mode #list .entry-card-content { display:contents !important; }
body.ringochan-mode #list .entry-card-title { order:1; display:block; height:3.1em; overflow:hidden; margin:0 !important; padding:12px 12px 8px !important; color:#253244 !important; font-size:1rem !important; line-height:1.55 !important; font-weight:600 !important; }
body.ringochan-mode #list .entry-card-review-meta { order:3; display:flex !important; align-items:center; justify-content:space-between; min-height:42px; margin-top:auto; padding:8px 12px !important; border-top:1px solid #d9e1ea; color:#64748b; font-size:.78rem; background:#fff; }
body.ringochan-mode #list .entry-card-stars { color:#e2a62e; letter-spacing:1px; white-space:nowrap; }
body.ringochan-mode #list .entry-card-snippet, body.ringochan-mode #list .entry-card-meta, body.ringochan-mode #list .cat-label { display:none !important; }
@media (max-width:768px) { body.ringochan-mode #list .entry-card-wrap { min-height:320px; } body.ringochan-mode #list .entry-card-thumb-image { height:160px !important; } body.ringochan-mode #list .entry-card-title { height:4.7em; overflow:hidden; padding:9px 8px 6px !important; font-size:.88rem !important; } body.ringochan-mode #list .entry-card-review-meta { display:block !important; min-height:50px; padding:6px 8px !important; } body.ringochan-mode #list .entry-card-review-meta time { display:block; margin-top:2px; } }
/* トップ一覧は全カード共通。旧テーマの先頭カード用指定も上書きする。 */
body.home.ringochan-mode, body.home.ringochan-mode #container, body.home.ringochan-mode #content, body.home.ringochan-mode #main, body.home.ringochan-mode #main-in, body.home.ringochan-mode .main, body.home.ringochan-mode .content, body.home.ringochan-mode .content-in, body.home.ringochan-mode #list, body.home.ringochan-mode #list > a.entry-card-wrap, body.home.ringochan-mode #list > a.entry-card-wrap:nth-child(n), body.home.ringochan-mode #list > a.entry-card-wrap .entry-card, body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-thumb, body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-review-meta { background-color:#fff !important; background-image:none !important; }
body.home.ringochan-mode #list > a.entry-card-wrap { display:flex !important; flex-direction:column !important; height:390px !important; min-height:390px !important; border:1px solid #d9e1ea !important; }
body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-title { order:1 !important; height:3.1em !important; min-height:3.1em !important; overflow:hidden !important; }
body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-thumb-image { order:2 !important; height:260px !important; background:#fff !important; }
body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-review-meta { order:3 !important; margin-top:auto !important; height:42px !important; min-height:42px !important; }
@media (max-width:768px) { body.home.ringochan-mode #list > a.entry-card-wrap { height:320px !important; min-height:320px !important; } body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-title { height:4.7em !important; min-height:4.7em !important; } body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-thumb-image { height:160px !important; } body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-review-meta { height:50px !important; min-height:50px !important; } }
/* トップカード最終統一: article直下で 品名 → 画像 → 評価 を並べる */
body.home.ringochan-mode #list > a.entry-card-wrap,
body.home.ringochan-mode #list > a.entry-card-wrap .entry-card,
body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-thumb,
body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-content,
body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-review-meta { background:#fff !important; background-color:#fff !important; }
body.home.ringochan-mode #list > a.entry-card-wrap .entry-card { display:flex !important; flex-direction:column !important; height:100% !important; min-height:0 !important; }
body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-thumb,
body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-content { display:contents !important; }
body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-title { order:1 !important; flex:none !important; width:100% !important; box-sizing:border-box !important; }
body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-thumb-image { order:2 !important; flex:none !important; width:100% !important; }
body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-review-meta { order:3 !important; flex:none !important; width:100% !important; box-sizing:border-box !important; margin-top:auto !important; }
body.home.ringochan-mode #list > a.entry-card-wrap .cat-label,
body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-snippet,
body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-meta { display:none !important; }
@media (max-width:768px) {
  body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-title { height:4.7em !important; min-height:4.7em !important; }
  body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-thumb-image { height:160px !important; }
}
/* DOM並べ替え後のカード表示。旧display:contents指定を無効化する。 */
body.home.ringochan-mode #list > a.entry-card-wrap .entry-card { display:flex !important; flex-direction:column !important; height:100% !important; overflow:hidden !important; background:#fff !important; }
body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-thumb { display:block !important; order:2 !important; width:100% !important; margin:0 !important; background:#fff !important; }
body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-content { display:none !important; }
body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-title { display:block !important; order:1 !important; flex:none !important; width:100% !important; height:3.1em !important; min-height:3.1em !important; box-sizing:border-box !important; overflow:hidden !important; margin:0 !important; }
body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-review-meta { display:flex !important; order:3 !important; flex:none !important; width:100% !important; height:42px !important; min-height:42px !important; box-sizing:border-box !important; margin-top:auto !important; background:#fff !important; }
body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-thumb-image { display:block !important; width:100% !important; height:260px !important; object-fit:contain !important; background:#fff !important; }
@media (max-width:768px) { body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-title { height:4.7em !important; min-height:4.7em !important; } body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-thumb-image { height:160px !important; } body.home.ringochan-mode #list > a.entry-card-wrap .entry-card-review-meta { height:50px !important; min-height:50px !important; } }
/* 外側のリンク枠は装飾しない。内側articleだけをカード本体にする。 */
body.home.ringochan-mode #list > a.entry-card-wrap,
body.home.ringochan-mode #list > a.entry-card-wrap:nth-child(n) { display:block !important; height:auto !important; min-height:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
body.home.ringochan-mode #list > a.entry-card-wrap > article.entry-card { display:flex !important; flex-direction:column !important; height:430px !important; min-height:430px !important; overflow:hidden !important; border:1px solid #d9e1ea !important; border-radius:6px !important; background:#fff !important; box-shadow:none !important; }
body.home.ringochan-mode #list > a.entry-card-wrap > article.entry-card .entry-card-title { flex:none !important; order:1 !important; height:5em !important; min-height:5em !important; padding:12px !important; overflow:hidden !important; line-height:1.5 !important; box-sizing:border-box !important; }
body.home.ringochan-mode #list > a.entry-card-wrap > article.entry-card .entry-card-thumb { flex:none !important; order:2 !important; display:block !important; width:100% !important; height:260px !important; background:#fff !important; }
body.home.ringochan-mode #list > a.entry-card-wrap > article.entry-card .entry-card-thumb-image { display:block !important; width:100% !important; height:260px !important; object-fit:contain !important; background:#fff !important; }
body.home.ringochan-mode #list > a.entry-card-wrap > article.entry-card .entry-card-review-meta { flex:none !important; order:3 !important; width:100% !important; height:42px !important; min-height:42px !important; margin-top:auto !important; box-sizing:border-box !important; background:#fff !important; }
body.home.ringochan-mode #list > a.entry-card-wrap > article.entry-card .entry-card-content { display:none !important; }
@media (max-width:1100px) {
  body.home.ringochan-mode #list { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; }
  body.home.ringochan-mode #list > a.entry-card-wrap > article.entry-card { height:370px !important; min-height:370px !important; }
  body.home.ringochan-mode #list > a.entry-card-wrap > article.entry-card .entry-card-title { height:6em !important; min-height:6em !important; padding:9px 8px !important; font-size:.88rem !important; }
  body.home.ringochan-mode #list > a.entry-card-wrap > article.entry-card .entry-card-thumb,
  body.home.ringochan-mode #list > a.entry-card-wrap > article.entry-card .entry-card-thumb-image { height:170px !important; }
  body.home.ringochan-mode #list > a.entry-card-wrap > article.entry-card .entry-card-review-meta { height:50px !important; min-height:50px !important; display:block !important; padding:6px 8px !important; }
}
/* PCは3列、スマホ端末だけ2列。残存する旧クリーム背景も一覧全体で白に統一。 */
body.home.ringochan-mode #list { grid-template-columns:repeat(3,minmax(0,1fr)) !important; background:#fff !important; background-image:none !important; }
body.home.ringochan-mode #list > a.entry-card-wrap { background:transparent !important; background-image:none !important; }
body.home.ringochan-mode #list > a.entry-card-wrap > article.entry-card,
body.home.ringochan-mode #list > a.entry-card-wrap > article.entry-card .entry-card-thumb,
body.home.ringochan-mode #list > a.entry-card-wrap > article.entry-card .entry-card-review-meta { background:#fff !important; background-color:#fff !important; background-image:none !important; }
body.home.ringochan-mode .wrap, body.home.ringochan-mode .content-in, body.home.ringochan-mode #main, body.home.ringochan-mode #main-in, body.home.ringochan-mode .main { background:#fff !important; background-image:none !important; }
body.home.ringochan-mode.mobile-review-index #list { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; }
body.home.ringochan-mode.mobile-review-index #list > a.entry-card-wrap > article.entry-card { height:370px !important; min-height:370px !important; }
body.home.ringochan-mode.mobile-review-index #list > a.entry-card-wrap > article.entry-card .entry-card-title { height:6em !important; min-height:6em !important; font-size:.88rem !important; padding:9px 8px !important; }
body.home.ringochan-mode.mobile-review-index #list > a.entry-card-wrap > article.entry-card .entry-card-thumb,
body.home.ringochan-mode.mobile-review-index #list > a.entry-card-wrap > article.entry-card .entry-card-thumb-image { height:170px !important; }
body.home.ringochan-mode.mobile-review-index #list > a.entry-card-wrap > article.entry-card .entry-card-review-meta { height:50px !important; min-height:50px !important; display:block !important; padding:6px 8px !important; }
/* Cocoon旧指定 (#main #list > .entry-card-wrap) より優先して親カードを白にする。 */
body.home.ringochan-mode #main #list > .entry-card-wrap,
body.home.ringochan-mode #main #list > .entry-card-wrap:nth-child(n) { background:#fff !important; background-image:none !important; }
body.home.ringochan-mode #main #list > .entry-card-wrap > article.entry-card,
body.home.ringochan-mode #main #list > .entry-card-wrap > article.entry-card .entry-card-thumb,
body.home.ringochan-mode #main #list > .entry-card-wrap > article.entry-card .entry-card-review-meta { background:#fff !important; background-image:none !important; }
body.home.ringochan-mode #main #list > .entry-card-wrap > article.entry-card .entry-card-title { font-size:1.08rem !important; font-weight:700 !important; line-height:1.55 !important; padding:14px !important; height:5.5em !important; min-height:5.5em !important; }
body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap > article.entry-card .entry-card-title { font-size:1rem !important; line-height:1.55 !important; padding:12px 10px !important; height:6em !important; min-height:6em !important; }
/* スマホの先頭カードに残るCocoon旧特別処理を、2枚目以降と同じ寸法へ固定 */
@media (max-width:1100px) {
body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type,
body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) { display:block !important; height:auto !important; min-height:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type > article.entry-card,
body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) > article.entry-card { display:flex !important; flex-direction:column !important; height:370px !important; min-height:370px !important; overflow:hidden !important; border:1px solid #d9e1ea !important; border-radius:6px !important; background:#fff !important; }
body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type .entry-card-title,
body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) .entry-card-title { display:block !important; order:1 !important; flex:none !important; width:100% !important; height:6em !important; min-height:6em !important; box-sizing:border-box !important; overflow:hidden !important; margin:0 !important; padding:12px 10px !important; font-size:1rem !important; line-height:1.55 !important; }
body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type .entry-card-thumb,
body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) .entry-card-thumb { display:block !important; order:2 !important; flex:none !important; width:100% !important; height:170px !important; margin:0 !important; padding:0 !important; background:#fff !important; }
body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type .entry-card-thumb-image,
body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) .entry-card-thumb-image { display:block !important; width:100% !important; height:170px !important; object-fit:contain !important; background:#fff !important; }
body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type .entry-card-review-meta,
body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) .entry-card-review-meta { display:block !important; order:3 !important; flex:none !important; width:100% !important; height:50px !important; min-height:50px !important; box-sizing:border-box !important; margin-top:auto !important; padding:6px 8px !important; background:#fff !important; }
body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type .entry-card-content,
body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) .entry-card-content { display:none !important; }
}
/* スマホ: 画像下の余白を作らない。品名・画像・評価の内容高に合わせる。 */
@media (max-width:1100px) {
body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type > article.entry-card,
body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) > article.entry-card { height:330px !important; min-height:330px !important; }
body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type .entry-card-review-meta,
body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) .entry-card-review-meta { margin-top:0 !important; }
body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type .entry-card-thumb,
body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) .entry-card-thumb,
body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type .entry-card-thumb-image,
body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) .entry-card-thumb-image { height:165px !important; }
}
/* PCは端末判定で必ず3列。1100px以下をスマホ扱いする旧指定を無効化。 */
body.home.ringochan-mode:not(.mobile-review-index) #main #list { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:18px !important; }
body.home.ringochan-mode:not(.mobile-review-index) #main #list > .entry-card-wrap,
body.home.ringochan-mode:not(.mobile-review-index) #main #list > .entry-card-wrap:first-of-type,
body.home.ringochan-mode:not(.mobile-review-index) #main #list > .entry-card-wrap:not(:first-of-type) { display:block !important; height:auto !important; min-height:0 !important; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; }
body.home.ringochan-mode:not(.mobile-review-index) #main #list > .entry-card-wrap > article.entry-card { display:flex !important; flex-direction:column !important; height:400px !important; min-height:400px !important; overflow:hidden !important; border:1px solid #d9e1ea !important; border-radius:6px !important; background:#fff !important; }
body.home.ringochan-mode:not(.mobile-review-index) #main #list > .entry-card-wrap .entry-card-title { display:block !important; order:1 !important; flex:none !important; height:5em !important; min-height:5em !important; box-sizing:border-box !important; overflow:hidden !important; margin:0 !important; padding:14px !important; font-size:1.08rem !important; line-height:1.55 !important; }
body.home.ringochan-mode:not(.mobile-review-index) #main #list > .entry-card-wrap .entry-card-thumb,
body.home.ringochan-mode:not(.mobile-review-index) #main #list > .entry-card-wrap .entry-card-thumb-image { display:block !important; order:2 !important; flex:none !important; width:100% !important; height:250px !important; margin:0 !important; padding:0 !important; object-fit:contain !important; background:#fff !important; }
body.home.ringochan-mode:not(.mobile-review-index) #main #list > .entry-card-wrap .entry-card-review-meta { display:flex !important; order:3 !important; flex:none !important; width:100% !important; height:42px !important; min-height:42px !important; margin-top:0 !important; box-sizing:border-box !important; background:#fff !important; }
/* 品名欄の上下余白を均等化し、画像との境界線を表示 */
body.home.ringochan-mode #main #list > .entry-card-wrap .entry-card-title { display:flex !important; align-items:center !important; border-bottom:1px solid #d9e1ea !important; }
body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap .entry-card-title { display:flex !important; align-items:center !important; border-bottom:1px solid #d9e1ea !important; }
body.home.ringochan-mode #main #list > .entry-card-wrap .entry-card-thumb { border-bottom:0 !important; }
body.home.ringochan-mode #main #list > .entry-card-wrap > article.entry-card > h2.entry-card-title { display:flex !important; align-items:center !important; border-bottom:1px solid #d9e1ea !important; }
/* カラム指定の最終ルール。これより前の2カラム指定は無効化する。 */
body.home.ringochan-mode #main #list { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:18px !important; }
@media (max-width:1100px) {
  body.home.ringochan-mode.mobile-review-index #main #list { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; }
}
/* スマホは1列・画像左・情報右のコンパクトカード */
@media (max-width:1100px) {
  body.home.ringochan-mode.mobile-review-index #main #list { display:grid !important; grid-template-columns:1fr !important; gap:10px !important; }
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) { display:block !important; height:auto !important; min-height:0 !important; padding:0 !important; border:0 !important; background:transparent !important; }
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type > article.entry-card,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) > article.entry-card { display:grid !important; grid-template-columns:38% 62% !important; grid-template-rows:1fr auto !important; height:170px !important; min-height:170px !important; overflow:hidden !important; border:1px solid #d9e1ea !important; border-radius:6px !important; background:#fff !important; }
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type .entry-card-thumb,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) .entry-card-thumb { display:flex !important; grid-column:1 !important; grid-row:1 / 3 !important; align-items:center !important; justify-content:center !important; width:100% !important; height:168px !important; margin:0 !important; padding:0 !important; background:#fff !important; }
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type .entry-card-thumb-image,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) .entry-card-thumb-image { display:block !important; width:100% !important; height:168px !important; object-fit:contain !important; background:#fff !important; }
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type .entry-card-title,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) .entry-card-title { display:flex !important; grid-column:2 !important; grid-row:1 !important; align-items:center !important; width:100% !important; height:auto !important; min-height:0 !important; margin:0 !important; padding:10px !important; border-bottom:1px solid #d9e1ea !important; box-sizing:border-box !important; overflow:hidden !important; font-size:.95rem !important; line-height:1.45 !important; }
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type .entry-card-review-meta,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) .entry-card-review-meta { display:flex !important; grid-column:2 !important; grid-row:2 !important; align-items:center !important; justify-content:space-between !important; width:100% !important; height:42px !important; min-height:42px !important; margin:0 !important; padding:6px 10px !important; box-sizing:border-box !important; background:#fff !important; }
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type .entry-card-content,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) .entry-card-content { display:none !important; }
}
/* スマホ専用: 罫線なし・右側情報を中央配置。PCには適用しない。 */
@media (max-width:1100px) {
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type > article.entry-card,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) > article.entry-card { grid-template-columns:38% 62% !important; grid-template-rows:1fr 42px !important; height:170px !important; min-height:170px !important; }
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type .entry-card-title,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) .entry-card-title { align-self:stretch !important; display:flex !important; align-items:center !important; height:auto !important; min-height:0 !important; padding:10px !important; border:0 !important; font-size:.95rem !important; line-height:1.45 !important; }
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type .entry-card-review-meta,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) .entry-card-review-meta { height:42px !important; min-height:42px !important; padding:6px 10px !important; border:0 !important; }
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type .entry-card-thumb,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) .entry-card-thumb { height:168px !important; border:0 !important; }
  body.home.ringochan-mode.mobile-review-index #main #list { gap:8px !important; }
}
/* スマホ: 先頭カードだけに残る旧margin-bottomを除去し、全カード間隔を統一 */
@media (max-width:1100px) {
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) { margin:0 !important; }
}
/* スマホ最終形: 商品一覧のコンパクトな横型行カード */
@media (max-width:1100px) {
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type > article.entry-card,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) > article.entry-card { grid-template-columns:26% 74% !important; grid-template-rows:1fr 30px !important; height:120px !important; min-height:120px !important; }
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type .entry-card-thumb,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) .entry-card-thumb,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type .entry-card-thumb-image,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) .entry-card-thumb-image { height:118px !important; }
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type .entry-card-title,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) .entry-card-title { padding:6px 10px !important; font-size:.9rem !important; line-height:1.35 !important; border:0 !important; }
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type .entry-card-review-meta,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) .entry-card-review-meta { height:30px !important; min-height:30px !important; padding:3px 8px !important; font-size:.7rem !important; }
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type .entry-card-stars,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) .entry-card-stars { letter-spacing:0 !important; }
  body.home.ringochan-mode.mobile-review-index #main #list { gap:6px !important; }
}
/* スマホ: 実コンテンツ高で詰めた横型カード */
@media (max-width:1100px) {
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type > article.entry-card,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) > article.entry-card { display:grid !important; grid-template-columns:28% 72% !important; grid-template-rows:auto auto !important; align-content:center !important; height:96px !important; min-height:96px !important; }
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type .entry-card-thumb,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) .entry-card-thumb,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type .entry-card-thumb-image,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) .entry-card-thumb-image { grid-row:1 / 3 !important; height:94px !important; }
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type .entry-card-title,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) .entry-card-title { grid-row:1 !important; align-self:end !important; height:auto !important; min-height:0 !important; padding:5px 8px 2px !important; font-size:.86rem !important; line-height:1.35 !important; }
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type .entry-card-review-meta,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) .entry-card-review-meta { grid-row:2 !important; align-self:start !important; height:24px !important; min-height:24px !important; padding:2px 8px 4px !important; font-size:.68rem !important; }
  body.home.ringochan-mode.mobile-review-index #main #list { gap:5px !important; }
}
/* スマホ: 左画像、右に品名＋星評価。評価をカード外へ出さない。 */
@media (max-width:1100px) {
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type > article.entry-card,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) > article.entry-card { display:flex !important; flex-direction:row !important; align-items:stretch !important; height:112px !important; min-height:112px !important; }
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type .entry-card-thumb,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) .entry-card-thumb { flex:0 0 28% !important; width:28% !important; height:110px !important; }
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:first-of-type .entry-card-thumb-image,
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap:not(:first-of-type) .entry-card-thumb-image { width:100% !important; height:110px !important; }
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap .entry-card-info-stack { display:flex !important; flex:1 1 auto !important; flex-direction:column !important; min-width:0 !important; height:110px !important; }
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap .entry-card-info-stack .entry-card-title { display:flex !important; flex:1 1 auto !important; align-items:center !important; width:100% !important; height:auto !important; min-height:0 !important; padding:6px 9px 3px !important; overflow:hidden !important; font-size:.86rem !important; line-height:1.35 !important; }
  body.home.ringochan-mode.mobile-review-index #main #list > .entry-card-wrap .entry-card-info-stack .entry-card-review-meta { display:flex !important; flex:0 0 27px !important; align-items:center !important; justify-content:space-between !important; width:100% !important; height:27px !important; min-height:27px !important; padding:2px 8px 4px !important; overflow:visible !important; font-size:.68rem !important; }
}