#masterMain a:link,
#masterMain a:visited {
color:#036;
}
#cmsBody a:link,
#cmsBody a:visited {
text-decoration:underline;
}
.tmplArticleIn {
padding:0;
}
#cmsType {
display:block;
float:left;
width:100px;
margin:0 0 10px;
padding:3px;
border:1px #777 solid;
text-align:center;
color:#333;
}
#cmsDate {
position:relative;
}
#cmsDate .inner {
float:left;
padding:4px 15px 0 0;
text-align:left;
}
#cmsTitle {
clear:both;
padding:10px 0 7px;
}
#cmsTitle h1 small {
margin-bottom:8px;
}
#cmsTitle h1 big {
font-size:24px;
line-height:32px;
}

/* タイトルレイアウト変更 */
.title {
font-weight: bold !important;
color: #333;
}
.title__maintext {
display: inline !important;
font-size: 24px !important;
}
.title__subtitle {
color: #333;
}
.title__pagenumber {
display: none;
}
.title__link--reference:hover .title {
color: #c00 !important;
}

#cmsAbstract h2,
#cmsAbstract p {
font-size:15px;
line-height:24px;
font-weight:normal;
}

/*---------------------------------------------------------------------*/
/* CMS Body */
/*---------------------------------------------------------------------*/
#cmsBody {
padding:0 10px 0 0;
}
#cmsBody .trBoxC .trBoxWidth {
overflow:hidden;
}
#masterMain .backNumBox strong a:link,
#masterMain .backNumBox strong a:visited {
color:#FFF;
}
#cmsBody .box li {
font-size:16px;
line-height:22px;
list-style:square outside none;
margin-bottom:10px;
}

/* コピーライト */
#cmsMark,
#cmsBody #cmsMark {
text-align:right;
}
#cmsCopyright,
#cmsCopyright p {
font-size:12px;
line-height:16px;
text-align:right;
margin:0 0 10px;
}
#cmsBody #cmsMark img {
margin:0 0 5px 0;
}
#cmsRef {
clear:both;
}

/* 関連記事 */
#cmsBody #endlinkConnection.endlink {
margin:0;
}
#cmsBody #endlinkConnection.endlink ul {
margin:0 0 10px;
width:100%;
}
#cmsBody .endlink h4,
#cmsBody .endlink h3.format--subheading {
margin:0 0 5px;
padding:8px 3px 5px;
font-size:18px;
line-height:28px;
border-bottom:3px solid #aaa;
}
#cmsBody .endlink ul {
display:inline-block;
border-bottom:none;
border-top:none;
}
#cmsBody .endlink li {
background:none;
padding-left:0;
font-size:17px;
line-height:24px;
}
#cmsBody .endlink li.endlink-lnk {
background:url(https://image.itmedia.co.jp/images/ulli_dot.gif) no-repeat scroll 0 4px;
padding:0 0 3px 14px;
}
#cmsBody .endlink li a img {
width:80px;
height:60px;
margin:0 10px 10px 0;
}
#cmsBody #endlinkConnection.endlink2column li {
float:left;
width:49%;
height:55px;
padding:0 5px 0 0;
clear:none;
font-size:16px;
line-height:18px;
overflow:hidden;
}
#cmsBody #endlinkConnection.endlink2column li a img {
width:60px;
height:45px;
}
#cmsBody #endlinkConnection.endlink2column .endlink-art {
display:none;
}
#cmsBody #endlinkConnection.endlink2column #endlink-art1,
#cmsBody #endlinkConnection.endlink2column #endlink-art2,
#cmsBody #endlinkConnection.endlink2column #endlink-art3,
#cmsBody #endlinkConnection.endlink2column #endlink-art4 {
display:block;
}
#masterMain #cmsBody .endlink a:link,
#masterMain #cmsBody .endlink a:visited {
text-decoration:none;
}

