@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; /* 英語 */
}

html {
font-size: 62.5%;
}
body {
font-family: "Meiryo-Num", "Verdana-Al", "BIZ UDPGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Helvetica Neue","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana, Arial, Helvetica, sans-serif;
color: #202124; 
background-color: #ff9900;
font-size: 1.3em;
}
a:link {
color: #1a0dab;
}
a:visited {
color: #681da8;
}
a:active {
color:#ff0000;
}
table {
background-color: #ffffff;
border-collapse: collapse;
}
.profile td {
color: #202124;
font-size: 1.3rem;
background-color: #ffffff;
text-align: left;
border-bottom:1px solid #bbbbbb;
padding: 4px 3px 1px 3px;
font-weight: bold;
vertical-align: top; 
line-height: 120%;
}
table.profile tr:nth-of-type(1) td{
height: 42px;
min-width: 45px;
}
td.bknm {
white-space: nowrap;
vertical-align: middle;
text-align: center;
padding: 6px 3px 1px 3px;
}
td.name, td.ruby, td.position, td.bar_line, td.flag {
padding: 0;
color: #ff9900;
background-color: #000000;
vertical-align: middle;
}
.name h1 {
font-size: 1.8rem;
padding: 2px 1px 1px 3px;
margin: 0;
}
td.name, td.item_as {
white-space: nowrap;
}
h1 span {
display: none;
}
td.ruby {
font-size: 1.1rem;
font-weight: normal;
padding: 2px 5px 1px 3px;
letter-spacing: -1px;
}
td.position {
font-size: 1.8rem;
padding: 2px 1px 1px 0;
margin: 0;
letter-spacing: -1px;
}
table.profile, td.line {
border-bottom: none!important;
}
aside {
margin: 0 0 5px 10px;
}
aside span {
font-size: 1.0rem;
background-color: #dddddd;
}
em {
font-weight: bold;
background-color: #99ff99;
}
h2 {
font-size: 1.4rem;
font-weight: bold;
margin: 7px 0 3px 0;
}
h2 {
color: #4527a0;
padding: 5px;
border-top: solid 2px #4527a0;
border-bottom: solid 2px #4527a0;
background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

table.dataTable {
margin: 0!important;
}
[id^="batt"],[id^="field"],[id^="pitch"] {

}
[id^="batt"] th,[id^="field"] th,[id^="pitch"] th {
vertical-align: middle;
text-align: center;
color: #cccccc;
background-color: #444444;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
line-height: 120%;
}
th.combi_left {
border-right: none!important;
}
th.combi_right {
border-left: none!important;
}
[id^="batt"] td, [id^="field"] td, [id^="pitch"] td {
vertical-align: top;
white-space: nowrap;
text-align: right;
font-weight: bold;
}

[id^="batt"] td:nth-of-type(1), [id^="field"] td:nth-of-type(1), [id^="pitch"] td:nth-of-type(1) {
text-align: left;
vertical-align: middle;
//min-width: 70px;
}
[id^="batt"] td:nth-of-type(2), [id^="field"] td:nth-of-type(2), [id^="pitch"] td:nth-of-type(2) {
text-align: left;
vertical-align: middle;
}
[id^="pitch"] td:nth-of-type(17) {
border-right: none!important;
text-align: right;
}
[id^="pitch"] td:nth-of-type(18) {
border-left: none!important;
text-align: right;
font-size: 1.0rem!important;
padding-top: 6px !important;
}
[id^="batt"] td:nth-of-type(20), [id^="pitch"] td:nth-of-type(24) {
color: #000000;
font-size: 1.0rem!important;
padding-top: 6px !important;
}
#batt1 td:nth-of-type(33), #batt2 td:nth-of-type(33), #batt3 td:nth-of-type(33), #batt4 td:nth-of-type(33), #batt5 td:nth-of-type(33), #batt6 td:nth-of-type(33) {
//background-color: #cccccc;
}
#batt11 td:nth-of-type(30), #batt12 td:nth-of-type(30), #batt13 td:nth-of-type(30), #batt14 td:nth-of-type(30), #batt15 td:nth-of-type(30), #batt16 td:nth-of-type(30) {
//background-color: #cccccc;
}
[id^="batt1_"] td:nth-of-type(33), [id^="batt2_"] td:nth-of-type(33), [id^="batt3_"] td:nth-of-type(33), [id^="batt4_"] td:nth-of-type(33), [id^="batt5_"] td:nth-of-type(33), [id^="batt6_"] td:nth-of-type(33) {
//background-color: #cccccc;
}
[id^="batt11_"] td:nth-of-type(30), [id^="batt12_"] td:nth-of-type(30), [id^="batt13_"] td:nth-of-type(30), [id^="batt14_"] td:nth-of-type(30), [id^="batt15_"] td:nth-of-type(30), [id^="batt16_"] td:nth-of-type(30) {
//background-color: #cccccc;
}
td.tm_g {
background-color: #ff9900;
background-color: #ff9900!important;
}
/*　ヤクルト94-・70-93　*/
td.tm_ts {
background-color: #2b1f7c!important;
}
td.tm_ys {
background-color: #029966!important;
}
/*　国鉄50-69　*/
td.tm_ks {
background-color: #1d0973!important;
}
/*　横浜12- 93-　大洋78-92　50-77*/
td.tm_db {
background-color: #00428c!important;
}
td.tm_yb {
background-color: #4247cb!important;
}
td.tm_tw {
background-color: #200a74!important;
}
td.tm_sw {
background-color: #dd1204!important;
}
/*　大東京35・ライオン36-40・朝日41-44*/
td.tm_dt {
background-color: #d53b7c!important;
}
td.tm_li {
background-color: #ffcf40!important;
}
td.tm_as {
background-color: #000000!important;
}
/*　パシ太陽松竹46-52　*/
td.tm_tr {
background-color: #0000cc!important;
}
/*　中日65-・51-64　*/
td.tm_cd {
background-color: #010080!important;
}
td.tm_nd {
background-color: #5b0121!important;
}
/*　中部日本46-50　*/
td.tm_ng {
background-color: #cc3300!important;
}
/*　名古屋・産業35-44　*/
td.tm_sa {
background-color: #cc0033!important;
}
/*　東京セネ・翼35-40　*/
td.tm_tt {
background-color: #ff3300!important;
}
/*　金鯱36-40・大洋西鉄41-43　*/
td.tm_nk {
background-color: #000033!important;
}
td.tm_tn {
background-color: #990000!important;
}
/*　イーグルス黒鷲大和37-43　*/
td.tm_ek {
background-color: #330033!important;
}
/*　阪神　*/
td.tm_ht {
background-color: #f9d11d!important;
}
/*　広島　*/
td.tm_hc {
background-color: #ff0408!important;
}
/*　日本ハム04-・74-03　*/
td.tm_hf {
background-color: #347da2!important;
}
td.tm_nf {
background-color: #f20a00!important;
}
/*　セネ東急東映日拓・46-73　*/
td.tm_se {
background-color: #cc0000!important;
}
/*　楽天05-　*/
td.tm_te {
background-color: #8a0d2d!important;
}
/*　西武79-　*/
td.tm_sl {
background-color: #0b45a5!important;
}
/*　太平洋クラウン73-78　*/
td.tm_tc {
background-color: #083784!important;
}
/*　西鉄50-72　*/
td.tm_nl {
background-color: #000066!important;
}
/*　ロッテ92-・50-91　*/
td.tm_cm {
background-color: #666666!important;
}
td.tm_lo {
background-color: #fc0c00!important;
}
/*　高橋5456・トンボ55　*/
td.tm_tu {
background-color: #dfbd01!important;
}
td.tm_un {
background-color: #1a0a6c!important;
}
/*　ゴールド金星大映46-57　*/
td.tm_tu {
background-color: #ff0000!important;
}
/*　オリックス89-　*/
td.tm_ob {
background-color: #000091!important;
}
/*　阪急36-88　*/
td.tm_hb {
background-color: #c00000!important;
}
/*　ソフト05-・89-04　南海49-88・南海近畿38-48　*/
td.tm_fh {
background-color: #fdcf0f!important;
}
td.tm_dh {
background-color: #fe6200!important;
}
td.tm_nh {
background-color: #175d0b!important;
}
td.tm_na {
background-color: #cc9933!important;
}
/*　近鉄50-04　*/
td.tm_kb {
background-color: #df0403!important;
}
/*　オイシックス24-　*/
td.tm_2on {
background-color: #ea5404!important;
}
/*　くふうハヤテ24-　*/
td.tm_2hs {
background-color: #041330!important;
}
td.tm_npb {
background-color: #0099cc;
background-color: #0099cc!important;
}
td.tm_minor {
background-color: #9999cc;
background-color: #9999cc!important;
}
td.tm_3a {
background-color: #cccccc;
background-color: #cccccc!important;
}
td.tm_mlb {
background-color: #99ff99;
background-color: #99ff99!important;
}
td.tm_kbo {
background-color: #ccccff;
background-color: #ccccff!important;
}
td.tm_cpbl {
background-color: #ff99ff;
background-color: #ff99ff!important;
}
td.tm_0 {
background-color: #ffffff;
background-color: #ffffff!important;
}

