.tsl-table {
  padding-bottom: 30px; }
  @media (min-width: 640px) {
    .tsl-table {
      padding-bottom: 40px; } }
  .tsl-table .table-responsive {
    border: none; }
    .tsl-table .table-responsive table {
      margin-bottom: 0; }
  .tsl-table table {
    margin-bottom: 10px;
    width: 100%;
    border-top: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8; }
    .tsl-table table th {
      vertical-align: middle;
      text-align: left;
      font-weight: normal;
      padding: 5px 8px;
      background-color: #f2f2f2;
      border-right: 1px solid #c8c8c8;
      border-bottom: 1px solid #c8c8c8;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.4615384615; }
      @media (min-width: 640px) {
        .tsl-table table th {
          text-align: center;
          padding: 15px;
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.5; } }
    .tsl-table table td {
      vertical-align: middle;
      text-align: left;
      padding: 5px 8px;
      background-color: #fff;
      border-right: 1px solid #c8c8c8;
      border-bottom: 1px solid #c8c8c8;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.4615384615; }
      @media (min-width: 640px) {
        .tsl-table table td {
          padding: 15px 20px;
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.5; } }
    @media (max-width: 639px) {
      .tsl-table table.table-block th {
        display: inline-block;
        width: 100%; }
      .tsl-table table.table-block td {
        display: inline-block;
        width: 100%; } }
.tsl-table {
  padding-bottom: 30px; }
  @media (min-width: 640px) {
    .tsl-table {
      padding-bottom: 40px; } }
  .tsl-table .table-responsive {
    border: none; }
    .tsl-table .table-responsive table {
      margin-bottom: 0; }
  .tsl-table table {
    margin-bottom: 10px;
    width: 100%;
    border-top: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8; }
    .tsl-table table th {
      vertical-align: middle;
      text-align: left;
      font-weight: normal;
      padding: 5px 8px;
      background-color: #f2f2f2;
      border-right: 1px solid #c8c8c8;
      border-bottom: 1px solid #c8c8c8;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.4615384615; }
      @media (min-width: 640px) {
        .tsl-table table th {
          text-align: center;
          padding: 15px;
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.5; } }
    .tsl-table table td {
      vertical-align: middle;
      text-align: left;
      padding: 5px 8px;
      background-color: #fff;
      border-right: 1px solid #c8c8c8;
      border-bottom: 1px solid #c8c8c8;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.4615384615; }
      @media (min-width: 640px) {
        .tsl-table table td {
          padding: 15px 20px;
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.5; } }
    @media (max-width: 639px) {
      .tsl-table table.table-block th {
        display: inline-block;
        width: 100%; }
      .tsl-table table.table-block td {
        display: inline-block;
        width: 100%; } }
.tsl-table {
  padding-bottom: 30px; }
  @media (min-width: 640px) {
    .tsl-table {
      padding-bottom: 40px; } }
  .tsl-table .table-responsive {
    border: none; }
    .tsl-table .table-responsive table {
      margin-bottom: 0; }
  .tsl-table table {
    margin-bottom: 10px;
    width: 100%;
    border-top: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8; }
    .tsl-table table th {
      vertical-align: middle;
      text-align: left;
      font-weight: normal;
      padding: 5px 8px;
      background-color: #f2f2f2;
      border-right: 1px solid #c8c8c8;
      border-bottom: 1px solid #c8c8c8;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.4615384615; }
      @media (min-width: 640px) {
        .tsl-table table th {
          text-align: center;
          padding: 15px;
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.5; } }
    .tsl-table table td {
      vertical-align: middle;
      text-align: left;
      padding: 5px 8px;
      background-color: #fff;
      border-right: 1px solid #c8c8c8;
      border-bottom: 1px solid #c8c8c8;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.4615384615; }
      @media (min-width: 640px) {
        .tsl-table table td {
          padding: 15px 20px;
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.5; } }
    @media (max-width: 639px) {
      .tsl-table table.table-block th {
        display: inline-block;
        width: 100%; }
      .tsl-table table.table-block td {
        display: inline-block;
        width: 100%; } }
@charset "UTF-8";@charset "utf-8";
/*

- (c) レスポンシブ用

*/

img { max-width:100%;
height:auto;}

.container:before, .container:after {
	display: table;
	content: " "
}
.container:after {
	clear: both
}
.row {
	margin:0;
	padding:0;
}
.row_20 {
	margin:20px 0;
	padding:0;
}
.row:before, .row:after ,.row_20:before, .row_20:after {
	display: table;
	content: " "
}
.row:after,.row_20:after {
	clear: both
}
.td10 {
	padding:0 10px;
}
.td20 {
	padding:0 20px;
}
.td30 {
	padding:0 30px;
}
.cel-1, .cel-2, .cel-3, .cel-4, .cel-5, .cel-6, .cel-7, .cel-8, .cel-9, .cel-10, .cel-11, .cel-12, .tbcel-1, .tbcel-2, .tbcel-3, .tbcel-4, .tbcel-5, .tbcel-6, .tbcel-7, .tbcel-8, .tbcel-9, .tbcel-10, .tbcel-11, .tbcel-12, .spcel-1, .spcel-2, .spcel-3, .spcel-4, .spcel-5, .spcel-6, .spcel-7, .spcel-8, .spcel-9, .spcel-10, .spcel-11, .spcel-12 {
	position: relative;
	min-height: 1px;
}

.cel-1, .cel-2, .cel-3, .cel-4, .cel-5, .cel-6, .cel-7, .cel-8, .cel-9, .cel-10, .cel-11 {
	float: left;
}
.cel-1 {
	width: 8.333333333333332%
}
.cel-2 {
	width: 16.666666666666664%
}
.cel-3 {
	width: 25%
}
.cel-4 {
	width: 33.33333333333333%
}
.cel-5 {
	width: 41.66666666666667%
}
.cel-6 {
	width: 50%
}
.cel-7 {
	width: 58.333333333333336%
}
.cel-8 {
	width: 66.66666666666666%
}
.cel-9 {
	width: 75%
}
.cel-10 {
	width: 83.33333333333334%
}
.cel-11 {
	width: 91.66666666666666%
}
.cel-12 {
	width: 100%
}

/*---- FOR TAB ----*/
@media only screen and (max-width:768px) {
.tbcel-1, .tbcel-2, .tbcel-3, .tbcel-4, .tbcel-5, .tbcel-6, .tbcel-7, .tbcel-8, .tbcel-9, .tbcel-10, .tbcel-11 {
	float: left;
}
.tbcel-1 {
	width: 8.333333333333332%
}
.tbcel-2 {
	width: 16.666666666666664%
}
.tbpcel-3 {
	width: 25%
}
.tbpcel-4 {
	width: 33.33333333333333%
}
.tbcel-5 {
	width: 41.66666666666667%
}
.tbcel-6 {
	width: 50%
}
.tbpcel-7 {
	width: 58.333333333333336%
}
.tbcel-8 {
	width: 66.66666666666666%
}
.tbpcel-9 {
	width: 75%
}
.tbcel-10 {
	width: 83.33333333333334%
}
.tbpcel-11 {
	width: 91.66666666666666%
}
.tbcel-12 {
	width: 100%
}
}

/*---- FOR SP ----*/
@media only screen and (max-width: 640px) {

.spcel-1, .spcel-2, .spcel-3, .spcel-4, .spcel-5, .spcel-6, .spcel-7.spcel-8, .spcel-9, .spcel-10, .spcel-11 {
	float: left;
}
.spcel-1 {
	width: 8.333333333333332%
}
.spcel-2 {
	width: 16.666666666666664%
}
.spcel-3 {
	width: 25%
}
.spcel-4 {
	width: 33.33333333333333%
}
.spcel-5 {
	width: 41.66666666666667%
}
.spcel-6 {
	width: 50%
}
.spcel-7 {
	width: 58.333333333333336%
}
.spcel-8 {
	width: 66.66666666666666%
}
.spcel-9 {
	width: 75%
}
.spcel-10 {
	width: 83.33333333333334%
}
.spcel-11 {
	width: 91.66666666666666%
}
.spcel-12 {
	width: 100%
}
}


@media screen and (min-width:768px) {
.col-w03per { width: 3%  !important;}
.col-w05per { width: 5%  !important;}
.col-w10per { width: 10% !important;}
.col-w13per { width: 13% !important;}
.col-w15per { width: 15% !important;}
.col-w20per { width: 20% !important;}
.col-w25per { width: 25% !important;}
.col-w30per { width: 30% !important;}
.col-w35per { width: 35% !important;}
.col-w40per { width: 40% !important;}
.col-w45per { width: 45% !important;}
.col-w50per { width: 50% !important;}
.col-w60per { width: 60% !important;}
.col-w70per { width: 70% !important;}
}

@media screen and (max-width: 640px) {
.colsp-w03per { width: 3%  !important;}
.colsp-w05per { width: 5%  !important;}
.colsp-w10per { width: 10% !important;}
.colsp-w13per { width: 13% !important;}
.colsp-w15per { width: 15% !important;}
.colsp-w20per { width: 20% !important;}
.colsp-w25per { width: 25% !important;}
.colsp-w30per { width: 30% !important;}
.colsp-w35per { width: 35% !important;}
.colsp-w40per { width: 40% !important;}
.colsp-w45per { width: 45% !important;}
.colsp-w50per { width: 50% !important;}
.colsp-w60per { width: 60% !important;}
.colsp-w70per { width: 70% !important;}
.colsp-w80per { width: 80% !important;}
.colsp-w90per { width: 90% !important;}
.colsp-w100per { width: 100% !important;}
}


/****************************************

TABLE

*****************************************/

table {
	max-width: 100%;
	background-color: transparent
}
th {
	text-align: left
}
.table {
	width: 100%;
	margin-bottom: 20px
}
.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td {
	line-height: 1.428571429;
	vertical-align: top;
	border-top: 1px solid #ddd
}
.table thead>tr>th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd
}
.table caption+thead tr:first-child th, .table colgroup+thead tr:first-child th, .table thead:first-child tr:first-child th, .table caption+thead tr:first-child td, .table colgroup+thead tr:first-child td, .table thead:first-child tr:first-child td {
	border-top: 0
}
.table tbody+tbody {
	border-top: 2px solid #ddd
}
.table .table {
	background-color: #fff
}
.table-condensed thead>tr>th, .table-condensed tbody>tr>th, .table-condensed tfoot>tr>th, .table-condensed thead>tr>td, .table-condensed tbody>tr>td, .table-condensed tfoot>tr>td {
	padding: 5px
}
.table-bordered {
	border: 1px solid #ddd
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
	border: 1px solid #ddd
}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
	border-bottom-width: 2px
}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #f9f9f9
}
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
	background-color: #f5f5f5
}
table col[class*="col-"] {
	display: table-column;
	float: none
}
table td[class*="col-"], table th[class*="col-"] {
	display: table-cell;
	float: none
}
.table>thead>tr>td.active, .table>tbody>tr>td.active, .table>tfoot>tr>td.active, .table>thead>tr>th.active, .table>tbody>tr>th.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>tbody>tr.active>td, .table>tfoot>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr.active>th, .table>tfoot>tr.active>th {
	background-color: #f5f5f5
}
.table>thead>tr>td.success, .table>tbody>tr>td.success, .table>tfoot>tr>td.success, .table>thead>tr>th.success, .table>tbody>tr>th.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>tbody>tr.success>td, .table>tfoot>tr.success>td, .table>thead>tr.success>th, .table>tbody>tr.success>th, .table>tfoot>tr.success>th {
	background-color: #dff0d8;
	border-color: #d6e9c6
}
.table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover, .table-hover>tbody>tr.success:hover>td {
	background-color: #d0e9c6;
	border-color: #c9e2b3
}
.table>thead>tr>td.danger, .table>tbody>tr>td.danger, .table>tfoot>tr>td.danger, .table>thead>tr>th.danger, .table>tbody>tr>th.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>tbody>tr.danger>td, .table>tfoot>tr.danger>td, .table>thead>tr.danger>th, .table>tbody>tr.danger>th, .table>tfoot>tr.danger>th {
	background-color: #f2dede;
	border-color: #eed3d7
}
.table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover, .table-hover>tbody>tr.danger:hover>td {
	background-color: #ebcccc;
	border-color: #e6c1c7
}
.table>thead>tr>td.warning, .table>tbody>tr>td.warning, .table>tfoot>tr>td.warning, .table>thead>tr>th.warning, .table>tbody>tr>th.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>tbody>tr.warning>td, .table>tfoot>tr.warning>td, .table>thead>tr.warning>th, .table>tbody>tr.warning>th, .table>tfoot>tr.warning>th {
	background-color: #fcf8e3;
	border-color: #fbeed5
}
.table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover, .table-hover>tbody>tr.warning:hover>td {
	background-color: #faf2cc;
	border-color: #f8e5be
}

@media(max-width:768px) {
.table-responsive {
	width: 100%;
	margin-bottom: 15px;
	overflow-x: scroll;
	overflow-y: hidden;
	border: 1px solid #ddd
}
.table-responsive>.table {
	margin-bottom: 0;
	background-color: #fff
}
.table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {
	white-space: nowrap
}
.table-responsive>.table-bordered {
	border: 0
}
.table-responsive>.table-bordered>thead>tr>th:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child {
	border-left: 0
}
.table-responsive>.table-bordered>thead>tr>th:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child {
	border-right: 0
}
.table-responsive>.table-bordered>thead>tr:last-child>th, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>th, .table-responsive>.table-bordered>thead>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>td {
	border-bottom: 0
}
}