@charset "utf-8";
/*
Theme name: fdblue
Theme URL: https://create123.jp
Description: this is my create theme.
Author: create japan servise
*/
@media screen and (max-width: 767px) {
    #tel-contact .contact-desktop { display: none !important; }
    #tel-contact .contact-mobile { display: block !important; }
/****************************************
          リセット
http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
****************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, 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, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/****************************************

          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-r {
	text-align: right;
}
.al-c {
	text-align: center;
}
.fl-l {
	float: left;
}
.fl-r {
	float: right;
}
.alignleft {
	float: left;
	margin: 10px;
}
.alignright {
	float: right;
	margin: 10px;
}
.aligncenter {
	margin-left: auto;
	margin-right: auto;
}
strong {
	font-weight: bold;
}
small, .small {
	font-size: 80%;
}
.medium {
	font-size: 90%;
}
.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;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
h2 a {
	text-decoration: none;
}
h2.section-heading {
	border: none;
	margin-bottom: 5px;
	padding-left: 25px;
	background: url(image/heading.png) 0 50% no-repeat;
	font-size: 16px;
}
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;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
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, #main h5, #main h6 {
	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;
}
.conbo {
	width: 200px;
}
/****************************************

         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: 100%;
}
#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));
	/* ブルー
background-image: -webkit-gradient(linear, left top, left bottom, from(#2F48B7), to(#11299C));
*/
	
	-webkit-box-shadow: 0 0 3px #FFFFFF;
	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));

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

/* 縦並びメニューリスト */

