@charset "utf-8";
/*
Theme name: fdblue_new
Theme URL: https://create123.jp
Description: this is my create theme.
Author: create japan servise
*/
/****************************************
リセット
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
****************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, p, pre, a, acronym, address, big, code, del, em, img, ins, q, s, small, strong, sub, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, section, summary, time, mark, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
 q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@media screen and (max-width: 767px) {
    #tel-contact .contact-desktop { display: none; }
    #tel-contact .contact-mobile { display: block; }

/****************************************

          1.Layout

*****************************************/
body {
	font-family: Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 16px;
	color: #333;
}
#main .post ol, #main .post li {
	line-height: 180%;
	margin: 3px 5px 5px 20px;
	padding: 0 5px 0 0;
}
/****************************************

          2. General Setting

*****************************************/

a {
	color: #D7570C;
	outline: 0 none;
}
a:hover, a:active {
	color: #0E419A;
}
.clear {
	clear: both;
	display: block;
}
.hidden {
	display: none;
}
.al-c {
	text-align: center;
}
.fl-r {
	float: right;
}
.alignleft {
	float: left;
	margin: 10px;
}
strong {
	font-weight: bold;
}
small, .small {
	font-size: 80%;
}
.large {
	font-size: 140%;
	line-height: 1.8;
}
h1 {
	font-size: 12px;
	margin-left: 20px;
	display: none;
}
h2 {
	clear: both;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 10px 5px 10px;
	margin: 10px 0 14px;
	background-color: #EAE1C1;
	background-image: linear-gradient(to top, #eae1c1, #f3ebca 52%, #fcf4d3 61%, #fff 92%, #e5ddbd);
	border-left: 2px solid #0E419A;
	border-right: 2px solid #0E419A;
}
h2 a {
	text-decoration: none;
}
h2 img {
	width: 100%;
}
h3 {
	clear: both;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 10px 5px 10px;
	margin: 10px 0 14px;
	background-color: #EAE1C1;
	background-image: linear-gradient(to top, #eae1c1, #f3ebca 52%, #fcf4d3 61%, #fff 92%, #e5ddbd);
	border-left: 2px solid #0E419A;
	border-right: 2px solid #0E419A;
}
h3 a {
	text-decoration: none;
}
h3.toph3 img {
	display: none;
}
h3 span.kesu {
	font-size: 16px;
	font-weight: bold;
	padding: 10px 10px 5px 10px;
	margin: 10px 0 14px;
}
#main h4 {
	clear: both;
	font-size: 14px;
	font-weight: bold;
	padding-left: 20px;
	margin: 0 10px 20px 10px;
	height: 30px;
	line-height: 30px;
	background: url(image/h3_bg.png) repeat-x 0 0;
	border-left: 3px solid #001884;
	border-right: 1px solid #001884;
	border-bottom: 1px solid #001884;
}
.post h2 a, .post h3 a, .post h4 a {
	text-decoration: none;
}
.post h2 a:hover, .post h3 a:hover, .post h4 a:hover {
	text-decoration: underline;
}
span.oldpage {
	float: left;
}
span.newpage {
	float: right;
}
p.pagelink a {
	font-size: 12px;
	color: #0c8bcd;
}
.pagelink-style {
	margin-top: 40px;
	margin-bottom: 200px;
}
/* 段落間のマージン */

#content #main p {
	margin: 0px 10px 14px;
	line-height: 180%;
}
#sidebar p {
	margin-bottom: 12px;
	line-height: 140%;
}
.blue {
	color: #0000ff;
}
.img100 {
    max-width: 100%;
    width: 100%; /* 親要素をデバイス幅に適応 */
}

.img100 img {
    display: block; /* 行間スペースを防止 */
    width: 100%; /* 親要素にフィット */
    height: auto; /* 縦横比を維持 */
}
.me {
	float: none;
	margin: 10px 15px 10px;
}
/****************************************

         description

*****************************************/

#desc {
	clear: both;
	font-size: 11px;
	padding: 4px 4px 10px 16px;
	line-height: 140%;
}
/****************************************

         タイトル

*****************************************/

#sitetitle {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
}
#sitetitle img {
	width: 80%;
}
#sitetitle h1 a {
	text-decoration: none;
}
/****************************************

              TEL＆mail

*****************************************/
#tel {
    text-align: center;
    margin: auto;
    width: 65%; /* 親要素に対する幅 */
}

#tel img {
	max-width: 400px; /* 画像の最大幅を400pxに制限 */
    width: 100%; /* 親要素に合わせた横幅 */
    height: auto; /* アスペクト比を保持 */
    display: block; /* レイアウト崩れを防止 */
}
/****************************************

          site header

*****************************************/

#site-header {
    max-width: 940px; /* 必要に応じて制限 */
    margin: 0 auto; /* 中央揃え */
}

#site-header img {
    display: block; /* 行間スペースを防止 */
    width: 100%; /* 親要素にフィット */
    height: auto; /* 縦横比を維持 */
}
/****************************************

          Header navi

*****************************************/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* グローバルメニュー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */



/* ヘッドカテゴリリスト */

.hlist-nav ul {
	height: 68px;
	line-height: 68px;
	width: 100%;
	margin: 0 auto;
}
.hlist-nav ul:after {
	display: block;
	clear: both;
	content: '';
}
.hlist-nav li {
	float: left;
	width: 25%;
	font-size: 12px;
	text-align: center;
}
.hlist-nav li a {
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	/* オレンジ */
		
	background-color: rgb(252,158,22);
	background-image: linear-gradient(to bottom, rgba(255,182,72,0.8), rgba(255,120,19,0.8));
	/* ブルー
*/
	
	box-shadow: 0 0 3px #FFFFFF;
	text-shadow: -1px -1px 0 rgba(51, 51, 51, 0.3);
}
.hlist-nav .menu li.current a {
	text-shadow: none;
	font-weight: normal;
	color: #440A0A;
	background-image: linear-gradient(to bottom, rgb(240,240,240), rgb(255,255,255));

}
/* グローバル終わり */

