@charset "UTF-8";


.swiper-container{
	z-index:0
}

.swiper-container.sample{
	overflow:visible
}

.swiper-container.backnumber{
	max-width:900px;
	padding:0 40px 50px;
	margin:auto;
	position:relative
}

.swiper-container.backnumber:after,.swiper-container.backnumber:before{
	content:"";
	display:block;
	width:1px;
	height:100%;
	background-color:#040b35;
	position:absolute;
	top:0;
	z-index:2
}

.swiper-container.backnumber:before{
	left:0
}

.swiper-container.backnumber:after{
	right:0
}

@media (max-width:900px){
	.swiper-container.backnumber{
		padding:0 30px 40px
	}
}

@media (max-width:500px){
	.swiper-container.backnumber{
		padding:0 25px 30px
	}
}

.swiper-slide{
	position:relative;
	overflow:hidden;
	display:block
}

.swiper-slide:after{
	content:"";
	display:block;
	position:relative;
	z-index:1
}

.sample .swiper-slide:after{
	background-color:#040b35;
	opacity:.7;
	-webkit-transition:opacity .6s;
	transition:opacity .6s;
	padding-top:50%;
	pointer-events:none
}

@supports (mix-blend-mode:color){

	.sample .swiper-slide:after{
		opacity:1;
		mix-blend-mode:color;
		-webkit-transition:background-color .6s;
		transition:background-color .6s
	}

}

.swiper-slide.swiper-slide-active:after{
	opacity:0
}

@supports (mix-blend-mode:color){

	.swiper-slide.swiper-slide-active:after{
		opacity:1;
		background-color:rgba(4,11,53,0)
	}

}

.swiper-slide .backnumber_block{
	-webkit-tap-highlight-color:transparent;
	text-align:center;
	cursor:pointer;
	-webkit-transition:opacity .2s ease;
	transition:opacity .2s ease

}

.swiper-slide .backnumber_block:hover{
	opacity:.7

}

.swiper-slide .backnumber_block .ph{
	position:relative

}

.swiper-slide .backnumber_block .ph:after{
	content:"";
	display:block;
	width:100%;
	padding-top:180%
}

.swiper-slide .backnumber_block .ph img{
	position:absolute;
	top:0;
	left:0
}

.swiper-slide .backnumber_block .num{
	font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
	font-size:16px;
	line-height:1;
	letter-spacing:0;
	margin-top:20px
}

@media (max-width:900px){
	.swiper-slide .backnumber_block .num{
		font-size:14px
	}


}

@media (max-width:500px){
	.swiper-slide .backnumber_block .num{
		font-size:12px
	}


}

.swiper-slide .backnumber_block .title{
	font-family:"A1ゴシック R","A1ゴシック L",-apple-system,"Hiragino Sans",sans-serif;
	font-size:13px;
	margin-top:10px
}

@media (max-width:900px){
	.swiper-slide .backnumber_block .title{
		font-size:12px
	}


}

@media (max-width:500px){
	.swiper-slide .backnumber_block .title{
		font-size:11px
	}


}

.swiper-slide .backnumber_block .content-hidden{
	display:none
}

.swiper-pagination{
	height:1px;
	line-height:1;
	font-size:0;
	bottom:0
}

@media (-webkit-min-device-pixel-ratio:1.5){
	.swiper-pagination{
		-webkit-transform:scaleY(.5);
		-ms-transform:scaleY(.5);
		transform:scaleY(.5)
	}


}

.sample .swiper-pagination{
	bottom:-25px!important
}

@media (max-width:499px){
	.sample .swiper-pagination{
		bottom:-10px!important
	}


}

.backnumber .swiper-pagination{
	bottom:0
}

.swiper-pagination .swiper-pagination-bullet{
	position:relative;
	height:1px;
	width:16px;
	background-color:#fff;
	opacity:1;
	border-radius:0;
	outline:0
}

.swiper-pagination .swiper-pagination-bullet:after{
	content:"";
	display:block;
	width:100%;
	height:20px;
	position:absolute;
	top:0;
	left:0;
	margin-top:-10px
}

.sample .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color:#040b35
}

.backnumber .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color:#22a738
}

.swiper-button-wrapper{
	position:absolute;
	height:100%;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto
}

.swiper-button-wrapper .swiper-button-next,.swiper-button-wrapper .swiper-button-prev{
	outline:0;
	font-size:11px;
	letter-spacing:.1em;
	font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
	background-image:none;
	position:absolute;
	width:6em;
	height:2em;
	margin-top:-1em;
	z-index:1;
	-webkit-tap-highlight-color:transparent
}

.swiper-button-wrapper .swiper-button-next:after,.swiper-button-wrapper .swiper-button-prev:after{
	content:"";
	display:block;
	-webkit-transition:width .4s;
	transition:width .4s;
	width:100%;
	height:1px;
	position:absolute;
	bottom:0;
	background-color:#fff
}

@media (-webkit-min-device-pixel-ratio:1.5){
	.swiper-button-wrapper .swiper-button-next:after,.swiper-button-wrapper .swiper-button-prev:after{
		-webkit-transform:scaleY(.5);
		-ms-transform:scaleY(.5);
		transform:scaleY(.5)
	}


}

@media (min-width:500px){
	.swiper-button-wrapper .swiper-button-next:hover:after,.swiper-button-wrapper .swiper-button-prev:hover:after{
		width:150%
	}


}

.swiper-button-wrapper .swiper-button-prev{
	text-align:left
}

.swiper-button-wrapper .swiper-button-prev:after{
	left:0
}

.swiper-button-wrapper .swiper-button-next{
	text-align:right
}

.swiper-button-wrapper .swiper-button-next:after{
	right:0
}

.sample .swiper-button-wrapper{
	width:calc(66.67% - 20px)
}

@media (max-width:500px){
	.sample .swiper-button-wrapper{
		width:100%
	}


}

.sample .swiper-button-wrapper .swiper-button-next,.sample .swiper-button-wrapper .swiper-button-prev{
	top:50%
}

.sample .swiper-button-wrapper .swiper-button-prev{
	left:-4em
}

@media (max-width:500px){
	.sample .swiper-button-wrapper .swiper-button-prev{
		left:-1%
	}


}

.sample .swiper-button-wrapper .swiper-button-next{
	right:-4em
}

@media (max-width:500px){
	.sample .swiper-button-wrapper .swiper-button-next{
		right:-1%
	}


}

.backnumber .swiper-button-wrapper{
	width:100%
}

.backnumber .swiper-button-wrapper .swiper-button-next,.backnumber .swiper-button-wrapper .swiper-button-prev{
	top:32.5%;
	font-size:12px
}

@media (max-width:500px){
	.backnumber .swiper-button-wrapper .swiper-button-next,.backnumber .swiper-button-wrapper .swiper-button-prev{
		font-size:11px
	}


}

.backnumber .swiper-button-wrapper .swiper-button-prev{
	left:5px
}

@media (max-width:900px){
	.backnumber .swiper-button-wrapper .swiper-button-prev{
		left:0
	}


}

.backnumber .swiper-button-wrapper .swiper-button-next{
	right:5px
}

@media (max-width:900px){
	.backnumber .swiper-button-wrapper .swiper-button-next{
		right:0
	}


}