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

	表札　トップページ

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

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size:0;
}
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */


/* 汎用クラス
------------------------------------------------------------------*/
.rollover:hover {/* ロールオーバー */
	filter: alpha(opacity=70);
	opacity: 0.7;
	zoom: 1;
}

/* ===============================================
	 ヘッダ
 ============================================== */

#cp_nav {
	margin: 10px 0 10px;
	padding-bottom: 5px;
	background: url(/public/img/item/common/nav_bg.png) no-repeat 0 0;
	text-align: left;
}
#cp_nav h2,
#cp_nav h3 {
	float: left;
}
#cp_nav h3 {/* コピー */
	display: inline;
	margin: 0;
	margin-left: 7px;
}
dl#gnav {
	clear: both;
	height: 88px;
	margin-bottom: 7px;
	padding-left: 4px;
	background: url(/public/img/item/mp/menu/nav.png) no-repeat 4px 32px;
}
dl#gnav dt {/* テキスト */
	height: 32px;
}

/* ===============================================
	 ナビゲーション
 ============================================== */
 
dl#gnav dd {
	float: left;
	width: 72px;
	height: 56px;
	text-indent: -9999px;
}
dl#gnav dd a {
	display: block;
	width: 72px;
	height: 56px;
	background: url(/public/img/item/mp/menu/nav.png) no-repeat;
}
dl#gnav dd.bt_gnav01 a {	background-position: 0 0; }/* 片流れ */
dl#gnav dd.bt_gnav02 a {	background-position: -72px 0; }/* M合掌 */
dl#gnav dd.bt_gnav03 a {	background-position: -144px 0; }/* Y合掌 */
dl#gnav dd.bt_gnav04 a {	background-position: -216px 0; }/* 縦連棟 */
dl#gnav dd.bt_gnav05 a {	background-position: -288px 0; }/* 1面囲い */
dl#gnav dd.bt_gnav06 a {	background-position: -360px 0; }/* 1面囲い */
dl#gnav dd.bt_gnav07 a {	background-position: -432px 0; }/* 1面囲い */
dl#gnav dd.bt_gnav08 a {	background-position: -504px 0; }/* 1面囲い */

/* rollover */
dl#gnav dd.bt_gnav01 a:hover,
dl#gnav dd.selected01 a {	background-position: 0 -56px; }/* 片流れ */
dl#gnav dd.bt_gnav02 a:hover,
dl#gnav dd.selected02 a {	background-position: -72px -56px; }/* 両足支柱 */
dl#gnav dd.bt_gnav03 a:hover,
dl#gnav dd.selected03 a {	background-position: -144px -56px; }/* ワイド */
dl#gnav dd.bt_gnav04 a:hover,
dl#gnav dd.selected04 a {	background-position: -216px -56px; }/* M合掌 */
dl#gnav dd.bt_gnav05 a:hover,
dl#gnav dd.selected05 a {	background-position: -288px -56px; }/* M合掌 */
dl#gnav dd.bt_gnav06 a:hover,
dl#gnav dd.selected06 a {	background-position: -360px -56px; }/* M合掌 */
dl#gnav dd.bt_gnav07 a:hover ,
dl#gnav dd.selected07 a {	background-position: -432px -56px; }/* M合掌 */
dl#gnav dd.bt_gnav08 a:hover,
dl#gnav dd.selected08 a {	background-position: -504px -56px; }/* M合掌 */


/* 探すボタン３つ */
#cp_nav ul {
	float: left;
	width: 355px;
	margin-bottom: 6px;
	padding-left: 4px;
}
#cp_nav ul li {
	float: left;
	padding-right: 5px;
}

