@charset "UTF-8";
#top.kv {
 position: relative;
 width: 100%;
 background: #7ecef4;
 z-index: 4;
}
#top.kv:before {
 content: "";
 position: relative;
 display: block;
 width: 100%;
 padding-top: 50%;
}
#top.kv .copy {
 width: 33%;
 position: absolute;
 left: 23%;
 top: 13%;
 z-index: 25;
}
#top.kv h1 {
 width: 37.5%;
 position: absolute;
 left: 0;
 right: 0;
 margin: 0 auto;
 top: 33.5%;
 z-index: 25;
}
#top.kv .info {
 width: 15%;
 position: absolute;
 top: 70%;
 left: 71%;
 margin: 0 auto;
 animation: 7s fuwafuwa01 infinite;
 z-index: 25;
}
#top.kv > span {
 display: block;
 background-size: cover;
 position: absolute;
}
.kv_comedian01 {
 background: url("../images/kv_comedian01.png") no-repeat;
 bottom: 0;
 left: 18%;
 width: 15%;
 padding-top: calc(106% * 0.15);
 z-index: 10;
 animation: updown 2.2s linear infinite;
 transform-origin: bottom center;
}
.kv_comedian02 {
 background: url("../images/kv_comedian02.png") no-repeat;
 bottom: -10%;
 left: 34%;
 width: 13%;
 padding-top: calc(114.58% * 0.13);
 z-index: 9;
 animation: rotation 10s linear infinite;
 transform-origin: bottom center;
}
.kv_comedian03 {
 background: url("../images/kv_comedian03.png") no-repeat;
 bottom: -8%;
 left: 56%;
 width: 15%;
 padding-top: calc(122% * 0.15);
 z-index: 10;
 animation: spin 5s linear infinite;
 transform-origin: bottom center;
}
.kv_comedian04 {
 background: url("../images/kv_comedian04.png") no-repeat;
 bottom: 37%;
 left: 16%;
 width: 12%;
 padding-top: calc(112.584% * 0.12);
 z-index: 10;
 animation: rotation 20s ease-out infinite;
 transform-origin: center center;
}
.kv_comedian05 {
 background: url("../images/kv_comedian05.png") no-repeat;
 bottom: 60%;
 left: 41%;
 width: 10%;
 padding-top: calc(91.99% * 0.10);
 z-index: 10;
 animation: updown 2.2s linear infinite;
 transform-origin: bottom center;
}
.kv_comedian06 {
 background: url("../images/kv_comedian06.png") no-repeat;
 bottom: 50%;
 left: 49.5%;
 width: 17.5%;
 padding-top: calc(74.28% * 0.175);
 z-index: 10;
 animation: scale 2s linear infinite;
 transform-origin: bottom center;
}
.kv_comedian07 {
 background: url("../images/kv_comedian07.png") no-repeat;
 bottom: 32%;
 left: 74%;
 width: 9.5%;
 padding-top: calc(158.21% * 0.095);
 z-index: 10;
 animation: rotation2 30s ease-out infinite;
 transform-origin: center center;
}
.kv_comedian08 {
 background: url("../images/kv_comedian08.png") no-repeat;
 bottom: 69.5%;
 left: 35.5%;
 width: 11.5%;
 padding-top: calc(106.37% * 0.115);
 z-index: 2;
 animation: scale 3s linear infinite;
 transform-origin: bottom center;
}
.kv_comedian09 {
 background: url("../images/kv_comedian09.png") no-repeat;
 bottom: 56%;
 left: 28.5%;
 width: 11.5%;
 padding-top: calc(106.238% * 0.115);
 z-index: 2;
 animation: yurayura 3s linear infinite;
 transform-origin: bottom right;
}
.kv_comedian10 {
 background: url("../images/kv_comedian10.png") no-repeat;
 bottom: 48%;
 left: 55.5%;
 width: 26.5%;
 padding-top: calc(96.311% * 0.265);
 z-index: 2;
 animation: yurayura 6s linear infinite;
 transform-origin: bottom left;
}
.kv_comedian11 {
 background: url("../images/kv_comedian11.png") no-repeat;
 bottom: 0%;
 left: 45%;
 width: 11%;
 padding-top: calc(129.444% * 0.11);
 z-index: 12;
 animation: poyopoyo 1.7s ease-out infinite;
 transform-origin: bottom center;
}
.kv_comedian12 {
 background: url("../images/kv_comedian12.png") no-repeat;
 bottom: 20%;
 left: 84%;
 width: 12%;
 padding-top: calc(129.444% * 0.12);
 z-index: 10;
 animation: pekopeko 2.1s ease-out infinite;
 transform-origin: bottom center;
}
.ichigo01 {
 background: url("../images/ichigo1.png") no-repeat;
 top: 7%;
 left: 26%;
 width: 4%;
 padding-top: calc(140.333% * 0.04);
 z-index: 9;
 transform: rotate(40deg);
 animation: rotation2 30s linear infinite;
 transform-origin: center center;
}
.ichigo02 {
 background: url("../images/ichigo1.png") no-repeat;
 top: 33%;
 left: 11%;
 width: 5.5%;
 padding-top: calc(140.333% * 0.055);
 z-index: 9;
 transform: rotate(-40deg);
 animation: rotation 20s linear infinite;
 transform-origin: center center;
}
.ichigo03 {
 background: url("../images/ichigo1.png") no-repeat;
 top: 61%;
 left: 7%;
 width: 4%;
 padding-top: calc(140.333% * 0.04);
 z-index: 9;
 transform: rotate(-130deg);
 animation: rotation2 10s linear infinite;
 transform-origin: center center;
}
.ichigo04 {
 background: url("../images/ichigo1.png") no-repeat;
 top: 60%;
 left: 25%;
 width: 4%;
 padding-top: calc(140.333% * 0.04);
 z-index: 11;
 transform: rotate(-32deg);
 animation: rotation 40s linear infinite;
 transform-origin: center center;
}
.ichigo05 {
 background: url("../images/ichigo1.png") no-repeat;
 top: 80%;
 left: 33%;
 width: 2.5%;
 padding-top: calc(140.333% * 0.025);
 z-index: 11;
 transform: rotate(50deg);
 animation: rotation2 10s linear infinite;
 transform-origin: center center;
}
.ichigo06 {
 background: url("../images/ichigo1.png") no-repeat;
 top: 71%;
 left: 41%;
 width: 3.5%;
 padding-top: calc(140.333% * 0.035);
 z-index: 11;
 transform: rotate(20deg);
 animation: rotation 20s linear infinite;
 transform-origin: center center;
}
.ichigo07 {
 background: url("../images/ichigo1.png") no-repeat;
 top: 15%;
 left: 64%;
 width: 3%;
 padding-top: calc(140.333% * 0.03);
 z-index: 11;
 transform: rotate(90deg);
 animation: rotation 10s linear infinite;
 transform-origin: center center;
}
.ichigo08 {
 background: url("../images/ichigo1.png") no-repeat;
 top: 21%;
 left: 75%;
 width: 2.4%;
 padding-top: calc(140.333% * 0.024);
 z-index: 11;
 transform: rotate(130deg);
 animation: rotation2 40s linear infinite;
 transform-origin: center center;
}
.ichigo09 {
 background: url("../images/ichigo1.png") no-repeat;
 top: 59%;
 left: 69%;
 width: 3.4%;
 padding-top: calc(140.333% * 0.034);
 z-index: 12;
 transform: rotate(50deg);
 animation: rotation 15s linear infinite;
 transform-origin: center center;
}
.ichigo10 {
 background: url("../images/ichigo1.png") no-repeat;
 top: 18%;
 left: 87%;
 width: 4%;
 padding-top: calc(140.333% * 0.04);
 z-index: 12;
 transform: rotate(50deg);
 animation: rotation 25s linear infinite;
 transform-origin: center center;
}
.ichigo11 {
 background: url("../images/ichigo1.png") no-repeat;
 top: 86%;
 left: 92%;
 width: 3%;
 padding-top: calc(140.333% * 0.03);
 z-index: 12;
 transform: rotate(40deg);
 animation: rotation2 30s linear infinite;
 transform-origin: center center;
}
#top.kv .chocochip01 {
 display: block;
 width: 100vw;
 height: 100vh;
 background: url("../images/chocochip.png") repeat center center;
 background-size: contain;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 1;
}
#top.kv .icecream {
 display: block;
 background: url("../images/icecream.png") no-repeat;
 background-size: cover;
 width: 42%;
 padding-top: calc(223% * 0.42);
 position: absolute;
 top: -14%;
 left: 30%;
 z-index: 5;
}
#news {
 background: #f091a2;
 z-index: 20;
}
#news:after {
 content: "";
 display: block;
 background: url("../images/wave_pink.svg") repeat-x left bottom;
 background-size: 50% auto;
 width: 100%;
 padding-top: 6.5%;
 position: absolute;
 top: calc(100% - 1px);
 left: 0;
}
#news #feed {
 display: flex;
 justify-content: center;
 align-items: stretch;
 flex-wrap: wrap;
}
#news .note {
 flex: 1 0 50%;
 max-width: 50%;
 position: relative;
 z-index: 20;
}
#news .note a {
 position: relative;
 line-height: 1.6;
 font-size: 1.4rem;
 color: #06151B;
 overflow: visible;
 display: flex;
 align-items: center;
 margin: 0 0 2em;
}
#news .note a:nth-child(odd) {
 padding: 0 2em 0 0;
}
#news .note a:nth-child(even) {
 padding: 0 0 0 2em;
}
#news .note a .thumb {
 position: relative;
 overflow: hidden;
 border: solid 2px #06151B;
 flex: 1 0 40%;
 max-width: 40%;
 transition: .3s;
}
#news .note a .thumb:hover {
 box-shadow: 6px 6px 0 #06151B;
}
#news .note a .thumb:before {
 content: "";
 display: block;
 padding-top: 56.25%;
}
#news .note a .thumb img {
 width: auto;
 height: 101%;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: -50%;
 right: -50%;
 margin: 0 auto;
}
#news .note a .date {
 display: block;
 letter-spacing: 0.1em;
 font-weight: 400;
 line-height: 1;
 font-size: 1.4rem;
 position: absolute;
 top: 0;
 left: calc(40% + 1em);
 color: #fff;
 background: #06151B;
 text-align: center;
 padding: 0.35em 0.45em;
}
#news .note a h3 {
 font-weight: bold;
 margin-top: 1.8em;
 text-align: justify;
 letter-spacing: 0.015em;
 padding-left: 1.5em;
}
#about {
 background-color: rgba(254, 238, 209, 1.00);
 background-repeat: repeat;
 background-image: url("../images/cone.svg");
 background-size: 4rem auto;
}
#about:before {
 content: "";
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 left: 0;
 top: 0;
 background: linear-gradient(rgba(254, 238, 209, 0.9) 0, rgba(254, 238, 209, 0.5) 100%);
}
#about .inner {
 padding: 10% 5% 10%;
}
#about .secTtl {
 display: none;
}
#about .desc {
 display: block;
 position: relative;
 text-align: center;
 width: 42em;
 margin: 0 auto;
 font-size: 1.8rem;
}
#about .desc h3 {
 letter-spacing: 0.1em;
 font-size: 190%;
 line-height: 1.1;
 display: inline-block;
 padding: 0.35em 0.45em;
 margin-bottom: 0.5em;
 background-image: linear-gradient(90deg, rgba(255, 226, 130, 0.4), rgba(110, 237, 185, 0.4) 33%, rgba(170, 225, 242, 0.4) 66%, rgba(255, 180, 206, 0.4));
 font-family: "RocknRoll One", sans-serif;
 font-weight: normal
}
#about .desc p {
 line-height: 1.9;
 font-weight: bold;
 background: linear-gradient(transparent 0%, #fff 0%);
 display: inline;
 padding: 0.2em;
 font-size: 110%;
}
#about .desc p small {
 font-weight: normal;
 padding-left: 0.5em;
}
#about .desc strong {
 font-size: 110%;
 line-height: 1.1;
 font-weight: 700;
 margin: 0 -0.3em 0 -0.1em;
 display: inline-block;
}
#about dl {
 line-height: 1.2;
 width: 42em;
 margin: 1em auto 0;
 position: relative;
 z-index: 20;
 text-align: left;
 font-size: 1.8rem;
 display: flex;
}
#about dl.date {
 margin: 2em auto 0;
}
#about dl dt {
 flex: 1 0 10em;
 max-width: 10em;
}
#about dl dt span {
 font-weight: bold;
 position: relative;
 color: #fff;
 background: #06151B;
 text-align: center;
 padding: 0.35em 0.45em;
 line-height: 1.1;
 display: block;
}
#about dl dd {
 padding: 0.35rem 0 0 3rem;
 font-weight: bold;
 flex: 1 0 calc(100% - 10em);
 white-space: nowrap;
}
#about dl.date dd {
 font-size: 190%;
 padding: 0 0 0 3rem;
 line-height: 1;
}
#about dl.date dd small {
 font-size: 60%;
 font-weight: bold;
}
#about .yt {
 position: relative;
 width: 70%;
 padding-top: calc(56.25% * 0.7);
 margin: 3em auto 0;
}
#lineup {
 background: #82D4B2;
 z-index: 6;
}
#lineup:before {
 content: "";
 display: block;
 background: url("../images/wave_green.svg") repeat-x left bottom;
 background-size: 50% auto;
 padding-top: calc(13.333% / 2);
 width: 100%;
 position: absolute;
 bottom: calc(100% - 1px);
 transform: rotate(180deg);
 left: 0;
}
#lineup:after {
 content: "";
 display: block;
 background: url("../images/wave_green.svg") repeat-x left top;
 background-size: 50% auto;
 padding-top: calc(13.333% / 2);
 width: 100%;
 position: absolute;
 top: calc(100% - 1px);
 left: 0;
}
#lineup h2 {
 font-family: "Gloria Hallelujah", cursive;
 font-weight: 400;
 font-size: 7rem;
 line-height: 1;
 margin-bottom: 0.5em;
 color: #E6F16A;
 text-shadow: 5px 7px 0 rgba(0, 0, 0, 0.1);
}
#lineup h2 span {
 display: inline-block;
 transform: rotate(10deg);
 padding-left: 0.15em;
 font-size: 110%;
}
#lineup .inner {
 padding: 0 5%;
}
#lineup .pList {
 display: flex;
 flex-wrap: wrap;
}
#lineup .pList .perform {
 position: relative;
 display: block;
 flex: 1 0 calc(33.333% - 2rem);
 max-width: calc(33.333% - 2rem);
 margin-right: calc(6rem / 2);
 margin-bottom: calc(6rem / 2);
 text-align: left;
 z-index: 20;
 background: #fff;
 border-radius: 0.8rem;
 box-shadow: 9px 12px 0 rgba(0, 0, 0, 0.1);
}
#lineup .pList .perform:nth-child(3n) {
 margin-right: 0;
}
#lineup .perform.new:before {
 content: "New";
 display: block;
 width: 3em;
 padding: 0.2em 0;
 text-align: center;
 font-family: "Gloria Hallelujah", cursive;
 font-weight: 400;
 background-color: #e63178;
 color: #fff;
 position: absolute;
 top: -0.5em;
 left: -0.5em;
 z-index: 6;
 line-height: 1.1;
}
#lineup .perform.new:after {
 content: "";
 border: 0.25em solid #9B2E56;
 border-left-color: transparent;
 border-bottom-color: transparent;
 height: 0;
 width: 0;
 position: absolute;
 top: 1em;
 left: -0.5em;
}
#lineup .perform .date {
 display: flex;
 justify-content: space-between;
 align-items: flex-end;
 line-height: 1;
 font-family: "JetBrains Mono", monospace;
 padding: 1rem 1rem 0;
}
#lineup .perform .day {
 font-size: 200%;
 position: relative;
 color: #06151B;
 display: block;
 text-align: left;
 white-space: nowrap;
 letter-spacing: 0;
 font-weight: bold;
 margin-bottom: -0.06em;
}
#lineup .perform .day em {
 font-size: 50%;
 display: inline-block;
 font-weight: bold;
}
#lineup .perform .day small {
 font-weight: bold;
 font-size: 40%;
 display: inline-block;
 padding-left: 0.35em;
}
#lineup .perform .day small.blue {
 color: #405fd3;
}
#lineup .perform .day small.red {
 color: #D34074;
}
#lineup .perform .period {
 white-space: nowrap;
 letter-spacing: 0;
 font-size: 1.5rem;
 display: flex;
 color: #444;
}
#lineup .perform .period dl {
 margin-left: 0.5em;
}
#lineup .perform .period dl dt {
 font-size: 80%;
 font-weight: bold;
}
#lineup .perform .period dl dd {
 font-weight: bold;
 font-size: 120%;
}
#lineup .perform .thumb {
 position: relative;
 overflow: hidden;
 width: 100%;
 border: solid 5px #fff;
 border-radius: 0.8rem;
 margin: 0.5rem auto 1rem;
}
#lineup .perform .thumb a {
 display: block;
 position: relative;
}
#lineup .perform .thumb a:before {
 content: "";
 display: block;
 padding-top: 56.25%;
 position: relative;
}
#lineup .perform .thumb a img {
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 margin: auto;
 transition: 1s;
}
#lineup .perform .thumb a:hover img {
 transform: scale(1.05);
}
#lineup h3 {
 /*display: block;*/
 font-size: 1.9rem;
 font-weight: bold;
 position: relative;
 letter-spacing: 0.035em;
 word-break: break-all;
 text-align: center;
 display: flex;
 justify-content: center;
 align-items: center;
}
#lineup h3 span {
 display: inline;
 background-image: linear-gradient(90deg, rgba(255, 226, 130, 0.4), rgba(110, 237, 185, 0.4) 33%, rgba(170, 225, 242, 0.4) 66%, rgba(255, 180, 206, 0.4));
 padding: 0.25em 0;
 box-sizing: border-box;
 line-height: 1.3;
}
#lineup h3 small {
 display: inline-block;
 font-size: 70%;
 font-weight: 400;
 padding: 0.25em 0;
 box-sizing: border-box;
}
#lineup .price {
 line-height: 1.2;
 font-size: 1.5rem;
 font-family: "JetBrains Mono", monospace;
 background: #fff;
 margin: 1em 0;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 font-weight: normal;
 color: #444;
 flex-wrap: wrap;
}
#lineup .price > em {
 font-size: 80%;
 font-weight: bold;
 padding-right: 0.25em;
}
#lineup .price strong {
 font-weight: bold;
 display: inline-block;
 position: relative;
 white-space: nowrap;
 padding: 0 0.5em 0 0;
 letter-spacing: 0.02em;
 text-align: left;
}
#lineup .price strong em {
 font-size: 80%;
 padding-right: 0.25em;
 line-height: 1;
}
#lineup .price strong:after {
 content: "/";
 padding: 0 0 0 0.25em;
}
#lineup .price strong:last-of-type:after {
 display: none;
}
#lineup .price table {
 margin: 0 auto;
 text-align: center;
}
#lineup .price table th {
 font-size: 80%;
 font-weight: bold;
 text-align: center;
}
#lineup .price table tr th:first-child {
 text-align: right;
 white-space: nowrap;
}
#lineup .price table tr:first-child th {
 vertical-align: bottom;
}
#lineup .price table td {
 font-weight: bold;
 width: 6em;
 position: relative;
}
#lineup .price table td:after {
 content: "/";
 position: absolute;
 right: -0.5em;
}
#lineup .price table td:last-child:after {
 display: none;
}
#lineup .price table td em {
 font-size: 80%;
 line-height: 1;
}
#lineup .ticketLink {
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-start;
}
#lineup .ticketLink > div {
 flex: 1 0 33.333%;
 max-width: 33.333%;
}
#lineup .schedule.archive > li .ticketLink {
 display: block;
}
#lineup .schedule.archive > li .ticketLink > div {
 flex: none;
 max-width: 100%;
}
#lineup .btn {
 position: relative;
}
#lineup .btn a {
 display: block;
 padding: 0.75em 0.75rem 0.75em 0.75rem;
 text-align: left;
 font-size: 1.4rem;
 white-space: nowrap;
 overflow: hidden;
 background-color: #ec7077;
 letter-spacing: 0;
 color: #fef1e9;
 position: relative;
 box-sizing: border-box;
 font-family: "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, Arial, sans-serif;
}
#lineup .btn a:after {
 border-color: transparent transparent #fff transparent;
 border-width: 0px 0px 0.6em 0.6em;
 opacity: 0.85;
 bottom: 3px;
 right: 3px;
}
#lineup .btn a .note {
 display: inline-block;
 padding-left: 0.25em;
 color: #f5e772;
 font-weight: 700;
}
.btn.online a {
 background-color: #515ba0 !important;
}
#lineup .btn.online.set a {
 background-color: #F5631E;
}
#lineup .btn.online.set a:after {
 border-top: 2px solid #F5631E;
 border-right: 2px solid #F5631E;
}
#lineup .btn.online.set a:hover:after {
 border-top: 2px solid #ea5006 !important;
 border-right: 2px solid #ea5006 !important;
}
#lineup .btn a:hover {
 color: #f5e772;
}
#lineup .btn.none a, #lineup .btn.disabled a {
 pointer-events: none;
 color: rgba(247, 237, 210, 0.5);
 background-color: rgba(109, 111, 144, 0.85);
}
#lineup .announce {
 display: block;
 text-align: center;
 padding: 0.5rem;
}
#lineup .announce p {
 display: block;
 background: linear-gradient(90deg, rgba(248, 175, 84, 1) 0%, rgba(224, 43, 53, 1) 50%, rgba(189, 92, 155, 1) 100%);
 color: #fff;
 line-height: 1.4;
 padding: 1em 2em;
 border-radius: 0.2rem;
 font-weight: bold;
 font-size: 1.3rem;
}
#lineup .toDetail {
 display: block;
 margin: 0 auto 0;
 text-align: center;
}
#lineup .toDetail a {
 color: #fff;
 background: #06151B;
 text-align: center;
 line-height: 1;
 display: block;
 font-size: 1.4rem;
 padding: 0.9em 2.8em;
 margin: 0 auto;
 border-radius: 0 0 0.8rem 0.8rem;
}
#lineup .toDetail a:hover {
 background: #e63178;
}
#lineup > em {
 line-height: 1.5;
 text-align: center;
 padding-top: 0.5rem;
 display: block;
 white-space: normal;
}
#lineup .btn.big {
 margin: 1rem auto 0;
}
#lineup .btn.big a {
 border-radius: 20rem;
 font-size: 1.7rem;
 padding: 0.85em 8rem 0.75em 6rem;
}
#lineup .more {
 font-family: 'Odibee Sans', cursive;
 font-size: 200%;
 text-align: center;
}
#lineup .btn {
 text-align: center;
 font-family: 'Odibee Sans', cursive;
 font-weight: 700;
 font-size: 2rem;
}
#lineup .playguidLink {
 display: flex;
 justify-content: space-between;
 margin-top: 2px;
}
#lineup .playguidLink li {
 flex: 1 0 calc(33.333% - 2px);
 max-width: calc(33.333% - 2px);
}
#lineup .playguidLink li a {
 font-size: 1.2rem !important;
}
#lineup .playguidLink li a:before {
 width: 15px;
 height: 15px;
 right: 0.75rem;
}
#lineup .playguidLink li a:after {
 right: 1.25rem;
 width: 4px;
 height: 4px;
 border-top: 2px solid #515ba0;
 border-right: 2px solid #515ba0;
}
#lineup .streaming {
 display: block;
 background-color: #46b266;
 text-align: center;
 position: relative;
 padding: 7.5rem 0;
 margin: 4.5rem 0 0;
}
#lineup .streaming .wave {
 position: absolute;
 width: 100%;
 height: 50%;
 bottom: 0;
 left: 0;
 z-index: 2;
 transform: rotate(180deg);
}
#lineup .streaming:before {
 content: "";
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background: url(../images/dotted_w.svg) repeat;
 background-size: 16px auto;
 opacity: 0.16;
}
#lineup .streaming .secTtl .en {
 color: #FFD539;
}
#lineup .streaming .secTtl .en:first-letter {
 color: #EFC221;
}
#lineup .streaming .secTtl em {
 color: #FFFFFF;
}
#ticket {
 background-color: #F7E3B8;
 overflow: hidden;
 z-index: 4;
}
#ticket:before {
 content: "";
 display: block;
 background: url("../images/screw.svg") no-repeat center center;
 background-size: cover;
 width: 150%;
 padding-top: 150%;
 position: absolute;
 top: -50%;
 bottom: -50%;
 left: -50%;
 right: -50%;
 margin: auto;
 animation: 90s linear infinite rotation2;
}
#ticket .inner {
 padding: 10% 5% 14.5%;
 text-align: center;
}
#ticket .inner .ticketInfo {
 text-align: left;
 margin: 0 auto;
}
#ticket .inner .ticketInfo h3, #ticket .inner .ticketBuy h3 {
 font-size: 1.8rem;
 margin: 0 auto 1em;
 font-weight: bold;
 white-space: nowrap;
 text-align: center;
}
#ticket .inner .ticketInfo h3 span, #ticket .inner .ticketBuy h3 span {
 color: #fff;
 background: #06151B;
 display: inline-block;
 padding: 0.35em 0.45em;
 line-height: 1.1;
 font-size: 120%;
 box-shadow: 6px 6px 0 #fccc30;
}
#ticket .inner .ticketInfo .card {
 background: #fff;
 border-radius: 0.8rem;
 overflow: hidden;
 max-width: 42em;
 margin: 0 auto;
 font-size: 1.8rem;
 margin-bottom: 1.5em;
}
#ticket .inner .ticketInfo .card h4 {
 font-size: 1.8rem;
 font-weight: bold;
 background: #e73278;
 color: #fff;
 line-height: 1;
 display: block;
 padding: 0.5em 1em;
 position: relative;
 text-align: center;
}
#ticket .inner .ticketInfo .card.normal h4 {
 background: #59c3e1;
}
#ticket .inner .ticketInfo .card .target {
 padding: 2rem 2rem 0;
}
#ticket .inner .ticketInfo .card .target > dt {
 margin-bottom: 0.5em;
}
#ticket .inner .ticketInfo .card .target > dt span {
 color: #fff;
 background: #06151B;
 display: inline-block;
 padding: 0.35em 0.45em;
 line-height: 1.1;
 font-weight: bold;
 font-size: 1.5rem;
}
#ticket .inner .ticketInfo .card .target > dd ul li dl {
 display: flex;
 font-size: 1.5rem;
}
#ticket .inner .ticketInfo .card .target > dd ul li dl dt {
 flex: 1 0 10em;
 max-width: 10em;
}
#ticket .inner .ticketInfo .card .target > dd ul li dl dt:before {
 content: "";
 display: inline-block;
 height: 4px;
 width: 4px;
 border-radius: 50%;
 background: #fccc30;
 margin-right: 0.5em;
 transform: translateY(-4px);
}
#ticket .inner .ticketInfo .card .target > dd ul li dl dd {
 padding-left: 1em;
}
#ticket .inner .ticketInfo .card .target > dd ul li dl dd small {
 font-size: 100%;
}
#ticket .inner .ticketInfo .card .ticketType {
 padding: 2rem;
}
#ticket .inner .ticketInfo .card .ticketType > li {
 margin-bottom: 2rem;
}
#ticket .inner .ticketInfo .card .ticketType > li:last-child {
 margin-bottom: 0;
}
#ticket .inner .ticketInfo .card .ticketType > li > dl > dt {
 margin-bottom: 0.5em;
}
#ticket .inner .ticketInfo .card .ticketType > li > dl > dt span {
 color: #fff;
 background: #06151B;
 display: inline-block;
 padding: 0.35em 0.45em;
 line-height: 1.1;
 font-weight: bold;
 font-size: 1.5rem;
}
#ticket .inner .ticketBuy {
 padding-top: 1em;
}
#ticket .inner .ticketBuy p {
 font-weight: bold;
}
#ticket .inner .ticketBuy .fanyLink {
 display: flex;
 align-items: center;
 justify-content: center;
 margin-top: 1.2em;
 position: relative;
 z-index: 20;
}
#ticket .inner .ticketBuy .fanyLink li {
 margin: 0 2px;
 position: relative;
}
#ticket .inner .ticketBuy .fanyLink li a {
 padding: 1.35em 5rem 1.15em 3rem;
 font-size: 1.8rem;
 border: solid 2px #06151B;
}
#ticket .inner .ticketBuy .fanyLink li a:after {
 border-color: transparent transparent #fff transparent;
 right: 3px;
 bottom: 3px;
}
#ticket .inner .ticketBuy .playguidLink {
 display: flex;
 justify-content: center;
}
#ticket .inner .ticketBuy .playguidLink li {
 margin: 4px 2px 0;
}
#ticket .inner .ticketBuy .playguidLink li a {
 padding: 1.35em 5rem 1.15em 3rem;
 font-size: 1.8rem;
 border: solid 2px #06151B;
}
#ticket .inner .ticketBuy .playguidLink li a small {
 display: inline-block;
 line-height: 1;
 padding-left: 0.5em;
}
#ticket .inner .ticketBuy .playguidLink li a:after {
 border-color: transparent transparent #fff transparent;
 right: 3px;
 bottom: 3px;
}
#goods {
 /*background-color: #fff6e5;
  background-image: linear-gradient(90deg, #ffb77530 2px, transparent 2px), linear-gradient(#ffb77530 2px, transparent 2px);
  background-position: 10px 10px;
  background-size: 26px 26px;*/
}
#goods:after {
 content: "";
 display: block;
 height: 104%;
 width: 120%;
 position: absolute;
 left: -50%;
 right: -50%;
 top: 50%;
 transform: translateY(-50%)rotate(-2deg);
 background-color: #fff6e5;
 background-image: linear-gradient(90deg, #ffb77530 2px, transparent 2px), linear-gradient(#ffb77530 2px, transparent 2px);
 background-position: 10px 10px;
 background-size: 26px 26px;
 margin: 0 auto;
}
#goods .inner {
 padding: 3.5% 5% 15%;
 z-index: 5;
 color: #3f2811;
}
#goods h2 {
 font-family: "Gloria Hallelujah", cursive;
 font-weight: 400;
 font-size: 7rem;
 line-height: 1;
 margin-bottom: 0.5em;
 color: #F17E6A;
 text-shadow: 5px 7px 0 rgba(104, 62, 20, 0.2);
}
#goods .item {
 display: block;
 background: url("../images/goods_kuji2.jpg") no-repeat;
 background-size: cover;
 width: 74%;
 padding-top: calc(52.31% * 0.74);
 margin: 0 auto 1.5em;
 box-shadow: 6px 9px rgba(104, 62, 20, 0.2);
 position: relative;
 transform: rotate(-1deg);
}
#goods .item:before {
 content: "";
 display: block;
 background: url("../images/tape01.svg") no-repeat;
 background-size: cover;
 width: 18%;
 padding-top: calc(31.667% * 0.18);
 position: absolute;
 top: 0;
 left: -5%;
 transform: rotate(-45deg);
 opacity: 0.85;
}
#goods .item:after {
 content: "";
 display: block;
 background: url("../images/tape01.svg") no-repeat;
 background-size: cover;
 width: 18%;
 padding-top: calc(31.667% * 0.18);
 position: absolute;
 top: 2%;
 right: -6%;
 transform: rotate(45deg);
 opacity: 0.85;
}
#goods .lead {
 position: relative;
 font-weight: bold;
}
#goods .lead p {
 line-height: 1.9;
 font-weight: bold;
 font-size: 1.8rem;
}
#goods h3 {
 font-weight: bold;
 font-size: 100%;
 margin: 1.5em 0 0.75em;
}
#goods h3 span {
 color: #fff;
 background: #3f2811;
 display: inline-block;
 padding: 0.35em 0.45em;
 line-height: 1.1;
 font-size: 110%;
 box-shadow: 6px 6px 0 #fccc30;
}
#goods strong {
 font-weight: bold;
 font-size: 110%;
}
#goods .premium {
 display: inline-block;
 text-align: left;
}
#goods .premium li dl {
 display: flex;
}
#goods .premium li dl dt {
 text-align: right;
 flex: 1 0 8.5em;
 max-width: 8.5em;
 white-space: nowrap;
 font-weight: bold;
}
#goods .premium li dl dt:after {
 content: "：";
}

