@charset "utf-8";
/* CSS Document */


@import url('fonts.css');

/* ヘッダー要素 */


#header {
background-image: url(../images/bg_paper_new1.png);
background-repeat: repeat-x;
height: 75px;
width:100%;
position: fixed;
top: 0px;
left: 0px;
z-index:999999;
}

#top_nav {
background-color:#f2f2f2;
height: 25px;
width:100%;
position: fixed;
top: 75px;
left: 0px;
z-index:99999;
padding:10px;
-webkit-box-shadow: 0 5px 30px -10px rgba(0,0,0,1);
box-shadow: 0 5px 30px -10px rgba(0,0,0,1);

}


#site_logo {
position: absolute;
left: 10px;
top: 7px;
}
#mag_logo_box {
position: absolute;
left: 10px;
top: 38px;
}
#btn_login {
position: absolute;
top: 0px;
right: 70px;
}
#btn_discribe {
position: absolute;
top: 20px;
right: 20px;
}
#mag_logo_box img {
color: #FFF;
padding: 5px;
margin-right: 10px;
filter: alpha(opacity=25);
-moz-opacity:0.25;
opacity:0.25;
}

#mag_logo_box img.on {
border-top: 2px solid #fff;
border-right: 2px solid #aeaeae;
border-bottom: 2px solid #aeaeae;
border-left: 2px solid #aeaeae;
background-color:#FFF;
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;
border-radius: 0px 0px 7px 7px;
}


#mag_logo_box img.of {
border-top: 2px solid #aeaeae;
border-right: 2px solid #aeaeae;
border-bottom: 2px solid #aeaeae;
border-left: 2px solid #aeaeae;
background-color:#FFF;
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;
border-radius: 0px 0px 7px 7px;
}


#mag_logo_box img.of:hover {
border-top: 2px solid #fff;
border-right: 2px solid #aeaeae;
border-bottom: 2px solid #aeaeae;
border-left: 2px solid #aeaeae;
background-color:#FFF;
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;
border-radius: 0px 0px 7px 7px;
}

/* ヘッダー要素 */


#contents .clearfix #leftside .tit_box {
background-color:#fff;
width: 712px;
padding:20px 20px 5px 20px;
overflow: hidden;

}
.readmore_box .rest {
background-image: url(../images/bg_rest.png);
background-repeat: no-repeat;
padding-left: 20px;
margin: 0 0 10px 0;
}


.art_txt {
margin-top: 20px;
margin-bottom: 40px;
}
body #wrapper #contents .clearfix #leftside .sns_box_left {
padding: 10px 20px 20px 150px;
background-color:#fff;
height:50px;
width: 752px;
margin-bottom: 10px;
box-sizing: border-box;
}
body #wrapper #contents .clearfix #sub_content .tit_txt {
background-color: #000;
margin:20px 0;
padding: 5px;
color:#FFF;
}


#sub_content dl {
margin: 0 0 20px 0;
}
#sub_content {
background-color: #FFF;
margin:0 auto 20px auto;
width: 712px;
}



#sub_content dl dt {
float: left;
width: 80px;
height:42px;
position:relative;
overflow:hidden;
margin-right: 20px;
}



#sub_content dl dt img {
width: 100%;
position:absolute;
top:50%;
left:50%;
transform: translate(-50%, -50%);
margin:0 20px 0 0;
}











body #wrapper #contents #rightside {
width: 700px;
display: block;
margin: 20px auto 20px auto;
overflow-x: hidden;
}

#sns_box {
width: 47px;
padding:60px 0 0 0;
height:206px;
position:fixed;
top:150px;
right:0px;
background-image:url(../images/bg_sns_box.png);
background-repeat:no-repeat;
z-index:99999;
}

#sns_box img{
margin:0 0 10px 12px;
}



.sns_box_rt {
float: right;
margin: 0 0 20px;
padding: 0;
/*	text-align: right;*/
}

