@charset "utf-8";
/* reset */
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300);
/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { box-sizing: border-box; padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
section, article { display: block; }
.pc { display: block; }
.sp { display: none; }
.r { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden; }
/* base */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-family: Lato, YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: center; letter-spacing: 0.1em; background-color: #FFFFFF; margin: 0px; padding: 0px; font-size: 18px; color: #588100; line-height: 1.8em; }
img { vertical-align: bottom; height: auto; width: 100%; }
.fix img { height: auto; width: auto; }
/* link */
a:link, a:visited, a:active { color: #588100; text-decoration: none; }
a:hover { color: #588100; text-decoration: none; }
a:hover img { filter: alpha(opacity=90); filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; }
/* clear */
.clear { clear: both; }
.cbox { zoom: 100%; }
.cbox:after { content: " "; clear: both; height: 0; display: block; visibility: hidden; }
/* wrapper */
#wrapper { margin-right: auto; margin-left: auto; padding-top: 2em; padding-bottom: 2em; }
#header, #contents, #footer { width: 80%; margin-right: auto; margin-left: auto; min-width: 1100px; }
/* header */
#header { position: relative; }
#header h1 { width: 46%; margin-right: auto; margin-left: auto; margin-bottom: 1em; }
#header h1 img { height: auto; width: 100%; }
#header h1 span.logo { clear: both; padding-bottom: 1em; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #578100; overflow: hidden; display: block; }
#header h1 span.logo_ej { margin: 0px; padding: 0px; }
#header .mark { position: absolute; height: 4.5em; width: auto; top: 0px; right: 0px; }
#header .mark img { height: 100%; width: auto; }
#header nav:last-child { margin-bottom: 1.5em; }
#header header .facebook a { font-size: 1em; line-height: 50px; color: #FFF; background-color: #578100; height: 50px; width: 50px; position: absolute; left: 0px; top: 0px; }
.use #header nav:last-child { margin-bottom: 1.2em; }
/* header-nav-first */
#header nav.first { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #588100; }
#header nav.first li { display: inline; position: relative; }
#header nav.first li a { font-size: 1.3em; line-height: 1em; display: inline-block; margin-right: 0.5em; margin-left: 0.5em; position: relative; padding: 0.8em; border-top-width: 2px; border-right-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; text-align: center; }
.toppage #header nav.first li:nth-child(1) a, .ex #header nav.first li:nth-child(2) a, .use #header nav.first li:nth-child(3) a, .facility #header nav.first li:nth-child(3) a, .floor #header nav.first li:nth-child(4) a, .access #header nav.first li:nth-child(5) a, .about #header nav.first li:nth-child(6) a, #header nav.first li a:hover { font-size: 1.3em; line-height: 1em; display: inline-block; margin-right: 0.5em; margin-left: 0.5em; position: relative; padding: 0.8em; border-top-width: 2px; border-right-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #578100; border-right-color: #578100; border-left-color: #578100; }
.toppage #header nav.first li:nth-child(1) a:before, .ex #header nav.first li:nth-child(2) a:before, .use #header nav.first li:nth-child(3) a:before, .facility #header nav.first li:nth-child(3) a:before, .floor #header nav.first li:nth-child(4) a:before, .access #header nav.first li:nth-child(5) a:before, .about #header nav.first li:nth-child(6) a:before, #header nav.first li:hover a:before { content: ""; position: absolute; left: 0px; bottom: -0.15em; z-index: 999; display: block; width: 100%; background-color: #FFF; padding-top: 0.1em; padding-bottom: 0.1em; }
.toppage #header nav.first li:nth-child(1) a:after, .ex #header nav.first li:nth-child(2) a:after, .use #header nav.first li:nth-child(3) a:after, .facility #header nav.first li:nth-child(3) a:after, .floor #header nav.first li:nth-child(4) a:after, .access #header nav.first li:nth-child(5) a:after, .about #header nav.first li:nth-child(6) a:after, #header nav.first li:hover a:after { box-sizing: border-box; content: ""; display: block; position: absolute; bottom: -0.2em; z-index: 9999; height: 2px; background-color: #578100; clear: both; width: 100%; left: 0px; border-right-width: 0.8em; border-left-width: 0.8em; border-right-style: solid; border-left-style: solid; border-right-color: #FFF; border-left-color: #FFF; }
/* header-nav-second */
#header nav.second { border-right-width: 2px; border-left-width: 2px; border-right-style: solid; border-left-style: solid; border-right-color: #588100; border-left-color: #588100; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #588100; }
#header nav.second li { display: inline; }
#header nav.second li a { display: inline-block; font-size: 1.2em; line-height: 1em; padding-top: 1em; padding-right: 0.8em; padding-bottom: 1em; padding-left: 0.8em; position: relative; margin-right: 0.2em; margin-left: 0.2em; }
#header nav.second li a:hover { color: #588100; }
.page-parent #header nav.second li:nth-child(1) a:before, #header nav.second li.current_page_item a:before, #header nav.second li:hover a:before { content: ""; position: absolute; left: 0px; bottom: -0.15em; z-index: 999; display: block; width: 100%; background-color: #FFF; padding-top: 0.1em; padding-bottom: 0.1em; }
.page-parent #header nav.second li:nth-child(1) a:after, #header nav.second li.current_page_item a:after, #header nav.second li:hover a:after { box-sizing: border-box; content: ""; display: block; position: absolute; bottom: -0.15em; z-index: 9999; height: 2px; background-color: #578100; clear: both; width: 100%; left: 0em; border-right-width: 0.8em; border-left-width: 0.8em; border-right-style: solid; border-left-style: solid; border-right-color: #FFF; border-left-color: #FFF; }
/* main */
#main { width: 100%; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 2em; margin-left: 0px; }
#main li { margin-right: 1em; margin-left: 1em; padding: 0px; margin-top: 0px; margin-bottom: 0px; }
#main li span { color: #FFFFFF; background-color: #568100; position: absolute; top: 0em; z-index: 999999; font-size: 0.9em; line-height: 1em; display: block; padding: 0.7em; font-family: YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: bold; left: 0px; }
/* information */
#contents .information { border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; border-top-color: #588100; border-bottom-color: #588100; overflow: hidden; margin-bottom: 2em; padding: 0px; margin-top: 0px; }
#contents .information .left { float: left; width: 25%; margin: 0px; border-right-width: 2px; border-right-style: solid; border-right-color: #568100; padding: 0px; text-align: center; }
#contents .information .left #biz_calendar p { padding: 0px; float: none; display: inline-block; clear: none; font-size: 0.9em; line-height: 2.5em; margin-top: 0px; margin-right: 1em; margin-bottom: 0em; margin-left: 0em; }
#contents .information .left #biz_calendar p span { float: none; display: inline-block; width: auto; clear: none; }
#contents .information .left #biz_calendar p a { display: inline-block; float: left; }
#contents .information .left #biz_calendar table.bizcal { border-top-style: none; border-bottom-style: none; margin: 0px; }
#contents .information .left #biz_calendar table.bizcal td { vertical-align: middle; margin: 0px; padding: 0px; height: 2.3em; width: 14.285%; }
#contents .information .left #biz_calendar table.bizcal .eventday a { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 1px solid #557D34; height: 1.5em; width: 1.5em; display: inline-block; line-height: 1.5em; }
#contents .information .left #biz_calendar table.bizcal .today { background-color: #EFF5E3; color: #567D33; }
#contents .information .left #biz_calendar table.bizcal .holiday { color: #FFF !important; background-color: #557D34 !important; }
#contents .information .left table th, #contents .information .left table td { white-space: normal; font-size: 0.9em; line-height: 1em; text-align: center; padding-top: 0.65em; padding-bottom: 0.65em; padding-right: 0px; padding-left: 0px; }
#contents .information .left table tr:last-child th, #contents .information .left table tr:last-child td { }
#contents .information .left table td.calmonth { font-size: 1.4em; line-height: 1em; text-align: left; padding-left: 0px; }
#contents .information .left table .calbtn img { height: auto; width: 1em; }
#contents .information .left .yoyaku { text-align: center; padding-top: 0.6em; border-top-width: 2px; border-top-style: solid; border-top-color: #588100; padding-bottom: 0.6em; }
#contents .information .left .yoyaku img { height: auto; width: auto; }
#contents .information .right { float: right; width: 75%; margin: 0px; padding: 0px; position: relative; }
#contents .information .right .news { padding-top: 1em; padding-bottom: 0.5em; padding-left: 2em; overflow: hidden; display: block; }
#contents .information .right .news h2 { float: left; width: 18%; margin: 0px; padding: 0px; font-size: 1.5em; }
#contents .information .right .news h2 span { font-size: 0.6em; line-height: 1em; display: block; padding-top: 1em; margin-left: 0.5em; }
#contents .information .right .news h2 span i { margin-right: 0.5em; }
#contents .information .right .news ul { float: right; width: 80%; overflow: hidden; }
#contents .information .right .news ul li { overflow: hidden; margin-top: 0em; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; display: block; padding-top: 0px; padding-right: 0px; padding-bottom: 0.75em; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #578100; }
#contents .information .right .news ul li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#contents .information .right .news ul li a { display: block; text-decoration: none; }
#contents .information .right .news ul li a:hover { text-decoration: underline; }
#contents .information .right .news dl { margin: 0px; padding: 0px; display: block; }
#contents .information .right .news dt { float: left; border-right-width: 1px; border-right-style: solid; border-right-color: #578100; font-size: 1em; line-height: 1.4em; width: 17%; }
#contents .information .right .news dd { float: right; font-size: 1em; line-height: 1.3em; width: 80%; }
#contents .information .right .banner { border-top-width: 2px; border-top-style: solid; border-top-color: #588100; clear: both; }
#contents .information .right .banner span { text-align: center; display: block; height: 100%; padding-right: 3em; padding-left: 3em; line-height: 5em; }
#contents .information .right .holiday { float: left; width: 20%; }
#contents .event { position: relative; }
/* event */
#contents .event h1 { display: block; clear: both; font-size: 1.5em; line-height: 1em; margin-top: 0.3em; }
#contents .event h1 span { border: 2px solid #578100; display: inline-block; margin-bottom: 1em; clear: both; padding-top: 0.5em; padding-right: 0.75em; padding-bottom: 0.5em; padding-left: 0.75em; }
#contents .event li { float: left; width: 18%; margin-right: 2.5%; margin-bottom: 1.8em; }
#contents .event li a { border: 2px solid #578100; display: block; position: relative; }
#contents .event li .thum { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #568100; text-align: center; }
#contents .event li .thum img { height: auto; width: 100%; }
#contents .event li .thum span { font-size: 1em; line-height: 1em; color: #FFF; background-color: #578100; position: absolute; top: -1px; right: -1px; display: block; width: 20%; }
#contents .event li .thum span img { height: auto; width: 100%; }
#contents .event li:nth-child(5n) { margin-right: 0px; }
#contents .event li dl { position: relative; padding-top: 2.3em; padding-right: 1em; padding-bottom: 2.3em; padding-left: 1em; }
#contents .event li dl dt { line-height: 1.5em; letter-spacing: 0.05em; }
#contents .event li dl .date { font-size: 0.8em; line-height: 1em; padding: 0.4em; position: absolute; left: 0px; top: 0px; border-right-width: 2px; border-bottom-width: 2px; border-right-style: solid; border-bottom-style: solid; border-right-color: #568100; border-bottom-color: #568100; }
#contents .event li dl .hall { font-size: 0.8em; line-height: 1em; border-top-width: 2px; border-top-style: solid; border-top-color: #568100; position: absolute; right: 0px; bottom: 0px; border-left-width: 2px; border-left-style: solid; border-left-color: #568100; padding: 0.4em; letter-spacing: 0em; }
#contents .event li dl .hall span:first-child { display: none; }
#contents .event .cont { display: block; clear: both; text-align: center; font-family: Lato; margin-right: auto; margin-left: auto; }
#contents .event .cont i { margin-right: 0.5em; }
#contents .event .cont span { display: inline-block; padding-bottom: 0.5em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #568100; margin-right: auto; margin-bottom: 0.6em; margin-left: auto; line-height: 1em; font-size: 1.2em; }
#contents .event .cont span:last-child { display: block; font-size: 0.8em; line-height: 1em; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; text-align: center; }
#contents .event nav { float: right; overflow: hidden; position: absolute; top: 0.5em; right: 0px; }
#contents .event nav li { padding: 0px; clear: none; float: left; width: auto; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 1.5em; line-height: 2.5em; }
#contents .event nav li span { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-color: #567D33; margin-right: 0.5em; display: inline-block; width: 2.5em; height: 2.5em; }
/* footer */
#footer { line-height: 1em; overflow: hidden; border-top-width: 2px; border-top-style: solid; border-top-color: #588100; padding-top: 1.5em; clear: both; margin-top: 5em; font-size: 0.8em; }
#pagetop a { color: #FFF; background-color: #568100; padding: 1.5em; position: fixed; right: 0px; bottom: 0px; font-size: 0.8em; line-height: 1em; }
/* contents */
#contents { text-align: left; }
#contents p { font-size: 1em; margin-bottom: 2em; clear: both; line-height: 1.8em; }
#contents sup { font-size: 1em; font-weight: bold; margin-bottom: 2em; clear: both; text-align: left; }
#contents .map { margin-bottom: 3em; }
#contents blockquote { padding: 5%; margin-top: 2em; margin-bottom: 2em; border: 1px solid #333333; font-style: italic; }
#contents img { max-width: 100%; height: auto; }
#contents h2 { font-size: 1.3em; display: block; clear: both; margin-top: 3em; margin-bottom: 1em; }
#contents h3 { font-size: 1.4em; line-height: 1.6em; letter-spacing: 0em; }
#contents h4 { font-size: 1.5em; line-height: 1.6em; }
#contents h5 { font-size: 0.9em; line-height: 1.6em; text-align: left; }
#contents h6 { font-size: 0.8em; line-height: 1.6em; }
#contents .waku { padding: 2em; border: 2px solid #598200; overflow: hidden; display: block; clear: both; }
/* table */
#contents table { width: 100%; border-top-width: 2px; border-top-style: solid; border-top-color: #588100; clear: both; margin-bottom: 1em; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #588100; }
#contents th { white-space: nowrap; background-color: #EFF5E3; }
#contents td { background-color: #FFF; }
#contents th, #contents td { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #588100; font-size: 1em; line-height: 1.4em; padding: 0.8em; }
#contents tr:last-child th, #contents tr:last-child td { }
#contents ol li { list-style-position: outside; list-style-type: decimal; padding-left: 0em; margin-left: 2em; font-weight: bold; }
/* a */
#contents a.download { border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; background-color: #EEF2E5; display: block; padding-top: 0.7em; padding-right: 1.8em; padding-bottom: 0.7em; padding-left: 1.8em; font-size: 1.1em; font-weight: bold; }
#contents a.download .fa { float: right; font-size: 1.4em; line-height: 1.45em; }
#contents a.download:hover { color: #FFF; background-color: #568100; }
#contents a.link { border: 2px solid #578100; display: block; overflow: hidden; line-height: 3em; font-size: 1.1em; font-weight: bold; }
#contents a.link .fa { color: #FFF; background-color: #578100; padding: 1em; float: left; margin-right: 1em; }
#contents a.link:hover { color: #FFF; background-color: #568100; }
#contents .l2 { margin-bottom: 2em; overflow: hidden; }
/* l2a */
#contents .l2 h1:first-child { padding-top: 0px; display: block; }
#contents .l2 h1 { display: block; clear: both; font-size: 1.5em; line-height: 1em; float: left; width: 25%; margin-top: 0.3em; }
#contents .l2 h1 span { border: 2px solid #578100; display: inline-block; margin-bottom: 1em; clear: both; padding-top: 0.5em; padding-right: 0.75em; padding-bottom: 0.5em; padding-left: 0.75em; }
#contents .l2 dl { float: right; width: 72%; margin-bottom: 1em; }
#contents .l2 dt { display: block; margin-top: 1em; float: left; width: 35%; clear: both; font-size: 1.3em; line-height: 1em; }
#contents .l2 dt span { display: inline-block; margin-bottom: 1em; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #578100; padding-bottom: 0.5em; }
#contents .l2 dt span.att { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; display: block; padding-top: 2em; padding-right: 2em; font-size: 0.8em; line-height: 1.8em; }
#contents .l2 dd { display: block; text-align: left; float: right; width: 65%; font-size: 1em; line-height: 2em; padding-top: 1em; }
#contents .l2 dd:last-child { }
#contents .l2 .ex { width: 72%; margin-bottom: 3em; margin-left: auto; float: right; }
#contents .l2 ul li { list-style-position: outside; font-weight: bold; text-indent: -1em; margin-left: 1em; }
#contents .l2 ul li:before { content: "◯"; }
/* l2b */
#contents .l2b { overflow: hidden; margin-bottom: 2em; }
#contents .l2b h1 { display: block; clear: both; font-size: 1.5em; line-height: 1em; }
#contents .l2b h1 span { border: 2px solid #578100; display: inline-block; margin-bottom: 1em; clear: both; padding-top: 0.5em; padding-right: 0.75em; padding-bottom: 0.5em; padding-left: 0.75em; }
#contents .l2b .flexslider { margin-bottom: 2em; }
#contents .l2b .left { float: left; width: 65%; }
#contents .l2b .right { float: right; width: 30%; }
#contents .l2b .data { margin-top: 2em; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #578100; margin-bottom: 1em; }
#contents .l2b .data dt { border-top-width: 2px; border-top-style: solid; border-top-color: #578100; text-align: center; padding-top: 0.2em; padding-bottom: 0.2em; font-size: 0.85em; font-weight: bold; }
#contents .l2b .data dd { text-align: center; padding-top: 0.8em; padding-bottom: 0.8em; border-top-width: 1px; border-top-style: dashed; border-top-color: #578100; line-height: 1.5em; }
#contents .l2b .data dd p { margin-bottom: 0px; }
#contents .l2b .ex { width: 72%; margin-bottom: 3em; margin-left: auto; }
/* l2c */
#contents .l2c { overflow: hidden; margin-bottom: 2em; }
#contents .l2c h1 { display: block; clear: both; font-size: 1.5em; line-height: 1em; margin-bottom: 0.5em; }
#contents .l2c h1 span { border: 2px solid #578100; display: inline-block; margin-bottom: 1em; clear: both; padding-top: 0.5em; padding-right: 0.75em; padding-bottom: 0.5em; padding-left: 0.75em; }
#contents .l2c .flexslider { margin-bottom: 2em; }
#contents .l2c .left { float: left; width: 48%; }
#contents .l2c .left table, #contents .l2c table { width: 100%; }
#contents .l2c .left table th, #contents .l2c table th { padding-top: 1em; padding-bottom: 1em; }
#contents .l2c .left table td, #contents .l2c table td { vertical-align: middle; padding-top: 1em; padding-bottom: 1em; line-height: 1.6em; }
#contents .l2c .left table p, #contents .l2c table p { margin: 0px; }
#contents .l2c .right { float: right; width: 48%; }
#contents .l2c dl { float: right; width: 72%; margin-bottom: 2em; }
#contents .l2c dt { display: block; margin-top: 1em; float: left; width: 35%; clear: both; font-size: 1.3em; line-height: 1em; }
#contents .l2c dt span { display: inline-block; margin-bottom: 1em; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #578100; padding-bottom: 0.5em; }
#contents .l2c dd { display: block; text-align: left; float: right; width: 65%; font-size: 1em; line-height: 2em; padding-top: 1em; }
#contents .l2c .ex { width: 72%; margin-bottom: 3em; margin-left: auto; }
/* l3 */
#contents.l3 section:nth-child(1) { width: 22%; float: left; }
#contents.l3 section:nth-child(1) h1 { display: block; clear: both; font-size: 1.5em; line-height: 1em; margin-top: 0.3em; }
#contents.l3 section:nth-child(1) h1 span { border: 2px solid #578100; display: inline-block; margin-bottom: 1em; clear: both; padding-top: 0.5em; padding-right: 0.75em; padding-bottom: 0.5em; padding-left: 0.75em; }
#contents.l3 section:nth-child(2) { float: left; width: 55%; padding-bottom: 2em; margin-top: 0.4em; }
#contents.l3 section:nth-child(2) .archive { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #568100; margin-bottom: 2em; }
#contents.l3 section:nth-child(2) .archive:last-child { margin: 0px; padding: 0px; border-bottom-style: none; }
#contents.l3 section:nth-child(2) .date { font-size: 1.2em; margin-bottom: 0.8em; line-height: 1em; padding-right: 0.7em; border-right-width: 1px; border-right-style: solid; border-right-color: #568100; display: inline-block; padding-left: 0.7em; border-left-width: 1px; border-left-style: solid; border-left-color: #568100; }
#contents.l3 section:nth-child(2) h2 { font-size: 1.8em; margin-bottom: 0.5em; line-height: 1.4em; padding: 0px; margin-top: 0px; }
#contents.l3 section:nth-child(3) { float: right; width: 18%; margin-bottom: 5em; margin-top: 0.4em; }
#contents.l3 section:nth-child(3) li { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #568100; padding-bottom: 1.5em; font-size: 1em; margin-bottom: 1.5em; }
#contents.l3 section:nth-child(3) li .date { display: inline-block; border-right-width: 1px; border-right-style: solid; border-right-color: #568100; padding-right: 0.7em; padding-left: 0.7em; border-left-width: 1px; border-left-style: solid; border-left-color: #568100; line-height: 1em; margin-bottom: 0.5em; }
#contents.l3 section:nth-child(3) li .title { line-height: 1.6em; }
/* map_box */
#contents .map_box { position: relative; overflow: hidden; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #578100; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; }
#contents .map_box:last-child { margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#contents .map_box p { margin: 0px; padding: 0px; }
#contents .map_box .map_info { position: absolute; left: 2em; top: 0px; z-index: 999; }
#contents .map_box .map_info h2 { font-size: 3em; line-height: 1em; padding: 0px; margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0.4em; }
#contents .map_box .map_info ul { margin: 0px; padding: 0px; }
#contents .map_box .map_info span { width: 3em; display: inline-block; text-align: right; padding-right: 1em; }
#contents .map_box.f3 .map_info h2, #contents .map_box.f3 .map_info span { color: #F29600; }
#contents .map_box.f2 .map_info h2, #contents .map_box.f2 .map_info span { color: #2DB6C4; }
#contents .map_box.f1 .map_info h2, #contents .map_box.f1 .map_info span { color: #E75297; }
#contents .map_box.b1 .map_info h2, #contents .map_box.b1 .map_info span { color: #87B828; }
#contents .map_box .map { float: right; width: 80%; padding: 0px; margin-top: 0px; margin-right: 2em; margin-bottom: 1.5em; margin-left: 0px; }
/* fee */
#contents .fee { overflow: hidden; margin-bottom: 2em; }
#contents .fee h1 { display: block; clear: both; font-size: 1.5em; line-height: 1em; float: left; }
#contents .fee h1 span { border: 2px solid #578100; display: inline-block; margin-bottom: 1em; clear: both; padding-top: 0.5em; padding-right: 0.75em; padding-bottom: 0.5em; padding-left: 0.75em; }
#contents .fee .caption { float: right; padding-top: 1em; }
#contents .fee .fee_fragment { border: 2px solid #578100; padding: 1.5em; clear: both; overflow: hidden; }
#contents .fee .fee_box { clear: both; border-left-width: 2px; border-left-style: solid; border-left-color: #578100; }
#contents .fee .fee_box a { border-top-width: 2px; border-right-width: 2px; border-top-style: solid; border-right-style: solid; border-top-color: #568100; border-right-color: #568100; padding-top: 0.5em; padding-right: 2em; padding-bottom: 0.5em; padding-left: 2em; }
#contents .fee .fee_box a:hover { color: #FFF; background-color: #578100; }
#contents .fee table { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-size: 0.9em; margin: 0px; padding: 0px; }
#contents .fee th { white-space: nowrap; font-size: 0.8em; padding-top: 0.8em; padding-bottom: 0.8em; }
#contents .fee td { font-size: 1.3em; padding-top: 0.4em; padding-bottom: 0.4em; }
#contents .fee h6 { font-size: 0.6em; }
#contents .fee th, #contents .fee td { line-height: 1.4em; background-color: #FFF; border-top-width: 1px; border-top-style: dashed; border-top-color: #588100; border-bottom-style: none; }
#contents .fee tr:first-child th, #contents .fee tr:first-child td { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#contents .fee tr:nth-child(odd) td { background-color: #EFF5E3; }
/* ex */
#contents .ex .ex_box { background-color: #EFF5E3; font-size: 0.9em; }
#contents .ex .ex_box p { margin: 0px; padding-top: 1em; padding-right: 2em; padding-bottom: 1em; padding-left: 2em; }
#contents .ex .ex_box table { background-color: #EFF5E3; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#contents .ex .ex_box th, #contents .ex .ex_box td { background-color: #EFF5E3; border-top-color: #FFF; border-top-width: 2px; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-top: 1em; padding-right: 2em; padding-bottom: 1em; padding-left: 2em; }
#contents .ex .ex_box tr:first-child th, #contents .ex .ex_box tr:first-child td { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
/* flow */
#contents .flow_a h2 { font-size: 4em; line-height: 1em; padding: 0px; margin-top: 0.3em; margin-right: 0px; margin-bottom: 0.1em; margin-left: 0px; font-weight: 300; }
#contents .flow_a p { margin-bottom: 0.7em; font-weight: normal; font-size: 1.4em; }
#contents .flow .flow_a { table-layout: fixed; border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; border-top-color: #568100; border-bottom-color: #568100; overflow: hidden; margin-bottom: 3em; }
#contents .flow .flow_a tr:first-child th:nth-child(1) { background-color: #FFFFFF; font-size: 1.3em; border-right-width: 2px; border-right-style: solid; border-right-color: #568100; }
#contents .flow .flow_a tr:first-child th:nth-child(2) { background-color: #EEF2E5; font-size: 1.3em; border-right-width: 2px; border-right-style: solid; border-right-color: #568100; }
#contents .flow .flow_a tr:first-child th:nth-child(3) { border-right-style: none; background-color: #DEE6CC; font-size: 1.3em; }
#contents .flow .flow_a td { font-size: 1em; border-top-width: 2px; border-top-style: solid; border-top-color: #568100; border-right-width: 2px; border-right-style: dashed; border-right-color: #568100; vertical-align: top; padding-top: 1em; padding-right: 2em; padding-bottom: 1em; padding-left: 2em; }
#contents .flow .flow_a td:last-child { border-right-style: none; }
#contents .flow .flow_b { table-layout: fixed; overflow: hidden; margin-bottom: 3em; border: 2px solid #568100; }
#contents .flow .flow_b th { border-right-width: 2px; border-right-style: dashed; border-right-color: #568100; border-top-width: 2px; border-top-style: solid; border-top-color: #568100; text-align: center; font-size: 1.3em; font-weight: normal; }
#contents .flow .flow_b tr:nth-child(1) th { background-color: #FFFFFF; border-right-width: 2px; border-right-style: dashed; border-right-color: #568100; border-top-style: none; }
#contents .flow .flow_b tr:nth-child(2) th { background-color: #EEF2E5; border-right-width: 2px; border-right-style: dashed; border-right-color: #568100; border-top-width: 2px; border-top-style: solid; border-top-color: #568100; }
#contents .flow .flow_b tr:nth-child(5) th { background-color: #DEE6CC; border-right-width: 2px; border-right-style: dashed; border-right-color: #568100; border-top-width: 2px; border-top-style: solid; border-top-color: #568100; }
#contents .flow .flow_b tr:nth-child(8) th { background-color: #CDD9B2; border-right-width: 2px; border-right-style: dashed; border-right-color: #568100; border-top-width: 2px; border-top-style: solid; border-top-color: #568100; }
#contents .flow .flow_b td { font-size: 1em; border-top-width: 2px; border-top-style: solid; border-top-color: #568100; border-right-width: 2px; border-right-style: dashed; border-right-color: #568100; vertical-align: top; padding-top: 1em; padding-right: 2em; padding-bottom: 1em; padding-left: 2em; background-color: #FFF; }
#contents .flow .flow_b tr:nth-child(odd) td { background-color: #FFF; }
#contents .flow .flow_b td:last-child { border-right-style: none; }
#contents .flow { overflow: hidden; margin-bottom: 2em; }
#contents .flow:first-child { margin-bottom: 0px; }
#contents .flow h1 { display: block; clear: both; font-size: 1.5em; line-height: 1em; float: left; }
#contents .flow h1 span { border: 2px solid #578100; display: inline-block; margin-bottom: 1em; clear: both; padding-top: 0.5em; padding-right: 0.75em; padding-bottom: 0.5em; padding-left: 0.75em; }
#contents .flow .caption { float: right; padding-top: 1em; }
#contents .flow .fee_fragment { clear: both; overflow: hidden; }
#contents .flow .fee_box { clear: both; border-left-width: 2px; border-left-style: solid; border-left-color: #578100; }
#contents .flow .fee_box a { border-top-width: 2px; border-right-width: 2px; border-top-style: solid; border-right-style: solid; border-top-color: #568100; border-right-color: #568100; padding-top: 0.5em; padding-right: 2em; padding-bottom: 0.5em; padding-left: 2em; }
#contents .flow .fee_box a:hover { color: #FFF; background-color: #578100; }
#contents .flow table { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-size: 0.9em; margin: 0px; padding: 0px; }
#contents .flow th { white-space: nowrap; font-size: 0.8em; padding-top: 0.8em; padding-bottom: 0.8em; }
#contents .flow td { font-size: 1.3em; padding-top: 0.4em; padding-bottom: 0.4em; }
#contents .flow h6 { font-size: 0.6em; }
#contents .flow th, #contents .fee td { line-height: 1.4em; background-color: #FFF; border-top-width: 1px; border-top-style: dashed; border-top-color: #588100; border-bottom-style: none; }
#contents .flow tr:first-child th, #contents .fee tr:first-child td { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#contents .flow tr:nth-child(odd) td { background-color: #EFF5E3; }
#contents .cul { padding-bottom: 3em; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #568100; overflow: hidden; margin-bottom: 4em; padding-right: 7%; padding-left: 7%; }
#contents .cul dl { float: left; width: 50%; font-size: 1.3em; line-height: 2em; }
#contents .cul dt { margin-bottom: 1em; }
#contents .cul dd { font-size: 1.5em; vertical-align: text-bottom; }
#contents .cul dd span { font-size: 2em; margin-right: 0.1em; margin-left: 0.1em; }
#contents .cul select { -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 0; border: 0; background: none transparent; vertical-align: text-bottom; font-size: inherit; color: inherit; box-sizing: content-box; border: 2px solid #568100; font-size: 0.9em; background-color: #FFF; color: #568100; margin-top: 0; margin-right: 0.2em; margin-bottom: 0; margin-left: 0.2em; text-align: center; padding-top: 0.2em; padding-right: 0.5em; padding-bottom: 0.2em; padding-left: 0.5em; }
/* contact */
#contents .contact table { width: 100%; table-layout: auto; border-top-width: 2px; border-top-style: solid; border-top-color: #588100; clear: both; margin-bottom: 1em; }
#contents .contact th, #contents .contact td { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #588100; font-size: 1em; line-height: 1.4em; padding: 0.8em; }
#contents .contact tr:last-child th, #contents .contact tr:last-child td { border-bottom-width: 2px; }
#contents .contact input[type="submit"] { cursor: pointer; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; color: #FFF; background-color: #578100; text-align: center; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-size: 1.1em; width: 100%; margin-top: 1.5em; padding-top: 1em; padding-bottom: 1em; }
#contents .contact input[type="text"] { width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-top: 1em; padding-bottom: 1em; background-color: #EFF5E3; }
#contents .contact textarea { background-color: #EFF5E3; height: 10em; width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#contents .contact .nes { font-size: 0.6em; line-height: 1em; background-color: #568100; padding: 0.5em; color: #FFF; white-space: nowrap; margin-right: auto; margin-left: auto; }
#contents section:nth-child(3) .tel { font-size: 1.8em; line-height: 1.2em; }
#contents section:nth-child(3) .time { font-size: 0.7em; padding-bottom: 1.5em; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #568100; }
/* facility_top */
#contents .facility_top li { float: left; margin-bottom: 1em; }
#contents .facility_top li dt { margin-bottom: 0.5em; }
#contents .facility_top li .title { float: left; font-size: 1.2em; letter-spacing: 0em; vertical-align: middle; }
#contents .facility_top li .title span { margin-bottom: 0.5em; font-size: 0.6em; line-height: 0.6em; vertical-align: middle; }
#contents .facility_top li.large .title { font-size: 1.6em; }
#contents .facility_top li .seat_1 { float: right; }
#contents .facility_top li dd .fa { float: left; font-size: 1.5em; line-height: 1.3em; margin-right: 0.1em; }
#contents .facility_top li .seat_2 { float: right; margin-left: 1em; }
#contents .facility_top li .seat_1 span, #contents .facility_top li .seat_2 span { border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; font-size: 1em; line-height: 1.8em; color: #FFF; background-color: #578100; padding-right: 0.5em; padding-left: 0.5em; display: block; letter-spacing: 0.05em; min-width: 2em; text-align: center; float: left; }
#contents .facility_top li.icon { float: right; }
#contents .facility_top li.icon .title { margin-right: 1em; }
#contents .facility_top li.large { line-height: 2em; }
#contents .facility_top li.medium { width: 49%; margin-right: 2%; }
#contents .facility_top li.medium:nth-of-type(4) { margin-right: 0px; }
#contents .facility_top li.small { width: 23.5%; margin-right: 2%; }
#contents .facility_top li.small:nth-of-type(4n + 7) { margin-right: 0px; }
/* facility */
#contents .facility h1 { font-size: 2em; line-height: 1em; vertical-align: middle; margin-bottom: 0.8em; margin-top: 0px; padding-top: 0px; }
#contents .facility h1 span { font-size: 0.5em; vertical-align: middle; text-decoration: none; }
#contents .facility .photo { float: left; width: 72.5%; margin-bottom: 1em; }
#contents .facility .photo li { margin-bottom: 1em; position: relative; }
#contents .facility .photo li span { background-color: #578100; position: absolute; right: 0px; bottom: 0px; color: #FFF; display: block; padding-top: 0.5em; padding-right: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em; line-height: 1em; font-size: 1.1em; }
#contents .facility .ex { float: right; width: 24%; font-size: 0.9em; line-height: 2em; }
#contents .facility .ex .data { margin-top: 2em; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #578100; margin-bottom: 2em; }
#contents .facility .ex .data dt { border-top-width: 2px; border-top-style: solid; border-top-color: #578100; text-align: center; padding-top: 0.2em; padding-bottom: 0.2em; font-size: 0.85em; font-weight: bold; }
#contents .facility .ex .data dd { text-align: center; padding-top: 1em; padding-bottom: 1em; border-top-width: 1px; border-top-style: dashed; border-top-color: #578100; line-height: 1.5em; }
#contents .facility .ex .data dd strong { display: inline; font-size: 1.8em; font-weight: normal; }
#contents .facility .ex .data dd p { margin: 0px; padding: 0px; }
#contents .facility .ex .data dd h6 { margin: 0px; padding: 0px; }
#contents .facility .ex ul { margin-bottom: 2em; }
#contents .facility .ex li { margin-bottom: 1em; font-size: 0.9em; }
/* wordpress */
#contents .wp-caption.alignleft { float: left; }
#contents .wp-caption.alignleft .wp-caption-text { font-size: 0.8em; }
#contents .wp-caption.alignright { float: right; }
#contents .wp-caption.alignright img { }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 0px; margin: 0 0 20px 2%; display: inline; max-width: 47%; }
img.alignleft { padding: 0px; margin: 0 20px 2% 0; display: inline; max-width: 47%; }
.aligncenter { margin-top: 15px; margin-bottom: 15px; margin-right: auto; margin-left: auto; }
.alignright { float: right; margin-bottom: 20px; margin-left: 20px; }
.alignleft { float: left; margin-bottom: 20px; margin-right: 20px; }
img.aligncenter { display: block; }
/* youtube */
.youtube { position: relative; width: 100%; padding-top: 56.25%; }
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
/* sp */
body { }
@media screen and (min-width: 481px) and (max-width: 1380px) {
body { font-size: 14px; }
}
 @media screen and (min-width: 1381px) and (max-width: 1450px) {
body { font-size: 15.5px; }
}
 @media screen and (min-width: 1451px) and (max-width: 1550px) {
body { font-size: 17px; }
}
 @media screen and (max-width: 480px) {
body { font-size: 14px; letter-spacing: 0em; }
.pc { display: none; }
.sp { display: block; }
/* wrapper */
#wrapper { margin-right: auto; margin-left: auto; padding-top: 1em; padding-bottom: 1em; }
#header, #contents, #footer { width: 90%; margin-right: auto; margin-left: auto; min-width: 0px; }
/* header */
#header { text-align: left; overflow: hidden; }
#header nav { display: none; }
#header h1 { width: 85%; margin-right: auto; margin-left: auto; margin-bottom: 1em; vertical-align: top; float: left; }
#header h1 img { height: auto; width: 100%; }
#header h1 span.logo { clear: both; padding-bottom: 0.7em; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #578100; overflow: hidden; display: block; padding-top: 0px; padding-right: 0px; padding-left: 0px; line-height: 1em; margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; }
#header h1 span.logo_ej { margin: 0px; padding: 0px; display: block; line-height: 1em; }
#header .mark { position: absolute; height: 4.5em; width: auto; top: 0px; right: 0px; display: none; }
#header .mark img { height: 100%; width: auto; }
#header header .facebook a { display: none; }
/* main */
#main { width: 100%; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 2em; margin-left: 0px; }
#main li { padding: 0px; margin: 0px; }
#main li span { color: #FFFFFF; background-color: #568100; position: absolute; top: 0em; z-index: 999999; font-size: 0.9em; line-height: 1em; display: block; padding: 0.5em; font-family: YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: bold; left: 0px; }
#contents h2 { margin-bottom: 0.5em; }
#contents p { line-height: 1.6em; }
#contents th, #contents td { line-height: 1.3em; }
/* information */
#contents .information { border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: none; border-top-color: #588100; border-bottom-color: #588100; overflow: hidden; margin-bottom: 2em; padding: 0px; margin-top: 0px; }
#contents .information .left { float: none; width: 100%; margin: 0px; border-right-style: none; padding-top: 0px; padding-right: 0px; padding-bottom: 1em; padding-left: 0px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #578100; overflow: hidden; }
#contents .information .left .calender { border-right-width: 2px; border-right-style: solid; border-right-color: #588100; }
#contents .information .left table.bizcal { border-top-style: none; }
#contents .information .left #biz_calendar p { padding: 0px; float: left; margin-top: 0px; margin-right: 1em; margin-bottom: 0px; margin-left: 0px; }
#contents .information .left #biz_calendar p span { float: left; }
#contents .information .left table { border-top-style: none; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; }
#contents .information .left table th, #contents .information .left table td { padding: 0.6em; white-space: normal; font-size: 1em; line-height: 1em; text-align: center; }
#contents .information .left table td.calmonth { font-size: 1.4em; line-height: 1em; text-align: left; padding-left: 0px; }
#contents .information .left table .calbtn img { height: auto; width: 1em; }
#contents .information .right { float: none; width: 100%; margin: 0px; padding: 0px; clear: both; }
#contents .information .right .news { padding-top: 1.5em; padding-bottom: 1.5em; padding-left: 0em; overflow: hidden; display: block; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #568100; }
#contents .information .right .news h2 { float: none; width: 100%; font-size: 1.5em; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #578100; padding-top: 0px; padding-right: 0px; padding-bottom: 1em; padding-left: 0px; line-height: 1em; }
#contents .information .right .news h2 span { font-size: 0.6em; line-height: 1em; display: inline; padding-top: 0.4em; float: right; }
#contents .information .right .news h2 span i { margin-right: 0.6em; }
#contents .information .right .news ul { float: none; width: 100%; overflow: hidden; padding-top: 0.5em; padding-bottom: 0.5em; }
#contents .information .right .news ul li { overflow: hidden; display: block; }
#contents .information .right .news ul li:last-child { margin-bottom: 0px; }
#contents .information .right .news ul li a { display: block; text-decoration: none; }
#contents .information .right .news ul li a:hover { text-decoration: underline; }
#contents .information .right .news dl { margin: 0px; padding: 0px; display: block; }
#contents .information .right .news dt { float: left; margin-right: 1em; padding-right: 1em; border-right-width: 1px; border-right-style: solid; border-right-color: #578100; font-size: 1em; line-height: 1em; width: 25%; }
#contents .information .right .news dd { float: right; font-size: 1em; line-height: 1.4em; width: 70%; }
#contents .information .right .banner { border-top-width: 2px; border-top-style: solid; border-top-color: #588100; clear: both; }
#contents .information .right .banner span { text-align: center; display: block; height: 100%; padding-right: 3em; padding-left: 3em; line-height: 5em; }
/* event */
#contents .event h1 { display: block; clear: both; font-size: 1.5em; line-height: 1em; margin-top: 0.3em; }
#contents .event h1 span { border: 2px solid #578100; display: inline-block; margin-bottom: 1em; clear: both; padding-top: 0.5em; padding-right: 0.75em; padding-bottom: 0.5em; padding-left: 0.75em; }
#contents .event li { float: none; width: 100%; margin-right: 0%; margin-bottom: 1em; }
#contents .event li a { border: 2px solid #578100; display: block; position: relative; overflow: hidden; }
#contents .event li .thum { border-bottom-style: none; text-align: center; float: left; width: 40%; border-right-width: 2px; border-right-style: solid; border-right-color: #567E34; }
#contents .event li .thum img { height: auto; width: 100%; }
#contents .event li .thum span { font-size: 1em; line-height: 1em; color: #FFF; background-color: #578100; position: absolute; top: -1px; display: block; width: 10%; left: -1px; }
#contents .event li .thum span img { height: auto; width: 100%; }
#contents .event li:nth-child(5n) { margin-right: 0px; }
#contents .event li dl { position: static; float: right; width: 60%; padding-top: 2em; padding-right: 1em; padding-bottom: 2em; padding-left: 1em; }
#contents .event li dl dt { line-height: 1.5em; letter-spacing: 0.05em; font-size: 1em; }
#contents .event li dl .date { font-size: 0.8em; line-height: 1em; padding: 0.4em; position: absolute; left: 40%; top: 0px; border-right-width: 2px; border-bottom-width: 2px; border-right-style: solid; border-bottom-style: solid; border-right-color: #568100; border-bottom-color: #568100; }
#contents .event li dl .hall { font-size: 0.8em; line-height: 1em; border-top-width: 2px; border-top-style: solid; border-top-color: #568100; position: absolute; right: 0px; bottom: 0px; border-left-width: 2px; border-left-style: solid; border-left-color: #568100; padding: 0.4em; letter-spacing: 0em; }
#contents .event .cont { display: block; clear: both; text-align: center; font-family: Lato; }
#contents .event .cont i { margin-right: 1em; }
#contents .event nav { display:none !important; }

/* l2a */
#contents .l2 h1:first-child { padding-top: 0px; display: block; }
#contents .l2 h1 { display: inline-block; clear: both; font-size: 1.5em; line-height: 1em; float: none; width: 100%; margin-top: 0.3em; margin-bottom: 1em; }
#contents .l2 h1 span { border: 2px solid #578100; display: inline-block; margin-bottom: 0em; clear: both; padding-top: 0.5em; padding-right: 0.75em; padding-bottom: 0.5em; padding-left: 0.75em; }
#contents .l2 dl { float: none; width: 100%; margin-bottom: 1em; }
#contents .l2 dt { display: block; margin-top: 2em; float: none; width: 100%; clear: both; font-size: 1.3em; line-height: 1em; margin-bottom: 1em; }
#contents .l2 dt span { display: inline-block; margin-bottom: 0em; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #578100; padding-bottom: 0.5em; }
#contents .l2 dd { display: block; text-align: left; float: none; width: 100%; font-size: 1em; line-height: 2em; padding: 0px; margin-bottom: 1em; }
#contents .l2 dd:last-child { }
#contents .l2 .ex { width: 100%; margin-bottom: 3em; margin-left: auto; overflow: auto; }
/* l2b */
#contents .l2b { overflow: hidden; margin-bottom: 2em; }
#contents .l2b h1 { display: block; clear: both; font-size: 1.5em; line-height: 1em; margin-bottom: 1em; }
#contents .l2b h1 span { border: 2px solid #578100; display: inline-block; margin-bottom: 0em; clear: both; padding-top: 0.5em; padding-right: 0.75em; padding-bottom: 0.5em; padding-left: 0.75em; }
#contents .l2b .flexslider { margin-bottom: 2em; }
#contents .l2b .left { float: none; width: 100%; margin-bottom: 1em; }
#contents .l2b .right { float: none; width: 100%; }
#contents .l2b .data { margin-top: 2em; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #578100; margin-bottom: 1em; }
#contents .l2b .data dt { border-top-width: 2px; border-top-style: solid; border-top-color: #578100; text-align: center; padding-top: 0.2em; padding-bottom: 0.2em; font-size: 0.85em; font-weight: bold; }
#contents .l2b .data dd { text-align: center; padding-top: 0.8em; padding-bottom: 0.8em; border-top-width: 1px; border-top-style: dashed; border-top-color: #578100; line-height: 1.5em; }
#contents .l2b .data dd p { margin-bottom: 0px; }
#contents .l2b .ex { width: 72%; margin-bottom: 3em; margin-left: auto; }
/* l2c */
#contents .l2c { overflow: hidden; margin-bottom: 2em; }
#contents .l2c h1 { display: block; clear: both; font-size: 1.3em; line-height: 1.5em; margin-bottom: 1em; }
#contents .l2c h1 span { border: 2px solid #578100; display: inline-block; margin-bottom: 0em; clear: both; padding-top: 0.5em; padding-right: 0.75em; padding-bottom: 0.5em; padding-left: 0.75em; }
#contents .l2c .flexslider { margin-bottom: 2em; }
#contents .l2c .left { float: none; width: 100%; margin-bottom: 1em; }
#contents .l2c .left table, #contents .l2c table { width: 100%; }
#contents .l2c .left table th, #contents .l2c table th { padding-top: 1em; padding-bottom: 1em; }
#contents .l2c .left table td, #contents .l2c table td { vertical-align: middle; padding-top: 1em; padding-bottom: 1em; line-height: 1.6em; }
#contents .l2c .left table p, #contents .l2c table p { margin: 0px; }
#contents .l2c .right { float: none; width: 100%; margin-bottom: 1em; }
#contents .l2c dl { float: right; width: 72%; margin-bottom: 2em; }
#contents .l2c dt { display: block; margin-top: 1em; float: left; width: 35%; clear: both; font-size: 1.3em; line-height: 1em; }
#contents .l2c dt span { display: inline-block; margin-bottom: 1em; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #578100; padding-bottom: 0.5em; }
#contents .l2c dd { display: block; text-align: left; float: right; width: 65%; font-size: 1em; line-height: 2em; padding-top: 1em; }
#contents .l2c .ex { width: 72%; margin-bottom: 3em; margin-left: auto; }
/* l3 */
#contents.l3 section:nth-child(1) { width: 100%; float: none; margin-bottom: 1em; }
#contents.l3 section:nth-child(1) h1 { display: block; clear: both; font-size: 1.5em; line-height: 1em; margin-top: 0.3em; }
#contents.l3 section:nth-child(1) h1 span { border: 2px solid #578100; display: inline-block; margin-bottom: 0em; clear: both; padding-top: 0.5em; padding-right: 0.75em; padding-bottom: 0.5em; padding-left: 0.75em; }
#contents.l3 section:nth-child(2) { float: none; width: 100%; padding-bottom: 0em; margin-top: 0.4em; margin-bottom: 1em; }
#contents.l3 section:nth-child(2) .archive { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #568100; margin-bottom: 2em; }
#contents.l3 section:nth-child(2) .archive:last-child { margin: 0px; padding: 0px; border-bottom-style: none; }
#contents.l3 section:nth-child(2) .date { font-size: 1.2em; margin-bottom: 0.8em; line-height: 1em; padding-right: 0.7em; border-right-width: 1px; border-right-style: solid; border-right-color: #568100; display: inline-block; padding-left: 0.7em; border-left-width: 1px; border-left-style: solid; border-left-color: #568100; }
#contents.l3 section:nth-child(2) h2 { font-size: 1.8em; margin-bottom: 0.5em; line-height: 1.4em; padding: 0px; margin-top: 0px; }
#contents.l3 section:nth-child(3) { float: none; width: 100%; margin-bottom: 1em; margin-top: 0.4em; }
#contents.l3 section:nth-child(3) li { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #568100; padding-bottom: 1.5em; font-size: 1em; margin-bottom: 1.5em; }
#contents.l3 section:nth-child(3) li .date { display: inline-block; border-right-width: 1px; border-right-style: solid; border-right-color: #568100; padding-right: 0.7em; padding-left: 0.7em; border-left-width: 1px; border-left-style: solid; border-left-color: #568100; line-height: 1em; margin-bottom: 0.5em; }
#contents.l3 section:nth-child(3) li .title { line-height: 1.6em; }
/* fee */
#contents .fee { overflow: hidden; margin-bottom: 2em; }
#contents .fee h1 { display: block; clear: both; font-size: 1.5em; line-height: 1em; float: none; margin-bottom: 1%; }
#contents .fee h1 span { border: 2px solid #578100; display: inline-block; margin-bottom: 0em; clear: both; padding-top: 0.5em; padding-right: 0.75em; padding-bottom: 0.5em; padding-left: 0.75em; line-height: 1em; }
#contents .fee .caption { float: none; padding-top: 1em; margin-bottom: 1em; line-height: 1.8em; display: block; }
#contents .fee .fee_fragment { border: 2px solid #578100; padding: 1.5em; clear: both; overflow: auto; }
#contents .fee .fee_box { clear: both; border-left-width: 2px; border-left-style: solid; border-left-color: #578100; }
#contents .fee .fee_box a { border-top-width: 2px; border-right-width: 2px; border-top-style: solid; border-right-style: solid; border-top-color: #568100; border-right-color: #568100; font-size: 0.8em; line-height: 1em; padding: 0.4em; }
#contents .fee .fee_box a:hover { color: #FFF; background-color: #578100; }
#contents .fee table { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-size: 0.9em; margin: 0px; padding: 0px; }
#contents .fee th { white-space: normal; font-size: 0.8em; padding-top: 0.8em; padding-bottom: 0.8em; width: 20%; }
#contents .fee td { font-size: 1.3em; padding-top: 0.4em; padding-bottom: 0.4em; }
#contents .fee h6 { font-size: 0.6em; }
#contents .fee th, #contents .fee td { line-height: 1.4em; background-color: #FFF; border-top-width: 1px; border-top-style: dashed; border-top-color: #588100; border-bottom-style: none; }
#contents .fee tr:first-child th, #contents .fee tr:first-child td { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#contents .fee tr:nth-child(odd) td { background-color: #EFF5E3; }
/* ex */
#contents .ex .ex_box { background-color: #EFF5E3; font-size: 0.9em; }
#contents .ex .ex_box p { margin: 0px; padding-top: 1em; padding-right: 2em; padding-bottom: 1em; padding-left: 2em; }
#contents .ex .ex_box table { background-color: #EFF5E3; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#contents .ex .ex_box th, #contents .ex .ex_box td { background-color: #EFF5E3; border-top-color: #FFF; border-top-width: 2px; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-top: 1em; padding-right: 1em; padding-bottom: 1em; padding-left: 1em; line-height: 1.5em; }
#contents .ex .ex_box tr:first-child th, #contents .ex .ex_box tr:first-child td { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; line-height: 1.4em; }
/* flow */
#contents .flow_a h2 { font-size: 4em; line-height: 1em; padding: 0px; margin-top: 0.3em; margin-right: 0px; margin-bottom: 0.1em; margin-left: 0px; font-weight: 300; width: 4em; }
#contents .flow_a p { margin-bottom: 0.7em; font-weight: normal; font-size: 1.4em; }
#contents .flow .flow_a { table-layout: fixed; border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; border-top-color: #568100; border-bottom-color: #568100; overflow: hidden; margin-bottom: 0em; }
#contents .flow .flow_a tr:first-child th:nth-child(1) { background-color: #FFFFFF; font-size: 1.3em; border-right-width: 2px; border-right-style: solid; border-right-color: #568100; }
#contents .flow .flow_a tr:first-child th:nth-child(2) { background-color: #EEF2E5; font-size: 1.3em; border-right-width: 2px; border-right-style: solid; border-right-color: #568100; }
#contents .flow .flow_a tr:first-child th:nth-child(3) { border-right-style: none; background-color: #DEE6CC; font-size: 1.3em; }
#contents .flow .flow_a td { font-size: 1em; border-top-width: 2px; border-top-style: solid; border-top-color: #568100; border-right-width: 2px; border-right-style: dashed; border-right-color: #568100; vertical-align: top; padding-top: 1em; padding-right: 2em; padding-bottom: 1em; padding-left: 2em; }
#contents .flow .flow_a td:last-child { border-right-style: none; }
#contents .flow .flow_b { table-layout: fixed; overflow: hidden; margin-bottom: 3em; border: 2px solid #568100; }
#contents .flow .flow_b th { border-right-width: 2px; border-right-style: dashed; border-right-color: #568100; border-top-width: 2px; border-top-style: solid; border-top-color: #568100; text-align: center; font-size: 1.3em; font-weight: normal; }
#contents .flow .flow_b tr:nth-child(1) th { background-color: #FFFFFF; border-right-width: 2px; border-right-style: dashed; border-right-color: #568100; border-top-style: none; }
#contents .flow .flow_b tr:nth-child(2) th { background-color: #EEF2E5; border-right-width: 2px; border-right-style: dashed; border-right-color: #568100; border-top-width: 2px; border-top-style: solid; border-top-color: #568100; }
#contents .flow .flow_b tr:nth-child(5) th { background-color: #DEE6CC; border-right-width: 2px; border-right-style: dashed; border-right-color: #568100; border-top-width: 2px; border-top-style: solid; border-top-color: #568100; }
#contents .flow .flow_b tr:nth-child(8) th { background-color: #CDD9B2; border-right-width: 2px; border-right-style: dashed; border-right-color: #568100; border-top-width: 2px; border-top-style: solid; border-top-color: #568100; }
#contents .flow .flow_b td { font-size: 1em; border-top-width: 2px; border-top-style: solid; border-top-color: #568100; border-right-width: 2px; border-right-style: dashed; border-right-color: #568100; vertical-align: top; padding-top: 1em; padding-right: 2em; padding-bottom: 1em; padding-left: 2em; background-color: #FFF; }
#contents .flow .flow_b tr:nth-child(odd) td { background-color: #FFF; }
#contents .flow .flow_b td:last-child { border-right-style: none; }
#contents .flow { overflow: auto; margin-bottom: 2em; }
#contents .flow:first-child { margin-bottom: 0px; }
#contents .flow h1 { display: block; clear: both; font-size: 1.5em; line-height: 1em; float: none; margin-bottom: 1em; }
#contents .flow h1 span { border: 2px solid #578100; display: inline-block; margin-bottom: 0em; clear: both; padding-top: 0.5em; padding-right: 0.75em; padding-bottom: 0.5em; padding-left: 0.75em; }
#contents .flow .caption { float: none; padding-top: 0em; line-height: 1.6em; display: block; margin-bottom: 1em; }
#contents .flow .fee_fragment { clear: both; overflow: auto; }
#contents .flow .fee_box { clear: both; border-left-width: 2px; border-left-style: solid; border-left-color: #578100; overflow: auto; }
#contents .flow .fee_box a { border-top-width: 2px; border-right-width: 2px; border-top-style: solid; border-right-style: solid; border-top-color: #568100; border-right-color: #568100; padding: 0.4em; font-size: 0.8em; line-height: 1em; }
#contents .flow .fee_box a:hover { color: #FFF; background-color: #578100; }
#contents .flow table { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-size: 0.9em; margin: 0px; padding: 0px; width: auto; }
#contents .flow th { white-space: nowrap; font-size: 0.8em; padding-top: 0.8em; padding-bottom: 0.8em; }
#contents .flow td { font-size: 1.3em; padding-top: 0.4em; padding-bottom: 0.4em; }
#contents .flow h6 { font-size: 0.6em; }
#contents .flow th, #contents .fee td { line-height: 1.4em; background-color: #FFF; border-top-width: 1px; border-top-style: dashed; border-top-color: #588100; border-bottom-style: none; }
#contents .flow tr:first-child th, #contents .fee tr:first-child td { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#contents .flow tr:nth-child(odd) td { background-color: #EFF5E3; }
#contents .cul { padding-bottom: 1em; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #568100; overflow: hidden; margin-bottom: 1em; padding-right: 2%; padding-left: 2%; width: auto; margin-top: 0px; padding-top: 0px; }
#contents .cul dl { float: none; width: 100%; font-size: 1.3em; line-height: 2em; margin-bottom: 1em; }
#contents .cul dt { margin-bottom: 0.5em; margin-top: 2em; }
#contents .cul dd { font-size: 1.2em; vertical-align: text-bottom; }
#contents .cul dd span { font-size: 2em; margin-right: 0.1em; margin-left: 0.1em; }
#contents .cul select { -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 0; border: 0; background: none transparent; vertical-align: text-bottom; font-size: inherit; color: inherit; box-sizing: content-box; border: 2px solid #568100; font-size: 0.9em; background-color: #FFF; color: #568100; margin-top: 0; margin-right: 0.2em; margin-bottom: 0; margin-left: 0.2em; text-align: center; padding-top: 0.2em; padding-right: 0.5em; padding-bottom: 0.2em; padding-left: 0.5em; }
/* contact */
#contents .contact table { width: 100%; table-layout: auto; border-top-width: 2px; border-top-style: solid; border-top-color: #588100; clear: both; margin-bottom: 1em; }
#contents .contact th, #contents .contact td { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #588100; font-size: 1em; line-height: 1.4em; padding: 0.8em; }
#contents .contact tr:last-child th, #contents .contact tr:last-child td { border-bottom-width: 2px; }
#contents .contact input[type="submit"] { cursor: pointer; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; color: #FFF; background-color: #578100; text-align: center; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-size: 1.1em; width: 100%; margin-top: 1.5em; padding-top: 1em; padding-bottom: 1em; }
#contents .contact input[type="text"] { width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-top: 1em; padding-bottom: 1em; background-color: #EFF5E3; }
#contents .contact textarea { background-color: #EFF5E3; height: 10em; width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#contents .contact .nes { font-size: 0.7em; line-height: 1em; background-color: #568100; padding: 0.5em; color: #FFF; }
#contents section:nth-child(3) .tel { font-size: 1.8em; line-height: 1.2em; }
#contents section:nth-child(3) .time { font-size: 0.7em; padding-bottom: 1.5em; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #568100; }
/* facility_top */
#contents .facility_top li { float: left; margin-bottom: 1em; }
#contents .facility_top li dt { margin-bottom: 0.5em; }
#contents .facility_top li .title { float: left; font-size: 1em; letter-spacing: 0em; vertical-align: middle; line-height: 1em; }
#contents .facility_top li .title span { margin-bottom: 0.5em; font-size: 0.45em; line-height: 0.6em; vertical-align: middle; display: block; margin-top: 0.6em; }
#contents .facility_top li.large .title { font-size: 1.6em; }
#contents .facility_top li .seat_1 { float: right; }
#contents .facility_top li dd .fa { float: left; font-size: 1.5em; line-height: 1em; margin-right: 0.1em; margin-top: 0px; }
#contents .facility_top li .seat_2 { float: right; margin-left: 1em; }
#contents .facility_top li .seat_1 span, #contents .facility_top li .seat_2 span { border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; font-size: 0.8em; line-height: 1.8em; color: #FFF; background-color: #578100; padding-right: 0.5em; padding-left: 0.5em; display: block; letter-spacing: 0.05em; min-width: 2em; text-align: center; float: left; margin-top: 0em; }
#contents .facility_top li.icon { float: right; font-size: 1em; line-height: 1em; margin-top: 0px; margin-right: 0px; margin-bottom: 0.4em; margin-left: 0px; }
#contents .facility_top li.icon .title { margin-right: 1em; margin-top: 0.5em; font-size: 0.8em; line-height: 1em; }
#contents .facility_top li.large { line-height: 2em; }
#contents .facility_top li.medium { width: 100%; margin-right: 0%; }
#contents .facility_top li.medium:nth-of-type(4) { margin-right: 0px; }
#contents .facility_top li.medium .title { line-height: 1em; font-size: 1.6em; }
#contents .facility_top li.small { width: 48%; margin-right: 4%; }
#contents .facility_top li.small:nth-of-type(4n + 7) { margin-right: 2%; }
#contents .facility_top li.small:nth-of-type(2n+7) { margin-right: 0px; }
#contents .facility_top li.small .title { letter-spacing: -0.1em; font-size: 0.9em; }
/* facility */
#contents .facility h1 { font-size: 2em; line-height: 1em; vertical-align: middle; margin-bottom: 0.2em; margin-top: 0px; padding-top: 0px; }
#contents .facility h1 span { font-size: 0.5em; vertical-align: middle; text-decoration: none; display: block; }
#contents .facility .photo { float: none; width: 100%; margin-bottom: 1em; }
#contents .facility .photo li { margin-bottom: 1em; position: relative; }
#contents .facility .photo li span { background-color: #578100; position: absolute; right: 0px; bottom: 0px; color: #FFF; display: block; padding-top: 0.5em; padding-right: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em; line-height: 1em; font-size: 1.1em; }
#contents .facility .ex { float: none; width: 100%; font-size: 0.9em; line-height: 2em; }
#contents .facility .ex .data { margin-top: 2em; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #578100; margin-bottom: 2em; }
#contents .facility .ex .data dt { border-top-width: 2px; border-top-style: solid; border-top-color: #578100; text-align: center; padding-top: 0.2em; padding-bottom: 0.2em; font-size: 0.85em; font-weight: bold; }
#contents .facility .ex .data dd { text-align: center; padding-top: 1em; padding-bottom: 1em; border-top-width: 1px; border-top-style: dashed; border-top-color: #578100; line-height: 1.5em; }
#contents .facility .ex .data dd strong { display: inline; font-size: 1.8em; font-weight: normal; }
#contents .facility .ex .data dd p { margin: 0px; padding: 0px; }
#contents .facility .ex .data dd h6 { margin: 0px; padding: 0px; }
#contents .facility .ex ul { margin-bottom: 2em; }
#contents .facility .ex li { margin-bottom: 1em; font-size: 0.9em; }
/* map_box */
#contents .map_box { position: relative; overflow: hidden; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #578100; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; }
#contents .map_box:last-child { margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#contents .map_box p { margin: 0px; padding: 0px; }
#contents .map_box .map_info { position: static; left: 0em; top: 0px; z-index: 999; margin-bottom: 1em; clear: both; overflow: hidden; }
#contents .map_box .map_info h2 { font-size: 3em; line-height: 1em; padding: 0px; margin-top: 0em; margin-right: 0px; margin-bottom: 0.3em; margin-left: 0em; }
#contents .map_box .map_info ul { margin: 0px; padding: 0px; }
#contents .map_box .map_info ul li { float: left; width: 50%; letter-spacing: -0.1em; line-height: 1.4em; }
#contents .map_box .map_info span { width: 2em; display: inline-block; text-align: right; padding-right: 0.5em; letter-spacing: -0.2em; }
#contents .map_box.f3 .map_info h2, #contents .map_box.f3 .map_info span { color: #F29600; }
#contents .map_box.f2 .map_info h2, #contents .map_box.f2 .map_info span { color: #2DB6C4; }
#contents .map_box.f1 .map_info h2, #contents .map_box.f1 .map_info span { color: #E75297; }
#contents .map_box.b1 .map_info h2, #contents .map_box.b1 .map_info span { color: #87B828; }
#contents .map_box .map { float: none; width: 100%; padding: 0px; margin-top: 0px; margin-right: 0em; margin-bottom: 1.5em; margin-left: 0px; }
/* footer */
#footer { line-height: 1em; overflow: hidden; border-top-width: 2px; border-top-style: solid; border-top-color: #588100; padding-top: 1.5em; clear: both; margin-top: 1em; font-size: 0.8em; }
}
 @media print {
#main, #main li { height: 420px !important; }
#contents .event li .thum { height: 192px !important; }
#contents .event li .thum img { height: 190px !important; }
#contents .event li .thum span img { height: 50px !important; }
#contents .event li a { height: 390px !important; }
#contents .event dl { height: 200px !important; }
}