@charset "utf-8";

@media (min-width:481px) {
	.sponly {
		display: none;
	}
	.big {
		font-size: 240%;
	}
	.middle {
		font-size: 140%;
	}
	.bnrlink.ticketlink {
		width: 80%;
		margin: 20px auto 0;
	}
	.eventtitle,
	.eventattention {
		width: 80%;
	}
}
@media (max-width:480px) {
	.pconly {
		display: none;
	}
	.big {
		font-size: 170%;
	}
	.middle {
		font-size: 120%;
	}
}




#schedule .date {
	font-size: 140%;
	text-align: center;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform:rotate(0.03deg);
	font-weight: 600;
	letter-spacing: -.05em;
}
.hole {
	font-size: 140%;
	text-align: center;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform:rotate(0.03deg);
	margin-bottom: 15px;
}

#schedule table {
	width: 100%;
	border-collapse: collapse;
}
#schedule table.pconly {
	width: auto;
	margin-left: 10%;
}
#schedule table.pconly td,
#schedule table.pconly th {
	width: calc(100% / 9 * 8 / 7);
}
#schedule th {
	background-color: #333;
	color: #fff;
	text-shadow: none;
	font-weight: 400;
	border: 4px solid #fff;
	text-align: center;
	border-radius: 10px;
	padding: 10px 0;
	line-height: 1.2;
}
#schedule th.sat {
	background-color: rgba(0,8,160,1.00);
}
#schedule th.sun {
	background-color: rgba(199,0,3,1.00);
}
#schedule th.out {
	background-color: #868686;
	color: #CBCBCB;
}
#schedule td {
	/*border: 1px solid #ccc;
	color: #e40080;*/
	position: relative;
}
#schedule td::before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 1px;
	background-color: rgba(228,0,128,.2);
	top: 50%;
	left: 0;
	z-index: -1;
}
#schedule td::after {
	position: absolute;
	display: block;
	content: '';
	width: 1px;
	height: 100%;
	background-color: rgba(228,0,128,.2);
	top: 0;
	left: 50%;
	z-index: -1;
}
#schedule td p {
	color: #e40080;
	text-shadow: 4px 4px 4px #fff, -4px -4px 4px #fff,
  -4px 4px 4px #fff,  4px -4px 4px #fff,
  4px 0 4px #fff, -4px  0 4px #fff,
  0 4px 4px #fff,  0 -4px 4px #fff;
	text-align: center;
	font-size: 140%;
	line-height: 1;
}
#schedule td .out p {
	color: #FF0000;
	text-shadow: none;
	text-align: center;
	font-size: 100%;
	line-height: 1;
}
#schedule .osaka td p {
	font-size: 160%;
}
#schedule td a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
}
#schedule td:not(.out):hover {
	background-color: rgba(255,243,169,0.51);
}
@media (max-width:480px) {
	#schedule td p {
		font-size: 160%;
	}
}
@media (min-width:481px) {
	#schedule td.row p {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		font-size: 120%;
		color: #1a1a1a;
		line-height: 1.6;
	}
}
@media (max-width:480px) {
	#schedule td.row p {
		position: absolute;
		top: 50%;
		right: -1.5em;
		font-size: 120%;
		transform: translateY(-50%);
		color: #1a1a1a;
	}
}
/*#schedule td.out {
	overflow: hidden;
}
#schedule .pconly .out > div {
	position: relative;
	padding: 12px 0;
	line-height: 1.2;
}
#schedule .sponly .out > div {
	position: relative;
	padding: 20px 0;
	margin-top: -20px;
}
#schedule .out > div::before {
	background-color: #CBCBCB;
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	z-index: -2;
	top: 0;
}*/
#schedule .out {
	background-color: rgba(0,0,0,.3);
	position: relative;
}

#schedule .pconly .out .outinfo {
	position: absolute;
	top: calc(((68px + 3.6em) - 3.6em) / 2);
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	text-shadow: none;
	color: red;
	font-size: 120%;
	vertical-align: middle;
	display: block;
	line-height: 1;
	z-index: 5;
}
#schedule .sponly .out .outinfo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-shadow: none;
	color: red;
	font-size: 120%;
	vertical-align: middle;
	display: block;
	line-height: 1;
	z-index: 5;
	white-space: nowrap;
}



