h3 {
text-align: center;
color: #333;
letter-spacing: 0.1em;
font-size: 40px;
padding-top: 80px;
 position: relative;
  display: block;
  margin-bottom: 1em;
		line-height: 1.8em;
}


article {
background-image: url(/images/page/bk_left.png), url(/images/page/bk_right.png);
background-position: left top, right bottom;
background-repeat: no-repeat, no-repeat;
background-size: 805px 805px, 805px 805px;
}





.bg_fx1 {
    background-image: url(/images/company/company_top_bk.jpg);
}

.bg_fx2 {
    background-image: url(/images/contact/contact_top_bk.jpg);
}


.bg_fx3 {
    background-image: url(/images/painting/painting_top_bk.jpg);
}


.bg_fx4 {
    background-image: url(/images/waterproof/waterproof_top_bk.jpg);
}


.bg_fx5 {
    background-image: url(/images/sale/sale_top_bk.jpg);
}


.bg_fx5_2 {
    background-image: url(/images/sale/sale_top_bk_2.jpg);
    background-color: #f9f9f9;
}



.bg_fx6 {
    background-image: url(/images/blog/blog_top_bk.jpg);
}



.fixed-bg_fx3 {
    background-attachment: fixed;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    overflow: hidden;
    min-height: 220px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.contents_wt {
    width: 100%;
    margin-bottom: 0px;
    position: relative;
    text-align: left;
}

.body {
    max-width: 1200px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    position: relative;
    text-align: left;
}




.contents_wt .in_box {
 background-image: url(/images/page/main_bk_logo.png);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    overflow: hidden;
    min-height: 220px;
    padding-top: 80px;
    padding-bottom: 80px;
}




.balloon {
position: relative;
display: inline-block;
margin: 1.5em 0;
padding: 20px 10px;
min-width: 120px;
max-width: 100%;
color: #fff;
font-size: 28px;
background: #333;
box-sizing: border-box;
letter-spacing: .2em;
text-align: center;
width: 100%;
}

.balloon:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #333;
  z-index: 2;
}

.balloon:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  z-index: 1;
}

.balloon p {
  margin: 0;
  padding: 0;
}


.painting_page .sub,
.waterproof_page .sub {
background-color: #fff;
text-align: center;
font-size: 20px;
padding: 20px;
letter-spacing: .05em;
line-height: 2em;
}






.inner_in {
width: 80%;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}





#breadcrumb {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fff;
}


#breadcrumb ul {
    overflow: hidden;
   /* display: table;*/
    font-size: 13px;
    text-align: left;
max-width: 1100px;
min-width: 80%;
margin-left: auto;
margin-right: auto;
}

#breadcrumb ul li {
    margin: 0 10px 0 0;
    float: left;
    color: #333;
}

#breadcrumb ul li a {
    color: #333;
    text-decoration: none;
}





.container {

}




#painting_purpose .obi,
#painting_type .obi {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 60px;
    margin-top: 20px;
    color: #333;
    text-align: left;
    display: flex;
    letter-spacing: .3em;
}


#painting_purpose .obi span,
#painting_type .obi span {
  font-size: 80px;
}



#painting_purpose .obi b,
#painting_type .obi b{
font-size: 60px;
padding-right: .1em;
}




#painting_purpose ul,
#painting_type ul {
overflow: hidden;
margin-top: 40px;
}




#painting_purpose ul、
#painting_type ul {
overflow: hidden;
}


#painting_purpose ul li,
#painting_type ul li {
overflow: hidden;
padding-top: 60px;
padding-bottom: 60px;
border-bottom: 1px solid #ccc;
}


#painting_purpose ul li:last-child,
#painting_type ul li:last-child {
border-style: none;
}






#painting_type ul li .left .painting_txt_years {
font-size: 28px;
color: #333;
padding: 10px 0;
margin-bottom: 20px;
letter-spacing: .1em;
font-weight: bold;
}


#painting_type ul li .left .painting_txt_years span {
display: inline-block;
color: #fff;
background-color: #666;
font-size: 20px;
padding: 10px 10px;
text-align: center;
border-radius: 20px;
margin-right: 1em;
letter-spacing: 0;
}


