@charset "utf-8";
/**************************************************
 *      page : front-page
 **************************************************/

/* ページ全体
==================================*/
div#slider-wrap{
	width:100%;
	height:auto;
	margin-bottom:30px;
	overflow:hidden;
}

/* スライダー設定
==================================*/
/* スライダー表示がたつき対応 */
.slider {
    opacity: 0;
    transition: opacity 0.5s ease-in-out; /* 0.5秒かけてフェードイン */
}
.slider img {
    width: 100%;
    height: auto;
    display: block;
}
.slider.slick-initialized {
    opacity: 1;
}
/* スライダーページネーション調整 */
.slick-dots li{
	margin:0!important;
}

.slick-dots li button:before{
	content: '■'!important;
}

/* content（スライダー以外）
==================================*/

/* バナー設定
==================================*/
/* 共通設定 */
div.banner-group-wrapper {
	display: flex;
	flex-wrap: nowrap;
	gap: 5px;
}
div.banner-group-wrapper.banner-group-collection-yoshiyuki {
	margin-bottom:30px;
}
div.banner-content-wrapper > a{
	width:100%;
	height:auto;
	display:block;
}
div.banner-content-wrapper img {
	max-width: 100%;
	height: auto;
	margin:0 auto;
	display: block;
	object-fit: cover;
	border:1px solid #eee;
}
div.banner-content-wrapper > h3{
	padding:5px 0;
	text-align:center;
	font-weight:bold;
}
/* レイアウト-１（new & features セクション） */
article.banner-item {
	width: 49%;
	margin-bottom:30px;
}
p.banner-item-title{
	padding:5px 0;
	text-align:center;
}
/* レイアウト-2（collection / yoshiyuki セクション） */
article.banner-item.banner-collection {
	width: 67.8%;
}
article.banner-item.banner-yoshiyuki {
	width: 32.5%;
}

/* 新商品リスト
==================================*/
/* タイトル：視覚的見出し */
h3.latest-products-title{
	padding:5px 0;
	font-weight:bold;
}

ul.latest-products-list {
  display: flex;
  flex-wrap: wrap; /* レスポンシブ対応 */
  gap: 5px;
}
/* 3列 */
ul.latest-products-list > li{
  width:calc( (100% - 5px * 2) / 3);
}

/* 商品リンク：カード全体 */
ul.latest-products-list > li a {
	width:100%;
	height:auto;
	display:block;
}

/* 商品画像 */
ul.latest-products-list > li >  a img {
  max-width: 100%;
  height: auto;
  margin:0 auto;
  border:1px solid #eee;
  display: block;
}

/* 商品タイトル */
p.latest-product-title{
	padding:5px 0;
	text-align:center;
}



/*************************************
	- 620px
**************************************/
@media only screen and (max-width: 620px) {
	/* バナー設定
	==================================*/
	/* 共通設定 */
	div.banner-group-wrapper {
		flex-direction:column;
		justify-content:center;
		gap: 50px;
	}
	/* レイアウト-１（new & features セクション） */
	article.banner-item {
		width: 100%;
		margin-bottom:30px;
	}
	/* レイアウト-2（collection / yoshiyuki セクション） */
	article.banner-item.banner-collection,
	article.banner-item.banner-yoshiyuki	{
		width: 100%;
		margin-bottom:30px;
	}
	/* 新商品リスト
	==================================*/
	/* タイトル：視覚的見出し */
	h3.latest-products-title{
		text-align:center;
	}
	ul.latest-products-list {
		flex-direction:column;
		justify-content:center;
		gap: 10px;
	}
	ul.latest-products-list > li{
		width: 100%;
		margin:0 auto;
	}
}