.scast_info {
	text-align: center;
	margin-top: 15px;
	color: #1a1a1a;
	text-shadow: none;
	font-size: 80%;
}
.scast_info span {
	color: #E4007F!important;
}

.tokyo,.osaka {
	margin-bottom: 30px;
}


.attentionbox {
	background-color: #fff;
	box-shadow: 0 0 5px 0 var(--contents-light-color);
	padding: 30px;
	font-size: 90%;
}
.attentionbox .title {
	font-size: 160%;
	text-align: center;
}
.attentionbox ul {
	margin: 15px 0;
}
.attentionbox ul li {
	margin-left: 1.5em;
}
.attentionbox ul li::before {
	content: '■';
	display: inline-block;
	text-align: left;
	width: 1.5em;
	margin-left: -1.5em;
}


.price {
	margin: 60px auto;
	width: 520px;
	max-width: 100%;
}
@media(max-width:600px) {
	.price {
		width: 100%;
	}
}
.price.mplus {
	font-size: 140%;
}
.price tr td:first-child {
	vertical-align: middle;
}
.price tr td:last-child {
	text-align: right;
	padding-left: 10px;
}
.price tr td .big {
	padding-right: 5px;
}

.index {
	background-color: #fff;
	border: 3px solid var(--contents-light-color);
	font-weight: 800;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform:rotate(0.03deg);
	margin-bottom: 15px;
	padding: 0 15px;
	border-radius: 2em;
	font-size: 140%;
}
.sales {
	margin-bottom: 60px;
}
.sales_ippan {
	border: 3px solid var(--contents-light-color);
	border-radius: 10px;
	padding: 18px;
	margin-left: -20px;
	margin-bottom: 60px;
	background-color: #fff;
	width: calc(100% + 40px);
}
@media (max-width:768px) {
	.sales_ippan {
	padding: 18px;
	margin-left: -10px;
	width: calc(100% + 20px);
	}
}
.sales_ippan .accordion {
	margin-bottom: 0;
}
.sales_ippan .index {
	/*border-color: red;
	border-width: 2px;*/
}
.sales_ippan .catch {
	font-size: 140%;
	margin-left: 15px;
}
.sales_ippan .catch span {
	display: inline-block;
}
@media (max-width:480px) {
	.sales_ippan .catch {
		font-size: 160%;
	}
	.sales_ippan dt {
		display: none!important;
	}
	.sales_ippan dd {
		padding-left: 0!important;
	}
	.sales_ippan dd::after {
		background-color: transparent!important;
	}
	.sales_ippan dd .bnrlink {
		margin-bottom: 10px!important;
		margin-left: 0!important;
		margin-right: 0!important;
	}
	.sales_ippan dd .bnrlink:last-of-type {
		margin-bottom: 5px!important;
	}
}
.sales dl {
	margin: 10px;
	border-top: 1px dotted var(--contents-light-color);
	padding-top: .2em;
}
.sales dl dt {
	display: block;
	width: 8em;
	float: left;
	font-weight: 600;
	padding-left: .5em;
}
.sales dl dd {
	padding-left: 8em;
	margin-bottom: .2em;
	padding-bottom: .2em;
	border-bottom: 1px dotted var(--contents-light-color);
	position: relative;
	z-index: 1;
}
.sales dl dd::after {
	width: 6px;
	height: calc(100% - .2em);
	z-index: -1;
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 6em;
	background-color: var(--contents-light-color);
}
.sales dl dd span {
	display: inline-block;
}


.caution {
	font-size: 90%;
	text-shadow: none;
	margin-bottom: 30px;
}
.caution dl dt {
	background-color: #eee;
	border-radius: 2px;
	padding: 0 5px;
	font-weight: 600;
}
.caution dl dd {
	padding: 5px 10px 30px;
}
.caution dl > dd:last-child {
	padding-bottom: 0;
}
.caution dl dd li {
	margin-bottom: 5px;
}


.contact {
	font-size: 90%;
	text-shadow: none;
}
.contact dl dt {
	background-color: #eee;
	border-radius: 2px;
	padding: 0 5px;
	font-weight: 600;
}
.contact dl dd {
	padding: 5px 10px 30px;
}



