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

html,
body {
  height: 100%;
}

body {
  min-width: 1160px;
  color: #222222;
  background-color: #fff;
  font-size: 87.5%;
  /* 14px */
  line-height: 200%;
  /* 28px */
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  -webkit-text-size-adjust: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media only screen and (max-width: 1180px) {
  body {
    font-size: 87.5% !important;
    min-width: 320px;
  }
}
@media only screen and (max-width: 720px) {
  body {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}

body.bgBlack {
  color: #fff;
  background: #000;
}

/* *****************************************************
common
***************************************************** */
article, aside, details, figcaption, figure, footer, header, menu, nav, section, time {
  display: block;
}

h1, h2, h3, h4, h5, h6, strong, em {
  font-weight: normal;
}

ul, ol {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  color: #123ab3;
  text-decoration: underline;
  background: transparent;
  outline: none;
  vertical-align: baseline;
}
a:hover {
  color: #006aff;
}

.bgBlack a {
  color: #ffff99;
}

a:focus,
input:focus,
textarea:focus,
select:focus,
button:focus {
  outline: 2px solid #dc1753 !important;
  outline-offset: -2px;
}

a:hover,
a:active {
  outline: none !important;
}

img {
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}
@media only screen and (max-width: 1180px) {
  img {
    max-width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 720px) {
  img.sp-img-auto {
    width: auto !important;
    text-align: center;
  }
  img.sp-img-100p {
    width: 100% !important;
  }
}

@media only screen and (max-width: 1180px) {
  .pop-modal img {
    max-width: none;
    height: auto;
  }
}

@media only screen and (max-width: 720px) {
  .sp-img-auto img {
    width: auto !important;
    text-align: center;
  }

  .sp-img-100p img {
    width: 100% !important;
  }
}
.hide,
.pageReader {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  font-size: 0;
  line-height: 0;
  outline: none;
  overflow: hidden;
}

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

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

.preModule {
  width: 100%;
  max-width: 100%;
  height: 200px;
  margin: 10px 0 0 0;
  padding: 15px 15px 0;
  color: #222222;
  font-size: 87.5%;
  line-height: 42.9%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  border: 1px solid #dad8d6;
  overflow-y: scroll;
  box-sizing: border-box;
}

.subNavi:after, .infoGrid__body:after, .facilityList:after, .time-legend:after, .multi-lang .topNews__body .title p:after, .multi-lang .topics__body .title p:after, .clear:after, .wardMap ul:after, .move .map-list:after {
  content: " ";
  display: block;
  clear: both;
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 15;
}

.sp .overlay {
  display: none;
}

/*
base
***************************************************** */
.base {
  width: auto;
  height: auto;
}

/*
readspeaker
***************************************************** */
#rslightbox_contentcontainer ul li:before {
  content: none;
}

#rslightbox_contentcontainer ul li + li {
  margin-top: 0;
}

/*
main__body
***************************************************** */
.main__body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 1160px;
  margin: 0 auto;
  padding-bottom: 60px;
}
@media only screen and (max-width: 1180px) {
  .main__body {
    width: auto;
    padding: 0 15px 60px;
  }
}
@media only screen and (max-width: 720px) {
  .main__body {
    display: block;
    padding: 0 0 60px;
  }
}

.top .main__body,
.no-Snavi .main__body {
  display: block;
  width: auto;
  padding-bottom: 36px;
}
@media only screen and (max-width: 1180px) {
  .top .main__body,
  .no-Snavi .main__body {
    width: auto;
    padding: 0 0 36px;
  }
}

.no-Snavi .main__body {
  padding-bottom: 60px;
}
@media only screen and (max-width: 1180px) {
  .no-Snavi .main__body {
    padding: 0 0 60px;
  }
}
@media only screen and (max-width: 720px) {
  .no-Snavi .main__body {
    padding: 0 0 60px;
  }
}

.wrapperContent {
  width: 1160px;
  margin: 0 auto;
}
@media only screen and (max-width: 1180px) {
  .wrapperContent {
    width: auto;
  }
}

@media only screen and (max-width: 1180px) {
  .wrapperContent {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 720px) {
  .top .wrapperContent {
    padding: 0;
  }
}
#setReadSpeaker {
  position: absolute;
  top: -37px;
  left: 0;
  z-index: 10;
}

.top #setReadSpeaker {
  position: relative;
  top: 0;
  width: 1160px !important;
  margin: 0 auto;
}

/*
main__body__left
***************************************************** */
.main__body__left {
  width: 880px;
}
@media only screen and (max-width: 1180px) {
  .main__body__left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto;
  }
  .main__body__left section img {
    max-width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 720px) {
  .main__body__left {
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

/*
main__body__right
***************************************************** */
.main__body__right {
  width: 240px;
  margin-left: 40px;
}
@media only screen and (max-width: 720px) {
  .main__body__right {
    width: auto;
    margin: 60px 0 0 0;
    padding: 0 15px;
  }
}

/*
breadCrumb
***************************************************** */
.breadCrumb__body {
  margin-bottom: 40px;
  background: #e3ebe3;
}
@media only screen and (max-width: 1180px) {
  .breadCrumb__body {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 720px) {
  .breadCrumb__body {
    padding: 0;
  }
  .breadCrumb__body {
    position: relative;
    width: auto;
    margin: 0 0 20px 0;
    background: #ffff;
  }
  .breadCrumb__body.scroll {
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .breadCrumb__body.scroll .listBreadCrumb {
    width: auto;
  }
}

.listBreadCrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 1160px;
  margin: 0 auto;
  padding: 5px 0 2px;
  list-style: none;
}
@media only screen and (max-width: 1180px) {
  .listBreadCrumb {
    width: auto;
  }
}
@media only screen and (max-width: 720px) {
  .listBreadCrumb {
    display: table;
    width: 100%;
    height: 33px;
    padding: 0;
    background: #fafafa;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
  }
}

.listBreadCrumb__item {
  margin: 0;
  padding: 0;
}
.listBreadCrumb__item:before {
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  background: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
@media only screen and (max-width: 720px) {
  .listBreadCrumb__item:before {
    display: none;
  }
}
@media only screen and (max-width: 720px) {
  .listBreadCrumb__item {
    position: relative;
    display: table-cell;
    width: auto;
    height: 33px;
    vertical-align: top;
  }
  .listBreadCrumb__item:last-of-type {
    width: 100%;
  }
  .listBreadCrumb__item:after, .listBreadCrumb__item a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    content: '';
    height: 0;
    width: 0;
    border: 17px solid transparent;
    border-right-width: 0;
    border-left-width: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .listBreadCrumb__item:after {
    display: inline-block;
    z-index: 1;
    -webkit-transform: translateX(1px);
    -moz-transform: translateX(1px);
    -ms-transform: translateX(1px);
    -o-transform: translateX(1px);
    transform: translateX(1px);
    border-left-color: #dddddd;
    margin: 0;
  }
  .listBreadCrumb__item a:after {
    z-index: 2;
    border-left-color: #fff;
  }
  .listBreadCrumb__item:last-of-type:after, .listBreadCrumb__item:last-of-type a:after {
    display: none;
  }
  .listBreadCrumb__item.home span {
    display: none;
  }
  .listBreadCrumb__item.home .listBreadCrumb__item__link {
    display: table-cell;
    height: 30px;
    padding: 3px 10px 0 15px;
    vertical-align: middle;
    background: #fff;
  }
}
.listBreadCrumb__item a {
  color: #444;
}
@media only screen and (max-width: 720px) {
  .listBreadCrumb__item a {
    display: block;
    text-decoration: none;
  }
  .listBreadCrumb__item a span {
    color: #123ab3;
    background: #fff;
  }
}
.listBreadCrumb__item a:hover {
  text-decoration: none;
}
.listBreadCrumb__item span {
  vertical-align: middle;
  color: #444;
  font-size: 92.9%;
  line-height: 138.5%;
}
@media only screen and (max-width: 720px) {
  .listBreadCrumb__item span {
    display: table-cell;
    height: 31px;
    padding: 2px 10px 0 25px;
    line-height: 100%;
    vertical-align: middle;
    white-space: nowrap;
  }
}
.listBreadCrumb__item + li {
  margin: 0;
}

.bgBlack .breadCrumb__body {
  background: #fff;
}
.bgBlack .listBreadCrumb__item a {
  color: #000;
}
.bgBlack .listBreadCrumb__item span {
  color: #000;
}

.listBreadCrumb__item.home:before {
  display: none;
}

/*
tab
----------------------------------------------------- */
.tab {
  width: auto;
  margin: 0 auto 0;
}
@media only screen and (max-width: 1180px) {
  .tab {
    width: auto;
  }
}

.top .tab {
  width: 1160px;
  margin: 26px auto 0;
}
@media only screen and (max-width: 1180px) {
  .top .tab {
    width: auto;
  }
}

.tab__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0;
  border-bottom: 3px solid #333;
}

.tab__head__item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0;
  -moz-box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.35);
}
.tab__head__item a,
.tab__head__item span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 45px;
  padding: 0 5px;
  color: #222222;
  font-size: 100%;
  line-height: 128.6%;
  text-decoration: none;
  background: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tab__head__item a:hover,
.tab__head__item span:hover {
  color: #fff;
  background: #333;
}
.tab__head__item.is-active {
  box-shadow: none;
}
.tab__head__item.is-active a,
.tab__head__item.is-active span {
  color: #fff;
  background: #333;
}
.tab__head__item + .tab__head__item {
  margin-left: 9px;
}

.bgBlack .tab__head__item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0;
  -moz-box-shadow: 0 -1px 4px 0 rgba(255, 255, 255, 0.35);
  -webkit-box-shadow: 0 -1px 4px 0 rgba(255, 255, 255, 0.35);
  -ms-box-shadow: 0 -1px 4px 0 rgba(255, 255, 255, 0.35);
  box-shadow: 0 -1px 4px 0 rgba(255, 255, 255, 0.35);
}
.bgBlack .tab__head__item a:hover {
  background: #000;
}
.bgBlack .tab__head__item.is-active a {
  background: #000;
}

.top .tab__content {
  padding: 40px;
  background: rgba(255, 255, 255, 0.95);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.35);
}

.tab__content__item {
  display: none;
}
.tab__content__item.is-active {
  display: block;
}

.bgBlack.top .tab__content {
  color: #000;
  background: #fff;
}

/*
frame, paint
***************************************************** */
.frame {
  margin-top: 20px;
  padding: 24px 24px 21px;
}

.paint {
  margin-top: 20px;
  padding: 26px 26px 23px;
}
@media only screen and (max-width: 720px) {
  .paint {
    padding: 10px 10px 5px;
  }
}

.b-green {
  border: 2px solid #d9e6ca;
}

.b-red {
  border: 2px solid #efb5aa;
}

.bg-green {
  background: #edf5f0;
}

.bgBlack .b-green,
.bgBlack .b-red {
  border: 2px solid #fff;
}
.bgBlack .bg-green {
  color: #fff;
  background: #000;
  border: 2px solid #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bgBlack .bg-green .caution {
  color: #ff0000;
}

/*
saisai
***************************************************** */
.saiItem-l,
.saiItem-r {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 49%;
  margin-top: 2%;
  vertical-align: top;
  background: #f7f7f7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.saiItem-l:nth-child(-n+2),
.saiItem-r:nth-child(-n+2) {
  margin-top: 0;
}
@media only screen and (max-width: 720px) {
  .saiItem-l,
  .saiItem-r {
    float: none;
    width: 100%;
  }
  .saiItem-l:nth-child(2),
  .saiItem-r:nth-child(2) {
    margin-top: 2%;
  }
}

.saiItem-l {
  margin-left: 0;
}

.saiItem-r {
  margin-left: 2%;
}
@media only screen and (max-width: 720px) {
  .saiItem-r {
    margin-left: 0;
  }
}

.saiItemText {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 10px 0 5px 15px;
}
.saiItemText h4 {
  margin: 0;
  padding: 0;
  text-indent: 0;
}
.saiItemText h4:before {
  display: none;
}
.saiItemText p {
  margin-top: 0;
  line-height: 150%;
}

.saiItemImg {
  margin-left: auto;
  padding: 5px 10px;
}
@media only screen and (max-width: 880px) {
  .saiItemImg {
    width: 50%;
  }
}
.saiItemImg a:hover img {
  opacity: 0.7;
}

/*
latestEdition
***************************************************** */
.latestEdition {
  display: table;
  width: 100%;
  border: 2px solid #dbd3af;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .latestEdition {
    display: block;
  }
}
.latestEdition .latestEdition__item {
  display: table-cell;
  margin: 0;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .latestEdition .latestEdition__item {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.latestEdition .latestEdition__item + .latestEdition__item {
  width: 100%;
  padding-left: 30px;
}
@media only screen and (max-width: 720px) {
  .latestEdition .latestEdition__item + .latestEdition__item {
    margin: 15px 0 0;
    padding: 0;
    text-align: left;
  }
}
.latestEdition h3 {
  margin: 5px 0 0;
  padding: 0;
  border: none;
  font-weight: normal;
}
.latestEdition h3:before {
  display: none;
}
.latestEdition h3 a {
  color: #222;
}
.latestEdition h3 a:hover {
  text-decoration: none;
}
.latestEdition .textBox {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px dashed #ccc;
}

.bgBlack .latestEdition {
  background: none;
  border: 1px solid #fff;
}
.bgBlack h3 a {
  color: #fff;
}

/*
backnumber
***************************************************** */
@media only screen and (max-width: 720px) {
  .backnumber {
    margin: 0 -15px;
  }
}
.backnumber dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 10px 15px 5px;
  border-bottom: 1px dashed #c6c6c6;
}
@media only screen and (max-width: 720px) {
  .backnumber dl {
    display: block;
  }
}
.backnumber dt {
  min-width: 120px;
  line-height: 100%;
}
@media only screen and (max-width: 720px) {
  .backnumber dt {
    width: 100%;
    min-width: 1px;
  }
}
.backnumber dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0;
}
@media only screen and (max-width: 720px) {
  .backnumber dd {
    margin-top: 7px;
  }
}

/*
goods
***************************************************** */
.goods {
  overflow: hidden;
}

.goods__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -10px -10px 0;
}

.goods__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 176px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .goods__item {
    width: 50%;
  }
}
.goods__item a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
  color: #222;
  text-decoration: none;
  border: 2px solid #d9e6ca;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.goods__item a:hover {
  text-decoration: underline;
}
.goods__item dl {
  text-align: center;
}
.goods__item dt {
  text-align: center;
}
.goods__item dd {
  margin-top: 10px;
  font-size: 85.8%;
  line-height: 166.7%;
}

.bgBlack .goods__item a {
  color: #fff;
  border: 1px solid #fff;
}

/*
IdStationMap
***************************************************** */
#IdStationMap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media only screen and (max-width: 720px) {
  #IdStationMap {
    display: block;
  }
}

#IdStationMap.noriba-multiple {
  display: block;
}

.noriba-multiple__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media only screen and (max-width: 720px) {
  .noriba-multiple__box {
    display: block;
  }
}
.noriba-multiple__box + .noriba-multiple__box {
  margin-top: 40px;
}

@media only screen and (max-width: 1180px) {
  .station-map-bus img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 720px) {
  .station-map-bus {
    text-align: center;
  }
  .station-map-bus .magnify-bus {
    text-align: center;
  }
  .station-map-bus img {
    width: auto;
  }
}

.busmap-border,
.busBorder {
  display: inline-block;
  border: 2px solid #d9e6ca;
}

.station-guide-bus {
  width: 100%;
  margin-left: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .station-guide-bus {
    margin-top: 30px;
    margin-left: 0;
  }
}

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

/* bus noriba */
.noriba-r {
  color: #D52626;
}

.noriba-b {
  color: #2E2EC9;
}

.noriba-g {
  color: #138413;
}

.magnify-bus {
  margin-top: 5px;
  text-align: right;
}

.magnify-arakawa {
  margin-top: 5px;
}

