@charset "shift_jis";
/* CSS Document */
.system h3 {
  height: auto;
  font-size: 12px;font-weight: normal;line-height: unset;
}
.system h3 span {
  display: block;
  font-size: 14px;
}
.system a,
span.red {
	color: var(--color-secondary);
	font-size: inherit;
}
.system {padding-bottom: 5vh;}
/* sub-title */
.sub-title {
  padding: 1.2em 1em;
  align-items: center;
  background: var(--color-primary);
	color: #fff;
}
.sub-title > div {
  margin-right: 1em;padding: .6em 1em;
  background: #fff;
  color: var(--color-primary);line-height: 1;font-weight: bold;
}
.sub-title .bold {
  font-size: 120%;
}
/* pricelist */
.pricelist {
  width: 100%;
  border: solid 1px var(--color-border);
  vertical-align: middle;
}
@media screen and (min-width: 1000px){
}
.pricelist th {
  width: 18%;
  padding: .8em 1em;
  background: #fadbea;
  border-right: solid 1px var(--color-border);border-bottom: solid 1px var(--color-border);
  text-align: center;vertical-align: middle;
}
.pricelist td {
  padding: .5em;
  border-right: solid 1px var(--color-border);border-bottom: solid 1px var(--color-border);
  text-align: center;vertical-align: middle;
}
.pricelist td span {font-size: 10px;letter-spacing: -.2px}
.sup {
  padding: .6em 0;
  background: var(--color-primary);
  color: #fff;
}
.note {margin-top: 1em;}
h4 {
	margin: 1em 0;padding: .6em 1em;
  background: var(--color-primary);
  font-size: 14px;color: #fff;font-weight: normal;
}
.cardlist {
  margin-top: 1em;
  gap: 1em;
  align-items: center;
}
.cardlist li {width: 4em;}
.attention {margin: .6em 0 1em;}
.attention li {
  list-style: inside square;
  font-size: 85.75%;
}
.basic_play li {
	list-style: inside disc;
}
/* common-list */
.common-list:after{
	content: "";
	display: block;
	width: calc(94% / 3 + 2%);
}
.common-list figure {
	width: calc(94% / 3);
	margin: 1%;
	background: #f0f0f0;
}
.common-list figure img {
	padding: .8em .8em 0;
}
.common-list figcaption {
	padding: .8em;
	text-align: center;
	font-weight: 700;
}
.price-bk p {
	text-align: center;
	padding: .5em 0;
	background: #000;
	color: #f00;
	font-weight: 700;
}
.price-rd p {
	text-align: center;
	padding: .5em 0;
	background: #f00;
	font-weight: 700;
}
.option-guide {
	font-weight: 700;
	justify-content: center;
	padding: 2vh 0;
}
.option-guide li {
	padding: .2em 1em;
}
@media screen and (min-width:1000px) {
	.common-list figure {
		width: calc(88% / 6);
	}
	.common-list figure:nth-child(6n+5):last-child {
	    margin-right: calc(88% / 6 + 3% );
	}
	.common-list figure:nth-child(6n+4):last-child {
	    margin-right: calc(88% / 6 * 2 + 5% );
	}
	.common-list figure:nth-child(6n+3):last-child {
	    margin-right: calc(88% / 6 * 3 + 7% );
	}
	.common-list figure:nth-child(6n+2):last-child {
	    margin-right: calc(88% / 6 * 4 + 9% );
	}
	.line-left {
		border-left: 1px solid #000;
	}
}
/* reserve */
.reserve dl {
	margin: 3vh auto;
}
.reserve dt {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90%;
	margin: 0 auto;
	background: #f00;
	font-weight: 700;
}
.reserve dd {
	display: flex;
	align-items: center;
	padding: 0 5%;
	width: 100%;
	margin-bottom: 1em;
}
@media screen and (min-width:1000px) {
	.reserve dt {
		width: 20%;
		margin-bottom: 1em;
		padding: 1em;
	}
	.reserve dd {
		width: 80%;
	}
}
/* customer */
.customer dl {
	margin: 1vh auto;
}
.customer dt {
	color: #f00;
	font-weight: 700;
	font-size: 130%;
}
.customer dd:before {
	content: "\026ab";
}
