@charset "UTF-8";
/* =reset.css
-------------------------------------------------------------- */
@import url("./flatpickr.min.css");
*, *:before, *:after {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset,
p, blockquote,
th, td {
  margin: 0;
  padding: 0;
}

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

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

blockquote, q {
  quotes: none;
}

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

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

mark {
  background-color: transparent;
  font-style: normal;
  font-weight: inherit;
  color: inherit;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}

caption, th {
  text-align: left;
}

ol, ul {
  list-style: none;
}

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

img, abbr, acronym, fieldset {
  border: 0;
}

a img {
  border: 0;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

hr, legend {
  display: none;
}

audio, canvas, progress, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

sup {
  font-size: 75%;
  vertical-align: top;
}

sub {
  font-size: 75%;
  vertical-align: bottom;
}

input, select {
  vertical-align: middle;
}

input, textarea {
  margin: 0;
  font-size: 100%;
}

input, select, textarea {
  outline: none;
}

input::-ms-clear {
  visibility: hidden;
}

input[type="text"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="password"], textarea {
  font-size: 16px;
}

input[type="button"], input[type="submit"], input[type="reset"], input[type="text"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="password"], textarea, button {
  -webkit-appearance: none;
  border-radius: 0;
}

input[type="submit"], input[type="button"], input[type="reset"], button {
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  outline: none;
  background-color: transparent;
  border: none;
}

input[type="submit"]::focus, input[type="button"]::focus, input[type="reset"]::focus, button::focus {
  outline-offset: -2px;
}

input[type="submit"]:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, button:disabled {
  cursor: default;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-decoration {
  display: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
}

input[type="search"]:focus {
  outline-offset: -2px;
}

label {
  cursor: pointer;
}

/* =Fonts family,size
-------------------------------------------------------------- */
html, body {
  width: 100%;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: sans-serif;
  font-size: 10px;
  cursor: default;
}

body {
  position: relative;
  line-height: 1;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.4rem;
  font-weight: 300;
  color: #595959;
  background-color: #FFF;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-break: strict;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media print {
  body {
    overflow-y: visible;
    overflow-x: visible;
  }
}

strong, b {
  font-weight: 600;
}

/* =a style
-------------------------------------------------------------- */
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  outline: none;
  color: #3D6FB1;
}

.cf:before, .cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

body {
  min-width: 1280px;
}

a:not(.dis-hover) {
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

a:not(.dis-hover):hover {
  opacity: 0.7;
}

.l-main {
  background: #F0F0F0;
}

.contents {
  min-height: 500px;
  padding: 35px;
  color: #333;
  background: #FFF;
}

.wrap {
  margin: 0 auto;
  max-width: 1200px;
}

.section {
  margin-bottom: 30px;
}

.section + .section {
  margin-top: 60px;
}

form {
  margin-bottom: 30px;
}

form + form {
  margin-top: 60px;
}

/*	header
--------------------------------------------- */
.l-head {
  width: 100%;
  height: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFF;
  background: #3466B7;
}

.l-head a {
  color: #FFF;
}

.l-head form {
  margin: 0;
}

.l-head .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 105px;
  background: #FFF;
}

.l-head .head-ttl {
  margin-left: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2.4rem;
  font-weight: 600;
  white-space: nowrap;
}

.l-head .head-nav {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.l-head .head-nav .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.l-head .head-nav .btn + .btn {
  margin-left: 20px;
}

.l-head .head-nav .btn .icon {
  margin-right: 8px;
}

.l-head .head-nav .btn .txt {
  white-space: nowrap;
}

.l-head .head-utility {
  margin-left: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.l-head .user-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 15px;
  background: #1E53A3;
}

.l-head .user-info .icon {
  margin-right: 12px;
  width: 32px;
  height: 32px;
}

.l-head .user-info .txt-bloc {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.l-head .user-info .name {
  margin-bottom: 8px;
  display: block;
  font-size: 1.2rem;
  font-weight: 600;
}

.l-head .user-info p {
  font-size: 1rem;
  line-height: 1.6;
  color: #CFCFCF;
}

.l-head .btn-logout {
  margin-left: 1px;
  width: 75px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFF;
  background: #1E53A3;
}

.l-head .btn-logout .txt {
  margin-top: 13px;
  display: block;
  font-size: 1rem;
}

/*	footer
--------------------------------------------- */
.l-foot {
  background: #F0F0F0;
}

.l-foot .foot-msg {
  padding: 10px;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #808080;
}

.l-foot .foot-msg a {
  text-decoration: underline;
}

.l-foot .copyright {
  padding: 15px 10px;
  text-align: center;
  color: #FFF;
  background: #1E53A3;
}

/* 見出し
----------------------------------- */
.page-head {
  padding: 24px 35px;
  overflow: hidden;
}

.page-head .page-ttl {
  padding-left: 18px;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.5;
  color: #333;
  border-left: solid 8px #1E53A3;
}

.page-head-txt {
  margin-top: 10px;
  padding-left: 26px;
}

.page-head-txt a {
  position: relative;
  display: inline-block;
  text-decoration: underline;
}

.page-head .info-index-box:first-of-type {
  padding-top: 0;
}

.page-head .info-index-box:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}

.page-head .btn-mini {
  float: right;
  background: #fff;
}

.h-bdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 15px;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.66667;
  color: #191919;
  border-left: solid 6px #1E53A3;
}

.h-bdr .icn-tooltip {
  margin-left: 12px;
  width: 18px;
  height: 18px;
}

.h-bdr .sub-txt {
  margin-left: 9px;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 300;
  color: #808080;
}

.h-bdr > a,
.h-bdr > button {
  margin-left: 12px;
}

.h-bdr-gray {
  padding-left: 15px;
  font-size: 2.1rem;
  font-weight: 600;
  line-height: 1.52381;
  color: #333;
  border-left: solid 6px #BFBFBF;
}

/* パーツ
----------------------------------- */
.icn-tooltip {
  position: relative;
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url(../../images/portal/icn_tooltip.svg) no-repeat center center;
  background-size: 100% 100%;
}

.icn-tooltip + i {
  display: inline-block;
  margin-left: 8px;
  font-size: 1.4rem;
  font-weight: normal;
  font-style: normal;
  color: #595959;
  vertical-align: middle;
}

.btn-blue,
a.btn-blue,
input.btn-blue,
button.btn-blue {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 25px;
  min-width: 270px;
  width: auto;
  height: 50px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 600;
  color: #FFF;
  white-space: nowrap;
  background: #3466B7;
  border-radius: 25px;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.btn-blue-login,
a.btn-blue-login,
input.btn-blue-login,
button.btn-blue-login {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 25px;
  min-width: 325px;
  width: auto;
  height: 50px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 600;
  color: #FFF;
  white-space: nowrap;
  background: #3466B7;
  border-radius: 25px;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.btn-blue:hover,
a.btn-blue:hover,
input.btn-blue:hover,
button.btn-blue:hover {
  opacity: 0.7;
}

.btn-yellow,
a.btn-yellow,
input.btn-yellow,
button.btn-yellow {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 25px;
  min-width: 325px;
  width: auto;
  height: 50px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 600;
  color: #FFF;
  white-space: nowrap;
  background: #FF8000;
  border-radius: 25px;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.btn-yellow:hover,
a.btn-yellow:hover,
input.btn-yellow:hover,
button.btn-yellow:hover {
  opacity: 0.7;
}

.btn-blue.-arw,
a.btn-blue.-arw,
input.btn-blue.-arw,
button.btn-blue.-arw {
  background: #3466B7 url(../../images/portal/arw_wh.svg) no-repeat 19px center;
  background-size: 7px 12px;
}

.btn-blue.-arw.-gray,
a.btn-blue.-arw.-gray,
input.btn-blue.-arw.-gray,
button.btn-blue.-arw.-gray {
  padding: 0 25px 0 40px;
  color: #595959;
  background: #F0F0F0 url(../../images/portal/arw_bl.svg) no-repeat 19px center;
  background-size: 7px 12px;
}

.btn-blue.btn-copy-date,
a.btn-blue.btn-copy-date,
input.btn-blue.btn-copy-date,
button.btn-blue.btn-copy-date {
  margin: 20px 0 0 auto;
  min-width: 0;
  width: 180px;
  height: 30px;
  font-size: 1.3rem;
}

.btn-blue.btn-select-all,
a.btn-blue.btn-select-all,
input.btn-blue.btn-select-all,
button.btn-blue.btn-select-all {
  min-width: 0;
  width: 140px;
  height: 30px;
  font-size: 1.3rem;
}

.btn-blue .badge-num,
a.btn-blue .badge-num,
input.btn-blue .badge-num,
button.btn-blue .badge-num {
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.btn-blue.-gray:not(.-arw),
a.btn-blue.-gray:not(.-arw),
input.btn-blue.-gray:not(.-arw),
button.btn-blue.-gray:not(.-arw) {
  color: #999;
  background: #F0F0F0;
}

.btn-blue .icon,
.btn-blue .icon2,
a.btn-blue .icon,
a.btn-blue .icon2,
input.btn-blue .icon,
input.btn-blue .icon2,
button.btn-blue .icon,
button.btn-blue .icon2 {
  position: absolute;
  top: 50%;
  left: 14px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 24px;
  height: 24px;
  background: no-repeat center center;
  background-size: 100% 100%;
}

.btn-blue.icn-plus,
a.btn-blue.icn-plus,
input.btn-blue.icn-plus,
button.btn-blue.icn-plus {
  padding-left: 24px;
}

.btn-blue.icn-plus .icon,
a.btn-blue.icn-plus .icon,
input.btn-blue.icn-plus .icon,
button.btn-blue.icn-plus .icon {
  background-image: url(../../images/portal/icn_plus.svg);
}

.btn-blue.icn-plus .icon2,
a.btn-blue.icn-plus .icon2,
input.btn-blue.icn-plus .icon2,
button.btn-blue.icn-plus .icon2 {
  background-image: url(../../images/portal/icn_plus2.svg);
}

.btn-blue.icn-minus,
a.btn-blue.icn-minus,
input.btn-blue.icn-minus,
button.btn-blue.icn-minus {
  padding-left: 24px;
  color: #999;
  background: #F0F0F0;
}

.btn-blue.icn-minus .icon,
.btn-blue.icn-minus .icon2,
a.btn-blue.icn-minus .icon,
a.btn-blue.icn-minus .icon2,
input.btn-blue.icn-minus .icon,
input.btn-blue.icn-minus .icon2,
button.btn-blue.icn-minus .icon,
button.btn-blue.icn-minus .icon2 {
  background-image: url(../../images/portal/icn_minus.svg);
}

.btn-blue.btn-dl,
a.btn-blue.btn-dl,
input.btn-blue.btn-dl,
button.btn-blue.btn-dl {
  width: 160px;
  height: 36px;
  padding-left: 24px;
  font-size: 1.4rem;
  background: #3466B7 url(../../images/portal/pict_dl.svg) no-repeat 18px center;
  background-size: 16px 16px;
  border-radius: 18px;
}

.btn-back {
  display: inline-block;
  padding-left: 19px;
  font-size: 1.8rem;
  color: #999;
  background: url(../../images/portal/arw_gray.svg) no-repeat 0 center;
  background-size: 7px 12px;
}

.btn-mini {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 180px;
  height: 30px;
  font-size: 1.3rem;
  font-weight: 600;
  color: #333;
  background: #F0F0F0;
  border-radius: 15px;
  overflow: hidden;
}

.btn-mini::before {
  position: absolute;
  top: 50%;
  left: 13px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 5px;
  height: 8px;
  background: url(../../images/portal/arw_bl.svg) no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
}

.btn-mini input {
  width: 100%;
  height: 100%;
  font-size: 1.3rem;
  font-weight: 600;
  color: #333;
  background: transparent;
}

.btn-mini.btn-pagedown {
  width: 150px;
}

.btn-mini.btn-pagedown::before {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}

.btn-dtl,
.btn-dtl,
a.btn-dtl,
input.btn-dtl,
button.btn-dtl {
  color: inherit;
  background: #F0F0F0;
}

.btn-dtl, .btn-dtl-blue,
.btn-dtl,
.btn-dtl-blue,
a.btn-dtl,
a.btn-dtl-blue,
input.btn-dtl,
input.btn-dtl-blue,
button.btn-dtl,
button.btn-dtl-blue {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 15px;
  min-width: 67px;
  width: auto;
  height: 24px;
  font-size: 1.3rem;
  border-radius: 25px;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.btn-dtl:hover, .btn-dtl-blue:hover,
.btn-dtl:hover,
.btn-dtl-blue:hover,
a.btn-dtl:hover,
a.btn-dtl-blue:hover,
input.btn-dtl:hover,
input.btn-dtl-blue:hover,
button.btn-dtl:hover,
button.btn-dtl-blue:hover {
  opacity: 0.7;
}

.btn-dtl-blue,
.btn-dtl-blue,
a.btn-dtl-blue,
input.btn-dtl-blue,
button.btn-dtl-blue {
  color: #FFF;
  background: #3466B7;
}

.btn-dtl-blue.-gray,
.btn-dtl-blue.-gray,
a.btn-dtl-blue.-gray,
input.btn-dtl-blue.-gray,
button.btn-dtl-blue.-gray {
  color: #999;
  background: #F0F0F0;
}

.list-icn li {
  position: relative;
  padding-left: 20px;
  font-size: 1.6rem;
}

.list-icn li::before {
  position: absolute;
  top: 0.2em;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 9px;
  border-color: transparent transparent transparent #E0E0E0;
  content: "";
}

.list-icn li + li {
  margin-top: 25px;
}

.list-icn li a {
  text-decoration: underline;
}

.download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.download input {
  padding: 0 20px 0 44px;
  height: 40px;
  font-size: 14px;
  font-weight: 600;
  background: #F0F0F0 url("../../images/portal/icn-download.svg") no-repeat left 16px center;
  border-radius: 20px;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.download input:hover {
  opacity: 0.7;
}

.download *:not(:first-child) {
  margin-left: 12px;
}

mark {
  color: #E50C0C;
}

.box-email {
  margin-top: 40px;
  padding: 24px 30px 25px 25px;
  font-size: 1.6rem;
  border: solid 1px #E0E0E0;
}

.box-email .ttl {
  margin-bottom: 20px;
  font-weight: 600;
}

.box-email .txt {
  text-align: justify;
  text-justify: inter-ideograph;
  text-align-last: left;
  line-height: 1.75;
  word-wrap: break-word;
}

.data-variation {
  margin-top: 32px;
  padding: 20px 25px;
  border: solid 1px #E0E0E0;
}

.data-variation p {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.6rem;
}

.data-variation p::before {
  margin-right: 7px;
  display: block;
  width: 40px;
  height: 25px;
  content: "";
}

.data-variation p + p {
  margin-top: 15px;
}

.data-variation p.var-closing::before {
  background: #E0EEFC;
}

.data-variation p.var-checkout::before {
  background: #FCF5D7;
}

.dl-menu {
  margin: 32px 0 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.dl-menu-box {
  width: 49.16667%;
  padding: 25px 25px 30px;
  background: #FFF;
  border-radius: 8px;
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.16);
          box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.16);
}

.dl-menu-box .h-bdr {
  margin-left: -25px;
}

.dl-menu-box.is-thismonth .btn-menu {
  background: #F4B248;
}

.dl-menu-txt {
  margin-top: 15px;
  font-size: 1.6rem;
}

.dl-menu .menu-btns {
  margin-top: 25px;
}

.dl-menu .btn-menu {
  padding: 12px 0 8px;
}

.box-annotation {
  margin-top: 30px;
  padding: 20px;
  font-size: 1.2rem;
}

.box-annotation + .form-intro-txt {
  margin-top: 30px;
}

.box-annotation-warning {
  margin-bottom: 30px;
  padding: 36px 40px;
  font-size: 1.4rem;
  background: #FFF;
  border-radius: 8px;
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.16);
          box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.16);
}

.box-annotation, .box-annotation-warning {
  background: #F5F5F5;
  border-radius: 6px;
}

.box-form .box-annotation, .box-form .box-annotation-warning {
  margin-top: 50px;
}

.box-annotation h3, .box-annotation-warning h3 {
  margin-bottom: 16px;
}

.box-annotation strong, .box-annotation-warning strong {
  font-weight: 600;
}

.box-annotation a, .box-annotation-warning a {
  text-decoration: underline;
}

.box-annotation li, .box-annotation-warning li {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.66667;
}

.box-annotation p, .box-annotation-warning p {
  line-height: 1.66667;
}

.box-annotation p:not(:first-of-type), .box-annotation-warning p:not(:first-of-type) {
  margin-top: 1em;
}

.box-annotation table, .box-annotation-warning table {
  margin: 8px 0 0 32px;
  min-width: 400px;
}

.box-annotation table + *, .box-annotation-warning table + * {
  margin-top: 20px;
}

.box-annotation th,
.box-annotation td, .box-annotation-warning th,
.box-annotation-warning td {
  font-size: 100%;
  border: solid 1px #BFBFBF;
}

.box-annotation th, .box-annotation-warning th {
  width: 150px;
  padding: 5px 5px 5px 10px;
}

.box-annotation td, .box-annotation-warning td {
  padding: 5px 10px;
}

.ex-txt {
  margin-top: 15px;
  line-height: 1.71429;
  color: #595959;
}

.ex-txt a:not(.btn-mini) {
  text-decoration: underline;
}

.ex-txt .btn-mini {
  margin-left: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

.box-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}

.box-flex p {
  margin-left: 20px;
}

@-webkit-keyframes loading {
  80% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}

@keyframes loading {
  80% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}

.icn-loading path:nth-of-type(1) {
  -webkit-animation: loading 1.2s infinite ease-in-out 0.125s;
          animation: loading 1.2s infinite ease-in-out 0.125s;
}

.icn-loading path:nth-of-type(2) {
  -webkit-animation: loading 1.2s infinite ease-in-out 0.25s;
          animation: loading 1.2s infinite ease-in-out 0.25s;
}

.icn-loading path:nth-of-type(3) {
  -webkit-animation: loading 1.2s infinite ease-in-out 0.375s;
          animation: loading 1.2s infinite ease-in-out 0.375s;
}

.icn-loading path:nth-of-type(4) {
  -webkit-animation: loading 1.2s infinite ease-in-out 0.5s;
          animation: loading 1.2s infinite ease-in-out 0.5s;
}

.icn-loading path:nth-of-type(5) {
  -webkit-animation: loading 1.2s infinite ease-in-out 0.625s;
          animation: loading 1.2s infinite ease-in-out 0.625s;
}

.icn-loading path:nth-of-type(6) {
  -webkit-animation: loading 1.2s infinite ease-in-out 0.75s;
          animation: loading 1.2s infinite ease-in-out 0.75s;
}

.icn-loading path:nth-of-type(7) {
  -webkit-animation: loading 1.2s infinite ease-in-out 0.875s;
          animation: loading 1.2s infinite ease-in-out 0.875s;
}

.icn-loading path:nth-of-type(8) {
  -webkit-animation: loading 1.2s infinite ease-in-out 1s;
          animation: loading 1.2s infinite ease-in-out 1s;
}

.icn-loading path:nth-of-type(9) {
  -webkit-animation: loading 1.2s infinite ease-in-out 1.125s;
          animation: loading 1.2s infinite ease-in-out 1.125s;
}

.icn-loading path:nth-of-type(10) {
  -webkit-animation: loading 1.2s infinite ease-in-out 1.25s;
          animation: loading 1.2s infinite ease-in-out 1.25s;
}

/* Table
----------------------------------- */
.table-style {
  margin-top: 20px;
  width: 100%;
}

.table-style th,
.table-style td {
  font-size: 1.6rem;
}

.table-style th > p:not([class]),
.table-style td > p:not([class]) {
  margin: 2px 0;
  line-height: 1.6em;
}

.table-style td > p.pre-wrap-wba {
  margin: 2px 0;
  line-height: 1.6em;
}

.table-style th > p:not([class]) + p,
.table-style td > p:not([class]) + p {
  margin-top: .4em;
}

.table-style > tbody > tr > th,
.table-style > tbody > tr > td,
.table-style > thead > tr > th,
.table-style > thead > tr > td {
  border: solid 1px #A6A6A6;
}

.table-style > tbody > tr > th,
.table-style > thead > tr > th {
  padding: 12px 10px 12px 20px;
  font-weight: 600;
  background: #3466B7;
}

.table-style > tbody > tr > th,
.table-style > tbody > tr > th a,
.table-style > thead > tr > th,
.table-style > thead > tr > th a {
  color: #FFF;
}

.table-style > tbody > tr > th a,
.table-style > thead > tr > th a {
  text-decoration: underline;
}

.table-style > tbody > tr > td,
.table-style > thead > tr > td {
  padding: 10px 20px;
  background: #FFF;
}

.table-style > thead > tr .ttl {
  text-align: center;
  background: #1E53A3;
}

.table-style > tbody > tr > th {
  width: 220px;
  line-height: 1.4em;
}

.table-style > tbody > tr:nth-of-type(2n) > td {
  background: #F7F9FC;
}

.table-style .table-ttl, .table-style .table-ttl-top {
  padding: 20px 10px 20px 20px;
  font-size: 1.8rem;
}

.table-style .table-ttl-top {
  vertical-align: top;
}

.table-style .table-th-top {
  padding: 18px 10px 18px 20px;
  vertical-align: top;
}

.table-style .table-noborder-top > th,
.table-style .table-noborder-top > td {
  border-bottom: none;
}

.table-style .table-noborder-bottom > th,
.table-style .table-noborder-bottom > td {
  border-top: none;
}

.table-style .icn {
  float: right;
  display: block;
  margin-right: 12px;
  padding-top: 2px;
  width: 64px;
  text-align: center;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 22px;
  color: #3466B7;
  background: #fff;
}

.table-style .is-disabled th {
  color: #BFBFBF;
  background: #F0F0F0;
}

.table-style .is-disabled .icn {
  color: #999;
  background: #E0E0E0;
}

.table-style.data-table > thead > tr > th,
.table-style.data-table > thead > tr > td,
.table-style.data-table > tbody > tr > th,
.table-style.data-table > tbody > tr > td {
  padding: 10px;
  font-size: 1.4rem;
  line-height: 1.4em;
}

.table-style.data-table > thead > tr > td.date,
.table-style.data-table > tbody > tr > td.date {
  width: 306px;
}

.table-style.data-table > thead > tr > td.price,
.table-style.data-table > tbody > tr > td.price {
  width: 155px;
  text-align: right;
}

.table-style.data-table > thead > tr > td.memo,
.table-style.data-table > tbody > tr > td.memo {
  font-size: 1.2rem;
}

.table-style.data-table > thead > tr > td.center,
.table-style.data-table > tbody > tr > td.center {
  text-align: center;
}

.table-style.data-table > thead > tr > td > p,
.table-style.data-table > tbody > tr > td > p {
  margin: 0;
}

.table-style.data-table > thead > tr > th {
  text-align: center;
}

.table-style.data-table > tbody > tr.var-closing > td {
  background: #E0EEFC;
}

.table-style.data-table > tbody > tr.var-checkout > td {
  background: #FCF5D7;
}

.table-inner-style {
  margin-top: 15px;
  width: 100%;
}

.table-inner-style > thead > tr,
.table-inner-style > tbody > tr {
  border: solid 1px #BFBFBF;
}

.table-inner-style > thead > tr > th,
.table-inner-style > tbody > tr > th {
  padding: 10px;
}

.table-inner-style > thead > tr > td,
.table-inner-style > tbody > tr > td {
  padding: 10px 40px 10px 20px;
}

.table-inner-style > thead > tr > th {
  font-weight: 600;
  color: #FFF;
  text-align: center;
  background: #999;
}

.table-inner-style > tbody > tr > th {
  width: 140px;
  font-weight: 600;
  text-align: center;
  color: #999;
  background: #F5F5F5;
}

.table-inner-style > tbody > tr > td input {
  width: 100%;
}

.table-head {
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.table-head .form-intro-txt {
  margin: 0;
}

.table-head + .table-style {
  margin-top: 0;
}

.table-foot {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.ng-table-wrap {
  position: relative;
  margin-top: 18px;
  margin-bottom: 38px;
}

.ng-table th,
.ng-table td {
  font-size: 1.4rem;
}

.ng-table > thead > tr > th {
  padding: 12px 10px;
  text-align: center;
}

.ng-table > tbody > tr > td {
  padding: 10px;
  background: #E0EEFC;
}

.ng-table > tbody > tr:nth-of-type(2n) > td {
  background: #E0EEFC;
}

.ng-table > tbody > tr.is-confirmed > td {
  background: #FCF5D7;
}

.ng-table > tbody > tr.is-unconfirmed > td {
  background: #FFF2F2;
}

.ng-table > tbody > tr.is-unconfirmed > td:first-of-type {
  color: #E50C0C;
}

.ng-table > tbody > tr.is-unconfirmed-1 > td {
  background: #FFF2F2;
}

.ng-table > tbody > tr.is-unconfirmed-1 > td:nth-of-type(2) {
  color: #E50C0C;
}

.ng-table > tbody > tr.is-unconfirmed-2 > td {
  background: #FFF2F2;
}

.table-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.table-flex > *:not(:first-child) {
  margin-left: 12px;
}

.table-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.table-set > table {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 50%;
}

.table-set > table:first-of-type th,
.table-set > table:first-of-type td {
  border-right: none;
}

.table-set > table:not(:first-of-type) th,
.table-set > table:not(:first-of-type) td {
  border-left: none;
}

.table-set .input-txt {
  width: 300px;
}

.table-set th,
.table-set th.table-ttl,
.table-set th.table-ttl-top {
  width: 110px;
}

.table-info {
  margin: 30px auto;
  width: 430px;
}

.table-info input.input-txt {
  width: 100%;
}

.table-info-total {
  padding: 20px 0;
  font-size: 1.6rem;
  text-align: center;
  background: #F5F5F5;
}

.table-info-total em {
  font-weight: 600;
}

.table-info-total + table {
  margin-top: 10px;
}

/* フォーム用パーツ
----------------------------------- */
.stepflow-bar {
  margin-bottom: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  font-size: 1.8rem;
  font-weight: 600;
  white-space: nowrap;
  background: #F0F0F0;
}

.stepflow-bar .ttl {
  width: 169px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #FFF;
  background: #1E53A3;
}

.stepflow-bar .steps {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: solid 1px #E0E0E0;
}

.stepflow-bar .steps li {
  position: relative;
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #BFBFBF;
}

.stepflow-bar .steps li::before, .stepflow-bar .steps li::after {
  position: absolute;
  top: 0;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 34px 0 34px 30px;
  content: "";
}

.stepflow-bar .steps li::before {
  right: -31px;
  z-index: 1;
  border-color: transparent transparent transparent #E0E0E0;
}

.stepflow-bar .steps li::after {
  right: -30px;
  z-index: 2;
  border-color: transparent transparent transparent #F0F0F0;
}

.stepflow-bar .steps li:last-of-type::before, .stepflow-bar .steps li:last-of-type::after {
  display: none;
}

.stepflow-bar .steps li.is-active {
  color: #FFF;
  background: #3466B7;
}

.stepflow-bar .steps li.is-active::after {
  border-left-color: #3466B7;
}

.form-intro-txt {
  margin-bottom: 20px;
  font-size: 1.6rem;
  line-height: 1.6em;
}

.form-intro-txt > p {
  padding-left: 1em;
  text-indent: -1em;
}

.form-intro-txt > p + p {
  margin-top: 1em;
}

.form-intro-txt a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form-intro-txt a i {
  font-style: normal;
  text-decoration: underline;
}

.form-intro-txt a span {
  top: -1px;
  margin-left: 2px;
}

.form-middle-txt {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 1.6rem;
  line-height: 1.6em;
}

.font-collor-red {
  color: red;
}

.form-bottom-txt {
  margin-top: 40px;
  font-size: 1.6rem;
}

.form-inner-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px 0;
  font-size: 1.6rem;
}

.form-inner-txt span {
  margin-right: 20px;
}

.buyerEstablishment-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0 0;
  font-size: 1.6rem;
  margin-right: 0.5em;
}

.form-inner-txt input.btn-copy-date {
  margin: 0 0 0 12px;
}

.box-form {
  padding: 50px 0;
  background: #FFF;
  border: solid 1px #999;
  border-radius: 8px;
}

.form-cont {
  margin: 0 auto;
  width: 970px;
}

.form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.form-item:nth-of-type(n+2) {
  margin-top: 30px;
}

.form-item dt {
  padding-top: 12px;
  font-size: 1.8rem;
  font-weight: 600;
}

.form-item dd {
  width: 77.93814%;
}

input.input-txt {
  width: 500px;
  height: 40px;
  padding: 0 15px;
  color: #333;
  background: #FFF;
  border: solid 1px #E0E0E0;
  border-radius: 3px;
}

input.input-txt:disabled {
  background: #F0F0F0;
}

input.input-ip-txt {
  width: 150px;
  height: 40px;
  padding: 0 10px;
  color: #333;
  background: #FFF;
  border: solid 1px #E0E0E0;
  border-radius: 3px;
}

input.input-ip-txt:disabled {
  background: #F0F0F0;
}

input.input-ip-subnet-txt {
  width: 40px;
  height: 40px;
  padding: 0 10px;
  color: #333;
  background: #FFF;
  border: solid 1px #E0E0E0;
  border-radius: 3px;
}

input.input-ip-subnet-txt:disabled {
  background: #F0F0F0;
}

textarea {
  width: 100%;
  height: 105px;
  min-height: 75px;
  padding: 10px 15px;
  background: #FFF;
  border: solid 1px #E0E0E0;
  border-radius: 3px;
  vertical-align: bottom;
  resize: vertical;
}

textarea.min-height {
  height: 75px;
}

.checkbox-area:not(:first-child) {
  padding-top: 10px;
}

.checkbox {
  position: relative;
  display: inline-block;
  line-height: 1;
  padding-left: 32px;
}

.checkbox + textarea {
  margin-top: 10px;
}

.checkbox .label-txt {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.71429;
}

.checkbox .label-txt::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  border: solid 1px #E0E0E0;
  border-radius: 3px;
  background: #FFF;
  content: "";
}

.checkbox input {
  display: none !important;
}

.checkbox input:checked + .label-txt::before {
  border-color: #3466B7;
}

.checkbox input:checked + .label-txt::after {
  position: absolute;
  top: 3px;
  left: 8px;
  display: block;
  width: 8px;
  height: 15px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-right: solid 3px #3466B7;
  border-bottom: solid 3px #3466B7;
  content: "";
}

.checkbox input:checked + input[type="hidden"] + .label-txt::before {
  border-color: #3466B7;
}

.checkbox input:checked + input[type="hidden"] + .label-txt::after {
  position: absolute;
  top: 3px;
  left: 8px;
  display: block;
  width: 8px;
  height: 15px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-right: solid 3px #3466B7;
  border-bottom: solid 3px #3466B7;
  content: "";
}

.radio-btn {
  position: relative;
  margin-right: 60px;
  display: inline-block;
  min-height: 20px;
  line-height: 1;
  padding-left: 32px;
}

.radio-btn .label-txt {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.42857;
}

.radio-btn .label-txt::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  border: solid 1px #BFBFBF;
  border-radius: 50%;
  background: #FFF;
  content: "";
}

.radio-btn input {
  display: none !important;
}

.radio-btn input:checked + .label-txt::after {
  position: absolute;
  top: 6px;
  left: 6px;
  display: block;
  width: 8px;
  height: 8px;
  background: #3466B7;
  border-radius: 50%;
  content: "";
}

.radio-btn input:disabled + .label-txt {
  color: #BFBFBF;
}

.radio-btn input:disabled + .label-txt::before {
  background: #F0F0F0;
}

.selectbox {
  position: relative;
  display: inline-block;
  width: 280px;
  height: 40px;
  vertical-align: middle;
  border: solid 1px #E0E0E0;
  border-radius: 3px;
  background: #FFF;
  overflow: hidden;
}

.selectbox.-min {
  width: 160px;
}

.selectbox::before {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 6px 0 6px;
  border-color: #E0E0E0 transparent transparent transparent;
  content: "";
}

.selectbox select {
  position: absolute;
  top: 0;
  left: 10px;
  z-index: 2;
  width: 110%;
  height: 100%;
  font-size: 1.6rem;
  color: #333;
  background: none transparent;
  border: none;
  outline: none;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

.selectbox select option {
  color: #333;
  background: #FFF;
}

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

.selectbox select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}

.selectbox-http {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 40px;
  vertical-align: middle;
  border: solid 1px #E0E0E0;
  border-radius: 3px;
  background: #FFF;
  overflow: hidden;
}

.selectbox-http::before {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 6px 0 6px;
  border-color: #E0E0E0 transparent transparent transparent;
  content: "";
}

.selectbox-http select {
  position: absolute;
  top: 0;
  left: 10px;
  z-index: 2;
  width: 105%;
  height: 100%;
  font-size: 1.6rem;
  color: #333;
  background: none transparent;
  border: none;
  outline: none;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

.selectbox-http select option {
  color: #333;
  background: #FFF;
}

.selectbox-http select::-ms-expand {
  display: none;
}

.selectbox-http select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}

.edit-btns-area {
  position: relative;
  margin-top: 30px;
  min-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.edit-btns-area .btn:nth-of-type(n+2) {
  margin-left: 15px;
}

.edit-btns-area .btn-back {
  position: absolute;
  left: 0;
  top: 15px;
}

.edit-btns-area .btn-right {
  position: absolute;
  top: 0;
  right: 0;
}

.edit-btns-area + .edit-btns-area {
  margin-top: 20px;
}

.return-btns-area {
  margin-top: 40px;
}

.return-btns-area + .return-btns-area {
  margin-top: 20px;
}

.input-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.input-file input {
  display: none;
}

.input-file span {
  font-size: inherit;
}

.input-file i {
  margin-left: 1em;
  font-size: 1.4rem;
  font-style: normal;
}

.input-file p {
  padding: 0 15px;
  height: 40px;
  color: #333;
  line-height: 40px;
  background: #FFF;
  border: solid 1px #E0E0E0;
  border-radius: 3px;
  overflow: hidden;
  white-space: nowrap;
}

.input-file p {
  width: 640px;
}

label.btn-file {
  margin-left: 5px;
  width: 100px;
  height: 40px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  color: #FFF;
  background: #3466B7;
  border-radius: 3px;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

label.btn-file:hover {
  opacity: 0.7;
}

.input-extent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

* + .input-extent {
  margin-top: 12px;
}

.input-extent .input-txt {
  width: 230px;
}

.input-extent .tilde {
  margin: 0 10px;
  display: block;
  font-size: 1.8rem;
}

.input-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.input-date span {
  display: block;
}

.input-date .input-txt {
  padding: 0;
  text-align: center;
}

.input-date .input-txt:not(.-wide) {
  width: 50px;
}

.input-date .btn-date {
  height: 40px;
  font-weight: 600;
  color: #FFF;
  line-height: 40px;
  background: #3466B7;
  border-radius: 3px;
  text-align: center;
}

.input-date .btn-date:disabled, .input-date .btn-date.is-disabled {
  color: #BFBFBF;
  background: #F0F0F0;
  pointer-events: none;
}
.input-file .btn-file:disabled, .input-file .btn-file.is-disable{
  color: #BFBFBF;
  background: #F0F0F0;

}
.js-file.is-disable{
  color: #BFBFBF;
  background: #F0F0F0;

}

.input-date .is-hidden {
  width: 0;
  height: 0;
}

.input-date.-min span {
  padding: 0 10px;
}

.input-date.-min .btn-date {
  width: 70px;
}

.input-date.-min .input-txt.-wide {
  width: 80px;
}

.input-date:not(.-min) span {
  padding: 0 20px 0 10px;
}

.input-date:not(.-min) .btn-date {
  width: 100px;
}

.input-date:not(.-min) .input-txt.-wide {
  width: 90px;
}

.input-url {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.input-url .txt-http {
  margin-right: 0.5em;
  font-size: 1.6rem;
}

.input-url .input-txt {
  width: 480px;
}

.input-export {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 12px;
}

.input-export .txt-export {
  margin-right: 0.5em;
  font-size: 1.6rem;
}

.input-export .input-txt {
  width: 200px;
}

.must {
  color: #E50C0C;
}

.note {
  margin-top: 8px;
  font-size: 1.3rem;
}

.sub-txt {
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2rem;
}

.att-txt {
  font-size: 1.2rem;
  color: #E50C0C;
}

span.att-txt {
  margin-left: 12px;
  display: inline-block;
  vertical-align: middle;
}

p.att-txt {
  margin-top: 10px;
}

p.att-txt:not(:last-child) {
  margin-bottom: 15px;
}

p.att-txt + p.att-txt {
  margin-top: -10px;
}

span.inline-txt {
  display: inline-block;
  vertical-align: middle;
}

.submit-txt {
  margin-top: 30px;
  text-align: center;
}

.submit-txt a {
  text-decoration: underline;
}

/* A-AffiliateLogin
----------------------------------- */
.login-area {
  padding: 60px 0;
}

.box{
  margin: 0 auto;
  width: 840px;
  padding: 10px 0 10px;
  border-radius: 8px;
}

.box-yellow{
  background: #FF8000;
}

.box-blue{
  background: #3466B7;
}

.box div{
  text-align:center;
  padding:5px 0;
  font-size: 2rem;
  font-weight: 600;
  color: #FFF;
}

.login-box {
  margin: 0 auto;
  width: 840px;
  padding: 60px 0 57px;
  background: #FFF;
  border-radius: 8px;
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.16);
          box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.16);
}

.login-form {
  margin: 0 auto;
  width: 550px;
}

.login-form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.login-form-item + .login-form-item {
  margin-top: 19px;
}

.login-form-item dt {
  width: 120px;
  padding-right: 12px;
  text-align: right;
  font-size: 1.8rem;
  font-weight: 600;
  color: #333;
}

.login-form-item dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.login-form-item .input-txt {
  width: 360px;
}

.login-form-item .sub-txt {
  margin-left: 13px;
  display: block;
  color: #999;
}

.login-form-item .show-Password {
  margin-left: 200px;
}

.login-form .btn-login {
  margin: 40px auto 0;
}

.login-form .link-forgot {
  margin-top: 30px;
  text-align: center;
}

.login-form .link-forgot a {
  text-decoration: underline;
}

.login-form .btn-link {
  margin-top: 30px;
  text-align: center;
}

.login-form .btn-link a {
  text-decoration: none;
}

.mail-otp-login-form {
  margin: 0 auto;
  width: 580px;
}

.mail-otp-login-form-item dt {
  width: 120px;
  padding-right: 12px;
  text-align: right;
  font-size: 1.8rem;
  font-weight: 600;
  color: #333;
}

.mail-otp-login-form-item dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mail-otp-login-form-item .input-txt {
  width: 360px;
}

.mail-otp-login-form-item .sub-txt {
  margin-left: 13px;
  display: block;
  color: #999;
}

.mail-otp-login-form .btn-login {
  margin: 40px auto 0;
}

.mail-otp-login-form .link-forgot {
  margin-top: 30px;
  text-align: center;
}


.info-index {
  margin-bottom: 30px;
  border-top: dotted 1px #A3A3A3;
}

.info-index-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 20px 14px 15px 0;
  border-bottom: dotted 1px #A3A3A3;
}

.info-index-box .ttl {
  display: block;
  width: 160px;
  height: 20px;
  padding: 3px;
  text-align: center;
  font-size: 1.2rem;
  border: solid 1px #9A9A9A;
  border-radius: 3px;
  background: #FFF;
}

.info-index-box.-important .ttl {
  color: #E50C0C;
  border-color: #E50C0C;
}

.info-index-box .info-list {
  margin-left: 15px;
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
}

.info-index-box .info-list li {
  font-size: 1.4rem;
  line-height: 1.78571;
}

.info-index-box .info-list li + li {
  margin-top: 0;
}

.info-index-box .info-list li a {
  color: #595959;
  text-decoration: none;
}

.info-index-box .info-list .new {
  margin-left: 0.5em;
  display: inline-block;
  color: #E50C0C;
}

.info-index .info-list {
  max-height: 80px;
  overflow: auto;
}

.info-index .info-list li {
  padding-left: 12px;
}

.info-index .info-list li::before {
  top: 0.5em;
  border-width: 4px 0 4px 6px;
}

.info-index .-important .info-list {
  height: auto;
}

.info-index .btn-mini {
  margin: 15px 0 0 auto;
}

.info-index-menu .info-list {
  max-height: 80px;
  overflow: auto;
}

.info-index-menu .btn-mini {
  margin: 15px 0 0 auto;
}

.guidance-boxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.guidance-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 48.75%;
  padding: 30px 25px 25px;
  background: #F0F0F0;
  border-radius: 8px;
}

.guidance-box .box-ttl {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.guidance-box .box-ttl .icon {
  margin-right: 10px;
  display: block;
  width: 32px;
  text-align: center;
}

.guidance-box .box-ttl .txt {
  display: block;
  font-size: 2.4rem;
  font-weight: 600;
  white-space: nowrap;
  color: #191919;
}

.guidance-box .inner-box {
  width: 100%;
  padding: 30px 25px 30px 30px;
  color: #595959;
  background: #FFF;
  border-radius: 6px;
}

.guidance-box a:not(.btn-blue) {
  text-decoration: underline;
}

.guidance-box .btns {
  margin-top: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.guidance-box .btns p {
  width: 46.31579%;
  text-align: center;
}

.guidance-box .btns .btn-blue {
  min-width: 0;
  width: 100%;
}

.guidance-box .btns .sub-txt {
  margin-top: 7px;
  display: block;
  font-size: 1.3rem;
}

.specifications dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.specifications dl + dl {
  margin-top: 40px;
}

.specifications dt {
  width: 180px;
  padding: 5px 0;
  font-size: 1.8rem;
  font-weight: 600;
  border-right: dotted 1px #A3A3A3;
}

.specifications dd {
  margin-left: 20px;
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  padding: 5px 0;
}

.bnr-area {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.bnr-area .bnr {
  margin: 0 10px;
  display: block;
}

/* メニュー画面
----------------------------------- */
.menu-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.menu-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 49.16667%;
}

.menu-box {
  padding: 25px;
  background: #FFF;
  border-radius: 8px;
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.16);
          box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.16);
}

.menu-box .h-bdr {
  margin-left: -25px;
}

.menu-box table {
  margin-top: 10px;
  width: 400px;
}

.menu-box table th,
.menu-box table td {
  padding: 8px;
  vertical-align: middle;
  border: solid 1px #A6A6A6;
}

.menu-box table thead th {
  text-align: center;
  font-weight: 600;
  color: #FFF;
  background: #3466B7;
}

.menu-box table tbody th {
  width: 100px;
  text-align: center;
  background: #F0F5FC;
}

.menu-box table tbody td {
  width: 90px;
  text-align: center;
  background: #FFF;
}

.menu-box table tbody td.price {
  width: 110px;
  text-align: right;
}

.menu-sec + .menu-sec {
  margin-top: 30px;
}

.menu-btns {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.btn-menu {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 129px;
  height: 129px;
  padding: 20px 0 8px;
  text-align: center;
  color: #FFF;
  background: #3466B7;
  border-radius: 6px;
}

.btn-menu + .btn-menu {
  margin-left: 8px;
}

.btn-menu .pic {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 65px;
  height: 65px;
}

.btn-menu .txt {
  margin-top: auto;
  display: block;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.28571;
}

.optional-menu .btn-menu {
  color: #FFF;
  background: #3466B7;
}

.badge-num {
  position: absolute;
  top: 8px;
  right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 8px;
  min-width: 24px;
  height: 24px;
  font-size: 1rem;
  font-weight: 600;
  color: #FFF;
  background: #FF4D4D;
  border-radius: 12px;
  overflow: hidden;
}

.menu-btns-groups {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.menu-btns-group + .menu-btns-group {
  margin-left: 8px;
}

.menu-btns-group dt {
  font-size: 1.6rem;
  font-weight: 600;
}

.menu-btns-group dt .must {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 300;
  color: #E50C0C;
}

/* ドロップシャドウのついているボックス
----------------------------------- */
.box-warning {
  margin: 32px 0 0;
  padding: 30px 20px 45px;
  color: #595959;
  background: #FFF;
  border-radius: 8px;
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.16);
          box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.16);
}

.box-warning section + section {
  margin-top: 50px;
}

.box-warning .h-bdr {
  margin-left: -20px;
}

.box-warning ul {
  margin: 24px 16px 0;
  border-bottom: dotted 1px #A3A3A3;
}

.box-warning ul li {
  padding: 16px 8px;
  font-size: 14px;
  border-top: dotted 1px #A3A3A3;
}

.box-warning ul li p {
  line-height: 1.6em;
}

.warning-menu {
  margin-top: 20px;
}

.warning-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.warning-menu-item:nth-of-type(n+2) {
  margin-top: 25px;
}

.warning-menu-item .txt {
  margin-left: 20px;
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  line-height: 1.28571;
}

.warning-menu-item .txt a {
  text-decoration: underline;
}

.warning-att {
  margin-top: 20px;
  font-size: 12px;
  line-height: 20px;
  color: #E50C0C;
}

.box-loading, .box-loading-error {
  margin: 32px 0 0;
  padding: 50px 20px;
  color: #595959;
  background: #FFF;
  border-radius: 8px;
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.16);
          box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.16);
}