/* 縦並びメニューリスト */
.sitemap li {
	font-size: 14px;
	margin: 0;
	height: 44px;
	line-height: 44px;
	color: #440A0A;
	background-color: #e0dfdf;
	background-image: linear-gradient(to top, 
    #f6f6f6 0%, 
    #cecece 57%, 
    #e0dfdf 61%, 
    #fff 92%, 
    #dbdbdb 100%);

}
.sitemap li a {
	color: #440A0A;
	background: url(image/nav_m.gif) 96% 50% no-repeat;
}
p.menu {
	border: 1px solid #888;
	margin: 0 5px;
}
p.menu:last-child {
	border: 1px solid #888;
	margin: 0 5px;
	border-radius: 0 0 8px 8px;
}
/* クリア */
/* パンくずリスト */
.nav-pan {
	padding: 5px 10px;
	background-color: #FEE1A7;
	font-size: 12px;
}
.nav-pan ul:after {
	content: '';
	display: block;
	clear: both;
}
.nav-pan li {
	float: left;
}
.nav-pan li + li:before {
	margin: 0 3px;
	content: ">";
}
.nav-pan li a {
	padding: 13px 0;
}
.nav-pan li + li:before {
	margin: 0 3px;
	content: ">";
}
/****************************************

          content

*****************************************/

#content {
	width: 100%;
	position: relative;
}
/****************************************

          　　　Main

*****************************************/

#main {
	width: 100%;
}
#main .post {
	width: 100%;
}
#main .post-top {
	width: 100%;
}
/****************************************

           Post Main

****************************************/
.post img {
	margin: 3px;
	padding: 4px;
}
/****************************************

          最新記事アーカイブ

****************************************/

.single {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 30px;
}
#main .single h3 {
	border-bottom: dotted 1px #aaaaaa;
	margin: 15px 0;
	font-size: 14px;
	padding-left: 30px;
	margin-left: 10px;
	background: url(image/chip.png) no-repeat 1% 50%;
}
#main .single h3 a {
	color: #FF6600;
}
#main .single h3 a:hover {
	color: #000000;
}
#main .single h3 span {
	font-size: 11px;
	color: #888888;
	margin-left: 20px;
}
div.archive p.more a, div.single p.more a {
	float: right;
	border: 1px solid #aaaaaa;
	color: #333333;
	padding: 5px 10px;
	margin-bottom: 10px;
	display: block;
	background-color: #EAE1C1;
	background-image: linear-gradient(to top, #eae1c1, #f3ebca 52%, #fcf4d3 61%, #fff 92%, #e5ddbd);
}
div.post p.more a:hover {
	color: #ff6666;
}
/****************************************

         　　 Side Barデザイン

*****************************************/

#sidebar .widget {
	margin: 0 8px 10px;
	padding: 0 0;
	border: 1px solid #ddd;
	background: #ffffff;
	box-shadow: #777 0px 0px 3px;
}
#sidebar .widget h2 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	border-bottom: solid 2px #001884;
}
#sidebar ul li ul li {
	font-size: 14px;
	margin: 0;
	height: 44px;
	line-height: 44px;
	border: 1px solid #B8B29B;
	color: #440A0A;
	background-image: linear-gradient(to bottom, #FDFDFD 0%, #F3F3F3 100%);

	padding-top: 8px;
	padding-left: 10px;
}
	
#sidebar ul li ul li ul li {
	display:none;
	}
		
#sidebar ul li ul li a {
	padding: 0 24px 0 14px;
	display: block;
	overflow: hidden;
	color: #440A0A;
	background: url(image/nav_list.png) right center no-repeat;
	white-space: nowrap;
	text-overflow: ellipsis;
}
	
/********************
side-box
*******************/
.side-box {
	text-align: center;
}
/***	display: none;
}
/****************************************
topへ
*****************************************/
#go-top {
	text-align: right;
	border: none;
}
#go-top a {
	color: #fff;
}
/* フッターページリンクボタンの背景 */
#go-top {
	padding: 14px 8px;
	color: #FFFFFF;
	background-color: rgb(77,114,179);
	background-image: linear-gradient(to bottom, rgb(77,114,179) 0%, rgb(0,24,132) 100%);
	font-size: 14px;
}
#go-top a {
	padding: 0 24px 0 14px;
	display: block;
	overflow: hidden;
	color: #FFF;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/***************************************
