/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
.tmplArticle {
background:#FFF;
border:1px solid #CCC;
padding:15px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
}
.tmplArticleIn {
padding:0 0 10px;
}
/*---------------------------------------------------------------------*/
/* 記事要素 */
/*---------------------------------------------------------------------*/
#cmsTitle {
margin:0 0 10px;
padding:0 2px;
}
#cmsTitle h1 small {
color:#930;
margin-bottom:8px;
}
#cmsAbstract h2,
#cmsAbstract p {
color:#555;
line-height:22px;
font-weight:bold;
}
#cmsByline {
color:#555;
}
#tmplMark {
float:right;
margin:0 0 0 5px;
}
#tmplCopyright {
clear:both;
text-align:right;
}
#tmplCopyright p {
margin:0 0 20px;
}
#tmplCopyright p span {
font-size:10px !important;
line-height:14px !important;
font-family:Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', Osaka, 'ヒラギノ角ゴ Pro W3' !important;
color:#666 !important;
}
/* タイトルレイアウト変更 */
.title {
color: #333;
}
/* タイトルレイアウト変更 */
/*---------------------------------------------------------------------*/
/* 記事本文 */
/*---------------------------------------------------------------------*/
#cmsBody table#tbl50l,
#cmsBody table#tbl50r {
width:49%;
}
#cmsBody table#tbl75l,
#cmsBody table#tbl75r {
width:74%;
}
#cmsBody table#tbl25l,
#cmsBody table#tbl25r {
width:24%;
}
#cmsBody table#tbl100l{
float:none;
}
#cmsBody table#tbl th#txr,
#cmsBody table#tbl td#txr {
text-align:right;
}
#cmsBody h3:not(.format--subheading),
#cmsBody h2.format--crosshead {
clear:both;
border-bottom:2px solid #A01013;
}
#cmsBody h4,
#cmsBody h3.format--subheading {
border-bottom:1px solid #A01013;
clear:none;
}
#cmsBody p a {
color:#1E598E;
}
#cmsBody .box {
clear:both;
padding:1px;
}
#cmsBody .box p {
padding:5px;
}
#cmsBody #cmsMark img {
margin:0 0 5px;
}
#cmsBody .box h4,
#cmsBody .box h3.format--subheading {
border-bottom:none;
}
#cmsBody .endlink h4,
#cmsBody .endlink h3.format--subheading {
color:#333;
font-size:14px;
line-height:18px;
margin:0 0 3px;
padding:0 0 3px;
border-bottom:2px solid #ccc;
}
#cmsBody .endlink ul {
border-top:none;
display:table;
width:100%;
}
#cmsBody .endlink li {
background:none;
padding-left:0;
}
#cmsBody .endlink li a {
font-size:16px;
line-height:24px;
}
#cmsBody .endlink li a img {
width:80px;
height:60px;
}
#cmsBody .endkwd {
padding:3px;
border:1px solid #ddd;
}
#cmsBody .endkwd .box {
border:none;
}
#cmsBody .endkwd .box h3:not(.format--subheading),
#cmsBody .endkwd .box h2.format--crosshead {
margin:0 0 5px;
padding:3px 5px;
background:#FFF;
color:#555;
box-shadow:none;
border-bottom:1px solid #ddd;
}
#cmsBody .endkwd .box h4,
#cmsBody .endkwd .box h3.format--subheading {
line-height:22px;
}
/* nextpage */
#cmsBody #notice.nextpage {
background:#e3bbbd;
font-size:15px;
margin:0 0 25px;
padding:0;
text-align:center;
}
#cmsBody #notice.nextpage a {
color:#333;
display:block;
padding:9px 0;
text-decoration:none;
}
#cmsBody #notice.nextpage a span {
margin:0 15px;
font-weight:normal;
color:#4D4D4D;
}
#cmsBody #notice.nextpage a span span.nextpage-arrow {
margin:0 6px 0 0;
padding:1px 3px;
background:#4D4D4D;
font-size:12px;
color:#fff;
border-radius:2px;
}
/*---------------------------------------------------------------------*/
/* マスク記事用 */
/*---------------------------------------------------------------------*/
#masterMain .colBoxMembersControl .colBoxHead {
border-bottom:1px solid #FFF;
}
.colBoxMembersControl .colBoxOuter {
    margin-bottom: 500px;
    margin-top: 150px;
    box-shadow: none;
}
#masterMain .colBoxMembersControl .colBoxHead {
    display: none;
}

 .colBoxMembersControl .colBoxDescription {
    margin: 0 0 3px;
    text-align: center;
}

 .colBoxMembersControl .colBoxButton {
border:none;
    width: 250px;
    border-radius:0;
}

 .colBoxMembersControl .colBoxButton a {
    display: block;
    padding: 14px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    background: #770e0e;
    border-radius:0;
}
 .colBoxMembersControl .colBoxButton a:hover {
    background: #d0142c;
}


