/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}










/* =====================================================
--------------------------------------------------------
ランキング（TOP） & あなたにおすすめの物件（共通）
--------------------------------------------------------
===================================================== */
/* {{-- yonezawa 20251029 チェックFB No.54, 168, 293 --}} */
/* {{-- slickのカードが375px以下でも縦伸びしないよう幅を固定 --}} */
/* {{-- 親の .slick-track はカードの枚数に合わせて調整（MAX 20枚） --}} */
:root {
    /* カードの幅 */
    --list_width: 0;
    /* リストの高さ */
    --min_height: 0;
    /* カード枚数 */
    --count: 0;
    /* translateの値の計算用 */
    --index: 0;
}

/* カード幅と最小の高さを指定（規定値を変えたかったらここを変更する） */
.method-ranking {
    --list_width: 150px;
    --min_height: 250px;
}

.recommend-cassette {
    --list_width: 148px;
    --min_height: 225px;
}

@media screen and (min-width: 1024px) {
    .method-ranking {
        --min_height: 247px;
    }
}

/* カード数に応じて変数の値を変更（1枚～最大20枚／枚数が増えたら21.22...と増やす） */
.method-ranking .slick-track:has(> li:nth-child(1)),
.recommend-cassette .slick-track:has(> li:nth-child(1)) {
    --count: 1;
}

.method-ranking .slick-track:has(> li:nth-child(2)),
.recommend-cassette .slick-track:has(> li:nth-child(2)) {
    --count: 2;
}

.method-ranking .slick-track:has(> li:nth-child(3)),
.recommend-cassette .slick-track:has(> li:nth-child(3)) {
    --count: 3;
}

.method-ranking .slick-track:has(> li:nth-child(4)),
.recommend-cassette .slick-track:has(> li:nth-child(4)) {
    --count: 4;
}

.method-ranking .slick-track:has(> li:nth-child(5)),
.recommend-cassette .slick-track:has(> li:nth-child(5)) {
    --count: 5;
}

.method-ranking .slick-track:has(> li:nth-child(6)),
.recommend-cassette .slick-track:has(> li:nth-child(6)) {
    --count: 6;
}

.method-ranking .slick-track:has(> li:nth-child(7)),
.recommend-cassette .slick-track:has(> li:nth-child(7)) {
    --count: 7;
}

.method-ranking .slick-track:has(> li:nth-child(8)),
.recommend-cassette .slick-track:has(> li:nth-child(8)) {
    --count: 8;
}

.method-ranking .slick-track:has(> li:nth-child(9)),
.recommend-cassette .slick-track:has(> li:nth-child(9)) {
    --count: 9;
}

.method-ranking .slick-track:has(> li:nth-child(10)),
.recommend-cassette .slick-track:has(> li:nth-child(10)) {
    --count: 10;
}

.method-ranking .slick-track:has(> li:nth-child(11)),
.recommend-cassette .slick-track:has(> li:nth-child(11)) {
    --count: 11;
}

.method-ranking .slick-track:has(> li:nth-child(12)),
.recommend-cassette .slick-track:has(> li:nth-child(12)) {
    --count: 12;
}

.method-ranking .slick-track:has(> li:nth-child(13)),
.recommend-cassette .slick-track:has(> li:nth-child(13)) {
    --count: 13;
}

.method-ranking .slick-track:has(> li:nth-child(14)),
.recommend-cassette .slick-track:has(> li:nth-child(14)) {
    --count: 14;
}

.method-ranking .slick-track:has(> li:nth-child(15)),
.recommend-cassette .slick-track:has(> li:nth-child(15)) {
    --count: 15;
}

.method-ranking .slick-track:has(> li:nth-child(16)),
.recommend-cassette .slick-track:has(> li:nth-child(16)) {
    --count: 16;
}

.method-ranking .slick-track:has(> li:nth-child(17)),
.recommend-cassette .slick-track:has(> li:nth-child(17)) {
    --count: 17;
}

.method-ranking .slick-track:has(> li:nth-child(18)),
.recommend-cassette .slick-track:has(> li:nth-child(18)) {
    --count: 18;
}

.method-ranking .slick-track:has(> li:nth-child(19)),
.recommend-cassette .slick-track:has(> li:nth-child(19)) {
    --count: 19;
}

.method-ranking .slick-track:has(> li:nth-child(20)),
.recommend-cassette .slick-track:has(> li:nth-child(20)) {
    --count: 20;
}

/* カード枚数に応じた親要素の幅を計算 */
.method-ranking .slick-track,
.recommend-cassette .slick-track {
    /* 計算式 : カード幅 * 枚数 + 余白サイズ * カード枚数  */
    min-width: calc(var(--list_width) * var(--count) + 16px * var(--count) ) !important;
}

/* カレントカードに応じたtranslateの値の書き換え（1枚～最大20枚／枚数が増えたら21.22...と増やす） */
.method-ranking .slick-track:has(> .slick-current[data-slick-index="0"]),
.recommend-cassette .slick-track:has(> .slick-current[data-slick-index="0"]) {
    --index: 0;
    transform: translate3d(calc(var(--list_width) * var(--index) + 16px * var(--index)), 0, 0) !important;
}

