/*
Theme Name: unpc-bt
Theme URI: https://nendeb.jp/unpc-bt
Description: 不動産プラグイン用テーマベース UNPC-bt
Author: nendeb
Requires at least: 6.3
Tested up to: 6.8
Requires PHP: 7.4
Version: 6.8.1
Update URI: false
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: unpc-bt
Tags: block-theme,two-columns,full-site-editing
*/


/* 
 * Variables
-------------------------------------------------------------- */
:root {

	/* table_border_color */
	--fudou--table-border-color: #d1d1d1;
	--fudou--table-background-color: #f6f6f6;

	/* widget_border_color */
	--fudou--widget-border-color: #d1d1d1;

	/* select/input border color */
	--fudou--select-input-border-color: #d1d1d1;

	/* Submit Button color */
	--fudou--button-background-color: #1a1a1a;
	--fudou--button-text-color: #fff;
	--fudou--button-background-hover-color: #fff;
	--fudou--button-text-hover-color: #000;

	/* kakaku color */
	--fudou--bukken-kakaku-color: #a82000;

	/* new mark color */
	--fudou--new-mark-background-color: #a82000;
	/* up mark color */
	--fudou--up-mark-background-color: #a82000;

	/* box-shadowr */
	--fudou--box-shadow-color: 6px 6px 9px rgba(0, 0, 0, 0.2);

}

/* 
 * Basic
-------------------------------------------------------------- */

html {
	box-sizing: content-box;
}

/* Font smoothing. */
body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}


a,
a:active {
	text-decoration: none !important;
	color: #000;
}

a:hover,
a:focus {
	text-decoration: none !important;
	color: #aaa;
}

textarea,
select,
input{
	border: 1px solid var(--fudou--select-input-border-color);
}


* {
	box-sizing: border-box;
}


.side_2column,
input,
textarea,
select{
	font-size: 16px;
}



/* = WordPress Fix
-------------------------------------------------------------- */

	/* 6.1 Fix */
	.wp-block-gallery,
	.wp-block-gallery:not(.has-nested-images) {
		margin: 0;
	}


	/* アイキャッチ画像 整形 */
	.wp-block-post-featured-image img{
		/* シネスコ */
		aspect-ratio: 2.35 / 1;
		object-fit: cover;
	}


	/*
	 * iframe ウイジェットブロックページ Fix
	 * WordPress6.1.1
	 * unpc-bt v6.1.2
	 */
	body.logged-in.locale_user {
		background-color: #fff !important;
		color: #000;
	}

	/*
	 * iframe 投稿ページ タブレット/モバイルモード Fix
	 * WordPress6.1.1
	 * unpc-bt v6.1.2
	 */
	body.block-editor-iframe__body.post-type-fudo,
	body.block-editor-iframe__body.post-type-page,
	body.block-editor-iframe__body.post-type-post {
		background-color: #fff !important;
		color: #000;
	}


	/*
	 * oEmbed Fix
	 * WordPress6.2.0
	 * unpc-bt v6.2.0
	*/
	.wp-embedded-content{
		max-width: 840px;
		width: 100%;
	}

	/*
	 * navigation Fix
	 * WordPress6.2.0
	 * unpc-bt v6.2.0
	*/
	ul.wp-block-navigation__container ul li,
	ul.wp-block-navigation__container ul li a{
		/*color: #000 !important; */
		color: inherit !important;
		background-color: inherit !important;
	}

	/*
	 * navigation Fix
	 * WordPress6.4.0
	 * unpc-bt v6.4.0
	*/
	.wp-block-navigation ul.has-background{
		padding: 0 !important;
	}


	/*
	 * commentFix
	 * WordPress6.4.0
	 * unpc-bt v6.4.0
	*/
	.wp-block-post-comments input{
		padding: 6px;
		flex-grow: 1;
		line-height: initial;
	}
	.wp-block-post-comments input[type="submit"] {
		border-radius: 3px;
		box-sizing: border-box;
		letter-spacing: 0.09em;
		padding: 4px 10px;
		text-align: center;

		border: 1px solid #000;
		background-color: var(--fudou--button-background-color);
		color: var(--fudou--button-text-color);
	}

	.wp-block-post-comments input[type="submit"]:hover {
		background-color: var(--fudou--button-background-hover-color);
		color: var(--fudou--button-text-hover-color);
	}
	.wp-block-post-comments label{
		display: block;
	}
	.wp-block-post-comments p.comment-form-cookies-consent label{
		display: inline;
	}

	/* 
	 * 非1カラム margin-left: auto 対策
	 * 1カラムテンプレートを追加した場合は :not(.page-template-{テンプレート名}) を追加
	*/
	body:not(.post-template-single-full):not(.fudo-template-single-full-fudo):not(.page-template-page-full):not(.page-template-page-full-front-page):not(.page-template-page-full-front-page-widget) .is-layout-constrained .entry-content > *{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}



