@charset "UTF-8";
/*========================================================
	riset
========================================================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, main, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  list-style: none; }

html {
  font-size: 62.5%; }

body {
  -webkit-text-size-adjust: 100%;
  /* 画面回転時の自動文字サイズ調整機能OFF */ }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
  display: block; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: top;
  background: transparent; }

a:link,
a:hover,
a:active,
a:visited {
  text-decoration: none; }

img {
  vertical-align: top;
  font-size: 0;
  max-width: 100%;
  line-height: 1; }

.clearfix::after {
  content: "";
  display: block;
  clear: both; }

/*========================================================
	base
========================================================*/
body {
  font-size: 62.5%;
  line-height: 1;
  color: #3c3c3c;
  font-family: 'メイリオ', 'Meiryo','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
  width: 100%;
  height: 100%;
  position: relative;
  font-size: 1.0rem;
  background-color: #fff2f6; }
  @media print, screen and (min-width: 768px) {
    body {
      overflow-x: hidden; } }
  body.hidden {
    overflow: hidden; }

@media only screen and (max-width: 767px) {
  .rwd_disp_ox {
    display: none !important; } }

@media print, screen and (min-width: 768px) {
  .rwd_disp_xo {
    display: none !important; } }

/* SP
-------------------------------------------------- */
@media only screen and (max-width: 767px) {
  .rwd_disp_xo {
    display: inline-block; } }

/* PC
-------------------------------------------------- */
@media print, screen and (min-width: 768px) {
  .rwd_disp_ox {
    display: inline-block; } }

.inputStyle {
  padding: 12px;
  border-radius: 0;
  border: 0;
  font-size: 1.1rem;
  color: #d2d2d2;
  font-family: 'メイリオ', 'Meiryo',"ヒラギノ明朝 Pro","Hiragino Mincho Pro", serif;
  box-sizing: border-box; }

.inputBtn {
  background: #ff82aa;
  border: 0;
  color: #fff; }

input[type="checkbox"] {
  border: #d2d2d2;
  border-radius: 0;
  margin: 0 5px 0 0; }

.img {
  width: 100%; }

.fit {
  object-fit: cover;
  font-family: 'object-fit: cover;'; }

.txt {
  line-height: 1.8; }

.underline {
  text-decoration: underline; }

.elp {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word; }
  .elp.line01 {
    -webkit-line-clamp: 1; }

.hover-anim {
  transition: .3s;
  cursor: pointer; }
  .hover-anim:hover {
    opacity: .8; }

.arrow::before {
  content: "";
  background: url(../images/common_img/icon-arrow.png) no-repeat center/contain;
  width: 4px;
  height: 6px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 2px; }

.i-login.wh::before {
  content: "";
  background: url(../images/common_img/icon-login-wh.png) no-repeat center/contain;
  width: 22px;
  height: 22px;
  display: inline-block; }

.i-sign::before {
  content: "";
  background: url(../images/common_img/icon-memo-wh.png) no-repeat center/contain;
  width: 20px;
  height: 20px;
  display: inline-block; }

.i-logout.bk::before {
  content: "";
  background: url(../images/common_img/icon-logout-bk.png) no-repeat center/contain;
  width: 22px;
  height: 22px;
  display: inline-block; }

.i-login.bk::before {
  content: "";
  background: url(../images/common_img/icon-login-bk.png) no-repeat center/contain;
  width: 22px;
  height: 22px;
  display: inline-block; }

.i-mypage::before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block; }

.i-mypage.wh::before {
  background: url(../images/common_img/icon-mypage-wh.png) no-repeat center/contain; }

.i-mypage.bk::before {
  background: url(../images/common_img/icon-mypage-bk.png) no-repeat center/contain; }

.i-bell::before {
  content: "";
  width: 17px;
  height: 19px;
  display: inline-block;
  background: url(../images/common_img/icon-bell.png) no-repeat center/contain; }

.i-game::before {
  content: "";
  width: 24px;
  height: 16px;
  display: inline-block;
  background: url(../images/common_img/icon-game.png) no-repeat center/contain; }

.i-help::before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(../images/common_img/icon-help.png) no-repeat center/contain; }

.i-mail::before {
  content: "";
  width: 20px;
  height: 16px;
  display: inline-block;
  vertical-align: middle; }

.i-mail.wh::before {
  background: url(../images/common_img/icon-mail-wh.png) no-repeat center/contain; }

.i-mail.bk::before {
  background: url(../images/common_img/icon-mail-bk.png) no-repeat center/contain; }

.i-coin::before {
  content: "";
  width: 20px;
  height: 23px;
  display: inline-block;
  background: url(../images/common_img/icon-coin.png) no-repeat center/contain; }

.i-add::before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle; }

.i-add.wh::before {
  background: url(../images/common_img/icon-add-wh.png) no-repeat center/contain; }

.i-add.bk::before {
  background: url(../images/common_img/icon-add-bk.png) no-repeat center/contain; }

