@charset "utf-8";

/*--------------------------------------
  style
---------------------------------------*/
body {
}

p.ta {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 60px auto 40px;
}
table {
  margin: 20px auto;
  width: 100%;
}
.tbl-r02 th {
  background: #d9edf7;
  border: solid 1px #ccc;
  color: #000;
  padding: 10px;
}
.tbl-r02 td {
  border: solid 1px #ccc;
  padding: 10px;
}
 
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r02 {
    width: 100%;
  }
  .tbl-r02 th,
  .tbl-r02 td {
    border-bottom: none;
    display: block;
    width: 100%;
  }
}

@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}

/*--------------------------------------
  parts
---------------------------------------*/
.m5{
	margin: 5px;
}
.m10{
	margin: 10px;
}
.m15{
	margin: 15px;
}
.m20{
	margin: 20px;
}
.mt5{
	margin-top: 5px;
}
.mt10{
	margin-top: 10px;
}
.mt15{
	margin-top: 15px;
}
.mt20{
	margin-top: 20px;
}
.mb5{
	margin-bottom: 5px;
}
.mb10{
	margin-bottom: 10px;
}
.mb15{
	margin-bottom: 15px;
}
.mb20{
	margin-bottom: 20px;
}
.ml5{
	margin-left: 5px;
}
.ml10{
	margin-left: 10px;
}
.ml15{
	margin-left: 15px;
}
.ml20{
	margin-left: 20px;
}
.mr5{
	margin-right: 5px;
}
.mr10{
	margin-right: 10px;
}
.mr15{
	margin-right: 15px;
}
.mr20{
	margin-right: 20px;
}
.p5{
	padding: 5px;
}
.p10{
	padding: 10px;
}
.p15{
	padding: 15px;
}
.p20{
	padding: 20px;
}
.pt5{
	padding-top: 5px;
}
.pt10{
	padding-top: 10px;
}
.pt15{
	padding-top: 15px;
}
.pt20{
	padding-top: 20px;
}
.pb5{
	padding-bottom: 5px;
}
.pb10{
	padding-bottom: 10px;
}
.pb15{
	padding-bottom: 15px;
}
.pb20{
	padding-bottom: 20px;
}
.pl5{
	padding-left: 5px;
}
.pl10{
	padding-left: 10px;
}
.pl15{
	padding-left: 15px;
}
.pl20{
	padding-left: 20px;
}
.pr5{
	padding-right: 5px;
}
.pr10{
	padding-right: 10px;
}
.pr15{
	padding-right: 15px;
}
.pr20{
	padding-right: 20px;
}

/* font-align */
.left {
	text-align:left;
}
.right {
	text-align:right;
}
.center {
	text-align:center;
}

/*--------------------------------------
  clearfix
---------------------------------------*/
.clearfix:after{
    clear:both;
    content:"";
    display:block;
    visibility:hidden;
}
.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.management-table {
	min-width: 1400px;
}

.management-table>thead>tr>th,
.management-table>tbody>tr>td {
	vertical-align: middle;
}

.management-table>thead>tr>th {
	text-align: center;
}

/*--------------------------------------
  535px以下の時テーブルを縦並びにする
---------------------------------------*/
@media (max-width:535px) {

	.sd_vertically_table>thead>tr>th,
	.sd_vertically_table>tbody>tr>th,
	.sd_vertically_table>tfoot>tr>th,
	.sd_vertically_table>thead>tr>td,
	.sd_vertically_table>tbody>tr>td,
	.sd_vertically_table>tfoot>tr>td {
		display: block;
		width: 100%;
		/*
		border:none;
		*/
	}

	.sd_vertically_table>thead>tr>th,
	.sd_vertically_table>tbody>tr>th,
	.sd_vertically_table>tfoot>tr>th {
		border-bottom: 1px dotted rgb(180, 180, 180);
	}

	/*
	.sd_vertically_table>thead>tr>td,
	.sd_vertically_table>tbody>tr>td,
	.sd_vertically_table>tfoot>tr>td{
		margin-bottom:2rem;
	}
	*/
	.sd_vertically_btn {
		width: 100%;
		margin: 2px 0;
		display: inline-block;
	}

	/*
	.h2{
		font-size: 20px;
	}
	.h3{
		font-size: 20px;
	}
	.h4{
		font-size: 12px;
	}
	*/
	.message {
		font-size: 12px;
	}

	.sd_vertically_div {
		width: auto !important;
		float: none !important;
	}

	.form-control {
		width: 100%;
		margin-bottom: 2px;
	}

	.table-width-half {
		width: 100% !important;
	}
}