@charset "utf-8";

/*----------------------------------------
	天地　タイトル画像
-----------------------------------------*/
#fwCms_wrapper .fwCms_box .pageTitle,#fwCms_wrapper .fwCms_box .pageTitle_ft {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0;
  background-image: none!important;
  background-size: auto 100%;
}
@media screen and (min-width: 768px) {
  #fwCms_wrapper .fwCms_box .pageTitle {
    max-width: none;
    background-image: url(/excludes/DMO/web/feature/v/mothersday/260303/img/260303_mothersday_main_bk.jpg)!important;
	background-color: #f6f4f3;
	background-repeat: no-repeat;
	  background-position: center;
    background-size:cover;
  }
	#fwCms_wrapper .fwCms_box .pageTitle img{
		max-width:1080px;
	}
}

#fwCms_wrapper .fwCms_box .pageTitle span {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #fwCms_wrapper .fwCms_box .pageTitle span {
    max-width: 1080px;
  }
}
#fwCms_wrapper .fwCms_box .pageTitle + p {
  width: 89.3333333333%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  #fwCms_wrapper .fwCms_box .pageTitle + p {
    max-width: 1080px;
  }
}

#fwCms_wrapper .footer{padding-top:0!important;}
/*----------------------------------------
	キービジュアル　SPスライダー付
-----------------------------------------*/
#fwCms_wrapper .fullwidth-four-items{
	margin-top: 5.3vw !important;
}
#fwCms_wrapper .fullwidth-four-items .swiper-area {
	background-color: #e0f1d5;
}

#fwCms_wrapper .swiper-area .ranking-columns-text.black01,#fwCms_wrapper .swiper-area .ranking-columns-price.black01{color:#28371e!important;}

@media screen and (min-width: 768px) {
  #fwCms_wrapper .fullwidth-four-items{
	margin-top: 20px !important;
}
}
/*----------------------------------------
	人気ランキング
-----------------------------------------*/
#fwCms_wrapper .switchingRankingArea
 {
    background: #fefae9!important;
}
#fwCms_wrapper .switchingRankingArea .rankingArea{
	background-color: #fefae9!important;
}
/*----------------------------------------
	スキップリンク　valentaine_Types
-----------------------------------------*/

#fwCms_wrapper .mothersdayTypes {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin: auto;
}

#fwCms_wrapper .mothersdayTypes li {
	display: flex;
	width: 49.33%;
}

#fwCms_wrapper .mothersdayTypes li:nth-child(n+3),#fwCms_wrapper .mothersdayTypes li:nth-child(n+4) {
	margin-top: 1.33vw;
}
#fwCms_wrapper .mothersdayTypes2 li:nth-child(3){
	margin-top: 0!important;
}

#fwCms_wrapper .mothersdayTypes li a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 2vw 1.6vw 6.44vw;
	line-height: 1.3;
	text-align: center;
}

#fwCms_wrapper .fwCms_box .mothersdayTypes li a:hover {
	text-decoration: none;
}

#fwCms_wrapper .mothersdayTypes li a::before {
	content: "";
	position: absolute;
	bottom: 2.53vw;
	left: calc(50% - (5.5vw/2));
	transform: rotate(0deg);
	width: 10vw;
	height: 3vw;
	background-size: 3.73vw 2.26vw;
}

#fwCms_wrapper .mothersdayTypes li a::before {
	background: url(/excludes/DMO/web/feature/v/valentine/241211/img/arrow_white.svg) no-repeat left top;
}
#fwCms_wrapper .mothersdayTypes li a{color:#fff;background-color: #85ab6d;}

#fwCms_wrapper .mothersdayTypes .pc{ display:none; }

@media screen and (min-width: 960px) {
	#fwCms_wrapper .mothersdayTypes li {
		width: calc(25% - (15px/4));
	}

	#fwCms_wrapper .mothersdayTypes li:nth-child(n+3),#fwCms_wrapper .mothersdayTypes li:nth-child(n+4) {
		margin-top: 0;
	}
#fwCms_wrapper .mothersdayTypes .pc{ display:block; }
}


@media screen and (min-width: 768px) {
	#fwCms_wrapper .mothersdayTypes {
		max-width: 1080px;
		width: 92%;
		margin: auto;
	}

	#fwCms_wrapper .mothersdayTypes li a {
		padding: 13px 10px 33px;
		line-height: 1.7;
	}

	#fwCms_wrapper .mothersdayTypes li a::before {
		bottom: -10px;
		left: calc(50% - 9px);
		width: 20px;
		height: 36px;
		background-size: 20px 20px;
	}
}
/*----------------------------------------
	Prices
-----------------------------------------*/

