/*テーブルプレス幅変更*/
.column-1{
  width:50%;
}
/*記事リンク文字変更*/
.content a{
    font-weight: bold;
    text-decoration: underline;
}
/*CSSバッジ*/
.badge1 {
    background: #607d8b;
    color: #fff;
    padding: 5px 9px;
    margin-right: 10px;
    font-size: 0.8em;
    border-radius: 0px;
}
/*HTMLバッジ*/
.badge2 {
    background: #7e0000;
    color: #fff;
    padding: 5px 9px;
    margin-right: 10px;
    font-size: 0.8em;
    border-radius: 2px;
}
/*タグ用枠*/
.sc_frame1{
  padding: 1em 1.5em;
  position: relative;
  border:1px solid #ccc;
  border-radius:0px;
  background-color:#dbdbdb;
  color:#333;
}
/*CSS枠*/
.sc_frame2{
  padding: 1em 1.5em;
  position: relative;
  border:1px solid #ccc;
  border-radius:0px;
  background-color:#f4f4f4;
  color:#333;
  margin-bottom:1em;
}
/*マーカーアニメーション*/
 
.marker-animation.active{
    background-position: -100% 0.5em;
}
 
.marker-animation {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(254, 255, 0) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(254, 255, 0) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(254, 255, 0) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(254, 255, 0) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(254, 255, 0) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 4s ease;
    font-weight: bold;
}
.waku2{
    background-color: #f8f9ff;
    padding:2em;
    width:auto;
    border: dashed 1px #4865b2;
    margin-bottom: 2em;
    display:table;
}
.waku3{
    background-color: #f8f9ff;
    padding-left:1em;
    width:auto;
    border: dashed 1px #4865b2;
    margin-bottom: 2em;
    display:table;
    padding-top: 2em;
    padding-right: 0em;
}
.waku4{
    background-color: #f8f9ff;
    padding:2em;
    width:auto;
    border: dashed 1px #4865b2;
    margin-bottom: 2em;
}
.b-mokuzi{
font-weight:bold!important;
font-size: 1.5em;
}
/*文字を震わせる*/
.buruburu {
    display: inline-block;
    animation: hurueru 2.2s  infinite;
}

@keyframes hurueru {
   0% {transform: translate(0px, 0px) rotateZ(0deg)}
   2% {transform: translate(2px, 2px) rotateZ(2deg)}
   4% {transform: translate(0px, 2px) rotateZ(0deg)}
   6% {transform: translate(2px, 0px) rotateZ(-2deg)}
   8% {transform: translate(0px, 0px) rotateZ(0deg)}
   10% {transform: translate(2px, 2px) rotateZ(2deg)}
   12% {transform: translate(0px, 0px) rotateZ(0deg)}
   14% {transform: translate(2px, 0px) rotateZ(-2deg)}
   16% {transform: translate(0px, 2px) rotateZ(0deg)}
   18% {transform: translate(0px, 0px) rotateZ(0deg)}
   100% {transform: translate(0px, 0px) rotateZ(0deg)}
}