#paginate_wrap {
margin-bottom: 40px;
}



#painting_purpose .yellowGreen {
background-color: #e7ea7f;
}


#painting_type .green {
background-color: #6e8e14;
}








#painting_purpose ul li .left,
#painting_type ul li .left {
width: 56%;
float: left;
}


#painting_purpose ul li .left .painting_txt,
#painting_type ul li .left .painting_txt {
font-size: 16px;
line-height: 2em;
}






#painting_purpose ul li .right,
#painting_type ul li .right {
width: 40%;
float: right;
}

#painting_purpose ul li .right img ,
#painting_type ul li .right img {
width: 100%;
height: auto; 
}







.painting_page dl.title,
.waterproof_page dl.title {
padding-top: 100px;
text-align: center;
}




.painting_page_02 dl.title {
padding-top: 4px;
text-align: center;
}





.painting_page dl.title dt,
.waterproof_page dl.title dt,
#company_greeting .title {
font-size: 30px;
padding-bottom: 60px;
color: #333;
letter-spacing: 0.4em;
}



#company_greeting .position {
text-align: center;
padding-top: 100px;
}




.painting_page dl.title dd,
.waterproof_page dl.title dd {
    font-size: 18px;
    line-height: 2.4em;
    letter-spacing: 0.2em;
    padding-bottom: 40px;
}



/*=====================================================*/


.waterproof_page .sub {
text-align: left;
}


#waterproof_type .obi,
#bottom .obi {
text-align: center;
font-size: 40px;
 letter-spacing: .2em;
 position: relative;
}

#bottom .obi {
margin: 60px 0 80px;
}



#waterproof_type .obi:before,
#bottom .obi:before {
  content: '';
  position: absolute;
  bottom: -40px;
  display: inline-block;
  width: 60px;
  height: 4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #333333;
}




.waterproof_page dl.title dd {
text-align: left;
}



#waterproof_type {
margin-top: 100px;
}




#waterproof_type .waterproof_list {
overflow: hidden;
margin-top: 100px;
padding-bottom: 80px;
}





#waterproof_type .waterproof_list li {
}




#waterproof_type .waterproof_list li:last-child {
}



/*#waterproof_type .waterproof_list li .ph img {
width: 100%;
height: auto;
}*/


#waterproof_type .waterproof_list li dl {
color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
border: 3px solid #bcbcbc;
padding: 20px 2%;
margin-bottom: 60px;
}


#waterproof_type .waterproof_list li dl dt {
font-size: 24px;
font-weight: bold;
text-align: center;
letter-spacing: .2em;
overflow: hidden;
min-height: 213px;
width: 28%;
display: table;
}

#waterproof_type .waterproof_list li dl dt span {
display: table-cell;
vertical-align: middle;
}



#waterproof_type .waterproof_list li dl dt.no01 {
background-image: url(/images/waterproof/waterproof_no1.jpg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}


#waterproof_type .waterproof_list li dl dt.no02 {
background-image: url(/images/waterproof/waterproof_no2.jpg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}


#waterproof_type .waterproof_list li dl dt.no03 {
background-image: url(/images/waterproof/waterproof_no3.jpg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}



#waterproof_type .waterproof_list li dl dd {
font-size: 16px;
line-height: 2em;
width: 70%;
}







/*============================================================*/








#company_greeting .text {
padding-top: 30px;
font-size: 16px;
line-height: 3em;
letter-spacing: .2em;
}

.name {
    padding-top: 30px;
    width: 30%;
    margin-left: auto;
    padding-bottom: 20px;
}

.name img {
width: 100%;
height: auto;
}




#company_table .body table {
    width: 100%;
    padding: 0;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    border-left: 1px dotted #888888;
    border-right: 1px dotted #888888;
    border-top: 1px dotted #888888;
    margin-bottom: 80px;
}


#company_table .body table th {
    text-align: left;
    padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 12px;
    padding-left: 10px;
    background-color: #F4F3F3;
    width: 20%;
    border-bottom: 1px dotted #888888;
    color: #666;
    font-weight: normal;
    font-weight: bold;
}



