/* CSS Document */

#container p {
	margin-bottom: 0em;
	text-align: left;
}
#container img {
	margin-bottom: 0;
}
#collagen_content {
	width: 100%;
	padding: 0px 8px;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
	box-sizing: border-box;
}
#collagen_content img {
	vertical-align: bottom;
}
.collagen {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
.mv {
	width: 100%;
	height: 0;
	position: relative;
	margin: 0 auto 5%;
	padding: 63% 0 0;
	background: url(/html/template/million01/assets/img/healthfood/collagen/section01_img_00.png) no-repeat bottom left;
	background-size: 100% auto;
}
.mv>div {
	width: 45%;
	height: auto;
	position: absolute;
	right: 0;
	top: 66%;
}
.mv>div img {
	width: 100%;
}
#collagen_content .section01 {
	padding-bottom: 21px;
	background: url(/html/template/million01/assets/img/healthfood/collagen/section01_img_05.jpg) no-repeat bottom left;
}
#collagen_content .section01 img {
	float: left;
}
#collagen_content .section01 ul {
	background: url(/html/template/million01/assets/img/healthfood/collagen/section01_img_04.jpg) no-repeat 0px 0px;
	width: 510px;
	padding-left: 208px;
}
#collagen_content .section01 ul li {
	float: left;
}
#collagen_content .section02 {
	width: 100%;
	height: 0;
	background: url(/html/template/million01/assets/img/healthfood/collagen/section02_img_01.png) center top / 100% auto no-repeat;
	padding-top: 0;
	padding: 40% 0 0;
	position: relative;
}
#collagen_content .section02 .text01 {
	text-align: center;
	font-size: 100%;
	color: #761F0C;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