#goods .btn {
 margin: 1.5em auto 0;
 text-align: center;
 white-space: nowrap;
}
#goods .btn a {
 display: inline-block;
 padding: 1.5em 4rem 1.25em 3rem;
 border: solid 2px #06151B;
 color: #fff;
 background: #3f2811;
 font-size: 110%;
 font-weight: bold;
}
#goods .btn a:after {
 border-color: transparent transparent #fff transparent;
}
#access {
 background: #7ecef4;
 text-align: center;
}
#access:before {
 content: "";
 display: block;
 background: url("../images/wave_blue.svg") repeat-x left bottom;
 background-size: 70% auto;
 width: 100%;
 padding-top: calc(17.667% * 0.7);
 transform: rotate(180deg);
 bottom: calc(100% - 2px);
 left: 0;
 position: absolute;
}
#access:after {
 content: "";
 display: block;
 background: url("../images/wave_blue.svg") repeat-x left bottom;
 background-size: 70% auto;
 width: 100%;
 padding-top: calc(17.667% * 0.7);
 top: calc(100% - 2px);
 left: 0;
 position: absolute;
}
#access .inner {
 padding: 0 5%;
}
#access .inner .flex {
 align-items: stretch;
 justify-content: space-between;
 display: flex;
}
#access .inner .left {
 flex: 1 0 60%;
 max-width: 60%;
 padding-right: 2em;
}
#access .hall {
 font-size: 4rem;
 line-height: 1.3;
 font-weight: bold;
}
#access .hall strong {
 font-size: 125%;
 letter-spacing: 0.1em;
 font-weight: bold;
 color: #e63178;
}
#access .address {
 font-size: 1.5rem;
 margin: 1em auto 2em;
}
#access .tableWrap {
 background: rgba(255, 255, 255, 0.9);
 width: 100%;
 margin: 0 auto;
 z-index: 20;
 position: relative;
 border-radius: 0.8rem;
 overflow: hidden;
}
#access table {
 width: 100%;
 margin: 0 auto;
 letter-spacing: 0.025em;
 line-height: 1.4;
 text-align: left;
 font-size: 1.4rem;
}
#access table tr {
 border-bottom: solid 1px #009ecc;
}
#access table tr:last-of-type {
 border-bottom: none;
}
#access table tr:first-of-type {
 bborder-bottom: solid 1px #009ecc;
}
#access table tr th {
 border-right: solid 1px #009ecc;
 padding: 1em 0.75em;
 vertical-align: middle;
}
#access table tr th:first-of-type {
 width: 50%;
}
#access table tr:first-of-type th:last-of-type {
 border-right: none;
}
#access table tr:first-of-type th {
 text-align: center;
 font-weight: bold;
 background: #009ecc;
 color: #fff;
 border-right: 1px solid #7ecef4;
}
#access table tr td {
 padding: 0.75em;
 text-align: center;
 vertical-align: middle;
}
#access .btns {
 display: flex;
 align-items: center;
 margin: 1.5em 0 0;
 justify-content: space-between;
}
#access .btns .btn {
 flex: 1 0 calc(50% - 1rem);
 max-width: calc(50% - 1rem);
}
#access .btns .btn a {
 border-radius: 20rem;
 border: none;
 background-color: #06151B;
 text-align: center;
}
#access .map {
 position: relative;
 z-index: 10;
 background: #cecece;
 flex: 1 0 40%;
 max-width: 40%;
 overflow: hidden;
 border-radius: 0.8rem;
}
#access .map:before {
 content: "";
 display: block;
 padding-top: 50%;
}
#access .map iframe {
 width: 100%;
 height: 100%;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 margin: auto;
}
@media screen and (max-width: 999px) {
 #top.kv:before {
  padding-top: 125%;
 }
 #top.kv .copy {
  width: 60%;
  left: 3.5%;
  top: 10%;
 }
 #top.kv h1 {
  width: 78%;
  top: 23.5%;
 }
 #top.kv .info {
  width: 28%;
  top: 75%;
  left: 70%;
 }
 .kv_comedian01 {
  left: 2%;
  width: 30%;
  padding-top: calc(106% * 0.30);
 }
 .kv_comedian02 {
  bottom: -5%;
  left: 30%;
  width: 20%;
  padding-top: calc(114.58% * 0.20);
 }
 .kv_comedian03 {
  bottom: -4%;
  left: 50%;
  width: 25%;
  padding-top: calc(122% * 0.25);
 }
 .kv_comedian04 {
  bottom: 24%;
  left: -4%;
  width: 25%;
  padding-top: calc(112.584% * 0.25);
 }
 .kv_comedian05 {
  bottom: 70%;
  left: 30%;
  width: 20%;
  padding-top: calc(91.99% * 0.20);
 }
 .kv_comedian06 {
  bottom: 64%;
  left: 50%;
  width: 32%;
  padding-top: calc(74.28% * 0.32);
 }
 .kv_comedian07 {
  bottom: 55%;
  left: 87%;
  width: 15.5%;
  padding-top: calc(158.21% * 0.155);
 }
 .kv_comedian08 {
  bottom: 78.5%;
  left: 20.5%;
  width: 21.5%;
  padding-top: calc(106.37% * 0.215);
 }
 .kv_comedian09 {
  bottom: 62%;
  left: 5.5%;
  width: 25%;
  padding-top: calc(106.238% * 0.25);
 }
 .kv_comedian10 {
  bottom: 56%;
  left: 57.5%;
  width: 56.5%;
  padding-top: calc(96.311% * 0.565);
 }
 .kv_comedian11 {
  bottom: 14%;
  left: 31%;
  width: 27%;
  padding-top: calc(129.444% * 0.27);
 }
 .kv_comedian12 {
  bottom: 13%;
  left: 72%;
  width: 30%;
  padding-top: calc(129.444% * 0.30);
 }
 .ichigo01 {
  top: 6%;
  left: 6%;
  width: 7%;
  padding-top: calc(140.333% * 0.07);
 }
 .ichigo02 {
  top: 25%;
  left: 2%;
  width: 11%;
  padding-top: calc(140.333% * 0.11);
 }
 .ichigo03 {
  top: 44%;
  left: 1%;
  width: 7%;
  padding-top: calc(140.333% * 0.07);
 }
 .ichigo04 {
  top: 69%;
  left: 13%;
  width: 8%;
  padding-top: calc(140.333% * 0.08);
 }
 .ichigo05 {
  top: 80%;
  left: 31%;
  width: 6%;
  padding-top: calc(140.333% * 0.06);
 }
 .ichigo06 {
  top: 51%;
  left: 41%;
  width: 7.5%;
  padding-top: calc(140.333% * 0.075);
 }
 .ichigo07 {
  top: 12%;
  left: 75%;
  width: 6%;
  padding-top: calc(140.333% * 0.06);
 }
 .ichigo08 {
  top: 21%;
  left: 91%;
  width: 4.5%;
  padding-top: calc(140.333% * 0.045);
 }
 .ichigo09 {
  top: 54%;
  left: 70%;
  width: 7.5%;
  padding-top: calc(140.333% * 0.075);
 }
 .ichigo10 {
  top: 48%;
  left: 88%;
  width: 7%;
  padding-top: calc(140.333% * 0.07);
 }
 .ichigo11 {
  display: none;
 }
 #top.kv .chocochip01 {
  display: block;
  width: 100vw;
  height: 100vh;
  background: url("../images/chocochip.png") repeat center center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
 }
 #top.kv .chocochip02 {
  display: block;
  width: 100vw;
  height: 100%;
  background: url("../images/chocochip.png") repeat;
  background-size: contain;
  position: absolute;
  top: 10vh;
  transform: rotateY(360deg);
  left: 0;
  z-index: 1;
  opacity: 0.5;
 }
 #top.kv .icecream {
  width: 84%;
  padding-top: calc(223% * 0.84);
  top: -12%;
  left: 10%;
 }
 #news:after {
  background-size: cover;
  padding-top: 13%;
 }
 #news .inner {
  padding: 2em 0 0;
 }
 #news #feed {
  flex-wrap: nowrap;
 }
 #news .note {
  flex: 1 0 64vw;
  max-width: 64vw;
 }
 #news .note a {
  font-size: 1.4rem;
  display: block;
  margin: 0 0 0 1.5rem;
  white-space: normal;
  text-align: left;
 }
 #news .note a:nth-child(odd) {
  padding: 0;
 }
 #news .note a:nth-child(even) {
  padding: 0;
 }
 #news .note a .thumb {
  flex: none;
  max-width: 100%;
 }
 #news .note a .date {
  display: inline-block;
  position: relative;
  left: 0;
  margin-top: 0.5rem;
 }
 #news .note a h3 {
  margin-top: 0.5rem;
  padding: 0;
 }
 #about .inner {
  padding: 4.5em 1.5rem;
 }
 #about .desc {
  width: 100%;
  font-size: 1.5rem;
 }
 #about .desc h3 {
  font-size: 130%;
 }
 #about .desc p {
  font-size: 1.4rem;
 }
 #about .desc p small {
  font-size: 60%;
  letter-spacing: 0;
 }
 #about .desc strong {
  font-size: 110%;
  margin-left: -0.25em;
 }
 #about dl {
  width: 100%;
  margin: 0.75em auto 0;
  font-size: 1.6rem;
  display: block;
 }
 #about dl.date {
  margin: 1em auto 0;
 }
 #about dl dt {
  flex: none;
  max-width: 100%;
 }
 #about dl dt span {
  display: inline-block;
  font-size: 1.4rem;
 }
 #about dl dd {
  padding: 0.5rem 0 0;
 }
 #about dl.date dd {
  font-size: 150%;
  padding: 0.5rem 0 0;
 }
 #about .yt {
 width: 100%;
 padding-top: calc(56.25% * 1);
 margin: 1.5em auto 0;
}
 #lineup:before {
  background-size: cover;
  padding-top: 13.333%;
 }
 #lineup:after {
  background-size: cover;
  padding-top: 13.333%;
 }
 #lineup h2 {
  font-size: 5rem;
  margin-bottom: 0.5em;
  text-shadow: 3px 4px 0 rgba(0, 0, 0, 0.1);
 }
 #lineup .inner {
  padding: 0 1.5rem 1em;
 }
 #lineup .pList {
  display: block;
 }
 #lineup .pList .perform {
  flex: none;
  max-width: 100%;
  margin: 0 0 1.5em;
  border-radius: 0.5rem;
  box-shadow: 6px 9px 0 rgba(0, 0, 0, 0.1);
 }
 #lineup .pList .perform:nth-child(3n) {
  margin: 0 0 1.5em;
 }
 #lineup h3 {
  font-size: 1.7rem;
 }
 #ticket:before {
  top: -10%;
  bottom: auto;
  margin: 0 auto;
 }
 #ticket .inner {
  padding: 4em 1rem 5em;
 }
 #ticket .inner .ticketInfo h3, #ticket .inner .ticketBuy h3 {
  font-size: 1.6rem;
 }
 #ticket .inner .ticketInfo h3 span, #ticket .inner .ticketBuy h3 span {
  font-size: 110%;
  box-shadow: 5px 5px 0 #fccc30;
 }
 #ticket .inner .ticketInfo .card {
  border-radius: 0.5rem;
  font-size: 1.6rem;
 }
 #ticket .inner .ticketInfo .card h4 {
  font-size: 1.7rem;
 }
 #ticket .inner .ticketInfo .card .target > dt span {
  font-size: 1.4rem;
 }
 #ticket .inner .ticketInfo .card .target > dd ul li dl {
  display: block;
  font-size: 1.4rem;
 }
 #ticket .inner .ticketInfo .card .target > dd ul li dl dd {
  font-weight: bold;
 }
 #ticket .inner .ticketInfo .card .ticketType > li {
  margin-bottom: 1.5rem;
 }
 #ticket .inner .ticketInfo .card .ticketType > li > dl > dt span {
  font-size: 1.4rem;
 }
 #ticket .inner .ticketBuy {
  padding-top: 0;
 }
 #ticket .inner .ticketBuy p {
  font-size: 1.5rem;
 }
 #ticket .inner .ticketBuy .fanyLink {
  display: block;
 }
 #ticket .inner .ticketBuy .fanyLink li {
  margin: 0 0 4px;
 }
 #ticket .inner .ticketBuy .fanyLink li a {
  padding: 1.15em 5rem 1em 3rem;
  font-size: 1.7rem;
  text-align: center;
 }
 #ticket .inner .ticketBuy .fanyLink li a:after {
  border-width: 0px 0px 0.6em 0.6em;
 }
 #ticket .inner .ticketBuy .playguidLink {
  display: block;
 }
 #ticket .inner .ticketBuy .playguidLink li {
  margin: 0 0 4px;
 }
 #ticket .inner .ticketBuy .playguidLink li a {
  padding: 1.15em 5rem 1em 3rem;
  font-size: 1.7rem;
  text-align: center;
 }
 #ticket .inner .ticketBuy .playguidLink li a small {
  display: block;
  padding: 0.5em 0 0;
 }
 #ticket .inner .ticketBuy .playguidLink li a:after {
  border-width: 0px 0px 0.6em 0.6em;
 }
 #goods .inner {
  padding: 1.5em 1.5rem 20vw;
 }
 #goods h2 {
  font-size: 5rem;
  margin-bottom: 0.5em;
  text-shadow: 3px 4px 0 rgba(104, 62, 20, 0.2);
 }
 #goods .item {
  width: 94%;
  margin: 0 auto 1.5em;
  box-shadow: 5px 7px rgba(104, 62, 20, 0.2);
  transform: rotate(-1deg);
  padding-top: calc(52.31% * 0.94);
 }
 #goods .lead p {
  font-size: 1.3rem;
  letter-spacing: 0.02em;
 }
 #goods h3 {
  font-size: 80%;
 }
 #goods h3 span {
  box-shadow: 5px 5px 0 #fccc30;
 }
 #goods .premium li {
  margin-bottom: 0.25em;
 }
 #goods .premium li dl {
  font-size: 1.3rem;
  line-height: 1.4;
 }
 #goods .premium li dl dt {
  letter-spacing: 0.02em;
 }
 #goods .premium li dl dd {
  letter-spacing: 0.02em;
 }
 #goods .btn a {
  font-size: 100%;
  padding: 1.2em 4rem 1.05em 3rem;
 }
 #access:before {
  background-size: cover;
  padding-top: 17.667%;
 }
 #access:after {
  background-size: cover;
  padding-top: 17.667%;
 }
 #access .inner {
  padding: 1em 1.5rem;
 }
 #access .inner .flex {
  display: block;
 }
 #access .inner .left {
  flex: none;
  max-width: 100%;
  padding: 0 0 1em;
 }
 #access .hall {
  font-size: 2.2rem;
 }
 #access .address {
  font-size: 1.3rem;
  margin: 1em auto;
 }
 #access .tableWrap {
  border-radius: 0.5rem;
 }
 #access table {
  font-size: 1.3rem;
 }
 #access .btns {
  display: block;
  margin: 1em 0 0;
 }
 #access .btns .btn {
  flex: none;
  max-width: 100%;
  margin: 0 auto 0.5em;
 }
 #access .map {
  flex: none;
  max-width: 100%;
  border-radius: 0.5rem;
 }
 #access .map:before {
  padding-top: 75%;
 }
}