#company_table .body table td {
    border-bottom: 1px dotted #888888;
    padding-top: 18px;
    padding-right: 10px;
    padding-bottom: 15px;
    padding-left: 15px;
    text-align: left;
    color: #000;
    background: #fff;
}


#company_access .detail {
    overflow: hidden;
    padding-top: 30px;
}

#company_access .detail dl {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 60px;
}


#company_access .detail dl dt {
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 30px;
}


#company_access .detail dl dd {
    line-height: 1.6em;
    font-size: 15px;
}



#company_trelated {
}


#company_trelated ul {
overflow: hidden;
margin-bottom: 40px;
width: 80%;
margin-left: auto;
margin-right: auto;
}


#company_trelated ul li {
overflow: hidden;
padding-top: 40px;
padding-bottom: 40px;
border-bottom:  2px solid #a3a3a3;
}



#company_trelated ul li .left {
width: 40%;
float: left;
}

#company_trelated ul li .left img {
width: 100%;
height: auto; 
}



#company_trelated ul li .right {
width: 56%;
float: right;
}

#company_trelated ul li .right p {
border-bottom: 1px solid #c8c8c8;
padding-bottom: 10px;
padding-top: 10px;
}


#company_trelated ul li .right p.com_name {
font-size: 22px;
font-weight: bold;
}

#company_trelated ul li .right p.com_txt,
#company_trelated ul li .right p.com_contact,
#company_trelated ul li .right p.com_time,
#company_trelated ul li .right p.com_url
{
font-size: 16px;
line-height: 1.8em;
} 

 #company_trelated ul li .right p.com_url a {
 color: #6e8e14;
 }





#company_contact {
}


#company_contact .button a,
#bottom .button a {
background-color: #fff;
color: #333;
box-sizing: border-box;
border: 1px solid #333;
width: 360px;
letter-spacing: .1em;
margin: 0 auto;
display: block;
text-align: center;
}

#company_contact .button a::before,
#bottom .button a::before {
display: none;
}


#company_contact .button a:hover,
#bottom .button a:hover {
color: #fff;
background-color: #333;
}


#company_contact .button a:after,
#bottom .button a:after {
display: none;
}





.button a i {
padding-right: 0.5em;
}



#company_contact .top_text {
font-size: 15px;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

.company_info {
text-align: center;
font-size: 15px;
padding-top: 30px;
padding-bottom: 30px;
line-height: 1.8em;
}





#complete .top_title {
    font-size: 28px;
    letter-spacing: 0.2em;
    font-weight: bold;
    text-align: center;
    padding-top: 60px;
}


#complete .recruitBox {
padding: 40px 0;
}




#complete .top_text {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 30px;
    text-align: center;
    letter-spacing: 0;
    padding-top: 20px;
line-height: 2em;
}







#complete .text {
    font-size: 16px;
    line-height: 1.8em;
    text-align: center;
}



#complete .color_box_gr {
    color: #fff;
    font-weight: bold;
    font-size: 19px;
    background-color: #333;
    margin-top: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 30px;
    padding-left: 5%;
    padding-right: 5%;
    text-align: center;
}




#complete .recruitBox .list {
    padding-bottom: 20px;
    text-align: center;
    font-size: 20px;
}


#complete .recruitBox .list li {
    font-weight: bold;
    padding-bottom: 20px;
}










/*====================================bottom_共通===========================================*/


#bottom {
overflow: hidden;
padding-top: 60px;
padding-bottom: 50px;
}



#bottom h4 {
color: #333;
padding-bottom: 20px;
border-bottom: 2px solid #333;
font-size: 20px;
font-weight: bold;
padding-top: 10px;
}



#bottom #left_2c {
    width: 870px;
    float: left;
    margin-top: 20px;
}


#bottom #left_2c .title_top {
background-color: #333;
color: #fff;
padding: 1%;
font-size: 13px;
text-align: left;
letter-spacing: 1px;
font-weight: bold;
}





#bottom #left_2c  ul.work ,
#bottom #left_2c  ul.com_blog {
margin-bottom: 60px;
}









#bottom #left_2c ul.work .list {
padding-bottom: 20px;
padding-top: 20px;
border-bottom: 1px dotted #000000;
}




