@charset "utf-8";

/*************************
******* mystyle made by DK1
**************************/
.left {
    text-align: left;
    font-size: 16px;
    line-height: 26px;
}

@media screen and (max-width: 600px) {
.left {
    text-align: left;
    font-size: 20px;
    line-height: 28px;
}
}

.right {
    text-align: right;
}

.line01 {
    border-bottom: dashed 1px #000;
}

.pd10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pd10-all {
    padding: 10px;
}

.pdt50 {
    padding-top: 10px;
}

.pd50-all {
    padding: 10px;
}


.mgt50 {
    margin-top: 50px;
}

.mgt20 {
    margin-top: 20px;
}


.mg50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.mgb50 {
    margin-bottom: 50px;
}

.mg50-all {
    margin: 50px;
}

.ta-center {
    text-align: center;
}

.ta-right {
    text-align: right;
}

.mg-center {
    margin: 0 auto;
}

.ft16 {
    font-size: 16px;
}

.btn-primary:link {
    color: white;
}

.btn-primary:visited,
.btn-primary:hover,
.btn-primary:focus {
    background: #EC5538;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: white;
}

#feature {
    background-image: url(../images/bg.png);
}

.services-wrap .pull-left {
    margin-right: 20px;
    margin-top: 0;
}

.media-body p {
    text-align: left;
}

#partner ul li {
    margin-top: 5px;
}

/* pageTop ************************************/
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
    z-index: 500;
}

#pageTop i {
  padding-top: 6px;
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 0;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #837259;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
    font-size: 20px;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}


/*******************************************
contents-title **************************
********************************************/
.page-title{
    padding: 60px 0;
    margin-top: 118px;
    background: rgba(255, 255, 255, 0);
}

.page-title h1{
    color: #fff;
    margin: 0;
    text-align: center;
    font-size: 42px;
    font-family: 'Noto Serif JP', serif , '游明朝 Medium', Meiryo, 'ＭＳ Ｐ明朝', 'MS PMinchou', sans-serif;
}

/*******************************************
h2 *****************************************
********************************************/
#feature h2 {
    font-size: 36px;
    font-family: 'Noto Serif JP', serif , '游明朝 Medium', Meiryo, 'ＭＳ Ｐ明朝', 'MS PMinchou', sans-serif;
    position: relative;
    display: inline-block;
    margin-bottom: 1em;
    text-shadow: 2px 2px 3px #CCC;
}

#feature h2:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;/*線の上下位置*/
  display: inline-block;
  width: 160px;/*線の長さ*/
  height: 2px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: black;/*線の色*/
  border-radius: 2px;/*線の丸み*/
}

#recent-works h2 {
    font-size: 36px;
    font-family: 'Noto Serif JP', serif , '游明朝 Medium', Meiryo, 'ＭＳ Ｐ明朝', 'MS PMinchou', sans-serif;
    position: relative;
    display: inline-block;
    margin-bottom: 1em;
    text-shadow: 2px 2px 3px #CCC;
}

#recent-works h2:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;/*線の上下位置*/
  display: inline-block;
  width: 160px;/*線の長さ*/
  height: 2px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: black;/*線の色*/
  border-radius: 2px;/*線の丸み*/
}

#services h2 {
    font-size: 36px;
    font-family: 'Noto Serif JP', serif , '游明朝 Medium', Meiryo, 'ＭＳ Ｐ明朝', 'MS PMinchou', sans-serif;
    position: relative;
    display: inline-block;
    margin-bottom: 1em;
    text-shadow: 2px 2px 3px #CCC;
}

#services h2:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;/*線の上下位置*/
  display: inline-block;
  width: 160px;/*線の長さ*/
  height: 2px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: black;/*線の色*/
  border-radius: 2px;/*線の丸み*/
}

#middle h2 {
    font-size: 36px;
    font-family: 'Noto Serif JP', serif , '游明朝 Medium', Meiryo, 'ＭＳ Ｐ明朝', 'MS PMinchou', sans-serif;
    position: relative;
    display: inline-block;
    margin-bottom: 1em;
    text-shadow: 2px 2px 3px #CCC;
}

