@charset "UTF-8";
/*-----------------------------*/
/*サイト CSS*/
/*-----------------------------*/
@import "https://necolas.github.io/normalize.css/7.0.0/normalize.css";
@import "https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&subset=japanese&display=swap";
@import "https://fonts.googleapis.com/css?family=Kiwi+Maru:300,400,500&subset=japanese&display=swap";
@import "https://fonts.googleapis.com/css?family=Zen+Maru+Gothic:300,400,500,700,900&subset=japanese&display=swap";
@import "https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c&display=swap";
@import "https://fonts.googleapis.com/css2?family=Jua&display=swap&text=0123456789";
h1 {
  margin: auto; }

#env {
  position: fixed;
  z-index: 999999;
  width: 100px;
  padding: 0.3rem;
  background: red;
  left: 0;
  top: 0px;
  color: #fff;
  text-align: center;
  font-size: 1rem; }
  #env:hover {
    opacity: 0; }
  #env.local {
    background: purple; }

.sp {
  display: none; }

.inner {
  position: relative;
  width: 960px;
  margin: auto; }

.text_l {
  text-align: left; }

.text_r {
  text-align: right; }

.text_c {
  text-align: center; }

.fl_l {
  float: left; }

.fl_r {
  float: right; }

.mt_0 {
  margin-top: 0px !important; }

.mb_0 {
  margin-bottom: 0px !important; }

.mt_5 {
  margin-top: 5px !important; }

.mb_5 {
  margin-bottom: 5px !important; }

.mt_10 {
  margin-top: 10px !important; }

.mb_10 {
  margin-bottom: 10px !important; }

.mt_15 {
  margin-top: 15px !important; }

.mb_15 {
  margin-bottom: 15px !important; }

.mt_20 {
  margin-top: 20px !important; }

.mb_20 {
  margin-bottom: 20px !important; }

.mt_25 {
  margin-top: 25px !important; }

.mb_25 {
  margin-bottom: 25px !important; }

.mt_30 {
  margin-top: 30px !important; }

.mb_30 {
  margin-bottom: 30px !important; }

.mt_35 {
  margin-top: 35px !important; }

.mb_35 {
  margin-bottom: 35px !important; }

.mt_40 {
  margin-top: 40px !important; }

.mb_40 {
  margin-bottom: 40px !important; }

.mt_45 {
  margin-top: 45px !important; }

.mb_45 {
  margin-bottom: 45px !important; }

.mt_50 {
  margin-top: 50px !important; }

.mb_50 {
  margin-bottom: 50px !important; }

.mt_55 {
  margin-top: 55px !important; }

.mb_55 {
  margin-bottom: 55px !important; }

.mt_60 {
  margin-top: 60px !important; }

.mb_60 {
  margin-bottom: 60px !important; }

.mt_65 {
  margin-top: 65px !important; }

.mb_65 {
  margin-bottom: 65px !important; }

.mt_70 {
  margin-top: 70px !important; }

.mb_70 {
  margin-bottom: 70px !important; }

.mt_75 {
  margin-top: 75px !important; }

.mb_75 {
  margin-bottom: 75px !important; }

.mt_80 {
  margin-top: 80px !important; }

.mb_80 {
  margin-bottom: 80px !important; }

.mt_85 {
  margin-top: 85px !important; }

.mb_85 {
  margin-bottom: 85px !important; }

.mt_90 {
  margin-top: 90px !important; }

.mb_90 {
  margin-bottom: 90px !important; }

.mt_95 {
  margin-top: 95px !important; }

.mb_95 {
  margin-bottom: 95px !important; }

.mt_100 {
  margin-top: 100px !important; }

.mb_100 {
  margin-bottom: 100px !important; }

.img_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .img_box img {
    max-height: 100%;
    max-width: 100%; }

