@charset "UTF-8";

/* =========================================================
   Base
========================================================= */

/* font
----------------------------------------------- */

@font-face {
    font-family: "BIZ UDPGothic";
    font-weight: 400;
    src: url(/_themes/base/images/font/BIZUDPGothic-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "BIZ UDPGothic";
    font-weight: 700;
    src: url(/_themes/base/images/font/BIZUDPGothic-Bold.ttf) format("truetype");
}

body {
  line-height: 1.6;
}

/* elements
----------------------------------------------- */
* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  border: 0;
  background-color: #f7f9fb;
  font-size: 1rem;
  -webkit-text-size-adjust: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

body,
td,
th,
select,
option,
input,
button,
textarea {
  font-family: "BIZ UDPGothic", arial, sans-serif;
  /* font-family: -apple-system, BlinkMacSystemFont, "Source Han Sans JP", "Noto Sans JP", sans-serif; */
  font-weight: normal;
}

input,
textarea,
select {
  display: inline-block;
  max-width: 100%;
  font-size: 110%;
  vertical-align: middle;
}

@media only screen and (max-width: 959px) {

  .cms-preview-form input,
  .cms-preview-form textarea,
  .cms-preview-form select {
    font-size: 80%;
  }
}

input[type="submit"],
input[type="reset"],
input[type="image"],
input[type="button"],
button {
  padding: 3px;
  border: 1px solid #999;
  border-radius: 3px;
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  cursor: pointer;
}

input[type="text"],
input[type="password"],
textarea {
  padding: 3px;
  border: 1px solid #999;
}

input[type="radio"],
input[type="checkbox"] {
  border: 0;
  vertical-align: baseline;
}

input[type="checkbox"] {
  width: 1em;
  height: 1em;
  padding: 0;
}

#search-box input[type="text"] {
  height: 33px;
}

blockquote {
  margin: 10px 20px;
}

h1,
h2,
h3,
h4,
h5 {
  font-size: 120%;
  font-weight: bold;
}

img {
  max-width: 100%;
  border: 0;
  vertical-align: bottom;
}

img:not(#businessBanner img) {
  height: auto !important;
}

img[src$="ic_link_out.gif"] {
  margin: 0 0.25em;
  vertical-align: middle;
}

img.external {
  margin: 0 0.25em;
  vertical-align: middle;
}

.maps img,
#map_canvas img,
#canvas img {
  max-width: none;
}

strong {
  font-weight: bold;
}

pre {
  font-family: -apple-system, BlinkMacSystemFont, "Source Han Code JP", Osaka-mono, Meiryo, monospace;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}

ul {
  list-style: none;
}

rp,
rt {
  font-size: 80%;
  text-decoration: none;
}

a {
  color: #005bb5;
}

a:visited {
  color: #660099;
}

a:hover {
  color: #dd0000;
  text-decoration: underline;
}

a img:hover,
a img:focus {
  opacity: 0.9;
}

/* =========================================================
   Common Classes.
========================================================= */
/* Common
----------------------------------------------- */
/* more
---------------------- */
.more {
  text-align: right;
}

.more span {
  padding-right: 10px;
}

/* pagination
---------------------- */
em {
  font-style: normal;
}

.pagination {
  margin: 1em 0;
  text-align: center;
}

.pagination a,
.pagination em,
.pagination span {
  display: inline-block;
  padding: 0 6px;
  vertical-align: middle;
}

.pagination .current {
  padding: 0 3px;
  font-size: 150%;
  font-weight: bold;
}

/* feed
------------------------------------- */
.feed {
  display: none; /* flex*/
  position: absolute;
  top: 18px;
  right: 10px;
  z-index: 0;
}

.user-body .feed {
  display: none;
}

.feed li {
  display: inline-block;
}

.feed li a {
  display: block;
  width: 50px;
  height: 18px;
  background-position: left top;
  background-repeat: no-repeat;
  vertical-align: middle;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}

.feed a.feedRss {
  margin-left: 15px;
  background-image: url("./images/btn_rss.gif");
}

.feed a.feedAtom {
  margin-left: 5px;
  background-image: url("./images/btn_atom.gif");
}

/* tabs
------------------------------------- */
.tabs>ul {
  display: flex;
  padding: 0 5px;
}

.tabs li {
  flex: 1 1 0%;
  margin-right: 3px;
}

.tabs li a {
  display: block;
  padding: 5px 15px;
  border-radius: 5px 5px 0 0;
  background-color: #d5e2f7;
  color: #000;
  font-size: 105%;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
}

