.SideTab label,
.SideTab02 label{
	position: fixed;
	right: 0;
	height: 200px;
	font-size: 0;
}

.SideTab input[type="checkbox"],
.SideTab02 input[type="checkbox"] {
	display: none;
}

.SideTab input[type="checkbox"] + em,
.SideTab02 input[type="checkbox"] + em {
	position: fixed;
	right: 10px;
	z-index: 100;
	line-height: 30px;
	padding: 5px;
	min-width: 20px;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	cursor: pointer;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
}




/* IE10以降 */
@media all and (-ms-high-contrast:none){
	.SideTab input[type="checkbox"] + em,
	.SideTab02 input[type="checkbox"] + em {
		right: 0px;
	}
}

/* Firefoxのみ */
@-moz-document url-prefix() {
	.SideTab input[type="checkbox"] + em,
	.SideTab02 input[type="checkbox"] + em {
		right: 0px;
	}
}






.SideTab input[type="checkbox"]:checked + em,
.SideTab02 input[type="checkbox"]:checked + em {
	position: fixed;
	right: 510px;
	height:190px; /* ★ */
}

/* IE10以降 */
@media all and (-ms-high-contrast:none){
	.SideTab input[type="checkbox"]:checked + em,
	.SideTab02 input[type="checkbox"]:checked + em {
		right: 500px;
	}
}

/* Firefoxのみ */
@-moz-document url-prefix() {
	.SideTab input[type="checkbox"]:checked + em,
	.SideTab02 input[type="checkbox"]:checked + em {
		right: 500px;
	}
}



.SideTab .SideTabContents,
.SideTab02 .SideTabContents {
	position: fixed;
	right: 0;
	display: block;
	padding: 10px 10px;
	width: 500px; /* ★ */
	height: 200px; /* ★ */
	font-size: 14px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: auto;
}

.SideTab input[type="checkbox"] + em ~ .SideTabContents,
.SideTab02 input[type="checkbox"] + em ~ .SideTabContents {
	display: none;
	width: 0;
}

.SideTab input[type="checkbox"]:checked + em ~ .SideTabContents,
.SideTab02 input[type="checkbox"]:checked + em ~ .SideTabContents {
	display: block;
	width: 500px; /* ★ */
}

/*位置---------------------------------------------------*/

.SideTab input[type="checkbox"] + em,
.SideTab .SideTabContents{
	top:300px; /* ★ */
}

.SideTab02 input[type="checkbox"] + em,
.SideTab02 .SideTabContents{
	top:520px; /* ★ */
}

/*COLOR---------------------------------------------------*/

.SideTab input[type="checkbox"] + em{
	background: #E82736;
	height:190px; /* ★ */
	color: #FFF;
}
.SideTab input[type="checkbox"] + em~ .SideTabContents{
	padding:10px;
	border: solid 10px #E82736;
	background:#fff;
}


.SideTab02 input[type="checkbox"] + em{
	background: #F9F13A;
	height:190px; /* ★ */
	color: #0000FF;
}
.SideTab02 input[type="checkbox"] + em~ .SideTabContents{
	padding:10px;
	border: solid 10px #F9F13A;
	background:#fff;
}

.SideTab input[type="checkbox"] + em a,
.SideTab02 input[type="checkbox"] + em a{ pointer-events: none;}

.SideTab p,
.SideTab02 p{ display: none;}





/* 追加分（削除してOK）サイドタブ
----------------------------------------------------------*/
#sideTabBox table.style03 {
	margin-bottom:0;
}
#sideTabBox table.style03 th {
	padding:2px 0;
	font-size:12px;
}
#sideTabBox table.style03 td {
	padding:5px;
}
#sideTabBox table.style03 td.date {
	width:70px;
	text-align:center;
	font-size:12px;
}
#sideTabBox table.style03 td.outline {
	width:90px;
	font-size:12px;
}
#sideTabBox table.style03 td.outline span {
	border-radius:2px;
	display:block;
	text-align:center;
	color:#fff;
}




/* ---------------------------------------------------------------------------

	スマホ（ブラウザの横幅が指定したpx以下の時に適用されます）

--------------------------------------------------------------------------- */

@media screen and (max-width : 959px) {
.SideTab p,
.SideTab02 p{
	position: fixed;
	display: block;
	bottom: 0;
	width: 45vw;
	font-size:0.8em;
	text-align: center;
	margin:0;
}

.SideTab p a,
.SideTab02 p a{
	display:block;
	line-height: 40px;
	text-decoration: none;
}

.SideTab p{
	left: 20px;
}

.SideTab p a{
	border-radius:4px;
	background: #E82736 url(../images/common/arrow02.gif) no-repeat 96% 50%;
	color: #FFF;
}

.SideTab02 p{
	right: 20px;
}

.SideTab02 p a{
	border-radius:4px;
	background: #F9F13A url(../images/common/arrow01.gif) no-repeat 96% 50%;
	color: #0000FF;
}

.SideTab label,
.SideTab02 label {
	display: none;
}




/* [sp] 追加分（削除してOK）サイドタブ
----------------------------------------------------------*/
#spEntry table.style03,
#spResult table.style03 {
	margin-bottom:0;
}
#spEntry table.style03 th,
#spResult table.style03 th {
	padding:5px;
}
#spEntry table.style03 td,
#spResult table.style03 td {
	padding:10px;
	border-bottom:1px dashed #999;
}
#spEntry table.style03 td.date,
#spResult table.style03 td.date {
	width:20%;
	text-align:center;
}
#spEntry table.style03 td.name,
#spResult table.style03 td.name {
}
#spEntry table.style03 td.outline,
#spResult table.style03 td.outline {
	width:30%;
}
#spEntry table.style03 td.outline span,
#spResult table.style03 td.outline span {
	padding:2% 0;
	border-radius:6px;
	display:block;
	text-align:center;
	width:100%;
	color:#fff;
}



}