@charset "utf-8";

*{
margin:0;
padding:0;
}

body{
text-align: center;/* box centering */
font-size: 100%;
line-height: 1.8em;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
margin: 0;
padding: 0;
color:#333;
zoom: 1;
-webkit-text-size-adjust: 100%;
-webkit-overflow-scrolling: touch;
background: #fff;
width: 100%;
}

acronym,
abbr{
cursor:help;
}

/* ----------------------------------------- */
/* link setting ---------------------------- */
/* ----------------------------------------- */
a:link{
color: #2286b5;
text-decoration:none;
}
a:visited{
color: #2286b5;
}
a:hover{
color: #2286b5;
text-decoration:none;
}
a:active{
color: #2286b5;
text-decoration:underline;
}
img{
vertical-align: bottom;
}
a img{
border: none;
}

/*-------------------------------------
navigation
--------------------------------------*/
#navi{
width: 716px;
height: 98px;
float: left;
position: relative;
background: #000;
}

#navi ul{
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

#navi ul li{
text-align: center;/* box centering */
float: left;
margin: 0;
padding: 0;
position: relative;
height: 98px;
}

.drawer-nav {
	padding-top: 70px;
}

/*-------------------------------------------*/
/*	#header
/*-------------------------------------------*/
#header {
margin: 0;
text-align: center;
height: 98px;
width: 100%;
background: #000;
position: fixed !important;
position: absolute;
left: 0;
top: 0;
z-index: 16;
}

#headcontents {
width:1000px;
margin: 0 auto;
height: 98px;
}

#headlogo {
width: 284px;
float: left;
text-align: left;
}

/*-------------------------------------------*/
/*	#footer
/*-------------------------------------------*/
#footer {
margin: 0;
height: 68px;
width: 100%;
min-width: 1200px;
background: #000;
}

#footcontents {
width:960px;
margin: 0 auto;
padding: 28px 0 0 0;
text-align: center;
color: #fff;
font-size: 12px;
line-height: 12px;
}

/*-------------------------------------------*/
/*	main
/*-------------------------------------------*/
#slide_img{
	width: 1200px;
	height: 702px;
	margin: 98px auto 0;
}

section{
	overflow: hidden;
	width: 100%;
	min-width: 1200px;
}
section.wb{
	background: #fff;
}

section.gb{
	background: #F7F7F7;
}

div.inner{
	width: 960px;
	padding: 80px 0;
	margin: 0 auto;
	box-sizing: border-box;
	overflow: hidden;
}
h2{
	padding: 0 0 60px;
}

p{
	padding: 0 0 80px;
}

ul{list-style: none;}

pre{
	width: 100%;
	padding: 1em 1em 3em;
	box-sizing: border-box;
	overflow: hidden;
	font-size: 16px;
	font-weight: normal;
}

pre a{color: #666 !important;}

.red {
	color: #be0000;
	font-family: sans-serif;
}
a.link_btn {
	background: #000;
	color: #fff;
	padding: 10px 18px;
	font-size: 15px;
}
.menu-img {
	width: 700px;
}
.infobox{
	text-align: center;
	width: 800px;
	margin: 0 auto;
	font-size: 16px;
	font-family: serif;
}
.se_title {
	height: 74px;
	width: auto;
}
.pm0 {
	padding-bottom: 0;
}
.open h3 {
	padding-bottom: 0;
	border-bottom: 2px solid #000;
	width: 80px;
	margin: 0 auto;
	margin-bottom: 20px;
	font-size: 19px;
}
.open p {
	padding-bottom: 20px;
}
span {
	xpadding-top: 10px;
	font-size: 14px;
}

.menu-list_wrap {
	display: flex;
	flex-direction: row-reverse;
	max-width: 860px;
	height: 500px;
	margin: 0 auto;
	font-weight: bold;
}
.menu-list {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 32px;
}
.menu-list_s dt {
	height: 240px;
}
.menu-list_s dd {
	height: 240px;
}
.menu-list dt {
	font-family: serif;
	font-size: 18px;
	text-indent: 1em;
	line-height: 50px;
	text-align: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 32px;

}
.menu-list dd {
	font-family: serif;
	font-size: 18px;
	text-indent: 1em;
	line-height: 50px;
	text-align: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 32px;
}
.menu_txt {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		margin: 0 auto;
}
.menu_txt li {
	font-family: serif;
	font-size: 21px;
	/* font-weight: bold; */
	text-indent: 1em;
	line-height: 50px;
	text-align: left;
}
.menu_list {
	max-width: 760px;
}
.pa_space {
	padding-left: 20px;
}

.icon {
	font-size: 60px;
	text-align: left;
	display: none;
	margin-left: 20px;
	font-weight: bold;
	z-index: 10000;
	display: block;
}
.ul_wrap::-webkit-scrollbar {
  background:#ccc;
  width:10px;
}
.ul_wrap::-webkit-scrollbar-thumb {
  background:#aaa;
  border-radius: 50px;
  height: 50px;
}
.flex_row {
	display: flex;
	justify-content: space-between;
}
.calendar iframe {
	width: 460px;
	height: 330px;
}
.pc_none {
	display: none;
}
.time {
	text-align: left;
	width:640px;
	margin: 0 auto;
}



@media screen and (min-width:740px) {
.sp_nav_btn{display: none;}

.udb {
	border-bottom: 1px solid #999;
	width: 50%;
	margin: 0 auto;
	padding: 0 0 10px;
	}

}
/*  */
/*-------------------------------------
sp_style
--------------------------------------*/
@media screen and (max-width:739px) {

img.fit_img{width: 100%;}

.txtleft {text-align: left;}
.fs12 {font-size: 12px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}

#header{
	display: none;
	}

#headlogo {
	width: 90%;
	float: left;
	text-align: left;
	background: #000;
	}
