body {
	background-image: url(../img/bg_2.png);
	background-repeat: repeat-x repeat-y;
	background-position: center;
}

br.show_mobile {
	display: none;
}

br.show_pc {
	display: block;
}

.mr_bg_left {
	top: 0;
	left: 0;
	position: absolute;
	width: 252px;
	z-index: -1000;
	background-image: url(../img/bg_left_2.png);
	background-repeat: repeat-y;
}

.mr_bg_right {
	top: 0;
	right: 0;
	position: absolute;
	width: 282px;
	z-index: -1000;
	background-image: url(../img/bg_right_2.png);
	background-repeat: repeat-y repeat-x;
}

#mr_footer {
	margin-top: 0px !important;
}

.check_title_img {
	background-image: url(../img/check_title.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 1476px 176px;
	height: 176px;
}

.mr_result_title {
	background-image: url(../img/result_title.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 970px 162px;
	height: 162px;
	margin-top: 40px;
}

.mr_result_body {
	background-image: url(../img/result_body.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 970px 100%;
	min-height: 100px;
}

.mr_result_bottom_link {
	background-image: url(../img/result_bottom_link.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 970px 35px;
	height: 35px;
}

.mr_result_top_link {
	background-image: url(../img/result_top_link.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 970px 72px;
	height: 72px;
}

.mr_result_content {
	background-image: url(../img/result_body.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 970px 100%;
	min-height: 100px;
}

.mr_result_bottom {
	background-image: url(../img/result_bottom.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 970px 35px;
	height: 35px;
	margin-bottom: 40px;
}

.mr_result_title > div,
.mr_result_body > div,
.mr_result_bottom_link > div,
.mr_result_top_link > div,
.mr_result_content > div,
.mr_result_bottom > div {
	width: 970px;
	margin: 0 auto;
	position: relative;
}

.mr_result_title > div {
	width: 970px;
	margin-top: 40px;
	padding-left: 100px;
	padding-top: 5px;
	position: relative;
}

.mr_result_title > div > .result_is {
	font-size: 1.4em;
	font-weight: 900;
	display: block;
}

.mr_result_title > div > .result_text > br {
	display: none;
}

.mr_result_title > div > .result_text {
	font-size: 2.3em;
	font-weight: 900;
	color: #e4098e;
	letter-spacing: .1em;
}

.result_bottom_img {
	background-image: url(../img/check_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 1366px 284px;
	height: 284px;
	position: absolute;
	bottom: 0px;
}

.mr_result_body_step {
	position: relative;
	width: 820px;
	height: 357px;
	background-image: url(../img/result_body_step.png);
	margin-top: 40px;
}

.mr_result_body_step > h3 {
	text-align: center;
	padding-top: 26px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-weight: 900;
}

.mr_result_body_step > ol {
	position: relative;
    margin: 10px 0 0 -19px;
}

.mr_result_body_step > ol > li {
	float: left;
    width: 190px;
	height: 293px;
    margin-left: 19px;
    background-repeat: no-repeat;
    background-position: 50% 10px;
}

.mr_result_body_step > ol > li > a {
	text-decoration: none;
}

.mr_result_body_step > ol > li:hover  {
	opacity: .7;
	filter: alpha(opacity=70);
}

.step_icon {
	margin-bottom: 10px;
}

.step_img {
	margin-bottom: 10px;
}

.step_word {
	height: 36px;
	margin-bottom: 10px;
}

.step_word > h3 {
	font-size: 1.6em;
	letter-spacing: .1em;
	color: #e4098e;
	font-weight: 900;
}

.mr_result_border {
	height: 40px;
    font-size: 0;
    line-height: 0;
	width: 100%;
    background: url(../img/result_border.png) no-repeat bottom center;
	margin-bottom: 0px;
}

.mr_result_border_2 {
	height: 60px;
    font-size: 0;
    line-height: 0;
	width: 939px !important;
    background: url(../img/result_border_2.png) no-repeat center center;
	background-repeat: repeat-x;
}

#step_1,
#step_2,
#step_3 {
	padding-top: 30px;
}

#step_4 {
	padding-top: 10px;
}

#step_1 > h3,
#step_2 > h3,
#step_3 > h3,
#step_4 > h3 {
	height: 56px;
	width: 100%;
    color: #fff;
	letter-spacing: .5em;
    font-size: 2em;
    text-align: center;
    vertical-align: middle;
	line-height: 56px;
	margin-top: 10px;
	font-weight: 900;
}

.prod_desc,
.prod_desc_half,
.prod_half {
	width: 810px;
	position: relative;
    border-left: 0;
    border-right: 0;
}

.description_half_block,
.prod_desc_half_block,
.prod_half_block {
	width: 810px;
	position: relative;
    border-left: 0;
    border-right: 0;
}

.prod_half_block {
	margin-top: 20px;
}

.description_half,
.prod_desc_half,
.prod_half {
	width: 380px !important;
	display: inline-block;
	text-align: center;
}

.prod_half {
	text-align: left;
	vertical-align: top;
	display: inline-block;
}

.prod_half > h5 {
	text-align: left;
	vertical-align: top;
	display: inline-block;
	margin-top: 20px;
	padding-left: 20px;
	font-size: 1.5em;
	line-height: 1.3em;
	font-weight: 900;
}

.prod_half > h5 > small {
	font-size: 1em;
	color: #000;
}

.prod_half > h5 > em {
	font-size: .9em;
	line-height: 1.2em;
	color: #e4098e;
}

.half_space {
	width: 40px;
	display: inline-block;
	text-align: center;
}

.result_border_3 {
	display: none;
}

.description,
.description_half {
	width: 810px;
	position: relative;
	margin-top: 20px;
}

.description > h2,
.description_half > h2 {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 1.8em;
	letter-spacing: 0.1em;
	font-weight: 900;
	color: #000;
	border: solid 2px #c8843a;
    border-left: 0;
    border-right: 0;
}

.description > h2 > strong,
.description_half > h2 > strong {
	font-size: 1.1em;
	color: #e4098e !important;
}

.prod_desc > h3,
.prod_desc_half > h3 {
	font-family: "文泉驛正黑", "WenQuanYi Zen Hei", "Heiti TC", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei";
	margin-top: 16px;
	margin-bottom: 16px;
	font-size: 1.2em;
	letter-spacing: 0em;
	line-height: 1.6em;
}

.prod_desc > h3 > em,
.prod_desc_half > h3 > em {
	color: #e4098e !important;
}

#step_1 > h3 {
    background: url(../img/result_step_title_1.png) no-repeat center center;
}

#step_2 > h3 {
    background: url(../img/result_step_title_2.png) no-repeat center center;
}

#step_3 > h3 {
    background: url(../img/result_step_title_3.png) no-repeat center center;
}

#step_4 > h3 {
    background: url(../img/result_step_title_4.png) no-repeat center center;
}

.mr_result_point {
	height: 120px;
	width: 100%;
    background: url(../img/result_point.png) no-repeat center center;
}

.mr_result_point > div {
	width: 700px;
	height: 120px;
	padding-right: 100px;
}

.mr_result_point > div > h3 {
	font-family: "文泉驛正黑", "WenQuanYi Zen Hei", "Heiti TC", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei";
	font-size: 1.5em;
	letter-spacing: 4px;
	padding-top: 34px;
	line-height: 1.5em;
	font-weight: 900;
}

.mr_result_point > div > h4 {
	font-family: "文泉驛正黑", "WenQuanYi Zen Hei", "Heiti TC", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei";
	font-size: 1.5em;
	letter-spacing: 4px;
	padding-top: 48px;
	line-height: 1.5em;
	font-weight: 900;
}

.mr_detail {
	background: url(../img/btn_detail.png) no-repeat top center;
	height: 0;
	background-size: 194px 98px;
	width: 194px;
	height: 49px;
	margin-top: -15px;
	cursor: pointer;
}

.mr_detail:hover {
	background-position: 0 -50px;
}

.mr_use {
	background: url(../img/btn_use.png) no-repeat top center;
	height: 0;
	background-size: 194px 98px;
	width: 194px;
	height: 49px;
	margin-top: 10px;
	cursor: pointer;
}

.mr_use:hover {
	background-position: 0 -50px;
}


@media screen and (max-width: 969px) {
	br.show_mobile {
		display: block;
	}
	
	br.show_pc {
		display: none;
	}
	
	.check_title_img {
		background: url(../img/check_title_mobile.png) no-repeat top center;
		display: block;
		height: 0;
		background-size: 100%;
		padding-bottom: 22%;
	}
	
	.mr_result_title {
		background: url(../img/result_title_mobile.png) no-repeat bottom center;
		display: block;
		height: 0;
		background-size: 90%;
		padding-bottom: 27vw;
		margin-top: 10px;
	}
		
	.mr_result_body {
		background: url(../img/result_body_mobile.png) repeat-y top center;
		display: block;
		background-size: 90%;
		padding-bottom: 0vw;
	}

	.mr_result_bottom_link {
		background: url(../img/result_bottom_link_mobile.png) no-repeat top center;
		display: block;
		height: 0;
		background-size: 90%;
		padding-bottom: 4vw;
	}

	.mr_result_top_link {
		background: url(../img/result_top_link_mobile.png) no-repeat top center;
		display: block;
		height: 0;
		background-size: 90%;
		padding-bottom: 11.3vw;
	}
	
	.mr_result_content {
		background: url(../img/result_body_mobile.png) repeat-y top center;
		display: block;
		background-size: 90%;
		padding-bottom: 0vw;
	}

	.mr_result_bottom {
		background: url(../img/result_bottom_mobile.png) no-repeat top center;
		display: block;
		height: 0;
		background-size: 90%;
		padding-bottom: 28vw;
	}

	.mr_result_title > div {
		width: 90%;
		top: 0.5vw;
		margin-top: 4.5vw;
		padding-left: 5vw;
		padding-top: 0;
	}
	
	.mr_result_body > div,
	.mr_result_bottom_link > div,
	.mr_result_top_link > div,
	.mr_result_content > div,
	.mr_result_bottom > div {
		width: 86%;
		top: 0.5vw;
		margin-top: 1vw;
		padding-left: auto;
		padding-top: 0;
	}

	.mr_result_title > div > .result_is {
		font-size: 4vw;
		font-weight: 900;
		display: block;
	}
	
	.mr_result_title > div > .result_text > br {
		display: block;
	}
	
	.mr_result_title > div > .result_text {
		font-size: 4.5vw;
		font-weight: 900;
		width: 50vw;
		text-align: center;
		margin-left: 3vw;
		margin-top: 2vw;
		letter-spacing: 0vw;
	}
	
	.result_bottom_img {
		background: url(../img/check_bottom_mobile.jpg) no-repeat bottom center;
		display: block;
		height: 0;
		background-size: 100%;
		padding-bottom: 57.8%;
		z-index: -9999;
	}
	
	.mr_result_body_step {
		width: 100%;
		height: 42vw;
		background-image: url(../img/result_body_step_mobile.png) top center;
		background-repeat: no-repeat;
		background-size: 100% 40vw;
		margin-top: 0vw;
	}
	
	.mr_result_body_step > h3 {
		padding-top: 2vw;
		padding-bottom: 0vw;
		letter-spacing: .4vw;
		font-size: 3.3vw;
		margin-top: 2vw;
		margin-bottom: 1vw;
	}

	.mr_result_body_step > ol {
		position: relative;
    	width: 110%;
		margin-left: -1.5vw;
		margin-top: 0;
	}

	.mr_result_body_step > ol > li {
		width: 18.2vw;
		height: 28vw;
		background-repeat: no-repeat;
		background-position: 50% 10px;
		margin-left: 2vw;
	}
	
	.step_icon {
		margin-bottom: 1vw;
		max-width: 8vw;
		height: auto;
		display: block;
	}
	
	.step_icon > img {
		max-width: 100%;
		height: auto;
		display: block;
	}

	.step_img {
		margin-bottom: 1vw;
	}
	
	.step_img > img {
		position: relative;
		margin-bottom: 2vw;
		max-width: 90%;
		height: auto;
		display: block;
		margin: 0 auto;
	}

	.step_word {
		height: 4vw;
		margin-bottom: .2vw;
	}

	.step_word > h3 {
		font-size: 2.2vw;
		letter-spacing: .5vw;
		margin-top: .5vw;
		margin-bottom: .5vw;
	}
	
	.step_arrow {
		margin-bottom: 1vw;
		max-width: 4vw;
		height: auto;
		display: block;
	}
	
	.step_arrow > img {
		max-width: 100%;
		height: auto;
		display: block;
	}
	
	.mr_result_border {
		height: 5vw;
		font-size: 0;
		line-height: 0;
		width: 86vw !important;
		background: url(../img/result_border_mobile.png) no-repeat bottom center;
		background-size: 100%;
		margin-bottom: 0px;
		margin: 0;
	}
	
	.mr_result_border_2 {
		height: 4vw;
		font-size: 0;
		line-height: 0;
		width: 85.5vw !important;
		background: url(../img/result_border_2_mobile.png) no-repeat center center;
		background-repeat: repeat-x;
	}
	
	#step_1,
	#step_2,
	#step_3 {
		padding-top: 1vw;
	}

	#step_4 {
		padding-top: 1vw;
	}

	#step_1 > h3,
	#step_2 > h3,
	#step_3 > h3,
	#step_4 > h3 {
		height: 8vw;
		width: 80vw;
		color: #fff;
		letter-spacing: 1vw;
		font-size: 3vw;
		text-align: center;
		vertical-align: middle;
		line-height: 8vw;
		vertical-align: 8vw;
		margin-top: 0vw;
		font-weight: 900;
		background-size: 100% 6vw;
		margin-bottom: 0;
	}
	
	.mr_result_point {
		width: 80vw;
		height: 25vw;
		background: url(../img/result_point_mobile.png) no-repeat top center;
		background-size: 100%;
	}
	
	.mr_result_point > div {
		width: 78vw;
		height: 20vw;
		margin-top: 0;
		padding-right: 16vw;
		display: table;
		padding-top: 1vw;
	}

	.mr_result_point > div > h3 {
		font-size: 3vw;
		letter-spacing: .1vw;
		padding-top: 1vw;
		line-height: 4vw;
		font-weight: 900;
		margin-top: 0;
		display : table-cell;
		text-align : center;
		vertical-align : middle;
	}

	.mr_result_point > div > h4 {
		font-size: 3vw;
		letter-spacing: .1vw;
		padding-top: 1vw;
		line-height: 4vw;
		font-weight: 900;
		margin-top: 0;
		display : table-cell;
		text-align : center;
		vertical-align : middle;
	}
	
	.description,
	.description_half {
		width: 80vw !important;
		position: relative;
		border-left: 0;
		border-right: 0;
		margin-top: 0vw;
	}

	.description > h2,
	.description_half > h2 {
		margin-top: 0 auto;
		padding-top: 2vw;
		padding-bottom: 2vw;
		font-size: 4vw;
		letter-spacing: 0.1vw;
		border: solid 1px #c8843a;
		border-left: 0px;
		border-right: 0px;
	}
			
	.prod_desc > h3,
	.prod_desc_half > h3 {
		margin-top: 3vw;
		margin-bottom: 3vw;
		font-size: 3.2vw;
		letter-spacing: 0em;
		line-height: 4vw;
		height: auto;
	}
	
	.prod_desc,
	.prod_desc_half,
	.prod_half {
		width: 80vw !important;
	}
	
	.description_half_block,
	.prod_desc_half_block,
	.prod_half_block {
		width: 80vw;
		border-left: 0;
		border-right: 0;
		margin: 0 auto;
	}

	.prod_half_block {
		margin-top: 2vw;
	}
			
	.prod_half {
		text-align: left;
		vertical-align: top;
		display: inline-block;
		width: 80vw !important;
		margin-bottom: 5vw;
	}

	.prod_half > h5 {
		text-align: left;
		vertical-align: top;
		display: inline-block;
		margin-top: 7.3vw;
		padding-left: 2vw;
		font-size: 4vw;
		line-height: 5vw;
		font-weight: 900;
	}

	.prod_half > h5 > em {
		font-size: 3.5vw;
		line-height: 2vw;
	}
	
	.prod_half > img {
		width: 30vw;
		margin-left: 5vw;
	}

	.half_space {
		display: none;
	}
	
	.result_border_3 {
		display: block;
		border-top: solid 1px #c8843a;
		width: 100%;
		margin-bottom: 2vw;
	}
	
	.mr_detail {
		background: url(../img/btn_detail.png) no-repeat top center;
		background-size: 100%;
		width: 30vw;
		height: 7.3vw;
		margin-top: 0vw;
		cursor: pointer;
	}
	
	.mr_detail:hover {
		background-position: 0 -7.8vw;
	}
	
	.mr_use {
		background: url(../img/btn_use.png) no-repeat top center;
		height: 0;
		background-size: 100%;
		width: 30vw;
		height: 7.3vw;
		margin-top: 2vw;
		cursor: pointer;
	}

	.mr_use:hover {
		background-position: 0 -7.8vw;
	}
}

@media screen and (min-width: 970px) {
	.result_bottom_img_fix {
		background-image: url(../img/ckeck_bottom_fix.png);
		background-repeat: repeat-x;
		background-position: bottom center;
		background-size: 98px 63px;
		height: 284px;
		bottom: 0px;
	}
}