フッター
**************************************/
#footer .widget-area1 {
	display: none;
}
/****************************************
address
****************************************/
.address {
	margin-top: 0px;
	padding: 25px;
	background-image: linear-gradient(to bottom, #FC9E16 0%, #FB7813 100%);
	font-size: 12px;
	text-align: center;
}
/****************************************
ClearFix
*****************************************/
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
/****************************************
テーブル
*****************************************/
table {
	margin: 5px;
}
th, td {
	border: 1px solid #aaa;
}
/*-- プチモデルルーム化ページ --*/
table.room th {
	background-color: #F3F5DA;
	text-align: center;
}
table.room td {
	padding-left: 10px;
}
/*-- プロフィールページ　テーブル --*/
table.plof_t th {
	background: #F3F5DA;
	text-align: center;
	font-weight: bold;
	padding: 10px;
}
table.plof_t td {
	padding: 10px;
}
/*-- 空室対策プランページ　テーブル --*/
/*-- 価格表　テーブル --*/
table.kakaku_t th {
	background: #CCCCCC;
	text-align: center;
	font-weight: bold;
	padding: 10px;
}
table.kakaku_t td.kakaku_t {
	background: #F3F5DA;
	text-align: center;
	font-weight: bold;
	padding: 10px;
}
table.kakaku_t td {
	text-align: center;
	padding: 10px;
}
/*-- コンタクトフォームお問い合わせ　テーブル --*/
#Contact table {
	width: 97%;
}
#Contact th {
	text-align: center;
	font-weight: bold;
	background: #F3F5DA;
}
#Contact th, #Contact td {
	padding: 10px;
	vertical-align: middle;
}
/****************************************
他社比較表　テーブル
*****************************************/
table.hikaku_t {
	margin: 20px 10px;
}
table.hikaku_t th {
	background: #CCCCCC;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	line-height: 170%;
}
table.hikaku_t td.hikaku_t {
	background: #F3F5DA;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	line-height: 170%;
}
table.hikaku_t td {
	text-align: center;
	padding: 10px;
	line-height: 170%;
}
/****************************************
プロフィール　dl
*****************************************/
/********************
リスト
*********************/
/* 白背景のボックス */
.box {
	background: #fff;
	padding: 5px;
	border: 1px solid #ddd;
}
/*--  ボックス  --*/
.l-box {
	width: 90%;
	padding: 4px;
	margin: 5px;
	overflow: hidden;
}
/*--  ボックス  --*/
.l-box ul {
	padding-left: 30px;
}
/**********************************
リスト
**********************************/
ul.chegreen li {
	line-height: 160%;
	margin-left: 10px;
}
.post ul, .post-top ul {
	list-style-type: disc;
	padding-left: 30px;
}
/*--問い合わせ用--*/
.introduction {
	margin-bottom: 20px;
	font-size: 12px;
}
.require {
	padding: 3px;
	margin: 5px 10px;
	vertical-align: text-bottom;
	color: #FFFFFF;
	background-color: #CC0000;
	font-weight: bold;
	font-size: 11px;
}
.submit {
	text-align: center;
}
.error {
	color: #BB1850;
	margin-top: 10px;
}
.introduction {
	margin-bottom: 20px;
	font-size: 12px;
}
/* チェックボックスボタン */
/* ブログ日時表示　*/
p.postinfo {
	color: #0c8bcd;
	text-align: right;
	margin: 20px 0 0;
	clear: both;
	padding-right: 20px;
}
p.postinfo a {
	color: #0c8bcd;
}
/* 文字 */
.f38, .f32 {
	font-size: 18px;
	text-align: center;
	display: block;
	clear: both;
	padding: 40px 0 40px 0;
	line-height: 150%;
	font-weight: bold;
	color: #638c1c;
}
/* サイドバー & 既存 PC ナビを隠す */
#sidebar, #navmenu { display:none; }

/* ハンバーガー */
.hamburger{
  position:absolute; top:15px; right:15px;
  width:32px; height:28px; background:none; border:none; z-index:999;
}
.hamburger span{display:block;width:100%;height:4px;margin:5px 0;background:#333;transition:.3s;}
.hamburger.active span:nth-child(1){transform:translateY(9px) rotate(45deg);}
.hamburger.active span:nth-child(2){opacity:0;}
.hamburger.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg);}

/* ドロワーメニュー */
#mobile-nav{
  position:fixed; inset:0 0 0 auto; width:75%; max-width:300px;
  background:#fff; transform:translateX(100%); transition:transform .3s;
  z-index:998; overflow-y:auto; padding:60px 20px 20px;
}
#mobile-nav.open{transform:translateX(0);}

