@charset "UTF-8";
/*pink*/
/*orange*/
/**/
/*pink*/
/*green*/
/*yellow*/
/*light_brown*/
/*brown*/
/**/
/*食べる*/
/*買い物*/
/*暮らし*/
/**/
/**/
@import url(reset.css);
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700|Oswald:400,600&display=swap&subset=japanese");
#header {
  /*display: none;*/
  /*
  @media screen and (max-width: 640px){
    display: inline-block;
    #head_inner { display: none; }
    #spNav { display: block; }
  }
  */ }

#contents {
  padding-top: 0px;
  padding-bottom: 0;
  width: 100%; }
  #contents .contents_inner {
    width: 86%;
    margin: auto; }

.boxInner {
  max-width: 1000px;
  margin: auto;
  width: 90%; }

.en_ttl {
  text-align: center; }
  .en_ttl small {
    display: block;
    font-size: 12px;
    margin-bottom: 10px; }

/*topだけ調整*/
#langBox #lang_main_txt {
  width: 107px; }

/******************************************************

 top
 
******************************************************/
#top-container {
  position: relative; }

#bnr_closed {
  top: 5px; }
  #bnr_closed.fixed {
    top: 210px; }
  @media screen and (max-width: 990px) {
    #bnr_closed {
      position: absolute;
      top: 265px;
      max-width: 200px;
      right: auto; }
      #bnr_closed.fixed {
        top: 130px;
        position: fixed; } }

#main_movie.dummy {
  position: relative;
  margin-top: -100px;
  z-index: 0; }
  #main_movie.dummy::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 53%;
    background-image: url("../images2020/top/movie_poster.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover; }
  @media screen and (max-width: 768px) {
    #main_movie.dummy {
      margin-top: -100px; }
      #main_movie.dummy::before {
        padding-bottom: 85%; } }

#id_top_info {
  width: 90%;
  max-width: 650px;
  /*border: 1px solid #ebda21;*/
  /*background: #fff;*/
  margin: 30px auto; }
  #id_top_info .txt {
    color: #ebda21;
    padding: 20px;
    text-align: center; }

.gradient-border {
  --borderWidth: 3px;
  background: #242424;
  position: relative;
  border-radius: var(--borderWidth); }
  .gradient-border:after {
    content: '';
    position: absolute;
    top: calc(-1 * var(--borderWidth));
    left: calc(-1 * var(--borderWidth));
    height: calc(100% + var(--borderWidth) * 2);
    width: calc(100% + var(--borderWidth) * 2);
    background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
    border-radius: calc(2 * var(--borderWidth));
    z-index: -1;
    animation: animatedgradient 3s ease alternate infinite;
    background-size: 300% 300%; }

@keyframes animatedgradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
/******************************************************

 top
 
******************************************************/
#mainvisual {
  /*
  padding-top: 80px;
  @media screen and (max-width: 660px){
    padding-top: 70px;
  }
  */ }
  #mainvisual .sp {
    display: none; }
  #mainvisual .main_inner {
    position: relative;
    /*
    &::before {
      content: "";
      display: block;
      width: 100%;
      padding-bottom: 65%;
      background: url("../images2022/top/main.jpg") left bottom no-repeat;
      background-size: cover;
      @media screen and (max-width: 660px){
        padding-bottom: 100%;
      }
    }
    */
    /*
    .copy {
      position: absolute;
      top: -4%;
      right: 0;
      max-width: 500px;
      width: 60%;
      img { width: 100%; height: auto; }
      @media screen and (max-width: 660px){
        top: -10%;
      }
    }
    */ }
    #mainvisual .main_inner img {
      width: 100%;
      height: auto; }
    #mainvisual .main_inner .main_copy {
      position: absolute;
      bottom: 10px;
      left: 50%;
      width: 80%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
      #mainvisual .main_inner .main_copy a.top_main_link {
        position: absolute;
        top: 75.5%;
        left: 74%;
        display: block;
        position: absolute;
        /*background: rgba(255,255,255,0.7);*/
        width: 5.3%;
        height: 6%;
        box-sizing: border-box;
        border-bottom: 1px solid #d9b233; }
        #mainvisual .main_inner .main_copy a.top_main_link:hover {
          border-bottom: none; }
        @media screen and (max-width: 500px) {
          #mainvisual .main_inner .main_copy a.top_main_link {
            display: none; } }
    #mainvisual .main_inner .main_ranking {
      position: absolute;
      top: 80px;
      right: 0;
      width: 34%; }
  @media screen and (max-width: 500px) {
    #mainvisual .pc {
      display: none; }
    #mainvisual .sp {
      display: block; }
    #mainvisual .main_inner .main_copy {
      width: 100%; }
    #mainvisual .main_inner .main_ranking {
      display: none;
      /*
      top: 0;
      right: 5%;
      width: 90%;
      */ } }

.price_table {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.cl_bonrei_list a {
  color: #000;
  text-decoration: underline; }
  .cl_bonrei_list a:hover {
    text-decoration: none; }

/* block01
-------------------------*/
#block01 {
  text-align: center;
  padding-top: 50px; }
  #block01 .ttl1 {
    font-size: 30px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 370px;
    width: 90%;
    margin: 0 auto 10px; }
    #block01 .ttl1 span img {
      width: 100%;
      height: auto; }
    #block01 .ttl1 span:nth-of-type(1) {
      width: 14%; }
    #block01 .ttl1 span:nth-of-type(2) {
      width: 70%; }
    #block01 .ttl1 span:nth-of-type(3) {
      width: 14%; }
  #block01 .ttl2 {
    font-size: 16px;
    font-weight: bold; }

#weatherBlock {
  background: #fff;
  border-bottom: 1px solid #ccc;
  /*
  border-radius: 130px;
  max-width: 410px;
  width: 90%;
  margin: 20px auto 10px;
  */
  color: #5D5C5C; }
  #weatherBlock .inner {
    padding: 5px 20px;
    position: relative;
    text-align: center;
    /*
    display: flex;
    justify-content: space-between;
    */
    /*真ん中のライン
    &::before {
      content: "";
      width: 1px;
      height: 80%;
      background: #ccc;
      position: absolute;
      top: 10%;
      left: 50%;
    }
    */ }
  #weatherBlock .item {
    font-size: 1rem;
    display: inline-block;
    /*
    width: 48%;
    max-width: 200px;
    margin: auto;
    */ }
    #weatherBlock .item.info_comment {
      line-height: 1.6; }
      #weatherBlock .item.info_comment.cl_close_today {
        color: #fff;
        background: #fb1a18;
        width: 120px;
        text-align: center;
        display: inline-block;
        margin-right: 10px; }
    #weatherBlock .item #id_headinfo_opentime span.cl_megaillumi_headinfo_opentime1 {
      color: #fffe43;
      background: #000000;
      width: 120px;
      text-align: center;
      display: inline-block;
      margin-right: 10px; }
    #weatherBlock .item #id_headinfo_opentime span.cl_megaillumi_headinfo_opentime2 {
      color: #fff;
      background: #fb1a18;
      width: 120px;
      text-align: center;
      display: inline-block;
      margin-right: 10px; }
    #weatherBlock .item #id_headinfo_opentime span.cl_megaillumi_headinfo_opentime3 {
      color: #B52EFF; }
    @media screen and (max-width: 410px) {
      #weatherBlock .item {
        font-size: 3.8vw; } }
  #weatherBlock h5 {
    color: #B52EFF;
    font-size: 14px;
    margin-bottom: 0px;
    display: inline-block; }
  #weatherBlock .lastTimeBox {
    font-size: 13px;
    margin-top: 10px; }

#id_todayOpen_time {
  font-size: 20px;
  margin: 13px auto; }
  #id_todayOpen_time.cl_close_today {
    color: #E4005B; }

/*
.cl_close_today {
  color: #fff;
  background: #E4005B;
  padding: 10px 0;
  width: 42%!important;
}
*/
#id_weatherBox {
  display: inline-block;
  /*
  display: flex;
  justify-content: space-between;
  */ }
  #id_weatherBox .kion {
    font-size: 14px;
    display: inline-block;
    /*
    width: 63%;
    margin-top: 10px;
    */ }
    #id_weatherBox .kion p {
      /*margin: 5px 0;*/
      display: inline-block;
      margin: 0 5px; }
    @media screen and (max-width: 410px) {
      #id_weatherBox .kion {
        font-size: 3vw;
        margin-top: 0; } }

#id_weather_icon {
  /*
  width: 40%;
  */
  width: 40px;
  display: inline-block;
  vertical-align: middle; }
  #id_weather_icon img {
    width: 100%;
    height: auto; }

#id_weathers_sorce_area {
  font-size: 10px;
  text-align: center;
  margin-bottom: 0px;
  display: inline-block; }
  #id_weathers_sorce_area a {
    color: #000; }

#pickup_contents {
  margin: 40px auto;
  width: 90%; }
  #pickup_contents ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 500px;
    margin: auto; }
  #pickup_contents li {
    width: 47%;
    box-sizing: border-box;
    /*
    &:nth-of-type(1) {
      img {
        border: 2px solid #d8b134;
      }
    }
    &:nth-of-type(2) {
      img {
        border: 2px solid #b52eff;
      }
    }
    */ }
    #pickup_contents li img {
      width: 100%;
      height: auto; }

.bnr_lp {
  max-width: 440px;
  width: 90%;
  margin: 30px auto 0;
  transition: .3s; }
  .bnr_lp img {
    width: 100%;
    height: auto; }
  .bnr_lp a {
    display: block;
    background: #fff; }
  .bnr_lp a, .bnr_lp img {
    transition: .3s; }
  .bnr_lp:hover img {
    opacity: 0.8; }

.bnr_rody {
  max-width: 440px;
  width: 90%;
  margin: 30px auto 40px;
  transition: .3s; }
  .bnr_rody img {
    width: 100%;
    height: auto; }
  .bnr_rody a {
    display: block; }
  .bnr_rody:hover {
    opacity: 0.7; }

/* block02
-------------------------*/
#block02 {
  max-width: 800px;
  margin: 90px auto 40px; }
  #block02 img {
    width: 100%;
    height: auto; }

#main_movie {
  max-width: 800px;
  margin: 90px auto 40px; }
  #main_movie .youtube_logo {
    max-width: 160px;
    margin: 0 auto 1rem; }
  #main_movie img {
    width: 100%;
    height: auto; }

/* id_notice_txt
-------------------------*/
#id_notice_txt {
  background: #fff;
  text-align: center;
  color: #000;
  font-size: 14px;
  padding-top: 1px; }
  #id_notice_txt pre {
    padding: 0 10px; }
  #id_notice_txt p {
    margin: 10px 0;
    line-height: 1.3; }
  #id_notice_txt::after {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: #B52EFF; }
  @media screen and (max-width: 640px) {
    #id_notice_txt {
      text-align: left; } }

