@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea{
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse;
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}
.both{
	clear:both;
}
p {
    display: block;
    -webkit-margin-before:0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.inline_block {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
html{
/*font-family: 'Noto Serif JP', serif;*/
font-family: 'Noto Sans JP', sans-serif,"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
font-size:16px;
line-height:1.6;
color:#6D6D6D;
}


img{
	display:block;
	max-width:100%;
	height:auto;
}
a,
a:hover,
a:active,
a:visited,
a:link{
	text-decoration:none;
	color:inherit;
}
ol, ul{
    list-style:none;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.both{
	clear:both;
}

.inline_block {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

span{
	display:inline-block;
	font-weight: inherit;
}

p{margin-bottom:20px;
}
p:last-child{margin-bottom:0px;
}



.error404.content-area{
	float:none;
	margin:auto;
}
.error404.content-area main{
	text-align:center;
	margin-right:auto;
}

.error404 h1 {
    font-size: 70px;
}
@media screen and (max-width: 800px){
.error404 h1 span {
    display: block;
    font-size: 36px;
    margin-bottom: 20px;
}
}

.huusen1{
	position: absolute;
    width: 18vw;
	max-width: 220px;
    top: 4vw;
    left: 9vw;
	animation: cube1 2.2s ease-in-out infinite alternate, cube2 2s ease-in-out infinite alternate;
}
.huusen2{
	position: absolute;
	 width: 12vw;
	max-width: 150px;
	top: 17vw;
    right: 14vw;
	animation: cube1 3.5s ease-in-out infinite alternate, cube2 2s ease-in-out infinite alternate;
}
@media (max-width: 1000px){
	.huusen1{ top: 16.4vw;   left: 5vw;}
	.huusen2{top: 30vw;   right: 10vw;}
}
@media (max-width: 800px){
	.huusen1{ top: 36vw;  left: 2vw;  width: 19vw;}
	.huusen2{top: 30vw;   right: 6vw;width: 10vw;}
}

@keyframes cube1 {

 0% {
 padding-top:-5%;
}

 100% {
 padding-top:5%;
}

}
@keyframes cube2 {

 0% {
 transform: rotate( 0deg );
}

 100% {
 transform: rotate( -4deg );
}

}




.site-header{
	padding: 0px;
	z-index: 800;
    position: fixed;
	top: 0;
    background: #071269;
    box-sizing: border-box;
    width: 100%;
	box-sizing: border-box;

}
.header_container{
	box-sizing: border-box;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: auto;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;	
	height: 90px;
	z-index: 1000;
    background: url("../images/headbg.jpg");
	box-sizing: border-box;
	border-bottom: 3px solid #edda9f;
}
.header_container .hl{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 90px;
	width: 30%;
}
.header_container .hr{
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	height: 90px;
	width: 30%;
}
.header_container .center{
	position: absolute;
    height: 70px;
    top: 0px;
    width: 240px;
    display: block;
    right: 0;
    left: 0;
    margin: auto;
}

.headerlogo{
	width: 270px;
}
.headermain{
z-index: 1000;
}
.spnavibtn{
	align-items:center;
}
.navibtn .menubtn_open{
}
.navibtn .menubtn_close{
	display: none;
}
.navibtn.active .menubtn_open{
	display: none;
}
.navibtn.active .menubtn_close{
	display: block;
}





.spnavi{
    position: relative;
    top: 0;
    margin: auto;
	overflow:auto;
	z-index: 910;
    left: 0;
    right: 0;
    top: 0px;
	background: #000000;
	padding-top: 20px;
	padding-bottom: 40px;
}

.rainbow{
background-image: linear-gradient(90deg, rgba(255, 97, 97, 1), rgba(233, 178, 45, 1) 20%, rgba(192, 202, 75, 1) 34%, rgba(53, 179, 56, 1) 58%, rgba(86, 110, 243, 1) 79%, rgba(154, 39, 238, 1));
height: 4px;
	width: 100%;
top: 0;
position: absolute;
	border: none;
	padding: 0;
	margin: 0;
}
.rainbow.btm{
	top: auto;
	bottom: 0;
}
	.spnavi_bg{
		z-index: 900;
	}
.spnavi{
	display:none;
}
.spnavi_bg{
		display: none;
		position: fixed;
		width: 100%;
		top: 0;
		height: 100vh;
		left: 0;
		background-color: rgba(0,0,0,0.50);
		z-index: 90;
		cursor: pointer;
	}
.spnavilogo{
	max-width: 300px;
	margin: auto;
	margin-top: 30px;
	width: 50%;
	display: none;
}
.spnavi.active{
	display:flex;
}
.pagenavi{
	max-width: 800px;
    margin: auto;
    width: 90%;
	display: flex;
	flex-wrap: wrap;
	gap: 0% 4%;
	justify-content:flex-start;
}
.pagenavi li{
 width: 48%;
}


.pagenavi li a{
	font-size:20px;
	font-weight: 600;
	color: #ffffff;
	height: 70px;
	display: block;
	border-bottom: 1px solid #2750b6;
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 1.3;
}
.pagenavi li a.nomalanker{
	border-bottom: none;
}
.pagenavi li a:after{
	content: "";
	background-image: url("../images/navbtn.svg");
	display: block;
	width: 30px;
	height: 30px;
}



.site-footer{
	background: #000000;
	position: relative;
}
.site-footer .copyright{
	color:#ffffff;
	text-align: center;
	padding: 20px;
	font-size: 14px;
}
.footcontents{
	background: #FFFF00;
	padding: 20px;
} 

.popupmoviebox{
	position:fixed;
	width:90%;
	z-index:100001;
	display:none;
	left:5%;
	top:50%;
	margin-top:-25.3125%;	
}
.popupmoviebox iframe{
	width:100%;
}
.popupmoviebg{
	position:fixed;
	height:100vh;
	width:100vw;
	z-index:100000;
	display:none;
     top: 0;
    left: 0;
	background-color:rgba(0,0,0,0.70);
}
.moviethumb{
	cursor:pointer;
}

.youtubearea{
	padding:0 !important;
	width:100%;
	height:0;
	position:relative;
  padding-top: 56.25% !important;
  overflow:hidden;
  margin-bottom:20px;
}
.youtubearea iframe{
	width:100%;
	height:100%;
	position:absolute;
	top:-20%;
	right:-20%;
	left:-20%;
	bottom:-20%;
	margin:auto;
}



.head_navi a{
    font-family: 'Catamaran','Open Sans', sans-serif;
    letter-spacing: 0.15em;
	font-size:18px;
	font-weight: 700;
	display: block;
	padding: 10px 0 ;
	color: #5F5F5F;
}
.head_navi a:hover{
	color: #eb6ea5;
}
.head_navi ul{
	max-width: 1200px;
	margin: auto;
	display: flex;
	align-items:center;
	justify-content:flex-start;
    column-gap: 40px;
	flex-wrap: wrap;
}
.submenu{
	width: 50%;
    margin: auto;
}
.submenu li{
	position: relative;
	height: 50px;
	 display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #2750b6;
	align-items: center;
}
.submenu li a{
	font-size:20px;
	font-weight: 600;
}
.submenu li:after{
	content: "";
	background-image: url("../images/navbtn.svg");
	display: block;
	width: 30px;
	height: 30px;
}
.subheader{
	background: #f1f1f1;
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pankz{
	padding: 5px 20px;
	border-bottom: 1px solid #f1f1f1;
	font-size: 14px;
}
.pankz .inner{
	max-width: 1200px;
	margin: auto;
}
.pankz a{
	font-size: 14px;
	font-weight: 600;
	color:#5F5F5F ;
}
.pankz a:hover{
	color:#eb6ea5 ;
}

.pankz a:after{
	content: "";
    width: 0px;
    border-left: 6px solid #f1f1f1;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    height: 0px;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}

html{
	font-size: 10px;
	line-height: 1.5;
}
h1{
	display: block;
}
p{
	margin-bottom: 2rem;
}
body{
	background-color: #000000;
}
img{
	width: 100%;
}
section{
	max-width: 1400px;
margin: auto;
padding:0px 0px;
	color: #fff;
	font-size: 1.4rem;
	position: relative;
	z-index: 1;
    overflow: hidden;
    max-width: 100vw;
}
.datearea{
	background: #000000;
	padding: 30px;
	padding-bottom: 0;
}
.datearea .pc{
	max-width: 800px;
	display: block;
	margin: auto;
}
.datearea .sp{
	display: none;
}
.content_block > div.btnomoidearea{
	height: inherit;
	padding: 40px 30px;
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.btnomoidearea a{
	display: block;
	width: 48%;
}

@media (max-width: 800px){
	.content_block > div.btnomoidearea{display: block;}.btnomoidearea a{width: 100%;}.btnomoidearea a:first-child{margin-bottom: 30px;}
.datearea .pc{
	display: none;
}
.datearea .sp{
	width: 80%;
	display: block;
	margin: auto;
}
}
#nightzoo{
	margin-top: -12vw;
}
.toppage{
margin-top: 90px;}
section > .inner{
	padding:60px 40px;
	position: relative;
}

.header_right{
	position: absolute;
    right: 20px;
    top: 20px;
}

.navibtn{
	display: block;
	width:35px;
}
#topmainimage{
	padding: 0;
    z-index: 2;
}

.bxslider{
	display: block;
	padding: 0;
	margin: 0;
}
.bxslider li,
.bxslider a{
	display: block;
}
.bx-wrapper {
	margin: 00px;
}
.bx-wrapper .bx-pager {
    bottom: -50px;
    bottom: -95px;
	bottom: 0;
	color:#3FA9F5;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    width: 12px;
    height: 12px;
    margin: 0 10px;
	border-radius: 15px;
    background-color: #3FA9F5;
	background-color: #1b1464;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{
    background-color: #DA0007;
}

.bgfiximg{
position: fixed;
    top: 0;
	width: 100%;
	overflow: hidden;
}
.hosi1{
	position: fixed;
    top: 0;
    left: 0;
    display: block;
    z-index: 1;
	width: 100%;
	overflow: hidden;
	animation:hosi 2s linear infinite alternate;
}
.hosi2{
	position: fixed;
    top: 0;
    left: 0;
    display: block;
    z-index: 1;
	width: 100%;
	overflow: hidden;
	animation:hosi 3s linear infinite alternate;
}
@keyframes hosi{
    0% {
		 opacity: 0.7;
		 top: 0;
		 left: 0;
	}
    100% {
     opacity: 0.2;
		  top: 20px;
		 left: 10px;
		
		 }}
#introduction{
	padding-top: 0;
	position: relative;
}
#introduction-sub{
	background: #000000;
    position: relative;
    padding: 0px;
    padding-bottom: 15vw;
}
#introduction .mori{
	position: absolute;
	bottom: 0;
}

#introduction .inner{
	  padding-top: 6vw;
    z-index: 3;
    position: relative;
    padding-bottom: 27vw;
    padding-left: 5vw;
    padding-right: 5vw;
}
#introduction h2,
#introduction h3{
	
	margin: auto;
	margin-bottom: 6vw;
    padding-left: 7vw;
    padding-right: 7vw;
    max-width: 530px;
}
.minimenu {
	width: 84%;
	margin: auto;
	display: flex;
	gap:4%;
	margin-top: 4vw;
	justify-content: center;
}
.minimenu li{
	width: 45%;
}
@media (max-width: 800px){

}
.topsita{
padding: 20px;
	background: #000000;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
    justify-content: space-evenly;
}
.topsita> div{
width: 31%;
	max-width: 700px;
    display: flex
;
    flex-direction: column;
    align-items: center;
}
.topsita_title{
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    border-bottom: solid 2px;
	width: 100%;
	display: block;
}
.uten .topsita_title{
	color: #ff2f9d;
	border-color:#ff2f9d ;
}
.news .topsita_title{
	color: #0af206;
	border-color:#0af206 ;
}
.uten{
	font-size:20px;
	font-weight: 700;
	text-align: center;
}
.uten a{
	background: #ff2f9d;
	padding: 5px 20px;
	font-size:16px;
	font-weight: 700;
	color:#ffffff;
	border-radius: 10px;
	display: block;
	margin: auto;
}
.uten.parking .topsita_title{
	color: #00b0f6;
	border-color:#00b0f6;
}
.uten.parking a{
	background: #00b0f6;
}
.news{
    align-items: stretch;
    /* background-color: #fff; */
    width: 100%;
    max-width: 1020px;
    margin: 0;
    /* border-radius: 2rem; */
    overflow: hidden;
}
.news_title{
font-size:18px;
 color: #ffffff;
	font-weight: 600;
}
.news .left{
	 padding: 5px 0;
	padding-left: 20px;
    flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.news .left p{
	display: block;
	
    color:  #DA0007;
   
    font-weight: 800;
    text-align: center;
    line-height: 1.2;
	font-size: 12px;
}
.news .left i{
	font-style: normal;
	font-size:2.6rem;
	font-weight: 800;
	display: block;
}
.news .right{
	display: flex;
	align-items:center;
	justify-content:space-between;
	/*flex-direction: column;*/
	 color: #ffffff;
	padding: 1em 1.5em;
    width: 100%;
    box-sizing: border-box;
	flex-wrap: wrap;
}
.news_list{
	width: auto;
}
.news_btn{
	color:  #DA0007;
	background-position:left center;
	background-size:auto 1em;
	background-repeat: no-repeat;
	background-image: url("../images/btn_arrow.png");
	padding-left: 1.5em;
	display: block;
	flex-shrink: 0;
}
.news_btn2{
	
}
a.news_btn, a.news_btn:hover, a.news_btn:active, a.news_btn:visited, a.news_btn:link{
color:  #DA0007;
	font-weight: 700;
}
.news_item{
	display: flex;
	align-items: center;
	justify-content:space-between;
}
.news_text{
	display: flex;
	align-items: center;
	justify-content:space-between;
}
.news_date{
	flex-shrink: 0;
	margin: 0;
	margin-right: 20px;
	font-size: 12px;
	color: #BDBDBD;
}
.title2{
	max-width: 820px;
	margin: auto;
	margin-bottom: 60px;
}
.section-title{
	margin-top: 0px;
}

.content_block{
	margin: auto;
	margin-bottom: 40px;
	background-color: rgba(0,0,0,0.6);
	position: relative;
}
.content_block:last-child{
	margin-bottom: 0;
}
.content_block > a,
.content_block > div{
	width: 50%;
    height: min(calc((50vw - 20px)/1.42),375px);
	box-sizing: border-box;
}



@media (min-width: 801px) {
	#jungle .content_block.jungle_block1 > div {
    width: 50%;
    height: min(calc((60vw - 20px) / 1.42), 475px);
    box-sizing: border-box;
	}
}
#biginner .content_block > div {
    height: 580px;
}