.tabs li.current a,
.tabs li a:hover {
  background: linear-gradient(to bottom, #0266b6 0%, #024282 100%);
  color: #fff;
  font-weight: bold;
}

@media only screen and (max-width: 1200px) {
  .tabs li a {
    padding: 5px 0;
  }
}

/* content
------------------------------------- */
.tabs+.wrapper::after {
  content: "";
  clear: both;
  display: block;
}

.tabs+.wrapper {
  margin: 0;
  border: 1px solid #858585;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 3px 4px -2px #999;
}

.tabs+.wrapper>.content {
  padding: 10px 0;
}

.tabs+.wrapper>.content ul {
  padding: 0 20px 0 15px;
}

.tabs+.wrapper>.content li {
  line-height: 1.7;
  margin: 0;
  padding: 0 0 0 10px;
  background: url("./images/ic_dot_01.gif") no-repeat left 0.7em;
}

/* links
------------------------------------- */
.links .more {
  padding: 10px 20px 15px 10px;
}

.links .more a {
  overflow: hidden;
}

.links .feed {
  float: left;
  position: static;
  margin-top: 10px;
}

/* recent li date
------------------------------------- */
.title_link+.publish_date::before,
.title_link+.category::before,
.title_link+.delivery_date::before {
  content: "（";
}

.title_link+.publish_date::after,
.title_link+.category::after,
.title_link+.delivery_date:last-child::after,
.title_link+.delivery_date+.delivery_time::after {
  content: "）";
}

.title_link+.delivery_date+.delivery_time {
  margin-left: 0.5em;
}

.title_link+.category>span:not(:last-child)::after {
  content: "，";
}

/* breadCrumbs
---------------------- */
#breadCrumbs::after {
  content: "";
  clear: both;
  display: block;
}

#breadCrumbs {
  margin-bottom: 10px;
}

#breadCrumbs ol,
#breadCrumbs li {
  list-style: none;
}

#breadCrumbs li {
  display: inline-block;
}

#breadCrumbs li:not(:first-child)::before {
  content: ">";
  margin: 0 3px;
}

/* Icons.
----------------------------------------------- */
.iconFile,
.iconDefault {
  line-height: 2;
  margin-right: 2px;
  padding: 5px 16px 5px 0;
  background: url("./images/ic-14-general1.gif") no-repeat right center;
}

.iconCsv {
  background-image: url("./images/ic-14-csv.gif");
}

.iconDoc,
.iconDocx {
  background-image: url("./images/ic-14-word1.gif");
}

.iconJtd {
  background-image: url("./images/ic-14-ichitarou1.gif");
}

.iconLzh {
  background-image: url("./images/ic-14-archive.gif");
}

.iconPdf {
  background-image: url("./images/ic_pdf.gif");
}

.iconXls,
.iconXlsx {
  background-image: url("./images/ic-14-excel1.gif");
}

.iconExe {
  background-image: url("./images/ic_exe.gif");
}

.iconBat {
  background-image: url("./images/ic_bat.gif");
}

.iconZip {
  background-image: url("./images/ic-14-archive.gif");
}

/* table
----------------------------------------------- */
table {
  max-width: 100%;
  border: 1px solid #adadad;
}

table caption {
  padding-left: 3px;
  text-align: left;
}

th,
td {
  padding: 8px;
  border: 1px solid #adadad;
  vertical-align: middle;
}

th {
  background-color: #deeaf8;
}

table table th,
table table td {
  padding: 0;
}

table .iconFile,
table .iconDefault {
  line-height: 1.5;
}

#___gcse_0 table {
  margin-bottom: 0 !important;
}

#___gcse_0 th,
#___gcse_0 td {
  padding: 0;
  border: 0;
}

#___gcse_0 input[type="text"] {
  line-height: 34px !important;
}

#___gcse_0 .gsc-search-button,
#___gcse_0 .gsc-search-button-v2 {
  height: 36px !important;
}

.dir-transport table,
.dir-transport th,
.dir-transport td {
  border-color: #808080;
}

.dir-transport th,
.dir-transport td {
  padding: 0;
}

/* CKEditor templates
----------------------------------------------- */
.temp1::after,
.temp2::after,
.temp3::after,
.temp4::after {
  content: "";
  clear: both;
  display: block;
}

.temp1,
.temp2,
.temp3,
.temp4 {
  margin-bottom: 20px;
}

.temp1 .thumb {
  float: left;
  margin-bottom: 10px;
  margin-right: 20px;
}

.temp1 ul,
.temp1 ol {
  display: inline-block;
  vertical-align: top;
}

.temp2 .thumb {
  float: right;
  margin-bottom: 10px;
  margin-left: 20px;
}

.temp3,
.temp4 {
  text-align: center;
}

.temp3 dl,
.temp4 dl {
  display: inline-block;
  margin: 0 5px;
  vertical-align: bottom;
}

.temp3 dl {
  max-width: 48%;
}

.temp4 dl {
  max-width: 31%;
}

.temp3 dl dt,
.temp4 dl dt {
  margin-bottom: 10px;
  text-align: center;
}

.temp3 dl dd,
.temp4 dl dd {
  text-align: center;
}

table.temp5 {
  width: 100%;
}

.body p {
  line-height: 1.7;
  background-image: url("./images/toka.gif");
}

.indent {
  text-indent: 1em;
}

/* adobeReader download
----------------------------------------------- */
.adobeReader::after,
.temp7::after {
  content: "";
  clear: both;
  display: block;
}

.adobeReader,
.temp7 {
  display: none;
  margin: 15px 0 0;
  padding: 10px 20px 10px 196px;
  border: 1px solid #ffaaaa;
  background: #fff3f3 url("./images/adobe_bn.png") no-repeat 20px center;
}

/* clearfix
----------------------------------- */
.clearfix::after {
  content: "";
  clear: both;
  display: block;
}

/* grayout
----------------------------------- */
.grayout,
.grayout * {
  border-color: transparent !important;
  background: #ccc !important;
  color: transparent !important;
  pointer-events: none;
}

.grayout img {
  visibility: hidden;
}