@charset "utf-8";

/* ==================================================
PC
================================================== */

/* ========== トップページ ========== */

/* 非表示 */
#footstep_wrap {
	display: none !important;
}

/* ヘッダ */
#header {
	position: relative;
	z-index: 3;
}

#header2 {
	background-image: none;
}
#header2::before {
	bottom: -60px;
}
#header2::after {
	bottom: -240px;
}
#header2_box::before {
	bottom: 20px;
}
#header2_box::after {
	bottom: -40px;
}

#top_search {
	padding-bottom: 0px;
}

/* MV */
#top_mv_wrap {
	position: relative;
	z-index: 2;
	overflow: hidden;
	background: #f2fcd0;
	line-height: 1;
	margin-top: -2px;
}
#top_mv {
	position: relative;
	min-height: 120px;
}
#top_mv::before,
#top_mv::after {
	content: '';
	display: block;
	width: 100%;
	height: 60px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center top;
	color: inherit;
	position: absolute;
	left: 0px;
	right: 0px;
	z-index: 2;
	pointer-events: none;
}
#top_mv::before {
	background-image: url("/img/sites/zoo/top/bg-mv1.png");
	top: 0px;
}
#top_mv::after {
	background-image: url("/img/sites/zoo/top/bg-mv2.png");
	bottom: 0px;
}

#top_mv img {
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

/* MV（スライドショー） */
#top_mv:has(.swiper-wrapper .swiper-slide:only-child) button,
#top_mv:has(.swiper-wrapper .swiper-slide:only-child) .swiper-pagination {
	display: none !important;
}

#top_mv button[class*="swiper-button-"] {
	width: 36px;
	height: 36px;
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	color: inherit;
	-webkit-box-shadow: none;
	        box-shadow: none;
	text-align: left;
	text-indent: -9999em;
	overflow: hidden;
	position: absolute;
	top: auto;
	left: auto;
	right: auto;
	bottom: 80px;
	-webkit-transform: none;
	    -ms-transform: none;
	        transform: none;
	z-index: 5;
}
#top_mv button[class*="swiper-button-"]::before,
#top_mv button[class*="swiper-button-"]::after {
	display: none;
}
#top_mv button.swiper-button-prev {
	background-image: url("/img/sites/zoo/top/btn-slide-prev.png");
	left: calc(50% + 392px);
}
#top_mv button.swiper-button-next {
	background-image: url("/img/sites/zoo/top/btn-slide-next.png");
	left: calc(50% + 448px);
}
#top_mv button.swiper-button-stop {
	background-image: url("/img/sites/zoo/top/btn-slide-stop.png");
	left: calc(50% + 504px);
}
#top_mv button.swiper-button-start {
	background-image: url("/img/sites/zoo/top/btn-slide-start.png");
	left: calc(50% + 504px);
}

#top_mv .swiper-pagination {
	position: absolute;
	top: auto;
	left: 50%;
	right: auto;
	bottom: 86px;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	z-index: 5;
	width: 720px;
	max-width: calc(100% - 360px);
	margin: 0px;
	padding: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 20px;
}
#top_mv .swiper-pagination-bullet {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	width: 24px;
	height: 24px;
	border: 2px solid #ffffff;
	border-radius: 100%;
	background: #dcdcdc;
	color: #000000;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	opacity: 1;
}
#top_mv .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #004273;
	color: #ffffff;
}

/* メニュー */
#site_header_important_wrap {
	position: relative;
	z-index: 3;
	padding-bottom: 10px;
	background-image: url("/img/sites/zoo/top/bg-img1.png"), url("/img/sites/zoo/top/bg-img2.png");
	background-repeat: no-repeat;
	background-position: left calc(50% - 760px) bottom 55px, left calc(50% + 725px) top 120px;
}
#site_header_important {
	position: relative;
}
#site_header_important::before,
#site_header_important::after {
	content: '';
	display: block;
	width: 0px;
	height: auto;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	color: inherit;
	pointer-events: none;
	position: absolute;
}
#site_header_important::before {
	width: 226px;
	aspect-ratio: 226 / 275;
	background-image: url("/img/sites/zoo/top/bg-animal1.png");
	left: calc(50% - 750px);
	bottom: 0px;
}
#site_header_important::after {
	width: 198px;
	aspect-ratio: 198 / 232;
	background-image: url("/img/sites/zoo/top/bg-animal2.png");
	left: calc(50% + 540px);
	top: -40px;
}

ul.top_menu_list {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 20px;
	text-align: center;
}
ul.top_menu_list li {
	width: calc(20% - 16px);
}
ul.top_menu_list li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	min-height: 200px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	color: #00365e;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 3rem;
	text-decoration: none;
	-webkit-transition: -webkit-transform 0.5s;
	transition: -webkit-transform 0.5s;
	-o-transition: transform 0.5s;
	transition: transform 0.5s;
	transition: transform 0.5s, -webkit-transform 0.5s;
}
ul.top_menu_list li a:hover,
ul.top_menu_list li a:focus {
	opacity: 0.75;
	-webkit-transform: translateY(-10px);
	    -ms-transform: translateY(-10px);
	        transform: translateY(-10px);
}
ul.top_menu_list li.menu1 a {
	background-image: url("/img/sites/zoo/top/bg-menu1.png");
}
ul.top_menu_list li.menu2 a {
	background-image: url("/img/sites/zoo/top/bg-menu2.png");
}
ul.top_menu_list li.menu3 a {
	background-image: url("/img/sites/zoo/top/bg-menu3.png");
}
ul.top_menu_list li.menu4 a {
	background-image: url("/img/sites/zoo/top/bg-menu4.png");
}
ul.top_menu_list li.menu5 a {
	background-image: url("/img/sites/zoo/top/bg-menu5.png");
}

ul.top_menu_list li a span.icon {
	display: block;
	width: 100%;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center top;
	color: inherit;
	padding-top: 80px;
}
ul.top_menu_list li:hover a span.icon,
ul.top_menu_list li:focus a span.icon {
	text-decoration: underline;
}
ul.top_menu_list li.menu1 a span.icon {
	background-image: url("/img/sites/zoo/top/icon-menu1.png");
}
ul.top_menu_list li.menu2 a span.icon {
	background-image: url("/img/sites/zoo/top/icon-menu2.png");
}
ul.top_menu_list li.menu3 a span.icon {
	background-image: url("/img/sites/zoo/top/icon-menu3.png");
}
ul.top_menu_list li.menu4 a span.icon {
	background-image: url("/img/sites/zoo/top/icon-menu4.png");
}
ul.top_menu_list li.menu5 a span.icon {
	background-image: url("/img/sites/zoo/top/icon-menu5.png");
}

