@charset "utf-8";
@import url('base_pc.css');
@import url('common.css');
@import url('ad.css');

/*---------------------------------------------------------------------*/
/* globalHeader */
/*---------------------------------------------------------------------*/
#globalLogo {
top:25px;
left:14px;
width:220px;
height:50px;
}
#globalLogo h1,
#globalLogo div {
width:220px;
height:50px;
}
#globalLogo h1 a,
#globalLogo div a {
display:block;
width:220px;
height:70px;
padding:0;
background:url(http://el.jibun.atmarkit.co.jp/for_sites/images/logo_el_10th.png) no-repeat 0 0;
text-indent:-9999px;
font-size:0;
line-height:0;
}
#globalHeaderMiddle {
margin-top:25px;
padding:0px 0 10px 250px;
}
#colBoxSearchTop {
position:relative;
top:75px;
left:10px;
width:225px;
}
#colBoxSearchTop .colBoxHead {
display:none;
}
#colBoxSearchTop .colBoxInner {
margin-top:5px;
}
#colBoxSearchTop .colBoxSearch .gsc-search-button input.gsc-search-button-v2 {
display:block;
margin:0;
}
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn12 {
margin:3px 0 0 3px;
padding:5px 7px 4px 7px;
border-radius:2px;
background:#FFF;
}
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn12 a {
color:#000;
text-shadow:0 0 0 rgba(255,255,255,0);
}

/*---------------------------------------------------------------------*/
/* localNavigation */
/*---------------------------------------------------------------------*/
#localNavigation {
padding:10px 0;
}
#localNavigation .lnavIn {
display:table;
width:100%;
background-color: #545454;
}
#lnavMain {
position:relative;
float:left;
padding:0;
height:26px;
background:#fff;
border:none;
}
#lnavMain:after {
content:'';
position:absolute;
top:26px;
left:0;
width:100%;
height:20px;
background:#fff;
}
#lnavMain .lnavBtn {
float:left;
border-bottom:none;
}
#lnavMain .lnavBtn a {
position: relative;
margin:0 5px 0 3px;
padding:5px 43px;
background:#fff;
border:none;
font-weight:bold;
border-bottom: 2px #dddddd solid;
z-index: 1;
}
#lnavMain .lnavBtn a:hover {
color:#c00;
border-bottom: 2px #676767 solid;
background:none;
}
#lnavMain .lnavBtn-guide a {
padding:5px 15px 5px 35px;
background:#fff url(http://el.jibun.atmarkit.co.jp/for_sites/images/icon_guide.png) no-repeat 13px 5px;
}
#lnavMain .lnavBtn-guide a:hover {
background:#fff url(http://el.jibun.atmarkit.co.jp/for_sites/images/icon_guide.png) no-repeat 13px 5px;
}
#lnavSub {
float:left;
position:relative;
height:2px;
}
#lnavSub:after {
/*
content:'目的別にエントリーを見る';
position:absolute;
top:26px;
left:0;
width:100%;
height:20px;
background:#0277ef;
font-size:10px;
color:#fff;
*/
}
#lnavSub .lnavBtn {
float:left;
padding:0;
font-size:12px;
line-height:24px;
border-bottom:none;
}
#lnavSub .lnavBtn a {
display:block;
margin:0;
padding:5px 25px;
background:#545454;
border-right:1px solid #999;
font-size:12px;
line-height:16px;
font-weight:bold;
color:#FFF;
}
#lnavSub .lnavBtn a:hover {
background:#676767;
}

#lnavSubSub {
float:left;
position:relative;
height:2px;
}
#lnavSubSub:after {
/*
content:'ブロガーごとにエントリーを見る';
position:absolute;
top:26px;
left:0;
width:100%;
height:20px;
background:#2aa7ff;
font-size:10px;
color:#fff;
*/
}
#lnavSubSub .lnavBtn {
float:left;
padding:0;
font-size:12px;
line-height:24px;
border-bottom:none;
}
#lnavSubSub .lnavBtn a {
display:block;
margin:0;
padding:5px 10px;
background:#545454;
border-right:1px solid #999;
font-size:12px;
line-height:16px;
font-weight:bold;
color:#FFF;
}
#lnavSubSub .lnavBtn a:hover {
background:#666;
}

/*---------------------------------------------------------------------*/
/* localPankuzu */
/*---------------------------------------------------------------------*/
#localPankuzu {
padding:10px;
font-size:11px;
margin-bottom:5px;
}