/*
link-list-img
***************************************************** */
.link-list-img {
  height: 120px;
  border: 2px solid #dbd3af;
}
@media only screen and (max-width: 720px) {
  .link-list-img {
    display: block;
    height: auto;
  }
  .link-list-img tbody,
  .link-list-img tr {
    display: block;
  }
  .link-list-img td {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.link-list-img td {
  border: none;
  vertical-align: middle;
}
.link-list-img .l-img {
  width: 180px;
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .link-list-img .l-img {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.link-list-img h2 {
  margin: 0;
  padding: 0;
  font-size: 128.6%;
  line-height: 144.5%;
  background: none;
  border: none;
  font-weight: normal;
}
.link-list-img h2 a {
  color: #222;
}
.link-list-img h2 a:hover {
  text-decoration: none;
}
.link-list-img p {
  margin-top: 15px;
}

.bgBlack .link-list-img {
  border: 2px solid #fff;
}
.bgBlack .link-list-img td {
  border: none;
}
.bgBlack .link-list-img h2 {
  border: none;
}
.bgBlack .link-list-img h2 a {
  color: #fff;
}

/*
.operation {
***************************************************** */
.operation dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media only screen and (max-width: 720px) {
  .operation dl {
    display: block;
  }
}
.operation dl.operation__item {
  margin-top: 10px;
  padding: 20px 15px 10px;
}
@media only screen and (max-width: 720px) {
  .operation dl.operation__item {
    padding: 20px 10px 10px;
  }
}
.operation dl:first-child {
  margin-top: 0;
  padding: 0 15px 0;
}
.operation dl + dl {
  border-top: 1px dashed #c6c6c6;
}
.operation dt {
  font-weight: bold;
}
.operation dt.route {
  width: 120px;
}
@media only screen and (max-width: 720px) {
  .operation dt.route {
    width: auto;
  }
}
.operation dt.routeNippori {
  width: 160px;
}
@media only screen and (max-width: 720px) {
  .operation dt.routeNippori {
    width: auto;
  }
}
.operation dt.haishin {
  width: 150px;
  line-height: 150%;
}
@media only screen and (max-width: 720px) {
  .operation dt.haishin {
    width: auto;
  }
}
@media only screen and (max-width: 720px) {
  .operation dd {
    margin-top: 5px;
  }
}
.operation .operation__info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: auto;
  padding-right: 30px;
}
@media only screen and (max-width: 720px) {
  .operation .operation__info {
    padding: 0;
  }
}
@media only screen and (max-width: 720px) {
  .operation .operation__link {
    margin-top: 20px;
  }
}
.operation .transfer {
  margin-top: 10px;
}
.operation .jyouhou {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.operation .jyouhou span {
  display: block;
}
.operation .state {
  font-weight: bold;
}

/*
delayBox
***************************************************** */
.delayBox {
  max-width: 458px;
  margin: 30px auto 0;
  padding: 20px;
  border: 1px solid #cccccc;
  background: url(i/base_delay.gif) repeat-y;
}
.delayBox h2 {
  margin: 0;
  padding: 0;
  color: #227324;
  font-size: 128.6%;
  line-height: 155.6%;
  font-weight: normal;
  background: none;
  border: none;
}
.delayBox .delay-date + p {
  margin-top: 10px;
}
.delayBox table {
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}
.delayBox th,
.delayBox td {
  color: #222222;
  text-align: center;
  font-weight: bold;
  background: none;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

/*
f-slider
***************************************************** */
.f-slider {
  position: relative;
  padding: 0 0 36px;
  overflow: hidden;
}
@media only screen and (min-width: 720px) {
  .f-slider {
    margin: 0 -15px;
  }
}

.f-slider .stopBtn {
  position: relative;
  top: 0;
  right: 0;
  width: 30px;
  height: 18px;
  margin: 0 0 0 5px;
  z-index: 5;
}
.f-slider .stopBtn a {
  width: 30px;
  padding-top: 18px;
}
.f-slider .stopBtn a:before, .f-slider .stopBtn a:after {
  content: '';
  position: absolute;
  display: block;
  width: 3px;
  height: 8px;
  background: #fff;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
}
.f-slider .stopBtn a:before {
  top: 5px;
  left: 11px;
}
.f-slider .stopBtn a:after {
  top: 5px;
  left: 16px;
}
.f-slider .stopBtn a.is-active:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 8px;
  border-color: transparent transparent transparent #fff;
  background: none;
}
.f-slider .stopBtn a.is-active:after {
  display: none;
}

.f-slider__body {
  margin: 0 -20px;
}
@media only screen and (min-width: 720px) {
    .f-slider__body {
    margin: 0 -5px;
  }
}

@media only screen and (max-width: 1180px) {
  .f-slider__body img {
    width: 100%;
    height: auto;
  }
}

.f-slider__body .f-slider__item.slick-slide {
  float: none;
  display: table-cell;
  vertical-align: middle;
  width: 200px;
  padding: 0 20px;
}

.f-slider__body .f-slider__item img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 720px) {
  .f-slider__body .f-slider__item:nth-child(1),
  .f-slider__body .f-slider__item:nth-child(7),
  .f-slider__body .f-slider__item:nth-child(13) {
    width: 6.25% !important;
    padding: 0 6px 0 20px;
    text-align: center;
    box-sizing: border-box;
  }

  .f-slider__body .f-slider__item:nth-child(1) img,
  .f-slider__body .f-slider__item:nth-child(7) img,
  .f-slider__body .f-slider__item:nth-child(13) img {
    width: 100%;
    height: auto;
    text-align: center;
  }
  .f-slider__body .f-slider__item[data-slick-index="2"],
  .f-slider__body .f-slider__item[data-slick-index="8"] {
    padding: 0 13px 0 27px;
  }
}
/* ここから */
/*.f-slider__body .f-slider__item a {
  position: relative;
  padding-top: 32.5%;
  padding-top: 39%;
}


.f-slider__body .f-slider__item img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  width: 100%;
  height: auto;
}*/
/*
@media only screen and (max-width: 1161px) {
  .f-slider__body .f-slider__item img {
    width: auto;
    max-width: 100%;
  }
}
@media only screen and (max-width: 720px) {
  .f-slider__body .f-slider__item img {
    width: 100%;
  }
}

@media only screen and (min-width: 1160px) {
  .f-slider .slick-track {
    left: 37px;
  }
  .f-slider__body {
    margin: 0 -18px;
  }
  .f-slider__body .f-slider__item {
    width: 5.208% !important;
    padding: 0 16px;
  }
  .f-slider__body .f-slider__item:nth-child(1),
  .f-slider__body .f-slider__item:nth-child(7),
  .f-slider__body .f-slider__item:nth-child(13) {
    width: 5.57% !important;
  }
  .f-slider__body .f-slider__item:nth-child(1) a,
  .f-slider__body .f-slider__item:nth-child(7) a,
  .f-slider__body .f-slider__item:nth-child(13) a {
    position: relative;
    padding-top: 30.37%;
    padding-top: 35.9%;
  }
}*/
/* 横幅によっては右のバナーのはしが切れるので仮で99％ */
/*@media only screen and (max-width: 1159px) {
  .f-slider__body .f-slider__item img {
    width: 99%; 
  }
}
*/
/* ここまで */

.f-slider__body .f-slider__item a {
  display: block;
}
.f-slider__body .f-slider__item a:hover img {
  opacity: 0.7;
}
.f-slider__body div:before {
  display: none;
}
.f-slider__body .slick-dots {
  position: relative;
  bottom: 0;
  width: auto;
  height: 18px;
  margin: 16px 0 0 0;
  padding: 0;
}
.f-slider__body .slick-dots button {
  margin-top: 2px;
}

/*
faq, .selectStation
***************************************************** */
.faq + .faq, .faq + .selectStation,
.selectStation + .faq,
.selectStation + .selectStation {
  margin-top: 15px;
}
.faq.open,
.selectStation.open {
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
}
.faq.loadingOpen .selectStation__body,
.selectStation.loadingOpen .selectStation__body {
  display: block;
}

.selectStation {
  margin-top: 30px;
}
@media only screen and (max-width: 720px) {
  .selectStation {
    margin-top: 15px;
  }
}

.faq__head a,
.selectStation__head a {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px 41px 8px 13px;
  color: #222;
  font-size: 114.3%;
  line-height: 175%;
  text-decoration: none;
  border: 2px solid #dbd3af;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.faq__head a:after,
.selectStation__head a:after {
  position: absolute;
  top: 9px;
  right: 5px;
  color: #8c8c8c;
  font-size: 30px;
  line-height: 100%;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.faq__head .query,
.selectStation__head .query {
  display: block;
  text-indent: -70px;
  padding-left: 76px;
}
@media only screen and (max-width: 720px) {
  .faq__head .query,
  .selectStation__head .query {
    text-indent: 0;
    padding: 0;
  }
  .faq__head .query span,
  .selectStation__head .query span {
    display: inline-block;
  }
}
.faq__head .query:before,
.selectStation__head .query:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 18px;
  margin: -4px 6px 0 0;
  vertical-align: middle;
  background: #227324;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.selectStation__head a {
  padding: 12px 43px 10px 15px;
  font-size: 100%;
  line-height: 200%;
  border: none;
  background: #f2f2f2;
  -moz-box-shadow: 0 2px 0 0 #d9d9d9;
  -webkit-box-shadow: 0 2px 0 0 #d9d9d9;
  -ms-box-shadow: 0 2px 0 0 #d9d9d9;
  box-shadow: 0 2px 0 0 #d9d9d9;
}
.selectStation__head .route-icon {
  position: relative;
  padding-left: 24px;
}
.selectStation__head .route-icon:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  display: inline-block;
  width: 14px;
  height: 14px;
  border-width: 4px;
  border-style: solid;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectStation__head .route-icon.asakusa:before {
  border-color: #e14131;
}
.selectStation__head .route-icon.mita:before {
  border-color: #006cb6;
}
.selectStation__head .route-icon.shinjuku:before {
  border-color: #b0c124;
}
.selectStation__head .route-icon.oedo:before {
  border-color: #c6035d;
}

.open .faq__head a {
  background: #f2f2f2;
  border: 2px solid #f2f2f2;
  border-bottom: 2px solid #dbd3af;
}
.open .faq__head a:after {
  top: 7px;
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
}
.open .selectStation__head a {
  color: #fff;
  background: #333;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.open .selectStation__head a:after {
  color: #fff;
}

.faq__body,
.selectStation__body {
  display: none;
  padding: 20px 15px;
}
.faq__body .answerTitle,
.selectStation__body .answerTitle {
  font-size: 107.2%;
  line-height: 186.7%;
}
.faq__body .answerTitle:before,
.selectStation__body .answerTitle:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 16px;
  margin: -4px 10px 0 0;
  vertical-align: middle;
  background: #b99800;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.faq__body .answerTitle + p,
.selectStation__body .answerTitle + p {
  margin-top: 3px;
}

.bgBlack .selectStation a:after {
  color: #000;
}
.bgBlack .selectStation.open {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.bgBlack .selectStation.open a {
  color: #000;
}
.bgBlack .faq__head a {
  color: #fff;
  border: 2px solid #fff;
}
.bgBlack .faq__head a:after {
  color: #fff;
}
.bgBlack .faq__head .query:before {
  background: #fff;
}
.bgBlack .selectStation__head a {
  color: #000;
  background: #fff;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.bgBlack .open .faq__head a {
  background: #000;
  border: 2px solid #fff;
}
.bgBlack .open .faq__body {
  border: 2px solid #fff;
  width: 100%;
}
.bgBlack .faq__body {
  display: none;
  padding: 20px 15px;
}
.bgBlack .faq__body .answerTitle {
  font-size: 107.2%;
  line-height: 186.7%;
}
.bgBlack .faq__body .answerTitle:before {
  background: #fff;
}
.bgBlack .routeList {
  border-left: 2px solid #fff;
  background: none;
}
.bgBlack .routeList li {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  background: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bgBlack .routeList li a {
  color: #fff;
}
.bgBlack .routeList li a:after {
  color: #fff;
}
.bgBlack .routeList li.bgWhite a {
  color: #000;
}
.bgBlack .routeList li.bgWhite a:after {
  color: #000;
}

.selectStation__body {
  padding: 0;
}
.selectStation__body ul {
  background: #f2f2f2;
}
@media only screen and (max-width: 720px) {
  .selectStation__body ul {
    display: block;
  }
}
.selectStation__body ul.bgWhite {
  background: #fff;
}
.selectStation__body li {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #f2f2f2;
  cursor: pointer;
}
.selectStation__body li:before {
  display: none;
}
.selectStation__body li:nth-child(odd) {
  background: #fff;
}
.selectStation__body li a {
  display: block;
  width: 100%;
  min-height: 50px;
  color: #222;
  text-decoration: none;
  padding: 12px 5px 10px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectStation__body li a:hover {
  text-decoration: underline;
}
.selectStation__body li a:hover > span {
  text-decoration: none;
}
.selectStation__body li.bgWhite {
  background: #fff;
}
.selectStation__body li .routeNum {
  display: inline-block;
  width: 65px;
  font-size: 85.8%;
  line-height: 233.4%;
}

.bgBlack .selectStation__body {
  border-top: 2px solid #000;
}
.bgBlack .selectStation__body li:nth-child(even) a {
  color: #fff;
}

/* *****************************************************
header
***************************************************** */
.header__top {
  position: relative;
  background: url(i/bg_header.png) center bottom #fafafa no-repeat;
  -moz-box-shadow: 0px 4px 4px -3px #dbdbdb;
  -webkit-box-shadow: 0px 4px 4px -3px #dbdbdb;
  -ms-box-shadow: 0px 4px 4px -3px #dbdbdb;
  box-shadow: 0px 4px 4px -3px #dbdbdb;
  z-index: 20;
}
@media only screen and (max-width: 1000px) {
  .header__top {
    display: none;
  }
}

.bgBlack .header__top {
  background: #000;
  -moz-box-shadow: 0 1px 0 0 #fff;
  -webkit-box-shadow: 0 1px 0 0 #fff;
  -ms-box-shadow: 0 1px 0 0 #fff;
  box-shadow: 0 1px 0 0 #fff;
}

.top__body {
  position: relative;
  width: 100%;
  border-top: 3px solid #227324;
}
.top__body .top__body__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  width: 1160px;
  margin: 0 auto;
}
@media only screen and (max-width: 1180px) {
  .top__body .top__body__content {
    width: auto;
    padding: 0 15px;
  }
}

.bgBlack .top__body {
  border-top: 3px solid #fff;
}

.top__body__left {
  margin-right: auto;
}

.office-link {
  line-height: 100%;
}
.office-link a {
  color: #222;
  font-size: 92.9%;
  line-height: 138.5%;
}
.office-link a:hover {
  text-decoration: none;
}

.bgBlack .office-link a {
  color: #ffff99;
}
@media only screen and (max-width: 720px) {
  .bgBlack .office-link a {
    color: #000;
  }
}
@media only screen and (max-width: 720px) {
  .bgBlack .office-link.is-outIcon:after {
    color: #000;
  }
}

.h-linkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  margin: 0;
  padding: 0;
}
.h-linkList > li {
  margin: 0;
  padding: 0;
}
.h-linkList > li:before {
  display: none;
}
.h-linkList > li + li {
  margin: 0;
  padding: 0;
}

.h-linkList__item {
  height: 100%;
}
.h-linkList__item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 45px;
  padding: 0 10px 0;
  position: relative;
  vertical-align: middle;
  color: #222222;
  font-size: 92.9%;
  line-height: 138.5%;
  text-decoration: none;
}
.h-linkList__item > a.is-hover, .h-linkList__item > a:hover {
  color: #fff;
  background: #227324;
}
.h-linkList__item > a:after {
  font-weight: bold;
}

.bgBlack .h-linkList__item > a {
  color: #ffff99;
}
.bgBlack .h-linkList__item > a.is-hover, .bgBlack .h-linkList__item > a:hover {
  color: #000;
  background: #fff;
}
.bgBlack .h-linkList__item:hover > a:hover:before {
  color: #000;
}
.bgBlack .h-linkList__item:hover > a.is-hover:before, .bgBlack .h-linkList__item:hover > a.is-hover:after {
  color: #000;
}

.language {
  position: relative;
}
.language a {
  padding: 0 25px 0;
}
.language .dropDown__body {
  width: auto;
  margin: 0;
}

.searchBtn > a {
  min-width: 76px;
  padding: 0 22px 0;
  color: #264c27;
  text-align: center;
  vertical-align: middle;
  background: #e6e6e6;
  text-decoration: none;
}
.searchBtn > a:hover {
  color: #fff;
  background: #227324;
}
.searchBtn > a:hover:before {
  color: #9fc105;
}
.searchBtn.close > a {
  color: #fff;
  background: #227324;
}

.bgBlack .searchBtn > a {
  color: #000;
  background: #fff;
}
.bgBlack .searchBtn > a:before {
  color: #000;
}

.h-linkList__item.searchBtn > a:after {
  display: none;
}

.dropDown {
  display: none;
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 10;
  -moz-box-shadow: 0px 4px 4px -3px #dbdbdb inset;
  -webkit-box-shadow: 0px 4px 4px -3px #dbdbdb inset;
  -ms-box-shadow: 0px 4px 4px -3px #dbdbdb inset;
  box-shadow: 0px 4px 4px -3px #dbdbdb inset;
}

.bgBlack .dropDown {
  background: #000;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}

.dropDown__body {
  width: 1160px;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-width: 1180px) {
  .dropDown__body {
    width: auto;
  }
}

.langList {
  margin: 0;
  padding: 0;
}
.langList li {
  margin: 0;
  padding: 0;
}
.langList li:before {
  display: none;
}
.langList li a {
  display: block;
  width: auto;
  min-height: 41px;
  padding: 8px 15px;
  color: #222;
  text-align: left;
  text-decoration: none;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.langList li a.is-active, .langList li a:hover {
  color: #fff;
  background: #264c27;
}
.langList li + li {
  border-top: 1px dashed #ccc;
}

.bgBlack .langList {
  border-top: 1px solid #000;
  background: #fff;
}
.bgBlack .langList li a {
  color: #000;
}
.bgBlack .langList li a.is-active, .bgBlack .langList li a:hover {
  color: #fff;
  background: #000;
}
.bgBlack .langList li + li {
  border-top: 1px dashed #000;
}

.setting {
  padding: 0 40px;
}

.setting__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 40px 0;
}
.setting__body .setting__title {
  padding: 0 0 0 24px;
  font-size: 157.2%;
  line-height: 136.4%;
  font-weight: bold;
}
.setting__body .setting__title:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 26px;
  padding: 0 3px;
  margin-top: -3px;
  margin-left: -19px;
  margin-right: 13px;
  background: #227324;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  vertical-align: middle;
}
.setting__body + .setting__body {
  padding: 29px 0 40px;
  border-top: 1px dashed #ccc;
}

.setting__box_left {
  width: 360px;
  text-align: left;
}

.setting__box_right {
  width: 680px;
}

.setting__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.setting__item + .setting__item {
  margin-top: 20px;
}
.setting__item dt {
  position: relative;
  width: 120px;
  height: 120px;
  margin-right: 40px;
}
.setting__item dt span {
  display: table-cell;
  width: 120px;
  height: 120px;
  color: #264c27;
  font-size: 114.3%;
  line-height: 100%;
  vertical-align: middle;
  border: 2px solid #dbd3af;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
}
.setting__item dt:before, .setting__item dt:after {
  content: "";
  position: absolute;
  display: inline-block;
}
.setting__item dt:before {
  top: 50%;
  right: -42px;
  margin-top: -9px;
  border-top: 8px solid transparent;
  border-left: 22px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 22px solid transparent;
  border-left-color: #dbd3af;
}
.setting__item dt:after {
  top: 50%;
  right: -38px;
  margin-top: -8px;
  border-top: 7px solid transparent;
  border-left: 22px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 22px solid transparent;
  border-left-color: #fff;
}
.setting__item dd {
  position: relative;
}
.setting__item dd + dd {
  margin-left: 20px;
}
.setting__item input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  font-size: 0;
  overflow: hidden;
}
.setting__item .is-active:before {
  background: none;
  border: 2px solid #4db5ff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.setting__item label {
  position: relative;
  display: block;
  width: 160px;
  height: 140px;
  cursor: pointer;
}
.setting__item label:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
}

.bgBlack .setting__body .setting__title:before {
  background: #fff;
}
.bgBlack .setting__body .btnList .btnBack {
  color: #fff;
  border: 1px solid #fff;
  background: #000;
}
.bgBlack .setting__body .btnList .btnSet {
  color: #000;
  background: #fff;
}
.bgBlack .setting__body .btnList .btn {
  box-shadow: none;
}
.bgBlack .setting__item dt span {
  color: #fff;
  border: 2px solid #fff;
}
.bgBlack .setting__item dt:before {
  border-left-color: #fff;
}
.bgBlack .setting__item dt:after {
  border-left-color: #000;
}
.bgBlack .setting__item .is-active:before {
  border: 2px solid #ffff00;
}

.search {
  display: none;
  width: 100%;
  background: #fff;
  z-index: 10;
}
@media only screen and (max-width: 1000px) {
  .search {
    display: block;
  }
}

.search__body {
  padding: 40px 0 39px;
  background: #f2f2f2;
  -moz-box-shadow: 0px 4px 4px -3px #dbdbdb inset;
  -webkit-box-shadow: 0px 4px 4px -3px #dbdbdb inset;
  -ms-box-shadow: 0px 4px 4px -3px #dbdbdb inset;
  box-shadow: 0px 4px 4px -3px #dbdbdb inset;
}

.search__contents {
  width: 760px;
  margin: 0 auto;
}
.search__contents .title {
  text-align: center;
  font-size: 142.9%;
  line-height: 140%;
}
.search__contents .title:before {
  font-size: 142.9%;
  line-height: 140%;
}

.search__contents .gsc-search-box,
.search__contents .gsc-control-cse,
.search__contents .gsc-search-box.gsc-search-box-tools table,
.search__contents .gsc-search-box.gsc-search-box-tools td,
.search__contents .gsc-input,
.search__contents .gsc-search-box-tools .gsc-search-box .gsc-input,
.search__contents .gsc-input-box,
.spSearch .gsc-search-box,
.spSearch .gsc-control-cse,
.spSearch .gsc-search-box.gsc-search-box-tools table,
.spSearch .gsc-search-box.gsc-search-box-tools td,
.spSearch .gsc-input,
.spSearch .gsc-search-box-tools .gsc-search-box .gsc-input,
.spSearch .gsc-input-box,
.main__body .gsc-search-box,
.main__body .gsc-control-cse,
.main__body .gsc-search-box.gsc-search-box-tools table,
.main__body .gsc-search-box.gsc-search-box-tools td,
.main__body .gsc-input,
.main__body .gsc-search-box-tools .gsc-search-box .gsc-input,
.main__body .gsc-input-box {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  line-height: 100%;
  border: none;
}
@media only screen and (max-width: 1000px) {
  .search__contents .gsc-search-box.gsc-search-box-tools td,
  .spSearch .gsc-search-box.gsc-search-box-tools td,
  .main__body .gsc-search-box.gsc-search-box-tools td {
    padding: 0 !important;
    font-size: 100% !important;
    line-height: 100% !important;
  }
}
.search__contents .gsc-control-searchbox-only,
.spSearch .gsc-control-searchbox-only,
.main__body .gsc-control-searchbox-only {
  margin-top: 30px;
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
}
@media only screen and (max-width: 1000px) {
  .search__contents .gsc-control-searchbox-only,
  .spSearch .gsc-control-searchbox-only,
  .main__body .gsc-control-searchbox-only {
    margin-top: 0;
  }
}
@media only screen and (max-width: 1000px) {
  .search__contents .gsc-search-box,
  .search__contents .gsc-search-box table,
  .search__contents .gsc-search-box td,
  .search__contents .gsc-search-box-tools .gsc-search-box .gsc-input,
  .spSearch .gsc-search-box,
  .spSearch .gsc-search-box table,
  .spSearch .gsc-search-box td,
  .spSearch .gsc-search-box-tools .gsc-search-box .gsc-input,
  .main__body .gsc-search-box,
  .main__body .gsc-search-box table,
  .main__body .gsc-search-box td,
  .main__body .gsc-search-box-tools .gsc-search-box .gsc-input {
    width: 100%;
    padding: 0;
  }
}
.search__contents .gsc-input-box-focus input.gsc-input,
.spSearch .gsc-input-box-focus input.gsc-input,
.main__body .gsc-input-box-focus input.gsc-input {
  background: #fefefe;
}
.search__contents input.gsc-input,
.spSearch input.gsc-input,
.main__body input.gsc-input {
  width: 710px !important;
  height: 50px !important;
  padding: 0 15px !important;
  color: #666;
  font: 16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  background-color: #fefefe !important;
  background-position: 15px center !important;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 1000px) {
  .search__contents input.gsc-input,
  .spSearch input.gsc-input,
  .main__body input.gsc-input {
    width: 100% !important;
  }
}
.search__contents .gsib_b,
.spSearch .gsib_b,
.main__body .gsib_b {
  display: none;
}
.search__contents .gsc-search-button,
.spSearch .gsc-search-button,
.main__body .gsc-search-button {
  position: relative;
  width: 50px;
  height: 50px;
}
.search__contents td.gsc-search-button,
.spSearch td.gsc-search-button,
.main__body td.gsc-search-button {
  width: 50px;
  height: 50px;
}
.search__contents input.gsc-search-button.gsc-search-button-v2,
.spSearch input.gsc-search-button.gsc-search-button-v2,
.main__body input.gsc-search-button.gsc-search-button-v2 {
  position: relative;
  display: block;
  width: 50px;
  height: 0;
  margin: 0;
  padding: 50px 0 0 0;
  background: url(i/btn_search.png) center center no-repeat #333333;
  background-size: 45px 45px;
  overflow: hidden;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
.search__contents input.gsc-search-button.gsc-search-button-v2:hover,
.spSearch input.gsc-search-button.gsc-search-button-v2:hover,
.main__body input.gsc-search-button.gsc-search-button-v2:hover {
  opacity: 0.8;
}
.search__contents .gsc-control-cse,
.search__contents .gsc-control-cse .gsc-table-result,
.spSearch .gsc-control-cse,
.spSearch .gsc-control-cse .gsc-table-result,
.main__body .gsc-control-cse,
.main__body .gsc-control-cse .gsc-table-result {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.main__body .gsc-search-box-tools .gsc-search-box .gsc-input {
  width: 100%;
}
.main__body .gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input-box td {
  width: 100%;
}
.main__body .gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input-box td input.gsc-input {
  width: 100% !important;
}
.main__body .gsc-control-cse .gsc-results a.gs-title,
.main__body .gsc-control-cse .gsc-results a.gs-title:link,
.main__body .gsc-control-cse .gsc-expansionArea a.gs-title b,
.main__body .gsc-control-cse .gsc-results a.gs-title:link b,
.main__body .gsc-control-cse .gsc-results .gsc-cursor-page {
  color: #123ab3;
}
.main__body .gsc-control-cse .gsc-results a.gs-title:hover, .main__body .gsc-control-cse .gsc-results a.gs-title:hover b,
.main__body .gsc-control-cse .gsc-results a.gs-title:link:hover,
.main__body .gsc-control-cse .gsc-results a.gs-title:link:hover b,
.main__body .gsc-control-cse .gsc-expansionArea a.gs-title b:hover,
.main__body .gsc-control-cse .gsc-expansionArea a.gs-title b:hover b,
.main__body .gsc-control-cse .gsc-results a.gs-title:link b:hover,
.main__body .gsc-control-cse .gsc-results a.gs-title:link b:hover b,
.main__body .gsc-control-cse .gsc-results .gsc-cursor-page:hover,
.main__body .gsc-control-cse .gsc-results .gsc-cursor-page:hover b {
  color: #006aff;
}

.bgBlack .main__body .gsc-control-cse .gsc-expansionArea a.gs-title,
.bgBlack .main__body .gsc-control-cse .gsc-results a.gs-title:link,
.bgBlack .main__body .gsc-control-cse .gsc-expansionArea a.gs-title b,
.bgBlack .main__body .gsc-control-cse .gsc-results a.gs-title:link b,
.bgBlack .main__body .gsc-control-cse .gsc-results .gsc-cursor-page {
  color: #ffff99;
}
.bgBlack .main__body .gsc-control-cse .gsc-expansionArea a.gs-title:hover, .bgBlack .main__body .gsc-control-cse .gsc-expansionArea a.gs-title:hover b,
.bgBlack .main__body .gsc-control-cse .gsc-results a.gs-title:link:hover,
.bgBlack .main__body .gsc-control-cse .gsc-results a.gs-title:link:hover b,
.bgBlack .main__body .gsc-control-cse .gsc-expansionArea a.gs-title b:hover,
.bgBlack .main__body .gsc-control-cse .gsc-expansionArea a.gs-title b:hover b,
.bgBlack .main__body .gsc-control-cse .gsc-results a.gs-title:link b:hover,
.bgBlack .main__body .gsc-control-cse .gsc-results a.gs-title:link b:hover b,
.bgBlack .main__body .gsc-control-cse .gsc-results .gsc-cursor-page:hover,
.bgBlack .main__body .gsc-control-cse .gsc-results .gsc-cursor-page:hover b {
  color: #ffff99;
}

.gssb_c,
.gssb_c th,
.gssb_c td {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
}

.gssb_c td {
  padding: 5px 15px;
}

.gsc-control-cse.gsc-control-cse-ja {
  padding: 0;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

td.gsc-result-info-container {
  padding: 0;
}

.gsc-resultsHeader td {
  padding: 0;
}

.gsc-results-wrapper-nooverlay.gsc-results-wrapper-visible table,
.gsc-results-wrapper-nooverlay.gsc-results-wrapper-visible th,
.gsc-results-wrapper-nooverlay.gsc-results-wrapper-visible td {
  margin: 0;
  border: none;
}
.gsc-results-wrapper-nooverlay.gsc-results-wrapper-visible .gsc-webResult .gsc-result {
  padding: 15px 0 15px 0;
}
.gsc-results-wrapper-nooverlay.gsc-results-wrapper-visible .gsc-result .gs-title {
  height: auto;
  line-height: 150%;
  overflow: visible;
}
.gsc-results-wrapper-nooverlay.gsc-results-wrapper-visible .gsc-url-top {
  margin-top: 5px;
}
.gsc-results-wrapper-nooverlay.gsc-results-wrapper-visible .gsc-cursor-page {
  font-size: 142.9%;
  line-height: 140%;
  margin-right: 0;
  padding: 0 2px;
}

.spSearch input.gsc-input {
  height: 40px !important;
  line-height: 40px !important;
  vertical-align: middle;
}
.spSearch input.gsc-search-button.gsc-search-button-v2 {
  width: 40px;
  padding: 40px 0 0 0;
  background: url(i/sp_btn_search.png) center center no-repeat #333333;
  background-size: 40px 40px;
}

.searchform {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 30px;
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
}

.searchform__input {
  width: 710px;
  height: 50px;
  padding: 0 15px;
  color: #666;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  background: #fefefe;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 1000px) {
  .searchform__input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
  }
}

.button_search {
  margin: 0;
}
.button_search a {
  position: relative;
  display: block;
  width: 50px;
  height: 0;
  padding-top: 50px;
  background: #333;
  overflow: hidden;
}
.button_search a:hover {
  opacity: 0.8;
}

.gsc-results .gsc-cursor-box {
  text-align: center;
}

.keyword {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 20px;
}
.keyword dt {
  margin-right: 38px;
}
.keyword dd {
  margin-right: 10px;
}
.keyword dd a {
  display: table-cell;
  height: 29px;
  line-height: 100%;
  padding: 2px 20px 0;
  color: #264c27;
  background: #fff;
  border: 2px solid #c4d9b8;
  vertical-align: middle;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  text-decoration: none;
}
.keyword dd a:hover {
  border: 2px solid #d6e39f;
  background: #d6e39f;
  cursor: pointer;
}

.search__footer {
  padding: 40px 0;
  background: #fff;
}

.searchList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 1160px;
  margin: -13px auto 0;
}
@media only screen and (max-width: 1180px) {
  .searchList {
    width: auto;
    padding: 0 15px;
  }
}
.searchList li {
  width: 275px;
  margin: 0 0 0 20px;
  padding: 13px 0 11px 0;
  border-bottom: 1px solid #c6c6c6;
}
@media only screen and (max-width: 1180px) {
  .searchList li {
    width: 23.5%;
    margin-left: 2%;
  }
}
.searchList li:nth-child(1), .searchList li:nth-child(4n+1) {
  margin-left: 0;
}
.searchList li a {
  color: #222;
  text-decoration: none;
}
.searchList li:before {
  width: auto;
  height: auto;
  margin: -2px 0 0 0;
  padding: 0;
  color: #ff3826;
  font-size: 107.2%;
  line-height: 186.7%;
  font-weight: bold;
  background: none;
}

.bgBlack .search {
  background: #000;
}
.bgBlack .search__body {
  position: relative;
  background: #000;
  -moz-box-shadow: 0 1px 0 0 #fff;
  -webkit-box-shadow: 0 1px 0 0 #fff;
  -ms-box-shadow: 0 1px 0 0 #fff;
  box-shadow: 0 1px 0 0 #fff;
  z-index: 1;
}
.bgBlack .searchform__input {
  color: #000;
  background: #fff;
}
.bgBlack .button_search {
  margin: 0;
}
.bgBlack .button_search a {
  padding-top: 48px;
  background: #000;
  border: 1px solid #fff;
}
.bgBlack .button_search a:hover {
  padding-top: 50px;
  background: #fff;
  border: none;
  border-left: 1px solid #000;
  opacity: 1;
}
.bgBlack .keyword dd span {
  color: #000;
  background: #fff;
  border: 2px solid #000;
}
.bgBlack .keyword dd span:hover {
  color: #fff;
  border: 2px solid #fff;
  background: #000;
  cursor: pointer;
}
.bgBlack .search__footer {
  background: #000;
}
.bgBlack .searchList li {
  border-bottom: 1px solid #fff;
}
.bgBlack .searchList li a {
  color: #ffff99;
}
.bgBlack .searchList li:before {
  color: #fff;
  font-size: 107.2%;
  line-height: 186.7%;
  font-weight: bold;
  background: none;
}

@media only screen and (max-width: 1000px) {
  .top .header__body {
    border-bottom: 1px solid #d9d9d9;
  }
}

.header__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 1160px;
  margin: 0 auto;
  padding: 16px 0 15px;
}
@media only screen and (max-width: 1180px) {
  .header__body {
    width: auto;
    padding: 10px 15px;
  }
}
@media only screen and (max-width: 1000px) {
  .header__body {
    min-height: 1px;
    padding: 0;
    border-top: 3px solid #227324;
  }
}
@media only screen and (max-width: 720px) {
  .header__body {
    border-bottom: 1px solid #d9d9d9;
  }
}

.header__body__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-right: auto;
  padding: 0 0 3px 0;
}
@media only screen and (max-width: 1000px) {
  .header__body__left {
    padding: 12px 0 12px 10px;
    min-height: 1px;
  }
  .header__body__left .logo a {
    display: block;
    width: 157px;
    height: 26px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url(i/sp_logo.png) 0 0 no-repeat;
    background-size: 157px 26px;
  }
  .header__body__left .logo img {
    display: none;
  }
}
.header__body__left .h-project {
  margin-top: 0;
  margin-left: 40px;
}
@media only screen and (max-width: 1000px) {
  .header__body__left .h-project {
    display: none;
  }
}

.header__body__right .contact {
  margin-top: -3px;
  text-align: right;
}
.header__body__right .contact a {
  color: #222;
  text-decoration: none;
  vertical-align: middle;
}
.header__body__right .contact__text {
  color: #264c27;
}
.header__body__right .number {
  font-size: 142.9%;
  line-height: 100%;
  vertical-align: middle;
}
@media only screen and (max-width: 1000px) {
  .header__body__right .contact,
  .header__body__right .h-link {
    display: none;
  }
  .header__body__right .spMenu {
    display: block;
  }
}

.spMenu {
  display: none;
}
.spMenu .btnMenu {
  width: 60px;
  height: 0;
  padding-top: 50px;
  background: url(i/sp_menu.png) 0 0 no-repeat;
  background-size: 60px 100px;
  overflow: hidden;
  cursor: pointer;
}
.spMenu .btnMenu.open {
  background-position: 0 -50px;
}
.spMenu .spMenu__body {
  display: none;
  position: absolute;
  top: 123px;
  left: 0;
  width: 100%;
  z-index: 30;
  overflow: hidden;
  border-bottom: 5px solid #c6c6c6;
}
.spMenu .spNavi {
  margin: 0;
  padding: 0;
  background: rgba(34, 115, 36, 0.95);
}
.spMenu .spNavi li {
  width: 100%;
  margin: 0;
  padding: 0;
}
.spMenu .spNavi li + li {
  border-top: 1px solid #fff;
}
.spMenu .spNavi li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: auto;
  height: 50px;
  padding: 0 15px;
  color: #fff;
  font-size: 107.2%;
  line-height: 186.7%;
  text-decoration: none;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.spMenu .spNavi li a:after {
  margin-left: auto;
}
.spMenu .spNavi li:before {
  display: none;
}
.spMenu .sp-link {
  display: table;
  width: 100%;
  text-align: center;
  background: rgba(255, 255, 255, 0.95);
}
.spMenu .sp-link p {
  display: table-cell;
  height: 50px;
  vertical-align: middle;
}
.spMenu .spHeadLink {
  width: 100%;
}
.spMenu .sp-link + .spHeadLink .spHeadLink__body {
  border-top: 1px dashed #c6c6c6;
}
.spMenu .spHeadLink__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 60px;
  background: rgba(255, 255, 255, 0.95);
}
.spMenu .spHeadLink__body__item {
  display: table;
  width: 50%;
  height: 60px;
}
.spMenu .spHeadLink__body__item + .spHeadLink__body__item {
  border-left: 1px dashed #c6c6c6;
}
.spMenu .spHeadLink__body__item .speaker-link,
.spMenu .spHeadLink__body__item .office-link,
.spMenu .spHeadLink__body__item .language {
  display: table-cell;
  width: 100%;
  height: 60px;
  text-align: center;
  vertical-align: middle;
}
.spMenu .spHeadLink__body__item .selectWrap {
  position: relative;
  display: inline-block;
}
.spMenu .spHeadLink__body__item .language select {
  padding: 0 0 0 5px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
}
.spMenu .spHeadLink__body__item .language select::-ms-expand {
  display: none;
}
.spMenu #google_translate_element {
  padding: 10px;
  text-align: center;
  background: rgba(255, 255, 255, 0.95);
}

.spSearch {
  display: none;
  padding: 15px 15px;
  background: #c6c6c6;
}
.spSearch .searchform {
  margin-top: 0;
}
@media only screen and (max-width: 1000px) {
  .spSearch {
    display: block;
  }
}

.bgBlack .header__body__right .contact__text,
.bgBlack .header__body__right .number,
.bgBlack .header__body__right .contact a {
  color: #ffff99;
}

.h-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  height: auto;
  margin: 8px 0 0 0;
  padding: 0;
}
.h-link li {
  margin: 0;
  padding: 0;
}
.h-link li:before {
  display: none;
}
.h-link li + li {
  margin-left: 30px;
}
.h-link a:hover {
  opacity: 0.7;
}
.h-link .btn {
  color: #fff;
  background: #b99800;
  -webkit-box-shadow: 0px 2px 0px 0px #d9d9d9;
  -moz-box-shadow: 0px 2px 0px 0px #d9d9d9;
  -ms-box-shadow: 0px 2px 0px 0px #d9d9d9;
  box-shadow: 0px 2px 0px 0px #d9d9d9;
}

/*
navGlobal
***************************************************** */
.navGlobal__body {
  background: #227324;
  -moz-box-shadow: 0px -4px 4px -3px #dbdbdb, 0px 4px 4px -3px #dbdbdb;
  -webkit-box-shadow: 0px -4px 4px -3px #dbdbdb, 0px 4px 4px -3px #dbdbdb;
  -ms-box-shadow: 0px -4px 4px -3px #dbdbdb, 0px 4px 4px -3px #dbdbdb;
  box-shadow: 0px -4px 4px -3px #dbdbdb, 0px 4px 4px -3px #dbdbdb;
}
@media only screen and (max-width: 1180px) {
  .navGlobal__body {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 1000px) {
  .navGlobal__body {
    display: none;
  }
}

.bgBlack .navGlobal__body {
  background: #000;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  box-shadow: none;
}

.listGnav {
  position: relative;
  width: 1160px;
  margin: 0 auto;
  display: table;
  height: 50px;
}
@media only screen and (max-width: 1180px) {
  .listGnav {
    width: 100%;
  }
}
.listGnav .listGnav__item {
  display: table-cell;
  margin: 0;
  padding: 0;
  height: 100%;
  vertical-align: middle;
}
@media only screen and (max-width: 1180px) {
  .listGnav .listGnav__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .listGnav .listGnav__item.item01 {
    -webkit-box-flex: 0.5;
    -ms-flex: 0.5;
    flex: 0.5;
  }
  .listGnav .listGnav__item.item05 {
    -webkit-box-flex: 1.5;
    -ms-flex: 1.5;
    flex: 1.5;
  }
}
.listGnav .listGnav__item:before {
  display: none;
}
.listGnav .listGnav__item + .listGnav__item {
  margin: 0;
  padding: 0;
}
.listGnav .listGnav__item__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 100%;
  padding-top: 2px;
  color: white;
  font-size: 107.2%;
  line-height: 120%;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10;
}
.listGnav .listGnav__item__link.is-hover, .listGnav .listGnav__item__link.is-active, .listGnav .listGnav__item__link:hover {
  color: #264c27;
  background: #fff;
}
.listGnav .listGnav__item__link.chenge {
  height: auto;
}
@media only screen and (max-width: 1180px) {
  .listGnav .listGnav__item__link.chenge {
    height: 50px;
  }
}
.listGnav .is-home .listGnav__item__link {
  position: relative;
}
.listGnav .is-home .listGnav__item__link:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.listGnav .is-home .listGnav__item__link span {
  opacity: 0;
}
.listGnav .item01 .listGnav__item__link {
  width: 75px;
}
.listGnav .item01 .listGnav__item__link .listGnav__item__link__body {
  display: none;
}
.listGnav .item02 .listGnav__item__link {
  width: 155px;
}
.listGnav .item03 .listGnav__item__link {
  width: 115px;
}
.listGnav .item04 .listGnav__item__link {
  width: 155px;
}
.listGnav .item05 .listGnav__item__link {
  width: 197px;
}
.listGnav .item06 .listGnav__item__link {
  width: 152px;
}
.listGnav .item07 .listGnav__item__link {
  width: 157px;
}
.listGnav .item08 .listGnav__item__link {
  width: 154px;
}
@media only screen and (max-width: 1180px) {
  .listGnav .listGnav__item .listGnav__item__link {
    width: 100%;
    padding: 0 10px;
  }
}

.bgBlack .listGnav {
  -moz-box-shadow: -1px 0 0 0 #fff;
  -webkit-box-shadow: -1px 0 0 0 #fff;
  -ms-box-shadow: -1px 0 0 0 #fff;
  box-shadow: -1px 0 0 0 #fff;
}
.bgBlack .listGnav .listGnav__item__link {
  color: #ffff99;
  -moz-box-shadow: 1px 0 0 0 #fff;
  -webkit-box-shadow: 1px 0 0 0 #fff;
  -ms-box-shadow: 1px 0 0 0 #fff;
  box-shadow: 1px 0 0 0 #fff;
}
.bgBlack .listGnav .listGnav__item__link.is-hover, .bgBlack .listGnav .listGnav__item__link.is-active, .bgBlack .listGnav .listGnav__item__link:hover {
  color: #000;
  background: #fff;
}

.subNavi {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 1160px;
  padding: 25px 40px 21px;
  background: #fafae2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
  z-index: 9;
}
@media only screen and (max-width: 1180px) {
  .subNavi {
    width: 100%;
  }
}
@media only screen and (max-width: 1000px) {
  .subNavi {
    display: none !important;
  }
}

.subNavi__list {
  margin-top: -22px;
  letter-spacing: -.35em;
}
.subNavi__list li {
  position: relative;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  vertical-align: top;
  width: 25%;
  height: auto;
  margin: 22px 0 0 0;
  padding: 0 10px 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.subNavi__list li:before {
  position: absolute;
  top: 8px;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  color: #b99800;
  font-size: 10px;
  height: 100%;
  background: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
.subNavi__list li a {
  color: #222;
  font-size: 107.2%;
  line-height: 146.7%;
  text-decoration: none;
}
.subNavi__list li a:hover {
  text-decoration: underline;
}

.bgBlack .subNavi {
  background: #000;
}
.bgBlack .subNavi__list li:before {
  background: #000;
}
.bgBlack .subNavi__list a {
  color: #ffff99;
}

/* *****************************************************
footer
***************************************************** */
.returnTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 80px;
  height: 80px;
  z-index: 2;
}
@media only screen and (max-width: 720px) {
  .returnTop {
    width: 40px;
    height: 40px;
    bottom: 15px;
    right: 15px;
  }
}

.bgBlack .returnTop {
  background: #fff;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
}

.footer {
  -moz-box-shadow: 0px -4px 4px -3px #dbdbdb;
  -webkit-box-shadow: 0px -4px 4px -3px #dbdbdb;
  -ms-box-shadow: 0px -4px 4px -3px #dbdbdb;
  box-shadow: 0px -4px 4px -3px #dbdbdb;
}

.bgBlack .footer {
  border-top: 1px solid #fff;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}

.footer__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 1160px;
  margin: 0 auto;
}
@media only screen and (max-width: 1180px) {
  .footer__body {
    width: auto;
    padding: 0 15px;
  }
}
@media only screen and (max-width: 720px) {
  .footer__body {
    display: block;
    padding: 0;
  }
}

.footer__body__item {
  width: 200px;
  padding: 40px 39px 32px 0;
}
@media only screen and (max-width: 1180px) {
  .footer__body__item {
    width: 300px;
    padding: 20px 20px 20px 0;
  }
  .footer__body__item .f-logo {
    text-align: right;
  }
  .footer__body__item .f-logo img {
    max-width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 880px) {
  .footer__body__item {
    width: 50%;
  }
}
@media only screen and (max-width: 720px) {
  .footer__body__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 20px 15px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .footer__body__item .f-logo {
    width: 172px;
    height: 28px;
    background: url(i/sp_f_logo.png) 0 0 no-repeat;
    background-size: 172px 28px;
  }
  .footer__body__item .f-logo img {
    display: none;
  }
}
.footer__body__item + .footer__body__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: auto;
  margin-right: auto;
  padding: 40px 0 0 40px;
  border-left: 1px solid #d9d9d9;
}
@media only screen and (max-width: 1180px) {
  .footer__body__item + .footer__body__item {
    padding: 20px 0 20px 20px;
  }
}
@media only screen and (max-width: 720px) {
  .footer__body__item + .footer__body__item {
    display: block;
    padding: 25px 15px 0;
    border-left: none;
  }
}

.f-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
}
@media only screen and (max-width: 720px) {
  .f-sns {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.f-sns li {
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
}
.f-sns li:before {
  display: none;
}
@media only screen and (max-width: 720px) {
  .f-sns li {
    width: 26px;
    height: 26px;
  }
}
.f-sns li a {
  display: block;
  width: 30px;
  height: 0;
  padding-top: 30px;
  background: url(i/icon_sns.png) 0 0 no-repeat;
  overflow: hidden;
}
@media only screen and (max-width: 720px) {
  .f-sns li a {
    width: 26px;
    padding-top: 26px;
    background-size: 104px 26px;
  }
}
.f-sns li a:hover {
  opacity: 0.8;
}
.f-sns li .is-facebook {
  background-position: 0 0;
}
.f-sns li .is-twitter {
  background-position: -30px 0;
}
@media only screen and (max-width: 720px) {
  .f-sns li .is-twitter {
    background-position: -26px 0;
  }
}
.f-sns li .is-youtube {
  background-position: -60px 0;
}
@media only screen and (max-width: 720px) {
  .f-sns li .is-youtube {
    background-position: -52px 0;
  }
}
.f-sns li .is-instagram {
  background-position: -90px 0;
}
@media only screen and (max-width: 720px) {
  .f-sns li .is-instagram {
    background-position: -78px 0;
  }
}
.f-sns li + li {
  margin: 0 0 0 10px;
  padding: 0;
}

.f-inquiry {
  margin-top: 30px;
}
@media only screen and (max-width: 720px) {
  .f-inquiry {
    margin-top: 15px;
  }
}
.f-inquiry .btn {
  width: 200px;
  height: 50px;
  font-size: 107.2%;
  line-height: 120%;
  color: #fff;
  background: #b99800;
  -webkit-box-shadow: 0px 2px 0px 0px #d9d9d9;
  -moz-box-shadow: 0px 2px 0px 0px #d9d9d9;
  -ms-box-shadow: 0px 2px 0px 0px #d9d9d9;
  box-shadow: 0px 2px 0px 0px #d9d9d9;
}
.f-inquiry .btn:hover {
  color: #fff;
  background: #997d00;
}
@media only screen and (max-width: 1180px) {
  .f-inquiry {
    display: table;
    width: 100%;
  }
  .f-inquiry .btn {
    width: 100%;
  }
}
@media only screen and (max-width: 720px) {
  .f-inquiry .btn {
    width: 100%;
  }
}

.bgBlack .f-inquiry .btn {
  color: #ffff99;
  background: #000;
  border: 1px solid #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.bgBlack .f-inquiry .btn:hover {
  color: #000;
  background: #fff;
}

.f-tel {
  margin-top: 15px;
  font-weight: bold;
  text-align: right;
  word-break: break-all;
}
@media only screen and (max-width: 720px) {
  .f-tel {
    width: 100%;
    text-align: center;
  }
}
.f-tel .f-tel__heading {
  font-size: 107.2%;
  line-height: 186.7%;
  font-weight: normal;
}
.f-tel .telNum {
  color: #227324;
  font-size: 135.8%;
  line-height: 147.4%;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.bgBlack .f-tel .telNum {
  color: #fff;
}

.f-contact {
  margin-top: 25px;
  text-align: right;
}
.f-contact p {
  margin: 0;
}

.f-contact .contact__title {
  font-size: 107.2%;
  line-height: 186.7%;
  font-weight: bold;
}
.f-contact .contact__tel {
  margin-top: 3px;
}
.f-contact .contact__tel a {
  display: block;
  color: #222;
  font-size: 121.5%;
  line-height: 164.8%;
  font-weight: bold;
  text-decoration: none;
}
.f-contact .contact__tel a:hover:after {
  color: #e14131;
}
.f-contact .contact__tel a:after {
  margin-top: -2px;
  margin-left: 6px;
  font-size: 15px;
  color: #9ec007;
}
.f-contact .contact__tel a .number:before {
  margin-left: 0;
  margin-right: 6px;
}
.f-contact .contact__time {
  margin-top: 2px;
}
.f-contact .contact__text {
  margin-top: 7px;
  padding: 5px 0 2px;
  line-height: 100%;
  color: #274d26;
  text-align: center;
  border: 2px solid #c5d8b8;
}

.bgBlack .f-contact .contact__text {
  color: #fff;
  text-align: center;
  border: 2px solid #fff;
}
.bgBlack .f-contact .contact__tel a {
  color: #ffff99;
}
.bgBlack .f-contact .contact__tel a:hover:after {
  color: #ffff99;
}
.bgBlack .f-contact .contact__tel a:after {
  color: #ffff99;
}

.fnavi {
  width: 520px;
}
@media only screen and (max-width: 1180px) {
  .fnavi {
    width: 100%;
  }
}

.fnaviList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto;
  margin: 0 -5px 0 0;
  padding: 0;
}
@media only screen and (max-width: 1000px) {
  .fnaviList {
    margin: 0;
  }
}
@media only screen and (max-width: 720px) {
  .fnaviList {
    margin: 0 -2px;
  }
}
.fnaviList .fnaviList__item {
  width: 170px;
  margin: 5px 5px 0 0;
  padding: 0;
}
.fnaviList .fnaviList__item:before {
  display: none;
}
.fnaviList .fnaviList__item:nth-child(-n+3) {
  margin-top: 0;
}
@media only screen and (max-width: 1180px) {
  .fnaviList .fnaviList__item {
    display: table;
    width: 48%;
    margin: 5px 5px 0 0;
  }
  .fnaviList .fnaviList__item:nth-child(odd) {
    margin-top: 5px;
  }
  .fnaviList .fnaviList__item:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 1000px) {
  .fnaviList .fnaviList__item {
    width: 100%;
  }
  .fnaviList .fnaviList__item:nth-child(2) {
    margin-top: 5px;
  }
}
@media only screen and (max-width: 720px) {
  .fnaviList .fnaviList__item {
    width: 50%;
    margin: 4px 0 0 0;
    padding: 0 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fnaviList .fnaviList__item:nth-child(-n+2) {
    margin-top: 0;
  }
}
.fnaviList .fnaviList__item a {
  display: table-cell;
  width: 170px;
  height: 40px;
  padding: 4px 8px 0;
  color: #222222;
  font-size: 92.9%;
  line-height: 138.5%;
  vertical-align: middle;
  background: #fff;
  text-decoration: none;
  border: 2px solid #e6e6d3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 1180px) {
  .fnaviList .fnaviList__item a {
    width: 100%;
  }
}
@media only screen and (max-width: 720px) {
  .fnaviList .fnaviList__item a {
    height: 40px;
    padding: 0 8px 0 24px;
    font-size: 78.6%;
    line-height: 109.1%;
  }
  .fnaviList .fnaviList__item a:before {
    margin-left: -24px;
  }
}
.fnaviList .fnaviList__item a:hover {
  background: #e6e6d3;
}

.bgBlack .fnaviList .fnaviList__item a {
  color: #ffff99;
  background: #000;
  border: 2px solid #fff;
}
.bgBlack .fnaviList .fnaviList__item a:hover {
  color: #000;
  background: #fff;
}

.f-about {
  position: relative;
  display: block;
  margin-top: 22px;
  font-weight: bold;
}
.f-about span {
  position: relative;
  display: block;
  width: 155px;
  line-height: 100%;
  background: #fff;
  z-index: 1;
}
.f-about:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  margin: auto 0;
  background: #cccccc;
}

.bgBlack .f-about span {
  background: #000;
}

.f-link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 8px 0 0 0;
  padding: 0;
}
@media only screen and (max-width: 1180px) {
  .f-link-list {
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0;
  }
}
@media only screen and (max-width: 720px) {
  .f-link-list {
    margin-top: 0;
  }
}
.f-link-list li {
  margin: 0;
  padding: 0 0 0 26px;
  text-indent: -10px;
  line-height: 120%;
}
@media only screen and (max-width: 1180px) {
  .f-link-list li {
    width: 50%;
    padding-right: 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 720px) {
  .f-link-list li {
    margin-top: 8px;
  }
}
.f-link-list li:before {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  background: none;
}
.f-link-list li + li {
  margin-left: 20px;
}
@media only screen and (max-width: 1180px) {
  .f-link-list li + li {
    margin-left: 0;
  }
}
.f-link-list a {
  color: #222222;
  text-decoration: none;
}
@media only screen and (max-width: 720px) {
  .f-link-list a {
    font-size: 92.9%;
    line-height: 107.7%;
  }
}
.f-link-list a:hover {
  text-decoration: underline;
}

.bgBlack .f-link-list li:before {
  background: none;
}
.bgBlack .f-link-list a {
  color: #ffff99;
}

.f-fb {
  margin-left: 40px;
}
@media only screen and (max-width: 1180px) {
  .f-fb {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 880px) {
  .f-fb {
    display: none;
  }
}

.footer__link {
  padding: 5px 0;
  background: #333333;
}
@media only screen and (max-width: 720px) {
  .footer__link {
    margin-top: 20px;
    padding: 5px 0 0;
  }
}
.footer__link .f-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: auto;
  margin: auto;
  padding: 0;
}
.footer__link .f-link + .f-link {
  margin-top: 0;
}
@media only screen and (max-width: 720px) {
  .footer__link .f-link {
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    height: auto;
  }
  .footer__link .f-link li {
    display: block;
    width: 50%;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.footer__link .f-link li {
  display: block;
}
@media only screen and (max-width: 720px) {
  .footer__link .f-link li {
    display: block;
  }
}
.footer__link .f-link li:before {
  display: inline-block;
  margin-top: -2px;
}
.footer__link .f-link li + li {
  margin-left: 30px;
}
@media only screen and (max-width: 720px) {
  .footer__link .f-link li + li {
    margin-left: 0;
  }
}
.footer__link .f-link a {
  display: inline-block;
  height: 25px;
  padding-top: 3px;
  color: #fff;
  font-size: 92.9%;
  line-height: 215.4%;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .footer__link .f-link a {
    height: 30px;
    padding-top: 8px;
    font-size: 85.8%;
    line-height: 116.7%;
    vertical-align: middle;
    text-align: left;
  }
}
.footer__link .f-link a:hover {
  text-decoration: underline;
}

.bgBlack .footer__link {
  background: none;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.bgBlack .footer__link .f-link a {
  color: #ffff99;
}

.f-link__item {
  margin: 0;
  padding: 0;
}
.f-link__item:before {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  background: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}

.bgBlack .f-link__item:before {
  background: none;
}

.footer__bottom {
  padding: 12px 0 15px;
}
@media only screen and (max-width: 720px) {
  .footer__bottom {
    padding: 12px 15px 15px;
  }
}
.footer__bottom p {
  margin: 0;
  font-size: 92.9%;
  line-height: 184.7%;
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .footer__bottom p {
    font-size: 85.8%;
    line-height: 200%;
  }
}

/* *****************************************************
navLocal
***************************************************** */
.navLocal {
  width: 240px;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.35);
}
@media only screen and (max-width: 720px) {
  .navLocal {
    width: 100%;
  }
}

.bgBlack .navLocal {
  -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.35);
  -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.35);
  -ms-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.35);
  box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.35);
}

