@charset "utf-8";
/** STORY RENEWAL **/
.storyDetailCnt-Wrap{
	font-family: 'Kosugi Maru', sans-serif;
	font-size: 16px;
}
.storyDetailCnt-Wrap p{
	color: #222;
	margin-top: 30px;
}
.storyDetailCnt-Wrap p span{
	background-color: #000;
	padding: 5px;
	color: #fff;
}


@media screen and (max-width: 768px) {
	.storyDetailCnt-Wrap{
		font-family: 'Kosugi Maru', sans-serif;
		font-size: 24px;
	}
	.storyDetailCnt-Wrap p{
		color: #222;
	}
	.storyDetailCnt-Wrap p span{
		background-color: #000;
		padding: 5px;
		color: #fff;
	}	
}
.storyImageLists{
	width: 100%;
	padding-top: 10px;
}
.storyImageLists img{
	width: 100%;
}

.storyThumb{
	width: 100%;
}
.storyThumbLists{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.storyThumbList{
	width: calc(100% / 6);
}
.storyThumbList img{
	width: 100%;
	transition: opacity .3s ease-in-out;
}

@media screen and (max-width: 768px) {
	.storyThumbList{
		width: calc(100% / 3);
	}
}

.storyThumbList::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff100;
    mix-blend-mode: multiply;
    opacity: 0;
    z-index: 3;
    transition: .3s ease;
}

.storyThumbList:hover img {
	opacity: .75;
}

.storyThumbList.swiper-slide.swiper-slide-visible.swiper-slide-thumb-active:after {
    opacity: 1;
}

.js-storyDetail {
	display: none;
}

.js-storyDetail.--is-active {
	display: block;
	transition: all .3s ease-in-out;
}


.story_tabLists li a{
	color: #000;
	background-color: #fff;
	border-color: #000;
}
.story_tabLists li a:hover{
	background-color: rgba(255, 104, 104, .6);
}
.js-storyTab.is-active,
.js-storyTab.is-active:hover {
    background-color: #ff6868;
	color: #FFF;
	border-color: #ff6868;
}