@charset "UTF-8";
/* CSS Document */

#fs_Top main{
    width: 100%;
    margin: -30px auto 0;
}
#fs_Top .inner{
    width: 980px;
    margin: 0 auto;
}
#fs_Top .slider{
    margin-bottom: 30px;
    background: #f3efe5;
}
#fs_Top .boxArea{
    width: 100%;
    background: #f3efe5;
    margin: 0 !important;
    padding-bottom: 10px;
}
#fs_Top .boxArea.box2{
    padding-top: 30px;
}
#fs_Top .boxArea.box3{
    padding-bottom: 30px;
}
#fs_Top .boxArea li{
    margin-right: 10px;
}
#fs_Top .boxArea.box2 li{
    width:485px;
}
#fs_Top .boxArea.box3 li{
    width:320px;
}

#fs_Top .topRecommend{
    background: #fff;
    width: 980px;
    margin: 0 auto;
}
#fs_Top h2.topRecommendTitle{
    margin: 50px auto 30px;
}
#fs_Top h2.topRecommendTitle img {
    float: left;
    display: block;
}
#fs_Top h2.topRecommendTitle span {
    color: #cd9c10;
    font-size: 80%;
    margin: 4px 0 0 10px;
    float: left;
    display: block;
}

/*=====スライダー共通=====*/
.slider li {
  width: 980px;
	height: 400px;
}
.slider li p{
  width: 980px;
	height: 190px;
  margin: 210px auto 0 auto;
	text-align: left;
	line-height: 160%;
}
@media(min-width: 1px) and (max-width: 980px) {
  .slider li{
    width: 100vw !important;
    height: calc(100vw * 400 / 980) !important;
    background-size: 200% !important;
  }
  .slider li p {
    width: 100vw;
    height: 20vw;
    margin: 21vw 0 0 2vw;
    font-size: 1.6vw;
  }
}

/*=====ワールドオブリンツ=====*/
.slider li.slide01{
	background:url("../slide01.jpg") center top no-repeat ;
}
.slider li.slide01 p{
	color:#f7c080;
}

/*=====リンドール=====*/
.slider li.slide03{
	background:url("../slide03.jpg") center top no-repeat ;
	/*position: absolute;
	top: 378px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;*/
}

.slider li.slide03 p{
	color:#f7c080;
}

/*=====ショコラカフェ=====*/
.slider li.slide04{
	background:url("../slide04.jpg") center top no-repeat ;
	/*position: absolute;
	top: 378px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 400px;
  margin: auto;*/
}

.slider li.slide04 p{
	color:#674217;
}

