* {
margin: 0;
padding: 0; }
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }
body {
line-height: 1; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
nav ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }
ins {
background-color: #ff9;
color: #000;
text-decoration: none; }
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold; }
del {
text-decoration: line-through; }
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help; }
table {
border-collapse: collapse;
border-spacing: 0; }
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0; }
input, select {
vertical-align: middle; }
.gotop-btn {
bottom: 1.5rem;
position: fixed;
right: 1.5rem;
z-index: 999;
}
.btn-chromeless {
background: transparent;
border: 0;
}
.gotop-btn button {
align-items: center;
border-radius: 1.75rem;
display: flex;
height: 3.5rem;
justify-content: center;
width: 3.5rem;
}
@media only screen and (min-width: 1000px) {
.is-sp {
display: none !important; }
.is-tb {
display: none !important; }
body {
font-family: 'Montserrat', 'Noto Sans JP', sans-serif;
line-height: 2;
overflow-x: hidden;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.1em;
-webkit-font-smoothing: antialiased;
font-feature-settings: "palt"; }
body.noscroll {
overflow: hidden;
position: fixed;
width: 100%;
height: 100%; }
a {
color: inherit;
transition: opacity 0.2s;
text-decoration: none;
overflow-wrap: break-word; }
a:hover {
opacity: 0.5;
text-decoration: none; }
li {
list-style: none; }
header {
width: 100%;
height: 60px;
position: fixed;
border-bottom: 1px solid;
top: 0px;
left: 0px;
z-index: 100; }
header .head-popop {
position: absolute;
top: 0px;
display: flex;
align-items: center;
justify-content: flex-end; }
header .head-popop.lang {
left: 40px;
font-family: "Oswald", "Noto Sans JP", sans-serif; }
header .head-popop.account {
right: 40px; }
header .head-popop .btn_box {
margin-right: 20px;
position: relative; }
header .head-popop .btn_box .icon_box {
width: 27px; }
header .head-popop .btn_box .badge {
width: 19px;
height: 19px;
display: block;
border-radius: 19px;
position: absolute;
border: 1px solid;
top: -10px;
right: -10px; }
header .head-popop .btn_box .badge em {
width: 100%;
text-align: center;
font-style: normal;
font-size: 10px;
letter-spacing: 0em;
line-height: 1.0;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
header .head-popop .btn_pop {
line-height: 60px;
display: flex;
align-items: center; }
header .head-popop .btn_pop span {
max-width: 150px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
header .head-popop .btn_pop .icon_account {
width: 27px;
margin-right: 8px; }
header .head-popop .btn_pop .icon_arrow {
margin-left: 8px;
width: 9px; }
header .menu-popup {
position: absolute;
top: 60px;
padding: 20px 30px;
border: 1px solid;
opacity: 0.0;
pointer-events: auto; }
header .menu-popup.lang-popup {
font-family: "Oswald", "Noto Sans JP", sans-serif;
left: 10px; }
header .menu-popup.account-popup {
right: 30px; }
header .menu-popup.show {
opacity: 1.0;
pointer-events: auto; }
header .menu-popup ul li {
line-height: 1.0;
margin-bottom: 1em; }
header .menu-popup ul li:last-child {
margin-bottom: 0em; }
header .menu-popup ul li a {
display: flex;
align-items: center; }
header .menu-popup ul li a svg {
height: 23px;
margin-right: 12px; }
header nav.main {
text-align: center; }
header nav.main .btn_logo {
display: none; }
header nav.main ul {
font-size: 0px;
letter-spacing: -10000em; }
header nav.main ul li {
margin: 0px 16px;
font-family: "Oswald", "Noto Sans JP", sans-serif;
font-size: 19px;
display: inline-block;
letter-spacing: 0.1em;
line-height: 60px; }
footer {
position: relative;
padding-top: 50px;
padding-bottom: 40px;
text-align: center; }
footer .inner .btn_logo {
display: inline-block;
margin-bottom: 0px; }
footer .inner .btn_logo .icon_logo {
width: 146px; }
footer .inner .bg {
background: url(/assets/img/common/bg_footer.png) center no-repeat;
background-size: 100% 10vw;
width: 100%;
height: 10vw;
margin-bottom: 40px; }
footer .inner .links {
margin-bottom: 60px;
font-size: 0px;
letter-spacing: -10000em; }
footer .inner .links a {
font-size: 14px;
display: inline-block;
letter-spacing: 0.1em;
margin: 0px 0.75em; }
footer .inner .copy {
font-size: 12px; }
#modal-attent {
position: fixed;
top: 0px;
left: 0px;
z-index: 2000;
transition: opacity 0.2s ease-in;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
box-sizing: border-box;
padding: 0px 40px;
opacity: 0.0;
pointer-events: none; }
#modal-attent.show {
opacity: 1.0;
pointer-events: auto;
display: block; }
#modal-attent > .bg {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0.9; }
#modal-attent .modal-inner {
display: table;
width: 100%;
height: 100%; }
#modal-attent .modal-inner .modal-content {
display: table-cell;
vertical-align: middle; }
#modal-attent .modal-inner .modal-content > div {
position: relative; }
#modal-attent .modal-inner .modal {
width: 776px;
margin: 0 auto;
position: relative; }
#modal-attent .modal-inner .modal .btn_close {
position: absolute;
top: 12px;
right: 12px;
width: 24px;
height: 24px;
z-index: 10;
border: 1px solid;
border-radius: 32px;
pointer-events: auto; }
#modal-attent .modal-inner .modal .btn_close .icon svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 12px; }
#modal-confirm {
position: fixed;
top: 0px;
left: 0px;
z-index: 2000;
background: rgba(0, 0, 0, 0.9);
transition: opacity 0.2s ease-in;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
box-sizing: border-box;
padding: 0px 40px;
opacity: 0.0;
pointer-events: none; }
#modal-confirm.show {
opacity: 1.0;
pointer-events: auto;
display: block; }
.modal-inner {
display: table;
width: 100%;
height: 100%; }
.modal-inner .modal-content {
display: table-cell;
vertical-align: middle; }
.modal-inner .modal-content > div {
position: relative; }
.modal-inner .confirm {
width: 680px;
margin: 0 auto;
position: relative;
padding-top: 120px;
padding-bottom: 120px; }
.modal-inner .confirm .module-block-body {
border: 1px solid;
border-radius: 10px; }
.announcement {
width: 100%;
top: 60px;
left: 0px;
z-index: 100;
text-align: center;
z-index: 99; }
.announcement .inner {
font-size: 14px;
line-height: 1.5; }
.announcement .inner a {
display: block;
width: 100%;
height: 100%;
padding-top: 10px;
padding-bottom: 10px; }
.container {
position: absolute;
width: 100%;
top: 60px; }
body.index section.overview {
position: relative; }
body.index section.overview > .bg {
content: "";
background: url(/assets/img/event/bg_overview.png) center;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
opacity: 0.14; }
body.index section.overview > .inner {
padding: 60px 0px;
text-align: center;
position: relative;
z-index: 10; }
body.index section.overview > .inner .lead {
font-size: 26px;
font-family: "Oswald", "Noto Sans JP", sans-serif;
line-height: 1.5;
margin-bottom: 20px; }
body.index section.overview > .inner h1 {
font-weight: normal;
font-size: 44px;
font-family: "Oswald", "Noto Sans JP", sans-serif;
line-height: 1.2;
margin-bottom: 20px; }
body.index section.overview > .inner .desc {
font-size: 22px;
font-family: "Oswald", "Noto Sans JP", sans-serif;
line-height: 1.5;
margin-bottom: 20px; }
body.index section.overview > .inner .sub {
margin: 0 auto;
margin-top: 40px;
font-size: 0em;
letter-spacing: -1000em; }
body.index section.overview > .inner .sub .info {
display: inline-block;
vertical-align: top;
font-family: "Oswald", "Noto Sans JP", sans-serif;
line-height: 1.0;
border: 1px solid;
line-height: 62px;
box-sizing: border-box;
border-radius: 100px;
letter-spacing: 0.1em;
font-size: 24px;
padding: 0px 32px; }
body.index section.overview > .inner .sub .ticket {
display: inline-block;
vertical-align: top;
margin-left: 40px;
letter-spacing: 0.1em;
font-size: 22px; }
body.index section.overview > .inner .sub .ticket a {
border-radius: 100px;
display: inline-block;
line-height: 64px;
font-weight: 500;
display: flex;
text-align: center;
padding-left: 32px;
padding-right: 32px;
align-items: center; }
body.index section.overview > .inner .sub .ticket a .icon_arrow {
width: 24px;
margin-right: 10px; }
body.index section.overview > .inner .overview-attent {
width: 776px;
margin: 0 auto;
position: relative;
margin-top: 40px; }
body.index .video {
margin-bottom: 65px;
position: relative; }
body.index .video:last-child {
margin-bottom: 0px; }
body.index .video .bg1,
body.index .video .bg2 {
content: "";
display: block;
width: calc(50% - 311px);
height: 1px;
position: absolute;
z-index: 1; }
body.index .video .bg1 {
top: 50%;
left: 0px; }
body.index .video .bg2 {
top: 50%;
right: 0px; }
body.index .video .player {
width: 575px;
position: relative;
margin: 0 auto; }
body.index .video .player:before {
content: "";
display: block;
padding-top: 56.25%; }
body.index .video .player iframe {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%; }
body.index .viewing-ticket {
position: relative; }
body.index .viewing-ticket .bg {
content: "";
background: url(/assets/img/event/bg_ticket.png) center;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 1; }
body.index .viewing-ticket .inner {
padding-top: 0px;
padding-bottom: 120px;
margin: 0 auto;
text-align: center;
position: relative;
z-index: 10; }
body.index .viewing-ticket .inner section.viewing {
padding-top: 120px;
margin-bottom: 120px;
width: 776px;
margin: 0 auto; }
body.index .viewing-ticket .inner section.viewing h2 {
font-weight: normal;
font-size: 44px;
font-family: "Oswald", "Noto Sans JP", sans-serif;
line-height: 1.0;
margin-bottom: 70px; }
body.index .viewing-ticket .inner section.viewing a {
border-radius: 100px;
line-height: 64px;
width: 100%;
font-size: 22px;
font-weight: 700;
display: flex;
justify-content: center;
align-items: center; }
body.index .viewing-ticket .inner section.viewing a svg {
width: 38px;
margin-right: 12px; }
body.index .viewing-ticket .inner section.ticket {
padding-top: 120px; }
body.index .viewing-ticket .inner section.ticket h2 {
font-weight: normal;
font-size: 44px;
font-family: "Oswald", "Noto Sans JP", sans-serif;
line-height: 1.0;
margin-bottom: 70px; }
body.index .viewing-ticket .inner section.ticket .ticket-block {
width: 776px;
margin: 0 auto; }
body.index .viewing-ticket .inner section.ticket .block-ticket-viewing {
padding: 30px 50px;
margin-left: -50px;
width: calc(100%);
position: relative;
margin-bottom: 40px; }
body.index .viewing-ticket .inner section.ticket .block-ticket-viewing:last-child {
margin-bottom: 0px; }
body.index .viewing-ticket .inner section.ticket .block-ticket-viewing > .block-bg {
position: absolute;
width: 100%;
height: 100%;
border-radius: 10px;
opacity: 0.2;
top: 0px;
left: 0px; }
body.index .viewing-ticket .inner section.ticket .btn_viewing {
border-radius: 4px;
border: 8px solid;
font-size: 16px;
padding: 12px;
font-weight: 500;
line-height: 1.2;
display: flex;
align-items: center;
justify-content: flex-start;
position: relative; }
body.index .viewing-ticket .inner section.ticket .btn_viewing svg {
width: 38px;
margin-right: 12px; }
body.index .viewing-ticket .inner section.ticket .ticket-note-block {
margin-bottom: 30px;
position: relative; }
body.index .viewing-ticket .inner section.ticket .ticket-note-block:last-child {
margin-bottom: 0px; }
body.index .viewing-ticket .inner section.ticket .ticket-note-block.top-note .ticket-note {
border-radius: 10px 10px 0px 0px;
border-bottom: 0px; }
body.index .viewing-ticket .inner section.ticket .ticket-note-block.top-note .btn_ticket_note {
border-radius: 0px 0px 10px 10px; }
body.index .viewing-ticket .inner section.ticket .ticket-note-block.bottom-note .ticket-note {
border-radius: 0px 0px 10px 10px;
border-top: 0px; }
body.index .viewing-ticket .inner section.ticket .ticket-note-block.bottom-note .btn_ticket_note {
border-radius: 10px 10px 0px 0px; }
body.index .viewing-ticket .inner section.ticket .ticket-note {
padding: 25px calc(20px + 24px + 20px);
border: 1px solid;
text-align: left;
font-size: 14px; }
body.index .viewing-ticket .inner section.ticket .btn_ticket_note {
border-radius: 10px;
display: inline-block;
width: 100%;
font-size: 16px;
display: flex;
text-align: left;
line-height: 1.5;
border: 1px solid;
overflow: hidden;
box-sizing: border-box; }
body.index .viewing-ticket .inner section.ticket .btn_ticket_note .desc {
padding: 20px;
width: calc(100% - 206px);
display: flex;
font-weight: 700;
align-items: center; }
body.index .viewing-ticket .inner section.ticket .btn_ticket_note .desc svg {
display: inline-block;
width: 24px;
margin-right: 20px; }
body.index .viewing-ticket .inner section.ticket .btn_ticket_note .desc em {
display: inline-block;
font-style: normal; }
body.index .viewing-ticket .inner section.ticket .btn_ticket_note .price {
padding: 20px;
text-align: center;
width: 206px;
display: flex;
align-items: center;
font-weight: 500; }
body.index .viewing-ticket .inner section.ticket .btn_ticket_note .btn_ticket {
border-radius: 10px;
display: inline-block;
width: 100%;
font-size: 16px;
display: flex;
text-align: left;
line-height: 1.5;
border: 1px solid;
overflow: hidden; }
body.index .viewing-ticket .inner section.ticket .btn_ticket_note .btn_ticket .desc {
padding: 32px;
width: calc(100% - 206px);
display: flex;
font-weight: 700;
align-items: center; }
body.index .viewing-ticket .inner section.ticket .btn_ticket_note .btn_ticket .desc svg {
display: inline-block;
width: 24px;
margin-right: 20px; }
body.index .viewing-ticket .inner section.ticket .btn_ticket_note .btn_ticket .desc em {
display: inline-block;
font-style: normal; }
body.index .viewing-ticket .inner section.ticket .btn_ticket_note .btn_ticket .price {
padding: 32px;
text-align: center;
width: 206px;
display: flex;
align-items: center;
font-weight: 500; }
body.index .viewing-ticket .inner section.ticket .note {
width: 776px;
margin: 0 auto;
margin-top: 30px;
font-size: 12px;
text-align: left; }
body.index .viewing-ticket .inner section.ticket .note a {
text-decoration: underline; }
body.index .viewing-ticket .inner section.ticket .general,
body.index .viewing-ticket .inner section.ticket .ticket-block {
margin-top: 40px; }
body.index .viewing-ticket .inner section.ticket .attent {
width: 874px;
margin: 0 auto;
position: relative; }
body.index .viewing-ticket .inner section.ticket .attent .bga {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0.1;
border-radius: 10px; }
body.index .viewing-ticket .inner section.ticket .attent .inner {
padding: 40px; }
body.index .viewing-ticket .inner section.ticket .attent .inner .head-attent {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px; }
body.index .viewing-ticket .inner section.ticket .attent .inner .head-attent svg {
height: 27px;
margin-right: 12px; }
body.index .viewing-ticket .inner section.ticket .attent .inner .head-attent .label {
font-weight: normal;
font-size: 30px;
font-family: "Oswald", "Noto Sans JP", sans-serif;
line-height: 1.0; }
body.index .viewing-ticket .inner section.ticket .attent .inner .lead {
font-weight: 500;
font-size: 16px;
margin-bottom: 20px; }
body.index .viewing-ticket .inner section.ticket .attent .inner .desc {
font-size: 14px;
margin-bottom: 20px; }
body.index .viewing-ticket .inner section.ticket .attent .inner figure {
border-radius: 10px;
overflow: hidden;
margin-bottom: 20px; }
body.index .viewing-ticket .inner section.ticket .attent .inner a {
display: flex;
padding: 20px 30px;
border-radius: 10px;
align-items: center;
margin-bottom: 20px;
justify-content: center; }
body.index .viewing-ticket .inner section.ticket .attent .inner a em {
font-style: normal; }
body.index .viewing-ticket .inner section.ticket .attent .inner a .label {
font-weight: 500;
font-size: 16px; }
body.index .viewing-ticket .inner section.ticket .attent .inner a svg {
width: 24px;
margin-right: 12px; }
body.index .viewing-ticket .inner section.ticket .attent .inner a svg.icon_arrow_back {
transform: rotate(-180deg); }
body.index .viewing-ticket .inner section.ticket .current-steps {
width: 575px;
display: flex;
margin: 0 auto;
border-radius: 64px;
overflow: hidden;
border: 1px solid;
position: relative;
margin-top: 40px; }
body.index .viewing-ticket .inner section.ticket .current-steps.step-01 .current {
transform: translate(0%); }
body.index .viewing-ticket .inner section.ticket .current-steps.step-02 .current {
transform: translate(100%); }
body.index .viewing-ticket .inner section.ticket .current-steps.step-03 .current {
transform: translate(200%); }
body.index .viewing-ticket .inner section.ticket .current-steps.step-04 .current {
transform: translate(300%); }
body.index .viewing-ticket .inner section.ticket .current-steps .current {
width: 25%;
height: 64px;
position: absolute;
line-height: 64px;
background: #f0f;
border-radius: 64px;
transition: transform 0.2s; }
body.index .viewing-ticket .inner section.ticket .current-steps .step {
text-align: center;
position: relative;
width: 25%;
line-height: 64px;
font-size: 24px;
font-family: "Oswald", "Noto Sans JP", sans-serif; }
body.index .viewing-ticket .inner section.ticket .step-items {
margin-top: 40px;
position: relative;
overflow: hidden; }
body.index .viewing-ticket .inner section.ticket .step-items.step-01 .step-items-inner {
transform: translate(0vw); }
body.index .viewing-ticket .inner section.ticket .step-items.step-02 .step-items-inner {
transform: translate(-100vw); }
body.index .viewing-ticket .inner section.ticket .step-items.step-03 .step-items-inner {
transform: translate(-200vw); }
body.index .viewing-ticket .inner section.ticket .step-items.step-04 .step-items-inner {
transform: translate(-300vw); }
body.index .viewing-ticket .inner section.ticket .step-items .step-items-inner {
width: 400vw;
display: flex;
transition: transform 0.2s; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item {
width: 100vw;
text-align: center; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner {
display: inline-block;
width: 100%; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .desc {
margin-bottom: 32px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .item {
text-align: left;
display: flex; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .item figure {
width: 400px;
height: 265px;
position: relative;
border-radius: 10px;
text-align: center; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .item figure img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: calc(100% - 20px);
max-height: calc(100% - 40px); }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .item figure .name {
position: absolute;
bottom: 2em;
font-weight: bold;
left: 50%;
transform: translate(-50%, 0%);
font-size: 12px;
width: 100%;
line-height: 1.0; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .item figure .price {
position: absolute;
bottom: -2em;
left: 50%;
transform: translate(-50%, 0%);
font-size: 12px;
width: 150%;
line-height: 1.0;
color: white; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .item .variation {
margin-left: 40px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input,
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input-vertical {
margin-bottom: -16px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input input[type="radio"],
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input-vertical input[type="radio"] {
display: none; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input input[type="radio"]:checked + label::after,
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input-vertical input[type="radio"]:checked + label::after {
opacity: 1.0; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input label,
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input-vertical label {
line-height: 28px;
cursor: pointer;
position: relative;
display: inline-block;
vertical-align: top;
padding-left: 40px;
margin-right: 20px;
margin-bottom: 16px;
font-weight: 500; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input label a,
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input-vertical label a {
text-decoration: underline; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input label:last-child,
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input-vertical label:last-child {
margin-right: 0px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input label:hover,
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input-vertical label:hover {
opacity: 0.7; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input label:before,
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input-vertical label:before {
position: absolute;
content: '';
top: 50%;
left: 0;
width: 28px;
height: 28px;
margin-top: -14px;
background: white;
border-radius: 100%;
box-sizing: border-box; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input label:after,
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input-vertical label:after {
position: absolute;
content: '';
top: 50%;
left: 14px;
width: 16px;
height: 16px;
background: #0764ff;
border-radius: 100%;
transform: translate(-50%, -8px);
opacity: 0.0; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-check-input {
margin-bottom: -16px;
margin-left: calc(50% + 12px);
text-align: left; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-check-input input[type="checkbox"] {
display: none; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-check-input input[type="checkbox"]:checked + label::after {
opacity: 1.0; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-check-input label {
line-height: 28px;
cursor: pointer;
position: relative;
display: inline-block;
vertical-align: top;
padding-left: 40px;
margin-right: 20px;
margin-bottom: 16px;
font-weight: 500; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-check-input label a {
text-decoration: underline; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-check-input label:last-child {
margin-right: 0px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-check-input label:hover {
opacity: 0.7; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-check-input label:before {
position: absolute;
content: '';
top: 50%;
left: 0;
width: 28px;
height: 28px;
margin-top: -14px;
box-sizing: border-box; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-check-input label:after {
position: absolute;
content: '';
top: 50%;
left: 14px;
width: 16px;
height: 16px;
transform: translate(-50%, -8px);
opacity: 0.0; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .btns {
display: flex;
justify-content: space-between;
width: 720px;
margin: 0 auto;
margin-top: 64px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .btns a {
display: block;
width: calc(50% - 12px);
background: #f0f;
display: flex;
justify-content: center;
padding: 20px 0px;
border-radius: 10px;
align-items: center; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .btns a.disable {
pointer-events: none;
opacity: 0.5; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .btns a.btn_prev svg {
transform: rotate(180deg); }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .btns a:first-child:last-child {
width: calc(100%); }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .btns a svg {
margin-right: 12px;
width: 24px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-01 .items {
display: flex;
justify-content: center; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-01 .item figure img {
transform: translate(-50%, -50%);
max-height: calc(100% - 20px); }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-02 .items {
display: flex;
justify-content: center;
width: 900px;
flex-wrap: wrap;
margin: 0 auto; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-02 .item {
width: 260px;
margin: 40px 20px;
margin-top: 0px;
min-height: calc(140px + 2em); }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-02 .item:nth-child(4), body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-02 .item:last-child {
margin-bottom: 0px;
width: 360px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-02 .item:nth-child(4) figure, body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-02 .item:last-child figure {
width: 200px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-02 .item figure {
width: 100px;
height: 140px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-02 .item figure img {
transform: translate(-50%, -50%); }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-02 .item figure .name {
bottom: 1em; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-02 .item .variation {
margin-left: 24px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-03 .items {
display: flex;
justify-content: center; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-03 .items .item {
height: calc(340 + 2em); }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-03 .items .item figure {
width: 400px;
height: 340px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-03 .items .item figure img {
border-radius: 10px;
width: 100%;
max-width: calc(100%);
max-height: calc(100%); }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-03 .checks {
width: 720px;
margin: 0 auto;
margin-top: 64px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-03 .checks .module-check-input {
width: 100%;
text-align: center;
margin: 0 auto; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-03 .btns {
margin-top: 24px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .item {
display: block;
width: 575px;
margin: 0 auto; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .item .detail-head {
font-size: 16px;
font-weight: 500;
text-align: center;
margin-bottom: 1em; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .item .detail-items,
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .item .detail-sum {
margin-bottom: 1em; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .item .detail-items .detail-item,
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .item .detail-sum .detail-item {
display: flex;
margin-bottom: 1em; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .item .detail-items .detail-item .item,
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .item .detail-sum .detail-item .item {
display: inline-block;
width: calc(100% - 200px); }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .item .detail-items .detail-item .price,
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .item .detail-sum .detail-item .price {
display: inline-block;
width: 200px;
text-align: right; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .item .detail-items .detail-item .price.price-offset,
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .item .detail-sum .detail-item .price.price-offset {
padding-right: 3.3em; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .item .detail-items {
border-bottom: 1px solid; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .checks {
width: 720px;
margin: 0 auto;
margin-top: 64px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .btns {
margin-top: 24px; }
body.index .block-warn {
text-align: left;
width: 776px;
margin: 0 auto;
margin-top: 80px; }
body.index .block-warn .accordion-container {
padding: 0px 50px;
margin-left: -50px;
width: calc(100%);
position: relative;
margin-bottom: 40px; }
body.index .block-warn .accordion-container:last-child {
margin-bottom: 0px; }
body.index .block-warn .accordion-container > .warn-bg {
position: absolute;
width: 100%;
height: 100%;
border-radius: 10px;
opacity: 0.2;
top: 0px;
left: 0px; }
body.index .block-warn .accordion-container.show_acc .accordion-head a .icon:after {
transform: translate(-50%, -50%) rotate(0deg); }
body.index .block-warn .accordion-container .accordion-head {
transition: color 0.4s;
padding-top: 20px;
padding-bottom: 20px;
font-weight: 500;
position: relative;
font-size: 16px; }
body.index .block-warn .accordion-container .accordion-head a {
display: flex;
align-items: top;
position: relative;
font-size: 16px; }
body.index .block-warn .accordion-container .accordion-head a .icon {
width: 24px;
height: 24px;
border-radius: 24px;
display: block;
position: relative;
border: 1px solid;
position: absolute;
top: 50%;
right: 13px;
transform: translate(0px, -50%); }
body.index .block-warn .accordion-container .accordion-head a .icon:before, body.index .block-warn .accordion-container .accordion-head a .icon:after {
content: "";
width: 11px;
height: 0px;
display: block;
border-top: 2px solid;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
body.index .block-warn .accordion-container .accordion-head a .icon:before {
transform: translate(-50%, calc(-50%)); }
body.index .block-warn .accordion-container .accordion-head a .icon:after {
transform: translate(-50%, -50%) rotate(-90deg); }
body.index .block-warn .accordion-container .accordion-child {
position: relative;
height: 0;
overflow: hidden;
transition: height 0.4s;
box-sizing: border-box;
font-size: 14px; }
body.index .block-warn .accordion-container .accordion-child p {
padding-bottom: 20px;
display: flex;
align-items: top;
font-weight: 300; }
body.index .block-warn .accordion-container .accordion-child p .head {
font-weight: 500;
font-size: 16px;
display: inline-block;
margin-right: 1em;
font-weight: bold; }
body.index section.info {
position: relative; }
body.index section.info .bg {
content: "";
background: url(/assets/img/event/bg_info.png) center;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 1; }
body.index section.info .inner {
padding: 120px 0px;
width: 975px;
margin: 0 auto;
text-align: center;
position: relative;
z-index: 10; }
body.index section.info .inner h2 {
font-weight: normal;
font-size: 44px;
font-family: "Oswald", "Noto Sans JP", sans-serif;
line-height: 1.0;
margin-bottom: 70px; }
body.index section.info .inner .desc-main {
margin-bottom: 40px;
font-size: 20px;
font-weight: 500; }
body.index section.info .inner .desc-sub {
margin-bottom: 80px;
font-size: 14px;
font-weight: 400; }
body.index section.info .inner .available-features {
margin-bottom: 80px; }
body.index section.info .inner .available-features .items {
display: flex;
justify-content: center;
align-items: top; }
body.index section.info .inner .available-features .items .item {
margin: 0px 24px; }
body.index section.info .inner .available-features .items .item .label {
width: 100%;
text-align: center;
font-size: 14px;
margin-top: 0.5em;
line-height: 1.5; }
body.index section.info .inner .available-features .items .item .icon {
width: 90px;
height: 90px;
border: 2px solid;
border-radius: 50px;
position: relative;
margin: 0 auto; }
body.index section.info .inner .available-features .items .item .icon.disable:after {
content: "";
width: 90px;
height: 0px;
border-top: 3px solid;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, 0px) rotate(45deg); }
body.index section.info .inner .available-features .items .item .icon svg {
width: 47px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
body.index section.info .inner .info-items .item {
margin-bottom: 40px; }
body.index section.info .inner .info-items .item:last-child {
margin-bottom: 0px; }
body.index section.info .inner .info-items .item .head {
border: 1px solid;
margin-bottom: 32px;
font-size: 20px;
font-weight: 500;
line-height: 1.0;
padding: 20px;
border-radius: 100px; }
body.index section.info .inner .info-items .item .body {
font-size: 18px;
margin-bottom: 65px; }
body.index section.info .inner .info-items .item .body:last-child {
margin-bottom: 0px; }
body.index section.info .inner .info-items .item .body.tal {
text-align: left; }
body.index section.info .inner .info-items .item .body.tar {
text-align: right; }
body.index section.info .inner .info-items .item .body a {
text-decoration: underline; }
body.index section.artist {
padding: 50px 0px; }
body.index section.artist .inner {
width: 975px;
margin: 0 auto;
display: flex; }
body.index section.artist .inner figure {
width: 375px; }
body.index section.artist .inner figure img {
width: 100%; }
body.index section.artist .inner .info {
width: 547px;
margin-left: 50px; }
body.index section.artist .inner .info h2 {
font-weight: normal;
font-size: 44px;
font-family: "Oswald", "Noto Sans JP", sans-serif;
line-height: 1.0; }
body.index section.artist .inner .info p {
margin-top: 1.5em;
font-size: 14px; }
body.index .module-block-attent .module-block-body {
position: relative;
padding: 40px 60px;
margin-left: -60px;
width: calc(100%);
text-align: left; }
body.index .module-block-attent .module-block-body > .bg {
position: absolute;
width: 100%;
height: 100%;
border-radius: 10px;
opacity: 0.2;
top: 0px;
left: 0px; }
body.index .module-block-attent .module-block-body > .inner {
display: flex;
align-items: flex-start;
position: relative; }
body.index .module-block-attent .module-block-body > .inner .module-head-attent {
width: 200px;
height: auto;
display: flex;
align-items: center;
line-height: 1.2;
font-size: 30px;
font-family: "Oswald", "Noto Sans JP", sans-serif; }
body.index .module-block-attent .module-block-body > .inner .module-head-attent svg {
margin-right: 12px;
height: 27px; }
body.index .module-block-attent .module-block-body > .inner .module-txt-attent {
width: calc(100% - 200px); }
body.index .module-block-attent .module-block-body > .inner .module-txt-attent .btns {
margin-top: 30px;
display: flex;
justify-content: space-between; }
body.index .module-block-attent .module-block-body > .inner .module-txt-attent .btns .module-btn {
width: calc(50% - 15px); }
body.index .module-block-attent .module-block-body > .inner .module-txt-attent .btns .module-btn a {
position: relative; }
body.index .module-block-attent .module-block-body > .inner .module-txt-attent .btns .module-btn a .icon_arrow {
position: absolute;
top: 50%;
left: 20px;
transform: translate(0px, -50%); }
body.index .module-block-attent .module-block-body > .inner .module-txt-attent .btns .module-btn a .label {
line-height: 24px; }
body.general .container > .bg {
content: "";
background: url(/assets/img/event/bg_info.png) center top;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 0; }
body.general .container > .content {
width: 775px;
margin: 0 auto;
position: relative;
padding-top: 80px;
padding-bottom: 80px; }
body.general .container > .content .bld {
font-weight: bold; }
body.general .container > .content .lt {
font-weight: 300; }
body.general .container > .content .tac {
text-align: center;
justify-content: center; }
body.general .container > .content .tar {
text-align: right; }
body.general .container > .content .disable {
pointer-events: none; }
body.general .container > .content .disable.harf {
opacity: 0.5; }
body.general .module-title {
border: 1px solid;
font-size: 20px;
font-weight: 500;
line-height: 1.0;
padding: 20px;
border-radius: 100px;
text-align: center; }
body.general .module-title:last-child {
margin-bottom: 0px; }
body.general .module-form-acc {
height: 0;
overflow: hidden;
transition: height 0.4s;
box-sizing: border-box; }
body.general .module-form-acc.mt .inner {
padding-top: 40px;
padding-bottom: 0px; }
body.general .module-form-acc .inner {
padding-bottom: 40px; }
body.general .module-form-acc .inner.indent {
padding-left: 40px;
padding-bottom: 0px; }
body.general .module-acc {
text-align: left; }
body.general .module-acc .accordion-container {
border-bottom: 1px solid; }
body.general .module-acc .accordion-container.show_acc .accordion-head a svg {
transform: translate(0px, -50%) rotate(180deg); }
body.general .module-acc .accordion-container .accordion-head {
transition: color 0.4s;
padding-top: 20px;
padding-bottom: 20px;
font-weight: 500; }
body.general .module-acc .accordion-container .accordion-head a {
display: flex;
align-items: top;
position: relative;
font-size: 16px; }
body.general .module-acc .accordion-container .accordion-head a .head {
margin-right: 1em;
font-weight: bold; }
body.general .module-acc .accordion-container .accordion-head a svg {
position: absolute;
top: 50%;
right: 13px;
transform: translate(0px, -50%);
width: 8px; }
body.general .module-acc .accordion-container .accordion-child {
height: 0;
overflow: hidden;
transition: height 0.4s;
box-sizing: border-box; }
body.general .module-acc .accordion-container .accordion-child p {
padding-bottom: 20px;
display: flex;
align-items: top;
font-weight: 300; }
body.general .module-acc .accordion-container .accordion-child p .head {
font-weight: 500;
font-size: 16px;
display: inline-block;
margin-right: 1em;
font-weight: bold; }
body.general .module-btn.module-btn-border a {
border: 1px solid; }
body.general .module-btn a {
display: flex;
padding: 20px 30px;
border-radius: 10px;
align-items: center; }
body.general .module-btn a .label {
font-weight: 500;
font-size: 16px; }
body.general .module-btn a svg {
width: 24px;
margin-right: 12px; }
body.general .module-btn a svg.icon_arrow_back {
transform: rotate(-180deg); }
body.general .module-btn-harf {
display: flex;
justify-content: space-between; }
body.general .module-btn-harf .module-btn {
width: calc(50% - 30px); }
body.general .module {
margin-bottom: 40px; }
body.general .module.mb0 {
margin-bottom: 0px; }
body.general .module:last-child {
margin-bottom: 0px; }
body.general .module .input-title {
display: inline-block;
font-weight: 500;
font-size: 16px;
margin-bottom: 0.25em; }
body.general .module-block {
position: relative;
margin-bottom: 80px; }
body.general .module-block:last-child {
margin-bottom: 0px; }
body.general .module-block-bg2 {
margin-bottom: 80px;
padding: 20px 30px;
border-radius: 10px; }
body.general .module-block-bg2:last-child {
margin-bottom: 0px; }
body.general .module-table .items {
margin-bottom: 40px;
font-size: 16px; }
body.general .module-table .items:last-child {
margin-bottom: 0px; }
body.general .module-table .items .item {
margin-bottom: 1.5em;
display: flex;
justify-content: space-between; }
body.general .module-table .items .item:last-child {
margin-bottom: 0px; }
body.general .module-table .items .item .item-head {
width: calc(40% - 20px);
font-weight: 500; }
body.general .module-table .items .item .item-body {
width: calc(60% - 20px);
font-weight: 300; }
body.general .module-block-bg .module-block-title,
body.general .module-block-error .module-block-title,
body.general .module-block-attent .module-block-title,
body.general .module-block-detail .module-block-title {
font-size: 20px;
font-weight: 500;
margin-bottom: 40px; }
body.general .module-block-bg .module-block-body,
body.general .module-block-error .module-block-body,
body.general .module-block-attent .module-block-body,
body.general .module-block-detail .module-block-body {
position: relative;
padding: 40px 60px;
margin-left: -60px;
width: calc(100%); }
body.general .module-block-bg .module-block-body > .bg,
body.general .module-block-error .module-block-body > .bg,
body.general .module-block-attent .module-block-body > .bg,
body.general .module-block-detail .module-block-body > .bg {
position: absolute;
width: 100%;
height: 100%;
border-radius: 10px;
opacity: 0.2;
top: 0px;
left: 0px; }
body.general .module-block-bg .module-block-body > .inner,
body.general .module-block-error .module-block-body > .inner,
body.general .module-block-attent .module-block-body > .inner,
body.general .module-block-detail .module-block-body > .inner {
position: relative; }
body.general .module-block-bg .module-block-body > .inner .detail-items,
body.general .module-block-bg .module-block-body > .inner .detail-sum,
body.general .module-block-error .module-block-body > .inner .detail-items,
body.general .module-block-error .module-block-body > .inner .detail-sum,
body.general .module-block-attent .module-block-body > .inner .detail-items,
body.general .module-block-attent .module-block-body > .inner .detail-sum,
body.general .module-block-detail .module-block-body > .inner .detail-items,
body.general .module-block-detail .module-block-body > .inner .detail-sum {
margin-bottom: 1em;
margin-left: -60px;
width: calc(100%);
padding: 0px 60px;
font-weight: 500; }
body.general .module-block-bg .module-block-body > .inner .detail-items .detail-item,
body.general .module-block-bg .module-block-body > .inner .detail-sum .detail-item,
body.general .module-block-error .module-block-body > .inner .detail-items .detail-item,
body.general .module-block-error .module-block-body > .inner .detail-sum .detail-item,
body.general .module-block-attent .module-block-body > .inner .detail-items .detail-item,
body.general .module-block-attent .module-block-body > .inner .detail-sum .detail-item,
body.general .module-block-detail .module-block-body > .inner .detail-items .detail-item,
body.general .module-block-detail .module-block-body > .inner .detail-sum .detail-item {
display: flex;
margin-bottom: 1em;
justify-content: space-between; }
body.general .module-block-bg .module-block-body > .inner .detail-items .detail-item .item,
body.general .module-block-bg .module-block-body > .inner .detail-sum .detail-item .item,
body.general .module-block-error .module-block-body > .inner .detail-items .detail-item .item,
body.general .module-block-error .module-block-body > .inner .detail-sum .detail-item .item,
body.general .module-block-attent .module-block-body > .inner .detail-items .detail-item .item,
body.general .module-block-attent .module-block-body > .inner .detail-sum .detail-item .item,
body.general .module-block-detail .module-block-body > .inner .detail-items .detail-item .item,
body.general .module-block-detail .module-block-body > .inner .detail-sum .detail-item .item {
display: inline-block;
width: calc(50% - 60px); }
body.general .module-block-bg .module-block-body > .inner .detail-items .detail-item .price,
body.general .module-block-bg .module-block-body > .inner .detail-sum .detail-item .price,
body.general .module-block-error .module-block-body > .inner .detail-items .detail-item .price,
body.general .module-block-error .module-block-body > .inner .detail-sum .detail-item .price,
body.general .module-block-attent .module-block-body > .inner .detail-items .detail-item .price,
body.general .module-block-attent .module-block-body > .inner .detail-sum .detail-item .price,
body.general .module-block-detail .module-block-body > .inner .detail-items .detail-item .price,
body.general .module-block-detail .module-block-body > .inner .detail-sum .detail-item .price {
display: inline-block;
width: calc(50% - 60px); }
body.general .module-block-bg .module-block-body > .inner .detail-items,
body.general .module-block-error .module-block-body > .inner .detail-items,
body.general .module-block-attent .module-block-body > .inner .detail-items,
body.general .module-block-detail .module-block-body > .inner .detail-items {
border-bottom: 1px solid; }
body.general .module-block-bg .module-block-body > .inner .detail-sum,
body.general .module-block-error .module-block-body > .inner .detail-sum,
body.general .module-block-attent .module-block-body > .inner .detail-sum,
body.general .module-block-detail .module-block-body > .inner .detail-sum {
margin-bottom: 0em; }
body.general .module-block-bg .module-block-body > .inner .btns,
body.general .module-block-error .module-block-body > .inner .btns,
body.general .module-block-attent .module-block-body > .inner .btns,
body.general .module-block-detail .module-block-body > .inner .btns {
margin-top: 30px;
display: flex;
justify-content: space-between; }
body.general .module-block-bg .module-block-body > .inner .btns .module-btn,
body.general .module-block-error .module-block-body > .inner .btns .module-btn,
body.general .module-block-attent .module-block-body > .inner .btns .module-btn,
body.general .module-block-detail .module-block-body > .inner .btns .module-btn {
width: calc(50% - 15px); }
body.general .module-block-detail .module-block-body > .bg {
opacity: 1.0; }
body.general .module-block-attent .module-block-body > .inner {
display: flex;
align-items: flex-start; }
body.general .module-block-attent .module-block-body > .inner .module-head-attent {
width: 200px;
height: auto;
display: flex;
align-items: center; }
body.general .module-block-attent .module-block-body > .inner .module-head-attent svg {
margin-right: 12px;
height: 27px; }
body.general .module-block-attent .module-block-body > .inner .module-txt-attent {
width: calc(100% - 200px); }
body.general .module-head-error {
line-height: 1.2;
font-size: 30px;
font-family: "Oswald", "Noto Sans JP", sans-serif; }
body.general .module-head-attent {
line-height: 1.2;
font-size: 30px;
font-family: "Oswald", "Noto Sans JP", sans-serif; }
body.general .module-head-s {
line-height: 1.2;
font-size: 20px;
font-weight: 500; }
body.general .module-head-s a.txtlink {
text-decoration: underline; }
body.general .module-txt-l {
font-size: 16px;
font-weight: 500; }
body.general .module-txt-l a.txtlink {
text-decoration: underline; }
body.general .module-txt-s {
font-size: 14px;
font-weight: 500; }
body.general .module-txt-s a.txtlink {
text-decoration: underline; }
body.general .module-input-quarter {
display: flex;
justify-content: space-between; }
body.general .module-input-quarter > div {
width: calc(25%); }
body.general .module-input-harf {
display: flex;
justify-content: space-between; }
body.general .module-input-harf > div {
width: calc(50% - 30px); }
body.general .module-input-postalcode {
max-width: 380px; }
body.general .module-input-postalcode .module-txt-input {
display: flex;
justify-content: space-between; }
body.general .module-input-postalcode .module-txt-input input[type="text"] {
width: calc(50% - 10px); }
body.general .module-input-postalcode .module-txt-input .module-btn {
width: calc(50% - 10px); }
body.general .module-input-date {
width: calc(50% - 30px); }
body.general .module-input-date .module-txt-input {
display: flex;
justify-content: space-between; }
body.general .module-input-date .module-txt-input input[type="text"] {
width: calc(35% - 10px);
text-align: center; }
body.general .module-input-date .module-txt-input span {
width: calc(15% - 10px);
line-height: 64px;
font-weight: 500; }
body.general .module-input-birthday {
width: calc(75%); }
body.general .module-input-birthday .input-module {
display: flex;
justify-content: space-between; }
body.general .module-input-birthday .input-module .module-select {
width: calc(20% - 10px); }
body.general .module-input-birthday .input-module .module-select:first-child {
width: calc(30% - 10px); }
body.general .module-input-birthday .input-module > span {
width: calc(10% - 10px);
line-height: 64px;
font-weight: 500; }
body.general .module-txt-input input[type="text"],
body.general .module-txt-input input[type="password"] {
font-size: 16px;
width: 100%;
padding: 23px 20px;
box-sizing: border-box;
outline: none;
border: none;
display: block;
border-radius: 10px;
font-weight: 500; }
body.general .module-select,
body.general .module-select-s {
position: relative; }
body.general .module-select .arrow,
body.general .module-select-s .arrow {
position: absolute;
top: 50%;
right: 20px;
transform: translate(0px, -50%); }
body.general .module-select .arrow svg,
body.general .module-select-s .arrow svg {
fill: black;
height: 15px;
transform: rotate(90deg); }
body.general .module-select select,
body.general .module-select-s select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
color: black;
font-size: 16px;
padding: 22.5px 20px;
width: 100%;
border-radius: 10px;
font-weight: 500; }
body.general .module-select-s {
position: absolute;
top: 0px;
right: 0px; }
body.general .module-select-s .arrow {
right: 12px; }
body.general .module-select-s .arrow svg {
height: 12px; }
body.general .module-select-s select {
padding: 10px 40px;
padding-left: 20px;
width: auto; }
body.general .module-radio-input,
body.general .module-radio-input-vertical {
margin-bottom: -16px; }
body.general .module-radio-input input[type="radio"],
body.general .module-radio-input-vertical input[type="radio"] {
display: none; }
body.general .module-radio-input input[type="radio"]:checked + label::after,
body.general .module-radio-input-vertical input[type="radio"]:checked + label::after {
opacity: 1.0; }
body.general .module-radio-input label,
body.general .module-radio-input-vertical label {
line-height: 28px;
cursor: pointer;
position: relative;
display: inline-block;
vertical-align: top;
padding-left: 40px;
margin-right: 20px;
margin-bottom: 16px;
font-weight: 500; }
body.general .module-radio-input label.iconlabel,
body.general .module-radio-input-vertical label.iconlabel {
display: flex;
align-items: center;
justify-content: space-between; }
body.general .module-radio-input label.iconlabel .icon,
body.general .module-radio-input-vertical label.iconlabel .icon {
width: 100px;
height: 30px;
display: flex;
align-items: center; }
body.general .module-radio-input label.iconlabel .icon img,
body.general .module-radio-input-vertical label.iconlabel .icon img {
max-width: 100%;
max-height: 100%; }
body.general .module-radio-input label.iconlabel .label,
body.general .module-radio-input-vertical label.iconlabel .label {
width: calc(100% - 100px - 20px); }
body.general .module-radio-input label a,
body.general .module-radio-input-vertical label a {
text-decoration: underline; }
body.general .module-radio-input label:last-child,
body.general .module-radio-input-vertical label:last-child {
margin-right: 0px; }
body.general .module-radio-input label:hover,
body.general .module-radio-input-vertical label:hover {
opacity: 0.7; }
body.general .module-radio-input label:before,
body.general .module-radio-input-vertical label:before {
position: absolute;
content: '';
top: 50%;
left: 0;
width: 28px;
height: 28px;
margin-top: -14px;
background: white;
border-radius: 100%;
box-sizing: border-box; }
body.general .module-radio-input label:after,
body.general .module-radio-input-vertical label:after {
position: absolute;
content: '';
top: 50%;
left: 14px;
width: 16px;
height: 16px;
background: #0764ff;
border-radius: 100%;
transform: translate(-50%, -8px);
opacity: 0.0; }
body.general .module-check-input,
body.general .module-check-input-vertical {
margin-bottom: -16px; }
body.general .module-check-input input[type="checkbox"],
body.general .module-check-input-vertical input[type="checkbox"] {
display: none; }
body.general .module-check-input input[type="checkbox"]:checked + label::after,
body.general .module-check-input-vertical input[type="checkbox"]:checked + label::after {
opacity: 1.0; }
body.general .module-check-input label,
body.general .module-check-input-vertical label {
line-height: 28px;
cursor: pointer;
position: relative;
display: inline-block;
vertical-align: top;
padding-left: 40px;
margin-right: 20px;
margin-bottom: 16px;
font-weight: 500; }
body.general .module-check-input label a,
body.general .module-check-input-vertical label a {
text-decoration: underline; }
body.general .module-check-input label:last-child,
body.general .module-check-input-vertical label:last-child {
margin-right: 0px; }
body.general .module-check-input label:hover,
body.general .module-check-input-vertical label:hover {
opacity: 0.7; }
body.general .module-check-input label:before,
body.general .module-check-input-vertical label:before {
position: absolute;
content: '';
top: 50%;
left: 0;
width: 28px;
height: 28px;
margin-top: -14px;
box-sizing: border-box; }
body.general .module-check-input label:after,
body.general .module-check-input-vertical label:after {
position: absolute;
content: '';
top: 50%;
left: 14px;
width: 16px;
height: 16px;
transform: translate(-50%, -8px);
opacity: 0.0; }
body.general .module-textarea textarea {
font-size: 16px;
width: 100%;
padding: 16px 20px;
box-sizing: border-box;
outline: none;
border: none;
display: block;
border-radius: 10px;
font-weight: 500; }
body.mypage .mypage-clm {
display: flex;
justify-content: space-between; }
body.mypage .mypage-clm nav {
width: 145px;
margin-top: -19px;
margin-left: -60px; }
body.mypage .mypage-clm nav.full {
width: 100%;
margin-left: 0px; }
body.mypage .mypage-clm nav li a {
display: block;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
border-bottom: 1px solid;
display: flex;
justify-content: flex-start;
align-items: center; }
body.mypage .mypage-clm nav li a .icon_box {
width: 27px;
margin-right: 8px; }
body.mypage .mypage-clm nav li a .badge {
width: 19px;
height: 19px;
display: block;
position: relative;
border-radius: 19px;
margin-left: 8px; }
body.mypage .mypage-clm nav li a .badge em {
width: 100%;
text-align: center;
font-style: normal;
font-size: 10px;
letter-spacing: 0em;
line-height: 1.0;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
body.mypage .mypage-clm nav li a .icon_arrow {
width: 8px;
transform: rotate(-90deg);
position: absolute;
top: 50%;
right: 0%;
margin-top: -4px; }
body.mypage .mypage-clm .mypage-content {
width: calc(100% - 145px - 48px); }
body.mypage .mypage-clm .module-block .mypage-btns,
body.mypage .mypage-clm .module-block-bg .mypage-btns,
body.mypage .mypage-clm .module-block-error .mypage-btns,
body.mypage .mypage-clm .module-block-attent .mypage-btns,
body.mypage .mypage-clm .module-block-detail .mypage-btns {
position: absolute;
top: 0%;
right: 0px;
margin-top: 0px;
z-index: 1; }
body.mypage .mypage-clm .module-block .mypage-btns .module-btn,
body.mypage .mypage-clm .module-block-bg .mypage-btns .module-btn,
body.mypage .mypage-clm .module-block-error .mypage-btns .module-btn,
body.mypage .mypage-clm .module-block-attent .mypage-btns .module-btn,
body.mypage .mypage-clm .module-block-detail .mypage-btns .module-btn {
width: auto;
margin-left: 24px; }
body.mypage .mypage-clm .module-block .mypage-btns .module-btn:first-child,
body.mypage .mypage-clm .module-block-bg .mypage-btns .module-btn:first-child,
body.mypage .mypage-clm .module-block-error .mypage-btns .module-btn:first-child,
body.mypage .mypage-clm .module-block-attent .mypage-btns .module-btn:first-child,
body.mypage .mypage-clm .module-block-detail .mypage-btns .module-btn:first-child {
margin-left: 0px; }
body.mypage .mypage-clm .module-table.topbtn .items {
margin-right: 100px; }
body.mypage .mypage-clm .module-table.brdr-btm .items .item {
padding-bottom: 1.5em;
border-bottom: 1px solid; }
body.mypage .mypage-clm .module-table .items .item {
position: relative; }
body.mypage .mypage-clm .module-table .items .item .item-head {
width: calc(30% - 20px);
font-weight: 500; }
body.mypage .mypage-clm .module-table .items .item .item-body {
width: calc(70% - 20px);
font-weight: 300;
position: relative;
word-break: break-all; }
body.mypage .mypage-clm .module-table .items .item .item-body .badge {
font-size: 11px;
line-height: 1.0;
border-radius: 28px;
border: 1px solid;
display: inline-block;
padding: 8px 12px; }
body.mypage .mypage-clm .module-table .items .item .btns {
position: absolute;
top: 50%;
right: 0px;
transform: translate(0px, calc(-50%));
margin-top: 0px; }
body.mypage .mypage-clm .module-table .items .item .btns .module-btn {
width: auto;
margin-left: 24px; }
body.mypage .mypage-clm .module-table .items .item .btns .module-btn:first-child {
margin-left: 0px; }
body.mypage .mypage-clm .module-btn-s a {
display: flex;
padding: 2px 20px;
border-radius: 10px; }
body.mypage .mypage-clm .module-btn-s a .label {
font-weight: 500;
font-size: 16px; }
body.mypage .mypage-clm .module-btn-s a svg {
width: 16px;
margin-right: 12px; }
body.mypage .mypage-clm .module-btn-s a svg.icon_arrow_back {
transform: rotate(-180deg); }
body.mypage .mypage-clm .module-ticket,
body.mypage .mypage-clm .module-ticket-detail {
position: relative; }
body.mypage .mypage-clm .module-ticket .module-ticket-items .module-ticket-item,
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item {
display: flex;
align-items: center;
position: relative;
padding: 0px;
margin-left: -60px;
width: calc(100% + 60px + 60px);
border-radius: 10px;
overflow: hidden;
margin-bottom: 24px; }
body.mypage .mypage-clm .module-ticket .module-ticket-items .module-ticket-item:last-child,
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item:last-child {
margin-bottom: 0px; }
body.mypage .mypage-clm .module-ticket .module-ticket-items .module-ticket-item > .bg,
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item > .bg {
position: absolute;
width: 100%;
height: 100%;
border-radius: 10px;
opacity: 0.2;
top: 0px;
left: 0px; }
body.mypage .mypage-clm .module-ticket .module-ticket-items .module-ticket-item figure,
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item figure {
width: 200px;
position: relative; }
body.mypage .mypage-clm .module-ticket .module-ticket-items .module-ticket-item figure img,
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item figure img {
width: 100%; }
body.mypage .mypage-clm .module-ticket .module-ticket-items .module-ticket-item .info,
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info {
width: calc(100% - 200px);
padding: 16px;
box-sizing: border-box;
position: relative; }
body.mypage .mypage-clm .module-ticket .module-ticket-items .module-ticket-item .info .state,
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .state {
font-size: 11px;
line-height: 1.0;
border-radius: 28px;
border: 1px solid;
display: inline-block;
padding: 8px 12px;
margin-bottom: 14px; }
body.mypage .mypage-clm .module-ticket .module-ticket-items .module-ticket-item .info .title,
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .title {
font-size: 16px;
font-weight: 500; }
body.mypage .mypage-clm .module-ticket .module-ticket-items .module-ticket-item .info .date,
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .date {
font-size: 12px;
line-height: 1.0; }
body.mypage .mypage-clm .module-ticket .module-ticket-items .module-ticket-item .info .btns,
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .btns {
margin-top: 24px;
display: flex; }
body.mypage .mypage-clm .module-ticket .module-ticket-items .module-ticket-item .info .btns .module-btn,
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .btns .module-btn {
margin-right: 24px; }
body.mypage .mypage-clm .module-ticket .module-ticket-items .module-ticket-item .info .btns .module-btn a,
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .btns .module-btn a {
width: 160px;
justify-content: center; }
body.mypage .mypage-clm .module-ticket {
margin-bottom: 80px; }
body.mypage .mypage-clm .module-ticket:last-child {
margin-bottom: 0px; }
body.mypage .mypage-clm .module-ticket .module-block-title {
font-size: 20px;
font-weight: 500;
margin-bottom: 40px; }
body.mypage .mypage-clm .module-ticket .pager {
margin-top: 20px;
text-align: center;
display: flex;
justify-content: center;
align-items: center; }
body.mypage .mypage-clm .module-ticket .pager .btn_prev,
body.mypage .mypage-clm .module-ticket .pager .btn_next {
margin: 0px 20px; }
body.mypage .mypage-clm .module-ticket .pager .btn_prev.disable,
body.mypage .mypage-clm .module-ticket .pager .btn_next.disable {
pointer-events: none; }
body.mypage .mypage-clm .module-ticket .pager .btn_prev svg,
body.mypage .mypage-clm .module-ticket .pager .btn_next svg {
height: 30px; }
body.mypage .mypage-clm .module-ticket .pager .btn_prev .icon_arrow_back,
body.mypage .mypage-clm .module-ticket .pager .btn_next .icon_arrow_back {
transform: rotate(-180deg); }
body.mypage .mypage-clm .module-ticket .pager .btn_numb {
margin: 0px 12px;
display: inline-block;
padding: 12px 16px;
border: 1px solid;
line-height: 1.0;
border-radius: 10px; }
body.mypage .mypage-clm .module-ticket .pager .btn_numb.current {
pointer-events: none; }
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item {
align-items: flex-start;
padding: 0px;
margin-left: 0px;
width: calc(100%);
border-radius: 0px; }
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item > .bg {
position: absolute;
width: 100%;
height: 100%;
border-radius: 10px;
opacity: 0.2;
top: 0px;
left: 0px; }
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item figure {
width: 200px;
position: relative; }
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item figure img {
width: 100%; }
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info {
width: calc(100% - 200px);
padding: 0px 40px;
box-sizing: border-box;
position: relative; }
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info.pr0 {
padding-right: 0px; }
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .video {
position: relative; }
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .video:last-child {
margin-bottom: 0px; }
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .video .player {
width: 100%;
position: relative;
margin: 0 auto; }
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .video .player:before {
content: "";
display: block;
padding-top: 56.25%; }
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .video .player iframe {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%; }
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .video video {
background: black; }
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .video .btn_box_play {
position: relative;
display: block; }
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .video .btn_box_play svg {
width: 38px;
height: 38px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .ticket-detail {
margin-top: 40px;
font-weight: 300; }
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .ticket-detail span {
font-weight: 500; } }
@media only screen and (max-width: 999px) {
.is-pc {
display: none !important; }
.is-tb {
display: none !important; }
body {
font-family: 'Montserrat', 'Noto Sans JP', sans-serif;
line-height: 2;
overflow-x: hidden;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.1em;
-webkit-font-smoothing: antialiased;
font-feature-settings: "palt"; }
body.noscroll {
overflow: hidden;
position: fixed;
width: 100%;
height: 100%; }
a {
color: inherit;
transition: opacity 0.2s;
text-decoration: none;
overflow-wrap: break-word; }
a:hover {
opacity: 0.5;
text-decoration: none; }
li {
list-style: none; }
header {
width: 100%;
height: 50px;
position: fixed;
border-bottom: 1px solid;
top: 0px;
left: 0px;
z-index: 100; }
header .btn_menu {
position: fixed;
left: 0px;
top: 0px;
width: 50px;
height: 50px;
z-index: 100;
transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1); }
header .btn_menu span {
display: block;
width: 30px;
height: 1px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -15px;
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
header .btn_menu span:first-child {
transform: translate(0%, -4px); }
header .btn_menu span:last-child {
transform: translate(0%, 4px); }
header .btn_menu.show span:first-child {
transform: rotate(-45deg) scaleX(1.2); }
header .btn_menu.show span:last-child {
transform: rotate(45deg) scaleX(1.2); }
header .head-popop {
position: absolute;
top: 0px;
display: flex;
align-items: center;
justify-content: flex-end; }
header .head-popop.lang {
left: 26px;
display: none; }
header .head-popop.account {
right: 12px; }
header .head-popop.account .label {
display: none; }
header .head-popop .btn_pop {
font-family: "Oswald", "Noto Sans JP", sans-serif;
line-height: 50px;
display: flex;
align-items: center; }
header .head-popop .btn_pop .icon_account {
display: inline-block;
width: 27px;
margin-top: 11.5px;
margin-bottom: 11.5px; }
header .head-popop .btn_pop .icon_arrow {
display: none; }
header .head-popop .btn_box {
margin-right: 20px;
position: relative; }
header .head-popop .btn_box .icon_box {
width: 27px; }
header .head-popop .btn_box .badge {
width: 19px;
height: 19px;
display: block;
border-radius: 19px;
position: absolute;
border: 1px solid;
top: -10px;
right: -10px; }
header .head-popop .btn_box .badge em {
width: 100%;
text-align: center;
font-style: normal;
font-size: 10px;
letter-spacing: 0em;
line-height: 1.0;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
header .menu-popup {
position: absolute;
top: 0px;
left: 0px;
font-family: "Oswald", "Noto Sans JP", sans-serif;
padding: 20px 20px;
border: 1px solid;
width: 100%;
box-sizing: border-box;
opacity: 0.0;
pointer-events: none;
z-index: 1000; }
header .menu-popup.lang-popup {
display: none; }
header .menu-popup.show {
opacity: 1.0;
pointer-events: auto; }
header .menu-popup .btn_close {
position: absolute;
right: 0px;
top: 0px;
width: 50px;
height: 50px;
transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1); }
header .menu-popup .btn_close span {
display: block;
width: 24px;
height: 1px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -12px;
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
header .menu-popup .btn_close span:first-child {
transform: rotate(-45deg) scaleX(1.2); }
header .menu-popup .btn_close span:last-child {
transform: rotate(45deg) scaleX(1.2); }
header .menu-popup ul {
padding-left: 50px;
padding-right: 50px; }
header .menu-popup ul li {
line-height: 1.0;
margin-bottom: 1em; }
header .menu-popup ul li:last-child {
margin-bottom: 0em; }
header .menu-popup ul li a {
display: flex;
align-items: center; }
header .menu-popup ul li a svg {
height: 23px;
margin-right: 12px; }
header .main {
width: 100%;
height: 100%;
position: fixed;
top: 0px;
left: 0px;
z-index: 50;
opacity: 0.0;
pointer-events: none;
background: url(/assets/img/common/bg_header.png) bottom center no-repeat;
background-size: contain; }
header .main.show {
opacity: 1.0;
pointer-events: auto; }
header .main .lang {
margin-left: 50px;
font-size: 18px;
font-family: "Oswald", "Noto Sans JP", sans-serif; }
header .main .btn_logo {
margin-top: 40px;
display: inline-block;
margin-left: 50px; }
header .main .btn_logo svg {
height: 20px; }
header .main ul {
padding: 80px 50px;
padding-bottom: 40px; }
header .main ul li a {
font-family: "Oswald", "Noto Sans JP", sans-serif;
font-size: 30px; }
footer {
position: relative;
padding-top: 40px;
padding-bottom: 40px; }
footer .inner {
text-align: center;
margin: 0 auto; }
footer .inner .btn_logo {
display: inline-block;
margin-bottom: 20px;
max-width: 640px;
margin: 0 auto;
margin-bottom: 20px; }
footer .inner .btn_logo .icon_logo {
width: 146px; }
footer .inner .bg {
background: url(/assets/img/common/bg_footer.png) center no-repeat;
background-size: 100% 10vw;
width: 100%;
height: 10vw;
margin-bottom: 20px; }
footer .inner .links {
font-size: 0px;
letter-spacing: -10000em;
text-align: left;
max-width: 640px;
margin: 0 auto;
margin-bottom: 60px;
padding-left: 24px;
padding-right: 24px;
box-sizing: border-box; }
footer .inner .links a {
font-size: 14px;
display: block;
letter-spacing: 0.1em;
margin-bottom: 0.75em; }
footer .inner .links a:last-child {
margin-bottom: 0em; }
footer .inner .copy {
font-size: 12px;
text-align: left;
max-width: 640px;
margin: 0 auto;
padding-left: 24px;
padding-right: 24px;
box-sizing: border-box; }
#modal-attent {
position: fixed;
top: 0px;
left: 0px;
z-index: 2000;
background: rgba(0, 0, 0, 0.9);
transition: opacity 0.2s ease-in;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
box-sizing: border-box;
padding: 0px 20px;
opacity: 0.0;
pointer-events: none; }
#modal-attent.show {
opacity: 1.0;
pointer-events: auto;
display: block; }
#modal-attent > .bg {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0.0;
pointer-events: none; }
#modal-attent .modal-inner {
display: table;
width: 100%;
height: 100%; }
#modal-attent .modal-inner .modal-content {
display: table-cell;
vertical-align: middle; }
#modal-attent .modal-inner .modal-content > div {
position: relative; }
#modal-attent .modal .btn_close {
position: absolute;
top: 12px;
right: 12px;
width: 24px;
height: 24px;
z-index: 10;
border: 1px solid;
border-radius: 32px;
pointer-events: auto; }
#modal-attent .modal .btn_close .icon svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 12px; }
#modal-confirm {
position: fixed;
top: 0px;
left: 0px;
z-index: 2000;
background: rgba(0, 0, 0, 0.9);
transition: opacity 0.2s ease-in;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
box-sizing: border-box;
padding: 0px 20px;
opacity: 0.0;
pointer-events: none; }
#modal-confirm.show {
opacity: 1.0;
pointer-events: auto;
display: block; }
#modal-confirm > .bg {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0.0;
pointer-events: none; }
#modal-confirm .modal-inner {
display: table;
width: 100%;
height: 100%; }
#modal-confirm .modal-inner .modal-content {
display: table-cell;
vertical-align: middle; }
#modal-confirm .modal-inner .modal-content > div {
position: relative; }
#modal-confirm .confirm {
padding-top: 40px;
padding-bottom: 40px;
margin: 0 auto;
position: relative;
padding-left: 12px;
padding-right: 12px; }
#modal-confirm .confirm .module-block-body {
border: 1px solid;
border-radius: 10px; }
.announcement {
width: 100%;
top: 51px;
left: 0px;
z-index: 100;
text-align: center;
z-index: 99;
padding: 0px 10px;
box-sizing: border-box; }
.announcement .inner {
font-size: 14px;
line-height: 1.5; }
.announcement .inner a {
display: block;
width: 100%;
height: 100%;
padding-top: 10px;
padding-bottom: 10px; }
.container {
position: absolute;
width: 100%;
top: 50px; }
body.index section.overview {
position: relative; }
body.index section.overview > .bg {
content: "";
background: url(/assets/img/event/bg_overview.png) center;
background-size: 48px 116px;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
opacity: 0.14; }
body.index section.overview > .inner {
padding: 30px 24px;
text-align: center;
position: relative;
z-index: 10;
max-width: 640px;
margin: 0 auto; }
body.index section.overview > .inner .lead {
font-size: 22px;
font-family: "Oswald", "Noto Sans JP", sans-serif;
line-height: 1.5;
/*margin-bottom: 12px;*/
}
body.index section.overview > .inner h1 {
font-weight: normal;
font-size: 23px;
font-family: "Oswald", "Noto Sans JP", sans-serif;
line-height: 1.5;
/*margin-bottom: 12px;*/
}
body.index section.overview > .inner .desc {
font-size: 18px;
font-family: "Oswald", "Noto Sans JP", sans-serif;
line-height: 1.5;
margin-bottom: 12px; }
body.index section.overview > .inner .sub {
margin: 0 auto;
margin-top: 40px; }
body.index section.overview > .inner .sub .info {
vertical-align: top;
font-family: "Oswald", "Noto Sans JP", sans-serif;
line-height: 1.0;
border: 1px solid;
line-height: 40px;
box-sizing: border-box;
border-radius: 20px;
letter-spacing: 0.1em;
font-size: 17px; }
body.index section.overview > .inner .sub .ticket {
margin-top: 20px;
font-size: 14px; }
body.index section.overview > .inner .sub .ticket a {
border-radius: 100px;
display: inline-block;
line-height: 40px;
font-weight: 500;
padding-left: 37px;
padding-right: 37px;
width: 100%;
box-sizing: border-box;
position: relative; }
body.index section.overview > .inner .sub .ticket a .icon_arrow {
position: absolute;
top: 50%;
left: 10px;
width: 17px;
margin-right: 10px;
transform: translate(0px, -50%); }
body.index section.overview > .inner .overview-attent {
position: relative;
margin-top: 40px; }
body.index .video {
margin-bottom: 40px;
position: relative;
margin-left: -24px;
margin-right: -24px; }
body.index .video:last-child {
margin-bottom: 0px; }
body.index .video .player {
width: calc(100%);
position: relative;
margin: 0 auto; }
body.index .video .player:before {
content: "";
display: block;
padding-top: 56.25%; }
body.index .video .player iframe {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%; }
body.index .viewing-ticket {
position: relative; }
body.index .viewing-ticket .bg {
content: "";
background: url(/assets/img/event/bg_ticket.png) center;
background-size: 69px 40px;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 1; }
body.index .viewing-ticket .inner {
padding-bottom: 60px;
text-align: center;
position: relative;
z-index: 10; }
body.index .viewing-ticket .inner section.viewing {
padding: 0px 24px;
padding-top: 60px;
padding-bottom: 40px;
max-width: calc(640px - 24px - 24px);
margin: 0 auto; }
body.index .viewing-ticket .inner section.viewing h2 {
font-weight: normal;
font-size: 32px;
font-family: "Oswald", "Noto Sans JP", sans-serif;
line-height: 1.0;
text-align: center;
margin-bottom: 40px; }
body.index .viewing-ticket .inner section.viewing a {
border-radius: 4px;
display: inline-block;
font-size: 14px;
font-weight: 700;
display: flex;
padding: 12px;
font-weight: 500;
line-height: 1.2;
align-items: center;
justify-content: center; }
body.index .viewing-ticket .inner section.viewing a svg {
width: 16px;
margin-right: 6px; }
body.index .viewing-ticket .inner section.viewing a svg.icon_arrow_back {
transform: rotate(-180deg); }
body.index .viewing-ticket .inner section.ticket {
padding-top: 40px; }
body.index .viewing-ticket .inner section.ticket h2 {
font-weight: normal;
font-size: 32px;
font-family: "Oswald", "Noto Sans JP", sans-serif;
line-height: 1.0;
text-align: center;
max-width: 640px;
margin: 0 auto;
margin-bottom: 40px; }
body.index .viewing-ticket .inner section.ticket .block-items {
padding: 0px 24px;
max-width: 640px;
margin: 0 auto;
margin-bottom: 40px; }
body.index .viewing-ticket .inner section.ticket .block-ticket-viewing {
margin-left: -24px;
margin-right: -24px;
width: 100%;
padding: 24px;
margin-bottom: 40px;
position: relative; }
body.index .viewing-ticket .inner section.ticket .block-ticket-viewing:last-child {
margin-bottom: 0px; }
body.index .viewing-ticket .inner section.ticket .block-ticket-viewing > .block-bg {
position: absolute;
width: 100%;
height: 100%;
opacity: 0.2;
top: 0px;
left: 0px; }
body.index .viewing-ticket .inner section.ticket .btn_viewing {
border-radius: 4px;
display: inline-block;
border: 8px solid;
font-size: 14px;
font-weight: 700;
display: flex;
padding: 12px;
font-weight: 500;
line-height: 1.2;
align-items: center;
justify-content: flex-start;
position: relative; }
body.index .viewing-ticket .inner section.ticket .btn_viewing svg {
width: 16px;
margin-right: 6px; }
body.index .viewing-ticket .inner section.ticket .btn_viewing svg.icon_arrow_back {
transform: rotate(-180deg); }
body.index .viewing-ticket .inner section.ticket .ticket-note-block {
margin-bottom: 30px;
position: relative; }
body.index .viewing-ticket .inner section.ticket .ticket-note-block:last-child {
margin-bottom: 0px; }
body.index .viewing-ticket .inner section.ticket .ticket-note-block.top-note .ticket-note {
border-radius: 10px 10px 0px 0px;
border-bottom: 0px; }
body.index .viewing-ticket .inner section.ticket .ticket-note-block.top-note .btn_ticket_note {
border-radius: 0px 0px 10px 10px; }
body.index .viewing-ticket .inner section.ticket .ticket-note-block.bottom-note .ticket-note {
border-radius: 0px 0px 10px 10px;
border-top: 0px; }
body.index .viewing-ticket .inner section.ticket .ticket-note-block.bottom-note .btn_ticket_note {
border-radius: 10px 10px 0px 0px; }
body.index .viewing-ticket .inner section.ticket .ticket-note-block .ticket-note {
padding: 14px 24px;
border: 1px solid;
text-align: left;
font-size: 12px; }
body.index .viewing-ticket .inner section.ticket .ticket-note-block .btn_ticket_note {
border-radius: 10px;
display: inline-block;
width: 100%;
font-size: 12px;
display: flex;
text-align: left;
line-height: 1.5;
border: 1px solid;
overflow: hidden;
box-sizing: border-box; }
body.index .viewing-ticket .inner section.ticket .ticket-note-block .btn_ticket_note .desc {
padding: 14px;
width: calc(100% - 120px);
display: flex;
align-items: center;
font-weight: 700; }
body.index .viewing-ticket .inner section.ticket .ticket-note-block .btn_ticket_note .desc svg {
width: 24px;
margin-right: 12px; }
body.index .viewing-ticket .inner section.ticket .ticket-note-block .btn_ticket_note .desc em {
font-style: normal; }
body.index .viewing-ticket .inner section.ticket .ticket-note-block .btn_ticket_note .price {
padding: 14px;
text-align: center;
width: 130px;
display: flex;
align-items: center;
font-weight: 500; }
body.index .viewing-ticket .inner section.ticket .btns {
padding: 0px 24px;
max-width: 640px;
margin: 0 auto; }
body.index .viewing-ticket .inner section.ticket .btns .btn_ticket {
border-radius: 10px;
display: inline-block;
width: 100%;
font-size: 12px;
display: flex;
text-align: left;
line-height: 1.5;
margin-bottom: 30px;
border: 1px solid;
overflow: hidden; }
body.index .viewing-ticket .inner section.ticket .btns .btn_ticket:last-child {
margin-bottom: 0px; }
body.index .viewing-ticket .inner section.ticket .btns .btn_ticket .desc {
padding: 14px;
width: calc(100% - 120px);
display: flex;
align-items: center;
font-weight: 700; }
body.index .viewing-ticket .inner section.ticket .btns .btn_ticket .desc svg {
width: 24px;
margin-right: 12px; }
body.index .viewing-ticket .inner section.ticket .btns .btn_ticket .desc em {
font-style: normal; }
body.index .viewing-ticket .inner section.ticket .btns .btn_ticket .price {
padding: 14px;
text-align: center;
width: 130px;
display: flex;
align-items: center;
font-weight: 500; }
body.index .viewing-ticket .inner section.ticket .note {
padding: 0px 24px;
font-size: 12px;
text-align: left;
max-width: 640px;
margin: 0 auto;
margin-top: 20px; }
body.index .viewing-ticket .inner section.ticket .note a {
text-decoration: underline; }
body.index .viewing-ticket .inner section.ticket .general,
body.index .viewing-ticket .inner section.ticket .ticket-block {
margin-top: 40px; }
body.index .viewing-ticket .inner section.ticket > .attent {
max-width: 640px;
margin: 0 auto;
position: relative; }
body.index .viewing-ticket .inner section.ticket > .attent .bga {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0.1;
border-radius: 10px; }
body.index .viewing-ticket .inner section.ticket > .attent .inner {
padding: 24px; }
body.index .viewing-ticket .inner section.ticket > .attent .inner .head-attent {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px; }
body.index .viewing-ticket .inner section.ticket > .attent .inner .head-attent svg {
height: 20px;
margin-right: 12px; }
body.index .viewing-ticket .inner section.ticket > .attent .inner .head-attent .label {
font-weight: normal;
font-size: 22px;
font-family: "Oswald", "Noto Sans JP", sans-serif;
line-height: 1.0; }
body.index .viewing-ticket .inner section.ticket > .attent .inner .lead {
font-weight: 500;
font-size: 14px;
margin-bottom: 20px; }
body.index .viewing-ticket .inner section.ticket > .attent .inner .desc {
font-size: 12px;
margin-bottom: 20px; }
body.index .viewing-ticket .inner section.ticket > .attent .inner figure {
border-radius: 10px;
overflow: hidden;
margin-bottom: 20px; }
body.index .viewing-ticket .inner section.ticket > .attent .inner a {
border-radius: 4px;
display: inline-block;
font-size: 12;
font-weight: 700;
display: flex;
padding: 12px;
font-weight: 500;
line-height: 1.2;
align-items: center;
letter-spacing: 0;
justify-content: center; }
body.index .viewing-ticket .inner section.ticket > .attent .inner a svg {
width: 16px;
margin-right: 6px; }
body.index .viewing-ticket .inner section.ticket > .attent .inner a svg.icon_arrow_back {
transform: rotate(-180deg); }
body.index .viewing-ticket .inner section.ticket .current-steps {
max-width: calc(640px - 24px - 24px);
width: calc(100% - 24px - 24px);
display: flex;
margin: 0 auto;
border-radius: 44px;
overflow: hidden;
border: 1px solid;
position: relative;
margin: 0 auto;
margin-top: 40px;
box-sizing: border-box; }
body.index .viewing-ticket .inner section.ticket .current-steps.step-01 .current {
transform: translate(0%); }
body.index .viewing-ticket .inner section.ticket .current-steps.step-02 .current {
transform: translate(100%); }
body.index .viewing-ticket .inner section.ticket .current-steps.step-03 .current {
transform: translate(200%); }
body.index .viewing-ticket .inner section.ticket .current-steps.step-04 .current {
transform: translate(300%); }
body.index .viewing-ticket .inner section.ticket .current-steps .current {
width: 25%;
height: 44px;
position: absolute;
line-height: 44px;
background: #f0f;
border-radius: 44px;
transition: transform 0.2s; }
body.index .viewing-ticket .inner section.ticket .current-steps .step {
text-align: center;
position: relative;
width: 25%;
line-height: 44px;
font-size: 16px;
font-family: "Oswald", "Noto Sans JP", sans-serif; }
body.index .viewing-ticket .inner section.ticket .step-items-inner {
width: 400vw;
display: flex;
transition: transform 0.2s; }
body.index .viewing-ticket .inner section.ticket .step-items {
margin-top: 40px;
position: relative;
overflow: hidden; }
body.index .viewing-ticket .inner section.ticket .step-items.step-01 .step-items-inner {
transform: translate(0vw); }
body.index .viewing-ticket .inner section.ticket .step-items.step-02 .step-items-inner {
transform: translate(-100vw); }
body.index .viewing-ticket .inner section.ticket .step-items.step-03 .step-items-inner {
transform: translate(-200vw); }
body.index .viewing-ticket .inner section.ticket .step-items.step-04 .step-items-inner {
transform: translate(-300vw); }
body.index .viewing-ticket .inner section.ticket .step-items .step-item {
width: 100vw;
text-align: center; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner {
padding-left: 24px;
padding-right: 24px;
display: inline-block;
width: 100%;
box-sizing: border-box;
max-width: 640px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .desc {
margin-bottom: 32px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .item {
text-align: left;
display: flex; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .item figure {
width: 200px;
height: 200px;
position: relative;
border-radius: 10px;
text-align: center; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .item figure img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: calc(100% - 20px);
max-height: calc(100% - 20px); }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .item figure .name {
position: absolute;
bottom: 2em;
font-weight: bold;
left: 50%;
transform: translate(-50%, 0%);
font-size: 12px;
width: 100%;
line-height: 1.0; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .item figure .price {
position: absolute;
bottom: -2em;
font-weight: bold;
left: 50%;
transform: translate(-50%, 0%);
font-size: 12px;
width: 100%;
line-height: 1.0;
color: white; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .item .variation {
margin-left: 20px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input,
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input-vertical {
margin-bottom: -1em; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input input[type="radio"],
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input-vertical input[type="radio"] {
display: none; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input input[type="radio"]:checked + label::after,
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input-vertical input[type="radio"]:checked + label::after {
opacity: 1.0; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input label,
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input-vertical label {
line-height: 24px;
cursor: pointer;
position: relative;
display: inline-block;
vertical-align: top;
padding-left: 32px;
margin-right: 10px;
font-size: 12px;
margin-bottom: 1em;
font-weight: 500; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input label a,
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input-vertical label a {
text-decoration: underline; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input label:last-child,
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input-vertical label:last-child {
margin-right: 0px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input label:hover,
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input-vertical label:hover {
opacity: 0.7; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input label:before,
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input-vertical label:before {
position: absolute;
content: '';
top: 50%;
left: 0;
width: 24px;
height: 24px;
margin-top: -12px;
box-sizing: border-box;
border-radius: 100%; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input label:after,
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-radio-input-vertical label:after {
position: absolute;
content: '';
top: 50%;
left: 11px;
width: 18px;
height: 18px;
transform: translate(-8px, -50%);
opacity: 0.0;
border-radius: 100%; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-check-input {
margin-bottom: -1em; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-check-input input[type="checkbox"] {
display: none; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-check-input input[type="checkbox"]:checked + label::after {
opacity: 1.0; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-check-input label {
line-height: 24px;
cursor: pointer;
position: relative;
display: inline-block;
vertical-align: top;
padding-left: 32px;
margin-right: 10px;
font-size: 12px;
margin-bottom: 1em;
font-weight: 500; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-check-input label a {
text-decoration: underline; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-check-input label:last-child {
margin-right: 0px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-check-input label:hover {
opacity: 0.7; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-check-input label:before {
position: absolute;
content: '';
top: 50%;
left: 0;
width: 24px;
height: 24px;
margin-top: -12px;
box-sizing: border-box; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .module-check-input label:after {
position: absolute;
content: '';
top: 50%;
left: 11px;
width: 18px;
height: 18px;
transform: translate(-8px, -50%);
opacity: 0.0; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .btns {
display: flex;
justify-content: space-between;
flex-direction: column-reverse;
margin: 0 auto;
margin-top: 20px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .btns a {
display: block;
width: 100%;
margin-bottom: 20px;
background: #f0f;
display: flex;
justify-content: center;
align-items: center;
padding: 12px;
border-radius: 4px;
box-sizing: border-box; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .btns a.disable {
pointer-events: none;
opacity: 0.5; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .btns a.btn_prev svg {
transform: rotate(180deg); }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .btns a:first-child {
margin-bottom: 0px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item .step-item-inner .btns a svg {
margin-right: 6px;
width: 16px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-01 .items {
display: flex;
justify-content: center; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-02 .items {
justify-content: center;
width: 100%;
flex-wrap: wrap; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-02 .item figure img {
transform: translate(-50%, -50%); }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-02 .item {
margin-top: 0px;
margin-bottom: 24px;
min-height: calc(200px + 2em); }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-02 .item:nth-child(4), body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-02 .item:last-child {
min-height: calc(150px + 2em); }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-02 .item:nth-child(4) figure, body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-02 .item:last-child figure {
height: 150px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-02 .item figure {
width: 150px;
height: 200px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-02 .item figure img {
transform: translate(-50%, -50%); }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-02 .item figure .name {
bottom: 1em; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-02 .item .variation {
margin-left: 24px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-03 .desc {
text-align: left; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-03 .items {
text-align: center;
width: 100%; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-03 .items .item {
width: 100%;
display: inline-block;
text-align: center;
height: calc(255 + 2em); }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-03 .items .item figure {
display: inline-block;
width: 300px;
height: 254px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-03 .items .item figure img {
border-radius: 10px;
width: 100%;
max-width: calc(100%);
max-height: calc(100%); }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-03 .checks {
margin: 0 auto;
margin-top: 40px;
text-align: center; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-03 .checks .module-check-input {
text-align: left;
margin-bottom: 0em; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-03 .checks .module-check-input label {
margin-bottom: 0em; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .desc {
text-align: left; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .item {
display: block;
margin: 0 auto;
font-size: 12px; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .item .detail-head {
font-size: 14px;
font-weight: 500;
margin-bottom: 1em; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .item .detail-items,
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .item .detail-sum {
margin-bottom: 1em; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .item .detail-items .detail-item,
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .item .detail-sum .detail-item {
display: flex;
margin-bottom: 1em; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .item .detail-items .detail-item .item,
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .item .detail-sum .detail-item .item {
width: calc(60%); }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .item .detail-items .detail-item .price,
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .item .detail-sum .detail-item .price {
display: inline-block;
width: calc(40%);
text-align: right; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .item .detail-items .detail-item .price.price-offset,
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .item .detail-sum .detail-item .price.price-offset {
padding-right: 3.3em; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .item .detail-items {
border-bottom: 1px solid; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .checks {
margin: 0 auto;
margin-top: 40px;
text-align: left; }
body.index .viewing-ticket .inner section.ticket .step-items .step-item.step-04 .btns {
margin-top: 24px; }
body.index .block-warn {
text-align: left;
width: 100%;
margin: 0 auto;
margin-top: 40px; }
body.index .block-warn .accordion-container {
padding: 0px 24px;
position: relative;
margin-bottom: 24px; }
body.index .block-warn .accordion-container:last-child {
margin-bottom: 0px; }
body.index .block-warn .accordion-container > .warn-bg {
position: absolute;
width: 100%;
height: 100%;
opacity: 0.2;
top: 0px;
left: 0px; }
body.index .block-warn .accordion-container.show_acc .accordion-head a .icon:after {
transform: translate(-50%, -50%) rotate(0deg); }
body.index .block-warn .accordion-container .accordion-head {
transition: color 0.4s;
padding-top: 1em;
padding-bottom: 1em;
font-weight: 500; }
body.index .block-warn .accordion-container .accordion-head a {
display: flex;
align-items: top;
position: relative; }
body.index .block-warn .accordion-container .accordion-head a .icon {
width: 24px;
height: 24px;
border-radius: 24px;
display: block;
position: relative;
border: 1px solid;
position: absolute;
top: 50%;
right: 0px;
transform: translate(0px, -50%); }
body.index .block-warn .accordion-container .accordion-head a .icon:before, body.index .block-warn .accordion-container .accordion-head a .icon:after {
content: "";
width: 11px;
height: 0px;
display: block;
border-top: 2px solid;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
body.index .block-warn .accordion-container .accordion-head a .icon:before {
transform: translate(-50%, calc(-50%)); }
body.index .block-warn .accordion-container .accordion-head a .icon:after {
transform: translate(-50%, -50%) rotate(-90deg); }
body.index .block-warn .accordion-container .accordion-child {
height: 0;
overflow: hidden;
transition: height 0.4s;
box-sizing: border-box;
font-weight: 300; }
body.index .block-warn .accordion-container .accordion-child p {
padding-bottom: 1em;
display: flex;
align-items: top; }
body.index section.info {
position: relative; }
body.index section.info .bg {
content: "";
background: url(/assets/img/event/bg_info.png) center;
background-size: 116px 100px;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 1; }
body.index section.info .inner {
padding: 60px 24px;
position: relative;
z-index: 10;
max-width: 640px;
margin: 0 auto; }
body.index section.info .inner h2 {
font-weight: normal;
font-size: 32px;
font-family: "Oswald", "Noto Sans JP", sans-serif;
line-height: 1.0;
text-align: center;
margin-bottom: 40px; }
body.index section.info .inner .desc-main {
margin-bottom: 40px;
font-size: 16px;
font-weight: 500; }
body.index section.info .inner .desc-sub {
margin-bottom: 60px;
font-size: 12px;
font-weight: 400; }
body.index section.info .inner .available-features {
margin-bottom: 80px; }
body.index section.info .inner .available-features .items {
display: flex;
justify-content: center;
align-items: top; }
body.index section.info .inner .available-features .items .item {
margin: 0px 15px; }
body.index section.info .inner .available-features .items .item .label {
width: 100%;
text-align: center;
font-size: 12px;
margin-top: 1em;
line-height: 1.0;
margin-top: 0.5em;
line-height: 1.5; }
body.index section.info .inner .available-features .items .item .icon {
width: 60px;
height: 60px;
border: 2px solid;
border-radius: 50px;
position: relative;
margin: 0 auto; }
body.index section.info .inner .available-features .items .item .icon.disable:after {
content: "";
width: 60px;
height: 0px;
border-top: 3px solid;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, 0px) rotate(45deg); }
body.index section.info .inner .available-features .items .item .icon svg {
width: 30px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
body.index section.info .inner .info-items .item {
margin-bottom: 40px; }
body.index section.info .inner .info-items .item:last-child {
margin-bottom: 0px; }
body.index section.info .inner .info-items .item .head {
border: 1px solid;
margin-bottom: 32px;
font-size: 16px;
font-weight: 500;
line-height: 1.0;
padding: 12px;
border-radius: 100px;
text-align: center; }
body.index section.info .inner .info-items .item .body {
font-size: 14px;
margin-bottom: 40px; }
body.index section.info .inner .info-items .item .body:last-child {
margin-bottom: 0px; }
body.index section.info .inner .info-items .item .body a {
text-decoration: underline; }
body.index section.artist {
padding: 50px 0px; }
body.index section.artist .inner {
padding-left: 24px;
padding-right: 24px;
max-width: 640px;
margin: 0 auto; }
body.index section.artist .inner figure {
width: 100%;
max-width: 300px;
margin: 0 auto; }
body.index section.artist .inner figure img {
width: 100%; }
body.index section.artist .inner .info {
margin-top: 32px; }
body.index section.artist .inner .info h2 {
font-weight: normal;
font-size: 23px;
font-family: "Oswald", "Noto Sans JP", sans-serif;
line-height: 1.0;
text-align: center; }
body.index section.artist .inner .info p {
margin-top: 1.5em;
font-size: 14px; }
body.index .module-block-attent .module-block-body {
position: relative;
padding: 20px 24px;
margin-left: -24px;
width: calc(100%); }
body.index .module-block-attent .module-block-body > .bg {
position: absolute;
width: 100%;
height: 100%;
border-radius: 10px;
opacity: 0.2;
top: 0px;
left: 0px; }
body.index .module-block-attent .module-block-body > .inner {
position: relative;
text-align: center; }
body.index .module-block-attent .module-block-body > .inner .module-head-attent {
margin-bottom: 1em;
display: inline-flex;
align-items: center;
text-align: center;
line-height: 1.2;
font-size: 20px;
font-family: "Oswald", "Noto Sans JP", sans-serif; }
body.index .module-block-attent .module-block-body > .inner .module-head-attent svg {
margin-right: 12px;
height: 23px; }
body.index .module-block-attent .module-block-body > .inner .module-txt-l {
font-size: 12px;
font-weight: 500; }
body.index .module-block-attent .module-block-body > .inner .btns {
margin-top: 30px;
justify-content: space-between; }
body.index .module-block-attent .module-block-body > .inner .btns .module-btn {
margin-bottom: 1em; }
body.index .module-block-attent .module-block-body > .inner .btns .module-btn:last-child {
margin-bottom: 0em; }
body.index .module-block-attent .module-block-body > .inner .btns .module-btn a {
position: relative; }
body.index .module-block-attent .module-block-body > .inner .btns .module-btn a .icon_arrow {
position: absolute;
top: 50%;
left: 20px;
transform: translate(0px, -50%); }
body.index .module-block-attent .module-block-body > .inner .btns .module-btn a .label {
line-height: 24px; }
body.general .container > .bg {
content: "";
background: url(/assets/img/event/bg_info.png) center;
background-size: 116px 100px;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 0; }
body.general .container .content {
padding: 60px 24px;
position: relative;
z-index: 10;
max-width: 640px;
margin: 0 auto; }
body.general .container .content .bld {
font-weight: bold; }
body.general .container .content .lt {
font-weight: 300; }
body.general .container .content .tac {
text-align: center;
justify-content: center; }
body.general .container .content .tar {
text-align: right;
justify-content: flex-end; }
body.general .container .content .disable {
pointer-events: none; }
body.general .container .content .disable.harf {
opacity: 0.5; }
body.general .module-title {
border: 1px solid;
margin-bottom: 32px;
font-size: 16px;
font-weight: 500;
line-height: 1.0;
padding: 12px;
border-radius: 100px;
text-align: center; }
body.general .module-form-acc {
height: 0;
overflow: hidden;
transition: height 0.4s;
box-sizing: border-box; }
body.general .module-form-acc.mt .inner {
padding-top: 20px;
padding-bottom: 0px; }
body.general .module-form-acc .inner {
padding-bottom: 20px; }
body.general .module-form-acc .inner.indent {
padding-left: 20px;
padding-bottom: 0px; }
body.general .module-payment-acc {
height: 0;
overflow: hidden;
transition: height 0.4s;
box-sizing: border-box; }
body.general .module-payment-acc .inner {
padding-top: 20px; }
body.general .module-acc {
text-align: left; }
body.general .module-acc .accordion-container {
border-bottom: 1px solid; }
body.general .module-acc .accordion-container.show_acc .accordion-head a svg {
transform: translate(0px, -50%) rotate(180deg); }
body.general .module-acc .accordion-container .accordion-head {
transition: color 0.4s;
padding-top: 1em;
padding-bottom: 1em;
font-weight: 500; }
body.general .module-acc .accordion-container .accordion-head a {
display: flex;
align-items: top;
position: relative; }
body.general .module-acc .accordion-container .accordion-head a .head {
margin-right: 1em;
font-weight: bold; }
body.general .module-acc .accordion-container .accordion-head a svg {
position: absolute;
top: 50%;
right: 11px;
transform: translate(0px, -50%);
width: 6px; }
body.general .module-acc .accordion-container .accordion-child {
height: 0;
overflow: hidden;
transition: height 0.4s;
box-sizing: border-box;
font-weight: 300; }
body.general .module-acc .accordion-container .accordion-child p {
padding-bottom: 1em;
display: flex;
align-items: top; }
body.general .module-acc .accordion-container .accordion-child p .head {
display: inline-block;
margin-right: 1em;
font-weight: bold; }
body.general .module-btn.module-btn-border a {
border: 1px solid; }
body.general .module-btn a {
border-radius: 4px;
display: inline-block;
font-size: 14px;
font-weight: 700;
display: flex;
padding: 12px;
font-weight: 500;
line-height: 1.2;
align-items: center; }
body.general .module-btn a svg {
width: 16px;
margin-right: 6px; }
body.general .module-btn a svg.icon_arrow_back {
transform: rotate(-180deg); }
body.general .module-btn-harf {
display: flex;
justify-content: space-between; }
body.general .module-btn-harf .module-btn {
width: calc(50% - 10px); }
body.general .module {
margin-bottom: 20px; }
body.general .module.mb0 {
margin-bottom: 0px; }
body.general .module:last-child {
margin-bottom: 0px; }
body.general .module .input-title {
display: inline-block;
font-weight: 500;
font-size: 12px;
margin-bottom: 0.25em; }
body.general .module-block {
position: relative;
margin-bottom: 40px; }
body.general .module-block:last-child {
margin-bottom: 0px; }
body.general .module-block-bg2 {
margin-bottom: 40px;
padding: 20px 20px;
padding-right: 0px;
border-radius: 10px; }
body.general .module-block-bg2:last-child {
margin-bottom: 0px; }
body.general .module-table .items {
margin-bottom: 40px;
font-size: 12px; }
body.general .module-table .items:last-child {
margin-bottom: 0px; }
body.general .module-table .items .item {
margin-bottom: 1em;
display: flex;
justify-content: space-between; }
body.general .module-table .items .item .item-head {
width: calc(40% - 20px);
font-weight: 500; }
body.general .module-table .items .item .item-body {
width: calc(60% - 20px);
font-weight: 300;
word-break: break-all; }
body.general .module-table .module-btn-s a {
display: flex;
padding: 8px 12px;
border-radius: 4px; }
body.general .module-table .module-btn-s a .label {
font-weight: 500;
font-size: 12px; }
body.general .module-table .module-btn-s a svg {
width: 16px;
margin-right: 12px; }
body.general .module-table .module-btn-s a svg.icon_arrow_back {
transform: rotate(-180deg); }
body.general .module-block-bg .module-block-title,
body.general .module-block-error .module-block-title,
body.general .module-block-attent .module-block-title,
body.general .module-block-detail .module-block-title {
font-size: 16px;
font-weight: 500;
margin-bottom: 1em; }
body.general .module-block-bg .module-block-body,
body.general .module-block-error .module-block-body,
body.general .module-block-attent .module-block-body,
body.general .module-block-detail .module-block-body {
position: relative;
padding: 20px 24px;
margin-left: -24px;
width: calc(100%); }
body.general .module-block-bg .module-block-body > .bg,
body.general .module-block-error .module-block-body > .bg,
body.general .module-block-attent .module-block-body > .bg,
body.general .module-block-detail .module-block-body > .bg {
position: absolute;
width: 100%;
height: 100%;
border-radius: 10px;
opacity: 0.2;
top: 0px;
left: 0px; }
body.general .module-block-bg .module-block-body > .inner,
body.general .module-block-error .module-block-body > .inner,
body.general .module-block-attent .module-block-body > .inner,
body.general .module-block-detail .module-block-body > .inner {
position: relative; }
body.general .module-block-bg .module-block-body > .inner .detail-items,
body.general .module-block-bg .module-block-body > .inner .detail-sum,
body.general .module-block-error .module-block-body > .inner .detail-items,
body.general .module-block-error .module-block-body > .inner .detail-sum,
body.general .module-block-attent .module-block-body > .inner .detail-items,
body.general .module-block-attent .module-block-body > .inner .detail-sum,
body.general .module-block-detail .module-block-body > .inner .detail-items,
body.general .module-block-detail .module-block-body > .inner .detail-sum {
margin-bottom: 1em;
margin-left: -20px;
width: calc(100% + 0px);
padding: 0px 20px;
font-weight: 500;
font-size: 12px; }
body.general .module-block-bg .module-block-body > .inner .detail-items .detail-item,
body.general .module-block-bg .module-block-body > .inner .detail-sum .detail-item,
body.general .module-block-error .module-block-body > .inner .detail-items .detail-item,
body.general .module-block-error .module-block-body > .inner .detail-sum .detail-item,
body.general .module-block-attent .module-block-body > .inner .detail-items .detail-item,
body.general .module-block-attent .module-block-body > .inner .detail-sum .detail-item,
body.general .module-block-detail .module-block-body > .inner .detail-items .detail-item,
body.general .module-block-detail .module-block-body > .inner .detail-sum .detail-item {
display: flex;
margin-bottom: 1em;
justify-content: space-between; }
body.general .module-block-bg .module-block-body > .inner .detail-items .detail-item .item,
body.general .module-block-bg .module-block-body > .inner .detail-sum .detail-item .item,
body.general .module-block-error .module-block-body > .inner .detail-items .detail-item .item,
body.general .module-block-error .module-block-body > .inner .detail-sum .detail-item .item,
body.general .module-block-attent .module-block-body > .inner .detail-items .detail-item .item,
body.general .module-block-attent .module-block-body > .inner .detail-sum .detail-item .item,
body.general .module-block-detail .module-block-body > .inner .detail-items .detail-item .item,
body.general .module-block-detail .module-block-body > .inner .detail-sum .detail-item .item {
display: inline-block;
width: calc(60% - 10px); }
body.general .module-block-bg .module-block-body > .inner .detail-items .detail-item .price,
body.general .module-block-bg .module-block-body > .inner .detail-sum .detail-item .price,
body.general .module-block-error .module-block-body > .inner .detail-items .detail-item .price,
body.general .module-block-error .module-block-body > .inner .detail-sum .detail-item .price,
body.general .module-block-attent .module-block-body > .inner .detail-items .detail-item .price,
body.general .module-block-attent .module-block-body > .inner .detail-sum .detail-item .price,
body.general .module-block-detail .module-block-body > .inner .detail-items .detail-item .price,
body.general .module-block-detail .module-block-body > .inner .detail-sum .detail-item .price {
display: inline-block;
width: calc(40% - 10px); }
body.general .module-block-bg .module-block-body > .inner .detail-items,
body.general .module-block-error .module-block-body > .inner .detail-items,
body.general .module-block-attent .module-block-body > .inner .detail-items,
body.general .module-block-detail .module-block-body > .inner .detail-items {
border-bottom: 1px solid; }
body.general .module-block-bg .module-block-body > .inner .detail-sum,
body.general .module-block-error .module-block-body > .inner .detail-sum,
body.general .module-block-attent .module-block-body > .inner .detail-sum,
body.general .module-block-detail .module-block-body > .inner .detail-sum {
margin-bottom: 0em; }
body.general .module-block-bg .module-block-body > .inner .btns,
body.general .module-block-error .module-block-body > .inner .btns,
body.general .module-block-attent .module-block-body > .inner .btns,
body.general .module-block-detail .module-block-body > .inner .btns {
margin-top: 30px;
display: flex;
justify-content: space-between; }
body.general .module-block-bg .module-block-body > .inner .btns .module-btn,
body.general .module-block-error .module-block-body > .inner .btns .module-btn,
body.general .module-block-attent .module-block-body > .inner .btns .module-btn,
body.general .module-block-detail .module-block-body > .inner .btns .module-btn {
margin-bottom: 1em;
width: calc(50% - 15px); }
body.general .module-block-bg .module-block-body > .inner .btns .module-btn:last-child,
body.general .module-block-error .module-block-body > .inner .btns .module-btn:last-child,
body.general .module-block-attent .module-block-body > .inner .btns .module-btn:last-child,
body.general .module-block-detail .module-block-body > .inner .btns .module-btn:last-child {
margin-bottom: 0em; }
body.general .module-block-detail .module-block-body > .bg {
opacity: 1.0; }
body.general .module-block-attent .module-block-body > .inner .module-head-attent {
margin-bottom: 1em;
display: flex;
align-items: center; }
body.general .module-block-attent .module-block-body > .inner .module-head-attent svg {
margin-right: 12px;
height: 23px; }
body.general .module-head-error {
line-height: 1.2;
font-size: 16px;
font-family: "Oswald", "Noto Sans JP", sans-serif; }
body.general .module-head-attent {
line-height: 1.2;
font-size: 20px;
font-family: "Oswald", "Noto Sans JP", sans-serif; }
body.general .module-head-s {
line-height: 1.2;
font-size: 14px;
font-weight: 500; }
body.general .module-txt-l {
font-size: 12px;
font-weight: 500; }
body.general .module-txt-s {
font-size: 10px;
font-weight: 500; }
body.general .module-input-harf,
body.general .module-input-quarter {
display: flex;
justify-content: space-between; }
body.general .module-input-harf > div,
body.general .module-input-quarter > div {
width: calc(50% - 10px); }
body.general .module-input-postalcode {
max-width: 250px; }
body.general .module-input-postalcode .module-txt-input {
display: flex;
justify-content: space-between; }
body.general .module-input-postalcode .module-txt-input input[type="text"] {
width: calc(50% - 10px); }
body.general .module-input-postalcode .module-txt-input .module-btn {
width: calc(50% - 10px); }
body.general .module-input-date {
max-width: 250px; }
body.general .module-input-date .module-txt-input {
display: flex;
justify-content: space-between; }
body.general .module-input-date .module-txt-input input[type="text"] {
width: calc(35% - 10px);
text-align: center; }
body.general .module-input-date .module-txt-input span {
width: calc(15% - 10px);
line-height: 34px;
font-weight: 500;
font-size: 12px; }
body.general .module-input-birthday {
width: calc(100%); }
body.general .module-input-birthday .input-module {
display: flex;
justify-content: space-between; }
body.general .module-input-birthday .input-module .module-select {
width: calc(20% - 10px); }
body.general .module-input-birthday .input-module .module-select:first-child {
width: calc(30% - 10px); }
body.general .module-input-birthday .input-module > span {
width: calc(10% - 10px);
line-height: 34px;
font-weight: 500; }
body.general .module-txt-input input[type="text"],
body.general .module-txt-input input[type="password"] {
font-size: 12px;
width: 100%;
padding: 11px;
box-sizing: border-box;
outline: none;
border: none;
display: block;
border-radius: 4px;
font-weight: 500;
background: white; }
body.general .module-select,
body.general .module-select-s {
position: relative; }
body.general .module-select .arrow,
body.general .module-select-s .arrow {
position: absolute;
top: 50%;
right: 10px;
transform: translate(0px, -50%); }
body.general .module-select .arrow svg,
body.general .module-select-s .arrow svg {
height: 8px;
transform: rotate(90deg); }
body.general .module-select select,
body.general .module-select-s select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
background: #fff;
font-size: 12px;
padding: 10px;
width: 100%;
border-radius: 0px;
background: #bfbfbf;
border-radius: 4px;
font-weight: 500; }
body.general .module-select-s {
position: absolute;
top: 0px;
right: 0px; }
body.general .module-select-s select {
padding: 8px;
padding-right: 40px;
width: auto; }
body.general .module-radio-input,
body.general .module-radio-input-vertical {
margin-bottom: -1em; }
body.general .module-radio-input input[type="radio"],
body.general .module-radio-input-vertical input[type="radio"] {
display: none; }
body.general .module-radio-input input[type="radio"]:checked + label::after,
body.general .module-radio-input-vertical input[type="radio"]:checked + label::after {
opacity: 1.0; }
body.general .module-radio-input label,
body.general .module-radio-input-vertical label {
line-height: 24px;
cursor: pointer;
position: relative;
display: inline-block;
vertical-align: top;
padding-left: 32px;
margin-right: 10px;
font-size: 12px;
margin-bottom: 1em;
font-weight: 500; }
body.general .module-radio-input label.iconlabel,
body.general .module-radio-input-vertical label.iconlabel {
display: flex;
align-items: center;
justify-content: space-between; }
body.general .module-radio-input label.iconlabel .icon,
body.general .module-radio-input-vertical label.iconlabel .icon {
width: 80px;
height: 25px;
display: flex;
align-items: center; }
body.general .module-radio-input label.iconlabel .icon img,
body.general .module-radio-input-vertical label.iconlabel .icon img {
max-width: 100%;
max-height: 100%; }
body.general .module-radio-input label.iconlabel .label,
body.general .module-radio-input-vertical label.iconlabel .label {
width: calc(100% - 80px - 20px); }
body.general .module-radio-input label a,
body.general .module-radio-input-vertical label a {
text-decoration: underline; }
body.general .module-radio-input label:last-child,
body.general .module-radio-input-vertical label:last-child {
margin-right: 0px; }
body.general .module-radio-input label:hover,
body.general .module-radio-input-vertical label:hover {
opacity: 0.7; }
body.general .module-radio-input label:before,
body.general .module-radio-input-vertical label:before {
position: absolute;
content: '';
top: 50%;
left: 0;
width: 24px;
height: 24px;
margin-top: -12px;
box-sizing: border-box;
border-radius: 100%; }
body.general .module-radio-input label:after,
body.general .module-radio-input-vertical label:after {
position: absolute;
content: '';
top: 50%;
left: 11px;
width: 18px;
height: 18px;
transform: translate(-8px, -50%);
opacity: 0.0;
border-radius: 100%; }
body.general .module-check-input,
body.general .module-check-input-vertical {
margin-bottom: -1em; }
body.general .module-check-input input[type="checkbox"],
body.general .module-check-input-vertical input[type="checkbox"] {
display: none; }
body.general .module-check-input input[type="checkbox"]:checked + label::after,
body.general .module-check-input-vertical input[type="checkbox"]:checked + label::after {
opacity: 1.0; }
body.general .module-check-input label,
body.general .module-check-input-vertical label {
line-height: 24px;
cursor: pointer;
position: relative;
display: inline-block;
vertical-align: top;
padding-left: 32px;
margin-right: 10px;
font-size: 12px;
margin-bottom: 1em;
font-weight: 500; }
body.general .module-check-input label a,
body.general .module-check-input-vertical label a {
text-decoration: underline; }
body.general .module-check-input label:last-child,
body.general .module-check-input-vertical label:last-child {
margin-right: 0px; }
body.general .module-check-input label:hover,
body.general .module-check-input-vertical label:hover {
opacity: 0.7; }
body.general .module-check-input label:before,
body.general .module-check-input-vertical label:before {
position: absolute;
content: '';
top: 50%;
left: 0;
width: 24px;
height: 24px;
margin-top: -12px;
box-sizing: border-box; }
body.general .module-check-input label:after,
body.general .module-check-input-vertical label:after {
position: absolute;
content: '';
top: 50%;
left: 11px;
width: 18px;
height: 18px;
transform: translate(-8px, -50%);
opacity: 0.0; }
body.general .module-textarea textarea {
font-size: 14px;
width: 100%;
padding: 10px;
box-sizing: border-box;
outline: none;
border: none;
display: block;
background: white;
border-radius: 4px;
font-weight: 500; }
body.mypage .back-mypage {
text-align: right; }
body.mypage .back-mypage a {
display: inline-flex;
justify-content: flex-end;
align-items: center; }
body.mypage .back-mypage a .label {
display: block;
margin-left: 10px;
font-size: 14px; }
body.mypage .back-mypage a .icon_arrow {
display: block;
width: 20px;
height: 20px;
border-radius: 10px;
border: 1px solid;
position: relative;
transform: rotate(180deg); }
body.mypage .mypage-content {
margin-top: 40px; }
body.mypage .mypage-clm nav {
width: 100%; }
body.mypage .mypage-clm nav li a {
display: block;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
border-bottom: 1px solid;
display: flex;
justify-content: flex-start;
align-items: center; }
body.mypage .mypage-clm nav li a .icon_box {
width: 27px;
margin-right: 8px; }
body.mypage .mypage-clm nav li a .badge {
width: 19px;
height: 19px;
display: block;
position: relative;
border-radius: 19px;
margin-left: 8px; }
body.mypage .mypage-clm nav li a .badge em {
width: 100%;
text-align: center;
font-style: normal;
font-size: 10px;
letter-spacing: 0em;
line-height: 1.0;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
body.mypage .mypage-clm nav li .icon_arrow {
width: 8px;
transform: rotate(-90deg);
position: absolute;
top: 50%;
right: 0%;
margin-top: -4px; }
body.mypage .mypage-clm .module-block .mypage-btns,
body.mypage .mypage-clm .module-block-bg .mypage-btns,
body.mypage .mypage-clm .module-block-error .mypage-btns,
body.mypage .mypage-clm .module-block-attent .mypage-btns,
body.mypage .mypage-clm .module-block-detail .mypage-btns {
bottom: 0%;
right: 0px;
margin-top: 0px;
z-index: 1;
text-align: right; }
body.mypage .mypage-clm .module-block .mypage-btns .module-btn,
body.mypage .mypage-clm .module-block-bg .mypage-btns .module-btn,
body.mypage .mypage-clm .module-block-error .mypage-btns .module-btn,
body.mypage .mypage-clm .module-block-attent .mypage-btns .module-btn,
body.mypage .mypage-clm .module-block-detail .mypage-btns .module-btn {
display: inline-block;
width: auto; }
body.mypage .mypage-clm .module-block .mypage-btns .module-btn:first-child,
body.mypage .mypage-clm .module-block-bg .mypage-btns .module-btn:first-child,
body.mypage .mypage-clm .module-block-error .mypage-btns .module-btn:first-child,
body.mypage .mypage-clm .module-block-attent .mypage-btns .module-btn:first-child,
body.mypage .mypage-clm .module-block-detail .mypage-btns .module-btn:first-child {
margin-left: 0px; }
body.mypage .mypage-clm .module-block .mypage-btns .module-btn a,
body.mypage .mypage-clm .module-block-bg .mypage-btns .module-btn a,
body.mypage .mypage-clm .module-block-error .mypage-btns .module-btn a,
body.mypage .mypage-clm .module-block-attent .mypage-btns .module-btn a,
body.mypage .mypage-clm .module-block-detail .mypage-btns .module-btn a {
display: flex;
padding: 0px 20px;
border-radius: 4px;
line-height: 32px;
height: 32px; }
body.mypage .mypage-clm .module-block .mypage-btns .module-btn a .label,
body.mypage .mypage-clm .module-block-bg .mypage-btns .module-btn a .label,
body.mypage .mypage-clm .module-block-error .mypage-btns .module-btn a .label,
body.mypage .mypage-clm .module-block-attent .mypage-btns .module-btn a .label,
body.mypage .mypage-clm .module-block-detail .mypage-btns .module-btn a .label {
font-weight: 500;
font-size: 12px; }
body.mypage .mypage-clm .module-block .mypage-btns .module-btn a svg,
body.mypage .mypage-clm .module-block-bg .mypage-btns .module-btn a svg,
body.mypage .mypage-clm .module-block-error .mypage-btns .module-btn a svg,
body.mypage .mypage-clm .module-block-attent .mypage-btns .module-btn a svg,
body.mypage .mypage-clm .module-block-detail .mypage-btns .module-btn a svg {
width: 16px;
margin-right: 12px; }
body.mypage .mypage-clm .module-block .mypage-btns .module-btn a svg.icon_arrow_back,
body.mypage .mypage-clm .module-block-bg .mypage-btns .module-btn a svg.icon_arrow_back,
body.mypage .mypage-clm .module-block-error .mypage-btns .module-btn a svg.icon_arrow_back,
body.mypage .mypage-clm .module-block-attent .mypage-btns .module-btn a svg.icon_arrow_back,
body.mypage .mypage-clm .module-block-detail .mypage-btns .module-btn a svg.icon_arrow_back {
transform: rotate(-180deg); }
body.mypage .mypage-clm .module-table.brdr-btm .items .item {
padding-bottom: 1.5em;
border-bottom: 1px solid; }
body.mypage .mypage-clm .module-table .items .item {
position: relative; }
body.mypage .mypage-clm .module-table .items .item .badge {
margin-top: 1em;
font-size: 11px;
line-height: 1.0;
border-radius: 28px;
border: 1px solid;
display: inline-block;
padding: 8px 12px; }
body.mypage .mypage-clm .module-table .items .item .item-head {
font-weight: 500; }
body.mypage .mypage-clm .module-table .items .item .item-body {
font-weight: 300;
position: relative; }
body.mypage .mypage-clm .module-table .items .item .btns {
margin-top: 1em; }
body.mypage .mypage-clm .module-table .items .item .btns .module-btn {
width: auto;
margin-left: 24px;
margin-bottom: 0px; }
body.mypage .mypage-clm .module-table .items .item .btns .module-btn:first-child {
margin-left: 0px; }
body.mypage .mypage-clm .module-ticket,
body.mypage .mypage-clm .module-ticket-detail {
position: relative; }
body.mypage .mypage-clm .module-ticket .module-ticket-items .module-ticket-item,
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item {
display: flex;
align-items: flex-start;
position: relative;
padding: 20px 24px;
margin-left: -24px;
width: calc(100% + 24px + 24px);
border-radius: 10px;
overflow: hidden;
margin-bottom: 24px;
box-sizing: border-box; }
body.mypage .mypage-clm .module-ticket .module-ticket-items .module-ticket-item:last-child,
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item:last-child {
margin-bottom: 0px; }
body.mypage .mypage-clm .module-ticket .module-ticket-items .module-ticket-item > .bg,
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item > .bg {
position: absolute;
width: 100%;
height: 100%;
border-radius: 10px;
opacity: 0.2;
top: 0px;
left: 0px; }
body.mypage .mypage-clm .module-ticket .module-ticket-items .module-ticket-item figure,
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item figure {
width: 100px;
position: relative; }
body.mypage .mypage-clm .module-ticket .module-ticket-items .module-ticket-item figure img,
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item figure img {
width: 100%; }
body.mypage .mypage-clm .module-ticket .module-ticket-items .module-ticket-item .info,
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info {
width: calc(100% - 100px);
padding-left: 16px;
box-sizing: border-box;
position: relative; }
body.mypage .mypage-clm .module-ticket .module-ticket-items .module-ticket-item .info .state,
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .state {
font-size: 11px;
line-height: 1.0;
border-radius: 28px;
border: 1px solid;
display: inline-block;
padding: 8px 12px;
margin-bottom: 12px; }
body.mypage .mypage-clm .module-ticket .module-ticket-items .module-ticket-item .info .title,
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .title {
font-size: 14px;
font-weight: 500;
margin-bottom: 12px;
line-height: 1.2; }
body.mypage .mypage-clm .module-ticket .module-ticket-items .module-ticket-item .info .date,
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .date {
font-size: 10px;
line-height: 1.0;
margin-top: 24px; }
body.mypage .mypage-clm .module-ticket .module-ticket-items .module-ticket-item .info .btns,
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .btns {
margin-top: 24px; }
body.mypage .mypage-clm .module-ticket .module-ticket-items .module-ticket-item .info .btns .module-btn,
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .btns .module-btn {
margin-bottom: 24px;
width: 100%; }
body.mypage .mypage-clm .module-ticket .module-ticket-items .module-ticket-item .info .btns .module-btn:last-child,
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .btns .module-btn:last-child {
margin-bottom: 0px; }
body.mypage .mypage-clm .module-ticket {
margin-bottom: 40px; }
body.mypage .mypage-clm .module-ticket:last-child {
margin-bottom: 0px; }
body.mypage .mypage-clm .module-ticket .module-block-title {
font-size: 16px;
font-weight: 500;
margin-bottom: 1em; }
body.mypage .mypage-clm .module-ticket .pager {
margin-top: 12px;
text-align: center;
display: flex;
justify-content: center;
align-items: center; }
body.mypage .mypage-clm .module-ticket .pager .btn_prev,
body.mypage .mypage-clm .module-ticket .pager .btn_next {
margin: 0px 10px; }
body.mypage .mypage-clm .module-ticket .pager .btn_prev.disable,
body.mypage .mypage-clm .module-ticket .pager .btn_next.disable {
pointer-events: none; }
body.mypage .mypage-clm .module-ticket .pager .btn_prev svg,
body.mypage .mypage-clm .module-ticket .pager .btn_next svg {
height: 20px; }
body.mypage .mypage-clm .module-ticket .pager .btn_prev .icon_arrow_back,
body.mypage .mypage-clm .module-ticket .pager .btn_next .icon_arrow_back {
transform: rotate(-180deg); }
body.mypage .mypage-clm .module-ticket .pager .btn_numb {
margin: 0px 6px;
display: inline-block;
padding: 12px 16px;
border: 1px solid;
line-height: 1.0;
border-radius: 10px; }
body.mypage .mypage-clm .module-ticket .pager .btn_numb.current {
pointer-events: none; }
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .ticket-detail {
margin-top: 40px;
font-weight: 300; }
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .ticket-detail span {
font-weight: 500; }
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .video {
position: relative; }
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .video:last-child {
margin-bottom: 0px; }
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .video .player {
width: 100%;
position: relative;
margin: 0 auto; }
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .video .player:before {
content: "";
display: block;
padding-top: 56.25%; }
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .video .player iframe {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%; }
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .video video {
background: black; }
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .video .btn_box_play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%; }
body.mypage .mypage-clm .module-ticket-detail .module-ticket-items .module-ticket-item .info .video .btn_box_play svg {
width: 38px;
height: 38px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); } }