/* ドロワー全体をブルーグラデーションに ------------- */
#mobile-nav{
    background: linear-gradient(180deg,#162d7e 0%, #1d47b3 100%);
    color:#fff;
  }

  /* 各リンクの見た目 ------------------------------- */
  #mobile-nav a{
    display:block;
    padding:12px 0;
    font-size:1.05rem;
    color:#fff;
    text-decoration:none;
  }
  /* 区切り線（任意） */
  #mobile-nav li + li{
    border-top:1px solid rgba(255,255,255,.15);
  }

  /* 開閉アニメの線も白で見えるように */
  .hamburger.active span:nth-child(1),
  .hamburger.active span:nth-child(3){ background:#fff; }
 /* ハンバーガー線：濃い青 (#162d7e) → 白バックでも見える */
 .hamburger span{ background:#162d7e; }

 /* 開いたときだけ白線に切り替え（青いドロワー背景に映える） */
 .hamburger.active span{
   background:#fff;
 }
 #mobile-nav{
	background: linear-gradient(
		180deg,
		rgba(22, 45, 126, 0.92) 0%,
		rgba(29, 71, 179, 0.92) 100%
	);
	color:#fff;
	/* レイアウト指定は同じ */
	position:fixed; inset:0 0 0 auto; width:75%; max-width:300px;
	transform:translateX(100%); transition:transform .3s;
	z-index:998; overflow-y:auto; padding:60px 20px 20px;
  }
   /* ドロワー内でウィジェットを同じ体裁に */
   #mobile-nav .widget{
    margin:0 0 16px;
  }
  #mobile-nav .widget ul{
    list-style:none;
    padding:0;
  }
  #mobile-nav .widget ul li{
    border-top:1px solid rgba(255,255,255,.15);
    padding:10px 0;
  }
  #mobile-nav .widget ul li a{
    color:#fff;   /* 青背景なら白文字 */
    text-decoration:none;
  }
   /* GOLD の帯＋濃紺文字で可読性アップ */
  nav#mobile-nav h2.widget-title{
    background:#f8e7a1;   /* ゴールド */
    padding:6px 10px;
    color:#162d7e;        /* 濃紺文字 */
    font-weight:700;
    border-radius:6px;               /* 角丸はお好みで */
    margin:0 0 12px;                 /* 見出し下に余白 */
  }
}
 @media screen and (min-width: 768px) {
#tel-contact .contact-desktop { display: block; }
#tel-contact .contact-mobile { display: none; }

/****************************************
1.Layout
*****************************************/
body {
	background: #fff url(image/top-bg2.png) left top repeat-x;
	font-family: Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 16px;
	color: #333;
}
#container {
	width: 940px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
#main ul {
	margin: 5px 0 5px 30px;
}
#main .post ol, #main .post li {
	line-height: 180%;
	margin: 3px 5px 5px 20px;
	padding: 0 5px 0 0;
}
/****************************************
2. General Setting
*****************************************/
a {
	color: #D7570C;
	outline: 0 none;
}
a:hover, a:active {
	color: #0E419A;
}
.clear {
	clear: both;
	display: block;
}
.hidden {
	display: none;
}
.al-c {
	text-align: center;
}
.fl-r {
	float: right;
}
.alignleft {
	float: left;
	margin: 10px;
}
strong {
	font-weight: bold;
}
h1 {
	font-size: 12px;
	margin-left: 35px;
}
#main h2 {
	clear: both;
	background: url(image/h2_bg.jpg) left top repeat-x;
	font-size: 24px;
	padding-left: 25px;
	margin-bottom: 30px;
	border-left: 3px solid #001884;
	border-bottom: 1px solid #001884;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
}
#main h3 {
	clear: both;
	font-size: 18px;
	font-weight: bold;
	padding-left: 20px;
	margin: 0px 10px 30px 10px;
	height: 30px;
	line-height: 30px;
	background: url(image/h3_bg.png) repeat-x 0 0;
	border-left: 3px solid #001884;
	border-right: 1px solid #001884;
	border-bottom: 1px solid #001884;
}
#main h3.toph3 {
	clear: both;
	padding-left: 0px;
	margin: 150px 0px 100px;
	height: 0px;
	line-height: 0px;
	border: none;
}
h3 span.kesu {
	display: none;
}
#main h4 {
	clear: both;
	font-size: 14px;
	font-weight: bold;
	padding-left: 20px;
	margin: 0 10px 20px 10px;
	height: 30px;
	line-height: 30px;
	background: url(image/h3_bg.png) repeat-x 0 0;
	border-left: 3px solid #001884;
	border-right: 1px solid #001884;
	border-bottom: 1px solid #001884;
}
.post h2 a, .post h3 a, .post h4 a {
	text-decoration: none;
}
.post h2 a:hover, .post h3 a:hover, .post h4 a:hover {
	text-decoration: underline;
}
span.oldpage {
	float: left;
}
span.newpage {
	float: right;
}
p.pagelink a {
	font-size: 12px;
	color: #0c8bcd;
}
.pagelink-style {
	margin-top: 40px;
	margin-bottom: 200px;
}
/* 段落間のマージン */
#content #main p {
	margin: 0 10px 14px;
}
#sidebar p {
	margin-bottom: 12px;
	line-height: 140%;
}
.shadow {
	box-shadow: 0 0 5px #2f1f1f;
}
.me {
	float: right;
	margin: 10px 15px 10px;
}
/****************************************
description
*****************************************/
/****************************************
タイトル
*****************************************/
#sitetitle {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
}
#sitetitle h1 a {
	text-decoration: none;
}
#sitetitle img {
	width: 95%;
}
/****************************************
TEL
*****************************************/
#tel {
        float: right;
        margin-top: 0px;
        margin-right: 0px;
        width: auto; /* 必要ならば固定幅を設定 */
    }
#tel img {
        width: 100%; /* 親要素の幅に合わせる */
        height: auto; /* アスペクト比を保持 */
        display: block;
    }
/****************************************
site header
*****************************************/
#site-header {
	position: absolute;
	top: 176px;
	left: 0;
	height: 336px;
	width: 940px;
	z-index: 10;
}
/****************************************
Header Navi 色
*****************************************/
#navmenu{
	background:url(image/navi-bg.png) repeat-x 0 0;
}

/* ── 通常リンク ───────────────────────────── */
#navmenu ul li a,
#navmenu ul li.current_page_item ul li a{
	color:#564E33;
}

/* ── 選択状態＆ホバー（第一階層） ─────────────── */
#navmenu ul li.current_page_item,
#navmenu ul li.current-menu-item,
#navmenu ul li.current-menu-ancestor,
#navmenu ul li.current-cat,
#navmenu ul li.current-category-ancestor,
#navmenu ul li a:hover{
	color:#fff;
	background:#2641B9 url(image/navi-hover2-bg.png) top left repeat-x;
	height:43px;
}

#navmenu ul li.current_page_item > a,
#navmenu ul li.current-menu-item > a,
#navmenu ul li.current-menu-ancestor > a,
#navmenu ul li.current-cat > a,
#navmenu ul li.current-category-ancestor > a{
	color:#fff;        /* リンク文字も白 */
}

/* ── ドロップダウン内の選択状態＆ホバー ─────────── */
#navmenu ul li ul li.current_page_item,
#navmenu ul li ul li a:hover{
	background:url(image/navi-hover2-bg.png) repeat-x 0 0;
	height:30px;
	color:#fff;
}

/****************************************
Navi デザイン
*****************************************/
#navmenu{
	position:absolute;
	top:123px;
	left:0;
	clear:both;
	width:100%;
	height:50px;
	margin:0;
	padding:0;
	z-index:20;
}

#navmenu ul{
	width:940px;
	list-style:none;
	margin:0 auto;
	padding:0;
	font-size:12px;
}
#navmenu ul:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

#navmenu ul li{
	float:left;
	line-height:42px;
	margin:3px 0;
	padding:0;
	text-align:center;
	position:relative;
}

#navmenu ul li a{
	display:block;
	padding:0 20px;
	margin:0;
	border-right:1px dotted #001884;
	text-decoration:none;
	font-weight:bold;
}

#navmenu ul li:first-child{
	border-left:1px dotted #001884;
	margin-left:0;
}

