@charset "UTF-8";
@font-face {
  font-family: "fontb";
  src: url("../img/font1.woff")  format('woff');
}
@font-face {
  font-family: "fontc";
  src: url("../img/font2.woff")  format('woff');
}
body {
  background: #d0d0d0 url(../img/bg_pattern.png) center;
  background-size: 366px;
}
body,
body * {
  margin: 0;
  padding: 0;
}
img {
  max-width: 100%;
}
main,footer{
  font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif;
  text-align: center;
  letter-spacing: 0.01em;
  font-size: 1.05em;
  width: 93%;
  max-width: 1100px;
  margin: 0 auto;
  background: #fff;
  box-shadow: #e1e1e1 0 0 3em;
  padding-bottom: 5em;
}
em,
i {
  font-style: normal;
}
li {
  list-style: none;
}
main a {
  color: #0072ff;
  letter-spacing: 0.02em;
  transition: opacity .24s;
}
main a[href]:hover{
  opacity:.6;
  text-decoration:none;
}

/* #evo */
#evo small{font-size: 1em;margin-bottom: 0.5em;display: inline-block;margin-right: 0.5em;}
#evo small.present_note{
   margin: -0.4em 0 3em;
   display: block;
}
#evo .blue{
  color: #0078ff;
  font-weight: 500;
  font-size: 1.05em;
  margin-top: 0.8em;
}
#evo small.
#evo .red{color:#f00;}
  #evo h1 {
}
#evo img {width: 100%;}
#evo img.present{
    width: 80%;
}
#evo img.map{
  width: 89.7%;
  border: #ababab 2px solid;
  margin: 1em 0 1em;
}
.en #evo a.ticket {
  font-size: 1.2em;
}
#evo h2 {position: relative;margin: 2.3em auto 0.9em;font-weight: 900;letter-spacing: 0;color: #fff;background: #2263ff;background: linear-gradient(0deg, #0040db, #5285ff);padding: 0.1em;font-size: 2em;font-family: "M PLUS 1p";letter-spacing: 0em;text-shadow: -2px 3px 0 #000, 1px 2px 0 #000, 0px -2px 0 #000, -1px -2px 0 #000, 2px 1px 0 #000, -2px 0px 0 #000, 3px -1px 0 #000, -1px 2px 0 #000;width: 88.6%;border-radius: 1em;}
#evo h2:before{
  content:"";
  background: url(../img/chara_robooh3.png?2) no-repeat;
  background-size: contain !important;
  width: 4.4645em;
  height: 4.4645em;
  position: absolute;
  left: 0.2em;
  top: -2.1em;
}
#evo h2:after{
  content:"";
  background: url(../img/chara_umf4.png?2) no-repeat;
  background-size: contain !important;
  width: 4.4645em;
  height: 4.4645em;
  position: absolute;
  right: 0.5em;
  top: -2.1em;
}
#evo h2:nth-of-type(2):before{
  background: url(../img/chara_robooh5.png?2) no-repeat;
}
#evo h2:nth-of-type(3):before{
  background: url(../img/chara_robooh1.png?2) no-repeat;
}
#evo h2:nth-of-type(4):before{
  background: url(../img/chara_robooh4.png?2) no-repeat;
}
#evo h2:nth-of-type(5):before{
  background: url(../img/chara_robooh2.png?2) no-repeat;
}
#evo h2:nth-of-type(2):after{
  background: url(../img/chara_umf5.png?2) no-repeat;
}
#evo h2:nth-of-type(3):after{
  background: url(../img/chara_umf1.png?2) no-repeat;
}
#evo h2:nth-of-type(4):after{
  background: url(../img/chara_umf3.png?2) no-repeat;
}
#evo h2:nth-of-type(5):after{
  background: url(../img/chara_umf2.png?2) no-repeat;
}
#evo h2.c1{
    background: #f82121;
    background: linear-gradient(0deg, #c62020, #ff3f3f);
}
#evo h2 sup{
  font-weight:normal;
  font-size: 0.6em;
  margin-left: 0.2em;
}
#evo .award{
  margin-bottom:1.2em;
}
#evo h3.award,
#evo .award h3{
  font-size: 2em;
  margin: 1.8em auto 0.7em;
  width: 77%;
  border-bottom: #000 0.1em solid;
  white-space: nowrap;
  font-family: "M PLUS 1p";
  font-weight: 800;
}
#evo .award h3{
  margin: 0.4em auto 0.7em;
  width: 100%;
  line-height: 1.16;
  padding-bottom: 0.3em;
}
#evo ul.award li{
  display:inline-block;
  width: 36%;
  vertical-align: middle;
  margin: 0 1.9%;
}
#evo ul.award li img{
    width: 120%;
    max-width: 114%;
    margin-left: -7%;
}
#evo ul.award li .dummy{
  width:70%;
}
#evo ul.award h4{
  font-size: 1.2em;
  margin-top: 0.4em;
}
#evo ul.award h4 small{
  display:block;
}
#evo ul.award li.and{
  vertical-align: middle;
  width: 1em;
  margin: 0 -1.4%;
  font-size: 3.4em;
  font-weight: 600;
  color: #5285ff;
  font-family: "M PLUS 1p";
  text-shadow: #c9c9c9 0.03em 0.07em 0em;
}
#evo .schedule {
  width: 552px;
  margin: -1em auto 0.6em;
  display: block;
  max-width: 91%;
}
#evo .header{
  font-size: 1em;
  padding: 0.5em 2.3em;
  background: #2263ff;
  text-align:left;
}
#evo .header a{
  color: #fff;
  text-decoration: none;
}
#evo .header a.right{
  float:right;
  font-weight: 600;
  text-decoration: underline;
}
#evo em {
}
#evo h2 + h3 {font-size: 1.4em;margin-bottom: 0.5em;color: #a0a0a0;font-family: "M PLUS 1p";font-weight: 800;font-size: 2.1em;line-height: 1;}
#evo li {
}
#evo h4 {
}
#evo p {
}
#evo b {
}
#evo .organizer {color: #555;font-size: 0.9em;}
#evo .organizer a {
}
#evo .end {margin: 1.8em auto 2.2em;font-size: 1.8em;font-weight: 500;color: #c80202;display: block;font-family: "M PLUS 1p";font-weight: 700;padding: 1em 0;width: 100%;background: #ffbdbd;border: #f00 2px solid;border-left: 0;border-right: 0;text-shadow: #f39f9f 1px 2px;}
#evo .end a{
    text-decoration: underline;
    color: #e0029e;
}
#evo .lead {margin: 1.6em auto -0.5em;font-size: 1.5em;font-weight: 500;color: #2263ff;display: block;border-radius: 0.9em;font-family: "M PLUS 1p";font-weight: 700;padding: 1em 0;width: 88.6%;background: linear-gradient(0deg, #d9d9d9, transparent, #d9d9d9);text-shadow: #d4d4d4 1px 2px;}
.en #evo .lead{
  font-size: 1.24em;
  line-height: 1.7;
  letter-spacing: 0;
}
#evo .forsp {
}
#evo .place {font-size: 1.5em;font-weight: bold;line-height: 1.4;font-family: "M PLUS 1p";}
#evo .place em{
  font-size: 1.8em;
  letter-spacing: 0.07em;
}
#evo .place b{
  font-size: 1.3em;
  letter-spacing: 0.04em;
  line-height: 1.2;
  margin: 0.4em 0;
  font-weight: 800;
  display: inline-block;
}
.en #evo .place b{
  letter-spacing: -0.02em;
  font-weight: 800;
}
.en #evo .place b a{
  font-size:.7em;
  font-weight:700;
}
#evo .place .poster{
  width: 15em;
  margin: 1em 0 -0.4em;
}
#evo .place small {font-size: 0.8em;display: block;margin-top: 0.8em;font-weight: normal;}
#evo .tonament {margin-bottom: 1.6em;line-height: 1.6;}
#evo .tonament + .tonament{
  margin-top: -0.9em;
}
#evo .tonament em{}
#evo ul + .tonament{
  margin-top: 1.9em;
}
#evo ul + .tonament em{
  color: #0072ff;
  font-size: 1.3em;
  font-weight: 900;
}
    #evo p.red{
      color:#f82121;
    }
