@charset "UTF-8";
/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*
$color1: #1f3134; //黒っぽい緑
$color2: #ff0033; //赤
$color3: #b40034; //エンジ色
$color4: #0f3784; //青

//2022～
$color5: #aac467; //黄緑
$color7: #595757; //濃グレー

$mainColor: $color1;
$accentColor: #fff; //白

//2022～
$fontColor: $color7;

$bgColor1: #f8eef7; //薄ピンク
$bgColor2: #e0eff2; //水色
$bgColor3: #f4efe4; //ベージュ
$bgColor4: #f5f2ef; //グレーっぽいベージュ
$bgColor5: #fffee6; //薄黄色

$bdColor1: #d5d7d6; //グレー

$pastelColor1: #e3a7c8;
$pastelColor2: #f3efa1;
$pastelColor3: #a8cae5;
$pastelColor4: #ed7986;

$pastelColor1-dark: #eca1ca;
$pastelColor2-dark: #e6d223;
$pastelColor3-dark: #7ebded;

$mkColor1: #f6d1e5; //薄ピンク
$mkColor2: #c6e0f6; //水色
$mkColor3: #faf3b1; //黄色

//2022～
$boysColor: #5aa7ab;
$girlsColor: #ab226d;
$boysBgColor: #d4e5e6;
$girlsBgColor: #eadfe4;

