@charset "utf-8";
/* CSS Document */

/* ----------------------------------------- */
/* トップページ
/* ----------------------------------------- */

#top section h2{
  background-image: url(/image/h_img01.jpg);
  line-height: 44px;
  background-repeat: no-repeat;
}
#top section h3{
  background-image: url(/image/h_img02.gif);
  background-repeat: no-repeat;
  line-height: 22px;
}
#top section h3 + p{
  margin-bottom: 30px;
}

/* 新着情報 */
.news{
  border: solid 1px #5383c3;
  margin: 0 auto;
}
ul.news_scroll{
  overflow-y: scroll;
  padding-top: 10px;
}
ul.news_scroll li{
  border-bottom: dashed 1px #5383c3;
  list-style: none;
}
ul.news_scroll li a{
  display: block;
  text-decoration: none;
  color: #000000;
}
ul.news_scroll a:hover, ul.news_scroll a i{
  color: #C1272D;
}
.news + p{
  color: #231815;
  font-weight: bold;
}

/* フレーム共通設定 */
.top_frame a{
  display: block;
  text-decoration: none;
  color: #000000;
}  
.top_frame a:hover img, .top_frame a:hover .title, 
.top_frame a:hover p{
  opacity: 0.7;
}
.top_frame_ch{
  float: left;
  width: 186px;
  padding: 14px 11px 15px 11px;
  margin-bottom: 20px;
  border: solid 1px #b3b3b3;
}
.top_frame_ch img{
  margin-bottom: 15px;
}
.top_frame_ch div{
  height: 20px;
}
.top_frame_ch p{
  height: 60px;
  margin-bottom: 10px;
}
.top_frame_ch .more{
  background-image: url(/image/more_btn.gif);
  width: 176px;
  height: 30px;
  background-repeat: no-repeat;
  text-indent: -9999px;
  margin: 0 auto;
}
a:hover .top_frame_ch .more{
  background-position: left bottom;
}

/* お客様の声 */
.voice_ch{
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: dashed 1px #5383c3;
}
.voice_ch:last-child{
  border: none;
}
.voice_data div{
  padding: 10px;
  background-color: #e6e6e6;
  margin-bottom: 10px;
}
.atarimae h3 span{
  color: #5383c3;
}
  

	/* PC View */
	@media print, (min-width: 650px) {
    #top #main-content > img{
      margin-left: -20px;
      margin-bottom: 20px;
    }
    .news{
      width: 690px;
      max-height: 270px;
      border: solid 1px #5383c3;
      padding-bottom: 10px;
      margin-bottom: 20px;
    }
    .news_container{
      display: block;
      width: 660px;
      max-height: 150px;
      overflow: hidden;
      margin-top: 15px;
      margin-right: 30px;
      margin-bottom: 15px;
    }
    ul.news_scroll{
      margin-right: 30px;
      padding-left: 30px;
      width: 100%;
      height: 100%;
      max-height: 140px;
    }
    ul.news_scroll li{
      width: 575px;
      padding-left: 5px;
      padding-bottom: 5px;
      margin-bottom: 5px;
    }
    .news + p{
      font-size: 16px;
      line-height: 26px;
      margin-bottom: 50px;
    }
    #top section{
      margin-bottom: 80px;
    }
    #top section h2{
      font-size: 23px;
      padding-left: 20px;
      margin-bottom: 20px;
    }
    #top section.atarimae h2{
      margin-bottom: 40px;
    }
    #top section h3{
      font-size: 22px;
      padding-top: 3px;
      padding-left: 25px;
      margin-bottom: 10px;
    }
    .top_frame{
      margin-left: -30px;
      margin-bottom: 80px;
    }
    .top_frame_ch{
      margin-left: 30px;
    }
    .voice_ph{
      float: left;
      margin-right: 40px;
    }
    .voice_data{
      float: left;
      width: 325px;
    }
  }
  
  
	/* Smart Phone View */
	@media only screen and (max-width: 649px) {
    #top #main-content > img{
      margin-bottom: 20px;
    }
    #top section{
      padding: 0 5px;
    }
    #top #main-content{
      padding-top: 10px;
    }
    #top main > p{
      padding: 0 5px;
      margin-bottom: 30px;
    }
    #top main > p br{
      display: none;
    }
    .news{
      width: 98%;
      max-height: 210px;
      padding-bottom: 10px;
      margin-bottom: 15px;
    }
    .news_container{
      margin-top: 5px;
      max-height: 180px;
    }
    ul.news_scroll{
      padding-left: 10px;
      max-height: 160px;
      padding-right: 10px;
    }
    ul.news_scroll li{
      padding-right: 5px;
      padding-bottom: 5px;
      margin-bottom: 5px;
    }
    .news + p{
      font-size: larger;
      letter-spacing: 0.06em;
    }
    #top section h2{
      font-size: larger;
      padding-left: 15px;
      margin-bottom: 15px;
    }
    #top section.atarimae h2{
      margin-bottom: 20px;
    }
    #top section h3{
      font-size: larger;
      padding-left: 20px;
      margin-bottom: 5px;
    }
    .top_frame{
      width: 480px;
      margin: 0 auto;
      margin-bottom: 30px;
    }
    .top_frame_ch{
      margin-right: 15px;
      margin-left: 15px;
    }
    .voice_ch{
      max-width: 325px;
      padding-bottom: 5px;
      margin: 0 auto;
      margin-bottom: 15px;
    }
    .voice_ph img{
      margin-bottom: 5px;
    }
    .voice_data div{
      margin-bottom: 5px;
    }
  }
	@media only screen and (max-width: 490px) {
    .top_frame{
      width: 240px;
    }
  }
    

