@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Noto+Sans+JP:wght@100..900&family=Oswald:wght@200..700&display=swap');
/* CSS Document */

/*------------------------------------------------------

	リセット

------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: 500;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/*table { border-collapse: collapse; border-spacing: 0;}*/
hr {
	display: block;
	height: 0px;
	border: 0;
	border-bottom: 1px solid #4d4d4d;
	margin: 0;
	padding: 0;
}
input, select { vertical-align: middle;}
img {
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align: top;
	-webkit-backface-visibility: hidden;
	image-rendering: -webkit-optimize-contrast;
}
*, *:before, *:after { box-sizing: border-box;}

/*------------------------------------------------------

	グローバル

------------------------------------------------------*/

body {
	font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 1em;
	line-height: 1.8;
	position: relative;
	min-width: 1030px;
}

p { margin-bottom: 25px;}
p:last-child { margin-bottom: 0px;}

a { color: #333333; text-decoration: none;}
a:hover, a:active { color: #0074d6;}

table{
  text-align: center;
  margin: auto;
  width: 50%;
}

caption {
  font-weight: bold;
  caption-side: bottom; /* 下 */
  text-align: left; /* 左 */
}

figcaption {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: bold;
}

/* 文字装飾 */
.fo06 { font-size: 0.6em !important;}
.fo07 { font-size: 0.7em !important;}
.fo08 { font-size: 0.8em !important;}
.fo09 { font-size: 0.9em !important;}
.fo11 { font-size: 1.1em !important;}
.fo12 { font-size: 1.2em !important;}
.fo13 { font-size: 1.3em !important;}
.fo14 { font-size: 1.4em !important;}
.fo15 { font-size: 1.5em !important;}
.fo16 { font-size: 1.6em !important;}
.fo17 { font-size: 1.7em !important;}
.fo18 { font-size: 1.8em !important;}
.fo20 { font-size: 2.0em !important;}
.fo25 { font-size: 2.5em !important;}

.lh12 { line-height: 1.2;}
.lh14 { line-height: 1.4;}
.lh16 { line-height: 1.6;}
.lh18 { line-height: 1.8;}
.lh20 { line-height: 2;}
.lh23 { line-height: 2.3;}

.ls02 { letter-spacing: 0.2em;}

.fo_noto {font-family: 'Noto Sans JP', sans-serif;}
.fo_oswald {font-family: "Oswald", sans-serif;}

.fo_white { color: #FFFFFF;}
.fo_blue { color: #0074d6;}

/* ボックス */
.container { max-width: 1030px; padding: 0px 15px; margin: 0px auto;}

.left { float: left;}
.right { float: right;}

.pos_rel { position: relative;}
.pos_ab { position: absolute;}

.bold { font-weight: bold;}

.ta_center { text-align: center;}
.ta_right { text-align: right;}
.ta_left { text-align: left;}
.ta_right-s_center { text-align: right;}
.ta_left-s_center { text-align: left;}

.back_white { background-color: #fff !important;}

@media (min-width: 861px) {
	.hidden_l { display: none !important;}
}

/* リスト */
ol { padding-left: 2em;}
ol li { list-style: outside decimal;}

.list_indent { padding-left: 1em;}
.list_indent li { text-indent: -1em;}

.list_disc { padding-left: 1em;}
.list_disc li { list-style: outside disc;}

/* margin */
.mb00 { margin-bottom: 0px !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb80 { margin-bottom: 80px !important;}
.mb90 { margin-bottom: 90px !important;}
.mb145 { margin-bottom: 145px !important;}
.mb190 { margin-bottom: 190px !important;}

.mb40-20 { margin-bottom: 40px !important;}
.mb60-30 { margin-bottom: 60px !important;}
.mb80-40 { margin-bottom: 80px !important;}
.mb100-60 { margin-bottom: 100px !important;}
.mb120-60 { margin-bottom: 120px !important;}
.mb160-80 { margin-bottom: 160px !important;}

.mt9 {margin-top: 9px !important;}
.mt10 {margin-top: 10px !important;}
.mt13 {margin-top: 13px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt28 {margin-top: 28px !important;}
.mt33 {margin-top: 33px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt52 {margin-top: 52px !important;}
.mt100 {margin-top: 100px !important;}
.mt120 {margin-top: 120px !important;}

.ml10{margin-left: 10px !important;}
.ml20{margin-left: 20px !important;}
.ml45{margin-left: 45px !important;}
.ml60{margin-left: 60px !important;}
.ml140{margin-left: 140px !important;}
.mr280{margin-right: 280px !important;}

/* padding */
.pb20 {padding-bottom: 20px!important;}
.pb40 {padding-bottom: 40px!important;}
.pb50 {padding-bottom: 50px!important;}
.pb99 {padding-bottom: 99px!important;}
.pb120 {padding-bottom: 120px!important;}

.pt10 {padding-top: 10px!important;}
.pt20 {padding-top: 20px!important;}
.pt30 {padding-top: 30px!important;}
.pt40 {padding-top: 40px!important;}
.pt50 {padding-top: 50px!important;}

.pl05{padding-left: 5px!important;}
.pl20{padding-left: 20px!important;}

.pr100{padding-right: 100px!important;}
.pr300{padding-right: 300px!important;}

.left50{left: 50px}

/* 共通 */
.show_sp { display: none;}
.over_hidden { overflow: hidden;}

/* ==========================
	ヘッダー 
   ========================== */
.header{position: absolute; z-index: 100;}
.header .box01{display: flex; width: 99vw; justify-content: space-between;padding: 30px;}
.header .box01 a{transition: all .3s;}
.header .box01 a:hover{opacity: 0.7;}

.hedder_menu{
    background-color: white;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99999999999;
    width: 99.25vw;
    padding: 13px 31px;
    transition: all 0.3s ease-in-out; 
}
.hedder_menu.is-hidden {
    transform: translate(-50%, -100%);
    opacity: 0;
}
.hedder_menu .box01{display: flex;justify-content: space-between;}
.hedder_menu .box01 > div a{transition: all .3s;}
.hedder_menu .box01 > div a:hover{opacity: 0.7;}
.hedder_menu ul{display: flex;justify-content: center;gap: 30px;}
.hedder_menu ul li a{
    font-family: "Bebas Neue", sans-serif;
    font-weight: bold;
    color: #000000;
    display: block;
    position: relative;
    white-space: nowrap;
    padding: 3px 1.5em;
    font-size: 1.5em;
    transition: all .3s;
}

.hedder_menu ul li a:hover{opacity: 0.7;}
.hedder_menu ul li a::after{
    position: absolute;
    font-family: 'Noto Sans JP', sans-serif;
    content: '';
    transform: translate(-50%, -50%);
    top: 85%;
    left: 50%;
    font-size: 0.6em;
}

.hedder_menu ul li:nth-of-type(1) a::after{content: 'トップ';}
.hedder_menu ul li:nth-of-type(2) a::after{content: 'コンセプト';}
.hedder_menu ul li:nth-of-type(3) a::after{content: '出演';}
.hedder_menu ul li:nth-of-type(4) a::after{content: 'ご案内';}
.hedder_menu ul li:nth-of-type(5) a::after{content: 'お知らせ';}
.hedder_menu ul li:nth-of-type(6) a::after{content: 'チケット';}

@media screen and (max-width: 1430px){
    .hedder_menu ul li a{padding: 8px 1.2em;font-size: 1.2em;}
}

@media screen and (max-width: 1200px){
    .hedder_menu .box01 > div{max-width: 130px;}
    .hedder_menu ul li a{padding: 1px 0.8em;font-size: 1em;}
}

.hedder_menu_under{background-color: white;padding: 13px 31px;transition: all 0.3s ease-in-out; }
.hedder_menu_under .box01{display: flex;justify-content: space-between;}
.hedder_menu_under .box01 > div a{transition: all .3s;}
.hedder_menu_under .box01 > div a:hover{opacity: 0.7;}
.hedder_menu_under ul{display: flex;justify-content: center;gap: 30px;}
.hedder_menu_under ul li a{
    font-family: "Bebas Neue", sans-serif;
    font-weight: bold;
    color: #000000;
    display: block;
    position: relative;
    white-space: nowrap;
    padding: 3px 1.5em;
    font-size: 1.5em;
    transition: all .3s;
}

.hedder_menu_under ul li a:hover{opacity: 0.7;}
.hedder_menu_under ul li a::after{
    position: absolute;
    font-family: 'Noto Sans JP', sans-serif;
    content: '';
    transform: translate(-50%, -50%);
    top: 85%;
    left: 50%;
    font-size: 0.6em;
}

.hedder_menu_under ul li:nth-of-type(1) a::after{content: 'トップ';}
.hedder_menu_under ul li:nth-of-type(2) a::after{content: 'コンセプト';}
.hedder_menu_under ul li:nth-of-type(3) a::after{content: '出演';}
.hedder_menu_under ul li:nth-of-type(4) a::after{content: 'ご案内';}
.hedder_menu_under ul li:nth-of-type(5) a::after{content: 'お知らせ';}
.hedder_menu_under ul li:nth-of-type(6) a::after{content: 'チケット';}

@media screen and (max-width: 1430px){
    .hedder_menu_under ul li a{padding: 8px 1.2em;font-size: 1.2em;}
}

@media screen and (max-width: 1200px){
    .hedder_menu_under .box01 > div{max-width: 130px;}
    .hedder_menu_under ul li a{padding: 1px 0.8em;font-size: 1em;}
}

/* ==========================
	フッター 
   ========================== */
.footer{background-color: #333333;padding: 60px 15px;}
.footer ul{display: flex;justify-content: center;gap:40px;}
.footer > ul li+li{position: relative;}
.footer > ul li:not(:first-of-type)::before{
    content: '|'; 
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    font-size: 1.2em; 
    color: #FFFFFF;
    font-weight: 500;
}

.footer ul li a:hover{color: white;text-decoration: underline;}
.footer .box_link{display: flex;justify-content: center;}
.footer .box_link p{margin-bottom: 0;font-size: 1.125em;line-height: 2.2em;}
.footer .box_link ul{}
.footer .box_link ul li{
    padding-left: 40px;
    line-height: 2.3em;
}
.footer .box_link ul li:nth-of-type(1){
    background-image: url("../images/footer_mail.svg");
    background-repeat: no-repeat;
    background-position: left top 5px;
    background-size: 35px 23px;
}
.footer .box_link ul li:nth-of-type(2){
    background-image: url("../images/footer_instagram.svg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 33px 33px;
}
.footer .box_link ul li:nth-of-type(3){
    background-image: url("../images/footer_x.svg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 33px 33px;
}

.footer .box_link ul li a{color: white;}
footer .copy{background-color: white;}


/* ==========================
	コンテンツ
   ========================== */

/*TOPページ*/

/*sec_01*/
/*メインパネル動画*/
.video_wrap {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.video_wrap #video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%,-50%);
  z-index: -1;
}
.video_wrap #video.sp_mov {max-height: 100%;}
@media screen and (max-width: 1280px) {
  .video_wrap {
    height: 64.25vw;
  }
}
@media screen and (max-width: 768px) {
  .video_wrap {
    height: 100vh;
  }
}
@media screen and (max-width: 413px) {
  .video_wrap #video.sp_mov {
    max-height: 111%;
  }
}

.sec_01{}
.sec_01 .title{top: 30%;left: 50%;transform: translate(-50%, -50%);}
.sec_01 .box_date_place{
    display: flex;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
    align-items: center;
    border: 7px solid #FFFFFF;
}

.sec_01 .box_date_place .date{
    background-color: white;
    color: #868FFF;
    font-size: 2.25em;
    line-height: 1em;
    padding: 14px 18px;
}

.sec_01 .box_date_place .place{
    background-color: transparent;
    font-size: 1.5em;
    color: white;
    line-height: 1em;
    padding: 20px 25px;
}

.sec_01 .box_bnr{
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sec_01 .box_bnr a{transition: all .3s;}
.sec_01 .box_bnr a:hover{opacity: 0.7;}
.sec_01 .box_menu{
    width: 200vw;
    transform: translate(-50%, -50%);
    top: 94%;
    left: 50%;
    background: #EFF0FF 0% 0% no-repeat padding-box;
    mix-blend-mode: color-dodge;
    z-index: 9999;
    padding-bottom: 120px;

}

.sec_01 .box_menu .box_menu2{
    background: #3A19F2 0% 0% no-repeat padding-box;
    mix-blend-mode: multiply;
    opacity: 0.4;
    z-index: 10000;
}

.sec_01 .box_menu_ul{
    width: 99.25vw;
    transform: translate(-50%, -50%);
    top: 93.5%;
    left: 50%;
    background-color: transparent;
    display: flex;
    justify-content: center;
    gap: 30px;
    z-index: 10001;
}

.sec_01 .box_menu_ul li{}
.sec_01 .box_menu_ul li a{
    font-family: "Bebas Neue", sans-serif;
    font-weight: bold;
    color: #000000;
    display: block;
    position: relative;
    padding: 15px 1.5em;
    font-size: 1.5em;
    transition: all .3s;
    /*background-color: yellow;*/ /* ← 範囲確認用*/
}

.sec_01 .box_menu_ul li a:hover{opacity: 0.7;}
.sec_01 .box_menu_ul li a::after{
    position: absolute;
    font-family: 'Noto Sans JP', sans-serif;
    content: '';
    transform: translate(-50%, -50%);
    top: 85%;
    left: 50%;
    font-size: 0.6em;
    white-space: nowrap;
}

.sec_01 .box_menu_ul li:nth-of-type(1) a::after{content: 'トップ';}
.sec_01 .box_menu_ul li:nth-of-type(2) a::after{content: 'コンセプト';}
.sec_01 .box_menu_ul li:nth-of-type(3) a::after{content: '出演';}
.sec_01 .box_menu_ul li:nth-of-type(4) a::after{content: 'ご案内';}
.sec_01 .box_menu_ul li:nth-of-type(5) a::after{content: 'お知らせ';}
.sec_01 .box_menu_ul li:nth-of-type(6) a::after{content: 'チケット';}

@media screen and (max-width: 1430px){
    .sec_01 .box_menu_ul li a{padding: 8px 1.2em;font-size: 1.2em;} 
}

@media screen and (max-width: 1200px){
    .sec_01 .box_menu_ul li a{padding: 1px 0.8em;font-size: 1em;}
    .sec_01 .title{max-width: 400px;}
    .sec_01 .box_date_place .date{font-size: 1.7em;padding: 10px 14px;}
    .sec_01 .box_date_place .place{font-size: 1.2em;padding: 14px 25px;}
    .sec_01 .box_bnr{max-width: 500px;}
}

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

/*sec_02*/
.sec_02{background-color: #000000;padding: 60px 0px;}
.sec_02 .box_news{
    background-color: white;
    max-width: 720px;
    margin: 0 auto;
    padding: 30px 120px;
    border-radius: 10px;
}
.sec_02 .box_news h2{margin-bottom: 30px;}
.sec_02 .box_news h2 span:nth-of-type(1){color: #FF5078;font-size: 1.875em;}
.sec_02 .box_news h2 span:nth-of-type(2){margin-left: 20px;}
.sec_02 .box_news .news_dl{}
.sec_02 .box_news .news_dl a{display: block;}
.sec_02 .box_news .news_dl a:nth-of-type(1){margin-bottom: 0px;}
.sec_02 .box_news .news_dl a dl dt span:nth-of-type(1){}
.sec_02 .box_news .news_dl a dl dt span:nth-of-type(2){margin-left: 40px;text-decoration: underline;}

/*sec_03*/
.sec_03{padding-bottom: 20px;background-color: black;}
.sec_03 .box01{
    padding: 160px 410px 100px;
    background-image: url("../images/sec03_01.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
}
.sec_03 .box01 h2{position: absolute; transform: translate(-50%, -50%);top: 19.8%;left: 80%;}
.sec_03 .box01 > div{color: white;}
.sec_03 .box01 > div > p:nth-of-type(1){font-size: 2.25em;}
.sec_03 .box01 > div > p:nth-of-type(2){line-height: 2.5em;}

@media screen and (max-width: 1580px){
    .sec_03 .box01{padding: 160px 210px 100px;}
}

@media screen and (max-width: 1250px){
    .sec_03 .box01{padding: 160px 50px 100px;}
}

/*sec_04*/
.sec_04{padding-top: 80px; border-bottom: 20px solid #000000;margin-bottom: 100px;}
.sec_04 h2{display: flex;align-items: center;padding-left: 410px;line-height: 4.5em;}
.sec_04 h2 span:nth-of-type(1){font-size: 5em;}
.sec_04 h2 span:nth-of-type(2){font-size: 1.25em;margin-left: 40px;}
.sec_04 .hidden_s > div:nth-of-type(2n-1){background-color: #A8AFFF;}
.sec_04 .hidden_s > div:nth-of-type(2n-1) > div{
    background-color: #868FFF;
    border-right: 1px solid #FFFFFF;
    border-radius: 0px 275px 275px 0px;
}
.sec_04 .hidden_s > div:nth-of-type(2n-1) > div > div{
    padding: 130px 0 120px 410px;
    background-color: #8995FF;
    border-radius: 0px 275px 275px 0px;
    width: 89.5%;
}

.sec_04 .hidden_s > div:nth-of-type(2n){background-color: #868FFF;}
.sec_04 .hidden_s > div:nth-of-type(2n) > div{
    background-color:#A8AFFF;
    border-left: 1px solid #FFFFFF;
    border-radius: 275px 0px 0px 275px;
}
.sec_04 .hidden_s > div:nth-of-type(2n) > div > div{
    padding: 130px 0 120px 210px;
    background-color: #B4BDFF;
    border-radius: 275px 0px 0px 275px;
    width: 89.5%;
    margin-left: auto;
}

.sec_04 .hidden_s > div > div > div > div{display: flex;gap:200px;}
.sec_04 .hidden_s .box_right, .sec_04 .box_left{position: relative;}

.sec_04 .hidden_s .box_performers_sns{
    display: flex;
    align-items: flex-start;
    height: 100%;
}

.sec_04 .hidden_s .box_name_sns {
    margin-left: 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;    
    height: 100%;
    position: relative;
}

.sec_04 .hidden_s .box_name_sns::before{
    position: absolute;
    content: '';
    width: 5px;
    height: 100%;
    left: -10%;
    top: 0%;
    background-color: #000000;
}

.sec_04 .hidden_s .box_performers_sns{height: 130px;}
.sec_04 .hidden_s .box_performers_sns > figure{max-width: 190px;}
.sec_04 .hidden_s .box_performers_sns h4{
    font-size: 3.125em;
    line-height: 1em;
}
.sec_04 .hidden_s .box_sns{
    display: flex;
    align-items: center;
    gap: 15px;
}

.sec_04 .hidden_s .box_sns > div:nth-of-type(1) p{
    background-color: #000000;
    font-size: 2em;
    font-weight: 500;
    line-height: 0;
    padding: 0.4em 0.2em 0.65em;
}
.sec_04 .hidden_s .box_sns ul{display: flex;gap: 10px;}
.sec_04 .box_sns ul li{width: 35px;}
.sec_04 .btn_view{
    width: 170px;
    border: 2px solid #FFFFFF;
    border-radius: 23px;
    text-align: center;
    position: absolute;
    transition: all .3s;
}

.sec_04 .hidden_s > div:nth-of-type(2n-1) .btn_view{
    transform: translate(-50%, -50%);
    top: 85%;
    left: 65%;
}

.sec_04 .hidden_s > div:nth-of-type(2n) .btn_view{
    transform: translate(-50%, -50%);
    top: 85%;
    left: 60%;
}

.sec_04 .hidden_s > div:nth-of-type(2n-1) .btn_view:hover{transform: translate(-40%, -50%);}
.sec_04 .hidden_s > div:nth-of-type(2n) .btn_view:hover{transform: translate(-40%, -50%);}
.sec_04 .hidden_s .btn_view a{
    display: block;
    width: 100%;
    font-size: 1.125em;
    padding: 5px 0;
    transition: all .3s;
}
.sec_04 .hidden_s .btn_view a:hover{color: white;}
.sec_04 .hidden_s > div:nth-of-type(2n-1) .box_right{max-width: 420px;box-shadow: -10px 10px;}
.sec_04 .hidden_s > div:nth-of-type(2n) .box_left{max-width: 420px;box-shadow: -10px 10px;}

@media screen and (max-width: 1700px){
    .sec_04 .hidden_s > div:nth-of-type(2n-1) > div > div{padding: 130px 0 120px 210px;}
    .sec_04 .hidden_s > div:nth-of-type(2n) > div > div{padding: 130px 0 120px 10px;}
    .sec_04 .hidden_s > div > div > div > div{display: flex; gap:100px;}
}


@media screen and (max-width: 1580px){
    .sec_04 h2{padding-left: 210px;}
}

@media screen and (max-width: 1480px){
    .sec_04 .hidden_s > div:nth-of-type(2n-1) > div > div{padding: 130px 0 120px 80px;}
}


@media screen and (max-width: 1250px){
    .sec_04 h2{padding-left: 50px;}
    .sec_04 .hidden_s > div:nth-of-type(2n-1) .box_right{max-width: 240px;box-shadow: -10px 10px;}
    .sec_04 .hidden_s > div:nth-of-type(2n) .box_left{max-width: 240px;box-shadow: -10px 10px;}
    .sec_04 .hidden_s > div:nth-of-type(2n-1) .btn_view{top: 130%;}
    .sec_04 .hidden_s > div:nth-of-type(2n) .btn_view{top: 130%;}
}

/*sec_05*/
.sec_05{margin-bottom: 80px;}
.sec_05 .box01{
    width: 90%;
    background-color: #EBEDFF;
    border-radius: 20px 0px 0px 20px;
    box-shadow: 0px 0px 15px #00000034;
    padding-top: 40px;
    padding-bottom: 60px;
    margin-left: auto;
}
.sec_05 .box01 .box02{width: 90%;text-align: center;}
.sec_05 .box01 .box02 h2{font-size: 2.5em;position: relative;margin-bottom: 60px;}
.sec_05 .box01 .box02 h2:after{
    position: absolute;
    content: 'チケット';
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 0.5em;
    transform: translate(-50%, -50%);
    top: 110%;
    left: 50%;
}
.sec_05 .box01 .box02 figure{max-width: 1000px;margin: 0 auto 40px;}
.sec_05 .box01 .box02 .btn_ticket a{transition: all .3s;}
.sec_05 .box01 .box02 .btn_ticket a:hover{opacity: 0.7}


/*sec_06*/
.sec_06{margin-bottom: 120px;}
.sec_06 .box01{
    width: 90%;
    background-color: #EBEDFF;
    border-radius: 20px 0px 0px 20px;
    box-shadow: 0px 0px 15px #00000034;
    padding-top: 60px;
    padding-bottom: 60px;
}

.sec_06 .box01 .box02{width: 90%;text-align: center;margin-left: auto;}
.sec_06 .box01 .box02 h2{font-size: 2.5em;position: relative;margin-bottom: 60px;}
.sec_06 .box01 .box02 h2:after{
    position: absolute;
    content: 'ご案内';
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 0.5em;
    transform: translate(-50%, -50%);
    top: 110%;
    left: 50%;
}

.sec_06 .box01 .box02 .box_flyer{
    background-color: #FFFFFF;
    max-width: 780px;
    padding: 50px 60px;
    margin: 0 auto 60px;
}

.sec_06 .box01 .box02 .box_flyer table{
    width: 100%;
    margin: 0; 
    text-align: left;
    padding-left: 60px;
}

.sec_06 .box01 .box02 .box_flyer table tr{}
.sec_06 .box01 .box02 .box_flyer table tr th{
    font-weight: bold;
    width: 5em;
    vertical-align: top;
    padding-bottom: 20px;
}

.sec_06 .box01 .box02 .box_flyer table tr td{
    width: auto;
    padding-left: 5em;
    padding-bottom: 20px;
    font-weight: 500;
}

.sec_06 .box01 .box02 .box_flyer table tr td iframe{width: 100%;height: 110px;margin-top: 5px;}
.sec_06 .box01 .box02 .box_flyer .line_black{border-bottom: 1px solid #707070;margin-bottom: 50px;}
.sec_06 .box01 .box02 .box_flyer .box_precautions p{font-weight: 500;}
.sec_06 .box01 .box02 .box_time_table{max-width: 780px;margin: 0 auto 0px;}
.sec_06 .box01 .box02 .box_time_table > a{display: block;border: 3px solid #000000;}

.sec_06 .box01 .box02 .btn_zoom{max-width: 170px;margin: 0 auto;transition: all .3s;}
.sec_06 .box01 .box02 .btn_zoom a{
    width: 100%;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #868FFF;
    font-size: 1.125em;
    position: relative;
    transition: all .3s;
    border: 2px solid #868FFF;
    border-radius: 30px;
    padding-left: 10px;
}

.sec_06 .box01 .box02 .btn_zoom a:hover{background-color: #868FFF;color: white;}
.sec_06 .box01 .box02 .btn_zoom a::before{
    content: '';
    position: absolute;
    background-image: url("../images/sec06_zoom_purple.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%);
    transition: all .3s;
    top: 50%;
    left: 25%;
}
.sec_06 .box01 .box02 .btn_zoom a:hover::before{background-image: url("../images/sec06_zoom_white.svg");}

/*下層ページ*/
.page_ttl{background-color: black;padding: 40px;margin-bottom: 20px;}
.page_ttl h2 span:nth-of-type(1){
    font-family: "Oswald", sans-serif;
    font-size: 1.5em;
    line-height: 1em;
}

.page_ttl h2 span:nth-of-type(2){
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1em;
}

.btn_back{width: 200px;margin: 120px auto 0;text-align: center;}
.btn_back a{display: block;width: 100%;color: #868FFF;padding: 8px 20px;font-family: 'Noto Sans JP', sans-serif;font-size: 1.5em;transition: all .3s;border-radius: 30px;border: 2px solid #868FFF;}
.btn_back a:hover{background-color: #868FFF;color: white;}

.news_sec01{padding: 120px 15px 120px;}
.news_sec01 .page_date{margin-bottom: 0px;}
.news_sec01 .title{font-size: 2em;border-bottom: 4px solid #707070;margin-bottom: 50px;}


/* ------------------------
	投稿
------------------------ */
.topics_pagettl {
    position: relative;
    overflow: hidden;
    font-size: 1.75em; 
    letter-spacing: 0.1em; 
    padding: 0px 0px;
}

.topics_pagettl h2{
    position: relative;
    padding: 10px;
}

.topics_pagettl h2::after{
  content: '';
  width: 35px;
  height: 3px;
  display: inline-block;
  background-color: #0B983F;
  position: absolute;
  bottom: 7px;
  left: calc(50% - 17.5px);
}
/* ページャー(アーカイブ) */
.pagination .number {
	margin-left: 0.5em;
	display: inline-block;
	vertical-align: middle;
    font-size: 1.125em;
    font-weight: bold;
}
.pagination span.current, .pagination a {
	margin: 0px 0.5em 0px;
	display: inline-block;
	vertical-align: middle;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.125em;
    padding: 0.1em 0.3em;
    line-height: 1em;
}
.pagination span.current, .pagination a:hover {
    background-color: #0B983F;
    color: #FFFFFF;
}

.news_list { display: flex; margin: 0px -1.5% auto; flex-wrap: wrap;}
.news_list p{margin-bottom: 0}
.news_list > li { width: 25%; padding: 0px 1.5% 60px;}
.news_list a { text-decoration: none; color: #231815;}
.news_list a:hover { color: #2ea6df;}
.news_list h3 {}

.news_list .cat{color: white;margin-top: 10px; margin-bottom: 10px;padding: 0.3em;display: none;}
.cat-news {background-color: #0B983F; width: 4.6em;}
.cat-blog {background-color: #002CA2; width: 3.6em;}
.cat-default {color: #999;}