@charset "UTF-8";
/*============================================
  #e5489-hokuriku
=============================================*/
@media only screen and (min-width: 769px) {
  #e5489-hokuriku .sp {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  #e5489-hokuriku .pc {
    display: none;
  }
  #e5489-hokuriku .sp {
    display: block;
  }
}
#e5489-hokuriku .inner {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  #e5489-hokuriku .inner {
    max-width: 100%;
  }
}
#e5489-hokuriku a{ transition: all .2s;}
#e5489-hokuriku a:hover{ opacity: .8;}
#e5489-hokuriku .bg-aqua-blue{ background: linear-gradient(to right,#0198d8,#1046a1);}
#e5489-hokuriku .txt-aqua-blue{
  background: linear-gradient(to right,#0198d8,#1046a1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
#e5489-hokuriku .mv1{
  color: #fff;
  font-size: 37px;
  font-weight: 900;
  letter-spacing: .2em;
  text-align: center;
  padding: 21px;
}
#e5489-hokuriku .mv2{
  background: linear-gradient(to right,#002163,#073377,#002163);
}
#e5489-hokuriku .mv2 .inner{
  position: relative;
  padding-top: 50px;
}
#e5489-hokuriku .mv2 h1{
  text-align: center;
  margin-bottom: 30px;
}
#e5489-hokuriku .mv2 .balloon{
  color: #002163;
  font-size: 32.04px;
  letter-spacing: .16em;
  font-weight: 900;
  text-align: center;
  position: absolute;
  top: -36px;
  left: -3px;
  background: url(../img/balloon.png) center / 240px auto no-repeat;
  width: 240px;
  height: 77px;
  padding-top: 7px;
}
#e5489-hokuriku .mv2 .balloon small{
  font-size: 23.82px;
}
#e5489-hokuriku .mv2 .mv-ic{
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  overflow: hidden;
  margin-right: 50px;
}
#e5489-hokuriku .mv2 .mv-ic figure{
  margin-bottom: -40px;
}
#e5489-hokuriku .mv2 .mv-ic div{
  margin-left: 20px;
}
#e5489-hokuriku .mv2 .mv-ic div p{
  margin-bottom: 30px;
}
#e5489-hokuriku .cont1{
  padding: 80px 5%;
  background: url(../img/cont1-bg-pc.jpg) center / cover no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}
#e5489-hokuriku .cont1 h2{
  color: #002163;
  font-size: 35px;
  font-weight: 900;
  letter-spacing: .3em;
}
#e5489-hokuriku .cont1 a{
  color: #fff;
  font-size: 22px;
  line-height: 1.45;
  font-weight: 700;
  margin-left: 40px;
  width: 360px;
  height: 95px;
  display: flex;
  align-items: center;
  padding: 0 75px 0 30px;
  position: relative;
}
#e5489-hokuriku .cont1 a:after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 25px;
  bottom: 0;
  margin: auto 0;
  background: url(../img/ic-arrow.svg) right 16px center / 18px auto no-repeat #406bb4;
  width: 47px;
  height: 47px;
  border-radius: 99px;
}
#e5489-hokuriku .cont2{
  background: #d2e5fc;
  padding: 90px 0 100px;
}
#e5489-hokuriku .cont2 h2{
  color: #002163;
  font-size: 37px;
  font-weight: 900;
  letter-spacing: .08em;
  text-align: center;
  margin-bottom: 40px;
}
#e5489-hokuriku .cont2 h2 span{
  display: inline-block;
  padding: 0 32px;
  position: relative;
}
#e5489-hokuriku .cont2 h2 span:before,#e5489-hokuriku .cont2 h2 span:after{
  content: "";
  position: absolute;
  bottom: .25em;
  display: block;
  width: 18px;
  height: 28px;
}
#e5489-hokuriku .cont2 h2 span:before{
  left: 0;
  background: url(../img/balloon1.png) center / 18px auto no-repeat;
}
#e5489-hokuriku .cont2 h2 span:after{
  right: 0;
  background: url(../img/balloon2.png) center / 18px auto no-repeat;
}
#e5489-hokuriku .cont2 ul.tab{
  display: flex;
  justify-content: center;
  gap: 13px;
}
#e5489-hokuriku .cont2 ul.tab li{
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  width: 22.5%;
  height: 89px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #7e9abf;
  cursor: pointer;
  flex-wrap: wrap;
}

#e5489-hokuriku .cont2 ul.tab li small {
  display: block;
  font-size: 14px;
  margin-top: -30px;
}

