.cap {position: relative;}
 
.cap img {
   border: none !important;
   margin: 0 !important;
   padding: 0 !important;
   height:2800px;
}
 
.cap p {
   position: absolute;
   left: 0;
   bottom: 50px;
   color: #fff;
   padding: 5px;
   background: #000;
   filter: Alpha(opacity=70);
   opacity:0.7;
}
 
.next {
   position: absolute;
   left: 210px;
   bottom: 0px;
   color: #fff;
   padding: 5px;
   filter: Alpha(opacity=70);
   width:50px;
   height:150px;
   opacity:0.7;
   //background: #efffb2;
   // background-image: url("./images/demo6/link_arrow12.png");
     background-repeat: no-repeat;
     background-position: right center;
}


.prev {
   position: absolute;
   left: 10px;
   bottom: 0px;
   color: #fff;
   padding: 5px;
   filter: Alpha(opacity=70);
   width:50px;
   height:150px;
   opacity:0.7;
   //background: #efffb2;
    //background-image: url("./images/demo6/link_arrow11.png");
     background-repeat: no-repeat;
     background-position:left  center;
}

div.feedInOut{
	float:left;
	width:280px;
	height:280px;
	clear:both;
	-webkit-animation: 'anime1' 3s ease 0 1 alternate;
	animation-name: 'anime1';
	animation-duration: 3s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	animation-direction:alternate;
	-moz-animation-name: anime1;
	-moz-animation-duration: 3s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction:alternate;

}

@keyframes 'anime1' {
	0% {	opacity:0;	}
	50% {	opacity:0;	}
	100% {	opacity:1;	}
}
@-webkit-keyframes 'anime1' {
	0% {	opacity:0;	}
	50% {	opacity:0;	}
	100% {	opacity:1;	}
}
@-moz-keyframes anime1 {
	0% {	opacity:0;	}
	50% {	opacity:0;	}
	100% {	opacity:1;	}
}

@-ms-keyframes anime1 {
	0% {	opacity:0;	}
	50% {	opacity:0;	}
	100% {	opacity:1;	}
}

#contents{
	position: relative;
}

.star{
	position: absolute;
	bottom:0px;
}


.prob3 {
    width: 64px;
	padding: 5px;
	background: #efffb2;
	display: inline-block;
	margin: 0px 3px 10px 0;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	white-space: nowrap;
	border: solid 5px #92c000;
	text-align: center;
}