/*---------------------------------------------------------------------*/
/* ソーシャルボタン */
/*---------------------------------------------------------------------*/
.tmplArticle #socialButton {
position:static;
height:20px;
border-bottom:1px dotted #CCC;
margin:0 0 3px;
}
.tmplArticle #socialButton a {
float:right;
margin:0 0 0 5px;
}
.tmplArticle #socialButton .alert form button {
float:right;
margin:0 0 0 5px;
}
#masterSocialbuttonBtm {
display:none;
}
.masterSocialbuttonDefault .msbIn {
width:auto;
}
.masterSocialbuttonDefault .msbIn .msbBtn,
.masterSocialbuttonDefault .msbIn .msbGroup {
background:transparent;
}
.masterSocialbuttonMinimalCount .msbBtnPrintbutton a {
margin:0 !important;
padding:0 0 0 22px !important;
background: url(https://image.itmedia.co.jp/images/socialbutton/Printer.png) no-repeat 25% center !important;
background-size:20px 20px !important;
}
/*---------------------------------------------------------------------*/
/* BCP Text */
/*---------------------------------------------------------------------*/
.colBoxBcpSympathy{
margin:0;
}
.colBoxBcpSympathy .colBoxOuter {
float:left;
width:280px;
margin-top:15px;
}
.colBoxBcpSympathy .colBoxInner {
clear:both;
border:3px solid #666;
margin-bottom:20px;
padding:5px;
}
#cmsBody .colBoxBcpSympathy .colBoxInner h3{
background-color:#666;
color:#FFF;
font-size:12px;
line-height:18px;
margin:0 0 5px;
padding:3px;
border:none;
clear:none;
}
#cmsBody .colBoxBcpSympathy .colBoxInner p{
font-size:12px;
line-height:18px;
margin:0 0 5px;
word-wrap:break-word;
}
#cmsBody .colBoxBcpSympathy .colBoxInner .colBoxDescription{
font-weight: bold;
}
#cmsBody .colBoxBcpSympathy .colBoxInner .colBoxByline{
margin-top: 15px;
}
/*---------------------------------------------------------------------*/
/* colBox カスタム */
/*---------------------------------------------------------------------*/
.colBoxIndexlink {
margin-bottom:20px;
}
.colBoxIndexlink .colBoxUlist ul {
text-align:right;
}
.colBoxIndexlink .colBoxUlist li {
display:inline;
margin:0 10px 0 0;
padding:5px 15px;
border:2px solid #CCC;
background:#EEE;
background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
background:-moz-linear-gradient(top, #FFF, #EEE);
-webkit-box-shadow:2px 2px 3px #EEE;
-moz-box-shadow:2px 2px 3px #EEE;
box-shadow:2px 2px 3px #EEE;
font-weight:bold;
}
.colBoxIndexlink .colBoxUlist li::after {
display:none;
}
/*---------------------------------------------------------------------*/
/* モノづくりライブラリ新着情報 */
/*---------------------------------------------------------------------*/
.colBoxMonoLibrary {
margin-bottom:20px;
}
.colBoxMonoLibrary .colBoxHead a:link,
.colBoxMonoLibrary .colBoxHead a:visited {
color:#000;
}
.colBoxMonoLibrary .colBoxHead a:hover,
.colBoxMonoLibrary .colBoxHead a:active {
color:#C00417;
}
/*---------------------------------------------------------------------*/
/* 新着記事 */
/*---------------------------------------------------------------------*/
.colBoxNewArticles .colBoxInner {
display:table;
table-layout:fixed;
width:100%;
font-size:13px;
line-height:20px;
}
.colBoxNewArticles .colBoxIndex {
display:table-cell;
}
.colBoxNewArticles .colBoxTitle {
clear:both;
}
.colBoxNewArticles .colBoxTitle h3 {
position:relative;
width:120px;
height:60px;
padding-right:10px;
font-size:12px;
line-height:20px;
font-weight:normal;
overflow:hidden;
}
.colBoxNewArticles .colBoxTitle h3::before {
position:absolute;
content:"…";
top:45px;
right:0;
font-size:10px;
}
.colBoxNewArticles .colBoxTitle h3::after {
background:#FFF;
position:absolute;
content:"";
height:100%;
width:100%;
}
.colBoxNewArticles .colBoxIcon img {
margin:0;
}

/*---------------------------------------------------------------------*/
/* 記事下「連載記事アラート」ボタン */
/*---------------------------------------------------------------------*/

#cmsBody .cmsBodyItmidSeriesButtonRegist {
text-align:center;
padding:0 30px 0 30px;
}
#cmsBody .cmsBodyItmidSeriesButtonRegist a {
display:block;
padding:16px;
background: url(https://image.itmedia.co.jp/ee/images/mail.png) no-repeat 0 0;
background-color:#882c2c;
background-position:100px;
background-size:30px;
color:#FFF;
font-weight: bold;
text-indent: 30px;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-o-border-radius:6px;
-ms-border-radius:6px;
border-bottom:3px solid #BBB;
}
#cmsBody .cmsBodyItmidSeriesButtonRegist a:hover {
border-bottom:0;
border-top:3px solid #FFF;
text-decoration:none;
}

