@charset "utf-8";
/* CSS Document */


/*_________________________________________________________ default _____*/
.font_small {	font-size: x-small; }

.font_big { font-size: 1.3em; line-height: 1.6em;}

.stRed { color: #FF0004; font-weight: bolder; }


.style3 {
    color: #FFFFFF;
    font-weight: bold;
}
.BoxParent table {
  font-size: 1.2em;
  letter-spacing: 0.1em;
  table-layout: fixed;
}
.BoxParent td {
    border-bottom: dotted 1px #333333;
    padding: 5px 0 5px 0.8em;
}
.BoxParent td { font-size: 0.8em; }

/*_________________________________________________________ tablet _____*/
@media screen and (max-width: 700px) {
  .tbl-res {
    width: 80%;
  }
  .tbl-res .thead {
    display: none;
  }
  .tbl-res tr {
    width: 97%;
  }
  .tbl-res td {
    display: block;
    text-align: left;
    width: 97%;
		font-size: 0.8em;
  }
  .tbl-res td:first-child {
    background: #288AD6;
    color: #fff;
    font-weight: bold;
    text-align: center;
		
  }
  .tbl-res td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }
	.tbl-res a {
		color: #FFF;
	}
	.tbl-res a:hover {
		color:#103D60;
}
	.tbl-res .stRed a {
		color: #FF0004; font-weight: bolder;
	}
}


/* _____________________________________________________________________ リスト */

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.prepc { display: block !important; }
.presp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 700px) {
.prepc { display: none !important; }
.presp { display: block !important; }
}