.box-loading .txt svg, .box-loading-error .txt svg {
  display: block;
  margin: 0 auto 24px;
}

.box-loading .txt > p, .box-loading-error .txt > p {
  font-size: 1.8rem;
  line-height: 1.77778em;
  text-align: center;
}

.box-loading .txt > p + p, .box-loading-error .txt > p + p {
  margin-top: 1.77778em;
}

.box-loading-error {
  background: #FFF2F2;
}

/* Pagenation
----------------------------------- */
.pagenation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pagenation .page-info {
  margin-right: 15px;
  white-space: nowrap;
}

.pagenation .btn-page {
  position: relative;
  width: 75px;
  height: 26px;
  background: #F0F0F0;
  border-radius: 25px;
  overflow: hidden;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.pagenation .btn-page:hover {
  opacity: 0.7;
}

.pagenation .btn-page + .btn-page {
  margin-left: 5px;
}

.pagenation .btn-page::before {
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 7px;
  height: 10px;
  background: url(../../images/portal/arw_gray.svg) no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
}

.pagenation .btn-page input {
  width: 100%;
  height: 100%;
  font-size: 1.3rem;
  background: transparent;
}

.pagenation .btn-page.btn-prev input {
  padding-left: 5px;
}

.pagenation .btn-page.btn-next::before {
  left: auto;
  right: 10px;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.pagenation .btn-page.btn-next input {
  padding-right: 7px;
}

/* D-SettleRequestIndiEntry_Input
   D-Etc_Input
   D-englishsample
   D-SettleRequestEntryRevision_Input
----------------------------------- */
.p-SettleRequestIndiEntry_Input .checkbox .label-txt {
  font-size: 1.6rem;
  line-height: 1.5;
}

.p-SettleRequestIndiEntry_Input .table-ttl, .p-SettleRequestIndiEntry_Input .table-ttl-top,
.p-SettleRequestEntryRevision_Input .table-ttl,
.p-SettleRequestEntryRevision_Input .table-ttl-top,
.p-Etc_Input .table-ttl,
.p-Etc_Input .table-ttl-top {
  width: 240px;
}

.table-ttl-top.-max {
  width: 260px;
}

.p-Etc_Input .input-txt.-min {
  margin: 0 10px;
  width: 80px;
  text-align: center;
  vertical-align: baseline;
}

.p-englishsample .table-ttl {
  width: 260px;
}

/* M-BuyerEstablishment_Input
   M-BuyerEstablishment_Confirm
----------------------------------- */
.p-BuyerEstablishment_Input .table-style > tbody > tr > th,
.p-BuyerEstablishment_Confirm .table-style > tbody > tr > th {
  width: 300px;
}

.p-BuyerEstablishment_Input textarea,
.p-BuyerEstablishment_Confirm textarea {
  height: 160px;
}

.p-BuyerEstablishment_Input .config-input-area,
.p-BuyerEstablishment_Confirm .config-input-area {
  position: relative;
}

.p-BuyerEstablishment_Input .config-input-area .btn-pagedown,
.p-BuyerEstablishment_Confirm .config-input-area .btn-pagedown {
  position: absolute;
  top: 0;
  right: 0;
}

.p-BuyerEstablishment_Input .config-input-area .sec-head,
.p-BuyerEstablishment_Confirm .config-input-area .sec-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-BuyerEstablishment_Input .config-input-area .sec-head .icn-must,
.p-BuyerEstablishment_Confirm .config-input-area .sec-head .icn-must {
  margin-left: 16px;
}

.p-BuyerEstablishment_Input .config-input-area .box-form,
.p-BuyerEstablishment_Confirm .config-input-area .box-form {
  margin-top: 30px;
}

.p-BuyerEstablishment_Input .config-input-area .input-signature dd,
.p-BuyerEstablishment_Confirm .config-input-area .input-signature dd {
  width: 85.56701%;
}

.p-BuyerEstablishment_Input .config-input-area .input-signature textarea,
.p-BuyerEstablishment_Confirm .config-input-area .input-signature textarea {
  height: 165px;
}

.p-BuyerEstablishment_Input .config-input-area .input-password dd,
.p-BuyerEstablishment_Confirm .config-input-area .input-password dd {
  width: 72.57732%;
}

.p-BuyerEstablishment_Input .config-input-area .input-password .input-txt,
.p-BuyerEstablishment_Confirm .config-input-area .input-password .input-txt {
  width: 480px;
}

.p-BuyerEstablishment_Input .config-input-area .input-b2cloud dd,
.p-BuyerEstablishment_Confirm .config-input-area .input-b2cloud dd {
  width: 81.4433%;
}

.p-BuyerEstablishment_Input .config-input-area .input-sendmail dd,
.p-BuyerEstablishment_Confirm .config-input-area .input-sendmail dd {
  width: 70.92784%;
}

.p-BuyerEstablishment_Input .config-input-area .input-data-post dd,
.p-BuyerEstablishment_Confirm .config-input-area .input-data-post dd {
  width: 76.28866%;
}

.p-BuyerEstablishment_Input .config-input-area .input-display,
.p-BuyerEstablishment_Confirm .config-input-area .input-display {
  padding: 40px 0 50px;
}

.p-BuyerEstablishment_Input .config-input-area .input-display dd,
.p-BuyerEstablishment_Confirm .config-input-area .input-display dd {
  width: 82.26804%;
}

.p-BuyerEstablishment_Input .config-input-sec,
.p-BuyerEstablishment_Confirm .config-input-sec {
  position: relative;
  margin-top: 30px;
}

.p-BuyerEstablishment_Input .config-input-sec + .config-input-sec,
.p-BuyerEstablishment_Confirm .config-input-sec + .config-input-sec {
  margin-top: 60px;
}

.p-BuyerEstablishment_Input .config-input-sec .in-sec-head,
.p-BuyerEstablishment_Confirm .config-input-sec .in-sec-head {
  margin: 30px 0 20px;
}

.p-BuyerEstablishment_Input .icn-must,
.p-BuyerEstablishment_Confirm .icn-must {
  width: 50px;
  padding: 5px 0;
  text-align: center;
  font-size: 1.3rem;
  font-weight: 600;
  color: #FFF;
  background: #E50C0C;
}

.p-BuyerEstablishment_Input .box-input-sendmail,
.p-BuyerEstablishment_Confirm .box-input-sendmail {
  padding: 50px 35px 35px;
}

.p-BuyerEstablishment_Input .btn-input-greeting,
.p-BuyerEstablishment_Input button.btn-input-greeting,
.p-BuyerEstablishment_Input .btn-input-applepay,
.p-BuyerEstablishment_Input button.btn-input-applepay,
.p-BuyerEstablishment_Confirm .btn-input-greeting,
.p-BuyerEstablishment_Confirm button.btn-input-greeting,
.p-BuyerEstablishment_Confirm .btn-input-applepay,
.p-BuyerEstablishment_Confirm button.btn-input-applepay {
  margin-top: 15px;
}

.p-BuyerEstablishment_Input .btn-input-greeting + *,
.p-BuyerEstablishment_Input button.btn-input-greeting + *,
.p-BuyerEstablishment_Input .btn-input-applepay + *,
.p-BuyerEstablishment_Input button.btn-input-applepay + *,
.p-BuyerEstablishment_Confirm .btn-input-greeting + *,
.p-BuyerEstablishment_Confirm button.btn-input-greeting + *,
.p-BuyerEstablishment_Confirm .btn-input-applepay + *,
.p-BuyerEstablishment_Confirm button.btn-input-applepay + * {
  display: none;
}

.p-BuyerEstablishment_Input .btn-input-applepay,
.p-BuyerEstablishment_Input button.btn-input-applepay,
.p-BuyerEstablishment_Confirm .btn-input-applepay,
.p-BuyerEstablishment_Confirm button.btn-input-applepay {
  width: 320px;
}

.p-BuyerEstablishment_Input .input-breakdown,
.p-BuyerEstablishment_Confirm .input-breakdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.p-BuyerEstablishment_Input .input-breakdown dd,
.p-BuyerEstablishment_Confirm .input-breakdown dd {
  margin-left: 20px;
  width: auto;
}

.p-BuyerEstablishment_Input .input-breakdown .input-txt,
.p-BuyerEstablishment_Confirm .input-breakdown .input-txt {
  width: 230px;
}

.p-BuyerEstablishment_Input .table-logo-dl .table-ttl-top,
.p-BuyerEstablishment_Confirm .table-logo-dl .table-ttl-top {
  width: 225px;
}

.p-BuyerEstablishment_Input .table-logo-dl .td-btn,
.p-BuyerEstablishment_Confirm .table-logo-dl .td-btn {
  padding: 7px;
  width: 190px;
}

.p-BuyerEstablishment_Input .table-logo-dl .btn-dl,
.p-BuyerEstablishment_Confirm .table-logo-dl .btn-dl {
  margin: 0 auto;
}

.p-BuyerEstablishment_Input .col-box p,
.p-BuyerEstablishment_Confirm .col-box p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3px 0;
}

.p-BuyerEstablishment_Input .col-box p label,
.p-BuyerEstablishment_Confirm .col-box p label {
  margin: 0;
  line-height: 1;
}

.p-BuyerEstablishment_Input .col-box p label:not(:first-of-type),
.p-BuyerEstablishment_Confirm .col-box p label:not(:first-of-type) {
  margin-left: 50px;
}

.p-BuyerEstablishment_Input .col-image,
.p-BuyerEstablishment_Confirm .col-image {
  display: block;
  width: 50px;
  height: 20px;
}

.p-BuyerEstablishment_Input .col-image.-col01,
.p-BuyerEstablishment_Confirm .col-image.-col01 {
  background: #C0C0C0;
}

.p-BuyerEstablishment_Input .col-image.-col02,
.p-BuyerEstablishment_Confirm .col-image.-col02 {
  background: #376BFB;
}

.p-BuyerEstablishment_Input .col-image.-col03,
.p-BuyerEstablishment_Confirm .col-image.-col03 {
  background: #FC0D1B;
}

.p-BuyerEstablishment_Input .col-image.-col04,
.p-BuyerEstablishment_Confirm .col-image.-col04 {
  background: #FC28FC;
}

.p-BuyerEstablishment_Input .col-image.-col05,
.p-BuyerEstablishment_Confirm .col-image.-col05 {
  background: #FD9BCB;
}

.p-BuyerEstablishment_Input .col-image.-col06,
.p-BuyerEstablishment_Confirm .col-image.-col06 {
  background: #FC6621;
}

.p-BuyerEstablishment_Input .col-image.-col07,
.p-BuyerEstablishment_Confirm .col-image.-col07 {
  background: #FD9827;
}

.p-BuyerEstablishment_Input .col-image.-col08,
.p-BuyerEstablishment_Confirm .col-image.-col08 {
  background: #FECB2F;
}

.p-BuyerEstablishment_Input .col-image.-col09,
.p-BuyerEstablishment_Confirm .col-image.-col09 {
  background: #FECB9C;
}

.p-BuyerEstablishment_Input .col-image.-col10,
.p-BuyerEstablishment_Confirm .col-image.-col10 {
  background: #9ACA27;
}

.p-BuyerEstablishment_Input .col-image.-col11,
.p-BuyerEstablishment_Confirm .col-image.-col11 {
  background: #FFFD38;
}

.p-BuyerEstablishment_Input .col-image.-col12,
.p-BuyerEstablishment_Confirm .col-image.-col12 {
  background: #FFFE9F;
}

.p-BuyerEstablishment_Input .col-image.-col13,
.p-BuyerEstablishment_Confirm .col-image.-col13 {
  background: #29FD2F;
}

.p-BuyerEstablishment_Input .col-image.-col14,
.p-BuyerEstablishment_Confirm .col-image.-col14 {
  background: #CDFECE;
}

.p-BuyerEstablishment_Input .col-image.-col15,
.p-BuyerEstablishment_Confirm .col-image.-col15 {
  background: #2DFFFE;
}

.p-BuyerEstablishment_Input .col-image.-col16,
.p-BuyerEstablishment_Confirm .col-image.-col16 {
  background: #CEFFFF;
}

.p-BuyerEstablishment_Input .col-image.-col17,
.p-BuyerEstablishment_Confirm .col-image.-col17 {
  background: #23CDFD;
}

.p-BuyerEstablishment_Input .col-image.-col18,
.p-BuyerEstablishment_Confirm .col-image.-col18 {
  background: #9BCDFD;
}

.p-BuyerEstablishment_Input .col-image.-col19,
.p-BuyerEstablishment_Confirm .col-image.-col19 {
  background: #973566;
}

.p-BuyerEstablishment_Input .col-image.-col20,
.p-BuyerEstablishment_Confirm .col-image.-col20 {
  background: #CB9CFC;
}

.p-BuyerEstablishment_Input .store-info,
.p-BuyerEstablishment_Confirm .store-info {
  margin-top: 25px;
}

.p-BuyerEstablishment_Input .store-info + .store-info,
.p-BuyerEstablishment_Confirm .store-info + .store-info {
  margin-top: 30px;
}

.p-BuyerEstablishment_Input .store-info tbody th,
.p-BuyerEstablishment_Confirm .store-info tbody th {
  width: 225px;
}

.p-BuyerEstablishment_Input .input-file.logo-file p {
    width: 550px;
}

.p-BuyerEstablishment_Input #subMenuApple .input-file p {
    width: 520px;
}