/* 素材検索
------------------------------------------------------------------------*/
.material-search_box {
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-family: "helvetica-neue", helvetica, arial, meiryo, sans-serif;
}
.material-search_ttl {
  padding: 10px;
  background-color: #eee;
  font-weight: bold;
  font-size: 15px;
}
.material-search_list {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 20px 0;
  font-size: 15px;
}
.material-search_item:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  border: 1px solid #b7b7b7;
  margin-right: 8px;
}
.material-search_list li {
  width: 115px;
  margin: 0 0 20px 0;
  white-space: nowrap;
}
.material-search_list li:nth-of-type(5n) {
  width: 80px;
}
/* メーカー絞り込み
------------------------------------------------------------------------*/
.ui_size_search .change {
	font-size: 12px;
	margin-bottom: 13px;
  font-family: "helvetica-neue", helvetica, arial, meiryo, sans-serif;
}
.ui_size_search .change .ttl,
.matrix_table_container .ttl {
	padding-left: 10px;
	background: url("/public/img/item/mo/search/size_search/ico_triangle.png") left center no-repeat;
	line-height: 29px;
	text-align: left;
}
.ui_size_search .change .maker {
	float: left;
}
.ui_size_search .change li {
	position: relative;
	float: left;
	margin: 0 5px 5px 0;
}
.ui_size_search .change li.last {
	margin-right: 0;
}
.ui_size_search .change li label {
	display: block;
	width: 72px;
	height: 19px;
	padding-top: 7px;
	border: 1px solid #ccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #333;
	text-decoration: none;
	line-height: 1;
	cursor: pointer;
}
.ui_size_search .change li:hover img {
	opacity: 0.5;
	*filter: alpha(opacity=50);
	*zoom: 1;
}
.ui_size_search .change li.selected label {
	width: 70px;
	height: 17px;
	border: 2px solid #509ef4;
	color: #005bc0;
}
.ui_size_search .change li label input {
	z-index: -1;
	position:absolute;
	left: 0;
	margin: 0 0 0 -9999px;
}
/* inputタグからaタグに変更
   検索結果0件のときはpタグ
--------------------------------*/
.ui_size_search dl .range li a,
.ui_size_search dl .range li p {
	display: table-cell;
	width: 81px;
	height: 34px;
	color: #005BC0;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.15;
	vertical-align: middle;

	*display: inline; /* IE7 */
	*zoom: 1; /* IE7 */
}
.ui_size_search dl .range li p {
	background-color: #fff;
	color: #bbb;
}
.ui_size_search dl .range li.first a,
.ui_size_search dl .range li.first p {
	width: 79px;
}
.ui_size_search dl .range li.first p {
	border-radius: 3px 0 0 3px;
}
.ui_size_search dl .range li.selected a {
	color: #fff;
	font-size: 14px;
	letter-spacing: -0.1ex;
	text-align: left;
}
.ui_size_search dl .range li a span,
.ui_size_search dl .range li p span {
	display: inline-block;
	text-align: right;

	*display: inline; /* IE7 */
	*zoom: 1; /* IE7 */
}
.ui_size_search dl .range li.selected a span {
	padding-left: 4px;
}
.ui_size_search dl .range li.last p {/* 最後のボタン */
	border-radius: 0 3px 3px 0;
}
.ui_size_search dl .range li.last a span,
.ui_size_search dl .range li.last p span {/* 最後のボタン */
	padding-right: 0;
}
.ui_size_search .change li a,
.ui_size_search .change li p {
	display: flex;
  justify-content: center;
  align-items: center;
  width: 72px;
	height: 21px;
  padding: 3px 0;
	border: 1px solid #ccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #333;
	text-decoration: none;
	line-height: 1;
}
.ui_size_search .change li:hover p img,
.ui_size_search .change li p img {
	opacity: 0.2;
	*filter: alpha(opacity=20);
	*zoom: 1;
}
.ui_size_search .change li.selected a {
	width: 70px;
	height: 28x;
	border: 2px solid #509ef4;
	color: #005bc0;
}
/* ===============================================
	シリーズ一覧から探す（クリックで表示／非表示）
 ============================================== */
.matrix_table_container {
	margin-bottom: 30px;
	padding-top: 21px;
	border-top: 1px dotted #ddd;
}
/* ボタン
---------------------------------------------- */
.matrix_table_container .show_table a {
	position: relative;
	display: block;
	width: 327px;
	height: 31px;
	line-height: 31px;
	padding-left: 10px;
	background: #fbfbfb; /* Old browsers */
	background: -moz-linear-gradient(top,  #fbfbfb 0%, #f0f0f0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fbfbfb 0%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fbfbfb 0%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	-moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.08);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #bbb;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}

/* only IE 11　背景画像がぼやける問題 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .matrix_table_container .show_table a {
		background: url("/public/img/item/mo/menu/ico_table.png") 6.5px 4.5px no-repeat, linear-gradient(to bottom,  #fbfbfb 0%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
}
.matrix_table_container .show_table a::after,
.matrix_table_container .show_table .is-open::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 9px;
	margin: auto;
	width: 14px;
	height: 9px;
}
.matrix_table_container .show_table a::after {
	background: url("/public/img/item/mo/menu/ico_down.png") left top no-repeat;
}
.matrix_table_container .show_table .is-open::after {
	background: url("/public/img/item/mo/menu/ico_up.png") left top no-repeat;
}
.show_table.is-open .matrix_table_box {
  display: block;
}
.matrix_table_container .show_table a:hover {
	color: #333;
	text-decoration: none;
}
.matrix_table_container .show_table .txt {
	font-size: 10px;
}
.matrix_table_container .matrix_table_box .txt_fig {
	margin: 15px 0 0 40px;
	*margin-bottom: 50px; /* IE7 */
}
.matrix_table_container .matrix_table_box select {
	width: 308px;
  height: 31px;
  border: 1px solid #bbb;
  font-size: 14px;
}
.matrix_table_container .matrix_table_box optgroup{
  background-color: #eee;
}
.matrix_table_container .matrix_table_box option{
  background-color: #fff;
}

/* おすすめの表札シリーズはこちら！
------------------------------------------------------------------------*/
.recommend_on_top_ttl {
  margin-bottom: 10px;
}
.recommend_on_top_bnr {
  margin-bottom: 20px;
}
/* ランキング部分スプライト化 #1977
------------------------------------------------------------------------*/
.menu_ranking_top5 {
  margin-bottom: 20px;
}
#cate_ranking_top5 h3 {
  background: url("/public/img/img_top/ranking/np/sprite_np_ranking.png?2023010600") no-repeat 0 0;
}
#cate_ranking_top5 .menu_ranking_top5 ol li dl dt {
  background: url("/public/img/img_top/ranking/np/sprite_np_ranking.png?2023010600") no-repeat 0 0;
}

