@charset "UTF-8";
/* --------------------------------------------------
	000. margin and padding
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead,
article, aside, figure, footer, header,
hgroup, menu, nav, section, audio, video, canvas, main {
  margin: 0;
  padding: 0;
}

article, aside, figure, figcaption, footer,
h1, h2, h3, h4, h5, h6, header, hgroup, menu, nav, section, main {
  display: block;
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

/* --------------------------------------------------
	001. HTML, Body, Anchor
-------------------------------------------------- */
html {
  font-size: 62.5%;
  overflow-y: scroll;
  * overflow-x: hidden;
  _overflow: auto;
}

html, body {
  width: 100%;
  min-height: 100%;
}

body {
  font-family: Helvetica Neue, Hiragino Kaku Gothic, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, Hiragino Sans, ヒラギノ角ゴシック, メイリオ, Meiryo, sans-serif;
  font-size: 10px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #181818;
  letter-spacing: 0.1rem;
  font-weight: 400;
  overflow-x: hidden;
}

a {
  color: #181818;
  text-decoration: none;
  transition: all 0.3s;
  cursor: pointer;
}
a:visited {
  color: #606060;
}

a:hover, a:focus, a:active {
  color: #cc0000;
  text-decoration: none;
}

/* --------------------------------------------------
	002. Heading, Paragraph
-------------------------------------------------- */
dt, h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 700;
}

p {
  line-height: 1.6;
}

/* --------------------------------------------------
	003. List
-------------------------------------------------- */
ol, ul, li {
  list-style: none;
  zoom: 1;
  overflow: hidden;
}

/* --------------------------------------------------
	004. Table
-------------------------------------------------- */
table {
  font-size: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  vertical-align: top;
  font-weight: 400;
}

dl, dt, dd {
  zoom: 1;
  overflow: hidden;
}

/* --------------------------------------------------
	005. Form
-------------------------------------------------- */
fieldset {
  border: none;
}