/* メイン */
#mymainback {
	width: auto;
	margin: 0px;
	padding: 0px;
}

.top_main_box {
	width: var(--content-width, 1080px);
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

h2.main_midashi {
	margin: 0px;
	color: #00365e;
	font-size: 4.2rem;
	line-height: 6rem;
	text-align: center;
}

.link_ichiran a,
.link_box .lnk a {
	display: inline-block;
	border: 1px solid transparent;
	border-radius: 30px;
	background: url("/img/sites/zoo/top/icon-arrow.png") no-repeat right 20px top 50% #004273;
	color: #ffffff;
	font-size: 1.8rem;
	line-height: 1.8rem;
	text-decoration: none;
	text-align: left;
	padding: 20px 60px 20px 30px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transition: background-position 0.5s;
	-o-transition: background-position 0.5s;
	transition: background-position 0.5s;
}
.link_ichiran a:hover,
.link_ichiran a:focus,
.link_box .lnk a:hover,
.link_box .lnk a:focus {
	text-decoration: underline;
	background-position: right 10px top 50%;
	opacity: 0.75;
}

/* メイン （装飾）*/
#top_calendar::before,
#top_calendar::after,
#top_event::before,
#top_event h2.main_midashi::before,
#top_event h2.main_midashi::after,
#top_tab_detail::before,
#top_tab_detail::after,
.section_information::before,
.section_information::after,
.news_link_wrap::before,
.news_link_wrap::after,
#top_link .link_box_bg.link1::before,
#top_link .link_box_bg.link1 .link_box::before,
#top_link .link_box_bg.link1 .link_box::after,
#top_link .link_box_bg.link2::before,
#top_link .link_box_bg.link2 .link_box::before,
#top_link .link_box_bg.link2 .link_box::after,
#top_link .link_box_bg.link3 .link_box::before,
#top_link .link_box_bg.link3 .link_box::after,
#top_link .link_box_bg.link3 .link_box .link_box2.box1::before,
#top_link .link_box_bg.link3 .link_box .link_box2.box1::after,
#top_link .link_box_bg.link3 .link_box .link_box2.box2::before,
#top_link .link_box_bg.link3 .link_box .link_box2.box2::after,
#top_link .link_box .lnk a::before,
#top_download::before {
	content: '';
	display: block;
	width: 0px;
	height: auto;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	color: inherit;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

/* 本日・今週の情報 */
#top_info_bg {
	background: url("/img/sites/zoo/top/bg-info1.png") no-repeat center top,
				url("/img/sites/zoo/top/bg-info2.png") no-repeat center bottom #bbd96d;
}
#top_info_bg2 {
	background: url("/img/sites/zoo/top/bg-illust4.png") no-repeat left calc(50% + 630px) top 280px,
				url("/img/sites/zoo/top/bg-animal4.png") no-repeat left calc(50% - 576px) bottom 350px,
				url("/img/sites/zoo/top/bg-img3.png") no-repeat left calc(50% - 800px) bottom 400px transparent;
	min-height: 600px;
}

#top_info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	padding-top: 150px;
	padding-bottom: 170px;
}
#top_info h2.main_midashi {
	font-size: 3.5rem;
	line-height: 4rem;
	margin-bottom: 30px;
}

/* カレンダー */
#top_calendar {
	width: 320px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background: #ffffff;
	border-radius: 30px;
	padding: 40px 20px;
	position: relative;
}
#top_calendar::before {
	background-image: url("/img/sites/zoo/top/bg-animal3.png");
	width: 133px;
	aspect-ratio: 133 / 132;
	top: -100px;
	right: -40px;
}
#top_calendar::after {
	background-image: url("/img/sites/zoo/top/bg-img8.png");
	width: 157px;
	aspect-ratio: 157 / 98;
	top: -75px;
	right: -220px;
}

#top_calendar #main_body {
	background: none;
	border-radius: 0px;
	padding: 0px;
}

#calendar_tab_title ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}
#calendar_tab_title ul li {
	width: 100%;
}
#calendar_tab_title ul li button {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 5px solid #ffffff;
	border-radius: 10px;
	background: #d0e4dc;
	color: #333333;
	font-size: 1.4rem;
	line-height: 2rem;
	font-weight: bold;
	text-align: center;
	padding: 10px 0px;
}
#calendar_tab_title ul li button:hover {
	text-decoration: underline;
}
#calendar_tab_title ul li button.tab_on,
#calendar_tab_title ul li button.tab_on:hover {
	border-color: transparent !important;
	font-size: 1.6rem;
	text-decoration: none;
	border-radius: 10px 10px 0px 0px;
	pointer-events: none;
	position: relative;
}
#calendar_tab_title ul li button.tab_on::before {
	content: '';
	position: absolute;
	bottom: -20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #d0e4dc;
}

#calendar_tab_title ul li#calendar_tab_title_2 button {
	background: #ffdcd1;
}
#calendar_tab_title ul li#calendar_tab_title_2 button.tab_on::before {
	border-top-color: #ffdcd1;
}

#calendar_tab_detail_wrap {
	border: 4px solid #d0e4dc;
	background: #ffffff;
	padding: 10px 16px;
}
#calendar_tab_title:has(#calendar_tab_title_2 button.tab_on) + #calendar_tab_detail_wrap {
	border-color: #ffdcd1;
}

/* スケジュール */
#top_schedule {
	width: calc(100% - 380px);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background: #ffffff;
	border-radius: 30px;
	padding: 40px;
}

/* 本日 */
.schedule_day_box .box_day {
	margin-top: 10px;
	padding: 20px;
	background: #e8efee;
	border-radius: 10px;
}
.schedule_day_box .box_day p {
	margin: 1em 0px 0px;
	font-size: 1.6rem;
	line-height: 1.5;
}
.schedule_day_box .box_day p:nth-child(1) {
	margin: 0px;
	color: #2a6059;
	font-size: 1.8rem;
	font-weight: bold;
}
.schedule_day_box .box_day a {
	color: inherit;
}
.schedule_day_box .box_day img {
	max-width: 100%;
	height: auto !important;
	vertical-align: top;
}

.schedule_day_box .box_day:has(img) {
	position: relative;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-left: 160px;
	min-height: 125px;
}
.schedule_day_box .box_day:has(img) p:nth-child(1) {
	display: block;
	width: 120px;
	height: auto;
	aspect-ratio: 120 / 85;
	border-radius: 10px;
	overflow: hidden;
	position: absolute;
	left: 20px;
	top: 20px;
}
.schedule_day_box .box_day:has(img) p:nth-child(1) img {
	width: 100% !important;
	height: 100% !important;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}
