@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var, b {
  font-weight: normal;
  font-style: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%; }

q:before, q:after {
  content: ""; }

abbr, acronym {
  border: 0; }

a {
  text-decoration: none; }

input, button, textarea, select, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit; }

textarea:focus, input:focus {
  outline: none; }

html, body {
  margin: 0;
  padding: 0; }

body {
  line-height: 1.5;
  font-family: "Noto Sans TC", serif, sans-serif;
  font-size: 16px;
  color: #4d4d4d;
  background-color: #f9f7f2; }

.mb0 {
  margin-bottom: 0 !important; }

.event-content_signUp-calendar, .event-content_signUp-award, .event-content_mission-award {
  width: 100%;
  background-color: #5ccdd1;
  padding: 10px 15px;
  box-sizing: border-box;
  padding-bottom: 8px;
  border-radius: 10px; }

.event-content_signUp-calendar .calendar-box > li, .event-content_signUp-award .award-box > li, .event-content_mission-award .award-box > li {
  float: left;
  position: relative;
  border-radius: 8px;
  padding: 10px 15px;
  box-sizing: border-box;
  background-color: #fbfaf7;
  margin: 0 2px 2px 0; }

.wrapper {
  width: 100%;
  margin: 0 auto;
  overflow-x: hidden; }

.overlay {
  display: none; }
  .overlay-mask {
    opacity: 0.95;
    -moz-opacity: 0.95;
    filter: alpha(opacity=95);
    width: 100%;
    min-height: 110%;
    min-height: calc(100% + 100px);
    position: fixed;
    z-index: 98;
    margin-top: -70px;
    background-color: #f9f7f2; }
  .overlay-close {
    width: 72px;
    height: 72px;
    position: fixed;
    z-index: 100;
    right: calc((100vw - 780px) / 2);
    top: 27.5%;
    margin-top: -36px;
    cursor: pointer;
    transition: all .2s ease-in; }
    .overlay-close span {
      width: 72px;
      height: 1px;
      display: block;
      background-color: #4d4d4d; }
      .overlay-close span:first-child {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-top: 36px; }
      .overlay-close span:last-child {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-top: -1px; }
    @media only screen and (min-width: 1281px) {
      .overlay-close:hover {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); } }
  .overlay-notice {
    position: fixed;
    width: 760px;
    left: 50%;
    margin-left: -380px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border: 1px solid #4d4d4d;
    z-index: 99;
    padding: 20px 20px;
    box-sizing: border-box;
    text-align: center; }
    .overlay-notice__title {
      font-size: 36px;
      color: #f9f7f2;
      background-color: #4d4d4d;
      padding: 2px 20px;
      box-sizing: border-box;
      display: inline-block; }
    .overlay-notice ol {
      margin-top: 0;
      padding-left: 24px;
      margin-top: 30px; }
      .overlay-notice ol > li {
        counter-increment: li;
        position: relative; }
        .overlay-notice ol > li:before {
          position: absolute;
          content: counter(li);
          background-color: transparent;
          color: #4d4d4d;
          text-align: center;
          border-radius: 0;
          content: counter(li);
          width: 18px;
          left: -24px;
          font-style: italic;
          font-weight: 300;
          font-size: 15px; }
      .overlay-notice ol li {
        text-align: left;
        font-size: 15px; }
        .overlay-notice ol li strong {
          background-color: #DDDBCF; }
        .overlay-notice ol li a {
          color: #EF713F;
          padding-bottom: 1px solid #EF713F; }
  @media only screen and (max-width: 768px) {
    .overlay-close {
      right: 2%;
      top: 30vw;
      margin-top: 0; }
    .overlay-notice {
      width: 96%;
      margin-left: -48%; } }
  @media only screen and (max-width: 414px) {
    .overlay-close {
      top: 0px;
      width: 60px;
      height: 60px; }
      .overlay-close span {
        width: 60px; }
        .overlay-close span:first-child {
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          margin-top: 30px; } }
  @media only screen and (max-width: 320px) {
    .overlay-notice {
      padding: 20px 10px 10px; }
      .overlay-notice__title {
        font-size: 30px; }
      .overlay-notice ol {
        padding-right: 10px;
        max-height: 320px;
        overflow-y: auto; } }

.ham {
  width: 36px;
  height: 36px;
  display: none;
  cursor: pointer; }
  @media only screen and (max-width: 768px) {
    .ham {
      display: block;
      position: fixed;
      z-index: 7;
      top: 100px;
      right: 14px;
      transition: all .2s ease-in; }
      .ham span {
        display: block;
        width: 32px;
        height: 4px;
        background-color: #EF713F;
        margin-bottom: 6px;
        border-radius: 4px;
        margin-left: 2px; }
      .ham.is--click {
        top: 40px; }
        .ham.is--click span {
          background-color: #4d4d4d; }
          .ham.is--click span:first-child {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            margin-top: 16px; }
          .ham.is--click span:nth-child(2) {
            display: none; }
          .ham.is--click span:last-child {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            margin-top: -10px; } }
  @media only screen and (max-width: 764px) {
    .ham {
      top: 10.75vw; } }
  @media only screen and (max-width: 414px) {
    .ham {
      top: 54px; }
      .ham.is--click {
        top: 30px; } }

.nav {
  position: fixed;
  left: 20px;
  z-index: 6;
  bottom: 10%;
  transition: all .5s ease-in; }
  .nav-list {
    /*/////----forRos----/////*/ }
    .nav-list-btn {
      position: relative;
      cursor: pointer;
      opacity: 0.8;
      transition: all .2s ease-in; }
      .nav-list-btn:not(:last-child) {
        margin-bottom: 8px; }
      .nav-list-btn span {
        width: 100px;
        height: 100px;
        display: block;
        border: 4px solid #f9f7f2;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1);
        z-index: 5;
        top: 0px;
        border-radius: 50%;
        line-height: 1;
        text-indent: -999px; }
      .nav-list-btn:hover {
        opacity: 1; }
      .nav-list-btn#navBtnTop {
        display: none; }
      .nav-list-btn#navBtnSignup span {
        background: #00bfc6 url("../img/navBtn2.png") 50% 50% no-repeat; }
      .nav-list-btn#navBtnMission span {
        background: #00bfc6 url("../img/navBtn3.png") 50% 50% no-repeat; }
      .nav-list-btn#navBtnCoin span {
        background: #00bfc6 url("../img/navBtn4.png") 50% 50% no-repeat; }
      .nav-list-btn#navBtnNotice span {
        background: #00bfc6 url("../img/navBtn5.png") 50% 50% no-repeat; }
      .nav-list-btn#navBtnRos span {
        background: #f5785f url("../img/navBtnRos.png") 50% 50% no-repeat; }
    .nav-list--forRos .nav-list-btn span {
      background-color: #f5785f !important; }
    .nav-list--forRos .nav-list-btn#navBtnRo span {
      background: #00bfc6 url("../img/navBtnRo.png") 50% 50% no-repeat !important; }
  @media only screen and (min-width: 769px) {
    .nav.is--scroll {
      bottom: 35%; }
      .nav.is--scroll .nav-list {
        /*/////----forRos----/////*/ }
        .nav.is--scroll .nav-list-btn:not(:last-child) {
          margin-bottom: 16px; }
        .nav.is--scroll .nav-list-btn:before {
          display: inline-block;
          content: '';
          background-color: #5ccdd1;
          border: 0;
          width: 12px;
          height: 12px;
          border-radius: 50%;
          position: relative;
          z-index: 6;
          transition: all .5s ease-in; }
        .nav.is--scroll .nav-list-btn span {
          position: absolute;
          left: -200px;
          height: auto;
          opacity: 0;
          transition: all .2s ease-in;
          background-color: #00bfc6;
          padding: 5px 10px 6px 40px;
          line-height: 1;
          font-weight: normal;
          font-size: 14px;
          border-radius: 0%;
          border: 0;
          box-shadow: none;
          color: #f9f7f2;
          text-indent: 0px;
          background-image: none !important; }
        .nav.is--scroll .nav-list-btn.scrolling--now:before {
          background-color: #f9f7f2; }
        .nav.is--scroll .nav-list-btn.scrolling--now span {
          display: block;
          left: -20px;
          opacity: 1; } }
    @media only screen and (min-width: 769px) and (min-width: 1281px) {
      .nav.is--scroll .nav-list-btn:hover:before {
        background-color: #f9f7f2; }
      .nav.is--scroll .nav-list-btn:hover span {
        display: block;
        left: -20px;
        opacity: 1; } }
  @media only screen and (min-width: 769px) {
        .nav.is--scroll .nav-list-btn--ros:before {
          background-color: #ff917b; }
        .nav.is--scroll .nav-list-btn--ros span {
          background-color: #f5785f; }
        .nav.is--scroll .nav-list-btn#navBtnTop {
          display: block; }
        .nav.is--scroll .nav-list--forRos .nav-list-btn:before {
          background-color: #ff917b; }
        .nav.is--scroll .nav-list--forRos .nav-list-btn.scrolling--now:before {
          background-color: #f9f7f2; }
        .nav.is--scroll .nav-list--forRos .nav-list-btn.scrolling--now span {
          display: block;
          left: -20px;
          opacity: 1; } }
    @media only screen and (min-width: 769px) and (min-width: 1281px) {
      .nav.is--scroll .nav-list--forRos .nav-list-btn:hover:before {
        background-color: #f9f7f2; }
      .nav.is--scroll .nav-list--forRos .nav-list-btn:hover span {
        display: block;
        left: -20px;
        opacity: 1; } }
  @media only screen and (min-width: 769px) {
        .nav.is--scroll .nav-list--forRos .nav-list-btn--ro:before {
          background-color: #5ccdd1; }
        .nav.is--scroll .nav-list--forRos .nav-list-btn--ro span {
          background-color: #00bfc6; }
        .nav.is--scroll .nav-list--forRos .nav-list-btn#navBtnRo span {
          background-image: none !important; } }
  @media only screen and (max-width: 768px) {
    .nav {
      width: 240px;
      height: 100vh;
      background-color: rgba(249, 247, 242, 0.95);
      left: auto;
      top: 0;
      right: -240px;
      bottom: auto;
      transition: all .2s ease-in; }
      .nav-list {
        position: relative;
        top: 100px;
        /*/////----forRos----/////*/ }
        .nav-list-btn {
          opacity: 1;
          text-align: center; }
          .nav-list-btn:not(:last-child) {
            border-bottom: 1px dotted #dadada; }
          .nav-list-btn span {
            border: 0;
            box-shadow: none;
            width: 100%;
            height: auto;
            color: #4d4d4d;
            text-indent: 0;
            background-color: transparent !important;
            background-image: none !important;
            padding: 10px 5px;
            border-radius: 0;
            font-size: 18px; }
          .nav-list-btn--ros span {
            color: #f5785f;
            font-size: 16px; }
          .nav-list-btn#navBtnTop {
            display: block !important; }
        .nav-list--forRos .nav-list-btn span {
          background-color: transparent !important; }
        .nav-list--forRos .nav-list-btn#navBtnRo span {
          color: #00bfc6;
          background: transparent url("../img/navBtnRo.png") 50% 50% no-repeat !important; } }
  @media only screen and (max-width: 414px) {
    .nav-list {
      top: 80px; } }

.links {
  padding: 6px 12px 2px;
  border-radius: 0 0 10px 10px;
  background-color: #EF713F;
  position: fixed;
  right: 10px;
  top: 35px;
  transition: all .2s ease-in;
  z-index: 5; }
  .links li {
    display: inline-block;
    margin: 0 1px;
    opacity: 0.8;
    transition: all .2s ease-in; }
    @media only screen and (min-width: 1281px) {
      .links li:hover {
        opacity: 1; } }
    .links li a > img {
      display: block; }
    .links li a span {
      display: none; }
  .links.is--scroll {
    top: 0; }
  @media only screen and (max-width: 768px) {
    .links {
      top: 35px;
      border-radius: 0;
      right: 0;
      text-align: center;
      width: 100%;
      padding: 0; }
      .links li {
        opacity: 1;
        padding: 8px 0 10px;
        box-sizing: border-box;
        width: calc(25% - 5px); }
        .links li a {
          color: #f9f7f2; }
          .links li a > img {
            display: none; }
          .links li a span {
            display: block;
            font-size: 3.5vw; } }
  @media only screen and (max-width: 764px) {
    .links {
      top: 0; } }
  @media only screen and (max-width: 414px) {
    .links li a span {
      font-size: 4.5vw; } }

.header {
  width: 100%;
  height: 1100px;
  overflow: hidden;
  background: transparent url("../img/bg1.jpg") 50% -35px no-repeat; }
  .header-chara {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 1100px;
    background: transparent url("../img/chara.png") 50% -35px no-repeat; }
  .header__logo {
    width: 142px;
    height: 92px;
    background: url("../img/logo-RO.png");
    background-size: 100%;
    position: absolute;
    left: 18%;
    top: 65px;
    cursor: pointer;
    z-index: 3;
    /*/////----forRos----/////*/ }
    .header__logo img {
      width: 100px; }
    .header__logo a {
      width: 142px;
      height: 92px;
      display: block; }
    .header__logo--forRos {
      background: url("../img/logo-ROS.png");
      background-size: 100%; }
  @media only screen and (max-width: 1440px) {
    .header {
      background: transparent url("../img/bg1_s.jpg") 50% -35px no-repeat;
      background-size: 125% auto; }
      .header-chara {
        background-size: 125% auto; } }
  @media only screen and (max-width: 1024px) {
    .header {
      background-size: 180% auto; }
      .header-chara {
        background-size: 185% auto; }
      .header__logo {
        left: 2%; } }
  @media only screen and (max-width: 768px) {
    .header {
      margin-top: 36px;
      background-position: 50% 0; }
      .header-chara {
        background-position: 50% 0; }
      .header__logo {
        top: 12.5vw; } }
  @media only screen and (max-width: 375px) {
    .header__logo {
      width: 71px;
      height: 46px;
      top: 46px; }
      .header__logo a {
        width: 71px;
        height: 46px;
        display: block; } }

.switch {
  bottom: 0;
  padding: 30px 0;
  box-sizing: border-box;
  width: 1010px;
  height: auto;
  margin: 0 auto;
  position: relative;
  z-index: 4; }
  .switch li {
    width: 50%;
    height: 150px;
    padding: 20px 20px;
    box-sizing: border-box;
    padding-top: 40px;
    float: left;
    font-size: 36px;
    text-align: right;
    line-height: 1.33;
    cursor: pointer;
    font-weight: bold;
    transition: all .2s ease-in; }
    .switch li span {
      display: block; }
  .switch__ro {
    background: transparent url("../img/btn-RO.jpg") left top no-repeat;
    color: #a5e9ec; }
    .switch__ro.now {
      background: transparent url("../img/btn-RO_ov.jpg") left top no-repeat;
      color: #fff; }
    @media only screen and (min-width: 1281px) {
      .switch__ro:hover {
        background: transparent url("../img/btn-RO_ov.jpg") left top no-repeat;
        color: #fff; } }
  .switch__ros {
    background: transparent url("../img/btn-ROS.jpg") left top no-repeat;
    color: #ffcac0; }
    .switch__ros.now {
      background: transparent url("../img/btn-ROS_ov.jpg") left top no-repeat;
      color: #fff; }
    @media only screen and (min-width: 1281px) {
      .switch__ros:hover {
        background: transparent url("../img/btn-ROS_ov.jpg") left top no-repeat;
        color: #fff; } }
  .switch:after {
    clear: both;
    content: "";
    display: table; }
  @media only screen and (max-width: 1024px) {
    .switch {
      padding: 0;
      width: 100%; }
      .switch__ro, .switch__ros {
        background-position: 25% top; }
        .switch__ro.now, .switch__ros.now {
          background-position: 25% top; } }
  @media only screen and (max-width: 768px) {
    .switch li {
      height: 120px;
      font-size: 24px; }
    .switch__ro, .switch__ros {
      background-position: 30% top;
      background-size: auto 100%; }
      .switch__ro.now, .switch__ros.now {
        background-position: 30% top;
        background-size: auto 100%; } }
  @media only screen and (max-width: 414px) {
    .switch li {
      height: 64px;
      font-size: 18px;
      padding: 10px 5px;
      font-weight: 500; }
    .switch__ro, .switch__ros {
      background-position: 67.5% top; }
      .switch__ro.now, .switch__ros.now {
        background-position: 67.5% top; } }

main {
  background: url("../img/bg2.jpg") 50% 2% no-repeat, url("../img/bg3.jpg") 50% 100% no-repeat;
  padding-bottom: 50px; }

.event {
  /*/////----forRos----/////*/ }
  .event-wrap {
    width: 1010px;
    height: auto;
    margin: 0 auto;
    position: relative;
    padding: 50px 0px;
    box-sizing: border-box; }
  .event__no {
    border-radius: 25px;
    padding: 3px 20px;
    box-sizing: border-box;
    display: table;
    background-color: #d1d1d1;
    font-size: 18px;
    font-weight: bold; }
  .event__title {
    line-height: 1.33;
    font-size: 54px;
    font-weight: bold; }
    .event__title span {
      color: #00bfc6; }
  .event-content {
    margin-top: 10px; }
    .event-content__title {
      background-color: #4d4d4d;
      padding: 1px 8px;
      box-sizing: border-box;
      color: #f9f7f2;
      display: table; }
    .event-content__txt {
      font-size: 18px;
      margin: 5px 0 30px; }
      .event-content__txt ol {
        margin-top: 0;
        padding-left: 24px; }
        .event-content__txt ol > li {
          counter-increment: li;
          position: relative; }
          .event-content__txt ol > li:before {
            position: absolute;
            content: counter(li);
            background-color: transparent;
            color: #4d4d4d;
            text-align: center;
            border-radius: 0;
            content: counter(li);
            width: 18px;
            left: -24px;
            font-style: italic;
            font-weight: 300;
            font-size: 15px; }
        .event-content__txt ol li:before {
          margin-top: 2px; }
    .event-content img.xyimg {
      margin: 10px 0 15px;
      max-width: 294px;
      width: 100%; }
    .event-content p.hint {
      font-size: 16px;
      margin: 5px 0 0;
      font-weight: 500; }
      .event-content p.hint span {
        padding: 0px 6px 1px;
        background-color: #5ccdd1;
        color: #fff;
        line-height: 1.33;
        margin-right: 2px;
        font-weight: normal; }
    .event-content h3 {
      font-size: 24px;
      margin: 0 0 10px;
      text-align: center;
      font-weight: bold; }
      .event-content h3 + span {
        display: block;
        text-align: right;
        margin-top: -34px;
        margin-bottom: 10px; }
    .event-content span.ps {
      color: #00bfc6;
      font-weight: 500;
      font-size: 14px;
      margin-left: 2px; }
    .event-content .table-wrap {
      border-radius: 10px;
      overflow: hidden;
      border: 1px solid #5ccdd1;
      margin-bottom: 30px; }
      .event-content .table-wrap table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0; }
        .event-content .table-wrap table th, .event-content .table-wrap table td {
          padding: 5px 10px;
          box-sizing: border-box; }
        .event-content .table-wrap table th {
          background-color: #5ccdd1;
          text-align: center; }
        .event-content .table-wrap table td:not(:last-child) {
          border-right: 1px solid #5ccdd1; }
        .event-content .table-wrap table td.table-level__lv {
          text-align: center;
          font-size: 24px;
          font-weight: bold; }
        .event-content .table-wrap table td.table-level__ps {
          width: 25%;
          text-align: center; }
        .event-content .table-wrap table tr:not(:last-child) td {
          border-bottom: 1px solid #5ccdd1; }
      .event-content .table-wrap .table-exchange td {
        text-align: center; }
    .event-content_signUp {
      margin: 30px 0; }
      .event-content_signUp-login, .event-content_signUp-logout {
        font-size: 18px;
        font-weight: bold; }
        .event-content_signUp-login .loginBtn, .event-content_signUp-login .logoutBtn, .event-content_signUp-logout .loginBtn, .event-content_signUp-logout .logoutBtn {
          display: inline-block;
          color: #fff;
          font-weight: normal;
          margin: 0 6px;
          background-color: #EF713F;
          padding: 1px 4px;
          box-sizing: border-box; }
          .event-content_signUp-login .loginBtn a, .event-content_signUp-login .logoutBtn a, .event-content_signUp-logout .loginBtn a, .event-content_signUp-logout .logoutBtn a {
            color: #fff;
            padding: 1px 4px;
            box-sizing: border-box; }
      .event-content_signUp-calendar {
        margin-top: 10px; }
        .event-content_signUp-calendar .calendar-box > li {
          width: 16%;
          width: calc( (100% / 6) - 2px);
          height: 100px; }
        .event-content_signUp-calendar .calendar-box:after {
          clear: both;
          content: "";
          display: table; }
        .event-content_signUp-calendar .calendar-box__date {
          font-size: 14px; }
        .event-content_signUp-calendar .calendar-box__btn {
          text-align: center;
          padding: 5px 5px;
          box-sizing: border-box;
          width: 100%;
          height: auto;
          margin: 0 auto;
          position: relative;
          border-radius: 5px;
          top: 15%;
          background-color: #EF713F;
          color: #fff;
          cursor: pointer;
          display: none; }
        .event-content_signUp-calendar .calendar-box li.singUp--ok:before {
          display: block;
          content: '';
          width: 36%;
          padding-bottom: 36%;
          height: 0;
          border-radius: 50%;
          border: 4px solid #5ccdd1;
          position: absolute;
          top: 50%;
          margin-top: -20%;
          left: 50%;
          margin-left: -18%;
          background: url("../img/ok.png") 50% 50% no-repeat;
          background-size: 50%; }
        .event-content_signUp-calendar .calendar-box li.singUp--ok .calendar-box__btn {
          display: none; }
        .event-content_signUp-calendar .calendar-box li.singUp--miss .calendar-box__btn {
          background-color: #cecece;
          color: #979797;
          display: block;
          cursor: default; }
        .event-content_signUp-calendar .calendar-box li.singUp--today .calendar-box__btn {
          display: block; }
      .event-content_signUp-award {
        margin: 30px 0 20px; }
        .event-content_signUp-award .award-box > li {
          position: relative;
          width: 49%;
          width: calc( (100% / 2) - 2px); }
          .event-content_signUp-award .award-box > li > div {
            display: inline-block;
            vertical-align: middle;
            margin: 0 3px; }
        .event-content_signUp-award .award-box:after {
          clear: both;
          content: "";
          display: table; }
        .event-content_signUp-award .award-box__days {
          width: 54px;
          font-size: 24px;
          font-weight: bold;
          text-align: center; }
        .event-content_signUp-award .award-box__pic {
          width: 66px; }
          .event-content_signUp-award .award-box__pic img {
            border: 1px solid #5ccdd1; }
        .event-content_signUp-award .award-box__txt {
          width: calc(100% - 228px); }
          .event-content_signUp-award .award-box__txt p {
            font-size: 18px;
            padding: 0;
            margin: 0 0 3px 0;
            font-weight: bold; }
          .event-content_signUp-award .award-box__txt li {
            font-size: 14px;
            line-height: 1.33; }
        .event-content_signUp-award .award-box__btn {
          width: 72px; }
          .event-content_signUp-award .award-box__btn__btn {
            text-align: center;
            padding: 5px 5px;
            box-sizing: border-box;
            border-radius: 5px;
            width: 100%;
            top: 15%;
            background-color: #EF713F;
            color: #fff;
            cursor: pointer;
            display: none; }
        .event-content_signUp-award .award-box li.award--took .award-box__btn__btn {
          background-color: #cecece;
          color: #979797;
          display: block;
          cursor: default; }
        .event-content_signUp-award .award-box li.award--take .award-box__btn__btn {
          display: block; }
      @media only screen and (max-width: 1024px) {
        .event-content_signUp-award .award-box > li {
          width: 100%;
          margin-right: 0; } }
      @media only screen and (max-width: 768px) {
        .event-content_signUp-calendar .calendar-box > li {
          width: calc( (100% / 3) - 2px);
          height: 120px; } }
      @media only screen and (max-width: 414px) {
        .event-content_signUp-award .award-box__txt {
          width: calc(100% - 156px); }
        .event-content_signUp-award .award-box__btn {
          padding-top: 10px;
          width: 100%; } }
    .event-content_mission-award {
      margin-top: 10px; }
      .event-content_mission-award .award-box > li {
        width: 49%;
        width: calc( (100% / 2) - 2px); }
        .event-content_mission-award .award-box > li > div {
          display: inline-block;
          vertical-align: middle;
          margin: 0 5px; }
      .event-content_mission-award .award-box:after {
        clear: both;
        content: "";
        display: table; }
      .event-content_mission-award .award-box__pic {
        width: 66px; }
        .event-content_mission-award .award-box__pic img {
          border: 1px solid #5ccdd1; }
      .event-content_mission-award .award-box__txt {
        width: calc(100% - 90px);
        height: 102px; }
        .event-content_mission-award .award-box__txt p {
          font-size: 18px;
          padding: 0;
          margin: 0 0 3px 0;
          font-weight: bold; }
        .event-content_mission-award .award-box__txt li {
          font-size: 14px;
          line-height: 1.33; }
    @media only screen and (max-width: 1024px) {
      .event-content_mission-award .award-box > li {
        width: 100%;
        margin-right: 0; }
      .event-content_mission-award .award-box__txt {
        height: auto; } }
    .event-content-ps {
      vertical-align: top; }
      .event-content-ps li {
        display: inline-block;
        vertical-align: top;
        margin-right: 5px; }
        .event-content-ps li span {
          padding: 0px 6px 1px;
          background-color: #5ccdd1;
          color: #fff;
          margin-right: 4px;
          line-height: 1.33; }
        .event-content-ps li img {
          border: 1px solid #5ccdd1;
          margin-left: 10px; }
        .event-content-ps li small {
          margin-left: 40px;
          font-size: 14px;
          display: block; }
  .event:not(:last-child) .event-wrap {
    background: url("../img/demarcation.png") 0 100% repeat-x; }
  .event--forRos .event__title span {
    color: #ff917b; }
  .event--forRos span.ps {
    color: #f5785f; }
  .event--forRos .event-content p.hint span {
    background-color: #ff917b; }
  .event--forRos .event-content-ps li span {
    background-color: #ff917b; }
  .event--forRos .event-content-ps li img {
    border: 1px solid #ff917b; }
  .event--forRos .event-content_signUp-calendar, .event--forRos .event-content_signUp-award {
    background-color: #ff917b; }
  .event--forRos .event-content_signUp-calendar .calendar-box li.singUp--ok:before {
    border: 4px solid #ff917b;
    background: url("../img/ok2.png") 50% 50% no-repeat;
    background-size: 50%; }
  .event--forRos .event-content_mission-award {
    background-color: #ff917b; }
  .event--forRos .event-content .award-box__pic img {
    border: 1px solid #ff917b !important; }
  .event--forRos .table-wrap {
    border: 1px solid #ff917b; }
    .event--forRos .table-wrap table th {
      background-color: #ff917b; }
    .event--forRos .table-wrap table td:not(:last-child) {
      border-right: 1px solid #ff917b; }
    .event--forRos .table-wrap table tr:not(:last-child) td {
      border-bottom: 1px solid #ff917b; }
  @media only screen and (max-width: 1024px) {
    .event-wrap {
      width: 94%;
      padding: 30px 0;
      box-sizing: border-box; } }
  @media only screen and (max-width: 480px) {
    .event__title {
      font-size: 45px; }
    .event-content h3 + span {
      margin-top: -10px;
      text-align: center; }
    .event-content .table-wrap table th, .event-content .table-wrap table td {
      padding: 5px 3px; }
    .event-content .table-wrap table td {
      font-size: 15px; }
      .event-content .table-wrap table td.table-level__lv {
        font-size: 18px; }
      .event-content .table-wrap table td.table-level__ps {
        width: 20%;
        text-align: center; } }

/*# sourceMappingURL=common.css.map */