@charset "utf-8";
/**
 * Fudou Bukken Block Slider Plugin
 * Version: 7.0.0
 */


/**
 * スライダー
-------------------------------------------------------------- */



/* ナビゲーションボタンカラー */
:root {
/*
	--swiper-navigation-color: #ccc;
	--swiper-pagination-color: #ccc;
 */
}


.wp-block-fudou-bukken-slider .swiper-container,
.wp-block-fudou-block-slider .swiper-container {
	position: relative;
	overflow: hidden;
}

/* ページネーション 位置 */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
/*	bottom: -8px !important; */
}


/*フェードイン*/
.wp-block-fudou-bukken-slider,
.wp-block-fudou-block-slider {
	opacity: 0;
	animation-name: fadein-slider;
	animation-duration: 3s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}
@keyframes fadein-slider {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


/**
 * ブロックスライダー
-------------------------------------------------------------- */
div.wp-block-fudou-block-slider div.swiper-wrapper > figure.wp-block-image,
div.wp-block-fudou-block-slider div.swiper-wrapper > div.wp-block-cover,
div.wp-block-fudou-block-slider div.swiper-wrapper > div.wp-block-group {
	overflow: hidden;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-left: 0 !important;
	box-sizing: border-box;
	max-width: none !important;
	padding: 0;
}


div.wp-block-fudou-block-slider div.swiper-wrapper{
	height: auto;
}


div.wp-block-fudou-block-slider div.wp-block-group__inner-container > figure{
	margin-top: 0 !important;
/*	margin-bottom: 0 !important; */
}


/* figure img */
div.wp-block-fudou-block-slider div.swiper-wrapper figure.wp-block-image img{
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	object-fit: cover;
}


/* group */
div.wp-block-fudou-block-slider div.swiper-wrapper > div.wp-block-group > * ,
div.wp-block-fudou-block-slider div.swiper-wrapper > div.wp-block-group > * > *{
	max-width: none !important;
	margin: 0;
}

/* group > iframe */
div.wp-block-fudou-block-slider div.swiper-wrapper > div.wp-block-group iframe {
	width: 100% !important;
	height: 100% !important;
}
/* group > gallery */
div.wp-block-fudou-block-slider div.swiper-wrapper > div.wp-block-group figcaption.blocks-gallery-caption,
div.wp-block-fudou-block-slider div.swiper-wrapper > div.wp-block-group .blocks-gallery-grid .blocks-gallery-image:last-child,
div.wp-block-fudou-block-slider div.swiper-wrapper > div.wp-block-group .blocks-gallery-grid .blocks-gallery-item:last-child,
div.wp-block-fudou-block-slider div.swiper-wrapper > div.wp-block-group .wp-block-gallery .blocks-gallery-image:last-child,
div.wp-block-fudou-block-slider div.swiper-wrapper > div.wp-block-group .wp-block-gallery .blocks-gallery-item:last-child,
div.wp-block-fudou-block-slider div.swiper-wrapper > div.wp-block-group .wp-block-gallery ul{
	margin-bottom: 0;
}

/* v6.1.0 Fix */
div.wp-block-fudou-block-slider div.wp-block-group figure.wp-block-gallery{
	display: flex;
	flex-wrap: wrap;

	--wp--style--unstable-gallery-gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );
}
div.wp-block-fudou-block-slider div.swiper-wrapper > div.wp-block-group .wp-block-gallery ul{
	max-width: 100% !important;
	margin: 0;
	padding: 0;
}


/* cover */
div.wp-block-fudou-block-slider div.swiper-wrapper > div.wp-block-cover img{
	width: 100%;
}

/* キャプション */
div.wp-block-fudou-block-slider div.swiper-wrapper > figure img {
	position: relative;
}
div.wp-block-fudou-block-slider div.swiper-wrapper > figure.wp-block-image figcaption {
	position: absolute;
	bottom: 0;
	background-color: rgba(56, 56, 56, 0.84);
	color: #fff !important;
	width: 100%;
	margin: 0 !important;
	padding: 20px;
	box-sizing: border-box;
}



