@charset "UTF-8";
/* @use 'variables' as *; */
/*----------------------------------------
    top page
------------------------------------------*/
/* fv
------------------------------------------*/
#fv {position: relative;width: 100%;height: 100vh;}
#fv .logo {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -60%);width: 45%;z-index: 2;}
#fv .logo img {display: block;width: 100%;}
#fv .logo .layer2, #fv .logo .layer3 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#fv .logo .layer1 {position: relative;}
#fv .top_bnr{ position: absolute;/*bottom: 5%;*/width: 80%;  left: calc(50% + 20px);transform: translate(-50%,0); background-color:rgb(0,13,113);}
#fv .top_bnr a{ transition: 0.3s;}
#fv .top_bnr a:hover{ opacity: 0.7;}

@media only screen and (max-width: 835px) {
    #fv {  height: calc(100vh - 32.5vw);}
  #fv .logo {  width: 85vw;}
  #fv .top_bnr{ bottom: 5%; width: 90%; left: 50%;}
}


/* schedule
-------------------------------*/
.top_schedule{  width: 50%; margin: 0vw auto 14vw; position: relative;}

@media only screen and (max-width: 835px) {
    .top_schedule{ width: 80%;margin:0vw auto 40vw;}
}

/* news
-------------------------------*/
#news {position: relative;width: 100%;height: auto;padding: 6% 5% 4% calc(30px + 8%);margin-top: 6%;background-color: rgba(14, 49, 192, 0.5);line-height: 1.7em;text-align: left;}
#news .h_title_news {position: absolute;display: block;top: 0;left: calc(30px + 8%);transform: translate(0, -50%);width: 30%;}
#news .h_title_news img {width: 100%;}
#news .news_list {border-top: 1px solid #3d5079;}
#news .news_list li .news_rack {position: relative;display: flex;padding: 1.4em 1.2em 1.3em;border-bottom: 1px solid #3d5079;color: #fcfcfc;font-size: 16px;overflow: hidden;transition: 0.4s;}
#news .news_list li .news_rack::before {position: absolute;display: block;content: "";top: 0;left: 0;width: 100%;height: 100%;background: repeat-x url(../images/text/main_title_sp.webp);background-size: contain;background-position: center;opacity: 0;transition: 0.2s;}
#news .news_list li .news_rack .date {position: relative;display: block;margin-right: 2em;white-space: nowrap;margin-bottom: 0.4em;}
#news .news_list li .news_rack .title {position: relative;display: block;text-align: left;}
#news .news_list li .news_rack:hover {background-color: rgba(0, 0, 0, 0);}
#news .news_list li .news_rack:hover::before {opacity: 0.2;}

@media only screen and (max-width: 835px) {#news {  padding: 10% 5% 5%;}
  #news .h_title_news {  left: 5%;  width: 50%;}
  #news .news_list li .news_rack {  flex-direction: column;  padding: 1.3em 0 1.2em;}
}
/* about
-------------------------------*/
#about {position: relative;display: block;width: 100%;aspect-ratio: 1500/1260;overflow: hidden;}
#about .paint {position: absolute;width: 70%;height: auto;}
#about .paint img {display: block;width: 100%;}
#about .paint.tr {top: 0;right: 0;transform: translate(40%, -40%) rotateZ(30deg);}
#about .paint.bl {bottom: 0;left: 0;transform: translate(-40%, 40%) rotateZ(210deg);}
#about .back_piping {position: absolute;top: 0;left: 50%;width: 100%;height: auto;transform: translate(-50%, -50%);}
#about .back_piping img {display: block;width: 100%;height: auto;}
#about .catch {position: absolute;top: 8%;left: 50%;transform: translateX(-50%) rotateZ(-3deg);width: 100%;height: auto;}
#about .catch img {display: block;width: 100%;height: auto;}
#about .about_img_main {position: absolute;bottom: 0;left: 0;width: 100%;height: auto;transform: translateY(40%);}
#about .about_img_main img {display: block;width: 100%;height: auto;}
#about .text_box {position: absolute;bottom: 22%;left: 50%;transform: translateX(-50%);width: 90%;}
#about .text_box p {font-size: min(18px, 1vw);line-height: 2.3em;font-weight: 700;}
#about .text_box p:last-of-type {margin-bottom: 0;}

@media only screen and (max-width: 835px) {#about {  aspect-ratio: 390/1052;}
  #about .paint {  width: 160%;}
  #about .paint.tr {  transform: translate(45%, -45%);}
  #about .paint.bl {  transform: translate(-45%, 15%) rotateZ(180deg);}
  #about .back_piping {  top: 43%;  width: 180%;  transform: translate(-50%, -50%) rotateZ(-15deg);  opacity: 0.6;}
  #about .catch {  top: 6%;}
  #about .about_img_main {  transform: translateY(0%);}
  #about .text_box {  bottom: auto;  top: 43%;  transform: translate(-50%, -50%);  width: 90%;}
  #about .text_box p {  font-size: min(18px, 3.6vw);  line-height: 2.3em;}
}
/* whats blue man
-------------------------------*/
#whats_blue_man {position: relative;display: block;width: 100%;aspect-ratio: 1500/770;}
#whats_blue_man .main_img_outer {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
#whats_blue_man .main_img_outer .main_img {position: absolute;top: 0;right: 0;width: 70%;height: auto;transform: translate(20%, -10%);}
#whats_blue_man .main_img_outer .main_img img {width: 100%;}
#whats_blue_man .catch {position: absolute;top: 15%;left: 0;width: 55%;height: auto;margin-bottom: 0;}
#whats_blue_man .catch img {width: 100%;}
#whats_blue_man .img_slide {position: absolute;bottom: 0;left: 0;display: flex;width: 100%;transform: translateY(50%) rotateZ(-4deg);z-index: 1;}
#whats_blue_man .img_slide img {display: block;width: 100%;-webkit-animation: hor_move_r 20s linear infinite;        animation: hor_move_r 20s linear infinite;}

