/* FEATURES上段／中断 */
.colBoxFeaturesGen1 .colBoxIndex,
.colBoxFeaturesGen2 .colBoxIndex {
float:left;
width:48%;
}
.colBoxFeaturesGen1 .colBoxIndex.colBoxRight,
.colBoxFeaturesGen2 .colBoxIndex.colBoxRight {
float:right;
}

/* FEATURES PR ＆ オススメ特集 */
.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_twitter.png) no-repeat 0 0;
}
.colBoxTopStories-og .colBoxSocialButton-Facebook a {
background:#FFF url(https://image.itmedia.co.jp/pcuser/images/icon_snsbtn_facebook.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:282px;
}
.colBoxTopStories-og-TypeB .colBoxTopStoriesTop .colBoxIcon a {
display:block;
width:100%;
height:176px;
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:16px;
font-weight:bold;
line-height:32px;
}
.colBoxTopStories-og-TypeB .colBoxSocialButton {
margin:0 0 5px 10px;
color:#3a569f;
}
/* 下段 */
.colBoxTopStoriesBtm {
display:flex;
justify-content:space-between;
}
.colBoxTopStoriesTop .colBoxIcon,
.colBoxTopStoriesBtm .colBoxIcon {
display:block;
margin:0 0 10px 0;
background:#FFF url(https://image.itmedia.co.jp/images/logo/250_fav_bgw.gif) no-repeat 0 0;
background-position:54% 45%;
background-size:75%;
}
.colBoxTopStoriesTop .colBoxIcon.noicon,
.colBoxTopStoriesBtm .colBoxIcon.noicon {
text-indent:-9999px;
}
.colBoxTopStoriesBtm .colBoxIndex {
width:180px;
padding:0 0 15px 0;
}
.colBoxTopStoriesTop .colBoxIcon a,
.colBoxTopStoriesBtm .colBoxIcon a {
float:none;
display:block;
margin:0;
overflow:hidden;
box-sizing:border-box;
}
.colBoxTopStoriesTop .colBoxIcon a {
width:282px;
height:176px;
}
.colBoxTopStoriesBtm .colBoxIcon a {
width:180px;
height:108px;
}

.colBoxTopStoriesBtm .colBoxIcon img {
width:180px;
height:initial;
}
.colBoxTopStoriesBtm .colBoxTitle h3 {
font-size:16px;
font-weight:bold;
line-height:32px;
}

/* wideデザイン */
.colBoxTopStoriesTop--wide,
.colBoxTopStoriesBtm--wide {
  display:flex;
  justify-content:space-between;
  }
  .colBoxTopStoriesTop--wide .colBoxIcon,
  .colBoxTopStoriesBtm--wide .colBoxIcon {
  display:block;
  margin:0 0 10px 0;
  background:#FFF url(https://image.itmedia.co.jp/images/logo/250_fav_bgw.gif) no-repeat 0 0;
  background-position:54% 45%;
  background-size:75%;
  }
  .colBoxTopStoriesTop--wide .colBoxIcon.noicon,
  .colBoxTopStoriesBtm--wide .colBoxIcon.noicon {
  text-indent:-9999px;
  }
  .colBoxTopStoriesTop--wide .colBoxIndex,
  .colBoxTopStoriesBtm--wide .colBoxIndex {
  width:220px;
  padding:0 0 15px 0;
  }
  .colBoxTopStoriesTop--wide .colBoxIcon a,
  .colBoxTopStoriesBtm--wide .colBoxIcon a {
  float:none;
  display:block;
  margin:0;
  overflow:hidden;
  box-sizing:border-box;
  }
  .colBoxTopStoriesTop--wide .colBoxIcon a,
  .colBoxTopStoriesBtm--wide .colBoxIcon a {
  width:220px;
  height:132px;
  }
  
  .colBoxTopStoriesBtm--wide .colBoxIcon img,
  .colBoxTopStoriesTop--wide .colBoxIcon img {
  width:220px;
  height:initial;
  }
  .colBoxTopStoriesTop--wide .colBoxTitle h3,
  .colBoxTopStoriesBtm--wide .colBoxTitle h3 {
  font-size:16px;
  font-weight:bold;
  line-height:32px;
  }

