@charset "UTF-8";
@media (max-width: 750px) { .is-pc { display: none; } }

@media (min-width: 751px) { .is-sp { display: none; } }

.timetable-Header { width: 100%; background-repeat: no-repeat; }

@media (min-width: 751px) { .timetable-Header { height: 492px; background-size: 1300px 492px; background-position: center; } }

@media (min-width: 1025px) { .timetable-Header { background-size: cover; } }

@media (max-width: 750px) { .timetable-Header { height: 50.13333vw; background-size: 100%; margin-bottom: 40px; } }

@media (min-width: 751px) { .timetable-Header { background-image: url("../images/timetable/timetable_header_bg-pc.jpg"); } }

@media (max-width: 750px) { .timetable-Header { background-image: url("../images/timetable/timetable_header_bg-sp.jpg"); } }

.timetable-HeaderArea { width: 100%; height: 100%; max-width: 980px; text-align: center; margin: auto; position: relative; }

.timetable-Header_Title { width: 100%; position: absolute; margin: auto; bottom: 50px; left: 0; padding: 0 20px; }

@media (max-width: 750px) { .timetable-Header_Title { bottom: -60px; } }

.timetable-Header_TitleImg { width: 100%; max-width: 1983/2px; }

@media (max-width: 750px) { .timetable-Header_TitleImg { width: 80%; } }

.timetable-Header_TitleText { font-size: 16px; text-align: center; padding: 1em; opacity: .64; }

.timetable-Header_TitleText span { position: relative; }

.timetable-Header_TitleText span:before, .timetable-Header_TitleText span:after { content: ""; display: block; width: 1em; height: 1px; background: currentColor; position: absolute; top: 0; bottom: 0; margin: auto; }

.timetable-Header_TitleText span:before { left: -2em; }

.timetable-Header_TitleText span:after { right: -2em; }

.timetable-TimetableStage1 { width: 100%; margin: 0 auto 80px; }

@media (max-width: 1024px) { .timetable-TimetableStage1 { padding: 0 30px; } }

@media (max-width: 750px) { .timetable-TimetableStage1 { margin: 0 auto 20px; padding: 20px; } }

.timetable-TimetableStage1Area { width: 100%; max-width: 980px; margin: auto; }

