body {
	font-family: Yu Gothic, Hiragino Kaku Gothic Pro, Hiragino Sans, Meiryo, Osaka, Arial, MS PGothic, sans-serif;
	font-weight: 500;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.header-container {
	max-width: 1235px;
	margin: 0 auto;
}

.headerLogoImage:hover,
.headerLogoImage:focus {
	cursor: pointer;
}

.container {
	margin: 20px auto;
	text-align: center;
}

.btn {
	width: 300px;
	height: 50px;
	position: relative;
	font-size: 1.6rem;
	font-weight: 700;
	box-shadow: none;
}

.btn::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 27px;
	width: 9px;
	height: 9px;
	margin: auto;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	box-sizing: border-box;
}

.btn-action {
	color: #FFF;
	background-color: #2b2b2b;
}

.btn-note {
	color: #2b2b2b;
	background-color: #FFF;
	border: 1px solid #2b2b2b;
}

.btn-note::after {
	border-top: 2px solid #2b2b2b !important;
	border-right: 2px solid #2b2b2b !important;
}

.btn-note:focus,
.btn-note:hover {
	color: #2b2b2b;
}

.viewing {
	margin-bottom: 20px;
}

.noAuction-area {
	margin: 50px;
}

.viewing span {
	font-weight: bold;
	font-size: 30px;
	color: gray;
}

.noAuction {
	font-size: 20px;
}

.noAuctionEn {
	font-size: 14px;
}

.auctionInfo-area {
	max-width: 450px;
	margin: 20px auto;
	padding: 20px;
	background-color: #F0EEEE;
}

.auctionCount {
	font-size: 20px;
	font-weight: bold;
}

.genreArea {
	margin: 10px;
}

.genreEnArea {
	margin: 10px;
	font-weight: bold;
}

.auctionStartEndTimeArea {
	margin: 10px;
}

#scheduleLink:hover,
#scheduleLink:focus,
#scheduleEnLink:hover,
#scheduleEnLink:focus {
	cursor: pointer;
}

#viewingBtn {
	margin: 20px 0;
}

.loginLinkArea {
	margin-top: 10px;
}

#loginLink:hover,
#loginLink:focus {
	cursor: pointer;
}

.pickUp-area {
	margin: 50px;
}

.pickUpNow {
	margin-bottom: 20px;
	line-height: 30px;
	font-weight: bold;
}

.hassouLink {
	border-bottom: 1px solid;
}

.hassouLink:hover,
.hassouLink:focus {
	cursor: pointer;
}

.hassouMail {
	border-bottom: 1px solid;
}

.payment-area {
	margin: 50px;
}

.paymentLabelEn {
	font-size: 14px;
}

#paymentBtn {
	margin-top: 20px;
	line-height: 20px;
	font-weight: normal;
}

.paymentBtnLabelEn {
	font-size: 12px;
}

/* ? ???????? */
@media (min-width: 768px) {
	body {
		font-size: 1.6rem;
	}
	.navbar {
		height: 81px;
	}
	.headerLogoImage {
		width: 142px;
		height: auto;
	}
	.navbar-brand {
		height: auto;
		padding: 15px 0;
	}
}

@media (max-width: 767.98px) {
	body {
		font-size: 1.4rem;
	}
	.navbar {
		height: 51px;
	}
	.navbar-brand {
		padding: 7px;
	}
	.headerLogoImage {
		width: 107px;
		height: auto;
	}
	.auctionInfo-area {
		max-width: 95%;
		margin: 30px auto;
		padding: 20px 0;
	}
	.payment-area {
		margin: 30px;
	}
}