@charset "utf-8";
/* CSS Document */

/********************************************************************************************************

 TOP

********************************************************************************************************/
#top .mainView {
 padding: 40px 3% 7px;
 margin-bottom: 2em;
 position: relative;
}
#top .mainViewInner {
 max-width: 1480px;
 margin: 0 auto;
}
@media screen and (min-width: 768px) {
 #top .mainView {
  padding: 30px 0 15px;
  margin-bottom: 4em;
  position: relative;
 }
}
#top .notice {
 width: 94%;
 margin:0 auto 2em;
 padding: 1em;
 line-height: 1.8em;
 border: 1px solid #FFF;
 background: rgba(0,0,0,0.8);
 box-sizing: border-box;
 font-size: 115%;
}
@media screen and (min-width: 768px) {
 #top .notice { 
  width: 80%;
  margin-bottom: 3em;
 }
}
@media screen and (min-width: 1300px) {
 #top .notice { width: 50%;}
}
#top .notice.emergency{
 background: rgba(98,0,0,0.8);
}
#top .notice h2{
 margin-bottom: 1em;
 text-align: center;
}
#top .gameLinenup {
 width: 94%;
 margin: 0 auto 2em;
 padding: 2em 0;
 border-bottom: 2px dotted #FFF;
}
@media screen and (max-width: 767px) {
 #top .gameLinenup {
  background: none;
 }
}
@media screen and (min-width: 768px) {
 #top .gameLinenup {
  width: auto;
  margin: 4em 0;
  padding: 4em 0;
  border-bottom:none;
 }
}
@media screen and (min-width: 1300px) {
 #top .gameLinenup {
  margin: 4em 0;
  padding: 4em 3%;
 }
}
#top .gameListWrap{
 max-width: 900px;
 margin-bottom: 3em;
}
#top .gameListWrap h2 {
 width: 50%;
 margin: 0 auto 2em;
}
@media screen and (min-width: 768px) {
 #top .gameListWrap h2 {
  width: 25%;
 }
}
#top .gameListWrap .gameListBtn {
 max-width: 700px;
 display: flex;
 display: -webkit-flex;
 flex-wrap:nowrap;
  -webkit-flex-wrap:nowrap;
 justify-content: center;
 -webkit-box-pack:center;
 -webkit-justify-content:center;
 position: relative;
 margin: 0 auto 1em;
}
#top .gameListWrap .gameListBtn li {
 width: 25%;
 max-width: 90px;
}
#top .gameListWrap .gameListBtn li:nth-child(2) { transition-delay:0.2s;}
#top .gameListWrap .gameListBtn li:nth-child(3) { transition-delay:0.4s;}
#top .gameListWrap .gameListBtn li:nth-child(4) { transition-delay:0.6s;}
#top .gameListWrap .gameListBtn li:nth-child(5) { transition-delay:0.8s;}
@media screen and (min-width: 768px) {
 #top .gameListWrap .gameListBtn li {
  margin-left: 3%;
  margin-right: 3%;
 }
}
#top .gameListPic {
 width: 100%;
 max-width: 1600px;
 margin: 0 auto 3em;
 display: flex;
 display: -webkit-flex;
 flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
 justify-content: center;
 -webkit-box-pack:center;
 -webkit-justify-content:center;
 position: relative;
}
#top .gameListPic .gameItem{
 width: 100%;
 margin: 0 auto 3em;
}
@media screen and (min-width: 768px) {
 #top .gameListPic .gameItem {
  width: 48%;
  margin: 0 1% 3em;
 }
}
@media screen and (min-width: 1600px) {
 #top .gameListPic .gameItem { 
  width: 23%;
  margin: 0 1% 3em;
 }
}
@media screen and (min-width: 1400px) {
 #top .gameListPic .gameItem { 
  width: 23%;
  margin: 0 1% 3em;
 }
}
#top .gameListPic .gameItem .titleBar{
 max-width: 96%;
 margin-left: 2%;
 display: table;
 border: 1px solid #FFF;
 box-sizing: border-box;
 line-height: 1.3em;
}
#top .gameListPic .gameItem .titleBar >p{
 display: table-cell;
 vertical-align: middle;
 background: #262626;
 padding: 0em 0.5em;
 font-size: 85%;
}
#top .gameListPic .gameItem .titleBar p.name {
 background: #a82626;
}
#top .gameListPic .thumbnail {
 width: 96%;
 margin: 0 auto;
 position: relative;
}
#top .gameListPic .thumbnail .status{
 display: inline-block;
 padding: 0.2em 2em;
 text-align: center;
 min-width: 5em;
 background: rgba(139,3,3,0.7);
 position: absolute;
 right: 0;
 bottom: 0;
 z-index: 2;
 font-size: 85%;
}
#top .gameListPic .thumbnail .status.schedule{
 background: rgba(0,0,0,0.7);
}
#top .gameListPic .gameData {
 padding: 0.5em 1%;
 border: 1px solid #FFF;
 background: rgba(0,0,0,0.8);
}
#top .gameListPic .gameData h3{
 padding: 0 1em 0.5em;
 font-size: 115%;
 font-weight: bold;
 border-bottom: 1px solid #818982;
}
#top .gameListPic .gameData .gameDetail {
 padding: 0.5em 1em 0;
}
#top .gameListPic .gameData .gameDetail li{
 margin-bottom: 0.5em;
}
#top .gameListPic .gameData .gameDetail .entry_status {
 width: 8em;
 padding: 0.8em 0.5em;
 text-align: center;
 border: 1px solid #FFF;
}
#top .gameListPic .gameData .gameDetail .entry_status.before {
 background: #06484a;
 box-shadow: none;
}
#top .gameListPic .gameData .gameDetail .entry_status.entry {
 background: #4eff00;
 box-shadow: 
  0 0 15px rgba(252,255,29,0.5),
  0 0 15px rgba(252,255,29,0.5);
}
#top .gameListPic .gameData .gameDetail .entry_status.accept {
 background: #00f6ff;
 box-shadow: 
  0 0 15px rgba(252,255,29,0.5),
  0 0 15px rgba(252,255,29,0.5);
}

