/*---------------------------------------------------------------------*/
/* MAIN */
/*---------------------------------------------------------------------*/
html,
body,
* html body{
font-family:Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic ProN, 'ヒラギノ角ゴ ProN W3', Osaka, Verdana, 'ＭＳ Ｐゴシック';
-webkit-text-size-adjust:none;
font-size:62.5%;
margin:0;
padding:0;
line-height:1.7;
}
h1,h2,h3,h4,h5,li,p {
overflow-wrap:break-word;
}

/* 注目のテーマ */
.colBoxThemeSite{
overflow:hidden;
}
.colBoxThemeSite .colBoxIndex{
clear:both;
}
.colBoxThemeSite h3{
font-weight:normal;
}
.colBoxThemeSite img{
width:80px;
height:auto;
}
.colBoxThemeSite .colBoxSubTitle p{
font-size:1.1rem;
line-height:1.6;
padding:0;
margin:0;
}
.colBoxThemeSite .colBoxSubTitle a{
color:#747474;
}
.colBoxThemeSite .colBoxIcon a{
border:none;
float:left;
margin:0 4px 16px 0;
line-height:0;
}
.colBoxThemeSite .colBoxSubTitle a {
color:#747474;
}
#masterSub .colBoxThemeSite .colBoxTitle h3 {
font-size:1.6rem;
line-height:2.5rem;
margin:0;
}
/*---------------------------------------------------------------------*/
/* ヘッダー 追従 */
/*---------------------------------------------------------------------*/
.g_nav_outer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	z-index: 999;
	}
	#masterHeader {
	padding-top: 50px;
	}
/*---------------------------------------------------------------------*/
/* AD */
/*---------------------------------------------------------------------*/
/* LOGOAD */
#LogoAD{
text-align:center;
}
/* IndexTopLink */
#IndexTopLink.delivery{
margin-bottom:20px;
border-bottom:1px #ccc solid;
}
/* RcolRectangle */
#RcolRectangle{
width:300px;
margin:0 auto 24px;
line-height:0;
}

/*---------------------------------------------------------------------*/
/* フッタ */
/*---------------------------------------------------------------------*/
#masterFooter{
width:100%;
padding:40px 0 8px;
}
#globalFooterBottom{
border-bottom:3px solid #EEE;
}
#globalFooterLink{
font-size:1rem;
line-height:1.4rem;
text-align:right;
width:970px;
margin:0 auto;
padding:0;
}
#globalFooterCorp{
padding:32px 0 0 0;
width:970px;
margin:0 auto;
}
#globalCopyright{
font-size:1.2rem;
line-height:1.6rem;
}
#globalFooterCorpLink{
font-size:1.2rem;
line-height:1.6rem;
margin:0;
clear:both;
}
#globalFooterCorpLogo{
font-size:1.2rem;
line-height:1.6rem;
position:relative;
display:block;
margin:0 0 5px;
padding:12px 0 0 180px;
}
#globalFooterCorpLogo a{
position:absolute;
top:0;
left:0;
display:block;
width:170px;
height:28px;
background:url(https://image.itmedia.co.jp/images/logo/170_itmedia_bgw.gif) no-repeat 0 0;
text-indent:-9999px;
float:left;
}
.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:1.6rem;
line-height:2rem;
font-weight:600;
margin:0 0 16px;
}
.footerMailmag a{
font-size:1.4rem;
line-height:3.2rem;
background:#FFF;
display:inline-block;
padding:0 24px;
transition:all 0.5s;
}
.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;
}
@media screen and (max-width:1000px){
	#globalFooterLink{
	width:94%;
	}
	#globalFooterCorp{
	width:94%;
	}
}

/* ランキング */
.colBoxRanking{
margin:0 0 20px;
counter-reset:colBoxRankingCounter;
position:relative;
}
#masterSub .colBoxRanking .colBoxHead,
#masterSubBottom .colBoxRanking .colBoxHead{
font-size:1.4rem;
line-height:1.8rem;
padding:4px 0;
font-weight:bold;
border-bottom:1px solid #ddd;
margin: 0 0 10px;
}
#masterSubBottom .colBoxRanking .colBoxHead p{
font-weight: bold;
padding: 4px 0;
margin: 0;
}
.colBoxRanking .colBoxTab{
font-size:1.3rem;
line-height:2rem;
position:absolute;
top:0;
right:0;
margin:0;
list-style:none;
}
.colBoxRanking .colBoxTab li{
transition:all 0.5s;
float:left;
width:50px;
margin:0 0 0 5px;
padding:2px 5px;
text-align:center;
border:none;
background:#999;
cursor:pointer;
color:#fff;
}
.colBoxRanking.dayActive .colBoxTab li:first-child,
.colBoxRanking.wekActive .colBoxTab li:nth-child(2){
background:#000;
}
.colBoxRanking .colBoxTab li::after{
display:none;
}
.colBoxRanking #colBoxWeeklyRank,
.colBoxRanking #colBoxDailyRank{
margin:5px;
}
.colBoxRanking .colBoxOlist ol,
.colBoxRanking ol.colBoxOlist{
margin:0;
padding:0;
list-style-type:none;
}
.colBoxRanking .colBoxOlist li{
font-size:1.4rem;
line-height:1.8rem;
position:relative;
margin:0;
padding:4px 0 8px 32px;
background:none;
min-height:30px;
height:auto !important;
}
.colBoxRanking .colBoxOlist li a:after{
font-size:1.3rem;
line-height:100%;
counter-increment:colBoxRankingCounter;
content:counter(colBoxRankingCounter);
position:absolute;
top:6px;
left:0;
padding:7px 5px;
font-weight:bold;
color:#fff;
background:#000;
}
.colBoxRanking .colBoxOlist li.rank10 a:after{
font-size:0.8rem;
line-height:1.3rem;
padding:7px 0;
width:18px;
text-align:center;
}
#masterSub .colBoxRanking .colBoxOlist li.rank10 a:after{
font-size:0.8rem;
line-height:1.3rem;
padding:7px 0;
width:18px;
text-align:center;
}

/*---------------------------------------------------------------------*/
/* ローカルナビ */
/*---------------------------------------------------------------------*/
#localNavigation{
margin:0;
background:rgba(255,255,255,1);
}
#localNavigation a:active{
background-color:transparent;
}
#lnavMain .lnavBtn a:link,
#lnavMain .lnavBtn a:visited{
}
#lnavMain .lnavBtn a:hover,
#lnavMain .lnavBtnActive a:link,
#lnavMain .lnavBtnActive a:visited,
#lnavMain .lnavBtnActive a:hover{
text-decoration:none;
}
@media screen and (max-width:480px){
	#lnavMain .lnavBtn a{
	font-size:13px;
	padding:0 8px;
	}
}
@media screen and (max-width:339px){
	#lnavMain .lnavBtn a{
	font-size:12px;
	}
}

/* GAM */
.gam_headline,
#LogoAD div.gam_headline{
width:100%;
font-size:16px;
line-height:1.3;
font-weight:600;
margin-bottom:16px;
padding:0 0 5px 0;
border-bottom:1px solid #ccc;
color:#333;
position: relative;
text-align:left;
}
.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;
}