@charset "utf-8";

/* reset */
* { padding: 0; margin: 0; box-sizing: border-box; }
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; }

/* base */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { animation: fadeIn 2s ease 0s 1 normal; -webkit-animation: fadeIn 2s ease 0s 1 normal; -webkit-font-smoothing: auto; -webkit-font-feature-settings: 'palt'; font-feature-settings: 'palt'; word-wrap : break-word; overflow-wrap : break-word; font-kerning: normal; -webkit-font-kerning: normal; font-size: 15px; font-family: "Jun 501", sans-serif; text-align: center; letter-spacing: 0.15em; margin: 0px; box-sizing: border-box; background-color: #fff7c3; color: #333; padding: 0em; }
img { vertical-align: bottom; height: auto; width: 100%; }
::selection { background: #fbb03b; color: #333; }
::-moz-selection { background: #fbb03b; }

/* link */
a:link, a:visited, a:active { color: #009245; text-decoration: none; word-break: break-all !important; transition: 0.2s linear; }
a:hover { color: #333333; text-decoration: none; }
a:link img { transition: 0.2s linear; }
h1 a { color:#333 !important; }

/* clear */
.clear { clear: both; }
.cbox { zoom: 100%; }
.cbox:after { content: " "; clear: both; height: 0; display: block; visibility: hidden; }

/* options */
.r { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden; }
.rl { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }
.pc { display:block; }
.sp { display:none; }
.pcbr { display:block; }
.spbr { display:inline; }
.pc_inline { display:inline; }
.sp_inline { display:none; }

/* flex */
.flex { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.fill { object-fit: cover; }

/* fadein */
.fadein { opacity : 0; transform: translateY(0); transition: all 1s; }
@keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } }
@-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } }

/* wordpress */
#contents .wp-caption .wp-caption-text { font-size: 0.8em; }
#contents .wp-caption.alignleft { float: left; margin:0 0 2em 0; }
#contents .wp-caption.alignleft img {  }
#contents .wp-caption.alignright { float: right; margin:0 0 2em 0; }
#contents .wp-caption.alignright img {  }
#contents .wp-caption.alignnone { margin:0 0 2em 0; }
#contents .wp-caption.alignnone img {  }
img.centered { display: block; margin:0 0 2em 0; }
img.alignright { padding: 0; margin: 0 0 2em 2em; display: inline; max-width: 47%; }
img.alignleft { padding: 0; margin: 0 2em 2em 0; display: inline; max-width: 47%; }
img.aligncenter { display: block; margin:0 0 2em 0; }
img.alignnone { display: block; margin:0 0 2em 0; }
img.size-medium { width:47%; margin:0 0 2em 0; display: inline; }
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; }

/* wrapper */
#wrapper { min-height:100vh; min-width:1200px; max-width:1680px; margin:auto; position: relative; }

/* loader */
#loader-bg { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #fff7c3; z-index: 777; }
#loader { display: none; position: fixed; top: 50%; left: 50%; width: 8rem; height: 8rem; margin-top: -4rem; margin-left: -4rem; text-align: center; color: #333; z-index: 2; font-size: 1.4em; line-height: 1.5em; letter-spacing: 0.15em; white-space: nowrap; }
#loader img { margin:0 0 1em 0; }

/* header */
#header header { padding:4em 0 0 0; }
#header header h1 { font-size: 3.5em; line-height: 1.2em; letter-spacing: 0.35em; padding:1em 0 0.5em 0; }
.home #header header { padding:3em 0 0 0; }
.home #header header h1 { font-size: 5.8em; letter-spacing: 0.35em; padding:0.75em 0 0.4em 0.35em; }
#header header .gnavi { position: fixed; top:0; left:0; right:0; display: inline-block; border-radius: 5em; -webkit-border-radius: 5em; -moz-border-radius: 5em; z-index: 77; }
#header header .gnavi ul { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: flex-start; }
#header header .gnavi ul li a { display:block; font-size: 1.4em; line-height: 1.4em; padding:1em 1.25em; color: #fff; background-color: #009245; }
.news #header header .gnavi ul li:nth-child(2) a,
.event #header header .gnavi ul li:nth-child(3) a,
.about #header header .gnavi ul li:nth-child(4) a,
.facility #header header .gnavi ul li:nth-child(5) a,
.information #header header .gnavi ul li:nth-child(6) a,
#header header .gnavi ul li a:hover { background-color: #fbb03b; color: #333; padding:1.5em 1.25em; border-radius: 0 0 1em 1em;  }
#header header .gnavi ul li:first-child a { padding:1em 1.5em 1em 3em; border-radius: 0 0 0 2em; }
#header header .gnavi ul li:last-child a { padding:1em 3em 1em 1.5em; border-radius: 0 0 2em 0; }
.access #header header .gnavi ul li:nth-child(7) a { padding:1.5em 3em 1.5em 1.5em; border-radius: 0 0 2em 1em; background-color: #fbb03b; color: #333; }
.home #header header .gnavi ul li:first-child a, #header header .gnavi ul li:first-child a:hover { background-color: #fbb03b; color: #333; padding:1.5em 1.5em 1.5em 3em; border-radius: 0 0 1em 2em; }
#header header .gnavi ul li:last-child a:hover { padding:1.5em 3em 1.5em 1.5em; border-radius: 0 0 2em 1em; }

/* footer */
#footer footer { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; margin:4em 0 6em 0; }
#footer footer .logo { width:7%; }
#footer footer h1 { order:2; font-size: 2em; line-height: 1.2em; letter-spacing: 0.25em; padding:1em 0; }
#footer footer address { font-size: 1em; line-height: 1.8em; }
#footer footer address a { color:#333; }
#footer footer address a.mail_ex { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; white-space: nowrap; }
#footer footer address .mail { height: 1em; width:auto; }
#footer footer .terms { display: block; text-align: center; margin:3em auto 0 auto;  }
#footer footer .terms a { font-size: 1.2em; line-height: 1.8em; border-radius: 2em; padding:1em 2em; background-color: #009245; color: #fff; }
#footer footer .terms a:hover { background-color: #fbb03b; color: #333; }
#footer footer .tree { overflow: hidden; }
#footer footer .tree .tree_a { width:auto; height:100vh; max-height:60em; position: fixed; left:0; top:0; z-index: -1; }
#footer footer .tree .tree_b { width:auto; height:100vh; max-height:60em; position: fixed; right:0; top:0; z-index: -1; }
#footer footer .btn_insta { position: fixed; bottom:0; right:8%; z-index: 77;}
#footer footer .btn_insta a { display:block; background-color: #d14b17; color:#fff; padding:0.5em 0.75em; font-size: 3em; line-height: 1em; border-radius: 0.4em 0.4em 0 0; }
#footer footer .btn_insta a:hover { background-color: #fbb03b; color:#fff; }

/* cover */
#cover { order:3; width:100%; position: relative; margin:0 auto 6em auto; }
#cover .cp { font-size: 2.8em; line-height: 1em; letter-spacing: 0.2em; white-space: nowrap; }
#cover .cp i { color:#009245; margin:1em 0; }
#cover .cp a i.fab { color:#333; margin:0em 0; }
#cover .cp a:hover i.fab { color:#009245;  }
#cover .left { position: absolute; top:1em; left:23%; }
#cover .right { position: absolute; top:0em; right:23%; }
#cover .slide { order:4; width:44em; margin:0 auto 5em auto; }
#cover .slide li.item { height:37em; border-radius: 22em 22em 0 0; overflow: hidden; background-color: #009245; border:solid 2rem #009245;  border-bottom:solid 2rem #fbb03b; }
#cover .slide li.item img { object-fit: cover; width:100%; height:100%; }
#cover .copy { display:inline-block; font-size: 2em; line-height: 1em; padding:0.75em 3em; letter-spacing: 0.55em; background-color: #6e4c36; color:#fbb03b; border-radius: 2em; }

/* mokuji */
#contents .mokuji { width:60%; margin:10em auto 10em auto; }
#contents .mokuji ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#contents .mokuji ul li { width:31%; }
#contents .mokuji ul li a .thumb { transition: 0.2s linear; display:block; width:100%; height:18em; border-radius: 15em 15em 0 0; overflow: hidden; background-color: #009245; border:solid 2em #009245; border-bottom:solid 2em #fbb03b; margin:0 0 2em 0; }
#contents .mokuji ul li a:hover .thumb { border:solid 2em #fbb03b; }
#contents .mokuji ul li .thumb img { object-fit: cover; width:100%; height:100%; }
#contents .mokuji ul li .title { font-size: 2em; line-height: 1em; color: #333; }

/* head */
#contents .head h2 { font-size: 2.4em; line-height: 1.2em; letter-spacing: 0.25em; margin:1em 0 1em 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#contents .head h2 i { margin:0 1em; color:#009245; }
#contents .head h2 a { margin:0; color:#333; }
#contents .head h2 a i { margin:0; color:#333; }

/* news_list */
#contents .news_list { width:60%; margin:0 auto 6em auto; }
#contents .news_list .list { margin:3em auto 3em auto; overflow: hidden; }
#contents .news_list .list li { margin:0 0 0 0; }
#contents .news_list .list li a { background-color: #fff7c3; display:block; margin:0 auto 0 auto; padding:1.5em; border-radius: 4em; overflow: hidden; }
#contents .news_list .list li:nth-child(odd) a { background-color: #fff; display:block; margin:0 auto 0 auto; padding:1.5em; border-radius: 4em; overflow: hidden; }
#contents .news_list .list li a dl { display: flex; flex-direction: row-reverse; flex-wrap: wrap; justify-content:space-between; align-items: center; }
#contents .news_list .list li a dl dt { width:25%; font-size: 1.1em; color: #009245; text-align:left; }
#contents .news_list .list li a dl dd.title { color: #333; text-align: left; font-size: 1.6em; line-height: 1.4em; width:70%; padding:0 0 0 1em; }
#contents .news_list .list li a:hover { background-color: #fbb03b; }
#contents .news_list .list li:nth-child(n + 6) { display: none; }
#contents .news_list .list li.is-visible { display: block !important; }
#contents .readmore { margin:3em 0 6em 0; }
#contents .readmore button { font-family: "Jun 501", sans-serif; letter-spacing: 0.1em; cursor:pointer; background-color:#009245; color:#ffffff; border:none; padding:0.75em 2em; font-size: 1.2em; line-height: 1em; border-radius: 3em; }
#contents .readmore button:hover { background-color:#fbb03b; color:#333333; }

#contents .instagram_box { width:60%; margin:0 auto 6em auto; }
#contents .instagram_box .instagram_list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#contents .instagram_box .instagram_list li { width:31.5%; height:19em; border:2em solid #fbb03b; border-right: 2em solid #009245; border-left: 2em solid #009245; }
#contents .instagram_box .instagram_list li img,
#contents .instagram_box .instagram_list li video { width:100%; height:100%; object-fit: cover; }

#contents .supporter { width: 60%; margin:0 auto 8em auto; }
#contents .supporter p { font-size: 1.6em; margin: 0 auto 2em auto; }

/* event_list */
#contents .event_list { width:55%; margin:0 auto 6em auto; }
#contents .event_list .list { margin:3em auto 3em auto; overflow: hidden; }
#contents .event_list .list li { margin:0 0 0 0; }
#contents .event_list .list li a { background-color: #fff7c3; display:block; margin:0 auto 0 auto; padding:1.5em; border-radius: 4em; overflow: hidden; }
#contents .event_list .list li:nth-child(odd) a { background-color: #fff; display:block; margin:0 auto 0 auto; padding:1.5em; border-radius: 4em; overflow: hidden; }
#contents .event_list .list li a dl { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items: center; }
#contents .event_list .list li a dl dt { width:50%; text-align: left; padding:0 0 0 2.5em; }
#contents .event_list .list li a dl dt .title { color: #333; font-size: 1.6em; line-height: 1.4em; margin:0 0 0 0; }
#contents .event_list .list li a dl dt .date { font-size: 1.1em; line-height: 1.4em; color: #009245; margin:0 0 0.4em 0.2em; }
#contents .event_list .list li a dl dd.status { width:50%; height:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; align-items: stretch; border-radius: 4em; overflow: hidden; }
#contents .event_list .list li a dl dd.status span { font-size: 1em; line-height: 1.4em; }
#contents .event_list .list li a dl dd.status .cat { width:35%; background-color: #009245; color:#fff; text-align: center; padding:1em 0.5em 1em 1em; }
#contents .event_list .list li a dl dd.status .wanted { width:65%; background-color: #e84141; color:#fff; text-align: center; padding:1em 1em 1em 0.5em; }
#contents .event_list .list li a dl dd.status .done { width:65%; background-color: #fbb03b; color:#333; text-align: center; padding:1em 1em 1em 0.5em; }
#contents .event_list .list li a:hover { background-color: #fbb03b; }
#contents .event_list .list li.cancel a { background-color: #6e4c36; }
#contents .event_list .list li.cancel a:hover { background-color: #fbb03b; }
#contents .event_list .list li.cancel a dl dt .title { color: #fff; }
#contents .event_list .list li.cancel a dl dt .date { color: #fff; }
#contents .event_list .list li.cancel a dl dd.status .done { background-color: #e84141; color:#fff; }

/* links */
#contents .links { text-align: center; margin:1em auto; }
#contents .links a { font-size: 1.4em; line-height: 1em; display:inline-block; background-color: #009245; color: #fff; padding:1em 3em; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
#contents .links a:hover { background-color: #fbb03b; color:#333; }

/* other */
#contents .map { width:100%; margin:8em auto 8em auto; }
#contents .park { width:40%; margin:auto; }
#contents .sep { border-top:solid 0.25rem #009245; padding:2em 0 0 0 !important;; margin:8em auto 0 auto !important; }

/* photo */
#contents .photo { width:60%; margin:2.5em auto 4em auto; z-index: -1; }
#contents .photo .item { background-color: #009245; height:40em; border-radius: 10rem 10rem 0 0; overflow: hidden; border:solid 2rem #009245;  border-bottom:solid 2rem #fbb03b; }
#contents .photo .item img { object-fit: cover; width:100%; height:100%; }

/* information */
#contents .information { width:50%; margin:auto; }
#contents .information p { font-size: 1.4em; line-height: 1.8em; text-align: center; }

/* outline */
#contents .outline { margin:4em 0; }
#contents .outline dt { font-size: 1.8em; line-height: 1em; display:block; background-color: #009245; color:#fff; margin:3em 0 1.5em 0; padding:1em 2em; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
#contents .outline dd { width:84%; margin:auto; font-size: 1.4em; line-height: 1.8em; margin:0 auto 1em auto; text-align: justify; }
#contents .outline dd.mid { text-align: center; }
#contents .outline dd.user { border-left:solid 0.2em #009245; padding:0 0 0 2em; margin:2em auto 2em auto; }
#contents .outline dd.order { width:100%; }
#contents .outline dd.fee { width:100%; }
#contents .outline dd.fee h4 { width:100%; font-size: 1.3em; line-height: 1.5em; letter-spacing: 0.1em; padding:0.75em; margin:2em auto 1em auto; background-color:#fbb03b; color:#333; text-align: center; border-radius: 2em; }
#contents .outline dd p.att { font-size: 0.8em; text-align: justify; margin:3em 0 0 0; }

/* download */
#contents .download li { margin:1em 0 0 0; }
#contents .download li:first-child { margin:2em 0 0 0; }
#contents .download li i { margin:0 0.4em 0 0; }

/* flow */
#contents .flow { width:100%; }
#contents .flow li { width: 100%; font-size: 1em; line-height: 1.5em; text-align: center; display:block; background-color: #fff; color:#333; margin:1em 0 0 0; padding:1.5em 2em; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
#contents .flow li:first-child { margin:2em 0 0 0; }
#contents .flow li span { color:#009245; display: block; font-size: 0.8em; line-height: 1.5em; margin-top:1em; }

/* entry */
#contents .entry { width:55%; background-color: #fff; padding:4em; margin:3em auto 3em auto; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; text-align: center;  }

#contents .entry .entry_head { margin:0 0 3em 0; }
#contents .entry .entry_head h3.title { color: #333; font-size: 2.2em; line-height: 1.4em; padding:1em 0; margin:0 0 1em 0; border-top:solid 0.1em #009245; border-bottom:solid 0.1em #009245; }
#contents .entry .entry_head .date { font-size: 1.6em; line-height: 1.4em; color: #009245; margin:0 0 1em 0; }
#contents .entry .entry_head .status { width:100%; height:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; align-items: stretch; border-radius: 4em; overflow: hidden; }
#contents .entry .entry_head .status span { font-size: 1.2em; line-height: 1.4em; }
#contents .entry .entry_head .status .cat { width:40%; background-color: #009245; color:#fff; text-align: center; padding:1em 0.5em 1em 1em; }
#contents .entry .entry_head .status .wanted { width:60%; background-color: #e84141; color:#fff; text-align: center; padding:1em 1em 1em 0.5em; }
#contents .entry .entry_head .status .done { width:60%; background-color: #fbb03b; color:#333; text-align: center; padding:1em 1em 1em 0.5em; }

#contents .entry.cancel { background-color: #6e4c36; color: #fff; }
#contents .entry.cancel .entry_head h3.title { color: #fff; border-top:solid 0.1em #fff; border-bottom:solid 0.1em #fff; }
#contents .entry.cancel .entry_head .date { color: #fff; }
#contents .entry.cancel .entry_head .status .done { background-color: #e84141; color:#fff; }
#contents .entry.cancel .entrybody .event_data { color: #333; }

#contents .entry .entrybody h3 { font-size: 1.6em; line-height: 1.5em; letter-spacing: 0.1em; padding:0.75em; margin:3em auto 1.5em auto; background-color:#009245; color:#fff; text-align: center; border-radius: 2em; }
#contents .entry .entrybody h4 { font-size: 1.4em; line-height: 1.5em; letter-spacing: 0.1em; padding:0.75em; margin:3em auto 1.5em auto; background-color:#fbb03b; color:#333; text-align: center; border-radius: 2em; }
#contents .entry .entrybody h5 { font-size: 1.3em; line-height: 1.5em; letter-spacing: 0.1em; padding:0.75em; margin:3em auto 1.5em auto; background-color:#f2e594; color:#333; text-align: center; border-radius: 2em; }
#contents .entry .entrybody p { font-size: 1.3em; line-height: 2em; letter-spacing: 0.1em; margin:0 auto 1.5em auto; text-align: justify; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; align-items: center; }
#contents .entry .entrybody h3:first-child,
#contents .entry .entrybody h4:first-child,
#contents .entry .entrybody h5:first-child,
#contents .entry .entrybody h6:first-child
#contents .entry .entrybody h3:first-child,
#contents .entry .entrybody h4:first-child,
#contents .entry .entrybody h5:first-child,
#contents .entry .entrybody h6:first-child { margin-top:0; }
#contents .entry .entrybody p:last-child { margin:0 auto 0 auto; }

#contents .entry .entrybody .event_data { margin:0 0 0 0; }
#contents .entry .entrybody .event_data h3 { margin:3em 0 2em 0; }
#contents .entry .entrybody .event_data dl { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; margin:0 0 0 0; border-radius: 1em; overflow: hidden; }
#contents .entry .entrybody .event_data dl dt { background-color:#fbb03b; width:30%; text-align: left; font-size: 1.3em; line-height: 1.6em; padding:1em; border-bottom:solid 0.15em #fff; border-right:solid 0.15em #fff; }
#contents .entry .entrybody .event_data dl dd { background-color:#f2e594; width:70%; text-align: left; font-size: 1.3em; line-height: 1.6em; padding:1em; border-bottom:solid 0.15em #fff; }
#contents .entry .entrybody .event_data dl dt:last-of-type,#contents .entry .entrybody .event_data dl dd:last-of-type { border-bottom:none; }

#contents .entry .entrybody .pdfemb-viewer { margin:1em 0; }
#contents .entry .entrybody .links { margin:5em 0 0 0; }

#contents .entry .access_map {  }
#contents .entry .access_map dt { margin:0 auto 3em auto; }
#contents .entry .access_map dd { font-size: 1.3em; line-height: 2em; margin:0 0 0 0; text-align: center; }
#contents .entry .access_map i { font-size: 1.4em; color:#e84141; }
#contents .entry .access_map span { font-size: 1.2em; color:#e84141; margin:0 0.5em; }
#contents .entry .google_map { width:100%; margin:3em auto 0em auto; padding:0; border-radius: 1em; }
#contents .entry .google_map iframe { margin:0; }
#contents .entry .txt { margin:3em 0 0 0; }
#contents .entry .txt p { font-size: 1.5em; line-height: 2em; text-align: justify; width:85%; margin:0 auto 2em auto; }
#contents .entry .lead { width:85%; margin:2em auto 5em auto; color:#6e4c36; }
#contents .entry .lead p { font-size: 1.9em; line-height: 2em; text-align: justify; }
#contents .entry .stay_map { padding:5em; border:solid 1.5rem #f2e594; margin:3em 0 0 0; background-color:#fff; border-radius: 3em; }
#contents .entry .entry_yakuwari { background-color: #f4f4f4; margin:0 0 3rem 0; padding:0 0 3rem 0; border-radius:2em; }
#contents .entry .entry_yakuwari .txt h4 { width:85%; margin:0 auto 1.5rem auto; }

/* facility_ex */
#contents .facility_ex { width:55%; margin:6em auto 6em auto; }
#contents .facility_ex ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .facility_ex ul li { width:30%; margin:0 0 1em 0; }
#contents .facility_ex ul li dt { margin:0 0 1em 0; }
#contents .facility_ex ul li dd.title { font-size: 1.8em; line-height: 1.4em; margin:0 0 1em 0; }
#contents .facility_ex ul li dd.ex { font-size: 1em; line-height: 1.8em; background-color:#f2e594; border-radius: 1em; padding:1.5em 2em; text-align: justify; }

/* table */
#contents table.data { background-color: #fff; width:100%; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
#contents table.data th { font-size: 0.8em; line-height: 1.5em; text-align: center; padding:0.5em; background-color:#f2e594; border-bottom:solid 2px #fff7c3; border-right:solid 2px #fff7c3; }
#contents table.data tr:first-child th:first-child { width:35%; }
#contents table.data.data--food tr:first-child th:first-child { width:auto; }
#contents table.data th span { display:block; font-size: 0.8em; line-height: 1.5em; }
#contents table.data td { font-size: 1em; line-height: 1.5em; text-align: center; padding:0.5em; border-bottom:solid 2px #fff7c3; border-right:solid 2px #fff7c3; }
#contents table.data td.l1 { width:3em; }
#contents table.data td a { color:#333; }
#contents table.data td a i { color:#009245; }
#contents table.data td a:hover { color:#009245; }
#contents table.data.data--txt td { text-align: left; padding:1.5em 2em; }
#contents table.data .cap { display:block; font-size: 0.8em; line-height: 1.8em; padding:0 2em; }
#contents table.data.food td { text-align: left; padding:0.5em 0 0.5em 2em; }
#contents table.data.food td:last-child { text-align: center; }
#contents table.data.food td span { font-size: 0.7em; margin:0 0 0 1em; color: #d14b17; }

#contents .data_cap { font-size: 0.8em; font-weight: bold; text-align: center; margin:1em auto; }
#contents .data_cap i { color: #009245; }

@media screen and (min-width: 601px) and (max-width: 1199px) {
#footer footer .tree .tree_a { position: absolute; }
#footer footer .tree .tree_b { position: absolute; }
}

@media screen and (max-width: 600px) {
body { font-size: 12px; }

/* options */
.rl { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; font-feature-settings : "palt"; }
.pc { display:none; }
.sp { display:block; }
.pcbr { display:inline; }
.spbr { display:block; }
.pc_inline { display:none; }
.sp_inline { display:inline; }

/* wordpress */
#contents .wp-caption .wp-caption-text { font-size: 0.8em; }
#contents .wp-caption.alignleft { float: left; margin:0 0 2em 0; }
#contents .wp-caption.alignleft img {  }
#contents .wp-caption.alignright { float: right; margin:0 0 2em 0; }
#contents .wp-caption.alignright img {  }
#contents .wp-caption.alignnone { margin:0 0 2em 0; }
#contents .wp-caption.alignnone img {  }
img.centered { display: block; margin:0 0 2em 0; }
img.alignright { padding: 0; margin: 0 0 2em 0; display: inline; max-width: 100%; }
img.alignleft { padding: 0; margin: 0 0 2em 0; display: inline; max-width: 100%; }
img.aligncenter { display: block; margin:0 0 2em 0; }
img.alignnone { display: block; margin:0 0 2em 0; }
img.size-medium { width:100%; margin:0 0 2em 0; display: inline-block; }

/* wrapper */
#wrapper { min-width:0; }

/* loader */
#loader-bg { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #fff7c3; z-index: 777; }
#loader { display: none; position: fixed; top: 50%; left: 50%; width: 6rem; height: 6rem; margin-top: -5rem; margin-left: -3rem; text-align: center; color: #333; z-index: 2; font-size: 1.4em; line-height: 1.5em; letter-spacing: 0.15em; white-space: nowrap; }
#loader img { margin:0 0 1em 0; }

/* header */
#header header { padding:0 0 0 0; }
#header header h1 { font-size: 3.2em; line-height: 1.4em; letter-spacing: 0.35em; padding:0.75em 0 0.4em 0.5em; }
.home #header header { padding:0 0 0 0; }
.home #header header h1 { font-size: 3.2em; line-height: 1.4em; letter-spacing: 0.35em; padding:0.75em 0 0.4em 0.5em; }
#header header .gnavi { display:none; }

/* footer */
#footer footer { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; margin:4em 0 4em 0; }
#footer footer .logo { width:20%; }
#footer footer h1 { order:2; font-size: 1.8em; line-height: 1.2em; letter-spacing: 0.25em; padding:1em 0; }
#footer footer address { font-size: 0.9em; line-height: 1.8em; }
#footer footer .terms { display: block; text-align: center; margin:3em auto 0 auto;  }
#footer footer .terms a { font-size: 1.2em; line-height: 1.8em; border-radius: 2em; padding:1em 2em; background-color: #009245; color: #fff; }
#footer footer .terms a:hover { background-color: #fbb03b; color: #333; }
#footer footer .tree { overflow: hidden; }
#footer footer .tree .tree_a { width:15%; height:auto; position: absolute; left:0; top:0; bottom:auto; }
#footer footer .tree .tree_b { width:15%; height:auto; position: absolute; right:0; top:0; }
.home #footer footer .tree .tree_a { width:22%; }
.home #footer footer .tree .tree_b { width:22%; }
#footer footer .btn_insta { position: fixed; top:auto; bottom:0; right:0; z-index: 77;}
#footer footer .btn_insta a { display:block; background-color: #d14b17; color:#ffffff; padding:0.25em; font-size: 3em; line-height: 1em; border-radius: 0.4em 0 0 0; }
#footer footer .btn_insta a:hover { background-color: #fbb03b; color:#ffffff; }

/* cover */
#cover { order:3; width:100%; position: relative; margin:0 auto 3em auto; }
#cover .cp { font-size: 1.8em; line-height: 1em; letter-spacing: 0.2em; white-space: nowrap; }
#cover .cp i { color:#009245; margin:0.5em 0.5em; }
#cover .cp a i.fab { color:#333; margin:0em 0; }
#cover .cp a:hover i.fab { color:#009245;  }
#cover .left { position: static; }
#cover .right { position: static; }
#cover .slide { order:4; width:100%; margin:2em auto 3em auto; }
#cover .slide li.item { height:28em; border-radius: 15em 15em 0 0; overflow: hidden; background-color: #009245; border:solid 2rem #009245;  border-bottom:solid 2rem #fbb03b; }
#cover .slide li.item img { object-fit: cover; width:100%; height:100%; }
#cover .copy { display:block; font-size: 1.2em; line-height: 1em; padding:1em 0; letter-spacing: 0.3em; background-color: #6e4c36; color:#fbb03b; border-radius: 2em; width:90%; margin:auto; }

/* mokuji */
#contents .mokuji { width:80%; margin:4em auto 4em auto; }
#contents .mokuji ul { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#contents .mokuji ul li { width:100%; margin:0 0 2em 0; }
#contents .mokuji ul li a .thumb { transition: 0.2s linear; display:block; width:100%; height:20em; border-radius: 15em 15em 0 0; overflow: hidden; background-color: #009245; border:solid 2.4em #009245; border-bottom:solid 2.4em #fbb03b; margin:0 0 1.5em 0; }
#contents .mokuji ul li a:hover .thumb { border:solid 2.4em #fbb03b; }
#contents .mokuji ul li .thumb img { object-fit: cover; width:100%; height:100%; }
#contents .mokuji ul li .title { font-size: 1.8em; line-height: 1em; color: #333; }

/* head */
#contents .head h2 { font-size: 2em; line-height: 1.4em; letter-spacing: 0.2em; margin:1em 0 1em 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#contents .head h2 i { margin:0 0.5em; color:#009245; }

/* news_list */
#contents .news_list { width:90%; margin:0 auto 3em auto; }
#contents .news_list .list { margin:2em auto 2em auto; overflow: hidden; }
#contents .news_list .list li { margin:0 0 0 0; }
#contents .news_list .list li a { background-color: #fff7c3; display:block; margin:0 auto 0 auto; padding:1.5em; border-radius: 1em; overflow: hidden; }
#contents .news_list .list li:nth-child(odd) a { background-color: #fff; display:block; margin:0 auto 0 auto; padding:1.5em; border-radius: 1em; overflow: hidden; }
#contents .news_list .list li a dl { display: flex; flex-direction: column; flex-wrap: wrap; justify-content:space-between; align-items: center; }
#contents .news_list .list li a dl dt { width:94%; font-size: 1.1em; line-height: 1.4em; color: #009245; margin:0 0 0.3em 0; text-align: left; }
#contents .news_list .list li a dl dd.title { color: #333; width:94%; text-align: left; font-size: 1.2em; line-height: 1.4em; margin:0 0 0 0; padding:0 0 0 0; }
#contents .news_list .list li a:hover { background-color: #fbb03b; }

#contents .instagram_box { width:80%; margin:0 auto 3em auto; }
#contents .instagram_box .instagram_list { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#contents .instagram_box .instagram_list li { width:100%; margin:0 0 2em 0; height:23em; border:2.5em solid #fbb03b; border-right: 2.5em solid #009245; border-left: 2.5em solid #009245; }
#contents .instagram_box .instagram_list li:last-child { margin:0 0 0 0;}
#contents .instagram_box .instagram_list li img,
#contents .instagram_box .instagram_list li video { width:100%; height:100%; object-fit: cover; }

#contents .supporter { width: 90%; margin:0 auto 6em auto; }
#contents .supporter p { font-size: 1.6em; margin: 0 auto 2em auto; }

/* event_list */
#contents .event_list { width:90%; margin:0 auto 3em auto; }
#contents .event_list .list { margin:2em auto 2em auto; overflow: hidden; }
#contents .event_list .list li { margin:0 0 0 0; }
#contents .event_list .list li a { background-color: #fff7c3; display:block; margin:0 auto 0 auto; padding:1.5em; border-radius: 1em; overflow: hidden; }
#contents .event_list .list li:nth-child(odd) a { background-color: #fff; display:block; margin:0 auto 0 auto; padding:1.5em; border-radius: 1em; overflow: hidden; }
#contents .event_list .list li a dl { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content:space-between; align-items: center; }
#contents .event_list .list li a dl dt { width:100%; text-align: left; padding:0 0 0 1.5em; }
#contents .event_list .list li a dl dt .title { color: #333; font-size: 1.6em; line-height: 1.4em; margin:0 0 0.4em 0; }
#contents .event_list .list li a dl dt .date { font-size: 1.1em; line-height: 1.4em; color: #009245; margin:0 0 0.4em 0.2em; }
#contents .event_list .list li a dl dd.status { width:100%; height:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; align-items: stretch; border-radius: 4em; overflow: hidden; }
#contents .event_list .list li a dl dd.status span { font-size: 1em; line-height: 1em; }
#contents .event_list .list li a dl dd.status .cat { width:35%; background-color: #009245; color:#fff; text-align: center; padding:0.5em 0.5em 0.5em 0.75em; }
#contents .event_list .list li a dl dd.status .wanted { width:65%; background-color: #e84141; color:#fff; text-align: center; padding:0.5em 1em 0.5em 0.5em; }
#contents .event_list .list li a dl dd.status .done { width:65%; background-color: #fbb03b; color:#333; text-align: center; padding:0.5em 1em 0.5em 0.5em; }
#contents .event_list .list li a:hover { background-color: #fbb03b; }
#contents .event_list .list li.cancel a { background-color: #6e4c36; }
#contents .event_list .list li.cancel a:hover { background-color: #fbb03b; }
#contents .event_list .list li.cancel a dl dt .title { color: #fff; }
#contents .event_list .list li.cancel a dl dt .date { color: #fff; }
#contents .event_list .list li.cancel a dl dd.status .done { background-color: #e84141; color:#fff; }

/* links */
#contents .links { text-align: center; }
#contents .links a { font-size: 1em; line-height: 1em; display:inline-block; background-color: #009245; color: #fff; padding:1em 3em; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
#contents .links a:hover { background-color: #fbb03b; color:#333; }

/* other */
#contents .map { width:100%; margin:3em auto 3em auto; }
#contents .park { width:40%; margin:auto; }
#contents .sep { border-top:solid 0.25rem #009245; padding:2em 0 0 0 !important;; margin:8em auto 0 auto !important; }

/* photo */
#contents .photo { width:84%; margin:2em auto 2em auto; z-index: -1; }
#contents .photo .item { background-color: #009245; height:24em; border-radius: 10rem 10rem 0 0; overflow: hidden; border:solid 2rem #009245;  border-bottom:solid 2rem #fbb03b; }
#contents .photo .item img { object-fit: cover; width:100%; height:100%; }

/* information */
#contents .information { width:90%; margin:auto; }
#contents .information p { font-size: 1.2em; line-height: 1.8em; text-align: center; }

/* outline */
#contents .outline { margin:2em 0; }
#contents .outline dt { font-size: 1.5em; line-height: 1em; display:block; background-color: #009245; color:#fff; margin:3em 0 1.5em 0; padding:1em 2em; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
#contents .outline dd { width:90%; margin:auto; font-size: 1.2em; line-height: 1.8em; margin:0 auto 1em auto; text-align: justify; }
#contents .outline dd.mid { text-align: center; }
#contents .outline dd.user { border-left:solid 0.2em #009245; padding:0 0 0 2em; margin:2em auto 2em auto; }
#contents .outline dd.fee { width:100%; }
#contents .outline dd.fee h4 { width:100%; font-size: 1.2em; line-height: 1.5em; letter-spacing: 0.1em; padding:0.75em; margin:2em auto 1em auto; background-color:#fbb03b; color:#333; text-align: center; border-radius: 2em; }

/* download */
#contents .download li { margin:1em 0 0 0; }
#contents .download li:first-child { margin:2em 0 0 0; }
#contents .download li i { margin:0 0.4em 0 0; }

/* flow */
#contents .flow li { font-size: 1em; line-height: 1.5em; text-align: center; display:block; background-color: #fff; color:#333; margin:1em 0 0 0; padding:1.5em 2em; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }
#contents .flow li:first-child { margin:2em 0 0 0; }

/* entry */
#contents .entry { width:90%; background-color: #fff; padding:2em; margin:2em auto 2em auto; border-radius: 1em; text-align: center;  }

#contents .entry .entry_head { margin:0 0 3em 0; }
#contents .entry .entry_head h3.title { color: #333; font-size: 1.5em; line-height: 1.4em; padding:1em 0; margin:0 0 1em 0; border-top:solid 0.1em #009245; border-bottom:solid 0.1em #009245; }
#contents .entry .entry_head .date { font-size: 1.3em; line-height: 1.4em; color: #009245; margin:0 0 1em 0; }
#contents .entry .entry_head .status { width:100%; height:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; align-items: stretch; border-radius: 4em; overflow: hidden; }
#contents .entry .entry_head .status span { font-size: 1em; line-height: 1.4em; }
#contents .entry .entry_head .status .cat { width:30%; background-color: #009245; color:#fff; text-align: center; padding:1em 0.5em 1em 1em; }
#contents .entry .entry_head .status .wanted { width:70%; background-color: #e84141; color:#fff; text-align: center; padding:1em 1em 1em 0.5em; }
#contents .entry .entry_head .status .done { width:70%; background-color: #fbb03b; color:#333; text-align: center; padding:1em 1em 1em 0.5em; }

#contents .entry .entrybody h3 { font-size: 1.4em; line-height: 1.5em; letter-spacing: 0.1em; padding:0.5em; margin:1.5em auto 0.75em auto; background-color:#009245; color:#fff; text-align: center; border-radius: 2em; }
#contents .entry .entrybody h4 { font-size: 1.3em; line-height: 1.5em; letter-spacing: 0.1em; padding:0.5em; margin:1.5em auto 0.75em auto; background-color:#fbb03b; color:#333; text-align: center; border-radius: 2em; }
#contents .entry .entrybody h5 { font-size: 1.2em; line-height: 1.5em; letter-spacing: 0.1em; padding:0.5em; margin:1.5em auto 0.75em auto; background-color:#f2e594; color:#333; text-align: center; border-radius: 2em; }
#contents .entry .entrybody p { font-size: 1.1em; line-height: 1.8em; letter-spacing: 0.1em; margin:0 auto 1.5em auto; text-align: justify; }
#contents .entry .entrybody h3:first-child,
#contents .entry .entrybody h4:first-child,
#contents .entry .entrybody h5:first-child,
#contents .entry .entrybody h6:first-child
#contents .entry .entrybody h3:first-child,
#contents .entry .entrybody h4:first-child,
#contents .entry .entrybody h5:first-child,
#contents .entry .entrybody h6:first-child { margin-top:0; }

#contents .entry .entrybody .event_data { margin:0 0 0 0; }
#contents .entry .entrybody .event_data h3 { margin:3em 0 2em 0; }
#contents .entry .entrybody .event_data dl { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; margin:0 0 0 0; border-radius: 0.5em; overflow: hidden; }
#contents .entry .entrybody .event_data dl dt { background-color:#fbb03b; width:35%; text-align: left; font-size: 1em; line-height: 1.6em; padding:1em; border-bottom:solid 0.15em #fff; border-right:solid 0.15em #fff; }
#contents .entry .entrybody .event_data dl dd { background-color:#f2e594; width:65%; text-align: left; font-size: 1em; line-height: 1.6em; padding:1em; border-bottom:solid 0.15em #fff; }
#contents .entry .entrybody .event_data dl dt:last-of-type,#contents .entry .entrybody .event_data dl dd:last-of-type { border-bottom:none; }

#contents .entry .entrybody .pdfemb-viewer { margin:2em 0; }
#contents .entry .entrybody .links { margin:3em 0 0 0; }

#contents .entry .access_map {  }
#contents .entry .access_map dt { margin:0 auto 3em auto; }
#contents .entry .access_map dd { font-size: 1.3em; line-height: 2em; margin:0 0 0 0; text-align: center; }
#contents .entry .access_map i { font-size: 1.4em; color:#e84141; }
#contents .entry .access_map span { font-size: 1.2em; color:#e84141; margin:0 0.5em; }
#contents .entry .google_map { width:100%; margin:3em auto 0em auto; padding:0; border-radius: 1em; }
#contents .entry .google_map iframe { margin:0; }
#contents .entry .txt { margin:1em 0 0 0; }
#contents .entry .txt p { font-size: 1.1em; line-height: 1.8em; text-align: justify; width:90%; margin:0 auto 2em auto; }
#contents .entry .lead { width:90%; margin:1em auto 3em auto; color:#6e4c36; }
#contents .entry .lead p { font-size: 1.3em; line-height: 1.8em; text-align: justify; }
#contents .entry .stay_map { padding:1em; border:solid 1rem #f2e594; margin:2em 0 0 0; background-color:#fff; border-radius: 2em; }
#contents .entry .entry_yakuwari { margin:0 0 3rem 0; padding:0 0 1rem 0; border-radius:2em; }
#contents .entry .entry_yakuwari .txt h4 { width:85%; margin:0 auto 1.5rem auto; }
#contents .entry .entry_yakuwari .txt p { width:80%; margin:2em auto; }

/* facility_ex */
#contents .facility_ex { width:90%; margin:3em auto 3em auto; }
#contents .facility_ex ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .facility_ex ul li { width:48%; margin:0 0 2em 0; }
#contents .facility_ex ul li dt { margin:0 0 0.5em 0; }
#contents .facility_ex ul li dd.title { font-size: 1.3em; line-height: 1.4em; margin:0 0 0.5em 0; }
#contents .facility_ex ul li dd.ex { width:94%; margin:auto; font-size: 0.8em; line-height: 1.7em; letter-spacing: 0.1em; background-color:#f2e594; border-radius: 1em; padding:1.5em 2em; text-align: justify; }

/* table */
#contents table.data { background-color: #fff; width:100%; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
#contents table.data th { font-size: 0.8em; text-align: center; padding:0.5em; background-color:#f2e594; border-bottom:solid 2px #fff7c3; border-right:solid 2px #fff7c3; }
#contents table.data td { font-size: 1em; text-align: center; padding:0.5em; border-bottom:solid 2px #fff7c3; border-right:solid 2px #fff7c3; }
#contents table.data td.l1 { width:3em; }
#contents table.data.food td { text-align: left; padding:0.5em 0 0.5em 1em; }

}
@media screen and (max-width: 374px) {
body { font-size: 11px; }
}
@media screen and (min-width: 471px) and (max-width: 1280px) {
body { font-size: 12px; }
}
@media screen and (min-width: 1281px) and (max-width: 1300px) {
body { font-size: 12.18px; }
}
@media screen and (min-width: 1301px) and (max-width: 1325px) {
body { font-size: 12.36px; }
}
@media screen and (min-width: 1326px) and (max-width: 1350px) {
body { font-size: 12.54px; }
}
@media screen and (min-width: 1351px) and (max-width: 1375px) {
body { font-size: 12.72px; }
}
@media screen and (min-width: 1376px) and (max-width: 1400px) {
body { font-size: 12.9px; }
}
@media screen and (min-width: 1401px) and (max-width: 1425px) {
body { font-size: 13.08px; }
}
@media screen and (min-width: 1426px) and (max-width: 1450px) {
body { font-size: 13.26px; }
}
@media screen and (min-width: 1451px) and (max-width: 1475px) {
body { font-size: 13.44px; }
}
@media screen and (min-width: 1476px) and (max-width: 1500px) {
body { font-size: 13.62px; }
}
@media screen and (min-width: 1501px) and (max-width: 1525px) {
body { font-size: 13.8px; }
}
@media screen and (min-width: 1526px) and (max-width: 1550px) {
body { font-size: 13.98px; }
}
@media screen and (min-width: 1551px) and (max-width: 1575px) {
body { font-size: 14.16px; }
}
@media screen and (min-width: 1576px) and (max-width: 1600px) {
body { font-size: 14.34px; }
}
@media screen and (min-width: 1601px) and (max-width: 1625px) {
body { font-size: 14.52px; }
}
@media screen and (min-width: 1626px) and (max-width: 1650px) {
body { font-size: 14.7px; }
}
@media screen and (min-width: 1651px) and (max-width: 1675px) {
body { font-size: 14.88px; }
}
@media screen and (min-width: 1676px) and (max-width: 1700px) {
body { font-size: 15px; }
}

@media print {
  body {
    font-size: 11px;
    width: 1200px;
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform-origin: 0 0;
  }
}