@charset "utf-8";
.yume_pink {
  background-color: #fae5f6;
}
.yume_purple {
  background-color: #EDE5FC;
}
.yume_yellow {
  background-color: #fffbdd;
}

.pink_purple {
  background: linear-gradient(#fae5f6, #EDE5FC);
  height: 100px;
}
.purple_yellow {
  background: linear-gradient(#EDE5FC, #fffbdd);
  height: 100px;
}
.category_title_yume_pink {
  font-size: clamp(28px, 3vw, 32px);
  color: #fc90a8;
  font-weight: 600;
}
.category_subtitle_yume_pink {
  font-size: clamp(18px, 3vw, 21px);
  color: #fc90a8;
  font-weight: 600;
  margin-bottom: 45px;
}
.text16pt_brown_disc {
  font-size: clamp(16px, 3vw, 16px);
  color: #a48b78;
}

.text16pt_brown {
  font-size: clamp(16px, 3vw, 16px);
  color: #a48b78;
  line-height: 2.2em
}

.text16pt_yume_pink {
  font-size: clamp(16px, 3vw, 16px);
  color: #fc90a8;
}
.text18pt_yume_pink {
  font-size: clamp(16px, 3vw, 18px);
  color: #fc90a8;
}
.description_yume_pink {
  font-size: clamp(18px, 3vw, 18px);
  color: #fc90a8;
  line-height: 2.5em
}
.modal_btn {
  border-radius: 25px;
  border: 2px solid #fc90a8;
  cursor: pointer;
  color: #fc90a8;
  background-color: white;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
  height: 60px;
}

.modal_btn :hover {
  color: white;
  background-color: #fc90a8;
  transition: 0.5s;
}

.bmargin_100 {
	margin-bottom: -100px;
}

/*改行位置調節*/
@media screen and (min-width: 768px) {
  /*　画面サイズが768px以上の場合読み込む　*/
  .bg_background_img_ml {
    background: #ddd url("../images/marshmallop/ml_bg_marsh.png") no-repeat center center;
    background-size: cover;
  }
}
@media screen and (max-width:990px) {
  .bg_background_img_ml {
    background: #ddd url("../images/marshmallop/sp_ml_bg_marsh.png") no-repeat center center;
    background-size: cover;
  }
	.bmargin_100 {
		margin-bottom: -60px;
	}
}