/* CSS Document */
:root {
  --font-size-18: calc(18 / 16 * 1rem);
  --font-size-20: calc(20 / 16 * 1rem);
}

.page-enjoy #contents {
  padding-top: 13rem;
}

.link_enjoy .title {
  margin-top: auto;
}

.open_page_menu {
  display: none;
}

.contents_header {
  padding-top: 10rem;
}

.trains_list_ttl {
  padding-top: 2em;
  pointer-events: none;
}
.trains_list_ttl p {
  color: #fff;
  font-size: var(--font-size-20);
}

.trains_list {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1.5em 0;
}
.trains_list li {
  width: 40%;
  border: transparent;
}
.trains_list li a {
  display: block;
  color: #fff;
  font-size: var(--font-size-20);
  padding: 0.8em 0;
}

.trains_list_others {
  background-color: #fff;
  width: 340px;
  margin: 0 auto;
}
.trains_list_others a {
  display: block;
  color: #333333;
  font-size: var(--font-size-20);
  line-height: 1.5;
  padding: 1em 0;
}

#title.title {
  justify-content: center;
}

.title {
  padding: 0;
  text-align: center;
  display: flex;
}
.title h1 {

  display: inline-block;
}
.title h1 img {
  width: 100%;
}
.title .page_menu {
  display: flex;
  align-items: center;
}
.title .page_menu li {
  position: relative;
  border-right: 1px solid #fff;
  text-align: center;
}
.title .page_menu li:last-child {
  border-right: transparent;
}
.title .page_menu li a {
  display: block;
  color: #fff;
  font-size: var(--font-size-18);
  padding-right: 3rem;
  padding-left: 3rem;
}
.title .page_menu .submenu {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: calc(100% - 3px);
  z-index: 2;
  margin-top: 0;
  padding-top: 1em;
}
.title .page_menu .submenu li {
  border: transparent;
  margin: auto;
}
.title .page_menu .submenu li a {
  display: block;
  text-align: center;
  color: #fff;
  padding-top: 1.8rem;
  padding-bottom: 1.8rem;
  padding-right: 0;
  padding-left: 0;
}

.link_enjoy .title h2 {
  padding: 3rem 0 1rem;
}
.link_enjoy .title .linkimg {
  transform: translate(10%, 10%);
}

