@charset "utf-8";

/*
	--------------------------------
	Created: 2020.08.24
	Last Modified: 2022.1.14
	--------------------------------
	- Table of Contents -

  Font Size Edit Button
  Standard Button
  Icon
  Color

	--------------------------------
*/


/* --------------------------------
Font Size Edit Button
-------------------------------- */
.c-zoomFontSize {
  font-weight: bold;
  color: #575757;
}

.c-zoomFontSize ul {
  display: inline-block;
}

.c-zoomFontSize ul li {
  display: inline-block;
  vertical-align: middle;
}

.c-zoomFontSize ul li a {
  display: block;
  width: 22px;
  height: 22px;
  line-height: 24px;
  background-color: #ffffff;
  border: 1px #575757 solid;
  color: #575757;
  text-align: center;
  font-weight: bold;
}
.c-zoomFontSize ul li a:hover {
  text-decoration: none;
  background-color: #fa0000;
  border: 1px #fa0000 solid;
  color: #ffffff;
}

.c-zoomFontSize.fontSmall ul li a#zoomSmall,
.c-zoomFontSize.fontDefault ul li a#zoomReset,
.c-zoomFontSize.fontLarge ul li a#zoomLarge {
  background-color: #fa0000;
  border: 1px #fa0000 solid;
  color: #ffffff;
}
.c-zoomFontSize ul li a#zoomSmall {
  font-size: 8px;
}
.c-zoomFontSize ul li a#zoomReset {
  font-size: 14px;
}
.c-zoomFontSize ul li a#zoomLarge {
  font-size: 18px;
}


/* --------------------------------
Print Button
-------------------------------- */
.c-btn.u-icon-printer {
  padding: 0;
}
.u-icon.u-icon-printer {
  color: #555555;
}
.u-icon.u-icon-printer:hover {
  color: #fa0000;
}
.u-icon.u-icon-printer  .u-icon.u-icon-tri_right_red:before {
  margin-right: 0;
}


/* --------------------------------
Standard Button
-------------------------------- */
.c-btn {
  height: 28px;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  padding: 0 1.5em;
  font-weight: bold;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  background: linear-gradient(to bottom,#ffffff 0,#efefef 100%);
}
.c-btn-sm {
  height: 22px;
  padding: 0 0.75em;
  font-size: 90%;
}
.c-btn-lg {
  height: 46px;
  padding: 0 2.25em;
  font-size: 125%;
}

.c-btn-plain {
  border-color: transparent;
  background: none;
}
.c-btn-dark {
  background: #767676;
}

.c-btn-minWidth {
  min-width: 190px;
  padding-left: 0.6em;
  padding-right: 0.6em;
}

a.c-btn {
  color: #333333;
}
a.c-btn:hover {
  text-decoration: none;
}


/* --------------------------------
Icon
-------------------------------- */
.u-icon:not(.u-icon-after):before,
.u-icon.u-icon-after:after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 1em 1em;
}

.u-icon:not(.u-icon-after):before {
  margin-right: 0.5em;
}
.u-icon.u-icon-after:after {
  margin-left: 0.5em;
}