#fwCms_wrapper .price ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 4vw;
	border-top: 1px solid #ffffff;
}

#fwCms_wrapper .price ul li {
	display: flex;
	align-items: center;
	width: 50%;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background-color: #85ab6d;
}

#fwCms_wrapper .price ul li:nth-child(2n) {
	border-right: none;
}

#fwCms_wrapper .price ul li a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 3.4vw 9.6vw 3.4vw 4vw;
	box-sizing: border-box;
	background: url(/excludes/DMO/common/svg/arrow-m-white-01.svg) no-repeat right 4vw center;
	background-size: auto 3.4vw;
	color: #fff;
}

@media screen and (min-width: 768px) {
	#fwCms_wrapper .price {
		max-width: 1080px;
		width: 98.7%;
		margin-right: auto;
		margin-left: auto;
	}

	#fwCms_wrapper .price ul {
		margin-top: 35px;
	}

	#fwCms_wrapper .price ul li {
		width: 33%;
	}

	#fwCms_wrapper .price ul li:nth-child(2n) {
		border-right: 1px solid #ffffff;
	}

	#fwCms_wrapper .price ul li:nth-child(4n) {
		border-right:  1px solid #ffffff;
	}

	#fwCms_wrapper .price ul li a {
		justify-content: center;
		min-height: 60px;
		padding: 16px 35px;
		background-position: right 20px center;
		background-size: auto 17px;
		line-height: 1.3;
	}
}

/*----------------------------------------
	recommend-items
-----------------------------------------*/

#fwCms_wrapper .recommend-items .swiper-area {
	background-color: #f6f6f6;
}
/*----------------------------------------
	brand
-----------------------------------------*/
#fwCms_wrapper .brandArea-wrapper{
	background-color: #fefae9;
}

#fwCms_wrapper .fwCms_box .brand-list img{
	 border: solid 2px #fff !important;
}

#fwCms_wrapper .fwCms_box .brandlistBtn a {
    margin-left: auto;
    margin-right: auto;
	background-color: #d0b851!important;
}

/*----------------------------------------
	pickup
-----------------------------------------*/
#fwCms_wrapper .fwCms_box .mothersday .special-pickup {
 	background-color: #f6f6f6;
	padding: 4vw 0;
	margin:0;
}
#fwCms_wrapper .fwCms_box .mothersday .special-pickup.mothersday_pickup_01 h2{
	margin:1.5em 0;
}
#fwCms_wrapper .fwCms_box .mothersday .special-pickup.mothersday_pickup_01 h2 span{
	color:#ee6969;
	font-weight: 500;
}
#fwCms_wrapper .fwCms_box .mothersday .special-pickup.mothersday_pickup_02{
	background-color: #e0f1d5;
}
#fwCms_wrapper .fwCms_box .mothersday .special-pickup.mt40_80{margin-top:0!important;}
#fwCms_wrapper .fwCms_box .mothersday .special-pickup-contents{}
#fwCms_wrapper .fwCms_box .special-pickup  .swiper-wrapper a img{
	width:97.2%;
	margin-left: 2px;
	position: relative;
}
#fwCms_wrapper .fwCms_box .mothersday h2.cate_feature{margin:0 0 2.5vw;}

#fwCms_wrapper .fwCms_box .mothersday h3.picup_title {text-align: left;margin:8vw 0 2.5vw;}

@media screen and (min-width: 768px) {
	#fwCms_wrapper .fwCms_box .mothersday .special-pickup{padding: 5px 0 25px;}
	#fwCms_wrapper .fwCms_box .mothersday h3.picup_title {text-align: center;margin:60px 0 20px;}
	#fwCms_wrapper .fwCms_box .mothersday h2.cate_feature{margin:60px 0 20px;}
}

/*----------------------------------------
	recipient
-----------------------------------------*/
#fwCms_wrapper .fwCms_box .recipient {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  #fwCms_wrapper .fwCms_box .recipient {
    width: 98.7%;
    max-width: 948px;
  }
}
#fwCms_wrapper .fwCms_box .recipient li {
	width: 32%;
	margin-right:1%;}
#fwCms_wrapper .fwCms_box .recipient li:last-child{
	margin-right:0%;
}
@media screen and (min-width: 768px) {
  #fwCms_wrapper .fwCms_box .recipient li {
    max-width: 302px;
    width: calc(33.33333% - (15px / 3));
  }
}