@charset "UTF-8";
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?dlnjoj");
  src: url("fonts/icomoon.eot?dlnjoj#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?dlnjoj") format("truetype"), url("fonts/icomoon.woff?dlnjoj") format("woff"), url("fonts/icomoon.svg?dlnjoj#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

.tablePoint table, .tableStageSystem table {
  width: 100%;
  border-top: 1px solid #E0E0E0;
}

.tablePoint table th, .tableStageSystem table th,
.tablePoint table td,
.tableStageSystem table td {
  border-bottom: 1px solid #E0E0E0;
  vertical-align: top;
  font-size: 14px;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.tablePoint table th, .tableStageSystem table th {
  padding: 20px;
  background: #FAFAFA;
  font-family: "open sans", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
}

.android .tablePoint table th, .tablePoint .android table th, .android .tableStageSystem table th, .tableStageSystem .android table th {
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .tablePoint table th, .tableStageSystem table th {
    padding: 10px 20px;
  }
}

.tablePoint table th p, .tableStageSystem table th p,
.tablePoint table th span,
.tableStageSystem table th span {
  font-family: "open sans", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
}

.android .tablePoint table th p, .tablePoint .android table th p, .android .tableStageSystem table th p, .tableStageSystem .android table th p, .android .tablePoint table th span, .tablePoint .android table th span, .android .tableStageSystem table th span, .tableStageSystem .android table th span {
  font-weight: 700;
}

.tablePoint table th .tag--require, .tableStageSystem table th .tag--require {
  vertical-align: 1px;
}

.win10 .tablePoint table th .tag--require, .tablePoint .win10 table th .tag--require, .win10 .tableStageSystem table th .tag--require, .tableStageSystem .win10 table th .tag--require {
  vertical-align: 3px;
  padding-top: 6px;
}


.tablePoint table td,
.tableStageSystem table td {
  padding: 20px;
}

@media screen and (max-width: 768px) {
  
  .tablePoint table td,
  .tableStageSystem table td {
    padding: 20px 20px 40px;
  }
}

sup {
  font-size: 10px;
}

@media screen and (max-width: 768px) {
  .anchor ul li {
    text-align: left;
    float: none;
  }
}

.tableRank {
  margin-bottom: -10px;
  width: 100%;
}

.tableRank caption {
  text-align: left;
  margin-bottom: 10px;
}

.tableRank thead th:first-child {
  background-color: #fafafa;
}

.tableRank thead th:nth-child(2) {
  background-color: #fafafa;
}

.tableRank thead th:nth-child(3) {
  background-color: #f2f0e6;
}

.tableRank thead th:last-child {
  background-color: #fcf1f0;
}

.tableRank tbody td:first-child {
  background-color: #fafafa;
}

.tableRank th, .tableRank td {
  border: 1px solid #e0e0e0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6px 20px;
  text-align: center;
  width: 25%;
}

@media screen and (max-width: 768px) {
  .tableRank th, .tableRank td {
    padding: 6px 0;
  }
}

.tableRank td {
  padding: 20px;
}

@media screen and (max-width: 768px) {
  .tableRank td {
    padding: 10px 0;
  }
}

.helpMerit p,
.helpMerit ul {
  margin-top: 0;
  margin-bottom: 0;
}

.helpMerit__item, .helpMerit__item--birthday, .helpMerit__item--special, .helpMerit__item--system {
  margin-bottom: 40px;
  padding: 0;
  position: relative;
}

@media screen and (max-width: 768px) {
  .helpMerit__item, .helpMerit__item--birthday, .helpMerit__item--special, .helpMerit__item--system {
    padding: 0;
  }
}

.helpMerit__item::before, .helpMerit__item--birthday::before, .helpMerit__item--special::before, .helpMerit__item--system::before {
  content: "";
  position: absolute;
  font-family: icomoon;
  color: #f08c84;
  top: -40px;
  left: 0;
  font-size: 90px;
}

@media screen and (max-width: 768px) {
  .helpMerit__item::before, .helpMerit__item--birthday::before, .helpMerit__item--special::before, .helpMerit__item--system::before {
    display: inline-block;
  }
}

@media screen and (max-width: 768px) {
  .helpMerit__body {
    position: static;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.helpMerit__heading {
  font-family: "open sans", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
}

.android .helpMerit__heading {
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .helpMerit__heading {
    padding-top: 30px;
  }
  .helpMerit__heading + p {
    margin-top: 40px;
  }
}

.helpMerit p.more {
  margin-top: 10px;
}

.tableMemberPoint {
  margin-bottom: -10px;
  width: 100%;
}

.tableMemberPoint caption {
  text-align: left;
  margin-bottom: 10px;
}

.tableMemberPoint thead th {
  background-color: #fafafa;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .tableMemberPoint thead th {
    white-space: normal;
  }
}

.tableMemberPoint thead tr:last-child th:nth-child(3) {
  background-color: #f2f0e6;
}

.tableMemberPoint thead tr:last-child th:last-child {
  background-color: #fcf1f0;
}

.tableMemberPoint tbody td {
  width: 25%;
}

.tableMemberPoint th, .tableMemberPoint td {
  border: 1px solid #e0e0e0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6px 20px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .tableMemberPoint th, .tableMemberPoint td {
    padding: 6px;
  }
}

.tableMemberPoint td {
  padding: 10px;
}

@media screen and (max-width: 768px) {
  .tableMemberPoint td {
    padding: 10px 6px;
  }
}

.tableMemberPoint td.tableMemberPoint__tdhead {
  width: 25%;
  background-color: #fafafa;
}

.tableMemberPoint td.tableMemberPoint__tdbody {
  width: 75%;
}

.section .row .col--1of3 {
  margin-bottom: 0;
  padding: 0 10px;
}

@media screen and (max-width: 768px) {
  .section .row .col--1of3 {
    margin: 10px 0;
  }
}

.section .row .col--1of3 .enclosure--bdr {
  padding: 16px 10px;
}

.section .row .col--1of3 .enclosure--bdr p {
  font-size: 20px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .section .row .col--1of3 .enclosure--bdr p {
    font-size: 16px;
  }
}

.enclosure--bdr {
  padding: 30px;
}

@media screen and (max-width: 768px) {
  .enclosure--bdr {
    padding: 20px;
  }
}

.enclosure--bdr .enclosure {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .enclosure--bdr .enclosure {
    padding: 20px 10px;
  }
}

.enclosure--bdr .enclosure__title {
  font-size: 16px;
  margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
  .enclosure--bdr .enclosure__title {
    margin-bottom: 10px;
    font-size: 14px;
  }
}

.enclosure--bdr .enclosure p {
  margin-top: 0;
}

.enclosure--bdr .row {
  margin: 0 -5px;
}

@media screen and (max-width: 768px) {
  .enclosure--bdr .row {
    margin: 0;
  }
}

.enclosure--bdr .col--1of3 {
  padding: 0 5px;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .enclosure--bdr .col--1of3 {
    padding: 0;
    margin: 0 0 10px;
  }
}

@media screen and (max-width: 768px) {
  .enclosure--bdr .figure--full {
    margin-right: -10px;
    margin-left: -10px;
  }
  .enclosure--bdr .figure--full + .notes {
    margin-right: -10px;
    margin-left: -10px;
  }
}

.enclosure--bdr .figure .figure__img {
  max-width: 100%;
}

.slideMenuList__inner ol, .slideMenuList__inner ul {
  margin-top: 0;
  margin-bottom: 0;
}

.slideMenuList__inner p {
  margin-bottom: 1.25em;
}

@media screen and (max-width: 768px) {
  .tablePoint {
    margin: 0 -20px;
  }
}

.tablePoint table {
  table-layout: fixed;
}

@media screen and (max-width: 768px) {
  .tablePoint table tbody, .tablePoint table tr {
    display: block;
  }
}

.tablePoint table th {
  overflow: hidden;
  width: 200px;
}

@media screen and (max-width: 768px) {
  .tablePoint table th {
    display: block;
    width: 100%;
  }
}

.tablePoint table th span:first-child {
  float: left;
  margin-right: 10px;
}

.tablePoint table td {
  padding-right: 0;
  padding-left: 0;
}

@media screen and (max-width: 768px) {
  .tablePoint table td {
    display: block;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media screen and (max-width: 768px) {
  .tablePoint table td.orderTable__bottomNormal-sp {
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 768px) {
  .tablePoint table td.orderTable__borderNone-sp {
    padding-bottom: 0;
    border: none;
  }
}

.tablePoint table th + td {
  padding: 20px 0 20px 40px;
}

@media screen and (max-width: 768px) {
  .tablePoint table th + td {
    padding: 20px 20px 40px;
  }
}

.tablePoint ul {
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .tableStageSystem {
    margin: 0 -20px;
  }
}

.tableStageSystem caption {
  margin-bottom: 10px;
  font-size: 12px;
  font-family: "open sans", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  text-align: left;
}

.android .tableStageSystem caption {
  font-weight: 700;
}

.tableStageSystem table {
  table-layout: fixed;
  border-top: solid 1px #E0E0E0;
}

.tableStageSystem table thead th {
  padding: 5px 10px;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  font-family: "open sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "YuGothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-weight: 400;
}

.android .tableStageSystem table thead th {
  font-weight: 400 !important;
}

@media screen and (max-width: 768px) {
  .tableStageSystem table thead th {
    padding: 5px 0;
  }
}

.tableStageSystem table thead th[colspan] {
  padding-bottom: 0;
  border-bottom: 0;
}

.tableStageSystem table thead th[rowspan] {
  width: 170px;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .tableStageSystem table thead th[rowspan] {
    width: 100px;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

.tableStageSystem table td {
  padding: 15px 10px;
  text-align: center;
  vertical-align: middle;
}

.tableStageSystem table td:first-of-type {
  width: 170px;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .tableStageSystem table td:first-of-type {
    width: auto;
    padding-left: 20px;
  }
}

@media screen and (max-width: 768px) {
  .tableStageSystem table td {
    padding: 10px 0;
  }
}

.guideInfo {
  padding: 12px 16px;
  border: 1px solid #AFAEAE;
}

.guideInfo .guideInfo__title {
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .guideInfo .guideInfo__title {
    font-size: 16px;
  }
}

.guideInfo .guideInfo__title span {
  display: inline-block;
}

.guideInfo__content {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .guideInfo__content {
    text-align: left;
  }
}

.guideInfo__content .notes {
  display: inline-block;
  margin: 10px 0;
}

.guideInfo img {
  width: 100%;
}