td.ip {
}
td.ipf {
}
td.ibb {  
}
td.long {
letter-spacing: -1px;
}
span.inter {
font-size: 0.7rem!important;
letter-spacing: -1px;
}
td span[class^="inter"]:before{
font-size: 0.7rem!important;
letter-spacing: -1px;
}
td span.inter1:before {
content: "▲ ";
}
td span.inter2:before {
content: "▲2 ";
}
td span.inter3:before {
content: "▲3 ";
}
td span.inter4:before {
content: "▲4 ";
}
td span.inter5:before {
content: "▲5 ";
}
td span.inter6:before {
content: "▲6 ";
}
td span.inter7:before {
content: "▲7 ";
}
td span.inter8:before {
content: "▲8 ";
}
td span.inter9:before {
content: "▲9 ";
}
td span.inter10:before {
content: "▲10 ";
}
span.sort {
display: none;
}
td.tl {
color: #ff0000; 
}

/* tfoot */

[id^="pitch"] div.dataTables_scrollFootInner tfoot td:nth-of-type(18) {
padding: 6px 4px 2px 4px!important;
}
[id^="batt"] div.dataTables_scrollFootInner tfoot td:nth-of-type(20), [id^="pitch"] div.dataTables_scrollFootInner tfoot td:nth-of-type(24) {
padding: 6px 4px 2px 4px!important;  
}
[id^="batt1_"] div.dataTables_scrollFootInner tfoot td:nth-of-type(33), [id^="batt2_"] div.dataTables_scrollFootInner tfoot td:nth-of-type(33), [id^="batt3_"] div.dataTables_scrollFootInner tfoot td:nth-of-type(33), [id^="batt4_"] div.dataTables_scrollFootInner tfoot td:nth-of-type(33), [id^="batt5_"] div.dataTables_scrollFootInner tfoot td:nth-of-type(33), [id^="batt6_"] div.dataTables_scrollFootInner tfoot td:nth-of-type(33) {
background-color: #cccccc;
}
[id^="batt11_"] div.dataTables_scrollFootInner tfoot td:nth-of-type(30), [id^="batt12_"] div.dataTables_scrollFootInner tfoot td:nth-of-type(30), [id^="batt13_"] div.dataTables_scrollFootInner tfoot td:nth-of-type(30), [id^="batt14_"] div.dataTables_scrollFootInner tfoot td:nth-of-type(30), [id^="batt15_"] div.dataTables_scrollFootInner tfoot td:nth-of-type(30), [id^="batt16_"] div.dataTables_scrollFootInner tfoot td:nth-of-type(30) {
background-color: #cccccc;
}
tfoot td {
text-align: right!important;
}
tfoot td.combi_left {
border-right: none!important;
text-align: right!important;
}
tfoot td.combi_right {
border-left: none!important;
text-align: left!important;
}
.cell-border tfoot td {
border-top: 1px solid #000;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.cell-border tfoot tr td:first-child {
border-left: 1px solid #ddd;
}
div.dataTables_scrollBody table[id^="batt"] tfoot tr, div.dataTables_scrollBody table[id^="field"] tfoot tr, div.dataTables_scrollBody table[id^="pitch"] tfoot tr {

}
div.DTFC_LeftBodyLiner {
overflow-x: hidden!important;
}
div#data_wrapper.dt-scroll div.dtfc-top-blocker {
background-color: #ff9900!important;
}