.content_block .img_block{
	background-size: cover;
	background-position: center;
	position: relative;
	
		border-radius: 10px 0px 0px 10px;

}
.content_block.block3 .img_block{	
		border-radius: 0px 10px 10px 0px;

}

.content_block .img_block.credit{
	position: relative;
}
.content_block .img_block.credit p{
	font-size: 12px;
	bottom: 15px;
	right: 15px;
	position: absolute;
	color: #fff;
	
	text-align: right;
}

.tokoro{
	font-weight: 700;
}
h4{
	font-size: 2.4rem;
	margin-bottom: 40px;
	font-weight: 900;
	line-height: 1.3;
	text-align: center;
}
.content_block h4{
	text-align: left;
	margin-bottom: 1rem;
}
.blue h4,.blue h5{
	color: #3FA9F5;
}
.pink h4,.pink h5{
	color: #FF639D;
}
.sidebtn{
position: fixed;
right: 0;
top:24vh;
	z-index: 100;
	display: none;
}
.sidebtn1{
	display: block;
	width: 60px;
	margin-bottom: 25px;
	transition: 0.3s;
   /* box-shadow: 0px 0px 5px 5px rgba(255,255,255,0.0);
    animation:flash 0.5s linear infinite alternate;
	border-top: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;*/
}
.sidebtn2{
	display: block;
		width: 60px;
	/*transition: 0.3s;
  border-top: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
    box-shadow: 0px 0px 5px 5px rgba(255,255,255,0.0);
    animation:flash 0.5s linear infinite alternate;*/
}
.sidebtn1:hover,
.sidebtn2:hover{
    /*box-shadow: 0px 0px 7px 7px rgba(255,255,255,0.8) !important;*/
	opacity: 0.8;
}

