@charset "utf-8";

/* PC版
==========================================================*/
header h1 {
	font-family: "HGP明朝B";
	color: #3e3eff;
	text-shadow: 3px 3px 3px #8080ff;
}
/* 大会リスト ------------*/
.ski-tbl {
	background: #fff;
	border-width: 2px;
	border-style: solid;
	border-color: #d9ecff #7bf #7bf #d9ecff;
	border-collapse: separate;
	border-spacing: 1;
	max-width: 1000px;
	min-width: 1000px;
	width: 98%;
	margin: auto;
}
.ski-tbl th,
.ski-tbl td {
	border-width: 1px;
	border-style: solid;
	border-color: #7bf #d9ecff #d9ecff #7bf;
	border-collapse: separate;
	font-weight: normal;
}
.ski-tbl thead th.item-name {
	width: 70%;
	letter-spacing: 3em;
	text-indent: 3em;
}
.ski-tbl thead th.item-date {
	width: stretch;
	letter-spacing: 2em;
	text-indent: 2em;
}
.ski-tbl tbody th {
	position: relative;
	text-align: left;
	vertical-align: top;
	padding-left: 30px;
}
.ski-tbl tbody th::before {
	position: absolute;
	left: 10px;
	top: 15px;
	content: "";
	background: url(../images/frame01a.gif) no-repeat;
	width: 20px;
	height: 100%;
}
.ski-tbl tbody th::after {
	position: relative;
	left: 5px;
	content: attr(data-update);
	font-size: 0.8rem;
	color: red;
	font-weight: bold;
	width: 100%;
	height: 100%;
	animation: update 1s linear infinite;
}
.ski-tbl tbody th[data-link="no"]::before {
	background: url(../images/frame01b.gif) no-repeat;
}
.ski-tbl tbody th[data-link="no"]::after {
	display: none;
}
@keyframes update {
	0%,100%	{ color: red; }
	50%	{ color: orange; }
}

.ski-tbl tbody td {
	text-align: left;
	vertical-align: top;
}

/* QRコード ------------*/
.qrcode {
	background: repeating-linear-gradient(-45deg, #A6CAF0, #A6CAF0 5px, #3F3FBF 5px, #3F3FBF 10px);
	max-width: 1050px;
	min-width: 1050px;
	width: 95%;
	margin: 50px auto 20px;
	padding: 6px;
}
.qrcode .inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background: #fff;
	width: stretch;
	padding: 20px;
}
.qrcode .inner .qrcode-ttl {
	width: stretch;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
}
.qrcode .inner .qrcode-ttl .qrcode-catch {
	display: block;
	font-weight: normal;
}
.qrcode .inner .qrcode-com {
	width: calc(100% - 220px);
	text-align: center;
	font-size: 1.2em;
}
.qrcode .inner .qrcode-image {
	width: 220px;
}

/* backbutton ------------*/
.back {
	margin: 40px auto;
	text-align: center;
}
.back button {
	width: 130px;
	font-size: 1.1em;
	letter-spacing: 1.25em;
	text-indent: 1.25em;
}


/* タブレット設定
==========================================================*/
@media (max-width: 800px) {
	.ski-tbl thead th.item-name {
		letter-spacing: 2em;
		text-indent: 2em;
	}
	.ski-tbl thead th.item-date {
		letter-spacing: 1em;
		text-indent: 1em;
	}
	.ski-tbl tbody th::before {
		top: 14px;
	}
}


/* スマホ設定
---------------------------------------------------------------------------*/
@media (max-width: 500px) {
	.ski-tbl thead th.item-name {
		letter-spacing: 1em;
		text-indent: 1em;
	}
	.ski-tbl thead th.item-date {
		letter-spacing: 0;
		text-indent: 0;
	}

}