@charset "UTF-8";
/* CSS Document */

@media (max-width: 767px) {
  body {
    padding-top: 0px
  }
  .siteFooter {
	  padding-bottom : 0;
  }
}

@media (min-width: 768px) {
	.siteMain {
		height: calc(100vh - 200px);
	}
}

@media (max-height: 500px) {
	.siteMain {
		height:auto;
	}
}

.soldout {
	display : block;
	position : relative;
	height : 100%;
}

.soldout-mv {
	display : block;
	position : relative;
	height : 100%;
}

.soldout-mv img {
	width : 100%;
	height : 100%;
	object-fit : cover;
}

.soldout-mv:before {
	content : '';
	width : 100%;
	height : 100%;
	display : block;
	background : rgba(0,0,0,.7);
	position : absolute;
	top : 0;
	left : 0;
	z-index : 1;
}

.soldout-mv__cap {
	font-size : 10px;
	color : #fff;
	position : absolute;
	right : 10px;
	bottom : 5px;
	z-index : 1;
}

.soldout-contents {
	position : absolute;
	z-index : 2;
	width : 100%;
	height : 100%;
	display : flex;
	flex-direction : column;
	justify-content : center;
	align-items : center;
	left : 0;
	top : 0;
	color : #fff;
	text-align : center;
}

.soldout-logo {
	width : 190px;
}

.soldout-ttl {
	font-size : 53px;
	margin : 40px 0;
	letter-spacing : 0.6em;
	margin-right : -0.6em;
}

.soldout-txt {
	font-size : 15px;
	line-height : 2;
}

@media screen and (max-width: 767px) {
	.soldout {
		margin-bottom : 30px;
	}
	.soldout-ttl {
		font-size : 40px;
		margin : 30px 0;
		margin-right : -0.6em;
	}
	.soldout-txt {
		font-size: 12px;
		padding: 0px 10px;
	}
}