@charset "UTF-8";
img{
border:none;
max-width: 100%;
height: auto;
width:auto;
margin:0;
padding:0;
vertical-align:bottom;
}
html {
height:100%;
width: 100%;
overflow-y:scroll;
}
body {
margin:0;
padding:0;
height:auto !important;
height: 100%;
min-height: 100%;
width: 100%;
-webkit-text-size-adjust: 100%;
overflow:hidden;
background:#E6F2FC;
}
body,td,th {
font-family: "游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 100%;
color:#251E1C;
}
@media all and (-ms-high-contrast:none) {
body,td,th {
font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
color:#251E1C;
}
}

/*ローディング ロード load
-------------------------------------------------*/

#load {
position: fixed;
width: 100%;
height: 100dvh;
height: 100%;
z-index: 999999;
background:#E6F2FC;
}
#load:before {
content:"";
position: fixed;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
width: 100%;
z-index: 999999;
background:url("../images/loading_back_summer2025.webp") no-repeat;
background-position: center center;
background-size:100% auto;
}

#loadlogo {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width:166px;
height:200px;
display:block;
z-index: 9999999;
animation: step 1.2s ease-in-out infinite;
}

#loadlogo img {
width:100%;
verical-align:top;
}

@keyframes step {
0% {
transform: translate(0, 0);
}
25% {
transform: translate(-6px, -12px) rotate(-2deg);
}
50% {
transform: translate(0, 0);
}
75% {
transform: translate(6px, -12px) rotate(2deg);
}
100% {
transform: translate(0, 0);
}
}




/*ローディングここまで
-------------------------------------------------*/

div {
margin:0;
padding:0;
}
.slow * {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
*{
margin: 0;
padding: 0;
}
img {
border:none;
outline: none;
max-width: 100%;
height: auto;
margin:0;
padding:0;
}
a img {
border:none;
}
a:link,a:visited,a:hover,a:active  { 
text-decoration:none;
}
section {
position:relative;
z-index:1;
}

#container {
position:relative;
width: 100%;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0;
padding:0;
overflow:hidden;
font-family: "Zen Maru Gothic", serif;
font-weight: 400;
font-style: normal;
line-height:1.6;
z-index:0;
}










.photospot_back {
background:#E6F2FC;
z-index:2;
}

.food_back {
background:#ffe7a0;
z-index:2;
}

.event_back {
background:#d1e6b7;
z-index:2;
}


.workshop_back {
background:#fbdbdb;
z-index:2;
}

.season_back {
background:#fffcd1;
z-index:2;
}

.dinosaur_back {
background:#00a350;
color:#ffffff;
z-index:2;
}

.ehon_back {
background:#ebeb70;
z-index:2;
color:#00a350;
}

.tentai_back {
background:#8f6ca7;
z-index:2;
color:#ffffff;
}






.footer {
position:relative;
z-index:10;
width:100%;
background:#FFF;
overflow:hidden;
vertical-align:bottom;
font-family: "Zen Maru Gothic", serif;
font-weight: 400;
font-style: normal;
}

#ticket_link {
display:block;
width:60%;
max-width:300px;
z-index: 9999;
position: fixed;
bottom:0;
left:0;
margin:0px;
padding:0;
}

#ticket_link img {
margin-bottom:-5px;
}

#ticket_link img:hover {
margin:0px;
}


.dantai_link {
position:relative;
display:block;
width:100%;
max-width:440px;
margin:0 auto;
}
.logo {
width:100%;
max-width:440px;
margin:0 auto;
}
.logo img {
width:100%;
vertical-align: top;
}

