@charset "Shift_JIS";

h2 {
	margin: 0 0 10px 0;
	padding: 0 0 0 48px;
	height: 46px;
	background: url(/img/common/icon/icon_h2.png) left 5px center no-repeat;
	font-size: 16px;
	font-weight: 700;
	line-height: 46px;
	border-bottom: 3px solid #ef7e00;
}

/* --------------------------------------------------
	おすすめ商品
-------------------------------------------------- */

div#specialPrice { margin: 10px 0 30px 0; margin-left: 220px; }
div#specialPrice h2 { display: none; }
div#specialPrice dl { margin: 0 0 10px 0; padding: 0; }
div#specialPrice dt { margin: 0; padding: 0; width: 118px; height: 220px; border-right: solid 1px #c0c0c0; float: left; }
div#specialPrice dt img { width:auto; height:auto; }
div#specialPrice dd { margin: 0; padding: 0; width: 870px; float: left; overflow: hidden; }
div#specialPrice dd div.bx-wrapper { max-width: 100% !important; }
div#specialPrice dd ul { margin: 0; padding: 0; list-style: none; }
div#specialPrice dd li { padding: 0 14px; width: 144px; height: 220px; border-right: solid 1px #c0c0c0; float: left; box-sizing: border-box; }
div#specialPrice dd a:hover { text-decoration: none; }
div#specialPrice dd img { margin: 2px auto 5px auto; width: 90px; vertical-align: top; display: block; }
div#specialPrice dd strong { display: block; word-wrap: break-word; }
div#specialPrice dd span { display: block; word-wrap: break-word; }
div#specialPrice dd span.code { font-size: 95%; }
div#specialPrice dd span.price { color: #f40; font-size: 120%; font-weight: 700; }
div#specialPrice div.more { text-align: right; }
div#specialPrice div.more a { padding: 0 0 0 20px; background: url(/img/common/listArrow.gif) 0 center no-repeat; }
div#specialPrice div.bx-viewport { height:220px; }
div#specialPrice div.bx-viewport li { height:220px; }
div#specialPrice div.bx-controls { display: none; }

/* --------------------------------------------------
	スライドバナー
-------------------------------------------------- */

div#slideBanner { margin: 0 0 25px; position: relative; }
div#slideBanner ul { margin: 0; padding: 0; list-style: none; }
div#slideBanner li {padding-top: 25px;background:url('/img/index/icon/icon_ranking_04.png') left top no-repeat;}
div#slideBanner li:before { font-size: 16px; font-weight: bold; position: absolute; top: 4px; left: 8px; }
div#slideBanner li.ranking1 {background:url('/img/index/icon/icon_ranking_01.png') left top no-repeat;}
div#slideBanner li.ranking1:before {content:"1";}
div#slideBanner li.ranking2 {background:url('/img/index/icon/icon_ranking_02.png') left top no-repeat;}
div#slideBanner li.ranking2:before {content:"2";}
div#slideBanner li.ranking3 {background:url('/img/index/icon/icon_ranking_03.png') left top no-repeat;}
div#slideBanner li.ranking3:before {content:"3";}
div#slideBanner li.ranking4:before {content:"4";}
div#slideBanner li.ranking5:before {content:"5";}
div#slideBanner li.ranking6:before {content:"6";}
div#slideBanner li.ranking7:before {content:"7";}
div#slideBanner li.ranking8:before {content:"8";}
div#slideBanner li.ranking9:before {content:"9";}
div#slideBanner li img { vertical-align: top; }
div#slideBanner a.bx-prev { margin: 8px 0 0 0; width: 6px; height: 16px; background: url(/img/index/slideBannerArrow2.gif); text-indent: -9999px; display: block; position: absolute; top: 50%; left: auto !important; right: -22px; }
div#slideBanner a.bx-next { margin: 8px 0 0 0; width: 6px; height: 16px; background: url(/img/index/slideBannerArrow.gif); text-indent: -9999px; display: block; position: absolute; top: 50%; left: -30px; right: auto !important; }