/* fudou-shortcode Fix */
div.wp-block-fudou-block-slider div.wp-block-fudou-shortcode ul.grid-content-s1 li:last-child,
div.wp-block-fudou-block-slider div.wp-block-fudou-shortcode ul.grid-content-s2 li:last-child,
div.wp-block-fudou-block-slider div.wp-block-fudou-shortcode ul.grid-content-s2 li:nth-last-child(2),
div.wp-block-fudou-block-slider div.wp-block-fudou-shortcode ul.grid-content-s3 li,
div.wp-block-fudou-block-slider div.wp-block-fudou-shortcode ul.grid-content-s li,
div.wp-block-fudou-block-slider div.wp-block-fudou-shortcode ul{
	margin-bottom: 0 !important;
}

/* No Item */
div.wp-block-fudou-bukken-slider .components-placeholder {
	box-sizing: border-box;
	position: relative;
	padding: 1em;
	min-height: 200px;
	width: 100%;
	text-align: left;
	margin: 0;
	color: #1e1e1e;
	-moz-font-smoothing: subpixel-antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
	border-radius: 2px;
	background-color: #fff;
	box-shadow: inset 0 0 0 1px #1e1e1e;
	outline: 1px solid transparent;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}





/**
 * 物件スライダー カバーテンプレート
-------------------------------------------------------------- */
/* bukken-slider */
div.wp-block-fudou-bukken-slider div.wp-block-cover{
	padding: 40px;
	max-width: none !important;
	margin: 0;
	align-items: flex-start;
}
div.wp-block-fudou-bukken-slider div.wp-block-cover,
div.wp-block-fudou-bukken-slider div.wp-block-cover-image{
    background-color: unset;
}


div.wp-block-fudou-bukken-slider div.wp-block-cover p{
	margin: 0 !important;
}

/*  top_excerpt_s top_title_s top_price_s top_madori_s top_menseki_s top_shozaichi_s top_kotsu_s */
div.wp-block-fudou-bukken-slider .top_title_s,
div.wp-block-fudou-bukken-slider .top_excerpt_s,
div.wp-block-fudou-bukken-slider .top_shozaichi_s,
div.wp-block-fudou-bukken-slider .top_kotsu_s{
	display: block;
}
div.wp-block-fudou-bukken-slider .top_title_s{
	font-size: 1.1em !important;
}
div.wp-block-fudou-bukken-slider .top_price_s{
	color: #ff7373;
	font-weight: bold;
	font-family: Verdana,Geneva,sans-serif;
}

div.wp-block-fudou-bukken-slider .top_excerpt_s{
	font-size: 0.8em;
}



div.wp-block-fudou-bukken-slider .wp-block-cover__inner-container{
	width: 30%;
	background:rgba(0,0,0,0.6);
	padding: 20px;
	line-height: initial;
}
div.wp-block-fudou-bukken-slider .wp-block-cover__inner-container p{
	font-size: inherit !important;
	line-height: unset  !important;
}

/* お気に入り */
div.wp-block-fudou-bukken-slider .wp-block-cover__inner-container .fudou_favorite2 {
    position: relative;
    float: right;
    margin: 3px 0 0 0!important;
}

/* button */
div.wp-block-fudou-bukken-slider .wp-block-cover__inner-container .wp-block-button {
	margin-top: 1em;
	margin-bottom: 0;
}
div.wp-block-fudou-bukken-slider .wp-block-cover__inner-container .wp-block-button__link {
	margin: 0 !important;
	padding: 0.5em;
}
div.wp-block-fudou-bukken-slider .wp-block-cover__inner-container .wp-block-button .wp-block-button__link:hover{
	background-color: transparent;
	border-color: currentColor;
	color: inherit;
	outline-offset: -6px;
	outline: 2px solid #ffffff;
	text-decoration: none;
}
div.wp-block-fudou-bukken-slider .wp-block-cover__inner-container .wp-block-button .wp-block-button__link{
	box-shadow: none;
	background-color: #32373c;
}


