@import url('/css/top.css');
#globalContents {
padding:0 5px 20px;
}
#masterMain {
padding:18px 0 0;
}
#masterMain .colBoxNewArt a:visited,
#masterMain .colBoxHotTopic a:visited,
#masterMain .colBoxTopRanking a:visited {
color:#999;
}

/* colBoxTopics */
#masterMain .colBoxTopics .colBoxInner {
margin-left:-4%;
}
#masterMain .colBoxTopics .colBoxIndex {
position:relative;
float:left;
margin:0 0 0 4%;
width:29.3%;
}
#masterMain .colBoxTopics .colBoxIndex .colBoxIcon {
text-align:center;
margin-bottom:17px;
}
#masterMain .colBoxTopics .colBoxIndex .colBoxIcon a {
float:none;
margin:0;
}
#masterMain .colBoxTopics .colBoxIndex .colBoxIcon img {
float:none;
}
#masterMain .colBoxTopics .colBoxIndex .colBoxTitle {
margin-bottom:7px;
}
#masterMain .colBoxTopics .colBoxIndex .colBoxTitle h3 {
font-size:16px;
line-height:24px;
}
#masterMain .colBoxTopics .colBoxIndex .colBoxKeyword {
font-size:14px;
color:#2090ff;
}
#masterMain .colBoxTopics .colBoxIndex .colBoxDate {
color:#b3b3b3;
font-size:11px;
}

/* colBoxTopStories */
#masterMain #colBoxTopStories .colBoxInfo {
float:left;
}
.colBoxSocialButtonsL {
float:right;
}
.colBoxSocialButtonsL .colBoxUlType2 li {
float:left;
padding-left:5px;
}

#masterMain .colBoxTopStories .colBoxInner {
margin-left:-4%;
}
#masterMain .colBoxTopStories .colBoxIndex {
float:left;
width:29.3%;
position:relative;
margin:0 0 0 4%;
}
#masterMain .colBoxTopStories .colBoxIndex .colBoxIcon {
text-align:center;
margin-bottom:17px;
position:relative;
background-color:#FFF;
}
#masterMain .colBoxTopStories .colBoxIndex .colBoxIcon a {
float:none;
margin:0;
display:table-cell;
vertical-align:middle;
width:100%;
height:127px;
}
#masterMain .colBoxTopStories .colBoxIndex:nth-of-type(1) .colBoxIcon a,
#masterMain .colBoxTopStories .colBoxIndex:nth-of-type(2) .colBoxIcon a {
width:310px;
height:194px;
}
#masterMain .colBoxTopStories .colBoxIndex .colBoxIcon img {
float:none;
width:100%;
}
#masterMain .colBoxTopStories .colBoxIndex:nth-of-type(1) .colBoxIcon img,
#masterMain .colBoxTopStories .colBoxIndex:nth-of-type(2) .colBoxIcon img {
opacity:0;
transition:all 0.3s;
}
#masterMain .colBoxTopStories .colBoxIndex:nth-of-type(3) .colBoxIcon img,
#masterMain .colBoxTopStories .colBoxIndex:nth-of-type(4) .colBoxIcon img,
#masterMain .colBoxTopStories .colBoxIndex:nth-of-type(5) .colBoxIcon img,
#masterMain .colBoxTopStories .colBoxIndex:nth-of-type(6) .colBoxIcon img {
position:relative;
top:-10px;
}
#masterMain .colBoxTopStories .colBoxIndex .colBoxTitle {
margin-bottom:7px;
}
#masterMain .colBoxTopStories .colBoxIndex .colBoxKeyword {
position:absolute;
font-size:11px;
line-height:11px;
border:1px solid #343434;
background:#FFF;
top:5px;
left:5px;
padding:2px 8px;
}
#masterMain .colBoxTopStories .colBoxIndex .colBoxDate {
color:#b3b3b3;
font-size:12px;
}
#masterMain .colBoxTopStories .colBoxIndex:nth-of-type(1),
#masterMain .colBoxTopStories .colBoxIndex:nth-of-type(2) {
width:310px;
margin-bottom:12px;
}
#masterMain .colBoxTopStories .colBoxIndexTop {
margin-bottom:39px;
}
#masterMain .colBoxTopStories .colBoxIndexTop .colBoxContents .colBoxContentsInner {
padding:23px 23px 42px;
}
#masterMain .colBoxTopStories .colBoxIndexTop .colBoxIcon {
height:268px;
}
#masterMain .colBoxTopStories .colBoxIndexTop .colBoxTitle h3 {
line-height:32px;
font-size:24px;
}
#masterMain .colBoxTopStories .colBoxIndexTop .colBoxSocialButton {
padding:0 0 11px 24px;
}
#masterMain .colBoxTopStories .colBoxIndexBtm .colBoxContents .colBoxContentsInner {
padding:23px 16px 42px;
}
#masterMain .colBoxTopStories .colBoxIndexBtm .colBoxIcon {
height:300px;
}
#masterMain .colBoxTopStories .colBoxIndexBtm .colBoxTitle h3 {
line-height:20px;
font-size:14px;
}
#masterMain .colBoxTopStories .colBoxIndexBtm .colBoxSocialButton {
padding:0 0 11px 16px;
}
#masterMain .colBoxTopStories .colBoxIndex .colBoxIcon {
height:127px;
overflow:hidden;
}
#masterMain .colBoxTopStories .colBoxIndex:nth-of-type(1) .colBoxIcon,
#masterMain .colBoxTopStories .colBoxIndex:nth-of-type(2) .colBoxIcon {
height:194px;
overflow:hidden;
}