#middle h2:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;/*線の上下位置*/
  display: inline-block;
  width: 160px;/*線の長さ*/
  height: 2px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: black;/*線の色*/
  border-radius: 2px;/*線の丸み*/
}

#testimonial h2 {
    font-size: 36px;
    font-family: 'Noto Serif JP', serif , '游明朝 Medium', Meiryo, 'ＭＳ Ｐ明朝', 'MS PMinchou', sans-serif;
    position: relative;
    display: inline-block;
    margin-bottom: 1em;
    text-shadow: 2px 2px 3px #CCC;
}

#testimonial h2:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;/*線の上下位置*/
  display: inline-block;
  width: 160px;/*線の長さ*/
  height: 2px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: black;/*線の色*/
  border-radius: 2px;/*線の丸み*/
}

#partner h2 {
    font-size: 36px;
    font-family: 'Noto Serif JP', serif , '游明朝 Medium', Meiryo, 'ＭＳ Ｐ明朝', 'MS PMinchou', sans-serif;
    position: relative;
    display: inline-block;
    margin-bottom: 1em;
    text-shadow: 2px 2px 3px #CCC;
}

#partner h2:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;/*線の上下位置*/
  display: inline-block;
  width: 160px;/*線の長さ*/
  height: 2px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: black;/*線の色*/
  border-radius: 2px;/*線の丸み*/
}


/*******************************************
kissoubo-no-rekishi + kissoubaka cont ******
********************************************/
#kissoubo-no-rekishi .btn {
    border: solid 1px #000;
    padding: 10px 0;
    font-family: 'Noto Serif JP', serif , '游明朝 Medium', Meiryo, 'ＭＳ Ｐ明朝', 'MS PMinchou', sans-serif;
    font-size: 14px;
    font-weight: 600;
    border-radius: 0px;
    margin: 5px;
    width: 100%;
    background-color: white;
}

#kissoubo-no-rekishi .btn a {
    color: black;
}

#kissoubo-no-rekishi .btn a:focus,a:visited,a:hover,a:link {
    color: #c13636;
}

#kissoubo-no-rekishi {
    background-image: url(../images/bg.png);
    padding: 100px 10px 40px 10px;
}

#kissoubo-no-rekishi h2 {
    font-size: 36px;
    font-family: 'Noto Serif JP', serif , '游明朝 Medium', Meiryo, 'ＭＳ Ｐ明朝', 'MS PMinchou', sans-serif;
    position: relative;
    display: inline-block;
    margin-bottom: 1em;
    text-shadow: 2px 2px 3px #CCC;
}

#kissoubo-no-rekishi h2:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;/*線の上下位置*/
  display: inline-block;
  width: 160px;/*線の長さ*/
  height: 2px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: black;/*線の色*/
  border-radius: 2px;/*線の丸み*/
}

#kissoubo-no-rekishi h3 {
    color: black;
    font-size: 30px;
    font-family: 'Noto Serif JP', serif , '游明朝 Medium', Meiryo, 'ＭＳ Ｐ明朝', 'MS PMinchou', sans-serif;
    text-shadow: 2px 2px 3px #CCC;
    text-align: left;
    background-color: rgba( 255, 255, 255, 0.7);
    border-bottom: solid 1px #000;
    padding: 15px 5px;
    line-height: 33px;
}

#kissoubo-no-rekishi h3.subttl{
    color: black;
    font-size: 24px;
    font-family: 'Noto Serif JP', serif , '游明朝 Medium', Meiryo, 'ＭＳ Ｐ明朝', 'MS PMinchou', sans-serif;
    text-shadow: 2px 2px 3px #CCC;
    text-align: left;
    background-color: rgba( 217, 211, 196, 0.7);
    border-top: solid 1px #8f866e;
    border-bottom: solid 1px #8f866e;
    padding: 15px 5px;
}