.under-travelInfo + .navLocal {
  margin-top: 20px;
}

.navLocal__head {
  display: table-cell;
  width: 240px;
  height: 60px;
  margin: 0;
  padding: 0 15px;
  color: #fff;
  font-size: 114.3%;
  line-height: 150%;
  background: #227324;
  border-bottom: 3px solid #9fc105;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .navLocal__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 50px;
  }
}

.bgBlack .navLocal__head {
  background: #000;
}

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

.bgBlack .navLocal__body {
  border: 1px solid #fff;
  border-top: none;
}

.navLocal__body__item {
  margin: 0;
  padding: 0;
}
.navLocal__body__item:before {
  display: none;
}
.navLocal__body__item + .navLocal__body__item {
  border-top: 1px solid #d9d9d9;
}
.navLocal__body__item a {
  display: table-cell;
  width: 240px;
  padding: 5px 5px 2px 37px;
  color: #222222;
  font-size: 107.2%;
  line-height: 146.7%;
  vertical-align: middle;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.navLocal__body__item a.is-active, .navLocal__body__item a:hover {
  background: #f7f7c6;
}
@media only screen and (max-width: 720px) {
  .navLocal__body__item a {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 16px 5px 13px 37px;
  }
}
.navLocal__body__item > a {
  height: 51px;
  text-indent: -11px;
}
@media only screen and (max-width: 720px) {
  .navLocal__body__item > a {
    height: auto;
  }
}
.navLocal__body__item ul {
  margin: 0;
  padding: 0;
}
.navLocal__body__item ul li {
  margin: 0;
  padding: 0;
  border-top: 1px dashed #d9d9d9;
}
.navLocal__body__item ul li:before {
  display: none;
}
.navLocal__body__item ul li a {
  height: 45px;
}

.bgBlack .navLocal__body__item + .navLocal__body__item {
  border-top: 1px solid #fff;
}
.bgBlack .navLocal__body__item a {
  color: #ffff99;
}
.bgBlack .navLocal__body__item a.is-active, .bgBlack .navLocal__body__item a:hover {
  color: #000;
  background: #fff;
}
.bgBlack .navLocal__body__item a.is-active:before {
  color: #000;
}

/*
under-travelInfo
***************************************************** */
.under-travelInfo {
  padding: 2px;
  background: #d6e39f;
}

.under-travelInfo__head {
  padding: 10px 15px;
  color: #264c27;
  font-size: 114.3%;
  line-height: 150%;
}

.under-travelInfo__body {
  padding: 13px 15px 11px;
  font-size: 92.9%;
  line-height: 215.4%;
  background: #fff;
}

.bgBlack .under-travelInfo {
  background: #fff;
}
.bgBlack .under-travelInfo__head {
  color: #000;
}
.bgBlack .under-travelInfo__body {
  color: #fff;
  background: #000;
}
.bgBlack .under-travelInfo__body a {
  color: #fff;
}

/*
banner
***************************************************** */
.main__body__right .banner {
  margin-top: 40px;
}
@media only screen and (max-width: 720px) {
  .main__body__right .banner {
    margin-top: 20px;
  }
}
.main__body__right .banner__item {
  display: table;
  width: 100%;
  color: #222;
  text-decoration: none;
}
.main__body__right .banner__item:hover {
  opacity: 0.8;
}
.main__body__right .banner__item + .banner__item {
  margin-top: 20px;
}
@media only screen and (max-width: 720px) {
  .main__body__right .banner__item + .banner__item {
    margin-top: 10px;
  }
}
.main__body__right .banner__item p {
  display: table-cell;
}
.main__body__right .banner__item .image {
  width: 80px;
}
.main__body__right .banner__item .text {
  padding: 0 10px;
  font-size: 85.8%;
  line-height: 166.7%;
  vertical-align: middle;
  background: #edf5f0;
}

.bgBlack .main__body__right .banner__item .text {
  color: #000;
  background: #fff;
}

/*
info
***************************************************** */
.topInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 20px;
}
.topInfo + .topInfo {
  margin-top: 4px;
}
@media only screen and (max-width: 720px) {
  .topInfo {
    width: auto;
    margin-top: 15px;
    padding: 0 15px;
    font-size: 92.9%;
    line-height: 177%;
  }
  .topInfo + .topInfo {
    margin-top: 15px;
  }
  .topInfo .topInfo__body {
    width: auto;
    margin: 0;
  }
}
.topInfo .topInfo__heading {
  display: table;
  width: 120px;
  padding-right: 40px;
}
@media only screen and (max-width: 720px) {
  .topInfo .topInfo__heading {
    display: block;
    width: auto;
    margin-right: 10px;
    padding-right: 20px;
  }
}
.topInfo .topInfo__heading span {
  position: relative;
  display: table-cell;
  width: 120px;
  height: 30px;
  line-height: 100%;
  color: #fff;
  background: #b33712;
  text-align: center;
  vertical-align: middle;
}
@media only screen and (max-width: 720px) {
  .topInfo .topInfo__heading span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 65px;
  }
}
.topInfo .topInfo__heading span:after {
  content: '';
  position: absolute;
  top: 0;
  right: -20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 20px;
  border-color: transparent transparent transparent #b33812;
}
.topInfo .topInfo__body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.bgBlack .topInfo__heading span {
  color: #000;
  background: #fff;
}
.bgBlack .topInfo__heading span:after {
  border-color: transparent transparent transparent #fff;
}

/*
leadContent
***************************************************** */
.leadContent {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media only screen and (max-width: 720px) {
  .leadContent {
    display: block;
  }
}

.topInfoWrap + .leadContent {
  margin-top: 20px;
}
@media only screen and (max-width: 720px) {
  .topInfoWrap + .leadContent {
    margin-top: 15px;
  }
}

/*
slider
----------------------------------------------------- */
.slider {
  position: relative;
  width: 68.9655172414%;
  height: 360px;
  overflow: hidden;
}
@media only screen and (max-width: 720px) {
  .slider {
    width: 100%;
    height: auto;
  }
}

.slider__item:nth-child(n+2) {
  display: none;
}

.slick-slider:nth-child(n+2) {
  display: block;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-arrow:before {
  content: '';
  width: 16px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 11px;
}

.slick-arrow:after {
  content: '';
  top: 50%;
  left: 18px;
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  margin-top: -4px;
}

.slick-prev:before {
  margin-top: -1px;
}

.slick-prev:after {
  margin-top: -5px;
}

.slick-prev,
.slick-next {
  position: absolute;
  width: 40px;
  height: 40px;
  color: transparent;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
  z-index: 5;
  cursor: pointer;
}
.slick-prev:hover,
.slick-next:hover {
  background: rgba(0, 0, 0, 0.7);
}
@media only screen and (max-width: 720px) {
  .slick-prev,
  .slick-next {
    display: none !important;
  }
}

.slick-prev {
  bottom: 15px;
  left: 15px;
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.slick-next {
  bottom: 15px;
  right: 15px;
}

.slick-dots {
  position: absolute;
  bottom: 18px;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 94px;
  height: 14px;
  margin: 0 auto;
  padding: 0;
}
@media only screen and (max-width: 720px) {
  .slick-dots {
    position: relative;
    bottom: 0;
    height: 10px;
    margin-top: 10px;
    width: auto;
  }
}
.slick-dots li {
  width: 20px;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 100%;
  text-align: center;
}
.slick-dots li:before {
  display: none;
}
.slick-dots li + li {
  margin: 0;
}
.slick-dots button {
  width: 10px;
  height: 10px;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  background: #fff;
  border: 2px solid #b2b2b2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.slick-dots .slick-active button {
  width: 14px;
  height: 14px;
  background: #b99800;
  border: 2px solid #fff;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
}
@media only screen and (max-width: 720px) {
  .slick-dots .slick-active button {
    width: 10px;
    height: 10px;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }
}

.stopBtn {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 40px;
  height: 26px;
  z-index: 5;
}
@media only screen and (max-width: 720px) {
  .stopBtn {
    top: 0;
    right: 0;
  }
}
.stopBtn a {
  display: block;
  width: 40px;
  height: 0;
  padding-top: 26px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.stopBtn a:hover {
  background: rgba(0, 0, 0, 0.7);
}
.stopBtn a:before, .stopBtn a:after {
  content: '';
  position: absolute;
  display: block;
  width: 4px;
  height: 12px;
  background: #fff;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
}
.stopBtn a:before {
  top: 7px;
  left: 14px;
}
.stopBtn a:after {
  top: 7px;
  left: 23px;
}
.stopBtn a.is-active:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 12px;
  border-color: transparent transparent transparent #fff;
  background: none;
}
.stopBtn a.is-active:after {
  display: none;
}

.bgBlack .stopBtn a,
.bgBlack .slick-prev,
.bgBlack .slick-next {
  background: #000;
}
.bgBlack .slick-dots button {
  background: #fff;
  border: 2px solid #000;
}
.bgBlack .slick-dots .slick-active button {
  background: #000;
  border: 2px solid #fff;
}

/*
travelInfo
----------------------------------------------------- */
.travelInfo {
  position: relative;
  width: 31.0344827586%;
  border: 2px solid #dbd3af;
}
@media only screen and (max-width: 720px) {
  .travelInfo {
    width: 100%;
    margin-top: 10px;
    padding: 13px 0 15px;
    border: none;
    border-top: 5px solid #dbd3af;
    border-bottom: 5px solid #dbd3af;
  }
}

.bgBlack .travelInfo {
  border: 1px solid #fff;
  border-top: none;
}
.bgBlack .travelInfo:before {
  background: #fff;
}

.travelInfo__body {
  height: 100%;
  padding: 18px 18px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .travelInfo__body {
    padding: 0;
  }
}
.travelInfo__body .infoBus {
  margin: 13px -18px 0;
  padding: 7px 18px 0;
  border-top: 1px dashed #ccc;
}
@media only screen and (max-width: 720px) {
  .travelInfo__body .infoBus {
    margin: 0;
    padding: 10px 0 0;
    border-top: none;
  }
}

.bgBlack .travelInfo__body .infoBus {
  border-top: 1px dashed #fff;
}

.travelInfo__heading {
  position: relative;
  bottom: -18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: auto -20px;
  padding: 0 0 0 20px;
  background: #333;
  text-decoration: none;
}
@media only screen and (max-width: 720px) {
  .travelInfo__heading {
    bottom: -15px;
    margin: 0;
    padding: 0 15px;
  }
}
.travelInfo__heading h2 {
  margin: 0 auto 0 0;
  padding: 0;
  color: #fff;
  font-size: 100%;
  line-height: 214.3%;
  background: none;
  border-bottom: none;
}
.travelInfo__heading .detailLink {
  margin: 0 0 0 0;
}
@media only screen and (max-width: 720px) {
  .travelInfo__heading .detailLink {
    margin-right: 0;
  }
}
.travelInfo__heading .detailLink span {
  display: table-cell;
  min-width: 120px;
  height: 45px;
  color: #fff;
  line-height: 120%;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  background: #333;
}
.travelInfo__heading + .travelList {
  margin-top: 22px;
}

.bgBlack .travelInfo__heading {
  margin: auto -18px;
  border-top: 1px solid #fff;
  background: #000;
}
.bgBlack .travelInfo__heading h2 {
  color: #fff;
  border: none;
}
.bgBlack .travelInfo__heading .detailLink span {
  color: #ffff99;
  background: #000;
}
.bgBlack .travelInfo__heading:hover .detailLink span:before {
  color: #ffff99;
}

.travelList {
  margin: 0;
}
@media only screen and (max-width: 720px) {
  .travelList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 35px;
    height: 145px;
    overflow: hidden;
  }
  .travelList .slick-prev, .travelList .slick-next {
    display: block !important;
    width: 20px;
    height: 20px;
  }
  .travelList .slick-arrow:before {
    width: 9px;
    left: 5px;
  }
  .travelList .slick-arrow:after {
    left: 9px;
    width: 4px;
    height: 4px;
    margin-top: -2px;
  }
  .travelList .slick-prev:after {
    margin-top: -3px;
  }
  .travelList .slick-prev {
    left: 10px;
    bottom: 50%;
  }
  .travelList .slick-next {
    right: 10px;
    bottom: 50%;
  }
}
.travelList dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.travelList dl + dl {
  margin-top: 12px;
}
@media only screen and (max-width: 720px) {
  .travelList dl + dl {
    margin-top: 0;
  }
}
@media only screen and (max-width: 720px) {
  .travelList dl {
    width: 25%;
    border-left: 0.5px solid #fff;
    border-right: 0.5px solid #fff;
    padding: 10px 0.5px 25px;
    height: 145px;
    background: #f7f7f7;
    text-align: center;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .travelList dl:after {
    display: inline-block;
    height: auto;
    font-size: 22px;
    line-height: 100%;
    color: #b2b2b2;
    transform: rotate(90deg);
  }
}
.travelList dt {
  padding-top: 2px;
  padding-right: 20px;
  font-size: 100%;
  line-height: 114.3%;
  vertical-align: middle;
}
.travelList dt br {
  display: none;
}
.travelList dt:before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: -2px;
  line-height: 100%;
  margin-right: 8px;
  border-width: 4px;
  border-style: solid;
  vertical-align: middle;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .travelList dt:before {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto 10px;
    border-width: 8px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    border-radius: 16px;
  }
}
@media only screen and (max-width: 720px) {
  .travelList dt {
    width: 100%;
    padding: 0 3px;
    text-align: center;
    font-size: 71.5%;
    line-height: 160%;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .travelList dt br {
    display: block;
  }
}
.travelList .infoAsakusa dt:before {
  border-color: #e14131;
}
.travelList .infoMita dt:before {
  border-color: #006cb6;
}
.travelList .infoShinjuku dt:before {
  border-color: #b0c124;
}
.travelList .infoOedo dt:before {
  border-color: #c6035d;
}
.travelList .infoNippori dt:before {
  border-color: #404040;
}
.travelList .infoArakawa dt:before {
  margin-top: -4px;
  margin-left: -2px;
  color: #8bc21f;
  font-size: 16px;
  line-height: 100%;
}
@media only screen and (max-width: 720px) {
  .travelList .infoArakawa dt:before {
    margin-top: 0;
    margin-left: 0;
  }
}
.travelList .infoBus dt:before {
  margin-top: -4px;
  margin-left: -2px;
  color: #5ead3c;
  font-size: 18px;
  line-height: 100%;
}
@media only screen and (max-width: 720px) {
  .travelList .infoBus dt:before {
    margin-top: 0;
    margin-left: 0;
  }
}
.travelList .infoArakawa dt:before,
.travelList .infoBus dt:before {
  width: auto;
  height: auto;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
@media only screen and (max-width: 720px) {
  .travelList .infoArakawa dt:before,
  .travelList .infoBus dt:before {
    width: auto;
    height: auto;
    font-size: 32px;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
  }
}
.travelList dd {
  vertical-align: middle;
}
@media only screen and (max-width: 720px) {
  .travelList dd {
    width: 100%;
    margin-top: 10px;
    padding: 0 5px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.travelList dd a {
  display: inline-block;
  min-width: 100px;
  padding: 6px 0 3px;
  color: #000;
  font-size: 92.9%;
  line-height: 100%;
  text-align: center;
  text-decoration: none;
  border: 2px solid #c4d9b8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .travelList dd a {
    width: 100%;
    min-width: 1px;
    font-size: 71.5%;
    line-height: 100%;
  }
}
@media only screen and (max-width: 720px) {
  .travelList .delay {
    background: #ffffa6;
  }
}
.travelList .delay a {
  width: auto;
  padding: 3px 14px 1px;
  border: 2px solid #b33712;
}
@media only screen and (max-width: 720px) {
  .travelList .delay a {
    width: 100%;
    padding: 6px 0 3px;
    color: #fff;
    background: #b33712;
  }
  .travelList .delay a:after {
    display: none;
  }
}
@media only screen and (max-width: 720px) {
  .travelList .infoBus .is-outIcon:after {
    display: none;
  }
}
.travelList .infoBus a {
  width: auto;
  min-width: 1px;
  color: #123ab3;
  text-align: left;
  text-decoration: underline;
  border: none;
}
.travelList .infoBus a:hover {
  color: #006aff;
}

.bgBlack .travelList dd a {
  color: #ffff99;
  border: 2px solid #fff;
}
.bgBlack .travelList dd a:hover {
  color: #000;
  background: #fff;
}
.bgBlack .travelList .delay a {
  border: 2px solid #fff;
}
.bgBlack .travelList .infoBus a {
  color: #ffff99;
  border: none;
}
.bgBlack .travelList .infoBus a:hover {
  color: #ffff99;
  background: none;
}

/*
bannerList
***************************************************** */
.bannerList {
  margin-top: 20px;
}
@media only screen and (max-width: 720px) {
  .bannerList {
    display: none;
  }
}

.bannerList__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.bannerList__body li {
  width: 23.7068965517%;
  margin: 0;
  padding: 0;
}
.bannerList__body li:before {
  display: none;
}
.bannerList__body li a:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 1180px) {
  .bannerList__body img {
    width: 100%;
    height: auto;
  }
}

/*
routeInfo
***************************************************** */
.routeInfo {
  position: relative;
  margin-top: 40px;
  padding: 42px 0 40px;
  background: url(i/bg_routemap.png) 0 0 no-repeat;
  background-size: cover;
  overflow: hidden;
}
@media only screen and (max-width: 1180px) {
  .routeInfo {
    padding: 42px 15px 40px;
  }

  .top .routeInfo .routeLink img{
    width: 100%;
  }
}
@media only screen and (max-width: 720px) {
  .routeInfo {
    padding: 30px 0 30px;
    background: url(i/bg_routemap.png) 0 0 no-repeat;
    background-size: cover;
  }
  .routeInfo .tab {
    display: none;
  }
}
.routeInfo:before {
  content: '';
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  background: #fff;
  border: 8px solid #9fc105;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.routeInfo h2 {
  margin: 0;
  padding: 0;
  font-size: 171.5%;
  line-height: 183.4%;
  text-align: center;
  background: none;
  border: none;
}
@media only screen and (max-width: 720px) {
  .routeInfo h2 {
    font-size: 142.9%;
    line-height: 220.1%;
  }
}

.bgBlack .routeInfo {
  background: #000;
  border-top: 1px solid #fff;
}
.bgBlack .routeInfo:before {
  background: #000;
  border: 8px solid #fff;
}
.bgBlack .routeInfo h2 {
  border: none;
}

/*
route
----------------------------------------------------- */
.route {
  position: relative;
  margin: 0;
}

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

.route__item.flexBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media only screen and (max-width: 1000px) {
  .route__item.flexBox {
    display: block;
    padding-right: 40px;
  }
}
.route__item.flexBox .route__text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 40px 0 20px;
}
@media only screen and (max-width: 1000px) {
  .route__item.flexBox .route__text {
    margin-top: 20px;
    padding: 0;
  }
}

.routeLinkWrap {
  height: 328px;
  background: url(i/oedo_line.png) 0 0 no-repeat;
  background-size: contain;
}

.routeLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 1060px;
  margin: 0;
}
@media only screen and (max-width: 1180px) {
  .routeLink {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.routeLink li {
  margin: 0;
  padding: 0;
}
.routeLink li:before {
  display: none;
}
.routeLink.asakusa {
  height: 117px;
  padding: 2.7% 0.92592592592% 0;
  background: url(i/asakusa_line.png) 0 0 no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 1180px) {
  .routeLink.asakusa {
    height: auto;
  }
}
.routeLink.asakusa li + li {
  padding-left: 3.30188679245%;
}
.routeLink.asakusa li:nth-child(3),
.routeLink.asakusa li:nth-child(7),
.routeLink.asakusa li:nth-child(11),
.routeLink.asakusa li:nth-child(15),
.routeLink.asakusa li:nth-child(19) {
  padding-left: 3.20754716981%;
}
.routeLink.mita {
  height: 133px;
  padding: 2.7% 0.92592592592% 0;
  background: url(i/mita_line.png) 0 0 no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 1180px) {
  .routeLink.mita {
    height: auto;
  }
}
.routeLink.mita li + li {
  padding-left: 1.88679245283%;
}
.routeLink.shinjuku {
  height: 118px;
  padding: 2.7% 0.92592592592% 0;
  background: url(i/shinjuku_line.png) 0 0 no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 1180px) {
  .routeLink.shinjuku {
    height: auto;
  }
}
.routeLink.shinjuku li + li {
  padding-left: 3.01886792453%;
}
.routeLink.oedo1 {
  padding: 2.7% 0.94339622641% 0;
}
@media only screen and (max-width: 1180px) {
  .routeLink.oedo1 {
    height: auto;
  }
}
.routeLink.oedo1 li + li {
  padding-left: 2.16981132075%;
}
.routeLink.oedo2 {
  margin-top: 20px;
  padding: 2.7% 0.94339622641% 0;
}
.routeLink.oedo2:before {
  content: '';
  display: inline-block;
  width: 515px;
  height: auto;
}
@media only screen and (max-width: 1180px) {
  .routeLink.oedo2 {
    height: auto;
  }
}
.routeLink.oedo2 li + li {
  padding-left: 2.16981132075%;
}
.routeLink.toden {
  height: 94px;
  padding: 2.7% 0.92592592592% 0;
  background: url(i/toden_line.png) 0 0 no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 1180px) {
  .routeLink.toden {
    height: auto;
  }
}
.routeLink.toden li + li {
  padding-left: 1.50943396226%;
}
.routeLink.toden li:nth-child(18),
.routeLink.toden li:nth-child(20),
.routeLink.toden li:nth-child(21) {
  padding-left: 1.41509433962%;
}
.routeLink.nippori_toneri {
  height: 140px;
  padding: 2.7% 0.92592592592% 0;
  background: url(i/nippori_toneri_line.png) 0 0 no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 1180px) {
  .routeLink.nippori_toneri {
    height: auto;
  }
}
.routeLink.nippori_toneri li + li {
  padding-left: 6.32075471698%;
}
.routeLink.nippori_toneri li:nth-child(2),
.routeLink.nippori_toneri li:nth-child(3),
.routeLink.nippori_toneri li:nth-child(4),
.routeLink.nippori_toneri li:nth-child(5) {
  padding-left: 6.22641509434%;
}

.recommendInfo {
  width: 160px;
}
.recommendInfo h3 {
  margin: 0;
  padding: 0;
  font-size: 107.2%;
  line-height: 100%;
  border: none;
}
.recommendInfo h3:before {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
.recommendInfo p + p {
  margin-top: 10px;
  line-height: 165%;
}

.routeBtn {
  margin-top: 20px;
}
.routeBtn .routeBtn__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.routeBtn .routeBtn__item {
  display: table;
  width: 50%;
  margin: 0;
  padding: 0 10px 0 0;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.routeBtn .routeBtn__item + .routeBtn__item {
  padding: 0 0 0 10px;
}
.routeBtn .routeBtn__item:before {
  display: none;
}
.routeBtn .routeBtn__item a {
  width: 100%;
  height: 50px;
  color: #264c27;
  font-size: 114.3%;
  line-height: 150%;
  background: #f2f2f2;
}
.routeBtn .routeBtn__item a:hover {
  background: #e4edb9;
}
.routeBtn .routeBtn__item a span {
  padding: 10px 0 8px 30px;
}
.routeBtn .routeBtn__item .btnTime span {
  background: url(i/icon_time.svg) 0 center no-repeat;
}
.routeBtn .routeBtn__item .btnRoute span {
  background: url(i/icon_route.svg) 0 center no-repeat;
}

.bgBlack .routeBtn .routeBtn__item a {
  color: #000;
  border: 1px solid #000;
  background: #fff;
  box-shadow: none;
}
.bgBlack .routeBtn .routeBtn__item a:hover {
  color: #fff;
  border: 1px solid #fff;
  background: #000;
}

/*
service
***************************************************** */
.service {
  background: #f0f0e4;
}
@media only screen and (max-width: 1180px) {
  .service {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 720px) {
  .service {
    padding: 0;
  }
}

.bgBlack .service {
  background: #000;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.service__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 1160px;
  margin: 0 auto;
  padding: 30px 0;
}
@media only screen and (max-width: 1180px) {
  .service__body {
    width: auto;
  }
}
@media only screen and (max-width: 1000px) {
  .service__body {
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 720px) {
  .service__body {
    display: block;
    padding: 20px 15px;
  }
}
.service__body .service__title {
  margin: 0 auto 0 0;
  padding-top: 5px;
}
@media only screen and (max-width: 720px) {
  .service__body .service__title .detailLink {
    display: none;
  }
}
.service__body h2 {
  position: relative;
  margin: 0 0 0 0;
  padding: 0 0 0 50px;
  font-size: 114.3%;
  line-height: 162.5%;
  vertical-align: middle;
  background: none;
  border: none;
}
.service__body h2 a {
  color: #222;
  text-decoration: none;
}
.service__body h2 a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 1000px) {
  .service__body h2 {
    width: auto;
  }
  .service__body h2 br {
    display: none;
  }
}
@media only screen and (max-width: 720px) {
  .service__body h2 {
    padding-left: 40px;
  }
}
.service__body .detailLink {
  display: table;
  width: 100%;
  margin-top: 10px;
}
.service__body .detailLink a {
  width: 100%;
}
@media only screen and (max-width: 720px) {
  .service__body .detailLink {
    margin: 10px auto 0;
  }
  .service__body .detailLink a {
    height: 45px;
    background: #fff;
  }
  .service__body .detailLink a:hover {
    background: #f2f2f2;
  }
}

.bgBlack .service__body h2 {
  border: none;
}
.bgBlack .service__body h2 a {
  color: #fff;
}
.bgBlack .detailLink a {
  border: 1px solid #fff;
  background: #000;
  box-shadow: none;
}
.bgBlack .detailLink a:hover {
  background: #fff;
}

.service__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 79.3103448276%;
}
@media only screen and (max-width: 1000px) {
  .service__item {
    width: 100%;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 720px) {
  .service__item {
    display: block;
  }
}
.service__item + .detailLink {
  display: none;
}
@media only screen and (max-width: 720px) {
  .service__item + .detailLink {
    display: table;
  }
}

.service__box {
  width: 30.4347826087%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 1000px) {
  .service__box {
    width: 32%;
  }
}
@media only screen and (max-width: 720px) {
  .service__box {
    width: 100%;
  }
  .service__box + .service__box {
    margin-top: 10px;
  }
}
.service__box a {
  display: table;
  text-decoration: none;
  background: #dbd3af;
}
@media only screen and (max-width: 720px) {
  .service__box a {
    width: 100%;
  }
}
.service__box a:after {
  display: table-cell;
  width: 20px;
  vertical-align: middle;
  text-align: center;
}
.service__box a:hover {
  background: #bfb173;
}
.service__box .image {
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (max-width: 720px) {
  .service__box .image {
    width: 80px;
    height: 80px;
  }
  .service__box .image img {
    width: 100%;
    height: auto;
  }
}
.service__box .text {
  display: table-cell;
  margin: 0;
  padding: 15px;
  color: #222;
  vertical-align: middle;
  background: #fff;
  font-size: 92.9%;
  line-height: 138.5%;
  text-decoration: none;
}

.bgBlack .service__box {
  border: 1px solid #fff;
}
.bgBlack .service__box a {
  background: #fff;
}
.bgBlack .service__box a:after {
  color: #000;
}
.bgBlack .service__box a:hover {
  background: #000;
}
.bgBlack .service__box a:hover:after {
  color: #fff;
}
.bgBlack .service__box a:hover .text {
  color: #000;
  background: #fff;
}
.bgBlack .service__box .text {
  color: #ffff99;
  background: #000;
}

/*
sns
***************************************************** */
.sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 40px;
}
@media only screen and (max-width: 720px) {
  .sns {
    display: block;
    margin-top: 15px;
    padding: 0 15px;
  }
}

.sns__box {
  width: 23.7068965517%;
  min-height: 360px;
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
  overflow: hidden;
}
@media only screen and (max-width: 720px) {
  .sns__box {
    width: 100%;
    min-height: 1px;
  }
  .sns__box + .sns__box {
    margin-top: 15px;
  }
}
.sns__box .content {
  padding: 3px 15px 10px;
}
@media only screen and (max-width: 720px) {
  .sns__box .content {
    padding-top: 10px;
  }
}
.sns__box .title {
  font-size: 114.3%;
  line-height: 175%;
  font-weight: bold;
}
.sns__box .txt {
  margin-top: 5px;
}

.bgBlack .sns__box {
  -moz-box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.35);
  -webkit-box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.35);
  -ms-box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.35);
  box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.35);
}

.sns__title {
  padding: 10px 0 8px;
  font-size: 114.3%;
  line-height: 143.8%;
  text-align: center;
  background: #f2f2f2;
  border-bottom-width: 3px;
  border-bottom-style: solid;
}

.facebook .sns__title {
  border-bottom-color: #305097;
}

.youtube .sns__title {
  border-bottom-color: #cd201f;
}

.instagram .sns__title {
  border-bottom-color: #3f729b;
}

.btn_insta {
  display: table;
  margin: 0 auto;
  padding: 0 15px;
}
.btn_insta .btn {
  width: 245px;
  height: 45px;
  padding: 0 15px;
  text-align: center;
  vertical-align: middle;
  background: #3f729b;
}
.btn_insta .btn img {
  vertical-align: middle;
}
.btn_insta .btn:hover {
  background: #2a608c;
}
.btn_insta + p {
  margin-top: 20px;
  padding: 0 15px;
}

.ttripAdvisor .sns__title {
  border-bottom-color: #227324;
}

.bgBlack .sns__title {
  color: #fff;
  background: #000;
}

.insta {
  padding: 0 0 10px;
  text-align: center;
}

.ttripAdvisor #CDSWIDSSP {
  margin: 0 auto;
}
.ttripAdvisor li:before {
  display: none;
}

.fb-page,
.fb-page span {
  width: 100% !important;
  margin: 0 auto;
  text-align: center !important;
}

.fb-page iframe {
  position: relative !important;
  margin: 0 auto;
}

/*
pickupList
***************************************************** */
.pickupList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 40px;
}
@media only screen and (max-width: 720px) {
  .pickupList {
    display: block;
    margin-top: 30px;
    padding: 0 15px;
  }
}

.pickupList__box {
  width: 15.0862068966%;
  height: 100%;
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
}
@media only screen and (max-width: 1180px) {
  .pickupList__box img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 720px) {
  .pickupList__box {
    width: 100%;
  }
  .pickupList__box + .pickupList__box {
    margin-top: 15px;
  }
  .pickupList__box .image {
    width: 100px;
    height: 57px;
  }
}
.pickupList__box a {
  display: block;
  width: 100%;
  color: #222;
  text-decoration: none;
}
@media only screen and (max-width: 720px) {
  .pickupList__box a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}
.pickupList__box a:hover {
  background: #edf5f0;
}
.pickupList__box a:hover .text {
  background: #edf5f0;
}
.pickupList__box .text {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 720px) {
  .pickupList__box .text {
    width: auto;
  }
}
.pickupList__box .text span {
  display: table-cell;
  width: 100%;
  height: 45px;
  padding: 0 5px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  line-height: 150%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .pickupList__box .text span {
    height: 57px;
    padding: 0 15px;
  }
}

.bgBlack .pickupList__box {
  -moz-box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.35);
  -webkit-box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.35);
  -ms-box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.35);
  box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.35);
}
.bgBlack .pickupList__box a {
  color: #ffff99;
}
.bgBlack .pickupList__box a:hover {
  color: #000;
  background: #fff;
}
.bgBlack .pickupList__box a:hover .text {
  background: #fff;
}