input, textarea, select, label {
  font-size: 100%;
  font-family: Helvetica Neue, Hiragino Kaku Gothic, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, Hiragino Sans, ヒラギノ角ゴシック, メイリオ, Meiryo, sans-serif;
  vertical-align: middle;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

button {
  font-family: Helvetica Neue, Hiragino Kaku Gothic, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, Hiragino Sans, ヒラギノ角ゴシック, メイリオ, Meiryo, sans-serif;
}

label {
  cursor: pointer;
}

textarea {
  overflow: auto;
}

legend {
  display: none;
}

select {
  cursor: pointer;
}

input[type=checkbox] {
  cursor: pointer;
}

div:focus,
img:focus,
textarea:focus,
a:focus,
button:focus,
input:focus {
  outline: none;
  box-shadow: none;
}

/* --------------------------------------------------
	006. Other
-------------------------------------------------- */
img {
  max-width: 100%;
  border: none;
  vertical-align: middle;
}

object {
  vertical-align: middle;
  outline: none;
}

em {
  font-style: italic;
}

b,
strong {
  font-weight: 700;
}

small {
  font-size: 100%;
}

i {
  font-style: normal;
}

u {
  text-decoration: none;
}

abbr, acronym {
  border: none;
  font-variant: normal;
}

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

sup {
  font-size: 1em;
  vertical-align: text-top;
}

sub {
  font-size: 1em;
  vertical-align: text-bottom;
}

hr {
  display: none;
}

/* --------------------------------------------------
	007. Font
-------------------------------------------------- */
@font-face {
  font-family: 'Barlow';
  font-weight: 400;
  font-style: normal;
  src: url("../webfonts/Barlow/Barlow-Regular.ttf") format("truetype");
  font-display: swap; }
 
@font-face {
  font-family: 'Barlow';
  font-weight: 400;
  font-style: italic;
  src: url("../webfonts/Barlow/Barlow-Italic.ttf") format("truetype");
  font-display: swap; }
 
@font-face {
  font-family: 'Barlow';
  font-weight: 500;
  font-style: normal;
  src: url("../webfonts/Barlow/Barlow-Medium.ttf") format("truetype");
  font-display: swap; }
 
@font-face {
  font-family: 'Barlow';
  font-weight: 500;
  font-style: italic;
  src: url("../webfonts/Barlow/Barlow-MediumItalic.ttf") format("truetype");
  font-display: swap; }
 
@font-face {
  font-family: 'Barlow';
  font-weight: 700;
  font-style: normal;
  src: url("../webfonts/Barlow/Barlow-Bold.ttf") format("truetype");
  font-display: swap; }
 
@font-face {
  font-family: 'Barlow';
  font-weight: 700;
  font-style: italic;
  src: url("../webfonts/Barlow/Barlow-BoldItalic.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: 'Noto Sans JP';
  font-weight: 400;
  font-style: normal;
  src:url("../webfonts/Noto_Sans_JP/NotoSansJP-Regular.otf") format("opentype");
  font-display: swap; }
 
@font-face {
  font-family: 'Noto Sans JP';
  font-weight: 500;
  font-style: normal;
  src:url("../webfonts/Noto_Sans_JP/NotoSansJP-Medium.otf") format("opentype");
  font-display: swap; }
 
 @font-face {
  font-family: 'Noto Sans JP';
  font-weight: 700;
  font-style: normal;
  src:url("../webfonts/Noto_Sans_JP/NotoSansJP-Bold.otf") format("opentype");
  font-display: swap; }

@font-face {
  font-family: "icomoon";
  src: url("../webfonts/icomoon.eot?lr8ue2");
  src: url("../webfonts/icomoon.eot?lr8ue2#iefix") format("embedded-opentype"), url("../webfonts/icomoon.ttf?lr8ue2") format("truetype"), url("../webfonts/icomoon.woff?lr8ue2") format("woff"), url("../webfonts/icomoon.svg?lr8ue2#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-dl:before {
  content: "";
}

.icon-circle:before {
  content: "";
}

.icon-copy:before {
  content: "";
}

.icon-eye:before {
  content: "";
}

.icon-eye-off:before {
  content: "";
}

.icon-handshake:before {
  content: "";
}

.icon-sign:before {
  content: "";
}

.icon-pen:before {
  content: "";
}

.icon-order2:before {
  content: "";
}

.icon-order-edit:before {
  content: "";
}

.icon-order-time:before {
  content: "";
}

.icon-user-change:before {
  content: "";
}

.icon-user-delete:before {
  content: "";
}

.icon-users:before {
  content: "";
}

.icon-address:before {
  content: "";
}

.icon-dl2:before {
  content: "";
}

.icon-ul2:before {
  content: "";
}

.icon-dl1:before {
  content: "";
}

.icon-ul1:before {
  content: "";
}

.icon-log-out:before {
  content: "";
}

.icon-small:before {
  content: "";
}

.icon-modal:before {
  content: "";
}

.icon-sort:before {
  content: "";
}

.icon-sort-down:before {
  content: "";
}

.icon-sort-up:before {
  content: "";
}

.icon-mail-open:before {
  content: "";
}

.icon-close:before {
  content: "";
}

.icon-error:before {
  content: "s";
}

.icon-select:before {
  content: "";
}

.icon-home:before {
  content: "";
}

.icon-search:before {
  content: "";
}

.icon-star:before {
  content: "";
}

.icon-star-o:before {
  content: "";
}

.icon-l:before {
  content: "";
}

.icon-r:before {
  content: "";
}

.icon-u:before {
  content: "";
}

.icon-d:before {
  content: "";
}

.icon-ccheck:before {
  content: "";
}

.icon-dr:before {
  content: "";
}

.icon-outlink:before {
  content: "";
}

.icon-trash:before {
  content: "";
}

.icon-cyr:before {
  content: "";
}

.icon-scheck:before {
  content: "";
}

.icon-flag:before {
  content: "";
}

.icon-globe:before {
  content: "";
}

.icon-link1:before {
  content: "";
}

.icon-link2:before {
  content: "";
}

.icon-tool:before {
  content: "";
}

.icon-toolbox:before {
  content: "";
}

.icon-back:before {
  content: "J";
}

.icon-trial:before {
  content: "";
}

.icon-ribbon:before {
  content: "";
}

.icon-mail:before {
  content: "";
}

.icon-privacy:before {
  content: "";
}

.icon-question:before {
  content: "";
}

.icon-logout:before {
  content: "";
}

.icon-bg:before {
  content: "";
}

.icon-yu:before {
  content: "$";
  transform: rotate(-90deg);
  display: inline-block;
  width: 1em;
}

.icon-yd:before {
  content: "$";
  transform: rotate(90deg);
  display: inline-block;
  width: 1em;
}

.icon-yl:before {
  content: "$";
  transform: scale(-1, -1);
  display: inline-block;
  width: 1em;
}

.icon-yr:before {
  content: "$";
}

.icon-tr:before {
  content: "";
}

.icon-tl:before {
  content: "";
}

.icon-move:before {
  content: "1";
}

.icon-news:before {
  content: "";
}

.icon-faq:before {
  content: "";
}

.icon-dev:before {
  content: "";
}

.icon-mana:before {
  content: "";
}

.icon-user:before {
  content: "";
}

.icon-plus:before {
  content: "+";
}

.icon-minus:before {
  content: "-";
}

.icon-tool1:before {
  content: "";
}

.icon-tool2:before {
  content: "";
}

.icon-tool3:before {
  content: "";
}

.icon-tool4:before {
  content: "";
}

.icon-bussiness:before {
  content: "";
  font-size: 150%;
  line-height: 0.66;
  display: inline-block;
  vertical-align: middle;
}

.icon-gonou:before {
  content: "";
  font-size: 150%;
  line-height: 0.66;
  display: inline-block;
  vertical-align: middle;
}

.icon-order:before {
  content: "";
  font-size: 175%;
  line-height: 0.53;
  display: inline-block;
  vertical-align: middle;
}

.icon-contact:before {
  content: "";
  font-size: 170%;
  line-height: 0.7;
  display: inline-block;
  vertical-align: middle;
}

.icon-yubin:before {
  content: "";
  font-size: 175%;
  line-height: 0.57;
  display: inline-block;
  vertical-align: middle;
}

.icon-number:before {
  content: "";
  font-size: 200%;
  line-height: 0.5;
  display: inline-block;
  vertical-align: middle;
}

.icon-yubincar:before {
  content: "";
  font-size: 175%;
  line-height: 0.53;
  display: inline-block;
  vertical-align: middle;
}

.icon-yubinsearch:before {
  content: "";
  font-size: 175%;
  line-height: 0.53;
  display: inline-block;
  vertical-align: middle;
}

.eye {
  cursor: pointer;
}

/* --------------------------------------------------
	101. Header
-------------------------------------------------- */
.header {
  width: 100%;
  height: 8rem;
  z-index: 999;
  position: fixed;
  left: 0;
  top: 0;
  padding-left: 26rem;
  background: #fff;
}
.header:before {
  content: "";
  width: 100%;
  height: 1.65rem;
  background: #cc0000;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.header_logo {
  background: url("../images/common/bg_head.svg") no-repeat;
  background-size: auto 6rem;
  height: 6rem;
  line-height: 6rem;
  padding-left: 3.3rem;
  padding-top: 0.1rem;
  position: absolute;
  left: 0;
  top: -2px;
  width: 76rem;
}
.header_logo a img {
  height: 3.3rem;
}
.header_en .header_logo {
  width: 36rem;
  background: url("../images/common/bg_head-en.svg") no-repeat;
  background-size: auto 6rem;
}
.header_en .header_logo a img {
  height: 2.6rem;
}

/* --------------------------------------------------
	102. Content
-------------------------------------------------- */
#wrap {
  overflow: hidden;
  position: relative;
}

/* --------------------------------------------------
	103. Footer
-------------------------------------------------- */
.footer {
  width: 100%;
  clear: both;
  position: relative;
  overflow: hidden;
  border-top: 0.1rem solid #e5e5e5;
  background: #fff;
  bottom: 0;
  left: 0;
  z-index: 999;
}
.footer_nav {
  text-align: left;
  display: flex;
  justify-content: flex-start;
  padding: 0 3.3rem;
}
.footer_nav-ttl {
  font-size: 1rem;
  line-height: 3rem;
  padding-right: 2rem;
  flex-shrink: 0;
  font-weight: 700;
  color: #181818;
}
.footer_nav-ttl img {
  height: 1rem;
}
.footer_nav ul {
  display: flex;
  justify-content: flex-start;
  margin: auto 0;
  align-items: center;
}
.footer_nav ul li {
  font-size: 1rem;
  margin-right: 0.8rem;
}
.footer_nav ul li a {
  color: #181818;
}
.footer_nav ul li a i {
  color: #737373;
  margin-right: 0.5rem;
}
.footer_nav ul li a:hover {
  opacity: 0.8;
}
.footer_bottom {
  height: 3.5rem;
  display: flex;
  justify-content: space-between;
  padding: 0 2rem 0 3.3rem;
  background: #cc0000;
  align-items: center;
}
.footer_bottom-group {
  margin: auto 0;
  width: 13rem;
}
.footer_bottom-group img {
  height: 1.1rem;
}
.footer_bottom-copy {
  color: #fff;
  font-size: 1rem;
  line-height: 1;
  text-align: right;
  margin: auto 0;
}

/* --------------------------------------------------
	104. Common Parts
-------------------------------------------------- */
/* --------------------------------------
	104-01. Form
-------------------------------------- */
input::placeholder {
  color: #bbb;
}
input:-ms-input-placeholder {
  color: #bbb;
}
input::-ms-input-placeholder {
  color: #bbb;
}
input[type=text], input[type=number], input[type=email], input[type=tel], input[type=date], input[type=datetime], input[type=week], input[type=month], input[type=password], input[type=url], input[type=time] {
  width: 100%;
  border: 0.1rem solid #e5e5e5;
  background: #fff;
  border-radius: 0.5rem;
  font-size: 1.4rem;
  line-height: 2.1rem;
  padding: 1rem;
}
input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=week]:focus, input[type=month]:focus, input[type=password]:focus, input[type=url]:focus, input[type=time]:focus {
  background: #FFFFC1;
}
input[type=date], input[type=datetime], input[type=week], input[type=month], input[type=time] {
  width: 33rem;
}
input.size_s {
  width: 13rem;
}
input.size_l {
  width: 41rem;
}
input.size_xs {
  width: 10rem;
}
input.size_m {
  width: 20rem;
}
input.error {
  background: rgba(204, 0, 0, 0.1);
}

label {
  font-size: 1.5rem;
}
label input {
  margin-right: 1rem;
}
label input[type=checkbox] {
  transform: scale(1.4);
}

textarea {
  resize: vertical;
  width: 100%;
  border: 0.1rem solid #e5e5e5;
  background: #fff;
  border-radius: 0.5rem;
  font-size: 1.5rem;
  line-height: 1.8rem;
  padding: 1.5rem;
}
textarea::placeholder {
  color: #bbb;
}
textarea:-ms-input-placeholder {
  color: #bbb;
}
textarea::-ms-input-placeholder {
  color: #bbb;
}
textarea:focus {
  background: #FFFFC1;
}

[class*=form_btn] input, [class*=form_btn] button, [class*=form_btn] span, [class*=form_btn] a {
  display: block;
  border: none;
  outline: none;
  background: none;
}

.form_important {
  display: flex;
}
.form_important > dt {
  color: #cc0000 !important;
}
.form_important [type=checkbox] {
  display: inline-block;
  transform: scale(1.4);
  margin-left: 1rem;
  vertical-align: initial;
}
.form_select {
  line-height: 4rem;
  height: 4rem;
  overflow: hidden;
  background: rgba(229, 229, 229, 0.2);
  border-radius: 0.5rem;
  border: 0.1rem solid #e5e5e5;
  position: relative;
  width: 33rem;
  background: #fff;
}
.form_select.page_count {
  width: 6.4rem;
  line-height: 2.8rem;
  height: 3rem;
  display: inline-block;
}
.form_select.page_count:after {
  font-size: 1rem;
  right: 0.5rem;
}
.form_select.page_count > select {
  line-height: 2.8rem;
  padding: 0 0 0 2rem;
}
.form_select:after {
  width: 1em;
  height: 1em;
  font-size: 1rem;
  line-height: 1;
  font-family: "icomoon";
  text-align: center;
  content: "";
  color: #bfbfbf;
  top: 50%;
  margin-top: -0.5em;
  right: 1rem;
  position: absolute;
  pointer-events: none;
}
.form_select > select {
  display: block;
  width: 100%;
  line-height: 4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0 3rem 0 1.5rem;
  background: transparent;
  vertical-align: middle;
  font-size: inherit;
  box-sizing: content-box;
}
.form_select > select::-ms-expand {
  display: none;
}
.form_select > select:focus {
  border: none;
  outline: none;
  box-shadow: none;
  color: inherit !important;
}
.form_select > select.example {
  color: #c6c6c6;
}
.form_btn-s a {
  border: 0.1rem solid #e5e5e5;
  border-radius: 0.5rem;
  font-size: 1.3rem;
  width: 10rem;
  text-align: center;
  color: #737373;
  line-height: 4rem;
}
.form_btn-s a:hover {
  border-color: #cc0000;
  color: #cc0000;
}
.form_mes {
  font-size: 1.2rem;
  display: block;
  margin-top: 0.5rem;
  text-align: left;
}
.form_mes.mes_error {
  color: #cc0000;
}
.form_mes.mes_error i {
  font-size: 1.6rem;
  margin-right: 0.5rem;
}
.form_check {
  width: 80%;
  margin: 0 auto 3rem;
  border: 0.1rem solid #e5e5e5;
  padding: 3rem;
  text-align: center;
}
.form_check label {
  margin-bottom: 1.5rem;
  display: block;
}
.form_check p {
  font-size: 1.4rem;
}
.form_radio {
  display: flex;
  justify-content: flex-start;
}
.form_radio li {
  margin: 0 0.5rem 0.5rem;
  display: flex;
  align-content: center;
}
.form_radio-input {
  display: none;
}
.form_radio-input:checked + label {
  background: #cc0000;
  border-color: #cc0000;
  color: #fff;
}
.form_radio label {
  background: #fff;
  padding: 1rem 0.5rem;
  width: 11rem;
  height: 5ren;
  border: 0.1rem solid #e5e5e5;
  font-size: 1.2rem;
  line-height: 1.3;
  text-align: center;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
}
.form_radio label span {
  margin: auto;
}
.form_checkbox {
  text-align: left;
  padding: 0 0 1rem;
}

.section_form {
  padding-bottom: 3rem;
}
.section_form-inner {
  padding-bottom: 2rem;
}
.section_form-inner_btn {
  text-align: center;
  padding: 2rem 0;
}
.section_form-inner_btn ul {
  display: flex;
  justify-content: center;
}
.section_form-inner_btn ul li {
  margin: 0 1rem;
}
.section_form-inner_btn ul li.btn_send input {
  width: 24rem;
}
.section_form-inner_agreement {
  text-align: left;
  padding: 2rem 0;
  font-size: 1.5rem;
}
.section_form-inner_agreement a {
  text-decoration: underline;
}
.section_form-inner_agreement a:hover {
  text-decoration: none;
}
.section_form-inner .readonly dt:after {
  content: "";
}
.section_form-inner dl > div {
  border-bottom: 0.1rem solid rgba(229, 229, 229, 0.5);
  padding: 1.5rem 1rem;
  display: flex;
}
.section_form-inner dl > div.required dt:after {
  content: "必須";
  background: #cc0000;
  color: #fff;
}
.section_form-inner dl > div dt {
  flex-shrink: 0;
  font-weight: 600;
  text-align: left;
  width: 20%;
  position: relative;
  padding-right: 5rem;
  margin: auto 0;
}
.section_form-inner dl > div dt:after {
  content: "任意";
  width: 4.5rem;
  line-height: 2rem;
  background: #e5e5e5;
  color: #737373;
  border-radius: 5rem;
  position: absolute;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  right: 0;
  top: 50%;
  margin-top: -1rem;
}
.section_form-inner dl > div dt small {
  font-size: 1.2rem;
  display: block;
}
.section_form-inner dl > div dd {
  width: 100%;
  padding-left: 4.5rem;
}
.section_form-inner dl > div dd.set {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.section_form-inner dl > div dd.set input {
  margin-right: 1rem;
}
.section_form-inner dl > div dd.set span {
  margin: auto 0;
  margin-right: 1rem;
}
.section_form-inner dl > div dd .password_area {
  position: relative;
  border: 0.1rem solid #e5e5e5;
  border-radius: 0.5rem;
}
.section_form-inner dl > div dd .password_area:focus-within {
  background: #FFFFC1;
}
.section_form-inner dl > div dd .password {
  width: 100%!important;
  border: none;
}
.section_form-inner dl > div dd .open {
  background: #fff;
}
.section_form-inner dl > div dd .eye {
  position: absolute;
  left: 93%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2rem;
  vertical-align: middle;
  color: #999;
}

/* --------------------------------------
	104-02. Nav & Btn
-------------------------------------- */
.nav_links {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.nav_links ul {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.nav_links ul li {
  margin: auto 0;
}
.nav_links ul li.btn_home a, .nav_links ul li.btn_home span {
  display: block;
  line-height: 4.8rem;
  font-size: 1.4rem;
  cursor: pointer;
}
.nav_links ul li.btn_home a i, .nav_links ul li.btn_home span i {
  margin-right: 1rem;
}
.nav_links ul li.btn_entry a, .nav_links ul li.btn_entry button {
  width: 15rem;
  height: 6rem;
  display: block;
  line-height: 1.2;
  font-size: 1.4rem;
  text-align: center;
  border: none;
  background: #cc0000;
  color: #fff;
  border-radius: 0.5rem;
  font-weight: 700;
}
.nav_links ul li.btn_entry a i, .nav_links ul li.btn_entry button i {
  margin-right: 1rem;
}
.nav_links ul li.btn_next a, .nav_links ul li.btn_next button {
  width: 15rem;
  height: 4.8rem;
  display: block;
  line-height: 1.2;
  font-size: 1.4rem;
  text-align: center;
  border: none;
  background: #cc0000;
  color: #fff;
  border-radius: 0.5rem;
  font-weight: 700;
}
.nav_links ul li.btn a {
  display: block;
  width: 18rem;
  line-height: 4.8rem;
  text-align: center;
  font-size: 1.4rem;
  border: 0.1rem solid #e5e5e5;
  border-radius: 0.3rem;
}
.nav_links ul li.btn a i {
  margin-right: 1rem;
}
.nav_back {
  padding: 2rem 0;
  text-align: center;
}

.btn_fixed-top a {
  width: 5rem;
  height: 5rem;
  background: rgba(24, 24, 24, 0.95);
  display: block;
  color: #fff;
  line-height: 5rem;
  font-size: 1.3rem;
  letter-spacing: 0;
  text-align: center;
  position: fixed;
  right: 0.8rem;
  bottom: 7rem;
  z-index: 1000;
  border-radius: 0.3rem;
}
.btn_fixed-top a:hover {
  opacity: 0.8;
}
.btn_select a {
  display: inline-block;
  border: 0.1rem solid #e5e5e5;
  border-radius: 0.5rem;
  padding: 1rem 2rem;
  line-height: 1.3;
  font-size: 1.3rem;
}
.btn_select a i {
  font-size: 1.8rem;
  color: #cc0000;
}
.btn_select a:hover {
  border-color: #cc0000;
}
.btn_close a {
  width: 24rem;
  height: 5rem;
  line-height: 4.8rem;
  border-radius: 0.5rem;
  text-align: center;
  border: 0.1rem solid rgba(229, 229, 229, 0.5);
  color: #737373;
  display: block;
}
.btn_send input {
  width: 32rem;
  height: 5rem;
  border-radius: 0.5rem;
  background: #cc0000;
  color: #fff;
  font-weight: 700;
  font-size: 1.5rem;
  border: none;
  display: block;
  margin: 0 auto;
  cursor: pointer;
}
.btn_send input:hover {
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.15);
  opacity: 0.8;
}

/* --------------------------------------
	104-03. Js
-------------------------------------- */
.tab_all_in li {
  cursor: pointer;
}
.tab_all_in li.active {
  cursor: auto;
}
.tab_all_in-content {
  display: none !important;
}
.tab_all_in-content.show {
  display: block !important;
}

.modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1001;
}
.modal_bg {
  background: rgba(0, 0, 0, 0.8);
  height: 100vh;
  width: 100%;
}
.modal_content {
  background: #fff;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0.5rem;
  overflow-y: auto;
}
.modal_content._sm {
  width: 30%;
}
.modal_content._md {
  width: 50%;
}
.modal_content._lg {
  min-width: 80rem;
  width: 70%;
  max-height: 80vh;
}
.modal_content-header {
  background: rgba(229, 229, 229, 0.5);
  border-bottom: 0.1rem solid #e5e5e5;
  padding: 1.5rem;
  text-align: center;
}
.modal_content-header_ttl {
  font-size: 1.8rem;
}
.modal_content-inner {
  position: relative;
  padding: 2.5rem;
}
.modal_content-inner_ttl {
  font-size: 1.8rem;
  display: flex;
  margin-bottom: 1.5rem;
}
.modal_content-inner_ttl span {
  flex-shrink: 0;
  padding: 0 1rem;
  margin: auto 0;
}
.modal_content-inner_ttl:before {
  content: "";
  width: 1.5rem;
  border-radius: 0 0.3rem 0.3rem 0;
  background: #cc0000;
  height: 0.6rem;
  margin: auto 0;
}
.modal_btn-close {
  position: absolute;
  top: -6rem;
  right: -6rem;
  font-size: 4rem;
  line-height: 6rem;
  width: 6rem;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.modal .nav_links {
  padding-bottom: 0;
}

#loader {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  transition: all 0.7s;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  opacity: 1;
}
#loader.on {
  opacity: 0;
  z-index: -1;
}
#loader .loading {
  font-size: 10px;
  margin: 45vh auto;
  text-indent: -9999em;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  background: #ccc;
  background: -moz-linear-gradient(left, #ccc 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #ccc 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #ccc 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #ccc 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #ccc 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: loading 1.4s infinite linear;
  animation: loading 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
#loader .loading:before {
  width: 50%;
  height: 50%;
  background: #ccc;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}
#loader .loading:after {
  background: #fff;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body #wrap {
  z-index: -1;
  position: relative;
}
body #wrap.on {
  z-index: 1;
}