@keyframes flash{
    0% {
    box-shadow: 0px 0px 5px 5px rgba(255,255,255,0.0);}
    100% {
    box-shadow: 0px 0px 5px 5px rgba(255,255,255,0.6);}
}
h5{
	font-size: 2.0rem;
	margin-bottom: 10px;
	margin-bottom: 0.5em;
	font-weight: 900;
	line-height: 1.3;
}
.webp .content_block .img_block.no-webp{
	/*display: none;*/
}
.content_block .img_block.webp{
	display: none;
}
/*.webp .content_block .img_block.webp{
	display: block;
}*/
.content_block .text_block{
	padding: min(30px,2vw) min(20px,1.3vw);;
	box-sizing: border-box;
	padding-bottom: 0;
	padding-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.block1{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	overflow: hidden;
	border-radius: 20px;
	max-width: 1040px;
	flex-direction: row-reverse;
	/*min-height: 375px;*/
	font-size: 1.6rem;
	/*box-shadow: 0px 0px 18px 12px rgba(255, 255, 255, 0.5);*/
	border:4px  solid #ffffff;
}
.block1 p{
	margin-bottom: 0.5em;
}
.block1 p:last-child{
	margin-bottom: 0;
	
}
strong{
font-weight: 700;}

.block2,
.block3{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	max-width: 900px;
	width: calc(90vw - 40px);
	font-size: 1.6rem;
}
/*  -セクション毎の色分け-  */
#nightzoo h5{
	color: #BE0000;
}
#nightzoo h5.osusume{
border: 2px solid #BE0000;
padding: 5px 15px; 
    width: calc(9em + 30px);
    box-sizing: border-box;
    text-align: center;
}
#nightzoo .block1{
	background: #BE0000;
	/*box-shadow: 0px 0px 18px 12px rgba(254,107,110,0.50);*/
	/*background: linear-gradient(129deg, rgba(190,0,0,1) 65%, rgba(167,0,0,1) 65%);*/
}
#nightzoo .block2,
#nightzoo .block3{
	/*box-shadow: 0px 0px 18px 12px rgba(254,107,110,0.50);*/
}
#nightzoo .box_btn a{background:#BE0000;}
/*  -セクション毎の色分け-  */
#park h5{
	color: #39B54A;
}
#park .block1{
	background: #39B54A;
	/*box-shadow: 0px 0px 18px 12px rgba(71,231,80,0.50);*/
	/*background: linear-gradient(129deg, rgba(57,181,74,1) 65%, rgba(51,167,67,1) 65%, rgba(57,181,74,1) 91%);*/
}
#park .block2,
#park .block3{
	box-shadow: 0px 0px 18px 12px rgba(71,231,80,0.50);
}
#park .box_btn a{background:#39B54A;}
/*  -セクション毎の色分け-  */
#museum h5{
	color: #0071BC;
}
#museum .block1{
	background: #0071BC;
	/*box-shadow: 0px 0px 18px 12px rgba(57,199,255,0.50);*/
	/*background: linear-gradient(129deg, rgba(0,113,188,1) 65%, rgba(0,103,171,1) 65%, rgba(0,113,188,1) 91%);*/
}
#museum .block2,
#museum .block3{
	/*box-shadow: 0px 0px 18px 12px rgba(57,199,255,0.50);*/
}
#museum .box_btn a{background:#0071BC;}
/*  -セクション毎の色分け-  */
#jungle h5{
	color: #9327BC;
}
#jungle .block1{
	background: #9327BC;
	/*box-shadow: 0px 0px 18px 12px rgba(217,147,255,0.50);*/
	/*background: linear-gradient(129deg, rgba(147,39,188,1) 65%, rgba(126,31,162,1) 65%, rgba(147,39,188,1) 91%);*/
}
#jungle .block2,
#jungle .block3{
	/*box-shadow: 0px 0px 18px 12px rgba(217,147,255,0.50);*/
}
#jungle.box_btn a{background:#9327BC;}
/*  -セクション毎の色分け-  */
#gourmet h5{
	color: #F7711E;
}
#gourmet .block1{
	background: #F7711E;
	/*box-shadow: 0px 0px 18px 12px rgba(255,215,107,0.50);*/
	/*background: linear-gradient(129deg, rgba(247,113,30,1) 65%, rgba(236,101,18,1) 65%, rgba(247,113,30,1) 91%);*/
}
#gourmet .block2,
#gourmet .block3{
	/*box-shadow: 0px 0px 18px 12px rgba(255,215,107,0.50);*/
}
#gourmet .block2 h4,
#gourmet .block3 h4{
	color: #F7711E;
}
#gourmet .box_btn a{background:#F7711E;}
/*  -セクション毎の色分け-  */
#expedition .content_block h4{
	color: #FF65AA;
}
#expedition .content_block.block1 h4{
	color: #fff;
}

