@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
================================== */


/* .win-close ------------------------ */
.win-close {
	display: inline-block;
	background: #000000;
	cursor: pointer;
	transition: opacity .3s ease-out;
}
.win-close:hover {
	opacity: .6;
}


/* .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 a .item_img img{
	transition: opacity .3s ease-out;	
}
.list_item a:hover .item_img img{
	opacity: 0.6;
}
.list_item a:hover .item_status img{
	opacity: 1;
}


/* ==================================
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: #f4f4f4;
	overflow: hidden;
	padding: 30px 29px 35px 29px;
}
#ranking-clm li {
	float: left;
	width: 170px;
	margin: 0 23px 0 0;
	padding: 0;
	position: relative;
}
#ranking-clm li:nth-child(1)::after{
	content: "";
	position: absolute;
	top: 10px;
	left: -10px;
	background: url(../../images/icon/icon-listrank1.png) top center no-repeat;
	width: 30px;
	height: 30px;
}
#ranking-clm li:nth-child(2)::after{
	content: "";
	position: absolute;
	top: 10px;
	left: -10px;
	background: url(../../images/icon/icon-listrank2.png) top center no-repeat;
	width: 30px;
	height: 30px;
}
#ranking-clm li:nth-child(3)::after{
	content: "";
	position: absolute;
	top: 10px;
	left: -10px;
	background: url(../../images/icon/icon-listrank3.png) top center no-repeat;
	width: 30px;
	height: 30px;
}
#ranking-clm li:nth-child(4)::after{
	content: "";
	position: absolute;
	top: 10px;
	left: -10px;
	background: url(../../images/icon/icon-listrank4.png) top center no-repeat;
	width: 30px;
	height: 30px;
}
#ranking-clm li:nth-child(5)::after{
	content: "";
	position: absolute;
	top: 10px;
	left: -10px;
	background: url(../../images/icon/icon-listrank5.png) top center no-repeat;
	width: 30px;
	height: 30px;
}
#ranking-clm li:last-child{
	margin-right: 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: auto;
	min-width: 140px;
	color: #333;
	font-size: 15px;
	text-align: center;
	margin: 0 10px 0 0;
	padding: 0 10px;
	background: #dddddd;
	border-bottom: solid 1px #ffffff;
	height: 42px;
	line-height: 42px;
	box-sizing: border-box;
	transition: opacity .3s ease-out;
}
#ranking .ranking-tab li a.current {
	background: #f4f4f4;
	border-bottom: none;
}
#ranking .ranking-tab li a:hover{
	opacity: 0.6;
}
#ranking .ranking-tab li:last-child a{
	margin-right: 0;
} 

#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 .item_status img {
	display: inline;
	margin: 3px 3px 0 0;
	border: none;
	vertical-align: middle;
	max-height: 18px;
	-webkit-backface-visibility: hidden;
}





/* ==================================
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;
}

*/