/* M-RegularInfo_Detail
   M-TradePayInfo_Detail
----------------------------------- */
.p-RegularInfo_Detail .box-annotation,
.p-TradePayInfo_Detail .box-annotation {
  margin-bottom: 60px;
}

.p-RegularInfo_Detail .section,
.p-TradePayInfo_Detail .section {
  margin-bottom: 60px;
}

/* G-SettleRequestImport_Read
   G-MemberCreditConfirmImport_Read
   G-ShipmentImport_Read
----------------------------------- */
.p-SettleRequestImport_Read .box-flex + div,
.p-MemberCreditConfirmImport_Read .box-flex + div,
.p-ShipmentImport_Read .box-flex + div,
.p-FraudAddressCheckImport_Read .box-flex + div {
  display: none;
  padding-top: 40px;
}

.p-SettleRequestImport_Read .data-table .checkbox,
.p-MemberCreditConfirmImport_Read .data-table .checkbox,
.p-ShipmentImport_Read .data-table .checkbox,
.p-FraudAddressCheckImport_Read .data-table .checkbox {
  padding-left: 0;
}

.p-SettleRequestImport_Read .data-table label,
.p-MemberCreditConfirmImport_Read .data-table label,
.p-ShipmentImport_Read .data-table label,
.p-FraudAddressCheckImport_Read .data-table label {
  display: block;
  margin: auto;
  width: 24px;
  height: 24px;
}

