@charset "UTF-8";

/* main stylse
----------------------------------------------*/
#lineBtn {
	text-align:right;
	margin: 12px 12px 0 0;
}

#extra_info p {
	font-size: 108%;
	line-height: 1.6;
	color: #FF0000;
	margin: 10px;
}

#intro .text1 {
	font-size: 108%;
	line-height: 1.6;
	margin: 10px;
}

#page-nav {
	margin: 15px;
}
#page-nav ul {
	overflow: hidden;
}
#page-nav ul li {
	font-size: 85%;
	text-align: center;
	width: 60px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}
#page-nav ul li a {
	line-height: 1.3;
	color: #0B7AFF;
}
#page-nav ul li a span {
	text-decoration: underline;
}

.kihon-joho {
	margin: 10px 10px 20px;
}
.kihon-joho table th {
	white-space: nowrap;
	text-align: left;
	line-height: 1.4;
	vertical-align: top;
	border: solid 1px #CCC;
	padding: 10px;
	background-color: #EDEDED;
}
.kihon-joho table td {
	line-height: 1.4;
	vertical-align: top;
	border: solid 1px #CCC;
	padding: 10px;
}
.kihon-joho table td ul {
	overflow: hidden;
}
.kihon-joho table td ul li {
	font-size: 75%;
	line-height: 1.2;
	text-align: center;
	width: 75px;
	margin: 0 5px 10px 0;
	float: left;
}
#night .kihon-joho,
#dream .kihon-joho{
	background-color: #FFF;
	margin: 0;
}
#night table a {
	display: inline;
	font-weight: bold;
	color: #0B7AFF;
	text-decoration: underline;
}
#dream p {
	color: #F30;
}
#bgStyle1 {
	background-color: #FFCA7F;
	padding: 0 10px 20px;
	border-bottom: 2px solid #FF6300;
}

#bgStyle1 section {
	padding-top: 20px;
}

#midokoro h2,
#message h2,
#map h2,
#doubutsu-info h2,
#fun h2,
#night h2,
#dream h2{
	font-size: 115%;
	background-color: #FFFFFF;
	padding: 18px 70px 18px 10px;
}
#chikaku h2 {
	font-size: 105%;
	background-color: #FFFFFF;
	padding: 18px 60px 18px 10px;
}

.contentsBody {
	line-height: 1.6;
	background-color: #FFF2E0;
	padding: 10px 10px 20px;
}

#midokoro .textBox1 {
	background-color: #FFF;
	padding: 10px 0;
	border: 1px solid #CCC;
	margin-top: 10px;
}
#midokoro .textBox1:first-child {
	margin-top: 0;
}
#midokoro .textBox1 .textTitle {
	padding: 5px 15px 10px;
	font-size: 105%;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
#midokoro .textBox1 .text1 {
	padding: 10px 15px;
}
#midokoro .textBox1 .text2 {
	margin: 10px 15px 0;
	padding: 10px 0 0;
	border-top: 1px dashed #ccc;
	font-size: 85%;
	text-align: right;
}

#midokoro .kakoWrap {
	margin-top: 20px;
}
#midokoro .kakoWrap .textBox1 {
	background-color: #FFF;
	padding: 10px;
	border: 1px dashed #CCC;
	margin-top: 10px;
}

.moreBtn {
	text-align: center;
	color: #FFF;
	background: #CCC url(../../img/more-arrow.png) no-repeat center bottom;
	background-size: 100px 19px;
	padding: 10px 10px 20px;
	border-radius: 5px;
	margin-top: 10px;
}

.kihon-joho a,
#extra_info a,
#midokoro .contentsBody a,
#fun .contentsBody a {
	display: inline;
	font-weight: bold;
	color: #0B7AFF;
	text-decoration: underline;
}
#midokoro .contentsBody .ichiranBtn a {
	display: block;
	text-align: center;
	background: #FF6300 url(../../img/menu-arrow.png) no-repeat right center;
	background-size: 23px 16px;
	border-radius: 5px;
	padding:  20px 33px 20px 10px;
	margin-top: 10px;
	color: #fff;
	text-decoration: none;
}
#affiliate {
	text-align: center;
}