#collagen_content .section02 .text01 span {
	color: #FF007F;
}
#collagen_content .section02 .text02 {
	text-align: center;
	font-size: 100%;
	color: #761F0C;
	position: absolute;
	left: 0;
	top: 58%;
	width: 100%;
}
#collagen_content .section02 .text02 span {
	color: #FF007F;
	font-size: 100%;
}
#collagen_content .section03 .block01 {
	position: relative;
	background: url(/html/template/million01/assets/img/healthfood/collagen/section03_img_01.jpg) center top / 100% auto no-repeat;
	width: 100%;
	height: 0;
	z-index: 1;
	padding: 60% 0 0;
}
#collagen_content .section03 .block01 h2 {
	position: absolute;
	left: 0px;
	top: 5px;
	width: 100%;
	text-align: center;
	font-size: 100%;
	line-height: 1.5;
	color: #fff;
	margin: 0;
}
#collagen_content .section03 .block01 p.catch {
	position: absolute;
	left: 0px;
	top: 16%;
	width: 100%;
	text-align: center;
	font-size: 100%;
	line-height: 1.2;
	color: #fff;
}
#collagen_content .section03 .block01 p.catch span {
	color: #FFFF99;
}
#collagen_content .section03 .block01 ul li {
	text-align: center;
	color: #761F0C;
	font-size: 75%;
	line-height: 1.2;
	width: 66%;
}
#collagen_content .section03 .block01 ul li span {
	display: block;
	color: #FF8459;
	font-size: 100%;
}
#collagen_content .section03 .block01 .list01 {
	position: absolute;
	left: -2%;
	top: 38%;
}
#collagen_content .section03 .block01 .list02 {
	position: absolute;
	left: 0%;
	top: 60%;
}
#collagen_content .section03 .block01 .list03 {
	position: absolute;
	left: 0;
	top: 81%;
}
#collagen_content .section03 .block01 .text01 {
	display: none;
}
#collagen_content .section03 .block02 {
	position: relative;
	margin: 0;
	padding: 19% 0 0;
	height: 0;
	background: url(/html/template/million01/assets/img/healthfood/collagen/section03_img_07s.png) center bottom / 102% auto no-repeat;
	font-size: 75%;
}
#collagen_content .section03 .block02 ul {
	display: none;
}
#collagen_content .section03 .block02 .text01 {
	position: absolute;
	width: 100%;
	left: 8px;
	bottom: 155px;
	text-align: center;
	color: #fff;
	font-size: 25px;
	line-height: 1.4;
}
#collagen_content .section03 .block02 .text01 span {
	display: none;
}
#collagen_content .section03 .block02 .text02 {
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 6%;
	font-size: 100%;
	color: #761F0C;
	text-align: center;
	line-height: 1.2;
}
#collagen_content .section03 .block02 .text02 span {
	color: #FF007F;
	font-size: 120%;
}
#collagen_content .section04 .block01 {
	width: 100%;
	height: 0;
	padding: 62% 0 0;
	position: relative;
}
#collagen_content .section04 p {
	font-size: 83.333333%;
	line-height: 1.4;
	color: #761F0C;
}
#collagen_content .section04 p em {
	font-weight: 100;
	background: url(/html/template/million01/assets/img/healthfood/collagen/underline_s1.png);
}
.section04 .block01>div {
	background: url(/html/template/million01/assets/img/healthfood/collagen/section04_img_02.jpg) center bottom /100% auto no-repeat;
	height: 100%;
	position: relative;
	padding: 0;
}
#collagen_content .section04 .block01 p {
	width: 63%;
	position: absolute;
	left: 35%;
	top: 36%;
	font-size: 83.333333%;
}
#collagen_content .section04 .block02 {
	display: none;
}
#collagen_content .section04 .block03 {
	display: none;
}
#collagen_content .section04 .block01>div {
	position: absolute;
	left: 0;
	top: 0;
}
#collagen_content .section04 .block03 dl dd ul li {
	float: left;
}
#collagen_content .section04 .block04 {
	background: url(/html/template/million01/assets/img/healthfood/collagen/section04_img_16.png) center top /100% auto no-repeat;
	width: 100%;
	height: 0;
	position: relative;
	padding: 70% 0 0;
}
#collagen_content .section04 .block04 p.head {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 1em;
	text-align: center;
	font-size: 200%;
	line-height: 0.75;
	color: #fff;
}
#collagen_content .section04 .block04 p.head span {
	color: #FFFF00;
}
#collagen_content .section04 .block04 .list01 p.catch {
	position: absolute;
	left: 74px;
	top: 181px;
}
#collagen_content .section04 .block04 .list01 p {
	position: absolute;
	left: 8%;
	top: 43%;
	font-size: 66.666666%;
	color: #761F0C;
	line-height: 1.3;
	width: 40%;
}
#collagen_content .section04 .block04 .list01 p.catch {
	position: absolute;
	left: 8%;
	top: 30%;
}
#collagen_content .section04 .block04 .list02 p {
	position: absolute;
	left: 52%;
	top: 43%;
	font-size: 66.666666%;
	color: #761F0C;
	line-height: 1.3;
	width: 40%;
}
#collagen_content .section04 .block04 .list02 p.catch {
	position: absolute;
	left: 52%;
	top: 30%;
}
#collagen_content .section05 {
	padding: 0 0 30px;
	background: url(/html/template/million01/assets/img/healthfood/collagen/section05_img_01.png) center center / auto 100% no-repeat;
}
#collagen_content .section05 p {
	text-align: center;
	font-size: 116%;
	color: #761F0C;
}
#collagen_content .section05 p span {
	color: #FF007F;
	font-size: 125%;
}
#collagen_content .section06 ul li {
	float: left;
}
#collagen_content .section05 {
	padding: 0 0 30px;
}
@media screen and (min-width: 480px) {
	#collagen_content .section02 .text01 {
		font-size: 125%;
	}
	#collagen_content .section02 .text02 {
		font-size: 125%;
	}
	#collagen_content .section03 .block01 h2 {
		font-size: 125%;
	}
	#collagen_content .section03 .block01 p.catch {
		font-size: 125%;
	}
	#collagen_content .section03 .block01 .list01 {
		top: 41%;
	}
	#collagen_content .section03 .block01 .list02 {
		top: 62%;
	}
	#collagen_content .section03 .block01 .list03 {
		top: 82%;
	}
	#collagen_content .section05 {
		font-size: 125%;
	}
}
@media screen and (min-width: 640px) {
	#collagen_content .section02 {
		padding: 34% 0 0;
		font-size: 125%;
	}
	#collagen_content .section03 .block01 {
		font-size: 125%;
	}
	#collagen_content .section04 .block01 p {
		font-size: 100%;
	}
	#collagen_content .section04 .block04 .list01 p {
		left: 9%;
		font-size: 87.5%;
		line-height: 1.4;
		width: 38%;
	}
	#collagen_content .section04 .block04 .list02 p {
		left: 54%;
		font-size: 87.5%;
		line-height: 1.4;
		width: 38%;
	}
	#collagen_content .section04 .block04 p.head {
		top: 12%;
	}
}
@media screen and (min-width: 768px) {
	#main {
		width: 780px;
	}
	#collagen_content {
		width: 718px;
		margin: auto;
		padding: 0;
		font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif
	}
	#collagen_content img {
		vertical-align: bottom;
	}
	#collagen_content .section01 {
		padding-bottom: 21px;
		background: url(/html/template/million01/assets/img/healthfood/collagen/section01_img_05.jpg) no-repeat bottom left;
	}
	#collagen_content .section01 img {
		float: left;
	}
	#collagen_content .section01 ul {
		background: url(/html/template/million01/assets/img/healthfood/collagen/section01_img_04.jpg) no-repeat 0px 0px;
		width: 510px;
		padding-left: 208px;
	}
	#collagen_content .section01 ul li {
		float: left;
	}
	#collagen_content .section02 {
		width: 100%;
		height: 243px;
		background: url(/html/template/million01/assets/img/healthfood/collagen/section02_img_01.png) no-repeat;
		padding-top: 30px;
	}
	#collagen_content .section02 .text01 {
		text-align: center;
		font-size: 31px;
		color: #761F0C;
	}
	#collagen_content .section02 .text01 span {
		color: #FF007F;
	}
	#collagen_content .section02 .text02 {
		text-align: center;
		font-size: 30px;
		color: #761F0C;
	}
	#collagen_content .section02 .text02 span {
		color: #FF007F;
		font-size: 42px;
	}
	#collagen_content .section03 .block01 {
		position: relative;
		background: url(/html/template/million01/assets/img/healthfood/collagen/section03_img_01.jpg);
		width: 100%;
		height: 478px;
		z-index: 1;
		padding: 0;
	}
	#collagen_content .section03 .block01 h2 {
		position: absolute;
		left: 0px;
		top: 5px;
		width: 100%;
		text-align: center;
		font-size: 33px;
		line-height: 45px;
		color: #fff;
	}
	#collagen_content .section03 .block01 p.catch {
		position: absolute;
		left: 0px;
		top: 48px;
		width: 100%;
		text-align: center;
		font-size: 33px;
		line-height: 45px;
		color: #fff;
	}
	#collagen_content .section03 .block01 p.catch span {
		color: #FFFF99;
	}
	#collagen_content .section03 .block01 ul li {
		text-align: center;
		color: #761F0C;
		font-size: 20px;
		line-height: 25px;
		width: 390px;
	}
	#collagen_content .section03 .block01 ul li span {
		display: block;
		color: #FF8459;
		font-size: 23px;
	}
	#collagen_content .section03 .block01 .list01 {
		position: absolute;
		left: 34px;
		top: 179px;
	}
	#collagen_content .section03 .block01 .list02 {
		position: absolute;
		left: 34px;
		top: 264px;
	}
	#collagen_content .section03 .block01 .list03 {
		position: absolute;
		left: 34px;
		top: 350px;
	}
	#collagen_content .section03 .block01 .text01 {
		display: block;
		color: #05BCDC;
		font-size: 28px;
		position: absolute;
		top: 451px;
		width: 100%;
		text-align: center;
	}
	#collagen_content .section03 .block02 {
		background: url(/html/template/million01/assets/img/healthfood/collagen/section03_img_07.png) no-repeat bottom;
		padding: 0px 8px;
		margin: 0px -8px;
		padding-bottom: 378px;
		position: relative;
		height: inherit;
	}
	#collagen_content .section03 .block02 ul {
		display: block;
		width: 100%;
		margin: 0;
		background: url(/html/template/million01/assets/img/healthfood/collagen/section03_img_06.png) repeat-y left;
	}
	#collagen_content .section03 .block02 ul li {
		float: left;
	}
	#collagen_content .section03 .block02 ul li p {
		width: 180px;
		padding-top: 15px;
		font-size: 14px;
		line-height: 1.6;
		color: #51170A;
	}
	#collagen_content .section03 .block02 ul .list01 p {
		padding-left: 44px;
		padding-right: 24px;
	}
	#collagen_content .section03 .block02 ul .list02 p {
		padding-left: 20px;
		padding-right: 23px;
	}
	#collagen_content .section03 .block02 ul .list03 p {
		padding-left: 23px;
		padding-right: 44px;
	}
	#collagen_content .section03 .block02 .text01 {
		position: absolute;
		width: 100%;
		left: 8px;
		bottom: 155px;
		text-align: center;
		color: #fff;
		font-size: 25px;
		line-height: 1.4;
	}
	#collagen_content .section03 .block02 .text01 span {
		color: #FF9;
		display: inline;
	}
	#collagen_content .section03 .block02 .text02 {
		position: absolute;
		width: 100%;
		left: 0px;
		bottom: 10px;
		font-size: 32px;
		color: #761F0C;
		text-align: center;
		line-height: 1.2;
	}
	#collagen_content .section03 .block02 .text02 span {
		color: #FF007F;
		font-size: 37px;
	}
	#collagen_content .section04 .block01 {
		background: url(/html/template/million01/assets/img/healthfood/collagen/section04_img_02.jpg) no-repeat bottom;
		height: 446px;
		position: relative;
		padding: 0;
	}
	#collagen_content .section04 p {
		font-size: 20px;
		line-height: 32px;
		color: #761F0C;
	}
	#collagen_content .section04 p em {
		font-weight: 100;
		background: url(/html/template/million01/assets/img/healthfood/collagen/underline_s1.png);
	}
	#collagen_content .section04 .block01 p {
		width: 417px;
		position: absolute;
		left: 266px;
		top: 186px;
	}
	#collagen_content .section04 .block02 {
		display: block;
	}
	#collagen_content .section04 .block03 {
		display: block;
	}
	#collagen_content .section04 .block02 .box01 {
		background: url(/html/template/million01/assets/img/healthfood/collagen/section04_img_04.png);
		width: 100%;
		height: 173px;
		position: relative;
	}
	#collagen_content .section04 .block02 .box01 p {
		width: 630px;
		position: absolute;
		left: 50px;
		top: 0px;
		color: #761F0C;
	}
	#collagen_content .section04 .block02 dl dd ul li {
		float: left;
	}
	#collagen_content .section04 .block03 .box01 {
		background: url(/html/template/million01/assets/img/healthfood/collagen/section04_img_11.jpg);
		width: 100%;
		height: 187px;
		position: relative;
	}
	#collagen_content .section04 .block03 .box01 p {
		width: 620px;
		position: absolute;
		left: 90px;
		top: 45px;
		color: #761F0C;
	}
	#collagen_content .section04 .block03 dl dd ul li {
		float: left;
	}
	#collagen_content .section04 .block04 {
		background: url(/html/template/million01/assets/img/healthfood/collagen/section04_img_16.png) no-repeat;
		width: 100%;
		height: 500px;
		position: relative;
		padding: 0;
	}
	#collagen_content .section04 .block04 p.head {
		position: absolute;
		width: 100%;
		left: 0px;
		top: 60px;
		text-align: center;
		font-size: 44px;
		line-height: 0.75;
		color: #fff;
	}
	#collagen_content .section04 .block04 p.head span {
		color: #FFFF00;
	}
	#collagen_content .section04 .block04 .list01 p.catch {
		position: absolute;
		left: 74px;
		top: 181px;
	}
	#collagen_content .section04 .block04 .list01 p {
		position: absolute;
		left: 74px;
		top: 232px;
		font-size: 14px;
		color: #761F0C;
		line-height: 1.6;
		width: 250px;
	}
	#collagen_content .section04 .block04 .list02 p.catch {
		position: absolute;
		left: 397px;
		top: 182px;
	}
	#collagen_content .section04 .block04 .list02 p {
		position: absolute;
		left: 398px;
		top: 232px;
		font-size: 14px;
		color: #761F0C;
		line-height: 1.6;
		width: 250px;
	}
	#collagen_content .section05 {
		padding: 30px 0px;
		background: url(/html/template/million01/assets/img/healthfood/collagen/section05_img_01.png) no-repeat center;
	}
	#collagen_content .section05 p {
		text-align: center;
		font-size: 32px;
		color: #761F0C;
	}
	#collagen_content .section05 p span {
		color: #FF007F;
		font-size: 37px;
	}
	#collagen_content .section06 ul li {
		float: left;
	}
}