@charset "UTF-8";
/* urashimasatatasen site CSS (page.css) */
/* ================= contents =================
[0] base
[1] news
[2] live
[3] goods
[4] footerArea
============================================ */
/* ============================================
0.base
============================================ */
#contentArea {
  padding-top: 90px;
  z-index: 10;
  position: relative;
  top: 0;
  width: 100%; }

.contentAreaInner {
  position: relative;
  top: 0;
  width: 100%;
  padding-top: 0;
  background: #fff;
  overflow-y: hidden; }

.content {
  padding: 40px 0;
  border-bottom: 2px solid #000; }
  .content h2 {
    font-size: 20px;
    font-size: 1.6666666667rem;
    font-family: "Times New Roman", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    letter-spacing: 5px;
    text-align: center;
    margin-bottom: 40px; }

.wrapper {
  width: 92%;
  margin: 0 auto; }

/* ============================================
 1.news
============================================ */
/*---------------- NEWS ---------------*/
/*---------------- LIVE ---------------*/
.live_box {
  position: relative;
  text-align: center; }

#spring2020 .spring_bus_tour {
  position: absolute;
  cursor: pointer;
  left: 15.5%;
  width: 70%;
  top: 34.2%; }

#live-spring2021online .online_content {
  padding-top: 40px;
  background: url("images/img_content_bg.jpg") no-repeat center top;
  background-size: 450px 610px;
  text-align: center; }
  #live-spring2021online .online_content .kaisai {
    margin: 0 auto;
    margin-bottom: 7%;
    text-align: center;
    width: 85%; }
  #live-spring2021online .online_content .price {
    margin: 0 auto;
    margin-bottom: 7%;
    text-align: center;
    width: 53%; }
  #live-spring2021online .online_content .ticket {
    position: relative;
    margin: 0 auto 8%;
    text-align: center; }
    #live-spring2021online .online_content .ticket .ticket_bg {
      width: 90%; }
    #live-spring2021online .online_content .ticket .url01 {
      position: absolute;
      width: 85%;
      top: 45%;
      left: 7%; }
  #live-spring2021online .online_content .hanbai_kikan {
    margin: 0 auto;
    width: 90%;
    margin-bottom: 8%;
    text-align: center; }
  #live-spring2021online .online_content .hanbai_ticket-seigen {
    margin: 0 auto;
    width: 40%;
    margin-bottom: 8%;
    text-align: center; }
  #live-spring2021online .online_content .ticket_guide {
    margin: 0 auto;
    width: 90%;
    position: relative;
    margin: 0 auto 6%;
    text-align: center; }
    #live-spring2021online .online_content .ticket_guide .ticket_guide_bg {
      width: 100%; }
    #live-spring2021online .online_content .ticket_guide .url02 {
      position: absolute;
      top: 37%;
      left: 6%;
      width: 83%; }
  #live-spring2021online .online_content .bnr_zaiko {
    width: 90%;
    margin: 6% auto;
    text-align: center; }
  #live-spring2021online .online_content .notice01 {
    width: 90%;
    margin: 4% auto;
    text-align: center; }
  #live-spring2021online .online_content .notice02 {
    width: 90%;
    text-align: center;
    margin: 4% auto; }

.lity {
  background: rgba(0, 0, 0, 0.6) !important; }

/* ============================================
 4.footerArea
============================================ */
footer {
  background: #fff;
  position: relative;
  z-index: 100000; }
  footer .img_loop_wrap {
    padding: 70px 0 10px;
    width: 100vw;
    overflow: hidden; }
    footer .img_loop_wrap img {
      width: auto;
      max-width: 150px;
      margin: 0 2px; }

#loop_area {
  display: flex;
  width: 100vw;
  align-items: flex-start; }

@keyframes loop {
  0% {
    transform: translateX(100%); }
  to {
    transform: translateX(-100%); } }
@keyframes loop2 {
  0% {
    transform: translateX(0); }
  to {
    transform: translateX(-200%); } }
