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

.mg_l300{
margin-left:300px !important;
}
.sub_title{
font-size:80%;
padding-left:1em;

}
.to_detail{
text-align:right;
margin-bottom:1em;
display: block;
}
.to_detail a{
color:#09afc8;
font-size:1.2em;
margin-bottom:0.5em;
}
#pd .asloc_btn img{
margin-right:1em;
vertical-align:inherit;
}
#pd a.asloc_btn:hover img{
opacity:1;
background:none;
}
i.fa-chevron-circle-right{
margin-left:0.5em;
}
/*工法・技術*/
.ov_hd{overflow: hidden;}
.tech{
overflow:hidden;
}
.tech ul{
margin-right:-20px;

}
.tech li{
float:left;
margin-right:20px;
margin-bottom:20px;
width:189px;
height:230px;
padding:40px 25px;
}

.cl_01{
background:#c7e8fa;
}
.cl_02{
background:#eaf6fd;
}
.cl_04{
color:#09afc8;
text-decoration:underline;
}
.tech li dt{
font-size:18px;
font-weight:bold;
padding-bottom:40px;
}
.tech li dd li{
padding:0 !important;
margin-bottom:0.5em;
width:inherit;
height:inherit;
line-height:1.2;
}
.f_small{
font-size:80%;
}
#tile_deco .f_small{
font-size:70%;
}
.tech li dd li a,
.cl_03{
color:#00479d;
text-decoration: underline;
}
high_spec {
margin-bottom:70px;
}
.high_spec img,
.urethane img,
.coated img{
float:left;
margin:0 30px 30px 0;
}
.fr_img{
float:right;
margin:0 0 30px 30px;
}
.high_spec .pd_title{
color:#09afc8;
font-size:18px !important;
}
h1 span.f_small{
font-size:80%;
}
.plus_box01,
.plus_box02{
width:48%;
}
.plus_box01{
float:left;
}
.plus_box02{
float:right;
}
.text_c{text-align:center;}
.plus_box01 img,
.plus_box02 img{
display:inline-block;
}
#gr_tile_li3{
margin-right:-20px;
}
ul.lineup li{
float:left;
margin-right:20px;
width:240px;
}
.mg_l330{
margin-left:330px;
}
.mg_l370{
margin-left:370px;
}
.w283{width:283px;}
.mg_tb10{margin:10px 0 ;}
.bg_gray{
background:#efefef;
}
.size{
text-align:left !important;
padding-left:1em !important;
}
/************** 工法 *****************/
.tech_list li{
text-align:center;
/*margin-bottom:10px;*/
}
.tech_list li a{
margin-bottom:0 !important;
}
ul.menu_hfl{
margin-left:-20px;
/*	height:335px;*/
overflow: hidden;
}
.tech_category{
/* border-radius */
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
width:360px;
margin-right:10px;
overflow:hidden;
background:#c7e8fa;
padding:10px 3px;
margin-bottom: 10px;
}
.tech_category h3{
text-align:center;
font-size:20px;
}
.bg02{
background:#dceef2;
}
.h272{
height:272px;
}
.h449{
height:449px;
}
.h507{
/* height:507px; */
height:565px;
}

/************** アルカス *****************/
.alcus_table .text_l{
padding:10px 15px;
}
.alcus_table th,
.alcus_table td{
line-height:1.3;
}

/*共通*/
.disp_i{
display:inline !important;
}
.txt_sp{
letter-spacing:-0.05em;
}


/************** デザインパネル ******************/
#pd_contents h5{
font-size:1.2em;
}
.embosslist li{
line-height:0.8;
}
ul.embosslist{
height: 250px;
}

/********こんなところにアスロック********/
#everywhere img{
display:inline;
vertical-align: bottom;
}
body.popup-window{
padding:20px;
}
body.popup-window .cap{
padding-bottom: 5px;
margin-bottom: 30px;
border-bottom: 1px #ddd solid;
overflow:hidden;
}
body.popup-window h2{
float:left;
line-height:3rem;
}

body.popup-window img{
width:98%;
height:auto;
}
body.popup-window h3{
float:right;
padding-right:30px;
}
body.popup-window p{
margin-bottom:1em;
}
body.popup-window #popupa{
text-align:center;
}
body.popup-window #popupa a{
color: #09afc8;
}
.mg_b30{
margin-bottom:30px !important;
}

/*グリーンウォール性能*/
.effi_movie{
margin-left:0 !important;
}
/******** リブWコート ********/
.correspond{
background:url(../coated/lib_w_coat/img/lib_w_img08.jpg) 0 20px no-repeat;
height:442px;
overflow:hidden;
padding-top:15px;
}
.correspond p{
margin-left: 270px;
}
.correspond dl{
border:3px solid #245565;
margin-left:270px;
margin-bottom:10px;
}
.correspond dt{
background-color:#245565;
padding: 2px 5px;
}
.correspond dt a{
color:#fff;
text-decoration:underline;
}
.correspond dd img{
width:100%;
height:auto;
}
.correspond .pd_descipt{
padding-left:270px;
overflow:hidden;
}
.lib_w_coat .pd_descipt img{
float:right;
}
.lib_w_coat .pd_descipt{overflow:hidden;}
small{font-size:12px;}
/*アスロックタフ吸遮音ビルトインタイプ*/
.porecell{
overflow:hidden;
border:1px solid #333;
margin-bottom:4em;
padding:1.5em;
display:inline-block;
}
.porecell .pd_descipt,
.cost_down .pd_descipt{
margin-bottom: 1em !important;
}
.mg_l230{margin-left:230px;}
.point_orange{
background:#f99920;
color:#FFFFFF;
padding:8px 10px;
border-radius:100px;
margin-right:10px;
/*line-height:2.1em;*/
margin-bottom:10px;
display:inline-block;
}

h1 rt {
font-size:27%;
}
.center {
text-align:center;
}
.center img {
margin-left:auto;
margin-right:auto;
}
.btm8 {
margin-bottom:8px;
}
.btm24 {
margin-bottom:24px;
}
.btm32 {
margin-bottom:32px;
}
.imgR {
float:right;
margin:0 0 2px 24px;
}