.kisekilogo img{
	
   /*display: inline-block;
    height: 1.5em;
    width: auto;
    margin-bottom: -0.6em;
    padding: 0.2em;*/
	padding: 0.4em 0;
	display: block;
	width: 60%;
}
#expedition .kisekilogo img{
	
}
#expedition h5{
	color: #FF65AA;
}
#expedition .block1{
	background: #FF65AA;
	/*box-shadow: 0px 0px 18px 12px rgba(255,174,235,0.50);*/
	/*background: linear-gradient(129deg, rgba(255,101,170,1) 65%, rgba(235,91,156,1) 65%, rgba(255,101,170,1) 91%);*/
}
#expedition .block2,
#expedition .block3{
	/*box-shadow: 0px 0px 18px 12px rgba(255,174,235,0.50);*/
}
#expedition .box_btn {
    width: 17em;
    max-width: 100%;}
#expedition .box_btn a{background:#FF65AA; color: #fff; flex-wrap: wrap;}
/*  -セクション毎の色分け-  */

#biginner .block1 {
    background:#39b54a;
    /*box-shadow: 0px 0px 18px 12px rgba(255, 174, 235, 0.50);*/
	/*background: linear-gradient(129deg, rgba(237,30,121,1) 65%, rgba(244,54,137,1) 65%, rgba(237,30,121,1) 91%);*/
}
#biginner h4{
	
}
#biginner h5{
	border: 2px solid #ffffff;
    padding: 5px 15px;
    display: block;
    width: 110px;
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
}
#biginner h5:first-child{
	margin-top: 0;
}
#other h4{
	color: #ff00ff;
}
@media (max-width: 900px){
h4{
	font-size:2rem;
}
}
@media (max-width: 800px){

}
#other .block2,
#other .block3{
	/*box-shadow: 0px 0px 18px 12px rgba(22,180,2,0.50);*/
}

.fuki30 img{animation:fuki 0.4s linear infinite alternate; position: absolute; top:0;}
.fuki50 img{	width: 56%;animation:fuki 0.4s linear infinite alternate; position: absolute; top:0;}

.fuki0{
	position: relative;
	height: 6vw;
    height: min(6vw, 70px);
}
.fuki_monhan{
	position: relative;
	height: 6vw;
    height: min(50px, 9.5vw);
}
.fuki1{
	position: absolute;
    top: 30px;
    left: 2%;
    z-index: 100;
    display: block;
    width: 26%;
}
.fuki2{
	position: absolute;
    top: 10px;
    right: 52%;
    z-index: 100;
    display: block;
    width: 26%;
}
.fuki{
	position: relative;
	height: 6vw;
    height: min(7.5vw, 100px);
}

	