.schedule_day_box .box_day:has(img) p:nth-child(1) a {
	display: block;
	width: 100%;
	height: 100%;
}
.schedule_day_box .box_day:has(img) p:nth-child(2) {
	margin: 0px;
	color: #2a6059;
	font-size: 1.8rem;
	font-weight: bold;
}

.schedule_day_box .box_day:nth-child(1) {
	background: #b3da5b;
	text-align: center;
	padding: 10px 20px;
}
.schedule_day_box .box_day:nth-child(1) p,
.schedule_day_box .box_day:nth-child(1) p:nth-child(1) {
	margin: 0px;
	color: inherit;
	font-size: 3rem;
	font-weight: bold;
}

/* 今週 */
.schedule_week {
	margin-top: 40px;
}

ul.btn_schedule {
	margin: 0px 0px 20px;
	padding: 0px;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 4px;
}
ul.btn_schedule li {
	width: 100%;
}
ul.btn_schedule li button {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 1px solid transparent;
	border-radius: 10px;
	background: #e1f0bd;
	color: #333333;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.8rem;
	text-decoration: none;
	padding: 20px 5px;
	text-align: center;
}
ul.btn_schedule li button:hover {
	text-decoration: underline;
	opacity: 0.75;
}

.open_s1 ul.btn_schedule li:nth-child(1) button,
.open_s2 ul.btn_schedule li:nth-child(2) button,
.open_s3 ul.btn_schedule li:nth-child(3) button,
.open_s4 ul.btn_schedule li:nth-child(4) button,
.open_s5 ul.btn_schedule li:nth-child(5) button,
.open_s6 ul.btn_schedule li:nth-child(6) button,
.open_s7 ul.btn_schedule li:nth-child(7) button {
	background: #b3da5b;
	pointer-events: none;
}

.schedule_week_box .box_week {
	display: none;
}
.schedule_week_box .box_week p {
	margin: 10px 0px 0px;
	padding: 20px;
	background: #e8efee;
	border-radius: 10px;
}
.schedule_week_box .box_week img {
	max-width: 100%;
	height: auto !important;
	vertical-align: top;
}

.open_s1 .schedule_week_box .box_week:nth-child(1),
.open_s2 .schedule_week_box .box_week:nth-child(2),
.open_s3 .schedule_week_box .box_week:nth-child(3),
.open_s4 .schedule_week_box .box_week:nth-child(4),
.open_s5 .schedule_week_box .box_week:nth-child(5),
.open_s6 .schedule_week_box .box_week:nth-child(6),
.open_s7 .schedule_week_box .box_week:nth-child(7) {
	display: block;
}

.schedule_week p.memo {
	margin: 30px 0px 0px;
	text-align: center;
	font-size: var(--fontsize-main, 1.6rem);
}

/* イベント */
#top_event_bg {
	margin-top: -2px;
	background: url("/img/sites/zoo/top/bg-img4.png") no-repeat left calc(50% + 750px) top 20px,
				url("/img/sites/zoo/top/bg-event.png") no-repeat center bottom #7baf48;
}
#top_event {
	padding-top: 5px;
	padding-bottom: 120px;
	position: relative;
}
#top_event h2.main_midashi span {
	display: inline-block;
	background: url("/img/sites/zoo/top/ttl-event.png") no-repeat left center transparent;
	padding: 5px 0px 5px 50px;
}

#top_event::before {
	background-image: url("/img/sites/zoo/top/bg-animal5.png");
	width: 364px;
	aspect-ratio: 364 / 179;
	top: -160px;
	right: -200px;
}
#top_event h2.main_midashi::before {
	background-image: url("/img/sites/zoo/top/bg-event1.png");
	width: 241px;
	aspect-ratio: 241 / 165;
	top: -70px;
	left: -50px;
}
#top_event h2.main_midashi::after {
	background-image: url("/img/sites/zoo/top/bg-event2.png");
	width: 199px;
	aspect-ratio: 199 / 161;
	top: 30px;
	right: -120px;
}

/* イベント（タブ） */
#top_tab_wrap {
	margin-top: 30px;
}
#top_tab_title ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	gap: 0px 40px;
}
#top_tab_title ul li {
	width: 245px;
}

#top_tab_title ul li button {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 20px 0px 0px;
	border: 1px solid transparent;
	border-radius: 20px 20px 0px 0px;
	font-size: 1.6rem;
	line-height: 2.8rem;
	text-decoration: none;
	padding: 10px 10px;
	text-align: center;
}
#top_tab_title ul li.tab_on button {
	margin-top: 0px;
	font-size: 2.2rem;
	padding-top: 20px;
	padding-bottom: 20px;
	pointer-events: none;
}

#top_tab_title ul li:nth-child(1) button {
	background: #ca461c;
	color: #ffffff;
}
#top_tab_title ul li:nth-child(2) button {
	background: #2f75b1;
	color: #ffffff;
}
#top_tab_title ul li:nth-child(3) button {
	background: #2a7550;
	color: #ffffff;
}

#top_tab_title ul li button span.icon {
	display: inline-block;
	padding: 5px 15px 5px 30px;
	background: url("/img/sites/zoo/top/icon-tab-off.png") no-repeat left center transparent;
	color: inherit;
}
#top_tab_title ul li button:hover span.icon {
	text-decoration: underline;
}
#top_tab_title ul li.tab_on button span.icon {
	background-image: url("/img/sites/zoo/top/icon-tab-on.png");
	padding-left: 40px;
	padding-right: 20px;
}

#top_tab_detail {
	background: #ffffff;
	border-radius: 30px;
	padding: 40px 50px;
	position: relative;
}
#top_tab_detail::before {
	background-image: url("/img/sites/zoo/top/bg-animal6.png");
	width: 297px;
	aspect-ratio: 297 / 263;
	bottom: -25px;
	left: -230px;
}
#top_tab_detail::after {
	background-image: url("/img/sites/zoo/top/bg-animal7.png");
	width: 333px;
	aspect-ratio: 333 / 239;
	bottom: -130px;
	right: -200px;
}

#top_tab_detail ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	gap: 36px;
}
#top_tab_detail ul li {
	width: calc(100% / 3  - 24px);
}
#top_tab_detail ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 100%;
	min-height: 130px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 3px solid #ca461c;
	border-radius: 80px;
	background: url("/img/sites/zoo/top/icon-arrow-event.png") no-repeat right 20px top 50% #ffffff;
	color: #00365e;
	font-size: 2rem;
	line-height: 3rem;
	text-decoration: none;
	padding: 12px 67px 12px 37px;
	-webkit-transition: background-position 0.5s;
	-o-transition: background-position 0.5s;
	transition: background-position 0.5s;
}
#top_tab_detail ul li a:hover,
#top_tab_detail ul li a:focus {
	background-position: right 10px top 50%;
	text-decoration: underline;
	opacity: 0.75;
}

