@charset 'utf-8';

h5 {
	height: 22px;
	margin-bottom: 5px;
	padding-left: 28px;
	line-height: 22px;
}

/* [div.health] //////////////////////////*/
.health h5 {
	background-image: url(../../image/common/marker-pink.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 14px;
}
.health .plan {
	width: 100%;
	margin-bottom: 5px;
	border-top: 1px solid #ff006b;
	border-left: 1px solid #ff006b;
}
.health .plan th,
.health .plan td {
	border-bottom: 1px solid #ff006b;
	border-right: 1px solid #ff006b;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
}
.health .plan th div,
.health .plan td div {
	padding: 5px;
}
.health .plan th {
	color: #fff;
	background: #ffcee3;
	text-shadow: 0 0 4px #f03;
}

.health .event {
	margin-bottom: 5px;
}

.health .service {
	width: 100%;
	margin-bottom: 5px;
	border-top: 1px solid #ff006b;
	border-left: 1px solid #ff006b;
}
.health .service td {
	border-bottom: 1px solid #ff006b;
	border-right: 1px solid #ff006b;
	text-align: center;
	font-weight: bold;
	height: 46px;
}
.health .service td div {
	padding: 5px 10px;
}

.health .option {
	width: 100%;
	margin-bottom: 5px;
	border-top: 1px solid #ff006b;
	border-left: 1px solid #ff006b;
}
.health .option th,
.health .option td {
	border-bottom: 1px solid #ff006b;
	border-right: 1px solid #ff006b;
	text-align: center;
	font-weight: bold;
}
.health .option th div,
.health .option td div {
	padding: 5px;
}
.health .option th {
	font-size: 13px;
	background: #ffcee3;
}
.health .option td {
	font-size: 20px;
}

.health .nominate {
	width: 100%;
	border-top: 1px solid #ff006b;
	border-left: 1px solid #ff006b;
}
.health .nominate th,
.health .nominate td {
	border-bottom: 1px solid #ff006b;
	border-right: 1px solid #ff006b;
	text-align: center;
	font-weight: bold;
}
.health .nominate th div,
.health .nominate td div {
	padding: 5px;
}
.health .nominate th {
	font-size: 13px;
	background: #ffcee3;
}
.health .nominate td {
	font-size: 20px;
}

/* [div.hand] //////////////////////////*/
.hand h5 {
	background-image: url(../../image/common/marker-yellow.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 14px;
}
.hand .descript {
	margin-bottom: 5px;
	color: rgb(3, 24, 6);
	font-weight: bold;
}

.hand .plan {
	width: 100%;
	margin-bottom: 5px;
	border-top: 1px solid #fc0;
	border-left: 1px solid #fc0;
}
.hand .plan th,
.hand .plan td {
	border-bottom: 1px solid #fc0;
	border-right: 1px solid #fc0;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
}
.hand .plan th div,
.hand .plan td div {
	padding: 5px;
}
.hand .plan th {
	color: #fff;
	background: #ffeda5;
	text-shadow: 0 0 4px #f60;
}

.hand .option {
	width: 100%;
	margin-bottom: 5px;
	border-top: 1px solid #fc0;
	border-left: 1px solid #fc0;
}
.hand .option th,
.hand .option td {
	border-bottom: 1px solid #fc0;
	border-right: 1px solid #fc0;
	text-align: center;
	font-weight: bold;
}
.hand .option th div,
.hand .option td div {
	padding: 5px;
}
.hand .option th {
	font-size: 13px;
	background: #ffeda5;
}
.hand .option td {
	font-size: 20px;
}

.hand .nominate {
	width: 100%;
	margin-bottom: 5px;
	border-top: 1px solid #fc0;
	border-left: 1px solid #fc0;
}
.hand .nominate th,
.hand .nominate td {
	border-bottom: 1px solid #fc0;
	border-right: 1px solid #fc0;
	text-align: center;
	font-weight: bold;
}
.hand .nominate th div,
.hand .nominate td div {
	padding: 5px;
}
.hand .nominate th {
	font-size: 13px;
	background: #ffeda5;
}
.hand .nominate td {
	font-size: 20px;
}

/* [div.guide] //////////////////////////*/
.guide dl {
}
.guide dt {
	margin-top: 15px;
	color: #c00;
}
.guide dd {
	margin-top: 15px;
}

/* [div.attent] //////////////////////////*/
.attent dl {
}
.attent dt {
	margin-top: 15px;
	color: #c00;
}
.attent dd {
	margin-top: 15px;
}

.table-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

.sr-only{
  position:absolute;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}

.hand .plan,
.hand .option,
.hand .nominate{
  margin-top:1px;
}

/* hand の表だけ上線を強制表示（border-topに頼らない） */
.hand .table-wrap{
  position: relative;
}

.hand .table-wrap::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:1px;
  background:#fc0;
  pointer-events:none;
  z-index: 1;
}

/* テーブルが線の下に潜らないように */
.hand .table-wrap > table{
  position: relative;
  z-index: 0;
}