@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import "../webfonts/stylesheet.css";
/* !HTML5 elements
---------------------------------------------------------- */
header, footer, nav, section, aside, article
{ display: block;}

/* !Reseting
---------------------------------------------------------- */

body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top; max-width: 100%;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input,select,textarea,button
{ outline: none; }
abbr, acronym
{ border: 0;}



/* !Clearfix
---------------------------------------------------------- */
.clearfix {
	display: block;
	min-height: 1%;
}
.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* !Inline Align ------------------------------------------------------------ */
.taL { text-align: left   !important;}
.taC { text-align: center !important;}
.taR { text-align: right  !important;}

/* !Layout
---------------------------------------------------------- */
html { 
	overflow-y: scroll;
	font-size: 62.5%;
}
body {
 color: #000;
	background: #FFF;
  font-family: 'Noto Sans Japanese', sans-serif;
 font-size: 1.4rem;
 -webkit-text-size-adjust: none;
 line-height: 1.5;
}

.pc {
  display: none;
}
.sp {
  display: block;
}

/* !wrapper
---------------------------------------------------------- */
#wrapper {
	width: 100%;
  min-width: 320px;
  overflow: hidden;
  padding-top: 50px;
}

/* !header
---------------------------------------------------------- */
#header {
  position: relative;
}
#header_inner {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    background: #fbd933;
    padding: 10px 0;
    box-sizing: border-box;
}
#header_logo {
    line-height: 1;
    height: 30px;
    float: left;
    margin-left: 10px;
}
#header_logo img{max-height: 100%;}

.ticket_menu{
  position: absolute;
  right: 100px;
  top: 0px;
  z-index: 22;
}
.ticket_menu a{
  display: block;
  width: 100px;
  height: 50px;
  box-sizing: border-box;
  background: url(../image/icon_qingbao.png) center top 8px no-repeat #cd1d1d;
  background-size:21px;
  color: #fff;
  line-height: 1;
  font-size: 0.9rem;
  font-weight: bold;
  padding: 31px 0 0 0;
  text-align: center;
  text-decoration: none;
}
.ticket_menu a:hover{}
.btn_menu {
  position: absolute;
  right: 50px;
  top: 0px;
  z-index: 999;
  width: 50px;
  height: 50px;
  background: url(../image/menu.png) center center no-repeat;
  background-size: 100%;
  display: block;
  text-indent: -9999px;
  cursor: pointer;
}
.btn_menu.active {
  background: url(../image/menu_close.png) center center no-repeat;
  background-size: 100%;
}
/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 370px) {
  #header_logo {margin-left: 0;}
  .ticket_menu a{width: 83px;}
}

/* !navi
---------------------------------------------------------- */
    
#navi {
  position: fixed;
  left: 0;
  width: 100%;
  height: 100vh;
  background:rgba(14,52,84,0.90);
  top: -100vh;
  z-index: 997;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  padding: 40px 0 22px;
  overflow-y: auto;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}
#navi.open {
  top: 50px;
}
#navi ul{
  max-width: 220px;
  margin: 0 auto;
}
#navi li a {
  display: block;
  color: #fbd933;
  text-decoration: none;
  padding: 8px 10px;
}
#navi li a span.en {
  display: block;
  font-size: 2rem;
  line-height: 1.7;
  letter-spacing: 0.075em;
  font-family: 'League Gothic', sans-serif;
}
#navi li a span.jp {
  display: block;
  font-size: 1.2rem;
  line-height: 1.1;
  font-weight: bold;
  box-sizing: border-box;
  padding-left: 15px;
  background: url(../image/icon_nav.png)no-repeat left center;
  background-size: 8px auto;
}

#social {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
#social button {
  width: 50px;
  height: 50px;
  border: 0;
  background: url(../image/sns.png) center center no-repeat;
  background-size: 100%;
  display: block;
  text-indent: -9999px;
  cursor: pointer;
}
#social button.active {
  background: url(../image/sns_close.png) center center no-repeat;
  background-size: 100%;
}
#social ul {
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 22;
  background:rgba(14,52,84,0.90);
  padding: 8px 0;
  display: none;
}
#social ul li {
  padding: 8px 15px;
}
#social a {
  display: block;
  line-height: 1;
  text-align: center;
}
#social a img{}