.hoverbig {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.hoverbig a {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.hoverbig a:hover {
transform: scale(1.03, 1.03);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.hoverbig img:hover {
transform: scale(1.03, 1.03);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.underline  {
text-decoration: underline;
text-underline-offset:0.3em;
}

.drop {
filter:drop-shadow(0px 0px 3px rgba(0, 0, 0, 1));
}


.menucolor1 {
background:#1b9984;
}
.menucolor2 {
background:#6eb92c;
}

.pinkfont {
margin-left:-0.5em;
color:#e50056;
}
.yellowfont {
color:#f8e44c;
}

.yakuspace {
margin-left:0.3em;
}

/*PC & Tablet--------------------------------*/
@media print, screen and (min-width: 961px) {
.pc {
display:block;
}
.sp {
display:none;
}

.wrapper {
position:relative;
width: 100%;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0;
padding:0;
overflow:hidden;
z-index:1;
}

.cloud_back{
position:relative;
width:100%;
height:auto !important;
height: 100%;
min-height: 100%;
z-index:3;
overflow:hidden;
background:url("../images/summer2025_cloud.png")repeat-y;
background-size: 100% auto;
}

.titletop {
z-index:9999;
position:relative;
padding:0;
width:100%;
margin:0 auto;
display:block;
}
.title {
position:relative;
padding:0;
width:100%;
margin:0;
display:block;
z-index:1;
overflow:hidden;
}


.titleback {
position:relative;
width:100%;
display:block;
vertical-align:bottom;
padding:0;
margin:0 auto;
}
.titleback img {
width:100%;
display:block;
vertical-align:bottom;
margin:0 auto;
padding:0;
}


.titleparts p{
position:absolute;
width:100%;
bottom:0;
margin:0 auto;
padding:0;
display:block;
}
.titleparts p img{
width:100%;
margin:0 auto;
padding:0;
display:block;
vertical-align:middle;
}

.menu-wrap {
position:fixed;
top:0;
left:0;
width:100%;
z-index:99999;
display:block;
background:#6eb92c;
}

.menu-wrap:before {
content:"";
position:absolute;
width:50%;
right:0;
background:#1b9984;
height:50px;
}

.menu {
position:relative;
width:100%;
max-width:1100px;
display: flex;
flex-wrap:wrap;
justify-content:center;
z-index:99999;
margin:0 auto;
}

.menu li {
position:relative;
z-index:99999;
width:16.666%;
height:50px;
display:block;
list-style: none;
}

.menu li a{
width:100%;
height:50px;
display:flex;
align-items: center;
justify-content: center;
color:#ffffff;
text-align:center;
line-height:1.2;
padding:0;
font-size:min(1.3vw,16px);
font-weight:500;
}
.menu li a:hover {
background:#eb5e00;
}







.titleback {
position:relative;
z-index:2;
width:100%;
display:block;
vertical-align:bottom;
padding:0;
margin:0 auto;
}
.titleback img {
width:100%;
display:block;
vertical-align:bottom;
margin:0 auto;
padding:0;
}


.titleparts p{
position:absolute;
width:100%;
bottom:0;
margin:0 auto;
padding:0;
display:block;
}
.titleparts p img{
width:100%;
margin:0 auto;
padding:0;
display:block;
vertical-align:middle;
}



.side {
position:fixed;
width:100%;
height:100vh;
display:block;
z-index:999;
pointer-events: none;
}


.left {
position:absolute;
bottom:0;
left:0;
overflow:hidden;
height: calc(100vh - 50px);
display:block;
z-index:999;
margin:0;
padding:0;
}

.left img {
height:100%;
}


.right {
position:absolute;
bottom:0;
right:0;
height: calc(100vh - 50px);
display:block;
z-index:999;
margin:0;
padding:0;
}

.right img {
height:100%;
}


.main {
position:relative;
width:100%;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0 auto;
padding:0;
z-index: 99999;
font-family: "Zen Maru Gothic", serif;
}

h1 {
position:relative;
width:100%;
text-align:center;
margin:0 auto;
z-index:4;
}
h1 img {
width:100%;
vertical-align: bottom;
}



h2 {
width:40%;
max-width:540px;
margin:0 auto 10px auto;
display:block;
text-align:center;
vertical-align: bottom;
font-size:min(4vw,35px);
line-height:1.2;
}
h2 img {
width:90%;
margin:0 auto;
dispay:block;
}

.copy {
text-align:center;
font-size:min(1.7vw,16px);
font-weight:500;
}

h3 {
}

.wave {
width:100%;
}
.wave p {
width:100%;
}
.wave p img{
width:100%;
vertical-align:bottom;
}




.photospot_flex {
position:relative;
width:90%;
max-width:1200px;
margin:0 auto 4% auto;
display:flex;
justify-content:center;
flex-wrap: wrap;
align-items: center;
}


.photospot_col {
position:relative;
width:33.333%;
display:block;
z-index:3;
}

.photospot_img {
width:60%;
max-width:1200px;
margin:0 auto 2% auto;
}

.photospot_img p {
width:100%;
}

.photospot_etc {
width:40%;
max-width:540px;
margin:0 auto 2% auto;
}

.photospot_etc p {
width:100%;
}



.photospot_copy_night {
text-align:center;
font-size:min(1.7vw,18px);
color:#ffffff;
filter:drop-shadow(0px 0px 3px rgba(0, 0, 0, 1));
}

.photospot_col_text {
text-align:center;
font-size:min(2.5vw,16px);
}

.photospot_col_text_night {
text-align:center;
font-size:min(2.5vw,16px);
color:#ffffff;
filter:drop-shadow(0px 0px 3px rgba(0, 0, 0, 1));
}



.phototate {
width:25%;
margin-left:2%;
margin-right:2%;
display:block;
}


.food_flex {
position:relative;
width:60%;
max-width:960px;
margin:3% auto 0 auto;
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}

.food_col {
position:relative;
width:45%;
margin:0 0 10% 0;
display:block;
}

.food_photo {
width:100%;
}

.food_name {
font-size:min(4vw,16px);
font-weight:700;
margin:15px 0 7px 0;
}

.food_text {
font-size:min(2vw,15px);
font-weight:400;
}



.workshop_flex {
position:relative;
width:60%;
max-width:960px;
margin:3% auto 0 auto;
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}



.workshop_col {
position:relative;
width:45%;
margin:0 0 12% 0;
display:block;
}




.workshop_name_box {
position:relative;
width:100%;
}

.free {
background:#00a350;
padding:3px 10px;
color:#ffffff;
border-radius:9999px;
font-weight:500;
margin-left:7px;
font-size:min(2.1vw,14px);
line-height:1;
}


.tentai_fukidashi {
width:50%;
  position: relative;
  display:block;
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 15px;
  padding: 8px 16px 11px 16px;
  border-radius: 99px;
  background-color: #d2b400;
  text-align: center;
font-size:min(2.1vw,16px);
  font-weight:500;
  line-height: 1;
  color: #ffffff;
}

.tentai_fukidashi::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  border-color: #d2b400 transparent transparent;
  translate: -50% 100%;

}

.yoyaku {
background:#d2b400;
padding:3px 10px;
color:#ffffff;
border-radius:9999px;
font-weight:500;
margin-left:7px;
font-size:min(2.1vw,14px);
line-height:1;
}

.workshop_photo {
width:100%;
max-width:540px;
margin:0 auto;
}

.workshop_name {
font-size:min(2.0vw,23px);
font-weight:700;
margin:10px 0 0 0;
text-align:center;
line-height:1.5;
}
.workshop_day {
font-size:min(1.3vw,16px);
font-weight:700;
margin:0;
text-align:center;
line-height:1;
}
.workshop_text {
width:100%;
margin:0 auto;
font-size:min(4.5vw,15px);
font-weight:400;
}
.workshop_chuki {
width:60%;
max-width:960px;
margin:0 auto;
font-size:min(4.0vw,13px);
font-weight:300;
}
.workshop_border {
width:60%;
max-width:960px;
border-top:1px solid #000000;
margin:0 auto 30px auto;
}
.workshop_link {
width:100%;
max-width:400px;
margin:0 auto;
display:block;
}



.season_title {
width:40%;
max-width:300px;
margin:30px auto 10px auto;
}

.season_photo {
width:60%;
max-width:960px;
margin:0 auto;
}

.season_name {
font-size:min(4.0vw,23px);
font-weight:700;
margin:15px 0 0 0;
text-align:center;
line-height:1.5;
}

.season_text {
width:60%;
max-width:480px;
margin:5px auto 50px auto;
font-size:min(4vw,15px);
font-weight:400;
}

.season_more {
text-align:center;
font-size:min(4vw,22px);
font-weight:700;
}


.dinosaur_day {
font-size:min(4.0vw,16px);
font-weight:700;
margin:0;
text-align:center;
line-height:1;
}

.dinosaur_link a {
width:40%;
max-width:400px;
border-radius:9999px;
margin:0 auto;
display:block;
background:#fff000;
font-size:min(4.5vw,20px);
line-height:1.5;
text-align:center;
color:#00a350;
font-weight:700;
padding:15px 0;
}

.ehon_link a {
width:40%;
max-width:400px;
border-radius:9999px;
margin:0 auto;
display:block;
background:#00a350;
font-size:min(4.5vw,20px);
line-height:1.5;
text-align:center;
color:#ffffff;
font-weight:700;
padding:15px 0;
}
.ehon_top {
position:relative;
width:30%;
max-width:200px;
display:block;
margin:0 auto 15px auto;
}


.ehon_flex {
position:relative;
width:60%;
max-width:640px;
margin:0 auto 0 auto;
display:flex;
justify-content:space-between;
flex-direction: row-reverse;
}
.ehon_col_left {
position:relative;
width:47%;
display:block;
z-index:3;
}

.ehon_col_right {
position:relative;
width:47%;
display:block;
z-index:3;
}

.ehon_text {
width:100%;
font-size:min(4vw,15px);
font-weight:500;
}
.ehon_copy {
width:100%;
margin-top:20px;
}
.ehon_copy img {
width:100%;
}

.tentai_star {
position:absolute;
top:0;
width:100%;
z-index:1;
height:auto !important;
height: 100%;
min-height: 100%;
display:block;
background:url("../images/summer2025_tentai_back.png")no-repeat;
background-position: top center;
background-size: 100% auto;
}


.tentai_flex {
position:relative;
width:60%;
max-width:960px;
margin:0 auto 0 auto;
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}

.tentai_col {
width:45%;
display:block;
}

.tentai_photo {
width:60%;
max-width:640px;
margin:0 auto;
display:block;
}
.tentai_photo img {
width:100%;
}
.tentai_sponsor {
width:60%;
max-width:500px;
margin:15px auto 0 auto;
display:block;
}

.tentai_illust {
width:60%;
max-width:960px;
margin:0 auto;
display:block;
}

.tentai_title {
width:100%;
max-width:280px;
margin:0 auto 5px auto;
}

.tentai_box {
width:60%;
max-width:540px;
margin:0 auto 0 auto;
}

.tentai_name {
font-size:min(3.0vw,23px);
font-weight:700;
margin:10px 0 0 0;
text-align:center;
line-height:1.5;
}
.tentai_day {
font-size:min(2.0vw,16px);
font-weight:700;
margin:0;
text-align:center;
line-height:1;
}
.tentai_text {
margin:0 auto;
font-size:min(4.5vw,15px);
font-weight:500;
}

.tentai_text_center {
margin:0 auto;
font-size:min(4.5vw,15px);
font-weight:500;
text-align:center;
}


.tentai_chuki {
text-align:left;
font-size:min(1.2vw,13px);
}


.tentai_img {
width:100%;
margin:0 auto;
}

.tentai_img img {
width:100%;
border:2px solid #ffffff;
box-sizing:border-box;
}

.tentai_link a {
width:40%;
max-width:400px;
border-radius:9999px;
margin:0 auto;
display:block;
background:#fff000;
font-size:min(4.5vw,20px);
line-height:1.5;
text-align:center;
color:#5a478d;
font-weight:700;
padding:15px 0;
}

.moreinfo {
width:70%;
max-width:400px;
display:block;
margin:0 auto;
filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.4));
}


.copyright {
width:80%;
max-width:400px;
margin:20px auto 20px auto;
color:#000000;
text-align:center;
font-size:min(4vw,13px);
font-weight:400;
}

.tentaiflex_col a {
color:#513622;
text-decoration: underline;
text-underline-offset:0.3em;
}
.tentai_moreinfo {
margin-bottom:15px;
}
.tentai_moreinfo a{
width:100%;
padding:7px 0;
display: block;
margin:10px 0;
background:#3da1cd;
color:#ffffff;
text-align:center;
font-weight:700;
font-size:15px;
text-decoration: none;
border-radius: 10px;
filter: drop-shadow(0px 4px 0px rgba(00,00,00,0.1));
}




#food,
#event,
#workshop
{
margin-top:-100px;
padding-top:100px;
}
#photospot,
#season,
#dinosaur
{
margin-top:-50px;
padding-top:50px;
}

#grass {
display:none;
}


#page-top a:link { 
text-decoration: none;
}
#page-top {
display:block;
width:140px;
height:150px;
z-index: 9999;
position: fixed;
right:7%;
padding:0;
margin:0;
}
#page-top a {
display:block;
vertical-align: bottom;
width:140px;
height:150px;
}
}