$btnColor: #9fa0a0;
*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*--------------------
～2021用フォント設定
--------------------*/
@font-face {
  font-family: "HoshizoraMincho";
  src: url(./../images/font/StarSkyMincyou-Regular.woff2) format("woff2");
  src: url(./../images/font/StarSkyMincyou-Regular.woff) format("woff");
}
/*--------------------
2022～フォント設定
--------------------*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////
  margin-top
///////////////////////////////// */
/* ///////////////////////////////////////////
  yumepika-diary.scss
  カタログ請求に関する記述
/////////////////////////////////////////// */
/*=================================
  yumepika-diary
=================================*/
.page--yumepika-diary {
  /* /////////////////////////////////
    ページ内共通
  ///////////////////////////////// */
}
.page--yumepika-diary .c-red {
  color: #ef4396;
}
.page--yumepika-diary .big {
  font-size: 120%;
  font-weight: bold;
}
.page--yumepika-diary .palette--ivoly {
  position: relative;
  display: inline-block;
  padding-left: 1.2em;
}
.page--yumepika-diary .palette--ivoly::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  display: inline-block;
  width: 1em;
  height: 1em;
  border: 1px solid #dedede;
  border-radius: 50%;
  background-color: #f8f5e3;
}
.page--yumepika-diary .page__title {
  position: absolute;
  background: transparent;
  color: #9f8cc0;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .page__title {
    font-size: 1.7rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .page__title {
    top: 50%;
    transform: translate(0, -50%);
    font-size: 2.8rem;
  }
}
.page--yumepika-diary .yumepika-diary {
  padding-bottom: 0;
}
.page--yumepika-diary .yumepika-diary__head {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__head {
    height: 100vw;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__head {
    height: 485px;
    background: url(../images/page/catalog/bg__confetti-line.svg) center center no-repeat;
    background-size: cover;
  }
}
.page--yumepika-diary .yumepika-diary__head__mv {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  height: 100%;
  margin: 0 auto;
}
.page--yumepika-diary .yumepika-diary__head__mv img {
  width: 100%;
  max-width: 1280px;
  height: auto;
}
.page--yumepika-diary .yumepika-diary__body {
  padding-top: 80px;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__body {
    background: url(../images/page/catalog/bg__ameba--sp.png) center top no-repeat;
    background-size: cover;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__body {
    background: url(../images/page/catalog/bg__ameba.jpg) center top no-repeat;
    background-size: cover;
  }
}
.page--yumepika-diary .yumepika-diary__msg {
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__msg {
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__msg {
    padding-bottom: 80px;
  }
}
.page--yumepika-diary .yumepika-diary__msg__wrap {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
  margin-bottom: 20px;
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__msg__wrap {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--yumepika-diary .yumepika-diary__msg__wrap {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--yumepika-diary .yumepika-diary__msg__wrap {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__msg__wrap {
    max-width: 440px;
  }
}
.page--yumepika-diary .yumepika-diary__msg__wrap::before {
  content: "";
  position: absolute;
  top: 0;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__msg__wrap::before {
    left: 0;
    transform: translate(0, 0);
    width: 70px;
    height: 250px;
    background: url(../images/page/catalog/bg_confetti--sp--l.svg) top center no-repeat;
    background-size: contain;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__msg__wrap::before {
    left: 80px;
    transform: translate(-100%, 0);
    width: 300px;
    height: 260px;
    background: url(../images/page/catalog/bg_confetti--l.svg) top center no-repeat;
    background-size: contain;
  }
}
.page--yumepika-diary .yumepika-diary__msg__wrap::after {
  content: "";
  position: absolute;
  top: 0;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__msg__wrap::after {
    right: 0;
    transform: translate(0, 0);
    width: 70px;
    height: 250px;
    background: url(../images/page/catalog/bg_confetti--sp--r.svg) top center no-repeat;
    background-size: contain;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__msg__wrap::after {
    right: 80px;
    transform: translate(100%, 0);
    width: 300px;
    height: 260px;
    background: url(../images/page/catalog/bg_confetti--r.svg) top center no-repeat;
    background-size: contain;
  }
}
.page--yumepika-diary .yumepika-diary__msg__ttl {
  color: #9f8cc0;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__msg__ttl {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__msg__ttl {
    font-size: 2.6rem;
  }
}
.page--yumepika-diary .yumepika-diary__msg__ttl--sub {
  display: block;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__msg__ttl--sub {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__msg__ttl--sub {
    font-size: 2rem;
  }
}
.page--yumepika-diary .yumepika-diary__msg__desc {
  margin-top: 30px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__msg__desc {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__msg__desc {
    font-size: 1.5rem;
  }
}
.page--yumepika-diary .yumepika-diary__msg__desc:first-of-type {
  margin-top: 60px;
}
.page--yumepika-diary .yumepika-diary__msg__figure {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  z-index: 10;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__msg__figure {
    margin-top: 20px;
    padding: 20px 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__msg__figure {
    margin-top: 40px;
    padding: 40px 0;
  }
}
.page--yumepika-diary .yumepika-diary__msg__figure::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: calc(100% + 80px);
  height: 100%;
  background: rgba(243, 239, 161, 0.4);
  z-index: -1;
}
.page--yumepika-diary .yumepika-diary__msg__figure figcaption {
  color: #9f8cc0;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
  color: #f7a1cb;
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__msg__figure figcaption {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__msg__figure figcaption {
    font-size: 2.6rem;
  }
}
.page--yumepika-diary .yumepika-diary__msg__figure figcaption--sub {
  display: block;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__msg__figure figcaption--sub {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__msg__figure figcaption--sub {
    font-size: 2rem;
  }
}
.page--yumepika-diary .yumepika-diary__msg__figure > img {
  position: relative;
  display: block;
  max-width: 100%;
  height: auto;
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__msg__figure > img {
    width: calc(50% - 20px);
  }
}
.page--yumepika-diary .yumepika-diary__msg__figure > img::after {
  content: "";
  position: absolute;
  top: -20px;
  left: -20px;
  display: block;
  width: 100%;
  height: 100%;
  background: #f2f0a1;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__msg__figure > img:nth-of-type(n + 2) {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__msg__figure > img:nth-of-type(n + 2) {
    margin-left: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__msg__btn {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__msg__btn {
    margin-top: 40px;
  }
}
.page--yumepika-diary .yumepika-diary__offer {
  background-color: rgba(243, 239, 161, 0.4);
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__offer {
    overflow: hidden;
  }
}
.page--yumepika-diary .yumepika-diary__offer__wrap {
  display: block;
  max-width: 660px;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__offer__wrap {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--yumepika-diary .yumepika-diary__offer__wrap {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--yumepika-diary .yumepika-diary__offer__wrap {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__offer__wrap {
    max-width: 315px;
  }
}
.page--yumepika-diary .yumepika-diary__offer__wrap::before {
  content: "";
  position: absolute;
  background: url(../images/page/catalog/deco_catalog--a.png) center no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__offer__wrap::before {
    top: 0;
    left: 0;
    transform: translate(0, -50%);
    width: 60px;
    height: 60px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__offer__wrap::before {
    top: 50%;
    left: 0;
    transform: translate(-100%, -50%);
    width: 160px;
    height: 160px;
  }
}
.page--yumepika-diary .yumepika-diary__offer__wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(100%, -50%);
  width: 160px;
  height: 160px;
  background: url(../images/page/catalog/deco_catalog--b.png) center no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__offer__wrap::after {
    top: -30px;
    right: 0;
    transform: translate(0, -50%);
    width: 92px;
    height: 92px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__offer__wrap::after {
    top: 50%;
    right: 0;
    transform: translate(100%, -50%);
    width: 160px;
    height: 160px;
  }
}
.page--yumepika-diary .yumepika-diary__offer__ttl {
  position: relative;
  color: #9f8cc0;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__offer__ttl {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__offer__ttl {
    font-size: 2.2rem;
  }
}
.page--yumepika-diary .yumepika-diary__offer__ttl a,
.page--yumepika-diary .yumepika-diary__offer__ttl a:link,
.page--yumepika-diary .yumepika-diary__offer__ttl a:visited {
  color: #9f8cc0;
  border-bottom: 1px solid #9f8cc0;
}
.page--yumepika-diary .yumepika-diary__offer__desc {
  color: #9f8cc0;
  margin-top: 30px;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__offer__desc {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__offer__desc {
    font-size: 1.8rem;
  }
}
.page--yumepika-diary .yumepika-diary__offer__list {
  margin-top: 0.5em;
  color: #9f8cc0;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__offer__list {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__offer__list {
    font-size: 1.6rem;
  }
}
.page--yumepika-diary .yumepika-diary__offer__list li {
  margin-top: 1em;
  list-style: disc;
  list-style-position: inside;
}
.page--yumepika-diary .yumepika-diary__opinions {
  max-width: 500px;
  border: 12px solid #ffbcaf;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__opinions {
    margin: 20px auto 0;
    padding: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__opinions {
    margin: 40px auto 0;
    padding: 40px;
  }
}
.page--yumepika-diary .yumepika-diary__opinions__ttl {
  color: #ffbcaf;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__opinions__ttl {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__opinions__ttl {
    font-size: 1.6rem;
  }
}
.page--yumepika-diary .yumepika-diary__opinions__desc {
  margin-top: 1em;
}
.page--yumepika-diary .yumepika-diary__opinions__color {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1em;
}
.page--yumepika-diary .yumepika-diary__opinions__color__caption {
  width: 100%;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__opinions__color__caption {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__opinions__color__caption {
    font-size: 1.8erm;
  }
}
.page--yumepika-diary .yumepika-diary__opinions__color > img {
  display: block;
  width: calc(33.3333333333% - 13.3333333333px);
  height: auto;
}
.page--yumepika-diary .yumepika-diary__opinions__color > img:nth-of-type(n + 2) {
  margin-left: 20px;
}
.page--yumepika-diary .yumepika-diary__opinions__color .color--pink {
  width: calc(33.3333333333% - 13.3333333333px);
  background: #fdeadc;
  color: #f886a9;
}
.page--yumepika-diary .yumepika-diary__opinions__color .color--purple {
  width: calc(33.3333333333% - 13.3333333333px);
  background: #abb3f2;
  color: #fff;
}
.page--yumepika-diary .yumepika-diary__opinions__color .color--sky {
  width: calc(33.3333333333% - 13.3333333333px);
  background: #67aaf8;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__opinions__btn {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__opinions__btn {
    margin-top: 40px;
  }
}
.page--yumepika-diary .yumepika-diary__new-item {
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
  overflow: hidden;
}
.page--yumepika-diary .yumepika-diary__new-item__wrap {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
  margin-bottom: 20px;
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__new-item__wrap {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--yumepika-diary .yumepika-diary__new-item__wrap {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--yumepika-diary .yumepika-diary__new-item__wrap {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__new-item__wrap {
    max-width: 440px;
  }
}
.page--yumepika-diary .yumepika-diary__new-item__wrap::before {
  content: "";
  position: absolute;
  top: 0;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__new-item__wrap::before {
    left: 0;
    transform: translate(0, 0);
    width: 70px;
    height: 250px;
    background: url(../images/page/catalog/bg_confetti--sp--r.svg) top center no-repeat;
    background-size: contain;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__new-item__wrap::before {
    left: 80px;
    transform: translate(-100%, 0);
    width: 300px;
    height: 260px;
    background: url(../images/page/catalog/bg_confetti--r.svg) top center no-repeat;
    background-size: contain;
  }
}
.page--yumepika-diary .yumepika-diary__new-item__wrap::after {
  content: "";
  position: absolute;
  top: 0;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__new-item__wrap::after {
    right: 0;
    transform: translate(0, 0);
    width: 70px;
    height: 250px;
    background: url(../images/page/catalog/bg_confetti--sp--l.svg) top center no-repeat;
    background-size: contain;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__new-item__wrap::after {
    right: 80px;
    transform: translate(100%, 0);
    width: 300px;
    height: 260px;
    background: url(../images/page/catalog/bg_confetti--l.svg) top center no-repeat;
    background-size: contain;
  }
}
.page--yumepika-diary .yumepika-diary__new-item__ttl {
  position: relative;
  color: #9f8cc0;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__new-item__ttl {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__new-item__ttl {
    font-size: 2.6rem;
  }
}
.page--yumepika-diary .yumepika-diary__new-item__ttl--sub {
  display: block;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__new-item__ttl--sub {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__new-item__ttl--sub {
    font-size: 2rem;
  }
}
.page--yumepika-diary .yumepika-diary__new-item__desc {
  color: #9f8cc0;
  margin-top: 30px;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__new-item__desc {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__new-item__desc {
    font-size: 1.8rem;
  }
}
.page--yumepika-diary .yumepika-diary__new-item__figure {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  z-index: 10;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__new-item__figure {
    margin-top: 20px;
    padding: 20px 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__new-item__figure {
    margin-top: 40px;
    padding: 40px 0;
  }
}
.page--yumepika-diary .yumepika-diary__new-item__figure::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: calc(100% + 80px);
  height: 100%;
  background: rgba(243, 239, 161, 0.4);
  z-index: -1;
}
.page--yumepika-diary .yumepika-diary__new-item__figure figcaption {
  color: #9f8cc0;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
  color: #f7a1cb;
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__new-item__figure figcaption {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__new-item__figure figcaption {
    font-size: 2.6rem;
  }
}
.page--yumepika-diary .yumepika-diary__new-item__figure figcaption--sub {
  display: block;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__new-item__figure figcaption--sub {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__new-item__figure figcaption--sub {
    font-size: 2rem;
  }
}
.page--yumepika-diary .yumepika-diary__new-item__figure > img {
  position: relative;
  display: block;
  max-width: 100%;
  height: auto;
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__new-item__figure > img {
    width: calc(50% - 20px);
  }
}
.page--yumepika-diary .yumepika-diary__new-item__figure > img::after {
  content: "";
  position: absolute;
  top: -20px;
  left: -20px;
  display: block;
  width: 100%;
  height: 100%;
  background: #f2f0a1;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__new-item__figure > img:nth-of-type(n + 2) {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__new-item__figure > img:nth-of-type(n + 2) {
    margin-left: 40px;
  }
}
.page--yumepika-diary .yumepika-diary__point {
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
}
.page--yumepika-diary .yumepika-diary__point__ttl {
  position: relative;
  color: #9f8cc0;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__point__ttl {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__point__ttl {
    font-size: 2.6rem;
  }
}
.page--yumepika-diary .yumepika-diary__point__ttl--sub {
  display: block;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__point__ttl--sub {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__point__ttl--sub {
    font-size: 2rem;
  }
}
.page--yumepika-diary .yumepika-diary__point__container {
  display: block;
  max-width: 1310px;
  margin: 0 auto;
  margin-top: 70px;
  display: grid;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__point__container {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--yumepika-diary .yumepika-diary__point__container {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--yumepika-diary .yumepika-diary__point__container {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__point__container {
    grid-template-rows: 1fr 1fr 1fr;
    gap: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__point__container {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__point__container > li {
    width: 100%;
  }
}
.page--yumepika-diary .yumepika-diary__point .point {
  display: flex;
  flex-direction: column;
  padding: 30px 20px 20px;
  text-align: center;
}
.page--yumepika-diary .yumepika-diary__point .point__ttl {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 2.2rem;
  text-align: center;
}
.page--yumepika-diary .yumepika-diary__point .point__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.page--yumepika-diary .yumepika-diary__point .point__img {
  margin-top: 10px;
  max-width: 100%;
  text-align: center;
}
.page--yumepika-diary .yumepika-diary__point .point__list {
  margin: 20px auto 0;
  max-width: 140px;
}
.page--yumepika-diary .yumepika-diary__point .point__list li {
  list-style: url(../images/page/catalog/icon_star.svg);
  list-style-position: inside;
  text-align: left;
}
.page--yumepika-diary .yumepika-diary__point .point__desc {
  margin-top: 20px;
  color: #5a5a5a;
  font-size: 1.4rem;
  text-align: center;
}
.page--yumepika-diary .yumepika-diary__point .point .em {
  position: relative;
  display: inline-block;
  z-index: 0;
}
.page--yumepika-diary .yumepika-diary__point .point .em::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1em;
  z-index: -10;
}
.page--yumepika-diary .yumepika-diary__point .logo__yumepika {
  width: auto;
  height: 90px;
}
.page--yumepika-diary .yumepika-diary__point .point--blue {
  border: 12px solid #acd0ec;
}
.page--yumepika-diary .yumepika-diary__point .point--blue .point__ttl {
  color: #acd0ec;
}
.page--yumepika-diary .yumepika-diary__point .point--blue .point__desc .em {
  position: relative;
}
.page--yumepika-diary .yumepika-diary__point .point--blue .point__desc .em::after {
  background: rgba(172, 208, 236, 0.6);
}
.page--yumepika-diary .yumepika-diary__point .point--yellow {
  border: 12px solid #f2f0a1;
}
.page--yumepika-diary .yumepika-diary__point .point--yellow .point__ttl {
  color: #f2f0a1;
}
.page--yumepika-diary .yumepika-diary__point .point--yellow .point__desc .em,
.page--yumepika-diary .yumepika-diary__point .point--yellow .point__list .em {
  position: relative;
}
.page--yumepika-diary .yumepika-diary__point .point--yellow .point__desc .em::after,
.page--yumepika-diary .yumepika-diary__point .point--yellow .point__list .em::after {
  background: rgba(242, 240, 161, 0.6);
}
.page--yumepika-diary .yumepika-diary__point .point--red {
  border: 12px solid #ffbcaf;
}
.page--yumepika-diary .yumepika-diary__point .point--red .point__ttl {
  color: #ffbcaf;
}
.page--yumepika-diary .yumepika-diary__point .point--red .point__desc .em {
  position: relative;
}
.page--yumepika-diary .yumepika-diary__point .point--red .point__desc .em::after {
  background: rgba(255, 188, 175, 0.6);
}
.page--yumepika-diary .yumepika-diary__yumepika {
  border-bottom: 1px solid #9f8cc0;
  text-align: center;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__yumepika {
    padding-top: 80px;
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__yumepika {
    padding-top: 100px;
    padding-bottom: 150px;
  }
}
.page--yumepika-diary .yumepika-diary__yumepika__wrap {
  display: block;
  max-width: 623px;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__yumepika__wrap {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--yumepika-diary .yumepika-diary__yumepika__wrap {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--yumepika-diary .yumepika-diary__yumepika__wrap {
    padding: 0 80px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--yumepika-diary .yumepika-diary__yumepika__wrap {
    max-width: 523px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__yumepika__wrap::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 80px;
    transform: translate(-100%, -50%);
    width: 350px;
    height: 530px;
    background: url(../images/page/catalog/deco__video--a.png) center no-repeat;
    background-size: contain;
  }
  .page--yumepika-diary .yumepika-diary__yumepika__wrap::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 80px;
    transform: translate(100%, -50%);
    width: 350px;
    height: 530px;
    background: url(../images/page/catalog/deco__video--b.png) center no-repeat;
    background-size: contain;
  }
}
.page--yumepika-diary .yumepika-diary__yumepika__ttl {
  position: relative;
  color: #9f8cc0;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__yumepika__ttl {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__yumepika__ttl {
    font-size: 2.6rem;
  }
}
.page--yumepika-diary .yumepika-diary__yumepika__ttl--sub {
  display: block;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__yumepika__ttl--sub {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__yumepika__ttl--sub {
    font-size: 2rem;
  }
}
.page--yumepika-diary .yumepika-diary__yumepika__logo {
  max-width: 120px;
  margin: 20px auto 0;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__yumepika__container {
    display: block;
    max-width: 1280px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__yumepika__container {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 768px) and (min-width: 769px) and (max-width: 1219px) {
  .page--yumepika-diary .yumepika-diary__yumepika__container {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 768px) and (min-width: 1220px) {
  .page--yumepika-diary .yumepika-diary__yumepika__container {
    padding: 0 80px;
  }
}
.page--yumepika-diary .yumepika-diary__yumepika__video {
  position: relative;
  display: inline-block;
  margin-top: 50px;
  z-index: 10;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__yumepika__video {
    max-width: 100%;
    height: calc((100vw - 80px) * 261 / 463);
  }
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__yumepika__video video {
    max-width: 100%;
    max-height: 100%;
  }
}
.page--yumepika-diary .yumepika-diary__yumepika__video::after {
  content: "";
  position: absolute;
  top: -20px;
  left: -20px;
  width: 100%;
  height: 100%;
  background: #f2f0a1;
  z-index: -1;
}
.page--yumepika-diary .yumepika-diary__yumepika__img {
  margin: 20px auto;
  width: 100%;
  max-width: 335px;
  height: auto;
}
.page--yumepika-diary .yumepika-diary__slider {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 463/261;
  z-index: 10;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__slider {
    margin: 60px auto 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__slider {
    margin: 60px auto;
  }
}
.page--yumepika-diary .yumepika-diary__slider::after {
  content: "";
  position: absolute;
  top: -20px;
  left: -20px;
  width: 100%;
  max-width: 463px;
  height: auto;
  aspect-ratio: 463/261;
  background: #f2f0a1;
  z-index: -1;
}
.page--yumepika-diary .yumepika-diary__slider__slide {
  width: 100%;
  height: 100%;
  aspect-ratio: 463/261;
  opacity: 0;
}
.page--yumepika-diary .yumepika-diary__slider__slide.slick-initialized {
  opacity: 1;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__slider__slide video {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
  }
}
.page--yumepika-diary .yumepika-diary__slider__slide li {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__slider__slide li {
    aspect-ratio: 463/261;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--yumepika-diary .yumepika-diary__slider__slide li {
    width: auto !important;
  }
}
.page--yumepika-diary .yumepika-diary__slider__slide li:after {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.page--yumepika-diary .yumepika-diary__slider__slide li div {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding-top: 56.25%;
  position: absolute;
  top: 0;
  left: 0;
}
.page--yumepika-diary .yumepika-diary__slider__slide li div iframe,
.page--yumepika-diary .yumepika-diary__slider__slide li div video {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.page--yumepika-diary .yumepika-diary__slider__slide li img {
  width: auto;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.page--yumepika-diary .yumepika-diary__slider__slide .slide-arrow {
  position: absolute;
  bottom: 0;
  left: 50%;
  padding: 0;
  color: transparent;
  background-color: transparent;
  border-radius: 50%;
  font-size: 0;
  border: none;
  z-index: 5;
  -webkit-appearance: none;
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__slider__slide .slide-arrow {
    padding: 20px;
  }
}
.page--yumepika-diary .yumepika-diary__slider__slide .slide-arrow:focus {
  outline: none;
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__slider__slide .slide-arrow.next-arrow::after {
    content: "次の動画";
    width: 100px;
    height: 20px;
    color: #5a5a5a;
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__slider__slide .slide-arrow.next-arrow {
    padding: 10px 8px 10px 12px;
    transform: translate(20px, 40px);
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__slider__slide .slide-arrow.next-arrow {
    transform: translate(50%, 100%);
  }
}
.page--yumepika-diary .yumepika-diary__slider__slide .slide-arrow.next-arrow span {
  background-image: url("../images/page/catalog/icon_arrow-yellow--maru.svg");
  transform: rotate(180deg);
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__slider__slide .slide-arrow.prev-arrow::after {
    content: "前の動画";
    width: 100px;
    height: 20px;
    color: #5a5a5a;
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__slider__slide .slide-arrow.prev-arrow {
    padding: 10px 12px 10px 8px;
    transform: translate(-60px, 40px);
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__slider__slide .slide-arrow.prev-arrow {
    transform: translate(-150%, 100%);
  }
}
.page--yumepika-diary .yumepika-diary__slider__slide .slide-arrow.prev-arrow span {
  background-image: url("../images/page/catalog/icon_arrow-yellow--maru.svg");
}
.page--yumepika-diary .yumepika-diary__slider__slide .slide-arrow span {
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__slider__slide .slide-arrow span {
    width: 20px;
    height: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__slider__slide .slide-arrow span {
    width: 40px;
    height: 40px;
  }
}
.page--yumepika-diary .yumepika-diary__form {
  position: relative;
  border-bottom: 1px solid #9f8cc0;
  padding-top: 80px;
  padding-bottom: 80px;
  /* =====================
    MW WP Form 修正
  ===================== */
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__form {
    overflow: hidden;
  }
}
.page--yumepika-diary .yumepika-diary__form img {
  max-width: 100%;
  height: auto;
}
.page--yumepika-diary .yumepika-diary__form__ttl {
  position: relative;
  color: #9f8cc0;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__form__ttl {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__form__ttl {
    font-size: 2.6rem;
  }
}
.page--yumepika-diary .yumepika-diary__form__ttl--sub {
  display: block;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__form__ttl--sub {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__form__ttl--sub {
    font-size: 2rem;
  }
}
.page--yumepika-diary .yumepika-diary__form .memo {
  color: #9f8cc0;
  font-size: 1.3rem;
  text-align: center;
}
.page--yumepika-diary .yumepika-diary__form__img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  width: 100%;
  max-width: 100%;
  height: auto;
  z-index: -1;
}
.page--yumepika-diary .yumepika-diary__form .mw_wp_form {
  display: block;
  max-width: 740px;
  margin: 0 auto;
  margin-top: 50px;
  color: #9f8cc0;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__form .mw_wp_form {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--yumepika-diary .yumepika-diary__form .mw_wp_form {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--yumepika-diary .yumepika-diary__form .mw_wp_form {
    padding: 0 80px;
  }
}
.page--yumepika-diary .yumepika-diary__form .mw_wp_form dl {
  position: relative;
  max-width: 480px;
  margin: 0 auto;
  z-index: 10;
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__form .mw_wp_form dl::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translate(-100%, -50%);
    width: 280px;
    height: 100%;
    background: url(../images/page/catalog/bg_form--a.png) center no-repeat;
    background-size: contain;
    z-index: -1;
  }
  .page--yumepika-diary .yumepika-diary__form .mw_wp_form dl::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 80px;
    transform: translate(100%, -50%);
    width: 430px;
    height: 100%;
    background: url(../images/page/catalog/bg_form--b.png) center no-repeat;
    background-size: contain;
    z-index: -1;
  }
}
.page--yumepika-diary .yumepika-diary__form .mw_wp_form dt {
  margin-top: 20px;
}
.page--yumepika-diary .yumepika-diary__form .mw_wp_form input[type=text],
.page--yumepika-diary .yumepika-diary__form .mw_wp_form input[type=email],
.page--yumepika-diary .yumepika-diary__form .mw_wp_form input[type=tel] {
  display: block;
  width: 100%;
  margin-top: 10px;
  border: 1px solid #fdeadc;
  background: #fdeadc;
  padding: 0.5em 15px;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__form .mw_wp_form .short {
    max-width: 284px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__form .mw_wp_form .short {
    max-width: 320px;
  }
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__form .mw_wp_form .min {
    max-width: 150px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__form .mw_wp_form .min {
    max-width: 150px;
  }
}
.page--yumepika-diary .yumepika-diary__form .mw_wp_form select {
  margin-top: 10px;
  border: 1px solid #fdeadc;
  background: #fdeadc;
  padding: 0.5em 15px;
}
.page--yumepika-diary .yumepika-diary__form .mw_wp_form .mwform-radio-field {
  display: block;
  margin-top: 10px;
  margin-left: 0;
  border: 1px solid #fdeadc;
  background: #fdeadc;
  padding: 0.5em 15px;
  max-width: 150px;
}
.page--yumepika-diary .yumepika-diary__form .mw_wp_form .required {
  margin-left: 0.75em;
  padding: 0 0.25em;
  border: 1px solid #9f8cc0;
}
.page--yumepika-diary .yumepika-diary__form .mw_wp_form .policy {
  margin-top: 50px;
  color: #5a5a5a;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__form .mw_wp_form .policy {
    font-size: 1.1rem;
    line-height: 2;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__form .mw_wp_form .policy {
    font-size: 1.3rem;
  }
}
.page--yumepika-diary .yumepika-diary__form .mw_wp_form .policy a {
  text-decoration: underline;
}
.page--yumepika-diary .yumepika-diary__form .mw_wp_form #submit {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__form .mw_wp_form #submit {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__form .mw_wp_form #submit {
    margin-top: 50px;
  }
}
.page--yumepika-diary .yumepika-diary__form .mw_wp_form #submit input[type=submit],
.page--yumepika-diary .yumepika-diary__form .mw_wp_form #submit button[type=submit] {
  width: 190px;
  border: 1px solid #f2f0a1;
  background: #f2f0a1;
  padding: 0.5em;
  color: #9f8cc0;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
  transition: 0.3s ease;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__form .mw_wp_form #submit input[type=submit],
.page--yumepika-diary .yumepika-diary__form .mw_wp_form #submit button[type=submit] {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__form .mw_wp_form #submit input[type=submit],
.page--yumepika-diary .yumepika-diary__form .mw_wp_form #submit button[type=submit] {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__form .mw_wp_form #submit input[type=submit],
.page--yumepika-diary .yumepika-diary__form .mw_wp_form #submit button[type=submit] {
    margin-top: 10px;
  }
}
.page--yumepika-diary .yumepika-diary__form .mw_wp_form #submit input[type=submit]:hover,
.page--yumepika-diary .yumepika-diary__form .mw_wp_form #submit button[type=submit]:hover {
  opacity: 0.8;
}
.page--yumepika-diary .yumepika-diary__instagram {
  padding-top: 100px;
  padding-bottom: 80px;
}
.page--yumepika-diary .yumepika-diary__instagram__figure {
  display: block;
  max-width: 1040px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__instagram__figure {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--yumepika-diary .yumepika-diary__instagram__figure {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--yumepika-diary .yumepika-diary__instagram__figure {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__instagram__figure {
    padding: 0 30px;
  }
}
.page--yumepika-diary .yumepika-diary__instagram__figure a {
  display: block;
  width: 100%;
  height: 100%;
}
.page--yumepika-diary .yumepika-diary__instagram__figure img {
  width: 100%;
  max-width: 1040px;
  height: auto;
}
.page--yumepika-diary .yumepika-diary__instagram__cta {
  display: block;
  max-width: 1200px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__instagram__cta {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--yumepika-diary .yumepika-diary__instagram__cta {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--yumepika-diary .yumepika-diary__instagram__cta {
    padding: 0 80px;
  }
}
.page--yumepika-diary .yumepika-diary__instagram__cta a {
  background: #f7a1cb;
  border: 1px solid #f7a1cb;
  color: #fff;
  max-width: 300px;
  margin-top: 20px;
  line-height: 1.4;
}
.page--yumepika-diary .yumepika-diary__instagram__cta a:hover {
  color: #f7a1cb;
  background: transparent;
}
.page--yumepika-diary .yumepika-diary__link {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 80px;
}
.page--yumepika-diary .yumepika-diary__link .catalog-2023__cta {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  border: 10px solid #ffd8d6;
  overflow: hidden;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__link .catalog-2023__cta {
    width: 100%;
    height: 200px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__link .catalog-2023__cta {
    width: 435px;
    height: 300px;
  }
}
.page--yumepika-diary .yumepika-diary__link .catalog-2023__cta::before {
  content: "";
  position: absolute;
  top: 0;
  height: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__link .catalog-2023__cta::before {
    background: url(../images/home/campaign-catalog-sp.jpg) center 20% no-repeat;
    background-size: cover;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__link .catalog-2023__cta::before {
    background: url(../images/home/campaign-catalog-pc.jpg) center 20% no-repeat;
    background-size: cover;
  }
}
.page--yumepika-diary .yumepika-diary__link .catalog-2023__cta::after {
  content: "";
  position: absolute;
  top: 0;
  height: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  transition: all 0.3s ease;
}
.page--yumepika-diary .yumepika-diary__link .catalog-2023__cta:hover {
  border: 10px solid #fff;
  box-shadow: 6.474px 6.252px 24px 0 rgba(0, 0, 0, 0.25);
}
.page--yumepika-diary .yumepika-diary__link .catalog-2023__cta:hover::before {
  transform: scale(1.2);
}
.page--yumepika-diary .yumepika-diary__link .catalog-2023__cta:hover::after {
  background: rgba(31, 49, 52, 0.5);
}
.page--yumepika-diary .yumepika-diary__link .catalog-2023__cta .wrap {
  position: absolute;
  padding: 0.5em 1.5em 0.5em 0.5em;
  background: rgba(255, 255, 255, 0.9);
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: bold;
  text-align: center;
  z-index: 10;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__link .catalog-2023__cta .wrap {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .yumepika-diary__link .catalog-2023__cta .wrap {
    font-size: 3rem;
  }
}
.page--yumepika-diary .yumepika-diary__link .catalog-2023__cta .wrap::after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #000;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .yumepika-diary__link .catalog-2023__cta .wrap::after {
    right: 10px;
  }
}
.page--yumepika-diary .yumepika-diary__link .catalog-2023__cta .red {
  color: #eca1ca;
}
.page--yumepika-diary .yumepika-diary__link .catalog-2023__cta .blue {
  color: #7ebded;
}
.page--yumepika-diary .yumepika-diary__link .catalog-2023__cta .yellow {
  color: #e6d223;
}
.page--yumepika-diary .catalog__form {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .catalog__form {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--yumepika-diary .catalog__form {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--yumepika-diary .catalog__form {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .catalog__form {
    margin-top: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .catalog__form {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary .catalog__form dl:nth-of-type(n + 2) {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary .catalog__form dl:nth-of-type(n + 2) {
    margin-top: 50px;
  }
}
.page--yumepika-diary.confirm .mw_wp_form dd {
  display: block;
  width: 100%;
  margin-top: 10px;
  border: 1px solid #efefef;
  background: #efefef;
  padding: 0.5em 15px;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary.confirm .message {
    margin-top: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary.confirm .message {
    margin-top: 90px;
  }
}
.page--yumepika-diary.confirm .message::before {
  display: none;
}
.page--yumepika-diary.confirm .message p {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary.complete .message {
    margin-top: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary.complete .message {
    margin-top: 90px;
  }
}
.page--yumepika-diary.complete .message::before {
  display: none;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary.complete .message__heading {
    margin-bottom: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary.complete .message__heading {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary.complete .message__heading::after {
    max-width: 150px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary.complete .message__heading::after {
    max-width: 200px;
  }
}
.page--yumepika-diary.complete .message p {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary.complete .message p:nth-child(n+2) {
    margin-top: 1em;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary.complete .message p:nth-child(n+2) {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary.complete .message__ig {
    margin: 50px auto;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary.complete .message__ig {
    margin: 100px auto;
  }
}
.page--yumepika-diary.complete .message a.home {
  width: 100%;
  max-width: 100%;
  height: 50px;
  color: #f7a1cb;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  border: 1px solid #f7a1cb;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.2s linear;
  position: relative;
  margin: 0 auto;
}
.page--yumepika-diary.complete .message a.home::after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #f7a1cb;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary.complete .message a.home:hover {
    color: #fff;
    background-color: #f7a1cb;
    text-decoration: none;
  }
  .page--yumepika-diary.complete .message a.home:hover::after {
    border-color: transparent transparent transparent #fff;
  }
}
@media only screen and (max-width: 768px) {
  .page--yumepika-diary.complete .message a.home {
    margin-top: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--yumepika-diary.complete .message a.home {
    max-width: 300px;
    margin: 50px auto 0 auto;
  }
}/*# sourceMappingURL=yumepika-diary.css.map */