/* No Item */
div.fudou_block_slider.components-placeholder {
	box-sizing: border-box;
	position: relative;
	padding: 1em;
	min-height: 200px;
	width: 100%;
	text-align: left;
	margin: 0;
	color: #1e1e1e;
	-moz-font-smoothing: subpixel-antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
	border-radius: 2px;
	background-color: #fff;
	box-shadow: inset 0 0 0 1px #1e1e1e;
	outline: 1px solid transparent;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}



/* kaiin */
div.wp-block-fudou-bukken-slider .wp-block-cover__inner-container .sbutton,
div.wp-block-fudou-bukken-slider .wp-block-cover__inner-container .sbutton_jp{
	font-size: inherit;
	padding: 1px 4px;
}

/* NEW UP */
div.wp-block-fudou-bukken-slider .up_mark,
div.wp-block-fudou-bukken-slider .new_mark{
	background: #900 none repeat scroll 0 0;
	color: #fff;
	display: block;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 20px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	left: 0;
	top: 0;
	bottom: auto;
	z-index: 2;
	max-width: 6em;
	line-height: initial;
	width: auto;
}





/* 物件スライダー メディアとテキスト テンプレート
-------------------------------------------------------------- */
div.wp-block-fudou-bukken-slider div.swiper-wrapper > div.wp-block-media-text {
	overflow: hidden;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-left: 0 !important;
	box-sizing: border-box;
	max-width: none !important;

	direction: ltr;
	display: grid;
	grid-template-columns: 50% 1fr;
	grid-template-rows: auto;
	height: auto !important;

	/*border: 1px solid var(--fudou--widget-border-color);*/
	border: 1px solid #ddd;
	padding: 10px;
}

/* unpc-bt */
body.unpc-bt div.wp-block-fudou-bukken-slider div.swiper-wrapper > div.wp-block-media-text {
	padding: 0;
}


div.wp-block-fudou-bukken-slider div.swiper-wrapper > .wp-block-media-text >.wp-block-media-text__media {
    height: auto;
    position: relative;
    align-self: unset;
    margin: 0;
}

div.wp-block-fudou-bukken-slider div.swiper-wrapper > .wp-block-media-text figure {
}

div.wp-block-fudou-bukken-slider div.swiper-wrapper > .wp-block-media-text img {
	object-fit: cover;
	height: 100%;
}

div.wp-block-fudou-bukken-slider div.swiper-wrapper > .wp-block-media-text > .wp-block-media-text__content {
    direction: ltr;
    grid-column: 2;
    grid-row: 1;
    padding: 10px 10px 10px 20px;
    word-break: break-word;
    line-height: 1.6;
}

/* ボタン */
div.wp-block-fudou-bukken-slider div.swiper-wrapper > .wp-block-media-text .wp-block-button__link{
	border: 1px solid #ddd;
	border-radius:0px;
	padding: 0.5em;;
	margin: 10px 0 0;
	background-color: #fff;
	color: initial;
}


/* お気に入り */
div.wp-block-fudou-bukken-slider div.swiper-wrapper > .wp-block-media-text .fudou_favorite2 {
    position: relative;
    float: right;
    margin: 3px !important;
}


div.wp-block-fudou-bukken-slider div.swiper-wrapper > .wp-block-media-text .fudou_add_favorite_button2:before,
div.wp-block-fudou-bukken-slider div.swiper-wrapper > .wp-block-media-text .fudou_add_favorite_button:before {

    width: auto;
    height: auto;
    font-size: inherit;
}





/* 物件スライダー トップ物件表示 テンプレート
-------------------------------------------------------------- */
div.top_bukken_style{
	position: relative;
	margin: 0;
	padding: 0;
	height: auto !important;
}

div.top_bukken_style{
	color: #000;
	background-color: #fff;
	/*border: 1px solid var(--fudou--widget-border-color);*/
	border: 1px solid #ddd;
	display: block;
	float: left;
	line-height: 1.5;
	list-style-type: none;
	margin: 0 0 1px;;
	padding: 9.5px !important;
	position: relative;
	box-sizing: border-box;
}