a.bnrlink {
	display: block;
	border: 1px solid var(--contents-color);
	border-radius: 5px;
	padding: 3px 15px;
	margin: 5px 10px;
	text-decoration: none;
	transition: .3s all;
	position: relative;
}
a.bnrlink:hover {
	background-color: var(--contents-color);
	color: #fff;
	text-decoration: none;
}
a.bnrlink::before {
	position: absolute;
	content: '〉';
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
a.bnrlink.ticketlink {
	font-size: min(160%, 5vw);
	display: block;
	border: 1px solid red;
	background-color: red;
	color: #fff;
	border-radius: 2em;
	padding: .5em 0;
	margin: 5px 10px;
	text-decoration: none;
	transition: .3s all;
	position: relative;
	text-align: center;
	line-height: 1;
}
a.bnrlink.ticketlink:hover {
	background-color: #fff;
	color: red;
	text-decoration: none;
}
a.bnrlink.ticketlink::before {
	position: absolute;
	content: '〉';
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}


main #dayticket > div {
	margin-bottom: 0;
}
#dayticket {
	border: 4px solid rgba(251,184,48,.50);
	background-color: rgba(255,255,255,.7);
	border-radius: 10px;
	padding: 45px 15px 15px;
	margin-bottom: 30px;
	margin-left: -6px;
	width: calc(100% + 8px);
}
@media (max-width:768px) {
	#dayticket {
		margin-left: -10px;
		width: calc(100% + 20px);
	}
}
#main #dayticket * {
	text-shadow: 1px 1px 5px rgba(251,184,48,.30);
}
#main #dayticket h2 {
	border-color: rgba(244,206,111,1.00);
}
.dayticket .index {
	border-color: rgba(251,184,48,1.00);
	background-color: rgba(251,184,48,1.00);
	color: #fff;
}
.dayticket .index_s {
	background-color: rgba(251,184,48,.50);
	font-weight: 600;
	padding: 3px 10px;
	border-radius: 3px;
	margin-bottom: 10px;
}
.dayticket .caution {
	margin-bottom: 0;
}
.dayticket .sales dl {
	border-color: rgba(251,184,48,1.00);
}
.dayticket .sales dl dd {
	border-color: rgba(251,184,48,1.00);
}
.dayticket .sales dl dd::after {
	background-color: rgba(251,184,48,1.00);
}
.dayticket a.bnrlink {
	border-color: rgba(251,184,48,1.00);
	color: rgba(251,184,48,1.00);
}
.dayticket a.bnrlink:hover {
	background-color: rgba(251,184,48,1.00);
	color: #fff;
}

.accordion2 {
	margin-top: -30px;
	margin-bottom: 60px;
	border: 2px solid var(--contents-light-color);
	border-radius: 5px;
}
.accordion2 .content2 {		/*本文*/
	padding:0 20px;
}
@media (max-width:480px) {
	.accordion2 .content2 {		/*本文*/
		padding:0 10px;
	}
}




.eventtitle {
	padding-left: 10px;
	border-bottom: 1px solid var(--base-color);
	border-left: 12px solid var(--base-color);
	font-weight: 600;
	color: var(--base-color);
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform:rotate(0.03deg);
	margin: 30px auto 15px;
	font-size: 120%;
}
.eventtitle span {
	display: inline-block;
}



.eventattention {
	margin: 15px auto 0;
}
span.attention {
	display: inline-block;
}
span.attention,
ul.attention li {
	margin-left: 1.2em;
	margin-top: .5em;
}
span.attention::before,
ul.attention li::before {
	content: '※';
	display: inline-block;
	width: 1.2em;
	text-align: left;
	margin-left: -1.2em;
}
ul.attention li span {
	display: inline-block;
}



.seat {
	margin: auto;
	width: 100%;
	margin-bottom: 30px;
}

@media (max-width:480px) {
	.seat > div > div {
		background-color: #fff;
		border-radius: 5px;
		text-align: center;
		margin-bottom: 10px;
		border: 1px solid;
		padding: 0 5px;
	}
}
@media (min-width:481px) {
	.seat > div {
		display: flex;
		justify-content: center;
		padding: 5px;
		background-color: #fff;
		border-radius: 5px;
		border: 1px solid;
	}
	.seat p {
		text-align: center;
		text-shadow: 0 0 0 transparent!important;
		font-size: 80%;
		margin-top: 10px;
	}
}
.seat div img {
	max-height: 275px;
}
.seat div a {
	display: block;
	text-align: center;
}

