/* display */
@media only screen and (min-width: 1025px) {
  .opt-lg-display-none {
    display: none;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-display-none {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .opt-sm-display-none {
    display: none;
  }
}
/* font
------------------------------*/
#area-Contents {
  font-family: "YuGoPr6N-Bold", sans-serif;
}

.mmg-sec .l-HeadingTitle__p,
.mmg-sec .l-HeadingTitle--v2__h2,
.mmg-sec .l-HeadingTitle--v2__h3,
.mmg-sec .l-HeadingTitle--v2__h4 {
  font-family: "YuGoPr6N-Bold", sans-serif;
  color: #000;
}
.mmg-sec .opt-fontfamily--01 {
  font-family: "YuGoPr6N-Medium", sans-serif;
}
.mmg-sec .opt-fontfamily--02 {
  font-family: "Bodoni 72 Book", serif;
}
.mmg-sec .opt-fontcolor--02 {
  color: #021CC5;
}
.mmg-sec .opt-fontcolor--03 {
  color: #B40087;
}
.mmg-sec .l-HeadingTitle--v2__h2 {
  font-size: 40px;
  line-height: 1.5;
}
@media only screen and (max-width: 640px) {
  .mmg-sec .l-HeadingTitle--v2__h2 {
    font-size: 24px;
  }
}

@media only screen and (min-width: 1025px) {
  .mmg-sec .font-lg-20 {
    font-size: 20px;
  }
  .mmg-sec .font-lg-20 .cmn-richtext,
  .mmg-sec .font-lg-20 .l-HeadingTitle__h2,
  .mmg-sec .font-lg-20 .l-HeadingTitle__h3,
  .mmg-sec .font-lg-20 .l-HeadingTitle-__h4,
  .mmg-sec .font-lg-20 .l-HeadingTitle--v2__h2,
  .mmg-sec .font-lg-20 .l-HeadingTitle--v2__h3,
  .mmg-sec .font-lg-20 .l-HeadingTitle--v2__h4 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .mmg-sec .font-md-20 {
    font-size: 20px;
  }
  .mmg-sec .font-md-20 .cmn-richtext,
  .mmg-sec .font-md-20 .l-HeadingTitle__h2,
  .mmg-sec .font-md-20 .l-HeadingTitle__h3,
  .mmg-sec .font-md-20 .l-HeadingTitle-__h4,
  .mmg-sec .font-md-20 .l-HeadingTitle--v2__h2,
  .mmg-sec .font-md-20 .l-HeadingTitle--v2__h3,
  .mmg-sec .font-md-20 .l-HeadingTitle--v2__h4 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .mmg-sec .font-sm-16 {
    font-size: 16px;
  }
  .mmg-sec .font-sm-16 .cmn-richtext,
  .mmg-sec .font-sm-16 .l-HeadingTitle__h2,
  .mmg-sec .font-sm-16 .l-HeadingTitle__h3,
  .mmg-sec .font-sm-16 .l-HeadingTitle-__h4,
  .mmg-sec .font-sm-16 .l-HeadingTitle--v2__h2,
  .mmg-sec .font-sm-16 .l-HeadingTitle--v2__h3,
  .mmg-sec .font-sm-16 .l-HeadingTitle--v2__h4 {
    font-size: 16px;
  }
}
/* backgroundColor
------------------------------*/
.l-Section.is-backgroundColor--1 {
  background-color: #F7F7F7;
}

/* Section
------------------------------*/
.mmg-sec .g-Section__inner {
  max-width: 1440px;
}
.mmg-sec .mmg-width_1180 {
  max-width: 1180px;
}
.mmg-sec .mmg-width_980 {
  max-width: 980px;
}
.mmg-sec .mmg-width_570 {
  max-width: 570px;
}

/* margin
------------------------------*/
.opt-opt-mlauto--imp {
  margin-left: auto;
}
.opt-opt-mrauto--imp {
  margin-right: auto;
}

/* Button
------------------------------*/
.mmg-sec .g-ButtonP.is-gutter--none .g-ButtonP__list {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 640px) {
  .mmg-sec .g-ButtonP.is-gutter--none .g-ButtonP__list {
    flex-wrap: wrap;
  }
}
.mmg-sec .g-ButtonP.is-gutter--none .g-ButtonP__list__item {
  max-width: 440px;
}
@media only screen and (max-width: 640px) {
  .mmg-sec .g-ButtonP.is-gutter--none .g-ButtonP__list__item {
    max-width: 320px;
  }
  .mmg-sec .g-ButtonP.is-gutter--none .g-ButtonP__list__item .cmn-richtext {
    font-size: 20px;
  }
}
.mmg-sec .is-colorset--1 .l-ButtonUnit__link {
  border-radius: 72px;
  padding: 25px 19px;
}
@media only screen and (max-width: 640px) {
  .mmg-sec .is-colorset--1 .l-ButtonUnit__link {
    padding: 20px 19px;
  }
}
.mmg-sec .is-colorset--7 .l-ButtonUnit__link {
  color: #fff;
  border: none;
  background-color: #000;
  border-radius: 72px;
  padding: 25px 19px;
}
@media only screen and (max-width: 640px) {
  .mmg-sec .is-colorset--7 .l-ButtonUnit__link {
    padding: 20px 19px;
  }
}
.mmg-sec .mmg-box.g-GroupBox.is-background .g-ButtonP.is-gutter--none .g-ButtonP__list {
  justify-content: flex-start;
  margin-left: 10%;
}
@media only screen and (max-width: 640px) {
  .mmg-sec .mmg-box.g-GroupBox.is-background .g-ButtonP.is-gutter--none .g-ButtonP__list {
    justify-content: center;
    margin-left: 0;
  }
}
@media only screen and (max-width: 640px) {
  .mmg-sec .mmg-box.g-GroupBox.is-background .g-ButtonP.is-gutter--none .g-ButtonP__list__item {
    max-width: 280px;
  }
}

/* Others
------------------------------*/
.mmg-sec {
  /**/
  /* TileLink */
  /* BannerLinkP */
  /* TabMenu */
  /* GroupBox */
  /* campaign */
  /* mmg-sec-next */
}
.mmg-sec .l-HeadingTitle--v2.mmg-heading {
  position: relative;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}
.mmg-sec .l-HeadingTitle--v2.mmg-heading .l-HeadingTitle--v2__titleBlock__imageBox {
  position: absolute;
  width: 183px;
  padding-right: 0;
  top: -28%;
  left: -12%;
}
@media only screen and (max-width: 640px) {
  .mmg-sec .l-HeadingTitle--v2.mmg-heading .l-HeadingTitle--v2__titleBlock__imageBox {
    width: 110px;
    top: -20px;
    left: 0;
  }
}
.mmg-sec .l-HeadingTitle--v2.mmg-heading .l-HeadingTitle--v2__titleBlock__titleBox {
  width: 100%;
  position: relative;
  z-index: 1;
}
.mmg-sec .l-HeadingTitle--v2.mmg-heading.mmg-heading-2 .l-HeadingTitle--v2__titleBlock__imageBox {
  top: -80%;
  left: 6%;
}
@media only screen and (max-width: 640px) {
  .mmg-sec .l-HeadingTitle--v2.mmg-heading.mmg-heading-2 .l-HeadingTitle--v2__titleBlock__imageBox {
    width: 110px;
    top: -20px;
    left: 0;
  }
}
.mmg-sec .l-HeadingTitle--v2.mmg-heading.mmg-heading-3 .l-HeadingTitle--v2__titleBlock__imageBox {
  top: -72%;
  left: 12%;
}
@media only screen and (max-width: 640px) {
  .mmg-sec .l-HeadingTitle--v2.mmg-heading.mmg-heading-3 .l-HeadingTitle--v2__titleBlock__imageBox {
    width: 110px;
    top: -20px;
    left: 0;
  }
}
.mmg-sec .l-TileLinkTextP.mmg-TileLinkTextP .l-TileLinkTextUnit.is-colorset--1 {
  background: var(--0, linear-gradient(256deg, #FFD3F8 0.82%, #FFFAFA 49.73%, #D4D3FF 98.63%));
  border: none;
}
.mmg-sec .l-TileLinkTextP.mmg-TileLinkTextP .l-TileLinkTextUnit.is-colorset--1 .l-TileLinkTextUnit__leadBlock {
  display: flex;
}
.mmg-sec .l-TileLinkTextP.mmg-TileLinkTextP .l-TileLinkTextUnit.is-colorset--1 .l-TileLinkTextUnit__leadBlock__lead {
  width: calc(100% - 60px);
}
.mmg-sec .l-TileLinkTextP.mmg-TileLinkTextP .l-TileLinkTextUnit.is-colorset--1 .l-TileLinkTextUnit__leadBlock__lead .l-Text .cmn-richtext {
  font-size: 20px;
  line-height: 1.6;
}
.mmg-sec .l-TileLinkTextP.mmg-TileLinkTextP .l-TileLinkTextUnit.is-colorset--1 .l-TileLinkTextUnit__leadBlock__title {
  width: 60px;
}
.mmg-sec .l-TileLinkTextP.mmg-TileLinkTextP .l-TileLinkTextUnit.is-colorset--1 .l-TileLinkTextUnit__leadBlock__title .l-Text .cmn-richtext {
  font-size: 16px;
  transform: rotate(-20.992deg);
}
.mmg-sec .l-TileLinkTextP.mmg-TileLinkTextP .l-TileLinkTextUnit.is-colorset--1 .l-TileLinkTextUnit__leadBlock__title .l-Text .l-Text .cmn-richtext {
  font-size: 50px;
  transform: none;
}
.mmg-sec .l-BannerLinkP--v2.mmg-BannerLinkP .l-BannerLinkP--v2__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.mmg-sec .l-BannerLinkP--v2.mmg-BannerLinkP .l-BannerLinkP--v2__list .l-BannerLinkP--v2__list__item .l-Image--v2 {
  background: linear-gradient(256deg, #FFD3F8 0.82%, #FFFAFA 49.73%, #D4D3FF 98.63%);
}
.mmg-sec .l-TabMenu.mmg-TabMenu .l-TabMenu__item {
  margin-top: -1px;
}
@media only screen and (max-width: 640px) {
  .mmg-sec .l-TabMenu.mmg-TabMenu .l-TabMenu__item {
    margin-top: -2px;
  }
}
.mmg-sec .l-TabMenu.mmg-TabMenu .g-TabMenu__nav__link {
  padding: 0;
  border: none;
  background-color: transparent;
  /*.g-HeadingTitle {
    padding: 50px 0;
    @media only screen and (max-width: $small) {
      padding: 30px 0;
    }
  }*/
}
.mmg-sec .l-TabMenu.mmg-TabMenu .g-TabMenu__nav__link .l-HeadingTitle .l-HeadingTitle__p {
  color: #000;
  font-size: 28px;
}
@media only screen and (max-width: 640px) {
  .mmg-sec .l-TabMenu.mmg-TabMenu .g-TabMenu__nav__link .l-HeadingTitle .l-HeadingTitle__p {
    font-size: 18px;
  }
}
.mmg-sec .l-TabMenu.mmg-TabMenu .mmg-Tab-Heading_01 {
  background: linear-gradient(90deg, #C4F0FF -17.25%, #C4CFFE 204.55%);
  clip-path: polygon(0% 100%, 10.67% 0.4%, 25.8% 0.4%, 79% 0.4%, 89.5% 0.4%, 100% 100%);
}
@media only screen and (max-width: 640px) {
  .mmg-sec .l-TabMenu.mmg-TabMenu .mmg-Tab-Heading_01 {
    clip-path: polygon(0% 100%, -0.33% 0%, 25.8% 0.4%, 79% 0.4%, 89.5% 0.4%, 100% 100%);
  }
}
.mmg-sec .l-TabMenu.mmg-TabMenu .mmg-Tab-Heading_02 {
  background: linear-gradient(90deg, #FFDCF6 -99.85%, #DBC7FF 119.75%);
  clip-path: polygon(0% 100%, 10.67% 0%, 25.8% 0%, 79% 0%, 89.5% 0%, 100% 100%);
}
@media only screen and (max-width: 640px) {
  .mmg-sec .l-TabMenu.mmg-TabMenu .mmg-Tab-Heading_02 {
    clip-path: polygon(0% 100%, 10.67% 0%, 25.8% 0%, 79% 0%, 100.5% 0%, 100% 100%);
  }
}
.mmg-sec .l-TabMenu.mmg-TabMenu .mmg-TabMenuUnit_01 {
  /*background: linear-gradient(90deg, #C4F0FF 0%, #C4CFFE 100%);*/
  background-image: url("/content/dam/sites/kao/webmember-kao-kirei-com/jp/kbbplaypark/special/mailmagazin/img/bg_tab_01_lg.svg");
}
@media only screen and (max-width: 640px) {
  .mmg-sec .l-TabMenu.mmg-TabMenu .mmg-TabMenuUnit_01 {
    background-image: url("/content/dam/sites/kao/webmember-kao-kirei-com/jp/kbbplaypark/special/mailmagazin/img/bg_tab_01_sm.svg");
    background-size: cover;
  }
}
.mmg-sec .l-TabMenu.mmg-TabMenu .mmg-TabMenuUnit_02 {
  background-image: url("/content/dam/sites/kao/webmember-kao-kirei-com/jp/kbbplaypark/special/mailmagazin/img/bg_tab_02_lg.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 640px) {
  .mmg-sec .l-TabMenu.mmg-TabMenu .mmg-TabMenuUnit_02 {
    background-image: url("/content/dam/sites/kao/webmember-kao-kirei-com/jp/kbbplaypark/special/mailmagazin/img/bg_tab_02_sm.svg");
  }
}
.mmg-sec .mmg-box.g-GroupBox.is-background {
  padding: 0;
}
.mmg-sec .mmg-box.g-GroupBox.is-background .l-HeadingTitle--v2__h3 {
  font-size: 22px;
}
@media only screen and (max-width: 640px) {
  .mmg-sec .mmg-box.g-GroupBox.is-background .l-HeadingTitle--v2__h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 640px) {
  .mmg-sec .mmg-box.g-GroupBox.is-background {
    background-image: url("/content/dam/sites/kao/webmember-kao-kirei-com/jp/kbbplaypark/special/mailmagazin/img/bg_campaign_sm.png") !important;
    background-size: 100%;
  }
}
.mmg-sec .mmg-sec-campaign .l-ColumnUnit.is-backgroundColor--7 {
  background-color: #CEC0FF;
  padding: 0;
}
.mmg-sec .mmg-sec-campaign .g-GroupBox.mmg-imgBox {
  position: relative;
}
.mmg-sec .mmg-sec-campaign .g-GroupBox.mmg-imgBox .mmg-imgBox_img01,
.mmg-sec .mmg-sec-campaign .g-GroupBox.mmg-imgBox .mmg-imgBox_img02 {
  position: absolute !important;
  z-index: 1;
}
.mmg-sec .mmg-sec-campaign .g-GroupBox.mmg-imgBox .mmg-imgBox_img01 {
  width: 328px;
  margin-top: -14%;
  right: -10%;
}
@media only screen and (max-width: 640px) {
  .mmg-sec .mmg-sec-campaign .g-GroupBox.mmg-imgBox .mmg-imgBox_img01 {
    width: 181px;
    margin-top: -36%;
    right: -20px;
  }
}
.mmg-sec .mmg-sec-campaign .g-GroupBox.mmg-imgBox .mmg-imgBox_img02 {
  width: 127px;
  margin-top: 6%;
  left: -6%;
}
@media only screen and (max-width: 640px) {
  .mmg-sec .mmg-sec-campaign .g-GroupBox.mmg-imgBox .mmg-imgBox_img02 {
    width: 58px;
    left: -20px;
    margin-top: 28%;
  }
}
.mmg-sec .mmg-sec-campaign .g-GroupBox.mmg-imgBox-2 .mmg-imgBox_img03 .l-Image--v2__img {
  position: absolute;
  width: 188px;
  margin-top: -26%;
  left: -5%;
}
@media only screen and (max-width: 640px) {
  .mmg-sec .mmg-sec-campaign .g-GroupBox.mmg-imgBox-2 .mmg-imgBox_img03 .l-Image--v2__img {
    width: 95px;
    left: -20px;
  }
}
.mmg-sec .mmg-sec-campaign .g-GroupBox.mmg-contentsBox {
  max-width: 734px;
  margin: 38px auto 0 auto;
  padding: 0 20px;
}
.mmg-sec .mmg-sec-campaign .g-GroupBox.mmg-contentsBox-2 {
  max-width: 802px;
  margin: 40px auto 0 auto;
  padding: 0 20px 60px 20px;
}
@media only screen and (max-width: 640px) {
  .mmg-sec .mmg-sec-campaign .g-GroupBox.mmg-contentsBox-2 {
    padding: 0 30px 40px 30px;
  }
}
.mmg-sec .mmg-sec-campaign .l-HeadingTitle--v2.mmg-campaign-HeadingTitle .l-HeadingTitle--v2__h4 {
  font-size: 16px;
}
@media only screen and (max-width: 640px) {
  .mmg-sec .mmg-sec-campaign .l-HeadingTitle--v2.mmg-campaign-HeadingTitle .l-HeadingTitle--v2__h4 {
    font-size: 12px;
  }
}
.mmg-sec .mmg-sec-campaign .l-HeadingTitle--v2.mmg-campaign-HeadingTitle .l-HeadingTitle--v2__titleBlock__titleBox__title {
  background-color: #fff;
  padding: 35px 72px;
  margin-left: -30px;
}
@media only screen and (max-width: 640px) {
  .mmg-sec .mmg-sec-campaign .l-HeadingTitle--v2.mmg-campaign-HeadingTitle .l-HeadingTitle--v2__titleBlock__titleBox__title {
    padding: 20px 20px 20px 38px;
  }
}
.mmg-sec .mmg-sec-campaign .l-HeadingTitle--v2.mmg-campaign-HeadingTitle .g-HeadingTitle--v2__titleBlock__imageBox {
  padding-right: 0;
  width: 180px;
}
@media only screen and (max-width: 640px) {
  .mmg-sec .mmg-sec-campaign .l-HeadingTitle--v2.mmg-campaign-HeadingTitle .g-HeadingTitle--v2__titleBlock__imageBox {
    width: 108px;
  }
}
.mmg-sec .mmg-sec-campaign .l-TileLinkVP--v2.mmg-campaign-TileLink .l-TileLinkVUnit--v2.is-colorset--1 {
  background-color: #CEC0FF;
}
.mmg-sec .mmg-sec-campaign .l-TileLinkVP--v2.mmg-campaign-TileLink .l-TileLinkVP--v2__list__tile .l-TileLinkVUnit--v2__leadBlock__title .l-Text .cmn-richtext {
  font-size: 24px;
}
.mmg-sec .mmg-sec-campaign .l-TileLinkVP--v2.mmg-campaign-TileLink .l-TileLinkVP--v2__list__tile .l-TileLinkVUnit--v2__leadBlock__title .l-Text .cmn-richtext .opt-fontfamily--02 {
  font-size: 50px;
}
@media only screen and (max-width: 640px) {
  .mmg-sec .mmg-sec-campaign .l-TileLinkVP--v2.mmg-campaign-TileLink .l-TileLinkVP--v2__list__tile .l-TileLinkVUnit--v2__leadBlock__title .l-Text .cmn-richtext {
    font-size: 18px;
  }
  .mmg-sec .mmg-sec-campaign .l-TileLinkVP--v2.mmg-campaign-TileLink .l-TileLinkVP--v2__list__tile .l-TileLinkVUnit--v2__leadBlock__title .l-Text .cmn-richtext .opt-fontfamily--02 {
    font-size: 40px;
  }
}
.mmg-sec .mmg-sec-campaign .l-TileLinkVP--v2.mmg-campaign-TileLink .l-TileLinkVUnit--v2__leadBlock__lead {
  position: relative;
  z-index: 1;
}
.mmg-sec .mmg-sec-campaign.mmg-sec-campaign-2 .l-Column__inner {
  background-color: #CEC0FF;
}
.mmg-sec .mmg-sec-campaign.mmg-sec-campaign-2 .g-GroupBox.mmg-imgBox .mmg-imgBox_img01 {
  width: 288px;
  margin-top: -10%;
  right: -5%;
}
@media only screen and (max-width: 640px) {
  .mmg-sec .mmg-sec-campaign.mmg-sec-campaign-2 .g-GroupBox.mmg-imgBox .mmg-imgBox_img01 {
    width: 163px;
    right: -20px;
    margin-top: -22%;
  }
}
.mmg-sec .mmg-sec-campaign.mmg-sec-campaign-2 .g-GroupBox.mmg-imgBox-2 .mmg-imgBox_img03 .l-Image--v2__img {
  width: 140px;
  margin-top: -8%;
  left: -8%;
}
@media only screen and (max-width: 640px) {
  .mmg-sec .mmg-sec-campaign.mmg-sec-campaign-2 .g-GroupBox.mmg-imgBox-2 .mmg-imgBox_img03 .l-Image--v2__img {
    width: 79px;
    left: -20px;
  }
}
.mmg-sec .mmg-sec-next .g-HeadingTitle--v2__h2.l-HeadingTitle--v2__h2 {
  background-color: #fff;
  padding: 33px 0;
  color: #B40087;
  font-size: 28px;
}
@media only screen and (max-width: 640px) {
  .mmg-sec .mmg-sec-next .g-HeadingTitle--v2__h2.l-HeadingTitle--v2__h2 {
    font-size: 20px;
    padding: 30px;
  }
}/*# sourceMappingURL=mailmagazin.css.map */