@charset "Shift_JIS";
@import url(/css/common.css);
@import url(/cart_product/css/genmai.css);
/*==================================================================*/
/* 玄米ファイン（0000095） css */
/*==================================================================*/
div .tagarea #charm .catch em {
  font-size: 0.55em;
}
div .tagarea .com {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 1em;
}
div .tagarea #set {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  justify-content: space-between;
  margin: 0 auto 3em;
}
div .tagarea #set .text h3 span {
  font-weight: normal;
  font-size: 0.8em;
}
div .tagarea #set .text ul {
  padding: 0 0 0 1.5em;
  list-style: disc;
  margin-bottom: 0.5em;
}
div .tagarea #maternity .section-in .box {
  margin: 0 auto 3em;
}
div .tagarea #maternity .section-in .box .text .anno {
  font-size: 0.75em;
}
div .tagarea #maternity .section-in .maternity-box {
  margin: 0 auto 3em;
}
div .tagarea #maternity .section-in .misoshiru .misoshiru-in {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  justify-content: space-between;
}
div .tagarea #maternity .section-in .misoshiru .misoshiru-in .text {
  width: 58%;
}
div .tagarea #maternity .section-in .comparison .comparison-in {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  justify-content: space-between;
}
div .tagarea #maternity .section-in .comparison .comparison-in dl {
  width: 48%;
  text-align: center;
  margin: 0 auto 1em;
}
div .tagarea #maternity .section-in .comparison .comparison-in dl dt {
  margin-bottom: 0.5em;
}
div .tagarea #make {
  margin: 0 auto 4em;
}
div .tagarea #make .box {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  justify-content: space-between;
  margin: 0 auto 3em;
}
div .tagarea #make .box .text {
  width: 62%;
}
div .tagarea #make .box .text .preparation {
  background: #f5f5f5;
  padding: 1.5em 1em;
}
div .tagarea #make .box .text .preparation ul {
  padding: 0 0 0 1em;
  list-style: disc;
}
div .tagarea #make .make-box {
  margin: 0 auto 3em;
  border-top: 1px solid #ccc;
  padding: 2em 0 0;
}
div .tagarea #make .make-box h4 {
  padding: 0.5em 1em;
  margin: 0 auto 1em;
  background: #225c35;
  color: #fff;
  line-height: 1;
  font-size: 1.2em;
  font-weight: bold;
}
div .tagarea #make .make-box dl {
  padding: 0 0.5em;
}
div .tagarea #make .make-box dl dd {
  margin: 0 auto 1em;
}
div .tagarea #make .make-box dl dd ul {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  justify-content: center;
}
div .tagarea #make .make-box dl dd ul li {
  margin: 0 1%;
}
div .tagarea #make .one {
  border: none;
  margin: 0 auto 2em;
}
div .tagarea #make .two {
  border: none;
}
div .tagarea #event .section-in {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  justify-content: center;
}
div .tagarea #event .section-in .text {
  width: 60%;
}
div .tagarea #event .section-in .text ul {
  padding: 0 0 0 1em;
  list-style: disc;
}
div .tagarea #event .section-in .text ul li {
  margin: 0 auto 0.3em;
}
div .tagarea #event .section-in .text ul li a {
  text-decoration: underline;
}
div .tagarea #event .section-in .text ul li a:hover {
  text-decoration: none;
}
div .tagarea #event .section-in .picture {
  width: 40%;
  text-align: right;
}
div .tagarea #safety-factory {
  margin: 0 auto 3em;
}
div .tagarea #safety-factory .section-in ul {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  justify-content: space-between;
  margin: 0 auto 1em;
}
div .tagarea #safety-factory .section-in ul li {
  width: 24%;
}

/*===========================================================================*/
/*  media quary:767px  */
/*===========================================================================*/
@media screen and (max-width: 767px) {
  div .tagarea #charm .catch.sb {
    font-size: 1.2em !important;
  }
  div .tagarea #set {
    display: block;
  }
  div .tagarea #set .picture {
    text-align: center;
  }
  div .tagarea #maternity .section-in .misoshiru .misoshiru-in {
    display: block;
  }
  div .tagarea #maternity .section-in .misoshiru .misoshiru-in .text {
    width: 100%;
  }
  div .tagarea #maternity .section-in .misoshiru .misoshiru-in .picture {
    text-align: center;
    margin: 0 auto 0.5em;
  }
  div .tagarea #maternity .section-in .comparison .comparison-in {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    justify-content: space-between;
  }
  div .tagarea #maternity .section-in .comparison .comparison-in dl {
    width: 48%;
    text-align: center;
    margin: 0 auto 1em;
  }
  div .tagarea #maternity .section-in .comparison .comparison-in dl dt {
    margin-bottom: 0.5em;
  }
  div .tagarea #make .box {
    display: block;
  }
  div .tagarea #make .box .text {
    width: 100%;
    margin: 0 auto 1em;
  }
  div .tagarea #make .box .text .preparation {
    padding: 1em;
  }
  div .tagarea #make .box .picture {
    text-align: center;
  }
  div .tagarea #event .section-in {
    display: block;
  }
  div .tagarea #event .section-in .text {
    width: 100%;
    margin: 0 auto 1em;
  }
  div .tagarea #event .section-in .picture {
    width: 100%;
    text-align: center;
  }
}