/* ── ドロップダウン ───────────────────────── */
#navmenu ul li ul{
	display:none;
}
#navmenu ul li:hover ul{
	display:block;
	position:absolute;
	width:130px;
}
#navmenu ul li ul li{
	float:none;
	width:130px;
	height:30px;
	line-height:35px;
	background:url(image/h3_bg.png) repeat-x 0 0;
	margin:0;
}
#navmenu ul li ul li a,
#navmenu ul li ul li:first-child{
	border:none;
}


/****************************************
パンくず
*****************************************/
.nav-pan {
	width: 90%;
	position: absolute;
	top: 575px;
	left: 0;
	margin: 3px 0 10px 0;
	padding: 8px 0 16px 18px;
	font-size: 11px;
	z-index: 10;
}
.nav-pan ul:after {
	content: '';
	display: block;
	clear: both;
}
.nav-pan li {
	float: left;
	list-style: none;
	margin: 0 3px;
}
.nav-pan li + li:before {
	margin: 0 3px;
	content: ">";
}
.nav-pan li a {
	padding: 3px 0;
}
.nav-pan a {
	font-weight: normal;
}
/****************************************
パンくず2
*****************************************/
.nav-pan.sing {
    width: 90%;
    position: absolute;
    top: 575px;
    left: 0;
    margin: -13px 0 10px 0;
    padding: 8px 0 16px 18px;
    font-size: 11px;
    z-index: 10;
}
.nav-pan.sing ul:after {
    content: '';
    display: block;
    clear: both;
}
.nav-pan.sing li {
    float: left;
    list-style: none;
    margin: 0 3px;
}
.nav-pan.sing li + li:before {
    margin: 0 3px;
    content: ">";
}
.nav-pan.sing li a {
    padding: 3px 0;
}
.nav-pan.sing a {
    font-weight: normal;
}
/****************************************
content
*****************************************/
#content {
	width: 940px;
	float: left;
	line-height: 185%;
	padding: 0;
	margin: 430px auto 70px auto;
	border: 1px solid #8c8c8c;
	background: #ffffff;
	box-shadow: #777 0px 2px 3px;
	position: relative;
}
/****************************************
　　　Main
*****************************************/
#main {
	width: 700px;
	margin: 40px 0 20px 10px;
	float: right;
}
/* 白背景のボックス */
.box {
	background: #fff;
	padding: 5px;
	border: 1px solid #ddd;
}
/*--  ボックス  --*/
.l-box {
	width: 670px;
	position: relative;
	padding: 4px;
	margin: 20px 20px 20px 0;
	overflow: hidden;
}
.m-box {
	width: 200px;
	height: 250px;
	position: relative;
	float: left;
	text-align: center;
	padding: 4px;
	margin: 20px 20px 20px 0;
}
div.l-box img {
	float: left;
	margin-right: 15px;
}
.m-box img {
	position: absolute;
	top: 4px;
	left: 0;
	width: 190px;
	height: 120px;
}
#main .l-box h3 span {
	color: #0000FF;
	font-weight: bold;
}
#main .l-box h3 {
	background: url(image/botan_orange.png) no-repeat 0 60%;
	border: none;
	border-bottom: dotted 1px #aaaaaa;
	padding: 15px 0 10px 70px;
	margin: 0 0 20px 15px;
	font-weight: bold;
}
#main .m-box h4 {
	margin-top: 140px;
	background: none;
	border: none;
	margin-bottom: 5px;
	color: #FF6600;
}
#main .m-box h4 a, #main .m-box h4 {
	display: block;
}
.m-box .more {
	display: block;
	position: absolute;
	bottom: -10px;
	right: 10px;
	font-size: 12px;
	color: #ff6600;
	text-decoration: underline;
}
.m-box .more a:hover {
	color: #000000;
}
/****************************************
Post Main
****************************************/
.post img {
	margin: 13px;
	padding: 4px;
	box-shadow: 0 0 5px #2f1f1f;
}
.post img.noshadow, .post img.me {
	margin: 3px;
	padding: 4px;
	box-shadow: 0 0 5px #fff;
}
/****************************************
最新記事アーカイブ
****************************************/
#main .single h3 {
	border-bottom: dotted 1px #aaaaaa;
	margin: 15px 0;
	font-size: 14px;
	padding-left: 30px;
	margin-left: 10px;
	background: url(image/chip.png) no-repeat 1% 50%;
}
#main .single h3 a {
	color: #FF6600;
}
#main .single h3 a:hover {
	color: #000000;
}
#main .single h3 span {
	font-size: 11px;
	color: #888888;
	margin-left: 20px;
}
div.archive p.more a, div.single p.more a {
	float: right;
	border: 1px solid #aaaaaa;
	color: #333333;
	padding: 0 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	background-color: #EAE1C1;
	background-image: linear-gradient(to top, #eae1c1, #f3ebca 52%, #fcf4d3 61%, #fff 92%, #e5ddbd);
}
div.post p.more a:hover {
	color: #ff6666;
}
/****************************************
　月別メニュー　カテゴリー
*****************************************/
.pagetitle {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
/****************************************
　　 Side Bar色と背景
*****************************************/
#sidebar ul li ul li a {
	text-decoration: none;
	color: #564E33;
	background: url(image/side-l.png) no-repeat 0% 60%;
}
#sidebar ul li ul li ul li:hover {
	background: #ddd;
}
#sidebar ul li ul li ul li a:hover {
	color: #0E419A;
}
#sidebar p a:hover {
	color: #0E419A;
}
#sidebar .widget h2 {
	background: url(image/side-h2-bg.png) repeat-x 0 0;
	color: #564E33;
}
/****************************************
　　 Side Barデザイン
*****************************************/
#sidebar {
	width: 220px;
	float: left;
	margin-bottom: 30px;
	margin-top: 40px;
}
#sidebar li {
	font-size: 12px;
	padding-top: 8px;
	list-style: none;
	text-decoration: none;
}
#sidebar ul li ul li {
	padding-left: 10px;
}
#sidebar ul li ul li a {
	padding-left: 12px;
}
#sidebar .widget {
	margin: 0 0 10px 8px;
	padding: 0 0;
	border: 1px solid #ddd;
	background: #ffffff;
}
#sidebar .widget h2 {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border-bottom: solid 2px #001884;
}
#sidebar ul li ul li:nth-child(even) {
	background: url(image/side_li2.png) repeat-y left top;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
}
#sidebar ul li ul li:nth-child(even):hover {
	background: #ddd;
}
#sidebar ul li ul li:first-child {
	margin-top: -8px;
}
/* お無料見積り申し込み
───────────────────────── */
div.side-box {
	text-align: center;
	line-height: 170%;
	width: 208px;
	margin: 10px;
	padding: 0 0 2px;
	background: #fff;
	border: 1px solid #cccccc;
}
div.side-box h2 {
	color: #ffffff;
	font-size: 13px;
	line-height: 13px;
	text-align: center;
	font-weight: bold;
	background: #9BA6AB url("image/side_h2_45_bg.png") repeat-x left top;
	margin: 0 0 2px;
	padding: 11px 9px 9px;
}
div.side-box p {
	font-size: 13px;
}
div.side-box p a img {
	background: #fff;
	text-align: center;
	line-height: 150%;
	margin: 0;
	padding: 10px 8px;
}
/****************************************
Footer
*****************************************/
#footer {
	clear: both;
	bottom: 0;
	margin: 0 auto 0 auto;
	border-top: 1px solid #88652D;
	background: url(image/footer.png) repeat 0 0;
	position: relative;
}
#footer a, #footer a:hover, #footer a:visited {
	font-weight: normal;
	text-decoration: none;
}
/****************************************
Footer　widget
*****************************************/
#footer-container {
	width: 940px;
	margin: 0 auto 0 auto;
	text-align: center;
}
#footer .address {
	clear: both;
	width: 100%;
	margin: 10px auto 0;
	font-size: 12px;
	color: #564E33;
	border-top: 1px solid #DDD;
	background: #122E8F;
	padding: 10px 0;
}
#footer .widget h2 {
	display: block;
	padding: 10px 4px 2px 20px;
	margin: 0 10px 8px 10px;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
}
div#footer .widget-area1 {
	width: 460px;
	float: left;
	margin: 0 0 8px 0;
	padding: 0 6px 0 0;
	font-size: 11px;
	text-align: left;
}
div#footer .widget-area1 ul, div#footer .widget-area1 ul {
	list-style-type: none;
	margin-left: 5px;
}
div#footer .widget-area1 li, div#footer .widget-area1 li {
	display: block;
	padding-left: 18px;
	margin-left: 4px;
}
div#footer .widget-area1 a:hover, div#footer .widget-area1 a:hover {
	text-decoration: underline;
}
/****************************************
　　 footer色と背景
*****************************************/
#footer ul li ul li {
	padding-left: 10px;
}
#footer ul li ul li a {
	text-decoration: none;
	color: #fff;
	background: url(image/footer-l.gif) no-repeat 0% 55%;
	padding-left: 15px;
}
#footer ul li ul li a:hover {
	color: #FF6600;
}
#footer .widget h2 {
	border-bottom: 1px dotted #fff;
	color: #fff;
}
/****************************************
topへ
*****************************************/
#go-top {
	position: absolute;
	top: -29px;
	right: 10px;
	border: none;
}
#go-top a {
	color: #fff;
}
#go-top a:hover {
	color: #C8570C;
}
/* フッターページリンクボタンの背景 */
#go-top {
    padding: 4px 8px;
    color: #FFFFFF;
    background-color: rgb(77, 114, 179); /* バックアップカラー */
    background-image: linear-gradient(to bottom, rgb(77, 114, 179), rgb(0, 24, 132)); /* グラデーション */
    font-size: 14px;
    border-radius: 4px; /* モダンなブラウザでサポート */
    box-shadow: 0px 2px 3px rgba(119, 119, 119, 0.5); /* ボックスシャドウ */
}
#go-top {
}
/****************************************
ClearFix
*****************************************/
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
/****************************************
コメント
*****************************************/
#comments {
	border: solid 1px #001884;
	padding: 0 18px;
	margin: 20px 0;
}
#comments h3 {
	font-size: 0.875em;
	border-bottom: solid 1px #001884;
	padding-bottom: 3px;
	margin-top: 20px;
}
#comments p {
	font-size: 0.75em;
}
#comments p a {
	color: #001884;
}
#comments input {
	display: block;
}
#comments .required {
	color: #ff0000;
}
#comments code {
	display: block;
	margin-top: 5px;
	font-size: smaller;
}
#comments ul {
	margin: 0;
	padding: 0;
}
#comments li.compost {
	list-style-type: none;
	border-bottom: dotted 1px #001884;
	margin-bottom: 20px;
}
#comments p.cominfo {
	text-align: right;
}
#comments #comfeed a {
	background-image: url(feed-icon-12x12.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 17px;
	line-height: 1em;
	color: #000000;
	text-decoration: none;
}
#comments #comfeed {
	background-color: #FEF1E5;
	padding: 8px;
	margin-top: 30px;
}
#comments #trurl {
	background-color: #FEF1E5;
	padding: 8px;
	margin-bottom: 30px;
}
/* フィード */
p.feed {
	font-size: 0.75em;
	font-family: Verdana, Helvetica, sans-serif;
	border: solid 1px #f9c9a9;
	width: 150px;
	padding: 5px;
	margin: 25px 0;
	display: block;
	position: relative;
	left: 20px;
}
p.feed a {
	color: #444444;
	text-decoration: none;
}
p.feed a:hover {
	color: #FF6600;
}
p.feed img {
	vertical-align: middle;
	margin-right: 5px;
}
/* ブログ日時表示　*/
p.postinfo {
	color: #0c8bcd;
	text-align: right;
	margin: 20px 0 0;
	clear: both;
	padding-right: 20px;
}
p.postinfo a {
	color: #0c8bcd;
}
/*-- font --*/
.f18 {
	font-size: 18px;
	margin-bottom: 30px;
}
.f24 {
	font-size: 24px;
}
.f26 {
	font-size: 26px;
	line-height: 150%;
}
.f32 {
	font-size: 32px;
	text-align: center;
	display: block;
	clear: both;
	padding: 40px 0 40px 0;
	line-height: 150%;
	color: #638c1c;
	text-shadow: 1px 1px 0px #eee,  2px 2px 0px #707070;
}
.f38 {
	font-size: 38px;
	text-align: center;
	display: block;
	clear: both;
	padding: 40px 0 40px 0;
	line-height: 150%;
	color: #638c1c;
	text-shadow: 1px 1px 0px #eee,  2px 2px 0px #707070;
}
/*-- 指 --*/
p.yubi {
	clear: both;
	background: url(image/yubi.png) no-repeat 2% 50%;
	font-size: 24px;
	font-weight: bold;
	text-decoration: underline;
	color: blue;
	padding: 10px 10px 10px 30px;
	margin: 20px 0;
	display: block;
	border: 1px solid #ddd;
}
p.yubi2 {
	clear: both;
	background: url(image/yubi.png) no-repeat 2% 50%;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	color: blue;
	padding: 10px 10px 10px 30px;
	margin: 20px 0;
	display: block;

}
p.new {
	background: url(image/new.png) no-repeat 15% 0;
}
/*-- 写真 --*/
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: none;
}
/*-- カテゴリーアイキャッチ --*/
.attachment-thumbnail {
	float: left;
}
/****************************************
テーブル
*****************************************/
th, td {
	border: 1px solid #aaa;
}
/*-- プチモデルルーム化ページ --*/
table.room th {
	background-color: #F3F5DA;
	text-align: center;
}
table.room td {
	padding-left: 10px;
}
/*-- プロフィールページ　テーブル --*/
table.plof_t th {
	background: #F3F5DA;
	text-align: center;
	font-weight: bold;
	padding: 10px;
}
table.plof_t td {
	padding: 10px;
}
/*-- 空室対策プランページ　テーブル --*/
/*-- 価格表　テーブル --*/
table.kakaku_t th {
	background: #CCCCCC;
	text-align: center;
	font-weight: bold;
	padding: 10px;
}
table.kakaku_t td.kakaku_t {
	background: #F3F5DA;
	text-align: center;
	font-weight: bold;
	padding: 10px;
}
table.kakaku_t td {
	text-align: center;
	padding: 10px;
}
/*-- コンタクトフォームお問い合わせ　テーブル --*/
#Contact table {
	width: 97%;
}
#Contact th {
	text-align: center;
	font-weight: bold;
	background: #F3F5DA;
}
#Contact th, #Contact td {
	padding: 10px;
	vertical-align: middle;
}
/****************************************
他社比較表　テーブル
*****************************************/
table.hikaku_t {
	margin: 50px auto;
}
table.hikaku_t th {
	background: #CCCCCC;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	line-height: 170%;
}
table.hikaku_t td.hikaku_t {
	background: #F3F5DA;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	line-height: 170%;
}
table.hikaku_t td {
	text-align: center;
	padding: 10px;
	line-height: 170%;
}
/****************************************
プロフィール　dl
*****************************************/
/****************************************
　　　　　ボックス
*****************************************/
/* 白背景のボックス */
.box {
	background: #fff;
	padding: 5px;
	border: 1px solid #aaa;
}
/*--  ボックス大  --*/
.l-box {
	width: 670px;
	position: relative;
	padding: 4px;
	margin: 20px 0px 20px 0;
	overflow: hidden;
}
/*--  ボックス中  --*/
.m-box {
	width: 200px;
	height: 250px;
	position: relative;
	float: left;
	text-align: center;
	padding: 4px;
	margin: 20px 20px 20px 0;
}
/*--  ボックス小  --*/
/*--  ボックス内写真  --*/
.m-box img {
	position: absolute;
	top: 4px;
	left: 0;
	width: 190px;
	height: 120px;
}
/*--  ボックス内h  --*/
#main .l-box h3 span {
	color: #0000FF;
	font-weight: bold;
}
#main .l-box h3 {
	background: url(image/botan_orange.png) no-repeat 0 60%;
	border: none;
	border-bottom: dotted 1px #aaaaaa;
	padding: 15px 0 10px 70px;
	margin: 0 0 20px 15px;
	font-weight: bold;
}
#main .m-box h4 {
	margin-top: 140px;
	background: none;
	border: none;
	margin-bottom: 5px;
	color: #FF6600;
}
#main .m-box h4 a, #main .m-box h4 {
	display: block;
}
.m-box .more {
	display: block;
	position: absolute;
	bottom: 5px;
	right: 10px;
	font-size: 12px;
	color: #ff6600;
	text-decoration: underline;
}
.m-box .more a:hover {
	color: #000000;
}
img {
	max-width: 100%;
}
/**********************************
リスト
**********************************/
.post ul, .post-top ul {
	list-style-type: disc;
}
/* チェックマーク　リスト */
#main ul.chegreen {
	list-style-type: none;
}
#main ul.chegreen li {
	padding-left: 45px;
	background-image: url(image/che_green.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}