#top .banArea {
 margin-bottom: 4em;
}
@media screen and (min-width: 768px) {
 #top .banArea {
  margin-bottom: 8em;
 }
}
#top .banArea ul li {
 width: 94%;
 margin: 0 auto 1em;
}
@media screen and (min-width: 768px) {
 #top .banArea ul{
  display: flex;
  display: -webkit-flex;
  flex-wrap:nowrap;
  -webkit-flex-wrap:nowrap;
  justify-content: center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
 }
 #top .banArea ul li {
  width: 30%;
  margin: 0 1%;
 }
}
#top .newsWrap {
 margin-bottom: 4em;
}
@media screen and (min-width: 768px) {
 #top .newsWrap {
  display: -webkit-flex;
  display: flex;
  flex-wrap:wrap;
 -webkit-flex-wrap:wrap;
  align-items:stretch;
 -webkit-box-align:stretch;
 -webkit-align-items:stretch;
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse; 
  -webkit-box-direction:reverse;
  margin-bottom: 8em;
 }
 #top .newsWrap .newsArea{
  width: 50%;
 }
}

#top .newsArea h3{
 padding: 0.5em 0;
 margin-bottom: 10px;
 font-size: 115%;
 font-weight: bold;
 text-align: center;
 line-height: 2em;
 background: #000;
 border: 1px solid #FFF;
 position: relative;
}
#top .newsArea h3:after {
 content: "";
 display: block;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 10px 10px 0 10px;
 border-color: #ffffff transparent transparent transparent;
 position: absolute;
 bottom: -10px;
 left: 50%;
 margin-left: -10px;
}
#top .newsArea .newsInner{
 padding: 1.5em 1em;
 background: #000;
 border: 1px solid #FFF;
}
#top .newsArea .newsInner ul li{
 border-bottom: 1px solid #555;
 padding-bottom: 0.5em;
 margin-bottom: 1em;
}
#top .newsArea .newsInner ul li .date {
 font-size: 90%;
}

#top .twitterArea {
 box-sizing: border-box;
 margin-bottom: 2em
}
@media screen and (min-width: 768px) {
 #top .twitterArea {
  width: 47%;
  margin-left: 3%;
 }
}

/********************************************************************************************************

 GAME

********************************************************************************************************/
#game .mainView {
 padding: 20px 0 15px;
 margin-bottom: 2em;
 position: relative;
}
#game #mainBtn {
 width: 30%;
 max-width: 232px;
 position: absolute;
 top:auto;
 top:65%;
 right: 0;
 z-index: 10;
 -webkit-transition: 2s ease-out;
 transition: 2s ease-out;
 animation: vertical 2s ease-in-out infinite alternate;
}
@keyframes vertical {
  0% { transform:translateY(-10px); }
  100% { transform:translateY(  0px); }
}
@media screen and (min-width: 768px) {
 #game .mainView {
  padding: 30px 0 30px;
  margin-bottom: 4em;
 }
 #game .mainView .inner{
  max-width: 980px;
 }
 #game #mainBtn {
  width: 15%;
 }
}
#game .summary {
 display: -webkit-flex;
 display: flex;
 flex-wrap:wrap;
 -webkit-flex-wrap:wrap;
 justify-content: center;
 -webkit-box-pack:center;
 -webkit-justify-content:center;
 padding: 0 2%;
 max-width: 1300px;
 margin: 0 auto;
}
#game .summary > * {
 width: 40%;
 padding: 0 2%;
}
@media screen and (max-width: 767px) {
 #game .summary {
  display: block;
  padding: 0;
 }
 #game .summary > * {
  width: 94%;
  padding: 0 3%;
 }
}
#game .game_status h2.tit{
 width: 100%;
 margin-bottom: 1em;
}
#game .game_status > .bg_black{
 margin-bottom: 3em;
 padding: 0 3% 1.5em;
 box-sizing: border-box;
}
#game .game_status .is_entry {
 margin-bottom: 1em;
}
#game .game_status .gameResultBox {
 padding: 0 1% 1em;
 margin: 2em auto 1em;
 border: 1px solid #FFF;
 background: rgba(163,1,1,0.8);
}
@media screen and (min-width: 768px) {
 #game .game_status .gameResultBox { border-width: 2px;}
}
#game .game_status .gameResultBox h3{
 padding: 1em 0;
 text-align: center;
}
#game .game_status .gameResultBox .scoreWrap{
 padding: 1.5em 3% 1.5em;
}
#game .game_status .gameResultBox .perfect{
 width: 80%;
 margin: 0 auto;
 position: relative;
 padding-top: 20%;
}
#game .game_status .gameResultBox .perfect img{
 display: block;
 position: absolute;
 top:-35%;
}
#game .game_status .gameResultBox .record{
 text-align: center;
 margin-bottom: 1em;
}
#game .game_status .gameResultBox .record .num{
 font-family: 'Play', sans-serif;
 font-size: 260%;
 font-weight: bold;
}
#game .game_status .gameResultBox .record em{
 font-size: 85%;
}
#game .game_status .gameResultBox .scoreBoard{
 display: -webkit-flex;
 display: flex;
 flex-wrap:wrap;
 -webkit-flex-wrap:wrap;
  align-content:stretch;
 -webkit-box-align:stretch;
 -webkit-align-items:stretch;
 margin:0 auto 1em;
 border-left: 1px solid #FFF;
}
#game .game_status .gameResultBox .scoreBoard dl{
 display: -webkit-flex;
 display: flex;
 flex-direction: column;
 border: 1px solid #FFF;
 border-left: none;
 background: #000;
 min-width: 26px;
}
#game .game_status .gameResultBox .scoreBoard dt{
 padding: 0.5em 0.5em;
 text-align: center;
 border-bottom: 1px solid #FFF;
}
#game .game_status .gameResultBox .scoreBoard dd{
 padding: 0.5em 0.5em;
 text-align: center;
}
#game .game_status .gameResultBox .rate{
 padding: 1em;
 background: rgba(0,0,0,0.7);
 font-size: 115%;
}
#game .game_status .gameResultBox .rate dl{
 display: -webkit-flex;
 display: flex;
 flex-wrap:wrap;
 -webkit-flex-wrap:wrap;
  align-content:stretch;
 -webkit-box-align:stretch;
 -webkit-align-items:stretch;
}
#game .game_status .gameResultBox .rate dt{
 width: 10em;
 margin-bottom: 0.5em;
}
#game .game_status .gameResultBox .rate dd{
 margin-bottom: 0.5em;
}