/* --------------------------------------------------
	特集バナー
-------------------------------------------------- */
/*
div#featureBanner { margin: 0 0 55px 0; }
div#featureBanner ul { margin: 0; padding: 0; list-style: none; }
div#featureBanner li { margin: 0 0 10px 0; text-align: center; }
div#featureBanner li img { vertical-align: top; }
*/

/* --------------------------------------------------
	カテゴリ・商品名・ブランドから探す
-------------------------------------------------- */

div#itemSearch { margin: 0 0 55px 0; }
div#itemSearch div.tab { margin: 0 0 28px 0; height: 41px; background: url(/img/index/itemSearchTabLine.gif) bottom repeat-x; }
div#itemSearch div.tab ul { margin: 0 9px; padding: 0; list-style: none; }
div#itemSearch div.tab li { margin: 0 1px; width: 242px; height: 41px; background: url(/img/index/itemSearchTabOff.gif); color: #fff; float: left; }
div#itemSearch div.tab li a { margin: 0 2px; width: 238px; height: 38px; color: #fff; font-size: 110%; font-weight: 700; text-align: center; line-height: 41px; display: block; }
div#itemSearch div.tab li.active { background: url(/img/index/itemSearchTabOn.gif); color: #333; }
div#itemSearch div.tab li.active a { color: #333; }
div#itemSearch div.tab01 {}
div#itemSearch div.tab01 ul { margin: 0; padding: 0; list-style: none; display: flex;flex-wrap: wrap;}
div#itemSearch div.tab01 li { margin: 0 0 7px 0; width: 263px; background: none; float: left; }
div#itemSearch div.tab01 li:nth-child(3n) { background: none; }
div#itemSearch div.tab01 div { padding: 0; width: 223px; }
div#itemSearch div.tab01 dl { margin: 10px 0; padding: 0;}

div#itemSearch div.tab01 li:nth-child(1) div p:nth-of-type(1) {}
div#itemSearch div.tab01 li:nth-child(2) div p:nth-of-type(1) {}

div#itemSearch div.tab01 dt { margin: 0; padding: 0; width: 0; float: left; }
div#itemSearch div.tab01 dd { 
	color: #ef7d00;
	margin: 0;
	box-sizing: border-box;
	width: 223px;
	height: 40px;
	border-bottom: solid 1px #999;
	font-size: 110%;
	font-weight: 700;
	float: right;
	border-radius: 5px 5px 0 0;
	cursor: pointer;
	background: none;
	line-height: 40px;
	padding: 0 0 0 15px;
}
div#itemSearch div.tab01 dl.open dd { background: #fdd34a url('../img/common/icon_arrow_close.png') no-repeat right 10px center; }
div#itemSearch div.tab01 p { margin: 0; padding: 0; font-size: 95%; }
div#itemSearch div.tab01 p a { white-space: nowrap; display:block;}
div#itemSearch div.tab02 { display: none; }
div#itemSearch div.tab03 { display: none; }

/* --------------------------------------------------
	お知らせ
-------------------------------------------------- */

