@charset "utf-8";


body {
	min-width:100%;
}

/* header */

header{
	display: none;
}

/* footer */
footer{
	position: relative;
	min-width: 100%;
}
footer ul.navi{
	left: 50%;
	margin: -10px 0 0 -15px;
	width: 30px;
}
footer ul.navi a{
	width: 30px;
	height: 35px;
	background: url('../img/foot_btn_top_sp.png') no-repeat left bottom;
	background-size: 20px 20px;
}
footer ul.navi li.top a{
	background-image: url('../img/foot_btn_top_sp.png');
}
footer ul.link{
	top: auto;
	bottom: 4px;
	left: 4px;
	width: 400px;
	-moz-transform-origin: 0 100%;
	-webkit-transform-origin: 0 100%;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
}
footer div.nobel{
	top: auto;
	bottom: 8px;
	right: 4px;
	-moz-transform-origin: 100% 100%;
	-webkit-transform-origin: 100% 100%;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
}


/******************************
 TOP 
*******************************/
#TOP{
	width: 100%;
	height: 410px;
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: scroll;
}
#TOP p.catch{
	width: 292px;
	height: 145px;
	left: 50%;
	top: 0;
	margin-left: -146px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url('../img/head_logo.png') no-repeat center top;
	background-size: 292px 145px;
}
#TOP p.chr {
	width: 100%;
	height: 100%;
	margin-bottom: -32px;
	background: url('../img/top_chr_sp.png') no-repeat center bottom;
	background-size: 417px 294px;
}
#TOP p.chr img{
	display: none;
}
#TOP p.campaign {
	display: none;
}

/******************************
 CAMPAIGN
*******************************/
#CAMPAIGN_SP{
	display: block;
	width: 100%;
	height: 110px;
	text-align: center;
	background: #000;
}


/******************************
 PRODUCT
*******************************/

#PRODUCT {
	height: auto;
	min-height: 0;
	padding-top: 10px;
	background: #b3d465;
}
#PRODUCT h2{
	position: relative;
	height: 31px;
	margin-bottom: 10px;
	background: #009944 url('../img/prod_h2_sp.png') no-repeat 10px center;
	background-size: 274px 26px;
	border: none;
}
#PRODUCT h2 em,
#PRODUCT h2 span{
	display: none;
}

#PRODUCT .wrap-v{
	display: block;
	height: auto;
	padding-bottom: 20px;
}
#PRODUCT .wrap{
	padding: 0;
}
#PRODUCT div.labo{
	display: none;
}


/******************************
 CM
*******************************/

#CM {
	height: auto;
	min-height: 0;
	background: none;
	background: #b3d465;
}
#CM h2{
	position: absolute;
	height: 31px;
	margin-bottom: 10px;
	top: 0;
	left: 0;
	background: #009944 url('../img/cm_h2_sp.png') no-repeat 10px center;
	background-size: 286px 25px;
	border: none;
}
#CM h2 em,
#CM h2 span{
	display: none;
}
#CM p.chr{
	display: none;
}
#CM p.chr-sp{
	display: block;
	margin-top: 31px;
}

#CM ul{
	position: relative;
	width: 100%;
	height: auto;
	padding: 10px 0 10px;
	background: none;
	text-align: center;
}
#CM ul li{
	width: 100%;
	height: auto;
	max-height: none;
	margin: 0 0 4px 0;
	text-align: center;
	right: auto;
}
#CM ul li a img{
	width: 80%;
	height: auto;
}
#CM ul li a:hover{
	opacity: 1;
}
.ios #CM ul li,
.android #CM ul li{
	right: auto!important;
}


/** bxSlider
===================================*/

.bx-wrapper {
	width: 240px;
}

.bx-wrapper .bx-prev {
	left: -10px;
	width: 70px;
	background-image: url('../img/prod_arw_prev.png');
	background-size: 70px 160px;
}
.bx-wrapper .bx-next {
	right: -10px;
	width: 66px;
	background-image: url('../img/prod_arw_next.png');
	background-size: 66px 160px;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	margin-top: -80px;
	height: 160px;
}