@charset "utf-8";

/*-----------------------------------
朝日新聞デジタル

last modified --2015-12-02--
-----------------------------------*/

/* sns
==================== */
.Title{
position:relative;
}




/* sns
==================== */
.btnSnsArea{
display:inline;
line-height:21px;
}

.btnSns{
display:inline-block;/display:inline;/zoom:1;
width:20px;
height:20px;
text-indent:-99999px;
}

.btnFacebook{
margin:0 5px;
background:url(../images/bg_facebook.jpg) no-repeat;
background-position: 0 -40px;
}

.btnTwitter{
background:url(../images/bg_twitter.jpg) no-repeat;
background-position: 0 -40px;
}

/* SnsUtilityArea
==================== */
.SnsUtilityArea {
margin: 20px 0 30px;
overflow:hidden;
}
.SnsBtn ul li {
float: left;
margin-right: 8px;
margin-bottom: 3px;
width: 82px;
}
.SnsBtn ul li .SnsName {
display: block;
}
.SnsBtn ul li .SnsName a {
float: left;
display: block;
height: 21px;
padding: 0;
width: 72px;
padding-left: 10px;
text-align: center;
line-height: 22px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-size: 10px;
color: #fff;
}
.SnsBtn ul li .SnsName a:hover {
text-decoration: none;
opacity: .75;
}
.SnsUtilityArea .SnsBtn ul li .count {
display: block;
font-size: 65%;
line-height: 16px;
text-align: center;
padding-left: 7px;
}
.SnsBtn ul li.Facebook .SnsName a {
background: url(/css/images/icon_sns-facebook.gif) no-repeat 5px 4px #325095;
}
.SnsBtn ul li.Facebook .count {
color: #325095;
}
.SnsBtn ul li.Twitter .SnsName a {
background: url(/css/images/icon_sns-twitter.gif) no-repeat 5px 4px #2696dd;
width: 71px;
padding-left: 11px;
}
.SnsUtilityArea ul li.Twitter .count a,
.SnsUtilityArea ul li.Twitter .count a:hover,
.SnsUtilityArea ul li.Twitter .count a:active {
color: #2696dd;
text-decoration: underline;
}
.SnsBtn ul li.Hatena .SnsName {
letter-spacing: 0;
}
.mac .SnsBtn ul li.Hatena .SnsName {
letter-spacing: -0.1em !important;
}
.SnsBtn ul li.Hatena .SnsName a {
background: url(/css/images/icon_sns-hatena.gif) no-repeat 5px 4px #008FDE;
width: 66px;
padding-left: 16px;
}
.SnsBtn ul li.Hatena .count {
color: #008FDE;
}

/* UtilityTools */
.SnsUtilityArea .UtilityBtn {
padding-bottom: 5px;
}
.SnsUtilityArea .UtilityBtn li {
display:block;
padding-bottom: 0;
padding-left: 0;
float:left;
letter-spacing:0;
margin-right: 8px;
margin-bottom: 3px;
}

.SnsUtilityArea .UtilityBtn li .ServiceName a ,
.Genre .UtilityBtn li .ServiceName a {
margin:0;
padding: 0;
float: left;
text-indent:0;
text-decoration:none;
text-align:center;
letter-spacing: 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
height: 19px;
line-height: 20px;
width: 70px;
text-align: center;
font-size: 10px;
letter-spacing: 1px;
display: inline;
padding-left:10px;
color: #3C3C35;
border: 1px solid #d2d2cb;
}
.SnsUtilityArea .UtilityBtn li .ServiceName a:hover,
.SnsUtilityArea .UtilityBtn li .ServiceName a:active,
.Genre .UtilityBtn li .ServiceName a:hover,
.Genre .UtilityBtn li .ServiceName a:active {
border: 1px solid #b90000;
}
.SnsUtilityArea .UtilityBtn li span {
border-left:none;
padding-left: 0;
}
.SnsUtilityArea .UtilityBtn li a:hover,
.SnsUtilityArea .UtilityBtn li a:active {
color:#B90000;
text-decoration: none;
}

/*Mail*/

.SnsUtilityArea .UtilityBtn li.Mail .ServiceName a {
background:url(/css/images/icon_mail.gif) no-repeat 5px 4px;
}

.SnsUtilityArea .UtilityBtn li.Mail a:hover,
.SnsUtilityArea .UtilityBtn li.Mail a:active {
background:url(/css/images/icon_mail.gif) no-repeat 5px -26px;
}
.mac .SnsUtilityArea .UtilityBtn li.Mail .ServiceName a {
background-position: 5px 4px;
}
.mac .SnsUtilityArea .UtilityBtn li.Mail a:hover,
.mac .SnsUtilityArea .UtilityBtn li.Mail a:active {
background-position: 5px -26px;
}

/*Print*/
.SnsUtilityArea .UtilityBtn li.Print .ServiceName a {
background:url(/css/images/icon_print.gif) no-repeat 5px 4px;
}
.SnsUtilityArea .UtilityBtn li.Print a:hover,
.SnsUtilityArea .UtilityBtn li.Print a:active {
background:url(/css/images/icon_print.gif) no-repeat 5px -26px;
}

.SnsUtilityArea .UtilityBtn li.Scrap a.Tick {
background:url(/css/images/icon_tick.gif) no-repeat 5px 5px;
}

.SnsUtilityArea .UtilityBtn li.Scrap a.Tick:hover,
.SnsUtilityArea .UtilityBtn li.Scrap a.Tick:active {
background:url(/css/images/icon_tick.gif) no-repeat 5px -25px;
}

.gallery2 .SnsUtilityArea {
width:650px;
margin: 20px auto 30px;
}

/* 横幅480以下 */
@media screen and (max-width:480px){
#ContentsInner div.ArticleTitle,
#ContentsInner div.ArticleTitle2{
padding-bottom:65px !important;
}

.btnSnsArea{
overflow: hidden;
position: absolute;
right:10px;
bottom:-50px;
zoom:1;
}

.btnSns{
display:block;
float:left;
width:40px;
height:40px;
text-indent:-99999px;
}

.btnFacebook{
margin:0 4px 0 0;
background:url(../images/bg_facebook.jpg) no-repeat;
background-position: 0 0;
}

.btnTwitter{
background:url(../images/bg_twitter.jpg) no-repeat;
background-position: 0 0;
}

.gallery2 .SnsUtilityArea {
width:auto;
margin: 20px auto 30px;
}

}