@charset "UTF-8";
html {font-size: 62.5%;}
body {
	font-size: 1.6em;
	line-height: 1.4em;
	min-width: 320px;
	margin: auto;
	position: relative;
	font-family: 'Noto Sans JP', sans-serif;
	color: #333;
}
#splash {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9998;
	background:#fff;
	text-align:center;
}
#splash_logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	animation-name: fadeUpAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
	animation-delay: .1s;
	opacity: 0;
	width: 170px;
	height: 170px;
	background-color: #f6f7f7;
	overflow: hidden;
	border-radius: 50%;
}
@keyframes fadeUpAnime{
	from {opacity: 0; transform: translate(-50%, -40%);}
	to {opacity: 1; transform: translate(-50%, -50%);}
}
#splash_logo .waves {
	height: 100px;
	width: 160%;
}
#splash_logo .wave_anm {
	bottom: 0;
	display: block;
}
#splash_logo .parallax > use:nth-child(1) {
	animation-delay: -2s;
    animation-duration: 4s;
}
#splash_logo .parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 2s;
}
@keyframes gelatine {
	from, to {transform: scale(1, 1);}
	15% {transform: scale(0.9, 1.1);}
	30% {transform: scale(1.1, 0.9);}
	65% {transform: scale(0.95, 1.05);}
	from, to {transform: scale(1, 1);}
	15% {transform: scale(0.9, 1.1);}
	30% {transform: scale(1.1, 0.9);}
	65% {transform: scale(0.95, 1.05);}
}
h1, h2, h3, h4, h5, h6, p, a,li, ol, span, small, th, td, dd, dt, b, strong, input, textarea, select, label, button  {
	color: #333;
	letter-spacing: 0.05em;
	font-weight: 500;
}
.en {
	font-weight: 600;
	font-family: 'Josefin Sans', sans-serif;
}
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
img {max-width: 100%;}
a {text-decoration: none;}
a, a:hover, a img, a:hover img, a::after, a:hover::after, a::before, a:hover::before, a:hover span, a span {transition: 0.3s; -webkit-transition: 0.3s;}
.absolute {position: absolute;}

a {outline: none;}
.sp_menu_btn {display: none;}
.sp_show {display: none;}






