@charset "UTF-8";

@media screen and (min-width:1024px) {
	.title-caption {
		margin: 10px 0 0;
		font-size: 1.75rem;
	}
}
@media screen and (min-width:1024px) and (max-width:1439px) {
	.title-caption {
		font-size: 1.5rem;
	}
}

@media screen and (max-width:1023px) {
	.title-caption {
		margin: 5px 0 0;
		font-size: 1.125rem;
	}
}




@media screen and (min-width:1024px) {
	.column.program .text-box {
		position: relative;
		padding-bottom: 120px;
	}
	.column.program .button {
		position: absolute;
		left: 0;
		bottom: 0;
		margin: 0;
	}
}
@media screen and (min-width:1024px) and (max-width:1439px) {
	.column.program .text-box {
		padding-bottom: 100px;
	}
}






@media screen and (min-width:1024px) {
	.button.reserve a {
		color: #fff;
		background: #000;
		font-size: 1.5rem;
	}
	.button.reserve a:hover {
		color: #000;
		background: #fff;
	}
	
	.button.no-margin {
		margin-top: 0;
	}
}
@media screen and (min-width:1024px) and (max-width:1439px) {
	.button.reserve a {
		font-size: 1.125rem;
	}
}

@media screen and (max-width:1023px) {
	.button.reserve a {
		color: #fff;
		background: #000;
		font-size: 1.0rem;
	}
	.button.reserve a:active {
		color: #000;
		background: #fff;
	}
	
	.button.no-margin {
		margin-top: 0;
	}
}





@media screen and (min-width:1024px) {
	.column div.text li,
	.column div.text dt,
	.column div.text dd {
		font-size: 1.125rem;
		line-height: 1.834;
	}

	.column div.text dl + dl {
		margin-top: 25px;
	}
	.column div.text dl.break {
		margin-top: 40px;
	}

	.column div.text ul.mark > li {
		padding-left: 1rem;
		text-indent: -1rem;
	}
	.column div.text ul.mark > li::before {
		display: inline-block;
		width: 1rem;
		text-indent: 0;
		content: "-";
	}
	
	.column div.text ul.mark ul {
		margin: 4px 0 8px;
	}
	.column div.text ul.mark ul li {
		padding-left: 1.5rem;
		text-indent: -1.5rem;
	}
	.column div.text ul.mark ul li::before {
		display: inline-block;
		width: 1.5rem;
		text-indent: 0;
		content: "※";
	}
	
	.column div.text ul.mark.attention li {
		padding-left: 1.5rem;
		text-indent: -1.5rem;
	}
	.column div.text ul.mark.attention li::before {
		display: inline-block;
		width: 1.5rem;
		text-indent: 0;
		content: "※";
	}
	
	
	html:lang(en) .column div.text ul.mark ul li {
		padding-left: 1rem;
		text-indent: -1rem;
	}
	html:lang(en) .column div.text ul.mark ul li::before {
		content: "*";
		width: 1em;
		font-family: Tahoma, Geneva, "sans-serif";
	}
	
	html:lang(en) .column div.text ul.mark.attention li {
		padding-left: 1rem;
		text-indent: -1rem;
	}
	html:lang(en) .column div.text ul.mark.attention li::before {
		content: "*";
		width: 1em;
		font-family: Tahoma, Geneva, "sans-serif";
	}
	
	
	
	.column div.text ol.mark {
		counter-reset: order;
	}
	.column div.text ol.mark > li {
		padding-left: 2.5rem;
		text-indent: -2.5rem;
		counter-increment: order;
	}
	.column div.text ol.mark > li::before {
		display: inline-block;
		width: 2.5rem;
		text-indent: 0;
		content: "- " counter(order);
	}
	
	.column div.text ol.mark ol {
		margin: 4px 0 8px;
	}
	.column div.text ol.mark ol li {
		padding-left: 1rem;
		text-indent: -1rem;
	}
	.column div.text ol.mark ol li::before {
		content: none;
	}
	
	html:lang(en) .column div.text ol.mark ol li {
		padding-left: 1.75rem;
		text-indent: -2rem;
	}
	html:lang(en) .column div.text ol.mark ol li .number {
		display: inline-block;
		width: 1.75em;
		padding-left: 0;
		text-indent: 0;
	}
	
	.super {
		margin: 0 3px;
	}
	
	.appendix {
		margin: 25px 0 0;
	}
	.appendix li {
		padding-top: 4px;
		font-size: 0.9375rem !important;
	}
}
@media screen and (min-width:1024px) and (max-width:1439px) {
	.column div.text li,
	.column div.text dt,
	.column div.text dd {
		font-size: 1.0rem;
	}
}