.attentions {
	margin: auto;
	width: 100%;
	margin-bottom: 60px;
}
.attentions p {
	text-align: center;
	line-height: 2;
}

#castschedule {
	overflow: auto;
}
#castschedule * {
	text-shadow: none;
	line-height: 1!important;
	margin: 0;
	padding: 0;
}
#castschedule > div {
	overflow-x: scroll;
}
#castschedule .csattention {
	text-align: right;
	margin-bottom: 10px;
	background-image: url("../img/schedule/arrow.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	line-height: 1;
	padding-bottom: 4px;
	padding-right: 35px;
	font-size: 80%;
	color: #e40080;
}
@media(min-width:920px) {
	body.sp #castschedule .csattention {
		display: none;
	}
}
#castschedule table {
	border-collapse: collapse;
	width: 860px;
	margin: 0 auto 15px;
}
#castschedule table td {
	border-top: solid 1px #fff;
	white-space: nowrap;
}
#castschedule table .out td {
	border-top: solid 1px #bbb;
}
#castschedule table td.title,
#castschedule table td.date,
#castschedule table td.week,
#castschedule table td.time {
	background-color: #eee;
	position: sticky;
	display: inline-block;
}
#castschedule table td.title {
	background-color: #333;	
	color: #fff;
	padding: 1.5em 0;
}
#castschedule table td.sat {
	background-color: rgba(204,206,236,1.00);
}
#castschedule table td.sun {
	background-color: rgba(244,204,205,1.00);
}

