@charset "UTF-8";

/* チケット */
.ticket_schedule td,
.ticket_schedule th {
border: 2px #808080 solid;
border-collapse: separate;
text-align: center;
vertical-align: middle;
padding: 5px 10px;
}

.ticket_schedule td.bggrey { background-color: #bfbfbf; }

.ticket_news table {
background-color: #FFFDB6;
}

.ticket_news td,
.ticket_news th {
border: 2px #808080 solid;
border-collapse: separate;
text-align: center;
vertical-align: middle;
padding: 5px 10px;
}

.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}

.ticket_radius {
border:solid 3px #80bc00;
border-radius: 5px;
padding: 3px 3px 3px 3px;
margin: 3px 3px 3px 3px;
}

.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}


/*---20240605追記----*/
.mono.mail .bottun a{
	display:block;
	padding: 16px 24px 16px 32px;
	line-height: 1;
	background: #5f8116;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	color: #fff;
	position: relative;
}
.mono.mail .bottun a:hover{
	background: #8fc31f;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.mono.mail .bottun a:before{
	position: absolute;
	content: '>';
	color: #fff;
	left: 16px;
}

.mono.mail .bottun li + li{
	margin-left: 24px;
}

.mono.mail .flex_center {
    display:         flex;
    justify-content: center;
}

@media screen and (max-width: 767px) {

	.mono.mail .flex_center.bottun {
	    display:block;
	}
	.mono.mail .bottun li + li{
		margin-top: 16px;
		margin-left: 0px;
	}


}
@media screen and (max-width: 460px) {

}



/*---20240709追記----*/
#upgrade-price h3{
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}
.mono .flex{
	display: flex;
}
#upgrade-price .flex li:nth-child(1){
	width: 10rem;
}
#upgrade-price .flex li{
	flex-grow: 1;
	width:calc((100% - 14px - 10rem) / 6);
	border:solid 1px #ccc;
	padding: 4px 8px;
	text-align: center;
}
#upgrade-price .flex{
	width: 100%;
}
#upgrade-price .table-waku{
	display:table;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 767px) {

	#upgrade-price .table-waku{
		overflow-x: scroll;
		display: block;
	}
	#upgrade-price .table-waku ul{
	  width: 100%;
	  min-width: 600px;
	}


}