.yuka-greeting-wrap{
  position: relative;
  margin: 14px 0 18px;
  padding: 6px 2px;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.yuka-greeting-wrap .yuka-greeting-line1{
  display:block;
  font-weight:600;
}

.yuka-greeting-wrap .yuka-greeting-line2{
  display:block;
  margin-top:6px;
  text-align:right;
  font-size:.88em;
  font-weight:500;
  opacity:.75;
  letter-spacing:.02em;
}

.yuka-greeting-wrap .yuka-greeting-line2 a.yuka-greeting-name{
  color: inherit;
  border-bottom-color: rgba(193,170,159,.45);
  opacity:.9;
}

.yuka-greeting-wrap:before{
  content:'';
  position:absolute;
  left:0;
  top:-10px;
  width:52%;
  height:14px;
  pointer-events:none;
  opacity:.65;
  background:
    linear-gradient(to right,
      rgba(193,170,159,0),
      rgba(193,170,159,.9),
      rgba(193,170,159,.55)
    ) 0 8px / 100% 2px no-repeat,
    radial-gradient(circle at 10px 8px,
      transparent 6px,
      rgba(193,170,159,.85) 6px,
      rgba(193,170,159,.85) 7px,
      transparent 7px
    ) 0 0 / 28px 16px no-repeat,
    radial-gradient(circle at 34px 10px,
      transparent 7px,
      rgba(193,170,159,.45) 7px,
      rgba(193,170,159,.45) 8px,
      transparent 8px
    ) 20px 0 / 42px 18px no-repeat;
}

.yuka-greeting-wrap:after{
  content:'';
  position:absolute;
  right:0;
  bottom:-10px;
  width:52%;
  height:14px;
  pointer-events:none;
  opacity:.65;
  background:
    linear-gradient(to left,
      rgba(193,170,159,0),
      rgba(193,170,159,.9),
      rgba(193,170,159,.55)
    ) 0 4px / 100% 2px no-repeat,
    radial-gradient(circle at calc(100% - 10px) 6px,
      transparent 6px,
      rgba(193,170,159,.85) 6px,
      rgba(193,170,159,.85) 7px,
      transparent 7px
    ) 0 0 / 28px 16px no-repeat,
    radial-gradient(circle at calc(100% - 34px) 4px,
      transparent 7px,
      rgba(193,170,159,.45) 7px,
      rgba(193,170,159,.45) 8px,
      transparent 8px
    ) 0 0 / 42px 18px no-repeat;
}

.yuka-greeting-wrap a.yuka-greeting-name{
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(193,170,159,.55);
  opacity: .92;
}

.yuka-greeting-wrap a.yuka-greeting-name:hover{
  opacity: 1;
  border-bottom-color: rgba(193,170,159,.85);
}

.yuka-greeting-wrap a.yuka-greeting-name:visited{
  color: inherit;
}

.yuka-greeting-countdown{
  display:inline-block;
  margin-left: 8px;
  opacity: .9;
}

/* 装飾UIモード：見た目は通常モードと同じ。識別用クラスのみ付与。 */
.yuka-greeting-wrap--decorative{
  display: block;
}