/*---------------------------------------------------------------------*/
/* masterContents */
/*---------------------------------------------------------------------*/
#masterContents {
padding-top:0;
}
#masterMain {
background:#FFF;
}
/* OVERWRITE a */
#masterMain a:link,
#masterMain a:visited {
color:#001E5A;
}
#masterMain .ctrl a {
color:#000;
}
a img {
border:none;
}

/*---------------------------------------------------------------------*/
/* msbSocialbutton */
/*---------------------------------------------------------------------*/
.msbSocialbuttonBig .msbBtnLikebuttonJsonCount,
.msbSocialbuttonBig .msbBtnTweetbuttonJsonCount,
.msbSocialbuttonBig .msbBtnHatenabuttonJsonCount,
.msbSocialbuttonBig .msbBtnPocketbutton a,
.msbSocialbuttonBig .msbBtnGoogleplusone a {
font-family:'メイリオ', Meiryo;
}
.msbSocialbuttonBig .msbBtnLikebuttonJson a,
.msbSocialbuttonBig .msbBtnTweetbuttonJson a,
.msbSocialbuttonBig .msbBtnHatenabuttonJson a,
.msbSocialbuttonBig .msbBtnPocketbutton a,
.msbSocialbuttonBig .msbBtnGoogleplusone a {
background-size: 20px 20px;
padding: 26px 5px 0;
}
.msbSocialbuttonBig {
width:260px;
}
.msbSocialbuttonBig .msbBtn {
padding:0;
}

/*---------------------------------------------------------------------*/
/* colBoxRanking */
/*---------------------------------------------------------------------*/
.colBoxRanking {
margin:10px 0;
}
.colBoxRanking .colBoxOlist ol li {
font-size:14px;
line-height:22px;
}

/*---------------------------------------------------------------------*/
/* colBoxNotice for TOP */
/*---------------------------------------------------------------------*/
.colBoxNotice .colBoxTitle h3 {
font-size:14px;
line-height:18px;
}
.colBoxNotice .colBoxDescription p {
margin:0;
font-size:13px;
line-height:20px;
}

/*---------------------------------------------------------------------*/
/* colBoxPickupEntry for TOP */
/*---------------------------------------------------------------------*/
.colBoxPickupEntry .colBoxIndex {
display:table;
width:100%;
}
.colBoxPickupEntry .colBoxIndexLeft {
display:table-cell;
width:110px;
vertical-align:top;
}
.colBoxPickupEntry .colBoxIndexRight {
display:table-cell;
vertical-align:top;
}
.colBoxPickupEntry .colBoxIcon a img {
width:100px;
}
.colBoxPickupEntry .colBoxTitle h1 {
font-size:16px;
line-height:22px;
}
.colBoxPickupEntry .colBoxDescription p {
font-size:14px;
line-height:22px;
}
#masterMain .colBoxPickupEntry .colBoxInfo .colBoxBlogName a:link,
#masterMain .colBoxPickupEntry .colBoxInfo .colBoxBlogName a:visited {
color:#333;
}

/*---------------------------------------------------------------------*/
/* colBoxNewEntries for TOP & SUBTOP(newentry.html) */
/*---------------------------------------------------------------------*/
.colBoxNewEntries {
margin:10px 0;
}
.colBoxNewEntries .colBoxIndex {
display:table;
width:100%;
}
.colBoxNewEntries .colBoxIndexLeft {
display:table-cell;
vertical-align:top;
width:70px;
}
.colBoxNewEntries .colBoxIndexRight {
display:table-cell;
vertical-align:top;
padding-left: 15px;
}
/* RM42437 */
.colBoxNewEntries .colBoxIcon a {
margin-bottom: 10px;
height: 80px;
overflow: hidden;
}
.colBoxNewEntries .colBoxIcon img {
width:80px;
border:none;
}
.colBoxNewEntries .colBoxTitle {
margin:0 0 5px;
}
.colBoxNewEntries .colBoxTitle h1 {
font-size:16px;
line-height:22px;
}
.colBoxNewEntries .colBoxInfo .colBoxBlogName a:link,
.colBoxNewEntries .colBoxInfo .colBoxBlogName a:visited {
color:#333;
}

/*---------------------------------------------------------------------*/
/* colBoxMonthlyAccessRanking for SUBTOP(ranking) */
/*---------------------------------------------------------------------*/
.colBoxMonthlyAccessRanking ol li a {
padding:0 0 0 48px;
}
.colBoxMonthlyAccessRanking ol .rank1 a {
font-size:20px;
line-height:26px;
}
.colBoxMonthlyAccessRanking ol .rank2 a,
.colBoxMonthlyAccessRanking ol .rank3 a {
font-size:18px;
line-height:24px;
}

