@charset "utf-8";
/* CSS Document */
/*スライダー用CSS*/
.sl_outer{
	margin: 0 auto;
	position: relative;/*for h1*/
	}
.sl_outer h1{
	position: absolute;
	bottom: -1px;
	width: 100%;
	height: 18.75vw;
	max-height: 120px;
	background-image: url("../img/sp_bn_logo.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	}
.sl{
	position: relative;/*for dot*/
	}
.slide{
	width: 100%;
	height: 125vw;/*aspect-ratio: 4 / 5;*/
	background-image:
		/*url("../../common/img/bn_finish.png"),*/
		url("../../bn/name_none.png"),
		url("../../bn/img_none.png"),
		url("../../common/img/bn_bg.png");
	background-repeat: /*no-repeat,*/ no-repeat, no-repeat;
	background-size:
		/*contain,*/
		90%,
		auto 100%,
		auto 81.25%;
	background-position:
		/*top center,*/
		center bottom,
		center,
		17.4% 0%;
	}
.slinner{
	height: 100%;
	margin: 0 auto;
	}
.slide a{
	display: block;
	width: 84%;
	height: 100%;
	margin: 0 auto;
	}
	@media (min-width: 640px) {
		.slide{
			width: 100%;
			height: auto;
			background-size:/* contain,*/ auto 40.85%, auto 100%,  auto 81.25%;
			background-position:/*center,*/center bottom,center, 17.4% 0%;
			}
		.slinner{
			height: 798px;
			}
		}
	@media (min-width: 768px) {
		.sl_outer h1{
			height: 15%;
			}
		.slide{
			}
		.slinner{
			height: auto;
			height: 80vw;
			}
		}
	@media (min-width: 1024px) {
		.sl_outer h1{display: none;}
		.slide{
			background-size:
				/*560px auto,*/
				512px auto,
				auto 111%,
				auto 90%;
			background-position:
				/*top center,*/
				calc( 50% + 255px) bottom,
				calc( 50% - 230px) top,
				center 0%;
			}
		.slinner{
			height: auto;
			aspect-ratio: 1.618 / 1;
			max-height: 632px;
			background-image: url("../img/bn_pc_logo.png");
			background-position: top right;
			background-repeat: no-repeat;
			background-size:auto 100%;
			}
		}
	@media (min-width: 1440px) {
		.slide{
			background-size:
				/*560px auto,*/
				640px auto,
				auto 111%,
				auto 90%;
			background-position:
				/*top center,*/
				calc( 50% + 323px) bottom,
				calc( 50% - 292px) top,
				center 0%;
			}
		.slinner{
			max-height: 800px;
			}
		}

/*メインビジュアル*/
/**/
.slide.sl_MV{
		background-color: #fff;
		background-image:
			/*url("../../common/img/bn_finish.png"),*/
			url("../../bn/topMVsp.jpg");
		background-repeat: /*no-repeat,*/ no-repeat;
		background-size: /*contain,*/auto 100%;
		background-position:/*top center,*/top center;
		}
	@media (min-width: 1024px) {
		.slide.sl_MV{
			background-image:
				/*url("../../common/img/bn_finish.png"),*/
				url("../../bn/topMVpc.jpg");
			}
		.slide.sl_MV .slinner{
			background-image: none;
			}
		}




	/*************************スライダーバナー個別*/
	.sl_CLAYMORE{
		background-color: #92836e;/*CLAYMORE*/
		background-image:
			/*url("../../common/img/bn_finish.png"),*/
			url("../../bn/name_CLAYMORE.png"),
			url("../../bn/img_CLAYMORE.png"),
			url("../../common/img/bn_bg.png");
		}
	.sl_DGrayman{
		background-color: #bfc0df;
		background-image:
			/*url("../../common/img/bn_finish.png"),*/
			url("../../bn/name_DGray-man.png"),
			url("../../bn/img_DGray-man.png"),
			url("../../common/img/bn_bg.png");
		}
	.sl_kuroko{
		background-color: #42bcff;/*黒バス*/
		background-image:
			/*url("../../common/img/bn_finish.png"),*/
			url("../../bn/name_kuroko.png"),
			url("../../bn/img_kuroko.png"),
			url("../../common/img/bn_bg.png");
		}
	.sl_sousei{
		background-color: #ffb400;/*双星の陰陽師*/
		background-image:
			/*url("../../common/img/bn_finish.png"),*/
			url("../../bn/name_sousei.png"),
			url("../../bn/img_sousei.png"),
			url("../../common/img/bn_bg.png");
		}
	.sl_nisekoi{
		background-color: #f87984;/*ニセコイ*/
		background-image:
			/*url("../../common/img/bn_finish.png"),*/
			url("../../bn/name_nisekoi.png"),
			url("../../bn/img_nisekoi.png"),
			url("../../common/img/bn_bg.png");
		}
	.sl_busou{
		background-color: #e82e2f;/*武装錬金*/
		background-image:
			/*url("../../common/img/bn_finish.png"),*/
			url("../../bn/name_busou.png"),
			url("../../bn/img_busou.png"),
			url("../../common/img/bn_bg.png");
		}
	/******/

/*arrow*/
.slick-arrow{
	z-index: 10;
	}
.slick-prev, .slick-next{
	width: 2rem;
	height: 2rem;
	opacity: 0.6;
	
	}
.slick-prev{left: 1vw;}
.slick-next{right:1vw;}
.slick-prev:before, .slick-next:before{
	content: "";
	width: 2rem;
	height: 2rem;
	display: inline-block;
	background-image: url("../img/icon/chevron-left.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	
	}
.slick-next:before{
	background-image: url("../img/icon//chevron-right.svg");
	}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover, .slick-next:focus{
	opacity: 1;
	}



/*dotカスタム*/
.slick-dotted.slick-slider{
	margin-bottom: 10vw;
	}
	@media (min-width: 640px) {
		.slick-dotted.slick-slider{
			margin-bottom: 5.48vw;
			}
		}
	@media screen and (min-width: 768px) {
		.slick-dotted.slick-slider{
			margin-bottom: 42px;
			}
		}
.slick-dots{
	bottom: -2rem;
	}
.slick-dots li button:before{
	content: "";
	background-color: rgba(0,0,0,1.00);
	width: .25rem;
	height: .25rem;
	top:calc(50% - 0.25rem);
	left: calc(50% - 0.25rem);
	}


/**************/
/*20251027*/
.slide:not(.sl_MV) a{display: none;}