@charset "utf-8";


.routine_coupon_caution {
	margin-top: 30px;
	border: 1px solid #c00;
}
.routine_coupon_continue {
	margin-top: 20px;
	border: 1px solid #ccc;
}
.routine_coupon_h2 {
	text-align: center;
	padding: 5px 0;
	font-size: 16px;
}
.routine_caution_h2 {
	color: #fff;
	background: #c00;
}
.routine_continue_h2 { background: #ccc; }
.routine_coupon_txt {
	padding: 7px;
	font-size: 14px;
}
.routine_coupon_ul {
	list-style: none;
	padding-left: 1.2em;
	text-indent: -1.2em;
}

/*	---------------------------------
			PC mode 900px
	-------------------------------------*/
@media screen and (min-width: 900px) {

.page-top .kago_jump { display: none; }

.routine_cp {
	position: relative;
	width: 950px;
	height: 439px;
	margin-bottom: 50px;
}
.routine_cp_btn { position: absolute; }

.routine_brand {
	background: url(images/brand.gif);
	width: 950px;
	height: 570px;
	position: relative;
}
.routine_brand_box {
	width: 461px;
	height: 470px;
	position: absolute;
	bottom: 0;
}
.box_plus {
	background: url(images/brand_plus.jpg);
	left: 10px;
}
.box_salad {
	background: url(images/brand_salad.jpg);
	right: 10px;
}
.routine_brand_btn {
	width: 417px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 27px;
	margin: 0 auto;
}

.lineup .f-l,
.lineup .f-r {
	margin-bottom: 30px;
	position: relative;
}
.lineup .routine_plus .f-l:last-child,
.lineup .routine_plus .f-r:last-child { margin-bottom: 50px; }

#title_plus,
#title_salad { margin-bottom: 20px; }
.routine_kago {
	position: relative;
	background: url(images/btn_area.gif);
	width: 469px;
	height: 94px;
}
.routine_btn01 { left: 12px; bottom: 25px; }
.routine_btn02 { right: 12px; bottom: 23px; }

.routine_shamcon {
	background: url(images/plus_shamcon.jpg);
	width: 950px;
	height: 476px;
	margin-bottom: 30px;
}
.routine_btn { position: absolute }
.routine_shamcon_btn01 { left: 18px; bottom: 70px; }
.routine_shamcon_btn02 { left: 328px; bottom: 70px; }
.routine_shamcon_btn03 { right: 18px; bottom: 70px; }
.routine_shamcon_btn04 { right: 18px; bottom: 13px; }

.routine_icon {
	position: absolute;
	top: 3px;
	left: 3px;
}



.routine_coupon_caution,
.routine_coupon_continue {
	width: 800px;
	margin: 0 auto;
}
.routine_coupon_caution {
	margin-top: 30px;
}
.routine_coupon_continue {
	margin-top: 20px;
}

}

/*	---------------------------------
			Tablet mode -900px
		---------------------------------	*/
@media screen and (max-width: 900px) {
.page-top .kago_jump,
.page-top .k_jump,
.page-top .k_jump_sp { display: none; }

.routine_cp {

}




.routine_coupon_caution,
.routine_coupon_continue {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.routine_coupon_ul li {
	font-size: 13px;
	line-height: 23px!important;
}


/*	---------------------------------
			smf mode -640px
		-------------------------------------*/
@media screen and (max-width: 640px) {

.page-top .kago_jump,
.page-top .k_jump,
.page-top .k_jump_sp { display: none; }

.routine_caution_h2,
.routine_coupon_h2 { font-size: 14px; }
}