/* ----------------------------------------

ランキング

---------------------------------------- */

.rankBOX {
	margin-bottom: 40px;
}
h3.rankingTITLE   {
/* ゴールドから、鮮やかな赤色グラデーションに変更 */
    background: linear-gradient(135deg, #ff416c 0%, #ff4b2b 100%) !important;
    
    padding: 10px 25px;
    line-height: 1.5;
    font-size: clamp(1.8rem, 2vw, 2.4rem);
    color: #fff;
    font-weight: 600;
    margin-bottom: 20px;
    
    /* 枠線の色も赤に合わせるか、すっきりさせる */
    border: 2px solid #ffb199 !important;
    
    box-sizing: border-box;
    font-family: "Zen Maru Gothic", sans-serif;
    border-radius: 6px;
    
    /* ポップな立体感を出すためのシャドウ */
    box-shadow: 0 4px 10px rgba(255, 65, 108, 0.3);
}

h3.rankingTITLE i   {
	color:#d1a13b;
	margin-right: 10px;
}

.subPAGE .rankinglist .rank {
	position: absolute;
	width: 60px;
	top:-40px;
	left: 0px;
	z-index: 1;
}

@media screen and (max-width: 834px) {
	

.rankBOX {
	margin-bottom: 30px;
}
h3.rankingTITLE   {
	padding: 10px 15px;
	line-height: 1.5;
	box-sizing: border-box;
	font-size: clamp(1.8rem, 2vw, 2.4rem);
	color:#fff;
	font-weight: 600;
	margin-bottom: 20px;
}

h3.rankingTITLE i   {
	color:#d1a13b;
	margin-right: 10px;
}
}