/*---------------------------------------------------------------------*/
/* colBoxBloggers for SUBTOP(bloggers) */
/*---------------------------------------------------------------------*/
.colBoxBloggers .colBoxIndex {
display:table;
width:100%;
margin-bottom:10px;
}
.colBoxBloggers .colBoxIndexLeft {
display:table-cell;
width:60px;
vertical-align:top;
}
.colBoxBloggers .colBoxIndexRight {
display:table-cell;
vertical-align:top;
}
.colBoxBloggers .colBoxTitle {
margin:0 0 3px;
}
.colBoxBloggers article:nth-child(-n+20) {
width:48%;
float:left;
margin-right:10px;
}
.colBoxBloggers article:nth-child(odd) {
clear:both;
}
.colBoxBloggers article:nth-child(-n+20) .colBoxIndexLeft {
width:80px;
}
.colBoxBloggers article:nth-child(-n+20) .colBoxTitle a {
display:block;
}
.colBoxBloggers article:nth-child(-n+20) .colBoxIcon img {
width:70px;
}

/*---------------------------------------------------------------------*/
/* colBoxBloggers for SUBTOP(best30) */
/*---------------------------------------------------------------------*/
.colBoxMonthlyBloggerRanking .colBoxIndex {
display:table;
width:100%;
}
.colBoxMonthlyBloggerRanking .colBoxIndexLeft {
display:table-cell;
vertical-align:top;
}
.colBoxMonthlyBloggerRanking .colBoxIndexRight {
display:table-cell;
vertical-align:top;
}
.colBoxMonthlyBloggerRanking .colBoxTitle h1 {
font-size:18px;
line-height:24px;
}

/*---------------------------------------------------------------------*/
/* colBoxBlogInfo for BLOG */
/*---------------------------------------------------------------------*/
#masterMain .colBoxBlogInfo a:link,
#masterMain .colBoxBlogInfo a:visited {
color:#FFF;
}
.colBoxBlogInfo .colBoxRSS {
padding:1px 0 1px;
width:80px;
height:inherit;
}
.colBoxBlogInfo .colBoxRSS a {
width:60px;
height:23px;
padding:1px 0 0 15px;
background:url(http://el.jibun.atmarkit.co.jp/for_sites/images/icon_rss.png) no-repeat 14px 4px;
background-size:14px;
text-indent:inherit;
}
.colBoxBlogInfo .colBoxTitle {
padding:13px 80px 13px 10px;
font-size:28px;
line-height:34px;
}

/*---------------------------------------------------------------------*/
/* colBoxArticleIndex for BLOG TOP & ARCHIVE */
/*---------------------------------------------------------------------*/
.colBoxArticleIndex {
margin-bottom:30px;
}
.colBoxArticleIndex .colBoxInner {
border-top:6px #ddd solid;
}
.colBoxArticleIndex .colBoxIndex {
margin:0;
}
.colBoxArticleIndex .colBoxIndex a {
display:block;
padding:13px 10px 5px;
}
#masterMain .colBoxArticleIndex .colBoxIndex a:link,
#masterMain .colBoxArticleIndex .colBoxIndex a:visited {
color:#222;
}
#masterMain .colBoxArticleIndex .colBoxIndex a:hover {
background:#f0f0f0;
color:#039;
}
.colBoxArticleIndex .colBoxIndex a:link,
.colBoxArticleIndex .colBoxIndex a:visited,
.colBoxArticleIndex .colBoxIndex a:hover,
.colBoxArticleIndex .colBoxIndex a:active {
text-decoration:none;
}
.colBoxArticleIndex .colBoxTitle {
background:url(http://el.jibun.atmarkit.co.jp/for_sites/images/icon_arr_02.png) no-repeat right center;
background-size: 14px;
}
.colBoxArticleIndex .colBoxIndex a:hover .colBoxTitle {
background:url(http://el.jibun.atmarkit.co.jp/for_sites/images/icon_arr_02.png) no-repeat right center;
background-size: 14px;
}
.colBoxArticleIndex .colBoxTitle h1 {
margin:0;
padding:0 25px 0 0;
font-size:18px;
line-height:24px;
background-color:rgba(255,255,255,0.8);
}
.colBoxArticleIndex .colBoxIndex a:hover .colBoxTitle h1 {
background-color:rgba(255,255,255,0);
}
.colBoxArticleIndex .colBoxInfo {
margin:0;
}
.colBoxArticleIndex .colBoxIndex a:link .colBoxInfo,
.colBoxArticleIndex .colBoxIndex a:visited .colBoxInfo,
.colBoxArticleIndex .colBoxIndex a:hover .colBoxInfo,
.colBoxArticleIndex .colBoxIndex a:active .colBoxInfo {
color:#666;
}

/*---------------------------------------------------------------------*/
/* cms(entrBody) for BLOG ENTRY BODY */
/*---------------------------------------------------------------------*/
.tmplArticleIn {
padding:0 5px;
}
#cmsTitle h1 {
padding:15px 0;
}
#masterMain #cmsCategories a {
float:left;
margin:0 8px 6px 0;
padding:3px 10px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
background:#eee;
color:#666;
}
#masterMain #cmsCategories a:hover {
background:#f5f5f5;
color:#999;
}
#masterMain #cmsCategories .inner:after {
content:"";
clear:both;
display:block;
}
#cmsDate {
float:right;
font-size:12px;
}
#cmsEntryInfo .entryAuthorName {
background:url(http://el.jibun.atmarkit.co.jp/for_sites/images/icon_author_s.png) no-repeat 0 3px;
}
#cmsEntryInfo .entryDate {
background:url(http://el.jibun.atmarkit.co.jp/for_sites/images/icon_date_s.png) no-repeat 0 3px;
}
#cmsEntryInfo .entryCommentCount {
background:url(http://el.jibun.atmarkit.co.jp/for_sites/images/icon_comment_s.png) no-repeat 0 3px;
}
#cmsEntryInfo .entryCommentCount a:link,
#cmsEntryInfo .entryCommentCount a:visited {
color:#333;
}

