@import url('/css/article.css');

#cmsType {
display:block;
float:left;
width:100px;
margin:0 0 10px;
padding:3px;
border:1px #000 solid;
text-align:center;
font-weight:bold;
}
#cmsTitle {
clear:both;
}
#cmsTitle h1 small {
font-size:14px;
line-height:22px;
}
#cmsTitle h1 big {
font-size:34px;
line-height:42px;
font-weight:normal;
}
#cmsBody .inner {
padding:10px 0;
}
#cmsBody h3 {
border-bottom:3px solid #000;
clear:both;
color:#000;
font-size:18px;
line-height:26px;
margin:0 0 20px;
padding:0 0 5px;
}
#cmsBody .inner > h3,
#cmsBody .inner #CmsMembersControl > h3,
#cmsBody .inner .CmsMembersControlIn > h3 {
position:relative;
}
#cmsBody a {
text-decoration:underline;
}
#cmsBody a:link img {
border:2px solid #10BF10;
}
#cmsBody .ctrl span#numb,
#cmsBody .ctrl span#pgup {color:#FFF;}
#cmsBody .ctrl span#numb a:link,
#cmsBody .ctrl span#numb a:visited {
border: 1px solid #10BF10;
}
#cmsBody .ctrl span#prev {
background:url(http://image.itmedia.co.jp/hc/images/cms_ctrl_hc.png) no-repeat left center #10BF10;
}
#cmsBody .ctrl span#next {
background:url(http://image.itmedia.co.jp/hc/images/cms_ctrl_hc.png) no-repeat right center #10BF10;
}
#cmsBody .ctrl span#numb strong {
border:1px solid #10BF10;
background-color:#10BF10;
color:#FFF;
}
#cmsBody .endkwd .box h3 {
background:#666;
}
#cmsBody .endlink {
margin-top:30px;
}
#cmsBody .endlink h4 {
font-size:18px;
line-height:26px;
margin:0 0 5px 0;
border-bottom:3px solid #ddd;
}
#cmsBody .endlink ul {
display:table;
margin:0 0 10px;
border-top:none;
border-bottom:none;
}
#cmsBody .endlink li {
background:none;
padding:0 0 10px 0;
}
#cmsBody .endlink li.endlink-lnk {
background:url(http://image.itmedia.co.jp/images/ulli_dot.gif) no-repeat scroll 0 4px;
padding:0 0 3px 14px;
}
#cmsBody .endlink li a {
font-size:16px;
line-height:24px;
text-decoration:none;
}
#cmsBody .endlink li a img {
width:80px;
height:60px;
margin:0 10px 15px 0;
}

/* 関連記事ALL */
#cmsBody .endlink2column li {
clear:none;
float:left;
width:48%;
margin:0 10px 10px 0;
}
#cmsBody .endlink2column .endlink-art {
display:none;
}
#cmsBody .endlink2column #endlink-art1,
#cmsBody .endlink2column #endlink-art2,
#cmsBody .endlink2column #endlink-art3,
#cmsBody .endlink2column #endlink-art4 {
display:block;
}

/*---------------------------------------------------------------------*/
/* colBoxNewArticles - 新着記事 */
/*---------------------------------------------------------------------*/
.tmplArticle .colBoxNewArticles .colBoxIndex {
float:left;
width:160px;
}
.tmplArticle .colBoxNewArticles .colBoxIcon img {
width:150px;
height:112px;
}
.tmplArticle .colBoxNewArticles .colBoxIndex {
float:left;
width:150px;
margin:0 7px 10px;
}
.tmplArticle .colBoxNewArticles .colBoxIcon {
display:block;
width:150px;
height:112px;
}
.tmplArticle .colBoxNewArticles .colBoxIcon a {
float:none;
display:block;
margin:0;
border:none;
}
.tmplArticle .colBoxNewArticles .colBoxIcon img {
width:150px;
height:112px;
margin:0;
}
.tmplArticle .colBoxNewArticles .colBoxSubTitle {
display:none;
}
.tmplArticle .colBoxNewArticles .colBoxTitle h3 {
font-size:13px;
}
.tmplArticle .colBoxNewArticles .colBoxTitle h3 a {
display:block;
padding:5px;
font-size:13px;
}

/*---------------------------------------------------------------------*/
/* colBoxRanking - ランキング */
/*---------------------------------------------------------------------*/
.tmplArticle .colBoxRanking {
margin-bottom:10px;
}
.tmplArticle .colBoxRanking .colBoxIndex {
float:left;
width:310px;
margin-right:15px;
}
.tmplArticle .colBoxRanking .colBoxIcon a {
position:relative;
margin:0 10px 10px 0;
}
.tmplArticle .colBoxRanking .colBoxIcon img {
width:120px;
height:90px;
}
/* ラベル */
.tmplArticle .colBoxRanking {
counter-reset:colBoxRankingCounter;
}
.tmplArticle .colBoxRanking .colBoxIcon a:after {
counter-increment:colBoxRankingCounter;
content:counter(colBoxRankingCounter);
position:absolute;
top:-6px;
right:-6px;
padding:7px 10px;
line-height:100%;
font-size:13px;
font-weight:bold;
color:#fff;
background:#EC8702;
border:2px #eee solid;
border-radius:5px;
}
/* 1位 */
.tmplArticle .colBoxRanking .colBoxRanking-rank1 {
width:100%;
}
.tmplArticle .colBoxRanking-rank1 .colBoxIcon a {
margin:0 15px 10px 0;
}
.tmplArticle .colBoxRanking-rank1 .colBoxIcon img {
width:200px;
height:150px;
}
.tmplArticle .colBoxRanking-rank1 .colBoxTitle h3 {
font-size:26px;
line-height:40px;
}
.tmplArticle .colBoxRanking-rank1 .colBoxIcon a:after {
padding:10px 13px;
font-size:20px;
}

/* 記事下調整 2016/11  */
#cmsCopyright {
clear:both;
}
#cmsBody .ctrl.ctrlbottom {
margin:0 auto 30px;
}

/* 連載パーツ
-------------------------------------------------- */
#cmsSeriesList .colBox {
margin-bottom:30px;
}
#cmsSeriesList.cmsSeriesList1 .colBoxHead {
padding:10px 0;
}
#cmsSeriesList.cmsSeriesList1 .colBoxHead h1 {
margin:0 0 3px;
font-size:18px;
line-height:26px;
}
#cmsSeriesList.cmsSeriesList1 .colBoxIndex {
padding:8px 0;
}

/* SOCIALBUTTON
---------------------------------------------------------------------------------------------- */
.masterSocialbuttonDefault .msbIn {
width:auto;
}
.masterSocialbuttonDefault .msbIn .msbBtn,
.masterSocialbuttonDefault .msbIn .msbGroup {
background:transparent;
}
.msbBtnPrintbutton .msbBtntext {
padding:0px !important;
height:59px !important;
width:59px !important;
background:url(http://image.itmedia.co.jp/images/socialbutton/Adobe-Acrobat.png) no-repeat center 11px !important;
background-size:20px 20px !important;
line-height:97px !important;
font-size:10px !important;
text-align:center !important;
}
.msbBtnItmid .msbBtntext {
padding:0px !important;
height:59px !important;
width:59px !important;
background:url(http://image.itmedia.co.jp/images/socialbutton/Mail-Add.png) no-repeat center 11px !important;
background-size:24px 24px !important;
line-height:97px !important;
font-size:10px !important;
text-align:center !important;
}