@charset "UTF-8";

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
@font-face {
  font-family: Meiryo-Num;
  src: local('Meiryo');
  unicode-range: U+0030-0039; /* 数字 */
}
@font-face {
  font-family: Verdana-Al;
  src: local('Verdana');
  unicode-range: U+0041-007A; /* 英語 */
}

/* layout */

html {
font-size: 62.5%;
}
body {
background-color: #ff9900;
color: #202124;
margin:0;
padding:0;
font-size: 1.3em;
font-family: "Meiryo-Num","Verdana-Al","BIZ UDPGothic","Helvetica Neue","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,Arial,sans-serif;
line-height: 150%;
}
body a:link {
color: #1a0dab;
}
body a:visited {
color: #681da8;
}
#mainbox {
background-color: #ff9900;
position:absolute;
left:0px;
top:0px;
margin: 0 0 0 270px;
height:auto;
width:auto;
min-height:100%;
padding:0;
border-left: thin solid #000000;
page-break-before: always;
}
#mainin {
width:100%;
margin:0 10px;
padding:5px;
}
#leftbox {
background-color: #ff9900;
left:0px;
top:0;
width:270px;
height:100%;
margin:0;
padding:0;
overflow-x:hidden;
overflow-y:auto;
scrollbar-base-color: #ff9900;
scrollbar-highlight-color: #ffcc00;
position:fixed;
_position:absolute;
}
#leftnavi {
width:270px;
letter-spacing: -0.5px;
}

/* body */