/* midokoro_spot
-------------------------*/
#midokoro_spot {
  max-width: 1100px;
  margin: auto;
  padding-bottom: 70px; }
  #midokoro_spot ul {
    letter-spacing: -0.4em;
    font-size: 0; }
  #midokoro_spot #midokoro_spot_show {
    border: 2px solid #d8b133;
    margin: 80px auto 40px;
    width: 94%; }
  #midokoro_spot li {
    letter-spacing: 0;
    font-size: 10px;
    display: inline-block;
    vertical-align: top;
    width: 40%;
    text-align: center;
    margin-bottom: 40px;
    position: relative;
    /*
    &:last-child {
      display: block;
      width: 100%;
      max-width: 640px;
      margin: 0 auto 40px;
      img { width: 90%; }
    }
    */ }
    #midokoro_spot li img {
      width: 90%;
      height: auto; }
    #midokoro_spot li.uma_event {
      display: block;
      width: 100%;
      max-width: 560px;
      margin: 0 auto 60px; }
      #midokoro_spot li.uma_event img {
        width: 90%; }
      #midokoro_spot li.uma_event .btn_gra {
        max-width: 250px;
        margin: auto; }
    #midokoro_spot li.show_ttl {
      display: block;
      width: 100%;
      text-align: center;
      font-size: 22px; }
      #midokoro_spot li.show_ttl span {
        background: #000;
        padding: 10px;
        display: inline-block;
        margin-top: -45px; }
      #midokoro_spot li.show_ttl img {
        height: 70px;
        width: auto; }
      @media screen and (max-width: 480px) {
        #midokoro_spot li.show_ttl span {
          margin-top: -36px; }
        #midokoro_spot li.show_ttl img {
          height: 50px; } }
    #midokoro_spot li.wide {
      display: block;
      width: 100%;
      max-width: 1000px;
      margin: 0 auto 40px; }
      #midokoro_spot li.wide img {
        width: 90%; }
    #midokoro_spot li .mark {
      position: absolute;
      top: 0;
      left: 5%; }
      #midokoro_spot li .mark p {
        width: 60px;
        height: 60px;
        border-radius: 40px;
        color: #000;
        position: relative;
        font-size: 14px; }
        #midokoro_spot li .mark p span {
          display: block;
          position: absolute;
          top: 50%;
          left: 50%;
          width: 100%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
      #midokoro_spot li .mark.gra_c2 p {
        background: linear-gradient(90deg, #009de1, #02eeac); }
      #midokoro_spot li .mark.gra_c3 p {
        background: linear-gradient(90deg, #ff6062, #ff9763); }
  #midokoro_spot h5 {
    margin: 15px auto;
    font-size: 22px; }
    #midokoro_spot h5 small {
      display: block;
      font-size: 13px;
      margin-bottom: 5px; }
  #midokoro_spot .btn_gra.gra_c4 {
    max-width: 360px;
    margin: 0 auto 70px; }
    #midokoro_spot .btn_gra.gra_c4 a .btn_inner {
      font-size: 16px; }
  @media screen and (max-width: 640px) {
    #midokoro_spot li {
      width: 50%; }
    #midokoro_spot h5 {
      font-size: 4vw; }
      #midokoro_spot h5 small {
        font-size: 2.4vw; } }

/* hikari_to_uma
-------------------------*/
#hikari_to_uma {
  background: #333333;
  padding: 60px 0; }
  #hikari_to_uma ul {
    letter-spacing: -0.4em;
    font-size: 0;
    max-width: 1100px;
    margin: auto; }
  #hikari_to_uma li {
    letter-spacing: 0;
    font-size: 10px;
    display: inline-block;
    vertical-align: top;
    width: 25%;
    text-align: center;
    margin-bottom: 40px;
    position: relative; }
    #hikari_to_uma li img {
      width: 84%;
      height: auto; }
    #hikari_to_uma li .btn_gra {
      margin: 20px auto 0;
      width: 84%; }
    #hikari_to_uma li .deco {
      position: absolute; }
    #hikari_to_uma li:first-child {
      display: block;
      width: 100%;
      max-width: 400px;
      margin: 0 auto 40px; }
      #hikari_to_uma li:first-child img {
        width: 90%; }
    #hikari_to_uma li:nth-of-type(2) .deco {
      top: -5%;
      left: 0px; }
      #hikari_to_uma li:nth-of-type(2) .deco img {
        height: 60px;
        width: auto; }
    #hikari_to_uma li:nth-of-type(3) .deco {
      top: 36%;
      left: 5%; }
      #hikari_to_uma li:nth-of-type(3) .deco img {
        height: 80px;
        width: auto; }
    #hikari_to_uma li:nth-of-type(4) .deco {
      top: -5%;
      right: -5%; }
      #hikari_to_uma li:nth-of-type(4) .deco img {
        height: 40px;
        width: auto; }
  #hikari_to_uma .btn_gra.gra_c5 {
    max-width: 300px;
    margin: 40px auto 0; }
    #hikari_to_uma .btn_gra.gra_c5 a .btn_inner {
      font-size: 16px; }
  @media screen and (max-width: 640px) {
    #hikari_to_uma li {
      width: 33.333%; }
      #hikari_to_uma li .btn_gra a .btn_inner {
        font-size: 2.2vw; }
      #hikari_to_uma li:nth-of-type(2) .deco img {
        height: 7vw; }
      #hikari_to_uma li:nth-of-type(3) .deco img {
        height: 10vw; }
      #hikari_to_uma li:nth-of-type(4) .deco img {
        height: 7vw; } }

/* ticket_txt
-------------------------*/
/*
.ticket_txt {
  margin-bottom: 50px;
  .sub_copy {
    font-size: 15px;
    margin-bottom: 20px;
    &.sp { display: none; }
  }
  .btn_style1 {
    width: 510px;
    margin: 0 auto 20px;
    a, span { font-size: 20px; }
    &.yokoku {
      span { color: $basecolor1; background: none; border: 1px solid $basecolor1; border-width: 1px 0; border-radius: 0; }
    }
    @media screen and (max-width: 540px){
      width: 90%;
      a, span { font-size: 3vw; }
    }
  }
  .btn2 {
    margin-bottom: 30px;
    a {
      text-decoration: underline;
      font-size: 13px;
      &:hover {
        text-decoration: none;
      }
    }
  }
  .ticket_price {
    margin: 0 auto 20px;
    color: #FFD700;
    font-size: 17px;
  }
}
*/
/*
.info_style {
  font-size: 14px;
  margin: 0 auto 50px;
  text-align: left;
  max-width: 800px;
  @media screen and (max-width: 500px){
    margin-bottom: 20px;
  }
  b { font-size: 17px; display: block; margin-bottom: 15px; }
  span.arrow { font-size: 11px; display: inline-block; margin-left: 10px; }
  a, .no_link {
    display: block;
    padding: 30px;
    background: #333;
    transition: .3s;
    @media screen and (max-width: 640px){
      padding: 20px;
    }
  }
  a {
    cursor: pointer;
    &:hover {
      background: #8C8C8C;
    }
  }
  &.access_btn {
    margin-bottom: 15px;
  }
  @media screen and (max-width: 640px){
    display: block;
  }
  @media screen and (max-width: 500px){
    font-size: 3vw;
    b { font-size: 3.3vw; }
    #id_icon_today_txt b .aw { font-size: 2.8vw; margin-top: 5px; }
    #id_open_time > span,
    #id_today > a > span { font-size: 2.8vw; }
  }
}
*/
/*
.note_block {
  text-align: left;
  font-size: 10px;
  max-width: 860px;
  margin: 0 auto 80px;
}
*/
#id_ticket_remaining {
  cursor: default; }
  #id_ticket_remaining:hover {
    background: #333; }
  #id_ticket_remaining .ttl {
    line-height: 1;
    margin-bottom: 20px; }
    #id_ticket_remaining .ttl b {
      display: inline-block;
      vertical-align: middle;
      margin-bottom: 0; }
    #id_ticket_remaining .ttl #id_ticket_update {
      display: inline-block;
      vertical-align: middle; }
    #id_ticket_remaining .ttl #id_ticket_percent {
      display: inline-block;
      vertical-align: middle; }
  #id_ticket_remaining .txt {
    font-size: 12px; }

#id_today .line {
  display: block;
  padding: 5px 0 5px; }

#id_ticket_remaining_bar {
  margin-bottom: 25px;
  /* chrome */
  /* firefox */ }
  #id_ticket_remaining_bar progress[value] {
    appearance: none;
    background-color: #000;
    border: 1px solid #333;
    border-radius: 2px;
    color: #cbcbcb;
    /* IE */
    height: 10px;
    width: 100%;
    max-width: 500px; }
  #id_ticket_remaining_bar progress[value]::-webkit-progress-bar {
    background-color: #000; }
  #id_ticket_remaining_bar progress[value]::-webkit-progress-value {
    background-color: #cbcbcb; }
  #id_ticket_remaining_bar progress[value]::-moz-progress-bar {
    background-color: #cbcbcb; }

/* newsArea
-----------------------*/
#newsArea {
  padding-top: 40px; }
  #newsArea .en_ttl span {
    border-bottom-color: #fff; }
    #newsArea .en_ttl span a {
      color: #faad17; }

/* news_slider
-----------------------*/
/*
#news_slider_sp {
  display: none;
  @media screen and (max-width: 480px){
    display: block;
  }
}
#news_slider {
  @media screen and (max-width: 480px){
    display: none;
  }
}
*/
#news_slider,
#news_slider_sp {
  margin: 40px auto 100px;
  position: relative;
  /*
  li {
    &.class_categoryNews {
      .click {
        @include gra_c2;
        span { @include gra_c2; }
      }
    }
    &.class_categoryOshirase {
      .click {
        @include gra_c5;
        span { @include gra_c5; }
      }
    }
    &.class_categoryEvent {
      .click {
        @include gra_c3;
        span { @include gra_c3; }
      }
    }
  }
  */ }
  #news_slider li,
  #news_slider_sp li {
    display: inline-block;
    vertical-align: top;
    margin: 0 20px; }
    #news_slider li a,
    #news_slider_sp li a {
      display: block; }
  #news_slider .thum,
  #news_slider_sp .thum {
    max-width: 370px;
    margin: 0 auto 15px; }
    #news_slider .thum img,
    #news_slider_sp .thum img {
      width: 100%;
      height: auto; }
  #news_slider .fin,
  #news_slider_sp .fin {
    color: #e5566c;
    margin-bottom: 5px;
    font-size: 14px; }
  #news_slider .txt,
  #news_slider_sp .txt {
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 1.5;
    text-align: center !important; }
    @media screen and (max-width: 500px) {
      #news_slider .txt,
      #news_slider_sp .txt {
        font-size: 14px; } }
  #news_slider .date,
  #news_slider_sp .date {
    font-size: 12px;
    margin-bottom: 15px; }
  #news_slider .click,
  #news_slider_sp .click {
    width: 160px;
    margin: auto;
    border-radius: 20px;
    background: #b52eff;
    padding: 2px; }
    #news_slider .click span,
    #news_slider_sp .click span {
      display: inline-block;
      width: 100%;
      background: #b52eff;
      border-radius: 20px;
      box-sizing: border-box;
      border: 2px solid #000;
      color: #fff;
      padding: 10px 0;
      font-size: 13px;
      transition: .3s;
      position: relative; }
      #news_slider .click span::before,
      #news_slider_sp .click span::before {
        content: "";
        display: block;
        position: absolute;
        right: 10px;
        top: 38%;
        width: 6px;
        height: 6px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
  #news_slider .slick-dots,
  #news_slider_sp .slick-dots {
    bottom: -45px; }
    #news_slider .slick-dots li,
    #news_slider_sp .slick-dots li {
      margin: 0 5px; }
      #news_slider .slick-dots li button::before,
      #news_slider_sp .slick-dots li button::before {
        color: #fff; }
      #news_slider .slick-dots li.slick-active button::before,
      #news_slider_sp .slick-dots li.slick-active button::before {
        color: #fff; }
  #news_slider .slick-list,
  #news_slider_sp .slick-list {
    max-width: 1000px;
    overflow: hidden;
    margin: 0 auto; }
    @media screen and (max-width: 500px) {
      #news_slider .slick-list,
      #news_slider_sp .slick-list {
        padding: 0 0 !important; } }
  #news_slider .slick-prev, #news_slider .slick-next,
  #news_slider_sp .slick-prev,
  #news_slider_sp .slick-next {
    z-index: 100;
    background-size: 20px 35px;
    width: 20px;
    height: 35px;
    top: 33%; }
  #news_slider .slick-prev,
  #news_slider_sp .slick-prev {
    background-image: url("../js2020/slick/arrow_left_w.png");
    left: 30px; }
    @media screen and (max-width: 500px) {
      #news_slider .slick-prev,
      #news_slider_sp .slick-prev {
        left: 10px; } }
  #news_slider .slick-next,
  #news_slider_sp .slick-next {
    background-image: url("../js2020/slick/arrow_right_w.png");
    right: 30px; }
    @media screen and (max-width: 500px) {
      #news_slider .slick-next,
      #news_slider_sp .slick-next {
        right: 10px; } }