div.topiclist_ {}
div.topiclist_ div.topiclist_head_ { margin: 0 0 10px; padding: 0; width: 100%; height: 46px; background: none; overflow: visible; }
div.topiclist_ div.topiclist_head_ h2 { margin: 0 0 10px 0; padding: 0 0 0 48px; height: 46px; background: url(/img/common/icon/icon_h2.png) left 5px center no-repeat; font-size: 16px; line-height: 46px; display: block; float: none;border-bottom: 3px solid #ef7e00; }
div.topiclist_ div.topiclist_head_ p.rss_ { display: none; }
div.topiclist_ ul { margin: 0 0 20px 0; padding: 0; list-style: none; }
div.topiclist_ li { padding: 8px 0; border-bottom: solid 1px #d6d6d6; }

/* 20191203 */
div.topiclist_ { margin-left: 220px; }
div#slider01, div#slider02Fixed, /*div#featureBanner,*/ div#itemSearch, section#maker, div#slideBannerFixed, div#specialPriceFixed { margin-left: 220px !important; }
/* 20191203 */

.flow .text{
	cursor: default;
	margin-top: 24px;
	font-size: 18px;
	margin-bottom: 16px;
	padding: 8px 0;
	background: #e8e8e8 url('../img/common/icon_arrow_open.png') no-repeat right 10px center;
}

.flow .text.open {
    background: #e8e8e8 url('../img/common/icon_arrow_close.png') no-repeat right 10px center;
}

.flow .text span{
	display:inline-block;
    background: url('../img/common/icon_beginer.png') no-repeat left center / 20px 20px;
	padding-left: 24px;
}

/* --------------------------------------------------
	メッセージボックス
-------------------------------------------------- */
.msg_box{
	border: 2px solid #ef7e00;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.msg_box ul{
	display:flex;
}
.msg_box li{
	width:33%;
	width:calc(100%/3);
	padding: 5px 5px 5px 70px;
}
.msg_box li:nth-of-type(1){
	background: url('/img/index/icon/icon_item.png') left 5px center no-repeat;
}
.msg_box li:nth-of-type(2){
	background: url('/img/index/icon/icon_track.png') left 5px center no-repeat;
}
.msg_box li:nth-of-type(3){
	background: url('/img/index/icon/icon_credit.png') left 5px center no-repeat;
}
.msg_box li strong{
	font-size:120%;
}
.msg_box li .small{
	font-size:90%;
}

/* フッター部分 */
#maker{margin-bottom:20px;}
#maker h2{
	margin: 0 0 10px 0;
	padding: 0 0 0 48px;
	height: 46px;
	background: #f5f5f5 url(/img/common/icon/icon_h2.png) left 5px center no-repeat;
	font-size: 16px;
	line-height: 46px;
	display: block;
	float: none;
	border-bottom: 3px solid #ef7e00; 
}
#maker .maker_list{
	display: flex;
	flex-wrap: wrap;
}
#maker .maker_list li{
	width:16.6%;
	text-align: center;
	box-sizing: border-box;
	padding: 0 5px;
	margin-bottom:10px;
}
#maker .maker_list img{
	max-width:100%;
	margin-bottom:5px;
}
.flex-box{display:flex;margin-bottom:10px;}
.flex-box > * {width:50%;}
#henpin{
	box-sizing: border-box;
	padding-right: 10px;
	margin-bottom:20px;
}
#henpin h2{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	background: none;
	border-bottom: none;
	padding: 0;
	line-height: 1.3em;
	height: auto;
}
#pay{
	box-sizing: border-box;
	padding-right: 10px;
}
#pay h2{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	background: none;
	border-bottom: none;
	padding: 0;
	line-height: 1.3em;
	height: auto;
}
#pay img{max-width:100%;}
#unei{}
#unei h2{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	background: none;
	border-bottom: none;
	padding: 0;
	line-height: 1.3em;
	height: auto;
}
#unei table{
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
}
#unei th{background:#dddddd;font-weight:bold;}
#unei th,
#unei td{
	padding:5px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
#shipping{margin-bottom:20px;}
#shipping h2{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	background: none;
	border-bottom: none;
	padding: 0;
	line-height: 1.3em;
	height: auto;
}
#shipping table{
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
}
#shipping th{background:#dddddd;font-weight:bold;}
#shipping th,
#shipping td{
	padding:5px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
/*
#slider01{
	overflow: hidden;
}
#slider01 ul{
	position: relative;
	left: 10vwx;
	overflow: visible !important;
}
#slider02{
	overflow: hidden;
}
#slider02 ul{
	position: relative;
	left: 1vw;
	overflow: visible !important;
}
*/
.bx-wrapper .bx-viewport{
	box-shadow: none;
}

