/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
#masterMain{
width:663px;
background:#FFF;
border:1px solid #CCC;
padding:5px;
border-radius:5px;
}
/*---------------------------------------------------------------------*/
/* カラムボックスカスタム */
/*---------------------------------------------------------------------*/
#masterMain .colBoxHead{
margin:0 10px 10px;
padding:6px 2px;
}
#masterMain .colBoxInner{
padding:0 5px 10px;
}
#masterMain .colBox .colBoxIndex{
padding:8px 5px;
}
#masterMain .colBox .colBoxIndex:hover{
background:#F6F6F6;
border-radius:6px;
}
#masterMain .colBox .colBoxPageLink{
padding:0 15px 10px;
}
/*---------------------------------------------------------------------*/
/* Top Stories */
/*---------------------------------------------------------------------*/
.colBoxTopStories .colBoxInner{
display:table;
}
.colBoxTopStories .colBoxIndex:first-child{
float:left;
width:240px;
}
.colBoxTopStories .colBoxIndex:first-child .colBoxTitle,
.colBoxTopStories .colBoxIndex:first-child .colBoxIcon{
display:block;
margin:0 auto 8px;
width:240px;
}
.colBoxTopStories .colBoxIndex:first-child .colBoxIcon a{
display:block;
float:none;
margin:0;
}
.colBoxTopStories .colBoxIndex:nth-child(n + 2){
float:right;
width:370px;
}
.colBoxTopStories .colBoxIndex:nth-child(n + 2) .colBoxIcon a{
height:80px;
overflow:hidden;
}
.colBoxTopStories .colBoxIndex:nth-child(n + 2) .colBoxIcon img{
width:120px;
height:auto;
position:relative;
top:-5px;
}
/*---------------------------------------------------------------------*/
/* Top PickUp */
/*---------------------------------------------------------------------*/
.colBoxTopPickUp .colBoxPageLink{
clear:both;
margin:15px 0 20px;
text-align:right;
}
.colBoxTopPickUp .colBoxPageLink a{
margin:0;
padding:8px 50px;
font-size:14px;
color:#333;
text-decoration:none;
border-radius:4px;
border:1px #ddd solid;
background:#fafafa;
}
.colBoxTopPickUp .colBoxPageLink a:hover{
background:#ddd;
text-decoration:none;
}
/*---------------------------------------------------------------------*/
/* 最新プレミアムコンテンツ */
/*---------------------------------------------------------------------*/
.colBoxPickUpSeries{
margin-bottom:15px;
}
.colBoxPickUpSeriesTitle{
clear:both;
margin:0 10px 10px;
padding:6px 2px;
border-bottom:4px solid #4f2225;
}
.colBoxPickUpSeriesTitle span{
font-size:14px;
line-height:18px;
font-weight:bold;
}
#colBoxPickUpSeriesItems .item:nth-child(odd){
clear:both;
float:left;
width:320px;
}
#colBoxPickUpSeriesItems .item:nth-child(even){
clear:none;
float:right;
width:320px;
}
#masterMain .colBoxPickUpSeries .colBoxHead{
background:#e8e8e8;
border-bottom:none;
}
.colBoxPickUpSeries .colBoxHead h2{
padding:4px 10px 2px;
font-size:14px;
line-height:18px;
color:#555;
}
.colBoxPickUpSeries .colBoxIcon img{
width:80px;
}
#colBoxPickUpSeriesItemList{
clear:both;
}
#colBoxPickUpSeriesItemList .colBox .colBoxIndex:hover{
background:#fff;
}
.colBoxPickUpSeries .colBoxUlist ul li{
font-size:15px;
padding:8px 5px;
border:none;
border-top:1px dotted #CCC;
}
.colBoxPickUpSeries .colBoxUlist ul li:hover{
background:#f6f6f6;
border-radius:6px;
}
.colBoxPickUpSeries .colBoxUlist ul li:nth-child(odd){
clear:both;
width:290px;
float:left;
}
.colBoxPickUpSeries .colBoxUlist ul li:nth-child(even){
width:290px;
float:right;
}
.colBoxPickUpSeries .colBoxUlist ul li::after{
top:12px;
}
.colBoxPickUpSeries .colBoxSubTitle,
.colBoxPickUpSeries .colBoxDate{
display:none;
}
.colBoxPickUpSeries::after,
#colBoxPickUpSeriesItems::after,
#colBoxPickUpSeriesItemList::after{
content:"";
display:block;
clear:both;
}
.colBoxPickUpSeries .colBoxUlist ul li:nth-child(odd){
clear:both;
width:290px;
float:left;
}
.colBoxPickUpSeries .colBoxUlist ul li:nth-child(even){
width:290px;
float:right;
}
/*---------------------------------------------------------------------*/
/* Features */
/*---------------------------------------------------------------------*/
.colBoxFeatures{
margin-bottom:20px;
}
#masterMain .colBoxFeatures .colBoxInner{
border-bottom:1px #ccc dotted;
margin:0 10px 10px;
padding:0 0 10px;
}
.colBoxFeatures .colBoxInner:nth-child(2n+1) .colBoxIcon a{
float:right;
margin:0 0 3px 5px;
}
/*---------------------------------------------------------------------*/
/* ホワイトペーパー */
/*---------------------------------------------------------------------*/
.cat a{
display:block;
padding:10px 0 10px 60px;
background:url(https://image.itmedia.co.jp/tf/images/cat.gif) no-repeat 10px center;
}
.cat-801 a{
background-image:url(https://image.itmedia.co.jp/tf/images/cat_801.gif);
}
.cat-802 a{
background-image:url(https://image.itmedia.co.jp/tf/images/cat_802.gif);
}
.cat-803 a{
background-image:url(https://image.itmedia.co.jp/tf/images/cat_803.gif);
}
.cat-804 a{
background-image:url(https://image.itmedia.co.jp/tf/images/cat_804.gif);
}
.cat-805 a{
background-image:url(https://image.itmedia.co.jp/tf/images/cat_805.gif);
}
.cat-806 a{
background-image:url(https://image.itmedia.co.jp/tf/images/cat_806.gif);
}
.cat-807 a{
background-image:url(https://image.itmedia.co.jp/tf/images/cat_807.gif);
}
.cat-809 a{
background-image:url(https://image.itmedia.co.jp/tf/images/cat_809.gif);
}
.cat-810 a{
background-image:url(https://image.itmedia.co.jp/tf/images/cat_810.gif);
}
.cat-811 a{
background-image:url(https://image.itmedia.co.jp/tf/images/cat_811.gif);
}
.colBoxTopWp ul{
list-style:none;
margin:0;
padding:0 5px;
font-weight:bold;
}
.colBoxWPCategoryList ul{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-wrap:wrap;
}
.colBoxWPCategoryList li{
width:200px;
margin:0 10px 10px 5px;
}
.colBoxWPCategoryList li a:hover{
text-decoration:none;
color:#c00;
}
.colBoxWPCategoryList .cat a{
background-color:#eee;
font-size:13px;
color:#555;
}