@charset "UTF-8";


* {
	margin:0;
	padding:0;
}

html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, a, img,
small, dl, dt, dd, ol, ul, li, label,
table, tr, th, td, article, aside,
footer, header, nav, section, video {
	font:inherit;
	font-size:100%;
	outline:0;
	border:0;
	vertical-align:baseline;
}

article, aside, footer, header,
nav, section, a {display:block;}

html, body {
	width:100%;
	height:100%;
}

body {
	color:#000;
	font-size:75%;
	font-family:"メイリオ", "Meiryo", Arial, sans-serif;
	line-height:1.6;
	letter-spacing:0.1em;
	background-color:#000;
}

@media screen and (min-width:1024px) {
	body {font-size:82%;}
}


/* iframe, video */
video,
iframe {vertical-align:top;}


/* ol, ul */
ol {
	list-style:decimal;
	list-style-position:inside;
}

ul {list-style:none;}


/* img */
img {
	width:100%;
	height:auto;
	vertical-align:top;
	display:block;
}


/* a */
a {
	color:#000;
	text-decoration:none;
}

@media (min-width:1024px) {
	a {transition:all 0.4s ease-in-out;}
	a:hover {opacity:0.3;}
}


/* header */
#header {
	width:100%;
	height:56px;
	text-align:center;
	display:flex;
	top:0;
	position:fixed;
	z-index:9999;
	justify-content:space-between;
	background-color:#000;
}

@media (min-width:768px) {
	#header {height:64px;}
}


/* menu_button */
.menu_button {
	width:96px;
	height:56px;
	text-align:left;
}

.menu_button span {
	width:48px;
	height:56px;
	padding:20px 16px;
	display:block;
	box-sizing:border-box;
}

@media (min-width:768px) {
	.menu_button {
		width:160px;
		height:64px;
	}

	.menu_button span {
		width:80px;
		height:64px;
		padding:24px 32px;
	}
}

@media (min-width:1024px) {
	.menu_button {width:100px;}

	.menu_button span {
		width:100px;
		padding:22px 40px;
	}
}


/* logo */
.logo {
	width:calc(100% - 144px);
	padding:16px 0;
}

.logo a {display:inline-block;}

.logo a img {
	width:auto;
	height:24px;
}

@media (min-width:768px) {
	.logo {width:calc(100% - 320px);}

	.logo a img {height:32px;}
}

@media (min-width:1024px) {
	.logo {
		width:calc(100% - 200px);
		padding:14px 0;
	}

	.logo a img {height:36px;}
}


/* tel_button */
.tel_button {
	width:48px;
	height:56px;
}

.tel_button a {
	width:48px;
	height:56px;
	padding:20px 16px;
	box-sizing:border-box;
}

@media (min-width:768px) {
	.tel_button {
		width:80px;
		height:64px;
	}

	.tel_button a {
		width:80px;
		height:64px;
		padding:24px 32px;
	}
}

@media (min-width:1024px) {
	.tel_button {display:none;}
}


/* access_button */
.access_button {
	width:48px;
	height:56px;
}

.access_button a {
	width:48px;
	height:56px;
	padding:20px 16px;
	box-sizing:border-box;
}

@media (min-width:768px) {
	.access_button {
		width:80px;
		height:64px;
	}

	.access_button a {
		width:80px;
		height:64px;
		padding:24px 32px;
	}
}

@media (min-width:1024px) {
	.access_button {width:100px;}

	.access_button a {
		width:100px;
		padding:22px 40px;
	}
}


/* nav */
.open {left:0 !important;}

.close_button {
	width:100%;
	height:56px;
	text-align:left;
}

.close_button span {
	width:48px;
	height:56px;
	padding:20px 16px;
	display:block;
	box-sizing:border-box;
}

#nav {
	width:100%;
	height:100%;
	top:0;
	left:-100%;
	position:fixed;
	z-index:99999;
	transform:translate3d(0,0,0);
	transition:all 0.4s ease-in-out;
	background-color:rgba(0,0,0,0.8);
}

#nav ul {
	width:50%;
	height:294px;
	margin:auto;
	top:0;
	right:0;
	bottom:0;
	left:0;
	position:absolute;
}

#nav ul li {margin-top:8px;}

#nav ul li:nth-of-type(1) {margin-top:0;}

#nav ul li:last-of-type {
	margin-top:16px;
	display:flex;
}

#nav ul li:last-of-type a {
	width:50%;
	text-align:center;
}

#nav ul li:last-of-type a img {
	width:40px;
	height:40px;
	display:inline;
}

@media (min-width:768px) {
	.close_button {height:64px;}

	.close_button span {
		width:80px;
		height:64px;
		padding:24px 32px;
	}

	#nav {transition:all 0.5s ease-in-out;}

	#nav ul {
		width:40%;
		height:475px;
	}

	#nav ul li {margin-top:16px;}

	#nav ul li:last-of-type {margin-top:24px;}

	#nav ul li:last-of-type a img {
		width:48px;
		height:48px;
	}
}

@media (min-width:1024px) {
	.close_button span {
		width:100px;
		padding:22px 40px;
	}

	#nav ul {
		width:12%;
		height:362px;
	}
}


/* container */
#container {
	padding-top:56px;
	background-color:#000;
}

@media (min-width:768px) {
	#container {padding-top:64px;}
}


/* contents */
#contents {
	width:100%;
	padding-top:40px;
	background:url("../images/bg.gif") left top;
	background-size:100px;
	box-sizing:border-box;
}

@media (min-width:768px) {
	#contents {
		padding-top:64px;
		background-size:200px;
	}
}

@media (min-width:1024px) {
	#contents {padding-top:80px;}
}


/* section */
.section {margin-top:40px;}

@media (min-width:768px) {
	.section {margin-top:64px;}
}

@media (min-width:1024px) {
	.section {margin-top:80px;}
}


/* title */
.title {
	height:16px;
	margin-bottom:24px;
	padding-bottom:72px;
	text-align:center;
	background:url("../images/title/bg.svg") center bottom no-repeat;
	background-size:auto 40px;
	box-sizing:border-box;
}

.event_title {margin-bottom:16px !important;}

.title img {
	width:auto;
	height:16px;
	display:inline;
}

@media (min-width:768px) {
	.title {
		height:24px;
		margin-bottom:40px;
		padding-bottom:112px;
		background-size:auto 64px;
	}

	.event_title {margin-bottom:24px !important;}

	.title img {height:24px;}
}

@media (min-width:1024px) {
	.title {margin-bottom:48px;}
}


/* footer */
#footer {
	width:100%;
	text-align:center;
	background-color:#000;
}

#footer a {
	color:#FFF;
	display:inline-block;
}


/* copyright */
.copyright {
	height:48px;
	line-height:48px;
}

@media (min-width:768px) {
	.copyright {
		height:64px;
		line-height:64px;
	}
}


/* access */
.access {margin-top:40px;}

.access_text {text-align:center;}

.access_text p {margin-top:8px;}

.access_text p:nth-of-type(1) {margin-top:0;}

.access_text p a {display:inline-block;}

.access_map {
	margin-top:40px;
	border-top:1px solid #E5E5E5;
}

.access_map iframe {
	width:100%;
	height:400px;
}

@media (min-width:768px) {
	.access {margin-top:64px;}

	.access_text p {margin-top:16px;}

	.access_map {margin-top:56px;}
}

@media (min-width:1024px) {
	.access {margin-top:80px;}

	.access_map {margin-top:64px;}
}