tr>td.hover {
background-color: #ffb466!important;
}
[id^="data"] table thead ,[id^="data"] table thead tr, [id^="data"] table thead tr th {
background-color: #ff9900!important;
}
#data td {
font-size: 1.3rem;
}
#main_pr_header, #main_pr_middle, #main_pr_footer {
margin-top: 15px;
margin-bottom: 15px;
}

#pr_ua {
margin: 5px 0px 5px 10px;
}
#pr_ua td img:first-child {
width: 145px;
height: 217px;
}
footer {
width: 100%;
text-align: center;
padding: 5px 0;
font-family: Verdana;
font-size: 1.2rem;
}

/* パンくず */

ol#topicPath, ol#topicPath2 {
padding: 2px;
font-size: 1.2rem;
list-style: none;
line-height: 150%;
}
ol#topicPath {
margin: 40px 0 20px;
}
ol#topicPath2 {
margin: 20px 0 50px;
}
ol#topicPath li, ol#topicPath2 li {
float: left;
padding-right: 5px;
font-style: normal;
position: relative;
z-index:1;
}
ol#topicPath li:nth-child(n+2)::before, ol#topicPath2 li:nth-child(n+2)::before {
width: 8px;
height: 8px;
display: inline-block;
content: "";
background-image: url(/icon/sprite01.png);
background-size: 484px 64px;
background-repeat: no-repeat;
background-position: -384px -20px;
}
ol#topicPath li:nth-child(n+4) {
/* top: 1.5px;原因不明のため高さ調整 */
}
ol#topicPath li.home, ol#topicPath2 li.home {
padding-left: 0;
background: none;
font-style: normal;
}
ol#topicPath li a:link, ol#topicPath li a:visited, ol#topicPath2 li a:link, ol#topicPath2 li a:visited {
color: #1111cc;
text-decoration: underline;
}
ol#topicPath li em, ol#topicPath2 li em {
font-style: normal;
font-weight: normal;
position: relative;
z-index:1;
}