/* common */
label[for^=rememberMe] {
  font-size: 100%;
  display: block;
  margin-top: 0.5rem;
}
label[for^=rememberMe] [type=checkbox] {
  vertical-align: initial;
}

.help-asterisk {
  position: relative;
  padding-left: 1.7rem;
}
.help-asterisk:before {
  content: "※";
  position: absolute;
  left: 0;
}

.help-circle {
  position: relative;
  padding-left: 2rem;
}
.help-circle:before {
  content: "●";
  position: absolute;
  left: 0;
}

.switch-control {
  line-height: 3rem;
  letter-spacing: 0;
  text-align: center;
  position: relative;
  margin: auto;
  width: 14rem;
}
.switch-control input[type=checkbox] {
  display: none !important;
}
.switch-control input[type=checkbox]:checked + label {
  border-color: #78bd78;
  background: #78bd78;
}
.switch-control input[type=checkbox]:checked + label span:after {
  content: "利用可";
}
.switch-control input[type=checkbox]:checked + label .switch-img {
  transform: translateX(3rem);
  background: #fff;
  border: 2px solid #78bd78;
}
.switch-control label {
  display: block;
  box-sizing: border-box;
  width: 6rem;
  height: 3rem;
  border-color: #999;
  border-radius: 3rem;
  font-size: 1.4rem;
  background: #999;
}
.switch-control label span:after {
  content: "利用不可";
  color: #333;
  margin-right: -14rem;
}
.switch-control label .switch-img {
  position: absolute;
  width: 3rem;
  height: 3rem;
  background: #fff;
  border: 2px solid #999;
  top: 0;
  left: 0;
  border-radius: 3rem;
  transition: 0.2s;
}

