@charset "UTF-8";
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:where([hidden]:not([hidden='until-found'])) {
  display: none !important;
}

:where(html) {
  -webkit-text-size-adjust: none;
  color-scheme: dark light;
}

@supports not (min-block-size: 100dvb) {
  :where(html) {
    block-size: 100%;
  }
}

@media (prefers-reduced-motion: no-preference) {
  :where(html:focus-within) {
    scroll-behavior: smooth;
  }
}

:where(body) {
  block-size: 100%;
  block-size: 100dvb;
  line-height: 1.5;
  font-family: system-ui,sans-serif;
  -webkit-font-smoothing: antialiased;
}

:where(input, button, textarea, select) {
  font: inherit;
  color: inherit;
}

:where(textarea) {
  resize: vertical;
  resize: block;
}

:where(button, label, select, summary, [role='button'], [role='option']) {
  cursor: pointer;
}

:where(:disabled) {
  cursor: not-allowed;
}

:where(label:has( > input:disabled), label:has( + input:disabled)) {
  cursor: not-allowed;
}

:where(button) {
  border-style: solid;
}

:where(a) {
  text-underline-offset: .2ex;
}

:where(ul, ol) {
  list-style: none;
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, picture, svg) {
  max-inline-size: 100%;
  block-size: auto;
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

:where(h1, h2, h3) {
  line-height: calc(1em + 0.5rem);
}

:where(hr) {
  border: none;
  border-block-start: 1px solid;
  color: inherit;
  block-size: 0;
  overflow: visible;
}

:where(:focus-visible) {
  outline: 2px solid var(--focus-color, Highlight);
  outline-offset: 2px;
}

:where(.visually-hidden:not(:focus, :active, :focus-within, .not-visually-hidden)) {
  clip-path: inset(50%) !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@font-face {
  font-family: "BIZUDPGothic-Regular";
  src: url("fonts/ttf/BIZUDPGothic-Regular.ttf") format("truetype"), url("fonts/woff/BIZUDPGothic-Regular.woff") format("woff");
}

@font-face {
  font-family: "LINESeedJP_OTF_Rg";
  src: url("fonts/ttf/LINESeedJP_OTF_Rg.ttf") format("truetype"), url("fonts/woff/LINESeedJP_OTF_Rg.woff") format("woff");
}

@font-face {
  font-family: "MochiyPopOne-Regular";
  src: url("fonts/ttf/MochiyPopOne-Regular.ttf") format("truetype"), url("fonts/woff/MochiyPopOne-Regular.woff") format("woff");
}

@font-face {
  font-family: "Murecho-VariableFont_wght";
  src: url("fonts/ttf/Murecho-VariableFont_wght.ttf") format("truetype"), url("fonts/woff/Murecho-VariableFont_wght.woff") format("woff");
}

body {
  font-family: BIZUDPGothic-Regular,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
  font-weight: bold;
  /* background: #fff9ee; */
    background: #fff;
  color: #582800;
  line-height: 1.8;
  font-size: clamp(12px, 3vw, 18px);
  width: 100%;
  height: 100%;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  scrollbar-color: #999 #fff;
  scrollbar-width: thin;
}

body a {
  color: #582800;
  transition: ease .3s;
  cursor: pointer;
}

body a:hover {
  transition: ease .3s;
  opacity: .7;
  box-shadow: none;
}

body ul {
  list-style: none;
}

body img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

body h2 {
  color: #e6462a;
  font-family: Murecho-VariableFont_wght,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
  font-weight: 500;
  font-size: clamp(18px, 6vw, 35px);
  text-align: center;
  letter-spacing: 1.6px;
  line-height: 1.2;
}

body h2 .green, body h2 .orange, body h2 .red {
  font-size: clamp(14px, 5vw, 25px);
  vertical-align: baseline;
  font-family: Murecho-VariableFont_wght,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
}

body h3 {
  font-size: clamp(18px, 4vw, 28px);
  font-family: Murecho-VariableFont_wght,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 2px;
  font-weight: 500;
}

body .gradient_box h2, body .gradient_box2 h2, body .gradient_box3 h2 {
  font-size: clamp(18px, 5vw, 35px) !important;
  font-weight: 500 !important;
}

body .title_p {
  font-size: clamp(13px, 3vw, 20px);
}

body .price, body .large {
  font-size: clamp(18px, 4vw, 28px);
}

body .price span {
  display: inline-block;
  font-size: clamp(12px, 3vw, 18px) !important;
}

body .plus {
  font-family: MochiyPopOne-Regular,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
  font-size: clamp(18px, 4vw, 28px);
}

body .blue {
  color: #3BAEDA;
  font-size: larger;
}

body .green {
  color: #73884d;
  font-size: larger;
}

body .orange {
  color: #e98b33;
  font-size: larger;
}

body .red {
  color: #e6462a;
  font-size: larger;
}

body .brown {
  color: #582800;
  font-size: clamp(12px, 3vw, 18px);
}

body .desc {
  text-align: center;
  margin: 2em auto;
}

body #top {
  /* background: url(../img/bg.svg), linear-gradient(-10deg, #aacf53 0%, #008435 100%);
  background-repeat: no-repeat;
  background-size:contain;
  background-position: bottom; */
  position: relative;
  height: fit-content;
  overflow: hidden;
}
.mv_wrap{
    background: linear-gradient(-10deg, #accf53 0%, #008435 100%);
    padding: 8% 10%;
}
/* .mv_wrap img{
    max-width: 1500px;
    margin: auto;
}
.splide1{
    position: absolute;
    inset: 0;
    height:100%;
    max-height: 800px;
    z-index: -1;
} */


body #top .mv {
  margin: auto;
  width: 80%;
  max-width: 800px;
  padding: 10em 0;
  /* filter: drop-shadow(0px 4px 2px #333); */
}

body #top .logo_wrap .logo {
  display: block;
  width: 25%;
  min-width: 100px;
  max-width: 180px;
  padding: 20px 0 0 20px;
  position: absolute;
  left: 0;
  top: 0;
}

