@charset "utf-8";
.fs-l-main {
  padding: 0;
  margin: 0 auto0;
}
/* --------------------------------------------------------------------------------
	index
-------------------------------------------------------------------------------- */
#index {}

.main-visual {
    margin-top: 103px;
}
/* --------------------------------------------------------------------------------
	スライダー
-------------------------------------------------------------------------------- */
.fs-body-top .main-visual .slick-arrows {
  position: absolute;
  top: 50%;
  margin-top: -4.5vw;
  width: 100%;
}
.fs-body-top .main-visual .slick-arrows .slick-arrows-box {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.fs-body-top .main-visual .slick-prev, .fs-body-top .main-visual .slick-next {
  cursor: pointer;
  width: 8vw;
  height: 14.8vw;
  line-height: 1;
  opacity: 1;
  font-size: 1px;
}
.fs-body-top .main-visual .slick-prev {
  left: 0;
  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: 0;
  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 {
  margin: 0 2vw;
}
/* --- タイトル ---- */
#index h2 {
  margin: 0 0 3vw;
}
#index h2 .en {
  font-size: 4.8vw;
  color: #da5358;
  position: relative;
}
#index h2 .en:after {
  content: "";
  background: #cccccc;
  width: 0.3vw;
  height: 4vw;
  position: absolute;
  top: 50%;
  right: -2vw;
  margin-top: -2vw;
}
#index h2 .ja {
  font-size: 3.6vw;
  color: #666666;
  margin: 0 0 0 3vw;
}
/* --- もっと見る ---- */
#index .btn-more {
  text-align: center;
}
#index .btn-more a {
  display: inline-block;
  font-size: 3.6vw;
  padding: 2.5vw 11vw;
  background: #f4f3f1;
  border: 0.3vw solid #d0cabd;
  border-radius: 8vw;
}
/* ------ お知らせ -------- */
#index .topics {
  margin: 0 0 12vw;
}
#index .topics ul {
  margin: 0 0 20px;
}
#index .topics ul li .list_inn {
  display: flex;
  justify-content: space-between;
  margin: 0 0 10vw;
}
#index .topics ul li .thumb {
  width: 40vw;
}
#index .topics ul li .thumb img {
  min-width: 40vw;
  width: 40vw;
  height: 40vw;
  object-fit: cover;
  display: block;
}
#index .topics ul li .topics_text {
  width: 50vw;
}
#index .topics ul li .topics_text a {
  font-size: 3.6vw;
  line-height: 1.34;
  color: #333333;
  display: block;
}
/* ------ ランキング -------- */
#index .ranking {
  margin: 0 0 12vw;
}
#index .ranking .slider-sp .rcmd-slick-initialized {
  display: block;
}
#index .ranking .slider-sp .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: 2.9vw;
  height: 5.6vw;
  content: "\002003";
  cursor: pointer;
}
#index .ranking .slider-sp .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: 2.9vw;
  height: 5.6vw;
  content: "\002003";
  cursor: pointer;
}
#index .ranking .slider-sp .rcmd-slick-prev {
  width: 2.9vw;
  height: 5.6vw;
  left: 0;
}
#index .ranking .slider-sp .rcmd-slick-next {
  width: 2.9vw;
  height: 5.6vw;
  right: 0;
}
#index .ranking .slider-sp .rcmd-slick-prev.rcmd-slick-disabled:before, #index .ranking .slider-sp .rcmd-slick-next.rcmd-slick-disabled:before {
  opacity: 1;
}
#index .ranking .slider-sp .rcmd-slick-list {
  width: auto;
  margin: 0 2vw;
}
#index .ranking .slider-sp .rcmd-slick-list .rcmd-slick-track .item-box {
  position: relative;
}
#index .ranking .slider-sp .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: 6vw;
  height: 8.2vw;
  position: absolute;
  top: 0;
  left: 2vw;
}
#index .ranking .slider-sp .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: 6vw;
  height: 8.2vw;
  position: absolute;
  top: 0;
  left: 2vw;
}
#index .ranking .slider-sp .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: 6vw;
  height: 8.2vw;
  position: absolute;
  top: 0;
  left: 2vw;
}
#index .ranking .slider-sp .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: 6vw;
  height: 8.2vw;
  position: absolute;
  top: 0;
  left: 2vw;
}
#index .ranking .slider-sp .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: 6vw;
  height: 8.2vw;
  position: absolute;
  top: 0;
  left: 2vw;
}
#index .ranking .slider-sp .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: 6vw;
  height: 8.2vw;
  position: absolute;
  top: 0;
  left: 2vw;
}
#index .ranking .slider-sp .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: 6vw;
  height: 8.2vw;
  position: absolute;
  top: 0;
  left: 2vw;
}
#index .ranking .slider-sp .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: 6vw;
  height: 8.2vw;
  position: absolute;
  top: 0;
  left: 2vw;
}
#index .ranking .slider-sp .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: 6vw;
  height: 8.2vw;
  position: absolute;
  top: 0;
  left: 2vw;
}
#index .ranking .slider-sp .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: 6vw;
  height: 8.2vw;
  position: absolute;
  top: 0;
  left: 2vw;
}
#index .ranking .item-box {
  box-sizing: border-box;
  padding: 0 2vw;
  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: 3.6vw;
  line-height: 1.34;
  margin: 0 0 4vw;
	position: relative;
    height: 4em;
    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 .yen-price {
  /*display: flex;*/
	font-size: 3vw;
	align-items: center;
}
#index .ranking .item-box .price-box .yen {
  font-size: 3vw;
  /*	color:#cc0000;	*/
  font-weight: bold;
}
#index .ranking .item-box .price-box .price {
  font-size: 3.6vw;
  /*	color:#cc0000;	*/
  font-weight: bold;
}
#index .ranking .item-box .price-box .tax {
  font-size: 3.6vw;
  /*	color:#cc0000;	*/
  font-weight: bold;
}
/* ------ おすすめ -------- */
#index .pickup {
  margin: 0 0 12vw;
}
#index .pickup .pickup-box ul {
  display: flex;
  flex-wrap: wrap;
}
#index .pickup .pickup-box ul li {
  width: 48%;
  margin: 0 4% 10vw 0;
}
#index .pickup .pickup-box ul li:nth-child(9), #index .pickup .pickup-box ul li:nth-child(10) {
  display: none;
}
#index .pickup .pickup-box ul li:nth-child(2n) {
  margin: 0 0 10vw;
}
#index .pickup .pickup-box ul li .img {
  display: block;
  width: 100%;
  padding: 1.7vw;
  border: 0.3vw 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: 3.6vw;
  font-weight: bold;
  line-height: 1.34;
  margin: 0 0 4vw;
}
#index .pickup .pickup-box ul li .price-box {
  display: flex;
}
#index .pickup .pickup-box ul li .price-box .yen {
  font-size: 3.6vw;
  /*	color:#cc0000;	*/
  font-weight: bold;
}
#index .pickup .pickup-box ul li .price-box .price {
  font-size: 3.6vw;
  /*	color:#cc0000;	*/
  font-weight: bold;
}
#index .pickup .pickup-box ul li .price-box .tax {
  font-size: 3.6vw;
  /*	color:#cc0000;	*/
  font-weight: bold;
}
/* ------ 新着商品 -------- */
#index .newarrival {
  margin: 0 0 12vw;
}
#index .newarrival .newarrival-box ul {
  display: flex;
  flex-wrap: wrap;
}
#index .newarrival .newarrival-box ul li {
  width: 48%;
  margin: 0 4% 10vw 0;
}
#index .newarrival .newarrival-box ul li:nth-child(9), #index .newarrival .newarrival-box ul li:nth-child(10) {
  display: none;
}
#index .newarrival .newarrival-box ul li:nth-child(2n) {
  margin: 0 0 10vw;
}
#index .newarrival .newarrival-box ul li .img {
  display: block;
  width: 100%;
  padding: 1.7vw;
  border: 0.3vw 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: 3.6vw;
  font-weight: bold;
  line-height: 1.34;
  margin: 0 0 4vw;
}
#index .newarrival .newarrival-box ul li .price-box {
  display: flex;
}
#index .newarrival .newarrival-box ul li .price-box .yen {
  font-size: 3.6vw;
  /*	color:#cc0000;	*/
  font-weight: bold;
}
#index .newarrival .newarrival-box ul li .price-box .price {
  font-size: 3.6vw;
  /*	color:#cc0000;	*/
  font-weight: bold;
}
#index .newarrival .newarrival-box ul li .price-box .tax {
  font-size: 3.6vw;
  /*	color:#cc0000;	*/
  font-weight: bold;
}
/* ------ 新規会員登録で500ポイントプレゼント -------- */
#index .btns-customer {
  margin: 0 0 4.8vw;
}
#index .btns-customer img {
  display: block;
}
/* ------ バナー -------- */
#index .bnrs {
  margin: 0 0 15vw;
}
#index .bnrs ul li {
  margin: 0 0 4.8vw;
}
#index .bnrs ul li img {
  display: block;
}
/* ------ カテゴリ -------- */
#index .category h2 {
  background: url("../images/common/bg-line.png") repeat-x 0 100%;
  background-size: 0.9vw 0.3vw;
  padding: 0 0 2vw;
  margin: 0 0 4vw;
  font-size: 4.8vw;
  font-weight: bold;
}
/* ------ シーン -------- */
#index .category .scene {
  margin: 0 0 19vw;
}
#index .category .scene ul {
  display: table;
  width: 100%;
}
#index .category .scene ul li {
  display: table-cell;
  vertical-align: middle;
  width: 33.3%;
  border-top: 0.3vw solid #cccccc;
  border-left: 0.3vw solid #cccccc;
  border-bottom: 0.3vw solid #cccccc;
  padding: 2vw;
}
#index .category .scene ul li:nth-child(3n) {
  border-right: 0.3vw solid #cccccc;
}
#index .category .scene ul li a {
  position: relative;
  display: block;
  font-size: 3.6vw;
  font-weight: bold;
  line-height: 1.34;
}
#index .category .scene ul li:nth-child(1) a {
  padding: 0 0 0 8vw;
}
#index .category .scene ul li:nth-child(2) a {
  padding: 0 0 0 8vw;
}
#index .category .scene ul li:nth-child(3) a {
  padding: 0 0 0 8vw;
}
#index .category .scene ul li:nth-child(1) a::before {
  content: "";
  background: url("../images/common/icon-gift.png") no-repeat;
  background-size: 100%;
  width: 3.5vw;
  height: 4.2vw;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -2.1vw;
}
#index .category .scene ul li:nth-child(2) a::before {
  content: "";
  background: url("../images/common/icon-home.png") no-repeat;
  background-size: 100%;
  width: 4vw;
  height: 3.7vw;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1.85vw;
}
#index .category .scene ul li:nth-child(3) a::before {
  content: "";
  background: url("../images/common/icon-mail.png") no-repeat;
  background-size: 100%;
  width: 5vw;
  height: 3.5vw;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1.75vw;
}
/* ------ 特集から探す -------- */
#index .category .feature {
  margin: 0 0 12vw;
}
#index .category .feature ul {
  display: flex;
  flex-wrap: wrap;
}
#index .category .feature ul li {
  width: 48%;
  margin: 0 4% 10vw 0;
}
#index .category .feature ul li:nth-child(2n) {
  margin: 0 0 10vw;
}
#index .category .feature ul li .img {
  display: block;
  width: 100%;
  padding: 1.7vw;
  border: 0.3vw solid #cccccc;
  margin: 0 0 7px;
}
#index .category .feature ul li .img img {
  display: block;
}
#index .category .feature ul li .txt {
  text-align: center;
  font-size: 3.6vw;
  font-weight: bold;
}
/* ------ 種類から探す -------- */
#index .category .type {
  margin: 0 0 17vw;
}
#index .category .type ul {}
#index .category .type ul li {
  margin: 0 0 5vw;
}
#index .category .type ul li a {
  display: flex;
  align-items: center;
  font-size: 3.6vw;
  position: relative;
}
#index .category .type ul li a .img {
  width: 15vw;
}
#index .category .type ul li a .img img {
  display: block;
}
#index .category .type ul li a .txt {
  padding: 2vw 2.5vw;
}
#index .category .type ul li a::before {
  content: "";
  background: url("../images/common/h-icon-right_arr.png") no-repeat;
  background-size: 100%;
  width: 2.2vw;
  height: 4vw;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -2vw;
}
/* ------ ご予算で探す -------- */
#index .category .budget {
  margin: 0 0 17vw;
}
#index .category .budget ul {
  display: table;
  width: 100%;
}
#index .category .budget ul:nth-child(1) {
  border-top: 0.3vw solid #cccccc;
}
#index .category .budget ul li {
  display: table-cell;
  vertical-align: middle;
  width: 33.3%;
  border-left: 0.3vw solid #cccccc;
  border-bottom: 0.3vw solid #cccccc;
  padding: 1.5vw 2vw;
}
#index .category .budget ul li:nth-child(3n) {
  border-right: 0.3vw solid #cccccc;
}
#index .category .budget ul li a {
  font-size: 3.6vw;
  line-height: 1.34;
  font-weight: bold;
}
/* ------ ご予算で探す -------- */
#index .bnr-remake_cleaning {
  margin: 0 0 10vw;
}
#index .bnr-remake_cleaning img {
  width: 100%;
  display: block;
}