/*
topNews
***************************************************** */
.topNews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 60px;
}
@media only screen and (max-width: 720px) {
  .topNews {
    display: block;
    margin-top: 30px;
  }
}

.topNews__body {
  position: relative;
  width: 48.275862069%;
}
@media only screen and (max-width: 720px) {
  .topNews__body {
    width: 100%;
    margin-top: 30px;
  }
}
.topNews__body .title {
  position: relative;
}
.topNews__body .title h2 {
  padding-right: 53.5714285714%;
}
@media only screen and (max-width: 720px) {
  .topNews__body .title h2 {
    margin: 0 0 15px;
    padding: 12px 0 8px 15px;
  }
}
.topNews__body .rss {
  position: absolute;
  top: 9px;
  right: 10px;
  margin: 0;
}
.topNews__body .rss .btn {
  width: 80px;
}
.topNews__body .rss .btn:hover {
  background: #f2f2f2;
}
.topNews__body .detailLink {
  position: absolute;
  top: 9px;
  right: 100px;
  margin: 0;
}
@media only screen and (max-width: 1000px) {
  .topNews__body .detailLink {
    position: relative;
    top: 0;
    right: 0;
    display: table;
    width: 100%;
    margin-top: 20px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .topNews__body .detailLink .btn {
    width: 100%;
    height: 45px;
    background: #f7f7f7;
  }
}
.topNews__body .detailLink .btn {
  padding: 0 10px;
}
.topNews__body .detailLink .btn:hover {
  background: #f2f2f2;
}

.bgBlack .topNews__body .btn {
  border: 1px solid #fff;
  background: none;
  box-shadow: none;
}
.bgBlack .topNews__body .btn:hover {
  color: #000;
  background: #fff;
}

.newsList dl {
  padding: 20px 15px 10px;
  border-bottom: 1px dashed #c6c6c6;
}
.newsList dl:first-child {
  padding-top: 0;
}
.newsList .icon {
  display: inline-block;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  vertical-align: middle;
}
.newsList dt {
  line-height: 100%;
}
.newsList dt .iconLabel {
  min-width: 90px;
  margin-top: -2px;
  padding: 4px 10px 3px;
  font-size: 78.6%;
  line-height: 100%;
  background: #227324;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.newsList .date {
  margin-right: 6px;
}
.newsList dd {
  margin-top: 7px;
}
.newsList dd .iconNew {
  min-width: 40px;
  margin-top: -2px;
  margin-left: 5px;
  padding: 4px 0 2px;
  font-size: 71.5%;
  line-height: 100%;
  background: #b99800;
}

@media only screen and (max-width: 720px) {
  .topNews .newsList dl:nth-child(3) {
    padding-bottom: 0;
    border-bottom: none;
  }
  .topNews .newsList dl:nth-child(n+4) {
    display: none;
  }
}

.bgBlack .newsList .icon {
  color: #000;
  background: #fff;
}

/*
guide
***************************************************** */
.top .guide {
  margin-top: 60px;
  background: #f7f7f0;
  background: -moz-linear-gradient(left, #f7f7f0 0%, #f7f7f0 50%, #f0f0e4 50%, #f0f0e4 100%);
  background: -webkit-linear-gradient(left, #f7f7f0 0%, #f7f7f0 50%, #f0f0e4 50%, #f0f0e4 100%);
  background: linear-gradient(to right, #f7f7f0 0%, #f7f7f0 50%, #f0f0e4 50%, #f0f0e4 100%);
}
@media only screen and (max-width: 1180px) {
  .top .guide {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 720px) {
  .top .guide {
    margin-top: 30px;
    padding: 0;
  }
}

.bgBlack.top .guide {
  background: #000;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.guide__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 1160px;
  margin: 0 auto;
  overflow: hidden;
}
@media only screen and (max-width: 1180px) {
  .guide__body {
    width: auto;
  }
}
@media only screen and (max-width: 720px) {
  .guide__body {
    display: block;
  }
}

.guide__body__item {
  position: relative;
  width: 50%;
  padding: 34px 0 40px;
}
@media only screen and (max-width: 720px) {
  .guide__body__item {
    width: 100%;
    padding: 30px 0 20px;
    background: #f7f7f0;
  }
  .guide__body__item + .guide__body__item {
    background: #f0f0e4;
    overflow: hidden;
  }
}
.guide__body__item:before {
  content: '';
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  background: #fff;
  border: 8px solid #b99800;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.guide__body__item h2 {
  margin: 0;
  padding: 0;
  font-size: 142.9%;
  line-height: 175%;
  text-align: center;
  background: none;
  border: none;
}

.bgBlack .guide__body__item:before {
  background: #000;
  border: 8px solid #fff;
}
.bgBlack .guide__body__item h2 {
  border: none;
}

.magazine {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 19px 40px 0 0;
}
@media only screen and (max-width: 1180px) {
  .magazine {
    padding-right: 0;
  }
  .magazine .magazine__body {
    margin: 0 auto;
  }
  .magazine .magazine__body + .magazine__body {
    margin: 0;
  }
}
@media only screen and (max-width: 720px) {
  .magazine {
    display: block;
    width: 100%;
  }
}

.magazine__slider {
  width: 300px;
  height: 230px;
  overflow: hidden;
}
@media only screen and (max-width: 720px) {
  .magazine__slider {
    width: auto;
  }
  .magazine__slider .slick-dots {
    margin-top: 20px;
  }
}
.magazine__slider.slick-initialized {
  height: auto;
  overflow: visible;
}
.magazine__slider .item__box {
  position: relative;
}
@media only screen and (max-width: 720px) {
  .magazine__slider .item__box {
    padding: 0 20px;
  }
  .magazine__slider .item__box.slick-current a img {
    opacity: 1;
  }
}
.magazine__slider .item__box a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  color: #222;
}
@media only screen and (max-width: 720px) {
  .magazine__slider .item__box a {
    position: relative;
    display: block;
  }
  .magazine__slider .item__box a img {
    opacity: 0.3;
  }
  .magazine__slider .item__box a p,
  .magazine__slider .item__box a img {
    width: 100%;
    height: auto;
  }
}
/*.magazine__slider .item__box a:hover img {
  opacity: 0.7;
}*/
.magazine__slider .item__box a:hover > p {
  opacity: 0.7;
}
.magazine__slider .item__box a:hover .m-newNark:before {
  opacity: 1;
}
.magazine__slider .content {
  position: relative;
  margin: 30px 0 0 -30px;
  width: 170px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 720px) {
  .magazine__slider .content {
    display: none;
  }
}
.magazine__slider .content .title,
.magazine__slider .content .date,
.magazine__slider .content .txt {
  display: inline-block;
  padding: 6px 10px 3px;
  background: rgba(255, 255, 255, 0.9);
}
.magazine__slider .content .title {
  font-size: 128.6%;
  line-height: 155.6%;
  font-weight: bold;
}
.magazine__slider .content .date,
.magazine__slider .content .txt {
  font-size: 85.8%;
  line-height: 150%;
}
.magazine__slider .content .date {
  margin-top: 5px;
}
.magazine__slider .content .txt {
  width: 170px;
  margin-top: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.magazine__slider .slick-arrow:before {
  left: 0;
  width: 22px;
}
.magazine__slider .slick-arrow:after {
  left: 13px;
}
.magazine__slider .slick-prev,
.magazine__slider .slick-next {
  position: absolute;
  width: 30px;
  height: 30px;
  color: transparent;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  overflow: hidden;
  z-index: 5;
  cursor: pointer;
}
.magazine__slider .slick-prev:hover,
.magazine__slider .slick-next:hover {
  background: rgba(0, 0, 0, 0.7);
}
.magazine__slider .slick-prev {
  bottom: 0;
  left: 170px;
}
.magazine__slider .slick-next {
  bottom: 0;
  right: 65px;
}

.magazineList {
  width: 200px;
}
@media only screen and (max-width: 1180px) {
  .magazineList {
    display: none;
  }
}
.magazineList .slick-list {
  overflow: visible;
}

.magazineList__item {
  width: 200px !important;
  float: none;
}
.magazineList__item .magazineList__item__box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #222;
  text-decoration: none;
  cursor: pointer;
}
.magazineList__item .magazineList__item__box:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(247, 247, 240, 0.5);
}
.magazineList__item .magazineList__item__box:hover:before {
  left: -3px;
  width: 3px;
  background: #19681a;
}
.magazineList__item.slick-current .magazineList__item__box:before {
  left: -3px;
  width: 3px;
  background: #19681a;
}
.magazineList__item + .magazineList__item {
  margin-top: 10px;
}
.magazineList__item .txt {
  margin: 0 0 0 10px;
  font-size: 100%;
  line-height: 142.9%;
}

.m-newNark {
  position: relative;
}
.m-newNark:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: url(i/magazine_new_mark.png) 0 0 no-repeat;
}
@media only screen and (max-width: 720px) {
  .m-newNark:before {
    background-size: cover;
  }
}

.bgBlack .magazineList__item .magazineList__item__box {
  color: #ffff99;
  background: #000;
}
.bgBlack .magazineList__item .magazineList__item__box:hover:before {
  background: #ffff99;
}
.bgBlack .magazineList__item.slick-current .magazineList__item__box:before {
  background: #ffff99;
}

.siteList {
  overflow: hidden;
  width: 540px;
  padding: 19px 0 0 40px;
}
@media only screen and (max-width: 1180px) {
  .siteList {
    width: auto;
  }
}
@media only screen and (max-width: 720px) {
  .siteList {
    padding: 0;
  }
}

.siteList__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -20px -10px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .siteList__body {
    display: block;
    margin: 0;
  }
}

.siteList__item {
  width: 50%;
  margin-top: 20px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .siteList__item {
    width: 100%;
    margin-top: 10px;
    padding: 0 15px;
  }
}
.siteList__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #222;
  text-decoration: none;
  background: #fff;
}
.siteList__item a:hover {
  background: #d6e39f;
}
.siteList__item .txt {
  margin: 0;
  padding: 10px;
  font-size: 100%;
  line-height: 142.9%;
}

.bgBlack .siteList__item a {
  color: #ffff99;
  background: #000;
  border: 1px solid #fff;
}
.bgBlack .siteList__item a:hover {
  color: #000;
  background: #fff;
}

.bgBlack .f-slider__body .slick-dots button {
  background: #fff;
  border: 2px solid #fff;
}
.bgBlack .f-slider__body .slick-dots .slick-active button {
  background: #000;
  border: 2px solid #fff;
}
.bgBlack .f-slider__body .stopBtn {
  border: 1px solid #fff;
}

.is-overflow {
  height: 65px;
  overflow: hidden;
}

/*
routeSp
***************************************************** */
.routeSp {
  display: none;
}
@media only screen and (max-width: 720px) {
  .routeSp {
    display: block;
    padding: 0 15px;
  }
}

.routeAcc {
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
}
.routeAcc + .routeAcc {
  margin-top: 10px;
}

.routeAcc a {
  position: relative;
  display: block;
  width: 100%;
  padding: 12px 43px 10px 15px;
  color: #222;
  font-size: 100%;
  line-height: 200%;
  text-decoration: none;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.routeAcc a:after {
  position: absolute;
  top: 9px;
  right: 5px;
  color: #8c8c8c;
  font-size: 30px;
  line-height: 100%;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.routeAcc .route-icon {
  position: relative;
  padding-left: 24px;
}
.routeAcc .route-icon:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  display: inline-block;
  width: 14px;
  height: 14px;
  border-width: 4px;
  border-style: solid;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.routeAcc .route-icon.asakusa:before {
  border-color: #e14131;
}
.routeAcc .route-icon.mita:before {
  border-color: #006cb6;
}
.routeAcc .route-icon.shinjuku:before {
  border-color: #b0c124;
}
.routeAcc .route-icon.oedo:before {
  border-color: #c6035d;
}
.routeAcc .route-icon.bus:before, .routeAcc .route-icon.arakawa:before {
  top: 0;
  width: auto;
  height: auto;
  font-size: 18px;
  line-height: 100%;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  border: none;
}
.routeAcc .route-icon.bus:before {
  top: 1px;
  left: -2px;
  color: #5ead3c;
}
.routeAcc .route-icon.arakawa:before {
  left: -1px;
  color: #8bc21f;
}

.open .routeAcc__head a {
  color: #fff;
  background: #333;
}
.open .routeAcc__head a:after {
  color: #fff;
}

.routeAcc__body {
  display: none;
}
.routeAcc__body ul {
  background: #fff;
}
.routeAcc__body li {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #f2f2f2;
  cursor: pointer;
}
.routeAcc__body li:before {
  display: none;
}
.routeAcc__body li + li {
  border-top: 1px solid #d9d9d9;
}
.routeAcc__body li a {
  display: block;
  width: 100%;
  min-height: 50px;
  color: #222;
  text-decoration: none;
  padding: 12px 5px 10px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*
station
***************************************************** */
.station {
  width: 100%;
  border: 2px solid #d9d9d9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.station__body {
  position: relative;
  padding: 21px 0 20px;
}

.station__body__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  top: 41px;
  left: 0;
  padding: 0 0 0 18px;
  z-index: 1;
}
@media only screen and (max-width: 1000px) {
  .station__body__item {
    position: relative;
    top: 0;
  }
}
@media only screen and (max-width: 720px) {
  .station__body__item {
    padding: 0 10px;
  }
}
.station__body__item .line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.station__body__item .line + .line {
  margin-left: 50px;
}
@media only screen and (max-width: 720px) {
  .station__body__item .line + .line {
    margin-left: auto;
  }
}
.station__body__item .line-num {
  margin-right: 6px;
}
.station__body__item .line-num span {
  display: table-cell;
  width: 42px;
  height: 42px;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  -o-border-radius: 21px;
  border-radius: 21px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.station__body__item .line-num.nippori-toneri span {
  border: 5px solid #434343;
}
.station__body__item .line-num.mita span {
  border: 5px solid #006cb6;
}
.station__body__item .line-num.shinjuku span {
  border: 5px solid #b0c124;
}
.station__body__item .line-num.asakusa span {
  border: 5px solid #e14131;
}
.station__body__item .line-num.oedo span {
  border: 5px solid #c6035d;
}
.station__body__item .line-name {
  font-size: 18px;
  line-height: 155.6%;
  font-weight: bold;
}
.station__body__item .line-eng {
  margin-top: 0;
  font-size: 13px;
  line-height: 100%;
}
.station__body__item + .station__body__item {
  position: relative;
  display: block;
  width: 100%;
  top: 0;
  left: 0;
  padding-left: 0;
  text-align: center;
  z-index: 0;
}
@media only screen and (max-width: 1000px) {
  .station__body__item + .station__body__item {
    margin-top: 15px;
  }
}
.station__body__item + .station__body__item .name-kana {
  color: #264c27;
  font-size: 100%;
  line-height: 142.9%;
}
.station__body__item + .station__body__item .name-eng {
  margin-top: 0;
  font-size: 100%;
  line-height: 142.9%;
}
.station__body__item + .station__body__item .station-name {
  margin: 0;
  padding: 9px 0 6px 0;
  font-size: 200%;
  line-height: 121.5%;
  font-weight: normal;
  background: none;
  border: none;
}

.station__navi {
  display: table;
  width: 100%;
  background: #f2f2f2;
}
.station__navi + .station__navi {
  margin-top: 5px;
}
.station__navi .prev,
.station__navi .next {
  display: table-cell;
  width: 50%;
  height: 35px;
  line-height: 120%;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.station__navi .prev p,
.station__navi .next p {
  position: relative;
  display: block;
}
.station__navi .prev a,
.station__navi .next a {
  color: #222;
  font-size: 92.9%;
  line-height: 100%;
}
.station__navi .prev a:hover,
.station__navi .next a:hover {
  text-decoration: none;
}
.station__navi .prev p:before,
.station__navi .next p:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  display: table-cell;
  width: 14px;
  height: 14px;
  margin: auto 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  vertical-align: middle;
  border: 4px solid #227324;
}
.station__navi.mita .prev p:before, .station__navi.mita .next p:after {
  border-color: #006cb6;
}
.station__navi.shinjuku .prev p:before, .station__navi.shinjuku .next p:after {
  border-color: #b0c124;
}
.station__navi.asakusa .prev p:before, .station__navi.asakusa .next p:after {
  border-color: #e14131;
}
.station__navi.oedo .prev p:before, .station__navi.oedo .next p:after {
  border-color: #c6035d;
}
.station__navi .prev {
  padding-right: 10px;
}
.station__navi .prev p {
  padding-left: 32px;
  text-align: left;
}
.station__navi .prev p:before {
  left: 13px;
}
.station__navi .next {
  padding-left: 10px;
}
.station__navi .next p {
  padding-right: 32px;
  text-align: right;
}
.station__navi .next p:after {
  right: 13px;
}

.bgBlack .station__body__item .line-num.nippori-toneri span, .bgBlack .station__body__item .line-num.mita span, .bgBlack .station__body__item .line-num.shinjuku span, .bgBlack .station__body__item .line-num.asakusa span, .bgBlack .station__body__item .line-num.oedo span {
  border: 5px solid #fff;
}
.bgBlack .station__body__item + .station__body__item .name-kana {
  color: #fff;
}
.bgBlack .station__navi {
  background: #fff;
}
.bgBlack .station__navi .prev p:before,
.bgBlack .station__navi .next p:after {
  border: 4px solid #000;
}

/*
stationInfo
***************************************************** */
.stationInfo {
  padding: 40px 0;
  background: #f0f0e4;
}
@media only screen and (max-width: 1180px) {
  .stationInfo {
    padding: 40px 15px;
  }
}
@media only screen and (max-width: 720px) {
  .stationInfo {
    padding: 20px 15px;
  }
}

.bgBlack .stationInfo {
  background: #000;
}

.wrapperContent + .stationInfo {
  margin-top: 20px;
}

.stationInfo__body {
  width: 1160px;
  margin: 0 auto;
}
@media only screen and (max-width: 1180px) {
  .stationInfo__body {
    width: auto;
  }
}

.infoGrid__body {
  display: block;
  margin: -40px 0 0;
}
@media only screen and (max-width: 720px) {
  .infoGrid__body {
    display: block;
    margin: -20px 0 0;
  }
}

.infoGrid__item {
  float: left;
  margin-top: 40px;
  padding: 0 20px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .infoGrid__item {
    margin-top: 20px;
    padding: 0;
  }
}
.infoGrid__item:nth-child(even) {
  padding: 0 0 0 20px;
}
@media only screen and (max-width: 720px) {
  .infoGrid__item:nth-child(even) {
    padding: 0;
  }
}
.infoGrid__item.width12 {
  padding-left: 0;
  padding-right: 0;
}

.infoGrid__box {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.infoGrid__box.box-shadow {
  padding: 25px 15px;
  background: #fff;
}
@media only screen and (max-width: 720px) {
  .infoGrid__box h3 {
    margin: 0;
  }
}

.bgBlack .infoGrid__box.box-shadow {
  background: #000;
  -moz-box-shadow: 0px 0px 0px 1px #fff;
  -webkit-box-shadow: 0px 0px 0px 1px #fff;
  -ms-box-shadow: 0px 0px 0px 1px #fff;
  box-shadow: 0px 0px 0px 1px #fff;
}

.legend {
  margin-top: 60px;
}

/*
facilityList
***************************************************** */
.facilityList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -5px;
}

.facilityList__item {
  margin: 0;
  padding: 20px 5px 0;
}
.facilityList__item:before {
  display: none;
}

/*
btnMapShow
***************************************************** */
.btnMapShow {
  display: none;
  padding: 30px 0;
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .btnMapShow {
    display: block;
    margin: 0;
  }
}
.btnMapShow .btn-wrap {
  margin-top: 0;
}
.btnMapShow.mapOpen {
  display: none !important;
}

/*
stationMap
***************************************************** */
.stationMapSp {
  display: none;
  text-align: center;
  padding-top: 30px;
}
@media only screen and (max-width: 720px) {
  .stationMapSp {
    position: relative;
    width: 100%;
    padding: 75% 0 0 0;
    display: block;
  }
  .stationMapSp iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.stationMapSp .facebook {
  height: 360px;
}

/*
stationMap
***************************************************** */
.stationMap {
  position: relative;
  padding: 5px 0;
}
@media only screen and (max-width: 720px) {
  .stationMap {
    display: none;
  }
}
.stationMap.mapOpen {
  display: block;
}

.stationMap__Body {
  height: 450px;
}

.infoWindow__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-width: 200px;
}
.infoWindow__body .name {
  margin-right: auto;
}
.infoWindow__body .iconList__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.infoWindow__body .iconList__body li {
  margin: 0;
  padding: 0;
}
.infoWindow__body .iconList__body li + li {
  margin-left: 5px;
}
.infoWindow__body .iconList__body li:before {
  display: none;
}
.infoWindow__body .iconList__body li span {
  display: table-cell;
  width: 40px;
  height: 20px;
  font-size: 71.5%;
  line-height: 100%;
  text-align: center;
  vertical-align: middle;
  border: 2px solid #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.infoWindow__body .iconList__body li .mita {
  border-color: #006cb6;
}
.infoWindow__body .iconList__body li .shinjuku {
  border-color: #b0c124;
}
.infoWindow__body .iconList__body li .asakusa {
  border-color: #e14131;
}
.infoWindow__body .iconList__body li .oedo {
  border-color: #c6035d;
}

/*
gateway
***************************************************** */
.gateway {
  position: absolute;
  top: 25px;
  right: 70px;
  width: 360px;
  max-height: 410px;
  background: #fff;
}
@media only screen and (max-width: 720px) {
  .gateway {
    top: auto;
    bottom: 15px;
    right: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: none;
  }
}

.gateway__head {
  display: table;
  width: 100%;
  height: auto;
  background: #333;
}
.gateway__head .title {
  display: table-cell;
  width: 100%;
  height: 50px;
  padding: 0 15px;
  color: #fff;
  font-size: 114.3%;
  line-height: 175%;
  vertical-align: middle;
}

.gateway__body {
  max-height: 357px;
  border-top: 3px solid #9fc105;
  overflow-y: scroll;
  overflow-x: hidden;
}
@media only screen and (max-width: 720px) {
  .gateway__body {
    width: 100%;
    height: 337px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.gateway__item {
  background: #f2f2f2;
}
.gateway__item + .gateway__item {
  margin-top: 5px;
}
.gateway__item .open.item__head,
.gateway__item .open.item__head + .item__body {
  background: #edf5f0;
}
.gateway__item .item__head {
  min-height: 45px;
  cursor: pointer;
}
.gateway__item .item__head__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 15px;
}
.gateway__item .gateway__name {
  display: table;
  min-height: 45px;
  margin-right: auto;
}
.gateway__item .gateway__name .name {
  display: table-cell;
  max-width: 150px;
  height: 45px;
  vertical-align: middle;
}
.gateway__item .gateway__name .name span {
  display: block;
  width: auto;
  min-height: 25px;
  margin: 0;
  padding: 4px 15px 2px;
  color: #264c27;
  line-height: 100%;
  background: #fff;
  vertical-align: top;
  border: 2px solid #d9d9d9;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.gateway__item .gateway__name .closed {
  display: table-cell;
  height: 45px;
  padding-left: 10px;
  color: #9c2400;
  vertical-align: middle;
}
.gateway__item .open .name span {
  color: #fff;
  background: #227324;
  border-color: #227324;
}
.gateway__item .gateway__icon .gateway__iconList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.gateway__item .gateway__icon li {
  margin: 0;
  padding: 0;
}
.gateway__item .gateway__icon li + li {
  margin-left: 5px;
}
.gateway__item .gateway__icon li:before {
  display: none;
}
.gateway__item .item__body {
  display: none;
  padding: 15px;
  border-top: 1px dotted #979d91;
}
@media only screen and (max-width: 720px) {
  .gateway__item .item__body {
    display: block !important;
  }
  .gateway__item .item__body li {
    display: inline;
    padding-left: 0;
    padding-right: 10px;
    font-size: 85.8%;
    line-height: 166.7%;
  }
  .gateway__item .item__body li:before {
    margin-left: 0;
    margin-right: 5px;
  }
}

.eventSP + .gateway__body {
  display: none;
}

.mapOpen .gateway__body {
  display: block;
}

/*
heading
***************************************************** */
.heading {
  width: 100%;
}

.heading {
  background: url(i/bg_heading_news.png) 0 0 no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 1180px) {
  .heading {
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 720px) {
  .heading {
    width: auto;
    padding: 17px 15px 12px;
    background: none;
  }
}
.heading .heading__Body {
  display: table;
  width: 1160px;
  margin: 0 auto;
}
@media only screen and (max-width: 1180px) {
  .heading .heading__Body {
    width: 100%;
  }
}

.bgBlack .heading {
  background: none;
  border-bottom: 1px solid #fff;
}

h1 {
  display: table-cell;
  width: 100%;
  height: 110px;
  vertical-align: middle;
  padding: 10px 0 10px 32px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: white;
  font-size: 242.9%;
  line-height: 123.6%;
  -webkit-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
  -moz-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
  -ms-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
  text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
}
@media only screen and (max-width: 720px) {
  h1 {
    height: auto;
    padding: 0 0 0 22px;
    text-indent: -22px;
    color: #222;
    font-size: 171.5%;
    line-height: 133.4%;
    text-shadow: none;
  }
}
h1:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 40px;
  padding: 0 4px;
  margin-top: -6px;
  margin-left: -32px;
  margin-right: 24px;
  background: #9fc105;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  vertical-align: middle;
}
@media only screen and (max-width: 720px) {
  h1:before {
    width: 7px;
    height: 30px;
    margin: -4px 15px 0 0;
    padding: 0;
    background: #227324;
  }
}

.bgBlack h1 {
  color: #fff;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  text-shadow: none;
}
.bgBlack h1:before {
  background: #fff;
}

.top .heading,
.top .heading__Body,
.top h1 {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  background: none;
  overflow: hidden;
  z-index: -1;
}
.top .heading:before,
.top .heading__Body:before,
.top h1:before {
  display: none;
}

h2 {
  margin-bottom: 24px;
  padding: 12px 17px 8px;
  font-size: 142.9%;
  line-height: 140%;
  font-weight: bold;
  background: #f0f0e4;
  border-bottom: 3px solid #9fc105;
}
@media only screen and (max-width: 720px) {
  h2 {
    margin: 0 -15px 15px;
    padding: 12px 15px 8px;
    font-size: 128.6%;
    line-height: 144.5%;
    font-weight: normal;
  }
}

.bgBlack h2 {
  color: #fff;
  background: #000;
  border: 1px solid #fff;
  border-bottom: 3px solid #fff;
}

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

div + h2,
table + h2 {
  margin-top: 40px;
}

h3 {
  padding: 0 0 7px 25px;
  font-size: 128.6%;
  line-height: 144.5%;
  font-weight: bold;
  border-bottom: 2px solid #cccccc;
}
h3:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 20px;
  padding: 0 3px;
  margin-top: -3px;
  margin-left: -19px;
  margin-right: 13px;
  background: #227324;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  vertical-align: middle;
}
@media only screen and (max-width: 720px) {
  h3 {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 15px 7px 35px;
  }
}

.bgBlack h3:before {
  background: #fff;
}

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

div + h3,
table + h3 {
  margin-top: 30px;
}

h4 {
  padding: 0 0 0 18px;
  font-size: 114.3%;
  line-height: 150%;
  font-weight: bold;
}
h4:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 18px;
  padding: 0 3px;
  margin-top: -4px;
  margin-left: -18px;
  margin-right: 12px;
  background: #227324;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  vertical-align: middle;
}

.bgBlack h4:before {
  background: #fff;
}

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

div + h4,
table + h4 {
  margin-top: 30px;
}

h5 {
  padding: 0 0 0 15px;
  font-size: 107.2%;
  line-height: 146.7%;
  font-weight: bold;
}
h5:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 16px;
  padding: 0;
  margin-top: -3px;
  margin-left: -15px;
  margin-right: 9px;
  background: #fff;
  border: 2px solid #b99800;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  vertical-align: middle;
}

.bgBlack h5:before {
  background: #fff;
}

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

div + h5,
table + h5 {
  margin-top: 30px;
}

h6 {
  padding: 0 0 0 16px;
  font-size: 100%;
  line-height: 142.9%;
  font-weight: bold;
}
h6:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 8px;
  padding: 0 4px;
  margin-top: -3px;
  margin-left: -16px;
  margin-right: 8px;
  background: #9fc105;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  vertical-align: middle;
}

.bgBlack h6:before {
  background: #fff;
}

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

div + h6,
table + h6 {
  margin-top: 30px;
}

/*
div
***************************************************** */
.main__body__left > * + div {
  margin-top: 30px;
}

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

div + p,
table + p {
  margin-top: 25px;
}

/*
strong
***************************************************** */
strong {
  color: #264c27;
  font-weight: bold;
}

.bgBlack strong {
  color: #99ff99;
}

/*
em
***************************************************** */
em {
  font-weight: bold;
}

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

div + ul,
table + ul {
  margin-top: 25px;
}

ul li {
  padding-left: 18px;
}
ul li + li {
  margin-top: 7px;
}
ul li:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 6px;
  padding: 0 3px;
  margin-top: -4px;
  margin-left: -18px;
  margin-right: 12px;
  background: #debb21;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  vertical-align: middle;
}
ul li ul,
ul li ol {
  margin-top: 7px;
}
ul li ul li:before {
  background: #b3b3b3;
}
ul li ol {
  list-style: decimal;
}
ul li ol li {
  margin-left: 22px;
  padding: 0;
}
ul li ol li:before {
  display: none;
}
ul li .symbol,
ol li .symbol  {
  position: absolute;
  top: 0;
  left: 0;
}

.bgBlack ul li:before {
  background: #fff;
}

.link-list li {
  margin: 0 0 0 7px;
  padding: 0;
  text-indent: -12px;
  padding-left: 12px;
}
.link-list li + li {
  margin-top: 7px;
}
.link-list li a {
  color: #222;
  text-decoration: none;
}
.link-list li a:hover {
  text-decoration: underline;
}
.link-list .li-link-line a {
  text-decoration: underline;
}
.link-list .li-link-line a:hover {
  text-decoration: none;
}

.bgBlack .link-list li:before {
  background: none;
}
.bgBlack .link-list a {
  color: #ffff99;
}

h3 + .btn-link {
  margin-top: 20px;
}

.link-banner-s-l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px;
  background: #f2f2f2;
}
@media only screen and (max-width: 720px) {
  .link-banner-s-l {
    margin-left: -10px;
    margin-right: -10px;
    padding: 5px 0;
  }
}
.link-banner-s-l li {
  display: table;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 720px) {
  .link-banner-s-l li {
    padding: 5px 10px;
  }
}
.link-banner-s-l li + li {
  margin-left: 15px;
}
@media only screen and (max-width: 720px) {
  .link-banner-s-l li + li {
    margin-left: 0;
  }
}
.link-banner-s-l li:before {
  display: none;
}
.link-banner-s-l li a {
  display: table-cell;
  position: relative;
  min-width: 50px;
  height: 27px;
  padding: 3px 10px;
  color: #222;
  font-size: 100%;
  line-height: 142.9%;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  background: #fff;
  border-left: 4px solid #9fc105;
  -moz-box-shadow: 0px 2px 0px 0px #cecece;
  -webkit-box-shadow: 0px 2px 0px 0px #cecece;
  -ms-box-shadow: 0px 2px 0px 0px #cecece;
  box-shadow: 0px 2px 0px 0px #cecece;
}
.link-banner-s-l li a:hover {
  background: #f7f7c6;
}