#map,
#doubutsu-info,
#chikaku {
	position: relative;
}

.kaiheiBtn {
	width: 50px;
	height: 30px;
	position: absolute;
	top: 32px;
	right: 10px;
	background: url(../../img/list-kaihei2.png) no-repeat;
	background-size: 50px 30px;
}
.kaiheiBtn.open img {
	display: none;
}

#access-map {
	height: 200px;
	margin-bottom: 10px;
}
#address {
	color: #FF6300;
	padding: 10px 0;
	border-top: dashed 1px #FF6300;
	border-bottom: dashed 1px #FF6300;
}
.access {
	padding: 10px 0 20px;
	border-bottom: dashed 1px #FF6300;
}
.access .komidashi {
	font-size: 85%;
	font-weight: bold;
	background-color: #FFCA7F;
	padding: 5px 10px;
	margin-bottom: 5px;
}
.access  a {
	display: inline;
	font-weight: bold;
	color: #0B7AFF;
	text-decoration: underline;
}

#toiawase {
	padding: 10px 0;
}
.chui {
	font-size: 85%;
	color: #F30;
}
#toiawase ul li a {
	color: #FFFFFF;
	background: #FF6300 url(../../img/menu-arrow.png) no-repeat right center;
	background-size: 23px 16px;
	border-radius: 5px;
	padding:  20px 33px 20px 10px;
	margin-top: 10px;
}
#toiawase ul li.tell a {
	font-size: 130%;
}
.doubutsu-komidashi {
	color: #006800;
}
#doubutsu-info .johoBox .ippan-joho {
	margin-bottom: 10px;
}
#doubutsu-info .johoBox .doubutsu-joho p {
	font-weight: bold;
	background-color: #FFCA7F;
	padding: 5px 10px;
	margin-top: 20px;
}
#doubutsu-info .johoBox .doubutsu-joho ul li {
	background: url(../img/maru.gif) no-repeat 0 10px;
	padding: 10px 10px 10px 20px;
	border-bottom: 1px solid #FFCA7F;
}
#doubutsu-info .johoBox .doubutsu-joho ul li:first-child {
	border-top: none;
}
#doubutsu-info .johoBox .day {
	font-size: 85%;
	text-align: right;
	margin-top: 10px;
}
#doubutsu-info .kakoWrap {
	margin-top: 20px;
}
#doubutsu-info .kakoWrap .johoBox {
	background-color: #FFF;
	padding: 10px;
	border: 1px dashed #CCC;
	margin-top: 10px;
}
#chikaku h2 .zoo {
	color: #FF6300;
}
#chikaku h2 .aqua {
	color: #0000cc;
}
#chikaku h2 .farm {
	color: #006837;
}
#chikaku ul {
	border: 1px solid #adadad;
}
#chikaku ul li + li {
	border-top: 1px solid #c8c8c8;
}
#chikaku ul li a {
	background-color: #fff;
	padding: 20px 33px 20px 10px;
}
#chikaku ul li.zooList a {
	background-image: url(../../img/menu-arrow03.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 23px 16px;
	color: #FF6300;
}
#chikaku ul li.aquaList a {
	background-image: url(../../img/menu-arrow04.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 23px 16px;
	color: #0000cc;
}
#chikaku ul li.farmList a {
	background-image: url(../../img/menu-arrow02.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 23px 16px;
	color: #006837;
}
iframe {
	margin: 20px auto;
}


/* 書き込み　
----------------------------------------------*/
#show_form {
	color: #FFFFFF;
	background: #FFAA32 url(../../img/menu-arrow.png) no-repeat right center;
	background-size: 23px 16px;
	border-radius: 5px;
	padding:  20px 33px 20px 10px;
}