#game .game_status .entryStatus {
 padding-top: 0.5em;
}
#game .game_status .announce{
 margin: 1em auto 1em;
 padding: 1em;
 background: rgba(255,102,0,0.8);
 color: #FFF;
 border: 1px solid #FFF;
 text-align: center;
}
#game .game_status .announce .mi{
 margin-bottom: 0.5em;
}
#game .game_status .announce .date{
 font-size: 125%;
 letter-spacing: 2px;
}
@media screen and (min-width: 768px) {
 #game .game_status .announce { border-width: 2px;}
}
#game .game_status .deadline{
 margin: 1em auto 1em;
 padding: 1em;
 background: rgba(163,1,1,0.8);
 color: #FFF;
 border: 1px solid #FFF;
 text-align: center;
}
#game .game_status .deadline > *{
 display: inline-block;
 vertical-align: middle;
}
#game .game_status .deadline .time{
 font-size: 200%;
 letter-spacing: 2px;
}
@media screen and (min-width: 768px) {
 #game .game_status .deadline { border-width: 2px;}
}
#game .game_status .entryInfo {
 width: 94%;
 margin: 0 auto 2em;
}
#game .game_status .entryInfo li{
 padding: 0.8em 1em;
 border-bottom: 1px solid #745555;
 display: flex;
 display: -webkit-flex;
 flex-wrap:nowrap;
  -webkit-flex-wrap:nowrap;
 align-items:center;
  -webkit-box-align:center;
  -webkit-align-items:center; 
}
#game .game_status .entryInfo li .icon {
 display: inline-block;
 margin-right: 0.5em;
}
#game .game_status .entryInfo li .num {
 font-size: 130%;
}
#game .broadcasting {
 
}
@media screen and (max-width: 767px) {
 #game .broadcasting {
  margin-bottm:3em;
 }
}
#game .broadcasting h3.mi{
 display: inline-block;
 margin-left: 3%;
}

#game #goforit {
 padding: 4em 0;
 background: url(../images/game/bg_goforit.png) no-repeat center center;
 background-size: 100% auto;
}
#game #goforit .logo{
 width: 20%;
 margin: 0 auto;
}
#game #goforit .ban{
 margin: 0 auto 2em;
 animation-delay: 0.1s;
}
#game #goforit .finished{
 width: 80%;
 margin: 1em auto;
 padding: 0.8em;
 background: #8e0301;
 color: #FFF;
 border: 1px solid #FFF;
 text-align: center;
 box-sizing: border-box;
}
@media screen and (min-width: 768px) {
 #game #goforit {
  background-image: none;
 }
 #game #goforit .logo{
  max-width: 75px;
 }
 #game #goforit .ban{
  max-width: 325px;
 }
 #game #goforit .finished {
  width: 60%;
  border-width: 2px;
 }
}

