@charset "UTF-8";
/*============================
reset
============================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

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

a img {
  border: none;
  vertical-align: middle;
}

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

sup,
sub {
  line-height: 100%;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

sub {
  vertical-align: sub;
  font-size: smaller;
}

@font-face {
  font-family: "icomoon";
  src: url("fonts/icomoon.ttf?tp3flq") format("truetype"), url("fonts/icomoon.woff?tp3flq") format("woff"), url("fonts/icomoon.svg?tp3flq#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.clear:after, .main__body__inner:after {
  content: "";
  display: table;
  clear: both;
}

.et-linksCard__body, .edoTokyoPickup__body, .reportBtns, .report2Column__body, .balloonBox, .reportContents__body, .reportCard, .modalColumn__body, .collectCard__img, .collectCard__body, .collectCards__body, .tableHead, .opBtns, .btnColumn__body, .registForm__input, .registForm__item, .formBtn, .field__input, .input__item, .field, .linkListBG.eventLinks a, .linkListBG.eventLinks, .newsCard__link, .newsList__tab__body, .indexCard__body, .indexCards__body, .libraryBox__Btns, .libraryBox__time, .libraryBox, .linkListBG.topMenuList a, .topMenu, .recSlider__btns .slick-dots, .recSlider__btns, .recSlider__body:not(.slick-slider), .recSlider .slick-track, .prSlider__btns .slick-dots, .prSlider__btns, .prSlider__text, .prSlider__body:not(.slick-slider), .prSlider .slick-track, .snsLinks__body, .mailBox__btns, .newsItem__top, .section__column, .infoBox__inner, .opacBox__form, .opacBox__top, .mvRightBox, .mvSlider__btns .slick-dots, .mvSlider__btns, .mvSlider .slick-track, .mainVisual__right, .mainVisual, .tabBox__tab__body, .tabBox, .pagination__num, .anchorLink a, .anchorLink, .linkListBG a,
.linkListBG span, .linkListBG, .btn,
.btn[href^=http], .column__body, .guideBtns__body,
.imageColumn__body, .f-snsLinks__link, .f-snsLinks__item, .f-snsLinks, .f-siteLinks, .f-topLinks__item, .f-topLinks, .f-Slider__link, .f-Slider__item, .f-Slider__body .slick-dots, .f-Slider__body .slick-track, .f-Slider__body:not(.slick-slider), .f-outLinks, .returnTop__body, .snsBtns__body, .searchBox__form, .closeBtn, .drawerLinks, .spDrawer .h-links, .h-links, .listGnav__link, .sitemapLink__link, .h-contList__body, .header__right__bottom, .header__right__top, .header__right, .header__left, .header__body, .listColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.hide,
.pageReader {
  position: absolute;
  width: 0;
  height: 0;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  outline: none;
  overflow: hidden;
}

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

body {
  position: relative;
  min-height: 100%;
  background: #fff;
  vertical-align: baseline;
  font-weight: normal;
  font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 87.5%;
  line-height: 186%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: #222;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-weight: 400;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  letter-spacing: 0.05em;
}

.fsMiddle body {
  font-size: 131.25%;
}

.fsLarge body {
  font-size: 175%;
}

.hide,
.pageReader {
  margin: 0;
  padding: 0;
}

input,
textarea,
select,
button {
  font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: inherit;
  line-height: inherit;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

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

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
}
a:focus,
input:focus,
textarea:focus,
select:focus,
button:focus {
  outline: 2px solid #dc1753 !important;
  outline-offset: -2px;
}

/* ***************************
sp
*************************** */
/* ***************************
js-judgeWindowSize
*************************** */
.js-judgeWindowSize {
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  speak: none;
  z-index: 0;
}

@media screen and (max-width: 960px) {
  .js-judgeWindowSize {
    position: relative;
  }
}
@media screen and (max-width: 720px) {
  .js-judgeWindowSize {
    position: absolute;
  }
}
/* ***************************
word break
*************************** */
.wb-ba {
  word-break: break-all;
}

.wb-bw {
  word-break: break-word;
  word-wrap: break-word;
}

/* ***************************
a
*************************** */
a {
  text-decoration: underline;
  color: #224a94;
}
a.visited, a:visited {
  color: #800080;
}
a.nohover {
  color: #224a94;
}
html:not(.mobile) a:hover,
a.hover {
  text-decoration: none;
  color: #3e6fc9;
}
html:not(.mobile) a:hover:before,
a.hover:before {
  text-decoration: none;
}

/*
hr
--------------------------- */
hr {
  height: 0;
  margin: 33px 0 24px;
  border: 0 none;
  border-top: 1px solid #d3d3d3;
  background: none;
}

/* ***************************
img
*************************** */
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

a:hover img {
  opacity: 0.7;
}

/* ***************************
headding
*************************** */
/* h1 */
h1 {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 214.2857142857%;
  line-height: 140%;
  color: #fff;
  font-weight: 600;
}
@media screen and (max-width: 720px) {
  h1 {
    font-size: 142.8571428571%;
    line-height: 111%;
  }
}

