@charset "UTF-8";

.mb40 {
  margin-bottom: 40px;
}
.mb30 {
  margin-bottom: 30px!important;
}
.mb20 {
  margin-bottom: 20px!important;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.clear {
  clear: both;
}
.pr {
  border: solid #eee 2px;
  padding: 30px 10px 10px 20px;
  margin-bottom: 10px;
  overflow: hidden;
}
.last_l {
  float: left;
  width: 30%;
}
.last_r {
  width: 70%;
  float: right;
}
.last_r img{
  width: 150px;
}
.pr_img01 img{
  width: 150px;
}
.FAQ{
  margin-bottom: 30px!important;
  padding: 20px;
  background: linear-gradient(#fffcf4,#eee);
  border: solid 1px #ccc;
}
.ol {
  margin: 1em 0;
  padding-left: 40px;
  list-style-type: square;
}
.more a {
  color: #ffffff!important;
}
.more{
  color: #fff;
  padding: .9em 2em;
  background-color: #ac985a;
  margin: 0 auto;
  font-weight: bold;
  margin-bottom: 40px;
}
.big {
  font-size: 21px;
  font-weight: bold;
}
.btn a {
  color: white!important;
  text-decoration: none!important;
}
.button {
  position: relative;
  display: inline-block;
  padding: .9em 4em;
  background-color: #414141;
  border: 2px solid #333;
  color: #fff;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  width: 80%;
}
.button_two {
  position: relative;
  display: inline-block;
  padding: .9em 4em;
  background-color: #7D663A;
  border: 2px solid #7D663A;
  color: #fff;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  width: 80%;
}
.btn_p02 a {
  display: block;
  text-decoration: none;
  background: #ac985a;
  padding: 10px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  line-height: 150%;
  border-radius: 10px;
}
.btn_p02 a:hover{
  opacity: 0.5;
}
.btn_p01 a {
  display: block;
  text-decoration: none;
  background: #32373c;
  padding: 15px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  line-height: 130%;
  border-radius: 10px;
}
.btn_p01 a:hover{
  opacity: 0.5;
}
table.table_default {
  border: 1px solid #aaa;
  width: 100%;
  margin: 10px 0;
}
.specification table.table_default th {
  text-align: left;
  white-space: nowrap;
}
table.table_default th {
  background: #f1f1f2;
  color: #333;
}
#itemCont table th {
border-bottom: 1px #aaa solid!important;
border-left: 1px #aaa solid!important;
text-align: center!important;
line-height: 140%!important;
vertical-align: middle!important;
}
#itemCont table td {
  border-bottom: 1px #aaa solid!important;
  line-height: 140%!important;
  padding: 5px 10px!important;
}
figure.leobox {
  float: left;
}
.mr {
  margin-right: 8px;
}
.mr2 {
  margin-right: 10px;
}
figure img.setting {
  width: 295px;
  height: auto;
}
figure.leobox1 {
  float: left;
  width: 190px;
  border: 1px dotted #999;
  margin-right: 10px;
  padding: 10px;
}  figure img.setting1 {
  width: 200px;
  height: auto;
}
figure.leobox2 {
  float: left;
  width: 290px;
  border: 1px dotted #999;
  padding: 10px;
}
figure img.setting2
 {
  width: 267px;
  height: auto;
}
@media screen and (max-width: 640px){
  #itemCont table th{
    width: 20%!important;
  }
  figure img.setting {
    width: 100%;
  }
  figure.leobox1 {
    float: none;
    width: 100%;
  }
  figure img.setting1 {
    width: 100%;
    height: auto;
  }
  figure.leobox2 {
    float: none;
    width: 100%;  }
  figure img.setting2 {
    width: 100%;
    height: auto;
  }
  .last_l{
    float: none;
    width: 100%;
  }
  .last_l img{
    width: 100%;
  }
  .last_r {
  width: 100%;
  float: none;
  }
  .pr {
    border: solid #eee 2px;
    padding: 10px;
    margin-bottom: 10px;
    overflow: hidden;
  }
}