#marshmallow_yogurt {
  /* magnificPopup animation */
  /* overlay at start */
  /* overlay animate in */
  /* overlay animate out */
  /* content at start */
  /* content animate it */
  /* content animate out */
}
#marshmallow_yogurt #page {
  position: relative;
  background: url(/pc/special/marshmallow_yogurt/images/_pattern_001.jpg);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
#marshmallow_yogurt #page > .inner {
  margin: 0;
  border: 10px #f2aaca solid;
  width: 100%;
}
#marshmallow_yogurt #page:before, #marshmallow_yogurt #page:after {
  display: block;
  position: absolute;
  content: "";
}
#marshmallow_yogurt #page:before {
  top: 18px;
  left: 0;
  width: 364px;
  height: 517px;
  background: url(/pc/special/marshmallow_yogurt/images/img-header_marshmallow.png) no-repeat;
}
#marshmallow_yogurt #page:after {
  top: 64px;
  right: 0;
  width: 317px;
  height: 489px;
  background: url(/pc/special/marshmallow_yogurt/images/img-header_yogurt.png) no-repeat;
}
#marshmallow_yogurt .pageHeader {
  margin: 0;
  padding: 0;
  border: none;
  position: relative;
  z-index: 1;
  height: 540px;
  background: none;
  text-align: center;
}
#marshmallow_yogurt .pageHeader h1 {
  padding: 103px 0 0;
}
#marshmallow_yogurt .pageHeader + hr {
  margin: 0;
  border: none;
  display: block;
  position: relative;
  height: 160px;
  overflow: visible;
  background: #f9cbcf url(/pc/special/marshmallow_yogurt/images/_pattern_002.jpg);
}
#marshmallow_yogurt .pageHeader + hr:before {
  margin: auto;
  display: block;
  position: absolute;
  top: -173px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 556px;
  height: 332px;
  background: url(/pc/special/marshmallow_yogurt/images/img-marshmallow01.png) no-repeat;
  content: "";
}
#marshmallow_yogurt .contents .content {
  margin: 0 auto !important;
  width: 900px;
}
#marshmallow_yogurt .contents .sectionHeader {
  width: 900px;
}
#marshmallow_yogurt .contents.catch {
  padding: 75px 0;
  background: url(/pc/special/marshmallow_yogurt/images/_pattern_003.jpg);
}
#marshmallow_yogurt .contents.catch .sectionHeader {
  margin: 0 auto 40px;
  text-align: center;
}
#marshmallow_yogurt .contents.catch .content {
  position: relative;
  font-size: 16px;
  line-height: 1.625;
  text-align: center;
}
#marshmallow_yogurt .contents.catch .content img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 130px;
  height: 96px;
}
#marshmallow_yogurt .contents.catch .content p.large {
  margin: 0.6em 0;
  font-size: 24px;
}
#marshmallow_yogurt .contents.catch .content p.large strong {
  font-size: 32px;
}
#marshmallow_yogurt .contents.catch .content p.large strong:first-child {
  color: #097faa;
}
#marshmallow_yogurt .contents.catch .content p.large strong:last-child {
  color: #3e3ea6;
}
#marshmallow_yogurt .contents.make {
  padding: 75px 0 57px;
  background: url(/pc/special/marshmallow_yogurt/images/_pattern_004.jpg);
}
#marshmallow_yogurt .contents.make .sectionHeader {
  margin: 0 auto 75px;
  text-align: center;
}
#marshmallow_yogurt .contents.make .material {
  margin: 0 auto 50px;
  position: relative;
  left: 5px;
  width: 905px;
  text-align: center;
}
#marshmallow_yogurt .contents.make .material:before, #marshmallow_yogurt .contents.make .material:after {
  display: block;
  position: absolute;
  width: 905px;
  height: 19px;
  content: "";
}
#marshmallow_yogurt .contents.make .material:before {
  top: -19px;
  background: url(/pc/special/marshmallow_yogurt/images/bgi-section02_top.png) no-repeat;
}
#marshmallow_yogurt .contents.make .material:after {
  bottom: -19px;
  background: url(/pc/special/marshmallow_yogurt/images/bgi-section02_bottom.png) no-repeat;
}
#marshmallow_yogurt .contents.make .material .inner {
  width: 905px;
  color: #7b5835;
  background: url(/pc/special/marshmallow_yogurt/images/bgi-section02_center.png) repeat-y;
  font-size: 16px;
  line-height: 1.5;
}
#marshmallow_yogurt .contents.make .material h3 {
  margin-bottom: 16px;
  color: #7b5835;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 6px;
}
#marshmallow_yogurt .contents.make .material img {
  position: absolute;
  top: -87px;
  right: 95px;
  z-index: 100;
}
#marshmallow_yogurt .contents.make .steps {
  margin: 0 auto;
  width: 900px;
  color: #7b5835;
  font-size: 18px;
  text-align: center;
}
#marshmallow_yogurt .contents.make .steps ul li {
  padding: 0 0 0 178px;
  text-align: left;
}
#marshmallow_yogurt .contents.make .steps ul li:first-child {
  margin-bottom: 13px;
}
#marshmallow_yogurt .contents.make .steps span {
  margin-right: 20px;
  display: inline-block;
}
#marshmallow_yogurt .contents.make .steps .balloon {
  margin: 22px 0 15px;
  display: inline-block;
}
#marshmallow_yogurt .contents.make .movie {
  margin: 0 auto;
  position: relative;
  width: 920px;
}
#marshmallow_yogurt .contents.make .movie a {
  display: block;
  width: 100%;
  height: 100%;
}
#marshmallow_yogurt .contents.make .movie a:before {
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 124px;
  height: 124px;
  background: url(/pc/special/marshmallow_yogurt/images/btn-movie.png) no-repeat;
  cursor: pointer;
  content: "";
}
#marshmallow_yogurt .contents.make .movie a:hover:before {
  background-position: left bottom;
}
#marshmallow_yogurt .contents.make .movie a:focus {
  outline: none;
}
#marshmallow_yogurt .contents.feature .sectionHeader {
  padding: 75px 0 82px;
  width: 100%;
}
#marshmallow_yogurt .contents.feature .sectionHeader h2 {
  margin: 0 auto;
  display: block;
  width: 900px;
  text-align: center;
}
#marshmallow_yogurt .contents.feature ul {
  width: 100%;
}
#marshmallow_yogurt .contents.feature ul li {
  height: 300px;
}
#marshmallow_yogurt .contents.feature ul li .cont {
  margin: 0 auto;
  position: relative;
  width: 900px;
  height: 100%;
}
#marshmallow_yogurt .contents.feature ul li .cont img {
  position: absolute;
  z-index: 100;
}
#marshmallow_yogurt .contents.feature ul li.parentChild {
  background: url(/pc/special/marshmallow_yogurt/images/_pattern_005.jpg);
}
#marshmallow_yogurt .contents.feature ul li.parentChild .image {
  top: -94px;
  left: 0;
}
#marshmallow_yogurt .contents.feature ul li.parentChild .text {
  top: 90px;
  right: -54px;
}
#marshmallow_yogurt .contents.feature ul li.women {
  background: url(/pc/special/marshmallow_yogurt/images/_pattern_006.jpg);
}
#marshmallow_yogurt .contents.feature ul li.women .image {
  top: -39px;
  right: 0;
}
#marshmallow_yogurt .contents.feature ul li.women .text {
  top: 107px;
  left: 53px;
}
#marshmallow_yogurt .contents.feature ul li.grownUp {
  background: url(/pc/special/marshmallow_yogurt/images/_pattern_007.jpg);
}
#marshmallow_yogurt .contents.feature ul li.grownUp .image {
  top: 2px;
  left: 63px;
}
#marshmallow_yogurt .contents.feature ul li.grownUp .text {
  top: 128px;
  right: -41px;
}
#marshmallow_yogurt .contents.recipe {
  padding: 110px 0 0;
  background: url(/pc/special/marshmallow_yogurt/images/_pattern_008.jpg);
}
#marshmallow_yogurt .contents.recipe .sectionHeader {
  margin: 0 auto 50px;
  width: 900px;
  text-align: center;
}
#marshmallow_yogurt .contents.recipe .sectionHeader span {
  margin: 0 0 79px;
  display: block;
}
#marshmallow_yogurt .contents.recipe .cont {
  margin: 0 auto;
  width: 900px;
}
#marshmallow_yogurt .contents.recipe .cont .recipeList {
  width: 100%;
  overflow: hidden;
}
#marshmallow_yogurt .contents.recipe .cont .recipeList li {
  margin-right: 30px;
  padding: 0 0 30px;
  float: left;
  width: 280px;
}
#marshmallow_yogurt .contents.recipe .cont .recipeList li:last-child {
  margin: 0;
}
#marshmallow_yogurt .contents.recipe .cont .recipeList li a.circle {
  margin: 0 0 23px;
  display: block;
  position: relative;
  width: 280px;
  height: 280px;
}
#marshmallow_yogurt .contents.recipe .cont .recipeList li a.circle:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: block;
  position: absolute;
  width: 280px;
  height: 280px;
  background-color: #e671a0;
  opacity: 0;
  content: "";
}
#marshmallow_yogurt .contents.recipe .cont .recipeList li a.circle:hover:before {
  opacity: 0.502;
}
#marshmallow_yogurt .contents.recipe .cont .recipeList li .name {
  margin: 0 0 23px;
  height: 48px;
  color: #7b5835;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}
