/* */
@charset "UTF-8";/*!
Theme: navy
Author: Hatena Blog Team
Responsive: yes
*//*! normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"“" "”" "‘" "’"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.clearfix{display:block;*zoom: 1}.clearfix:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}.inline-block{display:inline-block;*display: inline;*zoom: 1}.border-box{-ms-box-sizing:border-box;box-sizing:border-box}.ellipsis{white-space:nowrap;-webkit-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.dots{background:url(https://cdn.blog.st-hatena.com/css/theme/navyblue/dots.png?version=e0e0a3993d8aff6a6344f19dd784d5) no-repeat bottom center;background-size:32px auto}html,body{font-family:Arial,YuGothic,游ゴシック,Hiragino Kaku Gothic Pro,Meiryo,MS PGothic,sans-serif;color:#333;background-color:#fff;border-bottom:4px solid #001e43}a{color:#e8383d}a:hover{color:#ac0005}a:visited{color:#f0530e}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited{color:#001e43;text-decoration:none}a.keyword{text-decoration:none;border-bottom:1px dotted #001e43;color:#333}.btn{display:inline-block;*display: inline;*zoom: 1;padding:4px 10px;margin-bottom:0;line-height:18px;color:#e8383d;background-color:#f7f7f7;text-align:center;vertical-align:middle;cursor:pointer;font-size:12px;text-decoration:none;text-decoration:none!important}.btn:hover{background-color:#f0f0f0;text-decoration:none!important}.btn-small{padding:2px 10px!important;font-size:11px!important}.btn-large{padding:13px 19px;font-size:17px;line-height:normal;font-weight:700}#globalheader-container{background-color:#fff;color:#001e43;position:sticky;top:0;left:0;width:100%}#container{margin-left:auto;margin-right:auto;margin-bottom:30px}.globalheader-off #container{padding-top:0}#wrapper{display:block;*zoom: 1;width:600px;margin:0 auto 32px}#wrapper:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}#main{width:100%;float:none}#box2{width:100%;float:none;background:url(https://cdn.blog.st-hatena.com/css/theme/navyblue/line.png?version=e0e0a3993d8aff6a6344f19dd784d5) repeat-x top center;padding-top:36px}#box2-inner{width:600px;display:block;*zoom: 1;margin:0 auto;overflow:hidden;background:url(https://cdn.blog.st-hatena.com/css/theme/navyblue/dots.png?version=e0e0a3993d8aff6a6344f19dd784d5) no-repeat bottom center;background-size:32px auto}#box2-inner:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}#box2-inner .hatena-module{padding-right:32px;width:284px;float:left}#box2-inner .hatena-module:nth-child(2n){padding:0}#box2-inner .hatena-module:nth-child(odd){clear:both}.hatena-module{text-align:left}#blog-title{margin:32px 0;padding-top:32px;text-align:center;background:url(https://cdn.blog.st-hatena.com/css/theme/navyblue/line.png?version=e0e0a3993d8aff6a6344f19dd784d5) repeat-x bottom center}#blog-title #blog-title-inner{background:url(https://cdn.blog.st-hatena.com/css/theme/navyblue/dots.png?version=e0e0a3993d8aff6a6344f19dd784d5) no-repeat bottom center;background-size:32px auto;background-position:top center}#blog-title-content{width:600px;margin:0 auto 32px;padding-bottom:40px}#title{margin:0;line-height:1.5;padding:24px 0 0;font-size:170%}#title a{color:#001e43}#blog-description{font-weight:400;color:#8d949f;font-size:100%;margin:0;padding:0}.header-image-enable #blog-title #blog-title-inner,.header-image-only #blog-title #blog-title-inner{background-size:auto;margin:0 auto}.header-image-enable #title,.header-image-only #title{padding-top:64px}#top-box{width:600px;margin:16px auto 32px;font-size:90%}.page-archive .breadcrumb{border:1px solid #001e43;padding:10px}.entry{position:relative;margin-bottom:64px}.entry-header{padding:16px 0 10px;margin-bottom:20px;position:relative}.entry-title{text-align:center;margin:0;line-height:1.3;font-size:115%;padding-bottom:27px;background:url(https://cdn.blog.st-hatena.com/css/theme/navyblue/dots.png?version=e0e0a3993d8aff6a6344f19dd784d5) no-repeat bottom center;background-size:32px auto}.entry-title a:hover{border-bottom:1px solid}.date{margin-bottom:16px;font-style:italic;text-align:center}.date a{color:#8d949f;text-decoration:none;font-size:85%}.date a:hover{border-bottom:1px solid}.date-last-updated{color:#8d949f;font-size:85%}.categories{margin-top:16px;font-size:80%;text-align:right}.categories a{color:#fff;background:#e8383d;text-decoration:none;padding:2px 6px}.categories.no-categories{margin:0}.entry-header-menu{position:absolute;bottom:0;left:-60px}.entry-header-menu a{display:inline-block;*display: inline;*zoom: 1;padding:4px 10px;margin-bottom:0;line-height:18px;color:#e8383d;background-color:#f7f7f7;text-align:center;vertical-align:middle;cursor:pointer;font-size:12px;text-decoration:none;text-decoration:none!important}.entry-header-menu a:hover{background-color:#f0f0f0;text-decoration:none!important}.entry-content{font-size:100%;line-height:1.7;padding-bottom:10px;border-bottom:3px double #001e43}.entry-content p{margin:0 0 1em}.entry-content img{max-width:100%}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:1.3em 0 .8em;line-height:1.5}.entry-content h1,.entry-content h2,.entry-content h3{color:#e8383d;padding-left:8px;border-left:4px solid #e8383d}.entry-content h1{font-size:120%}.entry-content h2{font-size:115%}.entry-content h3{font-size:110%}.entry-content h4{font-size:105%;color:#001e43;padding-left:8px;border-left:4px solid #001e43}.entry-content h5,.entry-content h6{font-size:100%;color:#001e43}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,.entry-content .footnote-number{scroll-margin-top:56px}.entry-content table{border-collapse:collapse;border-spacing:0;margin-bottom:1em}.entry-content table th,.entry-content table td{border:1px solid #ddd;padding:5px 10px}.entry-content table th{background:#f5f5f5}.entry-content blockquote{background:#f5f5f5;margin:0 0 10px;padding:20px}.entry-content blockquote p{margin-top:0;margin-bottom:0}.entry-content pre{border:1px solid #001e43;margin:0 0 10px;padding:20px;white-space:pre}.entry-content pre>code{margin:0;padding:0;white-space:pre;border:0;background:transparent;font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content code{font-size:90%;margin:0 2px;padding:0 5px;border:1px solid #eaeaea;background-color:#f8f8f8;border-radius:3px;font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content .hatena-asin-detail li{line-height:1.4}.entry-footer{margin-top:10px}.entry-footer-section{font-size:85%;color:#8d949f}.entry-footer-html{margin:10px 0}.comment-box ul{list-style:none;margin:0 0 15px;padding:0;font-size:85%;line-height:1.7}.comment-box li{padding:10px 0 10px 60px;border-bottom:1px solid #001e43;position:relative}.comment-box li:first-child{border-top:1px solid #001e43}.comment-box .hatena-id-icon{position:absolute;top:10px;left:0;width:50px!important;height:50px!important}.comment-user-name{margin:0 0 10px}.comment-content{margin:0 0 10px;word-wrap:break-word}.comment-content p{margin:0 0 10px}.comment-metadata{font-size:80%;color:#8d949f;margin:0}.comment-metadata a{color:#8d949f}.leave-comment-title{display:inline-block;*display: inline;*zoom: 1;padding:4px 10px;margin-bottom:0;line-height:18px;color:#e8383d;background-color:#f7f7f7;text-align:center;vertical-align:middle;cursor:pointer;font-size:12px;text-decoration:none;text-decoration:none!important}.leave-comment-title:hover{background-color:#f0f0f0;text-decoration:none!important}#box2{font-size:85%;line-height:1.5}.hatena-module{margin-bottom:64px}.hatena-module-title{font-weight:700;text-align:center;color:#001e43;margin-bottom:16px;padding-bottom:4px;font-size:100%;border-bottom:3px double #001e43}.hatena-module-title a{color:#001e43}.hatena-module-profile .profile-icon{float:left;margin:0 10px 10px 0}.hatena-module-profile .id{display:block;font-size:85%;margin-bottom:5px}.hatena-module-profile .profile-description{font-size:90%}.hatena-module-profile .profile-description p{margin-top:0}.hatena-urllist{list-style:none;margin:0;padding:0}.hatena-urllist li{padding:8px 0;border-bottom:1px dotted #ddd;line-height:1.5}.hatena-urllist .urllist-date-link a{color:#8d949f;text-decoration:none;font-style:italic}.hatena-urllist .user-name-nickname,.hatena-urllist .user-name-paren,.hatena-urllist .user-name-hatena-id,.hatena-urllist .user-name-nickname a,.hatena-urllist .user-name-paren a,.hatena-urllist .user-name-hatena-id a{color:#333}.hatena-urllist .urllist-category-link{background:#8d949f;padding:2px 4px;color:#fff;text-decoration:none}.hatena-module-search-box .search-form{border:1px solid #001e43;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:100%;-ms-box-sizing:border-box;box-sizing:border-box;position:relative}.hatena-module-search-box .search-module-input{padding:5px;color:#333;background:none;border:none;outline:none;height:20px;width:90%;line-height:1}.hatena-module-search-box .search-module-button{width:20px;height:20px;background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search.png?version=e0e0a3993d8aff6a6344f19dd784d5) no-repeat right center;border:none;outline:none;text-indent:-9999px;position:absolute;top:5px;right:5px;-moz-opacity:.5;-khtml-opacity:.5;-webkit-opacity:.5;opacity:.5;filter:alpha(opacity=50)}.hatena-module-search-box .search-module-button:hover{-moz-opacity:.85;-khtml-opacity:.85;-webkit-opacity:.85;opacity:.85;filter:alpha(opacity=85)}.pager{width:100%;margin-bottom:64px;border-top:1px solid #001e43;border-bottom:1px solid #001e43;position:relative;display:block;*zoom: 1;color:#fff}.pager:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}.pager a{color:#fff;display:block;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pager .pager-prev,.pager .pager-next{display:block;min-height:2em;background:#001e43;text-decoration:none;width:46%;padding:0 2%;line-height:2em}.pager .pager-prev:hover,.pager .pager-next:hover{background:#003576}.pager .pager-prev{text-align:left;float:left}.pager .pager-next{text-align:right;float:right}#footer{padding:32px 0;text-align:center;line-height:1.5;font-size:80%}#footer p{margin:0}.page-about dt{font-size:16px;font-weight:700;border-bottom:1px solid #dfdfdf;margin-bottom:5px}.page-about dd{margin-left:0;margin-bottom:30px}.page-archive #main{line-height:1.7}.page-archive #main section{margin-bottom:20px}.page-archive #main .entry-description{font-size:85%}.page-archive #main .entry-title{font-size:100%;margin-bottom:0}.page-archive #main ul{list-style:none;margin:0;padding:0}.page-archive #main ul li{padding:8px 0;border-bottom:1px dotted #ddd;line-height:1.5}.page-archive #main ul .urllist-date-link a{color:#8d949f;text-decoration:none;font-style:italic}.page-archive #main ul .user-name-nickname,.page-archive #main ul .user-name-paren,.page-archive #main ul .user-name-hatena-id,.page-archive #main ul .user-name-nickname a,.page-archive #main ul .user-name-paren a,.page-archive #main ul .user-name-hatena-id a{color:#333}.page-archive #main ul .urllist-category-link{background:#8d949f;padding:2px 4px;color:#fff;text-decoration:none}#top-editarea,#bottom-editarea{width:600px;margin:32px auto}@media (-webkit-min-device-pixel-ratio: 2){.hatena-module-search-box .search-module-button{background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search@2x.png?version=e0e0a3993d8aff6a6344f19dd784d5) no-repeat right center;background-size:20px 20px}}@media (max-width: 660px){#globalheader-container{position:static}#blog-title{padding-top:0}#blog-title-content{width:93.75%;padding-bottom:26px}#container{word-wrap:break-word;overflow:hidden}#wrapper{width:93.75%}#main{width:100%;float:none}.entry-header{padding-top:0}.entry{margin-bottom:32px}.pager{position:relative;border:0 none;margin-bottom:32px}.pager .pager-prev,.pager .pager-next{text-align:center;float:none;width:96%;border-bottom:1px solid #fff}#box2{width:100%;float:none}#box2-inner{width:93.75%}#box2-inner .hatena-module{width:100%;float:none}.hatena-module{margin-bottom:32px}.entry-header-menu{top:-30px;left:0}#top-editarea,#bottom-editarea{width:93.75%;margin:16px auto}}
/* */
/* */
/* */
/*基本の横幅*/
@media screen and (min-width:1420px) {
#container {
margin: 0 0 0 0px;
}
#content-inner {
width: 1250px;
margin: 0 auto;
}
#wrapper {
max-width: 1250px;
width: 100%;
float: middle;
}
}
@media screen and (min-width:1300px) and (max-width:1419px) {
#container {
margin: 0 0 0 0px;
}
#content-inner {
width: 1250px;
margin: 0 auto;
}
#wrapper {
max-width: 1250px;
width: 100%;
float: middle;
}
}
@media screen and (min-width:1150px) and (max-width:1299px) {
#container {
margin: 0 0 0 0px;
}
#content-inner {
width: 1100px;
margin: 0 auto;
}
#wrapper {
max-width: 1100px;
width: 100%;
float: middle;
}
}
@media screen and (min-width:1000px) and (max-width:1149px) {
#container {
margin: 0 0 0 0px;
}
#content-inner {
width: 960px;
margin: 0 auto;
}
#wrapper {
max-width: 960px;
width: 100%;
float: middle;
}
#top-editarea{
width: 90%;
}
}
@media screen and (min-width:850px) and (max-width:999px) {
#container {
margin: 0 0 0 0px;
}
#content-inner {
width: 810px;
margin: 0 auto;
}
#wrapper {
max-width: 810px;
width: 100%;
float: middle;
}
#top-editarea{
width: 90%;
}
}
@media screen and (min-width:750px) and (max-width:849px) {
#container {
margin: 0 0 0 0px;
}
#content-inner {
width: 710px;
margin: 0 auto;
}
#wrapper {
max-width: 710px;
width: 100%;
float: middle;
}
#top-editarea{
width: 100%;
}
}
@media screen and (min-width:650px) and (max-width:749px) {
#container {
margin: 0 0 0 0px;
}
#content-inner {
width: 610px;
margin: 0 auto;
}
#wrapper {
max-width: 610px;
width: 100%;
float: middle;
}
}
/*目次*/
/*目次のデザイン変更*/
.table-of-contents {
margin-left: 0;
padding: 15px 10px 15px 35px; /* 枠内の余白(上右下左) */
font-size: 100%; /* 文字サイズ */
border:dotted 1px #f37053; /* 線の種類と色 */
background:#f8fbf8; /* 背景 */
}
.table-of-contents:before {
content: "Contents";
font-size: 110%;
font-weight:bold; /* 文字の太さ 通常はnormal */
color:#5b5c76; /* 文字の色 */
}
/*大見出し*/
.table-of-contents li{
font-weight:600; /* 通常はnormal */
list-style-type:none; /* マークの種類 */
padding-top: 5px;
padding-bottom: 0px;
}
/*中見出し*/
.table-of-contents li ul li{
margin-left:20px;
font-weight:normal;
list-style-type:none;
}
/*小見出し*/
.table-of-contents li ul li ul li{
list-style-type:none;
}
#top-editarea{
width: 80%;
}
#menu {
position: relative;
width: 100%;
height: 40px;
background: #260657;/*グローバルメニュー背景色*/
padding-left: 0px;
}
#menu li {
height: 40px;
text-align: center;
width: 20%;
float: left;
list-style-type: none;
}
#menu li a {
padding-left: 15px;
padding-right: 15px;
display: block;
color: #ffffff;/*グローバルメニュー文字色*/
font-size: 80%;
font-weight: bold;
line-height: 40px;
}
#menu li:hover a {
color: #00839B;
background: #ffffff;
transition: all .5s;
}
.menu-toggle{
display: none;
}
.menu-toggle2 {
display:none;
}
#menu-sub-sp {
display: none;
}
.reference .sq {
display: inline;
background-color: #f37053;
padding: 3px 5px;
font-size: 80%;
color: #FFF;
}
.sq-all {
display: inline;
background-color: #f37053;
padding: 3px 5px;
font-size: 100%;
color: #FFF;
}
/*通常のアコーディオン*/
/*MENUサブ*/
#menu li ul {
visibility: hidden;
width: 20%;
position: absolute;
top: 100%;
margin: 0px;
padding: 0px;
list-style-type: none;
z-index: 1;
}
#menu li ul li {
width: 100%;
clear: both;
}
#menu-sub:hover ul {
visibility: visible;
}
#menu-sub:hover a:hover {
color: red;
background: #edfafa;
transition: all .5s;
}
#menu-sub:hover ul li:hover a {
color: red;
background: #edfafa;
transition: all .5s;
}
/*TABLE練習*/
/*基本様式*/
table.xl {background-color:#ffffff;}
table.xl td {border-style:solid;}
table.xl td {border-width:1px;}
table.xl td {border-color:#777777;}
table.xl td.xl65 {padding:5px;}
table.xl td.xl65 {background-color:#ffffff;}
table.xl td.xl65 {color:#000000;}
table.xl td.xl65 {font-size:14px;}
table.xl td.xl65 {font-weight:500;}
table.xl td.xl65 {text-align-last:center;}
table.xl td.xl66 {padding:5px;}
table.xl td.xl66 {background-color:#ffffff;}
table.xl td.xl66 {color:#000000;}
table.xl td.xl66 {font-size:14px;}
table.xl td.xl66 {font-weight:500;}
table.xl td.xl66 {text-align-last:center;}
table.xl td.xl67 {padding:5px;}
table.xl td.xl67 {background-color:#ffffff;}
table.xl td.xl67 {color:#000000;}
table.xl td.xl67 {font-size:14px;}
table.xl td.xl67 {font-weight:700;}
table.xl td.xl67 {text-align-last:center;}
table.xl td.xl70 {padding:5px;}
table.xl td.xl70 {background-color:#ffffff;}
table.xl td.xl70 {color:#000000;}
table.xl td.xl70 {font-size:14px;}
table.xl td.xl70 {font-weight:500;}
table.xl td.xl70 {text-align-last:center;}
table.xl th.xl71 {padding:5px;}
table.xl th.xl71 {background-color:#225478;}
table.xl th.xl71 {color:#ffffff;}
table.xl th.xl71 {font-size:14px;}
table.xl th.xl71 {font-weight:700;}
table.xl th.xl71 {text-align-last:center;}
table.xl {
border-collapse: collapse;
}
table.xl td {
font-family: sans-serif;
}
table.xl td {text-align: center;}
table.xl th {text-align: center;}
table.xl tr:hover td {
color: red;
background-color: #d9efff;
}
table.table-standard tr:hover td {
background-color: #d9efff;
font-weight: bold;
}
.area {
width: 720px;
margin: 0 auto;
}
table.table-standard-2 {
width: 32%;
margin: 9%;
float: left;
}
table.table-standard-2 td {
white-space: nowrap;
}
@media screen and (min-width:700px) and (max-width:1000px) {
.area {
width: 600px;
}
table.table-standard-2 {
width: 40%;
margin: 5%;
}
table.table-gen-pos {
width: 30%;
margin: 1.666%;
}
}
@media screen and (min-width:480px) and (max-width:699px) {
.area {
width: 360px;
}
.table-standard-2 {
width: 70%;
margin: 1rem 20% 1rem 10%;
}
table.table-gen-pos {
width: 45%;
margin: 2.5%;
}
}
@media screen and (max-width:479px) {
.area {
width: 300px;
}
.table-standard-2 {
width: 80%;
margin: 1rem 18% 1rem 2%;
}
table.table-gen-pos {
width: 45%;
margin: 2.5%;
}
table.table-gen-pos td:nth-of-type(1) {
font-size: 0.7rem;
}
table.table-gen-pos td:nth-of-type(2) {
font-size: 0.65rem;
}
}
/*切り替えCSS*/
/*投手*/
#npb_p:checked ~ #npb_content_p,
#mlb_p:checked ~ #mlb_content_p {
display: block;
}
.tab_content_p {
display: none;
padding: 40px 40px 0;
clear: both;
overflow: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.tab_content_p::-webkit-scrollbar {
display: none;
}
/*野手*/
#npb_b:checked ~ #npb_content_b,
#mlb_b:checked ~ #mlb_content_b {
display: block;
}
.tab_content_b {
display: none;
padding: 40px 40px 0;
clear: both;
overflow: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.tab_content_b::-webkit-scrollbar {
display: none;
}
.abbr {
position: relative;
}
.abbr .abbr-text {
visibility: hidden;
width: auto;
height: auto;
background-color: #fffafa;
color: #504946;
box-shadow: #b0c4de;
padding: 0.1rem;
border-radius: 0.1rem;
font-size: 0.6rem;
position: absolute;
z-index: 1;
top: 100%; /*上に表示*/
left: 50%;
white-space: nowrap;
}
.abbr .abbr-text-12th {
visibility: hidden;
width: auto;
height: auto;
background-color: #fffafa;
color: #504946;
box-shadow: #b0c4de;
padding: 0.1rem;
border-radius: 0.1rem;
font-size: 0.6rem;
position: absolute;
z-index: 1;
top: 30%; /*上に表示*/
left: 90%;
white-space: nowrap;
}
@media screen and (min-width:480px) {
.abbr .abbr-text {
font-size: 0.75rem;
}
.abbr .abbr-text-12th {
font-size: 0.75rem;
}
}
.abbr:hover .abbr-text {
visibility: visible;
}
.abbr:hover .abbr-text-12th {
visibility: visible;
}
/* テーブルrenew */
/*--スマートフォン--*/
/*--メディアクエリの記述なし--*/
.table-renew {
width: 100%;
margin: 0 auto;
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.table-renew::-webkit-scrollbar {
display: none;
}
table.sp-table {
width: auto;
}
table.sp-table th {
padding: 0.2rem;
}
table.sp-table td {
padding: 0.25rem;
}
table.sp-table th {
border: 1px solid #f0f8ff;
border-collapse: collapse;
color: #ffffff;
background-color: #9f9f9f;
font-family: "Trebuchet MS";
height: 0.8rem;
}
table.sp-table td {
text-align: center;
font-weight: 600;
border: 1px solid #b0c4de;
border-collapse: collapse;
font-family: "Trebuchet MS";
white-space: nowrap;
font-size: 100%;
height: 0.8rem;
}
table.sp-table-long {
width: 100%;
min-width: 1250px;
}
table.sp-table-long th {
height: 0.75rem;
font-size: 80%;
border: 1px solid red;
}
table.sp-table-long td {
height: 0.7rem;
font-size: 70%;
}
table.sp-table .b_lineup_border {
border-top: 2px dotted #191970;
}
table.sp-table .lefty {
color: #3b5fcc;
}
table.sp-table .lef-lef {
color: #00bfff;
}
table.sp-table .both {
color: #ff6347;
}
table.sp-table .player-pre {
font-size: 95%;
font-weight: bold;
}
table.sp-table .player-age {
font-size: 90%;
font-weight: bold;
}
table.sp-table .player-order {
color: white;
background-color: #a9a9a9;
}
table.sp-table .player-position {
color: white;
background-color: #778899;
}
table.sp-table .player-status {
background: radial-gradient(#ffe2c6, #ffffff);
font-weight: bold;
font-size: 105%;
}
table.sp-table .player-blank {
border-bottom: 1px solid #ffffff;
border-left: none;
border-right: none;
}
table.sp-table .red {
background: radial-gradient(#ffe2c6, #ffffff);
}
table.sp-table .pink {
background: radial-gradient(#ffc6c6, #ffffff);
}
table.sp-table .yellow {
background: radial-gradient(#ffffc6, #ffffff);
}
table.sp-table .blue {
background: radial-gradient(#c6e2ff, #ffffff);
}
table.sp-table .green {
background: radial-gradient(#e2ffc6, #ffffff);
}
table.sp-table-long2 th {
padding: 0.1rem;
}
table.sp-table-long2 td {
padding: 0.1rem;
}
table.sp-table-long2 th {
height: 0.9rem;
font-size: 90%;
}
table.sp-table-long2 td {
height: 0.9rem;
font-size: 85%;
}
table.sp-table-long2 .player-pre {
font-size: 95%;
font-weight: bold;
}
table.sp-table-long2 .player-age {
font-size: 80%;
}
@media screen and (min-width:480px) and (max-width:1000px) {
table.sp-table-long, table.sp-table-long2 {
width: 90%;
min-width: 1150px;
}
table.sp-table-p {
min-width: 750px;
}
table.sp-table-b {
min-width: 850px;
}
}
@media screen and (max-width:479px) {
table.sp-table {
width: 100%;
min-width: 700px;
}
table.sp-table th, table.sp-table td {
padding: 0.1rem;
}
table.sp-table-long, table.sp-table-long2 {
width: 100%;
min-width: 1000px;
}
table.sp-table th {
height: 0.6rem;
font-size: 11px;
}
table.sp-table td {
height: 0.6rem;
font-size: 9px;
}
table.sp-table-long th, table.sp-table-long2 th {
height: 0.25rem;
font-size: 11px;
}
table.sp-table-long td, table.sp-table-long2 td {
height: 0.2rem;
font-size: 10px;
}
table.sp-table .player-age {
font-size: 11px;
}
table.sp-table .player-pre {
font-size: 10px;
}
table.sp-table .player-status {
font-size: 12px;
}
}
/*TABLE練習終了*/
/*タブレット*/
@media screen and (max-width:768px){
#top-editarea{
height: initial;
background: #260657;/*MENU背景色*/
text-align: right;/*MENUの文字の位置*/
width: 100%;
}
.menu-toggle{
color: #ffffff;/*MENUの文字色*/
display: inline-block;
padding: 5px;
margin: 3px;
}
#menu {
width: 100%;
display: none;
height: initial;
padding: 0;
margin: 0;
}
.menu-inner{
width: 100%;
height: initial;
position: static;
margin: 0;
padding-bottom: 10px;
}
#menu li{
float: none;
height: 35px;
width: 100%;
list-style-type: none;
background: #260657;/*リスト文字の背景色*/
margin: 0 auto;
text-align: left;/*リストの文字の位置*/
}
#menu li a {
height: initial;
color: #ffffff;/*リスト文字色*/
display: block;
}
#menu li:hover a{
color: red;
background: #edfafa;
transition: all .5s;
}
/*下層アコーディオン */
#menu-sub {
display: none;
}
.menu-toggle2 {
display: block;
}
/*TABLE*/
.member12 {
height: auto;
}
.tab_content_p {
padding: 0;
}
.tab_content_b {
padding: 0;
}
.subscribe-button {
display: none;
}
.archive-header-category {
display: none;
}
}
/*タブレット専用終*/
/**
* シェアボタンここから
*/
.share-btn-type1 {
margin: 1.2em 0;
display: flex;
}
.share-btn-type1 .share-btn__item {
width: 20%;
height: 40px;
color: #fff;
font-size: 16px;
text-align: center;
line-height: 40px;
transition: all .3s;
}
.share-btn-type1 .share-btn__item--hatebu {
background-color: #00A4DE;
}
.share-btn-type1 .share-btn__item--facebook {
background-color: #1778F2;
}
.share-btn-type1 .share-btn__item--twitter {
background-color: #1BA1F3;
}
.share-btn-type1 .share-btn__item--line {
background-color: #00B900;
}
.share-btn-type1 .share-btn__item--pocket {
background-color: #EF4155;
}
.share-btn-type1 .share-btn__item:hover {
opacity: .8;
}
/**
* シェアボタンここまで
*/
/* ページトップへ戻るボタン */
#pagetop {
position:fixed;
bottom:60px;
right:22px;
padding:3px 10px;
margin-bottom:env(safe-area-inset-bottom); /*iPhone対策*/
color:rgba(70,130,180,0.8);
background-color:rgba(70,130,180,0.1);
border: 2px solid rgba(70,130,180,0.8);
border-radius: 40%;
text-align:center;
font-size: 17px;
z-index: 10;
}
/* ページトップへ戻るボタン：ホバー時 */
#pagetop:hover{
background-color:rgba(70,130,180,0.3);
}
/*ボタン押下時にスルスル動くように設定*/
html{
scroll-behavior: smooth;
}
/* ページトップへ戻るボタン終 */
/*はてな基本*/
.subscribe-button {
margin: 1em 0;
text-align: center;
}
.subscribe-button a {
display: inline-block;
margin: 0 auto;
width: 100%;
max-width: 300px;
line-height: 38px;
text-decoration: none;
text-align: center;
color: #fff;
background-color: #eb4c5e; /* ここでボタンの色 */
box-shadow: 0 4px #da253a; /* ここでボタンの影の部分の色 */
border-radius: 4px;
transition: all .3s;
}
.subscribe-button a:hover {
transform: translateY(4px);
box-shadow: 0 0 #999;
}
#title{
font-family: "Noto Sans Japanese";
font-size: 40px;
letter-spacing: 1px;
}
.entry-content p {
margin: 0.5em 0;
}
.hatena-fotolife {
width: 650px;
height: auto;
display: block;
margin: 0 auto;
}
.hatena-fotolife2 {
width: 80%;
height: auto;
display: block;
margin: 0 auto;
}
.hatena-fotolife3 {
width: 60%;
height: auto;
display: block;
margin: 0 auto;
}
.hatena-fotolife4 {
width: 650px;
height: auto;
display: block;
margin: 0 auto;
}
.hatena-fotolife5 {
width: 30rem;
height: auto;
display: block;
margin: 0 auto;
}
.hatena-fotolife6 {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.hatena-fotolife7 {
width: 70%;
height: auto;
display: block;
margin: 0 auto;
}
.hatena-fotolife8 {
width: 330px;
height: auto;
display: block;
margin: 0 auto;
}
.space {
line-height: 0.5;
display: block;
}
.description-box {
width: 60%;
margin: 0px auto;
padding: 1rem 1.5rem;
line-height: 120%;
}
.description-box p {
font-size: 0.9rem;
}
@media screen and (max-width:699px) {
.description-box {
width: 80%;
margin-left: 0;
padding: 0;
line-height: 120%;
}
.description-box p {
font-size: 0.8rem;
}
}
.description-box_typeA {
width: 100%;
margin: 0px auto 10px;
font-size: 1.0em;
line-height: 120%;
}
.description-box_typeA_title {
margin-left: 6em;
padding: 0.5em 0.5em;
font-size: 1em;
background: white;
font-weight: bold;
}
.description-box_typeB {
width: 60%;
margin: 0px auto 10px;
font-size: 1.0em;
line-height: 120%;
}
table {
border-collapse: collapse;
margin: 0 auto;
}
table th, tr {
font-size: 13px;
text-align: center;
}
.bold {
font-weight: bold;
}
.remarks {
padding-top: 0px;
}
/* ボタンで画像切り替え */
.swt-img {
text-align: center;
position: relative;
}
.swt-img .img0 {
display: none;
}
#swt-btn {
background-color: #e6f0f0;
font-weight: bold;
font-family: Yu Gothic;
cursor: pointer;
box-shadow: 0px 1px #888888;
}
#swt-btn:active {
box-shadow: none;
position: relative;
top: 1px;
}
/*スクロールBOX*/
.scroll-box-wrapper {
display: inline-block;
}
.scroll-box {
margin: 0 auto;
width: 60%;
height: auto;
display: flex;
flex-wrap: nowrap;
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.scroll-box img {
width: 100%;
}
.scroll-box::-webkit-scrollbar {
height: 10px; /* スクロールバーの高さ */
}
.scroll-box::-webkit-scrollbar-thumb {
background: #aaa; /* ツマミの色 */
border-radius: 6px; /* ツマミ両端の丸み */
}
.scroll-box::-webkit-scrollbar-track {
background: #ddd; /* トラックの色 */
border-radius: 6px; /* トラック両端の丸み */
}
/*レスポンシブ*/
@media screen and (min-width: 480px) and (max-width: 649px) {
#title a {
font-size: 30px;
}
#top-editarea{
width: 90%;
}
#menu li a {
font-size: 60%;
}
.description-box {
width: 80%;
margin: 0px 30px 10px 20px;
}
.description-box_typeA {
width: 90%;
margin:0px 10px 10px 0px;
height: 150%;
font-size: 0.95em;
}
.description-box_typeA_title {
font-size: 1em;
background: white;
font-weight: bold;
}
.description-box_typeB {
width: 90%;
margin:0px 10px 10px 0px;
height: 150%;
font-size: 0.90em;
}
body {
font-size: 15px;
}
.scroll {
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.scroll::-webkit-scrollbar {
display: none;
}
table .fixed-left {
position: sticky;
left: 0;
background-color: white;
}
.hatena-fotolife {
pointer-events: none;
}
.hatena-fotolife2, .hatena-fotolife3, .hatena-fotolife6, .hatena-fotolife7 {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.hatena-fotolife5 {
width: 30rem;
height: auto;
display: block;
margin: 0 auto;
}
.hatena-fotolife8 {
width: 300px;
height: auto;
display: block;
margin: 0 auto;
}
}
@media screen and (min-width:1000px) and (max-width:1099px) {
.scroll-box {
width: 75%;
}
}
@media screen and (min-width:850px) and (max-width:999px) {
.scroll-box {
width: 80%;
}
}
@media screen and (min-width:480px) and (max-width:849px) {
.scroll-box {
width: 90%;
}
}
@media screen and (max-width: 479px) {
#title a {
font-size: 6vw;
}
.description-box {
width: 80%;
margin: 0px 30px 10px 20px;
}
.description-box_typeA {
width: 90%;
margin:0px 10px 10px 0px;
height: 150%;
font-size: 0.95em;
}
.description-box_typeA_title {
font-size: 1em;
background: white;
font-weight: bold;
}
.description-box_typeB {
width: 90%;
margin:0px 10px 10px 0px;
height: 150%;
font-size: 0.95em;
}
body {
font-size: 3.5vw;
}
.scroll {
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.scroll::-webkit-scrollbar {
display: none;
}
.scroll-box {
width: 100%;
}
/*仕切り*/
table th, tr {
white-space: nowrap;
}
/*仕切り*/
table .fixed-left {
position: sticky;
left: 0;
background-color: white;
}
.hatena-fotolife {
pointer-events: none;
}
.hatena-fotolife2, .hatena-fotolife3,.hatena-fotolife6, .hatena-fotolife7, .hatena-fotolife8 {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.hatena-fotolife4 {
pointer-events: none;
}
.hatena-fotolife5 {
width: 90%;
height: auto;
display: block;
margin: 0 auto;
}
.hatena-fotolife-scroll {
width: 100%;
margin: 0 auto;
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.hatena-fotolife-scroll .hatena-fotolife2 {
min-width: 480px;
}
.hatena-fotolife6 {
min-width: 800px;
}
}
/*劇場絶望計算ツール*/
.closer_form {
background: #eaf7ff;
padding: 10px 30px;
width: 500px;
border: solid 1px green;
}
form dl dt {
width: 70%;
height: 40px;
padding: 10px 0;
line-height: 40px;
float: left;
font-weight: bold;
}
form dl dd {
padding: 10px 0;
margin: 0;
}
.box {
box-sizing: border-box;
width: 30% !important;
height: 40px !important;
margin: 0 !important;
padding: 0 10px !important;
}
#closer-btn {
width: 80px;
height: 30px;
font-weight: bold;
border: 1px solid #333;
}
#closer-btn:hover {
cursor: pointer;
}
.remark {
font-size: 80%;
}
.closer_add {
padding: 3px 5px;
font-size: 100%;
}
#gekijo {
height: 30px;
font-weight: bold;
display: none;
}
#zetsubo {
height: 30px;
font-weight: bold;
display: none;
}
.bwl {
display: none;
}
@media screen and (min-width: 480px) and (max-width: 700px) {
.closer_form {
width: 400px;
padding: 10px 20px;
}
form dl dt {
font-size: 95%;
height: 30px;
}
form dl dd {
font-size: 95%;
}
.bwl {
display: none;
}
}
@media screen and (max-width: 479px) {
.closer_form {
width: 90%;
padding: 10px 10px;
}
.remark {
font-size: 60%;
}
form dl dt {
font-size: 90%;
}
form dl dd {
font-size: 90%;
}
.bwl {
display: block;
}
input[type="number"] {
font-size: 16px;
}
}
/*世代ページ2023リニューアル*/
/*スタメンテーブルの回り込み解除*/
.sedai {
clear: both;
margin: 30px auto;
}
/*通算記録達成状況*/
.bb {
width: 300px;
background-image: radial-gradient(#3cb371, #2e8b57);
box-shadow: 0 1.9px 2.5px rgba(0, 0, 0, 0.057),
0 5px 6.1px rgba(0, 0, 0, 0.076),
0 10.1px 11.4px rgba(0, 0, 0, 0.086),
0 19.2px 19.8px rgba(0, 0, 0, 0.092),
0 38.4px 34.8px rgba(0, 0, 0, 0.1);
margin: 0 auto;
}
table.table-gen-outline {
padding:1.2rem 1rem 1rem 1rem;
margin: 0 auto;
border-collapse:separate;
}
table.table-gen-outline td {
position: relative;
background: #2f4f4f;
text-shadow: 0 0 10px;
}
table.table-gen-outline td:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: radial-gradient(
rgba(255,255,255,0) 0 1px,
rgba(0, 0, 0, .2) 1px
);
background-size: 1.5px 1.5px;
content: '';
}
table.table-gen-outline td:first-child {
font-size: 1.0rem;
font-family: 游ゴシック, monospace;
font-weight: 700;
color: white;
text-align: center;
padding:0.5rem;
}
table.table-gen-outline td:nth-child(n+2) {
font-size: 1.0rem;
font-family: 游ゴシック, monospace;
color: white;
text-align: center;
padding:0.25rem;
}
/*上位12人テーブル 切り替え有り*/
table.table-gen {
border-collapse:separate;
border-spacing:0;
padding: 1rem;
}
table.table-gen th {
background-color:#225478;
color:#ffffff;
font-weight:700;
text-align-last:center;
font-size:0.9rem;
padding:0.5rem;
border-right: 1px solid #f0f8ff;
border-bottom: 1px solid #f0f8ff;
height: 1rem;
white-space: nowrap;
}
table.table-gen td {
background-color:#ffffff;
color:#000000;
font-weight:500;
text-align-last:center;
font-size:0.85rem;
padding:0.25rem;
border-right:1px solid #777777;
border-bottom:1px solid #777777;
height: 1rem;
white-space: nowrap;
}
table.table-gen th:first-child {
border-left:1px solid #777777;
}
table.table-gen td:first-child {
border-left:1px solid #777777;
}
table.table-gen td:nth-of-type(1) {
font-size: 0.9rem;
color: #404040;
font-weight: 700;
font-family: 游ゴシック, monospace;
}
table.table-gen .lefty {
color: #3b5fcc !important;
}
table.table-gen .both {
color: #ff6347 !important;
}
table.table-gen tr:hover td:nth-of-type(n+2) {
color: red;
background-color: #d9efff;
}
table.table-gen tr:hover td:nth-of-type(1) {
background-color: #d9efff;
}
table.table-gen tr th:nth-of-type(1) {
position: sticky;
left: 0;
}
table.table-gen tr td:nth-of-type(1) {
position: sticky;
left: 0;
}
.scroll {
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.scroll::-webkit-scrollbar {
display: none;
}
/*切り替えCSS*/
/*投手*/
#npb_p:checked ~ #npb_content_p,
#mlb_p:checked ~ #mlb_content_p {
display: block;
}
.tab_content_p {
display: none;
padding: 20px;
clear: both;
overflow: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.tab_content_p::-webkit-scrollbar {
display: none;
}
/*野手*/
#npb_b:checked ~ #npb_content_b,
#mlb_b:checked ~ #mlb_content_b {
display: block;
}
.tab_content_b {
display: none;
padding: 20px;
clear: both;
overflow: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.tab_content_b::-webkit-scrollbar {
display: none;
}
/*幅*/
.member12 {
width: 1000px;
margin: 0 auto;
}
table.table-gen {
width: 720px;
margin: 0 auto;
}
.member12 input {
font-family: 游ゴシック, monospace;
}
@media screen and (min-width:700px) and (max-width:1000px) {
.member12 {
width: 650px;
}
.tab_item {
font-size: 0.9rem;
}
table.table-gen {
width: 600px;
}
.tab_content_p, .tab_content_b {
padding: 1rem 0;
}
table.table-gen th {
height: 0.9rem;
font-size: 0.8rem;
}
table.table-gen td {
height: 0.9rem;
font-size: 0.8rem;
}
table.table-gen td:nth-of-type(1) {
font-size: 0.85rem;
}
}
@media screen and (min-width:450px) and (max-width:699px) {
.member12 {
width: 420px;
}
.tab_item {
font-size: 0.8rem;
}
table.table-gen {
width: 600px;
}
.tab_content_p, .tab_content_b {
padding: 1rem 0;
}
table.table-gen th {
height: 0.8rem;
font-size: 0.7rem;
}
table.table-gen td {
height: 0.8rem;
font-size: 0.7rem;
}
table.table-gen td:nth-of-type(1) {
font-size: 0.75rem;
}
}
@media screen and (max-width:449px) {
.member12 {
width: 340px;
margin-left: 5px;
}
.tab_item {
font-size: 0.8rem;
}
table.table-gen {
width: 600px;
}
.tab_content_p, .tab_content_b {
padding: 1rem 0;
}
table.table-gen th {
height: 0.8rem;
font-size: 0.7rem;
}
table.table-gen td {
height: 0.8rem;
font-size: 0.7rem;
}
table.table-gen td:nth-of-type(1) {
font-size: 0.75rem;
}
}
/*スタメン数テーブル*/
.table-gen-pos-area {
width: 720px;
height: 50rem;
margin: 0 auto;
}
table.table-gen-pos {
border-collapse: collapse;
width: 30%;
float: left;
margin: 1.666%;
}
table.table-gen-pos th {
background-color:#225478;
color:#ffffff;
font-weight:700;
text-align-last:center;
font-size:0.85rem;
padding:0.1rem;
border: 1px solid #404040;
height: 1.0rem;
}
table.table-gen-pos td {
background-color:#ffffff;
color:#000000;
font-weight:500;
text-align-last:center;
padding:0.1rem;
border:solid 1px #777777;
height: 1.0rem;
white-space: nowrap;
}
table.table-gen-pos td:nth-of-type(1) {
font-size: 0.8rem;
color: #404040;
font-weight: 700;
font-family: 游ゴシック, monospace;
width: 75%;
}
table.table-gen-pos td:nth-of-type(2) {
font-size: 0.7rem;
font-weight: 500;
width: 25%;
}
table.table-gen-pos .lefty {
color: #3b5fcc !important;
}
@media screen and (min-width:700px) and (max-width:1000px) {
.table-gen-pos-area {
width: 600px;
height: 50rem;
}
table.table-gen-pos {
width: 30%;
margin: 1.666%;
}
table.table-gen-pos .small {
font-size: 0.6rem;
}
}
@media screen and (min-width:480px) and (max-width:699px) {
.table-gen-pos-area {
width: 360px;
height: 45rem;
}
table.table-gen-pos {
width: 45%;
margin: 2.5%;
}
table.table-gen-pos .small {
font-size: 0.6rem;
}
}
@media screen and (max-width:479px) {
.table-gen-pos-area {
width: 330px;
height: 50rem;
}
table.table-gen-pos {
width: 46%;
margin: 2%;
}
table.table-gen-pos td:nth-of-type(1) {
font-size: 0.65rem;
}
table.table-gen-pos td:nth-of-type(2) {
font-size: 0.6rem;
}
}
.notel {
pointer-events: none;
text-decoration:none !important;
color: inherit !important;
}
table.table-rank th {
white-space: nowrap;
}
table.table-rank td {
white-space: nowrap;
}
table.table-rank tr:hover td:nth-of-type(n+4) {
color: red;
background-color: #d9efff;
font-weight: bold;
}
table.table-rank tr:hover td:nth-of-type(-n+3) {
background-color: #d9efff;
}
table.table-rank .lefty {
color: #3b5fcc;
}
table.table-rank .lef-lef {
color: #00bfff;
}
table.table-rank .both {
color: #ff6347;
}
@media screen and (min-width:660px) and (max-width:1000px) {
.table-area {
width: 650px;
}
table.table-rank {
width: 600px;
}
}
@media screen and (min-width:480px) and (max-width:659px) {
.table-area {
width: 460px;
}
table.table-rank {
width: 600px;
}
}
@media screen and (max-width:479px) {
.table-area {
width: 340px;
}
table.table-rank {
width: 600px;
}
}
@media screen and (max-width:479px) {
table.table-rank th {
background-color:#c0c0c0;
color:#ffffff;
}
table.table-rank td {
background-color:#ffffff;
}
table.table-rank tr th:nth-of-type(1) {
position: sticky;
left: -1px;
}
table.table-rank tr td:nth-of-type(1) {
position: sticky;
left: -1px;
}
table.table-rank tr th:nth-of-type(2) {
position: sticky;
left: 45px;
}
table.table-rank tr td:nth-of-type(2) {
position: sticky;
left: 45px;
}
table.table-rank tr th:nth-of-type(3) {
position: sticky;
left: 133px;
}
table.table-rank tr td:nth-of-type(3) {
position: sticky;
left: 133px;
}
}
table.table-rank-mini .lefty {
color: #3b5fcc;
}
table.table-rank-mini .lef-lef {
color: #00bfff;
}
table.table-rank-mini .both {
color: #ff6347;
}
@media screen and (max-width:479px) {
table.table-rank-mini th {
background-color:#c0c0c0;
color:#ffffff;
}
table.table-rank-mini td {
background-color:#ffffff;
}
table.table-rank-mini tr th:nth-of-type(1) {
position: sticky;
left: -1px;
}
table.table-rank-mini tr td:nth-of-type(1) {
position: sticky;
left: -1px;
}
table.table-rank-mini .player-2nd-year {
position: sticky;
left: -1px;
z-index: 2;
}
table.table-rank-mini .player-2nd {
position: relative !important;
left: auto !important;
z-index: 1;
}
}
.giants {
background-color: #f69727;
-webkit-text-stroke: 0.01rem #ffffff;
text-stroke: 0.01rem #ffffff;
}
.carp {
color: #ffffff;
background-color: #F92B20;
-webkit-text-stroke: 0.01rem #000000;
text-stroke: 0.01rem #000000;
}
.deBaysters {
color: #E1F4FD;
background-color: #0069AF;
-webkit-text-stroke: 0.01rem #004A8F;
text-stroke: 0.01rem #004A8F;
}
.tigers {
background-color: #FFE100;
-webkit-text-stroke: 0.01rem #ffffff;
text-stroke: 0.01rem #ffffff;
}
.dragons {
color: #ffffff;
background-color: #0C3282;
-webkit-text-stroke: 0.01rem #000000;
text-stroke: 0.01rem #000000;
}
.swallows {
color: #dbffdb;
background-color: #414E7B;
-webkit-text-stroke: 0.01rem #CE0A20;
text-stroke: 0.01rem #CE0A20;
}
.sbHawks {
color: #ffffff;
background-color: #FCC700;
-webkit-text-stroke: 0.02rem #000000;
text-stroke: 0.02rem #000000;
}
.marines {
background-color: #EFEDEE;
-webkit-text-stroke: 0.01rem #ffffff;
text-stroke: 0.01rem #ffffff;
}
.orixBuffaloes {
color: #BAA834;
background-color: #05051F;
-webkit-text-stroke: 0.01rem #ffffff;
text-stroke: 0.01rem #ffffff;
}
.rakutenEagles {
color: #ffffff;
background-color: #7F001B;
-webkit-text-stroke: 0.01rem #F7AB00;
text-stroke: 0.01rem #F7AB00;
}
.kitahiroFighters {
color: #ffffff;
background-color: #01609A;
-webkit-text-stroke: 0.01rem #F1AC20;
text-stroke: 0.01rem #F1AC20;
}
.saitamaLions {
color: #ffffff;
background-color: #00214E;
-webkit-text-stroke: 0.01rem #000000;
text-stroke: 0.01rem #000000;
}
table.table-data tr th:nth-of-type(1) {
position: sticky;
left: 0;
top: 0;
border-left: none;
border-right: none;
}
table.table-data tr td:nth-of-type(1) {
position: sticky;
left: 0;
top: 0;
border-left: none;
border-right: none;
}
.table-area1 {
width: auto;
padding: 0rem 0.1rem;
background-image: radial-gradient(#fffff4, #ffffff);
box-shadow: 0 1.9px 2.5px rgba(0, 0, 0, 0.057),
0 5px 6.1px rgba(0, 0, 0, 0.076),
0 10.1px 11.4px rgba(0, 0, 0, 0.086),
0 19.2px 19.8px rgba(0, 0, 0, 0.092),
0 38.4px 34.8px rgba(0, 0, 0, 0.1);
margin: 0 auto;
}
table.table-standard th {
border: 1px solid #f0f8ff;
border-collapse: collapse;
color: #ffffff;
background-color: #9f9f9f;
font-family: "Trebuchet MS";
height: 0.8rem;
}
table.table-standard td {
text-align: center;
font-weight: 600;
border: 1px solid #b0c4de;
border-collapse: collapse;
font-family: "Trebuchet MS";
white-space: nowrap;
font-size: 100%;
height: 0.8rem;
}