/*SP
------------------------------------------*/
@media only screen and (max-width: 960px) {
.pc {
display:none;
}
.sp {
display:block;
}


.menu-wrap-sp {
position:relative;
top:0;
left:0;
width:100%;
z-index:999;
display:block;
}

.menu {
position:relative;
width:100%;
display: flex;
flex-wrap:wrap;
justify-content:center;
z-index:999;
margin:0 auto;
}

.menu li {
position:relative;
z-index:99999;
width:33.333%;
height:45px;
display:block;
list-style: none;

}

.menu li a{
width:100%;
height:45px;
display:flex;
align-items: center;
justify-content: center;
color:#ffffff;
text-align:center;
line-height:1.2;
padding:0;
font-size:min(3.5vw,15px);
font-weight:500;
}
.menu li a:hover {
background:#eb5e00;
}

.menu_bottom_sp {
position:relative;
width:100%;
display:block;
pointer-events: none;
}

.menu_bottom_sp img {
position:absolute;
top:0;
left:0;
right:0;
width:100%;
display:block;
margin:0;
padding:0;
}

.wrapper {
position:relative;
width: 100%;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0;
padding:0;
overflow:hidden;
z-index:1;
}

.cloud_back{
position:relative;
width:100%;
height:auto !important;
height: 100%;
min-height: 100%;
z-index:3;
overflow:hidden;
background:url("../images/summer2025_cloud_sp.png")repeat-y;
background-size: 100% auto;
}

.titletop {
z-index:9999;
position:relative;
padding:0;
width:100%;
margin:0 auto;
display:block;
}
.title {
position:relative;
padding:0;
width:100%;
margin:0;
display:block;
z-index:1;
overflow:hidden;
}


.titleback {
position:relative;
width:100%;
display:block;
vertical-align:bottom;
padding:0;
margin:0 auto;
}
.titleback img {
width:100%;
display:block;
vertical-align:bottom;
margin:0 auto;
padding:0;
}


.titleparts p{
position:absolute;
width:100%;
bottom:0;
margin:0 auto;
padding:0;
display:block;
}
.titleparts p img{
width:100%;
margin:0 auto;
padding:0;
display:block;
vertical-align:middle;
}


.titleback {
position:relative;
z-index:2;
width:100%;
display:block;
vertical-align:bottom;
padding:0;
margin:0 auto;
}
.titleback img {
width:100%;
display:block;
vertical-align:bottom;
margin:0 auto;
padding:0;
}


.titleparts p{
position:absolute;
width:100%;
bottom:0;
margin:0 auto;
padding:0;
display:block;
}
.titleparts p img{
width:100%;
margin:0 auto;
padding:0;
display:block;
vertical-align:middle;
}




.side {
display:none;
}
.left {
display:none;
}
.right {
display:none;
}

.main {
position:relative;
width:100%;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0 auto;
padding:0;
z-index: 99999;
font-family: "Zen Maru Gothic", serif;
}

h1 {
position:relative;
width:100%;
text-align:center;
margin:0 auto;
z-index:4;
}
h1 img {
width:100%;
vertical-align: bottom;
}



h2 {
width:84%;
max-width:400px;
margin:20px auto 10px auto;
display:block;
text-align:center;
vertical-align: bottom;
font-size:min(8vw,35px);
line-height:1.2;
}
h2 img {
width:90%;
margin:0 auto;
dispay:block;
}


.copy {
text-align:center;
font-size:min(4vw,16px);
font-weight:500;
}

h3 {
}

.wave {
width:100%;
}
.wave p {
width:100%;
}
.wave p img{
width:100%;
vertical-align:bottom;
}


.photospot_flex {
position:relative;
width:90%;
max-width:1200px;
margin:0 auto 4% auto;
display:flex;
justify-content:center;
flex-wrap: wrap;
align-items: center;
}


.photospot_col {
position:relative;
width:33.333%;
display:block;
z-index:3;
}

.photospot_img {
width:84%;
max-width:400px;
margin:0 auto 2% auto;
}

.photospot_img p {
width:100%;
}


.photospot_etc {
width:80%;
max-width:400px;
margin:5% auto 6% auto;
}

.photospot_etc p {
width:100%;
}



.phototate {
width:25%;
margin-left:2%;
margin-right:2%;
display:block;
}


.food_flex {
position:relative;
width:84%;
max-width:400px;
margin:3% auto 0 auto;
display:block;
}

.food_col {
position:relative;
width:100%;
margin:0 0 10% 0;
display:block;
}

.food_photo {
width:100%;
}

.food_name {
font-size:min(9vw,16px);
font-weight:700;
margin:15px 0 7px 0;
text-align:center;
}

.food_text {
font-size:min(4vw,16px);
font-weight:400;
text-align:center;
}



.workshop_flex {
position:relative;
width:84%;
max-width:400px;
margin:3% auto 0 auto;
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}



.workshop_col {
position:relative;
width:100%;
margin:0 0 12% 0;
display:block;
}




.workshop_name_box {
position:relative;
width:100%;
}

.free {
background:#00a350;
padding:3px 10px;
color:#ffffff;
border-radius:9999px;
font-weight:500;
margin-left:7px;
font-size:min(4vw,16px);
line-height:1;
}

.tentai_fukidashi {
width:80%;
max-width:360px;
  position: relative;
  display:block;
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 15px;
  padding: 8px 16px 11px 16px;
  border-radius: 99px;
  background-color: #d2b400;
  text-align: center;
font-size:min(4vw,16px);
  font-weight:500;
  line-height: 1;
  color: #ffffff;
}

.tentai_fukidashi::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  border-color: #d2b400 transparent transparent;
  translate: -50% 100%;
}

