:root {
--tsym-bg: #fdf0ef;
--tsym-pink-deep: #c9647f;
--tsym-pink-text: #cf7590;
--tsym-text-main: #5d4249;
--tsym-text-sub: #9c7f86;
--tsym-blue-text: #7189ad; --bar-w: 994px;
--bar-row-top: 36px;
--bar-row-h: 112px;
--bar-row-pitch: 128px;
--bar-date-l: 92px;
--bar-date-w: 123px;
--bar-content-l: 234px;
--bar-content-r: 30px; --col-venue: 188px;
--col-acts: 156px;
--col-gap: 24px;
}
.tsym-upcoming, .tsym-upcoming *, .tsym-lb, .tsym-lb * { box-sizing: border-box; } .tsym-upcoming {
font-family: "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
color: var(--tsym-text-main);
position: relative;
overflow: hidden;
background: var(--tsym-bg); padding: 78px 0 46px;
}
.tsym-upcoming[hidden] { display: none; }
.tsym-upcoming__lace {
position: absolute; z-index: 0; pointer-events: none;
}
.tsym-upcoming__lace--left  { top: 40px; left: 0;  width: 190px; }
.tsym-upcoming__lace--right { top: 150px; right: 0; width: 190px; }  .tsym-upcoming__scatter {
position: absolute; inset: 0;
z-index: 0; pointer-events: none;
}
.tsym-upcoming__scatter .s { position: absolute; }
.tsym-upcoming__scatter .s1  { top: 26px;  left: 13%; width: 42px; transform: rotate(-6deg); }
.tsym-upcoming__scatter .s2  { top: 12px;  left: 26%; width: 25px; }
.tsym-upcoming__scatter .s3  { top: 74px;  left: 8%;  width: 22px; transform: rotate(8deg); }
.tsym-upcoming__scatter .s4  { top: 54px;  left: 20%; width: 18px; }
.tsym-upcoming__scatter .s5  { top: 78px;  left: 31%; width: 46px; opacity: .85; }
.tsym-upcoming__scatter .s6  { top: 78px;  right: 31%; width: 50px; opacity: .85; }
.tsym-upcoming__scatter .s7  { top: 42px;  right: 24%; width: 28px; transform: rotate(5deg); }
.tsym-upcoming__scatter .s8  { top: 22px;  right: 19%; width: 19px; }
.tsym-upcoming__scatter .s9  { top: 62px;  right: 13%; width: 30px; transform: rotate(-7deg); }
.tsym-upcoming__scatter .s10 { top: 20px;  right: 9%;  width: 25px; }
.tsym-upcoming__scatter .s11 { top: 88px;  right: 5%;  width: 18px; }
.tsym-upcoming__scatter .s12 { top: 46px;  right: 2%;  width: 23px; transform: rotate(10deg); }
.tsym-upcoming__head {
position: relative; z-index: 2;
text-align: center; padding-top: clamp(58px, 6.4vw, 82px);
margin-bottom: 0;
}
.tsym-upcoming__arc {
position: absolute; top: 0; z-index: 0; pointer-events: none;
}
.tsym-upcoming__arc--left  { left: 50%; margin-left: -600px; width: 440px; }
.tsym-upcoming__arc--right { left: 50%; margin-left: 150px;  width: 470px; }
.tsym-upcoming__ribbon {
position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: clamp(52px, 6vw, 78px);
z-index: 1; pointer-events: none;
}
.tsym-upcoming__head h2 {
position: relative; z-index: 1;
margin: 0;
font-family: "Times New Roman", "Hiragino Mincho ProN", serif;
font-size: 34px; font-weight: 500;
letter-spacing: 0.14em;
color: var(--tsym-pink-deep);
}
.tsym-upcoming__head-sub {
position: relative; z-index: 1;
margin: 8px 0 0;
font-size: 12.5px; letter-spacing: 0.22em;
color: var(--tsym-pink-text);
} .tsym-upcoming__stage {
position: relative; z-index: 1;
width: var(--bar-w);
margin: 0 auto;
}
.tsym-upcoming__rows {
position: relative;
list-style: none; margin: 0; padding: 0;
width: var(--bar-w);
background-repeat: no-repeat;
background-position: top left;
background-size: var(--bar-w) auto;
} .tsym-upcoming__rows[data-count="1"] { height: 159px; background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/L/bar1.png); }
.tsym-upcoming__rows[data-count="2"] { height: 287px; background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/L/bar2.png); }
.tsym-upcoming__rows[data-count="3"] { height: 417px; background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/L/bar3.png); }
.tsym-upcoming__rows[data-count="4"] { height: 543px; background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/L/bar4.png); }
.tsym-upcoming__rows[data-count="5"] { height: 667px; background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/L/bar5.png); }
.tsym-upcoming__rows[data-count="6"] { height: 794px; background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/L/bar6.png); } .tsym-upcoming__row {
position: absolute;
left: 0; right: 0;
height: var(--bar-row-h);
top: calc(var(--bar-row-top) + var(--i) * var(--bar-row-pitch));
}
.tsym-upcoming__date {
position: absolute;
left: var(--bar-date-l);
top: 0;
width: var(--bar-date-w);
height: 100%;
display: flex; flex-direction: column;
align-items: center; justify-content: center;
gap: 1px;
padding-bottom: 12px;
text-align: center;
}
.tsym-upcoming__year    { font-size: 11.5px; letter-spacing: 0.08em; color: var(--tsym-text-sub); }
.tsym-upcoming__md      { font-size: 27px; line-height: 1.05; font-weight: 600; color: var(--tsym-pink-deep); letter-spacing: 0.02em; }
.tsym-upcoming__wd      { font-size: 10.5px; letter-spacing: 0.16em; color: var(--tsym-text-sub); }
.tsym-upcoming__row[data-accent="blue"] .tsym-upcoming__md { color: #6e86ab; }
.tsym-upcoming__row[data-accent="blue"] .tsym-upcoming__year,
.tsym-upcoming__row[data-accent="blue"] .tsym-upcoming__wd { color: #8b98ad; }
.tsym-upcoming__body {
position: absolute;
left: var(--bar-content-l);
right: var(--bar-content-r);
top: 0; height: 100%;
display: grid;
grid-template-columns: var(--col-venue) minmax(0, 1fr) var(--col-acts);
align-items: center;
gap: var(--col-gap);
padding: 0 12px 0 32px;
} .tsym-upcoming[data-layout="title-first"] .tsym-upcoming__body {
grid-template-columns: minmax(0, 1fr) var(--col-venue) var(--col-acts);
} .tsym-upcoming__col {
min-width: 0;
height: 100%;
display: flex; flex-direction: column; justify-content: center;
} .tsym-upcoming__col--1 { position: relative; padding-top: 14px; }
.tsym-upcoming__col--1 .tsym-upcoming__type {
position: absolute; top: 13px; left: 0; margin: 0;
}
.tsym-upcoming__col--1 .tsym-upcoming__slot--title { display: none; }
.tsym-upcoming__col--2 .tsym-upcoming__slot--venue { display: none; }
.tsym-upcoming[data-layout="title-first"] .tsym-upcoming__col--1 .tsym-upcoming__slot--venue { display: none; }
.tsym-upcoming[data-layout="title-first"] .tsym-upcoming__col--1 .tsym-upcoming__slot--title { display: block; }
.tsym-upcoming[data-layout="title-first"] .tsym-upcoming__col--2 .tsym-upcoming__slot--title { display: none; }
.tsym-upcoming[data-layout="title-first"] .tsym-upcoming__col--2 .tsym-upcoming__slot--venue { display: block; }
.tsym-upcoming__type {
display: inline-block;
padding: 1px 7px 2px;
border-radius: 3px;
font-size: 10px; line-height: 1.2; letter-spacing: 0.05em;
border: 1px solid #eeb6c4;
background: rgba(255,255,255,0.72);
color: var(--tsym-pink-text);
margin-bottom: 5px;
} .tsym-upcoming__type--oneman { border-color: #eeb6c4; color: var(--tsym-pink-text); } .tsym-upcoming__type--taiban { border-color: #b8c9e2; color: var(--tsym-blue-text); } .tsym-upcoming__type--host   { border-color: #c9bde0; color: #8271a6; } .tsym-upcoming__type--cheki  { border-color: #f0c3ac; color: #b3775a; } .tsym-upcoming__type--photo  { border-color: #bcd6c6; color: #6a9179; } .tsym-upcoming__type--offkai { border-color: #e5cba0; color: #9d8046; } .tsym-upcoming__type--bbq    { border-color: #d8c9a4; color: #8d7a4b; } .tsym-upcoming__type--stream { border-color: #b6cfe0; color: #5f87a0; } .tsym-upcoming__type--other  { border-color: #d6c9c4; color: #8a7a74; } .tsym-upcoming__title {
margin: 0;
font-size: 15.5px; line-height: 1.42; font-weight: 600;
letter-spacing: 0.02em;
color: var(--tsym-text-main);
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden;
} .tsym-upcoming__venue {
margin: 0;
font-size: 16px; line-height: 1.4; font-weight: 600;
letter-spacing: 0.02em;
color: var(--tsym-text-main);
overflow-wrap: break-word;
}
.tsym-upcoming__venue--tbd { color: var(--tsym-text-sub); font-weight: 400; }
.tsym-upcoming__talents {
list-style: none; margin: 4px 0 0; padding: 0;
display: flex; flex-wrap: wrap; gap: 2px 7px;
}
.tsym-upcoming__talent { font-size: 10px; color: #ab9199; }
.tsym-upcoming__talent--rest { color: #a89096; }
.tsym-upcoming__talent--rest::after {
content: "休"; margin-left: 2px; font-size: 8.5px;
padding: 0 3px; border-radius: 2px; background: #efe3de; color: #96796f;
} .tsym-upcoming__acts { position: relative; display: flex; flex-direction: column; gap: 7px; padding-left: 20px; min-width: 0; } .tsym-upcoming__acts::before {
content: "";
position: absolute;
left: calc(var(--col-gap) / -2);
top: 14px;
bottom: 14px;
border-left: 1px dashed #eab9c6;
}
.tsym-upcoming__btn {
display: flex; align-items: center; justify-content: center;
min-height: 33px; padding: 5px 10px;
border-radius: 999px;
font-size: 11.5px; letter-spacing: 0.04em; text-decoration: none; text-align: center; line-height: 1.3;
word-break: keep-all; overflow-wrap: break-word;
transition: transform .15s ease, box-shadow .15s ease;
} .tsym-upcoming__btn--detail {
background: linear-gradient(180deg,#eb92a8,#dd7c95); color: #fff;
border: none;
box-shadow: 0 2px 5px rgba(198,102,131,.28);
font-family: inherit; cursor: pointer;
} .tsym-upcoming__btn--cal {
background: rgba(255,255,255,.92); color: var(--tsym-pink-text);
border: 1px solid #edb3c3;
}
.tsym-upcoming__btn:hover { transform: translateY(-1px); box-shadow: 0 4px 9px rgba(198,102,131,.3); }
.tsym-upcoming__btn:focus-visible { outline: 2px solid var(--tsym-pink-deep); outline-offset: 2px; } .tsym-upcoming__foot {
position: relative; z-index: 1;
margin-top: 26px;
display: flex; align-items: center; justify-content: center; gap: 22px;
}
.tsym-upcoming__foot-note { width: 134px; pointer-events: none; }
.tsym-upcoming__more {
display: inline-flex; align-items: center; justify-content: center;
min-width: 190px; height: 46px; padding: 0 18px;
border-radius: 999px;
background: rgba(255,255,255,.72);
border: 1px solid #f0bdcb;
color: var(--tsym-pink-text);
text-decoration: none;
font-family: "Times New Roman", "Hiragino Mincho ProN", serif;
font-size: 14px; letter-spacing: 0.28em; text-indent: 0.28em;
transition: transform .15s ease, box-shadow .15s ease;
}
.tsym-upcoming__more svg { width: 12px; height: 12px; }
.tsym-upcoming__more:hover { transform: translateY(-1px); box-shadow: 0 4px 10px rgba(198,102,131,.22); }
.tsym-upcoming__more:focus-visible { outline: 2px solid var(--tsym-pink-deep); outline-offset: 2px; }
.tsym-upcoming__emblem {
position: absolute; right: 56px; bottom: 16px;
width: 86px; z-index: 1; pointer-events: none;
} @media (max-width: 1180px) {
:root { --bar-w: 894px; }
.tsym-upcoming__rows[data-count="1"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/M/bar1.png); }
.tsym-upcoming__rows[data-count="2"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/M/bar2.png); }
.tsym-upcoming__rows[data-count="3"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/M/bar3.png); }
.tsym-upcoming__rows[data-count="4"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/M/bar4.png); }
.tsym-upcoming__rows[data-count="5"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/M/bar5.png); }
.tsym-upcoming__rows[data-count="6"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/M/bar6.png); }
:root { --col-venue: 168px; --col-acts: 150px; }
.tsym-upcoming__arc--left  { margin-left: -545px; width: 400px; }
.tsym-upcoming__arc--right { margin-left: 140px;  width: 420px; }
}
@media (max-width: 1000px) {
:root { --bar-w: 794px; }
.tsym-upcoming__rows[data-count="1"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/S/bar1.png); }
.tsym-upcoming__rows[data-count="2"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/S/bar2.png); }
.tsym-upcoming__rows[data-count="3"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/S/bar3.png); }
.tsym-upcoming__rows[data-count="4"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/S/bar4.png); }
.tsym-upcoming__rows[data-count="5"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/S/bar5.png); }
.tsym-upcoming__rows[data-count="6"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/S/bar6.png); }
:root { --col-venue: 146px; --col-acts: 142px; --col-gap: 18px; }
.tsym-upcoming__lace { display: none; }
.tsym-upcoming__more { min-width: 170px; }
.tsym-upcoming__foot-note { width: 118px; }
}
@media (max-width: 860px) {
:root {
--bar-w: 674px;
--bar-date-l: 72px;
--bar-content-l: 214px;
}
.tsym-upcoming__rows[data-count="1"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/SS/bar1.png); }
.tsym-upcoming__rows[data-count="2"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/SS/bar2.png); }
.tsym-upcoming__rows[data-count="3"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/SS/bar3.png); }
.tsym-upcoming__rows[data-count="4"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/SS/bar4.png); }
.tsym-upcoming__rows[data-count="5"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/SS/bar5.png); } .tsym-upcoming__rows[data-count="6"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/SS/bar6.png); }
:root { --col-venue: 124px; --col-acts: 130px; --col-gap: 14px; }
.tsym-upcoming__body { padding-left: 22px; }
.tsym-upcoming__venue { font-size: 14px; }
.tsym-upcoming__title { font-size: 14px; }
.tsym-upcoming__arc { display: none; }
.tsym-upcoming__emblem { width: 80px; right: 40px; bottom: 16px; }
.tsym-upcoming__foot-note { width: 100px; }
.tsym-upcoming__more { min-width: 150px; }
}  .tsym-lb {
position: fixed; inset: 0; z-index: 9000;
background: rgba(60, 40, 50, .82);
display: flex; align-items: center; justify-content: center;
padding: 76px 16px 24px;
overscroll-behavior: contain;
}
.tsym-lb[hidden] { display: none; }
.tsym-lb__inner {
max-width: 100%; max-height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
} .tsym-lb__img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
border-radius: 6px;
background: #fff;
} .tsym-lb__close {
position: fixed;
top: 14px; right: 14px;
width: 52px; height: 52px;
border-radius: 50%;
border: none;
background: rgba(255,255,255,.94);
color: #6b4a55;
display: flex; align-items: center; justify-content: center;
cursor: pointer;
box-shadow: 0 3px 12px rgba(0,0,0,.3);
-webkit-tap-highlight-color: transparent;
}
.tsym-lb__close svg { width: 24px; height: 24px; }
.tsym-lb__close:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
@media (max-width: 640px) {
.tsym-lb { padding: 82px 10px 18px; }
.tsym-lb__close {
width: 58px; height: 58px;
top: 12px; right: 12px;
}
.tsym-lb__close svg { width: 26px; height: 26px; }
} .tsym-upcoming__soon {
margin: 0;
padding: 46px 0 40px;
text-align: center;
font-family: "Times New Roman", "Hiragino Mincho ProN", serif;
font-size: clamp(22px, 3.2vw, 30px);
letter-spacing: 0.22em;
text-indent: 0.22em;
color: var(--tsym-pink-deep);
opacity: .9;
}
.tsym-upcoming__soon[hidden] { display: none; } .tsym-upcoming__col { transform: translateY(var(--tsym-dy, 0)); }
.tsym-upcoming__row:nth-child(1) { --tsym-dy:  2px; }
.tsym-upcoming__row:nth-child(2) { --tsym-dy:  2px; }
.tsym-upcoming__row:nth-child(3) { --tsym-dy:  2px; }
.tsym-upcoming__row:nth-child(4) { --tsym-dy:  0;   }
.tsym-upcoming__row:nth-child(5) { --tsym-dy: -2px; }
.tsym-upcoming__row:nth-child(6) { --tsym-dy: -1px; }  .tsym-upcoming__area {
display: block;
margin-bottom: 2px;
font-size: 10.5px;
letter-spacing: 0.08em;
color: var(--tsym-text-sub);
} .tsym-upcoming__time {
margin: 3px 0 0;
font-size: 11.5px;
letter-spacing: 0.02em;
color: var(--tsym-text-sub);
}
@media (max-width: 860px) {
.tsym-upcoming__area { font-size: 10px; }
.tsym-upcoming__time { font-size: 11px; }
} .tsym-upcoming__lace,
.tsym-upcoming__arc,
.tsym-upcoming__foot-note,
.tsym-upcoming__scatter .s {
border-radius: 6px;
} .tsym-upcoming__lace--left {
-webkit-mask-image: radial-gradient(135% 135% at 0% 0%, #000 52%, rgba(0,0,0,0) 100%);
mask-image: radial-gradient(135% 135% at 0% 0%, #000 52%, rgba(0,0,0,0) 100%);
} .tsym-upcoming__lace--right {
-webkit-mask-image: radial-gradient(135% 135% at 100% 0%, #000 52%, rgba(0,0,0,0) 100%);
mask-image: radial-gradient(135% 135% at 100% 0%, #000 52%, rgba(0,0,0,0) 100%);
} .tsym-upcoming__arc,
.tsym-upcoming__foot-note {
-webkit-mask-image: radial-gradient(closest-side, #000 62%, rgba(0,0,0,0) 100%);
mask-image: radial-gradient(closest-side, #000 62%, rgba(0,0,0,0) 100%);
} .tsym-upcoming__scatter .s {
-webkit-mask-image: radial-gradient(closest-side, #000 55%, rgba(0,0,0,0) 100%);
mask-image: radial-gradient(closest-side, #000 55%, rgba(0,0,0,0) 100%);
} .tsym-upcoming__more {
background: #fef6f5; border-color: #eec3ce;
box-shadow: none;
}
.tsym-upcoming__more:hover {
background: #fffaf9;
box-shadow: 0 2px 8px rgba(201, 110, 136, 0.12);
} :is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming h2,
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming h3,
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming p,
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming ul,
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming li,
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming span {
margin: 0;
padding: 0;
border: 0;
text-align: inherit;
text-indent: 0;
} :is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming li::before,
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming li::marker {
content: none;
} :is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__head h2 {
font-family: "Times New Roman", "Hiragino Mincho ProN", serif;
font-size: 34px; font-weight: 500; line-height: 1.2;
letter-spacing: 0.14em; color: var(--tsym-pink-deep);
}
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__head-sub {
margin-top: 8px;
font-size: 12.5px; line-height: 1.4; letter-spacing: 0.22em; color: var(--tsym-pink-text);
} :is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__year { font-size: 11.5px; line-height: 1.3; }
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__md   { font-size: 27px; line-height: 1.05; font-weight: 600; }
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__wd   { font-size: 10.5px; line-height: 1.3; } :is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__title {
font-size: 15.5px; line-height: 1.42; font-weight: 600;
letter-spacing: 0.02em; color: var(--tsym-text-main);
}
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__venue {
font-size: 16px; line-height: 1.4; font-weight: 600; color: var(--tsym-text-main);
}
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__area {
font-size: 10.5px; line-height: 1.3; margin-bottom: 2px; color: var(--tsym-text-sub);
}
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__time {
font-size: 11.5px; line-height: 1.3; margin-top: 3px; color: var(--tsym-text-sub);
}
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__talent {
font-size: 10px; line-height: 1.4; color: #ab9199;
}
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__talents {
margin-top: 4px; display: flex; flex-wrap: wrap; gap: 2px 7px; list-style: none;
}
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__type {
display: inline-block;
padding: 1px 7px 2px;
font-size: 10px; line-height: 1.2; letter-spacing: 0.05em;
border: 1px solid #eeb6c4; border-radius: 3px;
background: rgba(255,255,255,0.72);
margin-bottom: 5px;
} :is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__btn {
font-size: 11.5px; line-height: 1.3; letter-spacing: 0.04em;
text-decoration: none; min-height: 33px; padding: 5px 10px;
border-radius: 999px;
}
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__more {
font-family: "Times New Roman", "Hiragino Mincho ProN", serif;
font-size: 14px; line-height: 1; letter-spacing: 0.28em; text-indent: 0.28em;
text-decoration: none;
}
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__soon {
font-family: "Times New Roman", "Hiragino Mincho ProN", serif;
font-size: clamp(22px, 3.2vw, 30px); line-height: 1.2;
letter-spacing: 0.22em; text-indent: 0.22em;
color: var(--tsym-pink-deep); text-align: center;
padding: 46px 0 40px;
} :is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming img {
max-width: none;
height: auto;
vertical-align: top;
box-shadow: none;
border: 0;
border-radius: 0;
}
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__lace,
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__arc,
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__foot-note,
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__scatter .s {
border-radius: 6px;
}
@media (max-width: 860px) {
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__head h2 { font-size: 26px; }
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__venue { font-size: 14px; }
} :is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__col {
max-height: 100%;
overflow: hidden;
} :is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
} :is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__talents {
max-height: 2.9em;
overflow: hidden;
} :is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__talent {
font-size: 11.5px;
}
@media (max-width: 1000px) {
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__talent {
font-size: 10.5px;
}
}
@media (max-width: 860px) {
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__talent {
font-size: 10px;
}
} .tsym-upcoming__stage {
position: relative;
left: var(--bar-shift, 0px);
max-width: 100%;
} .tsym-upcoming__stage[data-size="LL"] { --bar-w: 1094px; --bar-date-l: 92px; --bar-content-l: 234px; --bar-shift: 0px;
--col-venue: 188px; --col-acts: 156px; --col-gap: 24px; }
.tsym-upcoming__stage[data-size="L"]  { --bar-w: 994px;  --bar-date-l: 92px; --bar-content-l: 234px; --bar-shift: 0px;
--col-venue: 188px; --col-acts: 156px; --col-gap: 24px; }
.tsym-upcoming__stage[data-size="M"]  { --bar-w: 894px;  --bar-date-l: 92px; --bar-content-l: 234px; --bar-shift: 0px;
--col-venue: 168px; --col-acts: 150px; --col-gap: 24px; }
.tsym-upcoming__stage[data-size="S"]  { --bar-w: 794px;  --bar-date-l: 92px; --bar-content-l: 234px; --bar-shift: 0px;
--col-venue: 146px; --col-acts: 142px; --col-gap: 18px; }
.tsym-upcoming__stage[data-size="SS"] { --bar-w: 674px;  --bar-date-l: 72px; --bar-content-l: 214px; --bar-shift: 0px;
--col-venue: 124px; --col-acts: 130px; --col-gap: 14px; }
.tsym-upcoming__stage[data-size="LL"] .tsym-upcoming__rows[data-count="1"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/LL/bar1.png); }
.tsym-upcoming__stage[data-size="LL"] .tsym-upcoming__rows[data-count="2"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/LL/bar2.png); }
.tsym-upcoming__stage[data-size="LL"] .tsym-upcoming__rows[data-count="3"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/LL/bar3.png); }
.tsym-upcoming__stage[data-size="LL"] .tsym-upcoming__rows[data-count="4"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/LL/bar4.png); }
.tsym-upcoming__stage[data-size="LL"] .tsym-upcoming__rows[data-count="5"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/LL/bar5.png); }
.tsym-upcoming__stage[data-size="LL"] .tsym-upcoming__rows[data-count="6"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/LL/bar6.png); }
.tsym-upcoming__stage[data-size="L"] .tsym-upcoming__rows[data-count="1"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/L/bar1.png); }
.tsym-upcoming__stage[data-size="L"] .tsym-upcoming__rows[data-count="2"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/L/bar2.png); }
.tsym-upcoming__stage[data-size="L"] .tsym-upcoming__rows[data-count="3"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/L/bar3.png); }
.tsym-upcoming__stage[data-size="L"] .tsym-upcoming__rows[data-count="4"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/L/bar4.png); }
.tsym-upcoming__stage[data-size="L"] .tsym-upcoming__rows[data-count="5"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/L/bar5.png); }
.tsym-upcoming__stage[data-size="L"] .tsym-upcoming__rows[data-count="6"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/L/bar6.png); }
.tsym-upcoming__stage[data-size="M"] .tsym-upcoming__rows[data-count="1"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/M/bar1.png); }
.tsym-upcoming__stage[data-size="M"] .tsym-upcoming__rows[data-count="2"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/M/bar2.png); }
.tsym-upcoming__stage[data-size="M"] .tsym-upcoming__rows[data-count="3"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/M/bar3.png); }
.tsym-upcoming__stage[data-size="M"] .tsym-upcoming__rows[data-count="4"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/M/bar4.png); }
.tsym-upcoming__stage[data-size="M"] .tsym-upcoming__rows[data-count="5"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/M/bar5.png); }
.tsym-upcoming__stage[data-size="M"] .tsym-upcoming__rows[data-count="6"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/M/bar6.png); }
.tsym-upcoming__stage[data-size="S"] .tsym-upcoming__rows[data-count="1"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/S/bar1.png); }
.tsym-upcoming__stage[data-size="S"] .tsym-upcoming__rows[data-count="2"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/S/bar2.png); }
.tsym-upcoming__stage[data-size="S"] .tsym-upcoming__rows[data-count="3"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/S/bar3.png); }
.tsym-upcoming__stage[data-size="S"] .tsym-upcoming__rows[data-count="4"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/S/bar4.png); }
.tsym-upcoming__stage[data-size="S"] .tsym-upcoming__rows[data-count="5"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/S/bar5.png); }
.tsym-upcoming__stage[data-size="S"] .tsym-upcoming__rows[data-count="6"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/S/bar6.png); }
.tsym-upcoming__stage[data-size="SS"] .tsym-upcoming__rows[data-count="1"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/SS/bar1.png); }
.tsym-upcoming__stage[data-size="SS"] .tsym-upcoming__rows[data-count="2"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/SS/bar2.png); }
.tsym-upcoming__stage[data-size="SS"] .tsym-upcoming__rows[data-count="3"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/SS/bar3.png); }
.tsym-upcoming__stage[data-size="SS"] .tsym-upcoming__rows[data-count="4"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/SS/bar4.png); }
.tsym-upcoming__stage[data-size="SS"] .tsym-upcoming__rows[data-count="5"] { background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/SS/bar5.png); } .tsym-upcoming__stage[data-size="SS"] .tsym-upcoming__rows[data-count="6"] {
background-image: url(//www.toumei-symphonia.tokyo/wp/wp-content/plugins/tsym-upcoming-event/assets/images/upcoming-event/bars/SS/bar6.png);
width: 694px; background-size: 694px auto;
} .tsym-upcoming__stage { left: calc(var(--bar-shift, 0px) * var(--tsym-scale, 1));
margin: 0 auto;
overflow: visible;
}
.tsym-upcoming__rows {
transform: scale(var(--tsym-scale, 1));
transform-origin: top left;
} :is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__more {
color: var(--tsym-ink-head, #b34c5f);
border-color: #eec3ce;
} .tsym-upcoming {
--tsym-rose: var(--tsym-ink-head, #B34C5F);
}
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__title,
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__venue {
color: var(--tsym-rose);
} .tsym-upcoming__stage {
padding-left: 0;
padding-right: 0;
margin-left: auto;
margin-right: auto;
} .tsym-single {
--tsym-rose: var(--tsym-ink-head, #B34C5F);
max-width: 760px;
margin: 0 auto;
}   .tsym-single__back {
--tsym-rose: var(--tsym-ink-head, #B34C5F);
display: flex; flex-wrap: wrap; align-items: center;
gap: 8px clamp(10px, 1.4vw, 18px);
margin: 0 0 18px; font-size: 13px;
} .tsym-single__back--bottom { margin: 56px 0 0; text-align: left; } body.single-tsym_event #next_prev_post { display: none; }  .tsym-arch { --tsym-rose: var(--tsym-ink-head, #B34C5F); margin: 0 0 28px; }
.tsym-arch__back { margin: 0 0 22px; text-align: left; }
.tsym-arch__body { margin: 0 0 8px; } #blog_list > .tsym-arch,
#news_list > .tsym-arch {
grid-column: 1 / -1;
flex: 0 0 100%;
width: 100%;
max-width: 100%;
margin: 0;
} .tsym-arch--bottom { margin: 28px 0 0; }
#blog_list > .tsym-arch--bottom,
#news_list > .tsym-arch--bottom { margin: 12px 0 0; }
.tsym-arch__body--bottom { margin: 0; } .tsym-arch__cta { margin: 22px 0 0; text-align: center; }
.tsym-arch__cta a {
display: inline-flex; align-items: center; gap: 6px;
padding: 10px 22px;
border: 1px solid #eec3ce; border-radius: 999px;
background: #fef6f5; color: var(--tsym-rose);
font-size: 13px; text-decoration: none; line-height: 1;
}
.tsym-arch__cta a:hover { background: #fffaf9; }
.tsym-arch__cta-mark { font-size: 10px; } .tsym-arch__past-label {
margin: 0 0 14px;
font-size: 15px; font-weight: 600; letter-spacing: 0.04em;
color: var(--tsym-rose);
}
.tsym-single__back a {
display: inline-flex; align-items: center; gap: 6px;
padding: 8px 18px;
border: 1px solid #eec3ce; border-radius: 999px;
background: #fef6f5; color: var(--tsym-rose);
text-decoration: none; line-height: 1;
}
.tsym-single__back a:hover { background: #fffaf9; }
.tsym-single__back-mark { font-size: 10px; } .tsym-single__images { margin: 0 0 22px; text-align: center; }
.tsym-single__image-btn {
display: block; width: 100%;
margin: 0; padding: 0; border: 0; background: none; cursor: zoom-in;
}
.tsym-single__image-btn[hidden] { display: none; }
.tsym-single__image-btn img {
max-width: 100%; height: auto; border-radius: 6px;
}
.tsym-single__slider-nav {
display: flex; align-items: center; justify-content: center; gap: 14px;
margin-top: 10px;
}
.tsym-single__slider-btn {
width: 40px; height: 40px; border-radius: 50%;
border: 1px solid #eec3ce; background: #fef6f5;
color: var(--tsym-rose); cursor: pointer; font-size: 12px; line-height: 1;
}
.tsym-single__slider-btn:hover { background: #fffaf9; }
.tsym-single__slider-dots { display: flex; gap: 7px; }
.tsym-single__slider-dot {
width: 9px; height: 9px; padding: 0; border-radius: 50%;
border: 1px solid #e0aebd; background: transparent; cursor: pointer;
}
.tsym-single__slider-dot[aria-current="true"] { background: var(--tsym-rose); border-color: var(--tsym-rose); }
.tsym-single__images figcaption { margin-top: 10px; font-size: 12px; color: #9c7f86; } .tsym-single__type { margin: 0 0 8px; }
.tsym-single__past {
margin-left: 8px; padding: 2px 8px; border-radius: 3px;
background: #efe6e0; color: #8d7a72; font-size: 11px;
}
.tsym-single__name {
margin: 0 0 16px; font-size: 22px; line-height: 1.5;
color: var(--tsym-rose);
}
.tsym-single__info {
margin: 0 0 22px; padding: 16px 18px;
border: 1px solid #f0d7dd; border-radius: 8px; background: #fffaf9;
font-size: 14px; line-height: 1.7;
}
.tsym-single__info dt { font-weight: 600; color: #9c7f86; font-size: 12px; }
.tsym-single__info dd { margin: 2px 0 12px; }
.tsym-single__info dd:last-child { margin-bottom: 0; }
.tsym-single__time { margin-left: 8px; color: #9c7f86; }
.tsym-single__info .tsym-upcoming__talents { margin: 0; }
.tsym-single__info .tsym-upcoming__talent { font-size: 13px; color: #5d4249; }
.tsym-single__body { margin: 0 0 22px; line-height: 1.9; }
.tsym-single__actions { margin: 0; text-align: center; }
.tsym-single__actions .tsym-upcoming__btn { display: inline-flex; min-width: 200px; } .tsym-lb__nav {
position: fixed; top: 50%; transform: translateY(-50%);
width: 48px; height: 48px; border-radius: 50%;
border: none; background: rgba(255,255,255,.94); color: #6b4a55;
display: flex; align-items: center; justify-content: center;
cursor: pointer; box-shadow: 0 3px 12px rgba(0,0,0,.3);
-webkit-tap-highlight-color: transparent;
}
.tsym-lb__nav[hidden] { display: none; }
.tsym-lb__nav svg { width: 22px; height: 22px; }
.tsym-lb__nav--prev { left: 12px; }
.tsym-lb__nav--next { right: 12px; }
.tsym-lb__count {
position: fixed; left: 0; right: 0; bottom: 16px;
margin: 0; text-align: center; color: #fff; font-size: 13px;
text-shadow: 0 1px 3px rgba(0,0,0,.5);
}
.tsym-lb__count[hidden] { display: none; }
@media (max-width: 640px) {
.tsym-single__name { font-size: 18px; }
.tsym-lb__nav { width: 44px; height: 44px; }
.tsym-lb__nav--prev { left: 6px; }
.tsym-lb__nav--next { right: 6px; }
} :is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__btn--ext {
gap: 5px;
}
.tsym-upcoming__ext-icon {
width: 11px;
height: 11px;
flex: none;
opacity: .8;
} .tsym-upcoming .screen-reader-text {
position: absolute;
width: 1px; height: 1px;
margin: -1px; padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
border: 0;
} :is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__btn--detail {
color: #B43159;
border: 1px solid #F3C5D0;
background: #FDE7EA;
box-shadow: none;
}
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__btn--detail:hover {
background: #FEF2F4;
box-shadow: 0 2px 6px rgba(180, 49, 89, 0.14);
} :is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__btn--soon {
cursor: default;
letter-spacing: 0.08em;
line-height: 1.15; padding-top: 3px;
padding-bottom: 3px;
flex-direction: column;
} .tsym-upcoming__soon-line { display: block; } :is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__btn--soon:hover {
transform: none;
background: #FDE7EA;
box-shadow: none;
}
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__btn--cal {
color: #DF9299;
border: 1px solid #EEB8C4;
background: #FDEBED;
box-shadow: none;
}
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__btn--cal:hover {
background: #FEF5F6;
box-shadow: 0 2px 6px rgba(223, 146, 153, 0.16);
} .tsym-upcoming__foot--no-more { gap: clamp(24px, 8vw, 90px); } @media (max-width: 699px) {
.tsym-upcoming { padding: 40px 0 44px; } .tsym-upcoming__stage {
width: auto;
max-width: none;
margin: 0 10px;
left: 0;
padding: 0;
overflow: visible;
transform: none;
} .tsym-upcoming__rows {
width: 100%;
transform: none;
background-size: 100% 100%;
background-position: center;
}
.tsym-upcoming__rows[data-count="1"] {
aspect-ratio: 674 / 159;
height: auto;
background-size: 100% 100%;
}
.tsym-upcoming__rows[data-count="1"] .tsym-upcoming__row:nth-child(1) {
top: 22.6415%; height: 70.4403%;
}
.tsym-upcoming__rows[data-count="2"] {
aspect-ratio: 674 / 287;
height: auto;
background-size: 100% 100%;
}
.tsym-upcoming__rows[data-count="2"] .tsym-upcoming__row:nth-child(1) {
top: 12.5436%; height: 39.0244%;
}
.tsym-upcoming__rows[data-count="2"] .tsym-upcoming__row:nth-child(2) {
top: 57.1429%; height: 39.0244%;
}
.tsym-upcoming__rows[data-count="3"] {
aspect-ratio: 674 / 417;
height: auto;
background-size: 100% 100%;
}
.tsym-upcoming__rows[data-count="3"] .tsym-upcoming__row:nth-child(1) {
top: 8.6331%; height: 26.8585%;
}
.tsym-upcoming__rows[data-count="3"] .tsym-upcoming__row:nth-child(2) {
top: 39.3285%; height: 26.8585%;
}
.tsym-upcoming__rows[data-count="3"] .tsym-upcoming__row:nth-child(3) {
top: 70.024%; height: 26.8585%;
}
.tsym-upcoming__rows[data-count="4"] {
aspect-ratio: 674 / 543;
height: auto;
background-size: 100% 100%;
}
.tsym-upcoming__rows[data-count="4"] .tsym-upcoming__row:nth-child(1) {
top: 6.6298%; height: 20.6262%;
}
.tsym-upcoming__rows[data-count="4"] .tsym-upcoming__row:nth-child(2) {
top: 30.2026%; height: 20.6262%;
}
.tsym-upcoming__rows[data-count="4"] .tsym-upcoming__row:nth-child(3) {
top: 53.7753%; height: 20.6262%;
}
.tsym-upcoming__rows[data-count="4"] .tsym-upcoming__row:nth-child(4) {
top: 77.3481%; height: 20.6262%;
}
.tsym-upcoming__rows[data-count="5"] {
aspect-ratio: 674 / 667;
height: auto;
background-size: 100% 100%;
}
.tsym-upcoming__rows[data-count="5"] .tsym-upcoming__row:nth-child(1) {
top: 5.3973%; height: 16.7916%;
}
.tsym-upcoming__rows[data-count="5"] .tsym-upcoming__row:nth-child(2) {
top: 24.5877%; height: 16.7916%;
}
.tsym-upcoming__rows[data-count="5"] .tsym-upcoming__row:nth-child(3) {
top: 43.7781%; height: 16.7916%;
}
.tsym-upcoming__rows[data-count="5"] .tsym-upcoming__row:nth-child(4) {
top: 62.9685%; height: 16.7916%;
}
.tsym-upcoming__rows[data-count="5"] .tsym-upcoming__row:nth-child(5) {
top: 82.1589%; height: 16.7916%;
}
.tsym-upcoming__rows[data-count="6"] {
aspect-ratio: 694 / 794;
height: auto;
background-size: 100% 100%;
}
.tsym-upcoming__rows[data-count="6"] .tsym-upcoming__row:nth-child(1) {
top: 4.5340%; height: 14.1058%;
}
.tsym-upcoming__rows[data-count="6"] .tsym-upcoming__row:nth-child(2) {
top: 20.6549%; height: 14.1058%;
}
.tsym-upcoming__rows[data-count="6"] .tsym-upcoming__row:nth-child(3) {
top: 36.7758%; height: 14.1058%;
}
.tsym-upcoming__rows[data-count="6"] .tsym-upcoming__row:nth-child(4) {
top: 52.8967%; height: 14.1058%;
}
.tsym-upcoming__rows[data-count="6"] .tsym-upcoming__row:nth-child(5) {
top: 69.0176%; height: 14.1058%;
}
.tsym-upcoming__rows[data-count="6"] .tsym-upcoming__row:nth-child(6) {
top: 85.1385%; height: 14.1058%;
} .tsym-upcoming__date {
left: 10.6825%;
width: 18.2493%;
padding-bottom: 6%;
} .tsym-upcoming__body {
left: 31.7507%;
right: 4.451%;
padding: 0;
gap: 6px;
grid-template-columns: 62px minmax(0, 1fr) 84px;
grid-template-areas: none;
align-items: center;
}
.tsym-upcoming__col--1 { grid-area: auto; padding-top: 10px; }
.tsym-upcoming__col--2 { grid-area: auto; }
.tsym-upcoming__acts   { grid-area: auto; padding-left: 0; } .tsym-upcoming__col--1 .tsym-upcoming__type {
position: absolute;
top: 1px;
left: 0;
margin: 0;
}
.tsym-upcoming__col { transform: none; overflow: visible; } .tsym-upcoming__acts::before { display: none; } .tsym-upcoming__talents { display: none; }
} @media (max-width: 699px) {
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__head h2 {
font-size: 24px; line-height: 1.18; letter-spacing: 0.10em; white-space: nowrap;
}
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__head-sub {
font-size: 12px; margin-top: 8px; letter-spacing: 0.18em;
}
.tsym-upcoming__head { padding-top: clamp(40px, 11vw, 52px); }
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__year { font-size: 8.5px; }
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__md   { font-size: 15.5px; }
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__wd   { font-size: 7.5px; }
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__type {
font-size: 8.5px; padding: 0 5px 1px; letter-spacing: 0.02em;
}
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__area { font-size: 8.5px; margin-bottom: 1px; }
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__venue {
font-size: 11.5px; line-height: 1.35;
}
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__title {
font-size: 11.5px; line-height: 1.35;
}
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__time { font-size: 9px; margin-top: 1px; } :is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__btn {
font-size: 10px; min-height: 26px; padding: 3px 8px; border-radius: 999px;
}
.tsym-upcoming__acts { gap: 5px; }
.tsym-upcoming__ext-icon { width: 9px; height: 9px; } :is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__more {
min-width: 112px; height: 38px; font-size: 15px;
letter-spacing: 0.18em; text-indent: 0.18em; padding: 0 12px;
}
.tsym-upcoming__foot { gap: 10px; margin-top: 26px; }
.tsym-upcoming__foot-note { width: 78px; }
.tsym-upcoming__emblem { width: 62px; right: 10px; bottom: 10px; }
.tsym-upcoming__lace--left, .tsym-upcoming__lace--right { display: none; }
} :is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming ul,
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming ol,
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming li {
list-style: none;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming li::marker {
content: "";
font-size: 0;
} @media (max-width: 699px) { .tsym-upcoming { width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
overflow-x: clip;
} :is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__talents {
display: none;
} :is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__btn {
min-height: 22px;
font-size: 9.5px;
padding: 2px 7px;
line-height: 1.2;
}
.tsym-upcoming__acts { gap: 5px; }
} @media (max-width: 699px) {
.tsym-upcoming__body { gap: 2px 6px; }
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__type {
font-size: 8.5px; line-height: 1.2; margin-bottom: 1px;
}
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__venue {
font-size: 11.5px; line-height: 1.3;
}
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__title {
font-size: 11px; line-height: 1.25;
-webkit-line-clamp: 2;
}
} @media (max-width: 699px) {
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__type {
font-size: 7.5px; line-height: 1.2; padding: 0 4px 1px; margin: 0;
}
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__area {
font-size: 7.5px; margin-bottom: 1px;
}
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__venue {
font-size: 10px; line-height: 1.3;
}
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__title {
font-size: 10px; line-height: 1.3; -webkit-line-clamp: 2;
}
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__time {
font-size: 8px; margin-top: 1px;
}
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__btn {
min-height: 21px; font-size: 8.5px; padding: 2px 5px; line-height: 1.2;
}
.tsym-upcoming__acts { gap: 5px; }
.tsym-upcoming__ext-icon { width: 8px; height: 8px; }
} @media (max-width: 699px) {
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__head h2 {
font-size: 16px;
line-height: 1.25;
letter-spacing: 0.10em;
}
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__head-sub {
font-size: 10px;
margin-top: 5px;
letter-spacing: 0.16em;
} .tsym-upcoming__head { padding-top: clamp(30px, 8vw, 40px); }
.tsym-upcoming__ribbon { width: clamp(40px, 11vw, 52px); }
} @media (max-width: 374px) {
.tsym-upcoming__acts { gap: 3px; }
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__btn--soon {
padding-top: 1px;
padding-bottom: 1px;
line-height: 1.05;
}
} @media (max-width: 699px) { :is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__type {
font-size: 7px;
white-space: nowrap;
padding: 0 3px 1px;
line-height: 1.25;
} :is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__title {
font-size: 9.5px;
line-height: 1.3;
-webkit-line-clamp: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} :is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__venue {
font-size: 9.5px;
line-height: 1.3;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} .tsym-upcoming__col--1 { padding-top: 0; } :is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__btn {
min-height: 18px;
font-size: 7.5px;
padding: 2px 3px;
line-height: 1.15;
letter-spacing: 0;
}
.tsym-upcoming__body { grid-template-columns: 62px minmax(0, 1fr) 62px; }
.tsym-upcoming__acts { gap: 4px; }
.tsym-upcoming__ext-icon { width: 7px; height: 7px; } .tsym-upcoming__emblem { width: 32px; right: 21px; bottom: 10px; }
} .tsym-upcoming__btn--cal-app { display: none; }
@media (max-width: 699px) {
.tsym-upcoming__btn--cal-web { display: none; }
.tsym-upcoming__btn--cal-app { display: inline-flex; }
}  .tsym-upcoming__col--1 { align-self: start; }
@media (max-width: 699px) { .tsym-upcoming__date { padding-top: 10px; padding-bottom: 14px; } :is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__venue {
white-space: normal;
text-overflow: clip;
display: -webkit-box; -webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.tsym-upcoming__col--1 { padding-left: 6px; } .tsym-upcoming__acts { gap: 5px; }
} @media (min-width: 700px) {
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__title {
display: -webkit-box; -webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
} @media (max-width: 699px) {
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__btn--cal {
font-size: 6.5px;
letter-spacing: 0;
padding: 2px 2px;
}
.tsym-upcoming__body { grid-template-columns: 62px minmax(0, 1fr) 54px; }
} @media (max-width: 699px) {
:is(#main_col, #site_wrap, #container, #content, body) .tsym-upcoming .tsym-upcoming__title {
white-space: normal;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: clip;
}
} @media (max-width: 699px) {
.tsym-upcoming__body { grid-template-columns: 72px minmax(0, 1fr) 54px; }
} @media (max-width: 699px) {
.tsym-upcoming__col--1,
.tsym-upcoming__col--2 {
justify-content: flex-start;
padding-top: 15px;
}
} @media (max-width: 699px) {
.tsym-upcoming__col--1,
.tsym-upcoming__col--2 {
justify-content: center;
padding-top: 13px;
}
}