body{
  margin:0px;
  font-family: "Noto Sans JP", NotoSansJP, ヒラギノ角ゴシック, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Roboto, "Droid Sans", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  background-image:url("bg.png");
  background-attachment: fixed;
  background-size: cover;
}

html {
  scroll-behavior: smooth;
}

.fix_btn{
  width:100%;
  position:fixed;
  bottom:5px;
  right:5%;
  left:5%;
  width:90%;
  justify-content: center;
  align-items: center;
  z-index:100;
  display: none;

}

.comment{
  font-weight:600;
  color: #c82e2e !important;
}

.contact{
  color:#FFFFFF;
  font-family: "Noto Sans JP", NotoSansJP, ヒラギノ角ゴシック, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Roboto, "Droid Sans", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  font-size:18px;
  margin-top: 70px;
  margin-bottom:70px;
}

.sec-text{
 font-size:18px;
 color:white;
}

.headings_2{
  font-size:34px;
  color:white;
  font-weight: 600;
  margin-bottom:5px;
}

.sec_bottom{
  padding-bottom:25px;
}

.sec-text a{
 color:#FFFFFF;
 text-decoration:underline;
}

.sec-text a:hover{
  color:#8a1d1d;
  text-decoration:underline;
 }

.fix_btn img{
  width:100%;
}

.btn-abema-wrp{
  text-align: center;
  margin-bottom: 30px;
}

.btn-abema{
  background-color:#DDAA00;
  color:#212121;
  font-size:20px;
  border-radius: 5px;
  padding:10px 20px;
  font-weight:bold;
  margin-right:auto;
  margin-left: auto;
}

.btn-abema:hover{
  text-decoration: none;
  color:#212121;
  background-color:#ebc032;
}

.btn-abema a{
  color:#212121;
  text-decoration: none;
}

.team-name{
  text-decoration: none;
  font-size:38px;
  text-align:center;
  color:#FFFFFF;
  font-family: "Noto Sans JP", NotoSansJP, ヒラギノ角ゴシック, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Roboto, "Droid Sans", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  padding-bottom:2px;
  margin-bottom:10px;
  border-bottom: #FFFFFF 2px solid;
  padding-top:15px;
}

.team-w{
  background-color:#FFFFFF;
  color: #0C0C0C;
}

.team-b{
  background-color:#3602F4;
  color: #FFFFFF;
}

.team-r{
  background-color:#FB127B;
  color: #FFFFFF;
}

.team-y{
  background-color:#EBFE45;
  color: #0C0C0C;
}

.team-name2{
  font-size:38px;
  text-align:center;
  font-family:"DrukText";
  background-color:#00fed7;;
  color: #131313;
  margin-bottom:10px;
}

.twi-cast{
  margin-left:2px;
}

.comingsoon{
  font-family: "Repli";
  color:#FFFFFF;
  font-size:36px;
  font-weight: 600;
  padding-top:10px;
}

.on_emp{
  font-size:6px!important;
}

.algs-img{
  width:100%; 
 }

.algs-img img{
 width:100%; 
}

.access-content-img img{
  width:100%;
}

.access-content-text{
  color: #FFFFFF;
}

.access-content-text1{
  font-size:20px;
  font-weight: 500;
  padding:10px 0px;
}

.rakuten_kv_img{
  width:100%;
  padding-top:50px;
}

.rakuten_kv_img img{
  width:100%;
}

.test_169_img{
  width:100%;
  padding-top:15px;
}

.test_169_img img{
  width:100%;
}

.fv_text{
  font-size:18px;
  padding-top:30px;
}

.rakuten_text{
  margin-top:10px;
  font-size:18px;
}

.rakuten-btn {
  padding: 18px 40px;
  border-radius: 50px;
  max-width:300px;
  font-size:18px;
  text-align: center;
  font-family: Noto Sans JP, "NotoSansJP", "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Roboto, "Droid Sans", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
  transition: 0.3s;
  background-color:#BF0000;
  margin-left:auto;
  margin-right:auto;
}

.rakuten-btn-wrp{
  padding:15px;
  padding-left:0px;
}

.rakuten-btn-wrp a{
  color:#ffffff;
}

