@charset "euc-jp";
/* CSS Document */

#template #templateWrap #templateFlame {
  width: 100%;
  padding: 0;
  background: #f0f0f0;
}
.pageTop{
	bottom: 10px;
    right: 10px;
    position: fixed;
    z-index: 90;
	transition: 0.3s;
}
.pageTop:hover {
  -moz-opacity: 1.0;
  opacity: 1.0;
  filter: alpha(opacity=100);
	margin-bottom: 5px;
}
.w950{
	width: 1000px;
	margin: 0 auto;
}
#bodyClump h2,#bodyClump h3{
	background: none;
}
.fixed{
	position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
}



/*------- h1 -------*/
#headline .typeM,#headline .typeB{
	margin-bottom: 0px;
}



/*------- all -------*/
#template .tokuten,#template  .movie,#template .item{
	padding: 70px 0;
}
#template .movie h2,#template .item h2{
	text-align: center;
	margin-bottom: 50px;
}
#template h3{
	margin: 10px 0;
}
#template h3 img{
	    height: 60px;
    width: auto;
}



/*------- all -------*/
#template{
     background: #994CAD;
}
#template.title img{
    width: 100%;
}



/*------- tokuten -------*/
#template  .tokuten{
    background: url(https://books.rakuten.co.jp/event/game/pokemon/sv/img/pc/bg-01.png) top center no-repeat;
    background-size: cover;
    text-align: center;
}
#template .tokuten img{
    width: 900px;
}
#template .tokuten ul li{
    background: #fffced;
    border-radius: 20px;
    padding: 30px 20px 40px;
    margin-bottom: 20px;
    box-shadow: 0px 5px 12px rgb(120 120 120 / 20%);
}


/*------- movie -------*/
#template  .movie{
   	background: url(https://books.rakuten.co.jp/event/game/pokemon/sv/img/pc/bg-02.png) center top no-repeat;
    background-size: cover;
    text-align: center;
}



/*------- story -------*/
#template  .story{
    text-align: center;
}
#template  .story h2{
    padding-top: 0;
}
#template  .story h3{
    text-align: left;
}
#template  .story p{
    line-height: 1.9;
    font-size: 15px;
    font-weight: bold;
    color: #333;
    margin: 25px 0 15px;
    text-align: left;
}
#template  .story ul li:nth-child(1){
    background: url(https://books.rakuten.co.jp/event/game/pokemon/sv/img/pc/bg-03.png) center no-repeat;
    background-size: cover;
    padding: 20px 0;
}
#template  .story ul li:nth-child(1) p{
           color: #a43232;
}
#template  .story ul li:nth-child(2){
    background: url(https://books.rakuten.co.jp/event/game/pokemon/sv/img/pc/bg-04.png) center no-repeat;
    background-size: cover;
    padding: 20px 0;
}
#template  .story ul li:nth-child(2) p{
    color: #9c5407;
}
#template  .story ul li:nth-child(3){
    background: url(https://books.rakuten.co.jp/event/game/pokemon/sv/img/pc/bg-05.png) center no-repeat;
    background-size: cover;
    padding: 20px 0;

}
#template  .story ul li:nth-child(3) p{
    color: #624e70;
}
#template  .scroll-01{
    text-align: center;
    height: 237px;
    position: relative;
    background: url(https://books.rakuten.co.jp/event/game/pokemon/sv/img/img-line-01.png) repeat-x;
    background-position: 0 0;
    animation: cloudmove 40s linear infinite;
    -webkit-animation: cloudmove 40s linear infinite;
    -moz-animation: cloudmove 40s linear infinite;
    z-index: 2;
}
#template  .scroll-02{
    text-align: center;
    height: 237px;
    position: relative;
    background: url(https://books.rakuten.co.jp/event/game/pokemon/sv/img/img-line-02.png) repeat-x;
    background-position: 0 0;
    animation: cloudmove 40s linear infinite;
    -webkit-animation: cloudmove 40s linear infinite;
    -moz-animation: cloudmove 40s linear infinite;
    z-index: 2;
}
#template  .scroll-03{
    text-align: center;
    height: 237px;
    position: relative;
    background: url(https://books.rakuten.co.jp/event/game/pokemon/sv/img/img-line-03.png) repeat-x;
    background-position: 0 0;
    animation: cloudmove 40s linear infinite;
    -webkit-animation: cloudmove 40s linear infinite;
    -moz-animation: cloudmove 40s linear infinite;
    z-index: 2;
}
@-webkit-keyframes cloudmove {
    from {
        background-position: 0  0;
    }
    to {
        background-position: -2000px 0;
    }
}
@keyframes cloudmove {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -2000px 0;
    }
}


/*------- pokemon -------*/

