@charset "utf-8";
.fs-l-main {
  padding: 0;
  margin: 25px auto 0;
}
/* --------------------------------------------------------------------------------
	index
-------------------------------------------------------------------------------- */
#index {}
/* --------------------------------------------------------------------------------
	スライダー
-------------------------------------------------------------------------------- */
.fs-body-top .main-visual .slick-arrows {
  position: absolute;
  top: 50%;
  margin-top: -18px;
  width: 100%;
}
.fs-body-top .main-visual .slick-arrows .slick-arrows-box {
  position: relative;
  width: 800px;
  margin: 0 auto;
}
.fs-body-top .main-visual .slick-prev, .fs-body-top .main-visual .slick-next {
  cursor: pointer;
  width: 32px;
  height: 60px;
  line-height: 1;
  opacity: 1;
  font-size: 1px;
}
.fs-body-top .main-visual .slick-prev {
  left: 0px;
  background: url("https://palaisflora.itembox.design/item/images/index/btn-prev.png") no-repeat 0 0;
  background-size: contain;
}
.fs-body-top .main-visual .slick-next {
  right: 0px;
  background: url("https://palaisflora.itembox.design/item/images/index/btn-next.png") no-repeat 0 0;
  background-size: contain;
}
.fs-body-top .main-visual .slick-prev::before, .fs-body-top .main-visual .slick-next::before {
  display: none;
}
/* --- タイトル ---- */
#index h2 {
  margin: 0 0 30px;
}
#index h2 .en {
  font-size: 22px;
  color: #da5358;
  position: relative;
}
#index h2 .en:after {
  content: "";
  background: #cccccc;
  width: 1px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: -20px;
  margin-top: -10px;
}
#index h2 .ja {
  font-size: 14px;
  color: #666666;
  margin: 0 0 0 30px;
}
/* --- もっと見る ---- */
#index .btn-more {
  text-align: center;
}
#index .btn-more a {
  display: inline-block;
  font-size: 16px;
  padding: 12px 59px;
  background: #f4f3f1;
  border: 1px solid #d0cabd;
  border-radius: 40px;
}
/* ------ お知らせ -------- */
#index .topics {
  margin: 0 0 80px;
}
#index .topics ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 20px;
}
#index .topics ul li {
  width: 280px;
  margin: 0 30px 30px 0;
  position: relative;
}
#index .topics ul li:nth-child(3n) {
  margin: 0 0 30px 0;
}
#index .topics ul li .thumb img {
  min-width: 280px;
  width: 280px;
  height: 280px;
  object-fit: cover;
  display: block;
}
#index .topics ul li .topics_text {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px;
}
#index .topics ul li .topics_text a {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  display: block;
}
/* ------ ランキング -------- */
#index .ranking {
  margin: 0 0 80px;
}
#index .ranking .slider.rcmd-slick-initialized {
  display: block;
}
#index .ranking .slider .rcmd-slick-prev::before {
  background-image: url("../images/index/btn-ranking-prev.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 15px;
  height: 28px;
  content: "\002003";
  cursor: pointer;
}
#index .ranking .slider .rcmd-slick-next::before {
  background-image: url("../images/index/btn-ranking-next.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 15px;
  height: 28px;
  content: "\002003";
  cursor: pointer;
}
#index .ranking .slider .rcmd-slick-prev {
  width: 15px;
  height: 28px;
  left: 0;
}
#index .ranking .slider .rcmd-slick-next {
  width: 15px;
  height: 28px;
  right: 0;
}
#index .ranking .slider .rcmd-slick-prev.rcmd-slick-disabled:before, #index .ranking .slider .rcmd-slick-next.rcmd-slick-disabled:before {
  opacity: 1;
}
#index .ranking .slider .rcmd-slick-list {
  width: auto;
  margin: 0 21px;
}
#index .ranking .slider .rcmd-slick-list .rcmd-slick-track .item-box {
  position: relative;
}
#index .ranking .slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(1):after {
  content: "";
  background: url("../images/index/icon-rank1.png") no-repeat;
  background-size: 100%;
  width: 30px;
  height: 42px;
  position: absolute;
  top: 0;
  left: 12px;
}
#index .ranking .slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(2):after {
  content: "";
  background: url("../images/index/icon-rank2.png") no-repeat;
  background-size: 100%;
  width: 30px;
  height: 42px;
  position: absolute;
  top: 0;
  left: 12px;
}
#index .ranking .slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(3):after {
  content: "";
  background: url("../images/index/icon-rank3.png") no-repeat;
  background-size: 100%;
  width: 30px;
  height: 42px;
  position: absolute;
  top: 0;
  left: 12px;
}
#index .ranking .slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(4):after {
  content: "";
  background: url("../images/index/icon-rank4.png") no-repeat;
  background-size: 100%;
  width: 30px;
  height: 42px;
  position: absolute;
  top: 0;
  left: 12px;
}
#index .ranking .slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(5):after {
  content: "";
  background: url("../images/index/icon-rank5.png") no-repeat;
  background-size: 100%;
  width: 30px;
  height: 42px;
  position: absolute;
  top: 0;
  left: 12px;
}
#index .ranking .slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(6):after {
  content: "";
  background: url("../images/index/icon-rank6.png") no-repeat;
  background-size: 100%;
  width: 30px;
  height: 42px;
  position: absolute;
  top: 0;
  left: 12px;
}
#index .ranking .slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(7):after {
  content: "";
  background: url("../images/index/icon-rank7.png") no-repeat;
  background-size: 100%;
  width: 30px;
  height: 42px;
  position: absolute;
  top: 0;
  left: 12px;
}
#index .ranking .slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(8):after {
  content: "";
  background: url("../images/index/icon-rank8.png") no-repeat;
  background-size: 100%;
  width: 30px;
  height: 42px;
  position: absolute;
  top: 0;
  left: 12px;
}
#index .ranking .slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(9):after {
  content: "";
  background: url("../images/index/icon-rank9.png") no-repeat;
  background-size: 100%;
  width: 30px;
  height: 42px;
  position: absolute;
  top: 0;
  left: 12px;
}
#index .ranking .slider .rcmd-slick-list .rcmd-slick-track .item-box:nth-of-type(10):after {
  content: "";
  background: url("../images/index/icon-rank10.png") no-repeat;
  background-size: 100%;
  width: 30px;
  height: 42px;
  position: absolute;
  top: 0;
  left: 12px;
}
#index .ranking .item-box {
  box-sizing: border-box;
  padding: 0 12px;
  word-break: break-all;
}
#index .ranking .item-box a {
  color: inherit;
  text-decoration: none;
}
#index .ranking .item-box img {
  max-width: 100%;
}
#index .ranking .item-box .name {
  display: block;
  font-size: 14px;
  line-height: 1.7;
  margin: 0 0 5px;
	position: relative;
    height: 3em;
    overflow: hidden;
}
#index .ranking .item-box .name:before {
    position: absolute;
    background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    content: '';
    bottom: 0em;
    right: 0;
    width: 10em;
    height: 1.2em;
}
#index .ranking .item-box .price-box {
  display: flex;
}
#index .ranking .item-box .price-box .yen {
  font-size: 14px;
  /*	color:#cc0000;	*/
  font-weight: bold;
}
#index .ranking .item-box .price-box .price {
  font-size: 14px;
  /*	color:#cc0000;	*/
  font-weight: bold;
}
#index .ranking .item-box .price-box .tax {
  font-size: 14px;
  /*	color:#cc0000;	*/
  font-weight: bold;
}
/* ------ おすすめ -------- */
#index .pickup {
  margin: 0 0 80px;
}
#index .pickup .pickup-box ul {
  display: flex;
  flex-wrap: wrap;
}
#index .pickup .pickup-box ul li {
  width: 200px;
  margin: 0 33px 45px 0;
}
#index .pickup .pickup-box ul li:nth-child(4n) {
  margin: 0 0 45px;
}
#index .pickup .pickup-box ul li .img {
  display: block;
  width: 200px;
  padding: 10px;
  border: 1px solid #cccccc;
  margin: 0 0 7px;
}
#index .pickup .pickup-box ul li .img img {
  display: block;
}
#index .pickup .pickup-box ul li .name {
  display: block;
  font-size: 14px;
  line-height: 1.7;
  margin: 0 0 5px;
}
#index .pickup .pickup-box ul li .price-box {
  display: flex;
}
#index .pickup .pickup-box ul li .price-box .yen {
  font-size: 14px;
  /*	/*	color:#cc0000;	*/ */ font-weight: bold;
}
#index .pickup .pickup-box ul li .price-box .price {
  font-size: 14px;
  /*	color:#cc0000;	*/
  font-weight: bold;
}
#index .pickup .pickup-box ul li .price-box .tax {
  font-size: 14px;
  /*	color:#cc0000;	*/
  font-weight: bold;
}
/* ------ 新着商品 -------- */
#index .newarrival {
  margin: 0 0 40px;
}
#index .newarrival .newarrival-box ul {
  display: flex;
  flex-wrap: wrap;
}
#index .newarrival .newarrival-box ul li {
  width: 200px;
  margin: 0 33px 45px 0;
}
#index .newarrival .newarrival-box ul li:nth-child(4n) {
  margin: 0 0 45px;
}
#index .newarrival .newarrival-box ul li .img {
  display: block;
  width: 200px;
  padding: 10px;
  border: 1px solid #cccccc;
  margin: 0 0 7px;
}
#index .newarrival .newarrival-box ul li .img img {
  display: block;
}
#index .newarrival .newarrival-box ul li .name {
  display: block;
  font-size: 14px;
  line-height: 1.7;
  margin: 0 0 5px;
}
#index .newarrival .newarrival-box ul li .price-box .yen {
  font-size: 14px;
  /*	color:#cc0000;	*/
  font-weight: bold;
}
#index .newarrival .newarrival-box ul li .price-box {
  display: flex;
}
#index .newarrival .newarrival-box ul li .price-box .price {
  font-size: 14px;
  /*	color:#cc0000;	*/
  font-weight: bold;
}
#index .newarrival .newarrival-box ul li .price-box .tax {
  font-size: 14px;
  /*	color:#cc0000;	*/
  font-weight: bold;
}
/* ------ 新規会員登録で500ポイントプレゼント -------- */
#index .btns-customer {
  margin: 0 0 80px;
}