@charset "UTF-8";

/*----------------------------------------------------------
/* ヘッダー部25thロゴ撤去スタイル override／important使用
/* 基本このスタイルをコメント or 削除で25thロゴ使用時の形でも使えます。
/* (25thロゴ掲示時用に調整されている、もとのcommon.cssのスタイルは生かしているので)
/* なんらかのオブジェクトを25thロゴ位置に掲示させる際は、ロゴの幅サイズは25thに合わせる。
/* common.css追記用 last2023.3.29
-----------------------------------------------------------*/

/******   fontawesomeのfree版読み込みの強制回避 2023.3.30
fontawesome all.css override   *****/
.fa, .far, .fas{
  font-family: "Font Awesome 5 Pro" !important;
}

/* LIVE SCOREボタン PC表示時幅固定 */
.home .container-live-score .btn-score {
  padding:6px 0;
  width:160px;
}
@media (min-width: 897px), print {
  /* ナビ包含 右寄せ位置調整 */
  .site-header .main-navigation-wrap {
    right: 15px !important;
  }

  /* ナビボタン配置用 左オフセット */
  .site-header .main-navigation-wrap .main-navigation > ul:first-child:before {
    width: 0 !important;
  }

  /* ボタンサイズ調整 */
  .site-header .main-navigation-wrap .main-menu-label,
  .site-header .main-navigation-wrap .main-menu-label-schedule,
  .site-header .main-navigation-wrap .main-menu-label-ticket,
  .site-header .main-navigation-wrap .main-menu-label-goods {
    width: auto !important;
  }
  /*
	.site-header .main-navigation-wrap .main-menu-label-academy{
		width: 140px !important; }
	.site-header .main-navigation-wrap .main-menu-label-hometown{
		width: 140px !important; }
	.site-header .main-navigation-wrap .main-menu-label-socio{
		width: 140px !important; }
*/

  /* ボタン間隔調整 */
  .site-header .main-navigation-wrap li .main-menu-label {
    padding: 0 36px 0 36px !important;
  }
  .site-header .main-navigation-wrap li .main-menu-label-academy,
  .site-header .main-navigation-wrap li .main-menu-label-hometown,
  .site-header .main-navigation-wrap li .main-menu-label-socio {
    padding: 0 47px 0 47px !important;
  }

  /* フォントサイズ調整 */
  .site-header .main-navigation-wrap .main-menu-label-en {
    font-size: 2rem !important;
  }

  /* LIVE SCOREボタン PC表示時幅固定 */
  .home .container-live-score .btn-score {
    width:120px;
  }
}


/*----------------------------------------------------------
 * YLCランキング
 * グループリーグD以外を非表示
-----------------------------------------------------------*/
.home .container-league #ranking-cup .table-ranking tbody tr.group_A,
.home .container-league #ranking-cup .table-ranking tbody tr.group_C,
.home .container-league #ranking-cup .table-ranking tbody tr.group_B {
  display: none;
}