/* umaArea
-------------------------*/
#umaArea {
  background: #333333;
  color: #fff;
  padding: 50px 0 80px; }
  #umaArea .en_ttl {
    text-align: center; }
    #umaArea .en_ttl small {
      display: block;
      font-size: 12px;
      margin-bottom: 10px; }
  #umaArea .list {
    text-align: center; }
    #umaArea .list li {
      display: inline-block;
      text-align: center;
      width: 150px;
      color: #fff;
      background: #e5566c;
      font-size: 14px;
      padding: 8px 0;
      line-height: 1;
      border-radius: 5px;
      margin: 10px 5px;
      transition: 0.3s; }
      #umaArea .list li:hover {
        opacity: 0.5; }
      #umaArea .list li a {
        display: block; }

#uma_slider {
  margin: 30px auto 0;
  position: relative; }
  #uma_slider li {
    display: inline-block;
    vertical-align: top;
    margin: 0 20px;
    text-align: center; }
    #uma_slider li a {
      display: block;
      color: #fff; }
  #uma_slider .thum {
    max-width: 370px;
    margin: 0 auto 15px; }
    #uma_slider .thum img {
      width: 100%;
      height: auto; }
    @media screen and (max-width: 500px) {
      #uma_slider .thum {
        width: 76%; } }
  #uma_slider h4 {
    font-size: 16px;
    margin-bottom: 10px; }
  #uma_slider .fin {
    color: #e5566c;
    margin-bottom: 5px;
    font-size: 14px; }
  #uma_slider .txt {
    font-size: 11px;
    margin-bottom: 15px;
    line-height: 1.5; }
    @media screen and (max-width: 500px) {
      #uma_slider .txt {
        width: 76%;
        margin: 0 auto 15px;
        font-size: 12px; } }
  #uma_slider .date {
    font-size: 12px;
    margin-bottom: 15px; }
  #uma_slider .click {
    width: 250px;
    margin: auto; }
    #uma_slider .click span {
      display: inline-block;
      width: 100%;
      border-radius: 20px;
      background-color: #e5566c;
      color: #fff;
      padding: 10px 10px;
      font-size: 13px;
      transition: .3s; }
      #uma_slider .click span:hover {
        background: #fff;
        color: #e5566c; }
  #uma_slider .slick-dots {
    bottom: -45px; }
    #uma_slider .slick-dots li {
      margin: 0 5px; }
      #uma_slider .slick-dots li button::before {
        color: #979797; }
      #uma_slider .slick-dots li.slick-active button::before {
        color: #e5566c; }
  #uma_slider .slick-list {
    max-width: 1000px;
    overflow: hidden;
    margin: 0 auto; }
    @media screen and (max-width: 500px) {
      #uma_slider .slick-list {
        padding: 0 0 !important; } }
  #uma_slider .slick-prev, #uma_slider .slick-next {
    z-index: 100;
    background-size: 13px 22px;
    width: 13px;
    height: 22px;
    top: 33%; }
  #uma_slider .slick-prev {
    background-image: url("../js2020/slick/arrow_left.png");
    left: 30px; }
    @media screen and (max-width: 500px) {
      #uma_slider .slick-prev {
        left: 20px; } }
  #uma_slider .slick-next {
    background-image: url("../js2020/slick/arrow_right.png");
    right: 30px; }
    @media screen and (max-width: 500px) {
      #uma_slider .slick-next {
        right: 20px; } }

/* accessArea
-------------------------*/
#accessArea {
  text-align: center;
  padding: 50px 0; }
  #accessArea .list {
    text-align: center;
    margin-bottom: 40px; }
    #accessArea .list li {
      display: inline-block;
      text-align: center;
      color: #fff;
      background: #e5566c;
      font-size: 14px;
      padding: 8px 20px;
      line-height: 1;
      border-radius: 20px;
      margin: 10px 10px; }
      #accessArea .list li span {
        display: inline-block; }
      #accessArea .list li small {
        font-size: 10px; }

#access_choice .iconArea {
  margin-bottom: 40px; }
  #access_choice .iconArea li {
    display: inline-block;
    vertical-align: top;
    margin: 0 20px;
    cursor: pointer;
    transition: .3s;
    position: relative;
    /*
    &::before {
      display: block;
      content: "";
      width: 80px;
      height: 100px;
      position: absolute;
      top: 0;
      left: 0;
      //z-index: 3;
    }
    */
    /*
    &:hover,
    &.current {
      color: $basecolor1;
      &#iconBtn_car {
        .icon_item {
          background-image: url("../images2020/access/icon_car_on.png");
        }
      }
      &#iconBtn_train {
        .icon_item {
          background-image: url("../images2020/access/icon_train_on.png");
        }
      }
      &#iconBtn_bus {
        .icon_item {
          background-image: url("../images2020/access/icon_bus_on.png");
        }
      }
      &#iconBtn_airplane {
        .icon_item {
          background-image: url("../images2020/access/icon_airplane_on.png");
        }
      }
    }
    */
    /*
    &.current {
      &::after {
        background-image: url("../images2020/access/icon_block_close.png");
      }
    }
    */ }
    @media screen and (max-width: 500px) {
      #access_choice .iconArea li {
        margin: 0 10px; } }
    #access_choice .iconArea li.current {
      color: #e5566c; }
    #access_choice .iconArea li .clickArea::after {
      display: block;
      content: "";
      width: 29px;
      height: 29px;
      background: url("../images2020/access/icon_block_open.png") no-repeat top left;
      background-size: 29px 29px;
      margin: 15px auto 0; }
    #access_choice .iconArea li .clickArea .icon_item {
      display: block;
      width: 80px;
      height: 88px;
      background: no-repeat top left;
      background-size: 80px 81px;
      margin-bottom: 5px;
      transition: .3s; }
      @media screen and (max-width: 500px) {
        #access_choice .iconArea li .clickArea .icon_item {
          background-size: 50px 52px;
          width: 50px;
          height: 52px; } }
    #access_choice .iconArea li .clickArea:hover {
      color: #e5566c; }
    #access_choice .iconArea li#iconBtn_car .clickArea .icon_item {
      background-image: url("../images2020/access/icon_car.png"); }
    #access_choice .iconArea li#iconBtn_car .clickArea:hover .icon_item {
      background-image: url("../images2020/access/icon_car_on.png"); }
    #access_choice .iconArea li#iconBtn_car.current .clickArea .icon_item {
      background-image: url("../images2020/access/icon_car_on.png"); }
    #access_choice .iconArea li#iconBtn_train .clickArea .icon_item {
      background-image: url("../images2020/access/icon_train.png"); }
    #access_choice .iconArea li#iconBtn_train .clickArea:hover .icon_item {
      background-image: url("../images2020/access/icon_train_on.png"); }
    #access_choice .iconArea li#iconBtn_train.current .clickArea .icon_item {
      background-image: url("../images2020/access/icon_train_on.png"); }
    #access_choice .iconArea li#iconBtn_bus .clickArea .icon_item {
      background-image: url("../images2020/access/icon_bus.png"); }
    #access_choice .iconArea li#iconBtn_bus .clickArea:hover .icon_item {
      background-image: url("../images2020/access/icon_bus_on.png"); }
    #access_choice .iconArea li#iconBtn_bus.current .clickArea .icon_item {
      background-image: url("../images2020/access/icon_bus_on.png"); }
    #access_choice .iconArea li#iconBtn_airplane .clickArea .icon_item {
      background-image: url("../images2020/access/icon_airplane.png"); }
    #access_choice .iconArea li#iconBtn_airplane .clickArea:hover .icon_item {
      background-image: url("../images2020/access/icon_airplane_on.png"); }
    #access_choice .iconArea li#iconBtn_airplane.current .clickArea .icon_item {
      background-image: url("../images2020/access/icon_airplane_on.png"); }
