/* BASE OVERWRITE STYLE */
body{
color:#333;
background:#FFF;
}
a:link,
a:visited{
color:#222;
}
a:hover,
.colBox a:hover{
color:#333;
}
a img{
border:none;
}
.colBoxKeyword{
display:none;
}

/* レイアウト */

#masterContents{
width:980px;
padding:0 5px 10px 5px;
clear:both;
margin:0 auto;
}
#globalContents{
display:flex;
}
#masterMain{
width:667px;
margin-right:13px;
position:relative;
}
#masterMainLeft{
width:320px;
float:left;
}
#masterMainRight{
width:320px;
float:right;
}
#masterSub{
width:300px;
z-index:1;
min-height:100vh;
position:sticky;
bottom:0;
}
@supports (position:sticky){
	#masterSub{
	align-self:flex-end;
	}
}
#masterSub .colBox{
margin-bottom:16px;
overflow:hidden;
}
#masterBody{
min-width:990px;
background:#FFF;
margin:0 auto;
}

/* グローバルナビゲーション */

#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn16 a{
margin:3px 0 0 3px;
padding:5px 11px 4px;
border-radius:2px;
background:#FFF;
color:#000;
}
#g_nav_i{
width:990px;
height:80px;
}

/* メインナビゲーション */

#localNavigation{
margin:0 0 24px;
background:rgba(255,255,255,1);
}
#localNavigation a:active{
background-color:transparent;
}
#lnavMain{
margin:0;
padding:10px 0;
border-bottom:1px solid #ddd;
overflow:hidden;
text-align:center;
min-width:990px;
}
#lnavMain .lnavBtn{
margin:0;
padding:0;
display:inline-block;
}
#lnavMain .lnavBtn a{
display:block;
font-size:15px;
line-height:20px;
font-weight:bold;
margin:0;
padding:0 12px;
color:#404040;
}
#lnavMain .lnavBtn a:hover,
#lnavMain .lnavBtnActive a:link,
#lnavMain .lnavBtnActive a:visited,
#lnavMain .lnavBtnActive a:hover{
text-decoration:none;
}

/* ヘッダ */

#globalHeader{
position:relative;
}
#globalHeaderTop{
overflow:hidden;
background:#000;
}
#globalHeaderMiddle{
margin:0 auto 20px;
padding:0;
}
#globalHeaderBottom{
width:980px;
margin:0 auto;
padding:0;
clear:both;
position:relative;
}

.g_nav_outside{
width:100%;
margin:0 auto;
}

/* ロゴ */

#globalLogo{
width:170px;
height:47px;
margin:14px auto 16px;
}
#globalLogo h1,
#globalLogo div{
margin:0;
width:170px;
height:47px;
}
#globalLogo h1 a,
#globalLogo div a{
display:block;
}
/* ぱんくず */

#localPankuzu{
font-size:10px;
line-height:14px;
padding:10px 0;
margin:0;
}
#localPankuzu ol{
list-style:none;
display:inline;
margin:0;
padding:0;
}
#localPankuzu .lpanIn li{
display:inline;
}
#localPankuzu .lpanIn li:after{
content:' > ';
}
#localPankuzu .lpanIn li:last-child:after{
content:'';
}

/* フッタ */

#masterFooter{
width:100%;
padding:40px 0 8px;
}
#globalFooterBottom{
border-bottom:3px solid #EEE;
}
#globalFooterLink{
font-size:10px;
line-height:14px;
text-align:right;
width:970px;
margin:0 auto;
padding:0;
}
#globalFooterCorp{
padding:32px 0 0 0;
width:970px;
margin:0 auto;
}
#globalCopyright{
font-size:12px;
line-height:16px;
}
.footerMailmag{
background-color:rgba(238,238,238,1);
background-image:url(https://image.itmedia.co.jp/business/images/footer_mailtexture.png);
background-position:calc(50% - 320px) center;
background-position:-webkit-calc(50% - 320px) center;
background-repeat:no-repeat;
padding:32px 0;
text-align:center;
}
.footerMailmag p{
font-size:16px;
line-height:20px;
font-weight:600;
margin:0 0 16px;
}
.footerMailmag a{
font-size:14px;
line-height:44px;
background:#6e6e6e;
display:inline-block;
padding:0 24px;
transition:all 0.5s;
color: #FFF;
}
.footerMailmag a:hover{
text-decoration:none;
opacity:0.7;
}
.footerIbo{
padding:48px 0 36px;
width:220px;
margin:0 auto;
}
.footerLogo{
margin:0 0 24px;
}
.footerIbo a{
display:inline-block;
}
.footerIbo ul{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.footerIbo li{
transition:all 0.5s;
width:42px;
}
.footerIbo li:hover{
text-decoration:none;
opacity:0.7;
}
.footerIbo li img{
width:100%;
height:auto;
}

/* colBox */

#masterMain .colBoxHead{
background-color:#FFF;
border-top:none;
border-bottom:1px solid #ddd;
margin:0 0 16px;
padding:0;
}
#masterMain .colBoxHead h2{
padding:8px 3px 5px;
font-size:18px;
line-height:20px;
}
#masterSub .colBoxHead{
font-size:14px;
line-height:18px;
padding:4px 0;
border-top:none;
border-bottom:1px solid #ddd;
margin:0 0 10px;
}
#masterSub .colBoxHead h2,
#masterSub .colBoxHead p{
font-weight:bold;
padding:4px 0;
margin:0;
}
#masterSub .colBoxTitle p{
font-size:14px;
line-height:20px;
margin:0;
font-weight:bold;
}
.colBoxInner a:hover{
opacity:0.8;
}
.colBoxIcon a{
margin:0 10px 10px 0;
}
.colBoxUlist ul li{
background:none;
padding:0 0 3px 0;
}
#masterSub .colBoxUlist ul,
.colBox .backNumBoxIn ul{
padding:2px 0 0 10px;
font-size:13px;
line-height:20px;
}
#masterSub .colBoxUlist ul li,
.colBox .backNumBoxIn ul li{
position:relative;
background:none;
padding:4px 5px 8px;
}
#masterSub .colBoxUlist ul li::after,
.colBox .backNumBoxIn ul li::after{
display:block;
content:'';
position:absolute;
top:9px;
left:-1em;
width:6px;
height:6px;
border-right:1px solid #666;
border-bottom:1px solid #666;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.colBoxOlist ol li{
border:0;
}
#colBoxMailmag .colBoxUlist ul li:last-child{
border-bottom:none;
}