@media only screen and (max-width: 835px) {#whats_blue_man {  aspect-ratio: 390/500;}
  #whats_blue_man .main_img_outer .main_img {  top: 27%;  right: 50%;  width: 120%;  transform: translate(50%, 0%);}
  #whats_blue_man .catch {  top: 0%;  width: 100%;}
}
/* fanclub
-------------------------------*/
#fanclub {position: relative;padding: 17vw 0;}
#fanclub .bg_layer {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;background-color: rgba(0, 0, 0, 0.7);}
#fanclub .bg_layer .paint {position: absolute;width: 70%;height: auto;}
#fanclub .bg_layer .paint img {width: 100%;}
#fanclub .bg_layer .paint.tr {top: 0;right: 0;transform: translate(40%, -40%) rotateZ(30deg);}
#fanclub .bg_layer .paint.bl {bottom: 0;left: 0;transform: translate(-40%, 40%) rotateZ(210deg);}
#fanclub .bg_layer .text_ring {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: auto;height: 115%;}
#fanclub .bg_layer .text_ring img {display: block;width: auto;max-width: none;height: 100%;-webkit-animation: rotation 60s linear infinite;        animation: rotation 60s linear infinite;}
#fanclub .center_box {position: relative;width: 90%;max-width: 1000px;margin: 0 auto;}
#fanclub .center_box .blueman_img {position: relative;width: 40%;margin: 0 auto -10%;}
#fanclub .center_box .blueman_img img {width: 100%;}
#fanclub .center_box .title {position: relative;width: 100%;height: auto;margin-bottom: 5%;}
#fanclub .center_box .title img {width: 100%;}
#fanclub .center_box .text_box {position: relative;width: 100%;margin-bottom: 5%;}
#fanclub .center_box .text_box p {font-size: min(18px, 1vw);line-height: 2.3em;font-weight: 700;}
#fanclub .center_box .text_box p:last-of-type {margin-bottom: 0;}
#fanclub .center_box .link_btn_outer {position: relative;width: 100%;height: auto;text-align: center;}
#fanclub .center_box .link_btn_outer .fanclub_link {display: inline-block;width: min(440px, 90%);transition: 0.2s;}
#fanclub .center_box .link_btn_outer .fanclub_link img {width: 100%;}
#fanclub .center_box .link_btn_outer .fanclub_link:hover {transform: scale(1.02);}

@media only screen and (max-width: 835px) {
  #fanclub {  padding: 30vw 0;}
  #fanclub .bg_layer {  background: rgba(0, 0, 0, 0.5);}
  #fanclub .bg_layer .text_ring {  height: 105%;}
  #fanclub .center_box .blueman_img {  width: 50%;  margin: 0 auto 0;}
  #fanclub .center_box .title {  margin-bottom: 10%;}
  #fanclub .center_box .text_box {  margin-bottom: 10%;}
  #fanclub .center_box .text_box p {  font-size: min(18px, 3.6vw);  line-height: 2.3em;}
}
/* goods
-------------------------------*/
#top_goods {position: relative;padding: 17vw 0 10vw;}
#top_goods .center_box {position: relative;width: 90%;max-width: 1000px;margin: 0 auto;}
#top_goods .center_box .title {position: relative;width: 50%;height: auto;margin: 0 auto 5%;}
#top_goods .center_box .goods_img {margin-bottom: 3%;}
#top_goods .center_box .text_box {position: relative;width: 100%;margin-bottom: 5%;}
#top_goods .center_box .text_box p {font-size: min(18px, 1vw);line-height: 2em;font-weight: 700;}
#top_goods .center_box .text_box .strong{ color: #F9CD00;font-size: 1.8em;line-height: 1.5em;}
#top_goods .center_box .text_box p:last-of-type {margin-bottom: 0;}
#top_goods .center_box .link_btn_outer .goods_link {display: inline-block;width: min(440px, 90%);transition: 0.2s;}
#top_goods .center_box .link_btn_outer .goods_link img {width: 100%;}
#top_goods .center_box .link_btn_outer .goods_link:hover {transform: scale(1.02);}

@media only screen and (max-width: 835px) {
  #top_goods {position: relative;padding: 30vw 0 20vw;}
  #top_goods .center_box .text_box .strong{font-size: 1.4em;}
  #top_goods .center_box .text_box p{font-size: min(18px, 3.6vw);text-align: left;line-height: 1.8em;}
}