.btn-link .btn-link__body,
.btn-link .btn-navi__body,
.btn-navi .btn-link__body,
.btn-navi .btn-navi__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-left: -5px;
  margin-right: -5px;
}
.btn-link .btn-link__body li,
.btn-link .btn-navi__body li,
.btn-navi .btn-link__body li,
.btn-navi .btn-navi__body li {
  display: block;
  width: 100%;
  min-height: 48px;
  margin: 0 0 0 0;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-link .btn-link__body li + li,
.btn-link .btn-navi__body li + li,
.btn-navi .btn-link__body li + li,
.btn-navi .btn-navi__body li + li {
  margin-top: 10px;
}
.btn-link .btn-link__body li:before,
.btn-link .btn-navi__body li:before,
.btn-navi .btn-link__body li:before,
.btn-navi .btn-navi__body li:before {
  display: none;
}
.btn-link .btn-link__body li a,
.btn-link .btn-navi__body li a,
.btn-navi .btn-link__body li a,
.btn-navi .btn-navi__body li a {
  position: relative;
  display: table;
  width: 100%;
  position: relative;
  color: #222;
  font-size: 100%;
  line-height: 142.9%;
  text-decoration: none;
  background: #f7f7f7;
}
.btn-link .btn-link__body li a span,
.btn-link .btn-navi__body li a span,
.btn-navi .btn-link__body li a span,
.btn-navi .btn-navi__body li a span {
  display: table-cell;
  height: 46px;
  padding: 10px 15px 10px 15px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-link .btn-link__body li a:before,
.btn-link .btn-navi__body li a:before,
.btn-navi .btn-link__body li a:before,
.btn-navi .btn-navi__body li a:before {
  content: '';
  display: table-cell;
  width: 12px;
  height: 46px;
  background: #9fc105;
  vertical-align: middle;
}
.btn-link .btn-link__body li a:after,
.btn-link .btn-navi__body li a:after,
.btn-navi .btn-link__body li a:after,
.btn-navi .btn-navi__body li a:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -4px;
  height: 21px;
  margin: auto 0;
  color: #fff;
  font-size: 21px;
  line-height: 100%;
}
.btn-link .btn-link__body li a.is-outIcon:after,
.btn-link .btn-navi__body li a.is-outIcon:after,
.btn-navi .btn-link__body li a.is-outIcon:after,
.btn-navi .btn-navi__body li a.is-outIcon:after {
  display: none;
}
.btn-link .btn-link__body li a:hover,
.btn-link .btn-navi__body li a:hover,
.btn-navi .btn-link__body li a:hover,
.btn-navi .btn-navi__body li a:hover {
  background: #ededed;
}
.btn-link .btn-link__body li a:hover:before,
.btn-link .btn-navi__body li a:hover:before,
.btn-navi .btn-link__body li a:hover:before,
.btn-navi .btn-navi__body li a:hover:before {
  background: #227324;
}
.btn-link .btn-link__body .col2,
.btn-link .btn-navi__body .col2,
.btn-navi .btn-link__body .col2,
.btn-navi .btn-navi__body .col2 {
  width: 50%;
}
@media only screen and (max-width: 720px) {
  .btn-link .btn-link__body .col2,
  .btn-link .btn-navi__body .col2,
  .btn-navi .btn-link__body .col2,
  .btn-navi .btn-navi__body .col2 {
    width: 100%;
  }
}
.btn-link .btn-link__body .col2:nth-child(-n+2),
.btn-link .btn-navi__body .col2:nth-child(-n+2),
.btn-navi .btn-link__body .col2:nth-child(-n+2),
.btn-navi .btn-navi__body .col2:nth-child(-n+2) {
  margin-top: 0;
}
@media only screen and (max-width: 720px) {
  .btn-link .btn-link__body .col2:nth-child(-n+2),
  .btn-link .btn-navi__body .col2:nth-child(-n+2),
  .btn-navi .btn-link__body .col2:nth-child(-n+2),
  .btn-navi .btn-navi__body .col2:nth-child(-n+2) {
    margin-top: 10px;
  }
}
.btn-link .btn-link__body .col4,
.btn-link .btn-navi__body .col4,
.btn-navi .btn-link__body .col4,
.btn-navi .btn-navi__body .col4 {
  width: 25%;
}
@media only screen and (max-width: 720px) {
  .btn-link .btn-link__body .col4,
  .btn-link .btn-navi__body .col4,
  .btn-navi .btn-link__body .col4,
  .btn-navi .btn-navi__body .col4 {
    width: 100%;
  }
}
.btn-link .btn-link__body .col4:nth-child(-n+4),
.btn-link .btn-navi__body .col4:nth-child(-n+4),
.btn-navi .btn-link__body .col4:nth-child(-n+4),
.btn-navi .btn-navi__body .col4:nth-child(-n+4) {
  margin-top: 0;
}
@media only screen and (max-width: 720px) {
  .btn-link .btn-link__body .col4:nth-child(-n+4),
  .btn-link .btn-navi__body .col4:nth-child(-n+4),
  .btn-navi .btn-link__body .col4:nth-child(-n+4),
  .btn-navi .btn-navi__body .col4:nth-child(-n+4) {
    margin-top: 10px;
  }
}

.btn-navi .btn-navi__body li a {
  padding-left: 17px;
  color: #fff;
  font-size: 107.2%;
  line-height: 153.4%;
  background: #227324;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-navi .btn-navi__body li a span {
  height: 45px;
  padding-top: 12px;
  padding-left: 10px;
}
.btn-navi .btn-navi__body li a:before {
  width: 12px;
  height: auto;
  color: #9fc105;
  background: none;
  vertical-align: middle;
}
.btn-navi .btn-navi__body li a:hover {
  background: #264c27;
}
.btn-navi .btn-navi__body li a:hover:before {
  background: #264c27;
}

.bgBlack .btn-link .btn-link__body li a {
  color: #fff;
  background: #000;
  border: 1px solid #fff;
}
.bgBlack .btn-link .btn-link__body li a:before {
  color: #000;
  background: #fff;
}
.bgBlack .btn-link .btn-link__body li a:hover {
  color: #000;
  background: #fff;
}
.bgBlack .btn-link .btn-link__body li a:hover:before {
  color: #fff;
  background: #000;
}
.bgBlack .btn-navi .btn-navi__body li a {
  border: 1px solid #fff;
  background: #000;
}
.bgBlack .btn-navi .btn-navi__body li a:before {
  color: #fff;
}
.bgBlack .btn-navi .btn-navi__body li a:hover {
  color: #000;
  background: #fff;
}
.bgBlack .btn-navi .btn-navi__body li a:hover:before {
  color: #000;
  background: #fff;
}

.list-indent li {
  position: relative;
  margin-left: 0;
  padding: 0 0 0 1em;
  list-style: none;
}
.list-indent li:before {
  display: none;
}
.list-indent .list-indent-l li {
  padding: 0 0 0 3em;
}
.list-indent .list-indent-l2 li {
  padding: 0 0 0 4em;
}

.list-indent-l li {
  position: relative;
  margin-left: 0;
  padding: 0 0 0 3em;
  list-style: none;
}
.list-indent-l li:before {
  display: none;
}
.list-indent-l .list-indent li {
  padding: 0 0 0 1em;
}
.list-indent-l .list-indent-l2 li {
  padding: 0 0 0 4em;
}

.list-indent-l2 li {
  position: relative;
  margin-left: 0;
  padding: 0 0 0 4em;
  list-style: none;
}
.list-indent-l2 li:before {
  display: none;
}
.list-indent-l2 .list-indent li {
  padding: 0 0 0 1em;
}
.list-indent-l2 .list-indent li .list-indent-l2 li {
  padding: 0 0 0 4em;
}
.list-indent-l2 .list-indent-l li {
  padding: 0 0 0 3em;
}

.is-bgWrap {
  padding: 30px;
  background: #f2f2f2;
}
@media only screen and (max-width: 720px) {
  .is-bgWrap {
    padding: 10px;
  }
}
.is-bgWrap.btn-link {
  overflow: hidden;
}
.is-bgWrap.btn-link .btn-link__body {
  margin-left: -10px;
  margin-right: -10px;
}
.is-bgWrap.btn-link .btn-link__body li {
  min-height: 50px;
  padding: 0 10px;
}
.is-bgWrap.btn-link .btn-link__body li + li {
  margin-top: 20px;
}
@media only screen and (max-width: 720px) {
  .is-bgWrap.btn-link .btn-link__body li + li {
    margin-top: 10px;
  }
}
.is-bgWrap.btn-link .btn-link__body li a {
  background: #ffffff;
  font-size: 128.6%;
  line-height: 144.5%;
  -moz-box-shadow: 0px 2px 0px 0px #cecece;
  -webkit-box-shadow: 0px 2px 0px 0px #cecece;
  -ms-box-shadow: 0px 2px 0px 0px #cecece;
  box-shadow: 0px 2px 0px 0px #cecece;
}
.is-bgWrap.btn-link .btn-link__body li a span {
  display: table-cell;
  vertical-align: middle;
  border-left: 4px solid #9fc105;
}
.is-bgWrap.btn-link .btn-link__body li a:before, .is-bgWrap.btn-link .btn-link__body li a:after {
  display: none;
}
.is-bgWrap.btn-link .btn-link__body li a:hover {
  background: #f7f7c6;
}
.is-bgWrap.btn-link .btn-link__body .col2 {
  width: 50%;
}
.is-bgWrap.btn-link .btn-link__body .col2:nth-child(-n+2) {
  margin-top: 0;
}
@media only screen and (max-width: 720px) {
  .is-bgWrap.btn-link .btn-link__body .col2:nth-child(-n+2) {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 720px) {
  .is-bgWrap.btn-link .btn-link__body .col2 {
    width: 100%;
  }
  .is-bgWrap.btn-link .btn-link__body .col2:nth-child(1) {
    margin-top: 0;
  }
}

.bgBlack .is-bgWrap {
  background: #000;
  border: 1px solid #fff;
}
.bgBlack .is-bgWrap.btn-link .btn-link__body li a {
  color: #fff;
  background: #000;
  box-shadow: none;
}
.bgBlack .is-bgWrap.btn-link .btn-link__body li a span {
  border-left-color: #fff;
}
.bgBlack .is-bgWrap.btn-link .btn-link__body li a:hover {
  color: #000;
  background: #fff;
}
.bgBlack .is-bgWrap.btn-link .btn-link__body li a:hover span {
  border-left-color: #000;
}

ul.list-mascot li {
  position: relative;
  margin: 0 15px 12px 0;
  padding: 0 0 0 20px;
}
ul.list-mascot li:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 18px;
  margin: -6px 5px 0 -20px;
  padding: 0;
  vertical-align: middle;
  background: url(i/list_mascot.png) no-repeat 0 2px;
}

.list-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 15px -5px 0;
}
.list-gallery li {
  margin: 10px 0 0;
  padding: 0 5px;
}
.list-gallery li:before {
  display: none;
}

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

div + ol,
table + ol {
  margin-top: 25px;
}

ol {
  list-style: decimal;
}
ol li {
  margin-left: 22px;
  padding: 0;
}
ol li:before {
  display: none;
}
ol li + li {
  margin-top: 7px;
}
ol li ul,
ol li ol {
  margin-top: 7px;
}
ol li ul li {
  margin-left: 0;
  padding-left: 22px;
}
ol li ul li + li {
  margin-top: 7px;
}
ol li ul li:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 6px;
  padding: 0 3px;
  margin-top: -4px;
  margin-left: -18px;
  margin-right: 12px;
  background: #debb21;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  vertical-align: middle;
}

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

table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-top: 1px dotted #979d91;
  border-left: 1px dotted #979d91;
}

.bgBlack table {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}

th,
td {
  padding: 10px 12px;
  border-right: 1px dotted #979d91;
  border-bottom: 1px dotted #979d91;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
th ul,
td ul {
  margin-top: 0;
}

th {
  color: #264c27;
  background: #edf5f0;
}

.th-second,
.tbc-1 {
  color: #3e4513;
  background: #f8faeb;
}

.tbc-special {
  background: #FCF0CD;
}

.bgBlack th,
.bgBlack .th-second,
.bgBlack .tbc-1,
.bgBlack .tbc-special {
  color: #fff;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  background: none;
}
.bgBlack td {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}

.tbc-1 {
  text-align: center;
  vertical-align: middle;
}

.full-img {
  position: relative;
  padding: 0;
}
.full-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bus-nno {
  vertical-align: middle;
}

.history {
  display: table;
  width: 100%;
  border: none;
  border-bottom: 1px dotted #979d91;
}
@media only screen and (max-width: 720px) {
  .history {
    display: block;
  }
}
.history tr {
  display: table;
  width: 100%;
  border-top: 1px dotted #979d91;
}
@media only screen and (max-width: 720px) {
  .history tr {
    display: block;
  }
}
.history th,
.history td {
  border: none;
}
@media only screen and (max-width: 720px) {
  .history th,
  .history td {
    display: block;
  }
}
.history th {
  width: 230px;
  padding: 9px 15px 7px;
  color: #264c27;
  text-align: left;
  background: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .history th {
    width: auto;
    padding: 9px 15px 3px;
  }
}
.history td {
  padding: 9px 15px 7px 0;
}
@media only screen and (max-width: 720px) {
  .history td {
    padding: 0 15px 7px;
  }
}

.bgBlack .history {
  border: none;
  border-bottom: 1px solid #fff;
}
.bgBlack .history tr {
  border-top: 1px solid #fff;
}
.bgBlack .history th {
  color: #fff;
}

.n-border {
  border: none;
}
.n-border th, .n-border td {
  width: auto;
  padding: 5px;
  border: none;
}

.bgBlack .n-border {
  border: none;
}

@media only screen and (max-width: 880px) {
  table:not(.history):not(.n-border):not(.tt-table) th,
  table:not(.history):not(.n-border):not(.tt-table) td {
    padding: 5px;
    font-size: 71.5%;
    line-height: 160%;
  }
}

/*
parts
***************************************************** */
.caution {
  color: #9c2400;
}

.bgBlack .caution {
  color: #ff9999;
}

.caption {
  margin-top: 12px;
  font-size: 92.9%;
  line-height: 177%;
  color: #444;
}

.bgBlack .caption {
  color: #fff;
}

hr {
  width: 100%;
  height: auto;
  margin: 40px 0;
  padding: 0;
  border: none;
  border-top: 1px dashed #c6c6c6;
}

.breakAll {
  word-break: break-all;
}

.pcOnly {
  display: block;
}
@media only screen and (max-width: 720px) {
  .pcOnly {
    display: none;
  }
}

.spOnly {
  display: none;
}
@media only screen and (max-width: 720px) {
  .spOnly {
    display: block;
  }
}

@media only screen and (max-width: 1180px) {
  .pcGuideImg {
    display: none;
  }
}

.spGuideImg {
  display: none;
}
@media only screen and (max-width: 1180px) {
  .spGuideImg {
    display: block;
  }
}

.facebook {
  vertical-align: top;
}

.iframeBox {
  overflow: hidden;
}

.fs-ll {
  font-size: 128.6%;
  line-height: 155.6%;
  font-weight: bold;
}

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

.font-wn {
  font-weight: normal;
}
.font-si {
  font-style: italic;
}

.bg-tickets {
  background: #227324;
}

.bg-map {
  background: #b99800;
}

.bg-wifi {
  background: #ea5082;
}

.bg-info {
  background: #006cb6;
}

.bg-guide {
  background: #634e86;
}

.bg-faq {
  background: #333333;
}

.box-shadow {
  display: inline-block;
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
}

@media only screen and (max-width: 1180px) {
  .iframeBox {
    position: relative;
    width: 100%;
    padding: 75% 0 0 0;
  }
  .iframeBox iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .iframeBox .facebook {
    height: 360px;
  }
}
.back-link {
  text-align: right;
}
.back-link a {
  color: #222;
  text-decoration: none;
}
.back-link a:hover {
  text-decoration: underline;
}

.bgBlack .back-link a {
  color: #ffff99;
}

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

h3 + table,
h3 + div,
h3 + .rt-tableCaption,
h3 + .rt-tableCaption + .rt-tableWrapper {
  margin-top: 20px;
}

@media only screen and (max-width: 720px) {
  h3 + .rt-tableCaption + .rt-tableWrapper {
    margin-top: 0;
  }
}
h4 + p,
h4 + ul,
h4 + ol,
h5 + p,
h5 + ul,
h5 + ol,
h6 + p,
h6 + ul,
h6 + ol {
  margin-top: 10px;
}

h4 + table,
h5 + table,
h4 + div,
h5 + div,
h6 + div,
h6 + table,
h4 + .rt-tableCaption,
h5 + .rt-tableCaption,
h6 + .rt-tableCaption,
h4 + .rt-tableCaption + .rt-tableWrapper,
h5 + .rt-tableCaption + .rt-tableWrapper,
h6 + .rt-tableCaption + .rt-tableWrapper {
  margin-top: 15px;
}

@media only screen and (max-width: 720px) {
  h4 + .rt-tableCaption + .rt-tableWrapper,
  h5 + .rt-tableCaption + .rt-tableWrapper,
  h6 + .rt-tableCaption + .rt-tableWrapper {
    margin-top: 0;
  }
}
/*
btn
***************************************************** */
.btn {
  display: table-cell;
  width: auto;
  height: 30px;
  padding-top: 2px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  background: #fff;
  color: #222;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 2px 0px 0px #d9d9d9;
  -moz-box-shadow: 0px 2px 0px 0px #d9d9d9;
  -ms-box-shadow: 0px 2px 0px 0px #d9d9d9;
  box-shadow: 0px 2px 0px 0px #d9d9d9;
}
.btn:hover {
  color: #222;
  background: #d6e39f;
}

.btnList {
  width: 100%;
}

.detailLink .btn {
  padding-left: 10px;
  padding-right: 10px;
}
.detailLink .btn:hover {
  background: #f2f2f2;
}

.btnList__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  margin: 0 -20px;
}
.btnList__body .btnList__item {
  margin: 0;
  padding: 0 20px;
}
.btnList__body .btn {
  min-width: 120px;
  height: 35px;
}
.btnList__body .btn:hover {
  text-decoration: underline;
}

.routeAsakusa:before,
.routeMita:before,
.routeShinjuku:before,
.routeOedo:before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: -2px;
  line-height: 100%;
  margin-right: 8px;
  border-width: 4px;
  border-style: solid;
  vertical-align: middle;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.routeAsakusa:before {
  border-color: #e14131;
}

.routeMita:before {
  border-color: #006cb6;
}

.routeShinjuku:before {
  border-color: #b0c124;
}

.routeOedo:before {
  border-color: #c6035d;
}

/*
button-print
***************************************************** */
.button-print {
  text-align: right;
}
.button-print a {
  display: inline-block;
  min-width: 160px;
  min-height: 40px;
  padding: 7px 5px 5px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  background: #227324;
  -webkit-box-shadow: 0px 2px 0px 0px #d9d9d9;
  -moz-box-shadow: 0px 2px 0px 0px #d9d9d9;
  -ms-box-shadow: 0px 2px 0px 0px #d9d9d9;
  box-shadow: 0px 2px 0px 0px #d9d9d9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.button-print a:hover {
  background: #264c27;
}
.button-print a:before {
  display: inline-block;
  margin-top: -2px;
  margin-right: 10px;
  color: #d6e39f;
  font-size: 20px;
  line-height: 100%;
  vertical-align: middle;
}

.bgBlack .button-print a {
  color: #000;
  background: #fff;
}
.bgBlack .button-print a:before {
  color: #000;
}

.btn-wrap {
  margin-top: 30px;
  display: inline-block;
}
.btn-wrap .btn {
  display: inline-block;
  min-width: 160px;
  min-height: 40px;
  padding: 7px 5px 5px;
}

.btn-two {
  letter-spacing: -.35em;
}
@media only screen and (max-width: 720px) {
  .btn-two {
    text-align: center;
  }
}
.btn-two .btn-wrap {
  letter-spacing: normal;
}
@media only screen and (max-width: 720px) {
  .btn-two .btn-wrap {
    display: block;
  }
}
.btn-two .btn-wrap + .btn-wrap {
  margin-top: 0;
  margin-left: 15px;
}
@media only screen and (max-width: 720px) {
  .btn-two .btn-wrap + .btn-wrap {
    margin-top: 15px;
    margin-left: 0;
  }
}

.newMark {
  display: inline-block;
  color: #fff;
  min-width: 40px;
  margin-top: -2px;
  padding: 4px 0 2px;
  font-size: 71.5%;
  line-height: 100%;
  text-align: center;
  vertical-align: middle;
  background: #b99800;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.bgBlack .newMark {
  color: #000;
  background: #fff;
}

.newMark + a {
  display: inline-block;
}

h2 .newMark {
  font-size: 55.6%;
  line-height: 100%;
}

.close {
  width: auto;
  margin: 40px auto 0;
  text-align: right;
}
.close p {
  display: inline-block;
  vertical-align: top;
}
.close .btn {
  width: 120px;
  height: 30px;
  margin-left: auto;
  color: #fff;
  background: #333;
}

/* *****************************************************
NEWS
***************************************************** */
/*
※ニュースの一覧パーツ
***************************************************** */
.newsContent {
  position: relative;
}
.newsContent h2 {
  padding-right: 350px;
}
@media only screen and (max-width: 1000px) {
  .newsContent h2 {
    padding-right: 0;
  }
}
.newsContent .detailLink {
  position: absolute;
  top: 10px;
  right: 10px;
  margin: 0;
}
@media only screen and (max-width: 1000px) {
  .newsContent .detailLink {
    position: relative;
    top: 0;
    right: 0;
    display: table;
    width: 100%;
    margin-top: 20px;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .newsContent .detailLink .btn {
    width: 100%;
    height: 45px;
    background: #f7f7f7;
  }
}
@media only screen and (max-width: 720px) {
  .newsContent .newsList {
    margin: 0 -15px;
  }
}
.newsContent .newsList dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media only screen and (max-width: 720px) {
  .newsContent .newsList dl {
    display: block;
  }
}
.newsContent .newsList dt {
  width: 145px;
}
@media only screen and (max-width: 720px) {
  .newsContent .newsList dt {
    width: 100%;
  }
}
.newsContent .newsList dt span {
  margin: 0;
}
.newsContent .newsList dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0;
}
@media only screen and (max-width: 720px) {
  .newsContent .newsList dd {
    margin-top: 7px;
  }
}
.newsContent .newsList dd br {
  display: none;
}

.bgBlack .newsContent .btn {
  border: 1px solid #fff;
  background: none;
  box-shadow: none;
}
.bgBlack .newsContent .btn:hover {
  color: #000;
  background: #fff;
}

/*
※ニュースのコンテンツパーツ
***************************************************** */
.newsHeader h2 {
  display: table;
  width: 100%;
  padding: 0;
  font-size: 100%;
  line-height: 200%;
  background: none;
  border: none;
}
@media only screen and (max-width: 720px) {
  .newsHeader h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: auto;
    height: 40px;
    margin: 20px -15px 0;
    background: #f7f7f0;
  }
}
.newsHeader h2 span {
  display: table-cell;
  height: 40px;
  padding: 3px 15px 0;
  color: #33330f;
  font-size: 114.3%;
  line-height: 137.5%;
  background: #f7f7f0;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .newsHeader h2 span {
    display: block;
    height: auto;
    padding: 0 15px;
  }
}

.bgBlack .newsHeader h2 span {
  color: #000;
  background: #fff;
}

.socialLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-top: 20px;
  overflow: hidden;
}
.socialLink .socialLink__item {
  min-height: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.socialLink .socialLink__item + .socialLink__item {
  margin-left: 10px;
}
.socialLink .twitter,
.socialLink .facebook {
  height: 20px;
}
.socialLink .twitter iframe,
.socialLink .facebook iframe {
  vertical-align: top;
}
.socialLink .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-left: 20px;
  padding-top: 3px;
}
.socialLink .date time {
  line-height: 100%;
}

.nameList {
  margin: 15px 0 0 0;
  padding: 0;
  list-style-type: none;
  text-align: right;
}
.nameList li {
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: 157.2%;
}
.nameList li + li {
  margin: 0;
}
.nameList li:before {
  display: none;
}

.hgroup {
  margin: 15px 0 30px;
  padding: 18px 24px 16px;
  border: 2px solid #d6e39f;
}
@media only screen and (max-width: 720px) {
  .hgroup {
    padding: 15px;
  }
}
.hgroup h2 {
  margin: 0;
  padding: 0;
  color: #264c27;
  font-size: 128.6%;
  line-height: 155.6%;
  background: none;
  border: none;
}
@media only screen and (max-width: 720px) {
  .hgroup h2 {
    font-weight: bold;
  }
}
.hgroup p {
  margin: 0;
  font-size: 107.2%;
  line-height: 186.7%;
}
.hgroup .subTop {
  margin-bottom: 5px;
}
.hgroup .subBottom {
  margin-top: 5px;
}

.bgBlack .hgroup {
  border: 2px solid #99ff99;
}
.bgBlack .hgroup h2 {
  color: #99ff99;
}

.news-text .caption {
  display: block;
  margin: 10px 0 0 0;
}
.news-text footer {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px dotted #d9d9d9;
}
@media only screen and (max-width: 720px) {
  .news-text .clear .left,
  .news-text .clear .right {
    float: none;
    width: auto;
  }
}

/*
category
***************************************************** */
.categoryText {
  height: 100%;
  padding: 20px 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .categoryText {
    padding: 20px 0;
  }
}
.categoryText .title {
  color: #264c27;
  font-size: 128.6%;
  line-height: 144.5%;
  font-weight: bold;
}

.bgBlack .categoryText {
  color: #000;
}
.bgBlack .categoryText .title {
  color: #000;
}

.categoryNews.newsContent {
  margin-top: 40px;
}

.categoryLink + .categoryNews.newsContent {
  margin-top: 0;
}