#game .matchWrap {
 margin-bottom: 5em;
}
#game .matchWrap .matchBox {
 padding: 1.5%;
 margin-bottom: 2em;
 position: relative;
}
#game .matchWrap .matchBox .matchTit {
 margin-bottom: 1em;
}
#game .matchWrap .matchBox .matchTit dt{
 display: inline-block;
 padding: 0 1em;
 line-height: 1.8em;
 color: #000;
 background: #FFF;
 font-size: 90%;
 font-weight: 900;
 position: relative;
 letter-spacing: 2px;
}
#game .matchWrap .matchBox .matchTit dt:after{
 content:"";
 display: block;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 20px 0 0 10px;
 border-color: transparent transparent transparent #FFF;
 position: absolute;
 right: -10px;
 top: 0;
}
#game .matchWrap .matchBox .matchTit .scoreTable {
 display: flex;
 display: -webkit-flex;
 flex-wrap:nowrap;
 -webkit-flex-wrap:nowrap;
 justify-content:space-between;
 -webkit-box-pack:justify;
 -webkit-justify-content:space-between;
 max-width: 600px;
 margin: 1em auto 0;
}
#game .matchWrap .matchBox .matchTit .scoreTable table{
 width: 48%;
 background: #000;
 max-width: 300px;
}
#game .matchWrap .matchBox .matchTit .scoreTable td{
 width: 40%;
 text-align: right;
}
@media screen and (max-width: 767px) {
 #game .matchWrap .matchBox .matchTit .scoreTable td{
  width: 30%;
 }
}
@media screen and (min-width: 768px) {
 #game .matchWrap .matchBox .matchTit {
  width: 90%;
  max-width: 700px;
  margin: 0 auto 1em;
 }
 #game .matchWrap .matchBox .matchTit dt:after{
  border-width: 24px 0 0 10px;
 }
}
#game .matchWrap .matchBox .matchTit dd{
 padding: 1em;
 background: #1b1b1b;
 border: 1px solid #FFF;
 box-sizing: border-box;
}
@media screen and (min-width: 768px) {
 #game .matchWrap .matchBox .matchTit dd { border-width: 2px;}
}
#game .matchWrap .matchBox .matchTit dd h4{
 padding: 0 0 0.5em;
 font-size: 115%;
 line-height: 1.5em;
 border-bottom: 1px dotted #606060;
 margin-bottom: 0.5em;
 font-weight: bold;
}
@media screen and (min-width: 768px) {
 #game .matchWrap .matchBox .matchTit dd h4 { border-width: 2px;}
}
#game .matchWrap .playerWrap {
 padding: 3%;
 display: flex;
 display: -webkit-flex;
 flex-wrap:nowrap;
  -webkit-flex-wrap:nowrap;
 justify-content: center;
 -webkit-box-pack:center;
 -webkit-justify-content:center;
 position: relative;
}
#game .matchWrap .playerWrap .player{
 padding-bottom: 30px;
 max-width: 180px;
 position: relative;
 cursor: pointer;
 width: 35%;
 box-sizing: border-box;
}
#game .matchWrap .playerWrap .player .phWrap{
 position: relative;
 margin-bottom: 0.5em;
}
#game .matchWrap .playerWrap .player .phWrap .ph img{
 display: block;
 margin: 0 auto;
}
@media screen and (min-width: 768px) {
 #game .matchWrap .playerWrap .player{
  width: 180px;
 }
 #game .matchWrap .playerWrap .player .phWrap .ph img{
  width: 160px;
 }
}
#game .matchWrap .playerWrap .player.gray .phWrap .ph img{
 -webkit-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
}
#game .matchWrap .playerWrap .player .phWrap .resultWrap {
 width: 80%;
 padding: 10px 0;
 border: 1px solid #FFF;
 background:rgba(23,23,23,0.9);
 text-align: center;
 position: absolute;
 left: 10%;
 bottom: 10px;
}
#game .matchWrap .playerWrap .player .phWrap .resultWrap .result{
 font-family: 'Roboto Condensed', sans-serif;
 font-size: 116%;
 line-height: 1.3em;
 font-weight: bold;
}
#game .matchWrap .playerWrap .player .phWrap .resultWrap .point{}
#game .matchWrap .playerWrap .player .phWrap .resultWrap.win{ background:rgba(133,1,1,0.9);}
#game .matchWrap .playerWrap .player .nameWrap{
 display: flex;
 display: -webkit-flex;
 flex-wrap:nowrap;
  -webkit-flex-wrap:nowrap;
}
#game .matchWrap .playerWrap .player .nameWrap .name{
 width: 82%;
 font-size: 108%;
 line-height: 1.2em;
}
#game .matchWrap .playerWrap .player .nameWrap .chart{
 width: 15%;
}
#game .matchWrap .playerWrap .player .team{
 font-size: 80%;
}
#game .matchWrap .playerWrap .player .progressWrap {
 width: 100%;
 position: absolute;
 bottom: 0;
}
#game .matchWrap .playerWrap .player .progressWrap .percent{
 font-size: 75%;
 color: #ff3a3a;
}
#game .matchWrap .playerWrap .player .progressWrap .progress{
 width: 100% !important;
 height: 8px !important;
 background-color: #FFF !important;
 border-radius: 0 !important;
 position: relative;
}
#game .matchWrap .playerWrap .player .progress .progress-bar{
 height: 8px !important;
 background-color: #e71a21;
 -webkit-transition: width 3s ease;
 transition: width 5s ease;
 position: absolute;
 left: 0;
 overflow: hidden;
 line-height: 20px;
}
#game .matchWrap .playerWrap .player .progress .progress-bar{
 width: 0;
}
#game .matchWrap .playerWrap .vs{
 width: 30%;
 max-width: 290px;
 padding: 0 2%;
 text-align: center;
 box-sizing: border-box;
 position: relative;
}
@media screen and (min-width: 768px) {
 #game .matchWrap .playerWrap .vs{
  width: 20%;
 }
}
#game .matchWrap .playerWrap .vs p{
 width: 70%;
 max-width: 100px;
 position: absolute;
 top:50%;
 left: 50%;
 transform: translate(-50%,-50%);
}
#game .matchWrap .playerWrap .player .go{
 position: absolute;
 top:45%;
 z-index: 2;
 opacity: 0;
}
#game .matchWrap .playerWrap .player.selected .go{
 opacity: 1;
}
#game .matchWrap .playerWrap .hit{
 width: 38%;
 max-width: 170px;
 position: absolute;
 top:10%;
 left: 50%;
 transform: translateX(-50%);
 z-index: 2;
}
#game .btnWrap {
 margin-bottom: 5em;
}
#game .twitterArea {
 margin-bottom: 3em;
}
#game .twitterArea .tw {
 max-width: 560px;
 margin: 0 auto;
}

