/* CSS Document */
#chara {
  /*------------ moomin------------ */
  /*--------------- peanuts ------------*/
  /*--------------- other ------------*/
  /*-------------------------------responsive---------------------------*/
}
#chara section.PEANUTS {
  background-color: #ddcac3;
}
#chara .spec_box {
  color: #543f31;
}
#chara section.PEANUTS .mainA {
  padding: 5% 14%;
}
#chara section.PEANUTS .spec_box, #chara section.Doraemon .spec_box {
  padding: 0 7% 1%;
}
#chara section.PEANUTS .spec_box div, #chara section.Doraemon .spec_box div {
  padding: 3%;
}
#chara section.Doraemon {
  background-color: #f8e3e0;
}
#chara section.Doraemon .mainA {
  padding: 0 5%;
}
#chara p.cara_btn:hover {
  opacity: 0.7;
}
#chara p.cara_btn {
   width: 70%;
   margin: 10% auto 16%;
   background-color: #534741;
   border-radius: 0px;
   text-align: center;
}
#chara p.cara_btn a {
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: clamp(11px, 3vmin, 24px);
  font-weight: bold;
  letter-spacing: 0.1em;
  padding: 5% 2%;
  line-height: 1em;
}
#chara section.PEANUTS p.peanuts_btn {
  background-color: #87391e;
  margin: 8% auto;
  border-radius:45px;
}
#chara section.Doraemon{
  padding-bottom:10%;
}
.DORA_bar{
	margin:15% 5% 10%;
}
#chara p.dora {
  background-color: #2a80b9;
  margin: 8% auto;
  border-radius:45px;
}
@media screen and (max-width: 500px) {
  #chara p.cara_btn a {
    padding: 6% 2%;
  }
  #chara section.moomin .spec_box, #chara section.monchhichi .spec_box {
    padding: 0 3% 1%;
  }
}/*# sourceMappingURL=caracter_v2.css.map */