/*--問い合わせ用--*/
.introduction {
	margin-bottom: 20px;
	font-size: 12px;
}
.require {
	padding: 3px;
	margin: 5px 10px;
	vertical-align: text-bottom;
	color: #FFFFFF;
	background-color: #CC0000;
	font-weight: bold;
	font-size: 11px;
}
input[type="submit"] {
	padding: 18px 10px;
	border: 1px solid #FFFFFF;
	width: 200px;
	color: #FFFFFF;
	background-color: #FF9200;
	background-image: -moz-linear-gradient(top, #FF9900 0%, #FF8600 48%, #FF7700 52%, #FF6600);
/* Firefox用 */ 
    background-image: linear-gradient(to bottom, #FF9900 0%, #FF8600 48%, #FF7700 52%, #FF6600 100%);
	font-size: 16px;
}
.submit {
	text-align: center;
}
.error {
	color: #BB1850;
	margin-top: 10px;
}
.introduction {
	margin-bottom: 20px;
	font-size: 12px;
}
/**********************************
リスト
**********************************/
.post ul, .post-top ul {
	list-style-type: disc;
}
/****************************************
チェックボタン画像
*****************************************/
/* ポイントマーク */
#main .point {
	background: url(image/point.png) no-repeat left top;
	padding-left: 35px;
}
/* イメージホバー */
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: none;
}
/* チェックマーク */