header {
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9790;
	width: 100%;
}
header > div.flex {
	max-width: 1200px;
	margin: 0 auto;
	align-items: center;
	padding: 0 15px;
}
header h1 {
	width: 33%;
	margin-bottom: 10px;
}
header h1 a {display: inline-block;}
#Hpage-top {display: none;}
#Hpage-top a {
	font-size: 1.2rem;
	font-weight: 500;
	color: #005eac;
	display: block;
	text-align: center;
}
#Hpage-top a::before {
	content: "";
	width: 41px;
	height: 25px;
	background-image: url(../images/head_pagetop.png);
	background-size: contain;
	display: block;
}
header .sp_menu {width: 77%;}
header nav > .flex {
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
header .hours {
	align-items: center;
	font-size: 1.3rem;
	border: 1px solid #00a5ec;
	border-radius: 25px;
	overflow: hidden;
	position: relative;
	margin-top: 10px;
}
header .hours dt {
	background-color: #00a5ec;
	color: #fff;
	padding: 2px 10px 2px 30px;
	margin: -1px 0 -1px -1px;
	position: relative;
}
header .hours dt::before {
	content: "";
	width: 14px;
	height: 14px;
	background-image: url(../images/icon_clock.png);
	background-size: cover;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
}
header .hours dd {
	color: #00a5ec;
	padding: 2px 10px;
}
header .sns {margin-top: 10px;}
header .sns li {margin-right: 8px;}
header .sns li:last-child {margin-right: 0;}
header .sns.pc_show img {height: 20px;}
header .sns a {
	padding: 0 5px;
	position: relative;
	display: block;
}
header .sns a::after {
	content: "";
	width: 100%;
	height: 21px;
	position: absolute;
	top: 0;
	left: 0;
	background-position: center 1px;
	background-size: auto 20px;
	background-repeat: no-repeat;
	opacity: 0;
}
header .sns .fb a::after {background-image: url(../images/sns_fb_B.png);}
header .sns .insta a::after {background-image: url(../images/sns_insta_B.png);}
header .sns .tw a::after {background-image: url(../images/sns_tw_B.png);}
header .sns .yt a::after {background-image: url(../images/sns_yt_B.png);}
header .sns .trip a::after {background-image: url(../images/sns_trip_B.png);}
.search_lang {margin-top: 10px;}
.lang_wrap {
	text-align: center;
	border-left: 1px solid #ccc;
	position: relative;
	width: 10rem;
}
.lang_wrap p {cursor: pointer;}
.lang_wrap p span {
	color: #898989;
	position: relative;
	padding: 0 15px 0 20px;
	font-size: 1.3rem;
	transition: .3s;
}
.lang_wrap p span::before {
	content: "";
	width: 16px;
	height: 16px;
	background-image: url(../images/icon_lang.png);
	background-size: contain;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.lang_wrap p span::after {
	content: "";
	right: 0;
    box-sizing: border-box;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #898989 transparent transparent transparent;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: .3s;
}
.lang_wrap ul {
	opacity: 0;
	height: 0;
	visibility: hidden;
	position: absolute;
	z-index: 5;
	transition: .3s;
}
.lang_wrap ul.active {
	opacity: 1;
	height: 100%;
	visibility: visible;
}
.lang_wrap div:hover + ul {
	height: 100%;
	opacity: 1;
}
.lang_wrap li a {
	white-space: nowrap;
	display: block;
	border-top: 1px solid #eee;
	font-size: 1.2rem;
	font-weight: 400;
	padding: 3px 10px;
	background-color: #fff;
}
.lang_wrap li.active a {
	background-color: #005eac;
	color: #fff;
	border: 0;
}
/* グロナビ */
.main_menu > li {
	position: relative;
	padding-bottom: 8px;
}
.main_menu > li > a {margin-right: 4rem;}
.main_menu > li:last-child > a {margin-right: 0;}
.main_menu > li:last-child > a::after {width: calc(100% - 3rem);}
.main_menu .icon {
	position: relative;
	padding-left: 3rem;
}
.main_menu .icon::before {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: 53%;
	left: 0;
	transform: translateY(-50%);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.main_menu li:nth-child(1) .icon::before {background-image: url(../images/icon_info.png);}
.main_menu li:nth-child(2) .icon::before {background-image: url(../images/icon_inst.png);}
.main_menu li:nth-child(3) .icon::before {background-image: url(../images/icon_news.png);}
.main_menu li:nth-child(4) .icon::before {background-image: url(../images/icon_blog.png);}
.main_menu li:nth-child(6) .icon::before {background-image: url(../images/icon_uminaka.png);}
.main_menu .icon::after {
	content: "";
	width: 1px;
	height: 2rem;
	background-color: #b5b5b6;
	position: absolute;
	top: 50%;
	right: -2rem;
	transform: translateY(-50%) rotate(25deg);
}
.main_menu li:last-child .icon::after {content: none;}
.sub_menu {
    background-color: rgba(0, 94, 172, .85);
	position: absolute;
	top: 100%;
	left: 0;
	opacity: 0;
	visibility: hidden;
	padding: 10px 0;
	z-index: 6;
}
.sub_menu li {margin-bottom: 0;}
.sub_menu a {
	font-size: 1.4rem;
	color: #fff;
	display: block;
	white-space: nowrap;
	position: relative;
	padding: 0.5rem 2.3rem 0.5rem 3.6rem;
}
.sub_menu a::before{
	content: "";
	width: 1.2rem;
	height: 1.2rem;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #ffffff;
	position: absolute;
	left: 1.8rem;
	top: 50%;
	transform: translateY(-50%);
}
.sub_menu a::after{
    content: "";
    box-sizing: border-box;
    width: 0.5rem;
    height: 0.5rem;
    border: 2px solid transparent;
    border-left: 3px solid #005eac;
    position: absolute;
    left: 2.3rem;
    top: 50%;
    transform: translateY(-50%);
}
.nav_info {
	position: fixed;
	right: 0;
	z-index: 3;
	margin-top: 50px;
}
.nav_info a {
	background-color: #005eac;
	color: #fff;
	font-size: 1.4rem;
	padding: 1rem 3rem 1rem 1rem;
	display: block;
	border: 1px solid ;
	border-right: 0;
	margin-top: -1px;
	position: relative;
	transform: translateX(20px);
	border-radius: 10px 0 0 10px;
}

.nav_info a img {
	width: 23px;
	height: 23px;
	margin-right: 8px;
	position: relative;
	z-index: 3;
}
/* wave_anm */
.wave_anm {
	width: 100%;
	position: absolute;
	z-index: -1;
}
.waves {
	position:relative;
	width: 100%;
	height: 40px;
	margin-bottom: -7px; /*Fix for safari gap*/
}
.wave_anm .content {
	position:relative;
	height: 40px;
	text-align:center;
	background-color: white;
}
.parallax > use {
	animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
}
.parallax > use:nth-child(1) {
	animation-delay: -2s;
	animation-duration: 7s;
}
.parallax > use:nth-child(2) {
	animation-delay: -3s;
	animation-duration: 10s;
}
.parallax > use:nth-child(3) {
	animation-delay: -4s;
	animation-duration: 13s;
}
.parallax > use:nth-child(4) {
	animation-delay: -5s;
	animation-duration: 20s;
}
@keyframes move-forever {
	0% {transform: translate3d(-90px,0,0);}
	100% {transform: translate3d(85px,0,0);}
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
	.waves {height:40px; min-height:40px;}
}/* wave_anm */



.one_box {
	height: 100vh;
	position: relative;
}
.main_visual {
	/* height: calc(100vh - 10rem); */
	height: calc(51vw);
	position: relative;
}
.main_visual .image {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	z-index: -1;
}
.main_visual .item {
	width: 100%;
	height: calc(100vh - 10rem);
	background-size: cover;
	background-position: center;
}
.slide-animation {animation: fadezoom 8s 0s forwards;}
@keyframes fadezoom {
  0% {transform: scale(1.2);}
  100% {transform: scale(1);}
}
@keyframes scrollAnm {
	0% {height: 0; top: 100%;}
	33% {height: 100%; top: 100%;}
	66% {height: 100%; top: inherit; bottom: -100%;}
	100%{height: 0px; bottom: -100%;}
 }

 .fv_news {
 	height: 10rem;
 	background-color: #fff;
 	display: flex;
 }
 .fv_news > .flex {
 	width: 100%;
 	max-width: 1040px;
 	margin: auto;
 	padding: 0 20px;
 	align-items: center;
 }
 .fv_news .th_info_bnr {width: 43%;}
 .fv_news .th_info_bnr a {
 	display: block;
 }
 .fv_news .th_info_bnr a img {
 	border-radius: 10px;
 	box-shadow: 0 5px 5px rgba(0, 0, 0, .05);
 }

 .fv_news .fv_news_list {
 	width: 100%;
 }
 .fv_news .th_info_bnr + .fv_news_list {
 	width: 55%;
 	margin-left: 2%;
 }
 .fv_news_list dl {align-items: center;}
 .fv_news_list dt {
 	color: #e60012;
     border: 1px solid;
     font-size: 1.4rem;
     padding: 10px;
     box-sizing: border-box;
     border-radius: 5px;
     text-align: center;
     width: 10rem;
     line-height: 1.3;
 }
 .fv_news_list dd {
 	height: 6rem;
     overflow: scroll;
 	overflow-x: hidden;
 	overflow-y: scroll;
 	width: calc(100% - 10rem);
 	padding-right: 5px;
 }
 .fv_news_list dd::-webkit-scrollbar{width:6px; height: 0px; }
 .fv_news_list dd::-webkit-scrollbar-track{background:#dcdddd; border-radius: 3px;}
 .fv_news_list dd::-webkit-scrollbar-thumb{background:#b5b5b6; border-radius: 3px;}
 .fv_news_list ul {margin-left: 2rem;}
 .fv_news_list li {margin-bottom: 1rem;}
 .fv_news_list li:last-child {margin-bottom: 0;}
 .fv_news_list a .txt {
 	border-bottom: 1px solid #fff;
 	transition: .3s;
 }
 .fv_news_list .day {
 	font-size: 1.4rem;
 	color: #333333;
 	margin-right: 2rem;
 	width: 8rem;
 }
 .fv_news_list .txt {
 	font-size: 1.5rem;
 	font-weight: 400;
 	width: calc(100% - 10rem);
 	overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
.pagination {
	position:fixed;
	left:20px;
	top: 50%;
  	transform: translateY(-50%);
	font-size:1em;
	z-index: 10;
	list-style: none;
}
.pagination a {
	display:block;
	height:20px;
	margin-bottom:5px;
	position:relative;
	padding:4px;
}
.pagination a.active {color:#005eac;}
.pagination a.active:after {
	box-shadow:inset 0 0 0 5px;
}
.pagination a .hover-text {
	display: none;
}
.pagination a:hover .hover-text {
	opacity: 1;
}
.pagination a:after {
	-webkit-transition:box-shadow 0.5s ease;
	transition:box-shadow 0.5s ease;
	width:8px;
	height:8px;
	display: block;
	border:1px solid #333;
	border-radius:50%;
	content:"";
	position: absolute;
	margin:auto;
	top:0;
	right:0;
	bottom:0;
	background-color: #fff;
}
.low_one_box {
	position: relative;
	background-color: #f6f7f7;
}
.low_one_box::before {
	content: "";
	position: absolute;
    top: 0;
    left: 0;
    border-style: solid;
    border-width: 95vh 52vw 0 0;
    border-color: #fff transparent transparent transparent;
}
.low_one_box#one_box3::before {
	left: inherit;
    right: 0;
    border-width: 100vh 52vw 0 0;
    border-color: transparent #fff transparent transparent;
}
.cont_title {
	margin: 3rem auto;
	font-size: 4.4rem;
	line-height: 1;
	text-align: center;
	opacity: 0;
}
.show .cont_title {animation: cont_titleAnm .3s .6s forwards;}
@keyframes cont_titleAnm {
	from {transform: translateY(20px); opacity: 0;}
	to {transform: translateY(0); opacity: 1;}
}
.cont_title small {
	font-size: 1.5rem;
	display: block;
	font-weight: 500;
}
.flexH_center {align-items: center;}
.inner {
	max-width: 1000px;
	margin: auto;
	padding: 0 20px;
	overflow: hidden;
}
.low_one_box .inner {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	opacity: 0;
}
.show.low_one_box .inner {animation: low_one_boxAnm .3s .5s forwards;}
@keyframes low_one_boxAnm {
	0% {transform: translate(-50%, -45%); opacity: 0;}
	100% {transform: translate(-50%, -50%); opacity: 1;}
}
@keyframes low_one_boxAnm_sp {
	0% {transform: translateY(20px); opacity: 0;}
	100% {transform: translateY(0); opacity: 1;}
}
.slick-prev, .slick-next {
	transform: none;
	width: 38px;
    height: 38px;
	transition: .3s;
	z-index: 10;
	overflow: visible;
}
.slick-prev:before, .slick-next:before {
	content: "";
	box-sizing: border-box;
	width: 36px;
	height: 36px;
	border: 1px solid #000;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	transition: .3s;
}
.slick-prev::after {
	content: "";
	width: 8px;
	height: 8px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	-webkit-transform: rotate(-45deg) translate(-50%, -50%);
	transform: rotate(-45deg) translate(-50%, -50%);
	position: absolute;
	top: 50%;
    left: 50%;
	transform-origin: 0 0;
}
.slick-next::after {
	content: "";
	width: 8px;
	height: 8px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: rotate(-45deg) translate(-50%, -50%);
	transform: rotate(-45deg) translate(-50%, -50%);
	position: absolute;
	top: 50%;
    left: 50%;
	transform-origin: 0 0;
}
.slick-dots li button:before {opacity: .2;}
.slick-dots li.slick-active button:before {
	color: #898989;
	opacity: 1;
}

.banner1 {width: 35%;}
.banner1 .slick-dotted.slick-slider {
	margin-bottom: 50px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
}
.banner1 .slick-prev, .banner1 .slick-next {top: calc(100% + 10px);}

.banner1 .slick-prev {
	left: inherit;
    right: 48px;
}
.banner1 .slick-next {right: 0;}
.banner1 .slick-dots {
	text-align: left;
	width: calc(100% - 88px);
	top: calc(100% + 10px);
}
.banner1 .slick-dots li {
	margin: 0 5px 0 0;
	width: 15px;
}
.banner1 .slick-dots li button {width: 10px;}
.banner1 .slick-dots li button:before {width: 10px;}

/* uminaka_navi */
.section-nav {
	position: relative;
	width: 59%;
	margin-left: 6%;
}
.section-nav__list {width: calc(100% + 7%);}
.section-nav__list li {
	width: 26.333%;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	border-radius: 20px;
	cursor: pointer;
	margin: 0 7% 7% 0;
	text-align: center;
	font-size: 1.8rem;
	color: #005eac;
	padding: 1rem 2rem;
	line-height: 1;
	transition: .3s cubic-bezier(0.22, 1, 0.36, 1);
}
.section-nav__list li img {
	width: 100%;
	max-width: 100px;
	display: block;
	margin: auto;
}
.section-nav__list li:nth-child(5) img {margin-top: -1rem;}

.section-nav__content-body {
	background-color: #fff;
	border-radius: 15px;
	padding: 30px 20px 10px;
}
.section-nav__content-item h3 {
	text-align: center;
	align-items: center;
}
.section-nav__content-item h3 span {
	font-size: 3.2rem;
    font-weight: 700;
    color: #005eac;
    text-align: center;
	display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
}
.section-nav__content-item h3 img {
	width: 6rem;
    vertical-align: middle;
	display: inline-block;
	padding-right: 10px;
	box-sizing: border-box;
}
.content-btn-back {
	display: flex;
	justify-content: center;
	margin: 20px 0 30px;
}
.content-btn-back p {
	background-color: #00a5ec;
	width: 100%;
	max-width: 310px;
	text-align: center;
	cursor: pointer;
	padding: 10px 20px;
    border-radius: 50px;
	position: relative;
	line-height: 1.6;
	transition: .3s;
}
.content-btn-back p::before {
	content: "";
	position: absolute;
	top: 50%;
    left: 1.5rem;
    width: 0.8rem;
    height: 0.8rem;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
}
.content-btn-back p span {
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 25px;
}
.content-btn-back p span::before {
	content: "";
	width: 16px;
	height: 14px;
	background-image: url(../images/icon_back.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.content-btn-back p img {
	width: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 1rem;
}
.section-nav__sub-list {width: calc(100% + 3%);}
.section-nav__sub-list li {
	width: 47%;
	margin-right: 3%;
	margin-bottom: 3%;
}
.section-nav__sub-list li a {
	display: flex;
	justify-content: center;
    align-items: center;
	background-color: #fad900;
	border-radius: 50px;
	box-sizing: border-box;
	padding: 1rem 2rem;
	position: relative;
	font-size: 1.4rem;
	height: 100%;
	min-height: 5.6rem;
	line-height: 1.3;
	text-align: center;
}
.section-nav__sub-list li a::after {
	content: "";
	position: absolute;
	top: 50%;
    right: 1.5rem;
    width: 0.8rem;
    height: 0.8rem;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}
/* コンテンツ切り替え */
.js-section-nav__toggle.is-hidden {
	-webkit-animation: is-hidden .3s ease-out forwards;
	animation: is-hidden .3s ease-out forwards;
	position: absolute;
}
.js-section-nav .section-nav__content-item {
	position: absolute;
	width: 100%;
	display: none;
	top: 0;
}
.js-section-nav .section-nav__content-item.is-hidden {
	opacity: 0;
	visibility: hidden;
	transition-delay: 1s;
	display: block;
}
@-webkit-keyframes is-hidden {
	0% {transform: translateX(0px); opacity: 1; visibility: visible;}
	to {transform: translateX(-30px); opacity: 0; visibility: hidden;}
}
@keyframes is-hidden {
	0% {transform: translateX(0px); opacity: 1; visibility: visible;}
	to {transform: translateX(-30px); opacity: 0; visibility: hidden;}
}
.js-section-nav .section-nav__content-item.is-show {
	opacity: 1;
	visibility: visible;
	z-index: 1;
	position: relative;
	display: block;
}
.js-section-nav .section-nav__content-item.is-show>div {
	transform: translateX(30px);
	opacity: 0;
	visibility: hidden;
	-webkit-animation: is-show .3s ease .6s forwards;
	        animation: is-show .3s ease .6s forwards;
}
@-webkit-keyframes is-show {
	0% {transform: translateX(30px); opacity: 0; visibility: hidden;}
	to {transform: translateX(0); opacity: 1; visibility: visible;}
}
@keyframes is-show {
	0% {transform: translateX(30px); opacity: 0; visibility: hidden;}
	to {transform: translateX(0); opacity: 1; visibility: visible;}
}
/* 戻る */
.js-section-nav .section-nav__content-item.is-back-hidden > div {
	-webkit-animation: is-back-hidden .3s ease-out forwards;
	        animation: is-back-hidden .3s ease-out forwards;
}
@-webkit-keyframes is-back-hidden {
	0% {transform: translateX(0px); opacity: 1; visibility: visible;}
	to {transform: translateX(30px); opacity: 0; visibility: hidden;}
}
@keyframes is-back-hidden {
	0% {transform: translateX(0px); opacity: 1; visibility: visible;}
	to {transform: translateX(30px); opacity: 0; visibility: hidden;}
}
.js-section-nav__toggle.is-back-show {
	transform: translateX(30px);
	opacity: 0;
	visibility: hidden;
	-webkit-animation: is-back-show .3s ease .6s forwards;
	        animation: is-back-show .3s ease .6s forwards;
}
@-webkit-keyframes is-back-show {
	0% {transform: translateX(-30px); opacity: 0; visibility: hidden;}
	to {transform: translateX(0);opacity: 1; visibility: visible;}
}
@keyframes is-back-show {
	0% {transform: translateX(-30px); opacity: 0; visibility: hidden;}
	to {transform: translateX(0); opacity: 1; visibility: visible;}
}

.flower_guide {overflow: hidden;}
.flower_guide .slick-list {
	max-width: 830px;
	margin: 0 auto 30px;
}
.flower_guide .slick-prev {
	left: 0;
	top: calc(50% - 10px);
}
.flower_guide .slick-next {
	right: 0;
	top: calc(50% - 10px);
}
.flower_guide_list {
	margin: 0 10px 10px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
}
.flower_guide_list a {
	display: block;
	background-color: #ff7daf;
}
.flower_guide_list .image {
	height: 170px;
    overflow: hidden;
    position: relative;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #eee;
	transition: .3s;
}
.flower_guide_list .txt {
	padding: 15px;
}
.flower_guide_list .flower_name {
	color: #fff;
	font-weight: 700;
}
.flower_guide_list ul {margin: 10px 0;}
.flower_guide_list li {
	font-size: 1.3rem;
	line-height: 1.4;
	color: #fff;
	padding-left: 20px;
	margin-bottom: 0.8rem;
}
.flower_guide_list li:last-child {margin-bottom: 0;}
.flower_guide_list .hold {
	background: url(../images/icon_flw_hold.png);
	background-size: cover;
	background-size: 13px;
	background-repeat: no-repeat;
	background-position: left center;
}
.flower_guide_list .area {
	background-image: url(../images/icon_flw_area.png);
	background-size: cover;
	background-size: 13px;
	background-repeat: no-repeat;
	background-position: left center;

}
.flower_guide_list .area span {
	display: inline-block;
	margin-right: 1rem;
	color: #fff;
}
.flower_guide_list .area object {
	display: inline-block;
}
.flower_guide_list .area a {
    padding: 0px;
	color: #ff7daf;
	background-color: #fff;
	line-height: 1;
    padding: 2px 5px;
    border-radius: 3px;
	font-size: 1rem;
}
.flower_guide_list .day {
	font-size: 1.1rem;
	color: #fff;
	text-align: right;
}

.btn {
	text-align: center;
	padding-bottom: 15px;
}
.btn a {
	background-color: #fad900;
    max-width: 320px;
    display: block;
    margin: auto;
    padding: 15px 20px;
    box-sizing: border-box;
    border-radius: 50px;
	position: relative;
}
.btn a::after {
	content: "";
	position: absolute;
    top: 50%;
    right: 1.5rem;
    width: 0.8rem;
    height: 0.8rem;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}
.btn a span {
	display: inline-block;
	font-weight: 700;
}
.btn_space{
	padding-bottom: 50px;
}
.park_guide .multiple-items2 {
    width: calc(100% + 20px);
    margin-left: -10px;
}
.park_guide .multiple-items2::before {
	content: "";
	width: calc(100% + 40px);
	height: 10px;
    background-image: url(../images/park_guide_line.png);
	background-size: 124px 10px;
    position: absolute;
    top: 28px;
	left: -20px;
}
.multiple-items2 .slick-track {
	display: flex;
}
.multiple-items2 .slick-slide {
	height: auto !important;
    margin: 45px 10px 10px;
}
.park_guide_list {
	margin: 0 10px;
}
.park_guide_list a {
	background-color: #fff;
    display: block;
    padding: 15px;
    position: relative;
    box-shadow: 0 5px 8px rgba(0, 0, 0, .05);
    box-sizing: border-box;
    height: 100%;
}
.park_guide_list a::after {
	content: "";
	width: 22px;
	height: 34px;
	background-image: url(../images/clip.png);
	background-size: cover;
	position: absolute;
	top: -25px;
    left: 50%;
    transform: translateX(-50%);
}
.park_guide_list .image {
	height: 110px;
    overflow: hidden;
    position: relative;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	transition: .3s;
}
.park_guide_list .txt h4 {
	font-weight: 700;
	margin: 10px 0;
}
.park_guide_list .txt p {
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.6;
}
.multiple-items2 .slick-prev {
	right: 58px;
	left: inherit;
    top: -40px;
}
.multiple-items2 .slick-next {
	right: 10px;
    top: -40px;
}
.enjoy_guide {padding: 0 20px;}
.guideContents {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -45%);
	transition: .5s;
	opacity: 0;
	visibility: hidden;
	background-color: #fff;
    padding: 3rem 3rem 1rem;
    width: calc(100% - 40px);
    max-width: 960px;
	border-radius: 20px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
	z-index: 999;
}
.guideContents.active {
    visibility: visible;
    opacity: 1;

	transform: translate(-50%, -50%);
}
.guideContents h3 {
	font-size: 3.2rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
}
.guideContents .content-btn-back {margin: 30px 0;}
.guideContents .section-nav__sub-list li {
	width: 30.3333%;
	margin-bottom: 2rem;
}

.sp_news {display: none;}

.nav_other {
	background-color: #00a5ec;
	justify-content: center;
	padding: 12px 0 0;
	position: relative;
	z-index: 2;
}
.nav_other li {margin-bottom: 12px;}
.nav_other a {
	color: #fff;
	font-size: 1.5rem;
	margin: 0 1rem;
	line-height: 1;
	display: block;
	font-weight: 400;
}

#Fpage-top {
	z-index: 1;
	text-align: right;
	position: relative;
}
#Fpage-top a {
	text-align: center;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    font-size: 1.4rem;
    background-color: #00a5ec;
    width: 13rem;
    height: 6.5rem;
    line-height: 6rem;
    margin-right: 20px;
    border-radius: 70px 70px 0 0;
}
#Fpage-top a::before {
	content: "";
	width: 13px;
	height: 16px;
	background-image: url(../images/pagetop.png);
	background-size: contain;
	display: block;
    margin: 1rem auto -1rem;
}
footer {background-color: #f6f7f7;}
footer > div {
	background-color: #005eac;
	align-items: center;
	padding: 20px;
}
footer h1 a {display: inline-block;}
footer .sns img {height: 17px;}
footer .address {
	width: 68%;
	align-items: center;
}
footer .address ul {margin: 0 20px;}
footer .address li, footer .address li span {
	font-size: 1.4rem;
	font-weight: 400;
	color: #fff;
}
footer .address li a.map {
    font-weight: 500;
	font-size: 1.2rem;
    background-color: #fff;
    color: #005eac;
    line-height: 1;
    display: inline-block;
    padding: 3px;
    border-radius: 3px;
}
footer .address li span {color: #fff;}
.tel-link a {
	background-color: #005eac;
	color: #fff;
}
.fax a {
	pointer-events: none;
	color: #fff;
}
footer .sns_copy {
	width: 32%;
	text-align: right;
}
footer .sns_copy .sns {
	justify-content: end;
	margin-bottom: 5px;
}
footer .sns_copy li {margin-right: 10px;}
footer .sns_copy li:last-child {margin-right: 0;}
footer .sns_copy a {
	padding: 3px;
	display: block;
}
footer .sns_copy .copy {
	font-size: 1rem;
	color: #fff;
	font-weight: 400;
	line-height: 1.3;
}

.obje {
	position: absolute;
	left: 50%;
    max-width: 1000px;
    width: 100%;
    transform: translate(-50%, 20px);
	opacity: 0;
	transition: .5s;
}
.uminakanavi_obje {
	top: 17%;
    left: 45%;
}
.flower_guide_obje {
	bottom: 8%;
	left: 55%;
    text-align: right;
}
.park_guide_obje {
	top: 17%;
    left: 45%;
}
.show .obje {
	transition-delay: .8s;
	opacity: 1;
	transform: translate(-50%, 0);
}





/* --------------- */
/* --------------- */
.stripe_bg {background: #fff url(../images/bg1.jpg) top left; background-size: 50px;}
.low .wave_anm {display: none;}
.low .nav_info {margin-top: 0;}
.low section {
	padding: 8rem 0;
	position: relative;
}
.w_830 {
	max-width: 830px;
	margin: auto;
}
.low_title {
	padding: 0 0 10rem;
	position: relative;
}
.low_title::before {
	content: "";
	width: 100%;
	height: 170%;
    position: absolute;
    left: 0;
    top: -110%;
	background-color: #fff;
	transform: skewY(-10deg);
}
.low_title h1 {
	font-size: 4rem;
	margin-bottom: 3rem;
	line-height: 1.2;
	display: flex;
	opacity: 0;
	transform: translateY(20px);
}
.show.low_title h1 {
	opacity: 1;
	transform: translateY(0);
	transition: .5s;
	transition-delay: 1s;
}
.low_title h1 img {
    width: 5rem;
    height: 5rem;
    background-color: #005eac;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 50%;
    display: inline-block;
    margin-right: 1rem;
}
.low_title .inner {
	position: relative;
	z-index: 2;
}
.pankuzu {
	opacity: 0;
	transform: translateY(20px);
}
.show.pankuzu {
	opacity: 1;
	transform: translateY(0);
	transition: .5s;
	transition-delay: 1.1s;
}
.pankuzu li {
	display: inline-block;
	font-weight: 400;
	font-size: 1.4rem;
	color: #707070;
	position: relative;
	margin: 3px 0;
}
.pankuzu li::after {
	content: "";
	width: 4px;
	height: 4px;
	border-top: 1px solid #707070;
	border-right: 1px solid #707070;
	-webkit-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	top: 50%;
	right: 1rem;
}
.pankuzu li:last-child::after {content: none;}
.pankuzu li a {
	color: #005eac;
	text-decoration: underline;
	font-weight: 400;
	display: block;
    margin-right: 2rem;
}
.low_title + .content {
	margin-top: 5rem;
	opacity: 0;
	transform: translateY(20px);
}
.low_title.show + .content {
	opacity: 1;
	transform: translateY(0);
	transition: .5s;
	transition-delay: 1.1s;
}
.overflow_v {
	overflow: visible;
	position: relative;
}
.border_txt {
	position: absolute;
	width: 33px;
    top: -8vw;
    right: 0;
	z-index: 1;
}
.low_cont_title {
	text-align: center;
	font-size: 2.8rem;
	line-height: 1.2;
	margin-bottom: 3rem;
	position: relative;
	z-index: 2;
	opacity: 0;
	transform: translateY(20px);
}
.show .low_cont_title, .show.low_cont_title  {
	opacity: 1;
	transform: translateY(0px);
	transition: .3s;
	transition-delay: .5s;
}
.flowering_info {
	width: calc(100% + 3%);
	position: relative;
	z-index: 2;
}
.flowering_info .flower_guide_list {
	width: 30.333%;
	margin: 0 3% 3% 0;
}
.flower_related {width: calc(100% + 5%);}
.flower_related a {
	position: relative;
	width: 45%;
	margin-right: 5%;
	overflow: hidden;
}
.flower_related p {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 70%;
	background-color: rgba(255, 255, 255, .9);
	padding: 5px 30px 5px 15px;
}
.flower_related p::after {
	content: "";
	width: 7px;
	height: 7px;
	border-top: 2px solid #005eac;
	border-right: 2px solid #005eac;
	-webkit-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	top: 50%;
	right: 15px;
}
.flower_related span {
	color: #005eac;
	font-weight: 700;
	display: inline-block;
}
.low footer {background-color: transparent;}
.flw_info_detail .bg_fff {
	background-color: #fff;
	padding: 7rem 20px;
	margin-bottom: 8rem;;
}
.flw_info_detail h2 {
    margin: 0 auto 3rem;
    padding-left: 1rem;
    font-size: 2.6rem;
    display: block;
    width: 100%;
	max-width: 820px;
    border-left: 5px solid #005eac;
    line-height: 1.2;
}
.flw_info_detail .txt {
	max-width: 760px;
	margin: auto;
	padding: 0 20px;
}
.flw_info_detail .txt dl {
	margin-bottom: 3rem;
	display: flex;
    align-items: end;
}
.flw_info_detail .txt dt {width: calc(100% - 13rem);}
.flw_info_detail .txt dd {
	width: 13rem;
    color: #828282;
    font-size: 1.4rem;
	font-weight: 400;
    text-align: right;
}
.flw_info_detail .txt dl p {
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 1.5rem;
}
.flw_info_detail .txt dl .hold {
	background: url(../images/icon_flw_hold_B.png) left center no-repeat;
	background-size: 2.4rem;
	padding-left: 3.4rem;
}
.flw_info_detail .txt dl .area {
	background: url(../images/icon_flw_area_B.png) left center no-repeat;
	background-size: 2.4rem;
	padding-left: 3.4rem;
	margin-bottom: 0;
}
.flw_info_detail .txt .area span {margin-right: 1rem;}
.flw_info_detail .txt .area a {
    color: #005eac;
    border: 1px solid;
    display: inline-block;
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 1.6rem;
    line-height: 1;
}
.flw_info_detail .txt p {
	font-weight: 400;
	line-height: 1.6;
}
.flw_info_detail .txt img {
	margin: 3rem 0;
	display: block;
}
.flw_info_detail .txt h3 {
	font-size: 2rem;
	margin-bottom: 2rem;
	padding-top: 2rem;
}
.basic_info {
	max-width: 720px;
	border: 2px solid #00b9ec;
	background-color: #fff;
	margin: 0 auto 5rem;
	padding: 0 15px;
}
.basic_info h4 {
    font-size: 2.8rem;
    background-color: #00b9ec;
    color: #fff;
    padding: 15px;
    text-align: center;
    width: calc(100% + 30px);
    margin-left: -15px;
}
.basic_info dl {
	max-width: 605px;
    margin: 2rem auto 0;
    padding-bottom: 2rem;
    border-bottom: 1px solid #c9caca;
}
.basic_info dl:last-child {border-bottom: 0;}
.basic_info .hold {background-image: url(../images/icon_flw_hold_B.png);}
.basic_info .area {background-image: url(../images/icon_flw_area_B.png);}
.basic_info dt {
	font-size: 2rem;
	background-size: 1.8rem;
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 2.5rem;
    width: 20rem;
}
.basic_info dd {
	width: calc(100% - 20rem);
	font-weight: 400;
}
.basic_info dd span {
	font-weight: 400;
	margin-right: 1rem;
}
.basic_info dd a {
	font-size: 1.3rem;
    color: #005eac;
    border: 1px solid;
    display: inline-block;
    line-height: 1;
    padding: 3px 5px;
    border-radius: 3px;
}
.flower_related_objeLow {top: -17%;}




/* --------------- */
/* --------------- */
.fade_up {
	opacity: 0;
	transform: translateY(20px);
}
.show .fade_up {
	opacity: 1;
	transform: translateY(0px);
	transition: .3s;
	transition-delay: .5s;
}

@keyframes DownAnime {
	from {opacity: 0; transform: translateY(-170px);}
	to {opacity: 1; transform: translateY(0);}
}
@keyframes LeftAnime {
	from {opacity: 0; transform: translateX(170px);}
	50% {opacity: 0; transform: translateX(170px);}
	to {opacity: 1; transform: translateX(0);}
}
@keyframes Hpage-top {
	0% {transform: rotateY(0);}
	30% {transform: rotateY(180deg);}
	50% {transform: rotateY(180deg) rotate(15deg);}
	100% {transform: rotateY(180deg) rotate(15deg);}
}
@keyframes Fpage-top {
	from {transform: translateY(3px);}
	80% {transform: translateY(-8px);}
	90% {transform: translateY(-8px); opacity: 0;}
	100% {transform: translateY(0px); opacity: 0;}
}
@keyframes btnAnm {
	from {transform: translateY(0); opacity: 1;}
	33% {transform: translateY(5px); opacity: 0;}
	66% {transform: translateY(-5px); opacity: 0;}
	100% {transform: translateY(0); opacity: 1;}
}
@keyframes bodyAnm {
	from {transform: translateX(0);}
	to {transform: translateX(-80%);}
}


@media screen and (min-width: 901px) {
	header.head_down {position: fixed; z-index: 999;}
	header.head_down > .flex {animation: DownAnime 0.5s forwards;}
	header.head_down > div.flex {margin: 0; justify-content: center; padding: 10px; max-width: inherit;}
	header.head_down nav {max-width: inherit;}
	header.head_down nav > .flex {display: none;}
	header.head_down h1 {display: none;}
	header.head_down .hours.sp_show {display: flex; margin: 0 20px;}
	header.head_down #Hpage-top {display: block;}
	header.head_down .main_menu li {margin: 10px 0 0;}
	header.head_down .sp_menu {width: auto;}
	header.head_down .sub_menu li {margin: 0;}
	header.head_down .nav_info {margin-top: 0; animation: LeftAnime 1s forwards;}
	header.head_down .nav_info a {transform: translateX(11.5rem); transition: .5s cubic-bezier(0.25, 1, 0.5, 1); padding: 10px 10px 10px 12px;}
	header.head_down .wave_anm {display: none;}
	.low header .nav_info a {transform: translateX(13.5rem);}
	.low header.head_down .nav_info a {transform: translateX(11.5rem);}

	h1 a:hover img {opacity: .7;}
	#Hpage-top a:hover::before {animation: Hpage-top ease 1s forwards;}
	.fv_news_list a:hover .txt {border-color: #333;}
	#search-wrap {position: relative; z-index: 2; right:10px;}
	#search-wrap form {width: 30px;}
	#search-text {
		-webkit-appearance: none;
		width: 20px;
		height: 35px;
		border: none;
		background: #fff url(../images/icon_search.png) no-repeat 98% center;
		background-size: 16px;
		transition: 0.5s;
		outline: none;
		cursor: pointer;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		color: #fff;
		font-size: 0;
	}
	#search-text:focus {
		width: 260px;
		padding: 10px 33px 10px 10px;
		border: 1px solid #ccc;
		border-radius: 3px;
		cursor: initial;
		color: #333;
		font-size: 16px;
		background-image: none;
	}
	#search-wrap button {
		width: 28px;
		height: 32px;
		padding: 0;
		position: absolute;
		top: -4px;
		right: 2px;
		border: 0;
		cursor: pointer;
		z-index: 3;
		visibility: hidden;
		opacity: 0;
		transition: .3s;
		background: transparent url(../images/icon_search_B.png) no-repeat center;
		background-size: 16px;
	}
	#search-wrap #search-text:focus + button {visibility: visible; opacity: 1;}
	#search-wrap button:hover {transform: scale(1.4);}
	.lang_wrap p:hover span {color: #005eac;}
	.lang_wrap p:hover span::after {border-color: #005eac transparent transparent transparent;}
	.lang_wrap li a:hover {color: #fff; background-color: #005eac;}
	.main_menu > li > a::after {content: ""; width: calc(100% - 7rem); height: 2px; background-color: #fff; position: absolute; bottom: 8px; left: 3rem;}
	.main_menu > li:hover > a::after  {background-color: #005eac;}
	.main_menu li:hover .sub_menu {opacity: 1; visibility: visible; transform: translateY(0);}
	.sub_menu a:hover {background-color: rgba(255, 255, 255, .2);}
	.sub_menu {transition: .3s; transform: translateY(10px);}
	header .sns a:hover::after {opacity: 1; transform: scale(1.2);}
	header .sns a:hover img {opacity: 0;}
	.nav_info a:hover, header.head_down .nav_info a:hover {transform: translateX(0);}
	.low header .nav_info a:hover {transform: translateX(20px);}
	.low header.head_down .nav_info a:hover {transform: translateX(0);}
	.fv_news .COVID19 a:hover {opacity: .7;}

	.slick-prev:hover:before, .slick-next:hover:before {transform: scale(1.2);}

	.banner1 a:hover img {opacity: .7;}
	.section-nav__list li:hover {transform: scale(1.1); box-shadow: 0 10px 20px rgba(0, 0, 0, .05);}
	.content-btn-back p:hover {box-shadow: 0 5px 10px rgba(0, 0, 0, .1);}
	.content-btn-back p:hover span {animation: btnAnm cubic-bezier(0.25, 1, 0.5, 1) .6s forwards;}
	.section-nav__sub-list li a:hover span {animation: btnAnm cubic-bezier(0.25, 1, 0.5, 1) .6s forwards;}
	.section-nav__sub-list li a:hover {box-shadow: 0 5px 10px rgba(0, 0, 0, .1);}

	.flower_guide_list a:hover .image {background-size: 110%;}

	.park_guide_list a:hover {transform: translateY(-15px);}
	.park_guide_list a:hover .image {background-size: 120%;}
	.area a:hover {opacity: .7;}

	#Fpage-top a:hover::before {animation: Fpage-top ease .8s infinite;}
	.nav_other a:hover {opacity: .7;}
	footer .address li a:hover {opacity: .7;}
	footer .sns_copy a:hover {opacity: .7;}

	.btn a:hover span {animation: btnAnm cubic-bezier(0.25, 1, 0.5, 1) .6s forwards;}
	.btn a:hover {box-shadow: 0 10px 10px rgba(0, 0, 0, .05);}

	/* low */
	.flower_related a:hover img {transform: scale(1.1);}
	.flower_related a:hover span {animation: btnAnm cubic-bezier(0.25, 1, 0.5, 1) .6s forwards;}
	.basic_info dd a:hover {opacity: .7;}

}/* 901以上 */

@media screen and (max-width: 1110px) {
	header .sns a {padding: 0 3px;}
	header nav > .flex {justify-content: left;}
	header .hours {margin-right: 10px;}
	header .sns.pc_show {margin-right: 10px;}

}/* 1110px */

@media screen and (max-width: 1000px) {
	.flower_related_objeLow {left: 45%;}
}/* 1000px */

@media screen and (max-width: 950px) {
	footer .address {width: 50%;}
	footer .address ul {margin: 15px 0 0; width: 100%;}
	footer .sns_copy {width: 50%;}
}/* 950px */

@media screen and (max-width: 900px) {
	html {font-size: 60%;}
	.hidden1 {overflow: hidden;}
	.pc_show {display: none;}
	.sp_show {display: block;}
	.flex.sp_show {display: flex;}

	header.head_down h1 {margin: 10px 0 10px 10px;}
	header.head_down .sp_menu button {top: 31px;}
	header.head_down .sp_menu button.active {top: 12px;}
	header.head_down .hours {padding: 3px 0;}

	.wrap, header .hours, header h1, .nav_info {transition: .3s; }
	.hidden1 .wrap  {position: relative; transform: translateX(-360px);}
	.hidden1 header .hours, .hidden1 header h1, .hidden1 .nav_info {transform: translateX(-360px);}

	header > div.flex {display: block; margin: 0; padding: 0;}
	header .hours {background-color: #00a5ec; justify-content: center; border-radius: 0; margin: 0; padding: 10px 0;}
	header .hours dt {font-size: 1.6rem; padding: 0 10px 0 30px;}
	header .hours dd {color: #fff; font-size: 1.6rem; padding: 0 10px;}
	header h1 {margin: 20px 0 20px 10px; width: auto;}

	/* spbtn */
	.sp_menu {width: auto !important;}
	.sp_menu_btn {display: block;}
	.sp_menu button {
		display: block;
		border: none;
		width: 45px;
		height: 45px;
		cursor: pointer;
		position: fixed;
		top: 57px;
		right: 15px;
		z-index: 9900;
		text-align: center;
		outline: none;
		padding: 5px;
		background-color: #005eac;
		border-radius: 25px;
		transition: .3s;
	}
	.sp_menu button span.bar {
		display: block;
		height: 3px;
		width: 26px;
		background-color: #fff;
		margin: 6px auto;
		transition: 0.2s;
		transform-origin: 0 0;
		border-radius: 3px;
	}
	.sp_menu button.active {top: 12px; background-color: #fff;}
	.sp_menu button.active span.bar {width: 30px; background-color: #005eac;}
	.sp_menu button.active .bar1 {
		transform: rotate(45deg);
		margin-left: 8px;
	}
	.sp_menu button.active .bar2 {opacity: 0;}
	.sp_menu button.active .bar3 {
		transform: rotate(-45deg);
		margin-left: 6px;
		margin-top: 10px;
	}
	.sp_menu button.active .menu {display: none;}
	.sp_menu nav {
		position: fixed;
		top: 0;
		right: 360px;
		transform: translateX(720px);
		-webkit-transition: 0.5s;
		transition: 0.3s;
		background-color: #005eac;
		width: 360px;
		height: 100vh;
		padding: 70px 20px;
		box-sizing: border-box;
		overflow: scroll;
		z-index: 9000;
	}
	.sp_menu nav.open {transform: translateX(360px);}
	.sp_menu nav.open > ul li:nth-child(2) {transition-delay: .45s;}
	.sp_menu nav.open > ul li:nth-child(3) {transition-delay: .5s;}
	.sp_menu nav.open > ul li:nth-child(4) {transition-delay: .55s;}
	.sp_menu nav.open > ul li:nth-child(5) {transition-delay: .6s;}
	.sp_menu nav.open > ul li:nth-child(6) {transition-delay: .65s;}

	header nav > .flex {margin-bottom: 30px;}
	.search_lang {width: 100%;}
	.lang_wrap {order: 1; width: 100%; border-left: 0; margin-bottom: 20px;}
	.lang_wrap p {border: 1px solid #fff; padding: 10px 20px; border-radius: 25px; text-align: left; color: #fff; font-size: 2rem;}
	.lang_wrap p::after {content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 6px 0 6px; border-color: #fff transparent transparent transparent; position: absolute; right: 12px; top: 50%; transform: translateY(-50%);}
	.lang_wrap p span {color: #fff; font-size: 2.2rem;}
	.lang_wrap ul {width: 100%;}
	.lang_wrap li a {font-size: 2rem; padding: 10px; line-height: 1;}
	#search-wrap {order: 2; width: 100%; right: 0;}
	#search-wrap form {position: relative;}
	#search-wrap form div {background-color: #fff;}
	#search-wrap form div::after {content: "キーワードを入力"; position: absolute; top: 50%; left: 10px; transform: translate(0, -50%); color: #9fa0a0; z-index: 1; font-size: 1.8rem;}
	#search-text {position: relative; width: 100%; transform: none;}
	#search-text {-webkit-appearance: none; border: none; background: url(../images/icon_search.png) no-repeat 98% center; background-size: 16px; outline: none; font-size: 16px; padding: 10px 30px 10px 10px; position: relative; z-index: 2;}
	#search-text:focus {background-color: #fff;}
	#search-wrap button {width: 30px; height: 100%; padding: 0; position: absolute; top: 0; right: 0; border: 0; z-index: 3; background-color: transparent;}

	.show.low_one_box .inner {animation: low_one_boxAnm_sp .3s .5s forwards;}

	.nav_guide {margin: 0 0 30px; border-top: 1px solid #fff; padding-top: 30px;}
	.nav_guide li {margin-bottom: 15px;}
	.nav_guide li:last-child {margin-bottom: 0;}
	.nav_guide a {background-color: #00a5ec;}
	.nav_guide a span {color: #fff; font-size: 1.8rem;}
	.nav_guide .btn a::after {border-color: #fff;}

	.nav_menu > .flex {display: block;}
	.main_menu {width: calc(100% + 40px); margin: 0 0 20px -20px;}
	.main_menu > li {border-bottom: 1px solid #fff; padding: 0; margin-bottom: 0;}
	.main_menu > li:first-child {border-top: 1px solid #fff;}
	.main_menu .icon {color: #fff; font-size: 2.1rem; padding-left: 4rem; font-weight: 700;}
	.main_menu .icon::after {content: none;}
	.main_menu .icon::before {width: 2.9rem; height: 2.9rem;}
	.main_menu a {text-align: left;}
	.main_menu > li > a {
		display: inline-block;
		font-size: 2rem;
		width: calc(100% - 5rem);
		margin: 0;
		padding: 2rem 20px;
		box-sizing: border-box;
	}
	.ac_icon {
		width: 5rem;
		height: 6.4rem;
		display: inline-block;
		position: relative;
		transition: .3s;
		vertical-align: top;
	}
	.ac_icon::after {
		content: "";
		width: 1rem;
		height: 1rem;
		border-bottom: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: rotate(45deg);
		position: absolute;
		top: 2.3rem;
		left: 2rem;
		transition: .3s;
	}
	.ac_icon.active::after {transform: rotate(-135deg);}
	.sub_menu {
		display:none;
		position: relative;
		top: 0;
		left: 0;
		opacity: 1;
		visibility: visible;
		padding: 0 0 2rem;
	}
	.sub_menu a {font-size: 1.6rem; padding: 9px 20px 9px 55px;}
	.sub_menu a::before, .sub_menu a::after {content: none;}

	.sp_menu .sns {max-width: 300px; margin: 40px auto 0; justify-content: center;}
	.sp_menu .sns li {margin-right: 15px;}
	.sp_menu .sns img {max-height: 30px;}
	.sp_nav_info li {margin-bottom: 15px;}
	.sp_nav_info a {padding: 10px 10px 10px 5rem; text-align: left; color: #005eac; background-color: #fff; display: block; font-size: 1.8rem; font-weight: 700;background-size: 2.6rem; background-repeat: no-repeat; background-position: 1rem center;}
	.sp_nav_info li:nth-child(1) a {background-image: url(../images/icon_uminaka.png);}
	.sp_nav_info li:nth-child(2) a {background-image: url(../images/icon_event_B.png);}
	.sp_nav_info li:nth-child(3) a {background-image: url(../images/icon_map_B.png);}
	.sp_nav_info li:nth-child(4) a {background-image: url(../images/icon_access_B.png);}
	.nav_info {top: initial !important; bottom: 0; transform: none; width: 100%;}
	.nav_info ul {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	.nav_info li {width: 33.333%;}
	.nav_info a {border: 0; border-right: 1px solid; text-align: center; transform: translateX(0); padding: 10px 5px; border-radius: 0;}
	.nav_info li:last-child a {border: 0;}
	.nav_info a::before {content: ""; width: 100%; height: 1px; background-color: #fff; position: absolute; top: 0; left: 0;}
	.nav_info a::after {content: ""; width: 60px; height: 30px; background-color: #005eac; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); z-index: 1; border-radius: 50px 50px 0 0;}
	.nav_info a img {display: block; margin: -20px auto 2px; width: 21px; height: 21px;}
	.main_menu li:nth-child(1) .icon::before {background-image: url(../images/icon_info_W.png);}
	.main_menu li:nth-child(2) .icon::before {background-image: url(../images/icon_inst_W.png);}
	.main_menu li:nth-child(3) .icon::before {background-image: url(../images/icon_news_W.png);}
	.main_menu li:nth-child(4) .icon::before {background-image: url(../images/icon_blog_W.png);}
	.main_menu li:nth-child(5) .icon::before {background-image: url(../images/icon_other_W.png);}
	.wave_anm {display: none;}

	.one_box {height: 100%;}
	.low_one_box {padding-top: 10rem;}
	.low_one_box .inner {position: relative; top: 0; left: 0; transform: none; padding-top: 0;}
	.low_one_box::before {border-width: 15vw 100vw 0 0;}
	.low_one_box#one_box3::before {border-width: 15vw 100vw 0 0; border-color: #f6f7f7 transparent transparent transparent;}

	/* .main_visual {height: 70vw; min-height: 300px; max-height: 500px;} */
	.main_visual {min-height: 300px;}
	.main_visual .item {height: 100%;}
	.main_visual .slick-track, .main_visual .slick-list, .main_visual .slick-slider {height: 100%;}
	.fv_news .COVID19 {width: 45%;}
	.fv_news .fv_news_list {width: 51%;}
	.fv_news_list dt {width: 9rem;}
	.fv_news_list dd {width: calc(100% - 9rem);}
	.fv_news_list ul {margin-left: 1rem;}
	.fv_news_list .day {margin-right: 1rem;}
	.fv_news_list .txt {width: calc(100% - 8rem);}

	.one_box.flower_guide {background-color: #fff;}
	.flower_guide.low_one_box::before {border-color: #f6f7f7 transparent transparent transparent;}
	.multiple-items {padding: 0 30px;}
	.section-nav__list {width: calc(100% + 5%);}
	.section-nav__list li {width: 28.333%; margin: 0 5% 5% 0;}

	.park_guide .inner {padding-bottom: 6rem;}
	.guideContents {padding: 3rem 15px 1rem;}

	#Fpage-top {text-align: center;}
	#Fpage-top a {width: 16rem; height: 8rem; line-height: 6rem; margin-right: 0; border-radius: 8rem 8rem 0 0; margin-bottom: -2rem;}
	.nav_other {padding: 20px 0 8px;}
	footer .address {width: 100%; display: block; text-align: center; margin-bottom: 20px;}
	footer .sns_copy {width: 100%; text-align: center;}
	footer .sns_copy .sns {justify-content: center;	margin-bottom: 10px;}
	footer > div {padding: 20px 15px 80px;}

	.low_title {padding: 0 0 8rem;}
	.low_title::before {top: -90%;}



}/* 900px */

@media screen and (max-width: 800px) {
	.fv_news {height: auto;}
	.fv_news > .flex {padding: 30px 20px 0; display: block;}
	.fv_news .th_info_bnr {width: 100%;}
	.fv_news .fv_news_list {width: 100%; margin: 30px 0 0;}
	.fv_news .th_info_bnr + .fv_news_list {width: 100%;margin-left: 0;}

}/* 800px */

@media screen and (max-width: 750px) {
	header h1 {margin: 15px 0 15px 10px;}
	header h1 img {width: 220px;}
	.sp_menu button {top: 50px;}

	.inner {padding: 0 15px;}
	.fv_news > .flex {padding: 30px 15px;}
	.fv_news_list dl {display: block; padding: 15px; border: 1px solid #e60011; border-radius: 10px;}
	.fv_news_list dt {width: 100%; padding: 0; margin-bottom: 2rem; font-size: 1.8rem; border: 0;}
	.fv_news_list dt br {display: none;}
	.fv_news_list dd {height: auto; width: 100%; padding-right: 0;}
	.fv_news_list dd a {display: block;}
	.fv_news_list ul {margin-left: 0;}
	.fv_news_list li {margin-bottom: 1.5rem;}
	.fv_news_list .txt {width: 100%; white-space: inherit; line-height: 1.3;}
	.fv_news_list dd::-webkit-scrollbar{width:0;}

	.banner1 {width: 100%;}
	.banner1 .slick-dotted.slick-slider {max-width: 590px; margin: 0 auto 50px;}
	.section-nav {width: 100%; max-width: 590px; margin: 20px auto 0;}
	.section-nav__list li img {max-width: 80px;}

	.flower_guide .slick-prev {left: -5px;}
	.flower_guide .slick-next {right: -5px;}

	.multiple-items2 .slick-prev, .multiple-items2 .slick-next {top: -20px;}
	.guideContents .section-nav__sub-list li {width: 47%; margin-bottom: 1.5rem;}

	.sp_news {background: #fff url(../images/bg1.jpg) top left; background-size: 50px; padding: 5rem 20px 20px; display: block;}
	.sp_news.low_one_box::before {content: none;}
	.sp_news .inner {padding: 30px 20px; background-color: #fff;}
	.sp_news h2 {text-align: center; font-weight: 700; font-size: 2.5rem; margin-bottom: 30px;}
	.sp_news_list {margin-bottom: 30px;}
	.sp_news_list a {display: block; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #b5b5b6;}
	.sp_news_list .day {color: #898989; font-size: 1.4rem; margin-right: 10px; display: inline-block;}
	.sp_news_list .cate {font-size: 1.3rem; font-weight: 700; color: #fff; background-color: rgb(150, 150, 150); display: inline-block; padding: 0 5px;}
	.sp_news_list .cate.release {background-color: #7941ac;}
	.sp_news_list .cate.food_shop {background-color: #f9a328;}
	.sp_news_list .txt {margin-top: 1rem; line-height: 1.3;}
	.sp_news::after {content: ""; width: 100%; height: 100%; position: absolute; bottom: -100px; left: 0; z-index: -1; background: url(../images/bg1.jpg) top left; background-size: 50px;}

	footer {background-color: inherit;}

	.flw_info_detail .bg_fff {padding: 5rem 20px 20px;}
	.border_txt {width: 25px;}
	.flw_info_detail .txt {padding: 0;}
	.flw_info_detail .txt dl {display: block;}
	.flw_info_detail .txt dt {width: 100%;}
	.flw_info_detail .txt dd {width: 100%; text-align: left; margin-top: 10px;}

	.flowering_info {width: calc(100% + 4%);}
	.flowering_info .flower_guide_list {width: 46%; margin: 0 4% 4% 0;}
	.basic_info dl {display: block;}
	.basic_info dt {width: 100%; margin-bottom: 10px;}
	.basic_info dd {width: 100%;}

	.uminakanavi_obje {top: 7%;}
	.flower_guide_obje {bottom: inherit; top: 0;}
	.park_guide_obje {top: 7%;}



}/* 750px */

@media screen and (max-width: 600px) {
	.low_title + div {margin-top: 2rem;}

	.section-nav__content-item h3 span {font-size: 2.7rem;}

	.flower_related {width: 100%; padding: 0 15px;}
	.flower_related a {width: 100%; margin: 0 0 5% 0;}
	.flower_related a:last-child {margin-bottom: 0;}
	.flower_related a img {width: 100%;}
	.flower_related p {width: 100%; padding: 10px 30px 10px 15px;}

	.flower_guide_list .txt {padding: 10px;}
	.guideContents h3 {font-size: 2.7rem;}

	.uminakanavi_obje {top: 7%;}
	.uminakanavi_obje img {width: 38%; min-width: 170px;}
	.flower_guide_obje img {width: 35%; min-width: 170px;}
	.park_guide_obje img {width: 28%; min-width: 140px;}
	.flower_related_objeLow {top: -5%;}
	.flower_related_objeLow img {width: 35%; min-width: 170px;}

}/* 600px */


@media screen and (max-width: 500px) {
	html {font-size: 58%;}
	header h1 {width: 60%; margin: 10px 0 10px 10px;}
	footer h1 a {width: 52%; min-width: 210px;}
	.hidden1 .wrap  {position: relative; transform: translateX(-300px);}
	.hidden1 header .hours, .hidden1 header h1, .hidden1 .nav_info {transform: translateX(-300px);}
	.sp_menu nav {right: 300px; transform: translateX(600px); width: 300px;}
	.sp_menu nav.open {transform: translateX(300px);}
	.sp_menu button {top: 44px; right: 10px;}
	header.head_down .sp_menu button {top: 27px;}
	#splash_logo {width: 100px; height: 100px;}
	#splash_logo .waves {height: 50px;}

	.low_one_box {padding-top: 5rem;}

	.multiple-items {padding: 0 0 0 10vw; margin: 0 -40vw 0 0;}
	.section-nav__list {width: calc(100% + 4%);}
	.section-nav__list li {width: 29.333%; margin: 0 4% 4% 0; padding: 1rem; font-size: 3.2vw;}
	.section-nav__list li img {max-width: 70%;}
	.section-nav__content-body {padding: 30px 15px 10px;}
	.content-btn-back {margin-bottom: 15px;}
	.content-btn-back p {max-width: 100%;}
	.section-nav__sub-list {width: 100%; padding: 0 15px;}
	.section-nav__sub-list li {width: 100%; margin-right: 0; margin-bottom: 15px;}

	.flower_guide .slick-prev {left: 0;}
	.flower_guide .slick-next {right: 63vw;}
	.flower_guide_list {margin: 0 50px 0 0;}
	.flower_guide_list .image {height: 140px;}

	.park_guide .multiple-items2::before {width: 100%; top: 10px; left: 20px;}
	.park_guide_list {margin: 0 3vw;}
	.multiple-items2 .slick-list {margin: 0 -20vw 40px 15vw;}
	.multiple-items2 .slick-prev, .multiple-items2 .slick-next {top: inherit; bottom: -40px;}
	.multiple-items2 .slick-slide {height: auto !important; margin: 30px 10px 10px;}
	.park_guide_list a {margin: 0; height: 100%; box-sizing: border-box;}
	.guideContents .section-nav__sub-list li {width: 100%;}

	.sp_news .inner {padding: 30px 15px;}

	footer .address li {margin-bottom: 5px;}
	footer .address li:last-child {margin-bottom: 0;}

	.low_title {padding: 0 0 5rem;}
	.low_title::before {top: -80%; height: 180%;}
	.flw_info_detail {margin: 0 5px;}
	.flw_info_detail .bg_fff {padding: 5rem 15px 15px;}
	.flowering_info .flower_guide_list .image {height: 30vw;}
	.border_txt {width: 20px;}


}/* 500px */

@media screen and (max-width: 400px) {
	header h1 img {width: 200px;}
	header .hours {padding: 7px 0;}
	header .hours dt {line-height: 1; transition: .3s;}
	header .hours dd {width: 100%; text-align: center; line-height: 1; margin-top: 5px; transition: .3s;}
	header.head_down .hours  {padding: 5px 0;}
	header.head_down .hours dt, header.head_down .hours dd {font-size: 1.4rem;}
	header.head_down .sp_menu button {top: 37px;}

	.multiple-items {margin: 0 -80vw 0 0; padding: 0 0 0 12vw;}
	.flower_guide .slick-next {right: 80vw;}
	.multiple-items2 .slick-list {margin-left: 5vw;}

	.nav_info li a {font-size: 1.3rem;}
}/* 400px */

@media screen and (max-width: 360px) {
	.multiple-items2 .slick-list {margin-left: 10px;}
}/* 360px */




 /* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #step_flow dd a {padding: 6px 25px 0 10px;}
	*::-ms-backdrop, #splash_logo .waves {display: none;}
	*::-ms-backdrop, #splash_logo::before {content: ""; width: 200px; height:200px; border-radius: 50%; background-color: #015fac; position: absolute; bottom: -120px; left: -80px; z-index: 2;}
	*::-ms-backdrop, #splash_logo::after {content: ""; width: 200px; height:200px; border-radius: 50%; background-color: #c6d9e9; position: absolute; bottom: -120px; right: -80px; z-index: 1;}
}