#message_form {
	margin: 10px 0;
	overflow: hidden;
	display: none;
}
#message .komidashi {
	color: #FF6300;
}
#message select {
	margin: 5px 0 20px;
}
#message input[type="button"] {
	margin: 30px 0 20px;
}
.name {
	float: left;
	width: 30%;
	margin-right: 1%;
}
.keishou {
	float: left;
	width: 38%;
}

#message_box {
	padding: 0 10px;
	margin: 20px 0;
}
#message_box li {
	border-top: dashed 1px #FF6300;
	padding: 10px 0;
}
#message_box li:last-child {
	border-bottom: dashed 1px #FF6300;
}

.nicknameArea {
	font-size: 90%;
	text-align: right;
}

/* 100周年お祝い */
.oiwai {
	background-color: #ffdaff;
	text-align: center;
}
.oiwai img {
	vertical-align: bottom;
}
/*ニュース記事内の写真 */
#midokoro span.image {
	display: block;
	width: 100%;
	max-width: 350px;
	font-size: 85%;
	text-align: right;
}
#midokoro span.image img,
#midokoro span.image video {
	width: 100%;
	height: auto;
}
/*周年特集 */
#oiwai h2{
	font-size: 115%;
	background-color: #FFFFFF;
	padding: 10px 10px 10px 70px;
	line-height: 1;
}
#oiwai h2 span {
	display: inline-block;
}
#oiwai h2 img {
	margin: 0 10px 0 -60px;
	vertical-align: middle;
}
#oiwai p.komidashi {
	font-weight: bold;
	background-color: #FFCA7F;
	padding: 5px 10px;
	margin: 5px 0
}
#oiwai .text1 {
	padding: 0 15px 30px;
}
#oiwai .text1 span {
	display: inline-block;
}
#oiwai .sankou {
	border: 1px solid #ccc;
	font-size: 90%;
	margin: 15px 0 0;
	padding: 15px 15px 15px 10px;
	background-color: #fff;
}
#oiwai .sankou ul {
	list-style: disc;
	margin-left: 2em;
}
#oiwai .sankou a {
	display: inline-block;
	color: #1780EF;
	text-decoration: underline;
}
#oiwai table {
	width: calc( 100% - 30px );
	margin:0 auto;
}
#oiwai table ~ .komidashi {
	margin-top: 35px;
}
#oiwai table th {
	white-space: nowrap;
	text-align: left;
	line-height: 1.4;
	vertical-align: top;
	border: solid 1px #CCC;
	padding: 10px;
	background-color: #EDEDED;
	width: 10%;
	font-weight: normal;
}
#oiwai  table td {
	line-height: 1.4;
	vertical-align: top;
	border: solid 1px #CCC;
	padding: 10px;
	background-color: #fff;
}
#oiwai table td a {
	color: #1780EF;
	text-decoration: underline;
}
@media screen and (max-width: 767px) {
	#oiwai table {
	width: 94%;
		margin: 0 auto;
}
	#oiwai table th {
	width: 4em;
		white-space: normal;
		text-align: center;
}
	#oiwai table td {
		vertical-align: middle;
	}
}
#midokoro p.text1 sup {
	vertical-align: super;
	font-size:0.7em;
}
#midokoro p.text1 small {
	font-size:85%;
}
/*周年特集 追加 */
#oiwai .rekishi2 {
	max-width: 500px;
}
#oiwai .rekishi2 .inner {
	position: relative;
	display: flex;
	z-index: 1;
	padding-bottom: 80px;
}

#oiwai .rekishi2 .inner.reverse {
	flex-direction: row-reverse;
}
#oiwai .rekishi2 .inner .image {
	position: absolute;
	z-index: 2;
}
#oiwai .rekishi2 .inner .year {
	width: 4.5em;
	font-size: 15px;
	color: #ED5824;
	font-weight: bold;
	position: relative;
	z-index: 1;
	text-align: center;
}
#oiwai .rekishi2 .inner .year span {
	display: block;
	writing-mode: vertical-rl;
margin-left: auto;
margin-right: auto;
}