#bottom #left_2c ul.work .list a {
    display: block !important;
    text-decoration: none !important;
    color: #333 !important;
}



#bottom #left_2c ul.work .list:hover {
    /*background-color: #F6F6F6;*/
}


#bottom #left_2c ul.work .detail_list:hover {
   /*pointer-events: none !important; */
}







#bottom #left_2c ul.work .list .date {
    font-weight: bold;
    font-size: 14px;
    overflow: hidden;
}


#bottom #left_2c ul.work .list .date b {
float: left;
}



#bottom #left_2c ul.work .list .date span {
float: right;
font-weight: bold;
font-size: 11px;
line-height: 100%;
color: #FFF;
padding: 7px 7px 5px 7px;
display: inline-block;
margin-left: 15px;
width: 100px;
margin-right: 0px !important;
text-align: center;
margin-top: 5px;
text-decoration: underline;
background-color: #47e86a;
}






#bottom #left_2c ul.work .list .name {
    font-weight: bold;
    font-size: 13px;
    line-height: 100%;
    color: #FFF;
    background-color: #705951;
    padding: 10px 10px 7px 10px;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 7px;
    text-align: center;
}



#bottom #left_2c ul.work .list .title {
font-weight: bold;
font-size: 18px;
padding-top: 20px;
padding-bottom: 20px;
} 






#bottom #left_2c ul.work .list .image {
    float: right;
    width: 190px;
    height: 135px;
    overflow: hidden !important;
    text-align: center;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    position: relative;
    display: block !important;
}




#bottom .work_2c ul.work .list .image {
    float: none !important;
    width: 100% !important;
    height: 500px !important;
    overflow: hidden !important;
    text-align: center;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    position: relative !important;
}


#bottom .work_2c ul.work .list .mainimage {
/*position: relative;*/
}





#bottom .work_2c ul.work .list .mainimage img {
min-width: 500px !important;
max-height: 500px !important;
/*position: absolute !important;*/
top: 0 !important;
left: 0;
right: 0;
bottom: 0;
text-align: center;
margin: 0 auto;
object-fit: contain;
height: 100% !important;
width: 100% !important;
}






#bottom .work_2c ul.work .list .image img {
position: absolute !important;
top: 0 !important;
left: 0;
right: 0;
bottom: 0;
text-align: center;
margin: 0 auto;
object-fit: contain;
height: 100% !important;
width: 100% !important;
}





#bottom .work_2c .parent-container {
    margin-top: 50px;
}


#bottom .work_2c .parent-container .color_box {
    overflow: hidden;
    margin-top: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


#bottom .work_2c .parent-container .color_box li {
    width: 31.3%;
    /*float: left;*/
    margin-right: 2%;
    margin-bottom: 15px;
    display: block !important;
}

#bottom .work_2c .parent-container .color_box li:nth-child(3n) {
margin-right: 0;
}



#bottom .work_2c .parent-container .color_box li a {
    text-decoration: none !important;
}


#bottom .work_2c .parent-container .color_box li .image {
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    width: auto;
    height: 165px !important;
    text-align: center;
    overflow: hidden;
    margin-bottom: 5px !important;
}


#bottom .work_2c .parent-container .color_box li .image img {
    width: auto !important;
    height: 100%;
    max-width: 100%;
max-height: 400px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}


#bottom .work_2c .parent-container .color_box li a p {
    font-size: 12px;
    line-height: 160%;
}






#bottom #left_2c ul.work .list .txt {
    font-size: 16px;
    color: #333;
    padding-top: 20px;
    line-height: 1.6em;
}









#bottom #side {
    width: 280px;
    float: right;
    overflow: hidden;
   margin-top: 20px;
}



#bottom #side dl dd ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #000000;
}




#bottom #side dl {
   /* margin-bottom: 30px;*/
}

#bottom #side dl a {
color: #333;
text-decoration: none;
}


#bottom #side dl a:hover {
color: #333;
/*text-decoration: underline;*/
}





#bottom  #side dl dt.cate {
    background-color: #333;
    color: #fff;
    width: 98%;
    padding: 1%;
    font-size: 13px;
    text-align: center;
    letter-spacing: 1px;
    font-weight: bold;
}