.yoyaku {
background:#d2b400;
padding:3px 10px;
color:#ffffff;
border-radius:9999px;
font-weight:500;
margin-left:7px;
font-size:min(4vw,16px);
line-height:1;
}

.workshop_photo {
width:84%;
max-width:400px;
margin:0 auto;
}

.workshop_name {
font-size:min(5.0vw,23px);
font-weight:700;
margin:10px 0 0 0;
text-align:center;
line-height:1.5;
}
.workshop_day {
font-size:min(4.0vw,16px);
font-weight:700;
margin:0;
text-align:center;
line-height:1;
}
.workshop_text {
width:100%;
margin:0 auto;
font-size:min(4.5vw,16px);
font-weight:400;
}
.workshop_chuki {
width:84%;
max-width:400px;
margin:0 auto;
font-size:min(4.0vw,13px);
font-weight:300;
}
.workshop_border {
width:84%;
max-width:400px;
border-top:1px solid #000000;
margin:0 auto 30px auto;
}
.workshop_link {
width:100%;
max-width:400px;
margin:0 auto;
display:block;
}



.season_title {
width:50%;
max-width:300px;
margin:30px auto 10px auto;
}

.season_photo {
width:84%;
max-width:400px;
margin:0 auto;
}

.season_name {
font-size:min(6.0vw,23px);
font-weight:700;
margin:15px 0 0 0;
text-align:center;
line-height:1.5;
}

