@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 450px) {
  .top_scroll::-webkit-scrollbar {
    display: none;
    -webkit-appearance: none;
  }
}

@media screen and (max-width: 768px) {
  body#fs_Top section.fs-l-pageMain>section {
    /*    margin-bottom: 23vw;*/
    margin-bottom: 10vw;
  }

  body#fs_Top section.fs-l-pageMain {
    margin-top: 5vw;
  }

  /*商品テンプレ
***************************************************************/
  .initialized {
    position: relative;
    right: 40px;
  }

  .top_scroll {
    overflow-x: scroll !important;
    -webkit-overflow-scrolling: touch !important;
    transform: translateZ(0);
  }

  .top_scroll::-webkit-scrollbar {
    height: 10px;
  }

  /*バーの太さ*/
  .top_scroll::-webkit-scrollbar-track {
    background: #fff;
  }

  /*バーの背景色*/
  .top_scroll::-webkit-scrollbar-thumb {
    background: #ddd;
  }

  /*バーの色*/
  ul.flex.row5 {
    flex-wrap: unset;
    width: 752.5px;
    padding-right: 10px;
  }

  ul.flex.row5 li a:hover img {
    transform: unset;
  }

  /* おすすめ商品 */

  section.top_recommend ul.flex.row5 {
    width: 1510px;
    padding-right: 10px;
    height: auto;
  }

  section.top_recommend ul.flex.row5 li {
    flex-basis: 9.2%;
    margin-right: 5px;
    height: auto;
  }

  /* 新着商品 */

  section.top_new ul.flex.row5 {
    width: 1510px;
    padding-right: 10px;
  }

  section.top_new ul.flex.row5 li {
    flex-basis: 9.2%;
    margin-right: 5px;
  }

  h2.top_title {
    font-size: 20px;
    margin: 0 auto 4vw;
  }

  h2.top_title span {
    margin-left: 12px;
  }

  p.view_more {
    margin: -20px auto;
    width: 90%;
    font-size: 12px;
  }

  p.view_more a {
    padding: 10px;
  }

  p.view_more:hover {
    background-color: #d3ab8b;
  }

  p.view_more:hover a {
    color: #fff;
  }

  p.view_more::after,
  p.view_more::before,
  p.view_more span::after,
  p.view_more span::before {
    content: none;
  }

  body#fs_Top p.c_tag.p_down {
    padding: 1.5px 11.5px;
  }

  /* gooda */
  div.top_gooda {
    width: 90%;
  }

  /*トップスライダー
***************************************************************/
  body#fs_Top .slick-track .slick-slide {
    margin: 0;
    /* display: none; */
    /* リニューアル時に↑を有効にする */
  }

  body#fs_Top .fs-c-slick .slick-dots {
    margin: 0;
    padding-top: 0;
    display: none !important;
    /*スライダー下のドットを非表示*/
  }

  body#fs_Top .fs-c-slick .slick-dots li {
    width: 16px;
  }

  body#fs_Top .fs-c-slick .slick-dots li button {
    width: 16px;
  }

  body#fs_Top .fs-c-slick .slick-dots li button:before {
    width: 16px;
  }

  body#fs_Top .fs-c-slick .slick-dots li+li {
    margin-left: 3px;
  }

  body#fs_Top .slick-slide.slick-active figure.fs-pt-carousel__slide:hover img {
    transform: unset;
  }

  /* ボックス大バナー */
  div.box-big-bana{
    display: block;
  }

  /*特集・イベント
***************************************************************/
  section.top_special .fs-pt-column {
    flex-wrap: wrap;
  }

  section.top_special .fs-pt-column__item {
    width: 48.5%;
    margin: 0 0 2vw;
  }

  section.top_special .fs-pt-column>*:nth-child(4) {
    display: block;
  }

  section.top_special {
    padding: 5vw 10px 5vw;
  }

  section.top_special span.fs-pt-column__heading {
    display: none;
    /* font-size: 14px;
    margin: 0 auto 1vw;
    padding: 3px 3px 6px; */
  }

  section.top_special .fs-pt-column__item:hover img {
    transform: unset;
  }

  /*シーン別
***************************************************************/
  section.top_scene .fs-pt-column {
    flex-wrap: wrap;
  }

  section.top_scene .fs-pt-column__item {
    width: 48.5%;
    margin: 0 0 2vw;
  }

  section.top_scene .fs-pt-column>*:nth-child(4) {
    display: block;
  }

  section.top_scene {
    padding: 7vw 10px 0;
  }

  section.top_scene span.fs-pt-column__heading {
    display: none;
    /* font-size: 14px;
    margin: 0 auto 1vw;
    padding: 3px 3px 6px; */
  }

  section.top_scene .fs-pt-column__item:hover img {
    transform: unset;
  }

  /*カテゴリ別ランキング
***************************************************************/
  h3.ranking {
    font-size: 16px;
    padding-bottom: 3px;
    margin: 0 auto 3vw;
  }

  h3.ranking span {
    margin: 0 0px 0 5px;
    display: inline-block;
  }

  h3.ranking span img {
    width: 82.8%;
  }

  section.top_ranking .flex {
    flex-direction: row;
  }

  section.top_ranking .flex li {
    width: 31%;
  }

  section.top_ranking .flex li::after {
    content: none;
  }

  section.top_ranking .flex li::before {
    margin: 0 auto 0.5vw;
  }

  section.top_ranking .flex li a:hover img {
    transform: scale(1);
  }

  section.flex_row {
    flex-direction: column;
  }

  section.flex_row>div {
    width: 100%;
    margin: 0 0 11px;
  }

  section.flex_row li>a {
    display: block;
  }

  section.flex_row li>a div {
    width: 100%;
    padding: 0;
  }

  section.flex_row li>a>p {
    width: 100%;
  }

  p.c_name {
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 8rem;
    min-height: 3.7rem;
  }

  p.c_value {
    font-size: 16px;
    color: #bf0000 !important;
  }

  p.c_value span {
    font-size: 10px;
  }

  div .rank_items{
    padding: 5px;
  }

  /*暮らしのアイデア
***************************************************************/
  section.top_news li.fs-pt-list__item .flex>div p {
    letter-spacing: 0;
    line-height: 1.6;
  }

  section.top_idea .fs-pt-column {
    display: block;
  }

  section.top_idea .fs-pt-column__item {
    width: 100%;
    margin-bottom: 3.5vw;
  }

  /*商品レビュー
***************************************************************/
  section.top_review .inner>section {
    width: 100% !important;
  }


  /*SPindex go to top*/
  #page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 100%;
    background: #874e4c;
    text-decoration: none;
    color: #ffffff;
    width: 50px;
    padding: 5px 20px;
    text-align: center;
    display: block;
    border-radius: 5px;
  }

  /*#page-top a {
		background: #1E68BC;
		text-decoration: none;
		color: #ffffff;
		width: 50px;
		padding: 5px 20px;
		text-align: center;
		display: block;
		border-radius: 5px;
	}*/

  #page-top a:hover {
    text-decoration: none;
    background: #fbede2;
  }

}