@charset "utf-8";
/*=================================
cake
================================ */

/* headingArea */
#headingArea.cakeTopType {
	padding: 0;
	background-color: #ffeebf;
}
#headingArea.cakeTopType > .inner {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column nowrap;
	flex-flow: column nowrap;
  -webkit-justify-content: center;
	justify-content: center;
	height: 159px;
	padding: 15px 0;
	background: url(/cake/img/cake_bg01.png) no-repeat 84% 0 / 290px auto;
}
#headingArea.cakeTopType .heading01 {
	width: 55%;
	height: auto;
	margin-top: 0;
	padding-bottom: 8px;
	background: url(/assets/img/com_bg03.png) repeat-x 0 100%;
	line-height: 1.2;
	color: #d4312f;
}
#headingArea.cakeTopType .heading01 > span {
	display: inline-block;
}
#headingArea.cakeTopType .heading01 > span:after {
	display: inline-block;
	margin-left: 20px;
	vertical-align: -5px;
}
#headingArea.cakeTopType .description,
#headingArea.cakeTopType .note01 {
	color: #5d1b1d;
}
#headingArea.cakeTopType .description {
	margin-top: 0.8em !important;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
#headingArea.cakeTopType .note01 {
	margin-top: 0.3em;
	font-size: 14px;
	font-size: 1.4rem;
}

/* allItemBtn */
.allItemBtn {
	margin-top: 2em;
}
.allItemBtn > li > a {
	width: 370px;
}

/* bannerList */
.bannerList {
	margin-top: 3em;
}
.hasBtn + .bannerList {
	margin-top: 2em;
}

/* /cake/family_club/ */
.downLoadType .heading05 {
	margin-right: 30px;
	padding: 10px 0 10px 74px;
}
.downLoadType .heading05:before {
	width: 64px;
	height: 64px;
	background: url(/cake/family_club/img/index_ic01.gif) no-repeat 0 50%;
}
.familyClubColumn {
	margin-top: 2.5em;
	padding-top: 1.5em;
	background: url(/assets/img/com_bg03.png) repeat-x 0 0;
}
.familyClubColumn .heading {
	font-weight: bold;
	font-size: 24px;
	font-size: 2.4rem;
	text-align: center;
}
.familyClubColumn .heading > span {
	display: inline-block;
	padding: 0 0 0 70px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	font-size: 34px;
	font-size: 3.4rem;
	line-height: 60px;
}
.familyClubColumn .heading + [class*="flexElement"] {
	margin-top: 1em;
}
#point20 .heading {color:#8ec31f;}
#point40 .heading {color:#8391c8;}
#point60 .heading {color:#f39700;}
#point100 .heading {color:#d76f7d;}
#point200 .heading {color:#c86166;}
#point300 .heading {color:#1f8bc3;}
#point400 .heading {color:#f1b500;}
#point20 .heading > span {background-image: url(/cake/family_club/img/index_h20p.png);}
#point40 .heading > span {background-image: url(/cake/family_club/img/index_h40p.png);}
#point60 .heading > span {background-image: url(/cake/family_club/img/index_h60p.png);}
#point100 .heading > span {background-image: url(/cake/family_club/img/index_h100p.png);}
#point200 .heading > span {background-image: url(/cake/family_club/img/index_h200p.png);}
#point300 .heading > span {background-image: url(/cake/family_club/img/index_h300p.png);}
#point400 .heading > span {background-image: url(/cake/family_club/img/index_h400p.png);}

.familyClubColumn .column > section {
	margin-top: 1em;
}
.familyClubColumn .column .detailText * {
	font-size: 12px;
	font-size: 1.2rem;
}


@media only screen and (max-width: 767px){
	
	/* headingArea */
	#headingArea.cakeTopType > .inner {
		padding: 15px 10px;
		height: auto;
		background-position: right -40px bottom -30px;
		background-size: 200px auto;
	}
	#headingArea.cakeTopType .heading01 > span:after {
		display: none;
	}
	#headingArea.cakeTopType .description {
		width: 50%;
		font-size: 1.2rem;
	}
	#headingArea.cakeTopType .description br {
		display: none;
	}
	#headingArea.cakeTopType .note01 {
		width: 50%;
		font-size: 0.9rem;
	}
	
	/* allItemBtn */
	.allItemBtn {
		margin-top: 1.2em;
	}
	.allItemBtn > li > a {
		width: 100%;
	}
	
	/* moreBtn */
	.moreBtn > li > a {
		display: block;
	}
	
	/* bannerList */
	.bannerList {
		margin-top: 2em;
	}
	.bannerList .column {
		text-align: center;
	}
	.bannerList.flexElement4 .column:nth-child(2n+1) {
		text-align: right;
	}
	.bannerList.flexElement4 .column:nth-child(2n) {
		text-align: left;
	}
	
	/* /cake/family_club/ */
	.downLoadType .heading05 {
		margin-right: 0;
		padding: 5px 0 5px 45px;
	}
	.downLoadType .heading05:before {
		width: 40px;
		height: 40px;
		background-size: 40px 40px;
	}
	.downLoadType .btnLink01 {
		margin-top: 10px;
	}
	
}


/* clearfix */
[class*="shopSearchArea"] .inputBlock:after,
[class*="shopSearchArea"] .shopTypeColumn01:after,
.checkBoxList01:after,
.routeChange:after {
	content : "";
	display : block;
	clear : both;
}