@charset "UTF-8";
/* ============================== base */
#suntory_contents {
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

/* ============================================================ @extend */
/* ============================================================ Minna */
#suntory_contents #contentsWrapper #contentsMain .sec_contents {
  margin-top: 0;
}
#suntory_contents #contentsWrapper .list_nav__link:before, #suntory_contents #contentsWrapper .list_nav__link:after {
  display: inline-block;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
#suntory_contents #contentsWrapper .list_nav__link:hover {
  text-decoration: none;
}
#suntory_contents #contentsWrapper .md-imgLink img {
  vertical-align: bottom;
}
#suntory_contents #contentsWrapper .md-box .md-box__img .md-img {
  vertical-align: bottom;
}
#suntory_contents #contentsWrapper .md-column__item .md-img {
  vertical-align: bottom;
}
#suntory_contents #contentsWrapper .md-button--more {
  position: relative;
  border-radius: 36px;
  background-color: #fff;
}
#suntory_contents #contentsWrapper .md-button--more .md-button__link {
  display: block;
  background-color: #65A33E;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: calc(27 / 18);
  border-radius: 36px;
  padding: 22px 63px;
}
#suntory_contents #contentsWrapper .md-button--more .md-button__link:after {
  content: "\e901";
  position: absolute;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  right: 30px;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
#suntory_contents #contentsWrapper .md-button--more .md-button__link:hover {
  text-decoration: none;
}
#suntory_contents #contentsWrapper .md-button--recipe {
  border-radius: 36px;
  background-color: #fff;
}
#suntory_contents #contentsWrapper .md-button--recipe .md-button__link {
  position: relative;
  display: block;
  background-color: #9C7059;
  color: #fff;
  text-align: center;
  border-radius: 36px;
}
#suntory_contents #contentsWrapper .md-button--recipe .md-button__link:after {
  content: "\e901";
  position: absolute;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  right: 30px;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
#suntory_contents #contentsWrapper .md-button--recipe .md-button__link:hover {
  text-decoration: none;
}
#suntory_contents #contentsWrapper .md-button--others .md-button__item {
  background-color: #fff;
  box-sizing: border-box;
}
#suntory_contents #contentsWrapper .md-button--others .md-button__item .md-button__link {
  position: relative;
  display: block;
  background-color: #fff;
  color: #000;
  text-align: center;
  border: 3px solid #65A33E;
}
#suntory_contents #contentsWrapper .md-button--others .md-button__item .md-button__link:after {
  content: "\e903";
  position: absolute;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  right: 16px;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  color: #65A33E;
  font-size: 24px;
  font-size: 1.5rem;
}
#suntory_contents #contentsWrapper .md-button--others .md-button__item .md-button__link:hover {
  text-decoration: none;
}
#suntory_contents #contentsWrapper .md-text--read {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: calc(27 / 18);
  font-weight: 300;
}
#suntory_contents #contentsWrapper .md-text--annotation {
  font-size: 14px;
  font-size: 0.875rem;
}
#suntory_contents #contentsWrapper .md-text--annotation + .md-text--annotation {
  margin-top: 5px;
}
#suntory_contents #contentsWrapper .imgFade {
  opacity: 0;
}
@media screen and (min-width: 768px) {
  #suntory_contents #contentsWrapper .none_sp {
    display: none;
  }
  #suntory_contents #contentsWrapper #contentsWrapper__inner {
    max-width: inherit;
    padding-bottom: 0;
  }
  #suntory_contents #contentsWrapper .directoryLink {
    width: 100%;
    max-width: 1164px;
    margin: 0 auto;
  }
  #suntory_contents #contentsWrapper #contentsMain .sec_contents {
    margin-top: 0;
  }
  #suntory_contents #contentsWrapper #contentsMain .sec_contents__inner {
    width: 960px;
    margin: 0 auto;
  }
  #suntory_contents #contentsWrapper .list_nav__link {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
  }
  #suntory_contents #contentsWrapper .list_nav--anchor .list_nav__link:after {
    margin-left: 10px;
  }
  #suntory_contents #contentsWrapper .md-imgLink {
    background: #fff;
    line-height: 1;
  }
  #suntory_contents #contentsWrapper .md-imgLink img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
  }
  #suntory_contents #contentsWrapper .md-imgLink:hover img {
    opacity: 0.47;
  }
  #suntory_contents #contentsWrapper .md-button--more .md-button__link {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
  }
  #suntory_contents #contentsWrapper .md-button--more .md-button__link:hover {
    opacity: 0.47;
  }
  #suntory_contents #contentsWrapper .md-button--recipe .md-button__link {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: calc(41 / 28);
    padding: 18px 63px;
  }
  #suntory_contents #contentsWrapper .md-button--recipe .md-button__link:hover {
    opacity: 0.47;
  }
  #suntory_contents #contentsWrapper .md-button--others .md-button__link {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: calc(36 / 24);
    padding: 15px 42px;
  }
  #suntory_contents #contentsWrapper .md-button--others .md-button__link:hover {
    opacity: 0.47;
  }
  #suntory_contents #contentsWrapper .md-button--col02 {
    display: flex;
    justify-content: space-between;
  }
  #suntory_contents #contentsWrapper .contentsVi .logo_sp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents #contentsWrapper .none_pc {
    display: none;
  }
  #suntory_contents #contentsWrapper #contentsMain {
    padding-bottom: 0;
  }
  #suntory_contents #contentsWrapper #contentsMain .sec_contents__inner {
    margin-bottom: 0;
  }
  #suntory_contents #contentsWrapper .md-imgLink img {
    width: 100%;
    height: auto;
  }
  #suntory_contents #contentsWrapper .md-button--recipe .md-button__link {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: calc(36 / 24);
    padding: 12px 50px;
  }
  #suntory_contents #contentsWrapper .md-button--others .md-button__link {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: calc(27 / 18);
    padding: 15px 39px 15px 10px;
  }
  #suntory_contents #contentsWrapper .md-button--col02 .md-button__item + .md-button__item {
    margin-top: 16px;
  }
  #suntory_contents #contentsWrapper .contentsVi .logo_pc {
    display: none;
  }
  #suntory_contents #contentsWrapper #sec_season {
    padding-top: 55px;
  }
}

/*reset*/
#suntoryCommonFt_end1 #suntoryCommonFt_notice {
  border-collapse: separate;
}