@charset "UTF-8";
/*
 * collagen_mame.css
 *
 */

/* common
-------------------------------------------------------------- */
.collagen_mameTit01 {
	margin-bottom: 50px;
}

.collagen_mameTitSp01 {
	display: none;
}

@media screen and (max-width:640px){
.collagen_mameTit01 {
	display: none;
}

.collagen_mameTitSp01 {
	display: block;
	margin-bottom: 23px;
}
	.collagen_mameTitSp01 img {
		width: 100%;
		height: auto;
	}	
}


/* collagen_mame/pre/index.html
-------------------------------------------------------------- */
.preBox01 {
	background: url(/excludes/collagen_mame/pre/img/img_pre01.jpg) right top no-repeat;
}
	.preBox01 .h3_excludes02 {
		margin-top: 55px;
	}

/* preImgSp01 */
.preImgSp01 {
	display: none;
}

@media screen and (max-width:640px){
.preBox01 {
	margin-top: 12px;
	background: none;
}
	.preBox01 .h3_excludes02 {
		margin-top: 40px;
	}

/* preImgSp01 */
.preImgSp01 {
	float: none;
	width: 50%;
	height: auto;
	display: block;
	margin: 12px auto 0;
	text-aling:center;
}
	.preImgSp01 img {
		width: 100%;
		height: auto;
	}
	
}


.preBox02 {
	height: 162px;
	background: url(/excludes/collagen_mame/pre/img/img_pre02.jpg) right top no-repeat;
}
	.preBox02 .h3_excludes02 {
		margin-top: 55px;
	}

/* preImgSp01 */
.preImgSp02 {
	display: none;
}

@media screen and (max-width:640px){
.preBox02 {
	margin-top: 12px;
	background: none;
	height: auto;
}
	.preBox02 .h3_excludes02 {
		margin-top: 40px;
	}

/* preImgSp01 */
.preImgSp02 {
	float: none;
	width: 50%;
	height: auto;
	display: block;
	margin: 12px auto 0;
	text-aling:center;
}
	.preImgSp02 img {
		width: 100%;
		height: auto;
	}
	
}



/* preBoxIn01 */
.preBoxIn01 {
	display: block;
}
.preBoxIn01:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}

.preBoxIn01 .preTxt01 {
	float: left;
	width: 710px;
}
.preBoxIn01 figure {
	float: right;
	width: 210px;
	height: 164px;
}
	.preBoxIn01 figure img {
		width: 100%;
		height: auto;
	}

@media screen and (max-width:640px){
.preBoxIn01 .preTxt01 {
	float: none;
	width: 100%;
}
.preBoxIn01 figure {
	float: none;
	width: 100%;
	height: auto;
	margin-top: 12px;
}
}


/* collagen_mame/index.html
-------------------------------------------------------------- */
.collagen_mameBox01 .h3_excludes02 {
	margin-top: 50px;
}

@media screen and (max-width:640px){
.collagen_mameBox01 .h3_excludes02 {
	margin-top: 40px;
}
}


.collagen_mameBox01 .collagen_mameSpace01 {
	margin-top: 0;
}

@media screen and (max-width:640px){
.collagen_mameBox01 .collagen_mameSpace01 {
	margin-top: 40px;
}
}


/* collagen_mameImgSp01 */
.collagen_mameImgSp01 {
	display: none;
}

@media screen and (max-width:640px){
.collagen_mameImg01 {
	display: none;
}

.collagen_mameImgSp01 {
	display: block;
	margin-top: 14px;
}
	.collagen_mameImgSp01 img {
		width: 100%;
		height: auto;
	}
}


/* collagen_mameBoxIn01 */
.collagen_mameBoxIn01 {
	display: block;
	min-height: 1%;
}
.collagen_mameBoxIn01:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}

.collagen_mameTxt01 {
	float: left;
	width: 738px;
}
.collagen_mameImg01 {
	float: right;
	width: 210px;
}

.collagen_mameTxt02 {
	float: left;
	width: 815px;
}
.collagen_mameImg02 {
	float: right;
	width: 130px;
	height: 150px;
}
	.collagen_mameImg02 img {
		width: 100%;
		height: auto;
	}

@media screen and (max-width:640px){
.collagen_mameTxt01,
.collagen_mameTxt02 {
	float: none;
	width: 100%;
}
.collagen_mameImg01 {
	float: none;
	width: 100%;
	margin-top: 12px;
}
.collagen_mameImg02 {
	float: none;
	width: 50%;
	height: auto;
	margin: 12px auto 0;
}
	.collagen_mameImg02 img {
		width: 100%;
		height: auto;
	}
}