#header {
width: 728px;
height: 40px;
padding: 15px 0 0 0;
}
#header h1 {
padding-left: 480px;
color: #ffcc00;
font-size: 2.4rem;
font-family: 'Verdana';
white-space: nowrap;
margin: 25px 0 0 0;
}
div.head {
float: left;
width: 480px;
padding: 5px 5px 2px 0;
margin-top: -45px;
text-align: left;
}
div.search {
float: right;
width: 270px;
padding: 0 0 2px 0;
margin-top: -70px;
}
#top_img {
clear: both;
width: 728px;
height: 52px;
border: 2px solid #333333;
background-image : url("/img/top/mfg01.gif");
background-repeat: no-repeat;
}
#today_is {
width: 728px;
height: 26px;
padding: 2px 0 0 6px;
margin: 0;
text-align: left;
background-color: #ffffff;
border: 2px solid #333333;
}
#ticker {
width: 726px;
height: 34px;
margin: 0 2px; 
}
#ticker iframe {
border:0;
}
#contents {
width: 728px;
padding: 5px 0;
display: flex;
}
#contents_left, #contents_right {
width: 364px;
height: auto;
}
#contents_left {
margin-right: 1px;
text-align: left;
}
#contents_right {
margin-left: 1px;
text-align: right;
}
div.contents_box {
width: 363px;
border: 2px solid #333333;
text-align: left;
margin-bottom: 2px;
line-height: 125%;
}
div.contents_box_logo a {
overflow: hidden;
display:  block;
width: 360px;
height: 30px;
background-image: url("/logo/top/index/index_pc_2501.webp");
background-repeat: no-repeat;
text-indent: 100%;
white-space: nowrap;
}
.logo_game_result a {background-position: 0px 0px;}
.logo_next_game a {background-position: 0px -30px;}
.logo_game_result_farm a {background-position: 0px -60px;}
.logo_game_result_farm3 a {background-position: 0px -90px;}
.logo_game_result_women a {background-position: 0px -120px;}
.logo_futures_result a {background-position: 0px -120px;}
.logo_japan_game_result a {background-position: 0px -150px;}
.up_twitter_logo a {background-position: 0px -180px;}
.logo_mfg_recommend a {background-position: 0px -210px;}
.logo_navi a {background-position: 0px -240px;}
.ticket_logo a {background-position: 0px -270px;}
.logo_npb_standings a {background-position: 0px -300px;}
.logo_goods a {background-position: 0px -330px;}
div.contents_box_main {
margin: 1px;
}
div.contents_box_main span {
letter-spacing: -1px;
}
div.g_result {
background-color: #0066cc;
color: #ffffff;
font-weight: bold;
}
.result_card {
padding: 0px 3px;
font-size: 1.4rem;
}
div.result_g_com {
width: 360px;
background-color: #ffffff;
color: #202124;
font-weight: normal;
border: 2px solid #333333;
margin: 2px 1px 2px -1px;
padding: 1px 5px;
}
#game_details {
width: 358px;
background-color: #ffffff;
border-collapse: collapse;
line-height: 120%;
margin: 2px 1px 2px -1px;
}
#game_details td {
color: #202124;
font-weight: normal;
}
td.detail_team {
width: 40px;
vertical-align: top;
padding-left: 5px;
border-bottom: 1px #333333 solid;
}
span.team_flag {
display:inline-block;
width: 20px;
height: 15px;
background-image: url("/icon/team/npb.png");
background-repeat: no-repeat;
}
.team_g {background-position: 0px 0px;}
.team_s {background-position: -20px 0px;}
.team_db {background-position: -40px 0px;}
.team_d {background-position: -60px 0px;}
.team_t {background-position: -80px 0px;}
.team_c {background-position: -100px 0px;}
.team_f {background-position: 0px -15px;}
.team_e {background-position: -20px -15px;}
.team_l {background-position: -40px -15px;}
.team_m {background-position: -60px -15px;}
.team_bs {background-position: -80px -15px;}
.team_h {background-position: -100px -15px;}
td.detail_team_pitch {
vertical-align: baseline;
padding: 2px;
border-bottom: 1px #333333 solid;
}
.detail_team_pitch img {
vertical-align: baseline;
margin: 1px 1px 0 1px;
}
td.detail_hr, td.detail_hr_player {
padding: 2px;
}
div.g_next {
background-color: #0066cc;
color: #ffffff;
font-weight: normal;
}
span.pia {
padding-left: 3px;
font-size: 1.3rem;
}
.pia a:link, .pia a:visited { color: #1111cc; } 
div.starter {
width: 344px;
background-color: #ffffff;
color: #202124;
font-weight: normal;
border: 2px solid #333333;
margin: 2px 0;
padding: 1px 5px;
}
div.g_farm_result {
background-color: #99ccff;
color: #000000;
font-weight: normal;
}
div.g_women_result {
background-color: #ff99ff;
color: #000000;
font-weight: normal;
}
div.jpn_result {
background-color: #df1414;
color: #ffffff;
font-weight: normal;
}
div.index_pr, div.index_pr_pc, div#deqwas-screen-300x250 {
text-align: center;
margin: 5px auto;
}
div.index_pr_pc.top_right {
margin-left: 24px;
}
div.up_twitter {
background-color: #ffffff;
color: #202124;
font-weight: normal;
margin-bottom: 0;
}
.up_twitter_logo {
background-color: #99cc00;
}
#timeline {
 width: 356px;
 height: 250px;
}
.x_info {
height: 25px;
display: flex;
padding: 2.5px;
}
.x_info span {
width: 220px;
display: inline-block;
text-align: center;
padding-top: 2px;
}
.twitter-timeline {
width: 350px;
height: 250px;
font-size: 1.3rem;
}
div.recommend {
background-color: #ffccff;
color: #333333;
font-weight: normal;
}
.recommend_list ul {
margin: 0 5px 0 10px;
padding: 2px;
line-height: 180%;
}
.recommend_list ul li{
list-style-type: none;
}
li a:link, li a:visited { color: #1a0dab; }
div.navi {
background-color: #ccffcc;
color: #202124;
font-weight: normal;
}
.contents_box_main a:link, .contents_box_main a:visited { color: #1a0dab; }
div.attention0 {
width: 360px;
background-color: #ee0101;
color: #ffffff;
font-weight: normal;
}
.attention0 a:link, .attention0 a:visited { color: #000000; }
div.ticket {
background-color: #ffffff;
color: #202124;
font-weight: normal;
}
.ticket_logo {
background-color: #ff9900;
}
table#ticket_box {
width: 354px;
background-color: #ffffff;
}
th.ticket_nos, td.ticket_nos, th.ticket_cs, td.ticket_cs {
font-size: 1.3rem;
padding: 1px 0;
text-align: left;
}
th.ticket_nos {
color: #202124;
font-weight: bold;
}
td.ticket_nos {
color: #006699;
padding-left: 5px;
}
.ticket_nos a:link, .ticket_nos a:visited { color: #1a0dab; } 
th.ticket_cs {
color: #202124;
font-weight: bold;
}
.ticket_nos span, .ticket_cs span {
font-size: 1.1rem;
color: #333333;
font-weight : normal;
}
td.ticket_cs {
color: #202124;
padding-left: 5px;
}
.ticket_cs a:link, .ticket_cs a:visited { color: #1a0dab; } 
td.ticket_pr {
font-size: 1.2rem;
color: #202124;
background-color: #ff9900;
text-align: center;
}
.ticket_pr a:link, .ticket_pr a:visited { color: #1a0dab; } 
div.index_pr_center, div.index_pr_bottom, div.index_pr_center_pc {
clear: both;
width: 730px;
text-align: center;
margin: 5px 0;
}
#contents2 {
display: flex;
width: 728px;
padding: 5px 0;
}
#contents2_left, #contents2_right {
width: 364px;
height: auto;
}
#contents2_left {
margin-right: 1px;
text-align: left;
}
#contents2_right {
margin-left: 1px;
text-align: right;
}
div.standings {
background-color: #99cc00;
color: #202124;
font-weight: normal;
}
div.standings_cl {
width:360px;
height:180px;
overflow:auto;
-webkit-overflow-scrolling:touch;
display: inline-block;
margin: 0px;
}
.ifrm {
width:100%;
height:100%;
border:none;
display:block;
}
div.goods {
background-color: #cc99cc;
color: #202124;
font-weight: normal;
}
div.goods2 {
background-color: #e60012;
color: #202124;
font-weight: normal;
}
#goods_box, #goods_box2 {
width:99%;
}
#goods_box td, #goods_box2 td {
vertical-align:top;
}
#goods_box2 td a img {
width:115px;
height:174px;
}
div.update_days {
color: #202124;
line-height: 120%;
font-size: 1.1rem;
text-align: right;
white-space: nowrap;
font-family: Verdana, Arial, sans-serif;
border: none;
padding: 2px;
}
div.counter {
color: #ffffff;
font-family: Arial, Verdana, sans-serif;
font-size: 1.2rem;
letter-spacing: 5.5px;
text-align: right;
margin: 2px 0 2px 260px;
}
div.counter::before {
width: 100px;
height: 14px;
display: inline-block;
content: "";
background-image: url(/icon/sprite01.png);
background-size: 484px 64px;
background-repeat: no-repeat;
vertical-align: bottom;
background-position: -384px -50px;
}
#count {
margin-left: -105px;
}
div.info {
clear: both;
width: 730px;
text-align: center;
color: #1a237e;
padding: 15px 0 5px 0;
}
div.index_pr_center_sp {
display: none;
}
div.mfg_logo, div.footer {
width: 730px;
text-align: center;
padding: 2px 0;
}
div.main_footer_cr {
width: 728px;
text-align: center;
padding: 5px 0;
font-family: Verdana;
font-size: 1.2rem;
}
#mainin div[class^="index_pr"]{
margin-top: 15px;
margin-bottom: 15px;
}
div[class^="index_pr"] {
width: min-content;
border: 2px solid #000099;
border-radius: 5px;
padding: 15px 0;
position: relative;
margin-left: -1px;
}
div[class^="index_pr"]::before {
background-color: #ff9900;
color: #333;
content: "▼スポンサーリンク▼";
font-weight: bold;
left: 30px;
padding: 3px 10px;
position: absolute;
top: -13px;
}
div.index_pr_aff::before {
content: "▼PR▼";
}

