@charset "UTF-8";
html {
  overflow-y: scroll;
}

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, main, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 100%;
  vertical-align: baseline;
}

h1, h2, h3, h4, h5, h6,
strong,
b,
th {
  font-weight: normal;
}

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

ol, ul, li {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: 500;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

input, select {
  vertical-align: middle;
}

img,
object,
embed {
  vertical-align: top;
}

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

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

body {
  position: relative;
  min-width: 1280px;
  height: 100%;
  color: #000000;
  font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0.01em;
  line-height: 1.75;
}

input,
textarea,
button {
  font-family: inherit;
  font-size: inherit;
}

button {
  overflow: visible;
}

button:disabled {
  cursor: default;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
}

em {
  font-style: normal;
}

button {
  -webkit-appearance: none;
          appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}

input[type="text"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="email"] {
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  font-family: inherit;
}

input[type="tel"] {
  ime-mode: disabled;
}

select {
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  background: transparent;
  font-family: inherit;
  cursor: pointer;
}

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

select:-moz-focusring {
  color: transparent;
}

b {
  font-weight: bold;
}

.l-form {
  padding: 45px 0 96px;
}

.l-page-header {
  border-bottom: 4px solid #c79f4a;
  background: #000000;
  color: #ffffff;
}

.l-main {
  flex: 1 0 0px;
  min-width: 1040px;
}

.l-page {
  display: flex;
}

.l-page-bottom {
  z-index: 5;
  position: fixed;
  bottom: 4px;
  left: 0;
  width: 100%;
  min-width: 1280px;
  transform: translateY(100%);
  transition: all .2s ease-in;
}

.slide-open .l-page-bottom {
  z-index: 10;
  bottom: 0;
  transform: translateY(0);
}

.l-inner, .l-inner-full, .l-inner-wide {
  padding-right: 30px;
  padding-left: 30px;
}

.l-inner {
  max-width: 1040px;
  margin-right: auto;
  margin-left: auto;
}

.l-inner-wide {
  max-width: 1340px;
  margin-right: auto;
  margin-left: auto;
}

.l-sidebar {
  z-index: 1;
  width: 240px;
  padding-bottom: 36px;
  background: #ffffff;
  box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.1);
}

.l-footer-contact {
  padding: 30px 31px 27px;
  border-top: 4px solid #c79f4a;
  background: #f2f2f2;
}

.l-footer-bottom {
  padding: 24px 0;
  background: #000000;
  color: #ffffff;
}

.l-page .l-footer-bottom {
  padding-bottom: 44px;
}

.l-form {
  padding: 45px 0 96px;
}

.l-page-header {
  border-bottom: 4px solid #c79f4a;
  background: #000000;
  color: #ffffff;
}

.l-main {
  flex: 1 0 0px;
  min-width: 1040px;
}

.l-page {
  display: flex;
}

.l-page-bottom {
  z-index: 5;
  position: fixed;
  bottom: 4px;
  left: 0;
  width: 100%;
  min-width: 1280px;
  transform: translateY(100%);
  transition: all .2s ease-in;
}

.slide-open .l-page-bottom {
  z-index: 10;
  bottom: 0;
  transform: translateY(0);
}

.l-inner, .l-inner-full, .l-inner-wide {
  padding-right: 30px;
  padding-left: 30px;
}

.l-inner {
  max-width: 1040px;
  margin-right: auto;
  margin-left: auto;
}

.l-inner-wide {
  max-width: 1340px;
  margin-right: auto;
  margin-left: auto;
}

.l-sidebar {
  z-index: 1;
  width: 240px;
  padding-bottom: 36px;
  background: #ffffff;
  box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.1);
}

.c-button, .c-button-inverse, .c-button-accent, .p-button-select, .p-button-print {
  display: inline-block;
  width: 100%;
  font-weight: bold;
  line-height: 1.375;
  text-align: center;
}

.c-button {
  background: #000000;
  color: #ffffff;
  transition: opacity 0.2s ease-in;
}

.c-button:hover {
  opacity: 0.8;
}

.c-button-inverse {
  border: 1px solid #e2e2e2;
  background: #ffffff;
  color: #666666;
}

.c-button-accent {
  background: #d20001;
  color: #ffffff;
}

.c-button-arrow {
  position: relative;
  padding-right: 25px;
  padding-left: 25px;
}

.c-button-arrow::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 13px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  transform: rotate(-45deg);
  border-right: 2px solid #c79f4a;
  border-bottom: 2px solid #c79f4a;
  content: '';
}

.c-button-add {
  padding-right: 25px;
  padding-left: 25px;
  background: url(../images/common/icon_add.svg) no-repeat right 7px center #000000;
  font-size: 1.6rem;
}

.c-button-unit {
  display: flex;
  justify-content: center;
}

.c-button-unit--right {
  display: flex;
  justify-content: flex-end;
}

.c-button-unit--left {
  display: flex;
  justify-content: flex-start;
}

.c-icon-required, .c-icon-optional {
  display: inline-block;
  width: 40px;
  height: 22px;
  border-radius: 3px;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
}

.c-icon-required {
  background: #d20001;
  color: #ffffff;
}

.c-icon-optional {
  background: #999999;
  color: #ffffff;
}

.c-form-label {
  font-size: 1.8rem;
  font-weight: bold;
}

.c-textbox {
  height: 55px;
  padding: 13px;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  background: #ffffff;
  font-size: 1.6rem;
}

.c-textbox.is-error {
  border-color: #d20001;
  background: #f9ece4;
}

::-webkit-input-placeholder {
  color: #999999;
}

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

::placeholder {
  color: #999999;
}

.c-selectbox-unit {
  display: inline-block;
  position: relative;
  border-radius: 3px;
  background: #ffffff;
}

.c-selectbox-unit::after {
  display: block;
  z-index: 2;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  margin-top: -4px;
  border-width: 8px 5px 0 5px;
  border-style: solid;
  border-color: #000000 transparent transparent transparent;
  content: '';
  pointer-events: none;
}

.c-selectbox {
  z-index: 1;
  position: relative;
  height: 55px;
  margin: 0;
  padding: 13px 30px 13px 13px;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  background: transparent;
  font-size: inherit;
}

.c-selectbox.is-error {
  border-color: #d20001;
  background: #f9ece4;
}

.c-selectbox-text {
  margin: 0 10px 0 5px;
}

.c-form-unit {
  margin: 0 20px 0 5px;
}

.c-radio {
  display: inline-block;
  position: relative;
  margin-right: 1em;
  vertical-align: middle;
  cursor: pointer;
}

.c-radio__text--large {
  font-size: 2.2rem;
  line-height: 30px;
}

.c-radio__text--inline {
  display: inline-block;
  vertical-align: middle;
}

.c-radio input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  opacity: 0;
}

.c-radio input[type="radio"] + .c-radio__text {
  display: inline-block;
  z-index: 1;
  position: relative;
  min-height: 30px;
  padding-left: 38px;
  vertical-align: middle;
}

.c-radio input[type="radio"] + .c-radio__text::before, .c-radio input[type="radio"] + .c-radio__text::after {
  display: block;
  position: absolute;
  content: "";
}

.c-radio input[type="radio"] + .c-radio__text::before {
  z-index: 2;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border: 2px solid #666666;
  border-radius: 50%;
  background: #ffffff;
}

.c-radio input[type="radio"] + .c-radio__text::after {
  z-index: 3;
  top: 7px;
  left: 7px;
  width: 16px;
  height: 16px;
}

.c-radio input[type="radio"]:checked + .c-radio__text::before {
  border-color: #c79f4a;
}

.c-radio input[type="radio"]:checked + .c-radio__text::after {
  border-radius: 50%;
  background-color: #c79f4a;
}

.c-radio input[type="radio"]:disabled + .c-radio__text, .c-radio input[type="radio"].is-disabled + .c-radio__text {
  color: #cccccc;
  cursor: default;
}

.c-icon-help {
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
}

.c-icon-help img {
  vertical-align: baseline;
}

.c-icon-help.c-link-text img {
  margin-right: 5px;
  vertical-align: middle;
}

.c-icon-freedial {
  display: inline-block;
  height: 1em;
  margin: 0 5px -2px;
  vertical-align: baseline;
}

.c-icon-zoom {
  display: block;
  min-height: 17px;
  margin: 0 auto;
  padding-right: 18px;
  background: url(../images/common/icon_zoom.svg) no-repeat right center;
  color: #166191;
  font-size: 1.5rem;
  font-weight: bold;
}

.c-icon-mask {
  display: block;
  width: 20px;
  height: 17px;
  overflow: hidden;
  background: url(../images/common/icon_mask.svg) no-repeat center center;
  text-indent: 100%;
}

.c-icon-mask.is-visible {
  background-image: url(../images/common/icon_unmask.svg);
}

.c-link-item {
  position: relative;
  padding-left: 25px;
  color: #166191;
}

.c-link-item:hover {
  text-decoration: underline;
}

.c-link-item::before {
  display: block;
  position: absolute;
  top: .5em;
  left: 3px;
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  content: '';
}

.c-link-item[target="_blank"]::after {
  display: inline-block;
  width: 12px;
  height: 10px;
  margin-left: 5px;
  background: url(../images/common/icon_blank.svg) no-repeat left top;
  background-size: cover;
  vertical-align: middle;
  content: '';
}

.c-link-text {
  color: #166191;
}

.c-link-text:hover {
  text-decoration: underline;
}

.c-link-text[target="_blank"]::after {
  display: inline-block;
  width: 12px;
  height: 10px;
  margin-right: 3px;
  margin-left: 5px;
  background: url(../images/common/icon_blank.svg) no-repeat left top;
  background-size: cover;
  vertical-align: middle;
  content: '';
}

.c-link-img[target="_blank"]::after {
  display: none;
}

.c-disc-list__item {
  position: relative;
  padding-left: 1em;
}

.c-disc-list__item::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "・";
}

.c-decimal-list__item {
  margin-left: 1.5em;
  list-style: decimal;
}

.c-note-list__item {
  position: relative;
  padding-left: 1em;
}

.c-note-list__item::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
}

.c-order-list {
  counter-reset: order;
}

.c-order-list__item {
  position: relative;
  padding-left: 1.5em;
}

.c-order-list__item::before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(order) ".";
  counter-increment: order;
}

.c-num-list__item {
  padding-left: 1em;
  text-indent: -1em;
}

.c-num-list__sub {
  margin: 15px 0;
  padding-left: 1em;
}

.c-indent-list__item {
  padding-left: 1em;
  text-indent: -1em;
}

.c-def-list__head {
  margin: 1em 0;
  font-weight: bold;
}

.c-list--item {
  padding-left: 1em;
  text-indent: -1em;
}

.c-list__sub {
  margin: 15px 0;
  padding-left: 1em;
}

.c-modal {
  position: relative;
  max-width: 770px;
  padding: 30px 35px 45px;
  border: 3px solid #c2c2c2;
  background: #ffffff;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.05);
}

.c-modal__head {
  margin-bottom: 25px;
  text-align: center;
}

.c-modal__foot {
  margin-top: 36px;
}

.c-modal__text {
  font-size: 1.8rem;
  line-height: 1.5;
}

.c-modal__img {
  margin-top: 20px;
  text-align: center;
}

.c-modal__close {
  display: block;
  position: absolute;
  top: 14px;
  right: 14px;
  width: 34px;
  height: 34px;
}

.c-modal__close-button {
  display: block;
  position: relative;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font-size: 0;
  line-height: 34px;
  text-indent: 100%;
  transition: opacity 0.2s ease-in;
}

.c-modal__close-button:hover {
  opacity: 0.8;
}

.c-modal__close-button::before, .c-modal__close-button::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 1px;
  background: #000000;
  content: '';
}

.c-modal__close-button::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.c-modal__close-button::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.c-scroll-box {
  -webkit-overflow-scrolling: touch;
  height: 330px;
  overflow-y: auto;
}

.c-table {
  width: 100%;
  border-top: 3px solid #c79f4a;
  border-collapse: separate;
}

.c-table--spacing {
	border: none;
	border-spacing: 5px;
}

.c-table--spacing th,
.c-table--spacing td {
	border-width: 0;
}

.c-table__cell {
  padding: 12px 10px;
  border-bottom: 1px;
  border-left: 1px;
  border-style: solid;
  border-color: #c2c2c2;
  background: #ffffff;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.667;
  vertical-align: middle;
  white-space: nowrap;
}

.c-table tr .c-table__cell:first-child {
  border-left-width: 0;
}

.c-table__inner {
  padding-left: 45px;
  font-size: 1.6rem;
  font-weight: normal;
}

.c-table__head {
  background: #dcdcdc;
}

.c-table__small {
  font-size: 1.4rem;
  font-weight: normal;
}

.c-table__unit {
  font-size: 1.3rem;
}

.c-table__datetime {
  color: #166191;
  font-size: 1.4rem;
  font-weight: normal;
}

.c-table__metal-en {
  display: block;
  font-size: 1.1rem;
  font-weight: normal;
}

.c-table__clear {
  border-left: none;
  background: transparent;
}

.c-gold {
  color: #c79f4a;
}

.c-platinum {
  color: #8697a7;
}

.c-silver {
  color: #a5a5a5;
}

.c-underline {
  border-bottom: 1px solid;
}

.c-small {
  font-size: 0.75em;
}

.c-note-alert {
  color: #d20001;
}

.c-plus {
  color: #0024b4;
}

.c-minus {
  color: #d20001;
}

.c-buy {
  color: #305371;
}

.c-sell {
  color: #912828;
}

.c-alert {
  position: relative;
  padding-left: 26px;
  color: #d20001;
}

.c-alert::before {
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(../images/common/icon_alert_list.svg) no-repeat left center;
  background-size: cover;
  content: '';
}

.p-account-links {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  padding-top: 30px;
}

.p-account-links__item {
  margin-bottom: 30px;
  padding: 0 15px;
}

.p-account-links__item--half {
  width: 50%;
}

.p-account-links__item--full {
  width: 100%;
}

.p-account-box {
  display: flex;
  justify-content: space-between;
  height: 100%;
  border: 1px solid #c79f4a;
  background: #ffffff;
  transition: opacity 0.2s ease-in;
}

.p-account-box:hover {
  opacity: 0.8;
}

.p-account-box__text {
  flex: 1 0 0px;
  padding: 20px;
  line-height: 1.188;
}

.p-account-box__head {
  position: relative;
  margin-bottom: 10px;
  padding-left: 17px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.3;
}

.p-account-box__head::before {
  display: block;
  position: absolute;
  top: 50%;
  left: -2px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  transform: rotate(-45deg);
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  content: '';
}

.p-account-box__item {
  margin-bottom: 10px;
  padding-left: 1em;
  text-indent: -1em;
}

.p-account-box__item::before {
  content: '・';
}

.p-account-box__itemrow {
  display: flex;
  padding-right: 50px;
}

.p-account-box__itemcol {
  width: 33.333%;
}

.p-account-box__img {
  position: relative;
  width: 168px;
  min-height: 168px;
  overflow: hidden;
}

.p-account-box__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: none;
  height: 100%;
  transform: translate3d(-50%, -50%, 0);
}

.p-top-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 120px;
  padding-right: 37px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  font-size: 1.4rem;
  letter-spacing: 0.01em;
  line-height: 1.667;
  transition: opacity 0.2s ease-in;
}

.p-top-banner:hover {
  opacity: 0.8;
}

.p-top-banner__inner {
  padding-left: 58px;
  background-position: left center;
  background-repeat: no-repeat;
  text-align: center;
}

.p-top-banner__inner span,
.p-top-banner__inner strong {
  display: block;
}

.p-top-banner__inner span br,
.p-top-banner__inner strong br {
  display: none;
}

.p-top-banner__inner strong {
  font-size: 2.4rem;
  font-weight: bold;
}

.p-top-banner--toshima {
  background-image: url(../images/top/bnr_toshima.jpg);
}

.p-top-banner--toshima .p-top-banner__inner {
  background-image: url(../images/top/icon_bnr_toshima.svg);
  background-size: 31px 39px;
}

.p-top-banner--toshima strong {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.p-top-banner--mailmagazine {
  background-image: url(../images/top/bnr_mailmagazine.jpg);
}

.p-top-banner--mailmagazine .p-top-banner__inner {
  background-image: url(../images/top/icon_bnr_mailmagazine.svg);
  background-size: 40px 28px;
}

.p-top-banner-list {
  display: flex;
  margin: 25px -14px 0;
}

.p-top-banner-list__item {
  width: 50%;
  padding-right: 14px;
  padding-left: 14px;
}

.p-border-box {
  padding: 25px 39px;
  border: 1px solid #c79f4a;
}

.p-border-box--entry {
  padding-top: 35px;
  background: #ffffff;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.706;
  text-align: center;
}

.p-border-box--bg {
  background: #fff;
}

.p-border-box__title {
  margin-bottom: 20px;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
}

.p-border-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 0;
  border-top: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
}

