/* --------------------------------------------------------------------------------
mothers-day
-------------------------------------------------------------------------------- */
#mothers-day img {
	display: block;
	max-width: 100%;
	height: auto;
}


/* ----------------------------------------
母の日メイン
---------------------------------------- */
#mothers-day .mothers-day-main {
	padding: 0 0 32px;
}


/* ----------------------------------------
お急ぎ便対応
---------------------------------------- */
#mothers-day .bnr-oisogibin {
	padding: 0 0 35px;
}


/* ----------------------------------------
母の日商品一覧を確認する
---------------------------------------- */
#mothers-day .bnr-item-list {
	display: flex;
	justify-content: center;
	
	width: 100%;
	padding: 0 75px 40px 90px;
}
#mothers-day .bnr-item-list a {
	display: block;
	width: 100%;
	max-width: 820px;
}


/* ----------------------------------------
今年の母の日は5月●日（日）です。
---------------------------------------- */
#mothers-day .bnr-day-0510 {
	padding: 0 0 100px;
}


/* ----------------------------------------
いつもありがとうってなかなか言えないけど、
今日はちゃんと伝えたい日。
---------------------------------------- */
#mothers-day .bnr-itsumo-arigatou {
	padding: 0 0 30px;
}


/* ----------------------------------------
5大特典
---------------------------------------- */
#mothers-day .bnr-godai-tokuten {
	padding: 0 0 30px;
}


/* ----------------------------------------
m-day-item-image
---------------------------------------- */
#mothers-day .m-day-item-image {
	padding: 0 0 30px;
}


/* ----------------------------------------
選べるメッセージカード
---------------------------------------- */
#mothers-day .bnr-message-card {
	margin: 0 0 30px;
	background: url("../../images/category/mothers-day/bg-msg-card.jpg") no-repeat 0 0;
	background-size: cover;
}
#mothers-day .bnr-message-card .sheading-bnr-message-card {
	padding: 0 0 1.6%;
}
#mothers-day .bnr-message-card .list-msg-card ul {
	display: flex;
	flex-wrap: wrap;
	
	width: 100%;
}
#mothers-day .bnr-message-card .list-msg-card ul li {
	width: calc(100% / 3 - 1.2%);
	margin: 0 1.6% 0.2% 0;
}
#mothers-day .bnr-message-card .list-msg-card ul li:nth-of-type(3n) {
	margin-right: 0;
}
#mothers-day .bnr-message-card .list-msg-card ul li a {
	display: block;
}


/* ----------------------------------------
img-present
---------------------------------------- */
#mothers-day .img-present {
	padding: 0 0 45px;
}


/* ----------------------------------------
領収書・請求書など金額のわかるものは同封しません。
---------------------------------------- */
#mothers-day .bnr-ryousyu {
	padding: 0 0 100px;
}


/* ----------------------------------------
商品一覧
---------------------------------------- */
#mothers-day .item-list-mothers-day {
	padding: 0 0 70px;
}
#mothers-day .item-list-mothers-day ul {
	display: flex;
	flex-wrap: wrap;
	
	width: 100%;
}
#mothers-day .item-list-mothers-day ul li {
	width: calc(100% / 3 - 2%);
	margin: 0 2.4% 2% 0;
}
#mothers-day .item-list-mothers-day ul li:nth-of-type(3n) {
	margin-right: 0;
}

/* 見出し */
#mothers-day .item-list-mothers-day .t-item-list {
	padding: 0 2% 30px;
}
#mothers-day .item-list-mothers-day .t-item-list img {
	margin: 0 auto;
}


/* ----------------------------------------
母の日特集商品一覧
---------------------------------------- */
#mothers-day .bnr-mothers-day-item-list {
	padding: 0 0 55px;
}


/* ----------------------------------------
商品リスト
---------------------------------------- */
#mothers-day .item-list ul {
	display: flex;
	flex-wrap: wrap;
	
	width: 100%;
}
#mothers-day .item-list ul li {
	width: calc(100% / 3 - 1.6%);
	margin: 0 2.4% 6% 0;
}
#mothers-day .item-list ul li:nth-of-type(3n) {
	margin-right: 0;
}


/* ----------------------------------------
item-unit
---------------------------------------- */
/* item-unit */
#mothers-day .item-unit {
	text-align: center;
}

/* item-unit */
#mothers-day .item-unit .thumb {
	padding: 0 0 25px;
}

/* 商品名 */
#mothers-day a:hover .item-name {
	color: var(--color-text) !important;
}

/* 価格 */
#mothers-day .item-unit .item-price {
	padding: 0 0 25px;
	color: #cc0000;
}