/* frame */
nav.con_head {
color: #202124;
padding-top: 20px;
padding-left: 10px;
padding-bottom: 5px;
}
nav.frame_menubox {
padding-left: 10px;
padding-bottom: 5px;
}
.menu_npb {
background-color:#9999ff;
}
.menu_jpn {
background-color:#999999;
}
.menu_mlb {
background-color:#d26f65;
}
.con_head a:link, .con_head a:visited {
color: #1a0dab;
}
.con_head a:hover, .con_head a:active {
color: #193ecf;
}
div.nav_home, div.nav_menu, div.nav_search, div.nav_return {
padding:2px 0 0 2px;
background-position: left center;
display:inline;
}
span.head_home::before, span.head_menu::before {
width: 16px;
height: 16px;
display: inline-block;
content: "";
background-image : url("/icon/sprite01.png");
background-size: 121px 16px;
background-repeat: no-repeat;
vertical-align: middle;
}
span.head_home::before {
background-position: -48px 0;
}
span.head_menu::before {
background-position: 0 0;
}
div.nav_search, div.nav_return {
display: none;
}
div.link_sp, div.link_ip, div.link_spip, div.attention_mp {
display: none;
}
div.attention {
width: 235px;
margin: 1px 0;
padding: 1px 0;
font-size: 1.3rem;
font-weight: normal;
}
span.link::before {
margin-left : 1px;
width: 32px;
height: 12px;
display: inline-block;
content: "";
background-image: url(/icon/sprite01.png);
background-size: 484px 64px;
background-repeat: no-repeat;
vertical-align: middle;
background-position: -384px 0;
}
div#con_info {
width: 255px;
height : 30px;
background-image : url("/logo/top/frame/information.png");
background-repeat: no-repeat;
background-color: #cc0066;
margin: 10px 0 2px -10px;
}
h3.con_infomenu {
color: #202124;
width: 235px;
margin: 1px 0;
padding: 1px 0;
font-size: 1.3rem;
font-weight: normal;
}
div#con_contents {
width: 255px;
height : 30px;
background-image : url("/logo/top/frame/contents.png");
background-repeat: no-repeat;
background-color: #cc0066;
margin: 5px 0 2px -10px;
}
div#con_giants {
color: #ffffff;
font-weight: bold;
width: 255px;
height : 30px;
background-color: #003366;  
background-image : url("/logo/top/frame/contents_g.png");
background-repeat: no-repeat;
margin: 0 0 0 -10px;
}
.con_guide a:link, .con_guide a:visited { color: #ffffff; }
[id^="title"]::before, .con_title::before, .con_gmenu::before, div.list.guide ul li::before, div.con_nmenu::before, h2.con_nmenu::before {
width: 16px;
height: 16px;
display: inline-block;
content: "";
background-image: url(/icon/sprite01.png);
background-size: 121px 16px;
background-repeat: no-repeat;
vertical-align: bottom;
margin-top: 1px;
}
.con_title.left::before, .con_title.right::before {
width: 16px;
height: 16px;
display: inline-block;
content: "";
background-image: url(/icon/sprite01.png);
background-size: 121px 16px;
background-repeat: no-repeat;
vertical-align: bottom;
margin-top: 1px;
}
[id^="title"]::before, .con_title::before, div.list.guide ul li::before {
background-position: -32px 0;
}
[id^="title"] {
width: 235px;
margin: 2px;
padding : 1px 0 0 6px;
font-size: 1.3rem;
font-weight: normal;
cursor: pointer;
text-decoration: underline;
line-height: 120%;
}
#title000.con_guide::before, .con_gmenu::before {
background-position: -64px 0;
}
#title000.con_guide {
padding : 3px 0 0 2px;
background-size: 16px;
}
[id^="title"] img {
vertical-align: baseline;
margin: 1px 1px 0 1px;
}
[id^="title"] span {
letter-spacing: -1px;
}
#title000 {
color: #ffffff; 
font-weight: bold;
margin: 5px 0 2px 0;
padding : 0 0 0 15px;
font-family: "BIZ UDPGothic";
font-style: italic;
}
.con_gmenu {
color: #ffffff;
font-weight: bold;
font-size: 1.3rem;
margin: 5px 0 2px 0;
padding : 3px 0 3px 2px;
background-repeat: no-repeat;
background-size: 16px;
font-family: "BIZ UDPGothic";
font-style: italic;
}
.con_title {
width: 235px;
margin: 2px;
color: #202124;
padding : 1px 0 0 6px;
line-height: 120%;
}
.con_title.left {
width: 110px;
margin: 2px;
color: #202124;
padding : 1px 0 0 6px;
line-height: 120%;
display: inline-block;
}
.con_title.right {
width: 120px;
margin: 2px;
color: #202124;
padding : 1px 0 0 6px;
line-height: 120%;
display: inline-block;
}
.con_title img {
vertical-align: baseline;
margin: 1px 1px 0 1px;
}
.con_title span {
letter-spacing: -1px;
}
.con_title a:link, .con_title a:visited { color: #202124; }
div.list{
line-height: 140%;
margin : 0 0 5px 15px;
}
div.list a:link, div.list a:visited { color: #202124; }
div.con_head a:link, div.con_head a:visited { color: #202124; }
h3 a:link, h3 a:visited { color: #202124; }
div.list span {
letter-spacing: -1px;
}
div.list.guide ul {
list-style-type: none;
margin: 0 0 0 2px;
padding: 0;
}
div.list.guide ul li {
padding: 0 0 0 1px;
}
div.con_att {
width: 235px;
height: 30px;
padding: 5px 0 2px 0;
}
div#con_npb {
width: 255px;
height: 30px;
background-color: #ff0033;
background-image : url("/logo/top/frame/contents_npb.png");
background-repeat: no-repeat;
margin: 0 0 0 -10px;
}
div.con_nmenu, h2.con_nmenu {
color: #ffffff;
font-weight: bold;
font-size: 1.3rem;
margin: 5px 0 2px 0;
padding : 3px 0 3px 2px;
font-family: "BIZ UDPGothic";
font-style: italic;
}
div.con_nmenu::before, h2.con_nmenu::before {
background-position: -80px 0;
}
div#con_mlb {
width: 255px;
height: 30px;
background-color: #ffffff;
background-image : url("/logo/top/frame/contents_mlb.png");
background-repeat: no-repeat;
margin: 0 0 0 -10px;
}
div.con_mmenu, h2.con_mmenu {
color: #ffffff;
font-weight: bold;
font-size: 1.3rem;
margin: 5px 0 2px 0;
padding : 3px 0 3px 2px;
font-family: "BIZ UDPGothic";
font-style: italic;
}
div.con_mmenu::before, h2.con_mmenu::before {
background-position: -80px 0;
}
div#con_jpn {
width: 255px;
height : 30px;
background-color: #ffffff;
background-image : url("/logo/top/frame/contents_jpn.png");
background-repeat: no-repeat;
margin: 0 0 0 -10px;
}
div#con_etc {
width: 255px;
height : 30px;
background-color: #00cc33;
background-image : url("/logo/top/frame/contents_others.png");
background-repeat: no-repeat;
margin: 0 0 0 -10px;
}
div.con_others {
padding: 5px 0 2px 10px;
}
.con_others a:link, .con_others a:visited { color: #202124; } 
div.con_footer {
margin-left: auto;
margin-right: auto;
padding: 5px 0 10px 0;
}
.list img, .con_title img {
vertical-align: middle;
margin: 0 1px;	
}
div.contents_pr {
padding: 5px 0 2px 0;
}
div.contents_pr_pc {
//width: 235px;
//padding: 5px 0 2px 0;
}
div.contents_pr_sp, div.contents_pr_ip, div.contents_pr_spip, span.spip_info {
display: none;
}

.contents_pr, [class^="contents_pr_"] {
width: 240px;
border: 2px solid #000099;
border-radius: 5px;
padding: 10px 2px;
position: relative;
margin-top: 15px;
margin-bottom: 5px;
margin-left: -2px;
}
.contents_pr::before, [class^="contents_pr_"]::before {
background-color: #ff9900;
color: #333;
content: "▼PR▼";
font-weight: bold;
left: 20px;
padding: 3px 10px;
position: absolute;
top: -15px;
}
.menu_npb .contents_pr::before, .menu_npb [class^="contents_pr_"]::before {
background-color: #9999ff;
}
.menu_jpn .contents_pr::before, .menu_jpn [class^="contents_pr_"]::before {
background-color: #999999;
}
div.contents_pr.ads::before, div.contents_pr_pc.ads::before {
content: "▼スポンサーリンク▼";
}

footer {
width: 728px;
text-align: center;
padding: 15px 0;
font-family: Verdana;
font-size: 1.2rem;
}

@media screen and (max-device-width: 979px) {
div#leftnavi, td {
line-height: 160%;
}
}