/********************************************************************************************************

 plyer_stats

********************************************************************************************************/
#plyer_stats .playerInfo {
 margin-bottom: 2em;
 position: relative;
}
@media screen and (min-width: 768px) {
 #plyer_stats .playerInfo {
  margin-bottom: 4em;
  position: relative;
 }
}
#plyer_stats .playerInfo h2.tit {
 margin: 0 auto 1em;
}
@media screen and (min-width: 768px) {
 #plyer_stats .playerInfo h2.tit {
  width: 80%;
  margin-bottom: 3em;
 }
}
@media screen and (min-width: 768px) {
 #plyer_stats .playerInfo .playerInfoInner{
  display: flex;
  display: -webkit-flex;
  flex-wrap:nowrap;
  -webkit-flex-wrap:nowrap;
  justify-content: center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
 }
}
#plyer_stats .playerInfo .playerInfoInner .player{
 margin-bottom: 2em;
 padding: 5% 3%;
 box-sizing: border-box;
 display: flex;
 display: -webkit-flex;
 flex-wrap:nowrap;
  -webkit-flex-wrap:nowrap;
 justify-content:space-between;
 -webkit-box-pack:justify;
 -webkit-justify-content:space-between;
}
@media screen and (min-width: 768px) {
 #plyer_stats .playerInfo .playerInfoInner .player{
  width: 50%;
  margin-bottom: 0;
 }
}
#plyer_stats .playerInfo .playerInfoInner .player .playerPh{
 width: 45%;
 max-width: 180px;
}
#plyer_stats .playerInfo .playerInfoInner .player .playerDetail{
 width: 47%;
}
#plyer_stats .playerInfo .playerInfoInner .player .playerDetail dl {
 margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
 #plyer_stats .playerInfo .playerInfoInner .player .playerPh{
  width: 35%;
  max-width: 150px;
 }
 #plyer_stats .playerInfo .playerInfoInner .player .playerDetail{
  width: 60%;
 }
 #plyer_stats .playerInfo .playerInfoInner .player .playerDetail dl {
  margin-bottom: 2.5em;
 }
}
#plyer_stats .playerInfo .playerInfoInner .player .playerDetail dt{
 font-size: 136%;
 line-height: 1.3em;
 padding-bottom: 0.5em;
 margin-bottom: 0.5em;
 font-weight: bold;
 border-bottom: 1px solid #FFF;
}
#plyer_stats .playerInfo .playerInfoInner .player .playerDetail dd{}
#plyer_stats .playerInfo .playerInfoInner .player .playerDetail .pointWrap{}
#plyer_stats .playerInfo .playerInfoInner .player .playerDetail .pointWrap p{
 margin-bottom: 0.5em;
}
#plyer_stats .playerInfo .playerInfoInner .player .playerDetail .pointWrap h4{
 font-size: 240%;
 text-align: right;
 line-height: 1.4em;
 border-top: 1px solid #FFF;
 border-bottom: 1px solid #FFF;
}
#plyer_stats .playerInfo .playerInfoInner .chartWrap{
 padding: 2em 0 0;
 margin-left: 3%;
 position: relative;
 box-sizing: border-box;
}
@media screen and (min-width: 768px) {
 #plyer_stats .playerInfo .playerInfoInner .chartWrap{
  width: 47%;
 }
}
#plyer_stats .playerInfo .playerInfoInner .chart {
 position: relative;
}
#plyer_stats .playerInfo .playerInfoInner .chartWrap h3.mi {
 display: inline-block;
 font-size: 75%;
 position: absolute;
 top:3%;
 left: 3%;
}
#plyer_stats .playerInfo .playerInfoInner .chartWrap .cartPic{
 width: 60%;
 margin: 0 auto;
}
#plyer_stats .playerInfo .playerInfoInner .chartWrap .cartNum {
 font-size: 80%;
 position: absolute;
 border-top:1px solid #FFF;
}
@media screen and (min-width: 768px) {
 #plyer_stats .playerInfo .playerInfoInner .chartWrap .cartNum {
  font-size: 100%;
 }
}
#plyer_stats .playerInfo .playerInfoInner .chartWrap .cartNum dt {
  margin-top: -1.8em;
}
#plyer_stats .playerInfo .playerInfoInner .chartWrap .cartNum dd {
 font-size: 220%;
 line-height: 1.5em;
}
#plyer_stats .playerInfo .playerInfoInner .chartWrap .cartNum.time{
 top:13%;
 left: 50%;
}
#plyer_stats .playerInfo .playerInfoInner .chartWrap .cartNum.time dt{ padding-left: 5em;}
#plyer_stats .playerInfo .playerInfoInner .chartWrap .cartNum.shoot{
 top:39%;
 left: 73%;
}
#plyer_stats .playerInfo .playerInfoInner .chartWrap .cartNum.shoot dt{ padding-left: 1em;}
#plyer_stats .playerInfo .playerInfoInner .chartWrap .cartNum.assist{
 top:80%;
 left: 64%;
}
#plyer_stats .playerInfo .playerInfoInner .chartWrap .cartNum.assist dt{ padding-left: 1em;}
#plyer_stats .playerInfo .playerInfoInner .chartWrap .cartNum.rebound{
 top:80%;
 right: 64%;
}
#plyer_stats .playerInfo .playerInfoInner .chartWrap .cartNum.rebound dt{ padding-right: 2em;}
#plyer_stats .playerInfo .playerInfoInner .chartWrap .cartNum.threep{
 top:39%;
 right: 73%;
}
#plyer_stats .playerInfo .playerInfoInner .chartWrap .cartNum.threep dt{ padding-right: 1em;}
@media screen and (min-width: 768px) {
 #plyer_stats .gameInfoWrap {
  display: flex;
  display: -webkit-flex;
  flex-wrap:wrap;
   -webkit-flex-wrap:wrap;
  justify-content:space-between;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  margin-bottom: 4em;
 }
 #plyer_stats .gameInfoWrap > * {
  width: 48%;
 }
}
#plyer_stats .gameInfo h2{
  display: block;
  box-sizing: border-box;
  position: relative;
  font-weight: bold;
  font-size: 120%;
  background-color: #000;
  border: 1px solid #fff;
  width: 100%;
  padding:1rem 0.8rem;
}

#plyer_stats .gameInfo h2 .triangle{
  display: block;
  position: absolute;
  bottom:-9px;
  left:0;
  width:12px;
}

#infomation table{
  border:solid 1px #fff;
  width: 100%;
  text-align: center;
 table-layout: fixed;
}
#infomation tr{
  border:solid 1px #fff;
}
#infomation th{
  color:#fff;
  background-color: #000;
}
#infomation th, #infomation td{
  border: solid 1px #fff;
  padding:2px;
}
#infomation td{
  background-color: #444;
}
/* #infomation .first td:nth-child(even){
  background-color: #333;
}
#infomation .first td:nth-child(odd){
  background-color: #777;
}
#infomation .second td:nth-child(even){
  background-color: #333;
}
#infomation .second td:nth-child(odd){
  background-color: #777;
} */


#infomation{}
#infomation.gray{
  background-color:rgba(0,0,0,0.4);
  margin-bottom:20px;
}
#infomation .gameInfo{
  position: relative;
  margin-bottom:2.0rem;
}
#infomation .gameInfo h2{
  display: block;
  box-sizing: border-box;
  position: relative;
  font-weight: bold;
  font-size: 120%;
  background-color: #000;
  border: 1px solid #fff;
  width: 100%;
  padding:1rem 0.8rem;
}

#infomation .gameInfo h2 .triangle{
  display: block;
  position: absolute;
  bottom:-9px;
  left:0;
  width:12px;
}
#infomation .gameInfo p{
  padding-top:1.3rem;
  padding-left:2rem;
  line-height: 15px;
  letter-spacing: 0.15rem;
}
#infomation .gameInfo p img{
  width: 15px;
  height: 15px;
}

#infomation .mission{
  margin-top:2rem;
  border: solid 1px #aaa;
  background-color: #000;
  padding-top:10px;
  width: 100%;
  padding:3%;
  box-sizing: border-box;
}