#kissoubo-no-rekishi h4 {
    color: black;
    font-size: 18px;
    font-family: 'Noto Serif JP', serif , '游明朝 Medium', Meiryo, 'ＭＳ Ｐ明朝', 'MS PMinchou', sans-serif;
    text-shadow: 2px 2px 3px #CCC;
    text-align: left;
    border-left: solid 3px #000;
    padding-left: 5px;
    line-height: 26px;
    margin-top: 15px;
}

#kissoubo-no-rekishi h4 .small{
    color: #000;
    font-size: 12px;
    text-align: left;
}

#kissoubo-no-rekishi .chosaku {
    color: black;
    font-size: 18px;
    font-family: 'Noto Serif JP', serif , '游明朝 Medium', Meiryo, 'ＭＳ Ｐ明朝', 'MS PMinchou', sans-serif;
    text-shadow: 2px 2px 3px #CCC;
    text-align: left;
    background-color: rgba( 255, 255, 255, 0.7);
    padding: 10px;
}

#kissoubo-no-rekishi .chosaku p {
    font-size: 12px;
}

#kissoubo-no-rekishi .subsentence {
    font-size: 20px;
    font-weight: 600;
    color: #775627;
    line-height: 30px;
}

#kissoubo-no-rekishi span.subsentence {
    font-size: 20px;
    font-weight: 600;
    color: #775627;
    line-height: 30px;
}


#kissoubo-no-rekishi .orange-bar {
    background-color: #ed6d00;
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
    padding: 5px;
}

#kissoubo-no-rekishi .blue-bar {
    background-color: #5b77a0;
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
    padding: 5px;
}

#kissoubo-no-rekishi .attention {
    border: solid 1px #000;
    padding: 5px;
    background-color: rgba( 255, 255, 255, 0.5);
    font-weight: 600;
}

#kissoubo-no-rekishi .attention02 {
    border: solid 1px #b3a36c;
    padding: 10px;
    background-color: rgba( 255, 243, 202, 0.5);
}

#kissoubo-no-rekishi .float-l {
    float: left;
    margin-right: 10px;
    clear: both;
}

#kissoubo-no-rekishi .clearfix::after {
  content: "";
  display: block;
  clear: both;
}

#kissoubo-no-rekishi #eleven .ft-red-b {
    color: #ca3b3b;
    font-weight: 600;
}

#kissoubo-no-rekishi .pic-moji {
    font-size: 10px;
}

#kissoubo-no-rekishi h5 {
    background-color: #9d7b2a;
    padding: 5px 0;
    color: #FFF;
    width: 300px;
    margin: 0 auto;
}

#kissoubo-no-rekishi .koumoku-moji {
    color: #9d7b2a;
    font-weight: 600;
}

/* reien **************************************************/
#kissoubo-no-rekishi .reien ol li{
    display: inline-block;
    padding-right: 30px;
}

#kissoubo-no-rekishi area{
border:none;
outline:none;
}

#kissoubo-no-rekishi #hokkaido,#touhoku,#hokuriku,#kantou,#kinki,#chugoku,#shikoku,#kyushu,#chubu {
    margin-top:-130px;
    padding-top:130px;
}

#kissoubo-no-rekishi .reien .subttl {
    font-size: 24px;
    font-family: 'Noto Serif JP', serif , '游明朝 Medium', Meiryo, 'ＭＳ Ｐ明朝', 'MS PMinchou', sans-serif;
    text-align: center;
    font-weight: 600;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 36px;
    border-top: solid 2px #a88766;
    border-bottom: solid 2px #a88766;
    margin-top: 10px;
    margin-bottom: 10px;
}

#kissoubo-no-rekishi table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

#kissoubo-no-rekishi table tr {
  background-color: rgba( 255, 255 , 255, 0.6);
  border: 1px solid #bbb;
  padding: .35em;
}

#kissoubo-no-rekishi table th,
#kissoubo-no-rekishi table td {
  padding: 1em;
  border-right: 1px solid #bbb;
    text-align: left;
}