#castschedule table td.title {
	width: 13em;
	left: 0;
	z-index: +1;
}
#castschedule table td.date {
	width: 5em;
	left: 0;
	z-index: +1;
}
#castschedule table td.week {
	width: 3em;
	left: 5em;
	z-index: +1;
}
#castschedule table td.time {
	width: 5em;
	left: 8em;
	z-index: +1;
}
/*#castschedule table td.title::before,
#castschedule table td.date::before,
#castschedule table td.week::before,
#castschedule table td.time::before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#castschedule table td.week::before {
    left: 5em;
}
#castschedule table td.time::before {
    left: 8em;
}*/
#castschedule table td:not(.title):not(.date):not(.week):not(.time){
	padding: 0 1em;
}
#castschedule table p {
	line-height: 1;
	text-align: center;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform:rotate(0.03deg);
}
#castschedule table tbody tr td > p {
	margin: 10px auto;
}
@media(max-width:480px) {
	#castschedule table tbody tr td > p {
		margin-top: min(10px, calc((80vh / 17 - 1em) / 2));
		margin-bottom: min(10px, calc((80vh / 17 - 1em) / 2));
	}
}
#castschedule table td.off {
	background-color: #eee;
}
body.sp #castschedule table td.off > div {
	width: calc(100vw - 20px - 2em - 170px);
	text-align: center;
	position: absolute;
	left: calc(10px + 1em + 170px);
}
body:not(.sp) #castschedule table td.off > div {
	width: calc(837px - 170px);
	text-align: center;
	position: absolute;
	left: calc(10px + 1em + 170px);
}
#castschedule table td > div p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/* スクロールバーの幅と高さを設定する */
body:not(.sp) #castschedule > div::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* スクロールバーの形を設定する */
body:not(.sp) #castschedule > div::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
}
/* スクロールバーの色を設定する */
body:not(.sp) #castschedule > div::-webkit-scrollbar-thumb {
  --bg-opacity: 1;
  background-color: black;
}
:root {
	--c01-color: rgb(115,184,226);
	--c01-light-color: rgba(115,184,226,.3);
	--c02-color: rgb(239,239,239);
	--c02-light-color: rgba(239,239,239,.3);
	--c03-color: rgb(245,130,32);
	--c03-light-color: rgba(245,130,32,.3);
	--c04-color: rgb(60,104,84);
	--c04-light-color: rgba(60,104,84,.3);
	--c05-color: rgb(228,136,152);
	--c05-light-color: rgba(228,136,152,.3);
	--c06-color: rgb(216,31,53);
	--c06-light-color: rgba(216,31,53,.3);
	--c07-color: rgb(0,76,113);
	--c07-light-color: rgba(0,76,113,.3);
	--c08-color: rgb(255,140,144);
	--c08-light-color: rgba(255,140,144,.3);
	--c09-color: rgb(171,201,0);
	--c09-light-color: rgba(171,201,0,.3);
	--c10-color: rgb(255,236,80);
	--c10-light-color: rgba(255,236,80,.3);
	--c11-color: rgb(172,48,64);
	--c11-light-color: rgba(172,48,64,.3);
	--c12-color: rgb(52,88,44);
	--c12-light-color: rgba(52,88,44,.3);
	--c13-color: rgb(255,255,255);
	--c13-light-color: rgba(255,255,255,.3);
}
#castschedule table tbody tr td.c01 {
	background-color: var(--c01-light-color);
}
#castschedule table tbody tr:first-child td.c01 {
	background-color: var(--c01-color);
	color:#fff;
}
#castschedule table tbody tr td.c02 {
	background-color: var(--c02-light-color);
}
#castschedule table tbody tr:first-child td.c02 {
	background-color: var(--c02-color);
}
#castschedule table tbody tr td.c03 {
	background-color: var(--c03-light-color);
}
#castschedule table tbody tr:first-child td.c03 {
	background-color: var(--c03-color);
	color:#fff;
}
#castschedule table tbody tr td.c04 {
	background-color: var(--c04-light-color);
}
#castschedule table tbody tr:first-child td.c04 {
	background-color: var(--c04-color);
	color:#fff;
}
#castschedule table tbody tr td.c05 {
	background-color: var(--c05-light-color);
}
#castschedule table tbody tr:first-child td.c05 {
	background-color: var(--c05-color);
	color:#fff;
}
#castschedule table tbody tr td.c06 {
	background-color: var(--c06-light-color);
}
#castschedule table tbody tr:first-child td.c06 {
	background-color: var(--c06-color);
	color:#fff;
}
#castschedule table tbody tr td.c07 {
	background-color: var(--c07-light-color);
}
#castschedule table tbody tr:first-child td.c07 {
	background-color: var(--c07-color);
	color:#fff;
}
#castschedule table tbody tr td.c08 {
	background-color: var(--c08-light-color);
}
#castschedule table tbody tr:first-child td.c08 {
	background-color: var(--c08-color);
	color:#fff;
}
#castschedule table tbody tr td.c09 {
	background-color: var(--c09-light-color);
}
#castschedule table tbody tr:first-child td.c09 {
	background-color: var(--c09-color);
	color:#fff;
}
#castschedule table tbody tr td.c10 {
	background-color: var(--c10-light-color);
}
#castschedule table tbody tr:first-child td.c10 {
	background-color: var(--c10-color);
}
#castschedule table tbody tr td.c11 {
	background-color: var(--c11-light-color);
}
#castschedule table tbody tr:first-child td.c11 {
	background-color: var(--c11-color);
	color:#fff;
}
#castschedule table tbody tr td.c12 {
	background-color: var(--c12-light-color);
}
#castschedule table tbody tr:first-child td.c12 {
	background-color: var(--c12-color);
	color:#fff;
}
#castschedule table tbody tr td.c13 {
	background-color: var(--c32-light-color);
}
#castschedule table tbody tr:first-child td.c13 {
	background-color: var(--c13-color);
}
.colTitle {
	text-align: center;
}
.csSelect {
	display: block;
	margin: 5px auto 10px!important;
}

.allNoDisplay tr:not(.colTitle) {display: none;}
.c03an tr[c03an] {display: table-row;}
.c03asakura tr[c03asakura] {display: table-row;}
.c04koyama tr[c04koyama] {display: table-row;}
.c04yamauchi tr[c04yamauchi] {display: table-row;}
.c06tomita tr[c06tomita] {display: table-row;}
.c06nishiha tr[c06nishiha] {display: table-row;}
.c07yasumoto tr[c07yasumoto] {display: table-row;}
.c07nishiha tr[c07nishiha] {display: table-row;}
.c08nakamura tr[c08nakamura] {display: table-row;}
.c08nishida tr[c08nishida] {display: table-row;}
.c09nishida tr[c09nishida] {display: table-row;}
.c09rina tr[c09rina] {display: table-row;}
.c09suzuki tr[c09suzuki] {display: table-row;}
.c10yamamoto tr[c10yamamoto] {display: table-row;}
.c10suzuki tr[c10suzuki] {display: table-row;}
.c11okamura tr[c11okamura] {display: table-row;}
.c11fukuda tr[c11fukuda] {display: table-row;}
.c13hon tr[c13hon] {display: table-row;}
.c13kou tr[c13kou] {display: table-row;}