/* inquiry
-------------------------------*/
#inquiry {position: relative;padding: calc(var(--main_distance) * 1) 0;}
#inquiry .bg_layer {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;background-color: rgba(14, 49, 192, 0.8);}
#inquiry .bg_layer .paint {position: absolute;}
#inquiry .bg_layer .paint img {width: 100%;}
#inquiry .bg_layer .paint.tl {top: 0;left: 0;width: 32%;height: auto;}
#inquiry .bg_layer .paint.br {bottom: 0;right: 0;width: 25%;height: auto;}
#inquiry .title {position: relative;font-size: clamp(20px, 3vw, 40px);line-height: 1.9em;font-weight: bold;white-space: nowrap;margin-bottom: calc(var(--main_distance) / 2);}
#inquiry .title span {font-size: 1.6em;color: #F9CD00;}
#inquiry .text_box {font-size: clamp(14px, 2vw, 18px);line-height: 1.8em;margin-bottom: calc(var(--main_distance) / 2);}
#inquiry .text_box h3 {display: inline-block;font-weight: bold;font-size: 1.2em;border: 1px solid #fcfcfc;padding: 0.1em 3em 0.2em;margin-bottom: 0.3em;min-width: 40%;}
#inquiry .text_box p span {white-space: nowrap;}
#inquiry .text_box p:last-of-type {margin-bottom: 0;}
#inquiry .text_box .tell {color: #fcfcfc;font-size: 2em;white-space: nowrap;}
#inquiry .link_btn_outer {position: relative;width: 100%;height: auto;text-align: center;}
#inquiry .link_btn_outer .inquiry_link {display: inline-block;width: min(440px, 90%);transition: 0.2s;}
#inquiry .link_btn_outer .inquiry_link img {width: 100%;}
#inquiry .link_btn_outer .inquiry_link:hover {transform: scale(1.02);}

@media only screen and (max-width: 835px) {#inquiry {  padding: calc(var(--main_distance) * 2) 0;}
  #inquiry .bg_layer .paint.tl {  width: 40%;}
  #inquiry .bg_layer .paint.br {  width: 30%;}
  #inquiry .text_box h3 {  min-width: 60%;}
}
/* gallery
-------------------------------*/
#gallery {position: relative;}
#gallery .gallery_grid {position: relative;--grid_gap:0px;display: grid;grid-template-columns: repeat(2, calc((100% - var(--grid_gap) * 1) / 2));grid-row-gap: var(--grid_gap);grid-column-gap: var(--grid_gap);}
#gallery .gallery_grid li {display: block;width: 100%;}
#gallery .gallery_grid li img {width: 100%;}

@media only screen and (max-width: 835px) {#gallery .gallery_grid {  grid-template-columns: repeat(1, 100%);}
}
/* blank area
-------------------------------*/
#blank_area {position: relative;display: block;width: 100%;height: 100vh;}
#blank_area .sp_sns_links {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: min(300px, 60%);}
#blank_area .sp_sns_links .links {display: flex;justify-content: center;gap: 5%;margin-bottom: 10px;width: 100%;}
#blank_area .sp_sns_links .links li {display: block;width: 16%;}
#blank_area .sp_sns_links .links li a {display: block;width: 100%;height: auto;}
#blank_area .sp_sns_links .links li a img {display: block;width: 100%;height: auto;}
#blank_area .sp_sns_links .text {display: block;width: 100%;height: auto;}
#blank_area .sp_sns_links .text img {display: block;width: 100%;height: auto;}

@media only screen and (max-width: 835px) {#blank_area {  height: calc(100vh - var(--footer_h) - 33.3333333333vw + 1px);}
  #blank_area .sp_sns_links {  transform: translate(-50%, calc(-50% + var(--footer_h) / 2));}
}
/* in news
-------------------------------*/
#in_news .news_list {border-top: 1px solid #15a4df;}
#in_news .news_list li .news_rack {position: relative;display: flex;padding: 1.4em 1.2em 1.3em;border-bottom: 1px solid #15a4df;color: #fcfcfc;font-size: 16px;overflow: hidden;transition: 0.4s;}
#in_news .news_list li .news_rack .date {position: relative;display: block;margin-right: 2em;white-space: nowrap;margin-bottom: 0.4em;}
#in_news .news_list li .news_rack .title {position: relative;display: block;text-align: left;}
#in_news .news_list li .news_rack:hover {background-color: rgba(21, 164, 223, 0.5);}