.p-SettleRequestImport_Read .box-error,
.p-MemberCreditConfirmImport_Read .box-error,
.p-ShipmentImport_Read .box-error,
.p-FraudAddressCheckImport_Read .box-error {
  margin-bottom: 24px;
  padding: 20px 30px;
  color: #E50C0C;
  background: #FFF2F2;
}

.p-SettleRequestImport_Read .box-error p,
.p-MemberCreditConfirmImport_Read .box-error p,
.p-ShipmentImport_Read .box-error p,
.p-FraudAddressCheckImport_Read .box-error p {
  font-size: 1.4rem;
  line-height: 2em;
}

.p-SettleDecisionEntryForCarrier_Success tr.is-error > td,
.p-SettleRequestImport_Read tr.is-error > td,
.p-MemberCreditConfirmImport_Read tr.is-error > td,
.p-ShipmentImport_Read tr.is-error > td,
.p-FraudAddressCheckImport_Read tr.is-error > td {
  color: #E50C0C;
}

/* H-ShipmentFindEntry_Find
   H-SettleDecisionEntry_Find
   H-SettleDecisionEntryForCarrier_Find
   H-SettleDecisionCancel_Find
   H-UseVote_Find
   H-CardMemberDelete_Find
   H-ChangeExpectedDate_Find
   H-RegularInfo_Find
----------------------------------- */
.p-ShipmentFindEntry_Find .data-table .checkbox,
.p-SettleDecisionEntry_Find .data-table .checkbox,
.p-SettleDecisionEntryForCarrier_Find .data-table .checkbox,
.p-SettleDecisionCancel_Find .data-table .checkbox,
.p-UseVote_Find .data-table .checkbox,
.p-CardMemberDelete_Find .data-table .checkbox,
.p-ChangeExpectedDate_Find .data-table .checkbox,
.p-RegularInfo_Find .data-table .checkbox {
  padding-left: 0;
}

