#masterMain {
width:670px;
}
/* FEATURES */
.colBoxFeatures .colBoxTitle h3{
font-size:17px;
line-height:25px;
font-weight:bold;
}
.colBoxFeatures{
margin-bottom:20px;
}
.colBoxFeatures .colBoxInner{
display:flex;
flex-wrap:wrap;
width:668px;
}
.colBoxFeatures .colBoxIndex{
width:210px;
margin:0 18px 15px 0;
}
.colBoxFeatures .colBoxIndex:nth-child(3n){
margin:0 0 15px 0;
}
.colBoxFeatures .colBoxIcon a{
display:block;
margin:0 0 10px;
width:210px;
height:118px;
overflow:hidden;
}
.colBoxFeatures .colBoxIcon img{
width:210px;
height:initial;
}
/* TOP STORIES (OG画像利用) */
.colBoxTopStories-og{
margin:0 0 20px 0;
}
.colBoxTopStories-og .colBoxInner{
padding:0;
}
.colBoxTopStories-og .colBoxTitle h3{
padding:0 2px;
}
.colBoxTopStories-og .colBoxSocialButton{
float:right;
margin:15px;
font-size:12px;
color:#FFF;
text-align:center;
}
.colBoxTopStories-og .colBoxSocialButton a{
display:block;
width:30px;
height:30px;
margin:0 0 3px 0;
text-indent:-9999px;
}
.colBoxTopStories-og .colBoxSocialButton-Twitter a{
background:#FFF url(https://image.itmedia.co.jp/pcuser/images/icon_snsbtn_X.png) no-repeat 0 0;
}
.colBoxTopStories-og .colBoxSocialButton-Facebook a{
background:#FFF url(https://image.itmedia.co.jp/pcuser/images/icon_snsbtn_facebook2.png) no-repeat 0 0;
}
/* 上段 - TypeA */
.colBoxTopStories-og-TypeA .colBoxTopStoriesTop .colBoxIndex{
padding:0;
background:#444;
}
.colBoxTopStories-og-TypeA .colBoxTopStoriesTop .colBoxIcon{
display:block;
margin:0;
}
.colBoxTopStories-og-TypeA .colBoxTopStoriesTop .colBoxIcon a{
float:none;
display:block;
width:100%;
height:378px;
margin:0;
overflow:hidden;
box-sizing:border-box;
border:none;
}
.colBoxTopStories-og-TypeA .colBoxTopStoriesTop .colBoxIcon img{
width:100%;
height:auto;
}
.colBoxTopStories-og-TypeA .colBoxTopStoriesTop .colBoxTitle h3{
margin:0;
padding:15px;
min-height:60px;
font-size:27px;
line-height:37px;
}
.colBoxTopStories-og-TypeA .colBoxTopStoriesTop .colBoxTitle h3 a:link,
.colBoxTopStories-og-TypeA .colBoxTopStoriesTop .colBoxTitle h3 a:visited{
color:#FFF;
}
.colBoxTopStories-og-TypeA .colBoxSocialButton-Facebook{
margin:15px 0 15px 15px;
}
/* 上段 - TypeB */
.colBoxTopStories-og-TypeB .colBoxTopStoriesTop{
display:flex;
justify-content:space-between;
}
.colBoxTopStories-og-TypeB .colBoxTopStoriesTop .colBoxIndex{
width:325px;
}
.colBoxTopStories-og-TypeB .colBoxTopStoriesTop .colBoxIcon a{
display:block;
width:100%;
height:170px;
margin:0 0 10px;
overflow:hidden;
box-sizing:border-box;
}
.colBoxTopStories-og-TypeB .colBoxTopStoriesTop .colBoxIcon img{
width:100%;
height:auto;
}
.colBoxTopStories-og-TypeB .colBoxTopStoriesTop .colBoxTitle h3{
font-size:22px;
line-height:34px;
}
.colBoxTopStories-og-TypeB .colBoxSocialButton{
margin:0 0 5px 10px;
color:#3a569f;
}
/* 下段 */
.colBoxTopStoriesBtm{
display:flex;
justify-content:space-between;
}
.colBoxTopStoriesBtm .colBoxIndex{
width:210px;
padding:0 0 15px 0;
}
.colBoxTopStoriesBtm .colBoxIcon{
display:block;
margin:0 0 10px 0;
background:#FFF url(https://image.itmedia.co.jp/images/logo/250_mobile_bgw.gif) no-repeat 0 0;
background-position:54% 45%;
background-size:75%;
}
.colBoxTopStoriesBtm .colBoxIcon.noicon{
text-indent:-9999px;
}
.colBoxTopStoriesBtm .colBoxIcon a{
float:none;
display:block;
width:210px;
height:115px;
margin:0;
overflow:hidden;
box-sizing:border-box;
}
.colBoxTopStoriesBtm .colBoxIcon img{
width:210px;
height:initial;
}
.colBoxTopStoriesBtm .colBoxTitle h3{
font-size:18px;
line-height:25px;
}
/* 新着記事 */
.colBoxNews{
margin:0 0 20px;
}
.colBoxNews .colBoxIcon a{
display:block;
width:240px;
height:135px;
overflow:hidden;
margin:0 15px 15px 0;
}
.colBoxNews .colBoxIcon img{
width:240px;
height:initial;
}
.colBoxNews .colBoxSubTitle{
display:table;
}
.colBoxNews .colBoxSubTitle h5{
display:table;
font-size:16px;
line-height:22px;
}
.colBoxNews .colBoxSubTitle span{
float:left;
display:block;
width:90px;
height:20px;
margin:0 8px 3px 0;
text-align:center;
font-size:12px;
line-height:20px;
font-weight:normal;
background:#333;
color:#fff;
}
.colBoxNews .colBoxNewsMoreBtn{
text-align:center;
margin:0 0 10px;
}
.colBoxNews .colBoxNewsMoreBtn a,
.colBoxNews .colBoxNewsMoreBtn span{
display:block;
width:200px;
margin:0 auto;
padding:10px;
font-size:14px;
color:#555;
border:1px #DDD solid;
border-radius:5px;
background:#EEE;
cursor:pointer;
}
.colBoxNews .colBoxNewsMoreBtn a:hover,
.colBoxNews .colBoxNewsMoreBtn span:hover{
text-decoration:none;
background:#DDD;
}
/* 連載 2016 */
.colBoxSeries{
margin:0 0 20px;
}
.colBoxSeries .colBoxHeadSublink{
position:absolute;
top:6px;
right:5px;
padding:5px 15px;
border:1px #DDD solid;
background:#FFF;
font-size:12px;
line-height:12px;
}
.colBoxSeries .colBoxHeadSublink a:link{
color:#555;
}
.colBoxSeries .colBoxHeadSublink a:hover{
color:#999;
text-decoration:none;
}
.colBoxSeries .colBoxIndex{
margin-bottom:8px;
}
.colBoxSeries .colBoxIndex:nth-child(2n+1){
clear:both;
float:left;
width:48%;
}
.colBoxSeries .colBoxIndex:nth-child(2n){
float:right;
width:48%;
}
.colBoxSeries .colBoxTitle h3{
font-size:16px;
line-height:22px;
}
.colBoxSeries .colBoxTitle h3::before{
content:"\30fb";
color:#666
}
/* GAM SpecialLink */
#SpecialLink{
overflow:hidden;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
#SpecialLink.noad,
#TopBox.noad,
#TopLink.noad{
display:none;
}
/* GAM タイトル */
#masterMain .gam_headline{
width:658px;
font-size:17px;
line-height:21px;
font-weight:600;
margin-bottom:16px;
padding:10px 10px 6px 2px;
border-bottom:3px solid #333;
color:#555;
position:relative;
clear:both;
}
#masterMain .gam_prmark{
position:absolute;
border:#CCC 1px solid;
padding:2px;
font-weight:400;
font-size:11px;
line-height:13px;
top:12px;
right:4px;
font-family:Arial;
color:#666;
}