/* = 表示スタイル ヘッダー/フッター カラー
-------------------------------------------------------------- */

.wp-site-blocks > header,
.wp-site-blocks > footer{
	background-color: var(--wp--preset--color--header-footer-background,#ffffff);
	color: var(--wp--preset--color--foreground,#000000);
}

#site-header-simple h1 a,
#site-header a,
.wp-site-blocks > footer a{
	color: var(--wp--preset--color--primary,#000000);
}


#site-navigation a:hover,
#site-navigation a:focus,
#site-header-simple h1 a:hover,
#site-header-simple h1 a:focus,
#site-header a:hover,
#site-header a:focus,
.wp-site-blocks > footer a:hover,
.wp-site-blocks > footer a:focus{
	color: var(--wp--preset--color--tertiary,#AAAAAA);
}


/* = ヘッダー(Header-home/Header) 補正
-------------------------------------------------------------- */

/* マージン削除 */
#site-header:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}

#site-header-after > * {
	margin: 0;
}

#site-header-after .header_fudoumap{
	max-width: 100%;
	line-height: 0; 
}


/* 
 * ヘッダ(Header-home/Header) 639px 以下 タイトル/電話番号
 * ※タイトルの長さで調整してください。 
-------------------------------------------------------------- */
@media screen and (max-width: 639px) {

	/*段落ち無しで文字を小さくする*/
	/*
	#site-header > div .is-layout-flex,
	#site-header > div{
		flex-wrap: unset;
	}

	#site-header .wp-block-site-title,
	.tel_no{
		font-size: 16px !important;
	}

	#site-header .dashicons-phone{
		font-size: 20px !important;
		margin: -10px 0 0 !important;
	}
	*/

	/* 段落ちして左右表示 */
	#site-header .wp-block-site-logo{
		float: left;
	}

	#site-header .tel_open{
		float: right;
	}

	#site-header > div{
		display: block;
	}

	#site-header > div .is-layout-flex,
	#site-header > div{
		flex-wrap: unset;
	}

	#site-header .logo_title,
	#site-header .tel_open{
		margin: 0 0 10px 0;
	}
}


/* = ヘッダー(Header-simple) 補正
-------------------------------------------------------------- */

#site-header-simple {
	background-color: var(--wp--preset--color--header-footer-background,#ffffff);
}

#site-header-simple #site-logo-title .logo_title{
	white-space: nowrap;
}
#site-header-simple #site-logo-title .wp-block-site-logo{
	width: 64px;
}
#site-header-simple ul.wp-block-navigation__container{
	row-gap: 0;
}



/* ナビゲーション ヘッダ固定 
-------------------------------------------------------------- */
#site-navigation{
	width: 100%;
}

.nav_fixed {
	position: fixed !important;
	top: 0;
	width: 100%;
	z-index: 999;
}

/* = メイン コンテンツ部分
-------------------------------------------------------------- */

#site-content{
	/*
	 * site_content padding_top デフォルト64px(テンプレート内で指定)
	 * メニューをヘッダ固定にした場合は 補正差分
	 * function unpc_site_content_padding_top( $padding ){
	 * 	return 64;	//64px用のデフォルト
	 * }
	 * add_filter( 'unpc_site_content_padding_top', 'unpc_site_content_padding_top' ); 
	 * で js補正してください。
	 */
	/*
	padding-top: 64px !important;
	*/

	background-color: #fff !important;
	color: #000;
}

/*
#site-content a,
#site-content a:active ,
#site-content a:hover,
#site-content a:focus {
	color: #000;
}
*/

/* 2カラム */
.content_2column{
	max-width:880px;
}


/* = フッター
-------------------------------------------------------------- */
footer{
	margin-block-start: 0 !important;
}

footer .wp-block-separator {
	margin-top: 0;
}


/* = 見出し
-------------------------------------------------------------- */

h1:not(.wp-block-site-title):not(.is-style-no-deco-h){
	border-bottom: solid 3px #ccc;
	position: relative;
	margin: 0 0 40px;
	padding: 0px 0 10px 0;
}
/*
h1.wp-block-post-title{
	margin-left: 0 !important;
}
*/

h1:not(.wp-block-site-title):not(.is-style-no-deco-h):after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #000;
	bottom: -3px;
	width: 20%;
}

h2:not(.page-404):not(.is-style-no-deco-h),
h3{
	border-top: 1px dotted #CCC; 
	border-bottom: 1px dotted #CCC; 
	border-left: 3px solid #666;
	padding: 6px 0 6px 10px;

/*	margin-top: 0.83em; */
	margin-bottom: 0.83em;
}