.sns_box_rt .fb_com {
float: left;
margin: 0 10px 0 0;
}
.sns_box_rt .ht {
float: right;
margin: 0 0 0 5px;
}
.sns_box_rt .tw {
float: right;
margin: 0 0 0 5px;
}
.sns_box_rt .fb {
float: right;
margin: 0;
}
.sns_box_rt .gp {
float: right;
margin: 0 0 0 10px;
}
.sns_box_rt .bk {
float: right;
margin: 0 0 0 5px;
}
.gplusone div {
width: 65px !important;
}


.art_box_base{
margin:0 auto;
width:712px;
}

a .bm_cont {
text-align:center;
margin:10px;
width:55px;
display:block;
}
body #wrapper #contents .clearfix #rightside .fb_coment {
background-color: #FFF!important;
margin: 0px 0 10px 0!important;
padding: 0 10px;
float: left;
width: 380px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body #wrapper #contents .clearfix #rightside #box-rt {
float: right;
width: 300px;
}
#rightside #ranking {
background-color: #000;
padding:10px;
margin:10px 0 0 0;
}

#rightside #ranking img {
margin:0 10px 0 0 ;
}

#rightside #ranking p.tit {
color:#fff;
font-weight:bold;
}
#month_select {
height:30px;
margin-top: 10px;
}
body #wrapper #contents .clearfix #rightside .fb_coment .fb-comments {
background-color: #FFF!important;
}


#coment_box {
background-color: #FFF;
padding: 30px 10px 0 10px;
position:relative;
margin:40px auto 110px auto;
width:680px;

}


.fb_come_tit {
position:absolute;
left: 60px;
top: -20px;
}

#footer_base {
position: fixed !important;
bottom: 0;
left: 0;
width: 100%;
height: 35px;
border-top: solid 1px #ccc;
z-index: 999999;
}

#footer {
padding: 0px 10px;
margin-right: auto;
margin-left: auto;
}
#footer img {
height: 25px;
margin-top: 5px;
}
#ranking #rank_in {
margin: 10px 0 0 0;
background-color:#FFF;
padding:10px;
}
.tit_box h1 {
font-size: 200%;
line-height: 1.2;
font-weight: bold;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;
margin: 0 0 20px 0;
color: #000;
}
#leftside .tit_box .category {
font-weight: bold;
color: #000;
margin:0 0 20px 0;
font-size:120%;
}
#rightside #ranking #rank_in p {
font-size: 123.1%;
line-height:1.2;
font-weight:bold;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;
margin:0 0 10px 0;
}
#rank_in p span {
color: #099;
}



body #wrapper #footer .ft_nav ul {
margin: 10px 0 0 250px;
list-style-type: none;

}
body #wrapper #footer .ft_nav ul li {
float: left;
margin-right: 20px;
font-size:85%;
}


#contents_top {
width: 100%;
margin: 130px 10px 10px 10px;
position: relative;
}

#top_nav .month_nav {
float: left;
margin: 0 20px 0 0;
}



#btn_login a{
background: url('../images/new_hed_nav/btn_login.png') no-repeat 0 -25px;
width: 158px;
height: 24px;
position: absolute;
right: 70px;
top: 0px;
z-index:99999999999;
}

#btn_login a:hover{
background: url('../images/new_hed_nav/btn_login.png') no-repeat 0 0;
width: 158px;
height: 24px;
position: absolute;
right: 70px;
top: 0px;
z-index:9999999999;
}


#btn_discribe a{
background: url('../images/sendenkaigi_sprite.png') no-repeat 0 -51px;
width: 67px;
height: 67px;
position: absolute;
right: 20px;
top: 25px;
z-index:999999999;
}

#btn_discribe a:hover{
background: url('../images/sendenkaigi_sprite.png') no-repeat -68px -51px;
width: 67px;
height: 67px;
position: absolute;
right: 20px;
top: 25px;
z-index:99999999;
}

#btn_gear a{
background: url('../images/ic_gear.png') no-repeat;
width: 20px;
height: 21px;
position: absolute;
right: 60px;
top: 7px;
z-index:999999999;
}