#marshmallow_yogurt .contents.recipe .cont .recipeList li .button {
  width: 100%;
  text-align: center;
}
#marshmallow_yogurt .contents.recipe .cont .recipeList li .button a {
  margin: 0 auto;
  padding-top: 36px;
  display: block;
  width: 260px;
  height: 0;
  overflow: hidden;
  background: url(/pc/special/marshmallow_yogurt/images/btn-recipe.png) no-repeat;
}
#marshmallow_yogurt .contents.recipe .cont .recipeList li .button a:hover {
  background-position: 0 -46px;
}
#marshmallow_yogurt .contents.recipe .endroll {
  margin: 0 auto;
  padding: 294px 0 0;
  position: relative;
  width: 900px;
  background: url(/pc/special/marshmallow_yogurt/images/img-footer.png) no-repeat center -30px;
}
#marshmallow_yogurt .contents.recipe .endroll .socialLinks {
  position: absolute;
  top: 65px;
  right: 0;
}
#marshmallow_yogurt .contents.recipe .endroll .socialLinks a {
  display: block;
  width: 100%;
  height: 110%;
  overflow: hidden;
}
#marshmallow_yogurt .contents.recipe .endroll .socialLinks .twitter {
  margin-bottom: 4px;
  width: 140px;
  height: 68px;
}
#marshmallow_yogurt .contents.recipe .endroll .socialLinks .twitter a {
  padding-top: 68px;
  background: url(/pc/special/marshmallow_yogurt/images/btn-x.png?2023) no-repeat;
}
#marshmallow_yogurt .contents.recipe .endroll .socialLinks .twitter a:hover {
  background-position: left bottom;
}
#marshmallow_yogurt .contents.recipe .endroll .socialLinks .facebook {
  height: 64px;
}
#marshmallow_yogurt .contents.recipe .endroll .socialLinks .facebook a {
  padding-top: 74px;
  background: url(/pc/special/marshmallow_yogurt/images/btn-facebook.png?2023) no-repeat;
}
#marshmallow_yogurt .contents.recipe .endroll .socialLinks .facebook a:hover {
  background-position: left bottom;
}
#marshmallow_yogurt .mfp-bg {
  z-index: 9001;
}
#marshmallow_yogurt .mfp-wrap {
  z-index: 9002;
}
#marshmallow_yogurt .mfp-fade.mfp-bg {
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  opacity: 0;
}
#marshmallow_yogurt .mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
#marshmallow_yogurt .mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
#marshmallow_yogurt .mfp-fade.mfp-wrap .mfp-content {
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  opacity: 0;
}
#marshmallow_yogurt .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
#marshmallow_yogurt .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

#marshmallow_yogurt {
  padding-top: 0;
}
#marshmallow_yogurt #header_anchor + #js-header ~ .fix ~ #page {
  margin-top: 131px;
}