/* colBoxTopRanking */
.colBoxTopRanking .colBoxIndex .colBoxTitle h3 {
font-size:16px;
line-height:24px;
}

/* colBoxHotTopic */
#masterMain .colBoxHotTopic {
float:right;
width:31%;
}
#masterMain .colBoxHotTopic .colBoxIndex {
margin-bottom:23px;
padding-bottom:7px;
border-bottom:1px solid #CCC;
}
#masterMain .colBoxHotTopic .colBoxIndex .colBoxIconSet {
position:relative;
min-height:23px;
}
#masterMain .colBoxHotTopic .colBoxIndex .colBoxIcon {
float:none;
width:auto;
text-align:center;
margin-bottom:14px;
height:129px;
overflow:hidden;
}
#masterMain .colBoxHotTopic .colBoxIndex .colBoxIcon a {
margin:0;
display:block;
float:none;
}
#masterMain .colBoxHotTopic .colBoxIndex .colBoxIcon a img {
margin:0;
float:none;
position:relative;
top:-13px;
}
#masterMain .colBoxHotTopic .colBoxIndex .colBoxTitle {
margin-bottom:8px;
}
#masterMain .colBoxHotTopic .colBoxIndex .colBoxTitle h3 {
line-height:26px;
}
#masterMain .colBoxHotTopic .colBoxIndex .colBoxContents {
position:relative;
padding-bottom:0;
}
#masterMain .colBoxHotTopic .colBoxIndex .colBoxKeyword {
position:absolute;
font-size:11px;
line-height:11px;
border:1px solid #343434;
background:#FFF;
top:2px;
left:2px;
padding:2px 8px;
}
#masterMain .colBoxHotTopic .colBoxIndex .colBoxDate {
color:#b3b3b3;
font-size:11px;
}

/* colBoxNewArt */
#masterMain .colBoxNewArt {
float:left;
width:64.4%;
}
#masterMain .colBoxNewArt .colBoxIndex {
margin-bottom:16px;
padding-bottom:16px;
border-bottom:1px solid #CCC;
}
#masterMain .colBoxNewArt .colBoxIndex .colBoxIcon {
float:left;
width:80px;
height:60px;
margin:0 5px 3px 0;
}
#masterMain .colBoxNewArt .colBoxIndex .colBoxIcon a {
margin:0;
}
#masterMain .colBoxNewArt .colBoxIndex .colBoxIcon img {
width:80px;
height:60px;
}
#masterMain .colBoxNewArt .colBoxIndex .colBoxTitle h3 {
line-height:26px;
}
#masterMain .colBoxNewArt .colBoxIndex .colBoxContents {
margin-left:105px;
position:relative;
padding-bottom:25px;
min-height:42px;
}
#masterMain .colBoxNewArt .colBoxIndex .colBoxKeyword {
position:absolute;
left:0;
bottom:0;
font-size:14px;
color:#2090ff;
}
#masterMain .colBoxNewArt .colBoxIndex .colBoxInfo {
position:absolute;
right:0;
bottom:0;
}
#masterMain .colBoxNewArt .colBoxIndex .colBoxDate {
color:#b3b3b3;
font-size:11px;
}

/* moreLink */
.moreLink {
margin:0 0 30px;
}
.moreLink a {
display:block;
width:300px;
padding:10px 0;
margin:0 auto;
text-align:center;
font-size:16px;
line-height:24px;
border:1px solid #CCC;
}
.moreLink a:hover {
background:#EEE;
}
#globalHeaderSearch {
padding:18px 10px 23px;
}

/* ITN */
#ITN {
margin:0 auto;
}
#ITN .ITNInner,
#ITN .colBoxDisplayAd {
margin:0 auto 20px!important;
}

/* くらテク */
#masterMain #colBoxLifestyle.colBox {
margin-bottom:0;
}
#colBoxLifestyle .colBoxIndex {
width:48%;
margin:0 0 16px 0;
}
#colBoxLifestyle .colBoxIconDefaultBg a {
width:80px;
height:60px;
margin:0 25px 0 0;
background:url(//image.itmedia.co.jp/news/images/top_lifestyle.jpg) no-repeat 0 0;
}
#colBoxLifestyle .colBoxTitle {
line-height:24px;
padding:0 0 0 105px;
}
#colBoxLifestyle .colBoxInfo {
text-align:right;
}
#colBoxLifestyle .colBoxSubTitle {
margin:0;
}
#colBoxLifestyle .colBoxInfo .colBoxDate {
font-size:11px;
}
#colBoxLifestyle .colBoxIndex:nth-child(odd) {
float:left;
clear:both;
}
#colBoxLifestyle .colBoxIndex:nth-child(even) {
float:right;
}

/* 注目 */
#colBoxAttention .colBoxIndex {
margin:0 0 16px 0;
}
#colBoxAttention .colBoxHead h2 {
letter-spacing:0;
}
#colBoxAttention .colBoxTitle {
line-height:24px;
padding:0 0 0 105px;
}