/* !mainVisual
---------------------------------------------------------- */
#mainVisual img {
  width: 100%;
}
.pcText{display: none;}
/* !match_detail
---------------------------------------------------------- */
.match_detail {
  text-align: center;
  color: #0e3454;
}
.match_top{
  background: url(../image/bg_match01_sp.png) center center repeat;
  background-size: cover;
  padding: 7.48vw 0 0;
  box-sizing: border-box;
  position: relative;
}
.sponsors_box{
  
  margin: 0 1vw 5.8vw;
  padding: 5.8vw 0 9.825vw;
}
.sponsors{position: relative;}
.sponsors:before{
  content: '';
  width: 31.25vw;
  height: 0.8vw;
  z-index: 2;
  position: absolute;
  bottom:-3.125vw;
  left: 50%;
  transform: translateX(-50%);
  background: #fbd933;
  display: block;
}
.sponsors .text{
  font-size: 4.21875vw;
  font-family: 'League Gothic';
  line-height: 1.875;
  display: inline-block;
  vertical-align: middle;
}
.sponsors .logo{
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 0.78125vw 7vw 0.78125vw 7vw;
  background: #fff;
  margin-left: 1.5625vw;
}
.sponsors .logo img + img{margin-left: 7.5vw;}
.sponsors .logo img{height: 6.25vw;}
.team{padding-bottom: 7.8125vw;}
.team .club{
  display: inline-block;
  vertical-align: middle;
}
.team .vs{
  display: inline-block;
  vertical-align: top;
  padding: 5.46875vw 5.46875vw 0;
  font-size: 14.84375vw;
  line-height: 1;
  font-family: 'League Gothic';
  letter-spacing: 0.075em;
}
.team .club img{width: 28.125vw;}
.season{
  font-family: 'BLGHudson';
  font-size: 4.6875vw;
  line-height: 1.25;
  padding-bottom: 1.5625vw;
}
.section{
  font-size: 4.6875vw;
  padding-bottom: 2.34375vw;
  font-weight: bold;
  letter-spacing: 0.2em;
}
.place{
  padding-bottom: 3.125vw;
  font-size: 3.125vw;
  line-height: 2;
  font-weight: bold;
}
.place span{
  display: inline-block;
  font-size: 2.5vw;
  line-height: 1.6;
  color: #fff;
  margin: 0 auto;
  padding: 0px 0.78125vw;
  background: #0e3454;
}
.people{
  position: absolute;
  z-index: 7;
  bottom: 0;
  left: -10.625vw;
}
.people.away{
  right: -10.625vw;
  left: auto;
}
.people img{width: 36.09375vw;}
.area{
  position: relative;
  z-index: 8;
  bottom: 0;
  right: 0;
  float: left;
  width: 50%;
  background: url(../image/bg_area_home_sp.png)no-repeat left bottom;
  background-size: cover;
  letter-spacing: 0.025em;
  text-align: right;
}
.area.away{
  right: auto;
  left: 0;
  background: url(../image/bg_area_away_sp.png)no-repeat right bottom;
  background-size: cover;
  color: #fff;
  text-align: left;
}
.area .areaName{
  box-sizing: border-box;
  font-size: 2.5vw;
  line-height: 1;
  font-weight: bold;
  color: #0e3454;
  padding: 2.34375vw 3.125vw 0.46875vw;
}
.area.away .areaName{
  padding-left: 3.125vw;
  padding-right: 0;
}
.area .areaName span{
  font-family: 'BLGHudson';
  font-size: 3.75vw;
  font-weight: normal;
  margin-right: 0.78125vw;
}
.area .enName{
  font-size: 5.625vw;
  line-height: 1.2;
  box-sizing: border-box;
  padding: 0.78125vw 3.125vw 0.46875vw;
  font-family: 'League Gothic';
  letter-spacing: 0.1em;
}
.area .jpName{
  font-size: 3.125vw;
  font-weight: bold;
  box-sizing: border-box;
  padding: 0px 3.125vw 3.125vw;
}

.match_day,.match_day01,.match_day02{
  width: 100%;
  background: #0e3454;
  color: #fbd933;
  font-family: 'League Gothic';
}
.match_day02{
  background: #fbd933;
  color: #0e3454;
}
.match_bottom_inner{
  width: 100%;
  padding: 9.375vw 0px;
  box-sizing: border-box;
}
.match_bottom .date{
  font-size: 10.46875vw;
  line-height: 1;
  padding-bottom: 5.46875vw;
}
.match_bottom .date span{font-size: 14.21875vw;padding: 0 2.1875vw;}
.match_bottom a img{width: 69.0625vw;}
.match_bottom .ticket01{margin-bottom: 8.59375vw;}