/* in contact
-------------------------------*/
#in_contact .top_note {margin-bottom: 2em;}
#in_contact .top_note p:last-of-type {margin-bottom: 0;}
#in_contact .contact_form {position: relative;display: block;width: 100%;height: auto;}
#in_contact .contact_form form .form_rack {display: flex;justify-content: space-between;align-items: flex-start;width: 100%;height: auto;padding: 1.5em;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
#in_contact .contact_form form .form_rack .title_box {display: block;text-align: left;width: 12em;pointer-events: none;}
#in_contact .contact_form form .form_rack .title_box p {margin-bottom: 0;}
#in_contact .contact_form form .form_rack .title_box .sub {font-size: 0.8em;line-height: 1em;color: #9B9B9B;}
#in_contact .contact_form form .form_rack .input_box {display: block;width: calc(100% - 12em - 1em);}
#in_contact .contact_form form .form_rack .input_box.type_text input, #in_contact .contact_form form .form_rack .input_box.type_text textarea {display: block;padding: 0.5em 1em;width: 100%;background-color: #fcfcfc;border: 1px solid #707070;border-radius: 4px;}
#in_contact .contact_form form .form_rack .input_box.type_radio {display: flex;justify-content: flex-start;flex-wrap: wrap;}
#in_contact .contact_form form .form_rack .input_box.type_radio label {display: flex;align-items: center;margin-right: 1em;white-space: nowrap;}
#in_contact .contact_form form .form_rack .input_box.type_radio input {display: block;width: 1em;height: 1em;margin-right: 0.3em;background-color: #fcfcfc;border: 1px solid #707070;border-radius: 50%;cursor: pointer;}
#in_contact .contact_form form .form_rack .input_box.type_radio input:checked {background-color: #15a4df;border: 2px solid white;}
#in_contact .contact_form form .form_rack .input_box.type_radio span {margin: 0;}
#in_contact .contact_form form .form_rack .input_box p {margin-bottom: 0;}
#in_contact .contact_form form .submit_btn_outer {padding: 1.5em 0;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
#in_contact .contact_form form .submit_btn_outer p {margin-bottom: 0;}
#in_contact .contact_form form .wpcf7-not-valid-tip {text-align: left;}
#in_contact .contact_form form .wpcf7-spinner {display: none;}
#in_contact .contact_form .btn_outer {padding: 3em 0 0;}

@media only screen and (max-width: 1200px) {#in_contact .contact_form form .form_rack {  flex-direction: column;  padding: 1.5em 0em;}
  #in_contact .contact_form form .form_rack .title_box {  margin-bottom: 1em;  width: 100%;}
  #in_contact .contact_form form .form_rack .input_box {  width: 100%;}
}
/* info
-------------------------------*/
.container {max-width: 1000px;width: 94%;margin: 0 auto;position: relative;}