#template  .pokemon{
    text-align: center;
}
#template  .pokemon h2{
    padding-top: 0;
}
#template  .pokemon h3{
    text-align: center;
        margin-bottom: 20px;
}
#template  .pokemon .inner{
    background: linear-gradient(180deg, rgba(255,245,176,1) 0%, rgba(240,255,210,1) 100%);
    padding: 30px 0 50px;
}
#template  .pokemon .w950:nth-child(2),#template  .pokemon .w950:nth-child(3){
       margin-top: 60px;
}
#template  .pokemon ul {
    display: flex;
    justify-content: center;
    align-items: baseline;
}
#template  .pokemon ul li{
        margin-right: 20px;
}
#template  .pokemon ul li .img{
        margin-bottom: 20px;
}
#template  .pokemon ul li:nth-child(3),
#template  .pokemon .w950:nth-child(2) ul li:nth-child(2){
        margin-right: 0px;
}
#template  .pokemon .w950 ul li .name img,#template .chara .w950 .name img{
    height: 60px;
    width: auto;
}



/*------- chara -------*/

#template  .chara{
    background: url(https://books.rakuten.co.jp/event/game/pokemon/sv/img/pc/bg-01.png) top center;
    background-size: cover;
    text-align: center;
}
#template  .chara h2{
    padding-top: 0;
}
#template  .chara .inner{
    padding: 40px 0;
}
#template  .chara h3{
       margin-bottom: 30px;
}
#template  .chara .inner .txt{
       background: #ecf8fc;
    border: 3px solid #94c8d9;
    border-radius: 20px;
    padding: 20px 30px;
    position: relative;
        margin-bottom: 35px;
}
#template  .chara .inner .img{
        margin-bottom: 45px;
}
#template  .chara .inner .txt p{
    line-height: 1.9;
    font-size: 15px;
    font-weight: bold;
        color: #638692;
    text-align: left;
    margin: 40px 20px 20px;
    letter-spacing: 1px;
}
#template  .chara .inner .txt .pic img{
        width: 800px;
    height: auto;
}
#template  .chara .inner .w950:nth-child(2) .txt .name,
#template  .chara .inner .w950:nth-child(4) .txt .name{
        position: absolute;
    top: -32px;
    left: 364px;
}
#template  .chara .inner .w950:nth-child(3) .txt .name{
       position: absolute;
    top: -32px;
    left: 173px;
}


/*------- play -------*/
#template .play{
    text-align: center;
}
#template .play .inner{
        background: url(https://books.rakuten.co.jp/event/game/pokemon/sv/img/pc/bg-01.png) top center;
    background-size: cover;
    padding: 30px 55px;
}
#template .play h3 {
    margin-bottom: 30px;
}
#template .play p{
       line-height: 1.9;
    font-size: 15px;
    font-weight: bold;
    color: #333;
    margin: 25px 0 15px;
    text-align: left;
}


/*------- product -------*/
#template .item{
	background: url(https://books.rakuten.co.jp/event/game/pokemon/sv/img/pc/bg-06.png) top center;
    background-size: cover;
}
#template .item .w950{
   background: #fffced;
    border-radius: 20px;
    padding: 30px 20px 40px;
    margin-bottom: 20px;
    box-shadow: 0px 5px 12px rgb(120 120 120 / 20%);
    box-sizing: border-box;
}
#template .item .w950 h3{
    text-align: center;
}
#bodyClump .itemTypeB ul{
        background: none;
        display: flex;
    justify-content: center;
}
#bodyClump .itemTypeB .image,#bodyClump .itemTypeB li,#bodyClump .itemTypeB .note{
        float: none;
}
#bodyClump .itemTypeB li{
        width: 280px;
    margin-left: 40px;
}
#bodyClump .itemTypeB .genre{
    margin-bottom: 5px;
}
#bodyClump .itemTypeB .image img{
   width: 250px;
}
#bodyClump .itemTypeB .image{
        width: 275px;
    height: 216px;
    background: #fff;
    text-align: center;
}
#bodyClump .itemTypeB .image a{
   height: 200px;
    width: 275px;
    display: table-cell;
    text-align: center;
    position: unset;
    vertical-align: middle;
}
#bodyClump .itemTypeB .note{
        width: 280px;
            margin-top: 10px;
}
#template .item .w950:nth-child(3) .itemTypeB ul li:nth-child(2) .image img,
#template .item .w950:nth-child(3) .itemTypeB ul li:nth-child(3) .image img{
        width: 130px;
}
#bodyClump .itemTypeB .image a:hover{
    opacity:0.8;
}



#template .item .botton{
   	text-align: center;
}
#template .item .botton a{
    background: #cb4239;
    color: #fff;
    padding: 10px 30px;
    display: block;
    margin: 10px 0;
    font-size: 18px;
    border-radius: 1000px;
    letter-spacing: 1px;
    text-shadow: none !important;
}
#template .item .botton a:hover{
   text-decoration: none;
       background: #ff3023;
}



/*------- foot -------*/
#template #templateWrap #templateFlame #bodyClump  .foot{
	    padding: 20px;
    background: none;
    text-align: center;
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    background: #154683;
}





/*------- animation ふわふわ   keyframe1 animation class名付ける-------*/

.animation{
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 2.0s;
}
.animation02{
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 1.5s;
}

.keyframe1{
    animation-name: anim_v;
}
.keyframe2{
    animation-name: anim_v2;
}

@keyframes anim_v {
    0% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, -15px);
    }
}

@keyframes anim_v2 {
    0% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, -20px);
    }
}