.glide {
	position: relative;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.glide * {
	-webkit-box-sizing: inherit;
	box-sizing: inherit
}

.glide__slides,
.glide__track {
	overflow: hidden
}

.glide__slides {
	position: relative;
	width: 100%;
	list-style: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-ms-touch-action: pan-Y;
	touch-action: pan-Y;
	padding: 0;
	white-space: nowrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	will-change: transform
}

.glide__slide,
.glide__slides--dragging {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.glide__slide {
	width: 100%;
	height: 100%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	white-space: normal;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent
}

.glide__slide a {
	-webkit-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
	-moz-user-select: none;
	-ms-user-select: none
}

.glide__arrows,
.glide__bullets {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.glide--rtl {
	direction: rtl
}




@media (min-width:768px) {
	.topics-area-sp {
		display: none
	}

	.glide {
		margin: 0 auto
	}

	.glide .glide__track {
		z-index: 3;
		position: relative
	}

	.top-topics .glide__arrows {
		position: absolute;
		top: 0;
		width: 100%;
		height: auto
	}

	.top-topics  .glide__arrows:before {
		z-index: 2;
		position: relative;
		content: "";
		display: block;
		padding-top: 21.09375%
	}

	.top-topics .glide__arrow {
		z-index: 4;
		background-color: #000;
		position: absolute;
		top: 115px;
		bottom: auto;
		width: 60px;
		height: 60px;
		margin: auto;
		-webkit-transition: opacity .5s cubic-bezier(.19, 1, .22, 1);
		transition: opacity .5s cubic-bezier(.19, 1, .22, 1);
		cursor: pointer
	}

	.top-topics .glide__arrow:hover {
		background-color: #f3d552
	}

	.top-topics .glide__arrow:hover.glide__arrow--left:after {
		border-color: transparent #000 transparent transparent
	}

	.top-topics .glide__arrow:hover.glide__arrow--right:after {
		border-color: transparent transparent transparent #000
	}

	.top-topics .glide__arrow.glide__arrow--left {
		left: 0
	}

	.top-topics .glide__arrow.glide__arrow--left:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 0;
		height: 0;
		margin: auto;
		border-color: transparent #fff transparent transparent;
		border-style: solid;
		border-width: 3px 12px 3px 0
	}

	.top-topics .glide__arrow.glide__arrow--right {
		right: 0
	}

	.top-topics .glide__arrow.glide__arrow--right:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 0;
		height: 0;
		margin: auto;
		border-color: transparent transparent transparent #fff;
		border-style: solid;
		border-width: 3px 0 3px 12px
	}
}



@media (min-width:768px) {
	.top-topics a:hover .eyecatch {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		opacity: .8
	}

	.top-topics a .eyecatch-wrapper {
		overflow: hidden
	}

	.top-topics a .eyecatch-wrapper .eyecatch {
		width: 100%;
		height: auto;
		background-color: #fff;
		position: relative;
		-webkit-transition: opacity .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
		transition: opacity .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
		transition: opacity .5s cubic-bezier(.19, 1, .22, 1), transform .5s cubic-bezier(.19, 1, .22, 1);
		transition: opacity .5s cubic-bezier(.19, 1, .22, 1), transform .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1)
	}

	.top-topics a .eyecatch-wrapper .eyecatch:before {
		content: "";
		display: block;
		padding-top: 63.8297872340426%
	}

	.top-topics a .eyecatch-wrapper .eyecatch img {
		position: absolute;
		top: 0;
		-o-object-fit: cover;
		object-fit: cover;
		width: 100%;
		height: 100%
	}

	.top-topics .topics-list-title {
		text-align: left;
		margin: 10px 0 0 15px;
		font-family: 游ゴシック, YuGothic, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, Arial, メイリオ, Meiryo, sans-serif;
		font-weight: 400;
		font-size: 15px;
		line-height: 2;
		letter-spacing: .05em
	}
}

@media (max-width:767px) {
    .swiper {
        display:none;
    }
}

.glide__arrow.glide__arrow--left {
opacity:1!important;
}