.rakuten-btn-wrp a:hover{
  text-decoration: none;
  cursor:default;
  color:#ffffff;
}

.rakuten-btn:hover{
  background-color:#670303;
  cursor: pointer;
}

.sp_twi{
  margin-left:10px;
}

.pc_twi{
  font-size: 33px!important;
  position:relative;
  top: -10px;
}

.pc_header{
  background: #131313;
  z-index:98;
  display: flex;
  position: fixed;
  width: 100%;
}

.pc_header-logo{
  padding-top:22px;
  margin-left:30px;
}

.pc_header-logo img{
  width:160px;
}

.pc_nav-list{
  text-align: center;
  margin:0 20px 0 auto;
  padding-top:16px;
}

.pc_nav-list-item{
  list-style: none;
  display: inline-block;
}

.pc_nav-list-item-text{
  margin: 0 10px;
  font-size:22px;
  font-family:Foundry;
}

.pc_nav-list-item-text_pc_tw{
  margin: 0 15px;
  font-size: 30px;
  position: relative;
  top:-10px;
}
.pc_nav-list-item-jp{
  font-size:11px;
  text-align: center;
  font-family:Noto Sans JP, "NotoSansJP", "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Roboto, "Droid Sans", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 600;
  color:#0D9093;
}

.pc_nav-list-item a{
  color:#FFFFFF;
  font-weight: 600;
  transition: 0.5s
}

.pc_nav-list-item a:hover{
  text-decoration: none;
  color:#0D9093;
}

.pc_nav-list-btn {
  padding: 10px 40px;
  border-radius: 50px;
  font-size:22px;
  font-weight: 600;
  background-color:#DC3030;
  font-family:Foundry;
  color: #ffffff;
  transition: 0.5s;
}

.pc_nav-list-btn-wrp{
  padding:10px;
  padding-left:0px;
}

.pc_nav-list-btn-wrp a{
  color:#ffffff;
}

.pc_nav-list-btn-wrp a:hover{
  text-decoration: none;
  cursor:default;
  color:#ffffff;
}

.pc_nav-list-btn:hover{
  background-color:#5f1616;
  cursor: pointer;
}

/* SPヘッダーの設定*/

.header {
  display:none;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
  width:100%;
  background: #131313;
  z-index:99;
  position: fixed;
  height:70px;
}

.logo img{
  width:140px;
}

/* ここから下がハンバーガーメニューに関するCSS */
  