#top_tab_detail .top_tab_detail_box:nth-child(2) ul li a {
	border-color: #2f75b1;
	background-image: url("/img/sites/zoo/top/icon-arrow-event2.png");
}
#top_tab_detail .top_tab_detail_box:nth-child(3) ul li a {
	border-color: #2a7550;
	background-image: url("/img/sites/zoo/top/icon-arrow-event3.png");
}

/* お知らせ */
#top_news_bg {
	background: url("/img/sites/zoo/top/bg-img5.png") no-repeat left calc(50% - 730px) top 110px transparent;
}
#top_news {
	padding-top: 100px;
	padding-bottom: 120px;
}

/* 新着情報 */
.section_information {
	background: #ffffff;
	border-radius: 30px;
	padding: 40px 50px;
	position: relative;
	min-height: 180px;
}
.section_information::before {
	background-image: url("/img/sites/zoo/top/bg-animal8.png");
	width: 320px;
	aspect-ratio: 320 / 178;
	top: -110px;
	left: -26px;
}
.section_information::after {
	background-image: url("/img/sites/zoo/top/ttl-news.png");
	width: 164px;
	aspect-ratio: 164 / 123;
	top: -20px;
	right: -40px;
}

.section_information p.no_data {
	margin: 0px;
	padding: 20px 0px;
}

.section_information_list ul {
	margin: 0px;
	padding: 20px 0px;
	list-style: none;
}
.section_information_list ul li {
	width: 100%;
	display: table;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0px 0px 15px;
	padding: 0px 0px 15px;
	border-bottom: 1px solid #bdd7a3;
}
.section_information_list ul li > span {
	display: table-cell;
	vertical-align: top;
}
.section_information_list ul li > span.article_date {
	width: calc(9em + 10px);
	font-size: var(--fontsize-detail-small, 1.6rem);
	padding-top: 0.1rem;
}

.section_information_list img.icon_new {
	vertical-align: baseline;
	margin-left: 0.5em;
	width: 36px;
	height: auto;
}

/* 新着情報（文字拡大時） */
.font_size_changed .section_information_list ul li,
.font_size_changed .section_information_list ul li > span {
	display: block;
}
.font_size_changed .section_information_list ul li > span.article_date {
	width: auto;
	padding-top: 0px;
}

/* 新着情報（一覧 / RSS） */
.section_information .link_box {
	text-align: center;
}
.section_information .link_box .link_ichiran a {
	min-width: 270px;
}

/* 日誌 */
.news_link_wrap {
	margin-top: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	gap: 40px;
	position: relative;
}
.news_link_wrap::before {
	background-image: url("/img/sites/zoo/top/bg-animal9.png");
	width: 151px;
	aspect-ratio: 151 / 159;
	top: -140px;
	left: -60px;
}
.news_link_wrap::after {
	background-image: url("/img/sites/zoo/top/bg-animal10.png");
	width: 349px;
	aspect-ratio: 349 / 397;
	top: -290px;
	right: -240px;
}

.news_link_wrap div[class*="news_link"] {
	width: calc(50% - 20px);
}
.news_link_wrap div[class*="news_link"] a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 100%;
	min-height: 170px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: 40px center;
	border: 1px solid transparent;
	border-radius: 30px;
	color: inherit;
	text-decoration: none;
	padding: 35px 60px 35px 200px;
	-webkit-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.news_link_wrap div[class*="news_link"] a:hover,
.news_link_wrap div[class*="news_link"] a:focus {
	opacity: 0.75;
}
.news_link_wrap div.news_link1 a {
	background-image: url("/img/sites/zoo/top/icon-diary1.png");
}
.news_link_wrap div.news_link2 a {
	background-image: url("/img/sites/zoo/top/icon-diary2.png");
}
.news_link_wrap div[class*="news_link"] .ttl {
	display: block;
	width: 100%;
	color: #00365e;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 3rem;
	margin-bottom: 14px;
}
.news_link_wrap div[class*="news_link"] a:hover .ttl,
.news_link_wrap div[class*="news_link"] a:focus .ttl {
	text-decoration: underline;
}
.news_link_wrap div[class*="news_link"] .txt {
	display: block;
	width: 100%;
	line-height: 1.5;
}

/* 施設紹介 */
#top_link .link_box_bg {
	margin: 0px 0px 0px 200px;
	background: #b3da5b;
	border-radius: 400px 0px 0px 0px;
	-webkit-box-shadow: 500px 0px 0px 0px #b3da5b, -400px 0px 0px 0px #b3da5b;
	        box-shadow: 500px 0px 0px 0px #b3da5b, -400px 0px 0px 0px #b3da5b;
	position: relative;
}
#top_link .link_box_bg .link_box {
	margin: 0px 0px 0px -200px;
	position: relative;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

#top_link .link_box_bg:nth-child(even) {
	margin: 0px 200px 0px 0px;
	background: #d1eb8b;
	border-radius: 0px 400px 0px 0px;
	-webkit-box-shadow: -500px 0px 0px 0px #d1eb8b, 400px 0px 0px 0px #d1eb8b;
	        box-shadow: -500px 0px 0px 0px #d1eb8b, 400px 0px 0px 0px #d1eb8b;
}
#top_link .link_box_bg:nth-child(even) .link_box {
	margin: 0px -200px 0px 0px;
}

#top_link .link_box .txt {
	position: relative;
	z-index: 2;
	text-shadow: 1px 1px 0px #b3da5b, -1px 1px 0px #b3da5b, 1px -1px 0px #b3da5b, -1px -1px 0px #b3da5b,
				 2px 2px 0px #b3da5b, -2px 2px 0px #b3da5b, 2px -2px 0px #b3da5b, -2px -2px 0px #b3da5b;
}
#top_link .link_box_bg:nth-child(even) .link_box .txt {
	text-shadow: 1px 1px 0px #d1eb8b, -1px 1px 0px #d1eb8b, 1px -1px 0px #d1eb8b, -1px -1px 0px #d1eb8b,
				 2px 2px 0px #d1eb8b, -2px 2px 0px #d1eb8b, 2px -2px 0px #d1eb8b, -2px -2px 0px #d1eb8b;
}
#top_link .link_box .txt h2.main_midashi {
	text-align: left;
	margin-bottom: 20px;
}
#top_link .link_box .txt p {
	margin: 0px;
	line-height: 1.5;
	letter-spacing: 0;
}

