@charset "utf-8";


/* コンテイナー*/
.container{max-width: 1000px;width: 94%;margin: 0 auto;}
.container.w600{max-width: 600px;}
.container.w700{max-width: 700px;}
.container.w800{max-width: 800px;}
.container.w1200{max-width: 1200px;}

/* 共通見出し */
.common_tit{font-family: var(--font_02);text-align: center;color: #fff;font-size: 40px;font-weight: bold;line-height: 1.5em;margin-bottom: 2em;position: relative;}
.common_tit span{ display: block; font-size: 0.35em; font-weight: 500; line-height: 1em; color: #fff;}

/* 色 */
.white{ color:#fff;}
.gold{ color:#D9C58A;}
.gold2{/* color:#9F8336; */}
.c_01{ color: #cd0004;}

/* ボタンパーツ */
.btn_01{position: relative;display: block;width: min(50%,500px);background-color: #C2A95F;color: #fff;padding: 1.3em 0;border-radius: 8px;font-size: 20px;line-height: 1.5em;margin: 0 auto;}
.btn_01.dis{ font-size: 20px; background-color: #a1a1a1;pointer-events: none;}
.btn_01.sold{ background-color: #666; color: #fff; font-size: 24px; padding: 1em 0; pointer-events: none;}
@media screen and (max-width: 768px){
  .btn_01{width: 80%;font-size: 16px;}
}


.arrow:before,
.arrow:after{content: "";position: absolute;top: calc(50% - 1px);right: 1em;width: 12px;height: 2px;border-radius: 9999px;background-color: #000;transform-origin: calc(100% - 0px) 50%;transition: 0.3s;}
.arrow:before{transform: rotate(45deg);}
.arrow:after{transform: rotate(-45deg);}

.banner{}
.banner .tri{text-align: center;position: relative;padding-bottom: 1.2em;font-size: 18px;color: #000;}
.banner .tri:before{position: absolute;content: "";  width: 0;height: 0;border-right: 15px solid transparent;border-left: 15px solid transparent;border-top: 14px solid #000;border-bottom: 0;left: 50%;transform: translateX(-50%);bottom: 0;}


.flex-btn{display: flex;}
.flex-btn .btn{width: 49%;background: #231714;color: #fff;}
.flex-btn .btn:nth-of-type(odd){margin-right: 2%;}
.flex-btn{}


.lu27 .banner .tri{color: #fff;}
.lu27 .banner .tri:before{border-top: 14px solid #fff}

.soldout{display: inline-block;color: #fff;background: #f90010;padding: 2px 4px;margin-right: 10px;}

/* 注意文 */
.attention_txt{ text-decoration: underline; margin-top: 1vw; display: block; color: #f00;}
.attention_txt:hover{ text-decoration: underline;}

@media screen and (max-width: 768px){
.common_tit{font-size: 30px;margin-bottom: 1em;}

/* ボタンパーツ */
.btn_01.dis{ font-size: 12px;}
.btn_01.sold{ font-size: 12px;}
}

/* アコーディオン */
.toggle {display: none;}
.ac_tit {padding: 1em;display: block;color: #fff;background:#019ac6;}
.ac_tit::before{content:"";width: 6px;height: 6px;border-top: 2px solid #fff;border-right: 2px solid #fff;-webkit-transform: rotate(45deg);position: absolute;top:calc( 50% - 3px );right: 20px;transform: rotate(135deg);}
.ac_tit:hover{ cursor: pointer;}
.ac_tit,
.ac_txt {-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translateZ(0);transition: all 0.3s;}
.ac_txt {height: 0;margin-bottom:10px;padding:0 20px;overflow: hidden;}
.toggle:checked + .ac_tit + .ac_txt {	height: auto;padding:20px ;transition: all .3s;}
.toggle:checked + .ac_tit::before {transform: rotate(-45deg) !important;}

@media screen and (max-width: 768px){
.ac_tit::before{ display: none;}
}

/* top
------------------------------------------------------------------------------------------*/

/* fv */
.fv{width: 100%;height: calc(100dvh - 90px);position:relative;overflow: hidden;}
.fv .tit_box{display: flex;justify-content: center;gap: 0 60px;align-items: flex-end;flex-wrap: wrap;width: min(110%,1600px);height: 100%;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.fv .tit_box .main_tit{width: 37%;text-align: right;}
.fv .tit_box .main_tit img{max-height: 25vh;-o-object-fit: contain;/* object-fit: contain; */-o-object-position: center;/* object-position: center; */width: auto;max-width: 100%;}
.fv .tit_box .date{width: 36%;margin: 0;text-align: left;}
.fv .tit_box .date img{max-height: 25vh;-o-object-fit: contain;/* object-fit: contain; */-o-object-position: center;/* object-position: center; */width: auto;max-width: 100%;}
.fv .tit_box .bg{width: 100%;}
.fv .tit_box .bg img{max-height: 46vh;-o-object-fit: contain;object-fit: contain;-o-object-position: center;object-position: center;width: 100%;}
@media screen and (max-width: 1170px){
  .fv .tit_box .main_tit img{}
  .fv .tit_box .date img{}
}
@media screen and (max-width: 768px){
  .fv{height: 124vw;}
  .fv .tit_box{width: 100%;gap: 0;bottom: 0;flex-direction: column;justify-content: end;}
  .fv .tit_box .main_tit {max-width: 80%;width: auto;text-align: center;margin: 0 auto;margin-bottom: 5vh;}
  .fv .tit_box .main_tit img{max-height: 20vh;}
  .fv .tit_box .date{max-width: 80%;width: auto;text-align: center;margin: 0 auto;margin-bottom: 5vh;}
  .fv .tit_box .date img{max-height: 20vh;}
  .fv .tit_box .bg{width: 100%;}
  .fv .tit_box .bg img{max-height: 40vh;}
}


/* catch */
.catch_area{padding: 60px 0;}
.catch_area .catch{margin: 0;}
.catch_area .catch img{width: 100%; height: auto;}
@media screen and (max-width: 768px){
  .catch_area{padding: 30px 0;}
}


/* top info */
.top_info{background-color: #f4efe1;padding: 60px 0;margin-bottom: 120px;}
.top_info .info_area{display: flex;margin-bottom: 40px;}
.top_info .info_area .str{font-size: 1.5em;}
.top_info .info_area .left{width: 50%;padding-right: 4%;}
.top_info .info_area .left .stit{background-color: #a8984a;color: #fff;padding: 0.2em 1em;border-radius: 8px;margin-top: 2em;}
.top_info .info_area .left .stit:first-of-type{margin-top: 0;}
.top_info .info_area .right{width: 50%;}
.top_info .info_area .right figure{}
.top_info .info_area .right figure img{width: 100%; height: auto;}
.top_info .btn_outer{}
.top_info .btn_outer .btn_01{width: 100%;}

/* time table */
.top_info .tt_area{}
.top_info .tt_area .tit{font-family: var(--font_02);font-size: 40px;font-weight: bold;line-height: 1em;color: #C2A95F;margin-bottom: 1em;text-align: center;}
.top_info .tt_area .tit .sub{display: block;font-size: 0.4em;color: #000;}
.top_info .tt_area .tt_box{position: relative;}
.top_info .tt_area .tt_box figure{}
.top_info .tt_area .tt_box figure img{width: 100%;height: auto;}
.top_info .tt_area .tt_box .link_btn{position: absolute;display: block;width: 40.5%;left: 7.1%;border-radius: 6px;}
.top_info .tt_area .tt_box .link_btn:hover{background-color: #ffffff85;}
.top_info .tt_area .tt_box .link_btn.l_01{top: 31%;height: 14.1%;}
.top_info .tt_area .tt_box .link_btn.l_02{top: 67.8%;height: 14%;}
.top_info .tt_area .tt_box .link_btn.l_03{top: 13.2%;height: 12.2%;left: 59.2%;width: 40.1%;}
.top_info .tt_area .tt_box .link_btn.l_04{top: 47.2%;height: 10%;left: 59.3%;width: 40.1%;}
.top_info .tt_area .tt_box .link_btn.l_05{top: 83.2%;height: 12%;left: 59.2%;width: 40.1%;}

@media screen and (max-width: 768px){
  .top_info{margin-bottom: 40px;padding: 40px 0;}
  .top_info .info_area{flex-direction: column;margin-bottom: 20px;}
  .top_info .info_area .left{width: 100%;padding-right:0;margin-bottom: 12px;}
  .top_info .info_area .right{width: 100%;}

  .top_info .tt_area .tit{font-size: 34px;}
  .top_info .tt_area .tit .sub{}
  .top_info .tt_area .tt_box .link_btn{width: 89.5%;left: 9.8%;}
  .top_info .tt_area .tt_box .link_btn.l_01{top: 6%;height: 8.2%;}
  .top_info .tt_area .tt_box .link_btn.l_02{top: 27.9%;height: 8%;}
  .top_info .tt_area .tt_box .link_btn.l_03{top: 47.8%;height: 7.3%;width: 89.5%;left: 9.8%;}
  .top_info .tt_area .tt_box .link_btn.l_04{top: 67.7%;width: 89.5%;height: 6.7%;left: 9.8%;}
  .top_info .tt_area .tt_box .link_btn.l_05{top: 89.8%;height: 7.4%;width: 89.5%;left: 9.8%;}
}


/* event_box */
.event_box{margin-bottom: 160px;}
.event_box .contents{position: relative; background-color: #000;max-width: min(90vw,1520px);width: 94%;margin-bottom: min(6vw,120px);}
.event_box .contents a{display: block;padding: 2vw;}
.event_box .contents a .bg_txt{position: absolute;font-family: var(--font_02);top: 0;right: 0;z-index: 0;font-size: min(12vw, 180px);font-weight: 800;line-height: 1em;white-space: nowrap;opacity: 0.1;}
.event_box .contents .container{position: relative; width: min(78vw,1100px);max-width: inherit;display: flex;gap: 0 4%; z-index: 1;}
.event_box .contents .txt_area{width: 48%;}
.event_box .contents .txt_area .tit{font-size: min(2.4vw,30px);font-weight: bold;line-height: 1.3em;margin-bottom: 1em;}
.event_box .contents .txt_area .date{font-size: min(1.6vw,16px);font-weight: bold;margin-bottom: 1.5em;}
.event_box .contents .txt_area .date .str01{font-size: 2em;font-family: var(--font_02);margin: 0 2px;}
.event_box .contents .txt_area .date .str02{font-size: 2.4em;font-family: var(--font_02);}
.event_box .contents .txt_area .btn{position: relative;background-color: #fff;color: #000;margin: 0;text-align: center;font-size: 20px;font-weight: 600;border-radius: 8px;padding: 0.9em;margin-top: 2em;}
.event_box .contents .img_area{width: 48%;}
.event_box .contents .img_area figure{}
.event_box .contents .img_area figure img{width: 100%; height: auto;}
/* left right */
.event_box .contents.left{border-radius: 0px 8px 8px 0px;}
.event_box .contents.left a .bg_txt{right: initial; left: 0;}
.event_box .contents.left .container{margin: initial;margin-left: auto;flex-direction: row-reverse;}
.event_box .contents.right{margin-left: auto;border-radius: 8px 0 0 8px;}
.event_box .contents.right .container{margin: initial;margin-right: auto;}
/* color */
.event_box .contents.eve01{background-color: var(--e_01);}
.event_box .contents.eve01 a{color: #000;}
.event_box .contents.eve02{background-color: var(--e_02);}
.event_box .contents.eve02 a{color: #fff;}
.event_box .contents.eve03{background-color: var(--e_03);}
.event_box .contents.eve03 a{color: #fff;}
.event_box .contents.eve04{background-color: var(--e_04);}
.event_box .contents.eve04 a{color: #000;}
.event_box .contents.eve05{background-color: var(--e_05);}
.event_box .contents.eve05 a{color: #fff;}
@media screen and (max-width: 768px){
  .event_box{margin-bottom: 60px;}
  .event_box .contents{max-width: inherit;width: 96%;}
  .event_box .contents a{padding: 16px;}
  .event_box .contents .container{flex-direction: column;gap: 20px 0; width: 100%;}
  .event_box .contents .txt_area{width: 100%;}
  .event_box .contents .txt_area .tit{font-size: 18px;line-height: 1.5em;}
  .event_box .contents .txt_area .date{font-size: 12px;}
  .event_box .contents .txt_area .btn{font-size: 18px;}
  .event_box .contents .img_area{width: 100%;}
  /* left right */
  .event_box .contents.left .container{flex-direction: column-reverse;}
  .event_box .contents.right .container{gap: 20px 0;flex-direction: column-reverse;}
}


/* news */
.news{text-align: center;padding: 60px 0;/* background-color: #fff; */}
.news .tit{font-family: var(--font_02);font-size: 40px;font-weight: bold;line-height: 1em;color: #C2A95F;margin-bottom: 1em;}
.news .tit .sub{display: block;font-size: 0.4em;color: #000;}
.news .btn_outer{}
.news .btn_outer .btn_01:before,
.news .btn_outer .btn_01:after{background-color:#fff;}
/* news list */
.news_list{text-align: left;display: flex;flex-direction: column;margin-bottom: 60px;}
.news_list li:first-of-type a{border-top: 1px dashed #CFCFCF;}
.news_list li a{display: block;color: #000;padding: 1.5em 0;border-bottom: 1px dashed #CFCFCF;}
.news_list li a .date{font-family: var(--font_02);font-size: 14px;color: #C2A95F;margin-bottom: 0;}
.news_list li a .tag_list{display: flex;gap: 0 8px;margin-bottom: 0.4em;}
.news_list li a .tag_list .tag{background-color: #C2A95F;color: #fff;font-size: 12px;line-height: 1em;padding: 0.3em 0.8em;border-radius: 50px;}
.news_list li a .title{margin: 0;}
@media screen and (max-width: 768px){
  .news{padding: 40px 0 10px;}
  .news .tit{font-size: 34px;}
  /* news list */
  .news_list{margin-bottom: 40px;}
}


/* top foot */
.top_foot{text-align: center;background-color: #fff;color: #000;padding: 80px 0;}
.top_foot .tit{font-family: var(--font_02);font-size: 30px;font-weight: bold;line-height: 1em;color: #C2A95F;margin-bottom: 1em;}
/* sns */
.top_foot .sns_list{display: flex;flex-wrap: wrap;justify-content: center;gap: 12px 24px;margin-bottom: 60px;}
.top_foot .sns_list li{width: 40px;}
.top_foot .sns_list li a{display: block;}
.top_foot .sns_list li a img{width: 100%;height: auto;}
/* spn */
.spn_block{margin-bottom: 60px;}
.spn_list{display: flex; flex-wrap: wrap; gap: 12px 1.33%;margin-bottom: 40px;}
.spn_list li{width: 24%;}
.spn_list li a{display: block;}
.spn_list li a img{width: 100%; height: auto;}
.spn_list.large{gap: 12px 2%;}
.spn_list.large li{width: 49%;}
/* txt area */
.txt_area a{text-decoration: underline;}
@media screen and (max-width: 768px){
  .top_foot{padding: 40px 0;}
  .top_foot .tit{font-size: 26px;}
  /* sns */
  .top_foot .sns_list{margin-bottom: 40px;}
  /* spn */
  .spn_block{margin-bottom: 40px;}
  .spn_list{gap: 8px 2%;margin-bottom: 20px;}
  .spn_list li{width: 49%;}
  .spn_list.large{gap: 8px 2%;}
  .spn_list.large li{width: 100%;}
}




/* event page
------------------------------------------------------------------------------------------*/

/* common */
hr{margin: 40px 0; border: none; background-color: #000; height: 1px;}

/* anc */
.anc_outer{margin-top: -140px;padding-top: 140px;}

/* area */
#program{margin-bottom: 80px;}
.white_box{background-color: #fff;border-radius: 8px;padding: 40px !important;color: #000;}
@media screen and (max-width: 768px){
  /* common */
  hr{margin: 20px 0;}

  /* anc */
  .anc_outer{margin-top: -60px; padding-top: 60px;}

  /* area */
  #program{margin-bottom: 40px;}
  .white_box{width: 100%;padding: 20px 12px !important;}
  #ticket_link{margin-top: 40px;}
}


/* ticket link */
#ticket_link{margin-top: 60px;border: 3px solid #C2A95F;border-radius: 8px;padding: 40px;}
#ticket_link .small{font-size: 0.8em;}
#ticket_link .link_top{text-align: left;margin-bottom: 60px;}
#ticket_link .sstit{text-align: center;margin-bottom: 0.3em;}
#ticket_link .date{text-align: center;font-size: 1.8em;font-weight: bold;line-height: 1.5em;}
#ticket_link .set_tit{text-align: center;font-size: 2em;font-weight: 800;line-height: 1.5em;margin-bottom: 1em;}
#ticket_link .btn_01{width: 100%;}
@media screen and (max-width: 768px){
  #ticket_link{margin-top: 40px;padding: 20px 12px;}
  #ticket_link .sstit{font-size: 1.1em;}
  #ticket_link .date{font-size: 1.2em;}
  #ticket_link .set_tit{font-size: 1.4em;margin-bottom: 1.5em;}
}


/* event common */
body.event_01{background-color: var(--e_01);}
body.event_01:before{background-image: url(../images/event/bg_event01.jpg); opacity: 0.1;}
body.event_01 .header_sub{background-color: var(--e_01);}

body.event_02{background-color: var(--e_02); color: #fff;}
body.event_02:before{background-image: url(../images/event/bg_event02.jpg); opacity: 0.1;}
body.event_02 .header_sub{background-color: var(--e_02);}
body.event_02 .header_sub ul li a{color: #fff;}
body.event_02 .about_wrap#about26 .lineup_list li .img_box a{color: #fff;}
body.event_02 .artist_modal{color: #000;}
body.event_02 .foot_center{color: #000;}

body.event_03{background-color: var(--e_03); color: #fff;}
body.event_03:before{background-image: url(../images/event/bg_event03.jpg); opacity: 0.1;}
body.event_03 .header_sub{background-color: var(--e_03);}
body.event_03 .header_sub ul li a{color: #fff;}
body.event_03 .about_wrap#about26 .lineup_list li .img_box a{color: #fff;}
body.event_03 .artist_modal{color: #000;}
body.event_03 .foot_center{color: #000;}

body.event_04{background-color: var(--e_04);}
body.event_04:before{background-image: url(../images/event/bg_event04.jpg); opacity: 0.1;}
body.event_04 .header_sub{background-color: var(--e_04);}

body.event_05{background-color: var(--e_05); color: #fff;}
body.event_05:before{background-image: url(../images/event/bg_event05.jpg); opacity: 0.1;}
body.event_05 .header_sub{background-color: var(--e_05);}
body.event_05 .header_sub ul li a{color: #fff;}
body.event_05 .about_wrap#about26 .lineup_list li .img_box a{color: #fff;}
body.event_05 .artist_modal{color: #000;}
body.event_05 .foot_center{color: #000;}


/* event fv */
.event_fv{display: flex;align-items: center;justify-content: center;}
.event_fv figure{width: 50%;}
.event_fv figure img{width: 100%;height: auto;}
.event_fv .tit_box{width: 50%;text-align: center;}
.event_fv .tit_box .tag{border: 1px solid;border-radius: 50px;display: inline-block;padding: 1em 2em;font-size: min(1.6vw,1.2em);font-weight: bold;}
.event_fv .tit_box .page_tit{font-size: min(3.6vw,54px);font-weight: bold;line-height: 1.3em;margin-bottom: 0.8em;}
.event_fv .tit_box .date{font-size: min(2.4vw,30px);font-weight: bold;line-height: 1.5em;}
.event_fv .tit_box .date .str01{font-size: 1.4em;margin-left: 0.2em;}
@media screen and (max-width: 768px){
  .event_fv{flex-direction: column;gap: 20px 0;}
  .event_fv figure{width: 100%;}
  .event_fv .tit_box{width: 100%;}
  .event_fv .tit_box .tag{font-size: 14px;}
  .event_fv .tit_box .page_tit{font-size: 24px;}
  .event_fv .tit_box .date{font-size: 14px;}
}


/* ラインナップ */
#top_lineup{background-color: #337BA8;padding: 120px 0;background-image: url("../images/lineup_bg.png");background-position: bottom;background-repeat: repeat;background-size: contain;}
#top_lineup.lu27{ position: relative;}
#top_lineup.lu27:after{content: "";position: absolute;width: 100%;height: 80px;bottom: -80px;left: 0;background-image: url("../images/wave_down.svg");background-position: center;background-repeat: no-repeat;background-size: cover;}
#top_lineup .container{ max-width: 1200px;}

.lineup_list ul{display: flex;justify-content: center;text-align: center;flex-wrap: wrap;margin-bottom: 40px;}
.lineup_list ul:last-of-type{margin-bottom: 120px;}
.lineup_list li{width: 25%;margin: 0;position: relative;margin-bottom: 40px;}
.lineup_list li .name_tit{ font-size: 18px; line-height: 1.5em;}
.lineup_list li .img_box{ display: flex;}
.lineup_list li .img_box a{color: #fff;display: block;/* pointer-events: none; */}
.lineup_list li .img_box a:hover img{transform: scale(1.1);opacity: 1;}
.lineup_list li .img_box figure{margin-bottom: 12px;overflow: hidden;}
.lineup_list li .img_box figure img{width: 100%;}
.lineup_list li .img_box .name_stit{ margin: 0; font-size: 16px; line-height: 1.5em;}
.lineup_list li.and_more{margin-bottom: 80px;}
.lineup_list li.and_more p{position: relative;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 50px;font-weight: bold;line-height: 1.5em;margin: 0;white-space: nowrap;color: #fff;}

.lineup_list li .andmore{position: relative;padding-top: 92.2%;}
.lineup_list li .andmore p{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 26px;font-weight: bold;line-height: 1.5em;width: 100%;}

.lineup_list li.new{position: relative;}
.lineup_list li.new:before{position: absolute;content: "NEW";color: #fff;background: #9F8336;line-height: 1em;padding: 10px;left: 0;z-index: 1;}

.lineup_list li.two{width: 66.66%;}

.lineup_list .sub_tit{font-weight: bold;margin-bottom: 0.5em;}

.lineup_list ul.two_box{}
.lineup_list ul.two_box li{ width: 48%;}

.lineup_list .list_5cl{}
.lineup_list .list_5cl li{width: 20%;}
.lineup_list .list_5cl li.two{width: 40%;}

/* about */
.about_wrap{text-align: center;padding-bottom: 120px;}
.about_wrap .catch{font-size: min(2vw,30px);font-weight: bold;line-height: 1.8em;padding: min(8vw,160px) 2vw;margin: 0;}
.about_wrap .box{padding: 80px 0;font-size: 18px;line-height: 1.8em;width: 80%;margin: 0 auto;}
.about_wrap .box:last-of-type{ margin-bottom: 120px;}
.about_wrap .box .stit{ /*font-size: 26px;*/font-size: 1.8em; font-weight: bold; font-family: var(--font_02); margin-bottom: 1em;}
.about_wrap .box .stit span{display: block;font-size: 0.6em;line-height: 1.5em;}

.about_wrap .btn_outer:not(:last-of-type){margin-bottom: 60px;}

.about_wrap .box.parts{ position: relative; border-top: 4px solid #9F8336; border-bottom: 4px solid #9F8336;}
.about_wrap .box.parts:before,
.about_wrap .box.parts:after{position: absolute;content: "";width: 100%;height: 1px;background-color: #9F8336;left: 0;}
.about_wrap .box.parts:before{ top: 4px;}
.about_wrap .box.parts:after{ bottom: 4px;}

.about_wrap .content_wrap{padding: 80px 0;width: 92%;max-width: 1000px;margin: 0 auto;}
.about_wrap .content_wrap img{max-width: 100%; height: auto;}
.about_wrap .content_wrap .stit{font-size: 1.8em;font-weight: bold;font-family: var(--font_02);margin-bottom: 1em;line-height: 1.5em;}
.about_wrap .content_wrap .stit .small{font-size: 0.6em;line-height: 1.5em;}
.about_wrap .content_wrap .sstit{ font-size: 24px; font-weight: bold; font-family: var(--font_02); margin-bottom: 1em; text-align: left;}
.about_wrap .content_wrap .detail{font-size: 0.9em;line-height: 1em;}
.about_wrap .ticket_list{width:100%;margin: 0 auto 40px;}

.about_wrap .p_list{width: 70%;margin: 0 auto;}
.about_wrap .p_list li{padding: 20px 0;border-top: 2px dotted;}

.about_wrap.lu27{color: #fff;}
.about_wrap#about26 .lineup_list li .img_box a{color: #000;}
.about_wrap.lu27 .btn_01.ghost{color: #fff;}

.bnr_btn{ max-width: 1000px; display: block; margin: 0 auto;}
.bnr_btn img{ width:100%;}


#about{}
#about .about_contents{}
#about .about_contents .lead{text-align: center;font-weight: bold;margin-bottom: 80px;}
#about .about_contents .lead .top{font-size: 1.8em;font-weight: bold;line-height: 1.5em;}
#about .about_contents .lead .date{font-size: 1.2em;font-weight: bold;line-height: 1.5em;}
#about .about_contents .img_area{display: flex;flex-wrap: wrap;margin-bottom: 80px;}
#about .about_contents .img_area img{width: calc(100% / 3);height: auto;}
#about .about_contents .txt_area{font-weight: bold;line-height: 1.8em;margin-bottom: 80px;}
#about .about_contents .txt_area p{margin-bottom: 2em;}
#about .about_contents .txt_area p:last-of-type{margin: 0;}
#about .about_contents .info_area{}
#about .about_contents .info_area .block{display: flex;padding: 20px 0;border-bottom: 1px dashed #CFCFCF;}
#about .about_contents .info_area .block:first-of-type{border-top: 1px dashed #CFCFCF;}
#about .about_contents .info_area .block p{margin: 0;}
#about .about_contents .info_area .block .str{font-size: 1.3em; font-weight: bold; line-height: 1.5em;}
#about .about_contents .info_area .block .left{width: 8em;color: #C2A95F;}
#about .about_contents .info_area .block .left p{color: #C2A95F;font-size: 1.3em;font-weight: bold;line-height: 1.5em;}
#about .about_contents .info_area .block .right{width: calc(100% - 8em);}

@media screen and (max-width: 768px){
  #about .about_contents .lead .top{font-size: 1.2em;}
  #about .about_contents .lead .date{font-size: 1.1em;}
  #about .about_contents .lead{margin-bottom: 40px;}
  #about .about_contents .img_area{margin-bottom: 40px;}
  #about .about_contents .img_area img{width: calc(100% / 2);}
  #about .about_contents .txt_area{margin-bottom: 40px;}
  #about .about_contents .info_area .block{flex-direction: column;}
  #about .about_contents .info_area .block .str{font-size: 1.2em;}
  #about .about_contents .info_area .block .left{width: 100%;}
  #about .about_contents .info_area .block .left p{font-size: 1.2em;margin-bottom: 0.5em;}
  #about .about_contents .info_area .block .right{width: 100%;}
}


.ticket_list dl{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-bottom: 20px;font-size: 22px;font-weight: bold;border-top: 1px dotted #000;border-bottom: 1px dotted #000;}
.ticket_list dt{width: 70%;padding: 1em 0;border-bottom: 1px solid;text-align: left;line-height: 1.5em;}
.ticket_list dt .small{font-size: 0.7em;line-height: 1.5em;}
.ticket_list dt:last-of-type{border-bottom:none;}
.ticket_list dd{width: 30%;text-align: right;padding: 1em 0;border-bottom: 1px solid;line-height: 1.5em;}
.ticket_list dd:last-child{border-bottom:none;}
.ticket_list dd span{font-size: 0.7em;padding-left: 4px;} 
.ticket_list{}

.img_flex{display: flex;flex-wrap: wrap;margin-bottom: .5em;}
.img_flex img{width: 48%;display: block;}
.img_flex img:nth-of-type(odd){margin-right: 4%;}

.foot_center{background-color:#fff;padding: 30px 0 20px;}
.foot_center .left {width: 100%;font-size:12px;line-height:1.7em;font-weight:bold;}
.foot_center .left p{ margin-bottom:1em; text-align:left;}
.foot_center .right{  width: 50%; display: flex;justify-content: right;align-items: center;}
.foot_center .right li{ margin-left: 20px;}
.foot_center .right li img{ height: 100px;}

@media screen and (max-width: 768px){
  .ticket_list dl{font-size: 16px;margin-bottom: 12px;flex-direction: column;}
  .ticket_list dt{width: 100%;padding: 1em 0 0;}
  .ticket_list dd{width: 100%;}

  /* about */
  #about26 .catch{font-size: 14px;padding: 40px 12px;text-align: left;}
  #about26 .box{ padding: 40px 0; width: 100%; font-size: 16px;}
  #about26 .box:last-of-type{ margin-bottom: 60px;}

  .about_wrap{padding-bottom: 60px;}
  .about_wrap .content_wrap{width: 100%;padding: 40px 0;}
  .about_wrap .content_wrap .stit{font-size: 1.4em;line-height: 1.5em;}
  .about_wrap .content_wrap .sstit{font-size: 18px; margin-bottom: 0.7em;}
  .about_wrap .ticket_list{margin: 0 auto 30px;}

  .about_wrap .p_list{width: 100%;}
  .about_wrap .p_list li{padding: 12px 0;}

  /* トップラインナップ */
	#top_lineup{ padding: 60px 0 40px; background-position: left;}
	#top_lineup.lu27:after{height: 11vw;bottom: -10vw;}
	.lineup_list ul{ margin-bottom: 20px;}
	.lineup_list ul:last-of-type{ margin-bottom: 60px; margin-top: 40px;}
	.lineup_list li .name_tit{ font-size: 16px;}
	.lineup_list li{ width: 48%; margin-bottom: 6%;}
	.lineup_list li .img_box figure{ margin-bottom: 8px;}
	.lineup_list li .img_box .name_stit{ font-size: 14px;}
	.lineup_list li.and_more p{ font-size: 20px;}
	.lineup_list li.and_more{margin-bottom: 40px;}
	.lineup_list li.two{width: 100%;}
	.lineup_list ul.two_box li{ width: 100%; margin-bottom: 30px;}
	.lineup_list .list_5cl li{width: 50%;}
	.lineup_list .list_5cl li.two{width: 100%;}
}


.tk_area{text-align: center;padding: 60px 0;}
.tk_area .tit{font-family: var(--font_02);font-size: 40px;font-weight: bold;line-height: 1em;color: #C2A95F;margin-bottom: 0.6em;text-align: center;}
.tk_area .tit .sub{display: block;font-size: 0.4em;color: #000;}
.tk_area .t_block{margin-top: 20px;}
.tk_area .t_block .stit{font-size: 1.8em;font-weight: bold;font-family: var(--font_02);margin-bottom: 1em;line-height: 1.5em;}

.t_block{margin-top: 50px;text-align: center;}
.t_block .stit{margin: 0 !important;}
.t_block .date{font-size: 24px;font-weight: bold;line-height: 1.5em;}
.t_block .btn_outer{margin-bottom: 20px !important;}
.t_block .btn_outer a{width: 100%;}
@media screen and (max-width: 768px){
  .tk_area{padding: 20px 0;}
  .tk_area .tit{font-size: 34px;}

  .t_block{margin-top: 40px;}
  .t_block .stit{font-size: 1.4em !important;}
  .t_block .date{font-size: 20px;}
  .t_block .btn_outer{margin-bottom: 12px !important;}
}



/* youtube */
.com{max-width: 1400px;width: 100%;margin: 0 auto 80px;display: flex;flex-wrap: wrap;justify-content: space-around;}
.com li{width: 80%;position: relative;}
.com .youtube{position:relative;width:100%;margin:0 auto;display: block;line-height: 0;}
.com .youtube iframe{position:absolute;top:0;right:0;width:100%;height:100%;}
.com .youtube img{ width:100%;transition: 0.2s ease;position: absolute;top: 0;left: 0;border: 4px solid #fff;}
.com a{position:relative;}
.com a:hover{ opaxity:0.9; transition: 0.2s ease;}
.com a .ro{position:absolute;visibility: hidden;opacity: 0;}
.com a .ro{top: 50%;left: 50%;transform: translate(-50%,-50%);transition: 0.2s ease;width: 60px;}
.com a .ro img{ border:none;}
.com a:hover .ro{ visibility: visible; opacity: 1;}
.com .tit{font-size: 20px;font-weight: bold;line-height: 1.5em;padding: 1em .3em;position: relative;text-align: center;}

@media only screen and (max-width: 769px){
.com{ width: 90%; margin: 0 auto 20px;}
.com a .ro{width: 30px;}
.com .tit{font-size: 14px;}
}




/* = underPages
------------------------------------------------------------------------------------------*/
#under-pages {margin-bottom: 120px;/*background-image: var(--bg_line_02);background-size: var(--bg_line_size);*/}
#under-pages .under-pages-heading {/* background-image: url("../images/under_tit_bg.jpg"); */margin-bottom: 4vw;position: relative;height: 18vw;width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
#under-pages .under-pages-heading .page_tit {font-size: 4.9vw;font-weight: bold;line-height: 1.3em;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;font-family:var(--font_02);color: #C2A95F;}
#under-pages .under-pages-heading .page_tit .middle{display: block;font-size: 0.5em;letter-spacing: 0;}
#under-pages .under-pages-heading .page_tit .bottom{display: block;font-size: 0.2em;line-height: 2em;color: #000;}


#under-pages .contents-wrap { margin: 0 auto 3vw; width: 94%; max-width: 1100px; }
#under-pages .contents-wrap .content-box {background: #fff;padding: 3vw 4vw; margin-bottom:1vw;border: 1px solid #eee;}
#under-pages .contents-wrap .pagination { overflow: hidden; padding-top:1vw; }
#under-pages .contents-wrap .pagination ul { position: relative; left: 50%; float: left; }
#under-pages .contents-wrap .pagination ul li { margin: 0 1px; position: relative; left: -50%; float: left; }
#under-pages .contents-wrap .pagination ul li span,
#under-pages .contents-wrap .pagination ul li a { display: block; font-size: 16px; font-weight: bold; line-height: 1em; padding: 1em 1em; }
#under-pages .contents-wrap .pagination ul li a { background: #fff; color: #756417; transition: .1s; }
#under-pages .contents-wrap .pagination ul li a.nav-on,
#under-pages .contents-wrap .pagination ul li a:hover { background: #756417; color: #fff; }

#under-pages #under-about .contents-wrap { max-width:900px;}

@media screen and (max-width: 768px){
#under-pages{margin-bottom: 40px;}
#under-pages .under-pages-heading{height:26vw;margin-bottom:4vw;background-size:cover;}
#under-pages .under-pages-heading .page_tit{font-size: 8.6vw;width:100%;}
#under-pages .under-pages-heading .page_tit .middle{}
#under-pages .under-pages-heading .page_tit .bottom{font-size: 0.3em;}

#under-pages .contents-wrap .pagination ul li span,
#under-pages .contents-wrap .pagination ul li a {  font-size: 14px; font-weight: bold; line-height: 1em; padding: 1em 1em; }
}



/* = news
------------------------------------------------------------------------------------------*/
#news .content-box .inner-heading { margin-bottom: .8em; }
#news .content-box .inner-heading .tit { border-bottom: 1px solid #756417; font-size: 20px; font-weight: bold; line-height: 1.4em; margin-bottom: 1.2em; padding-bottom: 0.3em; width: 100%; color: #9F8336; }
#news .content-box .inner-heading .date { font-size: 12px; line-height: 1em; }
#news .content-box .freetext { color: #333; line-height: 1.8em; }
#news .content-box hr{ border: none; background-color: #ccc; height: 1px; width: 100%; margin: 2em 0;}

#news .content-box h3{ border-left: 2px solid #9F8336; padding-left: 1em; margin: 1.5em 0 0.5em; font-weight: bold;}
#news .content-box h3:first-of-type{ margin-top: 0;}
#news .content-box blockquote{ border: 1px solid #ccc; padding: 3% 5%;}

#news .news_wrap{ padding-top:72px; margin-top:-72px;}



#news #pagination{position: relative; overflow: hidden; margin-bottom:2vw; padding-top:1vw; display:table; margin:0 auto;}
#news #pagination .page-numbers{ border: 1px solid #a49348; margin-right: 8px; text-decoration: none; height:40px; line-height: 40px; font-size: 14px; width:40px; float:left; padding: 0 16px !important; display:table-cell !important;}
#news #pagination .page-numbers.current{color: #fff; background: #a49348;}
#news #pagination .page-numbers.dots{ padding:0 12px !important;}
#news #pagination .next.page-numbers,
#news #pagination .prev.page-numbers{ width:75px;}

@media screen and (max-width: 768px){
#under-pages #news .contents-wrap{ width:100%;}
#under-pages #news .contents-wrap .content-box{ padding:4vw;margin: 0 auto 10px;width: 96%;}
#news .content-box .inner-heading .tit{ font-size:16px; text-align:left;}

#news .news_wrap{ padding-top:50px; margin-top:-50px;}

#news #pagination .page-numbers{padding: 0px 12px !important; margin-right:5px; height:35px; line-height:35px; width:35px;}
#news #pagination .next.page-numbers,
#news #pagination .prev.page-numbers{ width:32px;}
#news #pagination .next.page-numbers{padding-left: 12px !important;}
#news #pagination .page-numbers.dots{ padding:0 9px !important;}
}


/* = lineup
------------------------------------------------------------------------------------------*/
.artist_modal{ padding:30px; background-color:#fff;}
.artist_modal:after{ content: ""; clear: both; display: block; }
.artist_modal .prof_bg{/* background-image:url(../images/prof_bg.png); *//* background-repeat:repeat-x; *//* padding-top:70px; *//* background-size: auto 43px; */}
.artist_modal figure{ float:left;background: #000;position: relative;width:40%; overflow:hidden;}
.artist_modal figure img {width: 100%;}
.artist_modal .profile_right{ float:right; width:55%;}
.artist_modal .profile_right .m_name{ font-weight:bold;font-size: 24px;color: #AF954C;line-height: 1.5em;margin-bottom: 1em;}

.artist_modal .profile_txt{}
.artist_modal .profile_txt p{margin-bottom: 1.5em;}
.artist_modal .profile_txt strong{}

.artist_modal .messa_box{ border: 2px solid #98821f; margin-top: 20px;}
.artist_modal .messa_box .tit{ color: #fff; background-color: #98821f; text-align: center; font-size: 18px; font-weight: bold; padding: 5px 0; line-height: 1.5em; position:relative; margin:0;}
.artist_modal .messa_box .aco{ padding: 14px 14px 0;}
.artist_modal .messa_box .aco p{ font-size: 16px; line-height: 1.5em; margin-bottom: 1em; border-bottom: 1px dashed #98821f; padding-bottom: 1em;}
.artist_modal .messa_box .aco p:last-child{ border-bottom:none; margin: 0;}

.artist_modal .profile_right .movie_link{ position:relative; border: 1px solid #756417; padding: 5px 0; display: block; text-align: center; margin-top: 12px; line-height:1.5em;}
.artist_modal .profile_right .movie_link:hover{ opacity:0.8;}
.artist_modal .profile_right .movie_link:after{ border: 1px solid; border-color: transparent #756417 #756417 transparent; content: ""; position: absolute; top: calc(50% - 3px); right: 10px; width: 4px; height: 4px; transform: rotate(-45deg);}

@media screen and (max-width: 768px){	
#under-pages #lineup .contents-wrap{ width:100%; margin-bottom:5vw;}

.artist_modal{ padding:10px 10px 20px; }
.artist_modal .prof_bg{ padding-top:0px; background:none;}
.artist_modal figure{ float:none; width:100%; margin:0 0 10px;}
.artist_modal .profile_right{ float:none; width:100%;}
.artist_modal .profile_right .m_name{ font-size:18px;}

.artist_modal .messa_box{ border: 1px solid #98821f; margin-top: 10px;}
.artist_modal .messa_box .tit{ font-size:16px;}
.artist_modal .messa_box .aco{ padding: 12px 10px 0;}
.artist_modal .messa_box .aco p{ font-size: 14px; line-height: 1.4em; margin-bottom: 10px; padding-bottom: 10px;}
}



/* = timetable
------------------------------------------------------------------------------------------*/
.access{}
.access#under-pages .under-pages-heading{ margin-bottom:0;}

.areamap{ margin-bottom:3vw; background-image: var(--bg_line); background-size: var(--bg_line_size); padding: 80px 0;}
.areamap figure{ margin-bottom: 20px;}
.areamap figure img{ width:100%;}

.areamap .stage_detail{display: flex;flex-wrap: wrap;}
.areamap dl{ width: 32%; margin-right: 2%;border: 1px solid #CCC; background-color:#FFF; position:relative;}
.areamap dl:nth-child(3n){ margin-right: 0;}
.areamap dt{ color: #fff;width: 100%; padding:5px 10px 10px; text-align: center;}
.areamap dt img{ width:100%;}
.areamap dd{ padding:25px 20px; font-size: 14px; line-height: 1.5em;}


.areamap dl.m_01{ border-color: #E70012;}
.areamap dl.m_01 dt{ background-color: #E70012;}

.areamap dl.m_02{ border-color: #00A0B8;}
.areamap dl.m_02 dt{ background-color: #00A0B8;}

.areamap dl.m_03{ border-color: #E39300;}
.areamap dl.m_03 dt{ background-color: #E39300;}

.areamap .tt_link{ position:absolute; top:10px; right:15px; width:35%;}
.areamap .tt_link a{ display:block; width:100%; text-align:center; border:1px solid #999; line-height:1em; padding:10px 0;font-family:'Poppins', sans-serif; font-weight:bold; font-size:14px; color:#666666; letter-spacing:0.05em;}
.areamap .tt_link a:hover{ opacity:0.7;}

#access {padding-bottom: 50px;}
#access figure{}
#access figure img{width: 100%;}
#access .map{ margin-bottom:30px;}
#access .map.m_01 strong{ color: #E70012;}
#access .map.m_02 strong{ color: #00A0B8;}
#access .map.m_03 strong{ color: #E39300;}
#access .map iframe{ width:100%;}
#access .access_txt{}
#access .access_txt p{ margin-bottom:1em;}
#access .stit{font-size: 34px;letter-spacing: .05em; line-height: 1.4em;font-weight: bold;margin-bottom: 1em;text-align: center;}
#access .area-wrap{}
#access .area-wrap:not(:last-of-type){margin-bottom: 60px;}

@media screen and (max-width: 768px){
.areamap{ padding: 40px 0; margin-bottom: 0;}
.areamap dl{ margin-right: 0; margin-bottom: 12px; width:100%;}
.areamap dt{ padding:4px 0 7px;}
.areamap dd{ padding:10px 15px 15px;}
.areamap .tt_link{ top:6px; right:10px;}
.areamap .tt_link a{ padding:5px 0; font-size:12px;}

#map{ padding: 40px 0;}
#access .map{ margin-bottom:10px;}
#access .map iframe{ height:200px;}
#access .stit{font-size: 22px;margin-bottom: .5em;}
}


/* = faq
------------------------------------------------------------------------------------------*/
.faq{}
.faq h2{font-size: 30px; font-weight:bold; text-align:center; line-height:1em;color: #9F8336;margin-bottom: 1.5em;margin-top: 2em;}

.faq_block { margin-bottom:4vw;}
.faq_block dl{ background-color:#fff; margin-bottom:20px; padding:30px 40px;border: 1px solid #eee;}
.faq_block dt{color: #9F8336; font-weight:bold; border-bottom:1px solid #8e7e35; padding-bottom:15px; margin-bottom:15px; font-size:20px; line-height:1.4em;}
.faq_block dd{}
.faq_block dd p{ margin-bottom:1em;}
.faq_block dd a{ text-decoration: underline;}

.faq_block dd .contact{ border:4px solid #e3dbb7; text-align:center; padding:15px;}
.faq_block dd .tel{ margin:0; font-size:24px;}
.faq_block dd .tel span{ font-size:16px;}


@media screen and (max-width: 768px){
.faq_block { margin-bottom:25px;}
.faq h2{font-size: 18px; font-weight:bold; text-align:center;line-height: 1.4em;margin-bottom: 4vw;}
.faq_block dl{ padding:15px 5%; margin-bottom:10px;}
.faq_block dt{ font-size:16px; margin-bottom:10px; padding-bottom:10px;}
.faq_block dd{ font-size:14px; line-height:1.6em;}
.faq_block dd .tel{ font-size:16px;}
.faq_block dd .contact{ }
.faq_block dd .tel span{ font-size:12px;}
}


/* = tickets
------------------------------------------------------------------------------------------*/
.tickets{}
.tickets .block{margin-bottom: 160px;}
.tickets .block .tit{ text-align: center; font-size: 24px; font-weight: bold; line-height: 1.5em; margin-bottom: 1.5em;}
.tickets .block .in_box{ display: flex; margin-bottom: 40px;}
.tickets .block .left{ width: 50%;}
.tickets .block .left figure{}
.tickets .block .left figure img{ width: 100%; border: 1px solid #eee;}
.tickets .block .right{ width: 50%; padding-left: 40px;}
.tickets .block .right .stit{ font-size: 22px; font-weight: bold; margin-bottom: 0.5em; margin-top: 1.3em;}
.tickets .block .right dl{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px; font-size: 22px; font-weight: bold;}
.tickets .block .right dt{ width: 50%; padding: 1em 0; border-bottom: 1px solid #eee;}
.tickets .block .right dd{ width: 50%; text-align: right; padding: 1em 0; border-bottom: 1px solid #eee;}
.tickets .block .right dd span{ font-size: 0.7em; padding-left: 4px;}
.tickets .block .note{ font-size: 14px;}
.tickets .block .btn_01{ max-width: 600px; margin: 0 auto; text-align: center;}

.cs{display: grid;place-items: center;height: 200px;color: #000;font-weight: bold;font-size: 50px;font-family: var(--font_02);}
.lu27 .cs{color: #fff;}

#timetable26{border-bottom:1px solid #9F8336 ;}
#timetable27{border-bottom:1px solid #ffffff78 ;border-top: 1px solid #ffffff78;}

@media screen and (max-width: 768px){
.tickets .block{margin-bottom: 60px;}
.tickets .block .tit{ font-size: 16px; margin-bottom: 1em;}
.tickets .block .in_box{display: block;margin-bottom: 30px;}
.tickets .block .left{ width: 100%;}
.tickets .block .right{ width: 100%; padding-left: 0;}
.tickets .block .right .stit{ font-size: 16px; margin-bottom: 0; margin-top: 1.5em;}
.tickets .block .right dl{ font-size: 16px; margin-bottom: 12px;}
.tickets .block .note{ font-size: 12px;}
.tickets .block .btn_01{ font-size: 12px;}

.cs{font-size: 20px;height: 100px;}
}

.price_box{ width:100%; margin:0 auto 40px;color: #000;}
.price_box h4{ color:#fff; font-size:22px; font-weight:bold; line-height:1.5em; text-align:left; padding: 14px 0 10px 28px;}
.price_box .in_box{ background-color: #fff; padding: 24px;}
.price_box .in_box .table-box{ margin-bottom: 24px;}
.price_box .in_box figure{ display:table-cell; width:40%;}
.price_box .in_box figure figcaption{text-align: left;font-size: 12px;margin-bottom: 1em;}
.price_box .in_box figure img{ width:100%;}
.price_box .in_box .txt_box{ display:table-cell; width:60%; vertical-align: top; padding-left: 18px;}
.price_box .in_box .txt_box dl{ display:table; width:100%; border-bottom: 1px solid #000; padding-bottom: 12px; margin-bottom: 12px;}
.price_box .in_box .txt_box dt{ display:table-cell; vertical-align: middle; font-size: 18px; font-weight: bold; width:55%;text-align: left;}
.price_box .in_box .txt_box dl.stu dd{ color:#000;}
.price_box .in_box .txt_box dd{ display:table-cell; vertical-align: middle; text-align:center; color:#98821f; font-size: 20px; font-weight: bold; line-height: 1em;text-align: right;width: 45%;}
.price_box .in_box .txt_box dt span.min{ font-size:13px;}
.price_box .in_box .txt_box dd span.min{ font-size:13px;}
.price_box .in_box .txt_box p{ font-size: 14px; font-weight: bold; line-height: 1.8em;}
.price_box .in_box .txt_box .in_txt{text-align: left;}
.price_box .in_box .txt_box{}
.price_box .in_box .txt_box{}
.price_box .in_box .btn_box{}
.price_box .in_box .btn_box a{ color:#98821f; text-align:center; display:block; border:2px solid #98821f; border-radius: 10px; margin-bottom: 10px; font-size: 23px; font-weight: bold; line-height: 1em; padding: 14px 0 10px; position: relative;}
.price_box .in_box .btn_box a:after{ content:"\025b6"; position: absolute; font-size: 12px; right: 14px; top:calc(50% - 10px);}
.price_box .in_box .btn_box a span{ font-size: 18px;}
.price_box .in_box .btn_box a small{ font-size: 14px; line-height: 1.5em;}

.price_box .in_box .btn_box .tp_box{ display: table; width: 100%;}
.price_box .in_box .btn_box .tp_box .tp_tit{ display: table-cell; width: 50%; text-align: right; vertical-align: middle;}
.price_box .in_box .btn_box .tp_box .tp_date{ display: table-cell; width: 50%; text-align: left; vertical-align: middle; line-height: 1.3em;}

.price_box .in_box .btn_box.dis a{ border-color: #bbb; color: #bbb;}

.price_box#tk_01 .in_box{ border:4px solid #e6006d;}
.price_box#tk_01 h4{ background-color:#e6006d;}
.price_box#tk_02 .in_box{ border:4px solid #c4ae47;}
.price_box#tk_02 h4{ background-color:#c4ae47;}
.price_box#tk_03 .in_box{ border:4px solid #007ac5;}
.price_box#tk_03 h4{ background-color:#007ac5;}
.price_box#tk_04 .in_box{ border:4px solid #88c222;}
.price_box#tk_04 h4{ background-color:#88c222;}

.note_box{text-align: left;}
.note_box .note_tit{margin-bottom: .5em;font-weight: bold;}

.area_box{ position: relative;margin-bottom:40px;}
.area_box p{text-align: left;}
.area_box img.area_img{  position: relative;width: 100%;margin-bottom: 10px;}
.area_box .modal_area{ position: absolute; width: 3.4%;}
.area_box .modal_area.a_01{ top: 19%; left: 10.6%;}
.area_box .modal_area.a_02{ top: 19%; left: 37.5%;}
.area_box .modal_area.a_03{ top: 34%; left: 47.2%;}
.area_box .modal_area.a_04{ top: 13.2%; left: 55.4%;}
.area_box .modal_area.a_05{ top: 19%; left: 83.6%;}
.area_box .modal_area.a_06{ top: 34%; left: 80.7%;}
.area_box .modal_area.a_07{ top: 49.2%; left: 84%;}
.area_box .modal_area img{ width: 100%;}


.tk_nav{ text-align:center; margin-bottom: 40px;}
.tk_nav ul{}
.tk_nav li{ display: inline-block; width: 22.5%;}
.tk_nav li a{ display: block; padding: 20px 0 40px; background-color: #fff; font-size: 20px; font-weight: bold; border-radius: 10px; position:relative;}
.tk_nav li:nth-child(3) a{ border:3px solid #e6006d; color:#e6006d;}
.tk_nav li:nth-child(4) a{ border:3px solid #c4ae47; color:#c4ae47;}
.tk_nav li:nth-child(1) a{ border:3px solid #007ac5; color:#007ac5;}
.tk_nav li:nth-child(2) a{ border:3px solid #88c222; color:#88c222;}
.tk_nav li a:after{ content:"\025bc"; position:absolute; font-size:16px; left:calc(50% - 8px); bottom:10px;}

.btn_outer{text-align: center;}
.btn_outer .btn_txt{margin-bottom: 1.0em;font-size: 26px;font-weight: bold;line-height: 1.6em;}
.btn_outer .btn_txt .min{font-size: 22px;line-height: 1.6em;}

@media screen and (max-width: 768px){

.price_box{ margin-bottom: 20px; position: relative;}
.price_box h4{ font-size: 18px; padding: 8px 0 4px 16px;}
.price_box .in_box{ padding: 12px; border-left: none !important; border-right: none !important; border-top: none !important;}
.price_box .in_box .table-box{ display: block;}
.price_box .in_box figure{ display: block; width: 100%;margin-bottom: 1.5em;}
.price_box .in_box .txt_box{ display: block;  width: 100%; vertical-align: top; padding-left: 0;}
.price_box .in_box .txt_box dt{ font-size: 13px;}
.price_box .in_box .txt_box dd{ font-size: 14px; text-align: right; padding-left: 4px;}
.price_box .in_box .txt_box dd span{ font-size:11px;}
.price_box .in_box .txt_box p{font-size: 12px;}
.price_box .in_box .btn_box a{ font-size: 17px; border-radius: 6px; line-height: 1.3em; padding:6px 0;}
.price_box .in_box .btn_box a span{ font-size: 14px;}
.price_box .in_box .btn_box a:after{ font-size: 10px; right: 10px; top: calc(50% - 8px);}
.price_box .in_box .btn_box a small{ font-size:12px;}

.price_box .in_box .btn_box .tp_box{ display: block;}
.price_box .in_box .btn_box .tp_box .tp_tit{ display: block; width: 100%; text-align: center; margin-bottom: 2px;}
.price_box .in_box .btn_box .tp_box .tp_date{ display: block; width: 100%; text-align: center; line-height:1.5em;}

.area_box .modal_area{ width: 6.8%;}
.area_box .modal_area.a_01{ top: 19%; left: 8.6%;}
.area_box .modal_area.a_02{ top: 19%; left: 23.5%;}
.area_box .modal_area.a_03{ top: 34%; left: 47.2%;}
.area_box .modal_area.a_04{ top: 5.2%; left: 53.4%;}
.area_box .modal_area.a_05{ top: 12%; left: 87.6%;}
.area_box .modal_area.a_06{ top: 29%; left: 81.2%;}
.area_box .modal_area.a_07{ top: 45.2%; left: 87.6%;}
.area_box img.area_img{ margin-bottom:12px;}

.tk_nav{ margin-bottom:20px;}
.tk_nav li{ width:23%; vertical-align: top;}
.tk_nav li a{ font-size:14px; padding: 22px 0 34px; border-radius: 6px; line-height: 1.3em;}
.tk_nav li:nth-child(4) a{}


.btn_outer{}
.btn_outer .btn_txt{font-size: 20px;}
.btn_outer .btn_txt .min{font-size: 16px;}

}


/* = movie
------------------------------------------------------------------------------------------*/
#movie{}
.movie_box{position: relative;width: 60%;height: 0;padding-bottom: 33.25%;margin: 0 auto;margin-bottom: 20px;}
.movie_box iframe{ position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#movie p{margin: 0;}

@media screen and (max-width: 768px){
.movie_box{width: 100%;padding-bottom: 56.25%;margin-bottom: 12px;}
#movie p{text-align: left;}
}


/* = faq
------------------------------------------------------------------------------------------*/
.faq{}
#faq h2{font-size: 30px; font-weight:bold; text-align:center; line-height:1em;color: #9F8336;margin-bottom: 1.5em;margin-top: 2em;}

.faq_block { margin-bottom:4vw;padding-bottom: 4vw;}
.faq_block dl{ background-color:#fff; margin-bottom:20px; padding:30px 40px;border: 1px solid #eee;}
.faq_block dt{color: #9F8336; font-weight:bold; border-bottom:1px solid #8e7e35; padding-bottom:15px; margin-bottom:15px; font-size:20px; line-height:1.4em;}
.faq_block dd{}
.faq_block dd p{ margin-bottom:1em;}
.faq_block dd a{ text-decoration: underline;}

.faq_block dd .contact{ border:4px solid #e3dbb7; text-align:center; padding:15px;}
.faq_block dd .tel{ margin:0; font-size:24px;}
.faq_block dd .tel span{ font-size:16px;}


@media screen and (max-width: 768px){
.faq_block { margin-bottom:25px;}
.faq h2{font-size: 18px; font-weight:bold; text-align:center;line-height: 1.4em;margin-bottom: 4vw;}
.faq_block dl{ padding:15px 5%; margin-bottom:10px;}
.faq_block dt{ font-size:16px; margin-bottom:10px; padding-bottom:10px;}
.faq_block dd{ font-size:14px; line-height:1.6em;}
.faq_block dd .tel{ font-size:16px;}
.faq_block dd .contact{ }
.faq_block dd .tel span{ font-size:12px;}
}


/* = special
------------------------------------------------------------------------------------------*/

#under-pages #movie .content-wrap { padding: 0; margin: 0 auto; position: relative; width: 85%; max-width: 1100px; }
#under-pages #movie .content-wrap h2{ width:10%; text-align:left; margin-bottom:32px;}
.youtube{position:relative;width:100%; margin:0 auto;padding-top:56.25%;}
.youtube iframe{position:absolute;top:0;right:0;width:100%;height:100%;}
#under-pages #movie h3{ background: #a49348; color: #fff; font-size: 15px; font-weight: bold; line-height: 1.2em; padding: 1em .3em; position: relative; text-align: center;}

#under-pages #movie .box03:hover{ cursor:pointer; opacity:0.8;}
#under-pages #movie a{position:relative;}
#under-pages #movie a .ro{position:absolute; display:none;}
#under-pages #movie a:hover .ro{ display: inherit;}

#under-pages #movie a .ro{top: 50%;left: 50%;transform: translate(-50%,-50%);}

#under-pages #movie #pagination{position: relative; overflow: hidden; margin-bottom:2vw; padding-top:1vw; display:table; margin:0 auto;}
#under-pages #movie #pagination .page-numbers{ border: 1px solid #a49348; margin-right: 8px; text-decoration: none; height:40px; line-height: 40px; font-size: 14px; width:40px; float:left; padding: 0 16px !important; display:table-cell !important;}
#under-pages #movie #pagination .page-numbers.current{color: #fff; background: #a49348;}
#under-pages #movie #pagination .page-numbers.dots{ padding:0 12px !important;}
#under-pages #movie #pagination .next.page-numbers,
#under-pages #movie #pagination .prev.page-numbers{ width:75px;}


@media screen and (max-width: 768px){
#under-pages #movie h3{ font-size:13px;}

#under-pages #movie #pagination .page-numbers{padding: 0px 12px !important; margin-right:5px; height:35px; line-height:35px; width:35px;}
#under-pages #movie #pagination .next.page-numbers,
#under-pages #movie #pagination .prev.page-numbers{ width:32px;}
#under-pages #movie #pagination .next.page-numbers{padding-left: 12px !important;}
#under-pages #movie #pagination .page-numbers.dots{ padding:0 9px !important;}
}


#questionnaire{}
#questionnaire .txt_area{margin-bottom:3em;}
#questionnaire .txt_area .date{font-weight: bold;color: var(--dark_gold);font-size: clamp(16px,2vw,20px);line-height: 1.4em;text-align: center;}
#questionnaire .btn_outer .btn_01{width: 100%;}

@media screen and (max-width: 768px) {
  #questionnaire .txt_area{text-align: left;}
  #questionnaire .txt_area .date{}
}

/* = colorbox
------------------------------------------------------------------------------------------*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:visible;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:none;}
   /* #cboxContent{margin-bottom:60px; overflow:visible;}*/
    #cboxContent{margin-right:60px; overflow:visible; margin-bottom:0;}
        .cboxIframe{background:#000;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{ background-color:transparent;/* border: 4px solid #AF954C; */}
        #cboxLoadingGraphic{background:url(../images/loading_b.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxClose{text-indent:-9999px; width:40px; height:100%; position:absolute; top:0;background:url(../images/controls2.png) no-repeat 0 0;}
		
        #cboxClose{background-position:7px 0; right:-50px; border:0; outline:none;}
        #cboxClose:hover{background-position:-40px 0;}


@media screen and (max-width: 768px) {
#cboxContent{ margin-right:0; margin-bottom:50px;}
#cboxClose{ right:0; top:inherit; top:-30px; height: 22px;}
.cboxIframe{width:100%; height:50vw;}
}




.modal-box {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    right: 0;
    z-index: -1;
    transition: 0.5s ease;
    overflow: hidden;
    display: block;
    opacity: 0;
    visibility: hidden;
    background-position: center;
  }
  .modal-box:before {
    content: "";
    position: fixed;
    background: #000;
    opacity: 0.8;
    background-size: cover;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .modal-box .modal-inner {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .modal-box .modal-inner .close {
    cursor: pointer;
    position: absolute;
    right: 20px;
    width: 50px;
    top: -30px;
    height: 40px;
  }
  .modal-box .modal-inner .close span {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
  }
  .modal-box .modal-inner .close span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    background: #fff;
    width: 50px;
    height: 1px;
  }
  .modal-box .modal-inner .close span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    background: #fff;
    width: 50px;
    height: 1px;
  }
  #popup{background: #fff;
    padding: 50px 30px;}

#popup .pop-stit{background-color: #98821f;display: block;color: #fff;padding: 1%; margin: 2em 0 1em;}

  .modal-box .modal-inner .modal-content .tit{text-align: center;margin-bottom: 30px;color: #98821f;font-size: 22px;}
  .modal-box .modal-inner .modal-content {}
  .modal-box .modal-inner .modal-content {
    width: 92%;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    padding: 20px 0px;
  }
  .modal-box .modal-inner .modal-content .inner-scroll {
    overflow-y: scroll;
    max-height: calc(80vh - 40px);border: 2px solid #98821f;
  }
  .modal-box .modal-inner .modal-content .inner-scroll::-webkit-scrollbar {
    display: none;
  }
  .modal-box .modal-inner .modal-content .inner-scroll::-webkit-scrollbar-track {
    display: none;
  }
  .modal-box.active {
    opacity: 1;
    visibility: visible;
    right: 0;
    z-index: 1000;
  }
  .modal-box.active .modal-inner {
    pointer-events: all;
  }
  
  @media screen and (max-width: 768px) {
    #popup{
        padding: 30px 20px;}
  .modal-box .modal-inner .modal-content {font-size: 14px;}

        .modal-box .modal-inner .modal-content .tit{font-size: 16px;}
    .modal-box .modal-inner .close {
      right: 0px;
      top: -50px;
    }
  }