/* readonly */
.readonly .switch-control {
  pointer-events: none;
}
.readonly [type=password] {
  background: #eee;
  pointer-events: none;
}

/* IE目のマーク削除 */
input::-ms-reveal {
  visibility: hidden;
}

.pagination ul li span, .pagination ul li a, .btn-next, .btn-none, .btn-open-child, .btn-modal, .btn-search, .btn-download, .btn-upload, .btn-alternate, .btn-commit-alternate, .btn-clear-alternate, .btn-commit, .btn-danger, .btn-ops, .btn-edit, .btn-clear {
  display: inline-block;
  min-width: 15rem;
  height: 4rem;
  line-height: 2rem;
  font-size: 1.3rem;
  text-align: center;
  border: 0.1rem solid #e5e5e5;
  border-color: #cc0000;
  background: #fff;
  color: #cc0000;
  border-radius: 0.5rem;
  position: relative;
  padding: 1rem 2rem;
}
.pagination ul li span i, .pagination ul li a i, .btn-next i, .btn-none i, .btn-open-child i, .btn-modal i, .btn-search i, .btn-download i, .btn-upload i, .btn-alternate i, .btn-commit-alternate i, .btn-clear-alternate i, .btn-commit i, .btn-danger i, .btn-ops i, .btn-edit i, .btn-clear i {
  margin-left: 1rem;
}
.pagination ul li span:active, .pagination ul li a:active, .btn-next:active, .btn-none:active, .btn-open-child:active, .btn-modal:active, .btn-search:active, .btn-download:active, .btn-upload:active, .btn-alternate:active, .btn-commit-alternate:active, .btn-clear-alternate:active, .btn-commit:active, .btn-danger:active, .btn-ops:active, .btn-edit:active, .btn-clear:active, .pagination ul li span:visited, .pagination ul li a:visited, .btn-next:visited, .btn-none:visited, .btn-open-child:visited, .btn-modal:visited, .btn-search:visited, .btn-download:visited, .btn-upload:visited, .btn-alternate:visited, .btn-commit-alternate:visited, .btn-clear-alternate:visited, .btn-commit:visited, .btn-danger:visited, .btn-ops:visited, .btn-edit:visited, .btn-clear:visited {
  color: #cc0000;
}
.pagination ul li span:hover, .pagination ul li a:hover, .btn-next:hover, .btn-none:hover, .btn-open-child:hover, .btn-modal:hover, .btn-search:hover, .btn-download:hover, .btn-upload:hover, .btn-alternate:hover, .btn-commit-alternate:hover, .btn-clear-alternate:hover, .btn-commit:hover, .btn-danger:hover, .btn-ops:hover, .btn-edit:hover, .btn-clear:hover {
  background: rgba(204, 0, 0, 0.1);
}
.pagination ul li span:after, .pagination ul li a:after, .btn-next:after,  .btn-open-child:after, .btn-modal:after, .btn-search:after, .btn-download:after, .btn-upload:after, .btn-alternate:after, .btn-commit-alternate:after, .btn-clear-alternate:after, .btn-commit:after, .btn-danger:after, .btn-ops:after, .btn-edit:after, .btn-clear:after {
  font-family: "icomoon" !important;
  margin-left: 0.5rem;
}
.pagination ul li span:before, .pagination ul li a:before, .btn-next:before, .btn-none:before, .btn-open-child:before, .btn-modal:before, .btn-search:before, .btn-download:before, .btn-upload:before, .btn-alternate:before, .btn-commit-alternate:before, .btn-clear-alternate:before, .btn-commit:before, .btn-danger:before, .btn-ops:before, .btn-edit:before, .btn-clear:before {
  font-family: "icomoon" !important;
  margin-right: 0.5rem;
}

.btn-clear {
  background: #eee;
  border-color: #999;
  color: #333;
}
.btn-clear:after {
  content: "";
}
.btn-clear:hover, .btn-clear:active, .btn-clear:visited {
  background: #eee;
  border-color: #999;
  color: #333;
  opacity: 0.6;
}

.btn-edit {
  border-color: #78bd78;
  background: #fff;
  color: #568356;
}
.btn-edit:active, .btn-edit:visited {
  color: #568356;
}
.btn-edit:after {
  content: "";
}
.btn-edit:hover {
  background: rgba(17, 218, 0, 0.05);
  color: #568356;
}

.btn-ops {
  border-color: #999;
  background: #fff;
  color: #333;
}
.btn-ops:active, .btn-ops:visited {
  color: #333;
}
.btn-ops:hover {
  background: rgba(0, 0, 0, 0.05);
  color: #333;
}

.btn-commit, .btn-danger {
  border: none;
  background: #cc0000;
  color: #fff;
}
.btn-commit:after, .btn-danger:after {
  content: "";
}
.btn-commit:active, .btn-danger:active, .btn-commit:visited, .btn-danger:visited {
  color: #fff;
}
.btn-commit:hover, .btn-danger:hover {
  background: rgba(204, 0, 0, 0.5);
  color: #fff;
}

.btn-alternate, .btn-commit-alternate, .btn-clear-alternate {
  width: 32rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  color: #cc0000;
}
.btn-alternate:before, .btn-commit-alternate:before, .btn-clear-alternate:before, .btn-alternate:after, .btn-commit-alternate:after, .btn-clear-alternate:after,
.btn-alternate span:before,
.btn-commit-alternate span:before,
.btn-clear-alternate span:before,
.btn-alternate span:after,
.btn-commit-alternate span:after,
.btn-clear-alternate span:after {
  transition: 0.5s ease-in-out;
  z-index: -1;
  content: "";
  margin-left: 0;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: auto;
  width: 25%;
  height: 0;
  background: rgba(204, 0, 0, 0.1);
}
.btn-alternate:before, .btn-commit-alternate:before, .btn-clear-alternate:before {
  left: 0;
}
.btn-alternate:after, .btn-commit-alternate:after, .btn-clear-alternate:after {
  left: 50%;
}
.btn-alternate span:before, .btn-commit-alternate span:before, .btn-clear-alternate span:before, .btn-alternate span:after, .btn-commit-alternate span:after, .btn-clear-alternate span:after {
  top: auto;
  bottom: 0;
}
.btn-alternate span:before, .btn-commit-alternate span:before, .btn-clear-alternate span:before {
  left: 25%;
}
.btn-alternate span:after, .btn-commit-alternate span:after, .btn-clear-alternate span:after {
  left: 75%;
}
.btn-alternate:hover, .btn-commit-alternate:hover, .btn-clear-alternate:hover {
  /*color: #cc0000;*/
  color: #fff;
}
.btn-commit:focus, .btn-commit-alternate:focus {
  color: #fff;
}
.btn-alternate:hover:before, .btn-commit-alternate:hover:before, .btn-clear-alternate:hover:before, .btn-alternate:hover:after, .btn-commit-alternate:hover:after, .btn-clear-alternate:hover:after,
.btn-alternate:hover span:before,
.btn-commit-alternate:hover span:before,
.btn-clear-alternate:hover span:before,
.btn-alternate:hover span:after,
.btn-commit-alternate:hover span:after,
.btn-clear-alternate:hover span:after {
  height: 4rem;
}

.btn-clear-alternate {
  color: #333;
  border-color: #999;
}
.btn-clear-alternate:active, .btn-clear-alternate:visited {
  color: #333;
}
.btn-clear-alternate:before, .btn-clear-alternate:after,
.btn-clear-alternate span:before,
.btn-clear-alternate span:after {
  background: rgba(238, 238, 238, 0.8);
}
.btn-clear-alternate:hover {
  background: rgba(238, 238, 238, 0.1);
}

