@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700&display=swap');
@import'./destyle.css';

body{ background-color:#F2E5CE; font-family:'Noto Sans JP', sans-serif; line-height:1.4em; font-weight:500; color:#58473C; }
.pc { display:none; }

.main { width:100%; background-image:url(/img/main_bg.png); background-size:cover; background-repeat:no-repeat; background-position:center bottom; text-align:center; }
.main img { width:calc(100% - 10px); max-width:1100px; height:auto; }
.main_sub { width:100%; text-align:center; margin-top:1em; }
.main_sub img { width:60%; max-width:300px;  }
.cont_wrap { width:calc(100% - 30px); margin:0 auto; }
.event {}
.event .intro { margin-top:3em; font-size:0.875rem; text-align:center; }
.event .intro strong { font-size:1.125rem; font-weight:700; }
.event .ebox { margin-top:2em; display:flex; justify-content:center; align-items:flex-end; flex-wrap:wrap; }
.event .ebox .ebox1 { width:49%; }
.event .ebox .ebox2 { width:49%; }
.event .ebox .ebox3 { width:49%; }
.event .ebox .ebox4 { width:60%; }
.event .ebox .ebox5 { width:49%; }
.event .ebox .ebox6 { width:80%; }
.event .ebox .ebox7 { width:49%; }
.event .ebox .ebox8 { width:90%; }
.event .ebox .ebox9 { width:49%; }
.event .ebox img { width:100%; height:auto; margin-top:0.5em; }
.event .notice { margin-top:1.5em; padding-left:1em; text-indent:-1em; font-size:0.75rem; }
.event .notice + .notice { margin-top:0.25em; }
.event .fgfk_wrap { margin-top:1em; padding-top:1em; border-top:1px dashed #58473C; }
.event .fgfk { width:100%; margin:0 0 1em; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; }
.event .fgfk .img { width:30%; margin-right:0.5em; }
.event .fgfk .img img { width:100%; }
.event .fgfk .txt { margin-top:0.5em; width:100%; font-size:0.875rem; color:#00AC97; }
.event .fgfk .but { width:100%; margin-top:1em; display:flex; font-size:0.875rem; }
.event .fgfk .but a { width:100%; padding:0.25em; background-color:#00AC97; border-radius:5px; text-align:center; color:#FFF; }
.rsv { margin-top:3em; font-size:0.875rem; }
.rsv .box { margin-bottom:1.5em; padding:0.75em 1em; background-color:#FFF; }
.rsv .box .img { margin-top:0.5em; margin-bottom:1em; }
.rsv .box .img img { width:100%; height:auto; }
.rsv .box .rsv_img { width:25%; }
.rsv .box .rsv_img.wide { width:35%; }
.rsv .box .rsv_img img { width:100%; height:auto; }
.rsv .box .but { margin-top:1em; display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; }
.rsv .box .but a { width:100%; padding:0.25em; background-color:#F08307; border-radius:5px; text-align:center; color:#FFF; }
.rsv .box .but .notice { width:100%; text-align:center; color:#F08307; font-size:0.75rem; }
.rsv .box .title_box { margin-bottom:0.5em; display:flex; flex-wrap:wrap; align-items:center; }
.rsv .box .title_box .title { width:calc(75% - 0.5em); font-size:1.25rem; color:#00978C; font-weight:700; line-height:1.2em; }
.rsv .box .title_box .title span { font-size:1rem; color:#00978C; }
.rsv .box .title_box .img { width:25%; margin:0; margin-right:0.5em; }
.rsv .box .title_box .img img { width:100%; height:auto; }
.rsv .box .title_box .notice { width:100%; text-align:right; }
.rsv .box .sbox { margin-top:1em; padding-top:1em; border-top:1px solid #58473C; }
.rsv .box .tbox { display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; margin-top:0.5em; }
.rsv .box .tbox p:nth-child(1) { border:1px solid #58473C; padding:0.125em 1.25em; margin-right:0.5em; }
.rsv .box .tbox p:nth-child(2) { line-height:1.1em; }
.rsv .box dl { margin-top:0.5em; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; }
.rsv .box dt { width:4.5em; margin-right:0.5em; text-align-last:justify; font-weight:700; }
.rsv .box dd { width:calc(100% - 5em); }
.rsv .box dd p { padding-left:1em; text-indent:-1em; }
.rsv .box dd span { display:inline-block; font-size:0.75rem; }
.rsv .box.first .column { display:flex; flex-wrap:wrap; }
.rsv .box.first .column .ph { width:100%; order:2; margin-bottom:1em; }
.rsv .box.first .column .ph img { width:100%; height:auto; }
.rsv .box.first .title_box { width:100%; order:1; display:block; }
.rsv .box.first .title_box .img { width:45%; margin-right:0; }
.rsv .box.first .title_box .title { width:100%; }
.rsv .box.first .column .scolumn { width:100%; order:3; }
.nrsv { margin-top:3em; }
.nrsv .intro { margin-bottom:1em; background-color:#F08307; text-align:center; color:#FFF;  }
.nrsv .box { margin-bottom:1em; padding-bottom:1em; border-bottom:1px solid #00978C; }
.nrsv .box .title_box { display:flex; flex-wrap:wrap; align-items:center; }
.nrsv .box .title_box .img { width:30%; margin-right:0.5em; }
.nrsv .box .title_box .img img { width:100%; height:auto; }
.nrsv .box .title_box .title { width:calc(70% - 0.5em); font-size:1.25rem; color:#00978C; font-weight:700; line-height:1.2em; }
.nrsv .box .title_box .title span { font-size:1rem; color:#00978C; }
.nrsv .box .title_box .tnotice { width:100%; color:#00978C; }
.nrsv .box.last .title_box { margin-bottom:1em; }
.nrsv .box.last .title_box .img { margin-bottom:0.5em; }
.nrsv .box.last .title_box .title { width:100%; }
.nrsv .box dl { margin-top:0.5em; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; color:#00978C; }
.nrsv .box dt { width:3.5em; margin-right:0.5em; text-align-last:justify; font-weight:700; }
.nrsv .box dd { width:calc(100% - 4em); }
.nrsv .box .info_box { margin-top:0.5em; display:flex; justify-content:flex-start; align-items:flex-end; flex-wrap:wrap; }
.nrsv .box .info_box .img { width:40%; margin-right:0.5em; }
.nrsv .box .img img { width:100%; height:auto; }
.nrsv .box .info_box .txt { width:calc(60% - 0.5em); }
.nrsv .notice { margin-top:1.5em; padding-left:1em; text-indent:-1em; font-size:0.75rem; }
.nrsv .notice + .notice { margin-top:0.25em; }
.nrsv .box.last { border-bottom:none; }
.nrsv .box.last .title_box .img { width:45%; margin-right:0; }
.nrsv .box.last .info_box { display:block; }
.nrsv .box.last .info_box .img { width:100%; margin-right:0; }
.nrsv .box.last .info_box .txt { width:100%; margin-top:1em; }
.nrsv .box .but { width:100%; margin-top: 1em; display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; }
.nrsv .box .but a { width: 100%; padding: 0.25em; background-color: #F08307; border-radius: 5px; text-align: center; color: #FFF; }
.loca { margin-top:3em; }
.loca .camp { background-color:#FFF; padding:0.75em 1em;  }
.loca .camp .box1 {}
.loca .camp .box1 .title { margin-bottom:0.5em; font-size:1.25rem; font-weight:700; color:#00978C; }
.loca .camp .box1 strong { color:#00978C; }
.loca .camp .box2 { margin-top:1.25em; padding-top:1.25em; border-top:2px solid #00978C; }
.loca .camp .box2 .title { border:1px solid #00978C; padding:0.25em 0.5em; text-align:center; color:#00978C; margin-bottom:0.5em; font-weight:700; }
.loca .camp .box2 .title strong { font-size:1.125rem; }
.loca .camp .box2 .info_box { display:flex; justify-content:flex-start; flex-wrap:wrap; align-items:center; }
.loca .camp .box2 .info_box + .info_box { margin-top:1em; }
.loca .camp .box2 .info_box p:nth-child(1) { margin-right:0.5em; color:#00978C; font-size:0.875rem; }
.loca .camp .box2 .info_box p:nth-child(2) { color:#00978C; font-size:0.875rem; }
.loca .camp .box2 .info_box p:nth-child(2) strong { font-size:1.375rem; font-weight:700; }
.loca .camp .box2 .info_box p:nth-child(3) { width:100%; font-size:0.75rem; line-height:1.4em; }
.loca .camp .box2 .info_box p:nth-child(3) strong { color:#00978C; font-size:0.875rem; }
.loca .park { margin-top:3.25em; padding:0.75em 1em; border:1px solid #00978C; }
.loca .park .title_box { margin-top:-1.75em; margin-bottom:0.75em; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
.loca .park .title_box .title { position:relative; background-color:#F2E5CE; padding:0.25em 1.25em; background-color:#00978C; color:#FFF; font-size:0.875rem; }
.loca .park .title_box .title::before { content:""; position:absolute; top:0; left:0; border:1em solid transparent; border-left:0.5em solid #F2E5CE; }
.loca .park .title_box .title::after { content:""; position:absolute; top:0; right:0; border:1em solid transparent; border-right:0.5em solid #F2E5CE; }
.loca .park .title_box .stitle { background-color:#F2E5CE; color:#00978C; font-size:0.875rem; }
.loca .map { margin-top:1.5em; }
.loca .map img { width:100%; }
.loca .txt { text-align:center; font-size:0.75rem; }
.footer_wrap { margin-top:3em; background-color:#FFF; text-align:center; }
.footer_wrap .footer { display:flex; justify-content:center; align-items:center; flex-wrap:nowrap; width:calc(100% - 20px); max-width:370px; margin:0 auto; }
.footer_wrap .footer .logo { width:30%; max-width:100px; margin-right:0.5em; }
.footer_wrap .footer .logo img { width:100%; height:auto; }
.footer_wrap .footer .txt { width:calc(70% - 0.5em); font-size:0.75rem; text-align:left; line-height:1.4em; }
.footer_wrap .footer .txt .ogn { font-size:0.875rem; }

@media(min-width:751px){
 .pc { display:block; }
 .sp { display:none; }

  html { font-size:120%; }
  .main_sub { margin-top:2.5em; }
  .main_sub img { max-width:400px; }
  .cont_wrap { max-width:1000px; }
  .event .intro { font-size:110%; line-height:1.6em; }
  .event .ebox { justify-content:space-between; align-items:baseline; }
  .event .ebox img { margin-top:1em; }
  .event .ebox .ebox1 { width:18%; margin-left:6%; }
  .event .ebox .ebox2 { width:25%; }
  .event .ebox .ebox2 img { margin:0; margin-bottom:2em; }
  .event .ebox .ebox3 { width:25%; }
  .event .ebox .ebox3 img { margin:0; margin-bottom:2em; }
  .event .ebox .ebox4 { width:32%; margin-right:2%; align-self:center; }
  .event .ebox .ebox5 { width:18%; margin-right:3%; }
  .event .ebox .ebox6 { width:40%; }
  .event .ebox .ebox7 { width:24%; margin-left:4%; align-self:flex-start; }
  .event .ebox .ebox8 { width:50%; }
  .event .ebox .ebox9 { width:34%; margin-left:3%; }
  .event .ebox .ebox9 img { margin-top:2em; }
  .event .fgfk { max-width:700px; margin:auto; }
  .event .fgfk .img { width:150px; margin-right:1em; }
  .event .fgfk .txt { width:calc(100% - 150px - 1.5em); }
  .event .fgfk .but a { padding:0.5em; border-radius:100vh; }
  .rsv { display:flex; justify-content:space-between; flex-wrap:wrap; }
  .rsv .box { width:49%; padding:1.25em; }
  .rsv .box .but { margin-top:1.5em; }
  .rsv .box .but a { padding:0.5em; border-radius:100vh; }
  .rsv .box .img { text-align:center; }
  .rsv .box .img img { width:80%; }
  .rsv .box .img.sq img { width:50%; }
  .rsv .box .rsv_img { width:18%; }
  .rsv .box .rsv_img.wide { width:25%; }
  .rsv .box .title_box .img { width:30%; margin-right: 1em; }
  .rsv .box .title_box .title { width: calc(70% - 1em); }
  .rsv .box.first { width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; }
  .rsv .box.first .column { width:100%; }
  .rsv .box.first .title_box { width:72%; display:flex; float:right; margin-bottom:1.5em; }
  .rsv .box.first .title_box .img { width:auto; margin-right:1em; }
  .rsv .box.first .title_box .title { width:auto; }
  .rsv .box.first .column { display:block; }
  .rsv .box.first .column .ph { width:24%; margin:0; float:left; }
  .rsv .box.first .column .ph img { width:100%; height:auto; }
  .rsv .box.first .column .scolumn { width:72%; float:right; }
  .rsv .box.first .column .scolumn .tbox {margin-top:1em;}
  .rsv .box.first .sbox { width:48%;}
  .rsv .box.first .title_box .img { max-width:180px; }
  .nrsv { display:flex; justify-content:space-between; flex-wrap:wrap; } 
  .nrsv .intro { width:100%; padding:0.5em; }
  .nrsv .box { width:49%; padding:1.25em; }
  .nrsv .box.last { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
  .nrsv .box.last .title_box .img { width:50%; margin-bottom:1em; }
  .nrsv .box.last .title_box .title { width:100%; }
  .nrsv .box.last .column:nth-child(1) { width:32%; }
  .nrsv .box.last .column:nth-child(2) { width:20%; }
  .nrsv .box.last .column:nth-child(3) { width:44%; }
  .nrsv .box .but { margin-top: 1.5em; }
  .nrsv .box .but a { padding: 0.5em;  border-radius: 100vh; }
  .loca .camp { display:flex; justify-content:space-between; flex-wrap:wrap; padding:1.5em; }
  .loca .camp .box1 { width:49%; }
  .loca .camp .box2 { width:49%; margin-top:0; padding-top:0; border-top:none; padding-left:2%; border-left:2px solid #00978C;}
  .loca .park { padding:1.5em; }
  .loca .park .title_box { margin-top:-2.5em; }
  .loca .map p { text-align:center; }
  .loca .map img { width:70%; }
  .footer_wrap { padding:1em 0; }
  .footer_wrap .footer { max-width:400px; }
  .rsv .box .but.link01 { margin-top:4em; }
  .rsv .box .but.link02 {  }
  .rsv .box .but.link03 { margin-top:2em; }
  .rsv .box .but.link04 {  }
  .rsv .box .but.link05 { margin-top:6.5em; }
  .rsv .box .but.link06 { margin-top:3.75em; }
  .rsv .box .but.link07 {  }
}