.timetable-TimetableStage1_Heading { width: 100%; padding: 50px 20px 30px; text-align: center; margin: 50px 0 25px; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

@media (max-width: 750px) { .timetable-TimetableStage1_Heading { padding: 20px; margin: 50px 0 10px; } }

.timetable-TimetableStage1_HeadingImg { width: 120px; }

@media (max-width: 750px) { .timetable-TimetableStage1_HeadingImg { width: 96px; } }

.timetable-TimetableStage1_HeadingImg img { width: 100%; }

.timetable-TimetableStage1_HeadingText { font-size: 24px; font-weight: 600; color: #D09C43; padding-left: 10px; text-align: center; letter-spacing: 2px; padding: 0 20px; }

.timetable-TimetableStage1_HeadingText:before { content: "TIME TABLE"; display: block; font-size: 12px; letter-spacing: 5px; background: #B2863B; color: #000; line-height: 1em; margin: 1em 0 .2em; }

@media (max-width: 750px) { .timetable-TimetableStage1_HeadingText { font-size: 20px; } }

.timetable-TimetableStage1_Table { width: 100%; border: solid 1px #B2863B; display: -webkit-box; display: flex; margin: 30px auto; }

@media (max-width: 750px) { .timetable-TimetableStage1_Table { margin: 10px auto; } }

.timetable-TimetableStage1_TableTime { background: #430609; color: #D09C43; padding: 10px; display: -webkit-box; display: flex; flex-wrap: wrap; width: 90px; -webkit-box-flex: 0; flex-grow: 0; }

@media (max-width: 750px) { .timetable-TimetableStage1_TableTime { width: 70px; padding: 0; font-size: 12px; } }

.timetable-TimetableStage1_TableTimeItem { width: 100%; height: 15%; text-align: center; line-height: 1.3em; font-weight: 500; position: relative; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 5px; }

@media (max-width: 750px) { .timetable-TimetableStage1_TableTimeItem { height: 10%; } }

.timetable-TimetableStage1_TableTimeItem.is-arrow { height: 70%; position: relative; }

@media (max-width: 750px) { .timetable-TimetableStage1_TableTimeItem.is-arrow { height: 80%; } }

.timetable-TimetableStage1_TableTimeItem.is-arrow:before { content: ""; display: block; width: 1px; height: 100%; background: #B2863B; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

@media (max-width: 750px) { .timetable-TimetableStage1_TableTimeItem.is-arrow:before { height: 100%; } }

.timetable-TimetableStage1_TableTimeItem.is-arrow:after { content: ""; display: block; position: absolute; width: .8em; border-top: solid 0.8em #B2863B; border-right: solid .8em transparent; border-left: solid .8em transparent; top: auto; bottom: 0; left: 0; right: 0; margin: 0 auto; }

@media (max-width: 750px) { .timetable-TimetableStage1_TableTimeItem.is-arrow:after { bottom: 0; } }

.timetable-TimetableStage1_TableDetails { width: auto; }

.timetable-TimetableStage1_TableDetailsItem { width: 100%; display: -webkit-box; display: flex; overflow: hidden; }

@media (max-width: 1024px) { .timetable-TimetableStage1_TableDetailsItem { width: auto; flex-wrap: wrap; } }

.timetable-TimetableStage1_TableTitle { width: 160px; background: #B2863B; font-size: 14px; font-weight: 600; color: #000; text-align: center; padding: 10px; display: -webkit-box; display: flex; line-height: 1.3em; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

@media (max-width: 1024px) { .timetable-TimetableStage1_TableTitle { width: 100%; } }

.timetable-TimetableStage1_TableDetailsItem:not(:nth-of-type(1)) .timetable-TimetableStage1_TableTitle { border-top: 1px solid #000; }

.timetable-TimetableStage1_TableData { width: 100%; }

.timetable-TimetableStage1_TableDetailsItem:not(:nth-of-type(1)) .timetable-TimetableStage1_TableData { border-top: 1px solid #B2863B; }

.timetable-TimetableStage1_Opening { width: 100%; position: relative; z-index: 0; overflow: hidden; }

.timetable-TimetableStage1_OpeningCatch { width: 100%; text-align: center; font-size: 28px; font-weight: 600; color: #D09C43; letter-spacing: 1px; padding: 10px; margin-top: 20px; }

@media (max-width: 750px) { .timetable-TimetableStage1_OpeningCatch { font-size: 18px; padding: 10px 5px; letter-spacing: 0; } }

.timetable-TimetableStage1_OpeningCatch small { padding: 0 2px; }

.timetable-TimetableStage1_OpeningText { width: 100%; padding: 10px 20px; position: relative; }

@media (max-width: 750px) { .timetable-TimetableStage1_OpeningText { padding: 10px; } }

.timetable-TimetableStage1_OpeningListContiner { width: 78%; margin-bottom: 28%; }

@media (max-width: 1024px) { .timetable-TimetableStage1_OpeningListContiner { margin-bottom: 40%; width: 100%; } }

.timetable-TimetableStage1_OpeningList { width: 100%; }

.timetable-TimetableStage1_OpeningListItem { font-size: 18px; font-weight: 900; margin-bottom: 1em; text-shadow: 0px 1px 5px #000; font-family: 'Noto Serif JP', serif; }

@media (max-width: 750px) { .timetable-TimetableStage1_OpeningListItem { font-size: 16px; } }

.timetable-TimetableStage1_OpeningList.is-andmore .timetable-TimetableStage1_OpeningListItem:nth-last-of-type(1):after { content: "and more..."; padding-left: 1em; font-size: 14px; }

@media (max-width: 750px) { .timetable-TimetableStage1_OpeningList.is-andmore .timetable-TimetableStage1_OpeningListItem:nth-last-of-type(1):after { display: block; padding-left: 0; text-align: right; } }

.timetable-TimetableStage1_OpeningListItem span { display: inline; font-weight: 900; color: #fff; background: -webkit-linear-gradient(0, rgba(208, 156, 67, 0.6), rgba(208, 156, 67, 0.6) 30%, transparent 30%, transparent 100%); background: linear-gradient(0, rgba(208, 156, 67, 0.6), rgba(208, 156, 67, 0.6) 30%, transparent 30%, transparent 100%); }

.timetable-TimetableStage1_OpeningNotice { width: 50%; background: rgba(0, 0, 0, 0.8); padding: 10px; border-radius: 5px; border: solid 1px #D09C43; margin: 20px 0; }

@media (max-width: 1024px) { .timetable-TimetableStage1_OpeningNotice { width: 70%; } }

@media (max-width: 750px) { .timetable-TimetableStage1_OpeningNotice { width: 100%; margin: 50% 0 20px; } }

.timetable-TimetableStage1_OpeningNoticeTitle { color: #D09C43; }

.timetable-TimetableStage1_OpeningNoticeList { padding: 1em; }

@media (max-width: 750px) { .timetable-TimetableStage1_OpeningNoticeList { padding: 5px; } }

.timetable-TimetableStage1_OpeningNoticeList.is-andmore:after { content: "and more..."; display: block; text-align: right; font-size: 12px; margin-top: 5px; }

.timetable-TimetableStage1_OpeningNoticeListItem { border-bottom: solid 1px #B2863B; position: relative; margin-bottom: .5em; }

.timetable-TimetableStage1_OpeningNoticeListItem:before { content: "♪"; color: #B2863B; padding-right: .5em; }

.timetable-TimetableStage1_OpeningNoticeListItem.is-new:after { content: "NEW"; color: #CB2B27; font-size: 12px; font-weight: 600; padding-left: 5px; }

.timetable-TimetableStage1_OpeningThumb { width: 70%; top: 50%; right: 2.5%; position: absolute; z-index: -1; opacity: .7; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 1024px) { .timetable-TimetableStage1_OpeningThumb { width: 70%; right: auto; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

.timetable-TimetableStage1_OpeningThumb img { width: 100%; }

.timetable-TimetableStage1_Performance { width: 100%; position: relative; z-index: 0; overflow: hidden; }

@media (max-width: 750px) { .timetable-TimetableStage1_Performance { padding: 10px 5px; } }

.timetable-TimetableStage1_PerformanceCatch { width: 100%; text-align: center; font-size: 28px; font-weight: 600; color: #D09C43; letter-spacing: 1px; padding: 10px; margin-top: 20px; }

@media (max-width: 750px) { .timetable-TimetableStage1_PerformanceCatch { font-size: 18px; padding: 10px 5px; letter-spacing: 0; } }

.timetable-TimetableStage1_PerformanceCatch small { padding: 0 2px; }

.timetable-TimetableStage1_PerformanceText { padding: 10px 20px; position: relative; }

.timetable-TimetableStage1_PerformanceText p { font-size: 18px; margin-bottom: 30px; }

.timetable-TimetableStage1_PerformanceListContiner { width: 100%; margin-bottom: 52%; }

@media (max-width: 750px) { .timetable-TimetableStage1_PerformanceListContiner { margin-bottom: 48%; } }

.timetable-TimetableStage1_PerformanceListTitle { font-size: 18px; font-weight: 900; color: #D09C43; font-family: 'Noto Serif JP', serif; margin-bottom: .5em; }

.timetable-TimetableStage1_PerformanceListTitle:before, .timetable-TimetableStage1_PerformanceListTitle:after { content: "-"; padding: 0 5px; }

.timetable-TimetableStage1_PerformanceList { width: 100%; }

.timetable-TimetableStage1_PerformanceItem { font-size: 18px; font-weight: 900; margin-bottom: 1em; text-shadow: 0px 1px 5px #000; font-family: 'Noto Serif JP', serif; }

@media (max-width: 750px) { .timetable-TimetableStage1_PerformanceItem { font-size: 16px; } }

.timetable-TimetableStage1_PerformanceList.is-andmore .timetable-TimetableStage1_PerformanceItem:nth-last-of-type(1):after { content: "and more..."; padding-left: 1em; font-size: 14px; }

@media (max-width: 750px) { .timetable-TimetableStage1_PerformanceList.is-andmore .timetable-TimetableStage1_PerformanceItem:nth-last-of-type(1):after { display: block; padding-left: 0; text-align: right; } }

.timetable-TimetableStage1_PerformanceItem span { display: inline; font-weight: 900; color: #fff; background: -webkit-linear-gradient(0, rgba(208, 156, 67, 0.6), rgba(208, 156, 67, 0.6) 30%, transparent 30%, transparent 100%); background: linear-gradient(0, rgba(208, 156, 67, 0.6), rgba(208, 156, 67, 0.6) 30%, transparent 30%, transparent 100%); }

.timetable-TimetableStage1_PerformanceNotice { width: 50%; background: rgba(0, 0, 0, 0.8); padding: 10px; border-radius: 5px; border: solid 1px #D09C43; margin: 20px 0; }

@media (max-width: 1024px) { .timetable-TimetableStage1_PerformanceNotice { width: 70%; } }

@media (max-width: 750px) { .timetable-TimetableStage1_PerformanceNotice { width: 100%; margin: 50% 0 20px; } }

.timetable-TimetableStage1_PerformanceNoticeTitle { color: #D09C43; }

.timetable-TimetableStage1_PerformanceNoticeList { padding: 1em; }

@media (max-width: 750px) { .timetable-TimetableStage1_PerformanceNoticeList { padding: 5px; } }

.timetable-TimetableStage1_PerformanceNoticeList.is-andmore:after { content: "and more..."; display: block; text-align: right; font-size: 12px; margin-top: 5px; }

.timetable-TimetableStage1_PerformanceNoticeListItem { border-bottom: solid 1px #B2863B; position: relative; margin-bottom: .5em; }

.timetable-TimetableStage1_PerformanceNoticeListItem:before { content: "♪"; color: #B2863B; padding-right: .5em; }

.timetable-TimetableStage1_PerformanceNoticeListItem.is-new:after { content: "NEW"; color: #CB2B27; font-size: 12px; font-weight: 600; padding-left: 5px; }

.timetable-TimetableStage1_PerformanceThumb { width: 90%; top: 50%; right: 2.5%; position: absolute; z-index: -1; opacity: .7; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 1024px) { .timetable-TimetableStage1_PerformanceThumb { width: 80%; right: auto; left: 50%; top: 55%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

@media (max-width: 750px) { .timetable-TimetableStage1_PerformanceThumb { top: auto; top: 60%; } }

.timetable-TimetableStage1_PerformanceThumb img { width: 100%; }

.timetable-TimetableStage1_Ending { width: 100%; position: relative; z-index: 0; overflow: hidden; }

@media (max-width: 750px) { .timetable-TimetableStage1_Ending { padding: 10px 5px; } }

.timetable-TimetableStage1_EndingCatch { width: 100%; text-align: center; font-size: 28px; font-weight: 600; color: #D09C43; letter-spacing: 1px; padding: 10px; margin-top: 20px; line-height: 1.2em; }

@media (max-width: 750px) { .timetable-TimetableStage1_EndingCatch { font-size: 18px; padding: 10px 5px; letter-spacing: 0; } }

.timetable-TimetableStage1_EndingCatchLabel { color: #fff; font-size: 18px; text-align: center; }

.timetable-TimetableStage1_EndingThumb { width: 70%; top: 40%; right: 2.5%; position: absolute; z-index: -1; opacity: .7; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 1024px) { .timetable-TimetableStage1_EndingThumb { width: 80%; right: auto; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

.timetable-TimetableStage1_EndingThumb img { width: 100%; }

.timetable-TimetableStage1_EndingText { width: 100%; padding: 20px; position: relative; }

.timetable-TimetableStage1_EndingListContiner { width: 100%; margin-bottom: 30%; }

@media (max-width: 750px) { .timetable-TimetableStage1_EndingListContiner { margin-bottom: 48%; } }

.timetable-TimetableStage1_EndingNotice { width: 50%; background: rgba(0, 0, 0, 0.8); padding: 10px; border-radius: 5px; border: solid 1px #D09C43; margin: 20px 0; }

@media (max-width: 1024px) { .timetable-TimetableStage1_EndingNotice { width: 70%; } }

@media (max-width: 750px) { .timetable-TimetableStage1_EndingNotice { width: 100%; margin: 50% 0 20px; } }

.timetable-TimetableStage1_EndingNoticeTitle { color: #D09C43; }

.timetable-TimetableStage1_EndingNoticeList { padding: 1em; }

@media (max-width: 750px) { .timetable-TimetableStage1_EndingNoticeList { padding: 5px; } }

.timetable-TimetableStage1_EndingNoticeList.is-andmore:after { content: "and more..."; display: block; text-align: right; font-size: 12px; margin-top: 5px; }

.timetable-TimetableStage1_EndingNoticeListItem { border-bottom: solid 1px #B2863B; position: relative; margin-bottom: .5em; }

.timetable-TimetableStage1_EndingNoticeListItem:before { content: "♪"; color: #B2863B; padding-right: .5em; }

.timetable-TimetableStage1_EndingNoticeListItem.is-new:after { content: "NEW"; color: #CB2B27; font-size: 12px; font-weight: 600; padding-left: 5px; }

.timetable-TimetableStage2 { width: 100%; margin: 0 auto 80px; }

@media (max-width: 1024px) { .timetable-TimetableStage2 { padding: 0 30px; } }

@media (max-width: 750px) { .timetable-TimetableStage2 { margin: 0 auto 20px; padding: 20px; } }

.timetable-TimetableStage2Area { width: 100%; max-width: 980px; margin: auto; }

.timetable-TimetableStage2_Heading { width: 100%; padding: 50px 20px 30px; text-align: center; margin: 50px 0 25px; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

@media (max-width: 750px) { .timetable-TimetableStage2_Heading { padding: 0 20px; margin: 25px 0; } }

.timetable-TimetableStage2_HeadingImg { width: 130px; }

@media (max-width: 750px) { .timetable-TimetableStage2_HeadingImg { width: 104px; } }

.timetable-TimetableStage2_HeadingImg img { width: 100%; }

.timetable-TimetableStage2_HeadingText { font-size: 24px; font-weight: 600; color: #D09C43; padding-left: 10px; text-align: center; letter-spacing: 2px; padding: 0 20px; }

.timetable-TimetableStage2_HeadingText:before { content: "TIME TABLE"; display: block; font-size: 12px; letter-spacing: 5px; background: #B2863B; color: #000; line-height: 1em; margin: 1em 0 .2em; }

@media (max-width: 750px) { .timetable-TimetableStage2_HeadingText { font-size: 20px; } }

.timetable-TimetableStage2_Table { width: 100%; border: solid 1px #B2863B; display: -webkit-box; display: flex; margin: 30px auto; }

@media (max-width: 750px) { .timetable-TimetableStage2_Table { margin: 10px auto; } }

.timetable-TimetableStage2_TableTime { background: #430609; color: #D09C43; padding: 10px; display: -webkit-box; display: flex; flex-wrap: wrap; width: 90px; -webkit-box-flex: 0; flex-grow: 0; }

@media (max-width: 750px) { .timetable-TimetableStage2_TableTime { width: 70px; padding: 0; font-size: 12px; } }

.timetable-TimetableStage2_TableTimeItem { width: 100%; height: 15%; text-align: center; line-height: 1.3em; font-weight: 500; position: relative; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 5px; }

@media (max-width: 750px) { .timetable-TimetableStage2_TableTimeItem { height: 10%; } }

.timetable-TimetableStage2_TableTimeItem.is-arrow { height: 70%; position: relative; }

@media (max-width: 750px) { .timetable-TimetableStage2_TableTimeItem.is-arrow { height: 80%; } }

.timetable-TimetableStage2_TableTimeItem.is-arrow:before { content: ""; display: block; width: 1px; height: 90%; background: #B2863B; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.timetable-TimetableStage2_TableTimeItem.is-arrow:after { content: ""; display: block; position: absolute; width: .8em; border-top: solid 0.8em #B2863B; border-right: solid .8em transparent; border-left: solid .8em transparent; top: auto; bottom: 4%; left: 0; right: 0; margin: 0 auto; }

.timetable-TimetableStage2_TableDetails { width: 100%; }

.timetable-TimetableStage2_TableDetailsItem { width: 100%; display: -webkit-box; display: flex; }

@media (max-width: 1024px) { .timetable-TimetableStage2_TableDetailsItem { flex-wrap: wrap; } }

.timetable-TimetableStage2_TableTitle { width: 160px; background: #B2863B; font-size: 14px; font-weight: 600; color: #000; text-align: center; padding: 10px; display: -webkit-box; display: flex; line-height: 1.3em; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

@media (max-width: 1024px) { .timetable-TimetableStage2_TableTitle { width: 100%; } }

.timetable-TimetableStage2_TableDetailsItem:not(:nth-of-type(1)) .timetable-TimetableStage2_TableTitle { border-top: 1px solid #000; }

.timetable-TimetableStage2_TableData { width: 100%; }

.timetable-TimetableStage2_TableDetailsItem:not(:nth-of-type(1)) .timetable-TimetableStage2_TableData { border-top: 1px solid #B2863B; }

.timetable-TimetableStage2_Opening { width: 100%; position: relative; z-index: 0; overflow: hidden; }

.timetable-TimetableStage2_OpeningCatch { width: 100%; text-align: center; font-size: 28px; font-weight: 600; color: #D09C43; letter-spacing: 1px; padding: 10px; margin-top: 20px; }

@media (max-width: 750px) { .timetable-TimetableStage2_OpeningCatch { font-size: 18px; padding: 10px 5px; letter-spacing: 0; } }

.timetable-TimetableStage2_OpeningCatch small { padding: 0 2px; }

.timetable-TimetableStage2_OpeningCatchLabel { color: #fff; font-size: 18px; text-align: center; }

.timetable-TimetableStage2_OpeningText { width: 100%; padding: 10px 20px; }

@media (max-width: 750px) { .timetable-TimetableStage2_OpeningText { padding: 10px; } }

.timetable-TimetableStage2_OpeningText p { font-size: 18px; }

@media (max-width: 750px) { .timetable-TimetableStage2_OpeningText p { font-size: 14px; } }

.timetable-TimetableStage2_OpeningListContiner { width: 100%; margin-bottom: 15%; }

@media (max-width: 1024px) { .timetable-TimetableStage2_OpeningListContiner { width: 100%; margin-bottom: 30%; } }

.timetable-TimetableStage2_OpeningList { width: 100%; }

.timetable-TimetableStage2_OpeningListItem { font-size: 18px; font-weight: 900; margin-bottom: 1em; text-shadow: 0px 1px 5px #000; font-family: 'Noto Serif JP', serif; }

@media (max-width: 750px) { .timetable-TimetableStage2_OpeningListItem { font-size: 16px; } }

.timetable-TimetableStage2_OpeningList.is-andmore .timetable-TimetableStage2_OpeningListItem:nth-last-of-type(1):after { content: "and more..."; padding-left: 1em; font-size: 14px; }

@media (max-width: 750px) { .timetable-TimetableStage2_OpeningList.is-andmore .timetable-TimetableStage2_OpeningListItem:nth-last-of-type(1):after { display: block; padding-left: 0; text-align: right; } }

.timetable-TimetableStage2_OpeningListItem span { display: inline; font-weight: 900; color: #fff; background: -webkit-linear-gradient(0, rgba(208, 156, 67, 0.6), rgba(208, 156, 67, 0.6) 30%, transparent 30%, transparent 100%); background: linear-gradient(0, rgba(208, 156, 67, 0.6), rgba(208, 156, 67, 0.6) 30%, transparent 30%, transparent 100%); }

.timetable-TimetableStage2_OpeningNotice { width: 50%; background: rgba(0, 0, 0, 0.8); padding: 10px; border-radius: 5px; border: solid 1px #D09C43; margin: 20px 0; }

@media (max-width: 1024px) { .timetable-TimetableStage2_OpeningNotice { width: 70%; } }

@media (max-width: 750px) { .timetable-TimetableStage2_OpeningNotice { width: 100%; margin: 50% 0 20px; } }

.timetable-TimetableStage2_OpeningNoticeTitle { color: #D09C43; }

.timetable-TimetableStage2_OpeningNoticeList { padding: 1em; }

@media (max-width: 750px) { .timetable-TimetableStage2_OpeningNoticeList { padding: 5px; } }

.timetable-TimetableStage2_OpeningNoticeList.is-andmore:after { content: "and more..."; display: block; padding-left: 1em; text-align: right; font-size: 12px; margin-top: 5px; }

.timetable-TimetableStage2_OpeningNoticeListItem { border-bottom: solid 1px #B2863B; position: relative; margin-bottom: .5em; }

.timetable-TimetableStage2_OpeningNoticeListItem:before { content: "♪"; color: #B2863B; padding-right: .5em; }

.timetable-TimetableStage2_OpeningNoticeListItem.is-new:after { content: "NEW"; color: #CB2B27; font-size: 12px; font-weight: 600; padding-left: 5px; }

.timetable-TimetableStage2_OpeningThumb { width: 60%; top: 60%; right: 2.5%; position: absolute; z-index: -1; opacity: .7; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 1024px) { .timetable-TimetableStage2_OpeningThumb { width: 70%; right: auto; top: 65%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

.timetable-TimetableStage2_OpeningThumb img { width: 100%; }

.timetable-TimetableStage2_Performance { width: 100%; position: relative; z-index: 0; overflow: hidden; }

@media (max-width: 750px) { .timetable-TimetableStage2_Performance { padding: 10px 5px; } }

.timetable-TimetableStage2_PerformanceCatch { width: 100%; text-align: center; font-size: 28px; font-weight: 600; color: #D09C43; letter-spacing: 1px; padding: 10px; margin-top: 20px; }

@media (max-width: 750px) { .timetable-TimetableStage2_PerformanceCatch { font-size: 18px; padding: 10px 5px; letter-spacing: 0; } }

.timetable-TimetableStage2_PerformanceCatch small { padding: 0 2px; }

.timetable-TimetableStage2_PerformanceText { padding: 10px 20px; }

.timetable-TimetableStage2_PerformanceText p { font-size: 18px; margin-bottom: 30px; }

.timetable-TimetableStage2_PerformanceListContiner { width: 100%; margin-bottom: 50%; }

@media (max-width: 1024px) { .timetable-TimetableStage2_PerformanceListContiner { width: 100%; } }

.timetable-TimetableStage2_PerformanceListTitle { font-size: 18px; font-weight: 900; color: #D09C43; font-family: 'Noto Serif JP', serif; margin-bottom: .5em; }

.timetable-TimetableStage2_PerformanceListTitle:before, .timetable-TimetableStage2_PerformanceListTitle:after { content: "-"; padding: 0 5px; }

.timetable-TimetableStage2_PerformanceList { width: 100%; }

.timetable-TimetableStage2_PerformanceItem { font-size: 18px; font-weight: 900; margin-bottom: 1em; text-shadow: 0px 1px 5px #000; font-family: 'Noto Serif JP', serif; }

@media (max-width: 750px) { .timetable-TimetableStage2_PerformanceItem { font-size: 16px; } }

.timetable-TimetableStage2_PerformanceList.is-andmore .timetable-TimetableStage2_PerformanceItem:nth-last-of-type(1):after { content: "and more..."; padding-left: 1em; font-size: 14px; }

@media (max-width: 750px) { .timetable-TimetableStage2_PerformanceList.is-andmore .timetable-TimetableStage2_PerformanceItem:nth-last-of-type(1):after { display: block; padding-left: 0; text-align: right; } }

.timetable-TimetableStage2_PerformanceItem span { display: inline; font-weight: 900; color: #fff; background: -webkit-linear-gradient(0, rgba(208, 156, 67, 0.6), rgba(208, 156, 67, 0.6) 30%, transparent 30%, transparent 100%); background: linear-gradient(0, rgba(208, 156, 67, 0.6), rgba(208, 156, 67, 0.6) 30%, transparent 30%, transparent 100%); }

.timetable-TimetableStage2_PerformanceNotice { width: 50%; background: rgba(0, 0, 0, 0.8); padding: 10px; border-radius: 5px; border: solid 1px #D09C43; margin: 80px 0 20px; }

@media (max-width: 1024px) { .timetable-TimetableStage2_PerformanceNotice { width: 70%; } }

@media (max-width: 750px) { .timetable-TimetableStage2_PerformanceNotice { width: 100%; margin: 50% 0 20px; } }

.timetable-TimetableStage2_PerformanceNoticeTitle { color: #D09C43; }

.timetable-TimetableStage2_PerformanceNoticeList { padding: 1em; }

@media (max-width: 750px) { .timetable-TimetableStage2_PerformanceNoticeList { padding: 5px; } }

.timetable-TimetableStage2_PerformanceNoticeList.is-andmore:after { content: "and more..."; display: block; padding-left: 1em; text-align: right; font-size: 12px; margin-top: 5px; }

.timetable-TimetableStage2_PerformanceNoticeListItem { border-bottom: solid 1px #B2863B; position: relative; margin-bottom: .5em; }

.timetable-TimetableStage2_PerformanceNoticeListItem:before { content: "♪"; color: #B2863B; padding-right: .5em; }

.timetable-TimetableStage2_PerformanceNoticeListItem.is-new:after { content: "NEW"; color: #CB2B27; font-size: 12px; font-weight: 600; padding-left: 5px; }

.timetable-TimetableStage2_PerformanceThumb { width: 90%; top: 55%; right: 2.5%; position: absolute; z-index: -1; opacity: .7; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 1024px) { .timetable-TimetableStage2_PerformanceThumb { width: 90%; right: auto; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

@media (max-width: 750px) { .timetable-TimetableStage2_PerformanceThumb { top: auto; top: 60%; } }

.timetable-TimetableStage2_PerformanceThumb img { width: 100%; }

.timetable-TimetableStage2_Ending { width: 100%; position: relative; z-index: 0; overflow: hidden; }

@media (max-width: 750px) { .timetable-TimetableStage2_Ending { padding: 10px 5px; } }

.timetable-TimetableStage2_EndingCatch { width: 100%; text-align: center; font-size: 28px; font-weight: 600; color: #D09C43; letter-spacing: 1px; padding: 10px; margin-top: 20px; }

@media (max-width: 750px) { .timetable-TimetableStage2_EndingCatch { font-size: 18px; padding: 10px 5px; letter-spacing: 0; } }

.timetable-TimetableStage2_EndingCatch small { padding: 0 2px; }

.timetable-TimetableStage2_EndingThumb { width: 80%; top: 30%; right: 10px; position: absolute; z-index: -1; opacity: .7; }

@media (max-width: 750px) { .timetable-TimetableStage2_EndingThumb { width: 100%; top: 50%; } }

.timetable-TimetableStage2_EndingThumb img { width: 100%; }

.timetable-TimetableStage2_EndingText { width: 100%; position: relative; padding: 20px; }

.timetable-TimetableStage2_EndingListContiner { width: 100%; margin-bottom: 40%; }

@media (max-width: 750px) { .timetable-TimetableStage2_EndingListContiner { margin-bottom: 48%; } }

.timetable-TimetableStage2_EndingThumb { width: 70%; top: 55%; left: 50%; position: absolute; z-index: -1; opacity: .7; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 1024px) { .timetable-TimetableStage2_EndingThumb { width: 80%; right: auto; bottom: 10%; top: auto; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } }

.timetable-TimetableStage2_EndingThumb img { width: 100%; }

.timetable-TimetableStage2_EndingNotice { width: 50%; background: rgba(0, 0, 0, 0.8); padding: 10px; border-radius: 5px; border: solid 1px #D09C43; margin: 80px 0 20px; }

@media (max-width: 1024px) { .timetable-TimetableStage2_EndingNotice { width: 70%; } }

@media (max-width: 750px) { .timetable-TimetableStage2_EndingNotice { width: 100%; margin: 50% 0 20px; } }

.timetable-TimetableStage2_EndingNoticeTitle { color: #D09C43; }

.timetable-TimetableStage2_EndingNoticeList { padding: 1em; }

@media (max-width: 750px) { .timetable-TimetableStage2_EndingNoticeList { padding: 5px; } }

.timetable-TimetableStage2_EndingNoticeListItem { border-bottom: solid 1px #B2863B; position: relative; margin-bottom: .5em; }

.timetable-TimetableStage2_EndingNoticeListItem:before { content: "♪"; color: #B2863B; padding-right: .5em; }

.timetable-TimetableStage2_EndingNoticeList.is-andmore .timetable-TimetableStage2_EndingNoticeListItem:nth-last-of-type(1) { margin-bottom: 1em; }

.timetable-TimetableStage2_EndingNoticeList.is-andmore .timetable-TimetableStage2_EndingNoticeListItem:nth-last-of-type(1):after { content: "and more..."; display: block; padding-left: 1em; font-size: 12px; position: absolute; right: 0; top: 100%; margin-top: 5px; }

.timetable-Artist { width: 100%; margin: 0 auto 60px; padding: 30px; }

@media (max-width: 750px) { .timetable-Artist { padding: 20px; } }

.timetable-ArtistArea { width: 100%; max-width: 980px; margin: auto; }

.timetable-Artist_Heading { color: #B2863B; font-weight: 600; text-align: center; margin-bottom: .5em; }

.timetable-Artist_Heading p { font-size: 16px; }

@media (min-width: 751px) { .timetable-Artist_Heading { font-size: 24px; padding: .3em 1em; } }

@media (max-width: 750px) { .timetable-Artist_Heading { font-size: 18px; padding: .3em 1em; } }

.timetable-ArtistList { width: 100%; border: solid 2px #B2863B; padding: 40px 20px; font-size: 14px; text-align: center; line-height: 2.3em; }

.timetable-ArtistListItem { display: inline-block; }

.timetable-ArtistListItem:not(:nth-last-of-type(1)):after { content: "／"; color: #B2863B; padding: 0 .5em; }

.timetable-ArtistListItem.is-new span:after { content: 'NEW'; display: inline-block; color: #CB2B27; font-weight: 600; font-size: 12px; padding-left: 5px; }