h2#danraku2 {
  font-size: 22xp;
  border-left: solid 3xp #b7a077;
  
  }
h3#danraku3 {



}
h4#danraku4 {


}
.btn a:hover {
background-color: #96e9e6;
box-shadow: 0 3px 0 #12978d, 0 6px 0px rgba(0,0,0,0.2);
-webkit-transform: translateY(3px);
transform: translateY(3px);
}
.btn a:active {
color: #ddd;
background-color: #12978d;
box-shadow: 0 0 0 #047c71, 0 0 0px rgba(0,0,0,0.2);
-webkit-transform: translateY(6px);
transform: translateY(6px);
transition-duration: 0.1s;
}
/*文字詰め*/
.selector {
  font-feature-settings : "palt";
}
/*紅色*/
.red {
  color: #e9104f;
}
/*青色*/
.blue {
  color: #0000ff;
}
/*ピンク塗りつぶし*/
.markpink {
  background: #ffdede;
}
/*強調太字*/
.big {
  font-size: 18px;
  font-weight: bold;
}
/*テキスト行間*/
p.while {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 0.7em;
}
/*格子背景*/
div.bg1 {
    background-color: #FFFFFF;
    background-image:
        linear-gradient( transparent 95%, rgba(247,247,247,1) 90%, rgba(247,247,247,1) 100%, transparent 100%),
        linear-gradient( 90deg, transparent 95%, rgba(247,247,247,1) 90%, rgba(247,247,247,1) 100%, transparent 100%)
        ;
    background-size: 20px 20px;
}
/*h2サイズ見出し(オレンジ系)*/
/*呼び出しはh1想定*/
.h2caption {
  font-size: 20px;
  padding: 0.3em 0em 0.3em 1em;
  color: #010079;
  text-shadow: 0 0 5px white;
  border-left: solid 7px #ff9600;
  background: -webkit-repeating-linear-gradient(-45deg, #ffe270, #ffe270 3px,#fff0b4 3px, #fff0b4 7px);
  background: repeating-linear-gradient(-45deg, #ffe270, #ffe270 3px,#fff0b4 3px, #fff0b4 7px);
}
/*余白行*/
p.space {
  margin-bottom: 2em;
}
/*マージン*/
p.margin {
  margin: 1.3em 0em 1.3em 0em
}
/*マージン抜き*/
p.nonmargin {
  margin: 0em 0em 0em 0em
}
/*黄色下線*/
.mark {
background:linear-gradient(transparent 70%, #f8e352 0%);
}
/*点滅*/
.blink {animation:BLINK 1.0s ease-in-out infinite alternate;}
@keyframes BLINK {0%{opacity:1.0;}100% {opacity:0;}}

/*マーカーアニメーション*/
 
.marker-animation.active{
    background-position: -100% .5em;
}
 
.marker-animation {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 2s ease;
    font-weight: bold;
}