@charset "UTF-8";

/* =========================================================================
見積り用
------------------------------------------------------------------------- */

p.mitsumoriBtn a:hover{
  opacity:0.6;
}

body.mitsumoriKeisan{
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
  line-height: 1!important;
  font-size:1.2em!important;
}



h3.mitsumoriCamTl{
  font-size:1.2em;
  font-weight:bold;
  color:#FF0000;  
  line-height: 1;
}

#mitsumoriCam{
  border:3px solid #FF7F00;
  padding:10px!important;
  margin: 0px 0 20px;
  background-color:#FFF5EC;
}

table.mitsumori-waku{
  color:#FF0000;  
  font-size:1em;
}

.mitsumori-bg{
  color:#333;
  font-weight:bold;
  padding:5px 5px;
  font-size:1em;
}

#mitsumoriCam table{
  width:100%;
}

div#mitsumoriInput{
  background-color:#fff; 
  padding:0px !important;
  font-size:1em!important;
}

div#mitsumoriInput select{
  font-size:1em!important;
}

div#mitsumoriInput table{
  margin: 0px 0 20px;
  border-collapse: collapse;
  font-size:1em!important;
}

div#mitsumoriInput table tbody{
  padding:20px 10px !important;
  border-right:none!important;
  border-left:none!important;
  font-size:1em!important;
}

div#mitsumoriInput table tr th{
  padding-top: 30px;
  font-weight:bold;
  text-align: left;
}


div#mitsumoriInput table tr td{
  padding:10px 0 20px !important;
}

div#mitsumoriInput table tr td.tdTl{
  padding-top: 30px;
  font-weight:bold;
}

div#mitsumoriInput table tr th.tdTl1{
  font-weight:bold;
}

div#mitsumoriInput table tr td.tdTl2{
}

div#mitsumoriInput table tr td.tdTl22{
}

div#mitsumoriInput table tr td.tdTl3{
}

table.mitsumoriTable11{
  border:1px solid #AAAAAA;
  border-collapse: collapse;
  font-size:1em!important;
}

table.mitsumoriTable12{
  border:1px solid #AAAAAA;
  border-collapse: collapse;
  font-size:1em!important;
}

table.mitsumoriTable11 th{
  padding: 5px;
  border:1px solid #AAAAAA;
  border-collapse: collapse;
  background: #EFEFEF;
}

table.mitsumoriTable12 th{
  padding: 5px;
  border:1px solid #AAAAAA;
  border-collapse: collapse;
  background: #F6E6E4;
}

table.mitsumoriTable11 td{
  padding: 5px;
  border:1px solid #AAAAAA;
  border-collapse: collapse;
}

table.mitsumoriTable12 td{
  padding: 5px;
  border:1px solid #AAAAAA;
  border-collapse: collapse;
}

td.right{
  text-align: right;
}

p.btnCenter{
  text-align: center!important;
}

div.btnLeft{
  display: inline-block;
  float: left;
  width: 300px;
  margin-top: -20px;
}

div.goukeiRight{
  padding:0 10px;
  float: right;
  width: 100%;
  border: 3px solid #FF7F00;
  background-color: #FFF5EC;
/*  background-image: url(/search/images/mitsumoriPrice.jpg);
  background-repeat: no-repeat;*/
}

p.goukei{
  display: inline-block;
  position: relative;
  right: 15px;
  bottom: 20px;
  text-align: right;
  font-weight: bold;
  font-size: 2em!important;
  color: #FF0000;
  float: right;
  padding-right: 10px;
}

p.goukei span.goukeiKin{
  font-weight: bold;
  font-size:0.5em!important;
  color: #666666;
}

p.goukei span.goukeiYen{
  font-weight: bold;
  font-size:0.5em!important;
  color: #666666;
}


div.close{
  clear: both;
}

span.red{
  font-weight: normal;
  font-size:1em!important;
}

span.red a{
  color: #FF0000!important;
  text-decoration: none!important;
}

span.red a:hover{
  text-decoration: underline!important;
}

div.btnBoxArea{
  display: inline-block!important;
  width: 100%!important;
  margin-top: 10px;
  text-align: right;
}


/*  簡単見積もりボタン */

p.btnMYen{
  margin: 15px auto 0;
  width: 80%;
  background: #172245;
  padding: 30px;
  text-align: center!important;
}