body #top .logo_wrap .logo img {
  filter: brightness(10) drop-shadow(1px 3px 6px #333);
}

body section:not(#top) {
  padding: 3em 10px;
}

/* body section:not(#top):nth-child(odd) {
  background-color: #fff9ee;
} */

/* body section:not(#top):nth-child(even) {
  background-color: #fff;
} */
#area_pass_act{
  width: 100%;
  background-image: url("../img/bg_green.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 3em 0 0!important;
  /* background: url("../img/bg_green.jpg"),url("../img/tree.svg");
  background-repeat: no-repeat, repeat-x;
  background-position: center bottom, center bottom;
  background-size: cover, 500px; */
}
#area_pass_act .inner{
  padding-bottom: 3em;
}
body section:not(#top) .inner {
  max-width: 1000px;
  width: 100%;
  margin: auto;
}

body section:not(#top) .inner .flx {
  display: flex;
  justify-content: center;
  align-items: center;
}

body section:not(#top) .inner .flx li {
  margin: 10px;
  width: 48%;
  flex-grow: 1;
  height: fit-content;
}

body section:not(#top) .inner .flx li small {
  display: block;
  text-align: center;
  font-weight: normal;
}
body section .inner .flx li a.link {
	position: relative;
  display: block;
	padding: 1em 1em 1em 2em;
  color: #582800;
  background: #fff;
  font-size: clamp(10px, 2vw, 13px);
  border: solid 1px #c2a995;
}
body section .inner .flx li a.link::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 1em;
	box-sizing: border-box;
	width: 8px;
	height: 8px;
	border: 4px solid transparent;
	border-left: 7px solid #582800;
}

body section:not(#top) .inner .flx .white_border {
  border: solid 5px #fff;
  box-shadow: 1px 2px 6px 0 #cecece;
  background-color: #fff;
  height: 22vw;
  max-height: 234px;
  width: 32%;
}

body section:not(#top) .inner .flx .white_border img {
  object-fit: contain;
}

body section:not(#top) .inner .flx .box {
  box-shadow: 1px 2px 6px 0 #cecece;
  text-align: center;
  background: #fff;
}

body section:not(#top) .inner .flx .box.orange {
  border: solid 1px #e98b33;
}

body section:not(#top) .inner .flx .box.orange .bg_color {
  font-weight: 500;
  background-color: #e98b33;
}

body section:not(#top) .inner .flx .box.green {
  border: solid 1px #73884d;
}

body section:not(#top) .inner .flx .box.green .bg_color {
  font-weight: 500;
  background-color: #73884d;
}

body section:not(#top) .inner .flx .box.red {
  border: solid 1px #e6462a;
}

body section:not(#top) .inner .flx .box.red .bg_color {
  font-weight: 500;
  background-color: #e6462a;
}

body section:not(#top) .inner .flx .box .bg_color {
  color: #fff;
  padding: .4em 10px .3em;
}

body section:not(#top) .inner .flx .box .detail {
  background-color: #fff;
  padding: 1em 0;
}

