@charset "utf-8";

html,body {font-size:10px;}

.intro header h1 {padding:10px 0;}
.intro header h1 a {display:block; width:66px; margin:0 auto;}

.intro a {display:block;}
.intro a + a {margin-top:5px;}
.intro a img {width:100%;}

header {position:relative;}
header h1 {display:block; padding:13px 0 17px; height:74px;}
header h1 a {display:block; width:222.5px; margin:0 auto;}
header h1 span {display:none;}
header .menu h2 {position:absolute; z-index:1; left:0; top:0;}
header .menu h2 > a {display:block; width:74px; height:74px; text-indent:-9999px; background:url(../m/images/ico_menu.png) no-repeat 15px 23px; background-size:34.5px;}

header .menu nav {display:none; position:absolute; z-index:9999; left:0; top:74px; width:100%;}
header .menu nav .nav_tab:after {display:block; content:''; clear:both;}
header .menu nav .nav_tab a {display:block; float:left; width:50%; text-align:center; font-size:2rem; font-weight:600; line-height:5.7rem; color:#6c6c6c; background:#e2e2e2;}
header .menu nav .nav_tab a.on {color:#fff;}
header .menu nav .nav_tab a.dogcat.on {background-color:#f05529;}
header .menu nav .nav_tab a.animal.on {background-color:#f08329;}
header .menu nav ul {display:none;}
header .menu nav ul li a {display:block; padding-left:4rem; color:#fff; font-size:2rem; font-weight:600; line-height:6rem; background-image:url(../m/images/ico_menu_go.png); background-repeat:no-repeat; background-position:right 30px center; background-size:19px;}
header .menu nav ul.dogcat li a {background-color:#f0a591;}
header .menu nav ul.animal li a {background-color:#edc391;}
header .menu nav ul li + li {border-top:1px solid #fff;}
header .menu nav .menu_close {position:absolute; z-index:1; left:0; top:-74px; width:100%; height:74px; text-indent:-9999px; background:#fff url(../m/images/ico_menu_close.jpg) no-repeat left 17.5px center; background-size:44.5px;}

header .call {position:absolute; z-index:1; right:0; top:0;}
header .call a {display:block; width:74px; height:74px; text-indent:-9999px; background:url(../m/images/ico_call.png) no-repeat right 15px top 20px; background-size:32px;}

header .main_tab {border-top:1px solid #f05529; border-bottom:1px solid #f05529;}
header .main_tab:after {display:block; content:''; clear:both;}
header .main_tab a {display:block; float:left; width:50%; text-align:center; font-size:2rem; font-weight:600; line-height:5.5rem; color:#767676;}
header .main_tab a.on {color:#fff;}
header .main_tab a.dogcat.on {background-color:#f05529;}
header .main_tab a.animal.on {background-color:#f08329;}

.main02 header .main_tab {border-color:#f08329;}


.container .visual .slick-slide img {width:100%;}
.container .visual .slick-dots {margin:15px 0; text-align:center;}
.container .visual .slick-dots li {display:inline-block; width:15px; height:15px; text-indent:-9999px; border-radius:50%; background:#d1d1d1;}
.container .visual .slick-dots li + li {margin-left:5px;}
.container .visual .slick-dots li.slick-active {background:#f05529;}

.banner_wrap li + li {margin-top:5px;}
.banner_wrap img {width:100%;}

.real_facebook {padding:43px 30px 30px; background:#2a375e;}
.real_facebook h3 {width:366.5px; max-width:100%; margin-left:8px;}
.real_facebook .real_fb_wrap {margin-top:20px; height:280px;}
.real_facebook iframe {width:100%; height:280px; border:1px solid #364981;}

.real_info img {width:100%;}

.real_media {padding:0 50px 0px;}
.real_media h3 {width:214.5px; max-width:100%; margin:45px auto 25px;}
.real_media .slick-slide {margin:0 5px;}
.real_media .slick-slide > a {display:block; margin:0 auto;}
.real_media .slick-slide img {width:100%;}
.real_media .slick-slide .media_wrap {display:none;}
.real_media .slick-arrow {position:absolute; z-index:1; top:50%; width:21.5px; height:32.5px; text-indent:-9999px; transform:translateY(-50%);}
.real_media .slick-arrow.slick-prev {left:-35px; background:url(../m/images/ico_media_prev.png); background-size:21.5px;}
.real_media .slick-arrow.slick-next {right:-35px; background:url(../m/images/ico_media_next.png); background-size:21.5px;}

.btm_quick {margin-top:5px;}
.btm_quick ul:after {display:block; content:''; clear:both;}
.btm_quick ul li {position:relative; float:left; width:25%; background:#2c2c2c;}
.btm_quick ul li:before {content:''; position:absolute; z-index:1; left:0; top:0; width:1px; height:100%; background:#fff;}
.btm_quick ul li:first-child:before {display:none;}
.btm_quick ul li a {display:block; width:100%; height:100px; text-indent:-9999px; background-position:center; background-repeat:no-repeat;  background-size:85px;}
.btm_quick ul li.dogcat a {background-image:url(../m/images/ico_dogcat.jpg);}
.btm_quick ul li.animal a {background-image:url(../m/images/ico_animal.jpg);}
.btm_quick ul li.call a {background-image:url(../m/images/ico_call_btn.jpg);}
.btm_quick ul li.location a {background-image:url(../m/images/ico_map.jpg);}

footer {padding:25px 0; text-align:center;}
footer .btm_sns a {display:inline-block; width:56px; height:56px; text-indent:-9999px; background-repeat:no-repeat; background-position:0 0; background-size:56px;}
footer .btm_sns a + a {margin-left:6px;}
footer .btm_sns a.facebook {background-image:url(../m/images/ico_facebook.png);}
footer .btm_sns a.instagram {background-image:url(../m/images/ico_instagram.png);}
footer .btm_sns a.blog {background-image:url(../m/images/ico_blog.png);}
footer .btm_address {margin-top:25px; color:#949393; line-height:1.5;}
footer .btm_address span {display:inline-block; position:relative; padding:0 6px 0 10px; font-size:1.3rem;}
footer .btm_address span:before {content:''; position:absolute; z-index:1; left:0; top:3px; width:1px; height:12px; background:#949393;}
footer .btm_address span:first-child:before {display:none;}
footer .btm_address .copy {margin-top:.5rem; font-size:1rem;}

.media_wrap {display:none; position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7);}
.media_wrap .media {position:absolute; z-index:1; left:20px; top:50%; width:calc(100% - 40px); padding:10px; background:#fff; transform:translateY(-50%);}
.media_wrap .media .m_vd_wrap {position:relative; height:0; padding-top:30px; padding-bottom:56.25%;}
.media_wrap .media .m_vd_wrap iframe,
.media_wrap .media .m_vd_wrap object,
.media_wrap .media .m_vd_wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}
.media_wrap a {position:absolute; z-index:1; right:0; top:-49px; display:block; width:50px; height:50px; text-indent:-9999px; background:#fff url(../images/ico/ico_pop_close.jpg) no-repeat center;}


/* sub */
.sub_top img {width:100%;}
.sub_tab ul {border-left:1px solid #cecece; border-top:1px solid #cecece;}
.sub_tab ul:after {display:block; content:''; clear:both;}
.sub_tab ul li {float:left; width:33.33%; border-bottom:1px solid #cecece; border-right:1px solid #cecece;}
.sub_tab ul li a {display:block; width:100%; text-align:center; font-size:1.9rem; line-height:5rem; color:#818181; background:#fff;}
.sub_tab ul li.on a {background:#eaeaea;}

.sub_tab_02 ul {border-left:1px solid #cecece; border-top:1px solid #cecece;}
.sub_tab_02 ul:after {display:block; content:''; clear:both;}
.sub_tab_02 ul li {float:left; width:50%; border-bottom:1px solid #cecece; border-right:1px solid #cecece;}
.sub_tab_02 ul li a {display:block; width:100%; padding: 10px 0; text-align:center; font-size:1.5rem; line-height:2rem; color:#818181; background:#fff;}
.sub_tab_02 ul li.on a {background:#eaeaea;}



.contents {padding:0px;}
.contents_no { padding:45px 15px 50px; }
.contents h3 {margin-top:5rem;}
.contents h3:first-child {margin-top:0;}

.gallery {margin-top:25px;}
.gallery .slick-slide img {width:100%;}
.gallery .big .slick-arrow {position:absolute; z-index:1; top:50%; width:34.5px; height:34.5px; text-indent:-9999px; transform:translateY(-50%);}
.gallery .big .slick-arrow.slick-prev {left:0; background:url(../m/images/ico_gall_prev.jpg) no-repeat 0 0; background-size:34.5px;}
.gallery .big .slick-arrow.slick-next {right:0; background:url(../m/images/ico_gall_next.jpg) no-repeat 0 0; background-size:34.5px;}
.gallery .thumb {margin:7px -3px 0;}
.gallery .thumb:after {display:block; content:''; clear:both;}
.gallery .thumb li {float:left; margin:2px; width:calc(16.66% - 4px); height:auto; cursor:pointer; transition:opacity .3s ease;}
.gallery .thumb li.on {opacity:0.45;}
.gallery .thumb img {width:100%;}

.real_media.sub_media {padding-top:25px;}
.real_media.sub_media .slick-arrow.slick-prev {left:-50px;}
.real_media.sub_media .slick-arrow.slick-next {right:-50px;}


/*********************************************************************************************************************************************************/

@media all and (max-width:375px){
	html {font-size:8px;}

	header h1 a {position:relative; z-index:1; top:50%; width:180px; transform:translateY(-50%);}


	.real_facebook {padding:40px 20px 20px;}
	.real_facebook h3 {width:250px;}

	.btm_quick ul li a {height:80px; background-size:65px;}

	footer .btm_sns a {width:40px; height:40px; background-size:40px;}

	footer .btm_address span {display:block;}
	footer .btm_address span:before {display:none;}
}