#top_link .link_box .lnk {
	margin-top: 30px;
	text-align: right;
	position: relative;
	z-index: 2;
}
#top_link .link_box .lnk a {
	min-width: 335px;
	color: #f0fccb;
	padding-left: 60px;
	position: relative;
}

/* 動物園 */
#top_link .link_box_bg.link1::before {
	background-image: url("/img/sites/zoo/top/bg-illust1.png");
	width: 427px;
	aspect-ratio: 427 / 377;
	left: calc(50% - 1100px);
	top: 130px;
}

#top_link .link_box_bg.link1 .link_box {
	padding: 160px 640px 130px 0px;
}
#top_link .link_box_bg.link1 .link_box::before {
	background-image: url("/img/sites/zoo/top/bg-animal11.png");
	width: 195px;
	aspect-ratio: 195 / 168;
	left: 400px;
	top: 380px;
}
#top_link .link_box_bg.link1 .link_box::after {
	background-image: url("/img/sites/zoo/top/img-photo1.png");
	width: 755px;
	aspect-ratio: 755 / 654;
	left: 400px;
	top: -70px;
}

#top_link .link1 .link_box .txt h2.main_midashi {
	margin-bottom: 30px;
}
#top_link .link1 .link_box .txt p {
	line-height: 2.25;
}
#top_link .link1 .link_box .lnk {
	margin-top: 40px;
	text-align: left;
	padding-left: 20px;
}
#top_link .link1 .link_box .lnk a::before {
	background-image: url("/img/sites/zoo/top/img-btn-link1.png");
	width: 76px;
	aspect-ratio: 76 / 62;
	left: -20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

/* 植物園 */
#top_link .link_box_bg.link2::before {
	background-image: url("/img/sites/zoo/top/bg-illust2.png");
	width: 407px;
	aspect-ratio: 407 / 252;
	left: calc(50% + 600px);
	top: 50px;
}

#top_link .link_box_bg.link2 .link_box {
	padding: 110px 0px 230px 700px;
}
#top_link .link_box_bg.link2 .link_box::before {
	background-image: url("/img/sites/zoo/top/bg-animal12.png"), url("/img/sites/zoo/top/bg-img6.png");
	background-position: right top, left bottom;
	background-size: auto;
	width: 820px;
	aspect-ratio: 820 / 360;
	left: -800px;
	top: -40px;
}
#top_link .link_box_bg.link2 .link_box::after {
	background-image: url("/img/sites/zoo/top/img-photo2.png");
	width: 707px;
	aspect-ratio: 707 / 573;
	left: -40px;
	top: -25px;
}

#top_link .link2 .link_box .txt h2.main_midashi {
	margin-bottom: 30px;
}
#top_link .link2 .link_box .txt p {
	line-height: 2.25;
}
#top_link .link2 .link_box .lnk {
	margin-top: 40px;
	text-align: left;
}
#top_link .link2 .link_box .lnk a::before {
	background-image: url("/img/sites/zoo/top/img-btn-link2.png");
	width: 60px;
	aspect-ratio: 60 / 79;
	left: -20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	margin-top: -10px;
}

/* 自然観察園・バラ園 */
#top_link .link_box_bg.link3 .link_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
#top_link .link_box_bg.link3 .link_box::before {
	background-image: url("/img/sites/zoo/top/bg-animal13.png"), url("/img/sites/zoo/top/bg-img7.png");
	background-position: left top, right top;
	background-size: auto;
	width: 380px;
	aspect-ratio: 380 / 350;
	right: -190px;
	top: -200px;
}
#top_link .link_box_bg.link3 .link_box::after {
	background-image: url("/img/sites/zoo/top/bg-illust3.png");
	width: 477px;
	aspect-ratio: 477 / 322;
	left: -370px;
	top: -115px;
}

#top_link .link_box_bg.link3 .link_box .link_box2 {
	width: calc(50% - 40px);
	padding: 350px 0px 50px;
	position: relative;
}
#top_link .link_box_bg.link3 .link_box .link_box2.box1::before {
	background-image: url("/img/sites/zoo/top/img-photo3.png");
	width: 351px;
	aspect-ratio: 351 / 342;
	top: 35px;
	right: -50px;
}
#top_link .link_box_bg.link3 .link_box .link_box2.box2::before {
	background-image: url("/img/sites/zoo/top/img-photo4.png");
	width: 347px;
	aspect-ratio: 347 / 320;
	top: 35px;
	right: 0px;
}
#top_link .link_box_bg.link3 .link_box .link_box2.box1::after {
	background-image: url("/img/sites/zoo/top/bg-animal14.png");
	width: 221px;
	aspect-ratio: 221 / 267;
	bottom: 0px;
	left: -235px;
}
#top_link .link_box_bg.link3 .link_box .link_box2.box2::after {
	background-image: url("/img/sites/zoo/top/bg-animal15.png");
	width: 309px;
	aspect-ratio: 309 / 224;
	bottom: 0px;
	right: -290px;
}

#top_link .link_box .box1 .lnk a::before {
	background-image: url("/img/sites/zoo/top/img-btn-link3.png");
	width: 72px;
	aspect-ratio: 72 / 68;
	left: -30px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
#top_link .link_box .box2 .lnk a::before {
	background-image: url("/img/sites/zoo/top/img-btn-link4.png");
	width: 89px;
	aspect-ratio: 89 / 77;
	left: -40px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

/* ダウンロード */
#top_download_bg {
	padding-top: 55px;
}

#top_download {
	position: relative;
}
#top_download::before {
	background-image: url("/img/sites/zoo/top/bg-animal16.png");
	width: 340px;
	aspect-ratio: 340 / 126;
	right: -30px;
	top: -50px;
}

#top_download h2.main_midashi {
	margin-left: 310px;
	margin-right: 310px;
}
#top_download h2.main_midashi span {
	display: inline-block;
	background: url("/img/sites/zoo/top/ttl-download.png") no-repeat left center transparent;
	padding: 5px 0px 5px 70px;
}

#top_download ul {
	margin: 40px 0px 0px;
	padding: 0px;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	gap: 30px 60px;
}
#top_download ul li {
	width: calc(100% / 3  - 40px);
}
#top_download ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 3px solid #7bb048;
	border-radius: 80px;
	background: #ffffff;
	color: #00365e;
	font-size: 2rem;
	line-height: 3rem;
	text-decoration: none;
	padding: 12px 7px;
	-webkit-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