/* 旧誠 WEEKLY ACCESS TOP10 */
#cmsBody .acctop10-Makoto {
width:500px;
margin:0px auto;
padding:15px;
}
#cmsBody .acctop10-Makoto h3 {
width:100%;
height:34px;
margin:0px;
padding:0px;
background:url(https://image.itmedia.co.jp/makoto/images/weekly_access_top10.gif) no-repeat 0px 0px #036;
border:3px solid #CCC;
text-indent:-9999px;
}
#cmsBody .acctop10-Makoto ol {
clear:both;
width:100%;
margin:0px;
padding:0px;
border:3px solid #CCC;
border-top:none;
}
#cmsBody .acctop10-Makoto ol li {
background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px 2px;
list-style:none;
line-height:120%;
}
#cmsBody .acctop10-Makoto ol li a {
display:block;
clear:both;
padding:7px 6px 19px 47px;
border-bottom:1px solid #DDD;
text-decoration:none;
}
#cmsBody .acctop10-Makoto ol li a:hover {
color:#C00;
}
#cmsBody .acctop10-Makoto ol li#l1 {
background-position:2px 2px;
}
#cmsBody .acctop10-Makoto ol li#l2 {
background-position:2px -98px;
}
#cmsBody .acctop10-Makoto ol li#l3 {
background-position:2px -198px;
}
#cmsBody .acctop10-Makoto ol li#l4 {
background-position:2px -298px;
}
#cmsBody .acctop10-Makoto ol li#l5 {
background-position:2px -398px;
}
#cmsBody .acctop10-Makoto ol li#l6 {
background-position:2px -498px;
}
#cmsBody .acctop10-Makoto ol li#l7 {
background-position:2px -598px;
}
#cmsBody .acctop10-Makoto ol li#l8 {
background-position:2px -698px;
}
#cmsBody .acctop10-Makoto ol li#l9 {
background-position:2px -798px;
}
#cmsBody .acctop10-Makoto ol li#l10 {
background-position:2px -898px;
}
#cmsBody .acctop10-Makoto ol li#l1 a:hover {
background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px 2px #EEE;
}
#cmsBody .acctop10-Makoto ol li#l2 a:hover {
background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -98px #EEE;
}
#cmsBody .acctop10-Makoto ol li#l3 a:hover {
background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -198px #EEE;}
#cmsBody .acctop10-Makoto ol li#l4 a:hover {background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -298px #EEE;
}
#cmsBody .acctop10-Makoto ol li#l5 a:hover {
background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -398px #EEE;
}
#cmsBody .acctop10-Makoto ol li#l6 a:hover {
background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -498px #EEE;
}
#cmsBody .acctop10-Makoto ol li#l7 a:hover {
background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -598px #EEE;
}
#cmsBody .acctop10-Makoto ol li#l8 a:hover {
background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -698px #EEE;
}
#cmsBody .acctop10-Makoto ol li#l9 a:hover {
background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -798px #EEE;
}
#cmsBody .acctop10-Makoto ol li#l10 a:hover {
background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -898px #EEE;
}
#cmsBody .acctop10-Makoto ol li a span {
display:block;
border-left:2px solid #DDD;
padding-left:8px;
padding-right:8px;
}
#cmsBody .acctop10-Makoto ol li a span small {
display:block;
font-size:10px;
text-align:right;
}
#cmsBody .acctop10-Makoto ol li a:link span small,
#cmsBody .acctop10-Makoto ol li a:visited span small,
#cmsBody .acctop10-Makoto ol li a:hover span small {
color:#666;
}
#cmsBody .acctop10-Makoto ol li#l1 a:hover span,
#cmsBody .acctop10-Makoto ol li#l2 a:hover span,
#cmsBody .acctop10-Makoto ol li#l3 a:hover span {
border-left:2px solid #F60;
}
#cmsBody .acctop10-Makoto ol li#l4 a:hover span,
#cmsBody .acctop10-Makoto ol li#l5 a:hover span,
#cmsBody .acctop10-Makoto ol li#l6 a:hover span,
#cmsBody .acctop10-Makoto ol li#l7 a:hover span,
#cmsBody .acctop10-Makoto ol li#l8 a:hover span,
#cmsBody .acctop10-Makoto ol li#l9 a:hover span,
#cmsBody .acctop10-Makoto ol li#l10 a:hover span {
border-left:2px solid #036;
}