.p-border-row__text {
  flex: 1 0 0px;
}

.p-box-unit {
  display: flex;
  border: 1px solid #e2e2e2;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.05);
}

.p-box-unit__head {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 190px;
  padding: 15px 20px;
  background: #c79f4a;
  text-align: center;
}

.p-info-block .p-box-unit__head {
  display: block;
}

.p-box-unit__head a {
  display: inline-block;
  position: relative;
  padding-left: 10px;
  color: #ffffff;
}

.p-box-unit__head a::before {
  display: block;
  position: absolute;
  top: 50%;
  left: -4px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  transform: rotate(-45deg);
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  content: '';
}

.p-box-unit__body {
  display: flex;
  flex: 1 0 0px;
  align-items: center;
  padding: 20px;
  background: #ffffff;
}

.p-box-unit__title {
  font-size: 1.8rem;
  font-weight: bold;
}

.p-box-unit__link {
  color: #ffffff;
  font-size: 1.5rem;
}

.p-box-unit__link::before {
  content: '';
}

.p-box-unit__link:hover {
  text-decoration: underline;
}

.p-breadcrumb {
  padding-top: 27px;
  padding-bottom: 27px;
}

.p-breadcrumb a {
  color: #166191;
}

.p-breadcrumb-list {
  display: flex;
  font-size: 1.3rem;
}

.p-breadcrumb-list__item::after {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: -2px 10px 0 10px;
  transform: rotate(-45deg);
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  vertical-align: middle;
  content: '';
}

.p-breadcrumb-list__item:last-of-type:not(:first-of-type)::after {
  display: none;
}

.p-link-button {
  width: 220px;
  height: 50px;
  padding: 14px 10px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}

.p-button-all {
  display: inline-block;
  width: 100%;
  height: 48px;
  padding: 10px 0 10px 23px;
  border: 1px solid #e2e2e2;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}

.p-button-all::after {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-top: -8px;
  margin-left: 11px;
  transform: rotate(45deg);
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  vertical-align: middle;
  content: '';
}

.p-button-decision, .p-button-prev, .p-button-next, .p-button-box, .p-button-cart {
  position: relative;
  width: 100%;
  height: 70px;
  padding: 24px 40px;
  font-size: 1.7rem;
}

.p-button-decision {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.p-button-prev {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.p-button-prev::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 15px;
  width: 11px;
  height: 11px;
  margin-top: -5px;
  transform: rotate(135deg);
  border-right: 2px solid #c79f4a;
  border-bottom: 2px solid #c79f4a;
  content: '';
}

.p-button-prev--invalid::after {
  display: none;
}

.p-button-next {
  border: none;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}

.p-button-next::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 11px;
  height: 11px;
  margin-top: -5px;
  transform: rotate(-45deg);
  border-right: 2px solid #c79f4a;
  border-bottom: 2px solid #c79f4a;
  content: '';
}

.p-button-next--sell::after, .p-button-next--invalid::after {
  display: none;
}

.p-button-box {
  border: none;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}

.p-button-cart {
  border: none;
  background-image: url(../images/common/icon_cart.svg);
  background-position: right 15px  center;
  background-repeat: no-repeat;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}

.p-button-unit__item {
  width: 338px;
}

.p-button-unit__item + .p-button-unit__item {
  margin-left: 15px;
}

.p-button-unit__item--large {
  width: 378px;
}

.p-button-zip {
  display: table;
  padding: 10px;
  border-collapse: separate;
}

.p-button__text--small, .p-button__text--medium, .p-button__text--large {
  color: #000000;
  line-height: 1.3;
}

.p-button__logo {
  width: 182px;
  margin-top: 7px;
  margin-bottom: 8px;
}

.p-button__text--small {
  font-size: 1.4rem;
}

.p-button__text--medium {
  font-size: 1.8rem;
}

.p-button__text--large {
  font-size: 2rem;
}

.p-button-goldpark {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 90px;
  padding-right: 25px;
  padding-left: 25px;
}

.p-button-goldpark::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  transform: rotate(-45deg);
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  content: '';
}

.p-button-login {
  position: relative;
  padding: 25px 25px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}

.p-button-login::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 13px;
  width: 11px;
  height: 11px;
  margin-top: -5px;
  transform: rotate(-45deg);
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  content: '';
}

.p-button-cancel {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 50px;
  border: 1px solid #c2c2c2;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  color: #d20001;
  font-weight: bold;
  line-height: 1.375;
  text-align: center;
  transition: opacity 0.2s ease-in;
}

.p-button-cancel:hover {
  opacity: 0.8;
}

.p-button-cancel--s {
  width: 120px;
}

.p-button-deposit {
  width: 180px;
  height: 50px;
}

.p-calc-box {
  margin-top: 24px;
  background: #f2f2f2;
}

.p-calc-box__head {
  padding: 1px 15px;
  background: #e2e2e2;
  font-size: 1.6rem;
  font-weight: bold;
}

.p-calc-box__head small {
  margin-left: 5px;
  color: #333333;
  font-size: 1.4rem;
}

.p-calc-box__body {
  padding: 15px 20px;
}

.p-calc-box__textbox {
  width: 100%;
  max-width: 300px;
  height: 50px;
  border-color: #c2c2c2;
  background: transparent;
  font-size: 1.6rem;
  text-align: right;
}

.p-calc-box__button {
  display: inline-block;
  width: 180px;
  height: 50px;
  margin-right: 20px;
  padding: 13px 0;
  border: 1px solid #e2e2e2;
  background: #ffffff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.04);
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.375;
  text-align: center;
}

.p-calc-box__button:disabled {
  background: #e5e5e5;
  color: #999999;
}

.p-calc-box__result {
  position: relative;
}

.p-calc-box__result::before {
  display: block;
  position: absolute;
  top: 50%;
  left: -17px;
  width: 11px;
  height: 11px;
  margin-top: -6px;
  transform: rotate(-45deg);
  border-right: 2px solid #c79f4a;
  border-bottom: 2px solid #c79f4a;
  content: '';
}

.p-coin-trade-amount {
  margin: 45px 0 25px;
}

.p-coin-trade-amount__head {
  margin-bottom: 10px;
  color: #c79f4a;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
}

.p-coin-trade-amount__label {
  display: inline-block;
  height: 30px;
  margin-right: 5px;
  padding: 0 15px;
  border-radius: 15px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 30px;
  vertical-align: middle;
}

.p-coin-trade-amount__value {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  vertical-align: middle;
}

.p-coin-trade-amount__value b {
  font-size: 3.2rem;
}

.p-sell-section {
  position: relative;
  padding-top: 20px;
  padding-bottom: 60px;
  background: #f2f2f2;
}

.p-sell-lead {
  z-index: 0;
  position: relative;
  background: #f2f2f2;
}

.p-sell-lead:after {
  display: block;
  width: 100%;
  min-width: 1040px;
  padding-top: 8.79808%;
  background: url(../images/common/bg_flow_bottom_lead_pc.png) no-repeat center top;
  background-size: 100% auto;
  content: '';
}

.p-sell-lead__inner {
  padding-bottom: 7px;
  background: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
}

.p-sell-lead__footer {
  position: relative;
  bottom: -30px;
}

.p-sell-lead__guide {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
}

.p-sell-lead__text {
  padding-bottom: 25px;
}

.p-sell-current {
  z-index: 0;
  position: relative;
}

.p-sell-current::after {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 9.17339%;
  background: url(../images/common/bg_flow_bottom_pc.png) no-repeat center top;
  background-size: 992px auto;
  content: '';
}

.p-sell-current--last {
  border-bottom: 1px solid #c79f4a;
}

.p-sell-current--last::after {
  display: none;
}

.p-sell-current__inner {
  padding-bottom: 15px;
  border-top: 1px solid #c79f4a;
  border-right: 1px solid #c79f4a;
  border-left: 1px solid #c79f4a;
  background: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
}

.p-sell-current--last .p-sell-current__inner {
  padding-bottom: 30px;
}

.p-sell-current__footer {
  z-index: 1;
  position: relative;
  margin-top: 30px;
  margin-bottom: -22px;
  padding: 0 40px 0 35px;
}

.p-sell-current__guide {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
}

.p-sell-current .c-alert {
  margin-top: 15px;
}

.p-footer-contact {
  font-size: 1.3rem;
  text-align: center;
}

.p-footer-contact__lead {
  margin-bottom: 10px;
}

.p-footer-contact__number {
  margin-bottom: 10px;
}

.p-footer-contact__info {
  line-height: 1.385;
}

.p-footer-contact__info br {
  display: none;
}