/* 新着記事 */
.colBoxNews {
margin:0 0 20px;
}
.NewsArticleBoxmore {
opacity:0;
}
.NewsArticleBoxmore.Active {
opacity:1;
transition:all 0.75s;
}
.colBoxNews .colBoxIcon a {
display:block;
width:240px;
height:135px;
overflow:hidden;
margin:0 15px 15px 0;
}
.colBoxNews .colBoxIcon img {
width:240px;
height:initial;
margin:0;
}
.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:"・";
color:#666
}
/* TOT Special Banner */
.colBoxTotspecial .colBoxOuter {
background:none;
border:none;
}

/* 旧 TOP STORIES - 切替完了後に削除 rm49238 */
/* TOP STORIES 2016 */
.colBoxTopStories {
margin:0 0 20px 0;
}
#masterMain .colBoxTopStories .colBoxInner {
margin:0 auto;
padding:10px;
width:630px;
}
#masterMain .colBoxTopStories .colBoxIndex {
padding:0 0 15px 0;
}
.colBoxTopStories .colBoxIcon {
display:block;
margin:0 0 10px 0;
background:#FFF url(https://image.itmedia.co.jp/images/logo/250_fav_bgw.gif) no-repeat 0 0;
background-position:54% 45%;
background-size:75%;
}
.colBoxTopStories .colBoxIcon.noicon {
text-indent:-9999px;
}
#masterMain .colBoxTopStories .colBoxIcon a {
float:none;
display:block;
margin:0;
overflow:hidden;
}
.colBoxTopStories .colBoxSocialButton {
float:right;
margin:0 0 10px 10px;
font-size:12px;
color:#777;
text-align:center;
}
.colBoxTopStories .colBoxSocialButton a {
display:block;
width:30px;
height:30px;
margin:0 0 3px 0;
text-indent:-9999px;
}
.colBoxTopStories .colBoxSocialButton-Twitter a {
background:#FFF url(https://image.itmedia.co.jp/pcuser/images/icon_snsbtn_twitter.png) no-repeat 0 0;
}
.colBoxTopStories .colBoxSocialButton-Facebook a {
background:#FFF url(https://image.itmedia.co.jp/pcuser/images/icon_snsbtn_facebook.png) no-repeat 0 0;
}
.colBoxTopStories .colBoxTitle h3 {
font-size:17px;
line-height:25px;
}
/* TOP STORIES - TypeA */
#masterMain .colBoxTopStories.typeA .colBoxInner {
width:620px;
}
#masterMain .colBoxTopStories.typeA .colBoxIcon a {
width:620px;
height:180px;
}
.colBoxTopStories.typeA .colBoxIcon img {
width:620px;
}
.colBoxTopStories.typeA .colBoxTitle h3 {
font-size:20px;
line-height:28px;
}
/* TOP STORIES - TypeB */
.colBoxTopStories.typeB .colBoxIndex:nth-child(1n) {
width:290px;
float:left;
}
.colBoxTopStories.typeB .colBoxIndex:nth-child(2n) {
float:right;
}
.colBoxTopStories.typeB .colBoxIndex:nth-child(3n) {
clear:both;
}
#masterMain .colBoxTopStories.typeB .colBoxIcon a {
width:290px;
height:163px;
}
.colBoxTopStories.typeB .colBoxIcon img {
width:290px;
height:initial;
}
/* TOP STORIES - TypeC */
.colBoxTopStories.typeC .colBoxIndex:nth-child(1n) {
width:290px;
float:left;
}
.colBoxTopStories.typeC .colBoxIndex:nth-child(2) {
float:right;
}
.colBoxTopStories.typeC .colBoxIndex:nth-child(3n) {
clear:both;
}
.colBoxTopStories.typeC .colBoxIndex:nth-child(n+3) {
width:200px;
margin-right:15px;
}
.colBoxTopStories.typeC .colBoxIndex:nth-child(5) {
margin-right:0;
}
#masterMain .colBoxTopStories.typeC .colBoxIcon a {
width:290px;
height:163px;
}
.colBoxTopStories.typeC .colBoxIcon img {
width:290px;
height:initial;
}
#masterMain .colBoxTopStories.typeC .colBoxIndex:nth-child(n+3) .colBoxIcon a {
width:200px;
height:112px;
}
.colBoxTopStories.typeC .colBoxIndex:nth-child(n+3) .colBoxIcon img {
width:200px;
height:initial;
}
.colBoxTopStories.typeC .colBoxIndex:nth-child(n+3) .colBoxTitle h3 {
font-size:15px;
line-height:24px;
}

#masterContents {
margin-top:32px;
}