@charset "UTF-8";
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, sub, sup, 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, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

th {
  font-weight: normal; }

td {
  text-align: left; }

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

_::-webkit-full-page-media, _:future, :root * {
  letter-spacing: -0.05em; }

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0; }

img,
video {
  max-width: 100%;
  height: auto; }

img {
  border-style: none;
  vertical-align: bottom; }

img[src$=".svg"] {
  width: 100%; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }
  a img {
    text-decoration: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

input, select {
  vertical-align: middle; }

* {
  box-sizing: border-box; }

*:before,
*:after {
  box-sizing: inherit; }

input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

select::-ms-expand {
  display: none; }

header#logoutNoLink {
  border-top: 5px solid #b00;
  width: 100%; }
  header#logoutNoLink .logoArea {
    margin: 0 auto;
    border-bottom: 1px solid #ccc; }
    @media screen and (max-width: 980px) {
      header#logoutNoLink .logoArea {
        width: 95%; } }
    @media screen and (min-width: 980px) {
      header#logoutNoLink .logoArea {
        width: 980px; } }
header#logout {
  border-top: 5px solid #b00;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem; }
  header#logout .logo {
    display: table-cell; }
  header#logout .logoArea {
    margin: 0 auto;
    border-bottom: 1px solid #ccc;
    display: table; }
    @media screen and (max-width: 980px) {
      header#logout .logoArea {
        width: 95%; } }
    @media screen and (min-width: 980px) {
      header#logout .logoArea {
        width: 980px; } }
  header#logout ul.logoutLink {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    line-height: 1; }
    header#logout ul.logoutLink li {
      margin-left: 10px;
      display: inline-block; }
      header#logout ul.logoutLink li svg {
        margin-right: 3px;
        margin-right: 3px;
        width: 18px;
        height: 18px;
        vertical-align: middle;
        fill: #098; }
header#login {
  margin: 0 auto;
  width: 980px;
  display: table; }
  header#login .logo {
    display: table-cell; }
  header#login .searchArea {
    position: relative;
    min-width: 390px;
    display: table-cell;
    padding-left: 15px;
    vertical-align: middle; }
    header#login .searchArea .categorySearch {
      width: 120px;
      display: inline-block;
      margin-right: 5px; }
      header#login .searchArea .categorySearch a {
        background: #098;
        border: 1px solid #098;
        border-radius: 4px;
        width: auto;
        padding: 15px 20px;
        display: inline-block;
        text-decoration: none;
        color: #fff;
        line-height: 1;
        padding: 12px 10px;
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: bold; }
        header#login .searchArea .categorySearch a:hover {
          opacity: 0.8;
          transition: all 0.3s; }
        header#login .searchArea .categorySearch a svg {
          margin-right: 3px;
          width: 14px;
          height: 14px;
          vertical-align: middle;
          fill: #fff;
          transform: rotate(90deg); }
    header#login .searchArea form {
      display: inline; }
    header#login .searchArea .searchForm {
      margin-right: 3px;
      width: 190px;
      height: 40px;
      display: inline-block;
      border-radius: 6px;
      padding: 10px;
      font-size: 12px;
      font-size: 1.2rem; }
    header#login .searchArea .searchBtn {
      width: 40px;
      height: 40px; }
      header#login .searchArea .searchBtn:hover {
        opacity: 0.8;
        transition: all 0.3s; }
  header#login #categoryList {
    background-color: #fff;
    z-index: 5;
    display: none;
    position: absolute;
    left: 15px;
    top: 50px;
    border-radius: 6px;
    width: 550px;
    border: 1px solid #ccc;
    padding: 5px 15px 15px;
    font-size: 14px;
    font-size: 1.4rem; }
    header#login #categoryList svg {
      margin-right: 10px;
      width: 18px;
      height: 18px;
      vertical-align: middle;
      fill: #098; }
    header#login #categoryList #close {
      display: block;
      text-align: right;
      cursor: pointer;
      position: absolute;
      top: 5px;
      right: 7px; }
      header#login #categoryList #close svg {
        margin-right: 0px;
        width: 22px;
        height: 22px;
        vertical-align: middle;
        fill: #999; }
    header#login #categoryList .category {
      overflow: hidden;
      margin: 0 auto; }
      header#login #categoryList .category li {
        margin-top: 10px;
        width: 33%;
        float: left; }
  header#login #overLay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0);
    width: 100%;
    height: 100vh;
    z-index: 4; }
  header#login .active {
    display: block !important; }
  header#login #open.open svg {
    transform: rotate(-90deg); }
  header#login .textArea {
    display: table-cell;
    padding-left: 5px;
    vertical-align: middle;
    text-align: right; }
    header#login .textArea ul.link {
      display: inline-block;
      font-size: 14px;
      font-size: 1.4rem; }
      header#login .textArea ul.link li {
        margin-left: 10px;
        display: inline-block; }
        header#login .textArea ul.link li svg {
          margin-right: 3px;
          width: 14px;
          height: 14px;
          vertical-align: middle;
          fill: #098;
          vertical-align: middle; }
    header#login .textArea div.mediaInfo {
      margin-top: 10px;
      display: flex;
      flex-wrap: wrap;
      font-size: 14px;
      font-size: 1.4rem;
      justify-content: flex-end; }
      header#login .textArea div.mediaInfo dl {
        display: block;
        text-align: right; }
        header#login .textArea div.mediaInfo dl dt {
          padding-left: 10px;
          font-weight: bold;
          display: inline; }
        header#login .textArea div.mediaInfo dl dd {
          display: inline; }
  header#login li.registInfo {
    position: relative;
    display: inline-block;
    cursor: pointer;
    color: #26a;
    text-decoration: underline; }
    header#login li.registInfo .registMenu {
      background: #fff;
      border: 1px solid #ccc;
      position: absolute;
      z-index: 3;
      top: 1.5em;
      left: 0;
      display: none;
      width: auto;
      white-space: nowrap;
      padding: 0.5em 0.7em;
      transition: all .3s ease;
      border-radius: 6px; }
      header#login li.registInfo .registMenu li {
        margin-left: 0;
        display: block;
        text-align: left;
        line-height: 2; }
    header#login li.registInfo:hover {
      text-decoration: none; }
      header#login li.registInfo:hover .registMenu {
        animation: registshow .3s linear 0s;
        display: block; }
