body{
line-height:1.6;
}
#globalContents{
flex-wrap:wrap;
justify-content:space-between;
}
#masterMain{
width:640px;
margin-right:30px;
}
#masterMain .colBoxHead{
margin:0 0 16px 0;
}
#globalContents a span#new{
background:#e80;
color:#fff!important;
font-size:8px;
font-weight:normal;
padding:0 4px;
margin:0 0 0 8px;
border-radius:2px;
vertical-align:bottom;
text-transform:uppercase;
text-decoration:none!important;
}
.colBoxIcon a{
border:none;
}
.colBoxTitle h3{
line-height:1.6;
}
/*---------------------------------------------------------------------*/
/* ヘッダー */
/*---------------------------------------------------------------------*/
#masterContents{
width:970px;
padding:0 5px 10px 5px;
}
#ITN .ITNInner,
#ITN .colBoxDisplayAd{
margin:0 auto 24px!important;
}

/*---------------------------------------------------------------------*/
/* 見出し */
/*---------------------------------------------------------------------*/
.colBoxHead h2{
font-size:14px;
}

/*---------------------------------------------------------------------*/
/* もっと読む */
/*---------------------------------------------------------------------*/
#masterMain .colBoxPageLink{
clear:both;
margin:16px 0 32px;
text-align:center;
overflow:hidden;
}
#masterMain .colBoxPageLink a{
background:#ddd;
margin:0 auto;
padding:8px 40px 7px;
font-size:14px;
text-decoration:none;
display:inline-block;
}
#masterMain .colBoxPageLink a:hover{
background:#e9e9e9;
text-decoration:none;
color:#777;
}
#masterMain .colBoxInner .colBoxPageLink{
position:absolute;
top:0;
right:0;
margin:0;
}
#masterMain .colBoxInner .colBoxPageLink a{
margin:0 8px 0 0;
padding:3px 10px;
border-radius:0;
font-size:12px;
background:#555;
color:#fff;
}
#masterMain .colBoxInner .colBoxPageLink:after{
content:"";
position:absolute;
top:-4px;
right:0px;
width:0px;
height:0px;
border-left:8px solid #555;
border-bottom:transparent 12px solid;
border-top:transparent 12px solid;
}
#masterMain .colBoxInner .colBoxPageLink a:hover{
color:#aaa;
}

/*---------------------------------------------------------------------*/
/* 編集部ピックアップ */
/*---------------------------------------------------------------------*/
.colBoxTopPickUp{
margin:0 0 10px;
}
.colBoxTopPickUp .colBoxIndex{
position:relative;
float:left;
width:210px;
height:157px;
margin:0 18px 18px 0;
}
.colBoxTopPickUp .colBoxIndex:nth-child(3n){
margin-right:0;
}
.colBoxTopPickUp .colBoxIndex a{
display:block;
overflow:hidden;
border:1px #ddd solid;
}
.colBoxTopPickUp .colBoxIcon{
float:none;
border:none;
display:block;
}
.colBoxTopPickUp .colBoxIcon img{
margin:-1px;
width:210px;
height:157px;
}
.colBoxTopPickUp .colBoxTitle{
position:absolute;
top:90px;
width:208px;
height:66px;
margin:0;
background-color:rgba(00,22,44,0.8);
overflow:hidden;
}
.colBoxTopPickUp .colBoxTitle h3{
padding:5px 8px;
font-size:15px;
line-height:20px;
}
.colBoxTopPickUp a:link,
.colBoxTopPickUp a:visited,
.colBoxTopPickUp a:hover,
.colBoxTopPickUp a:active{
color:#FFF;
}

/*---------------------------------------------------------------------*/
/* この記事もお見逃しなく */
/*---------------------------------------------------------------------*/
.colBoxTopRecommend{
position:relative;
margin-bottom:20px;
}
.colBoxTopRecommend .colBoxIndex{
position:relative;
float:left;
width:120px;
margin:0 16px 0 0;
}
.colBoxTopRecommend .colBoxIndex:nth-child(5n){
margin-right:0;
}
.colBoxTopRecommend .colBoxIndex:nth-child(3n + 1),
.colBoxTopRecommendBottom .colBoxIndex:nth-child(3n + 1){
clear:both!important;
}
.colBoxTopRecommend .colBoxIndex a{
display:block;
}
.colBoxTopRecommend .colBoxIcon,
.colBoxTopRecommendBottom .colBoxIcon{
float:none;
display:block;
height:90px;
}
.colBoxTopRecommend .colBoxIcon img{
margin:-1px;
width:120px;
height:90px;
}
.colBoxTopRecommend .colBoxTitle{
width:120px;
}
.colBoxTopRecommendBottom .colBoxTitle h3,
.colBoxTopRecommend .colBoxTitle h3{
margin:0;
padding:0;
font-size:14px;
}