.p-ShipmentFindEntry_Find .data-table label,
.p-SettleDecisionEntry_Find .data-table label,
.p-SettleDecisionEntryForCarrier_Find .data-table label,
.p-SettleDecisionCancel_Find .data-table label,
.p-UseVote_Find .data-table label,
.p-CardMemberDelete_Find .data-table label,
.p-ChangeExpectedDate_Find .data-table label,
.p-RegularInfo_Find .data-table label {
  display: block;
  margin: auto;
}

.p-ShipmentFindEntry_Find .data-table label span:not(:empty),
.p-SettleDecisionEntry_Find .data-table label span:not(:empty),
.p-SettleDecisionEntryForCarrier_Find .data-table label span:not(:empty),
.p-SettleDecisionCancel_Find .data-table label span:not(:empty),
.p-UseVote_Find .data-table label span:not(:empty),
.p-CardMemberDelete_Find .data-table label span:not(:empty),
.p-ChangeExpectedDate_Find .data-table label span:not(:empty),
.p-RegularInfo_Find .data-table label span:not(:empty) {
  padding-left: 24px;
}

.p-ShipmentFindEntry_Find .data-table label span:empty,
.p-SettleDecisionEntry_Find .data-table label span:empty,
.p-SettleDecisionEntryForCarrier_Find .data-table label span:empty,
.p-SettleDecisionCancel_Find .data-table label span:empty,
.p-UseVote_Find .data-table label span:empty,
.p-CardMemberDelete_Find .data-table label span:empty,
.p-ChangeExpectedDate_Find .data-table label span:empty,
.p-RegularInfo_Find .data-table label span:empty {
  position: relative;
  display: block;
  margin: auto;
  width: 24px;
  height: 24px;
}