@keyframes registshow {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
header .logo {
  width: 95px;
  padding: 10px 0;
  vertical-align: middle; }

nav.global.fixed {
  margin-top: 0;
  position: fixed;
  top: 0;
  left: 0; }

nav.global {
  background: #b00;
  z-index: 4;
  margin-top: 5px;
  width: 100%;
  min-width: 980px;
  line-height: 1; }
  nav.global ul.nav {
    position: relative;
    width: 980px;
    min-width: 980px;
    display: table;
    margin: 0 auto; }
    nav.global ul.nav li.menu {
      background: #b00;
      border-right: 1px solid #700;
      display: table-cell;
      height: 45px;
      min-width: 5em;
      text-align: center;
      vertical-align: middle;
      position: relative; }
      nav.global ul.nav li.menu:hover {
        background: #c83333;
        cursor: pointer; }
        nav.global ul.nav li.menu:hover .dropDown {
          opacity: 1;
          top: 45px;
          animation: show .3s linear 0s;
          display: block; }
@keyframes show {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
      nav.global ul.nav li.menu:first-child {
        border-left: 1px solid #700; }
      nav.global ul.nav li.menu a {
        display: block;
        width: 100%;
        text-decoration: none;
        font-weight: bold;
        color: #fff; }
      nav.global ul.nav li.menu > a {
        height: 100%;
        line-height: 45px; }
      nav.global ul.nav li.menu .dropDown {
        background: #fff;
        border: 1px solid #ccc;
        width: 210px;
        min-width: 100%;
        display: none;
        opacity: 0;
        z-index: 4;
        position: absolute;
        top: 40px;
        left: 0;
        border-radius: 6px;
        padding: 15px;
        text-align: left;
        font-weight: normal;
        font-size: 16px;
        font-size: 1.6rem; }
        nav.global ul.nav li.menu .dropDown.selfbackBox {
          width: 360px;
          left: auto;
          right: 0;
          text-align: center; }
          nav.global ul.nav li.menu .dropDown.selfbackBox img {
            width: 319px;
            height: auto; }
          nav.global ul.nav li.menu .dropDown.selfbackBox p.txt {
            margin-top: 10px;
            font-size: 12px;
            font-size: 1.2rem;
            line-height: 1.3; }
        nav.global ul.nav li.menu .dropDown li {
          margin-top: 0.8em;
          border: none;
          text-align: left;
          font-size: 14px;
          font-size: 1.4rem; }
          nav.global ul.nav li.menu .dropDown li:first-child {
            margin-top: 0; }
          nav.global ul.nav li.menu .dropDown li svg {
            margin-right: 3px;
            width: 18px;
            height: 18px;
            vertical-align: middle;
            fill: #098; }
        nav.global ul.nav li.menu .dropDown a {
          color: #26a;
          text-decoration: underline;
          font-weight: normal; }
          nav.global ul.nav li.menu .dropDown a:hover {
            text-decoration: none; }
    nav.global ul.nav li.selfback {
      background: #29c;
      border-right: 1px solid #06b; }
      nav.global ul.nav li.selfback svg {
        margin-right: 5px;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        fill: #fff; }
      nav.global ul.nav li.selfback:hover {
        background: #56aed5; }

main#wrapper {
  margin: 0 auto;
  width: 980px;
  display: block;
  min-height: 450px; }
main.fixed #searchTopArea {
  padding-top: 100px; }
@media screen and (max-width: 980px) {
  main#wrapper.logout {
    width: 95%;
    padding-bottom: 10px; } }
@media screen and (min-width: 980px) {
  main#wrapper.logout {
    width: 980px; } }
main.sample {
  width: auto;
  max-width: 1300px;
  margin: 0 auto;
  display: block;
  padding-bottom: 300px; }

footer {
  margin: 50px auto 20px;
  width: 980px;
  display: block;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0; }
  footer dt {
    background: #999;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    color: #fff; }
  footer dd {
    background: #fff;
    border: 1px solid #ccc;
    padding: 15px;
    text-align: center; }
    footer dd li {
      display: inline;
      margin-left: 30px; }
      footer dd li:first-child {
        margin-left: 0; }
  footer ul.related {
    background: #eee;
    margin-top: 20px;
    padding: 0 10px 10px;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem; }
    footer ul.related li {
      margin-top: 10px;
      display: inline-block;
      margin-left: 20px; }
      footer ul.related li:first-child {
        margin-left: 0; }
    footer ul.related a {
      background: url(/media/design/images/blank.svg) 99% no-repeat;
      background-size: 18px 12px;
      padding-right: 25px;
      color: #666; }
  footer .outline {
    margin-top: 20px;
    overflow: hidden; }
    footer .outline ul {
      float: left; }
    footer .outline li {
      display: inline;
      margin-left: 20px; }
      footer .outline li:first-child {
        margin-left: 0; }
    footer .outline .copyright {
      float: right;
      text-align: right;
      font-size: 14px;
      font-size: 1.4rem; }
  @media screen and (max-width: 980px) {
    footer.logout {
      margin: 20px auto;
      width: 95%;
      position: relative;
      bottom: auto;
      left: auto;
      right: auto; }
      footer.logout ul, footer.logout .copyright {
        margin-top: 10px;
        float: none;
        text-align: left; }
      footer.logout dd {
        text-align: left;
        padding: 0 10px 10px; }
      footer.logout li {
        display: block;
        margin: 10px 0 0 10px; }
        footer.logout li:first-child {
          margin-left: 10px; }
      footer.logout ul.related {
        text-align: left;
        margin-top: 20px;
        padding: 10px; }
        footer.logout ul.related li {
          display: block;
          margin-left: 10px; }
      footer.logout .outline {
        margin-top: 10px; } }
  @media screen and (min-width: 980px) {
    footer.logout {
      width: 980px; } }

html {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  overflow-y: scroll;
  font-size: 62.5%; }

body {
  background: #fff;
  position: relative;
  min-height: 100vh;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #333;
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: border-box; }

font {
  font-size: 16px;
  font-size: 1.6rem; }

a:link, a:hover, a:active {
  color: #26a; }

a:visited {
  color: #609; }

a:link, a:visited {
  text-decoration: underline; }

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

a img:hover {
  opacity: 0.8;
  transition: all 0.3s; }

a.blank {
  background: url(/media/design/images/blank.svg) no-repeat right;
  background-size: 18px 12px;
  padding-right: 24px; }

.txtLink svg {
  margin-right: 3px;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  fill: #098;
  margin-left: 10px; }
  .txtLink svg:first-of-type {
    margin-left: 0; }

main h1 {
  margin-top: 20px;
  overflow: hidden;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem; }
  main h1 svg {
    margin-right: 3px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    fill: #999; }
  main h1.h1 {
    border-left: 6px solid #d00000;
    background: #eee;
    padding: 10px; }
    main h1.h1 span {
      display: inline-block;
      padding-left: 20px;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: normal; }
    main h1.h1 .helpBox {
      float: right; }
      main h1.h1 .helpBox svg {
        margin-right: 3px;
        width: 16px;
        height: 16px;
        vertical-align: middle;
        fill: #098; }
main h2 {
  margin-top: 30px;
  line-height: 1;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem; }
  main h2.h2 {
    border-left: 6px solid #d00000;
    border-bottom: 1px solid #ccc;
    padding: 5px 10px; }
  main h2.border {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px; }
  main h2.bdL {
    border-left: 6px solid #d00000;
    padding: 0 10px; }
  main h2.bg {
    border-left: 6px solid #d00000;
    background: #eee;
    padding: 10px; }
  main h2 span {
    display: inline-block;
    padding-left: 20px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal; }
  main h2 .helpBox {
    float: right; }
    main h2 .helpBox svg {
      margin-right: 3px;
      width: 16px;
      height: 16px;
      vertical-align: middle;
      fill: #098; }
  main h2 svg {
    margin-right: 3px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    fill: #999; }
main h3 {
  margin-top: 30px;
  font-weight: bold;
  line-height: 1;
  font-size: 18px;
  font-size: 1.8rem; }
  main h3.h3 {
    border-left: 6px solid #d00000;
    padding: 0 10px; }
  main h3 svg {
    margin-right: 3px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    fill: #999; }
  main h3 img {
    max-height: 20px;
    max-width: 20px; }
  main h3.border {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px; }
  main h3.borderL {
    border-left: 6px solid #d00000;
    border-bottom: 1px solid #ccc;
    padding: 5px 10px; }
  main h3 span {
    display: inline-block;
    padding-left: 20px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal; }
  main h3 .helpBox {
    float: right; }
    main h3 .helpBox svg {
      margin-right: 3px;
      width: 16px;
      height: 16px;
      vertical-align: middle;
      fill: #098; }
  main h3 svg {
    margin-right: 3px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    fill: #999; }
main h4 {
  font-weight: bold;
  line-height: 1; }
  main h4.h4 {
    margin-top: 10px;
    border-left: 4px solid #666;
    padding: 0 5px; }
  main h4.bg {
    background: #eee;
    padding: 5px; }
  main h4.border {
    margin-top: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px; }
  main h4 svg {
    margin-right: 3px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    fill: #999; }

.bold {
  font-weight: bold; }

.em, .corC00 {
  color: #d00000; }

.bdD {
  border: 1px dotted #ccc; }

.bdDT {
  border-top: 1px dotted #ccc; }

.bdDB {
  border-bottom: 1px dotted #ccc; }

.bdDL {
  border-left: 1px dotted #ccc; }

.bdDR {
  border-right: 1px dotted #ccc; }

.required {
  display: block;
  width: 100%; }

.required::after {
  display: inline-block;
  margin-left: 5px;
  content: '必須';
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  background: #d00000;
  padding: 2px 5px; }

.annotation::before {
  content: '※'; }

.base.prSite+.annotation {
  background:#ffee92;
  padding:0 5px 5px 130px;
  font-size:14px;
  font-size:1.4rem;
  border-bottom:1px dotted #ccc }

ul.annotationList li {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.75; }
  ul.annotationList li::before {
    content: '※'; }

ul.list {
  margin-top: 20px; }
  ul.list li {
    border-bottom: 1px dotted #ccc; }
  ul.list a {
    display: block;
    padding: 10px; }
    ul.list a:hover {
      opacity: 0.8;
      transition: all 0.3s;
      background: #eee; }

.attention {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  color: #d00000; }
  .attention svg {
    margin-right: 5px;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    fill: #d00000;
    vertical-align: middle; }

.preText {
  white-space: pre-wrap;
  word-break: break-all; }

.bgColor {
  display: inline-block;
  padding: 3px;
  background: #eee; }

.txt10 {
  font-size: 10px;
  font-size: 1rem; }

.txt12 {
  font-size: 12px;
  font-size: 1.2rem; }

.txt14 {
  font-size: 14px;
  font-size: 1.4rem; }

.txt16 {
  font-size: 16px;
  font-size: 1.6rem; }

.txt18 {
  font-size: 18px;
  font-size: 1.8rem; }

.txt20 {
  font-size: 20px;
  font-size: 2rem; }

.txt22 {
  font-size: 22px;
  font-size: 2.2rem; }

.txt24 {
  font-size: 24px;
  font-size: 2.4rem; }

.bdT {
  border-top: 1px dotted #ccc; }

.bdB {
  border-bottom: 1px dotted #ccc; }

.bdL {
  border-left: 1px dotted #ccc; }

.bdR {
  border-right: 1px dotted #ccc; }

.pcOnly {
  display: block; }

.spOnly {
  display: none; }

#oldBrowser {
  margin-bottom: 20px;
  border: 3px solid #d00000;
  padding: 10px;
  color: #d00000;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem; }

#oldBrowser {
  display: none; }

#oldBrowser {
  display: block\9; }

head body #oldBrowser {
  display: block; }

#oldBrowser:not(:target) {
  display: none\9; }

.goodsLink, .noScroll {
  overflow-y: hidden; }

@media screen and (max-width: 480px) {
  .pcOnly {
    display: none; }

  .spOnly {
    display: block; } }
.floatL {
  float: left; }

.floatR {
  float: right; }

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

.mgt3 {
  margin-top: 3px !important; }

.mgb3 {
  margin-top: 3px !important; }

.mg5 {
  margin: 5px !important; }

.mgt5 {
  margin-top: 5px !important; }

.mgr5 {
  margin-right: 5px !important; }

.mgl5 {
  margin-left: 5px !important; }

.mgb5 {
  margin-bottom: 5px !important; }

.pd5 {
  padding: 5px !important; }

.pdt5 {
  padding-top: 5px !important; }

.pdr5 {
  padding-right: 5px !important; }

.pdl5 {
  padding-left: 5px !important; }

.pdb5 {
  padding-bottom: 5px !important; }

.mg10 {
  margin: 10px !important; }

.mgt10 {
  margin-top: 10px !important; }

.mgr10 {
  margin-right: 10px !important; }

.mgl10 {
  margin-left: 10px !important; }

.mgb10 {
  margin-bottom: 10px !important; }

.pd10 {
  padding: 10px !important; }

.pdt10 {
  padding-top: 10px !important; }

.pdr10 {
  padding-right: 10px !important; }

.pdl10 {
  padding-left: 10px !important; }

.pdb10 {
  padding-bottom: 10px !important; }

.mg15 {
  margin: 15px !important; }

.mgt15 {
  margin-top: 15px !important; }

.mgr15 {
  margin-right: 15px !important; }

.mgl15 {
  margin-left: 15px !important; }

.mgb15 {
  margin-bottom: 15px !important; }

.pd15 {
  padding: 15px !important; }

.pdt15 {
  padding-top: 15px !important; }

.pdr15 {
  padding-right: 15px !important; }

.pdl15 {
  padding-left: 15px !important; }

.pdb15 {
  padding-bottom: 15px !important; }

.mg20 {
  margin: 20px !important; }

.mgt20 {
  margin-top: 20px !important; }

.mgr20 {
  margin-right: 20px !important; }

.mgl20 {
  margin-left: 20px !important; }

.mgb20 {
  margin-bottom: 20px !important; }

.pd20 {
  padding: 20px !important; }

.pdt20 {
  padding-top: 20px !important; }

.pdr20 {
  padding-right: 20px !important; }

.pdl20 {
  padding-left: 20px !important; }

.pdb20 {
  padding-bottom: 20px !important; }

.mg25 {
  margin: 25px !important; }

.mgt25 {
  margin-top: 25px !important; }

.mgr25 {
  margin-right: 25px !important; }

.mgl25 {
  margin-left: 25px !important; }

.mgb25 {
  margin-bottom: 25px !important; }

.pd25 {
  padding: 25px !important; }

.pdt25 {
  padding-top: 25px !important; }

.pdr25 {
  padding-right: 25px !important; }

.pdl25 {
  padding-left: 25px !important; }

.pdb25 {
  padding-bottom: 25px !important; }

.mg30 {
  margin: 30px !important; }

.mgt30 {
  margin-top: 30px !important; }

.mgr30 {
  margin-right: 30px !important; }

.mgl30 {
  margin-left: 30px !important; }

.mgb30 {
  margin-bottom: 30px !important; }

.pd30 {
  padding: 30px !important; }

.pdt30 {
  padding-top: 30px !important; }

.pdr30 {
  padding-right: 30px !important; }

.pdl30 {
  padding-left: 30px !important; }

.pdb30 {
  padding-bottom: 30px !important; }

.mg35 {
  margin: 35px !important; }

.mgt35 {
  margin-top: 35px !important; }

.mgr35 {
  margin-right: 35px !important; }

.mgl35 {
  margin-left: 35px !important; }

.mgb35 {
  margin-bottom: 35px !important; }

.pd35 {
  padding: 35px !important; }

.pdt35 {
  padding-top: 35px !important; }

.pdr35 {
  padding-right: 35px !important; }

.pdl35 {
  padding-left: 35px !important; }

.pdb35 {
  padding-bottom: 35px !important; }

.mg40 {
  margin: 40px !important; }

.mgt40 {
  margin-top: 40px !important; }

.mgr40 {
  margin-right: 40px !important; }

.mgl40 {
  margin-left: 40px !important; }

.mgb40 {
  margin-bottom: 40px !important; }

.pd40 {
  padding: 40px !important; }

.pdt40 {
  padding-top: 40px !important; }

.pdr40 {
  padding-right: 40px !important; }

.pdl40 {
  padding-left: 40px !important; }

.pdb40 {
  padding-bottom: 40px !important; }

.mg45 {
  margin: 45px !important; }

.mgt45 {
  margin-top: 45px !important; }

.mgr45 {
  margin-right: 45px !important; }

.mgl45 {
  margin-left: 45px !important; }

.mgb45 {
  margin-bottom: 45px !important; }

.pd45 {
  padding: 45px !important; }

.pdt45 {
  padding-top: 45px !important; }

.pdr45 {
  padding-right: 45px !important; }

.pdl45 {
  padding-left: 45px !important; }

.pdb45 {
  padding-bottom: 45px !important; }

.mg50 {
  margin: 50px !important; }

.mgt50 {
  margin-top: 50px !important; }

.mgr50 {
  margin-right: 50px !important; }

.mgl50 {
  margin-left: 50px !important; }

.mgb50 {
  margin-bottom: 50px !important; }

.pd50 {
  padding: 50px !important; }

.pdt50 {
  padding-top: 50px !important; }

.pdr50 {
  padding-right: 50px !important; }

.pdl50 {
  padding-left: 50px !important; }

.pdb50 {
  padding-bottom: 50px !important; }

.alR {
  text-align: right !important; }

.alL {
  text-align: left !important; }

.alC {
  text-align: center !important; }

.vaT {
  vertical-align: top !important; }

.vaM {
  vertical-align: middle !important; }

.vaB {
  vertical-align: bottom !important; }

.dpI {
  display: inline; }

.dpIb {
  display: inline-block; }

.dpB {
  display: block; }

.breadCrumb {
  margin-top: 20px;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 10px;
  line-height: 1;
  font-size: 14px;
  font-size: 1.4rem; }
  .breadCrumb svg {
    margin-right: 5px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    fill: #098; }
  .breadCrumb li {
    display: inline-block;
    vertical-align: middle; }
    .breadCrumb li a::after {
      margin-left: 10px;
      content: '';
      width: 6px;
      height: 10px;
      vertical-align: middle;
      background: url(/media/design/images/icon_arrow_right.svg) 0 0 no-repeat;
      background-size: 6px 10px;
      display: inline-block; }

.breadCrumb2 {
  margin-top: 20px;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 10px;
  line-height: 1;
  font-size: 14px;
  font-size: 1.4rem; }
  .breadCrumb2 svg {
    margin-right: 5px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    fill: #098; }
  .breadCrumb2 li {
    display: inline-block;
    vertical-align: middle; }
    .breadCrumb2 li::after {
      margin-left: 10px;
      content: '';
      width: 6px;
      height: 10px;
      vertical-align: middle;
      background: url(/media/design/images/icon_arrow_right.svg) 0 0 no-repeat;
      background-size: 6px 10px;
      display: inline-block; }
    .breadCrumb2 li:last-of-type::after {
      margin-left: 0;
      background: none;
      width: 0;
      height: auto; }

ul.pager {
  margin: 30px auto 0;
  display: block;
  text-align: center;
  line-height: 1;
  font-size: 14px;
  font-size: 1.4rem; }
  ul.pager li {
    margin-left: 5px;
    display: inline-block; }
    ul.pager li.active {
      border: 1px solid #ccc;
      border-radius: 4px;
      background: #ccc;
      padding: 12px 15px;
      color: #333; }
    ul.pager li a {
      border: 1px solid #ccc;
      border-radius: 4px;
      display: inline-block;
      padding: 12px 15px;
      color: #333;
      text-decoration: none;
      line-height: 1; }
      ul.pager li a:hover {
        background: #eee;
        opacity: 0.8;
        transition: all 0.3s; }
    ul.pager li:first-child {
      margin-left: 0; }

.anchor {
  margin-top: 20px; }
  .anchor li {
    display: inline;
    margin-left: 10px;
    word-break: break-all; }
    .anchor li:first-of-type {
      margin-left: 0; }
  .anchor svg {
    margin-right: 3px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    fill: #098;
    transform: rotate(90deg); }

#pageTop {
  margin-top: 10px;
  width: 60px;
  height: 60px;
  bottom: 30px;
  right: 20px;
  position: fixed;
  z-index: 3; }
  #pageTop a {
    position: fixed;
    bottom: auto;
    display: block; }
    #pageTop a:hover {
      opacity: 0.8;
      transition: all 0.3s; }
    #pageTop a img {
      width: 60px;
      height: auto; }

.showHideBox p, .showHideBox li {
  display: inline-block; }

.showHide {
  display: none; }

ul.showHide {
  margin-left: 10px; }

.showMenu {
  margin-top: 10px;
  text-decoration: underline;
  color: #26a;
  cursor: pointer; }
  .showMenu svg {
    margin-right: 3px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    fill: #098; }

.dropdown_toggle svg {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.notExist {
  margin: 100px auto;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  font-size: 2.4rem; }
  .notExist.addMsg {
    margin: 100px auto 30px; }

.compMsgS {
  margin: 30px auto 20px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem; }

#modalParallel {
  display: none;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 98;
  background: rgba(0, 0, 0, 0.5); }
  #modalParallel .modalParallelOverLay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 98; }
  #modalParallel .modalBtn {
    position: absolute;
    z-index: 98;
    width: 662px;
    top: 15px;
    left: 50%;
    transform: translate(-50%, 0); }
    #modalParallel .modalBtn p.closeParallel {
      text-align: right; }
      #modalParallel .modalBtn p.closeParallel svg {
        margin-right: 3px;
        width: 40px;
        height: 40px;
        vertical-align: middle;
        fill: #fff;
        cursor: pointer; }

.ParallelContents {
  background-color: #fff;
  width: 662px;
  min-height: 428px;
  z-index: 99;
  position: absolute;
  top: 70px;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 12px;
  overflow-y: none;
  padding: 15px;
  text-align: center; }
  .ParallelContents .frame {
    display: none;
    min-height: 408px;
    max-height: 408px;
    width: 622px; }
  .ParallelContents .cancelBtn {
    cursor: pointer; }

#modalbeginner {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 98;
  background: rgba(0, 0, 0, 0.5); }
  #modalbeginner .modalbeginnerOverLay {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 98; }
  #modalbeginner .modalBtn {
    position: absolute;
    z-index: 98;
    width: 662px;
    top: 15px;
    left: 50%;
    transform: translate(-50%, 0); }
    #modalbeginner .modalBtn p.closeModal {
      text-align: right; }
      #modalbeginner .modalBtn p.closeModal svg {
        margin-right: 3px;
        width: 40px;
        height: 40px;
        vertical-align: middle;
        fill: #fff;
        cursor: pointer; }

.biginnerContents {
  background-color: #fff;
  width: 662px;
  min-height: 428px;
  z-index: 99;
  position: absolute;
  top: 70px;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 12px;
  overflow-y: none;
  padding: 15px; }
  .biginnerContents .frame {
    display: none;
    min-height: 408px;
    max-height: 408px;
    width: 622px; }
  .biginnerContents .loading {
    text-align: center; }

#modalRank {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 98;
  background: rgba(0, 0, 0, 0.5); }
  #modalRank .modalRankOverLay {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 98; }
  #modalRank .modalBtn {
    position: absolute;
    z-index: 98;
    width: 422px;
    top: 15px;
    left: 50%;
    transform: translate(-50%, 0); }
    #modalRank .modalBtn p.closeModal {
      text-align: right; }
      #modalRank .modalBtn p.closeModal svg {
        margin-right: 3px;
        width: 40px;
        height: 40px;
        vertical-align: middle;
        fill: #fff;
        cursor: pointer; }

.rankContents {
  background-color: #fff;
  width: 412px;
  min-height: 383px;
  z-index: 99;
  position: absolute;
  top: 70px;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 12px;
  overflow-y: none;
  padding: 15px; }
  .rankContents .frame {
    display: none;
    min-height: 353px;
    max-height: 353px;
    width: 382px; }
  .rankContents .loading {
    text-align: center; }

.modalopen, .modal2open, .modal3open {
  text-decoration: underline;
  color: #26a;
  cursor: pointer;
  display: inline-block; }
  .modalopen svg, .modal2open svg, .modal3open svg {
    margin-right: 3px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    fill: #098; }
  .modalopen:hover, .modal2open:hover, .modal3open:hover {
    text-decoration: none; }

.modalRewardopen {
  cursor: pointer; }

#modalWrapper, #modal2Wrapper, #modal3Wrapper, #modalRewardWrapper {
  display: none;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 4;
  background: rgba(0, 0, 0, 0.5); }

.modalOverLay, .modal2OverLay, .modal3OverLay, .modalRewardOverLay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 4; }

.modalBtn, .modal2Btn, .modal3Btn {
  position: absolute;
  z-index: 5;
  width: 930px;
  top: 15px;
  left: 50%;
  transform: translate(-50%, 0); }
  .modalBtn p.closeModal, .modalBtn p.close2Modal, .modalBtn p.close3Modal, .modalBtn p.closeRewardModal, .modal2Btn p.closeModal, .modal2Btn p.close2Modal, .modal2Btn p.close3Modal, .modal2Btn p.closeRewardModal, .modal3Btn p.closeModal, .modal3Btn p.close2Modal, .modal3Btn p.close3Modal, .modal3Btn p.closeRewardModal {
    text-align: right; }
    .modalBtn p.closeModal svg, .modalBtn p.close2Modal svg, .modalBtn p.close3Modal svg, .modalBtn p.closeRewardModal svg, .modal2Btn p.closeModal svg, .modal2Btn p.close2Modal svg, .modal2Btn p.close3Modal svg, .modal2Btn p.closeRewardModal svg, .modal3Btn p.closeModal svg, .modal3Btn p.close2Modal svg, .modal3Btn p.close3Modal svg, .modal3Btn p.closeRewardModal svg {
      margin-right: 3px;
      width: 40px;
      height: 40px;
      vertical-align: middle;
      fill: #fff;
      cursor: pointer; }

.modalContents {
  background-color: #fff;
  width: auto;
  min-height: auto;
  max-height: 85vh;
  z-index: 5;
  position: absolute;
  top: 70px;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 12px;
  overflow-y: none;
  border: 1px solid #ccc;
  padding: 15px; }
  .modalContents .frame {
    display: none;
    min-height: 80vh;
    max-height: 2600px;
    width: 900px; }
  .modalContents .loading {
    text-align: center; }

.modalRewardContents {
  background-color: #fff;
  width: auto;
  min-height: auto;
  z-index: 5;
  position: absolute;
  top: 70px;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 12px;
  overflow-y: none;
  border: 1px solid #ccc;
  padding: 15px; }
  .modalRewardContents .frame {
    display: none;
    height: 260px;
    width: 900px; }
  .modalRewardContents .loading {
    text-align: center; }

.commentary {
  margin-top: 20px;
  padding: 10px 0;
  text-align: right;
  line-height: 1; }
  .commentary svg {
    margin-right: 3px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    fill: #098;
    margin-left: 10px; }
    .commentary svg:first-of-type {
      margin-left: 0; }
  .commentary p {
    display: inline-block;
    margin-left: 5px; }
    .commentary p:first-of-type {
      margin-left: 0; }
  .commentary dl, .commentary dt, .commentary dd {
    display: inline-block; }
  .commentary dt {
    padding: 5px;
    margin-left: 10px;
    font-weight: bold; }
    .commentary dt:first-of-type {
      margin-left: 0; }

.markAnnotation, .compAnnotation {
  background: #eee;
  margin: 20px auto 0;
  padding: 10px; }
  .markAnnotation > p::before, .compAnnotation > p::before {
    content: '';
    display: inline-block;
    margin-right: 5px;
    width: 18px;
    height: 18px;
    background: url(/media/design/images/icon_exclamation.svg) no-repeat;
    background-size: contain;
    vertical-align: middle; }
  .markAnnotation li, .compAnnotation li {
    margin-top: 10px;
    text-align: left;
    text-indent: -18px;
    padding-left: 25px; }
    .markAnnotation li:first-of-type, .compAnnotation li:first-of-type {
      margin-top: 0; }
    .markAnnotation li::before, .compAnnotation li::before {
      content: '';
      display: inline-block;
      margin-right: 5px;
      width: 18px;
      height: 18px;
      background: url(/media/design/images/icon_exclamation.svg) no-repeat;
      background-size: contain;
      vertical-align: middle; }

.split {
  display: flex;
  justify-content: space-between; }
  .split svg {
    margin-right: 3px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    fill: #098; }
    .split svg.gray {
      fill: #666; }
  .split.w30 > div {
    flex-basis: 32%; }
  .split.charity {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc; }
    .split.charity:last-of-type {
      border: none; }
    .split.charity:first-of-type {
      border: none; }
    .split.charity .charityThumb {
      flex-basis: 200px; }
      .split.charity .charityThumb a {
        width: 100%; }
    .split.charity .charityDetail {
      flex-basis: 760px; }

.splitStart {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start; }

.floatBox {
  overflow: hidden;
  width: 100%; }

.floatL {
  float: left; }

.floatR {
  float: right; }

.split50 {
  display: flex;
  justify-content: space-between; }
  .split50 > div {
    flex-basis: 49%; }
  .split50 svg {
    margin-right: 3px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    fill: #098; }
    .split50 svg.gray {
      fill: #666; }

.splitWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start; }
  .splitWrap > div {
    margin: 5px 5px 5px 0; }
    .splitWrap > div:last-of-type {
      margin-right: 0; }

_:-ms-lang(x), .splitWrap {
  width: 840px; }

.splitBorder {
  border: 1px solid #ccc;
  padding: 10px;
  display: flex;
  justify-content: space-between; }
  .splitBorder svg {
    margin-right: 3px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    fill: #098; }
    .splitBorder svg.gray {
      fill: #666; }

.borderBox {
  border: 1px solid #ccc;
  padding: 5px; }
  .borderBox.even {
    padding: 0; }
  .borderBox table.trBorder {
    font-size: 15px;
    font-size: 1.5rem; }
  .borderBox > p, .borderBox > ul, .borderBox > div {
    margin: 10px; }
  .borderBox svg {
    margin-right: 3px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    fill: #098; }
    .borderBox svg.gray {
      fill: #666; }

.bgBox {
  margin-top: 20px;
  background: #eee;
  padding: 10px; }
  .bgBox svg {
    margin-right: 3px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    fill: #098; }
    .bgBox svg.gray {
      fill: #666; }

.resultNumber.fixed {
  width: 980px;
  position: fixed;
  top: 15px;
  left: auto;
  right: auto; }

.resultNumber, .resultBox {
  background: #eee;
  z-index: 3;
  min-width: 980px;
  margin-top: 30px;
  display: table;
  padding: 10px;
  line-height: 1; }
  .resultNumber h2, .resultBox h2 {
    margin-top: 0;
    display: table-cell;
    width: 8em;
    padding-right: 10px;
    vertical-align: middle;
    font-size: 20px;
    font-size: 2rem; }
  .resultNumber .number, .resultBox .number {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold; }
    .resultNumber .number span, .resultBox .number span {
      padding-right: 3px;
      font-size: 26px;
      font-size: 2.6rem;
      color: #d00000; }
  .resultNumber .refine, .resultBox .refine {
    min-width: 50%;
    display: table-cell;
    vertical-align: middle;
    text-align: right; }
    .resultNumber .refine p, .resultBox .refine p {
      display: inline-block;
      margin-left: 5px; }

.subMsgArea {
  background: #eee;
  margin: 20px auto;
  padding: 15px;
  text-align: left; }
  .subMsgArea li {
    margin-top: 10px; }
    .subMsgArea li:first-of-type {
      margin-top: 0; }
  .subMsgArea ul.annotationList {
    font-size: 14px;
    font-size: 1.4rem; }
    .subMsgArea ul.annotationList li {
      margin-top: 15px; }
      .subMsgArea ul.annotationList li:first-of-type {
        margin-top: 0; }

.adjWidthArea {
  width: 80%;
  margin: 0 auto; }

main#wrapper .recommendA {
  width: 100%;
  text-align: center;
  margin-top: 20px; }
  main#wrapper .recommendA p {
    margin-top: 15px;
    font-weight: bold; }

.recommendA2 {
  margin-top: 30px;
  display: table;
  border: 1px solid #ccc;
  width: 100%;
  padding: 10px; }
  .recommendA2 p {
    display: table-cell;
    vertical-align: middle; }
  .recommendA2 .ban {
    width: 254px;
    padding-right: 20px; }
    .recommendA2 .ban img {
      width: 100%; }
  .recommendA2 .btnBox {
    text-align: right;
    min-width: 180px; }
    .recommendA2 .btnBox svg {
      margin-right: 3px;
      width: 18px;
      height: 18px;
      vertical-align: middle;
      fill: #fff; }

main#wrapperLogin .recommendA {
  border: 1px solid #ccc;
  font-size: 14px;
  font-size: 1.4rem;
  font-feature-settings: "palt"; }
  main#wrapperLogin .recommendA p {
    display: block; }
    main#wrapperLogin .recommendA p.line::after {
      content: '';
      display: block;
      width: calc(100% - 20px);
      height: 1px;
      margin: 0 auto;
      border-bottom: 1px dotted #ccc; }
    main#wrapperLogin .recommendA p:last-of-type:after {
      border-bottom: 0;
      height: 0; }
    main#wrapperLogin .recommendA p svg {
      margin-right: 3px;
      width: 14px;
      height: 14px;
      vertical-align: middle;
      fill: #d00000; }
    main#wrapperLogin .recommendA p a {
      display: inline-block;
      padding: 10px;
      width: 100%; }
      main#wrapperLogin .recommendA p a:link {
        color: #d00000;
        font-size: 14px;
        font-size: 1.4rem;
        text-decoration: none; }
      main#wrapperLogin .recommendA p a:visited {
        color: #d00000;
        font-size: 14px;
        font-size: 1.4rem;
        text-decoration: none; }
      main#wrapperLogin .recommendA p a:hover {
        opacity: 0.8;
        transition: all 0.3s;
        background: #eee; }
main#wrapperLogin .btnBox {
  display: none; }

.compMsg {
  margin: 50px 0 0;
  text-align: center; }
  .compMsg p:first-of-type {
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold; }
  .compMsg p:last-of-type {
    margin-top: 30px; }

.compAnnotation {
  margin: 30px auto 0;
  display: block;
  width: 800px;
  padding: 10px 15px; }

.compArea {
  margin-top: 20px;
  border: 1px solid #ccc;
  padding: 0 5px 5px; }
  .compArea table.border {
    margin-top: 5px; }
    .compArea table.border:last-of-type {
      border-bottom: none; }
    .compArea table.border .pgNameTitle {
      width: 350px;
      word-break: break-all; }
    .compArea table.border .statusTitle {
      width: 100px; }
    .compArea table.border td.comp {
      text-align: center;
      color: #098;
      font-weight: bold; }
    .compArea table.border td.judge {
      text-align: center;
      color: #d00000;
      font-weight: bold; }
    .compArea table.border td.denial {
      text-align: center;
      font-weight: bold; }
    .compArea table.border .btnSet {
      width: 498px; }
      .compArea table.border .btnSet ul {
        display: flex;
        justify-content: flex-start; }
      .compArea table.border .btnSet li {
        flex-basis: calc(100%/4);
        margin-left: 4px; }
        .compArea table.border .btnSet li:first-of-type {
          margin-left: 0; }
      .compArea table.border .btnSet a {
        width: 100%;
        font-size: 12px;
        font-size: 1.2rem;
        padding: 13px 5px; }
        .compArea table.border .btnSet a svg {
          width: 12px;
          height: 12px;
          margin-right: 2px; }

.recommendAlliance {
  margin-top: 15px; }
  .recommendAlliance ul {
    margin-top: 10px;
    border-bottom: 1px dotted #ccc;
    display: table;
    width: 100%;
    padding-bottom: 10px; }
  .recommendAlliance li {
    display: table-cell;
    vertical-align: middle; }
  .recommendAlliance .ban {
    width: 478px;
    flex-basis: 478px;
    padding-right: 10px; }
    .recommendAlliance .ban img {
      width: 468px;
      height: auto; }
  .recommendAlliance .txt {
    width: 500px;
    flex-basis: 500px; }
  .recommendAlliance .btnBox {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1; }
    .recommendAlliance .btnBox a {
      min-width: 150px;
      padding: 1em;
      cursor: pointer;
      text-align: center; }
    .recommendAlliance .btnBox a.btn, .recommendAlliance .btnBox a.selfbackBtn {
      margin-top: 10px; }
      .recommendAlliance .btnBox a.btn svg, .recommendAlliance .btnBox a.selfbackBtn svg {
        margin-right: 3px;
        width: 14px;
        height: 14px;
        vertical-align: middle;
        fill: #fff; }
    .recommendAlliance .btnBox a.campBtn {
      margin-top: 10px;
      background: #f82;
      border: 1px solid #f82;
      border-radius: 6px;
      width: auto;
      padding: 1em;
      display: inline-block;
      text-decoration: none;
      color: #fff;
      line-height: 1;
      font-weight: bold; }
      .recommendAlliance .btnBox a.campBtn svg {
        margin-right: 3px;
        width: 14px;
        height: 14px;
        vertical-align: middle;
        fill: #fff; }
      .recommendAlliance .btnBox a.campBtn:hover {
        opacity: 0.8;
        transition: all 0.3s; }
    .recommendAlliance .btnBox a.subBtn, .recommendAlliance .btnBox a.subBtn2 {
      margin-top: 10px; }
      .recommendAlliance .btnBox a.subBtn svg, .recommendAlliance .btnBox a.subBtn2 svg {
        margin-right: 3px;
        width: 14px;
        height: 14px;
        vertical-align: middle;
        fill: #098; }

ul.default li {
  padding-left: 1em;
  text-indent: -1em; }
ul.default li::before {
  content: '・'; }

ol {
  counter-reset: item;
  list-style-type: none;
  padding-left: 0; }
  ol ol {
    padding-left: 1em; }
  ol li {
    text-indent: -1.3em;
    padding-left: 1.3em;
    margin-top: 5px; }
    ol li:before {
      counter-increment: item;
      content: counter(item) ".";
      padding-right: .5em; }

.check {
  background: #d00000;
  margin-right: 5px;
  display: inline-block;
  padding: 2px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  font-weight: bold; }

.checked_ok {
  background: url(/media/design/images/checkicon_ok.svg) no-repeat !important;
  background-position: center right 10px !important;
  background-size: 18px 18px !important;
}

.checked_error {
  background: url(/media/design/images/checkicon_error.svg) no-repeat !important;
  background-position: center right 10px !important;
  background-size: 18px 18px !important;
}

.checked_loading {
  background: url(/media/design/images/min_indicator.gif) no-repeat !important;
  background-position: center right 10px !important;
  background-size: 18px 18px !important;
}

.iconAlliance,
.iconApplying,
.iconNotAlliance {
  padding: 2px 20px;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  border-radius: 12px;
  font-size: 13px;
  font-size: 1.3rem; }

.iconAlliance {
  background: #f82; }

.iconApplying {
  background: #26a; }

.iconNotAlliance {
  background: #666; }

.iconResolution {
  margin-left: 10px;
  display: inline-block;
  background: #fc0;
  padding: 5px 10px;
  border-radius: 12px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1; }

a.arrow01, .arrow01 {
  background: url(/media/design/images/icon_arrow_right.svg) no-repeat left;
  background-size: 10px 14px;
  padding-left: 12px; }

.favOff svg {
  margin-right: 3px;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  fill: #fff;
  width: 28px;
  height: 25px;
  stroke: #999;
  margin-right: 0; }

.favOn svg {
  margin-right: 3px;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  fill: #fc0; }

svg.ascending {
  transform: rotate(90deg); }
svg.iconMail, svg .svgIcon {
  width: 24px;
  height: 24px;
  fill: #098; }
svg.opened {
  fill: #ccc; }
svg.unselected {
  fill: #ccc; }

img.imgChk {
  width: 24px;
  height: 24px; }
img.imgChkS {
  width: 18px;
  height: 18px; }
img.arrowR {
  width: 10px;
  height: 14px; }
img.iconMail {
  width: 24px;
  height: auto; }

.odd table tr:nth-child(odd), .odd table.base tr:nth-child(odd), .odd table.border tr:nth-child(odd), .odd table.tdBorder tr:nth-child(odd) {
  background: #f5f5f5; }
.odd table tr:first-of-type, .odd table.base tr:first-of-type, .odd table.border tr:first-of-type, .odd table.tdBorder tr:first-of-type {
  background: #fff; }

.oddLine table, .oddLine table.base, .oddLine table.border, .oddLine table.tdBorder {
  border-spacing: 0; }
  .oddLine table:nth-child(odd) tr, .oddLine table.base:nth-child(odd) tr, .oddLine table.border:nth-child(odd) tr, .oddLine table.tdBorder:nth-child(odd) tr {
    background: #f5f5f5; }

.evenLine table, .evenLine table.base, .evenLine table.border, .evenLine table.tdBorder {
  border-spacing: 0; }
  .evenLine table:nth-child(even) tr, .evenLine table.base:nth-child(even) tr, .evenLine table.border:nth-child(even) tr, .evenLine table.tdBorder:nth-child(even) tr {
    background: #f5f5f5; }

table.base, table.border, table.tdBorder {
  border-collapse: separate;
  width: 100%;
  border-spacing: 5px;
  font-size: 14px;
  font-size: 1.4rem; }
  table.base th, table.border th, table.tdBorder th {
    background: #eee; }
    table.base th.sub, table.border th.sub, table.tdBorder th.sub {
      background: #999;
      color: #fff; }
    table.base th.thW50, table.border th.thW50, table.tdBorder th.thW50 {
      width: 50%;
      max-width: 50%; }
    table.base th.thW40, table.border th.thW40, table.tdBorder th.thW40 {
      width: 40%;
      max-width: 40%; }
    table.base th.thW30, table.border th.thW30, table.tdBorder th.thW30 {
      width: 30%;
      max-width: 30%; }
    table.base th.thW20, table.border th.thW20, table.tdBorder th.thW20 {
      width: 20%;
      max-width: 20%; }
    table.base th.thW10, table.border th.thW10, table.tdBorder th.thW10 {
      width: 10%;
      max-width: 10%; }
    table.base th.thW140px, table.border th.thW140px, table.tdBorder th.thW140px {
      width: 140px;
      max-width: 140px; }
    table.base th.thW3em, table.border th.thW3em, table.tdBorder th.thW3em {
      width: 3em;
      max-width: 3em; }
    table.base th.thW4em, table.border th.thW4em, table.tdBorder th.thW4em {
      width: 4em;
      max-width: 4em; }
  table.base th, table.base td, table.border th, table.border td, table.tdBorder th, table.tdBorder td {
    padding: 5px;
    vertical-align: middle;
    word-break: break-all; }
  table.base td, table.border td, table.tdBorder td {
    font-feature-settings: "palt"; }
    table.base td.tdW20, table.border td.tdW20, table.tdBorder td.tdW20 {
      width: 20%;
      max-width: 20%; }
    table.base td.tdW30, table.border td.tdW30, table.tdBorder td.tdW30 {
      width: 30%;
      max-width: 30%; }
    table.base td.tdW60, table.border td.tdW60, table.tdBorder td.tdW60 {
      width: 60%;
      max-width: 60%; }
      table.base td.tdW60 input[type="text"], table.border td.tdW60 input[type="text"], table.tdBorder td.tdW60 input[type="text"] {
        width: 450px;
        max-width: 450px; }
    table.base td.tdW70, table.border td.tdW70, table.tdBorder td.tdW70 {
      width: 70%;
      max-width: 70%; }
    table.base td.tdW140px, table.border td.tdW140px, table.tdBorder td.tdW140px {
      width: 140px;
      max-width: 140px; }
    table.base td.tdW160px, table.border td.tdW160px, table.tdBorder td.tdW160px {
      width: 160px;
      max-width: 160px; }
    table.base td.tdW3em, table.border td.tdW3em, table.tdBorder td.tdW3em {
      width: 3em;
      max-width: 3em; }
    table.base td.tdW4em, table.border td.tdW4em, table.tdBorder td.tdW4em {
      width: 4em;
      max-width: 4em; }
    table.base td.mailBox, table.border td.mailBox, table.tdBorder td.mailBox {
      width: 40px; }
    table.base td.mailTime, table.border td.mailTime, table.tdBorder td.mailTime {
      width: 10em; }

table.base {
  border: 1px solid #ccc; }

table.border {
  border-bottom: 1px dotted #ccc;
  font-size: 15px;
  font-size: 1.5rem; }
  table.border.solid {
    border-bottom: 1px solid #ccc; }

table.tdBorder {
  border: 1px solid #ccc;
  font-size: 15px;
  font-size: 1.5rem; }
  table.tdBorder td {
    border-bottom: 1px dotted #ccc;
    padding: 5px;
    vertical-align: middle;
    word-break: break-all;
    font-feature-settings: "palt"; }
  table.tdBorder tr:last-of-type td {
    border: none; }
  table.tdBorder svg {
    margin-right: 3px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    fill: #098; }
    table.tdBorder svg.unselected {
      fill: #ccc; }

table.trBorder {
  width: 100%;
  height: auto;
  border-collapse: collapse;
  font-size: 15px;
  font-size: 1.5rem; }
  @media screen and (min-width: 768px) {
    table.trBorder {
      height: 100%; } }
  table.trBorder.bgEven tr:nth-child(odd) td {
    background: #eee; }
  table.trBorder.bgEven a svg {
    transform: rotate(90deg); }
    table.trBorder.bgEven a svg.ascending {
      transform: rotate(-90deg); }
  table.trBorder tr {
    border-bottom: 1px dotted #ccc; }
    table.trBorder tr.opened {
      background: #ccc; }
    table.trBorder tr:last-of-type {
      border: none; }
    table.trBorder tr.noborder {
      border: none; }
    table.trBorder tr.specialPg {
      background: #ffc; }
  table.trBorder.solid tr {
    border-bottom: 1px solid #ccc; }
    table.trBorder.solid tr:last-of-type {
      border: none; }
    table.trBorder.solid tr th.sub {
      font-weight: bold;
      font-size: 16px;
      font-size: 1.6rem; }
      table.trBorder.solid tr th.sub svg {
        transform: rotate(90deg);
        margin-right: 3px;
        width: 18px;
        height: 18px;
        vertical-align: middle;
        fill: #fff; }
        table.trBorder.solid tr th.sub svg.ascending {
          transform: rotate(-90deg); }
  table.trBorder th {
    height: auto;
    padding: 5px;
    vertical-align: middle;
    text-align: center; }
    @media screen and (min-width: 768px) {
      table.trBorder th {
        height: 100%; } }
    table.trBorder th.thW50 {
      width: 50%;
      max-width: 50%; }
    table.trBorder th.thW40 {
      width: 40%;
      max-width: 40%; }
    table.trBorder th.thW30 {
      width: 30%;
      max-width: 30%; }
    table.trBorder th.thW20 {
      width: 20%;
      max-width: 20%; }
    table.trBorder th.thW10 {
      width: 10%;
      max-width: 10%; }
    table.trBorder th .thWS {
      min-width: 100px; }
    table.trBorder th.thW3em {
      width: 3em; }
    table.trBorder th.thW4em {
      width: 4em; }
    table.trBorder th.thW5em {
      width: 5em; }
    table.trBorder th.thW6em {
      width: 6em; }
    table.trBorder th.thW7em {
      width: 7em; }
    table.trBorder th div {
      width: 100%;
      height: 100%;
      background: #eee;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      padding: 5px;
      align-self: center; }
    table.trBorder th.sorted div {
      background: #ccc; }
    table.trBorder th.sub div {
      background: #999;
      color: #fff; }
      table.trBorder th.sub div a, table.trBorder th.sub div a:link, table.trBorder th.sub div a:visited {
        color: #fff; }
    table.trBorder th svg {
      margin-right: 3px;
      width: 14px;
      height: 14px;
      vertical-align: middle;
      fill: #098; }
  table.trBorder td {
    padding: 5px;
    vertical-align: middle;
    word-break: break-all;
    font-feature-settings: "palt"; }
    table.trBorder td .tdWS {
      min-width: 100px; }
    table.trBorder td.tdW70 {
      width: 70%;
      max-width: 70%; }
    table.trBorder td.tdW60 {
      width: 60%;
      max-width: 60%; }
    table.trBorder td.tdW50 {
      width: 50%;
      max-width: 50%; }
    table.trBorder td.tdW40 {
      width: 40%;
      max-width: 40%; }
    table.trBorder td.tdW30 {
      width: 30%;
      max-width: 30%; }
    table.trBorder td.tdW20 {
      width: 20%;
      max-width: 20%; }
    table.trBorder td.tdW10 {
      width: 10%;
      max-width: 10%; }
    table.trBorder td.tdW160px {
      width: 160px;
      max-width: 160px; }
    table.trBorder td.tdW120px {
      width: 120px;
      max-width: 120px; }
    table.trBorder td.tdW110px {
      width: 110px;
      max-width: 110px; }
    table.trBorder td.tdW3em {
      width: 3em; }
    table.trBorder td.tdW4em {
      width: 4em; }
    table.trBorder td.tdW5em {
      width: 5em; }
    table.trBorder td.tdW6em {
      width: 6em; }
    table.trBorder td.tdW7em {
      width: 7em; }
    table.trBorder td.mailBox {
      width: 40px; }
    table.trBorder td.mailTime {
      width: 10em; }

div.InfoBox {
  border: 1px solid #ccc;
  padding: 5px; }

table.report {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  font-size: 14px;
  font-size: 1.4rem; }
  table.report.instantPayment .requestDate {
    width: 12em; }
  table.report.instantPayment .requestMoney {
    width: 5em; }
  table.report.instantPayment .requestFee {
    width: 4em; }
  table.report.instantPayment .transferMoney {
    width: 5em; }
  table.report.instantPayment .exchange {
    width: 5em; }
  table.report.instantPayment .status {
    width: 6em; }
  table.report.instantPayment .requestNum {
    width: 270px;
    max-width: 270px; }
  table.report.instantPayment .remarks {
    width: 180px;
    max-width: 180px; }
  table.report tr {
    border-bottom: 1px solid #ccc;
    background: #fff;
    opacity: 1;
    transition: all .3s; }
    table.report tr:last-of-type {
      border: none; }
    table.report tr:hover {
      background: #ffc;
      opacity: 1;
      transition: all .3s; }
      table.report tr:hover div {
        background: #ffee92; }
  table.report th {
    background: #eee;
    border: 3px solid #fff;
    padding: 5px 3px;
    vertical-align: middle;
    font-weight: bold; }
    table.report th.summary {
      background: #999;
      color: #fff; }
    table.report th svg {
      margin-right: 3px;
      width: 14px;
      height: 14px;
      vertical-align: middle;
      fill: #098;
      transform: rotate(90deg); }
      table.report th svg.ascending {
        transform: rotate(-90deg); }
  table.report td {
    height: 100%;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    font-size: 1.2rem;
    word-break: break-all;
    font-feature-settings: "palt"; }
    table.report td a.btn {
      font-size: 12px;
      font-size: 1.2rem;
      padding: 12px 7px; }
      table.report td a.btn.adjS {
        padding: 7px; }
      table.report td a.btn svg {
        width: 12px;
        height: 12px; }
    table.report td input[type="submit"].adjS {
      padding: 7px;
      font-size: 12px;
      font-size: 1.2rem; }
    table.report td.pgName {
      text-align: left; }
    table.report td > div {
      width: 100%;
      height: 100%;
      background: #ffc;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px;
      align-self: center; }
    table.report td form {
      display: inline-block; }
    table.report td form div {
      background: none; }
  table.report td.pgName, table.report th.pgName {
    width: 150px;
    word-break: break-all;
    vertical-align: middle; }
  table.report.endedPg td.pgName, table.report.endedPg th.pgName {
    width: 300px; }
  table.report td.reportBtn, table.report th.reportBtn {
    width: 95px;
    vertical-align: middle; }

dl.dlLink {
  display: table;
  margin-top: 15px; }
  dl.dlLink dt, dl.dlLink dd {
    display: table-cell; }
  dl.dlLink dt::after {
    content: '：'; }
  dl.dlLink dd {
    padding-left: 10px;
    line-height: 1; }
    dl.dlLink dd svg {
      margin-right: 3px;
      width: 18px;
      height: 18px;
      vertical-align: middle;
      fill: #098; }

table.bank {
  margin-top: 20px;
  border-collapse: separate;
  width: 100%;
  border-spacing: 5px;
  font-size: 18px;
  font-size: 1.8rem; }
  table.bank td {
    background: #098;
    border-radius: 4px;
    text-align: center; }
    table.bank td.none {
      background: #eee; }
  table.bank a {
    display: block;
    width: 100%;
    padding: 10px;
    text-decoration: none;
    color: #fff;
    font-weight: bold; }
    table.bank a:visited {
      color: #fff; }
    table.bank a:hover {
      opacity: 0.8;
      transition: all 0.3s; }

table.rollAd {
  width: 100%; }
  table.rollAd th.numb {
    width: 3em; }
  table.rollAd td.text {
    width: 420px; }
  table.rollAd td.material {
    width: 500px; }
  table.rollAd table.trBorder {
    border-bottom: 1px solid #ccc; }
  table.rollAd tr:last-of-type table.trBorder {
    border-bottom: none; }
    table.rollAd tr:last-of-type table.trBorder th {
      border-bottom: 1px solid #fff; }

dl.base {
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 5px;
  margin: 0 0 5px;
  font-size: 14px;
  font-size: 1.4rem; }
  dl.base dt {
    background: #ddd;
    margin-right: 5px;
    padding: 5px;
    display: flex;
    align-self: stretch;
    align-items: center;
    justify-content: center; }
  dl.base.prSite {
    padding-top:10px;
    padding-bottom:5px;
    background:#ffee92;
    border-bottom:none;
    margin-bottom:0
  }
  dl.base.prSite dt {
    background:#ffee92 }
      
dl.dtBold {
  margin-top: 20px;
  font-weight: bold;
  text-align: center; }
  dl.dtBold dt, dl.dtBold dd {
    display: inline-block; }
  dl.dtBold dt::after {
    content: ':'; }

dl.normal dt, dl.normal dd {
  display: inline-block; }
dl.normal dt::after {
  content: ':'; }

dl.PaySchedule {
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 5px;
  margin: 0 0 5px;
  font-size: 16px;
  font-size: 1.6rem; }
  dl.PaySchedule:last-of-type {
    border: none;
    margin: 0; }
  dl.PaySchedule dt {
    width: 6em;
    background: #eee;
    margin-right: 5px;
    padding: 5px;
    display: flex;
    align-self: stretch;
    align-items: center;
    justify-content: center; }

.btnArea {
  margin-top: 30px;
  text-align: center; }
  .btnArea a, .btnArea input {
    margin-left: 10px; }
    .btnArea a:first-child, .btnArea input:first-child {
      margin-left: 0; }

.btn, .subBtn, .subBtn2, .cancelBtn, .cancelSubBtn, .selfbackBtn {
  font-weight: bold; }
  .btn:hover, .subBtn:hover, .subBtn2:hover, .cancelBtn:hover, .cancelSubBtn:hover, .selfbackBtn:hover {
    opacity: 0.8;
    transition: all 0.3s; }

.noHover:hover {
  opacity: 1;
  transition: all 0.3s; }

a.btn, .btn {
  background: #098;
  border: 1px solid #098;
  border-radius: 6px;
  width: auto;
  padding: 15px 20px;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  line-height: 1; }
  a.btn svg, .btn svg {
    margin-right: 3px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    fill: #fff; }
  a.btn span.deco, .btn span.deco {
    font-size: 12px;
    font-size: 1.2rem;
    background: #fff;
    color: #098;
    border-radius: 10px;
    padding: 2px 5px;
    margin-left: 5px; }

a.subBtn, .subBtn {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  width: auto;
  padding: 15px 20px;
  display: inline-block;
  text-decoration: none;
  color: #333;
  line-height: 1; }
  a.subBtn:hover, .subBtn:hover {
    background: #eee; }
  a.subBtn svg, .subBtn svg {
    margin-right: 3px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    fill: #098; }

a.subBtn2, .subBtn2 {
  background: #eee;
  border: 1px solid #ccc;
  border-radius: 6px;
  width: auto;
  padding: 15px 20px;
  display: inline-block;
  text-decoration: none;
  color: #333;
  line-height: 1; }
  a.subBtn2 svg, .subBtn2 svg {
    margin-right: 3px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    fill: #098; }

a.cancelBtn, .cancelBtn, input[type="button"].cancelBtn {
  background: #666;
  border: 1px solid #666;
  border-radius: 6px;
  width: auto;
  padding: 15px 20px;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  line-height: 1; }
  a.cancelBtn svg, .cancelBtn svg, input[type="button"].cancelBtn svg {
    margin-right: 3px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    fill: #fff; }

a.cancelSubBtn, .cancelSubBtn {
  background: #999;
  border: 1px solid #999;
  border-radius: 6px;
  width: auto;
  padding: 15px 20px;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  line-height: 1; }
  a.cancelSubBtn svg, .cancelSubBtn svg {
    margin-right: 3px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    fill: #fff; }

.backBtn svg {
  transform: rotate(180deg); }

.downBtn svg {
  transform: rotate(90deg); }

.upBtn svg {
  transform: rotate(-90deg); }

a.selfbackBtn, .selfbackBtn {
  background: #29c;
  border: 1px solid #29c;
  border-radius: 6px;
  width: auto;
  padding: 12px 20px;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  line-height: 1; }
  a.selfbackBtn svg, .selfbackBtn svg {
    margin-right: 3px;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    fill: #fff; }
  a.selfbackBtn.adjS, .selfbackBtn.adjS {
    padding: 8px 15px;
    border-radius: 4px; }
    a.selfbackBtn.adjS svg, .selfbackBtn.adjS svg {
      margin-right: 3px;
      width: 20px;
      height: 20px;
      vertical-align: middle;
      fill: #fff; }
  a.selfbackBtn.adjSS, .selfbackBtn.adjSS {
    padding: 3px 10px;
    border-radius: 4px; }
    a.selfbackBtn.adjSS svg, .selfbackBtn.adjSS svg {
      margin-right: 3px;
      width: 18px;
      height: 18px;
      vertical-align: middle;
      fill: #fff; }
  a.selfbackBtn.adjM, .selfbackBtn.adjM {
    padding: 15px 40px; }
  a.selfbackBtn.adjL, .selfbackBtn.adjL {
    padding: 20px 70px; }

.btn.adjSS,
.subBtn.adjSS,
.subBtn2.adjSS,
.cancelBtn.adjSS,
.cancelSubBtn.adjSS {
  padding: 7px 10px;
  border-radius: 4px; }
  .btn.adjSS svg,
  .subBtn.adjSS svg,
  .subBtn2.adjSS svg,
  .cancelBtn.adjSS svg,
  .cancelSubBtn.adjSS svg {
    width: 16px;
    height: 16px; }

.btn.adjS,
.subBtn.adjS,
.subBtn2.adjS,
.cancelBtn.adjS,
.cancelSubBtn.adjS {
  padding: 11px 15px;
  border-radius: 4px; }
  .btn.adjS svg,
  .subBtn.adjS svg,
  .subBtn2.adjS svg,
  .cancelBtn.adjS svg,
  .cancelSubBtn.adjS svg {
    width: 16px;
    height: 16px; }

.btn.adjM,
.subBtn.adjM,
.subBtn2.adjM,
.cancelBtn.adjM,
.cancelSubBtn.adjM {
  padding: 15px 40px; }

.btn.adjL,
.subBtn.adjL,
.subBtn2.adjL,
.cancelBtn.adjL,
.cancelSubBtn.adjL {
  padding: 25px 70px; }

.cancelBtn.hideBtn {
  display: none; }

th.rotationBtn {
  width: 380px;
  max-width: 380px; }

table.rotation th:last-of-type {
  width: 3.5em; }
table.rotation th:nth-last-of-type(2) {
  width: 6em; }
table.rotation th:nth-of-type(2) {
  width: 5.5em; }
table.rotation tr.pgEnd {
  background: #999; }
table.rotation td.endDay {
  color: #b00; }
table.rotation td {
  font-size: 14px;
  font-size: 1.4rem; }

.rotateDelBtnSet {
  margin-top: 20px;
  position: relative;
  text-align-last: center; }
  .rotateDelBtnSet p {
    position: absolute;
    right: 0;
    display: inline-block; }

ul.tab, ul.tabBorder {
  display: flex; }
  ul.tab li, ul.tabBorder li {
    margin-left: 10px; }
    ul.tab li a, ul.tabBorder li a {
      display: inline-block;
      padding: 10px 20px 10px;
      border-radius: 6px 6px 0 0;
      text-decoration: none;
      font-weight: bold; }
      ul.tab li a:hover, ul.tabBorder li a:hover {
        opacity: 0.8;
        transition: all 0.3s; }
      ul.tab li a.tabOn, ul.tabBorder li a.tabOn {
        color: #fff;
        background: #098;
        border-top: 1px solid #098; }
      ul.tab li a.tabOff, ul.tabBorder li a.tabOff {
        color: #333;
        background: #eee;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc; }

ul.tabBorder {
  width: 100%;
  border-bottom: 1px solid #ccc; }
  ul.tabBorder.center {
    justify-content: center; }
  ul.tabBorder.adjS a {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 7px; }
  ul.tabBorder:has(>:nth-child(8)) li a {
    font-size:13px;font-size:1.3rem
  }

.tabContent {
  margin: 0 auto;
  clear: both;
  width: 100%;
  border: 1px solid #ccc;
  padding: 10px; }

a.clipboard, a.clipboard2 {
  cursor: pointer; }

.clipboardSuccess, .clipboardSuccess2 {
  display: none;
  z-index: 6;
  position: fixed;
  left: 50%;
  top: 45%;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 10px;
  border-radius: 6px; }

.clipboardError, .clipboardError2 {
  display: none;
  z-index: 6;
  position: fixed;
  left: 50%;
  top: 45%;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 10px;
  border-radius: 6px; }

textarea.snscopy {
  position: absolute;
  left: -9999px;
  top: 0px; }

.pgListAra .detailBox,
.pgDetailArea .detailBox {
  position: relative; }

.pgListAra .detailBox .favAdd,
.pgListAra .detailBox .favRemove,
.pgListAra .detailBox .favError,
.pgDetailArea .detailBox .favAdd,
.pgDetailArea .detailBox .favRemove,
.pgDetailArea .detailBox .favError {
  display: none;
  z-index: 6;
  position: absolute;
  right: 50px;
  top: 20px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 10px;
  border-radius: 6px; }

.formSearch input[type="text"], .formSearch input[type="email"], .formSearch input[type="password"] {
  min-width: 18em;
  max-width: 100%;
  padding: 15px;
  margin-right: 5px; }

.trBorder input[type="text"], .trBorder input[type="email"], .trBorder input[type="password"], .trBorder textarea, .trBorder input[type="number"], .tdBorder input[type="text"], .tdBorder input[type="email"], .tdBorder input[type="password"], .tdBorder textarea, .tdBorder input[type="number"], .border input[type="text"], .border input[type="email"], .border input[type="password"], .border textarea, .border input[type="number"], .base input[type="text"], .base input[type="email"], .base input[type="password"], .base textarea, .base input[type="number"], .borderBox input[type="text"], .borderBox input[type="email"], .borderBox input[type="password"], .borderBox textarea, .borderBox input[type="number"] {
  padding: 10px;
  min-width: 50%;
  max-width: 100%;
  resize: vertical; }
  .trBorder input[type="text"].zipCode, .trBorder input[type="email"].zipCode, .trBorder input[type="password"].zipCode, .trBorder textarea.zipCode, .trBorder input[type="number"].zipCode, .tdBorder input[type="text"].zipCode, .tdBorder input[type="email"].zipCode, .tdBorder input[type="password"].zipCode, .tdBorder textarea.zipCode, .tdBorder input[type="number"].zipCode, .border input[type="text"].zipCode, .border input[type="email"].zipCode, .border input[type="password"].zipCode, .border textarea.zipCode, .border input[type="number"].zipCode, .base input[type="text"].zipCode, .base input[type="email"].zipCode, .base input[type="password"].zipCode, .base textarea.zipCode, .base input[type="number"].zipCode, .borderBox input[type="text"].zipCode, .borderBox input[type="email"].zipCode, .borderBox input[type="password"].zipCode, .borderBox textarea.zipCode, .borderBox input[type="number"].zipCode {
    min-width: 5.5em;
    max-width: 5.5em; }
  .trBorder input[type="text"].inputS, .trBorder input[type="email"].inputS, .trBorder input[type="password"].inputS, .trBorder textarea.inputS, .trBorder input[type="number"].inputS, .tdBorder input[type="text"].inputS, .tdBorder input[type="email"].inputS, .tdBorder input[type="password"].inputS, .tdBorder textarea.inputS, .tdBorder input[type="number"].inputS, .border input[type="text"].inputS, .border input[type="email"].inputS, .border input[type="password"].inputS, .border textarea.inputS, .border input[type="number"].inputS, .base input[type="text"].inputS, .base input[type="email"].inputS, .base input[type="password"].inputS, .base textarea.inputS, .base input[type="number"].inputS, .borderBox input[type="text"].inputS, .borderBox input[type="email"].inputS, .borderBox input[type="password"].inputS, .borderBox textarea.inputS, .borderBox input[type="number"].inputS {
    min-width: 20%; }
  .trBorder input[type="text"].inputM, .trBorder input[type="email"].inputM, .trBorder input[type="password"].inputM, .trBorder textarea.inputM, .trBorder input[type="number"].inputM, .tdBorder input[type="text"].inputM, .tdBorder input[type="email"].inputM, .tdBorder input[type="password"].inputM, .tdBorder textarea.inputM, .tdBorder input[type="number"].inputM, .border input[type="text"].inputM, .border input[type="email"].inputM, .border input[type="password"].inputM, .border textarea.inputM, .border input[type="number"].inputM, .base input[type="text"].inputM, .base input[type="email"].inputM, .base input[type="password"].inputM, .base textarea.inputM, .base input[type="number"].inputM, .borderBox input[type="text"].inputM, .borderBox input[type="email"].inputM, .borderBox input[type="password"].inputM, .borderBox textarea.inputM, .borderBox input[type="number"].inputM {
    min-width: 70%; }
  .trBorder input[type="text"].inputL, .trBorder input[type="email"].inputL, .trBorder input[type="password"].inputL, .trBorder textarea.inputL, .trBorder input[type="number"].inputL, .tdBorder input[type="text"].inputL, .tdBorder input[type="email"].inputL, .tdBorder input[type="password"].inputL, .tdBorder textarea.inputL, .tdBorder input[type="number"].inputL, .border input[type="text"].inputL, .border input[type="email"].inputL, .border input[type="password"].inputL, .border textarea.inputL, .border input[type="number"].inputL, .base input[type="text"].inputL, .base input[type="email"].inputL, .base input[type="password"].inputL, .base textarea.inputL, .base input[type="number"].inputL, .borderBox input[type="text"].inputL, .borderBox input[type="email"].inputL, .borderBox input[type="password"].inputL, .borderBox textarea.inputL, .borderBox input[type="number"].inputL {
    min-width: 100%; }
  .trBorder input[type="text"].inputW70, .trBorder input[type="email"].inputW70, .trBorder input[type="password"].inputW70, .trBorder textarea.inputW70, .trBorder input[type="number"].inputW70, .tdBorder input[type="text"].inputW70, .tdBorder input[type="email"].inputW70, .tdBorder input[type="password"].inputW70, .tdBorder textarea.inputW70, .tdBorder input[type="number"].inputW70, .border input[type="text"].inputW70, .border input[type="email"].inputW70, .border input[type="password"].inputW70, .border textarea.inputW70, .border input[type="number"].inputW70, .base input[type="text"].inputW70, .base input[type="email"].inputW70, .base input[type="password"].inputW70, .base textarea.inputW70, .base input[type="number"].inputW70, .borderBox input[type="text"].inputW70, .borderBox input[type="email"].inputW70, .borderBox input[type="password"].inputW70, .borderBox textarea.inputW70, .borderBox input[type="number"].inputW70 {
    width: 70%; }
  .trBorder input[type="text"].inputW50, .trBorder input[type="email"].inputW50, .trBorder input[type="password"].inputW50, .trBorder textarea.inputW50, .trBorder input[type="number"].inputW50, .tdBorder input[type="text"].inputW50, .tdBorder input[type="email"].inputW50, .tdBorder input[type="password"].inputW50, .tdBorder textarea.inputW50, .tdBorder input[type="number"].inputW50, .border input[type="text"].inputW50, .border input[type="email"].inputW50, .border input[type="password"].inputW50, .border textarea.inputW50, .border input[type="number"].inputW50, .base input[type="text"].inputW50, .base input[type="email"].inputW50, .base input[type="password"].inputW50, .base textarea.inputW50, .base input[type="number"].inputW50, .borderBox input[type="text"].inputW50, .borderBox input[type="email"].inputW50, .borderBox input[type="password"].inputW50, .borderBox textarea.inputW50, .borderBox input[type="number"].inputW50 {
    width: 50%; }

.pointReport .tdBorder input[type="text"],
.pointReport .trBorder input[type="text"] {
  width: 480px;
  max-width: 480px; }

.pointReport .tdBorder textarea,
.pointReport .trBorder textarea {
  width: 570px;
  min-width: 570px;
  resize: vertical; }

input[type="button"] {
  background: #098;
  font-weight: bold;
  padding: 14px 20px;
  border-radius: 6px;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  cursor: pointer; }
  input[type="button"]:hover {
    opacity: 0.8;
    transition: all 0.3s; }
  input[type="button"].adjS {
    padding: 11px 15px;
    border-radius: 4px;
    font-size: 14px;
    font-size: 1.4rem; }
  input[type="button"].adjM {
    padding: 15px 40px; }
  input[type="button"].adjL {
    padding: 15px 70px; }

input[type="text"], input[type="email"], input[type="password"], input[type="number"], textarea, select {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 10px; }
  input[type="text"].w100, input[type="email"].w100, input[type="password"].w100, input[type="number"].w100, textarea.w100, select.w100 {
    width: 100%;
    resize: vertical; }

input, textarea, select {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  input.w600, textarea.w600, select.w600 {
    width: 600px;
    resize: vertical; }

textarea.w100 {
  width: 100%; }
textarea.w600 {
  width: 600px;
  resize: vertical; }

select {
  border-radius: 4px;
  margin-left: 5px; }
  select:first-of-type {
    margin-left: 0; }

input::placeholder {
  color: #999; }

input:-ms-input-placeholder {
  color: #999; }

input::-ms-input-placeholder {
  color: #999; }

input[type="submit"] {
  background: #098;
  font-weight: bold;
  padding: 14px 20px;
  border-radius: 6px;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  cursor: pointer; }
  input[type="submit"]:hover {
    opacity: 0.8;
    transition: all 0.3s; }
  input[type="submit"].adjS {
    padding: 11px 15px;
    border-radius: 4px;
    font-size: 14px;
    font-size: 1.4rem; }
  input[type="submit"].adjM {
    padding: 15px 40px; }
  input[type="submit"].adjL {
    padding: 15px 70px; }

input[type="reset"] {
  background: #666;
  font-weight: bold;
  padding: 14px 20px;
  border-radius: 6px;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  cursor: pointer; }
  input[type="reset"]:hover {
    opacity: 0.8;
    transition: all 0.3s; }
  input[type="reset"].adjS {
    padding: 11px 15px;
    border-radius: 4px;
    font-size: 14px;
    font-size: 1.4rem; }
  input[type="reset"].adjM {
    padding: 15px 40px; }
  input[type="reset"].adjL {
    padding: 15px 70px; }

.chkBox label {
  display: inline-block;
  margin: 0 auto;
  overflow: hidden;
  vertical-align: middle; }
  .chkBox label > input[type="checkbox"] {
    float: left;
    height: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    width: 0; }
.chkBox input[type="checkbox"] + span.chkbox {
  background: rgba(0, 0, 0, 0) url("/media/design/images/chx_off.svg") no-repeat scroll left center/24px 24px;
  cursor: pointer;
  display: block;
  min-height: 24px;
  padding: 6px 10px 6px 30px; }
.chkBox input[type="checkbox"]:checked + span.chkbox {
  background: rgba(0, 0, 0, 0) url("/media/design/images/chk_on.svg") no-repeat scroll left center/24px 24px; }
.chkBox input[type=checkbox]:disabled + span.chkbox {
  background: rgba(0, 0, 0, 0) url("/media/design/images/chx_disabled_nocheck.svg") no-repeat scroll left center/24px 24px;
  cursor: pointer;
  display: block;
  min-height: 24px;
  padding: 6px 10px 6px 30px;
  color: #999;
}
.chkBox input[type=checkbox]:disabled:checked + span.chkbox {
  background: rgba(0, 0, 0, 0) url("/media/design/images/chx_disabled.svg") no-repeat scroll left center/24px 24px;
}
.chkBox svg {
  margin-right: 3px;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  fill: #666;
  margin-left: 3px; }

.chkBox.adjS input[type="checkbox"] + span.chkbox {
  padding: 6px 0 6px 24px; }

.radios input[type="radio"] {
  float: left;
  height: 0;
  margin: 0;
  opacity: 0;
  padding: 0;
  width: 0; }

.radios input[type="radio"] + label {
  background: rgba(0, 0, 0, 0) url("/media/design/images/radio_off.svg") no-repeat scroll left center/24px 24px;
  cursor: pointer;
  display: inline-block;
  min-height: 24px;
  padding: 6px 10px 6px 30px; }

.radios input[type="radio"]:checked + label {
  background: rgba(0, 0, 0, 0) url("/media/design/images/radio_on.svg") no-repeat scroll left center/24px 24px; }

.radios input[type="radio"]:disabled + label {
  background: rgba(0, 0, 0, 0) url("/media/design/images/radio_disabled.svg") no-repeat scroll left center/24px 24px;
  cursor: pointer;
  display: inline-block;
  min-height: 24px;
  padding: 6px 10px 6px 30px;
  color: #999; }

.radios input[type="radio"]:checked:disabled + label {
  background: rgba(0, 0, 0, 0) url("/media/design/images/radio_disabled_on.svg") no-repeat scroll left center/24px 24px;
  cursor: pointer;
  display: inline-block;
  min-height: 24px;
  padding: 6px 10px 6px 30px;
  color: #999; }

.selectBox {
  display: inline-block; }
  .selectBox select {
    position: relative;
    width: auto;
    padding: 10px 30px 10px 5px; }
    .selectBox select:disabled {
      background: #eee;
      color: #666; }
  .selectBox.sizeFix select {
    width: 270px; }
  .selectBox.sizeFixS select {
    width: 150px; }
  .selectBox.sizeFixSS select {
    width: 100px; }
  .selectBox.sizeS select {
    min-width: 150px; }
  .selectBox.sizeSS select {
    min-width: 100px; }
  .selectBox label {
    position: relative; }
  .selectBox select {
    background: url(/media/design/images/arrowB.svg) no-repeat #fff;
    background-position: center right 10px;
    background-size: 18px 18px; }
  .selectBox select:disabled {
    background: url(/media/design/images/arrowG.svg) no-repeat #eee;
    background-position: center right 10px;
    background-size: 18px 18px; }

input:disabled, textarea:disabled, select:disabled {
  background: #eee;
  color: #666; }

.loginForm {
  margin: 15px auto 0;
  border: 1px solid #ccc;
  padding: 10px;
  width: 580px; }
  .loginForm dl.base {
    font-size: 16px;
    font-size: 1.6rem; }
    .loginForm dl.base:last-of-type {
      border: none;
      padding-bottom: 0;
      margin-bottom: 0; }
    .loginForm dl.base dt {
      padding: 20px; }
    .loginForm dl.base input {
      margin-left: 10px;
      display: block;
      width: 100%;
      padding: 10px; }
      @media screen and (min-width: 768px) {
        .loginForm dl.base input {
          width: 400px; } }

.fee {
  margin: 10px 0;
  padding: 5px 15px;
  border-radius: 8px;
  box-sizing: border-box;
  border: 1px solid #ccc; }
  .fee dl {
    display: table;
    margin-top: 5px;
    margin-bottom: 5px;
    width: auto; }
  .fee dt {
    font-weight: bold;
    text-indent: .5em;
    width: 11em; }
  .fee.identity {
    font-size: 14px;
    font-size: 1.4rem; }
    .fee.identity dt {
      width: 10em;
      padding-right: 1em;
      text-align: right; }
      .fee.identity dt::after {
        content: ''; }
  .fee dt::after {
    content: '：'; }
  .fee dt, .fee dd {
    display: table-cell; }
  .fee.explanationPayment dt {
    width: 7em;
    text-align: right; }

.precedingBox {
  background: #ffc;
  padding: 20px;
  margin-top: 20px; }
  .precedingBox h3.border {
    margin-top: 0;
    display: flex;
    align-items: center; }

.dPointExchangeError {
  text-align: center;
  margin-top: 15px;
  color: #b00;
  font-weight: bold; }

ul.flow {
  margin-top: 20px;
  width: 100%;
  display: flex;
  justify-content: space-between; }
  ul.flow li {
    color: #333;
    width: calc(100% / 5);
    background: #eee;
    line-height: 50px;
    text-align: center;
    position: relative; }
  ul.flow.reapply li {
    width: calc(100% / 4); }
  ul.flow li:not(:first-child):not(:last-child) {
    padding: 0 0 0 10px; }
  ul.flow li::before, ul.flow li::after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute; }
  ul.flow li::before {
    border: solid 32px transparent;
    border-right: solid 13px transparent;
    border-left: solid 13px #fff;
    top: -7px;
    left: 0;
    z-index: 1; }
  ul.flow li::after {
    border: solid 25px transparent;
    border-left: solid 10px #eee;
    border-right: solid 10px transparent;
    top: 0;
    right: -20px;
    z-index: 2; }
  ul.flow li:first-child::before, ul.flow li:last-child::after {
    content: none; }
  ul.flow li.current {
    color: #fff;
    background: #098;
    font-weight: bold; }
  ul.flow li.current::after {
    border-left: solid 10px #098; }

.qrContents {
  width: 800px; }

.modalBtn.rankBtn {
  width: 800px; }

img.rankCharaL {
  width: 58px;
  height: 88px; }

img.rankCharaM {
  width: 40px;
  height: 65px; }

img.rankCharaS {
  width: 29px;
  height: 44px; }

.rankType {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  font-weight: bold; }

.challenge {
  background: #b7d205;
  color: #333; }

.regular {
  background: #f82;
  color: #fff; }

.white {
  background: #fff;
  border: 1px solid #ccc; }

.pearl {
  background: linear-gradient(to bottom, #fff, #fbeed3 50%, #fbe3f5); }

.bronze {
  background: #89550c;
  color: #fff; }

.silver {
  background: #e2e2e2; }

.gold {
  background: #d9b900; }

.platinum {
  background: #c3cbcb; }

.black {
  background: #000;
  color: #fff; }

.black_s {
  background: #000;
  border: 1px solid #ccc;
  color: #fff; }

.black_ss {
  background: #000;
  border: 1px solid #d9b900;
  color: #fff; }

.redberyl {
  background: #b00;
  color: #fff; }

.toSP {
  width: 100%;
  text-align: center;
  font-size: 60px;
  font-size: 6rem;
  font-weight: bold;
  background: #003366;
  bottom: 0;
  position: relative; }

.toSP a, .toSP a:link, .toSP a:visited, .toSP a:hover {
  display: flex;
  color: #fff;
  padding: 50px;
  width: 100%;
  box-sizing: border-box;
  text-decoration: none !important;
  line-height: 1.5 !important;
  justify-content: center;
  align-items: center; }

.toSP a img {
  vertical-align: middle;
  margin-left: 10px;
  width: 30px;
  height: 60px; }

main.logout .logoutMsgArea {
  text-align: center; }
main.logout .logoutMsg {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold; }
@media screen and (max-width: 768px) {
  main.logout .trBorder th, main.logout .trBorder td {
    display: block; }
  main.logout .trBorder input[type="text"] {
    width: 100%;
    margin: 0; } }
@media screen and (max-width: 768px) {
  main.logout .loginForm {
    width: 95%;
    padding-bottom: 10px; }
    main.logout .loginForm dl.base {
      display: block; }
      main.logout .loginForm dl.base dt, main.logout .loginForm dl.base dd {
        display: block; }
      main.logout .loginForm dl.base dt {
        padding: 10px;
        margin-right: 0;
        flex-basis: 7em; }
      main.logout .loginForm dl.base dd {
        margin-top: 10px; }
      main.logout .loginForm dl.base input {
        min-width: 100%;
        margin-left: 0; } }
@media screen and (min-width: 980px) {
  main.logout .loginForm {
    width: 580px; } }
main.logout .recaptchaBox {
  width: 305px;
  margin: 20px auto 0;
  text-align: center; }
main.logout #adArea {
  margin: 20px auto 0;
  background: url(https://support.a8.net/as/logout/images/900_350.jpg) no-repeat top center;
  width: 900px;
  height: 350px;
  position: relative; }
main.logout a.recommend {
  margin: 0 auto;
  display: block;
  width: 900px;
  height: 350px;
  text-decoration: none;
  font-size: 1px; }
main.logout #loginArea {
  width: 200px;
  position: absolute;
  top: 100px;
  right: 20px;
  z-index: 3;
  font-size: 12px;
  font-size: 1.2rem; }
  main.logout #loginArea h2 {
    background: #999;
    color: #fff;
    margin-top: 0;
    padding: 10px;
    border-radius: 6px 6px 0 0;
    font-size: 14px;
    font-size: 1.4rem; }
  main.logout #loginArea #loginAreaBg {
    background: #fff;
    padding: 0 10px 10px;
    border: 1px solid #ccc;
    border-radius: 0 0 6px 6px; }
    main.logout #loginArea #loginAreaBg p.formBox {
      display: table;
      vertical-align: middle; }
  main.logout #loginArea span.title {
    display: table-cell;
    font-weight: bold;
    padding-top: 12px;
    min-width: 4.5em;
    padding-right: .5em;
    text-align: right; }
  main.logout #loginArea span.form {
    display: table-cell;
    padding-top: 12px; }
  main.logout #loginArea input[type="text"], main.logout #loginArea input[type="password"] {
    padding: 5px;
    width: 120px;
    border-radius: 3px;
    font-size: 12px;
    font-size: 1.2rem; }
  main.logout #loginArea input[type="submit"] {
    font-size: 14px;
    font-size: 1.4rem;
    width: 60%; }
@media screen and (max-width: 980px) {
  main.logout .subMsgArea {
    width: 95%;
    padding-bottom: 10px; } }
@media screen and (min-width: 980px) {
  main.logout .subMsgArea {
    width: 800px; } }
@media screen and (max-width: 980px) {
  main.logout .adjWidthArea {
    width: 95%; } }
@media screen and (min-width: 980px) {
  main.logout .adjWidthArea {
    width: 85%; } }
main.logout .logoutBan {
  margin-top: 30px;
  text-align: center; }
main.logout.goodsLink {
  font-size: 13px;
  font-size: 1.3rem; }
  main.logout.goodsLink h1 {
    margin-top: 10px;
    font-size: 14px;
    font-size: 1.4rem; }
  main.logout.goodsLink h2.h2 {
    padding: 5px 10px; }
  main.logout.goodsLink h2 {
    margin-top: 15px;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem; }
  main.logout.goodsLink h3.h3 {
    padding: 0 15px; }
  main.logout.goodsLink h3 {
    margin-top: 10px;
    font-size: 14px;
    font-size: 1.4rem; }
  main.logout.goodsLink input[type="text"], main.logout.goodsLink input[type="email"], main.logout.goodsLink input[type="password"], main.logout.goodsLink input[type="number"], main.logout.goodsLink textarea, main.logout.goodsLink select {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 10px;
    resize: vertical; }
  main.logout.goodsLink .radios input[type="radio"] + label {
    background: rgba(0, 0, 0, 0) url("/media/design/images/radio_off.svg") no-repeat scroll left center/16px 16px;
    cursor: pointer;
    display: inline-block;
    min-height: 10px;
    padding: 5px 10px 0px 20px; }
  main.logout.goodsLink .radios input[type="radio"]:checked + label {
    background: rgba(0, 0, 0, 0) url("/media/design/images/radio_on.svg") no-repeat scroll left center/16px 16px; }
  main.logout.goodsLink .radios input[type="radio"]:disabled + label {
    background: rgba(0, 0, 0, 0) url("/media/design/images/radio_disabled.svg") no-repeat scroll left center/16px 16px;
    cursor: pointer;
    display: inline-block;
    min-height: 10px;
    padding: 5px 10px 0px 20px; }
  main.logout.goodsLink .chkBox input[type="checkbox"]:checked + span.chkbox {
    background: rgba(0, 0, 0, 0) url("/media/design/images/chk_on.svg") no-repeat scroll left center/16px 16px; }
  main.logout.goodsLink .chkBox input[type="checkbox"]:disabled + span.chkbox {
    background: rgba(0, 0, 0, 0) url("/media/design/images/chx_disabled.svg") no-repeat scroll left center/16px 16x;
    cursor: pointer;
    display: block;
    min-height: 10px;
    padding: 5px 10px 0px 20px; }
  main.logout.goodsLink .chkBox input[type="checkbox"] + span.chkbox {
    background: rgba(0, 0, 0, 0) url("/media/design/images/chx_off.svg") no-repeat scroll left center/16px 16px;
    cursor: pointer;
    display: block;
    min-height: 10px;
    padding: 5px 10px 0px 20px; }
  main.logout.goodsLink .chkBox input[type="checkbox"]:disabled + span.chkbox {
    background: rgba(0, 0, 0, 0) url("/media/design/images/chx_disabled.svg") no-repeat scroll left center/16px 16px;
    cursor: pointer;
    display: block;
    min-height: 10px;
    padding: 5px 10px 0px 20px; }
  main.logout.goodsLink .selectBox select {
    background: url(/media/design/images/arrowB.svg) no-repeat #fff;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-position: center right 5px;
    background-size: 14px 14px; }
  main.logout.goodsLink .selectBox select {
    position: relative;
    width: auto;
    padding: 2px 20px 2px 5px; }
  main.logout.goodsLink .selectBox select:disabled {
    background: url(/media/design/images/arrowG.svg) no-repeat #eee;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-position: center right 5px;
    background-size: 14px 14px; }
  main.logout.goodsLink .pgLink table {
    border-collapse: separate;
    border-spacing: 5px;
    font-size: 14px;
    font-size: 1.4rem; }
  main.logout.goodsLink .pgLink textarea[name="code"] {
    width: 700px;
    height: 8em;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 5px; }

#welcomeProgram {
  margin: 0 auto;
  width: 602px;
  padding-top: 20px; }
  #welcomeProgram .welcomeBg {
    background: url(https://image.a8.net/account/beginner/welcome1032_bg.gif) top no-repeat;
    min-height: 342px; }
    #welcomeProgram .welcomeBg a {
      display: block;
      padding-top: 136px; }
  #welcomeProgram .chkBox {
    margin-top: 10px;
    text-align: right; }

#preview table img {
  max-width: initial; }

table.indetifyTable {
  margin-top: 20px; }
  table.indetifyTable th {
    font-size: 12px;
    font-size: 1.2rem; }
    table.indetifyTable th.address {
      width: 20%; }
  table.indetifyTable td.date {
    width: 7em; }
  table.indetifyTable td.name {
    min-width: 18%; }
  table.indetifyTable td.status {
    min-width: 4em; }
  table.indetifyTable td.statuDetail, table.indetifyTable td.remarks {
    min-width: 15%; }

/* 本人認証機能停止のお知らせ */
.newsStop {
  padding: 0 30px 30px 30px;
  border: 1px solid #d00000; }