@charset "utf-8";


img{ width:100%; height:auto;}
.spNone{ display:none;}
.pcNone{ display:block;}
p,li,dt,dd{ font-size: 85%;}
.sectionInner{ width:100%; padding:40px 5%; }

h3{font-size: 14vw;}
h3 span.jp{font-size: 25%;}
.BtnUl{justify-content: center;gap:1em;}
.BtnUl li{width: 80%;}


/*header*/
#pageHeader {padding-bottom: 0.4em; padding-top: 0.2em;}
#pageHeader .headerInner h1 img{padding: 0;}
#pageHeader .headerInner h1 {float:none; width:30%; margin:0 0 0 10px; padding:0.5em 0;}
#pageHeader .headerInner h1 img{ width:100%; height:auto;}
header .headerInner nav.naviBox{width:100%;height:100%;margin:0 auto;padding:20px 0 0 0;position:fixed;top:0;right:0;background:rgba(0,0,0,0.95);text-align:center;transform:translateX(100%);z-index: 9999;transition:all .6s;}
header .headerInner #menuBtn{display:block;right: 7px;top: 10px;width:40px;height: 40px;cursor:pointer;margin:0;z-index:10000;position:absolute;background: url("/files/user/_/lp/lp_2025-26_common/img/menu_open.png")no-repeat;background-size: contain;}
header #menuBtn.active{top: 10px;background: url("/files/user/_/lp/lp_2025-26_common/img/menu_close.png")no-repeat;background-size: contain;}

header .headerInner nav.naviBox.active{transform: translateX(0%);overflow-y:scroll;-ms-overflow-style:none;/* IE, Edge 対応 */scrollbar-width:none;}
header .headerInner nav.naviBox.active::-webkit-scrollbar{ display:none;}
#pageHeader .headerInner ul{width: 100%; display: block; padding: 42px 0 42px;}
#pageHeader .headerInner li{text-align:center; padding:1em 0;font-size: 4.5vw;}

/*過去の対戦成績*/
#aboutSec h4{font-size: 6vw; width: 70%;}
#aboutSec .dataBox{width: 100%; margin: 4em auto 0;}
#aboutSec .dataBox .totalBox{margin-top: 2em;}
#aboutSec .dataBox .subttl{font-size: 5vw;}
#aboutSec .dataBox .totalBox .flexBox li{width: 25%;}
#aboutSec .dataBox .totalBox .flexBox li .team{font-size: 85%; margin: 0.5em auto 0; line-height: 1.2;}
#aboutSec .dataBox .totalBox .flexBox li.pointBox{width: 45%;}
#aboutSec .dataBox .totalBox .pointBox .whiteBox{font-size: 100%;}
#aboutSec .dataBox .totalBox .flexBox li.pointBox .point{font-size: 18vw;}
#aboutSec .dataBox .totalBox .flexBox li.pointBox .sho{font-size: 150%;}

/*直近2試合の対戦成績*/
#aboutSec .dataBox .recentBox{margin-top: 3em;}
#aboutSec .dataBox .recentBox ul{width: 80%; margin: 0 auto 1em;}
#aboutSec .dataBox .recentBox ul li .point{font-size: 14vw;}
#aboutSec .dataBox .recentBox ul li .venue_txt{font-size: 100%;}
#aboutSec .dataBox .recentBox ul li .date_txt{font-size: 120%;}
#aboutSec .dataBox .recentBox ul li.shimane.Win::before{top: 20%; left: -3em;}
#aboutSec .dataBox .recentBox ul li.hiroshima.Win::before{top: 20%; right: -3em;}

/*両クラブの歴史*/
#aboutSec .historyBox{margin: 4em auto 0;}
#aboutSec .historyBox .innerBox .season{text-align: center; background: #fff; color: #000; font-size: 120%; width: 70%; margin: 0 auto 0.5em; padding: 0.2em 0 0;}
#aboutSec .historyBox .innerBox ul{position: relative;}
#aboutSec .historyBox .innerBox ul::after{content: ""; position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); width: 1px; background-color: #fff;}
#aboutSec .historyBox .innerBox li.shimane{width: 46%; text-align: center;}
#aboutSec .historyBox .innerBox li.hiroshima{width: 46%; text-align: center;}

#aboutSec .historyBox .innerBox .txtBox{margin-top: 2em; padding: 1em; text-align: left; border: solid 3px; border-image: linear-gradient(90deg, #0d79be, #e94709) 1; font-size: 85%;}