#headlogo img{
	width: 25px;
	padding: 6px 15px;
	}
.sp_nav_btn{
	background: #000;
	overflow: hidden;
	position: fixed;
	width: 100%;
	z-index: 10000;
	}

#slide_img{
	width: 100%;
	height: 100%;
	margin: 0;
	}

section{
	overflow: hidden;
	width: 100%;
	min-width: 100%;
	}

div.inner{
	width: 100%;
	padding: 10px 1em 60px 1em;
	margin: 0 auto;
	box-sizing: border-box;
	overflow: hidden;
	}

h2{
	padding: 20px 0 30px;
	}
div.inner h2 img{
	width: 150px;
	}
p{
	padding: 0 0 30px;
	}

.map iframe{
	width: 90% !important;
	margin: 0 0 20px;
	}

#footer {
	margin: 0;
	height: 68px;
	width: 100%;
	min-width: 100%;
	background: #000;
	}

#footcontents {
	width: 100%;
	margin: 0 auto;
	padding: 28px 0 0 0;
	text-align: center;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	}

.udb {
	border-bottom: 1px solid #999;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 10px;
	}
pre{
	width: 100%;
	padding: 1em 1em 3em;
	box-sizing: border-box;
	overflow: hidden;
	font-size: 18px;
	font-weight: normal;
	white-space: pre-wrap !important;
	text-align: left !important;
	}

.infobox{
	width: 100%;
	font-size: 14px;
	}
.se_title{
	width: 150px;
	height: auto;
	}
.content {
	padding-top: 70px;
	}
	.menu_txt {
		min-height:4em
	}
	.menu_txt li {
		font-family: serif;
		font-size: 18px;
		/* font-weight: bold; */
		line-height: 40px;
		text-align: left;
		letter-spacing: 3px;
	}
	/* .ul_wrap {
		overflow-y: scroll;
		direction: rtl;
		-webkit-overflow-scrolling: touch;
	} */

	.ul_wrap {
	  overflow-x: auto;
	  /* direction: rtl; */
	}
	.ul_wrap::-webkit-scrollbar {
	  height: 5px;
	}
	.ul_wrap::-webkit-scrollbar-track {
	  border-radius: 5px;
	  background: #eee;
	}
	.ul_wrap::-webkit-scrollbar-thumb {
	  border-radius: 5px;
	  background: #666;
	}

	.flex_row {
		flex-direction: column;
	}
	.calendar iframe {
		width: 100%;
		height: 330px;
	}
	.pc_none {
		display: block;
	}
	.sp_none {
		display: none;
	}
	.time {
		width:100%;
	}


	/* .ul_wrap {
  overflow-x: auto;
} */
/* .ul_wrap::-webkit-scrollbar {
  height: 5px;
}
.ul_wrap::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
.ul_wrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
} */
	/* .ul_wrap::-webkit-scrollbar {
	  background:#ccc;
	  width:10px;
	}
	.ul_wrap::-webkit-scrollbar-thumb {
	  background:#aaa;
	  border-radius: 50px;
	  height: 50px;
	} */
	.menu_list {
		width: 600px;
	}

	.icon {
		display: block;
	}
}