/* h2 */
h2 {
  position: relative;
  margin: 0 0 24px;
  padding: 13px 15px 11px;
  background: #f4f7fc;
  border: 1px solid #d1dcf1;
  font-size: 164.2857142857%;
  line-height: 114%;
  font-weight: 600;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
h2:before {
  position: absolute;
  content: "";
  display: block;
  width: 6px;
  left: -1px;
  top: 11px;
  bottom: 11px;
  background: #2d5aae;
}

* + h2 {
  margin-top: 33px;
}

.topH2 {
  margin: 0 0 27px;
  padding: 0;
  background: none;
  border: none;
  font-size: 157.1428571429%;
  line-height: 119%;
  text-align: center;
}
.topH2:before {
  content: none;
}
@media screen and (max-width: 720px) {
  .topH2 {
    font-size: 178.5714285714%;
    line-height: 120%;
  }
}

* + .topH2 {
  margin-top: 39px;
}

/* h3 */
h3 {
  position: relative;
  margin: 0 0 14px;
  padding: 7px 16px 5px;
  border-top: 2px solid #d0d0d0;
  border-bottom: 2px solid #d0d0d0;
  font-size: 128.5714285714%;
  line-height: 145%;
  font-weight: 600;
}
h3:before {
  position: absolute;
  display: block;
  content: "";
  width: 6px;
  top: 8px;
  bottom: 8px;
  left: 0;
  background: #be9b31;
}

* + h3 {
  margin-top: 22px;
}

/* h4 */
h4 {
  position: relative;
  margin: 0 0 14px;
  padding: 2px 12px 0;
  background: #f4f4f4;
  font-size: 107.1428571429%;
  line-height: 174%;
  font-weight: 600;
}
h4:before {
  position: absolute;
  content: "";
  display: block;
  height: 100%;
  width: 3px;
  left: 0;
  top: 0;
  bottom: 0;
  background: #2d5aae;
}

* + h4 {
  margin-top: 22px;
}

/* h5 */
h5 {
  position: relative;
  margin: 0 0 6px;
  padding: 0 11px;
  font-size: 100%;
  line-height: 186%;
  font-weight: 600;
}
h5:before {
  position: absolute;
  content: "";
  display: block;
  width: 2px;
  left: 0;
  top: 2px;
  bottom: 4px;
  background: #be9b31;
}

* + h5 {
  margin-top: 20px;
}

/* h6 */
h6 {
  position: relative;
  margin: 0 0 8px;
  padding: 0 8px;
  border: 1px dashed #d3d3d3;
  font-size: 100%;
  line-height: 172%;
  font-weight: 600;
}

* + h6 {
  margin-top: 22px;
}

/* ***************************
text
*************************** */
* + p {
  margin-top: 5px;
}

p + p {
  margin-top: 25px;
}

* + p.caption {
  margin-top: 5px;
}

ul + p, ol + p {
  margin-top: 15px;
}

strong {
  font-weight: 600;
}

em {
  font-weight: 600;
  color: #a8820d;
}

mark {
  background: none;
  font-weight: 600;
  color: #c81b1b;
}

sup {
  font-size: 71.4285714286%;
  line-height: 100%;
  vertical-align: super;
}

sub {
  font-size: 71.4285714286%;
  line-height: 100%;
  vertical-align: sub;
}

.topSubTtl {
  font-size: 100%;
  line-height: 158%;
  text-align: center;
}

* + .topSubTtl {
  margin-top: 14px;
}

.ws-nowrap {
  white-space: nowrap;
}

.ws-normal {
  white-space: normal;
}

/* ***************************
list
*************************** */
/*
ul, ol
--------------------------- */
ul > li {
  position: relative;
  padding-left: 14px;
  font-size: 100%;
  line-height: 150%;
}
ul > li:before {
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  margin: -4px 7px 0 -12px;
  background: #2d5aae;
  vertical-align: middle;
  border-radius: 50%;
}

* + ul,
* + ol {
  margin-top: 15px;
}

ul + ul, ul + ol, ol + ul, ol + ol {
  margin-top: 23px;
}

li > ul {
  margin-top: 12px;
}
li > ul > li {
  padding-left: 14px;
}
li > ul > li:before {
  background-color: #a3a3a3;
}

ul.asterisk > li {
  padding-left: 1.43em;
}
ul.asterisk > li:before {
  content: "*";
  width: 1em;
  height: auto;
  margin: 0 0.43em 0 -1.43em;
  background: none;
  text-align: center;
  border-radius: 0;
}

ol,
.decimal {
  margin-left: 1.43em;
  list-style: decimal;
}
ol > li,
.decimal > li {
  position: relative;
  font-size: 100%;
  line-height: 158%;
}

.brackets {
  counter-reset: count-number;
  margin-left: 0;
  list-style: none;
}
.brackets > li {
  padding-left: 1.93em;
  counter-increment: count-number;
}
.brackets > li:before {
  content: "(" counter(count-number) ")";
  margin: -2px 0.43em 0 -1.93em;
}

li > ol {
  margin: 11px 0 11px 1.43em;
}

.roman {
  list-style: upper-roman;
}

.l-roman {
  list-style: lower-roman;
}

.alpha {
  list-style: upper-alpha;
}

.l-alpha {
  list-style: lower-alpha;
}

.hira {
  list-style: hiragana;
}

.kana {
  list-style: katakana;
}

.roman, .l-roman, .alpha, .l-alpha, .hira, .kana {
  margin-left: 1.63em;
}
* + ol {
  margin-top: 21px;
}

li + li {
  margin-top: 11px;
}

/*
listColumn
--------------------------- */
.listColumn {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -11px 0 0;
}
.listColumn > li {
  width: 100%;
  margin-top: 11px;
  padding: 0 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

* + .listColumn {
  margin-top: 4px;
}

ul + .listColumn, ol + .listColumn {
  margin-top: 12px;
}

/* ***************************
table
*************************** */
table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  border-top: 1px dotted #888;
  border-left: 1px dotted #888;
  font-size: 100%;
  line-height: 158%;
}

* + table {
  margin-top: 30px;
}

th,
td {
  padding: 12px 12px 9px;
  border-bottom: 1px dotted #888;
  border-right: 1px dotted #888;
}

th {
  text-align: center;
  background: #e6e6e6;
  font-weight: 600;
}

.thSecond {
  background: #f2f2f2;
}

td {
  background: #fff;
}

/* ***************************
box parts
*************************** */
a.goog-te-menu-value {
  text-decoration: none !important;
}

.goog-te-gadget-simple .goog-te-menu-value span {
  color: #000;
}

.goog-te-gadget {
  line-height: 186% !important;
}

/* ***************************
base
*************************** */
.base {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/* ***************************
header
*************************** */
.header {
  position: relative;
  background: #fff;
  z-index: 14;
  font-size: 92.8571428571%;
  line-height: 185%;
}
.header__body {
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1000px;
  margin: auto;
  padding: 10px 10px 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .header__body {
    -ms-flex-flow: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
    padding: 10px;
  }
}

.header__left {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: auto;
}
@media screen and (max-width: 800px) {
  .header__left {
    width: 100%;
    margin: 0;
  }
}

.header__center {
  margin-left: 20px;
}
@media screen and (max-width: 800px) {
  .header__center {
    display: none;
  }
}

.header__right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  margin-left: 20px;
}
@media screen and (max-width: 800px) {
  .header__right {
    width: 100%;
    margin-left: 0;
  }
}

.header__right__top {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.header__right__bottom {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  max-width: 430px;
  margin-left: auto;
}

* + .header__right__bottom {
  margin-top: 9px;
}
@media screen and (max-width: 800px) {
  * + .header__right__bottom {
    max-width: none;
    margin-top: 10px;
  }
}

/*
h-contList
--------------------------- */
.h-contList {
  width: 100%;
}

@media screen and (max-width: 800px) {
  .header__right .h-contList {
    display: none;
  }
}

.h-contList__body {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .h-contList__body {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: auto;
    margin: -10px -2px 0 -3px;
    padding: 15px 20px;
  }
}

.spDrawer .h-contList__body {
  display: none;
}
@media screen and (max-width: 800px) {
  .spDrawer .h-contList__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.h-contList__item:before {
  content: none;
}
.h-contList__item + .h-contList__item {
  margin-top: 0;
}
@media screen and (max-width: 800px) {
  .h-contList__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    margin-top: 10px;
    padding: 0 2px 0 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .h-contList__item.w-full {
    width: 100%;
  }
  .h-contList__item + .h-contList__item {
    margin-top: 10px;
  }
}

.h-contList__link {
  font-size: 100%;
  line-height: 185%;
  color: #222;
  text-decoration: underline !important;
}
.h-contList__link:visited {
  color: #222;
}
.h-contList__link:after {
  content: none !important;
}
.h-contList__link[href^=http] {
  text-decoration: underline;
}
@media screen and (max-width: 800px) {
  .h-contList__link {
    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: 100%;
    padding: 6px 5px 5px;
    background: #3e4770;
    font-size: 100%;
    line-height: 172%;
    color: #fff;
    text-decoration: none !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .h-contList__link:visited {
    color: #fff;
  }
  .h-contList__link[href^=http] {
    color: #fff;
    text-decoration: none !important;
  }
  .h-contList__link[href^=http]:visited {
    color: #fff;
  }
}

.spDrawer .h-contList__link {
  color: #fff;
}

html:not(.mobile) .h-contList__link:hover,
.h-contList__link.hover {
  color: #222;
  text-decoration: none !important;
}
@media screen and (max-width: 800px) {
  html:not(.mobile) .h-contList__link:hover,
.h-contList__link.hover {
    background: #5c6591;
    color: #FFF;
  }
}

@media screen and (max-width: 800px) {
  html:not(.mobile) .h-contList__link[href^=http]:hover,
.h-contList__link[href^=http].hover {
    color: #FFF;
  }
}

/*
logo
--------------------------- */
.logo {
  width: 100%;
}
.logo a {
  display: block;
}

/*
reserveLinks
--------------------------- */
@media screen and (max-width: 800px) {
  .reserveLinks {
    padding: 0 10px 15px;
  }
}

.reserveLinks__body {
  display: block;
}
@media screen and (max-width: 800px) {
  .reserveLinks__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -6px;
  }
}

.reserveLinks__item {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .reserveLinks__item {
    width: 50%;
    padding: 0 6px;
  }
}
.reserveLinks__item + .reserveLinks__item {
  margin-top: 6px;
}
@media screen and (max-width: 800px) {
  .reserveLinks__item + .reserveLinks__item {
    margin-top: 0;
  }
}
.reserveLinks__item:before {
  content: none;
}

.reserveLinks__btn {
  display: block;
  padding: 2px 14px;
  background: #2d5aae;
  border: 1px solid #2d5aae;
  font-size: 100%;
  line-height: 147%;
  color: #fff;
  text-align: center;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .reserveLinks__btn {
    padding: 3px 10px 4px;
    font-size: 92.8571428571%;
    line-height: 154%;
  }
}
.reserveLinks__btn:visited {
  color: #fff;
}
.reserveLinks__btn:hover {
  color: #fff;
  text-decoration: none;
}
.reserveLinks__btn.is-central {
  background: #7b59a3;
  border-color: #7b59a3;
}
.reserveLinks__btn.is-tama {
  background: #3a854c;
  border-color: #3a854c;
}
.reserveLinks__btn.is-disabled {
  background: #ccc;
  border-color: #ccc;
}
.reserveLinks__btn span {
  display: inline-block;
}

html:not(.mobile) .reserveLinks__btn:hover,
.reserveLinks__btn.hover {
  color: #fff;
  text-decoration: none;
}

.drawerBottom .reserveLinks {
  padding: 15px 20px 0;
}
.drawerBottom .reserveLinks__body {
  margin: 0 -2px 0 -3px;
}
.drawerBottom .reserveLinks__item {
  padding: 0 2px 0 3px;
}
.drawerBottom .reserveLinks__btn {
  padding: 8px 5px 7px;
  font-size: 100%;
  line-height: 143%;
}

/*
sitemapLink
--------------------------- */
.sitemapLink {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 800px) {
  .sitemapLink {
    display: none;
  }
}

.sitemapLink__link {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 100px;
  padding: 1px 5px;
  background: #dfe0e6;
  font-size: 100%;
  line-height: 177%;
  color: #002063;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sitemapLink__link:visited {
  color: #002063;
}

html:not(.mobile) .sitemapLink__link:hover,
.sitemapLink__link.hover {
  color: #002063;
  text-decoration: none;
}

/*
navToggle
--------------------------- */
.navToggle {
  display: none;
}
@media screen and (max-width: 800px) {
  .navToggle {
    display: block;
  }
}

html.no-js .navToggle {
  display: none;
}

.toggleBtn {
  position: relative;
  width: 60px;
  height: 65px;
  padding-top: 36px;
  background: #2d5aae;
  font-size: 92.8571428571%;
  line-height: 108%;
  font-family: Helvetica, Arial, -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  color: #fff;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.toggleBtn:before,
.toggleBtn:after,
.toggleBtn__body:before {
  position: absolute;
  content: "";
  display: block;
  width: 39px;
  height: 3px;
  right: 0;
  left: 0;
  margin: auto;
  background: #fff;
}

.toggleBtn:before {
  top: 16px;
}

.toggleBtn:after {
  top: 24px;
}

.toggleBtn__body:before {
  top: 32px;
}

html.is-open .toggleBtn:before {
  top: 24px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
html.is-open .toggleBtn:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
html.is-open .toggleBtn__body:before {
  display: none;
}

/* ***************************
global navi
*************************** */
.navGlobal__body {
  max-width: 1000px;
  margin: auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .navGlobal__body {
    padding: 0 20px;
  }
}

/*
listGnav
--------------------------- */
.listGnav {
  display: table;
  width: 100%;
  height: 50px;
  table-layout: fixed;
}
@media screen and (max-width: 800px) {
  .listGnav {
    display: block;
    height: auto;
  }
}

.listGnav__item {
  position: relative;
  display: table-cell;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: 172%;
  vertical-align: middle;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .listGnav__item {
    display: block;
    width: 100%;
  }
  .listGnav__item + .c-listGnav__item {
    margin-top: 2px;
  }
}
.listGnav__item:before {
  content: none;
}
.listGnav__item.is-top {
  width: 60px;
  font-size: 71.4285714286%;
  line-height: 180%;
}
@media screen and (max-width: 800px) {
  .listGnav__item.is-top {
    width: 100%;
    font-size: 100%;
    line-height: 172%;
  }
}

.listGnav__link {
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-flow: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  width: 100%;
  height: 100%;
  padding: 5px 5px 4px;
  background: #002063;
  color: #fff;
  text-decoration: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.listGnav__link:visited {
  color: #fff;
}
@media screen and (max-width: 800px) {
  .listGnav__link {
    display: block;
    padding: 12px 15px 9px;
    background: #fff;
    color: #222;
    text-align: left;
  }
  .listGnav__link:visited {
    color: #222;
  }
}

html:not(.mobile) .listGnav__link:hover,
.listGnav__link.hover,
.listGnav__link.is-active {
  background: #fff;
  color: #002063;
  text-decoration: none;
}
html:not(.mobile) .listGnav__link:hover:before,
.listGnav__link.hover:before,
.listGnav__link.is-active:before {
  color: #002063;
}
@media screen and (max-width: 800px) {
  html:not(.mobile) .listGnav__link:hover,
.listGnav__link.hover,
.listGnav__link.is-active {
    background: #d2d8f7;
    color: #222;
  }
}

.is-top > .listGnav__link {
  padding: 7px 5px 1px;
}
@media screen and (max-width: 800px) {
  .is-top > .listGnav__link {
    padding: 12px 15px 9px;
  }
}
.is-top > .listGnav__link:before {
  /* 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;
  display: inline-block;
  content: "\e91b";
  font-size: 23px;
  color: #fff;
  vertical-align: middle;
}
@media screen and (max-width: 800px) {
  .is-top > .listGnav__link:before {
    margin: -4px 10px 0 0;
    color: #002063;
  }
}
.is-top > .listGnav__link.is-active:before {
  color: #002063;
}

.listGnav__link__body {
  width: 100%;
}

html.is-open .navOpenBg {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  opacity: 0.45;
  z-index: 12;
}

/*
h-links
--------------------------- */
.h-links {
  margin: 0 -6px;
}
@media screen and (max-width: 960px) {
  .h-links {
    display: none;
  }
}

.h-links__item {
  margin: 0;
  padding: 0 6px;
}
@media screen and (max-width: 960px) {
  .h-links__item {
    width: 50%;
    padding: 0;
  }
  .h-links__item + .h-links__item {
    border-left: 1px solid #d3d3d3;
  }
}
.h-links__item:before {
  content: none;
}
.h-links__item a {
  display: block;
  min-width: 120px;
  padding: 10px;
  background: #f9f8f1;
  border: 1px solid #d3d3d3;
  color: #222;
  text-align: center;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.h-links__item a:before {
  /* 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;
  display: inline-block;
  content: "\e907";
  margin: -2px 6px 0 0;
  font-size: 11px;
  color: #2d5aae;
  vertical-align: middle;
  text-decoration: none;
}
@media screen and (max-width: 960px) {
  .h-links__item a {
    padding: 18px 10px 17px;
    border: none;
  }
}

html:not(.mobile) .h-links__item a:hover,
.h-links__item a.hover {
  color: #222;
  text-decoration: none;
}

/*
drawerLinks
--------------------------- */
.drawerLinks {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -10px;
  padding: 14px 20px 15px;
}

.drawerLinks__item {
  margin-top: 10px;
  padding: 0;
}
.drawerLinks__item:before {
  content: none;
}
.drawerLinks__item:nth-child(even) {
  text-align: right;
}

.drawerLinks__link,
.drawerLinks__link[href^=http] {
  font-size: 100%;
  line-height: 172%;
  color: #FFF !important;
  text-decoration: underline !important;
}
.drawerLinks__link:visited,
.drawerLinks__link[href^=http]:visited {
  color: #fff;
}
.drawerLinks__link:after,
.drawerLinks__link[href^=http]:after {
  content: none !important;
}

html:not(.mobile) .drawerLinks__link:hover,
.drawerLinks__link.hover,
html:not(.mobile) .drawerLinks__link[href^=http]:hover,
.drawerLinks__link[href^=http].hover {
  color: #fff;
  text-decoration: none !important;
}

.closeBtn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 20px 14px;
  border-top: 1px solid #3e4770;
}
.closeBtn button {
  display: block;
  width: 160px;
  padding: 6px 5px;
  background: #dfe0e6;
  border: none;
  font-size: 100%;
  line-height: 172%;
  color: #2d5aae;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}
.closeBtn button .closeBtnIcon {
  width: 12px;
  height: 12px;
  margin-top: -2px;
  margin-right: 9px;
  vertical-align: middle;
}

html.no-js .closeBtn {
  display: none;
}

/* ***************************
searchBox
*************************** */
.searchBox {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (max-width: 800px) {
  .searchBox {
    width: 100%;
  }
}

* + .searchBox {
  margin-left: 10px;
}
@media screen and (max-width: 800px) {
  * + .searchBox {
    margin-left: 0;
  }
}

.searchBox__input {
  width: 260px;
  width: calc(100% - 60px);
  padding: 0 2px;
  border: 1px solid #ccc;
  border-right: none;
  line-height: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.searchBox__submit {
  display: block;
  width: 60px;
  background: #002063;
  border: none;
  cursor: pointer;
  padding: 1px 5px;
  color: #fff !important;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}
.searchBox__submit:after {
  content: none !important;
}

/* ***************************
spDrawer
*************************** */
.spDrawer {
  position: relative;
  width: 100%;
  background: #002063;
  overflow: hidden;
  z-index: 13;
}
@media screen and (max-width: 800px) {
  .spDrawer {
    display: none;
    position: absolute;
    top: 98px;
    left: 0;
    border-top: 1px solid #ccc;
  }
}
.spDrawer .drawerBottom {
  display: none;
}
@media screen and (max-width: 800px) {
  .spDrawer .drawerBottom {
    display: block;
  }
}

@media screen and (max-width: 800px) {
  html.no-js .spDrawer {
    display: block;
    position: static;
    top: auto;
    left: auto;
  }
}

/* ***************************
spMenuBottom
*************************** */
.spMenuBottom {
  display: none;
}
@media screen and (max-width: 960px) {
  .spMenuBottom {
    display: block;
  }
}

/* ***************************
bread crumb
*************************** */
.breadCrumb {
  border-bottom: 1px solid #e6e6e6;
}

.breadCrumb__body {
  max-width: 1000px;
  margin: auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*
listBreadCrumb
--------------------------- */
.listBreadCrumb {
  display: block;
  margin: 0;
  padding: 6px 0;
}
@media screen and (max-width: 720px) {
  .listBreadCrumb {
    padding: 6px 0 5px;
  }
}

.listBreadCrumb__item {
  position: relative;
  display: inline;
  font-size: 92.8571428571%;
  line-height: 216%;
  margin: 0;
  padding: 0;
}
.listBreadCrumb__item + .listBreadCrumb__item {
  padding-left: 32px;
}
.listBreadCrumb__item + .listBreadCrumb__item:before {
  /* 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;
  content: "\e907";
  margin: -2px 10px 0 -17px;
  font-size: 11px;
  color: #2d5aae;
  vertical-align: middle;
}
.listBreadCrumb__item:before {
  content: none;
}

.listBreadCrumb__item__link {
  color: #222;
  text-decoration: underline;
}
.listBreadCrumb__item__link:visited {
  color: #222;
}

html:not(.mobile) .listBreadCrumb__item__link:hover,
.listBreadCrumb__item__link.hover {
  color: #222;
  text-decoration: none;
}

/* ***************************
snsBtns
*************************** */
* + .snsBtns {
  margin-top: 20px;
}

.snsBtns__body {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 20px 0;
}
@media screen and (max-width: 720px) {
  .snsBtns__body {
    padding: 20px 0 14px;
  }
}

.snsBtns__item {
  height: 20px;
  margin: 0;
  padding: 0;
}
.snsBtns__item + .snsBtns__item {
  margin-left: 10px;
}
.snsBtns__item:before {
  content: none;
}

.fb-like {
  height: 20px;
}
.fb-like > span {
  vertical-align: baseline !important;
}

/* ***************************
pageTitle
*************************** */
.pageTitle {
  position: relative;
  overflow: hidden;
  background: #2d5aae;
}

.pageTitle__text {
  position: relative;
  display: table;
  max-width: 1000px;
  margin: auto;
  padding: 0 10px;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pageTitle__inner {
  display: table-cell;
  height: 120px;
  padding: 28px 0;
  text-align: center;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 720px) {
  .pageTitle__inner {
    height: 86px;
  }
}

.pageTitle__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 1;
}
.pageTitle__bg img {
  position: absolute;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-height: 100%;
  max-width: inherit;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 1133px) {
  .pageTitle__bg img {
    max-height: none;
  }
}

/* ***************************
main
*************************** */
.main {
  position: relative;
}

/*
main__body
--------------------------- */
.main__body {
  position: relative;
  padding-bottom: 40px;
}

.top .main__body {
  padding-bottom: 100px;
}
@media screen and (max-width: 720px) {
  .top .main__body {
    padding-bottom: 50px;
  }
}

.main__body__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.main__body__bg img {
  position: absolute;
  width: auto;
  height: auto;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
}

.main__body__inner {
  position: relative;
  max-width: 1000px;
  margin: auto;
  padding: 0 10px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.main__body__right {
  float: right;
  width: 71.4285714286%;
}
@media screen and (max-width: 720px) {
  .main__body__right {
    float: none;
    width: 100%;
    padding-bottom: 36px;
    border-bottom: 1px solid #b1b1b1;
  }
}

.main__body__contents {
  margin-top: 60px;
}
.main__body__contents:after {
  content: "";
  display: table;
  clear: both;
}

* + .main__body__contents {
  margin-top: 0;
}

.exclusive .main__body__contents {
  margin-top: 60px;
}

.exclusive .snsBtns + .main__body__contents {
  margin-top: 0;
}

.main__body__relation {
  margin-top: 54px;
}
@media screen and (max-width: 720px) {
  .main__body__relation {
    margin-top: 42px;
  }
}

.main__body__left {
  position: relative;
  float: left;
  width: 25.5102040816%;
  margin-top: 60px;
}
@media screen and (max-width: 720px) {
  .main__body__left {
    float: none;
    width: 100%;
    margin-top: 30px;
  }
}

/* ***************************
sideNav
*************************** */
* + .sideNav {
  margin-top: 30px;
}

.sideTransBox + .sideNav {
  margin-top: 0;
}

.sideNav__head {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  font-size: 121.4285714286%;
  line-height: 142%;
}
.sideNav__head:before {
  content: none;
}
.sideNav__head a,
.sideNav__head span {
  display: block;
  padding: 19px 20px;
  background: #2d5aae;
  color: #FFF;
  text-decoration: none;
}
.sideNav__head a:visited,
.sideNav__head span:visited {
  color: #FFF;
}

html:not(.mobile) .sideNav__head a:hover,
.sideNav__head a.hover {
  color: #FFF;
  text-decoration: none;
}

.sideNav__body {
  margin: 0;
  border: 1px solid #e6e6e6;
}

.sideNav__item {
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: 158%;
}
.sideNav__item + .sideNav__item {
  border-top: 1px solid #e6e6e6;
}
.sideNav__item:before {
  content: none;
}
.sideNav__item > a {
  position: relative;
  display: block;
  padding: 15px 18px 15px 32px;
  background: #fff;
  text-decoration: none;
  color: #222;
}
.sideNav__item > a:visited {
  color: #222;
}
.sideNav__item > a:before {
  /* 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;
  display: inline-block;
  content: "\e907";
  margin: -2px 7px 0 -13px;
  font-size: 11px;
  color: #2d5aae;
  vertical-align: middle;
}

html:not(.mobile) .sideNav__item > a:hover,
.sideNav__item > a.hover,
.sideNav__item > a.is-active {
  background: #ebeff7;
  color: #222;
  text-decoration: none;
}

.sideNav__child {
  display: none;
  margin: 0;
  border-top: 1px solid #e6e6e6;
}

.sideNav__cItem {
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: 158%;
}
.sideNav__cItem + .sideNav__cItem {
  border-top: 1px dotted #e6e6e6;
}
.sideNav__cItem:before {
  content: none;
}
.sideNav__cItem > a {
  position: relative;
  display: block;
  padding: 13px 10px 12px 40px;
  background: #fff;
  text-decoration: none;
  color: #222;
}
.sideNav__cItem > a:visited {
  color: #222;
}
.sideNav__cItem > a:before {
  display: inline-block;
  content: "";
  width: 4px;
  height: 4px;
  margin: -4px 11px 0 -15px;
  background: #be9b31;
  vertical-align: middle;
  border-radius: 50%;
}

.sideNav__item > a.is-active ~ .sideNav__child {
  display: block;
}

html:not(.mobile) .sideNav__cItem > a:hover,
.sideNav__cItem > a.hover,
.sideNav__cItem > a.is-active {
  background: #fafaf2;
  color: #222;
  text-decoration: none;
}

.sideTransBox {
  display: block;
  position: absolute;
  top: -45px;
  left: 0;
}
@media screen and (max-width: 720px) {
  .sideTransBox {
    display: none;
  }
}

/* ***************************
returnTop
*************************** */
.returnTop__body {
  position: relative;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  max-width: 1000px;
  margin: auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.returnTop__body__link {
  width: 160px;
  padding: 9px 5px 7px;
  background: #002063;
  border-bottom: none;
  font-size: 92.8571428571%;
  line-height: 185%;
  color: #fff;
  text-decoration: none;
  text-align: center;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.returnTop__body__link:visited {
  color: #fff;
}

html:not(.mobile) .returnTop__body__link:hover,
.returnTop__body__link.hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.6;
}

/* ***************************
footer
*************************** */
.footer__top {
  padding: 20px 0;
  background: #dfe0e6;
  border-top: 3px solid #002063;
}

.footer__innner {
  max-width: 1000px;
  max-width: 980px;
  margin: 0 auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.footer__middle {
  background: #3e4770;
}

.footer__bottom {
  background: #002063;
  padding: 14px 0 12px;
  font-size: 92.8571428571%;
  line-height: 124%;
  color: #fff;
  text-align: center;
}
.footer__bottom p + p {
  margin-top: 6px;
}
@media screen and (max-width: 720px) {
  .footer__bottom p + p {
    margin-top: 11px;
  }
}

.footer__body {
  max-width: 1000px;
  margin: auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* address */
.address {
  margin-top: 0;
  background: #2d5aae;
  text-align: center;
  font-size: 100%;
  line-height: 143%;
  color: #fff;
}
@media screen and (max-width: 720px) {
  .address {
    text-align: left;
  }
}

.address__inner {
  max-width: 1000px;
  margin: auto;
  padding: 11px 10px 9px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 720px) {
  .address__inner {
    padding: 17px 10px 16px;
  }
}
.address__inner p {
  margin: 0;
}
@media screen and (max-width: 720px) {
  .address__inner p + p {
    margin-top: 5px;
  }
}

/* copyright */
.copyright {
  margin-top: 0;
  background: #000;
  text-align: center;
  font-size: 92.8571428571%;
  line-height: 170%;
  color: #fff;
}
@media screen and (max-width: 720px) {
  .copyright {
    font-size: 85.7142857143%;
    line-height: 184%;
  }
}

.copyright__inner {
  max-width: 1000px;
  margin: auto;
  padding: 9px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* ***************************
f-outLinks
*************************** */
.f-outLinks {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.f-outLinks__item {
  margin: 0;
  padding: 0 14px;
}
.f-outLinks__item:before {
  content: none;
}

.f-outLinks__item__link {
  position: relative;
  font-size: 100%;
  line-height: 200%;
  color: #222;
  text-decoration: none;
}
.f-outLinks__item__link:before {
  /* 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;
  display: inline-block;
  content: "\e907";
  margin: -2px 5px 0 0;
  font-size: 10px;
  vertical-align: middle;
}
.f-outLinks__item__link:visited {
  color: #222;
}

html:not(.mobile) .f-outLinks__item__link:hover,
.f-outLinks__item__link.hover {
  color: #222;
  text-decoration: underline;
}

/* ***************************
f-Slider
*************************** */
.f-Slider__body {
  margin: 0 -10px;
  overflow: hidden;
}
.f-Slider__body:not(.slick-slider) {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 720px) {
  .f-Slider__body {
    margin: 0 -2px 0 -3px;
    overflow: hidden;
  }
}
.f-Slider__body .slick-track {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}
.f-Slider__body .slick-dots {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 12px;
}
.f-Slider__body .slick-dots li {
  margin: 0;
  padding: 0;
}
.f-Slider__body .slick-dots li:before {
  content: none;
}
.f-Slider__body .slick-dots li + li {
  margin-left: 10px;
}
.f-Slider__body .slick-dots button {
  display: block;
  width: 10px;
  height: 10px;
  margin: 0;
  padding: 0;
  background: #fff;
  border: solid 2px #8a8d99;
  font-size: 0%;
  line-height: 0;
  color: #222;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.f-Slider__body .slick-dots .slick-active button {
  background-color: #002063;
  border-color: #002063;
  color: #fff;
}
.f-Slider__body .stopBtn button {
  position: relative;
  width: 30px;
  height: 16px;
  background-color: #002063;
  border-color: #002063;
  color: #fff;
  border-radius: 0;
}
.f-Slider__body .stopBtn button:before, .f-Slider__body .stopBtn button:after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  top: 2px;
  left: 10px;
  border-style: solid;
  border-width: 4px 0 4px 7px;
  border-color: transparent transparent transparent #fff;
}
.f-Slider__body.is-play .stopBtn button {
  background-color: #3e4770;
  border-color: #3e4770;
}
.f-Slider__body.is-play .stopBtn button:before, .f-Slider__body.is-play .stopBtn button:after {
  width: 2px;
  height: 8px;
  top: 2px;
  left: 10px;
  background: #fff;
  border: none;
}
.f-Slider__body.is-play .stopBtn button:after {
  left: 14px;
}

.f-Slider__item {
  margin: 0;
  padding: 0;
  float: none;
  height: 100%;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.f-Slider__item:before {
  content: none;
}
@media screen and (max-width: 720px) {
  .f-Slider__item {
    padding: 0 2px 0 3px;
  }
}

.f-Slider__link {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  text-decoration: none;
}
.f-Slider__link img {
  width: 100%;
  height: auto;
  display: block;
}
.f-Slider__link:after {
  content: none !important;
}

/* ***************************
f-topLinks
*************************** */
.f-topLinks {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 13px -2px 0;
}
@media screen and (max-width: 720px) {
  .f-topLinks {
    margin: 8px -2px 0 -3px;
  }
}

.f-topLinks__item {
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  width: 25%;
  margin: 4px 0 0;
  padding: 0 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 720px) {
  .f-topLinks__item {
    width: 50%;
    padding: 0 2px 0 3px;
  }
}
.f-topLinks__item:before {
  content: none;
}

.f-topLinks__link {
  width: 100%;
  padding: 8px 15px 7px;
  background: #fff;
  color: #002063;
  font-size: 100%;
  line-height: 179%;
  text-decoration: none;
  text-align: center;
}
.f-topLinks__link:visited {
  color: #002063;
}

.f-topLinks__link[href^=http]:not([href*="//www.library.metro.tokyo.jp"]):not([href*="//www.library.metro.tokyo.lg.jp"]):not([href*="//catalog.library.metro.tokyo.jp"]):not([href*="//catalog.library.metro.tokyo.lg.jp"]):not([href*="//archive.library.metro.tokyo.jp"]):not([href*="//archive.library.metro.tokyo.lg.jp"]):not([href*="//ufinity01.jp.fujitsu.com"]):not([href*="//www-std-pub02.ufinity.jp"]):not([href*="//crosssearch.library.metro.tokyo.lg.jp/"]):not([href*="//magazine.metro.tokyo.jp"]):not([href*="//magazine.metro.tokyo.lg.jp"]):not([href*="//admin.magazine.metro.tokyo.jp"]):not([href*="//admin.magazine.metro.tokyo.lg.jp"]):not([href*="//senmonlib.metro.tokyo.jp"]):not([href*="//senmonlib.metro.tokyo.lg.jp"]) {
  color: #002063;
}
.f-topLinks__link[href^=http]:not([href*="//www.library.metro.tokyo.jp"]):not([href*="//www.library.metro.tokyo.lg.jp"]):not([href*="//catalog.library.metro.tokyo.jp"]):not([href*="//catalog.library.metro.tokyo.lg.jp"]):not([href*="//archive.library.metro.tokyo.jp"]):not([href*="//archive.library.metro.tokyo.lg.jp"]):not([href*="//ufinity01.jp.fujitsu.com"]):not([href*="//www-std-pub02.ufinity.jp"]):not([href*="//crosssearch.library.metro.tokyo.lg.jp/"]):not([href*="//magazine.metro.tokyo.jp"]):not([href*="//magazine.metro.tokyo.lg.jp"]):not([href*="//admin.magazine.metro.tokyo.jp"]):not([href*="//admin.magazine.metro.tokyo.lg.jp"]):not([href*="//senmonlib.metro.tokyo.jp"]):not([href*="//senmonlib.metro.tokyo.lg.jp"]):visited {
  color: #002063;
}

html:not(.mobile) .f-topLinks__link:hover,
.f-topLinks__link.hover {
  background: #002063;
  color: #fff;
  text-decoration: none;
}

html:not(.mobile) .f-topLinks__link[href^=http]:not([href*="//www.library.metro.tokyo.jp"]):not([href*="//www.library.metro.tokyo.lg.jp"]):not([href*="//catalog.library.metro.tokyo.jp"]):not([href*="//catalog.library.metro.tokyo.lg.jp"]):not([href*="//archive.library.metro.tokyo.jp"]):not([href*="//archive.library.metro.tokyo.lg.jp"]):not([href*="//ufinity01.jp.fujitsu.com"]):not([href*="//www-std-pub02.ufinity.jp"]):not([href*="//crosssearch.library.metro.tokyo.lg.jp/"]):not([href*="//magazine.metro.tokyo.jp"]):not([href*="//magazine.metro.tokyo.lg.jp"]):not([href*="//admin.magazine.metro.tokyo.jp"]):not([href*="//admin.magazine.metro.tokyo.lg.jp"]):not([href*="//senmonlib.metro.tokyo.jp"]):not([href*="//senmonlib.metro.tokyo.lg.jp"]):hover,
.f-topLinks__link[href^=http]:not([href*="//www.library.metro.tokyo.jp"]):not([href*="//www.library.metro.tokyo.lg.jp"]):not([href*="//catalog.library.metro.tokyo.jp"]):not([href*="//catalog.library.metro.tokyo.lg.jp"]):not([href*="//archive.library.metro.tokyo.jp"]):not([href*="//archive.library.metro.tokyo.lg.jp"]):not([href*="//ufinity01.jp.fujitsu.com"]):not([href*="//www-std-pub02.ufinity.jp"]):not([href*="//crosssearch.library.metro.tokyo.lg.jp/"]):not([href*="//magazine.metro.tokyo.jp"]):not([href*="//magazine.metro.tokyo.lg.jp"]):not([href*="//admin.magazine.metro.tokyo.jp"]):not([href*="//admin.magazine.metro.tokyo.lg.jp"]):not([href*="//senmonlib.metro.tokyo.jp"]):not([href*="//senmonlib.metro.tokyo.lg.jp"]).hover {
  color: #fff;
}
html:not(.mobile) .f-topLinks__link[href^=http]:not([href*="//www.library.metro.tokyo.jp"]):not([href*="//www.library.metro.tokyo.lg.jp"]):not([href*="//catalog.library.metro.tokyo.jp"]):not([href*="//catalog.library.metro.tokyo.lg.jp"]):not([href*="//archive.library.metro.tokyo.jp"]):not([href*="//archive.library.metro.tokyo.lg.jp"]):not([href*="//ufinity01.jp.fujitsu.com"]):not([href*="//www-std-pub02.ufinity.jp"]):not([href*="//crosssearch.library.metro.tokyo.lg.jp/"]):not([href*="//magazine.metro.tokyo.jp"]):not([href*="//magazine.metro.tokyo.lg.jp"]):not([href*="//admin.magazine.metro.tokyo.jp"]):not([href*="//admin.magazine.metro.tokyo.lg.jp"]):not([href*="//senmonlib.metro.tokyo.jp"]):not([href*="//senmonlib.metro.tokyo.lg.jp"]):hover:after,
.f-topLinks__link[href^=http]:not([href*="//www.library.metro.tokyo.jp"]):not([href*="//www.library.metro.tokyo.lg.jp"]):not([href*="//catalog.library.metro.tokyo.jp"]):not([href*="//catalog.library.metro.tokyo.lg.jp"]):not([href*="//archive.library.metro.tokyo.jp"]):not([href*="//archive.library.metro.tokyo.lg.jp"]):not([href*="//ufinity01.jp.fujitsu.com"]):not([href*="//www-std-pub02.ufinity.jp"]):not([href*="//crosssearch.library.metro.tokyo.lg.jp/"]):not([href*="//magazine.metro.tokyo.jp"]):not([href*="//magazine.metro.tokyo.lg.jp"]):not([href*="//admin.magazine.metro.tokyo.jp"]):not([href*="//admin.magazine.metro.tokyo.lg.jp"]):not([href*="//senmonlib.metro.tokyo.jp"]):not([href*="//senmonlib.metro.tokyo.lg.jp"]).hover:after {
  color: #fff;
}

/* ***************************
f-siteLinks
*************************** */
.f-siteLinks {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 720px) {
  .f-siteLinks {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -5px;
    padding: 5px 10px 8px;
  }
}

.f-siteLinks__item {
  margin: 0;
  padding: 8px 0;
}
.f-siteLinks__item:before {
  content: none;
}
.f-siteLinks__item:first-child:before, .f-siteLinks__item:after {
  content: "" !important;
  display: inline-block !important;
  width: 1px !important;
  height: 20px !important;
  margin: 0 15px !important;
  padding: 0 !important;
  background: #999 !important;
  vertical-align: middle;
  border-radius: 0 !important;
}
@media screen and (max-width: 720px) {
  .f-siteLinks__item {
    width: 50%;
    margin-top: 5px;
    padding: 0;
  }
  .f-siteLinks__item:first-child:before, .f-siteLinks__item:after {
    content: none !important;
  }
}

.f-siteLinks__link {
  font-size: 92.8571428571%;
  line-height: 185%;
  color: #fff;
  text-decoration: underline;
}
.f-siteLinks__link:visited {
  color: #fff;
}

html:not(.mobile) .f-siteLinks__link:hover,
.f-siteLinks__link.hover {
  color: #fff;
  text-decoration: none;
}

/* ***************************
f-snsLinks
*************************** */
.f-snsLinks {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
}
@media screen and (max-width: 720px) {
  .f-snsLinks {
    margin: 0 -2px 0 -3px;
  }
}

.f-snsLinks__item {
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  width: 25%;
  margin-top: 20px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 720px) {
  .f-snsLinks__item {
    margin-top: 15px;
    padding: 0 2px 0 3px;
  }
}
.f-snsLinks__item:before {
  content: none;
}

.f-snsLinks__link {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  text-decoration: none;
}
.f-snsLinks__link:after {
  content: none !important;
}

/* ***************************
position
*************************** */
.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

/* ***************************
sp
*************************** */
.sp-inline,
.sp-block,
.sp-tCell {
  display: none;
}

@media screen and (max-width: 720px) {
  .sp-inline {
    display: inline;
  }
  .sp-block {
    display: block;
  }
  .sp-tCell {
    display: table-cell;
  }
  .sp-none {
    display: none;
  }
}
/* ***************************
no-js
*************************** */
html.no-js .noJSHidden {
  display: none;
}

/* ***************************
column
*************************** */
* + .column, * + .guideBtns {
  margin-top: 30px;
}

.column + .column, .guideBtns + .column, .column + .guideBtns, .guideBtns + .guideBtns {
  margin-top: 20px;
}

* + .imageColumn {
  margin-top: 40px;
}

.column + .column, .guideBtns + .column, .column + .guideBtns, .guideBtns + .guideBtns, .column + .imageColumn, .guideBtns + .imageColumn, .imageColumn + .column, .imageColumn + .guideBtns, .imageColumn + .imageColumn,
h1 + .column,
h1 + .guideBtns,
h1 + .imageColumn, h2 + .column, h2 + .guideBtns, h2 + .imageColumn, h3 + .column, h3 + .guideBtns, h3 + .imageColumn, h4 + .column, h4 + .guideBtns, h4 + .imageColumn, h5 + .column, h5 + .guideBtns, h5 + .imageColumn, h6 + .column, h6 + .guideBtns, h6 + .imageColumn {
  margin-top: 20px;
}

.column__body, .guideBtns__body,
.imageColumn__body {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -20px -10px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.imageColumn__body {
  margin-top: -20px;
}

.column__item, .guideBtns__item {
  margin-top: 20px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.column__item:before, .guideBtns__item:before {
  content: none !important;
}

.imageColumn__img {
  margin-top: 20px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 720px) {
  .imageColumn__img {
    -ms-order: -1;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    width: 100%;
  }
}

.imageColumn__text {
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
  margin-top: 16px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 720px) {
  .imageColumn__text {
    width: 100%;
  }
}

.width1 {
  width: 8.3333333333% !important;
}
@media screen and (max-width: 720px) {
  .width1 {
    width: 100% !important;
  }
}

.width2 {
  width: 16.6666666667% !important;
}
@media screen and (max-width: 720px) {
  .width2 {
    width: 100% !important;
  }
}

.width3 {
  width: 25% !important;
}
@media screen and (max-width: 720px) {
  .width3 {
    width: 100% !important;
  }
}

.width4 {
  width: 33.3333333333% !important;
}
@media screen and (max-width: 720px) {
  .width4 {
    width: 100% !important;
  }
}

.width5 {
  width: 41.6666666667% !important;
}
@media screen and (max-width: 720px) {
  .width5 {
    width: 100% !important;
  }
}

.width6 {
  width: 50% !important;
}
@media screen and (max-width: 720px) {
  .width6 {
    width: 100% !important;
  }
}

.width7 {
  width: 58.3333333333% !important;
}
@media screen and (max-width: 720px) {
  .width7 {
    width: 100% !important;
  }
}

.width8 {
  width: 66.6666666667% !important;
}
@media screen and (max-width: 720px) {
  .width8 {
    width: 100% !important;
  }
}

.width9 {
  width: 75% !important;
}
@media screen and (max-width: 720px) {
  .width9 {
    width: 100% !important;
  }
}

.width10 {
  width: 83.3333333333% !important;
}
@media screen and (max-width: 720px) {
  .width10 {
    width: 100% !important;
  }
}

.width11 {
  width: 91.6666666667% !important;
}
@media screen and (max-width: 720px) {
  .width11 {
    width: 100% !important;
  }
}

.width12 {
  width: 100% !important;
}

.width20p {
  width: 20%;
}
@media screen and (max-width: 720px) {
  .width20p {
    width: 100% !important;
  }
}

/* ***************************
btn
*************************** */
.btn,
.btn[href^=http] {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 200px;
  min-height: 48px;
  margin: auto;
  padding: 10px 22px;
  background: #2d5aae;
  border-bottom: 2px solid #28467e;
  font-size: 100%;
  line-height: 172%;
  color: #fff;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.btn:after,
.btn[href^=http]:after {
  /* 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;
  position: absolute;
  display: inline-block;
  content: "\e907";
  height: 11px;
  top: 0;
  bottom: 0;
  right: 14px;
  margin: auto;
  font-size: 11px;
  color: #fff;
}
.btn:visited,
.btn[href^=http]:visited {
  color: #fff;
}
.btn[disabled],
.btn[href^=http][disabled] {
  background-color: #a3a3a3;
  border-bottom-color: #ccccc2;
  color: #dddddd;
  cursor: default;
}
.btn[disabled]:after,
.btn[href^=http][disabled]:after {
  color: #dddddd;
}

.btn--langChange {
  max-width: 124px;
  min-height: 40px;
  margin-right: 0;
  font-size: 100%;
  line-height: 143%;
}

html:not(.mobile) .btn:hover,
html:not(.mobile) .btn[href^=http]:hover,
.btn.hover,
.btn[href^=http].hover {
  background-color: #1e458e;
  color: #fff;
  text-decoration: none;
}

html:not(.mobile) .btn[disabled]:hover,
html:not(.mobile) .btn[href^=http][disabled]:hover,
.btn[disabled].hover,
.btn[href^=http][disabled].hover {
  background-color: #a3a3a3;
  border-bottom-color: #ccccc2;
  color: #dddddd;
  cursor: default;
}
html:not(.mobile) .btn[disabled]:hover:after,
html:not(.mobile) .btn[href^=http][disabled]:hover:after,
.btn[disabled].hover:after,
.btn[href^=http][disabled].hover:after {
  color: #dddddd;
}

.btn__body {
  position: relative;
}

.btn.is-bbs {
  max-width: none;
  background-color: #008060;
  border-bottom-color: #005d46;
}
.btn.is-bbs:before {
  /* 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;
  display: inline-block;
  content: "\e921";
  margin: -2px 8px 0 0;
  font-size: 20px;
  color: #fff;
  vertical-align: middle;
}
.btn.is-bbs:after {
  content: none;
}
.btn.is-bbs.is-closed {
  background-color: #a3a3a3;
  border-bottom-color: #ccccc2;
  color: #dddddd;
}
.btn.is-bbs.is-closed:before {
  color: #dddddd;
}

html:not(.mobile) .btn.is-bbs:hover,
.btn.is-bbs.hover {
  background-color: #005d46;
}

html:not(.mobile) .btn.is-bbs.is-closed:hover,
.btn.is-bbs.is-closed.hover {
  background-color: #a3a3a3;
  color: #dddddd;
}

/*
is-category
--------------------------- */
.btn.is-category {
  width: 100%;
  max-width: none;
  min-height: 82px;
  padding: 14px 8px 10px;
  font-size: 114.2857142857%;
  line-height: 138%;
  font-weight: 600;
}
@media screen and (max-width: 720px) {
  .btn.is-category {
    font-size: 107.1428571429%;
    line-height: 120%;
  }
}
.btn.is-category:before {
  /* 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;
  display: inline-block;
  color: #fff;
  vertical-align: middle;
}
.btn.is-category:after {
  content: none;
}

.is-category.is-opening:before {
  content: "\e900";
  margin: -4px 9px 0 0;
  font-size: 38px;
}
@media screen and (max-width: 720px) {
  .is-category.is-opening:before {
    font-size: 27px;
  }
}
.is-category.is-closed:before {
  content: "\e901";
  margin: -4px 9px 0 0;
  font-size: 30px;
}
@media screen and (max-width: 720px) {
  .is-category.is-closed:before {
    font-size: 19px;
  }
}
.is-category.is-access:before {
  content: "\e908";
  margin: -4px 9px 0 0;
  font-size: 35px;
}
@media screen and (max-width: 720px) {
  .is-category.is-access:before {
    font-size: 28px;
  }
}
.is-category.is-entry:before {
  content: "\e909";
  margin: -4px 9px 0 0;
  font-size: 30px;
}
@media screen and (max-width: 720px) {
  .is-category.is-entry:before {
    font-size: 24px;
  }
}
.is-category.is-floor:before {
  content: "\e90a";
  margin: -4px 9px 0 0;
  font-size: 38px;
}
@media screen and (max-width: 720px) {
  .is-category.is-floor:before {
    font-size: 30px;
  }
}
.is-category.is-movie:before {
  content: "\e90b";
  margin: -4px 9px 0 0;
  font-size: 26px;
}
@media screen and (max-width: 720px) {
  .is-category.is-movie:before {
    font-size: 21px;
  }
}

/* ***************************
icon
*************************** */
.iconPdf,
a[href$=".pdf"],
a[href$=".PDF"],
.iconDoc,
a[href$=".doc"],
a[href$=".docx"],
a[href$=".DOC"],
a[href$=".DOCX"],
.iconXls,
a[href$=".xls"],
a[href$=".xlsx"],
a[href$=".XLS"],
a[href$=".XLSX"],
.iconPpt,
a[href$=".ppt"],
a[href$=".pptx"],
a[href$=".PPT"],
a[href$=".PPTX"],
.iconZip,
a[href$=".zip"],
.iconOutside,
a[href^=http]:not([href*="//www.library.metro.tokyo.jp"]):not([href*="//www.library.metro.tokyo.lg.jp"]):not([href*="//catalog.library.metro.tokyo.jp"]):not([href*="//catalog.library.metro.tokyo.lg.jp"]):not([href*="//archive.library.metro.tokyo.jp"]):not([href*="//archive.library.metro.tokyo.lg.jp"]):not([href*="//ufinity01.jp.fujitsu.com"]):not([href*="//www-std-pub02.ufinity.jp"]):not([href*="//crosssearch.library.metro.tokyo.lg.jp/"]):not([href*="//magazine.metro.tokyo.jp"]):not([href*="//magazine.metro.tokyo.lg.jp"]):not([href*="//admin.magazine.metro.tokyo.jp"]):not([href*="//admin.magazine.metro.tokyo.lg.jp"]):not([href*="//senmonlib.metro.tokyo.jp"]):not([href*="//senmonlib.metro.tokyo.lg.jp"]) {
  color: #222;
}
.iconPdf:visited,
a[href$=".pdf"]:visited,
a[href$=".PDF"]:visited,
.iconDoc:visited,
a[href$=".doc"]:visited,
a[href$=".docx"]:visited,
a[href$=".DOC"]:visited,
a[href$=".DOCX"]:visited,
.iconXls:visited,
a[href$=".xls"]:visited,
a[href$=".xlsx"]:visited,
a[href$=".XLS"]:visited,
a[href$=".XLSX"]:visited,
.iconPpt:visited,
a[href$=".ppt"]:visited,
a[href$=".pptx"]:visited,
a[href$=".PPT"]:visited,
a[href$=".PPTX"]:visited,
.iconZip:visited,
a[href$=".zip"]:visited,
.iconOutside:visited,
a[href^=http]:not([href*="//www.library.metro.tokyo.jp"]):not([href*="//www.library.metro.tokyo.lg.jp"]):not([href*="//catalog.library.metro.tokyo.jp"]):not([href*="//catalog.library.metro.tokyo.lg.jp"]):not([href*="//archive.library.metro.tokyo.jp"]):not([href*="//archive.library.metro.tokyo.lg.jp"]):not([href*="//ufinity01.jp.fujitsu.com"]):not([href*="//www-std-pub02.ufinity.jp"]):not([href*="//crosssearch.library.metro.tokyo.lg.jp/"]):not([href*="//magazine.metro.tokyo.jp"]):not([href*="//magazine.metro.tokyo.lg.jp"]):not([href*="//admin.magazine.metro.tokyo.jp"]):not([href*="//admin.magazine.metro.tokyo.lg.jp"]):not([href*="//senmonlib.metro.tokyo.jp"]):not([href*="//senmonlib.metro.tokyo.lg.jp"]):visited {
  color: #222;
}
.iconPdf.hover,
a[href$=".pdf"].hover,
a[href$=".PDF"].hover,
.iconDoc.hover,
a[href$=".doc"].hover,
a[href$=".docx"].hover,
a[href$=".DOC"].hover,
a[href$=".DOCX"].hover,
.iconXls.hover,
a[href$=".xls"].hover,
a[href$=".xlsx"].hover,
a[href$=".XLS"].hover,
a[href$=".XLSX"].hover,
.iconPpt.hover,
a[href$=".ppt"].hover,
a[href$=".pptx"].hover,
a[href$=".PPT"].hover,
a[href$=".PPTX"].hover,
.iconZip.hover,
a[href$=".zip"].hover,
.iconOutside.hover,
a[href^=http]:not([href*="//www.library.metro.tokyo.jp"]):not([href*="//www.library.metro.tokyo.lg.jp"]):not([href*="//catalog.library.metro.tokyo.jp"]):not([href*="//catalog.library.metro.tokyo.lg.jp"]):not([href*="//archive.library.metro.tokyo.jp"]):not([href*="//archive.library.metro.tokyo.lg.jp"]):not([href*="//ufinity01.jp.fujitsu.com"]):not([href*="//www-std-pub02.ufinity.jp"]):not([href*="//crosssearch.library.metro.tokyo.lg.jp/"]):not([href*="//magazine.metro.tokyo.jp"]):not([href*="//magazine.metro.tokyo.lg.jp"]):not([href*="//admin.magazine.metro.tokyo.jp"]):not([href*="//admin.magazine.metro.tokyo.lg.jp"]):not([href*="//senmonlib.metro.tokyo.jp"]):not([href*="//senmonlib.metro.tokyo.lg.jp"]).hover {
  color: #222;
}
.iconPdf:after,
a[href$=".pdf"]:after,
a[href$=".PDF"]:after,
.iconDoc:after,
a[href$=".doc"]:after,
a[href$=".docx"]:after,
a[href$=".DOC"]:after,
a[href$=".DOCX"]:after,
.iconXls:after,
a[href$=".xls"]:after,
a[href$=".xlsx"]:after,
a[href$=".XLS"]:after,
a[href$=".XLSX"]:after,
.iconPpt:after,
a[href$=".ppt"]:after,
a[href$=".pptx"]:after,
a[href$=".PPT"]:after,
a[href$=".PPTX"]:after,
.iconZip:after,
a[href$=".zip"]:after,
.iconOutside:after,
a[href^=http]:not([href*="//www.library.metro.tokyo.jp"]):not([href*="//www.library.metro.tokyo.lg.jp"]):not([href*="//catalog.library.metro.tokyo.jp"]):not([href*="//catalog.library.metro.tokyo.lg.jp"]):not([href*="//archive.library.metro.tokyo.jp"]):not([href*="//archive.library.metro.tokyo.lg.jp"]):not([href*="//ufinity01.jp.fujitsu.com"]):not([href*="//www-std-pub02.ufinity.jp"]):not([href*="//crosssearch.library.metro.tokyo.lg.jp/"]):not([href*="//magazine.metro.tokyo.jp"]):not([href*="//magazine.metro.tokyo.lg.jp"]):not([href*="//admin.magazine.metro.tokyo.jp"]):not([href*="//admin.magazine.metro.tokyo.lg.jp"]):not([href*="//senmonlib.metro.tokyo.jp"]):not([href*="//senmonlib.metro.tokyo.lg.jp"]):after {
  /* 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;
  display: inline-block;
  width: 12px;
  height: 16px;
  vertical-align: middle;
  margin: -2px 5px 0 5px;
  letter-spacing: normal;
  font-size: 16px;
  text-decoration: none;
}

html:not(.mobile) .iconPdf:hover,
html:not(.mobile) a[href$=".pdf"]:hover,
html:not(.mobile) a[href$=".PDF"]:hover,
html:not(.mobile) .iconDoc:hover,
html:not(.mobile) a[href$=".doc"]:hover,
html:not(.mobile) a[href$=".docx"]:hover,
html:not(.mobile) a[href$=".DOC"]:hover,
html:not(.mobile) a[href$=".DOCX"]:hover,
html:not(.mobile) .iconXls:hover,
html:not(.mobile) a[href$=".xls"]:hover,
html:not(.mobile) a[href$=".xlsx"]:hover,
html:not(.mobile) a[href$=".XLS"]:hover,
html:not(.mobile) a[href$=".XLSX"]:hover,
html:not(.mobile) .iconPpt:hover,
html:not(.mobile) a[href$=".ppt"]:hover,
html:not(.mobile) a[href$=".pptx"]:hover,
html:not(.mobile) a[href$=".PPT"]:hover,
html:not(.mobile) a[href$=".PPTX"]:hover,
html:not(.mobile) .iconZip:hover,
html:not(.mobile) a[href$=".zip"]:hover,
html:not(.mobile) .iconOutside:hover,
html:not(.mobile) a[href^=http]:not([href*="//www.library.metro.tokyo.jp"]):not([href*="//www.library.metro.tokyo.lg.jp"]):not([href*="//catalog.library.metro.tokyo.jp"]):not([href*="//catalog.library.metro.tokyo.lg.jp"]):not([href*="//archive.library.metro.tokyo.jp"]):not([href*="//archive.library.metro.tokyo.lg.jp"]):not([href*="//ufinity01.jp.fujitsu.com"]):not([href*="//www-std-pub02.ufinity.jp"]):not([href*="//crosssearch.library.metro.tokyo.lg.jp/"]):not([href*="//magazine.metro.tokyo.jp"]):not([href*="//magazine.metro.tokyo.lg.jp"]):not([href*="//admin.magazine.metro.tokyo.jp"]):not([href*="//admin.magazine.metro.tokyo.lg.jp"]):not([href*="//senmonlib.metro.tokyo.jp"]):not([href*="//senmonlib.metro.tokyo.lg.jp"]):hover {
  color: #222;
}

.iconPdf:after,
a[href$=".pdf"]:after,
a[href$=".PDF"]:after {
  content: "\e906";
  color: #c30d23;
}

.iconDoc:after,
a[href$=".doc"]:after,
a[href$=".docx"]:after,
a[href$=".DOC"]:after,
a[href$=".DOCX"]:after {
  content: "\e902";
  color: #036eb8;
}

.iconXls:after,
a[href$=".xls"]:after,
a[href$=".xlsx"]:after,
a[href$=".XLS"]:after,
a[href$=".XLSX"]:after {
  content: "\e905";
  color: #009944;
}

.iconPpt:after,
a[href$=".ppt"]:after,
a[href$=".pptx"]:after,
a[href$=".PPT"]:after,
a[href$=".PPTX"]:after {
  content: "\e904";
  color: #f39800;
}

.iconZip:after,
a[href$=".zip"]:after {
  content: "\e903";
  color: #666666;
}

.iconOutside:after,
a[href^=http]:not([href*="//www.library.metro.tokyo.jp"]):not([href*="//www.library.metro.tokyo.lg.jp"]):not([href*="//catalog.library.metro.tokyo.jp"]):not([href*="//catalog.library.metro.tokyo.lg.jp"]):not([href*="//archive.library.metro.tokyo.jp"]):not([href*="//archive.library.metro.tokyo.lg.jp"]):not([href*="//ufinity01.jp.fujitsu.com"]):not([href*="//www-std-pub02.ufinity.jp"]):not([href*="//crosssearch.library.metro.tokyo.lg.jp/"]):not([href*="//magazine.metro.tokyo.jp"]):not([href*="//magazine.metro.tokyo.lg.jp"]):not([href*="//admin.magazine.metro.tokyo.jp"]):not([href*="//admin.magazine.metro.tokyo.lg.jp"]):not([href*="//senmonlib.metro.tokyo.jp"]):not([href*="//senmonlib.metro.tokyo.lg.jp"]):after {
  content: "\e915";
  width: 16px;
  height: 14px;
  font-size: 14px;
  color: #005396;
}

a[href^="http://www.library.metro.tokyo.jp/"]:after,
a[href^="https://www.library.metro.tokyo.jp/"]:after,
a[href^="https://www.library.metro.tokyo.lg.jp/"]:after {
  content: none !important;
}

.iconNone:after {
  content: none !important;
}

/* ***************************
linkList
*************************** */
/*
linkList
--------------------------- */
.linkList > li {
  padding-left: 12px;
}
.linkList > li:before {
  /* 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;
  display: inline-block;
  content: "\e907";
  width: auto;
  height: auto;
  margin: -2px 6px 0 -12px;
  background: none;
  font-size: 11px;
  color: #2d5aae;
  vertical-align: middle;
  text-decoration: underline;
  border-radius: 0;
}
.linkList > li:before {
  text-decoration: none;
}
.linkList a {
  color: #222;
}
.linkList a:visited {
  color: #222;
}

html:not(.mobile) .linkList a:hover,
.linkList a.hover {
  color: #222;
  text-decoration: none;
}
html:not(.mobile) .linkList a:hover:before,
.linkList a.hover:before {
  text-decoration: none;
}

ul + .linkList, ol + .linkList {
  margin-top: 21px;
}

/*
linkListBG
--------------------------- */
.linkListBG {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 10px -5px 0;
}
.linkListBG li {
  width: 100%;
  margin-top: 10px;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.linkListBG li:before {
  content: none;
}
.linkListBG a,
.linkListBG span {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 14px 10px 26px;
  background: #fff;
  border: 1px solid #e6e6e6;
  color: #222;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.linkListBG a:before,
.linkListBG span:before {
  /* 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;
  position: absolute;
  display: inline-block;
  content: "\e907";
  height: 11px;
  top: 0;
  bottom: 0;
  left: 14px;
  margin: auto;
  background: none;
  font-size: 11px;
  color: #2d5aae;
  vertical-align: middle;
  text-decoration: underline;
}
.linkListBG a:before,
.linkListBG span:before {
  text-decoration: none;
}

html:not(.mobile) .linkListBG a:hover,
.linkListBG a.hover {
  border-color: #c0cfec;
  background-color: #dee7f6;
  color: #222;
  text-decoration: underline;
}
html:not(.mobile) .linkListBG a:hover:before,
.linkListBG a.hover:before {
  text-decoration: none;
}

/*
anchorLink
--------------------------- */
.anchorLink {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -10px -5px 0;
}
.anchorLink li {
  position: relative;
  width: 100%;
  margin-top: 10px;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.anchorLink li:before {
  content: none;
}
.anchorLink li:after {
  content: "";
  position: absolute;
  display: block;
  height: 3px;
  bottom: 0;
  left: 5px;
  right: 5px;
  background: #2d5aae;
}
.anchorLink a {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 35px 12px 11px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-bottom: none;
  font-weight: 600;
  color: #222;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.anchorLink a:after {
  /* 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;
  position: absolute;
  display: block;
  content: "\e925";
  width: 16px;
  height: 16px;
  top: -2px;
  bottom: 0;
  right: 10px;
  margin: auto;
  font-size: 16px;
  color: #2d5aae;
}

html:not(.mobile) .anchorLink a:hover,
.anchorLink a.hover {
  background-color: #dee7f6;
  border-color: #c0cfec;
  color: #222;
  text-decoration: none;
}

* + .anchorLink {
  margin-top: 10px;
}

.anchorLink.is-arrowR a:after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.anchorLink.is-central li {
  width: 20%;
}
@media screen and (max-width: 720px) {
  .anchorLink.is-central li {
    width: 100%;
  }
}
/* ***************************
text
*************************** */
/* headdings */
/* font weight */
.fw-normal {
  font-weight: normal;
}

.fw-bold {
  font-weight: bold;
}

cite,
.fs-italic {
  font-style: italic;
}

/* align */
.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

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

.text-nowrap {
  white-space: nowrap;
}

.text-wrap {
  white-space: normal;
}

.caption {
  margin-top: 10px;
  font-size: 85.7142857143%;
  line-height: 150%;
  color: #565656;
}

.newMark {
  display: inline-block;
  margin: 0 0 0 7px;
  padding: 3px 5px 1px;
  background: #f8e03d;
  font-size: 85.7142857143%;
  line-height: 100%;
  color: #655a0d;
  font-weight: 300;
  text-decoration: none !important;
}

/* ***************************
iframe
*************************** */
.iframeWrap {
  position: relative;
  padding-top: 56.25%;
  height: 0;
}
.iframeWrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

/* ***************************
rt-table
*************************** */
.rt-tableCaption {
  display: none;
}

* + .rt-tableWrapper {
  margin-top: 20px;
}

@media screen and (max-width: 720px) {
  .rt-tableWrapper {
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .rt-tableCaption + .rt-tableWrapper {
    margin-top: 10px;
  }
  .rt-tableCaption {
    display: block;
    margin-top: 30px;
    padding: 4px;
    background: #efefef;
  }
  .rt-tableWrapper table {
    min-width: 800px;
  }
}
/* ***************************
paint
*************************** */
.paint {
  margin: 0;
  padding: 24px 30px 20px;
  background: #fbf5cb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.paint.is-gray {
  background-color: #f0f0f0;
  border-color: #f0f0f0;
}

* + .paint {
  margin-top: 30px;
}

/* ***************************
borderBox
*************************** */
.borderBox {
  border: 1px dotted #b1b1b1;
}

* + .borderBox {
  margin-top: 20px;
}

.borderBox__ttl {
  padding: 6px 14px 4px;
  background: #fafaf2;
}

.borderBox__body {
  padding: 10px 14px 11px;
  border-top: 1px dotted #b1b1b1;
  background: #fff;
}

/* ***************************
pagination
*************************** */
.pagination {
  margin: 0 -5px;
}

* + .pagination {
  margin-top: 25px;
}
@media screen and (max-width: 640px) {
  * + .pagination {
    margin-top: 40px;
  }
}

.pagination__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pagination__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0 5px;
}
.pagination__item:before {
  content: none;
}
.pagination__item:first-child {
  margin-right: 20px;
}
.pagination__item:last-child {
  margin-left: 20px;
}

.pagination__prev,
.pagination__next {
  position: relative;
  display: block;
  width: 29px;
  height: 29px;
  border: none;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pagination__prev:before,
.pagination__next:before {
  /* 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;
  display: inline-block;
  margin: 0;
  font-size: 28px;
  color: #b1b1b1;
  vertical-align: middle;
  text-decoration: none;
}

html:not(.mobile) .pagination__prev:hover,
.pagination__prev.hover,
html:not(.mobile) .pagination__next:hover,
.pagination__next.hover {
  text-decoration: none;
}
html:not(.mobile) .pagination__prev:hover:before,
.pagination__prev.hover:before,
html:not(.mobile) .pagination__next:hover:before,
.pagination__next.hover:before {
  text-decoration: none;
}

.pagination__prev:before {
  content: "\e919";
}

.pagination__next:before {
  content: "\e918";
}

.pagination__num {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 44px;
  height: 42px;
  background: #fff;
  border: 1px solid #b1b1b1;
  color: #222;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pagination__num:visited {
  color: #222;
}

html:not(.mobile) .pagination__num:hover,
.pagination__num.hover {
  background-color: #f1f1f1;
  color: #222;
  text-decoration: none;
}

html:not(.mobile) .pagination__num.is-active:hover,
.pagination__num.is-active.hover,
.pagination__num.is-active {
  background: none;
  border: none;
}

/* ***************************
accordion
*************************** */
* + .accordion {
  margin-top: 30px;
}

.accordion + .accordion {
  margin-top: 8px;
}

.accordion__head {
  position: relative;
  padding: 16px 59px 12px;
  background: #f4f7fc;
  border-bottom: 2px solid #9fabc2;
  font-size: 107.1428571429%;
  line-height: 174%;
  font-weight: 600;
  cursor: pointer;
}
.accordion__head .symbol {
  position: absolute;
  display: block;
  top: 16px;
  left: 18px;
  font-family: Helvetica, Arial, -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 214.2857142857%;
  line-height: 100%;
  color: #2d5aae;
  font-weight: 600;
  vertical-align: middle;
}
.accordion__head:after {
  /* 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;
  position: absolute;
  display: block;
  content: "\e90c";
  height: 24px;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  font-size: 24px;
  color: #2d5aae;
}

.accordion__head.is-open:after {
  content: "\e90d";
}

.accordion__head__sub {
  display: block;
  font-weight: 300;
}

.accordion__body {
  position: relative;
  padding: 18px 20px 15px 59px;
  background: #fff;
  border-bottom: 2px solid #9fabc2;
}
.accordion__body .symbol {
  position: absolute;
  display: block;
  top: 16px;
  left: 18px;
  font-size: 214.2857142857%;
  line-height: 100%;
  color: #be9b31;
  font-weight: 600;
  vertical-align: middle;
}

.accordion.is-bbs .accordion__head {
  padding-left: 20px;
}
.accordion.is-bbs .accordion__body {
  padding-left: 20px;
}

.accordion.is-housemap .accordion__head {
  padding-left: 20px;
}
.accordion.is-housemap .accordion__body {
  padding: 20px 0;
}

.accordion.is-template .accordion__head {
  padding-left: 20px;
}
.accordion.is-template .accordion__body {
  padding: 20px 0;
  border-bottom: none;
}

/* ***************************
tabBox
*************************** */
.tabBox {
  -ms-flex-flow: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  height: 100%;
}
.tabBox__tab {
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
}

.tabBox__tab__body {
  margin: 0;
  padding: 0;
}

.tabBox__tab__item {
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tabBox__tab__item:before {
  content: none;
}
.tabBox__tab__item + .tabBox__tab__item {
  border-left: 1px solid #d3d3d3;
}
.tabBox__tab__item.is-rss {
  -ms-flex: none;
  -webkit-box-flex: 0;
          flex: none;
  width: 50px;
}

.tabBox__tab__btn {
  display: block;
  width: 100%;
  padding: 9px 5px;
  background: #fafafa;
  border: 1px solid #d3d3d3;
  border-width: 2px 0 1px;
  font-size: 114.2857142857%;
  line-height: 163%;
  color: #777;
  text-align: center;
}
.tabBox__tab__btn:focus {
  outline: none !important;
}

html:not(.mobile) .tabBox__tab__btn:hover,
.tabBox__tab__btn.hover,
.tabBox__tab__btn:focus,
.tabBox__tab__btn.is-active {
  background-color: #fff;
  border-top-color: #2d5aae;
  border-bottom-color: #fff;
  color: #222;
  font-weight: 600;
}
@media screen and (max-width: 720px) {
  html:not(.mobile) .tabBox__tab__btn:hover,
.tabBox__tab__btn.hover,
.tabBox__tab__btn:focus,
.tabBox__tab__btn.is-active {
    border-bottom-color: #d3d3d3;
  }
}

.tabBox__tab__btn.is-newsAll,
html:not(.mobile) .tabBox__tab__btn.is-newsAll:hover,
.tabBox__tab__btn.is-newsAll.hover,
.tabBox__tab__btn.is-newsAll:focus,
.tabBox__tab__btn.is-newsAll.is-active {
  border-top-color: #db633e;
}

.tabBox__tab__btn.is-newsEvent,
html:not(.mobile) .tabBox__tab__btn.is-newsEvent:hover,
.tabBox__tab__btn.is-newsEvent.hover,
.tabBox__tab__btn.is-newsEvent:focus,
.tabBox__tab__btn.is-newsEvent.is-active {
  border-top-color: #3d6fe0;
}

.tabBox__tab__btn.is-newsInfo,
html:not(.mobile) .tabBox__tab__btn.is-newsInfo:hover,
.tabBox__tab__btn.is-newsInfo.hover,
.tabBox__tab__btn.is-newsInfo:focus,
.tabBox__tab__btn.is-newsInfo.is-active {
  border-top-color: #3d9de0;
}

.tabBox__tab__btn.is-central,
html:not(.mobile) .tabBox__tab__btn.is-central:hover,
.tabBox__tab__btn.is-central.hover,
.tabBox__tab__btn.is-central:focus,
.tabBox__tab__btn.is-central.is-active {
  border-top-color: #cc6c0e;
}

.tabBox__tab__btn.is-tama,
html:not(.mobile) .tabBox__tab__btn.is-tama:hover,
.tabBox__tab__btn.is-tama.hover,
.tabBox__tab__btn.is-tama:focus,
.tabBox__tab__btn.is-tama.is-active {
  border-top-color: #ae9402;
}

.tabBox__tab__rss {
  position: relative;
  display: block;
  padding: 6px 0 5px;
  background: #fafafa;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  font-size: 85.7142857143%;
  line-height: 100%;
  text-decoration: none;
  color: #774004;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tabBox__tab__rss:visited {
  color: #774004;
}
.tabBox__tab__rss:before {
  /* 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;
  display: block;
  content: "\e924";
  width: 16px;
  height: 16px;
  margin: 0 auto 6px;
  font-size: 16px;
  color: #eb8f2b;
  text-decoration: none;
}

html:not(.mobile) .tabBox__tab__rss:hover,
.tabBox__tab__rss.hover {
  text-decoration: none;
  background: #fff;
  color: #774004;
}

.tabBox__Body {
  border: 1px solid #d3d3d3;
  border-top: none;
  height: 100%;
}
@media screen and (max-width: 720px) {
  .tabBox__Body {
    border: none;
  }
}

.no-border .tabBox__Body {
  border: none;
}

html.no-js .no-border .tabBox__Body__item + .tabBox__Body__item {
  margin-top: 40px;
}

/* ***************************
pageTopLink
*************************** */
.pageTopLink {
  position: relative;
  margin-top: 20px;
  text-align: right;
}
.pageTopLink a {
  position: relative;
}
.pageTopLink a:before {
  /* 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;
  display: inline-block;
  content: "\e925";
  width: 16px;
  height: 16px;
  margin: -2px 6px 0 0;
  vertical-align: middle;
  color: #2d5aae;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/* ***************************
mainVisual
*************************** */
.mainVisual {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 980px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .mainVisual img {
    width: 100%;
  }
}

.mainVisual__inner {
  position: relative;
  max-width: 720px;
  width: 73.4693877551%;
}
@media screen and (max-width: 1000px) {
  .mainVisual__inner {
    float: none;
    width: 100%;
  }
}

.mainVisual__right {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 26.5306122449%;
  min-height: 318px;
  background: #f9f8f1;
}
@media screen and (max-width: 1000px) {
  .mainVisual__right {
    width: 100%;
    min-height: 0;
    height: auto;
  }
}

/* ***************************
mvSlider
*************************** */
.mvSlider {
  position: relative;
}
.mvSlider__body:not(.slick-slider) .mvSlider__item:not(:first-child) {
  display: none;
}

.mvSlider__item {
  position: relative;
  margin: 0;
  padding: 0;
}
.mvSlider__item:before {
  content: none;
}

.mvSlider__body.slick-slider .mvSlider__item:after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #fff;
  opacity: 0.6;
}
@media screen and (max-width: 900px) {
  .mvSlider__body.slick-slider .mvSlider__item:after {
    content: none;
  }
}
.mvSlider__body.slick-slider .mvSlider__item.slick-active:after {
  content: none;
}

.mvSlider__link {
  display: block;
}
.mvSlider__link:after {
  content: none !important;
}

.mvSlider__btns {
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: 31px;
  bottom: 22px;
  font-size: 0;
  line-height: 0;
}
@media screen and (max-width: 750px) {
  .mvSlider__btns {
    position: static;
    left: 0;
    bottom: 0;
  }
}
.mvSlider__btns .slick-dots {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.mvSlider__btns .slick-dots li {
  margin: 0;
  padding: 0;
}
.mvSlider__btns .slick-dots li:before {
  content: none;
}
.mvSlider__btns .slick-dots li + li {
  margin-left: 10px;
}
.mvSlider__btns .slick-dots button {
  display: block;
  width: 12px;
  height: 12px;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 2px solid #3360b3;
  font-size: 0%;
  line-height: 0;
  color: #222;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 750px) {
  .mvSlider__btns .slick-dots button {
    display: none;
  }
}
.mvSlider__btns .slick-dots .slick-active button {
  background-color: #3360b3;
  border-color: #fff;
  color: #fff;
}
.mvSlider__btns .prevArrow,
.mvSlider__btns .nextArrow {
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 750px) {
  .mvSlider__btns .prevArrow,
.mvSlider__btns .nextArrow {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
.mvSlider__btns .prevArrow button,
.mvSlider__btns .nextArrow button {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (max-width: 750px) {
  .mvSlider__btns .prevArrow button,
.mvSlider__btns .nextArrow button {
    background-size: 20px;
  }
}
.mvSlider__btns .prevArrow {
  margin-right: 40px;
}
@media screen and (max-width: 750px) {
  .mvSlider__btns .prevArrow {
    left: 0;
  }
}
.mvSlider__btns .prevArrow button {
  background-image: url("/common/styles/img/slider_arrow_left.png");
}
.mvSlider__btns .nextArrow {
  margin-left: 40px;
}
@media screen and (max-width: 750px) {
  .mvSlider__btns .nextArrow {
    right: 0;
  }
}
.mvSlider__btns .nextArrow button {
  background-image: url("/common/styles/img/slider_arrow_right.png");
}
.mvSlider__btns .stopBtn {
  margin-left: 10px;
}
@media screen and (max-width: 750px) {
  .mvSlider__btns .stopBtn {
    display: none;
  }
}
.mvSlider__btns .stopBtn button {
  position: relative;
  width: 20px;
  height: 20px;
  background-color: #fff;
  color: #222;
  border: none;
  border-radius: 0;
}
.mvSlider__btns .stopBtn button:before, .mvSlider__btns .stopBtn button:after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  top: 6px;
  left: 7px;
  border-style: solid;
  border-width: 4px 0 4px 7px;
  border-color: transparent transparent transparent #757575;
}

.mvSlider__body.is-play + .mvSlider__btns .stopBtn button {
  background-color: #fff;
}
.mvSlider__body.is-play + .mvSlider__btns .stopBtn button:before, .mvSlider__body.is-play + .mvSlider__btns .stopBtn button:after {
  width: 3px;
  height: 9px;
  top: 6px;
  left: 6px;
  background: #757575;
  border: none;
}
.mvSlider__body.is-play + .mvSlider__btns .stopBtn button:after {
  left: 11px;
}

/* ***************************
mvRightBox
*************************** */
.mvRightBox {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 260px;
  padding: 12px 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 1000px) {
  .mvRightBox {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .mvRightBox {
    padding: 13px 5px;
  }
}

.mvRightBox__item {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mvRightBox__item + .mvRightBox__item {
  margin-top: 12px;
}
.mvRightBox__item + .mvRightBox__item + .mvRightBox__item {
  margin-top: 8px;
}
@media screen and (max-width: 720px) {
  .mvRightBox__item + .mvRightBox__item + .mvRightBox__item {
    margin-top: 10px;
  }
}
@media screen and (min-width: 1001px) {
  .mvRightBox__item + .mvRightBox__item + .mvRightBox__item.is-small {
    margin-top: 5px;
  }
}
@media screen and (max-width: 1000px) {
  .mvRightBox__item {
    width: 50%;
    padding: 0 5px;
  }
  .mvRightBox__item.sp-full {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .mvRightBox__item {
    padding: 0 5px;
  }
}

/* ***************************
transBox
*************************** */
.transBox {
  display: block;
}
@media screen and (max-width: 720px) {
  .transBox {
    display: none;
  }
}
.transBox .goog-te-gadget-icon {
  width: 19px;
}
.transBox .goog-te-menu-value img {
  width: auto;
}

/* ***************************
accessLinks
*************************** */
.accessLinks {
  margin: 0 -6px;
  padding: 0;
  letter-spacing: -0.34em;
  text-align: center;
}

.accessLinks__item {
  display: inline-block;
  width: 50%;
  margin: 0;
  padding: 0 6px;
  font-size: 92.8571428571%;
  line-height: 185%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.accessLinks__item:before {
  content: none;
}

.accessLinks__link {
  display: block;
  padding: 2px 10px;
  background: #2d5aae;
  border: 1px solid #2d5aae;
  border-bottom: 2px solid #274477;
  font-size: 100%;
  line-height: 154%;
  color: #fff;
  text-decoration: none;
  letter-spacing: normal;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.accessLinks__link:after {
  /* 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;
  position: absolute;
  display: inline-block;
  content: "\e907";
  margin: auto;
  top: 0;
  bottom: 0;
  right: 14px;
  font-size: 10px;
  height: 10px;
  color: #fff;
  vertical-align: middle;
}
.accessLinks__link:visited {
  color: #fff;
}

html:not(.mobile) .accessLinks__link:hover,
.accessLinks__link.hover {
  background: #274477;
  border-color: #274477;
  color: #fff;
  text-decoration: none;
}

/* ***************************
opacBox
*************************** */
.opacBox {
  width: 100%;
  border: 3px solid #f8e03d;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.opacBox__top {
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 3px 10px 4px 45px;
  background: #f8e03d;
}
.opacBox__top:before {
  /* 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;
  position: absolute;
  display: inline-block;
  content: "\e920";
  height: 18px;
  top: -4px;
  left: 12px;
  bottom: 0;
  margin: auto;
  font-size: 18px;
  color: #222;
  vertical-align: middle;
}
@media screen and (max-width: 720px) {
  .opacBox__top {
    padding: 7px 8px 8px 41px;
  }
  .opacBox__top:before {
    left: 8px;
  }
}

.opacBox__ttl {
  margin: 0 10px 0 0;
  padding: 0;
  background: none;
  border: none;
  font-size: 100%;
  line-height: 143%;
}
.opacBox__ttl:before {
  content: none;
}
@media screen and (max-width: 720px) {
  .opacBox__ttl {
    margin-right: 6px;
    font-size: 114.2857142857%;
    line-height: 125%;
  }
}

html:not([lang=ja]) .opacBox__ttl {
  letter-spacing: 0;
}

.opacBox__link {
  margin: 0;
  font-size: 100%;
  line-height: 143%;
}
@media screen and (max-width: 720px) {
  .opacBox__link {
    font-size: 100%;
    line-height: 143%;
  }
}
.opacBox__link a {
  color: #222;
  text-decoration: underline;
}
.opacBox__link a:after {
  content: none;
}

html:not(.mobile) .opacBox__link a:hover,
.opacBox__link a.hover {
  text-decoration: none;
}

.opacBox__form {
  padding: 9px 12px;
  background: #fff;
  letter-spacing: -0.34em;
}
@media screen and (max-width: 720px) {
  .opacBox__form {
    padding: 10px 8px 8px;
  }
}

.opacBox__input {
  display: inline-block;
  width: 154px;
  height: 27px;
  padding: 0 10px;
  border: 1px solid #d3d3d3;
  border-right: none;
  letter-spacing: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}
@media screen and (max-width: 1200px) {
  .opacBox__input {
    width: calc(100% - 40px);
  }
}
@media screen and (max-width: 720px) {
  .opacBox__input {
    width: calc(100% - 35px);
    height: 34px;
  }
}

.opacBox__submit {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 27px;
  background: #f8e03d;
  border-bottom: 2px solid #baa308;
  font-size: 0%;
  line-height: 0;
  letter-spacing: normal;
  text-align: center;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 720px) {
  .opacBox__submit {
    width: 35px;
    height: 34px;
    border-bottom-width: 1px;
  }
}
.opacBox__submit:before {
  /* 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;
  position: absolute;
  display: block;
  content: "\e912";
  width: 22px;
  height: 18px;
  top: 2px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  font-size: 18px;
  color: #222;
  vertical-align: middle;
}
@media screen and (max-width: 720px) {
  .opacBox__submit:before {
    width: 18px;
    height: 18px;
    font-size: 18px;
  }
}

/* ***************************
mvRigheLink
*************************** */
.mvRigheLink {
  width: 100%;
  height: 100%;
  border-bottom: 2px solid #b39e13;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mvRigheLink.is-gray {
  border-bottom-color: #d3d3d3;
}
.mvRigheLink.is-gray:hover {
  border-bottom-color: #c0cfec;
}

.mvRigheLink__card {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
  height: 80px;
  min-height: 80px;
  margin: 0;
  padding: 5px 0 5px 69px;
  background: #fff;
  border: 3px solid #f8e03d;
  color: #222;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 720px) {
  .mvRigheLink__card {
    height: 100%;
    padding: 4px 0 0 64px;
  }
}
.mvRigheLink__card:after {
  content: none !important;
}
.mvRigheLink__card:visited {
  color: #222;
}
.mvRigheLink__card:before {
  /* 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;
  position: absolute;
  display: block;
  width: 50px;
  height: 50px;
  top: 0;
  bottom: 0;
  left: 11px;
  margin: auto;
  padding: 10px 0 10px 2px;
  background: #f8e03d;
  font-size: 30px;
  color: #222;
  text-align: center;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 720px) {
  .mvRigheLink__card:before {
    width: 47px;
    height: 47px;
    left: 8px;
  }
}
.mvRigheLink__card.is-ufinity:before {
  content: "\e91e";
}
@media screen and (max-width: 720px) {
  .mvRigheLink__card.is-ufinity:before {
    padding: 12px 0 13px 2px;
    font-size: 22px;
  }
}
.mvRigheLink__card.is-reference:before {
  content: "\e91c";
}
@media screen and (max-width: 720px) {
  .mvRigheLink__card.is-reference:before {
    padding: 11px 0 11px 2px;
    font-size: 25px;
  }
}
.mvRigheLink__card.is-seminar {
  height: 60px;
  min-height: 60px;
  border-width: 1px;
}
@media screen and (max-width: 720px) {
  .mvRigheLink__card.is-seminar {
    height: 100%;
    padding: 2px 0 2px 69px;
  }
}
.mvRigheLink__card.is-seminar:before {
  content: "\e926";
  left: 13px;
  padding: 12px 0 8px 2px;
  background: #2d5aae;
  font-size: 28px;
  color: #fff;
}
@media screen and (max-width: 720px) {
  .mvRigheLink__card.is-seminar:before {
    left: 10px;
    font-size: 23px;
  }
}
@media screen and (min-width: 1001px) {
  .mvRigheLink__card.is-small {
    height: 52px;
    min-height: 52px;
    padding: 5px 0 3px 58px;
  }
  .mvRigheLink__card.is-small:before {
    width: 40px;
    height: 40px;
    left: 8px;
    padding: 8px 0 10px 2px;
  }
  .mvRigheLink__card.is-small.is-ufinity:before {
    font-size: 22px;
  }
  .mvRigheLink__card.is-small.is-reference:before {
    font-size: 23px;
  }
  .mvRigheLink__card.is-small.is-seminar:before {
    font-size: 20px;
    left: 10px;
    padding: 10px 0 10px 2px;
  }
}
@media screen and (max-width: 720px) {
  .mvRigheLink__card.is-small {
    height: 100%;
  }
}
.is-gray .mvRigheLink__card {
  border-color: #d3d3d3;
}

html:not(.mobile) .mvRigheLink__card:hover,
.mvRigheLink__card.hover {
  background: #f8e03d;
  color: #222;
  text-decoration: none;
}
html:not(.mobile) .mvRigheLink__card:hover:before,
.mvRigheLink__card.hover:before {
  background: #fff;
}

html:not(.mobile) .mvRigheLink__card.is-seminar:hover,
.mvRigheLink__card.is-seminar.hover {
  background: #dee7f6;
  border-color: #c0cfec;
}
html:not(.mobile) .mvRigheLink__card.is-seminar:hover:before,
.mvRigheLink__card.is-seminar.hover:before {
  background: #2d5aae;
  color: #fff;
}

.mvRigheLink__inner {
  display: table-cell;
  vertical-align: middle;
}

.mvRigheLink__ttl {
  width: 100%;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  font-size: 100%;
  line-height: 143%;
}
.mvRigheLink__ttl:before {
  content: none;
}
@media screen and (max-width: 720px) {
  .mvRigheLink__ttl {
    font-size: 100%;
    line-height: 122%;
  }
}
.is-seminar .mvRigheLink__ttl {
  font-size: 100%;
  line-height: 122%;
}

@media screen and (min-width: 1001px) {
  .is-small .mvRigheLink__ttl {
    font-size: 100%;
    line-height: 129%;
  }
}

.mvRigheLink__text {
  width: 100%;
  margin-top: 2px;
  font-size: 100%;
  line-height: 129%;
}
@media screen and (max-width: 720px) {
  .mvRigheLink__text {
    font-size: 85.7142857143%;
    line-height: 125%;
  }
}
.is-seminar .mvRigheLink__text {
  font-size: 100%;
  line-height: 122%;
}
@media screen and (max-width: 1000px) {
  .is-seminar .mvRigheLink__text {
    font-weight: bold;
  }
}

@media screen and (min-width: 1001px) {
  .is-small .mvRigheLink__text {
    margin-top: 0;
    font-size: 92.8571428571%;
    line-height: 139%;
  }
}

@media screen and (min-width: 1001px) {
  .is-small.is-seminar .mvRigheLink__text {
    font-size: 78.5714285714%;
    line-height: 128%;
    letter-spacing: -0.01em;
  }
}

/* ***************************
infoBox
*************************** */
.infoBox {
  padding: 14px 0 8px;
  background: #ebeff7;
}
.infoBox.is-emergency {
  background-color: #fbe1e1;
}
@media screen and (max-width: 720px) {
  .infoBox {
    padding: 10px 0 6px;
  }
}

.infoBox__inner {
  max-width: 1000px;
  margin: auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 720px) {
  .infoBox__inner {
    -ms-flex-flow: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
  }
}

.infoBox__left {
  width: 140px;
  margin-right: 40px;
  padding-bottom: 8px;
}
@media screen and (max-width: 720px) {
  .infoBox__left {
    padding-bottom: 4px;
  }
}

.infoBox__right {
  -ms-flex: 1 1 0;
  -webkit-box-flex: 1;
          flex: 1 1 0;
  width: 100%;
  width: calc(100% - 180px);
}
@media screen and (max-width: 720px) {
  .infoBox__right {
    width: 100%;
  }
}

.infoBox__ttl {
  margin: 0;
  padding: 3px 3px 3px;
  background: #2d5aae;
  border: none;
  font-size: 100%;
  line-height: 122%;
  font-weight: normal;
  color: #fff;
  text-align: center;
}
.infoBox__ttl:before {
  content: none;
}
@media screen and (max-width: 720px) {
  .infoBox__ttl {
    padding: 3px;
  }
}

.infoBox.is-emergency .infoBox__ttl {
  padding: 4px 3px 4px;
  background-color: #c81b1b;
  font-size: 114.2857142857%;
  line-height: 107%;
}
.top .infoBox.is-emergency .infoBox__ttl {
  padding: 8px 3px 7px;
  font-size: 121.4285714286%;
  line-height: 106%;
}

.infoBox__text {
  margin: 0;
  font-size: 100%;
  line-height: 172%;
}
@media screen and (max-width: 720px) {
  .infoBox__text {
    font-size: 107.1428571429%;
    line-height: 140%;
  }
}

.infoBox.is-emergency .infoBox__text {
  color: #c81b1b;
  font-size: 114.2857142857%;
  line-height: 150%;
}
@media screen and (max-width: 720px) {
  .infoBox.is-emergency .infoBox__text {
    font-size: 121.4285714286%;
    line-height: 124%;
  }
}
.top .infoBox.is-emergency .infoBox__text {
  padding-top: 5px;
}
.infoBox.is-emergency .infoBox__text a {
  color: #c81b1b;
}
.infoBox.is-emergency .infoBox__text a:visited {
  color: #c81b1b;
}

html:not(.mobile) .infoBox.is-emergency .infoBox__text a:hover,
.infoBox.is-emergency .infoBox__text a.hover {
  color: #c81b1b;
  text-decoration: none;
}

.infoBox__message {
  margin-top: 0;
  font-size: 107.1428571429%;
  line-height: 174%;
}
@media screen and (max-width: 720px) {
  .infoBox__message {
    font-size: 107.1428571429%;
    line-height: 140%;
  }
}
.infoBox__text ~ .infoBox__message {
  margin-top: 11px;
  padding-top: 8px;
  border-top: 1px solid #bac4d7;
}
@media screen and (max-width: 720px) {
  .infoBox__text ~ .infoBox__message {
    margin-top: 7px;
    padding-top: 7px;
  }
}

/* ***************************
section
*************************** */
.section.topNews {
  margin-top: 28px;
}
.section.topPR {
  margin-top: 0;
  background: #f9f8f1;
}
@media screen and (max-width: 720px) {
  .section.topPR {
    margin-top: 47px;
  }
}
.section.menu {
  margin-top: 50px;
}
@media screen and (max-width: 1220px) {
  .section.contents {
    padding: 0 10px;
  }
}

.topNews + .topPR {
  margin-top: 50px;
}

.section__inner {
  width: 100%;
  max-width: 1000px;
  margin: auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 720px) {
  .menu .section__inner {
    padding: 0;
  }
}

.contents .section__inner {
  max-width: 980px;
  padding: 68px 0 0;
}
@media screen and (max-width: 720px) {
  .contents .section__inner {
    padding: 47px 0 0;
  }
}

.menu + .contents .section__inner {
  border-top: 1px solid #d3d3d3;
}

.section__column {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.section__item {
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* ***************************
topNewsList
*************************** */
/* ***************************
topNewsList　220607
*************************** */
.topNewsList {
  padding: 46px 19px 34px;
  padding: 0;
}
@media screen and (max-width: 720px) {
  .topNewsList {
    padding: 30px 0 34px;
    padding: 0;
  }
}

.topNewsList__item {
  position: relative;
  padding: 22px 26px 16px;
}
@media screen and (max-width: 720px) {
  .topNewsList__item {
    padding-right: 0;
    padding-left: 0;
  }
}
.topNewsList__item::before {
  position: absolute;
  display: block;
  width: calc(100% - 38px);
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  border-top: 1px dotted #d3d3d3;
  content: "";
}
@media screen and (max-width: 720px) {
  .topNewsList__item::before {
    width: 100%;
  }
}
.topNewsList__item:first-child {
  padding-top: 36px;
}
@media screen and (max-width: 720px) {
  .topNewsList__item:first-child {
    padding-top: 40px;
  }
}
.topNewsList__item:first-child::before {
  content: none;
}
.topNewsList__item.is-pickup + .topNewsList__item:not(.is-pickup) {
  border-top: 2px solid #f9c0a3;
}
.topNewsList__item.is-pickup + .topNewsList__item:not(.is-pickup)::before {
  content: none;
}
.topNewsList__item.is-pickup {
  padding-right: 24px;
  padding-left: 24px;
  background: #fffaf4;
  border-width: 0 2px;
  border-style: solid;
  border-color: #f9c0a3;
}
@media screen and (max-width: 720px) {
  .topNewsList__item.is-pickup {
    padding-right: 13px;
    padding-left: 13px;
  }
}
.topNewsList__item.is-pickup::before {
  width: calc(100% - 36px);
}
@media screen and (max-width: 720px) {
  .topNewsList__item.is-pickup::before {
    width: calc(100% - 26px);
  }
}
.topNewsList__item.is-pickup:first-child {
  padding-top: 34px;
  border-top-width: 2px;
}
.topNewsList__item.is-pickup:first-child::after {
  /* 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;
  display: inline-block;
  content: "\e929";
  top: 8px;
  right: 10px;
  font-size: 23px;
  color: #f9c0a3;
  position: absolute;
}

.topNewsList__link {
  padding: 10px 16px 34px;
}

/*
newsItem
--------------------------- */
.newsItem__top {
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.newsItem__pickup {
  -ms-flex-item-align: center;
      align-self: center;
  min-width: 68px;
  margin-right: 7px;
  padding: 4px 3px 3px;
  background: #e14b0c;
  border-radius: 9px;
  font-size: 78.5714285714%;
  line-height: 100%;
  letter-spacing: 0.01em;
  color: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.newsItem__date {
  margin-right: 29px;
  font-size: 100%;
  line-height: 143%;
  white-space: nowrap;
}
@media screen and (max-width: 720px) {
  .newsItem__date {
    margin-right: 23px;
  }
}

.newsItem__labels {
  margin: 0;
  font-size: 85.7142857143%;
  line-height: 109%;
  letter-spacing: -0.34em;
  white-space: nowrap;
}

.newsItem__label {
  display: inline-block;
  width: 98px;
  padding: 3px 0 2px;
  background: #fff;
  border: 1px solid #565656;
  text-align: center;
  color: #222;
  letter-spacing: normal;
}
.newsItem__label.is-info {
  border-color: #3d9de0;
  color: #2e77aa;
}
.newsItem__label.is-event {
  border-color: #3d6fe0;
  color: #3d6fe0;
}
.newsItem__label.is-central {
  border-color: #cc6c0e;
  color: #cc6c0e;
}
.newsItem__label.is-tama {
  border-color: #9d8602;
  color: #9d8602;
}
.newsItem__label + .newsItem__label {
  margin-left: 10px;
}

.newsItem__img {
  width: 200px;
  margin: 20px 16px 0 0;
}

.newsItem__ttl {
  -ms-flex: 1 1 0;
  -webkit-box-flex: 1;
          flex: 1 1 0;
  width: 100%;
  margin: 10px 0 0;
  padding: 0;
  background: none;
  border: none;
  font-size: 100%;
  line-height: 158%;
}
.newsItem__ttl:before {
  content: none;
}

.newsItem__img + .newsItem__ttl {
  width: calc(100% - 216px);
  margin-top: 20px;
}

/* ***************************
multilangNews
*************************** */
.multilangNews {
  border: solid 2px #e6e6e6;
}

.multilangNews__body {
  padding: 29px 13px;
}

.multilangNews__item {
  margin: 0;
  padding: 0 15px;
}
.multilangNews__item + .multilangNews__item {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px dotted #e6e6e6;
}

/* ***************************
snsContainer
*************************** */
/*
facebookTimelineBox
--------------------------- */
.facebookTimelineBox {
  max-width: 500px;
  margin: auto;
  padding: 15px;
}
.facebookTimelineBox .fb_iframe_widget,
.facebookTimelineBox .fb_iframe_widget span,
.facebookTimelineBox .fb_iframe_widget iframe[style] {
  width: 100% !important;
}

/*
twitterTimelineBox
--------------------------- */
/*
mailBox
--------------------------- */
.mailBox {
  padding: 41px 30px;
}

.mailBox__ttl {
  margin: 0;
  padding: 0 0 5px;
  background: none;
  border: none;
  border-bottom: 1px dotted #d3d3d3;
  font-size: 107.1428571429%;
  line-height: 160%;
  text-align: center;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
}
.mailBox__ttl:before {
  content: none;
}

.mailBox__text {
  margin-top: 15px;
  font-size: 107.1428571429%;
  line-height: 160%;
}

.mailBox__btns {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 25px;
}

.mailBox__btns__item {
  width: 200px;
  margin: 0;
  padding: 0 10px;
}
.mailBox__btns__item:before {
  content: none;
}

/* ***************************
snsLinks
*************************** */
.snsLinks {
  display: none;
  margin-top: 16px;
}
@media screen and (max-width: 720px) {
  .snsLinks {
    display: block;
  }
}

.snsLinks__body {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.snsLinks__item {
  width: 33.33%;
}

.snsLinks__img {
  padding: 0 24px;
  text-align: center;
}
@media screen and (max-width: 375px) {
  .snsLinks__img {
    padding: 0 10px;
  }
  .snsLinks__img img {
    max-width: 70px;
  }
}

.snsLinks__text {
  margin-top: 13px;
  font-size: 114.2857142857%;
  line-height: 125%;
  text-align: center;
  font-weight: 600;
}

/* ***************************
prSlider
*************************** */
.prSlider {
  position: relative;
  padding: 40px 0 27px;
}
@media screen and (max-width: 720px) {
  .prSlider {
    padding: 40px 17.7464788732% 20px 17.4647887324%;
  }
}
.prSlider .slick-track {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
}

.prSlider__body {
  overflow: hidden;
}
.prSlider__body:not(.slick-slider) {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.prSlider__body:not(.slick-slider) .prSlider__item {
  width: 20%;
  margin-top: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 720px) {
  .prSlider__body:not(.slick-slider) .prSlider__item {
    width: 196px;
  }
}
@media screen and (max-width: 720px) {
  .prSlider__body {
    overflow: visible;
  }
}
.prSlider__body .slick-list {
  margin: 0 -5px;
}

.prSlider__item {
  padding: 0 5px;
}

.prSlider__link {
  position: relative;
  display: block;
  padding-top: 97.34%;
  background: #2d5aae;
  text-decoration: none;
}
.prSlider__link:before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.4;
  z-index: 2;
}
.prSlider__link:after {
  content: none !important;
}

html:not(.mobile) .prSlider__link:hover,
.prSlider__link.hover {
  text-decoration: none;
}
html:not(.mobile) .prSlider__link:hover:before,
.prSlider__link.hover:before {
  opacity: 0.6;
}
html:not(.mobile) .prSlider__link:hover img,
.prSlider__link.hover img {
  opacity: 1;
}

.prSlider__text {
  position: absolute;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-flow: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
}

.prSlider__ttl {
  max-width: 100%;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  font-size: 114.2857142857%;
  line-height: 119%;
  color: #fff;
  text-align: center;
}
.prSlider__ttl:before {
  content: none;
}

.prSlider__btn {
  position: relative;
  min-width: 150px;
  margin: 17px 0 0;
  padding: 6px 15px 4px;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.prSlider__btn:after {
  /* 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;
  position: absolute;
  display: inline-block;
  content: "\e907";
  height: 11px;
  top: 0;
  bottom: 0;
  right: 14px;
  margin: auto;
  font-size: 11px;
}

.prSlider__img {
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  overflow: hidden;
}
.prSlider__img img {
  position: absolute;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-height: 100%;
  max-width: inherit;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.prSlider__btns {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 28px;
  font-size: 0;
  line-height: 0;
}
@media screen and (max-width: 720px) {
  .prSlider__btns {
    margin-top: 20px;
  }
}
.prSlider__btns .slick-dots {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.prSlider__btns .slick-dots li {
  margin: 0;
  padding: 0;
}
.prSlider__btns .slick-dots li:before {
  content: none;
}
.prSlider__btns .slick-dots li + li {
  margin-left: 10px;
}
.prSlider__btns .slick-dots button {
  display: block;
  width: 10px;
  height: 10px;
  margin: 0;
  padding: 0;
  background: #fff;
  border: solid 1px #2d5aae;
  font-size: 0%;
  line-height: 0;
  color: #222;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.prSlider__btns .slick-dots .slick-active button {
  background-color: #2d5aae;
  color: #fff;
}
.prSlider__btns .prevArrow,
.prSlider__btns .nextArrow {
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 720px) {
  .prSlider__btns .prevArrow,
.prSlider__btns .nextArrow {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    bottom: 0;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
  }
}
.prSlider__btns .prevArrow button,
.prSlider__btns .nextArrow button {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
}
.prSlider__btns .prevArrow {
  margin-right: 20px;
}
@media screen and (max-width: 720px) {
  .prSlider__btns .prevArrow {
    left: 0;
    margin: auto;
  }
}
.prSlider__btns .prevArrow button {
  background-image: url("/common/styles/img/slider_arrow_left.png");
}
.prSlider__btns .nextArrow {
  margin-left: 20px;
}
@media screen and (max-width: 720px) {
  .prSlider__btns .nextArrow {
    right: 0;
    margin: auto;
  }
}
.prSlider__btns .nextArrow button {
  background-image: url("/common/styles/img/slider_arrow_right.png");
}
.prSlider__btns .stopBtn {
  margin-left: 10px;
}
.prSlider__btns .stopBtn button {
  position: relative;
  width: 20px;
  height: 20px;
  background-color: #696969;
  color: #fff;
  border: none;
  border-radius: 0;
}
.prSlider__btns .stopBtn button:before, .prSlider__btns .stopBtn button:after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  top: 6px;
  left: 7px;
  border-style: solid;
  border-width: 4px 0 4px 7px;
  border-color: transparent transparent transparent #fff;
}

.prSlider__body.is-play + .prSlider__btns .stopBtn button {
  background-color: #696969;
}
.prSlider__body.is-play + .prSlider__btns .stopBtn button:before, .prSlider__body.is-play + .prSlider__btns .stopBtn button:after {
  width: 3px;
  height: 9px;
  top: 6px;
  left: 6px;
  background: #fff;
  border: none;
}
.prSlider__body.is-play + .prSlider__btns .stopBtn button:after {
  left: 11px;
}

/* ***************************
recSlider
*************************** */
.recSlider {
  position: relative;
  padding: 60px 0 27px;
}
@media screen and (max-width: 720px) {
  .recSlider {
    padding: 40px 0 20px;
  }
}
.recSlider .slick-track {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
}

.recSlider__body {
  overflow: hidden;
}
.recSlider__body:not(.slick-slider) {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -16px -5px 0;
}
.recSlider__body:not(.slick-slider) .recSlider__item {
  width: 20%;
  margin-top: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 720px) {
  .recSlider__body:not(.slick-slider) .recSlider__item {
    width: 196px;
  }
}
@media screen and (max-width: 720px) {
  .recSlider__body {
    overflow: visible;
  }
}
.recSlider__body .slick-list {
  margin: 0 -5px;
}

.recSlider__item {
  padding: 0 5px;
}

.recSlider__link {
  position: relative;
  display: block;
  color: #222;
  text-decoration: none;
}
.recSlider__link:visited {
  color: #222;
}
.recSlider__link:after {
  content: none !important;
}

html:not(.mobile) .recSlider__link:hover,
.recSlider__link.hover {
  color: #2d5aae;
  text-decoration: none;
}

.recSlider__img {
  position: relative;
  padding-top: 63.829787234%;
  z-index: 1;
  overflow: hidden;
}
.recSlider__img img {
  position: absolute;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-height: 100%;
  max-width: inherit;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.recSlider__text {
  position: relative;
  margin-top: 10px;
  padding-right: 25px;
  font-size: 100%;
  line-height: 100%;
}
.recSlider__text:after {
  position: absolute;
  /* 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;
  display: inline-block;
  content: "\e907";
  top: 2px;
  right: 9px;
  font-size: 11px;
  color: #2d5aae;
  vertical-align: middle;
}
@media screen and (max-width: 720px) {
  .recSlider__text:after {
    right: 5px;
  }
}

.recSlider__btns {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 18px;
  font-size: 0;
  line-height: 0;
}
.recSlider__btns .slick-dots {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.recSlider__btns .slick-dots li {
  margin: 0;
  padding: 0;
}
.recSlider__btns .slick-dots li:before {
  content: none;
}
.recSlider__btns .slick-dots li + li {
  margin-left: 10px;
}
.recSlider__btns .slick-dots button {
  display: block;
  width: 10px;
  height: 10px;
  margin: 0;
  padding: 0;
  background: #fff;
  border: solid 1px #2d5aae;
  font-size: 0%;
  line-height: 0;
  color: #222;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.recSlider__btns .slick-dots .slick-active button {
  background-color: #2d5aae;
  color: #fff;
}
.recSlider__btns .prevArrow,
.recSlider__btns .nextArrow {
  width: 40px;
  height: 40px;
}
.recSlider__btns .prevArrow button,
.recSlider__btns .nextArrow button {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
}
.recSlider__btns .prevArrow {
  margin-right: auto;
}
.recSlider__btns .prevArrow button {
  background-image: url("/common/styles/img/slider_arrow_left.png");
}
.recSlider__btns .nextArrow {
  margin-left: auto;
}
.recSlider__btns .nextArrow button {
  background-image: url("/common/styles/img/slider_arrow_right.png");
}
.recSlider__btns .stopBtn {
  margin-left: 10px;
}
.recSlider__btns .stopBtn button {
  position: relative;
  width: 20px;
  height: 20px;
  background-color: #696969;
  color: #fff;
  border: none;
  border-radius: 0;
}
.recSlider__btns .stopBtn button:before, .recSlider__btns .stopBtn button:after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  top: 6px;
  left: 7px;
  border-style: solid;
  border-width: 4px 0 4px 7px;
  border-color: transparent transparent transparent #fff;
}

.recSlider__body.is-play + .recSlider__btns .stopBtn button {
  background-color: #696969;
}
.recSlider__body.is-play + .recSlider__btns .stopBtn button:before, .recSlider__body.is-play + .recSlider__btns .stopBtn button:after {
  width: 3px;
  height: 9px;
  top: 6px;
  left: 6px;
  background: #fff;
  border: none;
}
.recSlider__body.is-play + .recSlider__btns .stopBtn button:after {
  left: 11px;
}

/* ***************************
topMenu
*************************** */
.topMenu {
  -ms-flex-flow: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row;
  padding-bottom: 30px;
}
@media screen and (max-width: 720px) {
  .topMenu {
    -ms-flex-flow: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
  }
}

.topMenu__left {
  -ms-flex: 1 1 0;
  -webkit-box-flex: 1;
          flex: 1 1 0;
  width: 100%;
  width: calc(100% - 295px);
  margin-right: 40px;
  background: #ebeff7;
}
@media screen and (max-width: 720px) {
  .topMenu__left {
    width: 100%;
    margin: 0;
    padding: 15px 0 10px;
  }
}

.topMenu__head {
  margin: 15px 0 4px;
  padding: 0;
  background: none;
  border: none;
  font-size: 142.8571428571%;
  line-height: 140%;
  text-align: center;
}
@media screen and (max-width: 720px) {
  .topMenu__head {
    margin: 0 0 16px;
  }
}
.topMenu__head:before {
  content: none;
}

.topMenu__right {
  width: 255px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 720px) {
  .topMenu__right {
    width: calc(100% + 2px);
    margin: 20px -1px 0;
  }
}

.linkListBG.topMenuList {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 0 20px 20px;
}
.linkListBG.topMenuList li {
  width: auto;
  margin: 12px 0 0;
  padding: 0 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.linkListBG.topMenuList a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9px 13px 8px 29px;
  border-color: #d3d3d3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.linkListBG.topMenuList a:before {
  top: 2px;
}
@media screen and (max-width: 720px) {
  .linkListBG.topMenuList {
    padding: 0;
    border-bottom: 1px solid #cecece;
  }
  .linkListBG.topMenuList li {
    width: 50%;
    margin: 0;
    padding: 0;
    border-top: 1px solid #cecece;
  }
  .linkListBG.topMenuList li:last-child {
    width: 100%;
  }
  .linkListBG.topMenuList li:nth-child(2n) {
    width: 50%;
    border-left: 1px solid #cecece;
  }
  .linkListBG.topMenuList a {
    padding: 11px 13px 9px 24px;
    min-height: 48px;
    border: none;
    font-size: 100%;
    line-height: 100%;
  }
  .linkListBG.topMenuList a:before {
    top: 2px;
    left: 12px;
  }
}

@media screen and (max-width: 720px) {
  .ie11 .linkListBG.topMenuList a {
    padding: 19px 5px 16px 24px;
  }
}

/*
userServiceBtn, memberPageBtn
--------------------------- */
.userServiceBtn,
.memberPageBtn {
  width: 100%;
  margin: 0;
}
* + .userServiceBtn,
* + .memberPageBtn {
  margin-top: 6px;
}
@media screen and (max-width: 720px) {
  * + .userServiceBtn,
* + .memberPageBtn {
    margin-top: 10px;
  }
}

/*
userServiceBtn 
 */
.userServiceBtn__link {
  position: relative;
  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;
  min-height: 74px;
  padding: 9px 5px 10px 13px;
  background: #fff;
  border: 1px solid #d3d3d3;
  border-bottom-width: 3px;
  font-size: 114.2857142857%;
  line-height: 113%;
  color: #222;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 720px) {
  .userServiceBtn__link {
    padding: 7px 18px 5px 10px;
    min-height: 72px;
  }
}
.userServiceBtn__link:visited {
  color: #222;
}
.userServiceBtn__link:before {
  /* 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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  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: 46px;
  height: 46px;
  margin: -2px 13px 0 0;
  background: #2d5aae;
  color: #fff;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 720px) {
  .userServiceBtn__link:before {
    width: 48px;
    height: 48px;
    margin-right: 10px;
  }
}
.userServiceBtn__link:after {
  content: none !important;
}
.userServiceBtn__link--myLibrary:before {
  content: "\e927";
  padding: 5px 5px 5px 8px;
  font-size: 18px;
}
.userServiceBtn__link--roomReservation:before {
  content: "\e92a";
  padding: 7px 5px 5px 6px;
  font-size: 26px;
}

html:not(.mobile) .userServiceBtn__link:hover,
.userServiceBtn__link.hover {
  background-color: #dee7f6;
  border-color: #c0cfec;
  color: #222;
  text-decoration: none;
}

.userServiceBtn__body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (max-width: 720px) {
  .userServiceBtn__body {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}
html:not(.mobile) .userServiceBtn__link:hover .userServiceBtn__body, .userServiceBtn__link.hover .userServiceBtn__body {
  text-decoration: underline;
}

.userServiceBtn__sub {
  display: block;
  font-size: 87.5%;
  line-height: 115%;
}

/*
memberPageBtn
 */
.memberPageBtn__link {
  position: relative;
  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;
  min-height: 63px;
  padding: 10px 14px 10px 10px;
  background: #f2f2f2;
  border: 1px solid #d3d3d3;
  font-size: 100%;
  line-height: 129%;
  letter-spacing: 0;
  color: #222;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
}
@media screen and (max-width: 720px) {
  .memberPageBtn__link {
    padding: 8px 20px 5px 10px;
    min-height: 50px;
  }
}
.memberPageBtn__link:visited {
  color: #222;
}
.memberPageBtn__link:before {
  /* 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;
  content: "\e91d";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 20px;
  margin: -2px 11px 0 0;
  font-size: 20px;
  color: #b08f0d;
  vertical-align: middle;
}
@media screen and (max-width: 720px) {
  .memberPageBtn__link:before {
    margin-top: -4px;
    margin-right: 9px;
  }
}
.memberPageBtn__link:after {
  content: none !important;
}

html:not(.mobile) .memberPageBtn__link:hover,
.memberPageBtn__link.hover {
  color: #222;
}

html:not(.mobile) .memberPageBtn__link:hover .memberPageBtn__body,
.memberPageBtn__link.hover .memberPageBtn__body {
  text-decoration: underline;
}

.memberPageBtn__sup,
.memberPageBtn__sub {
  display: block;
  font-size: 85.7142857143%;
  line-height: 134%;
}

/* ***************************
libraryList
*************************** */
* + .libraryList {
  margin-top: 50px;
}

.libraryList__body {
  margin: 0;
  padding: 0;
}

.libraryList__item {
  margin: 0;
  padding: 0;
}
.libraryList__item:before {
  content: none;
}
@media screen and (max-width: 720px) {
  .libraryList__item + .libraryList__item {
    margin-top: 50px;
  }
}

/*
libraryBox
--------------------------- */
.libraryBox {
  -ms-flex-flow: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row;
}
@media screen and (max-width: 720px) {
  .libraryBox {
    -ms-flex-flow: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
  }
}

.libraryBox__item {
  position: relative;
  width: 50%;
}
@media screen and (max-width: 720px) {
  .libraryBox__item {
    width: 100%;
  }
}

.is-imgright .libraryBox__item:first-child {
  -ms-order: 1;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (max-width: 720px) {
  .is-imgright .libraryBox__item:first-child {
    -ms-order: 0;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

.libraryBox__item + .libraryBox__item:before, .libraryBox__item + .libraryBox__item:after {
  position: absolute;
  display: block;
  content: "";
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  z-index: 1;
}

.is-imgleft .libraryBox__item + .libraryBox__item:before {
  left: -21px;
  border-width: 17px 21px 17px 0;
  border-color: transparent #d3d3d3 transparent transparent;
}
@media screen and (max-width: 720px) {
  .is-imgleft .libraryBox__item + .libraryBox__item:before {
    top: -21px;
    bottom: auto;
    left: 0;
    right: 0;
    border-width: 0 21px 21px 21px;
    border-color: transparent transparent #d3d3d3 transparent;
  }
}
.is-imgleft .libraryBox__item + .libraryBox__item:after {
  left: -20px;
  border-width: 17px 21px 17px 0;
  border-color: transparent #fff transparent transparent;
}
@media screen and (max-width: 720px) {
  .is-imgleft .libraryBox__item + .libraryBox__item:after {
    top: -20px;
    bottom: auto;
    left: 0;
    right: 0;
    border-width: 0 21px 21px 21px;
    border-color: transparent transparent #fff transparent;
  }
}

.is-imgright .libraryBox__item + .libraryBox__item:before {
  right: -21px;
  border-width: 17px 0 17px 21px;
  border-color: transparent transparent transparent #d3d3d3;
}
@media screen and (max-width: 720px) {
  .is-imgright .libraryBox__item + .libraryBox__item:before {
    top: -21px;
    bottom: auto;
    left: 0;
    right: 0;
    border-width: 0 21px 21px 21px;
    border-color: transparent transparent #d3d3d3 transparent;
  }
}
.is-imgright .libraryBox__item + .libraryBox__item:after {
  right: -20px;
  border-width: 17px 0 17px 21px;
  border-color: transparent transparent transparent #fff;
}
@media screen and (max-width: 720px) {
  .is-imgright .libraryBox__item + .libraryBox__item:after {
    top: -20px;
    bottom: auto;
    left: 0;
    right: 0;
    border-width: 0 21px 21px 21px;
    border-color: transparent transparent #fff transparent;
  }
}

.libraryBox__img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 720px) {
  .libraryBox__img {
    position: relative;
  }
}
.libraryBox__img img {
  position: absolute;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-height: 100%;
  max-width: inherit;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (max-width: 720px) {
  .libraryBox__img img {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 0;
    left: auto;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.libraryBox__text {
  height: 100%;
  padding: 27px 39px 37px;
  border: 1px solid #d3d3d3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 720px) {
  .libraryBox__text {
    padding: 18px 0 0;
    border: none;
  }
}
.libraryBox__text p + p {
  margin-top: 8px;
}

.libraryBox__ttl {
  margin: 0 0 21px;
  padding: 0 0 5px;
  border: none;
  border-bottom: 2px solid;
  font-size: 135.7142857143%;
  line-height: 148%;
}
@media screen and (max-width: 720px) {
  .libraryBox__ttl {
    margin: 0 0 14px;
  }
}
.libraryBox__ttl:before {
  content: none;
}
.libraryBox__ttl.is-central {
  border-bottom-color: #cc6c0e;
}
.libraryBox__ttl.is-tama {
  border-bottom-color: #9d8602;
}

.libraryBox__time {
  -ms-flex-flow: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row;
  margin-top: 16px;
  padding: 8px 0;
  background: #f9f8f1;
}
.libraryBox__time__ttl {
  padding: 2px 9px 2px 16px;
  border-right: 1px solid #cdcbba;
  font-weight: 600;
  white-space: nowrap;
}
@media screen and (max-width: 720px) {
  .libraryBox__time__ttl {
    padding-left: 11px;
  }
}

.libraryBox__time__text {
  padding: 2px 5px 2px 14px;
  font-size: 100%;
  line-height: 150%;
}

.libraryBox__Btns {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
  padding-right: 20px;
}
@media screen and (max-width: 720px) {
  .libraryBox__Btns {
    margin: 30px -5px 0;
    padding: 0;
  }
}

.libraryBox__Btns__item {
  min-width: 172px;
  margin: 0;
  padding: 0 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.libraryBox__Btns__item:before {
  content: none;
}
@media screen and (max-width: 720px) {
  .libraryBox__Btns__item {
    width: 50%;
    min-width: 0;
    padding: 0 5px;
  }
}

/* ***************************
guideBtns
*************************** */
@media screen and (max-width: 720px) {
  * + .guideBtns {
    margin-top: 20px;
  }
}

@media screen and (max-width: 720px) {
  .guideBtns__body {
    margin: -10px -5px 0;
  }
}

.guideBtns__item {
  width: 33.33%;
}
@media screen and (max-width: 720px) {
  .guideBtns__item {
    width: 50%;
    margin-top: 10px;
    padding: 0 5px;
  }
}

/* ***************************
indexCards
*************************** */
* + .indexCards {
  margin-top: 22px;
  padding-top: 10px;
  border-top: 1px solid #d3d3d3;
}

.indexCards__body {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
}

.indexCards__item {
  width: 50%;
  margin: 20px 0 0;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.indexCards__item:before {
  content: none;
}
@media screen and (max-width: 720px) {
  .indexCards__item {
    width: 100%;
  }
}

/*
indexCard
--------------------------- */
.indexCard {
  display: block;
  border: 1px solid #e6e6e6;
  color: #222;
  text-decoration: none;
  -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.18);
  box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.18);
}
.indexCard:visited {
  color: #222;
}
.indexCard:after {
  content: none !important;
}

html:not(.mobile) a.indexCard:hover,
a.indexCard.hover {
  color: #222;
  text-decoration: none;
  opacity: 0.6;
}
html:not(.mobile) a.indexCard:hover img,
a.indexCard.hover img {
  opacity: 1;
}

.indexCard__ttl {
  display: table-cell;
  width: 500px;
  margin: 0;
  padding: 4px 10px 5px 23px;
  border: none;
  font-size: 114.2857142857%;
  line-height: 175%;
  color: #222;
  vertical-align: middle;
}
.indexCard__ttl:before {
  width: 4px;
  top: 9px;
  bottom: 10px;
  left: 15px;
}

a.indexCard .indexCard__ttl {
  text-decoration: underline;
}

.indexCard[href^=http]:not([href*="//www.library.metro.tokyo.jp"]):not([href*="//www.library.metro.tokyo.lg.jp"]):not([href*="//catalog.library.metro.tokyo.jp"]):not([href*="//catalog.library.metro.tokyo.lg.jp"]):not([href*="//archive.library.metro.tokyo.jp"]):not([href*="//archive.library.metro.tokyo.lg.jp"]):not([href*="//ufinity01.jp.fujitsu.com"]):not([href*="//www-std-pub02.ufinity.jp"]):not([href*="//crosssearch.library.metro.tokyo.lg.jp/"]):not([href*="//magazine.metro.tokyo.jp"]):not([href*="//magazine.metro.tokyo.lg.jp"]):not([href*="//admin.magazine.metro.tokyo.jp"]):not([href*="//admin.magazine.metro.tokyo.lg.jp"]):not([href*="//senmonlib.metro.tokyo.jp"]):not([href*="//senmonlib.metro.tokyo.lg.jp"]) .indexCard__ttl:after {
  /* 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;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 5px;
  letter-spacing: normal;
  text-decoration: underline;
  content: "\e915";
  width: 16px;
  height: 14px;
  font-size: 14px;
  color: #005396;
}
.indexCard[href^=http]:not([href*="//www.library.metro.tokyo.jp"]):not([href*="//www.library.metro.tokyo.lg.jp"]):not([href*="//catalog.library.metro.tokyo.jp"]):not([href*="//catalog.library.metro.tokyo.lg.jp"]):not([href*="//archive.library.metro.tokyo.jp"]):not([href*="//archive.library.metro.tokyo.lg.jp"]):not([href*="//ufinity01.jp.fujitsu.com"]):not([href*="//www-std-pub02.ufinity.jp"]):not([href*="//crosssearch.library.metro.tokyo.lg.jp/"]):not([href*="//magazine.metro.tokyo.jp"]):not([href*="//magazine.metro.tokyo.lg.jp"]):not([href*="//admin.magazine.metro.tokyo.jp"]):not([href*="//admin.magazine.metro.tokyo.lg.jp"]):not([href*="//senmonlib.metro.tokyo.jp"]):not([href*="//senmonlib.metro.tokyo.lg.jp"]) .indexCard__ttl:after {
  text-decoration: none;
}

.indexCard[href$=".pdf"] .indexCard__ttl:after,
.indexCard[href$=".PDF"] .indexCard__ttl:after {
  /* 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;
  display: inline-block;
  width: 12px;
  height: 16px;
  vertical-align: middle;
  margin: -2px 5px 0 5px;
  letter-spacing: normal;
  font-size: 16px;
  text-decoration: underline;
  content: "\e906";
  color: #c30d23;
}
.indexCard[href$=".pdf"] .indexCard__ttl:after,
.indexCard[href$=".PDF"] .indexCard__ttl:after {
  text-decoration: none;
}

.indexCard__body {
  padding: 12px 15px;
}

.indexCard__img {
  width: 126px;
  margin-right: 14px;
}
.indexCard__img img {
  width: 100%;
  vertical-align: bottom;
}

.indexCard__text {
  -ms-flex: 1 1 0;
  -webkit-box-flex: 1;
          flex: 1 1 0;
  width: 100%;
  margin-top: 6px;
  font-size: 100%;
  line-height: 143%;
}

/* ***************************
newsList
*************************** */
* + .newsList {
  margin-top: 32px;
}

.newsList__tab {
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
}

.newsList__tab__body {
  margin: 0;
  padding: 0;
}

.newsList__tab__item {
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
  margin: 0;
  padding: 0;
}
.newsList__tab__item + .newsList__tab__item {
  border-left: 1px solid #d3d3d3;
}
.newsList__tab__item:before {
  content: none;
}

.newsList__tab__btn {
  display: block;
  width: 100%;
  height: 100%;
  padding: 9px 5px 7px;
  border-top: 2px solid #db633e;
  font-size: 114.2857142857%;
  line-height: 175%;
  color: #777;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.newsList__tab__btn.is-central {
  border-color: #cc6c0e;
}
.newsList__tab__btn.is-tama {
  border-color: #ae9402;
}

html:not(.mobile) .newsList__tab__btn:hover,
.newsList__tab__btn.hover,
.newsList__tab__btn.is-active {
  color: #222;
  font-weight: 600;
}

.newsList__list {
  padding: 40px 19px 30px;
  border: 1px solid #d3d3d3;
}
@media screen and (max-width: 640px) {
  .newsList__list {
    padding: 30px 0 10px;
    border-width: 1px 0 0 0;
  }
}

.newsList__list__item {
  margin: 0;
  padding: 0 15px;
}
@media screen and (max-width: 640px) {
  .newsList__list__item {
    padding: 0;
  }
}
.newsList__list__item + .newsList__list__item {
  margin-top: 17px;
  padding-top: 20px;
  border-top: 1px dotted #d3d3d3;
}
@media screen and (max-width: 640px) {
  .newsList__list__item + .newsList__list__item {
    margin-top: 30px;
    padding-top: 30px;
  }
}

/*
newsCard
--------------------------- */
.newsCard__link {
  position: relative;
  -ms-flex-flow: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row;
  padding-right: 65px;
  color: #222;
  text-decoration: none;
}
.newsCard__link:visited {
  color: #222;
}
@media screen and (max-width: 640px) {
  .newsCard__link {
    -ms-flex-flow: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
    padding: 0;
  }
}

html:not(.mobile) a.newsCard__link:hover,
a.newsCard__link.hover {
  color: #222;
  text-decoration: none;
}
html:not(.mobile) a.newsCard__link:hover img,
a.newsCard__link.hover img {
  opacity: 1;
}

.newCard__img {
  width: 200px;
  margin-right: 20px;
}
@media screen and (max-width: 640px) {
  .newCard__img {
    width: 100%;
    margin: 0;
  }
}
.newCard__img img {
  width: 100%;
}

.newsCard__right {
  -ms-flex: 1 1 0;
  -webkit-box-flex: 1;
          flex: 1 1 0;
  width: 100%;
}

@media screen and (max-width: 640px) {
  .newCard__img + .newsCard__right {
    margin-top: 20px;
  }
}

.newsCard__labels {
  font-size: 85.7142857143%;
  line-height: 109%;
  letter-spacing: -0.34em;
}

.newsCard__label {
  display: inline-block;
  min-width: 88px;
  padding: 3px 5px 2px;
  border: 1px solid #565656;
  text-align: center;
  color: #222;
  letter-spacing: normal;
}
.newsCard__label + .newsCard__label {
  margin-left: 10px;
}
.newsCard__label.is-central {
  border-color: #cc6c0e;
  color: #cc6c0e;
}
.newsCard__label.is-tama {
  border-color: #ae9402;
  color: #ae9402;
}

.newsCard__ttl {
  margin: 12px 0 0;
  padding: 0;
  background: none;
  border: none;
  font-size: 100%;
  line-height: 143%;
}
.newsCard__ttl:before {
  content: none;
}

html:not(.mobile) a.newsCard__link:hover .newsCard__ttl,
a.newsCard__link.hover .newsCard__ttl {
  color: #224a94;
  text-decoration: underline;
}

.newsCard__date,
.newsCard__place,
.newsCard__desc {
  font-size: 100%;
  line-height: 158%;
}

.newsCard__date {
  margin-top: 10px;
}

.newsCard__place {
  margin-top: 4px;
}

.newsCard__desc {
  margin-top: 8px;
}

.newsCard__arrow {
  position: absolute;
  display: block;
  content: "";
  width: 28px;
  right: 0;
  top: 0;
  bottom: 3px;
  margin: auto;
  background: #ebeff7;
  font-size: 0;
  line-height: 0;
  font-weight: 600;
}
@media screen and (max-width: 640px) {
  .newsCard__arrow {
    position: static;
    width: 100%;
    margin-top: 15px;
    padding: 5px 0;
    font-size: 100%;
    line-height: 158%;
    text-align: center;
  }
}
.newsCard__arrow:after {
  /* 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;
  position: absolute;
  display: block;
  content: "\e907";
  height: 20px;
  top: 0;
  bottom: 4px;
  right: 6px;
  margin: auto;
  font-size: 20px;
  color: #2d5aae;
  vertical-align: middle;
}
@media screen and (max-width: 640px) {
  .newsCard__arrow:after {
    position: static;
    display: inline-block;
    margin: -2px 0 0 16px;
    height: 12px;
    font-size: 12px;
  }
}

html:not(.mobile) a.newsCard__link:hover .newsCard__arrow,
a.newsCard__link.hover .newsCard__arrow {
  background-color: #2d5aae;
  color: #fff;
}
html:not(.mobile) a.newsCard__link:hover .newsCard__arrow:after,
a.newsCard__link.hover .newsCard__arrow:after {
  color: #fff;
}

/* ***************************
eventLinks
*************************** */
.linkListBG.eventLinks {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 12px -5px 0;
}
@media screen and (min-width: 721px) {
  .linkListBG.eventLinks {
    display: none;
  }
}
.linkListBG.eventLinks li {
  width: 50%;
  margin-top: 10px;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.linkListBG.eventLinks li.w-100p {
  width: 100%;
}
.linkListBG.eventLinks a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  border-color: #d3d3d3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* ***************************
mailform
*************************** */
@media screen and (max-width: 500px) {
  .field {
    -ms-flex-flow: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
  }
}
.field + .field {
  margin-top: 15px;
  border-top: 1px dotted #ccc;
  padding-top: 15px;
}

.field__title {
  width: 200px;
  font-size: 107.1428571429%;
  line-height: 240%;
  font-weight: 600;
}
@media screen and (max-width: 500px) {
  .field__title {
    width: 100%;
  }
}
.field__title .label-required {
  margin-left: 10px;
  color: #ff0000;
}

.input__item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.input__item span {
  position: relative;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.input__item span.selectWrap:before {
  position: absolute;
  display: block;
  content: "";
  width: 24px;
  height: 36px;
  right: 0;
  top: 0;
  background: #ebeff7;
  z-index: 1;
}
.input__item span.selectWrap:after {
  position: absolute;
  display: block;
  content: "";
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  right: 6px;
  margin: auto;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #333 transparent transparent transparent;
  z-index: 2;
}
.input__item span.radioWrap {
  position: relative;
  padding-left: 30px;
  width: 50%;
}
.input__item span.radioWrap label {
  cursor: pointer;
}
.input__item span.radioWrap label:before {
  position: absolute;
  display: inline-block;
  content: "";
  width: 18px;
  height: 18px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border: 1px solid #ccc;
  border-radius: 50%;
}
.input__item span.radioWrap input[type=radio] {
  display: none;
}
.input__item span.radioWrap input[type=radio]:checked + label:after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  top: 0;
  bottom: 0;
  left: 6px;
  margin: auto;
  background: #333;
  border-radius: 50%;
}
.input__item input[type=text],
.input__item input[type=password],
.input__item input[type=email] {
  width: 100%;
  height: 36px;
  background: #FFF;
  padding: 0 11px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.input__item select {
  position: relative;
  width: 100%;
  height: 36px;
  background: none;
  padding: 0 11px;
  border: 1px solid #ccc;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 3;
}

.field__input {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% - 200px);
  max-width: 350px;
}
@media screen and (max-width: 500px) {
  .field__input {
    width: 100%;
  }
}

.error {
  margin-bottom: 30px;
  padding: 6px 16px;
  color: #9c2400;
  border: 1px solid #d23b3b;
  background: #fff3f3;
}
.error .field + .field {
  margin-top: 6px;
  padding-top: 6px;
  border-top-color: #d23b3b;
}

.formBtn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}
@media screen and (max-width: 500px) {
  .formBtn {
    -ms-flex-flow: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
  }
}
.formBtn .btn {
  margin: 20px 20px 0;
}

/* ***************************
loginBox
*************************** */
.loginBox {
  max-width: 420px;
  margin: auto;
  padding: 20px 0;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
}
.loginBox .formBtn {
  border-top: 1px solid #e6e6e6;
}

.loginBox__body {
  max-width: 350px;
  margin: auto;
  padding: 0 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.loginBox__item + .loginBox__item {
  margin-top: 5px;
}

.loginBox__ttl {
  position: relative;
  font-size: 107.1428571429%;
  line-height: 240%;
  font-weight: 600;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.loginBox__input {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.loginBox__text {
  display: block;
  width: 100%;
  height: 36px;
  background: #FFF;
  padding: 0 11px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.loginBox__error {
  max-width: 274px;
  margin: auto;
  padding: 6px 15px;
  color: #9c2400;
  border: 1px solid #d23b3b;
  background: #fff3f3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* ***************************
registForm
*************************** */
.registForm__msg,
.contact-form-information {
  margin-bottom: 40px;
}

.registForm__item {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 500px) {
  .registForm__item {
    -ms-flex-flow: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
  }
}
.registForm__item + .registForm__item {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px dotted #ccc;
}

.registForm__ttl {
  position: relative;
  width: 250px;
  padding: 0 10px 0 17px;
  font-size: 107.1428571429%;
  line-height: 240%;
  font-weight: 600;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 500px) {
  .registForm__ttl {
    width: 100%;
  }
}
.registForm__ttl .subtxt {
  display: block;
  font-size: 85.7142857143%;
  line-height: 150%;
  font-weight: normal;
}
@media screen and (max-width: 500px) {
  .registForm__ttl .subtxt br {
    display: none;
  }
}
.registForm__ttl .required {
  margin-left: 10px;
  color: #d23b3b;
}

.registForm__info {
  width: 100%;
}

.registForm__input {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  width: calc(100% - 250px);
  max-width: 450px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 500px) {
  .registForm__input {
    width: 100%;
    padding: 0 17px;
  }
}

div.registForm__input {
  width: 100%;
  max-width: 100%;
  margin-top: 15px;
}
div.registForm__input .registForm__area {
  height: 240px;
}

.registForm__text {
  display: block;
  width: 100%;
  height: 36px;
  background: #FFF;
  padding: 0 11px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.registForm__text + .registForm__text {
  margin-top: 12px;
}

.registForm__selectLabel, .filterBox__selectLabel {
  position: relative;
  display: block;
  width: 100%;
}
.registForm__selectLabel:before, .filterBox__selectLabel:before, .registForm__selectLabel:after, .filterBox__selectLabel:after {
  position: absolute;
  display: block;
  content: "";
}
.registForm__selectLabel:before, .filterBox__selectLabel:before {
  width: 24px;
  height: 36px;
  right: 0;
  top: 0;
  background: #ebeff7;
  z-index: 1;
}
.registForm__selectLabel:after, .filterBox__selectLabel:after {
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  right: 6px;
  margin: auto;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #333 transparent transparent transparent;
  z-index: 2;
}

.registForm__selectMulti {
  position: relative;
  display: block;
  width: 100%;
}

.registForm__select, .filterBox__select {
  position: relative;
  display: block;
  width: 100%;
  height: 36px;
  padding: 5px 30px 5px 11px;
  background: none;
  border: 1px solid #ccc;
  z-index: 3;
  cursor: pointer;
}

.registForm__select[size], [size].filterBox__select {
  height: auto;
  padding: 5px 0;
}
.registForm__select[size] option, [size].filterBox__select option {
  padding: 0 0 0 11px;
}

.registForm__col {
  display: inline-block;
  width: 50%;
  margin: 0;
  padding: 0 10px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.registForm__col:nth-child(n+3) {
  margin-top: 8px;
}
@media screen and (max-width: 500px) {
  .registForm__col {
    width: 100%;
  }
  .registForm__col:nth-child(n+2) {
    margin-top: 8px;
  }
}

.registForm__radio,
.registForm__check {
  display: none;
}

.registForm__radioLabel,
.registForm__checkLabel {
  position: relative;
  display: inline-block;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.registForm__radioLabel:before,
.registForm__checkLabel:before {
  position: absolute;
  display: inline-block;
  content: "";
  width: 18px;
  height: 18px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border: 1px solid #ccc;
}
.registForm__radioLabel:focus,
.registForm__checkLabel:focus {
  outline: 2px solid #dc1753 !important;
}

.registForm__radioLabel:before {
  border-radius: 50%;
}

.registForm__radio:checked + .registForm__radioLabel:after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  top: 0;
  bottom: 0;
  left: 6px;
  margin: auto;
  background: #333;
  border-radius: 50%;
}

.registForm__check:checked + .registForm__checkLabel:after {
  position: absolute;
  display: block;
  content: "";
  width: 14px;
  height: 7px;
  top: -4px;
  bottom: 0;
  left: 3px;
  margin: auto;
  border-left: 2px solid #222;
  border-bottom: 2px solid #222;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.registForm__area {
  display: block;
  width: 100%;
  height: 120px;
  padding: 0 11px;
  border: 1px solid #ccc;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.registForm__error {
  margin-bottom: 30px;
  padding: 6px 16px;
  color: #9c2400;
  border: 1px solid #d23b3b;
  background: #fff3f3;
}
.registForm__error .registForm__item + .registForm__item {
  margin-top: 6px;
  padding-top: 6px;
  border-top-color: #d23b3b;
}
.registForm__error .registForm__ttl {
  width: 234px;
  padding-left: 0;
}
.registForm__error .registForm__input {
  padding: 0;
}

/*
g-recaptcha
*************************** */
.g-recaptcha {
  margin-top: 40px;
}
.g-recaptcha > div {
  margin: auto;
}

/* ***************************
widget
*************************** */
.ui-widget-overlay.ui-front {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 40;
  cursor: default;
}

.ui-dialog {
  background: #fff;
  z-index: 50;
  border-radius: 5px;
  overflow-y: auto;
}

.ui-dialog-titlebar {
  position: relative;
  display: block;
  width: auto;
  padding: 10px 0 8px 0;
  border-bottom: 1px solid #cccccc;
  text-align: center;
  cursor: default;
}

.ui-dialog-title {
  font-size: 128.5714285714%;
  line-height: 134%;
  font-weight: 600;
}

.ui-dialog-titlebar button {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 45px;
  height: 100%;
  background: none;
  border: none;
  border-left: 1px solid #ccc;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}
.ui-dialog-titlebar button:hover {
  background: #e1e1e1;
}
.ui-dialog-titlebar button:before {
  /* 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;
  content: "\e917";
  display: inline-block;
  font-size: 18px;
  vertical-align: middle;
  color: #222;
}

/* ***************************
modalContents
*************************** */
.modalContents__body {
  padding: 20px 20px 0;
}

.modalContents__footer {
  padding: 0 20px 20px;
}

.modalMessage {
  background: #f6f6f6;
  padding: 16px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
}

/* ***************************
userBox
*************************** */
.userBox {
  padding: 18px 19px;
  border: 1px solid #e1daa8;
  background: #fbf5cb;
}

.userBox__item + .userBox__item {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #d9ce81;
}

/*
userInfo
--------------------------- */
.userInfo__ttl {
  font-size: 100%;
  line-height: 115%;
  color: #80720e;
  font-weight: 600;
}

.userInfo__name {
  margin-top: 5px;
}
.userInfo__name a {
  display: block;
  padding: 5px;
  background: #fff;
  font-size: 100%;
  line-height: 143%;
  font-weight: 600;
  color: #222;
  text-decoration: underline;
  text-align: center;
}
.userInfo__name a:visited {
  color: #222;
}

html:not(.mobile) .userInfo__name a:hover,
.userInfo__name a.hover {
  color: #222;
  text-decoration: none;
}

.userInfo__logout {
  margin-top: 6px;
  font-size: 100%;
  line-height: 158%;
  text-align: right;
}
.userInfo__logout a {
  color: #222;
  text-decoration: underline;
}
.userInfo__logout a:visited {
  color: #222;
}

html:not(.mobile) .userInfo__logout a:hover,
.userInfo__logout a.hover {
  color: #222;
  text-decoration: none;
}

/*
settingBtns
--------------------------- */
.settingBtns {
  margin: 0;
  padding: 0;
}

.settingBtns__item {
  margin: 0;
  padding: 0;
}
.settingBtns__item:before {
  content: none;
}
.settingBtns__item + .settingBtns__item {
  margin-top: 10px;
}

.settingBtns__btn {
  position: relative;
  display: block;
  margin: auto;
  padding: 11px 10px;
  background: #fff;
  border: 1px solid #e6e6e6;
  font-size: 107.1428571429%;
  line-height: 147%;
  color: #222;
  text-decoration: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.settingBtns__btn:visited {
  color: #222;
}
.settingBtns__btn:before {
  /* 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;
}
.settingBtns__btn.is-user:before {
  display: inline-block;
  content: "\e923";
  margin: -2px 9px 0 0;
  font-size: 20px;
  color: #2d5aae;
  vertical-align: middle;
}
.settingBtns__btn.is-top:before {
  display: inline-block;
  content: "\e922";
  margin: -2px 6px 0 0;
  font-size: 20px;
  color: #d23b3b;
  vertical-align: middle;
}
.settingBtns__btn.is-bbs {
  max-width: 170px;
  padding: 10px;
}
.settingBtns__btn.is-bbs:before {
  display: inline-block;
  content: "\e913";
  margin: -2px 5px 0 0;
  font-size: 16px;
  color: #008060;
  vertical-align: middle;
}

html:not(.mobile) .settingBtns__btn:hover,
.settingBtns__btn.hover {
  color: #222;
  text-decoration: underline;
}

/*
bbsBox
--------------------------- */
.bbsBox {
  background: #fff;
  padding: 20px 20px 10px;
}

.bbsBox__msg {
  margin-top: 13px;
  padding: 0 5px;
  font-size: 100%;
  line-height: 200%;
  text-align: center;
}

.bbsBox__setting {
  margin-top: 14px;
  padding-bottom: 10px;
}

/* ***************************
btnColumn
*************************** */
.btnColumn {
  margin: 0;
  padding: 0;
  max-width: 450px;
}
.btnColumn + .btnColumn {
  margin-top: 20px;
}
.btnColumn .btn {
  max-width: none;
}

.btnColumn__body {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -20px -10px 0;
}

.btnColumn__item {
  margin: 20px 0 0;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* ***************************
filterBox
*************************** */
.filterBox {
  max-width: 300px;
}

.filterBox__col + .filterBox__col {
  margin-top: 14px;
}
.filterBox__col:last-child {
  margin-top: 25px;
}

.filterBox__ttl {
  font-size: 107.1428571429%;
  line-height: 187%;
  font-weight: 600;
}

/* ***************************
exclusiveTable
*************************** */
/*
opTable
--------------------------- */
.opTable {
  width: 100%;
  -ms-word-break: break-all;
  word-break: break-all;
}
.opTable th {
  white-space: nowrap;
}
@media screen and (max-width: 1000px) {
  .opTable th {
    white-space: normal;
  }
}
.opTable td:last-child {
  width: 230px;
}
@media screen and (max-width: 640px) {
  .opTable td:last-child {
    width: 100px;
  }
}

* + .opTable {
  margin-top: 16px;
}

.opBtns {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -10px;
}
@media screen and (max-width: 640px) {
  .opBtns {
    -ms-flex-flow: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
  }
}
.opBtns .btn {
  margin: 10px 5px 0;
  width: 100px;
  text-align: center;
}

.tableHead {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 640px) {
  .tableHead {
    -ms-flex-flow: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.tableHead__right {
  width: 200px;
}
@media screen and (max-width: 640px) {
  .tableHead__right {
    margin-top: 10px;
  }
}

/*
accordionTable
--------------------------- */
.accordionTable {
  border: none;
}
.accordionTable th, .accordionTable td {
  padding: 0;
  border: none;
}
.accordionTable tr + tr td {
  padding-top: 8px;
}
.accordionTable td + td {
  width: 110px;
  padding-left: 20px;
}

/* ***************************
booklist page
*************************** */
/*
cBoxItem
--------------------------- */
.cBoxItem {
  position: relative;
  padding-left: 30px;
}
.cBoxItem input[type=checkbox] {
  display: none;
}
.cBoxItem label {
  cursor: pointer;
}
.cBoxItem label:before {
  position: absolute;
  display: inline-block;
  content: "";
  width: 18px;
  height: 18px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border: 1px solid #ccc;
}
.cBoxItem input[type=checkbox]:checked + label:after {
  position: absolute;
  display: block;
  content: "";
  width: 14px;
  height: 7px;
  top: -4px;
  bottom: 0;
  left: 3px;
  margin: auto;
  border-left: 2px solid #222;
  border-bottom: 2px solid #222;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*
booklist
--------------------------- */
.booklist {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
  -ms-word-break: break-all;
  word-break: break-all;
}
.booklist thead th {
  padding: 0;
}
.booklist thead th a {
  position: relative;
  display: block;
  padding: 12px 16px 9px;
  color: #222;
  text-decoration: none;
}
.booklist thead th a:hover {
  color: #222;
  text-decoration: none;
}
.booklist thead th a:visited {
  color: #222;
}
.booklist.is-order thead th a:before, .booklist.is-order thead th a:after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  right: 8px;
  border-style: solid;
}
.booklist.is-order thead th a:before {
  top: 0;
  bottom: 12px;
  border-width: 0 6px 8px 6px;
  border-color: transparent transparent #999 transparent;
}
.booklist.is-order thead th a:after {
  top: 12px;
  bottom: 0;
  border-width: 8px 6px 0 6px;
  border-color: #999 transparent transparent transparent;
}
.booklist.is-order thead th.order-asc a:before {
  border-color: transparent transparent #2d5aae transparent;
}
.booklist.is-order thead th.order-desc a:after {
  border-color: #2d5aae transparent transparent transparent;
}

/* ***************************
collectCards
*************************** */
* + .collectCards {
  margin-top: 22px;
  padding-top: 10px;
  border-top: 1px solid #d3d3d3;
}

.collectCards__body {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
}

.collectCards__item {
  width: 50%;
  margin: 20px 0 0;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 720px) {
  .collectCards__item {
    width: 100%;
  }
}
.collectCards__item:before {
  content: none;
}

/*
collectCard
--------------------------- */
.collectCard {
  position: relative;
  display: block;
  height: 100%;
  padding: 12px 30px 12px 15px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  color: #222;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.collectCard:visited {
  color: #222;
}
.collectCard:after {
  content: none !important;
}

html:not(.mobile) a.collectCard:hover,
a.collectCard.hover {
  background: #ebeff7;
  color: #224a94;
  text-decoration: underline;
}
html:not(.mobile) a.collectCard:hover .collectCard__img,
a.collectCard.hover .collectCard__img {
  background: #fff;
}
html:not(.mobile) a.collectCard:hover .collectCard__img img,
a.collectCard.hover .collectCard__img img {
  opacity: 1;
}

.collectCard__body {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

a.collectCard .collectCard__body:before {
  content: "";
  position: absolute;
  display: block;
  width: 16px;
  top: -1px;
  bottom: -1px;
  right: -1px;
  background: #ebeff7;
}
a.collectCard .collectCard__body:after {
  /* 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;
  position: absolute;
  display: inline-block;
  content: "\e907";
  width: 6px;
  height: 10px;
  top: 0;
  bottom: 0;
  right: 4px;
  margin: auto;
  font-size: 10px;
  color: #2d5aae;
}

html:not(.mobile) a.collectCard:hover .collectCard__body:before,
a.collectCard.hover .collectCard__body:before {
  background: #2d5aae;
}
html:not(.mobile) a.collectCard:hover .collectCard__body:after,
a.collectCard.hover .collectCard__body:after {
  color: #fff;
}

.collectCard__img {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 126px;
  height: 85px;
  margin-right: 15px;
  background: #f4f4f4;
  overflow: hidden;
}
.collectCard__img img {
  max-height: 85px;
  width: auto;
}

.collectCard__text {
  -ms-flex: 1 1 0;
  -webkit-box-flex: 1;
          flex: 1 1 0;
  width: 100%;
  width: calc(100% - 141px);
}

a.collectCard[href$=".pdf"] .collectCard__text:after,
a.collectCard[href$=".PDF"] .collectCard__text:after {
  /* 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;
  display: inline-block;
  width: 12px;
  height: 16px;
  vertical-align: middle;
  margin: -2px 5px 0 5px;
  letter-spacing: normal;
  font-size: 16px;
  text-decoration: underline;
  content: "\e906";
  color: #c30d23;
}
a.collectCard[href$=".pdf"] .collectCard__text:after,
a.collectCard[href$=".PDF"] .collectCard__text:after {
  text-decoration: none;
}

/* ***************************
fntSetBox
*************************** */
.fntSetBox {
  position: relative;
  background: #fff;
}

.fntSetBox__radio {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0;
  z-index: -1;
}
.fntSetBox__radio:focus {
  outline: none !important;
}

.fntSetBox__label {
  display: block;
  z-index: 2;
  cursor: pointer;
  text-align: center;
}
.fntSetBox__label:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #d0d0d0;
}

.fntSetBox__radio:checked + .fntSetBox__label:before {
  border: 2px solid #4db5ff;
}

/* ***************************
calender
*************************** */
.calenderBox__head {
  text-align: center;
  font-weight: 600;
  font-size: 114.2857142857%;
  line-height: 150%;
}

.calenderBox__table {
  width: 100%;
  margin-top: 5px;
  border-top: 2px solid #565656;
  border-left: 1px solid #b1b1b1;
  table-layout: fixed;
}
.calenderBox__table th, .calenderBox__table td {
  width: 14.2857142857%;
  background: none;
  border-color: #b1b1b1;
}
.calenderBox__table tr th:last-child,
.calenderBox__table tr td:last-child {
  border-color: #b1b1b1;
  border-right-style: solid;
}
.calenderBox__table thead tr th {
  padding: 4px 0;
  background: #F7F7F7;
  font-size: 100%;
  line-height: 172%;
  border-color: #b1b1b1;
  border-bottom-style: solid;
}
.calenderBox__table thead tr th.is-sun {
  color: #c21313;
}
.calenderBox__table thead tr th.is-sat {
  color: #1537a6;
}
.calenderBox__table tbody tr td {
  position: relative;
  padding: 10px 0 8px;
  text-align: center;
}
.calenderBox__table tbody tr td:first-child {
  color: #c21313;
}
.calenderBox__table tbody tr td:last-child {
  color: #1537a6;
}
.calenderBox__table tbody tr td.is-holiday {
  color: #c21313;
}
.calenderBox__table tbody tr td.is-today:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 2px solid #ffdc1d;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.calenderBox__table tbody tr td.is-closed {
  background: #fad6d6;
}
.calenderBox__table tbody tr td.is-closed:after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  top: 2px;
  left: 2px;
  border-style: solid;
  border-width: 12px 12px 0 0;
  border-color: #ec1414 transparent transparent transparent;
}
.calenderBox__table tbody tr:last-child td {
  border-bottom-style: solid;
}

.calendarIcons__item {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}

span.icn-today {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 30px;
  border: 2px solid #ffdc1d;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}

span.icn-closed {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 30px;
  background: #fad6d6;
  border: 1px dotted #b1b1b1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}
span.icn-closed:before {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  top: 2px;
  left: 2px;
  border-style: solid;
  border-width: 12px 12px 0 0;
  border-color: #ec1414 transparent transparent transparent;
}

/* ***************************
closeupLink
*************************** */
.closeupLink + .closeupLink {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dotted #d3d3d3;
}

.closeupLink__link {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  font-size: 100%;
  line-height: 186%;
}
.closeupLink__link:before {
  content: none !important;
}

/* ***************************
modalColumn
*************************** */
* + .modalColumn {
  margin-top: 20px;
}

.modalColumn__body {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.modalColumn__item {
  width: 20%;
  margin: 0;
  padding: 10px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 720px) {
  .modalColumn__item {
    width: 25%;
  }
}
@media screen and (max-width: 425px) {
  .modalColumn__item {
    width: 50%;
  }
}
.modalColumn__item img {
  width: 100%;
}

/* ***************************
relationBox
*************************** */
.relationBox {
  position: relative;
  background: #fafaf2;
  border: 1px solid #fafaf2;
  padding: 30px 13px 23px;
}
@media screen and (max-width: 720px) {
  .relationBox {
    margin-right: -10px;
    margin-left: -10px;
    padding: 30px 9px 19px;
  }
}
.relationBox:before {
  position: absolute;
  content: "";
  display: block;
  width: 36px;
  height: 6px;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  background: #be9b31;
}

.relationBox__ttl {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  font-size: 171.4285714286%;
  line-height: 117%;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 720px) {
  .relationBox__ttl {
    font-size: 171.4285714286%;
    line-height: 117%;
  }
}
.relationBox__ttl:before {
  content: none;
}

.relationBox__body {
  margin-top: 29px;
}

.relationBox__item {
  padding-left: 0;
}
.relationBox__item:before {
  content: none;
}
.relationBox__item + .relationBox__item {
  margin-top: 10px;
}

/*
relationItem
*************************** */
.relationItem {
  position: relative;
  background: #fff;
  border: 1px solid #e3dfc6;
}
.relationItem:before {
  position: absolute;
  content: "";
  width: 27px;
  height: 100%;
  top: 0;
  right: 0;
  background: #f6f6e2;
}
.relationItem:after {
  position: absolute;
  /* 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;
  content: "\e907";
  font-size: 16px;
  height: 16px;
  top: 0;
  bottom: 0;
  right: 8px;
  margin: auto 0;
  color: #be9b31;
}

.relationItem__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9px 40px 9px 9px;
  text-decoration: none;
  z-index: 2;
}
.relationItem__inner:after {
  content: none !important;
}

html:not(.mobile) .relationItem__inner:hover {
  text-decoration: none;
}

.relationItem__thumb {
  width: 19.3236714976%;
}
@media screen and (max-width: 720px) {
  .relationItem__thumb {
    width: 39.4736842105%;
  }
}

.relationItem__ttl {
  width: 77.2946859903%;
  margin: -6px 0 0;
  padding: 0;
  border: none;
  font-size: 107.1428571429%;
  line-height: 134%;
  font-weight: bold;
  color: #222;
}
@media screen and (max-width: 720px) {
  .relationItem__ttl {
    width: 55.9210526316%;
    font-size: 107.1428571429%;
    line-height: 134%;
  }
}
.relationItem__ttl:before {
  content: none;
}

.relationItem__inner[href^=http]:not([href*="//www.library.metro.tokyo.jp"]):not([href*="//www.library.metro.tokyo.lg.jp"]):not([href*="//catalog.library.metro.tokyo.jp"]):not([href*="//catalog.library.metro.tokyo.lg.jp"]):not([href*="//archive.library.metro.tokyo.jp"]):not([href*="//archive.library.metro.tokyo.lg.jp"]):not([href*="//ufinity01.jp.fujitsu.com"]):not([href*="//www-std-pub02.ufinity.jp"]):not([href*="//crosssearch.library.metro.tokyo.lg.jp/"]):not([href*="//magazine.metro.tokyo.jp"]):not([href*="//magazine.metro.tokyo.lg.jp"]):not([href*="//admin.magazine.metro.tokyo.jp"]):not([href*="//admin.magazine.metro.tokyo.lg.jp"]):not([href*="//senmonlib.metro.tokyo.jp"]):not([href*="//senmonlib.metro.tokyo.lg.jp"]) .relationItem__ttl:after {
  /* 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;
  display: inline-block;
  content: "\e915";
  width: 16px;
  height: 14px;
  margin: -2px 5px 0 5px;
  font-size: 14px;
  color: #005396;
  text-decoration: none;
  vertical-align: middle;
  letter-spacing: normal;
}

/* ***************************
reportIndex
*************************** */
* + .reportIndex {
  margin-top: 33px;
}

.reportIndex__item {
  margin: 0;
  padding: 0;
}
.reportIndex__item + .reportIndex__item {
  margin-top: 20px;
}

/* ***************************
reportCard
*************************** */
.reportCard {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 15px 40px 15px 15px;
  border: 1px solid #e6e6e6;
  color: #222;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.reportCard:visited {
  color: #222;
}
.reportCard:before {
  content: "";
  position: absolute;
  display: block;
  width: 27px;
  right: 0;
  top: 0;
  bottom: 0;
  background: #ebeff7;
}
.reportCard:after {
  /* 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;
  position: absolute;
  content: "\e907";
  height: 20px;
  top: 0;
  bottom: 0;
  right: 6px;
  margin: auto;
  font-size: 20px;
  color: #2d5aae;
  vertical-align: middle;
}

html:not(.mobile) .reportCard:hover,
.reportCard.hover {
  background: #ebeff7;
  color: #222;
  text-decoration: none;
}
html:not(.mobile) .reportCard:hover:before,
.reportCard.hover:before {
  background: #2d5aae;
}
html:not(.mobile) .reportCard:hover:after,
.reportCard.hover:after {
  color: #fff;
}

.reportCard__img {
  width: 200px;
}

.reportCard__right {
  -ms-flex: 1 1 0;
  -webkit-box-flex: 1;
          flex: 1 1 0;
  width: 100%;
  width: calc(100% - 200px);
  padding: 0 0 0 22px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.reportCard__ttl {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  font-size: 107.1428571429%;
  line-height: 147%;
}
.reportCard__ttl:before {
  content: none !important;
}

html:not(.mobile) .reportCard:hover .reportCard__ttl,
.reportCard.hover .reportCard__ttl {
  color: #224a94;
  text-decoration: underline;
}

/* ***************************
reportContents
*************************** */
.reportContents {
  margin: 0;
  padding: 14px 11px 26px;
  border: 10px solid #e6e6e6;
}
@media screen and (max-width: 550px) {
  .reportContents {
    padding: 14px;
    border-width: 5px;
  }
}

* + .reportContents {
  margin-top: 40px;
}

.reportContents__ttl {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  font-size: 142.8571428571%;
  line-height: 120%;
  text-align: center;
}
.reportContents__ttl:before, .reportContents__ttl:after {
  position: static;
  content: "";
  display: inline-block;
  width: 30px;
  height: 2px;
  margin: -6px 9px 0;
  background: #222;
  vertical-align: middle;
}

.reportContents__body {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 38px;
}
@media screen and (max-width: 550px) {
  .reportContents__body {
    margin-top: 15px;
  }
}

.reportContents__item {
  width: 50%;
  padding: 0 29px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 550px) {
  .reportContents__item {
    width: 100%;
    padding: 0;
  }
}
.reportContents__item + .reportContents__item {
  border-left: 1px solid #d3d3d3;
}
@media screen and (max-width: 550px) {
  .reportContents__item + .reportContents__item {
    border-left: none;
  }
}

.reportContents__list {
  margin-left: 0;
}
.reportContents__list > li {
  position: relative;
  padding-left: 1.5em;
  list-style-type: none;
}
.reportContents__list > li.is-active a {
  font-weight: 600;
  color: #222;
  text-decoration: none;
}
.reportContents__list > li ol {
  margin-left: 0;
}
.reportContents__list > li ol > li {
  margin-left: -6px;
  position: relative;
  padding-left: 2.3em;
  list-style: none;
  font-weight: 300;
}
.reportContents__list > li ol > li.is-active a {
  font-weight: 600;
  color: #222;
  text-decoration: none;
}
.reportContents__list .symbol {
  position: absolute;
  left: 0;
  font-weight: 300;
}

/* ***************************
balloonBox
*************************** */
.balloonBox {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 20px;
}
.balloonBox .balloonBox__img {
  width: 150px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 550px) {
  .balloonBox .balloonBox__img {
    width: 100%;
  }
}
.balloonBox .balloonBox__text {
  width: 100%;
  width: calc(100% - 150px);
  padding: 0 0 0 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 550px) {
  .balloonBox .balloonBox__text {
    width: 100%;
    padding: 30px 0 0;
  }
}
.balloonBox .balloonBox__text__inner {
  position: relative;
  padding: 33px 40px;
  border: 3px solid #d0d0d0;
  font-weight: 600;
  border-radius: 5px;
}
@media screen and (max-width: 550px) {
  .balloonBox .balloonBox__text__inner {
    padding: 15px 20px;
  }
}
.balloonBox .balloonBox__text__inner:before, .balloonBox .balloonBox__text__inner:after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
}
.balloonBox .balloonBox__text__inner:before {
  top: 37px;
  left: -24px;
  border-width: 9px 24px 9px 0;
  border-color: transparent #d0d0d0 transparent transparent;
}
@media screen and (max-width: 550px) {
  .balloonBox .balloonBox__text__inner:before {
    top: -24px;
    right: 0;
    left: 0;
    margin: auto;
    border-width: 0 9px 24px 9px;
    border-color: transparent transparent #d0d0d0 transparent;
  }
}
.balloonBox .balloonBox__text__inner:after {
  top: 40px;
  left: -17px;
  border-width: 6px 17px 6px 0;
  border-color: transparent #fff transparent transparent;
}
@media screen and (max-width: 550px) {
  .balloonBox .balloonBox__text__inner:after {
    top: -17px;
    right: 0;
    left: 0;
    margin: auto;
    border-width: 0 6px 17px 6px;
    border-color: transparent transparent #fff transparent;
  }
}

.balloonBox.is-blue .balloonBox__text__inner {
  background: #f6f9ff;
  border: 3px solid #acbedf;
}
.balloonBox.is-blue .balloonBox__text__inner:before {
  border-color: transparent #acbedf transparent transparent;
}
@media screen and (max-width: 550px) {
  .balloonBox.is-blue .balloonBox__text__inner:before {
    border-color: transparent transparent #acbedf transparent;
  }
}
.balloonBox.is-blue .balloonBox__text__inner:after {
  border-color: transparent #f6f9ff transparent transparent;
}
@media screen and (max-width: 550px) {
  .balloonBox.is-blue .balloonBox__text__inner:after {
    border-color: transparent transparent #f6f9ff transparent;
  }
}

.balloonBox.img-right .balloonBox__text {
  -ms-order: -1;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  padding: 0 30px 0 0;
}
@media screen and (max-width: 550px) {
  .balloonBox.img-right .balloonBox__text {
    -ms-order: 0;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    width: 100%;
    padding: 30px 0 0;
  }
}
.balloonBox.img-right .balloonBox__text__inner:before {
  left: auto;
  right: -24px;
  border-width: 9px 0 9px 24px;
  border-color: transparent transparent transparent #d0d0d0;
}
@media screen and (max-width: 550px) {
  .balloonBox.img-right .balloonBox__text__inner:before {
    top: -24px;
    right: 0;
    left: 0;
    margin: auto;
    border-width: 0 9px 24px 9px;
    border-color: transparent transparent #d0d0d0 transparent;
  }
}
.balloonBox.img-right .balloonBox__text__inner:after {
  left: auto;
  right: -17px;
  border-width: 6px 0 6px 17px;
  border-color: transparent transparent transparent #fff;
}
@media screen and (max-width: 550px) {
  .balloonBox.img-right .balloonBox__text__inner:after {
    top: -17px;
    right: 0;
    left: 0;
    margin: auto;
    border-width: 0 6px 17px 6px;
    border-color: transparent transparent #fff transparent;
  }
}

.balloonBox.img-right.is-blue .balloonBox__text__inner:before {
  border-color: transparent transparent transparent #acbedf;
}
@media screen and (max-width: 550px) {
  .balloonBox.img-right.is-blue .balloonBox__text__inner:before {
    border-color: transparent transparent #acbedf transparent;
  }
}
.balloonBox.img-right.is-blue .balloonBox__text__inner:after {
  border-color: transparent transparent transparent #f6f9ff;
}
@media screen and (max-width: 550px) {
  .balloonBox.img-right.is-blue .balloonBox__text__inner:after {
    border-color: transparent transparent #f6f9ff transparent;
  }
}

.balloonBox.is-middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.balloonBox.is-middle .balloonBox__img {
  width: 170px;
}
@media screen and (max-width: 550px) {
  .balloonBox.is-middle .balloonBox__img {
    width: 100%;
  }
}
.balloonBox.is-middle .balloonBox__text {
  width: 100%;
  width: calc(100% - 170px);
}
@media screen and (max-width: 550px) {
  .balloonBox.is-middle .balloonBox__text {
    width: 100%;
  }
}
.balloonBox.is-middle .balloonBox__text__inner {
  padding: 30px 40px;
}
@media screen and (max-width: 550px) {
  .balloonBox.is-middle .balloonBox__text__inner {
    padding: 15px 20px;
  }
}
.balloonBox.is-middle .balloonBox__text__inner:before, .balloonBox.is-middle .balloonBox__text__inner:after {
  top: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 550px) {
  .balloonBox.is-middle .balloonBox__text__inner:before, .balloonBox.is-middle .balloonBox__text__inner:after {
    top: auto;
    bottom: auto;
    left: 0;
    right: 0;
  }
}
@media screen and (max-width: 550px) {
  .balloonBox.is-middle .balloonBox__text__inner:before {
    top: -24px;
  }
}
@media screen and (max-width: 550px) {
  .balloonBox.is-middle .balloonBox__text__inner:after {
    top: -17px;
  }
}

* + .balloonBox {
  margin-top: 30px;
}

.balloonBox + .balloonBox {
  margin-top: 20px;
}
@media screen and (max-width: 550px) {
  .balloonBox + .balloonBox {
    margin-top: 30px;
  }
}

/* ***************************
reportYellowBox
*************************** */
.reportYellowBox {
  margin: 0;
  padding: 0;
  background: #fbf5cb;
}

* + .reportYellowBox {
  margin-top: 30px;
}

.reportYellowBox__body {
  margin: 0;
  padding: 14px;
}

.reportYellowBox__item {
  margin: 0;
  padding: 9px 14px 7px;
  background: #fff;
  border: 1px solid #e3dfc6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.reportYellowBox__item:before {
  content: none !important;
}
.reportYellowBox__item + .reportYellowBox__item {
  margin-top: 10px;
}

.reportYellowBox__ttl {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 128.5714285714%;
  line-height: 145%;
  color: #2d5aae;
}
.reportYellowBox__ttl:before {
  content: none !important;
}

/* ***************************
report2Column
*************************** */
.report2Column__body {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -20px -10px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.report2Column__img {
  width: 150px;
  margin: 20px 0 0;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 550px) {
  .report2Column__img {
    width: 100%;
  }
}

.report2Column__text {
  -ms-flex: 1 1 0;
  -webkit-box-flex: 1;
          flex: 1 1 0;
  width: 100%;
  width: calc(100% - 150px);
  margin: 20px 0 0;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 550px) {
  .report2Column__text {
    width: 100%;
  }
}

/* ***************************
reportBtns
*************************** */
.reportBtns {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 45px 0 0;
}

.reportBtns__item {
  width: 33.33%;
  max-width: 210px;
  margin: 10px 0 0;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 500px) {
  .reportBtns__item {
    width: 210px;
  }
}

.btn.is-rTop:after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.btn.is-return:after {
  right: auto;
  left: 14px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* ***************************
edo tokyo
*************************** */
.special1 .main__body,
.special2 .main__body,
.special3 .main__body {
  padding-bottom: 80px;
  background-color: #fdfaf2;
}
@media screen and (max-width: 1100px) {
  .special1 .main__body,
.special2 .main__body,
.special3 .main__body {
    background-size: contain;
  }
}
.special1 .returnTop__body,
.special2 .returnTop__body,
.special3 .returnTop__body {
  position: relative;
}
.special1 .returnTop__body__link,
.special2 .returnTop__body__link,
.special3 .returnTop__body__link {
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.special1 .lead,
.special2 .lead,
.special3 .lead {
  text-shadow: -1px 1px 0 #fff, 1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
}

.special1 .main__body {
  background-image: url("/common/styles/img/special_bg01.png"), url("/common/styles/img/special_bg03.png"), url("/common/styles/img/special_bg02.png"), url("/common/styles/img/special_bg04.png");
  background-repeat: no-repeat, repeat-x, no-repeat, repeat-x;
  background-position: left top, left top, right bottom, right bottom;
}
@media screen and (max-width: 1100px) {
  .special1 .main__body {
    background-image: url("/common/styles/img/special_bg01.png"), url("/common/styles/img/special_bg02.png");
    background-repeat: no-repeat, no-repeat;
    background-position: left top, right bottom;
  }
}

.special2 .main__body {
  background-image: url("/common/styles/img/special_bg05.png"), url("/common/styles/img/special_bg03.png"), url("/common/styles/img/special_bg04.png");
  background-repeat: no-repeat, repeat-x, repeat-x;
  background-position: left top, left top, right bottom;
}
@media screen and (max-width: 1100px) {
  .special2 .main__body {
    background-image: url("/common/styles/img/special_bg05.png"), url("/common/styles/img/special_bg04.png");
    background-repeat: no-repeat, repeat-x;
    background-position: left top, right bottom;
  }
}
@media screen and (max-width: 1100px) {
  .special2.-low .main__body {
    background-size: cover;
  }
}
@media screen and (max-width: 720px) {
  .special2.-low .main__body {
    background-size: contain;
  }
}
.special2.-middle .main__body {
  min-height: 820px;
}
@media screen and (max-width: 720px) {
  .special2.-middle .main__body {
    min-height: 0;
  }
}

.special3 .main__body {
  background-image: url("/common/styles/img/special_bg01.png"), url("/common/styles/img/special_bg03.png"), url("/common/styles/img/special_bg04.png");
  background-repeat: no-repeat, repeat-x, repeat-x;
  background-position: left top, left top, right bottom;
}
@media screen and (max-width: 1100px) {
  .special3 .main__body {
    background-image: url("/common/styles/img/special_bg01.png"), url("/common/styles/img/special_bg04.png");
    background-repeat: no-repeat, repeat-x;
    background-position: left top, right bottom;
  }
}

/* ***************************
edoTokyoPickup
*************************** */
.edoTokyoPickup {
  margin: 0;
  padding: 0;
}

* + .edoTokyoPickup {
  margin-top: 30px;
}

.edoTokyoPickup__body {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -10px -10px;
}

.edoTokyoPickup__item {
  width: 33.33%;
  margin: 10px 0 0;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 720px) {
  .edoTokyoPickup__item {
    width: 100%;
  }
}

/* ***************************
et-pickupCard
*************************** */
.et-pickupCard {
  display: block;
  background: #fff;
  border: 1px solid #d3d3d3;
  text-decoration: none;
}
.et-pickupCard:after {
  content: none !important;
}

html:not(.mobile) .et-pickupCard:hover,
.et-pickupCard.hover {
  text-decoration: none;
  opacity: 0.7;
}

.et-pickupCard__img {
  text-align: center;
}
.et-pickupCard__img img {
  width: 100%;
}

.et-pickupCard__bottom {
  padding: 13px 20px;
}

.et-pickupCard__ttl {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  font-size: 100%;
  line-height: 143%;
  color: #224a94;
  font-weight: 600;
  text-decoration: underline;
}
.et-pickupCard__ttl:before {
  content: none !important;
}

.et-pickupCard__txt {
  font-size: 100%;
  line-height: 143%;
  color: #222;
}

/* ***************************
edoTokyoLinks
*************************** */
.edoTokyoLinks__item {
  margin: 0;
  padding: 0;
}
.edoTokyoLinks__item + .edoTokyoLinks__item {
  margin-top: 30px;
}

/* ***************************
et-linksCard
*************************** */
.et-linksCard {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid #d3d3d3;
  text-decoration: none;
}
.et-linksCard:after {
  content: none !important;
}

html:not(.mobile) .et-linksCard:hover,
.et-linksCard.hover {
  text-decoration: none;
  opacity: 0.7;
}

.et-linksCard__body {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 27px 0 0;
}
.et-linksCard__body:before {
  content: "";
  position: absolute;
  display: block;
  width: 27px;
  right: 0;
  top: 0;
  bottom: 0;
  background: #ebeff7;
}
.et-linksCard__body:after {
  /* 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;
  position: absolute;
  content: "\e907";
  height: 20px;
  top: 0;
  bottom: 0;
  right: 6px;
  margin: auto;
  font-size: 20px;
  color: #2d5aae;
  vertical-align: middle;
}

.et-linksCard__img {
  width: 46.2850182704%;
}

.et-linksCard__right {
  position: relative;
  width: 53.7149817296%;
  padding: 0 0 0 22px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.et-linksCard__ttl {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  font-size: 114.2857142857%;
  line-height: 138%;
  color: #222;
}
.et-linksCard__ttl:before {
  content: none !important;
}

.et-linksCard__txt {
  font-size: 100%;
  line-height: 158%;
  color: #222;
}

/* ***************************
houseMap
*************************** */
.areaTable {
  table-layout: fixed;
}
.areaTable th, .areaTable td {
  padding: 4px;
  text-align: center;
}

* + .houseMap {
  margin-top: 33px;
}

.btn.is-housemap {
  margin-top: 20px;
  margin-right: 0;
  min-height: 38px;
  padding: 5px 22px;
}

.panoContainer {
  position: relative;
  width: 100%;
  height: 350px;
}
* + .panoContainer {
  margin-top: 30px;
}
.panoContainer + .panoContainer {
  margin-top: 44px;
}

.panoContainer__inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.panoContainer__loader {
  position: absolute;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #aaa;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s, visibility 0s ease 1.5s;
  transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s, visibility 0s ease 1.5s;
}
.panoContainer__loader.is-hidden {
  opacity: 0;
  visibility: hidden;
}

.panoContainer__loader__icon {
  position: relative;
  width: 1em;
  height: 1em;
  margin: 100px auto;
  font-size: 16px;
  border-radius: 50%;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.panoContainer.is-enter .panoContainer__loader__icon {
  -webkit-animation: loader 1.1s infinite ease;
          animation: loader 1.1s infinite ease;
}

@-webkit-keyframes loader {
  0%, 100% {
    -webkit-box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
            box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}

@keyframes loader {
  0%, 100% {
    -webkit-box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
            box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
            box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
/* ***************************
pcLinkBtn
*************************** */
#pcLinkBtn {
  background: #fff;
  padding: 10px 10px 25px;
}

#pcLinkBtn .pcLinkBtn__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 960px;
  margin: 0 auto;
}

#pcLinkBtn .pcLinkBtn__btn a {
  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: 100%;
  padding: 9px 10px 7px;
  background: #dfe0e6;
  font-size: 88% !important;
  line-height: 172% !important;
  color: #002063;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#pcLinkBtn .pcLinkBtn__btn a:hover, #pcLinkBtn .pcLinkBtn__btn a:focus {
  opacity: 0.6;
}

html.is-pcMode #pcLinkBtn {
  padding: 20px 20px 50px;
}

html.is-pcMode #pcLinkBtn .pcLinkBtn__btn a {
  padding: 18px 10px 14px;
  font-size: 175% !important;
  line-height: 172% !important;
}

/* ***************************
systemInfo
*************************** */
.systemInfoTtl + .systemInfoLabel {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dotted #d3d3d3;
}

.systemInfoTtl {
  font-weight: bold;
}

.systemInfoLabel + .systemInfoTtl {
  margin-top: 0;
}

/* ***************************
topReserveLinks
*************************** */
.topReserveLinks {
  display: none;
}
@media screen and (max-width: 800px) {
  .topReserveLinks {
    display: block;
  }
}

/* ***************************
bunkaweek
*************************** */
:not([class*=special]).bunkaweek .returnTop__body__link {
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
:not([class*=special]).bunkaweek-2021 .main__body {
  background-color: #f7fcff;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left top, right bottom, from(#81b9eb), color-stop(50%, #f7fcff), to(#f7fcff)), -webkit-gradient(linear, right bottom, left top, from(#81b9eb), color-stop(50%, #f7fcff), to(#f7fcff));
  background-image: linear-gradient(to bottom right, #81b9eb 0%, #f7fcff 50%, #f7fcff 100%), linear-gradient(to top left, #81b9eb 0%, #f7fcff 50%, #f7fcff 100%);
  background-size: 1440px 528px, 1440px 528px;
  background-position: top left, bottom right;
}
@media screen and (max-width: 1440px) {
  :not([class*=special]).bunkaweek-2021 .main__body {
    min-height: 74vw;
    background-size: 100% 37vw, 100% 37vw;
  }
}
:not([class*=special]).bunkaweek:not(:not([class*=special]).bunkaweek-2021) .main__body, :not([class*=special]).bunkaweek-2022 .main__body {
  background-color: #fffefa;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNzAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogIDxkZWZzPg0KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iR3JhZGllbnQxIiB4MT0iMCIgeDI9IjAiIHkxPSIwIiB5Mj0iMSI+DQogICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjBkYWE4Ii8+DQogICAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1vcGFjaXR5PSIxIiBzdG9wLWNvbG9yPSIjZjBkYWE4Ii8+DQogICAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1vcGFjaXR5PSIwLjciIHN0b3AtY29sb3I9IiNmYWY1Y2EiLz4NCiAgICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1vcGFjaXR5PSIwIiBzdG9wLWNvbG9yPSIjZmZmZWZhIi8+DQogICAgPC9saW5lYXJHcmFkaWVudD4NCiAgPC9kZWZzPg0KICA8Zz4NCiAgICA8cmVjdCB4PSIwIiB5PSIxMjI1IiB3aWR0aD0iMzQ2NSIgaGVpZ2h0PSIyNDc1IiBmaWxsPSJ1cmwoI0dyYWRpZW50MSkiIHRyYW5zZm9ybT0icm90YXRlKC00NSAwIDM3MDApIiAvPg0KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxNDAwIiBoZWlnaHQ9IjIwMCIgZmlsbD0iI2YwZGFhOCIgLz4NCiAgPC9nPg0KPC9zdmc+"), url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNzAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogIDxkZWZzPg0KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iR3JhZGllbnQxIiB4MT0iMCIgeDI9IjAiIHkxPSIwIiB5Mj0iMSI+DQogICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjBkYWE4Ii8+DQogICAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1vcGFjaXR5PSIxIiBzdG9wLWNvbG9yPSIjZjBkYWE4Ii8+DQogICAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1vcGFjaXR5PSIwLjciIHN0b3AtY29sb3I9IiNmYWY1Y2EiLz4NCiAgICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1vcGFjaXR5PSIwIiBzdG9wLWNvbG9yPSIjZmZmZWZhIi8+DQogICAgPC9saW5lYXJHcmFkaWVudD4NCiAgPC9kZWZzPg0KICA8ZyB0cmFuc2Zvcm09InJvdGF0ZSgxODAgNzAwIDE4NTApIj4NCiAgICA8cmVjdCB4PSIwIiB5PSIxMjI1IiB3aWR0aD0iMzQ2NSIgaGVpZ2h0PSIyNDc1IiBmaWxsPSJ1cmwoI0dyYWRpZW50MSkiIHRyYW5zZm9ybT0icm90YXRlKC00NSAwIDM3MDApIiAvPg0KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxNDAwIiBoZWlnaHQ9IjIwMCIgZmlsbD0iI2YwZGFhOCIgLz4NCiAgPC9nPg0KPC9zdmc+");
  background-size: 100% 3700px;
  background-size: 100% min(3700px, 80%);
  background-position: left top, right bottom;
}
:not([class*=special]).bunkaweek:not(:not([class*=special]).bunkaweek-2021).bunkaweek-low .main__body, :not([class*=special]).bunkaweek-2022.bunkaweek-low .main__body {
  background-size: 100% 80%;
}

/* ***************************
bunkaweekLinks
*************************** */
* + .bunkaweekLinks {
  margin-top: 60px;
}

.bunkaweekLinks__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -20px;
}

.bunkaweekLinks__item {
  width: calc(50% - 10px);
  margin-top: 20px;
  padding: 17px 23px 19px;
  background: #fff;
  border: 1px solid #d3d3d3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .bunkaweekLinks__item {
    width: 100%;
  }
}
.bunkaweekLinks__item::before {
  content: none;
}

.bunkaweekLinks__page {
  font-size: 114.2857142857%;
  line-height: 150%;
}

.bunkaweekLinks__section {
  margin-top: 12px;
}

/* ***************************
bunkaweekModal
*************************** */
.bunkaweekModal .modaal-inner-wrapper {
  padding-top: 100px;
}
.bunkaweekModal.modaal-wrapper .modaal-close {
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 40px;
  top: -58px;
  right: 0;
  margin-left: auto;
  padding: 12px 16px 10px 34px !important;
  background: #2d5aae;
  border-bottom: 2px solid #28467e;
  font-size: 100%;
  line-height: 100%;
  color: #fff;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0;
  -webkit-transition: none;
  transition: none;
}
.bunkaweekModal.modaal-wrapper .modaal-close::before, .bunkaweekModal.modaal-wrapper .modaal-close::after {
  content: none !important;
}
.bunkaweekModal.modaal-wrapper .modaal-close span {
  color: #fff;
}
.bunkaweekModal.modaal-wrapper .modaal-close span::before {
  /* 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;
  position: absolute;
  display: inline-block;
  content: "\e917";
  height: 12px;
  top: 0;
  bottom: 0;
  left: 15px;
  margin: auto;
  font-size: 12px;
  color: #fff;
}
/* ***************************
bunkaweekHeading
*************************** */
* + .bunkaweekHeading {
  margin-top: 30px;
}
.bunkaweekHeading + .bunkaweekHeading {
  margin-top: 5px;
}
.bunkaweekHeading + p {
  margin-top: 20px;
}

.bunkaweekHeading__text {
  font-size: 157.1428571429%;
  line-height: 119%;
  font-weight: bold;
  color: #224a94;
}

.bunkaweekHeading__ruby {
  margin-top: 3px;
  font-weight: bold;
}

/* ***************************
bunkaweekZoom
*************************** */
.bunkaweekZoom {
  margin-top: 0;
  text-align: center;
}
* + .bunkaweekZoom {
  margin-top: 5px;
}
.bunkaweekZoom a:before {
  /* 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;
  display: inline-block;
  content: "\e928";
  margin-top: -2px;
  margin-right: 5px;
  font-size: 15px;
  vertical-align: middle;
}

/* *****************************************************
box
***************************************************** */
@media screen and (max-width: 720px) {
  .sp-img-auto {
    text-align: center;
  }
  .sp-img-auto img {
    width: auto !important;
  }
  .sp-img-auto .caption {
    text-align: center;
  }
}
.float-none {
  float: none;
}

/* float
----------------------------------------------------- */
.left {
  float: left;
}

.right {
  float: right;
}

/* text-align
----------------------------------------------------- */
.set-center {
  text-align: center;
}

.set-left {
  text-align: left;
}

.set-right {
  text-align: right;
}

/* vertical-align
----------------------------------------------------- */
.v-top {
  vertical-align: top;
}

.v-bottom {
  vertical-align: bottom;
}

.v-middle {
  vertical-align: middle;
}

/* box-align
----------------------------------------------------- */
.box-center {
  margin-right: auto;
  margin-left: auto;
}

.box-right {
  margin-right: 0;
  margin-left: auto;
}

.box-left {
  margin-right: auto;
  margin-left: 0;
}

/* margin
----------------------------------------------------- */
/* top */
.m-t0 {
  margin-top: 0;
}

.m-t5 {
  margin-top: 5px;
}

.m-t10 {
  margin-top: 10px;
}

.m-t15 {
  margin-top: 15px;
}

.m-t20 {
  margin-top: 20px;
}

.m-t25 {
  margin-top: 25px;
}

.m-t30 {
  margin-top: 30px;
}

.m-t35 {
  margin-top: 35px;
}

.m-t40 {
  margin-top: 40px;
}

.m-t45 {
  margin-top: 45px;
}

.m-t50 {
  margin-top: 50px;
}

.m-t55 {
  margin-top: 55px;
}

.m-t60 {
  margin-top: 60px;
}

.m-t65 {
  margin-top: 65px;
}

.m-t70 {
  margin-top: 70px;
}

.m-t75 {
  margin-top: 75px;
}

.m-t80 {
  margin-top: 80px;
}

.m-t85 {
  margin-top: 85px;
}

.m-t90 {
  margin-top: 90px;
}

.m-t95 {
  margin-top: 95px;
}

.m-t100 {
  margin-top: 100px;
}

/* right */
.m-r0 {
  margin-right: 0;
}

.m-r5 {
  margin-right: 5px;
}

.m-r10 {
  margin-right: 10px;
}

.m-r15 {
  margin-right: 15px;
}

.m-r20 {
  margin-right: 20px;
}

.m-r25 {
  margin-right: 25px;
}

.m-r30 {
  margin-right: 30px;
}

.m-r35 {
  margin-right: 35px;
}

.m-r40 {
  margin-right: 40px;
}

.m-r45 {
  margin-right: 45px;
}

.m-r50 {
  margin-right: 50px;
}

.m-r55 {
  margin-right: 55px;
}

.m-r60 {
  margin-right: 60px;
}

.m-r65 {
  margin-right: 65px;
}

.m-r70 {
  margin-right: 70px;
}

.m-r75 {
  margin-right: 75px;
}

.m-r80 {
  margin-right: 80px;
}

.m-r85 {
  margin-right: 85px;
}

.m-r90 {
  margin-right: 90px;
}

.m-r95 {
  margin-right: 95px;
}

.m-r100 {
  margin-right: 100px;
}

/* bottom */
.m-b0 {
  margin-bottom: 0;
}

.m-b5 {
  margin-bottom: 5px;
}

.m-b10 {
  margin-bottom: 10px;
}

.m-b15 {
  margin-bottom: 15px;
}

.m-b20 {
  margin-bottom: 20px;
}

.m-b25 {
  margin-bottom: 25px;
}

.m-b30 {
  margin-bottom: 30px;
}

.m-b35 {
  margin-bottom: 35px;
}

.m-b40 {
  margin-bottom: 40px;
}

.m-b45 {
  margin-bottom: 45px;
}

.m-b50 {
  margin-bottom: 50px;
}

.m-b55 {
  margin-bottom: 55px;
}

.m-b60 {
  margin-bottom: 60px;
}

.m-b65 {
  margin-bottom: 65px;
}

.m-b70 {
  margin-bottom: 70px;
}

.m-b75 {
  margin-bottom: 75px;
}

.m-b80 {
  margin-bottom: 80px;
}

.m-b85 {
  margin-bottom: 85px;
}

.m-b90 {
  margin-bottom: 90px;
}

.m-b95 {
  margin-bottom: 95px;
}

.m-b100 {
  margin-bottom: 100px;
}

/* left */
.m-l0 {
  margin-left: 0;
}

.m-l5 {
  margin-left: 5px;
}

.m-l10 {
  margin-left: 10px;
}

.m-l15 {
  margin-left: 15px;
}

.m-l20 {
  margin-left: 20px;
}

.m-l25 {
  margin-left: 25px;
}

.m-l30 {
  margin-left: 30px;
}

.m-l35 {
  margin-left: 35px;
}

.m-l40 {
  margin-left: 40px;
}

.m-l45 {
  margin-left: 45px;
}

.m-l50 {
  margin-left: 50px;
}

.m-l55 {
  margin-left: 55px;
}

.m-l60 {
  margin-left: 60px;
}

.m-l65 {
  margin-left: 65px;
}

.m-l70 {
  margin-left: 70px;
}

.m-l75 {
  margin-left: 75px;
}

.m-l80 {
  margin-left: 80px;
}

.m-l85 {
  margin-left: 85px;
}

.m-l90 {
  margin-left: 90px;
}

.m-l95 {
  margin-left: 95px;
}

.m-l100 {
  margin-left: 100px;
}

/* padding
----------------------------------------------------- */
/* top */
.p-t0 {
  padding-top: 0;
}

.p-t5 {
  padding-top: 5px;
}

.p-t10 {
  padding-top: 10px;
}

.p-t15 {
  padding-top: 15px;
}

.p-t20 {
  padding-top: 20px;
}

.p-t25 {
  padding-top: 25px;
}

.p-t30 {
  padding-top: 30px;
}

.p-t35 {
  padding-top: 35px;
}

.p-t40 {
  padding-top: 40px;
}

.p-t45 {
  padding-top: 45px;
}

.p-t50 {
  padding-top: 50px;
}

.p-t55 {
  padding-top: 55px;
}

.p-t60 {
  padding-top: 60px;
}

.p-t65 {
  padding-top: 65px;
}

.p-t70 {
  padding-top: 70px;
}

.p-t75 {
  padding-top: 75px;
}

.p-t80 {
  padding-top: 80px;
}

.p-t85 {
  padding-top: 85px;
}

.p-t90 {
  padding-top: 90px;
}

.p-t95 {
  padding-top: 95px;
}

.p-t100 {
  padding-top: 100px;
}

/* right */
.p-r0 {
  padding-right: 0;
}

.p-r5 {
  padding-right: 5px;
}

.p-r10 {
  padding-right: 10px;
}

.p-r15 {
  padding-right: 15px;
}

.p-r20 {
  padding-right: 20px;
}

.p-r25 {
  padding-right: 25px;
}

.p-r30 {
  padding-right: 30px;
}

.p-r35 {
  padding-right: 35px;
}

.p-r40 {
  padding-right: 40px;
}

.p-r45 {
  padding-right: 45px;
}

.p-r50 {
  padding-right: 50px;
}

.p-r55 {
  padding-right: 55px;
}

.p-r60 {
  padding-right: 60px;
}

.p-r65 {
  padding-right: 65px;
}

.p-r70 {
  padding-right: 70px;
}

.p-r75 {
  padding-right: 75px;
}

.p-r80 {
  padding-right: 80px;
}

.p-r85 {
  padding-right: 85px;
}

.p-r90 {
  padding-right: 90px;
}

.p-r95 {
  padding-right: 95px;
}

.p-r100 {
  padding-right: 100px;
}

/* bottom */
.p-b0 {
  padding-bottom: 0;
}

.p-b5 {
  padding-bottom: 5px;
}

.p-b10 {
  padding-bottom: 10px;
}

.p-b15 {
  padding-bottom: 15px;
}

.p-b20 {
  padding-bottom: 20px;
}

.p-b25 {
  padding-bottom: 25px;
}

.p-b30 {
  padding-bottom: 30px;
}

.p-b35 {
  padding-bottom: 35px;
}

.p-b40 {
  padding-bottom: 40px;
}

.p-b45 {
  padding-bottom: 45px;
}

.p-b50 {
  padding-bottom: 50px;
}

.p-b55 {
  padding-bottom: 55px;
}

.p-b60 {
  padding-bottom: 60px;
}

.p-b65 {
  padding-bottom: 65px;
}

.p-b70 {
  padding-bottom: 70px;
}

.p-b75 {
  padding-bottom: 75px;
}

.p-b80 {
  padding-bottom: 80px;
}

.p-b85 {
  padding-bottom: 85px;
}

.p-b90 {
  padding-bottom: 90px;
}

.p-b95 {
  padding-bottom: 95px;
}

.p-b100 {
  padding-bottom: 100px;
}

/* left */
.p-l0 {
  padding-left: 0;
}

.p-l5 {
  padding-left: 5px;
}

.p-l10 {
  padding-left: 10px;
}

.p-l15 {
  padding-left: 15px;
}

.p-l20 {
  padding-left: 20px;
}

.p-l25 {
  padding-left: 25px;
}

.p-l30 {
  padding-left: 30px;
}

.p-l35 {
  padding-left: 35px;
}

.p-l40 {
  padding-left: 40px;
}

.p-l45 {
  padding-left: 45px;
}

.p-l50 {
  padding-left: 50px;
}

.p-l55 {
  padding-left: 55px;
}

.p-l60 {
  padding-left: 60px;
}

.p-l65 {
  padding-left: 65px;
}

.p-l70 {
  padding-left: 70px;
}

.p-l75 {
  padding-left: 75px;
}

.p-l80 {
  padding-left: 80px;
}

.p-l85 {
  padding-left: 85px;
}

.p-l90 {
  padding-left: 90px;
}

.p-l95 {
  padding-left: 95px;
}

.p-l100 {
  padding-left: 100px;
}

/* width
----------------------------------------------------- */
.w0 {
  width: 0 !important;
}

.w5 {
  width: 5px !important;
}

.w10 {
  width: 10px !important;
}

.w15 {
  width: 15px !important;
}

.w20 {
  width: 20px !important;
}

.w25 {
  width: 25px !important;
}

.w30 {
  width: 30px !important;
}

.w35 {
  width: 35px !important;
}

.w40 {
  width: 40px !important;
}

.w45 {
  width: 45px !important;
}

.w50 {
  width: 50px !important;
}

.w55 {
  width: 55px !important;
}

.w60 {
  width: 60px !important;
}

.w65 {
  width: 65px !important;
}

.w70 {
  width: 70px !important;
}

.w75 {
  width: 75px !important;
}

.w80 {
  width: 80px !important;
}

.w85 {
  width: 85px !important;
}

.w90 {
  width: 90px !important;
}

.w95 {
  width: 95px !important;
}

.w100 {
  width: 100px !important;
}

.w105 {
  width: 105px !important;
}

.w110 {
  width: 110px !important;
}

.w115 {
  width: 115px !important;
}

.w120 {
  width: 120px !important;
}

.w125 {
  width: 125px !important;
}

.w130 {
  width: 130px !important;
}

.w135 {
  width: 135px !important;
}

.w140 {
  width: 140px !important;
}

.w145 {
  width: 145px !important;
}

.w150 {
  width: 150px !important;
}

.w155 {
  width: 155px !important;
}

.w160 {
  width: 160px !important;
}

.w165 {
  width: 165px !important;
}

.w170 {
  width: 170px !important;
}

.w175 {
  width: 175px !important;
}

.w180 {
  width: 180px !important;
}

.w185 {
  width: 185px !important;
}

.w190 {
  width: 190px !important;
}

.w195 {
  width: 195px !important;
}

.w200 {
  width: 200px !important;
}

.w205 {
  width: 205px !important;
}

.w210 {
  width: 210px !important;
}

.w215 {
  width: 215px !important;
}

.w220 {
  width: 220px !important;
}

.w225 {
  width: 225px !important;
}

.w230 {
  width: 230px !important;
}

.w235 {
  width: 235px !important;
}

.w240 {
  width: 240px !important;
}

.w245 {
  width: 245px !important;
}

.w250 {
  width: 250px !important;
}

.w255 {
  width: 255px !important;
}

.w260 {
  width: 260px !important;
}

.w265 {
  width: 265px !important;
}

.w270 {
  width: 270px !important;
}

.w275 {
  width: 275px !important;
}

.w280 {
  width: 280px !important;
}

.w285 {
  width: 285px !important;
}

.w290 {
  width: 290px !important;
}

.w295 {
  width: 295px !important;
}

.w300 {
  width: 300px !important;
}

.w305 {
  width: 305px !important;
}

.w310 {
  width: 310px !important;
}

.w315 {
  width: 315px !important;
}

.w320 {
  width: 320px !important;
}

.w325 {
  width: 325px !important;
}

.w330 {
  width: 330px !important;
}

.w335 {
  width: 335px !important;
}

.w340 {
  width: 340px !important;
}

.w345 {
  width: 345px !important;
}

.w350 {
  width: 350px !important;
}

.w355 {
  width: 355px !important;
}

.w360 {
  width: 360px !important;
}

.w365 {
  width: 365px !important;
}

.w370 {
  width: 370px !important;
}

.w375 {
  width: 375px !important;
}

.w380 {
  width: 380px !important;
}

.w385 {
  width: 385px !important;
}

.w390 {
  width: 390px !important;
}

.w395 {
  width: 395px !important;
}

.w400 {
  width: 400px !important;
}

.w405 {
  width: 405px !important;
}

.w410 {
  width: 410px !important;
}

.w415 {
  width: 415px !important;
}

.w420 {
  width: 420px !important;
}

.w425 {
  width: 425px !important;
}

.w430 {
  width: 430px !important;
}

.w435 {
  width: 435px !important;
}

.w440 {
  width: 440px !important;
}

.w445 {
  width: 445px !important;
}

.w450 {
  width: 450px !important;
}

.w455 {
  width: 455px !important;
}

.w460 {
  width: 460px !important;
}

.w465 {
  width: 465px !important;
}

.w470 {
  width: 470px !important;
}

.w475 {
  width: 475px !important;
}

.w480 {
  width: 480px !important;
}

.w485 {
  width: 485px !important;
}

.w490 {
  width: 490px !important;
}

.w495 {
  width: 495px !important;
}

.w500 {
  width: 500px !important;
}

.w505 {
  width: 505px !important;
}

.w510 {
  width: 510px !important;
}

.w515 {
  width: 515px !important;
}

.w520 {
  width: 520px !important;
}

.w525 {
  width: 525px !important;
}

.w530 {
  width: 530px !important;
}

.w535 {
  width: 535px !important;
}

.w540 {
  width: 540px !important;
}

.w545 {
  width: 545px !important;
}

.w550 {
  width: 550px !important;
}

.w555 {
  width: 555px !important;
}

.w560 {
  width: 560px !important;
}

.w565 {
  width: 565px !important;
}

.w570 {
  width: 570px !important;
}

.w575 {
  width: 575px !important;
}

.w580 {
  width: 580px !important;
}

.w585 {
  width: 585px !important;
}

.w590 {
  width: 590px !important;
}

.w595 {
  width: 595px !important;
}

.w600 {
  width: 600px !important;
}

.w605 {
  width: 605px !important;
}

.w610 {
  width: 610px !important;
}

.w615 {
  width: 615px !important;
}

.w620 {
  width: 620px !important;
}

.w625 {
  width: 625px !important;
}

.w630 {
  width: 630px !important;
}

.w635 {
  width: 635px !important;
}

.w640 {
  width: 640px !important;
}

.w645 {
  width: 645px !important;
}

.w650 {
  width: 650px !important;
}

.w655 {
  width: 655px !important;
}

.w660 {
  width: 660px !important;
}

.w665 {
  width: 665px !important;
}

.w670 {
  width: 670px !important;
}

.w675 {
  width: 675px !important;
}

.w680 {
  width: 680px !important;
}

.w685 {
  width: 685px !important;
}

.w690 {
  width: 690px !important;
}

.w695 {
  width: 695px !important;
}

.w700 {
  width: 700px !important;
}

.w705 {
  width: 705px !important;
}

.w710 {
  width: 710px !important;
}

.w715 {
  width: 715px !important;
}

.w720 {
  width: 720px !important;
}

.w725 {
  width: 725px !important;
}

.w730 {
  width: 730px !important;
}

.w735 {
  width: 735px !important;
}

.w740 {
  width: 740px !important;
}

.w745 {
  width: 745px !important;
}

.w750 {
  width: 750px !important;
}

.w755 {
  width: 755px !important;
}

.w760 {
  width: 760px !important;
}

.w765 {
  width: 765px !important;
}

.w770 {
  width: 770px !important;
}

.w775 {
  width: 775px !important;
}

.w780 {
  width: 780px !important;
}

.w785 {
  width: 785px !important;
}

.w790 {
  width: 790px !important;
}

.w795 {
  width: 795px !important;
}

.w800 {
  width: 800px !important;
}

.w805 {
  width: 805px !important;
}

.w810 {
  width: 810px !important;
}

.w815 {
  width: 815px !important;
}

.w820 {
  width: 820px !important;
}

.w825 {
  width: 825px !important;
}

.w830 {
  width: 830px !important;
}

.w835 {
  width: 835px !important;
}

.w840 {
  width: 840px !important;
}

.w845 {
  width: 845px !important;
}

.w850 {
  width: 850px !important;
}

.w855 {
  width: 855px !important;
}

.w860 {
  width: 860px !important;
}

.w865 {
  width: 865px !important;
}

.w870 {
  width: 870px !important;
}

.w875 {
  width: 875px !important;
}

.w880 {
  width: 880px !important;
}

.w885 {
  width: 885px !important;
}

.w890 {
  width: 890px !important;
}

.w895 {
  width: 895px !important;
}

.w900 {
  width: 900px !important;
}

/* width(%)
----------------------------------------------------- */
.w-0p {
  width: 0% !important;
}

.w-5p {
  width: 5% !important;
}

.w-10p {
  width: 10% !important;
}

.w-15p {
  width: 15% !important;
}

.w-20p {
  width: 20% !important;
}

.w-25p {
  width: 25% !important;
}

.w-30p {
  width: 30% !important;
}

.w-35p {
  width: 35% !important;
}

.w-40p {
  width: 40% !important;
}

.w-45p {
  width: 45% !important;
}

.w-50p {
  width: 50% !important;
}

.w-55p {
  width: 55% !important;
}

.w-60p {
  width: 60% !important;
}

.w-65p {
  width: 65% !important;
}

.w-70p {
  width: 70% !important;
}

.w-75p {
  width: 75% !important;
}

.w-80p {
  width: 80% !important;
}

.w-85p {
  width: 85% !important;
}

.w-90p {
  width: 90% !important;
}

.w-95p {
  width: 95% !important;
}

.w-100p {
  width: 100% !important;
}

.m-w100 {
  max-width: 100% !important;
}

/* height
----------------------------------------------------- */
.h0 {
  height: 0 !important;
}

.h5 {
  height: 5px !important;
}

.h10 {
  height: 10px !important;
}

.h15 {
  height: 15px !important;
}

.h20 {
  height: 20px !important;
}

.h25 {
  height: 25px !important;
}

.h30 {
  height: 30px !important;
}

.h35 {
  height: 35px !important;
}

.h40 {
  height: 40px !important;
}

.h45 {
  height: 45px !important;
}

.h50 {
  height: 50px !important;
}

.h55 {
  height: 55px !important;
}

.h60 {
  height: 60px !important;
}

.h65 {
  height: 65px !important;
}

.h70 {
  height: 70px !important;
}

.h75 {
  height: 75px !important;
}

.h80 {
  height: 80px !important;
}

.h85 {
  height: 85px !important;
}

.h90 {
  height: 90px !important;
}

.h95 {
  height: 95px !important;
}

.h100 {
  height: 100px !important;
}

.h105 {
  height: 105px !important;
}

.h110 {
  height: 110px !important;
}

.h115 {
  height: 115px !important;
}

.h120 {
  height: 120px !important;
}

.h125 {
  height: 125px !important;
}

.h130 {
  height: 130px !important;
}

.h135 {
  height: 135px !important;
}

.h140 {
  height: 140px !important;
}

.h145 {
  height: 145px !important;
}

.h150 {
  height: 150px !important;
}

.h155 {
  height: 155px !important;
}

.h160 {
  height: 160px !important;
}

.h165 {
  height: 165px !important;
}

.h170 {
  height: 170px !important;
}

.h175 {
  height: 175px !important;
}

.h180 {
  height: 180px !important;
}

.h185 {
  height: 185px !important;
}

.h190 {
  height: 190px !important;
}

.h195 {
  height: 195px !important;
}

.h200 {
  height: 200px !important;
}

.h205 {
  height: 205px !important;
}

.h210 {
  height: 210px !important;
}

.h215 {
  height: 215px !important;
}

.h220 {
  height: 220px !important;
}

.h225 {
  height: 225px !important;
}

.h230 {
  height: 230px !important;
}

.h235 {
  height: 235px !important;
}

.h240 {
  height: 240px !important;
}

.h245 {
  height: 245px !important;
}

.h250 {
  height: 250px !important;
}

.h255 {
  height: 255px !important;
}

.h260 {
  height: 260px !important;
}

.h265 {
  height: 265px !important;
}

.h270 {
  height: 270px !important;
}

.h275 {
  height: 275px !important;
}

.h280 {
  height: 280px !important;
}

.h285 {
  height: 285px !important;
}

.h290 {
  height: 290px !important;
}

.h295 {
  height: 295px !important;
}

.h300 {
  height: 300px !important;
}

.h305 {
  height: 305px !important;
}

.h310 {
  height: 310px !important;
}

.h315 {
  height: 315px !important;
}

.h320 {
  height: 320px !important;
}

.h325 {
  height: 325px !important;
}

.h330 {
  height: 330px !important;
}

.h335 {
  height: 335px !important;
}

.h340 {
  height: 340px !important;
}

.h345 {
  height: 345px !important;
}

.h350 {
  height: 350px !important;
}

.h355 {
  height: 355px !important;
}

.h360 {
  height: 360px !important;
}

.h365 {
  height: 365px !important;
}

.h370 {
  height: 370px !important;
}

.h375 {
  height: 375px !important;
}

.h380 {
  height: 380px !important;
}

.h385 {
  height: 385px !important;
}

.h390 {
  height: 390px !important;
}

.h395 {
  height: 395px !important;
}

.h400 {
  height: 400px !important;
}

.h405 {
  height: 405px !important;
}

.h410 {
  height: 410px !important;
}

.h415 {
  height: 415px !important;
}

.h420 {
  height: 420px !important;
}

.h425 {
  height: 425px !important;
}

.h430 {
  height: 430px !important;
}

.h435 {
  height: 435px !important;
}

.h440 {
  height: 440px !important;
}

.h445 {
  height: 445px !important;
}

.h450 {
  height: 450px !important;
}

.h455 {
  height: 455px !important;
}

.h460 {
  height: 460px !important;
}

.h465 {
  height: 465px !important;
}

.h470 {
  height: 470px !important;
}

.h475 {
  height: 475px !important;
}

.h480 {
  height: 480px !important;
}

.h485 {
  height: 485px !important;
}

.h490 {
  height: 490px !important;
}

.h495 {
  height: 495px !important;
}

.h500 {
  height: 500px !important;
}

.h-auto {
  height: auto !important;
}

/* ***************************
/* bgBlock
/* ************************ */
html.bgBlack {
  /*
  h-contList__link
   */
  /*
  reserveLinks__btn
   */
  /*
  sitemapLink
   */
  /*
  spDrawer
   */
  /*
  navGlobal
   */
  /*
  pageTitle
   */
  /*
  breadCrumb
   */
  /*
  sideNav
   */
  /*
  returnTop
   */
  /*
  footer
   */
  /*
  f-Slider
   */
  /*
  linkList
   */
  /*
  btn
   */
  /*
  accordion
   */
  /*
  mainVisual
   */
  /*
  infoBox
   */
  /*
  tabBox
   */
  /*
  topNewsList
   */
  /*
  newsList
   */
  /*
  newsCard
   */
  /*
  pagination
   */
  /*
  prSlider
   */
  /*
  topMenu
   */
  /*
  libraryList
   */
  /*
  collectCard
   */
  /*
  searchBox
   */
  /*
  report page
   */
  /*
  calender
   */
  /*
  report
   */
  /*
  bunkaweek
  */
  /*
  userBox
   */
  /* ***************************
  pcLinkBtn
  *************************** */
}
html.bgBlack body {
  background: #000;
  color: #fff;
}
html.bgBlack header {
  background: #000;
  -webkit-box-shadow: 0 1px 0 0 #fff;
          box-shadow: 0 1px 0 0 #fff;
}
html.bgBlack h2 {
  background: none;
  border-color: #fff;
}
html.bgBlack h2:before {
  background: #fff;
}
html.bgBlack h3 {
  border-color: #fff;
}
html.bgBlack h3:before {
  background: #fff;
}
html.bgBlack h4 {
  background: none;
}
html.bgBlack h4:before {
  background: #fff;
}
html.bgBlack h5:before {
  background: #fff;
}
html.bgBlack h6 {
  border-color: #FFF;
}
html.bgBlack em {
  color: #99ff99;
}
html.bgBlack mark {
  color: #ff9999;
}
html.bgBlack ul > li:before {
  background: #fff;
}
html.bgBlack li > ul > li:before {
  background: #fff;
}
html.bgBlack .asterisk li:before {
  background: none;
}
html.bgBlack a {
  color: #ffff99;
}
html.bgBlack a:visited {
  color: #ffff99;
}
html.bgBlack:not(.mobile) a:hover,
html.bgBlack a.hover {
  color: #ffff99;
}
html.bgBlack .caption {
  color: #fff;
}
html.bgBlack table {
  border-color: #FFF;
}
html.bgBlack th, html.bgBlack td {
  background: none;
  border-color: #FFF;
}
html.bgBlack .rt-tableCaption {
  background: none;
}
html.bgBlack .h-contList__link {
  color: #ffff99;
}
html.bgBlack .h-contList__link:visited {
  color: #ffff99;
}
@media screen and (max-width: 800px) {
  html.bgBlack .h-contList__link {
    padding: 5px 4px 4px;
    background: none;
    border: 1px solid #fff;
  }
}
html.bgBlack:not(.mobile) .h-contList__link:hover,
html.bgBlack .h-contList__link.hover {
  color: #ffff99;
}
@media screen and (max-width: 800px) {
  html.bgBlack:not(.mobile) .h-contList__link:hover,
html.bgBlack .h-contList__link.hover {
    background: #fff;
    color: #000;
  }
}
html.bgBlack .reserveLinks__btn {
  background: none;
  border-color: #fff;
  color: #ffff99;
}
html.bgBlack:not(.mobile) .reserveLinks__btn:hover,
html.bgBlack .reserveLinks__btn.hover {
  background: #fff;
  color: #000;
}
html.bgBlack .reserveLinks__btn.is-disabled {
  background: #fff;
  color: #000;
  opacity: 0.4;
}
html.bgBlack:not(.mobile) .reserveLinks__btn.is-disabled:hover,
html.bgBlack .reserveLinks__btn.is-disabled.hover {
  background: #fff;
  color: #000;
}
html.bgBlack .sitemapLink__link {
  background: none;
  padding: 0 5px;
  border: 1px solid #fff;
  color: #ffff99;
}
html.bgBlack:not(.mobile) .sitemapLink__link:hover,
html.bgBlack .sitemapLink__link.hover {
  background: #fff;
  color: #000;
}
html.bgBlack .spDrawer {
  background: #000;
  -webkit-box-shadow: 0 1px 0 0 #fff;
  box-shadow: 0 1px 0 0 #fff;
}
html.bgBlack .closeBtn button {
  padding: 5px 4px;
  background: none;
  border: 1px solid #fff;
  color: #fff;
}
html.bgBlack .listGnav {
  -webkit-box-shadow: -1px 0 0 0 #fff;
  box-shadow: -1px 0 0 0 #fff;
}
html.bgBlack .listGnav__link {
  background: none;
  color: #ffff99;
  -webkit-box-shadow: 1px 0 0 0 #fff;
  box-shadow: 1px 0 0 0 #fff;
}
html.bgBlack .listGnav__link:visited {
  color: #ffff99;
}
html.bgBlack .listGnav__link:before {
  color: #ffff99;
}
html.bgBlack:not(.mobile) .listGnav__link:hover,
html.bgBlack .listGnav__link.hover,
html.bgBlack .listGnav__link.is-active {
  background: #fff;
  color: #000;
}
html.bgBlack:not(.mobile) .listGnav__link:hover:before,
html.bgBlack .listGnav__link.hover:before,
html.bgBlack .listGnav__link.is-active:before {
  color: #000;
}
html.bgBlack .pageTitle {
  background: none;
  -webkit-box-shadow: 0 1px 0 0 #fff;
  box-shadow: 0 1px 0 0 #fff;
}
html.bgBlack .pageTitle__bg {
  display: none;
}
html.bgBlack .breadCrumb {
  border-bottom-color: #fff;
}
html.bgBlack .listBreadCrumb__item + .listBreadCrumb__item:before {
  color: #fff;
}
html.bgBlack .listBreadCrumb__item__link {
  color: #ffff99;
}
html.bgBlack .listBreadCrumb__item__link:visited {
  color: #ffff99;
}
html.bgBlack:not(.mobile) .listBreadCrumb__item__link:hover,
html.bgBlack .listBreadCrumb__item__link.hover {
  color: #ffff99;
}
html.bgBlack .sideNav__head a {
  padding: 18px 19px 19px;
  background: none;
  border: 1px solid #fff;
  border-width: 1px 1px 0;
  color: #fff;
  -webkit-box-shadow: 0 1px 0 0 #fff;
  box-shadow: 0 1px 0 0 #fff;
}
html.bgBlack .sideNav__body {
  border-color: #fff;
}
html.bgBlack .sideNav__item > a {
  background: none;
  color: #ffff99;
}
html.bgBlack .sideNav__item > a:visited {
  color: #ffff99;
}
html.bgBlack .sideNav__item > a:before {
  color: #ffff99;
}
html.bgBlack:not(.mobile) .sideNav__item > a:hover,
html.bgBlack .sideNav__item > a.hover,
html.bgBlack .sideNav__item > a.is-active {
  background: #ebeff7;
  color: #000;
}
html.bgBlack:not(.mobile) .sideNav__item > a:hover:before,
html.bgBlack .sideNav__item > a.hover:before,
html.bgBlack .sideNav__item > a.is-active:before {
  color: #000;
}
html.bgBlack .sideNav__child {
  border-color: #fff;
}
html.bgBlack .sideNav__cItem > a {
  background: none;
  color: #ffff99;
}
html.bgBlack .sideNav__cItem > a:visited {
  color: #ffff99;
}
html.bgBlack .sideNav__cItem > a:before {
  background: #ffff99;
}
html.bgBlack:not(.mobile) .sideNav__cItem > a:hover,
html.bgBlack .sideNav__cItem > a.hover,
html.bgBlack .sideNav__cItem > a.is-active {
  background: #fafaf2;
  color: #000;
}
html.bgBlack:not(.mobile) .sideNav__cItem > a:hover:before,
html.bgBlack .sideNav__cItem > a.hover:before,
html.bgBlack .sideNav__cItem > a.is-active:before {
  background: #000;
}
html.bgBlack .returnTop__body__link {
  padding: 8px 4px 7px;
  background: none;
  border: 1px solid #fff;
  border-width: 1px 1px 0;
}
html.bgBlack .footer__top {
  background: none;
  border-top-color: #fff;
  -webkit-box-shadow: 0 1px 0 0 #fff;
  box-shadow: 0 1px 0 0 #fff;
}
html.bgBlack .footer__middle {
  background: none;
  -webkit-box-shadow: 0 1px 0 0 #fff;
  box-shadow: 0 1px 0 0 #fff;
}
html.bgBlack .footer__bottom {
  background: none;
}
html.bgBlack .f-Slider__body .slick-dots button {
  background: #000;
  border-color: #FFF;
}
html.bgBlack .f-Slider__body .slick-dots .slick-active button {
  background: #fff;
}
html.bgBlack .f-Slider__body .stopBtn button {
  border-color: #fff;
}
html.bgBlack .f-topLinks__link {
  padding: 7px 14px 6px;
  border: 1px solid #fff;
  background: none;
  color: #ffff99 !important;
  text-decoration: none !important;
}
html.bgBlack .f-topLinks__link:after {
  color: #ffff99 !important;
}
html.bgBlack .f-topLinks__link:visited {
  color: #ffff99 !important;
}
html.bgBlack:not(.mobile) .f-topLinks__link:hover,
html.bgBlack .f-topLinks__link.hover {
  background: #fff;
  color: #000 !important;
}
html.bgBlack:not(.mobile) .f-topLinks__link:hover:after,
html.bgBlack .f-topLinks__link.hover:after {
  color: #000 !important;
}
html.bgBlack:not(.mobile) .f-topLinks__link:hover:visited,
html.bgBlack .f-topLinks__link.hover:visited {
  color: #000 !important;
}
html.bgBlack .paint {
  padding: 23px 29px 19px;
  background: none;
  border: 1px solid #fff;
}
html.bgBlack .iconPdf,
html.bgBlack a[href$=".pdf"],
html.bgBlack a[href$=".PDF"],
html.bgBlack .iconDoc,
html.bgBlack a[href$=".doc"],
html.bgBlack a[href$=".docx"],
html.bgBlack a[href$=".DOC"],
html.bgBlack a[href$=".DOCX"],
html.bgBlack .iconXls,
html.bgBlack a[href$=".xls"],
html.bgBlack a[href$=".xlsx"],
html.bgBlack a[href$=".XLS"],
html.bgBlack a[href$=".XLSX"],
html.bgBlack .iconPpt,
html.bgBlack a[href$=".ppt"],
html.bgBlack a[href$=".pptx"],
html.bgBlack a[href$=".PPT"],
html.bgBlack a[href$=".PPTX"],
html.bgBlack .iconZip,
html.bgBlack a[href$=".zip"],
html.bgBlack .iconOutside,
html.bgBlack a[href^=http]:not([href*="//www.library.metro.tokyo.jp"]):not([href*="//www.library.metro.tokyo.lg.jp"]):not([href*="//catalog.library.metro.tokyo.jp"]):not([href*="//catalog.library.metro.tokyo.lg.jp"]):not([href*="//archive.library.metro.tokyo.jp"]):not([href*="//archive.library.metro.tokyo.lg.jp"]):not([href*="//ufinity01.jp.fujitsu.com"]):not([href*="//www-std-pub02.ufinity.jp"]):not([href*="//crosssearch.library.metro.tokyo.lg.jp/"]):not([href*="//magazine.metro.tokyo.jp"]):not([href*="//magazine.metro.tokyo.lg.jp"]):not([href*="//admin.magazine.metro.tokyo.jp"]):not([href*="//admin.magazine.metro.tokyo.lg.jp"]):not([href*="//senmonlib.metro.tokyo.jp"]):not([href*="//senmonlib.metro.tokyo.lg.jp"]) {
  color: #ffff99;
}
html.bgBlack .iconPdf:hover,
html.bgBlack a[href$=".pdf"]:hover,
html.bgBlack a[href$=".PDF"]:hover,
html.bgBlack .iconDoc:hover,
html.bgBlack a[href$=".doc"]:hover,
html.bgBlack a[href$=".docx"]:hover,
html.bgBlack a[href$=".DOC"]:hover,
html.bgBlack a[href$=".DOCX"]:hover,
html.bgBlack .iconXls:hover,
html.bgBlack a[href$=".xls"]:hover,
html.bgBlack a[href$=".xlsx"]:hover,
html.bgBlack a[href$=".XLS"]:hover,
html.bgBlack a[href$=".XLSX"]:hover,
html.bgBlack .iconPpt:hover,
html.bgBlack a[href$=".ppt"]:hover,
html.bgBlack a[href$=".pptx"]:hover,
html.bgBlack a[href$=".PPT"]:hover,
html.bgBlack a[href$=".PPTX"]:hover,
html.bgBlack .iconZip:hover,
html.bgBlack a[href$=".zip"]:hover,
html.bgBlack .iconOutside:hover,
html.bgBlack a[href^=http]:not([href*="//www.library.metro.tokyo.jp"]):not([href*="//www.library.metro.tokyo.lg.jp"]):not([href*="//catalog.library.metro.tokyo.jp"]):not([href*="//catalog.library.metro.tokyo.lg.jp"]):not([href*="//archive.library.metro.tokyo.jp"]):not([href*="//archive.library.metro.tokyo.lg.jp"]):not([href*="//ufinity01.jp.fujitsu.com"]):not([href*="//www-std-pub02.ufinity.jp"]):not([href*="//crosssearch.library.metro.tokyo.lg.jp/"]):not([href*="//magazine.metro.tokyo.jp"]):not([href*="//magazine.metro.tokyo.lg.jp"]):not([href*="//admin.magazine.metro.tokyo.jp"]):not([href*="//admin.magazine.metro.tokyo.lg.jp"]):not([href*="//senmonlib.metro.tokyo.jp"]):not([href*="//senmonlib.metro.tokyo.lg.jp"]):hover {
  color: #ffff99;
  text-decoration: underline;
}
html.bgBlack .iconPdf:visited,
html.bgBlack a[href$=".pdf"]:visited,
html.bgBlack a[href$=".PDF"]:visited,
html.bgBlack .iconDoc:visited,
html.bgBlack a[href$=".doc"]:visited,
html.bgBlack a[href$=".docx"]:visited,
html.bgBlack a[href$=".DOC"]:visited,
html.bgBlack a[href$=".DOCX"]:visited,
html.bgBlack .iconXls:visited,
html.bgBlack a[href$=".xls"]:visited,
html.bgBlack a[href$=".xlsx"]:visited,
html.bgBlack a[href$=".XLS"]:visited,
html.bgBlack a[href$=".XLSX"]:visited,
html.bgBlack .iconPpt:visited,
html.bgBlack a[href$=".ppt"]:visited,
html.bgBlack a[href$=".pptx"]:visited,
html.bgBlack a[href$=".PPT"]:visited,
html.bgBlack a[href$=".PPTX"]:visited,
html.bgBlack .iconZip:visited,
html.bgBlack a[href$=".zip"]:visited,
html.bgBlack .iconOutside:visited,
html.bgBlack a[href^=http]:not([href*="//www.library.metro.tokyo.jp"]):not([href*="//www.library.metro.tokyo.lg.jp"]):not([href*="//catalog.library.metro.tokyo.jp"]):not([href*="//catalog.library.metro.tokyo.lg.jp"]):not([href*="//archive.library.metro.tokyo.jp"]):not([href*="//archive.library.metro.tokyo.lg.jp"]):not([href*="//ufinity01.jp.fujitsu.com"]):not([href*="//www-std-pub02.ufinity.jp"]):not([href*="//crosssearch.library.metro.tokyo.lg.jp/"]):not([href*="//magazine.metro.tokyo.jp"]):not([href*="//magazine.metro.tokyo.lg.jp"]):not([href*="//admin.magazine.metro.tokyo.jp"]):not([href*="//admin.magazine.metro.tokyo.lg.jp"]):not([href*="//senmonlib.metro.tokyo.jp"]):not([href*="//senmonlib.metro.tokyo.lg.jp"]):visited {
  color: #ffff99;
}
html.bgBlack .iconPdf:after, html.bgBlack a[href$=".pdf"]:after, html.bgBlack a[href$=".PDF"]:after, html.bgBlack .iconDoc:after, html.bgBlack a[href$=".doc"]:after, html.bgBlack a[href$=".docx"]:after, html.bgBlack a[href$=".DOC"]:after, html.bgBlack a[href$=".DOCX"]:after, html.bgBlack .iconXls:after, html.bgBlack a[href$=".xls"]:after, html.bgBlack a[href$=".xlsx"]:after, html.bgBlack a[href$=".XLS"]:after, html.bgBlack a[href$=".XLSX"]:after, html.bgBlack .iconPpt:after, html.bgBlack a[href$=".ppt"]:after, html.bgBlack a[href$=".pptx"]:after, html.bgBlack a[href$=".PPT"]:after, html.bgBlack a[href$=".PPTX"]:after, html.bgBlack .iconZip:after, html.bgBlack a[href$=".zip"]:after, html.bgBlack .iconOutside:after,
html.bgBlack a[href^=http]:not([href*="//www.library.metro.tokyo.jp"]):not([href*="//www.library.metro.tokyo.lg.jp"]):not([href*="//catalog.library.metro.tokyo.jp"]):not([href*="//catalog.library.metro.tokyo.lg.jp"]):not([href*="//archive.library.metro.tokyo.jp"]):not([href*="//archive.library.metro.tokyo.lg.jp"]):not([href*="//ufinity01.jp.fujitsu.com"]):not([href*="//www-std-pub02.ufinity.jp"]):not([href*="//crosssearch.library.metro.tokyo.lg.jp/"]):not([href*="//magazine.metro.tokyo.jp"]):not([href*="//magazine.metro.tokyo.lg.jp"]):not([href*="//admin.magazine.metro.tokyo.jp"]):not([href*="//admin.magazine.metro.tokyo.lg.jp"]):not([href*="//senmonlib.metro.tokyo.jp"]):not([href*="//senmonlib.metro.tokyo.lg.jp"]):after {
  color: #ffff99;
}
html.bgBlack .borderBox {
  border-color: #fff;
}
html.bgBlack .borderBox__ttl {
  background: none;
}
html.bgBlack .borderBox__body {
  background: none;
  border-top-color: #fff;
}
html.bgBlack .linkList li:before {
  background: none;
  color: #ffff99;
}
html.bgBlack .linkListBG a {
  background: none;
  border-color: #FFF;
}
html.bgBlack .linkListBG a:before {
  color: #ffff99;
}
html.bgBlack:not(.mobile) .linkListBG a:hover,
html.bgBlack .linkListBG a.hover {
  background: none;
  border-color: #FFF;
}
html.bgBlack .anchorLink li:after {
  background: #fff;
}
html.bgBlack .anchorLink a {
  background: none;
  border-color: #FFF;
}
html.bgBlack .anchorLink a:after {
  color: #fff;
}
html.bgBlack:not(.mobile) .anchorLink a:hover,
html.bgBlack .anchorLink.hover {
  background: #fff;
  color: #000;
}
html.bgBlack:not(.mobile) .anchorLink a:hover:after,
html.bgBlack .anchorLink.hover:after {
  color: #000;
}
html.bgBlack .pageTopLink a:before {
  color: #fff;
}
html.bgBlack .btn {
  padding: 9px 21px 10px;
  border: 1px solid #fff;
  border-bottom-width: 2px;
  background: none;
}
html.bgBlack .btn:after {
  color: #ffff99;
}
html.bgBlack:not(.mobile) .btn:hover,
html.bgBlack .btn.hover {
  background: #fff;
  color: #000;
}
html.bgBlack:not(.mobile) .btn:hover:after,
html.bgBlack .btn.hover:after {
  color: #000;
}
html.bgBlack .accordion__head {
  padding: 15px 58px 12px;
  background: none;
  border: 1px solid #fff;
  border-width: 1px 1px 2px;
}
html.bgBlack .accordion__head .symbol {
  color: #fff;
}
html.bgBlack .accordion__head:after {
  color: #fff;
}
html.bgBlack .accordion__body {
  background: none;
  border-color: #fff;
}
html.bgBlack .accordion__body .symbol {
  color: #fff;
}
html.bgBlack .mainVisual__right {
  background: #000;
}
html.bgBlack .accessLinks__link {
  background: none;
  border-color: #fff;
  color: #ffff99;
}
html.bgBlack .accessLinks__link:before {
  color: #ffff99;
}
html.bgBlack .accessLinks__link:visited {
  color: #ffff99;
}
html.bgBlack:not(.mobile) .accessLinks__link:hover,
html.bgBlack .accessLinks__link.hover {
  background: #fff;
  color: #000;
}
html.bgBlack:not(.mobile) .accessLinks__link:hover:before,
html.bgBlack .accessLinks__link.hover:before {
  color: #000;
}
html.bgBlack .opacBox {
  border-color: #fff;
}
html.bgBlack .opacBox__top {
  background: none;
  -webkit-box-shadow: 0 1px 0 0 #fff;
  box-shadow: 0 1px 0 0 #fff;
}
html.bgBlack .opacBox__top:before {
  color: #fff;
}
html.bgBlack .opacBox__form {
  background: none;
}
html.bgBlack .mvRigheLink {
  border-bottom: none;
}
html.bgBlack .mvRigheLink__card {
  background: none;
  border-color: #fff;
}
html.bgBlack .mvRigheLink__card:before {
  background: none;
  color: #ffff99;
}
html.bgBlack:not(.mobile) .mvRigheLink__card:hover,
html.bgBlack .mvRigheLink__card.hover {
  background: #fff;
  color: #000;
}
html.bgBlack:not(.mobile) .mvRigheLink__card:hover:before,
html.bgBlack .mvRigheLink__card.hover:before {
  color: #000;
}
html.bgBlack:not(.mobile) .mvRigheLink__card.is-seminar:hover:before,
html.bgBlack .mvRigheLink__card.is-seminar.hover:before {
  background: none;
}
html.bgBlack section.topPR {
  background: none;
}
html.bgBlack .infoBox {
  background: none;
  -webkit-box-shadow: 0 1px 0 0 #fff;
  box-shadow: 0 1px 0 0 #fff;
}
html.bgBlack .infoBox__ttl {
  padding: 3px 2px 1px;
  border: 1px solid #fff;
}
html.bgBlack .infoBox__message {
  border-color: #FFF;
}
html.bgBlack .infoBox.is-emergency {
  background: none;
}
html.bgBlack .infoBox.is-emergency .infoBox__ttl {
  padding: 3px 2px 1px;
  background: none;
  border: 1px solid #ff9999;
  color: #ff9999;
}
html.bgBlack .infoBox.is-emergency .infoBox__text {
  color: #ff9999;
}
html.bgBlack .tabBox__tab {
  border-color: #FFF;
}
html.bgBlack .tabBox__tab__btn {
  background: none;
  color: #FFF;
}
html.bgBlack:not(.mobile) .tabBox__tab__btn:hover,
html.bgBlack .tabBox__tab__btn.hover,
html.bgBlack .tabBox__tab__btn:focus,
html.bgBlack .tabBox__tab__btn.is-active {
  background: #FFF;
  color: #000;
}
html.bgBlack .tabBox__tab__rss {
  background: none;
  border-color: #fff;
  color: #ffff99;
}
html.bgBlack .tabBox__tab__rss:before {
  color: #ffff99;
}
html.bgBlack:not(.mobile) .tabBox__tab__rss:hover,
html.bgBlack .tabBox__tab__rss.hover {
  background: none;
  color: #ffff99;
}
html.bgBlack .topNewsList__item.is-pickup {
  background: none;
  border-color: #ffff99;
}
html.bgBlack .topNewsList__item.is-pickup:first-child::after {
  color: #ffff99;
}
html.bgBlack .topNewsList__item.is-pickup + .topNewsList__item:not(.is-pickup) {
  border-top-color: #ffff99;
}
html.bgBlack .newsItem__pickup {
  background-color: #ffff99;
  color: #000;
}
html.bgBlack .newsItem__label {
  background: none;
  border-color: #FFF;
  color: #fff;
}
html.bgBlack .indexCard__ttl {
  color: #ffff99;
  -webkit-box-shadow: 0 1px 0 0 #fff;
  box-shadow: 0 1px 0 0 #fff;
}
html.bgBlack .newsList__tab {
  border-left-color: #FFF;
  border-right-color: #fff;
}
html.bgBlack .newsList__tab__item + .newsList__tab__item {
  border-left-color: #FFF;
}
html.bgBlack .newsList__tab__btn {
  background: none;
  color: #FFF;
}
html.bgBlack:not(.mobile) .newsList__tab__btn:hover,
html.bgBlack .newsList__tab__btn.hover,
html.bgBlack .newsList__tab__btn.is-active {
  background: #fff;
  color: #000;
}
html.bgBlack .newsList__list {
  border-color: #FFF;
}
html.bgBlack .newsCard__label {
  border-color: #FFF;
  color: #fff;
}
html.bgBlack:not(.mobile) a.newsCard__link:hover .newsCard__ttl,
html.bgBlack a.newsCard__link.hover .newsCard__ttl {
  color: #ffff99;
}
html.bgBlack .newsCard__arrow {
  background: none;
}
html.bgBlack .newsCard__arrow:after {
  color: #ffff99;
}
html.bgBlack:not(.mobile) a.newsCard__link:hover .newsCard__arrow,
html.bgBlack a.newsCard__link.hover .newsCard__arrow {
  background: none;
  color: #ffff99;
}
html.bgBlack:not(.mobile) a.newsCard__link:hover .newsCard__arrow:after,
html.bgBlack a.newsCard__link.hover .newsCard__arrow:after {
  color: #ffff99;
}
html.bgBlack .pagination__prev:before,
html.bgBlack .pagination__next:before {
  color: #FFF;
}
html.bgBlack .pagination__num {
  background: none;
  border-color: #fff;
  color: #fff;
}
html.bgBlack:not(.mobile) .pagination__num:hover,
html.bgBlack .pagination__num.hover,
html.bgBlack .pagination__num.is-active {
  background: #fff;
  color: #000;
}
html.bgBlack .fntSetBox {
  background: #000;
}
html.bgBlack .fntSetBox__label:before {
  border-color: #FFF;
}
html.bgBlack .fntSetBox__radio:checked + .fntSetBox__label:before {
  border-color: #ffff00;
}
html.bgBlack .prSlider__link {
  background: none;
}
html.bgBlack .prSlider__text {
  border: 1px solid #fff;
}
html.bgBlack .prSlider__ttl {
  color: #ffff99;
}
html.bgBlack .prSlider__btn {
  color: #ffff99;
}
html.bgBlack .prSlider__img {
  display: none;
}
html.bgBlack .prSlider__btns .slick-dots button {
  background: #000;
  border-color: #fff;
}
html.bgBlack .prSlider__btns .slick-dots .slick-active button {
  background-color: #fff;
}
html.bgBlack .prSlider__btns .stopBtn button {
  background: none;
  border: 1px solid #fff;
}
html.bgBlack .prSlider__body.is-play + .prSlider__btns .stopBtn button {
  background: none;
}
html.bgBlack .prSlider__body.is-play + .prSlider__btns .stopBtn button:before,
html.bgBlack .prSlider__body.is-play + .prSlider__btns .stopBtn button:after {
  top: 5px;
  left: 5px;
}
html.bgBlack .prSlider__body.is-play + .prSlider__btns .stopBtn button:after {
  left: 10px;
}
html.bgBlack .prSlider__btns .stopBtn button:before,
html.bgBlack .prSlider__btns .stopBtn button:after {
  top: 5px;
  left: 6px;
}
html.bgBlack .topMenu__left {
  background: none;
  border: 1px solid #fff;
}
html.bgBlack .topMenu__right {
  background: none;
}
html.bgBlack .userServiceBtn__link,
html.bgBlack .memberPageBtn__link {
  background: none;
  border-color: #fff;
}
html.bgBlack .userServiceBtn__link:before,
html.bgBlack .memberPageBtn__link:before {
  background: none;
  color: #ffff99;
}
html.bgBlack:not(.mobile) .userServiceBtn__link:hover,
html.bgBlack .userServiceBtn__link.hover, html.bgBlack:not(.mobile) .memberPageBtn__link:hover,
html.bgBlack .memberPageBtn__link.hover {
  background: none;
  border-color: #fff;
}
html.bgBlack .libraryBox__text {
  border-color: #fff;
}
html.bgBlack .libraryBox__ttl.is-central,
html.bgBlack .libraryBox__ttl.is-tama {
  border-bottom-color: #fff;
}
html.bgBlack .libraryBox__time {
  background: none;
}
html.bgBlack .libraryBox__time__ttl {
  border-right-color: #fff;
}
html.bgBlack .collectCard {
  background: none;
  border-color: #ffff99;
}
html.bgBlack:not(.mobile) .collectCard:hover,
html.bgBlack .collectCard.hover {
  background: none;
}
html.bgBlack .collectCard__body:before {
  background: none;
}
html.bgBlack .collectCard__body:after {
  color: #ffff99;
}
html.bgBlack .collectCard__img {
  background: none;
}
html.bgBlack:not(.mobile) .collectCard:hover .collectCard__body:before,
html.bgBlack .collectCard.hover .collectCard__body:before {
  background: none;
}
html.bgBlack:not(.mobile) .collectCard:hover .collectCard__body:after,
html.bgBlack .collectCard.hover .collectCard__body:after {
  color: #ffff99;
}
html.bgBlack:not(.mobile) .collectCard:hover .collectCard__img,
html.bgBlack .collectCard.hover .collectCard__img {
  background: none;
}
html.bgBlack .searchBox__input {
  background: none;
  border-color: #fff;
  color: #fff;
}
html.bgBlack .searchBox__submit {
  background: #fff !important;
  color: #000 !important;
}
html.bgBlack .balloonBox .balloonBox__text__inner,
html.bgBlack .balloonBox.is-blue .balloonBox__text__inner {
  border-color: #fff;
  background: none;
  color: #fff;
}
html.bgBlack .balloonBox .balloonBox__text__inner:before,
html.bgBlack .balloonBox.is-blue .balloonBox__text__inner:before {
  border-color: transparent #fff transparent transparent;
}
html.bgBlack .balloonBox .balloonBox__text__inner:after,
html.bgBlack .balloonBox.is-blue .balloonBox__text__inner:after {
  border-color: transparent #000 transparent transparent;
}
html.bgBlack .balloonBox.img-right .balloonBox__text__inner:before,
html.bgBlack .balloonBox.is-blue.img-right .balloonBox__text__inner:before {
  border-color: transparent transparent transparent #fff;
}
html.bgBlack .balloonBox.img-right .balloonBox__text__inner:after,
html.bgBlack .balloonBox.is-blue.img-right .balloonBox__text__inner:after {
  border-color: transparent transparent transparent #000;
}
html.bgBlack .reportYellowBox {
  background: none;
}
html.bgBlack .reportYellowBox__body {
  padding: 13px;
  border: 1px solid #fff;
}
html.bgBlack .reportYellowBox__item {
  background: none;
  border-color: #fff;
}
html.bgBlack .reportYellowBox__ttl {
  color: #fff;
}
html.bgBlack .calenderBox__table {
  border-top: 2px solid #fff;
  border-left: 1px solid #fff;
}
html.bgBlack .calenderBox__table th, html.bgBlack .calenderBox__table td {
  border-color: #fff;
}
html.bgBlack .calenderBox__table tr th:last-child,
html.bgBlack .calenderBox__table tr td:last-child {
  border-right-style: solid;
}
html.bgBlack .calenderBox__table thead tr th {
  background: none;
}
html.bgBlack .calenderBox__table thead tr th.is-sun {
  color: #fff;
}
html.bgBlack .calenderBox__table thead tr th.is-sat {
  color: #fff;
}
html.bgBlack .calenderBox__table tbody tr td:first-child, html.bgBlack .calenderBox__table tbody tr td:last-child, html.bgBlack .calenderBox__table tbody tr td.is-holiday {
  background: none;
  color: #fff;
}
html.bgBlack .calenderBox__table tbody tr td.is-today:before {
  border: 2px solid #99ff99;
}
html.bgBlack .calenderBox__table tbody tr td.is-closed {
  background: #f7f7f7;
  color: #000;
}
html.bgBlack .calenderBox__table tbody tr td.is-closed:after {
  border-color: #e3595d transparent transparent transparent;
}
html.bgBlack span.icn-today {
  border: 2px solid #99ff99;
}
html.bgBlack span.icn-closed {
  background: #f7f7f7;
  border-color: #fff;
}
html.bgBlack span.icn-closed:before {
  border-color: #e3595d transparent transparent transparent;
}
html.bgBlack .reportCard:before {
  background: none;
}
html.bgBlack .reportCard:after {
  color: #ffff99;
}
html.bgBlack:not(.mobile) .reportCard:hover,
html.bgBlack .reportCard.hover {
  background: none;
}
html.bgBlack:not(.mobile) .reportCard:hover:before,
html.bgBlack .reportCard.hover:before {
  background: none;
}
html.bgBlack:not(.mobile) .reportCard:hover:after,
html.bgBlack .reportCard.hover:after {
  color: #ffff99;
}
html.bgBlack:not(.mobile) .reportCard:hover .reportCard__ttl,
html.bgBlack .reportCard.hover .reportCard__ttl {
  color: #ffff99;
}
html.bgBlack .edo_tokyo img {
  background: #FFF;
}
html.bgBlack .special1 .main__body,
html.bgBlack .special2 .main__body,
html.bgBlack .special3 .main__body {
  background: none;
}
html.bgBlack .special1 .lead,
html.bgBlack .special2 .lead,
html.bgBlack .special3 .lead {
  text-shadow: none;
}
html.bgBlack .special1 .et-pickupCard,
html.bgBlack .special2 .et-pickupCard,
html.bgBlack .special3 .et-pickupCard {
  border-color: #FFF;
  background: none;
}
html.bgBlack .special1 .et-pickupCard__ttl,
html.bgBlack .special2 .et-pickupCard__ttl,
html.bgBlack .special3 .et-pickupCard__ttl {
  color: #ffff99;
}
html.bgBlack .special1 .et-pickupCard__txt,
html.bgBlack .special2 .et-pickupCard__txt,
html.bgBlack .special3 .et-pickupCard__txt {
  color: #ffff99;
}
html.bgBlack .special1 .et-linksCard,
html.bgBlack .special2 .et-linksCard,
html.bgBlack .special3 .et-linksCard {
  border-color: #FFF;
  background: none;
}
html.bgBlack .special1 .et-linksCard__body:before,
html.bgBlack .special2 .et-linksCard__body:before,
html.bgBlack .special3 .et-linksCard__body:before {
  background: none;
}
html.bgBlack .special1 .et-linksCard__body:after,
html.bgBlack .special2 .et-linksCard__body:after,
html.bgBlack .special3 .et-linksCard__body:after {
  color: #ffff99;
}
html.bgBlack .special1 .et-linksCard__ttl,
html.bgBlack .special2 .et-linksCard__ttl,
html.bgBlack .special3 .et-linksCard__ttl {
  color: #ffff99;
}
html.bgBlack .special1 .et-linksCard__txt,
html.bgBlack .special2 .et-linksCard__txt,
html.bgBlack .special3 .et-linksCard__txt {
  color: #ffff99;
}
html.bgBlack .bunkaweek .main__body {
  background: none;
}
html.bgBlack .bunkaweekLinks__item {
  background: none;
  border-color: #fff;
}
html.bgBlack .bunkaweekModal.modaal-wrapper .modaal-close {
  background: none;
  border: 1px solid #fff;
  border-bottom-width: 2px;
}
html.bgBlack .bunkaweekModal.modaal-wrapper .modaal-close span {
  color: #ffff99;
}
html.bgBlack .bunkaweekModal.modaal-wrapper .modaal-close span::before {
  color: #ffff99;
}
html.bgBlack .bunkaweekModal.modaal-wrapper .modaal-close:hover {
  background: #fff;
}
html.bgBlack .bunkaweekModal.modaal-wrapper .modaal-close:hover span {
  color: #000;
}
html.bgBlack .bunkaweekModal.modaal-wrapper .modaal-close:hover span::before {
  color: #000;
}
html.bgBlack .bunkaweekHeading__text {
  color: #fff;
}
html.bgBlack .userBox {
  background: none;
  border-color: #fff;
}
html.bgBlack .userInfo__ttl {
  color: #fff;
}
html.bgBlack .userInfo__name a {
  background: none;
  border: 1px solid #fff;
}
html.bgBlack .userBox__item + .userBox__item {
  border-top-color: #fff;
}
html.bgBlack .settingBtns__btn {
  background: none;
  border-color: #fff;
}
html.bgBlack .bbsBox {
  background: none;
  border: 1px solid #fff;
}
html.bgBlack:not(.mobile) .btn.is-bbs:hover:before,
html.bgBlack .btn.is-bbs.hover:before {
  color: #000;
}
html.bgBlack .registForm__selectLabel:before,
html.bgBlack .filterBox__selectLabel:before {
  background: #fff;
}
html.bgBlack .registForm__selectLabel:after,
html.bgBlack .filterBox__selectLabel:after {
  border-color: #000 transparent transparent transparent;
}
html.bgBlack .registForm__select,
html.bgBlack .filterBox__select,
html.bgBlack .input__item select {
  color: #fff;
}
html.bgBlack .registForm__select option,
html.bgBlack .filterBox__select option,
html.bgBlack .input__item select option {
  background: #000;
  color: #fff;
}
html.bgBlack .input__item span.radioWrap label:before,
html.bgBlack .registForm__radioLabel:before,
html.bgBlack .registForm__checkLabel:before {
  background: none;
  border-color: #fff;
}
html.bgBlack .input__item span.radioWrap input[type=radio]:checked + label:after,
html.bgBlack .registForm__radio:checked + .registForm__radioLabel:after {
  background: #fff;
}
html.bgBlack .registForm__check:checked + .registForm__checkLabel:after {
  border-color: #fff;
}
html.bgBlack .registForm__area {
  border-color: #fff;
  background: none;
  color: #fff;
}
html.bgBlack .input__item input[type=text],
html.bgBlack .input__item input[type=password],
html.bgBlack .input__item input[type=email],
html.bgBlack .registForm__text {
  border-color: #fff;
  background: none;
  color: #fff;
}
html.bgBlack .registForm__error {
  background: none;
  border-color: #ff9999;
  color: #ff9999;
}
html.bgBlack .registForm__ttl .required {
  color: #ff9999;
}
html.bgBlack .registForm__error .registForm__item + .registForm__item {
  border-color: #ff9999;
}
html.bgBlack .ui-dialog {
  background: #000;
  border: 1px solid #fff;
}
html.bgBlack .ui-dialog-titlebar {
  border-color: #fff;
}
html.bgBlack .ui-dialog-titlebar button {
  border-left: 1px solid #fff;
}
html.bgBlack .ui-dialog-titlebar button:hover {
  background: #fff;
}
html.bgBlack .ui-dialog-titlebar button:before {
  color: #fff;
}
html.bgBlack .ui-dialog-titlebar button:hover:before {
  color: #000;
}
html.bgBlack .modalMessage {
  background: none;
  border-color: #fff;
}
html.bgBlack #pcLinkBtn {
  background: none;
}
html.bgBlack #pcLinkBtn .pcLinkBtn__btn a {
  padding: 8px 9px 6px;
  background: none;
  border: 1px solid #fff;
  color: #fff;
}
html.bgBlack #pcLinkBtn .pcLinkBtn__btn a:hover,
html.bgBlack #pcLinkBtn .pcLinkBtn__btn a:focus {
  opacity: 1;
  background: #fff;
  color: #000;
}

/* ***************************
relationBox
*************************** */
html.bgBlack .relationBox {
  background: none;
}
html.bgBlack .relationBox:before {
  background: #ffff99;
}

/*
relationItem
*************************** */
html.bgBlack .relationItem {
  background: none;
  border-color: #fff;
}
html.bgBlack .relationItem:before {
  background: none;
}
html.bgBlack .relationItem:after {
  color: #ffff99;
}
html.bgBlack .relationItem__ttl {
  color: #ffff99;
}
html.bgBlack .relationItem__ttl:after {
  color: #ffff99 !important;
}

/* ***************************
/* fsMiddle
/* ************************ */
html.fsMiddle .header__right__bottom {
  max-width: none;
}
html.fsMiddle .searchBox__input {
  height: 36px;
}
html.fsMiddle .searchBox__submit {
  width: 100px;
  height: 36px;
}
html.fsMiddle .mainVisual__right {
  height: auto;
}
html.fsMiddle .sitemapLink__link {
  width: 140px;
}
html.fsMiddle .returnTop__body__link {
  width: 210px;
}
html.fsMiddle .newsItem__label,
html.fsMiddle .newsCard__label {
  width: auto;
  padding: 3px 5px 2px;
}
html.fsMiddle .accordion__head .symbol {
  font-size: 136.3636363636%;
  line-height: 130%;
}
html.fsMiddle .accordion__body .symbol {
  font-size: 142.8571428571%;
  line-height: 130%;
}

/* ***************************
/* fsLarge
/* ************************ */
html.fsLarge .header__right__bottom {
  max-width: none;
}
html.fsLarge .sitemapLink__link {
  width: 170px;
}
html.fsLarge .searchBox__input {
  height: 48px;
}
html.fsLarge .searchBox__submit {
  width: 130px;
  height: 48px;
}
html.fsLarge .mainVisual__inner,
html.fsLarge .mainVisual__right {
  float: none;
  width: 100%;
}
html.fsLarge .mainVisual__right {
  height: auto;
}
html.fsLarge .mvRightBox {
  width: 100%;
}
html.fsLarge .mvRightBox__item {
  width: 50%;
}
@media screen and (max-width: 500px) {
  html.fsLarge .mvRightBox__item {
    width: 100%;
  }
}
html.fsLarge .mvRightBox__item.sp-full {
  width: 100%;
}
html.fsLarge .mvRigheLink__card {
  height: 100%;
}
html.fsLarge .newsItem__label,
html.fsLarge .newsCard__label {
  width: auto;
  padding: 3px 5px 2px;
}
html.fsLarge .prSlider__link {
  padding-top: 155%;
}
html.fsLarge .returnTop__body__link {
  width: 280px;
}
html.fsLarge .accordion__head .symbol {
  font-size: 100%;
  line-height: 174%;
}
html.fsLarge .accordion__body .symbol {
  font-size: 107.1428571429%;
  line-height: 174%;
}

/*!
  Modaal - accessible modals - v0.3.1
  by Humaan, for all humans.
  http://humaan.com
 */
.modaal-noscroll {
  overflow: hidden;
}

.modaal-accessible-hide, .modaal-close span, .modaal-gallery-control span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-overlay, .modaal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
}

.modaal-wrapper {
  display: block;
  z-index: 9999;
  overflow: auto;
  opacity: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.modaal-wrapper * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
}

.modaal-wrapper .modaal-close {
  border: none;
  background: 0 0;
  padding: 0;
  -webkit-appearance: none;
}

.modaal-wrapper.modaal-start_none {
  display: none;
  opacity: 1;
}

.modaal-wrapper.modaal-start_fade {
  opacity: 0;
}

.modaal-wrapper [tabindex="0"] {
  outline: none !important;
}

.modaal-wrapper.modaal-fullscreen {
  overflow: hidden;
}

.modaal-outer-wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
}

.modaal-fullscreen .modaal-outer-wrapper, .modaal-gallery-item img {
  display: block;
}

.modaal-inner-wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 80px 25px;
}

.modaal-fullscreen .modaal-inner-wrapper {
  padding: 0;
  display: block;
  vertical-align: top;
}

.modaal-container {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: auto;
  text-align: left;
  color: #000;
  max-width: 1000px;
  border-radius: 0;
  background: #fff;
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  cursor: auto;
}

.modaal-container.is_loading {
  height: 100px;
  width: 100px;
  overflow: hidden;
}

.modaal-fullscreen .modaal-container {
  max-width: none;
  height: 100%;
  overflow: auto;
}

.modaal-close {
  position: fixed;
  right: 20px;
  top: 20px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  width: 50px;
  height: 50px;
  background: 0 0;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.modaal-close:focus, .modaal-close:hover {
  outline: none;
  background: #fff;
}

.modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before {
  background: #b93d0c;
}

.modaal-close:after, .modaal-close:before {
  display: block;
  content: " ";
  position: absolute;
  top: 14px;
  left: 23px;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.modaal-close:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modaal-close:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modaal-fullscreen .modaal-close {
  background: #afb7bc;
  right: 10px;
  top: 10px;
}

.modaal-content-container {
  padding: 30px;
}

.modaal-confirm-wrap {
  padding: 30px 0 0;
  text-align: center;
  font-size: 0;
}

.modaal-confirm-btn {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  background: 0 0;
}

.modaal-confirm-btn.modaal-ok {
  padding: 10px 15px;
  color: #fff;
  background: #555;
  border-radius: 3px;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.modaal-confirm-btn.modaal-ok:hover {
  background: #2f2f2f;
}

.modaal-confirm-btn.modaal-cancel {
  text-decoration: underline;
}

.modaal-confirm-btn.modaal-cancel:hover {
  text-decoration: none;
  color: #2f2f2f;
}

@keyframes instaReveal {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes instaReveal {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.modaal-instagram .modaal-container {
  width: auto;
  background: 0 0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.modaal-instagram .modaal-content-container {
  padding: 0;
  background: 0 0;
}

.modaal-instagram .modaal-content-container > blockquote {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}

.modaal-instagram iframe {
  opacity: 0;
  margin: -6px !important;
  border-radius: 0 !important;
  width: 1000px !important;
  max-width: 800px !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-animation: instaReveal 1s linear forwards;
  animation: instaReveal 1s linear forwards;
}

.modaal-image .modaal-inner-wrapper {
  padding-left: 140px;
  padding-right: 140px;
}

.modaal-image .modaal-container {
  width: auto;
  max-width: 100%;
}

.modaal-gallery-wrap {
  position: relative;
  color: #fff;
}

.modaal-gallery-item {
  display: none;
}

.modaal-gallery-item.is_active {
  display: block;
}

.modaal-gallery-label {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 20px 0 0;
  font-size: 18px;
  text-align: center;
  color: #fff;
}

.modaal-gallery-label:focus {
  outline: none;
}

.modaal-gallery-control {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  cursor: pointer;
  color: #fff;
  width: 50px;
  height: 50px;
  background: 0 0;
  border: none;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.modaal-gallery-control.is_hidden {
  opacity: 0;
  cursor: default;
}

.modaal-gallery-control:focus, .modaal-gallery-control:hover {
  outline: none;
  background: #fff;
}

.modaal-gallery-control:focus:after, .modaal-gallery-control:focus:before, .modaal-gallery-control:hover:after, .modaal-gallery-control:hover:before {
  background: #afb7bc;
}

.modaal-gallery-control:after, .modaal-gallery-control:before {
  display: block;
  content: " ";
  position: absolute;
  top: 16px;
  left: 25px;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.modaal-gallery-control:before {
  margin: -5px 0 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modaal-gallery-control:after {
  margin: 5px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modaal-gallery-next {
  left: 100%;
  margin-left: 40px;
}

.modaal-gallery-prev {
  right: 100%;
  margin-right: 40px;
}

.modaal-gallery-prev:after, .modaal-gallery-prev:before {
  left: 22px;
}

.modaal-gallery-prev:before {
  margin: 5px 0 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modaal-gallery-prev:after {
  margin: -5px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modaal-video-wrap {
  margin: auto 50px;
  position: relative;
}

.modaal-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: #000;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.modaal-video-container embed, .modaal-video-container iframe, .modaal-video-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modaal-iframe .modaal-content, .modaal-iframe-elem {
  width: 100%;
  height: 100%;
}

.modaal-iframe-elem {
  display: block;
}

@media only screen and (min-width: 1400px) {
  .modaal-video-container {
    padding-bottom: 0;
    height: 731px;
  }
}
@media only screen and (max-width: 720px) {
  .modaal-image .modaal-inner-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
  .modaal-gallery-control {
    top: auto;
    bottom: 20px;
    -webkit-transform: none;
    transform: none;
    background: rgba(0, 0, 0, 0.7);
  }
  .modaal-gallery-control:after, .modaal-gallery-control:before {
    background: #fff;
  }
  .modaal-gallery-next {
    left: auto;
    right: 20px;
  }
  .modaal-gallery-prev {
    left: 20px;
    right: auto;
  }
}
@media screen and (max-width: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
}
@media screen and (max-height: 1100px) {
  .modaal-instagram iframe {
    width: 700px !important;
  }
}
@media screen and (max-height: 1000px) {
  .modaal-inner-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .modaal-instagram iframe {
    width: 600px !important;
  }
}
@media screen and (max-height: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
  .modaal-video-container {
    max-width: 900px;
    max-height: 510px;
  }
}
@media only screen and (max-width: 600px) {
  .modaal-instagram iframe {
    width: 280px !important;
  }
}
@media only screen and (max-height: 820px) {
  .modaal-gallery-label {
    display: none;
  }
}
.modaal-loading-spinner {
  background: 0 0;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  -webkit-transform: scale(0.25);
  transform: scale(0.25);
}

@-webkit-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  to {
    opacity: 0.1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  to {
    opacity: 0.1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.modaal-loading-spinner > div {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute;
}

.modaal-loading-spinner > div > div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #fff;
}

.modaal-loading-spinner > div:nth-of-type(1) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(1) {
  -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(2) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.12s;
  animation-delay: 0.12s;
}

.modaal-loading-spinner > div:nth-of-type(2) {
  -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(3) > div, .modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

.modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.37s;
  animation-delay: 0.37s;
}

.modaal-loading-spinner > div:nth-of-type(3) {
  -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(4) {
  -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(5) > div {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(5) {
  -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div, .modaal-loading-spinner > div:nth-of-type(8) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.62s;
  animation-delay: 0.62s;
}

.modaal-loading-spinner > div:nth-of-type(6) {
  -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(7) > div, .modaal-loading-spinner > div:nth-of-type(8) > div {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}

.modaal-loading-spinner > div:nth-of-type(7) {
  -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(8) > div {
  -webkit-animation-delay: 0.87s;
  animation-delay: 0.87s;
}

.modaal-loading-spinner > div:nth-of-type(8) {
  -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}

/* modaal  */
.modaal-gallery-label {
  top: 100%;
  margin: 0;
  padding: 0 10px 10px;
  background: #fff;
  font-size: 71.4285714286%;
  line-height: 140%;
  color: #222;
  text-align: left;
}
@media only screen and (max-height: 820px) {
  .modaal-gallery-label {
    display: block;
  }
}

.modaal-close {
  position: absolute;
  width: auto;
  height: auto;
  top: 100%;
  right: 10px;
  padding: 0 30px 0 10px !important;
}
.modaal-close span {
  position: static !important;
  clip: auto;
  width: auto !important;
  height: auto !important;
  color: #222;
}
.modaal-close:before, .modaal-close:after {
  top: 0;
  bottom: 0;
  right: 10px;
  left: auto;
  margin: auto;
  background: #222 !important;
}

.modaal-close:focus, .modaal-close:hover {
  background: none;
}

.modaal-gallery-item-wrap {
  -webkit-transition: none !important;
  transition: none !important;
}