div.top_inner {
    width: 100%;
}



/*
div.top_bukken_style{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
*/

/* 画像幅 */
div.top_bukken_style .box1image {
	width: 100%;
	height: auto;

	aspect-ratio: 4/3;
	object-fit: cover;
}

/* NEW UP マーク */
div.top_bukken_style .up_mark,
div.top_bukken_style .new_mark {
	font-family: Verdana,Geneva,sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	display: block;
	padding: 2px 5px;
	position: absolute;

	left: 9.5px;
	top: 9.5px;
	bottom: auto;
	min-width: 28px;
	z-index: 2;

	background: #900 none repeat scroll 0 0;
}




/* unpc-bt */
body.unpc-bt div.top_bukken_style{
	padding: 0 !important;
}

body.unpc-bt div.top_inner {
    padding: 0 10px;
    width: 100%;
}

body.unpc-bt div.top_bukken_style div.top_r_footer {
    padding: 0 10px;
}
body.unpc-bt div.top_bukken_style div.top_r_footer {
    height: calc(1em + 40px);
}

body.unpc-bt div.top_bukken_style span.box1low {
    position: absolute;
    display: block;
    text-align: center;
    border-radius: 3px;
    float: none !important;
    bottom: 9.5px;
    width: calc(100% - 21px);
    letter-spacing: 0.09em;
    padding: 3px;
    border: 1px solid var(--fudou--widget-border-color);
    /* background-color: #1a1a1a; */
}

body.unpc-bt div.top_bukken_style{
/*
    border: none;
    box-shadow: var(--fudou--box-shadow-color);
*/
}

/* お気に入り */
body.unpc-bt div.top_bukken_style .fudou_favorite2 {
/*
    position: relative;
    float: right;
    margin: 0 12px !important;
*/
}

body.unpc-bt div.top_bukken_style .up_mark,
body.unpc-bt div.top_bukken_style .new_mark {
	left: 0 !important;
	top: 0 !important;
	font-size: 14px !important;
	padding: 2px 5px !important;
}

body.unpc-bt div.top_bukken_style span.fudo_kaiin_type_logo {
    position: absolute;
    top: 0 !important;
    right: 0 !important;
}
/* unpc-bt */




/**
 * 物件詳細画像スライダー
-------------------------------------------------------------- */
#single_fudou_slider{
	margin-bottom: 3rem;
}

/* スライダーナビ */
#single_fudou_slider .single_nav_slider {
	box-sizing: border-box;
	padding: 10px 0;
}
#single_fudou_slider .single_nav_slider .swiper-slide {
	opacity: 0.4;
}
#single_fudou_slider .single_nav_slider .swiper-slide-thumb-active {
	opacity: 1;
}
#single_fudou_slider .single_nav_slider figure img{
	aspect-ratio: 1;
	height: auto;
}


/* スライド枠 */
#single_fudou_slider .single_main_slider figure{
	width: 100%;
	text-align: center;

	/*
	4/3 (スタンダード)
	16/9 (ワイド)
	16/10 (WXGA)
	2.35/1 (シネスコ)
	*/
	aspect-ratio: 16 / 9;
}

/* 飾り消去 */
#single_fudou_slider img{
	border: none !important;
	box-shadow: none !important;
}

/* スライド画像 フィット */
#single_fudou_slider .single_main_slider figure img{
	width: 100%;
	height: 100% !important;
	/*height: calc( 100% - 56px) !important; */
	object-fit: cover;
}

/* スライド画像 間取り 縦画像 外部画像 */
#single_fudou_slider .single_main_slider figure.gaibu_url img,
#single_fudou_slider .single_main_slider figure.tate img,
#single_fudou_slider .single_main_slider figure.imgid_1 img{
	width: auto !important;
	height: calc( 100% - 56px) !important;
	object-fit: unset !important;
	aspect-ratio: unset !important;
}