#evo .tonament em {color: #f82121;font-size: 1.3em;font-weight: 600;margin: 0 0.1em;}
#evo .tonamel,
#evo .kyanta{display: inline-block;text-align: left;width: 27.4em;text-decoration: none;background: #f82121;margin-bottom: 0.8em;padding: 0.8em 0.5em 0.2em;color: #fff;text-indent: 2.9em;font-weight: 700;border-radius: 0.4em;font-size: 1em;position: relative;box-shadow: rgb(0 0 0 / 21%) 0.1em 0.2em 0.2em;margin: 0 0.4em 0.8em;overflow: hidden;letter-spacing: 0;}
#evo .kyanta{
    text-align: center;
    text-indent: 0;
    padding: 0.6em 0 0.6em;
    margin-bottom: 0.7em;
    font-size: 1.2em;
}
#evo a.tonamel:hover{
  background: #ff6666;
}
#evo .tonamel:before{
  content:"";
  position: absolute;
  width: 2.126em;
  height: 1.9em;
  background: url(../img/icon_tonamel.png?2) no-repeat;
  background-size: contain;
  left: 0;
  margin-left: 1em;
}
#evo .tonamel .vis{
  margin: 0.6em 0 0;
}
#evo .tonamel small{
  font-size:1.1em;
}
#evo .tonamel span{
  letter-spacing: -0.03em;
  font-size: 0.75em;
  transform: scaleY(1.1);
  display: inline-block;
  vertical-align: text-top;
  text-indent: 0;
  text-align: center;
  width: 86%;
}
#evo .titles{
  display: inline-flex;
  justify-content: space-between;
  width: 83%;
}
#evo .titles li{
  width: 31%;
}
#evo .titles li a{
  text-decoration:none;
}
#evo .titles li img{
  border-radius: 0.55em;
}
.en #evo .titles li h3{
  letter-spacing:0;
  font-size:1em;
  margin-top:.4em;
}
#evo .titles li h3 small{
  display: block;
  margin-bottom: 0;
}
#evo .titles li h3 small.ver{
  font-size: 1.2em;
  margin-top: -0.1em;
  font-weight: 700;
}
#evo .steam {display: block;font-size: 0.9em;margin-top: 0.8em;}
#evo .member {
}
#evo .member li {display: inline-block;vertical-align: middle;width: 13.3%;position: relative;margin: 0 1em;min-width: 8em;}
#evo .member li > img {width: 100%;border-radius: 50%;box-shadow: rgb(0 0 0 / 29%) 0.3em 0.2em 0.9em;}
#evo .member h4 {display: inline-block;letter-spacing: 0.01em;margin-top: 0.3em;font-weight: normal;white-space: nowrap;}
#evo .member li p {position: absolute;width: 100%;color: #f00;font-weight: 800;font-size: 1.4em;margin-top: -0.9em;text-shadow: -2px 3px 0 #000, 1px 2px 0 #000, 0px -2px 0 #000, -1px -2px 0 #000, 2px 1px 0 #000, -2px 0px 0 #000, 3px -1px 0 #000, -1px 2px 0 #000;transform: rotate(-11deg);white-space: nowrap;}
#evo .twitter {display: inline-block;vertical-align: middle;width: 1em;margin-left: 0.3em;margin-right: -1.1em;}
#evo li .twitter img {border: none;border-radius: 0;}
#evo .time {font-weight: 800;letter-spacing: 0.02em;font-size: 2.2em;line-height: 0.9;margin: 0.8em 0 0.7em;color: #2263ff;font-family: "M PLUS 1p";text-shadow: #d7d7d7 2px 2px;}
#evo .time small {font-size: 0.58em;font-weight: 800;}
#evo .talk {margin-bottom: 2em;line-height: 1.6;}
#evo .talk + .talk{margin-top:-1em;}
#evo .talk a {
}
#evo .talk b {
}
#evo .talk em {color: #ababab;font-size: 0.8em;text-decoration: line-through;}
#evo .kyanta {/* font-size: 0.85em; */border-radius: 2.7em;}
#evo .noul{
  text-decoration:none;
}
#evo .videotl{
  background: #d50606;
  text-align: center;
  color: #fff;
  margin: 0 auto;
  padding: .2em 0;
  width: 75%;
  font-size: 1.4em;
  text-decoration: none;
}
#evo .embed{
  width: 75%;
  margin: 0 0 2.2em;
}
footer {
  background: #2263ff;
  text-align: center;
  color: #fff;
  padding: 1em 0;
}
footer a {
  color: #fff;
}