.method-ranking .slick-track:has(> .slick-current[data-slick-index="1"]),
.recommend-cassette .slick-track:has(> .slick-current[data-slick-index="1"]) {
    --index: -1;
    transform: translate3d(calc(var(--list_width) * var(--index) + 16px * var(--index)), 0, 0) !important;
}

.method-ranking .slick-track:has(> .slick-current[data-slick-index="2"]),
.recommend-cassette .slick-track:has(> .slick-current[data-slick-index="2"]) {
    --index: -2;
    transform: translate3d(calc(var(--list_width) * var(--index) + 16px * var(--index)), 0, 0) !important;
}

.method-ranking .slick-track:has(> .slick-current[data-slick-index="3"]),
.recommend-cassette .slick-track:has(> .slick-current[data-slick-index="3"]) {
    --index: -3;
    transform: translate3d(calc(var(--list_width) * var(--index) + 16px * var(--index)), 0, 0) !important;
}

.method-ranking .slick-track:has(> .slick-current[data-slick-index="4"]),
.recommend-cassette .slick-track:has(> .slick-current[data-slick-index="4"]) {
    --index: -4;
    transform: translate3d(calc(var(--list_width) * var(--index) + 16px * var(--index)), 0, 0) !important;
}

.method-ranking .slick-track:has(> .slick-current[data-slick-index="5"]),
.recommend-cassette .slick-track:has(> .slick-current[data-slick-index="5"]) {
    --index: -5;
    transform: translate3d(calc(var(--list_width) * var(--index) + 16px * var(--index)), 0, 0) !important;
}

.method-ranking .slick-track:has(> .slick-current[data-slick-index="6"]),
.recommend-cassette .slick-track:has(> .slick-current[data-slick-index="6"]) {
    --index: -6;
    transform: translate3d(calc(var(--list_width) * var(--index) + 16px * var(--index)), 0, 0) !important;
}

.method-ranking .slick-track:has(> .slick-current[data-slick-index="7"]),
.recommend-cassette .slick-track:has(> .slick-current[data-slick-index="7"]) {
    --index: -7;
    transform: translate3d(calc(var(--list_width) * var(--index) + 16px * var(--index)), 0, 0) !important;
}

.method-ranking .slick-track:has(> .slick-current[data-slick-index="8"]),
.recommend-cassette .slick-track:has(> .slick-current[data-slick-index="8"]) {
    --index: -8;
    transform: translate3d(calc(var(--list_width) * var(--index) + 16px * var(--index)), 0, 0) !important;
}

.recommend-cassette .slick-track:has(> .slick-current[data-slick-index="9"]) {
    --index: -9;
    transform: translate3d(calc(var(--list_width) * var(--index) + 16px * var(--index)), 0, 0) !important;
}

.recommend-cassette .slick-track:has(> .slick-current[data-slick-index="10"]) {
    --index: -10;
    transform: translate3d(calc(var(--list_width) * var(--index) + 16px * var(--index)), 0, 0) !important;
}

.recommend-cassette .slick-track:has(> .slick-current[data-slick-index="11"]) {
    --index: -11;
    transform: translate3d(calc(var(--list_width) * var(--index) + 16px * var(--index)), 0, 0) !important;
}

.recommend-cassette .slick-track:has(> .slick-current[data-slick-index="12"]) {
    --index: -12;
    transform: translate3d(calc(var(--list_width) * var(--index) + 16px * var(--index)), 0, 0) !important;
}

.recommend-cassette .slick-track:has(> .slick-current[data-slick-index="13"]) {
    --index: -13;
    transform: translate3d(calc(var(--list_width) * var(--index) + 16px * var(--index)), 0, 0) !important;
}

.recommend-cassette .slick-track:has(> .slick-current[data-slick-index="14"]) {
    --index: -14;
    transform: translate3d(calc(var(--list_width) * var(--index) + 16px * var(--index)), 0, 0) !important;
}

.recommend-cassette .slick-track:has(> .slick-current[data-slick-index="15"]) {
    --index: -15;
    transform: translate3d(calc(var(--list_width) * var(--index) + 16px * var(--index)), 0, 0) !important;
}

.recommend-cassette .slick-track:has(> .slick-current[data-slick-index="16"]) {
    --index: -16;
    transform: translate3d(calc(var(--list_width) * var(--index) + 16px * var(--index)), 0, 0) !important;
}

.recommend-cassette .slick-track:has(> .slick-current[data-slick-index="17"]) {
    --index: -17;
    transform: translate3d(calc(var(--list_width) * var(--index) + 16px * var(--index)), 0, 0) !important;
}

.recommend-cassette .slick-track:has(> .slick-current[data-slick-index="18"]) {
    --index: -18;
    transform: translate3d(calc(var(--list_width) * var(--index) + 16px * var(--index)), 0, 0) !important;
}