/*========================================================
	header
========================================================*/
.header {
  padding: 20px 15px;
  background: #fff;
  position: fixed;
  z-index: 11;
  width: 100%;
  top: 0;
  box-sizing: border-box; }
  @media print, screen and (min-width: 768px) {
    .header {
      position: relative; } }
  @media print, screen and (min-width: 768px) {
    .header-inner {
      max-width: 1100px;
      margin: 0 auto; } }
  .header-h1 {
    font-size: 1.0rem;
    font-weight: lighter;
    text-align: center;
    margin-bottom: 5px; }
    @media print, screen and (min-width: 768px) {
      .header-h1 {
        text-align: left; } }
  .header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; }
    .header-wrap .logo {
      width: 169px;
      padding-bottom: 3px; }
    .header-wrap .logo-link {
      order: 2;
      display: flex;
      align-items: flex-end; }
      .header-wrap .logo-link .i-link {
        display: flex;
        margin-left: 30px; }
        @media only screen and (max-width: 767px) {
          .header-wrap .logo-link .i-link {
            display: none; } }
        .header-wrap .logo-link .i-link a {
          display: flex;
          align-items: center;
          color: inherit;
          transition: .3s; }
          .header-wrap .logo-link .i-link a:hover {
            color: #ff82aa; }
          .header-wrap .logo-link .i-link a::before {
            margin-right: 10px; }
          .header-wrap .logo-link .i-link a + a {
            margin-left: 10px; }
    .header-wrap .icon-wrap {
      order: 3;
      display: flex; }
      .header-wrap .icon-wrap a[class^="i-"] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        font-size: 10px;
        color: inherit;
        transition: .3s; }
        .header-wrap .icon-wrap a[class^="i-"]:hover {
          color: #ff82aa; }
        .header-wrap .icon-wrap a[class^="i-"] span {
          display: block;
          margin-top: 5px; }
        .header-wrap .icon-wrap a[class^="i-"] + * {
          margin-left: 20px; }
          @media only screen and (max-width: 767px) {
            .header-wrap .icon-wrap a[class^="i-"] + * {
              margin-left: 0; } }
  .header .h-menu {
    width: 23px;
    height: 20px;
    order: 1;
    margin-bottom: 5px; }
    @media print, screen and (min-width: 768px) {
      .header .h-menu {
        display: none; } }
    .header .h-menu span {
      display: block;
      width: 100%;
      height: 2px;
      background: #000;
      transform-origin: left;
      transition: .3s; }
      .header .h-menu span + span {
        margin-top: 7px; }
    .header .h-menu:not(.default) span:nth-of-type(1) {
      transform: rotate(45deg) translate(3px, -2px); }
    .header .h-menu:not(.default) span:nth-of-type(3) {
      transform: rotate(-45deg) translate(3px, 2px); }
    .header .h-menu:not(.default) span:nth-of-type(2) {
      opacity: 0; }
  .header-nav {
    position: absolute;
    display: none;
    left: 0;
    top: 94px;
    width: 100%;
    background: #fff;
    height: 100%;
    z-index: 11; }
  .header-btnSet {
    background: #ffe3ec;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .header-btnSet .btn {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 48%;
      height: 60px;
      background: #ff82aa;
      color: #fff;
      font-size: 1.1rem; }
      .header-btnSet .btn.i-logout {
        background: #fff;
        color: #000; }
    .header-btnSet a[class^="i"]::before {
      margin-right: 10px; }
  .header-gNav {
    font-size: 1.3rem;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    height: calc(100vh - 180px);
    overflow: scroll;
    height: calc(100vh - 180px);
    overflow: scroll; }
    .header-gNav li + li {
      border-top: 1px solid #e5e5e5; }
    .header-gNav a {
      display: block;
      padding: 25px 15px;
      box-sizing: border-box;
      color: inherit; }

/*========================================================
	footer
========================================================*/
footer {
  padding: 45px 10px;
  border-top: 1px solid #e5e5e5;
  background: #fff; }
  @media print, screen and (min-width: 768px) {
    footer {
      padding: 30px; } }
  footer ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 1.1rem; }
    @media only screen and (max-width: 767px) {
      footer ul li {
        margin-bottom: 10px; } }
    footer ul li::after {
      content: "/";
      margin-right: 5px;
      margin-left: 5px; }
    @media only screen and (max-width: 767px) {
      footer ul li:nth-of-type(3n+1)::before {
        content: "/";
        margin-right: 5px; } }
    @media only screen and (max-width: 767px) {
      footer ul li:nth-of-type(6)::before {
        content: "/";
        margin-right: 5px; } }
    @media only screen and (max-width: 767px) {
      footer ul li:nth-of-type(7)::before {
        display: none; } }
    footer ul li a {
      color: inherit; }
      footer ul li a:hover {
        text-decoration: underline; }
  footer .copyright {
    font-size: 1.0rem;
    margin-top: 20px;
    text-align: center; }

/*========================================================
appList
========================================================*/
.appList {
  padding-top: 20px; }
  @media print, screen and (min-width: 768px) {
    .appList {
      width: 100%; } }
  .appList h2 {
    font-size: 1.8rem;
    padding: 20px 15px;
    display: flex;
    align-items: center;
    background: #f4f4f4; }
    .appList h2::before {
      margin-right: 10px; }
  @media only screen and (max-width: 767px) {
    .appList .tab {
      border-top: 1px solid #e5e5e5; } }
  .appList .tab .tab-btn {
    overflow: hidden; }
    .appList .tab .tab-btn li {
      cursor: pointer;
      width: 25%;
      height: 40px;
      font-size: 1.1rem;
      background: #f5f5f5;
      float: left;
      display: flex;
      justify-content: center;
      align-items: center;
      box-sizing: border-box;
      border-bottom: 1px solid #e5e5e5;
      transition: .3s;
      cursor: pointer; }
      .appList .tab .tab-btn li:not(:nth-of-type(4n+1)) {
        border-left: 1px solid #e5e5e5; }
      .appList .tab .tab-btn li:last-of-type {
        border-right: 1px solid #e5e5e5; }
      .appList .tab .tab-btn li.active {
        background: #fff;
        color: #ff82aa; }
      @media print, screen and (min-width: 768px) {
        .appList .tab .tab-btn li {
          width: 12.5%;
          border-left: 1px solid #e5e5e5;
          border-top: 1px solid #e5e5e5;
          position: relative;
          z-index: 2; }
          .appList .tab .tab-btn li:nth-of-type(8n+8) {
            border-right: 1px solid #e5e5e5; }
          .appList .tab .tab-btn li:nth-of-type(n+9) {
            border-top: none; } }
  .appList .tab .tab-content {
    display: none;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5; }
    @media print, screen and (min-width: 768px) {
      .appList .tab .tab-content {
        padding: 0px 0 20px 20px;
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
        border-top: 1px solid #e5e5e5;
        transform: translate(0, -1px);
        position: relative;
        z-index: 1; } }
    .appList .tab .tab-content.active {
      display: block;
      clear: both; }
    .appList .tab .tab-content .total {
      margin-top: 20px; }
      @media only screen and (max-width: 767px) {
        .appList .tab .tab-content .total {
          margin-bottom: 20px; } }
    .appList .tab .tab-content .gameList-item {
      position: relative; }
      .appList .tab .tab-content .gameList-item.mode_hide::before {
        background: #fff;
        content: "非公開";
        font-size: 1.0rem;
        position: absolute;
        top: 5px;
        left: 5px;
        padding: 5px;
        border: 1px solid #ddd; }
  .appList-item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    color: inherit; }
    @media print, screen and (min-width: 768px) {
      .appList-item {
        width: 182px;
        float: left;
        padding: 20px 20px 0 0; } }
    @media print, screen and (max-width: 1024px) and (min-width: 768px) {
      .appList-item {
        width: 17%;
        float: left;
        padding: 0 20px 0 0; } }
    @media only screen and (max-width: 767px) {
      .appList-item + * {
        margin-top: 15px; } }
    .appList-item-img {
      width: 30%; }
      .appList-item-img img {
        max-height: 182px;
        max-width: 182px;
        margin: auto;
        display: table; }
        @media only screen and (max-width: 767px) {
          .appList-item-img img {
            height: 27.7vw;
            width: auto; } }
        @media print, screen and (min-width: 768px) {
          .appList-item-img img {
            height: 15.3vw; } }
      @media print, screen and (min-width: 768px) {
        .appList-item-img {
          width: 100%; } }
    .appList-item dl {
      width: 70%;
      padding-left: 15px;
      box-sizing: border-box;
      font-size: 1.3rem; }
      @media print, screen and (min-width: 768px) {
        .appList-item dl {
          display: none; } }
      .appList-item dl dt {
        margin-bottom: 10px; }
      .appList-item dl dd {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word; }
        @media print, screen and (min-width: 768px) {
          .appList-item dl dd {
            -webkit-line-clamp: 2; } }

/*========================================================
	under-common
========================================================*/
.pageTitle {
  box-sizing: border-box;
  margin-top: 101px;
  background: #ffe3ec;
  text-align: center;
  padding: 20px 0;
  font-size: 1.6rem; }
  @media print, screen and (min-width: 768px) {
    .pageTitle {
      max-width: 1100px;
      margin: 0 auto;
      text-align: left;
      padding: 40px 30px; } }

.breadcrumb {
  background: #fff;
  max-width: 1100px;
  margin: 0 auto;
  padding: 15px 30px 0;
  box-sizing: border-box; }
  @media only screen and (max-width: 767px) {
    .breadcrumb {
      display: none; } }
  .breadcrumb ul {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .breadcrumb ul li {
      margin-right: 10px; }
      .breadcrumb ul li:last-child {
        margin-right: 0; }
    .breadcrumb ul .arrow::before {
      vertical-align: middle; }

.contentWrap {
  font-size: 1.3rem;
  background: #fff; }
  @media print, screen and (min-width: 768px) {
    .contentWrap {
      max-width: 1100px;
      margin: 0 auto;
      padding: 30px 30px 50px;
      box-sizing: border-box; } }
  .contentWrap a {
    color: inherit;
    transition: .3s; }
    .contentWrap a:hover {
      color: #ff82aa; }
  .contentWrap .sec {
    padding: 0 15px; }
    @media print, screen and (min-width: 768px) {
      .contentWrap .sec {
        padding: 0; } }
  .contentWrap .completionTxt {
    padding: 30px 15px;
    text-align: center;
    line-height: 1.8; }
    @media print, screen and (min-width: 768px) {
      .contentWrap .completionTxt {
        padding: 50px 0 30px; } }
  .contentWrap .btn {
    width: 70%;
    margin: 0 auto; }
    @media print, screen and (min-width: 768px) {
      .contentWrap .btn {
        width: 220px; } }
    .contentWrap .btn a {
      display: block;
      background: #ff82aa;
      padding: 20px 0;
      text-align: center;
      color: #fff; }
    .contentWrap .btn.facebook a {
      background: #0386ff url(../images/common_img/logo-facebook.png) left 15px center no-repeat;
      background-size: 22px auto; }
    .contentWrap .btn.twitter a {
      background: #06bdff url(../images/common_img/logo-twitter.png) left 15px center no-repeat;
      background-size: 22px auto; }
    .contentWrap .btn.yahoo a {
      background: #ff0342 url(../images/common_img/logo-yahoo.png) left 15px center no-repeat;
      background-size: 22px auto; }
    .contentWrap .btn.google a {
      background: #fff url(../images/common_img/logo-google.png) left 15px center no-repeat;
      background-size: 22px auto;
      color: #3c3c3c; }
  .contentWrap select {
    padding: 5px;
    border: 1px solid #e5e5e5; }
  .contentWrap textarea {
    width: 100%;
    height: 150px;
    padding: 5px;
    border: 1px solid #e5e5e5;
    resize: vertical; }
  .contentWrap input,
  .contentWrap select,
  .contentWrap textarea {
    font-family: inherit;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #3c3c3c;
    box-sizing: border-box;
    background: #fff; }
    .contentWrap input[type="file"],
    .contentWrap select[type="file"],
    .contentWrap textarea[type="file"] {
      background: transparent; }
    .contentWrap input[type="text"], .contentWrap input[type="url"], .contentWrap input[type="password"], .contentWrap input[type="number"], .contentWrap input[type="email"],
    .contentWrap select[type="text"],
    .contentWrap select[type="url"],
    .contentWrap select[type="password"],
    .contentWrap select[type="number"],
    .contentWrap select[type="email"],
    .contentWrap textarea[type="text"],
    .contentWrap textarea[type="url"],
    .contentWrap textarea[type="password"],
    .contentWrap textarea[type="number"],
    .contentWrap textarea[type="email"] {
      border: 1px solid #e5e5e5;
      padding: 5px;
      width: 100%; }
    .contentWrap input[type="time"], .contentWrap input[type="date"],
    .contentWrap select[type="time"],
    .contentWrap select[type="date"],
    .contentWrap textarea[type="time"],
    .contentWrap textarea[type="date"] {
      border: 1px solid #e5e5e5;
      padding: 5px; }
    .contentWrap input[type="button"], .contentWrap input[type="submit"],
    .contentWrap select[type="button"],
    .contentWrap select[type="submit"],
    .contentWrap textarea[type="button"],
    .contentWrap textarea[type="submit"] {
      display: block;
      cursor: pointer;
      appearance: none;
      margin: 0 auto;
      border: none;
      background-color: #ff82aa;
      color: #fff;
      padding: 20px 0;
      width: 70%; }
      @media print, screen and (min-width: 768px) {
        .contentWrap input[type="button"], .contentWrap input[type="submit"],
        .contentWrap select[type="button"],
        .contentWrap select[type="submit"],
        .contentWrap textarea[type="button"],
        .contentWrap textarea[type="submit"] {
          width: 300px;
          max-width: 100%; } }
      .contentWrap input[type="button"][disabled], .contentWrap input[type="submit"][disabled],
      .contentWrap select[type="button"][disabled],
      .contentWrap select[type="submit"][disabled],
      .contentWrap textarea[type="button"][disabled],
      .contentWrap textarea[type="submit"][disabled] {
        background-color: #ddd !important;
        transition: none !important; }
      .contentWrap input[type="button"].back, .contentWrap input[type="button"].remove, .contentWrap input[type="submit"].back, .contentWrap input[type="submit"].remove,
      .contentWrap select[type="button"].back,
      .contentWrap select[type="button"].remove,
      .contentWrap select[type="submit"].back,
      .contentWrap select[type="submit"].remove,
      .contentWrap textarea[type="button"].back,
      .contentWrap textarea[type="button"].remove,
      .contentWrap textarea[type="submit"].back,
      .contentWrap textarea[type="submit"].remove {
        background-color: #ddd;
        color: #3c3c3c; }
    .contentWrap input[type="radio"],
    .contentWrap select[type="radio"],
    .contentWrap textarea[type="radio"] {
      position: relative;
      margin: -2px 0 0 0;
      vertical-align: middle; }
    .contentWrap input:-webkit-autofill,
    .contentWrap select:-webkit-autofill,
    .contentWrap textarea:-webkit-autofill {
      -webkit-box-shadow: 0 0 0px 1000px #fff inset; }
  @media only screen and (max-width: 767px) {
    .contentWrap .dl_table_style {
      border-top: 1px solid #e5e5e5;
      border-bottom: 1px solid #e5e5e5; } }
  @media print, screen and (min-width: 768px) {
    .contentWrap .dl_table_style {
      display: table;
      width: 100%;
      border-spacing: 0; }
      .contentWrap .dl_table_style > dl {
        display: table-row; }
        .contentWrap .dl_table_style > dl > dt,
        .contentWrap .dl_table_style > dl > dd {
          display: table-cell;
          vertical-align: middle; } }
  .contentWrap .dl_table_style > dl {
    margin-bottom: 20px; }
    .contentWrap .dl_table_style > dl:last-child {
      margin-bottom: 0; }
      @media print, screen and (min-width: 768px) {
        .contentWrap .dl_table_style > dl:last-child > dt,
        .contentWrap .dl_table_style > dl:last-child > dd {
          border-bottom: 1px solid #e5e5e5; } }
    .contentWrap .dl_table_style > dl > dt,
    .contentWrap .dl_table_style > dl > dd {
      box-sizing: border-box;
      line-height: 1.6;
      margin: 0; }
      @media print, screen and (min-width: 768px) {
        .contentWrap .dl_table_style > dl > dt,
        .contentWrap .dl_table_style > dl > dd {
          padding: 25px;
          border-top: 1px solid #e5e5e5; } }
    .contentWrap .dl_table_style > dl > dt {
      position: relative;
      margin-bottom: 15px;
      padding: 15px;
      background: #fff2f6; }
      @media print, screen and (min-width: 768px) {
        .contentWrap .dl_table_style > dl > dt {
          margin: 0;
          padding: 20px;
          width: 300px; } }
      .contentWrap .dl_table_style > dl > dt.disp::before {
        content: "公開";
        float: right;
        color: #ff82aa;
        font-size: 1.1rem; }
      .contentWrap .dl_table_style > dl > dt.nodisp::before {
        content: "非公開";
        float: right;
        color: #ff82aa;
        font-size: 1.1rem; }
      .contentWrap .dl_table_style > dl > dt.hissu::before {
        content: "必須";
        float: right;
        color: #ff82aa;
        font-size: 1.1rem; }
      .contentWrap .dl_table_style > dl > dt.ninni::before {
        content: "任意";
        float: right;
        color: #ff82aa;
        font-size: 1.1rem; }
  .contentWrap.mypage, .contentWrap.console {
    display: flex; }
    @media only screen and (max-width: 767px) {
      .contentWrap.mypage, .contentWrap.console {
        flex-direction: column; } }
    @media print, screen and (min-width: 768px) {
      .contentWrap.mypage, .contentWrap.console {
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between; } }
    .contentWrap.mypage .sideMenu, .contentWrap.console .sideMenu {
      background: #f5f5f5;
      padding: 25px 20px; }
      @media only screen and (max-width: 767px) {
        .contentWrap.mypage .sideMenu, .contentWrap.console .sideMenu {
          margin: 20px 15px; } }
      @media print, screen and (min-width: 768px) {
        .contentWrap.mypage .sideMenu, .contentWrap.console .sideMenu {
          width: 24%;
          box-sizing: border-box; } }
    @media only screen and (max-width: 767px) {
      .contentWrap.mypage .mainContent, .contentWrap.console .mainContent {
        margin-bottom: 45px; } }
    @media print, screen and (min-width: 768px) {
      .contentWrap.mypage .mainContent, .contentWrap.console .mainContent {
        width: 73%;
        box-sizing: border-box; } }

.pageNation {
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .pageNation li {
    margin-right: 5px; }
    .pageNation li:last-child {
      margin-right: 0; }
    .pageNation li.current a {
      border: 1px solid  #ff82aa;
      background: #ff82aa;
      color: #fff; }
    .pageNation li a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 22px;
      height: 26px;
      border: 1px solid #e5e5e5;
      font-size: 1.1rem; }

/*========================================================
faq
========================================================*/
.contentWrap.faq .faqList .tab > input[type="radio"] {
  display: none; }
  .contentWrap.faq .faqList .tab > input[type="radio"]:checked + label {
    color: #1f7fa2; }
    @media print, screen and (min-width: 768px) {
      .contentWrap.faq .faqList .tab > input[type="radio"]:checked + label {
        border-bottom: 1px solid #fff; } }

.contentWrap.faq .faqList .tab .tab-btn {
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5; }
  .contentWrap.faq .faqList .tab .tab-btn li {
    cursor: pointer;
    width: 25%;
    height: 40px;
    font-size: 1.1rem;
    background: #f5f5f5;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border-top: 1px solid #e5e5e5;
    transition: .3s;
    cursor: pointer; }
    .contentWrap.faq .faqList .tab .tab-btn li:not(:nth-of-type(4n+1)) {
      border-left: 1px solid #e5e5e5; }
    .contentWrap.faq .faqList .tab .tab-btn li:last-of-type {
      border-right: 1px solid #e5e5e5; }
    .contentWrap.faq .faqList .tab .tab-btn li.active {
      background: #fff;
      color: #ff82aa; }
    @media only screen and (max-width: 767px) {
      .contentWrap.faq .faqList .tab .tab-btn li:nth-of-type(4) {
        border-right: 1px solid #e5e5e5; }
      .contentWrap.faq .faqList .tab .tab-btn li:nth-of-type(n+5) {
        width: 50%; } }
    @media print, screen and (min-width: 768px) {
      .contentWrap.faq .faqList .tab .tab-btn li {
        width: 16.66666%;
        border-left: 1px solid #e5e5e5;
        border-top: 1px solid #e5e5e5;
        position: relative;
        z-index: 2; } }

.contentWrap.faq .faqList .tab .tab-content {
  display: none;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5; }
  @media print, screen and (min-width: 768px) {
    .contentWrap.faq .faqList .tab .tab-content {
      padding: 0px 0 20px 20px;
      border-left: 1px solid #e5e5e5;
      border-right: 1px solid #e5e5e5;
      border-top: 1px solid #e5e5e5;
      transform: translate(0, -1px);
      position: relative;
      z-index: 1; } }
  .contentWrap.faq .faqList .tab .tab-content.active {
    display: block;
    clear: both; }

.contentWrap.faq .faqList .tab .total {
  text-align: right;
  font-size: 1.1rem;
  margin-bottom: 10px; }
  @media print, screen and (min-width: 768px) {
    .contentWrap.faq .faqList .tab .total {
      margin-top: 20px;
      margin-bottom: 0;
      margin-right: 20px; } }

.contentWrap.faq .faqList-item {
  line-height: 1.6; }
  @media print, screen and (min-width: 768px) {
    .contentWrap.faq .faqList-item {
      margin-top: 20px; } }
  .contentWrap.faq .faqList-item > li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5; }
    .contentWrap.faq .faqList-item > li:last-child {
      padding-bottom: 0;
      margin-bottom: 0;
      border-bottom: none; }
  .contentWrap.faq .faqList-item dt {
    position: relative;
    font-size: 1.5rem;
    margin-bottom: 10px; }
  .contentWrap.faq .faqList-item p {
    margin-bottom: 10px; }
  .contentWrap.faq .faqList-item label {
    margin-right: 20px; }
    .contentWrap.faq .faqList-item label input {
      margin-right: 5px; }

.contentWrap.faq .faqDetail .head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px; }
  .contentWrap.faq .faqDetail .head time {
    margin-right: 10px; }

.contentWrap.faq .faqDetail .txt {
  line-height: 1.6; }

.contentWrap.faq .faqDetail .btn {
  margin-top: 30px; }
  @media print, screen and (min-width: 768px) {
    .contentWrap.faq .faqDetail .btn {
      margin-top: 50px; } }

/*========================================================
notice
========================================================*/
.contentWrap.notice .total {
  text-align: right;
  font-size: 1.1rem; }

.contentWrap.notice .noticeList {
  line-height: 1.6; }
  .contentWrap.notice .noticeList > li {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e5e5e5; }
    .contentWrap.notice .noticeList > li:last-child {
      padding-bottom: 15px;
      border-bottom: 1px solid #e5e5e5; }
  .contentWrap.notice .noticeList dt {
    position: relative;
    font-size: 1.5rem;
    margin-bottom: 10px; }
  .contentWrap.notice .noticeList p {
    margin-bottom: 10px; }
  .contentWrap.notice .noticeList label {
    margin-right: 20px; }
    .contentWrap.notice .noticeList label input {
      margin-right: 5px; }

.contentWrap.notice .tag {
  padding-top: 25px; }
  .contentWrap.notice .tag::before {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 50px;
    line-height: 1;
    padding: 5px;
    font-size: 1.1rem;
    color: #fff; }
  .contentWrap.notice .tag.notice::before {
    content: "お知らせ";
    background: #1f7fa2; }
  .contentWrap.notice .tag.trouble::before {
    content: "障害";
    background: #f5c740; }
  .contentWrap.notice .tag.important::before {
    content: "重要";
    background: #d43333; }
  .contentWrap.notice .tag.event::before {
    content: "イベント";
    background: #ff82aa; }

.notice.detail .tit_tag {
  position: relative;
  padding-left: 75px;
  margin-bottom: 10px; }
  .notice.detail .tit_tag::before {
    width: 50px;
    background: #1f7fa2;
    content: "お知らせ";
    color: #fff;
    font-size: 1.1rem;
    font-weight: normal;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 2px;
    text-align: center;
    padding: 5px; }
  .notice.detail .tit_tag.trouble::before {
    content: "障害";
    background: #f5c740; }
  .notice.detail .tit_tag.important::before {
    content: "重要";
    background: #d43333; }
  .notice.detail .tit_tag.event::before {
    content: "イベント";
    background: #ff82aa; }

.notice.detail .btn {
  margin-top: 30px; }
  @media print, screen and (min-width: 768px) {
    .notice.detail .btn {
      margin-top: 50px; } }

.post_data {
  margin-top: 30px; }
  .post_data > * {
    margin: 15px 0; }
    .post_data > *:first-child {
      margin-top: 0; }

/*========================================================
coin
========================================================*/
.coinList {
  display: flex;
  flex-wrap: wrap;
  margin-top: -10px; }
  .coinList > li {
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #ddd;
    margin-top: 10px; }
    .coinList > li .img-box {
      margin-bottom: 10px; }
    .coinList > li .data p:not(:first-child) {
      margin-top: 10px; }
    .coinList > li .data .coin {
      font-size: 1.6rem; }
    .coinList > li .data .limit {
      font-size: 1.0rem;
      text-align: right; }
    .coinList > li .setteing {
      margin-top: 20px; }
      .coinList > li .setteing > ul > li:not(:first-child) {
        margin-top: 10px; }
      .coinList > li .setteing .tar {
        text-align: right;
        margin-top: 20px; }
        .coinList > li .setteing .tar a {
          text-decoration: underline; }
    .coinList > li .btn {
      margin-top: 10px;
      width: 100%; }
      .coinList > li .btn a {
        padding: 10px; }
  @media only screen and (max-width: 767px) {
    .coinList {
      justify-content: space-between; }
      .coinList > li {
        width: 48%; } }
  @media print, screen and (min-width: 768px) {
    .coinList > li {
      width: calc((100% - 30px) /4); }
      .coinList > li:not(:nth-child(4n+1)) {
        margin-left: 10px; } }

/*========================================================
.error_box
========================================================*/
.error_box {
  color: #f00;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.6;
  margin-top: 10px; }
  .error_box p:not(:first-child) {
    margin-top: 5px; }

.btn_mt {
  margin-top: 30px !important; }
  @media print, screen and (min-width: 768px) {
    .btn_mt {
      margin-top: 50px !important; } }

.w100p {
  width: 100% !important; }

/*========================================================
	common
========================================================*/
body {
  background: #f3f3f3; }

.pageTitle {
  background: #3c3c3c;
  color: #fff; }

.breadcrumb a {
  color: inherit;
  transition: .3s; }
  .breadcrumb a:hover {
    color: #1f7fa2; }

.pageNation li a:hover {
  color: #1f7fa2; }

.pageNation li.current a {
  border: 1px solid  #1f7fa2;
  background: #1f7fa2; }
  .pageNation li.current a:hover {
    color: #fff; }

.contentWrap a {
  color: inherit;
  transition: .3s; }
  .contentWrap a:hover {
    color: #1f7fa2; }

.contentWrap .btn {
  width: 70%;
  margin: 0 auto; }
  @media print, screen and (min-width: 768px) {
    .contentWrap .btn {
      width: 220px; } }
  .contentWrap .btn a {
    display: block;
    background: #1f7fa2;
    padding: 20px 0;
    text-align: center;
    color: #fff; }

.contentWrap input[type="submit"] {
  background-color: #1f7fa2; }

.contentWrap .sec-area {
  padding-top: 100px;
  margin-top: -70px; }

.sideMenu .menuList {
  padding: 0 5px; }
  .sideMenu .menuList li {
    margin-bottom: 10px; }
    .sideMenu .menuList li:last-child {
      margin-bottom: 0; }

@media only screen and (max-width: 767px) {
  .mainContent {
    margin: 0 15px; } }

.mainContent h3 {
  position: relative;
  font-size: 1.8rem;
  line-height: 1.6;
  margin-top: 20px;
  margin-bottom: 20px; }
  @media print, screen and (min-width: 768px) {
    .mainContent h3 {
      margin-top: 30px;
      margin-bottom: 30px; } }
  .mainContent h3:first-of-type {
    margin-top: 0; }

.mainContent .regist {
  margin-bottom: 20px;
  text-align: center; }
  @media print, screen and (min-width: 768px) {
    .mainContent .regist {
      margin-bottom: 30px; } }
  .mainContent .regist a {
    color: #fff;
    background: #1f7fa2;
    display: block;
    padding: 15px 0; }
    .mainContent .regist a::before {
      margin-right: 5px;
      margin-bottom: 2px; }
    .mainContent .regist a:hover {
      color: #fff;
      opacity: .8; }

.mainContent .txtBtn {
  text-align: center;
  margin-top: 20px; }
  .mainContent .txtBtn a {
    color: #d43333; }
    .mainContent .txtBtn a:hover {
      color: inherit; }
  .mainContent .txtBtn .delete {
    width: auto;
    background: transparent;
    color: #d43333;
    padding: 0; }

.mainContent .controlWrap {
  background: #eaf5f9;
  padding: 25px 20px;
  margin-bottom: 20px; }
  @media print, screen and (min-width: 768px) {
    .mainContent .controlWrap {
      margin-bottom: 30px; } }
  .mainContent .controlWrap .input_btn {
    width: 100% !important; }
  .mainContent .controlWrap-item {
    margin-bottom: 15px;
    border-bottom: 1px solid #d8e4e8;
    padding-bottom: 15px; }
    .mainContent .controlWrap-item:last-child {
      margin-bottom: 0;
      border-bottom: none;
      padding-bottom: 0; }
    .mainContent .controlWrap-item .ttl {
      margin-bottom: 10px; }
    .mainContent .controlWrap-item input[type="text"],
    .mainContent .controlWrap-item input[type="url"] {
      width: 75%; }
      @media print, screen and (min-width: 768px) {
        .mainContent .controlWrap-item input[type="text"],
        .mainContent .controlWrap-item input[type="url"] {
          width: 300px; } }
    .mainContent .controlWrap-item input[type="number"] {
      width: 30%; }
      @media print, screen and (min-width: 768px) {
        .mainContent .controlWrap-item input[type="number"] {
          width: 200px; } }
    .mainContent .controlWrap-item label {
      margin-right: 20px; }
      .mainContent .controlWrap-item label input {
        margin-right: 5px; }
    .mainContent .controlWrap-item .listwrap {
      width: 100%;
      height: 100px;
      overflow-y: auto; }
      .mainContent .controlWrap-item .listwrap ul {
        margin-top: 10px; }
      .mainContent .controlWrap-item .listwrap li {
        float: left;
        margin-bottom: 10px;
        margin-right: 5px; }
        @media print, screen and (min-width: 768px) {
          .mainContent .controlWrap-item .listwrap li {
            margin-right: 10px; } }
        .mainContent .controlWrap-item .listwrap li::before {
          content: "";
          width: 10px;
          height: 10px;
          cursor: pointer;
          padding-right: 3px;
          display: inline-block;
          background: url(../images/common_img/icon-remove-bk.png) no-repeat center/contain; }
          @media print, screen and (min-width: 768px) {
            .mainContent .controlWrap-item .listwrap li::before {
              padding-right: 5px; } }
  .mainContent .controlWrap .txt {
    line-height: 1.6;
    margin-bottom: 15px;
    border-bottom: 1px solid #d8e4e8;
    padding-bottom: 15px; }
  @media print, screen and (min-width: 768px) {
    .mainContent .controlWrap .setpc {
      display: flex;
      justify-content: flex-start;
      align-items: stretch; }
      .mainContent .controlWrap .setpc > * {
        margin-right: 10px; }
        .mainContent .controlWrap .setpc > *:last-child {
          margin-right: 0; } }
  .mainContent .controlWrap .setpc .set {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .mainContent .controlWrap .setpc .set > * {
      margin-right: 10px; }
      .mainContent .controlWrap .setpc .set > *:last-child {
        margin-right: 0; }
    @media only screen and (max-width: 767px) {
      .mainContent .controlWrap .setpc .set {
        margin-top: 10px; } }
  .mainContent .controlWrap .set {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .mainContent .controlWrap .set > * {
      margin-right: 10px; }
      .mainContent .controlWrap .set > *:last-child {
        margin-right: 0; }
    .mainContent .controlWrap .set + input {
      margin-top: 10px; }
    .mainContent .controlWrap .set.mt {
      margin-top: 10px; }
  @media print, screen and (min-width: 768px) {
    .mainContent .controlWrap .setpc form {
      display: flex;
      justify-content: flex-start;
      align-items: stretch; }
      .mainContent .controlWrap .setpc form > * {
        margin-right: 10px; }
        .mainContent .controlWrap .setpc form > *:last-child {
          margin-right: 0; } }
  .mainContent .controlWrap .setpc form .set {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .mainContent .controlWrap .setpc form .set > * {
      margin-right: 10px; }
      .mainContent .controlWrap .setpc form .set > *:last-child {
        margin-right: 0; }
    @media only screen and (max-width: 767px) {
      .mainContent .controlWrap .setpc form .set {
        margin-top: 10px; } }
  .mainContent .controlWrap .set form {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .mainContent .controlWrap .set form > * {
      margin-right: 10px; }
      .mainContent .controlWrap .set form > *:last-child {
        margin-right: 0; }
    .mainContent .controlWrap .set form + input {
      margin-top: 10px; }
    .mainContent .controlWrap .set form.mt {
      margin-top: 10px; }
  .mainContent .controlWrap select {
    min-height: 40px; }
  .mainContent .controlWrap button {
    width: 20%;
    background: #1f7fa2;
    color: #fff;
    padding: 10px 0;
    border: none;
    margin: 0 10px 0 0; }
    @media print, screen and (min-width: 768px) {
      .mainContent .controlWrap button {
        width: 100px; } }
    .mainContent .controlWrap button.remove {
      background-color: #ddd;
      color: #3c3c3c; }
  .mainContent .controlWrap input:not([type="file"]) {
    min-height: 40px; }
  .mainContent .controlWrap input[type="submit"] {
    margin: 0 10px 0 0;
    padding: 8px 0;
    width: 20%; }
    @media print, screen and (min-width: 768px) {
      .mainContent .controlWrap input[type="submit"] {
        width: 100px; } }
    .mainContent .controlWrap input[type="submit"]:last-child {
      margin-right: 0; }
    .mainContent .controlWrap input[type="submit"].right {
      width: 80%;
      margin: 0 auto; }
      @media print, screen and (min-width: 768px) {
        .mainContent .controlWrap input[type="submit"].right {
          width: 200px;
          margin: 0 0 0 auto; } }

.mainContent .dl_table_style + input[type="submit"] {
  margin-top: 30px; }
  @media print, screen and (min-width: 768px) {
    .mainContent .dl_table_style + input[type="submit"] {
      margin-top: 50px; } }

.mainContent .dl_table_style > dl > dt {
  background: #eaf5f9; }
  @media print, screen and (min-width: 768px) {
    .mainContent .dl_table_style > dl > dt {
      width: 250px; } }
  .mainContent .dl_table_style > dl > dt.hissu::before, .mainContent .dl_table_style > dl > dt.ninni::before {
    color: #1f7fa2; }

.mainContent .dl_table_style p {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.1rem; }
  .mainContent .dl_table_style p:last-child {
    margin-bottom: 0; }

.mainContent .dl_table_style li {
  margin-bottom: 10px; }
  .mainContent .dl_table_style li:last-child {
    margin-bottom: 0; }

.mainContent .dl_table_style label {
  margin-right: 20px; }
  .mainContent .dl_table_style label input {
    margin-right: 5px; }

.mainContent .dl_table_style .sidetxt {
  padding-right: 10px; }

.mainContent .dl_table_style img {
  margin-bottom: 10px; }
  @media only screen and (max-width: 767px) {
    .mainContent .dl_table_style img {
      display: block;
      margin-right: auto;
      margin-left: auto; } }

.mainContent .dl_table_style .double input {
  width: 30%;
  margin-right: 10px; }
  .mainContent .dl_table_style .double input:last-child {
    width: 25%;
    margin-right: 0; }

.mainContent .confirmBtn {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media print, screen and (min-width: 768px) {
    .mainContent .confirmBtn {
      margin-top: 50px; } }
  @media print, screen and (min-width: 768px) {
    .mainContent .confirmBtn input {
      margin: 0; } }
  .mainContent .confirmBtn input:first-child {
    margin-right: 10px; }

/*========================================================
	top
========================================================*/
.contentWrap .msg {
  margin-bottom: 20px;
  text-align: center;
  background: #eaf5f9; }
  @media print, screen and (min-width: 768px) {
    .contentWrap .msg {
      margin-bottom: 30px; } }
  .contentWrap .msg a {
    display: block;
    padding: 15px 0; }
    .contentWrap .msg a::before {
      margin-right: 5px;
      margin-bottom: 2px; }
    .contentWrap .msg a:hover {
      color: #1f7fa2; }

.contentWrap .number {
  margin-bottom: 20px;
  padding: 10px 15px;
  background: #cde6ef; }
  @media print, screen and (min-width: 768px) {
    .contentWrap .number {
      margin-bottom: 30px; } }
  .contentWrap .number dl {
    display: table;
    width: 100%; }
    .contentWrap .number dl dt, .contentWrap .number dl dd {
      display: table-cell;
      padding: 5px 0; }
    .contentWrap .number dl dt {
      width: 44%; }
    .contentWrap .number dl dd {
      text-align: right;
      font-size: 1.6rem; }

.contentWrap .eventLog {
  margin-bottom: 20px; }
  @media print, screen and (min-width: 768px) {
    .contentWrap .eventLog {
      margin-bottom: 30px; } }
  .contentWrap .eventLog li {
    margin-bottom: 5px;
    line-height: 1.8; }
    .contentWrap .eventLog li:last-child {
      margin-bottom: 0; }
  .contentWrap .eventLog time {
    display: block; }
    @media print, screen and (min-width: 768px) {
      .contentWrap .eventLog time {
        display: inline-block;
        margin-right: 10px; } }

.contentWrap .campaign li {
  margin-bottom: 10px; }
  .contentWrap .campaign li:last-child {
    margin-bottom: 0; }
  .contentWrap .campaign li .img {
    margin-top: 5px; }

/*========================================================
	login
========================================================*/
@media only screen and (max-width: 767px) {
  .contentWrap.login .mainContent {
    margin-top: 20px; } }

@media print, screen and (min-width: 768px) {
  .contentWrap.login .mainContent {
    width: 100%; } }

.contentWrap.login ul {
  margin: 0 auto 30px; }
  @media print, screen and (min-width: 768px) {
    .contentWrap.login ul {
      margin: 50px auto;
      width: 50%; } }

.contentWrap.login li:first-child {
  margin-bottom: 15px; }
  @media print, screen and (min-width: 768px) {
    .contentWrap.login li:first-child {
      margin-bottom: 20px; } }

/*========================================================
	game
========================================================*/
.contentWrap.game .gameList .tab input[type="radio"] {
  display: none; }
  .contentWrap.game .gameList .tab input[type="radio"]:checked + label {
    color: #1f7fa2;
    border-bottom: 1px #fff solid; }

.contentWrap.game .gameList .tab .tab-label {
  width: 25%;
  height: 40px;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  transition: .3s;
  cursor: pointer;
  border-left: 1px solid #e5e5e5; }
  @media print, screen and (min-width: 768px) {
    .contentWrap.game .gameList .tab .tab-label {
      width: 120px;
      position: relative;
      z-index: 2; } }
  .contentWrap.game .gameList .tab .tab-label:last-of-type {
    border-right: 1px solid #e5e5e5; }

.contentWrap.game .gameList .tab .tab-content {
  display: none;
  padding-top: 15px; }
  @media print, screen and (min-width: 768px) {
    .contentWrap.game .gameList .tab .tab-content {
      padding: 0px 0 20px 20px;
      border: 1px solid #e5e5e5;
      transform: translate(0, -1px);
      position: relative;
      z-index: 1; } }

.contentWrap.game .gameList .tab .total {
  text-align: right;
  font-size: 1.1rem;
  margin-bottom: 10px; }
  @media print, screen and (min-width: 768px) {
    .contentWrap.game .gameList .tab .total {
      margin-top: 20px;
      margin-bottom: 0;
      margin-right: 20px; } }

.contentWrap.game .gameList .tab #all:checked ~ #all-content,
.contentWrap.game .gameList .tab #action:checked ~ #action-content,
.contentWrap.game .gameList .tab #puzzle:checked ~ #puzzle-content,
.contentWrap.game .gameList .tab #table:checked ~ #table-content {
  display: block;
  clear: both; }

.contentWrap.game .gameList-item {
  display: flex;
  justify-content: center;
  align-items: center;
  color: inherit; }
  @media print, screen and (min-width: 768px) {
    .contentWrap.game .gameList-item {
      width: 164px;
      float: left;
      margin: 20px 20px 0 0; } }
  @media print, screen and (max-width: 1024px) and (min-width: 768px) {
    .contentWrap.game .gameList-item {
      width: 17%;
      float: left;
      padding: 0 20px 0 0; } }
  @media only screen and (max-width: 767px) {
    .contentWrap.game .gameList-item + * {
      margin-top: 15px; } }
  .contentWrap.game .gameList-item-img {
    width: 30%; }
    .contentWrap.game .gameList-item-img img {
      max-height: 164px;
      max-width: 164px;
      margin: auto;
      display: table; }
      @media only screen and (max-width: 767px) {
        .contentWrap.game .gameList-item-img img {
          height: 27.7vw;
          width: auto; } }
      @media print, screen and (min-width: 768px) {
        .contentWrap.game .gameList-item-img img {
          height: 15.3vw; } }
    @media print, screen and (min-width: 768px) {
      .contentWrap.game .gameList-item-img {
        width: 100%; } }
  .contentWrap.game .gameList-item dl {
    width: 70%;
    padding-left: 15px;
    box-sizing: border-box;
    font-size: 1.3rem; }
    @media print, screen and (min-width: 768px) {
      .contentWrap.game .gameList-item dl {
        display: none; } }
    .contentWrap.game .gameList-item dl dt {
      margin-bottom: 10px; }
    .contentWrap.game .gameList-item dl dd {
      -webkit-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-word; }
      @media print, screen and (min-width: 768px) {
        .contentWrap.game .gameList-item dl dd {
          -webkit-line-clamp: 2; } }

.contentWrap.game .info {
  background: #eaf5f9;
  padding: 25px 20px;
  margin-bottom: 20px; }
  @media print, screen and (min-width: 768px) {
    .contentWrap.game .info {
      margin-bottom: 30px; } }
  .contentWrap.game .info dl {
    width: 100%;
    display: table;
    margin-bottom: 10px; }
    .contentWrap.game .info dl:last-child {
      margin-bottom: 0; }
    .contentWrap.game .info dl > dt, .contentWrap.game .info dl > dd {
      display: table-cell; }
  .contentWrap.game .info dt {
    width: 36%; }
    @media print, screen and (min-width: 768px) {
      .contentWrap.game .info dt {
        width: 150px; } }

/*========================================================
	message
========================================================*/
.contentWrap.message .total {
  text-align: right;
  font-size: 1.1rem; }

.contentWrap.message .messageList {
  line-height: 1.6; }
  .contentWrap.message .messageList > li {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e5e5e5; }
    .contentWrap.message .messageList > li:last-child {
      padding-bottom: 15px;
      border-bottom: 1px solid #e5e5e5; }
  .contentWrap.message .messageList .destination {
    margin-bottom: 10px; }
    .contentWrap.message .messageList .destination a {
      margin-left: 5px;
      text-decoration: underline; }
      .contentWrap.message .messageList .destination a:last-child {
        margin-right: 5px; }
  .contentWrap.message .messageList dt {
    position: relative;
    font-size: 1.5rem;
    margin-bottom: 5px; }

.contentWrap.message .messageDetail {
  line-height: 1.6; }
  .contentWrap.message .messageDetail .info {
    background: #eaf5f9;
    padding: 25px 20px;
    margin-bottom: 20px; }
    @media print, screen and (min-width: 768px) {
      .contentWrap.message .messageDetail .info {
        margin-bottom: 30px; } }
    .contentWrap.message .messageDetail .info dt {
      margin-top: 10px;
      margin-bottom: 10px; }
      .contentWrap.message .messageDetail .info dt:first-child {
        margin-top: 0; }
    .contentWrap.message .messageDetail .info li {
      margin-bottom: 5px; }
      .contentWrap.message .messageDetail .info li:last-child {
        margin-bottom: 0; }
    .contentWrap.message .messageDetail .info a {
      margin-right: 5px;
      text-decoration: underline; }
      .contentWrap.message .messageDetail .info a:last-child {
        margin-right: 0; }
  .contentWrap.message .messageDetail time {
    display: block;
    margin-bottom: 5px; }
  .contentWrap.message .messageDetail .btn {
    margin-top: 30px; }
    @media print, screen and (min-width: 768px) {
      .contentWrap.message .messageDetail .btn {
        margin-top: 50px; } }

/*========================================================
	user
========================================================*/
.contentWrap.user .total {
  text-align: right;
  font-size: 1.1rem; }

.contentWrap.user .userList {
  line-height: 1.6; }
  .contentWrap.user .userList > li {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e5e5e5; }
    .contentWrap.user .userList > li:last-child {
      padding-bottom: 15px;
      border-bottom: 1px solid #e5e5e5; }
    @media print, screen and (min-width: 768px) {
      .contentWrap.user .userList > li li {
        float: left;
        margin-right: 20px; } }
  .contentWrap.user .userList dt {
    position: relative;
    font-size: 1.5rem;
    margin-bottom: 5px; }

.contentWrap.user .info {
  background: #eaf5f9;
  padding: 25px 20px; }
  .contentWrap.user .info dl {
    width: 100%;
    display: table;
    margin-bottom: 10px; }
    .contentWrap.user .info dl:last-child {
      margin-bottom: 0; }
    .contentWrap.user .info dl > dt, .contentWrap.user .info dl > dd {
      display: table-cell; }
  .contentWrap.user .info dt {
    width: 63%; }
    @media print, screen and (min-width: 768px) {
      .contentWrap.user .info dt {
        width: 250px; } }

.contentWrap.user .ownedWrap {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .contentWrap.user .ownedWrap .i-coin {
    font-size: 1.8rem; }
    .contentWrap.user .ownedWrap .i-coin::before {
      margin-right: 10px;
      vertical-align: middle; }
    .contentWrap.user .ownedWrap .i-coin span {
      font-size: 1.3rem;
      padding-left: 3px; }
  .contentWrap.user .ownedWrap a {
    font-size: 1.2rem;
    display: block;
    text-align: center;
    background: #ff82aa;
    color: #fff;
    padding: 8px 15px; }

.contentWrap.user .state {
  margin-top: 10px; }

.contentWrap.user .selectWrap {
  margin-bottom: 20px; }
  .contentWrap.user .selectWrap form {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .contentWrap.user .selectWrap form > * {
      margin-right: 10px; }
  .contentWrap.user .selectWrap input[type="submit"] {
    font-size: 1.2rem;
    text-align: center;
    background: #1f7fa2;
    color: #fff;
    padding: 10px 15px;
    width: 200px;
    margin: 0 0 0 auto; }

@media only screen and (max-width: 767px) {
  .contentWrap.user .tableWrap {
    overflow: scroll; } }

.contentWrap.user .table_style {
  width: 550px;
  border-spacing: 0;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5; }
  @media print, screen and (min-width: 768px) {
    .contentWrap.user .table_style {
      width: 100%; } }
  .contentWrap.user .table_style th, .contentWrap.user .table_style td {
    padding: 8px 5px;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5; }
    .contentWrap.user .table_style th.date, .contentWrap.user .table_style td.date {
      width: 20%; }
    .contentWrap.user .table_style th.unit, .contentWrap.user .table_style th.owned, .contentWrap.user .table_style td.unit, .contentWrap.user .table_style td.owned {
      text-align: right;
      width: 15%; }
  .contentWrap.user .table_style th {
    background: #f4f4f4;
    text-align: left;
    font-size: 1.1rem; }

.contentWrap.user .sub {
  text-align: right;
  font-size: 1.1rem;
  margin-top: 10px; }
  @media print, screen and (min-width: 768px) {
    .contentWrap.user .sub {
      display: none; } }

/*========================================================
	contact
========================================================*/
.contentWrap.contact .total {
  text-align: right;
  font-size: 1.1rem; }

.contentWrap.contact .contactList {
  line-height: 1.6; }
  .contentWrap.contact .contactList > li {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e5e5e5; }
    .contentWrap.contact .contactList > li:last-child {
      padding-bottom: 15px;
      border-bottom: 1px solid #e5e5e5; }
  .contentWrap.contact .contactList dt {
    position: relative;
    font-size: 1.5rem;
    margin-bottom: 10px; }
  .contentWrap.contact .contactList p:first-child {
    margin-bottom: 5px; }
  .contentWrap.contact .contactList label {
    margin-right: 20px; }
    .contentWrap.contact .contactList label input {
      margin-right: 5px; }

.contentWrap.contact .contactDetail {
  margin-bottom: 20px; }
  @media print, screen and (min-width: 768px) {
    .contentWrap.contact .contactDetail {
      margin-bottom: 30px; } }
  .contentWrap.contact .contactDetail time {
    display: block;
    margin-bottom: 5px; }
  .contentWrap.contact .contactDetail img {
    margin: 10px 0; }
  .contentWrap.contact .contactDetail pre {
    font-family: 'メイリオ', 'Meiryo','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
    font-size: 1.3rem;
    line-height: 1.6;
    word-break: break-all;
    white-space: normal; }
  .contentWrap.contact .contactDetail dl {
    margin-top: 20px; }
    .contentWrap.contact .contactDetail dl dt {
      margin-top: 10px; }
    .contentWrap.contact .contactDetail dl dd {
      margin-top: 5px; }
  .contentWrap.contact .contactDetail .btn {
    margin-top: 30px; }
    @media print, screen and (min-width: 768px) {
      .contentWrap.contact .contactDetail .btn {
        margin-top: 50px; } }

.contentWrap.contact .tag {
  padding-top: 25px; }
  .contentWrap.contact .tag::before {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 50px;
    line-height: 1;
    padding: 5px;
    font-size: 1.1rem;
    color: #fff; }
  .contentWrap.contact .tag.supported::before {
    content: "対応済";
    color: inherit;
    background: #e5e5e5; }
  .contentWrap.contact .tag.read::before {
    content: "既読";
    background: #1f7fa2; }
  .contentWrap.contact .tag.unread::before {
    content: "未読";
    background: #d43333; }

/*========================================================
	campaign
========================================================*/
.contentWrap.campaign .total {
  text-align: right;
  font-size: 1.1rem; }

.contentWrap.campaign .campaignList {
  line-height: 1.6; }
  .contentWrap.campaign .campaignList > li {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e5e5e5; }
    .contentWrap.campaign .campaignList > li:last-child {
      padding-bottom: 15px;
      border-bottom: 1px solid #e5e5e5; }
    .contentWrap.campaign .campaignList > li > ul {
      display: flex;
      justify-content: flex-start;
      font-size: 1.1rem;
      margin-bottom: 10px; }
      .contentWrap.campaign .campaignList > li > ul li {
        margin-right: 10px; }
  .contentWrap.campaign .campaignList dt {
    position: relative;
    font-size: 1.5rem;
    margin-bottom: 10px; }
  .contentWrap.campaign .campaignList p {
    margin-bottom: 10px; }
  .contentWrap.campaign .campaignList label {
    margin-right: 20px; }
    .contentWrap.campaign .campaignList label input {
      margin-right: 5px; }

.contentWrap.campaign .campaignDetail .btn {
  margin-top: 30px; }
  @media print, screen and (min-width: 768px) {
    .contentWrap.campaign .campaignDetail .btn {
      margin-top: 50px; } }

.contentWrap.campaign .tag {
  padding-top: 25px; }
  .contentWrap.campaign .tag::before {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 50px;
    line-height: 1;
    padding: 5px;
    font-size: 1.1rem;
    color: #fff; }
  .contentWrap.campaign .tag.end::before {
    content: "終了";
    color: inherit;
    background: #e5e5e5; }
  .contentWrap.campaign .tag.notheld::before {
    content: "未開催";
    background: #1f7fa2; }
  .contentWrap.campaign .tag.insesion::before {
    content: "開催中";
    background: #d43333; }

.contentWrap.campaign .form_txt {
  line-height: 1.6;
  margin-bottom: 20px; }

.contentWrap.campaign .dl_table_style .double input:last-child {
  width: 30%; }

.contentWrap.campaign .dl_table_style .double span {
  margin-right: 10px; }

/*========================================================
setting
========================================================*/
.contentWrap.setting .controlWrap-item p.set {
  opacity: 0.5; }

.contentWrap.setting .controlWrap-item .set {
  margin-top: 10px; }

.contentWrap.setting .controlWrap-item .input_mt {
  margin-top: 20px; }

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