#access_choice #accessContentsArea {
  position: relative;
  max-width: 1000px;
  width: 94%;
  margin: auto;
  /*min-height: 380px;*/ }
  #access_choice #accessContentsArea .accessContents {
    /*
    position: absolute;
    top: 0;
    left: 0;
    */
    width: 100%;
    margin: auto;
    transition: .3s;
    /*opacity: 0;*/
    /*
    &.current {
      opacity: 1;
    }
    */
    display: none; }
    #access_choice #accessContentsArea .accessContents .notice {
      color: #e5566c; }
    #access_choice #accessContentsArea .accessContents .box_border {
      border: 1px solid #e5566c; }
    #access_choice #accessContentsArea .accessContents .box {
      padding: 40px; }
      #access_choice #accessContentsArea .accessContents .box .time h5 {
        color: #e5566c;
        margin-bottom: 10px;
        font-size: 14px; }
      #access_choice #accessContentsArea .accessContents .box .time p {
        color: #fff;
        margin-bottom: 25px; }
      #access_choice #accessContentsArea .accessContents .box .code {
        background: #e5566c;
        color: #fff;
        padding: 30px 0; }
        #access_choice #accessContentsArea .accessContents .box .code .mapcode {
          margin-bottom: 20px;
          font-size: 20px;
          text-align: center; }
          #access_choice #accessContentsArea .accessContents .box .code .mapcode::after {
            display: block;
            content: "";
            height: 1px;
            width: 100px;
            background: #fff;
            margin: 15px auto 0; }
        #access_choice #accessContentsArea .accessContents .box .code p {
          line-height: 1.5; }
          #access_choice #accessContentsArea .accessContents .box .code p b {
            font-size: 20px; }
        #access_choice #accessContentsArea .accessContents .box .code .notice_box {
          border: 1px solid #fff;
          padding: 10px 15px;
          margin: 15px auto 20px;
          display: block;
          width: 90%;
          max-width: 500px; }
  #access_choice #accessContentsArea #contents_car {
    display: block; }
    #access_choice #accessContentsArea #contents_car .box {
      padding: 40px 0 0; }
    #access_choice #accessContentsArea #contents_car .time {
      width: 90%;
      margin: auto; }
  #access_choice #accessContentsArea #contents_train .box {
    overflow: hidden; }
  #access_choice #accessContentsArea #contents_train .txtArea {
    float: left;
    width: 44%;
    padding-top: 30px; }
    #access_choice #accessContentsArea #contents_train .txtArea .txtBox {
      line-height: 1.6; }
      #access_choice #accessContentsArea #contents_train .txtArea .txtBox:last-child {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #e5566c; }
  #access_choice #accessContentsArea #contents_train .pic {
    float: right;
    width: 50%; }
    #access_choice #accessContentsArea #contents_train .pic img {
      width: 100%;
      height: auto; }
  @media screen and (max-width: 640px) {
    #access_choice #accessContentsArea #contents_train .txtArea {
      float: none;
      width: 100%;
      padding-top: 0; }
    #access_choice #accessContentsArea #contents_train .pic {
      float: none;
      width: 100%;
      margin-top: 30px; } }
  #access_choice #accessContentsArea #contents_bus .item:last-child {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e5566c; }
  #access_choice #accessContentsArea #contents_bus .item h5 {
    font-size: 20px;
    margin-bottom: 20px; }
  #access_choice #accessContentsArea #contents_bus .item p {
    margin-bottom: 20px;
    line-height: 1.5; }
  #access_choice #accessContentsArea #contents_bus .item .timetable h6 {
    color: #e5566c;
    margin-bottom: 5px; }
  #access_choice #accessContentsArea #contents_bus .item .timetable li {
    display: inline-block;
    vertical-align: top;
    background: #e5566c;
    color: #fff;
    padding: 5px 15px 7px;
    line-height: 1;
    border-radius: 20px;
    margin: 5px; }
  #access_choice #accessContentsArea #contents_bus .item .timetable p img {
    height: 25px;
    width: auto;
    vertical-align: bottom; }
  #access_choice #accessContentsArea #contents_airplane .box {
    overflow: hidden; }
  #access_choice #accessContentsArea #contents_airplane .txtArea {
    float: left;
    width: 60%;
    padding-top: 30px; }
    #access_choice #accessContentsArea #contents_airplane .txtArea p {
      font-size: 24px;
      line-height: 1.7; }
      #access_choice #accessContentsArea #contents_airplane .txtArea p small {
        font-size: 16px; }
  #access_choice #accessContentsArea #contents_airplane .pic {
    float: right;
    width: 35%; }
    #access_choice #accessContentsArea #contents_airplane .pic img {
      width: 100%;
      height: auto; }
  @media screen and (max-width: 640px) {
    #access_choice #accessContentsArea #contents_airplane .txtArea {
      float: none;
      width: 100%;
      padding-top: 0; }
      #access_choice #accessContentsArea #contents_airplane .txtArea p {
        font-size: 3.8vw; }
        #access_choice #accessContentsArea #contents_airplane .txtArea p small {
          font-size: 2.6vw; }
    #access_choice #accessContentsArea #contents_airplane .pic {
      float: none;
      width: 100%;
      margin-top: 30px; } }

.accessContentsArea {
  position: relative;
  max-width: 1000px;
  width: 94%;
  margin: auto;
  text-align: center;
  /*min-height: 380px;*/ }
  .accessContentsArea .accordion_header {
    display: inline-block;
    position: absolute;
    top: 0; }
    .accessContentsArea .accordion_header.open {
      color: #e5566c; }
      .accessContentsArea .accordion_header.open .clickArea::after {
        background-image: url("../images2020/access/icon_block_close.png"); }
    .accessContentsArea .accordion_header .clickArea {
      cursor: pointer; }
      .accessContentsArea .accordion_header .clickArea::after {
        display: block;
        content: "";
        width: 29px;
        height: 29px;
        background: url("../images2020/access/icon_block_open.png") no-repeat top left;
        background-size: 29px 29px;
        margin: 15px auto 0; }
      .accessContentsArea .accordion_header .clickArea .icon_item {
        display: block;
        width: 80px;
        height: 88px;
        background: no-repeat top left;
        background-size: 80px 81px;
        margin-bottom: 5px;
        transition: .3s; }
        @media screen and (max-width: 500px) {
          .accessContentsArea .accordion_header .clickArea .icon_item {
            background-size: 50px 52px;
            width: 50px;
            height: 52px; } }
      .accessContentsArea .accordion_header .clickArea:hover {
        color: #e5566c; }
    .accessContentsArea .accordion_header#nav_car {
      left: 50%;
      margin-left: -260px; }
      .accessContentsArea .accordion_header#nav_car .clickArea .icon_item {
        background-image: url("../images2020/access/icon_car.png"); }
      .accessContentsArea .accordion_header#nav_car .clickArea:hover .icon_item {
        background-image: url("../images2020/access/icon_car_on.png"); }
      .accessContentsArea .accordion_header#nav_car.open .clickArea .icon_item {
        background-image: url("../images2020/access/icon_car_on.png"); }
      @media screen and (max-width: 500px) {
        .accessContentsArea .accordion_header#nav_car {
          margin-left: -157px; } }
    .accessContentsArea .accordion_header#nav_train {
      left: 50%;
      margin-left: -150px; }
      .accessContentsArea .accordion_header#nav_train .clickArea .icon_item {
        background-image: url("../images2020/access/icon_train.png"); }
      .accessContentsArea .accordion_header#nav_train .clickArea:hover .icon_item {
        background-image: url("../images2020/access/icon_train_on.png"); }
      .accessContentsArea .accordion_header#nav_train.open .clickArea .icon_item {
        background-image: url("../images2020/access/icon_train_on.png"); }
      @media screen and (max-width: 500px) {
        .accessContentsArea .accordion_header#nav_train {
          margin-left: -88px; } }
    .accessContentsArea .accordion_header#nav_bus {
      left: 50%;
      margin-left: -40px; }
      .accessContentsArea .accordion_header#nav_bus .clickArea .icon_item {
        background-image: url("../images2020/access/icon_bus.png"); }
      .accessContentsArea .accordion_header#nav_bus .clickArea:hover .icon_item {
        background-image: url("../images2020/access/icon_bus_on.png"); }
      .accessContentsArea .accordion_header#nav_bus.open .clickArea .icon_item {
        background-image: url("../images2020/access/icon_bus_on.png"); }
      @media screen and (max-width: 500px) {
        .accessContentsArea .accordion_header#nav_bus {
          margin-left: -20px; } }
    .accessContentsArea .accordion_header#nav_airplane {
      right: 50%;
      margin-right: -150px; }
      .accessContentsArea .accordion_header#nav_airplane .clickArea .icon_item {
        background-image: url("../images2020/access/icon_airplane.png"); }
      .accessContentsArea .accordion_header#nav_airplane .clickArea:hover .icon_item {
        background-image: url("../images2020/access/icon_airplane_on.png"); }
      .accessContentsArea .accordion_header#nav_airplane.open .clickArea .icon_item {
        background-image: url("../images2020/access/icon_airplane_on.png"); }
      @media screen and (max-width: 500px) {
        .accessContentsArea .accordion_header#nav_airplane {
          margin-right: -99px; } }
    .accessContentsArea .accordion_header#nav_bike {
      right: 50%;
      margin-right: -260px; }
      .accessContentsArea .accordion_header#nav_bike .clickArea .icon_item {
        background-image: url("../images2020/access/icon_bike.png"); }
      .accessContentsArea .accordion_header#nav_bike .clickArea:hover .icon_item {
        background-image: url("../images2020/access/icon_bike_on.png"); }
      .accessContentsArea .accordion_header#nav_bike.open .clickArea .icon_item {
        background-image: url("../images2020/access/icon_bike_on.png"); }
      @media screen and (max-width: 500px) {
        .accessContentsArea .accordion_header#nav_bike {
          margin-right: -165px; } }
  .accessContentsArea .accessContents {
    /*
    position: absolute;
    top: 0;
    left: 0;
    */
    width: 100%;
    margin: auto;
    transition: .3s;
    /*opacity: 0;*/
    /*
    &.current {
      opacity: 1;
    }
    */ }
    .accessContentsArea .accessContents .notice {
      color: #e5566c; }
    .accessContentsArea .accessContents .box_border {
      border: 1px solid #e5566c; }
    .accessContentsArea .accessContents .box {
      padding: 40px; }
      .accessContentsArea .accessContents .box .time h5 {
        color: #e5566c;
        margin-bottom: 10px;
        font-size: 14px; }
      .accessContentsArea .accessContents .box .time p {
        color: #fff;
        margin-bottom: 25px; }
      .accessContentsArea .accessContents .box .code {
        background: #e5566c;
        color: #fff;
        padding: 30px 0; }
        .accessContentsArea .accessContents .box .code .mapcode {
          margin-bottom: 20px;
          font-size: 20px;
          text-align: center; }
          .accessContentsArea .accessContents .box .code .mapcode::after {
            display: block;
            content: "";
            height: 1px;
            width: 100px;
            background: #fff;
            margin: 15px auto 0; }
        .accessContentsArea .accessContents .box .code p {
          line-height: 1.5; }
          .accessContentsArea .accessContents .box .code p b {
            font-size: 20px; }
        .accessContentsArea .accessContents .box .code .notice_box {
          border: 1px solid #fff;
          padding: 10px 15px;
          margin: 15px auto 20px;
          display: block;
          width: 90%;
          max-width: 500px; }
  .accessContentsArea #contents_car {
    display: block; }
    .accessContentsArea #contents_car .box {
      padding: 40px 0 0; }
    .accessContentsArea #contents_car .time {
      width: 90%;
      margin: auto; }
    .accessContentsArea #contents_car .bnr_rinji_parking {
      max-width: 400px;
      margin: 30px auto; }
      .accessContentsArea #contents_car .bnr_rinji_parking img {
        width: 100%;
        height: auto; }
      .accessContentsArea #contents_car .bnr_rinji_parking a {
        transition: .3s; }
        .accessContentsArea #contents_car .bnr_rinji_parking a:hover {
          opacity: 0.7; }
  .accessContentsArea #contents_train .box {
    overflow: hidden; }
  .accessContentsArea #contents_train .txtArea {
    float: left;
    width: 44%;
    padding-top: 30px; }
    .accessContentsArea #contents_train .txtArea .txtBox {
      line-height: 1.6; }
      .accessContentsArea #contents_train .txtArea .txtBox:last-child {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #e5566c; }
  .accessContentsArea #contents_train .pic {
    float: right;
    width: 50%; }
    .accessContentsArea #contents_train .pic img {
      width: 100%;
      height: auto; }
  @media screen and (max-width: 640px) {
    .accessContentsArea #contents_train .txtArea {
      float: none;
      width: 100%;
      padding-top: 0; }
    .accessContentsArea #contents_train .pic {
      float: none;
      width: 100%;
      margin-top: 30px; } }
  .accessContentsArea #contents_bus .item:last-child {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e5566c; }
  .accessContentsArea #contents_bus .item h5 {
    font-size: 20px;
    margin-bottom: 20px; }
  .accessContentsArea #contents_bus .item p {
    margin-bottom: 20px;
    line-height: 1.5; }
  .accessContentsArea #contents_bus .item .timetable h6 {
    color: #e5566c;
    margin-bottom: 5px; }
  .accessContentsArea #contents_bus .item .timetable li {
    display: inline-block;
    vertical-align: top;
    background: #e5566c;
    color: #fff;
    padding: 5px 15px 7px;
    line-height: 1;
    border-radius: 20px;
    margin: 5px; }
  .accessContentsArea #contents_bus .item .timetable p img {
    height: 25px;
    width: auto;
    vertical-align: bottom; }
  .accessContentsArea #contents_airplane .box {
    overflow: hidden; }
  .accessContentsArea #contents_airplane .txtArea {
    float: left;
    width: 60%;
    padding-top: 30px; }
    .accessContentsArea #contents_airplane .txtArea p {
      font-size: 24px;
      line-height: 1.7; }
      .accessContentsArea #contents_airplane .txtArea p small {
        font-size: 16px; }
  .accessContentsArea #contents_airplane .pic {
    float: right;
    width: 35%; }
    .accessContentsArea #contents_airplane .pic img {
      width: 100%;
      height: auto; }
  @media screen and (max-width: 640px) {
    .accessContentsArea #contents_airplane .txtArea {
      float: none;
      width: 100%;
      padding-top: 0; }
      .accessContentsArea #contents_airplane .txtArea p {
        font-size: 3.8vw; }
        .accessContentsArea #contents_airplane .txtArea p small {
          font-size: 2.6vw; }
    .accessContentsArea #contents_airplane .pic {
      float: none;
      width: 100%;
      margin-top: 30px; } }