#oiwai .rekishi2 .inner .year::before{
	content: "";
	display: block;
	position: absolute;
	top: 26px;
	left: calc( 50% - 14px );
	width: 28px;
	height: 28px;
	background-color: #ED5824;
	border-radius: 50%;
}
#oiwai .rekishi2 .inner dl {
	width: calc( 100% - 5em );
}
#oiwai .rekishi2 .inner.reverse dl {
	text-align: right;
}
#oiwai .rekishi2 .inner dl dt p {
  display: block;
  margin: 1.5em 0 0;
  padding: 7px 2.5em 5px 15px;
	height: auto;
  color: #fff;
  font-size: 15px;
	font-weight: bold;
  background: #ED5824;
	border-radius: 5px;
	z-index: 2;
}
#oiwai .rekishi2 .inner dl dt{
	position: relative;
	min-width: 160px;
	padding-bottom: 24px;
	background: url("../../years/img/bg-dt.png") no-repeat right calc( 100% - 12px);
	background-size: calc( 100% - 25px ) 12px;
	display: inline-block;
}
#oiwai .rekishi2 .inner.reverse dl dt {
	transform: scaleX(-1);
}
#oiwai .rekishi2 .inner.reverse dl dt p {
	text-align: left;
	transform: scaleX(-1);
}
#oiwai .rekishi2 .inner dl dt::before {
  content: "";
  position: absolute;
  top: 40px;
  left: -25px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-right: 20px solid #ED5824;
	z-index: 2;
}
#oiwai .rekishi2 .inner dl dd {
	padding: 0 15px;
}
#oiwai .rekishi2 .inner dl dd .photo {
	font-size: 10px;
	text-align: right;
}
#oiwai .rekishi2 .inner dl dd .photo img {
	width: 100%;
	height: auto;
}
#oiwai .rekishi2 .inner.reverse dl dd {
	margin: auto 0 auto auto;
}
#oiwai .rekishi2 .inner dl dd p {
	text-align:left;
}
/* 神戸どうぶつ王国 */
#zoo101 #list01 {
	background: url("../../years/img/zoo101-footprints01.svg") no-repeat 15px 65px;
	background-size: auto 60%;
	padding-left: 75px;
}
#zoo101 #list01 .image {
	top: -30px;
	left: 180px;
}
#zoo101 #list02::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: url("../../years/img/zoo101-footprints02.svg") no-repeat -180px 65px;
	background-size: 170% 85%;
}
#zoo101 #list03 {
	background: url("../../years/img/zoo101-footprints03.svg") no-repeat 95% 65px;
	background-size: auto 80%;
}
#zoo101 #list04 {
	background: url("../../years/img/zoo101-footprints04.svg") no-repeat 15% 50px;
	background-size: 180% 80%;
	padding-bottom: 120px;
}
#zoo101 #list04 dl dt p {
	padding-right: 80px;
}
#zoo101 #list04 .year{
	margin-top: -40px;
}
#zoo101 #list04 .image{
	right: 30px;
}
#zoo101 #list05 {
	background: url("../../years/img/zoo101-footprints05.svg") no-repeat 20px 65px;
	background-size: auto 60%;
}
#zoo101 #list05 .image{
	top: -40px;
	right: 180px;
}
#zoo101 #list06 .image{
	left: 180px;
}
/* 北秋田市くまくま園 */
#zoo107 #list01 {
	background: url("../../years/img/zoo107-footprints01.svg") no-repeat 15px 65px;
	background-size: auto 80%;
}
#zoo107 #list01 dl dd {
	width: 50%;
}
#zoo107 #list01 .image{
	right: 0;
}
#zoo107 #list02 {
	background: url("../../years/img/zoo107-footprints02.svg") no-repeat 15px 65px;
	background-size: auto 85%;
}
#zoo107 #list03 .image{
	top: -80px;
	left: 80px;
}
/* 川崎市夢見ヶ崎動物公園 */
#zoo28 #list01 {
	background: url("../../years/img/zoo28-footprints01.svg") no-repeat 15px 55px;
	background-size: auto 80%;
	padding-left: 75px;
}
#zoo28 #list01 .image {
	top: 65px;
	left: 75px;
}
#zoo28 #list02 {
	background: url("../../years/img/zoo101-footprints03.svg") no-repeat 15px 55px;
	background-size: auto 85%;
}
#zoo28 #list03 {
	background: url("../../years/img/zoo28-footprints03.svg") no-repeat 15px 55px;
	background-size: auto 85%;
}
#zoo28 #list04 {
	background: url("../../years/img/zoo28-footprints04.svg") no-repeat 15px 55px;
	background-size: auto 65%;
}
#zoo28 #list04 .image {
	top: -100px;
	left: 220px;
}
#zoo28 #list04 dl dt p {
	padding-right: 150px;
}
#zoo28 #list05::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: url("../../years/img/zoo101-footprints02.svg") no-repeat 20px -200px;
	background-size: 85% 200%;
}
#zoo28 #list06 {
	background: url("../../years/img/zoo28-footprints05.svg") no-repeat calc(100% - 75px ) 55px;
	background-size: 210px 80%;
	padding-right: 55px;
}
/* 久留米市鳥類センター */
#zoo84 #list01 {
	background: url("../../years/img/zoo28-footprints01.svg") no-repeat 15px 55px;
	background-size: auto 80%;
	padding-left: 75px;
}
#zoo84 #list01 .image {
	bottom: -60px;
	right: 40px;
}
#zoo84 #list02 {
	background: url("../../years/img/zoo101-footprints03.svg") no-repeat 15px 55px;
	background-size: auto 250%;
}
#zoo84 #list03 {
	background: url("../../years/img/zoo84-footprints01.svg") no-repeat 15px 65px;
	background-size: auto 85%;
}
#zoo84 #list03 .image {
	top: -55px;
	left: 180px;
	transform: rotate(-30deg);
}
#zoo84 #list04 {
	background: url("../../years/img/zoo28-footprints04.svg") no-repeat 15px 55px;
	background-size: auto 65%;
}
#zoo84 #list05::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: url("../../years/img/zoo101-footprints02.svg") no-repeat -180px 65px;
	background-size: 170% 85%;
}
#zoo84 #list06 {
	background: url("../../years/img/zoo101-footprints05.svg") no-repeat calc(100% - 20px) 65px;
	background-size: auto 60%;
}
#zoo84 #list06 .image {
	bottom: -20px;
	right: 50px;
}
#zoo84 #list07 {
	background: url("../../years/img/zoo84-footprints02.svg") no-repeat calc(100% - 20px) 65px;
	background-size: auto 70%;
	padding-bottom: 140px;
}
#zoo84 #list08 {
	background: url("../../years/img/zoo84-footprints01.svg") no-repeat 15px 65px;
	background-size: auto 85%;
}
#zoo84 #list08 .image {
	top: -90px;
	left: 180px;
}
/* 姫路セントラルパーク*/
#zoo64 #list01 {
	background: url("../../years/img/zoo64-footprints01.svg") no-repeat 15px 65px;
	background-size: auto 80%;
}
#zoo64 #list01 .image {
	right: 40px;
}
#zoo64 #list02 {
	background: url("../../years/img/zoo64-footprints02.svg") no-repeat 15px 65px;
	background-size: auto 60%;
}
#zoo64 #list03::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: url("../../years/img/zoo101-footprints02.svg") no-repeat -180px 65px;
	background-size: 170% 85%;
}
#zoo64 #list04 {
	background: url("../../years/img/zoo28-footprints04.svg") no-repeat calc(100% - 20px) 65px;
	background-size: auto 60%;
}
#zoo64 #list05 {
	background: url("../../years/img/zoo64-footprints03.svg") no-repeat calc(100% - 20px) 65px;
	background-size: auto 60%;
}
#zoo64 #list05 dl dd {
	width: 50%;
}
#zoo64 #list06 .image {
	top: -135px;
	left: 90px;
}
#zoo64 #list06 {
	background: url("../../years/img/zoo64-footprints04.svg") no-repeat 15px 65px;
	background-size: auto 85%;
}
#zoo64 #list07 {
	background: url("../../years/img/zoo64-footprints02.svg") no-repeat 15px 65px;
	background-size: auto 60%;
}
#zoo64 #list08 {
	background: url("../../years/img/zoo64-footprints05.svg") no-repeat 15px 65px;
	background-size: auto 85%;
}
#zoo64 #list08 .image {
	bottom: -60px;
	left: 40px;
}
#zoo64 #list09 {
	background: url("../../years/img/zoo64-footprints06.svg") no-repeat calc(100% - 30px) 65px;
	background-size: 80% 60%;
}
#zoo64 #list09 .image {
	bottom: 0;
	right: 20px;
}
#zoo64 #list10 {
	background: url("../../years/img/zoo101-footprints05.svg") no-repeat 15px 65px;
	background-size: auto 60%;
}
#zoo64 #list11 {
	background: url("../../years/img/zoo64-footprints07.svg") no-repeat 15px 65px;
	background-size: auto 85%;
}
/*富山市ファミリーパーク*/
#zoo47 #list01 {
	background: url("../../years/img/zoo47-footprints01.svg") no-repeat 15px 65px;
	background-size: auto 80%;
}
#zoo47 #list02::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: url("../../years/img/zoo47-footprints02.svg") no-repeat -210px 65px;
	background-size: 170% 85%;
}
#zoo47 #list03 {
	background: url("../../years/img/zoo47-footprints03.svg") no-repeat calc(100% - 20px) 65px;
	background-size: auto 80%;
}
#zoo47 #list04 {
	background: url("../../years/img/zoo47-footprints04.svg") no-repeat calc(100% - 20px) 65px;
	background-size: auto 65%;
}
#zoo47 #list05 {
	background: url("../../years/img/zoo47-footprints05.svg") no-repeat calc(100% - 20px) 100px;
	background-size: auto 55%;
}
#oiwai .rekishi2 #list05.inner .year::before{
	top: 65px;
}
#oiwai .rekishi2 #list05.inner dl {
	margin-top: 38px;
}
#zoo47 #list05 .image {
	top: -40px;
	right: 70px;
}
#zoo47 #list06 .image {
	top: -65px;
	right: 100px;
}
/* 参考資料を見る*/
#oiwai .readmore {
  position: relative;
  margin: 0 auto;
  padding: 0 0 75px;
}