#bottom #side dl dd {

}


#bottom #side dl dd ul {
    background-color: #F9F9F9;
    padding: 15px;
}




#bottom #side dl dd ul.category {
    margin-bottom: 15px;
}


#bottom #side dl dd ul.category li.cate_name {
    font-weight: bold;
    color: #705951;
}




#bottom #side dl dd ul.category .under {

}

#bottom #side dl dd ul.category .under:before {
    content: ' ►';
    float: left;
    margin: 0 5px 0 0;
    -moz-transition: 0.5s all;
    -webkit-transition: 0.5s all;
    color: #333;
}






#bottom #side .quick_banner {

}


#bottom #side .quick_banner img {
width: 100%;
height: auto;
}





/*#bottom #left_2c .button {
width: 50%;
}
*/


#bottom #left_2c  ul.com_blog {
overflow: hidden;
   display:-webkit-box;
   display:-moz-box;
   display:-ms-box;
   display:-webkit-flexbox;
   display:-moz-flexbox;
   display:-ms-flexbox;
   display:-webkit-flex;
   display:-moz-flex;
   display:-ms-flex;
   display:flex;
   -webkit-box-lines:multiple;
   -moz-box-lines:multiple;
   -webkit-flex-wrap:wrap;
   -moz-flex-wrap:wrap;
   -ms-flex-wrap:wrap;
   flex-wrap:wrap;
   margin-top: 20px;
}



#bottom #left_2c  ul.com_blog li {
overflow: hidden;
padding-bottom: 30px;
width: 46%;
margin-right: 8%;
margin-bottom: 40px;
border-bottom: 1px dotted #000000;
}


#bottom #left_2c  ul.com_blog li:nth-child(2n) {
margin-right: 0;
}


#bottom #left_2c  ul.com_blog li:hover {
background-color: #F6F6F6;
}







#bottom #left_2c ul.com_blog li a {
color: #333;
text-decoration: none;
display: block;
}




#bottom #left_2c ul.com_blog li a .image {
margin-top: 6px;
overflow: hidden;
box-sizing: border-box;
border: 1px solid #c8c8c8;
background-color: #fff;
text-align: center;
width: 100%;
position: relative !important;
height: 300px;
}

#bottom #left_2c ul.com_blog li a .image img {
max-width: 100%;
max-height: 300px;
height: 100%;
width: auto;
position: absolute !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}


#bottom #left_2c ul.com_blog li a .title_box {
margin-top: 20px;
}


#bottom #left_2c ul.com_blog li a .title_box .title {
font-size: 18px;
}


#bottom #left_2c ul.com_blog li a .title_box .date {
color: #aaaaaa;
padding-top: 8px;
}






#bottom #left_2c  ul.sale_list {
overflow: hidden;
   display:-webkit-box;
   display:-moz-box;
   display:-ms-box;
   display:-webkit-flexbox;
   display:-moz-flexbox;
   display:-ms-flexbox;
   display:-webkit-flex;
   display:-moz-flex;
   display:-ms-flex;
   display:flex;
   -webkit-box-lines:multiple;
   -moz-box-lines:multiple;
   -webkit-flex-wrap:wrap;
   -moz-flex-wrap:wrap;
   -ms-flex-wrap:wrap;
   flex-wrap:wrap;
   margin-top: 20px;
}



#bottom #left_2c  ul.sale_list li {
overflow: hidden;
width: 30%;
margin-right: 5%;
margin-bottom: 40px;
border: 1px solid #000000;
box-sizing: border-box;
}


#bottom #left_2c  ul.sale_list li:nth-child(3n) {
margin-right: 0;
}




#bottom #left_2c  ul.sale_list li:hover {
background-color: #F6F6F6;
}








#bottom #left_2c ul.sale_list li a {
color: #333;
text-decoration: none;
display: block;
position: relative;
}


#bottom #left_2c ul.sale_list li a .box {
padding: 5%;
}




#bottom #left_2c ul.sale_list li a .new_icon {
position: absolute;
top: 0;
right: 0;
z-index: 10;
}