/* !game_preview
---------------------------------------------------------- */
#game_preview{  color: #0e3454;}
.game_top_inner{
  background: url(../image/bg_game_top_sp.jpg) center top 16vw no-repeat;
  background-size: 100% auto;
  box-sizing: border-box;
  padding: 101.7vw 0 15.46vw;
}
.game_top_inner h2{
  font-family: 'League Gothic';
  font-size: 24vw;
  text-align: center;
  line-height: 1;
}
.game_top_inner h2 span{color: #fbd933;}
.game_top_inner p{
  box-sizing: border-box;
  padding-left: 4vw;
  font-weight: bold;
  font-size: 4.8vw;
  line-height: 1.2;
}
.game_text{
  background: url(../image/bg_game_text_sp.jpg) center top no-repeat;
  background-size: cover;
}
.game_text_inner{
  padding: 6.67vw 4vw 8.8vw;
  box-sizing: border-box;
}
.game_text_inner p{
  font-size: 3.2vw;
  font-weight: bold;
  line-height: 1.5;
  padding-bottom: 4.67vw;
}

.spText p{
  display: none;
}
.textBtn{
  display: block;
  width: 72vw;
  font-size: 4.8vw;
  font-weight: bold;
  box-sizing: border-box;
  height: 13.33vw;
  line-height: 13.33vw;
  background: #0e3454;
  text-align: center;
  cursor: pointer;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  margin: 0px auto 0;
  position: relative;
  color: #fff;
}
.textBtn span {
  position: relative;
  padding-right: 4.67vw;
}
.textBtn span.open {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
}
.textBtn span.close {
  display: none;
  color:  #0e3454;
  text-indent: -1em;
}
.textBtn span.open:before {
  position: absolute;
  right: 2.93vw;
  top: 0;
  width: 4.26vw;
  height: 100%;
  background: url(../image/more.png) right center no-repeat;
  background-size: 4.26vw auto;
  content: "";
  z-index: 2;
}
.textBtn span.close:before {
  position: absolute;
  right: 0;
  top: 0;
  width: 4.26vw;
  height: 100%;
  background: url(../image/more.png) right center no-repeat;
  background-size: 4.26vw auto;
  transform: rotateX(180deg);
  content: "";
  z-index: 2;
}

.textBtn.change span.open {
  display: none;
}
.textBtn.change span.close {
  display: inline-block;
}

/* !event_special
---------------------------------------------------------- */
#event_special{
  background: url(../image/bg_event_sp.jpg)no-repeat top center #e5e5e5;
  background-size: 100%  72.8vw;
  padding-bottom: 13.33vw;
}
#event_special .notice{
  text-align: center;
  padding-top: 2.66vw;
  font-size: 2.66vw;
  font-weight: bold;
  color: #0e3454;
}
.event_inner{ 
  box-sizing: border-box;
  padding: 0 0px;
}
.event_slider{}
.event_slider li{
  text-align: initial;
  vertical-align: top;
  box-sizing: border-box;
  padding: 0px 4.66vw 2.66vw;
  width: 69.33vw;
}
.event_dl dt img{width: 100%}
.event_dl dd{
  background: #0e3454;
  box-sizing: border-box;
  padding: 5.33vw 4vw;
  color: #fff;
  position: relative;
  min-height: 28vw;
}
.event_dl dd h3{
  box-sizing: border-box;
  padding-left: 2vw;
  font-size: 2.13vw;
  line-height: 1;
  background: url(../image/icon_line.jpg)no-repeat left top;
  margin-bottom: 2vw;
}
.event_dl dd p.text{
  font-size: 2.66vw;
  font-weight: bold;
  line-height: 1.2;
}
.event_dl dd p.btn{
  font-size: 3.2vw;
  line-height: 1;
  font-family: 'League Gothic';
  position: absolute;
  bottom: 5.33vw;
  right: 4vw;
  z-index: 2;
}
.event_dl dd p.btn span{
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 1.33vw;
}
.event_dl dd p.btn a{width: 3.33vw;vertical-align: text-top;display: inline-block;}
.hide{display: none;}
.fancybox_dl {
    box-sizing: border-box;
    padding: 4vw 3.33vw 7.33vw;
    max-width: 86.66vw;
}
.fancybox_dl dt{
    text-align: center;
    padding-bottom: 4vw;
}
.fancybox-skin{padding: 0!important;background: #fff!important;}
.fancybox_dl dt img{ }
.fancybox_dl dd p.date{
    display: block;
    width: 100%;
    line-height: 2.2;
    font-size: 2.13vw;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #0e3454;
}
.fancybox_dl dd h3 {
    min-height: 8vw;
    box-sizing: border-box;
    color: #0e3454;
    font-weight: bold;
    font-size: 2.66vw;
    line-height: 1.4;
    padding: 1.33vw 0;
}
.fancybox_dl dd p.dl_text{
    border-top: 3px solid #0e3454;
    border-bottom: 3px solid #0e3454;
    font-size: 2.13vw;
    line-height: 1.75;
    padding: 1.33vw 0 4vw;
}

/* !time_schedule
---------------------------------------------------------- */
#time_schedule .sec_title{
  background: url(../image/bg_time_title.jpg)no-repeat top center;
  background-size: cover;
}
.time_inner{position: relative;}
.time_day,.time_day01,.time_day02{
  width: 100%;
  background: #0e3454;
  color: #fbd933;
  padding:9.33vw 0 13.33vw;
  position: relative;
}
.time_day02{
  background: #fbd933;
  color: #0e3454;
}
.time_inner h3{
  font-family: 'League Gothic';
  font-size: 9.33vw;
  line-height: 1;
  text-align: center;
  padding-bottom: 8vw;
}
.time_inner h3 span{font-size: 14vw;}
.time_inner .notice{
  position: absolute;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 2.4vw;
  z-index: 3;
  bottom: 4vw;
}
.time_day02 .notice{color: #0e3454;}
.time_box{
  display: flex;
  justify-content: center;
  width: 100%;
}
.time_box dl{
  overflow: hidden;
  margin-bottom: 0px;
}
.time_box dt{
  font-family: 'League Gothic';
  float: left;
  width: 11.33vw;
  font-size: 4.66vw;
  line-height: 1.25;
}
.time_box dd{
  font-size: 3.46vw;
  float: left;
}
.time_box dd.bold{font-weight: bold;}
.time_box dl.middle_dl{margin-bottom: 6vw;}
/* !ticket_info
---------------------------------------------------------- */
#ticket_information{
  position: relative;
}
#ticket_information .sec_title{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}
#ticket_information .match_top{
  padding: 34.2vw 0px 0;
  background: none;
}
.detail02 .team {
    padding-bottom: 0;
}
.match_flash{
  position: absolute;
  left: 50%;
  top: 50%;
  height: 65vw;
  min-height: 1000px;
  width: 100%;
  min-width: 1980px;
  transform: translate(-50%,-50%);
  z-index: -1;
}
.match_flash iframe {
  width: 100%;
  height: 100%;
}