/* ----------------------------------------- */
/* トップページ以外
/* ----------------------------------------- */
#pagea .topic-path + h1 img{
  margin: 0 auto;
}

/* お見積り pagec */
.estimate .item .txt span{
  display: block;
  font-size: larger;
  font-weight: bold;
  margin-bottom: 5px;
}
.estimate h2{
  border-bottom: solid 1px #000000;
  margin-bottom: 10px;
  padding-bottom: 3px;
  font-weight: normal;
}
.estimate .genre{
  margin-bottom: 45px;
}
.estimate ul{
  list-style: none;
  margin-bottom: 5px;
}
.estimate ul li span{
  display: inline-block;
  width: 180px;
}
.estimate .genre select{
  width: 72px;
  margin-right: 5px;
}
.estimate .genre input{
  margin-right: 5px;
  padding-left: 3px;
  width: 65px!important;
}
.estimate ul li{
  margin-bottom: 10px;
}
.estimate .genre p{
  color: #e60012;
}
.sum input[type="button"]{
  background-image: url(/image/mitumori_btn.gif)!important;
  width: 176px!important;
  height: 38px!important;
  background-repeat: no-repeat!important;
  text-indent: -9999px!important;
  border: none!important;
  cursor: pointer;
  outline: none;
  margin: 0 auto!important;
  display: block;
  margin-bottom: 20px!important;
}
.sum input[type="button"]:hover{
  background-position: left bottom;
}
.sum input[type="number"]{
  margin: 0 15px;
  width: 180px;
  height: 40px;
  text-align: center;
  font-size: 20px;
  background-color: #CCF5FF;
  border: solid 1px #cccccc;
}

	/* PC View */
	@media print, (min-width: 650px) {

    /* お見積り pagec */
    #pagec article h1 + p{
      margin-bottom: 50px;
    }
    .estimate .genre{
      margin-bottom: 45px;
    }
    .estimate h2{
      font-size: 20px;
      padding-bottom: 3px;
      font-weight: normal;
    }
    .estimate ul li{
      float: left;
      width: 50%;
    }
    .sum{
      margin-bottom: 40px;
      font-size: larger;
      padding-left: 200px;
    }
    .sum input[type="button"]{
      float: left;
    }
    .sum .price{
      float: right;
      width: 300px;
      text-align: right;
    }
    .sum + p{
      width: 580px;
      margin: 0 auto;
    }
  }

	@media only screen and (max-width: 649px) {
    #pagec article{
      padding: 0 5px;
    }
    #pagec article h1 + p{
      margin-bottom: 40px;
    }
    .estimate h2{
      font-size: larger;
      font-weight: bold;
    }
    .sum .price{
      width: 280px;
      margin: 0 auto;
    }
    .sum input[type="number"]{
      margin-bottom: 15px;
      width: 140px;
    }
  }