#kissoubo-no-rekishi table th {
  font-size: 1.2em;
    width: 20%;
}

#kissoubo-no-rekishi table td {
    width: 80%;
}

#kissoubo-no-rekishi table thead tr{
  background-color: #eee;
}

#kissoubo-no-rekishi .txt{
   text-align: left;
  font-size: 1.2em;
}

#kissoubo-no-rekishi .price{
   text-align: right;
}

#kissoubo-no-rekishi .facility {
    flex-wrap: wrap; }

#kissoubo-no-rekishi .facility li {
      padding: 10px;
    margin: 10px;
      text-align: center;
      color: #fff;
      background-color: #E09100;
      border-radius: 3px;
    display: inline-block;
}
#kissoubo-no-rekishi .facility li:before {
        margin-right: .3rem;
        content: " \f058";
        font-family: FontAwesome;
}

#kissoubo-no-rekishi .form_list li a {
    padding: .5rem 0;
    display: block;
    text-align: center;
    color: #FFF;
    background-color: #FFA048;
    border-bottom: solid 2px #d27d00;
    border-radius: 3px;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
    font-size: 1.2rem;
}


@media screen and (max-width: 600px) {
#kissoubo-no-rekishi .reien .subttl {
    font-size: 1em;
    line-height: 26px;
}
#kissoubo-no-rekishi table {
    border: 0;
    width:100%
  }
#kissoubo-no-rekishi table th{
    background-color: #eee;
    display: block;
    border-right: none;
    width: 100%;
  }

#kissoubo-no-rekishi table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

#kissoubo-no-rekishi table tr {
    display: block;
    margin-bottom: 26px;
  }

#kissoubo-no-rekishi table td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: 1em;
    text-align: left;
    position: relative;
    padding: .625em;
    border-right: none;
    width: 100%;
  }

#kissoubo-no-rekishi table td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
  }

#kissoubo-no-rekishi table td:last-child {
    border-bottom: 0;
  }
}

.ytsl-wrapper, .ytsl-wrapper .ytsl-click_div {
  width: 100%;
  padding-top: 56.2%;
  position: relative;
  top: 0;
  left: 0;
}

.ytsl-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}


/* soudan ****************************************/
.ft-red-b {
    color: #ca3b3b;
    font-weight: 600;
}


#kissoubo-no-rekishi .ft-red-b-20 {
    color: #ca3b3b;
    font-weight: 600;
    font-size: 20px;
    padding: 15px 0;
}

#kissoubo-no-rekishi .kaijou {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Noto Serif JP', serif , '游明朝 Medium', Meiryo, 'ＭＳ Ｐ明朝', 'MS PMinchou', sans-serif;
}

#kissoubo-no-rekishi .name {
    font-size: 14px;
    font-weight: 600;
    font-family: 'Noto Serif JP', serif , '游明朝 Medium', Meiryo, 'ＭＳ Ｐ明朝', 'MS PMinchou', sans-serif;
}

#kissoubo-no-rekishi .name-small {
    font-size: 12px;
    font-weight: 600;
}

#kissoubo-no-rekishi .btn02 {
    border: solid 1px #000;
    padding: 10px 0;
    font-family: 'Noto Serif JP', serif , '游明朝 Medium', Meiryo, 'ＭＳ Ｐ明朝', 'MS PMinchou', sans-serif;
    font-size: 14px;
    font-weight: 600;
    border-radius: 0px;
    margin: 5px;
    width: 100%;
    background-color: white;
    color: black;
    display: inline-block
}

#kissoubo-no-rekishi .btn02 a {
    color: black;
}

#kissoubo-no-rekishi .btn02 a:focus,a:visited,a:hover,a:link {
    color: #c13636;
}


/* faq ************************************/
.accbox {
    margin: 2em 0;
    padding: 0;
    max-width: 100%;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #7D7763;
    background: #fff2cc;
    cursor :pointer;
    transition: all 0.5s;
    text-align: left;
    font-size: 16px;
}