.btn-commit-alternate {
  color: #fff;
  border: none;
  background: #cc0000;
}
.btn-commit-alternate:active, .btn-commit-alternate:visited {
  color: #fff;
}
.btn-commit-alternate:before, .btn-commit-alternate:after,
.btn-commit-alternate span:before,
.btn-commit-alternate span:after {
  background: rgba(204, 0, 0, 0.8);
}
.btn-commit-alternate:before {
  border-radius: 0.5rem 0 0 0.5rem;
}
.btn-commit-alternate span:after {
  border-radius: 0 0.5rem 0.5rem 0;
}
.btn-commit-alternate:hover {
  background: rgba(204, 0, 0, 0.1);
}

.btn-disabled {
  pointer-events: none;
  background: #ddd;
  border-color: #ccc;
  color: #999;
  cursor: not-allowed;
}
.btn-disabled:hover, .btn-disabled:active, .btn-disabled:visited {
  background: #ddd;
  border-color: #ccc;
  color: #999;
}

.btn-upload:after {
  content: "";
}

.btn-download:after {
  content: "";
}

.btn-search:after {
  content: "";
}

.btn-modal:after {
  content: "";
}

.btn-open-child:after {
  content: "";
}

.btn-next:after {
  content: "";
}

.btn-danger:after {
  content: "";
}

.modal .nav_links .pagination ul li span, .pagination ul li .modal .nav_links span, .modal .nav_links .pagination ul li a, .pagination ul li .modal .nav_links a, .modal .nav_links .btn-clear, .modal .nav_links .btn-edit, .modal .nav_links .btn-ops, .modal .nav_links .btn-commit, .modal .nav_links .btn-alternate, .modal .nav_links .btn-clear-alternate, .modal .nav_links .btn-commit-alternate, .modal .nav_links .btn-upload, .modal .nav_links .btn-download, .modal .nav_links .btn-search, .modal .nav_links .btn-modal, .modal .nav_links .btn-open-child, .modal .nav_links .btn-next, .modal .nav_links .btn-none, .modal .nav_links .btn-danger {
  height: 4rem;
  line-height: 2rem;
}

.nav_links .pagination ul li span, .pagination ul li .nav_links span, .nav_links .pagination ul li a, .pagination ul li .nav_links a, .nav_links .btn-clear, .nav_links .btn-edit, .nav_links .btn-ops, .nav_links .btn-commit, .nav_links .btn-alternate, .nav_links .btn-clear-alternate, .nav_links .btn-commit-alternate, .nav_links .btn-upload, .nav_links .btn-download, .nav_links .btn-search, .nav_links .btn-modal, .nav_links .btn-open-child, .nav_links .btn-next, .nav_links .btn-none, .nav_links .btn-danger {
  height: 6rem;
  line-height: 4rem;
}

.pagination {
  text-align: center;
  padding: 5.5rem 0;
}
.pagination ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.pagination ul li {
  margin: 0 1rem;
}
.pagination ul li span, .pagination ul li a {
  min-width: auto;
  padding: 0;
  width: 4rem;
  font-size: 1.6rem;
  line-height: 3.8rem;
}
.pagination ul li span i, .pagination ul li a i {
  margin-left: 0;
}
.pagination ul li span.now, .pagination ul li a.now {
  background: rgba(204, 0, 0, 0.1);
  border-color: #fff;
  color: #cc0000;
  font-weight: 700;
}
.pagination ul li span.off, .pagination ul li a.off {
  border: 0.1rem solid #e5e5e5;
  background: #fff;
  color: #e5e5e5;
}

.lnk-clear i, .lnk-drag-and-drop i, .lnk-close-min i, .lnk-close i, .lnk-back i, .lnk-sort-asc-in-table i, .lnk-sort-desc-in-table i, .lnk-sort-in-table i, .lnk-sort i, .lnk-external i, .lnk-internal i, .lnk-in-page i {
  margin-left: 1rem;
}
.lnk-clear:after, .lnk-drag-and-drop:after, .lnk-close-min:after, .lnk-close:after, .lnk-back:after, .lnk-sort-asc-in-table:after, .lnk-sort-desc-in-table:after, .lnk-sort-in-table:after, .lnk-sort:after, .lnk-external:after, .lnk-internal:after, .lnk-in-page:after {
  font-family: "icomoon" !important;
  margin-left: 0.5rem;
}
.lnk-clear:before, .lnk-drag-and-drop:before, .lnk-close-min:before, .lnk-close:before, .lnk-back:before, .lnk-sort-asc-in-table:before, .lnk-sort-desc-in-table:before, .lnk-sort-in-table:before, .lnk-sort:before, .lnk-external:before, .lnk-internal:before, .lnk-in-page:before {
  font-family: "icomoon" !important;
  margin-right: 0.5rem;
}
.lnk-clear:hover, .lnk-drag-and-drop:hover, .lnk-close-min:hover, .lnk-close:hover, .lnk-back:hover, .lnk-sort-asc-in-table:hover, .lnk-sort-desc-in-table:hover, .lnk-sort-in-table:hover, .lnk-sort:hover, .lnk-external:hover, .lnk-internal:hover, .lnk-in-page:hover {
  font-weight: 700;
}

.lnk-in-page:before {
  content: "";
}

.lnk-internal:before {
  content: "";
}

.lnk-external:after {
  content: "";
}

.lnk-sort:before {
  content: "";
}
.lnk-sort:after {
  content: "";
}
.lnk-sort.on {
  font-weight: 700;
}

.lnk-sort-in-table:after {
  content: "";
}

.lnk-sort-desc-in-table:after {
  content: "";
}

.lnk-sort-asc-in-table:after {
  content: "";
}

.lnk-back i {
  margin-left: 0rem;
  margin-right: 1rem;
}
.lnk-back:before {
  content: "J";
}

.lnk-close i {
  margin-left: 0rem;
  margin-right: 1rem;
}
.lnk-close:before {
  content: "";
}

.lnk-close-min:before {
  content: "";
  margin-right: auto;
}

.lnk-drag-and-drop:before {
  content: "1";
}

.lnk-clear {
  padding: 5px 10px;
}
.lnk-clear:after {
  content: "";
}
.lnk-clear:hover {
  color: #333;
  background: #e6e6e6;
  border-radius: 0.5rem;
}
.lnk-clear:hover:after {
  color: #333;
  font-weight: 700;
}

/* table */
.table-search {
  width: 100%;
  margin: 0 auto;
}
.table-search th {
  position: relative;
  border: 0.1rem solid #e5e5e5;
  text-align: left;
  padding: 5px;
  background-color: rgba(229, 229, 229, 0.2);
  width: 20%;
  vertical-align: middle;
  font-weight: 700;
}
.table-search th small {
  position: absolute;
  bottom: 0.4rem;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 400;
  display: block;
}
.table-search th small:before {
  content: "（";
}
.table-search th small:after {
  content: "）";
}
.table-search th.required:after {
  content: "必須";
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  width: 4.5rem;
  background: #cc0000;
  color: #fff;
  border-radius: 5rem;
  position: absolute;
  right: 1rem;
}
.table-search td {
  border: 0.1rem solid #e5e5e5;
  background: #fff;
  padding: 0.5rem;
  height: 5rem;
  line-height: 4rem;
}
.table-search td:nth-of-type(2n+2) {
  width: 30%;
}
.table-search + ul {
  text-align: right;
  margin: 1rem 0;
}

.sort-in-table {
  text-align: right;
  padding: 1rem 0;
}

.table-col-striped th:nth-child(2n) {
  background: rgba(229, 229, 229, 0.2);
}
.table-col-striped td:nth-child(2n) {
  background: rgba(229, 229, 229, 0.2);
}

.table-fixed-thead-first-td {
  width: 2000px !important;
  height: 100px;
}
.table-fixed-thead-first-td th, .table-fixed-thead-first-td td {
  vertical-align: middle;
  padding: 0 15px;
}
.table-fixed-thead-first-td tr > *:nth-child(4),
.table-fixed-thead-first-td tr > *:nth-child(3),
.table-fixed-thead-first-td tr > *:nth-child(1) {
  width: 100px;
}
.table-fixed-thead-first-td tr > *:nth-child(2) {
  width: 200px;
}
.table-fixed-thead-first-td tr > *:nth-child(7),
.table-fixed-thead-first-td tr > *:nth-child(6),
.table-fixed-thead-first-td tr > *:nth-child(5) {
  width: 500px;
}
.table-fixed-thead-first-td thead th,
.table-fixed-thead-first-td tbody tr td:first-child {
  position: sticky;
  top: 0;
  left: 0;
}
.table-fixed-thead-first-td thead th:before,
.table-fixed-thead-first-td tbody tr td:first-child:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
}
.table-fixed-thead-first-td tbody tr td:first-child,
.table-fixed-thead-first-td thead th {
  z-index: 101;
}
.table-fixed-thead-first-td thead th:first-child {
  z-index: 102;
}

