@charset "utf-8";
/* CSS Document */
.ImportantNotice {
    text-align: left;
    margin: 0 auto 2rem;
    line-height: 1.5rem;
    border: 1px solid #fff;
    width: 85%;
    padding: 1rem;
}
.ImportantNotice a {
	text-decoration: underline;
	text-underline-offset: 0.1em;
}
.txtOrange {color:#ffa904; font-weight: bold; font-size: 1.2rem; margin-bottom: 0.2rem;}

.swiper-slide img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;/* 画像下のスペースを消す */
}
._swiper_top .swiper-slide {
  filter: opacity(0.3); /* 左右のスライドを薄くする */
  transform: scale(.9); /* 左右のスライドを小さくする */
  transition: filter 1s ease 0s;
  transition: all 1s ease 0s;
}
._swiper_top .swiper-slide-active {
  filter: opacity(1); /* 中央のスライドは薄くしない */
  transform: scale(1); /* 中央のスライドは小さくしない */
  z-index: 1; /* 中央のスライドを一番上にする */
}
.PCbanner {display: block !important;}
.SPbanner {display: none !important;}
@media (max-width: 568px){
	.PCbanner {display: none !important;}
	.SPbanner {display: block !important;}
}
#FreeChaptersArea .sampleBtn.freeChap a {font-size: 0.9rem}
#FreeChaptersArea .sliderArea {margin-bottom: 1rem;}

/**********************************************************/
/*      241218 サンタアニメ                                 */
/**********************************************************/
.anime { text-align: right; width: 95%; margin: 0 auto; }
.santa {
    animation-name: santa; animation-duration: 3s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate;
    background: url(../png/241218_santa.png) no-repeat center center / 100%;
    display: inline-block;
    transition: 1.5s ease-in-out;
    width: 55px;
    height: 35px;
    margin-bottom: 1rem;
}
@keyframes santa {
  0% {
    transform:translate(0, 0) rotate(-7deg);
  }
  50% {
    transform:translate(0, -7px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(7deg);
  }
}