@charset "utf-8";

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

/* ==================================
sec-campaign
================================== */
#sec-campaign a {
  display:block;
  height:40px;
  background:url(../../images/banner/bnr_free1609_obi.jpg) center;
}
#sec-campaign a span {
  display:none;
}

/* ==================================
tooltip ( PowerTip Plugin )
================================== */
#powerTip {
  cursor:default;
  background-color:#424242;
  border-radius:4px;
  color:#fff;
  display:none;
  padding:5px 10px;
  position:absolute;
  white-space:nowrap;
  z-index:2147483647;
  font-size:12px;
}
#powerTip:before {
  content:"";
  position:absolute;
}
#powerTip.n:before, #powerTip.s:before {
  border-right:4px solid transparent;
  border-left:4px solid transparent;
  left:50%;
  margin-left:-4px;
}
#powerTip.e:before, #powerTip.w:before {
  border-bottom:4px solid transparent;
  border-top:4px solid transparent;
  margin-top:-4px;
  top:50%;
}
#powerTip.n:before {
  border-top:4px solid #424242;
  bottom:-4px;
}
#powerTip.e:before {
  border-right:4px solid #424242;
  left:-4px;
}
#powerTip.s:before {
  border-bottom:4px solid #424242;
  top:-4px;
}
#powerTip.w:before {
  border-left:4px solid #424242;
  right:-4px;
}
#powerTip.ne:before, #powerTip.se:before {
  border-right:4px solid transparent;
  border-left:0;
  left:4px;
}
#powerTip.nw:before, #powerTip.sw:before {
  border-left:4px solid transparent;
  border-right:0;
  right:4px;
}
#powerTip.ne:before, #powerTip.nw:before {
  border-top:4px solid #424242;
  bottom:-4px;
}
#powerTip.se:before, #powerTip.sw:before {
  border-bottom:4px solid #424242;
  top:-4px;
}
#powerTip.nw-alt:before, #powerTip.ne-alt:before,
#powerTip.sw-alt:before, #powerTip.se-alt:before {
  border-top:4px solid #424242;
  bottom:-4px;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  left:4px;
}
#powerTip.ne-alt:before {
  left:auto;
  right:4px;
}
#powerTip.sw-alt:before, #powerTip.se-alt:before {
  border-top:none;
  border-bottom:4px solid #424242;
  bottom:auto;
  top:-4px;
}
#powerTip.se-alt:before {
  left:auto;
  right:4px;
}

/* ==================================
tooltip ( Tooltipster Plugin )
================================== */
.tooltipster-base {
  top: 90px !important;
}
.tooltipster-sidetip .tooltipster-box {
  border: none !important;
  background :#424242 !important;
}
.tooltipster-sidetip .tooltipster-content {
  padding:5px 10px !important;
  color:#fff;
  font-size: 12px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #424242 !important;
  top: 0;
  }
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top: none;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  top: 33px !important;
  transform: rotate(180deg);
}

/* ==================================
list_item
================================== */
.list_item {
  padding:60px 0 40px;
  background-color:#eee;
}
.list_item:nth-of-type(2n-1) {
  background-color:#fff;
}
.list_item .inner {
  position:relative;
  width:1000px;
  margin:0 auto;
}
.list_item h2,
.list_item h3 {
  margin-bottom:20px;
  font-size:20px;
  font-weight:normal;
}
.list_item h2 span,
.list_item h3 span {
  margin-left:15px;
  font-size:15px;
  vertical-align:bottom;
}
/*#recently.list_item h2,
#recently.list_item h3 {
  margin-bottom:0;
}*/
.list_item .bt-more {
  position:absolute;
  top:14px;
  right:0;
}
.list_item .bt-more a {
  min-height:18px;
  padding-left:28px;
  font-size:14px;
  line-height:18px;
  color:#000;
  background:url(../../images/common/icon_item_arrow.png) 0 center no-repeat;
}
.list_item .slider {
  color:#757575;
}
.list_item .bx-wrapper {
  max-width:1000px !important;
}


.list_item .slider li {
	padding:0;
}
.list_item .slider li a {
  display:block;
  position:relative;
  text-decoration:none;
}
.slick-slider li a {
	padding:0 15px;
}

.list_item .slider li span {
  display:block;
  margin-top:4px;
  font-size:12px;
/*  text-align:center;*/
  word-break:break-all;
}
.list_item .slider li img {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border:1px solid #e6e6e6;
}
.list_item .slider li .item_img {
	position:relative;
	margin:0;
}
.list_item .slider li .item_status {
	width:100%;
	margin:0;
	text-align:left;
}
.list_item .slider li .item_status img {
	display:inline;
	width:auto;
	height: 18px;
	margin:2px 2px 0 0;
	border:none;
	font-size: 0;
}
.list_item .slider li .item_bland {
  margin-top:15px;
}
.list_item .slider li .item_price {
  margin-bottom:10px;
  font-size:14px;
}
.list_item .slider li .item_icon {
	margin:0;
}

.list_item .slider li .item_icon img {
  display:inline;
  margin:4px 4px 0 0;
  border:none;
  vertical-align:middle;
  max-height:20px;
}

/* アイコン表示 */
.list_item .slider 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 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 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.number li {
	padding-top:50px;
}

.list_item .slider.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.number li:nth-child(1) a:before { background-image:url(../../images/icon/icon_number01.svg); }
.list_item .slider.number li:nth-child(2) a:before { background-image:url(../../images/icon/icon_number02.svg); }
.list_item .slider.number li:nth-child(3) a:before { background-image:url(../../images/icon/icon_number03.svg); }
.list_item .slider.number li:nth-child(4) a:before { background-image:url(../../images/icon/icon_number04.svg); }
.list_item .slider.number li:nth-child(5) a:before { background-image:url(../../images/icon/icon_number05.svg); }
.list_item .slider.number li:nth-child(6) a:before { background-image:url(../../images/icon/icon_number06.svg); }
.list_item .slider.number li:nth-child(7) a:before { background-image:url(../../images/icon/icon_number07.svg); }
.list_item .slider.number li:nth-child(8) a:before { background-image:url(../../images/icon/icon_number08.svg); }
.list_item .slider.number li:nth-child(9) a:before { background-image:url(../../images/icon/icon_number09.svg); }
.list_item .slider.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; }

/* ==================================
autocomplete
================================== */
.autocomplete {
  position:relative;
}
.autocomplete div {
	z-index: 888 !important;
}
/*
.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;
}
.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;
}

/* ==================================
news
================================== */
#news #contents h1 {
  margin: 50px 0 0;
}