#bottom #left_2c ul.sale_list li a .image {
margin-top: 6px;
overflow: hidden;
box-sizing: border-box;
border: 1px solid #c8c8c8;
background-color: #fff;
text-align: center;
width: 100%;
position: relative !important;
height: 200px;
}




#bottom #left_2c ul.sale_list li a .image img {
min-width: 207px;
max-height: 207px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
margin: 0 auto;
object-fit: contain;
height: 100%;
width: 100%;
}






#bottom #left_2c ul.sale_list li a .title_box {
margin-top: 20px;
}


#bottom #left_2c ul.sale_list li a .title_box .title {
font-size: 13px;
border-bottom: 1px dotted #000000;
padding-bottom: 10px;
}


#bottom #left_2c ul.sale_list li a .title_box .title dl {
overflow: hidden;
}


#bottom #left_2c ul.sale_list li a .title_box .title dl dt {
height: 20px;
float: left;
width: 4em;
}


#bottom #left_2c ul.sale_list li a .title_box .title dl dd {

}




#bottom #left_2c ul.sale_list li a .title_box .price {
padding-top: 16px;
padding-bottom: 10px;
}



#bottom #left_2c ul.sale_list li a .title_box .price b {
font-weight: bold;
font-size: 18px;
color: #C23D3C;
}






#bottom #left_2c ul.sale_list li a .title_box .price dl {
overflow: hidden;
}


#bottom #left_2c ul.sale_list li a .title_box .price dl dt {
height: 20px;
float: left;
width: 4em;
}

#bottom #left_2c ul.sale_list li a .title_box .price dl dd {
color: #C23D3C;
}


#bottom .sale_box .button {
margin-top: 50px;
}







#bottom #side dl.price  ul.category li a .title_box {
}


#bottom #side dl.price  ul.category li a .title_box .title {
font-size: 13px;
padding-top: 10px;
/*padding-bottom: 10px;*/
}


#bottom #side dl.price  ul.category li a .title_box .title dl {
overflow: hidden;
margin: 0 0;
}


#bottom #side dl.price  ul.category li a .title_box .title dl dt {
height: 20px;
float: left;
width: 4em;
}


#bottom #side dl.price  ul.category li a .title_box .title dl dd {

}




#bottom #side dl.price  ul.category li a .title_box .price {
padding-top: 10px;
}



#bottom #side dl.price  ul.category li a .title_box .price b {
font-weight: bold;
font-size: 18px;
color: #C23D3C;
}






#bottom #side dl.price  ul.category li a .title_box .price dl {
overflow: hidden;
margin: 0 0;
}


#bottom #side dl.price  ul.category li a .title_box .price dl dt {
height: 20px;
float: left;
width: 4em;
}

#bottom #side dl.price  ul.category li a .title_box .price dl dd {
color: #C23D3C;
}


#bottom .sale_box .button {
margin-top: 50px;
}




#bottom #side dl dd ul.category .sale_un {
}

#bottom #side dl dd ul.category .sale_un:before {
 content: none;
}




#bottom #side dl.price  ul.category li a .title_box  p.new {
 background-color: #c03d3c;
color: #FFF;
font-weight: bold;
display: inline;
padding-left: 6px;
padding-right: 6px;
padding-top: 4px;
padding-bottom: 3px;
font-size: 12px;
}


.blinking{
	-webkit-animation:blink 1.3s ease-in-out infinite alternate;
    -moz-animation:blink 1.3s ease-in-out infinite alternate;
    animation:blink 1.3s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}



/*======================================detail_page======================================================*/


#detail_page {
    margin-top: 20px;
}



#detail_page .title_top {
    background-color: #BBDBBF;
    color: #5B3716;
    padding: 1%;
    font-size: 13px;
    text-align: left;
    letter-spacing: 1px;
    font-weight: bold;
}



#detail_page .box_wrap {
overflow: hidden;
margin-top: 30px;
}



#detail_page .box_wrap .f_left {
width: 48%;
float: left;
margin-right: 4%;
overflow: hidden;
}







#detail_page .box_wrap .f_right {
width: 48%;
overflow: hidden;
float: right;
}


