:root {--main_padding: 60px;--grid_gap: min(38px, 2vw)} @media only screen and (max-width: 835px) { :root { --main_padding: 40px} } .container {width: 90%;max-width: 1300px;margin: 0 auto;} h2.h_title {position: relative;display: inline-block;font-family: "Russo One", YakuHanJP, "Noto Sans JP", "Noto Sans", "メイリオ", "Meiryo", "MS PGothic", sans-serif;font-size: 70px;line-height: 1em;} h2.h_title::after {position: absolute;display: block;content: "";top: 0em;right: -4%;transform: translateX(100%);width: 0.6em;height: 0.6em;background: no-repeat top left url(../images/svg/blue_star.svg);background-size: contain;} h2.h_title img {width: auto;height: min(50px, 4vw);} .h_outer {position: relative;padding: min(50px, 4vw) 0} .h_outer .text_slide {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 120vw;height: 100%;display: flex} .h_outer .text_slide img {height: 100%;width: auto;animation: hor_move_r 20s linear infinite} .link_btn {position: relative;display: block;width: 320px;padding: 0.8em;font-size: 18px;font-weight: bold;color: #fff;background-color: #57dcdb;text-align: center;border-radius: 1000px;transition: 0.2s} .link_btn.arrow {padding-right: 2em} .link_btn.arrow::after {position: absolute;display: block;content: "";top: 50%;right: 1.5em;transform: translateY(-50%);height: 12px;width: 7px;background: no-repeat center url(../images/svg/right_arrow.svg);background-size: contain} .link_btn.alt {background-color: #1696BC} .link_btn:hover {transform: translateY(-3px)} @media only screen and (max-width: 835px) { h2.h_title { font-size: 40px} .h_outer { text-align: left; padding: min(50px, 8vw) 0} .link_btn { width: 260px; font-size: 16px; padding: 0.8em} } #fv {position: relative;padding: min(calc(var(--main_padding)*2.8), 16vw) 0 min(calc(var(--main_padding)*1.8), 9vw);background: no-repeat center url(../images/top_bg.png);background-size: cover} #fv::before {position: absolute;display: block;content: "";left: 0;bottom: 0;width: 100%;height: 100%;background: no-repeat center bottom url(../images/svg/top_bottom_curve.svg);background-size: contain} #fv .logo {position: absolute;top: 5%;left: 2%;height: min(100px, 8vw)} #fv .logo::before {position: absolute;display: block;content: "";top: 50%;left: 50%;transform: translate(-55%, -50%);width: 160%;height: 1000px;background: no-repeat center url(../images/svg/logo_back_circle.svg);background-size: contain;pointer-events: none} #fv .logo img {position: relative;width: auto;height: min(100px, 8vw)} #fv .swiper_outer {position: relative} #fv .swiper_outer .swiper-container {overflow: visible;z-index: inherit;padding: 0 0 calc(var(--main_padding)/3)} #fv .swiper_outer .swiper-container .swiper-wrapper .swiper-slide {position: relative;transition: 0.2s} #fv .swiper_outer .swiper-container .swiper-wrapper .swiper-slide .slide_inner {position: relative;display: block;width: 100%;padding-top: calc(100% * 660 / 1070);transition: 0.3s} #fv .swiper_outer .swiper-container .swiper-wrapper .swiper-slide .slide_inner:hover {opacity: 1} #fv .swiper_outer .swiper-container .swiper-wrapper .swiper-slide .slide_inner figure {position: absolute;display: block;bottom: 0;left: 0;width: 100%;height: 100%;background-color: #fff;padding: 10px;border: 1px solid #83E3E2} #fv .swiper_outer .swiper-container .swiper-wrapper .swiper-slide .slide_inner figure img {width: 100%;height: 100%;object-fit: contain} #fv .swiper_outer .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {z-index: 1} #fv .swiper_outer .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .slide_inner {transform: scale(1.1)} #fv .swiper_outer .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next .slide_inner, #fv .swiper_outer .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-prev .slide_inner {transform: scale(0.9)} #fv .swiper_outer .swiper-container .swiper-pagination {bottom: -50px;z-index: 1} #fv .swiper_outer .swiper-container .swiper-pagination .swiper-pagination-bullet {width: 10px;height: 10px;opacity: 1;background-color: #fff;border: 1px solid #707070;cursor: pointer} #fv .swiper_outer .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #707070} #fv .swiper_outer .swiper-container .swiper-button-prev, #fv .swiper_outer .swiper-container .swiper-button-next {width: min(65px, 10vw);height: min(65px, 10vw);background: no-repeat center url(../images/svg/btn_right.svg);background-size: contain} #fv .swiper_outer .swiper-container .swiper-button-prev::after, #fv .swiper_outer .swiper-container .swiper-button-next::after {content: "";opacity: 0.8} #fv .swiper_outer .swiper-container .swiper-button-next {right: 10vw} #fv .swiper_outer .swiper-container .swiper-button-prev {transform: rotateZ(180deg);left: 10vw} @media only screen and (max-width: 835px) { #fv { padding: min(calc(var(--main_padding)*2.8), 27vw) 0 min(calc(var(--main_padding)*2.3), 27vw)} #fv .logo { top: 6%; left: 4%} #fv .logo::before { transform: translate(-60%, -50%); width: 160%} #fv .logo img { height: min(60px, 14vw)} #fv .swiper_outer .swiper-container { padding: 0 0} #fv .swiper_outer .swiper-container .swiper-wrapper .swiper-slide .slide_inner figure { padding: 0px; border: none} #fv .swiper_outer .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active { z-index: 1} #fv .swiper_outer .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .slide_inner { transform: scale(1)} #fv .swiper_outer .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next .slide_inner, #fv .swiper_outer .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-prev .slide_inner { transform: scale(1)} #fv .swiper_outer .swiper-container .swiper-pagination { bottom: -30px} #fv .swiper_outer .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 9px; height: 9px; border: 0px solid #707070} #fv .swiper_outer .swiper-container .swiper-button-prev, #fv .swiper_outer .swiper-container .swiper-button-next { width: min(40px, 10vw); height: min(40px, 10vw)} #fv .swiper_outer .swiper-container .swiper-button-next { right: 5px} #fv .swiper_outer .swiper-container .swiper-button-prev { transform: rotateZ(180deg); left: 5px} } #newstwt {padding: calc(var(--main_padding)/2) 0 calc(var(--main_padding)*0)} #newstwt .container {display: flex;justify-content: space-between} #newstwt #news {width: 62%;text-align: left} #newstwt #news h2 {margin-bottom: calc(var(--main_padding)*1.2)} #newstwt #news .news_box {margin-bottom: calc(var(--main_padding)*1)} #newstwt #news .news_box li {margin-bottom: calc(var(--main_padding)/1.8)} #newstwt #news .news_box li .news_tit {position: relative;display: block;padding: 16px 0} #newstwt #news .news_box li .news_tit::after {position: absolute;display: block;content: "";bottom: 0;left: 0;width: 100%;height: 2px;background: repeat-x bottom linear-gradient(to right, #ccc, #ccc 4px, transparent 3px, transparent 8px);background-size: 12px 2px} #newstwt #news .news_box li .news_tit p {font-size: 18px;color: #191919;font-weight: bold;line-height: 1.7em;margin-bottom: 0;transition: 0.2s} #newstwt #news .news_box li .news_tit p.date {font-size: 16px;color: #02bcb9;line-height: 1em;margin-bottom: 0.5em} #newstwt #news .news_box li .news_tit a {display: block} #newstwt #news .news_box li .news_tit a:hover {opacity: 0.6} #newstwt #news .link_btn {margin: 0 auto} #newstwt #twitter {width: 34%;text-align: left} #newstwt #twitter h2 {margin-bottom: 30px} #newstwt #twitter iframe {height: 400px !important} #newstwt #twitter a {display: block} @media only screen and (max-width: 835px) { #newstwt { padding: calc(var(--main_padding)*0.2) 0 0} #newstwt .container { flex-direction: column} #newstwt #news { width: 100%; margin-bottom: calc(var(--main_padding)*2)} #newstwt #news h2 { margin-bottom: calc(var(--main_padding)*0.3)} #newstwt #news .news_box { margin-bottom: calc(var(--main_padding)*0.5)} #newstwt #news .news_box li { margin-bottom: 0} #newstwt #news .news_box li .news_tit p { font-size: 16px} #newstwt #news .news_box li .news_tit p.date { font-size: 14px} #newstwt #news .link_btn { margin: 0 auto} #newstwt #twitter { width: 100%} #newstwt #twitter h2 { margin-bottom: calc(var(--main_padding)*0.5)} #newstwt #twitter iframe { height: 300px !important} } #event {position: relative;padding: calc(var(--main_padding)*1) 0 calc(var(--main_padding)*1.5)} #event .h_outer {margin-bottom: calc(var(--main_padding)*0.5)} #event .container .event_list li {margin-bottom: calc(var(--main_padding)/1.2)} #event .container .event_list li .event_box {display: block;display: flex;justify-content: space-between;background-color: #fff;filter: drop-shadow(0 0px 4px rgba(0, 0, 0, 0.2))} #event .container .event_list li .event_box figure {display: block;width: 50%;height: auto;background-color: #f2f2f2} #event .container .event_list li .event_box figure img {width: 100%;height: 100%;object-fit: contain} #event .container .event_list li .event_box .info_box {width: 50%;padding: 30px;text-align: left} #event .container .event_list li .event_box .info_box .event_tit {font-size: 20px;font-weight: bold;line-height: 1.5em;margin-bottom: 15px} #event .container .event_list li .event_box .info_box .dateplace_box {min-height: 172px;border-bottom: 1px solid #ccc;margin-bottom: 20px} #event .container .event_list li .event_box .info_box .dateplace_box .date {font-weight: bold;color: #02bcb9;font-size: 16px;margin-bottom: 10px} #event .container .event_list li .event_box .info_box .dateplace_box .date span {font-size: 2em} #event .container .event_list li .event_box .info_box .dateplace_box .place {font-weight: bold;font-size: 20px} #event .container .event_list li .event_box .info_box .ticket_box {min-height: 20px;margin-bottom: 20px} #event .container .event_list li .event_box .info_box .ticket_box p {font-weight: bold;font-size: 16px;margin-bottom: 0} #event .container .event_list li .event_box .info_box .ticket_box span {font-size: 0.7em;display: block;line-height: 1.7em} #event .container .event_list li .event_box .info_box .link_box {display: flex;justify-content: space-between} #event .container .event_list li .event_box .info_box .link_box .link_btn {width: 100%;font-size: 16px} @media only screen and (max-width: 835px) { #event { padding: calc(var(--main_padding)*1) 0 calc(var(--main_padding)*0)} #event .h_outer { margin-bottom: 0} #event .container .event_list { margin-top: -10px} #event .container .event_list li .event_box { flex-direction: column} #event .container .event_list li .event_box figure { width: 100%} #event .container .event_list li .event_box .info_box { width: 100%; padding: 10px 20px 20px} #event .container .event_list li .event_box .info_box .event_tit { margin-bottom: 5px; font-size: 18px} #event .container .event_list li .event_box .info_box .dateplace_box { min-height: inherit; margin-bottom: 10px} #event .container .event_list li .event_box .info_box .dateplace_box .date { font-size: 13px; margin-bottom: 0px} #event .container .event_list li .event_box .info_box .dateplace_box .date span { font-size: 2em} #event .container .event_list li .event_box .info_box .dateplace_box .place { font-size: 16px} #event .container .event_list li .event_box .info_box .ticket_box { min-height: inherit} #event .container .event_list li .event_box .info_box .ticket_box p { font-size: 16px; line-height: 1.5em} #event .container .event_list li .event_box .info_box .ticket_box span { display: block; line-height: 1.5em; margin-bottom: 0.2em} #event .container .event_list li .event_box .info_box .link_box { flex-direction: column; align-items: center} #event .container .event_list li .event_box .info_box .link_box .link_btn { width: 100%; font-size: 16px; margin-bottom: 10px} } #history {position: relative;padding: calc(var(--main_padding)*1) 0 calc(var(--main_padding)*1);background-color: #f2f2f2} #history .container .h_outer {margin-bottom: calc(var(--main_padding)*0.3)} #history .container .bnr_grid {display: grid;grid-template-columns: repeat(3, calc((100% - (var(--grid_gap)*2)) / 3));grid-gap: var(--grid_gap)} #history .container .bnr_grid li {width: 100%} #history .container .bnr_grid li a {position: relative;display: block;width: 100%;padding-top: calc(100% * 250 / 410);background-color: #fff} #history .container .bnr_grid li a img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain} @media only screen and (max-width: 835px) { #history { padding: calc(var(--main_padding)*0.5) 0 calc(var(--main_padding)*1.5)} #history .container .h_outer { margin-bottom: 0} #history .container .bnr_grid { grid-template-columns: repeat(2, calc((100% - (var(--grid_gap)*1)) / 2))} } #about {padding: calc(var(--main_padding)*1) 0 calc(var(--main_padding)*0)} #about .h_outer {padding-bottom: 0} #about .h_outer .text_slide {height: 90%} #about .h_outer .h_title {font-size: 5vw} #about .h_outer .h_title span {font-weight: bold;font-size: 0.8em} #about .about_wrap {padding: calc(var(--main_padding)*1) 0 calc(var(--main_padding)*1);position: relative;z-index: 1} #about .about_wrap figure {width: 40%;margin: 0 auto 40px} #about .about_wrap figure img {width: 100%} #about .about_wrap h3 {font-weight: bold;font-size: 30px;line-height: 1.7em} #about .about_wrap .about_txt {text-align: center} #about .about_wrap .about_txt img {width: 80%} @media only screen and (max-width: 835px) { #about { padding: calc(var(--main_padding)*1) 0 calc(var(--main_padding)*0.5)} #about .h_outer { padding: 0} #about .h_outer .text_slide { height: 50%} #about .h_outer .h_title { font-size: 7vw} #about .about_wrap { padding: calc(var(--main_padding)*1) 0 calc(var(--main_padding)*0)} #about .about_wrap figure { width: 70%; margin: 0 auto 20px} #about .about_wrap .about_txt img { width: 100%} } main.in {} .totop {display: flex;justify-content: center;padding-top: 50px} #event_detail .h_outer {background-image: url("../images/top_bg.png");background-size: cover;height: 33vw} #event_detail .h_outer .text_slide {height: 33%} #event_detail .h_outer .text_slide img {margin-right: 8vw} #event_detail .container {max-width: 1200px} #event_detail .detail_wrap {background-color: #fff;margin-top: -30vw;position: relative;z-index: 10;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);padding: 20px;text-align: left;margin-bottom: 10px} #event_detail .detail_wrap figure img {width: 100%;height: auto} #event_detail .detail_wrap .detail_txt {padding: 20px 30px 30px} /*#event_detail .detail_wrap .detail_txt p:last-of-type {margin-bottom: 0}*/ #event_detail .detail_wrap .detail_txt .tit {font-size: 40px;line-height: 1.5em;font-weight: bold;margin-bottom: 0.3em} #event_detail .detail_wrap .detail_txt .date {color: #02bcb9;font-weight: bold;font-size: 18px;line-height: 1.5em;margin-bottom: 1em !important} #event_detail .detail_wrap .detail_txt .date span {font-size: 2em} #event_detail .detail_wrap .detail_txt .place {font-weight: bold;font-size: 24px;line-height: 1.5em;margin-bottom: 0.75em !important} #event_detail .detail_wrap .detail_txt .place span {font-size: 0.7em;display: block;line-height: 1.5em;float: left} #event_detail .detail_wrap .detail_txt .place .map {display: flex;background-color: #000;color: #fff;font-size: 12px;line-height: 1em;width: 4em;justify-content: center;align-items: center;height: 24px;margin-left: 1em;float: left} #event_detail .detail_wrap .detail_txt .time {background-color: #f2f2f2;padding: 1em 1.5em;margin-bottom: 30px;font-size: 16px;line-height: 1.7em} #event_detail .detail_wrap .detail_txt .time p {margin: 0} #event_detail .detail_wrap .detail_txt .time span {font-size: 0.8em} #event_detail .detail_wrap .detail_txt .cast {margin-bottom: 30px;font-weight: bold} #event_detail .detail_wrap .detail_txt .ticket {border-bottom: 1px solid #ccc;padding-bottom: 40px;margin-bottom: 40px} #event_detail .detail_wrap .detail_txt .ticket .ticket_tit {display: flex;align-items: center;font-size: 14px;line-height: 1em;margin-bottom: 10px} #event_detail .detail_wrap .detail_txt .ticket .ticket_tit .ticket_gray {background-color: #14d1cf;color: #fff;padding: 0.5em 1.5em;font-weight: bold;margin-right: 0.5em} #event_detail .detail_wrap .detail_txt .ticket .price span {font-size: 0.8em;display: block;line-height: 1.7em} #event_detail .detail_wrap .detail_txt .ticket_link {background-color: #f5f5f5;padding: 1.5em 2em} #event_detail .detail_wrap .detail_txt .ticket_link .ticket_box {margin-bottom: 50px} #event_detail .detail_wrap .detail_txt .ticket_link .ticket_box .ticket_name {color: #02bcb9;text-align: center;margin-bottom: 1.5em} #event_detail .detail_wrap .detail_txt .ticket_link .ticket_box .ticket_name h2 {font-size: 30px;line-height: 1.5em;font-weight: bold;margin-bottom: 0.2em} #event_detail .detail_wrap .detail_txt .ticket_link .ticket_box .ticket_block {margin-bottom: 30px} #event_detail .detail_wrap .detail_txt .ticket_link .ticket_box .ticket_block h3 {font-weight: bold;text-align: left;font-size: 20px;line-height: 1.7em;margin-bottom: 15px} #event_detail .detail_wrap .detail_txt .ticket_link .ticket_box .ticket_block ul li {border: 1px solid #02bcb9;padding: 25px 30px;display: flex;justify-content: space-between;border-radius: 10px;align-items: center;margin-bottom: 10px} #event_detail .detail_wrap .detail_txt .ticket_link .ticket_box .ticket_block ul li .playguide {width: 64.66%;font-size: 20px;line-height: 1.5em;font-weight: bold} #event_detail .detail_wrap .detail_txt .ticket_link .ticket_box .ticket_block ul li .link_btn {background-color: #14d1cf;padding: 1em 0;width: 33.33%;text-align: center} #event_detail .detail_wrap .detail_txt .ticket_link .ticket_box.stream .ticket_name {color: #1696BC} #event_detail .detail_wrap .detail_txt .ticket_link .ticket_box.stream .ticket_block ul li {border: 1px solid #1696BC} #event_detail .detail_wrap .detail_txt .ticket_link .ticket_box.stream .ticket_block ul li .link_btn {background-color: #28b2db} #event_detail .free_txt {margin-bottom: 70px;text-align: left} #event_detail .free_txt p {margin-bottom: 1.5em} #event_detail .free_txt h1 {font-weight: bold;background-color: #000;color: #fff;padding: 0.5em 1em;margin: 2em 0 1em;font-size: 20px;line-height: 1.5em} #event_detail .free_txt h2 {font-weight: bold;border-left: 3px solid #000;padding: 0.5em 1em;margin: 2em 0 1em;font-size: 18px;line-height: 1.5em} #event_detail .free_txt h3 {font-weight: bold;margin: 2em 0 0.75em;font-size: 18px;line-height: 1.5em} #event_detail .free_txt blockquote {border: 1px solid #ccc;padding: 1.5em 2em} #event_detail .free_txt .casts{ padding:0 0 20px;} #event_detail .free_txt .casts ul{ display: flex; flex-wrap: wrap;} #event_detail .free_txt .casts li{ width: 50%; display: flex;margin: 1% 0;} #event_detail .free_txt .casts li figure{ width: 40%;} #event_detail .free_txt .casts li .txt{ width: 60%; padding: 0 5%;} #event_detail .free_txt .casts li span{ font-size: 0.8em; line-height: 1.7em; display: block;} #event_detail .free_txt .casts.vert li{ width:20%; display:block;padding: 0 0.5%; } #event_detail .free_txt .casts.vert li figure{ width: 100%; margin-bottom:0.5em;} #event_detail .free_txt .casts.vert li .txt{ width: 100%; padding:0; line-height:1.5em; text-align:center;} #event_detail .free_txt .casts.vert.three li{ width:33.33%;display:block;padding: 0 1%;} #event_detail .free_txt .btn{ display: block; background-color:#14d1cf; color: #fff; border-radius: 100vw; padding: 1em 0; text-align: center;} #event_detail .livereport{background-color: #fff;position: relative;z-index: 10;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);padding: 20px;text-align: left;margin: 30px auto 50px;} #event_detail .livereport .report_tit{text-align: center;border: none;padding: 0.7em 0;background-color: #14d1cf;color: #fff;margin: 10px 0;font-size: 40px;line-height: 1em;} #event_detail .livereport .report_stit{font-weight: bold;border-left: 3px solid #000;padding: 0.5em 1em;margin: 2em 0 1em;font-size: 26px;line-height: 1.5em;} #event_detail .livereport img{ margin-bottom: 0.5em;} #event_detail .livereport .one{ text-align: center; margin: 2em 0 1em;} #event_detail .livereport .two{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 2em 0 1em;} #event_detail .livereport .two div{ width: 49%;} #event_detail .livereport .three{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 2em 0 1em;} #event_detail .livereport .three div{ width: 32.33%;} #event_detail .livereport .four{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 2em 0 1em;} #event_detail .livereport .four div{ width: 24%;} #event_detail .livereport .four .block2{ width:50%;} #event_detail .livereport .five{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 2em 0 1em;} #event_detail .livereport .five div{ width: 19%;} #event_detail .livereport .cntr{justify-content: center;} #event_detail .livereport .cntr div{ margin:0 0.5%;} @media only screen and (max-width: 835px) { .totop { padding-top: 20px} #event_detail .h_outer { height: 50vw} #event_detail .detail_wrap { margin-top: -45vw; margin-bottom: 0; padding: 0; box-shadow: none} #event_detail .detail_wrap .leadimg{ display: flex; align-items: center; height: 50vw;} #event_detail .detail_wrap .detail_txt { padding: 20px 0} #event_detail .detail_wrap .detail_txt .tit { font-size: 20px; margin-bottom: 1em} #event_detail .detail_wrap .detail_txt .date { font-size: 14px; margin-bottom: 0.5em !important} #event_detail .detail_wrap .detail_txt .place { font-size: 18px} #event_detail .detail_wrap .detail_txt .place span { font-size: 14px} #event_detail .detail_wrap .detail_txt .time { padding: 10px} #event_detail .detail_wrap .detail_txt .time p { margin-bottom: 0} #event_detail .detail_wrap .detail_txt .time span { display: block; line-height: 1.5em} #event_detail .detail_wrap .detail_txt .ticket { padding-bottom: 20px; margin-bottom: 20px} #event_detail .detail_wrap .detail_txt .ticket .price span { display: block; line-height: 1em} #event_detail .detail_wrap .detail_txt .ticket .price p { margin-bottom: 0.5em} #event_detail .detail_wrap .detail_txt .ticket_link { padding: 15px 15px 5px} #event_detail .detail_wrap .detail_txt .ticket_link .ticket_box .ticket_name { margin-bottom: 15px} #event_detail .detail_wrap .detail_txt .ticket_link .ticket_box .ticket_name h2 { font-size: 24px} #event_detail .detail_wrap .detail_txt .ticket_link .ticket_box .ticket_name p { font-size: 14px; line-height: 1.5em; text-align: left} #event_detail .detail_wrap .detail_txt .ticket_link .ticket_box .ticket_block h3 { font-size: 16px; margin-bottom: 10px} #event_detail .detail_wrap .detail_txt .ticket_link .ticket_box .ticket_block ul li { display: inherit; padding: 15px; border: 2px solid #02bcb9} #event_detail .detail_wrap .detail_txt .ticket_link .ticket_box .ticket_block ul li .playguide { width: 100%; text-align: center; font-size: 16px; margin-bottom: 10px} #event_detail .detail_wrap .detail_txt .ticket_link .ticket_box .ticket_block ul li .link_btn { width: 100%; font-size: 16px; padding: 10px 0} #event_detail .free_txt { margin-bottom: 40px} #event_detail .free_txt blockquote { padding: 10px} #event_detail .free_txt .casts{ padding-top: 10px;} #event_detail .free_txt .casts li{ width: 100%; } #event_detail .free_txt .casts li .txt{ padding: 0 0 0 5%;} #event_detail .free_txt .casts.vert li{ width:50%; } #event_detail .free_txt .casts.vert.three li{ width:50%;} #event_detail .livereport{padding: 0; box-shadow: none; border-bottom: 1px solid #666; padding-bottom: 20px; margin-bottom: 20px;} #event_detail .livereport .report_tit{padding: 0.7em 0;font-size: 20px;} #event_detail .livereport .report_stit{font-size: 18px; margin: 1em 0;} #event_detail .livereport .one{ margin: 1em 0;} #event_detail .livereport .two{ margin: 1em 0;} #event_detail .livereport .two div{ width: 100%; margin-bottom: 10px;} #event_detail .livereport .three{ margin: 1em 0;} #event_detail .livereport .three div{ width: 100%;} #event_detail .livereport .four{ margin: 1em 0;} #event_detail .livereport .four div{ width: 49%; line-height: 1.5em; margin-bottom: 10px;} #event_detail .livereport .four .block2{ width:100%;} #event_detail .livereport .five{ margin: 1em 0 1em;} #event_detail .livereport .five div{ width: 49%; line-height: 1.5em; margin-bottom: 10px;} } #top_link .container .top_btn .top_btn_img{width: 40%; min-width: 340px;} .pop_block{ background-color: #fff; padding: 50px;} .pop_block .tit{ font-size: 20px; font-weight: bold; margin-bottom: 40px;} .pop_block .info_box{ text-align: left; margin-bottom: 40px; border: 1px solid; padding: 20px 20px 14px;} .pop_block .info_box .stit{ font-size: 16px; line-height: 1.5em; background-color: #000; color: #fff; padding: 5px 12px 8px;} .pop_block .info_box p{ font-size: 16px; line-height: 1.5em;} .pop_block .txt_box{ text-align: left; margin-bottom: 40px;} .pop_block .txt_box .stit{ font-size: 18px; font-weight: bold; margin-bottom: 8px;} .pop_block .txt_box p{} @media only screen and (max-width: 769px){ .cancel{ font-size: 14px; padding: 12px 0; bottom: 0; top: inherit;} .pop_block{ padding: 20px 12px;} .pop_block .tit{ font-size: 18px; margin-bottom: 20px;} .pop_block .info_box{ padding: 8px; margin-bottom: 12px;} .pop_block .info_box .stit{ font-size: 14px; padding: 2px 8px;} .pop_block .info_box p{ font-size: 14px; line-height: 1.5em;} .pop_block .txt_box{ margin-bottom: 28px;} .pop_block .txt_box .stit{ font-size: 16px; margin-bottom: 4px;} .pop_block .txt_box p{ font-size: 14px; line-height: 1.5em;} } /*lightbox*/ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; } #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;} #cboxOverlay{background:#02bcb9;} #colorbox{outline:none;} /* Edge */ _:-ms-lang(x)::backdrop, #colorbox{ transition:0.1s;} /* #cboxContent{margin-bottom:60px; overflow:visible;}*/ #cboxContent{margin-right:60px; overflow:visible; margin-bottom:0;} .cboxIframe{background:#000;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{background:#000;} #cboxLoadingGraphic{background:url(../images/loading_b.gif) no-repeat center center;} #cboxLoadingOverlay{background:#02bcb9;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxClose{text-indent:-9999px; width:40px; height:100%; position:absolute; top:0;background:url(../images/controls2.png) no-repeat 0 0;} #cboxClose{background-position:7px 0; right:-50px; border:0; outline:none;} #cboxClose:hover{background-position:-40px 0;} @media screen and (max-width: 769px) { #cboxContent{ margin-right:0; margin-bottom:50px;} #cboxClose{ right:0; top:inherit; bottom:-35px; height: 22px;} } .cancel.top_btn{ display: block; padding: 1.2em 1em; background-color: #c00; color: #fff; width: 90%; max-width: 740px; margin: 0 auto 5vw; line-height: 1.5em; text-align: center;} /*# sourceMappingURL=pages.css.map */