#infomation .mission h5{
  background-color: red;
  color:#eee;
  font-size:114%;
  text-align: center;
  font-weight: bold;
  padding:0.3rem;
  letter-spacing: 0.25rem;
}
#infomation .mission p{
  letter-spacing: 0.1rem;
  /* font-weight: ; */
  margin:2rem 1rem;
}
/********************************************************************************************************

 club list

********************************************************************************************************/
.tabSwitch {
 display: flex;
 display: -webkit-flex;
 flex-wrap:nowrap;
  -webkit-flex-wrap:nowrap;
 justify-content:space-between;
 -webkit-box-pack:justify;
 -webkit-justify-content:space-between;
 margin-bottom: 3em;
}
.tabSwitch li{
 width: 48%;
}
.tabSwitch li a{
 display: block;
 text-align: center;
 background: #000;
 border: 1px solid #FFF;
 line-height: 2em;
 font-weight: bold;
}
.tabSwitch li a.active{
 color: #000;
 background: #FFF;
 border: 1px solid #000;
}
@media screen and (min-width: 768px) {
 .tabSwitch li a,
 .tabSwitch li a.active{
  font-size: 125%;
  padding: 0.5em 0;
  border-width: 2px;
 }
}
#club_list .clubWrap {
 padding: 2em 3% 1em;
 margin-bottom: 3em;
}
#club_list .clubWrap h3{
 display: inline-block;
 padding: 0.5em 1em;
 border: 1px solid #FFF;
 background: #171717;
}
#club_list .clubWrap .area{
 margin-bottom: 3em;
}
@media screen and (min-width: 768px) {
 #club_list .clubWrap .areaWrap{
  display: flex;
  display: -webkit-flex;
  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  justify-content:space-between;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
 }
 #club_list .clubWrap .areaWrap .area{
  width: 48%;
 }
}
#club_list .clubWrap ul li{
 padding: 1em;
 border-bottom: 1px solid #333;
}
#club_list .clubWrap ul li a{
 display: flex;
 display: -webkit-flex;
 flex-wrap:nowrap;
  -webkit-flex-wrap:nowrap;
 justify-content:space-between;
 -webkit-box-pack:justify;
 -webkit-justify-content:space-between;
 align-items:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
}
#club_list .clubWrap ul li .logo {
 width: 30%;
}
#club_list .clubWrap ul li .clubName {
 width: 65%;
 padding-left: 1em;
 box-sizing: border-box;
}
#club_list .clubWrap ul li .clubName h4{
 font-size: 115%;
}
#club_list .clubWrap ul li .arrow {
 width: 5%;
}

/********************************************************************************************************

 player list

********************************************************************************************************/
#player_list .playerListWrap {
 padding: 1em 3% 1em;
 margin-bottom: 3em;
}
#player_list .playerListWrap .teamInfo .logo{
 width: 40%;
 max-width: 280px;
 margin: 0 auto 1em;
}
#player_list .playerListWrap .teamInfo .teamName{
 text-align: center;
 font-size: 115%;
 background: #171717;
 line-height: 1.4em;
 padding: 0.5em;
 margin-bottom: 2em;
}
#player_list .playerList {
 display: flex;
 display: -webkit-flex;
 flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
 align-items:stretch;
 -webkit-box-align:stretch;
 -webkit-align-items:stretch;
 padding: 0 ;
}
#player_list .playerList li{
 width: 43%;
 margin: 0 3.5% 3em;
}
#player_list .playerList li .ph{
 margin-bottom: 1em;
}
#player_list .playerList li .name{
 font-size: 115%;
 line-height: 1.3em;
}
#player_list .playerList li .data{}
@media screen and (min-width: 767px) {
 #player_list .playerList li{
  width: 24.3%;
  margin: 0 4.5% 3em;
 }
}
@media screen and (min-width: 960px) {
 #player_list .playerList li{
  width: 18%;
  margin: 0 3.5% 3em;
 }
}

/********************************************************************************************************

 game_result

********************************************************************************************************/
#game_result .gameResultList li{
 border: 1px solid #b3b3b3;
 box-sizing: border-box;
 background: rgba(0,0,0,0.8);
 margin-bottom: 1.5em;
}
#game_result .gameResultList li a{
 display: flex;
 display: -webkit-flex;
 flex-wrap:nowrap;
 -webkit-flex-wrap:nowrap;
 justify-content:space-between;
 -webkit-box-pack:justify;
 -webkit-justify-content:space-between;
 align-items:stretch;
  -webkit-box-align:stretch;
  -webkit-align-items:stretch;
}
@media screen and (min-width: 767px) {
 #game_result .gameResultList {
  display: flex;
  display: -webkit-flex;
  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  justify-content:space-between;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  align-items:stretch;
  -webkit-box-align:stretch;
  -webkit-align-items:stretch;
  margin-bottom: 1.5em;
 }
 #game_result .gameResultList li{
  width: 48%;
 }
}
#game_result .gameResultList li .gameName {
 width: 75%;
 padding: 1em 0.5em 1em 1em;
 box-sizing: border-box;
}
#game_result .gameResultList li .gameName > dl {
 background: #212121;
 padding: 0.5em;
 margin-bottom: 1em;
}
#game_result .gameResultList li .date{
 font-size: 90%;
 font-weight: 500;
}
#game_result .gameResultList li dd{
 font-size: 115%;
 font-weight: bold;
}
#game_result .gameResultList li .prize{}
#game_result .gameResultList li .averageBox{
 min-width: 8.5em;
 padding: 1em 1em 1em 0;
 box-sizing: border-box;
 text-align: center;
}
#game_result .gameResultList li .average{
 width: 20%;
 min-width: 7em;
 padding: 5px;
 border: 1px solid #b3b3b3;
 text-align: center;
}
#game_result .gameResultList li .averageBox .mi {
 background: #262626;
 margin-bottom: 0.5em;
}
#game_result .gameResultList li .averageBox span {}
#game_result .gameResultList li .averageBox .num {
 font-size: 250%;
 line-height: 1em;
}
#game_result .gameResultList li .arrow{
 width: 10px;
 background: #FFF;
 position: relative;
}
#game_result .gameResultList li .arrow img{
 display: block;
 position: absolute;
 top:50%;
 margin-top: -10px;
}
/********************************************************************************************************

 prize_mngr

********************************************************************************************************/
#prize_mngr .btnWrap{
 margin-bottom: 3em;
}
#prize_mngr .prizeList {}
#prize_mngr .prizeList > li{
 border: 1px solid #FFF;
 margin-bottom: 1.5em;
 background: rgba(0,0,0,0.8);
}
@media screen and (min-width: 767px) {
 #prize_mngr .prizeList {
  display: flex;
  display: -webkit-flex;
  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  justify-content:space-between;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  align-items:stretch;
  -webkit-box-align:stretch;
  -webkit-align-items:stretch;
 }
 #prize_mngr .prizeList > li{
  width: 48%;
 }
}
#prize_mngr .prizeList li .gameName{
 border-bottom: 1px solid #363636;
 padding: 0.5em 1em;
}
#prize_mngr .prizeList li .gameName h3{
 font-size: 125%;
 line-height: 1.3em;
}
#prize_mngr .prizeList li .prizeInfo{
 padding: 0.5em 1em;
 display: flex;
 display: -webkit-flex;
 flex-wrap:nowrap;
  -webkit-flex-wrap:nowrap;
 justify-content:space-between;
 -webkit-box-pack:justify;
 -webkit-justify-content:space-between;
}
#prize_mngr .prizeList li .prizeInfo .receiveBtn {
 width: 25%;
 min-width: 85px;
 color: #000;
 
 font-size: 115%;
 font-weight: bold;
}
#prize_mngr .prizeList li .prizeInfo .receiveBtn  .icon {
 vertical-align: top;
}
#prize_mngr .prizeList li .prizeInfo .receiveBtn a{
 display: block;
 text-align: center;
 color: #000;
 padding: 0.8em 0;
 border: 1px solid #FFF;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffff00+60,ff6e02+100 */