.categoryNews {
  position: relative;
}
@media only screen and (max-width: 720px) {
  .categoryNews {
    margin-top: 30px;
  }
}
.categoryNews .title {
  position: relative;
}
.categoryNews .title h2 {
  padding-right: 350px;
}
@media only screen and (max-width: 1000px) {
  .categoryNews .title h2 {
    padding-right: 0;
  }
}
@media only screen and (max-width: 720px) {
  .categoryNews .title h2 {
    margin: 0 -15px 15px;
    padding: 12px 0 8px 15px;
  }
}
.categoryNews .rss {
  position: absolute;
  top: 9px;
  right: 10px;
  margin: 0;
}
@media only screen and (max-width: 720px) {
  .categoryNews .rss {
    right: 0;
  }
}
.categoryNews .rss .btn {
  width: 80px;
}
.categoryNews .rss .btn:hover {
  background: #f2f2f2;
}
.categoryNews .detailLink {
  position: absolute;
  top: 9px;
  right: 100px;
  margin: 0;
}
@media only screen and (max-width: 1000px) {
  .categoryNews .detailLink {
    position: relative;
    top: 0;
    right: 0;
    display: table;
    width: 100%;
    margin-top: 20px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .categoryNews .detailLink .btn {
    width: 100%;
    height: 45px;
    background: #f7f7f7;
  }
}
.categoryNews .detailLink .btn {
  padding: 0 10px;
}

.bgBlack .categoryNews .btn {
  border: 1px solid #fff;
  background: none;
  box-shadow: none;
}
.bgBlack .categoryNews .btn:hover {
  color: #000;
  background: #fff;
}

.bgBlack .topNews__body .btn {
  border: 1px solid #fff;
  background: none;
  box-shadow: none;
}
.bgBlack .topNews__body .btn:hover {
  color: #000;
  background: #fff;
}

/*
infomation
***************************************************** */
.info__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.info__body .info__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  color: #222;
  text-decoration: none;
}
@media only screen and (max-width: 1180px) {
  .info__body .info__item a {
    display: block;
  }
  .info__body .info__item a .image {
    text-align: center;
  }
  .info__body .info__item a .image img {
    max-width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 720px) {
  .info__body .info__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .info__body .info__item a.info__item__wide {
    display: block;
  }
}
.info__body .info__item a:hover {
  background: #edf5f0;
}

.info__item {
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .info__item:first-child {
    padding-top: 0;
  }
}
.info__item .info__text {
  margin-right: auto;
  padding: 20px;
}
@media only screen and (max-width: 1180px) {
  .info__item .info__text {
    margin-right: none;
  }
  .info__item .info__text + .image {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 720px) {
  .info__item .info__text {
    padding: 10px;
  }
  .info__item .info__text + .image {
    padding: 0 15px 15px;
  }
}
.info__item .title {
  color: #264c27;
  font-size: 114.3%;
  line-height: 175%;
  font-weight: bold;
}
.info__item .title + p {
  margin-top: 5px;
}

.info__item__inner {
  padding: 15px;
}
@media only screen and (max-width: 720px) {
  .info__item__inner {
    padding: 15px;
  }
}
.info__item__inner.is-outIcon:after {
  display: none;
}
.info__item__inner .image {
  margin-right: 15px;
}
.info__item__inner .text {
  padding-top: 5px;
  font-size: 92.9%;
  line-height: 177%;
}
@media only screen and (max-width: 720px) {
  .info__item__inner .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.bgBlack .info__item .info__item__wide,
.bgBlack .info__item .info__item__inner {
  color: #ffff99;
  border: 1px solid #fff;
}
.bgBlack .info__item .info__item__wide .info__text .title,
.bgBlack .info__item .info__item__inner .info__text .title {
  color: #ffff99;
}
.bgBlack .info__item .info__item__wide.is-outIcon .text p:after,
.bgBlack .info__item .info__item__inner.is-outIcon .text p:after {
  color: #ffff99;
}
.bgBlack .info__item .info__item__wide:hover,
.bgBlack .info__item .info__item__inner:hover {
  color: #000;
  background: #fff;
}
.bgBlack .info__item .info__item__wide:hover .info__text .title,
.bgBlack .info__item .info__item__inner:hover .info__text .title {
  color: #000;
}
.bgBlack .info__item .info__item__wide:hover.is-outIcon .text p:after,
.bgBlack .info__item .info__item__inner:hover.is-outIcon .text p:after {
  color: #000;
}

/*
categoryLink
***************************************************** */
.categoryLink {
  margin-top: 40px;
}
@media only screen and (max-width: 720px) {
  .categoryLink {
    margin: 0 -15px;
    padding: 30px 15px;
    background: #f2f2f2;
  }
}

.categoryLink__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media only screen and (max-width: 720px) {
  .categoryLink__item {
    display: block;
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
    -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
  }
}
.categoryLink__item + .categoryLink__item {
  margin-top: 30px;
}
@media only screen and (max-width: 720px) {
  .categoryLink__item + .categoryLink__item {
    margin-top: 10px;
  }
}
.categoryLink__item .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 160px;
  font-size: 107.2%;
  line-height: 186.7%;
  background: #f0f0e4;
  border-right: 3px solid #227324;
}
.categoryLink__item .title a {
  color: #222;
  text-decoration: none;
  cursor: default;
}
.categoryLink__item .title a:after {
  display: none;
}
@media only screen and (max-width: 720px) {
  .categoryLink__item .title {
    display: table;
    width: 100%;
    border-right: none;
  }
  .categoryLink__item .title a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    vertical-align: middle;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .categoryLink__item .title a span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: auto;
  }
  .categoryLink__item .title a:after {
    position: absolute;
    top: 9px;
    right: 5px;
    display: block;
    color: #8c8c8c;
    font-size: 30px;
    line-height: 100%;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
.categoryLink__item.open .title a {
  background: #d6e39f;
}
@media only screen and (max-width: 720px) {
  .categoryLink__item.open .title a {
    color: #fff;
    background: #333;
  }
  .categoryLink__item.open .title a:after {
    color: #fff;
  }
}
.categoryLink__item.open .link {
  display: block;
}
.categoryLink__item .link {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  margin: 0;
  padding: 0 0 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .categoryLink__item .link {
    padding: 0;
  }
}
.categoryLink__item .link ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -10px -5px 0;
}
@media only screen and (max-width: 720px) {
  .categoryLink__item .link ul {
    display: block;
    margin: 0;
  }
}
.categoryLink__item .link li {
  display: table;
  width: 33.3333333333%;
  margin: 0;
  padding: 10px 5px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .categoryLink__item .link li {
    width: 100%;
    padding: 0;
  }
  .categoryLink__item .link li + li {
    border-top: 1px solid #d9d9d9;
  }
}
.categoryLink__item .link li:before {
  display: none;
}
.categoryLink__item .link li .btn {
  width: 100%;
  height: 40px;
  text-align: center;
  background: #f2f2f2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.categoryLink__item .link li .btn:hover {
  background: #e4edb9;
}
@media only screen and (max-width: 720px) {
  .categoryLink__item .link li .btn {
    text-align: left;
    height: 50px;
    padding: 0 15px;
    background: #fff;
  }
  .categoryLink__item .link li .btn:hover {
    background: #fff;
  }
}

@media only screen and (max-width: 720px) {
  .bgBlack .categoryLink {
    background: #fff;
  }
}
@media only screen and (max-width: 720px) {
  .bgBlack .categoryLink__item.open .title span {
    color: #fff;
  }
}
.bgBlack .categoryLink__item .title {
  border: 1px solid #fff;
  background: none;
}
.bgBlack .categoryLink__item .title span {
  color: #fff;
}
@media only screen and (max-width: 720px) {
  .bgBlack .categoryLink__item .title span {
    color: #000;
  }
}
.bgBlack .categoryLink__item .link {
  background: none;
}
.bgBlack .categoryLink__item .link li .btn {
  border: 1px solid #fff;
  background: none;
  box-shadow: none;
}
@media only screen and (max-width: 720px) {
  .bgBlack .categoryLink__item .link li .btn {
    color: #000;
  }
  .bgBlack .categoryLink__item .link li .btn:after {
    color: #000;
  }
}
.bgBlack .categoryLink__item .link li .btn:hover {
  background: #fff;
}

/*
grid
***************************************************** */
.grid {
  margin-top: 30px;
  overflow: hidden;
}
@media only screen and (max-width: 720px) {
  .grid {
    overflow: visible;
  }
}

.grid__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -30px -10px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid__body.no-wrap {
  -webkit-box-lines: single;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.grid__item {
  margin-top: 30px;
  padding: 0 10px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid__item img {
  max-width: 100%;
  height: auto;
}

.side {
  overflow: hidden;
}
.side .side__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -15px -10px 0;
}
@media only screen and (max-width: 720px) {
  .side .side__body {
    display: block;
    margin: -15px 0 0;
  }
}
.side li, .side.link-list li {
  margin: 15px 0 0 0;
  padding-left: 28px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.side li + li, .side.link-list li + li {
  margin: 15px 0 0 0;
}

.width1 {
  width: 8.33333333333%;
}
@media only screen and (max-width: 720px) {
  .width1 {
    width: 100%;
  }
}

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

.width3 {
  width: 25.0%;
}
@media only screen and (max-width: 720px) {
  .width3 {
    width: 100%;
  }
}

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

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

.width6 {
  width: 50.0%;
}
@media only screen and (max-width: 720px) {
  .width6 {
    width: 100%;
  }
}

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

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

.width9 {
  width: 75.0%;
}
@media only screen and (max-width: 720px) {
  .width9 {
    width: 100%;
  }
}

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

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

.width12 {
  width: 100%;
}

@media only screen and (max-width: 720px) {
  table .width1 {
    width: 8.33333333333%;
  }
  table .width2 {
    width: 16.6666666667%;
  }
  table .width3 {
    width: 25.0%;
  }
  table .width4 {
    width: 33.3333333333%;
  }
  table .width5 {
    width: 41.6666666667%;
  }
  table .width6 {
    width: 50.0%;
  }
  table .width7 {
    width: 58.3333333333%;
  }
  table .width8 {
    width: 66.6666666667%;
  }
  table .width9 {
    width: 75.0%;
  }
  table .width10 {
    width: 83.3333333333%;
  }
  table .width11 {
    width: 91.6666666667%;
  }
  table .width12 {
    width: 100%;
  }
}
/*
column
***************************************************** */
.column2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media only screen and (max-width: 880px) {
  .column2 {
    display: block;
    width: 100%;
  }
}
.column2 .column__item {
  width: 50%;
}
@media only screen and (max-width: 880px) {
  .column2 .column__item {
    width: 100%;
  }
  .column2 .column__item .image {
    text-align: center;
  }
}
.column2 .column__item img {
  max-width: 100%;
  height: auto;
}
@media only screen and (max-width: 720px) {
  .column2.category_top {
    display: none;
  }
}

.category_top .column__item {
  width: 300px;
}
@media only screen and (max-width: 880px) {
  .category_top .column__item {
    width: auto;
  }
}
.category_top .column__item + .column__item {
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/*
column-parts
***************************************************** */
.bg-subway {
  background: url(i/bg_subwaymap.png) 0 0 no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 720px) {
  .bg-subway {
    background: none;
  }
}

.shadow {
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
}

/*
flexBox
***************************************************** */
.flexBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.flex-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.flex-alignCenter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

                 /*
is-modal
***************************************************** */
.mfp-zoom-out-cur {
  cursor: pointer !important;
}

.mfp-wrap .mfp-iframe-holder .mfp-close,
.mfp-wrap .mfp-image-holder .mfp-close {
  display: block;
  width: 40px;
  height: 40px;
  right: 0;
  line-height: 100%;
  text-align: center;
  padding-right: 0;
  cursor: pointer !important;
}

/*
pop-modal
***************************************************** */
.pop-modal {
  min-width: 320px;
}
@media only screen and (max-width: 880px) {
  .pop-modal img {
    max-width: 100%;
    height: auto;
  }
}
.pop-modal .header {
  display: none;
  border-top: 3px solid #227324;
}
.pop-modal .header__body {
  width: auto;
  padding: 20px 20px;
  margin: 0 auto;
  border-top: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .pop-modal .header__body {
    padding: 10px;
  }
  .pop-modal .header__body .logo img {
    width: 157px;
    height: auto;
  }
}
@media only screen and (max-width: 720px) {
  .pop-modal .heading {
    padding: 0;
  }
}
.pop-modal .heading__Body {
  width: 100%;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .pop-modal .heading__Body {
    padding: 17px 15px 12px;
    background: url(i/bg_heading_news.png) 0 0 no-repeat;
    background-size: cover;
  }
}
.pop-modal .heading__Body h1 {
  height: 100px;
}
@media only screen and (max-width: 720px) {
  .pop-modal .heading__Body h1 {
    color: white;
    height: auto;
  }
  .pop-modal .heading__Body h1:before {
    background: #9fc105;
  }
}
.pop-modal .main__body {
  display: block;
  width: 100%;
  padding: 0 40px 40px;
  overflow-x: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .pop-modal .main__body {
    padding: 0 15px 20px;
  }
}
.pop-modal .heading + .main__body {
  margin-top: 30px;
}
@media only screen and (max-width: 720px) {
  .pop-modal .heading + .main__body {
    margin-top: 10px;
  }
}
.pop-modal .footer {
  display: none;
  margin-top: 20px;
  padding: 20px 0;
  text-align: center;
  -moz-box-shadow: 0px -4px 4px -3px #dbdbdb;
  -webkit-box-shadow: 0px -4px 4px -3px #dbdbdb;
  -ms-box-shadow: 0px -4px 4px -3px #dbdbdb;
  box-shadow: 0px -4px 4px -3px #dbdbdb;
}
@media only screen and (max-width: 720px) {
  .pop-modal .footer {
    padding: 15px 17px 20px;
  }
  .pop-modal .footer .f-logo img {
    width: 157px;
    height: auto;
  }
}
.pop-modal .footer__bottom {
  padding: 12px 0 0;
}
.pop-modal .footer__bottom p {
  margin: 0;
  font-size: 92.9%;
  line-height: 177%;
  text-align: center;
}

/*
/*
time-table
***************************************************** */
.time-table .header {
  border-bottom: 2px solid #e6e6e6;
}
.time-table .header__body {
  width: auto;
  padding: 20px 40px;
}
@media only screen and (max-width: 720px) {
  .time-table .header__body {
    padding: 10px 15px;
  }
}
.time-table .main {
  width: 100%;
}
.time-table .main__body {
  display: block;
  width: 100%;
  padding: 0 40px 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .time-table .main__body {
    padding: 0 15px 20px;
  }
}
.time-table .f-logo {
  padding-top: 20px;
  text-align: center;
}

/*
timeTab
***************************************************** */
.timeTab {
  margin-top: 40px;
  padding: 0 40px;
  border-bottom: 2px solid #e6e6e6;
}
@media only screen and (max-width: 720px) {
  .timeTab {
    margin-top: 20px;
    padding: 0 15px;
  }
}

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

.timeTab__body__item {
  display: table;
  width: 49%;
  padding-right: 1%;
  margin: 0;
  padding: 0;
}
.timeTab__body__item:before {
  display: none;
}
.timeTab__body__item + .timeTab__body__item {
  padding-left: 1%;
}
.timeTab__body__item a {
  display: table-cell;
  width: 100%;
  height: 45px;
  color: #222;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  background: #f2f2f2;
  border-left: 2px solid #f2f2f2;
  border-right: 2px solid #f2f2f2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.timeTab__body__item a:hover {
  color: #fff;
  background: #333333;
  border-left: 2px solid #333333;
  border-right: 2px solid #333333;
}
.timeTab__body__item.is-active {
  margin-bottom: -2px;
}
.timeTab__body__item.is-active a {
  position: relative;
  height: 47px;
  background: #fff;
  border-left: 2px solid #e6e6e6;
  border-right: 2px solid #e6e6e6;
}
.timeTab__body__item.is-active a:hover {
  color: #222;
}

.time-table .timeTab__body__item.is-active a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  margin: 0 0 0 -2px;
  padding: 0 4px 0 0;
  background: #006cb6;
}
@media only screen and (max-width: 720px) {
  .time-table .timeTab__body__item.is-active a:before {
    height: 5px;
    margin-top: -5px;
  }
}

.time-table.mita .timeTab__body__item.is-active a:before {
  background: #006cb6;
}

.time-table.shinjuku .timeTab__body__item.is-active a:before {
  background: #b0c124;
}

.time-table.asakusa .timeTab__body__item.is-active a:before {
  background: #e14131;
}

.time-table.oedo .timeTab__body__item.is-active a:before {
  background: #c6035d;
}

/*
time-station
***************************************************** */
.time-station {
  width: auto;
  margin: 30px 40px 0;
  border: 2px solid #d9d9d9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .time-station {
    margin: 20px 15px;
  }
}

.time-station__body {
  position: relative;
  padding: 17px 0 20px;
}
.time-station__body .time-station__body__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.time-station__body .line-num {
  margin-right: 10px;
}
.time-station__body .line-num span {
  display: table-cell;
  width: 32px;
  height: 32px;
  font-size: 10px;
  line-height: 100%;
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.time-station__body .station-name {
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 5px 0 0;
  color: #222;
  font-size: 200%;
  line-height: 121.5%;
  text-shadow: none;
}
.time-station__body .station-name:before {
  display: none;
}
@media only screen and (max-width: 720px) {
  .time-station__body .station-name {
    text-indent: 0;
    text-align: center;
  }
}

.mita .time-station__body {
  border-bottom: 5px solid #006cb6;
}

.mita .time-station__body__item .line-num span {
  border: 3px solid #006cb6;
}

.shinjuku .time-station__body {
  border-bottom: 5px solid #b0c124;
}

.shinjuku .time-station__body__item .line-num span {
  border: 3px solid #b0c124;
}

.asakusa .time-station__body {
  border-bottom: 5px solid #e14131;
}

.asakusa .time-station__body__item .line-num span {
  border: 3px solid #e14131;
}

.oedo .time-station__body {
  border-bottom: 5px solid #c6035d;
}

.oedo .time-station__body__item .line-num span {
  border: 3px solid #c6035d;
}

.toden .time-station__body {
  border-bottom: 5px solid #227324;
}

.nippori-toneri .time-station__body {
  border-bottom: 5px solid #434343;
}

.nippori-toneri .time-station__body__item .line-num span {
  border: 3px solid #434343;
}

.time-station__navi {
  background: #f2f2f2;
}
.time-station__navi + .time-station__navi {
  margin-top: 10px;
}

.time-station__navi {
  display: table;
  width: 100%;
  background: #f2f2f2;
}
.time-station__navi + .station__navi {
  margin-top: 5px;
}
.time-station__navi .prev,
.time-station__navi .next {
  display: table-cell;
  width: 50%;
  height: 35px;
  vertical-align: middle;
}
.time-station__navi .prev p,
.time-station__navi .next p {
  line-height: 150%;
}
.time-station__navi .prev a,
.time-station__navi .next a {
  color: #222;
  font-size: 92.9%;
  line-height: 100%;
}
.time-station__navi .prev a:hover,
.time-station__navi .next a:hover {
  text-decoration: none;
}
.time-station__navi .prev p:before,
.time-station__navi .next p:after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  vertical-align: middle;
  border: 4px solid #227324;
}
.time-station__navi .prev {
  padding-left: 13px;
  text-align: left;
}
@media only screen and (max-width: 720px) {
  .time-station__navi .prev {
    padding-left: 8px;
  }
}
.time-station__navi .prev p:before {
  margin-right: 5px;
}
.time-station__navi .next {
  padding-right: 13px;
  text-align: right;
}
@media only screen and (max-width: 720px) {
  .time-station__navi .next {
    padding-right: 8px;
  }
}
.time-station__navi .next p:after {
  margin-left: 5px;
}

.mita .time-station__navi .prev p:before,
.mita .time-station__navi .next p:after {
  border-color: #006cb6;
}

.shinjuku .time-station__navi .prev p:before,
.shinjuku .time-station__navi .next p:after {
  border-color: #b0c124;
}

.asakusa .time-station__navi .prev p:before,
.asakusa .time-station__navi .next p:after {
  border-color: #e14131;
}

.oedo .time-station__navi .prev p:before,
.oedo .time-station__navi .next p:after {
  border-color: #c6035d;
}

/*
navigation
***************************************************** */
.navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px 0 0 0;
  padding: 0;
}
@media only screen and (max-width: 720px) {
  .navigation {
    margin-top: 5px;
  }
}

.directionNavi,
.dayNavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 720px) {
  .directionNavi,
  .dayNavi {
    display: block;
    margin-top: 15px;
  }
}

.directionNavi {
  margin-right: auto;
}

.directionNavi__item {
  display: table;
  min-width: 150px;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 720px) {
  .directionNavi__item {
    min-width: 160px;
  }
}
.directionNavi__item:before {
  display: none;
}
.directionNavi__item + .directionNavi__item {
  margin-left: 10px;
}
@media only screen and (max-width: 720px) {
  .directionNavi__item + .directionNavi__item {
    margin: 10px 0 0 0;
  }
}
.directionNavi__item a {
  display: table-cell;
  width: 100%;
  height: 35px;
  color: #222;
  padding: 0 15px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  background: #f2f2f2;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  -ms-border-radius: 80px;
  -o-border-radius: 80px;
  border-radius: 80px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.directionNavi__item.is-active a,
.directionNavi__item a:hover {
  color: #fff;
  background: #333333;
}

.dayNavi__item {
  margin: 0;
  padding: 0;
  margin-left: auto;
}
.dayNavi__item:before {
  display: none;
}
@media only screen and (max-width: 720px) {
  .dayNavi__item {
    padding-left: 0;
  }
}
.dayNavi__item + .dayNavi__item {
  margin-left: 10px;
}
@media only screen and (max-width: 720px) {
  .dayNavi__item + .dayNavi__item {
    margin: 10px 0 0 0;
  }
}
.dayNavi__item a {
  display: table-cell;
  width: 120px;
  height: 35px;
  color: #222;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  background: #f2f2f2;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
}
.dayNavi__item.is-active a.day,
.dayNavi__item a.day:hover {
  color: #fff;
  background: #007e8c;
}
.dayNavi__item.is-active a.holiday,
.dayNavi__item a.holiday:hover {
  color: #fff;
  background: #b33e3e;
}
.dayNavi__item.is-active a.saturday,
.dayNavi__item a.saturday:hover {
  color: #fff;
  background: #007e8c;
}

.toden .dayNavi__item.is-active a.day,
.toden .dayNavi__item a.day:hover {
  color: #fff;
  background: #008040;
}

/*
amendment
***************************************************** */
.amendment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 20px;
}
@media only screen and (max-width: 720px) {
  .amendment {
    display: block;
  }
}

.amendment__item {
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 720px) {
  .amendment__item {
    text-align: right;
  }
}

.amendment__link {
  margin-right: auto;
}
.amendment__link a {
  display: inline-block;
  padding-left: 20px;
  color: #222;
  text-decoration: none;
  background: url(i/bg_amendment_link.png) 0 center no-repeat;
  background-size: 14px 14px;
}
.amendment__link a:hover {
  text-decoration: underline;
}

.amendment__link + .amendment__date {
  width: auto;
  text-align: right;
}

.amendment__date {
  width: 100%;
  text-align: right;
}

/*
tt-table
***************************************************** */
.toden .tt-table thead th {
  color: #fff;
  background: #008040;
}
.toden .tt-table tbody tr:nth-child(odd) th {
  background: #b5e8cf;
}
.toden .tt-table tbody tr:nth-child(even) th {
  background: #d9faea;
}
.toden .tt-table th {
  color: #00331a;
}

.tt-table {
  margin-top: 15px;
  border: none;
}
@media only screen and (max-width: 720px) {
  .tt-table thead,
  .tt-table tbody,
  .tt-table tr {
    display: block;
    width: 100%;
  }
  .tt-table .open {
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.35);
    -ms-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.35);
  }
  .tt-table tbody {
    margin-top: 15px;
  }
  .tt-table th,
  .tt-table td {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .tt-table tr + tr {
    margin-top: 10px;
  }
}
.tt-table thead th {
  color: #fff;
  font-size: 114.3%;
  line-height: 150%;
  font-weight: normal;
  background: #007e8c;
  border: none;
}
.tt-table tbody tr:nth-child(odd) th {
  background: #bce6eb;
}
.tt-table tbody tr:nth-child(even) th {
  background: #d7f9fc;
}
.tt-table tbody th,
.tt-table tbody td {
  padding: 0;
  border-right: none;
  border-left: 1px solid #c6c6c6;
  border-bottom: 1px solid #c6c6c6;
}
@media only screen and (max-width: 720px) {
  .tt-table tbody th,
  .tt-table tbody td {
    border: none;
  }
}
.tt-table tbody th {
  width: 40px;
  height: 43px;
  padding: 3px 0;
  font-size: 114.3%;
  line-height: 150%;
  text-align: center;
  vertical-align: middle;
}
@media only screen and (max-width: 720px) {
  .tt-table tbody th {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 45px;
    padding: 12px 15px 9px;
    font-size: 142.9%;
    line-height: 120%;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 2px 0px 0px #d9d9d9;
    -moz-box-shadow: 0px 2px 0px 0px #d9d9d9;
    -ms-box-shadow: 0px 2px 0px 0px #d9d9d9;
    box-shadow: 0px 2px 0px 0px #d9d9d9;
  }
  .tt-table tbody th:after {
    position: absolute;
    top: 8px;
    right: 8px;
  }
}
.tt-table tbody td {
  border-right: 1px solid #c6c6c6;
}
@media only screen and (max-width: 720px) {
  .tt-table tbody td {
    padding-top: 3px;
    border: none;
  }
}
.tt-table tbody td .wrapTime {
  display: inline-block;
  min-width: 39px;
  padding: 9px 10px;
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .tt-table tbody td .wrapTime {
    min-width: 30px;
  }
}
.tt-table tbody td .wrapLegend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 6px;
}
.tt-table tbody td .wrapLegend span {
  display: block;
  width: 50%;
  font-size: 92.9%;
  line-height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tt-table tbody td .time {
  clear: both;
  display: block;
  width: 100%;
  font-size: 171.5%;
  line-height: 108.4%;
  text-align: center;
}
.tt-table.tt-holiday thead th {
  background: #b33e3e;
}
.tt-table.tt-holiday tbody tr:nth-child(odd) th {
  background: #f0b9b9;
}
.tt-table.tt-holiday tbody tr:nth-child(even) th {
  background: #eddfdf;
}
.tt-table.tt-holiday tbody th {
  color: #330000;
}
.tt-table.tt-saturday thead th {
  background: #007e8c;
}
.tt-table.tt-saturday tbody tr:nth-child(odd) th {
  background: #bce6eb;
}
.tt-table.tt-saturday tbody tr:nth-child(even) th {
  background: #d7f9fc;
}
.tt-table tbody .open th {
  color: #fff;
  background: #333333 !important;
  box-shadow: none;
}
.tt-table tbody .open th:after {
  color: #fff;
}

.tt-table + .frame {
  margin-top: 40px;
}
@media only screen and (max-width: 720px) {
  .tt-table + .frame {
    margin-top: 30px;
    padding: 12px 12px 10px;
  }
}

/*
time-legend
***************************************************** */
.time-legend {
  margin: 0;
  padding: 0;
}
.time-legend + .time-legend {
  margin-top: 10px;
}
@media only screen and (max-width: 720px) {
  .time-legend + .time-legend {
    margin-top: 15px;
  }
}

.time-legend__head {
  float: left;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 720px) {
  .time-legend__head {
    float: none;
  }
}

.time-legend__body {
  margin-left: 85px;
  padding: 0;
}
@media only screen and (max-width: 720px) {
  .time-legend__body {
    margin-left: 0;
  }
}
.time-legend__body ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.time-legend__body li {
  margin: 0 15px 0 0;
  padding: 0;
}
.time-legend__body li:before {
  display: none;
}

input,
textarea {
  color: #222222;
  font-size: 100%;
  line-height: 200%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  border: none;
}

@media only screen and (max-width: 720px) {
  input[type="text"],
  select,
  textarea {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
  }
}
select {
  color: #222222;
  font-size: 100%;
  line-height: 200%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  border: none;
}

.bgBlack input {
  color: #fff;
}

.form {
  margin-top: 30px;
  padding: 20px 0;
  background: #edf5f0;
}

.bgBlack .form {
  background: none;
}

.form input[type="text"],
.form input[type="password"],
.form input[type="button"],
.form input[type="submit"],
.form input[type="tel"],
.form input[type="email"],
.form textarea {
  -webkit-appearance: none;
  border: 1px solid #ccc;
}
.form select {
  height: 30px;
  border: 1px solid #ccc;
}
.form input[type="text"],
.form input[type="password"],
.form input[type="tel"],
.form input[type="email"] {
  height: 30px;
  padding-left: 8px;
  padding-right: 8px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

label {
  vertical-align: middle;
}

input.disabled,
textarea.disabled {
  background: #ebebe4;
}

.checkBtn.disabled,
.radioBtn.disabled {
  color: #222;
  cursor: default;
}

.checkBtn.disabled:before {
  border-right: 3px solid #777;
  border-bottom: 3px solid #777;
}

.radioBtn.disabled:before {
  background: #777;
}

.checkBtn.disabled:after,
.radioBtn.disabled:after {
  background: #ebebe4;
}

select.disabled {
  color: #222;
  background: #ebebe4;
}

textarea {
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*
field
***************************************************** */
.field {
  display: table;
  width: 100%;
  padding: 0 13px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.field + .field {
  margin-top: 13px;
  padding-top: 13px;
  border-top: 1px dashed #c6c6c6;
}
.field .label-required {
  margin-left: 10px;
}

.field .field__title,
.field .field__input {
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (max-width: 720px) {
  .field .field__title,
  .field .field__input {
    display: block;
  }
}

.field__title,
.field__input {
  display: block;
}

.field__title {
  width: 200px;
}
@media only screen and (max-width: 720px) {
  .field__title {
    width: 100%;
  }
}
.field__title p {
  margin-top: 0;
}

.field__input input {
  width: 200px;
}
@media only screen and (max-width: 720px) {
  .field__input input {
    width: 100%;
  }
}
.field__input .ui_calendar {
  width: 150px;
}
@media only screen and (max-width: 720px) {
  .field__input .ui_calendar {
    width: 75%;
  }
}
.field__input .use_hour {
  margin-right: 15px;
}
.field__input textarea {
  width: 100%;
}
.field__input .field__input__box + .field__input__box {
  margin-top: 10px;
}

.bgBlack .field input,
.bgBlack .field textarea,
.bgBlack .field select {
  color: #000;
}

/*
checkbox, radio
***************************************************** */
input[type=checkbox]:checked + .checkBtn:before,
input[type=radio]:checked + .radioBtn:before {
  opacity: 1;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

.checkBtn,
.radioBtn {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  vertical-align: middle;
  cursor: pointer;
}

.checkBtn__text,
.radioBtn__text {
  padding: 0 0 0 22px;
}

input[type=checkbox] + .checkBtn,
input[type=radio] + .radioBtn {
  margin: 0 17px 0 0;
}

.checkBtn:before,
.radioBtn:before {
  position: absolute;
  top: 50%;
  display: block;
  content: '';
  opacity: 0;
}

.checkBtn:after,
.radioBtn:after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  border: 1px solid #bdbdbd;
  content: '';
}

/* checkBtn */
.checkBtn:before {
  left: 5px;
  margin-top: -7px;
  width: 4px;
  height: 7px;
  border-right: 3px solid #227324;
  border-bottom: 3px solid #227324;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 2;
}

.bgBlack .checkBtn:before {
  border-right: 3px solid #000;
  border-bottom: 3px solid #000;
}

.checkBtn:after {
  margin-top: -9px;
  width: 14px;
  height: 14px;
  background: #fff;
  z-index: 1;
}

/* radioBtn */
.radioBtn:before {
  left: 4px;
  margin-top: -5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #227324;
  z-index: 2;
}

.bgBlack .radioBtn:before {
  background-color: #000;
}

.radioBtn:after {
  margin-top: -9px;
  width: 14px;
  height: 14px;
  border-radius: 16px;
  background: #fff;
  z-index: 1;
}

/*
errorMessage
***************************************************** */
.errorMessage {
  position: relative;
  padding-bottom: 26px;
}
.errorMessage input,
.errorMessage .selectArea__text,
.errorMessage textarea {
  background: #fff3f3;
  border-color: #d23b3b;
}

.input__block {
  display: inline-block;
}

.errorMessage__content {
  position: absolute;
  display: block;
  height: 19px;
  z-index: 10;
  margin: 7px auto 0;
  padding: 1px 6px 0;
  white-space: nowrap;
  color: #fff;
  font-size: 78.6%;
  line-height: 254.6%;
  background-color: #d23b3b;
  border-radius: 3px;
}
.errorMessage__content:before {
  content: '';
  display: block;
  position: absolute;
  top: -6px;
  width: 0;
  height: 0;
  border-bottom: 6px solid #d23b3b;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: none;
}

.ws-normal {
  height: auto;
  min-height: 19px;
  white-space: normal;
}

.ws-pre {
  height: auto;
  min-height: 19px;
  white-space: pre;
}

/*
mailDetail
***************************************************** */
.mailDetail {
  display: none;
  margin: 7px -12px -7px;
  padding: 10px 20px 20px;
  background: #fafafa;
  border-top: 1px solid #cccccc;
}
.mailDetail .field {
  padding: 10px 0 0;
}
.mailDetail .selectArea__text,
.mailDetail .checkBtn:after {
  background: #fff;
}
.mailDetail .checkBtn:after {
  z-index: 0;
}
.mailDetail .checkBtn:before {
  z-index: 1;
}

.mailAccordion {
  float: right;
  margin: 0;
}

/*
inputFile
***************************************************** */
.btnFile {
  position: relative;
  display: inline-block;
  width: 115px;
  height: 24px;
  padding-top: 6px;
  font-size: 78.6%;
  line-height: 0%;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #aaaaaa;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #f6f6f6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.btnFile input[type="file"] {
  display: none;
}
.btnFile:hover {
  opacity: 0.8;
}

/*
radio-group
***************************************************** */
.radio-group__box + .radio-group__box {
  margin-top: 10px;
}
.radio-group__box .title {
  display: inline-block;
}

/*
label
***************************************************** */
.field .label {
  display: inline-block;
  width: auto;
  font-size: 78.6%;
  line-height: 100%;
  height: auto;
  padding: 4px 7px 3px;
  text-align: center;
  vertical-align: middle;
}
.field .label + .label {
  margin-left: 5px;
}
.field .label-required {
  color: #fff;
}
.field .label-required {
  background: #2567a8;
}

.bgBlack .field .label-required {
  color: #000;
}
.bgBlack .field .label-required {
  background: #fff;
}

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

.bgBlack .error {
  color: #ff9999;
  border: 1px solid #fff;
  background: none;
}
.bgBlack .error .field + .field {
  border-top: 1px dashed #fff;
}

.ui-datepicker-calendar {
  border: none;
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
  border: none;
}

body.multi-lang.top .main__body {
  padding-bottom: 60px;
}

html[lang="en"] body {
  font-family: Arial;
}

html[lang="zh-cn"] body,
html[lang="zh-tw"] body {
  font-family: "Microsoft Yahei","PingHei" ,"sans-serif";
}

html[lang="ko-kr"] body {
  font-family: "Malgun Gothic","Yoon Gothic",sans-serif;
}

.multi-lang .heading {
  background: url(i/bg_heading_en.png) 0 0 no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 720px) {
  .multi-lang .heading {
    background: none;
  }
}
.multi-lang.bgBlack .heading {
  background: none;
}
.multi-lang h1 {
  color: #000;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  text-shadow: none;
}
.multi-lang.bgBlack h1 {
  color: #fff;
}
.multi-lang.top h2 {
  padding: 0;
  font-size: 242.9%;
  line-height: 129.5%;
  border: none;
  background: none;
}
@media only screen and (max-width: 720px) {
  .multi-lang.top h2 {
    margin: 0;
  }
}
.multi-lang.top h2 span {
  color: #cc3600;
}
.multi-lang .btnMenu {
  background: url(i/sp_menu_eng.png) 0 0 no-repeat;
  background-size: 60px 100px;
}
.multi-lang .btnMenu.open {
  background-position: 0 -50px;
}

.multi-lang .btnMore {
  height: 31px;
  padding: 0 0 0 18px;
  border: 2px solid #cccccc;
  background: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: none;
}
.multi-lang .btnMore:hover {
  background: #ededed;
}
.multi-lang.bgBlack .btnMore {
  border: 2px solid #fff;
}
.multi-lang.bgBlack .btnMore:hover {
  background: #fff;
}

.multi-lang .breadCrumb__body {
  background: #e6e6e6;
}
.multi-lang.bgBlack .breadCrumb__body {
  background: #fff;
}

@media only screen and (max-width: 1000px) {
  .multi-lang .header__body__left {
    padding: 12px 0 12px 10px;
    min-height: 1px;
  }
  .multi-lang .header__body__left .logo a {
    width: 180px;
    height: 24px;
    background: url(i/en_logo.png) 0 0 no-repeat;
    background-size: 180px 24px;
  }
}
.multi-lang .h-link {
  margin-top: 0;
}
.multi-lang .h-link .btn {
  min-width: 220px;
  height: 40px;
}
.multi-lang .h-link .btn:hover {
  opacity: 1;
  color: #fff;
  background: #997d00;
}
.multi-lang.bgBlack .h-link .btn {
  color: #ffff99;
  background: #000;
  border: 1px solid #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.multi-lang.bgBlack .h-link .btn:hover {
  color: #000;
  background: #fff;
}
.multi-lang .navGlobal__body {
  border-top: 2px solid #e6e6e6;
  border-bottom: 2px solid #e6e6e6;
  background: #fff;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.multi-lang .listGnav .listGnav__item__link {
  width: 180px;
  color: #222;
  font-weight: bold;
  font-size: 114.3%;
  line-height: 112.5%;
}
.multi-lang .listGnav .listGnav__item__link.is-home {
  width: 80px;
}
.multi-lang .listGnav .listGnav__item__link.is-active, .multi-lang .listGnav .listGnav__item__link:hover {
  color: #cc3600;
  background: #f2f2f2;
}
.multi-lang .listGnav .listGnav__item__link.is-home:before {
  color: #222;
}
.multi-lang .listGnav .listGnav__item__link.is-home.is-active:before, .multi-lang .listGnav .listGnav__item__link.is-home:hover:before {
  color: #cc3600;
}
@media only screen and (max-width: 1180px) {
  .multi-lang .listGnav .listGnav__item .listGnav__item__link {
    width: auto;
    padding: 0 10px;
  }
}
.multi-lang.bgBlack .navGlobal__body {
  border-color: #fff;
  background: #000;
}
.multi-lang.bgBlack .listGnav .listGnav__item__link {
  color: #ffff99;
}
.multi-lang.bgBlack .listGnav .listGnav__item__link.is-active, .multi-lang.bgBlack .listGnav .listGnav__item__link:hover {
  color: #000;
  background: #fff;
}
.multi-lang.bgBlack .listGnav .listGnav__item__link.is-home:before {
  color: #ffff99;
}
.multi-lang.bgBlack .listGnav .listGnav__item__link.is-home.is-active:before, .multi-lang.bgBlack .listGnav .listGnav__item__link.is-home:hover:before {
  color: #000;
}

html[lang="en"] .langChenge,
html[lang="en"] .h-link {
  display: table-cell;
}
html[lang="en"] .translation {
  position: relative;
  line-height: 100%;
}
@media only screen and (max-width: 720px) {
  html[lang="en"] .translation {
    display: none;
  }
}
html[lang="en"] .translation .balloon {
  display: none;
  position: absolute;
  top: -40px;
  left: 0;
  max-width: 600px;
  margin: 0;
  padding: 10px;
  color: #fff;
  background: #227324;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 20;
}
html[lang="en"] .translation .balloon:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 20px;
  margin: 0;
  border: 5px solid transparent;
  border-top: 10px solid #227324;
  width: 0;
  height: 0;
}
@media only screen and (max-width: 1000px) {
  html[lang="en"] .translation .balloon {
    top: 8px;
    left: auto;
    right: 110%;
  }
  html[lang="en"] .translation .balloon:after {
    top: auto;
    bottom: auto;
    left: 100%;
    margin: 0;
    border: 5px solid transparent;
    border-left: 10px solid #227324;
    width: 0;
    height: 0;
  }
}
@media only screen and (max-width: 720px) {
  html[lang="en"] .translation .balloon {
    display: none !important;
  }
}
html[lang="en"] .langChenge {
  padding-right: 10px;
  vertical-align: middle;
}
@media only screen and (max-width: 720px) {
  html[lang="en"] .langChenge {
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 5;
  }
}
html[lang="en"] .goog-te-gadget-simple {
  border: 1px solid #e6e6e6;
  background: #fff;
}
@media only screen and (max-width: 1000px) {
  html[lang="en"] .spMenu {
    display: table-cell;
    vertical-align: top;
  }
}
html[lang="en"] .h-link {
  margin-top: 0;
  padding-left: 10px;
  vertical-align: top;
}
@media only screen and (max-width: 1000px) {
  html[lang="en"] .h-link {
    display: none;
  }
}
html[lang="en"] .h-link .btn {
  min-width: 220px;
  height: 40px;
}
html[lang="en"] .h-link .btn:hover {
  opacity: 1;
}
html[lang="en"] .h-link li {
  display: table-cell;
  vertical-align: top;
}
html[lang="en"] .h-link li + li {
  margin: 0;
  padding-left: 10px;
}

.multi-lang .footer__body__item {
  width: 280px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 720px) {
  .multi-lang .footer__body__item {
    width: 100%;
    padding: 15px 15px 0;
  }
  .multi-lang .footer__body__item .f-logo {
    width: 140px;
    height: 18px;
    background: url(i/en_f_logo.png) 0 0 no-repeat;
    background-size: 140px 18px;
  }
  .multi-lang .footer__body__item .f-logo img {
    display: none;
  }
}
.multi-lang .footer__body__item + .footer__body__item {
  width: auto;
}
.multi-lang .fnavi {
  width: 100%;
}
.multi-lang .fnaviList {
  width: 800px;
  margin: 0;
}
@media only screen and (max-width: 1180px) {
  .multi-lang .fnaviList {
    width: 100%;
  }
}
.multi-lang .fnaviList .fnaviList__item {
  width: 260px;
  margin: 10px 0 0 10px;
}
@media only screen and (max-width: 1180px) {
  .multi-lang .fnaviList .fnaviList__item {
    width: 30%;
  }
}
@media only screen and (max-width: 720px) {
  .multi-lang .fnaviList .fnaviList__item {
    width: 50%;
    margin: 4px 0 0 0;
  }
}
.multi-lang .fnaviList .fnaviList__item a {
  width: 260px;
}
@media only screen and (max-width: 1180px) {
  .multi-lang .fnaviList .fnaviList__item a {
    width: 100%;
  }
}
.multi-lang .fnaviList .fnaviList__item:nth-child(3n+1) {
  margin-left: 0;
}
.multi-lang .fnaviList .fnaviList__item:nth-child(-n+3) {
  margin-top: 0;
}
@media only screen and (max-width: 720px) {
  .multi-lang .fnaviList .fnaviList__item:nth-child(3) {
    margin: 4px 0 0 0;
  }
}

@media only screen and (max-width: 720px) {
  html[lang="en"] .footer {
    padding-bottom: 30px;
  }
}

.multi-lang.top .topInfo {
  display: block;
  width: 100%;
  margin: 0;
  background: #ffebed;
}
.multi-lang.top .topInfo + .topInfo {
  margin-top: 4px;
}
@media only screen and (max-width: 1180px) {
  .multi-lang.top .topInfo {
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.multi-lang.top .topInfo__body {
  display: table;
  width: 1160px;
  margin: 0 auto;
}
@media only screen and (max-width: 1180px) {
  .multi-lang.top .topInfo__body {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.multi-lang.top .topInfo__body .topInfo__text {
  display: table-cell;
  width: 100%;
  height: 60px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
}
.multi-lang.top .topInfo__body .topInfo__text a {
  width: 100%;
  color: #b50f00;
  font-size: 107.2%;
  line-height: 186.7%;
}
.multi-lang.top .topInfo__body .topInfo__text a:hover {
  background: none;
  text-decoration: none;
}
.multi-lang.top.bgBlack .topInfo {
  background: #000;
  border-bottom: 1px solid #fff;
}
.multi-lang.top.bgBlack .topInfo__body .topInfo__text a {
  color: #ffff99;
}

.multi-lang .leadContent {
  display: block;
  margin-top: 0;
}
.multi-lang .slider {
  width: 1300px;
  height: 600px;
  margin: 0 auto;
}
@media only screen and (max-width: 1300px) {
  .multi-lang .slider {
    width: 100%;
    height: auto;
  }
  .multi-lang .slider img {
    max-width: 100%;
    height: auto;
  }
}
.multi-lang .stopBtn {
  display: none;
}
.multi-lang .slick-prev {
  bottom: 70px;
  left: auto;
  right: 220px;
}
.multi-lang .slick-next {
  bottom: 70px;
  right: 70px;
}
.multi-lang .slick-dots {
  bottom: 82px;
  left: auto;
  right: 135px;
  width: auto;
}
@media only screen and (max-width: 720px) {
  .multi-lang .slick-dots {
    bottom: 0;
    right: auto;
    width: 100%;
  }
}

.multi-lang .travelInfo {
  width: 1155px;
  margin: -50px auto 0;
  border: none;
  border-left: 5px solid #19681a;
  background: rgba(255, 255, 255, 0.95);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
}
.multi-lang .travelInfo:before {
  display: none;
}
@media only screen and (max-width: 1180px) {
  .multi-lang .travelInfo {
    width: auto;
    margin: -50px 15px 0;
  }
}
@media only screen and (max-width: 720px) {
  .multi-lang .travelInfo {
    margin: 10px 0 0;
    border-left: none;
    border-top: 5px solid #dbd3af;
    border-bottom: 5px solid #dbd3af;
    box-shadow: none;
  }
}
.multi-lang.bgBlack .travelInfo {
  width: 1158px;
  border: 1px solid #fff;
  background: #000;
  box-shadow: none;
}
.multi-lang .travelInfo__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 15px;
}
@media only screen and (max-width: 1180px) {
  .multi-lang .travelInfo__body {
    align-items: center;
  }
}
@media only screen and (max-width: 720px) {
  .multi-lang .travelInfo__body {
    display: block;
    padding: 0;
  }
}
.multi-lang .travelInfo__heading {
  display: block;
  background: none;
  bottom: 0;
}
.multi-lang .travelInfo__heading h2 {
  color: #222;
  font-size: 142.9%;
  line-height: 150%;
}
.multi-lang.bgBlack .travelInfo__heading h2 {
  color: #fff;
}
.multi-lang #last_update {
  margin-top: 5px;
}
@media only screen and (max-width: 720px) {
  .multi-lang #last_update {
    margin-top: 0;
  }
}
.multi-lang .travelList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  margin-top: 0;
}
@media only screen and (max-width: 720px) {
  .multi-lang .travelList {
    display: block;
    height: auto;
    padding: 0;
  }
}
.multi-lang .travelList__item {
  margin-left: 40px;
}
@media only screen and (max-width: 1180px) {
  .multi-lang .travelList__item {
    width: 100%;
  }
}
@media only screen and (max-width: 720px) {
  .multi-lang .travelList__item {
    width: auto;
    margin-left: 0;
  }
}
.multi-lang .travelList dl {
  font-size: 107.2%;
  line-height: 220.1%;
}
@media only screen and (max-width: 720px) {
  .multi-lang .travelList dl {
    width: 100%;
    height: auto;
    padding: 0 15px;
    font-size: 92.9%;
    line-height: 253.9%;
    border: none;
    background: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .multi-lang .travelList dl:after {
    display: none;
  }
  .multi-lang .travelList dl dd {
    width: auto;
    margin-top: 0;
  }
  .multi-lang .travelList dl dd a {
    font-size: 100%;
    line-height: 253.9%;
  }
}
.multi-lang .travelList dl + dl {
  margin-top: 0;
}
.multi-lang .travelList dt {
  width: 145px;
  margin: 0;
  padding: 0;
  font-weight: bold;
}
@media only screen and (max-width: 720px) {
  .multi-lang .travelList dt {
    width: 150px;
    font-size: 92.9%;
    line-height: 253.9%;
    text-align: left;
  }
  .multi-lang .travelList dt:before {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: -2px 8px 0 0;
    border-width: 4px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
  }
}
.multi-lang .infoArakawa dt:before {
  margin-top: -4px;
  margin-left: -2px;
}
@media only screen and (max-width: 720px) {
  .multi-lang .infoArakawa dt:before {
    font-size: 16px;
  }
}
.multi-lang .infoOedo dt,
.multi-lang .infoArakawa dt,
.multi-lang .infoNippori dt {
  width: 190px;
}
@media only screen and (max-width: 720px) {
  .multi-lang .infoOedo dt,
  .multi-lang .infoArakawa dt,
  .multi-lang .infoNippori dt {
    width: 150px;
  }
}
.multi-lang .delay dd {
  color: #b50f00;
}
.multi-lang .travelList .infoBus {
  margin: 0;
  padding: 0;
  border-top: none;
}
@media only screen and (max-width: 720px) {
  .multi-lang .travelList .infoBus {
    padding: 0 15px;
  }
  .multi-lang .travelList .infoBus dd:after {
    display: inline-block;
  }
}
.multi-lang .infoBus dt {
  width: 100px;
}
.multi-lang .infoBus dt:before {
  margin-top: -4px;
  margin-left: -2px;
}
@media only screen and (max-width: 720px) {
  .multi-lang .infoBus dt {
    width: 150px;
  }
  .multi-lang .infoBus dt:before {
    font-size: 16px;
  }
}

.topMain {
  width: 1160px;
  margin: 40px auto 0;
  overflow: hidden;
}
@media only screen and (max-width: 1180px) {
  .topMain {
    width: auto;
    margin-top: 20px;
    padding: 0 15px;
  }
}

.topMain__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 -40px;
}
@media only screen and (max-width: 720px) {
  .topMain__body {
    display: block;
    margin: 0;
  }
}

.topMain__body__item {
  width: 50%;
  padding: 20px 40px;
  border-right: 1px solid #e6e6e6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .topMain__body__item {
    width: 100%;
    padding: 15px 0;
    border: none;
  }
}
.topMain__body__item + .topMain__body__item {
  border-left: 1px solid #e6e6e6;
  border-right: none;
}
@media only screen and (max-width: 720px) {
  .topMain__body__item + .topMain__body__item {
    margin-top: 20px;
    border: none;
  }
}
.topMain__body__item h2 {
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .topMain__body__item h2 {
    margin-bottom: 10px;
  }
}
.topMain__body__item .image {
  text-align: right;
}
@media only screen and (max-width: 720px) {
  .topMain__body__item .image {
    text-align: center;
  }
}
.topMain__body__item .btn-link {
  margin-top: 25px;
}

.bgBlack .topMain__body__item {
  border-right: 1px solid #fff;
}
.bgBlack .topMain__body__item + .topMain__body__item {
  border-left: 1px solid #fff;
  border-right: none;
}
.bgBlack .topMain__body__item .btn-link .btn-link__body li a:before {
  background: #fff;
}
.bgBlack .topMain__body__item .btn-link .btn-link__body li a:hover:before {
  background: #000;
}

.topVideo {
  padding: 19px;
  border: 1px solid #e6e6e6;
}
.topVideo iframe {
  vertical-align: top;
}

.bgBlack .topVideo {
  border: 1px solid #fff;
}

.multi-lang .sns {
  display: block;
  width: 100%;
  margin-top: 0;
  padding: 40px 0;
  background: url(i/bg_routemap.png) 0 0 no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 720px) {
  .multi-lang .sns {
    margin-top: 40px;
    padding: 0;
    background: none;
  }
}
.multi-lang.bgBlack .sns {
  border-top: 1px solid #fff;
  background: none;
}
.multi-lang .sns__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 1160px;
  margin: 0 auto;
}
@media only screen and (max-width: 1180px) {
  .multi-lang .sns__body {
    width: auto;
    padding: 0 15px;
  }
}
@media only screen and (max-width: 720px) {
  .multi-lang .sns__body {
    display: block;
    padding: 0 15px;
  }
}
.multi-lang .boxWrap {
  width: 540px;
  min-height: 330px;
  margin-right: auto;
}
.multi-lang .boxWrap h2 {
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 1180px) {
  .multi-lang .boxWrap {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 720px) {
  .multi-lang .boxWrap {
    width: 100%;
    min-height: 1px;
  }
  .multi-lang .boxWrap h2 {
    margin: 0;
  }
}
.multi-lang .boxWrap + .boxWrap {
  margin-right: 0;
}
@media only screen and (max-width: 720px) {
  .multi-lang .boxWrap + .boxWrap {
    margin-top: 40px;
  }
}
.multi-lang .boxWrap + .boxWrap .sns__box {
  width: 538px;
  padding: 0 0 23px;
}
@media only screen and (max-width: 1180px) {
  .multi-lang .boxWrap + .boxWrap .sns__box {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 720px) {
  .multi-lang .boxWrap + .boxWrap .sns__box {
    width: 100%;
    min-height: 1px;
  }
}
.multi-lang .sns__box {
  width: 500px;
  min-height: 330px;
  padding: 19px;
  border: 1px solid #e6e6e6;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: none;
}
@media only screen and (max-width: 1180px) {
  .multi-lang .sns__box {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 720px) {
  .multi-lang .sns__box {
    width: 100%;
    min-height: 1px;
  }
}
.multi-lang.bgBlack .sns__box {
  border: 1px solid #fff;
  background: #000;
}
.multi-lang .insta {
  padding: 0;
}
.multi-lang .insta p {
  margin: 0;
}
.multi-lang .insta .insta__body {
  display: table;
}
@media only screen and (max-width: 720px) {
  .multi-lang .insta .insta__body {
    display: block;
    width: 100%;
  }
  .multi-lang .insta .insta__body + p {
    margin-top: 15px;
    padding: 0 19px;
  }
}
.multi-lang .insta .insta__body p {
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (max-width: 720px) {
  .multi-lang .insta .insta__body p {
    display: table;
    margin: 0 auto;
  }
}
.multi-lang .insta .insta__body .btn_insta {
  padding: 0 19px;
}

.multi-lang .service {
  display: block;
  padding: 40px 0 15px;
  background: #ffffff;
  background: -moz-linear-gradient(top, white 0%, white 57%, #f1f7d2 57%, #f1f7d2 100%);
  background: -webkit-linear-gradient(top, white 0%, white 57%, #f1f7d2 57%, #f1f7d2 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 57%, #f1f7d2 57%, #f1f7d2 100%);
}
.multi-lang.bgBlack .service {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: #000;
}
.multi-lang .service__body {
  display: block;
  padding: 0;
}
@media only screen and (max-width: 1180px) {
  .multi-lang .service__body {
    width: auto;
    padding: 0 15px;
  }
}
.multi-lang .service__body h2 {
  text-align: center;
}
.multi-lang .service__body h2:before {
  display: none;
}
.multi-lang .service__body ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 20px -20px 0;
}
@media only screen and (max-width: 1180px) {
  .multi-lang .service__body ul {
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
  }
}
.multi-lang .service__body li {
  width: 200px;
  margin: 0;
  padding: 0 20px;
}
@media only screen and (max-width: 1180px) {
  .multi-lang .service__body li {
    width: 25%;
    padding: 0 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .multi-lang .service__body li img {
    max-width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 720px) {
  .multi-lang .service__body li {
    width: 50%;
    margin-top: 20px;
  }
}
.multi-lang .service__body li a {
  color: #222;
  text-decoration: none;
}
.multi-lang .service__body li span {
  display: block;
  margin-top: 15px;
  font-size: 142.9%;
  line-height: 165%;
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .multi-lang .service__body li span {
    font-size: 114.3%;
    line-height: 156.3%;
  }
}
.multi-lang .service__body li:before {
  display: none;
}
.multi-lang.bgBlack .service__body li a {
  color: #fff;
}

.multi-lang .topNews {
  display: block;
  margin-top: 40px;
}
.multi-lang .topNews__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 1160px;
  margin: 0 auto;
}
@media only screen and (max-width: 1180px) {
  .multi-lang .topNews__body {
    width: auto;
    padding: 0 15px;
  }
}
@media only screen and (max-width: 720px) {
  .multi-lang .topNews__body {
    display: block;
    padding: 0;
  }
}
.multi-lang .topNews__body .title h2 {
  margin: 0;
}
@media only screen and (max-width: 720px) {
  .multi-lang .topNews__body .title h2 {
    text-align: center;
  }
}
.multi-lang .topNews__body .title p {
  margin-top: 20px;
}
@media only screen and (max-width: 720px) {
  .multi-lang .topNews__body .title p {
    margin: 10px 15px 0 0;
  }
  .multi-lang .topNews__body .title p a {
    float: right;
  }
}
.multi-lang .topNews__body .newsList {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 960px;
  margin-left: 70px;
}
@media only screen and (max-width: 1180px) {
  .multi-lang .topNews__body .newsList {
    width: auto;
    margin-left: 30px;
  }
}
@media only screen and (max-width: 720px) {
  .multi-lang .topNews__body .newsList {
    margin-top: 20px;
    margin-left: 0;
  }
}
.multi-lang .topNews__body .newsList ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-right: 1px solid #cccccc;
}
@media only screen and (max-width: 720px) {
  .multi-lang .topNews__body .newsList ul {
    display: block;
    border-right: none;
  }
}
.multi-lang .topNews__body .newsList li {
  width: 33.3333333333%;
  margin: 0;
  padding: 10px 20px;
  border-left: 1px solid #cccccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .multi-lang .topNews__body .newsList li {
    width: 100%;
    border-left: none;
  }
  .multi-lang .topNews__body .newsList li + li {
    border-top: 1px solid #cccccc;
  }
}
.multi-lang .topNews__body .newsList li span {
  display: block;
  margin-top: 10px;
}
@media only screen and (max-width: 720px) {
  .multi-lang .topNews__body .newsList li span {
    margin-top: 0;
  }
}
.multi-lang .topNews__body .newsList li:before {
  display: none;
}
.multi-lang * + .newsList {
  margin-top: 30px;
}

.multi-lang .topics {
  display: block;
  margin-top: 40px;
  padding: 40px 0 40px 0;
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
}
.multi-lang .topics__body {
  width: 1160px;
  margin: 0 auto;
}
@media only screen and (max-width: 1180px) {
  .multi-lang .topics__body {
    width: auto;
    padding: 0 15px;
  }
}
.multi-lang .topics__body .title {
  position: relative;
}
.multi-lang .topics__body .title p {
  position: absolute;
  top: 10px;
  right: 0;
  margin: 0;
}
@media only screen and (max-width: 720px) {
  .multi-lang .topics__body .title p {
    position: relative;
    top: 0;
    margin: 10px 15px 0 0;
  }
  .multi-lang .topics__body .title p a {
    float: right;
  }
}
.multi-lang .topics__body h2 {
  margin-bottom: 0;
  text-align: center;
}
.multi-lang .topicsList {
  margin-top: 40px;
  overflow: hidden;
}
.multi-lang .topicsList__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 -20px;
}
@media only screen and (max-width: 1180px) {
  .multi-lang .topicsList__body {
    margin: 0;
  }
}
@media only screen and (max-width: 720px) {
  .multi-lang .topicsList__body {
    display: block;
    padding: 0;
  }
}
.multi-lang .topicsList__body__item {
  padding: 0 20px;
}
@media only screen and (max-width: 1180px) {
  .multi-lang .topicsList__body__item {
    width: 33%;
  }
  .multi-lang .topicsList__body__item .image img {
    max-width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 720px) {
  .multi-lang .topicsList__body__item {
    width: 100%;
    padding: 0;
  }
  .multi-lang .topicsList__body__item + .topicsList__body__item {
    margin-top: 40px;
  }
  .multi-lang .topicsList__body__item .image {
    text-align: center;
  }
}
.multi-lang .txt {
  margin-top: 15px;
}
@media only screen and (max-width: 720px) {
  .multi-lang .txt {
    margin-top: 5px;
  }
}
.multi-lang .txt * + p {
  margin-top: 5px;
}
.multi-lang .txt__title {
  font-size: 107.2%;
  line-height: 186.7%;
  text-align: center;
  font-weight: bold;
}

.multi-lang .topBanner {
  padding: 30px 0;
  background: url(i/bg_banner.png) 0 0 repeat;
}
@media only screen and (max-width: 720px) {
  .multi-lang .topBanner {
    padding: 15px;
  }
}
.multi-lang .topBanner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 1160px;
  margin: 0 auto;
}
@media only screen and (max-width: 1180px) {
  .multi-lang .topBanner ul {
    width: auto;
    padding: 0 15px;
  }
}
@media only screen and (max-width: 720px) {
  .multi-lang .topBanner ul {
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -15px;
    padding: 0;
  }
}
.multi-lang .topBanner ul li {
  width: 15.9482758621%;
  margin: 0;
  padding: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.multi-lang .topBanner ul li:before {
  display: none;
}
@media only screen and (max-width: 720px) {
  .multi-lang .topBanner ul li {
    width: 47%;
    margin-top: 15px;
  }
}
.multi-lang .topBanner ul li a {
  display: table;
  width: 100%;
  padding: 0 5px 0 0;
  color: #fff;
  font-size: 107.2%;
  line-height: 120%;
  font-weight: bold;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
}
.multi-lang .topBanner ul li a:hover {
  opacity: 0.7;
}
.multi-lang .topBanner ul li a span {
  display: table-cell;
  width: auto;
  height: 60px;
  vertical-align: middle;
}
.multi-lang .topBanner ul li a:before {
  display: table-cell;
  width: 50px;
  font-size: 30px;
  line-height: 100%;
  text-align: center;
  vertical-align: middle;
}
.multi-lang .topBanner ul li a.bg-guide:before {
  font-size: 26px;
}
.multi-lang.bgBlack .topBanner {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: #000;
}
.multi-lang.bgBlack .topBanner a {
  border: 1px solid #fff;
  background: #000;
}

.banner-tokyo2020 {
  margin-top: 40px;
  text-align: center;
}
@media only screen and (max-width: 1180px) {
  .banner-tokyo2020 {
    padding: 0 15px;
  }
}
.banner-tokyo2020 img {
  max-width: 100%;
  height: auto;
}

.download {
  position: relative;
  margin-top: 60px;
}
@media only screen and (max-width: 1180px) {
  .download {
    width: 100%;
  }
}
@media only screen and (max-width: 720px) {
  .download {
    margin-top: 40px;
  }
}
.download:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 380px;
  background: #f0ede1;
  z-index: 0;
}
@media only screen and (max-width: 1180px) {
  .download:before {
    display: none;
  }
}
.download:before {
  bottom: 65px;
  left: 0;
}

.bgBlack .download:before {
  display: none;
}

.downloadWrap {
  position: relative;
  background: url(i/bg_tower.png) center bottom no-repeat;
  z-index: 1;
}
@media only screen and (max-width: 720px) {
  .downloadWrap {
    background: none;
  }
}

.bgBlack .downloadWrap {
  background: none;
}

.download__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 1160px;
  margin: 0 auto;
}
@media only screen and (max-width: 1180px) {
  .download__body {
    width: auto;
    padding: 0 15px;
  }
}
@media only screen and (max-width: 720px) {
  .download__body {
    display: block;
    padding: 0 15px;
  }
}
.download__body + .download__body {
  margin-top: 40px;
}
@media only screen and (max-width: 720px) {
  .download__body + .download__body {
    margin-top: 60px;
  }
}

.download__body__box {
  width: 560px;
  margin-right: auto;
}
@media only screen and (max-width: 1180px) {
  .download__body__box {
    width: 45%;
  }
  .download__body__box img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 720px) {
  .download__body__box {
    width: 100%;
  }
}
.download__body__box .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 40px;
  font-size: 185.8%;
  line-height: 123.1%;
}
@media only screen and (max-width: 720px) {
  .download__body__box .title {
    margin-top: 0;
  }
}
.download__body__box .title:before {
  margin-right: 10px;
  color: #9fc105;
  font-size: 40px;
  line-height: 100%;
}
.download__body__box + .download__body__box {
  width: 480px;
  margin-right: 0;
}
@media only screen and (max-width: 1180px) {
  .download__body__box + .download__body__box {
    width: 55%;
    margin-left: 20px;
    text-align: center;
  }
  .download__body__box + .download__body__box img {
    max-width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 720px) {
  .download__body__box + .download__body__box {
    width: 100%;
    margin: 20px 0 0;
    text-align: center;
  }
}
@media only screen and (max-width: 1180px) {
  .download__body__box .download__img {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.download__body__box .download__img span {
  display: block;
  margin-right: 20px;
}
.download__body__box .download__img span + span {
  margin-right: 0;
}
@media only screen and (max-width: 720px) {
  .download__body__box .download__img span + span {
    margin-left: 10px;
  }
}
.download__body__box .link-list a {
  color: #123ab3;
  text-decoration: underline;
}
.download__body__box .link-list a:hover {
  color: #006aff;
}

.bgBlack .download__body__box .link-list a {
  color: #ffff99;
}

.download-link {
  margin-top: 40px;
}
@media only screen and (max-width: 720px) {
  .download-link {
    margin-top: 20px;
  }
}
.download-link li {
  margin: 0;
  padding: 0;
}
.download-link li + li {
  margin-top: 10px;
}
.download-link li a {
  display: table;
  width: 100%;
  padding: 0 10px;
  color: #222;
  font-size: 100%;
  line-height: 142.9%;
  text-decoration: none;
  background: #f7f7f7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: 0 2px 0 0 #d9d9d9;
  -webkit-box-shadow: 0 2px 0 0 #d9d9d9;
  -ms-box-shadow: 0 2px 0 0 #d9d9d9;
  box-shadow: 0 2px 0 0 #d9d9d9;
}
.download-link li a:hover {
  background: #ededed;
}
.download-link li a span {
  display: table-cell;
  padding: 10px 0;
  vertical-align: middle;
}
.download-link li a:before {
  display: table-cell;
  height: 40px;
  vertical-align: middle;
}
.download-link li:before {
  display: none;
}

.bgBlack .download-link li a {
  color: #ffff99;
  border: 1px solid #fff;
  background: #000;
  box-shadow: none;
}
.bgBlack .download-link li a:before {
  color: #ffff99;
}
.bgBlack .download-link li a:hover {
  color: #000;
  background: #fff;
}
.bgBlack .download-link li a:hover:before {
  color: #000;
}

/*
station
***************************************************** */
.multi-lang .station__body {
  position: relative;
  padding: 40px 0 39px;
}
.multi-lang .stationMapSp {
  display: block;
  position: relative;
  width: 100%;
  height: 450px;
  padding: 5px 0;
}
@media only screen and (max-width: 720px) {
  .multi-lang .stationMapSp {
    height: auto;
    padding: 75% 0 0 0;
  }
}
.multi-lang .stationMapSp iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
time-table
***************************************************** */
@media only screen and (max-width: 720px) {
  html[lang="en"] .navigation,
  html[lang="zh-cn"] .navigation,
  html[lang="zh-tw"] .navigation,
  html[lang="ko-kr"] .navigation {
    display: block;
  }
  html[lang="en"] .navigation .dayNavi,
  html[lang="zh-cn"] .navigation .dayNavi,
  html[lang="zh-tw"] .navigation .dayNavi,
  html[lang="ko-kr"] .navigation .dayNavi {
    margin-top: 15px;
  }
}
html[lang="en"] .directionNavi,
html[lang="en"] .dayNavi,
html[lang="zh-cn"] .directionNavi,
html[lang="zh-cn"] .dayNavi,
html[lang="zh-tw"] .directionNavi,
html[lang="zh-tw"] .dayNavi,
html[lang="ko-kr"] .directionNavi,
html[lang="ko-kr"] .dayNavi {
  display: block;
}
html[lang="en"] .directionNavi__item + .directionNavi__item,
html[lang="en"] .dayNavi__item + .dayNavi__item,
html[lang="zh-cn"] .directionNavi__item + .directionNavi__item,
html[lang="zh-cn"] .dayNavi__item + .dayNavi__item,
html[lang="zh-tw"] .directionNavi__item + .directionNavi__item,
html[lang="zh-tw"] .dayNavi__item + .dayNavi__item,
html[lang="ko-kr"] .directionNavi__item + .directionNavi__item,
html[lang="ko-kr"] .dayNavi__item + .dayNavi__item {
  margin-top: 15px;
  margin-left: 0;
}
html[lang="en"] .directionNavi__item a,
html[lang="en"] .dayNavi__item a,
html[lang="zh-cn"] .directionNavi__item a,
html[lang="zh-cn"] .dayNavi__item a,
html[lang="zh-tw"] .directionNavi__item a,
html[lang="zh-tw"] .dayNavi__item a,
html[lang="ko-kr"] .directionNavi__item a,
html[lang="ko-kr"] .dayNavi__item a {
  line-height: 150%;
}
html[lang="en"] .dayNavi__item,
html[lang="zh-cn"] .dayNavi__item,
html[lang="zh-tw"] .dayNavi__item,
html[lang="ko-kr"] .dayNavi__item {
  text-align: right;
}
html[lang="en"] .dayNavi__item a,
html[lang="zh-cn"] .dayNavi__item a,
html[lang="zh-tw"] .dayNavi__item a,
html[lang="ko-kr"] .dayNavi__item a {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 8px 15px 6px;
}
html[lang="en"] .time-legend__body,
html[lang="zh-cn"] .time-legend__body,
html[lang="zh-tw"] .time-legend__body,
html[lang="ko-kr"] .time-legend__body {
  margin-left: 100px;
}
@media only screen and (max-width: 720px) {
  html[lang="en"] .time-legend__body,
  html[lang="zh-cn"] .time-legend__body,
  html[lang="zh-tw"] .time-legend__body,
  html[lang="ko-kr"] .time-legend__body {
    margin-left: 0;
  }
}

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

[class^="icon-"]:before,
[class^="icon-"]:after,
[class*=" icon-"]:before,
[class*=" icon-"]:after,
.iconFont:before,
.iconFont:after,
.listBreadCrumb__item:before,
.is-arrowIcon:before,
.f-link__item.iconFont:before,
.searchList li:before,
.navLocal__body__item a:before,
.link-list li:before,
.btn-link li a:after,
.btn-navi li a:after,
.btn-navi .btn-navi__body li a:before,
.delay a:after,
.tab__head__item .bus:before,
.tab__head__item .arakawa:before,
.recommendInfo h3:before,
.service__body h2 a:before,
.service__box a:after,
.rss .btn:before,
.detailLink .btn:before,
.douga:before,
.travelList dl:after,
.spNavi li a:after,
.back-link:before,
.categoryLink__item .title a:after,
.listBreadCrumb__item.home .listBreadCrumb__item__link:before,
.magnify-bus:before,
.magnify-arakawa:before,
.multi-lang .travelList dl:not(.infoBus) dd:after,
.btnMore:after,
.download-link a:before,
.button-print a:before,
.btn-link__body .is-outIcon span:after,
.info__item__inner.is-outIcon .text p:after,
.tt-table th:after,
.faq__head a:after,
.selectStation__head a:after,
.routeAcc__head a:after,
.travelList .infoArakawa dt:before,
.travelList .infoBus dt: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;
}

/* 外部リンク */
.icon-icon01:before,
.is-outIcon:after,
.btn-link__body .is-outIcon span:after,
.info__item__inner.is-outIcon .text p:after {
  content: "\e900";
}

/* 多言語 */
.icon-icon02:before,
.is-langIcon:before {
  content: "\e901";
}

/* 文字サイズ */
.icon-icon03:before,
.is-confIcon:before {
  content: "\e902";
}

/* 音声 */
.icon-icon04:before,
.is-voiceIcon:before {
  content: "\e903";
}

/* 検索 */
.icon-icon05:before,
.is-searchIcon:before,
.magnify-bus:before,
.magnify-arakawa:before {
  content: "\e904";
}

/* ホーム */
.icon-icon06:before,
.is-home:before {
  content: "\e905";
}

/* ↓ */
.icon-icon07:before,
.h-linkList__item > .iconFont:after {
  content: "\e906";
}

/* → */
.icon-icon08:before,
.icon-icon08-after:after,
.is-arrowIcon:before,
.link-list li:before,
.delay a:after,
.detailLink .btn:before,
.spNavi li a:after,
.back-link:before,
.btnMore:after,
.download-link a:before {
  content: "\e907";
}

/* 矢印 */
.icon-icon09:before,
.icon-icon09-after:after,
.f-link__item.iconFont:before,
.contact a.iconFont:after,
.navLocal__body__item > a:before,
.btn-navi .btn-navi__body li a:before {
  content: "\e908";
}

/* > */
.icon-icon10:before,
.icon-icon10-after:after,
.listBreadCrumb__item:before,
.searchList li:before,
.btn-link li a:after,
.service__box a:after,
.faq__head a:after,
.selectStation__head a:after,
.routeAcc__head a:after,
.categoryLink__item .title a:after {
  content: "\e909";
}

@media only screen and (max-width: 720px) {
  .travelList dl:after {
    content: "\e909";
  }

  .tt-table tbody th:after {
    content: "\e909";
    display: inline-block;
    font-size: 30px;
    line-height: 100%;
    font-weight: bold;
    color: #8c8c8c;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .tt-table tbody .open th:after {
    content: "\e90b";
    color: #fff;
    font-size: 28px;
    font-weight: normal;
    transform: none;
  }
}
/* TEL */
.icon-icon11:before,
.number:before {
  content: "\e90a";
}

/* × */
.icon-icon12:before,
.close .is-searchIcon:before,
.open .faq__head a:after,
.open .selectStation__head a:after,
.open .routeAcc__head a:after,
.open.categoryLink__item .title a:after {
  content: "\e90b";
}

/* 電車（経路検索） */
.icon-icon13:before {
  content: "\e90c";
}

/* 人（経路検索） */
.icon-icon14:before {
  content: "\e90d";
}

/* バス */
.icon-icon15:before,
.tab__head__item .bus:before,
.route-icon.bus:before,
.travelList .infoBus dt:before {
  content: "\e90e";
}

/* 都電 */
.icon-icon16:before,
.tab__head__item .arakawa:before,
.route-icon.arakawa:before,
.travelList .infoArakawa dt:before {
  content: "\e90f";
}

/* いいね */
.icon-icon17:before,
.recommendInfo h3:before {
  content: "\e910";
}

/* ニコちゃんマーク */
.icon-icon18:before,
.service__body h2 a:before {
  content: "\e911";
}

/* 動画 */
.icon-icon19:before,
.douga:before {
  content: "\e912";
}

/* RSS */
.icon-icon20:before,
.rss .btn:before {
  content: "\e913";
}

/* プラス */
.icon-icon21:before {
  content: "\e914";
}

/* ホーム（SP） */
.icon-icon22:before {
  content: "\e915";
}

/* 遅延なし（eng） */
.icon-icon23:before,
.multi-lang .travelList dl:not(.infoBus) dd:after {
  content: "\e916";
}

/* 遅延（eng） */
.icon-icon24:before,
.multi-lang .travelList dl.delay dd:after {
  content: "\e917";
}

/* ダウンロード（eng） */
.icon-icon25:before {
  content: "\e918";
}

/* バナーアイコン01 */
.icon-icon26:before {
  content: "\e91a";
}

/* バナーアイコン02 */
.icon-icon27:before {
  content: "\e919";
}

/* バナーアイコン03 */
.icon-icon28:before {
  content: "\e91b";
}

/* バナーアイコン04 */
.icon-icon29:before {
  content: "\e91c";
}

/* バナーアイコン05 */
.icon-icon30:before {
  content: "\e91d";
}

/* 印刷 */
.icon-icon31:before,
.button-print a:before {
  content: "\e91e";
}

@media only screen and (max-width: 720px) {
  .listBreadCrumb__item.home .listBreadCrumb__item__link:before {
    content: "\e915";
    color: #9fc105;
    font-size: 16px;
    line-height: 100%;
  }
}
.h-linkList__item > .iconFont:after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  color: #19681a;
  font-size: 15px;
  line-height: 100%;
  text-align: center;
}

.h-linkList__item > .is-voiceIcon:after {
  display: none;
}

.h-linkList__item > .is-hover:after,
.h-linkList__item > .iconFont:hover:after {
  color: #fff;
}

.iconFont:before,
.iconFont:after,
.btn-link__body .is-outIcon span:after,
.info__item__inner.is-outIcon .text p:after {
  display: inline-block;
  vertical-align: middle;
}

.bgBlack .iconFont:before,
.bgBlack .iconFont:after {
  color: #ffff99;
}

.bgBlack .iconFont:before, .bgBlack .iconFont:after {
  color: #ffff99;
}

.navLocal__body__item > a:before {
  display: inline-block;
  margin-top: -1px;
  margin-right: 10px;
  color: #9fc105;
  font-size: 12px;
  line-height: 100%;
  vertical-align: middle;
}

.bgBlack .navLocal__body__item > a:before {
  color: #ffff99;
}
.bgBlack .navLocal__body__item > a:hover:before {
  color: #000;
}

.is-outIcon:after,
.btn-link__body .is-outIcon span:after,
.info__item__inner.is-outIcon .text p:after {
  margin-left: 8px;
  margin-right: 5px;
  color: #b99800;
  font-size: 12px;
  line-height: 100%;
  overflow: hidden;
  text-indent: 0;
}

.bgBlack .is-outIcon:after {
  color: #ffff99;
}
.bgBlack .is-outIcon:hover:after {
  color: #ffff99;
}

.btn-navi .btn-navi__body li a:before {
  font-size: 12px;
  line-height: 100%;
  color: #9fc105;
}

.is-langIcon:before {
  margin-right: 10px;
  color: #9fc105;
  font-size: 16px;
  line-height: 100%;
}

.is-confIcon:before {
  margin-right: 10px;
  color: #9fc105;
  font-size: 16px;
  line-height: 100%;
}

.is-voiceIcon:before {
  margin-right: 10px;
  color: #9fc105;
  font-size: 16px;
  line-height: 100%;
}

.is-searchIcon:before {
  margin-top: -4px;
  margin-right: 10px;
  color: #19681a;
  font-size: 14px;
  line-height: 100%;
}

.close .is-searchIcon:before {
  margin-top: 0;
  margin-right: 4px;
  color: #9fc105;
  font-size: 26px;
  line-height: 100%;
}

.heading.is-searchIcon:before {
  margin-top: -4px;
  margin-right: 20px;
  color: #9fc105;
  font-size: 30px;
  line-height: 100%;
}

:before {
  color: #fff;
  font-size: 21px;
  line-height: 100%;
}

.is-home:hover:before,
.is-home.is-active:before {
  color: #264c27;
}

.bgBlack .is-home:before {
  color: #ffff99;
}
.bgBlack .is-home:hover:before, .bgBlack .is-home.is-active:before {
  color: #000;
}

.button_search .is-searchIcon:before {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin: 0;
  color: #9fc105;
  font-size: 20px;
  line-height: 100%;
}

.bgBlack .button_search .is-searchIcon:before {
  color: #ffff99;
}
.bgBlack .button_search .is-searchIcon:hover:before {
  color: #000;
}
.bgBlack .title.is-searchIcon:before {
  color: #ffff99;
}
.bgBlack .title.is-searchIcon:hover:before {
  color: #ffff99;
}

.number.iconFont:before {
  margin: -4px 8px 0 12px;
  color: #e14131;
  font-size: 17px;
  line-height: 100%;
}

.bgBlack .number.iconFont:before {
  color: #ffff99;
}
.bgBlack .number.iconFont:hover:before {
  color: #ffff99;
}

.contact a.iconFont:after {
  margin: -4px 0 0 5px;
  color: #9fc105;
  font-size: 15px;
  line-height: 100%;
}

.contact a.iconFont:hover:after {
  color: #e14131;
}

.bgBlack .contact a:after {
  color: #ffff99;
}
.bgBlack .contact a:hover:after {
  color: #ffff99;
}

.listBreadCrumb__item:before {
  margin-left: 9px;
  margin-right: 4px;
  color: #73ae90;
  vertical-align: middle;
  font-size: 16px;
  line-height: 100%;
}

.multi-lang .listBreadCrumb__item:before {
  color: #cc3600;
}
.multi-lang.bgBlack .listBreadCrumb__item:before {
  color: #000;
}

.bgBlack .listBreadCrumb__item:before {
  color: #000;
}

.fnaviList__item .is-arrowIcon:before {
  margin-left: -6px;
  color: #19681a;
  font-size: 24px;
  line-height: 100%;
}
@media only screen and (max-width: 720px) {
  .fnaviList__item .is-arrowIcon:before {
    margin-top: -2px;
    font-size: 20px;
  }
}

.bgBlack .fnaviList__item .is-arrowIcon:before {
  color: #ffff99;
}
.bgBlack .fnaviList__item .is-arrowIcon:hover:before {
  color: #000;
}

.footer__body__item .f-link-list .is-arrowIcon:before {
  margin-left: -6px;
  color: #b99800;
  font-size: 26px;
  line-height: 100%;
}

.bgBlack .footer__body__item .f-link-list .is-arrowIcon:before {
  color: #ffff99;
}

.f-link__item.iconFont:before {
  padding-right: 10px;
  color: #b99800;
  font-size: 12px;
  line-height: 100%;
  vertical-align: middle;
}
@media only screen and (max-width: 720px) {
  .f-link__item.iconFont:before {
    font-size: 10px;
    margin-right: 5px;
  }
}

.bgBlack .f-link__item.iconFont:before {
  color: #ffff99;
}

.link-list li:before {
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  color: #227324;
  font-size: 24px;
  line-height: 100%;
  background: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}

.bgBlack .link-list li:before {
  color: #ffff99;
}

.twitter-share-button:after {
  display: none;
}

.detailLink .icon-icon10:before {
  margin-top: -1px;
  margin-right: 2px;
  color: #ff3826;
  font-size: 14px;
  line-height: 100%;
}

.bgBlack .detailLink .icon-icon10:before {
  color: #ffff99;
}
.bgBlack .detailLink .icon-icon10:hover:before {
  color: #000;
}

.delay a:after {
  margin-left: 3px;
  color: #b33712;
  font-size: 185.8%;
  line-height: 77%;
  vertical-align: middle;
}

.bgBlack .delay a:after {
  color: #ffff99;
}
.bgBlack .delay a:hover:after {
  color: #000;
}

.spNavi li a:after {
  font-size: 32px;
  line-height: 100%;
  font-weight: normal;
}

.tab__head__item .asakusa:before,
.tab__head__item .mita:before,
.tab__head__item .shinjuku:before,
.tab__head__item .oedo:before,
.tab__head__item .bus:before,
.tab__head__item .arakawa:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 14px;
  line-height: 100%;
  margin-top: -2px;
  margin-right: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.tab__head__item .asakusa:before {
  content: '';
  border: 4px solid #e14131;
}
.tab__head__item .mita:before {
  content: '';
  border: 4px solid #006cb6;
}
.tab__head__item .shinjuku:before {
  content: '';
  border: 4px solid #b0c124;
}
.tab__head__item .oedo:before {
  content: '';
  border: 4px solid #c6035d;
}
.tab__head__item .bus:before {
  margin-top: -3px;
}

.tab__head__item .bus:before {
  color: #5ead3c;
  font-size: 18px;
  line-height: 100%;
}

.tab__head__item .arakawa:before {
  color: #8bc21f;
  font-size: 16px;
  line-height: 100%;
}

.recommendInfo h3:before {
  margin-right: 6px;
  color: #00a040;
  font-size: 15px;
  line-height: 100%;
}

.service__body h2 a:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 40px;
  margin: auto 0;
  color: #dec34e;
  font-size: 40px;
  line-height: 100%;
}
@media only screen and (max-width: 720px) {
  .service__body h2 a:before {
    font-size: 30px;
  }
}

.service__box a:after {
  color: #fff;
}

.rss .btn:before {
  display: inline-block;
  margin-top: -2px;
  margin-right: 8px;
  color: #f7af31;
  font-size: 11px;
  line-height: 100%;
  vertical-align: middle;
}

.bgBlack .rss .btn:before {
  color: #ffff99;
}
.bgBlack .rss .btn:hover:before {
  color: #000;
}

.detailLink .btn:before,
.back-link:before {
  display: inline-block;
  margin-top: -2px;
  color: #227324;
  font-size: 24px;
  line-height: 100%;
  vertical-align: middle;
}

.bgBlack .detailLink .btn:before {
  color: #ffff99;
}
.bgBlack .detailLink .btn:hover:before {
  color: #000;
}
.bgBlack .back-link:before {
  color: #ffff99;
}

.douga:before {
  margin-top: -7px;
  margin-right: 10px;
  color: #cd201f;
  font-size: 20px;
  line-height: 100%;
  vertical-align: middle;
}

.magnify-bus:before,
.magnify-arakawa:before {
  display: inline-block;
  margin-top: -2px;
  margin-right: 5px;
  color: #d9d9d9;
  font-size: 17px;
  line-height: 100%;
  vertical-align: middle;
}

.bgBlack .magnify-bus:before,
.bgBlack .magnify-arakawa:before {
  color: #ffff99;
}

.multi-lang .travelList dl:not(.infoBus) dd:after,
.multi-lang .travelListdldelay dd:after {
  display: inline-block;
  margin-left: 10px;
  font-size: 20px;
  line-height: 100%;
  color: #227324;
  vertical-align: middle;
}
@media only screen and (max-width: 720px) {
  .multi-lang .travelList dl:not(.infoBus) dd:after,
  .multi-lang .travelListdldelay dd:after {
    font-size: 16px;
  }
}

.multi-lang .travelList dl.delay dd:after {
  color: #ff8400;
}

.btnMore:after {
  display: inline-block;
  margin-left: 11px;
  color: #cc3600;
  font-size: 26px;
  line-height: 100%;
  vertical-align: middle;
}

.download-link a:before {
  width: 18px;
  color: #cc3600;
  font-size: 24px;
  line-height: 100%;
}

.icon-icon10-after:after {
  margin-top: -3px;
  font-size: 18px;
  line-height: 100%;
}

/*
file_icon
***************************************************** */
.fileSize:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 16px;
  vertical-align: middle;
  margin: -2px 0 0 5px;
  letter-spacing: normal;
  background: url(i/icon_file.svg) 0 0 no-repeat;
}

.iconPdf:after {
  background-position: 0 0;
}

.iconDoc:after {
  background-position: -12px 0;
}

.iconXls:after {
  background-position: -24px 0;
}

.iconPpt:after {
  background-position: -36px 0;
}

.iconZip:after {
  background-position: -48px 0;
}

a[href^="http://www.kotsu.metro.tokyo.jp/"]:after,
a[href^="https://www.kotsu.metro.tokyo.jp/"]:after {
  display: none;
}

/* *****************************************************
box
***************************************************** */
@media only 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;
  }
}
body .float-none {
  float: none;
}

