@charset "utf-8";
/*-----------------------------------------------
soy
-----------------------------------------------*/
.alpha a:hover img {
  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
}
.topline {
  padding: 1em 0;
  border-top: 1px solid #9c8c59;
}
#soy {
  width: 100%;
  margin-bottom: 3em;
}
#soy .ingredientsbox {
  width: 100%;
  display: flex;
}
#soy .ingredientsitem {
  padding: 1em;
  width: 50%;
}



#soy .catch {
  position: relative;
  display: inline-block;
  padding: 0 55px 0 0;
  color: #9c8c59;
  width: 100%;
  letter-spacing: 3px;
  margin-bottom: 0;
}

#soy .catch:after {
    content: '';
    position: absolute;
    top: 40%;
    display: inline-block;
    width: 86%;
    height: 1px;
    background-color: #9c8c59;
}
#soy .catchline {
  border-bottom: 1px solid #9c8c59;
  padding-bottom: 1.6em;
  margin-bottom: 3em;
}

h3.marutxt {font-size: 1.5em; margin: 2em auto 2em; text-align: center; color:#754c24; line-height: 2.8em;}

.marutxt span {
  background-color: #754c24;
  color: #fff;
  margin: 0 0.05em;
  display: inline-block;
  width: 1.7em;
  height: 1.7em;
  line-height: 1.7;
  border-radius: 100vh;
  font-size:1.5em;
}



/***************************************************************************************************************************

for max-width: 768px

*****************************************************************************************************************************/
@media screen and (max-width: 768px) {
  #soy {
    width: 100%;
    padding-bottom: 0;
  }
  #soy .ingredientsbox {
    width: 100%;
    display: block;
  }
#soy .ingredientsitem {
  padding: 1em;
  width: 100%;
}
  #soy .catch {
    position: relative;
    display: inline-block;
    padding: 0 55px 0 0;
    color: #9c8c59;
    width: 100%;
    letter-spacing: 3px;
    margin-bottom: 0;
  }
  #soy .catchline {
    border-bottom: 1px solid #9c8c59;
    padding-bottom: 1.6em;
    margin-bottom: 3em;
  }
h3.marutxt {font-size: 1.3em; margin: 2em auto 2em; text-align: center; color:#754c24; line-height: 2.8em;}    
.marutxt span {
  background-color: #754c24;
  color: #fff;
  margin: 0 0.05em;
  display: inline-block;
  width: 1.7em;
  height: 1.7em;
  line-height: 1.7;
  border-radius: 100vh;
  font-size:1.4em;
}    
    
}