.u-icon.u-icon-tri_left_red:before,
.u-icon.u-icon-tri_left_red:after {
  background-image: url("/fa/shared/common/img/icon/icon_tri_left_red.svg");
  margin-top: -2px;
}
.u-icon.u-icon-tri_up_red:before,
.u-icon.u-icon-tri_up_red:after {
  background-image: url("/fa/shared/common/img/icon/icon_tri_up_red.svg");
  margin-top: -2px;
}
.u-icon.u-icon-tri_right_red:before,
.u-icon.u-icon-tri_right_red:after {
  background-image: url("/fa/shared/common/img/icon/icon_tri_right_red.svg");
  margin-top: -2px;
}
.u-icon.u-icon-tri_down_red:before,
.u-icon.u-icon-tri_down_red:after {
  background-image: url("/fa/shared/common/img/icon/icon_tri_down_red.svg");
}
.u-icon.u-icon-tri_left_circle_red:before,
.u-icon.u-icon-tri_left_circle_red:after {
  background-image: url("/fa/shared/common/img/icon/icon_tri_left_circle_red.svg");
}
.u-icon.u-icon-tri_up_circle_red:before,
.u-icon.u-icon-tri_up_circle_red:after {
  background-image: url("/fa/shared/common/img/icon/icon_tri_up_circle_red.svg");
}
.u-icon.u-icon-tri_right_circle_red:before,
.u-icon.u-icon-tri_right_circle_red:after {
  background-image: url("/fa/shared/common/img/icon/icon_tri_right_circle_red.svg");
}
.u-icon.u-icon-tri_down_circle_red:before,
.u-icon.u-icon-tri_down_circle_red:after {
  background-image: url("/fa/shared/common/img/icon/icon_tri_down_circle_red.svg");
}
.u-icon.u-icon-plus_circle_red:before,
.u-icon.u-icon-plus_circle_red:after {
  background-image: url("/fa/shared/common/img/icon/icon_plus_circle_red.svg");
}
.u-icon.u-icon-minus_circle_red:before,
.u-icon.u-icon-minus_circle_red:after {
  background-image: url("/fa/shared/common/img/icon/icon_minus_circle_red.svg");
}
.u-icon.u-icon-x_circle_red:before,
.u-icon.u-icon-x_circle_red:after {
  background-image: url("/fa/shared/common/img/icon/icon_x_circle_red.svg");
  width: 1.25em;
  height: 1.25em;
  background-size: 1.25em 1.25em;
}
.u-icon.u-icon-bookmark_mypage:before,
.u-icon.u-icon-bookmark_mypage:after {
  background-image: url("/fa/shared/common/img/icon/icon_bookmark_mypage.svg");
  width: 1.75em;
  height: 1.75em;
  background-size: 1.75em 1.75em;
}
.u-icon.u-icon-printer:before,
.u-icon.u-icon-printer:after {
  background-image: url("/fa/shared/common/img/icon/icon_printer.svg");
  width: 1.5em;
  height: 1.5em;
  background-size: 1.5em 1.5em;
}
.u-icon.u-icon-pdf:before,
.u-icon.u-icon-pdf:after {
  background-image: url("/fa/shared/common/img/icon/icon_pdf.svg");
  width: 1.5em;
  height: 1.5em;
  background-size: 1.5em 1.5em;
}
.u-icon.u-icon-close:before,
.u-icon.u-icon-close:after {
  background-image: url("/fa/shared/common/img/icon/icon_square_plus.svg");
  width: 1.4em;
  height: 1.4em;
  background-size: 1.4em 1.4em;
}
.u-icon.u-icon-open:before,
.u-icon.u-icon-open:after {
  background-image: url("/fa/shared/common/img/icon/icon_square_minus.svg");
  width: 1.4em;
  height: 1.4em;
  background-size: 1.4em 1.4em;
}

/* --------------------------------
Color
-------------------------------- */
.u-tc-link {
  color: #005e8c !important;
}
.c-btn-dark.u-tc-link {
  color: #ffffff !important;
}

/* --------------------------------
Tag
-------------------------------- */
.c-tag {
  display: inline-block;
  min-width: 86px;
  font-size: 11px;
  padding: 1px 4px 0 4px;
  text-align: center;
  font-weight: bold;
}

.c-tag-s {
  display: inline-block;
  font-size: 10px;
  padding: 1px 6px 0 6px;
  text-align: center;
  font-weight: bold;
  border-radius: 3px;
}

.c-tag-dark {
  border: 1px #333333 solid;
  background-color: #333333;
  color: #ffffff;
}
.c-tag-white {
  border: 1px #333333 solid;
}
.c-tag-gray {
  border: 1px #767676 solid;
  background-color: #767676;
  color: #ffffff;
}
.c-tag-red {
  border: 1px #e60000 solid;
  color: #e60000;
  font-weight: normal;
}
.c-tag-red-inverse {
    border: 1px #e60000 solid;
    color: #ffffff;
    font-weight: bolt;
    background: #e60000;
}