body section:not(#top) .inner .flx .box .detail.nigyo {
  padding: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

body section:not(#top) .inner .flx .box .detail.nigyo p.row {
  display: block;
  padding: 1em 0 !important;
}

body section:not(#top) .inner .flx .box .detail.nigyo p.bar {
  font-size: clamp(20px, 4vw, 28px);
  margin: 0 .5em;
}

body section:not(#top) .inner .flx .box .bg_color {
  letter-spacing: 2px;
}

body section:not(#top) .inner .flx .box .bg_color span {
  display: inline-block;
}

body section:not(#top) .inner .clm {
  flex-direction: column;
  align-items: center;
  margin: 10px;
}

body section:not(#top) .inner .clm li {
  width: 100%;
  max-width: 980px;
}

body section:not(#top)#guide .boxes {
  margin-top: 0;
  margin: 10px;
}

body section:not(#top)#guide .detail {
  height: initial;
  min-height: initial;
  padding: 1em 10px;
  line-height: 1.4;
}

body section:not(#top)#guide .white_border2 {
  display: block;
  border: solid 5px #fff;
  box-shadow: 1px 2px 6px 0 #cecece;
  background-color: #fff;
  height: 28vw;
  max-height: 290px;
  width: 50%;
  margin: 2em auto 0;
}

body section:not(#top)#guide .white_border2 img {
  object-fit: contain;
}

body section:not(#top)#guide .white_border2:hover {
  opacity: .7;
}

body section:not(#top)#gondola h2 {
  margin: 1em auto;
}

body section:not(#top)#gondola img {
  box-shadow: 1px 2px 6px 0 #cecece;
  display: inline-block;
  width: 95% !important;
  margin: 10px 10px 0;
}

body section:not(#top)#gondola .boxes {
  margin-top: 0;
}

body section:not(#top)#gondola .detail {
  height: initial;
  min-height: initial;
  padding: 1em 10px;
  line-height: 1.4;
}

body section:not(#top) table.green {
  border-collapse: collapse;
  border: solid #73884d 1px;
  width: 98%;
  margin: 10px auto 1em !important;
}

body section:not(#top) table.green .bg_color {
  background-color: #73884d;
  color: #fff;
}

body section:not(#top) table.green th {
  font-weight: 500;
  letter-spacing: 2px;
  padding: .4em 10px;
  font-size: clamp(12px, 2vw, 26px);
}

body section:not(#top) table.green th:nth-child(2) {
  border-left: #fff solid 1px;
}

body section:not(#top) table.green td {
  background-color: #fff;
  padding: 0.5em !important;
}

body section:not(#top) table.green .tate {
  writing-mode: vertical-rl;
}

body section:not(#top) table.green .month {
  text-align: right;
  width: 10%;
}

body section:not(#top) table.green .day {
  text-align: left;
  width: 40%;
}

body section:not(#top) table.green .time {
  text-align: center;
  width: 30%;
}

body section:not(#top) table.green .place {
  text-align: center;
}

body section:not(#top) table.orange {
  border-collapse: collapse;
  border: solid #e98b33 1px;
  width: 98%;
  margin: 10px;
}

body section:not(#top) table.orange .bg_color {
  background-color: #e98b33;
  color: #fff;
}

body section:not(#top) table.orange th, body section:not(#top) table.orange td {
  border: solid 1px #e98b33;
}

body section:not(#top) table.orange th {
  font-weight: 500;
  letter-spacing: 2px;
  padding: .4em 10px;
  line-height: 1.5;
  font-size: clamp(12px, 2vw, 26px);
}

body section:not(#top) table.orange th:nth-child(n+2) {
  border-left: #fff solid 1px;
}

body section:not(#top) table.orange td {
  background-color: #fff;
  padding: 0.5em !important;
  border-right: none;
  border-left: none;
  line-height: 1.5;
}

body section:not(#top) table.orange .maisu {
  text-align: center;
}

body section:not(#top) table.orange .maisu.red {
  font-size: clamp(16px, 3vw, 22px);
}

body section:not(#top) table.orange .sen {
  border-right: 1px solid #e98b33;
}

body section:not(#top) table.orange .place {
  text-align: center;
}

body section:not(#top) #activities_list.flx, body section:not(#top) #activities2_list.flx, body section:not(#top) #activities3_list.flx, body section:not(#top) #activities4_list.flx,
body section:not(#top) #activities5_list.flx, body section:not(#top) #activities6_list.flx {
  color: #fff;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

body section:not(#top) #activities_list.flx li, body section:not(#top) #activities2_list.flx li, body section:not(#top) #activities3_list.flx li, body section:not(#top) #activities4_list.flx li,
body section:not(#top) #activities5_list.flx li, body section:not(#top) #activities6_list.flx li {
  flex-grow: initial;
  width: 31.2%;
  height: 100%;
  /* display: flex;
  flex-direction: column; */
}
/* body section:not(#top) #activities_list.flx li figcaption, body section:not(#top) #activities2_list.flx li figcaption, body section:not(#top) #activities3_list.flx li figcaption, body section:not(#top) #activities4_list.flx li figcaption,
body section:not(#top) #activities5_list.flx li figcaption, body section:not(#top) #activities6_list.flx li figcaption { */
body section:not(#top) ul.flx li figcaption {
  color: #582800;
  padding: 1em;
  background: #fff;
  font-size: clamp(10px, 2vw, 13px);
  border: solid 1px #c2a995;
  display: flex;
  flex-direction:column;
  height: 100%;
  height: 300px;
  overflow-y: scroll;

}
#activities6_list li figcaption {
    height: 200px!important;
}

body section:not(#top) #activities_list.flx li div, body section:not(#top) #activities2_list.flx li div, body section:not(#top) #activities3_list.flx li div, body section:not(#top) #activities4_list.flx li div,
body section:not(#top) #activities5_list.flx li div, body section:not(#top) #activities6_list.flx li div {
  position: relative;
  min-height: 200px;
}

body section:not(#top) #activities_list.flx li div img, body section:not(#top) #activities2_list.flx li div img, body section:not(#top) #activities3_list.flx li div img, body section:not(#top) #activities4_list.flx li div img,
body section:not(#top) #activities5_list.flx li div img, body section:not(#top) #activities6_list.flx li div img {
  min-height: 200px;
}

body section:not(#top) #activities_list.flx li div:after, body section:not(#top) #activities2_list.flx li div:after, body section:not(#top) #activities3_list.flx li div:after, body section:not(#top) #activities4_list.flx li div:after,
body section:not(#top) #activities5_list.flx li div:after, body section:not(#top) #activities6_list.flx li div:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 30%);
  z-index: 1;
  position: absolute;
  inset: 0;
}

body section:not(#top) #activities_list.flx li div p:not(.title_p), body section:not(#top) #activities2_list.flx li div p:not(.title_p), body section:not(#top) #activities3_list.flx li div p:not(.title_p), body section:not(#top) #activities4_list.flx li div p:not(.title_p),
body section:not(#top) #activities5_list.flx li div p:not(.title_p), body section:not(#top) #activities6_list.flx li div p:not(.title_p) {
  position: absolute;
  bottom: 1em;
  left: 1em;
  line-height: 1;
  z-index: 2;
  font-family: Murecho-VariableFont_wght,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
  font-weight: 500;
}

body section:not(#top) #activities_list.flx li .title_p, body section:not(#top) #activities2_list.flx li .title_p, body section:not(#top) #activities3_list.flx li .title_p, body section:not(#top) #activities4_list.flx li .title_p,
body section:not(#top) #activities5_list.flx li .title_p, body section:not(#top) #activities6_list.flx li .title_p {
  font-weight: normal;
  font-family: Murecho-VariableFont_wght,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
}



body section:not(#top) #activities_list.flx li figcaption hr, body section:not(#top) #activities2_list.flx li figcaption hr, body section:not(#top) #activities3_list.flx li figcaption hr, body section:not(#top) #activities4_list.flx li figcaption hr,
body section:not(#top) #activities5_list.flx li figcaption hr, body section:not(#top) #activities6_list.flx li figcaption hr {
  margin: 5px 0;
  color: #c2a995;
}

body section:not(#top) #activities_list.flx li figcaption a{
  display: block;
  margin-top:6px;
  border:1px solid #582800;
  border-radius: 6px;
  padding:10px;
  text-align: center;

}

body section:not(#top) .color_title {
  color: #582800;
  font-size: clamp(14px, 3vw, 25px);
  text-align: left;
  margin: 2em 0 10px 10px !important;
  font-weight: normal;
  display: flex;
  align-items: flex-start;
}

body section:not(#top) .color_title span {
  display: inline-block;
  width: 6px;
  height: 1em;
  background-color: #582800;
  margin-right: .4em;
}

body section:not(#top) .gradient_title {
  /*color: #fff;
  background: linear-gradient(-10deg, #accf53 0%, #008435 100%);*/
  border-radius: 30px;
  width: fit-content;
  letter-spacing: 10px;
  padding: 10px 30px;
  /*margin: 3em auto .5em;*/
  font-weight: normal;
  font-family: BIZUDPGothic-Regular,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
  font-size: clamp(14px, 3vw, 25px);
  width: 100%;
}

body section:not(#top) .gradient_title_large {
  color: #fff;
  background: linear-gradient(-10deg, #accf53 0%, #008435 100%);
  border-radius: 30px;
  width: fit-content;
  letter-spacing: 10px;
  padding: 10px 30px;
  margin: 3em auto .5em;
  font-weight: normal;
  font-family: BIZUDPGothic-Regular,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
  font-size: clamp(14px, 3vw, 25px);
  width: 60%;
}

body section:not(#top) .gradient_title_large2 {
  color: #fff;
  background: linear-gradient(-10deg, #accf53 0%, #008435 100%);
  border-radius: 30px;
  width: fit-content;
  letter-spacing: 10px;
  padding: 10px 30px;
  margin: 3em auto .5em;
  font-weight: normal;
  font-family: BIZUDPGothic-Regular,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
  font-size: clamp(14px, 3vw, 25px);
  background: linear-gradient(-10deg, #accf53 0%, #008435 100%);
  width: 60%;
}

body section:not(#top)#plan h2:last-of-type {
  margin: 0 auto .3em;
}

body section:not(#top)#plan img {
  display: inline-block;
  width: 100%;
  margin: 10px 10px 0;
}

body section:not(#top)#plan .ttl {
  width: 60%;
  margin: auto;
}

body section:not(#top)#plan .ttl img {
  box-shadow: initial;
  margin: 0 auto;
}

body section:not(#top)#plan .white_btn {
  border: solid 1px #e98b33;
  width: 80%;
  margin: 2em auto;
}

body section:not(#top)#plan .white_btn a {
  font-size: clamp(14px, 3vw, 25px);
  padding: 1em 0;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #e98b33;
  text-decoration: none;
  box-shadow: 1px 2px 6px 0 #cecece;
  transition: ease .3s;
  cursor: pointer;
}

body section:not(#top)#plan .white_btn a:hover {
  transition: ease .3s;
  opacity: .7;
  box-shadow: none;
}

body section:not(#top)#plan .white_btn a span {
  display: block;
  letter-spacing: 2px;
}

body section:not(#top)#plan .white_btn a img {
  display: block;
  width: .8em;
  box-shadow: initial;
  margin: 0 0 0 .5em;
}

body .gradient_box {
  background: linear-gradient(-10deg, #aacf53 0%, #008435 100%);
  display: grid;
  place-content: center;
  padding: 0 10px;
  width: 70% !important;
  height: 6vw;
  min-height: 5em;
  max-width: 700px;
}

body .gradient_box h2 {
  font-family: BIZUDPGothic-Regular,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
  letter-spacing: 5px;
  position: static;
  line-height: 1.5;
  font-weight: bold;
  color: #fff;
  font-size: clamp(17px, 4vw, 30px) !important;
}

body .gradient_box2 {
  background: linear-gradient(-10deg, #accf53 0%, #008435 100%);
  display: grid;
  place-content: center;
  padding: 0 10px;
  width: 100% !important;
  height: 10vw;
  min-height: 8em;
  margin-top: 6em !important;
}

body .gradient_box2 h2 {
  font-family: BIZUDPGothic-Regular,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
  letter-spacing: 5px;
  position: static;
  line-height: 1.5;
  font-weight: bold;
  color: #fff;
}
main{
  padding-top: 2em;
}
.act_desc{
  margin:0 20px 10px 20px;
  font-size: clamp(13px, 2vw, 20px);
  font-weight: normal;
}
body #link2,body #link3,#recommend_plan{
  /* background-color: #fff9ee!important; */
  line-height: 1.5;
}
.fukidasi{
  position: relative;
}
.fukidasi::after{
  content: "";
  display: block;
  width: 222px;
  height: 222px;
  background-image: url("../img/fukidasi.svg");
  background-repeat: no-repeat;
  position: absolute;
  top: -250%;
  left: 70%;
  right: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(5deg);
}
body #link .inner,body #link2 .inner{
  margin-top: 2em !important;
}
#link3{
  background-image: url(../img/niji.svg);
  background-position:center;
  background-repeat: no-repeat;
  background-size:contain;
  padding:6em 10px 0!important;
  line-height: 1.8!important;
}
body #link3 .inner  {
  margin-top: 0em !important;
}
body #link .color_btn,body #link2 .color_btn,body #link3 .color_btn, #recommend_plan .color_btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-align: center;
}

body #link .color_btn a,body #link2 .color_btn a,body #link3 .color_btn a, #recommend_plan .color_btn a {
  font-size: clamp(13px, 2vw, 22px);
  padding: .6em 0 .4em;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #fff;
  width: 60%;
  border-radius: 50px;
  box-shadow: 1px 2px 6px 0 #cecece;
  transition: ease .3s;
  cursor: pointer;
}

body #link .color_btn a:hover,body #link2 .color_btn a:hover,body #link3 .color_btn a:hover, #recommend_plan .color_btn a:hover{
  transition: ease .3s;
  opacity: .7;
  box-shadow: none;
}

body #link .color_btn a span,body #link2 .color_btn a span,body #link3 .color_btn a span, #recommend_plan .color_btn a span {
  display: block;
  letter-spacing: 2px;
}

body #link .color_btn a span.long,body #link2 .color_btn a span.long,body #link3 .color_btn a span.long, #recommend_plan .color_btn a.long  {
  font-size: clamp(11px, 2vw, 20px);
}

body #link .color_btn a img,body #link2 .color_btn a img,body #link3 .color_btn a img, #recommend_plan .color_btn a img {
  display: block;
  width: .8em;
  box-shadow: initial;
  margin: 0 0 0 .5em;
  width: .8em !important;
}

body #link .color_btn a:nth-child(1),body #link2 .color_btn a:nth-child(1),body #link3 .color_btn a:nth-child(1) {
  /* background-color: #accf53; */
  background: #008435;
  margin-bottom: 1em;
}

body #link .color_btn a:nth-child(2),body #link2 .color_btn a:nth-child(2),body #link3 .color_btn a:nth-child(2) {
  background-color: #008435;
}

body #link .color_btn.plan a,body #link2 .color_btn.plan a,body #link3 .color_btn.plan a, #recommend_plan .color_btn.plan a {
  background: #f7810e;
}

body #link .color_btn.event_cl a,body #link2 .color_btn.event_cl a,body #link3 .color_btn.event_cl a, #recommend_plan .color_btn.event_cl a{
  background-color: #F7810E;
  /* 
  color: #333!important;
  background: linear-gradient(
    135deg,
    #ff6666,
    #ffb366,
    #ffff66,
    #66ff66,
    #66b2ff
  ); */
  margin-bottom: 2em;
  font-size: clamp(15px, 3vw, 24px);
  padding: .8em 0 .6em;
}
body #recommend_plan .color_btn.color2 a{
  background-color: #ff3c00;
}