/* acodion
-------------------------*/
.section.s_05 {
  position: relative;
  padding-top: 200px !important;
  padding-bottom: 0; }
  .section.s_05 .accordion_inner {
    display: none; }
    .section.s_05 .accordion_inner.stay {
      display: block; }
  @media screen and (max-width: 500px) {
    .section.s_05 {
      padding-top: 140px !important; } }

.access_map {
  max-width: 1000px;
  margin: 30px auto 0; }
  .access_map img {
    width: 100%;
    height: auto; }

/* aboutArea
-------------------------*/
#aboutArea {
  background: #fff;
  color: #000;
  padding: 0px 0 60px; }
  #aboutArea .pic {
    overflow: hidden; }
    #aboutArea .pic p {
      float: left;
      width: 50%; }
    #aboutArea .pic img {
      width: 100%;
      height: auto; }
  #aboutArea h4 {
    margin: 20px auto;
    font-size: 24px; }
    #aboutArea h4 small {
      font-size: 0.6em;
      display: block;
      margin-bottom: 10px; }
      #aboutArea h4 small sup {
        font-size: 0.5em; }
  #aboutArea p.lead {
    font-size: 14px;
    margin: 0 auto 40px;
    line-height: 1.8;
    text-align: left;
    max-width: 600px; }
    #aboutArea p.lead .notice {
      color: #e5566c; }
  #aboutArea .btn_style1 {
    max-width: 300px; }
    #aboutArea .btn_style1 a {
      border: 1px solid #fff; }
    #aboutArea .btn_style1:hover a {
      border-color: #e5566c; }
  @media screen and (max-width: 620px) {
    #aboutArea br.pc {
      display: none; } }
  @media screen and (max-width: 500px) {
    #aboutArea h4 {
      font-size: 22px; }
      #aboutArea h4 small {
        font-size: 0.5em; }
    #aboutArea p.lead {
      text-align: left; } }

/* kansen
-------------------------*/
#kansen {
  padding: 60px 0 60px;
  background: #6c3d57;
  margin-bottom: 60px; }
  #kansen .lead {
    line-height: 1.8; }
  #kansen .pic {
    margin: 20px auto; }
    #kansen .pic p {
      display: inline-block;
      width: 22%;
      margin: 1%;
      max-width: 100px; }
      #kansen .pic p img {
        width: 100%;
        height: auto; }
      @media screen and (max-width: 500px) {
        #kansen .pic p {
          width: 20%; } }
  #kansen .btn_style1 {
    max-width: 300px; }

/* guide
-------------------------*/
#guide {
  background: #fff;
  color: #000;
  padding: 60px 0 60px; }
  #guide img {
    width: 100%;
    height: auto; }
  #guide .en_ttl span {
    padding-bottom: 0;
    border: none; }
  #guide .btn_gra {
    max-width: 250px;
    margin: 20px auto 30px; }
    #guide .btn_gra a .btn_inner {
      border-color: #fff; }
    #guide .btn_gra.gra_c2 {
      margin-top: 50px; }
    #guide .btn_gra small {
      display: block;
      margin-top: 3px; }
  #guide .lang_guideLink {
    text-align: center;
    margin-bottom: 30px; }
    #guide .lang_guideLink a {
      color: #000; }
    #guide .lang_guideLink a:hover {
      color: #bf53ca; }
  #guide p.lead {
    font-size: 14px;
    margin: 0 auto 40px;
    line-height: 1.8;
    text-align: left;
    max-width: 600px; }
  #guide .spot {
    margin: 50px auto;
    text-align: center; }
    #guide .spot h5 {
      font-size: 20px;
      margin-bottom: 30px; }
    #guide .spot .switch {
      margin-bottom: 20px; }
      #guide .spot .switch li {
        display: inline-block;
        width: 30%;
        margin: 1%;
        max-width: 250px;
        color: #fff;
        border-radius: 20px;
        padding: 8px 0;
        font-size: 14px;
        cursor: pointer; }
        #guide .spot .switch li:nth-of-type(1) {
          max-width: 400px;
          width: 100%;
          display: block;
          background: #343434;
          margin: 0 auto 30px; }
        #guide .spot .switch li:nth-of-type(2) {
          background: #9d005d; }
        #guide .spot .switch li:nth-of-type(3) {
          background: #405062; }
        #guide .spot .switch li:nth-of-type(4) {
          background: #e4566c; }
        @media screen and (max-width: 840px) {
          #guide .spot .switch li {
            font-size: 1.6vw; } }
        @media screen and (max-width: 640px) {
          #guide .spot .switch li {
            width: 100%;
            max-width: inherit;
            font-size: 13px; } }
    #guide .spot .photoArea {
      text-align: left; }
      #guide .spot .photoArea li {
        display: inline-block;
        width: 30%;
        margin: 0 1.5% 30px;
        vertical-align: top; }
        #guide .spot .photoArea li img {
          width: 100%;
          height: auto; }
        #guide .spot .photoArea li p {
          font-size: 14px;
          margin-top: 10px;
          color: #000; }
      @media screen and (max-width: 640px) {
        #guide .spot .photoArea li {
          width: 48%;
          margin: 1%; }
          #guide .spot .photoArea li p {
            font-size: 12px; } }

/* gourmet
-------------------------*/
#gourmetArea {
  background: #e5566c;
  color: #fff;
  padding: 50px 0 50px; }
  #gourmetArea .en_ttl {
    text-align: center; }
    #gourmetArea .en_ttl span {
      border-bottom-color: #ffe23c; }
    #gourmetArea .en_ttl small {
      display: block;
      font-size: 12px;
      margin-bottom: 10px; }
  #gourmetArea .list {
    text-align: center; }
    #gourmetArea .list li {
      display: inline-block;
      text-align: center;
      width: 150px;
      color: #fff;
      font-size: 14px;
      line-height: 1;
      margin: 10px 5px;
      transition: 0.3s;
      border-radius: 20px;
      padding: 2px; }
      #gourmetArea .list li span {
        display: block;
        width: 100%;
        background: linear-gradient(90deg, #6b04e9, #fe8fb3);
        border-radius: 20px;
        box-sizing: border-box;
        border: 2px solid #e5566c;
        color: #fff;
        padding: 10px 0; }
      #gourmetArea .list li:nth-of-type(1) {
        background: linear-gradient(90deg, #6a03e9, #b52dff); }
        #gourmetArea .list li:nth-of-type(1) span {
          background: linear-gradient(90deg, #6a03e9, #b52dff); }
      #gourmetArea .list li:nth-of-type(2) {
        background: linear-gradient(90deg, #ff6062, #ff9763); }
        #gourmetArea .list li:nth-of-type(2) span {
          background: linear-gradient(90deg, #ff6062, #ff9763); }
      #gourmetArea .list li:nth-of-type(3) {
        background: linear-gradient(90deg, #009de1, #02eeac); }
        #gourmetArea .list li:nth-of-type(3) span {
          background: linear-gradient(90deg, #009de1, #02eeac); }
      @media screen and (max-width: 500px) {
        #gourmetArea .list li {
          width: 110px; } }
  #gourmetArea .btn_gra {
    max-width: 300px;
    margin: 90px auto 0; }
    #gourmetArea .btn_gra a .btn_inner {
      border-color: #e5566c; }

#gourmet_slider {
  margin: 30px auto 0;
  position: relative; }
  #gourmet_slider li {
    display: inline-block;
    vertical-align: top;
    margin: 0 20px;
    text-align: center; }
    #gourmet_slider li a {
      display: block;
      color: #fff; }
  #gourmet_slider .thum {
    max-width: 370px;
    margin: 0 auto 15px; }
    #gourmet_slider .thum img {
      width: 100%;
      height: auto; }
    @media screen and (max-width: 500px) {
      #gourmet_slider .thum {
        width: 76%; } }
  #gourmet_slider h4 {
    font-size: 16px;
    margin-bottom: 10px; }
  #gourmet_slider .fin {
    color: #e5566c;
    margin-bottom: 5px;
    font-size: 14px; }
  #gourmet_slider .txt {
    font-size: 11px;
    margin-bottom: 15px;
    line-height: 1.5;
    text-align: left; }
    @media screen and (max-width: 500px) {
      #gourmet_slider .txt {
        width: 76%;
        margin: 0 auto 15px;
        font-size: 12px; } }
  #gourmet_slider .date {
    font-size: 12px;
    margin-bottom: 15px; }
  #gourmet_slider .click {
    width: 250px;
    margin: auto;
    border-radius: 20px;
    background: linear-gradient(90deg, #6b04e9, #fe8fb3);
    padding: 2px; }
    #gourmet_slider .click span {
      display: inline-block;
      width: 100%;
      background: linear-gradient(90deg, #6b04e9, #fe8fb3);
      border-radius: 20px;
      box-sizing: border-box;
      border: 2px solid #e5566c;
      color: #fff;
      padding: 10px 0;
      font-size: 13px;
      transition: .3s;
      position: relative; }
      #gourmet_slider .click span::before {
        content: "";
        display: block;
        position: absolute;
        right: 10px;
        top: 38%;
        width: 6px;
        height: 6px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
    #gourmet_slider .click:hover {
      opacity: 0.7; }
  #gourmet_slider li.dessert .click {
    background: linear-gradient(90deg, #ff6062, #ff9763); }
    #gourmet_slider li.dessert .click span {
      background: linear-gradient(90deg, #ff6062, #ff9763); }
  #gourmet_slider li.souvenir .click {
    background: linear-gradient(90deg, #009de1, #02eeac); }
    #gourmet_slider li.souvenir .click span {
      background: linear-gradient(90deg, #009de1, #02eeac); }
  #gourmet_slider .slick-dots {
    bottom: -45px; }
    #gourmet_slider .slick-dots li {
      margin: 0 5px; }
      #gourmet_slider .slick-dots li button::before {
        color: #fff; }
      #gourmet_slider .slick-dots li.slick-active button::before {
        color: #fff; }
  #gourmet_slider .slick-list {
    max-width: 1000px;
    overflow: hidden;
    margin: 0 auto; }
    @media screen and (max-width: 500px) {
      #gourmet_slider .slick-list {
        padding: 0 0 !important; } }
  #gourmet_slider .slick-prev, #gourmet_slider .slick-next {
    z-index: 100;
    background-size: 20px 35px;
    width: 20px;
    height: 35px;
    top: 33%; }
  #gourmet_slider .slick-prev {
    background-image: url("../js2020/slick/arrow_left_w.png");
    left: 30px; }
    @media screen and (max-width: 500px) {
      #gourmet_slider .slick-prev {
        left: 20px; } }
  #gourmet_slider .slick-next {
    background-image: url("../js2020/slick/arrow_right_w.png");
    right: 30px; }
    @media screen and (max-width: 500px) {
      #gourmet_slider .slick-next {
        right: 20px; } }