p.btnMYen a{
  text-decoration: none;
  display: block;
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  width: 100%;
  text-align: center!important;
}

p.btnMYen a img{
  vertical-align: middle;
}

/*  PDFボタン */
p.mitsumoriPdfBtn{
  margin: 15px auto 0;
  width: 100%;
  background: #dadf00;
  padding: 15px;
  text-align: center!important;
}

p.mitsumoriPdfBtn:hover{
  background: #d8ffad;
}

p.mitsumoriPdfBtn a{
  text-decoration: none;
  display: block;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  width: 360px;
}

p.mitsumoriPdfBtn a img{
  vertical-align: top;
}

/*  お問合せボタン */
p.btnMContact{
  margin-top: 15px;
  width: 100%;
  background: #81C0E9;
  padding: 15px;
  text-align: center;
  float: left;
  margin-right: 20px;
}

p.btnMContact:hover{
  background: #3a589b;
}

p.btnMContact a{
  text-decoration: none;
  display: block;
  color: #fff;
  font-size: 3em;
  font-weight: bold;
  width: 360px;
}

p.btnMContact a img{
  vertical-align: middle;
}

/*  申し込みボタン */
p.btnMousikomi{
  margin-top: 15px;
  width: 360px;
  background: #ff0000;
  padding: 15px;
  text-align: center;
  float: left;
  margin-right: 20px;
}

p.btnMousikomi:hover{
  background: #ff9999;
}

p.btnMousikomi a{
  text-decoration: none;
  display: block;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  width: 360px;
}

p.btnMousikomi a img{
  vertical-align: top;
}

.ui-widget-header .ui-icon {
    background-image: none!important;
    background-color: #FFF!important;
    height: 50px!important;
    width: 50px!important;
}


.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span{
    z-index: 9999!important;
    height: 70px!important;
    width: 70px!important;
    background: #fff!important;
  }

.ui-datepicker .ui-datepicker-prev span {
    display: block!important;
    position: absolute!important;
    left: 40%!important;
    margin-left: -8px!important;
    top: 35%!important;
    margin-top: -8px!important;
    background-image: url(/smp/images/left.svg)!important;
    background-repeat: no-repeat!important;
    -webkit-background-size: 100%!important;
         -o-background-size: 100%!important;
            background-size: 100%!important;
    background-position: 0 0px!important;
}

.ui-datepicker .ui-datepicker-next span {
    display: block!important;
    position: absolute!important;
    left: 10%!important;
    margin-left: -8px!important;
    top: 35%!important;
    margin-top: -8px!important;
    background-image: url(/smp/images/right.svg)!important;
    background-repeat: no-repeat!important;
    -webkit-background-size: 100%!important;
         -o-background-size: 100%!important;
            background-size: 100%!important;
    background-position: 0 0px!important;
}


@media screen and (max-width: 600px) { 

  table.mitsumoriTable11 {
    width: 100%;
    table-layout: fixed;
    box-sizing: border-box;
    font-size: 1em;
  }
    table.mitsumoriTable11 tr {
      display: block;
      float: left;
      font-size: 0.8em;
    }
    table.mitsumoriTable11 tr td, 
    table.mitsumoriTable11 tr th {
      border-left: none;
      display: block;
      height: 35px;
      font-size: 0.8em;
    }
    table.mitsumoriTable11 thead {
      display: block;
      float: left;
      width: 30%;
    }
    table.mitsumoriTable11 thead tr {
      width: 100%;
    }
    table.mitsumoriTable11 tbody {
      display: block;
      float: left;
      width: 100%;
    }
    table.mitsumoriTable11 tbody tr {
      width: 50%;
    }
    table.mitsumoriTable11 tr td + td {
      border-left: none;
    }
    table.mitsumoriTable11 tbody td:last-child {
      border-bottom: solid 1px #ccc;
    }
    
    table.mitsumoriTable12 {
      border: 1px solid #AAAAAA;
      border-collapse: collapse;
      font-size: 0.8em!important;
    }
    
    div.goukeiRight {
      padding: 0;
      float: right;
      width: 100%;
      border: 3px solid #FF7F00;
      background-color: #FFF5EC;
    }

    p.goukei {
      display: inline-block;
      position: relative;
      right: 15px;
      bottom: 20px;
      text-align: right;
      font-weight: bold;
      font-size: 1.5em!important;
      color: #FF0000;
      float: right;
      padding-right: 10px;
  }

  }