body #mt_naeba {
  background-color: #fff !important;
}

body #mt_naeba .inner {
  margin: 2em auto !important;
}

body #mt_naeba .inner p {
  margin: auto;
  width: 40%;
  max-width: 350px;
  min-width: 200px;
}

body #sns {
  background-color: #fff !important;
}
body .center{
  text-align: center;
}

body #sns ul.flx {
  justify-content: center !important;
}

body #sns ul.flx li {
  margin: 0 1em;
  width: 10% !important;
  flex-grow: initial !important;
  display: grid;
  place-content: center;
}

body #sns ul.flx li a {
  display: block;
  width: 4em;
  height: 4em;
  /* background: linear-gradient(160deg, #accf53 0%, #008435 100%); */
  padding: 1em;
  border-radius: 100%;
  transition: ease .3s;
  cursor: pointer;
  box-shadow: 1px 2px 6px 0 #cecece;
}
body #sns ul.flx li:nth-child(1)  a{
  background: #000;
}
body #sns ul.flx li:nth-child(2) a {
  background: linear-gradient(180deg, #FB02AC 0%, #FFC001 100%);
}
body #sns ul.flx li:nth-child(3) a {
  background: #0866FF;
}


body #sns ul.flx li a:hover {
  transition: ease .3s;
  opacity: .7;
  box-shadow: none;
}