#top_download ul li a:hover,
#top_download ul li a:focus {
	opacity: 0.75;
}
#top_download ul li a span.icon {
	display: inline-block;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left center;
	color: inherit;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 20px 0px 20px 70px;
}
#top_download ul li a:hover span.icon,
#top_download ul li a:focus span.icon {
	text-decoration: underline;
}
#top_download ul li.link1 a span.icon {
	background-image: url("/img/sites/zoo/top/icon-dl1.png");
}
#top_download ul li.link2 a span.icon {
	background-image: url("/img/sites/zoo/top/icon-dl2.png");
}
#top_download ul li.link3 a span.icon {
	background-image: url("/img/sites/zoo/top/icon-dl3.png");
}

/* ==================================================
PC ここまで
================================================== */


/* ==================================================
背景色変更
================================================== */

/* ========== 背景色変更 ========== */

/* 共通 */
.color_change #top_mv .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #cccccc !important;
}
.color_change #top_mv .swiper-pagination,
.color_change .open_s1 ul.btn_schedule li:nth-child(1) button,
.color_change .open_s2 ul.btn_schedule li:nth-child(2) button,
.color_change .open_s3 ul.btn_schedule li:nth-child(3) button,
.color_change .open_s4 ul.btn_schedule li:nth-child(4) button,
.color_change .open_s5 ul.btn_schedule li:nth-child(5) button,
.color_change .open_s6 ul.btn_schedule li:nth-child(6) button,
.color_change .open_s7 ul.btn_schedule li:nth-child(7) button {
	background: none !important;
}
.color_change #site_header_important_wrap,
.color_change ul.top_menu_list li a,
.color_change ul.top_menu_list li a span.icon,
.color_change #top_info_bg2,
.color_change #top_event_bg,
.color_change #top_news_bg,
.color_change .news_link_wrap div[class*="news_link"] a,
.color_change #top_download ul li a span.icon {
	background-image: none !important;
}
.color_change #top_mv::before,
.color_change #top_mv::after,
.color_change #site_header_important::before,
.color_change #site_header_important::after,
.color_change #top_calendar::before,
.color_change #top_calendar::after,
.color_change #top_event::before,
.color_change #top_event h2.main_midashi::before,
.color_change #top_event h2.main_midashi::after,
.color_change #top_tab_detail::before,
.color_change #top_tab_detail::after,
.color_change .section_information::before,
.color_change .section_information::after,
.color_change .news_link_wrap::before,
.color_change .news_link_wrap::after,
.color_change #top_link .link_box_bg.link1::before,
.color_change #top_link .link_box_bg.link1 .link_box::before,
.color_change #top_link .link_box_bg.link1 .link_box::after,
.color_change #top_link .link_box_bg.link2::before,
.color_change #top_link .link_box_bg.link2 .link_box::before,
.color_change #top_link .link_box_bg.link2 .link_box::after,
.color_change #top_link .link_box_bg.link3 .link_box::before,
.color_change #top_link .link_box_bg.link3 .link_box::after,
.color_change #top_link .link_box_bg.link3 .link_box .link_box2.box1::before,
.color_change #top_link .link_box_bg.link3 .link_box .link_box2.box1::after,
.color_change #top_link .link_box_bg.link3 .link_box .link_box2.box2::before,
.color_change #top_link .link_box_bg.link3 .link_box .link_box2.box2::after,
.color_change #top_link .link_box .lnk a::before,
.color_change #top_download::before  {
	display: none !important;
}
.color_change #top_tab_detail ul li a,
.color_change #top_tab_detail .top_tab_detail_box:nth-child(1) ul li a,
.color_change #top_tab_detail .top_tab_detail_box:nth-child(2) ul li a,
.color_change #top_tab_detail .top_tab_detail_box:nth-child(3) ul li a {
	background-image: url("/img/sites/zoo/top/icon-arrow.png");
}

/* ==================================================
背景色変更 ここまで
================================================== */


