@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap");
body.meijisuprememilkparfait .milkparfaitWrap p, body.meijisuprememilkparfait .milkparfaitWrap h1, body.meijisuprememilkparfait .milkparfaitWrap h2, body.meijisuprememilkparfait .milkparfaitWrap h3, body.meijisuprememilkparfait .milkparfaitWrap h4, body.meijisuprememilkparfait .milkparfaitWrap a, body.meijisuprememilkparfait .milkparfaitWrap li, body.meijisuprememilkparfait .milkparfaitWrap td, body.meijisuprememilkparfait .milkparfaitWrap th, body.meijisuprememilkparfait .milkparfaitWrap dt, body.meijisuprememilkparfait .milkparfaitWrap dd, body.meijisuprememilkparfait .milkparfaitWrap small {
  color: #333333;
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
}
body.meijisuprememilkparfait .milkparfaitWrap h2, body.meijisuprememilkparfait .milkparfaitWrap h3, body.meijisuprememilkparfait .milkparfaitWrap h4 {
  font-weight: 700;
  line-height: 1;
}
body.meijisuprememilkparfait .milkparfaitWrap dt span, body.meijisuprememilkparfait .milkparfaitWrap small {
  display: block;
  color: #666666;
  font-size: 14px;
}
body.meijisuprememilkparfait .milkparfaitWrap h3 {
  margin-bottom: 80px;
  font-size: 36px;
}
body.meijisuprememilkparfait .milkparfaitWrap h3 span {
  padding-bottom: 10px;
  display: block;
  font-size: 28px;
}
body.meijisuprememilkparfait .milkparfaitWrap .innerWrap {
  padding: 160px 0;
  width: 1000px;
}
body.meijisuprememilkparfait .milkparfaitWrap .heading-ornaments {
  padding: 70px 0 120px;
  background: url(/meijisuprememilkparfait-common/images/heading-ornaments.png) center top no-repeat;
  background-size: 170px;
  font-size: 50px;
  text-align: center;
}
body.meijisuprememilkparfait .milkparfaitWrap .heading-ornaments span {
  padding-top: 14px;
  display: block;
  font-size: 24px;
}
body.meijisuprememilkparfait .milkparfaitWrap #kv {
  padding: 40px 40px 0;
  overflow: hidden;
  background: url(/meijisuprememilkparfait-common/images/about-milkparfait-bg-pc.jpg) center center no-repeat;
  background-size: cover;
}
body.meijisuprememilkparfait .milkparfaitWrap #kv h1 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc((100vw - 80px) * 0.521);
  background: url(/meijisuprememilkparfait-common/images/kv-pc.jpg) left top no-repeat;
  background-size: contain;
}
body.meijisuprememilkparfait .milkparfaitWrap #kv h1 img {
  padding-bottom: 9.5%;
  width: 20%;
  height: auto;
}
@media screen and (min-width: 1921px) {
  body.meijisuprememilkparfait .milkparfaitWrap #kv h1 {
    margin: 0 auto;
    width: 1842px;
    height: 960px;
  }
  body.meijisuprememilkparfait .milkparfaitWrap #kv h1 img {
    padding-bottom: 178px;
    width: 366px;
  }
}
@media screen and (max-width: 1079px) {
  body.meijisuprememilkparfait .milkparfaitWrap #kv h1 {
    width: 1000px;
    height: 521px;
  }
}
body.meijisuprememilkparfait .milkparfaitWrap #kv .about-milkparfait h2 {
  padding-bottom: 71px;
  font-size: 36px;
  font-weight: 600;
}
body.meijisuprememilkparfait .milkparfaitWrap #kv .about-milkparfait div {
  display: flex;
  justify-content: space-between;
}
body.meijisuprememilkparfait .milkparfaitWrap #kv .about-milkparfait div img {
  margin: -113px -89px 0 0;
}
body.meijisuprememilkparfait .milkparfaitWrap #kv .about-milkparfait div p {
  font-size: 18px;
  font-weight: 600;
  line-height: 2;
}
body.meijisuprememilkparfait .milkparfaitWrap .supervision-wrap {
  background: #fbfbfb;
}
body.meijisuprememilkparfait .milkparfaitWrap .supervision-wrap .supervision-detail {
  display: flex;
  align-items: center;
}
body.meijisuprememilkparfait .milkparfaitWrap .supervision-wrap .supervision-detail img {
  margin-left: -183px;
}
body.meijisuprememilkparfait .milkparfaitWrap .supervision-wrap .supervision-detail dl {
  padding: 0 0 10px 86px;
}
body.meijisuprememilkparfait .milkparfaitWrap .supervision-wrap .supervision-detail dt {
  font-size: 36px;
  font-weight: 700;
}
body.meijisuprememilkparfait .milkparfaitWrap .supervision-wrap .supervision-detail dd {
  padding-top: 50px;
  line-height: 1.5;
  text-align: justify;
}
body.meijisuprememilkparfait .milkparfaitWrap .making-wrap {
  background: url(/meijisuprememilkparfait-common/images/making-wrap-bg-pc.jpg) center top no-repeat;
  background-size: cover;
  text-align: center;
}
body.meijisuprememilkparfait .milkparfaitWrap .recipe-wrap {
  background: #fbfbfb;
  text-align: center;
}
body.meijisuprememilkparfait .milkparfaitWrap .recipe-wrap .recipe-detail {
  padding-top: 80px;
  display: flex;
  line-height: 1.5;
  text-align: left;
}
body.meijisuprememilkparfait .milkparfaitWrap .recipe-wrap .recipe-detail h4 {
  margin-bottom: 36px;
  padding-bottom: 40px;
  border-bottom: 1px solid #cccccc;
  font-size: 28px;
}
body.meijisuprememilkparfait .milkparfaitWrap .recipe-wrap .recipe-detail small {
  display: table;
}
body.meijisuprememilkparfait .milkparfaitWrap .recipe-wrap .recipe-detail small:before {
  display: table-cell;
  content: "※";
}
body.meijisuprememilkparfait .milkparfaitWrap .recipe-wrap .recipe-detail-material {
  padding-right: 86px;
}
body.meijisuprememilkparfait .milkparfaitWrap .recipe-wrap .recipe-detail-material dl {
  display: flex;
  justify-content: space-between;
  width: 430px;
  font-size: 1.7rem;
}
body.meijisuprememilkparfait .milkparfaitWrap .recipe-wrap .recipe-detail-material dl + dl {
  margin-top: 8px;
}
body.meijisuprememilkparfait .milkparfaitWrap .recipe-wrap .recipe-detail-material dl::before {
  display: inline-block;
  content: "・";
}
body.meijisuprememilkparfait .milkparfaitWrap .recipe-wrap .recipe-detail-material dt {
  padding-right: 8px;
  display: table;
  flex-shrink: 0;
}
body.meijisuprememilkparfait .milkparfaitWrap .recipe-wrap .recipe-detail-material dd {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
body.meijisuprememilkparfait .milkparfaitWrap .recipe-wrap .recipe-detail-material dd span {
  padding-left: 9px;
  flex-shrink: 0;
}
body.meijisuprememilkparfait .milkparfaitWrap .recipe-wrap .recipe-detail-material dd:before {
  width: 100%;
  background-image: linear-gradient(to right, rgba(153, 153, 153, 0.5) 2px, transparent 2px);
  background-repeat: repeat-x;
  background-position: left 0.8em;
  background-size: 5px 2px;
  content: "";
}
body.meijisuprememilkparfait .milkparfaitWrap .recipe-wrap .recipe-detail-material small {
  padding: 0 0 8px 1em;
}
body.meijisuprememilkparfait .milkparfaitWrap .recipe-wrap .recipe-detail-howto li {
  counter-increment: title;
}
body.meijisuprememilkparfait .milkparfaitWrap .recipe-wrap .recipe-detail-howto li + li {
  padding-top: 33px;
}
body.meijisuprememilkparfait .milkparfaitWrap .recipe-wrap .recipe-detail-howto dt {
  padding-bottom: 15px;
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
}
body.meijisuprememilkparfait .milkparfaitWrap .recipe-wrap .recipe-detail-howto dt:after {
  margin-left: 5px;
  position: relative;
  font-size: 24px;
  content: counter(title);
}
body.meijisuprememilkparfait .milkparfaitWrap .recipe-wrap .recipe-detail-howto dd {
  font-size: 1.7rem;
}
body.meijisuprememilkparfait .milkparfaitWrap .bnr_wrap {
  text-align: center;
}
body.meijisuprememilkparfait .milkparfaitWrap .bnr_wrap .innerWrap {
  padding: 60px 0;
}
body.meijisuprememilkparfait .milkparfaitWrap .bnr_wrap a {
  position: relative;
}
body.meijisuprememilkparfait .milkparfaitWrap .bnr_wrap a:hover {
  color: #0093d0;
}
body.meijisuprememilkparfait .milkparfaitWrap .bnr_wrap a.overlay {
  margin: 0 auto;
  width: 560px;
}
body.meijisuprememilkparfait .milkparfaitWrap .bnr_wrap a + a {
  margin-top: 23px;
  padding: 0 40px 5px 0;
  border-bottom: solid 1px;
  display: inline-block;
}
body.meijisuprememilkparfait .milkparfaitWrap .bnr_wrap a + a::after, body.meijisuprememilkparfait .milkparfaitWrap .bnr_wrap a + a::before {
  position: absolute;
  top: calc(50% - 2px);
  right: 6px;
  transform-origin: calc(100% - 0.5px) 50%;
  width: 9px;
  height: 1px;
  background-color: #333;
  content: "";
}
body.meijisuprememilkparfait .milkparfaitWrap .bnr_wrap a + a::before {
  transform: rotate(45deg);
}
body.meijisuprememilkparfait .milkparfaitWrap .bnr_wrap a + a::after {
  transform: rotate(-45deg);
}
body.meijisuprememilkparfait .milkparfaitWrap .bnr_wrap a + a:hover::after, body.meijisuprememilkparfait .milkparfaitWrap .bnr_wrap a + a:hover::before {
  background-color: #0093d0;
  transition: 0.3s;
}

.openModal {
  display: inline-block;
}
.openModal img {
  transition: opacity 0.75s;
}
.openModal:hover {
  opacity: 1;
}
.openModal:hover img {
  opacity: 0.8;
}

.videoModalStyle {
  margin: 0 auto;
  position: relative;
  width: 80%;
  max-width: 456px;
}
.videoModalStyle video {
  width: 100%;
}
.videoModalStyle .mfp-close {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  top: -50px;
  width: 40px;
  height: 40px;
  transition: 0.5s;
}
.videoModalStyle .mfp-close img {
  width: 100%;
}
.videoModalStyle button.mfp-close * {
  pointer-events: none;
}