.vlist-nav {
	clear: both;
}
.vlist-nav ul {
	margin: 0px 5px;
	padding-bottom: 0;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 3px #FFFFFF;
	box-shadow: 0 0 3px #FFFFFF;
}
.vlist-nav li {
	font-size: 14px;
	margin: 0;
	height: 44px;
	line-height: 44px;
	border: 1px solid #B8B29B;
	color: #440A0A;
	background-image: linear-gradient(to bottom, #FDFDFD, #F3F3F3);
	padding-top: 8px;
	padding-left: 10px;
}
.vlist-nav h3 {
	font-size: 14px;
	margin: 0px 5px;
	padding-bottom: 0;
	height: 44px;
	line-height: 44px;
	background-color: rgb(164,150,104);
	background-image: linear-gradient(to bottom, rgb(193,184,143), rgb(164,150,104));
}
.vlist-nav li:first-child, .vlist-nav h3:first-child {
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	margin-top: 10px;
}
/*
.vlist-nav h3:nth-last-of-type(1) {
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
*/

.vlist-nav li:last-child {
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	margin-bottom: 10px;
}
.vlist-nav 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;
}
.vlist-nav span.open {
	padding: 0 24px 0 14px;
	display: block;
	overflow: hidden;
	color: #FFFFFF;
	background: url(image/nav_d.gif) right center no-repeat;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.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;
	-webkit-box-shadow: 0 0 10px #c7ad77 inset;
	box-shadow: 0 0 10px #c7ad77 inset;
}
p.menu:last-child {
	border: 1px solid #888;
	margin: 0 5px;
	-webkit-box-shadow: 0 0 10px #c7ad77 inset;
	box-shadow: 0 0 10px #c7ad77 inset;
	border-radius: 0 0 8px 8px;
}
/* クリア */
.vlist-nav ul:after {
	display: block;
	clear: both;
	content: '';
}
/* パンくずリスト */
.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 .news-menu {
	border-bottom: 1px dotted #403019;
	overflow: hidden;
	margin-bottom: 10px;
	padding: 0 10px;
}
#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;
	-moz-box-shadow: #777 0px 0px 3px;  /* Firefox */
	-webkit-box-shadow: #777 0px 0px 3px;  /* Safari, Chrome */
	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;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #777 0px 2px 3px;
	box-shadow: #777 0px 2px 3px;
	;
}
#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;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* end MacIE5 */
/****************************************
テーブル
*****************************************/
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.kuusitu_t {
	margin-bottom: 50px;
}
table.kuusitu_t th {
	background: #F3F5DA;
	text-align: left;
	font-weight: bold;
	padding: 10px;
}
table.kuusitu_t td {
	padding: 10px;
	text-align: center;
}
/*-- 価格表　テーブル --*/
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;
}
#main .req {
	color: #ff0000;
	font-size: 10px;
}
/****************************************
他社比較表　テーブル
*****************************************/
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
*****************************************/
div.plof dl {
	width: 300px;
}
div.plof dl dt {
	float: left;
	width: 50px;
	padding: 5px 0 5px 10px;
	clear: both;
	font-weight: bold;
}
div.plof dl dd {
	width: 350px;
	margin-left: 50px;
	padding: 5px 5px 5px 10px;
}
/********************
リスト
*********************/
/* 白背景のボックス */
.box {
	background: #fff;
	padding: 5px;
	border: 1px solid #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
 filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999, direction=180, strength=2, enabled=true);
}
/*--  ボックス  --*/
.l-box, .m-box3 {
	width: 90%;
	padding: 4px;
	margin: 5px;
	overflow: hidden;
}
/*--  ボックス  --*/
.l-box ul, .m-box3 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;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.contact-form {
	margin: 0px 10px 10px 10px;
	padding: 10px;
	border: 1px solid #FFFFFF;
	background-color: #FFF2B7;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFF2B7));
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 3px #333333;
	box-shadow: 0 0 3px #333333;
}
.contact-form dl {
	margin-bottom: 20px;
}
.contact-form dt {
	font-weight: bold;
	margin-bottom: 10px;
}
.contact-form dd {
	margin-bottom: 10px;
}
.submit {
	text-align: center;
}
.error {
	color: #BB1850;
	margin-top: 10px;
}
.introduction {
	margin-bottom: 20px;
	font-size: 12px;
}
/* チェックボックスボタン */
.radiolist span.wpcf7-list-item {
	background-color: #CCC;
	border: 1px solid #B8B29B;
	height: 32px;
	color: #440A0A;
	background-image: linear-gradient(to bottom, #FDFDFD, #F3F3F3);
	/*FFFCF2  d1b888*/

	display: block;
	width: 100%;
	padding-top: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
/* ブログ日時表示　*/
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;
}
.f12 {
	font-size: 12px;
}
/* サイドバー & 既存 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 span{ background:#fff; }

  /* 開閉アニメの線も白で見えるように */
  .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 .widgettitle{
    font-weight:bold;
    margin:8px 0;
  }
  #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;
  }

 @media screen and (min-width: 768px) {
#tel-contact .contact-desktop { display: block !important; }
#tel-contact .contact-mobile { display: none !important; }
/****************************************
リセット
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
****************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, 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, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/****************************************
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-r {
	text-align: right;
}
.al-c {
	text-align: center;
}
.fl-l {
	float: left;
}
.fl-r {
	float: right;
}
.alignleft {
	float: left;
	margin: 10px;
}
.alignright {
	float: right;
	margin: 10px;
}
.aligncenter {
	margin-left: auto;
	margin-right: auto;
}
strong {
	font-weight: bold;
}
.medium {
	font-size: 90%;
}
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.bot-boder {
	clear: both;
	background: #FEF1E4 url(image/chip-o.gif) no-repeat 1% 50%;
	border-bottom: 1px solid #001884;
	border-left: 2px solid #001884;
	border-top: 1px solid #EBE9DD;
	padding: 10px 0 0 30px;
	margin-top: 20px;
	line-height: 14px;
	height: 22px;
	font-weight: bold;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
#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, #main h5, #main h6 {
	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;
	_margin-left: 5px;
}
#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 a {
	color: #fff;
}
#navmenu ul li.current_page_item, #navmenu ul li a:hover {
	color: #fff;
	background: #2641B9 url(image/navi-hover2-bg.png) top left repeat-x;
	height: 43px;
}
#navmenu ul li ul li.current_page_item, #navmenu ul li.current_page_item ul li a:hover {
	background: url(image/navi-hover2-bg.png) repeat-x 0 0;
	height: 30px;
	color: #fff;
}
#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;
	padding: 0;
	margin: 0 auto;
	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;
	margin: 0px 0;
	padding: 0 20px 0 20px;
	border-right: 1px dotted #001884;
}
#navmenu a, #navmenu a:hover {
	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 {
	width: 130px;
	display: block;
	position: absolute;
}
#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% !important;
    position: absolute !important;
    top: 575px !important;
    left: 0 !important;
    margin: -13px 0 10px 0 !important;
    padding: 8px 0 16px 18px !important;
    font-size: 11px !important;
    z-index: 10 !important;
}
.nav-pan.sing ul:after {
    content: '' !important;
    display: block !important;
    clear: both !important;
}
.nav-pan.sing li {
    float: left !important;
    list-style: none !important;
    margin: 0 3px !important;
}
.nav-pan.sing li + li:before {
    margin: 0 3px !important;
    content: ">" !important;
}
.nav-pan.sing li a {
    padding: 3px 0 !important;
}
.nav-pan.sing a {
    font-weight: normal !important;
}
/****************************************
content
*****************************************/
#content {
	width: 940px;
	float: left;
	line-height: 185%;
	padding: 0;
	margin: 430px auto 70px auto;
	border: 1px solid #8c8c8c;
	background: #ffffff;
	-moz-box-shadow: #777 0px 2px 3px;  /* Firefox */
	-webkit-box-shadow: #777 0px 2px 3px;  /* Safari, Chrome */
	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;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
 filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999, direction=180, strength=2, enabled=true);
}
/*--  ボックス  --*/
.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;
}
.s-box {
	width: 200px;
	height: 100px;
	position: relative;
	float: left;
	padding: 9px;
	margin: 20px 0 0 0;
}
.s-box p {
	display: block;
	width: 115px;
}
div.l-box img {
	float: left;
	margin-right: 15px;
}
.m-box img {
	position: absolute;
	top: 4px;
	left: 0;
	width: 190px;
	height: 120px;
}
.s-box img {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 70px;
	height: 70px;
}
#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 .s-box h4 a, #main .m-box h4, #main .s-box h4 {
	display: block;
}
#main .s-box h4 {
	background: none;
	border: none;
	margin: 5px 10px 5px -10px;
	color: #FF6600;
}
.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;
}
.s-box .more {
	display: block;
	position: absolute;
	bottom: -10px;
	right: 10px;
	font-size: 12px;
	color: #ff6600;
	text-decoration: underline;
}
.s-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 .news-menu {
	border-bottom: 1px dotted #403019;
	overflow: hidden;
	margin-bottom: 10px;
	padding: 0 10px;
}
#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;
	-moz-box-shadow: #777 0px 0px 3px;  /* Firefox */
	-webkit-box-shadow: #777 0px 0px 3px;  /* Safari, Chrome */
	box-shadow: #777 0px 0px 3px;
}
#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, div#footer .widget-area2 {
	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 {
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 12px;
}
/****************************************
ClearFix
*****************************************/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* end MacIE5 */
/****************************************
コメント
*****************************************/
#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, #comments textarea {
	display: block;
}
#comments textarea {
	width: 450px;
}
#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 --*/
.f12 {
	font-size: 12px;
}
.f14 {
	font-size: 14px;
}
.f16 {
	font-size: 16px;
}
.f17 {
	font-size: 17px;
}
.f18 {
	font-size: 18px;
	margin-bottom: 30px;
}
.f19 {
	font-size: 19px;
}
.f20 {
	font-size: 20px;
}
.f21 {
	font-size: 21px;
}
.f22 {
	font-size: 22px;
}
.f23 {
	font-size: 23px;
}
.f24 {
	font-size: 24px;
}
.f25 {
	font-size: 25px;
}
.f26 {
	font-size: 26px;
	line-height: 150%;
}
.f30 {
	font-size: 30px;
	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;
}
.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;
}
.f42 {
	font-size: 42px;
	text-align: center;
	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;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
 filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999, direction=180, strength=2, enabled=true);
}
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.wakaba35 {
	background: url(image/wakaba35.png) no-repeat 0 50%;
	font-size: 18px;
	padding-left: 40px;
	line-height: 35px;
	font-weight: bold;
	margin: 20px 0;
	display: block;
}
p.keitai {
	background: url(image/keitai.png) no-repeat 0 50%;
	font-size: 18px;
	padding-left: 40px;
	line-height: 35px;
    font-weight: bold;
	margin: 20px 0;
	display: block;
}
p.new {
	background: url(image/new.png) no-repeat 15% 0;
}
p.wakaba a {
	clear: both;
	background: url(image/wakaba.png) no-repeat 0 50%;
	font-size: 12px;
	text-decoration: none;
	color: #564E33;
	padding-left: 20px;
	margin: 10px 0;
	display: block;
}
p.wakaba a:hover {
	color: blue;
}
p.maru {
	clear: both;
	background: url(image/maru-o.png) no-repeat 0 50%;
	font-size: 16px;
	line-height: 36px;
	font-weight: bold;
	padding-left: 60px;
	margin: 20px 0;
	display: block;
}
/*-- 写真 --*/
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: none!important;
}
/*-- カテゴリーアイキャッチ --*/
.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.kuusitu_t {
	margin-bottom: 50px;
}
table.kuusitu_t th {
	background: #F3F5DA;
	text-align: left;
	font-weight: bold;
	padding: 10px;
}
table.kuusitu_t td {
	padding: 10px;
	text-align: center;
}
/*-- 価格表　テーブル --*/
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;
}
#main .req {
	color: #ff0000;
	font-size: 10px;
}
/****************************************
他社比較表　テーブル
*****************************************/
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
*****************************************/
div.plof dl {
	width: 300px;
}
div.plof dl dt {
	float: left;
	width: 50px;
	padding: 5px 0 5px 10px;
	clear: both;
	font-weight: bold;
}
div.plof dl dd {
	width: 350px;
	margin-left: 50px;
	padding: 5px 5px 5px 10px;
}
/****************************************
　　　　　ボックス
*****************************************/
/* 白背景のボックス */
.box {
	background: #fff;
	padding: 5px;
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 4px #aaa;
	-moz-box-shadow: 0 1px 4px #aaa;
	box-shadow: 0 1px 4px #aaa;
 filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999, direction=180, strength=2, enabled=true);
}
/*--  ボックス大  --*/
.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-box2 {
	width: 200px;
	position: relative;
	float: left;
	text-align: center;
	padding: 4px;
	margin: 20px 20px 20px 0;
}
.m-box3 {
	width: 350px;
	position: relative;
	float: left;
	text-align: left;
	padding: 4px;
	margin: 20px 20px 20px 0;
}
/*--  ボックス小  --*/
.s-box {
	width: 200px;
	height: 100px;
	position: relative;
	float: left;
	padding: 9px;
	margin: 20px 0 0 0;
}
.s-box p {
	display: block;
	width: 115px;
}
/*--  ボックス内写真  --*/
div.l-boxfl img {
	float: left;
	margin-right: 15px;
}
.m-box img {
	position: absolute;
	top: 4px;
	left: 0;
	width: 190px;
	height: 120px;
}
.s-box img {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 70px;
	height: 70px;
}
/*--  ボックス内h  --*/
#main .l-box h3 span {
	color: #0000FF;
	font-weight: bold;
}
#main .l-box h3 {
	background: url(images/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 .s-box h4 a, #main .m-box h4, #main .s-box h4 {
	display: block;
}
#main .s-box h4 {
	background: none;
	border: none;
	margin: 5px 10px 5px -10px;
	color: #FF6600;
}
.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;
}
.s-box .more {
	display: block;
	position: absolute;
	bottom: 5px;
	right: 10px;
	font-size: 12px;
	color: #ff6600;
	text-decoration: underline;
}
.s-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;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.contact-form {
	margin: 0px 10px 10px 10px;
	padding: 10px;
	border: 1px solid #FFFFFF;
	background-color: #FFF2B7;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFF2B7));
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 3px #333333;
	box-shadow: 0 0 3px #333333;
}
.contact-form dl {
	margin-bottom: 20px;
}
.contact-form dt {
	font-weight: bold;
}
.contact-form dd {
	margin-bottom: 10px;
}
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;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 3px #333333;
	box-shadow: 0 0 3px #333333;
}
.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;
}
/****************************************
チェックボタン画像
*****************************************/
div#main .ck {
	background: url(image/botan_blue.png) no-repeat left top;
	font-weight: bold;
	padding: 2px 0 0 70px;
}
/* ポイントマーク */
#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!important;
}
/* チェックマーク */
#main .che {
	background: url(image/image.jpg) no-repeat 0 0;
	padding-left: 35px;
	font-weight: bold;
}

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

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

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

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

/* ドット（黒）を擬似要素で表示 */
#sidebar li::before,
.widget-area 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,
.widget-area 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 !important; }

/* ─ 余白インデント＆●ドット（前回と同じ） ─ */
#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 !important;   /* 白 */
}
#sidebar li:nth-child(even){
  background:#f7f7f7 !important;   /* 薄グレー */
}

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

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

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

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

/* ④ 親 li にアイコン（▶/▼）を付ける：装飾用 */
#sidebar li.has-sub > a::after,
.widget-area li.has-sub > a::after {
  content: "▼";               /* 開いたら ▼、閉じているとき ▶ */
  font-size: 0.6em;
  margin-left: .4em;
  transition: transform .2s;
}
#sidebar li.has-sub:not(.open) > a::after {
  content: "▶";
}


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

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

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

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


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

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

}