.info_sec {padding: 130px 0;text-align: left;}
.info_sec .info_nav {position: relative;display: flex; width: 100%;margin: 0 auto 80px;text-align: center;z-index: 100;max-width: 1000px;transition: 0.2s;}
.info_sec .info_nav.active {}
.info_sec .info_nav.mb_half {margin-bottom: 40px;}
.info_sec .info_nav li {width: 33.33%;}
.info_sec .info_nav li a {background-color: #15a4df;display: block;color: #fff;padding: 1em 0; transition: 0.2s;}
.info_sec .info_nav li a:hover { opacity: 0.7;}
.info_sec .info_nav li a.osaka {background-color: #ee0577;}
.info_sec .info_nav li a.nagoya {background-color: #f79902;}
.info_sec .info_nav li a.dis {opacity: 0.5;pointer-events: none;}
.info_sec .tit_box {text-align: center;}
.info_sec .tit_box .page_tit {font-family: "Teko", "Noto Sans JP", sans-serif;margin-bottom: 80px;padding-bottom: 60px;border-bottom: 1px solid #fff;}
.info_sec .tit_box .page_tit .main {display: block;font-size: 10em;font-weight: 600;line-height: 1em;color: #15a4df;}
.info_sec .tit_box .page_tit .main.osaka {color: #ee0577;}
.info_sec .tit_box .page_tit .main.nagoya {color: #f79902;}
.info_sec .tit_box .page_tit .txt_01 {display: block;font-size: 1.5em;line-height: 1.5em;}
.info_sec .tit_box .page_tit .txt_02 {display: block;margin-top: -0.5em;}
.info_sec .lead_txt {margin-bottom: 80px;}
.info_sec .lead_txt dl {display: flex;flex-wrap: wrap;align-items: baseline;}
.info_sec .lead_txt dl dt {background-color: #000;color: #fff;font-weight: bold;width: 8em;display: inline-block;text-align: center;font-size: 1em;line-height: 2em;margin-right: 1.1em;margin-bottom: 1em;}
.info_sec .lead_txt dl dd {width: calc(100% - 10em);margin-bottom: 1em;}
.info_sec .lead_txt dl dd .venue_img{background-color: rgba(0, 0, 0, 0.7803921569);position: relative;height: 0;padding-top: 50%;margin: 8px 0;border: 1px solid #fff;}
.info_sec .lead_txt dl dd .venue_img img{position: absolute;width: auto;height: auto;max-width: 100%;max-height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.info_sec .lead_txt .large {font-size: 1.5em;line-height: 1.5em;}
.info_sec .lead_txt a {text-decoration: underline;}
.info_sec .stit {font-size: 1.5em;line-height: 1.5em;margin-bottom: 1em;}
.info_sec .stit span {font-size: 0.7em;}
.info_sec .stit .note_txt {font-size: 0.7em; text-decoration: underline;}
.info_sec .note {font-size: 0.9em;line-height: 1.7em;margin-bottom: min(40px,6vw);}
.info_sec .note .s_01 {padding-left: 0.6em;}
.info_sec .sc_area {margin-bottom: 80px;}
.info_sec .sc_area .sc_box {margin-bottom: 20px;}
.info_sec .sc_area .sc_box img {width: 100%;}
.info_sec .seat_area {margin-bottom: 80px;}
.info_sec .seat_area .seat_box {display: flex;align-items: baseline;padding: 40px;border: 1px solid #fff;background-color: rgba(0, 0, 0, 0.7803921569);justify-content: center;}
.info_sec .seat_area .seat_box figure {width: 33.33%;}
.info_sec .seat_area .seat_box figure img {width: 100%;}
.info_sec .price_area {margin-bottom: 80px;}
.info_sec .price_area .price_table {width: 100%;margin-bottom: 20px;}
.info_sec .price_area .price_table .head {display: flex;}
.info_sec .price_area .price_table .head div:first-of-type {width: 30%;}
.info_sec .price_area .price_table .head div:nth-child(3) {width: 14%;text-align: center;font-size: 0.8em;}
.info_sec .price_area .price_table .head div:nth-child(2) {width: 14%;text-align: center;font-size: 0.8em;}
.info_sec .price_area .price_table .head div:last-of-type {width: 42%;}
.info_sec .price_area .price_table .list {display: flex;margin-bottom: 4px;flex-wrap: wrap;}
.info_sec .price_area .price_table .list .tit {padding: 1em;font-size: 1em;line-height: 1.5em;border: 1px solid;width: 30%;display: flex;align-items: center;}
.info_sec .price_area .price_table .list .price {padding: 1em;font-size: 1.2em;line-height: 1em;text-align: center;border: 1px solid;width: 14%;display: flex;align-items: center;border-left: none;background-color: rgba(0, 0, 0, 0.7803921569);}
.info_sec .price_area .price_table .list .price span {font-size: 0.6em;white-space: nowrap;}
.info_sec .price_area .price_table .list .txt {padding: 1em;font-size: 0.9em;line-height: 1.5em;border: 1px solid;width: 42%;display: flex;align-items: center;background-color: rgba(0, 0, 0, 0.7803921569);}
.info_sec .price_area .price_table .list .in {width: 100%;}
.info_sec .price_area .price_table .list.nagoya .txt {width: 56%;}
.info_sec .price_area .price_table .list.p_01 .tit {background-color: #00A6FF;border-color: #00A6FF;}
.info_sec .price_area .price_table .list.p_01 .price {border-color: #00A6FF;}
.info_sec .price_area .price_table .list.p_01 .txt {border-color: #00A6FF;}
.info_sec .price_area .price_table .list.p_02 .tit {background-color: #70AF0C;border-color: #70AF0C;}
.info_sec .price_area .price_table .list.p_02 .price {border-color: #70AF0C;}
.info_sec .price_area .price_table .list.p_02 .txt {border-color: #70AF0C;}
.info_sec .price_area .price_table .list.p_03 .tit {background-color: #FFB400;border-color: #FFB400;}
.info_sec .price_area .price_table .list.p_03 .price {border-color: #FFB400;}
.info_sec .price_area .price_table .list.p_03 .txt {border-color: #FFB400;}
.info_sec .price_area .price_table .list.p_04 .tit {background-color: #B666CA;border-color: #B666CA;}
.info_sec .price_area .price_table .list.p_04 .price {border-color: #B666CA;}
.info_sec .price_area .price_table .list.p_04 .txt {border-color: #B666CA;}
.info_sec .price_area .price_table .list.p_05 .tit {background-color: #FF3418;border-color: #FF3418;}
.info_sec .price_area .price_table .list.p_05 .price {border-color: #FF3418;}
.info_sec .price_area .price_table .list.p_05 .txt {border-color: #FF3418;}
.info_sec .price_area .price_table .list.p_06 .tit {background-color: #048b50;border-color: #048b50;}
.info_sec .price_area .price_table .list.p_06 .price {border-color: #048b50;}
.info_sec .price_area .price_table .list.p_06 .txt {border-color: #048b50;}
.info_sec .price_area .price_table .list.p_07 .tit {background-color: #ee0577;border-color: #ee0577;}
.info_sec .price_area .price_table .list.p_07 .price {border-color: #ee0577;}
.info_sec .price_area .price_table .list.p_07 .txt {border-color: #ee0577;}
.info_sec .tk_area {margin-bottom: 80px;}
.info_sec .tk_area .tk_box {margin-bottom: 20px;}
.info_sec .tk_area .tk_box li {margin-bottom: 1em;width: 100%;}
.info_sec .tk_area .tk_box li a {color: #0E31C0;background-color: #fff;display: block;padding: 2em 15% 2em 5%;font-size: 1.5em;font-weight: bold;border-radius: 20px;position: relative;}
.info_sec .tk_area .tk_box li a .small {display: block;font-size: 0.8em;}
.info_sec .tk_area .tk_box li a::after {content: "▶";position: absolute;font-size: 16px;right: 16px;top: 50%;transform: translateY(-50%);transition: 0.2s;}
.info_sec .tk_area .tk_box li a:hover::after {right: 12px;}
.info_sec .tk_area .tk_box li a.btn_02 {background-color: #0a2389;color: #fff;font-size: 1em;border: 1px solid #fff;}
.info_sec .tk_area .tk_block {border: 1px solid #ccc;padding: 4%;text-align: center; margin-bottom: 2vw;}
.info_sec .tk_area .tk_block .tktit {font-size: 24px;line-height: 1.7em;}
.info_sec .tk_area .tk_block .date {display: block;text-align: center;font-size: 24px;line-height: 1.7em;margin-bottom: 0.5em;}
.info_sec .tk_area .tk_block .date span {font-size: 0.6em;}
.info_sec .tk_area .tk_block .pg_box {margin-bottom: 24px;display: flex;justify-content: space-between;}
.info_sec .tk_area .tk_block .pg_box.one li {width: 100%;}
.info_sec .tk_area .tk_block .pg_box.three li {width: 32.33%;}
.info_sec .tk_area .tk_block .pg_box.three li .btn {padding: 1.5em 5% 0.75em 5%;}
.info_sec .tk_area .tk_block .pg_box .btn {color: #0E31C0;background-color: #fff;display: block;padding: 1.5em 5% 1em 5%;font-size: 22px;line-height: 1.5em;font-weight: bold;border-radius: 10px;position: relative;text-align: center;transition: 0.3s;}
.info_sec .tk_area .tk_block .pg_box .btn span {display: block;background-color: #0E31C0;color: #fff;font-size: 0.7em;margin-top: 1.5em;line-height: 1.5em;padding: 0.5em 0;}
.info_sec .tk_area .tk_block .pg_box .btn:hover {opacity: 0.8;}
.info_sec .other_area {margin-bottom: 80px;}
.info_sec .other_area .other_box {margin-bottom: 20px;padding: 40px;border: 1px solid #fff;background-color: rgba(0, 0, 0, 0.7803921569);font-size: 0.9em;line-height: 1.7em;}
.info_sec .other_area .other_box strong {font-size: 2em;line-height: 1.8em;}
.info_sec .other_area .other_box p:last-of-type {margin: 0;}
.info_sec .other_area .other_box a {text-decoration: underline;}
.info_sec .other_area_02 {margin-bottom: 60px;}
.info_sec .other_area_02 .stit {font-size: 1.2em;}
.info_sec .top_btn {display: block;position: relative;border: 1px solid #fff;border-radius: 10px;color: #fff;text-align: center;padding: 1em;font-size: 1.2em;margin: 0px auto 120px;}
.info_sec .top_btn::after {content: "▶";position: absolute;font-size: 16px;right: 16px;top: 50%;transform: translateY(-50%);transition: 0.2s;}
.info_sec .top_btn:hover::after {right: 12px;}
.info_sec #blank_area {height: inherit;text-align: center;}
.info_sec #blank_area .sp_sns_links {position: inherit;top: inherit;left: inherit;transform: inherit;display: inline-block;}

@media only screen and (max-width: 835px) {
  .info_sec {  padding: 100px 0 40px;}
  .info_sec .info_nav {  top: inherit;  bottom: 0;  width: 100%;}
  .info_sec .tit_box .page_tit {  margin-bottom: 40px;  padding-bottom: 30px;}
  .info_sec .tit_box .page_tit .main {  font-size: 8em;}
  .info_sec .lead_txt {  margin-bottom: 40px;  font-size: 16px;}
  .info_sec .lead_txt .stit {  text-align: center;}
  .info_sec .stit .note_txt {display: block;}
  .info_sec .lead_txt dl dt {  width: 100%;  font-size: 1em;  background-color: #fff;  color: #000;  margin-right: 0;}
  .info_sec .lead_txt dl dd {  width: 100%;  margin-bottom: 2em;}
  .info_sec .lead_txt dl dd .venue_img{padding-top: 80%;}
  .info_sec .stit { font-size: 1.4em;}
  .info_sec .note .s_01 {  padding-left: 0;}
  .info_sec .sc_area {  margin-bottom: 40px;}
  .info_sec .seat_area .seat_box {  display: block;  padding: 20px;}
  .info_sec .seat_area .seat_box figure {  width: 100%;  margin-bottom: 20px;}
  .info_sec .price_area {  margin-bottom: 40px;}
  .info_sec .price_area .price_table .head {  display: flex;}
  .info_sec .price_area .price_table .head div:first-of-type {  width: 33.33%;}
  .info_sec .price_area .price_table .head div:nth-child(3) {  width: 33.33%;}
  .info_sec .price_area .price_table .head div:nth-child(2) {  width: 33.33%;}
  .info_sec .price_area .price_table .list .tit {  width: 33.33%;}
  .info_sec .price_area .price_table .list .price {  width: 33.33%;}
  .info_sec .price_area .price_table .list .txt {  width: 100%;  border-top: none;}
  .info_sec .price_area .price_table .list.nagoya .price {  width: 66.66%;}
  .info_sec .price_area .price_table .list.nagoya .txt {  width: 100%;}
  .info_sec .tk_area {  margin-bottom: 40px;}
  .info_sec .tk_area .tk_block {  padding: 5%;}
  .info_sec .tk_area .tk_block .tktit {  font-size: 20px;}
  .info_sec .tk_area .tk_block .date {  font-size: 20px;}
  .info_sec .tk_area .tk_block .pg_box {  margin-bottom: 20px;  display: inherit;}
  .info_sec .tk_area .tk_block .pg_box.three li {  width: 100%;  margin-bottom: 15px;}
  .info_sec .tk_area .tk_block .pg_box.three li .btn {  padding: 1em 5% 0.75em;}
  .info_sec .tk_area .tk_block .pg_box .btn {  font-size: 20px;}
  .info_sec .other_area {  margin-bottom: 40px;}
  .info_sec .other_area .other_box {  margin-bottom: 12px;  padding: 20px;  font-size: 1em;}
  .info_sec .other_area_02 {  margin-bottom: 40px;}
  .info_sec .top_btn {  margin: 60px 0;}
}
/*# sourceMappingURL=pages.css.map */

/* band member
-------------------------------*/
.b_member_main{position: relative;}
.b_member_main:before{content: "";position: fixed;width: 100%;height: 100lvh;top: 0;left: 0;background-image: url(../images/band_member/bg.jpg);background-position: center;background-size: cover;z-index: -1;}
.b_member #blank_area{display: none;}

.b_member .bg_box{position: fixed;z-index: -1;width: 100%;height: 100dvh;top: 0;left: 0;}
.b_member .bg_box .top_bg{position: absolute;top: 0%;}

.b_member{padding: 20vw 0 180px;text-align: left;}
.b_member .page_tit_block{margin-bottom: 60px;}
.b_member .page_tit_block .page_tit{margin: 0 auto;font-family: "Teko", "Noto Sans JP", sans-serif;text-align: center;filter: drop-shadow(10px 8px 18px black);}
.b_member .page_tit_block .page_tit .top{display: block;font-size: 1.5em;line-height: 1em;margin-bottom: 0.3em;}
.b_member .page_tit_block .page_tit .main{display: block;font-size: 10em;font-weight: 600;line-height: 0.8em;}
.b_member .page_tit_block .page_tit .bottom{display: block;font-size: 0.9em;line-height: 1em;margin-top: -1em;}

.b_member .member_list_outer{}
.b_member .member_list{}
.b_member .member_list .contents{background-image: url(../images/band_member/member_box_bg.png);background-color: #0E31C0;background-position: center;background-size: contain;display: flex;justify-content: space-between;padding: 20px;position: relative;margin-bottom: 40px;}
.b_member .member_list .contents .b_img{width: 40%;}
.b_member .member_list .contents .b_img img{}
.b_member .member_list .contents .txt_box{width: 58%;}
.b_member .member_list .contents .txt_box .name{}
.b_member .member_list .contents .txt_box .name .pc_span{background-color: #f9cd00;color: #0e31c0;font-family: "Teko", "Noto Sans JP", sans-serif;display: inline-block;font-size: 3em;font-weight: bold;line-height: 0.8em;text-transform: uppercase;padding: 0.2em 0.2em 0;margin-bottom: 0.2em;}
.b_member .member_list .contents .txt_box .name_kana{font-size: 1.2em;font-weight: 500;line-height: 1.5em;}
.b_member .member_list .contents .txt_box .txt_list{margin-bottom: 12px;}
.b_member .member_list .contents .txt_box .txt_list li{font-size: 0.8em;line-height: 1.8em;border-bottom: 1px dotted #fff;padding-bottom: 0.5em;margin-bottom: 0.5em;}
.b_member .member_list .contents .txt_box .com{margin: 0; margin-bottom: 0.5em; font-size: 0.95em;line-height: 1.8em;}
.b_member .member_list .contents .left_logo{position: absolute;top: -8px;left: -10px;}

.b_member .top_btn {display: block;position: relative;border: 1px solid #fff;border-radius: 10px;color: #fff;text-align: center;padding: 1em;font-size: 1.2em;margin: 80px 0 0;background-color: #0009;}
.b_member .top_btn::after {content: "▶";position: absolute;font-size: 16px;right: 16px;top: 50%;transform: translateY(-50%);transition: 0.2s;}
.b_member .top_btn:hover::after {right: 12px;}

/* blue man */
.b_member.blueman{padding: 26vw 0 180px;}
.b_member.blueman .bg_box{background-image: url(../images/blueman_member/bg_blumanmember.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}
.b_member.blueman .bg_box .top_bg{background-image: url(../images/blueman_member/blumanmember_img.webp);background-position: top center;background-size: cover;background-repeat: no-repeat;position: absolute;top: 0;left: 0;width: 100%;height: 40vw;}
.b_member.blueman .member_list .contents{background-color: #000000bf;}
.b_member.blueman .member_list .contents .txt_box .name .pc_span{background-color: #0e31c0;color: #fff;}


@media only screen and (max-width: 835px) {
  .b_member #blank_area{display: block; height: inherit;text-align: center;margin-top: 80px;}
  .b_member #blank_area .sp_sns_links{transform: translateX(-50%);position: relative;top: inherit;left: 50%;}

  .b_member{padding: 74vw 0 40px;}
  .b_member .page_tit_block{margin-bottom: 8vw;}
  .b_member .page_tit_block .page_tit .main{font-size: 6.5em;margin-bottom: 0.1em;}

  .b_member .member_list_outer{width: 94%; margin: 0 auto;}
  .b_member .member_list .contents{flex-direction: column;margin-bottom: 20px;}
  .b_member .member_list .contents .b_img{width: 90%;margin: 0 auto;}
  .b_member .member_list .contents .txt_box{width: 100%;}
  .b_member .member_list .contents .txt_box .name .pc_span{background-color: transparent;padding: 0;margin-top: -20px;position: relative;white-space: nowrap;}
  .b_member .member_list .contents .txt_box .name .sp_span{background-color: #f9cd00;display: inline-block;line-height: 0.8em;padding: 0.2em 0.1em 0;margin-bottom: 0.1em;white-space: nowrap;}

  .b_member .top_btn {margin: 40px auto;width: 94%;}

  /* blue man */
  .b_member.blueman{padding: 42vw 0 40px;}
  .b_member.blueman .bg_box .top_bg{width: 140%;left: -20%;height: 58vw;}
  .b_member.blueman .member_list .contents{background-color: #00000057;}
  .b_member.blueman .member_list .contents .txt_box .name .pc_span{background-color: transparent;}
  .b_member.blueman .member_list .contents .txt_box .name .sp_span{background-color: #0e31c0;}
}


/* collabo shop
-------------------------------*/
.c_shop_main{position: relative;}
.c_shop_main:before{content: "";position: fixed;width: 100%;height: 100lvh;top: 0;left: 0;background: repeating-linear-gradient(135deg, #00000000, #00000000 14px, #121212 1px, #121210 15px);z-index: -1;}
.c_shop #blank_area{display: none;}

.c_shop{padding: 180px 0;text-align: left;}
.c_shop .page_tit_block{padding-bottom: 60px;border-bottom: 1px solid #fff;}
.c_shop .page_tit_block .page_tit{width: 80%;margin: 0 auto;}

.c_shop .c_contents_list{}
.c_shop .cat_tit{border-left: 6px solid #0E31C0;padding-left: 0.6em;margin-top: 2.5em;margin-bottom: 1em;font-size: 1.8em;font-weight: bold;line-height: 1.5em;}

.c_shop .c_contents{display: flex;justify-content: space-between;padding: 30px;background-color: #ffffff17;border-radius: 3px;margin-bottom: 40px;}

.c_shop .c_contents .left{width: 48%;}
.c_shop .c_contents .left .logo{margin-bottom: 12px;max-width: 200px;}
.c_shop .c_contents .left .shop_name{font-size: 1.4em;font-weight: bold;line-height: 1.6em;margin-bottom: 1em;}
.c_shop .c_contents .left .info_list{list-style: disc;padding-left: 24px;margin-bottom: 20px;font-size: 0.9em;line-height: 1.8em;}
.c_shop .c_contents .left .info_list li{}
.c_shop .c_contents .left .info_txt{background-color: #0E31C0;font-size: 1.2em;font-weight: bold;line-height: 1.6em;padding: 0.5em 1em;border-radius: 5px;margin-bottom: 1.2em;}
.c_shop .c_contents .left .note_list{}
.c_shop .c_contents .left .note_list li{padding-left: 20px;font-size: 0.9em;line-height: 1.7em;position: relative;}
.c_shop .c_contents .left .note_list li:before{content: "※";position: absolute;left: 0;}

.c_shop .c_contents .right{width: 49%;}
.c_shop .c_contents .right figure{}
.c_shop .c_contents .right figure img{}

.c_shop .top_btn {display: block;position: relative;border: 1px solid #fff;border-radius: 10px;color: #fff;text-align: center;padding: 1em;font-size: 1.2em;margin: 80px 0 0;}
.c_shop .top_btn::after {content: "▶";position: absolute;font-size: 16px;right: 16px;top: 50%;transform: translateY(-50%);transition: 0.2s;}
.c_shop .top_btn:hover::after {right: 12px;}


@media only screen and (max-width: 835px) {
  .c_shop #blank_area{display: block; height: inherit;text-align: center;margin-top: 80px;}
  .c_shop #blank_area .sp_sns_links{transform: translateX(-50%);position: relative;top: inherit;left: 50%;}

  .c_shop{padding: 120px 0 40px;}
  .c_shop .cat_tit{font-size: 1.3em;border-left: 4px solid #0E31C0;}

  .c_shop .c_contents{padding: 20px 12px;flex-direction: column-reverse;margin-bottom: 20px;}

  .c_shop .c_contents .left{width: 100%;}
  .c_shop .c_contents .left .shop_name{font-size: 1.2em;margin-bottom: 0.5em;}
  .c_shop .c_contents .left .info_list{margin-bottom: 16px;}
  .c_shop .c_contents .left .info_txt{font-size: 1.1em;padding: 0.8em 1em;}

  .c_shop .c_contents .right{width: 100%;margin-bottom: 16px;}

  .c_shop .top_btn {  margin: 40px 0;}
}


/* info EN
-------------------------------*/
.en_page{}
.en_page .info_sec{padding: 80px 0;}
.en_page .info_sec .lead_box{margin-bottom: 80px;padding-bottom: 60px;border-bottom: 1px solid #fff;}
.en_page .info_sec .lead_box .lead_tit{font-family: "Teko", "Noto Sans JP", sans-serif;font-size: 4em;text-align: center;color: #f9c809;line-height: 0.9em;}
.en_page .info_sec .lead_box .lead_tit .small{font-size: 0.6em;line-height: 1.2em;display: block;}

.en_page .en_last_bottom{margin-bottom: 80px;}

@media only screen and (max-width: 835px) {
  .en_page .info_sec{padding: 60px 0 40px;}
  .en_page .info_sec .lead_box{margin-bottom: 40px;padding-bottom: 30px;}
  .en_page .info_sec .lead_box .lead_tit{ font-size: 3.2em;margin-bottom: 0.6em;}
  .en_page .info_sec .lead_box .lead_tit .small{font-size: 0.5em;}

  .en_page .en_last_bottom{margin-bottom: 80px;}
}