@charset "UTF-8";
.gothic {
  font-family: "Inter", "Noto Sans JP", sans-serif;
}

#yogurt-day {
  color: #333;
  font-family: "Inter", "Noto Sans JP", sans-serif;
  font-size: 14px;
  /*modal*/
}
#yogurt-day #wrap {
  z-index: 1;
}
#yogurt-day .contents {
  overflow: hidden;
  font-size: 16px;
  /*animation*/
  /*メインビジュアル*/
  /*comingsoon*/
}
#yogurt-day .contents p,
#yogurt-day .contents h1,
#yogurt-day .contents h2,
#yogurt-day .contents h3,
#yogurt-day .contents h4,
#yogurt-day .contents h5,
#yogurt-day .contents h6,
#yogurt-day .contents a,
#yogurt-day .contents li,
#yogurt-day .contents caption,
#yogurt-day .contents td,
#yogurt-day .contents th,
#yogurt-day .contents dt,
#yogurt-day .contents dd,
#yogurt-day .contents input,
#yogurt-day .contents textarea,
#yogurt-day .contents select,
#yogurt-day .contents address {
  font-family: "Inter", "Noto Sans JP", sans-serif;
}
#yogurt-day .contents a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.3s;
}
#yogurt-day .contents a:hover {
  opacity: 0.7;
}
#yogurt-day .contents img {
  max-width: none;
  vertical-align: bottom;
  image-rendering: -webkit-optimize-contrast;
}
#yogurt-day .contents img[src$=svg] {
  max-width: 100%;
}
#yogurt-day .contents section {
  position: relative;
}
#yogurt-day .contents .inner {
  margin: 0 auto;
  width: 1000px;
}
#yogurt-day .contents .anchor-wrap {
  position: relative;
}
#yogurt-day .contents .anchor-wrap + .headline-line {
  margin-top: 67px;
}
#yogurt-day .contents .anchor,
#yogurt-day .contents .anchor_external {
  display: block;
  position: absolute;
  top: 0;
}
#yogurt-day .contents .flexbox {
  display: flex;
}
@media only screen and (min-width: 751px) {
  #yogurt-day .contents .pc_hidden {
    display: none !important;
  }
}
@keyframes fadeInUp {
  0% {
    transform: translateY(10%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes fadeInUpX50 {
  0% {
    transform: translate(-50%, 10%);
    opacity: 0;
  }
  100% {
    transform: translateY(-50%, 0%);
    opacity: 1;
  }
}
#yogurt-day .contents .inview__fadeInUp {
  opacity: 0;
}
#yogurt-day .contents .inview__fadeInUp.animation {
  animation: fadeInUp 1s 0s both;
}
#yogurt-day .contents #kv {
  background: #E0E8EE;
  text-align: center;
}
#yogurt-day .contents #kv img, #yogurt-day .contents #kv picture {
  width: 100%;
  max-width: 1920px;
  height: auto;
}
#yogurt-day .contents .comingsoon__section {
  padding: 254px 0 85px;
  background: url(../images/navi-wave.webp) no-repeat #F8F8F8;
  background-position-y: -34px;
  background-size: 1423px auto;
  text-align: center;
}
@media only screen and (min-width: 1424px) {
  #yogurt-day .contents .comingsoon__section {
    background-size: 100% auto;
  }
}
#yogurt-day .contents .comingsoon-img {
  margin: -336px 0 0 -358px;
}

#yogurt-day {
  padding-top: 0;
}
#yogurt-day #header_anchor + #js-header ~ .fix ~ #kv {
  padding-top: 131px;
}
#yogurt-day #js-header img,
#yogurt-day #js-footer img {
  vertical-align: middle;
}
#yogurt-day #js-footer a {
  color: #666;
}