.table-results {
  width: 100%;
}
.table-results th {
  font-weight: 700;
  text-align: center;
  padding: 4px 8px;
  border-bottom: 2px solid #eee;
}
.table-results td {
  padding: 4px 8px;
  height: 5rem;
  vertical-align: middle;
  border-bottom: 1px dotted #eee;
}
.table-results td a:not([class^=btn-]) {
  text-decoration: underline;
}
.table-results td a:not([class^=btn-]):hover {
  text-decoration: none;
  font-weight: 700;
}
.table-results td [class^=btn-] {
  min-width: 3rem;
  height: 3rem;
  padding: 0.5rem 1rem;
}
.table-results td [type=radio], .table-results td [type=checkbox] {
  margin: 0 auto;
  display: block;
  transform: scale(1.4);
}

.table-fixed-wrapper {
  display: flex;
  justify-content: center;
  max-height: 70vh;
  overflow-y: auto;
  position: relative;
}
.table-fixed-wrapper_fr {
  overflow-x: hidden;
  justify-content: start;
}
.table-fixed-wrapper_sec {
  display: flex;
}
.table-fixed-wrapper .fixed {
  border-right: 0.2rem solid #eee;
}
.table-fixed-wrapper .fixed_fr {
  justify-content: normal;
  overflow-x: hidden;
}
.table-fixed-wrapper .fixed_sec {
  height: min-content;
  overflow-y: hidden;
  max-height: 68vh;

}
.table-fixed-wrapper .scrollable {
  overflow-x: scroll;
  height: 100%;
}
.table-fixed-wrapper .scrollable_fr {
  justify-content: normal;
  overflow-x: hidden;
}
.table-fixed-wrapper .scrollable_sec {
  justify-content: normal;
  overflow: auto;
  position: relative;
  display: block;
}
.table-fixed-wrapper table {
  width: max-content;
  min-width: 100%;
}
.table-fixed-wrapper table thead {
  background: rgba(123, 123, 123, 0.12);
  border: 0.1rem solid #eee;
}
.table-fixed-wrapper table thead.sticky {
  position: sticky;
  top: 0;
}
.table-fixed-wrapper table thead th {
  border-right: 1px dotted #fff;
}
.table-fixed-wrapper table tbody {
  border: 0.1rem solid #eee;
}
.table-fixed-wrapper table tbody tr:nth-child(2n) {
  background: rgba(229, 229, 229, 0.2);
}
.table-fixed-wrapper table tbody tr:hover, .table-fixed-wrapper table tbody tr.hover {
  background: rgba(123, 123, 123, 0.1);
}
.table-fixed-wrapper table tbody tr.active {
  background: rgba(255, 255, 193, 0.5);
}
.table-fixed-wrapper table th {
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 5rem;
  vertical-align: middle;
  border-right: 1px dotted #eee;
}
.table-fixed-wrapper table td {
  text-overflow: ellipsis;
  white-space: nowrap;
  border-right: 1px dotted #eee;
}

/* datepicker customize */
.ui-datepicker-trigger {
  width: 22px;
  height: 22px;
  vertical-align: middle;
  cursor: pointer;
}

.ui-widget-header {
  background: none;
  border: none;
}

.ui-datepicker .ui-datepicker-title {
  margin: 1em 2.3em;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  margin-top: 1em;
  border-radius: 12px;
}
.ui-datepicker .ui-datepicker td {
  border: 0;
  line-height: 22px;
  padding: 1px 4px;
}

.ui-widget-content .ui-state-active {
  font-weight: 700;
  color: #cc0000;
}
.ui-widget-content .ui-state-default {
  border: 1px solid #fff;
  text-align: center;
  background: #fff;
}
.ui-widget-content .ui-state-default:hover {
  background: #e5e5e5;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: #CC0000;
  border: none;
  color: #fff;
  border-radius: 15px;
}

/* attachment */
.attachment li [type=file] {
  margin-bottom: 1rem;
}

/*                                                               
background: #3f3f3f;
background: #385623;
background: #2f5496;
*/
body.theme-shadow {
  background: #656565;
  color: #fff;
}
body.theme-shadow .btn-disabled {
  background: #ddd !important;
  border-color: #ccc;
  color: #999 !important;
}
body.theme-shadow i, body.theme-shadow time, body.theme-shadow .div_list-count b, body.theme-shadow .form_radio-input:checked + label, body.theme-shadow .show_all .icon-tr, body.theme-shadow .div_search-box dl dt, body.theme-shadow .ul_mail li.checked .ul_mail-read:before, body.theme-shadow .lnk-external, body.theme-shadow .container_main-inner_nav span, body.theme-shadow .table-results th a, body.theme-shadow .sort-in-table .lnk-sort, body.theme-shadow .switch-control label span:after {
  color: #fff;
}
body.theme-shadow .disabled, body.theme-shadow .ul_tool-ttl, body.theme-shadow .form_radio label, body.theme-shadow .page_count, body.theme-shadow .switchArea:after, body.theme-shadow .btn-ops:before, body.theme-shadow .contract-box dt {
  color: #181818;
}
body.theme-shadow .btn-fix:before {
  color: #78bd78;
}
body.theme-shadow .icon-tl {
  color: #e5e5e5;
}
body.theme-shadow .header_box-nav {
  background: #656565;
}
body.theme-shadow .header_box-nav > ul > li span i {
  color: #fff;
}
body.theme-shadow .header_box-nav > ul > li a {
  color: #fff;
}
body.theme-shadow .header_box-nav > ul > li a i {
  color: #fff;
}
body.theme-shadow .container_main {
  background: #656565;
}
body.theme-shadow .container_main-inner .faq_list dl dt p {
  color: #fff;
}
body.theme-shadow .container_main-inner_text p a {
  color: #fff;
}
body.theme-shadow .container_main-inner_text p a:hover {
  color: #fff;
}
body.theme-shadow .btn-commit, body.theme-shadow .btn-danger {
  background: #000;
  color: #fff;
}
body.theme-shadow .btn-commit:hover, body.theme-shadow .btn-danger:hover {
  background: #333333;
}
body.theme-shadow .form_radio-input + label {
  background: #fff;
  color: #000;
  border-color: #fff;
}
body.theme-shadow .form_radio-input + label:hover {
  background: #cbcbcb;
}
body.theme-shadow .form_radio-input:checked + label {
  background: #000;
  color: #fff;
  border-color: #000;
}
body.theme-shadow .form_radio-input:checked + label:hover {
  color: #fff;
  border-color: #333333;
  background: #333333;
}
body.theme-shadow .form_important > dt {
  color: #fff !important;
}
body.theme-shadow .btn-next {
  background: #fff;
  color: #272727;
  border: #272727;
}
body.theme-shadow .btn-none {
  background: #fff;
  color: #272727;
  border: #272727;
}
body.theme-shadow .btn-next:hover {
  background: #8d8d8d;
}
body.theme-shadow .btn-none:hover {
  background: #8d8d8d;
}
body.theme-shadow .btn-open-child {
  background: #fff;
  color: #272727;
  border: #272727;
}
body.theme-shadow .btn-open-child:hover {
  background: #8d8d8d;
}
body.theme-shadow .btn-modal {
  background: #fff;
  color: #272727;
  border: #272727;
}
body.theme-shadow .btn-modal:hover {
  background: #8d8d8d;
}
body.theme-shadow .btn-search {
  background: #fff;
  color: #272727;
  border: #272727;
}
body.theme-shadow .btn-search:hover {
  background: #8d8d8d;
}
body.theme-shadow .btn-download {
  background: #fff;
  color: #272727;
  border: #272727;
}
body.theme-shadow .btn-download:hover {
  background: #8d8d8d;
}
body.theme-shadow .btn-upload {
  background: #fff;
  color: #272727;
  border: #272727;
}
body.theme-shadow .btn-upload:hover {
  background: #8d8d8d;
}
body.theme-shadow .container > h3 {
  border-left: 5px solid #fff;
}
body.theme-shadow .container > ul > li > a {
  color: #fff;
}
body.theme-shadow .container_main-header_ttl {
  border-color: #fff;
}
body.theme-shadow .container_main .ul_mail-read:before {
  color: #fff;
}
body.theme-shadow .container_main .ul_news-ttl:before {
  color: #fff !important;
}
body.theme-shadow .container_main .ul_news-cat.cat_1 {
  color: #000;
  border-color: #000;
}
body.theme-shadow .container_main .ul_news-cat.cat_3 {
  color: #fff;
  background: #000;
  border-color: #000;
}
body.theme-shadow .container_main-inner_nav > ul > li.active > span {
  color: #fff;
  border-color: #000;
  background: #000;
}
body.theme-shadow .container_main-inner_nav > ul > li.active > span:hover {
  color: #fff;
  border-color: #333333;
  background: #333333;
}
body.theme-shadow .container_main-inner_nav > ul > li > span {
  background: #fff;
  color: #000;
  border: #000;
}
body.theme-shadow .container_main-inner_nav > ul > li > span:hover {
  background: #cbcbcb;
}
body.theme-shadow .container_main > h3 {
  border-left: 5px solid #fff;
}
body.theme-shadow .container_ttl-secondary:before {
  background: #fff;
}
body.theme-shadow .container_ttl-secondary:after {
  border-color: #fff;
}
body.theme-shadow .container_ttl-third {
  border-color: #fff;
}
body.theme-shadow .container_ttl-tertiary {
  border-bottom: #fff;
}
body.theme-shadow .container_nav {
  background: #656565;
}
body.theme-shadow .container_nav-switch:hover {
  background: #000;
  color: #fff;
}
body.theme-shadow .container_nav-switch:hover i {
  color: #fff;
}
body.theme-shadow .container_nav > ul > li > a {
  color: #fff;
}
body.theme-shadow .container_nav > dl > dd > ul > li > a {
  color: #fff;
}
body.theme-shadow .container_nav.nav_open > ul > li.on a {
  color: #000;
}
body.theme-shadow .container_nav.nav_open > ul > li.on a i {
  color: #000;
}
body.theme-shadow .container_nav.nav_open > ul > li a:hover {
  background: #000;
  color: #fff;
}
body.theme-shadow .container_nav.nav_open > ul > li a:hover i {
  color: #fff;
}
body.theme-shadow .container_nav.nav_small ul li a:hover {
  background: #000;
  color: #fff;
}
body.theme-shadow .container_nav.nav_small ul li a:hover i {
  color: #fff;
}
body.theme-shadow .container_nav.nav_small ul li.on a {
  color: #000;
}
body.theme-shadow .container_nav.nav_small ul li.on a i {
  color: #000;
}
body.theme-shadow .container_nav.nav_small ul li.on:hover a {
  color: #fff;
}
body.theme-shadow .container_nav.nav_small ul li.on:hover a i {
  color: #fff;
}
body.theme-shadow .container_main-pankuzu > ul > li > a {
  color: #fff;
}
body.theme-shadow .section_tool-header_btn > a {
  color: #fff;
}
body.theme-shadow .section_news > header > .show_all {
  color: #fff;
}
body.theme-shadow .section_mail > header > .show_all {
  color: #fff;
}
body.theme-shadow .section_order-history_inner > .div_list-set > .sort-in-table > .lnk-sort {
  color: #fff;
}
body.theme-shadow .pagination > ul > li > .now {
  color: #fff;
  background: #000;
}
body.theme-shadow .pagination > ul > li > a {
  color: #000;
  border-color: #e5e5e5;
}
body.theme-shadow .pagination > ul > li > a > i {
  color: #000;
}
body.theme-shadow .pagination > ul > li > .off > i {
  color: #e5e5e5;
}
body.theme-shadow .modal_content {
  color: #000;
}

