@charset "utf-8";
/*-----------------------------------------------
 * SPECIAL - wpicon
-------------------------------------------------*/
.wpiconSection{
	width: 100%;
	position: relative;
}
.wpiconSection:not(:first-of-type){
	padding-top: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
}
@media screen and (max-width:768px){
	.wpiconSection:not(:first-of-type){
		padding-top: calc(64 / var(--vw-min) * 100vw);
	}
}


/**
* wpicon__secTItle
**/
.wpicon__secTItle{
	margin-bottom: min(calc(24 / var(--vw-min) * 100vw), calc(24px * var(--max-percent)));
	font-size: 113.3334%;
	text-align: center;
	display: flex;
	align-items: center;
}
.wpicon__secTItle:before,
.wpicon__secTItle:after{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: var(--color-main);
}
.wpicon__secTItle > span{
	display: inline-block;
	padding: 0 0.75em;
	flex-shrink: 0;
}

@media screen and (max-width:768px){
	.wpicon__secTItle{
		margin-bottom: calc(32 / var(--vw-min) * 100vw);
	}
}


/*
* itemLists
**/
.itemLists{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: min(calc(16 / var(--vw-min) * 100vw), calc(16px * var(--max-percent)));
	row-gap: min(calc(32 / var(--vw-min) * 100vw), calc(32px * var(--max-percent)));
}
.itemList{
	width: 100%;
}
.itemList__link{
	display: block;
	text-decoration: none;
}
.itemList__img{
	width: 100%;
	padding-top: 100%;
	position: relative;
	overflow: hidden;
}
.itemList__img:after{
	content: '';
	position: absolute;
	inset: 0;
	border: 1px solid var(--color-main);
	z-index: 1;
}
.itemList__img--main{
	position: absolute;
	inset: 0;
	z-index: 1;
}
.itemList__img--main img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.itemList__img--bg{
	position: absolute;
	inset: 0;
}
.itemList__img--bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: blur(8px);
	transform: scale(102.5%);
}

.itemList__download{
	margin-top: min(calc(12 / var(--vw-min) * 100vw), 12px);
}
.itemList__download .comlink{
	width: 100%;
	justify-content: center;
	align-items: center;
}

/* wallpaper */
.itemLists.-wp .itemList__img{
	padding-top: 216.7939%;
}

@media screen and (hover:hover) and (pointer: fine){
	.comlink.-btn:before, .comlink.-btn:after{
		transition: .3s ease;
	}
	.comlink_btnTxt{
		position: relative;
	}
	.comlink_btnTxt:before,
	.comlink_btnTxt:after{
		content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        right: 50%;
        height: 1px;
        background-color: var(--color-main);
        transition: .3s ease-in-out;
	}
	.itemList__link:hover .comlink_btnTxt:before{
		left: 0;
	}
	.itemList__link:hover .comlink_btnTxt:after{
		right: 0;
	}
	.itemList__link:hover .comlink.-btn::before{
		left: 2%;
	}
	.itemList__link:hover .comlink.-btn::after{
		right: 2%;
	}
	
	.itemList__img--main img{
		transition: transform .3s ease, filter .3s ease;
	}
	.itemList__link:hover .itemList__img--main img{
		transform: scale(102.5%);
		filter: brightness(105%);
	}
}

@media screen and (max-width:768px){
	.itemList__download{
		margin-top: calc(20 / var(--vw-min) * 100vw);
	}
}