@charset "utf-8";
:root {
	--color01:#29ABE2;
	--color02:#008FCC;
	--color03:#0071BC;
}
#area {
	max-width: 400px;
	background: #ddf2f5;
	margin: 0 auto;
}
header {
	background: var(--color02);
	padding: 7px 0;
}
header h1 {
	color: #fff;
	font-size: 15px;
}
.topBox {
	background: var(--color01);
	padding: 14px 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}
.topBox h2 {
	color: #fff;
	font-size: 30px;
	line-height: 1.2;
}
.seat {
	background: #fff;
	padding: 12px 25px;
	border-radius: 25px;
	color: #333;
	font-size: 30px;
	font-weight: 800;
	line-height: 1;
	margin: 0 20px;
	white-space: nowrap;
	display: flex;
	justify-content: center;
	align-items: center;
}
.seat strong {
	font-size: 70px;
	font-weight: 900;
	line-height: .8;
	margin-left: 3px;
}
.seat span {
	font-size: 85%;
	margin-left: 10px;
	vertical-align: 0.075em;
}
.reload img {
	max-height: 64px;
}
#contents {
	padding: 15px 35px 10px; 
}
#contents .ttl {
  margin-bottom: 12px;
}
#contents .ttl figure {
  width: 30px;
}
#contents h2 {
/*	display: inline-block;
	background: url("../img/icon_bus.png") right center no-repeat;
	background-size: contain;*/
	font-size: 29px;
	color: var(--color03);
	padding-right: 15px;
	line-height: 1;
}
.lastIcon {
	line-height: 1.2;
  background-color: red;
  color: #fff;
  border-radius: 5px;
  font-size: 18px;
  padding: 5px;
	margin-left: 15px;
}
#contents .txt {
	margin-top: 10px;
	font-size: 15px;
	color: #4d4d4d;
	font-weight: 400;
}
footer {
	background: var(--color01);
	height: 36px;
}
footer a {
	color: #fff;
}
footer a::after {
	content: "";
	display: inline-block;
	background: url("../img/ico_blank02.png") center center no-repeat;
	background-size: contain;
	width: 13px;
	height: 10px;
	margin-left: 7px;
}
#wrap {
	padding: 40px 30px;
	max-height: 660px;
}
.titlelogo img {
	max-height: 110px;
}
.txtBox {
	padding: 35px 5px 30px;
	background: #fff;
	border-radius: 35px;
	margin-top: 50px;
	position: relative;
	font-size: 22px;
	color: #3e3a39;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 20px;
	height: 420px;
}
.icon {
	position: absolute;
	left: 0;
	right: 0;
	top: -24px;
	z-index: 1;
}
.icon img {
	max-height: 58px;
}
.txtBox h2 {
	font-size: 35px;
	color: var(--color03);
}
.txtBox .reload {
	font-size: 18px;
}
.btn a {
	display: block;
	max-width: 220px;
	margin: 0 auto;
	line-height: 1;
	font-size: 20px;
	border-radius: 90px;
	background: var(--color02);
	color: #fff;
	padding: 15px 10px;
}
.btn a::after {
	content: "";
	display: inline-block;
	background: url("../img/ico_blank02.png") center center no-repeat;
	background-size: contain;
	width: 14px;
	height: 13px;
	margin-left: 10px;
}