<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/* ページ全体 */
body{font-size:0.9em;background-color: #a1a2ff;
padding: 0rem;margin:0rem;
background-image : url(img/back.gif);}

a,a:link,a:visited,a:hover{color:#F39;text-decoration:none;}

img{border:none;padding:0rem;margin:0rem;}

ul {padding: 0rem;margin: 0rem;}
li {margin: 0rem;padding: 0rem;list-style-position:outside;}

div#all{
width:1024px;max-width:1024px;
padding:0rem;margin:0rem auto;
background-color: #bbd66b;}

div#block{
width:1000px;max-width:1000px;
padding:0.6rem auto;margin:0rem auto;}

div#sec{
background-color: #ffffff;
-webkit-border-radius:20px;-moz-border-radius:20px;}

div#sec2{
padding:0.5rem;margin:0rem;}

div#sec3{
padding:0.5rem;margin:0rem;
border-style: solid; border-color: #f5d5da;}

/* ページの上のタイトル　index.html */
.tit{margin-top:0rem;margin-bottom:0rem;width:100%;max-width:1024px;}

/* 大見出し（全国どうぶつ情報）index.html */
div#title{width:100%;padding:0rem;margin:0rem;}
.tit2{width:50%;max-width:500px;}

/* hタグ */
.h2{
font-size:1.5rem;text-align: center;
width:97%; color: #fff; /* 文字色 */
text-shadow: -1px -1px 1px #e18692, 1px -1px 1px #e18692, -1px 1px 1px #e18692, 1px 1px 1px #dc143c; /* 文字の縁取り */}

.tit1{width:100%;max-width:1024px;}

img#wrapper1{width:100%;float:left;}

p  {padding:0rem;margin:0rem;}
.p1{width:25%;margin:0rem;text-align: center;float:left;position:relative;}
p#spe{padding:0.5rem;}
p#p2{height: 2em;}

div#mo1{line-height: 2em;}

.plast{clear:left;margin-bottom:0.7rem;}

.p1b{width:70%;max-width:700px;}

/* ソーシャルボタン　index.html */
div#nav{margin-bottom:1rem;}
img#sns {width: 23%;margin:0rem;} /* ツイート */
img#sns1{width: 29%;margin:0rem;} /* youtube */
img#sns2{width: 19%;margin:0rem;} /* LINE */
img#sns3{width: 23%;margin:0rem;} /* フォロー */
#nav ul li{display: inline; } 
#nav{text-align:center;padding: 0rem;} 
#nav ul{padding: 0px;margin: 0rem;} 
#nav ul li {display: inline;margin: 0rem;} 

img#all {height: 3rem;}



/* 施設の情報詳細 */
div#jo1{padding: 3px 3px;background-color: #CAE9FF;font-size:15px;}

div#jo2{padding: 1px 3px;margin-bottom:2px;border-style: dashed; border-color: #E7F8FC}

span#ori1{float:right;}

p#add{margin-bottom:5px;line-height: 2.0em;}

a#href {background-color: #ffe4b5;font-weight:bold;margin-bottom:0.2rem;border-radius: 0.3em;}
a#href0{background-color: #f0e68c;font-weight:bold;margin-bottom:0.2rem;border-radius: 0.3em;}
a#href1{padding: 0.1rem 0.5rem;background-color: #ffc0cb;font-weight:bold;border-radius: 50px;}
a#href2{padding: 0.1rem 0.5rem;background-color: #66cdaa;font-weight:bold;border-radius: 50px;}
a#href3{padding: 0.1rem 0.5rem;background-color: #40e0d0;font-weight:bold;border-radius: 50px;}
a#href4{padding: 0.1rem 0.5rem;background-color: #87cefa;font-weight:bold;border-radius: 50px;}
a#href5{padding: 0.1rem 0.5rem;background-color: #ffa07a;font-weight:bold;border-radius: 50px;}

.tags {background: #5cd;color: #fff;display: inline-block;height: 20px;line-height: 20px;padding: 0 1em 0 1em;position: relative;margin-right: 1em;}
.tags::before {border: 10px solid transparent;border-left-color: #5cd;border-right-width: 0;content: '';display: block;height: 0;position: absolute;right: -10px;top: 0;width: 0;}

/* youtube埋め込み */
.video{  position:relative;  width:100%;  padding-top:56.25%;}
.video iframe{position:absolute;top:0;right:0;width:100%;height:100%;}

.box25{
position:relative;
background:none 0% 0% / auto auto repeat scroll padding-box border-box #fff0cd;
box-shadow: 0px 0px 0px 5px #fff0cd;
border: dashed 2px white;padding : 0.2em;color : #454545;
margin-top:10px;margin-left:10px;margin-right:10px;margin-bottom:10px;
}
.box25:after{
position: absolute;content: '';right: -7px;top: -7px;
border-width: 0 15px 15px 0;border-style:solid;
border-color:#ffdb88 #fff #ffdb88;
box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.box25 p{margin: 5;padding: 5;line-height: 1.5em;}
}

/* ボタン（全国の動物園など） */
.btn1{float:left;position:relative;
width:30%;margin:8px 6px;line-height:35px;}
.btn1 a{
float:left;position:relative;
width:30%;margin:8px 6px;line-height:35px;
text-decoration: none;
background:#FFCCD1;
text-align:center;
border:1px solid #FFFFFF;color:#FF2461;
font-size:1.3em;font-weight:bold;
border-radius:50px;
-webkit-border-radius:50px;-moz-border-radius:50px;
box-shadow:0px 0px 0px 4px #FFCCD1 ;transition: all 0.5s ease;}
.btn1 a:hover{
float:left;position:relative;
width:30%;margin:8px 6px;line-height:35px;
background:#D4868D;color:#FFFFFF;
border:1px solid #FFCCD1;box-shadow:none;}

/* ボタン（もどる） */
.btn2  {width:100%;margin:20px 6px;line-height:35px;text-align: center;}
.btn2 a{width:30%;margin:8px 6px;line-height:35px;padding: 3px 40px;
text-decoration: none;
background:#FFCCD1;
text-align:center;
border:1px solid #FFFFFF;color:#F39;
font-size:1.4em;font-weight:bold;
border-radius:50px;
-webkit-border-radius:50px;-moz-border-radius:50px;
box-shadow:0px 0px 0px 4px #FFCCD1 ;transition: all 0.5s ease;}
.btn2 a:hover{
width:30%;margin:8px 6px;line-height:35px;
background:#D4868D;color:#FFFFFF;
border:1px solid #FFCCD1;box-shadow:none;}


.form1 {float:left;position:relative;
padding: 0.1rem;margin:0.1rem;
-webkit-border-radius:50px;-moz-border-radius:50px;}

.sp1 {float:left;position:relative;
font-size:1rem;background: #dfefff;
padding: 0.2rem 0.5rem;margin:0.1rem;
-webkit-border-radius:50px;-moz-border-radius:50px;}

.sp2 {float:left;position:relative;
font-size:1rem;background: #ffe9a4;
padding: 0.2rem 0.5rem;margin:0.1rem;
-webkit-border-radius:50px;-moz-border-radius:50px;}

.sp3 {float:left;position:relative;
font-size:1rem;background: #99ffcc;
padding: 0.2rem 0.5rem;margin:0.1rem;
-webkit-border-radius:50px;-moz-border-radius:50px;}

li#sp4 {list-style-type: none;}

a#sp5{background-color:#99ffcc;display: block;
margin: 0.3rem 0rem;padding: 0.2rem 0.5rem;
-webkit-border-radius:50px;-moz-border-radius:50px;}


/* 検索：どうぶつを探す */
.mi1{
background-color: #f5d5da; /* 背景色 */
background: repeating-linear-gradient(45deg, #f5d5da, #f5d5da 4px, #fcf0f1 0, #fcf0f1 7px); /* 斜めボーダー */
border-radius: 20px;color: #ef858c; /* 文字色 */
padding: 0.4rem;margin: 0rem;position: relative;
text-shadow: 0px 0px 10px #fff, 0px 0px 6px #fff, 0px 0px 4px #fff, 0 0 0.5px #fff;}

/* 検索：動画を探す */
.mi1b{
background-color: #f5d5da; /* 背景色 */
background: repeating-linear-gradient(45deg, #f5d5da, #f5d5da 4px, #fcf0f1 0, #fcf0f1 7px); /* 斜めボーダー */
border-radius: 20px;color: #ef858c; /* 文字色 */
padding: 0rem;margin: 0rem;position: relative;
text-shadow: 0px 0px 10px #fff, 0px 0px 6px #fff, 0px 0px 4px #fff, 0 0 0.5px #fff;}

.mi2 {font-size: 1.2em;font-weight: bold;}
.mi2b{font-size: 1.2em;font-weight: bold;}

.mi3{
font-size:1em;
background-color: #ffffff;padding: 10px;
-webkit-border-radius:20px;-moz-border-radius:20px;}

.mi4{font-size:12px;}

.m5{
width:30%;margin:0rem;
 background-color: #f5d5da; /* 背景色 */
 border-radius: 10px 10px 0px 0px;
 color: #ef858c; /* 文字色 */
 font-size: 1.2em;
 font-weight: bold;
 padding: 5px 5px 5px 50px; /* 上・右・下・左の余白 */
 position: relative;
 text-shadow: 0px 0px 10px #fff, 0px 0px 6px #fff, 0px 0px 4px #fff, 0 0 0.5px #fff; /* 文字の影 */
}
.m5:before{
 content: '＊*'; /*花に見せかけるためのアスタリスク*/
 color: #fff; /* アスタリスクの色 */
 display: inline-block;
 font-size: 25px; /* アスタリスクの大きさ */
 font-weight: bold;
 margin-right: 10px;
 position: absolute;
 top: 0px; left: 0px;
 transform: rotate(20deg);
 -moz-transform: rotate(20deg);
 -webkit-transform: rotate(20deg);
 -o-transform: rotate(20deg);
 text-shadow: 0px 0px 3px #fff, 0px 0px 2px #fff, 0 0 0.5px #fff; /* アスタリスク周りの影 */
}
.m5:after{
 border-bottom: 2px dotted #fff; /* 下線 */
 content: '';
 position: absolute;
 bottom: 3px; left: 3px; right: 3px;
}


.m6{
margin:0rem;
 background-color: #f5d5da; /* 背景色 */
 border-radius: 10px 10px 0px 0px;
 color: #ff1493; /* 文字色 */
 font-size: 18px;
 font-weight: bold;
 padding: 5px 5px 5px 5px; /* 上・右・下・左の余白 */
 position: relative;
 text-shadow: 0px 0px 10px #fff, 0px 0px 6px #fff, 0px 0px 4px #fff, 0 0 0.5px #fff; /* 文字の影 */
}
.m6:after{
 border-bottom: 2px dotted #fff; /* 下線 */
 content: '';
 position: absolute;
 bottom: 3px; left: 3px; right: 3px;
}


/***1280***/
@media screen and (max-width: 1280px) {
div#all{width:100%;max-width: 1024px;}
div#block{max-width: 98%;}
}
/***1024***/
@media screen and (max-width: 1024px) {
div#all{width:100%;max-width: 100%;}
div#block{max-width: 98%;}
.h1{font-size:18px;}
.p1{font-size:12px;}
}
/***900***/
@media screen and (max-width: 900px) {
div#all{max-width: 100%;}
div#block{max-width: 98%;}
.h1{font-size:16px;}
.p1{width:33%;font-size:11px;}
img#all {height: 28px;}
/***750***/
@media screen and (max-width: 750px) {
div#all{max-width: 100%;}
div#block{max-width: 98%;}
.h1{font-size:14px;}
.p1{width:33%;font-size:10px;}
img#all {height: 24px;}

}/***680***/
@media screen and (max-width: 680px) {
div#all{max-width: 100%;}
div#block{max-width: 98%;}
.h1{font-size:12px;}
.p1{width:33%;font-size:9px;}
}
/***580***/
@media screen and (max-width: 580px) {
div#all{max-width: 100%;}
div#block{max-width: 98%;}
.h1{font-size:10px;}
.p1{width:33%;font-size:8px;}
.btn1 a{font-size:15px;width:30%;margin:8px 5px;}
}
/***480***/
@media screen and (max-width: 480px) {
div#all{max-width: 100%;}
div#block{max-width: 98%;}
.h1{font-size:10px;}
.btn1 a{font-size:15px;width:30%;margin:8px 5px;}

.p1{width:33%;font-size:8px;}
}
/***320***/
@media screen and (max-width: 320px) {
div#all{max-width: 100%;}
div#block{max-width: 98%;}
.h1{font-size:10px;}
.btn1 a{font-size:15px;width:30%;margin:8px 4px;}

.p1{width:50%;font-size:8px;}
}



</pre></body></html>