@charset "utf-8";
/* CSS Document */

body {
/*
  background: linear-gradient(-45deg, rgba(246, 255, 0, .5), rgba(255, 0, 161, .5)),*/
  background: url("../img/bg.jpg") no-repeat;
  background-size: cover;
  background-position: center top;
  font-family: zen-kurenaido, sans-serif;
  font-style: normal;
  padding: 0;
  margin: 0;
  height: 100vh;
}

h1,h2,h3,h4,h5,h6,div,p,article{
	margin:0;
	padding:0;

}

.container {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}


#title img{
width: 75%;
margin: 14% auto 0 auto;
}

#footer img{
width: 75%;
margin: 14% auto 14% auto;
}

.koumoku{
line-height: 0
}
.koumoku img{
    width: 64%;
}

#color_img img{
width: 61%;
line-height: 1em;
}

#Color_bg{
	margin:  25px auto 0 auto;
}

#Food_bg{
	background: url("../img/Food_bg.png") no-repeat;
	background-size: cover;
    background-position: center bottom;
	width: 100%;
	margin: 9px auto 0 auto;
    padding: 24px 0 0 0;
}
#Food_bg span{
font-size: 60%
}

#Make_bg{
	background: url("../img/Make_bg.png") no-repeat;
	background-size: cover;
    background-position: center bottom;
	width: 100%;
	margin:  25px auto 0 auto;
	padding: 22px 0 0 0;
}

#Exercise_bg{
	background: url("../img/Exercise_bg.png") no-repeat;
	background-size: cover;
    background-position: center bottom;
	width: 100%;
	margin: 13px auto 0 auto;
    padding: 25px 0 0 0;	
}

#Message_bg{
	margin: 35px auto 0 auto;
}

#Food_text{
font-size: 7.5vw;
font-feature-settings:palt;
position: relative;
line-height: 0.8em;
margin: 5px auto 0 auto;
width: 90%;
height: auto;
text-align: center;
display: block;
}

#Make_text{
font-size: 7.5vw;
font-feature-settings:palt;
position: relative;
line-height: 1em;
width: 90%;
height: auto;
margin: 0 auto;
text-align: center;
display: block;
}



#Exercise_text{
font-size: 7.5vw;
font-feature-settings:palt;
position: relative;
line-height: 1em;
width: 90%;
height: auto;
margin: 0 auto;
text-align: center;
display: block;
}



#Message_text{
    font-size: 5.5vw;
    font-feature-settings: palt;
    position: relative;
    line-height: 1.3em;
    width: 90%;
    margin: -17px auto 0 auto;
    padding: 25px 0;
}
#Message_text::after{
	position: absolute;
    content: '';
    top: 57%;
    left: 54%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    display: block;
    width: 81%;
    height: 79%;
    background-image: url(../img/Message_line.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}


#footer_bg{
background: url("../img/footer_bg.png") no-repeat;
	background-size: cover;
    background-position: center bottom;
	width: 100%;
}