body #sns ul.flx li a img {
  object-fit: contain;
}

body footer {
  background: linear-gradient(-10deg, #accf53 0%, #008435 100%);
  color: #fff;
  text-align: center;
  padding: 3em 10px 2em;
}

body footer span {
  font-family: LINESeedJP_OTF_Rg,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
  font-weight: normal;
  font-size: clamp(10px, 1vw, 13px);
  display: inline-block;
  line-height: 1.4;
}

body footer .flx {
  display: flex;
  justify-content: center;
  margin-top: 2em;
}

body footer .flx li {
  color: #fff;
}

body footer .flx a {
  text-decoration: none;
  color: #fff;
  transition: ease .3s;
  cursor: pointer;
  margin: 2em;
}

body footer .flx a:hover {
  transition: ease .3s;
  opacity: .7;
  box-shadow: none;
}

body footer .copy {
  margin-top: 3em;
}

body .pc {
  display: inline-block;
}

body .sp {
  display: none;
}

/* slide */
.splide__slide{
min-height: 200px !important;
}
.splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* .splide1 .splide__slide img{
  height: auto;
} */

/* .splide__arrow {
  top: 42% !important;
} */

.splide__track {
  height: 100%;
}

.thumbnails {
  display: flex;
  margin: 1rem auto 0;
  padding: 0;
  justify-content: center;
}

.thumbnail {
  width: 70px;
  height: 70px;
  overflow: hidden;
  list-style: none;
  margin: 0 0.2rem;
  cursor: pointer;
}

.thumbnail img {
  width: 100%;
  height: auto;
  filter: brightness(0.5);
  transition: ease .3s;
}

.thumbnail.is-active img {
  filter: brightness(1);
  transition: ease .3s;
}

.splide__arrow--next {
  right: 0.5em !important;
}

.splide__arrow svg {
  fill: #582800;
}

.splide__arrow {
  background: #fff9ee;
}
#area_act_act{
    position: relative;
}
#area_act_act .btm {
  margin: 3em 10px 2em;
}

