@charset "UTF-8";

body #main-title {
  width: 100%;
  background: #e5e6e8;
  padding: 10px 0;
}

body #main {
  max-width: 100%;
  margin: 120px 0px 0px;
}

body #main-title h2 {
  height: 175px;
  line-height: 175px;
  background: #e5e6e8;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  color: #000;
  font-size: 30px;
  text-align: center;
  margin: 0;
  vertical-align: middle;
}

.section.breadSection {
  border: none;
  background-color: #FFF;
  font-size: 13px;
  margin: 15px 0;
  color: #caced5;
}

.section.breadSection .container {
  max-width: 1200px;
  width: 100%;
}

.section.breadSection .container .breadcrumb li {
  line-height: 1;
  padding: 0 10px 0 0;
}

.breadSection .breadcrumb a {
  color: #666;
  padding-bottom: 2px;
}

.section.breadSection .container .breadcrumb li span {
  color: #0E0E3E;
  font-size: 13px;
}

.section.breadSection .container .breadcrumb li span:after {
  content: '＞';
  padding: 0 0 0 10px;
}

#main-price {
  width: 1200px;
  margin: 6px auto 0;
  max-width: 100%;
}

#main-price .up-word {
  padding: 60px 0 30px;
}
#main-price .up-word p {
  text-align: left;
  font-size: 20px;
  line-height: 1.5;
}

#main-price-sub {
  margin: 20px 0 0;
}

#main-price-sub li {
  margin: 0 0 10px;
}

#main-price-sub {
  margin: 20px 0 0;
}

#main-price table {
  border: 1px solid #000;
}

#main-price table tbody tr th {
  background: #e5e6e8;
  font-size: 16px;
  font-weight: normal;
  border: 1px solid #000;
  text-align: center;
  padding: 3rem;
}

#main-price table tbody tr td {
  border: 1px solid #000;
  color: #000;
  vertical-align: middle;
}

#main-price table tbody tr td .grade {
  font-size: 16px;
}

#main-price table tbody tr td .example {
  font-size: 14px;
}

#main-price table tbody tr td .price {
  font-size: 24px;
}

#main-price table tbody tr td .unit {
  font-size: 16px;
}

.table, table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border-top: 1px solid #e5e5e5
}

.table tbody tr td, .table tbody tr th, .table td, .table th, .table thead tr td, .table thead tr th, table tbody tr td, table tbody tr th, table td, table th, table thead tr td, table thead tr th {
  padding: 1em;
  border-bottom: 1px solid #000;
}

/* .table tbody tr td .form-control, .table tbody tr th .form-control, .table td .form-control, .table th .form-control, .table thead tr td .form-control, .table thead tr th .form-control, table tbody tr td .form-control, table tbody tr th .form-control, table td .form-control, table th .form-control, table thead tr td .form-control, table thead tr th .form-control {
  max-width: 82%
} */

.table th, table th {
  font-weight: lighter
}

.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
  display: table;
  content: " "
}

dl, ol, ul {
  margin-top: 1.5em;
  margin-bottom: 1.2em
}

.breadSection .breadcrumb {
  margin-top: 0;
  margin-bottom: 0;
  background: 0 0
}

.breadcrumb>li {
  display: inline-block
}

#main-price .black-bold p {
  font-weight: bold;
  font-size: 20px;
  text-align: left;
  margin-top: 30px;
  line-height: 1.5;
}

#main-price .black-word p {
  font-weight: normal;
  font-size: 20px;
  text-align: left;
  line-height: 1.5;
}

/* ---sp用--- */
@media (max-width: 768px){
#main-price {
  max-width: 95%;
  margin: 0px 10px 20px;
}
#main-price table tbody tr td .grade {
  font-size: 2rem;
  margin: 0 0 5px;
}
#main-price table tbody tr td {
  width: 100%;
  display: inline-table;
  text-align: left;
  padding: 0px;
}

#layout-header-sp:after {
  content: '';
  background: url(../../images/sp/common/header/header_bg.png);
  background-repeat: repeat-x;
  display: inline-block;
  width: 100%;
  height: 30px;
  margin-top: 0;
}
body #main-title {
  width: 100%;
  height: auto;
  margin-top: -90px;
}
#main-price table tbody tr td:first-child {
  /* font-size: 2rem; */
  font-weight: bold;
  display: block;
  padding: 10px;
  /* text-align: left; */
}
#main-price table tbody tr td:before {
  content: attr(data-label);
  width: 40%;
  background: #e5e6e8;
  float: left;
  font-size: 2.3rem;
  font-weight: bold;
  margin-right: 10px;
  display: none;
}
#main-price table tbody .thead {
  display: none;
}
#main-price table tbody tr {
  width: 100%;
}
#main-price table tbody tr td .example {
  font-size: 1.5rem;
}
#main-price table tbody tr td:nth-child(2):before {
  text-align: center;
  height: 45px;
  padding-top: 9px;
}
#main-price table tbody tr td:nth-child(3):before {
  text-align: center;
  height: 45px;
  padding-top: 9px;
}
#main-price table tbody tr td:nth-child(4):before {
  text-align: center;
  height: 45px;
  padding-top: 9px;
}
#main-price table tbody tr td:nth-child(5):before {
  text-align: center;
  height: 45px;
  padding-top: 9px;
}
.price {
  display: inline-block;
  padding-top: 9px;
}
}