#oiwai .readmore label {
  position: absolute;
  display: table;
  left: 0;
  bottom: 0;
  margin: 0 auto;
  width:100%;
  padding: 10px 0;
  color: #333;
  text-align: center;
  border-radius: 5px;
  background-color: #CFCFCF;
  cursor: pointer;
  z-index: 1;
}

#oiwai .readmore label::before{
  content: '参考にした情報をみる';
}

#oiwai .readmore input[type="checkbox"]:checked ~ label::before {
  content: '参考にした情報を閉じる';
}

#oiwai .readmore input[type="checkbox"]{
  display: none;
}
#oiwai .readmore-content {
  position: relative;
  height: 0;
  overflow: hidden;
}
#oiwai .readmore input[type="checkbox"]:checked ~ .readmore-content {
  height: auto;
}
@media screen and (max-width: 767px) {
#oiwai .rekishi2 .inner dl dt {
  min-width: 160px;
}
/* 神戸どうぶつ王国 */
#zoo101 #list01 {
	background: url("../../years/img/zoo101-footprints01.svg") no-repeat 15px 65px;
	background-size: auto 60%;
	padding-left: 85px;
}
#zoo101 #list01 .image {
	top: -30px;
	left: 200px;
}
#zoo101 #list02::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: url("../../years/img/zoo101-footprints02.svg") no-repeat 20px 30px;
	background-size: 85% 100%;
}
#zoo101 #list03 {
	background: url("../../years/img/zoo101-footprints03.svg") no-repeat calc(100% - 20px ) 60px;
	background-size: auto 78%;
}
#zoo101 #list04 {
	background: url("../../years/img/zoo101-footprints04.svg") no-repeat calc(100% + 68px ) 30px;
	background-size: 100% 80%;
	padding-bottom: 120px;
}
#zoo101 #list04 dl dt p {
	padding-right: 80px;
}
#zoo101 #list04 .year{
	margin-top: -40px;
}
#zoo101 #list04 .image{
	right: 30px;
}
#zoo101 #list05 {
	background: url("../../years/img/zoo101-footprints05.svg") no-repeat 20px 65px;
	background-size: auto 60%;
}
#zoo101 #list05 .image{
	top: -60px;
	right: auto;
	left: 20px;
}
#zoo101 #list06 .image{
	left: 180px;
}
/* 北秋田市くまくま園 */
#zoo107 #list01 {
	background: url("../../years/img/zoo107-footprints01.svg") no-repeat 15px 65px;
	background-size: auto 65%;
}
#zoo107 #list01 dl dd {
	width: 60%;
}
#zoo107 #list01 .image{
	bottom: -20px;
	right: 0;
}
/* 川崎市夢見ヶ崎動物公園 */
#zoo28 #list01 {
	background: url("../../years/img/zoo28-footprints01.svg") no-repeat 15px 55px;
	background-size: auto 80%;
	padding-left: 75px;
}
	#zoo28 #list01 dl dt p {
		padding-right: 1.5em;
	}