.page_top {
  text-align: center;
  width: 100%; }
  .page_top a {
    padding: 10px 0;
    border-radius: 20px 20px 0 0 / 20px 20px 0 0;
    background: #fff;
    display: block; }
  .page_top i {
    font-size: 20px;
    font-size: 1.6666666667rem;
    color: #000; }

.copyrights {
  position: relative;
  width: 100%;
  margin: 20px auto;
  bottom: auto;
  text-align: center;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 2px;
  color: #000; }

.no_pc {
  display: inline-block; }

.no_sp {
  display: none; }

.popup_caution {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1000000; }
  .popup_caution .popup_bg {
    background: #fff;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%; }
  .popup_caution .popup_wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: auto; }
  .popup_caution .popup_container {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    width: auto;
    max-width: 770px;
    height: auto;
    margin: 0 auto;
    padding: 10% 0; }
  .popup_caution .url0308 {
    position: absolute;
    top: 23.2%;
    left: 7%;
    width: 82%; }
  .popup_caution .url02 {
    position: absolute;
    top: 81.4%;
    left: 9%;
    width: 82%; }

@media screen and (min-width: 770px) {
  .popup_caution {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1000000; }
    .popup_caution .popup_bg {
      background: #fff;
      opacity: 1;
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%; }
    .popup_caution .popup_wrapper {
      position: absolute;
      width: 100%;
      height: 100%;
      overflow: auto; }
    .popup_caution .popup_container {
      position: relative;
      top: 0;
      left: 0;
      width: 770px;
      max-width: 770px;
      margin: 0 auto;
      padding: 100px 0; }
    .popup_caution .url0308 {
      position: absolute;
      top: 23.5%;
      left: 7%;
      width: 82%; }
    .popup_caution .url02 {
      position: absolute;
      top: 1770px;
      left: 70px;
      width: 82%; } }
@media screen and (min-width: 900px) {
  .no_pc {
    display: none; }

  .no_sp {
    display: inline-block; }

  /* ============================================
   2.headerArea
  ============================================ */
 /* ============================================
3.contentsArea
============================================ */
  #container {
    z-index: 100;
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
    /* max-width: 1200px; */
    margin: 0 auto; }

  #contentArea {
    padding-top: 130px;
    z-index: 10;
    position: relative;
    top: 0;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto; }

  .contentAreaInner {
    position: relative;
    top: 0;
    width: 100%;
    padding-top: 65px;
    background: #fff;
    overflow-y: hidden;
    max-width: 1000px;
    margin: 0 auto; }

  .content {
    padding: 70px 0;
    border-bottom: 2px solid #000; }
    .content h2 {
      font-size: 28px;
      font-size: 2.3333333333rem;
      font-family: "Times New Roman", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
      letter-spacing: 6.5px;
      text-align: center;
      margin-bottom: 70px; }

  .wrapper {
    width: 900px;
    margin: 0 auto; }

  .lity {
    background: rgba(0, 0, 0, 0.6) !important; }

  /*---------------- LIVE ---------------*/
  .live_box {
    position: relative; }

  #spring2020 .spring_bus_tour {
    position: absolute;
    cursor: pointer;
    left: 20%;
    width: 70%;
    top: 34.2%;
    max-width: 540px; }

  .page_top {
    text-align: center;
    width: 100%; }
    .page_top a {
      padding: 10px 0;
      border-radius: 20px 20px 0 0 / 20px 20px 0 0;
      background: #fff;
      display: block; }
      .page_top a:hover {
        background: #eeeeee; }
    .page_top i {
      font-size: 30px;
      font-size: 2.5rem;
      color: #000; }

  #live-spring2021online .online_content {
    padding-top: 40px;
    background: url("images/img_content_bg.jpg") no-repeat center top;
    text-align: center; }
    #live-spring2021online .online_content .kaisai {
      margin: 0 auto;
      margin-bottom: 7%;
      text-align: center;
      width: 85%; }
    #live-spring2021online .online_content .price {
      margin: 0 auto;
      margin-bottom: 7%;
      text-align: center;
      width: 53%; }
    #live-spring2021online .online_content .ticket {
      position: relative;
      margin: 0 auto 8%;
      text-align: center; }
      #live-spring2021online .online_content .ticket .ticket_bg {
        width: 90%; }
      #live-spring2021online .online_content .ticket .url01 {
        position: absolute;
        width: 85%;
        top: 45%;
        left: 7%; }
    #live-spring2021online .online_content .hanbai_kikan {
      margin: 0 auto;
      width: 90%;
      margin-bottom: 8%;
      text-align: center; }
    #live-spring2021online .online_content .hanbai_ticket-seigen {
      margin: 0 auto;
      width: 40%;
      margin-bottom: 8%;
      text-align: center; }
    #live-spring2021online .online_content .ticket_guide {
      margin: 0 auto;
      width: 90%;
      position: relative;
      margin: 0 auto 6%;
      text-align: center; }
      #live-spring2021online .online_content .ticket_guide .ticket_guide_bg {
        width: 100%; }
      #live-spring2021online .online_content .ticket_guide .url02 {
        position: absolute;
        top: 37%;
        left: 6%;
        width: 83%; }
    #live-spring2021online .online_content .bnr_zaiko {
      width: 90%;
      margin: 6% auto;
      text-align: center; }
    #live-spring2021online .online_content .notice01 {
      width: 90%;
      margin: 4% auto;
      text-align: center; }
    #live-spring2021online .online_content .notice02 {
      width: 90%;
      text-align: center;
      margin: 4% auto; }

  .no_pc {
    display: none; }

  .no_sp {
    display: inline; }

  #caution_popup {
    height: 100vh;
    padding: 50px; }
    #caution_popup .popup_inner {
      width: 100%;
      height: 100%;
      margin: 0 auto;
      max-width: 800px;
      background: #fff;
      padding: 70px 50px;
      overflow-y: scroll;
      color: #000; }
    #caution_popup h2 {
      font-size: 24px;
      font-size: 2rem;
      color: #e60012;
      font-weight: bold;
      margin-bottom: 30px; }
    #caution_popup p {
      margin: 20px 0;
      font-size: 16px;
      font-size: 1.3333333333rem;
      word-break: break-all; }
      #caution_popup p a {
        color: #e60012;
        text-decoration: underline; }
        #caution_popup p a:hover {
          text-decoration: none; } }

/*# sourceMappingURL=hana_online.css.map */