/* ----------------------------------------- */
/* お問い合わせ
/* ----------------------------------------- */
#inquiry main h1{
  margin-top: 25px;
  margin-bottom: 15px;
}
.inquiry > p{
  margin-bottom: 10px;
}
.inquiry a{
 text-decoration: none;
 color: #000000;
}
span.required{
  color: #ff0000;
}
.inquiry table{
  width: 610px !important;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 80px;
}
table.mailform tr td {
  border-top: solid 1px #CCCCCC;
}
.inquiry table td{
  vertical-align: middle!important;
  padding: 10px;
}
.inquiry table td:first-child{
  width: 195px !important;
  background-color: #F2F2F2;
}
.inquiry table td:last-child{
  width: 400px !important;
  background-color: #ffffff;
}
input[name="ご住所(必須)"]{
  margin-top: 5px!important;
}
td[colspan="2"]{
  border: none!important;
  background-color: #ffffff!important;
  padding-top: 40px!important;
}
/* mailform.cssの上書き
      hover: mailform.js > 1420 */
input#button_mfp_goconfirm {
  width: 212px!important;
  height: 52px!important;
  overflow: hidden;
  background-image: url(/image/inq_btn.png)!important;
  border: none;
  border-style: none;
  cursor: pointer;
}

.thanks{
  max-width: 600px;
  padding: 40px 0 100px 0;
  margin: 0 auto;
  text-align: center;
}
.thanks p{
  padding: 10px 0;
  padding-top: 40px;
}
.thanks p a{
  color: #5383C3;
  background-color: #ffffff;
  border: solid 2px #5383C3;
  padding: 8px 20px;
  text-decoration: none;
  border-radius: 5px;
}
.thanks p a:hover{
  color: #ffffff;
  background-color: #5383C3;
}


	/* Smart Phone View */
	@media only screen and (max-width: 649px) {
    #inquiry article h1{
      margin-left: -3px;
    }
    .inquiry{
      padding: 0 5px;
    }
    .inquiry table{
      width: 100% !important;
    }
    .inquiry table td:first-child{
      width: 30% !important;
      padding-left: 5px;
      padding-right: 5px;
    }
    .inquiry table td:last-child{
      width: 70% !important;
    }
    .inquiry table td:last-child input{
      width: 100%!important;
    }
    .inquiry table td:last-child textarea{
      width: 99%!important;
      margin-right: 1%
    }
    .thanks{
      padding-left: 5px;
      padding-right: 5px;
    }
    #confirmWindow, #confirmBody{
      width: 100%!important;
    }
  }


/* ----------------------------------------- */
/* ポリシー
/* ----------------------------------------- */

#policy h2, #policy main p{
  padding: 0 5px;
}
#policy main h1{
  margin-bottom: 30px;
  font-size: 22px;
  padding-top: 15px;
  height: 25px;
}
#policy h2{
  font-size: larger;
  padding-bottom: 5px;
}
#policy h2 span{
  color: #5383C3;
}
#policy h2 + p{
  margin-bottom: 30px;
}

	/* Smart Phone View */
	@media only screen and (max-width: 649px) {
    #policy main h1{
      margin-left: -3px;
    }
  }