/* 追加css */
/* ========== 2025-07-08 サイドバー＆フッター用リンク色 ========== */

/* ── サイドバー ───────────────────────── */
#sidebar a,
#sidebar a:link,
#sidebar a:visited {
  color: #000;     /* 通常・既読を黒 */
}
#sidebar a:hover,
#sidebar a:focus {
  color: #555;     /* ホバー時は少し薄い黒（任意で変更可） */
}
/* ========== 2025-07-08 追記③ ─ サイドバーのリストを見やすく ========== */

/* ── サイドバー全体 ─────────────────────── */
/* ul の左詰めを解除して余白をつける */
#sidebar ul,
#side ul,
#secondary ul {
  padding-left: 0;          /* まず既定の余白をゼロに */
  margin-left: 0;           /* 同上 */
}

/* ── 各 li に左インデント＋ドット ───────────── */
#sidebar li,
#side li,
#secondary li {
  position: relative;
  padding-left: 1.2em;      /* ← ここを調整すると余白量が変わる */
  margin: 0.35em 0;         /* 行間を少し広げる（好みで変更可） */
}

/* ドット（黒）を擬似要素で表示 */
#sidebar li::before,
#side li::before,
#secondary li::before {
  content: "●";
  position: absolute;
  left: 0;                   /* li の先頭に配置 */
  top: 0;
  font-size: 0.55em;         /* ドットの大きさ。文字より少し小さめ */
  line-height: 1.4;
  color: #000;               /* ドット色：黒 */
}