.season_text {
width:84%;
max-width:400px;
margin:5px auto 50px auto;
font-size:min(4vw,16px);
font-weight:400;
}

.season_more {
text-align:center;
font-size:min(4vw,22px);
font-weight:700;
}


.dinosaur_day {
font-size:min(4.0vw,16px);
font-weight:700;
margin:0;
text-align:center;
line-height:1;
}

.dinosaur_link a {
width:84%;
max-width:400px;
border-radius:9999px;
margin:0 auto;
display:block;
background:#fff000;
font-size:min(4.5vw,22px);
line-height:1.5;
text-align:center;
color:#00a350;
font-weight:700;
padding:15px 0;
}

.ehon_top {
position:relative;
width:40%;
max-width:200px;
display:block;
margin:0 auto 10px auto;
}

.ehon_link a {
width:84%;
max-width:400px;
border-radius:9999px;
margin:0 auto;
display:block;
background:#00a350;
font-size:min(4.5vw,22px);
line-height:1.5;
text-align:center;
color:#ffffff;
font-weight:700;
padding:15px 0;
}

.ehon_flex {
position:relative;
width:84%;
max-width:400px;
margin:0 auto 0 auto;
display:block;
}


.ehon_col_left {
position:relative;
width:80%;
display:block;
z-index:3;
margin:0 auto;
}