.recommend-cassette .slick-track:has(> .slick-current[data-slick-index="19"]) {
    --index: -19;
    transform: translate3d(calc(var(--list_width) * var(--index) + 16px * var(--index)), 0, 0) !important;
}

.recommend-cassette .slick-track:has(> .slick-current[data-slick-index="20"]) {
    --index: -20;
    transform: translate3d(calc(var(--list_width) * var(--index) + 16px * var(--index)), 0, 0) !important;
}

/* カードの幅を設定 */
.method-ranking .slick-slide,
.recommend-cassette .slick-slide {
    min-width: var(--list_width);
    max-width: var(--list_width);
}

/* リストの最小の高さを設定 */
.method-ranking .method-ranking_cassette ol,
.method-ranking .method-ranking_cassette ul,
.recommend-cassette ul {
    min-height: var(--min_height);
}




/* =====================================================
--------------------------------------------------------
ランキング（TOP） ※ 修正内容のみ
--------------------------------------------------------
===================================================== */
.method-ranking .slick-track {
    margin: 0;
}

/* {{-- yonezawa 20251023 「あなたが最近見た物件からのオススメ」にも適応させるためulのセレクタを追加 --}} */
.method-ranking .j_widget_wrap ul:has(> :nth-child(-n+6):last-child) .slick-track,
.method-ranking .j_widget_wrap ol:has(> :nth-child(-n+6):last-child) .slick-track{
    margin-left: 0;
}

.method-ranking .j_widget_wrap ul:has(> :nth-child(-n+6):last-child) li,
.method-ranking .j_widget_wrap ol:has(> :nth-child(-n+6):last-child) li {
    margin-right: 16px;
}

.method-ranking .slick-track .method-ranking_cassette_info {
    gap: 8px;
}

.method-ranking .method-ranking_cassette_madori {
    margin: 0;
}

.method-ranking .method-ranking_cassette_price span {
    display: inline-flex;
    white-space: nowrap;
}







/* =====================================================
--------------------------------------------------------
あなたにおすすめの物件（共通）
--------------------------------------------------------
===================================================== */

.has-recommend.u--inner .j_widget_wrap .slick-track {
    margin: 0;
}

.has-recommend.u--inner .j_widget_wrap .slick-track a {
    width: 100%;
}

.has-recommend.u--inner .j_widget_wrap li:only-child,
.has-recommend.u--inner .j_widget_wrap ol:has(> :nth-child(-n+6):last-child) li,
.has-recommend.u--inner .j_widget_wrap ul:has(> :nth-child(-n+6):last-child) li {
    margin-right: 16px;
}

.has-recommend .recommend-cassette_price {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    line-height: 1;
}

.has-recommend .recommend-cassette_price span {
    translate: 0 calc(1em / 12);
}

.has-recommend.u--inner:has(> .j_widget_wrap) {
    padding: 16px;
}

.has-recommend > .j_widget_wrap {
	padding: 0 0 16px;
}

.has-recommend > .j_widget_wrap:last-of-type {
    padding: 0;
}

.has-recommend:has(> .j_widget_wrap) > .recommended-properties {
    margin-bottom: 16px;
	font-size: 18px;
	font-weight: bold;
}

.has-recommend > .j_widget_wrap .other-properties {
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: bold;
}

/* 建物のみhタグ仕様 */
.has-recommend .j_widget_wrap .recommend-cassette_madori {
	order: 1;
}

.has-recommend .j_widget_wrap .recommend-cassette_price {
	order: 2;
}

.has-recommend .j_widget_wrap .recommend-cassette_info > p:not([class]) {
	order: 3;
}

.has-recommend .j_widget_wrap .recommend-cassette_date {
	order: 4;
}

@media screen and (min-width: 1024px) {
    .has-recommend.u--inner:has(> .j_widget_wrap) {
        padding: 32px 0;
    }
	.has-recommend > .j_widget_wrap {
		padding: 0 0 24px;
	}
	.has-recommend > .j_widget_wrap:has(.head02-detail) {
		padding-bottom: 64px;
	}
	.has-recommend:has(> .j_widget_wrap) > .recommended-properties {
		font-size: 20px;
	}
    
    .has-recommend:has(> .j_widget_wrap) > h2.recommended-properties {
        margin-bottom: 1em;
        font-size: 24px;
    }
	.has-recommend > .j_widget_wrap  .other-properties {
		font-size: 18px;
		margin: 0 0 16px;
	}
}



/***********************/
/* 以下は必要か確認する */
/**********************/
/* .recommend-cassette:not(:last-of-type) {
	margin-bottom: 32px !important;
}

main:has(.selectshop) .j_widget_wrap > p {
	margin-bottom: 16px;
	font-size: 16px;
	font-weight: bold;
} */

/* @media screen and (min-width:1024px) {
	.recommend-cassette:not(:last-of-type) {
		margin-bottom: 64px !important;
	}
	main:has(.selectshop) .j_widget_wrap > p {
		font-size: 18px;
	}
} */