/*---------------------------------------------------------------------*/
/* newzia_connect for BLOG ENTRY BOTTOM */
/*---------------------------------------------------------------------*/
#newzia_connect ul {
margin:0;
}
#newzia_connect ul li span {
font-size:10px;
color:#666;
}
#newzia_connect a:link,
#newzia_connect a:visited {
color:#333;
}

/*---------------------------------------------------------------------*/
/* colBoxLatestEntries for BLOG ENTRY BOTTOM */
/*---------------------------------------------------------------------*/
#masterMain .colBoxLatestEntries a:link,
#masterMain .colBoxLatestEntries a:visited {
color:#333;
}
#masterMain .colBoxLatestEntries a:hover {
text-decoration:underline;
}

/*---------------------------------------------------------------------*/
/* colBoxEntryComments for BLOG ENTRY BOTTOM */
/*---------------------------------------------------------------------*/
.colBoxPostComment fieldset ul {
margin:0;
}
.colBoxPostComment #comments-open-text textarea {
width:100%;
height: 200px;
margin-bottom:10px;
}

/*---------------------------------------------------------------------*/
/* masterType-subtop-profile for bprofile.html */
/*---------------------------------------------------------------------*/
#masterType-subtop-profile #subtopDescription p {
line-height:20px;
}

/*---------------------------------------------------------------------*/
/* colBoxProfileDetail for bprofile.html */
/*---------------------------------------------------------------------*/
.colBoxProfileDetail .colBoxInner {
padding:10px;
}

/*---------------------------------------------------------------------*/
/* masterSub */
/*---------------------------------------------------------------------*/
#masterSub .colBoxHeadSubtxt {
top:6px;
right:3px;
}


/*---------------------------------------------------------------------*/
/* colBoxGoogleAd */
/*---------------------------------------------------------------------*/
.colBoxGoogleAd {
	display: block;
	text-align: center;
	padding: 10px 0;
}
.colBoxGoogleAd .colBoxGoogleAdInner {
	display: block;
	text-align: center;
}

/*---------------------------------------------------------------------*/
/* globalNavigationGroup4 */
/*---------------------------------------------------------------------*/
#globalNavigationGroup4 #globalNavigation .gnavBtn a {
	background-color: transparent;
}

/*---------------------------------------------------------------------*/
/* 10th */
/*---------------------------------------------------------------------*/
body {
background: linear-gradient(1deg, rgba(255, 255, 255, 255.4), rgba(255, 209, 10, 0.25)) ,url(http://el.jibun.atmarkit.co.jp/for_sites/images/bg.png) no-repeat 0 0;
}