#castschedule .out td {
	position: relative;
	overflow: hidden;
}
#castschedule .out td::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3);
	z-index: 0;
	position: absolute;
	margin-left: -1em;
	padding-right: 1em;
}
#castschedule .out td p {
	color: #666!important;
}

#castschedule .outbox {
	width: 13em;
	color: red;
	position: absolute;
	margin-top: calc(-40px - 1em);
	z-index: 10;
	border-color: transparent;
}





.popup {
	background-color: #fff;
	padding: 30px;
}
.popup div {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform:rotate(0.03deg);
}
.popup .outinfo p {
	font-size: 200%;
	font-weight: 400;
	text-align: center;
	color: red;
}
.popup .date p {
	font-size: 200%;
	font-weight: 600;
	text-align: center;
}
.popup .week p {
	background-color: #eee;
	text-align: center;
	border-radius: 3px;
}
.popup .week.sat p {
	background-color: rgba(0,8,160,1.00);
	color: #fff;
}
.popup .week.sun p {
	background-color: rgba(199,0,3,1.00);
	color: #fff;
}
.popup .time p {
	text-align: center;
	padding: 5px 0 5px;
	font-size: 160%;
}
.popup .event p {
	text-align: center;
	padding: 0 0 15px;
	font-size: 160%;
	display: none;
}

.popup div:not(.date):not(.week):not(.time):not(.event):not(.outinfo) {
	padding-left: 5em;
	border-radius: 5px;
	margin-top: 5px;
}
.popup div:not(.date):not(.week):not(.time):not(.event):not(.outinfo)::before {
	display: inline-block;
	width: 5em;
	text-align: center;
	margin-left: -5em;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 5px 0 0 5px;
	color: #fff;
}
.popup div:not(.date):not(.week):not(.time):not(.event):not(.outinfo) p {
	display: inline-block;
	width: 12em;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.popup .c01 {
	background-color: var(--c01-light-color);
}
.popup .c01::before {
	content: 'ルリカ';
	background-color: var(--c01-color);
}
.popup .c02 {
	background-color: var(--c02-light-color);
}
.popup .c02::before {
	content: 'ユズハ';
	background-color: var(--c02-color);
	color: #1a1a1a!important;
}
.popup .c03 {
	background-color: var(--c03-light-color);
}
.popup .c03::before {
	content: 'ユキノ';
	background-color: var(--c03-color);
}
.popup .c04 {
	background-color: var(--c04-light-color);
}
.popup .c04::before {
	content: 'ヒカル';
	background-color: var(--c04-color);
}
.popup .c05 {
	background-color: var(--c05-light-color);
}
.popup .c05::before {
	content: 'マーヤ';
	background-color: var(--c05-color);
}
.popup .c06 {
	background-color: var(--c06-light-color);
}
.popup .c06::before {
	content: 'アンズ';
	background-color: var(--c06-color);
}
.popup .c07 {
	background-color: var(--c07-light-color);
}
.popup .c07::before {
	content: 'ミスズ';
	background-color: var(--c07-color);
}
.popup .c08 {
	background-color: var(--c08-light-color);
}
.popup .c08::before {
	content: 'トア';
	background-color: var(--c08-color);
}
.popup .c09 {
	background-color: var(--c09-light-color);
}
.popup .c09::before {
	content: 'レナ';
	background-color: var(--c09-color);
}
.popup .c10 {
	background-color: var(--c10-light-color);
}
.popup .c10::before {
	content: 'サヤカ';
	background-color: var(--c10-color);
	color: #1a1a1a!important;
}
.popup .c11 {
	background-color: var(--c11-light-color);
}
.popup .c11::before {
	content: 'キョウカ';
	background-color: var(--c11-color);
}
.popup .c12 {
	background-color: var(--c12-light-color);
}
.popup .c12::before {
	content: 'マドカ';
	background-color: var(--c12-color);
}

.senkou {
	margin-left: -20px;
	width: calc(100% + 40px);
}