@charset "UTF-8";
/********************************************************************
	このcssはメインのcssです。
********************************************************************/

/********************************************************************
	共通
********************************************************************/
#nekotoryu{
	background-image: url(/auto/images/fix/title/260705_nekotoryu/lp/bg-body.jpg);
	background-repeat: repeat;
}

/********************************************************************
	wrap
********************************************************************/
#nekotoryu .top__wrap{
	margin: 0 auto;
	padding: 35px 0 0 0;
	width: 737px;
}

#nekotoryu .story__wrap{
	margin: 0 auto;
	padding: 35px 0 50px 0;
	width: 754px;
}

#nekotoryu .anime-info__wrap{
	margin: 0 auto;
	padding: 55px 0 0 0;
	width: 688px;
}

#nekotoryu .comic-novel__wrap{
	margin: 0 auto;
	padding: 45px 0 90px 0;
	width: 680px;
}

/********************************************************************
	KV
********************************************************************/
#nekotoryu .swiper {
	width: 100%;
}

#nekotoryu .swiper-slide {
	width: 100%;
}

#nekotoryu .swiper-slide img {
	width: 100%;
	height: auto;
	display: block;
}

/********************************************************************
	slider
********************************************************************/
/* wrap */
#nekotoryu .story__slider-wrap {
	margin: 0 auto;
	max-width: 687px;
	position: relative;
}

/* スライダー本体（表示範囲を切る） */
#nekotoryu .story-slider {
	overflow: hidden;
}

/* 横並びにする */
#nekotoryu .slider-wrapper {
	display: flex;
}

/* 1枚分のサイズ定義（これが一番重要） */
#nekotoryu .slider-slide {
	width: 100%;
	flex-shrink: 0;
}

/* 矢印位置 */
#nekotoryu .slider-controls {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;

	display: flex;
	justify-content: space-between;
	align-items: center;

	transform: translateY(-50%);
	z-index: 10;
	pointer-events: none;
}

/* 矢印ボタン */
#nekotoryu .slider-button-prev,
#nekotoryu .slider-button-next {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: none;
	background-color: #ff7450;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: auto;
}

/* 左 */
#nekotoryu .slider-button-prev {
	margin-left: -20px;
}

/* 右 */
#nekotoryu .slider-button-next {
	margin-right: -20px;
}

/********************************************************************
	novel
********************************************************************/
#nekotoryu ul.comic-novel__novel-list li:last-child {
	margin-left: auto;
	margin-right: auto;
}

/********************************************************************
	footer
********************************************************************/
#nekotoryu footer{
	padding: 0 0 10px 0;
	width: 770px;
}

#nekotoryu footer p{
	color: #855a1a;
	font-size: 1.5rem;
	font-weight: bold;
}

/********************************************************************
	クーポン非表示
********************************************************************/
.couponArea2022{display: none;}