@charset "UTF-8";

/* VIP SALE会場一覧のCSS */

/*-------------------------------
共通
/*-------------------------------*/
.pc_no {
  display: none;
}
@media (max-width: 768px) {
  .pc_no {
    display: block;
  }
}

.sp_no {
  display: block;
}
@media (max-width: 768px) {
  .sp_no {
    display: none;
  }
}

h1 {
	font-size: 1.5rem;
}
.topBtn {
	margin: 3rem 0 0 0!important;
}
.topBtn a {
	width: 320px;
	padding: 1rem;
	background-color: #444;
	font-size: 0.875rem;
	color: #FFF;
	text-decoration: none;
	border-radius: 2px;
	display: inline-block;
}

/*-------------------------------
共通
-------------------------------*/
.viplase {
	
}

/*-------------------------------
開始前
-------------------------------*/
.saleBefore {
	width: 656px;
	margin: 3rem auto 3rem auto;
	text-align: center;
}
@media (max-width: 768px) {
  .saleBefore {
    width: 100%;
	padding: 0 1rem;
  }
}
.saleBefore p {
	margin: 3rem auto 0 auto;
}

/*-------------------------------
開催中
-------------------------------*/
.saleOpen {
	margin: 0 auto;
}
.saleOpen .mainImg img {
	width: 992px;
    margin: 0 auto;
}
.saleOpen .saleOpneInner {
	width: 656px;
	margin: 0 auto;
}
@media (max-width: 768px) {
  .saleOpen .saleOpneInner {
    width: 100%;
	padding: 0 1rem;
  }
}
.saleOpen .saleOpneInner h1 {
	margin: 3rem auto 0 auto;
	text-align: center;
	font-weight: 600;
}
.saleOpen .main-txt {
	margin: 3rem 0 0 0;
	font-size: 0.875rem;
}
.saleOpen .main-txt p {
	margin: 0 0 1rem 0;
}
.saleOpen .main-txt p:last-child {
	margin: 0;
}
.saleOpen ul {
	margin:  20px 0 0 0;
	padding: 0;
}
.saleOpen ul.attention li {
	margin:  0 0 8px 0;
	padding-left: 1.35em;
	text-indent:-1.35em;
	font-size: 0.75rem;
	list-style: none;
	line-height: 1.5;
}
@media (max-width: 768px) {
	.saleOpen ul.attention li {
	margin:  0 0 8px 0;
	padding-left: 0.9em;
	text-indent:-0.9em;
	font-size: 0.75rem;
	list-style: none;
	line-height: 1.5;
	}
}
.saleOpen ul.attention li:before {
	content: "※ ";
}
.saleOpen .salePeriod {
	margin: 3rem 0 0 0;
	text-align: center;
}
.saleOpen .salePeriod h2 {
	font-size: 1.25rem;
	margin: 0 0 0 0;
}
.saleOpen .salePeriod p {
	margin: 1rem 0 0 0;
}
.saleOpen .salePeriod p.closeInfo {
	margin: 2rem 0 3rem 0;
	font-size: 1rem;
	font-weight: bold;
}
@media (max-width: 768px) {
  .saleOpen .salePeriod p {
	  font-size: 0.875rem;
  }
}
.saleOpen ul.venueList {
	margin: 2rem 0 3rem 0;
}
.saleOpen ul.venueList li {
	margin: 0 0 1rem 0;
	list-style: none;
	text-align: center;
}
.saleOpen ul.venueList a {
	width: 320px;
	margin: 0 auto;
	padding: 1rem;
	font-size: 0.875rem;
	color: #FFF;
	background-color: #444;
	border-radius: 2px;
	text-decoration: none;
	display: block;
}
@media (max-width: 768px) {
  .saleOpen ul.venueList a {
    width: 100%;
  }
}


/*-------------------------------
終了後
-------------------------------*/
.saleClose {
	margin: 0 0 3rem 0;
	padding: 0 1rem;
	text-align: center;
}
.saleClose h1 {
	margin: 3rem 0;
}