@charset "utf-8";

/* ==================================
module.css
================================== */



/* ==================================
hl
================================== */
/* p-hl */
.p-hl {
	font-size: 30px;
	font-weight: normal;
	margin: 0 0 20px;
}

/* hl-01 */
.hl-01{
	display: table;
	width: 100%;
	margin: 0 0 22px;
}
.hl-01 .hl,
.hl-01 .hl-sab {
	display: table-cell;
	vertical-align: middle;
}
.hl-01 .hl-sab {
	text-align: right;
}


/* ==================================
clm-3-01
================================== */
.clm-3-01 ul {
	margin-bottom: -33px;
	overflow: hidden;
}
.clm-3-01 li {
	float: left;
	width: 230px;
	margin: 0 33px 33px 0;
}
.clm-3-01 li:nth-child(3n) {
	margin:0;
}


/* ==================================
btn
================================== */

/* .btn-02------------------------ */

.btn-02 a{
	display: block;
	background: #6e6e6e;
	color: #fff !important;
	font-size: 18px;
	text-align: center;
	font-weight: normal;
	line-height: 65px;
	height: 65px;
	padding: 0 18px;
}
.btn-02 a:after {
	content: "";
	display: inline-block;
	width: 30px;
	height: 21px;
	background: url(../../images/icon/arw-btn-02-r.png) no-repeat;
	background-position: center right;
	vertical-align: middle;
}
.btn-02 a:hover {
	opacity: .8;
}
.btn-02.siteTOP {
	margin: 30px auto;
	width: 500px;
	min-width: 500px;
} 


/* .win-close ------------------------ */
.win-close {
	display: inline-block;
	background: #6e6e6e;
	cursor: pointer;
}
.win-close:hover {
	opacity: .8;
}


/* .text-link 01 ------------------------ */
.text-link-01 a {
	text-decoration: underline;
}


/* .sale-price ------------------------ */
.sale-price,
.sale-message {
	color: #ff0101;
}


/* ==================================
sec-campaign
================================== */

/*
#sec-campaign  {
	display: none;
}
*/
/* 表示時 */
#sec-campaign-bnr a {
  display:block;
  height:40px;
  background:url(../../images/banner/bnr_free1609_obi.jpg) center repeat-x;
}
#sec-campaign-bnr a span {
  display:none;
}
#sec-campaign-txt {
	background: rgba(255,238,238,1.00);
	text-align: center;
	padding: 5px;
}
/*
.autocomplete {
  display:none;
}
*/


/* ==================================
list_item
================================== */

.list_item {
	margin-bottom: 37px;
}
.list_item a {
	text-decoration: none !important;
}
.list_item .item_img:hover {
	opacity: .8;
}
.list_item a:hover .item-brand,
.list_item a:hover .item-name {
	text-decoration: underline;
}


/* ==================================
slider
================================== */

.list_item .bx-wrapper {
  max-width:1000px !important;
}
.list_item .slider_4 li {
	padding:0;
}
.list_item .slider_4 li a {
  display:block;
  position:relative;
}
.slick-slider li a {
	padding:0 12px;
}
.list_item .slider_4 li span {
  display:block;
  font-size:14px;
  word-break:break-all;
}
.list_item .slider_4 li img {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border:1px solid #e6e6e6;
}
.list_item .slider_4 li .item_img {
	position:relative;
	margin:0;
}
.list_item .slider_4 li .item_status {
	width:100%;
	margin:11px 0 0;
	text-align:left;
}
.list_item .slider_4 li .item_status img {
	display:inline;
	width:auto;
	margin:0 2px 2px 0;
	border:none;
	height: 22px;
	-webkit-backface-visibility: hidden;
}
.list_item .slider_4 li .item-brand {
  margin-top:9px;
}
.list_item .slider_4 li .item-name {
	margin-top: 4px;
	font-weight: bold;
}
.list_item .slider_4 li .item-price {
	margin-top: 3px;
	font-weight: bold;
}
.list_item .slider_4 li .item_icon {
	margin-top: 5px;
}
.list_item .slider_4 li .item_icon img {
	display: inline;
	margin: 2px 2px 0 0;
	border: none;
	vertical-align: middle;
	max-height: 20px;
}
.list_item .slider_4 li .message {
	margin-top: 4px;
	font-size: 12px;
	font-weight: bold;
	color: #db0d0d;
}
.list_item .slider_4 li .sale-message {
	margin-top: 3px;
	margin-bottom: -3px;
	font-size: 12px;
}

/* アイコン表示 */
.list_item .slider_4 li.icon_bestcosme a:after {
  content:"";
  display:block;
  position:absolute;
  top:-25px;
  left:-10px;
  width:50px;
  height:50px;
  background:url(../../../d_images/icon/icon_bestcosme_s.svg) no-repeat;
  z-index:2;
}
.list_item .slider_4 li.icon_bestbuy a:after {
  content:"";
  display:block;
  position:absolute;
  top:-25px;
  left:-10px;
  width:50px;
  height:50px;
  background:url(../../../d_images/icon/icon_bestbuy_s.svg) no-repeat;
  z-index:2;
}
.list_item .slider_4 li.icon_recommend a:after {
  content:"";
  display:block;
  position:absolute;
  top:-25px;
  left:-10px;
  width:50px;
  height:50px;
  background:url(../../../d_images/icon/icon_staffrec_s.svg) no-repeat;
  z-index:2;
}