/* Sales Ranking */
#masterMain .colBox.colBoxSalesRanking {
width:630px;
margin:0 0 10px;
padding:0;
}
#masterMain .colBoxSalesRanking .colBoxHead {
background:url(https://image.itmedia.co.jp/makoto/images/bookRank_heading.gif) no-repeat;
border-bottom:none;
color:#FFF;
height:36px;
margin:0;
padding:19px 10px 0 74px;
}
#masterMain .colBoxSalesRanking .colBoxHead h2 {
font-size:18px;
line-height:29px;
color:#FFF;
}
#masterMain .colBoxSalesRanking .colBoxDate {
float:right;
}
#masterMain .colBoxSalesRanking .colBoxInner {
width:620px;
background:#036;
padding:5px;
}
#masterMain .colBoxSalesRanking .trBoxWidth {
background:#FFF;
padding:5px;
margin:0 0 3px;
width:610px;
}
#masterMain .colBoxSalesRanking .colBoxIndex img {
width:90px;
height:131px;
}
#masterMain .colBoxSalesRanking div#col200l,
#masterMain .colBoxSalesRanking div#col300l,
#masterMain .colBoxSalesRanking div#col400l,
#masterMain .colBoxSalesRanking div#col500l {
float:left;
margin:0;
width:100px;
}
#masterMain .colBoxSalesRanking p {
margin:0 0 2px;
}
#masterMain .colBoxSalesRanking h4 {
color:#007bda;
font-size:16px;
line-height:24px;
margin:0;
padding:0;
}
#masterMain .colBoxSalesRanking h3 {
background:none;
border-bottom:none;
font-size:20px;
line-height:30px;
margin:0;
padding:0;
}
#masterMain .colBoxSalesRanking hr {
visibility:hidden;
}
#masterMain .colBoxSalesRanking .colBoxDate {
font-size:14px;
line-height:33px;
}

/* 共通パーツ用補正 */
.colBoxAccessTop10 .colBoxOuter {
background-color:#EEE;;
}
#masterMain .colBoxAccessTop10 .colBoxHead {
background-color:transparent;
}
#masterMain .colBoxAccessTop10 .colBoxHead h2 {
font-size:18px;
line-height:24px;
}

/*---------------------------------------------------------------------*/
/* ソーシャルボタン調整 */
/*---------------------------------------------------------------------*/

/* SOCIALBUTTON
---------------------------------------------------------------------------------------------- */
.masterSocialbuttonDefault .msbIn {
width:auto;
}
.masterSocialbuttonDefault .msbIn .msbBtn,
.masterSocialbuttonDefault .msbIn .msbGroup {
background:transparent;
}
.masterSocialbuttonDefault .msbBtnPrintbutton .msbBtntext {
padding:0px !important;
height:59px !important;
width:59px !important;
background:url(https://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;
}
.masterSocialbuttonDefault .msbBtnItmid .msbBtntext {
padding:0px !important;
height:59px !important;
width:59px !important;
background:url(https://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;
}
.masterSocialbuttonMinimal {
margin:22px 0 0!important;
}

/*---------------------------------------------------------------------*/
/* 記事下　Newzia */
/*---------------------------------------------------------------------*/
#NewziaTt h4,
#NewziaTt h3.format--subheading {
background-color:#EEE;
padding:2px 6px;
margin:0 0 10px;
font-size:12px;
line-height:18px;
text-align:left;
}
#NewziaTt .endlink {
font-size:12px;
line-height:18px;
}
#NewziaTt ul,
#NewziaTt li {
list-style:none;
text-align:left;
margin:0;
padding:0;
}
#NewziaTt li,
#NewziaTt .newziaCopyright {
clear:both;
}
#NewziaTt li a {
font-weight:bold;
}
#NewziaTt .newziaCopyright {
text-align:right;
font-size:11px;
line-height:15px;
}
#NewziaTt li span {
margin:0 10px 5px 0;
padding:0;
float:left;
display:block;
overflow:hidden;
border:1px solid #CCC;
}

