/* ***************************
common
*************************** */
.miraito_fcBrown {
  color: #7c4d22;
}

.miraito_fcRed {
  color: #db3a2a;
}

.miraito_fcBlue {
  color: #1c2788;
}

.miraito_rakukajiHeading {
  clear: both;
}

.miraito_rakukajiHeading.is-brown {
  background-color: #7c4d22;
}

.miraito_rakukajiHeading.is-brown:after {
  border-top-color: #7c4d22;
}

.miraito_rakukajiHeading.is-blue {
  background-color: #52c3f1;
}

.miraito_rakukajiHeading.is-blue:after {
  border-top-color: #52c3f1;
}

.miraito_rakukajiHeading.is-pink {
  background-color: #f74f84;
}

.miraito_rakukajiHeading.is-pink:after {
  border-top-color: #f74f84;
}

.miraito_rakukajiHeading.is-green {
  background-color: #34ada0;
}

.miraito_rakukajiHeading.is-green:after {
  border-top-color: #34ada0;
}

.miraito_column {
  position: relative;
}

.miraito_border {
  border-radius: 50px;
  padding: 8px 16px;
  font-size: 117.64706%;
  line-height: 150%;
}

.miraito_border.is-green {
  border: 5px solid #34ada0;
}

.miraito_border.is-pink {
  border: 5px solid #f74f84;
}

/* ***************************
miraito_preparaBox
*************************** */
.miraito_preparaBox div:first-child {
  padding-right: 10px;
}

.miraito_preparaBox div:last-child {
  padding-left: 10px;
  position: relative;
}

.miraito_preparaBox div:last-child p:first-child {
  position: absolute;
  top: 134px;
  left: -22px;
}

/* ***************************
miraito_pikapikaBox
*************************** */
.miraito_pikapikaBox,
.miraito_pikapikaBox2 {
  border-radius: 20px;
  /*padding: 10px 20px 5px 20px;*/
  padding: 10px 15px 5px 15px;
  width: 800px;
  margin-top: 0px;
}

.miraito_pikapikaBox .miraito_list,
.miraito_pikapikaBox2 .miraito_list {
  margin-top: 30px;
}

.miraito_pikapikaBox .miraito_list li,
.miraito_pikapikaBox2 .miraito_list li {
  display: block;
  margin: 0 0 5px 0;
  float: left;
  font-weight: bold;
  font-size: 117.64706%;
  line-height: 150%;
}

.miraito_pikapikaBox p,
.miraito_pikapikaBox2 p {
  clear: both;
  padding-top: 15px;
}

.miraito_pikapikaBox {
  background-color: #ebf7fa;
  border: 5px solid #34ada0;
}

.miraito_pikapikaBox .miraito_list li {
  width: 150px;
}

.miraito_pikapikaBox2 {
  background-color: #fff0f8;
  border: 5px solid #f74f84;
}

.miraito_pikapikaBox2 .miraito_list li {
  width: 100px;
}

/* ***************************
miraito_plusBox
*************************** */
.miraito_plusBox {
  position: relative;
  border-top: 14px solid #bbe2ea;
  border-bottom: 14px solid #bbe2ea;
}

.miraito_plusBox div:first-child p:first-child {
  position: absolute;
  top: -107px;
}

.miraito_plusBox2 {
  position: relative;
  border-top: 14px solid #fbb4c3;
  border-bottom: 14px solid #fbb4c3;
}

.miraito_plusBox2 div:first-child p:first-child {
  position: absolute;
  top: -79px;
}

.miraito_plusBox:before,
.miraito_plusBox2:before {
  content: "";
  position: absolute;
  background-color: #ffffff;
  top: -14px;
  left: 0px;
  height: 14px;
  width: 190px;
}

/* ***************************
miraito_ideaBox
*************************** */
.miraito_ideaBox {
  background: url("/library/image/miraito/image/2021_summer/sugowaza/miraito_g01_bg01.png") left top repeat;
  padding: 130px 20px 0 20px;
  position: relative;
}

.miraito_ideaBox > p:first-child {
  position: absolute;
  top: 0px;
  left: 26px;
}

.miraito_ideaBox:before {
  content: "";
  position: absolute;
  background-color: #ffffff;
  top: 0px;
  left: 0px;
  height: 20px;
  width: 100%;
}

/* ***************************
miraito_poipoiBox
*************************** */
.miraito_poipoiBox h4 {
  border-bottom: 2px dotted #ed6930;
  padding-bottom: 10px;
  padding-right: 160px;
}

.miraito_poipoiBox p:first-child {
  position: relative;
}

.miraito_poipoiBox p:first-child img:last-child {
  position: absolute;
  bottom: -64px;
  right: -5px;
}