.green {
  color: #00994c; }

.rightblue {
  color: #00bdd5; }

.blue {
  color: #0054d5; }

html {
  width: 100%; }

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  width: 100%;
  height: 100%;
  overflow-x: hidden; }

.common_header {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  padding: 10px 0;
  width: 100%;
  height: 77px;
  background: #fff; }
  .common_header .inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 40px; }
  .common_header .logo {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -80px;
    margin-top: -25px;
    width: 160px; }
    .common_header .logo img {
      width: 160px;
      height: 50px; }
  .common_header .header_navi ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .common_header .header_navi li {
    margin-right: 20px; }
    .common_header .header_navi li:last-of-type {
      margin-bottom: 0; }
    .common_header .header_navi li.logout button,
    .common_header .header_navi li.logout a {
      color: #abcd03; }
  .common_header .header_navi button,
  .common_header .header_navi a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    background: none;
    color: #e4007f;
    font-family: "M PLUS Rounded 1c";
    font-size: 0.6rem;
    border: none;
    cursor: pointer;
    -webkit-transition: 0.2s;
    transition: 0.2s; }
    .common_header .header_navi button:hover,
    .common_header .header_navi a:hover {
      opacity: 0.6; }
    .common_header .header_navi button img,
    .common_header .header_navi a img {
      width: 40px;
      height: 40px; }
    .common_header .header_navi button p,
    .common_header .header_navi a p {
      margin: 2px 0 0 0; }
  .common_header .btn_menu {
    position: absolute;
    z-index: 50;
    top: 50%;
    right: 15px;
    margin-top: -18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    aspect-ratio: 1 / 1;
    padding: 5px 0;
    width: 36px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer; }
    .common_header .btn_menu span {
      position: relative;
      top: 0%;
      display: block;
      background: #009953;
      width: 100%;
      height: 2px;
      border-radius: 10px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
    @media only screen and (min-width: 960px) {
      .common_header .btn_menu.open .top {
        top: calc(50% - 1px);
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      .common_header .btn_menu.open .middle {
        opacity: 0; }
      .common_header .btn_menu.open .bottom {
        top: calc(-50% + 1px);
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); } }
  .common_header .gnavi {
    display: none;
    position: absolute;
    z-index: 40;
    top: 0;
    right: 0;
    width: 50%;
    border: 3px solid #009953;
    background: #fff;
    border-radius: 50px 0 0 20px;
    overflow: hidden; }
  .common_header .gnavi_header {
    position: relative;
    height: 250px; }
    .common_header .gnavi_header .header_message {
      position: absolute;
      top: 10px;
      right: 60px;
      text-align: right;
      color: #009953;
      font-size: 1.1rem; }
      .common_header .gnavi_header .header_message:empty {
        display: none; }
    .common_header .gnavi_header .search_box {
      width: 90%;
      margin: auto; }
      .common_header .gnavi_header .search_box input[type='text'] {
        border: 1px solid #ccc !important; }
      .common_header .gnavi_header .search_box .menu_form_text {
        margin: 0; }
      .common_header .gnavi_header .search_box a {
        display: block;
        margin-top: 10px;
        color: #009953;
        font-weight: bold;
        font-size: 1rem;
        line-height: 1.4rem;
        font-family: "Noto Sans JP"; }
  .common_header .icon_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: calc(100% - 40px);
    margin: auto;
    height: 160px;
    padding: 60px 0 20px; }
    .common_header .icon_link li {
      width: 48%;
      border-radius: 5px; }
    .common_header .icon_link a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      height: 100%;
      text-align: center;
      color: #009953;
      font-family: "M PLUS Rounded 1c";
      font-size: 0.7rem;
      -webkit-transition: 0.2s;
      transition: 0.2s; }
      .common_header .icon_link a:hover {
        opacity: 0.6; }
      .common_header .icon_link a .icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        aspect-ratio: 1 / 1;
        width: 60px;
        border: 1px solid #009953;
        border-radius: 50%; }
        .common_header .icon_link a .icon img {
          width: 60%; }
      .common_header .icon_link a p {
        margin: 2px 0 0 0; }
  .common_header .main_link {
    overflow: scroll;
    border-top: 3px solid #009953; }
    .common_header .main_link li {
      border-bottom: 1px solid #009953; }
      .common_header .main_link li:last-of-type {
        border: none; }
    .common_header .main_link > li > a,
    .common_header .main_link > li > .btn_tgl {
      padding-left: 40px; }
    .common_header .main_link > li.t_1 > a,
    .common_header .main_link > li.t_1 > .btn_tgl {
      background: url(../images/common/icon_bean.svg) no-repeat center left 10px/auto 20px; }
    .common_header .main_link > li.t_2 > a,
    .common_header .main_link > li.t_2 > .btn_tgl {
      background: url(../images/common/icon_baby.png) no-repeat center left 10px/auto 20px; }
    .common_header .main_link > li.t_3 > a,
    .common_header .main_link > li.t_3 > .btn_tgl {
      background: url(../images/common/icon_mom.png) no-repeat center left 10px/auto 20px; }
    .common_header .main_link > li > ul > li a {
      padding-left: 40px; }
      .common_header .main_link > li > ul > li a::before {
        content: "";
        position: absolute;
        left: 20px;
        top: 50%;
        margin-top: -1px;
        display: block;
        width: 10px;
        height: 2px;
        background: #009953;
        opacity: 0.6; }
    .common_header .main_link .cate_name {
      padding: 5px;
      text-align: center;
      background: #009953;
      color: #fff; }
    .common_header .main_link a,
    .common_header .main_link .btn_tgl {
      position: relative;
      display: block;
      width: 100%;
      padding: 10px 40px 10px 10px;
      margin: 0;
      background: #fff;
      color: #009953;
      font-weight: bold;
      font-size: 1rem;
      line-height: 1.4rem;
      font-family: "Noto Sans JP";
      cursor: pointer; }
      .common_header .main_link a:hover,
      .common_header .main_link .btn_tgl:hover {
        opacity: 0.6; }
    .common_header .main_link a {
      background: #fff url(../images/common/icon_link_1_g.svg) no-repeat center right 15px/auto 15px; }
    .common_header .main_link .btn_tgl::before, .common_header .main_link .btn_tgl::after {
      content: "";
      position: absolute;
      z-index: 1;
      top: 50%;
      right: 15px;
      margin-top: -1px;
      display: block;
      width: 12px;
      height: 2px;
      background: #009953;
      -webkit-transition: 0.2s;
      transition: 0.2s; }
    .common_header .main_link .btn_tgl::after {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    .common_header .main_link .btn_tgl.on::after {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    .common_header .main_link .btn_tgl + ul {
      display: none;
      border-top: 1px solid #009953; }
      .common_header .main_link .btn_tgl + ul li:last-of-type {
        border: none; }

.common_footer {
  width: 100%; }
  .common_footer > .inner {
    width: 100%;
    max-width: unset; }
  .common_footer .footer_contents_links {
    width: 100%;
    padding: 30px 0;
    margin: auto;
    background: #fff; }
    .common_footer .footer_contents_links ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      max-width: 960px;
      margin: auto; }
    .common_footer .footer_contents_links li {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 25%;
              flex: 0 0 25%;
      margin: 0 0 10px 0; }
    .common_footer .footer_contents_links a {
      font-size: 0.9rem;
      line-height: 0.9rem; }
      .common_footer .footer_contents_links a:hover {
        text-decoration: underline; }
  .common_footer .footer_sns_links {
    position: relative;
    background: #abcd03;
    padding: 20px 0; }
    .common_footer .footer_sns_links > .ttl {
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -20px 0 0 -240px;
      color: #fff; }
    .common_footer .footer_sns_links ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .common_footer .footer_sns_links li {
      margin: 0 15px; }
    .common_footer .footer_sns_links img {
      width: 40px;
      height: 40px; }
  .common_footer .footer_navi {
    padding: 20px 0;
    border-top: 1px solid #fff; }
    .common_footer .footer_navi ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .common_footer .footer_navi li {
      padding: 0 20px;
      border-right: 1px solid #fff; }
      .common_footer .footer_navi li:last-of-type {
        border: none; }
    .common_footer .footer_navi a {
      font-size: 0.8rem;
      line-height: 0.8rem; }
      .common_footer .footer_navi a:hover {
        text-decoration: underline; }
  .common_footer .logo {
    text-align: center;
    margin: auto;
    width: 400px; }
    .common_footer .logo img {
      width: 386px;
      height: 30px; }
  .common_footer .copyright {
    padding: 10px 0;
    margin: 0;
    text-align: center;
    font-size: 0.7rem;
    color: #666; }
  .common_footer .footer_link_list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px 0 0 0;
    background: #fff; }
    .common_footer .footer_link_list::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 45%;
      margin: -2px 0 0 -320px;
      display: block;
      aspect-ratio: 16 / 5;
      width: 70px;
      background: url(../images/common/logo.svg) no-repeat center/contain; }
    .common_footer .footer_link_list li {
      margin: 0 20px 0 0;
      padding: 0 20px 0 0;
      border-right: 1px solid #666; }
      .common_footer .footer_link_list li:last-of-type {
        margin: 0;
        padding: 0;
        border: none; }
    .common_footer .footer_link_list a {
      font-size: 1.2rem;
      line-height: 1.2rem;
      font-weight: bold;
      font-family: "Noto Sans JP";
      color: #009953; }
      .common_footer .footer_link_list a:hover {
        text-decoration: underline; }

#mainContent {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  width: 100%;
  margin-top: 77px; }

.ttl_main {
  margin-bottom: 10px;
  font-size: 2rem;
  font-weight: bold;
  font-family: "Noto Sans JP";
  text-align: center; }

.ttl_sec {
  margin-bottom: 20px;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "Noto Sans JP"; }

.recommend_select_box {
  display: none;
  position: fixed;
  z-index: 50;
  top: 20px;
  left: 50%;
  width: 80%;
  padding: 20px;
  margin-left: -40%;
  background: #e82692;
  border-radius: 20px; }
  .recommend_select_box.mama {
    background: #EB6100; }
    .recommend_select_box.mama .month_list .num {
      color: #FFCBA6; }
  .recommend_select_box .btn_close {
    position: absolute;
    top: -20px;
    right: -20px;
    display: block;
    padding: 0;
    margin: 0;
    width: 50px;
    border: none;
    background: none;
    cursor: pointer; }
    .recommend_select_box .btn_close img {
      width: 100%; }
  .recommend_select_box .tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin-bottom: 15px; }
    .recommend_select_box .tab li {
      width: 49%;
      padding: 10px;
      text-align: center;
      cursor: pointer;
      color: #fff;
      font-size: 1rem;
      font-weight: bold;
      font-family: "Noto Sans JP";
      border-radius: 10px; }
      .recommend_select_box .tab li:hover, .recommend_select_box .tab li.on {
        background: #fff;
        color: #e82692; }
      .recommend_select_box .tab li:nth-of-type(2):hover, .recommend_select_box .tab li:nth-of-type(2).on {
        color: #EB6100; }
  .recommend_select_box .month_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2%;
    margin-bottom: -2%; }
    .recommend_select_box .month_list li {
      width: 12.57%;
      margin-bottom: 2%; }
    .recommend_select_box .month_list a {
      display: block;
      aspect-ratio: 1/ 1;
      width: 100%;
      padding: 10px;
      background: #fff;
      border-radius: 15px 15px 50% 50%;
      font-family: "Jua","M PLUS Rounded 1c";
      -webkit-transition: 0.2s;
      transition: 0.2s; }
      .recommend_select_box .month_list a:hover {
        opacity: 0.6; }
    .recommend_select_box .month_list .ttl {
      margin: 0 0 5px 0;
      font-family: inherit;
      font-size: 1rem;
      line-height: 1rem;
      font-weight: 500;
      text-align: center; }
    .recommend_select_box .month_list .num {
      margin: 0;
      text-align: center;
      font-size: 5rem;
      line-height: 5rem;
      font-family: inherit;
      color: #f180bf; }

.age_console {
  position: fixed;
  z-index: 15;
  right: 0;
  top: 50%;
  margin-top: -100px;
  aspect-ratio: 70 / 177;
  width: 140px;
  background: url(../images/common/console_bg.svg) no-repeat center/contain;
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.3)); }
  .age_console.article {
    aspect-ratio: 1 / 1;
    margin-top: -70px;
    background: #fff;
    border-radius: 50%; }
  .age_console a {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: "Jua","M PLUS Rounded 1c";
    font-weight: bold;
    -webkit-transition: 0.2s;
    transition: 0.2s; }
    .age_console a:hover {
      opacity: 0.6; }
    .age_console a p {
      margin: 0; }
    .age_console a.pregnant .num {
      color: #f3a066; }
    .age_console a.baby .num {
      color: #f180bf; }
  .age_console .stage {
    font-size: 0.8rem;
    color: #808080;
    font-family: "Jua","M PLUS Rounded 1c"; }
  .age_console .month {
    position: relative; }
  .age_console .num {
    position: relative;
    font-size: 2.8rem;
    line-height: 2.8rem;
    font-family: "Jua","M PLUS Rounded 1c"; }
  .age_console .unit {
    position: relative;
    bottom: 3px;
    width: 100%;
    font-size: 0.7rem;
    line-height: 0.7rem;
    color: #808080;
    font-family: "Jua","M PLUS Rounded 1c"; }
  .age_console .page_name {
    position: relative;
    font-size: 0.9rem;
    color: #abcd03;
    font-family: "Jua","M PLUS Rounded 1c"; }
    .age_console .page_name::before {
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -5px;
      display: block;
      width: 10px;
      aspect-ratio: 1 / 1; }
  .age_console .last_month,
  .age_console .next_month {
    width: 65%;
    margin-left: 35%; }
  .age_console .last_month {
    top: 15px; }
    .age_console .last_month .page_name::before {
      left: -13px;
      background: url(../images/common/icon_arrow_left_2_lg.svg) no-repeat center/contain; }
  .age_console .next_month {
    bottom: 15px; }
    .age_console .next_month .page_name::before {
      right: -13px;
      background: url(../images/common/icon_arrow_right_2_lg.svg) no-repeat center/contain; }
  .age_console .this_month {
    top: 50%;
    margin-top: -45%;
    left: 5%;
    width: 90%;
    aspect-ratio: 1 / 1;
    border: 2px solid #f180bf;
    border-radius: 50%; }
    .age_console .this_month .stage {
      font-size: 1rem;
      line-height: 1rem; }
    .age_console .this_month .num {
      font-size: 3.8rem;
      line-height: 3.8rem; }
    .age_console .this_month .page_name {
      font-size: 1.5rem;
      line-height: 1.5rem; }
    .age_console .this_month .unit {
      font-size: 1rem;
      line-height: 1rem; }

.recommend_wrap {
  position: relative; }
  .recommend_wrap .slide_btn_wrap {
    position: absolute;
    top: 50%;
    width: 100%; }
  .recommend_wrap .slide_btn {
    aspect-ratio: 1 / 1;
    width: 50px;
    -webkit-transition: 0.2s;
    transition: 0.2s; }
    .recommend_wrap .slide_btn:not(.swiper-button-disabled):hover {
      opacity: 0.6; }
    .recommend_wrap .slide_btn.swiper-button-disabled {
      pointer-events: auto; }
    .recommend_wrap .slide_btn::after {
      display: none; }
  .recommend_wrap .prev {
    left: -25px;
    background: url(../images/common/icon_arrow_left_1.svg) no-repeat center/contain; }
  .recommend_wrap .next {
    right: -25px;
    background: url(../images/common/icon_arrow_right_1.svg) no-repeat center/contain; }

.recommend_article_wrap {
  display: none;
  width: 100%;
  overflow: hidden; }

.recommend_article_list a {
  -webkit-transition: 0.2s;
  transition: 0.2s; }
  .recommend_article_list a:hover {
    opacity: 0.6; }
.recommend_article_list .tn {
  width: 100%;
  max-width: 225px;
  margin-bottom: 10px;
  aspect-ratio: 1 / 1;
  border-radius: 15px;
  overflow: hidden;
  background: #fff; }
  .recommend_article_list .tn:empty {
    background: #f0f0e7 url(../images/common/logo.svg) no-repeat center/80% auto; }
  .recommend_article_list .tn img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%; }
.recommend_article_list .article_info p {
  word-break: break-word; }
.recommend_article_list .date {
  margin: 0 0 5px 0;
  font-size: 0.8rem; }
.recommend_article_list .title {
  margin: 0;
  font-size: 1rem;
  line-height: 1.3rem;
  font-weight: 500;
  font-family: "Noto Sans JP"; }
.recommend_article_list .month {
  margin: 5px 0 0 0;
  font-size: 0.7rem;
  line-height: 1rem;
  font-weight: 400;
  font-family: "Noto Sans JP"; }

.icon_tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5%; }
  .icon_tab li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center; }
    .icon_tab li:hover .icon, .icon_tab li.on .icon {
      border: 2px solid #009953; }
    .icon_tab li:hover p, .icon_tab li.on p {
      color: #009953; }
  .icon_tab a {
    display: block;
    width: 100%;
    height: 100%; }
  .icon_tab .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    aspect-ratio: 1 / 1;
    width: 100px;
    border: 2px solid #ccc;
    background: #fff;
    border-radius: 50%; }
    .icon_tab .icon img {
      width: 50%; }

.member_header {
  position: relative;
  padding: 10px;
  width: 100%;
  background: url(../images/common/login_flag.png) no-repeat top 10px left 10px/auto 50px;
  background-color: #abcd03; }
  .member_header.top {
    background: url(../images/common/login_flag.png) no-repeat top 10px left 10px/auto 70% !important; }
    .member_header.top .name {
      margin: 0; }
  .member_header.bottom {
    background: none; }
  .member_header .regist_links {
    position: absolute;
    top: 5px;
    right: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .member_header .regist_links li {
      margin: 0 0 0 5px; }
    .member_header .regist_links a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      height: 100%;
      padding: 3px 5px;
      border-radius: 6px;
      border: 1px solid rgba(255, 255, 255, 0.6);
      background: rgba(255, 255, 255, 0.5);
      color: #009953;
      font-size: 0.5rem;
      line-height: 0.6rem;
      text-align: center; }
  .member_header .name {
    margin-bottom: 10px;
    text-align: center;
    color: #009953;
    font-size: 0.6rem;
    line-height: 0.6rem; }
    .member_header .name span {
      font-size: 1rem;
      line-height: 1rem; }
  .member_header .ttl {
    margin-bottom: 5px;
    font-size: 0.8rem;
    font-weight: bold;
    text-align: center;
    color: #009953; }
  .member_header .children {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 5px; }
    .member_header .children a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 3px 5px;
      text-align: center;
      border-radius: 100px;
      color: #009953;
      font-size: 0.3rem;
      line-height: 0.3rem;
      border: 1px solid rgba(255, 255, 255, 0.6); }
    .member_header .children .icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      aspect-ratio: 1 / 1;
      width: 40px;
      margin-bottom: 5px;
      border: 1px solid #009953;
      border-radius: 50%; }
      .member_header .children .icon img {
        width: 60%;
        height: auto; }
    .member_header .children .child_name {
      margin: 0;
      font-size: 0.6rem;
      line-height: 0.8rem; }

.btn_pageback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 40px 0; }
  .btn_pageback a {
    padding: 10px 20px;
    background: #009953;
    color: #fff;
    text-align: center;
    border-radius: 100px;
    font-weight: bold; }
    .btn_pageback a:hover {
      opacity: 0.6; }

.btn_txt {
  display: inline-block;
  padding-left: 18px;
  background: url(../images/common/icon_arrow_right_1_gr.svg) no-repeat center left/16px auto; }
  .btn_txt:hover {
    opacity: 0.6; }

.link_txt {
  text-decoration: underline; }
  .link_txt:hover {
    opacity: 0.6; }

.input_password label .ttl {
  display: block; }
.input_password .input_box {
  position: relative; }
  .input_password .input_box input {
    margin: 0; }
  .input_password .input_box.show_word .eye {
    background: #eeeff0 url(../images/common/icon_eye_slash.svg) no-repeat center/50% auto; }
.input_password .eye {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  width: 45px;
  aspect-ratio: 1 / 1;
  background: #eeeff0 url(../images/common/icon_eye.svg) no-repeat center/50% auto;
  cursor: pointer; }
.input_password .show_word {
  display: none; }

.banner_wrap {
  margin: 40px auto 0;
  text-align: center; }
  .banner_wrap a {
    display: inline-block;
    max-width: 350px;
    margin: auto; }
    .banner_wrap a:hover {
      opacity: 0.6; }

body.home_top {
  background: #fff; }
  body.home_top .age_console {
    display: none; }
  body.home_top .mv {
    position: relative;
    width: 100%;
    height: 460px;
    padding: 2% 0;
    overflow: hidden;
    background: -webkit-gradient(linear, left top, left bottom, from(#F2F2E9), to(#fff));
    background: linear-gradient(to bottom, #F2F2E9 0%, #fff 100%); }
    body.home_top .mv .btn_serial_number,
    body.home_top .mv .btn_point_announce {
      position: absolute;
      z-index: 10;
      left: 50%;
      margin-left: 21.5%;
      display: block;
      width: 90px; }
      body.home_top .mv .btn_serial_number img,
      body.home_top .mv .btn_point_announce img {
        width: 90px;
        height: 90px; }
    body.home_top .mv .btn_point_announce {
      top: 40px; }
    body.home_top .mv .btn_serial_number {
      top: 30%; }
    body.home_top .mv .btn_whatmamecomi {
      position: absolute;
      z-index: 10;
      left: 50%;
      bottom: 10px;
      margin-left: 20%;
      display: block;
      width: 148px;
      aspect-ratio: 1 / 1;
      border-radius: 50%;
      background: url(../images/common/btn_whats_mamecomi.svg) no-repeat center/contain; }
      body.home_top .mv .btn_whatmamecomi:hover {
        opacity: 0.6; }
  body.home_top .mv_wrap {
    position: relative;
    width: 100%;
    overflow: hidden; }
    body.home_top .mv_wrap .pagination {
      bottom: 20px; }
    body.home_top .mv_wrap .swiper-pagination-bullet {
      width: 10px;
      height: 10px; }
    body.home_top .mv_wrap .swiper-pagination-bullet-active {
      background: #abcd03; }
  body.home_top .mv_slide {
    width: 100%;
    height: 400px;
    overflow: hidden; }
    body.home_top .mv_slide li {
      aspect-ratio: 9 / 5;
      width: auto;
      height: 400px; }
      body.home_top .mv_slide li img {
        -o-object-fit: cover;
           object-fit: cover;
        width: 100%;
        height: 100%;
        border-radius: 5vw; }
    body.home_top .mv_slide .swiper-slide {
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
      -webkit-transition: 0.7s;
      transition: 0.7s; }
    body.home_top .mv_slide .swiper-slide img {
      width: 100%; }
    body.home_top .mv_slide .swiper-slide-active {
      -webkit-transform: scale(1);
              transform: scale(1);
      z-index: 1; }
  body.home_top .member_header_top {
    position: absolute;
    z-index: 10;
    left: 0;
    width: 100%; }
    body.home_top .member_header_top .name {
      position: absolute;
      top: 10px;
      left: 50%;
      margin-left: -420px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      aspect-ratio: 1 / 1;
      width: 148px;
      background: url(../images/common/member_name_bg.svg) no-repeat center/contain;
      color: #fff;
      font-size: 1.4rem;
      line-height: 1.4rem; }
      body.home_top .member_header_top .name::before {
        content: "";
        position: absolute;
        top: 50px;
        left: -110px;
        display: block;
        aspect-ratio: 1 / 1;
        width: 100px;
        background: url(../images/home/deco_1.png) no-repeat center/contain; }
  body.home_top .member_header_bottom {
    padding: 20px 0;
    background: #ABCD03; }
    body.home_top .member_header_bottom .children_list_wrap {
      position: relative;
      z-index: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 15px; }
      body.home_top .member_header_bottom .children_list_wrap::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        display: block;
        margin-top: 10px;
        height: calc(100% - 20px);
        width: 100%;
        background: #fff; }
    body.home_top .member_header_bottom .children {
      position: relative; }
      body.home_top .member_header_bottom .children .ttl {
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 0;
        margin: -10px 0 0 -120px;
        font-size: 1rem;
        font-weight: bold; }
    body.home_top .member_header_bottom .children_list {
      position: relative;
      z-index: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      body.home_top .member_header_bottom .children_list li {
        margin: 0 10px; }
      body.home_top .member_header_bottom .children_list a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        body.home_top .member_header_bottom .children_list a:hover {
          opacity: 0.6; }
      body.home_top .member_header_bottom .children_list .icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        aspect-ratio: 1/ 1;
        width: 80px;
        background: #fff;
        border-radius: 50%; }
        body.home_top .member_header_bottom .children_list .icon img {
          width: 70%; }
      body.home_top .member_header_bottom .children_list .txt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column;
                flex-flow: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      body.home_top .member_header_bottom .children_list .name {
        margin: 0 0 5px 0;
        font-size: 1rem;
        line-height: 1rem;
        color: #009953; }
      body.home_top .member_header_bottom .children_list .month {
        margin: 0;
        -webkit-font-feature-settings: "palt";
                font-feature-settings: "palt"; }
    body.home_top .member_header_bottom .regist_links {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      body.home_top .member_header_bottom .regist_links li {
        margin: 0 5px; }
      body.home_top .member_header_bottom .regist_links a:hover {
        opacity: 0.6; }
  body.home_top .news_slide_wrap {
    width: 100%;
    height: 40px;
    overflow: hidden;
    padding: 5px 0; }
    body.home_top .news_slide_wrap .swiper-wrapper {
      -webkit-transition-timing-function: linear;
              transition-timing-function: linear; }
  body.home_top .news_slide li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    min-width: 100%; }
  body.home_top .news_slide a {
    font-size: 1rem; }
    body.home_top .news_slide a .ttl {
      text-decoration: underline; }
    body.home_top .news_slide a .date {
      margin-right: 10px; }
  body.home_top .home_btm_banners {
    display: none;
    width: 50%;
    margin: auto;
    overflow: hidden; }
    body.home_top .home_btm_banners li img {
      width: 100%; }
  body.home_top .sec > .ttl_sec {
    position: relative; }
    body.home_top .sec > .ttl_sec::before {
      content: "";
      position: relative;
      top: 35px;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw);
      display: block;
      width: calc((100vw - 980px) / 2);
      height: 24px;
      border-radius: 0 50px 50px 0;
      background: #D8E698; }
  body.home_top .sec .to_list {
    text-align: right; }
  body.home_top .sec_recommend_links {
    position: relative;
    margin-top: 15px;
    padding: 20px 0;
    background: #F2F2E9; }
    body.home_top .sec_recommend_links::before {
      content: "";
      position: absolute;
      top: -20px;
      left: 50%;
      margin-left: -400px;
      display: block;
      aspect-ratio: 81 / 25;
      width: 162px;
      background: url(../images/home/recommend_links_ttl_sub.svg) no-repeat center/contain; }
    body.home_top .sec_recommend_links > .ttl {
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -0.6rem 0 0 -390px;
      font-family: "Noto Sans JP";
      font-size: 1.2rem;
      line-height: 1.2rem;
      font-weight: bold; }
    body.home_top .sec_recommend_links ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      body.home_top .sec_recommend_links ul li {
        margin: 0 10px; }
        body.home_top .sec_recommend_links ul li img {
          width: 220px;
          height: 70px; }
  body.home_top .member_limited_list li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc; }
    body.home_top .member_limited_list li:last-of-type {
      margin-bottom: 0px;
      padding-bottom: 0px;
      border: none; }
  body.home_top .member_limited_list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  body.home_top .member_limited_list .tn {
    aspect-ratio: 1 / 1;
    width: 60px;
    margin-right: 10px; }
    body.home_top .member_limited_list .tn img {
      width: 100%; }
  body.home_top .member_limited_list .article_info {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  body.home_top .news_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0;
    padding: 0; }
    body.home_top .news_list li {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      margin: 0 0 10px 0;
      padding: 0 0 10px 0; }
  body.home_top .campaign_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2%;
    margin-bottom: -2%; }
    body.home_top .campaign_list li {
      width: 49%;
      margin-bottom: 2%; }
    body.home_top .campaign_list a:hover {
      opacity: 0.6; }
    body.home_top .campaign_list .tn {
      aspect-ratio: 8 / 3;
      width: 100%;
      text-align: center; }
      body.home_top .campaign_list .tn img {
        -o-object-fit: cover;
           object-fit: cover;
        width: 100%;
        height: 100%; }
    body.home_top .campaign_list .campaign_bnr {
      aspect-ratio: 8 / 3;
      margin-bottom: 0;
      background: url(../images/common/campaign_bnr_bg.png) no-repeat center/cover; }
      body.home_top .campaign_list .campaign_bnr span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
        height: 100%;
        padding: 15px;
        text-align: center;
        font-size: 1.2rem; }
      body.home_top .campaign_list .campaign_bnr img {
        -o-object-fit: cover;
           object-fit: cover;
        width: 100%;
        height: 100%; }
  body.home_top .sec_present {
    display: none; }
  body.home_top .recommend_links {
    margin-bottom: 30px; }
    @media only screen and (min-width: 960px) {
      body.home_top .recommend_links ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        gap: 2%;
        width: 100%;
        margin-bottom: -2%; }
      body.home_top .recommend_links li {
        width: 32%;
        margin-bottom: 2%; }
        body.home_top .recommend_links li img {
          width: 100%; }
        body.home_top .recommend_links li:nth-child(1) {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1; }
        body.home_top .recommend_links li:nth-child(2) {
          -webkit-box-ordinal-group: 5;
              -ms-flex-order: 4;
                  order: 4; }
        body.home_top .recommend_links li:nth-child(3) {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2; }
        body.home_top .recommend_links li:nth-child(4) {
          -webkit-box-ordinal-group: 6;
              -ms-flex-order: 5;
                  order: 5; }
        body.home_top .recommend_links li:nth-child(5) {
          -webkit-box-ordinal-group: 4;
              -ms-flex-order: 3;
                  order: 3; }
        body.home_top .recommend_links li:nth-child(6) {
          -webkit-box-ordinal-group: 7;
              -ms-flex-order: 6;
                  order: 6; }
      body.home_top .recommend_links a:hover {
        opacity: 0.6; } }
  body.home_top .home_contents_wrap {
    margin-top: 30px; }
  body.home_top .sec_1000days {
    position: relative; }
    body.home_top .sec_1000days::before {
      content: "";
      position: absolute;
      z-index: -1;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw);
      width: 100vw;
      height: calc(100% + 10px);
      display: block;
      background-color: #fff;
      background-image: radial-gradient(#b2efff 20%, transparent 20%), radial-gradient(#b2efff 20%, transparent 20%);
      background-size: 10px 10px;
      background-position: 0 0, 5px 5px; }
  body.home_top .sec_links {
    margin: 40px 0 0 0;
    padding: 40px 0;
    background: #F2F2E9; }
    body.home_top .sec_links .home_slide_link {
      margin: 0 auto; }
      body.home_top .sec_links .home_slide_link .slick-dots {
        display: none !important; }
    body.home_top .sec_links .link_list {
      padding: 0;
      margin-bottom: 20px;
      background: none; }
  body.home_top .btn_pageback {
    background: #F2F2E9; }
  body.home_top.memberLogin .mv {
    padding: 2% 0 10% 0;
    background: url(../images/home/mv_bg.png) no-repeat center/cover; }
    body.home_top.memberLogin .mv .btn_serial_number,
    body.home_top.memberLogin .mv .btn_point_announce,
    body.home_top.memberLogin .mv .btn_whatmamecomi {
      display: none; }
  body.home_top.memberLogin .mv_wrap .pagination {
    bottom: 5px; }
  body.home_top.memberLogin .mv_slide {
    border-radius: 5vw; }
  body.home_top.memberLogin .sec_recommend_links {
    display: none; }
  body.home_top.memberLogin .home_contents_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column; }
    body.home_top.memberLogin .home_contents_wrap .sec_whatmamecomi {
      display: none; }
    body.home_top.memberLogin .home_contents_wrap .sec_present {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      display: block; }
    body.home_top.memberLogin .home_contents_wrap .sec_member_links {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    body.home_top.memberLogin .home_contents_wrap .sec_campaign {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3; }
    body.home_top.memberLogin .home_contents_wrap .sec_1000days {
      -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
              order: 4; }
    body.home_top.memberLogin .home_contents_wrap .sec_news {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5; }
    body.home_top.memberLogin .home_contents_wrap .sec_recommend_links {
      display: none; }
    body.home_top.memberLogin .home_contents_wrap .sec_product {
      -webkit-box-ordinal-group: 8;
          -ms-flex-order: 7;
              order: 7; }
    body.home_top.memberLogin .home_contents_wrap .sec_instagram {
      -webkit-box-ordinal-group: 9;
          -ms-flex-order: 8;
              order: 8; }
    body.home_top.memberLogin .home_contents_wrap .sec_links {
      -webkit-box-ordinal-group: 10;
          -ms-flex-order: 9;
              order: 9; }
body.news.detail .links .arw_top {
  padding-left: 30px;
  font-size: 1rem; }
  body.news.detail .links .arw_top::before {
    top: 0.2rem;
    width: 20px;
    height: 20px; }
  body.news.detail .links .arw_top a {
    text-decoration: underline;
    color: #008b4d;
    font-weight: bold;
    font-family: "Noto Sans JP"; }
    body.news.detail .links .arw_top a:hover {
      opacity: 0.6; }
body.recommend.top .age_console {
  display: none; }
body.recommend.top .recommend_select_tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 40px; }
  body.recommend.top .recommend_select_tab li {
    margin: 0 10px;
    opacity: 0.3; }
    body.recommend.top .recommend_select_tab li:hover, body.recommend.top .recommend_select_tab li.on {
      opacity: 1; }
body.recommend.top .recommend_month_select.baby .ttl {
  background: url(../images/common/ico_01.png) no-repeat top 2px left/16px auto; }
body.recommend.top .recommend_month_select.mom .ttl {
  background: url(../images/common/ico_00.png) no-repeat top 2px left/16px auto; }
body.recommend.top .recommend_month_select .child_recommend_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2%; }
  body.recommend.top .recommend_month_select .child_recommend_wrap .sec {
    width: 32%; }
  body.recommend.top .recommend_month_select .child_recommend_wrap li {
    width: 100%; }
body.recommend.top .recommend_month_select .ttl {
  padding-left: 20px;
  margin-bottom: 15px;
  font-size: 1.2rem;
  line-height: 1.2rem;
  font-weight: bold;
  font-family: "Noto Sans JP"; }
body.recommend.top .recommend_month_select ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 2%; }
body.recommend.top .recommend_month_select li {
  width: 32%;
  margin: 0 0 2% 0; }
body.recommend.top .recommend_month_select .tn {
  border-radius: 10px;
  overflow: hidden; }
  body.recommend.top .recommend_month_select .tn img {
    width: 100%; }
body.recommend_article {
  background: #fff; }
  body.recommend_article .age_console.article {
    display: none; }
  body.recommend_article .mv_wrap {
    position: relative;
    margin-bottom: 30px;
    background: #f6f6ed;
    font-family: "Jua","M PLUS Rounded 1c"; }
    body.recommend_article .mv_wrap .age_box {
      position: absolute;
      top: 20%;
      right: 10%;
      width: 190px;
      aspect-ratio: 1/ 1;
      padding: 20px;
      background: #fff;
      border-radius: 15px 15px 50% 50%;
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
              box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
      body.recommend_article .mv_wrap .age_box.pregnant .num {
        color: #ef8033; }
      body.recommend_article .mv_wrap .age_box.baby .num {
        color: #ef66b2; }
      body.recommend_article .mv_wrap .age_box .ttl {
        margin: 0 0 20px 0;
        font-family: inherit;
        font-size: 1.6rem;
        font-weight: 500;
        text-align: center; }
      body.recommend_article .mv_wrap .age_box .num {
        margin: 0;
        text-align: center;
        font-size: 7rem;
        line-height: 4rem;
        font-family: inherit; }
      body.recommend_article .mv_wrap .age_box .pic {
        position: absolute;
        right: -50px;
        bottom: -60px;
        width: 85%; }
        body.recommend_article .mv_wrap .age_box .pic img {
          width: 100%; }
    body.recommend_article .mv_wrap .age_data_wrap {
      position: absolute;
      bottom: 0;
      left: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%;
      height: 60px;
      background: rgba(255, 255, 255, 0.5);
      font-family: inherit; }
      body.recommend_article .mv_wrap .age_data_wrap .age_data {
        position: absolute;
        width: 100%; }
        body.recommend_article .mv_wrap .age_data_wrap .age_data dl {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
        body.recommend_article .mv_wrap .age_data_wrap .age_data dt, body.recommend_article .mv_wrap .age_data_wrap .age_data dd {
          margin: 0;
          padding: 15px 0;
          color: #666;
          font-family: inherit; }
        body.recommend_article .mv_wrap .age_data_wrap .age_data dt {
          margin-right: 15px;
          font-weight: 500;
          font-size: 1.8rem;
          line-height: 1.8rem; }
        body.recommend_article .mv_wrap .age_data_wrap .age_data dd {
          margin-right: 30px;
          font-weight: bold;
          font-size: 2rem;
          line-height: 2rem; }
          body.recommend_article .mv_wrap .age_data_wrap .age_data dd:last-of-type {
            margin: 0; }
      body.recommend_article .mv_wrap .age_data_wrap .last_month,
      body.recommend_article .mv_wrap .age_data_wrap .next_month {
        position: absolute;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        height: 100%;
        font-family: inherit;
        color: #fff;
        -webkit-transition: 0.2s;
        transition: 0.2s; }
        body.recommend_article .mv_wrap .age_data_wrap .last_month:hover,
        body.recommend_article .mv_wrap .age_data_wrap .next_month:hover {
          opacity: 0.6; }
        body.recommend_article .mv_wrap .age_data_wrap .last_month::before,
        body.recommend_article .mv_wrap .age_data_wrap .next_month::before {
          content: "";
          position: absolute;
          top: 0;
          width: 60px;
          height: 100%; }
        body.recommend_article .mv_wrap .age_data_wrap .last_month::after,
        body.recommend_article .mv_wrap .age_data_wrap .next_month::after {
          content: "";
          position: absolute;
          top: 50%;
          width: 16px;
          margin-top: -8px;
          aspect-ratio: 1 / 1; }
        body.recommend_article .mv_wrap .age_data_wrap .last_month span,
        body.recommend_article .mv_wrap .age_data_wrap .next_month span {
          margin: 0; }
        body.recommend_article .mv_wrap .age_data_wrap .last_month .stage,
        body.recommend_article .mv_wrap .age_data_wrap .next_month .stage {
          font-size: 0.9rem;
          line-height: 0.9rem; }
        body.recommend_article .mv_wrap .age_data_wrap .last_month .num,
        body.recommend_article .mv_wrap .age_data_wrap .next_month .num {
          font-size: 2.6rem;
          line-height: 1.6rem; }
        body.recommend_article .mv_wrap .age_data_wrap .last_month .unit,
        body.recommend_article .mv_wrap .age_data_wrap .next_month .unit {
          font-size: 1rem;
          line-height: 1rem; }
        body.recommend_article .mv_wrap .age_data_wrap .last_month.pregnant,
        body.recommend_article .mv_wrap .age_data_wrap .next_month.pregnant {
          background: #ef8033; }
        body.recommend_article .mv_wrap .age_data_wrap .last_month.baby,
        body.recommend_article .mv_wrap .age_data_wrap .next_month.baby {
          background: #ef66b2; }
      body.recommend_article .mv_wrap .age_data_wrap .last_month {
        left: 0;
        padding: 15px 50px 15px 80px;
        border-radius: 0 100px 0 0; }
        body.recommend_article .mv_wrap .age_data_wrap .last_month::before {
          left: 0;
          background: -webkit-gradient(linear, left top, right top, from(#f6f6ed), color-stop(50%, rgba(246, 246, 237, 0.5)), to(rgba(246, 246, 237, 0)));
          background: linear-gradient(to right, #f6f6ed 0%, rgba(246, 246, 237, 0.5) 50%, rgba(246, 246, 237, 0) 100%); }
        body.recommend_article .mv_wrap .age_data_wrap .last_month::after {
          left: 50px;
          background: url(../images/common/icon_arrow_left_2_w.svg) no-repeat center/contain; }
      body.recommend_article .mv_wrap .age_data_wrap .next_month {
        right: 0;
        padding: 15px 80px 15px 50px;
        border-radius: 100px 0 0 0; }
        body.recommend_article .mv_wrap .age_data_wrap .next_month::before {
          right: 0;
          background: -webkit-gradient(linear, left top, right top, from(rgba(246, 246, 237, 0)), color-stop(50%, rgba(246, 246, 237, 0.5)), to(#f6f6ed));
          background: linear-gradient(to right, rgba(246, 246, 237, 0) 0%, rgba(246, 246, 237, 0.5) 50%, #f6f6ed 100%); }
        body.recommend_article .mv_wrap .age_data_wrap .next_month::after {
          right: 50px;
          background: url(../images/common/icon_arrow_right_2_w.svg) no-repeat center/contain; }
  body.recommend_article .intro {
    margin-bottom: 40px;
    font-family: "Noto Sans JP"; }
    body.recommend_article .intro .ttl {
      margin-bottom: 15px;
      color: #e4007f;
      font-size: 1.8rem;
      font-weight: bold;
      text-align: center;
      font-family: inherit; }
    body.recommend_article .intro p {
      font-size: 1rem;
      line-height: 1.8rem;
      font-family: inherit; }
  body.recommend_article .cate_narrow_down {
    margin-bottom: 50px; }
    body.recommend_article .cate_narrow_down ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 10px; }
    body.recommend_article .cate_narrow_down li {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      body.recommend_article .cate_narrow_down li:hover a, body.recommend_article .cate_narrow_down li.on a {
        background: #abcd03; }
    body.recommend_article .cate_narrow_down a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 10px;
      color: #fff;
      background: #ccc;
      text-align: center;
      font-size: 1.4rem;
      line-height: 1.4rem;
      font-weight: bold;
      font-family: "Noto Sans JP";
      -webkit-transition: 0.2s;
      transition: 0.2s; }
  body.recommend_article .sec_recommend {
    position: relative;
    margin-bottom: 80px; }
    body.recommend_article .sec_recommend.non_article {
      display: none; }
    body.recommend_article .sec_recommend .ttl_recommend {
      margin-bottom: 30px;
      font-size: 1.6rem;
      line-height: 1.6rem;
      font-weight: bold;
      font-family: "Noto Sans JP"; }
    body.recommend_article .sec_recommend .btn_wrap {
      position: absolute;
      top: 5px;
      right: 0; }
      body.recommend_article .sec_recommend .btn_wrap a {
        display: inline-block;
        padding-left: 15px;
        background: url(../images/common/icon_arrow_right_1_gr.svg) no-repeat center left/auto 70%;
        -webkit-transition: 0.2s;
        transition: 0.2s; }
        body.recommend_article .sec_recommend .btn_wrap a:hover {
          opacity: 0.6; }
    body.recommend_article .sec_recommend .btn_more_article {
      position: absolute;
      z-index: 3;
      top: -15px;
      right: 0;
      padding: 10px 15px;
      font-size: 1rem;
      line-height: 1rem;
      font-weight: bold;
      font-family: "Noto Sans JP";
      border: 2px solid #abcd03;
      background: #fff;
      color: #333;
      text-align: center;
      border-radius: 10px;
      -webkit-transition: 0.2s;
      transition: 0.2s; }
      body.recommend_article .sec_recommend .btn_more_article:hover {
        opacity: 0.6; }
  body.recommend_article .ttl_recommend_list {
    margin-bottom: 30px;
    font-size: 2rem;
    font-weight: bold;
    text-decoration: underline;
    text-align: center;
    font-family: "Noto Sans JP"; }
  body.recommend_article .period_article_list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-transition: 0.2s;
    transition: 0.2s; }
    body.recommend_article .period_article_list a:hover {
      opacity: 0.6; }
  body.recommend_article .period_article_list .tn {
    aspect-ratio: 4 / 3;
    width: 20%;
    border-radius: 15px;
    overflow: hidden; }
    body.recommend_article .period_article_list .tn img {
      -o-object-fit: cover;
         object-fit: cover;
      width: 100%;
      height: 100%; }
  body.recommend_article .period_article_list .article_info {
    width: 75%; }
  body.recommend_article .period_article_list .title {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 500;
    font-family: "Noto Sans JP"; }
  body.recommend_article .period_article_list .month {
    margin: 10px 0;
    font-size: 0.8rem;
    line-height: 1rem;
    font-weight: 400;
    font-family: "Noto Sans JP"; }
  body.recommend_article .period_article_list .txt {
    font-size: 0.9rem;
    line-height: 1.4rem; }
  body.recommend_article.case2 .intro .ttl {
    font-size: 1.6rem;
    text-align: center;
    color: #333; }
  body.recommend_article.case2 .ttl_recommend_list {
    font-size: 1.6rem;
    text-decoration: none;
    color: #e4007f; }
  body.recommend_article.case2 .cate_tab_wrap {
    width: 960px;
    margin: 0 auto 40px; }
body.calendar_event .ttl_main {
  padding: 15px;
  margin: 0 auto;
  text-align: center;
  font-size: 2rem;
  background: #abcd03;
  color: #fff; }
body.calendar_event .mv {
  margin-bottom: 20px;
  aspect-ratio: 2 / 1;
  width: 100%; }
  body.calendar_event .mv img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%; }
body.calendar_event .ttl_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px; }
body.calendar_event .ttl_event {
  color: #e4007f;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "Noto Sans JP"; }
body.calendar_event .age_event {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px 15px;
  text-align: center;
  background: #e4007f;
  color: #fff;
  border-radius: 100px; }
  body.calendar_event .age_event span {
    margin: 0;
    font-family: "Noto Sans JP"; }
  body.calendar_event .age_event .stage {
    margin-bottom: 5px;
    font-size: 1rem;
    line-height: 1rem; }
  body.calendar_event .age_event .num {
    font-size: 1.2rem;
    line-height: 1.2rem; }
body.calendar_event .txt_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-left: 1em; }
  body.calendar_event .txt_list li {
    width: 50%;
    list-style: disc; }
body.calendar_event .sec > .ttl {
  margin-bottom: 10px;
  font-size: 1.2rem;
  font-weight: bold;
  font-family: "Noto Sans JP"; }
body.calendar_event.top .ttl_main {
  margin-bottom: 30px; }
body.calendar_event.page_11 .mv img {
  -o-object-position: center bottom;
     object-position: center bottom; }
body.useful_milk .mv {
  margin-bottom: 20px; }
  body.useful_milk .mv img {
    width: 100%; }
body.useful_milk .ttl_main {
  margin-bottom: 10px;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "Noto Sans JP"; }
body.food_recipes .mv {
  margin-bottom: 20px; }
  body.food_recipes .mv img {
    width: 100%; }
body.food_recipes.top .ttl_main {
  margin-bottom: 20px;
  font-size: 1.8rem;
  font-weight: bold;
  font-family: "Noto Sans JP"; }
body.food_recipes.top .ttl_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
body.food_recipes.top .btn_wrap {
  margin: 60px 0 30px 0;
  text-align: center; }
  body.food_recipes.top .btn_wrap a {
    font-size: 1.2rem;
    font-weight: bold; }
body.food_recipes.detail {
  background: #fff; }
  body.food_recipes.detail .ttl_main {
    padding: 15px;
    margin: 0 auto;
    text-align: center;
    font-size: 2rem;
    background: #abcd03;
    color: #fff; }
  body.food_recipes.detail .ttl_recipe {
    color: #e4007f;
    font-weight: bold;
    font-size: 1.8rem;
    font-family: "Noto Sans JP"; }
  body.food_recipes.detail .cooking_time {
    font-size: 1rem;
    color: #666;
    font-family: "Noto Sans JP"; }
  body.food_recipes.detail .main_text {
    font-size: 1rem;
    font-family: "Noto Sans JP"; }
  body.food_recipes.detail .tab_menu {
    margin-bottom: 20px; }
    body.food_recipes.detail .tab_menu ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    body.food_recipes.detail .tab_menu li {
      margin: 0 10px 0 0;
      padding: 7px 20px;
      border: 1px solid #666;
      color: #666;
      text-align: center;
      border-radius: 100px;
      font-size: 1.1rem;
      line-height: 1.1rem;
      font-family: "Noto Sans JP";
      cursor: pointer; }
      body.food_recipes.detail .tab_menu li.on {
        border: 1px solid #abcd03;
        color: #abcd03; }
  body.food_recipes.detail .recipe_contents_wrap {
    margin-bottom: 50px; }
  body.food_recipes.detail .sec_recipe {
    display: none; }
    body.food_recipes.detail .sec_recipe:first-of-type {
      display: block; }
    body.food_recipes.detail .sec_recipe .ttl {
      margin-bottom: 10px;
      font-weight: bold;
      font-size: 1.6rem;
      line-height: 1.6rem;
      font-family: "Noto Sans JP"; }
      body.food_recipes.detail .sec_recipe .ttl .mum {
        margin-left: 7px;
        font-weight: normal;
        font-size: 0.8rem;
        color: #666; }
  body.food_recipes.detail .sec_sub {
    margin-bottom: 30px; }
    body.food_recipes.detail .sec_sub:last-of-type {
      margin-bottom: 0; }
  body.food_recipes.detail .recipe_stuff_list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px dotted #666;
    font-size: 1rem;
    font-family: "Noto Sans JP"; }
    body.food_recipes.detail .recipe_stuff_list li:first-of-type {
      border-top: 1px dotted #666; }
  body.food_recipes.detail .recipe_method_list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    line-height: 1.4rem;
    font-family: "Noto Sans JP";
    margin-bottom: 15px; }
    body.food_recipes.detail .recipe_method_list li:last-of-type {
      margin-bottom: 0; }
  body.food_recipes.detail .recipe_method_list .num {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: inline-block;
    min-width: 2em;
    text-align: left;
    font-weight: bold; }
  body.food_recipes.detail .txt_point {
    font-size: 1rem;
    font-family: "Noto Sans JP"; }
  body.food_recipes.detail .comment_list li {
    padding: 10px 0;
    border-bottom: 1px solid #ccc; }
    body.food_recipes.detail .comment_list li:first-of-type {
      border-top: 1px solid #ccc; }
  body.food_recipes.detail .comment_list p {
    margin: 0 0 5px 0;
    font-size: 0.9rem;
    font-family: "Noto Sans JP"; }
  body.food_recipes.detail .comment_list .commented {
    margin: 0;
    font-size: 0.8rem; }
    body.food_recipes.detail .comment_list .commented span {
      display: inline-block;
      margin-right: 5px; }
  body.food_recipes.detail .btn_comment {
    display: block;
    width: 200px;
    margin: 30px auto;
    padding: 10px 20px;
    border-radius: 100px;
    font-weight: bold;
    font-family: "Noto Sans JP";
    text-align: center;
    color: #fff;
    background: #abcd03;
    -webkit-transition: 0.2s;
    transition: 0.2s; }
    body.food_recipes.detail .btn_comment:hover {
      opacity: 0.6; }
body.socialmedia_policy .ttl_sub {
  margin-bottom: 5px;
  font-weight: bold;
  font-family: "Noto Sans JP"; }
body.recipe .btn_wrap {
  margin-top: 20px;
  text-align: center; }
  body.recipe .btn_wrap a {
    font-size: 1rem; }
body.recipe_qa .content {
  background: url(../images/recipe_qa/bg.png); }
body.recipe_qa main {
  font-family: "Zen Maru Gothic";
  font-weight: 500;
  color: #5A412C; }
  body.recipe_qa main .inner {
    margin: auto;
    max-width: 800px; }
body.recipe_qa.top .mv {
  position: relative;
  padding-top: 500px;
  margin-bottom: 100px; }
  body.recipe_qa.top .mv .ttl_main,
  body.recipe_qa.top .mv .ttl_sub,
  body.recipe_qa.top .mv .main,
  body.recipe_qa.top .mv .meal,
  body.recipe_qa.top .mv .fig,
  body.recipe_qa.top .mv .profile {
    position: absolute;
    left: 50%;
    top: 0; }
  body.recipe_qa.top .mv .ttl_main {
    margin: 150px 0 0 -35px; }
  body.recipe_qa.top .mv .ttl_sub {
    margin: 30px 0 0 -350px; }
  body.recipe_qa.top .mv .main {
    margin: 0px 0 0 -350px; }
  body.recipe_qa.top .mv .meal {
    z-index: 1;
    margin: 400px 0 0 -420px; }
  body.recipe_qa.top .mv .fig {
    margin: 20px 0 0 300px; }
  body.recipe_qa.top .mv .profile {
    z-index: 1;
    margin: 350px 0 0 150px; }
  body.recipe_qa.top .mv .lede {
    position: relative;
    background: url(../images/recipe_qa/frame_bottom.png) no-repeat center bottom/100% auto; }
    body.recipe_qa.top .mv .lede::before, body.recipe_qa.top .mv .lede::after {
      content: "";
      position: absolute;
      left: 0;
      display: block;
      width: 100%;
      aspect-ratio: 240 / 37; }
    body.recipe_qa.top .mv .lede::before {
      top: -15vw;
      background: url(../images/recipe_qa/frame_top.png) no-repeat center/contain; }
    body.recipe_qa.top .mv .lede p {
      margin: 0 auto;
      padding: 100px 0 50px;
      font-weight: 500;
      text-align: center;
      font-size: 1.1rem;
      line-height: 1.8rem; }
body.recipe_qa.top .sec:last-of-type {
  margin-bottom: 0; }
body.recipe_qa.top .sec p {
  font-size: 1rem; }
  body.recipe_qa.top .sec p.reference {
    font-size: 0.9rem; }
body.recipe_qa.top .sec_sub:last-of-type {
  margin-bottom: 0; }
body.recipe_qa.top .ttl_sec {
  margin-bottom: 30px;
  font-family: "Zen Maru Gothic";
  text-align: center;
  color: #EE6FBB;
  font-size: 1.6rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt"; }
  body.recipe_qa.top .ttl_sec img {
    margin: auto; }
  body.recipe_qa.top .ttl_sec span {
    position: relative;
    padding: 0 20px;
    z-index: 0; }
    body.recipe_qa.top .ttl_sec span::after {
      content: "";
      position: absolute;
      z-index: -1;
      left: 0;
      bottom: -3px;
      display: inline-block;
      width: 100%;
      height: 18px;
      background: #fff;
      border-radius: 50px; }
body.recipe_qa.top .ttl_sub {
  margin-bottom: 15px;
  font-family: "Zen Maru Gothic";
  text-align: center;
  color: #EE6FBB;
  font-size: 1.3rem;
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt"; }
body.recipe_qa.top .sec_1 .cate_links {
  margin: 20px auto 0; }
  body.recipe_qa.top .sec_1 .cate_links li {
    margin-bottom: 15px;
    text-align: center; }
    body.recipe_qa.top .sec_1 .cate_links li:last-of-type {
      margin-bottom: 0; }
    body.recipe_qa.top .sec_1 .cate_links li a {
      display: inline-block;
      margin: auto;
      text-align: center; }
      body.recipe_qa.top .sec_1 .cate_links li a:hover {
        opacity: 0.6; }
body.recipe_qa.top .sec_3 .ttl {
  margin-bottom: 15px;
  font-family: "Zen Maru Gothic";
  text-align: center;
  color: #EE6FBB;
  font-size: 1.8rem;
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt"; }
body.recipe_qa.top .sec_3 .cate_links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 700px;
  margin: 30px auto 0; }
  body.recipe_qa.top .sec_3 .cate_links li {
    width: 31%;
    margin: 0 0 5% 0; }
    body.recipe_qa.top .sec_3 .cate_links li a:hover {
      opacity: 0.6; }
  body.recipe_qa.top .sec_3 .cate_links img {
    width: 100%; }
body.recipe_qa.top .sec_3 .reference {
  margin: 0 0 80px 0; }
body.recipe_qa.top .baby_periods {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 0; }
  body.recipe_qa.top .baby_periods li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  body.recipe_qa.top .baby_periods .period {
    display: inline-block;
    width: 110px;
    padding: 5px 10px;
    margin: 0 0 5px 0;
    border-radius: 50px;
    color: #fff;
    font-size: 0.9rem;
    line-height: 0.9rem;
    text-align: center; }
    body.recipe_qa.top .baby_periods .period::after, body.recipe_qa.top .baby_periods .period::before {
      display: none; }
  body.recipe_qa.top .baby_periods .months {
    font-size: 1.1rem;
    font-weight: bold; }
  body.recipe_qa.top .baby_periods .period_1 .period {
    background: #FF6B00; }
  body.recipe_qa.top .baby_periods .period_1 .months {
    color: #FF6B00; }
  body.recipe_qa.top .baby_periods .period_2 .period {
    background: #00A98F; }
  body.recipe_qa.top .baby_periods .period_2 .months {
    color: #00A98F; }
  body.recipe_qa.top .baby_periods .period_3 .period {
    background: #80BC00; }
  body.recipe_qa.top .baby_periods .period_3 .months {
    color: #80BC00; }
  body.recipe_qa.top .baby_periods .period_4 .period {
    background: #00A7E1; }
  body.recipe_qa.top .baby_periods .period_4 .months {
    color: #00A7E1; }
  body.recipe_qa.top .baby_periods .period_5 .period {
    background: #A87BC9; }
  body.recipe_qa.top .baby_periods .period_5 .months {
    color: #A87BC9; }
body.recipe_qa.cate.cate_1 .sec_main .ttl, body.recipe_qa.cate.cate_2 .sec_main .ttl, body.recipe_qa.cate.cate_3 .sec_main .ttl {
  color: #EE6FBB;
  background: #fff;
  border: 2px solid #EE6FBB; }
  body.recipe_qa.cate.cate_1 .sec_main .ttl small, body.recipe_qa.cate.cate_2 .sec_main .ttl small, body.recipe_qa.cate.cate_3 .sec_main .ttl small {
    color: #5A412C; }
body.recipe_qa.cate.cate_1 .sec_mokuji .ttl,
body.recipe_qa.cate.cate_1 .answer .ttl, body.recipe_qa.cate.cate_2 .sec_mokuji .ttl,
body.recipe_qa.cate.cate_2 .answer .ttl, body.recipe_qa.cate.cate_3 .sec_mokuji .ttl,
body.recipe_qa.cate.cate_3 .answer .ttl {
  color: #EE6FBB; }
  body.recipe_qa.cate.cate_1 .sec_mokuji .ttl .cate,
  body.recipe_qa.cate.cate_1 .answer .ttl .cate, body.recipe_qa.cate.cate_2 .sec_mokuji .ttl .cate,
  body.recipe_qa.cate.cate_2 .answer .ttl .cate, body.recipe_qa.cate.cate_3 .sec_mokuji .ttl .cate,
  body.recipe_qa.cate.cate_3 .answer .ttl .cate {
    background: #EE6FBB; }
body.recipe_qa.cate.cate_1 .mokuji_list li, body.recipe_qa.cate.cate_2 .mokuji_list li, body.recipe_qa.cate.cate_3 .mokuji_list li {
  background-image: url(../images/recipe_qa/q_1.svg); }
body.recipe_qa.cate.cate_1 .answer_list .q, body.recipe_qa.cate.cate_2 .answer_list .q, body.recipe_qa.cate.cate_3 .answer_list .q {
  background-image: url(../images/recipe_qa/q_1.svg);
  border-bottom: 5px solid #F6A7D7; }
  body.recipe_qa.cate.cate_1 .answer_list .q + .img, body.recipe_qa.cate.cate_2 .answer_list .q + .img, body.recipe_qa.cate.cate_3 .answer_list .q + .img {
    background: #F6A7D7; }
body.recipe_qa.cate.cate_4 .sec_main .ttl {
  background: #FB5373; }
body.recipe_qa.cate.cate_4 .sec_mokuji .ttl,
body.recipe_qa.cate.cate_4 .answer .ttl {
  color: #FB5373; }
  body.recipe_qa.cate.cate_4 .sec_mokuji .ttl .cate,
  body.recipe_qa.cate.cate_4 .answer .ttl .cate {
    background: #FB5373; }
body.recipe_qa.cate.cate_4 .mokuji_list li {
  background-image: url(../images/recipe_qa/q_2.svg); }
body.recipe_qa.cate.cate_4 .answer .ttl {
  display: block; }
body.recipe_qa.cate.cate_4 .answer_list .q {
  background-image: url(../images/recipe_qa/q_2.svg);
  border-bottom: 5px solid #FE9BB1; }
  body.recipe_qa.cate.cate_4 .answer_list .q + .img {
    background: #FE9BB1; }
body.recipe_qa.cate.cate_5 .sec_main .ttl {
  background: #FF6B00; }
body.recipe_qa.cate.cate_5 .sec_mokuji .ttl,
body.recipe_qa.cate.cate_5 .answer .ttl {
  color: #FF6B00; }
  body.recipe_qa.cate.cate_5 .sec_mokuji .ttl .cate,
  body.recipe_qa.cate.cate_5 .answer .ttl .cate {
    background: #FF6B00; }
body.recipe_qa.cate.cate_5 .mokuji_list li {
  background-image: url(../images/recipe_qa/q_3.svg); }
body.recipe_qa.cate.cate_5 .answer_list .q {
  background-image: url(../images/recipe_qa/q_3.svg);
  border-bottom: 5px solid #FFAD5F; }
  body.recipe_qa.cate.cate_5 .answer_list .q + .img {
    background: #FFAD5F; }
body.recipe_qa.cate.cate_6 .sec_main .ttl {
  background: #80BC00; }
body.recipe_qa.cate.cate_6 .sec_mokuji .ttl,
body.recipe_qa.cate.cate_6 .answer .ttl {
  color: #80BC00; }
  body.recipe_qa.cate.cate_6 .sec_mokuji .ttl .cate,
  body.recipe_qa.cate.cate_6 .answer .ttl .cate {
    background: #80BC00; }
body.recipe_qa.cate.cate_6 .mokuji_list li {
  background-image: url(../images/recipe_qa/q_4.svg); }
body.recipe_qa.cate.cate_6 .answer_list .q {
  background-image: url(../images/recipe_qa/q_4.svg);
  border-bottom: 5px solid #C2E76B; }
  body.recipe_qa.cate.cate_6 .answer_list .q + .img {
    background: #C2E76B; }
body.recipe_qa.cate.cate_7 .sec_main .ttl {
  background: #00A98F; }
body.recipe_qa.cate.cate_7 .sec_mokuji .ttl,
body.recipe_qa.cate.cate_7 .answer .ttl {
  color: #00A98F; }
  body.recipe_qa.cate.cate_7 .sec_mokuji .ttl .cate,
  body.recipe_qa.cate.cate_7 .answer .ttl .cate {
    background: #00A98F; }
body.recipe_qa.cate.cate_7 .mokuji_list li {
  background-image: url(../images/recipe_qa/q_5.svg); }
body.recipe_qa.cate.cate_7 .answer_list .q {
  background-image: url(../images/recipe_qa/q_5.svg);
  border-bottom: 5px solid #78DED4; }
  body.recipe_qa.cate.cate_7 .answer_list .q + .img {
    background: #78DED4; }
body.recipe_qa.cate.cate_8 .sec_main .ttl {
  background: #00A7E1; }
body.recipe_qa.cate.cate_8 .sec_mokuji .ttl,
body.recipe_qa.cate.cate_8 .answer .ttl {
  color: #00A7E1; }
  body.recipe_qa.cate.cate_8 .sec_mokuji .ttl .cate,
  body.recipe_qa.cate.cate_8 .answer .ttl .cate {
    background: #00A7E1; }
body.recipe_qa.cate.cate_8 .mokuji_list li {
  background-image: url(../images/recipe_qa/q_6.svg); }
body.recipe_qa.cate.cate_8 .answer_list .q {
  background-image: url(../images/recipe_qa/q_6.svg);
  border-bottom: 5px solid #95D4E9; }
  body.recipe_qa.cate.cate_8 .answer_list .q + .img {
    background: #95D4E9; }
body.recipe_qa.cate.cate_9 .sec_main .ttl {
  background: #A87BC9; }
body.recipe_qa.cate.cate_9 .sec_mokuji .ttl,
body.recipe_qa.cate.cate_9 .answer .ttl {
  color: #A87BC9; }
  body.recipe_qa.cate.cate_9 .sec_mokuji .ttl .cate,
  body.recipe_qa.cate.cate_9 .answer .ttl .cate {
    background: #A87BC9; }
body.recipe_qa.cate.cate_9 .mokuji_list li {
  background-image: url(../images/recipe_qa/q_7.svg); }
body.recipe_qa.cate.cate_9 .answer_list .q {
  background-image: url(../images/recipe_qa/q_7.svg);
  border-bottom: 5px solid #C5B4E2; }
  body.recipe_qa.cate.cate_9 .answer_list .q + .img {
    background: #C5B4E2; }
body.recipe_qa.cate .mv {
  position: relative;
  height: 150px;
  overflow: hidden; }
  body.recipe_qa.cate .mv .main,
  body.recipe_qa.cate .mv .ttl_main {
    position: absolute;
    left: 50%; }
    body.recipe_qa.cate .mv .main img,
    body.recipe_qa.cate .mv .ttl_main img {
      width: 100%; }
  body.recipe_qa.cate .mv .main {
    width: 280px;
    margin: -50px 0 0 -300px; }
  body.recipe_qa.cate .mv .ttl_main {
    width: 400px;
    margin: 15px 0 0 -90px; }
@media only screen and (min-width: 960px) {
  body.recipe_qa.cate .cate_links {
    padding: 15px 0;
    background: #fff; }
    body.recipe_qa.cate .cate_links ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      body.recipe_qa.cate .cate_links ul li {
        margin: 0 5px;
        width: 110px; }
        body.recipe_qa.cate .cate_links ul li img {
          width: 100%; }
        body.recipe_qa.cate .cate_links ul li a {
          opacity: 0.4; }
        body.recipe_qa.cate .cate_links ul li.on a {
          opacity: 1; }
        body.recipe_qa.cate .cate_links ul li:hover a {
          opacity: 1; } }
body.recipe_qa.cate .sec_main {
  margin: 0;
  padding: 20px 0;
  background: #fff;
  border-bottom: 5px solid #F4F0E1; }
  body.recipe_qa.cate .sec_main .ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px;
    margin-bottom: 20px;
    width: 100%;
    background: #FB5373;
    color: #fff;
    text-align: center;
    font-family: "Zen Maru Gothic";
    font-size: 1.6rem;
    line-height: 1.9rem;
    font-weight: 700;
    border-radius: 10px; }
  body.recipe_qa.cate .sec_main .lede {
    text-align: center;
    font-size: 1.2rem; }
body.recipe_qa.cate .sec_mokuji {
  margin-bottom: 80px;
  padding: 30px 0;
  background: #fff; }
  body.recipe_qa.cate .sec_mokuji .sec {
    margin-bottom: 30px; }
  body.recipe_qa.cate .sec_mokuji .ttl {
    margin-bottom: 15px;
    color: #FB5373;
    text-align: center;
    font-size: 1.3rem;
    font-family: "Zen Maru Gothic";
    font-weight: 700; }
    body.recipe_qa.cate .sec_mokuji .ttl .cate {
      padding: 5px 15px;
      margin-right: 10px;
      background: #FB5373;
      color: #fff;
      border-radius: 50px;
      font-size: 1rem;
      line-height: 1rem; }
  body.recipe_qa.cate .sec_mokuji .mokuji_list li {
    padding: 10px 0 10px 30px;
    border-bottom: 1px dotted #ccc;
    background-position: top 17px left;
    background-repeat: no-repeat;
    background-size: 16px auto; }
  body.recipe_qa.cate .sec_mokuji .mokuji_list a {
    color: #5A412C;
    font-size: 1rem; }
    body.recipe_qa.cate .sec_mokuji .mokuji_list a:hover {
      opacity: 0.6; }
body.recipe_qa.cate .answer .sec {
  margin-bottom: 20px; }
body.recipe_qa.cate .answer .ttl {
  display: none;
  margin-bottom: 30px;
  color: #FB5373;
  text-align: center;
  font-size: 1.3rem;
  font-family: "Zen Maru Gothic";
  font-weight: 700; }
  body.recipe_qa.cate .answer .ttl .cate {
    padding: 5px 15px;
    margin-right: 10px;
    background: #FB5373;
    color: #fff;
    border-radius: 50px;
    font-size: 1rem;
    line-height: 1rem; }
body.recipe_qa.cate .answer .answer_list li {
  margin-bottom: 40px;
  border-radius: 20px;
  overflow: hidden;
  background: #fff; }
body.recipe_qa.cate .answer .answer_list .q,
body.recipe_qa.cate .answer .answer_list .a {
  font-size: 1rem;
  font-family: "Zen Maru Gothic"; }
  body.recipe_qa.cate .answer .answer_list .q p,
  body.recipe_qa.cate .answer .answer_list .a p {
    margin: 0; }
body.recipe_qa.cate .answer .answer_list .q {
  padding: 15px 10px 10px 60px;
  background-position: top 17px left 17px;
  background-repeat: no-repeat;
  background-size: 26px auto; }
  body.recipe_qa.cate .answer .answer_list .q + .img {
    position: relative;
    top: -5px;
    margin-bottom: -5px;
    width: 100%;
    aspect-ratio: 16 / 5;
    text-align: center; }
    body.recipe_qa.cate .answer .answer_list .q + .img img {
      -o-object-fit: contain;
         object-fit: contain;
      width: 100%;
      height: 100%; }
body.recipe_qa.cate .answer .answer_list .a {
  padding: 15px 10px 10px 60px;
  background: url(../images/recipe_qa/a.png) no-repeat top 10px left 10px/40px auto; }
body.recipe_qa.cate .profile {
  margin-bottom: 30px;
  text-align: center; }
  body.recipe_qa.cate .profile img {
    margin: auto; }
body.recipe_qa.cate .page_link {
  margin-top: 50px; }
  body.recipe_qa.cate .page_link .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  body.recipe_qa.cate .page_link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5px 0;
    color: #5A412C;
    font-size: 1.1rem;
    line-height: 1.2rem;
    font-weight: 700; }
    body.recipe_qa.cate .page_link a:hover {
      opacity: 0.6; }
  body.recipe_qa.cate .page_link .prev,
  body.recipe_qa.cate .page_link .next {
    max-width: 48%; }
  body.recipe_qa.cate .page_link .prev {
    padding-left: 40px;
    background: url(../images/recipe_qa/icon_prev.svg) no-repeat top 50% left/30px auto; }
  body.recipe_qa.cate .page_link .next {
    padding-right: 40px;
    background: url(../images/recipe_qa/icon_next.svg) no-repeat top 50% right/30px auto;
    text-align: right; }
body.recipe_qa.cate .to_toppage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px auto 50px;
  width: 100%;
  text-align: center; }
  body.recipe_qa.cate .to_toppage .btn {
    color: #FB5373; }
body.recipe_qa_old main {
  max-width: 800px;
  margin: auto; }
body.recipe_qa_old .mv {
  margin: 50px 0; }
  body.recipe_qa_old .mv .pc {
    position: relative; }
    body.recipe_qa_old .mv .pc .ttl {
      position: absolute;
      left: -100px;
      top: 50px; }
    body.recipe_qa_old .mv .pc .profile {
      position: absolute;
      left: -40px;
      bottom: -30px;
      width: 310px; }
      body.recipe_qa_old .mv .pc .profile img {
        width: 100%; }
body.recipe_qa_old .intro {
  margin-bottom: 50px;
  font-size: 1.1rem;
  line-height: 2rem; }
  body.recipe_qa_old .intro p {
    margin: 0; }
  body.recipe_qa_old .intro .profile {
    margin-top: 20px; }
body.recipe_qa_old .mokuji {
  margin-bottom: 50px;
  padding: 30px;
  border: 4px solid #fff;
  border-radius: 20px; }
  body.recipe_qa_old .mokuji .ttl {
    margin-bottom: 25px;
    text-align: center; }
    body.recipe_qa_old .mokuji .ttl img {
      width: auto;
      height: 20px; }
  body.recipe_qa_old .mokuji .sec_sub {
    margin-bottom: 15px; }
    body.recipe_qa_old .mokuji .sec_sub:last-of-type {
      margin-bottom: 0; }
  body.recipe_qa_old .mokuji .ttl_sub {
    margin-bottom: 5px; }
    body.recipe_qa_old .mokuji .ttl_sub a {
      color: #EA616F;
      font-size: 1.1rem;
      line-height: 1.1rem;
      font-weight: bold; }
  body.recipe_qa_old .mokuji .mokuji_list {
    margin-left: 2em; }
    body.recipe_qa_old .mokuji .mokuji_list li {
      margin-bottom: 5px; }
    body.recipe_qa_old .mokuji .mokuji_list a {
      font-size: 0.8rem;
      line-height: 0.8rem; }
      body.recipe_qa_old .mokuji .mokuji_list a:hover {
        text-decoration: underline; }
body.recipe_qa_old .sec > p {
  font-size: 1.1rem;
  line-height: 1.8rem; }
body.recipe_qa_old .sec small {
  display: block;
  font-size: 0.8rem;
  line-height: 1rem; }
body.recipe_qa_old .qa_list dt, body.recipe_qa_old .qa_list dd {
  padding: 0 0 10px 40px;
  font-size: 1.1rem;
  line-height: 1.8rem; }
body.recipe_qa_old .qa_list dt {
  margin-bottom: 10px;
  background: url(../images/recipe/qa/icon_q.svg) no-repeat top left/33px auto; }
body.recipe_qa_old .qa_list dd {
  margin-bottom: 30px;
  background: url(../images/recipe/qa/icon_a.svg) no-repeat top left/33px auto; }
  body.recipe_qa_old .qa_list dd p {
    margin: 0; }
  body.recipe_qa_old .qa_list dd:last-of-type {
    margin-bottom: 0; }
body.recipe_qa_old #cate_2 {
  counter-reset: number 0; }
  body.recipe_qa_old #cate_2 .qa_list dt, body.recipe_qa_old #cate_2 .qa_list dd {
    background: none; }
  body.recipe_qa_old #cate_2 .qa_list dt {
    position: relative; }
    body.recipe_qa_old #cate_2 .qa_list dt::before {
      counter-increment: number 1;
      content: counter(number) ".";
      position: absolute;
      top: 0;
      left: 8px;
      font-size: 1.4rem;
      font-weight: bold; }
body.recipe_qa_old #cate_3 .qa_list dt, body.recipe_qa_old #cate_3 .qa_list dd {
  background: none; }
body.recipe_qa_old #cate_3 .qa_list dt {
  position: relative; }
  body.recipe_qa_old #cate_3 .qa_list dt::before {
    content: "●";
    position: absolute;
    top: 0;
    left: 15px;
    font-size: 0.8rem; }
body.articleorder header,
body.articleorder footer,
body.articleorder .path,
body.articleorder .age_console,
body.articleorder .btn_pageback {
  display: none; }
body.articleorder #mainContent {
  margin-top: 0 !important; }
body.labo .submenu {
  margin: 40px 0; }
  body.labo .submenu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 960px;
    margin: auto;
    border-left: 1px solid #009953; }
  body.labo .submenu li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 10px;
    border-right: 1px solid #009953;
    text-align: center; }
  body.labo .submenu a {
    font-size: 0.9rem;
    line-height: 1.2rem; }
body.labo .mv {
  aspect-ratio: 4 / 1;
  width: 100%;
  margin-bottom: 40px; }
  body.labo .mv img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%; }
body.labo .b_title {
  margin-bottom: 40px; }
body.labo .intro {
  margin-bottom: 40px;
  text-align: center;
  font-size: 1rem; }
body.labo .allergy_top_list {
  max-width: 100%;
  margin: 0; }
body.labo .sec p {
  font-size: 1rem; }
body.labo .ttl_sec {
  padding: 10px 0;
  text-align: center;
  border-top: 2px solid #009953;
  border-bottom: 2px solid #009953;
  color: #009953; }
body.labo .ttl_sub {
  margin-bottom: 20px;
  padding-left: 10px;
  font-size: 1.2rem;
  font-weight: bold;
  font-family: "Noto Sans JP";
  border-left: 5px solid #009953; }
body.labo .fig {
  margin: 40px 0;
  padding: 40px;
  text-align: center;
  background: #fff;
  border-radius: 8px; }
  body.labo .fig img {
    max-width: 650px;
    width: 100%; }
body.labo .arrow_box {
  padding-bottom: 40px;
  background: url(../images/common/icon_arrow_down_gray.svg) no-repeat center bottom/30px auto; }
body.labo.top .submenu .menu_1 a {
  border-bottom: 2px solid #008b4d; }
body.labo.history .submenu .menu_2 a {
  border-bottom: 2px solid #008b4d; }
body.labo.history .history_list {
  position: relative; }
  body.labo.history .history_list::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 70px;
    left: 35px;
    overflow: hidden;
    height: 97%;
    border-left: 2px solid #008b4d; }
  body.labo.history .history_list .title-year {
    position: relative;
    padding: 7px 0;
    font-size: 1.3rem;
    color: #fff;
    background-color: #008b4d;
    width: 160px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px; }
    body.labo.history .history_list .title-year em {
      font-size: 1rem; }
  body.labo.history .history_list .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 30px; }
  body.labo.history .history_list .year {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    aspect-ratio: 1 / 1;
    background: #008b4d;
    width: 60px;
    margin: 0 5px;
    border-radius: 50%;
    color: #fff;
    letter-spacing: 0.8px;
    font-size: 0.8rem; }
    body.labo.history .history_list .year.pink {
      background: #ff7d82;
      width: 70px;
      height: 70px;
      margin: 0; }
      body.labo.history .history_list .year.pink + .year-content {
        padding-top: 20px; }
  body.labo.history .history_list .year-content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-top: 15px;
    margin-left: 20px;
    font-size: 1rem;
    line-height: 2rem; }
    body.labo.history .history_list .year-content p {
      margin: 0; }
      body.labo.history .history_list .year-content p.bold {
        font-size: 1.2rem; }
    body.labo.history .history_list .year-content .blue {
      color: #00d1e5; }
    body.labo.history .history_list .year-content .pink {
      color: #ff7d82; }
    body.labo.history .history_list .year-content .emp_pink {
      background-color: #ff7d82;
      color: #fff;
      padding: 4px 25px;
      line-height: 28px;
      border-radius: 40px;
      margin-left: 15px;
      font-size: 16px; }
  body.labo.history .history_list .pic {
    position: absolute;
    left: 100%;
    width: 242px; }
    body.labo.history .history_list .pic img {
      width: 100%; }
body.labo.history .products_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15.5%; }
  body.labo.history .products_list .product_box {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 23%;
            flex: 0 0 23%;
    margin-bottom: 5%; }
    body.labo.history .products_list .product_box .tn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      aspect-ratio: 1 /1;
      margin-bottom: 15px; }
      body.labo.history .products_list .product_box .tn img {
        max-width: 100%;
        max-width: 100%; }
    body.labo.history .products_list .product_box p {
      margin: 0;
      color: #00994c;
      font-size: 0.8rem;
      font-weight: bold;
      text-align: center;
      font-family: "Noto Sans JP"; }
  body.labo.history .products_list .product-year {
    color: #00994c;
    border: 1px solid #00994c;
    width: 75px;
    margin: 10px auto 8px;
    padding: 10px 0;
    font-weight: bold;
    text-align: center;
    font-family: "Noto Sans JP"; }
body.labo.baby .submenu .menu_3 a {
  border-bottom: 2px solid #008b4d; }
body.labo.baby .table-milk {
  width: 100%;
  border-collapse: collapse;
  margin: 40px 0; }
  body.labo.baby .table-milk th,
  body.labo.baby .table-milk td {
    padding: 15px;
    border: 3px solid #00994c;
    font-family: "Noto Sans JP"; }
    body.labo.baby .table-milk th p,
    body.labo.baby .table-milk td p {
      margin: 0; }
  body.labo.baby .table-milk th {
    font-weight: bold;
    background: #e4f3bf; }
  body.labo.baby .table-milk td {
    background: #fff; }
body.labo.excreta .submenu .menu_4 a {
  border-bottom: 2px solid #008b4d; }
body.labo.excreta .arrow_box p {
  text-align: center; }
  body.labo.excreta .arrow_box p:last-of-type {
    margin: 0; }
body.labo.excreta .milk-block {
  background-color: #ff7c81;
  color: #fff;
  max-width: 540px;
  border: 1px solid #fff;
  outline: 5px solid #ff7c81;
  margin: 10px auto;
  font-weight: bold;
  padding: 20px; }
  body.labo.excreta .milk-block p {
    margin: 0; }
body.labo.excreta ul.block {
  background-color: #e9f5cb;
  max-width: 285px;
  display: block;
  margin: 20px auto;
  text-align: left;
  padding: 20px; }
  body.labo.excreta ul.block li {
    margin-left: 1rem;
    color: #00994c;
    font-weight: bold;
    font-size: 1rem;
    list-style: disc;
    font-family: "Noto Sans JP"; }
body.labo.excreta .ttl_sub {
  text-align: center; }
body.labo.excreta .block_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  body.labo.excreta .block_wrap .pic {
    width: 20%; }
  body.labo.excreta .block_wrap .block {
    width: 40%;
    margin: 0 0 0 30px; }
body.labo.excreta .table-pink {
  margin: 30px auto;
  border-collapse: collapse;
  max-width: 600px;
  border: 3px solid #ff7c81; }
  body.labo.excreta .table-pink th,
  body.labo.excreta .table-pink td {
    padding: 18px 0;
    border-left: 3px solid #ff7c81;
    font-weight: bold;
    font-size: 1rem;
    font-family: "Noto Sans JP";
    text-align: center; }
  body.labo.excreta .table-pink th {
    background: #ffe4e5;
    border: 3px solid #ff7c81; }
  body.labo.excreta .table-pink tr:nth-child(even) {
    background: #fff; }
  body.labo.excreta .table-pink tr:nth-child(odd) {
    background: #ffe4e5; }
body.labo.excreta .outro {
  margin: 40px 0; }
  body.labo.excreta .outro p {
    font-size: 1rem; }
body.labo.functionality .submenu .menu_5 a {
  border-bottom: 2px solid #008b4d; }
body.labo.functionality .arrow_box + p {
  text-align: center;
  font-size: 1.6rem;
  color: #009a4d; }
body.labo.functionality .functionalities {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around; }
  body.labo.functionality .functionalities li {
    width: 45%;
    margin-bottom: 3%; }
    body.labo.functionality .functionalities li:last-of-type {
      margin-bottom: 0; }
  body.labo.functionality .functionalities .ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 80px;
    padding: 10px 0;
    background: #96dc00;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.6rem;
    text-align: center; }
  body.labo.functionality .functionalities .txt {
    padding: 20px;
    background: #fafafa;
    text-align: center; }
  body.labo.functionality .functionalities .material {
    margin: 10px 0 0 0;
    color: #ff7d82;
    font-size: 1.4rem; }
body.labo.survey .submenu .menu_6 a {
  border-bottom: 2px solid #008b4d; }
body.labo.survey .sec .wrap,
body.labo.survey .sec_sub .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
body.labo.survey p.green {
  color: #00994c;
  font-size: 1.2rem; }
body.labo.survey .sec_1 .img {
  width: 25%; }
  body.labo.survey .sec_1 .img p {
    font-size: 0.8rem; }
body.labo.survey .sec_1 .txt {
  width: 70%; }
body.labo.survey .sec_2 .img {
  width: 35%; }
  body.labo.survey .sec_2 .img p {
    font-size: 0.8rem;
    text-align: center; }
    body.labo.survey .sec_2 .img p b {
      font-size: 1rem; }
body.labo.survey .sec_2 .txt {
  width: 60%; }
body.labo.survey .sec_4 .img {
  width: 25%; }
body.labo.survey .sec_4 .txt {
  width: 70%; }
body.labo.survey .sec_5 .milk-title {
  margin-bottom: 10px;
  text-align: center;
  font-size: 1.2rem; }
body.labo.survey .sec_5 p {
  text-align: center; }
body.labo.survey .sec_5 img {
  display: block;
  margin: 20px auto 0;
  max-width: 300px;
  width: 100%; }
body.labo.survey .milk-now {
  max-width: 640px;
  margin: 40px auto;
  border: 1px solid #00994c; }
  body.labo.survey .milk-now h3 {
    background: #00994c;
    color: #fff;
    font-size: 1.2rem;
    padding: 10px;
    text-align: center; }
  body.labo.survey .milk-now .now-content {
    overflow: hidden;
    padding: 15px 25px;
    background: #fff; }
  body.labo.survey .milk-now .column {
    float: left;
    text-align: left;
    margin-bottom: 10px;
    border: none; }
    body.labo.survey .milk-now .column th {
      font-weight: bold;
      line-height: 30px;
      font-size: 16px;
      width: 18%;
      border: none;
      background: none; }
    body.labo.survey .milk-now .column tr {
      border: none; }
      body.labo.survey .milk-now .column tr:last-of-type {
        padding-top: 10px;
        border-top: 1px solid #bfbfbf; }
      body.labo.survey .milk-now .column tr:nth-of-type(5) th, body.labo.survey .milk-now .column tr:nth-of-type(5) td {
        padding-bottom: 13px; }
      body.labo.survey .milk-now .column tr:last-of-type th, body.labo.survey .milk-now .column tr:last-of-type td {
        padding-top: 13px; }
    body.labo.survey .milk-now .column td {
      padding: 6px 4px;
      line-height: 1.8em;
      border: none; }
      body.labo.survey .milk-now .column td.examine_item {
        width: 63%; }
      body.labo.survey .milk-now .column td span.orange, body.labo.survey .milk-now .column td span.green, body.labo.survey .milk-now .column td span.blue {
        font-size: 12px;
        padding: 5px 10px;
        color: #fff;
        border-radius: 30px; }
      body.labo.survey .milk-now .column td span.orange {
        background: #ff8131; }
      body.labo.survey .milk-now .column td span.green {
        background: #00994c; }
      body.labo.survey .milk-now .column td span.blue {
        background: #00d0e4; }
body.labo.survey .analytics_wrap p {
  position: relative;
  margin: 0;
  padding-left: 20px; }
  body.labo.survey .analytics_wrap p::before {
    content: " ";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px #00994c solid;
    display: block;
    position: absolute;
    top: 5px;
    left: 0; }
body.labo.survey .research_plan_statistics,
body.labo.survey .examine_plan_statistics {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 25px auto 5px;
  font-size: 1rem; }
  body.labo.survey .research_plan_statistics > div:first-child,
  body.labo.survey .examine_plan_statistics > div:first-child {
    width: 38%;
    border-right: 2px solid #00994c; }
  body.labo.survey .research_plan_statistics > div:last-child,
  body.labo.survey .examine_plan_statistics > div:last-child {
    width: 57%; }
  body.labo.survey .research_plan_statistics ul li,
  body.labo.survey .examine_plan_statistics ul li {
    margin-bottom: 10px; }
body.labo.survey .footer-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0 auto 45px; }
  body.labo.survey .footer-box .milk_box_shadow_green {
    position: relative;
    width: 47%;
    margin: 0;
    padding: 19px 31px;
    border: 2px solid #95d100;
    -webkit-box-shadow: 7px 9px 0px -1px rgba(149, 209, 0, 0.3);
            box-shadow: 7px 9px 0px -1px rgba(149, 209, 0, 0.3);
    font-weight: bold;
    background: #fff; }
    body.labo.survey .footer-box .milk_box_shadow_green h4 {
      font-size: 1.1rem;
      padding-bottom: 10px;
      color: #4d4d4d;
      border-bottom: 1px solid #96dc00;
      text-align: left;
      margin-bottom: 10px;
      text-align: center; }
    body.labo.survey .footer-box .milk_box_shadow_green p {
      margin: 0;
      font-size: 0.8rem; }
      body.labo.survey .footer-box .milk_box_shadow_green p em {
        font-size: 0.7rem; }
body.labo.achievements .submenu .menu_7 a {
  border-bottom: 2px solid #008b4d; }
body.labo.achievements .results_link_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  body.labo.achievements .results_link_wrap a {
    position: relative;
    display: block;
    background: #95d100;
    color: #fff;
    font-size: 2rem;
    padding: 46px;
    text-align: center; }
    body.labo.achievements .results_link_wrap a::before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 10px;
      left: 10px;
      display: block;
      width: 100%;
      height: 100%;
      border: 2px solid #95d100;
      background: #fff; }
body.labo.articles .submenu .menu_7 a {
  border-bottom: 2px solid #008b4d; }
body.labo.articles .table-faq {
  width: 100%;
  border: #00994c 1px solid; }
  body.labo.articles .table-faq th {
    padding: 16px;
    text-align: center;
    background-color: #00994c;
    color: #fff;
    font-weight: bold; }
  body.labo.articles .table-faq td {
    padding: 5px 15px 0 40px;
    width: 33.333%;
    background: #fff; }
    body.labo.articles .table-faq td a {
      font-weight: bold; }
      body.labo.articles .table-faq td a:hover {
        color: #00994c; }
        body.labo.articles .table-faq td a:hover span::before, body.labo.articles .table-faq td a:hover span::after {
          background-color: #009a4d;
          width: 2px; }
      body.labo.articles .table-faq td a span {
        position: relative;
        left: -20px;
        color: #000;
        top: 7px; }
        body.labo.articles .table-faq td a span::before, body.labo.articles .table-faq td a span::after {
          background-color: #000; }
body.labo.articles .cross_icon {
  position: relative;
  top: 1px;
  width: 12px;
  height: 12px; }
  body.labo.articles .cross_icon::before, body.labo.articles .cross_icon::after {
    position: absolute;
    top: -5px;
    left: 4px;
    content: " ";
    height: 12px;
    width: 1px;
    background-color: #96d200;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    border-radius: 10px; }
  body.labo.articles .cross_icon::before {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
body.labo.articles .faq {
  width: 100%;
  overflow: hidden;
  margin-top: 40px; }
  body.labo.articles .faq .faq-title {
    color: #00994c;
    text-align: right;
    width: 100%;
    overflow: hidden; }
    body.labo.articles .faq .faq-title .title {
      font-size: 1.8rem;
      text-align: left; }
    body.labo.articles .faq .faq-title .sub {
      display: block;
      padding-bottom: 7px; }
  body.labo.articles .faq .faq-content {
    width: 100%;
    border-top: 1px #00994c solid;
    overflow: hidden;
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    body.labo.articles .faq .faq-content .box-left {
      width: 70%;
      background: url(../images/common/pdf.png) no-repeat; }
      body.labo.articles .faq .faq-content .box-left p {
        padding-left: 45px; }
    body.labo.articles .faq .faq-content .box-right {
      width: 28%; }
    body.labo.articles .faq .faq-content a {
      font-size: 0.8rem; }
      body.labo.articles .faq .faq-content a:hover {
        color: #00994c; }
      body.labo.articles .faq .faq-content a p {
        margin: 0; }
    body.labo.articles .faq .faq-content p {
      text-align: left;
      font-weight: bold; }
body.labo.benefit.top .submenu .menu_1 a {
  border-bottom: 2px solid #008b4d; }
body.labo.immunity .submenu .menu_2 a {
  border-bottom: 2px solid #008b4d; }
body.labo.immunity .block-title {
  background-color: #e9f5cb;
  position: relative;
  width: 100%;
  margin: 40px auto;
  padding: 20px 0;
  text-align: center; }
body.labo.immunity .block-number {
  width: 60px;
  height: 60px;
  color: #00994c;
  font-weight: bold;
  font-size: 24px;
  border: 2px solid #95d100;
  position: absolute;
  top: -25px;
  left: 25px;
  line-height: 51px;
  background: #fff;
  text-align: center; }
body.labo.immunity .milk-title-noborder {
  font-weight: bold;
  color: #00994c;
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 1.6rem; }
body.labo.immunity .ttl_img {
  text-align: center; }
  body.labo.immunity .ttl_img + p {
    margin-top: 20px; }
body.labo.immunity .sec_sub {
  text-align: center; }
body.labo.immunity .annotation_list {
  margin-top: 20px; }
  body.labo.immunity .annotation_list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 10px 0; }
  body.labo.immunity .annotation_list .mark {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 3rem;
    text-align: right; }
  body.labo.immunity .annotation_list .txt {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    text-align: left; }
body.labo.opn .submenu .menu_3 a {
  border-bottom: 2px solid #008b4d; }
body.labo.opn .bibliography h3 {
  margin-bottom: 20px;
  padding-bottom: 5px;
  font-size: 15px;
  text-align: left;
  border-bottom: 1px solid #4d4d4d;
  font-weight: bold; }
body.labo.opn .bibliography li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 20px;
  text-align: left; }
  body.labo.opn .bibliography li .num {
    position: absolute;
    top: 0;
    left: 0; }
    body.labo.opn .bibliography li .num::after {
      content: ".";
      display: inline-block;
      margin-right: 5px; }
body.mobile_setting b {
  font-family: "Noto Sans JP"; }

/*----------------------------*/
/*SP用 CSS*/
/*----------------------------*/
@media only screen and (max-width: 680px) {
  .pc {
    display: none !important; }

  .sp {
    display: block !important; }

  .inner {
    width: 100%; }

  .env {
    display: none; }

  .table_wrap {
    position: relative;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch; }
    .table_wrap:hover .scroll {
      display: none; }
    .table_wrap .scroll {
      position: absolute;
      top: 3px;
      left: 20px;
      width: 16px;
      height: 16px;
      background: #fff url(../images/common/icon_arrow_left_orange.svg) no-repeat center center/cover;
      border-radius: 20px;
      -webkit-animation: scroll_arrow 2s infinite;
              animation: scroll_arrow 2s infinite; }
    .table_wrap table {
      width: auto;
      min-width: 100%; }
    .table_wrap th,
    .table_wrap td {
      width: auto;
      word-break: keep-all;
      white-space: nowrap; }

  @-webkit-keyframes scroll_arrow {
    0% {
      left: 20px;
      opacity: 0; }
    10% {
      left: 20px;
      opacity: 1; }
    90% {
      left: 0px;
      opacity: 1; }
    100% {
      left: 0px;
      opacity: 0; } }

  @keyframes scroll_arrow {
    0% {
      left: 20px;
      opacity: 0; }
    10% {
      left: 20px;
      opacity: 1; }
    90% {
      left: 0px;
      opacity: 1; }
    100% {
      left: 0px;
      opacity: 0; } }
  .common_header {
    padding: 5px;
    height: 47px; }
    .common_header .logo {
      width: 100px;
      margin-left: -50px;
      margin-top: -16px; }
      .common_header .logo img {
        width: 96px;
        height: 30px; }
    .common_header .header_navi li {
      margin-right: 10px; }
    .common_header .header_navi button,
    .common_header .header_navi a {
      font-size: 0.4rem;
      line-height: 0.4rem; }
      .common_header .header_navi button img,
      .common_header .header_navi a img {
        width: 24px;
        height: 24px; }
      .common_header .header_navi button p,
      .common_header .header_navi a p {
        margin: 2px 0 0 0; }
    .common_header .btn_menu {
      right: 5px;
      margin-top: -11px;
      padding: 3px 0;
      width: 22px; }
      .common_header .btn_menu.open .top {
        -webkit-transform: rotate(-45deg) translateY(5px) translateX(-5px);
                transform: rotate(-45deg) translateY(5px) translateX(-5px); }
      .common_header .btn_menu.open .middle {
        opacity: 0; }
      .common_header .btn_menu.open .bottom {
        -webkit-transform: rotate(45deg) translateY(-5px) translateX(-5px);
                transform: rotate(45deg) translateY(-5px) translateX(-5px); }
    .common_header .gnavi {
      width: 100%; }
    .common_header .gnavi_header {
      height: 220px; }
      .common_header .gnavi_header .header_message {
        top: 5px;
        right: 30px;
        font-size: 0.8rem; }
    .common_header .icon_link {
      height: 130px;
      padding: 30px 0 10px; }
      .common_header .icon_link a img {
        height: 30px; }
    .common_header .main_link li a,
    .common_header .main_link li .btn_tgl {
      font-size: 0.9rem; }

  .common_footer .inner {
    width: 100%;
    margin: auto; }
  .common_footer .footer_contents_links {
    width: 100%;
    padding: 15px; }
    .common_footer .footer_contents_links li {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%; }
    .common_footer .footer_contents_links a {
      font-size: 0.7rem;
      line-height: 0.7rem; }
  .common_footer .footer_sns_links {
    padding: 15px 0; }
    .common_footer .footer_sns_links > .ttl {
      margin: -13px 0 0 -140px;
      font-size: 0.5rem; }
    .common_footer .footer_sns_links li {
      margin: 0 10px; }
    .common_footer .footer_sns_links a img {
      width: 20px;
      height: 20px; }
  .common_footer .footer_navi ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: -10px; }
  .common_footer .footer_navi li {
    padding: 0 15px;
    margin-bottom: 10px;
    border: none; }
  .common_footer .footer_navi a {
    font-size: 0.7rem;
    line-height: 0.7rem; }
  .common_footer .logo {
    width: 50%; }
    .common_footer .logo img {
      height: auto; }
  .common_footer .copyright {
    font-size: 0.6rem;
    line-height: 0.6rem; }
  .common_footer .footer_link_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 15px; }
    .common_footer .footer_link_list::before {
      position: static;
      margin: 0 0 10px 0; }
    .common_footer .footer_link_list li {
      padding: 0;
      margin: 0 0 10px 0;
      border: none; }
      .common_footer .footer_link_list li:last-of-type {
        margin-bottom: 0; }

  #mainContent {
    margin-top: 47px; }
    #mainContent > .inner {
      width: calc(100% - 30px);
      margin-left: auto;
      margin-right: auto; }

  .sec {
    margin-bottom: 30px; }

  .ttl_sec {
    margin-bottom: 15px;
    font-size: 1.4rem; }

  .recommend_select_box {
    top: 30px;
    width: 80%;
    margin-left: -40%;
    padding: 3vw;
    border-radius: 5vw; }
    .recommend_select_box .btn_close {
      top: -20px;
      right: -20px;
      width: 40px; }
    .recommend_select_box .month_list li {
      width: 23.5%; }
    .recommend_select_box .month_list a {
      padding: 1.5vw; }
    .recommend_select_box .month_list .ttl {
      margin-bottom: 1vw;
      font-size: 2vw;
      line-height: 2vw; }
    .recommend_select_box .month_list .num {
      font-size: 8vw;
      line-height: 8vw; }

  .age_console {
    margin-top: -30%;
    -webkit-transform: scale(0.6) translate(32%);
            transform: scale(0.6) translate(32%); }

  .recommend_wrap {
    overflow: hidden;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%); }
    .recommend_wrap .slide_btn_wrap {
      margin-top: -15px; }
    .recommend_wrap .prev {
      left: -5px; }
    .recommend_wrap .next {
      right: -5px; }

  .recommend_article_wrap {
    overflow: visible;
    width: calc(100% - 30px);
    margin: auto; }

  .recommend_article_list .title {
    font-size: 0.8rem;
    line-height: 1rem; }

  .icon_tab {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 3%; }
    .icon_tab li {
      width: auto;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 22.75%;
              flex: 0 0 22.75%; }
    .icon_tab .icon {
      width: 100%; }

  body.home_top .mv {
    padding: 4% 0;
    height: 40vw; }
    body.home_top .mv .btn_serial_number,
    body.home_top .mv .btn_point_announce {
      top: 3vw;
      width: 14vw; }
      body.home_top .mv .btn_serial_number img,
      body.home_top .mv .btn_point_announce img {
        width: 100%;
        height: auto; }
    body.home_top .mv .btn_point_announce {
      left: -5vw; }
    body.home_top .mv .btn_serial_number {
      left: 12vw; }
    body.home_top .mv .btn_whatmamecomi {
      bottom: 0;
      width: 22vw; }
  body.home_top .mv_slide {
    height: auto; }
    body.home_top .mv_slide li {
      width: auto;
      height: 100%; }
  body.home_top .news_slide_wrap {
    padding: 8px;
    height: 30px; }
  body.home_top .news_slide a {
    font-size: 0.8rem;
    line-height: 0.8rem; }
  body.home_top .member_header_top .name {
    top: 10px;
    left: 20px;
    margin-left: 0;
    width: 30%;
    font-size: 5vw;
    line-height: 5vw; }
    body.home_top .member_header_top .name::before {
      display: none; }
  body.home_top .member_header_bottom {
    padding: 10px 0; }
    body.home_top .member_header_bottom .children_list_wrap::before {
      top: 0;
      margin-top: 30px;
      height: calc(100% - 35px); }
    body.home_top .member_header_bottom .children .ttl {
      position: relative;
      top: unset;
      left: unset;
      margin: 0 0 5px 0;
      text-align: center;
      font-size: 0.8rem;
      color: #fff; }
    body.home_top .member_header_bottom .children_list {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      body.home_top .member_header_bottom .children_list li {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        margin: 0 5px; }
      body.home_top .member_header_bottom .children_list .icon {
        width: 50px; }
      body.home_top .member_header_bottom .children_list .name {
        font-size: 0.7rem;
        line-height: 0.7rem; }
      body.home_top .member_header_bottom .children_list .month {
        font-size: 0.5rem;
        line-height: 0.5rem; }
    body.home_top .member_header_bottom .regist_links {
      width: 96%;
      margin: auto; }
  body.home_top .home_btm_banners {
    width: 100%;
    overflow: hidden; }
    body.home_top .home_btm_banners li a {
      display: block;
      width: 50%;
      margin: auto; }
  body.home_top .sec > .ttl_sec::before {
    position: absolute;
    top: 8px;
    left: 0;
    width: 15px; }
  body.home_top .sec_recommend_links {
    padding: 10px 0; }
    body.home_top .sec_recommend_links::before {
      top: -10px;
      left: 20px;
      margin-left: 0;
      width: 100px; }
    body.home_top .sec_recommend_links > .ttl {
      position: static;
      margin: 0 0 5px 0;
      text-align: center;
      font-size: 0.8rem;
      line-height: 0.8rem; }
    body.home_top .sec_recommend_links ul li img {
      width: 100%;
      height: auto; }
  body.home_top .recommend_links {
    overflow: visible;
    width: calc(100% - 30px);
    height: calc(20vw + 10px);
    margin: auto; }
    body.home_top .recommend_links ul {
      width: 100%;
      height: 100%; }
    body.home_top .recommend_links li {
      height: 10vw !important; }
      body.home_top .recommend_links li img {
        width: 100%; }
  body.home_top .news_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column; }
    body.home_top .news_list li {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%; }
      body.home_top .news_list li:last-of-type {
        margin-bottom: 0px;
        padding-bottom: 0px;
        border: none; }
  body.home_top .campaign_list .campaign_bnr span {
    font-size: 0.7rem;
    line-height: 0.9rem; }
  body.home_top .sec_links {
    margin-top: 20px; }
    body.home_top .sec_links .slick-slide {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  body.home_top.memberLogin .mv {
    padding: 8% 0 8% 0; }
  body.recommend.top .recommend_select_tab {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-bottom: 20px; }
    body.recommend.top .recommend_select_tab li {
      margin: 0;
      width: 45%; }
      body.recommend.top .recommend_select_tab li img {
        width: 100%; }
  body.recommend.top .recommend_month_select .child_recommend_wrap .sec {
    width: 100%; }
  body.recommend.top .recommend_month_select .child_recommend_wrap li {
    width: 100%; }
  body.recommend.top .recommend_month_select li {
    width: 49%; }
    body.recommend.top .recommend_month_select li span {
      font-size: 0.9rem; }
  body.recommend.top .icon_tab {
    margin-bottom: 20px; }
  body.recommend_article .mv_wrap .mv_img {
    width: 100%;
    margin: 0 0 20px; }
    body.recommend_article .mv_wrap .mv_img img {
      -o-object-fit: cover;
         object-fit: cover;
      width: 100%;
      height: 100%; }
  body.recommend_article .mv_wrap .age_box {
    top: 15%;
    right: 10%;
    width: 30%;
    padding: 2%; }
    body.recommend_article .mv_wrap .age_box .ttl {
      font-size: 4.5vw; }
    body.recommend_article .mv_wrap .age_box .num {
      font-size: 20vw;
      line-height: 10vw; }
    body.recommend_article .mv_wrap .age_box .pic {
      right: -25%;
      bottom: -35%;
      width: 80%; }
  body.recommend_article .mv_wrap .age_data_wrap {
    height: 8vw; }
    body.recommend_article .mv_wrap .age_data_wrap .age_data dt, body.recommend_article .mv_wrap .age_data_wrap .age_data dd {
      padding: 2vw 0; }
    body.recommend_article .mv_wrap .age_data_wrap .age_data dt {
      margin-right: 2vw;
      font-size: 3vw;
      line-height: 3vw; }
    body.recommend_article .mv_wrap .age_data_wrap .age_data dd {
      margin-right: 3vw;
      font-size: 4vw;
      line-height: 4vw; }
      body.recommend_article .mv_wrap .age_data_wrap .age_data dd:last-of-type {
        margin: 0; }
    body.recommend_article .mv_wrap .age_data_wrap .last_month::before,
    body.recommend_article .mv_wrap .age_data_wrap .next_month::before {
      display: none; }
    body.recommend_article .mv_wrap .age_data_wrap .last_month::after,
    body.recommend_article .mv_wrap .age_data_wrap .next_month::after {
      width: 2.5vw;
      margin-top: -1.25vw; }
    body.recommend_article .mv_wrap .age_data_wrap .last_month .stage,
    body.recommend_article .mv_wrap .age_data_wrap .next_month .stage {
      font-size: 2vw;
      line-height: 2vw; }
    body.recommend_article .mv_wrap .age_data_wrap .last_month .num,
    body.recommend_article .mv_wrap .age_data_wrap .next_month .num {
      font-size: 4vw;
      line-height: 3vw; }
    body.recommend_article .mv_wrap .age_data_wrap .last_month .unit,
    body.recommend_article .mv_wrap .age_data_wrap .next_month .unit {
      font-size: 2.5vw;
      line-height: 2.5vw; }
    body.recommend_article .mv_wrap .age_data_wrap .last_month {
      padding: 2vw 5vw 2vw 7vw; }
      body.recommend_article .mv_wrap .age_data_wrap .last_month::after {
        left: 7%; }
    body.recommend_article .mv_wrap .age_data_wrap .next_month {
      padding: 2vw 7vw 2vw 5vw; }
      body.recommend_article .mv_wrap .age_data_wrap .next_month::after {
        right: 7%; }
  body.recommend_article .intro {
    width: 90%;
    margin: 0 auto 20px; }
    body.recommend_article .intro .ttl {
      margin-bottom: 15px;
      font-size: 1.2rem;
      line-height: 1.4rem;
      text-align: left; }
  body.recommend_article .cate_narrow_down {
    margin-bottom: 20px; }
    body.recommend_article .cate_narrow_down ul {
      gap: 5px; }
    body.recommend_article .cate_narrow_down a {
      padding: 5px;
      font-size: 1.2rem;
      line-height: 1.2rem; }
  body.recommend_article .ttl_recommend_list {
    font-size: 1.6rem; }
  body.recommend_article .sec_recommend {
    width: calc(100% - 30px);
    margin: 0 auto 40px; }
    body.recommend_article .sec_recommend .ttl_recommend {
      margin-bottom: 10px;
      font-size: 1.4rem;
      line-height: 1.4rem; }
    body.recommend_article .sec_recommend .btn_wrap {
      position: static;
      margin-bottom: 10px; }
  body.recommend_article .period_article_list .tn {
    width: 30%;
    margin-bottom: 10px; }
  body.recommend_article .period_article_list .article_info {
    width: 65%; }
  body.recommend_article .period_article_list .title {
    font-size: 1.3rem; }
  body.recommend_article.case2 .intro .ttl {
    font-size: 1.2rem; }
  body.recommend_article.case2 .ttl_recommend_list {
    font-size: 1.2rem; }
  body.recommend_article.case2 .cate_tab_wrap {
    width: 100%;
    margin: 0 auto 30px; }
  body.recommend_article.case2 .slide_btn_wrap {
    display: none; }
  body.calendar_event .ttl_main {
    padding: 10px;
    font-size: 1.2rem; }
  body.calendar_event .ttl_event {
    font-size: 1.4rem;
    line-height: 1.6rem; }
  body.calendar_event .age_event .stage {
    font-size: 0.8rem;
    line-height: 0.8rem; }
  body.calendar_event .age_event .num {
    font-size: 1rem;
    line-height: 1rem; }
  body.calendar_event .sec > .ttl {
    margin-bottom: 10px;
    font-size: 1rem; }
  body.calendar_event.top .ttl_main {
    margin-bottom: 20px; }
  body.food_recipes .mv {
    margin-bottom: 15px; }
  body.food_recipes.top .ttl_main {
    margin-bottom: 15px;
    font-size: 1.6rem; }
  body.food_recipes.detail .ttl_main {
    padding: 10px;
    font-size: 1.2rem; }
  body.food_recipes.detail .main_text {
    font-size: 0.9rem;
    line-height: 1.3rem; }
  body.food_recipes.detail .tab_menu li {
    padding: 10px 15px;
    font-size: 0.9rem;
    line-height: 0.9rem; }
  body.food_recipes.detail .recipe_stuff_list li {
    font-size: 0.8rem; }
    body.food_recipes.detail .recipe_stuff_list li span:first-of-type {
      margin-right: 10px; }
  body.food_recipes.detail .recipe_method_list li {
    font-size: 0.8rem;
    line-height: 1.1rem; }
  body.food_recipes.detail .recipe_method_list .num {
    min-width: 1.5rem; }
  body.recipe_qa main .inner {
    width: calc(100% - 30px); }
  body.recipe_qa.top .mv {
    width: 100%;
    overflow-x: hidden;
    padding-top: 130vw;
    margin-bottom: 50px; }
    body.recipe_qa.top .mv .ttl_main img,
    body.recipe_qa.top .mv .ttl_sub img,
    body.recipe_qa.top .mv .main img,
    body.recipe_qa.top .mv .meal img,
    body.recipe_qa.top .mv .fig img {
      width: 100%; }
    body.recipe_qa.top .mv .ttl_main {
      z-index: 1;
      margin: 84vw 0 0 -50vw;
      width: 100%; }
    body.recipe_qa.top .mv .ttl_sub {
      z-index: 1;
      width: 15vw;
      margin: 5vw 0 0 -43vw; }
    body.recipe_qa.top .mv .main {
      margin: 0 0 0 -50vw;
      width: 100vw; }
    body.recipe_qa.top .mv .meal {
      margin: 110vw 0px 0 -60vw;
      width: 120%; }
    body.recipe_qa.top .mv .fig {
      margin: 27vw 0 0 12vw;
      width: 35vw; }
    body.recipe_qa.top .mv .profile {
      position: static;
      margin: 15px 0 0 0; }
      body.recipe_qa.top .mv .profile img {
        width: 100%; }
    body.recipe_qa.top .mv .lede {
      padding: 0 15px;
      background: #fff; }
      body.recipe_qa.top .mv .lede::before {
        top: -15vw; }
      body.recipe_qa.top .mv .lede::after {
        bottom: -15vw;
        background: url(../images/recipe_qa/frame_bottom.png) no-repeat center bottom/100% auto; }
      body.recipe_qa.top .mv .lede p {
        padding: 18vw 0 15px;
        text-align: left; }
  body.recipe_qa.top .ttl_sub {
    font-size: 1.1rem; }
  body.recipe_qa.top .sec_3 .ttl {
    font-size: 1.4rem; }
  body.recipe_qa.top .sec_3 .cate_links li {
    width: 48%; }
  body.recipe_qa.top .baby_periods {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 80%;
    margin: 20px auto; }
    body.recipe_qa.top .baby_periods li {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row;
              flex-flow: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 10px; }
      body.recipe_qa.top .baby_periods li:last-of-type {
        margin-bottom: 0; }
    body.recipe_qa.top .baby_periods .period {
      margin-right: 5px; }
  body.recipe_qa.cate .mv {
    height: 30vw; }
    body.recipe_qa.cate .mv .main {
      width: 50vw;
      margin: -8vw 0 0 -57vw; }
    body.recipe_qa.cate .mv .ttl_main {
      width: 63vw;
      margin: 5vw 0 0 -18vw; }
  body.recipe_qa.cate .cate_links_wrap {
    position: relative;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    aspect-ratio: 7 / 3;
    padding: 15px 0;
    background: #fff; }
    body.recipe_qa.cate .cate_links_wrap .btn_prev {
      left: 50%;
      margin-left: -28%;
      background: url(../images/recipe_qa/icon_prev.svg) no-repeat center/contain; }
      body.recipe_qa.cate .cate_links_wrap .btn_prev::after {
        display: none; }
    body.recipe_qa.cate .cate_links_wrap .btn_next {
      right: 50%;
      margin-right: -28%;
      background: url(../images/recipe_qa/icon_next.svg) no-repeat center/contain; }
      body.recipe_qa.cate .cate_links_wrap .btn_next::after {
        display: none; }
    body.recipe_qa.cate .cate_links_wrap .swiper-pagination {
      bottom: 0; }
    body.recipe_qa.cate .cate_links_wrap .swiper-pagination-bullet-active {
      background: #ABCD03; }
  body.recipe_qa.cate .cate_links {
    width: 100%; }
    body.recipe_qa.cate .cate_links a {
      display: block;
      opacity: 0.4; }
      body.recipe_qa.cate .cate_links a img {
        width: 100%; }
    body.recipe_qa.cate .cate_links ul {
      margin: 0;
      padding: 0; }
    body.recipe_qa.cate .cate_links li.on a {
      opacity: 1; }
  body.recipe_qa.cate .sec_main {
    padding: 15px 0; }
    body.recipe_qa.cate .sec_main .ttl {
      margin-bottom: 10px;
      padding: 15px;
      font-size: 1.3rem;
      line-height: 1.5rem; }
      body.recipe_qa.cate .sec_main .ttl small {
        font-size: 0.9rem; }
    body.recipe_qa.cate .sec_main .lede {
      text-align: left;
      font-size: 1rem; }
      body.recipe_qa.cate .sec_main .lede br {
        display: none; }
  body.recipe_qa.cate .sec_mokuji .ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center; }
    body.recipe_qa.cate .sec_mokuji .ttl .cate {
      margin: 0; }
  body.recipe_qa.cate .sec_mokuji .mokuji_list li:nth-child(n + 4) {
    display: none; }
  body.recipe_qa.cate .sec_mokuji .mokuji_list a {
    font-size: 0.9rem; }
  body.recipe_qa.cate .sec_mokuji .btn_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 15px; }
  body.recipe_qa.cate .sec_mokuji .btn_tgl {
    font-family: "Zen Maru Gothic";
    color: #5A412C;
    border: none;
    background: none;
    font-size: 0.9rem;
    font-weight: 500; }
  body.recipe_qa.cate .answer .ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center; }
    body.recipe_qa.cate .answer .ttl .cate {
      margin: 0; }
  body.recipe_qa.cate .answer .answer_list li {
    margin-bottom: 25px; }
  body.recipe_qa.cate .answer .answer_list .q + .img {
    aspect-ratio: 46 / 25; }
  body.recipe_qa.cate .profile {
    margin-bottom: 20px; }
  body.recipe_qa.cate .page_link {
    margin-top: 30px; }
    body.recipe_qa.cate .page_link a {
      font-size: 1rem;
      line-height: 1.1rem; }
  body.recipe_qa_old .mv {
    margin: 0 0 15px 0; }
    body.recipe_qa_old .mv .sp {
      text-align: right; }
      body.recipe_qa_old .mv .sp img {
        width: 96%; }
  body.recipe_qa_old .intro {
    width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto; }
  body.recipe_qa_old .mokuji {
    width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto; }
  body.recipe_qa_old .sec > p {
    width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto; }
  body.recipe_qa_old .qa_list {
    width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto; } }

/*# sourceMappingURL=style.css.map */