@charset "UTF-8";


img.main{width: 100%;}

div.main-visual{text-align: center;}
img.logo{width: 60%;}

div.half{position: relative;}
h2.catch{
    position: absolute;
	left: 50%;
	top: 20%;
	transform: translate(-50%,-50%); 
	font-size: 95%;
}

div.text{text-align: center;}
h2.copy{font-size: 20px;
}

div.water{
    text-align: center;
    margin-left: 70px;
    margin-right: 70px;
    margin-top: 40px;
}
div.cream{
    text-align: center;
    float: left;
    margin-top: 2px;
    margin-right: 0px;
    margin-left: 25px;
}
div.kurikinntonn{
    text-align: center;
    float: right;
    width: 40%;
    margin-right: 25px;
    margin-top: 19px;
}


div.lineup{
    text-align: center;
    margin-left: 70px;
    margin-right: 70px;
    margin-top: 350px;	
}
div.color{
    background-color: #FEF9C3;
}
h2.osusume{
    position: relative;
    top: 50px;
	font-size: 20px;
}
div.choco{
    position: relative;
    bottom: 20px;	
}
div.berry{
    position: relative;
    bottom: 40px;
}

img.best{
    position: relative;
    right: 7%;
    top: 40px;
  }



div.footer{text-align: center;}