dd .like_cnt {
font-size:105%;
width: 100px;
margin-left: 10px;
padding-left: 25px;
background-image: url(../images/like.png);
background-repeat: no-repeat;
background-position: 0 0;
}

#ranking #rank_in ol li {
font-size: 123.1%;
line-height: 1.2;
font-weight: bold;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;
margin: 0 0 10px 30px;
color: #999;
}
#leftside .tit_box .author {

}


::selection{
background:#a6dedf;
}

::-moz-selection{
background:#a6dedf;
}


#main .art_box_base p a.uline {
color: #000;
}



#backnumber .year {
padding:5px;
font-weight:bold;
color:white;
background-color:#000;

}

#backnumber .box {
width:121px;
float:left;
margin:10px 8px;
height:280px;
}
#backnumber img {
margin:0 0 10px 0;
width:121px;
height:169px;
border:1px solid #ccc;
}
#backnumber .box a .date {
color:#000;
font-weight:normal;
font-size:90%;
margin:0 0 5px 0;
}

#backnumber .box a .info {
color:#000;
font-weight:normal;
margin:0 0 5px 0;
line-height:1.2;
font-weight:bold;
font-size:100%;
}
#leftside {margin:104px auto 0 auto;width: 752px;}
#contents {
width: 100%;
}


#month_bn li a {
text-decoration: underline;
}
#month_bn .index_box .topic {
font-weight: bold;
color: #000;
}

#aico{
width:57px;
float:left;
}


#tit_txt_box{
width:580px;
float:right;
}


table.qabox {
margin: 0 0 50px 0;
}


table.qabox td {
padding:10px;
vertical-align:top;
}

table.qabox img {
height: 100px;
width: 100px;
margin:0;
}




/* ブレーンランキング追加 */
#ranking_box {
margin:0px auto;
width:700px;
}

#ranking_box .rb_left {
display:block;
}

#ranking_box .rb_right {
float:right;
width:300px;
display:block;
}

.img_box_br{
position:relative;
float:left;
width:70px;
margin:0 10px 0 0;
position:relative;
overflow:hidden;
}

.img_box_br img{
width:70px;
}

.ranking_main .rank_box_br{
padding:10px 10px 0 10px;
line-height:1.2;
height:63px;
}

#ranking_box .like-box_b {
font-size:100%!important;
padding:3px 0 0 10px!important;

}
.img_full img {
width: 100%;
margin-bottom: 5px;
}
.img_mid {
width: 400px;
margin: 0 auto;
}
.img_mid img {
width: 400px;
margin-bottom: 5px;
}
.img_icon {
overflow: hidden;
margin-bottom: 20px;
}
.img_icon img {
width: 150px;
display: block;
margin:0 10px 0 0;
float:left;
}
.img_icon > .caption {
display: block;
overflow: hidden;
}
.caption {
font-size: 77%;
line-height: 1.25;
margin: 10px 0 20px 0;
text-indent: 0em;
color: #999;
}
.feature {
background: #f6f6f6;
}
.favorite_star a {
background: #555;
}
.favorite_star a:after {
border-top: 2px solid #222;
border-left: 2px solid #222;
}
.box.top-article-item > a:hover .top-article-title {
color: #777;
}
.top-article-category-icon {
position: absolute;
display: block;
width: 30px;
height: auto;
top: -8px;
left: 0;
z-index: 1;
}
.top-article-category {
position: relative;
height: 32px;
top: 5px;
margin-bottom: 5px;
font-size: 13px;
margin-top: 17px;
}
.top-article-category-inner {
    position: absolute;
    top: calc(50% - 8px);
    left: 40px;
    transform: translate(0, -50%);
    display: inline-block;
    line-height: 1.2;
}
.favorite_star.on a:before{
color: #111;
}
.ranking_main {
	margin: 10px 0 20px 0;
}
.go-back-to-top-brain {
    margin: 0 auto;
    width: 712px;
}
@media print{　/* 20200707 印刷時のヘッダ無効 */
	#wrapper {
		margin-top: 0;
	}
	#footer_base {
		position: relative !important;
	}
}