/*---------------------------------------------------------------------*/
/* レコメンド */
/*---------------------------------------------------------------------*/
.colBoxTopRecommendBottom .colBoxIndex:nth-child(odd){
clear:both;
margin-right:15px;
}
.colBoxTopRecommendBottom .colBoxIcon a{
overflow:hidden;
}
.colBoxTopRecommendBottom .colBoxIcon img{
margin:-1px;
}
.colBoxTopRecommendBottom .colBoxTitle h3 span{
font-weight:normal;
font-size:12px;
}

.colBoxTopRecommendBottom{
margin-bottom:0;
}
.colBoxTopRecommend .colBoxTitle,
.colBoxTopRecommendBottom .colBoxTitle{
width:199px;
padding-bottom:20px;
}
.colBoxTopRecommend .colBoxPageLink{
display:none;
}
#masterMain .colBoxTopRecommendBottom .colBoxPageLink{
margin:20px 20px 50px 10px
}
.colBoxTopRecommend .colBoxIndex,
.colBoxTopRecommendBottom .colBoxIndex{
width:209px;
margin-right:20px;
float:left;
}
.colBoxTopRecommend .colBoxIndex .colBoxIcon img,
.colBoxTopRecommendBottom .colBoxIndex .colBoxIcon img{
width:100%;
height:auto;
}
.colBoxTopRecommend .colBoxTitle span,
.colBoxTopRecommendBottom .colBoxTitle span{
display:none;
}
.colBoxTopRecommend .colBoxIndex:nth-child(even),
.colBoxTopRecommendBottom .colBoxIndex:nth-child(even){
margin-right:20px;
}
.colBoxTopRecommend .colBoxIndex:nth-child(odd),
.colBoxTopRecommendBottom .colBoxIndex:nth-child(odd){
clear:none;
margin-right:20px;
}
.colBoxTopRecommend .colBoxIndex:nth-child(3n),
.colBoxTopRecommendBottom .colBoxIndex:nth-child(3n){
margin-right:0;
}
.colBoxTopRecommend .subttl,
.colBoxTopRecommendBottom .subttl{
display:block!important;
font-size:12px;
font-weight:normal!important;
color:#747474;
}
.colBoxSubTitle h5,
.colBoxSubTitle{
font-size:11px;
line-height:1.6;
font-weight:normal;
color:#333333;
}
#masterMain #ISTCPB .colBoxHeadSubtxt{
color:#333;
}

/*---------------------------------------------------------------------*/
/* colBoxBizitane */
/*---------------------------------------------------------------------*/
#masterMain .colBoxBizitane{
margin-bottom:32px;
}
#masterMain .colBoxBizitane .colBoxHead{
margin-bottom:8px;
}
#masterMain .colBoxBizitane ul,
.colBox3Biz ul,
.sabChannel ul{
padding:0 0 0 10px;
font-size:13px;
line-height:20px;
}
#masterMain .colBoxBizitane ul li,
.colBox3Biz ul li,
.sabChannel ul li{
position:relative;
background:none;
margin:0 0 8px;
padding:4px 4px 6px;
}
#masterMain .colBoxBizitane ul li:last-child,
.colBox3Biz ul li:last-child{
margin:0;
}
#masterMain .colBoxBizitane ul li::after,
.colBox3Biz ul li::after,
.sabChannel ul li::after{
display:block;
content:'';
position:absolute;
top:9px;
left:-1em;
width:6px;
height:6px;
border-right:1px solid #666;
border-bottom:1px solid #666;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.sabChannel ul li::after{
top:6px;
}
.colBox3Biz ul li a{
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
}