@media (min-width: 736px){
#header p, header>p {
margin: 0px 0px 5px 500px;
color: #ffcc00;
font-size: 2.0rem;
font-family: 'Verdana';
white-space: nowrap;
}
.box {
width: 728px;
display: table;
}
.box_element {
width: 364px;
display: table-cell;
vertical-align:top;
background-color: #ffffff;
}
table.profile {
width: 364px;
}
td.item_as {
letter-spacing: -1px;
}
div.dataTables_wrapper, div.dt-container {
width: 100%;
}
#data_wrapper {
width: 100%;
}
h2 {
width: 100%;
}
.pws_tabs_list {
width: 100%;
min-height: 200px;
}

/* pr -start- */
div[id^="main_pr_"] {
width: min-content;
border: 2px solid #000099;
border-radius: 5px;
padding: 15px 0;
position: relative;
margin-left: -2px;
}
div[id^="main_pr_"]::before {
background-color: #ff9900;
color: #333;
content: "▼スポンサーリンク▼";
font-weight: bold;
left: 30px;
padding: 3px 10px;
position: absolute;
top: -13px;
}
div[id^="main_pr_"].double_top {
border-bottom: none;
border-bottom-right-radius: initial;
border-bottom-left-radius: initial;
}
div[id^="main_pr_"].double_under {
border-top: none;
border-top-right-radius: initial;
border-top-left-radius: initial;
padding: 0 0 15px 0;
top: -30px;
}
div[id^="main_pr_"].double_under::before {
content: initial;
left: initial;
padding: initial;
position: initial;
top: initial;
padding-top:10px;
}
div#main_pr_header_aff::before, div#main_pr_middle_aff::before, div#main_pr_footer_aff::before {
content: "▼PR▼";
}