/*----------------------------------------------------------
/* ホーム画面スポンサーロゴ表示部スタイル
/* common.css追記用 last2022.2.1
-----------------------------------------------------------*/
@media (min-width: 768px) {
  /* プラチナスポンサー表示部 */
  .home .container-banner .container-sponsors .platinum-sponsor.sponsor-list {
    margin-bottom: 40px !important;
  }
  .home .container-banner .container-sponsors .platinum-sponsor.sponsor-list li {
    width: 25%;
  }
  .home .container-banner .container-sponsors .platinum-sponsor.uniform.sponsor-list li,
  .home .container-banner .container-sponsors .platinum-sponsor.sponsor-list li {
    width: 33.3333%;
  }
  /* プラチナ・ユニフォームスポンサー数／4社 */
  /* 2022.2.1処置
	.home .container-banner .container-sponsors .platinum-sponsor.uniform.sponsor-4.sponsor-list li:nth-of-type(1) {
		width: 100%;
	}*/
  .home .container-banner .container-sponsors .platinum-sponsor.uniform.sponsor-4.sponsor-list li {
    width: 36%;
  }
  .home .container-banner .container-sponsors .platinum-sponsor.sponsor-list li:nth-child(n + 4),
  .home .container-banner .container-sponsors .platinum-sponsor.sponsor-4.sponsor-list li:nth-child(n + 3),
  .home .container-banner .container-sponsors .platinum-sponsor.uniform.sponsor-list li:nth-child(n + 3) {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  /* プラチナスポンサー表示部 */
  .home .container-banner .container-sponsors .platinum-sponsor.sponsor-list li:nth-child(n + 3) {
    margin-top: 5px !important;
  }
	/* プラチナ・ユニフォームスポンサー数／4社 */
  /* 2022.2.1処置
	.home .container-banner .container-sponsors .platinum-sponsor.uniform.sponsor-4.sponsor-list li:nth-of-type(1) {
		width: 100%;
	}
  */
	.home .container-banner .container-sponsors .platinum-sponsor.uniform.sponsor-4.sponsor-list li:nth-of-type(n+3) {
		margin-top:5px !important;
	}
}

/*----------------------------------------------------------
/* ホーム画面 フロートバナー表示スタイル
/* last2019.8.1
-----------------------------------------------------------*/
.float-ban {
  display: none;
  position: fixed;
  right: 0;
  text-align: right;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  transition: -webkit-transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
  z-index: 100;
}
.float-ban button {
  padding: 4px 8px;
  line-height: 1;
  font-size: 1.8rem;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  background-color: #279b51;
}
.float-ban.close {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.float-ban img {
  display: block;
  max-width: 100%;
}
.float-ban button,
.float-ban a img {
  transition: opacity 0.3s ease-out;
}
.float-ban button:hover,
.float-ban a:hover img {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .float-ban {
    width: 100%;
    bottom: 0;
  }
}
@media (min-width: 768px) {
  .float-ban {
    width: 40%;
    bottom: 10%;
  }
}
@media (min-width: 897px) {
  .float-ban {
    width: 25%;
  }
}

/*----------------------------------------------------------
 * トップページ3ブロックのRANKINGタブ表示OFF
 * ※MATCHとSCHEDULEの画像と揃える
 * 日程発表まで対応用
-----------------------------------------------------------*/
/* トップとレディース表示OFF用 */
/*
#tab-league-ranking .nav-item{
	display:none !important;
}
*/
/* レディースのみ表示OFF用 ※トップの日程が先に発表された場合に使用 */
/*
#tab-league-ranking.ladies .nav-item{
    display:none !important;
}
*/

/*----------------------------------------------------------
 *レディース要素削除時の調整スタイル
 * common.css追記用 last2021.1.29
-----------------------------------------------------------*/

/* sp表示のヘッダーbackground */
@media screen and (max-width: 896px) {
  .site-header h1.site-title .site-title-text,
  .site-header p.site-title .site-title-text {
    background-position: -130px bottom;
    padding: 10px 0 10px 80px;
  }
}

@media screen and (min-width: 897px) {
  /* pc表示エンブレム位置&ナビ間隔調整 */
  .site-header img.emb-sendai {
    left: 12px;
  }
  .site-header .main-navigation-wrap {
    max-width: 924px;
    width: 924px;
  }
  .site-header .main-navigation-wrap li .main-menu-label {
    padding: 0 34px 0 34px !important;
  }
  /* SNSブロックのレイアウト調整 */
  .home .container-sns .banner-facebook,
  .home .container-sns .banner-line,
  .home .container-sns .banner-youtube,
  .home .container-sns .banner-twitter {
    padding: 3px 3px 3px 50px;
  }
}

/* レディースヒストリーへのリンクバナー */
.home .container-image-nav .image-nav-vpress a {
  width: 100%;
  height: 100%;
}
.home .container-image-nav .image-nav-ladieshistory a {
  padding: 0;
  color: #fff;
  background: url(/img/top/image-nav-ladieshistory_bgpc.jpg) center center no-repeat;
}
.home .container-image-nav .image-nav-ladieshistory a:before {
  background: url(/img/top/image-nav-ladieshistory-zoomtitle_pc.png) center 78px no-repeat;
  background-size: 50%;
}
.home .container-image-nav .image-nav-ladieshistory a .img-wrap {
  background: transparent;
}

/* アカデミーカレンダーのレディース表示OFF */
.page-id-649 ul#calCheckList li:nth-child(8),
.page-id-649 ul#calCheckList li:nth-child(9) {
  display: none;
}
.page-id-649 table#Cal_Calendar th:nth-of-type(9),
.page-id-649 table#Cal_Calendar td:nth-of-type(9),
.page-id-649 table#Cal_Calendar th:nth-of-type(10),
.page-id-649 table#Cal_Calendar td:nth-of-type(10) {
  display: none !important;
}

/*----------------------------------------------------------
* フッターロゴ／STANDIN' SENDAI そして、その先へ
* 2023.2.4
-----------------------------------------------------------*/
.footer-logo img:nth-of-type(1){
	width:180px;
	height:auto;
	text-align: right;
    margin-right:5px;
    margin-bottom:10px;
}
@media screen and (min-width: 897px) {
	.footer-logo img:nth-of-type(1){
		display:inline-block;
		margin-right:15px;
        width:auto;
        height:30px;
	}
}

/*----------------------------------------------------------
* 震災復興10年PJボタン追加
* 2021.2.26
-----------------------------------------------------------*/
.home .container-image-nav .image-nav-thanks-tohoku-miyagi a {
  padding: 0;
  color: #fff;
  background: url(/img/top/image-nav-thanks_bgpc.jpg) center center no-repeat;
  border-radius: 10px;
}
.home .container-image-nav .image-nav-thanks-tohoku-miyagi a:before {
  background: url(/img/top/image-nav-thanks_zoomtitle_pc.png) center 30% no-repeat;
  background-size: 84%;
}
.home .container-image-nav .image-nav-thanks-tohoku-miyagi a .img-wrap {
  background: transparent;
}