/* eventArea
-------------------------*/
#eventArea {
  background: #fff;
  color: #000;
  padding: 30px 0 60px; }
  #eventArea .en_ttl span {
    border-bottom: none;
    font-weight: bold;
    color: #707070; }
  @media screen and (max-width: 640px) {
    #eventArea {
      padding-bottom: 30px;
      /*padding-top: 60px;*/ }
      #eventArea .en_ttl {
        margin-top: -30px; } }

#eventHanrei {
  margin-top: 30px; }
  #eventHanrei li {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    margin: 0 10px; }
    #eventHanrei li span {
      display: block;
      width: 160px;
      height: 30px;
      margin-bottom: 10px; }
    #eventHanrei li:nth-of-type(1) span {
      background: #F59C9C; }
    #eventHanrei li:nth-of-type(2) span {
      background: #FFE557; }

#id_calendar_ttl {
  width: 90%;
  margin: auto;
  display: none;
  position: relative; }
  #id_calendar_ttl .top_main_link {
    position: absolute;
    top: 83%;
    left: 50%;
    width: 10%;
    height: 5%;
    /*background: rgba(0,0,0,0.6);*/
    box-sizing: border-box;
    border-bottom: 1px solid #d9b233; }
    #id_calendar_ttl .top_main_link:hover {
      border-bottom: none; }
  @media screen and (max-width: 500px) {
    #id_calendar_ttl {
      display: block; } }
  #id_calendar_ttl > div {
    max-width: 800px;
    margin: 0px auto 50px; }
    #id_calendar_ttl > div img {
      width: 100%;
      height: auto; }
    #id_calendar_ttl > div .sp {
      display: none; }
    @media screen and (max-width: 640px) {
      #id_calendar_ttl > div .pc {
        display: none; }
      #id_calendar_ttl > div .sp {
        display: block; } }
  #id_calendar_ttl .copy1 {
    margin: 20px auto 0;
    position: relative;
    max-width: 300px;
    z-index: 2; }
    #id_calendar_ttl .copy1 p {
      width: 290px;
      /*padding: 2px;*/
      border-radius: 40px;
      margin: auto; }
      #id_calendar_ttl .copy1 p span {
        display: block;
        width: 100%;
        box-sizing: border-box;
        /*border: 2px solid #fff;*/
        text-align: center;
        padding: 10px 0;
        color: #fff;
        border-radius: 40px;
        font-size: 18px;
        background: #ff91b5;
        position: relative; }
  #id_calendar_ttl .copy2 {
    width: 390px;
    margin: -8px auto 30px;
    position: relative;
    z-index: 1; }
    #id_calendar_ttl .copy2 p {
      width: 100%;
      border-radius: 40px;
      margin: auto; }
      #id_calendar_ttl .copy2 p span {
        display: block;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        padding: 16px 0 10px;
        color: #000;
        border-radius: 40px;
        font-size: 19px;
        background: #ffbcd1;
        position: relative; }
        #id_calendar_ttl .copy2 p span small {
          font-size: 14px; }
    @media screen and (max-width: 420px) {
      #id_calendar_ttl .copy2 {
        width: 100%; }
        #id_calendar_ttl .copy2 p span {
          font-size: 14px; } }
  #id_calendar_ttl .copy3 {
    text-align: center;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 30px; }
    #id_calendar_ttl .copy3 small {
      font-size: 0.8em;
      display: block; }
    @media screen and (max-width: 420px) {
      #id_calendar_ttl .copy3 {
        font-size: 17px; } }

#id_umaEvent .copy1 {
  margin: 20px auto 0;
  position: relative;
  max-width: 300px; }
  #id_umaEvent .copy1 p {
    width: 290px;
    padding: 2px;
    border-radius: 40px;
    margin: auto;
    background: linear-gradient(90deg, #ff6062, #ff9763); }
    #id_umaEvent .copy1 p span {
      display: block;
      width: 100%;
      box-sizing: border-box;
      border: 2px solid #fff;
      text-align: center;
      padding: 10px 0;
      color: #fff;
      border-radius: 40px;
      font-size: 14px;
      background: linear-gradient(90deg, #ff6062, #ff9763);
      position: relative; }
  #id_umaEvent .copy1 .illust_uma {
    position: absolute;
    top: -10px;
    left: -14%;
    width: 80px; }
    #id_umaEvent .copy1 .illust_uma img {
      width: 100%;
      height: auto; }
#id_umaEvent .btn_gra {
  width: 150px;
  margin: -8px auto 30px; }
  #id_umaEvent .btn_gra a .btn_inner {
    border-color: #fff; }

#id_event_today {
  font-size: 30px; }
  @media screen and (max-width: 480px) {
    #id_event_today {
      font-size: 22px; } }