background: #ffff00; /* Old browsers */
background: -moz-linear-gradient(top, #ffff00 60%, #ff6e02 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffff00 60%,#ff6e02 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffff00 60%,#ff6e02 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#ff6e02',GradientType=0 ); /* IE6-9 */
}
#prize_mngr .prizeList li .prizeInfo .receiveBtn .received{
 text-align: center;
 background: #373737;
 padding: 0.8em 0;
 border: 1px solid #FFF;
}
/********************************************************************************************************

 rating

********************************************************************************************************/
#rating .ratingInner {
 padding: 1em 0;
}
#rating .userName{
 width: 94%;
 max-width: 700px;
 margin: 0 auto 2em;
 padding: 1em 2em 1em 0.5em;
 font-size: 115%;
 position: relative;
 border-bottom: 1px solid #FFF;
 box-sizing: border-box;
}
#rating .userName .pen {
 position: absolute;
 top:50%;
 transform: translateY(-50%);
 right: 0;
}
#rating .ratingInner h2.term {
 padding: 0.5em;
 font-size: 115%;
 box-sizing: border-box;
 border: 2px solid #FFF;
 background: #9f0202;
 text-align: center;
}
#rating .ratingContent {
 padding: 2em 3% 0;
 border-top: none;
 box-sizing: border-box;
}
#rating .ratingContent .marvelous{
 max-width: 600px;
 position: relative;
 margin:0 auto 2em;
}
#rating .ratingContent .marvelous .ban{
 width: 108%;
 margin-left: -4%;
}
#rating .ratingContent .marvelous .dropWrap{
 width: 27%;
 position: absolute;
 right: 0;
 top:50%;
 transform: translateY(-50%);
}
#rating .ratingContent .marvelous .dropWrap .num {
 width: 100%;
 color: #000;
 position: absolute;
 top:40%;
}
#rating .ratingContent .marvelous .dropWrap .num span{
 display: block;
 text-align: center;
 font-size: 8vw;
 line-height: 1em;
}
@media screen and (min-width: 768px) {
 #rating .ratingContent .marvelous .dropWrap .num span{
  font-size: 400%;
 }
}
#rating .ratingContent .totalWrap {
  display: flex;
  display: -webkit-flex;
  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  justify-content:space-between;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  align-items:stretch;
  -webkit-box-align:stretch;
  -webkit-align-items:stretch;
 margin:0 auto 4em;
 max-width: 700px;
}
#rating .ratingContent .totalWrap li {
 width: 48%;
 text-align: center;
 background: rgba(0,0,0,0.7);
}
#rating .ratingContent .totalWrap li .total{
 padding: 0.5em;
 border:1px solid #FFF;
}
#rating .ratingContent .totalWrap li .total{
 padding: 5px;
 border: 1px solid #b3b3b3;
 text-align: center;
}
#rating .ratingContent .totalWrap li .total .mi {
 background: #262626;
 margin-bottom: 0.5em;
}
#rating .ratingContent .totalWrap li .total span {}
#rating .ratingContent .totalWrap li .total .num {
 font-size: 250%;
 line-height: 1em;
}
#rating .ratingContent .historyWrap{
 margin-bottom: 4em;
}
#rating .ratingContent .historyWrap h3.mi{
 display: inline-block;
 background: #046160;
 margin-bottom: 1em;
}
#rating .ratingContent .historyWrap .gameItem{
 width: 90%;
 margin: 0 auto 2em;
 padding-bottom: 0.5em;
 border-bottom: 1px solid #b4b4b4;
}
@media screen and (min-width: 767px) {
 #rating .ratingContent .historyWrap .historyList{
  display: flex;
  display: -webkit-flex;
  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
 }
 #rating .ratingContent .historyWrap .gameItem{
  width: 48%;
  margin: 0 1% 2em;
 }
}
@media screen and (min-width: 960px) {
 #rating .ratingContent .historyWrap .gameItem{
   width: 31%;
   margin: 0 1% 3em;
 }
}
#rating .ratingContent .historyWrap .gameItem .thumbnail{
 margin-bottom: 1em;
}
#rating .ratingContent .historyWrap .gameItem .gameData{
 display: flex;
 display: -webkit-flex;
 flex-wrap:wrap;
 -webkit-flex-wrap:wrap;
 justify-content:space-between;
 -webkit-box-pack:justify;
 -webkit-justify-content:space-between;
 align-items:stretch;
 -webkit-box-align:stretch;
 -webkit-align-items:stretch;
}
#rating .ratingContent .historyWrap .gameItem .gameData ul {
 width: 75%;
}
#rating .ratingContent .historyWrap .gameItem .date{
 font-size: 85%;
}
#rating .ratingContent .historyWrap .gameItem h3{
 margin-bottom: 0.5em;
 font-size: 115%;
}
#rating .ratingContent .historyWrap .gameItem .average .num{
 font-size: 185%;
}
#rating .ratingContent .historyWrap .gameItem .answersWrap{
 width: 23%;
}
#rating .ratingContent .historyWrap .gameItem .answersWrap .answers{
 padding: 5px;
 border: 1px solid #b3b3b3;
 text-align: center;
}
#rating .ratingContent .historyWrap .gameItem .answersWrap .answers .mi {
 background: #262626;
 margin-bottom: 0.5em;
}
#rating .ratingContent .historyWrap .gameItem .answersWrap .answers span {}
#rating .ratingContent .historyWrap .gameItem .answersWrap .answers .num {
 font-size: 250%;
 line-height: 1em;
}
#rating .ratingContent .historyWrap .gameItem .answersWrap .answers .perfect {
 padding: 0.7em 0;
 color: #000;
 font-weight: 900;
 background: #fffc00; /* Old browsers */
 background: -moz-linear-gradient(-45deg, #fffc00 30%, #ff6e02 77%); /* FF3.6-15 */
 background: -webkit-linear-gradient(-45deg, #fffc00 30%,#ff6e02 77%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(135deg, #fffc00 30%,#ff6e02 77%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffc00', endColorstr='#ff6e02',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
@media screen and (min-width: 767px) {
 #rating .ratingContent .historyWrap .gameItem .gameData ul {
  width: 67%;
 }
 #rating .ratingContent .historyWrap .gameItem .answersWrap{
  width: 32%;
 }
}
#rating .ratingContent .correctDataWrap {}
#rating .ratingContent .correctDataWrap .correctDataBox {
 padding: 5px;
 border: 1px solid #b3b3b3;
 margin-bottom: 2em;
 box-sizing: border-box;
}
#rating .ratingContent .correctDataWrap .correctDataBox h4 {
 text-align: center;
 background: #706700;
 margin-bottom: 0.5em;
 padding: 0.1em 0;
 font-size: 85%;
}
#rating .ratingContent .correctDataWrap .correctDataBox > ul {
 width: 80%;
 margin: 0 auto 1em;
}
#rating .ratingContent .correctDataWrap .correctDataBox > ul li{
 display: flex;
 display: -webkit-flex;
 flex-wrap:wrap;
 -webkit-flex-wrap:wrap;
 justify-content:space-between;
 -webkit-box-pack:justify;
 -webkit-justify-content:space-between;
 margin-bottom: 0.5em;
}
#rating .ratingContent .correctDataWrap .correctDataBox.total h4 { background: #0f5c3c;}
@media screen and (min-width: 768px) {
 #rating .ratingContent .correctDataWrap > div{
 display: flex;
 display: -webkit-flex;
 flex-wrap:wrap;
 -webkit-flex-wrap:wrap;
 justify-content:space-between;
 -webkit-box-pack:justify;
 -webkit-justify-content:space-between;
 }
 #rating .ratingContent .correctDataWrap .correctDataBox {
  width: 48%;
 }
}
/********************************************************************************************************

 form-prize

********************************************************************************************************/
#form_prize .formInner {}
#form_prize h2.tit .data{
 font-size: 75%;
 font-weight: normal;
}
#form_prize h2.tit .title{
 padding-bottom: 0.5em;
 margin-bottom: 0.5em;
 border-bottom: 2px dotted #4d4d4d;
}
#form_prize h2.tit .prizeName{
 font-size: 85%;
 font-weight: normal;
}
#form_prize .prizePh {
 width: 90%;
 margin: 0 auto 2em;
 max-width: 600px;
}
#form_prize .formWrap {
 padding: 2em 5%;
}
#form_prize h3.mi {
 display: inline-block;
}
#form_prize .block {
 max-width: 600px;
 margin: 0 auto 3em;
}
#form_prize .checkBoxWrap {
 padding: 1em 0;
 
}
@media screen and (min-width: 768px) {
 #form_prize .checkBoxWrap {
  width: 50%;
  margin: 0;
  float: right;
  clear: right;
  text-align: right;
 }
}
#form_prize .formInner dl {
 margin-bottom: 1em;
}
#form_prize input[type="button"],
#form_prize button {
 margin-left: 1em;
 padding: 0.5em 1em;
 text-align: center;
 line-height: 1.7em;
 box-sizing: border-box;
 border-radius: 4px;
 font-size: 100%;
 font-weight: bold;
 border:1px solid #FFF;
 background: #000;
}
#form_prize input[type="submit"] {
 display: block;
 width: 100%;
 max-width: 500px;
 padding: 0.5em 0;
 margin: 0 auto 1em;
 color: #000;
 text-align: center;
 line-height: 1.7em;
 box-sizing: border-box;
 border-radius: 4px;
 font-size: 100%;
 font-weight: bold;
 background: #FFF;
 background: #fffc00; /* Old browsers */