/* ── 第二階層（子メニュー）は少し小さい ◦ に ───── */
#sidebar li ul li::before,
#side li ul li::before,
#secondary li ul li::before {
  content: "◦";
  font-size: 0.5em;
  color: #555;
}
/* ========== 2025-07-08 追記④ ─ サイドバー交互色＋インデント＋● ========== */

/* ─ ベースを一旦リセット（背景を消す） ─ */
#sidebar li               { background: none; }

/* ─ 余白インデント＆●ドット（前回と同じ） ─ */
#sidebar li{
  position: relative;
  padding-left: 1.4em;
  margin: .4em 0;
}
#sidebar li::before{
  content:"●";
  position:absolute; left:0; top:0;
  font-size:.55em; color:#000;
  line-height:1.6;
}

/* ─ 交互配色 ─ */
#sidebar li:nth-child(odd){
  background:#ffffff;   /* 白 */
}
#sidebar li:nth-child(even){
  background:#f7f7f7;   /* 薄グレー */
}

/* 第二階層（子メニュー）は少し薄い配色に */
#sidebar li ul li:nth-child(odd){ background:#fafafa; }
#sidebar li ul li:nth-child(even){ background:#f0f0f0; }

/* ① 親メニューだけ表示して、すべてのサブ UL を閉じる */
#sidebar li > ul {
  display: none;
  margin-left: 0;          /* 既存の余白をリセット（前回インデントは li 側に残る） */
}

/* ② デスクトップでは "親 li にホバーしたら開く" */
@media (hover:hover) {
  #sidebar li:hover > ul {
    display: block;
  }
}

/* ③ "開いた" 状態を JS が付与する .open クラスでも表示 */
#sidebar li.open > ul {
  display: block;
}

/* ④ 親 li にアイコン（▶/▼）を付ける：装飾用 */


/* ── フッター ─────────────────────────── */
/* ========== 2025-07-08 追記 ─ フッターを白リンク、#go-topをオレンジ ========== */

/* ── フッター ─────────────────────────── */
#footer a,
#footer a:visited {
  color: #fff;          /* 白文字に変更 */
}
#footer a:hover,
#footer a:focus {
  color: #fffbcc;       /* ホバー時は少し黄みがかった白でアクセント（任意） */
}

/* フッター全体の普通テキストも白くしたい場合は ↓ を有効化
#footer,
.site-footer {
  color: #fff;
}
*/

/* ── 「TOPへ」ボタン ───────────────────── */
/* ========== 2025-07-08 追記② ─ #go-top文字色を白に戻す ========== */
#go-top a,
#go-top a:visited {
  color: #fff;          /* 通常・既読とも白 */
}
#go-top a:hover,
#go-top a:focus {
  color: #fffbcc;       /* ホバー時にわずかに変化させたい場合。完全に白のままなら削除OK */
}


/* もし #go-top の背景色が暗くて文字が沈む場合、背景も調整できます
#go-top {
  background: #fff;                // 例：白背景にして枠で見せる
}
*/

/* （任意）バッジなどで白字が必要な箇所は個別に再指定を */
/* --- モバイル専用要素を PC では非表示 --- */
.hamburger,
#mobile-nav { display:none; }

}