.kome {
  font-size: clamp(10px, 2vw, 13px);
  text-align: center;
}

/*241121 追加*/
.lyt_shdg_year{
	position: relative;
}
.lyt_shdg_year span{
	position: relative;
	max-width: 16.2em;
	display: block;
	padding: .2em 1.4em;
	margin: 0 auto 1.2em;
	text-align: center;	
	z-index: 5;
}
#area_act_act .lyt_shdg_year span{
	background-color: #fff9ee;		
}
#guide .lyt_shdg_year span{
	background-color: #fff;		
}
.lyt_shdg_year::after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
    width: 100%;
    height: 2px;
	z-index: 1;
	background: linear-gradient(-10deg, #accf53 0%, #008435 100%);;
}


#link3 h2,#price h2, #recommend_plan h2{
  color: #582800;
  margin-bottom: .5em;
  font-size: clamp(20px, 3vw, 40px);
}
body #link,body #link2,#recommend_plan{
  padding: 3em 10px 3em!important;
}

body li.pass,body li.pass_fix,body li.pass_fix2,body li.both,body li.street,
body li.act_ba,body li.street_ed{
  position:relative;
}

body li.act_a::before{
  content: "";
  background: url("../img/act_a.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 30%;
  aspect-ratio: 1 / 1;
  position: absolute;
  z-index: 1;
  left: 10px;
  top: 10px;
}
body li.act_b::before{
  content: "";
  background: url("../img/act_b.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 30%;
  aspect-ratio: 1 / 1;
  position: absolute;
  z-index: 1;
  left: 10px;
  top: 10px;
}
body li.act_ba::before{
  content: "";
  background: url("../img/act_ba.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 60%;
  aspect-ratio: 1 / 1;
  position: absolute;
  z-index: 1;
  left: 10px;
  top: 10px;
}
body li.pass_fix::before{
  content: "";
  background: url("../img/act_a.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 30%;
  aspect-ratio: 1 / 1;
  position: absolute;
  z-index: 1;
  left: 10px;
  top: 10px;
}
body li.pass_fix2::before{
  content: "";
  background: url("../img/hall_c.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 30%;
  aspect-ratio: 1 / 1;
  position: absolute;
  z-index: 1;
  left: 10px;
  top: 10px;
}
body li.street_a::before{
  content: "";
  background: url("../img/street_a.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 30%;
  aspect-ratio: 1 / 1;
  position: absolute;
  z-index: 1;
  left: 10px;
  top: 10px;
}
body li.street_b::before{
  content: "";
  background: url("../img/street_b.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 30%;
  aspect-ratio: 1 / 1;
  position: absolute;
  z-index: 1;
  left: 10px;
  top: 10px;
  /* filter: drop-shadow(0px 2px 3px #582800); */
}
body li.street_ed::before{
  content: "";
  background: url("../img/street_ed.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 60%;
  aspect-ratio: 1 / 1;
  position: absolute;
  z-index: 1;
  left: 10px;
  top: 10px;
}
body li figure::before{
  content: "";
  background: url("../img/summer.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 30%;
  aspect-ratio: 1 / 1;
  position: absolute;
  z-index: 1;
  right: -9px;
  top: -9px;
  /* filter: drop-shadow(0px 2px 3px #582800); */
}
/* body li{
  position:relative;
} */
body li figure.season{
  position: relative;
}

/* .splide2,.splide3{
  min-height: 200px;
} */
.splide .splide__track::after{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 30%);
  inset: 0px;
}
#recommend_plan{
  margin: 0;
  background: url("../img/bg2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 5em 10px!important;
}
#recommend_plan .splide .splide__track::after{
  background: none;
}
#recommend_plan .plan{
  max-width: 600px;
  margin: auto;
}
#recommend_plan h2.color_title,#recommend_plan p,#recommend_plan .act_desc{
  text-align: center;
}
#recommend_plan h2.color_title{
  justify-content: center;
  line-height: 1.6;
}
#recommend_plan h2.color_title p{
  font-weight: bold;
}
body #link .color_btn.plan a,#recommend_plan .color_btn.plan a{
  width: 100%;
}
.large.center{
    font-size: clamp(15px, 3vw, 20px);
}

.splide .splide__arrow{
  width: 1em;
  height: 1em;
}
.splide__arrow--prev {
  left: .5em;
}
.splide .splide__arrow svg{
  height: .6em!important;
  width: .6em!important;
}
#activities1_list li.slide_img div,
#activities2_list li.slide_img div,
#activities3_list li.slide_img div,
#activities4_list li.slide_img div,
#activities5_list li.slide_img div,
#activities6_list li.slide_img div{
  position: static!important;
  min-height: initial!important;
}
li.slide_img div:after{
  display: none!important;
}
.splide__arrow {
  top: 50% !important;
}
li.slide_img p.ttl{
  position: absolute;
  bottom: 1em;
  left: 1em;
  line-height: 1;
  z-index: 2;
  font-family: Murecho-VariableFont_wght, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-weight: 500;
}
/* .ticket_desc{
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin: 2em 0;
}
.ticket_desc li{
  display: flex;
  align-items: center;
  margin: 10px 0;
}
.ticket_desc li .ticket{
  width: 100px;
  margin-right: 5px;
}
.ticket_desc li span{
  display: block;
  color: #000;
    font-size: clamp(14px, 2vw, 22px);
} */
/* .ticket_desc{
  display: flex;
  justify-content: space-around;
} */
/* body li .summer_label{
  display: block;
  position: absolute;
  top: -8px!important;
  right: 0!important;
  display: block;
  width: 30%;
  z-index: 10!important;
  height:fit-content;
}

body li .summer_label img{
  object-fit: contain;
} */
/* body li.summer img::before{
  content: "";
  background: url("../img/summer.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 30%;
  aspect-ratio: 1 / 1;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
} */
.hr{
    margin: 0em 0 6em;
}
.price_img2{
  width: 100%;
  margin: auto;
  max-width: 400px;
}
.splide__arrows{
  position: static!important;
  min-height: initial!important;
}
@media screen and (max-width: 1000px) {
  /* .mv {
    padding: 3.5em 0 0.5em !important;
  } */
  .mv_wrap{
    padding: 10% 10% 8%;
  }
}

@media screen and (max-width: 960px) {
  #activities_list li, #activities2_list li, #activities3_list li, #activities4_list li, #activities5_list li, #activities6_list li {
    width: 30% !important;
  }
  .copy {
    margin-top: 4em !important;
  }
}

