@charset "utf-8";
/* ===================================================================
     BASE CSS
=================================================================== */
/* global */
:root {
	--font-family-notosans: "Noto Sans JP", sans-serif;
}

html {
	font-size: 62.5%;
}
body {
	color: #231815;
	font-size: 150%;
    font-family: var(--font-family-notosans);
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0.05em;
	font-feature-settings: "palt";
	position: relative;
	background: #edf6fd;
}
a {
	color: #231815;
	text-decoration: none;
	transition: opacity .3s ease-in-out;
}
a:hover {
	/*text-decoration: underline;*/
	/*transition: opacity .1s ease-in-out;*/
}
@media screen and (min-width: 768px) and (max-width: 800px) {
body {
}
}
@media screen and (max-width: 767px) {
body {
	font-size: 140%;
	line-height: 1.6;
}
}
/* -----------------------------------------------------------
	footer
----------------------------------------------------------- */
footer {
	padding: 0 0 0 0;
	text-align: center;
	font-size: 19px;
}
footer .ticket_link a{
    margin-bottom:50px;
}
footer .footer_logo{
    width:230px;
	margin-bottom:20px;
}
footer .copy {
	background: #fff;
	padding:30px 0;
	letter-spacing: -0.02em;
}

@media screen and (max-width: 767px) {
footer {
	font-size: 14px;
}
footer .footer_logo {
    width: 200px;
}
footer .copy {
	font-size: 10px;
}
}

/* -----------------------------------------------------------
	backtop_btn
----------------------------------------------------------- */
.backtop_btn a {
	display: block;
	color: #333;
	font-weight: 500;
	text-align: center;
	line-height: 48px;
	width: 166px;
	height: 48px;
	border: 1px solid #333;
	border-radius: 100px;
	background: #fff;
	margin: 0 auto 50px;
}
.backtop_btn a:hover {
	opacity: .7;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
.backtop_btn a {
	font-size: 14px;
	line-height: 38px;
	height: 38px;
	margin: 0 auto 30px;
}
}