@charset "utf-8";

/* --------------------------------------------------------------------- */
/* TODDLER */
/* --------------------------------------------------------------------- */
.topImg img {
  width: 100%;
  margin: 30px 0 0 0;
}

#ohisama {
  background: #F2C2B9;
}

#ohisama h2 {
  padding: 5px 20px;
  color: #DE6751 !important;
}

#orange {
  background: #F9DDBB;
}

#orange h2 {
  padding: 5px 20px;
  color: #EFAB56 !important;
}

#niconico {
  background: #E9E0B5;
}

#niconico h2 {
  padding: 5px 20px;
  color: #C7B247 !important;
}

.contentBox h2 {
  background: #FFF;
  padding: 20px;
  border-radius: 10px;
  font-weight: bold !important;
}

.contentBox h2 .subTitle {
  font-size: 14px;
  margin: 0 !important;
  font-weight: bold !important;
}

#orange a.btn {
  background: #EFAB56;
  width: 50%;
  margin: 30px auto 0;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  display: block;
  color: #FFF;
}
#orange a.btn i{
  font-style: normal;
  margin: 0 10px 0 0;
  font-size: 10px;
}


#contactTell {
  color: #9AB6A0;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  padding: 30px 0 0;
}

@media screen and (max-width:480px) {

  .read {
    margin: 20px 20px 0 20px !important;
    font-size: 14px;
  }

  .topImg {
    margin: 0 20px !important;
    font-size: 14px;
  }

  #ohisama h2,
  #orange h2,
  #niconico h2{
    font-size: 1.4rem;
  }

  #orange a.btn{
    width: auto;
    font-size:14px;
  }

  #contactTell{
font-size: 18px;
  }



}