@media (max-width: 800px) {
	.fuki1{
  
        width: 25%;
}
	.fuki2{
	
    width: 27%;
}
	
}
@keyframes fuki{
    0% {
		top: 0;
		 left: 0;
	}
    100% {
    top: -5px;
		  left: 5px;
		
		 }}

.content_block.block2 > div,
.content_block.block3 > div,
.content_block.block2 > a,
.content_block.block3 > a{
	width: 50%;
	height: calc((40vw - 20px)/1.4);
    height: min(calc((40vw - 20px)/1.4),320px);
    height: min(30vw,320px);
}
.block2 p,
.block3 p{
	margin-bottom: 1em;
}
.block2 p:last-child,
.block3 p:last-child{
	margin-bottom: 0;
	
}
.block2{
	flex-direction: row-reverse;
	/*box-shadow: 0px 0px 18px 12px rgba(255, 255, 255, 0.5);*/
	background: #FFFFFF;
	color: #4F4F4F;
	border-radius: 10px;
	border:3px solid #ffffff;
}
.block3{
/*box-shadow: 0px 0px 18px 12px rgba(255, 255, 255, 0.5);*/
	background: #FFFFFF;
	color: #4F4F4F;
	border-radius: 10px;
	border:3px solid #ffffff;
	}
.block4{
	border:3px solid #ffffff;
	background: #0f1764;
	max-width: 900px;
    width: calc(90vw - 40px);
	border-radius: 10px;
	font-size: 2rem;
}
.block4 .omoide{
	border-radius: 10px 10px 0 0 ;
	overflow: hidden;
	width: 100%;
}
.block4 .text_block{
	color:#ffffff;
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-direction:row;
	padding: 20px;
	align-items:center; 
}
.block4 .text_block .hidari{
	width: 48%;
}
.block4 .text_block .migi{
	width: 48%;
}
.block4 .text_block .migi a{
	margin-bottom: 30px;
	display: block;
	transition: 0.5s;
}
.block4 .text_block .migi a:hover{
	opacity: 0.5;
}
.block4 .text_block .hidari strong{
	display: block;
	font-size:2.7rem;
	font-weight: 800;
	color: #ffff01;
}
.block4 .text_block .hidari h4{
	font-size:2.4rem;
	margin-bottom: 15px;
}
@media (max-width: 800px) {
	
	.block4 .text_block{
	
	display: block;
}
.block4 .text_block .hidari{
	width: 100%;
	margin-bottom: 30px;
}
.block4 .text_block .migi{
	width: 100%;
}
	
}

	.content_block.block3.kiseki_longblock > div.img_block{
		background-image: url("../images/p-tan2.jpg");
	}
@media (min-width: 801px) {
.content_block.block3.kiseki_longblock > div{
        height: min(70vw, 560px);
	}
	.content_block.block3.kiseki_longblock > div.img_block{
		background-image: url("../images/p-tan2pc.jpg");
	}
}


.box_btn{
	margin-bottom: 1em;width: 52%;
}
.box_btn:last-child{
	margin-bottom: 0;
}
.box_btn a{
    text-align: center;
    background-color: #ff2f9d;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1em;
    /* border-radius: 5px; */
    box-sizing: border-box;
    transition: 0.3s;
    line-height: 1.3;
    padding: 0.8em 2em;
	border-radius: 50px;
	box-sizing: border-box;
	font-weight: 700;
}
.box_btn a:hover{
	
}
.box_btn a span.center{
    margin-bottom: 0.3em;
}

.three_grid,
.two_grid{
	gap:20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 900px;
    width: calc(90vw - 40px);
	margin: auto;
	margin-bottom: 40px;
	
}
.two_grid{

}
.three_grid > li{
	width: calc(33.33% - 40px / 3);
	border-radius: 15px;
    overflow: hidden;
	
}
.two_grid > li{
	width: calc(50% - 10px);
	
}
#museum .two_grid > li img{
	/*box-shadow: 0px 0px 13px 5px rgba(57, 199, 255, 0.50);*/
    margin-bottom: 10px;
	border-radius: 10px;
    border: 3px solid #ffffff;
}
#jungle .two_grid > li img {
   /* box-shadow: 0px 0px 13px 5px rgba(217, 147, 255, 0.50);*/
    margin-bottom: 10px;
	border-radius: 10px;
    border: 3px solid #ffffff;
}
#gourmet .two_grid > li img{
	/*box-shadow: 0px 0px 13px 5px rgba(255, 215, 107,0.50);*/
	margin-bottom: 10px;
	border-radius: 10px;
    border: 3px solid #ffffff;
}



#gourmet .onephoto{
	max-width: 700px;
	display: block;
	margin: auto;
	margin-bottom: 50px;
}
#gourmet .onephoto img{
	
	border-radius: 10px;
    border: 3px solid #ffffff;
	margin-bottom: 10px;
}
.three_grid:last-child,
.two_grid:last-child{
	margin-bottom: 0;
}
@media (max-width: 800px){
.three_grid > li{
	width: calc(50% - 10px);
}
}
#introduction{
	background-image: url("../images/bgpc1.jpg?3");
	background-position: top center;
	background-size: cover;
	overflow: hidden;
}
	#introduction{background-image: url("../images/introduction_bg_pc.jpg");}
	#introduction .inner {padding-top: 50vw;padding-bottom: 38vw;}
@media (max-width: 800px){

}

#info{
	
}