/*アイコンを表示*/
.accbox label:before {
    content: '\f054';
    font-family: 'FontAwesome';
    padding-right: 8px;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#ffe9a9;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
    text-align: left;
    font-size: 16px;
    line-height: 28px;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    background: #FFF;
    opacity: 1;
}

.accbox .accshow p {
    margin: 15px 10px}


/* Form ***************************************/
#agreement h3{
    color: #000;
    margin: 0;
    text-align: center;
    font-size: 32px;
    font-family: 'Noto Serif JP', serif , '游明朝 Medium', Meiryo, 'ＭＳ Ｐ明朝', 'MS PMinchou', sans-serif;
    background-color: #fafafa;
    text-align: left;
}

#agreement ol{margin-left:2em;}

/* Company Profile *****************************/
#company table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

#company table tr {
  background-color: rgba( 255, 255, 255, 0.7 );
  border: 1px solid #bbb;
  padding: .35em;
}

#company table th,
#company table td {
  padding: 1em 10px 1em 1em;
  border-right: 1px dashed #bbb;
}

#company table th {
  font-size: 1.0em;
}

#company table thead tr{
  background-color: #eee;
}

#company .txt{
   text-align: left;
   font-size: 1.0em;
}

#company .price{
   text-align: right;
}

@media screen and (max-width: 600px) {
#company table {
    border: 0;
    width:100%
  }

#company table th{
    background-color: #eee;
    display: block;
    border-right: none;
  }

#company table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

#company table tr {
    display: block;
    margin-bottom: .625em;
  }

#company table td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: 1em;
    text-align: right;
    position: relative;
    padding: .625em .625em .625em .625em;
    border-right: none;
  }

#company table td .left {
    text-align: left;
  }

#company table td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
  }

#company table td:last-child {
    border-bottom: 0;
  }
}

/* About kissoubo *****************************/
#kissoubo-no-rekishi h5.subttl{
    background-color: rgba( 255, 255, 255 , 0);
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    color: #9d7b2a;
    margin-left: 0;
}

/* Family-tree *****************************/

#kissoubo-no-rekishi p.ft-blue {
    font-size: 22px;
    font-weight: 600;
    color: #ae7a4c;
    font-family: 'Noto Serif JP', serif , '游明朝 Medium', Meiryo, 'ＭＳ Ｐ明朝', 'MS PMinchou', sans-serif;
}

#kissoubo-no-rekishi p.ft18 {
    font-size: 18px;
}

#kissoubo-no-rekishi p.ft-black {
    font-size: 18px;
    font-weight: 600;
    color: #3c3c3c;
    font-family: 'Noto Serif JP', serif , '游明朝 Medium', Meiryo, 'ＭＳ Ｐ明朝', 'MS PMinchou', sans-serif;
}

#kissoubo-no-rekishi h5.bg-brown {
    background-color: rgba( 226, 217, 204 , 0.8);
    font-size: 22px;
    font-weight: 600;
    color: #613e21;
    margin-left: 0;
    font-family: 'Noto Serif JP', serif , '游明朝 Medium', Meiryo, 'ＭＳ Ｐ明朝', 'MS PMinchou', sans-serif;
    width: 100%;
    padding: 15px;
    text-align: center;
    border-top: solid 1px #775627;
    border-bottom: solid 1px #775627;
    margin: 20px 0;
}

#kissoubo-no-rekishi .bg-white00 {
    background-color: rgba( 255, 255, 255 , 0.5);
    width: 100%;
    padding: 15px;
    border-top: solid 1px #775627;
    border-bottom: solid 1px #775627;
    margin: 20px 0;
}

#kissoubo-no-rekishi ul.nonum {
    list-style-type: none;
}

#kissoubo-no-rekishi ul li {
    background-color: #d3a35a;
    padding: 10px;
    margin: 10px;
    display: inline-block;
    border-radius: 5px;
}