/*試合日程*/
#scheduleSec .flexBox{display: block;}
#scheduleSec .flexBox .shimaneBox{width: 100%; margin-bottom: 3em;}
#scheduleSec .flexBox .title{font-size: 10vw;}
#scheduleSec .flexBox .btnBox li a{padding: 0.8em;}
#scheduleSec .flexBox .hiroshimaBox{width: 100%;}
#scheduleSec .gmBox{border: solid 3px; display: block; border-image: linear-gradient(90deg, #0d79be, #e94709) 1; padding: 2em; margin-top: 3em;}
#scheduleSec .gmBox .shimanegmBox{width: 100%;}
#scheduleSec .gmBox .hiroshimagmBox{width: 100%;}
#scheduleSec .gmBox .title{font-size: 9vw;}
#scheduleSec .gmBox .nameBox{font-size: 6vw;}
#scheduleSec .gmBox .vs{text-align: center; margin: 0.1em auto;}

/*内部リンク*/
#InnerLinkSec .sectionInner{padding:20px 5%; }
#InnerLinkSec .linkBox{flex-wrap: wrap; justify-content: center;}
#InnerLinkSec .linkBox li{width:calc(100% / 2);padding:0.8em 0.5em 0.8em;font-size:100%;}
#InnerLinkSec .linkBox li span{font-size: 50%;}
#InnerLinkSec .linkBox li a{font-size: 85%; border: solid 2px; border-image: linear-gradient(90deg, #0d79be, #e94709) 1;}

/*注目選手*/
#playerSec ul{display: block;}
#playerSec ul li{width: 95%; margin: 0 auto 2em;}
#playerSec ul li .txtBox .name span{font-size: 5vw;}

/*マスコット*/
#mascotSec .mascotBox .shimane{width: 50%; top: -67%;}
#mascotSec .mascotBox .hiroshima{width: 50%; top: -67%;}
#mascotSec ul{margin-top: 17em;}
#mascotSec ul li{justify-content: space-between;}
#mascotSec ul li .name{font-size: 110%;}
#mascotSec ul li .ttl{width: 25%; border: solid 2px; border-image: linear-gradient(90deg, #0d79be, #e94709) 1;}
#mascotSec ul li .left{width: 35%;}
#mascotSec ul li .right{width: 35%;}
#mascotSec ul li.comment .left{width: 35%;}
#mascotSec ul li.comment .right{width: 35%;}

/*チア*/
#cheerSec .cheerBox{display: block;}
#cheerSec .cheerBox div{width: 100%; margin-bottom: 3em;}
#cheerSec .cheerBox div .logo{width: 50%;}

/*イベント*/
#eventSec .tab_box .btn_area{flex-wrap: wrap; margin-bottom: 2em;}
#eventSec .tab_box .tab_btn{width: 48%; padding: 0.5em 2em; margin-bottom: 0.7em;}
#eventSec .panel_area .tab_panel .imgBox{width: 60%;}

/*グッズ*/
#goodsSec .imgBox{width: 60%;}

/*方言*/
#dialectSec{background: url("/files/user/_/lp/chugokuderby25-26/img/bg_img05_sp.jpg");}
#dialectSec .dialectBox{line-height: 1.3;}
#dialectSec .dialectBox .title{font-size: 100%;}
#dialectSec .dialectBox .flexBox{font-weight: normal;}
#dialectSec .dialectBox .flexBox p{width: 48%; padding: 0.6em 0;}

/* footer */
#pageFooter .flexBox{display: block; width: 80%;}
#pageFooter .flexBox div{width: 100%;}
#pageFooter .flexBox .linkBox{margin: 1em 0 3em;}
#pageFooter .flexBox .logo{width: 45%; margin: 0 auto 2em;}
#pageFooter .flexBox .snslinkBox{width: 70%; margin: 0 auto;}
#pageFooter .flexBox .shimaneBox .linkBox a{border: solid 1px #1c6faf;}
#pageFooter .flexBox .hiroshimaBox .linkBox a{border: solid 1px #e84709;}
#pageFooter p{font-size: 70%}


.scroll_all{position: sticky;bottom: 1em;width: 343px;z-index: 100;margin: 0 10px 0 auto;}
.ticket{width:97%;padding: 0; margin: 0 auto;}
.ticket a{width:60%; display: inline-block;}
.ticket .top{width: 35%;}
.ticket img{margin-bottom: 3px; padding-left: 2%; padding-right: 2%;}