body .v-t-top {
  vertical-align: text-top;
}

body .v-t-bottom {
  vertical-align: text-bottom;
}

body .v-t {
  vertical-align: top;
}

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

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

body .t-l {
  vertical-align: top;
  text-align: left;
}

body .t-c {
  vertical-align: top;
  text-align: center;
}

body .t-r {
  vertical-align: top;
  text-align: right;
}

/* m_l */
body .m_l,
body .t-border th.m-l,
body .t-border td.m-l {
  vertical-align: middle;
  text-align: left;
}

/* m-c */
body .m-c,
body .t-border th.m-c
body .t-border td.m-c {
  vertical-align: middle;
  text-align: center;
}

body .b-l {
  vertical-align: bottom;
  text-align: left;
}

body .b-c {
  vertical-align: bottom;
  text-align: center;
}

body .b-r {
  vertical-align: bottom;
  text-align: right;
}

/* m_r */
body .m-r,
body .t-border th.m-r,
body .t-border td.m-r {
  vertical-align: middle;
  text-align: right;
}

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

.right {
  float: right;
}

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

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

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

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

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

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

/* font-size
----------------------------------------------------- */
body .font10 {
  font-size: 71.5%;
  line-height: 280%;
}

body .font11 {
  font-size: 78.6%;
  line-height: 254.6%;
}

