/* 201809 colBoxCategoryArt */
#masterMain .colBoxCategoryArt{
margin-bottom:32px;
clear:both;
}
.colBoxCategoryArt .colBoxHead h2{
font-size:20px;
color:#408cb3;
}
#masterMain #colBoxJibun.colBoxCategoryArt,
#masterMain #colBoxEL.colBoxCategoryArt{
margin-bottom:40px;
}
.colBoxCategoryArt .colBoxInnerHead{
position:relative;
}
.colBoxCategoryArt .colBoxInnerHead h2{
font-size:18px;
line-height:1.4;
}
.colBoxCategoryArt .colBoxIndex{
margin-bottom:8px;
overflow:hidden;
}
.colBoxCategoryArt .colBoxDescription{
margin-bottom:0;
padding-left:142px;
}
#colBoxFeatures.colBoxCategoryArt .colBoxDescription{
padding-left:0;
}
#colBoxFeatures.colBox .colBoxIcon a{
margin:0 20px 6px 0;
}
.colBoxCategoryArt .titleList{
margin-bottom:0;
clear:none;
}
.colBoxCategoryArt .titleList li,
.colBoxInnerEL .colBoxUlist ul li{
background-position:0 5px;
margin-bottom:12px;
padding-left:12px;
}
#masterMain .colBoxCategoryArt .titleList li a,
#masterMain .colBoxInnerEL #js-topELIndex .colBoxUlist a{
font-size:15px;
line-height:1.4;
}
.colBoxCategoryArt h3{
font-size:21px;
display:inline;
}
.colBoxCategoryArt .titleList h3{
font-weight:normal;
font-size:15px;
line-height:1.4;
}
.colBoxSubTitle p{
 color:#666;
font-size:12px;
line-height:1.4;
margin:0;
font-weight:600;
}
#masterMain .colBoxCategoryArt .titleList h3 a{
font-size:inherit;
line-height:inherit;
}
.colBoxCategoryArtTop .titleList{
margin-bottom:10px;
}
.colBoxCategoryArt .colBoxHead{
border-top:none;
border-bottom:3px solid #408cb3;
margin-left:0;
margin-bottom:16px;
width:100%;
padding:9px 0 5px;
clear:both;
}
.colBoxCategoryArt .colBoxHead h2 a:link,
.colBoxCategoryArt .colBoxHead h2 a:visited,
.colBoxCategoryArt .colBoxInnerHead h2 a:link,
.colBoxCategoryArt .colBoxInnerHead h2 a:visited{
color:#408cb3;
}
#colBoxGT .colBoxNewtxt,
.colBoxCategoryArt .colBoxNewtxt{
font-size:16px;
margin:0 0 0 8px;
display:inline-block;
}
#colBoxGT .GTRightBox .colBoxNewtxt{
font-size:14px;
}
.colBoxCategoryArt .colBoxIndexDate p{
text-align:left;
padding:0;
}
.colBoxCategoryArt .colBoxTitle,
.colBoxCategoryArt .colBoxSubTitle{
margin-bottom:0;
}
#colBoxFeatures.colBoxCategoryArt .colBoxTitle{
margin-bottom:5px;
}
.colBoxCategoryArt .moreLink a{
top:6px;
right:-4px;
}
#colBoxEL{
margin-top:20px;
}
/*---------------------------------------------------------------------*/
/* 20140901 colBoxAnnounce */
/*---------------------------------------------------------------------*/
.colBoxAnnounce .colBoxTitle,
.colBoxAnnounce .colBoxSubTitle,
.colBoxAnnounce .colBoxDescription,
.colBoxTopNewArticle .colBoxTitle,
.colBoxTopNewArticle .colBoxSubTitle,
.colBoxTopNewArticle .colBoxDescription{
padding-left:90px;
}
.colBoxAnnounce .colBoxIndex{
margin-bottom:10px;
}
.colBoxAnnounce .colBoxTitle h3{
font-size:16px;
font-weight:bold;
}
.colBoxAnnounce .colBoxDescription{
margin-bottom:0;
}
.colBoxAnnounce .colBoxClear{
height:0;
}
/*---------------------------------------------------------------------*/
/* 20140708 colBoxPageLinkMore  */
/*---------------------------------------------------------------------*/
.colBoxPageLinkMore{
margin:0 0 25px;
text-align:center;
background:#DDD;
}
.colBoxPageLinkMore a{
color:#777;
display:block;
padding:10px;
font-size:15px;
}
/*---------------------------------------------------------------------*/
/* 201809 GT  */
/*---------------------------------------------------------------------*/
#globalContents{
padding-top:0;
border:none;
}
#GTArea{
min-height:498px;
margin:0 0 24px;
}
#GTArea .colBoxInner{
overflow:hidden;
min-height:397px;
}
.GTLinkMore{
clear:both;
margin:0;
text-align:center;
}
.GTLinkMore a{
background:#408cb3;
color:#FFF;
display:block;
padding:10px;
font-size:15px;
}
.GTLinkMore a:hover{
color:#FFF;
background:#669fbd;
transition:all 0.5s;
text-decoration:none;
}
#masterMain #colBoxGTmenu{
margin-bottom:20px;
}
#colBoxGTmenu ul{
display:flex;
}
#colBoxGTmenu ul,
#colBoxGTmenu li{
list-style:none;
margin:0;
padding:0;
}
#colBoxGTmenu li{
width:25%;
margin-right:4px;
text-align:center;
border-bottom:4px solid #d9d9d9;
transition:all 0.5s;
}
#colBoxGTmenu li a{
font-size:14px;
line-height:2.4;
font-weight:bold;
padding:0;
color:#727272;
width:100%;
display:block;
transition:all 0.5s;
}
#colBoxGTmenu li.manuSmall a{
font-size:12px;
letter-spacing:-0.4px;
padding-top:2px;
}
#colBoxGTmenu li:hover{
border-bottom:4px solid #669fbd;
transition:all 0.5s;
}
#colBoxGTmenu li a:hover{
text-decoration:none;
color:#669fbd;
transition:all 0.5s;
}
#colBoxGTmenu li.Active{
border-bottom:4px solid #408cb3;
}
#colBoxGTmenu li.Active a{
color:#408cb3;
}
#colBoxGT{
overflow:hidden;
transition:all ease-out 0.3s;
}
#colBoxGT .GTLeft{
width:320px;
float:left;
margin-bottom:10px;
}
#colBoxGT.colBox .GTLeft .colBoxIcon a{
float:none;
border:none;
margin:0 0 10px;
display:block;
width:320px;
height:240px;
overflow:hidden;
position:relative;
}
#colBoxGT .GTLeft .colBoxIcon img{
width:100%;
height:auto;
position:absolute;
top:0;
bottom:0;
right:0;
left:0;
margin:auto;
}
#colBoxGT .GTLeft .colBoxIcon.GTLeftH img{
width:auto;
height:100%;
}
#colBoxGT .colBoxSubTitle{
margin:0 0 5px;
}
#colBoxGT.colBox .colBoxTitle{
margin-bottom:0;
}
#colBoxGT .GTLeft .colBoxTitle h3{
font-size:20px;
line-height:1.4;
text-align:justify;
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
#colBoxGT .GTRightBox{
width:280px;
float:right;
}
#colBoxGT .GTRight .colBoxIcon img{
width:120px;
height:90px;
}
#colBoxGT.colBox .GTRight .colBoxIcon a{
border:none;
margin:0 10px 0 0;
display:block;
}
#colBoxGT .GTRight .colBoxTitle{
margin-left:130px;
word-break:break-all;
text-align:justify;
}
#colBoxGT .GTRightBox .colBoxIndex{
min-height:70px;
}
#colBoxGT .colBoxIndex.GTRight{
margin-bottom:30px;
overflow:hidden;
}
#colBoxGT .colBoxIndex.GTRight:nth-child(3){
margin-bottom:0;
}
#colBoxGT .GTRight .colBoxTitle h3{
font-size:14px;
line-height:1.4;
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:5;
}
#colBoxGT .GTRight .colBoxTitle h3 a{
letter-spacing:-0.1px;
}
/* NewsInsight  */
#NewsInsight .prLinkList{
padding-left:24px;
background:url(https://image.itmedia.co.jp/ait/images/top_adtxt_bg.gif) no-repeat 0 4px;
}
#NewsInsight .colBoxIcon a{
display:block;
width:120px;
height:90px;
}

/* エンジニアライフ枠 */
.colBoxInnerEL .colBoxIcon a{
display:block;
overflow:hidden;
width:120px;
height:90px;
margin:0 20px 18px 0;
}
.colBoxInnerEL .colBoxUlist{
/clear:both;
}
.colBoxInnerEL img{
width:100%;
height:auto;
position:relative;
top:50%;
left:50%;
-webkit-transform: translate(-50%, -50%);
transform:translate(-50%, -50%);
}

/* GAM */
#TopLink.noad{
display:none
}
#TopLink .gam_headline{
border-bottom:3px solid #408cb3;
margin-left:0;
margin-bottom:16px;
width:100%;
padding:9px 0 5px;
clear:both;
font-size:20px;
line-height:1.4;
color:#408cb3;
position:relative;
font-weight:bold;
}
#TopLink .gam_prmark{
top:16px;
}