/* 商品検索機能
------------------------------------------------------------------*/
#cp_search {
	margin-bottom: 20px;
	padding-bottom: 6px;
	background: url(/public/img/item/cp/menu/bg_cp_search.png) no-repeat 0 0;
}
#cp_search h3 {
	float: left;
	margin: 0;
}
#cp_search p {
	float: right;
}
dl#search_nav {
	clear: both;
	padding-left: 14px;
}
dl#search_nav dt {
	height: 18px;
	margin-bottom: 5px;
	padding-top: 14px;
}
dl#search_nav dt img {
	margin-right: 20px;
}
dl#search_nav dd {
	float: left;
	height: 55px;
	margin-right: 5px;
}
dl#search_nav dd.weather {
	margin-right: 2px;
}

#cp_search ul {
	margin-top: 4px;
	margin-left: 8px;
}
#cp_search ul li {
	float: left;
	margin-right: 5px;
}


/* 見出し変更 2013/10/10
------------------------------------------------------------------------*/
#cp_nav h1 {
	float: left;
}

/* css/sp/cp.cssから必要箇所のみ抽出 #241
------------------------------------------------------------------------*/
div.item_recommend{
	margin:12px auto;
	text-align:center;
}
div.item_recommend h3{
  overflow: hidden;
  height:46px;
  margin:0px;
  margin-bottom:11px;
  padding:0px;
  background: url(/public/img/item/mp/menu/sprite_mp_recoms.png) no-repeat 0 0 #fff;
  text-indent: 100%;
  white-space: nowrap;
  *text-indent: -9999px;/* IE7 */
}

div.item_recommend h3.ttl_rcm01{  background-position: 0px 0px;}

ul.item_recommend_list{
  width:562px;
  margin:0px auto;
  padding: 9px 11px;
  background-image:url(/public/img/sp/cp/gridBg04.png);
  line-height:0;
}
ul.item_recommend_list li{
  float:left;
  width:187px;
  overflow:hidden;
}
ul.item_recommend_list li.list03,
ul.item_recommend_list li.list06{
  width:186px;
}
ul.item_recommend_list li {
  background:#fff;
  border: 1px solid #ccc;
}
ul.item_recommend_list li.list01 { border-right: none; border-bottom: none;}
ul.item_recommend_list li.list02 { border-right: none; border-bottom: none; border-left: none;}
ul.item_recommend_list li.list03 { border-bottom: none; border-left: none;}
ul.item_recommend_list li.list04 { border-top: none; border-right: none;}
ul.item_recommend_list li.list05 { border-top: none; border-right: none; border-left: none;}
ul.item_recommend_list li.list06 { border-top: none; border-left: none;}

ul.item_recommend_list li a {
  overflow: hidden;
  display: block;
  height: 235px;
  background: url(/public/img/item/mp/menu/sprite_mp_recoms.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  *text-indent: -9999px;/* IE7 */
}
ul.item_recommend_list li.list01 a {  background-position: 0px -46px;}
ul.item_recommend_list li.list02 a {  background-position: -187px -46px;}
ul.item_recommend_list li.list03 a {  background-position: -374px -46px;}
ul.item_recommend_list li.list04 a {  background-position: 0px -281px;}
ul.item_recommend_list li.list05 a {  background-position: -187px -281px;}
ul.item_recommend_list li.list06 a {  background-position: -374px -281px;}

/* 絞り込み検索 #241
------------------------------------------------------------------------*/
#item_filter_search {
	margin-bottom: 19px;
}