.p-footer-company {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.p-footer-company__text {
  font-size: 1.4rem;
  line-height: 1.571;
  text-align: right;
}

.p-footer-company__copyright {
  margin-top: 6px;
  color: #cccccc;
  font-size: 1.2rem;
}

.p-footer-company__copyright br {
  display: none;
}

.p-footer-company__link a {
  position: relative;
  padding-left: 14px;
}

.p-footer-company__link a::before {
  display: block;
  position: absolute;
  top: 50%;
  left: -4px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  transform: rotate(-45deg);
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  content: '';
}

.p-footer-company__link a::after {
  display: inline-block;
  width: 12px;
  height: 10px;
  margin-left: 6px;
  background-image: url(../images/common/icon_blank_white.svg);
  background-size: cover;
  content: '';
}

.p-form-notes-box, .p-form-notes-box--alert {
  margin-bottom: 45px;
  padding: 17px 30px 18px;
  text-align: center;
}

.p-form__footer {
  margin-top: 52px;
}

.p-form__notes {
  margin-top: 16px;
  font-size: 1.5rem;
  line-height: 1.467;
  text-align: center;
}

.p-form__notes--pre {
  margin-bottom: 16px;
  text-align: left;
}

.p-form__error {
  padding-top: 10px;
  color: #d20001;
  font-size: 1.6rem;
  font-weight: bold;
}

.p-form__error + .p-form__error {
  padding-top: 0;
}

.p-form__subtitle {
  margin: 50px 0 20px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.556;
}

.p-form__subtitle--guide {
  font-weight: normal;
}

.p-form__name {
  margin: 13px 0 5px;
  font-weight: bold;
}

.p-form input[name="efo_privacyAgree_flag"] {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.p-form-lead {
  padding: 35px 0 31px;
}

.p-section .p-form-lead {
  padding-top: 0;
}

.p-form-lead__title {
  margin-bottom: 10px;
  font-size: 2rem;
  font-weight: bold;
}

.p-form-lead__error {
  color: #d20001;
}

* + .p-form-lead__list {
  margin-top: 1em;
}

.p-form-group {
  padding: 25px 20px;
  background: #f3ead8;
}

.p-form-group--privacy {
  max-width: 360px;
  margin: 30px auto 0;
}

.p-form-group__head {
  margin-bottom: 15px;
  font-weight: bold;
}

.p-form-group .c-icon-required {
  margin-right: 5px;
}

.p-form-table {
  width: 100%;
  margin-bottom: 30px;
  border-bottom: 1px solid #c2c2c2;
}

.p-form-table + .p-form-table {
  margin-top: 20px;
}

.p-form-table.c-table {
  border-collapse: collapse;
}

.p-form-table__row {
  border-top: 1px solid #c2c2c2;
}

.p-form-table__head {
  width: 230px;
  background: #f3ead8;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
}

.p-form-table__head.c-table__head {
  background: #dcdcdc;
}

.p-form-table--input .p-form-table__head {
  padding: 35px 6px 35px 19px;
}

.p-form-table--confirm .p-form-table__head {
  padding: 15px 5px 15px 19px;
}

.p-form-table--pw-confirm .p-form-table__head {
  width: 280px;
  padding: 15px 20px;
}

.p-form-table--update .p-form-table__head {
  width: 280px;
}

.p-form-table--mailmagazine .p-form-table__head {
  width: 280px;
}

.p-form-table--colspan2 .p-form-table__head {
  border-right-style: solid;
  border-right-color: #c2c2c2;
}

.p-form-table__name {
  display: block;
}

.p-form-table__name--inline {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.p-form-table--colspan2 .p-form-table__name--small {
  width: 100px;
}

.p-form-table__body {
  vertical-align: middle;
}

.p-form-table--input .p-form-table__body {
  padding: 20px 25px;
}

.p-form-table--confirm .p-form-table__body {
  padding: 15px 25px;
}

.p-form-table--pw-confirm .p-form-table__body {
  padding: 15px 25px;
  vertical-align: middle;
}

.p-form-table__body + .p-form-table__body {
  padding-left: 0;
}

.p-form-table__notes {
  padding-top: 12px;
  font-size: 1.4rem;
  line-height: 1.5;
}

.p-form-table__password {
  font-size: 1.8rem;
  font-weight: bold;
}

.p-form-table__alert {
  color: #d20001;
  font-size: 1.8rem;
  font-weight: bold;
}

.p-form-table__free a {
  color: #166191;
}

.p-form-table__free a:hover {
  text-decoration: underline;
}

.p-form-table__free a[target="_blank"]::after {
  display: inline-block;
  width: 12px;
  height: 10px;
  margin-right: 3px;
  margin-left: 5px;
  background: url(../images/common/icon_blank.svg) no-repeat left top;
  background-size: cover;
  content: '';
}

.p-form-innertable {
  width: 100%;
}

.p-form-innertable__row + .p-form-innertable__row {
  border-top: 1px solid #c2c2c2;
}

.p-form-innertable__head {
  width: 170px;
  padding: 14px 10px 20px 0;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.688;
  text-align: left;
}

.p-form-innertable__name {
  display: block;
}

.p-form-innertable--colspan2 .p-form-innertable__name--small {
  width: 100px;
}

.p-form-innertable__body {
  padding: 14px 10px 20px 0;
  vertical-align: middle;
}

.p-input-list-vertical {
  margin: -15px 0;
}

.p-input-list-vertical__item {
  margin: 15px 0;
}

.p-textbox--large {
  width: 100%;
  max-width: 640px;
}

.p-form-innertable .p-textbox--large {
  max-width: 500px;
}

.p-textbox--medium {
  width: 100%;
  max-width: 320px;
}

.p-textbox-unit--name .p-textbox--medium {
  width: 320px;
}

.p-textbox--small {
  width: 100%;
  max-width: 200px;
}

.p-textbox-unit--name .p-textbox--small {
  width: 200px;
}

.p-textbox--zip {
  width: 100%;
  max-width: 120px;
}

.p-textbox--email {
  width: 100%;
  max-width: 480px;
}

.p-textbox--num {
  width: 12em;
}

.p-textbox--sell, .p-textbox--sell-limit {
  width: 100%;
  font-size: 2.2rem;
  text-align: right;
}

.p-textbox--sell {
  max-width: 380px;
}

.p-textbox--sell-limit {
  max-width: 280px;
}

.p-textbox--deposit {
  width: 310px;
  font-size: 1.8rem;
  text-align: right;
}

.p-selectbox--year {
  width: 120px;
}

.p-selectbox--month {
  width: 80px;
}

.p-selectbox--day {
  width: 80px;
}

.p-selectbox--metallist {
  width: 170px;
}

.p-selectbox--add-cart {
  width: 80px;
}

.p-selectbox--deposit-month {
  width: 85px;
}

.p-textbox-unit--name {
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  max-width: 640px;
}

.p-textbox-unit--name2 {
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  max-width: 530px;
}

.p-textbox-unit--tel, .p-textbox-unit--zip {
  display: inline-block;
}

.p-form-label {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  cursor: pointer;
}

.p-form-label__text {
  display: block;
}

.p-form-unit--num {
  margin: 0 10px;
}

.p-form-notes-box {
  background: #f1e7d3;
}

.p-form-notes-box__title {
  margin-bottom: 5px;
  color: #c79f4a;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.65;
}

.p-form-notes-box--alert {
  background: rgba(210, 0, 1, 0.11);
  font-weight: bold;
}

.p-form-notes-box--alert__title {
  margin-bottom: 8px;
  color: #d20001;
  font-size: 2.4rem;
}

.p-terms__title {
  margin: 0 0 15px;
}

.p-contact-unit {
  display: flex;
  margin-bottom: 30px;
  border: 1px solid #e2e2e2;
}

.p-contact-unit__head {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  padding: 20px 10px;
  background: #c79f4a;
  text-align: center;
}

.p-contact-unit__body {
  flex: 1 0 0px;
  padding: 27px 10px 18px;
  background: #ffffff;
  text-align: center;
}

.p-contact-unit__body--horizontal {
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-contact-unit__title {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.444;
}

.p-contact-unit__info {
  margin-top: 10px;
  font-size: 1.3rem;
  line-height: 1.385;
}

.p-contact-unit__info br {
  display: none;
}

.p-contact-unit__body--horizontal .p-contact-unit__info br {
  display: inline;
}

.p-document-block {
  margin-top: 18px;
  margin-bottom: 20px;
  padding: 25px 38px 20px;
  background: #f8f8f8;
}

.p-document-block__footer {
  margin-top: 24px;
  padding-top: 13px;
  border-top: 1px solid #c2c2c2;
}

.p-document-list {
  display: flex;
  justify-content: space-between;
  width: 904px;
  text-align: center;
}

.p-document-list__caption {
  font-weight: bold;
  line-height: 1.25;
}

.p-workshop-block {
  display: flex;
  justify-content: space-between;
  margin: 40px 0 15px;
}

.p-workshop-block__img {
  width: 450px;
  text-align: center;
}

.p-workshop-block__text {
  width: 490px;
}

.p-workshop-block__title {
  margin: 25px 0 10px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.3;
}

.p-workshop-block__title:first-of-type {
  margin-top: 0;
}

.p-password-wrapper {
  position: relative;
}

.p-password-box {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 640px;
}

.p-password-box--small {
  max-width: 200px;
}

.p-password-box .c-textbox {
  padding-right: 45px;
}

.p-password-box .c-icon-mask {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -9px;
}

.p-password-box__error {
  display: inline-block;
  position: absolute;
  top: -20px;
  left: 20px;
  transform: translateY(-100%);
  border-radius: 3px;
  background: #d20001;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
  color: #ffffff;
  font-weight: bold;
}

.p-password-box__error span {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 11px 20px;
}

.p-password-box__error span::before, .p-password-box__error span::after {
  position: absolute;
  content: '';
}

.p-password-box__error span::before {
  z-index: 1;
  bottom: -6px;
  left: 26px;
  width: 15px;
  height: 15px;
  transform: rotate(45deg) skew(10deg, 10deg);
  background: #d20001;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.05);
  content: '';
}

.p-password-box__error span::after {
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-goldpark-button-list {
  margin-right: -15px;
  margin-left: -15px;
}

.p-goldpark-button-list__item {
  width: 33.333%;
  padding-right: 15px;
  padding-left: 15px;
}

.p-guide-flow {
  counter-reset: flow;
}

.p-guide-flow__item {
  position: relative;
  margin-bottom: 25px;
  padding: 14px 0 14px 75px;
  font-size: 1.8rem;
  line-height: 1.5;
}

.p-guide-flow__item::before {
  display: block;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 55px;
  border-radius: 100%;
  background: #c79f4a;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 55px;
  text-align: center;
  content: counter(flow);
  counter-increment: flow;
}

.p-guide-flow__item::after {
  position: absolute;
  top: 0;
  left: 27px;
  width: 0;
  height: calc(100% + 25px);
  border-left: 1px dotted #c79f4a;
  content: '';
}

.p-guide-flow__item:last-child::before {
  border: 2px solid #c79f4a;
  background: #f1e7d3;
}

.p-guide-flow__item:last-child::after {
  display: none;
}

.p-page-header {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 140px;
}

.p-page-header__logo {
  position: absolute;
  top: 50%;
  left: 30px;
  margin-top: -38px;
}

.p-page-header__logo img {
  width: 131px;
}

.p-page-header__logo--goldpark {
  margin-top: -13px;
}

.p-page-header__logo--goldpark img {
  width: 220px;
}

.p-page-header__title {
  font-size: 3.2rem;
  font-weight: bold;
  text-align: center;
}

.p-page-header__subtitle {
  display: block;
  font-size: .7em;
  line-height: 1.4;
}

.p-page-subtitle {
  margin-bottom: 20px;
  font-size: 2.4rem;
  font-weight: bold;
}

.p-info-bar {
  margin: 20px 0;
  padding: 16px 20px;
  border: 2px solid #c79f4a;
  border-radius: 6px;
  background: #f1e7d3;
}

.p-info-bar__text {
  font-size: 2rem;
  font-weight: bold;
}

.p-info-block {
  padding: 20px 0;
  background: #f2f2f2;
}

.page-top .p-info-block {
  padding: 28px 0;
}

.p-info-block__text {
  font-size: 1.7rem;
  font-weight: bold;
  letter-spacing: -0.005em;
  line-height: 1.529;
}

.p-info-list__item {
  padding: 26px 0;
  border-top: 1px solid #c2c2c2;
}

.p-info-list__item:first-of-type {
  border-top: none;
}

.p-info-list__title {
  margin-bottom: 10px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.3;
}

.p-input-list {
  border-top: 1px solid #c2c2c2;
}

.p-input-list__item {
  padding: 17px 0;
  border-bottom: 1px solid #c2c2c2;
}

.p-input-list__item .c-radio__text {
  font-weight: bold;
}

.p-input-list__inner {
  padding-left: 45px;
}

.p-input-list__inner--switch {
  display: none;
}

.p-input-list__notes {
  margin: 7px 0 15px;
}

.p-input-list__reference {
  margin-top: 5px;
  padding-left: 20px;
}

.p-input-unit {
  margin-left: 12px;
  font-size: 2rem;
  font-weight: bold;
  vertical-align: middle;
}

.p-table-input__footer {
  margin-top: 30px;
}

.p-table-input .c-table__cell {
  padding-top: 20px;
  padding-bottom: 20px;
}

.p-links-horizontal {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.8rem;
}

.p-links-horizontal__item {
  width: 283px;
  margin-right: 25px;
  margin-bottom: 5px;
}

.p-links-horizontal__item:nth-of-type(3n) {
  margin-right: 0;
}

.p-links-horizontal-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.p-links-horizontal-bottom__item {
  padding-left: 50px;
}

.p-links-vertical {
  font-size: 1.8rem;
}

.p-links-vertical__item {
  margin-bottom: 5px;
}

.p-alert-list__item {
  position: relative;
  padding-left: 26px;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.765;
}

.p-alert-list__item::before {
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(../images/common/icon_alert_list.svg) no-repeat left center;
  background-size: cover;
  content: '';
}

.p-definition {
  font-size: 1.8rem;
}

.p-definition__head {
  padding-left: 1em;
  font-weight: bold;
  text-indent: -1em;
}

.p-definition__head::before {
  color: #c79f4a;
  content: '■';
}

.p-definition__head--plane {
  padding-left: 0;
  text-indent: 0;
}

.p-definition__head--plane::before {
  display: none;
}

.p-definition__body {
  padding-left: 1em;
}

.p-definition__head--plane + .p-definition__body {
  padding-left: 0;
}

.p-definition__notes {
  margin-top: 7px;
  font-size: 1.4rem;
}

.p-definition .c-notes {
  margin-top: 10px;
  font-size: 1.6rem;
}

.p-definition--guide {
  margin-top: 35px;
}

li > .p-definition--guide {
  margin-top: 10px;
}

dd > .p-definition--guide {
  margin-top: 0;
}

.p-definition-horizontal {
  overflow: hidden;
}

.p-definition-horizontal__head {
  width: 250px;
  float: left;
  clear: left;
}

.p-definition-horizontal__head--order-info {
  position: relative;
  width: 7em;
  float: left;
  clear: left;
}

.p-definition-horizontal__head--order-info::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 1em;
  height: 1em;
  content: "：";
}

.p-definition-horizontal__head--order-info + .p-definition-horizontal__body {
  margin-left: 7em;
}

.p-definition-horizontal__body {
  margin-left: 230px;
}

.p-definition-num__head {
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 1.5em;
}

.p-definition-num__head::before {
  position: absolute;
  top: 0;
  left: 0;
  content: attr(data-num) ".";
}

.p-login-section {
  margin-bottom: 35px;
  border: 1px solid #c79f4a;
}

.p-login-section__colored {
  padding: 30px;
  background: #f1e7d3;
}

.p-login-section__notes {
  font-size: 1.5rem;
}

.p-login-parts {
  padding: 30px 0 43px;
}

.p-login-parts__row {
  display: table;
  width: 601px;
  margin: 0 auto;
}

.p-login-parts__cell {
  display: table-cell;
  vertical-align: middle;
}

.p-login-parts__head {
  width: 101px;
}

.p-login-parts__body {
  padding: 13px 0;
}

.p-login-parts__link {
  margin-top: 10px;
  font-size: 1.5rem;
  text-align: center;
}

.p-login-parts__notes {
  color: #d20001;
  font-size: 1.4rem;
  font-weight: bold;
}

.p-login-parts .c-button-unit {
  margin-top: 20px;
}

.p-login-info__head {
  margin-bottom: 5px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.467;
}

.p-login-info__body {
  margin-bottom: 15px;
  font-size: 1.4rem;
  line-height: 1.5;
}

.p-login__faq {
  margin-top: 37px;
  padding-top: 32px;
  border-top: 1px solid #c79f4a;
}

.p-login-faq {
  margin-bottom: 33px;
}

.p-login-faq__unit {
  padding: 0 15px;
  background: #ffffff;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
}

.p-login-faq__item + .p-login-faq__item {
  margin-top: 3px;
}

.p-login-faq__head {
  position: relative;
  padding: 16px 10px 16px 29px;
  font-weight: bold;
  cursor: pointer;
}

.p-login-faq__head::before {
  position: absolute;
  top: 16px;
  left: 5px;
  color: #999999;
  font-weight: bold;
  content: 'Q';
}

.p-login-faq__head::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  transform: rotate(45deg);
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  content: '';
  transition: all .2s ease-in;
}

.p-login-faq__head.is-open::after {
  transform: rotate(-135deg);
}

.p-login-faq__body {
  display: none;
  position: relative;
  padding: 21px 6px 30px 29px;
  border-top: 1px solid #e2e2e2;
}

.p-login-faq__body::before {
  position: absolute;
  top: 21px;
  left: 5px;
  color: #c79f4a;
  font-weight: bold;
  content: 'A';
}

.p-logout-section {
  padding: 54px 0 15px;
}

.p-logout-message {
  padding: 40px 15px;
  border: 1px solid #e2e2e2;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}

.p-flow-list {
  display: flex;
  justify-content: space-between;
  padding-bottom: 35px;
}

.p-flow-list__item {
  width: 310px;
}

.p-flow-list__item:not(:last-child) {
  position: relative;
}

.p-flow-list__item:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: -17px;
  width: 0;
  height: 0;
  margin-top: -11px;
  border-width: 11px 0 11px 10px;
  border-style: solid;
  border-color: transparent transparent transparent #999999;
  content: '';
}

.p-flow-box {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid #e2e2e2;
  text-align: center;
}

.p-flow-box__head {
  background: #c79f4a;
  color: #ffffff;
  font-weight: bold;
}

.p-flow-box__body {
  display: flex;
  flex: auto;
  align-items: center;
  justify-content: center;
  padding: 20px 15px;
  background: #ffffff;
}

.p-flow-box__title {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.364;
}

.p-flow-box__notes {
  margin: 5px 0 3px;
  font-size: 1.5rem;
}

.p-flow-box .p-button-unit__item {
  width: 220px;
}

.p-flow-box .p-button-login {
  padding-top: 14px;
  padding-bottom: 14px;
}

.p-metal-display {
  display: flex;
  justify-content: space-between;
}

.p-metal-display__img {
  width: 410px;
  text-align: center;
}

.p-metal-display__form {
  width: 559px;
  padding: 15px;
  border: 1px solid #e2e2e2;
}

.p-metal-display__form .c-table__head {
  padding-top: 11px;
  padding-bottom: 11px;
}

.p-metal-trade {
  display: flex;
  justify-content: space-between;
}

.p-metal-trade__box {
  width: calc((100% - 50px) / 2);
  padding: 15px;
  border: 1px solid #e2e2e2;
}

.p-metal-trade__box .c-table__head {
  padding-top: 11px;
  padding-bottom: 11px;
}

.p-metal-trade__box + .p-metal-trade__box {
  position: relative;
}

.p-metal-trade__box + .p-metal-trade__box::before {
  display: block;
  position: absolute;
  top: 50%;
  left: -39px;
  width: 28px;
  height: 22px;
  margin-top: -11px;
  background: url(../images/common/arrow_metal_trade.svg) no-repeat left top;
  content: '';
}

.p-metal-trade__calc .c-table__cell {
  padding-top: 7px;
  padding-bottom: 7px;
}

.p-metal-trade__weight {
  font-size: 2rem;
}

.p-metal-trade__weight .c-table__unit {
  font-size: 1.7rem;
}

.p-metal-trade__web {
  margin-top: 8px;
  text-align: center;
}

.p-metal-trade__bar {
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: normal;
}

.p-metal-trade__bar--buy {
  background: #305371;
}

.p-metal-trade__bar--sell {
  background: #912828;
}

.p-trade-row__from, .p-trade-row__to {
  display: inline-block;
  vertical-align: middle;
}

.p-trade-row__to::before {
  display: inline-block;
  width: 28px;
  height: 22px;
  margin: -4px 20px 0;
  background: url(../images/common/arrow_metal_trade.svg) no-repeat left top;
  background-size: cover;
  vertical-align: middle;
  content: '';
}

.p-trade-row .c-radio {
  margin-right: 0;
}

.p-trade-row .c-icon-help {
  margin: 0;
}

.p-trade-row .c-icon-help img {
  vertical-align: middle;
}

.p-day-row {
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle;
}

.p-service-invalid {
  position: relative;
  min-height: 68px;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.455;
}

.p-service-invalid__message {
  margin: 40px 0 20px;
  font-size: 2rem;
  font-weight: bold;
}

.iziModal {
  background: transparent;
  box-shadow: none;
}

.p-modal__title {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.333;
}

.p-modal__subtitle {
  margin-bottom: 10px;
  font-size: 2rem;
  font-weight: bold;
}

.p-modal--beginner .c-modal__text {
  text-align: center;
}

.p-modal--register {
  padding-right: 30px;
  padding-left: 30px;
}

.p-modal--register .c-modal__text {
  font-size: 1.6rem;
  line-height: 1.75;
}

.p-modal--register .p-modal__title--list {
  position: relative;
  margin: 20px 0 10px;
  padding-left: 17px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
}

.p-modal--register .p-modal__title--list::before {
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  width: 12px;
  height: 12px;
  background: #c79f4a;
  content: "";
}

.p-modal--register .p-modal__contents {
  display: flex;
  justify-content: space-between;
}

.p-modal--register .p-modal__col--text {
  width: 55.39773%;
  max-width: 380px;
  padding-right: 10px;
}

.p-modal--coin {
  padding: 30px;
}

.p-modal--coin .c-modal__head {
  margin-bottom: 10px;
}

.p-modal--coin .c-modal__text {
  font-size: 1.6rem;
  line-height: 1.75;
}

.p-modal--coin .p-modal__title {
  font-size: 2.4rem;
}

.p-modal--coin .p-modal__subtitle {
  margin-bottom: 10px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
}

.p-modal--coin .p-modal__img {
  margin-bottom: 35px;
  text-align: center;
}

.p-modal--coin .p-modal__content {
  padding-top: 20px;
  border-top: 1px solid #c2c2c2;
}

.p-news-list__item {
  padding: 20px 0;
  border-top: 1px solid #e2e2e2;
}

.p-news-list__item:nth-child(n + 4) {
  display: none;
}

.p-news-item__title {
  margin-bottom: 10px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.733;
}

.p-news-item__title time {
  margin-right: 1em;
}

.p-news-item--new .p-news-item__title span::after {
  display: inline-block;
  height: 22px;
  margin-left: 5px;
  padding: 0 12px;
  background: #d20001;
  color: #ffffff;
  font-size: 1.1rem;
  font-weight: normal;
  line-height: 22px;
  vertical-align: middle;
  content: 'NEW';
}

.p-news-item__text {
  font-size: 1.4rem;
  line-height: 1.5;
}

.p-news-item__text a {
  color: #166191;
}

.p-news-item__text a:hover {
  text-decoration: underline;
}

.p-notes-box {
  padding: 5px;
  border: 1px solid #c2c2c2;
}

.p-notes-box__head {
  height: 50px;
  background: #d20001;
  color: #ffffff;
  font-size: 2rem;
  font-weight: bold;
  line-height: 50px;
  text-align: center;
}

.p-notes-box__subtitle {
  margin: 5px 0 15px;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

.p-notes-box__body {
  padding: 15px;
}

.p-notice-title {
  margin-bottom: 20px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
}

.p-notice-title time {
  margin-right: 1em;
}

.p-notice-list__item {
  padding: 40px 0;
}

.p-notice-list__item + .p-notice-list__item {
  border-top: 1px solid #e2e2e2;
}

.p-notice-list__item a {
  color: #166191;
}

.p-notice-list__item a:hover {
  text-decoration: underline;
}

.p-top-notice {
  padding: 15px 0;
  border-top: 1px solid #c2c2c2;
  background: #f2f2f2;
}

.p-top-notice__anchor {
  position: relative;
  padding-left: 28px;
  font-weight: bold;
  font-weight: bold;
  line-height: 1.75;
}

.p-top-notice__anchor::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  background: url(../images/common/icon_info.svg) no-repeat left center;
  background-size: cover;
  content: '';
}

.p-top-notice__anchor a::after {
  display: inline-block;
  width: 12px;
  height: 14.5px;
  background: url(../images/common/arrow_anchor.svg) no-repeat left top;
  background-size: cover;
  content: '';
}

.p-trade-tab {
  display: flex;
  margin: 0 -14px 14px;
}

.p-trade-tab__item {
  width: 33.333%;
  padding: 0 14px 10px;
}

.p-trade-nav {
  display: block;
  position: relative;
  height: 70px;
  padding: 10px;
  border: 1px solid #e2e2e2;
  background: #ffffff;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.05);
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.667;
  text-align: center;
  transition: background .2s ease-in;
  transition: opacity 0.2s ease-in;
}

.p-trade-nav:hover {
  opacity: 0.8;
}

.p-trade-nav__en {
  display: block;
  color: #999999;
  font-size: 1.5rem;
  font-weight: normal;
  letter-spacing: 0.07em;
  line-height: 1;
}

.p-trade-nav.is-current {
  color: #ffffff;
}

.p-trade-nav.is-current.p-trade-nav--gold {
  background: #c79f4a;
}

.p-trade-nav.is-current.p-trade-nav--gold::before, .p-trade-nav.is-current.p-trade-nav--gold::after {
  background: #c79f4a;
}

.p-trade-nav.is-current.p-trade-nav--platinum {
  background: #8697a7;
}

.p-trade-nav.is-current.p-trade-nav--platinum::before, .p-trade-nav.is-current.p-trade-nav--platinum::after {
  background: #8697a7;
}

.p-trade-nav.is-current.p-trade-nav--silver {
  background: #a5a5a5;
}

.p-trade-nav.is-current.p-trade-nav--silver::before, .p-trade-nav.is-current.p-trade-nav--silver::after {
  background: #a5a5a5;
}

.p-trade-nav.is-current .p-trade-nav__en {
  color: #ffffff;
}

.p-trade-nav.is-current::before, .p-trade-nav.is-current::after {
  position: absolute;
  content: '';
}

.p-trade-nav.is-current::before {
  z-index: 1;
  bottom: -8px;
  left: 50%;
  width: 16px;
  height: 16px;
  transform: translateX(-50%) rotate(45deg) skew(5deg, 5deg);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.05);
  content: '';
}

.p-trade-nav.is-current::after {
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-trade-nav.is-current div {
  z-index: 3;
  position: relative;
}

.p-trade-charm-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.p-trade-charm-list__item {
  display: table;
  width: 300px;
  height: 300px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.p-trade-charm-list__item--chart {
  background-image: url(../images/common/img_charm_chart.png);
}

.p-trade-charm-list__item--device {
  background-image: url(../images/common/img_charm_device.png);
}

.p-trade-charm-list__item--price {
  background-image: url(../images/common/img_charm_price.png);
}

.p-trade-charm-panel {
  display: table-cell;
  width: 100%;
  height: 100%;
  background-position-x: center;
  background-repeat: no-repeat;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
}

.p-trade-charm-list__item--chart .p-trade-charm-panel {
  background-image: url(../images/common/icon_charm_chart.svg);
  background-position-y: 47px;
}

.p-trade-charm-list__item--device .p-trade-charm-panel {
  background-image: url(../images/common/icon_charm_device.svg);
  background-position-y: 54px;
}

.p-trade-charm-list__item--price .p-trade-charm-panel {
  background-image: url(../images/common/icon_charm_price.svg);
  background-position-y: 43px;
}

.p-trade-charm-panel__text {
  padding-top: 20px;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.364;
}

.p-pagination {
  margin: 15px 0;
}

.p-pagination--right {
  text-align: right;
}

.p-pagination__list {
  display: inline-flex;
}

.p-pagination__item {
  position: relative;
  height: 30px;
  font-weight: bold;
  line-height: 30px;
}

.p-pagination__num {
  width: 30px;
  text-align: center;
}

.p-pagination__num.is-current {
  background: #c79f4a;
  color: #ffffff;
}

.p-pagination__prev {
  margin-right: 12px;
  padding-right: 19px;
  padding-left: 15px;
  border-right: 1px solid #c2c2c2;
}

.p-pagination__prev::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  transform: rotate(135deg);
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  content: '';
}

.p-pagination__next {
  margin-left: 12px;
  padding-right: 15px;
  padding-left: 19px;
  border-left: 1px solid #c2c2c2;
}

.p-pagination__next::before {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  transform: rotate(-45deg);
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  content: '';
}

.p-pagination__arrow {
  color: #166191;
}

.p-refinement {
  margin-bottom: 30px;
  padding: 5px 30px 3px;
  background: #f2f2f2;
}

.p-refinement__label {
  width: 125px;
  font-weight: bold;
  line-height: 50px;
}

.p-refinement__label--s {
  width: 96px;
}

.p-refinement__row {
  display: flex;
  justify-content: space-between;
  padding: 13px 0;
}

.p-refinement__row + .p-refinement__row {
  border-top: 1px dotted #c2c2c2;
}

.p-refinement__unit {
  display: flex;
  width: 100%;
}

.p-refinement__unit + .p-refinement__unit {
  padding-left: 20px;
  border-left: 1px dotted #c2c2c2;
}

.p-refinement-list {
  display: flex;
  flex: 1 0 0px;
  flex-wrap: wrap;
  align-items: center;
  max-width: 665px;
  margin-bottom: -5px;
}

.p-refinement-list__item {
  margin-right: 5px;
  margin-bottom: 5px;
}

.p-button-select {
  height: 50px;
  padding: 14px 20px;
  background: #ffffff;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.p-button-select.is-current {
  background: #c79f4a;
  box-shadow: none;
  color: #ffffff;
}

.p-button-sort {
  display: inline-block;
  width: 80px;
  height: 50px;
  margin: 0;
  padding: 14px 20px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}

.p-button-print {
  position: relative;
  width: 220px;
  height: 50px;
  padding: 0 20px;
  border: 1px solid #c2c2c2;
  background: #ffffff;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}

.p-button-print::before {
  display: inline-block;
  width: 24px;
  height: 25px;
  margin-right: 10px;
  background: url(../images/common/icon_print.svg) no-repeat left top;
  vertical-align: middle;
  content: '';
}

.p-scroll-bordered {
  padding: 25px 40px;
  border: 1px solid #c2c2c2;
}

.p-scroll-bordered .c-def-list {
  font-size: 1.5rem;
  line-height: 1.467;
}

.p-scroll-colored {
  padding: 25px 40px;
  background: #f8f6f1;
}

.p-scroll-colored .c-def-list {
  font-size: 1.5rem;
  line-height: 1.467;
}

.p-section {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}

.p-section--gray {
  background: #f2f2f2;
}

.p-section--gold {
  background: #f1e7d3;
}

.p-section--transaction {
  padding-bottom: 100px;
}

.p-section__footer {
  margin: 25px 0;
}

.p-section__notes {
  margin-bottom: 27px;
  color: #787878;
  font-size: 1.8rem;
  line-height: 1.5;
}

.p-section__link {
  margin-top: 1em;
}

.p-section-title {
  position: relative;
  margin-bottom: 32px;
  padding-left: 13px;
}

.p-section-title::before {
  display: block;
  position: absolute;
  top: 32px;
  right: 100%;
  width: 100%;
  height: 4px;
  background: #000000;
  content: '';
}

.p-section-title__text, .p-section-title__en {
  display: block;
}

.p-section-title__text {
  color: #c79f4a;
  font-size: 3rem;
  font-weight: bold;
  letter-spacing: 0.01em;
}

.p-section-title__text small {
  font-size: 0.75em;
}

.p-section-title__en {
  font-family: "Helvetica Neue";
  font-size: 1.7rem;
  letter-spacing: 0.04em;
  line-height: 1.176;
}

.p-sub-section-title {
  margin-bottom: 40px;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
}

.p-square-title {
  position: relative;
  margin: 15px 0;
  padding-left: 1em;
  font-size: 1.7rem;
  font-weight: bold;
}

.p-square-title::before {
  display: block;
  position: absolute;
  top: 0.25em;
  left: 0;
  width: 1em;
  height: 1em;
  color: #c79f4a;
  font-size: 1.2rem;
  content: '■';
}

.p-sell-unit {
  padding: 0 9px 0 14px;
}

.p-sell-unit__title {
  display: flex;
  position: relative;
  flex: 1;
  align-items: center;
  min-height: 68px;
  padding: 18px 10px 18px 37px;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.455;
}

.p-sell-unit__title--address {
  padding-bottom: 0;
  padding-left: 0;
}

.p-sell-unit__num {
  display: block;
  position: absolute;
  top: 21px;
  left: 0;
  width: 27px;
  height: 27px;
  border-radius: 100%;
  background: #cccccc;
  color: #ffffff;
  font-size: 1.3rem;
  line-height: 27px;
  text-align: center;
  vertical-align: middle;
}

.is-current .p-sell-unit__num {
  background: #c79f4a;
}

.p-sell-unit__inner {
  padding: 0 40px 0 35px;
}

.p-sell-unit__lead {
  margin-bottom: 25px;
}

.p-sell-unit__lead .c-disc-list {
  margin-left: -1em;
}

.p-sell-unit__detail {
  padding-bottom: 21px;
}

.p-sell-unit__detail .c-note-alert {
  color: #912828;
}

.p-sell-unit .c-note-list {
  margin-top: 15px;
}

.p-sell-unit__balance {
  margin-bottom: 15px;
  font-size: 1.8rem;
  font-weight: bold;
}

.p-reference {
  font-size: 1.7rem;
  font-weight: normal;
}

.p-reference__unit {
  font-size: 1.4rem;
}

.p-sell-flow {
  margin-top: 20px;
  margin-bottom: 30px;
}

.p-sell-flow__item {
  margin-bottom: 10px;
}

.p-sell-flow__item--default {
  border: 1px solid #e2e2e2;
  background: #ffffff;
  color: #666666;
}

.p-sell-flow__item--current {
  border: 1px solid #c79f4a;
  background: #ffffff;
}

.p-sell-head-group {
  display: flex;
  justify-content: space-between;
}

.p-sell-head-group__button {
  display: inline-block;
  position: relative;
  width: 180px;
  height: 50px;
  margin-top: 8px;
  padding: 10px 0;
  border: 1px solid #e2e2e2;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.04);
  color: #000000;
  font-weight: bold;
  text-align: center;
}

.p-sell-metaltype,
.p-trade-metaltype {
  display: flex;
  align-items: center;
}

.p-sell-metaltype__name {
  width: 270px;
  margin-right: 0;
}

.p-sell-metaltype__balance {
  width: 285px;
  font-size: 1.8rem;
  font-weight: bold;
}

.p-sell-metaltype__value {
  width: 325px;
  font-size: 1.8rem;
}

.p-trade-metaltype__name {
  width: 200px;
  margin-right: 0;
}

.p-trade-metaltype__balance {
  width: 295px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: right;
}

.p-trade-metaltype__value {
  width: 385px;
  padding-left: 28px;
  line-height: 1.5;
}

.p-trade-metaltype--confirm {
  border-bottom: none;
}

.p-trade-metaltype--confirm + .p-trade-metaltype--confirm {
  padding-top: 0;
}

.p-trade-metaltype--confirm > * {
  flex: 0 0 auto;
}

.p-trade-metaltype--confirm .p-trade-metaltype__use {
  width: 120px;
}

.p-trade-metaltype--confirm .p-trade-metaltype__name {
  width: 160px;
}

.p-trade-metaltype--confirm .p-trade-metaltype__balance {
  width: 250px;
  margin-left: auto;
  font-weight: normal;
}

.p-trade-metaltype--confirm .p-trade-metaltype__value {
  width: 350px;
  margin-left: auto;
}

.p-trade-metallist {
  display: flex;
}

.p-trade-metallist__name {
  width: 195px;
  margin-right: 0;
  padding-left: 20px;
}

.p-trade-metallist__name .c-radio__text--large {
  line-height: 55px;
}

.p-trade-metallist__order {
  width: 220px;
}

.p-trade-metallist__limit {
  width: 425px;
  padding-left: 30px;
}

.p-trade-metallist__limit .p-form__error {
  padding-left: 85px;
}

.p-trade-metallist__text {
  margin: 0 5px;
}

.p-coin-select {
  margin: 40px 0 30px;
}

.p-coin-select__notes {
  margin-top: 20px;
}

.p-deposit-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 810px;
}

.p-table__cell--deposit-confirm .p-deposit-group {
  min-width: 605px;
}

.p-deposit-group__head {
  flex: 1 0 0px;
  text-align: right;
  white-space: nowrap;
}

.p-deposit-group__value {
  width: 390px;
  text-align: right;
}

.p-table__cell--deposit-confirm .p-deposit-group__value {
  width: 240px;
}

.p-deposit-group__text {
  display: inline-block;
  width: 3.5em;
}

.p-deposit-group .c-selectbox-unit {
  margin-left: 16px;
}

.p-deposit-commission__row {
  display: flex;
  justify-content: space-between;
}

.p-deposit-commission__title {
  font-weight: bold;
}

.p-deposit-commission__tax {
  font-size: 1.5rem;
  font-weight: normal;
}

.p-deposit-commission__notes {
  margin-top: 10px;
  font-size: 1.6rem;
  font-weight: normal;
}

.p-deposit-error {
  margin: 20px 0;
}

.p-sell-metal__name {
  width: 210px;
  float: left;
  clear: both;
}

.p-sell-metal__value {
  display: block;
  position: relative;
  padding-left: 210px;
}

.p-sell-metal__value::before {
  position: absolute;
  top: 0;
  left: 188px;
  content: '：';
}

.p-side-header {
  padding: 20px;
}

.p-side-header__logo {
  display: block;
  width: 110px;
  height: 64px;
  margin: 0 auto 15px;
  text-align: center;
}

.p-side-header__text {
  color: #666666;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
}

.p-side-header__text img {
  width: 197px;
  margin-bottom: 7px;
}

.p-side-header__button {
  display: none;
}

.p-btn-header {
  display: block;
  padding-top: 37px;
  padding-bottom: 7px;
  font-size: .8rem;
  line-height: 1;
  white-space: nowrap;
}

.p-btn-menu {
  width: 50px;
  background: url(../images/common/icon_btn_menu.svg) no-repeat center top 12px;
  background-size: 25px 17px;
  transition: all .1s linear;
}

.p-btn-menu.is-open {
  background: url(../images/common/icon_btn_menu_close.svg) no-repeat center top 12px;
  background-size: 18px 18px;
}

.p-btn-logout {
  width: 40px;
  background: url(../images/common/icon_btn_logout.svg) no-repeat center top 12px;
  background-size: 17px 16px;
}

.p-account-menu {
  background: #f1e7d3;
}

.p-account-menu__head {
  display: flex;
  position: relative;
  align-items: center;
  height: 35px;
  padding-right: 25px;
  padding-left: 15px;
  border-top: 1px solid #b5a37c;
  border-bottom: 1px solid #b5a37c;
  color: #b18831;
  font-size: 1.4rem;
  font-weight: bold;
}

.p-account-menu__head::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 13px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  transform: rotate(45deg);
  border-right: 1px solid #c79f4a;
  border-bottom: 1px solid #c79f4a;
  content: '';
  transition: all .2s ease-in;
}

.p-account-menu__head.is-open::after {
  margin-top: -3px;
  transform: rotate(-135deg);
}

.p-account-menu__body {
  display: none;
}

.p-account-menu__body.is-open {
  display: block;
}

.p-account-menu-list__item {
  border-bottom: 1px solid #b5a37c;
}

.p-account-menu-item {
  display: flex;
  position: relative;
  align-items: center;
  height: 45px;
  padding-right: 25px;
  padding-left: 15px;
  font-size: 1.4rem;
  font-weight: bold;
}

.p-account-menu-item::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 13px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  transform: rotate(-45deg);
  border-right: 1px solid #c79f4a;
  border-bottom: 1px solid #c79f4a;
  content: '';
}

.p-account-menu-item:hover, .p-account-menu-item.is-current {
  background: #c79f4a;
  color: #ffffff;
}

.p-account-menu-item:hover::after, .p-account-menu-item.is-current::after {
  border-color: #ffffff;
}

.p-side-account {
  padding: 0 15px 15px;
}

.p-user-info {
  padding: 10px;
}

.p-user-info__name {
  padding: 3px 0;
  font-size: 1.3rem;
  line-height: 1.375;
}

.p-user-info__name b {
  margin-right: 0.4em;
  font-size: 1.6rem;
  font-weight: bold;
}

.p-user-info__login {
  font-size: 1.2rem;
  line-height: 1.417;
}

.p-user-logout {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
}

.p-user-logout-button {
  display: inline-block;
  position: relative;
  width: 220px;
  height: 50px;
  padding: 10px 4px 8px 24px;
  background: #d20001;
  color: #ffffff;
  font-size: 1.2rem;
  letter-spacing: 0.01em;
  line-height: 1;
  text-align: center;
}

.p-user-logout-button::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 30px;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  background: url(../images/common/icon_logout.png) no-repeat left top;
  background-size: cover;
  content: '';
}

