#key .ttl {
	position: absolute;
	top: 256px;
	left: -215px;
}
#key {
	background: url(../img/pizza/key.jpg) no-repeat center/cover;
}
#sec1 {
	background: url(../img/pizza/sec1_bg.jpg) no-repeat center/cover;
	margin-top: 185px;
	position: relative;
}
#sec1:before {
	content: "";
	background: url(../img/shared/line.png) repeat-x center top;
	width: calc(50% - 500px);
	height: 25px;
	position: absolute;
	top: 268px;
	left: 0;
}
#sec1 h2 {
	padding-top: 107px;
}
#sec1 .text {
	color: #fff;
	width: 800px;
	padding: 31px 0 103px 8px;
}
#sec1 .text .space {
	margin: 15px 0;
	display: block;
}
#sec2 {background: url(../img/pizza/sec2_bg2.png) no-repeat center top;
	padding: 78px 0 88px;
	position: relative;
}
#sec2:before {
	content: "";
	background: url(../img/pizza/sec2_bg.png) no-repeat centerc top/cover;
	width: 100%;
	height: 628px;
	position: absolute;
	bottom: 0;
	left: 0;
}
#sec2 .photo1 {
	position: absolute;
	top: 84px;
	left: -177px;
	z-index: 1;
}
#sec2 .photo2 {
	position: absolute;
	top: 440px;
	left: -177px;
}
#sec2 .photo3 {
	position: absolute;
	z-index: 1;
	top: 440px;
	left: 158px;
}
#sec2 .box {
	background: url(../img/pizza/sec2_bgbox.jpg) repeat center top;
	margin-left: 340px;
	width: 538px;
	padding-left: 209px;
	padding-bottom: 72px;
	position: relative;
}
#sec2 .box:before {
	content: "";
	background: url(../img/pizza/sec2_line_01.png) repeat-y center top;
	width: 26px;
	position: absolute;
	top: -78px;
	right: -26px;
	bottom: 47px;
}
#sec2 .box:after {
	content: "";
	background: url(../img/pizza/sec2_line_02.png) no-repeat center top;
	width: 26px;
	height: 47px;
	position: absolute;
	bottom: 0;
	right: -26px;
}
#sec2 .text {
	padding: 21px 0 10px;
}
#sec3 {
	color: #fff;
	background: url(../img/pizza/sec3_bg.jpg) no-repeat center/cover;
}
#sec3 .col1 h3 {
	text-align: right;
	padding-top: 68px;
	margin-bottom: -60px;
}
#sec3 .col1 .text {
	width: 422px;
	padding-left: 577px;
	padding-bottom: 6px;
}
#sec3 .col2 h3 {
	margin-bottom: -77px;
}
#sec3 .col2 .text {
	width: 500px;
	padding: 0px 0 34px 14px;
}
#sec4 {
	color: #fff;
	margin-top: 234px;
	z-index: 1;
	position: relative;
	background: url(../img/pizza/sec4_bg1.png) no-repeat center 35px, url(../img/pizza/sec4_bg2.jpg) repeat center top;
}
#sec4:before {
	content: "";
	background: url(../img/shared/line.png) repeat-x center top;
	width: 100%;
	height: 25px;
	position: absolute;
	top: -35px;
	left: 0;
}
#sec4 .photo {
	position: absolute;
	top: -104px;
	left: -300px;
}
#sec4 h2 {
	text-align: right;
	padding-top: 71px;
}
#sec4 .text {
	width: 444px;
	padding: 19px 0 70px 556px;
}
#sec5 {background: url(../img/pizza/sec5_bg6.png) repeat center top;
	position: relative;
}
#sec5 .bg{
	position: absolute;
	top: 710px;
	left: 0;
	background: url(../img/pizza/sec5_bg2.png) no-repeat center top;
	height: 519px;
	width: 100%;
}
#sec5 .wrap {
	z-index: 1;
}
#sec5:after {
	content: "";
	background: url(../img/shared/line.png) repeat-x center top;
	width: calc(50% - 500px);
	height: 25px;
	position: absolute;
	top: 329px;
	left: 0;
}
#sec5:before {
	content: "";
	background: url(../img/pizza/sec5_bg5.png) no-repeat center top/100% 743px;
	width: 100%;
	height: 743px;
	position: absolute;
	top: 0;
	left: 0;
	
}
#sec5 h2 {
	position: absolute;
	top: 64px;
	left: 0px;
}
#sec5 .note {
	padding: 278px 0 100px;
	text-align: center;
}
#sec5 .price {
	color: #971a1a;
	font-size: 35px;
}
#sec5 .price span {
	font-size: 25px;
}
#sec5 dl {
	position: relative;
}
#sec5 dl dd {
	position: absolute;
	bottom: 15px;
	right: 0;
}
#sec5 .col1 {
	position: relative;
}
#sec5 .col1 .photo {
	position: absolute;
	top: -47px;
	right: -220px;
}
#sec5 .col1 .text {
	width: 450px;
	padding: 28px 0 89px 20px;
}
#sec5 .col1 h3 {
	padding-top: 47px;
}
#sec5 .col1 dl {
	width: 418px;
	margin: 47px 0 0;
}
#sec5 .col1 .box {
	width: 640px;
}
#sec5 .col1 .box h4 {
	position: relative;
	top: -98px;
	left: 0;
	margin-bottom: -98px;
}
#sec5 .col1 .box .text2 {
	padding: 9px 0 43px 88px;
}
#sec5 .col2 {
	position: relative;
}
#sec5 .col2:before {
	content: "";
	background: url(../img/pizza/sec5_bg1.png) no-repeat center top;
	width: 100%;
	height: 349px;
	position: absolute;
	top: 378px;
	left: 0;
}
#sec5 .col2 .text {
	width: 469px;
	padding: 25px 0 49px 529px;
}
#sec5 .col2 .photo {
	position: absolute;
	top: -76px;
	left: -200px;
}
#sec5 .col2 dl {
	width: 406px;
	margin: 113px 72px 0 auto;
	text-align: right;
}
#sec5 .col2 .group {
	position: relative;
}
#sec5 .col2 .slide {
	width: 456px;
	height: 354px;
	position: absolute;
	top: -169px;
	right: 20px;
}
#sec5 .col2 .slide #pager_sl {
	width: 205px;
	position: absolute;
	bottom: 0;
	left: 135px;
}
#sec5 .col2 .slide #pager_sl p:nth-child(1) a {
	background: url(../img/pizza/sec5_pager1.jpg) no-repeat center top;
	width: 33px;
	height: 33px;
	float: left;
	transition: all 1s ease;
	margin: 0 14px;
}
#sec5 .col2 .slide #pager_sl p:nth-child(2) a {
	background: url(../img/pizza/sec5_pager2.jpg) no-repeat center top;
	width: 33px;
	height: 33px;
	float: left;
	transition: all 1s ease;
	margin: 0 14px;
}
#sec5 .col2 .slide #pager_sl p:nth-child(3) a {
	background: url(../img/pizza/sec5_pager3.jpg) no-repeat center top;
	width: 33px;
	height: 33px;
	float: left;
	transition: all 1s ease;
	margin: 0 14px;
}
#sec5 .col2 .slide #pager_sl p:nth-child(1) a:hover, #sec5 .col2 .slide #pager_sl p:nth-child(1) a.active {
	background: url(../img/pizza/sec5_pager1_on.jpg) no-repeat center top;
	opacity: 0.6;
}
#sec5 .col2 .slide #pager_sl p:nth-child(2) a:hover, #sec5 .col2 .slide #pager_sl p:nth-child(2) a.active {
	background: url(../img/pizza/sec5_pager2_on.jpg) no-repeat center top;
	opacity: 0.6;
}
#sec5 .col2 .slide #pager_sl p:nth-child(3) a:hover, #sec5 .col2 .slide #pager_sl p:nth-child(3) a.active {
	background: url(../img/pizza/sec5_pager3_on.jpg) no-repeat center top;
	opacity: 0.6;
}
#sec5 .col2 .box {
	margin-top: 172px;
	width: 640px;
}
#sec5 .col2 .box h4 {
	position: relative;
	top: -86px;
	left: 0;
	margin-bottom: -86px;
}
#sec5 .col2 .box .text2 {
	padding: 13px 0 47px 90px;
}
#sec5 .col3 {
	padding-bottom: 100px;
	position: relative;
}
#sec5 .col3 .photo {
	position: absolute;
	top: 40px;
	right: -219px;
}
#sec5 .col3 dl {
	width: 417px;
	margin-top: 46px;
}
#sec5 .col3 .text {
	width: 500px;
	padding: 28px 0 93px 20px;
}
#sec5 .col3 .box {
	margin-left: -67px;
	width: 640px;
}
#sec5 .col3 .box h4 {
	position: relative;
	top: -89px;
	left: 0;
	margin-bottom: -89px;
}
#sec5 .col3 .box .text2 {
	padding: 14px 0 49px 87px;
}
#sec5 .col4 {
	background: url(../img/pizza/sec5_bg3.png) no-repeat center/cover;
	padding: 120px 0 130px 0;
}
#sec5 .col4 .box {
	margin-left: 170px;
	width: 560px;
	padding: 0 70px 39px;
	background: url(../img/shared/bg_box.jpg) no-repeat center top/100% 100%;
}
#sec5 .col4 .box h3 {
	padding: 45px 0 18px 150px;
}
#sec5 .col4 .box dl {
	font-size: 17px;
	line-height: 40px;
	letter-spacing: 0;
	width: 469px;
	padding: 0 0 0 48px;
}
#sec5 .col4 .box dl dt {
	float: left;
}
#sec5 .col4 .box dl dd {
	position: static;
	float: right;
}
#sec5 .col4 .box .list {
	background: url(../img/pizza/bgbox.jpg) repeat center top;
padding-bottom: 18px;
padding-top: 20px;
}
#sec5 .box {
	margin-left: -67px;
	background: url(../img/pizza/sec5_bgbox.jpg) repeat center top;
}
#sec6 {
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
#sec6:hover:before {
	transform: scale(1.1);
}
#sec6 .wrap {
	z-index: 1;
}
#sec6:before {
	content: "";
	background: url(../img/pizza/sec6_bg.jpg) no-repeat center/cover;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	transition: all 0.5s ease;
}
#sec6:after {
	content: "";
	background: url(../img/shared/line.png) repeat-x center top;
	width: calc(50% - 500px);
	height: 25px;
	position: absolute;
	top: 355px;
	right: 0;
}
#sec6 h2 {
	text-align: right;
	padding-top: 235px;
	padding-bottom: 190px;
}