body {
font-family:Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'ＭＳ Ｐゴシック';
-webkit-text-size-adjust:none;
margin:0;
padding:0;
}
a:link {
text-decoration:none;
color:#333;
}
a:visited {
text-decoration:none;
color:#333;
}
a:hover {
text-decoration:underline;
color:#C00;
}
/*---------------------------------------------------------------------*/
/*rayout*/
/*---------------------------------------------------------------------*/
#masterHeader {
color:#CCC;
}
#masterMain {
clear:both;
width:1010px;
margin:30px auto 50px;
}
#masterBody {
width:100%;
margin:0 auto;
background:#FFF;
}
#masterContents {
width:100%;
margin:0 auto;
padding:15px 0 20px;
background:#FFF;
}
@media screen and (max-width:660px) { 
	#masterMain {
	width:300px;
	}
}
@media screen and (min-width:661px) and ( max-width:1010px) {
	#masterMain {
	width:640px;
	}
}
@media screen and (min-width:1010px) {
	#masterContents {
	width:990px;
	}
}
/*---------------------------------------------------------------------*/
/*colbox*/
/*---------------------------------------------------------------------*/
.colBox {
margin-bottom:10px;
width:auto;
box-sizing:border-box;
}
.colBox a:link,
.colBox a:visited {
text-decoration:none;
}
.colBox a:hover {
text-decoration:underline;
color:#b2a87b !important;
}
.colBoxEmpty{
width:300px;
}

.colBoxInner{
width:100%;
display:inline-flex;
justify-content:space-between;
flex-wrap:wrap;
}
.colBoxIndex{
width:300px;
margin:0 0 35px;
}
.colBoxHead {
border-bottom:solid 5px #e7e2cb;
margin:0 0 40px;
padding:0 0 3px;
position: relative;
}
.colBoxHead h2 {
font-size:17px;
font-weight:bold;
color:#18136f;
padding:0 0 0 10px;
}
.colBoxHead span{
font-size:13px;
color:#18136f;
padding:0 10px 0 0;
}
.colBoxHeadSubtxt {
position:absolute;
top:8px;
right:0;
font-size:10px;
line-height:14px;
}
.colBoxNewtxt {
font-weight:bold;
color:#C00;
}
.colBoxHead h2 {
font-size:18px;
line-height:22px;
margin:0;
}
.colBoxSubhead {
background:#EEE;
margin:0 0 5px;
padding:3px;
}
.colBoxSubhead h4 {
font-size:12px;
line-height:16px;
margin:0;
}
.colBoxIcon {
display:block;
margin:0 0 10px;
}
.colBoxIcon a {
display:block;
font-size:0;
line-height:0;
}
.colBoxSubTitle {
margin:0 0 2px;
}
.colBoxTitle {
margin:0 0 15px;
}
.colBoxSubTitle h5 {
font-size:14px;
line-height:20px;
margin:0;
}
.colBoxTitle h3 {
font-size:19px;
line-height:24px;
margin:0;
}
.colBoxDescription {
margin:0 0 3px;
}
.colBoxDescription p {
font-size:13px;
line-height:22px;
margin:0;
}
.colBoxButton {
width:150px;
margin:0 auto;
border:1px solid #CCC;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}
.colBoxButton a {
display:block;
padding:5px;
font-size:14px;
font-weight:bold;
text-align:center;
}
.colBoxButton a:link,
.colBoxButton a:visited,
.colBoxButton a:hover {
color:#777;
text-decoration:none;
}
.colBoxButton a:hover {
background:#eee;
}
.colBoxInfo {
margin:0 10px;
font-size:10px;
color:#777;
text-align:right;
}
.colBoxInfo::before {
content:"- ";
}
.colBoxInfo a {
color:#777;
}
.colBoxInfo .colBoxDate {
font-size:10px;
line-height:14px;
}
.colBoxInfo .colBoxLinktxt {
font-size:12px;
line-height:16px;
}
.colBoxClear {
font-size:0;
line-height:0;
height:0;
clear:both;
}

@media screen and (max-width:640px) { 
	.colBoxHead span {
	display:block;
	}
}

/*---------------------------------------------------------------------*/
/* header image */
/*---------------------------------------------------------------------*/
#topicsTitle {
width:100%;
min-width:320px;
height:230px;
margin:0 auto;
background-image:url(//image.itmedia.co.jp/topics/1802/m-connect/images/titleback.jpg);
background-size:cover;
position:relative;
}
#topicsTitleOut {
max-width:1010px;
width:100%;
height:230px;
margin:0 auto;
background:url(//image.itmedia.co.jp/topics/1802/m-connect/images/titlelady.png) no-repeat right bottom;
}
#topicsTitleIn {
position:relative;
max-width:1010px;
width:100%;
height:230px;
margin:0 auto;
}
#topicTitleimage {
width:530px;
position:absolute;
top:60px;
left:0;
}
#topicTitleimage h1 {
margin:0 0 10px;
padding:0;
line-height:0;
}
#topicTitleimage img {
width:100%;
height:auto;
}
#topicDescription p{
font-size:12px;
line-height:18px;
color:#000;
margin:0;
}

