@charset "utf-8";

/* アンカーリンク */
#hakodate,#nkanto,#hokuriku {
  padding-top: 100px;
  margin-top: -100px;
}

/* ナビ */
/* .naviArea li:first-child{
white-space: nowrap;
} */
.naviArea li{
white-space: nowrap;
}
    .tab_menu {
  display: flex;
  padding: 0;
  margin-top: 30px;
  gap: 10px;
}
/* 大曲花火タイトル */
.ttl_text{
max-width: 500px;
margin: 0 auto;
}
.ttl_text .ttl{
margin-bottom:0;
font-size:2rem;
text-align:center;
font-weight:bold;
}
.bg_01 .ttl_text .ttl p{
color:#eaca58;
}
/* 日本三大花火大会タブ切り替え */
.tab_btn {
  padding: 10px 20px;
  border-radius:10px;
  cursor: pointer;
  background: #434c57;
  opacity: 0.8;
}

.tab_btn.active {
  background: #0c477a;
  opacity: 1;
}
.tab_btn  >p{
  font-weight: bold;
  color: #eaca58;
}

.tab_area {
  display: none;
  padding: 20px 0;
}

.tab_area.show {
  display: block;
}

.tab_btn:hover{
  opacity: 1;
  font-weight: bold;
  background: #0c477a;
}
.swichi_mv:not([title=""]):after{
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 1));
}

.productButton .btn_hanabi2 >a>.btn_box_l>.btn_inner>.btn_ttl{
font-size:1.4rem;
}
.productButton .btn_hanabi2{
margin:0 0 0;
}
.productButton .btn_hanabi2>a{
border: none;
padding: 10px;
border-radius:3px;
}
.productButton .btn_hanabi2:hover{
opacity: 1;
}
.productButton .btn_hanabi2>a>.btn_box_r>.arrow-right{
display: none;
}
.btn_hanabi2 a::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #032142;
    border-right: 2px solid #032142;
    top: 50%;
    right: 25px;
    margin-top: -6px;
    transform: rotate(48deg);
}

/* PCのみ */
@media screen and (min-width: 768px) {
  /* ナビ調整 */
.naviArea .nav_top li{
height:50px;
}
  .naviArea .nav_top li:nth-child(4) a span,
  .naviArea .nav_top li:nth-child(6) a span{
    padding-top: 5px;
    padding-bottom: 0;
    font-size:1.3rem;
  }
  .naviArea .nav_top li a span::after{
    right: 17px;
  }

  /* 大会名小さく */
  .ttl_content .font_s{
	font-size:1.8rem;
  line-height: 2.2;
}
}
/* SPのみ */
@media screen and (max-width: 767px){
  /* 大曲花火タイトル */
.ttl_text{
max-width: unset;
}
.ttl_text .ttl{
  font-size: 1.8rem;
}
  /*  日本三大花火大会タブ切り替え  */
.tab_menu {
  margin-top: 14px;
  gap: 5px;
  justify-content: center;
}
.tab_btn{
padding: 5px 10px;
}
.tab_btn > p{
font-size:1rem;
}
.tab_area{
  background: #0c477a;
}
.bg_b_img .cmn_contents.box_content{
padding-top: 10px;
}
}

/* サムネイルキャプション */
.bg_01 .thumbnailImage>.imgSwitch>.mv:not([title=""]):after, .bg_02 .thumbnailImage>.imgSwitch>.mv:not([title=""]):after{
  width: 100%;
  top: calc(100% - 24px);
  padding-left: 7px;
  color: #fff;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 1));
}