.p-user-logout-button strong {
  display: inline-block;
  margin-top: 4px;
  font-size: 1.5rem;
  font-weight: bold;
}

.p-side-list-head {
  display: flex;
  position: relative;
  align-items: center;
  height: 35px;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid #c79f4a;
  background: #f1e7d3;
  color: #c79f4a;
  font-size: 1.5rem;
  font-weight: bold;
}

.p-side-list {
  border-top: 1px solid #e2e2e2;
}

.p-side-link-item {
  display: flex;
  position: relative;
  align-items: center;
  min-height: 45px;
  padding: 10px 25px 10px;
  padding-left: 15px;
  border-bottom: 1px solid #e2e2e2;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.667;
}

.p-side-link-item::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 13px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  transform: rotate(-45deg);
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  content: '';
}

.p-side-link-item[target="_blank"]::after {
  width: 12px;
  height: 10px;
  margin-left: 5px;
  transform: none;
  border: none;
  background: url(../images/common/icon_blank.svg) no-repeat left top;
  background-size: cover;
  vertical-align: middle;
  content: '';
}

.p-side-link-item:hover, .p-side-link-item.is-current {
  background: #000000;
  color: #ffffff;
}

.p-side-link-item.is-disabled {
  color: #999999;
  pointer-events: none;
}

