@charset "UTF-8";

/* ----------------------------------------

custom_style

---------------------------------------- */

/* .slider */
.slider{
	margin-right:auto;
	margin-bottom:8px;
	margin-left:auto;
	width:100%;
	max-width:auto;
}

.slider .slick-prev{
	left:10px;
	z-index:1;
}

.slider .slick-next{
	right:10px;
	z-index:1;
}

.slider img{
	width:100%;
}

.slider .slick-dots{
	bottom:-30px;
}

.slider .slick-dots li{
	width:30px;
}

.slider .slick-dots li button{
}

.slider .slick-dots li button:before{
	opacity:0.5;
	color:#000000;
	font-family:"Noto Sans JP";
	font-size:40px;
	font-weight:normal;
	content: '－';
}

.slider .slick-dots li.slick-active button:before{
	opacity:1;
}


/* .manga-section */
.wrapper .manga-section{
	margin:0 auto;
	width:100%;
	max-width:832px;
}

.wrapper .manga-section .img-wrapper{
	margin-bottom:15px;
}

.wrapper .manga-section img{
	width:100%;
}

/* .text-section */
.wrapper .text-section{
	margin:0 auto;
	width:100%;
	max-width:832px;
}

.wrapper .text-section h1{
	border:solid 1px #2b538d;
	padding:5px 60px;
	color:#2b538d;
	text-align:left;
}

.wrapper .text-section h2{
	padding:0 60px;
	color:#2b538d;
	font-size:1.19rem;
}

.wrapper .text-section h3{
	padding:0 60px;
	color:#2b538d;
	font-size:1rem;
}

.wrapper .text-section p{
	padding:0 60px;
}

.wrapper .text-section ul{
	padding:0 80px;
}

@media screen and (min-width: 0px) and (max-width: 767px){
	.wrapper .text-section h1{
		padding:5px 15px;
	}
	.wrapper .text-section h2,
	.wrapper .text-section h3,
	.wrapper .text-section p{
		padding:0 15px;
	}
}


/* .manga-inview */
.manga-inview{
	opacity: 0;
}

.fade-in-bottom {
	opacity: 0;
	animation-name: fadein-bottom;
	animation-duration: 1.0s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}
@keyframes fadein-bottom {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}