#cmsBody .cmsBodyItmidSeriesButtonRegist .colBoxNewtxt {
display:none;
}

/* RM46434 
-------------------------------------------------- */
.privacy .confirm {
font-size:10px;
margin:10px 0;
padding:10px;
background:#EEE;
border:1px solid #CCC;
}
#ITMprivacy .ITMprivacyBox {overflow: scroll;height: 110px;overflow-x: hidden;border:1px solid #DDD;padding:10px 20px; margin-bottom:15px;}
.privacy p {margin-bottom:5px;}
.privacy #ITMprivacy ol {padding: 5px 28px;}
.privacy #ITMprivacy ol ol {padding: 0 15px;}
.privacy #ITMprivacy ol li {list-style-type:decimal;font-size:11px;}
.privacy #ITMprivacy ol ul {background: none !important;border: none !important;}
#cmsBody #customQuest form .privacy #ITMprivacy ol ul li {list-style-type: disc; color:#000;}
.privacy #ITMprivacy ul {padding :0 13px;}
.privacy #ITMprivacy ol ul.ITMprivacyBoxAdress {background: #EEE !important;padding: 12px;}
.privacy #ITMprivacy ol ul.ITMprivacyBoxAdress li {list-style-type: none; padding: 10px 0;}

/*---------------------------------------------------------------------*/
/* 記事面サイド「印刷」「クリップ」「連載通知」ボタン */
/*---------------------------------------------------------------------*/
#colBoxSideButtons {
position:fixed;
bottom:15px;
margin-left:-96px;
visibility:hidden;
opacity:0;
transition-property: opacity, visibility;
transition-duration: 0.7s;
transition-timing-function: ease-out;
}
.exist-ITWL #colBoxSideButtons {
z-index:1;
}
#colBoxSideButtonsInner {
position:relative;
width:70px;
}
#colBoxSideButtons #colBoxSideButtonsAlert,
#colBoxSideButtons #colBoxSideButtonsPrint {
width:70px;
height:70px;
margin:0 0 10px;
border-radius:8px;
border:3px #cbcbcb solid;
}
#colBoxSideButtons #colBoxSideButtonsAlert:before {
border-left: 12px solid #FFF;
content: "";
position: absolute;
top: 211px;
right: -12px;
margin-top: -7px;
border-left: 13px solid #FFF;
border-top: 8px solid #43202000;
border-bottom: 8px solid #43202000;
z-index: 2;
}
#colBoxSideButtons #colBoxSideButtonsPrint:before {
border-left: 12px solid #FFF;
content: "";
position: absolute;
top: 37px;
right: -12px;
margin-top: -7px;
border-left: 13px solid #FFF;
border-top: 8px solid #43202000;
border-bottom: 8px solid #43202000;
z-index: 2;
}
#colBoxSideButtons #colBoxSideButtonsAlert:after {
content: "";
position: absolute;
top:211px;
right: -17px;
margin-top: -8px;
border-left: 14px solid #cbcbcb;
border-top: 9px solid #43202000;
border-bottom: 9px solid #43202000;
z-index: 1;
}
#colBoxSideButtons #colBoxSideButtonsPrint:after {
content: "";
position: absolute;
top: 37px;
right: -17px;
margin-top: -8px;
border-left: 14px solid #cbcbcb;
border-top: 9px solid #43202000;
border-bottom: 9px solid #43202000;
z-index: 1;
}