/* pr調整 */

.adj {
height:205px;
}
.admax-banner iframe, .adj div{
transform: scale(0.78,0.78);
transform-origin:0 0;
}

/* linkcard 非表示 */
.linkcard {
display: none;
}

div.autors-widget {
max-width: 728px;
}

/* social -start- */
@font-face {
font-family: 'icomoon';
src:  url('/fonts/social/icomoon.eot?fsoi88');
src:  url('/fonts/social/icomoon.eot?fsoi88#iefix') format('embedded-opentype'),
    url('/fonts/social/icomoon.ttf?fsoi88') format('truetype'),
    url('/fonts/social/icomoon.woff?fsoi88') format('woff'),
    url('/fonts/social/icomoon.svg?fsoi88#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

/* -- social button base setting -- */

ul.social-button {
list-style-type: none;
line-height: 1;
}
ul.social-button li {
display: inline-block;
margin: 0 20px 10px 0;
}
ul.social-button li a {
display: inline-block;
padding: 7px 10px 5px;
border-radius: 10px;
text-decoration: none;
color: #ffffff!important;
vertical-align: middle;
opacity: 0.85;
}
ul.social-button li a:before {
display: inline-block;
font-family: 'icomoon' !important;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 130%;
margin-right: 10px;
vertical-align: middle;
}
ul.social-button li a:hover {
opacity: 1.0!important;
}

/* -- twitter button -- */

ul.social-button li.twitter a {
background: #14171a;
}
ul.social-button li.twitter a:before {
content: "\e902";
}

/* -- facebook button -- */

ul.social-button li.facebook a {
background: #3a5795;
}
ul.social-button li.facebook a:before {
content: "\e900";
}

/* -- pocket button -- */

ul.social-button li.pocket a {
background: #ef3f56;
}
ul.social-button li.pocket a:before {
content: "\e903";
}

/* -- bluesky button -- */

ul.social-button li.bluesky a {
background: #0085ff;
}
ul.social-button li.bluesky a:before {
content: "\e905";
}

/* -- threads button -- */

ul.social-button li.threads a {
background: #000000;
}
ul.social-button li.threads a:before {
content: "\e904";
}

/* -- line button -- */

ul.social-button li.line a {
background: #00c300;
}
ul.social-button li.line a:before {
content: "\e901";
}

div#social {
width: 728px;
text-align: right;
}
/* social -end- */

/* プログレス-start- */
.progress-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 6px;
background: rgba(0, 0, 0, 0.08);
z-index: 9999;
overflow: hidden;
}

/* === ページ全体の進捗バー === */
.progress-bar {
height: 100%;
width: 100%;
background: linear-gradient(90deg, #00bfff, #1e90ff);
transform-origin: left center;
animation: scroll-progress linear;
animation-timeline: scroll(); /* ページ全体のスクロールに連動 */
}

/* === 表示中の範囲バー === */
.viewport-bar {
position: absolute;
top: 0;
height: 100%;
background: rgba(0, 0, 0, 0.2);
pointer-events: none;
transition: left 0.05s linear, width 0.1s;
border: 1px solid #000;
}

@keyframes scroll-progress {
from { transform: scaleX(0); }
to   { transform: scaleX(1); }
}

body {
display: flex;
}
#mainbox {
flex: 1;
}
/* プログレス-end- */