background: -moz-linear-gradient(-45deg, #fffc00 30%, #ff6e02 77%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #fffc00 30%,#ff6e02 77%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #fffc00 30%,#ff6e02 77%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffc00', endColorstr='#ff6e02',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#form_prize .back button{
 display: block;
 width: 100%;
 max-width: 500px;
 padding: 0.5em 0;
 margin: 0 auto 1em;
 color: #000;
 text-align: center;
 line-height: 1.7em;
 box-sizing: border-box;
 border-radius: 4px;
 font-size: 100%;
 font-weight: bold;
 background: #FFF;
}
#form_prize .prizeData {
 width: 90%;
 max-width: 600px;
 margin: 0 auto 1em;
 display: flex;
 display: -webkit-flex;
 flex-wrap:wrap;
 -webkit-flex-wrap:wrap;
 justify-content:space-between;
 -webkit-box-pack:justify;
 -webkit-justify-content:space-between;
}
#form_prize .prizeData .ph{
 width: 48%;
}
#form_prize .prizeData .text{
 width: 48%;
}
#form_prize .delivaryData{
 max-width: 600px;
 margin: 0 auto 2em;
}
#form_prize .message {
 width: 90%;
 max-width: 600px;
 margin: 0 auto 5em;
}
#form_prize .linkWrap {
 width: 50%;
 max-width: 200px;
 margin: 0 auto;
}
@media screen and (min-width: 768px) {
 #form_prize .message {
  text-align: center;
 }
}



/********************************************************************************************************

 static

********************************************************************************************************/
#static .staticInner{
 margin-bottom: 2em;
 position: relative;
} 
#static h2.tit{
 margin-bottom: 3em;
}
#static .staticContent {
 padding: 1.5em;
 margin-bottom: 3em;
}
#static .staticContent p{
 line-height: 1.8em;
 margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
 #static .staticInner{
  margin-bottom: 4em;
 }  
 #static h2.tit{
  width: 80%;
 }
}