#detail_page .box_wrap .f_right .title_box {

}


#detail_page .box_wrap .f_right .title_box p.new {
    background-color: #c03d3c;
    color: #FFF;
    font-weight: bold;
    display: inline;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 4px;
    padding-bottom: 3px;
    font-size: 12px;
}





#detail_page .box_wrap .f_right .title_box  dl {
    overflow: hidden;
     font-size: 16px;
     padding-top: 14px;
    padding-bottom: 14px;
    border-bottom: 1px dotted #000000;
}




#detail_page .box_wrap .f_right .title_box  dl dt {
    height: 20px;
    float: left;
    width: 5em;
}



#detail_page .box_wrap .f_right .title_box  dl dd {
    font-weight: bold;
}



#detail_page .box_wrap .f_right .title_box  .title {
margin-top: 20px;
}




#detail_page .box_wrap .f_right .title_box  .title dl {

}


#detail_page .box_wrap .f_right .title_box  .title dl dt {
}



#detail_page .box_wrap .f_right .title_box  .title dl dd {
    font-size: 22px;
}



#detail_page .box_wrap .f_right .title_box  .description {
     padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 1.8em;
    border-bottom: 1px dotted #000000;
}





#detail_page .box_wrap .f_right .title_box .price {

}



#detail_page .box_wrap .f_right .title_box .price dl {
padding-top: 20px;
}


#detail_page .box_wrap .f_right .title_box .price dl dt {

}


#detail_page .box_wrap .f_right .title_box .price dl dd {
color: #C23D3C;
}


#detail_page .box_wrap .f_right .title_box .price dl dd b {
font-weight: bold;
font-size: 22px;
}




#detail_page .pickup  {
margin-top: 60px;
}



#detail_page .pickup  ul.sale_list {
overflow: hidden;
   display:-webkit-box;
   display:-moz-box;
   display:-ms-box;
   display:-webkit-flexbox;
   display:-moz-flexbox;
   display:-ms-flexbox;
   display:-webkit-flex;
   display:-moz-flex;
   display:-ms-flex;
   display:flex;
   -webkit-box-lines:multiple;
   -moz-box-lines:multiple;
   -webkit-flex-wrap:wrap;
   -moz-flex-wrap:wrap;
   -ms-flex-wrap:wrap;
   flex-wrap:wrap;
   margin-top: 20px;
}



#detail_page .pickup  ul.sale_list li {
overflow: hidden;
width: 22%;
margin-right: 4%;
margin-bottom: 40px;
border: 1px solid #000000;
box-sizing: border-box;
}


/*#detail_page .pickup ul.sale_list li:nth-child(4n) {
margin-right: 0;
}*/


#detail_page .pickup ul.sale_list li:last-child {
margin-right: 0;
}






#detail_page .pickup ul.sale_list li:hover {
background-color: #F6F6F6;
}








#detail_page .pickup ul.sale_list li a {
color: #333;
text-decoration: none;
display: block;
position: relative;
}


#detail_page .pickup ul.sale_list li a .box {
padding: 5%;
}




#detail_page .pickup ul.sale_list li a .new_icon {
position: absolute;
top: 0;
right: 0;
z-index: 10;
}



#detail_page .pickup ul.sale_list li a .image {
margin-top: 6px;
overflow: hidden;
box-sizing: border-box;
border: 1px solid #c8c8c8;
background-color: #fff;
text-align: center;
width: 100%;
position: relative !important;
height: 200px;
}




#detail_page .pickup ul.sale_list li a .image img {
min-width: 207px;
max-height: 207px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
margin: 0 auto;
object-fit: contain;
height: 100%;
width: 100%;
}






#detail_page .pickup ul.sale_list li a .title_box {
margin-top: 20px;
}


#detail_page .pickup ul.sale_list li a .title_box .title {
font-size: 13px;
border-bottom: 1px dotted #000000;
padding-bottom: 10px;
}


#detail_page .pickup ul.sale_list li a .title_box .title dl {
overflow: hidden;
}


#detail_page .pickup ul.sale_list li a .title_box .title dl dt {
height: 20px;
float: left;
width: 4em;
}


