@charset "utf-8";



/*ソウルドアウトに使えるCSS
ビフォーで背景を被せて、アフターで文字を重ねる*/
/**/
.soldout{
	position: relative;
	pointer-events: none;
}

.soldout::before{
	content:"";
    display: block;
    width: 100%;
	height: 100%;
    background: #eee;
    position: absolute;
    left: 0px;
    top: 0%;
	opacity: 0.9;
	z-index: 9999;
}

.soldout::after{
	content:"SOLD OUT";
	color: #666;
	font-size: 30px;
	line-height: 1.0;
	text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index: 10000;
}




@media print, screen and (min-width: 768px) {/*PC*/
/*.soldout{
	position: relative;
	pointer-events: none;
}

.soldout::before{
	content:"";
    display: block;
    width: 100%;
	height: 100%;
    background: #eee;
    position: absolute;
    left: 0px;
    top: 0%;
	opacity: 0.9;
	z-index: 9999;
}

.soldout::after{
	content:"SOLD OUT";
	color: #333;
	font-size: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index: 10000;
}*/
	
}