/* ==================================================
スマートフォン
================================================== */
@media screen and (max-width: 1100px) {

	/* ヘッダ */
	#header {
		position: static;
	}

	#header2_box {
		padding-bottom: 15px;
	}
	#logo h1 {
		position: relative;
		z-index: 1;
	}

	/* MV */
	#top_mv_wrap {
		margin-top: 0px;
	}
	#top_mv {
		min-height: auto;
		width: 100%;
		height: auto;
		aspect-ratio: 375 / 400;
	}
	#top_mv::before,
	#top_mv::after {
		height: 20px;
		background-size: 100% 20px;
	}

	#top_mv div,
	.pg_class_slide_a_center {
		height: 100% !important;
	}
	#top_mv .swiper-pagination {
		display: none !important;
	}

	#top_mv img {
		max-width: none;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		-o-object-position: center;
		   object-position: center;
	}

	#top_mv button[class*="swiper-button-"] {
		width: 30px;
		height: 30px;
		background-size: contain;
		bottom: 30px;
	}
	#top_mv button.swiper-button-prev {
		left: auto;
		right: 120px;
	}
	#top_mv button.swiper-button-next {
		left: auto;
		right: 70px;
	}
	#top_mv button.swiper-button-stop {
		left: auto;
		right: 20px;
	}
	#top_mv button.swiper-button-start {
		left: auto;
		right: 20px;
	}

	/* メニュー */
	#site_header_important {
		width: auto;
		margin: 0px 100px;
	}
	@media screen and (max-width: 670px) {
		#site_header_important {
			margin: 0px var(--mymainback-margin-side, 15px);
		}
	}
	#site_footer {
		margin-bottom: 20px;
	}

	#site_header_important_wrap {
		margin-top: 0px;
		background-image: none;
	}
	#site_header_important::before {
		width: 30%;
		max-width: 200px;
		left: -15%;
		bottom: -15px;
	}
	#site_header_important::after {
		width: 26%;
		max-width: 180px;
		left: auto;
		right: -8%;
		top: auto;
		bottom: 0px;
	}

	ul.top_menu_list {
		gap: 0px 12px;
		max-width: 624px;
		margin: 0px auto;
	}
	ul.top_menu_list li {
		width: calc(100% / 3 - 8px);
		max-width: 200px;
	}
	@media screen and (max-width: 670px) {
		ul.top_menu_list li a {
			font-size: 3.5vw;
			line-height: 1.5;
			min-height: 30vw;
		}
		ul.top_menu_list li a span.icon {
			background-size: auto 40px;
			padding-top: 45px;
		}
	}

	/* メイン */
	.top_main_box {
		width: auto;
		margin-left: var(--mymainback-margin-side, 15px);
		margin-right: var(--mymainback-margin-side, 15px);
	}

	h2.main_midashi {
		font-size: 2.4rem;
		line-height: 3rem;
	}

	.link_ichiran a,
	.link_box .lnk a {
		font-size: 1.4rem;
		padding: 15px 50px 15px 30px;
		background-size: 24px auto;
	}

	/* 本日・今週の情報 */
	#top_info_bg {
		background-size: 100% 20px;
	}
	#top_info_bg2 {
		background: none;
		min-height: auto;
	}

	#top_info {
		display: block;
		padding-top: 60px;
		padding-bottom: 60px;
	}
	#top_info h2.main_midashi {
		font-size: 2.4rem;
		line-height: 3rem;
		margin-bottom: 15px;
	}

	/* カレンダー */
	#top_calendar {
		width: auto;
		border-radius: 20px;
		padding: 30px 20px;
	}
	#top_calendar::before {
		width: 25%;
		max-width: 120px;
		top: -38%;
		right: -5%;
	}
	#top_calendar::after {
		display: none;
	}
	#top_info #top_calendar h2.main_midashi {
		margin-left: 40px;
		margin-right: 40px;
	}

	/* スケジュール */
	#top_schedule {
		margin-top: 20px;
		width: auto;
		border-radius: 20px;
		padding: 30px 20px;
	}

	/* 本日 */
	.schedule_day_box .box_day {
		padding: 15px;
	}
	.schedule_day_box .box_day p {
		font-size: 1.4rem;
	}
	.schedule_day_box .box_day p:nth-child(1),
	.schedule_day_box .box_day:has(img) p:nth-child(2) {
		font-size: 1.6rem;
	}
	.schedule_day_box .box_day:nth-child(1) p,
	.schedule_day_box .box_day:nth-child(1) p:nth-child(1) {
		font-size: 1.8rem;
	}

	/* 今週 */
	.schedule_week {
		margin-top: 30px;
	}

	@media screen and (max-width: 670px) {
		ul.btn_schedule {
			-ms-flex-wrap: wrap;
			    flex-wrap: wrap;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
		}
		ul.btn_schedule li {
			width: calc(25% - 3px);
		}
		ul.btn_schedule li button {
			font-size: 1.4rem;
			padding: 10px 5px;
			border-radius: 5px;
		}
	}

	/* イベント */
	#top_event_bg {
		margin-top: 0px;
		background-size: 0px 0px, 100% 20px;
	}
	#top_event.top_main_box {
		margin: 0px;
		padding-top: 30px;
		padding-bottom: 200px;
	}
	#top_event h2.main_midashi {
		position: relative;
		z-index: 2;
	}

	#top_event::before {
		width: 50%;
		max-width: 200px;
		top: -5%;
		right: -10%;
		z-index: 2;
	}
	#top_event h2.main_midashi::before {
		width: 140px;
		top: -15px;
	}
	#top_event h2.main_midashi::after {
		width: 130px;
		top: 30px;
		right: -60px;
	}

	#top_tab_title ul {
		gap: 0px 2px;
	}
	#top_tab_title ul li {
		width: 100%;
	}
	#top_tab_title ul li button {
		margin: 10px 0px 0px;
		border-radius: 10px 10px 0px 0px;
		font-size: 1.3rem;
		line-height: 2rem;
		padding: 10px 5px;
	}
	#top_tab_title ul li.tab_on button {
		font-size: 1.4rem;
		padding: 15px 5px;
	}
	#top_tab_title ul li button span.icon {
		padding-left: 15px;
		padding-right: 0px;
		background-size: 10px;
	}
	#top_tab_title ul li.tab_on button span.icon {
		padding-left: 20px;
		padding-right: 0px;
		background-size: 15px;
	}

	#top_tab_detail {
		border-radius: 0px;
		padding: 20px;
	}
	#top_tab_detail::before {
		width: 190px;
		bottom: -160px;
		left: -10px;
	}
	#top_tab_detail::after {
		width: 200px;
		right: -10px;
		bottom: -180px;
	}

	#top_tab_detail ul {
		gap: 10px;
	}
	#top_tab_detail ul li {
		width: 100%;
	}
	#top_tab_detail ul li a {
		height: auto;
		min-height: auto;
		font-size: 1.6rem;
		padding: 17px 50px 17px 30px;
		background-size: 24px auto;
	}
	#top_tab_detail ul li a br {
		display: none;
	}

	/* お知らせ */
	#top_news_bg {
		background: none;
	}
	#top_news {
		padding-top: 40px;
		padding-bottom: 120px;
	}

	/* 新着情報 */
	.section_information {
		border-radius: 20px;
		padding: 30px 20px;
		min-height: auto;
	}
	.section_information::before {
		width: 130px;
		top: -25px;
		left: -20px;
	}
	.section_information::after {
		width: 90px;
		top: -10px;
		right: -20px;
	}

	.section_information_list ul {
		padding-bottom: 15px;
	}
	.section_information_list ul li {
		width: auto;
		display: block;
	}
	.section_information_list ul li > span {
		display: block;
	}
	.section_information_list ul li > span.article_date {
		width: auto;
		padding-top: 0px;
	}

	.section_information .link_box {
		margin: 0px 20px;
	}
	.section_information .link_box .link_ichiran a {
		display: block;
		min-width: auto;
	}

	/* 日誌 */
	.news_link_wrap {
		gap: 20px;
	}
	.news_link_wrap::before {
		width: 100px;
		top: -60px;
		left: -40px;
	}
	.news_link_wrap::after {
		width: 190px;
		top: -155px;
		right: -110px;
	}

	.news_link_wrap div[class*="news_link"] {
		width: 100%;
	}
	.news_link_wrap div[class*="news_link"] a {
		height: auto;
		min-height: auto;
		background-size: 90px auto;
		background-position: 30px center;
		padding: 20px 30px 20px 140px;
		font-size: 1.4rem;
	}
	.news_link_wrap div[class*="news_link"] .ttl {
		font-size: 2rem;
		margin-bottom: 10px;
	}

	/* 施設紹介 */
	#top_link.top_main_box {
		margin: 0px;
	}

	#top_link .link_box_bg {
		margin: 0px;
		border-radius: 100px 0px 0px 0px;
		-webkit-box-shadow: none;
		        box-shadow: none;
		position: relative;
	}
	#top_link .link_box_bg .link_box {
		margin: 0px;
	}

	#top_link .link_box_bg:nth-child(even) {
		margin: 0px;
		border-radius: 0px 100px 0px 0px;
		-webkit-box-shadow: none;
		        box-shadow: none;
	}
	#top_link .link_box_bg:nth-child(even) .link_box {
		margin: 0px;
	}

	#top_link .link_box .txt h2.main_midashi {
		text-align: left;
		margin-bottom: 20px;
	}
	#top_link .link_box .txt p {
		margin: 0px;
		line-height: 1.5;
		letter-spacing: 0;
	}
	#top_link .link_box .txt p br.sp_none {
		display: none;
	}

	#top_link .link_box .lnk a {
		display: block;
		min-width: auto;
	}

	/* 動物園 */
	#top_link .link_box_bg.link1::before {
		width: 240px;
		left: 0px;
		top: 60px;
	}

	#top_link .link_box_bg.link1 .link_box {
		padding: 300px 20px 60px 20px;
	}
	#top_link .link_box_bg.link1 .link_box::before {
		width: 140px;
		top: 170px;
		left: 230px;
	}
	#top_link .link_box_bg.link1 .link_box::after {
		width: 500px;
		top: -80px;
		left: auto;
		right: -40px;
	}
	@media screen and (max-width: 670px) {
		#top_link .link_box_bg.link1::before {
			width: 50vw;
			max-width: 280px;
			left: 0px;
			top: 14vw;
			z-index: 2;
		}

		#top_link .link_box_bg.link1 .link_box {
			padding-top: 60vw;
		}
		#top_link .link_box_bg.link1 .link_box::before {
			width: 30%;
			max-width: 140px;
			top: 45vw;
			left: 30%;
		}
		#top_link .link_box_bg.link1 .link_box::after {
			width: 90vw;
			top: -80px;
			right: -20px;
		}
	}

	#top_link .link1 .link_box .txt h2.main_midashi {
		margin-bottom: 20px;
	}
	#top_link .link1 .link_box .txt p {
		line-height: 1.5;
	}
	#top_link .link1 .link_box .lnk {
		margin-top: 30px;
	}

	/* 植物園 */
	#top_link .link_box_bg.link2::before {
		width: 300px;
		top: 60px;
		left: auto;
		right: 0px;
	}

	#top_link .link_box_bg.link2 .link_box {
		padding: 420px 20px 60px 20px;
	}
	#top_link .link_box_bg.link2 .link_box::before {
		width: 300px;
		background-size: contain;
		background-position: center;
		left: -50px;
		top: -30px;
	}
	#top_link .link_box_bg.link2 .link_box::after {
		width: 500px;
		top: 60px;
		left: 30px;
	}
	@media screen and (max-width: 670px) {

		#top_link .link_box_bg.link2::before {
			width: 60vw;
			max-width: 300px;
			top: 30px;
			right: -25px;
		}

		#top_link .link_box_bg.link2 .link_box {
			padding-top: 80vw;
		}
		#top_link .link_box_bg.link2 .link_box::before {
			width: 60vw;
			max-width: 300px;
		}
		#top_link .link_box_bg.link2 .link_box::after {
			width: 90vw;
			top: 15vw;
			left: -20px;
		}
	}

	#top_link .link2 .link_box .txt h2.main_midashi {
		margin-bottom: 20px;
	}
	#top_link .link2 .link_box .txt p {
		line-height: 1.5;
	}
	#top_link .link2 .link_box .lnk {
		margin-top: 30px;
		padding-left: 20px;
	}

	/* 自然観察園・バラ園 */
	#top_link .link_box_bg.link3 .link_box {
		display: block;
		padding: 100px 20px;
	}
	#top_link .link_box_bg.link3 .link_box::before {
		width: 200px;
		background-size: 75% auto, contain;
		top: -30px;
		right: 0px;
	}
	#top_link .link_box_bg.link3 .link_box::after {
		width: 300px;
		top: 15px;
		left: -30px;
	}

	#top_link .link_box_bg.link3 .link_box .link_box2 {
		width: auto;
		padding: 250px 0px 50px;
	}
	#top_link .link_box_bg.link3 .link_box .link_box2.box1::before {
		width: 320px;
		top: 0px;
		right: 50px;
	}
	#top_link .link_box_bg.link3 .link_box .link_box2.box2::before {
		width: 320px;
		top: 0px;
		right: 50px;
	}
	#top_link .link_box_bg.link3 .link_box .link_box2.box1::after {
		width: 160px;
		bottom: -180px;
		left: 0px;
	}
	#top_link .link_box_bg.link3 .link_box .link_box2.box2::after {
		width: 220px;
		bottom: -101px;
		right: 0px;
	}

	#top_link .link_box .box1 .lnk,
	#top_link .link_box .box2 .lnk {
		padding-left: 20px;
	}
	#top_link .link_box .box1 .lnk a::before {
		width: 62px;
	}
	#top_link .link_box .box2 .lnk a::before {
		width: 70px;
	}

	@media screen and (max-width: 670px) {

		#top_link .link_box_bg.link3 .link_box {
			padding-top: 100px;
			padding-bottom: 80px;
		}
		#top_link .link_box_bg.link3 .link_box::before {
			width: 40vw;
			max-width: 200px;
			top: -10px;
		}
		#top_link .link_box_bg.link3 .link_box::after {
			width: 60vw;
			max-width: 300px;
			left: -10px;
		}

		#top_link .link_box_bg.link3 .link_box .link_box2 {
			padding-top: 50vw;
		}
		#top_link .link_box_bg.link3 .link_box .link_box2.box1::before {
			width: 60vw;
			max-width: 340px;
			right: -10px;
		}
		#top_link .link_box_bg.link3 .link_box .link_box2.box2::before {
			width: 60vw;
			max-width: 340px;
			right: -10px;
		}
		#top_link .link_box_bg.link3 .link_box .link_box2.box1::after {
			width: 30vw;
			max-width: 160px;
			left: -20px;
			bottom: -40vw;
		}
		#top_link .link_box_bg.link3 .link_box .link_box2.box2::after {
			width: 160px;
			bottom: -81px;
			right: -20px;
		}

	}

	/* ダウンロード */
	#top_download_bg {
		padding-bottom: 30px;
	}
	#top_download::before {
		width: 46vw;
		max-width: 200px;
		right: 0px;
		left: -50px;
		top: -70px;
	}

	#top_download h2.main_midashi {
		margin-left: 0px;
		margin-right: 0px;
	}
	#top_download h2.main_midashi span {
		background-size: 30px auto;
		padding-left: 40px;
	}

	#top_download ul {
		margin-top: 30px;
		gap: 10px;
	}
	#top_download ul li {
		width: 100%;
	}
	#top_download ul li a {
		font-size: 1.4rem;
		line-height: 2rem;
		padding: 7px 30px;
	}
	#top_download ul li a br {
		display: none;
	}

	#top_download ul li a span.icon {
		display: block;
		width: 100%;
		background-size: 40px auto;
		padding: 15px 0px 15px 50px;
	}

	/* やさしい日本語対応 */
	#container {
		position: relative;
	}

}
/* ==================================================
スマートフォン ここまで
================================================== */