.ehon_col_left p img {
width:100%;
display:block;

}
.ehon_col_right {
position:relative;
width:80%;
display:block;
z-index:3;
margin:0 auto 20px auto;
}

.ehon_text {
width:100%;
font-size:min(4vw,16px);
font-weight:500;
}
.ehon_copy {
width:100%;
margin-top:20px;
}
.ehon_copy img {
width:100%;
}

.tentai_star {
position:absolute;
top:0;
width:100%;
z-index:1;
height:auto !important;
height: 100%;
min-height: 100%;
display:block;
background:url("../images/summer2025_tentai_back_sp.png")no-repeat;
background-position: top center;
background-size: 100% auto;
}


.tentai_flex {
position:relative;
width:84%;
max-width:400px;
margin:0 auto 0 auto;
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}

.tentai_col {
width:47%;
display:block;
}

.tentai_photo {
width:84%;
max-width:400px;
margin:0 auto;
display:block;
}
.tentai_photo img {
width:100%;
}
.tentai_sponsor {
width:84%;
max-width:400px;
margin:15px auto 0 auto;
display:block;
}

.tentai_illust {
width:84%;
max-width:400px;
margin:0 auto;
display:block;
}

.tentai_title {
width:100%;
max-width:280px;
margin:0 auto 5px auto;
}

