@charset "utf-8";
body {
font-family: Verdana, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “メイリオ”, Meiryo, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “ＭＳ Ｐゴシック”, sans-serif;
text-align:center;
}
.fusen-2 {
    display: inline-block;
    position: relative;
    padding: .5em 1em;
    border-right: 27px solid #2589d0;
    background-color: #f5f5f5;
    color: #333333;
}

.fusen-2::before {
    position: absolute;
    bottom: 2px;
    right: -20px;
    z-index: -1;
    transform: rotate(5deg);
    width: 100%;
    height: 50%;
    background-color: #d0d0d0;
    content: "";
    filter: blur(4px);
}
#realtime {
	    display: inline-block;
    position: relative;
    padding: .5em 1em;
    border-right: 27px solid #2589d0;
    background-color: #f5f5f5;
    color: blue;
    
   }
   
   .realtime::before {
    position: absolute;
    bottom: 2px;
    right: -20px;
    z-index: -1;
    transform: rotate(5deg);
    width: 100%;
    height: 50%;
    background-color: blue;
    content: "";
    filter: blur(4px);
}
/* 往復する文字 */
.marquee-2 {
  white-space: nowrap;
  display: grid;
  animation: marquee-alt 4s steps(30, end) infinite;

  &::before {
    content: '';
  }
}

@keyframes marquee-alt {
  0%, 100% {
    grid-template-columns: 1fr auto;
  }

  50% {
    grid-template-columns: 0fr auto;
  }
}

/* 基本設定 */
.text-box {
  margin-inline: auto;
  max-width: 700px;
  overflow: clip;
}
@media (min-width: 768px) {
  .navpc{
text-align: center;
}
.navpc ul{
margin: 0 ;
padding: 0 ;
}
.navpc ul li{
list-style: none;
display: inline-block;
width: 18%;
min-width: 90px;
}
.navpc ul li a{
text-decoration: none;
color: #333;
}
.navpc ul li.current a{
color: #F33135;
}

.navpc
 ul li a:hover{
color: #E7DA66;
}
}