.p-side-link-item.is-disabled::after {
  display: none;
}

.p-side-list-guide {
  padding: 20px 0;
  border-bottom: 1px solid #e2e2e2;
  font-size: 1.5rem;
}

.p-side-list-guide a {
  display: flex;
  align-items: center;
  height: 35px;
  padding-right: 25px;
  padding-left: 15px;
}

.p-side-list-guide a:hover {
  text-decoration: underline;
}

.p-side-list-guide a[target="_blank"] {
  background: url(../images/common/icon_blank.svg) no-repeat right 15px center;
}

.p-side-button-list {
  padding: 15px 10px;
}

.p-side-button-list li {
  text-align: center;
}

.p-side-button-list li + li {
  margin-top: 15px;
}

.p-side-button-list .c-button {
  transition: opacity 0.2s ease-in;
}

.p-side-button-list .c-button:hover {
  opacity: 0.8;
}

.p-side-button {
  height: 54px;
}

.p-banner-olt {
  display: inline-block;
  position: relative;
  width: 220px;
  height: 100px;
  background: url(../images/common/bnr_olt.jpg) no-repeat left top #000000;
  background-size: cover;
  color: #ffffff;
}

.p-banner-olt__text {
  padding-top: 15px;
  font-size: ren(17);
  font-weight: bold;
  line-height: 1.294;
}

.p-banner-olt__title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  padding: 0 20px 0 14px;
  background: #000000;
  font-size: 1.3rem;
  font-weight: bold;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
}

.p-banner-olt__title::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  transform: rotate(-45deg);
  border-right: 2px solid #c79f4a;
  border-bottom: 2px solid #c79f4a;
  content: '';
}

.p-slide {
  position: relative;
  height: 100%;
  padding: 15px 0 7px;
  background: #262626;
  color: #ffffff;
  filter: drop-shadow(0px -3px 6px rgba(0, 0, 0, 0.1));
}

.p-slide__head {
  position: absolute;
  top: -36px;
  left: 23px;
  width: 300px;
  height: 0;
  border-right: 15px solid transparent;
  border-bottom: 36px solid #262626;
  border-left: 15px solid transparent;
  color: #c79f4a;
  line-height: 36px;
}

.p-slide__title {
  display: inline-block;
  position: relative;
  padding: 0 28px 0 10px;
  font-size: 1.5rem;
  font-weight: bold;
}

.p-slide__title::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background: url(../images/common/icon_arrow_bottom.svg) no-repeat left top;
  content: '';
}

.p-slide.is-open .p-slide__title::after {
  background-image: url(../images/common/icon_arrow_bottom_close.svg);
}

.p-slide__row {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}

.p-slide__row + .p-slide__row {
  border-top: 1px solid #454545;
}

.p-slide__rowtitle {
  width: 260px;
  line-height: 1.643;
}

.p-slide__data {
  display: flex;
  justify-content: flex-start;
  width: 960px;
}

.p-slide__data li {
  width: 315px;
  margin-left: 5px;
}

.p-slide__average {
  color: #cecece;
  font-size: 1.2rem;
}

.p-slide__average-value {
  margin-left: 4px;
  color: #ffffff;
  font-size: 1.1rem;
}

.p-slide__average-value b {
  font-size: 1.4rem;
}

.p-slide__button {
  display: block;
  position: relative;
  height: 36px;
  padding: 3px 30px 3px 10px;
  border: 1px solid #4b4b4b;
  background: #141414;
  font-size: 1.7rem;
  font-weight: bold;
  transition: all .2s ease-in;
}

.p-slide__button--gold {
  color: #c79f4a;
}

.p-slide__button--gold.is-open {
  background: #c79f4a;
  color: white;
}

.p-slide__button--platinum {
  color: #6b8aaa;
}

.p-slide__button--platinum.is-open {
  background: #8697a7;
  color: white;
}

.p-slide__button--silver {
  color: #a5a5a5;
}

.p-slide__button--silver.is-open {
  background: #a5a5a5;
  color: white;
}

.p-slide__button::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 13px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  transform: rotate(45deg);
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  content: '';
  transition: all .2s ease-in;
}

.p-slide__button.is-open {
  border: none;
}

.p-slide__button.is-open::after {
  margin-top: -2px;
  transform: rotate(-135deg);
}

.p-slide__button span {
  margin-left: 6px;
  font-size: 1.3rem;
  font-weight: normal;
}

.p-slide__notes {
  margin-top: 5px;
  font-size: 1.3rem;
}

.p-slide-databox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 36px;
  padding: 5px 10px;
  background: #313131;
  color: #cecece;
}

.p-slide-databox__head {
  font-size: 1.3rem;
  line-height: 1;
}

.p-slide-databox__head small {
  font-size: 1.1rem;
}

.p-slide-databox__value {
  font-size: 1.2rem;
}

.p-slide-databox__value b {
  margin-right: 6px;
  font-size: 1.7rem;
}

.p-slide-nav {
  display: flex;
  margin: 0 -7px 3px;
}

.p-slide-nav__item {
  width: 33.333%;
  padding-right: 7px;
  padding-left: 7px;
}

.p-slide-nav-sp {
  display: none;
}

.p-slide__contents {
  display: none;
}

.p-slide__contents#slide-gold {
  display: block;
}

.p-slide__contents.is-open {
  min-height: 126px;
}

.p-status {
  padding: 15px 15px 10px;
}

.p-status__label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 30px;
  margin-bottom: 6px;
  border-radius: 3px;
  font-weight: bold;
}

.p-status__label.is-complete {
  background: #dcdcdc;
  color: #666;
}

.p-status__label.is-purchase {
  background: #f1e7d3;
  color: #d20001;
}

.p-status__label.is-waiting {
  border: 2px solid #c79f4a;
  background: transparent;
  color: #c79f4a;
}

.p-status__message {
  font-size: 1.7rem;
  font-weight: bold;
}

.p-step-nav__list {
  display: flex;
}

.p-step-nav__item {
  display: flex;
  flex: 1 0 0px;
  align-items: center;
  justify-content: center;
  padding: 14px 0;
  border-bottom: 4px solid #cccccc;
}

.p-step-nav__item.is-current {
  border-bottom-color: #c79f4a;
}

.p-step-nav__item.is-current .p-step-nav__num {
  background: #c79f4a;
}

.p-step-nav__item.is-current .p-step-nav__text {
  color: #c79f4a;
}

.p-step-nav__num {
  width: 27px;
  height: 27px;
  margin-right: 8px;
  border-radius: 100%;
  background: #cccccc;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 27px;
  text-align: center;
}

.p-step-nav__text {
  color: #666666;
  font-size: 1.8rem;
  font-weight: bold;
}

.p-step-nav__text br {
  display: none;
}

.p-table-scroll-wrap {
  position: relative;
}

.p-table-scroll-wrap + .p-table-scroll-wrap {
  margin-top: 25px;
}

.p-table-history .c-table__cell {
  font-size: 1.6rem;
}

.p-table-history--detail tbody .c-table__cell {
  font-size: 1.8rem;
}

.p-table-history--detail .c-table__unit {
  font-size: 1.5rem;
}

.p-table-history--detail .c-gold + *,
.p-table-history--detail .c-platinum + *,
.p-table-history--detail .c-silver + * {
  font-size: 1.5rem;
}

.p-table-guide .c-table__cell {
  font-size: 1.4rem;
}

.p-table-guide__cell--h2line {
  height: 71px;
}

.p-table-2em tbody .c-table__cell {
  height: 68px;
}