#zoo28 #list01 .image {
	top: auto;
	bottom: 0;
	left: 75px;
}
	#zoo28 #list03 .photo {
		text-align: left;
	}
#zoo28 #list04 {
	background: url("../../years/img/zoo28-footprints04.svg") no-repeat 15px 75px;
	background-size: auto 55%;
}
#zoo28 #list04 .image {
	top: -100px;
	left: 220px;
}
#zoo28 #list04 dl dt p {
	padding-right: 100px;
}
#zoo28 #list05::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: url("../../years/img/zoo101-footprints02.svg") no-repeat 20px 30px;
	background-size: 90% 100%;
}
#zoo28 #list06 {
	background: url("../../years/img/zoo28-footprints05.svg") no-repeat calc(100% - 20px) 55px;
	background-size: auto 75%;
	padding-right: 0;
}
/* 久留米市鳥類センター */
#zoo84 #list01 .image {
	bottom: -40px;
	right: 0;
}
#zoo84 #list05::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: url("../../years/img/zoo101-footprints02.svg") no-repeat 20px 30px;
	background-size: 85% 100%;
}
#zoo84 #list06 .image {
	bottom: -30px;
	right: 80px;
}
#zoo84 #list08 .image {
	top: -110px;
	left: 10px;
}
/* 姫路セントラルパーク*/
#zoo64 #list01 .image {
	top: -40px;
	right: auto;
	left: 130px;
}
	#zoo64 #list03::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: url("../../years/img/zoo101-footprints02.svg") no-repeat 20px 30px;
	background-size: 85% 100%;
}
#zoo64 #list05 {
	background: url("../../years/img/zoo64-footprints03.svg") no-repeat calc(100% - 20px) 65px;
	background-size: 80% 85%;
}
#zoo64 #list05 dl dd {
	width: 100%;
}
#zoo64 #list06 .image {
	top: -80px;
	left: 200px;
}
	#zoo64 #list06 .image img {
		width: 65px;
		height: auto;
	}
#zoo64 #list08 .image {
	bottom: -40px;
	left: 20px;
}
#zoo64 #list09 {
	background: url("../../years/img/zoo64-footprints06.svg") no-repeat calc(100% - 30px) 65px;
	background-size: auto 60%;
}
#zoo64 #list09 .image {
	bottom: 0;
	right: 20px;
}
	/*富山市ファミリーパーク*/
#zoo47 #list02::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: url("../../years/img/zoo47-footprints02.svg") no-repeat 20px 30px;
	background-size: 85% 100%;
}
}