:root {
--body-color: #fff1cf;;
--header-color: #00ccff;
--header-dashed: #ccffff;
--content-color: #fff1cf;
--infopost-color: #FBC5DD;
--infopost-dashed: #ff9999;
--rightsection-h-color: #ccffff;
--rightsection-h-dashed: #00ccff;
--rightsection-footer-color: #ccffff;
--rightsection-footer-dashed: #00ccff;
--footer-color: #00ccff;
--footer-dashed: #ccffff;
--responsive-menu-color: #fbc5dd;
--responsive-menu-dashed: #ff9999;
--light-blue-color: #ccffff;
--light-blue-dashed: #00ccff;
--light-blue-title-color: #ccffff;
--light-blue-title-dashed: #00ccff;
--roof-url: url(https://allpet.jp/animal/wp-content/themes/animal-pc/image/roof3.png);
--index-title: #00ccff;	
--index-title-dashed: #ccffff;
--balloon-left-links-back: #FBC5DD;	
--balloon-left-links-tail: #fff;	
--balloon-left-links-border: #fff;
--balloon-left-links-content: #fff;	
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-overflow-scrolling:touch;     
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
html {
height: 100%;
overflow-y:scroll;
}
body {
margin: 0px;
background-color: var(--body-color);
min-width: 320px;
color: #444444;
}
img { border-style:none; } 
a img { border-style:none; }
A:link {text-decoration:none} 
A:visited{color: #d35134}
A:hover{color: #d35134}
li{margin-bottom:1rem;}
div,p {
font-size:1.6rem;
}
h1,h2,h3,h4 {
font-size:1.6rem;
font-weight:bold;}
.clear {
clear: both;
} #wrapper {
width: 100%; 
min-width: 320px;
margin: 0 auto;
padding: 1rem 0;
background-color:var(--header-color);
}
@media screen and (max-width:800px){
#wrapper{
margin-top:7.9rem;
border-top: 0.1rem  dashed var(--header-dashed);
border-bottom: 0.1rem  dashed var(--header-dashed);
box-shadow: 0 0 0 0.5rem var(--header-color), 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: var(--header-color);
padding:0.5rem 0rem;
margin-bottom:1rem;
}} #wrapper_middle {
background-color: var(--body-color);
background-image: var(--roof-url);
background-position: top, top;
background-repeat: repeat-x, repeat;
width: 100%; 
min-width: 320px;
height:auto;
margin: 0 auto;
padding: 4rem 0 2.5rem 0;
}
@media screen and (max-width:800px){
#wrapper_middle{
padding: 0 0 2.5rem 0rem;	
background-image: none;}} #wrapper_bottom {
width: 100%; 
min-width: 320px;
padding: 1.2rem 0 0.5rem 0; background-color: var(--body-color);
overflow-x:hidden;
}
.wrapper_bottom_bottom {
border-top: 0.1rem  dashed var(--footer-dashed);
border-bottom: 0.1rem  dashed var(--footer-dashed); box-shadow: 0 0 0 0.5rem var(--footer-color), 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: var(--footer-color);
width: 100% ; 
margin: 0.8rem auto 0 auto;
} .container{ margin: 0 auto; border: solid 0px black; padding:0 12px;}
@media screen and (min-width:1550px){.container{width: 1550px;}}
@media screen and (min-width:1260px)and (max-width:1550px){.container{width: 1190px;}}
@media screen and (min-width:1004px)and (max-width:1260px){.container{width: 895px;}}
@media screen and (min-width:740px)and (max-width:1004px){.container{width: 730px;}}
@media screen and (max-width:740px){.container	{width: 100%;}} .container_middle {height: auto; margin: auto; padding:0 12px; }
@media screen and (min-width:1550px){.container_middle{width: 1550px;}}
@media screen and (min-width:1260px)and (max-width:1550px){.container_middle{width: 1190px;}}
@media screen and (min-width:1004px)and (max-width:1260px){.container_middle{width: 895px;}}
@media screen and (max-width:800px){.container_middle{padding-top: 0.5rem;}}
@media screen and (min-width:740px)and (max-width:1004px){.container_middle{width: 730px;}}
@media screen and (max-width:740px){.container_middle	{width: 100%; }} .container_bottom{height: auto; margin: auto; background-color:var(--header-color); padding: 0 12px;}
@media screen and (min-width:1550px){.container_bottom{width: 1550px;}}
@media screen and (min-width:1260px)and (max-width:1550px){.container_bottom{width: 1190px;}}
@media screen and (min-width:1004px)and (max-width:1260px){.container_bottom{width: 895px;}}
@media screen and (max-width:800px){.container_bottom{padding-top: 0rem;}}
@media screen and (min-width:740px)and (max-width:1004px){.container_bottom{width: 730px;}}
@media screen and (max-width:740px){.container_bottom	{width: 100%; }}   #logobox	{
position: relative;
border: solid 0px red;
width: 100%;
margin-bottom:1rem;
}
@media screen and (max-width:800px){#logobox{margin-bottom:0rem;}} #logopic{
border: solid 0px green;
float: left;
height: 5rem; 
width: 18rem;
}
@media screen and (max-width:800px){#logopic{display: none;}} .counter{
position:relative;
margin: 0;
float:left;
border: dotted 0px red;
width: 35%;
text-align: center;
}
@media screen and (min-width:1004px)and (max-width:1550px){.counter{width: 45%;}}
@media screen and (min-width:801px)and (max-width:1004px){.counter{width: 45%;}}
@media screen and (max-width:800px){.counter{width:100%;}}
.counter_title{
margin:0;	
font-size: 1.8rem;
font-weight:bold;
line-height:2.5rem;
text-align: center; text-shadow: #00523A 1px 1px 3px;}
@media screen and (min-width:801px)and (max-width:1004px){.counter_title{
padding-left: 5rem;
text-align: center;
}}
@media screen and (max-width:600px){.counter_title{ padding-left: 4rem;
}}
@media screen and (max-width:330px){.counter_title{ padding-left: 5rem;
}}
.counter a {color:#fff;}
.counter a:hover{color:#f6ad49; 
text-shadow: #00523A 1px 1px 3px;} div#navnav{
margin: -12px 0px 7px 8px;
width: 100%;
float:left;
}
div#navbox{
width: 100%;
float:left;
margin:0px 0px 0px 0px;
}
#nav   {
border: solid 0px red;
height: 30px; margin: 0 0 0 0px; }
#nav ul    {
position:relative;
z-index: 20; 
margin:0px 0px 0px -40px; }
#nav li    {
display: block;
float: left;
line-height: 30px; height: 30px; margin: 0; padding: 0; position: relative; font-weight:bold;
margin-top:1.5rem;
}
#nav li a  {
display: block;
height: 30px;
line-height: 30px;
padding: 0 15px; margin-right: 2rem;
border: 0.15rem  dashed #d66a35;
border-radius:1rem;
box-shadow: 0 0 0 0.5rem #f6ad49, 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color:#f6ad49;
color: #ffffff;
font-weight:bold;
text-shadow: black 1px 1px 3px;
text-align:center;
}
#nav .current-menu-item a, #nav .current_page_item a, #nav a:hover {
border: 0.15rem  dashed #fddea5;
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem #d66a35,
0px 1px 4px 7px rgba(0, 0, 0, 0.7);
background-color:#d66a35;
color: #ffffff;
font-weight:bold;
text-shadow: black 1px 1px 3px;
text-align:center;
}
#nav ul ul { z-index: 1; 
display: none; position: absolute;
top: 30px; }
#nav ul ul li { float: none; width: 200px; margin: 12px 0 0px 0;
}
#nav ul ul ul li { margin: 0px 0px 5px 5px;
}
#nav ul ul li a {  border: 0.15rem  dashed #d66a35;
border-radius:1rem;
box-shadow: 0 0 0 0.5rem #f6ad49, 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color:#f6ad49;
color: #ffffff;
font-weight:bold;
text-shadow: black 1px 1px 3px;
text-align:center;
}
#nav ul li:hover > ul {
z-index: 1; 
display: block; }
#nav ul ul li ul {
z-index: 1; left: 190px; top: -12px; }
#nav ul ul li ul li{
margin-top:12px;
padding:0;
}
#nav ul ul li ul li a{
margin-top:12px;
padding:0;
}
@media screen and (max-width:800px){
#navnav	{display: none;}}  .prefecture h2{
text-align:center;
width:100%;
font-size:18px;
border:solid 0rem #00ccff;
margin-top:0rem;
background-color:#ffffff;
color:gray;
font-weight:bold;
border-radius:2rem;
padding:20px;
margin:50px auto 0px auto;
} .table_of_contents{text-align:center;}
.table_of_contents ul{
display: inline-block;
text-align: left;
margin-left:0rem;
padding-left:0rem;
list-style: none; }
.table_of_contents ul li{
border-bottom: dashed 0.1rem #00ccff;
padding: 0.3rem 0rem 0.1rem 0;
margin-bottom:0rem;}
.table_of_contents ul li:before {
font-family: "icomoon";
content: "\f138"; left : 0.5em; color: #00ccff; margin-right:1rem;
} .handling_summary{
width:100%;
max-width:360px;
color:gray;
border:0px solid black;
font-size:16px;
text-align:center;
margin:50px auto 0 auto;
background-color:white;
padding:10px 10px;;
border-radius:2rem;
}
.handling_summary h2{
border-bottom:solid gray 1px;
color:gray;
font-size:18px;
padding:5px 0 10px 0;
margin:0 auto 10px auto;
}
.handling_text_plain{
display:inline-block;
}
.text_dib{
display:inline-block;
margin-right:1rem;
margin-top:5px;
}
.animal_icon_top{
display:inline-block;
margin-right:0.5rem;
border:solid 0.1rem #fff;
background-color: #00ccff;
color:#fff;
padding: 4px 4px;
border-radius:3px;
} .shop_card{
width:100%;
max-width:360px;
border:1px #ccc solid;
margin: 50px auto 0 auto;
background-color:white;
padding:10px;
border-radius:10px;
}
.shop_card img{
width:100%;
border-radius:1rem;
vertical-align:bottom;
border: 0rem solid #ffffff;
height:auto;
}
.shop_card_left{
width: calc(100% - 111px);
border:0px solid red;
}
@media screen and (max-width:374px){.shop_card_left{width:100%;}} .position{
border:0px solid black;
position: relative;
margin-bottom:10px;
} .shop_card_icon_right{
width:107px;
display: flex;
justify-content: right;
flex-wrap: wrap;
position:absolute;
top:0px;
right:0px;
padding-left:0px;
border:0px solid green;
}
@media screen and (max-width:374px){
.shop_card_icon_right{
display:none ;
}}
.shop_card_icon_bottom{
position:absolute;
bottom:1rem;
left:1rem;
padding:5px;
display:none;
background-color:white;
border-radius:5px;
border:0px solid green;    
}
@media screen and (max-width:374px){.shop_card_icon_bottom{display:block;}} .shop_card_button_right{
width:107px;
position:absolute;
bottom:0px;
right:0px;
border:0px solid green;
}
@media screen and (max-width:374px){.shop_card_button_right{display:none;}}
.shop_card_button_bottom{
width:100%;
display:none;
text-align:center;
margin-bottom:10px;
border:0px solid green;
}
@media screen and (max-width:374px){.shop_card_button_bottom{display:block;}} .call_box_mail, .call_box_tel{
float: right;
width: 50px;
height:50px;    
display:inline-block;
border-radius: 3px;
font-size: 1.3rem;
font-weight:bold;
padding-top: 10px;
text-align: center;
background-color:#ff9999;
border:1px solid #fff;    
}
.call_box_mail{
margin-right:0px;}
.call_box_tel {
margin-right:2px;}
.call_box_tel:hover,.call_box_mail:hover{
background-color:#68B6FB;}
@media screen and (max-width:374px){.call_box_mail, .call_box_tel{float:left; margin-right:0; width:33.3%;}}
.link_button320{
display:inline-block;
width: 50%;
height:50px;
border-radius: 3px;
font-size: 1.3rem;
font-weight:bold;
padding-top: 10px;
text-align: center;
background-color:#ff9999;
border:1px solid #fff; 
}
.link_button320:hover{
background-color:#68B6FB;} .shop_name_bottom{
font-size:1.6rem;
position:absolute;
bottom:1rem;
left:1rem;
margin-top:0rem;
display:inline-block;
background-color:#ffffff;
color:gray;
font-weight:bold;
border-radius:2rem;
padding:1rem 1.5rem;
border:solid 0rem #00ccff;    
}
@media screen and (max-width:374px){.shop_name_bottom{display:none;}}
.shop_name_top{
font-size:1.6rem;
position:absolute;
top:1rem;
left:1rem;
margin-top:0rem;
display:inline-block;
background-color:#ffffff;
color:gray;
font-weight:bold;
border-radius:2rem;
padding:1rem 1.5rem;
display:none;
border:solid 0rem #00ccff;    
}
@media screen and (max-width:374px){.shop_name_top{display:block !important;}}
.stel{
line-height:100%;
padding-bottom: 0.3rem;
font-size:1.4rem;
text-align: center;
border: solid 0rem red;    
}
.stel2,.stel3,.stel4,.stel5,.stel6,.stel7,.stel8,.stel9,.stel10{
padding:0.1rem 0 0 0.2rem;
font-size:1.3rem;
}
.stelclose,.stelclose2{
font-size:4rem;
position:absolute;
top:-1rem;
left:0.4rem;} .animal_icon{
font-size:16px;
background-color: #00ccff;
color:#fff;
padding: 4px 3.9px;
border-radius:3px;
float:left;
border:solid 0.1rem #fff;    
} .footer {
border-top: 0.1rem  dashed var(--footer-dashed);
border-bottom: 0.1rem  dashed var(--footer-dashed);
border-radius: 0rem 0rem 0 0;
box-shadow: 0 0 0 0.5rem var(--footer-color);, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: var(--footer-color);
width: 100%; 
margin: 0 auto 0 auto;
}
@media screen and (max-width:740px){
.footer	{
padding:0rem 0.8rem;
margin-bottom: 1.2rem;
}} .rabbit_ftlc {
float:left;
width: 49.5%;
}
@media screen and (max-width:1004px){
.rabbit_ftlc {
width: 100%;
}}
.rightsection_footer{
border: 0.1rem  dashed var(--rightsection-footer-dashed);
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem var(--rightsection-footer-color), 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: var(--rightsection-footer-color);
width: calc(100% - 1.6rem);
margin:2.5rem auto;
padding:0.1rem 1rem 1rem 1rem;
}
@media screen and (max-width:1004px){
.rightsection_footer{
margin:2.5rem auto 0rem auto;
width: 100%;
}}
h2.rightsection_footer {
border: 0.1rem  dashed #ccffff;
border-radius:1rem;
box-shadow: 0 0 0 5px #00ccff, 0px 1px 4px 7px rgba(10, 10, 0, 0.5);	
background-color:#00ccff;
margin:0;
padding: 0.6rem 0.5rem 0.5rem 0.5rem;
color: #ffffff;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
}
@media screen and (max-width:1004px){
h2.rightsection_footer {
margin: 0rem 1rem 0.5rem 1rem; 	
}}
.fm_position{
position:relative;
box-shadow: 0 0 0 0.5rem var(--content-color), 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
margin-top:2.5rem;
background-color: var(--content-color);
border-radius: 0.5rem;
padding:0 0.3rem 0rem 0.3rem;
}
.fm_position:first-of-type {
margin-top: 0;
}
.fm_position a:hover .opa-mailorder img {opacity: 0.7}
.fm_position a:hover .opa img {opacity: 0.7}
.center{
text-align : center;
}
h2.howto{
width: calc(100% - 1.2rem);
border: 0.1rem  dashed var(--index-title-dashed);
border-radius:1rem;
box-shadow: 0 0 0 0.5rem var(--index-title), 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color: var(--index-title);
margin:0 auto 1.5rem auto;
padding: 0.5rem 1rem 0.5rem 0.5rem;
color: #ffffff;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
float:none;
display:inline-block;
}
.text_adjust{
display:inline-block !important;
}
.rightsection_footer{
border: 0.1rem  dashed var(--rightsection-footer-dashed);
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem var(--rightsection-footer-color), 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: var(--rightsection-footer-color);
width: calc(100% - 1.6rem);
margin:2.5rem auto;
padding:0.1rem 1rem 1rem 1rem;
}
@media screen and (max-width:1004px){
.rightsection_footer{margin:2.5rem auto 0rem auto;
width: 100%;
}}
h2.rightsection_footer {
border: 0.1rem  dashed #ccffff;
border-radius:1rem;
box-shadow: 0 0 0 5px #00ccff, 0px 1px 4px 7px rgba(10, 10, 0, 0.5);	
background-color:#00ccff;
margin:0;
padding: 0.6rem 0.5rem 0.5rem 0.5rem;
color: #ffffff;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
}
@media screen and (max-width:1004px){
h2.rightsection_footer {
margin: 0rem 1rem 0.5rem 1rem; 	
}} .ftrc {
width: 49.5%;
float:right; }
.ftrc p{ }
@media screen and (max-width:1004px){
.ftrc {
margin:0rem 0 0rem 0;
width: 100%;
float:left;}
}
.rightsection_footer_right{
border: 0.1rem  dashed var(--rightsection-footer-dashed);
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem var(--rightsection-footer-color), 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: var(--rightsection-footer-color);
width: calc(100% - 1.6rem);
margin:2.5rem auto;
padding:0.1rem 1rem 1rem 1rem;
}
@media screen and (max-width:1004px){
.rightsection_footer_right{margin:3.34rem auto 2.5rem auto;
width: 100%;}}
h2.rightsection_footer_right {
border: 0.1rem  dashed #ccffff;
border-radius:1rem;
box-shadow: 0 0 0 5px #00ccff, 0px 1px 4px 7px rgba(10, 10, 0, 0.5);	
background-color:#00ccff;
margin:0;
padding: 0.6rem 0.5rem 0.5rem 0.5rem; 
color: #ffffff;
font-weight:bold;
text-shadow: #96514d 1px 1px 3px;
text-align:center;
}
@media screen and (max-width:1004px){
h2.rightsection_footer_right {
margin: 0rem 1rem 0.5rem 1rem; 	
}}
.footerdescription {
margin: 0px 0 0px 0;
padding: 0.5rem 0;
} .rightsection_home{
border: 0.1rem  dashed #f6ad49;
border-radius: 1rem;
box-shadow: 0 0 0 0.5rem #fddea5, 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: #fddea5;
width: calc(100% - 2.0rem);
margin:auto auto;
padding:0.2rem 1rem 0rem 1rem;
max-width:893px;
}
h2.rightsection_home {
width:auto;
border-top: 0.1rem  dashed #f6ad49;
border-left: 0.1rem  dashed #f6ad49;
border-right: 0.1rem  dashed #f6ad49;
border-bottom:none;
border-radius: 1rem 1rem 0 0;
position: absolute;
display: inline-block;
top: -2rem;
left: 2rem;
padding: 0.6rem 1rem 0rem 1rem;
line-height: 1;
background: #fddea5;
box-shadow: 0 0 0 0.5rem #fddea5,
-4px -2px 5px 3px rgba(10, 10, 0, 0.5), 
-4px -2px 5px 4px rgba(10, 10, 0, 0.5),
5px -2px 5px 4px rgba(10, 10, 0, 0.5);
text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;} .circle img{
box-shadow: 0 0 0 0.3rem #fff, 0px 0px 0px 0.4rem #cccccc;	
width:5.5rem;
height:5.5rem;
border-radius:50%;
display: inline-block;
margin: 3px 0 0px 2px;
border:solid 0px #fff;    
}
.balloon_left {
position: relative;
display:inline-block;
max-width:calc(100% - 8.5rem);
margin: 0 0 0rem 3rem;
}
.balloon-text-left {
float: left;
position: relative;
padding: 0.6rem 0.6rem 0.3rem 0.6rem;
border-radius: 10px;
max-width: 100%;
display: inline-block;
background-color:white;
z-index: 10;
min-height:6.3rem;
margin-bottom:-0.7rem;
border: 1px solid #aaa;    
}
.balloon-text-left p{line-height:1.8rem;} .balloon_left:before {
content: '';
position: absolute;
height: 40px;
width: 40px;
border-radius: 25px;
z-index: 1;
background: #cccccc;
top: 17px;
left: -18px;
}
.balloon_left:after {
content: '';
position: absolute;
height: 40px;
width: 40px;
border-radius: 25px;
z-index: 1;
background: #fff1cf;
top: 6px;
left: -25px;
} #responsive-menu-pro-header-bar-logo{margin-left:-1.2rem; margin-right:1.1rem !important;} #responsive-menu-pro-header-bar-logo img {width: 125px; height:50px;}
#responsive-menu-pro-header {
border-bottom: 0.1rem  dashed var(--responsive-menu-dashed);
box-shadow: 0 0 0 0.5rem var(--responsive-menu-color), 0px 0px 4px 8px rgba(10, 10, 0, 0.5);
background-color: var(--responsive-menu-color);}
#responsive-menu-pro-button{border-radius: 0.3rem; border: solid #fff 1px !important;} .g_map { width: 99.7%;
float:left;
position: relative;
padding-top: 50%;
height: 0;
overflow: hidden;
margin-bottom: 1rem;
}
.g_map iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width:1004px){
.g_map {
width: 99.5%;
float:left;
position: relative;
padding-top: 50%;
height: 0;
overflow: hidden;
}
}@font-face {
font-family: 'icomoon';
src:  url(//allpet.jp/home/wp-content/themes/home-pc/icon/fonts/icomoon.eot?syrk4p);
src:  url(//allpet.jp/home/wp-content/themes/home-pc/icon/fonts/icomoon.eot?syrk4p#iefix) format('embedded-opentype'),
url(//allpet.jp/home/wp-content/themes/home-pc/icon/fonts/icomoon.ttf?syrk4p) format('truetype'),
url(//allpet.jp/home/wp-content/themes/home-pc/icon/fonts/icomoon.woff?syrk4p) format('woff'),
url(//allpet.jp/home/wp-content/themes/home-pc/icon/fonts/icomoon.svg?syrk4p#icomoon) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-shop:before {
content: "\e954";
}
.icon-number:before {
content: "\e948";
}
.icon-number1:before {
content: "\e949";
}
.icon-number2:before {
content: "\e94a";
}
.icon-number3:before {
content: "\e94b";
}
.icon-number4:before {
content: "\e94c";
}
.icon-number5:before {
content: "\e94d";
}
.icon-number6:before {
content: "\e94e";
}
.icon-number7:before {
content: "\e94f";
}
.icon-number8:before {
content: "\e950";
}
.icon-pil:before {
content: "\e951";
}
.icon-injection:before {
content: "\e952";
}
.icon-clipboard:before {
content: "\e953";
}
.icon-storefront:before {
content: "\e955";
}
.icon-celebration:before {
content: "\e945";
}
.icon-koi8:before {
content: "\e910";
}
.icon-tank:before {
content: "\e911";
}
.icon-api:before {
content: "\e912";
}
.icon-pleco:before {
content: "\e913";
}
.icon-plant:before {
content: "\e914";
}
.icon-killi:before {
content: "\e915";
}
.icon-insect:before {
content: "\e916";
}
.icon-guppy:before {
content: "\e917";
}
.icon-goldfish:before {
content: "\e918";
}
.icon-gecko:before {
content: "\e919";
}
.icon-ency:before {
content: "\e91a";
}
.icon-hirenaga2:before {
content: "\e90e";
}
.icon-koi7:before {
content: "\e90f";
}
.icon-koi8:before {
content: "\e910";
}
.icon-tank:before {
content: "\e911";
}
.icon-api:before {
content: "\e912";
}
.icon-pleco:before {
content: "\e913";
}
.icon-plant:before {
content: "\e914";
}
.icon-killi:before {
content: "\e915";
}
.icon-insect:before {
content: "\e916";
}
.icon-guppy:before {
content: "\e917";
}
.icon-goldfish:before {
content: "\e918";
}
.icon-gecko:before {
content: "\e919";
}
.icon-ency:before {
content: "\e91a";
}
.icon-cori_panda:before {
content: "\e91b";
}
.icon-catfish:before {
content: "\e91c";
}
.icon-cart:before {
content: "\e91d";
}
.icon-discus:before {
content: "\e91e";
}
.icon-hit:before {
content: "\e91f";
}
.icon-sango:before {
content: "\e920";
}
.icon-sira:before {
content: "\e921";
}
.icon-rank3:before {
content: "\e922";
}
.icon-poodle:before {
content: "\e923";
}
.icon-parrot3:before {
content: "\e924";
}
.icon-open:before {
content: "\e925";
}
.icon-nest:before {
content: "\e926";
}
.icon-hedge:before {
content: "\e927";
}
.icon-ferret1:before {
content: "\e928";
}
.icon-degu:before {
content: "\e929";
}
.icon-chinchilla2:before {
content: "\e92a";
}
.icon-chinchilla:before {
content: "\e92b";
}
.icon-bird:before {
content: "\e92c";
}
.icon-360:before {
content: "\e92d";
}
.icon-bag-man:before {
content: "\e92e";
}
.icon-born:before {
content: "\e92f";
}
.icon-bus:before {
content: "\e931";
}
.icon-cat:before {
content: "\e932";
}
.icon-dog2:before {
content: "\e933";
}
.icon-dogfood:before {
content: "\e934";
}
.icon-ebi:before {
content: "\e935";
}
.icon-ferret2:before {
content: "\e936";
}
.icon-fish2:before {
content: "\e937";
}
.icon-gage:before {
content: "\e938";
}
.icon-ham:before {
content: "\e939";
}
.icon-menu:before {
content: "\e93a";
}
.icon-menu_3:before {
content: "\e93b";
}
.icon-momkids:before {
content: "\e93c";
}
.icon-moru:before {
content: "\e93d";
}
.icon-rabbit:before {
content: "\e93e";
}
.icon-rolling:before {
content: "\e93f";
}
.icon-squirrel2:before {
content: "\e940";
}
.icon-standinghedge:before {
content: "\e941";
}
.icon-turtle:before {
content: "\e943";
}
.icon-yamamoto:before {
content: "\e944";
}
.icon-facebook:before {
content: "\e90a";
color: #1877f2;
}
.icon-instagram:before {
content: "\e90b";
color: #e4405f;
}
.icon-line:before {
content: "\e90c";
color: #00c300;
}
.icon-youtube:before {
content: "\e90d";
color: #f00;
}
.icon-sun-fill:before {
content: "\e900";
}
.icon-moon-fill:before {
content: "\e901";
}
.icon-clock:before {
content: "\e902";
}
.icon-pencil:before {
content: "\e903";
}
.icon-search:before {
content: "\e904";
}
.icon-heart:before {
content: "\e905";
}
.icon-refresh:before {
content: "\e906";
}
.icon-camera1:before {
content: "\e946";
}
.icon-office:before {
content: "\e907";
}
.icon-video-camera1:before {
content: "\e947";
}
.icon-folder-open:before {
content: "\e930";
}
.icon-phone:before {
content: "\e942";
}
.icon-display:before {
content: "\e956";
}
.icon-mobile:before {
content: "\e958";
}
.icon-aid-kit:before {
content: "\e998";
}
.icon-scissors:before {
content: "\ea5a";
}
.icon-youtube2:before {
content: "\ea9e";
}
.icon-cross:before {
content: "\e908";
}
.icon-home:before {
content: "\e909";
}
.icon-number2:before {
content: "\e94a";
}
.icon-number3:before {
content: "\e94b";
}
.icon-number4:before {
content: "\e94c";
}
.icon-number5:before {
content: "\e94d";
}
.icon-number6:before {
content: "\e94e";
}
.icon-number7:before {
content: "\e94f";
}
.icon-number8:before {
content: "\e950";
}
.icon-pil:before {
content: "\e951";
}
.icon-injection:before {
content: "\e952";
}
.icon-clipboard:before {
content: "\e953";
}
.icon-camera:before {
content: "\f030";
}
.icon-video-camera:before {
content: "\f03d";
}
.icon-question-circle:before {
content: "\f059";
}
.icon-info-circle:before {
content: "\f05a";
}
.icon-exclamation-circle:before {
content: "\f06a";
}
.icon-calendar:before {
content: "\f073";
}
.icon-envelope:before {
content: "\f0e0";
}
.icon-circle:before {
content: "\f111";
}
.icon-chevron-circle-right:before {
content: "\f138";
}
.icon-youtube1:before {
content: "\f167";
}
.icon-paw:before {
content: "\f1b0";
}
.icon-automobile:before {
content: "\f1b9";
}
.icon-car:before {
content: "\f1b9";
}
.icon-subway:before {
content: "\f239";
}
.icon-user-circle-o:before {
content: "\f2be";
}
.icon-drivers-license-o:before {
content: "\f2c3";
}
.icon-id-card-o:before {
content: "\f2c3";
}
.icon-thermometer-3:before {
content: "\f2c8";
}
.icon-thermometer-three-quarters:before {
content: "\f2c8";
}
.icon-shower:before {
content: "\f2cc";
}.ddd{
display: none;
z-index:999;
position:absolute;
top:6rem;
left:0rem;	
text-align:center;
line-height: 1.6rem;
padding: 0.7rem 0.7rem 0.7rem 0.6rem !important;
font-size: 1.4rem;
border: 0.1rem  dashed #ff9999;
border-radius:1rem;
box-shadow: 0 0 0 0.5rem #FBC5DD, 0px 1px 4px 7px rgba(10, 10, 0, 0.5);
background-color:#FBC5DD;
color: #ffffff;
font-weight:bold; width:270px;
}
.staffclose{
color:#fff;
font-size:4rem;
position:absolute;
top:0rem;
left:0.8rem;}
@media screen and (max-width:800px){
.staffclose{
color:#fff;
font-size:4rem;
position:absolute;
top:0.5rem;
left:0.8rem;}
} .button-toggle3 {
position:absolute;
top:0;
left:0;
display: inline-block;
cursor:	pointer;
height: 50px;
width:7rem;
background: url(https://allpet.jp/animal/wp-content/themes/animal-pc/image/staffbox5.svg);
}
.button-toggle3:hover {
background: url(https://allpet.jp/animal/wp-content/themes/animal-pc/image/staffbox5b.svg);
}
.button-toggle3:checked  {
background: url(https://allpet.jp/animal/wp-content/themes/animal-pc/image/staffbox7.svg) !important;
}
.button-toggle3active {
background: url(https://allpet.jp/animal/wp-content/themes/animal-pc/image/staffbox7.svg)!important;
}
@media screen and (min-width:800px)and (max-width:1260px){.button-toggle3{left:-2rem;}}
.recruit a,.recruit a visitted{
font-size:1.3rem;
color:blue !important;
font-weight:bold;
float:left;	
width: calc(100% - 6rem);}
.recruit a:hover{
text-decoration:underline;
color:blue !important;
text-shadow: none !important;
}
.button-toggle4 
{
cursor:	pointer;
position:relative;
border:1px solid #fff;
width: 5rem;
float: right;
height:5rem;
border-radius: 5px;
padding-left:2rem;
text-align: center;
background-color:#68B6FB;
margin-right:0.7rem;
}
.staffclose2{
color:#fff;
font-size:4rem;
position:absolute;
top:0.4rem;
left:0.5rem;}
@media screen and (max-width:800px){
.staffclose2{
color:#fff;
font-size:4rem;
position:absolute;
top:0.4rem;
left:0.5rem;}
}
.shop91,.shop92,.shop93,.shop94,.shop95,.shop96,.shop97,.shop98,.shop99,.shop100,.shop101{
width:calc(33% - 0.5rem);
height:5rem;
background-color:#ff9999;
border:white solid 0.1rem;
border-radius:3px;
float:left;
margin:0 0.5rem 0.5rem 0;
padding:1.5rem 0;
cursor:	pointer;
}
.shop91:hover,.shop92:hover,.shop93:hover,.shop94:hover,.shop95:hover,.shop96:hover,.shop97:hover,.shop98:hover,.shop99:hover,.shop100:hover,.shop101:hover{
background-color:#68B6FB;}
.staff91,.staff92,.staff93,.staff94,.staff95,.staff96,.staff97,.staff98,.staff99,.staff100,.staff101
{width:100%;}
.staffactive{
background-color:#68B6FB;
}.jquerywrap {z-index:1;
margin-top:1rem;
width:5rem;
border: solid 0px #000;
position: relative;
float:left;
cursor:pointer;
}
.button-toggle5:hover,.button-toggle6:hover,.button-toggle7:hover,.button-toggle8:hover,.button-toggle9:hover,.button-toggle10:hover {
color: #fff;
background: #68B6FB;
}
.button-toggle5,.button-toggle6,.button-toggle7,.button-toggle8,.button-toggle9,.button-toggle10 {
float:left;
z-index:999;
border:1px solid #fff;
width: 5rem;
height:5rem;
border-radius: 3px;
font-size: 1.3rem;
font-weight:bold;
color:white;
padding-top: 1.1rem;
text-align: center;
background-color:#ff9999;
margin-right:1rem;}
.telactive5 {
color: #fff;
background: #68B6FB;
}
.teltel5,.teltel6,.teltel7,.teltel8,.teltel9,.teltel10 {
display:none;
position: absolute;
top: 5rem;
right: 0rem;
border:solid 0px black;
color: #fff;
overflow: hidden;
text-align:center;
width:21rem !important;
padding:0.5rem 0.1rem 0 0;
}
.teltel5,.teltel6{
width:22.4rem !important; }
.teltel5 a,.teltel6 a,.teltel7 a,.teltel8 a,.teltel9 a,.teltel10 a {
display: block;
color: #fff;
height: 5rem;
line-height: 5rem;
border-radius:3px;
border:1px solid #fff;
background: #ff9999;
font-weight:bold;
width: 10.3rem;
float:right;
margin:-0.1rem -0.1rem 0 0;
}
.teltel5 a,.teltel6 a{width:11rem;}
.teltel5 ul,.teltel6 ul,.teltel7 ul,.teltel8 ul,.teltel9 ul,.teltel10 ul {
margin:0;
padding:0;
list-style:none;}
.teltel5 ul li,.teltel6 ul li,.teltel7 ul li,.teltel8 ul li,.teltel9 ul li,.teltel10 ul li{
margin:0rem;
margin-bottom:-0.2rem}
.teltel5 ul > li:active > a,.teltel6 ul > li:active > a,.teltel7 ul > li:active > a,.teltel8 ul > li:active > a,.teltel9 ul > li:active > a,.teltel10 ul > li:active > a{
background-color: #68B6FB;
}
.teltel5 ul > li:hover > a,.teltel6 ul > li:hover > a,.teltel7 ul > li:hover > a,.teltel8 ul > li:hover > a,.teltel9 ul > li:hover > a,.teltel10 ul > li:hover > a{
background-color: #68B6FB;
color: #fff;
}
.stel5,.stel6,.stel7,.stel8,.stel9,.stel10{
line-height:100%;
border: solid 0rem red;
padding-bottom: 0.3rem;
}
.stelclose5,.stelclose6,.stelclose7,.stelclose8,.stelclose9,.stelclose10{
line-height:5rem;
height:4.8rem;
width:5rem;
z-index:999;
border:0px solid black;
font-size:4rem;
padding: 0.5rem 0 0.5rem 0;
position:absolute;
top:0rem;
left:0rem;}
.telactive {
color: #fff;
background: #68B6FB;
}.circle_link img{
box-shadow: 0 0 0 0.3rem #fff, 0px 0px 0px 0.4rem #cccccc;	
width:5.5rem;
height:5.5rem;
border-radius:50%;
border:solid 0px #fff;
display: inline-block;
margin: 3px 0 0px 2px;
} .balloon_left_links {
position: relative;
display:inline-block;
max-width:calc(100% - 9rem);
margin: 0 0 0rem 3rem;
} .balloon_text_left_links {
float: left;
position: relative;
padding: 0rem 1rem 0rem 1rem;
border: 1px solid var(--balloon-left-links-border);
border-radius: 10px;
max-width: 100%;
display: inline-block;
background-color:var(--balloon-left-links-content);
z-index: 10; }
.balloon_text_left_links p {line-height:1.8rem;}  .balloon_left_links:before {
content: '';
position: absolute;
height: 40px;
width: 40px;
border-radius: 25px;
z-index: 1;
background: var(--balloon-left-links-tail);
top: 17px;
left: -18px;
}
.balloon_left_links:after {
content: '';
position: absolute;
height: 40px;
width: 40px;
border-radius: 25px;
z-index: 1;
background: var(--balloon-left-links-back);
top: 6px;
left: -25px;
}