@charset "UTF-8";

/* top */

#carousel-img .item {
	height: 100vh;
}

.carousel-inner {
	position: relative;
}

@media only screen and (max-width: 767px) {
	#carousel-img .item {
		height: 87vh;
		height: calc(100vh - 64px);
	}

	.carousel-inner {
		margin-top: 64px;
	}
}

.wht-line {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 98%;
	height: 96%;
	border: 1px solid #fff;
	margin: 1%;
	position: absolute;
	top: 0;
	right: 0;
}
@media only screen and (max-width: 767px) {
	.wht-line {
		width: 96%;
		margin: 2%;
	}
}

.scroll {
	position: absolute;
	left: 50%;
	bottom: 20px;
	color: #fff;
	text-align: center;
	z-index: 2;
	line-height: 1.5;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.carousel-indicators {
	bottom: 100px;
}

.carousel-indicators li {
	background: #fff;
	margin: 3px;
	width: 12px;
	height: 12px;
}

.carousel-indicators li.active {
	background: #dc0000;
	border-color: #dc0000;
	margin: 3px;
}

.slide-txt {
	width: 350px;
	font-family: "Oswald", sans-serif;
	color: #fff;
	text-align: center;
	font-size: 30px;
	position: absolute;
	line-height: 1.0;
	top: 40%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
	.slide-txt {
		width: 290px;
	}
}

.slide-txt span {
	color: #dc0000;
}

.slide-txt small {
	font-size: 0.6em;
}

.item-01 {
	background: url(../img/top/slide01.png) 83% center no-repeat;
	background-size: cover;
}

.item-02 {
	background: url(../img/top/slide02.png) center center no-repeat;
	background-size: cover;
}

.item-03 {
	background: url(../img/top/slide03.png) center center no-repeat;
	background-size: cover;
}

.item-04 {
	background: url(../img/top/slide04.png) center center no-repeat;
	background-size: cover;
}

p {
	padding: 10px 0 20px 0;
}

.cursor h1 {
	margin-top: 0;
	margin-bottom: 10px
}

.cursor p {
	padding: 10px 0;
}

.pd0 {
	padding-right: 0;
	padding-left: 0
}

#top-concept {
	padding: 100px 0;
}

@media screen and (max-width: 767px) {
	#top-concept {
		padding: 30px 0 0 0;
	}
}

#top-concept .cursor3 {
	width: 100%;
	display: block;
	overflow: hidden;
	margin-bottom: 0
}

#top-concept .cursor3 p {}

@media screen and (max-width: 767px) {
	#top-concept .cursor3::before,
	#top-concept .cursor3::after {
		content: " ";
	}
	#top-concept .cursor3 {
		padding: 0
	}
}

.text-right img {
	display: inline-block
}

#top-sale {
	padding: 100px 0;
	background: url(../img/top/sale-img01_pc.jpg) center center no-repeat;
	background-size: cover;
}

@media screen and (max-width: 767px) {
	#top-sale {
		padding: 30px 0 15px 0;
		background: url(../img/top/sale-img01_sp.jpg) center center no-repeat;
		background-size: auto 100%
	}
}

#top-sale .bg-bk {
	margin-bottom: 20px
}

#top-sale .bg-bk p {
	padding: 14px 20px 10px 20px
}

#top-sale .bg-bk p span {
	display: block;
	font-size: 75%
}

#top-sale .bg-bk p .lnk-box {
	display: inline-block;
	float: right;
}
#top-sale .bg-bk p .bg-wh {
	display: inline-block;
	padding: 2px 8px;
	margin-right: 2px;
	background: #fff;
	color: #000;
	border: 1px solid #000;
	font-size: 12px;
}

#top-sale .bg-bk p.sold {
	position: absolute;
	top: 10px;
	left: 40px;
	padding: 10px 20px;
	color: #fff;
	background: #820000;
}

@media only screen and (max-width: 1199px) {
	#top-sale .bg-bk p .bg-wh {
		padding: 2px 6px;
		margin-right: 2px;
		background: #fff;
		font-size: 10px;
	}
}

@media only screen and (max-width: 360px) {
	#top-sale .bg-bk p .bg-wh {
		padding: 2px 4px;
	}
}

@media only screen and (max-width: 340px) {
	#top-sale .bg-bk p .bg-wh {
		padding: 2px;
		margin-right: 1px;
	}
}

#top-sale .bg-bk p .bg-wh:hover,
#top-sale .bg-bk p .bg-wh:focus {
	background:#000;
	border: 1px solid #fff;
	color: #fff;
}

#top-works {
	padding: 100px 0;
}

@media screen and (max-width: 767px) {
	#top-works {
		padding: 30px 0 15px 0;
	}
}

#top-spec {
	padding: 100px 0;
	background: url(../img/top/spec-img01_pc.jpg) center center no-repeat;
	background-size: cover;
	color: #fff
}

@media screen and (max-width: 767px) {
	#top-spec {
		padding: 30px 0 0 0;
		background: url(../img/top/spec-img01_sp.jpg) center center no-repeat;
		background-size: cover
	}
	#top-spec .switch {
		width: 100%
	}
}

#top-com {
	background: url(../img/bg-lg.png) top left repeat;
	color: #fff;
	padding: 0 0;
}

#top-spec .cursor {
	width: 90%;
	display: block;
	overflow: hidden;
}

#top-com .cursor h1 {
	padding-top: 20px
}

@media screen and (max-width: 767px) {
	#top-com {
		padding: 30px 0 0 0;
	}
}

#top-com .cursor {
	margin: 200px auto
}

#top-com .cursor,
#top-com .cursor4 {
	padding: 0px;
}

#top-com .cursor4 {
	width: 100%
}

#top-com .cursor::after {
	content: url("../img/wht-cross.png");
	position: absolute;
}

@media screen and (max-width: 767px) {
	#top-com .cursor4::after,
	#top-com .cursor4::before {
		content: " ";
	}
	#top-com .cursor::after {
		content: url("../img/rd-cross.png");
		position: absolute;
	}
	#top-com .cursor {
		margin: 20px auto
	}
}

#top-sale .infobox .pricedown {
	position: absolute;
	top: 10px;
	left: 40px;
	padding: 10px 20px;
	color: #fff;
	background: #820000;
}
@media screen and (min-width:768px){
.mb20{
	margin-bottom:0px;
}
}
@media screen and (max-width: 767px) {
.mb20{
	margin-bottom:20px;
}	
}