#kissoubo-no-rekishi .caution {
    color: #ca3b3b;
    font-weight: 600;
}

#kissoubo-no-rekishi .list_test-wrap {
    list-style:  none;  /* デフォルトのアイコンを消す */
    margin:  0;         /* デフォルト指定上書き */
    padding: 0;         /* デフォルト指定上書き */
}

#kissoubo-no-rekishi li.nobg {
    background-color: rgba( 255, 255, 255 , 0);
    line-height: 5px;
    display: block;
}

@media screen and (max-width: 600px) {
#kissoubo-no-rekishi li.nobg {
    line-height: 25px;
    font-size: 18px;
}
}

#kissoubo-no-rekishi .list_test:before {
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #555;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}

#kissoubo-no-rekishi table.syoumeisyo {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

#kissoubo-no-rekishi table.syoumeisyo tr {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: .35em;
}

#kissoubo-no-rekishi table.syoumeisyo th {
  padding: 1em 10px 1em 1em;
  border-right: 1px solid #bbb;
    width: 20%;
  background-color: #d8cbb7;

}

#kissoubo-no-rekishi table.syoumeisyo td {
  padding: 1em 10px 1em 1em;
  border-right: 1px solid #bbb;
}
#kissoubo-no-rekishi table.syoumeisyo th {
  font-size: .85em;
}
#kissoubo-no-rekishi table.syoumeisyo thead tr{
  background-color: #eee;
}
#kissoubo-no-rekishi table.syoumeisyo .txt{
   text-align: left;
   font-size: .85em;
}
#kissoubo-no-rekishi table.syoumeisyo .price{
   text-align: right;
}
@media screen and (max-width: 600px) {
#kissoubo-no-rekishi table.syoumeisyo {
    border: 0;
    width:100%
  }
#kissoubo-no-rekishi table.syoumeisyo th{
    background-color: #eee;
    display: block;
    border-right: none;
    width: 100%
  }
#kissoubo-no-rekishi table.syoumeisyo thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

#kissoubo-no-rekishi table.syoumeisyo tr {
    display: block;
    margin-bottom: .625em;
    width: 100%
  }

#kissoubo-no-rekishi table.syoumeisyo td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: .8em;
    text-align: right;
    position: relative;
    padding: .625em;
    border-right: none;
    width: 100%
  }

#kissoubo-no-rekishi table.syoumeisyo td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
  }

#kissoubo-no-rekishi table.syoumeisyo td:last-child {
    border-bottom: 0;
  }
}

#kissoubo-no-rekishi .q {
    background-color: bisque;
    padding: 5px;
    margin-right: 10px;
    border-radius: 3px;
    width: 15px;
    height: auto;
}

#kissoubo-no-rekishi .a {
    background-color:brown;
    padding: 5px;
    margin-right: 10px;
    color: white;
    border-radius: 3px;
    width: 15px;
    height: auto;
}

#kissoubo-no-rekishi .ttl-num {
    background-color: rgba(211, 185, 146, 1.0);
    padding: 5px;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
}

#kissoubo-no-rekishi .ttl-num .num {
    background-color: rgba(148, 117, 116, 1.0);
    padding: 5px;
    margin: 5px;
    color: white;
    font-weight: bold;
}

#kissoubo-no-rekishi p.yokonarabi {
    float: left;
}

#kissoubo-no-rekishi p.attention-center {
    text-align: center;
}


/* breadcrumb *****************************/
.breadcrumb {
    background: rgba( 255, 255, 255, 0);
    padding-bottom: 5px 0 0 0;
}

.breadcrumb .active {
    font-weight: 600;
}

.breadcrumb ol li a:active,a:focus,a:hover,a:visited {
    color: #ec5538;
}

/* attention panel *****************************/
.panel {
    border: solid 1px #C57C7C;
    border-radius: 3px;
    margin-bottom: 100px;
    font-family: serif;
}

.panel .panel-heading {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

.panel .panel-body {
    background: rgba(255, 255, 255, 0.75);
    font-size: 18px;
}