.entry-content h3:not(.is-style-no-deco-h):before {
	content: "\025ce";	/*◎*/
	font-size: 1.4rem;
	margin: 0 0 0 -4px;
}

.entry-content h3 {
	border: none; 
	padding: 5px 0;
}


/* サイド/フッター widgetタイトル */
#footer-widget .widget h3,
#side_widget .widget h3{
	font-size: 20px;
	border-left: 3px solid #666;
	margin: 0 0 20px !important;
	padding-left: 8px;
}


/* footer h4タイトル */
#footer-widget .widget h4{
	font-size: 18px;
	margin: 0 0 5px;
}


/* カバーブロック内 タイトル
.wp-block-cover h1 ,
.wp-block-cover h2 ,
.wp-block-cover h3 {
	border: none !important; 
	margin: 0 !important;
	padding: 0 !important;
}

.wp-block-cover h3:before {
	content: '';
	font-size: inherit;
}
*/



/* = submit ボタン
-------------------------------------------------------------- */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}


input[type="submit"] {
	border-radius: 3px;
	box-sizing: border-box;
	letter-spacing: 0.09em;
	padding: 4px 10px;
	text-align: center;

	border: 1px solid #000;
	background-color: var(--fudou--button-background-color);
	color: var(--fudou--button-text-color);
}

input[type="submit"]:hover {
	background-color: var(--fudou--button-background-hover-color);
	color: var(--fudou--button-text-hover-color);
}


input[type="submit"][disabled] {
	background: #dcdcdc;
	border: 1px solid #dcdcdc;
	cursor: not-allowed;
}

input[type="submit"][disabled]:hover {
	background: #dcdcdc;
	color: var(--fudou--button-text-color);
}


/* = ぱんくず
---------------------------------------------------------------------- */

.breadcrumbs {
	margin-bottom: 20px;
	margin-block-end: 20px !important;
}

div.breadcrumbs ul {
	padding: 0;
	margin: 0;
}

div.breadcrumbs li {
	display: inline;
	font-size: 14px;
}

.breadcrumbs span.sp {
	margin: 0 10px;
}





/* = classic calendar Fix
-------------------------------------------------------------- */

#wp-calendar {
	width: calc( 100% - 1px );
}

#wp-calendar caption {
	padding: 0 0 4px 0;
	text-align: center;
}

.widget_calendar tbody a {
	background-color: #007acc;
	color: #fff;
	display: block;
	font-weight: 700;
}

#wp-calendar tbody th ,
#wp-calendar tbody td {
	border: 1px solid #e2e4e7;
	padding: 4px;
	text-align: center;
}

#wp-calendar tbody .pad {
	background: none;
}

.wp-calendar-nav {
	text-align: center;
}


/* ios Fix
-------------------------------------------------------------- */
input,
select{
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	box-sizing: border-box;
	cursor: pointer;

}



/* dark mode */
/*
@media (prefers-color-scheme: dark) {

	body,
	input,
	textarea,
	select option,
	#site-content {
		background-color: #28303d !important;
		color: #f0f0f0;
	}
	select,
	input,
	a:not(.site-navigation) {
		color: #f0f0f0;
	}

	.fudou_add_favorite_button2:before,
	.fudou_add_favorite_button:before{
		color: #aaa;
	}

	#site-content a,
	#site-content a:hover,
	#site-content a:focus,
	#site-content a:active{
		color: #f0f0f0 !important;
	}

	#site-navigation{
		background-color: #1a1a1a !important;
	}
	.wp-block-navigation-link a{
		color: #f0f0f0 !important;
	}

	.wp-block-navigation__submenu-container .wp-block-navigation-item,
	.wp-block-navigation__submenu-container{
		background-color: #28303d !important;
	}




	.wp-site-blocks > header,
	.wp-site-blocks > footer{
		background-color: #28303d !important;
		color: #f0f0f0 !important;
	}

	#site-header-simple h1 a,
	#site-header a,
	.wp-site-blocks > footer a{
		color: #f0f0f0 !important;
	}


	#site-navigation a:hover,
	#site-navigation a:focus,
	#site-header-simple h1 a:hover,
	#site-header-simple h1 a:focus,
	#site-header a:hover,
	#site-header a:focus,
	.wp-site-blocks > footer a:hover,
	.wp-site-blocks > footer a:focus{
		color: #f0f0f0 !important;
	}

	#site-header-simple .wp-block-navigation__responsive-container-content,
	#site-header-simple {
		background-color: #28303d !important;
	}
}
*/

/**/