/* チェックボックスを非表示にする */
.drawer_hidden {
  display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer_open {
  display: flex;
  height: 60px;
  width: 60px;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 100;/* 重なり順を一番上にする */
  cursor: pointer;
}

/* ハンバーガーメニューのアイコン */
.drawer_open span,
.drawer_open span:before,
.drawer_open span:after {
  content: '';
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #ece8e1;
  transition: 0.5s;
  position: absolute;
}

/* 三本線の一番上の棒の位置調整 */
.drawer_open span:before {
  bottom: 8px;
}

/* 三本線の一番下の棒の位置調整 */
.drawer_open span:after {
  top: 8px;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer_input:checked ~ .drawer_open span {
  background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer_input:checked ~ .drawer_open span::before {
  bottom: 0;
  transform: rotate(45deg);
}

#drawer_input:checked ~ .drawer_open span::after {
  top: 0;
  transform: rotate(-45deg);
}
  
/* メニューのデザイン*/
.nav_content {
  width: 100%;
  position: fixed;
  top: 70px;
  left: 100%; /* メニューを画面の外に飛ばす */
  z-index: 99;
  background: #131313;
  transition: .5s;
}

.sp_menu_btn_wrp{
  font-size:45px;
  font-family: 'Tungsten';
  background-color:#AD1D1D;
  padding-left:35px;
  transition: 0.5s;
}

.sp_menu_btn{
  font-size:43px;
  transition: 0.5s;
}

.sp_menu_btn_wrp a{
  color: #ffffff;
  text-decoration: none;
}

.sp_menu_btn_wrp:hover{
  background-color:#ffffff;
  color: #AD1D1D;
  
}

.sp_menu_btn_wrp a:hover{
  color: #AD1D1D;
  text-decoration: none;
}

.nav_item{
  font-size:25px;
  font-family: 'Foundry';
}

.nav_item a{
  color: #ffffff;
  text-decoration: none;
}

.nav_item a:hover{
  color:#AD1D1D;
  text-decoration: none;
}
/* メニュー黒ポチを消す */
.nav_list {
  list-style: none;
}

/* アイコンがクリックされたらメニューを表示 */
#drawer_input:checked ~ .nav_content {
  left: 40%;/* メニューを画面に入れる */
}

/*ヘッダー切り替え*/

@media (max-width: 768px){
  .pc_header{
    display: none;
  }

  .header {
   display: flex;
  }

}

/*フッターの設定*/

.footer{
  background-color:#131313;
  color:rgb(236, 232, 225);
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding:20px 0px;
}

.footer-text1{
  font-size:12px;
  text-align: center;
  padding-top:10px;
}

.footer-text1 a{
  color:rgb(236, 232, 225);
}

.footer-text1 a:hover{
  text-decoration: none;
  color:rgb(255, 70, 85);
}

.footer-text2{
  font-size:12px;
  text-align: center;
  padding-top:10px;
}

.footer-logo{
  text-align: center;
  padding:50px 0px;
}

.footer-logo img{
  width:100%;
  padding:0px 10px;
}

.rage-logo{
  display: inline-block;
  width:115px!important;
}

.cygames-logo{
  display: inline-block;
  width:140px!important;
  position: relative;
  top:0px;
  pointer-events: none;
}

.rakuten-elogo{
  display: inline-block;
  width:100px!important;
  position: relative;
  top:3px;
}

.riot-logo{
  display: inline-block;
  width:140px!important;
}

.ea-logo{
  display: inline-block;
  width:120px!important;
}

.Tournament img{
  width:100%;
}

.ticket-map img{
  width:100%;
}


.map-img img{
  width:100%;
}

.map-text {
  color:#FFFFFF;
  font-size: 14px;
  text-align: center;
  margin-bottom:20px;
  margin-top:5px;
  padding-bottom:10px;
}


.ticket-type{
  padding:10px;
  background-color: #FFFFFF;
  margin-top:30px;
}

.ticket-type-title{
  font-size:18px;
  color:#FFFFFF;
  text-align: center;
  background-color: #ef2244;
  padding:5px;
  margin-bottom:15px;
}

.ticket-type-text1{
  font-size:18px;
  color:black;
  text-align: center;
  margin-bottom:5px;
}

.ticket-type-text2{
  font-size:28px;
  color:black;
  text-align: center;
  margin-bottom:10px;
}

.ticket-type-sh{
 font-size:14px;
}

.ticket-type img{
  width:100%;
}

.goods-img {
  padding-bottom: 10px;
}

.goods-img img {
  width: 100%;
}

.goods-text {
  font-size: 16px;
  color:#FFFFFF;
}

.goods-text2 {
  font-size: 20px;
  color:#FFFFFF;
  padding-bottom: 20px;
}



/*背景に関する設定*/
.bg-b{
  background-color:#131313!important;
  color: #FFFFFF!important;
}


.bg-g{
  background-color:#131313!important;
  color: #FFFFFF!important;
}

.bg-f{
  background-color:#FFFFFF!important;
  color: #131313!important;
}

.bg-w{
  background-color:#FFFFFF!important;
}

.bg-r{
  background-color:#540A0A!important;
}

.content-w{
  padding-bottom:60px;
}

.content-g{
  padding-bottom:60px;
}

.content-exp-text{
  font-size: 22px;
  position: relative;
  top:-30px;
}

.text-gr{
  color:#0D9093;
  font-weight:bold;
}

.text-y{
  color:#f0ff2f;
  font-weight:bold;
}

.text-r{
  color:#AD1D1D;
  font-weight:bold;
}

.text-h{
  color:#D12F22;
}

.text-w{
  color:#FFFFFF!important;
}

.text-bk{
  color:#131313;
}

.wrapper{
  width:100%;
  font-family: Noto Sans JP, "NotoSansJP", "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Roboto, "Droid Sans", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

.day1_add img{
  width:100%;
}

.headings{
  padding-top:30px;
  padding-bottom:10px;
}

.heading-top{
  font-family: Noto Sans JP, "NotoSansJP", "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Roboto, "Droid Sans", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  font-weight:500;
  font-size:20px;
  position: relative;
  top:15px;
}

h1.heading{
  font-family:Foundry;
  font-size:70px;
  margin-right:auto;
  margin-left:auto;
}

.heading-title{
  font-size:45px;
  position: relative;
  margin-bottom:10px;
}

.overview-content{
  color:rgb(15, 25, 35);
}

.overview-content-text1{
  font-size:36px;
  font-weight:bold;
  padding-bottom:15px;
}

.overview-content-sub{
  font-size:18px;
}

.overview-content-text2{
  font-size:18px;
  padding:15px 0px;
  color:#FFFFFF;
}

.schedule-content{
  color:#131313;
}

.schedule-content-text{
  font-size:18px;
  padding:20px 0px;
}

.entry-content-box4{
  padding-bottom:35px;
}

.entry-content{
  color:#131313;
  padding-top:30px;
}

.entry-content-text{
  font-size:18px;
  padding:20px 0px;
}

.entry-box-wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
  color:#131313;
  font-size:14px;
  margin-bottom:15px;
}

.entry-box{
  border: #131313 1px solid;
  color:#131313;
  width:95%;
  text-align: center;
  padding: 10px;
  transition: 0.5s
}

.entry-box:hover{
  background-color: #131313;
  color:#E09600 ;
  text-decoration: none;
}

.entry-text{
  font-size:18px;
  padding-top:10px;
  padding-bottom:40px;
}

.entry-text2{
  font-size:18px;
  padding-top:30px;
  padding-bottom:35px;
}

.event-name{
  font-size:50px;
  color:#d4d4d4;
}

.overview-content-sh a{
 color:#35a897;
 text-decoration: underline;
}

.overview-content-sh a:hover{
  color:#64e0ce;
 }


.kv{
  padding:0px;
  padding-top:70px;
}

.kv img{
  width: 100%;
}

.kv_sp{
  display: none;
  padding:0px;
  padding-top:70px;
}

.kv_sp img{
  width: 100%;
}

.kv2{
  padding:0px;
  padding-top:10px;
}

.kv2 img{
  width: 100%;
}

.kv2_sp{
  display: none;
  padding:0px;
}

.kv2_sp img{
  width: 100%;
}


.entry-btn-wrapper{
  text-align: center;
  margin:20px 0px;
}

.buy-btn-wrapper{
  text-align: center;
  margin-top:20px;
  margin-bottom:0px;
}

.vote-text{
  padding-top:10px;
  font-size: 20px;
}

.vote-img img{
  width:100%;
  margin-top:15px;
}

.drx-text{
  font-size: 20px;
  padding-bottom:25px;
}

.buy-text{
  color: #FFFFFF;
  padding-top:10px;
}

.no-click{
  pointer-events: none;
  background-color: #768079!important;
}

.ticket-content-exp{
  color:#FFFFFF;
  font-size: 14px;
  margin-bottom: 20px;
}

.ticket-content-text {
  color:#FFFFFF;
  font-size: 14px;
  text-align: center;
  margin-top:30px;
}

.ticket2{
  margin-top:5px;
}

.ticket-content-text a{
  color:#0D9093;
  text-decoration: underline;
}
 
 .ticket-content-text a:hover{
   color:#1e5758;
}

.buy-btn{
  text-decoration: none;
  background-color: #DC3030;
  color:#FFFFFF!important;
  font-size:35px;
  font-weight:bold;
  transition: 0.3s;
  padding:15px 50px;
  max-width:100%;
}

.buy-btn:hover{
  text-decoration: none;
  background-color: #ece8e1!important;
  color:#DC3030!important;
}


.content-title{
  font-size:45px;
  margin-top:0px;
  margin-bottom:0px;
  line-height:75px;
  font-family: 'DrukText';
}

.content-title-2{
  color: #131313;
  font-size:24px;
  margin-bottom:10px;
}

.content-img img{
  width:100%;
  margin-bottom:10px;
}

.content-split2 img{
  width:100%;
  margin-top:15px;
  margin-bottom:15px;
}

.main-content{
  margin-bottom:15px;
}

.wp{
  margin-top:15px;
}

.main-content-img img{
  width:100%;
}

.main-content-text{
  padding-bottom:30px;
  font-size:20px;
}

.content-text{
  font-size:18px;
  line-height:28px;
}


.headings-text{
  padding-top:10px;
  font-size:22px;
  margin-bottom: 25px;
}

.headings-text2{
  font-size:22px;
  margin-top:-5px;
  padding-bottom:20px;
}

.headings-text3{
  font-size:22px;
  margin-top:-10px;
  padding-bottom:20px;
}

.watch-party-text{
  padding:0px;
  font-size:18px;
  padding-bottom:20px;
}

.abema-img img{
  max-width: 100%;
}

.main-content-text1{
  font-size:22px;
  padding:5px 0px;
  font-weight: bold;
}

.right-m{
  margin-right:3px;
}

.main-content-text2{
  font-size:18px;
}

.sub-content-img img{
  width:100%;
}

.sub-content-text{
  padding:0px;
}

.sub-content-text1{
  font-size:22px;
  padding:5px 0px;
}

.sub-content-text2{
  font-size:18px;
}

.cast{
  margin-right:10px;;
}

.cast-wrapper{
  border:2px solid #581717;
}

.cast-text{
  font-size:16px;
  color: #FFFFFF;
  background-color:rgba(0, 0, 0, 0.958);
  z-index:200;
  text-align: center;
   border:2px solid #581717;
  border-top:none;
  padding:5px 0px;
  position:relative;
  bottom: 35px;
  pointer-events: none;
}

.cast-content{
  margin-bottom:15px;
}

.cast-content-img img{
  width:100%;
}

.cast-content-text1{
  padding:0px;
  font-size:12px;
  color: #FFFFFF;
  max-width: 100%;
}

.cast-content-text2{
  font-size:18px;
  color: #FFFFFF;
}

.cast-head{
  font-size:24px;
  color: #FFFFFF;
  font-weight: 600;
  margin-top:20px;
  margin-bottom:10px;
}

.cast-content-twitter{
  font-size:12px;
  padding-bottom:25px;
}

.cast-content-twitter a{
  color:#FFFFFF!important;
  text-decoration:underline;
}

.cast-content-twitter-w{
  font-size:12px;
  padding-bottom:25px;
}

.cast-content-twitter-w a{
  color:#FFFFFF!important;
  text-decoration:underline;
}

.cos{
  color:#FFFFFF!important;
}

.team-booth{
  color:#FFFFFF!important;
}

.schedule-img{
  padding-top:10px;
}

.schedule-img img{
  width:100%;
}

.rule-text1{
  font-size:20px;
  color:#FFFFFF;
  font-weight:500;
  padding-top:20px;
}

.rule-text2{
  font-size:16px;
  color:#FFFFFF;
}

.stage-text{
  font-size:16px;
}

.rule-img{
  margin-top:20px;
}

.rule-img img{
  width:100%;
}

.broadcast{
  padding-top:10px;
  padding-bottom:15px;
}

.broadcast-img{
  padding:0px;
}

.broadcast-img img{
  width:100%;
}

.product-content-img img{
  width:100%;
  padding:0px;
}

.product-content-text{
  font-size:22px;
  padding:5px 10px;
  margin-bottom:15px;
  text-align:center;
}

.sponser{
  padding-bottom:50px;
}

.sponser-img{
  text-align: center;
  margin-bottom:20px;
  
}

.sponser-img img{
  width:100%;
}

.partner{
  height:400px;
}

.partner-img img{
  width:100%;
  text-align: center;
}

.partner-row{
  padding-bottom:30px;
}

.add-guest{
  text-align: center;
}

.add-guset-img img{
  width:100%;
}

.add-guest-plus{
  text-align: center;
  margin-bottom:20px;
}

.add-guest-plus img{
  width:80px;
}

.day2-guest-text{
  font-size:18px;
}

.team-logo{
  display: inline-block;
}


.team-logo img{
  width:100%;
}

.team-text-head{
  font-size:22px;
  color:#FFFFFF;
  margin-bottom:10px;
  text-align: center;
}

.team-text{
  font-size:16px;
  margin-bottom:25px;
  color: #FFFFFF;
}

.team-img img{
  border:solid #768079 1px;
}

.team-img img{
  width: 100%;
}

.players{
  margin-bottom:50px;
}

.players-img{
  padding-bottom:5px;
}

.players-img img{
  width: 100%;
}

.guest-player-text{
  margin-bottom: 15px;
  font-size: 20px;
}

.guest-player-img{
  margin-bottom:15px;
}

.guest-player-img img{
  width:100%;
}

.player-img{
  margin-bottom:2px;
  margin-top:10px;
}

.player-img img{
  width:100%;
}

.player-text{
  font-size: 18px;
  margin-bottom:15px;
  color: #FFFFFF;
}

/*5カラム実装*/

.col-15{
  width: 20%;
  flex: 0 0 20%;
  position: relative;
	min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}

.col-15 a:hover{
  text-decoration:none;
}

.col-16{
  width: 20%;
  flex: 0 0 20%;
  position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-17{
  width: 20%;
  flex: 0 0 20%;
  position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.sp-partner{
  height: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
  border:#768079 1px solid!important;
  padding:10px;
}

.k-partner{
  height: 210px;
  display: flex;
  align-items: center;
  justify-content: center;
  border:#768079 1px solid!important;
  padding-right:100px;
  padding-left:100px;
}

.kansai-sp-kansai{
  margin-top:10px;
  margin-bottom: 40px;
}

.KT-sp{
  padding:25px;
}


.g-rows{
  height:180px;
  margin-top:15px;
  text-align: center;
  border:#768079 1px solid!important;
  padding:20px 10px;
}

.g-row{
  padding:10px  0px;
  display:inline-block;
}

.g-row img{
  max-width:130px;
}

.gall img{
  margin-right:20px;
  max-width:450px;
  width: 100%;
}

.intel img{
  margin-left:20px;
  max-width:150px;
  width: 100%;
}


.broadcast-Youtube{
  text-decoration: none;
  font-family: 'alternate-gothic-atf';
  font-weight: 500;
  font-size:45px;
  padding:20px 100px;
  background-color: #DA1725;
  text-align: center;
  transition: 0.5s;
  color: white;
  margin-left: auto;
  margin-right:auto;
}


.broadcast-Youtube:hover{
  text-decoration: none;
  background-color:white;
  color:#DA1725;
}

.broadcast-twitch{
  text-decoration: none;
  font-family: 'alternate-gothic-atf';
  font-weight: 600;
  font-size:45px;
  padding:20px 106px;
  background-color: #6441A5;
  text-align: center;
  transition: 0.5s;
  color: white;
  margin-left: auto;
  margin-right:auto;
}

.broadcast-twitch:hover{
  text-decoration: none;
  background-color:white;
  color:#6441A5;
}

.broadcast-afreeca{
  text-decoration: none;
  font-family: 'DrukText';
  font-size:50px;
  padding:20px 81.5px;
  background-color: #0646b1;
  text-align: center;
  transition: 0.5s;
  color: #FFFFFF;
  margin-left: auto;
  margin-right:auto;
}

.broadcast-afreeca:hover{
  text-decoration: none;
  background-color:#FFFFFF;
  color:#0646b1;
}

.broadcast-afreeca img{
 width:50px;
 padding-bottom:10px;
}

.btn-center{
  text-align: center;
}

.broadcast-btn-wrp{
  padding-top:5px 0px;
  height:120px;
}

.schedule-table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  color: #ffffff;
 }

 .schedule-table table{
  background-image: url("img/RAGE_APEX_KV_square.png");
 }

 .schedule-table th {
  padding: 10px;
  background: #242424;
  border: solid 1px #ffffff;
 }

 .schedule-table td {
  padding: 10px;
  border: solid 1px #ffffff;
 }

 .table-ev{
  background: #242424;
 }

 .table-title th{
  background: #D12F22!important;
  font-size: 20px;
  border: solid 1px #ffffff;
 }

 .sp-only{
  display: none;
 }


/* SP */

@media (max-width: 768px){
body{
  background-image:url("bg_sp.png");
  background-attachment: fixed;
  background-size: cover;
}
  
 .sp-only{
  display: block;
 }

 .pc-only{
  display:none;
 }

  .team-name{
    font-size:24px;
    margin-bottom:5px;
  }

  .team-name2{
    font-size:24px;
    margin-bottom:5px;
  }

  .overview-content-text2{
    font-size:18px;
    padding:10px 0px;
    color:#FFFFFF;
  }

  .cast-content-text1{
    padding:0px;
    font-size:9px;
  }

  .cast-content-text2{
    font-size:14px;
  }

  .g-rows{
    height:260px;
    text-align: center;
    border:#768079 1px solid!important;
    padding:35px 0px;
    margin-bottom:20px;
  }
  
  .g-row{
    padding:0px 0px;
    display:block;
  }
  
  .g-row img{
    max-width:110px;
  }
  
  .gall img{
    margin-right:0px;
    max-width:280px;
  }
  
  .intel img{
    margin-left:0px;
    margin-top:40px;
    max-width:150px;
  }

  .cast-content-twitter{
    font-size:11px;
    padding-bottom:15px;
  }

  .cast-content-twitter-w{
    font-size:10px;
    padding-bottom:25px;
  }


  .entry-btn-wrapper{
    text-align: center;
  }

  .buy-btn-wrapper{
    text-align: center;
    margin:20px 0px;
    padding:20px 10px;
  }

  .kv2{
    display: none;
  }

  .kv2_sp{
    display: flex;
    position:relative;
    bottom: 30px;
  }

  .event-name{
    font-size:30px;
    color:#d4d4d4;
  }

  .sp-partner{
    padding-right:30px;
    padding-left:30px;
    margin-bottom:20px;
  }

  .k-partner{
    padding-right:20px;
    padding-left:20px;
  }

  .RB-sp{
    padding-right:120px;
    padding-left:120px;
  }

  .KT-sp{
    padding-right:160px;
    padding-left:160px;
  }

  .access-content-text1{
    font-size:18px;
    padding:10px 0px;
  }

  .goods-text{
    font-size: 16px;
  }

  .broadcast{
    padding-top:35px;
    padding-bottom:0px;
  }

  .broadcast-Youtube{
    font-size:35px;
    padding:15px 55px;
  }
  
  .broadcast-twitch{
    font-size:35px;
    padding:20px 60px;
  }

  .broadcast-afreeca{
    font-size:40px;
    padding:20px 63px;
  }

  .broadcast-afreeca img{
    width:45px;
    padding-bottom:10px;
  }

  .cast-text{
    font-size:12px;
    text-align: center;
    border:2px solid rgb(88, 23, 23);
    border-top:none;
    padding:3px 0px;
    position:relative;
    bottom: 25px;
  }
  


  .heading-top{
    font-weight:600;
    font-size:16px;
    line-height: 40px;
    position: relative;
    top:10px;
  }

  .headings_sp{
    padding-top:0px;
  }

  .headings-text{
    margin-top:-5px;
    padding:0px;
    font-size:20px;
    padding-bottom:10px;
  }

  .headings-text2{
    margin-top:-18px;
    padding:0px;
    font-size:20px;
    padding-bottom:15px;
  }

  .headings-text3{
    margin-top:-2px;
    padding:0px;
    font-size:20px;
    padding-bottom:10px;
  }


  h1.heading{
    font-size:40px;
    line-height:45px;
    margin-right:auto;
    margin-left:auto;
  }
  
  .heading-title{
    font-size:30px;
  }

  .content-exp-text{
    font-size: 18px;
    position: relative;
    top:0px;
  }

  .overview-content-sub{
    font-size:18px;
    line-height:15px;
    padding-top:20px;
  }

  .overview-head-sp{
    font-size:20px;
  }

  .overview-content-sh{
    font-size:16px;
  }

  .access-content-map{
    padding-top:30px;
  }

  .sec-text{
    font-size:16px;
    color:white;
  }
  
  .headings_2{
    font-size:28px;
    color:white;
    font-weight: 600;
  }

  .player-text{
    font-size:16px;
    margin-top:2px;
  }
  
  .sec_bottom{
    padding-bottom:25px;
  }

  .content-title{
    font-size:35px;
    margin-top:0px;
    margin-bottom:10px;
    text-align: left;
  }

  .content-title-2{
    color: #131313;
    font-size:20px;
    margin-bottom:10px;
  }

  .cast-content-img{
    padding:2px;
  }

  .product-content-img img{
    width:100%;
    padding:0px;
  }


  .entry-btn{
    font-size:24px;
    transition: 0.3s ;
    padding:15px 60px;
    max-width:100%;
  }

  .buy-btn{
    font-size:20px;
    transition: 0.3s ;
    padding:15px 20px;
    max-width:100%;
  }

  
  .entry-btn:hover{
    text-decoration: none;
    background-color: #768079!important;
  }

  .buy-btn:hover{
    text-decoration: none;
    background-color: #768079!important;
  }

  .partner-row{
    padding-bottom:0px;
    padding-right:15px;
    padding-left:15px;
  }

  
.rule-text1{
  font-size:16px;
  color:#FFFFFF;
  font-weight:500;
  padding-top:20px;
}
  
  
  /*5カラム実装*/
  .col-15{
    width: 33%;
    flex: 0 0 33%;
  }

  .col-17{
    width: 30%;
    flex: 0 0 33%;
    margin-left: auto;
    margin-right: auto;
  }

  .col-16{
    width:30%;
    flex: 0 0 33%;
    margin-left: auto;
    margin-right: auto;
  }

  /*KW切り替え*/
  .kv{
    display: none;
  }

  .kv_sp{
    display: flex;
  }
  
  .fix_btn{
    display: flex;
  }

}

@media (max-width: 1220px){
  .g-rows{
    height:260px;
  }
}

/* move animation */

.fadeUp{
  animation-name:fadeUpAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
  opacity:0;
  }
  
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(50px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}
  
.fadeUpTrigger{
    opacity: 0;
}

/* move fadeIn*/
.fadeIn{
  animation-name:fadeInAnime;
  animation-duration:1.5s;
  animation-fill-mode:forwards;
  opacity:0;
}
  
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@font-face {
	font-family: 'Repli';
	src: url(../font/ReplicaLL-Bold.otf);
}

@font-face {
	font-family: 'Repli';
	src: url(../font/ReplicaLL-Bold.otf);
}

@font-face {
	font-family: 'Foundry';
	src: url(../font/FoundryGridnik-ExtraBold.otf);
}

@font-face {
	font-family: 'Tungsten';
	src: url(../font/Tungsten.woff);
}

@font-face {
	font-family: 'TT-Lakes-bold';
	src: url(../font/TTLakesCondensedBold.otf);
}

@font-face {
	font-family: 'TT-Lakes';
	src: url(../font/TTLakesMedium.otf);
}

@font-face {
	font-family: 'Duke';
	src: url(../font/Duke.otf);
}

@font-face {
	font-family: 'DrukText';
	src: url(../font/DrukText-Bold-09.otf);
}

@font-face {
	font-family: 'DrukWide';
	src: url(../font/DrukWide-Bold-12.otf);
}

@font-face {
	font-family: 'Druk';
	src: url(../font/Druk-Medium-05.otf);
}

@font-face {
	font-family: 'NotoSansJP';
	src: url(../font/NotoSansJP-Medium.otf);
}

@font-face {
	font-family: 'NotoSansJP-Bold';
	src: url(../font/NotoSansJP-Bold.otf);
}


@media (max-width: 576px){

  .RB-sp{
    padding-right:110px;
    padding-left:110px;
  }

  .KT-sp{
    padding-right:160px;
    padding-left:160px;
  }

  .KT-sp img{
    max-height: 75%;
  }

}

@media (max-width: 510px){


  .KT-sp{
    padding-right:130px;
    padding-left:130px;
  }
}

@media (max-width: 430px){

  .RB-sp{
    padding-right:60px;
    padding-left:60px;
  }

  .KT-sp{
    padding-right:95px;
    padding-left:95px;
  }
}