/* ナンバー表示 */
.list_item .slider_4.number li {
	padding-top:50px;
}

.list_item .slider_4.number li a:before {
  content:"";
  display:block;
  position:absolute;
  top:-50px;
  left:50%;
  margin-left:-17px;
  width:34px;
  height:34px;
  background-repeat:no-repeat;
  background-position:center 0;
  z-index:20;
}
.list_item .slider_4.number li:nth-child(1) a:before { background-image:url(../../images/icon/icon_number01.svg); }
.list_item .slider_4.number li:nth-child(2) a:before { background-image:url(../../images/icon/icon_number02.svg); }
.list_item .slider_4.number li:nth-child(3) a:before { background-image:url(../../images/icon/icon_number03.svg); }
.list_item .slider_4.number li:nth-child(4) a:before { background-image:url(../../images/icon/icon_number04.svg); }
.list_item .slider_4.number li:nth-child(5) a:before { background-image:url(../../images/icon/icon_number05.svg); }
.list_item .slider_4.number li:nth-child(6) a:before { background-image:url(../../images/icon/icon_number06.svg); }
.list_item .slider_4.number li:nth-child(7) a:before { background-image:url(../../images/icon/icon_number07.svg); }
.list_item .slider_4.number li:nth-child(8) a:before { background-image:url(../../images/icon/icon_number08.svg); }
.list_item .slider_4.number li:nth-child(9) a:before { background-image:url(../../images/icon/icon_number09.svg); }
.list_item .slider_4.number li:nth-child(10) a:before { background-image:url(../../images/icon/icon_number10.svg); }

.slider.number .slick-prev,
.slider.number .slick-next { top:80px; }



/* ==================================
#ranking
================================== */
#ranking-clm {
	background: #f0efe9;
	overflow: hidden;
	padding: 18px 20px 35px;
}
#ranking-clm li {
	float: left;
	width: 132px;
	margin: 0 14px 0 0;
	padding: 29px 0 0;
}
#ranking-clm li:nth-child(1){
	background: url(../../images/icon/icon-rank01.png) top center no-repeat;
}
#ranking-clm li:nth-child(2){
	background: url(../../images/icon/icon-rank02.png) top center no-repeat;
}
#ranking-clm li:nth-child(3){
	background: url(../../images/icon/icon-rank03.png) top center no-repeat;
}
#ranking-clm li:nth-child(4){
	background: url(../../images/icon/icon-rank04.png) top center no-repeat;
}
#ranking-clm li:nth-child(5){
	background: url(../../images/icon/icon-rank05.png) top center no-repeat;
	margin: 0;
}
#ranking-clm li a:hover {
	text-decoration: none;
}
#ranking .ranking-tab ul{
	overflow: hidden;
}
#ranking .ranking-tab li {
	float: left;
}
#ranking .ranking-tab li a {
	display: block;
	width: 132px;
	color: #333;
	font-size: 16px;
	text-align: center;
	margin: 0 10px 0 0;
	background: #d3c7ad;
	border-bottom: solid 1px #cfb69d;
	height: 42px;
	line-height: 42px;
	box-sizing: border-box;
}
#ranking .ranking-tab li a.current {
	background: #f0efe9;
	border-bottom: none;
}
#ranking .item_status,
#ranking .item_img,
#ranking .item-brand,
#ranking .item-name,
#ranking .item-price {
	display: block;
}
#ranking .item_status {
	margin: 13px 0 0;
	font-size: 0;
}
#ranking .item-brand {
	margin: 8px 0 0;
}
#ranking .item-brand {
	font-size: 14px;
}
#ranking .item-name,
#ranking .item-price {
	margin: 4px 0 0;
	font-weight: bold;
}
#ranking-clm li a:hover .item-brand,
#ranking-clm li a:hover .item-name{
	text-decoration: underline;
}
#ranking .item_status img {
	display: inline;
	margin: 3px 3px 0 0;
	border: none;
	vertical-align: middle;
	max-height: 18px;
	-webkit-backface-visibility: hidden;
}



/* ==================================
#news
================================== */
#news h1 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

/* ==================================
autocomplete
================================== */
.autocomplete {
  position:relative;
}
/* changeset/34914 対応 コミット用にコメントアウト
.autocomplete table {
  display:none;
  box-sizing:border-box;
  position:absolute;
  top:50px;
  width:100%;
  background:#fff;
  border:1px solid #bdbdbd;
  z-index:2;
}
*/
.autocomplete td {
  padding:5px 20px;
  cursor:pointer;
	color: #333 !important;
}
.autocomplete td:hover {
  background:#efefef;
}
.autocomplete input:focus + button + table {
  display:table;
}

/*
.autocomplete table {
  width:100%;
  background:#fff;
}
.autocomplete td {
  padding:5px 20px;
  cursor:pointer;
}
.autocomplete td:hover {
  background:#efefef;
}

*/