@charset "utf-8";
/* CSS Document */
/*大見出し背景色設定*/
div#mainimg_off {
  background: #319b03;
  text-shadow: #2e8e05 2px 2px 2px;
}
/*商品詳細・大枠設定*/
.ac_box_grey {
  padding: 7px;
  border: 2px solid #ccc;
  box-sizing: border-box;
  position: relative;
  z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}
/*div全体にaタグの範囲を入れる*/
.ac_box_grey a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.ac_box_grey:hover {
  zoom: 1;
  border: #319b03 solid 2px !important;
  box-sizing: border-box;
}
.ac_box_grey:hover .f_blue {
 text-decoration: underline;
}
.box_width_372 {
  width: 372px;
}
.box_width_169 {
  width: 169px;
}
.box_width_170 {
  width: 170px;
}
.f_blue {
  color: #03C!important;
}
ul.acce_df {display: flex; justify-content: space-around;}
.box_item_icon {
    float: left;
    width: 50px;
    margin: 0 auto;
}
.box_item_catch {
    float: left;
    font-weight: bold;
    font-size: 18px;
    color: #222 !important;
	height: 50px;
    line-height: 60px;
}
.box_item_catch_none {
    float: left;
    font-weight: bold;
    font-size: 18px;
    color: #222 !important;
}
.box_item_left {
    float: left;
    width: 400px;
}
.box_item_right {
    float: left;
    margin-left: 20px;
    width: 325px;
}
.design_box_item_left {
    float: left;
    width: 308px;
}
.design_box_item_right {
    float: left;
    width: 397px;
}
.box-line1 {
    border: solid 2px #cccccc;
    padding: 20px;
}
.acce-link a:link {
    color: #222 !important;
}
.toto-df {
    display: flex;
    justify-content: space-between;
}
.toto-df-left {
    font-size: 15px;
    font-weight: bold;
    height: 66px;
    line-height: 60px;
}
.static a {
    border-radius: 3px;
    text-align: center;
    background-color: #40b11d;
    width: 150px;
    display: block;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: bold;
    margin: 10px auto;
    padding: 10px 0 8px 0;
}
.static a:hover {
  opacity: .8;
}
.design_box_item_w110 {
    float: left;
    width: 110px;
}
.design_box_item_w162 {
    float: left;
    width: 162px;
}
.design_box_item_w166 {
    float: left;
    width: 166px;
}
.design_box_item_w173 {
    float: left;
    width: 173px;
}
.design_box_item_w235 {
    float: left;
    width: 235px;
}
.design_box_item_w280 {
    float: left;
    width: 280px;
}
.design_box_item_w373 {
    float: left;
    width: 373px;
}
.design_box_item_w446 {
    float: left;
    width: 446px;
}
.acce-border {
    border-top: dashed 1px #ccc;
    margin: 10px 0;
}
.ring-text {
    border-radius: 6px;
    text-align: center;
    background: #d6ebcd;
    width: 110px;
    display: block;
    color: #319b03 !important;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 0 8px 0;
}
.lh16 {line-height: 1.6;}
	

.un_WcAcceInstallationCost{
margin-top: 20px;
}

.un_WcAcceInstallationCost > table {
  border: var(--defaultBorder);
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}

.un_WcAcceInstallationCost > table th {
  font-weight: bold;
  background: var(--secondBgColor);
  border: var(--defaultBorder);
    border-width: 1px;
    text-align: center;
    padding: 10px;
    vertical-align: top;
    font-size: 16px;
}

.un_WcAcceInstallationCost > table td {
  border: var(--defaultBorder);
  border-width: 1px;
  padding: 15px;
  vertical-align: top;
}
.un_WcAcceInstallationCost_title_w30{
  width: 30%;
}

.un_WcAcceInstallationCost_title_w70{
  width: 70%;
}

.un_WcAcceInstallationCost_Construction{
display: flex;
align-items: center;
background: #FFF;
border: var(--defaultBorder);
font-size: 16px;

}
.un_WcAcceInstallationCost_Construction_title{
  background: var(--secondBgColor);
  padding: 15px;
}
.un_WcAcceInstallationCost_Construction_title2{
  background: var(--secondBgColor);
  padding: 40px 20px;
}
.un_WcAcceInstallationCost_Construction_txt{
  padding: 15px;
  color: var(--emphasisRed);
  font-weight: bold;
}
.un_WcAcceInstallationCost_Construction_txt span{
  font-size: 24px;
}




.un_WcAcceInstallation_card3Unit{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin:20px 0 20px 0
}

.un_WcAcceInstallation_card3Unit.un_WcAcceInstallation_card3Unit__col4 .un_WcAcceInstallation_card3 {
  width: calc((100% + 5px) / 4 - 5px);
}
.un_WcAcceInstallation_card3 {
  position: relative;
  box-sizing: border-box;
  background-color: #fff;
  border: solid 2px#ececec;
}

.un_WcAcceInstallation_card3Unit_title{
  font-weight: bold;
  font-size: 14px;
  padding: 10px;
}

.bnr-flex {
  display: flex;
  justify-content: space-between;
}

.un_WcAcceInstallation_detailBox__padding {
  padding: 20px;
}
.un_WcAcceInstallation_detailBox {
  box-sizing: border-box;
  border: solid 4px #ccc;
  padding: 20px;
}
.un_WcAcceInstallationCost_Construction_Detailtxt {
  font-size: 13px;
  margin-top:10px;
  margin-bottom: 10px;
}

.un_WcAcceInstallation_card3:hover {
  border: solid 2px var(--dekiruGreen);
  text-decoration: none;
}
.un_wcAcce_detail {
  padding-top: 20px;
}