@charset "utf-8";


/*
p {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 60px auto 40px;
}
*/


.container {
	width:90%;
	text-align: center;
	margin: 0 auto;
}

.bk1 {
	color : #000;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	text-align: center;
	background-color: #e7f8ff;
	margin: 0 auto;
}


.bk2 {
	color : #000;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	text-align: center;
	background-color: #dcdcdc;
	margin: 0 auto;
}


.bk3 {
	color : #000;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	text-align: center;
	background-color: #e7f8ff;
	margin: 0 auto;
	height: 60px;
}


.p-txt {
	margin:0 10px 10px;
}

.bigChar {
	font-size:30px;
}


.arrow {
	margin: 0 auto;
	
	text-align:center;
     position:relative;
     height:26px;
     width:26px;
     background-color:#d01137;
     
}
 
.arrow::before {
     position:absolute;
     content:"";
     border:solid 26px transparent;
     border-left:solid 16px #d01137;
     top:20px;
     left:-8px;
     transform: rotate(90deg);
}

.my-parts {
  border-collapse: collapse;
  border: 1px solid rgba(255,255,255,1);
  table-layout: fixed;
  width: 100%;
}
.my-parts th, .my-parts td {
  border: 1px solid rgba(0,0,0,.1);
  padding: .6em;
  text-align: center;
  background: #000;
}
.my-parts th {
  background: #3F51B5;
  color: #fff;
  font-weight: bold;
  border: solid 1px #fff;
}
.my-parts th:first-child {
  width: 120px;
}
.my-parts td {
  border: solid 1px #fff;
}



.cl-parts {
  border-collapse: collapse;
  border: 1px solid rgba(255,255,255,1);
  table-layout: fixed;
  width: 60%;
}
.cl-parts th, .cl-parts td {
  border: 1px solid rgba(0,0,0,.1);
  padding: .6em;
  text-align: center;
  background: #000;
}
.cl-parts th {
  background: #666666;
  color: #fff;
  font-weight: bold;
  border: solid 1px #fff;
}
.cl-parts th:first-child {
  width: 260px;
}
.cl-parts td {
  border: solid 1px #fff;
}



table {
  margin: 20px auto;
}
.tbl-r02 th {
  background: #e9727e;
  border: solid 1px #ccc;
  color: #fff;
  padding: 10px;
  width:300px;
}
.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: 80%;
  }
  .tbl-r02 th,
  .tbl-r02 td {
   border-bottom: none;
    display: block;
    width: 100%;
  }
  
  
.cl-parts {
  border-collapse: collapse;
  border: 1px solid rgba(255,255,255,1);
  table-layout: fixed;
  width: 100%;
}
.cl-parts th, .cl-parts td {
  border: 1px solid rgba(0,0,0,.1);
  padding: .6em;
  text-align: center;
  background: #000;
}
.cl-parts th {
  background: #666666;
  color: #fff;
  font-weight: bold;
  border: solid 1px #fff;
}
.cl-parts th:first-child {
  width: 130px;
}
.cl-parts td {
  border: solid 1px #fff;
}

  
  
}