body .font12 {
  font-size: 85.8%;
  line-height: 233.4%;
}

body .font13 {
  font-size: 92.9%;
  line-height: 215.4%;
}

body .font14 {
  font-size: 100%;
  line-height: 200%;
}

body .font15 {
  font-size: 107.2%;
  line-height: 186.7%;
}

body .font16 {
  font-size: 114.3%;
  line-height: 175%;
}

body .font17 {
  font-size: 121.5%;
  line-height: 164.8%;
}

body .font18 {
  font-size: 128.6%;
  line-height: 155.6%;
}

body .font19 {
  font-size: 135.8%;
  line-height: 147.4%;
}

body .font20 {
  font-size: 142.9%;
  line-height: 140%;
}

body .font21 {
  font-size: 150%;
  line-height: 133.4%;
}

body .font22 {
  font-size: 157.2%;
  line-height: 127.3%;
}

body .font23 {
  font-size: 164.3%;
  line-height: 121.8%;
}

body .font24 {
  font-size: 171.5%;
  line-height: 116.7%;
}

body .font25 {
  font-size: 178.6%;
  line-height: 112.1%;
}

/* margin
----------------------------------------------------- */
body .m-auto {
  margin-left: auto;
  margin-right: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width: 720px) {
  .sp-m-t10 {
    margin-top: 10px !important;
  }
}
/* padding
----------------------------------------------------- */
/* top */
body .p-t0,
.contents__Body__left .p-t0 {
  padding-top: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body .p-b100,
.contents__Body__left .p-b100 {
  padding-bottom: 100px;
}

/* left */
body .p-l0,
.contents__Body__left .p-l0 {
  padding-left: 0;
}

body .p-l5,
.contents__Body__left .p-l5 {
  padding-left: 5px;
}

body .p-l10,
.contents__Body__left .p-l10 {
  padding-left: 10px;
}

body .p-l15,
.contents__Body__left .p-l15 {
  padding-left: 15px;
}

body .p-l20,
.contents__Body__left .p-l20 {
  padding-left: 20px;
}

body .p-l25,
.contents__Body__left .p-l25 {
  padding-left: 25px;
}

body .p-l30,
.contents__Body__left .p-l30 {
  padding-left: 30px;
}

body .p-l35,
.contents__Body__left .p-l35 {
  padding-left: 35px;
}

body .p-l40,
.contents__Body__left .p-l40 {
  padding-left: 40px;
}

body .p-l45,
.contents__Body__left .p-l45 {
  padding-left: 45px;
}

body .p-l50,
.contents__Body__left .p-l50 {
  padding-left: 50px;
}

body .p-l55,
.contents__Body__left .p-l55 {
  padding-left: 55px;
}

body .p-l60,
.contents__Body__left .p-l60 {
  padding-left: 60px;
}

body .p-l65,
.contents__Body__left .p-l65 {
  padding-left: 65px;
}

body .p-l70,
.contents__Body__left .p-l70 {
  padding-left: 70px;
}

body .p-l75,
.contents__Body__left .p-l75 {
  padding-left: 75px;
}

body .p-l80,
.contents__Body__left .p-l80 {
  padding-left: 80px;
}

body .p-l85,
.contents__Body__left .p-l85 {
  padding-left: 85px;
}

body .p-l90,
.contents__Body__left .p-l90 {
  padding-left: 90px;
}

body .p-l95,
.contents__Body__left .p-l95 {
  padding-left: 95px;
}

body .p-l100,
.contents__Body__left .p-l100 {
  padding-left: 100px;
}

/* width
----------------------------------------------------- */
body .w0 {
  width: 0;
}

body .w5 {
  width: 5px;
}

body .w10 {
  width: 10px;
}

body .w15 {
  width: 15px;
}

body .w20 {
  width: 20px;
}

body .w25 {
  width: 25px;
}

body .w30 {
  width: 30px;
}

body .w35 {
  width: 35px;
}

body .w40 {
  width: 40px;
}

body .w45 {
  width: 45px;
}

body .w50 {
  width: 50px;
}

body .w55 {
  width: 55px;
}

body .w60 {
  width: 60px;
}

body .w65 {
  width: 65px;
}

body .w70 {
  width: 70px;
}

body .w75 {
  width: 75px;
}

body .w80 {
  width: 80px;
}

body .w85 {
  width: 85px;
}

body .w90 {
  width: 90px;
}

body .w95 {
  width: 95px;
}

body .w100 {
  width: 100px;
}

body .w105 {
  width: 105px;
}

body .w110 {
  width: 110px;
}

body .w115 {
  width: 115px;
}

body .w120 {
  width: 120px;
}

body .w125 {
  width: 125px;
}

body .w130 {
  width: 130px;
}

body .w135 {
  width: 135px;
}

body .w140 {
  width: 140px;
}

body .w145 {
  width: 145px;
}

body .w150 {
  width: 150px;
}

body .w155 {
  width: 155px;
}

body .w160 {
  width: 160px;
}

body .w165 {
  width: 165px;
}

body .w170 {
  width: 170px;
}

body .w175 {
  width: 175px;
}

body .w180 {
  width: 180px;
}

body .w185 {
  width: 185px;
}

body .w190 {
  width: 190px;
}

body .w195 {
  width: 195px;
}

body .w200 {
  width: 200px;
}

body .w205 {
  width: 205px;
}

body .w210 {
  width: 210px;
}

body .w215 {
  width: 215px;
}

body .w220 {
  width: 220px;
}

body .w225 {
  width: 225px;
}

body .w230 {
  width: 230px;
}

body .w235 {
  width: 235px;
}

body .w240 {
  width: 240px;
}

body .w245 {
  width: 245px;
}

body .w250 {
  width: 250px;
}

body .w255 {
  width: 255px;
}

body .w260 {
  width: 260px;
}

body .w265 {
  width: 265px;
}

body .w270 {
  width: 270px;
}

body .w275 {
  width: 275px;
}

body .w280 {
  width: 280px;
}

body .w285 {
  width: 285px;
}

body .w290 {
  width: 290px;
}

body .w295 {
  width: 295px;
}

body .w300 {
  width: 300px;
}

body .w305 {
  width: 305px;
}

body .w310 {
  width: 310px;
}

body .w315 {
  width: 315px;
}

body .w320 {
  width: 320px;
}

body .w325 {
  width: 325px;
}

body .w330 {
  width: 330px;
}

body .w335 {
  width: 335px;
}

body .w340 {
  width: 340px;
}

body .w345 {
  width: 345px;
}

body .w350 {
  width: 350px;
}

body .w355 {
  width: 355px;
}

body .w360 {
  width: 360px;
}

body .w365 {
  width: 365px;
}

body .w370 {
  width: 370px;
}

body .w375 {
  width: 375px;
}

body .w380 {
  width: 380px;
}

body .w385 {
  width: 385px;
}

body .w390 {
  width: 390px;
}

body .w395 {
  width: 395px;
}

body .w400 {
  width: 400px;
}

body .w405 {
  width: 405px;
}

body .w410 {
  width: 410px;
}

body .w415 {
  width: 415px;
}

body .w420 {
  width: 420px;
}

body .w425 {
  width: 425px;
}

body .w430 {
  width: 430px;
}

body .w435 {
  width: 435px;
}

body .w440 {
  width: 440px;
}

body .w445 {
  width: 445px;
}

body .w450 {
  width: 450px;
}

body .w455 {
  width: 455px;
}

body .w460 {
  width: 460px;
}

body .w465 {
  width: 465px;
}

body .w470 {
  width: 470px;
}

body .w475 {
  width: 475px;
}

body .w480 {
  width: 480px;
}

body .w485 {
  width: 485px;
}

body .w490 {
  width: 490px;
}

body .w495 {
  width: 495px;
}

body .w500 {
  width: 500px;
}

body .w505 {
  width: 505px;
}

body .w510 {
  width: 510px;
}

body .w515 {
  width: 515px;
}

body .w520 {
  width: 520px;
}

body .w525 {
  width: 525px;
}

body .w530 {
  width: 530px;
}

body .w535 {
  width: 535px;
}

body .w540 {
  width: 540px;
}

body .w545 {
  width: 545px;
}

body .w550 {
  width: 550px;
}

body .w555 {
  width: 555px;
}

body .w560 {
  width: 560px;
}

body .w565 {
  width: 565px;
}

body .w570 {
  width: 570px;
}

body .w575 {
  width: 575px;
}

body .w580 {
  width: 580px;
}

body .w585 {
  width: 585px;
}

body .w590 {
  width: 590px;
}

body .w595 {
  width: 595px;
}

body .w600 {
  width: 600px;
}

body .w605 {
  width: 605px;
}

body .w610 {
  width: 610px;
}

body .w615 {
  width: 615px;
}

body .w620 {
  width: 620px;
}

body .w625 {
  width: 625px;
}

body .w630 {
  width: 630px;
}

body .w635 {
  width: 635px;
}

body .w640 {
  width: 640px;
}

body .w645 {
  width: 645px;
}

body .w650 {
  width: 650px;
}

body .w655 {
  width: 655px;
}

body .w660 {
  width: 660px;
}

body .w665 {
  width: 665px;
}

body .w670 {
  width: 670px;
}

body .w675 {
  width: 675px;
}

body .w680 {
  width: 680px;
}

body .w685 {
  width: 685px;
}

body .w690 {
  width: 690px;
}

body .w695 {
  width: 695px;
}

body .w700 {
  width: 700px;
}

body .w705 {
  width: 705px;
}

body .w710 {
  width: 710px;
}

body .w715 {
  width: 715px;
}

body .w720 {
  width: 720px;
}

body .w725 {
  width: 725px;
}

body .w730 {
  width: 730px;
}

body .w735 {
  width: 735px;
}

body .w740 {
  width: 740px;
}

body .w745 {
  width: 745px;
}

body .w750 {
  width: 750px;
}

body .w755 {
  width: 755px;
}

body .w760 {
  width: 760px;
}

body .w765 {
  width: 765px;
}

body .w770 {
  width: 770px;
}

body .w775 {
  width: 775px;
}

body .w780 {
  width: 780px;
}

body .w785 {
  width: 785px;
}

body .w790 {
  width: 790px;
}

body .w795 {
  width: 795px;
}

body .w800 {
  width: 800px;
}

body .w805 {
  width: 805px;
}

body .w810 {
  width: 810px;
}

body .w815 {
  width: 815px;
}

body .w820 {
  width: 820px;
}

body .w825 {
  width: 825px;
}

body .w830 {
  width: 830px;
}

body .w835 {
  width: 835px;
}

body .w840 {
  width: 840px;
}

body .w845 {
  width: 845px;
}

body .w850 {
  width: 850px;
}

body .w855 {
  width: 855px;
}

body .w860 {
  width: 860px;
}

body .w865 {
  width: 865px;
}

body .w870 {
  width: 870px;
}

body .w875 {
  width: 875px;
}

body .w880 {
  width: 880px;
}

body .w885 {
  width: 885px;
}

body .w890 {
  width: 890px;
}

body .w895 {
  width: 895px;
}

body .w900 {
  width: 900px;
}

/* width(%)
----------------------------------------------------- */
body .w-0p {
  width: 0%;
}

body .w-5p {
  width: 5%;
}

body .w-10p {
  width: 10%;
}

body .w-15p {
  width: 15%;
}

body .w-20p {
  width: 20%;
}

body .w-25p {
  width: 25%;
}

body .w-30p {
  width: 30%;
}

body .w-35p {
  width: 35%;
}

body .w-40p {
  width: 40%;
}

body .w-45p {
  width: 45%;
}

body .w-50p {
  width: 50%;
}

body .w-55p {
  width: 55%;
}

body .w-60p {
  width: 60%;
}

body .w-65p {
  width: 65%;
}

body .w-70p {
  width: 70%;
}

body .w-75p {
  width: 75%;
}

body .w-80p {
  width: 80%;
}

body .w-85p {
  width: 85%;
}

body .w-90p {
  width: 90%;
}

body .w-95p {
  width: 95%;
}

body .w-100p {
  width: 100%;
}

.max100 {
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width: 720px) {
  body .w-sp-0p {
    width: 0%;
  }

  body .w-sp-5p {
    width: 5%;
  }

  body .w-sp-10p {
    width: 10%;
  }

  body .w-sp-15p {
    width: 15%;
  }

  body .w-sp-20p {
    width: 20%;
  }

  body .w-sp-25p {
    width: 25%;
  }

  body .w-sp-30p {
    width: 30%;
  }

  body .w-sp-35p {
    width: 35%;
  }

  body .w-sp-40p {
    width: 40%;
  }

  body .w-sp-45p {
    width: 45%;
  }

  body .w-sp-50p {
    width: 50%;
  }

  body .w-sp-55p {
    width: 55%;
  }

  body .w-sp-60p {
    width: 60%;
  }

  body .w-sp-65p {
    width: 65%;
  }

  body .w-sp-70p {
    width: 70%;
  }

  body .w-sp-75p {
    width: 75%;
  }

  body .w-sp-80p {
    width: 80%;
  }

  body .w-sp-85p {
    width: 85%;
  }

  body .w-sp-90p {
    width: 90%;
  }

  body .w-sp-95p {
    width: 95%;
  }

  body .w-sp-100p {
    width: 100%;
  }

  body .sp-w-auto {
    width: auto;
  }
}
/* 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;
}

/*
color
***************************************************** */
.btn.bg-glay {
  color: #222222;
  background: #f7f7f7;
}
.btn.bg-green {
  color: #fff;
  background: #227324;
}
.btn.bg-green:hover {
  background: #264c27;
}
.btn.bg-white {
  color: #264c27;
  background: #ededed;
}
.btn.bg-white:hover {
  background: #e5e5e5;
}

.bgBlack .btn.bg-glay, .bgBlack .btn.bg-green {
  color: #000;
  background: #fff;
}
.bgBlack .btn.bg-glay:hover, .bgBlack .btn.bg-green:hover {
  color: #000;
  background: #ffffff;
}

.color-red {
  color: #9c2400;
}

.color-blue {
  color: #0059b2;
}

.color-green {
  color: #0a7300;
}

.color-orange {
  color: #b55b00;
}

.color-pink {
  color: #d9365f;
}

/*
map
***************************************************** */
.mapContent {
  display: table;
  width: 100%;
  margin-top: 30px;
}
@media only screen and (max-width: 1180px) {
  .mapContent .mapchengeBtn img {
    max-width: 175px;
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 930px) {
  .mapContent .mapchengeBtn img {
    width: auto;
    height: auto;
  }
}
.mapContent .mapContent__item {
  display: table-cell;
  vertical-align: top;
  text-align: center;
}
@media only screen and (max-width: 930px) {
  .mapContent .mapContent__item {
    display: block;
  }
}

.mapchengeBtn {
  width: 200px;
  padding-right: 10px;
}
@media only screen and (max-width: 1180px) {
  .mapchengeBtn {
    width: auto;
  }
}
@media only screen and (max-width: 930px) {
  .mapchengeBtn {
    margin-bottom: 20px;
  }
}
.mapchengeBtn > ul {
  display: table;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  border: 1px solid #528c30;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 1180px) {
  .mapchengeBtn > ul {
    width: auto;
    min-width: 50px;
  }
}
@media only screen and (max-width: 930px) {
  .mapchengeBtn > ul {
    display: inline-block;
    text-align: center;
    vertical-align: top;
  }
  .mapchengeBtn > ul + p {
    width: 50%;
    margin-top: 0;
    display: inline-block;
    text-align: center;
    vertical-align: top;
  }
}
.mapchengeBtn > ul ul {
  display: none;
  position: absolute;
  top: -1px;
  right: -102px;
  width: 100px;
  margin: 0;
  border: 1px solid #528c30;
  z-index: 13;
}
.mapchengeBtn > ul ul a {
  height: 30px;
  background: #fff;
}
.mapchengeBtn > ul ul a:hover {
  background: #f7f7c6;
}
.mapchengeBtn > ul ul li + li a {
  height: 29px;
}
@media only screen and (max-width: 930px) {
  .mapchengeBtn > ul ul li + li a {
    height: 30px;
  }
}
.mapchengeBtn li {
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
  border-top: 1px solid #528c30;
}
.mapchengeBtn li:first-child {
  border: none;
}
.mapchengeBtn li:before {
  display: none;
}
.mapchengeBtn li a {
  display: table-cell;
  width: 200px;
  height: 60px;
  color: #227324;
  text-align: center;
  background: #e2f1dd;
  vertical-align: middle;
  text-decoration: none;
}
@media only screen and (max-width: 930px) {
  .mapchengeBtn li a {
    height: 31px;
  }
}

.bgBlack .mapchengeBtn > ul {
  border: 1px solid #fff;
}
.bgBlack .mapchengeBtn > ul ul {
  border-top: 1px solid #fff;
}
.bgBlack .mapchengeBtn > ul ul a {
  background: none;
}
.bgBlack .mapchengeBtn > ul ul a:hover {
  background: none;
}
.bgBlack .mapchengeBtn li {
  border-top: 1px solid #fff;
}
.bgBlack .mapchengeBtn li:first-child {
  border: none;
}
.bgBlack .mapchengeBtn li a {
  color: #ffff99;
  background: none;
}

.busMapWrap {
  position: relative;
  width: 550px;
  height: 550px;
  margin: 0 auto;
  border: 1px solid #528c30;
  text-align: left;
}
@media only screen and (max-width: 1180px) {
  .busMapWrap img {
    max-width: none;
  }
}
@media only screen and (max-width: 930px) {
  .busMapWrap {
    width: auto;
  }
}
.busMapWrap .loading {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.busMapWrap .map-direction {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
  margin: 0;
}
.busMapWrap .areaWard {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.busMapWrap .areaWard .active {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 4;
}
.busMapWrap .areaWard .active .position {
  position: absolute;
  top: 65px;
  left: 78px;
  display: block;
  width: 17px;
  height: 0;
  margin: 0;
  padding: 16px 0 0 0;
  white-space: nowrap;
  overflow: hidden;
  background: #518e2a;
}
.busMapWrap .areaWard .active .text {
  position: absolute;
  top: 40px;
  left: 62px;
  display: inline-block;
  width: 49px;
  padding: 5px 0;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  background: #518e2a;
}
.busMapWrap .open,
.busMapWrap .close {
  width: 15px;
  height: 15px;
  margin: 0;
  padding: 0;
  z-index: 10;
}
.busMapWrap .open {
  position: absolute;
  top: 123px;
  left: 115px;
}
.busMapWrap .close {
  position: absolute;
  top: 123px;
  left: 134px;
}
.busMapWrap .open a,
.busMapWrap .close a {
  display: block;
  width: 15px;
  height: 0;
  padding: 15px 0 0 0;
  white-space: nowrap;
  overflow: hidden;
}
.busMapWrap .open a {
  background: url(i/bus_map_icon.png) 0 0 no-repeat;
}
.busMapWrap .map-close {
  top: 0;
  left: 0;
}
.busMapWrap .activeArea {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 10px;
  color: #fff;
  font-size: 14px;
  line-height: 28px;
  background: #518e2a;
  z-index: 10;
}
.busMapWrap .areaTama {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.busMapWrap .areaTama ul {
  border: 1px solid #528c30;
  background: rgba(255, 255, 255, 0.8);
  line-height: 28px;
  letter-spacing: -.35em;
}
.busMapWrap .areaTama li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 28px;
}
.busMapWrap .areaTama li:before {
  display: none;
}
.busMapWrap .areaTama li a {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  padding: 0 15px;
  color: #227324;
  text-decoration: none;
}
.busMapWrap .areaTama li a:hover {
  background: #e2f1dd;
}
.busMapWrap .areaTama li + li {
  border-left: 1px solid #528c30;
}

.moveSelect {
  display: none;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 10;
  width: 520px;
  height: 488px;
  background: rgba(255, 255, 255, 0.8);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.moveSelect .title {
  margin: 20px 0 0 20px;
  padding: 0 0 0 18px;
  color: #222;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  text-align: left;
}
.moveSelect .title:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 18px;
  padding: 0 3px;
  margin-top: -2px;
  margin-left: -18px;
  margin-right: 12px;
  background: #227324;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  vertical-align: middle;
}
.moveSelect .areaClose {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 19px;
  height: 19px;
  margin: 0;
  cursor: pointer;
}
.moveSelect .tab {
  width: auto;
  margin: 20px 20px 0;
  border: 1px solid #528c30;
}
.moveSelect .tab__head {
  border-bottom: 1px solid #528c30;
}
.moveSelect .tab__head__item {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.moveSelect .tab__head__item + .tab__head__item {
  margin-left: 0;
  border-left: 1px solid #528c30;
}
.moveSelect .tab__head__item a {
  min-height: 30px;
  font-size: 14px;
  line-height: 28px;
}
.moveSelect .tab__head__item a:hover {
  color: #227324;
  background: #e2f1dd;
}
.moveSelect .tab__head__item.is-active a {
  color: #227324;
  background: #e2f1dd;
}
.moveSelect .tab__content {
  min-height: 356px;
  padding: 10px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.moveSelect .station-search,
.moveSelect .landmark-search {
  width: 100%;
  letter-spacing: -.35em;
}
.moveSelect .search-list {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  width: 25%;
  vertical-align: top;
  text-align: left;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.moveSelect .search-list li {
  margin: 8px 0 0 0;
  padding: 0 10px 0 0;
  font-size: 13px;
  line-height: 18px;
}
.moveSelect .search-list li:first-child {
  margin-top: 0;
}
.moveSelect .search-list li:before {
  display: none;
}
.moveSelect .search-list a {
  color: #222;
  text-decoration: none;
}
.moveSelect .search-list a:hover {
  color: #cc3366;
}
.moveSelect .landmark-search.hospital .search-list {
  width: 25%;
}
.moveSelect .landmark-search.hospital li {
  font-size: 12px;
}
.moveSelect .landmark-search .search-list {
  width: 33.3333333333%;
}

.wardMap ul {
  width: 484px;
  height: 364px;
  margin: 35px auto 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wardMap ul li {
  display: table;
  float: left;
  width: 60px;
  height: 60px;
  margin: 0;
  padding: 0;
  border: 1px solid #528c30;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wardMap ul li:before {
  display: none;
}
.wardMap ul li span {
  display: table-cell;
  width: 100%;
  height: 100%;
  color: #222;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.wardMap ul li span:hover {
  color: #227324;
  background: #e2f1dd;
}
.wardMap ul li[data-id="none"] {
  border: none;
}
.wardMap ul li[data-id="A-2"],
.wardMap ul li[data-id="H-5"],
.wardMap ul li[data-id="B-6"],
.wardMap ul li[data-id="C-6"],
.wardMap ul li[data-id="D-6"],
.wardMap ul li[data-id="E-6"],
.wardMap ul li[data-id="F-6"],
.wardMap ul li[data-id="G-6"] {
  border-bottom: 3px solid #528c30;
}
.wardMap ul li[data-id="A-2"],
.wardMap ul li[data-id="D-1"],
.wardMap ul li[data-id="B-3"],
.wardMap ul li[data-id="B-4"],
.wardMap ul li[data-id="B-5"],
.wardMap ul li[data-id="B-6"] {
  border-left: 3px solid #528c30;
}
.wardMap ul li[data-id="G-1"],
.wardMap ul li[data-id="G-2"],
.wardMap ul li[data-id="H-3"],
.wardMap ul li[data-id="H-4"],
.wardMap ul li[data-id="H-5"],
.wardMap ul li[data-id="G-6"] {
  border-right: 3px solid #528c30;
}
.wardMap ul li[data-id="D-1"],
.wardMap ul li[data-id="E-1"],
.wardMap ul li[data-id="F-1"],
.wardMap ul li[data-id="G-1"],
.wardMap ul li[data-id="A-2"],
.wardMap ul li[data-id="B-2"],
.wardMap ul li[data-id="C-2"],
.wardMap ul li[data-id="H-3"] {
  border-top: 3px solid #528c30;
}
.wardMap ul li[data-id="none"] span {
  cursor: default;
}
.wardMap ul li[data-id="none"] span:hover {
  background: none;
}

.mapItem {
  display: none;
  position: relative;
  width: 550px;
  height: 550px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: #CCC;
  overflow: hidden;
}
@media only screen and (max-width: 1180px) {
  .mapItem {
    width: auto;
  }
}
.mapItem.dis-block {
  display: block;
}

.moveWrap {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  z-index: 1;
}

#busMapOther .move {
  width: 2335px;
  height: 1100px;
}
#busMapOther .move .map-list {
  width: 2335px;
  height: 1100px;
}
#busMapOther .move .map-list li {
  width: 550px;
  height: auto;
}
#busMapOther .move .map-list li[data-id="T-9"],
#busMapOther .move .map-list li[data-id="T-10"] {
  width: 135px !important;
}
#busMapOther .move .map-list li[data-id="T-9"] img,
#busMapOther .move .map-list li[data-id="T-10"] img {
  width: 100%;
}

#busMapOume .move {
  width: 999px;
  height: 550px;
}
#busMapOume .move .map-list {
  width: 999px;
  height: 550px;
}
#busMapOume .move .map-list li {
  width: 550px;
  height: auto;
}

.move {
  position: absolute;
  left: -2200px;
  top: -1554px;
  width: 4950px;
  height: 3108px;
  cursor: move;
}
.move.relative {
  position: relative !important;
}
.move.top {
  top: 0 !important;
}
.move .map-list {
  position: relative;
  width: 4950px;
  height: 3108px;
}
.move .map-list li {
  position: relative;
  display: block;
  float: left;
  width: 550px;
  height: 518px;
  margin: 0;
  padding: 0;
}
.move .map-list li:before {
  display: none;
}
.move .map-list li a {
  position: relative;
  cursor: default;
  z-index: 2;
}
.move .map-list .iconStation a {
  cursor: pointer;
}

.posi-abso {
  position: absolute;
  margin: 0;
}

.mapIcon {
  cursor: default;
  z-index: 5;
}

.area-link {
  cursor: pointer;
}