/*---------------------------------------------------------------------*/
/* 連載アラート */
/*---------------------------------------------------------------------*/
#cmsBody .cmsBodyItmidSeriesButtonRegist a {
background:url(https://image.itmedia.co.jp/makoto/images/rensai_alert_bg1507_1.gif) no-repeat 0 0;
display:block;
width:590px;
height:62px;
margin:0 auto;
padding:0;
text-indent: -9999px;
}
#cmsBody .cmsBodyItmidSeriesButtonRegist a:hover {
opacity:0.65;
background:url(https://image.itmedia.co.jp/makoto/images/rensai_alert_bg1507_1.gif) no-repeat 0 0;
}
#cmsBody .cmsBodyItmidSeriesButtonRegist .colBoxNewtxt {
display:none;
}
/*---------------------------------------------------------------------*/
/* 記事上ヘッダ画像 */
/*---------------------------------------------------------------------*/
.tmplArticle .colBoxArticleHeader .colBoxIcon a {
float:none;
margin:0;
border:none;
}
.colBoxArticleHeader .colBoxIcon a img {
max-width:100%;
}
/*---------------------------------------------------------------------*/
/* 記事下TT枠 */
/*---------------------------------------------------------------------*/
.newziaConnectAPI ul li {
background:url(https://image.itmedia.co.jp/business/images/ulli_arrow_keyman.gif) no-repeat 0 5px;
margin:0 0 3px;
padding:3px 0 7px 14px;
border-bottom:1px dotted #CCC;
}

/*---------------------------------------------------------------------*/
/* 記事下キーマンズネット枠 */
/*---------------------------------------------------------------------*/
#articleBottomKeyman {
margin-bottom:10px;
}
#articleBottomKeyman .colBoxHead {
background-color:#FFF;
border-bottom:none;
margin:0;
padding:0;
}
#articleBottomKeyman h3 {
font-size:14px;
line-height:18px;
position:relative;
border-bottom:1px solid #CCC;
margin:0 0 5px;
padding:0 0 3px;
}
#articleBottomKeyman .colBoxUlist ul {
padding:2px 0 0 10px;
font-size:13px;
line-height:20px;
clear:both;
font-size:12px;
line-height:16px;
margin:0;
padding:0;
list-style-type:none;
}
#articleBottomKeyman .colBoxUlist ul li {
background:url(https://image.itmedia.co.jp/business/images/ulli_arrow_keyman.gif) no-repeat 0 5px;
margin:0 0 3px;
padding:3px 0 7px 14px;
border-bottom:1px dotted #CCC;
}
#articleBottomKeyman a:link,
#articleBottomKeyman a:visited {
text-decoration:none;
}
#articleBottomKeyman a:hover {
text-decoration:underline;
color:#C00;
}
/*---------------------------------------------------------------------*/
/* マスク */
/*---------------------------------------------------------------------*/
#masterMain .colBoxMembersControl .colBoxHead {
border-bottom:none;
background:#111;
width:auto;
}
#cmsBody .colBoxMembersControl .colBoxButton a:link,
#cmsBody .colBoxMembersControl .colBoxButton a:visited,
#cmsBody .colBoxMembersControl .colBoxButton a:hover {
color:#FFF;
text-decoration:none;
}
/*グラデーションマスク*/
.colBoxMembersControlGradation {
position: relative;
margin-top: 50px !important;
padding-top: 0 !important;
}
.colBoxMembersControlGradation:before {
content: "";
position: absolute;
top: -105px;
left: 0;
display: block;
width: 100%;
height: 105px;
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 10%,rgba(255,255,255,1) 69%,rgba(255,255,255,1) 100%);
}
/*グラデーションマスク*/