/* 2019-08-05 */
div#itemSearch div.block { margin: 0 37px 0 0; width: 210px; float: left; }
/*div#itemSearch div.block:last-child { margin: 0; }*/
div#itemSearch div.block strong { margin: 0 0 0.5em 0; padding: 2px 5px; border-bottom: solid 1px #999; font-size: 120%; display: block; }
div#itemSearch div.block strong a { color: #ef7d00; }
div#itemSearch div.block strong a:hover { text-decoration: none; }
div#itemSearch div.block ul { margin: 0 0 15px 0; }
div#itemSearch div.block li { margin: 0 0 3px 0; }
div#itemSearch div.block li a { padding: 4px 0 4px 35px; display: block; position: relative; }
div#itemSearch div.block li a:hover { text-decoration: none; }
div#itemSearch div.block li a::after { content: ""; width: 100%; height: 1px; background: #ef7e00; position: absolute; bottom: -1px; left: 0; transform: scale(0, 1); transform-origin: left top; transition: transform .3s; }
div#category a.category:hover::after { transform: scale(1, 1); }
div#itemSearch div.block li a:hover::after { transform: scale(1, 1); }
section#unei table { width: 100%; }
section#shipping table { width: 100%; }

/* --------------------------------------------------
	20191119 - リキッド用
-------------------------------------------------- */

div.topiclist_, div#slider01, div#slider02, div#featureBanner, div#itemSearch, section#maker, div#slideBannerWrapper, div#note, section#shipping, section#specialPrice { margin-left: 220px; }
section#maker {}
section#maker ul.maker_list {}
section#maker ul.maker_list li { width: 155px; }

/* --------------------------------------------------
	20191122 - バナー
-------------------------------------------------- */

div#banner3 { margin: 0 0 20px 220px; }
div#banner3 ul { list-style: none; }
div#banner3 li { width: 33%; float: left; }
div#banner3 li:nth-child(2) { margin: 0 0.5%; }
div#banner3 li img { width: 100%; height: auto; }

/* --------------------------------------------------
	20191219 - カテゴリから探す
-------------------------------------------------- */

div#itemSearch > div.clearfix { margin: 0 auto; }
div#itemSearch div.block { margin: 0 18px; width: 225px !important; float: left; }

/* --------------------------------------------------
	20200731 - 送料
-------------------------------------------------- */

section#shipping table { margin: 10px 0; }
section#shipping .red { color: #f00; font-weight: bold; }

/* --------------------------------------------------
	20201201 - NP 閲覧履歴
-------------------------------------------------- */

div#reco7 h2 span.righttxt { display: none !important; }
/*div#reco7 li.recommend_item { margin: 0 5px !important; }*/
div#reco7 li.recommend_item { margin: 0 !important; padding: 0 10px; box-sizing: border-box; }
div#reco7 li.recommend_item div.img_center { margin-bottom: 5px; }
div#reco7 li.recommend_item span.recommend_item_name, div#reco7 li.recommend_item div.recommend_item_price { display: none; }

/*
div#reco7 li.recommend_item span.recommend_item_name { display: block; }
div#reco7 li.recommend_item div.recommend_item_price { color: #c30; font-size: 13px; font-weight: bold; }
*/

div#reco7 a.bx-prev { width: 30px; height: 30px; background: #000; color: #fff; font-size: 12px; text-align: center; text-indent: 0; line-height: 30px; }
div#reco7 a.bx-prev:hover { color: #fff !important; text-decoration: none; }
div#reco7 a.bx-next { width: 30px; height: 30px; background: #000; color: #fff; font-size: 12px; text-align: center; text-indent: 0; line-height: 30px; }
div#reco7 a.bx-next:hover { color: #fff !important; text-decoration: none; }

/* --------------------------------------------------
	20201201 - NP 閲覧実績による関連商品
-------------------------------------------------- */

div#reco8 h2 span.righttxt { display: none !important; }
div#reco8 li.recommend_item { margin: 0 5px !important; }
div#reco8 li.recommend_item div.img_center { margin-bottom: 5px; }
div#reco8 li.recommend_item span.recommend_item_name { display: block; }
div#reco8 li.recommend_item div.recommend_item_price { color: #c30; font-size: 13px; font-weight: bold; }