#id_event_calendar {
  max-width: 800px;
  width: 90%;
  margin: auto; }
  #id_event_calendar img {
    width: 100%;
    height: auto; }
  #id_event_calendar div.eo-fullcalendar h2 {
    font-size: 22px !important; }
  #id_event_calendar .fc-toolbar {
    margin-top: 20px; }
    #id_event_calendar .fc-toolbar > * > * {
      float: none; }
    #id_event_calendar .fc-toolbar .fc-left {
      text-align: center;
      float: none; }
    #id_event_calendar .fc-toolbar .fc-right {
      float: none;
      position: relative;
      margin-top: -30px; }
      #id_event_calendar .fc-toolbar .fc-right::before {
        content: "";
        display: block;
        width: 100%;
        padding-bottom: 30px; }
      #id_event_calendar .fc-toolbar .fc-right .fc-button-group {
        position: absolute; }
        #id_event_calendar .fc-toolbar .fc-right .fc-button-group:nth-of-type(1) {
          left: 50%;
          margin-left: -100px;
          top: 2px; }
        #id_event_calendar .fc-toolbar .fc-right .fc-button-group:nth-of-type(2) {
          right: 50%;
          top: 2px;
          margin-right: -100px; }
        #id_event_calendar .fc-toolbar .fc-right .fc-button-group:nth-of-type(3) {
          display: none; }
        #id_event_calendar .fc-toolbar .fc-right .fc-button-group .fc-state-default {
          border: none;
          background: none;
          box-shadow: none; }
          #id_event_calendar .fc-toolbar .fc-right .fc-button-group .fc-state-default .fc-icon {
            font-size: 1em;
            color: #4d4d4d; }
          #id_event_calendar .fc-toolbar .fc-right .fc-button-group .fc-state-default .fc-icon-left-single-arrow::after {
            content: "◀︎"; }
          #id_event_calendar .fc-toolbar .fc-right .fc-button-group .fc-state-default .fc-icon-right-single-arrow::after {
            content: "▶︎"; }
  #id_event_calendar #eo_fullcalendar_1 div.fc-view-container table {
    border: none !important;
    background: none !important; }
    #id_event_calendar #eo_fullcalendar_1 div.fc-view-container table thead, #id_event_calendar #eo_fullcalendar_1 div.fc-view-container table th, #id_event_calendar #eo_fullcalendar_1 div.fc-view-container table td, #id_event_calendar #eo_fullcalendar_1 div.fc-view-container table div {
      border: none !important;
      /*background: none!important;*/ }
      #id_event_calendar #eo_fullcalendar_1 div.fc-view-container table thead.fc-today, #id_event_calendar #eo_fullcalendar_1 div.fc-view-container table th.fc-today, #id_event_calendar #eo_fullcalendar_1 div.fc-view-container table td.fc-today, #id_event_calendar #eo_fullcalendar_1 div.fc-view-container table div.fc-today {
        /*background: #fbf7d8!important;*/ }
  #id_event_calendar #eo_fullcalendar_1 div.fc-view-container > div > table {
    border: 2px solid #ff90b4 !important;
    border-radius: 10px;
    border-collapse: separate;
    overflow: hidden; }
    #id_event_calendar #eo_fullcalendar_1 div.fc-view-container > div > table > thead {
      background: #ff90b4 !important;
      color: #fff !important; }
  #id_event_calendar #eo_fullcalendar_1 div.fc-view-container th.fc-mon,
  #id_event_calendar #eo_fullcalendar_1 div.fc-view-container th.fc-tue,
  #id_event_calendar #eo_fullcalendar_1 div.fc-view-container th.fc-wed,
  #id_event_calendar #eo_fullcalendar_1 div.fc-view-container th.fc-thu,
  #id_event_calendar #eo_fullcalendar_1 div.fc-view-container th.fc-fri,
  #id_event_calendar #eo_fullcalendar_1 div.fc-view-container th.fc-sat,
  #id_event_calendar #eo_fullcalendar_1 div.fc-view-container th.fc-sun {
    color: #fff; }
  #id_event_calendar #eo_fullcalendar_1 div.fc-view-container th.fc-day-header {
    position: relative; }
    #id_event_calendar #eo_fullcalendar_1 div.fc-view-container th.fc-day-header::after {
      content: "";
      display: block;
      width: 1px;
      height: 100%;
      background: #fff;
      position: absolute;
      top: 0;
      left: 0; }
    #id_event_calendar #eo_fullcalendar_1 div.fc-view-container th.fc-day-header.fc-mon::after {
      content: none; }
  #id_event_calendar #eo_fullcalendar_1 div.fc-content-skeleton .fc-today {
    position: relative; }
    #id_event_calendar #eo_fullcalendar_1 div.fc-content-skeleton .fc-today::before {
      content: "";
      display: block;
      background: #FF0000;
      width: 3px;
      height: 56px;
      position: absolute;
      top: 0;
      left: 0; }
    #id_event_calendar #eo_fullcalendar_1 div.fc-content-skeleton .fc-today::after {
      content: "";
      display: block;
      background: #FF0000;
      width: 100%;
      height: 3px;
      position: absolute;
      top: 0;
      left: 0; }
  #id_event_calendar #eo_fullcalendar_1 div.fc-content-skeleton .cl_prices_A {
    position: relative; }
    #id_event_calendar #eo_fullcalendar_1 div.fc-content-skeleton .cl_prices_A::before {
      content: "A";
      display: block;
      color: #338ebb;
      border: 1px solid #338ebb;
      box-sizing: border-box;
      background: #fff;
      width: 15px;
      height: 15px;
      text-align: center;
      font-size: 12px;
      position: absolute;
      top: 48px;
      left: 8px; }
  #id_event_calendar #eo_fullcalendar_1 div.fc-content-skeleton .cl_prices_B {
    position: relative; }
    #id_event_calendar #eo_fullcalendar_1 div.fc-content-skeleton .cl_prices_B::before {
      content: "B";
      display: block;
      color: #60a156;
      border: 1px solid #60a156;
      box-sizing: border-box;
      background: #fff;
      width: 15px;
      height: 15px;
      text-align: center;
      font-size: 12px;
      position: absolute;
      top: 48px;
      left: 8px; }
  #id_event_calendar #eo_fullcalendar_1 div.fc-content-skeleton .cl_prices_C {
    position: relative; }
    #id_event_calendar #eo_fullcalendar_1 div.fc-content-skeleton .cl_prices_C::before {
      content: "C";
      display: block;
      color: #d5712e;
      border: 1px solid #d5712e;
      box-sizing: border-box;
      background: #fff;
      width: 15px;
      height: 15px;
      text-align: center;
      font-size: 12px;
      position: absolute;
      top: 48px;
      left: 8px; }
  #id_event_calendar #eo_fullcalendar_1 div.fc-content-skeleton .cl_prices_D {
    position: relative; }
    #id_event_calendar #eo_fullcalendar_1 div.fc-content-skeleton .cl_prices_D::before {
      content: "D";
      display: block;
      color: #d5617c;
      border: 1px solid #d5617c;
      box-sizing: border-box;
      background: #fff;
      width: 15px;
      height: 15px;
      text-align: center;
      font-size: 12px;
      position: absolute;
      top: 48px;
      left: 8px; }
  @media screen and (max-width: 830px) {
    #id_event_calendar #eo_fullcalendar_1 div.fc-content-skeleton .cl_prices_A::before,
    #id_event_calendar #eo_fullcalendar_1 div.fc-content-skeleton .cl_prices_B::before,
    #id_event_calendar #eo_fullcalendar_1 div.fc-content-skeleton .cl_prices_C::before,
    #id_event_calendar #eo_fullcalendar_1 div.fc-content-skeleton .cl_prices_D::before {
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      top: 32px; } }
  @media screen and (max-width: 420px) {
    #id_event_calendar #eo_fullcalendar_1 div.fc-content-skeleton .cl_prices_A::before,
    #id_event_calendar #eo_fullcalendar_1 div.fc-content-skeleton .cl_prices_B::before,
    #id_event_calendar #eo_fullcalendar_1 div.fc-content-skeleton .cl_prices_C::before,
    #id_event_calendar #eo_fullcalendar_1 div.fc-content-skeleton .cl_prices_D::before {
      top: 32px; } }
  #id_event_calendar #eo_fullcalendar_1 .status_time {
    font-size: 12px;
    padding-top: 40%; }
  #id_event_calendar #eo_fullcalendar_1 .fc-row table tr th {
    font-size: 22px; }
  #id_event_calendar #eo_fullcalendar_1 .fc-row table td {
    color: #ff90b4; }
    #id_event_calendar #eo_fullcalendar_1 .fc-row table td .begin_time,
    #id_event_calendar #eo_fullcalendar_1 .fc-row table td .end_time {
      color: #000;
      font-size: 12px;
      margin: 2px auto; }
      #id_event_calendar #eo_fullcalendar_1 .fc-row table td .begin_time .age_category,
      #id_event_calendar #eo_fullcalendar_1 .fc-row table td .end_time .age_category {
        display: inline-block;
        width: 2em;
        margin-left: 1.2em; }
      #id_event_calendar #eo_fullcalendar_1 .fc-row table td .begin_time .age_price,
      #id_event_calendar #eo_fullcalendar_1 .fc-row table td .end_time .age_price {
        display: inline-block;
        width: 4em;
        text-align: right; }
      @media screen and (max-width: 830px) {
        #id_event_calendar #eo_fullcalendar_1 .fc-row table td .begin_time .age_category,
        #id_event_calendar #eo_fullcalendar_1 .fc-row table td .end_time .age_category {
          margin-left: 0; }
        #id_event_calendar #eo_fullcalendar_1 .fc-row table td .begin_time .age_price,
        #id_event_calendar #eo_fullcalendar_1 .fc-row table td .end_time .age_price {
          width: 3.5em; } }
      @media screen and (max-width: 640px) {
        #id_event_calendar #eo_fullcalendar_1 .fc-row table td .begin_time,
        #id_event_calendar #eo_fullcalendar_1 .fc-row table td .end_time {
          font-size: 1.8vw; }
          #id_event_calendar #eo_fullcalendar_1 .fc-row table td .begin_time .age_category,
          #id_event_calendar #eo_fullcalendar_1 .fc-row table td .end_time .age_category {
            display: block;
            width: 100%;
            text-align: center; }
          #id_event_calendar #eo_fullcalendar_1 .fc-row table td .begin_time .age_price,
          #id_event_calendar #eo_fullcalendar_1 .fc-row table td .end_time .age_price {
            display: block;
            width: 100%;
            text-align: center; } }
    #id_event_calendar #eo_fullcalendar_1 .fc-row table td .begin_time {
      margin-top: 12px; }
      @media screen and (max-width: 830px) {
        #id_event_calendar #eo_fullcalendar_1 .fc-row table td .begin_time {
          margin-top: 20px; } }
  #id_event_calendar #eo_fullcalendar_1 .fc-row .fc-bg .fc-day {
    border: 2px solid #ff90b4 !important;
    background: #dcdddd; }
    #id_event_calendar #eo_fullcalendar_1 .fc-row .fc-bg .fc-day.fc-today {
      /*border: 3px solid #FF0000!important;*/
      position: relative; }
      #id_event_calendar #eo_fullcalendar_1 .fc-row .fc-bg .fc-day.fc-today::before {
        content: "";
        display: block;
        width: calc(100% + 4px);
        height: calc(100% + 3px);
        box-sizing: border-box;
        border: 3px solid #FF0000;
        position: absolute;
        top: -2px;
        left: -2px; }
  #id_event_calendar #eo_fullcalendar_1 .fc-row .fc-bg .fc-past,
  #id_event_calendar #eo_fullcalendar_1 .fc-row .fc-bg .cl_prices_none {
    background: #dcdddd !important; }
  #id_event_calendar #eo_fullcalendar_1 .fc-row .fc-bg .cl_prices_A {
    background: #9ccee6 !important; }
  #id_event_calendar #eo_fullcalendar_1 .fc-row .fc-bg .cl_prices_B {
    background: #cee3d1 !important; }
  #id_event_calendar #eo_fullcalendar_1 .fc-row .fc-bg .cl_prices_C {
    background: #f7d68c !important; }
  #id_event_calendar #eo_fullcalendar_1 .fc-row .fc-bg .cl_prices_D {
    background: #f0d2de !important; }
  #id_event_calendar .fc-basic-view tbody .fc-row {
    min-height: 7em; }
    @media screen and (max-width: 640px) {
      #id_event_calendar .fc-basic-view tbody .fc-row {
        min-height: 5em; } }
  #id_event_calendar .fc-ltr .fc-basic-view .fc-day-number {
    text-align: center !important;
    padding-top: 10px !important;
    font-size: 20px !important; }
  #id_event_calendar .fc-day-number[data-date="2022-01-28"] .begin_time,
  #id_event_calendar .fc-day-number[data-date="2022-01-28"] .end_time, #id_event_calendar .fc-day-number[data-date="2022-01-29"] .begin_time,
  #id_event_calendar .fc-day-number[data-date="2022-01-29"] .end_time, #id_event_calendar .fc-day-number[data-date="2022-01-30"] .begin_time,
  #id_event_calendar .fc-day-number[data-date="2022-01-30"] .end_time {
    color: #DE1C5A !important; }

.txt_info {
  text-align: center;
  margin-top: 40px; }
  .txt_info ul {
    text-align: center;
    width: 48%;
    max-width: 300px;
    margin: 0px 2% 0;
    display: inline-block;
    vertical-align: top; }
    @media screen and (max-width: 640px) {
      .txt_info ul {
        width: 100%;
        margin: 0 auto 20px; } }
    .txt_info ul li {
      display: block;
      vertical-align: top;
      width: 100%;
      max-width: 300px;
      text-align: left;
      margin-bottom: 20px; }
      .txt_info ul li img {
        width: 100%;
        height: auto; }
      .txt_info ul li a {
        color: #000; }
      .txt_info ul li .event_category {
        display: inline-block;
        text-align: left;
        padding: 5px 20px;
        font-size: 13px;
        margin: 10px auto; }
        .txt_info ul li .event_category.icon_event {
          background: #ffef00;
          color: #595757; }
        .txt_info ul li .event_category.icon_campaign {
          background: #c16675;
          color: #fff; }
      .txt_info ul li h4 {
        margin-bottom: 10px; }
      @media screen and (max-width: 640px) {
        .txt_info ul li h4 {
          font-size: 13px; }
        .txt_info ul li .txt {
          font-size: 12px; } }

#event-news {
  max-width: 1000px;
  width: 90%;
  margin: 50px auto;
  /*
  ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  */
  /*
  li {
    width: 30%;
    margin-bottom: 30px;
    img { width: 100%; height: auto; }
    .txt {
      font-size: 20px;
      font-weight: bold;
      color: #707070;
      margin-top: 10px;
      line-height: 1.5;
      small {
        font-size: 0.7em;
        display: block;
      }
    }
    @media screen and (max-width: $w_tab){
      width: 47%;
      .txt {
        font-size: 4vw;
      }
    }
  }
  */ }
  @media screen and (max-width: 640px) {
    #event-news {
      margin-bottom: 0; } }

.contentsBtn {
  text-align: center;
  width: 80%;
  margin: auto; }
  .contentsBtn li {
    margin: auto; }
    .contentsBtn li img {
      width: 100%;
      height: auto; }
    .contentsBtn li:nth-of-type(1) {
      max-width: 410px; }
    .contentsBtn li:nth-of-type(2) {
      max-width: 350px;
      margin-top: -17px; }
      .contentsBtn li:nth-of-type(2) img {
        margin-left: 12%; }

#gourmet-goods {
  background: #ff91b5;
  padding: 50px 0; }
  #gourmet-goods .ttl {
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px; }
  #gourmet-goods ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 600px;
    width: 90%;
    margin: auto; }
  #gourmet-goods li {
    width: 47%;
    margin-bottom: 30px; }
    #gourmet-goods li img {
      width: 100%;
      height: auto; }
    #gourmet-goods li .click {
      max-width: 200px;
      width: 100%;
      margin: 10px auto 0;
      border-radius: 20px;
      background: #b52eff;
      padding: 2px;
      text-align: center; }
      #gourmet-goods li .click span {
        display: inline-block;
        width: 100%;
        background: #b52eff;
        border-radius: 20px;
        box-sizing: border-box;
        border: 2px solid #ff91b5;
        color: #fff;
        padding: 10px 0;
        font-size: 13px;
        transition: .3s;
        position: relative; }
        #gourmet-goods li .click span::before {
          content: "";
          display: block;
          position: absolute;
          right: 10px;
          top: 38%;
          width: 6px;
          height: 6px;
          border-top: 2px solid #fff;
          border-right: 2px solid #fff;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
      #gourmet-goods li .click:hover {
        opacity: 0.7; }

