/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/* カスタマイズする場合にはこれより下に追記してください  */
.btn-push {
  display: inline-block;
  width: 95%;
	text-align: center;
  background-color: #27AE60;
  font-size: 18px;
  color: #FFF !important;
  text-decoration: none;
	font-weight: bold;
	padding: 20px 5px;
  border-radius: 4px;
	margin-bottom: 30px !important;
	border-bottom: 4px solid #15914F;
}

.btn-push:active {
    transform: translateY(4px);
    border-bottom: none;
}

.btn-pushr {
  display: inline-block;
  width: 95%;
	text-align: center;
  background-color: #EF3F35;
  font-size: 18px;
  color: #FFF !important;
  text-decoration: none;
	font-weight: bold;
	padding: 20px 5px;
  border-radius: 4px;
	margin-bottom: 30px !important;
	border-bottom: 4px solid #C62828;
}

.btn-pushr:active {
    transform: translateY(4px);
    border-bottom: none;
}


.btn-pushbr {
  display: inline-block;
  width: 95%;
	text-align: center;
  background-color: #3AB6F0;
  font-size: 18px;
  color: #FFF !important;
  text-decoration: none;
	font-weight: bold;
	padding: 20px 5px;
  border-radius: 4px;
	margin-bottom: 30px !important;
	border-bottom: 4px solid #039BE5;
}

.btn-pushbr:active {
    transform: translateY(4px);
    border-bottom: none;
}

/* マーカー線・黄色 */
.marker01{
background:linear-gradient(transparent 75%, #ffdc00 75%);
font-weight:bold; 
}


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



.tchtable{
  width: 100%;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 15px;

}
.tchnomal{
  display: block;
  float: none !important;
  width: 100%;
  margin: 5 auto !important;
}

.tchgreen a{
  background-color: #27AE60 !important;
  border: 0 solid #27AE60 !important;
}
.tchblue a{
  background-color: #039DE7 !important;
  border: 0 solid #039DE7 !important;
}
.tchorange a{
  background-color: #F8B500 !important;
  border: 0 solid #F8B500 !important;
}
.whitetext a{
  color:white !important;
}
.tchbutton{
  border-radius: 8px;
  transition: 0.3s;
  animation-fill-mode: none !important;
  -webkit-animation-fill-mode: none !important; 
  -moz-animation-fill-mode: none !important;
  box-shadow:1px 1px 3px #ccc;
  overflow: hidden;
}

.tchbutton:hover{
  opacity: 0.5;
  transform: translate3d(0px, 5px, 1px);
  -webkit-transform: translate3d(0px, 5px, 1px);
  -moz-transform: translate3d(0px, 5px, 1px);
  animation-fill-mode: none !important;
  -webkit-animation-fill-mode: none !important; 
  -moz-animation-fill-mode: none !important;
  box-shadow: none;
}
.tchbutton.lamp{
  margin:0 auto;
}
.tchbutton.lamp a{
  border-radius: 10px;
  display: block;
  position: relative;
  font-size:20px;
  font-weight:bold;
  z-index: 5;
  overflow: hidden;
  width: auto;
  padding: 13px 0;
  text-align: center;
  text-decoration: none;
  transition: .30s linear;
  -webkit-transition: .30s linear;
  -moz-transition: .30s linear;
  font-weight: bold;
}

.tchbutton.lamp a:before{
  display: block;
  position: absolute;
  z-index: -1;
  left: -30%;
  top: -50%;
  content: "";
  width: 30px;
  height: 200px;
  transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 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,1)),color-stop(100%,rgba(255,255,255,0)));
  background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
  animation: shiny 3s infinite linear;
  -webkit-animation: shiny 3s infinite linear;
  -moz-animation: shiny 3s infinite linear;
}
.tchbutton.jv{
  text-align: center;
  margin:0 auto;
  cursor: pointer;
}
.tchbutton.jv a{
  display: block;
  width:auto;
  padding:15px 0;
  border-radius: 10px;
  font-weight:bold;
  text-decoration: none;
  font-size: 20px;
}