@charset "utf-8";


/*フッター設定
---------------------------------------------------------------------------*/
footer small {font-size: 100%;}
footer {
	font-size: 0.7rem;		/*文字サイズ*/
	text-align: center;		/*内容をセンタリング*/
	padding: 20px;			/*ボックス内の余白*/
	background: #6b6351;		/*背景色*/
	color: #fff;			/*文字色*/
}

/*リンクテキスト*/
footer a {text-decoration: none;color: #fff;}


/*リンクテキストのマウスオン時*/
footer a:hover {color: #fff;}
/*著作部分*/
footer .pr {display: block;}


/*メニューブロック全体*/
#footermenu-link {
	margin: 0;padding: 0;
	margin-bottom: 15px;	
	text-align: center;		/*内容をセンタリング*/
}
/*メニュー１個あたりの指定*/
/*メニュー１個あたり*/
#footermenu-link li {
	display: inline-block;	/*横並びにする*/
	padding: 0 10px;		/*上下、左右への余白*/margin:5px 0;
	font-size: 1.2em;
	display: inline;	/*横並びになる指定*/
	border-right: 1px solid #999;	/*右側の線の幅、線種、色*/
}
#footermenu-link li a {
	padding: 10px;	/*メニュー内余白*/
}
/*最初のメニューへの追加指定*/
#footermenu-link li:first-child {
	border-left: 1px solid #999;	/*左側の線の幅、線種、色*/
}


/*フッターメニュー設定tp_fudosan16PCよいSpだめ
---------------------------------------------------------------------------*/
/*ボックス全体の設定*/
#footermenu {
	background: #6b6351;	/*背景色*/
	color: #fff;		/*文字色*/
	font-size: 0.8rem;	/*文字サイズ。remの単位についてはテンプレート内の解説をお読み下さい。*/
	padding: 20px 55px;	/*上下、左右へのボックス内の余白*/
	display: flex;		/*flexボックスを使う指定*/
	justify-content: space-between;	/*並びかたの種類の指定*/

}

#footermenu a {
	text-decoration: none;
	color: #fff;	/*文字色*/
}

/*リンクテキストのマウスオン時*/
#footermenu a:hover {
	color: #ccc;	/*文字色*/
}
/*ulタグ（列単位）*/
#footermenu ul {
	margin: 0;
	list-style: none;
	align-self: center;	/*フッターメニューをブロックの上下中央に配置する。上によせたいならこの１行削除。*/
}

/*title*/
#footermenu .title {background: rgba(0,0,0,0.2);
	font-weight: bold;	/*太字にする*/
	color: #fff;		/*文字色*/
	padding-bottom: 5px;	/*下に空けるスペース*/
}

/*フッター右側の装飾画像*/
#footermenu .kazari {
	display: block;	/*noneスペースが狭いので飾りを非表示にしておく*/ max-width: 200px;	/*画像の最大幅。これ以上大きくならないように。*/
}

footer .pr {display: block;}



/*---------------------------------------------------------------------------
ここから下は画面幅800px以下の追加指定
---------------------------------------------------------------------------*/
@media screen and (max-width:480px) {
    /*フッターメニュー設定
    ---------------------------------------------------------------------------*/
    /*ボックス全体の設定*/
    #footermenu {display: block;
        font-size: 1.0rem;	/*文字サイズ。remの単位についてはテンプレート内の解説をお読み下さい。*/
        padding: 0px 0px;	/*上下、左右へのボックス内の余白*/
        margin-bottom: 10px; 
    }
    /*フッター右側の装飾画像*/
    #footermenu .kazari {
        	margin: 2px auto;
        	/*display: block;	非表示から表示に。*/
        max-width: 200px;	/*画像の最大幅。これ以上大きくならないように。*/
    }
    #footermenu ul{ display: block;  
    }
}


/*facebookやtwitterなどのアイコンtp_biz55
---------------------------------------------------------------------------*/
/*アイコン全体を囲むブロック*/
ul.icon {
	margin-bottom: 20px;
}
/*アイコン１個あたりの設定*/
ul.icon li {
	display: inline-block;	/*横並びにさせる指定*/
}
/*アイコン画像の設定*/
ul.icon img {
	width: 30px;		/*画像の幅*/
}
ul.icon img:hover {
	opacity: 0.8;
}/*各ページ下部に配置している「アクセス」ブロックbussan1
---------------------------------------------------------------------------*/
/*左側ブロック（地図が入っている方）*/
.href-left {
	float: left;	/*左に回り込み*/
	width: 49%;		/*ブロック幅*/
}
/*右側ブロック（詳細情報）*/
.href-right {
	float: right;	/*右に回り込み*/
	width: 49%;		/*ブロック幅*/
}


/*---------------------------------------------------------------------------
ここから下は画面幅800px以下の追加指定
---------------------------------------------------------------------------*/
@media screen and (max-width:700px) {

/*各ページ下部に配置している「アクセス」ブロック
    ---------------------------------------------------------------------------*/
    /*左側ブロック、右側ブロック*/
    .href-left,.href-right {
        float: none;
        width: auto;
        padding-bottom: 30px;
    }
}
/*コピーライト
---------------------------------------------------------------------------*/
#copyright {
	clear: both;
	text-align: center;
	background: #000;	/*背景色*/
	font-size: 12px;	/*文字サイズ*/
	color: #fff;		/*文字色*/
}
/*リンクテキスト*/
#copyright a {text-decoration: none;color: #fff;}