.yellow_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fff9d8 0%) repeat scroll 0 0;}

/* 吹き出し（枠と背景色変更） */
.voice.girl .voicecomment{
background-color: #efefef;/*背景*/
border-color:#cccccc;/*枠線*/
}

.voice.l.girl .voicecomment:before{
border-right-color: #cccccc;/*枠線*/
}

.voice.l.girl .voicecomment:after{
border-right-color: #efefef;/*背景*/
}

.voice.r.girl .voicecomment:before{
border-left-color: #cccccc;/*枠線*/
}

.voice.r.girl .voicecomment:after{
border-left-color: #efefef;/*背景*/
}

/** ボタンをキラキラさせる */
.btn-wrap.rich_green a{
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.btn-wrap.rich_green a:after{
  content: "";
  display: inline-block;
  width: 30px; height: 200px;
  position: absolute;
  left: -30%; top: 50%;
  background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255, .8) 50%,rgba(255,255,255,0) 100%);
  background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,.8)),color-stop(100%,rgba(255,255,255,0)));
  transform: rotate(45deg) translateY(-60%);
  -webkit-transform: rotate(45deg) translateY(-60%);
  animation: shine 3s infinite linear;
  -webkit-animation: shine 3s infinite linear;
}
@keyframes shine {
  0% { left: -30%; }
  25% { left: 130%; }
  100% { left: 130%; }
}
@-webkit-keyframes shine {
  0% { left: -30%; }
  25% { left: 130%; }
  100% { left: 130%; }
}

/** 大きいボタンをキラキラさせる */
.btn-wrap.big a{
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.btn-wrap.big a:after{
  content: "";
  display: inline-block;
  width: 30px; height: 200px;
  position: absolute;
  left: -30%; top: 50%;
  background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255, .8) 50%,rgba(255,255,255,0) 100%);
  background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,.8)),color-stop(100%,rgba(255,255,255,0)));
  transform: rotate(45deg) translateY(-60%);
  -webkit-transform: rotate(45deg) translateY(-60%);
  animation: shine 3s infinite linear;
  -webkit-animation: shine 3s infinite linear;
}
@keyframes shine {
  0% { left: -30%; }
  25% { left: 130%; }
  100% { left: 130%; }
}
@-webkit-keyframes shine {
  0% { left: -30%; }
  25% { left: 130%; }
  100% { left: 130%; }
}

/** スマホの文字サイズのみ小さくする */
@media only screen and (max-width: 480px) {
  #container .entry-content p {
    font-size: 1.05em;
  }
}