/* pr -end- */

}

@media (min-width: 1001px){
.box{
width: 970px;
display: table;
}
h2 {
width: calc(100vw  -  35px)!important;
}
h2.record {
width: 970px!important;
}
.box_element {
width: 485px;
display: table-cell;
vertical-align:top;
background-color: #ffffff;
}
table.profile {
width: 485px;
}
div.dataTables_wrapper, div.dt-container {
width: calc(100vw  -  55px)!important;
}
.pws_tabs_list {
width: calc(100vw  -  35px)!important;
}
#data_wrapper {
/*width: calc(100vw  -  35px)!important;*/
width: 970px!important;
}
}

@media (min-width: 736px) and (max-width: 960.9px){
html{
    overflow-x : hidden;
    -webkit-overflow-scrolling: touch;
}
body {
    overflow-x : hidden;
    -webkit-overflow-scrolling: touch;
}
#header p, header>p {
margin: 0px 0px 5px 220px;
color: #ffcc00;
font-size: 1.6rem;
font-family: 'Verdana';
white-space: nowrap;
}
.box {
width: 728px;
display: table;
}
.box_element {
width: 364px;
display: table-cell;
vertical-align:top;
background-color: #ffffff;
}
table.profile {
width: 364px;
}
table.profile td {
padding: 5px 3px;
}
.box_element:nth-of-type(2) table.profile tr:nth-of-type(1){
height: 42px;
}
td.bknm, td.line {
width: 50px;
text-align: center;
}
td.bknm img{
width: 15px;
}
td.name{
letter-spacing: -1px;
}
td.ruby{
letter-spacing: -2px;
}
td.position{
letter-spacing: -1.5px;
}
td.item_as {
letter-spacing: -1.5px;
}
div.dataTables_wrapper, div.dt-container {
width: 100%;
}
.pws_tabs_list {
width: 100%;
min-height: 200px;
}
h2 {
width: 100%;
}
#data_wrapper {
width: 100%;
}
}

@media (min-width: 736px){
td.name{
padding-bottom: 7px !important;
}
}


@media (max-width: 735.9px){
html{
    overflow-x : hidden;
    -webkit-overflow-scrolling: touch;
}
body {
    overflow-x : hidden;
    -webkit-overflow-scrolling: touch;
}
.box_element {
width: 100%;
}
table.profile {
width: 100%;
}
table.profile td {
padding: 5px 3px;
}
.box_element:nth-of-type(2) table.profile tr:nth-of-type(1){
display: none;
}
td.bknm, td.line {
width: 50px;
text-align: center;
}
td.bknm img{
width: 15px;
}
td.name{
letter-spacing: -1px;
padding-bottom: 13px !important;
}
td.ruby{
letter-spacing: -2px;
}
td.position{
letter-spacing: -1.5px;
}
td.item_as {
letter-spacing: -1.5px;
}
div.dataTables_wrapper, div.dt-container {
width: 100%;
}
.pws_tabs_list {
width: 100%;
min-height: 200px;
}
#data_wrapper {
width: 100%;
}

header::before {
font-size: 1.3rem;
color: #333;
content: "このページには広告が含まれています";
//left: 0px;
padding: 10px;
position: absolute;
top: 0px;
}
}


@media (min-width: 481px) and (max-width: 735.9px){
#header p, header>p {
margin: 15px 0px 5px 220px;
color: #ffcc00;
font-size: 1.8rem;
font-family: 'Verdana';
white-space: nowrap;
}
}

