@charset "utf-8";

@media screen and (max-width: 700px) {
p {
	line-height: 1.8em;
}
body {
	min-width: 100%;
}
.opening {
	min-width: 100%;
}
.opening li {
	overflow: hidden;
	width: 100%;
}
.opening img {
	max-width: 900px;
}
#mask img {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 40px;
	height: auto;
}
section {
	position: relative;
	width: 100%;
	overflow: hidden;
	z-index: 11;
}
#menu {
	display: none;
	height: 140px;
	overflow: hidden;
	background: url(../images/bg.jpg);
}
#menu ul {
	margin: 40px auto 40px;
}
#navigator li {
	margin: 0px 0px 15px 0px;
}
div.inner {
	width: 90%;
}
#menu p.logo {
	width: 100px;
	min-width: 100%;
	position: absolute;
	text-align: center;
	margin: 40px auto 0px;
	right: 0;
	left: 0;
}
#menu ul {
	display: none;
}
.white_bg {
	padding: 40px 0px;
	width: 90%;
	margin: 0px auto;
	text-align: left;
}
#about {
	padding: 20px 20px 20px 20px;
	box-sizing: border-box;
}
.border {
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	padding: 0px 20px;
	box-sizing: border-box;
}
.border p.text {
	text-align: left;
}
#about h2 {
	margin: 40px auto 40px;
	padding: 0px 0px 40px 0px;
}
#about ul.btn_list {
	margin: 40px auto 40px;
}
#about ul.btn_list li {
	display: block;
	margin: 0px auto 20px;
}
#content {
	padding: 40px 0px 40px 0px;
}
#content h2 {
	margin: 0px auto 20px;
	text-align: center;
	padding: 30px 0px 10px 0px;
	background: url(../images/cross.png);
	background-position: top right;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ccc;
}
#content .btn {
	margin: 20px auto 0px;
}
#content div.wrap {
	width: 100%;
	margin-right: 0px;
	margin-bottom: 40px;
	text-align: center;
}
#content div.wrap img {
	width: 100%;
	height: 200px;
	margin-bottom: 20px;
}
.pc {
	display: none;
}
.sp {
	display: block;
}
#content div.wrap p.text {
	height: auto;
	text-align: left;
	text-align: justify;
}
#content div.wrap {
	margin-bottom: 40px;
}
#access .black_wrap {
	width: 100%;
	height: auto;
	position: static;
}
#access h2 {
	margin: 0px auto 40px;
	padding: 40px 0px 40px 0px;
}
p.text.vertical {
	-ms-writing-mode: tb-lr;            /* IE用　*/
	-webkit-writing-mode: horizontal-tb;  /* chrome用　*/
	-o-writing-mode: horizontal-tb;       /* opera用　*/
	writing-mode: horizontal-tb;
	width: 90%;
	padding: 0px 0px 40px;
	text-align: justify;
}
#map_canvas {
	display: inline-block;
	width: 100%;
	height: 300px;
	vertical-align: bottom;
}
footer {
	min-width: 100%;
}
#f_info {
	float: none;
	width: 90%;
	margin: 20px auto;
}
ul#f_navi {
	display: none;
}
#copyright {
	position: inherit;
	width: 90%;
	right: 0;
	left: 0;
	margin: auto;
	clear: both;
	text-align: left;
	padding-top: 20px;
}
#menu.is-fixed {
	position: fixed;
	top: 0;
	left: 0px;
	z-index: 99;
}
}