:root {
  font-size: clamp(13px, 1.5vw, 19px); /* 画面幅で自動調整 */
}
body {background-color: #202020;  color: #fff; font-family: "Noto Sans JP", sans-serif; font-weight:300;margin: 0; padding: 0;
font-size: 1rem; /* ← ここで 1rem = :root の font-size */
        }
.sp{display:none;}
.pc{display:block;}
img{max-width:100%;}

.player-box {  overflow: hidden;
width: 1170px; aspect-ratio: 1168 / 540; max-width: 100%; height: auto; 
margin:0 auto 0.5rem; display: flex; flex-wrap:nowrap; justify-content: center;align-items:center;position: relative; }
.team_chubu1 .player-box{background:url(../_image/bg_players_chubu1.jpg) center / 100% no-repeat;  }
.team_chubu2 .player-box{background:url(../_image/bg_players_chubu2.jpg) center / 100% no-repeat;  }
.team_kansai1 .player-box{background:url(../_image/bg_players_kansai1.jpg) center / 100% no-repeat;  }
.team_kansai2 .player-box{background:url(../_image/bg_players_kansai2.jpg) center / 100% no-repeat;  }

.player-box.team { display: flex; flex-wrap:nowrap; justify-content: right; }
.team_chubu1 .player-box.team { background:url(../_image/bg_team_chubu1.jpg) center bottom / 100% no-repeat;  }
.team_chubu2 .player-box.team { background:url(../_image/bg_team_chubu2.jpg) center bottom / 100% no-repeat;  }
.team_kansai1 .player-box.team { background:url(../_image/bg_team_kansai1.jpg) center bottom / 100% no-repeat;  }
.team_kansai2 .player-box.team { background:url(../_image/bg_team_kansai2.jpg) center bottom / 100% no-repeat;  }

.player-area {width:50%;display:flex; justify-content: center;position: relative; z-index:1;}
.player-box.team .player-area{width:880px; position: absolute;left:0; bottom:0; z-index:1;}
.player-box.team .player-area img{margin-bottom:-1rem;}
.player-area img{margin-bottom:-3rem;}

.beyblade-area {width: 50%;height:100%; position: absolute; z-index:4; left:0; bottom:0; display: flex;align-items: flex-end;}
.beyblade-area .beyImg{width:110px;position: relative; z-index:1;margin-bottom:1rem;margin-left:1rem; }
.beyblade-area .beyName{width:190px;position: relative; z-index:1;margin-left:0.5rem;margin-bottom:1rem}
.beyblade-area .endTriangle{width:400px;position: absolute; bottom:0; left:0; z-index:0;}
 
