/* Slider-sub */
.cls-1 img, .cls-2 img, .cls-3 img, .cls-4 img, .cls-5 img, .cls-6 img, .cls-7 img, .cls-8 img {
  margin-left: auto;
  margin-right: auto;
}
.cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8 {
  height: 340px;
}
@media only screen and (max-width: 425px) {
  .cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8 {
    height: 300px;
  }
}
.cls-1 {  background-color: #29abe2;}
.cls-2 {  background-color: #39b54a;}
.cls-3 {  background-color: #f15a24;}
.cls-4 {  background-color: #3c406d;}
.cls-5 {  background-color: #dcc200;}
.cls-6 {  background-color: #ae4a21;}
.cls-7 {  background-color: #00696f;}
.cls-8 {  background-color: #852183;}
.cls-1 a, .cls-2 a, .cls-3 a, .cls-4 a, .cls-5 a, .cls-6 a, .cls-7 a, .cls-8 a {
  display: block;
  background-image: url(/wp-content/uploads/onayami-kaiketu/kok-t-1.png);
  background-repeat: no-repeat;
  background-position: center top;
}
@media only screen and (max-width: 425px) {
  .cls-1 a, .cls-2 a, .cls-3 a, .cls-4 a, .cls-5 a, .cls-6 a, .cls-7 a, .cls-8 a {
    background-size: 90% 90%
  }
}
.cls-2 a {
  background-image: url(/wp-content/uploads/onayami-kaiketu/kok-t-2.png);
}
.cls-3 a {
  background-image: url(/wp-content/uploads/onayami-kaiketu/kok-t-3.png);
}
.cls-4 a {
  background-image: url(/wp-content/uploads/onayami-kaiketu/kok-t-4.png);
}
.cls-5 a {
  background-image: url(/wp-content/uploads/onayami-kaiketu/kok-t-5.png);
}
.cls-6 a {
  background-image: url(/wp-content/uploads/onayami-kaiketu/kok-t-6.png);
}
.cls-7 a {
  background-image: url(/wp-content/uploads/onayami-kaiketu/kok-t-7.png);
}
.cls-8 a {
  background-image: url(/wp-content/uploads/onayami-kaiketu/kok-t-8.png);
}
#page .slider a:hover {
  opacity: 1.00 !important;
  filter: alpha(opacity=100) !important;
  -ms-filter: "alpha(opacity=100)" !important;
}
.cls-1:hover img, .cls-2:hover img, .cls-3:hover img, .cls-4:hover img, .cls-5:hover img, .cls-6:hover img, .cls-7:hover img, .cls-8:hover img {
  -webkit-animation: anime 0.5s linear 0s 1;
  animation: anime 0.5s linear 0s 1;
}
@keyframes anime {
  0% {    transform: scale(1.0, 1.0) translate(0%, 0%);  }
  15% {    transform: scale(1.0, 1.0) translate(0%, 3%);  }
  30% {    transform: scale(1.0, 1.0) translate(0%, 5%);  }
  50% {    transform: scale(1.0, 1.0) translate(0%, -2%);  }
  70% {    transform: scale(1.0, 1.0) translate(0%, 2%);  }
  100% {    transform: scale(1.0, 1.0) translate(0%, 0%);  }
}
@media only screen and (max-width: 425px) {
  .cls-1 img, .cls-2 img, .cls-3 img, .cls-4 img, .cls-5 img, .cls-6 img, .cls-7 img, .cls-8 img {
    width: 250px;
  }
}
.cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8 {
  position: relative !important;
}
.cls-1 span, .cls-2 span, .cls-3 span, .cls-4 span, .cls-5 span, .cls-6 span, .cls-7 span, .cls-8 span {
    display: block;
    position: absolute;
    background-color: rgba(252,252,252,0.6);
    width: 130px;
    bottom: 15px;
    right: 15px;
    text-align: center;
    font-size: 80%;
	color: black;
}
.cls-1 span:after, .cls-2 span:after, .cls-3 span:after, .cls-4 span:after, .cls-5 span:after, .cls-6 span:after, .cls-7 span:after, .cls-8 span:after {
  content: url(sl-sub-ar.png);
	position: absolute;
	right: 5px;
	top: 0px;	
}
.cls-1:hover span,.cls-2:hover span,.cls-3:hover span,.cls-4:hover span,.cls-5:hover span,.cls-6:hover span,.cls-7:hover span,.cls-8:hover span {
  -webkit-animation: anime 0.35s linear 0s 1;
  animation: bt-anime 0.35s linear 0s 1;
	background-color: rgba(252,252,252,1.0);
}
@keyframes bt-anime {
  0% {    background-color: rgba(252,252,252,0.6);  }
  100% {    background-color: rgba(252,252,252,1.0);  }
}


/*後から表示*/
.fade-in1 {
  display: none;
  /*margin: 60px auto;*/
  margin: 0px auto 10px;           
}
/*その他*/
.midashi-onayami {
    border: 1px solid #CCCCCC ;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	font-size: 140%;
}