.tentai_box {
width:84%;
max-width:400px;
margin:0 auto 0 auto;
}

.tentai_name {
font-size:min(6.0vw,23px);
font-weight:700;
margin:10px 0 0 0;
text-align:center;
line-height:1.2;
}
.tentai_day {
font-size:min(4.0vw,16px);
font-weight:700;
margin:0;
text-align:center;
line-height:1;
}
.tentai_text {
margin:0 auto;
font-size:min(4.5vw,16px);
font-weight:500;
}

.tentai_text_center {
margin:0 auto;
font-size:min(4.5vw,16px);
font-weight:500;
text-align:center;
}


.tentai_chuki {
text-align:left;
font-size:min(4.5vw,14px);
line-height:1.2;
}


.tentai_img {
width:100%;
margin:0 auto;
}

.tentai_img img {
width:100%;
border:2px solid #ffffff;
box-sizing:border-box;
}

.tentai_link a {
width:84%;
max-width:400px;
border-radius:9999px;
margin:0 auto;
display:block;
background:#fff000;
font-size:min(4.5vw,20px);
line-height:1.5;
text-align:center;
color:#5a478d;
font-weight:700;
padding:15px 0;
}

.moreinfo {
width:70%;
max-width:400px;
display:block;
margin:0 auto;
filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.4));
}


.copyright {
width:84%;
max-width:400px;
font-size:min(2.8vw,13px);
margin:20px auto 50px auto;
color:#000000;
text-align:center;
font-weight:400;
}

.tentaiflex_col a {
color:#513622;
text-decoration: underline;
text-underline-offset:0.3em;
}
.tentai_moreinfo {
margin-bottom:15px;
}
.tentai_moreinfo a{
width:100%;
padding:7px 0;
display: block;
margin:10px 0;
background:#3da1cd;
color:#ffffff;
text-align:center;
font-weight:700;
font-size:15px;
text-decoration: none;
border-radius: 10px;
filter: drop-shadow(0px 4px 0px rgba(00,00,00,0.1));
}




#food,
#event,
#workshop
{
margin-top:-130px;
padding-top:130px;
}
#photospot,
#season,
#dinosaur
{
margin-top:-80px;
padding-top:80px;
}



#grass {
display:block;
width:100%;
z-index: 9999;
position: fixed;
padding:0;
margin:0;
}




#page-top a:link { 
text-decoration: none;
}
#page-top {
display:block;
width:140px;
height:150px;
z-index: 9999;
position: fixed;
right:1%;
padding:0;
margin:0;
}
#page-top a {
display:block;
vertical-align: bottom;
width:140px;
height:150px;
}
}























