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

html,body{
	width:100%;
	height:100%;
	background: ;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#wrap{
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
@media only screen and (min-width: 768px) and (max-width: 1000px){
#wrap{
   width: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background: #FFF;
    line-height: 0;
}}

h3{
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
}
p{
	-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
}
.img_center{
    width: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background: #FFF;
    line-height: 0;
}
.text_center{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background: #FFF;
    line-height: ;
}
#mainvisual{
	text-align: center;
/*	background: url(../img/main_bg.png)no-repeat;
	background-position: center top;*/
}

#mainvisual {
   width: 1750px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background: #FFF;
    line-height: 0;
   background: url(../img/GABA_pc_main.jpg)no-repeat;
	background-position: center top;
 
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    min-width: 1400px;*/
}

@media only screen and (min-width: 768px) and (max-width: 1000px){
#mainvisual {
   width: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background: #FFF;
    line-height: 0;
}}
.contents{
    width: 1600px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background: #FFF;
    line-height: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1000px){
.contents{
   width: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background: #FFF;
    line-height: 0;
}}
#wrap1{
    width: 1750px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background: #FFF;
    line-height: 0;
}
#nayami, .kinousei{
    width: 1360px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background: #FFF;
    line-height: 0;
}
#mainvisual h1{
	}
#media{
	text-align: center;
	background: url(../img/media_bg.png)no-repeat;
	background-position: center top;
	}
clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
}
.about_gaba{
    width: 1000px;
}
.about_gaba2{
    width: 1243px;
}
.function{
    width: 1000px;
}
.about_moringa{
    width: 1530px;
}

.about_farm{
    width: 1460px;
}
.corporation{
    width: 1150px;
}
.smile{
    width: 1460px;
}
.btn{
    position: relative;
    width: 1435px;
    }
.cvbtn2 {
    position: absolute;
    display: block;
    bottom: 308px;
    left: 460px;
    animation: fluffyY 1s infinite ease-out;
}
.cvbtn1 {
    position: absolute;
    display: block;
    bottom: 308px;
    left: 460px;
    /*無料プレゼントバナー用*/
    bottom: 130px;
    left: 444px;
    animation: fluffyY 1s infinite ease-out;
}
.attention{
   width:983px;
}
.attention2{
   width:650px;
}
.clearfix{/zoom:1;} /*IE*/
	
br.clear{
	clear:both;
}
a:hover{
	opacity:0.82;
}
.hText{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.contents{
	text-align: center;
}
.contain_1{
	width: 1000px;
	margin: 0 auto;
}
.contain_bg{
	text-align: center;
}
#miracle{
	background: url(../img/miracle1_bg.jpg)no-repeat;
	background-position: center top;
}	
h4,h5 {
display: block;
-webkit-margin-before:0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}
#pro{
	height: 554px;
	background: url(../img/pro1.jpg)no-repeat;
	width: 497px;
	margin: 0 auto;
	padding: 220px 150px 0 350px;
	line-height: 28px;
	text-align: left;
  color: #3FAC06;
  font-size: 18px;
 /* font-weight: bold;*/
  font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
a:link {
text-decoration: none;
}

#about{
	background: url(../img/about_bg.png) no-repeat;
	background-position: center 0;
	height: ;
}
/* -------商品の詳細--------- */
.details {
    margin-bottom: 21em;
    margin-top: 40px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    min-height: 604px;
}
.ovf-area {
    text-align: center;
/*    overflow: hidden; */
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    min-width: ;
}
.ovf-item {
    display: block;
    position: absolute;
    top: 0;
/*    left: 50%;
    width: 1500px;
    margin-left: -750px;*/
}
.ovf-box {
    display: block;
    margin: auto;
    text-align: center;
    width: 100%;
}
.details table {
    margin: 0 auto 5em;
    position: relative;
    z-index: 1;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.details tbody {
    width: 1000px;
    margin: 0 auto;
}
.details tr:nth-of-type(1) th {
    border-top: 1px solid #261209;
}
.details th {
    width: 160px;
    background: #01772b;
    color: #fff;
    text-align: center;
    font-size: 1.1em;
    line-height: 1.1em;
    font-weight: normal;
}
.details tr:nth-of-type(1) td {
    border-top: 1px solid #261209;
}
.details td {
    width: 840px;
    padding: 1em;
    border-bottom: 1px solid #261209;
    border-right: 1px solid #261209;
    font-size: .98em;
    font-size: 14px;
    background: #fff;
    text-align: left;
}
/* -------フッター--------- */

#footer {
    width: 100%;
    margin: 50px auto 0;
    position: relative;
    background: ;
    min-height: 150px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
}
.footer-link {
    text-align: center;
    padding-top: 6em;
    padding-bottom: 2em;
    width: 100%;
    margin-top: 3em;
}
.footer-link li {
    color: #290602;
    display: inline-block;
    padding-left: 0.8em;
}
.footer-link li a {
    color: #220a2c;
}
footer a:link, footer a:visited {
    color: #000;
    transition: all .3s;
}
.footer-link li:after {
    content: "";
    border-right: 1px solid #220a2c;
    display: inline-block;
    padding-left: 0.8em;
    height: 1.2em;
    vertical-align: middle;
}
#copy {
    background: #3FAC06;
    text-align: center;
    width: 100%;
    color: #fff;
    line-height: 3.5;
    font-size: .875rem;
}
#footer p{
	text-align: center;
	margin: 0 auto 10px ;
  color: #FFF;
}



/*base.css*/


/*base.cssここまで*/

a;hover img{
	opacity:0.6;
}
h3{
	font-weight: normal;
	font-size: 1em;
}
h1{
 margin: 0;
 padding: 0;
}

.fadeInUpTrigger{
	opacity: 0;
}
---------------------------------------------
/*
 * top
 */
 

}