#colBoxSideButtonsPrintBtn {
display:block;
width:70px;
height:70px;
background:#FFF url(https://image.itmedia.co.jp/images/socialbutton/SideBtnprinter.png) no-repeat 22px 13px;
background-size:30px;
border-radius:8px;
}
#colBoxSideButtonsInner #colBoxSideButtonsAlertSeriesBtn {
display:block;
width:70px;
height:70px;
background:#FFF url(https://image.itmedia.co.jp/images/socialbutton/SideBtnmail.png) no-repeat 24px 12px;
background-size:29px;
border-radius:8px;
}
#colBoxSideButtonsInner #colBoxSideButtonsAlertSeriesBtn span  {
top:44px;
left:12px;
font-size:12px;
position:relative;
color:#5b5b5b;
}
#colBoxSideButtonsInner #colBoxSideButtonsPrint a:hover,
#colBoxSideButtonsInner #colBoxSideButtonsAlertSeriesBtn a:hover {
text-decoration:none;
}
#colBoxSideButtonsInner #colBoxSideButtonsPrintBtn span  {
top:45px;
left:6px;
font-size:12px;
position:relative;
color:#5b5b5b;
}
#colBoxSideButtonsAlertSeriesBtn {
top:5px;
background:#FFF url(https://image.itmedia.co.jp/images/socialbutton/msbBtnAlertseries.gif) no-repeat 7px 7px;
}
#colBoxSideButtonsAlertBtn {
top:38px;
background:#FFF url(https://image.itmedia.co.jp/images/socialbutton/msbBtnAlert.gif) no-repeat 7px 7px;
}
#colBoxSideButtonsAlert a:hover {
text-decoration:none;
}
#colBoxSideButtonsAlert:hover {
overflow:inherit;
}
#colBoxSideButtonsAlert:hover a {
visibility:visible;
opacity:1;
}
@media screen and (max-height:880px) {
	.exist-ITWL #colBoxSideButtons {
		display:none !important;
	}
}

/* GAM */
#InRead.delivery{
margin:8px auto 24px;
text-align:center;
width:640px;
}
#InRead.delivery .adnotation{
font-family:"Gill Sans";
font-size:12px;
line-height:12px;
color:#666;
text-align:center;
margin:8px 0px 4px;
}