#detail_page .pickup ul.sale_list li a .title_box .title dl dd {

}




#detail_page .pickup ul.sale_list li a .title_box .price {
padding-top: 16px;
padding-bottom: 10px;
}



#detail_page .pickup ul.sale_list li a .title_box .price b {
font-weight: bold;
font-size: 18px;
color: #C23D3C;
}






#detail_page .pickup ul.sale_list li a .title_box .price dl {
overflow: hidden;
}


#detail_page .pickup ul.sale_list li a .title_box .price dl dt {
height: 20px;
float: left;
width: 4em;
}

#detail_page .pickup ul.sale_list li a .title_box .price dl dd {
color: #C23D3C;
}







#bottom #left_2c .blog_box {
margin-top: 30px;
margin-bottom: 60px;
}


#bottom #left_2c .blog_box .title_box {

}


#bottom #left_2c .blog_box .title_box .title {
font-size: 20px;
padding-bottom: 10px;
border-bottom: 1px dotted #000000;
font-weight: bold;
}


#bottom #left_2c .blog_box .title_box .date {
color: #AAAAAA;
padding-top: 10px;
padding-bottom: 20px;
} 


#bottom #left_2c .blog_box .description {
font-size: 18px;
    line-height: 1.8em;
    padding-bottom: 40px;
}



#bottom #left_2c .blog_box  .image {
width: 80%;
margin-left: auto;
margin-right: auto; 
margin-bottom: 30px;
}

#bottom #left_2c .blog_box  .image img {
width: 100%;
height: auto;
}



.slider2 img, .thumb img {
    height: auto !important;
    margin: 0 auto;
}


.slider2 img {
/*    width: auto;
    height: 50vw;*/
    min-height: 378px !important;
    object-fit: contain;
    text-align: center;
    width: 100%;
height: 100%;
}


#formWrap .text {
font-size: 16px;
line-height: 2em;
}


#formWrap h4 {
font-size: 15px;
padding-bottom: 20px;
letter-spacing: .1em;
}



#formWrap .button a {
width: 200px;
font-size: 14px;
}

#formWrap .button a:before {
border-style: none;
content: '';
 display: inline-block;
width: 25px;
height: 22px;
background-image: url(/images/page/online_icon.png);
 background-size: contain;
/*vertical-align: -7px;*/
background-repeat: no-repeat;
padding-right: 3px;
position: unset;
}


#formWrap .button a:hover {

}


#formWrap table tr td .notes_block {
display: flex;
margin-bottom: 10px;
margin-top: 10px;
}

#formWrap table tr td .notes_block  p {
padding-right: 3%;
}



 
/*============================================================*/

@media (max-width:1500px) { 

#breadcrumb ul {
max-width: 96%;
}

}



@media (max-width:1200px) { 

.inner {
max-width: 96%;
}

.body {
max-width: 90%;
}


#bottom #left_2c {
width: 100%;
}

#bottom #side {
width: 100%;
}


#waterproof_type .obi, #bottom .obi {
font-size: 34px;
}



}


@media (max-width:1000px) {

#painting_purpose .obi, #painting_type .obi {
font-size: 28px;
}

#painting_purpose .obi span, #painting_type .obi span {
font-size: 40px;
}

#painting_purpose .obi b, #painting_type .obi b {
font-size: 40px;
}

#painting_type ul li .left .painting_txt_years {
font-size: 20px;
letter-spacing: 0;
}

#painting_type ul li .left .painting_txt_years span {
font-size: 16px;
}


.painting_page .sub, .waterproof_page .sub {
font-size: 18px;
}

#painting_purpose ul li .left .painting_txt, #painting_type ul li .left .painting_txt {
font-size: 15px;
}

#waterproof_type .waterproof_list li dl dt {
font-size: 20px;
letter-spacing: .1em;
}


#waterproof_type .waterproof_list li dl dd {
font-size: 15px;
}

#waterproof_type .obi, #bottom .obi {
font-size: 30px;
}

#company_greeting .text {
padding-top: 0;
font-size: 16px;
line-height: 2.3em;
}


}





@media (min-width:1000px) and (max-width:1500px) {


}