/* ticket_sale
-------------------------*/
#ticket_sale {
  background: #fff;
  color: #000;
  padding: 60px 0;
  text-align: center; }
  #ticket_sale p {
    color: #e5566c; }
  #ticket_sale .btn_style1 {
    width: 390px;
    margin: 20px auto 20px; }
    #ticket_sale .btn_style1 a, #ticket_sale .btn_style1 span {
      font-size: 20px; }
    @media screen and (max-width: 500px) {
      #ticket_sale .btn_style1 {
        width: 90%; }
        #ticket_sale .btn_style1 a, #ticket_sale .btn_style1 span {
          font-size: 4vw; } }
  #ticket_sale .btn2 {
    margin-bottom: 30px; }
    #ticket_sale .btn2 a {
      color: #000;
      /*background-color: $basecolor2;*/
      text-decoration: underline; }
      #ticket_sale .btn2 a:hover {
        /*
        background: #fff;
        color: $basecolor2;
        */
        text-decoration: none; }
  @media screen and (max-width: 640px) {
    #ticket_sale p {
      font-size: 14px; } }

/* sns
-------------------------*/
#sns {
  /*background: #fff;*/
  color: #fff;
  padding: 60px 0 30px;
  text-align: center;
  /*
  .en_ttl span {
    border-bottom-color: #fff;
  }
  */ }
  #sns .sns_ttl {
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px; }
    #sns .sns_ttl img {
      height: 30px;
      width: auto;
      margin-right: 5px;
      vertical-align: middle; }
  #sns img {
    width: 100%;
    height: auto; }
  #sns .sns_icon {
    margin-bottom: 30px; }
    #sns .sns_icon li {
      display: inline-block;
      width: 40px;
      margin: 10px 15px;
      vertical-align: middle; }
      #sns .sns_icon li img {
        width: 100%;
        height: auto; }
      #sns .sns_icon li.twitter .Xicon {
        width: 40px;
        height: 40px; }
        #sns .sns_icon li.twitter .Xicon span {
          width: 26px; }
      #sns .sns_icon li.youtube {
        width: 100px; }

#twi_tlArea {
  text-align: center; }
  #twi_tlArea .twitter-timeline {
    margin: 0 auto; }

#twitter_area,
#instagram_area,
#facebook_area {
  border-bottom: 1px solid #fff;
  padding-bottom: 40px;
  width: 90%;
  margin: 40px auto 0; }

#twitter_area .sns_ttl {
  max-width: 300px;
  margin: 0 auto 20px; }
#twitter_area .Xicon {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 10px; }
  #twitter_area .Xicon img {
    width: 100% !important;
    height: auto !important;
    vertical-align: inherit; }
#twitter_area a {
  display: block;
  width: 100%;
  background: #000;
  box-sizing: border-box;
  border: 1px solid #fff;
  padding: 15px 0;
  text-align: center; }

#facebook_area {
  margin-bottom: 40px; }

#instagram_area .btn_insta {
  max-width: 400px;
  margin: 30px auto 0; }
  #instagram_area .btn_insta img {
    width: 100%;
    height: auto; }

/* souvenir
-------------------------*/
#souvenir {
  background: #fff;
  color: #000;
  padding: 60px 0;
  text-align: center; }
  #souvenir .category {
    margin-bottom: 40px; }
    #souvenir .category li {
      background: #e5566c;
      color: #fff;
      display: inline-block;
      width: 200px;
      border-radius: 20px;
      padding: 10px 0;
      margin: 10px; }
  #souvenir .souvenir_box {
    text-align: left; }
    #souvenir .souvenir_box li {
      display: inline-block;
      width: 31.25%;
      margin-right: 3.125%;
      vertical-align: top;
      margin-bottom: 40px; }
      #souvenir .souvenir_box li:nth-child(3n) {
        margin-right: auto; }
      #souvenir .souvenir_box li img {
        width: 100%;
        height: auto; }
      #souvenir .souvenir_box li h4 {
        margin: 20px auto 15px;
        color: #4d4d4d;
        font-size: 20px;
        text-align: center; }
      #souvenir .souvenir_box li p {
        font-size: 14px;
        margin-top: 10px;
        line-height: 1.7; }
      @media screen and (max-width: 640px) {
        #souvenir .souvenir_box li {
          width: 48%;
          margin-right: 4%; }
          #souvenir .souvenir_box li:nth-child(3n) {
            margin-right: 4%; }
          #souvenir .souvenir_box li:nth-child(even) {
            margin-right: auto; }
          #souvenir .souvenir_box li h4 {
            font-size: 14px; }
          #souvenir .souvenir_box li p {
            font-size: 13px; } }

/* insta_box
-------------------------*/
#insta_box {
  display: none !important; }
  #insta_box ul {
    text-align: center; }
  #insta_box li {
    width: 300px;
    display: inline-block;
    vertical-align: top;
    margin: 10px; }
    #insta_box li iframe {
      min-width: inherit !important; }
    @media screen and (max-width: 400px) {
      #insta_box li {
        width: 90%;
        margin: 10px auto; } }

#id_list_insta {
  text-align: center;
  max-width: 1000px;
  width: 90%;
  margin: auto;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  #id_list_insta li {
    width: 22%;
    margin-bottom: 20px; }
    #id_list_insta li a {
      display: block;
      width: 100%;
      position: relative;
      overflow: hidden;
      background: #000; }
      #id_list_insta li a::before {
        content: "";
        width: 100%;
        padding-bottom: 100%;
        display: block; }
      #id_list_insta li a img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 140%;
        height: auto;
        transition: .3s; }
      #id_list_insta li a:hover img {
        opacity: 0.5; }
    @media screen and (max-width: 600px) {
      #id_list_insta li {
        width: 48%; } }

/*====================================================================
.s_04 .accordion_one
====================================================================*/
.s_04 {
  position: relative; }

.s_04 .accordion_one {
  max-width: 1024px;
  margin: 0 auto;
  position: absolute; }

.s_04 .accordion_one .accordion_header {
  background-color: #db0f2f;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  padding: 20px 11%;
  text-align: center;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition-duration: 0.2s; }

.s_04 .accordion_one:nth-of-type(2) .accordion_header {
  background-color: #ff9a05; }

.s_04 .accordion_one:nth-of-type(3) .accordion_header {
  background-color: #1c85d8; }

.s_04 .accordion_one .accordion_header:hover {
  opacity: .8; }

.s_04 .accordion_one .accordion_header .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 5%;
  width: 40px;
  height: 40px;
  border: 1px solid #fff;
  margin-top: -20px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s; }

.s_04 .accordion_one .accordion_header.stay .i_box {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

.s_04 .accordion_one .accordion_header .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative; }

.s_04 .accordion_one .accordion_header.stay .i_box .one_i {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

.s_04 .accordion_one .accordion_header.stay.open .i_box .one_i {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.s_04 .accordion_one .accordion_header.open .i_box {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg); }

.s_04 .accordion_one .accordion_header.stay.open .i_box {
  -webkit-transform: rotate(315eg);
  transform: rotate(315deg); }

.s_04 .accordion_one .accordion_header .i_box .one_i:before, .s_04 .accordion_one .accordion_header .i_box .one_i:after {
  display: flex;
  content: '';
  background-color: #fff;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center; }

.s_04 .accordion_one .accordion_header .i_box .one_i:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px; }

.s_04 .accordion_one .accordion_header.stay .i_box .one_i:before {
  content: none; }

.s_04 .accordion_one .accordion_header.open .i_box .one_i:before {
  content: none; }

.s_04 .accordion_one .accordion_header.stay.open .i_box .one_i:before {
  content: ""; }

.s_04 .accordion_one .accordion_header.open .i_box .one_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.s_04 .accordion_one .accordion_header.stay.open .i_box .one_i:after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

.s_04 .accordion_one .accordion_inner {
  display: none;
  padding: 30px 30px;
  border-left: 2px solid #db0f2f;
  border-right: 2px solid #db0f2f;
  border-bottom: 2px solid #db0f2f;
  box-sizing: border-box; }

.s_04 .accordion_one .accordion_inner.stay {
  display: block; }

.s_04 .accordion_one:nth-of-type(2) .accordion_inner {
  border-left: 2px solid #ff9a05;
  border-right: 2px solid #ff9a05;
  border-bottom: 2px solid #ff9a05; }

.s_04 .accordion_one:nth-of-type(3) .accordion_inner {
  border-left: 2px solid #1c85d8;
  border-right: 2px solid #1c85d8;
  border-bottom: 2px solid #1c85d8; }

.s_04 .accordion_one .accordion_inner .box_one {
  height: 300px; }

.s_04 .accordion_one .accordion_inner p.txt_a_ac {
  margin: 0; }

@media screen and (max-width: 1024px) {
  .s_04 .accordion_one .accordion_header {
    font-size: 18px; }

  .s_04 .accordion_one .accordion_header .i_box {
    width: 30px;
    height: 30px;
    margin-top: -15px; } }
@media screen and (max-width: 767px) {
  .s_04 .accordion_one .accordion_header {
    font-size: 16px;
    text-align: left;
    padding: 15px 60px 15px 15px; } }
/* youtube_contents
-------------------------*/
#youtube_contents {
  background: #333333;
  padding: 10px 0 60px; }
  #youtube_contents .acodion_item {
    display: none; }
  #youtube_contents .moreBtn {
    color: #ff91b5;
    margin-bottom: 40px;
    cursor: pointer; }
    #youtube_contents .moreBtn::before {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      border-top: 1px solid #ff91b5;
      border-right: 1px solid #ff91b5;
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
      margin: 0 auto 10px;
      transition: .3s; }
    #youtube_contents .moreBtn.on::before {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  #youtube_contents .btn_gra {
    margin: 40px auto 0;
    max-width: 300px; }
    #youtube_contents .btn_gra a, #youtube_contents .btn_gra .btn_inner {
      background: linear-gradient(90deg, #ff6062, #ff9763); }

#youtube_list .txtArea {
  max-width: 700px;
  width: 96%;
  margin: auto;
  /*p { text-align: left; }*/ }

/* id_todayOpen
-------------------------*/
#id_todayOpen {
  top: 10px; }
  @media screen and (max-width: 480px) {
    #id_todayOpen {
      /*top: 65px;*/ } }

/*====================================================================
以下は不要です。
====================================================================*/
/*
body {
    font-family: YuGothic, "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    letter-spacing: .025em;
    line-height: 1.8;
    margin: 0;
}
@media screen and (max-width: 1024px) {
    body {
        font-size: 14px;
    }
}
.section {
    max-width: 1024px;
    margin: 0 auto;
    padding: 20px 20px 500px;
}
.section p._a {
    font-size: 12px;
    font-weight: bold;
    margin: 30px 0 0;
}
.section p._a .link {
    display: inline-block;
    color: #607D8B;
    padding-left: 1.3em;
    text-indent: -1.3em;
}
.section p._a .link:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-top: 2px solid #607D8B;
    border-right: 2px solid #607D8B;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-right: 10px;
}
*/