@charset "Shift_JIS";
@import url(/css/common.css);
@import url(/cart_product/css/genmai.css);
/*==================================================================*/
/* 
ハイ・ゲンキ スピルリナ（0001001） css */
/*==================================================================*/
div.tagarea #nature {
  margin: 0 auto 3em;
}
div.tagarea #nature .box {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  justify-content: space-between;
  margin: 0 auto 1em;
}
div.tagarea #nature .box dl {
  text-align: center;
  width: 49%;
}
div.tagarea #nature .note {
  padding: 1em;
  border: 1px solid black;
  font-size: .85em;
}
div.tagarea #easy {
  margin: 0 auto 3em;
}
div.tagarea #easy .box {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  justify-content: space-between;
}
div.tagarea #easy .box .picture {
  width: 38%;
  margin: 0 2% 0 0;
}
div.tagarea #easy .box dl {
  width: 60%;
}
div.tagarea #easy .box dl dt {
  font-weight: bold;
  font-size: 1.2em;
  margin: 0 auto 1em;
}
div.tagarea #deals .deals-in .box {
  justify-content: center !important;
}

/*===========================================================================*/
/*  media quary:1000px  */
/*===========================================================================*/
/*===========================================================================*/
/*  media quary:767px  */
/*===========================================================================*/
/*===========================================================================*/
/*  media quary::479px  */
/*===========================================================================*/
@media screen and (max-width: 479px) {
  div.tagarea #nature .box {
    display: block;
    margin: 0 auto 1em;
  }
  div.tagarea #nature .box dl {
    width: 100%;
    margin: 0 auto 1em;
  }
  div.tagarea #easy .box {
    display: block;
  }
  div.tagarea #easy .box .picture {
    width: 100%;
    margin: 0;
    text-align: center;
  }
  div.tagarea #easy .box dl {
    width: 100%;
  }
  div.tagarea #easy .box dl dt {
    text-align: center;
  }
}