/*=====ショコラスウィーツ=====*/
.slider li.slide_chocolatsweets{
  background:url(https://lindt.itembox.design/item/ec/baked/22/bn/1_bn_top_2000x400.jpg) center top no-repeat ;
  /*position: relative;*/
}
.slider li.slide_fathersday22 p{
  color:#1a6698;
}

/*=====ヴィーガンチョコレート=====*/
.slider li.slide_vegan{
  background:url(https://lindt.itembox.design/item/ec/vegan/bn/1_bn_top_2000x400.jpg) center top no-repeat ;
  /*position: relative;*/
}
.slider li.slide_fathersday22 p{
  color:#1a6698;
}

/*=====ブランドページ=====*/
.slider li.slide_valentines_brand{
  background:url(https://lindt.itembox.design/item/ec/valentine/2022/bn/1_bn_top_2000x400_brand.jpg) center top no-repeat ;
  /*position: relative;*/
}
.slider li.slide_valentines_brand p{
  color:#4e3423;
}

/*=====バレンタイン=====*/
.slider li.slide_valentines{
  background:url(https://lindt.itembox.design/item/ec/valentine/2023/bn/1_bn_top_2000x400.jpg) center top no-repeat ;
  /*position: relative;*/
}
.slider li.slide_valentines p{
  color:#4e3423;
}


/*=====ホワイトデー=====*/
.slider li.slide_whiteday22{
  background:url(https://lindt.itembox.design/item/ec/whiteday/2022/bn/1_bn_top.jpg) center top no-repeat ;
  /*position: relative;*/
}
.slider li.slide_whiteday21 p{
  color:#b78d57;
}


/*=====イースター=====*/
.slider li.slide_easter22{
  background:url(https://lindt.itembox.design/item/ec/easter/2022/bn/1_bn_top.jpg) center top no-repeat ;
  /*position: relative;*/
}
.slider li.slide_easter21 p{
  color:#8f6728;
}

/*=====母の日=====*/
.slider li.slide_mothersday22{
  background:url(https://lindt.itembox.design/item/ec/mothersday/2022/bn/1_bn_top_2000x400.jpg) center top no-repeat ;
  /*position: relative;*/
}
.slider li.slide_mothersday21 p{
  color:#e56b6a;
}

/*=====アニバーサリー（ジャパンコレクション）=====*/
.slider li.slide_japan{
  background:url(https://lindt.itembox.design/item/ec/japan/bn/1_bn_top_2000x400.jpg) center top no-repeat ;
  /*position: relative;*/
}
.slider li.slide_japan p{
  color:#d81e01;
}

/*=====父の日=====*/
.slider li.slide_fathersday22{
  background:url(https://lindt.itembox.design/item/ec/fathersday/22/bn/1_bn_top_2000x400.jpg) center top no-repeat ;
  /*position: relative;*/
}
.slider li.slide_fathersday22 p{
  color:#1a6698;
}

/*=====サマーチョコレートフェスティバル=====*/
.slider li.slide_summerfes22{
  background:url(https://lindt.itembox.design/item/ec/summerfes/2022/bn/1_bn_top_2000x400.jpg) center top no-repeat ;
  /*position: relative;*/
}
.slider li.slide_summerfes22 p{
  color:#fff;
}

/*=====サマーギフト=====*/
.slider li.slide_summergift20{
  background:url(https://lindt.itembox.design/item/ec/summergift/20/1_bn_top_2000x400.jpg) center top no-repeat ;
  /*position: relative;*/
}
.slider li.slide_summergift20 p{
  color:#333782;
}

/*=====敬老の日=====*/
.slider li.slide_keiro22{
  background:url(https://lindt.itembox.design/item/ec/keiro/22/bn/1_bn_top_2000x400.jpg) center top no-repeat ;
  /*position: relative;*/
}
.slider li.slide_keiro22 p{
  color:#5a468b;
}

/*=====ハロウィン=====*/
.slider li.slide_halloween22{
  background:url(https://lindt.itembox.design/item/ec/halloween/22/bn/1_bn_top_2000x400.jpg) center top no-repeat ;
  /*position: relative;*/
}
.slider li.slide_halloween22 p{
  color:#f25c00;
}
/*=====ハロウィン=====*/
.slider li.slide_christmas21{
  background:url(https://lindt.itembox.design/item/ec/christmas/2021/bn/1_bn_top_2000x400.jpg) center top no-repeat ;
  /*position: relative;*/
}
.slider li.slide_christmas p{
  color:#f25c00;
}

/*=====タブレット=====*/
.slider li.slide_tablet22{
  background:url(https://lindt.itembox.design/item/ec/tablet/22/bn/1_bn_top_2000x400.jpg) center top no-repeat ;
  /*position: relative;*/
}
.slider li.slide_excellence20 p{
  color:#fbd893;
}
/*=====エクセレンス=====*/
.slider li.slide_excellence20{
  background:url(https://lindt.itembox.design/item/ec/excellence/20/img/slide.jpg) center top no-repeat ;
  /*position: relative;*/
}
.slider li.slide_excellence20 p{
  color:#fbd893;
}
/*=====エクセレンス=====*/
.slider li.slide_excellence21{
  background:url(https://lindt.itembox.design/item/ec/excellence/21/slide_off.jpg) center top no-repeat ;
  /*position: relative;*/
}
.slider li.slide_excellence21 p{
  color:#ffffff;
}



/*=====クリスマス=====*/
.slider li.slide_christmas22{
  background:url(https://lindt.itembox.design/item/ec/christmas/22/bn/1_bn_top_2000x400.jpg) center top no-repeat ;
  /*position: relative;*/
}
.slider li.slide_christmas22 p{
  color:#fff;
}


@media(min-width: 1px) and (max-width: 980px) {
	#fs_Top .inner{
		width: 100%;
	    margin: 0 auto;
	    padding: 0 1%;
	}
	#fs_Top .boxArea.box2 li{
		width: 49.5%;
	}
	#fs_Top .boxArea.box3 li{
		width: 32.6666%;
	}
	#fs_Top .boxArea li {
	    margin-right: 1%;
	}
  #fs_Top .topRecommend{
      width: 100%;
  }

  #fs_Top .slider{
    height: calc(100vw * 400 / 980);
  }
  #fs_Top .slider li.slide03 p{
  	line-height: 1.2;
  }
}