@media (min-width: 411px) and (max-width: 480.9px){
#header p, header>p {
margin: 15px 0px 5px 220px;
color: #ffcc00;
font-size: 1.8rem;
font-family: 'Verdana';
white-space: nowrap;
}
td.bknm {
padding: 6px 3px 1px 3px!important;
}
}

@media (min-width: 375px) and (max-width: 410.9px){
#header p, header>p {
margin: 15px 0px 5px 200px;
color: #ffcc00;
font-size: 1.8rem;
font-family: 'Verdana';
white-space: nowrap;
}
td.bknm {
padding: 6px 3px 1px 3px!important;
}
}

@media (min-width: 360px) and (max-width: 374.9px){
#header p, header>p {
margin: 15px 0px 5px 200px;
color: #ffcc00;
font-size: 1.8rem;
font-family: 'Verdana';
white-space: nowrap;
}
td.bknm {
padding: 6px 3px 1px 3px!important;
}
}

@media (max-width: 359.9px){
#header p, header>p {
margin: 15px 0px 5px 160px;
color: #ffcc00;
font-size: 1.8rem;
font-family: 'Verdana';
white-space: nowrap;
}
td.bknm {
padding: 6px 3px 1px 3px!important;
}
}

@media (max-width: 599px){
ol#topicPath {
margin: 40px 0 40px;
}
ol#topicPath2 {
margin: 40px 0 60px;
}
#main_pr_foot_only_npb, #main_pr_foot_only_jpn {
display: none;
}
}

.pws_tabs_container ul.pws_tabs_controll li {
height: 48px;
}

@media (min-width: 736px){
/* linkcard -start- */
.linkcard {
width:728px;
}
.card_flexbox {
display: flex;
}
.card_box1 {
width:360px;
margin: auto;
margin-left: 0;
}
.card_box2 {
width:360px;
margin: auto .5rem;
margin-right: 0;
}
figure img {
max-width: 100%;
height: auto;
width: 160px;
height: 90px;
}
.l-wrapper_01 {
margin: 1rem auto;
width: 95%;
}
.l-wrapper_01:hover {
transform: translateY(-3px);
box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
transition: all .5s;
}
.card_01 {
background-color: #fff;
box-shadow: 0 0 8px rgba(0, 0, 0, .16);
color: #212121;
text-decoration: none;
}
.card__header_01 {
display: flex;
flex-wrap: wrap;
}
.card__title_01 {
padding: 1rem 1.5rem 0;
font-size: 1.6rem;
order: 1;
margin-bottom: 0.6rem;
font-weight: bold;
text-decoration: none;
}
.card__thumbnail_01 {

}
.card__image_01 {

}
.card__body_01 {
padding: 0 1.5rem;
}
.card__text_01 {
font-size: 1em;
text-align:center;
text-decoration: none;
padding-bottom: 0;
}
.card__text2_01 {
font-size: 1em;
margin-top: 0;
margin-bottom: 2rem;
}
.card__text_01 + .card__text_01 {
margin-top: .5rem;
}
.card__footer_01 {
padding: 1rem;
border-top: 1px solid #ddd;
}
.button_01 {
display: inline-block;
text-decoration: none;
transition: background-color .3s ease-in-out;
text-align: center;
}
.button_01 a {
text-decoration: none;
}
.button_01.-compact {
padding: .5rem 1rem;
border-radius: .25rem;
background-color: #4f96f6;
color: #fff;
font-weight: bold;
text-decoration: none;
}
.button_01.-compact:hover,
.button_01.-compact:focus {
background-color: #6bb6ff;
}
/* linkcard -end- */

/* linkcard link wide -start- */
.card_box1, .card_box2{
position: relative!important;
}
.button_01.-compact::after {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:1;
pointer-events:auto;
content:"";
background-color:rgba(0,0,0,0);
}
/* linkcard link wide -end- */

/* linkcard ribbon -start- */
.ribbon {
width: 150px;
height: 150px;
overflow: hidden;
position: absolute;
}
.ribbon::before,
.ribbon::after {
position: absolute;
z-index: -1;
content: '';
display: block;
border: 5px solid #2980b9;
}
.ribbon span {
position: absolute;
display: block;
width: 225px;
padding: 15px 0;
background-color: #3498db;
box-shadow: 0 5px 10px rgba(0,0,0,.1);
color: #fff;
/*font: 700 18px/1 'Lato', sans-serif;*/
text-shadow: 0 1px 1px rgba(0,0,0,.2);
text-transform: uppercase;
text-align: center;
}
.ribbon.reco span {
background-color: #ff0099;
}
.ribbon-top-right {
top: -10px;
right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
border-top-color: transparent;
border-right-color: transparent;
}
.ribbon-top-right::before {
top: 0;
left: 0;
}
.ribbon-top-right::after {
bottom: 0;
right: 0;
}
.ribbon-top-right span {
left: -25px;
top: 30px;
transform: rotate(45deg);
}
/* linkcard ribbon -end- */
}