@media (max-width: 1024px) {
  body{
    font-size: 1.55vw;
  background-size: 68em;background-position-y: -40em;}
}
@media (min-width: 768px) {
  .forsp{
    display:none !important;
  }
}

@media (max-width: 767px) {
  .forpc{
    display:none !important;
  }
  main {
    font-size: 1.45em;
    width: 100%;
    margin: 0 auto;
  }
  #evo h2{
    font-size: 2.5em;
    margin: 2.1em auto 0.8em;
    text-shadow: -0.05em 0.07em 0 #000, 0.03em 0.05em 0 #000, 0px -0.05em 0 #000, -0.03em -0.05em 0 #000, 0.05em 0.03em 0 #000, -0.05em 0px 0 #000, 0.07em -0.03em 0 #000, -0.03em 0.05em 0 #000;
  }
  #evo h2:before{
    width: 4em;
    height: 4em;
    left: -0.6em;
    top: -1.8em;
  }
  #evo h2:after{
    width: 4em;
    height: 4em;
    right: -0.8em;
    top: -1.8em;
  }
  #evo .header a{
    font-size: 1.3em;
  }
  #evo .organizer{
    font-size: 1.5em;
  }
  #evo .lead{
    font-size: 1.7em;
    margin-top: 1.3em;
  }
  .en #evo .lead{
    font-size: 1.53em;
  }
  #evo .tonament,
  #evo .talk,
  #evo .goods{
    font-size: 1.5em;
    line-height: 1.45;
  }
  .en #evo .titles li h3{
    font-size:1.2em;
  }
  .en #evo .titles li h3 small{
    font-size:1em;
  }
    .en #evo .titles li h3 small.ver {
    font-size: 1.3em;
  }
  #evo .place{
    font-size: 1.98em;
  }
  #evo .place b{
    font-size: 1.15em;
  }
  #evo .member li{
    font-size: 1.18em;
  }
  #evo .member li h4{
    font-size: 1.3em;
    margin-left: -0.4em;
  }
  #evo .twitter{
    width: 1.4em;
    margin: 0 -2.3em 0 0.4em;
  }
  #evo small,
    #evo small.blue{
    font-size: 1.26em;
    display: inline-table;
  }
  #evo ul.award h4 small{
    font-size: 1em;
    width: 140%;
    margin-left: -20%;
  }
   #evo small.blue{
    font-size: 0.64rem;
  }
  #evo .time{
    font-size: 3em;
  }
  #evo .time small{
    display:block;
    line-height: 1.3em;
    margin-top: 0.4em;
    font-size: 0.7em;
  }
  #evo .tonamel{
    font-size: 1.3em;
    margin-bottom: 1em;
    font-weight: 500;
  }
  #evo .tonamel small{
    display:block;
    margin-bottom: 0;
  }
  #evo .tonamel span{
    font-size: 0.9em;
    white-space: nowrap;
  }
  #evo .member li p{
    text-shadow:-0.05em 0.07em 0 #000, 0.03em 0.05em 0 #000, 0px -0.05em 0 #000, -0.03em -0.05em 0 #000, 0.05em 0.03em 0 #000, -0.05em 0px 0 #000, 0.07em -0.03em 0 #000, -0.03em 0.05em 0 #000;
    font-size: 1.7em;
  }
  #evo .kyanta {font-size: 1.4em;}
  #evo h3.award,
  #evo .award h3{
    font-size: 2.3em;
    margin: 1.8em auto 0.7em;
    width: 86%;
    border-bottom-width: 0.13em;
  }
  #evo .award h3{
    margin: 0.3em auto 1em;
    width: 100%;
    font-size: 2em;
    line-height: 1.3;
    padding-bottom: 0.3em;
  }
  #evo ul.award li{
    width:40%
  }
  #evo ul.award h4{
    font-size: 1.65em;
    white-space: nowrap;
    font-family: "M PLUS 1p";
  }
  #evo img.present{
    width: 130%;
    margin-left: -15%;
    max-width: 130%;
  }
  .spnarrow{
    display: inline-block;
    transform: scaleX(.89);
    transform-origin: 0;
    letter-spacing: -0.05em;
  }
  footer{
    font-size: 2.4em;
    line-height: 2.5;
    padding: 1.1em 0;
    width: 100%;
    }
}