@charset "UTF-8";


body#fs_Top .fs-l-page {
  background: url("https://www.sengaya.co.jp/omotenashisando/osechi/2024/img/common/bg/bg_washi_white.jpg") repeat center top;
}


.section-toppage {
	padding: 70px 0;
}
@media screen and (max-width: 980px) {
.section-toppage {
	padding: 40px 0 20px;
}
}
@media screen and (max-width: 768px) {
.section-toppage {
	padding: 20px 0 10px;
}
}


.section-toppage-osechierabi {
	padding: 0 0 50px;
}
@media screen and (max-width: 980px) {
.section-toppage-osechierabi {
	padding: 0 0 20px;
}
}
@media screen and (max-width: 768px) {
.section-toppage-osechierabi {
	padding: 0 0 10px;
}
}




.toppage-heading img {
  margin: 0 auto;
  text-align: center;
}



/* スライドショー
==============================*/
.section-slider {
  text-align: center;
}
.swiper-slide-img img {
  width: 100%;
}
.swiper .swiper-pagination-bullet{
    background-color: #fff;
}

/* swiperでズーム */
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}
.swiper-slide-active .swiper-img,
.swiper-slide-duplicate-active .swiper-img,
.swiper-slide-prev .swiper-img {
  animation: zoomUp 14s linear 0s normal both;
}
.swiper-slide img {
  height: auto;
  width: 100%;
}


/* お知らせ
==============================*/
.section-information {
  /*padding: 0px 0 45px;*/
  padding: 45px 0;
}

.infoWrap {
	max-width: 1200px;
	overflow: hidden;
	margin: 0 auto 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #666;
}
.infoWrap .inner {
margin: 0;
padding: 0;
}

.infoBody {
	float: right;
	width: 100%;
	margin-left: -10em;
	padding-left: 10em;
	box-sizing: border-box;
}

.infoTitle {
	float: left;
	width: 8em;
	background-color: #cc0000;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	padding: 3px;
  margin-top: 6px;
	display: inline-block;
}

.infoTitle2 {
	float: left;
	width: 8em;
	background-color: #000080;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	padding: 3px;
	display: inline-block;
}

@media screen and (max-width: 768px) {
.section-information {
  padding: 20px 0 20px;
  /*padding: 0px 0 20px;*/
  /*margin-top: -50px;*/
}
.infoBody {
	float: none;
	width: 100%;
	margin-left: 0;
	padding-left: 0;
	box-sizing: border-box;
}
.infoTitle {
	float: none;
  font-size: 1.2rem;
	width: 8em;
	margin-top: 5px;
}
.infoTitle2 {
	float: none;
	width: 8em;
	margin-top: 5px;
}
}






.important-check{
    display: none;
}
.important-label{
		color: #000;
    display: block;
    margin-bottom: 1px;
    padding: 10px;
    position: relative;
		padding-left: 0px;
}

.important-content{
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}

.important-check:checked + .important-label + .important-content{
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}

label.important-label:hover {
	text-decoration: underline;
}


@media screen and (max-width: 768px) {
.important-label{
  font-size: 1.4rem;
  line-height: 1.6em;
}
.important-content {
  font-size: 1.4rem;
  line-height: 1.6em;
}
}





/* リンクバナー
==============================*/
.link-banner-wrap {
  display: flex;
  justify-content: space-between;
}

.link-banner-item {
  width: 23%;
}

@media screen and (max-width: 480px) {
.link-banner-wrap {
  flex-wrap: wrap;
}
.link-banner-item {
  width: 48%;
  margin-bottom: 15px;
}
}



/* 公式YouTubeチャンネル
==============================*/
.heading-youtube {
  text-align: center;
  margin-bottom: 40px;
}
.youtube-official-channel {
  text-align: center;
  margin-top: 20px;
}

/* YouTube レスポンシブ対応 */
.youtube-wrapper {
	max-width: 920px;
	margin: 0 auto;
}
.youtube-responsive {
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.youtube-responsive iframe {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}

.bg-top-youtube {
  padding: 8% 0;
}


/* おすすめ商品（フューチャーショップシステム）
==============================*/
.recommend-item {
  padding: 0 0 50px;
  max-width: 1200px;
  margin: 0 auto;
}


/* フューチャーショップのCSS（fs_theme.css）を上書き ※トップページのみ */
/*
.fs-c-productListCarousel__list__item {
  flex-basis: 132px;
  max-width: 132px;
  min-width: 132px;
  margin: 0 4px;
}
*/
body.fs-body-top .fs-c-productListCarousel__list__item {
  flex-basis: 200px !important;
  max-width: 200px !important;
  min-width: 200px !important;
  margin: 0 20px;
}
/*
@media screen and (min-width: 600px) {
  .fs-c-productListCarousel__list__item {
    flex-basis: 200px;
    max-width: 200px;
    min-width: 200px;
    margin: 0 8px;
  }
}*/
@media screen and (min-width: 600px) {
body.fs-body-top .fs-c-productListCarousel__list__item {
  flex-basis: 320px !important;
  max-width: 320px !important;
  min-width: 320px !important;
  margin: 0 22px;
  }
}




/* 千賀屋コールセンター
==============================*/
.info-top-callcenter {
  margin: 0 auto;
  text-align: center;
}




/* 多彩なラインナップを取り揃えております
==============================*/
.lineup-heading {
  font-family: 'Noto Sans JP', sans-serif;
	font-size: 2.0rem;
  font-weight: 400;
	line-height: 1.6em;
  letter-spacing: 0.2em;
  color: #fff;
  background: #ae0000;
  text-align: center;
  padding: 8px;
  margin-bottom: 30px;
}

.lineup-box {
  display: flex;
  justify-content: space-between;
}
.section-toppage .lineup-item img {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}


.top-lineup-number .lineup-item {
  width: 15.3846153%;
}
.top-lineup-price .lineup-item,
.top-lineup-size .lineup-item {
  width: 23.8461538%;
}

@media screen and (max-width: 480px) {
.lineup-box {
  flex-wrap: wrap;
}
.top-lineup-number .lineup-item {
  width: 31.25%;
  margin-bottom: 15px;
}
.top-lineup-price .lineup-item,
.top-lineup-size .lineup-item {
  width: 48.4375%;
  margin-bottom: 15px;
}
}








/* 千賀屋おすすめの逸品 */
.section-toppage-ippin {
  width: 100%;
  /*padding: 70px 0;*/
  padding: 70px 0 0;
  background: #fff;
}

@media screen and (max-width: 980px) {
.section-toppage-ippin {
	/*padding: 40px 0 20px;*/
  padding: 40px 0 0;
}
}
@media screen and (max-width: 768px) {
.section-toppage-ippin {
	/*padding: 20px 0 10px;*/
  padding: 20px 0 0;
}
}