@charset "utf-8";body{font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-size:1vw;color:#2c2c2c;background-color:#fafafa;line-height:1.5;display:flex;flex-flow:column;min-height:100vh}@media screen and (max-width:768px){body{font-size:2vw}}a{color:#4888e5;text-decoration:none}a:hover{color:#c6c6c6}a img{opacity:1;-webkit-transition:all .5s ease .5s;-js-transition:all .5s ease .5s;transition:all .5s ease .5s}a:hover img{opacity:.6}.sns_icon a:hover{opacity:.6}.font-el{font-family:'Rokkitt',serif}.font-mr{font-family:'Rokkitt',serif}.bg_moz{font-size:1.8rem}#page-top{width:40px;height:auto;position:fixed;right:20px;bottom:70px;display:none;z-index:10}#page-top img{width:100%;height:auto}#page-top p a{line-height:20px;text-decoration:none;display:block;cursor:pointer}@media screen and (max-width:768px){#page-top{width:40px}}header{padding:0;width:100%;top:0;right:0;background-color:rgba(255,254,254,.51);position:fixed;z-index:200}#header_erea{margin:0 auto;width:100%;background-color:rgba(255,254,254,.51);display:grid;grid-template-columns:repeat(8,1fr)}#header_text{padding:5px;font-size:.6vw;background-color:#fffdfd00}#title_logo{width:100%;text-align:center;font-size:3rem;color:#080808}@media screen and (max-width:768px){#header_erea{width:100%}#title_logo{font-size:2rem}}.fixed{position:fixed;top:0;left:0;z-index:9999}#logo{grid-column-start:1;grid-column-end:2;padding:10px;opacity:.9}#logo img{width:100%;height:auto}#nav_area{margin:0 auto;z-index:100;grid-column-start:2;grid-column-end:8}nav{width:100%;padding:10px 0;margin:0 auto}nav ul{padding:0;margin:0;display:flex;display:-webkit-box;-webkit-box-pack:center;justify-content:center;-webkit-display:flex;-webkit-justify-content:center;-js-display:flex;-js-justify-content:center}nav ul li{padding:0;margin:0;position:relative}nav ul li a{font-family:'Rokkitt',serif;display:block;margin:0;padding:10px 20px;font-size:1.2vw;text-align:center;text-decoration:none;color:#2c2c2c;white-space:nowrap;opacity:1;-webkit-transition:all .3s ease .3s;-o-transition:all .3s ease .3s;transition:all .3s ease .3s}#mobi_nav{display:none}@media screen and (min-width:769px){nav ul li a:hover{color:#a5a5a5;opacity:.6}#mobi_nav ul li a:hover{color:#a5a5a5;opacity:.6}}@media screen and (max-width:768px){#nav_area{width:100%}.mobi{display:none}nav ul li a{-webkit-box-flex:1;font-size:1.8rem;width:auto;border-style:none;white-space:nowrap;margin:0;padding:5px}#mobi_nav{display:block;position:fixed;bottom:0;margin:0;width:100%;padding:5px 0 5px;background-color:#fffdfd00;z-index:100}#mobi_nav ul{padding:0;margin:0;display:flex;display:-webkit-box;-webkit-box-pack:center;justify-content:center;-webkit-display:flex;-webkit-justify-content:center;-js-display:flex;-js-justify-content:center;-webkit-flex-wrap:wrap;-js-flex-wrap:wrap;flex-wrap:wrap}#mobi_nav ul li{padding:0;margin:0;display:block;position:relative}#mobi_nav ul li a{font-family:'Rokkitt',serif;display:block;font-size:1.8rem;width:auto;border-style:none;margin:0;padding:10px;text-align:center;text-decoration:none;color:#2c2c2c;white-space:nowrap;opacity:1;-webkit-transition:all .3s ease .3s;-o-transition:all .3s ease .3s;transition:all .3s ease .3s}}@media screen and (max-width:540px){nav ul li a{font-size:1.8rem;width:auto;border-style:none}#mobi_nav ul li a{font-size:1.8rem;width:auto;border-style:none}}nav ul li ul{position:absolute;top:100%;left:5px;flex-direction:column;-webkit-flex-direction:column;-js-flex-direction:column}nav ul li ul li{float:none;margin:10;padding:10px;background-color:#fff}nav ul li ul li a{font-size:1.2rem}nav ul li ul li a:hover{font-size:1.2rem}nav ul ul{visibility:hidden;opacity:0;transition:.2s ease-in-out;transform:translateY(-20px)}nav ul li:hover>ul{visibility:visible;opacity:1;transform:translateY(0)}main{width:100%;flex:1;padding-top:40px}section{width:80%;padding:20px;margin:0 auto;box-sizing:border-box}section h1{width:100%;font-family:'Rokkitt',serif;color:#2c2c2c;font-size:2vw}section h2{color:#2c2c2c}#top{padding:100px 0 0}@media screen and (max-width:768px){section{width:100%}section h1{font-size:6vw}}.bg-slider{width:100vw;height:100vh;background-position:center center;background-size:cover;display:flex;align-items:center;justify-content:center;z-index:1;top:0;left:0}.bg-p{width:100vw;height:100vh;background-position:center center;background-size:cover;display:flex;align-items:center;justify-content:center;background-image:url(//zoo-an.com/wp-content/themes/marco-zoo_wp/img/bg_p.png);z-index:2;top:0;left:0}.top_area{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%}.top_comment{width:60%;padding:20px;font-size:3vw;color:#fafafa;margin:0 auto;text-align:center;filter:drop-shadow(2px 2px 2px rgba(0,48,88,.6))}.top_bot{width:60%;margin:0 auto}.top_bot ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none}.top_bot ul li{padding:10px;width:33%;height:auto}.top_bot ul li a img{width:100%;height:auto}.top_bot ul li a:hover img{width:100%;height:auto;transform-origin:50% 50%;animation-name:big;animation-duration:1s}@keyframes big{0%{transform:scale(1)}50%{transform:scale(.8)}100%{transform:scale(1)}}@media screen and (max-width:768px){.logo{width:60%}.top_bot{width:80%}}.blog_icon{width:200px;height:auto;z-index:100;top:300px;left:100px;position:absolute;background-color:rgba(255,254,254,1);border-radius:100px}.blog_icon img{width:100%;height:auto;transform:rotate(-20deg);-moz-transform:rotate(-20deg);-webkit-transform:rotate(-20deg)}.blog_icon a{opacity:1;-webkit-transition:all .3s ease .3s;-o-transition:all .3s ease .3s;transition:all .3s ease .3s}.blog_icon a:hover{opacity:.3}.img_photo{padding:50px;width:800px;height:auto;margin:0 auto}.img_photo img{width:100%;border-radius:50%;border:10px solid #fff}@media screen and (max-width:768px){.blog_icon{width:100px;height:auto;z-index:100;top:200px;left:20px;position:absolute;background-color:rgba(255,254,254,1);border-radius:100px}.img_photo{padding:50px;width:100%}}.contents{box-sizing:border-box}.outbox{box-sizing:border-box;width:25%;padding:20px 0}.inbox{box-sizing:border-box;padding:0;background:#fafafa}.zooan-pto img{width:100%;height:auto;clip-path:polygon(3% 0%,100% 0%,97% 100%,0% 100%)}.zooan-txt{padding:5px;font-size:1vw}.column-pto img{width:100%;height:auto}.more-but{padding:5px;margin:0 auto;display:block;width:30%;font-family:'Rokkitt',serif;color:#2c2c2c;text-align:center;font-size:1.6vw;background-color:#fafafa;border:1px solid #2c2c2c}.more-but:hover{background-color:#2c2c2c;color:#fafafa}.about{width:80%;margin:0 auto;padding:10px;border:1px dotted #2c2c2c;background:#fafafa}.ds{filter:drop-shadow(2px 2px 3px #2c2c2c)}.about img{width:50%;height:auto;margin:0 auto;display:block}@media screen and (max-width:768px){.outbox{width:50%}.zooan-txt{font-size:2vw}}.sns_box{width:10%;display:grid;margin:0 auto;grid-template-columns:repeat(2,1fr);padding:10px}.sns_icon{width:100%;height:auto;padding:5px}.box01{width:100%;padding:30px;background-color:#fafafa;border:1px solid #a5a5a5;line-height:200%;z-index:1}.box01 img{width:100%;height:auto}.about_box{width:50%;background-color:#fafafa;border:1px solid #fafafa;line-height:200%;z-index:1;margin:-1px 0}.about_box img{width:100%;height:auto}.about_box h2{text-align:center;margin:0；padding：10px;font-size:2vw}.text_box{padding:10px 30px;font-size:1.2vw;line-height:150%}.info_box{width:33%;height:auto;background-color:#fafafa;line-height:200%;z-index:1;border:1px solid #fafafa;position:relative;margin:-1px 0}.info_box img{width:100%;height:auto}.overbox{width:100%;height:100%;background:rgba(226,255,248,0);position:absolute;padding:10px;box-sizing:border-box;transition:.5s all ease 0s;z-index:2;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center}.overbox:hover{background:rgba(226,255,248,.8)}.overbox a{text-align:center;font-size:2vw;color:#c9f7ff;font-family:'Raleway',sans-serif;filter:drop-shadow(2px 2px 2px rgba(0,48,88,.6))}.overbox a:hover{color:#318c9d}.box01 table{width:100%;height:auto;font-family:'Raleway',sans-serif}.box01 td{padding:5px 10px}.box01 tr:nth-child(odd){background-color:#a5a5a500}.box01 tr:nth-child(even){background-color:#fffffe00}.photo_box{padding:10px 0}.photo_inbox{width:33%;padding:5px}.photo_inbox:hover{opacity:.4}.photo_inbox img{width:100%;height:auto}@media screen and (max-width:768px){.box01{font-size:3vw;padding:10px}.tect_box{font-size:2.6vw}.info_box{width:50%}.info_box a{font-size:4vw}}footer{width:100%;margin:0 auto;background-color:#fafafa;color:#2c2c2c}#footer_menu{width:80%;margin:0 auto;padding:10px}#footer_menu ul{padding:0;margin:0;display:flex;display:-webkit-box;-webkit-box-pack:center;justify-content:center;-webkit-display:flex;-webkit-justify-content:center;-js-display:flex;-js-justify-content:center;-webkit-flex-wrap:wrap;-js-flex-wrap:wrap;flex-wrap:wrap}#footer_menu ul li{padding:0;margin:0}#footer_menu ul li a{display:block;margin:0;padding:10px;font-size:1.2rem;text-align:center;text-decoration:none;color:#2c2c2c;white-space:nowrap}#footer_menu ul li a:hover{color:#2c2c2c}@media screen and (max-width:768px){footer{width:100%}#footer_menu{width:100%}}#footer_copy{width:100%;padding:10px;font-size:1vw;color:#2c2c2c;text-align:center}.sns_box2{width:10%;display:grid;margin:0 auto;grid-template-columns:repeat(2,1fr);padding:10px}.sns_icon{width:100%;height:auto;padding:5px}@media screen and (max-width:768px){#footer_copy{padding:10px 10px 60px}}.youtube{position:relative;width:100%;padding-top:56.25%}.youtube iframe{position:absolute;top:0;right:0;width:100% !important;height:100% !important}.google_map{width:100%;height:300px}.c_box{display:flex}.c_left{-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;-js-flex:1;flex:1;background-color:#53535399;color:#f3f3f3;text-align:center;padding:5px 10px;border-bottom:#030360 solid 1px}.c_right{-webkit-flex:2;-moz-flex:2;-ms-flex:2;-o-flex:2;-js-flex:2;flex:2;background-color:#d8d8d899;color:#0e0e0e;padding:5px 10px;border-bottom:#030360 solid 1px}@media screen and (max-width:768px){.c_box{flex-direction:column;-webkit-flex-direction:column;-js-flex-direction:column}.c_left{min-height:0%;flex:0 1 auto;-webkit-flex:0 1 auto;-js-flex:0 1 auto;border:#7fb78e solid 1px}.c_right{min-height:0%;flex:0 1 auto;-webkit-flex:0 1 auto;-js-flex:0 1 auto;border:#7fb78e solid 1px}}.com_box{display:flex;margin:5px 40px}.com_left{-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;-js-flex:1;flex:1;background-color:#4c6a67;color:#fafafa;text-align:center;padding:5px;border-bottom:#4c6a67 solid 1px}.com_right{-webkit-flex:2;-moz-flex:2;-ms-flex:2;-o-flex:2;-js-flex:2;flex:2;background-color:#fafafa;color:#0e0e0e;padding:5px;border-bottom:#4c6a67 solid 1px}@media screen and (max-width:768px){.com_box{flex-direction:column;-webkit-flex-direction:column;-js-flex-direction:column}.com_left{min-height:0%;flex:0 1 auto;-webkit-flex:0 1 auto;-js-flex:0 1 auto;border:#4c6a67 solid 1px}.com_right{min-height:0%;flex:0 1 auto;-webkit-flex:0 1 auto;-js-flex:0 1 auto;border:#4c6a67 solid 1px}}.fb-page{padding:10px;margin:0 auto}.size-full{width:60%;height:auto;padding:10px;border-radius:20px}.f-r{color:#ff4500}.page-title{margin-bottom:10px}.post{padding:10px}.post h2{text-align:center;padding:10px 50px;border-bottom:1px dotted #2c2c2c;margin-bottom;50px}.post img{width:60%;height:auto;margin:0 auto;display:block}@media screen and (max-width:768px){.post h2{font-size:3.4vw}}.b-l01{border:2px solid #00cfff;padding:20px;border-radius:10px;margin:10px 0}.b-l02{border:4px double #00cfff;padding:20px;border-radius:10px;margin:10px 0}.b-l03{border:4px double #00cfff;padding:20px;border-radius:10px;background-color:#00cfff;color:#fafafa;margin:10px 0}.pto-l{float:left;padding:5px 10px 5px 0;width:30%;height:auto;display:inline;margin:0}.p-c-box{width:100%;display:flex;padding:10px;box-sizing:border-box;flex-wrap:wrap}.p-c-w50{width:50%;padding:5px}.p-c-w50 img{width:100%;height:auto;border-radius:10px}.p-c-w25{width:25%;padding:5px}.p-c-w25 img{width:100%;height:auto;border-radius:10px}.p-c-left30{width:30%;padding:5px}.p-c-left50{width:50%;padding:5px}.p-c-left30 img{width:100%;height:auto;border-radius:10px}.p-c-left50 img{width:100%;height:auto;border-radius:10px}.p-c-right50{width:50%;box-sizing:border-box;padding:5px}.p-c-right70{width:70%;box-sizing:border-box;padding:5px}.icon-box{display:grid;grid-template-columns:repeat(2,1fr);padding:5px}.icon-box img{width:50px;height:50px}.pto-cap{width:60%;margin:0 auto;padding:0}.pto15 a img{width:15%;height:auto}@media screen and (max-width:768px){.p-c-left50{width:100%}.p-c-right50{width:100%}.pto-cap{width:100%;margin:0 auto;padding:0 10px}}.page-contents{width:80%;margin:0 auto;box-sizing:border-box;padding:50px 10px 10px;font-size:1.2vw;line-height:1.6}.page-contents p{padding:1.2vw 0}.page-contents img{border-radius:10px}.page-contents h2{color:#ff8c00;padding:10px 0;font-weight:700}.page-contents h3{color:#ff8c00;padding:10px 0;font-weight:700}.page-contents strong{font-weight:700}.single-contents{width:80%;margin:0 auto;box-sizing:border-box;padding:50px 10px 10px;font-size:1.2vw;line-height:2}.single-contents p{padding:1.2vw 0}.single-contents img{width:60%;height:auto;margin:0 auto;display:block;border-radius:20px}.single-contents h2{color:#ff8c00;padding:10px 0;font-weight:700}.single-contents h3{color:#ff8c00;padding:10px 0;font-weight:700}.single-contents strong{font-weight:700}.category-contents{width:80%;margin:0 auto;box-sizing:border-box;padding:50px 10px 10px;font-size:1vw;line-height:1.6}.category-contents p{padding:1vw 0}.category-contents img{margin:0 auto;display:block}.cat-list{width:calc(100%/3);padding:10px;box-sizing:border-box;font-size:1.2vw;line-height:1.2}.cat-list img{width:100%;height:auto}.category-contents h2{color:#626262;padding:10px 0;font-weight:700}.category-contents h3{color:#626262;padding:10px 0;font-weight:700}.category-contents strong{font-weight:700}@media screen and (max-width:768px){.page-contents{font-size:2.6vw}.page-contents p{padding:2.6vw 0}.single-contents{font-size:2.6vw}.single-contents p{padding:2.6vw 0}.single-contents img{width:100%;border-radius:10px}.category-contents{font-size:2.6vw}.category-contents p{padding:2.6vw 0}.category-contents h2{font-size:2vw}.cat-list{width:50%;padding:10px;box-sizing:border-box}}