/*-------------------------------------小雀とと*/
#kogara {
  background: url(../images/kogara/background.png) repeat-y top left / contain;
}


.kogara-top-text,
.kogara-profile,
.kogara-tag,
.kogara-movie {
  background-color: #FDFBDA;
  background-image :
      repeating-linear-gradient(to bottom,
                                rgba(245, 235, 74, 0.3),
                                rgba(245, 235, 74, 0.3) 50px,
                                rgba(0, 0, 0, 0) 0,
                                rgba(0, 0, 0, 0) 100px),
      repeating-linear-gradient(to right,
                                rgba(245, 235, 74, 0.3),
                                rgba(245, 235, 74, 0.3) 50px,
                                rgba(0, 0, 0, 0) 0,
                                rgba(0, 0, 0, 0) 100px);
  border-radius: 3rem;
  outline: 3px dashed #8d4828;
  outline-offset: -6px;
  color: #000;
  box-shadow: 1px 2px 2px 1px #000;
  -webkit-backface-visibility: hidden; /* チラつき防止 */
  backface-visibility: hidden;
  -webkit-transform: translate3d(0,0,0);
}


.kogara-profile,
.kogara-tag {
   background-image :
      repeating-linear-gradient(to bottom,
                                rgba(73, 245, 96, 0.3),
                                rgba(73, 245, 96, 0.3) 50px,
                                rgba(0, 0, 0, 0) 0,
                                rgba(0, 0, 0, 0) 100px),
      repeating-linear-gradient(to right,
                                rgba(73, 245, 96, 0.3),
                                rgba(73, 245, 96, 0.3) 50px,
                                rgba(0, 0, 0, 0) 0,
                                rgba(0, 0, 0, 0) 100px);
}

.kogara-movie {
  background-image :
      repeating-linear-gradient(45deg,
                                rgba(245, 73, 119, 0.3),
                                rgba(245, 73, 119, 0.3) 50px,
                                rgba(0, 0, 0, 0) 0,
                                rgba(0, 0, 0, 0) 100px),
      repeating-linear-gradient(315deg,
                                rgba(245, 73, 119, 0.3),
                                rgba(245, 73, 119, 0.3) 50px,
                                rgba(0, 0, 0, 0) 0,
                                rgba(0, 0, 0, 0) 100px);
}

.kogara-top-text,
.kogara-profile,
.kogara-tag,
.kogara-movie {
  -webkit-border-radius: 3rem;
  border-radius: 3rem;
}