/* 詳細・ご購入はこちら */
#mothers-day .item-unit .btn-details {
	display: block;
	max-width: 380px;
	margin: 0 auto;
}
#mothers-day .item-unit .btn-details img {
	opacity: 1 !important;
}


/* ----------------------------------------
ランキング
---------------------------------------- */
#mothers-day .ranking-area .bnr-ranking {
	padding: 0 0 50px;
}
#mothers-day .ranking-area .rank-no-1 {
	max-width: calc(600px + 2%);
	margin: 0 auto ;
	padding: 60px 2% 8.5%;
	background: url("../../images/category/mothers-day/icon-no-1.png") no-repeat 50% 0;
}
#mothers-day .ranking-area .rank-no-2 {
	padding-top: 50px;
	background: url("../../images/category/mothers-day/icon-no-2.png") no-repeat 50% 0;
}
#mothers-day .ranking-area .rank-no-3 {
	padding-top: 50px;
	background: url("../../images/category/mothers-day/icon-no-3.png") no-repeat 50% 0;
}
#mothers-day .ranking-area .rank-no-4 {
	padding-top: 50px;
	background: url("../../images/category/mothers-day/icon-no-4.png") no-repeat 50% 0;
}
#mothers-day .ranking-area .rank-no-5 {
	padding-top: 50px;
	background: url("../../images/category/mothers-day/icon-no-5.png") no-repeat 50% 0;
}


/* ----------------------------------------
中見出し
---------------------------------------- */
#mothers-day .sheading {
	padding: 0 2% 30px;
}
#mothers-day .sheading img {
	margin: 0 auto;
}


/* ----------------------------------------
価格で選ぶ
---------------------------------------- */
#mothers-day .price-area {
	padding: 0 0 90px;
}

/* ボタン：btn-price  */
#mothers-day .price-area .btn-price {
	padding: 0 0 50px;
}
#mothers-day .price-area .btn-price ul {
	display: flex;
	flex-wrap: wrap;
	
	width: 100%;
}
#mothers-day .price-area .btn-price ul li {
	width: calc(100% / 3 - 1.6%);
	margin: 0 2.4% 2% 0;
}
#mothers-day .price-area .btn-price ul li:nth-of-type(3n) {
	margin-right: 0;
}

/* 小見出し */
#mothers-day .price-area .ssheading {
	padding: 0 0 12px;
}

/********** price-2000yen-list **********/
#mothers-day .price-area .price-2000yen-list {
	padding: 0 0 90px;
}
/********** price-5000yen-list **********/
#mothers-day .price-area .price-5000yen-list {
	padding: 0 0 90px;
}
/********** price-5000_over_yen-list **********/
#mothers-day .price-area .price-5000_over_yen-list {
	padding: 0 0 90px;
}




/* ----------------------------------------
アンカー位置
---------------------------------------- */
.anchor-position-setting {
	scroll-margin-top: 200px;
}
