@media screen and (max-width: 750px) {
  .sp {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
  .mv {
    width: 90% !important;
  }
  .logo_wrap .logo {
    padding: 10px 0 0 10px !important;
  }
  section:not(#top,#area_pass_act) {
    padding: 2em 10px 0!important;
  }
  body #link, body #link2{
    padding:0!important;
  }
  .desc {
    margin: 1em auto !important;
  }
  .flx.whats_areapass {
    flex-direction: column;
    align-items: center !important;
  }
  .flx.whats_areapass li:not(.white_border) {
    width: 95% !important;
    margin-bottom: 0 !important;
  }
  .white_border {
    margin-top: 0 !important;
    width: 57% !important;
    height: 33vw !important;
  }
  .boxes {
    margin-top: 1em !important;
  }
  .boxes .box .detail {
    line-height: 1.4;
    padding: 1em 0 .8em !important;
  }
  .boxes .box .bg_color {
    padding: 0.5em 10px !important;
  }
  #activities_list, #activities2_list, #activities3_list, #activities4_list, #activities5_list, #activities6_list {
    margin-top: 1em !important;
  }
  #activities_list li, #activities2_list li, #activities3_list li, #activities4_list li, #activities5_list li, #activities6_list li {
    width: 46.3% !important;
  }
  .gradient_title {
    border-radius: 50px !important;
    letter-spacing: 3px !important;
  }
  #plan .white_btn a {
    padding: 0.6em 0 0.5em !important;
  }
  #plan .white_btn a img {
    width: 0.8em !important;
  }
  #link .color_btn a, #link2 .color_btn a, #link3 .color_btn a,#recommend_plan .color_btn a,#recommend_plan .color_btn a{
    width: 90% !important;
    line-height: 1.3 !important;
    padding: 1.2em 0 1em !important;
  }
  #sns ul.flx li {
    margin: 0 2em !important;
  }
  table {
    width: 97% !important;
  }
  table.orange td {
    line-height: 1.3;
    text-align: center !important;
    width: initial !important;
  }
  .flx.whats_areapass h2 {
    margin-top: .5em;
    line-height: 1;
  }
  .flx.whats_areapass h2 .orange {
    font-size: clamp(16px, 3vw, 22px) !important;
  }
  #guide .white_border2 {
    height: 39vw !important;
    width: 70% !important;
  }
  .fukidasi::after{
      width: 170px;
      height: 170px;
  }
  #area_pass_act{
      padding: 2em 0 0!important;
  }
    #area_pass_act .inner{
      padding: 0 10px;
    }
    .kusa{
      background-size: 150%!important;
      background-position: 40% bottom!important;
    }
}

