@charset "utf-8";

@media screen and (min-width: 751px) {
#pureselectNavi .mayorecipe a {
    background: url(/pureselect/common/img/nav.png) no-repeat -611px -70px;
}
}

#container {
	width:960px;
}

#potesala_content {
	position:relative;
	width: 908px;
	height: 2140px;
	margin:0px auto;
	background-image:url(../images/potesala_bg.png);
	background-repeat:no-repeat;
}

#potesala_content a.hover:hover{
	opacity: 0.7;
}

#potesala_content h1.title {
	position:absolute;
	top:5px;
	left:337px;
}

#potesala_content h2.lead {
	position:absolute;
	top:230px;
	left:377px;
}

#potesala_content div.package {
	position:absolute;
	top:249px;
	left:664px;
}

#potesala_content div.balloon {
	position:absolute;
	top:314px;
	left:526px;
}

#potesala_content div.recipe01 {
	position:absolute;
	top:445px;
	left:19px;
}

#potesala_content div.recipe02 {
	position:absolute;
	top:445px;
	left:311px;
}

#potesala_content div.recipe03 {
	position:absolute;
	top:445px;
	left:602px;
}

#potesala_content div.recipe04 {
	position:absolute;
	top:722px;
	left:19px;
}

#potesala_content div.recipe05 {
	position:absolute;
	top:722px;
	left:311px;
}

#potesala_content div.recipe06 {
	position:absolute;
	top:722px;
	left:602px;
}

#potesala_content div.recipe07 {
	position:absolute;
	top:996px;
	left:19px;
}

#potesala_content div.recipe08 {
	position:absolute;
	top:996px;
	left:311px;
}

#potesala_content div.recipe09 {
	position:absolute;
	top:996px;
	left:602px;
}

#potesala_content div.recipe10 {
	position:absolute;
	top:1275px;
	left:19px;
}

#potesala_content div.recipe11 {
	position:absolute;
	top:1275px;
	left:311px;
}

#potesala_content div.recipe12 {
	position:absolute;
	top:1275px;
	left:602px;
}

#potesala_content div.recipe13 {
	position:absolute;
	top:1555px;
	left:19px;
}

#potesala_content div.recipe14 {
	position:absolute;
	top:1555px;
	left:311px;
}

#potesala_content div.recipe15 {
	position:absolute;
	top:1555px;
	left:602px;
}

#potesala_content div.recipe16 {
	position:absolute;
	top:1831px;
	left:19px;
}

#potesala_content div.head_group div.sp_package,
div.sp_footer {
	display: none;	
}

@media (max-width: 920px) {

#potesala_content {
	position: static;
	width: auto;
	height: auto;
	background: none;
}
#potesala_content h1.title,
#potesala_content h2.lead,
#potesala_content div.balloon {
	display: none;	
}
div.head_group {
	background: url(../images/sp_head_bg.png) no-repeat 0 0;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
div.recipe_contents {
	background: url(../images/sp_contents_bg.png) repeat-y 0 0;
	padding-bottom: 20px;
}
div.recipe_contents:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#potesala_content div.package {
	display: none;
}
#potesala_content div.head_group div.sp_package {
	display: block;
	width: 43%;
	position: absolute;
	top: inherit;
	left: inherit;
	right: -10px;
}
div.sp_package img {
	width: 100%;
	height: auto;	
}

#potesala_content h1.title,
#potesala_content h2.lead,
#potesala_content div.balloon,
#potesala_content div.recipe01,
#potesala_content div.recipe02,
#potesala_content div.recipe03,
#potesala_content div.recipe04,
#potesala_content div.recipe05,
#potesala_content div.recipe06,
#potesala_content div.recipe07,
#potesala_content div.recipe08,
#potesala_content div.recipe09,
#potesala_content div.recipe10,
#potesala_content div.recipe11,
#potesala_content div.recipe12,
#potesala_content div.recipe13,
#potesala_content div.recipe14,
#potesala_content div.recipe15,
#potesala_content div.recipe16 {
	position: static;	
}

#potesala_content div.recipe01,
#potesala_content div.recipe02,
#potesala_content div.recipe03,
#potesala_content div.recipe04,
#potesala_content div.recipe05,
#potesala_content div.recipe06,
#potesala_content div.recipe07,
#potesala_content div.recipe08,
#potesala_content div.recipe09,
#potesala_content div.recipe10,
#potesala_content div.recipe11,
#potesala_content div.recipe12,
#potesala_content div.recipe13,
#potesala_content div.recipe14,
#potesala_content div.recipe15,
#potesala_content div.recipe16 {
	width: 50%;
}
#potesala_content div img {
	width: 100%;
	height: auto;
}

#potesala_content div.recipe01,
#potesala_content div.recipe03,
#potesala_content div.recipe05,
#potesala_content div.recipe07,
#potesala_content div.recipe09,
#potesala_content div.recipe11,
#potesala_content div.recipe13,
#potesala_content div.recipe15 {
	float: left;
	clear: both;
}

#potesala_content div.recipe02,
#potesala_content div.recipe04,
#potesala_content div.recipe06,
#potesala_content div.recipe08,
#potesala_content div.recipe10,
#potesala_content div.recipe12,
#potesala_content div.recipe14,
#potesala_content div.recipe16 {
	float: right;
}
div.sp_footer {
	display: block;
	clear: both;
	width: 50%;
	margin: 0 auto;	
}
}

@media (max-width: 770px) {
#potesala_content a.hover:hover{
	opacity: 1.0;
}
}

@media (max-width: 670px) {
div.sp_footer {
	width: 60%;
}
}