@media (max-width: 735.9px){
/* linkcard -start- */
.linkcard {
width:728px;
}
.card_flexbox {
display: flex;
}
.card_box1 {
width:360px;
margin: auto;
margin-left: 0;
}
.card_box2 {
width:360px;
margin: auto .5rem;
margin-right: 0;
}

.l-wrapper_01 {
margin: 1rem auto;
width: 95%;
}
.l-wrapper_01:hover {
transform: translateY(-3px);
box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
transition: all .5s;
}

.card_01 {
background-color: #fff;
box-shadow: 0 0 8px rgba(0, 0, 0, .16);
color: #212121;
text-decoration: none;
}
.card__header_01 {
display: flex;
flex-wrap: wrap;
}
.card__title_01 {
padding: 1rem 1.5rem 0;
font-size: 1.6rem;
order: 1;
margin-bottom: 0.6rem;
font-weight: bold;
text-decoration: none;
}
.card__thumbnail_01 {
/*margin: 0;*/
/*order: 0;*/
}
.card__image_01 {
/*width: 100%;*/
}
.card__body_01 {
padding: 0 1.5rem;
}
.card__text_01 {
font-size: 1em;
text-align:center;
text-decoration: none;
padding-bottom: 0;
}
.card__text2_01 {
font-size: 1em;
margin-top: 0;
margin-bottom: 2rem;
}
.card__text_01 + .card__text_01 {
margin-top: .5rem;
}
.card__footer_01 {
padding: 1rem;
border-top: 1px solid #ddd;
}
.button_01 {
display: inline-block;
text-decoration: none;
transition: background-color .3s ease-in-out;
text-align: center;
}
.button_01 a {
text-decoration: none;
}
.button_01.-compact {
padding: .5rem 1rem;
border-radius: .25rem;
background-color: #4f96f6;
color: #fff;
font-weight: bold;
text-decoration: none;
}
.button_01.-compact:hover,
.button_01.-compact:focus {
background-color: #6bb6ff;
}
/* linkcard -end- */

/* linkcard link wide -start- */
.card_box1, .card_box2{
position: relative!important;
}
.button_01.-compact::after {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:1;
pointer-events:auto;
content:"";
background-color:rgba(0,0,0,0);
}
/* linkcard link wide -end- */

/* linkcard ribbon -start- */
.ribbon {
width: 150px;
height: 150px;
overflow: hidden;
position: absolute;
}
.ribbon::before,
.ribbon::after {
position: absolute;
z-index: -1;
content: '';
display: block;
border: 5px solid #2980b9;
}
.ribbon span {
position: absolute;
display: block;
width: 225px;
padding: 15px 0;
background-color: #3498db;
box-shadow: 0 5px 10px rgba(0,0,0,.1);
color: #fff;
/*font: 700 18px/1 'Lato', sans-serif;*/
text-shadow: 0 1px 1px rgba(0,0,0,.2);
text-transform: uppercase;
text-align: center;
}
.ribbon.reco span {
background-color: #ff0099;
}
.ribbon-top-right {
top: -10px;
right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
border-top-color: transparent;
border-right-color: transparent;
}
.ribbon-top-right::before {
top: 0;
left: 0;
}
.ribbon-top-right::after {
bottom: 0;
right: 0;
}
.ribbon-top-right span {
left: -25px;
top: 30px;
transform: rotate(45deg);
}
/* linkcard ribbon -end- */
}

