@charset "utf-8";

body { font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,  "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: normal; color: #000000; }

p { color: #fff;}
a { color: #fff;}
li { color: #fff;}

.serif { font-family: 'Noto Serif JP', serif; font-weight: bold; font-size: 3.6rem;}

.pcOnly {}
.spOnly { display: none;}
@media only screen and (max-width:800px){
  .pcOnly { display: none;}
  .spOnly { display: block;}
  
}

a:hover { opacity: 0.5;}

/*.backColor { background-image: url(images/mainBack.jpg); background-repeat: repeat; background-position: 0 0; position: relative;}*/
.inner { width: 100%; max-width: 1200px; margin: 0 auto; border: solid 1px #fff; border-top: none; border-bottom: none;}

/*.contentsInner { padding: 50px;}*/

/*@media only screen and (max-width:1080px){
  .inner { width: calc(100% - 60px);}
}*/
@media only screen and (max-width:800px){
  /*.inner { max-width: 400px;}*/
}

@media only screen and (max-width:800px){
  .serif { font-size: 3.4rem;}
}
@media only screen and (max-width:800px){
  .serif { font-size: 2.2rem;}
}

.photo img { width: 100%; height: auto;}
.photo.boatrace img { width: auto; height: auto;}
@media only screen and (max-width:800px){
  .photo.boatrace img { width: 100%;}
}
.mt5p { margin-top: 5%;}
.mb5p { margin-bottom: 5%;}

/*.wrapper { width: 100%; max-width: 1100px; margin: 0 auto; position: relative;}
.wrapper::before { content: ""; width: 50%; height: 100%; position: absolute; top: 0; left: 0%; z-index: -1; background-image: url(images/matchdayProgram.png),url(images/lineBack.jpg); background-repeat: repeat-y,repeat; background-position: 10px 20px,left top; }
.wrapper::after { content: ""; width: 50%; height: 100%; position: absolute; top: 0; left: 50%; z-index: -1; background-image: url(images/matchdayProgram.png),url(images/lineBack.jpg); background-repeat: repeat-y, repeat; background-position: right 10px top 1500px ,101% 0; }*/

.mainBack { position: relative;}



/*.top .wrapper::before { background: url(images/matchday.png) no-repeat center top; background-size: contain;}
.top .wrapper::after { background: url(images/program.png) no-repeat center bottom; background-size: contain;}*/

/*@media only screen and (max-width:1080px){
  .wrapper::before { width:calc( (100% - 823px) / 2 ); min-width: 30px;}
  .wrapper::after { width:calc( (100% - 823px) / 2 ); min-width: 30px;}
}
@media only screen and (max-width:800px){
  .wrapper { max-width: 450px;}
  .wrapper::before { background-image: url(images/matchdayProgramSp.png),url(images/lineBack.jpg); background-size: 25px,12px; background-position: 2px 20px,left top;}
  .wrapper::after { background-image: url(images/matchdayProgramSp.png),url(images/lineBack.jpg); background-size: 25px,12px; background-position: right 2px top 340px ,120% 0; right: 0; left: auto;}
}*/

/*各ページ共有パーツ*/
/*.headlineSlanting { transform: rotate(-10deg); margin: -50px 0 50px -15px;}
.headlineSlantingWhite { transform: rotate(-10deg); border-bottom: solid 1px #fff; margin: 20px 0 80px 0; padding-bottom: 10px;}
.headlineSlantingBorder { transform: rotate(-10deg); border-bottom: solid 1px #000; margin: 20px 0 80px 0; padding-bottom: 10px;}*/


.headlineBoldSmall { font-size: 2.4rem; font-weight: bold; /*margin-top: 30px;*/}
.headlineRedBack { font-size: 1.6rem; color: #fff; text-align: center; background-image: url(images/headline-red.png); background-repeat: no-repeat; background-position: 50% bottom; line-height: 1.2; position: relative; padding-bottom: 3px; margin-top: 50px; margin-bottom: 20px;}
.headlineRedBack::before { content: ""; width: 100%; height: 1px; background-color: #181000; position: absolute; bottom: 25px; left: 0;}
.headlineRedBack .en { font-size: 1.4rem; color: #bd001d; position: relative; z-index: 5;}

@media only screen and (max-width:800px){
  .headlineSerifBig { font-size: 4.2rem;}
}
@media only screen and (max-width:800px){
  .headlineSerifBig { font-size: 3.4rem; margin-bottom: 30px; line-height: 1.3;}
  .headlineRedBack { font-size: 1.4rem; line-height: 1.1; background-size: 280px;}
  .headlineRedBack::before { bottom: 20px;}

  /*.headlineSlanting { margin: -20px 0 10px -5px;}*/
  .headlineWhite img { width: auto; height: 19px; }
  .enBig img { width: auto; height: 22px; }
}

.headerArea .inner { position: relative;}
/*ハンバーガーメニュー*/
.hamburger { display: block; width: 55px; height: 55px; cursor: pointer; text-align: center; z-index:11; /*-webkit-transition: 0.6s ease-in-out; -moz-transition:0.6s ease-in-out; transition:0.6s ease-in-out;*/ background-color: #fff; border-radius: 5px; /*position: absolute; right: 15px;*/ position: fixed; right: calc(50% - 555px); top: 15px; box-shadow: 0 0 3px #999;}
.hamburger span {display: block; position: absolute; width: 36px; height: 3px ; left: 9px; background :#000; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.hamburger span:nth-child(1) { top: 15px;}
.hamburger span:nth-child(2) { top: 27px;}
.hamburger span:nth-child(3) { top: 39px;}
.hamburger.active span:nth-child(1) { top: 27px; left: 9px;-webkit-transform: rotate(-45deg);-moz-transform : rotate(-45deg);transform: rotate(-45deg);}
.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) { top: 27px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
.gMenu { background-image: url(images/menu-back.png),url(images/logo.svg); background-repeat: no-repeat; background-size: cover,30%; background-position: top left, 50%; background-color: #E6E6E6; position: relative; z-index: 10; position: fixed; top: -100%; left: 0; width: 100%; height: 100%; padding: 0%; transition: 0.5s ease-in-out; box-shadow: 0 0 5px #999; overflow: hidden;}
.gMenu.active { display: block; overflow-y: auto; padding: 2%; transition: 0.5s ease-in-out; top: 0;}
.gMenuLogo { margin-right: auto; padding: 20px 20px 50px 0px; max-width: 500px;}
.menuList { width: 90%; max-width: 1000px; margin: 5% auto 2%;}
.menuList li { font-weight: bold; padding-bottom: 20px;}
.menuList li a { display: inline-block; font-size: 1.8rem; font-weight: bold; color: #fff; background: #000; padding: 10px 40px 10px 10px; position: relative;}
.menuList li a::after { content: ""; width: 15px; height: 13px; background-image: url(images/arrow.svg); background-repeat: no-repeat; background-position: center; position: absolute; right: 12px; top: 57%; transform: translateY(-50%);}
.menuList li a:hover { background-color: #b80016; opacity: 1;}
.menuList li a .small { font-size: 1.2rem; margin-left: 0.5em;}

.footerArea { width: 100%; margin: 0 auto; position: relative; z-index: 1; background: #000;}
.footerArea .inner { min-height: 500px; padding-top: 6%; padding-bottom: 17%; padding-right: 3%; }
.footerTextArea { position: relative; z-index: 1;}
.footerArea::after { content: ""; width: 100%; height: 500px; position: absolute; bottom: 0; left: 0; background-image: url(images/footer.png); background-repeat: no-repeat; background-size: cover; background-position: center bottom;}
.footerArea p { font-size: 1.2rem;}
.footerMenu { gap: 1em;}
.footerMenu li + li { border-left: solid 1px #949494; padding-left: 1em;}
.footerMenu a { font-size: 1.2rem; line-height: 1.4;}

@media only screen and (max-width:1080px){
  .hamburger { right: calc(((100% - 800px) / 2 ) + 15px);}
}
@media only screen and (max-width:880px){
  .hamburger { right: calc(0% + 55px);}
}
@media only screen and (max-width:800px){
  .hamburger { right: 7%;}
}
@media only screen and (max-width:800px){
  .hamburger { position: fixed; width: 40px; height: 40px; right: 2%; top: 1%;}
  .hamburger span { width: 22px;}
  .hamburger span:nth-child(1) { top: 10px;}
  .hamburger span:nth-child(2) { top: 20px;}
  .hamburger span:nth-child(3) { top: 30px;}
  .hamburger.active span:nth-child(1) { top: 20px;}
  .hamburger.active span:nth-child(2) { top: 20px;}
  .hamburger.active span:nth-child(3) { top: 20px;}

  .footerArea .inner { min-height: auto; padding: 4% 5% 100px; }
  .footerArea .textR { text-align: left;}
  .footerMenu { justify-content: center; margin-bottom: 10px;}
  .footerMenu li { width: 48%; text-align: center; }
  .footerMenu li:nth-child(odd) { border: none;}
  .footerArea::after { background-size: contain; height: 100px;}
}


/*.box + .box { border-top: solid 1px #181000;}*/
.redBackArea { background: #B60016;}
.blackLine{ /*background: linear-gradient(270deg, rgba(182,0,22,0) 0, rgba(182,0,22,0) 40px, rgba(0,0,0,1) 40px, rgba(0,0,0,1) 88px, rgba(182,0,22,0) 88px, rgba(182,0,22,0) 136px, rgba(0,0,0,1) 136px, rgba(0,0,0,1) 184px, rgba(182,0,22,0) 184px, rgba(182,0,22,0) 232px, rgba(0,0,0,1) 232px, rgba(0,0,0,1) 280px, rgba(182,0,22,0) 280px, rgba(182,0,22,0) 100%);*/ padding: 85px 40px;}
.blackBackArea { background: #000;}
.blackBackArea .inner { padding: 75px 40px;}
/*.ad { background: #fff; padding: 75px 0;}*/
.ad .inner { padding: 75px 0;}
.ad + .ad { border-top: solid 1px #181000;}
.ad a { display: block; width: 900px; margin: 0 auto;}
.ad .noLink { display: block; width: 900px; margin: 0 auto;}
a.ad2ColumnItem { width: 320px; height: 320px; margin: 0 5%;}
.add2item { display: flex; flex-wrap: wrap; gap: 20px 0;}
/*.whiteLine { padding: 20px; background: #fff;}*/
.ad img { box-shadow: 0 0 15px #8f8f8f; border: solid 3px #fff;}
@media only screen and (max-width:800px){
  .blackLine{ /*background: linear-gradient(270deg, rgba(182,0,22,0) 0, rgba(182,0,22,0) 4%, rgba(0,0,0,1) 4%, rgba(0,0,0,1) 9%, rgba(182,0,22,0) 9%, rgba(182,0,22,0) 14%, rgba(0,0,0,1) 14%, rgba(0,0,0,1) 19%, rgba(182,0,22,0) 19%, rgba(182,0,22,0) 24%, rgba(0,0,0,1) 24%, rgba(0,0,0,1) 29%, rgba(182,0,22,0) 29%, rgba(182,0,22,0) 100%);*/ padding: 40px 5%;}
  .blackBackArea .inner { padding: 40px 5%;}
  /*.whiteLine { gap: 20px 0; padding: 5%;}*/
  .ad .inner { padding: 30px 0;}
  .ad .flex { display: block;}
  .ad a { width: 90%;}
  a.ad2ColumnItem { display: block; width: 90%; height: auto;}
  a.ad2ColumnItem + a.ad2ColumnItem { margin-top: 20px;}
  .ad .noLink { width: 90%; }
  .ad img { border: solid 2px #fff;}
}

/*ファーストビュー*/
.firstViewArea .blackLine { padding: 0;}
.topBack { background-image: url(images/topback.jpg); background-repeat: no-repeat; background-size: cover; background-position: top left; position: relative; overflow: hidden;}
.topLetter { position: absolute; width: 75%; max-width: 1160px;}
.matchday { top: 0; left: 0; z-index: 0;}
.program { bottom: 0; right: 0; z-index: 2; text-align: right;}
.topLetter img { height: 100%; width: auto;}
.firstViewCont { position: relative;}
.seasonTitle01 { position: absolute; top: 230px; left: 40px; z-index: 2;}
.seasonTitle02 { position: absolute; top: 242px; left: 365px; z-index: 2;}
.gameNumber { position: absolute; top: 242px; left: 270px; z-index: 2;}
.matchTitle { position: absolute; top: 350px; left: 40px; z-index: 2;}
.matchCard { position: absolute; left: 4vw; width: 16vw; min-width: 220px; height: 185px; top: 810px; z-index: 2;}
.matchCard img { width: 100%; height: 100%; object-fit: contain;}
.topPlayer { position: relative; bottom: 0; z-index: 1; text-align: right;}
.thanksMatch { position: absolute; right: 130px; top: 40px; z-index: 2;}
.matchFes { position: absolute; top: 349px; left: 500px; z-index: 2;}
.matchEvent { position: absolute; top: 349px; left: 500px; z-index: 2;}

.linkBanner { display: block; width: 100%; max-width: 800px; margin: 0 auto; padding: 20px; text-align: center; border-top: solid 1px #181000; background-color: #fff;}

/*左に選手、右にテキスト時*/
.reverse .seasonTitle01 { left: 450px;}
.reverse .seasonTitle02 { left: 790px;}
.reverse .gameNumber { left: 680px;}
.reverse .matchTitle { left: 505px;}
.reverse .matchCard { left: 5vw; width: 16vw; min-width: 220px; height: 185px; top: 810px;}
.reverse .matchCard img { width: 100%; height: 100%; object-fit: contain;}
.reverse .topPlayer { text-align: left;}
.reverse .matchFes { left: 970px; top: 290px;}
.reverse .matchEvent { left: 605px; top: 645px;}

@media only screen and (max-width:1000px){
  .program { width: 70%;}
}
@media only screen and (max-width:800px){
  .matchday { width: auto; height: 40px; top: 1px; left: 2px;}
  .program { width: auto; height: 45px; right: 2px;}
  .topLetter img { width: auto; height: 100%;}
  .seasonTitle01 { top: 55px; left: 5%; width: 35%;}
  .seasonTitle01 img { width: 100%; height: auto;}
  .seasonTitle02 { top: 89px; left: 5%; width: 24%;}
  .seasonTitle02 img { width: 100%; height: auto;}
  .gameNumber { top: 55px; left: 43%; width: 10%;}
  .gameNumber img { width: 100%; height: auto;}
  .matchTitle { width: 54%; left: 5%; top: 28%;}
  .matchTitle img { width: 100%; height: auto;}
  .matchCard { width: 42%; min-width: auto; height: auto; top: 62%; left: 10%;}
  .matchCard img { width: 100%; height: auto;}
  .topPlayer { width: 100%; padding-top: 70px; right: -50px;}
  .topPlayer img { width: 66%; height: auto;}
  .thanksMatch { width: 47%; right: 22px; top: auto; bottom: 5%; left: 8%;}
  .thanksMatch img { width: 100%; height: auto;}
  .matchFes { width: 31%; top: 58%; left: 15%;}
  .matchFes img { width: 100%; height: auto;}
  .matchEvent { width: 31%; top: 58%; left: 15%;}
  .matchEvent img { width: 100%; height: auto;}

  /*左に選手、右にテキスト時*/
  .reverse .seasonTitle01 { left: 5%;}
  .reverse .seasonTitle02 { left: 57%; top: 55px;}
  .reverse .gameNumber { left: 43%}
  .reverse .matchTitle { width: 50%; left: 42%; top: 23%;}
  .reverse .matchCard { left: 58%; width: 33%; top: 68%; min-width: auto; height: auto;}
  .reverse .topPlayer { text-align: left; right: 20px; padding-top: 50px;}
  .reverse .matchFes { left: 5%; width: 22%; top: 80%;}
  .reverse .matchEvent { left: 57%; width: 35%; top: 58%;}
}
@media only screen and (min-width:1700px){
  /*.matchCard { left: 10%;}*/
}

/*タイムスケジュール*/
.timeScheduleTable { width: 100%; max-width: 700px; margin: 0 auto; border-collapse: collapse;}
.timeScheduleTable th { background: #C3001A; color: #fff; font-weight: 700; font-size: 1.4rem; border: solid 4px #000;}
.timeScheduleTable td { background: #fff; color: #000; font-weight: 700; font-size: 1.4rem; border: solid 4px #000;}
.timeScheduleImg { width: 80%; margin: 0 auto;}
.timeScheduleImg img { width: 100%; height: auto;}

@media only screen and (max-width:800px){
  .timeScheduleTable { display: block;}
  .timeScheduleTable th { display: block; width: 100%; border: none;}
  .timeScheduleTable td { display: block; width: 100%; border: none; margin: 10px 0;}
  .timeScheduleImg { width: 100%;}
}

/*スタジアムガイド*/
#stadium-guide .inner { padding: 75px 0;}
.stadiumTitle { padding: 60px 0;}
.iframeArea { width: 900px; height: 900px; margin: 0 auto;}
.iframeArea iframe { width: 100%; height: 100%; }
@media only screen and (max-width:800px){
  #stadium-guide .inner { padding: 20px 0 60px;}
  .stadiumTitle { padding: 40px 0;}
  .iframeArea { width: 90%; height: auto; aspect-ratio: 9 / 16; margin: 0 auto; position: relative;}
}

/*マッチプレビュー*/
.machdayImg { width: 680px; margin-bottom: 75px;}
.machdayTitle { width: 40%; width: 42%; color: #fff;}
.machdayText { width: 57%; width: 55%;}
@media only screen and (max-width:800px){
  .machdayImg { width: 100%; margin-bottom: 40px;}
  .machdayTitle { width: 100%; margin-bottom: 20px;}
  .machdayText { width: 100%;}
}

/*Pick up Player*/
#player .inner { position: relative;}
.playerTextArea { padding: 80px 80px 0;}
.playerInfo { gap: 2em; margin: 20px 0;}
.playerInfoRight { justify-content: flex-end; }
.position { width: auto; height: 38px; margin-top: 10px; margin-left: 25px;}
.position img { width: auto; height: 100%;}
.playerInfoRight .position { order: 2;}
.playerName { font-size: 7.5rem; color: #fff; line-height: 1.2;}
.playerNameRight { text-align: right;}
.spec { font-size: 1.6rem; line-height: 1.5;}
.playerInfoRight .spec { order: 1;}
.playerImg { position: absolute; right: 0%; bottom: 0px; width: 58%; max-height: 90%; overflow: hidden;}
.playerNameEn { text-align: right; position: absolute; bottom: 0; right: 30px; font-size: 10rem;line-height: 1; text-shadow: 0 0 10px #000;}

/*写真左　テキスト右*/
.reverse .pickupTitle { width: 60%; margin-left: auto; padding-left: 81px;}
.reverse .playerTextArea { width: 60%; margin-left: auto; padding-right: 50px;}
.reverse .playerImg { right: auto; left: 0%;}
.reverse .playerNameEn { right: auto; left: 30px; text-align: left;}

@media only screen and (max-width:800px){
  .playerImg { width: 40%;}
}
@media only screen and (max-width:800px){
  .playerTextArea { padding: 20px 0;}
  .playerInfo { display: block; width: 45%; margin-left: 5%;}
  .playerInfoRight { text-align: right; margin: auto;}
  .position { height: 28px;}
  .spec { margin-top: 20px;}
  .playerName { font-size: 3.0rem; font-size: 2.8rem; margin: 10px 0; line-height: 1.2; width: 45%; margin-left: 5%;}
  .playerText { width: 100%; margin-top: 55px;}
  .playerImg { bottom: auto; top: 30px; right: 0%; width: 60%; height: 250px; overflow: hidden;}
  .playerImg img { width: 100%; height: 100%; object-fit: cover; object-position: top;}
  .playerNameEn { font-size: 3.0rem; bottom: auto; top: 215px; right: 10px; text-shadow: 0 0 5px #000;}

  .reverse .pickupTitle { width: 100%; margin-left: auto; padding-left: 0;}
  .reverse .playerTextArea { width: 100%; padding-right: 0px;}
  .reverse .playerTextArea .playerName { width: 48%; margin-left: auto;}
  .reverse .playerTextArea .playerInfo { width: 48%; margin-left: auto;}
  .reverse .playerImg { height: 200px; width: 49%; top: 75px; left: 0;}
  .reverse .playerNameEn {}
}

/*イベント*/
.eventItem { max-width: 900px; margin: 0 auto; }
.eventItem + .eventItem { margin-top: 80px; }
.eventDate { font-size: 1.2rem; font-weight: bold; text-align: right;}
.eventImg { margin: 10px 0 -10px;}
.eventTitle { font-size: 1.8rem; font-weight: bold; margin-bottom: 10px;}
.eventBtn { width: 50%; max-width: 300px; margin: 0 auto; text-align: center; margin-top: 14px;}
.eventBtn a { display: block; color: #D5000D; padding: 5px; border: solid 2px #D5000D; font-weight: bold;}
/*.eventBtn a:hover { background: #000; color: #fff; border-color: #000; opacity: 1;}*/
@media only screen and (max-width:800px){
  .eventText { word-wrap: break-word;}
}

/*パートナー*/
#partners .partnerItem a { display: block; width: 100%; height: 100%;}
#partners .partnerItem img { width: 100%; height: 100%; object-fit: contain; vertical-align: baseline;}
.partnerBox { /*max-width: 860px;*/ max-width: 1055px; margin: 0 auto;}
.partnerBox + .partnerBox { margin-top: 60px;}
.headlinePartner { color: #fff; font-family: "Oswald", serif; font-size: 2.8rem; text-align: center; margin-bottom: 10px;}
.headlinePartner span { font-family: "Roboto", serif;}
.officialTop { gap: 10px;}
.officialTop .partnerItem { width: calc( (100% - (10px * 4)) / 5); background: #fff;}
/*.officialTop .partnerItem01 { width: 202px; height: 67px; text-align: center; background: #fff;}
.officialTop .partnerItem02 { max-width: 200px; height: 73px; text-align: center; background: #fff;}
.officialTop .partnerItem03 { max-width: 215px; height: 60px; text-align: center; background: #fff;}*/
.official { gap: 5px; }
.official .partnerItem { width: calc( (100% - (5px * 6)) / 7); background: #fff;}
/*.official .partnerItem01 { height: 43px;}
.official .partnerItem02 { height: 53px;}*/
.club { gap: 8px;}
.club .partnerItem { width: calc( (100% - (8px * 8)) / 9); max-width: 110px; max-height: 22px; /*background: #fff;*/}
/*.club01 { gap: 20px; margin-top: 10px;}
.club01 .partnerItem { width: auto; max-width: 160px; height: 29px;}
.club02 { gap: 15px; margin-top: 10px;}
.club02 .partnerItem {  width: auto; height: 25px;}
.club03 { gap: 8px; margin-top: 20px;}
.club03 .partnerItem { width: 110px; height: 22px;}*/
.supply { gap: 8px;}
.supply .partnerItem { width: calc( (100% - (8px * 8)) / 9); background: #fff;}
/*.asiaPromotion { gap: 1em;}
.asiaPromotion .partnerItem { width: 115px; height: 22px; text-align: center;}
.asiaPromotion .partnerItem a { font-size: 1.2rem;}*/
.project { gap: 1em;}
.project p { font-size: 1.2rem;}
.project a { font-size: 1.2rem;}

@media only screen and (max-width:800px){
  .headlinePartner { font-size: 2.0rem; margin-bottom: 10px;}
  .officialTop { width: 80%; gap: 20px; margin: 0 auto;}
  .officialTop .partnerItem { width: 100%; background: #fff;}
  .official { gap: 20px; }
  .official .partnerItem { width: calc( (100% - (20px * 1)) / 2); background: #fff;}
  .club { gap: 10px;}
  .club .partnerItem { width: calc( (100% - (10px * 2)) / 3); /*background: #fff;*/ max-width: none; max-height: none;}
  .supply { gap: 10px;}
  .supply .partnerItem { width: calc( (100% - (10px * 2)) / 3); background: #fff;}

}

.taikoban { width: 285px; position: absolute; right: 20px; top: 100px; background: #fff; padding: 20px; border-radius: 20px;}
@media only screen and (max-width:800px){
  .taikoban { position: static; width: 90%; max-width: 255px; margin: 20px auto;}
}

.FridayNightMatch-area { margin-top: 1rem; justify-content: flex-start; }
.fridayNightEmblem { width: 70px; height: auto; margin-right: 1rem; }
@media only screen and (max-width:800px){
.fridayNightEmblem { width: 30%; height: auto; margin-right: 1rem; }
.FridayNightMatch-area div { width: 50%; }
.FridayNightMatch-area div p { width: 100%; }
}