@charset "utf-8";
/*-----------------------------------
朝日高校野球 virtualbaseball　--　ui_asahi CSS　--

last modified --2015-07-27--
since--2015-05-19--
-----------------------------------*/

/* 【共通】パンくず　ContentIDをつけて記事に飛ばすLinkに対応
------------------------------------*/
#Contents {
width: 990px;
}

/* 【共通】右navi ジャスラックlogo
------------------------------------*/
.JasracImages {float: left;padding-right: 15px;}
.JasracNumber {font-size: 12px; margin-top: 15px; color: #aaa;}


/* 【各ページ共通】有料記事 アイコン
------------------------------------*/
span.Charge {
display: inline-block;
*display: inline;
*zoom: 1;
*padding-bottom: 5px;
}



/* 【各一記事共通】MoveLink
------------------------------------*/
.MoveLink{
margin:10px 20px 0 0;
padding:0 0 15px 0;
}
.MoveLink p{
display:block;
/*display:none;*/
margin:0;
padding:0 0 8px;
color:#5A5A53;
font-size:75%;
line-height:1.4;
letter-spacing:0;
}
.MoveLink p.Count{
display:block;
}
.MoveLink p{
letter-spacing:-0.15em;
}
.MoveLink p a{
color:#B90000;
text-decoration:underline;
}
.MoveLink p a:hover,
.MoveLink p a:active{
color:#B90000;
text-decoration:underline;
}
.MoveLink ul{
font-size:0;
margin:0;
padding:0;
*zoom:1;
}
.MoveLink ul li{
display:inline-block;
margin:0;
padding:0;
color:#3C3C35;
font-size:16px;
font-weight:bold;
letter-spacing:1px;
*display:inline;
*zoom:1;
}
.MoveLink ul li.ReadMore a{
display:block;
width:183px;
width:182px\9;
margin:0 5px 5px 0;
margin:0 5px 5px 0\9;
padding:8px 10px 6px 12px;
color:#FFF;
font-size:85%;
font-weight:bold;
background:rgb(245,245,238); /* Old browsers */
background:-moz-linear-gradient(top,rgb(205,0,0) 0%,rgb(185,0,0) 99%); /* FF3.6+ */
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgb(205,0,0)),color-stop(99%,rgb(185,0,0))); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,rgb(205,0,0) 0%,rgb(185,0,0) 99%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,rgb(205,0,0) 0%,rgb(185,0,0) 99%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,rgb(205,0,0) 0%,rgb(185,0,0) 99%); /* IE10+ */
background:linear-gradient(to bottom,rgb(205,0,0) 0%,rgb(185,0,0) 99%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd0000',endColorstr='#b90000',GradientType=0 ); /* IE6-9 */
/background:#B90000;
border:2px solid #B90000;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
line-height:1.1;
text-align:center;
white-space:nowrap;
}
@-moz-document url-prefix() { .MoveLink ul li.ReadMore a { margin:0 3px 5px 0; } }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.MoveLink ul li.ReadMore a{ margin:0 3px 5px 0; }
}
.MoveLink ul li.ReadMore a:hover{
color:#FFF;
background:#B90000;
text-decoration:none;
}
.MoveLink ul li.ReadMore a span{
display:inline-block;
margin:0;
padding:0 18px 0 0;
background:url(http://www.asahicom.jp/css/images/arrow_more_bg_red.gif) no-repeat right 3px;
cursor:pointer;
*display:inline;
*zoom:1;
}
.MoveLink ul li.ReadMore a span em{
font-size:80%;
padding-left:4px;
vertical-align:1px;
}
.MoveLink ul li.ReadMore a.Lite,
.MoveLink ul li.ReadMore a.Logout,
.MoveLink ul li.ReadMore a.OutRegi,
.MoveLink ul li.ReadMore a.NoScript{
color:#1E1E17;
background:#FFF;
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
border:2px solid #D2D2CB;
}
.MoveLink ul li.ReadMore a.Lite:hover,
.MoveLink ul li.ReadMore a.Logout:hover,
.MoveLink ul li.ReadMore a.OutRegi:hover,
.MoveLink ul li.ReadMore a.NoScript:hover{
color:#B90000;
background:#FFF;
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
border:2px solid #B90000;
}
.MoveLink ul li.ReadMore a.Lite span,
.MoveLink ul li.ReadMore a.Logout span,
.MoveLink ul li.ReadMore a.OutRegi span,
.MoveLink ul li.ReadMore a.NoScript span{
background:url(http://www.asahicom.jp/css/images/arrow_more.gif) no-repeat right 3px;
}
/* SnsLoginボタンの見た目だけ 出し分けJSはNonRegi */
.MoveLink ul li.ReadMore a.SnsLogin{
color:#1E1E17!important;
background:#FFF!important;
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0 )!important; /* IE6-9 */
border:2px solid #D2D2CB!important;
padding:8px 10px 5px 12px;
}
.MoveLink ul li.ReadMore a.SnsLogin:hover{
color:#B90000!important;
background:#FFF!important;
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0 )!important; /* IE6-9 */
border:2px solid #B90000!important;
}
.MoveLink ul li.ReadMore a.SnsLogin span{background:url(http://www.asahicom.jp/css/images/arrow_more.gif) no-repeat right 1px!important;}
.SnsLoginIcon {vertical-align: middle; padding-right:5px; margin-top:-3px;}
.MoveLink ul li.ReadMore a.SnsLogin span.FacebookLogin {letter-spacing:-0.4px;}
.MoveLink ul li.ReadMore a.SnsLogin span.FacebookLogin, x:-moz-any-link, x:only-child{letter-spacing:0px;}
@media screen and (-webkit-min-device-pixel-ratio:0){.MoveLink ul li.ReadMore a.SnsLogin span.FacebookLogin{letter-spacing:0.2px;}}
.MoveLink ul li.ReadMore a.SnsLogin span.TwitterLogin {letter-spacing:1.5px;}
/* class="NonRegi" パターン01 */
.MoveLink ul li.ReadMore a.NonRegi{
color:#FFF;
background:rgb(245,245,238); /* Old browsers */
background:-moz-linear-gradient(top,rgb(205,0,0) 0%,rgb(185,0,0) 99%); /* FF3.6+ */
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgb(205,0,0)),color-stop(99%,rgb(185,0,0))); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,rgb(205,0,0) 0%,rgb(185,0,0) 99%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,rgb(205,0,0) 0%,rgb(185,0,0) 99%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,rgb(205,0,0) 0%,rgb(185,0,0) 99%); /* IE10+ */
background:linear-gradient(to bottom,rgb(205,0,0) 0%,rgb(185,0,0) 99%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd0000',endColorstr='#b90000',GradientType=0 ); /* IE6-9 */
/background:#B90000;
border:2px solid #B90000;
}
.MoveLink ul li.ReadMore a.NonRegi:hover{
color:#FFF;
background:#B90000;
border:2px solid #B90000;
}
.MoveLink ul li.ReadMore a.NonRegi span{
background:url(http://www.asahicom.jp/css/images/arrow_more_bg_red.gif) no-repeat right 3px;
}
/* class="NonRegi" パターン02
.MoveLink ul li.ReadMore a.NonRegi{
color:#B90000;
background:#FFF;
border:2px solid #B90000;
}
.MoveLink ul li.ReadMore a.NonRegi:hover{
color:#FFF;
background:#B90000;
border:2px solid #B90000;
}
.MoveLink ul li.ReadMore a.NonRegi span{
background:url(http://www.asahicom.jp/css/images/arrow_more.gif) no-repeat right 1px;
}
.MoveLink ul li.ReadMore a.NonRegi:hover span{
background:url(http://www.asahicom.jp/css/images/arrow_more_bg_red.gif) no-repeat right 1px;
}
*/
.iphone .MoveLink,
.android_smp .MoveLink{
clear:both;
margin:0;
text-align:center;
}
.iphone .MoveLink ul li.ReadMore,
.android_smp .MoveLink ul li.ReadMore{
padding-bottom:0;
}
.iphone .MoveLink ul li.ReadMore a,
.android_smp .MoveLink ul li.ReadMore a{
width:490px;
margin-bottom:20px;
float:none;
padding:20px 23px 14px 23px;
font-size:270%;
}
.iphone .MoveLink ul li.ReadMore a span,
.android_smp .MoveLink ul li.ReadMore a span{
background-position-y:18px;
}