@media screen and (max-width: 640px) {
    .fukidasi::after{
      width: 139px;
      height: 139px;
  }
  body li .summer_label{
    top: -6px!important;
  }
  table {
    width: 96% !important;
  }
  table .month {
    width: 14% !important;
  }
  .ttl {
    width: 70% !important;
  }
  table.green .place {
    font-size: clamp(9px, 2vw, 18px) !important;
    text-align: center;
  }
  section:not(#top) #price{
    padding: 0!important;
  }
  /* .splide1 img,#price .price_img{
    padding:0!important;
  } */
  /* .splide__arrow--next {
    right: -1.5em!important;
  }
  .splide__arrow--prev {
    left: -1.5em!important;
  } */
  body li figure::before{
    right: -6px!important;
    top: -6px!important;
  }
  body li.pass::before {
    left: 5px !important;
    top: 5px !important;
  }
  .ticket_desc .ticket{
    width: 82px;
  }

  .price_img{
    overflow-x: scroll;
  }
  .price_img p{
    width: 640px;
  }

}

@media screen and (max-width: 560px) {
    .fukidasi::after{
      width: 90px;
      height: 90px;
      top: -284%;
      left: 74%;
  }
  body li .summer_label{
    top: -4px!important;
  }
  /* #activities_list li, #activities2_list li, #activities3_list li, #activities4_list li { */
ul[id] li {
    width: 47% !important;
    margin: 5px !important;
    width: 46% !important;
  }
  /* #activities_list li p:not(.title_p), #activities2_list li p:not(.title_p), #activities3_list li p:not(.title_p), #activities4_list li p:not(.title_p) { */
  ul[id] li p:not(.title_p){
    /* bottom: 0.8em !important; */
    left: 0.8em !important;
  }
  /* #activities_list li div, #activities2_list li div, #activities3_list li div, #activities4_list li div { */
  /* ul[id] li div {
    min-height: 200px !important;
  } */
  /* #activities_list li div img, #activities2_list li div img, #activities3_list li div img, #activities4_list li div img { */
  ul[id] li div img {
    min-height: 200px !important;
  }
.splide img{
  padding: initial!important;
  min-height: 200px !important;
}
  .bg_color {
    line-height: 1.5;
  }
  .detail {
    font-size: clamp(12px, 3vw, 18px);
  }
  table td:not(.month), table td:not(.price) {
    font-size: clamp(11px, 3vw, 18px) !important;
  }
  table time {
    width: 25% !important;
  }
  table .maisu {
    width: 20% !important;
    line-height: 1.4;
  }
  table .orange .maisu .red {
    font-size: clamp(11px, 3vw, 18px) !important;
  }
  .gradient_title_large, .gradient_title_large2 {
    width: 90% !important;
  }
  .gradient_box {
    margin: 5px !important;
  }
}

@media screen and (max-width: 400px) {
  .gradient_title {
    width: fit-content !important;
  }
  table {
    width: 94% !important;
  }
}

#price{
  padding: 0!important;
  margin: 1em auto 3em;
  /* background-color: #fff9ee!important; */
}

/* #price .price_img{
    padding: 0 55px;
} */
/* .splide1 img {
  padding: 0 55px;
  box-sizing: border-box;
} */
.splide{
  cursor: pointer;
}
svg {
  overflow: visible;
}

.season_intro{
  margin-top: 10px;
  margin-left:15px;
}
/* .season_intro p.label{
    width: 40%;
} */
.season_intro img{
  max-width: 140px;

}
.kusa{
  background-image: url("../img/tree.svg");
  background-repeat: repeat-x;
  background-size: contain;
  background-position: bottom;
  width: 100%;
  height: 100px;
}
.btm .inner{
  width: 100%;
  max-width: 600px;
  margin: auto;
}
.btm{
  background: #fff;
}
.box{
  border: solid 1px;
  padding: 20px;
  width: fit-content;
  margin:auto;
}
.box_ttl{
  transform: translateY(45%);   
  text-shadow: 2px 2px 0 #D5F6A7, -2px 2px 0 #D5F6A7, -2px -2px 0 #D5F6A7, 2px -2px 0 #D5F6A7;
}