@media only screen and (max-width: 750px) {
  .inter {
    font-family: "Inter", sans-serif;
  }
  /* mixin css */
  /* ------------------------------------------------------------------------
    MEDIAQUERY
  ------------------------------------------------------------------------ */
  /*	COMMON
  -------------------------------------------------- */
  .pcOnly {
    display: none !important;
  }
  html, body {
    min-width: 0;
  }
  #yogurt-day #header-bulgaria {
    box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.2);
  }
  #yogurt-day .sp_mega_menu .mega_tab_box ul li a,
  #yogurt-day .menubar .menubar_box li.sub a,
  #yogurt-day .sp_mega_menu section.recipe h2,
  #yogurt-day .searchs_box .searchs_box_inner .narrowing_box .tbl_box p {
    font-size: 2.4rem;
  }
  #yogurt-day .searchs_box .searchs_box_inner ul.select_type li a,
  #yogurt-day .searchs_box .searchs_box_inner .recipe_white_btn a {
    font-size: 2.6rem;
  }
  #yogurt-day .menubar .menubar_box li a,
  #yogurt-day .recipe_detail_text,
  #yogurt-day .searchs_box .searchs_box_inner p input {
    font-size: 2.8rem;
  }
  #yogurt-day #wrap .contents {
    margin-top: 18.5357142857%;
    overflow: hidden;
    color: #333;
    font-family: "Inter", sans-serif;
    font-size: 8px;
    font-size: 4.0816326531vw;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*メインビジュアル*/
    /*comingsoon*/
  }
  #yogurt-day #wrap .contents p, #yogurt-day #wrap .contents h1, #yogurt-day #wrap .contents h2, #yogurt-day #wrap .contents h3, #yogurt-day #wrap .contents h4, #yogurt-day #wrap .contents h5, #yogurt-day #wrap .contents h6, #yogurt-day #wrap .contents a, #yogurt-day #wrap .contents li, #yogurt-day #wrap .contents caption, #yogurt-day #wrap .contents td, #yogurt-day #wrap .contents th, #yogurt-day #wrap .contents dt, #yogurt-day #wrap .contents dd, #yogurt-day #wrap .contents input, #yogurt-day #wrap .contents textarea, #yogurt-day #wrap .contents select, #yogurt-day #wrap .contents address {
    font-family: "Inter", sans-serif;
    font-size: inherit;
  }
  #yogurt-day #wrap .contents a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    transition: opacity 0.2s;
  }
  #yogurt-day #wrap .contents img {
    width: 100%;
    max-width: none;
    height: auto;
    vertical-align: bottom;
    -webkit-backface-visibility: hidden;
  }
  #yogurt-day #wrap .contents img[src$=svg] {
    max-width: 100%;
  }
  #yogurt-day #wrap .contents section {
    position: relative;
  }
  #yogurt-day #wrap .contents .anchor-wrap {
    position: relative;
  }
  #yogurt-day #wrap .contents .anchor-wrap + .headline-line {
    margin-top: 19.1326530612%;
  }
  #yogurt-day #wrap .contents .anchor,
  #yogurt-day #wrap .contents .anchor_external {
    display: block;
    position: absolute;
    top: 0;
  }
  #yogurt-day #wrap .contents .anchor#point,
  #yogurt-day #wrap .contents .anchor_external#point {
    top: -1.8214285714em;
  }
  #yogurt-day #wrap .contents .anchor_external {
    top: -2.595em;
  }
  #yogurt-day #wrap .contents .flexbox {
    display: flex;
  }
  #yogurt-day #wrap .contents .sp_hidden {
    display: none !important;
  }
  #yogurt-day #wrap .contents .inner {
    padding: 0 4.0816326531%;
    width: 100%;
  }
  #yogurt-day #wrap .contents .comingsoon__section {
    padding: 30.3571428571% 0 10.2040816327%;
    background: url(../images/navi-wave.webp) no-repeat #fff;
    background-position-y: 0;
    background-size: 100% auto;
  }
  #yogurt-day #wrap .contents .comingsoon__section .section-title {
    width: 89.2857142857%;
    margin: 0 auto;
  }
  #yogurt-day #wrap .contents .comingsoon-img {
    margin: 6.1224489796% 0px 0 7.6530612245%;
    width: 90.8163265306%;
  }
}