/* linkcard -start- */
@media(min-width: 736px) {
figure img {
width: 160px;
height: 90px;
}
}
@media(max-width: 735.9px) {
.linkcard {
width: calc(100vw - 10px);
max-width:728px;
min-width:320px;
}
.card__thumbnail_01 {
margin-top: 5px;
margin-left: 5px;
/*margin: 0;*/
/*order: 0;*/
}
figure img {
width: 320px;
height: 180px;
}
.card_flexbox, .card_box1, .card_box2 {
width: calc(100vw - 20px);
max-width:728px;
}
.card_flexbox {
display: block;
margin: 0 auto;
}
.card_box1 {
margin: 0 0 1px 0;
}
.card_box2 {
margin: 0 auto;
margin-top: 10px;
}
}

@media (max-width: 480.9px) {
.card__thumbnail_01 {
margin-top: calc( (100vw - 340px)/2 );
margin-left: calc( (100vw - 340px)/2 );
}
}

@media (max-width: 359.9px) {
figure img {
width: 256px;
height: 144px;
}
.card__thumbnail_01 {
margin-top: 10px;
margin-left: 10px;
}
}

@media (min-device-width: 736px) and (max-device-width: 960px) and (max-device-height: 479px) and (orientation: landscape){
.card_flexbox {
width: 728px;
display: flex;
}
.card_box1, .card_box2 {
width: 360px;
}
figure img {
width: 160px;
height: 90px;
}
.card__thumbnail_01 {
margin-top: 15px;
margin-left: 15px;
}
}

@media (min-device-width: 667px) and (max-device-width: 735px) and (max-device-height: 479px) and (orientation: landscape){
.card_flexbox {
width: 100%;
display: flex;
}
.card_box1, .card_box2 {
width: calc( (100vw - 20px) /2 );
}
figure img {
width: 160px;
height: 90px;
}
}
/* linkcard -end- */

/* sp_none -start- */
@media (max-width: 735.9px){
.sp_none {
display: none!important;
}
}

@media (min-width: 736px){
.pc_none {
display: none!important;
}
}

@media (max-width: 359.9px){
.sp_none_36 {
display: none;
}
}
/* sp_none -end- */

/* 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;
}
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: 0.75;
}

/* -- 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";
}

@media (min-width: 961px){
#social {
width: 728px;
height: 40px;
text-align: right;
}
}
@media (max-width: 735.9px){
.social-button li a:before {
margin-right: 0px!important;
}
}
@media (max-width: 960px){
#social {
width: 100%;
max-width: 728px;
text-align: right;
height:50px;
}
}
@media (max-width: 480px){
#social ul {
padding-inline-start: 5px;
}
.social-button li {
margin: 0 10px 10px 0;
}
.social-button li a {
padding: 10px 12px 8px;
border-radius: 8px;
}
}

@media (max-width: 390px){
#social ul {
padding-inline-start: 25px;
}
li.pocket {
display: none!important;
}
}
/* social -end- */

@media (max-width: 960px){
.pws_tabs_container {
content-visibility: auto;
contain-intrinsic-size: 1000px;
}
/* pr -start- */
[class^="main_pr_text"]{
width: 100%;
height: 66px;
display: inline-block;
padding: 3px 0;
text-align: center;
content-visibility: auto;
contain-intrinsic-size: 66px;
}
/* pr -end- */
}

/* pr -start- */
div[id^="main_pr_"]{
margin-top: 5px;
margin-bottom: 5px;
}
/* pr -end- */

@media (max-width: 960.9px){
/* プログレス-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); }
}
/* プログレス-end- */
}