@charset "utf-8";

span.attention {
	font-size:12px;
	color:#D00;
	display:block;
	margin-bottom:0.5em;
}
#other_body h1 {
	font-size:20px !important;
	padding:8px 0 3px 0 !important;
}

#liveDate {
	background-color:#FFD953;
	border-radius:10px;
	text-align:center;
	padding:8px;
	margin-bottom:20px;
	font-size:14px;
}
strong.diff {
	font-size:20px;
	color:#D00;
}
p.check {
	text-align:center;
	padding:1em 0 40px 0;
	background:url(../img/arrow.gif) bottom center no-repeat;
	background-size:112px 28px;
}
p.check strong {
	display:block;
	font-size:20px;
}


/* アコーディオン全体の枠組み */
details.accordion {
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 10px 6px 6px 6px;
    background-color: #fff;
}

/* 見出し（クリック領域）のスタイル */
details.accordion summary {
    font-size:16px;
    font-weight: bold;
    cursor: pointer;
    list-style: none; /* デフォルトの三角アイコンを消したい場合 */
    position: relative;
    padding-right: 20px;
    line-height:1.3;
}

/* 右側に独自のプラス/マイナス記号を表示する例 */
details.accordion summary::after {
    content: "+";
    position: absolute;
    right: 5px;
}

/* 開いた状態のとき記号をマイナスにする */
details[open].accordion summary::after {
    content: "−";
}

/* 開いた中身のコンテンツ */
details.accordion .content {
    margin-top: 5px;
    border-top: 1px dashed #ccc;
	border-left: 0;
	border-bottom: 0;
	border-right: 0;
	border-collapse:collapse;
    color: #444;
    font-size:14px;
}
details.accordion .content strong {
	font-weight:normal;
	display:inline-block;
}
details.accordion .content tr:nth-child(even) {
	background-color: #f2f2f2;
}
details.accordion .content td {
	padding:3px 5px;
}
details.accordion .content td.link {
	white-space: nowrap;
}
