/*
Theme Name: unpc-child
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.1
Tested up to: 6.7
Requires PHP: 7.4
Version: 6.7.0
License: GNU General Public License v2 or later
License URI: https://raw.githubusercontent.com/Automattic/themes/trunk/LICENSE
Template: unpc
Text Domain: unpc-child
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks
*/
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&display=swap');

/* ==========================
   ヘッダー全体に背景画像
   ========================== */

.one-column header, .two-column header { width: 100%; }
.one-column hgroup,.two-column hgroup,.one-column div.nav-menu, .one-column ul.nav-menu {max-width: 1200px;margin: 0 auto;}

header#brand {
  position: relative;
  background: url('/wp-content/uploads/header-pc.png') no-repeat center center;
  background-size: cover;
  height: 250px; /* PC時の高さ */
}

/* hgroup（タイトル・説明・連絡先）を画像上に重ねる */
header#brand hgroup {
  height:250px;
  text-align: center;
  color: #fff;
  z-index: 999;
}

/* 電話番号 */
header#brand .contact_tel {
  font-size: 1.4em;
  font-weight: bold;
  color: #fff;
  margin-top: 8px;
}
header#brand .contact_tel a[href^="tel"] {
  color: #fff !important; 
  text-decoration: none;
}


/* 説明文も白文字化 */
header#brand .site-description,
header#brand .contact_text {
  color: #fff;
}

/* スマホ用 */
@media screen and (max-width: 768px) {
  header#brand {
    background: url('/wp-content/uploads/header-sp.png') no-repeat center center;
    background-size: cover;
    height: 150px; /* スマホ時の高さ */
  }
  header#brand hgroup {
    height:150px;
    font-size: 0.9em;
	  padding: 10px 5px;
  }
	h1.site-title {
    font-size: 15px;
}
	header#brand .site-description, header#brand .contact_text {
    font-size: 10px;
}
	header#brand .contact_tel {margin:0;}
}


/* ==========================
   不動産業者様専用ページラベル
   ========================== */
header#brand::after {
  font-family: 'Cinzel', serif;
  content: "不動産業者様専用ページ";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 2px;
  z-index: 1000;
  text-shadow: 0 2px 5px rgba(0,0,0,0.6);
}

/* スマホ時のラベルサイズ */
@media screen and (max-width: 768px) {
  header#brand::after {
    font-size: 1.2rem;
    letter-spacing: 1px;
	  width:100%;
	  text-align:center;
  }
}
#brand .contact_tel {
    fill: #ffffff;
}
#brand .site-title a {color:#fff;font-family: 'Cinzel', serif;}

.top_price{
	color: #ff042e !important;
    font-weight: 700 !important;
    font-size: 130% !important;
}
.top_rim {
	color: #ff6104;
    font-weight: 700;
    font-size: 130%;
}
.man-unit, .yen-unit,.unit,.percent { font-size: 0.7em; color: #000; }
.oku-unit {font-size: 90%; }
.box1low,.top_price_koumoku { display: none !important;}

.top_kotsu:before {
    content: url(/wp-content/uploads/train_icon.png);
    position: relative;
    top: 3px;
    margin: 0 0 0 -2px;
}

#content ul.grid-content li dl {
	margin-bottom:0 !important;
}

#colophon p.copybox {text-align:left;}

/* PC（768pxより大きい）は縦一列に強制 */
@media screen and (min-width: 769px) {
  li.fudo_top_r-2 .kakakutai {
    display: block !important;
  }
  li.fudo_top_r-2 .kakakutai .top_price,
  li.fudo_top_r-2 .kakakutai .top_rim {
    display: block !important;
    margin: 0 !important;
  }
}

/* SP（768px以下）は2列（価格と利回り横並び） */
@media screen and (max-width: 768px) {
 header, #main {margin: 0 auto ;}
	/* gap */
ul.syousai-content,
ul.grid-content1,
ul.grid-content2,
ul.grid-content3,
ul.grid-content{
	gap: 0px !important;
}
	#content #boxfudo_top_r-2 .grid-content li {
		margin-bottom: 5px !important;
		padding: 5px !important;
		width:100% !important;
	}
	#content #boxfudo_top_r-2 .grid-content li .box1image {
		margin: 0 0px 0 0 !important;
        width: 90px !important;
	}
  li.fudo_top_r-2 .kakakutai {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
  }
  li.fudo_top_r-2 .kakakutai .top_price {
    order: 1;
    margin-right: 10px !important;
  }
  li.fudo_top_r-2 .kakakutai .top_rim {
    order: 2;
  }
  li.fudo_top_r-2 .kotsu {
    width: 100% !important;
    margin-top: 4px !important;
  }
}

div.rimaw {
	display: block !important;
}

.outline_box ,#bukken_pr h3 {
	display:none;
}

#bukken_detail p.note {padding: 0 10px;}


/* ===========================
   会社情報エリア
=========================== */
/* 全体ラップ */
.company-info-wrap {
  margin: 20px auto;
  padding: 20px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

/* 会社情報タイトル */
.company-title {
  font-size: 1.5em;
  margin-bottom: 15px;
  border-bottom: 2px solid #004EA2; /* ブランドカラー */
  padding-bottom: 5px;
}

/* 会社情報テーブル */
.company-table {
  width: 100%;
  border-collapse: collapse;
}
.company-table th {
  text-align: left;
  width: 120px;
  padding: 6px 0;
  font-weight: bold;
  color: #333;
  vertical-align: top;
}
.company-table td {
  padding: 6px 0;
  color: #555;
}

/* 問い合わせエリア */
.company-right {
  margin-top: 30px;
  padding: 20px;
  background: #f9f9f9;
  border-radius: 8px;
  text-align: center;
}
.contact-header {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 10px;
}
.contact-phone {
  font-size: 2em;
  font-weight: bold;
  color: #d03149; /* 強調色 */
  margin-bottom: 5px;
}
.contact-time {
  font-size: 0.9em;
  color: #555;
}
.contact-note {
  font-size: 0.8em;
  color: #888;
  margin-top: 10px;
}

/* スマホ対応（特に横幅制限） */
@media screen and (max-width: 768px) {
  .company-info-wrap {
    padding: 15px;
  }
  .company-title {
    font-size: 1.3em;
  }
  .contact-phone {
    font-size: 1.6em;
  }
}

/* ===========================
   お問い合わせエリア
=========================== */
@media screen and (max-width: 768px) {
	#contact_mail #contact_form table th span.necessary {float: unset;}
}


/* ===========================
   スマホ時の全体幅を可変化する
   （親テーマが固定幅1200pxなので上書き）
   =========================== */
@media screen and (max-width: 768px) {
  header,         /* ヘッダー */
  #main,          /* メインコンテンツ */
  #colophon {     /* フッター */
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* ===========================
   物件詳細ページテーブルの横幅対応
   （tableが固定幅になっているためスマホで折り返し可能に）
   =========================== */
.single-fudo table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed; /* 列幅を自動調整 */
}

/* ===========================
   テーブル内テキストの折り返し
   （スマホで文字がはみ出さないようにする）
   =========================== */
.single-fudo td,
.single-fudo th {
  white-space: normal !important;
  word-wrap: break-word;
}

/* ===========================
   画像とiframeのレスポンシブ対応
   （スマホで横スクロールさせない）
   =========================== */
.single-fudo img,
.single-fudo iframe {
  max-width: 100% !important;
  height: auto !important;
}


.two-column #secondary #fudo_b_k-3 {
	width:100%;
}

#contact_form #submit-box [type="submit"] {
	display: block;
    margin: 0 auto;
}