@charset "utf-8";


/*PC・タブレット・スマホ共通設定
---------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
body {
	border-top:5px solid #221815 ;
}
/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	background:#221815 ;
	border:1px solid #221815 ;	/*モバイル・スマホでヘッダー下部に余白できるのを防ぐ設定*/
}

/*上部のメインメニュー
---------------------------------------------------------------------------*/
nav#menu ul li a {
	color: #221815;		/*文字色*/
}
/*マウスオン時の設定*/
nav#menu ul li a:hover,
nav#menu ul li#current a{
	background: #221815;		/*背景色*/
}

/*上部のメインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック設定*/
nav#menu {
	background:#221815 ;
}
nav#menu ul li a {
	color: #FFF;		/*文字色*/
}
/*マウスオン時の設定*/
nav#menu ul li a:hover,
nav#menu ul li#current a{
	background: #A28559;		/*背景色*/
}


/*各コンテンツブロックの背景設定
---------------------------------------------------------------------------*/
/*イベント背景の設定*/
.gray {
	background: #f4f4f4 ;
}
/*アースエクステリアの想い背景の設定*/
#exterior1 {
	color:#FFF ;
	background: #221815 ;
	background: #221815 url(../images/bg_exterior.png) no-repeat right -30px ;	/*背景画像の読み込み*/
}

/*h2タグ設定*/
.contents h2 {
	color:#A28559 ;
}
#purse figure{
	width:48% ;
	float:left ;
	margin:1% ;
}
#purse figure img{
	border:1px solid #ccc ;
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
	border-top:10px solid #221815 ;
}
footer a {
	text-decoration: underline;
	color:#221815 ;
}
footer a:hover {
	color:#221815 ;
}
/*コピーライト
---------------------------------------------------------------------------*/
#copyright {
	background: #666;	/*背景色*/
	border-bottom:10px solid #221815 ;
}
/*フッター設定
---------------------------------------------------------------------------*/
footer {
	border-top:10px solid #221815 ;
	background:#221815 ;
	color:#FFF ;
}
footer a {
	text-decoration: underline;
	color:#FFF ;
}
footer a:hover {
	color:#FFF ;
	text-decoration: none;
}
/*コピーライト
---------------------------------------------------------------------------*/
#copyright {
	background: #221815;	/*背景色*/
	border-bottom:10px solid #221815 ;
}

/*テーブル１
---------------------------------------------------------------------------*/
.ta1 {
	background: #fff;
}
.ta1, .ta1 td, .ta1 th {
	border-bottom: 1px solid #e52691;	/*テーブルの枠線の幅、線種、色*/
	border:1px solid #666 ;
}
/*テーブル内の左側*/
.ta1 th {
	color:#FFF ;
	background: #221815;	/*背景色*/
}

/*ページの上部へ（↑）ボタン
---------------------------------------------------------------------------*/
.pagetop a {
	background: #221815;
}


/*その他
---------------------------------------------------------------------------*/
figcaption{
	font-size:100% ;
}
.color_g {
	color: #A28559;	/*ゴールド*/
}




/*画面幅1200px以上の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1200px){



}



/*画面幅1600px以上の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1600px){



}







/*ここからタブレット用（801px～1000px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width:801px) and (max-width:1000px) {



}



/*800px以下の端末で横向きに見た場合の設定
---------------------------------------------------------------------------*/
@media (orientation :landscape) and (max-width: 800px){


}



/*ここからタブレット用（481px～800px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width:481px) and (max-width:800px){

/*その他
---------------------------------------------------------------------------*/
figcaption{
	font-size:90% ;
}

}



/*ここからスマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width : 480px){

/*その他
---------------------------------------------------------------------------*/
figcaption{
	font-size:80% ;
}

}





}
/*画面幅350px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:350px){



}