@media only screen and (max-width: 768px) {
  #e5489-hokuriku .cont2 ul.tab li small {
    font-size: 2.4vw;
    margin-top: -4vw;
  }
}
#e5489-hokuriku .cont2 ul.tab li.active{ background: #002163;}
#e5489-hokuriku .cont2 .tabcont{
  border: 4px solid #002163;
  border-radius: 10px;
  padding: 70px 80px;
  margin-bottom: 100px;
  display: none;
}
#e5489-hokuriku .cont2 .tabcont#tab2{ background: #c7eac5;}
#e5489-hokuriku .cont2 .tabcont#tab3{ background: #f7dbbe;}
#e5489-hokuriku .cont2 .tabcont#tab4{ background: #d2f1fc;}
#e5489-hokuriku .cont2 .tabcont.show{ display: block;}
#e5489-hokuriku .bd-btm{ border-bottom: 7px solid #1f325a;}
#e5489-hokuriku .cont2 .tabcont .ticketless{
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}
#e5489-hokuriku .cont2 .tabcont .ticketless figure{ margin-right: 30px;}
#e5489-hokuriku .cont2 .tabcont .ticketless p{
  color: #002a63;
  font-size: 16px;
  font-weight: 700;
}
#e5489-hokuriku .cont2 .tabcont .ticketless p .f-orange{ color: #ff4200;}
#e5489-hokuriku .cont2 .tabcont .belt-orange{
  color: #fff;
  font-size: 23px;
  line-height: 1.2;
  letter-spacing: .08em;
  font-weight: 700;
  text-align: center;
  background: #ff4200;
  padding: 5px;
  margin-bottom: 40px;
}
#e5489-hokuriku .cont2 .tabcont a{
  color: #002a63;
  padding: 30px 50px;
  display: block;
  background-color: #fff;
  margin-bottom: 30px;
}
#e5489-hokuriku .cont2 .tabcont a:last-child{
  margin-bottom: 0;
}
#e5489-hokuriku .cont2 .tabcont a .ticket-tag{
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding-bottom: 20px;
  border-bottom: 2px dashed #002a63;
  margin-bottom: 25px;
}
#e5489-hokuriku .cont2 .tabcont a .ticket-tag .txt-aqua-blue{
  font-size: 40px;
  line-height: 1.45;
  font-weight: 900;
  margin-right: 15px;
}
#e5489-hokuriku .cont2 .tabcont a .ticket-tag div{
  display: flex;
}
#e5489-hokuriku .cont2 .tabcont a .ticket-tag div .tag{
  font-size: 16px;
  font-weight: 900;
  text-align: center;
  display: block;
  padding: 3px 10px;
  min-width: 91px;
  margin-left: 5px;
  border-radius: 5px;
}
#e5489-hokuriku .cont2 .tabcont a .ticket-tag div .tag.tag-white{
  color: #002a63;
  background: #fff;
  border: 2px solid #002a63;
}
#e5489-hokuriku .cont2 .tabcont a .ticket-tag div .tag.tag-yellow{
  color: #002a63;
  background: #facd07;
}
#e5489-hokuriku .cont2 .tabcont a .ticket-tag div .tag.tag-darklue{
  color: #fff;
  background: #002163;
}
#e5489-hokuriku .cont2 .tabcont a .arrow{
  color: #002a63;
  font-size: 18px;
  line-height: 1.611;
  font-weight: 700;
  padding-right: 50px;
  position: relative;
}
#e5489-hokuriku .cont2 .tabcont a .arrow:after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto 0;
  background: url(../img/ic-arrow.svg) center right 18px / 18px auto no-repeat #194da5;
  width: 50px;
  height: 50px;
  border-radius: 99px;
}
#e5489-hokuriku .bnr_tabiwa{
  display: block;
  max-width: 860px;
  margin: 0 auto;
}
#e5489-hokuriku .cont2 .tabcont .read{
  color: #002a63;
  font-size: 19px;
  line-height: 1.579;
  font-weight: 500;
  text-align: center;
  background: #fcf1e5;
  border-radius: 10px;
  padding: 25px;
  margin-bottom: 40px;
}
#e5489-hokuriku .cont2 .tabcont .read em{
  font-weight: 700;
  font-style: normal;
}
#e5489-hokuriku .cont2 .tabcont .read small{
  font-size: 17px;
}

