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

/* headingArea */
#headingArea.sweetsTopType {
	padding: 0;
	background-color: #ffeebf;
}
#headingArea.sweetsTopType > .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(/sweets/img/sweets_bg01.png) no-repeat 100% 90%;
}
#headingArea.sweetsTopType .heading01 {
	width: 50%;
	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.sweetsTopType .heading01 > span {
	display: inline-block;
}
#headingArea.sweetsTopType .heading01 > span:after {
	display: inline-block;
	margin-left: 20px;
	vertical-align: -3px;
}
#headingArea.sweetsTopType .description,
#headingArea.sweetsTopType .note01 {
	color: #5d1b1d;
}
#headingArea.sweetsTopType .description {
	margin-top: 0.8em !important;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
#headingArea.sweetsTopType .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;
}


@media only screen and (max-width: 767px){
	
	/* headingArea */
	#headingArea.sweetsTopType > .inner {
		padding: 15px 10px;
		height: auto;
		background: url(/sweets/img/sp_sweets_bg01.png) no-repeat 100% 50%;
		background-size: 135px auto;
	}
	#headingArea.sweetsTopType .heading01 > span:after {
		display: none;
	}
	#headingArea.sweetsTopType .heading01 {
		width: 60%;
	}
	#headingArea.sweetsTopType .description {
		width: 58%;
		font-size: 1.2rem;
	}
	#headingArea.sweetsTopType .description br {
		display: none;
	}
	
	/* 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;
	}
	
}


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