@media screen and (max-width: 767px) {
  .poNone {
    pointer-events: none;
  }
  .title h1 {
    padding: 1rem 0;
    width: 100%;
  }
  .title h1 img {
    width: 65.07vw;
    margin: 0 auto;
  }
  .title .page_menu {
    display: none;
  }
  .open_menu {
    position: fixed;
    top: 148px;
    left: 0;
    width: 100%;
    height: calc(100vh - 148px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 9999;
  }
  .open_menu ul,
  .open_menu li {
    margin-bottom: 0;
  }
  .open_page_menu {
    display: block;
    padding: 0.5em 0;
  }
  .open_page_menu li {
    width: 73.33vw;
    margin: 0 auto;
  }
  .open_page_menu li a {
    display: block;
    font-size: 4vw;
    padding: 1em 0;
  }
  .open_page_menu li.opm_item {
    border-bottom: 2px solid #fff;
  }
  .open_page_menu .open_page_submenu {
    border-top: 2px dotted #fff;
  }
  .open_page_menu .open_page_submenu.open_page_submenu01 {
    display: flex;
    flex-wrap: wrap;
    padding: 1.5em 0 0.5em;
  }
  .open_page_menu .open_page_submenu.open_page_submenu01 .ops_item01 {
    border-right: 1px solid #fff;
  }
  .open_page_menu .open_page_submenu.open_page_submenu01 .ops_item01,
  .open_page_menu .open_page_submenu.open_page_submenu01 .ops_item02 {
    width: 50%;
    margin: 0.5em auto;
  }
  .open_page_menu .open_page_submenu.open_page_submenu01 .ops_item01 a,
  .open_page_menu .open_page_submenu.open_page_submenu01 .ops_item02 a {
    padding: 0;
  }
  .open_page_menu .open_page_submenu.open_page_submenu02 {
    padding: 1em 0;
  }
  .open_page_menu .open_page_submenu.open_page_submenu02 .ops_item a {
    padding: 0.8em 0;
  }
  .contents_header {
    padding-top: 11rem;
  }
  .trains_list_ttl {
    border-top: 2px solid #fff;
    border-bottom: 2px dotted #fff;
    padding: 0.5em 0;
    margin-bottom: 0 !important;
    cursor: pointer;
    position: relative;
    pointer-events: all;
  }
  .trains_list_ttl p {
    font-size: 4vw;
  }
  .trains_list_ttl::before {
    content: "";
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(315deg);
    height: 10px;
    width: 10px;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 0.4s;
  }
  .trains_list_ttl.open::before {
    transform: rotate(135deg);
  }
  .trains_list_cnt {
    display: none;
  }
  .trains_list li {
    width: 50%;
  }
  .trains_list li a {
    font-size: 3.73vw;
  }
  .trains_list_others {
    width: 66.67vw;
  }
  .trains_list_others a {
    font-size: 4vw;
    line-height: 1.2;
  }
  #yufuinnomori .open_page_menu {
    background-color: #147338;
  }
  #yufuinnomori .open_page_menu li {
    background-color: transparent;
  }
  #atrain .open_page_menu {
    background-color: #d77722;
  }
  #atrain .open_page_menu li {
    background-color: transparent;
  }
  #asoboy .open_page_menu {
    background-color: #000000;
  }
  #asoboy .open_page_menu li {
    background-color: transparent;
  }
  #ibusukinotamatebako .open_page_menu {
    background-color: #000000;
  }
  #ibusukinotamatebako .open_page_menu li {
    background-color: transparent;
  }
  #umisachiyamasachi .open_page_menu {
    background-color: #c38649;
  }
  #umisachiyamasachi .open_page_menu li {
    background-color: transparent;
  }
  #kawasemiyamasemi .open_page_menu {
    background-color: #163c72;
  }
  #kawasemiyamasemi .open_page_menu li {
    background-color: transparent;
  }
}
@media screen and (min-width: 768px) {
  #yufuinnomori #title {
    background-color: #147338;
  }
  #yufuinnomori .submenu li:nth-child(2n+1) {
    background-color: #0a5928;
  }
  #yufuinnomori .submenu li:nth-child(2n) {
    background-color: #147338;
  }
  #atrain #title {
    background-color: #d77722;
  }
  #atrain .submenu li:nth-child(2n+1) {
    background-color: #c26615;
  }
  #atrain .submenu li:nth-child(2n) {
    background-color: #d77722;
  }
  #asoboy #title {
    background-color: #000000;
  }
  #asoboy .submenu li:nth-child(2n+1) {
    background-color: #3e3e3e;
  }
  #asoboy .submenu li:nth-child(2n) {
    background-color: #000000;
  }
  #ibusukinotamatebako #title {
    background-color: #000000;
  }
  #ibusukinotamatebako .submenu li:nth-child(2n+1) {
    background-color: #3e3e3e;
  }
  #ibusukinotamatebako .submenu li:nth-child(2n) {
    background-color: #000000;
  }
  #umisachiyamasachi #title {
    background-color: #c38649;
  }
  #umisachiyamasachi .submenu li:nth-child(2n+1) {
    background-color: #b17a42;
  }
  #umisachiyamasachi .submenu li:nth-child(2n) {
    background-color: #c38649;
  }
  #kawasemiyamasemi #title {
    background-color: #163c72;
  }
  #kawasemiyamasemi .submenu li:nth-child(2n+1) {
    background-color: #0d2c57;
  }
  #kawasemiyamasemi .submenu li:nth-child(2n) {
    background-color: #163c72;
  }
}/*# sourceMappingURL=add.css.map */