.p-table-coin-trade .p-table__flex-unit {
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-table-coin-trade .c-table__unit {
  font-size: 1.5rem;
}

.p-table-slash {
  height: 100%;
}

.p-table-fixed .c-table__unit {
  font-size: 1.5rem;
}

.p-table-fixed .c-table__cell {
  white-space: normal;
}

.p-table-ws-normal th,
.p-table-ws-normal td {
  white-space: normal;
}

.p-table-ws-normal th.p-table-ws-normal__cell--nowrap,
.p-table-ws-normal td.p-table-ws-normal__cell--nowrap {
  white-space: nowrap;
}

.p-table-deposit-inner {
  width: calc(100% - 15px);
  margin-left: 15px;
  border-top: none;
  border-collapse: collapse;
}

.p-table-deposit-inner th,
.p-table-deposit-inner td {
  padding: 10px 0 10px 10px;
  border-left: none;
  border-top-width: 1px;
  border-bottom-width: 0;
  border-top-style: dotted;
}

.p-table-deposit-inner tr:first-child > * {
  border-top: none;
}

.p-table-deposit-inner .c-table__unit {
  font-size: 1.6rem;
  font-weight: normal;
}

.p-table-deposit--confirm .c-table__unit {
  font-size: 1.5rem;
}

.p-table__cell--gold {
  background: #c1943c;
  color: #ffffff;
}

.p-table__cell--w845 {
  width: 86.22449%;
}

.p-table__cell--w425 {
  width: 43.36735%;
}

.p-table__cell--w405 {
  width: 41.32653%;
}

.p-table__cell--w380 {
  width: 38.77551%;
}

.p-table__cell--w350 {
  width: 35.71429%;
}

.p-table__cell--w320 {
  width: 32.65306%;
}

.p-table__cell--w310 {
  width: 31.63265%;
}

.p-table__cell--w290 {
  width: 29.59184%;
}

.p-table__cell--w240 {
  width: 24.4898%;
}

.p-table__cell--w215 {
  width: 21.93878%;
}

.p-table__cell--w210 {
  width: 21.42857%;
}

.p-table__cell--w200 {
  width: 20.40816%;
}

.p-table__cell--w195 {
  width: 19.89796%;
}

.p-table__cell--w190 {
  width: 19.38776%;
}

.p-table__cell--w185 {
  width: 18.87755%;
}

.p-table__cell--w180 {
  width: 18.36735%;
}

.p-table__cell--w170 {
  width: 17.34694%;
}

.p-table__cell--w165 {
  width: 17.67956%;
}

.p-table__cell--w160 {
  width: 16.32653%;
}

.p-table__cell--w150 {
  width: 15.30612%;
}

.p-table__cell--w135 {
  width: 13.77551%;
}

.p-table__cell--w125 {
  width: 12.7551%;
}

.p-table__cell--w120 {
  width: 12.24489%;
}

.p-table__cell--w115 {
  width: 11.73469%;
}

.p-table__cell--w110 {
  width: 11.22449%;
}

.p-table__cell--w105 {
  width: 10.71429%;
}

.p-table__cell--w95 {
  width: 9.69388%;
}

.p-table__cell--w90 {
  width: 9.18367%;
}

.p-table__cell--w85 {
  width: 8.67347%;
}

.p-table__cell--w80 {
  width: 8.16327%;
}

.p-table__cell--w60 {
  width: 6.12245%;
}

.p-table__cell--w55 {
  width: 5.61224%;
}

.p-table__cell--w10per {
  width: 10%;
}

.p-table__cell--w50per {
  width: 50%;
}

.p-table__cell--w-auto {
  width: auto;
}

.p-table__cell--wide {
  padding-right: 30px;
  padding-left: 30px;
}

.p-table__cell--colored {
  background: #f1e7d3;
}

.p-table__cell--note {
  padding-right: 20px;
  padding-left: 20px;
  background: #f9ece4;
  color: #d20001;
  font-size: 1.6rem;
  white-space: normal;
}

.p-table__cell--wrap {
  white-space: normal;
}

.p-table__cell--confirm {
  background: rgba(210, 0, 1, 0.09);
}

.p-table__cell--deposit {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  border-bottom: none;
  text-align: right;
}

.p-table__cell--deposit-confirm {
  width: 645px;
  padding-right: 25px;
}

.p-table__cell--commission {
  padding: 22px 145px 22px 25px;
}

.p-table__cell--slash {
  padding: 0;
  background-image: linear-gradient(to top right, transparent, transparent 49%, #c2c2c2 49%, #c2c2c2 51%, transparent 51%, transparent);
}

.p-table__cell--slash .slash-unit {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

.p-table__cell--slash .unit-text {
  display: block;
  padding-right: 5px;
  font-size: 1.2rem;
  text-align: right;
}

.p-table__cell--slash .unit-text + .unit-text {
  padding-left: 5px;
  text-align: left;
}

.p-table__cell--w-select-month {
  width: 15.48463%;
}

.p-table__cell--text {
  font-size: 1.6rem;
  font-weight: normal;
}

.p-table__cell--sum {
  font-size: 3rem;
}

.p-table__cell--button {
  width: 120px;
  padding-right: 0;
  padding-left: 20px;
}

.p-table__cell--button img {
  width: 100px;
  min-width: 100px;
}

.p-table__cell--null {
  background: url(../images/common/bg_mesh.png) repeat left top;
}

.p-table__row--colored th,
.p-table__row--colored td {
  background: #f1e7d3;
}

.p-table__row--dotted th,
.p-table__row--dotted td {
  border-bottom-style: dotted;
}

.p-table__row--double th,
.p-table__row--double td {
  padding: 0;
}

.p-table__row--double th > div,
.p-table__row--double td > div {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 12px 10px;
}

.p-table__row--double th > div::before,
.p-table__row--double td > div::before {
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #c2c2c2;
  content: '';
}

.p-table__row--confirm th,
.p-table__row--confirm td {
  background: rgba(210, 0, 1, 0.09);
}

.p-table__unit {
  margin-left: 10px;
}

.p-table-title--center {
  margin: 60px 0 32px;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
}

.p-table-total {
  margin-bottom: 5px;
}

.p-table-caption {
  margin: 36px 0 13px;
  font-size: 1.8rem;
  font-weight: bold;
}

.p-table-formula .is-sp-show {
  display: none;
}

.p-table-formula__cell {
  white-space: nowrap;
}

.p-table-formula__cell--calc {
  padding: 0 10px;
}

.p-top-header {
  position: relative;
  height: 200px;
  background-image: url(../images/top/bg_mv.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.p-top-header__title {
  position: absolute;
  bottom: 40px;
  left: 40px;
  width: 354px;
}

.p-top-market {
  padding-bottom: 55px;
}

.p-market-block {
  display: none;
}

.p-market-block#tab-gold {
  display: block;
}

.p-market-block__title {
  padding: 28px 30px;
  color: #ffffff;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.462;
  text-align: center;
}

.p-market-block__title br {
  display: none;
}

.p-tab-gold .p-market-block__title {
  background: #c79f4a;
}

.p-tab-platinum .p-market-block__title {
  background: #8697a7;
}

.p-tab-silver .p-market-block__title {
  background: #a5a5a5;
}

.p-market-block__border {
  padding: 29px 30px 25px;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
}

.p-market-block__main {
  display: flex;
  padding-bottom: 20px;
  border-bottom: 1px solid #e2e2e2;
}

.p-market-block__bottom {
  padding-top: 18px;
}

.p-market-block__chart {
  width: 570px;
}

.p-market-block__data {
  width: 320px;
  margin-left: auto;
}

.p-market-nav {
  display: flex;
  align-items: center;
  margin-bottom: 22px;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  font-size: 1.5rem;
}

.p-market-nav__head {
  height: 38px;
  margin-right: 10px;
  padding: 0 10px;
  font-weight: bold;
  line-height: 38px;
}

.p-tab-gold .p-market-nav__head {
  color: #c79f4a;
}

.p-tab-platinum .p-market-nav__head {
  color: #8697a7;
}

.p-tab-silver .p-market-nav__head {
  color: #a5a5a5;
}

.p-market-nav-list {
  display: flex;
  align-items: center;
}

.p-market-nav-list li {
  width: 59px;
}

.p-market-nav-list a {
  display: block;
  height: 38px;
  color: #666666;
  line-height: 38px;
  text-align: center;
}

.p-market-nav-list a.is-current {
  border-bottom: 4px solid #000000;
  color: #000000;
}

.p-market-chart__tab {
  display: none;
}

.p-market-chart__tab:first-child {
  display: block;
}

.p-market-chart-color {
  display: flex;
  justify-content: flex-end;
}

.p-market-chart-color__item {
  font-size: 1.3rem;
}

.p-market-chart-color__item + .p-market-chart-color__item {
  margin-left: 1em;
}

.p-market-chart-color__item::before {
  display: inline-block;
  width: 30px;
  height: 3px;
  margin-right: 5px;
  vertical-align: middle;
  content: '';
}

.p-market-chart-color__item--sell::before {
  background: #912828;
}

.p-market-chart-color__item--buy::before {
  background: #305371;
}

.p-market-box {
  margin-bottom: 5px;
  padding: 10px 15px 13px;
  background: linear-gradient(180deg, #fbf9f4 0%, #f5f3ee 100%);
}

.p-market-box__title {
  font-size: 2rem;
  font-weight: bold;
  white-space: nowrap;
}

.p-tab-gold .p-market-box__title {
  color: #c79f4a;
}

.p-tab-platinum .p-market-box__title {
  color: #8697a7;
}

.p-tab-silver .p-market-box__title {
  color: #a5a5a5;
}

.p-market-box__title br {
  display: none;
}

.p-market-box__value {
  word-wrap: break-word;
  min-width: 150px;
  text-align: right;
  overflow-wrap: break-word;
}

.p-market-value {
  padding: 9px 0 4px;
  font-size: 1.9rem;
  font-weight: bold;
}

.p-market-value b {
  font-size: 3.5rem;
  font-weight: inherit;
  line-height: 1;
}

.p-market-deposit {
  color: #3b362d;
  font-size: 1.5rem;
  line-height: 1.467;
}

.p-market-box-s {
  flex: 1 0 0px;
  margin-bottom: 5px;
  padding: 10px 15px;
  background: linear-gradient(180deg, #fbf9f4 0%, #f5f3ee 100%);
}

.p-market-box-s__row {
  display: flex;
  justify-content: space-between;
}

.p-market-box-s__title, .p-market-box-s__value {
  font-weight: bold;
}

.p-market-box-s__title {
  font-size: 2rem;
}

.p-market-box-s--sell .p-market-box-s__title {
  color: #912828;
}

.p-market-box-s--buy .p-market-box-s__title {
  color: #305371;
}

.p-market-box-s__value {
  font-size: 1.7rem;
}

.p-market-box-s__value b {
  font-size: 2.3rem;
  font-weight: inherit;
}

.p-market-box-s__num--minus {
  color: #d20001;
}

.p-market-box-s__num--plus {
  color: #0024b4;
}

.p-market-box-s__button {
  padding: 10px 0;
}

.p-market-notes {
  margin-bottom: 20px;
  padding-left: 1em;
  color: #787878;
  font-size: 1.4rem;
  line-height: 1.5;
  text-indent: -1em;
}

.p-box-unit-accordion {
  display: flex;
}

.p-box-unit-accordion__head {
  width: 150px;
  min-width: 150px;
  padding: 15px 5px;
  color: #ffffff;
  font-size: 1.7rem;
  font-weight: bold;
  text-align: center;
}

.p-tab-gold .p-box-unit-accordion__head {
  background: #c79f4a;
}

.p-tab-platinum .p-box-unit-accordion__head {
  background: #8697a7;
}

.p-tab-silver .p-box-unit-accordion__head {
  background: #a5a5a5;
}

.p-box-unit-accordion__body {
  position: relative;
  flex: 1 0 0px;
  padding: 15px 20px;
  overflow: hidden;
  background: #f8f8f8;
}

.p-market-status__head {
  width: calc(100% - 140px);
  overflow: hidden;
  font-size: 1.7rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-market-status__body {
  display: none;
  padding-top: 24px;
  font-size: 1.5rem;
}

.p-market-status__button {
  position: absolute;
  top: 10px;
  right: 10px;
}

.p-accordion-button {
  display: block;
  position: relative;
  width: 140px;
  height: 40px;
  padding: 5px 25px;
  padding-left: 25px;
  border: 1px solid #e2e2e2;
  background: #ffffff;
  white-space: nowrap;
}

.p-accordion-button::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 13px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  transform: rotate(45deg);
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  content: '';
  transition: all .2s ease-in;
}

.p-accordion-button.is-open::after {
  margin-top: -2px;
  transform: rotate(-135deg);
}

.p-user-info-sp {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff;
}

.p-user-info-sp__name {
  margin-bottom: 3px;
  font-size: 1.3rem;
  line-height: 1.154;
}

.p-user-info-sp__name b {
  margin-right: 0.4em;
  font-size: 1.6rem;
  font-weight: bold;
}

.p-user-info-sp__login {
  font-size: 1.2rem;
  line-height: 1.417;
}

.p-trade-list {
  display: flex;
  flex-wrap: wrap;
  margin-right: -14px;
  margin-left: -14px;
}

.p-trade-list--s {
  margin-right: -10px;
  margin-left: -10px;
}

.p-trade-list__item {
  width: 33.333%;
  margin-bottom: 20px;
  padding-right: 14px;
  padding-left: 14px;
  font-size: 1.5rem;
  letter-spacing: 0.01em;
}

.p-trade-list__item--s {
  width: 25%;
  padding-right: 10px;
  padding-left: 10px;
}

.p-trade-panel-text {
  margin-top: 7px;
}

.p-trade-panel {
  display: flex;
  position: relative;
  align-items: flex-end;
  justify-content: center;
  height: 170px;
  padding: 20px;
  border: 1px solid rgba(226, 226, 226, 0.65);
  background-color: rgba(255, 255, 255, 0.65);
  background-position: center 47px;
  background-repeat: no-repeat;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.032);
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.3;
  transition: opacity 0.2s ease-in;
}

.p-trade-panel:hover {
  opacity: 0.8;
}

.p-trade-list--s .p-trade-panel {
  padding: 20px 10px;
}

.p-trade-panel.is-disabled {
  pointer-events: none;
}

.p-trade-panel.is-disabled::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(222, 222, 222, 0.55);
  content: '';
}

.p-trade-panel.is-disabled div {
  z-index: 1;
  position: absolute;
  top: 55px;
  left: 0;
  width: 100%;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}

.p-trade-panel.is-disabled br {
  display: none;
}

.p-trade-list__item--s .p-trade-panel.is-disabled br {
  display: inline;
}

.p-trade-panel--day {
  background-image: url(../images/common/icon_trade_day.svg);
  background-size: 60px 41px;
}

.p-trade-panel--month {
  background-image: url(../images/common/icon_trade_month.svg);
  background-size: 59px 41px;
}

.p-trade-panel--deposit {
  background-image: url(../images/common/icon_trade_deposit.svg);
  background-size: 51px 52px;
}

.p-trade-panel--sell {
  background-image: url(../images/common/icon_trade_sell.svg);
  background-size: 60px 53px;
}

.p-trade-panel--coin {
  background-image: url(../images/common/icon_trade_coin.svg);
  background-size: 56px 57px;
}

.p-trade-panel--reci {
  background-image: url(../images/common/icon_trade_reci.svg);
  background-size: 70px 44px;
}

.p-trade-panel--keep {
  background-image: url(../images/common/icon_trade_keep.svg);
  background-size: 49px 40px;
}

.p-trade-panel--withdraw {
  background-image: url(../images/common/icon_trade_withdraw.svg);
  background-size: 61px 39px;
}

.p-transaction-table {
  width: 100%;
  margin: 35px 0 16px;
  font-size: 1.8rem;
}

.p-transaction-table__row {
  border-top: 1px solid #c2c2c2;
}

.p-transaction-table__cell {
  padding: 9px 20px;
}

.p-transaction-table__head {
  width: 125px;
  font-weight: bold;
}

.p-transaction-box {
  position: relative;
  padding-bottom: 75px;
}

.p-transaction-box__cancel {
  position: absolute;
  right: 10px;
  bottom: 25px;
}

.p-transaction-box__cancel--single {
  display: table;
  position: static;
  margin-left: auto;
}

.p-bank-info {
  display: inline-block;
  margin-right: 100px;
  vertical-align: top;
}

.p-bank-info__label {
  width: 6em;
  float: left;
  clear: both;
}

.p-bank-info__data {
  position: relative;
  padding-left: 7em;
}

.p-bank-info__data::before {
  position: absolute;
  top: 0;
  left: 6em;
  content: '：';
}

.p-table-withdraw {
  width: 100%;
  border-bottom: 1px solid #c2c2c2;
  border-collapse: separate;
}

.p-table-withdraw__head {
  font-size: 2.2rem;
  font-weight: bold;
}

.p-table-withdraw__cell {
  padding-bottom: 20px;
}

.p-table-withdraw__group tr:first-child .p-table-withdraw__cell {
  padding-top: 20px;
  border-top: 1px solid #c2c2c2;
}

.p-table-withdraw__notes {
  margin-top: 5px;
}

.p-commission {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.3;
}

.p-commission__name {
  width: 265px;
  float: left;
  clear: both;
}

.p-commission__value {
  display: block;
  position: relative;
  padding-left: 265px;
}

.p-commission__value::before {
  position: absolute;
  top: 0;
  left: 245px;
  content: '：';
}

.u-ta-l {
  text-align: left;
}

.u-ta-c {
  text-align: center;
}

.u-ta-r {
  text-align: right;
}

.u-va-t {
  vertical-align: top;
}

.u-va-t > th,
.u-va-t > td {
  vertical-align: top;
}

.u-va-m {
  vertical-align: middle;
}

.u-va-m > th,
.u-va-m > td {
  vertical-align: middle;
}

.u-va-b {
  vertical-align: bottom;
}

.u-va-b > th,
.u-va-b > td {
  vertical-align: bottom;
}

.u-bd-t {
  border-top-width: 1px !important;
}

.u-bd-b {
  border-bottom-width: 1px !important;
}

.u-bd-r {
  border-right-width: 1px !important;
}

.u-bd-l {
  border-left-width: 1px !important;
}

.u-bd-t-none {
  border-top-style: none !important;
}

.u-bd-b-none {
  border-bottom-style: none !important;
}

.u-bd-r-none {
  border-right-style: none !important;
}

.u-bd-l-none {
  border-left-style: none !important;
}

.u-bd-b-double {
  position: relative;
}

.u-bd-b-double::before {
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #c2c2c2;
  content: '';
}

.u-hidden {
  display: none;
}

.u-dis-ib {
  display: inline-block;
}

.u-fw-n {
  font-weight: normal;
}

.u-fs-base {
  font-size: 1.6rem;
}

.u-underline {
  text-decoration: underline;
}

.u-mb-0 {
  margin-bottom: 0;
}

.u-mb-10 {
  margin-bottom: 10px;
}

.u-mb-15 {
  margin-bottom: 15px;
}

.u-mb-20 {
  margin-bottom: 20px;
}

.u-mb-30 {
  margin-bottom: 30px;
}

.u-mt-0 {
  margin-top: 0;
}

.u-mt-10 {
  margin-top: 10px;
}

.u-mt-15 {
  margin-top: 15px;
}

.u-mt-20 {
  margin-top: 20px;
}

.u-mt-30 {
  margin-top: 30px;
}

.u-mt-50 {
  margin-top: 50px;
}

.u-pt-0 {
  padding-top: 0;
}

.u-pb-0 {
  padding-bottom: 0;
}

.u-pl-0 {
  padding-left: 0;
}

.u-pr-0 {
  padding-right: 0;
}

.u-nowrap {
  white-space: nowrap;
}

.u-w150 {
  width: 150px;
}

.u-w100 {
  width: 100px;
}

.c-pagetop {
  z-index: -1;
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 50px;
  height: 50px;
  overflow: hidden;
  background: url(../images/btn_pagetop.png) no-repeat center center;
  background-size: contain;
  opacity: 0;
  transition: all 0.7s;
}

.c-pagetop.is-active {
  z-index: 5;
  opacity: 0.7;
  transition: all 0.7s;
}

.c-pagetop a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: 100%;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  body {
    min-width: 320px;
    font-size: 1.5rem;
    line-height: 1.6;
  }
  .l-form {
    padding-top: 30px;
    padding-bottom: 50px;
  }
  .l-fixed-header {
    z-index: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 67px;
    background: #ffffff;
  }
  .l-main {
    min-width: 0;
  }
  .l-page {
    display: block;
  }
  .l-page-bottom {
    min-width: 320px;
  }
  .l-contents {
    padding-top: 20px;
  }
  .l-inner, .l-inner-full, .l-inner-wide {
    padding-right: 12px;
    padding-left: 12px;
  }
  .l-sidebar {
    z-index: 11;
    position: relative;
    width: auto;
    height: 67px;
    padding-bottom: 0;
    box-shadow: none;
  }
  .l-footer-contact {
    padding-top: 26px;
  }
  .l-footer-bottom {
    padding: 44px 0 53px;
  }
  .l-form {
    padding-top: 30px;
    padding-bottom: 50px;
  }
  .l-fixed-header {
    z-index: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 67px;
    background: #ffffff;
  }
  .l-main {
    min-width: 0;
  }
  .l-page {
    display: block;
  }
  .l-page-bottom {
    min-width: 320px;
  }
  .l-contents {
    padding-top: 20px;
  }
  .l-inner, .l-inner-full, .l-inner-wide {
    padding-right: 12px;
    padding-left: 12px;
  }
  .l-sidebar {
    z-index: 11;
    position: relative;
    width: auto;
    height: 67px;
    padding-bottom: 0;
    box-shadow: none;
  }
  .c-icon-required, .c-icon-optional {
    display: inline-block;
  }
  .c-textbox {
    padding: 12px;
  }
  .c-form-unit {
    margin: 0 10px 0 5px;
  }
  .c-radio {
    display: block;
  }
  .c-radio + .c-radio {
    margin-top: 10px;
  }
  .c-radio__text--large {
    font-size: 2rem;
  }
  .c-modal {
    padding: 44px 15px 30px;
  }
  .c-modal__text {
    font-size: 1.6rem;
  }
  .c-modal__close {
    top: 5px;
    right: 5px;
  }
  .c-table__cell {
    font-size: 1.6rem;
  }
  .c-alert::before {
    width: 18px;
    height: 18px;
  }
  .p-account-links {
    display: block;
    margin: 0;
  }
  .p-account-links__item {
    margin-bottom: 10px;
    padding: 0;
  }
  .p-account-links__item--half {
    width: 100%;
  }
  .p-account-box {
    display: block;
    position: relative;
  }
  .p-account-box__text {
    padding: 10px;
    font-size: 1.4rem;
  }
  .p-account-box__head {
    padding-bottom: 10px;
    font-size: 1.6rem;
    line-height: 45px;
  }
  .p-account-box__itemrow {
    flex-wrap: wrap;
    padding-right: 0;
  }
  .p-account-box__itemcol {
    width: 50%;
  }
  .p-account-box__img {
    position: absolute;
    top: 0;
    right: 0;
    width: 65px;
    height: 65px;
    min-height: 65px;
  }
  .p-account-box__img > div {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .p-top-banner {
    height: 95px;
    padding-right: 10px;
    line-height: 1.429;
  }
  .p-top-banner__inner {
    padding-left: 52px;
  }
  .p-top-banner__inner span br,
  .p-top-banner__inner strong br {
    display: inline;
  }
  .p-top-banner__inner strong {
    font-size: 2rem;
    line-height: 1.65;
  }
  .p-top-banner-list {
    display: block;
    margin: 20px 0 0;
  }
  .p-top-banner-list__item {
    width: auto;
    padding-right: 0;
    padding-left: 0;
  }
  .p-top-banner-list__item + .p-top-banner-list__item {
    margin-top: 10px;
  }
  .p-border-box--entry {
    font-size: 1.5rem;
    text-align: left;
  }
  .p-border-box {
    padding: 15px;
  }
  .p-border-box__title {
    font-size: 2rem;
  }
  .p-border-row {
    display: block;
    padding: 15px 0;
  }
  .p-border-row__button {
    margin-top: 30px;
  }
  .p-box-unit {
    display: block;
  }
  .p-box-unit__head {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 5px 10px;
    text-align: left;
  }
  .p-info-block .p-box-unit__head {
    display: flex;
  }
  .p-box-unit__body {
    padding: 15px;
  }
  .p-box-unit__title {
    font-size: 1.5rem;
  }
  .p-box-unit__link {
    font-size: 1.4rem;
  }
  .p-breadcrumb {
    display: none;
  }
  .p-breadcrumb-list {
    display: block;
  }
  .p-link-button {
    width: 100%;
    min-height: 40px;
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .p-button-decision, .p-button-prev, .p-button-next, .p-button-box, .p-button-cart {
    height: 60px;
    padding: 19px 40px;
    font-size: 1.6rem;
  }
  .p-button-prev {
    padding-right: 20px;
  }
  .p-button-unit {
    flex-direction: column-reverse;
    justify-content: center;
  }
  .p-button-unit__item {
    width: 100%;
    max-width: 338px;
    margin: 0 auto;
  }
  .p-button-unit__item--sell, .p-button-unit__item--invalid {
    max-width: 226px;
  }
  .p-button-unit__item + .p-button-unit__item {
    margin-bottom: 10px;
    margin-left: auto;
  }
  .p-button-unit__item--large {
    width: 100%;
    max-width: 378px;
  }
  .p-button__text--small {
    font-size: 1.2rem;
  }
  .p-button__text--medium {
    font-size: 1.6rem;
  }
  .p-button__text--large {
    font-size: 1.8rem;
  }
  .p-button-goldpark {
    height: 75px;
  }
  .p-calc-box {
    margin-top: 15px;
  }
  .p-calc-box__head {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .p-calc-box__body {
    padding: 10px 12px 15px;
    text-align: center;
  }
  .p-calc-box__textbox {
    width: calc(100% - 48px);
    max-width: 260px;
  }
  .p-calc-box__button {
    display: block;
    margin: 0 auto 25px;
  }
  .p-calc-box__result::before {
    top: auto;
    right: auto;
    bottom: -16px;
    left: 50%;
    margin-left: -6px;
    transform: rotate(45deg);
  }
  .p-coin-trade-amount__head {
    font-size: 1.8rem;
  }
  .p-coin-trade-amount__label {
    height: 25px;
    margin-bottom: 10px;
    font-size: 1.6rem;
    line-height: 25px;
  }
  .p-coin-trade-amount__value {
    display: block;
    text-align: right;
  }
  .p-coin-trade-amount__value b {
    font-size: 2.5rem;
  }
  .p-sell-lead:after {
    min-width: 0;
    padding-top: 11.06667%;
    background-image: url(../images/common/bg_flow_bottom_lead_sp.png);
  }
  .p-sell-lead__footer {
    bottom: auto;
    padding-top: 30px;
  }
  .p-sell-lead__guide {
    font-size: 2rem;
  }
  .p-sell-current::after {
    padding-top: 14.04959%;
    background-image: url(../images/common/bg_flow_bottom_sp.png);
    background-size: 103.4188% auto;
  }
  .p-sell-current__inner {
    padding-bottom: 0;
  }
  .p-sell-current__footer {
    margin-top: 20px;
    margin-bottom: 0;
    padding: 0 5px 0 0;
  }
  .p-footer-contact__lead {
    margin-bottom: 15px;
  }
  .p-footer-contact__info br {
    display: inline;
  }
  .p-footer-company {
    display: block;
    text-align: center;
  }
  .p-footer-company__logo {
    margin-bottom: 38px;
  }
  .p-footer-company__text {
    text-align: center;
  }
  .p-footer-company__copyright {
    font-size: 1rem;
    line-height: 1.556;
  }
  .p-footer-company__copyright br {
    display: inline;
  }
  .p-form-notes-box, .p-form-notes-box--alert {
    margin-bottom: 20px;
    padding: 15px;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .p-form__footer {
    margin-top: 30px;
  }
  .p-form__subtitle {
    margin: 30px 0 15px;
    font-size: 1.6rem;
  }
  .p-form-group {
    padding: 10px;
  }
  .p-form-group--privacy {
    max-width: 240px;
  }
  .p-form-group__head {
    margin-bottom: 5px;
  }
  .p-form-group .c-icon-required {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .p-form-table {
    border-bottom: none;
  }
  .p-form-table__row {
    display: block;
    border-top: none;
  }
  .p-form-table__head {
    display: block;
    width: 100%;
    font-size: 1.6rem;
  }
  .p-form-table__head--nobg {
    background-color: #ffffff;
  }
  .p-form-table--input .p-form-table__head {
    padding: 10px;
  }
  .p-form-table--confirm .p-form-table__head {
    padding: 10px;
  }
  .p-form-table--pw-confirm .p-form-table__head {
    width: 100%;
  }
  .p-form-table--update .p-form-table__head {
    width: 100%;
  }
  .p-form-table--mailmagazine .p-form-table__head {
    width: 100%;
  }
  .p-form-table--colspan2 .p-form-table__head {
    width: 100%;
    border-right: 0;
  }
  .p-form-table__name {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
  }
  .p-form-table__body {
    display: block;
  }
  .p-form-table--input .p-form-table__body {
    padding: 15px 0;
  }
  .p-form-table--confirm .p-form-table__body {
    padding: 15px 0;
  }
  .p-form-table__notes {
    padding-top: 6px;
  }
  .p-form-table__notes br {
    display: none;
  }
  .p-form-table__password {
    font-size: 1.6rem;
  }
  .p-form-table__alert {
    font-size: 1.6rem;
  }
  .p-form-innertable {
    border-bottom: none;
  }
  .p-form-innertable__row {
    display: block;
  }
  .p-form-innertable__head {
    display: block;
    width: 100%;
    font-size: 1.6rem;
  }
  .p-form-innertable__head--nobg {
    background-color: #ffffff;
  }
  .p-form-innertable__name {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
  }
  .p-form-innertable__body {
    display: block;
  }
  .p-textbox-unit--name .p-textbox--medium {
    width: 100%;
  }
  .p-textbox-unit--name .p-textbox--small {
    width: 100%;
  }
  .p-textbox--zip {
    max-width: 100px;
  }
  .p-textbox--sell, .p-textbox--sell-limit {
    width: calc(100% - 50px);
    max-width: 280px;
    font-size: 2rem;
    font-weight: bold;
  }
  .p-textbox--deposit {
    width: auto;
    max-width: 280px;
    font-weight: bold;
  }
  .p-selectbox--year {
    width: auto;
    max-width: 120px;
  }
  .p-selectbox--month {
    width: auto;
    max-width: 80px;
  }
  .p-selectbox--day {
    width: auto;
    max-width: 80px;
  }
  .p-selectbox--metallist {
    width: auto;
    max-width: 170px;
  }
  .p-selectbox--add-cart {
    width: auto;
    max-width: 80px;
  }
  .p-selectbox--deposit-month {
    width: auto;
    max-width: 85px;
  }
  .p-textbox-unit--name {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .p-textbox-unit--name2 {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .p-form-label {
    margin-bottom: 10px;
  }
  .p-form-unit--num {
    margin: 0 5px;
  }
  .p-form-notes-box__title {
    font-size: 1.8rem;
  }
  .p-form-notes-box__text {
    text-align: left;
  }
  .p-form-notes-box--alert__title {
    font-size: 2.2rem;
  }
  .p-form-notes-box--alert__text {
    text-align: left;
  }
  .p-terms__title {
    margin: 0 0 15px;
  }
  .p-contact-unit {
    display: block;
  }
  .p-contact-unit__head {
    width: 100%;
    padding: 5px 10px;
  }
  .p-contact-unit__body {
    padding: 15px 20px;
  }
  .p-contact-unit__body--horizontal {
    display: block;
  }
  .p-contact-unit__title {
    font-size: 1.5rem;
  }
  .p-contact-unit__info br {
    display: inline;
  }
  .p-document-block {
    padding: 15px;
  }
  .p-document-block__scroll {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .p-workshop-block {
    display: block;
    margin-top: 20px;
  }
  .p-workshop-block__img {
    width: auto;
    margin-bottom: 25px;
  }
  .p-workshop-block__text {
    width: auto;
  }
  .p-workshop-block__title {
    margin: 20px 0 8px;
    font-size: 1.8rem;
  }
  .p-password-box__error {
    top: -22px;
    left: 0;
    min-width: 0;
  }
  .p-password-box__error span {
    padding: 11px 12px;
  }
  .p-password-box__error span::before {
    bottom: -5px;
    width: 11px;
    height: 11px;
  }
  .p-goldpark-button-list {
    display: block;
  }
  .p-goldpark-button-list__item {
    width: 100%;
    max-width: 308px;
    margin: 0 auto;
    padding: 0;
  }
  .p-goldpark-button-list__item + .p-goldpark-button-list__item {
    margin-top: 10px;
  }
  .p-page-header {
    height: 80px;
    padding: 0 12px;
  }
  .page-logout .p-page-header {
    height: auto;
    padding: 55px 15px 20px;
  }
  .page-logout .p-page-header__logo {
    top: 7px;
    left: 50%;
    margin-top: 0;
    margin-left: -30px;
  }
  .p-page-header__logo img {
    width: 60px;
  }
  .page-logout .p-page-header__logo--goldpark {
    top: 18px;
    margin-top: 0;
    margin-left: -90px;
  }
  .p-page-header__logo--goldpark img {
    width: 180px;
  }
  .p-page-header__title {
    font-size: 2.4rem;
    line-height: 1.167;
  }
  .page-logout .p-page-header__title {
    font-size: 2rem;
  }
  .p-page-header__subtitle {
    font-size: 0.8em;
  }
  .p-page-subtitle {
    font-size: 2rem;
  }
  .p-info-bar {
    padding: 12px 10px;
  }
  .p-info-bar__text {
    font-size: 1.8rem;
    line-height: 1.333;
  }
  .p-info-block__text {
    font-size: 1.5rem;
  }
  .p-info-list__title {
    margin-bottom: 5px;
    font-size: 1.7rem;
  }
  .p-input-list__inner {
    padding-left: 0;
  }
  .p-input-list__notes {
    margin: 10px 0;
  }
  .p-input-list__day {
    display: block;
    padding-left: 4em;
  }
  .p-input-unit {
    margin-left: 5px;
    font-size: 1.8rem;
  }
  .p-table-input .c-table__cell {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .p-links-horizontal {
    display: block;
    font-size: 1.6rem;
  }
  .p-links-horizontal__item {
    width: 100%;
    margin-right: 0;
  }
  .p-links-horizontal-bottom__item {
    padding-right: 0;
  }
  .p-links-vertical {
    font-size: 1.6rem;
  }
  .p-alert-list__item {
    font-size: 1.5rem;
    line-height: 1.667;
  }
  .p-alert-list__item::before {
    top: 3px;
    width: 18px;
    height: 18px;
  }
  .p-definition {
    font-size: 1.6rem;
  }
  .p-definition .c-notes {
    font-size: 1.5rem;
  }
  .p-transaction-box .p-definition-horizontal {
    padding-right: 0;
  }
  .p-definition-horizontal__head {
    width: auto;
    float: none;
    clear: none;
  }
  .p-definition-horizontal__body {
    margin-left: 1em;
  }
  .p-login-section__colored {
    padding: 30px 10px;
  }
  .p-login-parts {
    padding: 30px 10px;
  }
  .p-login-parts__row {
    display: block;
    width: 100%;
    margin-bottom: 15px;
  }
  .p-login-parts__cell {
    display: block;
  }
  .p-login-parts__head {
    width: auto;
    margin-bottom: 8px;
  }
  .p-login-parts__body {
    padding: 0;
  }
  .p-login-parts__link {
    font-size: 1.3rem;
    text-align: left;
  }
  .p-login-parts__notes {
    font-size: 1.3rem;
  }
  .p-login-parts .c-button-unit {
    margin-top: 30px;
  }
  .p-login__faq {
    margin-top: 25px;
    padding-top: 25px;
  }
  .p-login-faq__unit {
    padding: 0 10px;
  }
  .p-login-faq__head {
    padding: 12px 15px 12px 24px;
  }
  .p-login-faq__head::before {
    top: 12px;
  }
  .p-login-faq__body {
    padding: 15px 6px 20px 24px;
  }
  .p-login-faq__body::before {
    top: 15px;
  }
  .p-logout-section {
    padding: 30px 0 10px;
  }
  .p-logout-message {
    padding: 20px 10px;
    font-size: 1.6rem;
  }
  .p-flow-list {
    display: block;
    padding-bottom: 20px;
  }
  .p-flow-list__item {
    width: auto;
  }
  .p-flow-list__item:not(:last-child) {
    margin-bottom: 22px;
  }
  .p-flow-list__item:not(:last-child)::after {
    top: auto;
    right: auto;
    bottom: -17px;
    left: 50%;
    margin-top: 0;
    margin-left: -11px;
    border-width: 11px 11px 0 11px;
    border-color: #999999 transparent transparent transparent;
  }
  .p-flow-box__title {
    font-size: 1.8rem;
  }
  .p-flow-box__notes {
    font-size: 1.4rem;
  }
  .p-metal-display {
    display: block;
  }
  .p-metal-display__img {
    width: auto;
    margin-bottom: 15px;
  }
  .p-metal-display__form {
    width: auto;
  }
  .p-metal-trade {
    display: block;
  }
  .p-metal-trade__box {
    width: auto;
  }
  .p-metal-trade__box + .p-metal-trade__box {
    margin-top: 50px;
  }
  .p-metal-trade__box + .p-metal-trade__box::before {
    top: -36px;
    left: 50%;
    margin-top: 0;
    margin-left: -11px;
    transform: rotate(90deg);
  }
  .p-trade-row__to::before {
    width: 20px;
    height: 16px;
    margin: 0 5px 0 0;
  }
  .p-day-row {
    display: block;
    margin-left: 38px;
  }
  .p-service-invalid {
    font-size: 1.7rem;
    line-height: 1.294;
  }
  .p-service-invalid__message {
    font-size: 1.8rem;
  }
  .p-modal__title {
    font-size: 2rem;
  }
  .p-modal__subtitle {
    font-size: 1.8rem;
  }
  .p-modal--beginner .c-modal__text {
    text-align: left;
  }
  .p-modal--register .p-modal__contents {
    flex-direction: column-reverse;
  }
  .p-modal--register .p-modal__col--text {
    width: auto;
    max-width: 100%;
    padding-right: 0;
  }
  .p-modal--register .p-modal__col--img {
    width: auto;
    max-width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }
  .p-news-item__title {
    margin-bottom: 5px;
    line-height: 1.333;
  }
  .p-news-item__title time,
  .p-news-item__title span {
    display: block;
  }
  .p-news-item__title time {
    margin-bottom: 3px;
  }
  .p-news-item--new .p-news-item__title span::after {
    padding: 0 9px;
    font-size: 1.2rem;
  }
  .p-notes-box {
    padding: 3px;
  }
  .p-notes-box__head {
    font-size: 1.8rem;
    font-weight: normal;
  }
  .p-notes-box__subtitle {
    margin-top: 0;
    font-size: 1.8rem;
    line-height: 1.333;
  }
  .p-notes-box__body {
    padding: 15px 9px 16px;
  }
  .p-notice-title {
    margin-bottom: 18px;
    font-size: 1.6rem;
  }
  .p-notice-title time,
  .p-notice-title span {
    display: block;
  }
  .p-notice-title time {
    margin-bottom: 3px;
  }
  .p-notice-list {
    font-size: 1.4rem;
  }
  .p-notice-list__item {
    padding: 20px 0;
  }
  .p-top-notice__anchor {
    font-size: 1.6rem;
  }
  .p-trade-tab {
    margin: 0 -6px 5px;
  }
  .p-trade-tab__item {
    padding: 0 6px 8px;
  }
  .p-trade-nav {
    height: 55px;
    padding: 6px;
    font-size: 1.6rem;
  }
  .p-trade-nav__en {
    font-size: 1rem;
  }
  .p-trade-nav.is-current::before {
    bottom: -5px;
    width: 11px;
    height: 11px;
  }
  .p-trade-charm-list {
    justify-content: center;
    margin: -10px 0;
  }
  .p-trade-charm-list__item {
    margin: 10px;
  }
  .p-trade-charm-panel__text {
    font-size: 2rem;
  }
  .p-refinement {
    padding: 5px 10px 3px;
  }
  .p-refinement__label {
    width: auto;
    margin-bottom: 10px;
    line-height: inherit;
  }
  .p-refinement__label--s {
    width: auto;
  }
  .p-refinement__row {
    display: block;
    padding: 10px 0 12px;
  }
  .p-refinement__unit {
    display: block;
  }
  .p-refinement__unit + .p-refinement__unit {
    margin-top: 12px;
    padding-top: 10px;
    padding-left: 0;
    border-top: 1px dotted #c2c2c2;
    border-left: none;
  }
  .p-refinement .c-selectbox-unit {
    margin-bottom: 5px;
  }
  .p-button-select {
    padding: 15px;
    font-size: 1.4rem;
  }
  .p-button-print {
    margin: 0 auto;
  }
  .p-scroll-bordered {
    padding: 15px;
  }
  .p-scroll-colored {
    padding: 15px;
  }
  .p-section__notes {
    font-size: 1.5rem;
  }
  .p-section-title__text {
    font-size: 2.4rem;
    line-height: 1.333;
  }
  .p-section-title__en {
    margin-top: 10px;
    font-size: 1.3rem;
    line-height: 1;
  }
  .p-sub-section-title {
    margin-bottom: 30px;
    font-size: 2rem;
  }
  .p-sell-unit {
    padding: 0 6px 0 11px;
  }
  .p-sell-unit__title {
    padding: 13px 0 13px 35px;
    font-size: 1.7rem;
    line-height: 1.294;
  }
  .p-sell-unit__title--address {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
  .p-sell-unit__inner {
    padding: 0 5px 0 0;
  }
  .p-sell-unit__lead .c-disc-list {
    margin-left: 0;
  }
  .p-sell-unit__detail {
    padding-bottom: 10px;
  }
  .p-reference {
    font-size: 1.5rem;
  }
  .p-reference__unit {
    font-size: 1.2rem;
  }
  .p-sell-flow {
    margin-top: 15px;
  }
  .p-sell-flow__item {
    margin-bottom: 5px;
  }
  .p-sell-head-group__button {
    width: 90px;
  }
  .p-sell-head-group--withdraw {
    display: block;
  }
  .p-sell-head-group--withdraw .p-sell-head-group__button {
    display: block;
    margin: 0 0 10px auto;
  }
  .p-sell-metaltype,
  .p-trade-metaltype {
    display: block;
  }
  .p-sell-metaltype__name {
    width: auto;
  }
  .p-sell-metaltype__balance, .p-sell-metaltype__value {
    padding-left: 38px;
  }
  .p-sell-metaltype__balance {
    width: auto;
    font-size: 1.6rem;
  }
  .p-sell-metaltype__value {
    width: auto;
    font-size: 1.4rem;
  }
  .p-trade-metaltype__name {
    width: auto;
  }
  .p-trade-metaltype__balance {
    width: auto;
    font-size: 1.6rem;
    text-align: left;
  }
  .p-trade-metaltype__value {
    width: auto;
    padding-left: 0;
  }
  .p-trade-metaltype--confirm {
    padding: 0;
  }
  .p-trade-metaltype--confirm + .p-trade-metaltype--confirm {
    margin-top: 20px;
  }
  .p-trade-metaltype--confirm .p-trade-metaltype__use,
  .p-trade-metaltype--confirm .p-trade-metaltype__name,
  .p-trade-metaltype--confirm .p-trade-metaltype__balance,
  .p-trade-metaltype--confirm .p-trade-metaltype__value {
    width: auto;
  }
  .p-trade-metaltype--confirm .p-trade-metaltype__balance,
  .p-trade-metaltype--confirm .p-trade-metaltype__value {
    margin-left: 0;
  }
  .p-trade-metallist {
    display: block;
  }
  .p-trade-metallist__name {
    margin-bottom: 10px;
    padding-left: 0;
  }
  .p-trade-metallist__name .c-radio__text--large {
    line-height: inherit;
  }
  .p-trade-metallist__order {
    margin-bottom: 10px;
  }
  .p-trade-metallist__limit {
    width: auto;
    padding-left: 0;
  }
  .p-trade-metallist__limit .p-textbox--small {
    width: calc(100% - 165px);
  }
  .p-trade-metallist__limit .p-form__error {
    padding-left: 0;
  }
  .p-trade-metallist__text {
    font-size: 1.4rem;
  }
  .p-coin-select__title {
    padding-left: 0;
  }
  .p-sell-unit > .p-coin-select__title {
    padding-left: 30px;
  }
  .p-deposit-group__value {
    width: 300px;
  }
  .p-sell-metal__name {
    width: auto;
    float: none;
  }
  .p-sell-metal__value {
    display: inline;
    padding-left: 0;
  }
  .p-sell-metal__value::before {
    position: static;
  }
  .p-sell-metal {
    display: inline;
    width: auto;
  }
  .p-side-header {
    display: flex;
    position: relative;
    padding: 0;
  }
  .p-side-header__logo {
    position: absolute;
    top: 13px;
    left: 7px;
    width: 74px;
    width: 19.73333%;
    max-width: 74px;
    height: 43px;
    margin: 0;
  }
  .p-side-header__text img {
    width: 165px;
    margin-bottom: 3px;
  }
  .p-side-header__text {
    position: absolute;
    top: 10px;
    left: 50%;
    width: 44%;
    max-width: 165px;
    transform: translateX(-50%);
    font-size: 1.1rem;
  }
  .p-side-header__button {
    display: flex;
    align-items: flex-end;
    margin-left: auto;
    padding-top: 8px;
  }
  .p-side-contents {
    -webkit-overflow-scrolling: touch;
    display: none;
    position: fixed;
    top: 67px;
    left: 0;
    width: 100%;
    height: calc(100% - 67px);
    overflow-y: auto;
    background: #ffffff;
  }
  .p-account-menu__head {
    height: 40px;
    font-size: 1.6rem;
  }
  .p-account-menu-item {
    font-size: 1.5rem;
  }
  .p-side-account {
    padding: 0 30px 0;
  }
  .p-user-info {
    padding: 10px 0 6px;
  }
  .p-user-info__name {
    font-size: 1.5rem;
  }
  .p-user-info__name b {
    font-size: 1.8rem;
  }
  .p-user-info__login {
    font-size: 1.3rem;
  }
  .p-user-info__login br {
    display: none;
  }
  .p-user-logout {
    position: static;
    width: 100%;
    padding: 6px;
    background: #000000;
    text-align: center;
  }
  .p-user-logout-button {
    width: 205px;
    height: 44px;
    padding: 8px;
    font-size: 1rem;
  }
  .p-user-logout-button::before {
    display: none;
  }
  .p-user-logout-button strong {
    font-size: 1.4rem;
  }
  .p-side-links {
    margin-top: 20px;
    padding: 0 15px;
  }
  .p-side-list-head {
    height: 40px;
    font-size: 1.6rem;
  }
  .p-side-link-item {
    min-height: 50px;
    padding-left: 6px;
    font-size: 1.7rem;
  }
  .p-side-list-guide {
    padding: 22px 0;
    font-size: 1.7rem;
  }
  .p-side-list-guide a {
    height: 42px;
  }
  .p-side-button-list {
    padding: 20px 0;
  }
  .p-side-button {
    height: 60px;
    font-size: 1.8rem;
  }
  .p-slide {
    padding: 22px 8px 20px;
  }
  .p-slide__head {
    left: 50%;
    width: 280px;
    margin-left: -140px;
  }
  .p-slide__title {
    font-size: 1.4rem;
  }
  .p-slide__row {
    display: block;
    padding: 2px 0;
  }
  .p-slide__row--bottom {
    padding-top: 9px;
  }
  .p-slide__row + .p-slide__row {
    border-top: none;
  }
  .p-slide__rowtitle {
    font-size: 1.3rem;
  }
  .p-slide__row--top .p-slide__rowtitle {
    display: none;
  }
  .p-slide__row--bottom .p-slide__rowtitle {
    display: flex;
    justify-content: space-between;
  }
  .p-slide__data {
    width: auto;
  }
  .p-slide__data li {
    flex: 1 0 0px;
    width: auto;
  }
  .p-slide__row--top .p-slide__data {
    margin-left: -1px;
  }
  .p-slide__row--top .p-slide__data li {
    margin-left: 1px;
  }
  .p-slide__row--bottom .p-slide__data {
    display: block;
  }
  .p-slide__row--bottom .p-slide__data li {
    margin-bottom: 1px;
    margin-left: 0;
  }
  .p-slide-databox {
    height: auto;
  }
  .p-slide__row--top .p-slide-databox {
    display: block;
    padding: 7px;
    text-align: center;
  }
  .p-slide-databox__head {
    line-height: 1.417;
  }
  .p-slide__row--top .p-slide-databox__head {
    font-size: 1.2rem;
  }
  .p-slide-databox__value {
    font-size: 1.1rem;
  }
  .p-slide-databox__value b {
    font-size: 1.6rem;
  }
  .p-slide-nav {
    display: none;
  }
  .p-slide-nav-sp {
    display: block;
    margin-bottom: 3px;
  }
  .p-slide__contents {
    padding-bottom: 17px;
  }
  .p-step-nav__item {
    display: block;
    padding-bottom: 10px 0;
    text-align: center;
  }
  .p-step-nav__num {
    width: 18px;
    height: 18px;
    margin: 0 auto 6px;
    font-size: 1.2rem;
    line-height: 18px;
  }
  .p-step-nav__text {
    font-size: 1.3rem;
    line-height: 1.231;
  }
  .p-step-nav__text br {
    display: inline;
  }
  .p-table-scroll {
    -webkit-overflow-scrolling: touch;
    width: calc(100% + 12px);
    margin-left: -12px;
    padding: 0 12px;
    overflow-x: auto;
  }
  .p-table-scroll-wrap::before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 50%;
    right: 7px;
    width: 0;
    height: 0;
    border-width: 30px 0 30px 21px;
    border-style: solid;
    border-color: transparent transparent transparent rgba(0, 0, 0, 0.5);
    content: '';
    opacity: 1;
    transition: all .2s ease-in;
  }
  .p-table-scroll-wrap.is-scroll::before {
    visibility: hidden;
    opacity: 0;
  }
  .p-table-history .c-table__cell {
    font-size: 1.5rem;
  }
  .p-table-deposit-inner {
    width: calc(100% - 10px);
    margin-left: 10px;
  }
  .p-table-deposit-inner th,
  .p-table-deposit-inner td {
    padding-left: 0;
    text-align: left;
    white-space: normal;
  }
  .p-table-deposit-inner th.p-table__cell--button,
  .p-table-deposit-inner td.p-table__cell--button {
    padding-left: 20px;
  }
  .p-table-deposit-inner th {
    border-bottom-width: 1px;
  }
  .p-table-deposit-inner td {
    border-top: none;
  }
  .p-table__cell--wrap {
    white-space: nowrap;
  }
  .p-table__cell--text {
    font-size: 1.4rem;
  }
  .p-table__cell--sum {
    font-size: 2.2rem;
  }
  .p-table__cell--button img {
    width: 80px;
    min-width: 80px;
  }
  .p-table-formula {
    display: block;
  }
  .p-table-formula .is-sp-show {
    display: inline-block;
  }
  .p-table-formula tbody {
    display: block;
  }
  .p-table-formula tr {
    display: block;
  }
  .p-table-formula__cell {
    display: inline-block;
  }
  .p-top-header {
    height: 160px;
    padding-bottom: 50px;
  }
  .p-top-header__title {
    top: 39px;
    bottom: auto;
    left: 20px;
    width: 246px;
  }
  .p-market-block__title {
    margin-bottom: 14px;
    padding: 14px 10px;
    font-size: 1.8rem;
    line-height: 1.333;
  }
  .p-market-block__title br {
    display: inline;
  }
  .p-market-block__border {
    padding: 0;
    border-right: none;
    border-bottom: none;
    border-left: none;
  }
  .p-market-block__main {
    display: block;
  }
  .p-market-block__chart {
    width: auto;
  }
  .p-market-block__data {
    width: auto;
    margin-top: 20px;
    margin-left: 0;
  }
  .p-market-nav {
    margin-bottom: 15px;
  }
  .p-market-chart-color__item {
    font-size: 1.2rem;
  }
  .p-market-chart-color__item::before {
    width: 24px;
  }
  .p-market-box {
    padding: 7px 13px;
  }
  .p-market-box__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .p-market-box__title {
    width: 100px;
    font-size: 1.8rem;
    line-height: 1.222;
  }
  .p-market-box__title br {
    display: inline;
  }
  .p-market-box__value {
    flex: 1 0 0px;
  }
  .p-market-value {
    padding: 10px 0 7px;
    font-size: 1.4rem;
  }
  .p-market-value b {
    font-size: 3rem;
  }
  .p-market-deposit {
    font-size: 1.3rem;
  }
  .p-market-box-s {
    padding: 10px;
  }
  .p-market-box-s:not(.p-market-box-s--before) .p-market-box-s__row {
    display: block;
  }
  .p-market-box-s--buy .p-market-box-s__row,
  .p-market-box-s--sell .p-market-box-s__row {
    text-align: center;
  }
  .p-market-box-s__title {
    font-size: 1.6rem;
  }
  .p-market-box-s__value {
    font-size: 1.4rem;
  }
  .p-market-box-s__value b {
    font-size: 2rem;
  }
  .p-market-box-s__button {
    padding: 5px 0 0;
  }
  .p-market-box-s .c-button-arrow::after {
    right: 11px;
  }
  .p-market-box-s--sell {
    margin-right: 7px;
  }
  .p-market-box-s--sell .c-button-arrow {
    padding-right: 27px;
    padding-left: 13px;
  }
  .p-market-box-s--before {
    padding: 3px 10px;
  }
  .p-market-box-group {
    display: flex;
  }
  .p-market-notes {
    font-size: 1.3rem;
    text-align: left;
  }
  .p-market-notes br {
    display: none;
  }
  .p-box-unit-accordion {
    display: block;
  }
  .p-box-unit-accordion__head {
    width: 100%;
    padding: 5px 10px;
    font-size: 1.5rem;
  }
  .p-box-unit-accordion__body {
    padding: 10px;
  }
  .p-market-status__head {
    width: 100%;
    font-size: 1.4rem;
  }
  .p-market-status__body {
    padding-top: 13px;
    font-size: 1.4rem;
  }
  .p-market-status__button {
    position: static;
    margin-top: 12px;
  }
  .p-accordion-button {
    height: 36px;
    margin: 0 auto;
    font-size: 1.4rem;
  }
  .p-user-info-sp {
    display: block;
    padding: 6px 12px;
  }
  .p-trade-list {
    margin-right: -3px;
    margin-left: -3px;
  }
  .p-trade-list__item {
    width: 50%;
    padding-right: 3px;
    padding-left: 3px;
    font-size: 1.3rem;
    line-height: 1.385;
  }
  .p-trade-panel-text {
    margin-top: 4px;
    padding: 0 7px;
  }
  .p-trade-panel {
    padding: 20px 5px;
    font-size: 1.5rem;
    line-height: 1.333;
  }
  .p-trade-list--s .p-trade-panel {
    padding: 20px 5px;
  }
  .p-trade-panel.is-disabled br {
    display: inline;
  }
  .p-transaction-table {
    display: block;
    font-size: 1.6rem;
  }
  .p-transaction-table.is-sp-no-block {
    display: table;
  }
  .p-transaction-table tbody {
    display: block;
  }
  .p-transaction-table.is-sp-no-block tbody {
    display: table-row-group;
  }
  .p-transaction-table__row {
    display: block;
  }
  .p-transaction-table__cell {
    display: block;
    padding: 9px 0;
  }
  .p-transaction-table__head {
    width: auto;
    padding-bottom: 0;
    text-align: left;
  }
  .p-transaction-box__cancel {
    position: static;
    margin: 30px auto 0;
    text-align: center;
  }
  .p-bank-info {
    display: block;
    margin-right: 0;
  }
  .p-table-withdraw {
    display: block;
  }
  .p-table-withdraw__head {
    width: auto !important;
    padding-bottom: 10px;
    font-size: 1.8rem;
  }
  .p-table-withdraw__cell {
    display: block;
  }
  .p-table-withdraw__group tr:first-child .p-table-withdraw__cell:not(:first-child) {
    padding-top: 0;
    border-top-width: 0;
  }
  .p-commission {
    font-size: 1.6rem;
  }
  .p-commission__name {
    width: auto;
    float: none;
  }
  .p-commission__value {
    display: inline;
    padding-left: 0;
  }
  .p-commission__value::before {
    position: static;
  }
  .u-w-sp {
    width: 768px;
  }
  .c-pagetop {
    width: 45px;
    height: 45px;
  }
}

@media screen and (min-width: 769px) {
  .l-main {
    position: relative;
    padding-bottom: 260px;
  }
  .l-page-logout,
  .l-page-form {
    position: relative;
    height: 100%;
    padding-bottom: 260px;
  }
  .l-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .l-main {
    position: relative;
    padding-bottom: 260px;
  }
  .l-page-logout,
  .l-page-form {
    position: relative;
    height: 100%;
    padding-bottom: 260px;
  }
  .p-breadcrumb + .p-section {
    padding-top: 0;
  }
  .p-contact-unit__body--horizontal .p-contact-unit__info {
    margin-top: 0;
    margin-left: 20px;
  }
  .p-side-contents {
    display: block !important;
  }
  .u-pc-hidden {
    display: none;
  }
}