/* Features */

.colBoxFeatures.colBox{
clear:both;
margin-bottom:22px;
overflow:hidden;
}
.colBoxFeatures .colBoxIndex{
display:flex;
overflow:hidden;
margin-bottom:8px;
}

/* 右カラム */

#masterSub .colBoxPageLink{
clear:both;
margin:0 0 8px;
text-align:center;
}
#masterSub .colBoxPageLink a{
margin:0 auto;
padding:5px 20px;
background:#ddd;
text-decoration:none;
display:inline-block;
}
#masterSub .colBoxPageLink a:hover{
background:#e9e9e9;
text-decoration:none;
color:#777;
}
#masterSub .colBoxITSelect .colBoxIndex {
overflow: hidden;
}
#masterSub .colBoxITSelect h3 {
font-size: 14px;
font-weight: normal;
}
#masterSub .colBoxITSelect h3 a {
color: #036;
}

/* ランキング */

.colBoxRanking{
margin:0 0 20px;
counter-reset:colBoxRankingCounter;
position:relative;
}
.colBoxRanking .colBoxHead{
font-weight:bold;
}
.colBoxRanking .colBoxOlist li{
position:relative;
margin:0;
padding:4px 0 8px 32px;
font-size:14px;
line-height:18px;
background:none;
}
.colBoxRanking .colBoxOlist li a:after{
counter-increment:colBoxRankingCounter;
content:counter(colBoxRankingCounter);
position:absolute;
top:6px;
left:0;
padding:7px 5px;
font-size:13px;
line-height:100%;
font-weight:bold;
color:#fff;
background:#000;
}
.colBoxRanking .colBoxOlist li.rank10 a:after{
padding:7px 0;
font-size:8px;
line-height:13px;
width:18px;
text-align:center;
}

/* 注目のテーマ */
.colBoxThemeSite .colBoxIndex{
clear:both;
}
.colBoxThemeSite h3{
font-weight:normal;
}
.colBoxThemeSite img{
width:80px;
height:auto;
}
.colBoxThemeSite .colBoxSubTitle p{
font-size:11px;
line-height:1.6;
padding:0;
margin:0;
}
.colBoxThemeSite .colBoxSubTitle a{
color:#747474;
}
.colBoxThemeSite .colBoxIcon a{
border:none;
}

/* GAM */
#PC_rcol-Rectangle,
#PC_rcol-2ndRectangle,
#PC_rcol-3rdRectangle{
margin-bottom:24px;
}
#SideLink{
margin-bottom:16px;
}
#RcolBanner{
margin-bottom:16px;
overflow:hidden;
}
#SideLink.noad,
#RcolBanner.noad,
#SideLinkITS.noad,
#RcolFeatures.noad{
display:none;
margin-bottom:0;
}
#RcolBanner div{
margin-bottom:8px;
}
#PC_SuperBanner{
margin:0 auto 24px;
max-width:970px;
min-width:728px;
min-height:250px;
display:flex;
justify-content:center;
align-items:center;
overflow:hidden;
}
#masterSub .gam_headline{
font-size:14px;
line-height:1.3;
font-weight:600;
margin-bottom:16px;
padding:4px 0 6px;
border-bottom:1px solid #ccc;
color:#333;
position:relative;
}
.gam_prmark{
position:absolute;
border:#CCC 1px solid;
background-color:#FFF;
padding:2px;
font-weight:400;
font-size:11px;
line-height:13px;
top:3px;
right:4px;
font-family:Arial;
color:#666;
}
#masterMain .gam_headline{
font-weight:600;
font-size:18px;
line-height:20px;
margin-bottom:16px;
padding:8px 3px 5px;
border-bottom:1px solid #ddd;
color:#333;
position:relative;
}
#masterMain .prmark{
top:6px;
}