@charset "UTF-8";

/* layout
++--------------------------------------------++*/
h2{font-size: 32px; font-size: 3.2rem;}
h3{font-size: 16px; font-size: 1.6rem;}

.center{
	text-align: center;}

.menu-wrapper:after{
	content: '';
	display: table;
	clear: both;}

.pagemenu-sec ul li{
	padding: 0 0 5em 0;}


@media (min-width: 1025px){
	.pagemenu-left{
		display: block;
		width: 500px;
		float: left;}

	.pagemenu-right{
		display: block;
		width: 500px;
		height: 300px;
		float: left;}
}

@media (max-width: 1024px){
	.pagemenu-sec ul{
		margin: 0 auto;}

	.pagemenu-left{
		text-align: center;}

	.pagemenu-sec ul li{
		width: 75%;
		margin: 0 auto;}
}

/* menu head
++--------------------------------------------++*/
.pagemenu-read-head h3{
	font-size: 20px; font-size: 2.0rem;
	color: var(--color-p2);
	padding: 0 0 1em;}

.pagemenu-read-head .dt{
	padding: 0 1em 0.125em;
	margin-bottom: 1.25em;}

@media (min-width: 768px){
	.pagemenu-read-head{
		padding: 0 0 3em 2em;}

	.pagemenu-read-head dt{
		float: left;
		width: 4em;}

	.pagemenu-read-head .dt{
		width: 470px;}
}

@media (max-width: 767px){
	.pagemenu-read-head{
		width: 95%;
		margin: 0 auto;}
}

/* menu
++--------------------------------------------++*/
.pagemenu-sec h2, .list-sec h2{
	color: var(--color-p1);
	text-align: center;
	padding: 0.5em 0;
	/*font-weight: bold;*/
	letter-spacing: 0.5em;
	margin-bottom: 1em;}

/*header*/
.pagemenu-sec h2, .list-sec h2, .pagemenu-right h3, .pagemenu-right span, .pagemenu-price{
	font-family: var(--font-mincho);}

.pagemenu-right h3{
	display: inline-block;}

.pagemenu-right h3, .pagemenu-kigou{
	font-size: 21px; font-size: 2.1rem;}

.pagemenu-span{
	font-size: 32px; font-size: 3.2rem;}

.pagemenu-head{
	margin: 0 0 1em 0;
	border-bottom: 1px solid var(--color-border1);}

.pagemenu-body{
	padding: 0;}

/*label*/
.menu-wrapper .bottom{
	margin: 0; padding: 0;}

.menu-wrapper .label{
	margin: .5em 0 0;}

.menu-wrapper .label span:nth-child(2){
	margin: 0 0 0 .75em;}

.menu-wrapper .labelW,
.menu-wrapper .labelM{
	margin: 0 0 0 0em;
	font-weight: bold;
	display: inline-block;
	border-radius: 6px;
	color: #fff;
	font-size: 1.3rem;
	padding: .3em .75em;}

.menu-wrapper .labelW{
	background-color: #CD87AD;}
.menu-wrapper .labelM{
	background-color: #8794CD;}



/*price*/
.pagemenu-price{
	display: block;
	padding: 0.5em 0 0;
	border-top: 1px dashed var(--color-border2);
	color: var(--color-main);
	font-size: 20px; font-size: 2.0rem;}

.pagemenu-price-large{
	font-size: 26px; font-size: 2.6rem;}

.pagemenu-price-large:nth-child(2){
	padding: 0 0 0 1em;}

/*banner*/
.pagemenu-button a{
	display: block;
	margin: 0 auto;
	color: #fff;
	background-color: var(--color-accent1);
	text-align: center;
	padding: 0.5em 2em;
	text-decoration: none;}

.pagemenu-button a:after{
	font-family: FontAwesome;
	content: "\f054";
	margin: 0 0 0 1em;}

@media (min-width: 768px){
	.pagemenu-button a{
		width: 80%;
		padding: 0.5em 2em;}
}

@media (max-width: 767px){
	.pagemenu-button a{
		width: 100%;
		font-size: 22px; font-size: 2.2rem;
		padding: 0.75em 2em;}
}

/* menu list
++--------------------------------------------++*/
.list-sec{
	padding: 0 0 3em 0;}

/* #link error */
.list-sec{
	margin-top: -160px;
	padding-top: 160px;}

.col1, .col2, .col3{width:30%;}


thead{
	background-color: var(--color-bk1);
	color: #fff;}

thead th{
	border: 1px solid var(--color-border1)}

tbody td{
	border-bottom: 1px solid var(--color-border2);}

th, td{
	padding: 0.8em;}

th, td:nth-child(n+2){
	text-align: center;}

tbody tr:hover{
	background: #F7FFFE;}

.card p{
	padding: 0 0 0.5em 0;}

.col1{
	color: #aa111e;
}

@media (min-width: 768px){
	.menu-list table, .card{
		width: 70%;
		margin: 0 auto 3em;}
}

@media (max-width: 767px){
	.menu-list table, .card{
		width: 95%;
		margin: 0 auto 3em;}
}

/* ticket
++--------------------------------------------++*/
.ticket h2{
	margin: 0;}

@media (min-width: 768px){
	.ticket p{
		text-align: center;}
}

@media (max-width: 767px){
	.ticket img{
		width: 80%;
		height: auto;
		padding: 2em 0}

	.ticket p{
		padding: 0 3em;}
}