@media screen and (max-width:599px) {
	#topicsTitleOut {
	background:none;
	}
	#topicsTitleIn {
	width:90%;
	}
	#topicTitleimage {
	width:100%;
	left:0;
	right:0;
	margin:auto;
	}
	#topicDescription p{
	font-size:11px;
	line-height:17px;
	}
}
@media screen and (min-width:600px) and (max-width:768px) {
	#topicsTitleIn {
	max-width:520px;
	}
	#topicTitleimage {
	width:360px;
	}
}
@media screen and (min-width:769px) and (max-width:1010px) {
	#topicsTitleIn {
	max-width:768px;
	}
	#topicTitleimage {
	width:480px;
	}
}
/*---------------------------------------------------------------------*/
/*media logo*/
/*---------------------------------------------------------------------*/
.globalRelatedMediaList {
margin:0 auto;
}
.globalRelatedMediaList ul {
float:left;
margin:5px 0;
padding:0;
list-style-type:none;
position:absolute;
top:10px;
left:0px;
}
.globalRelatedMediaList ul li {
float:left;
height:29px;
margin:0 8px;
font-size:12px;
}

/*---------------------------------------------------------------------*/
/* main articles */
/*---------------------------------------------------------------------*/
#MainArticle .colBoxIcon {
display:block;
width:300px;
height:169px;
position:relative;
overflow:hidden;
}
#MainArticle .colBoxIcon img {
width:300px;
height:auto;
position:absolute;
top:-28px;
left:0;
margin: 0;
}
#MainArticle .colBoxMedia {
margin:0 0 8px;
}
#MainArticle .colBoxMedia span {
font-size:11px;
line-height:11px;
color:#fe0000;
padding:3px 13px;
border:1px solid #fe0000;
}
#MainArticle .colBoxAIT .colBoxMedia span {
color:#339933;
border:1px solid #339933;
}
#MainArticle .colBoxBusiness .colBoxMedia span {
color:#ed8700;
border:1px solid #ed8700;
}
#ITR {
margin:0 0 40px;
}
#MainArticle .colBoxIcon span::before {
background:#18136f;
position:absolute;
bottom:0;
left:0;
font-size:16px;
line-height:21px;
content:"特集";
color:#fff7d3;
padding:5px 15px 4px 20px;
letter-spacing:5px;
}
#MainArticle .colBoxIcon span.Special::before {
content:"PR";
}

#Sponsored .colBoxTitle h3,
#Features .colBoxTitle h3{
font-size:15px;
line-height:22px;
}



/*---------------------------------------------------------------------*/
/* footer */
/*---------------------------------------------------------------------*/
#globalFooterLink {
margin:0 auto 10px;
padding:0 10px;
font-size:10px;
line-height:14px;
text-align:right;
}
#globalFooterCorp {
clear:both;
margin:0 auto 15px;
padding:10px 20px 0;
border-top:1px solid #DDD;
}
#globalFooterCorpIn {
}
#globalFooterCorp p a:link,
#globalFooterCorp p a:visited {
}
#globalFooterCorpLogo {
position:relative;
display:block;
margin:0 0 5px;
padding:12px 0 0 180px;
font-size:12px;
line-height:16px;
}
#globalFooterCorpLogo a {
position:absolute;
top:0;
left:0;
display:block;
width:170px;
height:28px;
background:url(//image.itmedia.co.jp/images/logo/170_itmedia_bgw.gif) no-repeat 0 0;
text-indent:-9999px;
float:left;
}
#globalFooterCorpLink {
margin:0;
font-size:12px;
line-height:16px;
clear:both;
}