.content-area {width:50%;padding:0;text-align:left;}
.player-box.team .content-area {width:40%;padding:0 3% 0 0;text-align:right;position: relative;z-index:3;}
.player-box.team .content-area p.midashi{color:#000;}

.content-area p{font-weight:600;margin-left:2rem;}
p.playerClass{font-size:1.3rem;}
p.playerName{font-size:2.8rem;font-style: italic;font-weight:700;}
p.playerCaption{font-size:1.1rem; line-height:1.5;margin-top:5px;margin-bottom:1rem; }
p.playerCaption.long{font-size:0.8rem; }
p.midashi{font-size:0.7rem; font-style: italic; padding:0.5em 0.5em; margin-bottom:8px; font-weight:600; margin-right: auto;}
p.comment{font-size:1rem; line-height:1.5; margin-bottom:1.5em; padding:0;}
p.comment.long{font-size:0.8rem; line-height:1.3;}

p.midashi{
  display: inline-block;   /* ← 文字幅に合わせる最重要ポイント */
  padding: 0.1rem 0.7rem;
  white-space: nowrap;     /* ← 折り返させない（任意） */
position: relative;
  z-index: 0;
  isolation: isolate;
}
.team_chubu1 p.midashi{color:#711c0c;}
.team_chubu2 p.midashi{color:#008b09;}
.team_kansai1 p.midashi{color:#5a5a5a;}
.team_kansai2 p.midashi{color:#846c00;}

p.midashi::before {
  content:"";
  position:absolute;
  inset: 0;
  background:#fff;
  /* 斜め箱（平行四辺形） */
  clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
  z-index:-1;
  
}
.beyblade-area p.midashi::before{ background:none;}
.beyblade-area p.midashi{color:#fff;;}

        .dfoot {display: block;font-style: normal;
text-align: center;margin:1rem auto;font-size: 12px;}

        .dbackLink {  display: block;margin: 2rem auto 0;text-align: center;
        }

        .dbackLink:hover {
            opacity: 0.6;
        }

  @media screen and (max-width: 768px) {
            .sp{display:block;}
            .pc{display:none;}

          

.player-box {overflow: hidden; 
width: 100%; aspect-ratio: auto; height: 65vw;
margin:0 auto 0.5rem; display: flex; flex-wrap:wrap; justify-content: center;align-items:center;position: relative;}
.team_chubu1 .player-box{
background:url(../_image/bg_players_chubu1_sp.jpg) center / 100% no-repeat;  }
.team_chubu2 .player-box{
background:url(../_image/bg_players_chubu2_sp.jpg) center / 100% no-repeat;  }
.team_kansai1 .player-box{
background:url(../_image/bg_players_kansai1_sp.jpg) center / 100% no-repeat;  }
.team_kansai2 .player-box{
background:url(../_image/bg_players_kansai2_sp.jpg) center / 100% no-repeat;  }

.player-box.team { height: auto; display: flex; flex-wrap:wrap; justify-content: right;}
.player-box.team p{text-align: left;}
.team_chubu1 .player-box.team { background:url(../_image/bg_team_chubu1_sp.jpg) center top / 100% no-repeat;  }
.team_chubu2 .player-box.team { background:url(../_image/bg_team_chubu2_sp.jpg) center top / 100% no-repeat;  }
.team_kansai1 .player-box.team { background:url(../_image/bg_team_kansai1_sp.jpg) center top / 100% no-repeat;  }
.team_kansai2 .player-box.team { background:url(../_image/bg_team_kansai2_sp.jpg) center top / 100% no-repeat;  }

.player-box.team .player-area{width:100%;align-items:flex-start;}
.player-box.team .content-area {width:100%;text-align: left;padding:0 4%;margin-top:1rem;display:flex; flex-wrap:wrap;align-items: center;}
.player-box.team .content-area .left-area{width:45%; padding-right:1rem; }
.player-box.team .content-area .left-area p {text-align:right;}
.player-box.team .content-area br{display:none;}
.player-box.team .content-area .right-area{width:55%;}

.player-area {position: relative; width:44%;  display:flex; justify-content: center; align-items: flex-end;}
.player-area img{width:175%;max-width: none;  height: auto;margin-left:-1rem; }
.player-box.team .player-area {width:100%;height:53vw; position: static; overflow:hidden;}
.player-box.team .player-area img{width:100%;max-width: none;  height: auto;position: static; }
.beyblade-area {width: 44%; height:64vw; padding:0; display: flex;}
.beyblade-area .beyImg{width:35%;position: relative; z-index:1;margin-bottom:0.5rem;margin-left:0.5rem; }
.beyblade-area .beyName{width:50%;position: relative; z-index:1;margin-left:0rem;margin-bottom:0.5rem}
.beyblade-area .endTriangle{width:98%;position: absolute; bottom:0; left:0; z-index:0;}
.beyblade-area .endTriangle img{width: 100%;}
  
.content-area {width:55%; padding:0;}
.content-area p{font-weight:600;margin-left:1rem;}
p.playerClass{font-size:1rem;}
p.playerName{font-size:6vw;font-style: italic;font-weight:700;}
p.playerName.long{font-size:5.4vw;font-style: italic;font-weight:700;}
p.playerCaption{font-size:0.75rem; line-height:1.5;margin-top:0.3rem;margin-bottom:0.7rem; }
p.midashi{font-size:0.7rem; font-style: italic;   margin-bottom:0.5rem;}
p.comment{font-size:0.75rem; line-height:1.5; margin-bottom:0.7rem; padding:0}
p.comment.long{font-size:0.6rem; }

.team_chubu1 .player-box:nth-child(2) .player-area img {margin-left:-3rem;}
.team_chubu1 .player-box:nth-child(4) .player-area img {margin-left:-3rem;}
.team_chubu2 .player-box:nth-child(2) .player-area img {margin-left:-3rem;}
.team_chubu2 .player-box:nth-child(3) .player-area img {margin-left:0rem; margin-bottom:-5rem;}
.team_kansai1 .player-box:nth-child(2) .player-area img {margin-left:-2rem;}
.team_kansai1 .player-box:nth-child(4) .player-area img {margin-left:-2rem;}

.team_kansai2 .player-box:nth-child(2) .player-area img {margin-left:-2rem;margin-bottom:-4rem;}

.dbackLink {  width:60%;display: block;margin: 2rem auto 0;text-align: center;
        }
        }