/* ------------------------------------------------------------
PC
------------------------------------------------------------ */

#group .wrap {
	width: 1024px;
	margin: 40px auto;
	font-size: 16px;
	line-height: 32px;
	overflow: hidden;
}

#group .wrap h1 {
	font-size: 34px;
	border-left: #D51E13 2px solid;
	padding: 10px 0 10px 15px;
	margin: 0 0 30px;
	color: #000;
}

#group p {
	line-height: 1.6;
	color: #333;
}

/* ---------------ぱんくず--------------- */
#group .pankuzu {
	width: 1024px;
	margin: 20px auto 0;
	text-align: left;
}

#group .pankuzu li,
#group .pankuzu li a {
	display: inline-block;
	color: #333333;
	font-size: 14px;
	text-decoration: none;
	position: relative;
	padding: 0 20px 0 0;
}

#group .pankuzu li a::after {
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 1px #333333;
	border-right: solid 1px #333333;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 3px;
	right: -20px;
	margin: 0 20px;
}

#group .pankuzu li:last-child:after {
	content: none;
}

#group .pankuzu li a:hover {
	text-decoration: underline;
}


/* ---------------ヤマザキのお店--------------- */


#group .wrap .daily_area {
	overflow: hidden;
	width: 1024px;
	margin: 0 auto 30px;
}

#group .wrap .daily_area .img_area {
	float: left;
	width: 505px;
}

#group .wrap .daily_area img {
	width: 505px;
}

#group .wrap .daily_area .txt_area {
	float: left;
	width: 499px;
	margin: 40px 0 0 20px;
}
#group .wrap .daily_area .txt_area h3 {
	margin: 0 0 5px;
}

#group .wrap .daily_area img:hover {
	opacity: 0.8;
	transition: 0.5s;
}

#group .wrap ul.group_shop {
	overflow: hidden;
}

#group .wrap ul.group_shop li {
	width: 249px;
	margin: 0 10px 50px 0;
	float: left;
	overflow: hidden;
	line-height: 24px;
}

#group .wrap ul.group_shop li img {
	width: 100%;
	margin: 0 0 10px;
}

#group .wrap ul.group_shop li:nth-child(4n) {
	width: 246px;
	margin: 0 0 50px;
}

/* ---------------その他--------------- */

#group .wrap .other {
	background: #fcf8de;
	padding: 40px 0 20px;
	margin: 0 0 50px;
}

#group .wrap .other ul {
	width: 790px;
	overflow: hidden;
	margin: 0 auto;
}

#group .wrap .other ul li {
	width: 250px;
	float: left;
	margin: 0 20px 0 0;
}

#group .wrap .other ul li:last-child {
	margin: 0;
}

#group .wrap .other ul li img {
	width: 100%;
	margin: 0 0 10px;
}

#group .wrap .other p.border {
	border-top: 1px solid #c4c4c4;
	width: 790px;
	margin: 7px auto;
	padding: 20px 0 0;
}

/*加盟店募集 */
#group .wrap ul.group_store {
	overflow: hidden;
}

#group .wrap ul.group_store li {
	width: 331px;
	margin: 0 10px 50px 0;
	float: left;
	overflow: hidden;
}

#group .wrap ul.group_store li img {
	width: 100%;
}

#group .wrap ul a {
	display: block;
}

#group .wrap ul a:hover {
	opacity: 0.6;
	transition: 0.5s;
}

#group .banner_pc {
	display: block;
	width: 1024px;
	margin: 30px auto 60px;
}

#group .banner_pc img {
	width: 100%;
}

#group .banner_pc img:hover {
	opacity: 0.8;
	transition: 0.5s;
}

#group .banner_sp {
	display: none;
}

/* ------------------------------------------------------------
SP
------------------------------------------------------------ */

@media only screen and (max-width: 767px) {

	#group .wrap {
		width: 100%;
		margin: 40px auto;
		overflow: hidden;
	}

	/*パンくず */
	#group .pankuzu {
		width: 90%;
		overflow: hidden;
		text-align: left;
		margin: 20px 0 0 10px;
	}

	#group .pankuzu li,
	#group .pankuzu li a {
		font-size: 14px;
	}

	#group .wrap h1 {
		width: 90%;
		margin: 0 auto 30px;
	}

	/*ヤマザキのお店 */

	#group .wrap .daily_area {
		overflow: hidden;
		margin: 0 auto 30px;
		width: 90%;
	}

	#group .wrap .daily_area .img_area {
		float: none;
		width: 100%;
	}

	#group .wrap .daily_area img {
		width: 100%;
	}

	#group .wrap .daily_area .txt_area {
		float: none;
		width: 100%;
		margin: 10px 0 0;
	}

	#group .wrap .daily_area .txt_area h3 {
		margin: 0;
	}

	#group .wrap .daily_area img:hover {
		opacity: 0.8;
		transition: 0.5s;
	}

	#group .wrap ul.group_shop {
		width: 90%;
		margin: 0 auto;
	}

	#group .wrap ul.group_shop li,
	#group .wrap ul.group_shop li:last-child {
		width: 48%;
		margin: 0 4% 30px 0;
	}

	#group .wrap ul.group_shop li img {
		width: 100%;
	}

	#group .wrap ul.group_shop li:nth-child(even) {
		margin: 0 0 30px;
	}

	/* ---------------その他--------------- */

	#group .wrap .other {}

	#group .wrap .other ul {
		width: 90%;
		overflow: hidden;
		margin: 0 auto;
	}

	#group .wrap .other ul li {
		width: 31%;
		margin: 0 3% 0 0;
	}

	#group .wrap .other p.border {
		border-top: 1px solid #c4c4c4;
		width: 90%;
		margin: 7px auto;
		padding: 20px 0 0;
	}

	#group .banner_sp {
		display: block;
		width: 90%;
		margin: 30px auto 40px;
	}

	#group .banner_sp img {
		width: 100%;
	}

	#group .banner_sp img:hover {
		opacity: 0.8;
		transition: 0.5s;
	}

	#group .banner_pc {
		display: none;
	}


	/*加盟店募集 */
	#group .wrap ul.group_store li {
		width: 100%;
		margin: 0 auto 30px;
	}

	#group .wrap ul.group_store li img {
		width: 70%;
		display: block;
		margin: 0 auto;
	}
}

@media print {
	@page {
		margin: 19.05mm;
	}

	body {
		width: 1500px;
		transform: scale(0.5, 0.5);
		transform-origin: left top;
		overflow: visible !important;
		-webkit-print-color-adjust: exact;
	}
}