@media screen and (max-width:1023px) {
	.column div.text li,
	.column div.text dt,
	.column div.text dd {
		font-size: 1.0rem;
		line-height: 1.6;
	}
	
	.column div.text dt {
		margin-bottom: 5px;
	}

	.column div.text dl + dl {
		margin-top: 20px;
	}
	.column div.text dl.break {
		margin-top: 40px;
	}

	.column div.text ul.mark > li {
		padding-left: 1rem;
		text-indent: -1rem;
	}
	.column div.text ul.mark > li::before {
		display: inline-block;
		width: 1rem;
		text-indent: 0;
		content: "-";
	}
	
	.column div.text ul.mark ul {
		margin: 8px 0 0;
	}
	.column div.text ul.mark ul li {
		padding-left: 1.25rem;
		text-indent: -1.25rem;
		font-size: 0.875rem;
	}
	.column div.text ul.mark ul li::before {
		display: inline-block;
		width: 1.25rem;
		text-indent: 0;
		content: "※";
	}
	
	.column div.text ul.mark.attention li {
		padding-left: 1.25rem;
		text-indent: -1.25rem;
		font-size: 0.875rem;
	}
	.column div.text ul.mark.attention li::before {
		display: inline-block;
		width: 1.25rem;
		text-indent: 0;
		content: "※";
	}
	
	
	html:lang(en) .column div.text ul.mark ul li {
		padding-left: 1rem;
		text-indent: -1rem;
	}
	html:lang(en) .column div.text ul.mark ul li::before {
		content: "*";
		width: 1em;
		font-family: Tahoma, Geneva, "sans-serif";
	}
	
	html:lang(en) .column div.text ul.mark.attention li {
		padding-left: 1rem;
		text-indent: -1rem;
	}
	html:lang(en) .column div.text ul.mark.attention li::before {
		content: "*";
		width: 1em;
		font-family: Tahoma, Geneva, "sans-serif";
	}
	
	
	.column div.text ol.mark {
		counter-reset: order;
	}
	.column div.text ol.mark > li {
		padding-left: 2.5rem;
		text-indent: -2.5rem;
		counter-increment: order;
	}
	.column div.text ol.mark > li::before {
		display: inline-block;
		width: 2.5rem;
		text-indent: 0;
		content: "- " counter(order);
	}
	
	.column div.text ol.mark ol {
		margin: 4px 0 8px;
	}
	.column div.text ol.mark ol li {
		padding-left: 1rem;
		text-indent: -1rem;
	}
	.column div.text ol.mark ol li::before {
		content: none;
	}
	
	html:lang(en) .column div.text ol.mark ol li {
		padding-left: 1.5rem;
		text-indent: -1.5rem;
	}
	html:lang(en) .column div.text ol.mark ol li .number {
		display: inline-block;
		width: 1.5em;
		padding-left: 0;
		text-indent: 0;
	}
	
	.super {
		margin: 0 3px;
	}
	
	.appendix {
		margin: 25px 0 0;
	}
	.appendix li {
		padding-top: 3px;
		font-size: 0.75rem !important;
	}
}






@media screen and (min-width:1024px) {
	.artist-comment {
		padding: 40px;
		border: 1px solid #000;
	}

	.artist-comment dt {
		font-size: 1.125rem;
		line-height: 1.834;
	}
	.artist-comment dd {
		margin: 5px 0 0;
		font-size: 1.0rem;
		line-height: 1.834;
	}
	.artist-comment dl + dl {
		margin-top: 20px;
	}
	.artist-comment .link {
		margin-top: 10px;
		text-align: right;
		font-size: 1.0rem !important;
	}
	.artist-comment .link a {
		font-size: 1.0rem !important;
	}
}

@media screen and (max-width:1023px) {
	.artist-comment {
		padding: 25px;
		border: 1px solid #000;
	}

	.artist-comment dt {
		font-size: 1.0rem;
		line-height: 1.834;
	}
	.artist-comment dd {
		margin: 5px 0 0;
		font-size: 0.875rem;
		line-height: 1.834;
	}
	.artist-comment dl + dl {
		margin-top: 20px;
	}
	.artist-comment .link {
		margin-top: 15px;
		font-size: 0.875rem !important;
	}
	.artist-comment .link a {
		font-size: 0.875rem !important;
	}
}


.attention.important {
	color: #990000;
}


.faq-list strong.attention.important {
	font-family: "SST W55 Bold", sans-serif;
}

@media screen and (min-width:1024px) {
	.column .button .note {
		margin: 30px 0 0;
	}
	.column .button .note + .note {
		margin-top: 5px;
	}
	.column .button .note a {
		all: initial;
		font-size: inherit !important;
		font-family: "SST W55 Regular","游ゴシック", sans-serif;
		text-decoration: underline !important;
		cursor: pointer;
	}
	.column .button .note a:hover {
		text-decoration: none !important;
	}
	
	.faq-list p.subtitle {
		line-height: 1.834;
	}
	.faq-list * + p.subtitle {
		margin-top: 20px;
	}
	.faq-list ul.mark > li::before {
		display: inline-block;
		width: 1em;
		content: "-" !important;
	}
	
}
@media screen and (max-width:1023px) {
	.column .button .note {
		margin: 20px 0 0;
		font-size: 0.85rem;
		line-height: 1.834;
	}
	.column .button .note + .note {
		margin-top: 5px;
	}
	.column .button .note a {
		all: initial;
		font-size: 0.85rem;
		font-family: "SST W55 Regular","游ゴシック", sans-serif;
		text-decoration: underline !important;
		cursor: pointer;
	}
	.column .button .note a:active {
		text-decoration: none !important;
	}
	
	.faq-list p.subtitle {
		line-height: 1.834;
	}
	.faq-list * + p.subtitle {
		margin-top: 20px;
	}
	.faq-list ul.mark {
		margin-top: 10px !important;
	}
	.faq-list ul.mark > li {
		font-size: 0.9375rem !important;
		line-height: 1.7 !important;
	}
	.faq-list ul.mark > li::before {
		display: inline-block;
		width: 1em;
		content: "-" !important;
	}
}







@media screen and (min-width:1024px) {
	.column.double li .caption {
		display: block;
		margin: 16px 0 0;
		font-size: 0.9375rem;
		line-height: 1.5;
	}
}

@media screen and (max-width:1023px) {
	.column.double li .caption {
		display: block;
		margin: 10px 0 0;
		font-size: 0.75rem;
		line-height: 1.5;
	}
}



















