@charset "utf-8";
/* CSS Document */

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px;padding: 0px;font-size: 100%;font-weight: normal;}

/*containerブロック
---------------------------------------------------------------------------*/
#container {
	max-width: 950px;	/*サイトの最大幅*/
	padding: 0 3%;	/*上下、左右へのボックス内の余白*/
	margin: 0 auto;
}

/*コンテンツ（mainとsubを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	clear: both;overflow: hidden;
	background: #fff;	/*背景色*/
	padding: 3%;	/*ボックス内の余白*/
	box-shadow: 0px 0px 50px rgba(0,0,0,0.5);
}

/*h2タグの設定*/
h2 {
	clear: both;
	margin-bottom: 20px;	/*見出しの下にとるスペース*/
	font-size: 18px;	/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔を少し広くとる設定*/
	color: #fff;		/*文字色*/
	background: #6b635b;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background: linear-gradient(#96ba7d, #96ba7d);	/*グラデーション*/
	padding: 15px 15px;	/*上下、左右への余白*/
	border-bottom: 4px solid #6b635b;	/*下線の幅、線種、色*/
}

h3 {
	clear: both;
	margin-bottom: 20px;	/*見出しの下にとるスペース*/
	font-size: 24px;	/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔を少し広くとる設定*/
	color: #000;		/*文字色*/
	padding: 15px 15px;	/*上下、左右への余白*/

}

.icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../shop/img_seatcover/sheet_color_sample/icon.png) no-repeat;
}

img.fr {float: right; width:45%; margin-left: 7px;margin-bottom: 10px;}
img.fl {float: left; width:45%; margin-right: 7px;margin-bottom: 10px;}
.mb30 {margin-bottom: 30px !important;}

/* シート生地　詳細*/
.sheet202 li{ float:left; margin-bottom:10px;}
#colorSample01 li{ padding:2px; border:solid 1px #474747; margin-right:5px; list-style: none;  }
#colorSample01 p{ padding:0px; margin:0px;}


.btn-square-pop {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #1f1f1f;/*背景色*/
  border-bottom: solid 2px #4c2401;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
  
}

/*ボタン
---------------------------------------------------------------------------*/
.btn-square-pop:hover {
  border-bottom: solid 2px #1b0d00;
  color: #cdcdcd;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
  
}
.h_fr{ text-align:right;}


/*コピーライト
---------------------------------------------------------------------------*/
#copyright {
	clear: both;
	text-align: center;
	background: #96ba7d;	/*背景色*/
	color: #fff;		/*文字色*/
	padding: 3px;		/*ボックス内の余白*/
}
#copyright a {text-decoration: none;color: #fff;}
#copyright .pr {display: block;}


/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){
	
/*mainコンテンツ
---------------------------------------------------------------------------*/
h3 {
	font-size: 16px;
	font-weight:bold;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	
}
/*段落タグ設定*/
p {
	padding: 0px 10px 15px;	/*上、左右、下への余白*/
}
	
img.fr,img.fl {float: none;margin: 0;width: 100%;}	

/* シート生地　詳細*/

#colorSample01 li{ padding:4px; border:solid 1px #474747; margin-right:30px; list-style: none;  }

/*コピーライト
---------------------------------------------------------------------------*/
#copyright img{
	width:80%;
}
	
}