.p-CardMemberDelete_Find .data-table td:nth-of-type(2) {
  word-break: break-all;
}

.p-CardMemberDelete_Find .data-table td:nth-of-type(5) {
  width: 200px;
  text-align: center;
}

.p-CardMemberDelete_Find .data-table td:nth-of-type(5) input {
  display: inline-block;
}

.p-CardMemberDelete_Find .data-table td:nth-of-type(5) input + input {
  margin-left: 6px;
}

.p-CardMemberDelete_Find .data-table .input-txt {
  width: 100px;
}

#loading-view {
  /* 領域の位置やサイズに関する設定 */
  width: 100%;
  height: 100%;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  /* 背景関連の設定 */
  background-color: #FFFFFF;
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  text-align:center;
  display:none;
}

div.indicator_display {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  padding: 20px;
}

.pre-wrap-wba {
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-break: break-all;

}

.pre-wrap {
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
}

.ime-d {
  ime-mode: disabled;
}

.ime-a {
  ime-mode: active;
}

.ime-i {
  ime-mode: inactive;
}

/****************************************/
/* 再与信処理（一括）           */
/****************************************/
div.reauth_msg_single{
 color: #ff0000;
}

div.errCodeDiv1{
  font: bold 15px Arial,sans-serif;
  font-weight:bold;
  color:red;
  text-align: left;
}

td.tline_right_bottom {
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
}

td.tline_only_right {
	border-right: solid 1px #000000;
}

td.tline_only_bottom {
	border-bottom: solid 1px #000000;
}

label.label-ip-ref {
  width: 170px;
  height: 20px;
  display:block;
  text-align: left;
  vertical-align:middle;
  float:left;
  cursor: default;
  margin-top: 5px;
}