div#reco8 a.bx-prev { width: 30px; height: 30px; background: #000; color: #fff; font-size: 12px; text-align: center; text-indent: 0; line-height: 30px; }
div#reco8 a.bx-prev:hover { color: #fff !important; text-decoration: none; }
div#reco8 a.bx-next { width: 30px; height: 30px; background: #000; color: #fff; font-size: 12px; text-align: center; text-indent: 0; line-height: 30px; }
div#reco8 a.bx-next:hover { color: #fff !important; text-decoration: none; }

/* --------------------------------------------------
	20201201 - NP お得な現場市場 オススメ商品
-------------------------------------------------- */

div#reco9 h2 span.righttxt { display: none !important; }
div#reco9 li.recommend_item { margin: 0 5px !important; }
div#reco9 li.recommend_item div.img_center { margin-bottom: 5px; }
div#reco9 li.recommend_item span.recommend_item_name { display: block; }
div#reco9 li.recommend_item div.recommend_item_price { color: #c30; font-size: 13px; font-weight: bold; }

div#reco9 a.bx-prev { width: 30px; height: 30px; background: #000; color: #fff; font-size: 12px; text-align: center; text-indent: 0; line-height: 30px; }
div#reco9 a.bx-prev:hover { color: #fff !important; text-decoration: none; }
div#reco9 a.bx-next { width: 30px; height: 30px; background: #000; color: #fff; font-size: 12px; text-align: center; text-indent: 0; line-height: 30px; }
div#reco9 a.bx-next:hover { color: #fff !important; text-decoration: none; }

/* --------------------------------------------------
	20210628 トップスライダー
-------------------------------------------------- */

div#topSlider li { display: none; }
div#topSlider div.bx-viewport li { display: block !important; }

/* --------------------------------------------------
	20220118 visumo
-------------------------------------------------- */

.vsm-tile { margin: 0 0 0 220px; width: auto; }
.ecbn-selection-page-wrapper { width: 980px; }
.ecbn-selection-widget-new span { line-height: 1.5; }
.vsm-tile .ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs li > a { border-radius: 6px; }
.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item { padding: 10px; }
.ecbn-selection-page-wrapper .ecbn-selection-to-nextpage > a.ecbn-selection-to-nextpage-btn { border: solid 1px #ccc; position: relative; }
.ecbn-selection-page-wrapper .ecbn-selection-to-nextpage > a.ecbn-selection-to-nextpage-btn:hover { border: solid 1px #333; color: #333 !important; }
.ecbn-selection-page-wrapper .ecbn-selection-to-nextpage > a.ecbn-selection-to-nextpage-btn::after { content: ''; margin-top: -4px; width: 8px; height: 8px; border: 1px solid; border-color: #333 #333 transparent transparent; transform: rotate(45deg); position: absolute; right: 20px; top: 50%; }
.ecbn-selection-page-wrapper .ecbn-selection-image-loading-more, .ecbn-selection-page-wrapper .ecbn-selection-more-btn { display: none !important; }

/* --------------------------------------------------
	20230818 - NP 購入履歴
-------------------------------------------------- */

div#reco6 h2 span.righttxt { display: none !important; }
div#reco6 li.recommend_item { margin: 0 5px !important; }
div#reco6 li.recommend_item div.img_center { margin-bottom: 5px; }
div#reco6 li.recommend_item span.recommend_item_name { display: block; }
div#reco6 li.recommend_item div.recommend_item_price { color: #c30; font-size: 13px; font-weight: bold; }

div#reco6 a.bx-prev { width: 30px; height: 30px; background: #000; color: #fff; font-size: 12px; text-align: center; text-indent: 0; line-height: 30px; }
div#reco6 a.bx-prev:hover { color: #fff !important; text-decoration: none; }
div#reco6 a.bx-next { width: 30px; height: 30px; background: #000; color: #fff; font-size: 12px; text-align: center; text-indent: 0; line-height: 30px; }
div#reco6 a.bx-next:hover { color: #fff !important; text-decoration: none; }