/* --------------------------------------------------------------------------------
★スマートフォン調整
-------------------------------------------------------------------------------- */
@media screen and (max-width: 767px){

	/* ----------------------------------------
	母の日メイン
	---------------------------------------- */
	#mothers-day .mothers-day-main {
		padding: 0 0 4%;
	}
	
	/* ----------------------------------------
	お急ぎ便対応
	---------------------------------------- */
	#mothers-day .bnr-oisogibin {
		padding: 0 0 4%;
	}


	/* ----------------------------------------
	母の日商品一覧を確認する
	---------------------------------------- */
	#mothers-day .bnr-item-list {
		padding: 0 4% 4%;
	}
	#mothers-day .bnr-item-list a {
	}


	/* ----------------------------------------
	今年の母の日は5月●日（日）です。
	---------------------------------------- */
	#mothers-day .bnr-day-0510 {
		padding: 0 0 8%;
	}
	
	/* ----------------------------------------
	いつもありがとうってなかなか言えないけど、
	今日はちゃんと伝えたい日。
	---------------------------------------- */
	#mothers-day .bnr-itsumo-arigatou {
		padding: 0 0 4%;
	}


	/* ----------------------------------------
	5大特典
	---------------------------------------- */
	#mothers-day .bnr-godai-tokuten {
		padding: 0 0 4%;
	}


	/* ----------------------------------------
	m-day-item-image
	---------------------------------------- */
	#mothers-day .m-day-item-image {
		padding: 0 0 4%;
	}

	/* ----------------------------------------
	選べるメッセージカード
	---------------------------------------- */
	#mothers-day .bnr-message-card {
		margin: 0 0 4%;
		min-height: inherit;
		background-position: 50% 50%;
	}
	#mothers-day .bnr-message-card .list-msg-card .sheading-bnr-message-card {
		padding: 0 2% 2%;
	}
	#mothers-day .bnr-message-card .list-msg-card ul {
		justify-content: space-between;
		padding: 0 1%;
	}
	#mothers-day .bnr-message-card .list-msg-card ul li {
		width: 50%;
		margin: 0 0 1%;
	}
	#mothers-day .bnr-message-card .list-msg-card ul li a {
	}
	

	/* ----------------------------------------
	img-present
	---------------------------------------- */
	#mothers-day .img-present {
		padding: 0 0 4%;
	}


	/* ----------------------------------------
	領収書・請求書など金額のわかるものは同封しません。
	---------------------------------------- */
	#mothers-day .bnr-ryousyu {
		padding: 0 0 8%;
	}
	
	
	/* ----------------------------------------
	価格で選ぶ
	---------------------------------------- */
	/* ボタン */
	#mothers-day .price-area .ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#mothers-day .price-area ul li {
		width: 48%;
		margin: 0 0 2%;
	}
	
	
	/* ----------------------------------------
	商品一覧
	---------------------------------------- */
	#mothers-day .item-list-mothers-day {
		padding: 0 0 8%;
	}
	#mothers-day .item-list-mothers-day ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;

		width: 100%;
	}
	#mothers-day .item-list-mothers-day ul li {
		width: 48%;
		margin: 0 0 4%;
	}

	/* 見出し */
	#mothers-day .item-list-mothers-day .t-item-list {
		padding: 0 2% 4%;
	}
	#mothers-day .item-list-mothers-day .t-item-list img {
	}

	/* ----------------------------------------
	母の日特集商品一覧
	---------------------------------------- */
	#mothers-day .bnr-mothers-day-item-list {
		padding: 0 0 4%;
	}
	
	
	/* ----------------------------------------
	商品リスト
	---------------------------------------- */
	#mothers-day .item-list ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0 0 10%;
	}
	#mothers-day .item-list ul li {
		width: 48%;
		margin: 0 0 6%;
	}

	/* 見出し */
	#mothers-day .item-list-mothers-day .t-item-list {
		padding: 0 20% 4%;
	}
	
	/* ----------------------------------------
	item-unit
	---------------------------------------- */
	/* item-unit */
	#mothers-day .item-unit {
	}

	/* item-unit */
	#mothers-day .item-unit .thumb {
		padding: 0 0 2%;
	}

	/* 価格 */
	#mothers-day .item-unit .item-price {
		padding: 0 0 2%;
		color: #cc0000;
	}

	/* 詳細・ご購入はこちら */
	#mothers-day .item-unit .btn-details {
		width: 42vw;
		margin: 0 auto;
	}
	#mothers-day .item-unit .btn-details img {
		width: 42vw;
	}
	
	
	/* ----------------------------------------
	ランキング
	---------------------------------------- */
	#mothers-day .ranking-area .rank-no-1 {
		max-width: calc(600px + 2%);
		margin: 0 auto ;
		padding: 8vw 0 8.5%;
		background: url("../../images/category/mothers-day/icon-no-1.png") no-repeat 50% 0;
		background-size: 25vw auto;
	}
	#mothers-day .ranking-area .rank-no-1 .thumb {
		padding: 0 15% !important;
	}
	#mothers-day .item-unit .btn-details {
		
	}
	#mothers-day .ranking-area .rank-no-2 {
		padding-top: 8vw;
		background-size: 25vw auto;
	}
	#mothers-day .ranking-area .rank-no-3 {
		padding-top: 8vw;
		background-size: 25vw auto;
	}
	#mothers-day .ranking-area .rank-no-4 {
		padding-top: 8vw;
		background-size: 25vw auto;
	}
	#mothers-day .ranking-area .rank-no-5 {
		padding-top: 8vw;
		background-size: 25vw auto;
	}

	/********** price-2000yen-list **********/
	#mothers-day .price-area .price-2000yen-list {
		padding: 0 0 10%;
	}
	/********** price-5000yen-list **********/
	#mothers-day .price-area .price-5000yen-list {
		padding: 0 0 10%;
	}
	/********** price-5000_over_yen-list **********/
	#mothers-day .price-area .price-5000_over_yen-list {
		padding: 0 0 10%;
	}





	/* ----------------------------------------
	中見出し
	---------------------------------------- */
	#mothers-day .sheading {
		padding: 0 20% 4%;
	}
	#mothers-day .sheading img {
		margin: 0 auto;
	}



	/* ----------------------------------------
	アンカー位置
	---------------------------------------- */
	.anchor-position-setting {
		scroll-margin-top: 44vw;
	}

}