.advtxt{
	position:absolute;
	top:75px;
	left:25px;
	right:25px;
	padding: 6px 10px 6px 10px;
	font-size: 120%;
	background: #fff9d6;
	text-align:left;
	opacity: 0.9;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.titlearea{
  margin-top:10px;
  text-align: center;
}

.daytext{
  background-color: #CC3366;
  color: #FFFFFF;
  font-size: 130%;
  font-weight: bold;
  border-radius: 5px; /* 4つのコーナーを半径10pxの角丸に */
  padding: 5px; /* 左パディングを20px */
}


.anm {
// border: 1px solid #DDDDDD;
// display: inline-block;
// height: 100px;
// overflow: hidden;
// position: relative;
// vertical-align: top;
// width: 100px;

 display: inline-block; 
 overflow: hidden;
 position:absolute;
// position: relative;
 top:0px;
 left:0px;
 width: 280px;
 height: 280px;
 vertical-align: top;
}
.anm img {
 max-width:none;
}


.type2 img {
 -webkit-animation:type2 infinite step-end 3s;
 -moz-animation:type2 infinite step-end 3s;
 animation:type2 infinite step-end 3s;
}

/*
@-moz-keyframes type2 {
 1% { transform:translate3d(0,0,0); }
 50% { transform:translate3d(-280px,0px,0); }
}

@-webkit-keyframes type2 {
 1% { transform:translate3d(0,0,0); }
 50% { transform:translate3d(-280px,0px,0); }
}

@keyframes type2 {
 1% { transform:translate3d(0,0,0); }
 50% { transform:translate3d(-280px,0px,0); }
}
*/

@-webkit-keyframes type2 {
 1% { -webkit-transform:translate3d(0,0,0); }
 50% { -webkit-transform:translate3d(-280px,0px,0); }/*目を閉じる*/
}
@-moz-keyframes type2 {
 1% { -moz-transform:translate3d(0,0,0); }
 50% { -moz-transform:translate3d(-280px,0px,0); }/*目を閉じる*/
}
@keyframes type2 {
 1% { transform:translate3d(0,0,0); }
 50% { transform:translate3d(-280px,0px,0); }/*目を閉じる*/
}


.aaa {
 border: 1px solid #DDDDDD;
 display: inline-block;
 height: 100px;
 overflow: hidden;
 position: relative;
 vertical-align: top;
 width: 100px;
}
.aaa img {
 max-width:none;
}

.type3 img {
 -webkit-animation:type3 infinite step-end 3s;
 -moz-animation:type3 infinite step-end 3s;
 animation:type3 infinite step-end 3s;
}
@-webkit-keyframes type3 {
 1% { -webkit-transform:translate3d(0,0,0); }
 5% { -webkit-transform:translate3d(-100px,0px,0); }/*目を閉じる*/
 20% { -webkit-transform:translate3d(0px,-100px,0); }/*背伸び*/
 30% { -webkit-transform:translate3d(-200px,-100px,0); }/*あ*/
 40% { -webkit-transform:translate3d(-200px,-100px,0); }/*い*/
 50% { -webkit-transform:translate3d(-300px,-100px,0); }/*う*/
 60% { -webkit-transform:translate3d(-400px,-100px,0); }/*え*/
 70% { -webkit-transform:translate3d(-500px,-100px,0); }/*お*/
 80% { -webkit-transform:translate3d(-600px,-100px,0); }/*んー*/
 90% { -webkit-transform:translate3d(-700px,-100px,0); }/*ニコッ*/
}
@-moz-keyframes type3 {
 1% { -moz-transform:translate3d(0,0,0); }
 5% { -moz-transform:translate3d(-100px,0px,0); }/*目を閉じる*/
 20% { -moz-transform:translate3d(0px,-100px,0); }/*背伸び*/
 30% { -moz-transform:translate3d(-200px,-100px,0); }/*あ*/
 40% { -moz-transform:translate3d(-200px,-100px,0); }/*い*/
 50% { -moz-transform:translate3d(-300px,-100px,0); }/*う*/
 60% { -moz-transform:translate3d(-400px,-100px,0); }/*え*/
 70% { -moz-transform:translate3d(-500px,-100px,0); }/*お*/
 80% { -moz-transform:translate3d(-600px,-100px,0); }/*んー*/
 90% { -moz-transform:translate3d(-700px,-100px,0); }/*ニコッ*/
}
@keyframes type3 {
 1% { transform:translate3d(0,0,0); }
 5% { transform:translate3d(-100px,0px,0); }/*目を閉じる*/
 20% { transform:translate3d(0px,-100px,0); }/*背伸び*/
 30% { transform:translate3d(-200px,-100px,0); }/*あ*/
 40% { transform:translate3d(-200px,-100px,0); }/*い*/
 50% { transform:translate3d(-300px,-100px,0); }/*う*/
 60% { transform:translate3d(-400px,-100px,0); }/*え*/
 70% { transform:translate3d(-500px,-100px,0); }/*お*/
 80% { transform:translate3d(-600px,-100px,0); }/*んー*/
 90% { transform:translate3d(-700px,-100px,0); }/*ニコッ*/
}



.bbb {
 border: 1px solid #DDDDDD;
 display: inline-block;
 height: 100px;
 overflow: hidden;
 position: relative;
 vertical-align: top;
 width: 100px;
}
.bbb img {
 max-width:none;
}


.type4 img {
 -webkit-animation:type4 infinite step-end 3s;
 -moz-animation:type4 infinite step-end 3s;
 animation:type4 infinite step-end 3s;
}

@-moz-keyframes type4 {
 1% { transform:translate3d(0,0,0); }
 50% { transform:translate3d(-100px,0px,0); }
}

@-webkit-keyframes type4 {
 1% { transform:translate3d(0,0,0); }
 50% { transform:translate3d(-100px,0px,0); }
}

@keyframes type4 {
 1% { transform:translate3d(0,0,0); }
 50% { transform:translate3d(-100px,0px,0); }
}


.ccc {
 border: 1px solid #DDDDDD;
 display: inline-block;
 height: 280px;
 overflow: hidden;
 position: relative;
 vertical-align: top;
 width: 280px;
}
.ccc img {
 max-width:none;
}

.type5 img {
 -webkit-animation:type5 infinite step-end 2s;
 -moz-animation:type5 infinite step-end 2s;
 animation:type5 infinite step-end 2s;
}
@-webkit-keyframes type5 {
 1% { -webkit-transform:translate3d(0,0,0); }
 50% { -webkit-transform:translate3d(-280px,0px,0); }/*目を閉じる*/
}
@-moz-keyframes type5 {
 1% { -moz-transform:translate3d(0,0,0); }
 50% { -moz-transform:translate3d(-280px,0px,0); }/*目を閉じる*/
}
@keyframes type5 {
 1% { transform:translate3d(0,0,0); }
 50% { transform:translate3d(-280px,0px,0); }/*目を閉じる*/
}


/*
@-webkit-keyframes type5 {
 1% { -webkit-transform:translate3d(0,0,0); }
 5% { -webkit-transform:translate3d(-280px,0px,0); }/*目を閉じる*/
 20% { -webkit-transform:translate3d(0px,-280px,0); }/*背伸び*/
 30% { -webkit-transform:translate3d(-560px,-280px,0); }/*あ*/
 40% { -webkit-transform:translate3d(-560px,-280px,0); }/*い*/
 50% { -webkit-transform:translate3d(-840px,-280px,0); }/*う*/
 60% { -webkit-transform:translate3d(-1120px,-280px,0); }/*え*/
 70% { -webkit-transform:translate3d(-1400px,-280px,0); }/*お*/
 80% { -webkit-transform:translate3d(-1680px,-280px,0); }/*んー*/
 90% { -webkit-transform:translate3d(-1960px,-280px,0); }/*ニコッ*/
}
@-moz-keyframes type5 {
 1% { -moz-transform:translate3d(0,0,0); }
 5% { -moz-transform:translate3d(-280px,0px,0); }/*目を閉じる*/
 20% { -moz-transform:translate3d(0px,-280px,0); }/*背伸び*/
 30% { -moz-transform:translate3d(-560px,-280px,0); }/*あ*/
 40% { -moz-transform:translate3d(-560px,-280px,0); }/*い*/
 50% { -moz-transform:translate3d(-840px,-280px,0); }/*う*/
 60% { -moz-transform:translate3d(-1120px,-280px,0); }/*え*/
 70% { -moz-transform:translate3d(-1400px,-280px,0); }/*お*/
 80% { -moz-transform:translate3d(-1680px,-280px,0); }/*んー*/
 90% { -moz-transform:translate3d(-1960px,-280px,0); }/*ニコッ*/
}
@keyframes type5 {
 1% { transform:translate3d(0,0,0); }
 5% { transform:translate3d(-280px,0px,0); }/*目を閉じる*/
 20% { transform:translate3d(0px,-280px,0); }/*背伸び*/
 30% { transform:translate3d(-560px,-280px,0); }/*あ*/
 40% { transform:translate3d(-560px,-280px,0); }/*い*/
 50% { transform:translate3d(-840px,-280px,0); }/*う*/
 60% { transform:translate3d(-1120px,-280px,0); }/*え*/
 70% { transform:translate3d(-1400px,-280px,0); }/*お*/
 80% { transform:translate3d(-1680px,-280px,0); }/*んー*/
 90% { transform:translate3d(-1960px,-280px,0); }/*ニコッ*/
}
*/