/* !staduim_wrap
---------------------------------------------------------- */
.staduim_wrap{
  box-sizing: border-box;
  padding-bottom:  16vw;
}
.staduim_wrap h2{
  font-size: 8vw;
  padding: 8.66vw 0;
  text-align: center;
  font-family: 'League Gothic';
  letter-spacing: 0.2em;
  color: #0e3454;
}
.staduim_wrap h2 span{color: #fbd933;}
.staduim_wrap .staduim_img{
  text-align: center;
  box-sizing: border-box;
  padding:0 1.33vw 10.66vw;
}
.table_wrap{
  box-sizing: border-box;
  padding: 0 4vw;
}
.col{
    font-size: 2.66vw;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 3.5;
    background: url(../image/icon_close.png)right 4vw center no-repeat #0e3454;
    background-size: 2.66vw auto;
    margin-bottom: 5.33vw;
}
.col.change {
  background: url(../image/icon_open.png)right 4vw center no-repeat #0e3454;
  background-size:2.66vw auto;
}
.table_inner table{
  width: 100%;
  font-weight: bold;
}
.table_inner .table02{margin-top: 5.33vw;}

.table_inner table th,
.table_inner table td {
  border: 1px solid #ccc;
  text-align: left;
  box-sizing: border-box;
  color: #fff;
}
.table_inner table thead td,
.table_inner table thead th{
  color: #0e3454;
  font-size: 2.4vw;
  line-height: 2.66;
  text-align: center;
  font-weight: bold;
}

.table_inner table tbody th,
.table_inner table tbody td {
  font-size: 3.2vw;
  line-height: 1.25;
  padding: 1.33vw;
  text-align: center;
}
.table_inner table tbody th{
  padding: 1.33vw 2.66vw;
  font-size: 2.4vw;
  vertical-align: middle;
  font-weight: bold;
  text-align: left;
}

.table01 tbody tr:nth-of-type(1),
.table01 tbody tr:nth-of-type(2),
.table01 tbody tr:nth-of-type(3),
.table01 tbody tr:nth-of-type(4){background: #c93a34;}
.table01 tbody tr:nth-of-type(5),
.table01 tbody tr:nth-of-type(6),
.table01 tbody tr:nth-of-type(7),
.table01 tbody tr:nth-of-type(8),
.table01 tbody tr:nth-of-type(11),
.table01 tbody tr:nth-of-type(12),
.table01 tbody tr:nth-of-type(13),
.table01 tbody tr:nth-of-type(14){background: #d75e63;}
.table01 tbody tr:nth-of-type(9),
.table01 tbody tr:nth-of-type(10){background: #d95f4a;}
.table01 tbody tr:nth-of-type(15){background: #d85678;}
.table01 tbody tr:nth-of-type(16){background: #f1be41;}
.table01 tbody tr:nth-of-type(17),
.table01 tbody tr:nth-of-type(18){background: #e0833d;}

.table02 tbody tr:nth-of-type(1),
.table02 tbody tr:nth-of-type(2){background: #bed143;}
.table02 tbody tr:nth-of-type(3){background: #285ca5;}
.table02 tbody tr:nth-of-type(4){background: #3378b9;}
.table02 tbody tr:nth-of-type(5){background: #3070b0;}
.table02 tbody tr:nth-of-type(6){background: #367bbc;}
.table02 tbody tr:nth-of-type(7){background: #3882c1;}
.table02 tbody tr:nth-of-type(8){background: #367bbc;}
.table02 tbody tr:nth-of-type(9),
.table02 tbody tr:nth-of-type(11){background: #4295b3;}
.table02 tbody tr:nth-of-type(10),
.table02 tbody tr:nth-of-type(12){background: #61b9cd;}
.table02 tbody tr:nth-of-type(13),
.table02 tbody tr:nth-of-type(14){background: #b7b7b7;}
.table02 tbody tr:nth-of-type(15){background: #bea2c8;}
.table02 tbody tr:nth-of-type(16){background: #90b1dc;}

/* !arena_info
---------------------------------------------------------- */
#arena_info{position: relative;}
#arena_info .sec_title{
  background: rgba(255,255,255,0.8);
  position: absolute;
  top: 0;
  left: 0;
}
.arena_bg{
  background: url(../image/bg_arena.jpg)no-repeat top center;
  background-size: cover;
  height: 84vw;
}
.arena_inner{
  box-sizing: border-box;
  padding: 5.33vw 4.66vw 12vw;
  color: #0e3454;
  text-align: center;
  letter-spacing: 0.1em;
}
.arena_inner h3 span{
  display: inline-block;
  font-weight: bold;
  font-size: 4vw;
  line-height: 1.6;
  padding: 0 9.2vw;
  border-bottom: 0.66vw solid #fbd933;
  margin-bottom: 1.9vw;
}
.arena_inner .addrP{
  font-size: 3.2vw;
  font-weight: bold;
  padding-bottom: 4.53vw;
}
.arena_inner iframe{width: 100%;height: 86vw;border: 0;}
.arena_inner .accessP span{
  display: inline-block;
  background: #fbd933;
  font-size: 3.2vw;
  font-weight: bold;
  line-height: 1.875;
  padding: 0 14.66vw;
  margin: 5.33vw 0;
}
.arena_inner ul{margin-left: -4vw;}
.arena_inner li{
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding-left: 4vw;
  margin-bottom: 4vw;
}
.arena_inner dt{
  box-sizing: border-box;
  width: 100%;
  padding: 21.3vw 2vw 1.33vw;
  font-size: 3.06vw;
  line-height: 1.25;
  color: #fff;
  height: 32vw;
  font-weight: bold;
}
.arena_dl01 dt{
  background: url(../image/img_access01.png)no-repeat top 6.66vw center #0e3454;
  background-size: auto 11.33vw;
}
.arena_dl02 dt{
  background: url(../image/img_access02.png)no-repeat top 6.66vw center #0e3454;
  background-size: auto 11.33vw;
}
.arena_dl03 dt{
  background: url(../image/img_access03.png)no-repeat top 6.66vw center #0e3454;
  background-size: auto 11.33vw;
}
.arena_dl04 dt{
  background: url(../image/img_access04.png)no-repeat top 6.66vw center #0e3454;
  background-size: auto 11.33vw;
}
.arena_inner dd{
  width: 100%;
  height: 11.33vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fbd933;
}
.arena_inner dd span {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 1.33vw;
    font-size: 4.53vw;
    line-height: 1.4;
    letter-spacing: 0;
    font-family: 'League Gothic';
}
.arena_inner dd a {
    width: 4.66vw;
    vertical-align: top;
    display: inline-block;
}
.arena_inner dd a img{width: 100%;}
.fancybox_wrap{overflow: hidden;position: relative;}
.fancybox_wrap .fcClose01,
.fancybox_wrap .fcClose02{
  position: absolute;
  top: 1.73vw;
  right: 2.13vw;
  width: 2.26vw;
  z-index: 2;
}
.fancybox_wrap .fcClose02{
  top: 1.2vw;
  right: 1.6vw;
}
.fancybox-nav{width: 0!important}

#group02_01,#group02_02,
#group02_03,#group02_04{
  width: 85vw;
  min-height: 80vw;
}
.fancy_title{
  font-weight: bold;
  font-size: 2.66vw;
  line-height: 2;
  text-align: center;
  color: #fff;
  background: #0e3454;
}
.fancybox_wrap .redP{display: block;color: #ff0000;}
.blueA{color: #008aff;text-decoration: none;}

#group02_01 .fancy_inner{
  box-sizing: border-box;
  padding: 2.66vw;
  font-size: 2.4vw;
}
#group02_01 .fancy_inner .p01{
  padding-bottom: 5.33vw;
  line-height: 1.33;
	color: #FF0004;
	font-weight: bold;
}
#group02_01 .fancy_inner li{
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 2.66vw;
}
#group02_01 .fancy_inner .img{
  text-align: center;
  padding-bottom: 2vw;
}
#group02_01 .fancy_inner .text{
  line-height: 1.2;
}
#group02_01 .fancy_inner .text + .text{
  padding-top: 2.8vw;
}

#group02_02 .fancy_inner{
  box-sizing: border-box;
  padding: 10.66vw 2.66vw;
}
#group02_02 .fancy_inner p{
  font-size: 3.2vw;
}
#group02_02 .fancy_inner p + p{padding-top: 4.8vw;}

#group02_03 .fancy_inner{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.2vw;
  min-height: 66.66vw;
}

.fancy_dl04{
  width: 100%;
  box-sizing: border-box;
  padding: 2.66vw 3.33vw;
  overflow: hidden;
}
.fancy_dl04 dt{
  text-align: center;
  padding-bottom: 4.66vw;
}
.fancy_dl04 dd{
  overflow: hidden;
  font-size: 2.66vw;
  line-height: 1.2;
}
.fancy_dl04 dd p + p{padding-top: 3.33vw;}
.fancy_dl04 dd span{display: block;color:#008aff;}

#group02_04 .fancy_dl04 .p01{
  padding-bottom: 3.33vw;
  line-height: 1.33;
	color: #FF0004;
	font-weight: bold;
}

/* !enjoy_brex
---------------------------------------------------------- */
#enjoy_brex .sec_title{
  background: url(../image/bg_enjoy_title_sp.jpg)no-repeat top center;
  background-size: cover;
}
.third_title{
  position: relative;
  font-size: 4vw;
  line-height: 1.2;
  font-weight: bold;
  color: #fff;
  background: #0e3454;
  width: 100%;
  letter-spacing: 0.1em;
  text-align: center;
  padding: 3vw 0;
}
.third_title:before{
  content: '';
  position: absolute;
  z-index: 2;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 4vw 6.66vw 0 6.66vw;
  border-style: solid;
  border-color: #0e3454 transparent transparent transparent;
  margin-top: -1px;
}
.zone_inner{
  position: relative;
  background:url(../image/bg_enjoy01_sp.jpg)no-repeat top center;
  background-size: auto 66.66vw;
  height: 105vw;
}
.zone_box{
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 2;
  width: 100%;
  background: #0e3454;
}
.zone_box p{
  box-sizing: border-box;
  padding:3vw 4vw 4vw;
  line-height: 1.5;
  font-size: 3.2vw;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #fff;
}

.food_wrap .third_title,
.cheer_wrap .third_title,
.slogan_wrap .third_title{
  color: #0e3454;
  background: #fbd933;
}
.food_wrap .third_title:before,
.cheer_wrap .third_title:before,
.slogan_wrap .third_title:before{
  border-color: #fbd933 transparent transparent transparent;
}
.food_inner{
  position: relative;
  background:url(../image/bg_food_sp.jpg)no-repeat top center;
  background-size: cover;
  text-align: center;
  padding-bottom: 6.4vw;
}
.goods_inner{
  background:url(../image/bg_goods_sp.jpg)no-repeat top center;
  background-size: cover;
  text-align: center;
  padding-bottom: 7.73vw;
}
.food_title{
  padding: 4vw 0 0.66vw;
}
.food_title img{width: 66.66vw;}
.goods_title{
  padding:9.33vw  0 8.26vw;
  font-size: 4vw;
  line-height: 1.2;
  color: #0e3454;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.goods_title span{
  display: block;
  font-weight: normal;
  font-family: 'League Gothic';
  font-size: 16vw;
  letter-spacing: 0;
}
.food_top,.goods_top{
  background: rgba(14,52,84,0.8);
  position: relative;
  font-size: 3.2vw;
  font-weight: bold;
  line-height: 1.5;
  padding: 4.4vw 0 5.33vw;
  color: #fff;
  letter-spacing: 0.1em;
}
.goods_top{
  background: #0e3454;
  text-align: initial;
  padding: 2.93vw 4vw 4.53vw;
}
.bearP{
  position: absolute;
  width: 18.8vw;
  z-index: 2;
  left: calc(50% - 48.4vw);
  bottom: 35.46vw;
}
.menu_title{
  padding: 6.66vw 0;
}
.menu_title img{width: 62.66vw}
.goods_inner .menu_title img{width: 48.93vw}
.food_slider,.goods_slider{}
.food_slider li,.goods_slider li{
    text-align: initial;
    vertical-align: top;
    box-sizing: border-box;
    padding: 0px 4.66vw 2.66vw;
    width: 69.33vw;
}
.food_slider dl,.goods_slider dl{
  box-sizing: border-box;
  padding: 3.2vw 2.66vw 2.66vw;
  box-shadow: 1vw 1vw 1.33vw 0px rgba(0, 0, 0, 0.3);
  color: #0e3454;
  background: #fff;
}
.goods_slider dl{background: #fbd933;padding-bottom: 3.33vw;}
.food_slider dt img,.goods_slider dt img{width: 100%;padding-bottom: 2vw;}
.food_slider dd,.goods_slider dd{
  font-size: 3.73vw;
  font-weight: bold;
  text-align: left;
}
.goods_slider dd{text-align: center;line-height: 1.2;}
.food_price{
  text-align: right;
  padding-top: 2.4vw;
}
.goods_name{
  min-height: 9vw;
  padding-bottom: 2.4vw;
}
.goods_price{
  padding-bottom: 2.4vw;
}
.goods_info{
  display: block;
  box-sizing: border-box;
  background: #fff;
  padding: 2vw 3.33vw 2.66vw;
  font-size: 3.33vw;
  text-align: left;
}
.moreP{
  font-size: 3.2vw;
  line-height: 1.25;
  color: #0e3454;
  background:#fbd933;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  width: 86.66vw;
  height: 10.66vw;
  border-radius: 5.33vw;
  margin: 0 auto;
  letter-spacing: 0.1em;
}
.goods_inner .moreP{
  background: #0e3454;
  color: #fbd933;
  width: 96vw;
}

.cheer_inner{
  position: relative;
  background:url(../image/bg_cheer_sp.jpg)no-repeat top center;
  background-size: cover;
  height: 100vw;
}
.cheer_box{
  position: absolute;
  background: #fbd933;
  color: #0e3454;
  text-align: center;
  box-sizing: border-box;
  bottom: 0;
  width: 100%;
  z-index: 2;
  padding: 16.66vw 0 8vw;
  font-size: 4vw;
  line-height: 1.2;
  letter-spacing: 0.1em;
  font-weight: bold;
}
.cheer_box .img{
  position: absolute;
  width: 97.73vw;
  z-index: 3;
  left: 50%;
  transform: translateX(-50%);
  bottom: 18.4vw;
}
.child_wrap .third_title{
  color: #fff;
  background: #ff959f;
}
.child_wrap .third_title:before{
  border-color: #ff959f transparent transparent transparent;}
.child_inner{
  background:url(../image/bg_child_sp.jpg)no-repeat bottom center;
  background-size: cover;
}
.child_box{
  box-sizing: border-box;
  padding: 9.33vw 2vw 10vw;
  position: relative;
}
.child_title{text-align: center;}
.child_title img{
  padding-bottom: 4.66vw;
  width: 92.4vw;
}
.child_box h4{
  font-size: 4.8vw;
  line-height: 1.28;
  font-weight: bolder;
  color: #9a6e9f;
  padding-bottom: 4.53vw;
}
.child_box .p01{
  text-align: center;
  padding-bottom: 5.2vw;
}
.child_box .p01 img{width: 53.33vw;}
.child_box .p02{
  font-size: 3.73vw;
  line-height: 1.285;
  box-sizing: border-box;
  padding: 0 2vw 4vw;
}
.child_box .p03{
  font-size: 3.2vw;
  box-sizing: border-box;
  padding: 0 1.33vw 0px 7.33vw;
}
.child_box .p03 .title{
  font-size: 3.46vw;
  display: block;
}
.child_box .p03 .name{
  font-size: 4.53vw;
  line-height: 1.28;
  display: block;
}
.child_box .p03 a{
  color: initial;
  text-decoration: none;
}
.child_box .p03 a:hover{text-decoration: underline;}
#enjoy_brex .match_top{
  background: url(../image/bg_match02_sp.jpg) center center repeat;
  background-size: cover;
}
/* !about_brex
---------------------------------------------------------- */
#about_brex .sec_title{
  background: url(../image/bg_about_title_sp.jpg)no-repeat top center;
  background-size: cover;
}
.player_wrap{
  padding: 9.33vw 0;
}
.player_wrap h3{
  text-align: center;
}
.player_wrap h3 span{
  display: inline-block;
  border-bottom: 2vw solid #fbd933;
  color: #0e3454;
  line-height: 1;
  font-family: 'League Gothic';
  font-size: 8vw;
  letter-spacing: 0.1em;
  margin-bottom: 9.33vw;
}
.player_list{
  width: 80vw;
  height: 133.33vw!important;
  position: relative;
  margin: 0 3.73vw;
  font-weight: bold;
}
.player00{
  background: url(../image/bg_player00_sp.jpg)no-repeat center center;
  background-size: cover;
}
.player04{
  background: url(../image/bg_player04_sp.jpg)no-repeat center center;
  background-size: cover;
}
.player06{
  background: url(../image/bg_player06_sp.jpg)no-repeat center center;
  background-size: cover;
}
.player07{
  background: url(../image/bg_player07_sp.jpg)no-repeat center center;
  background-size: cover;
}
.player09{
  background: url(../image/bg_player09_sp.jpg)no-repeat center center;
  background-size: cover;
}
.player10{
  background: url(../image/bg_player10_sp.jpg)no-repeat center center;
  background-size: cover;
}
.player11{
  background: url(../image/bg_player11_sp.jpg)no-repeat center center;
  background-size: cover;
}
.player12{
  background: url(../image/bg_player12_sp.jpg)no-repeat center center;
  background-size: cover;
}
.player13{
  background: url(../image/bg_player13_sp.jpg)no-repeat center center;
  background-size: cover;
}
.player18{
  background: url(../image/bg_player18_sp.jpg)no-repeat center center;
  background-size: cover;
}
.player21{
  background: url(../image/bg_player21_sp.jpg)no-repeat center center;
  background-size: cover;
}
.player22{
  background: url(../image/bg_player22_sp.jpg)no-repeat center center;
  background-size: cover;
}
.player24{
  background: url(../image/bg_player24_sp.jpg)no-repeat center center;
  background-size: cover;
}
.player25{
  background: url(../image/bg_player25_sp.jpg)no-repeat center center;
  background-size: cover;
}
.player30{
  background: url(../image/bg_player30_sp.jpg)no-repeat center center;
  background-size: cover;
}
.player31{
  background: url(../image/bg_player31_sp.jpg)no-repeat center center;
  background-size: cover;
}
.player_info{
  position: absolute;
  z-index: 2;
  left: 4.66vw;
  top: 7.6vw;
  color: #0e3454;
}
.player_info h4{
  font-size: 3.2vw;
  line-height: 1.66;
  position: relative;
  font-weight: bold;
  margin-bottom: 1px;
}
.player_info h4:before{
  content: '';
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 31.6vw;
  height: 1px;
  display: block;
  background: #0e3454;
}
.player_info li{
  font-size: 2.93vw;
  line-height: 1.5;
}
.player_text{
  position: absolute;
  z-index: 2;
  color: #fff;
  left: 0px;
  top: 95vw;
  font-size: 2.93vw;
  line-height: 1.27;
  width: 100%;
  padding: 0 2vw;
  box-sizing: border-box;
  letter-spacing: 0.1em;
}

.us_inner{
  background:url(../image/bg_us_sp.jpg)no-repeat top center;
  background-size: cover;
  height: 160vw;
  position: relative;
  color: #0e3454;
  font-weight: bold;
  font-style: oblique;
}
.us_inner .p01{
  position: absolute;
  z-index: 3;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  top: 8vw;
  font-size: 4.8vw;
  line-height: 1.22;
}
.us_inner .p02{
  position: absolute;
  z-index: 3;
  width: 69.73vw;
  right: calc(50% - 24.8vw);
  top: 19.6vw;
}
.us_inner .p03{
  position: absolute;
  z-index: 2;
  width: 30.8vw;
  left: calc(50% + 8.93vw);
  top: 74.93vw;
}
.us_inner .p04,
.us_inner .p05{
  width: 100vw;
  height: 0.93vw;
  z-index: 1;
  position: absolute;
  background: #fbd933;
}
.us_inner .p04{
  right: calc(50% - 8vw);
  top: 25.06vw;
}
.us_inner .p05{
  left: calc(50% - 35.6vw);
  bottom:32.26vw;
}
.us_inner .p06{
  position: absolute;
  z-index: 2;
  width: 100%;
  box-sizing: border-box;
  padding: 0 4vw;
  font-size: 3.2vw;
  left: 0;
  bottom: 3.46vw;
}

.champions_wrap{
  background:url(../image/bg_champ_sp.jpg)no-repeat top center;
  background-size: 100% auto;
  position: relative;
  padding-top: 73.86vw;
}
.champions_box{
  background:#000;
  width: 100%;
}
.champions_box_inner{
  box-sizing: border-box;
  padding: 4.66vw 4vw 7.46vw;
}
.champions_box_inner h3{
  color: #a38c4d;
  line-height: 1.276;
  font-weight: bold;
  text-align: center;
  font-size: 7.73vw;
}
.champions_box_inner h3 span{
  display: block;
  font-size: 3.86vw;
}
.champions_box_inner dt{
  box-sizing: border-box;
  padding: 4.53vw 0 5.2vw;
  text-align: center;
}
.champions_box_inner dt img{width: 24.93vw;}
.champions_box_inner dd{
  color: #fff;
  font-size: 3.2vw;
}
.slogan_inner{
  background:url(../image/bg_slogan_sp.jpg)no-repeat top center;
  background-size: cover;
  text-align: center;
  color: #0e3454;
  font-weight: bold;
  box-sizing: border-box;
  padding: 10.66vw 0 3vw;
  letter-spacing: 0.1em;
}
.slogan_inner h4 span{
  display: block;
  font-size: 4.8vw;
  padding: 4vw 0 4.66vw;
  font-weight: bold;
}
.slogan_inner h4 img{width: 76.26vw;}
.slogan_inner p{
  font-size: 2.93vw;
  line-height: 1.27;
  padding-bottom: 3.73vw;
}
/* !page_top
---------------------------------------------------------- */
.ft_share{
  background: #d4d4d4;
  padding: 1vw 0 3.2vw;
  font-size: 4.93vw;
  letter-spacing: 0.1em;
  color: #0e3454;
  text-align: center;
  font-family: 'League Gothic';
}
.ft_share p{padding-bottom: 2vw;}
.ft_share ul{font-size: 0;}
.ft_share li{
  display: inline-block;
  margin: 0 5.46vw;
}
.ft_share li img{width: 9.06vw;}
.page_top a {
  background: #fbd933;
  padding: 2vw 0;
  display: block;
  width: 100%;
  text-align: center;
}
.page_top a img{height: 4vw;}
/* !footer
---------------------------------------------------------- */
#footer {
  background: #0e3454;
  padding: 4.93vw 1.33vw 3.46vw;
  text-align: center;
}
#footer .logo {
  margin-bottom: 2.66vw;
}
 #footer .logo img{width: 23.06vw;} 
#copyright a{
  color: #fff;
  font-size: 2.4vw;
  text-decoration: none;
}


.sec_title{
  width: 100%;
  color: #0e3454;
  text-align: center;
  padding: 14.4vw 0;
  font-size: 13.33vw;
  line-height: 1;
  font-family:'League Gothic';
}
@media screen and (max-width: 374px) {}