.modl1{font-size:1.8rem;margin-bottom: 5px;margin-top: 10px;color: #ffffff;font-weight: 700;text-align: center;}
.modl2{font-size:1.2rem;margin-bottom: 15px;color: #ffffff; text-align: center;}
.modl3{background: #ffffff;
    color: #020000;
    font-weight: 600;
    text-align: center;
    display: block;
    padding: 10px 20px;
    margin: auto;
    width: 240px;
    font-size: 1.4rem;
    border-radius: 20px;
}

.kitchen_car_block4 p{
	margin-bottom: 0.5em;;
    font-size: min(calc((45vw - 10px) / 20),1.8rem);
}
.other-block1{
	position: relative;
	z-index: 1;
}
.other_4 {
    width: 29%;
    position: absolute;
    top: -20px;
    right: 20px;
	z-index: 1;
}
ul.gurume3{
	max-width: 900px;
	margin: 30px auto;
	display: flex;
	justify-content: space-between;
	gap:20px;
	width: calc(90vw - 40px);
}
@media (max-width: 800px){
ul.gurume3{
	flex-direction: column;
}
}
#instagram .inner{
   /* max-width: 900px;
    margin: auto;
    box-sizing: border-box;
    width: calc(95vw - 0px);*/
}
#instagram p.text1{
	margin-bottom: 40px;
}
.insta_1{
	margin-bottom: 40px;
}
.insta_btn{
	display: flex;
	justify-content: center;
	color: #FF639D;
}
.insta_btn a{
	border-radius:0.5em ;
	padding: 0.5em;
	display: flex;
	align-items: center;
	gap:0.5em;
	justify-content: space-between;
	background-color: #fff;
	color: #FF639D;
	font-weight: 700;
    font-size: min(calc((70vw - 60px) /14),3rem);
}
.insta_btn img{
	width: 2em;
}

.content_block4{
	background-color: rgba(0,0,0,0.30);
	border-radius: 20px;
	padding:40px 20px;
	margin: auto;
	box-sizing: border-box;
	max-width: 800px;
	margin-bottom: 40px;
	font-size: 1.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	/*box-shadow: 0px 0px 18px 12px rgba(149,16,116,0.50);*/
	border-radius: 10px;
    border: 3px solid #ffffff;
}
#kihon .content_block4{
	/*box-shadow: 0px 0px 18px 12px rgba(255,165,0,0.50);*/
}
.content_block4:last-child{
	margin-bottom: 0;
}
#info .inner{
	padding-bottom: 120px;
}
.content_block4 h5{
	font-size: 18px;	
	margin-bottom: 10px;
}
.content_block4 .kome{
	text-align: left;
    font-size: 1.3rem;
}
.yellow{
	color: #E3D521;
}
.content_block4 .kome.yellow {
	font-size: 1em;
}
.content_block4 .map{
	max-width: 650px;
}
.ticket_btn{
	max-width: 570px;
	width: 90%;
	margin: auto;
}
.ticket_btn{
    border-radius: 45px;
	box-shadow: 0px 0px 5px 5px rgba(255,255,255,0.0);
    transition: 0.3s;
}
.ticket_btn:hover{
	opacity: 0.8;
	box-shadow: 0px 0px 5px 5px rgba(255,255,255,0.6);
}
.content_block4 pink{
}

