@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset 'UTF-8';
@charset "UTF-8";
 .slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(//sunrisetokyo.com/common/css/all/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(//sunrisetokyo.com/common/css/all/fonts/slick.eot);
src: url(//sunrisetokyo.com/common/css/all/fonts/slick.eot?#iefix) format('embedded-opentype'), url(//sunrisetokyo.com/common/css/all/fonts/slick.woff) format('woff'), url(//sunrisetokyo.com/common/css/all/fonts/slick.ttf) format('truetype'), url(//sunrisetokyo.com/common/css/all/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
 html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}
html {
font-size: 62.5%;
}
body{
font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
color: #333;
} * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
ul,li {
list-style: none;
}
a {
text-decoration: none;
color: #333;
}
a:hover {
opacity: 0.7;
}
img {
height: auto;
max-width: 100%;
vertical-align: top;
}
strong {
font-weight: bold;
}
.clearfix:after {
content: "";
clear: both;
display: block;
}
.pc--show {
display: block;
}
.pc--hide {
display: none;
} .cinemaBgColor,
.comedyBgColor,
.talkBgColor,
.musicalBgColor,
.liveBgColor,
.reading_dramaBgColor,
.stageBgColor {
background-color: #f7763c;
}
.musicBgColor {
background-color: #f6cd1f;
}
.rakugo-kotenBgColor {
background-color: #bd82c5;
}
.sportsBgColor {
background-color: #dc4545;
}
.artBgColor {
background-color: #ee86a9;
}
.kidsBgColor {
background-color: #abd238;
}
.danceBgColor {
background-color: #427eca; 
}
.etcBgColor {
background-color: #38af94;
} .ofi_cover {
object-fit: cover;
font-family: 'object-fit: cover;'
}
.ofi_contain {
object-fit: contain;
font-family: 'object-fit: contain;'
}
.ofi-bg-img {
position: relative;
background-size: 100%;
background-position: center center;
z-index: 0;
background-color: #ccc;
}
.ofi-bg-img:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: inherit;
filter: blur(3px);
margin: 3px;
z-index: -1;
}
.ofi_top {
object-position: 0 10%;
font-family: 'object-fit: cover; object-position: 0 10%;'
}
.ofi_bottom {
object-position: 0 90%;
font-family: 'object-fit: cover; object-position: 0 90%;'
}
.link__textIcon {
position: relative;
}
.link__textIcon::before {
position: absolute;
content: "";
background: url(//sunrisetokyo.com/images/common/all/link_icon.png) no-repeat 0 0;
background-size: 16px 16px;
height: 16px;
width: 16px;
display: block;
left: 0;
top: 50%;
margin-top: -8px;
margin-left: -20px;
} .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
input[type="submit"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.searchForm__box-search__search::-webkit-input-placeholder {
color: #cccccc;
}
.searchForm__box-search__search::-moz-placeholder {
color: #cccccc;
}
.searchForm__box-search__search:-ms-input-placeholder {
color: #cccccc;
}
.searchForm__box-calendar-datapicker::-webkit-input-placeholder {
color: #cccccc;
}
.searchForm__box-calendar-datapicker::-moz-placeholder {
color: #cccccc;
}
.searchForm__box-calendar-datapicker:-ms-input-placeholder {
color: #cccccc;
} .searchForm {
background-color: #fff;
padding: 30px 0 50px;
}
.searchForm__inner {
width: 1200px;
margin: 0 auto;
background-color: #f3f3f3;
padding: 35px 45px 30px;
}
.searchForm__main { }
.searchForm__box01 {
display: flex;
align-items: center;
margin-bottom: 30px;
}
.searchForm__box-search {
}
.searchForm__box-search__search {
font-size: 1.7rem;
letter-spacing: 0.04em;
width: 565px; padding: 15px 65px;
border: none;
background: url(//sunrisetokyo.com/images/top/serch_icon01.png) no-repeat 25px 50%;
background-color: #fff;
}
.searchForm__box-checkBox {
font-size: 1.8rem;
color: #0090b6;
margin-left: 80px;
}
.searchForm__box-checkBox__checkBox {
border: 1px solid #cbcbcb;
background-color: #fff;
border-radius: 5px;
width: 24px;
height: 24px;
vertical-align: middle;
margin-right: 8px;
}
.searchForm__box-checkBox__checkBox:checked {
background: url(//sunrisetokyo.com/images/top/checkbox_on.png) no-repeat 50% 50%;
background-color: #fff;
background-size: 16px 12px;
}
.searchForm__box02 {
margin-bottom: 30px;
display: flex;
}
.searchForm__box02__calendarArea {
display: flex;
align-items: center;
}
.searchForm__boxArea {
display: flex;
align-items: center;
}
.searchForm__box-calendar01 span,
.searchForm__box-calendar02 span {
display: none;
}
.searchForm__box02__text01 {
font-size: 1.6rem;
margin-right: 40px;
}
.searchForm__box02__text02 {
font-size: 2.0rem;
margin: 0 30px;
color: #888;
}
.searchForm__box-calendar-datapicker {
border: none;
width: 160px;
padding: 16px 30px;
font-size: 1.6rem;
letter-spacing: 0.04em;
vertical-align: middle;
margin-right: 10px;
}
.searchForm__box-calendar01 .ui-datepicker-trigger,
.searchForm__box-calendar02 .ui-datepicker-trigger {
vertical-align: middle;
}
.searchForm__box02__areaArea {
display: flex;
align-items: center;
margin-left: 115px;
}
.searchForm__box02__text03 {
font-size: 1.6rem;
margin-right: 40px;
}
.searchForm__box-area-select {
width: 270px;
padding: 6px 20px;
font-size: 1.6rem;
letter-spacing: 0.08em;
border: none;
background-color: #fff;
border-radius: 0;
position: relative;
height: 50px;
}
.searchForm__box-area-select-label {
position: relative;
}
.searchForm__box-area-select-label::after {
position: absolute;
content: "";
width: 50px;
height: 50px;
display: block;
background: url(//sunrisetokyo.com/images/top/select_icon01.png) no-repeat 0 0;
background-size: 50px 50px;
top: 0;
left: 100%;
margin-left: -50px;
pointer-events: none;
}
.searchForm__btnArea {
text-align: center;
}
.searchForm__btn { background-color: #0090b6;
width: 480px;
height: 68px;
color: #fff;
font-size: 2.2rem;
letter-spacing: 0.08em;
border-radius: 40px !important;
}
.searchForm__tag {
width: 1200px;
margin: 0 auto;
background-color: #f3f3f3;
padding: 35px 45px 30px;
margin-top: 2px;
}
.searchForm__tag__title {
font-size: 1.6rem;
margin-bottom: 20px;
}
.searchForm__tag__list {
display: flex;
flex-flow: row wrap;
}
.searchForm__tag__list__item {
margin: 0 10px 10px 0;
}
.searchForm__tag__list__item__link { color: #000;
font-size: 1.8rem;
display: block;
font-weight: bold;
padding: 8px 20px;
background-color: #fff;
border: 2px solid #000;
border-radius: 30px;
position: relative;
padding-left: 46px;
}
.searchForm__tag__list__item__link::before {
content: "";
position: absolute;
background: url(//sunrisetokyo.com/images/top/tag_icon01.png) no-repeat 0 0;
width: 24px;
height: 24px;
left: 14px;
top: 50%;
margin-top: -11px;
}
.searchForm__tag__list__item__link:hover {
background-color: #0090b6;
border: 2px solid #0090b6;
color: #fff;
opacity: 1;
}
.searchForm__tag__list__item__link:hover::before {
background: url(//sunrisetokyo.com/images/top/tag_icon02.png) no-repeat 0 0;
}
select::-ms-expand {
display: none;
} @media only screen and (max-width: 767px) {
a:hover {
opacity: 1;
}
.sp--hide {
display: none;
}
.sp--show {
display: block;
} .searchForm {
background-color: #fff;
padding: 10px;
}
.searchForm__inner {
width: 100%;
margin: 0 auto;
background-color: #f3f3f3;
padding: 15px 15px 20px;
}
.searchForm__main { }
.searchForm__box01 {
display: block;
align-items: center;
margin-bottom: 20px;
}
.searchForm__box-search {
}
.searchForm__box-search__search {
font-size: 1.3rem;
letter-spacing: 0.04em;
width: 100%; padding: 15px 10px 15px 50px;
border: none;
background: url(//sunrisetokyo.com/images/top/serch_icon01.png) no-repeat 25px 50%;
background-size: 18px;
background-color: #fff;
}
.searchForm__box-checkBox {
font-size: 1.3rem;
color: #0090b6;
text-decoration: underline;
margin-left: 0px;
margin-bottom: 20px;
}
.searchForm__box-checkBox__checkBox {
border: 1px solid #cbcbcb;
background-color: #fff;
border-radius: 5px;
width: 20px;
height: 20px;
vertical-align: middle;
margin-right: 8px;
}
.searchForm__box-checkBox__checkBox:checked {
background: url(//sunrisetokyo.com/images/top/checkbox_on.png) no-repeat 50% 50%;
background-color: #fff;
background-size: 16px 12px;
}
.searchForm__box02 {
margin-bottom: 20px;
display: flex;
flex-flow: row wrap;
}
.searchForm__box02__calendarArea {
display: flex;
align-items: center;
order: 2;
}
.searchForm__boxArea {
display: block;
}
.searchForm__box-calendar01 {
margin-bottom: 10px;
}
.searchForm__box-calendar01 span,
.searchForm__box-calendar02 span {
display: inline;
font-size: 1.2rem;
position: relative;
top: 2px;
left: 5px;
}
.searchForm__box02__text01 {
font-size: 1.3rem;
margin-right: 40px;
}
.searchForm__box02__text02 {
font-size: 2.0rem;
margin: 0 30px;
color: #888;
}
.searchForm__box-calendar-datapicker {
border: none;
width: 130px;
padding: 10px 20px;
font-size: 1.2rem;
letter-spacing: 0.04em;
vertical-align: middle;
margin-right: 10px;
}
.searchForm__box-calendar01 .ui-datepicker-trigger,
.searchForm__box-calendar02 .ui-datepicker-trigger {
vertical-align: middle;
width: 20px;
}
.searchForm__box02__areaArea {
display: flex;
align-items: center;
margin-left: 0;
order: 1;
margin-bottom: 10px;
}
.searchForm__box02__text03 {
font-size: 1.3rem;
margin-right: 26px;
}
.searchForm__box-area-select {
width: 170px;
padding: 6px 20px;
font-size: 1.2rem;
letter-spacing: 0.08em;
border: none;
background-color: #fff;
border-radius: 0;
position: relative;
height: 36px;
}
.searchForm__box-area-select-label {
position: relative;
}
.searchForm__box-area-select-label::after {
position: absolute;
content: "";
width: 36px;
height: 36px;
display: block;
background: url(//sunrisetokyo.com/images/top/select_icon01.png) no-repeat 0 0;
background-size: 36px 36px;
top: 0;
left: 100%;
margin-left: -36px;
pointer-events: none;
}
.searchForm__btnArea {
text-align: center;
position: relative;
}
.searchForm__btn { background-image: none;
background-color: #0090b6;
width: 100%;
height: 50px;
font-size: 1.4rem;
position: relative;
} .searchForm__tag {
width: 100%;
padding: 35px 15px 30px;
}
.searchForm__tag__list {
display: flex;
flex-flow: row wrap;
}
.searchForm__tag__list__item {
margin: 0 10px 10px 0;
}
.searchForm__tag__list__item__link {
font-size: 1.3rem;
letter-spacing: 0.04em;
display: block;
padding: 8px 20px 8px 46px;
}
.searchForm__tag__list__item__link:hover {
}
select::-ms-expand {
display: none;
} }
   .l-h{
width: 100%;
height: 72px;
position: fixed;
top: 0;
background: #fff;
z-index: 4;
}
.l-h .logo{
width: 470px;
position: absolute;
top: 20px;
left: 26px;
}
.l-h .logo a{
transition: .3s;
}
.l-h .sns {
position: absolute;
top: 20px;
right: 298px;
}
.l-h .sns ul{
display: flex;
gap: 0 20px;
}
.l-h .sns ul li{
width: 32px;
}
.l-h .sns ul li a{
transition: .3s;
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
.l-h .sns ul li a:hover{
opacity: .5;
}
}
.l-h .ticket{
width: 190px;
height: 100%;
position: absolute;
top: 0px;
right: 0px;
background: #000;
}
.l-h .ticket a{
display: flex;
width: 100%;
height: 100%;
background: #000;
transition: .3s;
}
.l-h .hm{
width: 72px;
height: 72px;
position: absolute;
top: 0px;
right: 190px;
background: #fff;
border: none;
cursor: pointer;
padding: 0;
margin: 0;
transition: .3s;
}
.l-h .hm.open{
background: #000;
}
.l-h .hm .line{
position: relative;
width: 40px;
height: 12px;
margin: 0 auto;
display: block;
margin: 0 auto;
}
.l-h .hm .line::before{
width: 100%;
height: 1px;
content: "";
position: absolute;
top: 0;
left: 0;
background: #000;
transition: .3s;
}
.l-h .hm .line::after{
width: 100%;
height: 1px;
content: "";
position: absolute;
bottom: 0;
left: 0;
background: #000;
transition: .3s;
}
.l-h .hm.open .line::before{
top: 50%;
transform: translateY(-50%) rotate(25deg);
background: #fff;
}
.l-h .hm.open .line::after{
bottom: 50%;
transform: translateY(50%) rotate(-25deg);
background: #fff;
}
.l-h .hm .text{
font-family: "Roboto", sans-serif;
font-size: 13px;
line-height: 1;
font-weight: 300;
color: #000;
letter-spacing: 1px;
margin: 10px 0 0 0;
display: block;
transition: .3s;
}
.l-h .hm.open .text{
color: #fff;
}
.m-gn{
width: 100%;
height: 100dvh;
position: fixed;
top: 0;
left: 0;
z-index: 3;
visibility: hidden;
pointer-events: none;
}
.m-gn.open {
visibility: visible;
pointer-events: auto;
}
.m-gn .b{
margin: 72px 0 0 0;
background: #222;
z-index: 3;
opacity: 0;
transition: .3s;
position: relative;
}
.m-gn.open .b{
opacity: 1;
}
.m-gn .b .i{
display: flex;
flex-wrap: wrap;
gap: 0 40px;
padding: 40px 40px;
max-width: 1280px;
margin:0 auto;
}
.m-gn .b .i .block {
flex: 1 1 0;
min-width: 0;
}
.m-gn .b .i .block:nth-child(2) {
flex-grow: 1.4;
}
.m-gn .b .i .block .ttl{
font-size: 1.4rem;
letter-spacing: 1px;
font-family: "Roboto", sans-serif;
line-height: 1;
color: #fff;
position: relative;
font-weight: 600;
}
.m-gn .b .i .block .ttl::before{
width: 100%;
height: 1px;
content: '';
background: #aaa;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.m-gn .b .i .block .ttl span{
background: #222;
padding: 0 10px 0 0;
position: relative;
}
.m-gn .b .i .block .navi{
margin: 20px 0 0 0;
list-style: none;
display: grid;
gap: 16px 20px;
}
.m-gn .b .i .block .navi.type-1{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.m-gn .b .i .block .navi.type-2{
display: block;
column-count: 2;
column-gap: 20px;
}
.m-gn .b .i .block .navi li{
font-size: 1.6rem;
letter-spacing: 1px;
font-weight: 400;
line-height: 1.5;
white-space: nowrap;
}
.m-gn .b .i .block .navi li a{
text-decoration: none;
color: #fff;
position: relative;
padding: 0 0 0 34px;
display: block;
transition: .3s;
}
.m-gn .b .i .block .navi.type-1 li a::before{
width: 24px;
height: 24px;
content: "";
background: url(//sunrisetokyo.com/cp-bin/wordpress/wp-content/themes/sunriseonline2026/images/ic-cal.svg) no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
}
.m-gn .b .i .block .navi.type-2 li a::before{
width: 24px;
height: 23px;
content: "";
background: url(//sunrisetokyo.com/cp-bin/wordpress/wp-content/themes/sunriseonline2026/images/ic-ticket.svg) no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
}
.m-gn .b .i .block .navi.type-3 li a::before{
width: 0;
height: 0;
content: "";
border-left: 6px solid #D9D9D9;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
position: absolute;
top: 8px;
left: 10px;
}
.m-gn .b .i .block .navi.type-2 li{
break-inside: avoid;
margin-bottom: 16px;
}
.m-gn .bg{
width: 100%;
height: 100dvh;
background: #000;
opacity: 0;
z-index: 1;
transition: .3s;
position: absolute;
top: 0;
left: 0;
}
.m-gn.open .bg{
opacity: .5;
}
.m-gn .b .sns{
display: none;
}
.l-sph {
display: none;
}
@media (max-width: 1026px) and (min-width: 769px) {
.l-h .logo{
width: 320px;
position: absolute;
top: 28px;
left: 20px;
}
.l-h .sns {
position: absolute;
top: 24px;
right: 274px;
}
.l-h .sns ul{
display: flex;
gap: 0 14px;
}
.l-h .sns ul li{
width: 26px;
}
}
@media (max-width: 1130px) and (min-width: 769px) {
.m-gn .b .i{
display: grid;
grid-template-columns: 1fr 2.2fr 1fr;
gap: 0 30px;
}
.m-gn .b .i .block {
min-width: 0;
}
.m-gn .b .i .block .navi li {
font-size: 1.3rem;
}
.m-gn .b .i .block:nth-child(1) .navi li a {
white-space: nowrap;
}
}
@media screen and (max-width: 768px){
.l-h{
width: 100%;
height: 64px;
position: relative;
top: 0;
background: #fff;
z-index: 1;
}
.l-h .logo{
width: 317px;
position: absolute;
top: 20px;
left: 0;
right: 0;
margin: auto;
}
.l-h .sns{
display: none;
}
.l-h .ticket{
display: none;
}
.l-h .hm{
display: none;
} .l-sph {
--sph-scale: calc((100vw - 375px) / 393);
position: fixed;
z-index: 100;
bottom: 0;
left: 0;
width: 100%;
display: block;
transform: translateY(100%);
transition: transform 0.4s ease;
background: #fff;
}
.l-sph.show {
transform: translateY(0);
}
.l-sph .b {
display: flex;
width: 100%; height: calc(48px + (24 * var(--sph-scale)));
} .l-sph .hm { flex: 0 0 calc(48px + (24 * var(--sph-scale)));
width: calc(48px + (24 * var(--sph-scale)));
height: 100%;
background: #fff;
border: none;
cursor: pointer;
padding: 0;
margin: 0;
transition: .3s;
}
.l-sph .hm.open {
background: #000;
}
.l-sph .hm .line {
position: relative; width: calc(32px + (8 * var(--sph-scale))); height: calc(9px + (3 * var(--sph-scale)));
margin: 0 auto;
display: block;
}
.l-sph .hm .line::before {
width: 100%;
height: 1px;
content: "";
position: absolute;
top: 0;
left: 0;
background: #000;
transition: .3s;
}
.l-sph .hm .line::after {
width: 100%;
height: 1px;
content: "";
position: absolute;
bottom: 0;
left: 0;
background: #000;
transition: .3s;
}
.l-sph .hm.open .line::before {
top: 50%;
transform: translateY(-50%) rotate(25deg);
background: #fff;
}
.l-sph .hm.open .line::after {
bottom: 50%;
transform: translateY(50%) rotate(-25deg);
background: #fff;
}
.l-sph .hm .text {
font-family: "Roboto", sans-serif; font-size: calc(10px + (3 * var(--sph-scale)));
line-height: 1;
font-weight: 300;
color: #000;
letter-spacing: 1px; margin-top: calc(8px + (2 * var(--sph-scale)));
display: block;
transition: .3s;
}
.l-sph .hm.open .text {
color: #fff;
} .l-sph .event {
flex: 1 1 auto;
min-width: 0;
}
.l-sph .event ul {
display: flex;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.l-sph .event li {
flex: 1 1 0;
min-width: 0; font-size: calc(0.427rem + 1.527vw);
line-height: 1;
}
.l-sph .event li.list {
border-right: 1px solid #fff;
}
.l-sph .event li a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background: #FAF8F8;
}
.l-sph .event li a span { padding-left: calc(28px + (10 * var(--sph-scale)));
position: relative;
white-space: nowrap;
} .l-sph .event li.list a span::before,
.l-sph .event li.search a span::before { width: calc(24px + (6 * var(--sph-scale)));
height: calc(24px + (6 * var(--sph-scale)));
content: "";
background-size: cover;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.l-sph .event li.list a span::before {
background-image: url(//sunrisetokyo.com/cp-bin/wordpress/wp-content/themes/sunriseonline2026/images/ic-cal-b.svg);
background-repeat: no-repeat;
}
.l-sph .event li.search a span::before {
background-image: url(//sunrisetokyo.com/cp-bin/wordpress/wp-content/themes/sunriseonline2026/images/ic-check.svg);
background-repeat: no-repeat;
} .l-sph .ticket { flex: 0 0 calc(109px + (55 * var(--sph-scale)));
width: calc(109px + (55 * var(--sph-scale)));
margin: 0;
}
.l-sph .ticket a {
display: block;
width: 100%;
height: 100%;
}
.l-sph .ticket img {
width: 100%;
height: 100%;
object-fit: contain;
}
.m-gn{
width: 100%;
height: calc(
100dvh - (48px + ((100vw - 375px) * 24 / 393))
);
position: fixed;
top: 0;
bottom: calc(
48px + ((100vw - 375px) * 24 / 393)
);
left: 0;
z-index: 2;
visibility: hidden;
pointer-events: none;
display: flex;
flex-direction: column;
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: contain;
}
.m-gn.open {
visibility: visible;
pointer-events: auto;
}
.m-gn .b{
background: #222;
z-index: 3;
opacity: 0;
transition: .3s;
position: relative;
max-height: 100%;
overflow-y: auto; margin-top: auto; max-height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
.m-gn.open .b{
opacity: 1;
}
.m-gn .b .i{
display: flex;
flex-wrap: wrap;
gap: 30px 0 ;
padding: 20px 20px;
max-width: 1280px;
margin:0 auto;
}
.m-gn .b .i .block {
flex: none;
width: 100%;
min-width: 0;
}
.m-gn .b .i .block:nth-child(2) {
flex-grow:unset;
}
.m-gn .b .i .block .ttl{
font-size: 1.2rem;
letter-spacing: 1px;
font-family: "Roboto", sans-serif;
line-height: 1;
color: #fff;
position: relative;
font-weight: 600;
}
.m-gn .b .i .block .ttl::before{
width: 100%;
height: 1px;
content: '';
background: #aaa;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.m-gn .b .i .block .ttl span{
background: #222;
padding: 0 10px 0 0;
position: relative;
}
.m-gn .b .i .block .navi{
margin: 20px 0 0 0;
list-style: none;
display: grid;
gap: 16px 20px;
}
.m-gn .b .i .block .navi.type-1{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.m-gn .b .i .block .navi.type-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.m-gn .b .i .block .navi.type-3{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.m-gn .b .i .block .navi li{
font-size: 1.3rem;
letter-spacing: .4px;
font-weight: 400;
line-height: 1.5;
}
.m-gn .b .i .block .navi li a{
text-decoration: none;
color: #fff;
position: relative;
}
.m-gn .b .i .block .navi li a{
padding: 0 0 0 34px;
display: block;
}
.m-gn .b .i .block .navi.type-1 li a::before{
width: 24px;
height: 24px;
content: "";
background: url(//sunrisetokyo.com/cp-bin/wordpress/wp-content/themes/sunriseonline2026/images/ic-cal.svg) no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
}
.m-gn .b .i .block .navi.type-2 li a::before{
width: 24px;
height: 23px;
content: "";
background: url(//sunrisetokyo.com/cp-bin/wordpress/wp-content/themes/sunriseonline2026/images/ic-ticket.svg) no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
}
.m-gn .b .i .block .navi.type-3 li a::before{
width: 0;
height: 0;
content: "";
border-left: 6px solid #D9D9D9;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
position: absolute;
top: 8px;
left: 10px;
}
.m-gn .b .sns{
display: block;
width: 100%;
padding: 0 0 20px 0;
}
.m-gn .b .sns ul{
display: flex;
gap: 0 20px;
justify-content: center;
}
.m-gn .b .sns ul li{
width: 32px;
}
.m-gn .b .sns ul li a img {
filter: brightness(0) invert(1);
}
.m-gn.open .bg{
opacity: .5;
}
}
   .l-u{
background: #eee;
}
.l-u .lsh{
width: 100%;
margin: 0;
}
.l-u .lsh img{
width: 100%;
}
.l-u .b{
background: #fff;
padding: 64px 80px 80px 80px;
}
.l-u .b .l-u-youtube{
max-width:1280px ;
margin: 0 auto 0 80px;
}
.l-u .b .l-u-youtube .label{
font-size: 2.4rem;
color: #000;
line-height: 1.4;
font-weight: 500;
letter-spacing: 1px;
}
.l-u .b .l-u-youtube .label a{
transition: .3s;
}
.l-u .b .l-u-youtube .label a span{
position: relative;
padding: 0 0 0 46px;
}
.l-u .b .l-u-youtube .label a span::before{
width: 30px;
height: 21px;
content: "";
background: url(//sunrisetokyo.com/cp-bin/wordpress/wp-content/themes/sunriseonline2026/images/obj-youtube.svg) no-repeat;
background-size: cover;
position: absolute;
top: 7px;
left: 0;
}
.l-u .b .l-u-youtube{
max-width:1280px ;
margin: 0 auto 80px auto;
}
.l-u .b .l-u-youtube .l{
display: grid;
gap: 16px 16px;
grid-template-columns: repeat(5, minmax(0, 1fr));
margin: 30px 0 0 0;
}
.l-u .b .l-u-youtube .l .entry a {
display: block;
transition: .3s;
}
.l-u .b .l-u-youtube .l .entry a figure{
aspect-ratio: 242 / 136;
overflow: hidden;
position: relative;
margin: 0;
}
.l-u .b .l-u-youtube .l .entry a figure .tn{
width: 100%;
height: 100%;
object-fit: cover;
}
.l-u .b .l-u-youtube .l .entry a figure .layer{
position: absolute;
bottom:0;
left: 0;
}
.l-u .b .l-u-youtube .l .entry a .ttl{
font-size: 1rem;
color: #000;
line-height: 1.6;
font-weight: 400;
letter-spacing: .4px;
margin: 10px 0 0 0;
}
.l-u .b .l-u-youtube .l .entry:nth-child(6){
display: none;
}
.l-u .b .l-u-contact{
max-width:1280px ;
margin: 0 auto 0 auto;
}
.l-u .b .l-u-contact .c{
display: flex;
justify-content: center;
align-items: center;
}
.l-u .b .l-u-contact .c .contact{
flex: 1;
}
.l-u .b .l-u-contact .c .contact .ttl-jp{
font-size: 1.4rem;
line-height: 1.5;
font-weight: 500;
color: #666;
}
.l-u .b .l-u-contact .c .contact .ttl-en{
font-size: 3.6rem;
line-height: 1;
color: #000;
font-weight: 700;
font-family: "Roboto", sans-serif;
margin: 6px 0 0 0;
position: relative;
letter-spacing: 1px;
}
.l-u .b .l-u-contact .c .contact .ttl-en::before{
width: 100%;
height: 1px;
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
background: #ccc;
}
.l-u .b .l-u-contact .c .contact .ttl-en span{
background: #fff;
position: relative;
padding: 0 16px 0 0;
}
.l-u .b .l-u-contact .c .contact .desc{
font-size: 1.6rem;
line-height: 1.5;
color: #222;
margin: 20px 0 0 0;
}
.l-u .b .l-u-contact .c .contact .tel{
margin: 20px 0 0 0;
display: flex;
align-items: center;
}
.l-u .b .l-u-contact .c .contact .tel .number{
font-size: 3.4rem;
line-height: 1;
color: #000;
font-weight: 800;
font-family: "Roboto", sans-serif;
position: relative;
letter-spacing: 1px;
}
.l-u .b .l-u-contact .c .contact .tel .number a{
transition: .3s;
display: inline-block;
}
.l-u .b .l-u-contact .c .contact .tel .number a span{
display: block;
padding: 0 0 0 48px;
}
.l-u .b .l-u-contact .c .contact .tel .number a span::before{
width: 32px;
height: 32px;
content: "";
background: url(//sunrisetokyo.com/cp-bin/wordpress/wp-content/themes/sunriseonline2026/images/ic-headphones.svg) no-repeat;
background-size: cover;
position: absolute;
top: 0px;
left: 0;
}
.l-u .b .l-u-contact .c .contact .tel .time{
font-size: 1.4rem;
line-height: 1.6;
color: #222;
letter-spacing: 1px;
flex: 1;
padding: 0 0 0 10px;
}
.l-u .b .l-u-contact .c .recruit{
width: 42%;
}
.l-u .b .l-u-contact .c .recruit figure a{
transition: .3s;
}
.l-u .b .l-u-contact .c .recruit figure{
margin: 0 0 0 40px;
}
.l-u .b .l-u-contact .c .recruit figure .v-pc{
display: block;
}
.l-u .b .l-u-contact .c .recruit figure .v-sp{
display: none;
}
.l-u-bl{
max-width:1280px ;
margin: 80px auto 0px auto;
}
.l-u-bl ul{
display: grid;
gap: 20px 20px;
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.l-u-bl ul li a{
transition: .3s;
}
.l-f{
background: #000;
padding: 80px 0;
}
.l-f .b{
padding: 0px 40px;
margin: 0 0 80px 0;
}
.l-f .b .i{
display: flex;
flex-wrap: wrap;
gap: 0 40px;
max-width: 1120px;
margin:0 auto;
}
.l-f .b .i .block {
flex: 1 1 0;
min-width: 0;
}
.l-f .b .i .block:nth-child(2) {
flex-grow: 1.4;
}
.l-f .b .i .block .ttl{
font-size: 1.4rem;
letter-spacing: 1px;
font-family: "Roboto", sans-serif;
line-height: 1;
color: #fff;
position: relative;
font-weight: 600;
}
.l-f .b .i .block .ttl::before{
width: 100%;
height: 1px;
content: '';
background: #aaa;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.l-f .b .i .block .ttl span{
background: #222;
padding: 0 10px 0 0;
position: relative;
}
.l-f .b .i .block .navi{
margin: 20px 0 0 0;
list-style: none;
display: grid;
gap: 16px 20px;
}
.l-f .b .i .block .navi.type-1{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.l-f .b .i .block .navi.type-2{
display: block;
column-count: 2;
column-gap: 20px;
}
.l-f .b .i .block .navi li{
font-size: 1.6rem;
letter-spacing: 1px;
font-weight: 400;
line-height: 1.5;
white-space: nowrap;
}
.l-f .b .i .block .navi li a{
text-decoration: none;
color: #fff;
position: relative;
padding: 0 0 0 34px;
display: block;
transition: .3s;
}
.l-f .b .i .block .navi.type-1 li a::before{
width: 24px;
height: 24px;
content: "";
background: url(//sunrisetokyo.com/cp-bin/wordpress/wp-content/themes/sunriseonline2026/images/ic-cal.svg) no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
}
.l-f .b .i .block .navi.type-2 li a::before{
width: 24px;
height: 23px;
content: "";
background: url(//sunrisetokyo.com/cp-bin/wordpress/wp-content/themes/sunriseonline2026/images/ic-ticket.svg) no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
}
.l-f .b .i .block .navi.type-3 li a::before{
width: 0;
height: 0;
content: "";
border-left: 6px solid #D9D9D9;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
position: absolute;
top: 9px;
left: 10px;
}
.l-f .b .i .block .navi.type-2 li {
break-inside: avoid;
margin-bottom: 16px;
}
.l-f .bl{
padding: 0px 40px;
margin: 0 0 30px 0;
}
.l-f .bl ul{
max-width: 1240px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 20px;
}
.l-f .bl ul li{
display: flex;
}
.l-u-bl ul {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 20px;
}
.l-u-bl ul li {
height: 100px;
width: auto;
}
.l-u-bl ul li a {
display: block;
height: 100%;
transition: .3s;
}
.l-u-bl ul li a img {
display: block;
width: auto;
height: 100%;
object-fit: contain;
}
.l-f .u{
padding: 0px 40px;
}
.l-f .u .i{
max-width: 1240px;
margin: 0 auto;
border-top: 1px solid #666;
padding:30px 0 0 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
.l-f .u .i .c{
display: flex;
flex-wrap: wrap;
}
.l-f .u .i .c .cr{
font-size: 1.3rem;
letter-spacing: .4px;
font-weight: 400;
line-height: 1.5;
color: #fff;
}
.l-f .u .i .c .navi{
padding: 0 0 0 20px;
display: flex;
flex-wrap: wrap;
gap: 10px 20px;
}
.l-f .u .i .c .navi li{
font-size: 1.3rem;
letter-spacing: .4px;
font-weight: 400;
line-height: 1.5;
color: #fff;
}
.l-f .u .i .c .navi li a{
color: #fff;
transition: .3s;
text-decoration: underline;
text-underline-offset: .2em;
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
.l-f .u .i .c .navi li a:hover{
text-decoration: none;
}
}
.l-f .u .i .sns nav ul{
display: flex;
gap: 12px;
}
.l-f .u .i .sns nav ul li{
width: 32px;
}
.l-f .u .i .sns nav ul li a{
transition: .3s;
}
.l-f .u .i .sns nav ul li a img{
filter: brightness(0) invert(1);
}
@media (max-width: 1130px) and (min-width: 769px) {
.l-f .b .i {
display: grid;
grid-template-columns: 1fr 2.2fr 1fr;
gap: 0 30px;
}
.l-f .b .i .block {
min-width: 0;
}
.l-f .b .i .block .navi li {
font-size: 1.3rem;
}
.l-f .b .i .block:nth-child(1) .navi li a {
white-space: nowrap;
}
}
@media (max-width: 899px) and (min-width: 769px) {
.l-f .u .i .sns nav ul{
gap: 10px;
}
.l-f .u .i .sns nav ul li{
width: 24px;
}
}
@media (max-width: 1200px) and (min-width: 601px) {
.l-u .b .l-u-youtube .l{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.l-u .b .l-u-youtube .l .entry:nth-child(6){
display: block;
}
}
@media screen and (max-width: 768px){
.l-u .b{
background: #fff;
padding: 32px 20px 40px 20px;
}
.l-u .b .l-u-youtube{
max-width:1280px ;
margin: 0 auto 0 40px;
}
.l-u .b .l-u-youtube .label{
font-size: 1.5rem;
color: #000;
line-height: 1.4;
font-weight: 500;
letter-spacing: .4px;
}
.l-u .b .l-u-youtube .label a span{
position: relative;
padding: 0 0 0 38px;
}
.l-u .b .l-u-youtube .label a span::before{
width: 30px;
height: 21px;
content: "";
background: url(//sunrisetokyo.com/cp-bin/wordpress/wp-content/themes/sunriseonline2026/images/obj-youtube.svg) no-repeat;
background-size: cover;
position: absolute;
top: 2px;
left: 0;
}
.l-u .b .l-u-youtube{
max-width:1280px ;
margin: 0 auto 60px auto;
}
.l-u .b .l-u-youtube .l .entry a .ttl{
font-size: 1rem;
color: #000;
line-height: 1.6;
font-weight: 400;
letter-spacing: .4px;
margin: 10px 0 0 0;
}
.l-u .b .l-u-youtube .l .entry:nth-child(6){
display: block;
}
.l-u .b .l-u-contact{
max-width:1280px ;
margin: 0 auto 0 auto;
}
.l-u .b .l-u-contact .c{
display: block;
justify-content: center;
align-items: center;
}
.l-u .b .l-u-contact .c .contact{
flex: none;
}
.l-u .b .l-u-contact .c .contact .ttl-jp{
font-size: 1.4rem;
line-height: 1;
color: #666;
}
.l-u .b .l-u-contact .c .contact .ttl-en{
font-size: 2.4rem;
line-height: 1;
color: #000;
font-weight: 700;
font-family: "Roboto", sans-serif;
margin: 6px 0 0 0;
position: relative;
letter-spacing: 1px;
}
.l-u .b .l-u-contact .c .contact .ttl-en::before{
width: 100%;
height: 1px;
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
background: #ccc;
}
.l-u .b .l-u-contact .c .contact .ttl-en span{
background: #fff;
position: relative;
padding: 0 16px 0 0;
}
.l-u .b .l-u-contact .c .contact .desc{
font-size: 1.4rem;
line-height: 1.5;
color: #222;
margin: 20px 0 0 0;
}
.l-u .b .l-u-contact .c .contact .tel{
margin: 20px 0 0 0;
display: block;
align-items: center;
}
.l-u .b .l-u-contact .c .contact .tel .number{
font-size: 2.6rem;
line-height: 1;
color: #000;
font-weight: 800;
font-family: "Roboto", sans-serif;
position: relative;
letter-spacing: 1px;
}
.l-u .b .l-u-contact .c .contact .tel .number a{
transition: .3s;
display: inline-block;
}
.l-u .b .l-u-contact .c .contact .tel .number a span{
display: block;
padding: 0 0 0 44px;
}
.l-u .b .l-u-contact .c .contact .tel .number a span::before{
width: 32px;
height: 32px;
content: "";
background: url(//sunrisetokyo.com/cp-bin/wordpress/wp-content/themes/sunriseonline2026/images/ic-headphones.svg) no-repeat;
background-size: cover;
position: absolute;
top: -4px;
left: 0;
}
.l-u .b .l-u-contact .c .contact .tel .time{
font-size: 1.3rem;
line-height: 1.6;
color: #222;
letter-spacing: .4px;
flex: none;
padding:10px 0 0 0 ;
}
.l-u .b .l-u-contact .c .recruit{
width: 100%;
}
.l-u .b .l-u-contact .c .recruit figure a{
transition: .3s;
}
.l-u .b .l-u-contact .c .recruit figure{
margin: 20px auto 0 auto;
max-width: 340px;
}
.l-u .b .l-u-contact .c .recruit figure .v-pc{
display: none;
}
.l-u .b .l-u-contact .c .recruit figure .v-sp{
display: block;
}
.l-u-bl{
max-width:1280px ;
margin: 30px auto 0px auto;
}
.l-u-bl ul {
display: grid;
gap: 20px;
max-width:280px ;
margin: 0px auto 0px auto;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.l-u-bl ul li {
height: auto;
}
.l-u-bl ul li a {
height: auto;
transition: .3s;
}
.l-u-bl ul li a img {
width: 100%;
height: auto;
}
.l-f{
background: #000;
padding: 40px 0 90px 0;
}
.l-f .b{
display: none;
}
.l-f .bl {
padding: 0 20px;
margin: 0 0 30px 0;
}
.l-f .bl ul {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px 4px;
width: 100%;
margin: 0;
}
.l-f .bl ul li {
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
min-height: 60px;
}
.l-f .bl ul li a {
display: block;
width: 100%;
}
.l-f .bl ul li img {
display: block;
width: 100%;
height: 60px;
object-fit: contain;
}
.l-f .u{
padding: 0px 20px;
}
.l-f .u .i{
max-width: 1240px;
margin: 0 auto;
border-top: none;
padding:0 0 0 0;
display: block;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
.l-f .u .i .c{
display: block;
flex-wrap: wrap;
}
.l-f .u .i .c .cr{
font-size: 1.2rem;
letter-spacing: .2px;
font-weight: 400;
line-height: 1.5;
text-align: center;
color: #fff;
}
.l-f .u .i .c .navi{
padding: 20px 0 0 0 ;
display: flex;
flex-wrap:wrap;
justify-content:center;
gap: 10px 20px;
}
.l-f .u .i .c .navi li{
font-size: 1.2rem;
letter-spacing: .4px;
font-weight: 400;
line-height: 1.5;
color: #fff;
}
.l-f .u .i .c .navi li a{
color: #fff;
transition: .3s;
text-decoration: underline;
text-underline-offset: .2em;
}
.l-f .u .i .sns{
margin: 40px 0 0 0;
}
.l-f .u .i .sns nav ul{
display: flex;
flex-wrap:wrap;
justify-content:center;
gap: 24px;
}
.l-f .u .i .sns nav ul li{
width: 32px;
}
}
@media (max-width:1420px) and (min-width: 769px) {
.l-u .b .l-u-contact .c .contact .tel{
display: block;
}
.l-u .b .l-u-contact .c .contact .tel .time{
padding: 10px 0 0 0;
}
}
@media (max-width: 899px) and (min-width: 769px) {
.l-f .u .i .c .cr{
font-size: 1rem;
}
.l-f .u .i .c .navi li{
font-size: 1rem;
}
}
@media screen and (max-width: 600px){
.l-u .b .l-u-youtube .l{
display: grid;
gap: 16px 16px;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin: 30px 0 0 0;
}
}
html.remodal-is-locked {
overflow: hidden;
touch-action: none;
} .remodal,
[data-remodal-id] {
display: none;
} .remodal-overlay {
position: fixed;
z-index: 9999;
top: -5000px;
right: -5000px;
bottom: -5000px;
left: -5000px;
display: none;
} .remodal-wrapper {
position: fixed;
z-index: 10000;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: auto;
text-align: center;
-webkit-overflow-scrolling: touch;
}
.remodal-wrapper:after {
display: inline-block;
height: 100%;
margin-left: -0.05em;
content: "";
} .remodal-overlay,
.remodal-wrapper {
backface-visibility: hidden;
} .remodal {
position: relative;
outline: none;
text-size-adjust: 100%;
}
.remodal-is-initialized { display: inline-block;
}
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
filter: blur(3px);
} .remodal-overlay {
background: rgba(43, 46, 56, 0.9);
}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
animation-duration: 0.3s;
animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening {
animation-name: remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing {
animation-name: remodal-overlay-closing-keyframes;
} .remodal-wrapper {
padding: 10px 10px 0;
} .remodal {
box-sizing: border-box;
width: 100%;
margin-bottom: 10px;
padding: 35px;
transform: translate3d(0, 0, 0);
color: #2b2e38;
background: #fff;
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
animation-duration: 0.3s;
animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
animation-name: remodal-opening-keyframes;
}
.remodal.remodal-is-closing {
animation-name: remodal-closing-keyframes;
} .remodal,
.remodal-wrapper:after {
vertical-align: middle;
} .remodal-close {
position: absolute;
top: 0;
left: 0;
display: block;
overflow: visible;
width: 35px;
height: 35px;
margin: 0;
padding: 0;
cursor: pointer;
transition: color 0.2s;
text-decoration: none;
color: #95979c;
border: 0;
outline: 0;
background: transparent;
}
.remodal-close:hover,
.remodal-close:focus {
color: #2b2e38;
}
.remodal-close:before {
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
font-size: 25px;
line-height: 35px;
position: absolute;
top: 0;
left: 0;
display: block;
width: 35px;
content: "\00d7";
text-align: center;
} .remodal-confirm,
.remodal-cancel {
font: inherit;
display: inline-block;
overflow: visible;
min-width: 110px;
margin: 0;
padding: 12px 0;
cursor: pointer;
transition: background 0.2s;
text-align: center;
vertical-align: middle;
text-decoration: none;
border: 0;
outline: 0;
}
.remodal-confirm {
color: #fff;
background: #81c784;
}
.remodal-confirm:hover,
.remodal-confirm:focus {
background: #66bb6a;
}
.remodal-cancel {
color: #fff;
background: #e57373;
}
.remodal-cancel:hover,
.remodal-cancel:focus {
background: #ef5350;
} .remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
padding: 0;
border: 0;
} @keyframes remodal-opening-keyframes {
from {
transform: scale(1.05);
opacity: 0;
}
to {
transform: none;
opacity: 1;
filter: blur(0);
}
}
@keyframes remodal-closing-keyframes {
from {
transform: scale(1);
opacity: 1;
}
to {
transform: scale(0.95);
opacity: 0;
filter: blur(0);
}
}
@keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
} @media only screen and (min-width: 769px) {
.remodal {
max-width: 700px;
}
}
@media only screen and (max-width: 768px) {
.remodal {
width: 100%;
}
} .lt-ie9 .remodal-overlay {
background: #2b2e38;
}
.lt-ie9 .remodal {
width: 700px;
}

body {
background-color: #fff;
}
.acf-map {
width: 100%;
height: 400px;
border: #ccc solid 1px;
margin: 20px 0;
}
.embed-map {
width: 100%;
height: auto;
margin: 20px 0;
}
.embed-map-iframe{
width: 100%;
height: auto;
}
.embed-map-iframe iframe{
width: 100%;
aspect-ratio: 16/9;
border: #ccc solid 1px;
}  .detailMainVisual__image {
width: 780px;
height: 520px;
display: block;
margin: 0 auto;
position: relative;
z-index: 1;
}  .detailInfo {
background-color: #f3f3f3;
padding: 50px 0;
}
.detailInfo__inner {
width: 1200px;
margin: 0 auto;
}
.detailInfo__titleArea {
display: flex;
position: relative;
margin-bottom: 50px;
}
.detailInfo__titleArea-categoryArea {
display: flex;
flex-flow: row wrap;
margin-top: 20px;
}
.detailInfo__titleArea-category {
min-width: 100px;
text-align: center;
margin-right: 10px;
}
.detailInfo__titleArea-category__link {
color: #fff;
font-size: 1.7rem;
letter-spacing: 0.06em;
padding: 7px;
display: block;
}
.detailInfo__titleArea-titleInfo {
margin-left: 35px;
width: 930px;
}
.detailInfo__titleArea-title {
font-size: 3.5rem;
font-weight: bold;
margin-bottom: 30px;
line-height: 1.4;
}
.detailInfo__titleArea-info-date {
margin-bottom: 20px;
}
.detailInfo__titleArea-info-date_box {
display: table-cell;
vertical-align: middle;
}
.detailInfo__titleArea-info-date i {
font-size: 1.8rem;
color: #888;
width: 16px;
text-align: center;
vertical-align: middle;
display: table-cell;
padding-right: 20px;
}
.detailInfo__titleArea-info-date-days {
font-size: 2.4rem;
letter-spacing: 0.05em; font-weight: bold;
}
.detailInfo__titleArea-info-date-time {
font-size: 2.2rem;
letter-spacing: 0.1em;
font-weight: bold;
margin-left: 50px;
}
.detailInfo__titleArea-info-place i {
font-size: 1.8rem;
color: #888;
width: 16px;
text-align: center;
}
.detailInfo__titleArea-info-place span {
font-size: 2.4rem;
letter-spacing: 0.05em;
margin-left: 20px;
font-weight: bold;
}
.detailInfo__ticket {
position: relative;
top: 0;
right: 0;
}
.detailInfo__ticket-btn {
color: #fff;
font-size: 1.4rem;
font-weight: bold;
line-height: 1.4;
display: block;
padding: 12px 45px 12px;
background-color: #0090b6;
border-radius: 40px;
}
.detailInfo__ticket-notice01 {
text-align: center;
margin-top: 10px;
color: #0090b6;
line-height: 1.6;
}
.detailInfo__ticket-notice02 {
text-align: center;
font-size: 1.3rem;
margin-top: 10px;
color: #0090b6;
line-height: 1.6;
}   .todaysTicket {
display: flex;
padding: 40px 30px;
background-color: #fff;
justify-content: space-between;
}
.todaysTicket__tag {
width: 200px;
}
.todaysTicket__title {
color: #fff;
font-size: 1.6rem;
letter-spacing: 0.06em;
width: 118px;
padding: 5px;
text-align: center;
margin-right: 30px;
}
.todaysTicket__title.bgcolor01 {
background-color: #c93333;
}
.todaysTicket__title.bgcolor02 {
background-color: #acb3b6;
}
.news__text {
color: #c93333;
font-size: 1.6rem;
line-height: 1.8;
letter-spacing: 0.06em;
width: 935px;	
}
.news__text p {
margin-bottom: 20px;
}
.news__text a {
text-decoration: underline;
color: #c93333;
}  .todaysInfo {
display: flex;
padding: 40px 30px;
align-items: center;
background-color: #fff;
margin-top: 20px;
}
.todaysInfo__tag {
width: 200px;
}
.todaysInfo__title {
color: #fff;
background-color: #0090b6;
font-size: 1.6rem;
letter-spacing: 0.06em;
width: 118px;
padding: 5px;
text-align: center;
margin-right: 30px;
}
.todaysInfo__text {
color: #333;
font-size: 1.6rem;
line-height: 1.8;
letter-spacing: 0.06em;
width: 935px;
}
.todaysInfo__text__box {
margin-bottom: 15px;
}
.todaysInfo__text__box:last-child {
margin-bottom: 0;
}  .detailInfo__box01 {
width: 1200px;
background-color: #fff;
padding:  0px 40px 40px 40px ;
margin-top: 20px;
}
.detailInfo__box01 dl {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}
.detailInfo__ticketInfo {
align-items: center;
}
.detailInfo__box01 dt {
font-size: 1.8rem;
line-height: 1.8;
letter-spacing: 0.06em;
font-weight: bold;
width: 180px;
}
.detailInfo__box01 dd {
font-size: 1.6rem;
line-height: 1.8;
letter-spacing: 0.06em;
width: 915px;
}
.detailInfo__mapInfo {
font-size: 1.8rem;
line-height: 1.8;
letter-spacing: 0.06em;
font-weight: bold;
}
.detailInfo__mapInfo span {
position: relative;
cursor: pointer;
}
.detailInfo__mapInfo span::after {
display: block;
content: "";
position: absolute;
background: url(//sunrisetokyo.com/images/common/all/open_icon01.png) no-repeat 0 0;
background-size: 22px 22px;
width: 22px;
height: 22px;
top: 50%;
left: 100%;
margin-top: -11px;
margin-left: 8px;
}
.detailInfo__mapInfo span.open::after {
transform: rotate(180deg);
}
.detailInfo__mapInfo-title {
display: inline-block;
}
.detailInfo__mapInfo-map { }  .detailInfo__box02 {
width: 1200px;
background-color: #fff;
padding: 50px;
margin-top: 50px;
}
.detailInfo__tikect__btn {
margin-top: 25px;
}
.detailInfo__tikect__btn__link {
background-color: #0090b6;
color: #fff;
font-size: 2.0rem;
font-weight: bold;
letter-spacing: 0.02em;
display: block;
padding: 30px;
width: 480px;
text-align: center;
margin: 0 auto;
position: relative;
border-radius: 40px;
} .detailInfo__tikectListArea {
border-top: 1px solid #eee;
margin-top: 50px;
padding-top: 40px;
}
.detailInfo__ticketList {
padding: 0 10px;
}
.detailInfo__ticketList__item {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.detailInfo__ticketList__item-company { text-align: center;
border: 1px solid #ddd;
}
.detailInfo__ticketList__item-company img {
width: 220px;
min-width: 220px;
} .detailInfo__ticketList__item-info {
font-size: 1.6rem;
letter-spacing: 0.08em;
line-height: 1.4;
margin-left: 30px;
width: 950px;
}
.tetailInfo__ticketListArea__text {
font-size: 1.4rem;
letter-spacing: 0.06em;
line-height: 1.8;
padding: 0 10px;
}  .detailInfo__artistArea {
margin-top: 50px;
}
.detailInfo__artist__title {
font-size: 1.8rem;
color: #0090b6;
letter-spacing: 0.06em;
font-weight: bold;
margin-bottom: 20px;
}
.detailInfo__artist {
display: flex;
}
.detailInfo__artist-image {
width: 165px;
margin-right: 40px;
}
.detailInfo__artist-info {
width: 990px;
}
.detailInfo__artist-info-name {
font-size: 2.0rem;
line-height: 1.3;
font-weight: bold;
margin-bottom: 15px;
}
.detailInfo__artist-info-url {
font-size: 1.6rem;
margin-bottom: 15px;
}
.detailInfo__artist-info-url a {
text-decoration: underline;
}
.detailInfo__artist-info-text {
font-size: 1.4rem;
letter-spacing: 0.05em;
line-height: 1.7;
margin-bottom: 10px;
}
.text_over-more {
color: #0090b6;
cursor: pointer;
}
.detailInfo__artist-info-sns {
}
.detailInfo__artist-info-sns a {
display: inline-block;
margin-right: 15px;
}
.detailInfo__artist-info-sns a:last-child {
margin-right: 0;
}
.detailInfo__artist-info-sns-fb,
.detailInfo__artist-info-sns-tw {
width: 35px;
}
.detailInfo__artist-info-sns-wiki {
width: 119px;
}
.detailInfo__artistMovie {
margin-top: 40px;
}
.detailInfo__artistMovie__title {
font-size: 1.6rem;
letter-spacing: 0.06em;
margin-bottom: 20px;
}
.detailInfo__artistMovie__title span {
vertical-align: middle;
}
.detailInfo__artistMovie__title::before {
display: inline-block;
content: "";
background: url(//sunrisetokyo.com/images/detail/detail_video_icon01.png) no-repeat 0 0;
background-size: 22px 16px;
width: 22px;
height: 16px;
vertical-align: middle;
margin-right: 10px;
}
.detailInfo__artistMovie__list {
display: flex;
justify-content: space-between;
flex-flow: row wrap;
}
.detailInfo__artistMovie__list__item {
width: 48%;
margin-bottom: 40px;
}
.detailInfo__artistMovie__list__item iframe {
width: 100%;
}  .detail__shere {
position: fixed;
top: 0;
right: 0;
z-index: 11;
}
.detail__share__btn {
width: 66px;
display: block;
border-bottom: 2px solid #fff;
}
.detail__share__btn:last-child {
border: none;
}  .detail_recommend__title {
font-size: 1.8rem;
letter-spacing: 0.06em;
font-weight: bold;
margin-bottom: 20px;
}
.detail_recommend {
padding: 35px;
background-color: #fff;
margin-bottom: 20px;
}
.detail_recommend__list {
display: flex;
}
.detail_recommend__list__item {
min-width: 210px;
max-width: 210px;
margin-right: 20px;
font-size: 1.4rem;
}
.detail_recommend__list__item:last-child {
margin-right: 0;
}
.detail_recommend__list__item__link {
display: block;
}
.detail_recommend__list__item-img {
width: 210px;
height: 210px;
}
.detail_recommend__list__item-title {
color: #0090b6;
font-weight: bold;
margin-top: 20px;
letter-spacing: 0.04em;
line-height: 1.4;
}
.detail_recommend__list__item-date {
color: #888;
margin-top: 10px;
letter-spacing: 0.1em;
} @media only screen and (max-width: 767px) { .detailMainVisual__image {
width: 100%;
height: auto;
display: block;
}
.detailMainVisual__image.ofi_contain {
width: 50%;
}  .detailInfo {
background-color: #f3f3f3;
padding: 25px 0;
}
.detailInfo__inner {
width: 100%;
}
.detailInfo__titleArea {
display: block;
margin: 0 auto;
width: 94.666%;
}
.detailInfo__titleArea-categoryArea {
margin-top: 10px;
}
.detailInfo__titleArea-category {
min-width: auto;
}
.detailInfo__titleArea-category__link {
color: #fff;
font-size: 1.0rem;
letter-spacing: 0.06em; padding: 3px 10px;
display: block;
}
.detailInfo__titleArea-titleInfo {
margin: 0 0 20px;
width: 100%;
}
.detailInfo__titleArea-title {
font-size: 2.1rem;
line-height: 1.3;
margin-bottom: 15px;
}
.detailInfo__titleArea-info-date {
margin-bottom: 5px;
display: table;
}
.detailInfo__titleArea-info-date_box {
display: table-cell;
padding-left: 10px;
}
.detailInfo__titleArea-info-date i {
font-size: 1.4rem;
color: #888;
width: 16px;
text-align: center;
display: table-cell;
padding-right: 0;
}
.detailInfo__titleArea-info-date span {
font-size: 1.4rem;
line-height: 1.4;
letter-spacing: 0.08em;
margin-left: 0;
font-weight: bold;
}
.detailInfo__titleArea-info-place {
display: table;
}
.detailInfo__titleArea-info-place i {
font-size: 1.4rem;
color: #888;
width: 16px;
text-align: center;
display: table-cell;
}
.detailInfo__titleArea-info-place span {
font-size: 1.4rem;
line-height: 1.4;
letter-spacing: 0.1em;
margin-left: 0;
padding-left: 10px;
font-weight: bold;
display: table-cell;
}
.detailInfo__ticket {
position: static;
}
.detailInfo__ticket-btn {
position: relative;
background-image: none;
padding: 15px 40px 15px;
background-color: #0090b6;
text-align: center;
}
.detailInfo__ticket-notice02 {
text-align: center;
font-size: 1.0rem;
margin-top: 10px;
color: #0090b6;
line-height: 1.6;
}   .todaysTicket {
width: 94.666%;
display: block;
margin: 30px auto 0;
padding: 15px 20px;
align-items: center;
background-color: #fff;
}
.todaysTicket__tag {
width: auto;
margin-bottom: 15px;
}
.todaysTicket__title {
font-size: 2.4vw;
color: #fff;
letter-spacing: 0.06em;
width: 110px;
max-width: 72px;
min-width: 68px;
padding: 5px;
text-align: center;
margin-right: 10px;
}
.news__text {
color: #c93333;
font-size: 3.2vw;
line-height: 1.4;
letter-spacing: 0.08em;
width: 100%;
}
.news__text p {
margin-bottom: 10px;
}  .todaysInfo {
width: 94.666%;
display: block;
margin: 30px auto 0;
padding: 15px 20px;
align-items: center;
background-color: #fff;
}
.todaysInfo__tag {
width: auto;
margin-bottom: 15px;
}
.todaysInfo__title {
font-size: 2.4vw;
color: #fff;
letter-spacing: 0.06em;
width: 110px;
max-width: 72px;
min-width: 68px;
padding: 5px;
text-align: center;
margin-right: 10px;
}
.todaysInfo__text {
color: #333;
font-size: 3.2vw;
line-height: 1.4;
letter-spacing: 0.08em;
width: 100%;
}  .detailInfo__box01 {
width: 94.666%;
padding: 35px 20px;
margin: 20px auto 0;
}
.detailInfo__box01 dl {
display: block;
margin-bottom: 30px;
}
.detailInfo__ticketInfo {
align-items: center;
}
.detailInfo__box01 dt {
font-size: 1.6rem;
line-height: 1.8;
letter-spacing: 0.06em;
font-weight: bold;
width: 100%;
}
.detailInfo__box01 dd {
font-size: 1.4rem;
line-height: 1.8;
letter-spacing: 0.06em;
width: 100%;
}
.detailInfo__mapInfo {
font-size: 1.6rem;
line-height: 1.8;
letter-spacing: 0.06em;
font-weight: bold;
}
.detailInfo__mapInfo span {
position: relative;
cursor: pointer;
}
.detailInfo__mapInfo span::after {
display: block;
content: "";
position: absolute;
background: url(//sunrisetokyo.com/images/common/all/open_icon01.png) no-repeat 0 0;
background-size: 18px 18px;
width: 18px;
height: 18px;
top: 50%;
left: 100%;
margin-top: -9px;
margin-left: 5px;
}
.detailInfo__mapInfo span.open::after {
transform: rotate(180deg);
}
.detailInfo__mapInfo-title {
}
.detailInfo__mapInfo-map {
}
.detailInfo__mapInfo-map iframe {
width: 100%;
height: auto;
}
.detailInfo__snsInfo {
margin-top: 20px;
}
.detailInfo__snsInfo__btn {
width: 50px;
display: inline-block;
margin-right: 10px;
}
.detailInfo__snsInfo__btn:last-child {
margin-right: 0;
}  .detailInfo__box02 {
width: 94.666%;
padding: 20px;
margin: 50px auto 0;
}
.detailInfo__tikect__btn {
margin-top: 25px;
}
.detailInfo__tikect__btn__link {
background-image: none;
background-color: #0090b6;
color: #fff;
font-size: 1.3rem;
letter-spacing: 0.02em;
line-height: 1.3;
display: block;
padding: 15px 35px 15px;
width: 100%;
margin: 0 auto;
text-align: center;
position: relative;
} .detailInfo__tikectListArea {
border-top: 1px solid #eee;
margin-top: 25px;
padding-top: 20px;
}
.detailInfo__ticketList {
padding: 0;
}
.detailInfo__ticketList__item {
display: block;
margin-bottom: 25px;
}
.detailInfo__ticketList__item-company {
width: 100%;
min-width: 80px;
text-align: center;
margin-bottom: 15px;
} .detailInfo__ticketList__item-info {
font-size: 1.3rem;
line-height: 1.7;
letter-spacing: 0.08em; margin-left: 0;
width: 100%;
}
.tetailInfo__ticketListArea__text {
font-size: 1.1rem;
letter-spacing: 0.06em;
line-height: 1.6;
padding: 0 10px;
}  .detailInfo__artistArea {
width: 94.666%;
margin: 30px auto;
}
.detailInfo__artist__title {
font-size: 1.4rem;
letter-spacing: 0.06em;
margin-bottom: 20px;
}
.detailInfo__artist {
display: flex;
}
.detailInfo__artist-image {
width: 100%;
max-width: 100px;
}
.detailInfo__artist-info {
margin-left: 15px;
width: 100%;
}
.detailInfo__artist-info-name {
font-size: 1.3rem;
margin-bottom: 15px;
}
.detailInfo__artist-info-url {
font-size: 1.3rem;
margin-bottom: 15px;
}
.detailInfo__artist-info-url a {
text-decoration: underline;
}
.detailInfo__artist-info-text {
font-size: 1.1rem;
letter-spacing: 0.05em;
line-height: 1.7;
margin-bottom: 10px;
}
.text_over-more {
color: #0090b6;
cursor: pointer;
}
.detailInfo__artist-info-sns {
display: flex;
align-items: center;
}
.detailInfo__artist-info-sns a {
display: inline-block;
margin-right: 15px;
}
.detailInfo__artist-info-sns-fb,
.detailInfo__artist-info-sns-tw {
width: 35px;
}
.detailInfo__artist-info-sns-wiki {
width: 113px;
}
.detailInfo__artistMovie {
margin-top: 40px;
}
.detailInfo__artistMovie__title {
font-size: 1.4rem;
letter-spacing: 0.06em;
margin-bottom: 20px;
}
.detailInfo__artistMovie__title span {
vertical-align: middle;
}
.detailInfo__artistMovie__title::before {
display: inline-block;
content: "";
background: url(//sunrisetokyo.com/images/detail/detail_video_icon01.png) no-repeat 0 0;
background-size: 17px 12px;
width: 17px;
height: 12px;
vertical-align: middle;
margin-right: 10px;
}
.detailInfo__artistMovie__list {
display: block;
justify-content: space-between;
flex-flow: row wrap;
}
.detailInfo__artistMovie__list__item {
width: 100%;
margin-bottom: 40px;
}
.detailInfo__artistMovie__list__item iframe {
width: 100%;
height: 200px;
}  .detail_recommend__title {
font-size: 1.4rem;
letter-spacing: 0.06em;
font-weight: bold;
margin-bottom: 20px;
padding: 0 10px;
}
.detail_recommend {
padding: 10px;
background-color: #fff;
margin-bottom: 20px;
}
.detail_recommend__list {
display: flex;
justify-content: space-between;
flex-flow: row wrap;
overflow-x: visible;
overflow-y: visible;
}
.detail_recommend__list__item {
min-width: auto;
max-width: none;
width: 49%;
margin-right: 0;
margin-bottom: 18px;
}
.detail_recommend__list__item:last-child {
margin-right: 0;
}
.detail_recommend__list__item__link {
display: block;
}
.detail_recommend__list__item-img {
width: 100%;
height: 170px;
}
.detail_recommend__list__item-title {
color: #0090b6;
font-weight: bold;
margin-top: 20px;
letter-spacing: 0.04em;
}
.detail_recommend__list__item-date {
color: #888;
margin-top: 10px;
letter-spacing: 0.1em;
} }