/* ===== トップページ用CSS(PC) ↓↓ ===== */
/* パーツ:top.css */
/* ナビゲーション位置 */
.fs-p-headerNavBar {
  opacity: 0;
  top: -150px; /* ※上に隠す設定 --> topのみtop.css */
}
/* date check */
header.fs-l-header {
  padding-top: 0px !important;
}
/* ファーストイメージ */
#para1 {
  height: 75vh;
}
.para1Img {
  background-image: url("https://grande.itembox.design/item/image/top/top-first4.jpg");
  background-position: center top;
/*  background-attachment: fixed;*/
  background-size: auto 100%;
  background-repeat: repeat;
  height: 75vh;
  width: 100%;
  position: relative;
  display: none;
}
.para1Img p.para1Txt {
  text-align: center;
  padding-top: 27vh;
  font-family: 'Times New Roman','Times',serif;
  font-size: 20rem;
  font-size: 25vmin;  
  color: #fff;
  /*  text-shadow: 0 0 10px #000;*/
  margin-top: 0;
}
p.para1Txt {
  margin-right: auto;
  margin-left: auto;
  position: fixed;
  width: 100%;
}
/* ファーストイメージ end */
/* スクロールアニメーション */
.scrollblock {
  height: 280px;
  margin: 55px auto 0;
}
.scroll {
  position: absolute;
  left: 50%;
  bottom: -65px;
  transform: translateX(-50%);
  z-index: 2;
  display: none;
}
.scroll p {
  color: #000;
  font-size: 2.25rem;
  line-height: 1;
  margin-bottom: 10px;
  font-family: "Hiragino Mincho ProN",'游明朝','Yu Mincho',YuMincho,serif;
}
.scroll span {
  position: relative;
  display: block;
  width: 1px;
  height: 130px;
  overflow: hidden;
  margin: 0 auto;
  background: #000;
}
.scroll span:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 1px;
  height: 25px;
  margin: 0 auto;
  background: #ccc;
  animation: anim 1.5s ease 0s infinite;
}
@keyframes anim {
  0% {
    top: -100%;
  }
  100% {
    top: 100%;
  }
}
/* スクロールアニメーション end */
/* ==== ふわっと表示/非表示 ==== */
/* メインイメージ用 */
.dispgra {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.hidegra {
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  visibility: hidden;
}
/* SCROLL用 遅く消える*/
.hidegra2 {
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
  visibility: hidden;
}
/* トップ カルーセル余白 */
.topCarousel img {
  padding: 0 20px;
}
/* 特集 カルーセル余白 */
.carousel_feature .slick-slide {
  padding: 10px;
}
/* 特集 カルーセルキャプション設定 */
.carousel_feature figure {
  display: table !important;
}

.carousel_feature figcaption {
  display: table;
  caption-side: bottom;
  position: static;
  background: initial;
  color: initial;
  padding: 8px 0 0 0;
}
figcaption.fs-pt-carousel__slide__caption:hover {
    color: #0085b7;
}
/* 任意商品表示　キャッチコピー非表示 */
span.fs-c-productName__copy {
    display: none;
}
/* トップページ見出し文字レイアウト */
.fs-p-heading--lv2 {
    border-bottom: none;
    font-size: 3rem;
    text-align:center;
    color: #707070;
    margin-bottom: 45px;
    font-family: "Hiragino Mincho ProN",'游明朝','Yu Mincho',YuMincho,serif!important;
} 
h2.fs-p-heading--lv2:first-child {
    margin-top: 60px;
} 
h2.fs-p-heading--lv2:not(:first-child) {
    margin-top: 100px!important;
}

/* 新着情報日付 レイアウト */
time {
  margin-right: 10px;
}
/* テイスト別タブ */
.TStabgroup {
  width: 100%;
  margin: auto;
  margin-bottom: 30px;
}
.TStabnav {
  margin: auto;
  padding: 0;
  display: flex;
  text-align: center;
  justify-content: center;
  border-bottom: 3px solid #000000;
}
.TStabnav li {
  font-size: 1.8rem;
  width: 200px;
  display: block;
  box-sizing: border-box;
  margin: auto 20px;
}
.TStabnav li a {
  display: block;
  width: 100%;
  background: #efefef;
  color: #000000;
  text-decoration: none;
  padding: 10px;
  font-size: 0.8em;
  font-weight: bold;
}
.TStabnav li.active a {
  background: #000000;
  color: #ffffff;
}
.TStabcontent {
  padding: 20px 0;
}
.TStabcontent .TStabcontent_list {
  display: none;
}
.TStabcontent .TStabcontent_list.show {
  display: block;
}
/* ランキング 連番 */
div.rankingTaste {
  counter-reset: rank;
}
div.rankingTaste div.fs-c-productListItem__image > a::before {
  counter-increment: rank;
  content: counter(rank);
  background-color: rgba(0, 0, 0, 0.75);
  font-size: 1em;
  display: block;
  position: absolute;
  color: #ffffff;
  padding: 0.25em 0.25em 0.25em 0;
  font-weight: bold;
  width: 3em;
  text-align: center;
  box-sizing: border-box;
  /*    border-radius: 0 18px 18px 0;*/
}
/* new arrival マーク */
div.newTaste div.fs-c-productListItem__image {
  position: relative;
}
div.newTaste div.fs-c-productListItem__image > a::before {
  content: "NEW";
  background-color: rgba(0, 0, 0, 0.75);
  ;
  font-size: 1em;
  display: block;
  position: absolute;
  color: #ffffff;
  padding: 0.25em 0.25em 0.25em 0;
  font-weight: bold;
  width: 5em;
  text-align: center;
  box-sizing: border-box;
  bottom: 0;
  right: 0;
  /*    border-radius: 0 18px 18px 0;*/
}
/* インスタ用レイアウト */
.instagram-center {
  margin: 0 auto;
  max-width: 500px;
}
/* インスタ用レイアウト end */
/* ===== トップページ用CSS(PC) end ↑↑ ===== */