/* TOPSTORY */
#masterBody .colBoxTopStories{
width:970px;
}
.colBoxTopStories{
height:auto;
overflow:hidden;
margin:0 auto 12px;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
transition:all 0.5s;
}
.colBoxTopStories .colBoxIndex{
position:relative;
}
.colBoxTopStories .colBoxIcon{
margin:0;
display:block;
}
.colBoxTopStories .colBoxChannel{
position:absolute;
top:0;
left:0;
}
.colBoxTopStories .colBoxLeft{
  width:590px;
margin-bottom:24px;
}
.colBoxTopStories .colBoxLeft .colBoxIndex .colBoxSubTitle{
margin-top: -77px;
position: relative;
margin-bottom: 0;
}
.colBoxTopStories .colBoxLeft .colBoxIndex .colBoxSubTitle h5 {
display: inline-block;
background-color: #FFF;
padding: 4px 4px 0px 0;
}
.colBoxTopStories .colBoxLeft .colBoxIndex .colBoxTitle{
position: relative;
display: inline-block;
background-color: #FFF;
padding: 8px 0 0 0;
}
.colBoxTopStories .colBoxLeft .colBoxIcon{
display:inline;
}
.colBoxTopStories .colBoxLeft .colBoxIcon a{
  width: 100%;
  height: 360px;
  overflow: hidden;
  float: none;
  display: block;
  margin: 0 0 8px;
}
.colBoxTopStories .colBoxLeft .colBoxIcon img{
  width: 125%;
  height: auto;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.colBoxTopStories .colBoxLeft .colBoxIndex .colBoxTitle {
position:relative;
display:inline-block;
background-color:#FFF;
padding:8px 8px 8px 0;
}
.colBoxTopStories .colBoxLeft .colBoxTitle h3{
font-size:24px;
line-height:1.4;
font-weight:bold;
margin:0;
word-break:break-all;
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.colBoxTopStories .colBoxLeft .colBoxSubTitle h5{
font-size:18px;
margin:0;
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
}
.colBoxTopStories .colBoxRight{
 width:350px;
}
.colBoxTopStories .colBoxRight .colBoxIndex{
clear:both;
overflow:hidden;
margin-bottom:16px;
flex-grow:1;
width:100%;
height:auto;
}
.colBoxTopStories .colBoxRight .colBoxIndex:nth-child(n+3) {
display: none;
}
.colBoxTopStories .colBoxRight .colBoxIcon{
  display: inline;
}
.colBoxTopStories .colBoxRight .colBoxIcon a{
  width: 100%;
  height: 140px;
  overflow: hidden;
  float: none;
  display: block;
  margin: 0 0 8px;
}
.colBoxTopStories .colBoxRight .colBoxIcon img{
  width: 100%;
  height: auto;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.colBoxTopStories .colBoxRight .colBoxTitle h3{
font-size:16px;
line-height:1.4;
font-weight:bold;
margin:0;
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
.colBoxTopStories .colBoxRight .colBoxTitle {
  position: relative;
display: inline-block;
background-color: #FFF;
padding: 6px 0 0 0;
margin-bottom: 0;
}
.colBoxTopStories .colBoxRight .colBoxSubTitle{
  margin-top: -30px;
position: relative;
margin-bottom: 0;
}
.colBoxTopStories .colBoxRight .colBoxSubTitle h5{
  display: inline-block;
  background-color: #FFF;
  padding: 4px 4px 0px 0;
}
.colBoxTopStories .colBoxRight .colBoxChannel img{
width:60px;
height:auto;
}
.colBoxTopStories .colBoxLeft .colBoxIcon a:hover,.colBoxTopStories .colBoxRight .colBoxIcon a:hover {
opacity:0.8;
}

/* 新着ニュース */
.colBoxNewNews{
margin:0 0 32px;
}
.colBoxNewNews .colBoxIndex{
margin:0 0 12px;
position:relative;
padding-left:24px;
}
.colBoxNewNews .colBoxIndex::after{
content:'';
display:block;
position:absolute;
top:8px;
left:0;
width:8px;
height:8px;
border-right:1px solid #666;
border-bottom:1px solid #666;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.colBoxNewNews .colBoxTitle{
margin:0;
}
.colBoxNewNews h3{
font-size:16px;
line-height:1.6;
margin:0;
}
.colBoxNewNews h3 a{
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
max-width:568px;
float:left;
}
.colBoxNewNews .colBoxDate{
font-size:10px;
color:#999;
background:url(https://image.itmedia.co.jp/images/update.png) no-repeat left center;
background-size:11px 11px;
padding:1px 0 0 15px;
clear:both;
}
.colBoxNewNews span#new{
color:#C00;
}

/* サブチャンネル誘導枠 */
.sabChannel{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin:0 0 24px;
padding:0;
}
.sabChannel .colBox{
position:relative;
width:48%;
margin:0;
}
.sabChannel .colBoxIndex{
clear:both;
margin:0 0 8px;
overflow:hidden;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.sabChannel .colBoxIndexSet{
width:215px;
}
.sabChannel .colBoxIndex:last-child{
margin:0;
}
.sabChannel .colBoxSubTitle h5{
margin:0;
overflow:hidden;
font-weight:normal;
}
.sabChannel .colBoxTitle h3{
font-size:16px;
line-height:1.2;
margin:0;
}
.sabChannel .colBoxIcon a{
float:none;
width:80px;
height:60px;
margin:0 8px 0 0;
display:block;
}
.sabChannel .colBoxIcon img{
width:100%;
height:auto;
}
.sabChannel .colBoxIcon{
margin:0;
}
.sabChannel .colBoxUlist ul li{
border-bottom:none;
padding:0 4px;
min-height:40px;
word-break:break-all;
}
.sabChannel .colBoxUlist ul li a{
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
/* サブチャンネル */
.colBoxTheme .colBoxInner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.colBoxTheme .colBoxIndex {
width: 190px;
margin-bottom: 24px;
  overflow: hidden;
  position: relative;
}
.colBoxTheme .colBoxIcon {
  display: block;
  margin: 0 0 8px 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  width: 190px;
  height: 100px;
}
.colBoxTheme .colBoxIcon a {
  display: block;
  float: none;
}
.colBoxTheme .colBoxIcon img {
  width: 100%;
  height: auto;
top: 0;
bottom: 0;
right: 0;
left: 0;
position: absolute;
}

/* レコメンド枠 */
.colBoxRecommend.colBox{
overflow:hidden;
position:relative;
margin-bottom:0;
}
.colBoxRecommend .colBoxIndex{
width:190px;
overflow:hidden;
margin-bottom:24px;
position:relative;
}
.colBoxRecommend .colBoxBlanc{
width:200px;
height:0;
}
.colBoxRecommend .colBoxIndex:nth-child(1),
.colBoxRecommend .colBoxIndex:nth-child(2){
margin-right:auto;
}
.colBoxRecommend .colBoxInner{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.colBoxRecommend .colBoxInner:after {
  content: "";
  display: block;
  width: 190px;
}
.colBoxRecommend .colBoxIcon {
display: block;
margin:0 0 8px 0;
padding:0;
position:relative;
overflow:hidden;
width:190px;
height:100px;
}
.colBoxFeatures .colBoxIcon {
display: block;
margin:0;
padding:0;
position:relative;
overflow:hidden;
width:190px;
height:100px;
}
.colBoxRecommend .colBoxIcon a{
width:auto;
margin:0;
display:block;
float:none;
}
.colBoxRecommend .colBoxIcon img{
width:100%;
height:auto;
top:-20px;
bottom: 0;
right: 0;
left: 0;
position: absolute;
}
.colBoxRecommend .colBoxSubTitle {
display:none;
}
.colBoxRecommend .colBoxTitle{
margin:0;
font-size:16px;
}
.colBoxRecommend .colBoxChannel{
position:absolute;
top:0;
left:0;
}
.colBoxRecommend .colBoxChannel img{
width:80px;
height:auto;
}
.colBoxRecommend .colBoxLink,
.colBox3Biz .colBoxLink{
position:absolute;
top:12px;
right:20px;
font-size:12px;
}
.colBoxRecommend .colBoxLink::after,
.colBox3Biz .colBoxLink::after{
content:'';
display:inline-block;
border-top:5px solid transparent;
border-bottom:5px solid transparent;
border-left:7px solid #000;
position:absolute;
top:3px;
right:-14px;
}
.colBox3Biz{
margin-bottom:32px;
}
.colBoxRecommend .colBoxSubTitle h5 {
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
}
.colBoxRecommend .colBoxTitle h3 {
overflow:hidden;
line-height:1.4;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
.colBoxRecommend #ITINF .colBoxSubTitle h5,
.colBoxRecommend #ITINF .colBoxTitle h3 {
display:block;
}
.colBoxFeatures .colBox{
padding:24px;
background:#f4f4f4;
}
.colBoxFeatures .colBoxInner {
display:block;
}
#colBoxFeatures1 {
padding: 16px 24px 16px 24px;
background: #f4f4f4;
}
.colBoxFeatures .colBoxIcon a img {
width:100%;
}
.colBoxFeatures .colBoxIcon a{
margin:0 !important;
}
#masterMain .colBoxHead{
background:none !important;
}
.colBoxIndexLeft {
margin-right: 16px;
}