/* スライド画像 figcaption */
#single_fudou_slider .single_main_slider figure figcaption{
	padding: 15px;
}

/* ※メインスライド画像クリックで拡大画像が表示されます。 */
#single_fudou_slider .img_conent_comment{
	text-align: right;
	font-size: 14px;
	margin-top: 10px;
}




/**
 * other Theme Fix
-------------------------------------------------------------- */

/*div.wp-block-fudou-bukken-slider .swiper-slide:not(.top_bukken_style) span:not(.up_mark):not(.new_mark){
	position: static;
	font-size: inherit;
	width: auto;
} 
*/
/*
div.wp-block-fudou-bukken-slider .swiper-slide div{
	position: relative;
}
*/

/* swiper-button Fix */
body.kogmaga .swiper-button-next:after,
body.kogmaga .swiper-button-prev:after,
body.fade .swiper-button-next:after,
body.fade .swiper-button-prev:after,
body.kogma .swiper-button-next:after,
body.kogma .swiper-button-prev:after,
body.market .swiper-button-next:after,
body.market .swiper-button-prev:after,
body.lightone .swiper-button-next:after,
body.lightone .swiper-button-prev:after,
body.light2 .swiper-button-next:after,
body.light2 .swiper-button-prev:after,
body.light3 .swiper-button-next:after,
body.light3 .swiper-button-prev:after,
body.ctive .swiper-button-next:after,
body.ctive .swiper-button-prev:after,
body.hachimarket .swiper-button-next:after,
body.hachimarket .swiper-button-prev:after,
body.hachi .swiper-button-next:after,
body.hachi .swiper-button-prev:after{
	content: '';
}

/*
body.gs-seven-panorama360 #content img,
body:not(.archive-fudo).sheepblue #content img{
	height: auto;
	width: 100%;
}
*/

body.light3 div.wp-block-fudou-block-slider .swiper-container,
body.light2 div.wp-block-fudou-block-slider .swiper-container,
body.kogmaga div.wp-block-fudou-block-slider .swiper-container,
body.ctive div.wp-block-fudou-block-slider .swiper-container,
body.market div.wp-block-fudou-block-slider .swiper-container,
body.fade div.wp-block-fudou-block-slider .swiper-container {
	line-height: inherit;
}


body.light3 div.wp-block-fudou-block-slider img,
body.ctive div.wp-block-fudou-block-slider img{
	max-height: unset !important;
}

body.market div.wp-block-fudou-block-slider div.swiper-wrapper > div.wp-block-group p {
	margin: 0;
}


body.gs-seven-panorama360 figure.wp-block-gallery img,
body.sheepblue figure.wp-block-gallery img{
	max-width: 100% !important;
}

body.gs-seven-panorama360 .wp-block-fudou-bukken-slider img{
	width: 100% !important;;
}


body.gs-seven-panorama360 figure.wp-block-gallery ul li,
body.sheepblue figure.wp-block-gallery ul li{
	margin: 0 !important;
}


body.twentytwelve  div.wp-block-fudou-bukken-slider .wp-block-button .wp-block-button__link{
	background-image: none !important;
	background-color: #32373c;
}


/* Estate Hub Fix v6.8.0 
-------------------------------------------------------------- */

body.single-fudo.wp-theme-estate-hub .swiper-horizontal>.swiper-pagination-bullets,
body.single-fudo.wp-theme-estate-hub .swiper-pagination-bullets.swiper-pagination-horizontal,
body.single-fudo.wp-theme-estate-hub .swiper-pagination-custom,
body.single-fudo.wp-theme-estate-hub .swiper-pagination-fraction {
	bottom: unset;
	width: auto;
}

body.single-fudo.wp-theme-estate-hub .swiper-button-next,
body.single-fudo.wp-theme-estate-hub .swiper-button-prev{
	top: initial;
	width: auto;
	color: initial;
}
body.single-fudo.wp-theme-estate-hub .swiper-button-prev{
	left: initial;
}
body.single-fudo.wp-theme-estate-hub .swiper-button-next{
	right: initial;
}