/* IMAGE MASK */
#cmsBody hr{clear:both;}
#cmsBody img[src*="_MASK.jpg"],
#cmsBody img[src*="_MASK.gif"],
#cmsBody img[src*="_MASK.png"],
#cmsBody img[src*="_MASK.JPG"],
#cmsBody img[src*="_MASK.GIF"],
#cmsBody img[src*="_MASK.PNG"] {
visibility:hidden;
}
#CmsMembersControl img[src*="_MASK.jpg"],
#CmsMembersControl img[src*="_MASK.gif"],
#CmsMembersControl img[src*="_MASK.png"],
#CmsMembersControl img[src*="_MASK.JPG"],
#CmsMembersControl img[src*="_MASK.GIF"],
#CmsMembersControl img[src*="_MASK.PNG"] {
visibility:visible;
}

/* Lead-in */
.subscription {
display:none;
}

/*---------------------------------------------------------------------*/
/* 連載パーツ */
/*---------------------------------------------------------------------*/
#cmsSeriesList {
clear:both;
padding:10px 0;
}
#cmsSeriesList .colBox {
position:relative;
margin-bottom:20px;
}
#cmsBody #cmsSeriesList.cmsSeriesList1 .colBoxHead {
position:inherit;
margin-bottom:3px;
border-bottom:3px solid #aaa;
width:auto;
}
#cmsBody #cmsSeriesList .colBoxHead .seriesBoxTitle {
padding:8px 3px 5px;
font-size:18px;
line-height:28px;
}
#cmsBody #cmsSeriesList.cmsSeriesList1 #seriesBoxRegistbutton {
position:absolute;
bottom:-13px;
right:2px;
}
#cmsBody #cmsSeriesList.cmsSeriesList1 .colBoxTitle p {
font-size:15px;
line-height:22px;
}
#cmsBody #cmsSeriesList.cmsSeriesList1 .colBoxIndex {
padding:7px 0;
}
#cmsSeriesList.cmsSeriesList1 .colBoxIndex .colBoxNumber {
margin:0 0 0 2px;
}
#cmsBody #cmsSeriesList.cmsSeriesList1 .colBoxButton a {
display:block;
padding:8px;
background:#EEE;
font-size:13px;
}
#cmsBody #cmsSeriesList.cmsSeriesList1 .colBoxButton a:hover {
background:#EFEFEF;
color:#777!important;
}
/*---------------------------------------------------------------------*/
/* 新着記事 */
/*---------------------------------------------------------------------*/
#tmplNewsIn .colBoxUaNewArticles h2 {
font-size:18px;
line-height:28px;
}
#tmplNewsIn .colBoxUaNewArticles .colBoxIcon img {
border:none;
}
#tmplNewsIn .colBoxUaNewArticles h3 {
clear:inherit;
margin:0 0 10px;
padding:0;
border:none;
font-size:17px;
line-height:24px;
}
#tmplNewsIn #cmsBody .colBoxUaNewArticles a:link,
#tmplNewsIn #cmsBody .colBoxUaNewArticles a:visited {
text-decoration:none;
}
#tmplNewsIn .colBoxUaNewArticles.colBoxIcon a {
margin:0 10px 5px 0;
}
#FacebookPagePlugin {
margin:20px auto!important;
}
/*---------------------------------------------------------------------*/
/* ビジたね & フレッシュサマリ */
/*---------------------------------------------------------------------*/
.bizitane #cmsType,
.freshsummary #cmsTyp {
display:none;
}
.bizitane #cmsTitle,
.freshsummary #cmsTitle {
padding:10px 20px 7px 0;
}
.bizitane #cmsMark,
.freshsummary #cmsMark {
display:none;
}
/*---------------------------------------------------------------------*/
/* #SHIFT */
/*---------------------------------------------------------------------*/
#globalHeaderTop.hashShiftTop {
background:#426fb2;
}
.hashShiftTop .hashShiftTopIn {
position:relative;
margin:0 auto;
width:980px;
height:77px;
background-image:url(https://image.itmedia.co.jp/business/subtop/hashshift/images/headonepoint.png);
background-repeat:no-repeat;
background-position:right 140px top
}
.hashShiftTop .cornerlogoArea {
position:absolute;
top:18px;
left:0;
margin:0;
line-height:0;
}
.hashShiftTop .cornerlogoArea a {
display: block;
}
.hashShiftTop .cornerlogoArea img {
width:194px;
height:40px;
}
.hashShiftTop .taglineArea {
position:absolute;
left:210px;
bottom:19px;
height:15px;
margin:0;
line-height:0;
}
.hashShiftTop .taglineArea img {
left:210px;
width:397px;
}
.hashShiftTop .medialogoArea {
position:absolute;
top:21px;
right:0;
margin:0 auto;
}
.hashShiftTop .medialogoArea a {
display: block;
}
.hashShiftTop .medialogoArea img {
width:122px;
height:34px;
}
/*---------------------------------------------------------------------*/
/* コメント */
/*---------------------------------------------------------------------*/
#ulCommentWidget{
position:relative;
border:5px solid #DDD;
padding:20px;
}
/*---------------------------------------------------------------------*/
/* 記事下カスタムサブトップ誘導 */
/*---------------------------------------------------------------------*/
.cs_footerlink{
margin:32px auto;
text-align:center;
}
.cs_footerlink a{
background:url(https://image.itmedia.co.jp/business/images/footer_tolistpage.gif) no-repeat left top;
height:30px;
line-height:32px;
display:inline-block;
padding-left:136px;
color:#ff5500!important;
font-weight:600;
}
.cs_footerlink a:hover{
opacity:0.7;
}
/* ITセレクト */
#cmsBody .piano-content-container{
padding:20px 20px 0;
}
#BelowArtSpecialLinkITS{
width:617px;
margin:0 auto 36px;
}
#BelowArtSpecialLinkITS.delivery{
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