body.theme-forest {
  background: #60784f;
  color: #fff;
}
body.theme-forest .btn-disabled {
  background: #ddd !important;
  border-color: #ccc;
  color: #999 !important;
}
body.theme-forest i, body.theme-forest time, body.theme-forest .div_list-count b, body.theme-forest .form_radio-input:checked + label, body.theme-forest .show_all .icon-tr, body.theme-forest .div_search-box dl dt, body.theme-forest .ul_mail li.checked .ul_mail-read:before, body.theme-forest .lnk-external, body.theme-forest .container_main-inner_nav span, body.theme-forest .table-results th a, body.theme-forest .sort-in-table .lnk-sort, body.theme-forest .switch-control label span:after {
  color: #fff;
}
body.theme-forest .disabled, body.theme-forest .ul_tool-ttl, body.theme-forest .form_radio label, body.theme-forest .page_count, body.theme-forest .switchArea:after, body.theme-forest .btn-ops:before, body.theme-forest .contract-box dt {
  color: #181818;
}
body.theme-forest .btn-fix:before {
  color: #78bd78;
}
body.theme-forest .icon-tl {
  color: #e5e5e5;
}
body.theme-forest .header_box-nav {
  background: #60784f;
}
body.theme-forest .header_box-nav > ul > li span i {
  color: #fff;
}
body.theme-forest .header_box-nav > ul > li a {
  color: #fff;
}
body.theme-forest .header_box-nav > ul > li a i {
  color: #fff;
}
body.theme-forest .container_main {
  background: #60784f;
}
body.theme-forest .container_main-inner .faq_list dl dt p {
  color: #fff;
}
body.theme-forest .container_main-inner_text p a {
  color: #fff;
}
body.theme-forest .container_main-inner_text p a:hover {
  color: #fff;
}
body.theme-forest .btn-commit, body.theme-forest .btn-danger {
  background: #003300;
  color: #fff;
}
body.theme-forest .btn-commit:hover, body.theme-forest .btn-danger:hover {
  background: #335c33;
}
body.theme-forest .form_radio-input + label {
  background: #fff;
  color: #003300;
  border-color: #fff;
}
body.theme-forest .form_radio-input + label:hover {
  background: #c8d5be;
}
body.theme-forest .form_radio-input:checked + label {
  background: #003300;
  color: #fff;
  border-color: #003300;
}
body.theme-forest .form_radio-input:checked + label:hover {
  color: #fff;
  border-color: #335c33;
  background: #335c33;
}
body.theme-forest .form_important > dt {
  color: #fff !important;
}
body.theme-forest .btn-next {
  background: #fff;
  color: #597951;
  border: #597951;
}
body.theme-forest .btn-none {
  background: #fff;
  color: #597951;
  border: #597951;
}
body.theme-forest .btn-next:hover {
  background: #c5d5c1;
}
body.theme-forest .btn-none:hover {
  background: #c5d5c1;
}
body.theme-forest .btn-open-child {
  background: #fff;
  color: #597951;
  border: #597951;
}
body.theme-forest .btn-open-child:hover {
  background: #c5d5c1;
}
body.theme-forest .btn-modal {
  background: #fff;
  color: #597951;
  border: #597951;
}
body.theme-forest .btn-modal:hover {
  background: #c5d5c1;
}
body.theme-forest .btn-search {
  background: #fff;
  color: #597951;
  border: #597951;
}
body.theme-forest .btn-search:hover {
  background: #c5d5c1;
}
body.theme-forest .btn-download {
  background: #fff;
  color: #597951;
  border: #597951;
}
body.theme-forest .btn-download:hover {
  background: #c5d5c1;
}
body.theme-forest .btn-upload {
  background: #fff;
  color: #597951;
  border: #597951;
}
body.theme-forest .btn-upload:hover {
  background: #c5d5c1;
}
body.theme-forest .container > h3 {
  border-left: 5px solid #fff;
}
body.theme-forest .container > ul > li > a {
  color: #fff;
}
body.theme-forest .container_main-header_ttl {
  border-color: #fff;
}
body.theme-forest .container_main .ul_mail-read:before {
  color: #fff;
}
body.theme-forest .container_main .ul_news-ttl:before {
  color: #fff !important;
}
body.theme-forest .container_main .ul_news-cat.cat_1 {
  color: #003300;
  border-color: #003300;
}
body.theme-forest .container_main .ul_news-cat.cat_3 {
  color: #fff;
  background: #003300;
  border-color: #003300;
}
body.theme-forest .container_main-inner_nav > ul > li.active > span {
  color: #fff;
  border-color: #003300;
  background: #003300;
}
body.theme-forest .container_main-inner_nav > ul > li.active > span:hover {
  color: #fff;
  border-color: #335c33;
  background: #335c33;
}
body.theme-forest .container_main-inner_nav > ul > li > span {
  background: #fff;
  color: #003300;
  border: #003300;
}
body.theme-forest .container_main-inner_nav > ul > li > span:hover {
  background: #c8d5be;
}
body.theme-forest .container_main > h3 {
  border-left: 5px solid #fff;
}
body.theme-forest .container_ttl-secondary:before {
  background: #fff;
}
body.theme-forest .container_ttl-secondary:after {
  border-color: #fff;
}
body.theme-forest .container_ttl-third {
  border-color: #fff;
}
body.theme-forest .container_ttl-tertiary {
  border-bottom: #fff;
}
body.theme-forest .container_nav {
  background: #60784f;
}
body.theme-forest .container_nav-switch:hover {
  background: #003300;
  color: #fff;
}
body.theme-forest .container_nav-switch:hover i {
  color: #fff;
}
body.theme-forest .container_nav > ul > li > a {
  color: #fff;
}
body.theme-forest .container_nav > dl > dd > ul > li > a {
  color: #fff;
}
body.theme-forest .container_nav.nav_open > ul > li.on a {
  color: #003300;
}
body.theme-forest .container_nav.nav_open > ul > li.on a i {
  color: #003300;
}
body.theme-forest .container_nav.nav_open > ul > li a:hover {
  background: #003300;
  color: #fff;
}
body.theme-forest .container_nav.nav_open > ul > li a:hover i {
  color: #fff;
}
body.theme-forest .container_nav.nav_small ul li a:hover {
  background: #003300;
  color: #fff;
}
body.theme-forest .container_nav.nav_small ul li a:hover i {
  color: #fff;
}
body.theme-forest .container_nav.nav_small ul li.on a {
  color: #003300;
}
body.theme-forest .container_nav.nav_small ul li.on a i {
  color: #003300;
}
body.theme-forest .container_nav.nav_small ul li.on:hover a {
  color: #fff;
}
body.theme-forest .container_nav.nav_small ul li.on:hover a i {
  color: #fff;
}
body.theme-forest .container_main-pankuzu > ul > li > a {
  color: #fff;
}
body.theme-forest .section_tool-header_btn > a {
  color: #fff;
}
body.theme-forest .section_news > header > .show_all {
  color: #fff;
}
body.theme-forest .section_mail > header > .show_all {
  color: #fff;
}
body.theme-forest .section_order-history_inner > .div_list-set > .sort-in-table > .lnk-sort {
  color: #fff;
}
body.theme-forest .pagination > ul > li > .now {
  color: #fff;
  background: #003300;
}
body.theme-forest .pagination > ul > li > a {
  color: #003300;
  border-color: #e5e5e5;
}
body.theme-forest .pagination > ul > li > a > i {
  color: #003300;
}
body.theme-forest .pagination > ul > li > .off > i {
  color: #e5e5e5;
}
body.theme-forest .modal_content {
  color: #000;
}

