/*=====================================================================*/
/* BASE OVERWRITE STYLE */
/*=====================================================================*/
body {
color:#333;
}
a:link {
color:#000;
}
a:visited {
color:#555;
}
a:hover {
color:#555;
}
a img {
border:none;
}
/*=====================================================================*/
/* CHANNEL BASE STYLE */
/*=====================================================================*/
#globalContents{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
#masterMain {
width:675px;
}
#masterMainLeft {
width:200px;
float:left;
}
#masterMainRight {
width:460px;
float:right;
}
#masterSub {
width:300px;
min-height:100vh;
position:sticky;
bottom:0;
}
@supports (position: sticky) {
	#masterSub {
	align-self: flex-end;
	}
}
#masterBody {
width:990px;
margin:0 auto;
background:#FFF;
}
#globalContents > .colBoxClear {
display:none;
}
/*---------------------------------------------------------------------*/
/* ヘッダ */
/*---------------------------------------------------------------------*/
#globalHeader {
position:relative;
}
#globalHeaderMiddle {
padding:0;
margin:0 0 15px;
text-align:center;
}
/*---------------------------------------------------------------------*/
/* 検索 */
/*---------------------------------------------------------------------*/
#globalSearch {
margin:0 0 14px;
padding:0;
min-height:34px;
}
/*---------------------------------------------------------------------*/
/* 旧体裁ヘッダ */
/*---------------------------------------------------------------------*/
#globalHeaderTop {
margin:0 0 24px;
}
#globalLogo div {
margin:0;
width:160px;
height:73px;
}
#globalLogo div a {
display:block;
width:160px;
height:73px;
background:url(https://image.itmedia.co.jp/images/logo/150_mobile_bgw.gif) no-repeat bottom right;
text-indent:-9999px;
font-size:0;
line-height:0;
}
/*---------------------------------------------------------------------*/
/* ぱんくず */
/*---------------------------------------------------------------------*/
#localPankuzu {
font-size:12px;
line-height:14px;
padding:0 0 15px 5px;
}
/*---------------------------------------------------------------------*/
/* ソーシャルボタン */
/*---------------------------------------------------------------------*/
.globalSocialLinks ul {
display:table;
margin:0 0 13px 0;
padding:0;
list-style-type:none;
}
.globalSocialLinks ul li {
float:left;
width:25px;
height:24px;
margin:0 6px 0 0;
font-size:12px;
background:url(https://image.itmedia.co.jp/pcuser/images/globalHeader_socialBtn.png) no-repeat;
}
.globalSocialLinks ul li a {
display:block;
text-indent:-9999px;
}
.globalSocialLinks ul li.globalSocialLinks-Facebook {
background-position:0 0;
}
.globalSocialLinks ul li.globalSocialLinks-Twitter {
background-position:-31px 0;
}
.globalSocialLinks ul li.globalSocialLinks-RSS {
background-position:-63px 0;
}
.globalSocialLinks ul li.globalSocialLinks-Hatena {
background-position:-126px 0;
}
.globalSocialLinks ul li.globalSocialLinks-mailmagazine {
background-position:-158px 0;
}
/*---------------------------------------------------------------------*/
/* フッタ */
/*---------------------------------------------------------------------*/
#globalFooter {
padding:10px 0;
}
#globalFooterLink {
color:#999;
font-size:12px;
line-height:14px;
text-align:right;
margin:0;
padding:30px 15px 5px;
border-bottom: 3px solid #EEE;
}
#globalFooterBottom #lnavSub {
display:none;
}
#globalFooterBottom #lnavSubSub {
display:none;
}
#globalFooterCorp {
border-top:1px solid #DDD;
padding:11px 15px 8px;
}
/*---------------------------------------------------------------------*/
/* カラムボックスカスタム */
/*---------------------------------------------------------------------*/
.colBox a:hover {
color:#777;
}
.colBoxHead {
margin:0 0 5px;
padding:10px 10px 8px 2px;
border-bottom:3px solid #333;
color:#555;
}
.colBoxHead h2 {
font-size:14px;
line-height:19px;
}
#masterMain .colBoxHead h2 {
font-size:17px;
line-height:20px;
}
.colBoxSenna .colBoxHead {
display:none;
}
.colBoxHeadSubtxt {
top:10px;
right:10px;
}
.colBoxInner {
padding:10px 0;
}
.colBoxIndex {
margin:0 0 15px;
padding:0;
}
#masterMain .colBoxSubTitle div,
#masterMain .colBoxSubTitle h5 {
display:block;
color:#666;
font-size:14px;
line-height:18px;
font-weight:normal;
}
.colBoxTitle h3 {
font-size:22px;
line-height:32px;
font-weight:normal;
}
#masterMainLeft .colBoxTitle h3 {
font-size:17px;
line-height:22px;
}
#masterSub .colBoxTitle h3 {
font-size:14px;
line-height:20px;
}
.colBoxDescription {
margin:0 0 10px;
}
.colBoxDescription p {
font-size:13px;
line-height:18px;
}
.colBoxLeft .colBoxIcon a,
.colBoxIcon a {
margin:0 10px 10px 0;
}
#masterSub .colBoxIcon a {
margin:0 5px 5px 0;
}
.colBoxUlist ul,
.colBoxOlist ol {
font-size:14px;
line-height:18px;
}
.colBoxUlist ul li,
.colBox .backNumBoxIn ul li {
background:url(https://image.itmedia.co.jp/images/ulli_document1.gif) no-repeat 0 6px;
margin:0;
padding:6px 0 6px 20px;
}
.colBoxInfo .colBoxDate {
font-size:12px;
line-height:16px;
color:#999;
}
#masterSub .colBoxTable {
margin:0 0 10px;
}
#masterMain .colBoxPageLink {
padding:0 10px 10px;
}
#masterSub .colBoxPageLink {
padding:3px 10px;
}
.colBoxNewtxt {
font-size:78%;
padding-left:3px;
}
/* カレンダー */
.colBoxCalendar .colBoxInner {
margin:0;
/* padding:0; */
}
.colBoxCalendar .colBoxIndex {
border-radius:0;
box-shadow:none;
border-bottom:none;
float:left;
height:100px;
margin:0;
padding:0 0 0 3px;
width:140px;
}
.colBoxCalendar .colBoxUlist ul li a {
display:block;
float:left;
width:25px;
margin:0 2px 2px;
padding:2px;
background:#fff;
border:1px solid #ddd;
text-align:center;
font-size:10px;
line-height:14px;
}
.colBoxCalendar .colBoxUlist ul li a:hover {
background:#ddd;
text-decoration:none;
}
#masterSub .colBoxCalendar .colBoxIndex {
display:none;
}
#masterSub .colBoxCalendar .colBoxIndex.colBoxCount1,
#masterSub .colBoxCalendar .colBoxIndex.colBoxCount2,
#masterSub .colBoxCalendar .colBoxIndex.colBoxCount3,
#masterSub .colBoxCalendar .colBoxIndex.colBoxCount4 {
display:block;
margin:0 10px 0 0;
padding:0;
}
#masterSub .colBoxCalendar .colBoxOuter {
background:none;
border:none;
}
#masterSub .colBoxCalendar .h10px,
#masterSub .colBoxITMID .h10px {
height:0;
}
/* アクセスランキング */
#masterSub .colBoxRanking .colBoxInner {
padding:5px 0;
}
#masterSub .colBoxRanking .colBoxIndex {
position:relative;
margin:0;
padding:0;
}
.colBoxRanking .colBoxSubhead {
background:none;
font-size:11px;
line-height:12px;
position:absolute;
right:2px;
top:-30px;
color:#656565;
}
.colBoxRanking .colBoxOlist ol li {
position: relative;
z-index: 1;
margin:0 0 6px;
padding:0 3px 4px 34px;
background: none;
}
.colBoxOlist ol li:after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 10;
display: block;
width: 28px;
height: 28px;
background:url(https://image.itmedia.co.jp/images/olli_rank0.gif) no-repeat 0 2px;
}
.colBoxOlist ol .rank1:after {background-position:0 0;}
.colBoxOlist ol .rank2:after {background-position:0 -100px;}
.colBoxOlist ol .rank3:after {background-position:0 -200px;}
.colBoxOlist ol .rank4:after {background-position:0 -300px;}
.colBoxOlist ol .rank5:after {background-position:0 -400px;}
.colBoxOlist ol .rank6:after {background-position:0 -500px;}
.colBoxOlist ol .rank7:after {background-position:0 -600px;}
.colBoxOlist ol .rank8:after {background-position:0 -700px;}
.colBoxOlist ol .rank9:after {background-position:0 -800px;}
.colBoxOlist ol .rank10:after {background-position:0 -900px;}
.colBoxRanking .colBoxOlist ol li span {
display:block;
text-align:right;
font-size:11px;
line-height:14px;
color:#999;
}
/* 共通タブ */
.colBox.colBoxTab {
margin:0;
padding:0;
}
.colBoxTab .colBoxOuter {
background:none;
border:none;
}
/* 更新表示 */
.colBoxUpdating {
padding:5px 3px 1px;
margin-bottom:0;
float:right;
font-size:12px;
line-height:16px;
}
.colBoxUpdating .colBoxInfo .colBoxDate {
font-size:12px;
line-height:16px;
}
#masterMain .colBoxUpdating .colBoxInner {
padding:0;
}
.arrow {
color:#F60;
font-weight:bold;
font-size:12px;
line-height:16px;
}
.colBoxUpdating .colBoxOuter {
background:none;
border:none;
}
/* 拡大画像 */
.colBoxLargeImage .colBoxOuter {
background:none;
border:none;
}
/* 汎用ソーシャルパーツ */
#masterMain .colBoxCsbBtn .colBoxInner {
padding:5px;
}
.colBoxCsbBtn .csbBtn {
float:left;
margin:0 10px 0 0;
}
/* GAM */
#RcolRectangle,
#RcolRectangle2 {
margin:0 0 16px;
}
#RcolText.delivery {
margin:0 0 16px;
}
/* ウォールペーパー */
#WallPaper{
width:990px;
margin:0 auto;
position:relative;
overflow:hidden;
}
#WallPaper .WallPaperIn{
position:absolute;
top:0;
}
#WallPaper .WallPaperSet{
position:fixed;
}
/* SideLink */
#SideLink.noad{
display:none;
}
.SideLinkSlot{
min-width:300px
;min-height:78px;
}
/* RcolText */
#RcolText{
display:none;
}
#RcolText.delivery{
display:block;
}
.RcolTextSlot{
min-width:300px;
min-height:68px;
}
/* 右用見出し */
#masterSub .gam_headline{
font-size:14px;
line-height:19px;
font-weight:600;
margin-bottom:14px;
padding:10px 10px 8px 2px;
border-bottom:3px solid #333;
color:#555;
position:relative;
}
#masterSub .gam_prmark {
position:absolute;
border:#CCC 1px solid;
padding:2px;
font-weight:400;
font-size:11px;
line-height:13px;
top:12px;
right:4px;
font-family:Arial;
color:#666;
}
/* SuperBanner */
#div-gpt-ad-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;
}