.att {
padding-left: 1em;
text-indent: -1em;
}
.attt {
padding-left: 0.7em;
text-indent: -0.7em;
}
.atttt {
padding-left: 1.3em;
text-indent: -1.3em;
}
.indent07 {
margin-left:0.7em;
}
.indent1 {
margin-left:1em;
}
.indent13 {
margin-left:1.3em;
}
.indent {
text-indent: -0.5em;
padding-left: 0em;
}
.clear {
clear:both;
}
.clearfix:after {
visibility: hidden;
display: block;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             
{ zoom: 1; 
} 
*:first-child+html .clearfix 
{ zoom: 1; 
} 
.alpha a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
}
.space5px {
padding:5px 0 0 0;
margin:0;
display:block;
}
.space10px {
padding:10px 0 0 0;
margin:0;
display:block;
}
.space15px {
padding:15px 0 0 0;
margin:0;
display:block;
}
.space20px {
padding:20px 0 0 0;
margin:0;
display:block;
}
.space30px {
padding:30px 0 0 0;
margin:0;
display:block;
}
.space40px {
padding:40px 0 0 0;
margin:0;
display:block;
}
.space50px {
padding:50px 0 0 0;
margin:0;
display:block;
}
.space70px {
padding:70px 0 0 0;
margin:0;
display:block;
}
.space100px {
padding:100px 0 0 0;
margin:0;
display:block;
}
.font60 {
font-size:50%;
vertical-align:7px;
}
.font70 {
font-size:70%;
line-height:140%;
}
.font80 {
font-size:80%;
line-height:150%;
}
.font90 {
font-size:90%;
line-height:120%;
}
.font95{
font-size:95%;
line-height:160%;
}
.font100 {
font-size:100%;
line-height:170%;
}
.font110 {
font-size:110%;
line-height:170%;
}
.font120 {
font-size:120%;
line-height:170%;
}
.font130 {
font-size:130%;
line-height:160%;
}
.font150 {
font-size:150%;
line-height:150%;
}
.font170 {
font-size:170%;
line-height:150%;
}
.font200 {
font-size:200%;
line-height:150%;
}
.light {
font-weight:400;
}
.nomal {
font-weight:400;
}
.medium {
font-weight:500;
}
.bold {
font-weight:700;
}
.border000 {
width:100%;
border-top:1px solid #000000;
}
.animeslow {
animation-delay:0.2s;
}
.animeslow1 {
animation-delay:0.6s;
}
.animeslow2 {
animation-delay:0.8s;
}
.animeslow3 {
animation-delay:1.0s;
}
.animeslow4 {
animation-delay:1.2s;
}
.animeslow5 {
animation-delay:1.4s;
}
.animeslow6 {
animation-delay:1.6s;
}
.animeslow7 {
animation-delay:0.7s;
}
.animeslow8 {
animation-delay:0.8s;
}
.animeslow9 {
animation-delay:0.9s;
}
.animeslow10 {
animation-delay:1.0s;
}
.animeslow11 {
animation-delay:1.1s;
}
.animeslow12 {
animation-delay:1.2s;
}
.animeslow13 {
animation-delay:1.3s;
}
.animeslow14 {
animation-delay:1.4s;
}
.animeslow15 {
animation-delay:1.5s;
}
.animeslow16 {
animation-delay:1.6s;
}
.titleslow1 {
animation-delay:1.0s;
}
.titleslow2 {
animation-delay:1.2s;
}
.titleslow3 {
animation-delay:1.4s;
}
.titleslow4 {
animation-delay:1.6s;
}
.titleslow5 {
animation-delay:1.8s;
}
.titleslow6 {
animation-delay:2.0s;
}
.titleslow7 {
animation-delay:2.2s;
}
.titleslow8 {
animation-delay:2.4s;
}
.titleslow9 {
animation-delay:2.6s;
}
.iv {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
}
.hidden {
display:none;
}
.center {
text-align:center;
}
.bluefont {
color:#0068b7;
}
.borderccc {
box-sizing:border-box;
border:1px solid #cccccc;
}


/* 点滅 */
.blinking1 {
-webkit-animation:blink 1.9s ease-in-out infinite alternate;
-moz-animation:blink 1.9s ease-in-out infinite alternate;
animation:blink 1.9s ease-in-out infinite alternate;
}
.blinking2 {
-webkit-animation:blink 1.5s ease-in-out infinite alternate;
-moz-animation:blink 1.5s ease-in-out infinite alternate;
animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
0% {opacity:0.5;}
100% {opacity:1;}
}
@-moz-keyframes blink{
0% {opacity:0.5;}
100% {opacity:1;}
}
@keyframes blink{
0% {opacity:0.5;}
100% {opacity:1;}
}