body.theme-royal {
  background: #5976ab;
  color: #fff;
}
body.theme-royal .btn-disabled {
  background: #ddd !important;
  border-color: #ccc;
  color: #999 !important;
}
body.theme-royal i, body.theme-royal time, body.theme-royal .div_list-count b, body.theme-royal .form_radio-input:checked + label, body.theme-royal .show_all .icon-tr, body.theme-royal .div_search-box dl dt, body.theme-royal .ul_mail li.checked .ul_mail-read:before, body.theme-royal .lnk-external, body.theme-royal .container_main-inner_nav span, body.theme-royal .table-results th a, body.theme-royal .sort-in-table .lnk-sort, body.theme-royal .switch-control label span:after {
  color: #fff;
}
body.theme-royal .disabled, body.theme-royal .ul_tool-ttl, body.theme-royal .form_radio label, body.theme-royal .page_count, body.theme-royal .switchArea:after, body.theme-royal .btn-ops:before, body.theme-royal .contract-box dt {
  color: #181818;
}
body.theme-royal .btn-fix:before {
  color: #78bd78;
}
body.theme-royal .icon-tl {
  color: #e5e5e5;
}
body.theme-royal .header_box-nav {
  background: #5976ab;
}
body.theme-royal .header_box-nav > ul > li span i {
  color: #fff;
}
body.theme-royal .header_box-nav > ul > li a {
  color: #fff;
}
body.theme-royal .header_box-nav > ul > li a i {
  color: #fff;
}
body.theme-royal .container_main {
  background: #5976ab;
}
body.theme-royal .container_main-inner .faq_list dl dt p {
  color: #fff;
}
body.theme-royal .container_main-inner_text p a {
  color: #fff;
}
body.theme-royal .container_main-inner_text p a:hover {
  color: #fff;
}
body.theme-royal .btn-commit, body.theme-royal .btn-danger {
  background: #002060;
  color: #fff;
}
body.theme-royal .btn-commit:hover, body.theme-royal .btn-danger:hover {
  background: #334d80;
}
body.theme-royal .form_radio-input + label {
  background: #fff;
  color: #002060;
  border-color: #fff;
}
body.theme-royal .form_radio-input + label:hover {
  background: #e0e6f0;
}
body.theme-royal .form_radio-input:checked + label {
  background: #002060;
  color: #fff;
  border-color: #002060;
}
body.theme-royal .form_radio-input:checked + label:hover {
  color: #fff;
  border-color: #334d80;
  background: #334d80;
}
body.theme-royal .form_important > dt {
  color: #fff !important;
}
body.theme-royal .btn-next {
  background: #fff;
  color: #4e78ab;
  border: #4e78ab;
}
body.theme-royal .btn-none {
  background: #fff;
  color: #4e78ab;
  border: #4e78ab;
}
body.theme-royal .btn-next:hover {
  background: #d8e1ed;
}
body.theme-royal .btn-none:hover {
  background: #d8e1ed;
}
body.theme-royal .btn-open-child {
  background: #fff;
  color: #4e78ab;
  border: #4e78ab;
}
body.theme-royal .btn-open-child:hover {
  background: #d8e1ed;
}
body.theme-royal .btn-modal {
  background: #fff;
  color: #4e78ab;
  border: #4e78ab;
}
body.theme-royal .btn-modal:hover {
  background: #d8e1ed;
}
body.theme-royal .btn-search {
  background: #fff;
  color: #4e78ab;
  border: #4e78ab;
}
body.theme-royal .btn-search:hover {
  background: #d8e1ed;
}
body.theme-royal .btn-download {
  background: #fff;
  color: #4e78ab;
  border: #4e78ab;
}
body.theme-royal .btn-download:hover {
  background: #d8e1ed;
}
body.theme-royal .btn-upload {
  background: #fff;
  color: #4e78ab;
  border: #4e78ab;
}
body.theme-royal .btn-upload:hover {
  background: #d8e1ed;
}
body.theme-royal .section_tool-header_btn > a {
  color: #fff;
}
body.theme-royal .section_news > header > .show_all {
  color: #fff;
}
body.theme-royal .section_mail > header > .show_all {
  color: #fff;
}
body.theme-royal .section_order-history_inner > .div_list-set > .sort-in-table > .lnk-sort {
  color: #fff;
}
body.theme-royal .container > h3 {
  border-left: 5px solid #fff;
}
body.theme-royal .container > ul > li > a {
  color: #fff;
}
body.theme-royal .container_main-header_ttl {
  border-color: #fff;
}
body.theme-royal .container_main .ul_mail-read:before {
  color: #fff;
}
body.theme-royal .container_main .ul_news-ttl:before {
  color: #fff !important;
}
body.theme-royal .container_main .ul_news-cat.cat_1 {
  color: #002060;
  border-color: #002060;
}
body.theme-royal .container_main .ul_news-cat.cat_3 {
  color: #fff;
  background: #002060;
  border-color: #002060;
}
body.theme-royal .container_main-inner_nav > ul > li.active > span {
  color: #fff;
  border-color: #002060;
  background: #002060;
}
body.theme-royal .container_main-inner_nav > ul > li.active > span:hover {
  color: #fff;
  border-color: #334d80;
  background: #334d80;
}
body.theme-royal .container_main-inner_nav > ul > li > span {
  background: #fff;
  color: #002060;
  border: #002060;
}
body.theme-royal .container_main-inner_nav > ul > li > span:hover {
  background: #e0e6f0;
}
body.theme-royal .container_main > h3 {
  border-left: 5px solid #fff;
}
body.theme-royal .container_ttl-secondary:before {
  background: #fff;
}
body.theme-royal .container_ttl-secondary:after {
  border-color: #fff;
}
body.theme-royal .container_ttl-third {
  border-color: #fff;
}
body.theme-royal .container_ttl-tertiary {
  border-bottom: #fff;
}
body.theme-royal .container_nav {
  background: #5976ab;
}
body.theme-royal .container_nav-switch:hover {
  background: #002060;
  color: #fff;
}
body.theme-royal .container_nav-switch:hover i {
  color: #fff;
}
body.theme-royal .container_nav > ul > li > a {
  color: #fff;
}
body.theme-royal .container_nav > dl > dd > ul > li > a {
  color: #fff;
}
body.theme-royal .container_nav.nav_open > ul > li.on a {
  color: #002060;
}
body.theme-royal .container_nav.nav_open > ul > li.on a i {
  color: #002060;
}
body.theme-royal .container_nav.nav_open > ul > li a:hover {
  background: #002060;
  color: #fff;
}
body.theme-royal .container_nav.nav_open > ul > li a:hover i {
  color: #fff;
}
body.theme-royal .container_nav.nav_small ul li a:hover {
  background: #002060;
  color: #fff;
}
body.theme-royal .container_nav.nav_small ul li a:hover i {
  color: #fff;
}
body.theme-royal .container_nav.nav_small ul li.on a {
  color: #002060;
}
body.theme-royal .container_nav.nav_small ul li.on a i {
  color: #002060;
}
body.theme-royal .container_nav.nav_small ul li.on:hover a {
  color: #fff;
}
body.theme-royal .container_nav.nav_small ul li.on:hover a i {
  color: #fff;
}
body.theme-royal .container_main-pankuzu > ul > li > a {
  color: #fff;
}
body.theme-royal .pagination > ul > li > .now {
  color: #fff;
  background: #002060;
}
body.theme-royal .pagination > ul > li > a {
  color: #002060;
  border-color: #e5e5e5;
}
body.theme-royal .pagination > ul > li > a > i {
  color: #002060;
}
body.theme-royal .pagination > ul > li > .off > i {
  color: #e5e5e5;
}
body.theme-royal .modal_content {
  color: #000;
}

/*IE11フォーカス用*/
.focus{
	background-color:#FFFFC1 !important;;
}

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