@charset "Shift_JIS";
@import url(../common.css);
@import url(../genmai.css);
/*==================================================================*/
/* ハイ・ゲンキレギュラー（0000020） css */
/*==================================================================*/
#charm .catch-block {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  justify-content: space-between;
}
#charm .catch-block .logo {
  width: 20%;
  margin: 15px 2% 0 0;
}
#charm .catch-block .catch {
  width: 78%;
  text-align: left!important;
  margin: 1em auto 0.5em !important;
}

div.tagarea #relief .box {
  display: block;
}
div.tagarea #salad .attention {
  text-align: left;
}
div.tagarea #salad .attention a {
  text-decoration: underline;
  color: #555555;
}
div.tagarea #salad .attention a:hover {
  text-decoration: none;
}

/*===========================================================================*/
/*  media quary:1000px  */
/*===========================================================================*/
@media screen and (max-width: 1000px) {
  #charm .catch-block .catch {
    font-size: 1.7em!important;
  }
}
/*===========================================================================*/
/*  media quary:767px  */
/*===========================================================================*/
@media screen and (max-width: 767px) {
  #charm .catch-block .logo {
    width: 15%;
    margin: 25px 2% 0 0;
  }
  #charm .catch-block .catch {
    width: 83%;
  }
}
/*===========================================================================*/
/*  media quary::479px  */
/*===========================================================================*/
@media screen and (max-width: 479px) {
  #charm .catch-block .logo {
    width: 15%;
    margin: 20px 2% 0 0;
  }
  #charm .catch-block .catch {
    font-size: 1.4em!important;
  }
}