.workshop{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
	margin: auto;
	margin-bottom: 2rem;
	background: #000000;
}
.workshop .text_block{
	width: 75%;
	padding: 1.5rem;
	box-sizing: border-box;
}
.workshop h5{
	margin-bottom: 0.5rem;
}
.workshop p{
	margin-bottom: 0.5rem;
}
.workshop .img_block{
	width: 25%;
	padding: 0;
	
}
div.point{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.point p{
	margin-bottom: 1rem;
}
.point p:last-child{
	margin-bottom: 0;
}
.point{
	margin-bottom: 2rem;
}
.point p,
p.point{
	font-size:18px;
	font-weight: 700;
}
.point p strong,
p.point strong{
	font-size:18px;
}
.point_table th p{
	word-break: keep-all;
}
.point_table .point1{    text-align: left;
    display: flex;
	flex-wrap: wrap;
}
.point_table .point1 p{
	margin-bottom: 0;
}
.instatitle{
	max-width: 700px;
	display: block;
	margin: auto;
}
.instatext{
	max-width: 600px;
	margin: auto;
font-size:18px;
	margin-top: 4rem;
	margin-bottom: 4rem;
}
.instabanner img{
transition: 0.6s;
border-radius: 20px;
}
.instabanner img:hover{
	border-radius: 20px;
	box-shadow: 0px 0px 5px 5px rgba(255,255,255,0.7);
}
.access{
	margin-bottom: 2rem;
	text-align: left;
}
.access h6{
	padding-bottom: 0.5em;
	border-bottom: solid 1px;
	margin-bottom: 0.5em;
}
.access p{
	font-size: 0.9em;
}
section.workshopsec{
	padding: 20px;
	border:2px solid #ffffff;
	border-radius: 20px;
	max-width: 900px;
	box-sizing: border-box;
}
section.workshopsec h4{
	margin-bottom: 25px;
}

.pagenav{
 display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4vw;
    margin: auto;
}
.pagenav li{
 width: 40%;
}
.pagenav li a{
 display: block;
	transition:0.6s ;
}
.pagenav li a:hover{
	opacity: 0.6;
}
@media (max-width: 800px){
	.pagenav{display:block;margin: auto;width: 80%;}
	.pagenav li{ width: 100%; margin-bottom: 20px;}
	.pagenav li:last-child{ margin-bottom: 0px;}
}

@media (max-width: 500px){
.point_table .point1{
	flex-direction: column;
}

}
@media (max-width: 800px){



	.news_btn{
		font-size:14px;
	}
	.abb{margin-left: 6rem;display: block;}
	.abc{display: block;}
	.abd{margin-left: 8rem;display: block;}
	.instabanner img{border-radius: 10px;}



	h4{
   
	}
	h5{
		
	}
	.news_item{
		flex-wrap: wrap;
    justify-content: flex-end;
	}
	
.topsita {
	align-items: center;
    flex-direction: column;
	gap: 40px;
	}
.topsita> div {
    width: 100%;
    max-width: none;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.topsita_title {
	font-size: 20px;
	}
	
	.news_text{
    width: 100%;
		display: block;
}
.block1 {
		flex-direction: column;
}	
	.block2, .block3 {
		flex-direction: column;
    width: calc(90vw - 40px);
}
	
.content_block > div {
    width: 100%;
	height: auto;
}
	.content_block.block2 > a,
	.content_block.block3 > a,
	.content_block.block2 > div,
	.content_block.block3 > div {
    width: 100%;
		height: auto;
	}
	.content_block.block1 > div.img_block{
		height: 0;
    padding-top: 72%;
		
		
	}
	.content_block.block2 > a.img_block,
	.content_block.block3 > a.img_block,
	.content_block.block2 > div.img_block,
	.content_block.block3 > div.img_block {
		height: 0;
    padding-top: 67%;
	
	}
.content_block .text_block {
	padding: 30px 20px;
	}
	

.two_grid > li {
	width: 100%;
	}
	
	.workshop{
		display: block;
    width: calc(80vw - 40px);
	}
	.workshop .text_block{
		width: 100%;
	}
	.workshop .img_block{
		width: 100%;
	}
}
@media (min-width: 501px){
.news .left	.sponly{
	display: none;}
}
@media (max-width: 500px){

	.uten a{margin-top: 10px;}
.bx-wrapper .bx-pager {
	bottom: -32px;
	    bottom: calc( -74px + 2.6vw);
	bottom: 0;
	}
	.news{
    border-radius: 1rem;
    font-size: 1.4rem;
	}
	
	.news .left {
		text-align: center;
	}
.news .right,
.news .left {
	padding: 0.5em 1em;
	padding-left: 0;
	}
}

.gazoutikyou{
	font-size: 12px;
	line-height: 1;
	color: #fff;
	position: absolute;
	bottom: -16px;
	right: 0;
}

.modalouter {
	position: fixed;
	width: 100%;
	z-index: 100001;
	display: none;
	left: 0;
	bottom: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	box-sizing: border-box;
	align-items: center;
	height: 100vh;
	padding: 30px;
	background-color: rgba(0,0,0,0.40);
	flex-direction: column;
	justify-content: center;
	padding-top: 60px;
}
.modalbox {
	display: none;
	max-width: 600px;
	width: 100%;
	background-color:#ff2f9d;
	border-radius: 15px;
	max-height: calc(100vh - 80px);
	box-sizing: border-box;
	flex-direction: column;
	overflow: hidden;
}
.modalinner{
	overflow: auto;
	width: 100%;
}
.modaititle{
	line-height: 1;
    text-align: center;
    background-color: #ffffff;
    color: #ff2f9d;
    font-size: 28px;
    font-weight: 800;
    position: relative;
    font-family: "noto sans jp";
    padding: 16px;
}
.modal_close{
	position: absolute;
	height: calc(100% - 20px);
	width: auto;
	display: block;
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.modal_close img{
	width: auto;
	height: 100%;
}
.modalcontent{
	padding: 20px;
}

.calendartitle{
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
    max-width: 360px;
    width: 100%;
}
.calendartitle p{
	margin: 0;
	color: #fff;
	font-size: 22px;
	font-weight: 700;
}
.calendarbox table{
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
    width: 350px;
}
.calendarbox{
    display: flex;
    align-items: center;
    flex-direction: column;
}
@media (max-width: 500px){
.calendarbox table{
    transform: scale(0.8);
	margin-top: -35px;
	}
	.modl1{
	margin-top: -35px;
	}
	
	.modalouter{
		justify-content: flex-start;
		padding-top: 30px;
		margin: 0;
	}
}
@media (max-width: 400px){
.calendarbox table{
    transform: scale(0.7);
	margin-top: -50px;
	}
	.modl1{
	margin-top: -50px;
	}
}
.calendarbox table th,
.calendarbox table td{
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	padding: 5px 5px;
    width: 50px;
	height: 50px;
	box-sizing: border-box;
	font-size:20px;
	font-weight: 700;
	text-align: center;
    vertical-align: middle;
}

.calendar_table{
	background-color: #fff;
	color: #fff;
	margin: 0;
}
.calendar_table p{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 40px;
	width: 40px;
	position: relative;
	z-index: 5;
	font-weight: 800;
}
.calendar_table .calendar_kaisai{
	position: relative;
}
.calendar_table .calendar_kaisai:before{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right:0;
	margin: auto;
	content: "";
	display: block;
	background-color: #ffd29c;
	border-radius: 100px;
	height: 40px;
	width: 40px;
	
}
.calendarbox  th{
	background-color: #e8e8e8;	
color: #000;
	line-height: 1;
}
.calendarbox th.youbi_do{
	background-color: #170de8;
	color: #fff;
}
.calendarbox  th.youbi_nichi{
	background-color: #fc172e;
	color: #fff;
}
.calendarbox td{
color: #000;
	text-align: center;
	line-height: 1;
}
.calendarbox .calendar_kaisai{
	
}
.calendarbox .calendar_nichi,
.calendarbox .calendar_shuku{
	color: #fc172e;
}
.calendarbox .calendar_shuku span{
	font-size: 10px;
	display: block;
	margin-top: 3px;
	font-weight: 700;
}
.calendarbox .calendar_do{
	color:#1610e8;
}
.calendarbox .calendar_kaisai.calendar_do{
	
}
.calendarbox .calendar_kaisai.calendar_nichi,
.calendarbox .calendar_kaisai.calendar_shuku{
	
}

#modal1 .calendar_kaisaibi{
	width: 190px;
	max-width: 	70%;
}

.calendarbox .bx-wrapper .bx-next,
.calendarbox .bx-wrapper .bx-prev{
	width: 130px;
}

#modal1 .bx-wrapper{
	padding-top: 60px;
}
#modal1 .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 10px;
    bottom: auto;
    padding-top: 9%;
    display: block;
    margin: auto;
    height: 0;
    outline: 0;
    text-indent: -9999px;
    z-index: 9999;
    background-size: contain;
	width: 130px;
}
#modal1 .bx-wrapper .bx-controls-direction a.disabled{
	display: block;
	opacity: 0.5;
}
#modal1 .bx-wrapper .bx-next{
	background-image: url("../images/calendar-next.svg");
	background-position: right;
}
#modal1 .bx-wrapper .bx-prev{
	background-image: url("../images/calendar-prev.svg");
}
#modal1 .text1{
	color: #fff;
    font-size: min(calc((100vw - 80px) / 24),1.6rem);
}
.hanbai h5{
	padding-left: 1rem;
	font-size: 1.6rem;
    font-size: min(calc((100vw - 80px) / 24),1.6rem);
	color: #ffffff;
	margin-top: 2rem;
}
.hanbai h5:first-child{
	margin-top: 1rem;
}
.hanbai p{
	padding-left: 2rem;
	margin-bottom: 0.5rem;
}
.hanbai p span{
	display: inline-block;
}
.hanbai p.kome{
	margin-top: 0;
	padding-left: 2rem;
	
}
.omoidebtn{
	width: 100%;
    /* padding: 30px; */
    max-width: 460px;
    margin: auto;
    margin-bottom: 30px;
    display: block;
}
a.link{
	color: #ff2f9d;
}
p.kome{
	font-size:1.3rem;
}
p b{
	font-weight: 600;
}
a.evelink{
	background: #ff00ff;
	padding: 5px 15px;
	color: #ffffff;
	font-weight: 800;
	font-size:14px;
	display: inline-block;
	margin-top: 0px;
}
@media (max-width: 1100px){

}
@media (max-width: 1000px){
	.header_container .center{}
	#museum h4{	font-size:1.7rem;}
	#museum p{	font-size:1.4rem;}
	#jungle h4{	font-size:1.7rem;}
	#jungle p{	font-size:1.4rem;}
}
@media (max-width: 900px){
	#museum p{	font-size:1.4rem;}
	#jungle p{	font-size:1.4rem;}
	.block1 p{font-size:1.4rem;}
	.block2 p,.block3 p{font-size:1.4rem;}
}
@media (max-width: 800px){
	.news{border-radius: unset;font-size: 14px;}
	.news_title {   font-size: 14px;}
	.modaititle { text-align: left; font-size: 18px;}
	#biginner .content_block > div { height: inherit;}
	h4{	font-size:2.2rem;}
	#museum h4{	font-size:2.2rem;}
	#jungle h4{	font-size:2.2rem;}
	#museum p{	font-size:1.5rem;}
	#jungle p{	font-size:1.5rem;}
	.block1 p{font-size:1.5rem;}
	.block2 p,.block3 p{font-size:1.5rem;}
	.block1 p.kome,.block2 p.kome,.block3 p.kome,#jungle p.kome{font-size:1.3rem;}
	
	.subheader{	height: 150px;}
	.submenu{	width: 80%;}
	.submenu li a{font-size:16px;}
	.header_container .center{}
	.header_container{}
	.header_container .hl{}
	.header_container .hr{}
	.navibtn{}
	.header_right {}
	.toppage {margin-top: 60px;}
	.pagenavi li a{	font-size:14px;padding-top: 9px;padding-bottom: 9px;    height: 44px;}
	.spnavilogo{display: block;}
	#introduction{	background-image: url("../images/bgsp1.jpg?4");}
	#introduction .inner{ padding-top: 6vw;padding-bottom: 38vw;}
	#introduction{background-image: url("../images/introduction_bg_sp.jpg");}
	#introduction .inner {padding-top: 50vw;padding-bottom: 38vw;}
	#introduction-sub{ padding-bottom: 23vw;}
	.bgfiximg img{max-width: 300%;width: 170%;}
	.hosi1 img{max-width: 300%;width: 170%;}
	.hosi2 img{max-width: 300%;width: 260%;}
	.minimenu {width: 70%;display: block;margin-top: 20px;}
	.minimenu li{width: 100%;margin-bottom: 20px;}
	.minimenu li a:hover{opacity: 0.6;}
	.minimenu li a{display: block; transition: 0.6s;}
	.sidebtn1,.sidebtn2{width: 40px;}
	.box_btn{width: 90%;}
	section > .inner{padding:40px 20px;}
	.fuki0{	height: 14vw;}
   .fuki{height: 16.5vw;}
	#nightzoo .block1 {background: linear-gradient(129deg, rgba(190, 0, 0, 1) 35%, rgba(167, 0, 0, 1) 35%);}
#park .block1 {background: linear-gradient(129deg, rgba(57, 181, 74, 1) 35%, rgba(51, 167, 67, 1) 35%, rgba(57, 181, 74, 1) 91%);}
#museum .block1 {background: linear-gradient(129deg, rgba(0, 113, 188, 1) 35%, rgba(0, 103, 171, 1) 35%, rgba(0, 113, 188, 1) 91%);}
#jungle .block1 {background: linear-gradient(129deg, rgba(147, 39, 188, 1) 35%, rgba(126, 31, 162, 1) 35%, rgba(147, 39, 188, 1) 91%);}
#gourmet .block1 {background: linear-gradient(129deg, rgba(247, 113, 30, 1) 35%, rgba(236, 101, 18, 1) 35%, rgba(247, 113, 30, 1) 91%);}
#expedition .block1 {background: linear-gradient(129deg, rgba(255, 101, 170, 1) 35%, rgba(235, 91, 156, 1) 35%, rgba(255, 101, 170, 1) 91%);}
#biginner .block1 {background: linear-gradient(129deg, rgba(237, 30, 121, 1) 35%, rgba(244, 54, 137, 1) 35%, rgba(237, 30, 121, 1) 91%);}


}




.moviemodal_open{
	cursor: pointer;
}
.moviemodalinner{
	height:auto;
	display:none;
	margin:auto;
}
.moviemodalinner.show{
	display:block;
}
.moviemodal{
    position: fixed;
	top:0;
	z-index:1000;
	height:100vh;
	width:100%;
	display:none;
	background-color:rgba(25,25,25,0.97);
	overflow:auto;
    padding: 50px 30px;
	padding-top: 100px;
    box-sizing: border-box;
    justify-content: center;
}
.moviemodalclose{
	width:50px;
	margin-bottom:10px;
	display:block;
}
.moviemodalinner {
    width: 100%;
    z-index: 100001;
    display: none;
    align-items: center;
    align-items: flex-end;
    flex-direction: column;
    max-width: 1200px;
    margin: 0;
}
.moviemodalinner iframe {
  width: 100%;
}
.moviemodalbox{
	display:flex;
	width:100%;
	height:100vw;
}
.youtubearea {
  padding: 0 !important;
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25% !important;
  overflow: hidden;
}
.youtubearea iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: -20%;
  right: -20%;
  left: -20%;
  bottom: -20%;
  margin: auto;
}