/* GAM */
#ArticleText{
margin-bottom:16px;
}
#ArticleText.noad{
margin-bottom:0;
}
/* SpecialLinkHead */
#BelowArtLink{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
#BelowArtLink.noad{
display:none;
}
.BelowArtLinkHead{
width:100%;
margin:0 0 8px;
border-bottom:3px solid #AAA;
padding:0;
font-size:18px;
line-height:28px;
position:relative;
}
.BelowArtLinkHead p{
font-size:18px;
line-height:28px;
padding:8px 3px 5px;
margin:0;
font-weight:600;
}
.BelowArtLinkHead span{
position:absolute;
border:#DDD 1px solid;
padding:2px;
font-weight:400;
font-size:11px;
line-height:13px;
top:12px;
right:4px;
font-family:Arial;
color:#999;
}
#BelowArtLink .balStyle{
margin-bottom:4px;
}
#BelowArtLink .balStyle:nth-child(-n+8){
width:150px;
height:216px;
}
/* BelowArtRectangle */
#BelowArtRectangle{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin-bottom:24px;
}
/* InRead */
#InRead{
margin:8px auto 24px;
text-align:center;
width:640px;
}
#InRead.noad{
margin-bottom:0;
}
#InRead .adnotation{
font-family:"Gill Sans";
font-size:12px;
line-height:12px;
color:#666;
text-align:center;
margin:10px 0 5px;
}
/* GeneralAD */
#GeneralAD{
margin-bottom:16px;
}
#GeneralAD.noad{
margin-bottom:0;
}
/* LspaceRectangle */
#LspaceRectangle{
display:none;
}
#LspaceRectangle.delivery{
width:300px;
height:calc(100% - 8px);
position:absolute;
top:0;
left:-316px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin-bottom:24px;
}
#PC_LspaceRectangle{
width:300px;
z-index:1;
min-height:100vh;
position:sticky;
top:8px;
}
@supports (position:sticky){
#PC_LspaceRectangle {
align-self:flex-start;
}