@media only screen and (max-width: 768px) {
  #e5489-hokuriku a:hover{ opacity: 1;}
  #e5489-hokuriku .mv1{
    font-size: 5.066vw;
    letter-spacing: .16em;
    padding: 3vw;
  }
  #e5489-hokuriku .mv2 .inner{ padding-top: 9vw;}
  #e5489-hokuriku .mv2 h1{ margin-bottom: 5vw;}
  #e5489-hokuriku .mv2 h1 img{ width: 72vw;}
  #e5489-hokuriku .mv2 .balloon{
    font-size: 4.266vw;
    top: -2vw;
    right: 0;
    left: 0;
    margin: 0 auto;
    background: url(../img/balloon.png) center / 31.87vw auto no-repeat;
    width: 31.87vw;
    height: 10vw;
    padding-top: 1.2vw;
  }
  #e5489-hokuriku .mv2 .balloon small{ font-size: 3.77vw;}
  #e5489-hokuriku .mv2 .mv-ic{
    display: block;
    margin: 0;
  }
  #e5489-hokuriku .mv2 .mv-ic figure{
    padding: 0 1vw 0 4vw;
    width: 95vw;
    margin: 0 auto -6.5vw;
  }
  #e5489-hokuriku .mv2 .mv-ic div{
    display: flex;
    justify-content: center;
    margin: 0 0 2.5vw;
  }
  #e5489-hokuriku .mv2 .mv-ic div p{
    width: 25vw;
    margin: 0 3vw 2vw;
  }
  #e5489-hokuriku .cont1{
    padding: 10.5vw 15vw 11.5vw;
    background: url(../img/cont1-bg-sp.jpg) center / cover no-repeat;
    display: block;
  }
  #e5489-hokuriku .cont1 h2{
    font-size: 6vw;
    text-align: center;
    margin-bottom: 3.6vw;
  }
  #e5489-hokuriku .cont1 a{
    font-size: 3.733vw;
    margin: 0 0 2.2vw;
    width: 100%;
    height: 18vw;
    padding: 0 15vw 0 5vw;
  }
  #e5489-hokuriku .cont1 a:after{
    right: 4.5vw;
    background: url(../img/ic-arrow.svg) right 2.8vw center / 4vw auto no-repeat #406bb4;
    width: 9vw;
    height: 9vw;
  }
  #e5489-hokuriku .cont2{ padding: 8.5vw 0 13vw;}
  #e5489-hokuriku .cont2 h2{
    font-size: 4.933vw;
    line-height: 1.2;
    margin-bottom: 8vw;
  }
  #e5489-hokuriku .cont2 h2 span{
    line-height: 1.7;
    padding: 0 6vw;
  }
  #e5489-hokuriku .cont2 h2 span:before,#e5489-hokuriku .cont2 h2 span:after{
    bottom: -.3em;
  }
  #e5489-hokuriku .cont2 h2 span:before{
    left: 0;
    background: url(../img/balloon1.png) center / 3.33vw auto no-repeat;
  }
  #e5489-hokuriku .cont2 h2 span:after{
    right: 0;
    background: url(../img/balloon2.png) center / 3.33vw auto no-repeat;
  }
  #e5489-hokuriku .cont2 ul.tab{ gap: 1.5vw;}
  #e5489-hokuriku .cont2 ul.tab li{
    font-size: 3.733vw;
    text-align: center;
    width: 21.5%;
    height: 17vw;
  }
  #e5489-hokuriku .cont2 .tabcont{
    border: .6vw solid #002163;
    border-radius: 3vw;
    padding: 8vw 5vw;
    margin-bottom: 13.33vw;
  }
  #e5489-hokuriku .bd-btm{ border-bottom: 1.2vw solid #1f325a;}
  #e5489-hokuriku .cont2 .tabcont .ticketless{
    text-align: center;
    display: block;
    margin-bottom: 7vw;
  }
  #e5489-hokuriku .cont2 .tabcont .ticketless figure{
    width: 68vw;
    margin: 0 auto 3.5vw;
  }
  #e5489-hokuriku .cont2 .tabcont .ticketless p{
    font-size: 3.466vw;
    line-height: 1.8;
  }
  #e5489-hokuriku .cont2 .tabcont .belt-orange{
    font-size: 4.266vw;
    letter-spacing: 0;
    padding: 1vw;
    margin-bottom: 8vw;
  }
  #e5489-hokuriku .cont2 .tabcont a{
    padding: 5vw 6.5vw 4vw;
    margin-bottom: 4vw;
  }
  #e5489-hokuriku .cont2 .tabcont a .ticket-tag{
    display: block;
    padding-bottom: 3.2vw;
    border-bottom: .2vw dashed #002a63;
    margin-bottom: 4.5vw;
  }
  #e5489-hokuriku .cont2 .tabcont a .ticket-tag .txt-aqua-blue{
    font-size: 5.866vw;
    margin-right: 0;
  }
  #e5489-hokuriku .cont2 .tabcont a .ticket-tag div .tag{
    font-size: 2.48533vw;
    padding: 1vw 1vw;
    min-width: 14.133vw;
    margin: 0 1vw .2vw 0;
    border-radius: .5vw;
  }
  #e5489-hokuriku .cont2 .tabcont a .ticket-tag div .tag.tag-white{ border: .2vw solid #002a63;}
  #e5489-hokuriku .cont2 .tabcont a .arrow{
    font-size: 3.466vw;
    line-height: 1.8;
    padding-right: 16vw;
  }
  #e5489-hokuriku .cont2 .tabcont a .arrow:after{
    background: url(../img/ic-arrow.svg) center right 2.6vw / 3vw auto no-repeat #194da5;
    width: 8vw;
    height: 8vw;
  }
  #e5489-hokuriku .cont2 .tabcont .read{
    font-size: 4.733vw;
    text-align: left;
    border-radius: 2vw;
    padding: 3vw 5vw;
    margin-bottom: 4vw;
  }
  #e5489-hokuriku .cont2 .tabcont .read small{ font-size: 4.266vw;}
}