/*----------------------------------------------------------
* ダウンロードページ リンクバナー追加
* 2021.4.10
-----------------------------------------------------------*/
.home .container-image-nav .image-nav-download a {
  padding: 0;
  border-radius: 10px;
}
.home .container-image-nav .image-nav-download a:before {
  height: 100%;
  background: url(/img/top/image-nav-download_zoomtitle_pc.jpg) center center no-repeat;
}
.home .container-image-nav .image-nav-download a .img-wrap {
  background: transparent;
}

/*----------------------------------------------------------
* 応援うちわページ リンクバナー追加
* 2021.6.30
-----------------------------------------------------------*/
.home .container-image-nav .image-nav-uchiwa a {
  padding: 0;
  color: #fff;
  background: url(/img/top/image-nav-uchiwa_bgpc.png) center center no-repeat;
  border-radius: 10px;
}
.home .container-image-nav .image-nav-uchiwa a:before {
  height: 100%;
  background: url(/img/top/image-nav-uchiwa_zoomtitle_pc.png) top center no-repeat;
  z-index: 1;
}
.home .container-image-nav .image-nav-download a .img-wrap {
  background: transparent;
}

/*----------------------------------------------------------
* ビギナーズガイド ヘッダーアイコン追加
* 2021.6.30
-----------------------------------------------------------*/
.site-header aside .beginner-icon{
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 30px;
  height: 30px;
  background: #2ea7e0;
  border-radius: 50%;
}
.site-header aside .beginner-icon img{
  display: block;
  width: 12px;
}

/*----------------------------------------------------------
* 2021版ビギナーズガイド リンクバナー追加
* 2021.7.1
-----------------------------------------------------------*/
.home .container-image-nav .image-nav-beginnersguide a{
  border: 2px solid #ff44a4;
}

/*----------------------------------------------------------
* ＃ベガ活fund リンクバナー追加
* 2021.6.30
-----------------------------------------------------------*/
.home .container-image-nav .image-nav-vegakatsufund a {
  padding: 0;
  color: #fff;
  background: url(/img/top/image-nav-fund_bgpc.jpg) center center no-repeat;
  border-radius: 10px;
}
.home .container-image-nav .image-nav-vegakatsufund a:before {
  background: url(/img/top/image-nav-fund_zoomtitle_pc.png) center center no-repeat;
  background-size: 100%;
}
.home .container-image-nav .image-nav-vegakatsufund a .img-wrap {
  background: transparent;
}

/*----------------------------------------------------------
* スタジアムパーク構想 リンクバナー追加
* 2022.12.9
-----------------------------------------------------------*/
.home .container-image-nav .image-nav-stadiumpark a {
  padding: 0;
  background: url(/img/top/image-nav-park_bgpc.jpg) center center no-repeat;
  border-radius: 10px;
}
.home .container-image-nav .image-nav-stadiumpark a:before {
  background: url(/img/top/image-nav-park_zoomtitle_pc.png) center 68% no-repeat;
  background-size: 84%;
}
.home .container-image-nav .image-nav-stadiumpark a .img-wrap {
  background: transparent;
}

/*----------------------------------------------------------
* SDGs特設LP リンクバナー追加
* 2023.1.31
-----------------------------------------------------------*/
.home .container-image-nav .image-nav-sdgs a {
  padding: 0;
  background: url(/img/top/image-nav-sdgs_bgpc.jpg) center center no-repeat;
  border-radius: 10px;
}
.home .container-image-nav .image-nav-sdgs a:before {
  background: url(/img/top/image-nav-sdgs_zoomtitle_pc.png) center 25px no-repeat;
  background-size: 75%;
}
.home .container-image-nav .image-nav-sdgs a .img-wrap {
  background: transparent;
}

/*----------------------------------------------------------
* LIVESCORE部のチケットボタン表示OFF
* 2022.4.22
* API配信が開始し、状況が「試合前」になったらチケットボタンの表示をOFF
-----------------------------------------------------------*/
#livescore-ticketbtn.remove,
.livescore-ticketbtn-br.remove{
	display: none !important;
}

/*----------------------------------------------------------
* ＃ソシオマガジン リンクバナー追加
* 2022.10.1
-----------------------------------------------------------*/
.home .container-image-nav .image-nav-sociomagazine a:before {
  background: url(/img/top/image_nav_sociomagazine_bg.jpg) center center no-repeat;
  background-size: 100%;
}
@media (min-width:897px), print{
.home .container-image-nav .image-nav-sociomagazine a::after {
  position: absolute;
  top:0;
  left:0;
  display: block;
  content:'';
  width:100%;
  height:122px;
  border:solid 6px #fcc800;
}
}